/*
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 300;
    src: url("../font/Josefin_Sans/JosefinSans-Light.ttf");
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    src: url("../font/Josefin_Sans/JosefinSans-Regular.ttf");
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url("../font/Barlow_Semi_Condensed/BarlowSemiCondensed-Regular.ttf");
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url("../font/Barlow_Semi_Condensed/BarlowSemiCondensed-LightItalic.ttf");
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url("../font/Playfair_Display/PlayfairDisplay-Regular.ttf");
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    src: url("../font/Playfair_Display/PlayfairDisplay-Bold.ttf");
}
*/
@font-face {
    font-family: 'Montserrat-Light';
    font-style: normal;
    font-weight: normal;
    src: url("/font/Montserrat/Montserrat-Light.ttf");
}
@font-face {
    font-family: 'Montserrat-Medium';
    font-style: normal;
    font-weight: normal;
    src: url("/font/Montserrat/Montserrat-Medium.ttf");
} 
@font-face {
    font-family: 'Montserrat-SemiBold';
    font-style: normal;
    font-weight: normal;
    src: url("/font/Montserrat/Montserrat-SemiBold.ttf");
} 
@font-face {
    font-family: 'Montserrat-MediumItalic';
    font-style: normal;
    font-weight: normal;
    src: url("/font/Montserrat/Montserrat-ExtraLightItalic.ttf");
} 
@font-face {
    font-family: 'Montserrat-BoldItalic';
    font-style: normal;
    font-weight: normal;
    src: url("/font/Montserrat/Montserrat-SemiBoldItalic.ttf");
} 
@font-face {
    font-family: 'Montserrat-Bold';
    font-style: normal;
    font-weight: normal;
    src: url("/font/Montserrat/Montserrat-Bold.ttf");
} 
 
:root {
  --text_standard : #707070;
  --text_standard_hover : #F5FF00;
  --menu_hover_color : #F5FF00;
  --text_purple: #803773;
  --text_green: #9dd0ca;
  --bg_grey: #e7e8e8;
  --color1 :#087ECC;
	--color2 :#FFEF51;
  --text-purple_light : #8c57a2;
  --title-font: "Abel-Regular",'Helvetica Neue LT Std Med', Arial, sans-serif;
  --font_tc_default: 'Noto Sans', sans-serif;
  --font_en_default: 'Montserrat-Medium', sans-serif;
  --font_en_semibold: 'Montserrat-SemiBold', sans-serif;
  --font_en_bold: 'Montserrat-Bold', sans-serif;
  --font_en_light1: 'Montserrat', sans-serif;
  --font_en_boldItalic: 'Montserrat-BoldItalic', sans-serif;
  --profile_section_gap: 80px;
  --regform_border : #cccccc;
  
  --header_h : 80px;
  --header_padding : 25px;
  --header_menu_h : 40px;
  --header_menu_h_burgeron : 30px;
  --header_h_tablet : calc( 100vw / 5 );
  --header_h_tablets : calc( 100vw / 4.5 );
  --header_h_mobile : 85px;
  --header_h_burgeron : 35px;
  --header_h_burgeron_padding : 10px;
  
  --quicksch_h : 74px;
  
  --header_height : calc( var(--header_padding)*2 +  var(--header_h) + var(--header_menu_h));
  --header_height_burger : calc( var(--header_h_burgeron_padding)*2 +  var(--header_h_burgeron) + var(--header_menu_h_burgeron));
} 

@media only screen and (max-width:1024px) {
	:root{
		--quicksch_h : 60px;
		--header_height : var(--header_h_tablet);
		--header_height_burger : calc( var(--header_h_burgeron_padding)*2 +  var(--header_h_burgeron));
		  --profile_section_gap: 60px;
		--maxw_padding : 45px;
	}
}
@media only screen and (max-width:768px) {
	:root{
		--header_height : var(--header_h_tablets);
		--maxw_padding : 25px;
	}
}
@media only screen and (max-width:480px) {
	:root{
		--quicksch_h : 40px;  
		--header_height : var(--header_h_mobile);
	}
}

*{
	
	background-repeat:no-repeat;
	box-sizing: border-box;
	
}


