@charset "utf-8";

html, body{
	/* overflow-y: auto;
	-webkit-overflow-scrolling: touch; */
}
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.menu_nav a:focus, #searchMenuBar {
    outline: none;
}
html {
	border:0;
	margin:0 auto;
	padding:0;
	overflow-y:scroll;
}
body {
	border:0;
	margin:0 auto;
	padding:0;
	font-size: 1em;
	line-height: 1.428571429;
	font-family: "Microsoft JhengHei",PMingLiU,Arial,Helvetica,sans-serif;
	color: #333;
	background:#fff;
	min-width:320px;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
div {
	margin:0;
	padding:0;
}
img {
	border:0;
	padding:0;
	margin:0;
	vertical-align:top;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 500;
	margin:0;
	padding:0;
}
ul, ol {
	margin:0;
	padding: 0;
	list-style-type: none;
}
a {
	text-decoration:none;
	color:#333;
	-webkit-transition: color .2s ease 0s;
	transition: color .2s ease 0s;
}
a{
	cursor:pointer;
}
a:hover, a.selected {
	color:#F07027;
}
strong {
	font-weight: 700;
}
strong.title {
	color:#017685;
}
blockquote { 
    display:block;
    margin:30px 0 30px 40px;
}
input[type="radio"], input[type="checkbox"] {
	border: 0 !important;
}
input,
textarea {
  /* -webkit-appearance: none; */
  border-radius: 0; }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #999; }
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #999; }
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #999; }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #999; }
  input:focus::-webkit-input-placeholder,
  textarea:focus::-webkit-input-placeholder {
    color: transparent; }
  input:focus:-moz-placeholder,
  textarea:focus:-moz-placeholder {
    /* Firefox 18- */
    color: transparent; }
  input:focus::-moz-placeholder,
  textarea:focus::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent; }
  input:focus:-ms-input-placeholder,
  textarea:focus:-ms-input-placeholder {
    color: transparent; }
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
sup.star{ color:#F00;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#nav-access {
	top:-20em;
	position:absolute;
}
.accessibility {
	height:0px;
	width:0px;
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:0;
	text-indent:-9999px;
}
.access {
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -5000px;
	width: 1px;
}
.hiddenLabel{display:none;}
.hidden, .invisible{
	display:none;
}
/* @media print {
* {
	color: #000 !important;
	text-shadow: none !important;
	background: transparent !important;
	box-shadow: none !important;
}
} */
.small_size{
	font-size: 90%;	
}
.middle_size{
	font-size: 100%;	
}
.large_size{
	font-size: 110%;	
}
.f_left{
	float:left !important;
}
.f_right{
	float:right !important;
}
.f_left_img{
	float:left !important;
	padding-right:10px;
}
.f_right_img{
	float:right !important;
	padding-left:10px;
}
.a_left{
	text-align:left !important;
}
.a_right{
	text-align:right !important;
}
.a_center{
	text-align:center !important;
}
.a_justify{
	text-align:justify !important;
}
.v_middle{
	vertical-align:middle !important;
}
.no_wrap{
	white-space:nowrap;
}
.rwd_img{
	max-width:100%;
	height:auto;
}
.rwd_img_fullWidth{
	width:100%;
	height:auto;
}
.container{
	margin:0 auto;
	position:relative;
	max-width:1200px;
	/* padding:0 20px; */
	padding:0;
	width:90%;
}
/***********************Structure css************************/
.loaders{
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
	background: #ffffff;
	text-align: center;
}
.loaders .loader{
	width: 100%;
    height: 100%;
	position:relative;
}
#wrapper {
	width:100%;
	height:100%;
	min-width:320px;
	position:relative;
	overflow:hidden;
}
#wrapperInner{
	/* position:relative;
	width:100%;
	right: 0; */
	/* display:none; */
	height: auto;
	/* padding-top: 151px; */
	position: relative;
	width: 100%;
	background-color:#fff;
	transition:padding-top 0.4s ease 0;
}
#header_pop{
	display:none;
	background-color:#e9e9e9;
	width:100%;
	/* height:200px; */
	padding:35px 0;
}
#header_pop .closeBtn{
	position:absolute;
	text-align:center;
	display:none;
	font-size:0.825em;
	width:auto;
	height:auto;
	top:0;
	right:6px;
	z-index:30;
}
body.headerPopOn #header_pop .closeBtn{
	display:block;
}
#header_pop .closeBtn .btnInner {
    position: relative;
    display: block;
    float: none;
    width: 27px;
    height: 27px;
    padding: 4% 0;
    margin: 0 auto;
}
#header_pop .closeBtn .btnInner:before, #header_pop .closeBtn .btnInner:after {
    top: 12px;
    position: absolute;
    content: '';
    display: block;
    height: 2px;
    width: 25px;
    /* -webkit-transition: rotate 0.3s ease-in-out;
    transition: rotate 0.3s ease-in-out; */\
	-webkit-transition: background-color .2s ease 0s;
	transition: background-color .2s ease 0s;
}
#header_pop .closeBtn .btnInner:before {
    background-color: #353535;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#header_pop .closeBtn .btnInner:after {
    background-color: #353535;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#header_pop .closeBtn:hover .btnInner:before, #header_pop .closeBtn:hover .btnInner:after {
	background-color: #F07027;
}
#header_pop .slider_wrap{
	display:none;
}
#header_pop .mobileToggle{
	display:none;
	font-size:1em;
	font-weight:bold;
    vertical-align: middle;
    height: 51px;
    width: 100%;
    text-align: right;
	cursor:pointer;
}
#header_pop .mobileToggle:before{
	content: '';
	width: 0px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