body{
    margin:0;
	font-size:22px;
	text-align:center;
	position:relative;
}
body.layerOn{
	overflow:hidden;
}
body:before{
	width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    opacity: 0.05;
    top: 0px;
    left: 0px;
	background-size: cover;
    background-position: left center;
	background-attachment: fixed;
}
body.mMenuOn{
	overflow:hidden;
}
html[data-lang='eng'] {
	--font_default: var(--font_en_default);
	--font_medium : 'Montserrat-Medium', sans-serif;
	--font_light1: var(--font_en_light1);
	--font_boldItalic: var(--font_en_boldItalic);
	--font_light : 'Montserrat-Light', sans-serif;
	--font_SemiBold : var(--font_en_semibold);
	--font_Bold : var(--font_en_bold);
	--font_MediumItalic : 'Montserrat-MediumItalic', sans-serif;
	--text_btn1_more : 'more';
}
html[data-lang='chi'] {
	--font_default: var(--font_en_default);
	--font_medium : 'Montserrat-Medium', sans-serif;
	--font_light1: var(--font_en_light1);
	--font_boldItalic: var(--font_en_boldItalic);
	--font_light : 'Montserrat-Light', sans-serif;
	--font_SemiBold : var(--font_en_semibold);
	--font_Bold : var(--font_en_bold);
	--font_MediumItalic : 'Montserrat-MediumItalic', sans-serif;
	--text_btn1_more : '更多';
}
html, body{
    /*overflow-x:hidden;*/ /*for iphone*/
    font-size: 100%;
    line-height: 1.4;
    color:var(--text_standard );
	background-color:#ffffff;
    /*background-color: #f1f1f1;*/
}
*{
	font-family: var(--font_default);
}
.langTC{
	font-family:var(--font_tc_default);
}
.langEN{
	font-family:var(--font_en_default);
}
a{
    text-decoration: none;
	color:inherit;
}
a:hover{
	color:var(--color1);
}
.pagecontent a{
	color:var(--text_purple);
}
.pagecontent a:hover{
	color:var(--text_purple);
}
.pagecontent p{
	max-width:1000px;
	text-align:center;
	margin:auto;
}
img{
    vertical-align: top;
	max-width:100%;
}
.tabletMode{
	display:none !important;
}
.idxbg{
	position: fixed;
    left: 0px;
    width: 100%;
    background-color: #ffffff;
    opacity: 0.9;
	display:none;
}
h1,h2,p,div,li, ol, ul{
	padding:0px;
	margin:0px;
}
select:focus,textarea:focus, input:focus{
    outline:0; 
}

select{
    background-image: url(../images/arrow-down.png);
    background-repeat: no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-position: right;
    padding-right: 20px;
}

select::-ms-expand{
    display: none;
}
fieldset.fset_style1{
	border-top:1px solid #346ca7;
	border-right:0px;
	border-left:0px;
	border-bottom:0px;
	margin-top:50px;
}
fieldset.fset_style1 legend{
	font-size:26px;
	color:#346ca7;
	padding:0px 20px;
}
fieldset.fset_style1 .tips{
	color:#6c7372;
	font-size:15px;
	margin-bottom:30px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-family:var(--title-font);
    font-size: 1em;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder  {
    font-family:var(--title-font);
    font-size: 1em;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    font-family:var(--title-font);
    font-size: 1em;
}
 
input::-moz-placeholder,
textarea::-moz-placeholder  {
   font-family:var(--title-font);
    font-size: 1em;
}
.mainWidth{
	width:1380px;
	display:inline-block;
}
.dialog{
	display:none; 
}
.header{
	position: relative;
	padding:var(--header_padding) 0px;
		
}
header{
	position:fixed;
	background-color:#ffffff;
	width:100%;
}
header .maxw {
    display: flex;
	max-height:var(--header_h);
	
	/* transition: max-height 0.5s ease-out; */
}
.logo-guide-tablet{
			display:none;
		}
.topheader{
	height:40px;
	background-color:#73256f;
	
}

.maxw{
	width:1650px;
	max-width:calc( 100% - 60px );
	text-align:left;
	margin: 0px auto;
	position:relative;
}
header .maxw,footer .maxw{
	/*width:1380px;
	max-width:calc( 100% - 30px );
	*/
}
.body{
	padding-top: calc( var(--header_h) + var(--header_padding) * 2 + var(--header_menu_h) ) !important;
}
body.burgerOn .header{
	padding:var(--header_h_burgeron_padding) 0px;
	height:auto !important;
	max-height:100px;
}
body.burgerOn header .maxw{
	max-height:var(--header_h_burgeron);
}
body.burgerOn nav a{
	font-size:14px;
	line-height:30px;
}
body.burgerOn nav > .navmenu ,body.burgerOn nav:before, body.burgerOn nav:after{
	height:30px;
}
body.burgerOn .body{
	padding-top:80px !important;
}



.page-content-infoinner{
	position: relative;
	/*margin-top:80px;*/
}
.page-content{
	position: relative;
	min-height:600px;
}
.page-content:before{
	width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    opacity: 0.1;
    top: 0px;
    left: 0px;
	    background-size: cover;
    background-position: left center;
}

.findKeywords{
		margin-bottom:25px;
	}
	.findKeywords span{
		display:block;
		font-size:18px;
		color:var(--color1);
	}
.btnBack2top{
	background-image:url('/images/icon_back2top.svg');
	background-size:contain;
	width:52px;
	height:52px;
	position:fixed;
	bottom:150px;
	right:50px;
	cursor:pointer;
	display:none;
	
}
.btnMore.loading{
	background-image:url('/images/loading_square.gif');
	background-repeat: no-repeat;
    background-size: auto;
    border-radius: unset;
	cursor:unset;
}
.btnMore:after{
	content : '+'var(--text_btn1_more);	
}
.btnMore.loading:after{
	content : '';
}
.noResult{
	font-size: 22px;
    border-left: 20px solid var(--color1);
    padding-left: 10px;
    line-height: 22px;
    color: var(--color1);
    font-family: var(--font_SemiBold);
	margin-top:15px;
}
.ct-number .ct-countrycode{
	font-style:italic;
	padding-right:7px;
}
.ct-number .ct-countrycode:before{
	content : '+';
}
.header .hlogo{
	width: 40%;
	width: unset;
	max-width:calc( 100% - 60px );
    text-align: left;
    display: inline-block;
	display: inline-flex;
    vertical-align: top;
	
}
header .hlogo > div{
	display: flex;
    align-items: flex-end;
	
}
header .hlogo > div:not(:last-child){
	margin-right:30px;
}
header .hlogo img{
	width:auto;
	max-height:100%;
	height:100%;
}
header .hlogo2{
	align-items: center;
    height: fit-content;
    display: table;
    margin: auto;
}
header .hlogo2:before{
	content: ' ';
    width: 2px;
    height: fit-content;
    display: table-cell;
    border-left: 1px solid #C4D7ED;
    display: inline-flex;
    margin: 10px 30px;
    height: calc( 100% - 20px );
}
header .options{
	position: absolute;
    right: 0px;
    bottom: 0px;
}
.opt-lang{
	font-size:20px !important;
}
.opt-lang span{
	cursor:pointer;
}
.opt-lang span:not(:last-child){
	margin-right:15px;
}
.opt-lang span.selected{
	color:#087ECC;
	border-bottom:2px solid #087ECC;
}
header .RHS{
	width:40%;
	float:right;
	text-align:right;
	padding-top:50px;
	
	position: absolute;
    bottom: 20px;
    right: 0px;
}
button{
	color: #58595B;
	display:block;
    border: 0px;
	height: fit-content;
    font-size: 22px;
    line-height: 16px;
    padding: 15px 30px;
    width: auto;
    margin: 0px auto;
    border-radius: 8px;
	background: transparent;
    outline: unset !important;
}
.btn,button{
	cursor: pointer;
}
button.btn1,input.btn1{
	background-color: var(--color1);
    color: #ffffff;
    border-radius: 25px;
    font-size: 18px;
	line-height:18px;
    padding: 8px 30px;
    font-family: var(--font_light1);
	border:1px solid var(--color1);
	cursor:pointer;
}
button.btn1.disabled{
	cursor:unset;
	background-color:#f2f2f2;
	border-color:#ffffff;
}
button.btn1:(.disabled):hover{
	background-color:var(--color2);
	color: var(--color1);
}
.btnLess{
	display:none;
}
.layer{
	position:fixed;
	height: 100%;
    overflow: scroll;
	padding-bottom:30px;
	display:none;
	top:0px;
	left:0px;
	width:100%;
}
.layer .maxw{
	margin:auto;
	position:relative;
	padding-top:100px; 
}

.layer .secHeading{
	padding-left:30px;
}
.btnLayerClose{
	position:absolute;
	top:180px;
	right:100px;
	width:40px;
	height:40px;
	cursor:pointer;
	background-image:url('/images/btn_close_lightmode.svg');
	background-size: contain;
}

.layer[data-colorMode="dark"] .btnLayerClose{
	background-image:url('/images/btn_close_darkmode.svg');
}

#layerENLARGE img{
	margin:auto;
	display:block;
}