#header_pop .mobileToggle:after{
	content:"";
	background: rgba(255, 255, 255, 0) url(../images/icon_circleup_black.svg) no-repeat center center;
	background-size: 100% !important;
	display: inline-block;
	width: 17px;
	height: 17px;
	margin:0 5px 0 15px;
	vertical-align: middle;
}
#header_pop .slideInner{
	padding:0 6%;
    margin: 0 auto;
    font-size: 0;
}
#header_pop .slideInner .imgHolder, #header_pop .slideInner .contentHolder{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:1rem;
}
#header_pop .slideInner .imgHolder img{
    display:block;
    width:100%;
    margin:0 auto;
    border:5px solid #FFF;
}
#header_pop .slideInner .contentHolder .doyouknowTitle{
	font-size:1em;
	font-weight:bold;
	margin-bottom:10px;
}
#header_pop .slideInner .contentHolder .contentTitle{
	font-size:1.6em;
	font-weight:bold;
}
#header_pop .slideInner .contentHolder a.btn_readmore{
	padding: 10px 30px 10px 15px;
    border: 1px solid #353535;
    margin: 5px 0px;
    min-width: 200px;
    display: inline-block;
    position: relative;
	color:#353535;
	font-size:0.825em;
}
#header_pop .slideInner .contentHolder a.btn_readmore:hover{
	background-color:#BE4E0C;
	border-color:#BE4E0C;
	color:#fff !important;
}
#header_pop .slideInner .contentHolder a.btn_readmore:after{
	content: '>';
    position: absolute;
    font-weight: bold;
    right: 15px;
    top: 50%;
    /* margin-top: -7px; */
	transform:translateY(-50%);
}
#header_pop .swiper-slide{
	padding: 0 0 40px 0;
}
#header_zone{
	/* padding:0 20px; */
	padding: 0;
	margin: 0;
	/* top: -80px; */
	/* position: fixed;
	top: 0;
	left: 0; */
	width: 100%;
	background-color:#fff;
	z-index: 300;
}
#header_zone.shadow{box-shadow: 0px 3px 5px rgba(125, 125, 125, 0.2); background-color:#fff; position: fixed; top: 0; left: 0;}
#header_zone.shadow #topBar{border-bottom:0;}
#header_zone .container{
	padding:0;
}
#header_zone #topBar{
	/* padding: 14px 20px 8px 20px; */
	padding: 14px 0 8px 0;
	/* padding: 15px 0 12px 0; */
	width: 100%;
	/* display: block;
	float: left; */
	position: relative;
	/* font-size: 0; */
	border-bottom:1px solid #E9EDEC;
	font-size: 0.750em;
}
body.headerPopOn #header_zone #topBar:before{
	content: '';
	position: absolute;
	background: #e9e9e9;
	width: 37px;
	height: 62px;
	display: block;
	top: -20px;
	right: 26px;
	/* right: 0; */
	/* z-index: -1; */
	border-radius: 8px;
}
#header_zone.shadow #topBar:before{
	display:none !important;
}
#header_zone #topBar #todayWeather > * {
	display: block;
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	position: relative;
}
#header_zone #topBar #todayWeather > *:after {
	background-color: #CCC;
	content: " ";
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 3px;
}
#header_zone #topBar #todayWeather > *:first-child {
	padding-left: 0;
	margin-left: 0;
}
#header_zone #topBar #todayWeather > *:first-child:after {
	display: none;
}
#header_zone #topBar #todayWeather{
	float:left;
}
#header_zone #topBar ul#toolBar{
	float:right;
	/* margin-right:10px; */
}
#header_zone #topBar ul#toolBar li {
	/* font-size: 0; */
	display:inline-block;
}
#header_zone #topBar ul#toolBar > li {
	padding-left: 10px;
	margin-left: 10px;
	position: relative;
}
#header_zone #topBar ul#toolBar > li:after {
	background-color: #CCC;
	content: " ";
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 3px;
}
#header_zone #topBar ul#toolBar > li:first-child:after {
	display: none;
}
#header_zone #topBar ul#toolBar > li#doYouKnowBtn{
	/* margin-right:10px; */
}
#header_zone #topBar ul#toolBar .langBtn {
	margin-left: 8px;
	position: relative;
}
#header_zone #topBar ul#toolBar .langBtn:first-child {
	margin-left: 0;
}
#header_zone #topBar ul#toolBar #doYouKnowBtn a {
	background: rgba(255, 255, 255, 0) url(../images/icon_circleup_black.svg) no-repeat center center;
	background-size: 100% !important;
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: -5px;
}
#header_zone #topBar ul#toolBar #doYouKnowBtn a:hover {
	background: rgba(255, 255, 255, 0) url(../images/icon_circleup_orange.svg) no-repeat center center;
}
#header_zone #topBar ul#toolBar #doYouKnowBtn a.active {
	background: rgba(255, 255, 255, 0) url(../images/icon_circledown_black.svg) no-repeat center center;
}
#header_zone #topBar ul#toolBar #doYouKnowBtn a.active:hover {
	background: rgba(255, 255, 255, 0) url(../images/icon_circledown_orange.svg) no-repeat center center;
}
#header_zone #topBar ul#toolBar #shareBtn{
	margin-left:6px;
}
#header_zone #topBar ul#toolBar #shareBtn>a {
	background: rgba(255, 255, 255, 0) url(../images/icon_share_black.svg) no-repeat center center;
	background-size: 100% !important;
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: -5px;
}
#header_zone #topBar ul#toolBar #shareBtn.active>a {background-image:url(../images/icon_share_orange.svg);}
#header_zone #topBar ul#toolBar #shareBtn .share-wrap{
	display:none;
	padding:10px;
	background-color:#EAEAEA;
	position:absolute;
	top:25px;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
	width:58px;
	/* width:86px; */
}
/* #header_zone #topBar ul#toolBar #shareBtn.active .share-wrap{display:block;} */
#header_zone #topBar ul#toolBar #shareBtn .share-wrap:before{
	position:absolute; top:-8px; left:50%; transform:translateX(-50%); content:''; height:0; width:0; display:block; border:8px transparent solid; border-top-width:0; border-bottom-color:#EAEAEA;
}
#menuTab .share-wrap{padding:20px 0 0 10px;}
#header_zone #topBar ul#toolBar #shareBtn .share-wrap a.shareBtn, #menuTab .share-wrap a.shareBtn{
	display:inline-block;
	margin-left:10px;
	text-indent:-9999px;
	vertical-align:middle;
}
#header_zone #topBar ul#toolBar #shareBtn .share-wrap a.share-fb, #menuTab .share-wrap a.share-fb{
	background:url('../images/icon-share-fb.png') no-repeat 0 0;
	background-size:100%;
	width:10px;
	height:18px;
}
#header_zone #topBar ul#toolBar #shareBtn .share-wrap a.share-whatsapp, #menuTab .share-wrap a.share-whatsapp{
	background:url('../images/icon-share-whatsapp.png') no-repeat 0 0;
	background-size:100%;
	width:18px;
	height:18px;
}
#header_zone #topBar ul#toolBar #shareBtn .share-wrap a.share-email, #menuTab .share-wrap a.share-email{
	background:url('../images/icon-share-email.png') no-repeat 0 0;
	background-size:100%;
	width:18px;
	height:18px;
}
#header_zone #topBar ul#toolBar #shareBtn .share-wrap a, #menuTab .share-wrap a{
	opacity: 1;
	-webkit-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}
#header_zone #topBar ul#toolBar #shareBtn .share-wrap a:hover, #menuTab .share-wrap a:hover{
	opacity: 0.75;	
}
#header_zone #topBar ul#toolBar #shareBtn .share-wrap a:first-child{margin-left:0;}
#header_zone:not(.shadow) #topBar a.header-logo{display:none;}
#header_zone:not(.shadow) #topBar ul#toolBar li#dtSearch {display:none;}
#header_zone.shadow #topBar{/* padding:8px 0; */padding:5px 0;}
#header_zone.shadow #topBar #todayWeather{display:none;}
#header_zone.shadow #topBar a.header-logo{display:block; float:left; font-size:0;}
#header_zone.shadow #topBar a.header-logo img{max-height:54px;}
#header_zone.shadow #topBar ul#toolBar{padding-top:18px;}
#header_zone.shadow #topBar ul#toolBar li#dtSearch {display:inline-block;}
#header_zone.shadow #topBar ul#toolBar li#doYouKnowBtn {display:none;}
#header_zone.shadow #topBar ul#toolBar li#shareBtn {display:none;}
#header_zone #topBar ul#toolBar li#dtSearch a {
	/* display: block;
	width: 22px;
	height: 22px; */
	display: inline-block;
	width: 17px;
	height: 17px;
	background: #FFF url("../images/icon_search_orange.svg") no-repeat scroll center center;
	background-size: 100% 100%;
	/* margin-left: 25px;
	margin-bottom: -5px; */
	vertical-align:-5px;
	position:relative;
}
#header_zone #topBar ul#toolBar li#dtSearch a:hover:after, #header_zone #topBar ul#toolBar li#dtSearch.active a:after {
	content: '';
	border-top: 5px solid #cc4c02;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	right: calc(50% - 3px);
	bottom: -14px;
}
#header_zone .subMenu{display:none;}
#header_zone .subMenu.active {
	text-align: left;
	display: block;
	position: absolute;
	width: 100%;
	background: #FFF;
	overflow: visible;
	z-index: 1000;
	/* top: calc(100% + 34px); */
	padding: 30px 0 40px;
	box-shadow: 0px 10px 5px -7px rgba(0, 0, 0, 0.1);
}
#header_zone .subMenu.active:before {
	left: -50%;
	z-index: -1;
}
#header_zone .subMenu .searchWrapper {
	display: block;
	width: 60%;
	margin: 0 auto;
	padding: 30px 0 10px;
	overflow: hidden;
	position: relative;
}
#header_zone .subMenu .searchWrapper .subSearchBar {
	-webkit-appearance: none;
	border-radius: 0;
	background: #FFF;
	border: 0;
	border-bottom: 1px solid #cc4c02;
	display: block;
	float: left;
	height: 48px;
	width: calc(100% - 48px);
	margin: 0;
	padding: 0 17px;
}
#header_zone .subMenu .searchWrapper .subSearchBtn {
	box-sizing: border-box;
	float: left;
	min-width: 0;
	display: block;
	margin: 0;
	border: 0;
	width: 48px;
	height: 48px;
	border-bottom: 1px solid #cc4c02;
	padding: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: white url(../images/icon_search_orange.svg) no-repeat center center;
	background-size: 45%;
	margin: 0;
	float: left;
	text-indent: -9999px;
	-webkit-transition: opacity .2s ease 0s;
	transition: opacity .2s ease 0s;
	cursor:pointer;
}
#header_zone .subSearchBtn:hover {
	opacity:0.75;
}
#header_zone .nav{
	/* padding:0 20px; */
	/* padding:0; */
	/* position:relative; */
}
#header_zone .nav a.header-logo{display:none; font-size:0; float:left; padding:5px 0;}
#header_zone .nav a.header-logo-mobile{
	display:none;
	font-size:0;
	/* width: 100%; */
	padding: 5px 0 5px 0;
	margin-right:140px;
	position: absolute;
	/* left: 20px; */
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#header_zone .nav a.header-logo img{height:54px;}
/* #header_zone .nav a.header-logo-mobile img{
	max-width: 258px;
    width: 100%;
} */
#header_zone .nav.active{
	position:relative;
}
#header_zone .nav .navMobile{
	display:none;
	float:right;
	position:relative;
}
#header_zone .nav .navMobile .navBtn{
	display: block;
	float: left;
	position: relative;
	/* width: 58px;
	height: 58px; */
	width: 40px;
	height: 64px;
}
#header_zone .nav .navMobile .navBtn.active {
	border: 1px solid #e1e1e1;
	border-width: 0 1px;
}
#header_zone .nav .navMobile #navSearch {
	background: rgba(255, 255, 255, 0) url(../images/icon_search_orange.svg) no-repeat center center;
	/* background-size: 40% 40%; */
	background-size: 22px 22px;
}
#header_zone .nav .navMobile .navBtn.active#navSearch {
	background-color: #f8f8f8;
}
#header_zone .nav .navMobile #navLang {
	background: rgba(255, 255, 255, 0) url(../images/icon_lang_orange.svg) no-repeat center center;
	/* background-size: 40% 40%; */
	background-size: 22px 22px;
}
#header_zone .nav .navMobile .navBtn.active#navLang {
	background-color: #f8f8f8;
}
#header_zone .nav .navMobile #navToggle .navToggleInner {
	position: absolute;
	display: block;
	/* width: 40%;
	height: 40%; */
	width: 50%;
	height: 50%;
	top: 30%;
	/* left: 30%; */
	left:50%;
	transform:translateX(-50%);
	padding: 4% 0;
}
#header_zone .nav .navMobile #navToggle .navToggleInner span, #header_zone .nav .navMobile #navToggle .navToggleInner:before, #header_zone .nav .navMobile #navToggle .navToggleInner:after {
	content: '';
	display: block;
	height: 4px;
	width: 100%;
	background: #cc4c02;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#header_zone .nav .navMobile #navToggle .navToggleInner:before {
	top: 0;
}
#header_zone .nav .navMobile #navToggle .navToggleInner:after {
	bottom: 0;
}
#header_zone .nav .navMobile #navToggle .navToggleInner span {
	margin: 4px auto;
}
#header_zone .nav .navMobile .navBtn.active#navToggle {
	background-color: #f8f8f8;
}
#header_zone .nav .navMobile .navBtn.active#navToggle .navToggleInner span {
	background: transparent;
}
#header_zone .nav .navMobile .navBtn.active#navToggle .navToggleInner:before {
	-ms-transform: translateY(8px) rotate(45deg);
	-webkit-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}
#header_zone .nav .navMobile .navBtn.active#navToggle .navToggleInner:after {
	-ms-transform: translateY(-8px) rotate(-45deg);
	-webkit-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}