.mlogo,.mlogin,.msocial{
	display:none;
}
.org_partners{
	height:	60px;
	margin:20px 10px 30px 0px;
}
.socialmedia_set{
	height: 34px;
    margin-right: 0px;
    padding-top: 8px;
}
footer .socialmedia_set{
	height: 45px;
    margin-right: 0px;
} 
.org_partners li,.socialmedia_set li{
	display:inline-block;
	padding:0px;
	list-style-type:none;
	vertical-align: top;
}
.org_partners li img,.socialmedia_set li img,.msocial div img{
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.page-content{
	padding:110px 0px;
}
.page-content-infoMENU{
	position:fixed;
	padding-top:40px;
	width:350px;
}
.page-content-info.Ronly{
	width: calc( 100% - 400px );
    margin-left: 400px;
}
footer .socialmedia_set li{
	margin-right:3px;
}
.footer{
	position: relative;
	
}
.org_partners li{
	margin-right:15px;
}
.icon-FB img{
	background-image:url('../images/icon_fb_v2.png');
}
.icon-FB a:hover img{
	background-image:url('../images/icon_fb_v2.png');
} 
.icon-YT img{
	background-image:url('../images/icon_youtube_v2.png');
}
.icon-YT a:hover img{
	background-image:url('../images/icon_youtube_v2.png');
} 
.icon-EM img{
	background-image:url('../images/icon_email_v2.png');
}
.icon-EM a:hover img{
	background-image:url('../images/icon_email_v2.png');
} 
.icon-TW img{ 
	background-image:url('../images/icon_twitter2.png');
}
.icon-TW a:hover img{
	background-image:url('../images/icon_twitter2.png');
} 
.icon-CT img{
	background-image:url('../images/icon_contact.png');
}
.icon-CT a:hover img{
	background-image:url('../images/icon_contact.png');
} 
.icon-login,.icon-logout,.icon-profile{
	display: inline-block;
    padding: 0px 0px 0px 32px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    font-size: 18px;
    line-height: 40px;
    font-weight: 700;
}
.icon-login{
	background-image:url('../images/icon_login2.png');
}
.icon-logout{
	background-image:url('../images/icon_logout2.png');
}
.icon-profile{
	background-image:url('../images/icon_people2.png');
	    line-height: 20px;
}
.mlogin .icon-profile{
	background-image:url('../images/icon_people_on.png');
}

.icon-login:hover,.icon-logout:hover,.icon-profile:hover{
	
}
.icon-login:hover{
	background-image:url('../images/icon_login2.png');
}



.mlogin .icon-login{
	background-image:url('../images/icon_m_login.png');
}
.mlogin .icon-logout{
	background-image:url('../images/icon_logout_on.png');
}
/*
.icon-profile:hover,.mlogin .icon-profile{
	background-image:url('../images/icon_people_on.png');
}
*/
.icon-login a{
		color:inherit;
	
}
.icon-login:hover a,.icon-logout:hover a,.icon-profile:hover a{
	text-decoration:none;
}

@media only screen and (min-width:768px){
	h1.alignLEFT:after{
		display:none;
	}
	h1.alignLEFT{
		text-align:left;
	}
}
.secHeading{
	color:#2F2725;
	font-family: var(--font_SemiBold);
	
	width:50%;
	margin-top:0px;
}
h1.secHeading{
	font-size:70px;
	line-height:75px;
	min-height:75px;
	margin-bottom: 80px;
}
h2.secHeading{ 
	font-size:60px;
	line-height:65px;
	margin-bottom: 60px;
} 
h3.secHeading{ 
	font-size:40px;
	line-height:50px;
	margin-bottom: 50px;
}
.page-content .secHeading{ 
	position:fixed;
}
.page-content-info{
	/*
	padding-top: 150px;
	*/
}
.secHeading:not(.noafter):after{
	content: ' ';
	width:80px;
    height: 1px;
    border-bottom: 10px solid #C3C3C3;
    display: block;
    margin: 5px 0px 25px 0px;

}
.returnmsg{
	margin:50px 0px;
	background-color:#37a8ab;
	color:#ffffff;
	font-size:20px;
}
.returnmsg.error{
	color: #ffffff;
    background-color: #dc9f9f;
    font-size: 16px;
    padding: 10px;
    border-radius: 8px;
        margin: 15px 2px;
}
h2.sectionTitle{
	text-align:center;
    position:relative;
    z-index:2;
	width:calc( 100% - 40px );
	margin:auto;
}
h2.sectionTitle:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:solid 1px #cccccc;
    z-index:-1;
}
h2.sectionTitle span{
    margin:0;padding:0 10px;
    background:#fff;
    display:inline-block;
}
.pagecontent{
	min-height:400px;
	
	font-size: 20px;
	background-image:url('/images/bg_wave.jpg');
	background-position:top right;
	background-size: cover;
	padding-top:140px;
	padding-bottom:100px;
}
.pagecontent h1:not(:first-child){
	margin-top:120px;
}
.pagebanner{
	position:relative;
	overflow:hidden;
}
.pagebanner img{
	width:100%;
}