#header_zone .nav .menuTab {
	z-index: 10;
	display: none;
	border-top: 1px solid #e1e1e1;
	margin-top: 64px;
	width: 100%;
	/* height: 100%; */
	height: auto;
	/* position: absolute; */
	position: fixed;
	background-color: #FFF8E6;
	/* overflow-y: scroll; */
	overflow-y: hidden;
	/*padding-top: 15px;*/
	padding-bottom: 100px;
	top:0;
	left:0;
}
#header_zone .nav.active .menuTab.active{
	display: block;
}
#header_zone .nav.active > div#searchTab.active {
	display: block;
	color: #cc4c02;
	text-align: center;
}
#header_zone .nav.active > div#searchTab.active h2 {
	margin-top: 0px;
}
#header_zone .nav.active > div#searchTab.active .searchBlock {
	width: 100%;
	padding: 0px 20px;
}
#header_zone .nav.active > div#searchTab.active .searchBlock .searchHolder {
	margin-bottom: 0px;
}
#header_zone .nav.active > div#searchTab.active .searchBlock .searchHolder .searchBar {
	width: calc(100% - 48px);
}
#header_zone .nav.active > div#searchTab.active .hotSearch {
	color: #cc4c02;
}
#header_zone .nav.active > div#searchTab.active .hotSearch a {
	padding: 10px;
	color: #cc4c02;
}
#header_zone .nav.active > div#languagesTab.active{
	padding:0 20px;
}
#header_zone .nav.active > div#languagesTab.active h2 {
	margin-top: 20px;
	color: #cc4c02;
}
#header_zone .nav.active > div#languagesTab.active div {
	margin: 15px 0px;
}
#header_zone .nav.active > div#languagesTab.active div a {
	padding: 0;
	font-weight: bold;
}
#headbottom_zone{
	background-color:#fff;
	position:relative;
}
#headbottom_zone .header-logo-wrap .searchBlock{
	float:right;
	margin-bottom:0;
	width:44%;
}
#headbottom_zone .header-logo-wrap .searchBlock .searchHolder .searchBar{
	/* width:91%; */
	width:calc(100% - 42px);
}
#headbottom_zone .header-logo-wrap .searchBlock .searchHolder .searchBtn{
	/* width:9%; */
	width:42px;
}
#headbottom_zone .header-logo-wrap {
	padding: 20px 0 15px;
}
#headbottom_zone .header-logo-wrap .header-logo img{
	max-width:500px;
	height:auto;
}
/* #headnav{background-color:#EBEBEB; border-bottom:10px solid #D1D1D1;}
#headnav>.hideOnTablet>ul.external_menu_nav{display:table; margin:0 auto; top:-10px; position:relative;}
#headnav>.hideOnTablet>ul.external_menu_nav>li{display:table; float:left; width:calc(100%/7); height:70px;}
#headnav>.hideOnTablet>ul.external_menu_nav>li>a{display:table-cell; color:#fff; font-weight:bold; text-align:center; vertical-align:middle; padding:10px;} */
#headnav{background-color:#fff; border-bottom:10px solid #D1D1D1; height:70px;}
#headnav>.hideOnTablet>ul.external_menu_nav{display:table; margin:0 auto; width:100%;}
#headnav>.hideOnTablet>ul.external_menu_nav>li{display:table; float:left; /* width:calc((100% - 31px) / 7); */ width:calc((99.9999% - 35px) / 8); height:70px; margin-left:5px; position:relative;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:first-child{margin-left:0;}
#headnav>.hideOnTablet>ul.external_menu_nav>li>a{display:table-cell; position:relative; color:#fff; font-weight:bold; text-align:center; vertical-align:middle; padding:10px; border-radius:5px 5px 0 0; background:url('../images/top-menu-gradient.png') repeat-x 0 100%; line-height:1.2em;}
#headnav>.hideOnTablet>ul.external_menu_nav>li>a:before{
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 5px;
  right: auto;
  top: 0;
  left: 0;
  margin: 0;
  border-radius:5px 5px 0 0;
  opacity: 1;
}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(1)>a, #headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(1)>div{background-color:#C31F1E;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(2)>a, #headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(2)>div{background-color:#A3681A;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(3)>a, #headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(3)>div{background-color:#787C0E;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(4)>a, #headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(4)>div{background-color:#44830E;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(5)>a, #headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(5)>div{background-color:#0E7D4A;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(6)>a, #headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(6)>div{background-color:#106190;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(7)>a, #headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(7)>div{background-color:#542AA6;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(8)>a, #headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(8)>div{background-color:#7d2aa6;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(1)>a:before{background-color:#EE3437;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(2)>a:before{background-color:#BE8722;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(3)>a:before{background-color:#9B9F14;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(4)>a:before{background-color:#56A913;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(5)>a:before{background-color:#13A260;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(6)>a:before{background-color:#1588BE;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(7)>a:before{background-color:#8145D8;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(8)>a:before{background-color:#b245d8;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(1)>div>ul>li{border-color:#EE3437;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(2)>div>ul>li{border-color:#BE8722;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(3)>div>ul>li{border-color:#9B9F14;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(4)>div>ul>li{border-color:#56A913;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(5)>div>ul>li{border-color:#13A260;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(6)>div>ul>li{border-color:#1588BE;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(7)>div>ul>li{border-color:#8145D8;}
#headnav>.hideOnTablet>ul.external_menu_nav>li:nth-child(8)>div>ul>li{border-color:#b245d8;}
#headnav>.hideOnTablet>ul.external_menu_nav>li>div{
	display:none;
	position:absolute;
	top:70px;
	left:0;
	width:200px;
	z-index:100;
}
#headnav>.hideOnTablet>ul.external_menu_nav>li>div>ul>li{
	border-top:1px solid;
}
#headnav>.hideOnTablet>ul.external_menu_nav>li>div>ul>li:first-child{
	border-top:0;
}
#headnav>.hideOnTablet>ul.external_menu_nav>li>div>ul>li>a{
	display:block;
	padding:10px 15px;
	color:#fff;
}

#headnav>.showOnTablet>ul.external_menu_nav{
	/* padding-top:20px; */
}
#headnav>.showOnTablet>ul.external_menu_nav>li{
	float:left;
	position:relative;
}
#headnav>.showOnTablet>ul.external_menu_nav>li > a:before{
	position:absolute;
	content:'';
	border-left:1px solid #000;
	height:20px;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
#headnav>.showOnTablet>ul.external_menu_nav>li:first-child{/*padding-left:0;*/}
#headnav>.showOnTablet>ul.external_menu_nav>li:last-child a:before{display:none;}
#headnav>.showOnTablet>ul.external_menu_nav>li>a{
	font-weight:bold;
	font-size:0.875em;
	position:relative;
	overflow:hidden;
	display:inline-block;
	padding-right:15px;
	margin-right:15px;	
}
#headnav>.showOnTablet>ul.external_menu_nav>li > div{ position:absolute; top:20px; left:0; z-index:2000; background-color:#fff;}
#headnav>.showOnTablet>ul.external_menu_nav>li > div > ul > li > a{
	padding:10px 15px;
	background-color:#707070;
	display:block;
	font-size:0.875em;
	color:#fff;
}
#headnav>.showOnTablet>ul.external_menu_nav>li > div > ul > li > a:hover{color:rgba(255,255,255,.75);}
#headnav>.showOnTablet>ul.external_menu_nav>li > div > ul > li{ border-top:1px solid #ebebeb;}
#headnav>.showOnTablet>ul.external_menu_nav>li:hover > div{ /*display:block;*/ width:200px;}
#headnav>.showOnTablet>ul.external_menu_nav>li:hover > a{color:#F07027;}
.searchBlock {
	float: left;
	overflow: hidden;
	width: 50%;
	margin-bottom: 30px;
}
.searchBlock .searchHolder {
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
}
.searchBlock .searchHolder .searchBarHolder {
	clear: both;
	float: left;
	margin: 10px 0 5px;
	width: 100%;
}
.searchBlock .searchHolder .searchBar {
	-webkit-appearance: none;
	border-radius: 0;
	background: #FFF;
	border: 1px solid #cc4c02;
	border-right: 0;
	display: block;
	float: left;
	height: 48px;
	width: 80%;
	margin: 0;
	padding: 0 17px;
}
.searchBlock .searchHolder .searchBtn {
	box-sizing: border-box;
	float: left;
	min-width: 0;
	display: block;
	margin: 0;
	border: 0;
	width: 48px;
	height: 48px;
	border: 1px solid #cc4c02;
	border-left: 0;
	padding: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: white url(../images/icon_search_orange.svg) no-repeat center center;
	background-size: 45%;
	margin: 0;
	float: left;
	display: block;
	text-indent: -9999px;
	-webkit-transition: opacity .2s ease 0s;
	transition: opacity .2s ease 0s;
	cursor: pointer;
}
.searchBtn:hover {
	opacity:0.75;
}
/*Mobile nav*/
#mobile_nav_wrap{ display:none; /*background-color:#616161;*/ color:#fff;}
#mobile_nav_wrap a{ color:#fff;}
#mobile_overlay{ position:absolute; top:0; height:100%; width:100%; z-index:2050; background-color: rgba(0, 0, 0, .8);}