.bannerinfo{	
	position: absolute;
    top: 35%;
    /* max-width: 70%; */
    left: 0px;
    margin: auto;
    /* transform: translate(-50%); */
    font-size: 32px;
    text-align: left;
    right: 0px;
}

.bannerinfo .bdesc{
	color: #ffffff;
    font-size: 60px;
    line-height: 66px;
    letter-spacing: -0.6px;
    text-shadow: 0px 0px 15px #000000;
	text-align: left;
    padding-left: 10px;
    font-family: var(--font_SemiBold);
	width:60%;
	
}
.bannerinfo .btitle{
	color: #ffffff;
    font-size: 26px;
    line-height: 50px;
    font-family: var(--font_SemiBold);
    text-align: center;
    padding: 0px 35px;
    background-color: #E50019;
    border-radius: 26px;
    width: fit-content;
	margin-bottom:15px;
}
.bannerinfo.W .btitle, .bannerinfo.W .bdesc{
	color:#ffffff;
	text-shadow: 1px 1px #73256f;
}
.bannerinfo.W .btitle:after{
	opacity: 0.5;
	border-bottom: 3px solid #ffffff;
}
.user-logged .section-HOME .promo{
	float:unset;
	border:0px;
	padding:0px 50px;
	width:calc(100% - 100px);
}

.mmenuicon{
	background-image:url('../images/icon_menu.svg');
	height:30px;
	width:30px;
	background-size:contain;
	background-repeat:no-repeat;
	position: absolute;
    top: 15px;
    left: 20px;
	display:none;
}

.registerpromo{
	background-color:#fcf1e3;
	padding:50px 30px;margin-top:50px;
}

/* TABLE */
.tablestyle_1 { 
    border: 1px solid #fcf1e3;
    border-collapse: separate;
    border-left: 0;
    border-radius: 15px;
    border-spacing: 0px;
    width:100%;
    margin-top:50px;
}
.tablestyle_1 thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    border-collapse: separate;
    
}
.tablestyle_1 th{
	background-color:#346ca7;
	color:#ffffff;
}
.tablestyle_1 tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
.tablestyle_1 th, .tablestyle_1 td {
	padding: 10px; 
	text-align: left;
	vertical-align: top;
	border-left: 0px solid #ddd;    
}
.tablestyle_1 td {
	border-top: 0px solid #ddd;
	font-size:14px;
	font-weight:600;
}
.tablestyle_1 tr:nth-child(even) td{
	background-color:#fcf1e3;
}
.tablestyle_1 thead:first-child tr:first-child th:first-child
, .tablestyle_1 tbody:first-child tr:first-child td:first-child {
    border-radius: 15px 0 0 0;
}
.tablestyle_1 thead:last-child tr:last-child th:first-child
, .tablestyle_1 tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 15px;
}
.tablestyle_1 tbody:last-child tr:last-child td:last-child{
    border-radius: 0 0 15px 0;
}
.tablestyle_1 thead:first-child tr:first-child th:last-child{
    border-radius: 0 15px 0 0;
}
.tablestyle_1 tr:first-child th:first-child
,.tablestyle_1 tr td:first-child{
	padding-left:15px;
	border-left:1px #fcf1e3 solid;
}


.tablestyle_2 { 
     border: 1px solid #6c7372;
    padding: 3px;
    border-collapse: separate;
    border-radius: 0px;
    border-spacing: 0px;
    width:100%;
    margin-top:50px;
}
.tablestyle_2 thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    border-collapse: separate;
    
}
.tablestyle_2 th{
	background-color:#346ca7;
	color:#ffffff;
	font-size:18px;
}
.tablestyle_2 tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
.tablestyle_2 th, .tablestyle_2 td {
	padding: 15px 10px; 
	text-align: left;
	vertical-align: top;
	border-left: 0px solid #ddd;    
}
.tablestyle_2 td {
	border-top: 1px solid #cccccc;
	font-size:18px;
	font-weight:500;
}
.tablestyle_2 tr:first-child th:first-child
,.tablestyle_2 tr td:first-child{
	padding-left:15px;
	
}
.tabletonly{
		display:none;
	}
 