.navcontrol{
	display: block;
	height: 30px;
	width: 34px;	
}
.navcontrol:before,
.navcontrol:after,
.navcontrol span {
	background: #7F7F7F;
	position: absolute;
	width: 26px;
	right: 4px;
	height: 2px;
	-webkit-transition: all 0.3s ease 0.15s;
	transition: all 0.3s ease 0.15s;
	transform-origin:center center;
}
.navcontrol span{ font-size:0; top:50%; margin-top:-1px;}
.navcontrol:before,
.navcontrol:after {
	content: "";
}
.navcontrol:before{ top:4px;}
.navcontrol:after {
	top: 24px;
}
/* .navcontrol:hover:before{ top:2px;}
.navcontrol:hover:after{ top:26px;} */
.navcontrol.selected span{ background:none!important;}
.navcontrol.selected:before{
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	width:34px;
}
.navcontrol.selected:after{
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:50%;
	width:34px;
	bottom:inherit;
}

#menuControl{position: relative;}
#mobileNavClose{ position: relative; /* left:0; top:5px; */ display:none;}
#mobileNavClose.navcontrol:before, #mobileNavClose.navcontrol:after, #mobileNavClose.navcontrol span {background:#fff;}

#mobile_topnav{ /* padding:0 15px; */ background-color:#F07027; /* height: 70px; */}
#mobile_topnav a{text-decoration:none;}
#mobile_topnav>ul#topnav_m{
	margin:0 auto;
	float:left;
	left:50%;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:relative;
}
#mobile_topnav>ul#topnav_m>li{
	display:table;
	float:left;
	height:70px;
	padding-left:15px;
	/* padding-left:20px; */
	position:relative;
	transition:height 0.4s ease 0s;
}
#mobile_topnav>ul#topnav_m>li.fontsize, #mobile_topnav>ul#topnav_m>li.topsearch{
	padding-left:0;
}
#mobile_topnav>ul#topnav_m>li.lang:after, #mobile_topnav>ul#topnav_m>li.media:after, #mobile_topnav>ul#topnav_m>li.topshare:after{
	position:absolute;
	width:1px;
	height:8px;
	border-left:1px solid #D4D5DA;
	top:50%;
	left:7px;
	/* left:10px; */
	margin-top:-4px;
	content:"";
}
#mobile_topnav>ul#topnav_m>li>.topnav_item{
	display:table-cell;
	position:relative;
	vertical-align:middle;
	padding:0 7px;
	/* padding:0 8px; */
}
#mobile_topnav>ul#topnav_m>li>.topnav_item>a{
	display:block;
	text-decoration:none;
	font-size:14px;
}
#mobile_topnav>ul#topnav_m>li>.topnav_item>a.larger_font{
	font-size:18px;
}
#mobile_topnav>ul#topnav_m>li.topshare>.topnav_item>a{
	background:url('../images/icon-share-white.png') no-repeat 0 0;
	background-size:100% auto;
	width:23px;
	height:26px;
	text-indent:-9999px;
}
#mobile_topnav>ul#topnav_m>li.topsearch>.topnav_item>a{
	background:url('../images/icon-search-white.png') no-repeat 0 0;
	background-size:100% auto;
	width:26px;
	height:26px;
	text-indent:-9999px;
}
#mobile_topnav>ul#topnav_m>li .topnav_item:before{
	content:'';
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:10px solid #FFB974;
	position:absolute;
	left:50%;
	margin-left:-8px;
	bottom:0;	
	opacity:0;
	-webkit-transition: opacity .2s ease 0s;
	transition: opacity .2s ease 0s;
}
/* #mobile_topnav ul.topnav>li.topshare>.topnav_item:hover:before, #mobile_topnav ul.topnav>li.topshare>.topnav_item.selected:before{ opacity:1;} */
#mobile_topnav>ul#topnav_m>li.topshare.selected>.topnav_item:before, #mobile_topnav>ul#topnav_m>li.topsearch.selected>.topnav_item:before{ opacity:1;}

#mobile_topnav>ul#topnav_m>li.navControl{padding-left:0;}


#mainnav_m{ /*overflow-y:auto; overflow-x:hidden;*/ width:100%; }
#mainnav_m > ul > li{ position:relative; border-bottom:1px solid #B9D161;}
#mainnav_m > ul > li > a:not(.btn){ padding:15px; display:block; /* font-size:1.3em; */ z-index:10; text-decoration:none;}
#mainnav_m > ul > li.hasChild > a:not(.btn){ padding-right:50px;}
#mainnav_m > ul > li > a.btn{ position:absolute; right:12px; top:8px; width:30px; height:30px; cursor:pointer; z-index:100; }
#mainnav_m > ul > li > a.btn:before{
	border:2px solid #fff;		
	content: "";
	background:none;
	height:12px;
	top: 50%;
	/* margin-top:-6px; */
	right:10px;	
	width: 12px;
	position:absolute;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	border-bottom:none;
	border-left:none;
	transition: transform 0.4s ease 0s;
}
#mainnav_m > ul > li.selected > a.btn:before{
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	margin-top:-2px;
	border-color:#fff;
}
#mainnav_m > ul > li.active > a.btn:before{ border-color:#fff;}