@media only screen and (max-width:1460px) {
    
}

@media only screen and (max-width:1379px) {
  .mainWidth{
	width:1380px;
	display:inline-block;
	max-width:calc(100% - 20px );
}
}


@media only screen and (max-width:1024px) {
	.desktoponly{
		display:none;
	}
	.tabletonly{
		display:block;
	}
	.secHeading{
		width:100%;
	}
	h1.secHeading,h3.secHeading{
		font-size:40px;
		line-height:48px;
	}
	h2.secHeading{
		margin-bottom:25px;
	}
	
	.secHeading:not(.noafter):after{
		border-bottom-width:5px;
		width: 50px;
		margin-top:0px;
	}
    .maxw {
		max-width: calc( 100% - var(--maxw_padding)*2 ) !important;
		width:1000px;
	}
	.layer .maxw{
		padding-top:80px;
	}
	.header{
		height:var(--header_h_tablet);
	}
	header *{
		/* transition: all 0.1s ease-out; */
	}
	body:not(.burgerOn) .body{
		padding-top:var(--header_h_tablet) !important;
	}
	body:not(.burgerOn) header .maxw{
	    max-height: 100%;
		overflow: hidden;
		height: 100%;
	}
	body:not(.burgerOn) .header .hlogo{
		height: auto;
		width: 70%;
		display: grid;
		grid-template-columns: calc( 68% - 20px ) calc( 32% - 20px );
		grid-gap: 40px;
		/* transition: all 0.5s ease-out; */
	}
	
	body:not(.burgerOn) .logo-guide-tablet{ 
		display:block;
	}
	body:not(.burgerOn) .logo-guide{
		display:none !important;
	}
	body:not(.burgerOn) .logo-30yrs img{
			border-left: 1px solid var(--color1);
			padding-left: 40px;
	}
	body:not(.burgerOn) header .hlogo > div.logo-main{
		/*display:block;*/
		/* transition: all 0.5s ease-out; */
		display: flex;
		flex-direction: column;
	}
	body:not(.burgerOn) header .hlogo > div.logo-main > a{
		flex-grow: 1;
	}
	body:not(.burgerOn) header .hlogo > div{
		align-items: center;
		margin-right: 0px !important;
	}
	body:not(.burgerOn) header .hlogo img{
		width:100%;
		height:auto;
		max-height:unset;
	}
	body.burgerOn header .hlogo img{
		height:100%;
	}
	
	header .options{
			display:none;
	}
	
	.page-content .secHeading{
		    position: static;
		margin-bottom: 40px;
		min-height:unset;
	}
	.page-content-info{
		padding-top:unset !important;
		margin-left: 0px !important;
		    width: 100% !important;
	}
	
	.btnLayerClose{
		    top: 30px;
		right: 0px;
	}
	.page-content-infoMENU{
		position: static;
		width: 100%;
		margin-top: 0px !important;
    padding-top: 0px;
	}
}
@media only screen and (max-width:768px) {
	.maxw {
		max-width: calc( 100% - 50px ) !important;
	}
	.header{
		padding: 15px 0px;
		height:var(--header_h_tablets);
	}
	body:not(.burgerOn) .header .hlogo{
		width: 80%;
		grid-template-columns: calc( 75% - 10px ) calc( 25% - 10px );
		grid-gap: 20px;
	}
	body:not(.burgerOn) .header .hlogo .logo-30yrs img{
		padding-left:15px;
		max-height: calc( var(--header_h_mobile) * 0.5 ) !important;
		width:auto;
	}
	h1.secHeading{
		font-size:50px;
		line-height:60px;
	} 
	h3.secHeading{
		font-size:40px;
		line-height:50px;
	}
}
@media only screen and (max-width:480px) {
	
	h3.secHeading{
		font-size:26px;
		line-height:28px;
	}
	.page-content{
		    padding-top: 50px !important;
	}
	.btnBack2top{
		right:15px;
		bottom:15px;
	}
	body:not(.burgerOn) .body {
		padding-top: var(--header_h_mobile) !important;
	}
	body.burgerOn .header{
		padding:5px 0px;
		
	}
	body.burgerOn .hlogo{
		max-width: calc( 100% - 40px );

	}
	.header{
		height:var(--header_h_mobile);
		padding:10px;
		max-height: var(--header_h_mobile);
	}
	header .maxw {
		max-height: 100%;
		overflow: hidden;
		height: 100%;
		
	}
	body:not(.burgerOn) header .maxw {
		max-width: 100% !important;
	}
	body:not(.burgerOn) .header .hlogo{
		grid-template-columns: 190px calc( 100% - 190px );
		width: calc( 100% - 40px );
		max-width: unset;
		grid-gap: 0px;
	}
	body:not(.burgerOn) header .hlogo .logo-30yrs{
		    margin-left: 25px;
	}
	body.burgerOn header .hlogo > div:not(:last-child){
		margin-right:15px;
	}
	h1.secHeading{
		font-size:26px;
		line-height:36px;
	} 
	h2.secHeading{
		font-size:24px;
		line-height:34px;
	}
	.secHeading:not(.noafter):after{
		width:50px;
	}
	.layer .secHeading{
		    padding-left: 0px;
		margin-bottom: 30px;
	}
	button{
		font-size: 16px;
		    padding: 5px 30px;
	}
	button.btn1, input.btn1{
	font-size: 14px;
    line-height: 14px;
	    padding: 5px 20px;
	}
	.ct-number .ct-countrycode{
		    padding-right: 10px;
	}
}
.backlayer{
	background-color:#ffffff;
	opacity: 0.99;
	width:100%;
	height:100%;
	position: absolute;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	z-index:2;
}
body.mMenuOn .backlayer{
	top:var(--header_height);
}
body.mMenuOn.burgerOn .backlayer{
	top:var(--header_height_burger);
}
.backlayer[data-colorMode="dark"]{
	background-color:#000000;
	opacity: 0.7;
}