#switchLangEN,#switchLangEN_m{}
#mainnavWrap_m{width: 100%;}
#mainnav_m > ul > li.selected > a:not(.btn), #mainnav_m > ul > li.active > a:not(.btn){ background-color:#B3CB4F;}
#mainnav_m > ul > li.selected > a, #mainnav_m > ul > li.active > a{ color:#fff;}
/* #mainnav_m > ul > li > ul li a{ color:rgba(255,255,255,0.7);}
#mainnav_m > ul > li > ul li a:hover, #mainnav_m > ul > li > ul li.selected > a{color:#FFC042;} */
#mainnav_m > ul > li.selected > ul{}
#mainnav_m > ul > li.selected > ul > li{ background-color:#EAF0D6;}
#mainnav_m > ul > li.selected > ul{ display:block; padding:0; }
#mainnav_m > ul > li > ul{ display:none;}
#mainnav_m > ul > li > ul > li{ position:relative;}
#mainnav_m > ul > li > ul > li > a{ padding:15px; display:block; position:relative; color:#666; text-decoration:none; /* line-height:1.4em; font-size:1.3em; */}
/* #mainnav_m > ul > li > ul > li > a:before{
	content:'';
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#fff;
	left:24px;	
	top:1.25em;
	position:absolute;		
} */
#mainnav_m > ul > li > ul > li > a:hover{ color:#A9C638;}
/* #mainnav_m > ul > li > ul > li > a:hover:before{
	background-color:#ffc042;
} */
#mainnav_m > ul > li > ul > li > ul a{ padding:8px 15px 8px 38px; display:block; position:relative;}
#mainnav_m > ul > li > ul > li > ul a:before{ left:28px;}
#othernav_m{ /*overflow-y:auto; overflow-x:hidden;*/ width:100%; }
#othernav_m > ul > li{ position:relative;}
#othernav_m > ul > li > a{ padding:15px 15px 15px 35px; display:block; /* font-size:1.3em; */ z-index:10; text-decoration:none;}
#othernav_m > ul > li > a:before{
	content:'';
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#EAF0D6;
	left:20px;	
	top:1.5em;
	position:absolute;		
}

/***Mobile***/
#header_zone, #middle_zone, #footer_zone{
	-webkit-transition: left 550ms ease 0s;
	transition: left 550ms ease 0s;
}
/* #header_zone.showMenu, #middle_zone.showMenu, #footer_zone.showMenu{
	left: -390px;
} */
#middle_zone{
	background-color:#EBEBEB;
	position:relative;
	/* transition: padding 0.4s ease 0s; */
}
#footer_zone{
	position:relative;
	padding:60px 0;
}
#footer_zone #backtotop{
	position:absolute;
	top:-40px;
	right:20px;
	font-size:0.75em;
}
#footer_zone #backtotop:after {
    background: rgba(255, 255, 255, 0) url("../images/icon_arrow2_up_grey.svg") no-repeat scroll center top / 100% auto;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    vertical-align: bottom;
    width: 11px;
}
#footer_zone #backtotop:hover {
    color: #cc4c02;
}
#footer_zone #backtotop:hover:after {
    background: rgba(255, 255, 255, 0) url("../images/icon_arrow2_up_orange.svg") no-repeat scroll center top / 100% auto;
}
#footer_zone .footerLeft{
	width:calc(50% - 40px * 1 / 2);
	margin-right:40px;
	display:block;
	float:left;
}
#footer_zone .footerLeft #auxiliaryMenu {
	line-height: 20px;
	font-size: 0;
}
#footer_zone .footerLeft #auxiliaryMenu li {
	display: inline-block;
	float: none;
	box-sizing: border-box;
	padding-right: 10px;
	margin-right: 10px;
	position: relative;
	margin-bottom: 5px;
}
#footer_zone .footerLeft #auxiliaryMenu li > * {
	font-size: 0.75rem;
}
#footer_zone .footerLeft #auxiliaryMenu li:before {
	background-color: #CCC;
	content: " ";
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	right: 0;
	top: 3px;
}
#footer_zone .footerLeft #auxiliaryMenu li.listBreaker {
	padding: 0;
	margin: 0;
	display: block;
	height: 0;
}
#footer_zone .footerLeft #auxiliaryMenu li.listBreaker:after, #footer_zone .footerLeft #auxiliaryMenu li.listBreaker:before {
	display: none;
}
#footer_zone .footerLeft #auxiliaryMenu li:last-child:after {
	display: none;
}
#footer_zone .footerLeft #auxiliaryMenu .noLine:before {
	display:none;
}
#footer_zone .footerRight {
	width:calc(50% - 40px * 1 / 2);
	font-size:0;
	display:block;
	float:left;
	text-align:right;
}
/* #footer_zone .footerRight #webLabel {
	display: block;
	float: right;
} */
#footer_zone .footerRight #footerLogoAA img {
	max-width:100%;
}
#footer_zone .footerRight #footerLogoR6 img {
	width: 40%;
	/* margin-left: 18%; */
}
#footer_zone .footerRight #footerLogoAccess {
	width: 90%;
	margin-right: 20px;
}
#footer_zone .footerRight #footerLogoAccess img {
	/* margin-left: -15%; */
	max-width:100%;
}
#footer_zone .footerRight .gridBlock {
	display: inline-block;
	vertical-align: middle;
	float: none;
	width:calc(25% - 15px * 3 / 4);
	margin-left:15px;
}
#footer_zone .footerRight .gridBlock:first-child {
	margin-left:0;
}
#footer_zone .footerRight .gridBlock img {
	display: block;
	margin: 0 auto;
}
#footer_zone #footerLogoHk {
	float: right;
}
#footer_zone #footerLogoHk img {
	max-width:100%;
	width:100% \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#footer_zone #footerLogoHk img {
		width:100%;
	}
}
.menuOn #header_pop{
	display:none !important;
}
.menuOn #wrapper{
	overflow:visible;
}
.menuOn #header_zone{
	position:relative;
}
.menuOn #header_zone .nav .menuTab{
	position:absolute;
}
.menuOn #middle_zone, .menuOn #footer_zone{
	max-height:0;
	overflow:hidden;
}
.menuOn #header_zone .nav.active > .menuTab.active{
	min-height:600px;
}

/* .menuOn  */
/* #footer_zone #backtotop{background-color:#999; position:fixed; right:20px; bottom:20px; width:50px; height:50px; opacity: 0; filter:Alpha(Opacity=0); -webkit-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; z-index: 1000; text-indent:-9999px;}
#footer_zone #backtotop:after{position:absolute; width:20px; height:20px; border-top:2px solid #fff; border-left:2px solid #fff; content:""; top:50%; left:50%; margin:-5px 0 0 -10px; transform: rotate(45deg);}
#footer_zone #backtotop.fixed{position: absolute; bottom: 30px;}
#footer_zone #backtotop.active{opacity:1; filter:Alpha(Opacity=100);}
#footer_zone #backtotop:hover, #footer_zone #backtotop:active{} */

#icon_webforall{
	width:122px;
	height:63px;
}
#icon_w3c{
	width:88px;
	height:31px;
	margin-top:13px;
}
a.btn_general{display:inline-block; border:1px solid #A9C638; text-decoration:none; background-color:#FAFBF5; color:#A9C638; padding:7px 55px; font-weight:bold; font-size:1.176em;
	-webkit-transition: all .2s ease 0s;
	transition: all .2s ease 0s;}
a.btn_general:hover{ background-color:#A9C638; color:#fff;}
/*-----------------------Menu--------------------------*/

ul.menu_nav{
	font-size: 1.125em;
}
ul.menu_nav>li{
	position:relative;
	/* margin-bottom:1px; */
	border-bottom:1px solid #D7EDEB;
}
ul.menu_nav>li>a{
	display:block;
	background-color:#FFF8E6;
	padding:20px 50px 20px 20px;
	font-weight:bold;
	position:relative;
	color:#000000;
	-webkit-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}
ul.menu_nav>li>a:hover, ul.menu_nav>li>a:focus{
	color:#F16E36;
}
ul.menu_nav>li.active>a{
	background-color:#fff;
	color:#F16E36;
}
ul.menu_nav>li.active:after{
	background-color:#F16E36;
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:100%;
	display:block;
	content: "";
}
ul.menu_nav>li>a.btn, ul.menu_nav>li>a>.btn{
	position:absolute;
	right:10px;
	top:18px;
	padding:0;
	width:30px;
	height:30px;
	z-index:10;
}
ul.menu_nav>li>a>.btn{
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-indent:-9999px;
}
ul.menu_nav>li>a.btn:after, ul.menu_nav>li>a>.btn:after{
	border:3px solid #F16E36;		
	content: "";
	background:none;
	height:12px;
	top: 50%;
	/* margin-top:-6px; */
	left:50%;	
	width: 12px;
	position:absolute;
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	border-bottom:none;
	border-left:none;
	transition: transform 0.4s ease 0s;
}
ul.menu_nav>li.active>a.btn:after, ul.menu_nav>li.active>a>.btn:after{
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}
ul.menu_nav>li>ul{
	max-height:0;
	overflow:hidden;
	background-color:#fff;
	-webkit-transition:max-height 0.4s ease;
	transition:max-height 0.4s ease;
}
ul.menu_nav>li.active>ul{
	max-height:none;
	padding-bottom:20px;
	box-sizing:content-box;
}
ul.menu_nav>li>ul>li{
	position:relative;
}
ul.menu_nav>li>ul>li>a{
	display:block;
	background-color:#fff;
	padding:5px 10px 5px 40px;
	position:relative;
}
ul.menu_nav>li>ul>li.active>a, ul.menu_nav>li>ul>li.selected>a{
	color:#F16E36;
}
ul.menu_nav>li.active>ul>li:after{
	background-color:#F16E36;
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:100%;
	display:block;
	content: "";
}
ul.menu_nav>li>ul>li>a:after{
	background-color:#F16E36;
	position:absolute;
	top:0.9em;
	left:25px;
	width:5px;
	height:5px;
	border-radius:50%;
	display:block;
	content: "";
	/* -ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); */
}
/* #middle_zone ul.menu_nav{border-radius:10px;} */
#middle_zone ul.menu_nav>li:first-child>a{border-radius:10px 10px 0 0;}
#middle_zone ul.menu_nav>li:last-child>a{border-radius:0 0 10px 10px;}
#middle_zone ul.menu_nav>li:first-child.active:after{border-radius:10px 0 0 0;}
#middle_zone ul.menu_nav>li:last-child.active:after{border-radius:0 0 0 10px;}
#middle_zone ul.menu_nav>li:last-child.active>ul{border-radius:0 0 10px 10px;}

/* external link */
.nav_menu ul.external_menu_nav{
	font-size: 1.125em;
}
.nav_menu ul.external_menu_nav>li{
	position:relative;
	/* margin-bottom:1px; */
	border-bottom:1px solid #d7edeb;
}
.nav_menu ul.external_menu_nav>li>a{
	display:block;
	background-color:#fff8e6;
	padding:20px 50px 20px 20px;
	font-weight:bold;
	position:relative;
	color:#000;
	-webkit-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}
.nav_menu ul.external_menu_nav>li>a:hover{
	color:#F16E36;
}


/*-----------------------Menu--------------------------*/
.gridBlock{position:relative;}
.roundCorner{border-radius:10px;}
.roundCornerTop{border-radius:10px 10px 0 0;}
.roundCornerBottom{border-radius:0 0 10px 10px;}
.blockRow {
  width: 100%;
  overflow: hidden;
  margin: 40px auto; }
  .blockRow.margin-1-4 {
    margin: 15px auto; }
  .blockRow.margin-1-5 {
    margin: 10px auto; }
  .noMarginDt {
    margin: 0 auto; }
  .blockRow .blockRow.showOnTablet, .blockRow .blockRow.showOnMobile {
    display: none; }
	
.block-1-2,.block-1-2 .fillbg{width: calc(50% - 40px * 1/2);}
.block-1-3,.block-1-3 .fillbg {width: calc(33.3333% - 40px * 2/3);}
.block-2-3,.block-2-3 .fillbg {width: calc(66.6666% - 40px * 1/3);}
.block-1-4,.block-1-4 .fillbg {width: calc(25% - 40px * 3/4);}
.block-2-4,.block-2-4 .fillbg {width: calc(50% - 40px * 2/4);}
.block-3-4,.block-3-4 .fillbg {width: calc(75% - 40px * 1/4);}
.block-1-5,.block-1-5 .fillbg {width: calc(20% - 40px * 4/5);}
.block-2-5,.block-2-5 .fillbg {width: calc(40% - 40px * 3/5);}
.block-3-5,.block-3-5 .fillbg {width: calc(60% - 40px * 2/5);}
.block-4-5,.block-4-5 .fillbg {width: calc(80% - 40px * 1/5);}

.block-1-1,
.block-2-2,
.block-3-3,
.block-4-4,
.block-5-5 {width: 100%; margin: 0;}

.block-1-2, .block-1-3, .block-2-3, .block-1-4, .block-2-4, .block-3-4, .block-1-5, .block-2-5, .block-3-5, .block-4-5, .blockTb-1-2, .blockTb-1-3, .blockTb-2-3, .blockTb-1-4, .blockTb-2-4, .blockTb-3-4, .blockTb-1-5, .blockTb-2-5, .blockTb-3-5, .blockTb-4-5, .blockMb-1-2, .blockMb-1-3, .blockMb-2-3, .blockMb-1-4, .blockMb-2-4, .blockMb-3-4, .blockMb-1-5, .blockMb-2-5, .blockMb-3-5, .blockMb-4-5 {
	margin-right:40px;
	display:block;
	float:left;
	/* min-height:400px; */
}

.blockInnerCol-1-2,
.blockInnerCol-1-3,
.blockInnerCol-2-3,
.blockInnerCol-1-4,
.blockInnerCol-2-4,
.blockInnerCol-3-4,
.blockInnerCol-1-5,
.blockInnerCol-2-5,
.blockInnerCol-3-5,
.blockInnerCol-4-5{
	display:block;
	float:left;
}
  
.gridBlock.block-1-2:last-child, .gridBlock.block-1-3:last-child, .gridBlock.block-2-3:last-child, .gridBlock.block-1-4:last-child, .gridBlock.block-2-4:last-child, .gridBlock.block-3-4:last-child, .gridBlock.block-1-5:last-child, .gridBlock.block-2-5:last-child, .gridBlock.block-3-5:last-child, .gridBlock.block-4-5:last-child, .gridBlock.blockTb-1-2:last-child, .gridBlock.blockTb-1-3:last-child, .gridBlock.blockTb-2-3:last-child, .gridBlock.blockTb-1-4:last-child, .gridBlock.blockTb-2-4:last-child, .gridBlock.blockTb-3-4:last-child, .gridblock.blockTb-1-5:last-child, .gridblock.blockTb-2-5:last-child, .gridblock.blockTb-3-5:last-child, .gridblock.blockTb-4-5:last-child, .gridBlock.blockMb-1-2:last-child, .gridBlock.blockMb-1-3:last-child, .gridBlock.blockMb-2-3:last-child, .gridBlock.blockMb-1-4:last-child, .gridBlock.blockMb-2-4:last-child, .gridBlock.blockMb-3-4:last-child, .gridblock.blockMb-1-5:last-child, .gridblock.blockMb-2-5:last-child, .gridblock.blockMb-3-5:last-child, .gridblock.blockMb-4-5:last-child {margin-right:0;}

.block-1-2 .fillbg,
.block-1-3 .fillbg,
.block-2-3 .fillbg,
.block-1-4 .fillbg,
.block-2-4 .fillbg,
.block-3-4 .fillbg,
.block-1-5 .fillbg,
.block-2-5 .fillbg,
.block-3-5 .fillbg,
.block-4-5 .fillbg {
	position:absolute;
	height:100%;
	top:0;
	border-radius:10px;
}
.r1-r1{position:relative;}
.r1-r1-b1, .r1-r1-b2{position:static;}
.r1-r1-b1 .fillbg, .r1-r1-b2 .fillbg{background-color:#ffffff;}

.blockInnerCol-1-2 {
  width: calc(100% * 1/2); }

.blockInnerCol-1-3 {
  width: calc(100% / 3.0001); }

.blockInnerCol-2-3 {
  width: calc(100% * 2/3); }

.blockInnerCol-1-4 {
  width: calc(100% * 1/4); }

.blockInnerCol-2-4 {
  width: calc(100% * 2/4); }

.blockInnerCol-3-4 {
  width: calc(100% * 3/4); }

.blockInnerCol-1-5 {
  width: calc(100% * 1/5); }

.blockInnerCol-2-5 {
  width: calc(100% * 2/5); }

.blockInnerCol-3-5 {
  width: calc(100% * 3/5); }

.blockInnerCol-4-5 {
  width: calc(100% * 4/5); }

.expandable .blockTitle{position:relative;}  
.expandable .blockTitle:after{
	content:'';
	height:13px;
	width:13px;
	border:3px solid #fff;
	border-right:0;
	border-top:0;
	-ms-transform:rotate(-45deg) translateY(-50%);
	-webkit-transform:rotate(-45deg) translateY(-50%);
	transform:rotate(-45deg) translateY(-50%);
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-5px;
	/* -webkit-transition:transform 0.4s ease 0s;
	transition:transform 0.4s ease 0s; */
	display:none;
}
.expandable.active .blockTitle:after{
	/* border:3px solid #fff;
	border-left:0;
	border-bottom:0; */
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	right:20px;
}
.expandable.active .blockBody{
	display:block !important;
}

/* tagBlock */
.tagBlock.blockTagHolder .blockHead {
	padding: 0;
	float: none;
	position:relative;
}
.tagBlock .blockHead .blockTag {
	background: #F9D064;
	display: block;
	width: 100%;
	padding: 20px 50px 20px 25px;
	vertical-align: middle;
	border-bottom: 1px solid #FFF;
	position: relative;
	font-weight:bold;
	font-size: 1.250em;
}
.tagBlock .blockHead .blockTag:after{
	position: absolute;
	content:"";
	border:3px solid #F16E36;
	border-left:0;
	border-bottom:0;
	width:13px;
	height:13px;
	transform:translateY(-50%) rotate(45deg);
	top:50%;
	right:25px;
}
.tagBlock .blockHead:first-child .blockTag, .tagBlock .blockHead:first-child .blockTag:before{
	border-radius:10px 0 0 0;
}
/* .tagBlock .blockHead:nth-last-child(2) .blockTag, .tagBlock .blockHead:nth-last-child(2) .blockTag:before{ */
.tagBlock .blockHead:last-of-type .blockTag, .tagBlock .blockHead:last-of-type .blockTag:before{
	border-radius:0 0 0 10px;
}
.tagBlock .blockHead:not(.active):hover .blockTag {
	color:#fff;
	background-color:#F16E36;
}
.tagBlock .blockHead:not(.active):hover .blockTag:after {
	border-color:#fff;
}
.tagBlock.blockTagHolder .blockHead.active .blockTag {
    background-color:#fff;
	color:#333;
}
.tagBlock.blockTagHolder .blockHead.active .blockTag:before {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 5px;
  right: auto;
  top: 0;
  left: 0;
  background: #F16E36;
  margin: 0;
  opacity: 1; }
.tagBlock.blockTagHolder .tagContentHolder {
  position: absolute;
  top: 0;
  padding: 35px;
  width: calc(100% * 2/3 + 80px * 1/3);
  margin-right: 0;
  background: #FFF;
  display: none;
  height:100%;
}
.tagBlock.blockTagHolder .tagContentHolder.active {
	display: block;
	border-radius:0 10px 10px 10px;
}
.tagBlock.blockTagHolder .tagContentHolder.block-2-3 {
	left: calc(100% * 1/3 - 40px * 2/3);
	/* list-style-type: disc; */
}
.tagBlock.blockTagHolder .tagContentHolder.block-2-3 li {
/*	color: #cc4c02;
	vertical-align: middle; */
	margin-top:20px;
}
.tagBlock.blockTagHolder .tagContentHolder.block-2-3 li:first-child{
	margin-top:0;
}
.tagBlock.blockTagHolder .tagContentHolder.block-2-3 li>a{
	padding-left:30px;
	position:relative;
	display:inline-block;
}
.tagBlock.blockTagHolder .tagContentHolder.block-2-3 li>a:before{
	position:absolute;
	content:"";
	border-radius:50%;
	background-color:#F16E36;
	width:4px;
	height:4px;
	left:10px;
	top:0.6em;
}
.tagBlock.blockTagHolder .blockHead .blockTag:after{display:none;}
.tagBlock.blockTagHolder .blockHead .btn{
	position:absolute;
	right:0;
	top:0;
	display:block;
	width:50px;
	height:100%;
	text-indent:-9999px;
	cursor:pointer;
}
.tagBlock.blockTagHolder .blockHead .btn:after{
	position: absolute;
	content:"";
	border:3px solid #F16E36;
	border-left:0;
	border-bottom:0;
	width:13px;
	height:13px;
	transform:translateY(-50%) rotate(45deg);
	top:50%;
	right:25px;
}
.tagBlock.blockTagHolder .blockHead:not(.active):hover .btn:after {
	border-color:#fff;
}



.owl-carousel .owl-stage-outer{border-radius:10px;}

.swiper-control .swiper-button-prev-custom,
.swiper-control .swiper-button-next-custom{
	text-indent:-9999px;
}