.backlayer .btnLayerClose{
	display:none;
	
}


/*
.IDX-ESURG{
	text-align:center;
}
@media only screen and (max-width:768px) {
	.assignSubMenu{
		display:none !important;
	}
	header{
		height:unset;
		padding:0px;
	}
	header .RHS{
		padding-top: 0px;
		width: 100%;
		float: unset;
		text-align: center;
	}
	.header .hlogo{
		
		width: 100%;
		height: 80px;
		text-align: center;
		float: unset;
		padding:0px;
		    margin: 15px 0px;
	}
	.header{
		margin-top:5px;
		margin-bottom:5px;
	}
	header .hlogo img {
	    height: 100%;
		width: auto;
		margin-left: 50px;
	}
	.mmenuicon{
		    display: block;
    top: 40px;
    width: 40px;
    height: 40px;
		
	}
	h1 {
		line-height:1.2;
	}
	h1 br{
		display:none;
	}
	
	footer{
		padding:0px;
		
	}
	footer section div{
		display:block;
		margin-bottom:5px;
	}
	
	footer section span.sp{
		margin-left:0px;
		display:inline-block;
	}
	footer section span.sp:before{
		
		padding-right:15px;
		padding-left:15px;
		
	}
	footer section div span.sp:first-child:before{
		content : '';
		    padding-left: 0px;
	}
	footer section.RHS {
		
		display: block;
		width: 100%;
		text-align: center;
		margin: 0px;
		position:unset;
	}

	.socialmedia_set{
		margin:0px;
	}
	.org_partners{
		height:40px;
		margin: 5px 0px;
		text-align: center;
		margin-bottom: 20px;
	}
	.maxw {
		max-width: calc( 100% - 40px ) !important;
	}
	nav{
		display:none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: calc(100% - 50px );
		background-color: #f7f7f7;
		height: 100%;
		overflow-y: scroll;
		max-width: 400px !important;
	}
	nav li{
		display:block;
		line-height:40px;
		border-bottom:1px solid #cccccc;
		border-top:0px;
		border-right:0px;
		padding:0px 0px 0px 30px;
		margin:0px;
		text-align:left;
		font-weight:normal;
	}
	nav li.selected{
		border-bottom: 1px solid #cccccc;
		background-color:var(--text_green);
		
		font-weight: bold;
	}
	nav a{
		padding:0px;
		display:inline-block; 
		border-right:0px;
		font-size:20px;
	}
	nav li.selected a{
		color:#ffffff;
	}
	nav li{
		background-size: 32px 32px;
		background-position: 5px center;
		padding-left: 42px;
		background-image: none !important;
	}
	nav .subm{
		display: block;
		text-indent: 10px;
	}
	nav .subm:before{
		    content: ' > ';
			line-height: 12px;
			display: inline-block;
			font-size: 14px;
	}
	.pagecontent{
		    padding-top: 20px;
			padding-bottom: 20px;
			font-size:18px;
	}
	.bannerinfo {
		top: 50px;
		font-size: 26px;
		width: calc( 100% - 40px );
	}
	.menu-CONTACT{
		background-image:url('../images/icon_m_contact.png'); 
	}
	.menu-FACULTY{
		background-image:url('../images/icon_m_faculty.png'); 
	}
	.menu-WEBINAR{
		background-image:url('../images/icon_m_webinar.png'); 
	}
	.menu-PROGRAM{
		background-image:url('../images/icon_m_programme.png'); 
	}
	.menu-Virtual_EXHIB{
		background-image:url('../images/icon_m_sponsor.png'); 
	}
	
	.menu-REG{
		background-image:url('../images/icon_m_reg3.png'); 
	}
	.menu-HOME{
		background-image:url('../images/icon_m_home.png'); 
	}
	.mlogo{
		height:60px;
		display:block;
		padding-left:0px;
		text-align:center;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.mlogo, .msocial{
	}
	.msocial{
		display:block;
    border-top: 10px solid #346ca7;
    line-height: unset;
    padding: 10px 0px;
    text-align: center;	
	}
	.msocial div{
		width:40px;
		height:40px;
		display:inline-block;
		margin:0px;
		padding-top:5px;
	}
	.mlogo img{
		height:100%;
	}
	.mlogin {
		padding-right:20px;
		display:block;
		background-color:#346ca7;
		color:#ffffff;
		text-align:center;
		padding-left:0px;
		border:0px;
	}
	.mlogin img{
		width: 26px;
    height: 26px;
    padding: 0px;
    margin: 7px;
   // background-image: url(/images/icon_login_m_on.png);
    background-size: contain;
    background-position: left;
	}
	footer section{
		margin-right:0px;
		margin-bottom:30px;
		text-align:center;
	}
	.section-HOME .promo{
		width:calc( 100% - 80px );
		padding:40px;
		background-color:#ffffff;
		border:0px;
	}
	.section-HOME .register{
		margin:0px;
		padding:40px 0px;
		background-color:#fcf1e3;
		width:100%;
	}
	.section-HOME .register .divText{
		display:inline-block;
		width:60%;
		vertical-align:top;
	}
	.section-HOME .register button{
		display: inline-block;
		width: calc( 35% - 44px );
		vertical-align: top;
		margin: 10px 22px 0px 0px;
	}
	.registerpromo{
		background-color:#ffffff;padding:0px;margin:50px 0px 0px 0px;
	} 
	
	.IDX-ESURG .idx-eSurgVDOHeading{
		margin-top:50px !important;
		margin-bottom: 15px;
		text-align:center;
	}
	
	.IDX-SERVICES .gallery-list{
		display:block;
		text-align:center;
	}
	.IDX-SERVICES .gallery-list > div{
		display:inline-block;
		width:calc( 50% - 40px );
	}
	.IDX-SERVICES .gallery-list.topGallery > div:hover {
	  width: calc( 50% - 20px );
	}
}
@media only screen and (max-width:500px){
	body{
		font-size:16px;
	}
	.pagecontent{
		font-size:16px;
	}
	.mmenuicon{
		top: 20px;
		width: 30px;
		height: 30px;
	}
	.header .hlogo{
		height: 50px;
		text-align: center;
		margin: 5px 0px;
		max-width:80%;
	}
	
	h2 {
		line-height: 36px;
		font-size: 28px !important;
	}
	nav a{
		font-size:18px;
	}
	
	button {
		font-size: 18px;
		line-height: 22px;
		padding: 4px 20px;
	}
	fieldset.fset_style1 legend{
		font-size:20px;
		    padding: 0px 5px;
	}
	h1{
		font-size:20px;
	}
	
	.pagecontent{
		    padding-top: 20px;
			padding-bottom: 20px;
	}
	.bannerinfo {
		top: 20px;
		font-size: 14px;
		width: calc( 100% - 20px );
	}
	.bannerinfo .btitle:after {
		
		height: 1px;
		
		margin: 2px 0px 8px 0px;
	}
	.maxw {
		max-width: calc( 100% - 20px ) !important;
	}
	.IDX-SERVICES .gallery-list.topGallery{
		display:block;
	}
	.IDX-SERVICES .gallery-list.topGallery > div{
		max-width:500px;
		margin-bottom:20px;
	}
	.IDX-ESURG .idx-eSurgVDOHeading:after{
		display:none;
	}
	.IDX-ESURG .videolist{
		width:calc( 100% - 40px );
		margin:auto;
	}
	.IDX-SERVICES .gallery-list > div{
		width:calc( 100% - 30px );
		
	}
	.IDX-SERVICES .gallery-list.topGallery > div:hover {
		width: calc( 100% - 10px );
	}
}
*/