@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
	outline: none;
}
html {
	border:0;
	margin:0 auto;
	padding:0;
}
body {
	border:0;
	margin:0 auto;
	padding:0;
	font-size: 1em;
	font-family: "open_sansregular", Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	line-height: 100%;
	color: #333;
	background-color: #fff;
	font-variant-ligatures:none;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
div {
	margin:0;
	padding:0;
}
img {
	border:0;
	padding:0;
	margin:0;
}
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;
}
a:hover, a.selected {
}
input[type="radio"], input[type="checkbox"] {
	border: 0 !important;
}
input[type="text"], input[type="search"] {
	-webkit-appearance: none;
	border-radius: 0;
	border:0;
}
input::-ms-clear {
display: none;
}
input[type=search] {
	/*	-webkit-appearance:textfield;*/
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
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;
}
.videoWrap {
	position:relative;
}
.videoWrap iframe, .videoWrap video, #homeWrap5 .videoWrap img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrap.external a.videoLink{display:none;}
.videoWrap.external a.videoLink:before{
	content:"";
	position:absolute;
	background:url('../images/btn-video-play.png') no-repeat 0 0;
	background-size:contain;
	width:68px;
	height:48px;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:1;
}
.videoWrap.external a.videoLink:hover:before{
	background-image:url('../images/btn-video-play-hover.png')
}
.videoWrap.external img{
	width:100%;
}
/* .videoWrap.external iframe{
	display:none;
} */
#skipToContent {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#skipToContent a {
	background:none repeat scroll 0 0 #FFF;
	font-size:100%;
	height:1px;
	overflow:hidden;
	position:absolute;
	width:1px;
}
#skipToContent a:focus, #skipToContent a:active {
	display: inline;
	height: auto;
	left: 0;
	padding: 4px;
	top: 0;
	width: 180px;
	z-index: 1000;
}
.hideTxt {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.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: -500px;
	width: 1px;
}
.hiddenLabel {
	display:none;
}
.hidden, .invisible {
	display:none !important;
}
.small_size {
	font-size:90%;
	line-height:130%;
}
.middle_size {
	font-size:100%;
	line-height:140%;
}
.large_size {
	font-size:110%;
	line-height:150%;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}
.a_left {
	text-align:left !important;
}
.a_center {
	text-align:center !important;
}
.a_right {
	text-align:right !important;
}
.v_top {
	vertical-align:top !important;
}
.v_middle {
	vertical-align:middle !important;
}
.v_bottom {
	vertical-align:bottom !important;
}
.no_wrap {
	white-space:nowrap;
}
.no_padding {
	padding:0 !important;
}
.no_margin {
	margin:0 !important;
}
#wrapper {
	width:100%;
	position:relative;
	background-color:#fff;
}
#wrapperInner {
	position:relative;
	width:100%;
	left: 0;
	padding-top:150px;
	-webkit-transition: left 0.5s ease 0s;
	transition: left 0.5s ease 0s;
}
.container {
	position:relative;
	margin:0 auto;
	max-width:1600px;
	padding:0 30px;
}
#headerZone {
	padding:0;
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
}
#topHeader {
}
#topHeader>.divTop {
	background-color:#fff;
	z-index:100;
	position:relative;
}
#topHeader>.divTop .logoWrap {
	float:left;
	padding:9px 0 9px 0;
	font-size:0;
	transition:all 0.5s ease 0s;
}
#topHeader>.divTop .logoWrap a.logo {
	line-height:0;
	font-size:0;
	display:block;
}
#topHeader>.divTop .switchBtnWrap {
	position:absolute;
	top:0;
	right:30px;
	padding-top:30px;
	transition:padding 0.5s ease 0s;
	-webkit-transition:padding 0.5s ease 0s;
}
#topHeader>.divTop .switchBtnWrap>ul>li {
	position:relative;
	float:left;
	margin-right:5px;
}
#topHeader>.divTop .switchBtnWrap>ul>li:before {
	content:'';
	position:absolute;
	background:url('../images/header-icon-line.png') no-repeat 0 50%;
	width:5px;
	height:100%;
	right:-5px;
}
#topHeader>.divTop .switchBtnWrap>ul>li:last-child:before {
	display:none;
}
#topHeader>.divTop .switchBtnWrap>ul>li>a {
	display:inline-block;
	width:26px;
	height:32px;
	text-indent:-9999px;
	margin:0 15px;
	background-size:26px 26px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
#topHeader>.divTop .switchBtnWrap>ul>li.lang>a {
	background-image:url('../images/header-icon-lang.png');
}
#topHeader>.divTop .switchBtnWrap>ul>li.font_size>a {
	background-image:url('../images/header-icon-font-size.png');
}
/*#topHeader>.divTop .switchBtnWrap>ul>li:nth-child(3)>a {
	background-image:url('../images/header-icon-link.png');
}*/
#topHeader>.divTop .switchBtnWrap>ul>li.home>a {
	background-image:url('../images/header-icon-home.png');
}
#topHeader>.divTop .switchBtnWrap>ul>li.site_map>a {
	background-image:url('../images/header-icon-sitemap.png');
}
#topHeader>.divTop .switchBtnWrap>ul>li.contact_us>a {
	background-image:url('../images/header-icon-contact.png');
}
#topHeader>.divTop .switchBtnWrap>ul>li.search>a {
	background-image:url('../images/header-icon-search.png');
}
#topHeader>.divTop .switchBtnWrap>ul>li.lang:hover>a, #topHeader>.divTop .switchBtnWrap>ul>li.lang.active>a {
	background-image:url('../images/header-icon-lang-hover.png');
}
#topHeader>.divTop .switchBtnWrap>ul>li.font_size:hover>a, #topHeader>.divTop .switchBtnWrap>ul>li.font_size.active>a {
	background-image:url('../images/header-icon-font-size-hover.png');
}
/*#topHeader>.divTop .switchBtnWrap>ul>li:nth-child(3):hover>a, #topHeader>.divTop .switchBtnWrap>ul>li:nth-child(3).active>a {
	background-image:url('../images/header-icon-link-hover.png');
}*/
#topHeader>.divTop .switchBtnWrap>ul>li.home:hover>a, #topHeader>.divTop .switchBtnWrap>ul>li.home.active>a {
	background-image:url('../images/header-icon-home-hover.png');
}
#topHeader>.divTop .switchBtnWrap>ul>li.site_map:hover>a, #topHeader>.divTop .switchBtnWrap>ul>li.site_map.active>a {
	background-image:url('../images/header-icon-sitemap-hover.png');
}
#topHeader>.divTop .switchBtnWrap>ul>li.contact_us:hover>a, #topHeader>.divTop .switchBtnWrap>ul>li.contact_us.active>a {
	background-image:url('../images/header-icon-contact-hover.png');
}
#topHeader>.divTop .switchBtnWrap>ul>li.search:hover>a, #topHeader>.divTop .switchBtnWrap>ul>li.search.active>a {
	background-image:url('../images/header-icon-search-hover.png');
}
#topHeader .search > a#searchTrigger {
	margin-right:5px;
}
#mobileNavWrap .search > a {
	display:inline-block;
	position:absolute;
	width:26px;
	height:32px;
	text-indent:-9999px;
	margin:0 15px 0 5px;
	background-size:26px 26px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
#mobileNavWrap .search > a.searchTrigger {
	background-image:url('../images/header-icon-search-hover.png');
}
#mobileNavWrap .search > a.searchTrigger:hover, .search.active > a.searchTrigger {
/*background-image:url('../images/header-icon-search-hover.png');*/
}
#topHeader>.divTop .switchBtnWrap>ul>li>ul {
	display:none;
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	z-index:100;
	border:1px solid #ABABAB;
}
#topHeader>.divTop .switchBtnWrap>ul>li>ul>li {
	border-top:1px solid #E5E5E5;
}
#topHeader>.divTop .switchBtnWrap>ul>li>ul>li:first-child {
	border-top:0;
}
#topHeader>.divTop .switchBtnWrap>ul>li>ul>li>a {
	background-color:#fff;
	color:#333;
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	transition:background-color .25s ease 0s, color .25s ease 0s;
	-webkit-transition:background-color .25s ease 0s, color .25s ease 0s;
}
#topHeader>.divTop .switchBtnWrap>ul>li>ul>li>a:hover, #topHeader>.divTop .switchBtnWrap>ul>li>ul>li>a:focus, #topHeader>.divTop .switchBtnWrap>ul>li>ul>li>a.selected {
	background-color:#e8e8e8;
	color:#006fa0;
}
.switchBtnWrap li.search > a {
	float:left;
}
.switchBtnWrap li.search {
	max-width:46px;
	max-height:32px;
	overflow:hidden;
	-webkit-transition: max-width 1s;
	transition: max-width 1s;
	transition-timing-function: cubic-bezier(0, 1);
	-webkit-transition-timing-function: cubic-bezier(0, 1);
}
.switchBtnWrap li.search.active {
	max-width:500px;
}
.searchForm {
	display:inline-block;
}
.switchBtnWrap li.search .searchForm form {
	width:180px;
}
.searchForm form .inputWrap {
	position:relative;
}
.searchForm form .inputWrap label {
	position:absolute;
	left:0;
	top:0;
}
.searchForm form .inputWrap input {
	height:32px;
	width:100%;
	border-bottom:1px solid #f89727;
	padding:0 26px 0 5px;
	transition:border-bottom-color .3s ease 0s;
	-webkit-transition:border-bottom-color .3s ease 0s;
}
.searchForm form .inputWrap input:focus {
	border-bottom:1px solid #c33d00;
}
#mobileNavWrap .searchForm {
	width:100%;
}
#mobileNavWrap .searchForm form .inputWrap input {
	background:transparent;
	padding-left:35px; /* color:#fff; */
}
.searchForm form .btnGo {
	position:absolute;
	width:26px;
	height:26px;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	text-indent:-9999px;
	display:inline-block;
}
.searchForm form .btnGo:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:10px;
	height:10px;
	transform:rotate(-45deg) translate(-50%, -50%);
	-webkit-transform:rotate(-45deg) translate(-50%, -50%);
	transform-origin:top left;
	-webkit-transform-origin:top left;
	border:3px solid #f89727;
	border-left-width:0;
	border-top-width:0;
	transition:border-color .3s ease 0s;
	-webkit-transition:border-color .3s ease 0s;
}
.searchForm form .btnGo:hover:before, .searchForm form .btnGo:focus:before {
	border-color:#c33d00;
}
#topHeader>.divBottom {
	position:relative;
	z-index:99;
}
#topHeader>.divBottom .mainNavOuter {
	position:relative;
	padding:0 20px;
	z-index:20;
}
#topHeader>.divBottom:before {
	content:'';
	background:#fff;
	position:absolute;
	width:100%;
	height:100%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	z-index:10;
}
#activeSubMenu {
	padding-top:30px;
	background-color:#cbf5ff;
	position:relative;
	margin-top:-30px;
	opacity:1;
	display:none;
	transition:opacity .3s ease 0s;
	-webkit-transition:opacity .3s ease 0s;
	border-bottom:1px solid #5ac5f1;
}
#activeSubMenu.dimOut {
	opacity:.2;
}
#activeSubMenu.alignRight ul {
	text-align:right;
}
#activeSubMenu > ul {
	padding-left:100px;
	max-width:1540px;
	margin:0 auto;
}
#activeSubMenu > ul > li {
	display:inline-block;
	position:relative;
}
#activeSubMenu > ul > li:before {
	content:'';
	position:absolute;
	width:1px;
	height:18px;
	background-color:#98dcff;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	left:0;
}
#activeSubMenu > ul>li>a {
	display:block;
	color:#045680;
	padding:10px 15px;
	text-align:left;
}
#activeSubMenu > ul>li.selected>a {
	color:#c33d00;
	position:relative;
}
#activeSubMenu > ul>li:hover>a {
	color:#c33d00;
}
#activeSubMenu > ul>li.selected>a:after {
	content:'';
	position:absolute;
	text-indent:-9999px;
	display:block;
	width:100%;
	height:4px;
	bottom:0px;
	left:1px;
	background-color:#f89727;
	transition:all 0.25s ease 0s;
}
#activeSubMenu > ul>li:first-child:before {
	display:none;
}
#topHeader>.divBottom #mainNavWrap {
	max-width:1540px;
	margin:0 auto;
	padding:0 10px;
	top:30px;
}
#topHeader>.divBottom ul#mainNav {
	display:table;
	width:100%;
	/* width:calc(100% - 90px); */
	margin:0 auto;
	float:left;
	z-index:88;
}
#topHeader>.divBottom ul#mainNav>li {
	display:table-cell;
	vertical-align:middle;
	opacity:1;
	transition:opacity .3s ease 0s;
	-webkit-transition:opacity .3s ease 0s;
}
#topHeader>.divBottom ul#mainNav>li.dimOut>a {
/*background-color:rgba(233,251,255,1);*/
}
#topHeader>.divBottom ul#mainNav>li.dimOut>a>span.mainNavTitle {
	opacity:.5;
}
#topHeader>.divBottom ul#mainNav>li:first-child {
/*border-left:0;*/
}
#topHeader>.divBottom ul#mainNav>li>a {
	display:table;
	position:relative;
	width:100%;
	z-index:90;
	background-color:#5ac5f1;
	border-left:1px solid rgba(255,255,255,.4);
}
#topHeader>.divBottom ul#mainNav>li.selected>a:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-color:#fff;
	left:1px;
	top:0;
}
#topHeader>.divBottom a.btn_home {
	background-image:url('../images/menu-icon-home.png');
	background-color:#5ac5f1;
	background-repeat:no-repeat;
	background-position:25px 50%;
	width:90px;
	height:60px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	float:left;
	z-index:90;
	position:relative;
	text-indent:-9999px;
}
#topHeader>.divBottom a.btn_home:hover, #topHeader>.divBottom a.btn_home.selected {
/*background-image:url('../images/menu-icon-home-hover.png');*/
}
#topHeader>.divBottom a.btn_home:before {
	content:'';
	width:10px;
	height:100%;
	position:absolute;
	background-color:#5ac5f1;
	top:0;
	left:-10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
#topHeader>.divBottom ul#mainNav>li>a>span.mainNavTitle {
	display:table-cell;
	color:#333;
	font-weight:700;
	vertical-align:middle;
	text-align:center;
	height:60px;
	line-height:1.1363;
	/* line-height:20px; */
	padding:0 20px;
	font-size:1.125em;
	position:relative;
	transition:background-color .4s ease 0s, color .4s ease 0s;
	-webkit-transition:background-color .4s ease 0s, color .4s ease 0s;
}
#topHeader>.divBottom ul#mainNav>li>a>span.mainNavTitle:before {
	content:'';
	height:0;
	width:0;
	display:block;
	border:6px transparent solid;
	/* border:8px transparent solid; */
	border-bottom-width:0;
	border-top-color:transparent;
	position:absolute;
	bottom:2px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	opacity:0;
	transition:opacity .3s ease 0s;
	-webkit-transition:opacity .3s ease 0s;
}
#topHeader>.divBottom ul#mainNav>li.selected>a>span.mainNavTitle:before {
	border-top-color:#fff;
}
#topHeader>.divBottom ul#mainNav>li.active>a>span.mainNavTitle:before {
	border-top-color:#f89727;
}
#topHeader>.divBottom ul#mainNav>li:hover>a>span.mainNavTitle, #topHeader>.divBottom ul#mainNav>li.active>a>span.mainNavTitle, #topHeader>.divBottom ul#mainNav>li.selected>a>span.mainNavTitle {
	background-color:#7bd1f4;
}
#topHeader>.divBottom ul#mainNav>li.hasChild:hover>a>span.mainNavTitle:before, #topHeader>.divBottom ul#mainNav>li.hasChild.selected>a>span.mainNavTitle:before {
	opacity:1;
}
#topHeader>.divBottom ul#mainNav>li:hover>a>span.mainNavTitle, #topHeader>.divBottom ul#mainNav>li.active>a>span.mainNavTitle, #topHeader>.divBottom ul#mainNav>li.selected>a>span.mainNavTitle {
/*color:#045680;*/
}
#topHeader>.divBottom ul#mainNav>li>a:hover>span.borderLine, #topHeader>.divBottom ul#mainNav>li>a.focus>span.borderLine, #topHeader>.divBottom ul#mainNav>li.active>a>span.borderLine, #topHeader>.divBottom ul#mainNav>li.selected>a>span.borderLine {
	opacity:1;
}
#topHeader>.divBottom ul#mainNav>li>div {
	position:absolute;
	top:30px;
	padding-top:0;
	left:0;
	width:100%;
	z-index:20;
	background-color:#fff;
	transition:padding-top .5s ease 0s;
	-webkit-transition:padding-top .5s ease 0s;
	overflow:hidden;
	padding-left:20px;
	padding-right:20px;
}
#topHeader>.divBottom ul#mainNav>li.active>div {
	border-bottom:1px solid #5ac5f1;
	padding-top:30px;
}
#topHeader>.divBottom ul#mainNav>li>div>ul {
	padding-left:100px;
	max-width:1540px;
	margin:0 auto;
	max-height:0;
	overflow:hidden;
	transition:max-height .3s ease 0s;
	-webkit-transition:max-height .3s ease 0s;
}
#topHeader>.divBottom ul#mainNav>li>div>.opportunities {
	max-width:1140px;
	margin:0 auto;
	max-height:0;
	overflow:hidden;
	transition:max-height .3s ease 0s;
	-webkit-transition:max-height .3s ease 0s;
}
#topHeader>.divBottom ul#mainNav>li.active>div>.opportunities {
	max-height:500px;
}
#topHeader>.divBottom ul#mainNav>li.active>div>ul {
	max-height:500px;
}
#topHeader>.divBottom ul#mainNav>li:first-child>a:before {
	content:'';
	width:10px;
	height:100%;
	position:absolute;
	background-color:#5ac5f1;
	top:0;
	left:-10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
#topHeader>.divBottom ul#mainNav>li:last-child>div {
	/*left:auto;
	right:0;*/
	text-align:right;
}
#topHeader>.divBottom ul#mainNav>li:last-child>div > ul {
	padding-right:10px;
}
#topHeader>.divBottom ul#mainNav>li:last-child>div>ul>li:last-child a {
	padding-right:0;
}
#topHeader>.divBottom ul#mainNav>li:last-child>a {
	position:relative;
}
#topHeader>.divBottom ul#mainNav>li:last-child>a:after {
	content:'';
	width:10px;
	height:100%;
	position:absolute;
	background-color:#5ac5f1;
	top:0;
	right:-10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
#topHeader>.divBottom ul#mainNav>li>div>ul>li {
	display:inline-block;
	position:relative;
}
#topHeader>.divBottom ul#mainNav>li>div>ul>li:before {
	content:'';
	position:absolute;
	width:1px;
	height:18px;
	background-color:#5ac5f1;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
#topHeader>.divBottom ul#mainNav>li>div>ul>li>a {
	display:block;
	padding:10px 15px;
	text-align:left;
	transition: color .3s ease 0s;
	-webkit-transition: color .3s ease 0s;
}
#topHeader>.divBottom ul#mainNav>li>div>ul>li.selected>a {
	color:#c33d00;
}
#topHeader>.divBottom ul#mainNav>li>div>ul>li.selected>a>span {
	position:relative;
	padding:0 2px
}
#topHeader>.divBottom ul#mainNav>li>div>ul>li.selected>a>span:after {
	content:'';
	position:absolute;
	text-indent:-9999px;
	display:block;
	width:100%;
	height:2px;
	bottom:-2px;
	left:0;
	background-color:#f89727;
	transition:all 0.25s ease 0s;
	-webkit-transition:all 0.25s ease 0s;
}
#topHeader>.divBottom ul#mainNav>li>div>ul>li:last-child:before {
	display:none;
}
#topHeader>.divBottom ul#mainNav>li>div>ul>li>a:hover, #topHeader>.divBottom ul#mainNav>li>div>ul>li>a.focus {
	color:#c33d00;
}
/****** fixed header ******/
/****** fixed header ends ******/
#topHeader a#menuBtn {
	display: inline-block;
	height: 50px;
	width: 50px;
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
#topHeader a#menuBtn:before, #topHeader a#menuBtn:after, #topHeader a#menuBtn span {
	background: #5ac5f1;
	position: absolute;
	width: 24px;
	left: 13px;
	height: 2px;
	-webkit-transition: all 0.3s ease 0.15s;
	transition: all 0.3s ease 0.15s;
	-webkit-transform-origin:center center;
	transform-origin:center center;
}
#topHeader a#menuBtn span {
	font-size:0;
	top:50%;
	margin-top:-1px;
}
#topHeader a#menuBtn:before, #topHeader a#menuBtn:after {
	content: "";
}
#topHeader a#menuBtn:before {
	top:15px;
}
#topHeader a#menuBtn:after {
	top: 33px;
}
#topHeader a#menuBtn.selected span {
	background:none!important;
}
#topHeader a#menuBtn.selected:before {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	width:34px;
}
#topHeader a#menuBtn.selected:after {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:50%;
	width:40px;
	bottom:inherit;
}
#middleZone {
	position:relative;
}
.home #middleZone {
	margin-top:-30px;
}
#middleZone #backtotop {
	position:fixed;
	right:0px;
	bottom:0px;
	width:60px;
	height:60px;
	opacity: 0;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	z-index: 1000;
	text-indent:-9999px;
	background-color:#5ac5f1;
	visibility:hidden;
}
#middleZone #backtotop:hover {
	background-color:#7bd1f4;
}
#wrapperInner.showMenu #middleZone #backtotop {
	visibility:hidden;
}
#middleZone #backtotop:before {
	content:'';
	height:18px;
	width:18px;
	display:block;
	border:2px solid #fff;
	border-left-width:0;
	border-bottom-width:0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	position:absolute;
	top:25px;
	left:23px;
}
#middleZone #backtotop.fixed {
	position: absolute;
	bottom: 0px;
}
#middleZone #backtotop.active {
	opacity:1;
	visibility:visible;
}
#middleZone #backtotop:hover, #middleZone #backtotop:active {
}
#footerZone .container {
/*max-width:1200px;*/
}
#footerZone {
	background-color:#f89727;
	padding:20px 0;
}
#footerZone a {
	color:#222;
	text-decoration:none;
}
#footerZone a:hover, #footerZone a:focus {
	text-decoration:underline;
}
#footerZone .left {
	float:left;
}
#footerZone .left .footerLinks {
	overflow:hidden;
}
#footerZone .left .footerLinks a {
	margin-bottom:10px;
	padding-right:10px;
	margin-right:10px;
	display:inline-block;
	position:relative;
}
#footerZone .left .footerLinks a:last-child {
	margin-right:0;
	padding-right:0;
}
#footerZone .left .footerLinks a:before {
	content:'';
	background-color:#222;
	opacity:.8;
	height:15px;
	width:1px;
	position:absolute;
	left:-10px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
#footerZone .right {
	float:right;
	line-height:0;
}
#footerZone .right a {
	display:inline-block;
	background-position:50% 50%;
	background-size:100% auto;
	background-repeat:no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	margin:0 10px;
}
#footerZone .right a.icon_fb {
	background-image:url(../images/icon-fb.png);
	width:50px;
	height:50px;
	/* display:none; */
}
#footerZone .right a.icon_ig {
	background-image:url(../images/icon-ig.png);
	width:50px;
	height:50px;
	/* display:none; */
}
#footerZone .right a.icon_youtube {
	background-image:url(../images/icon-youtube.png);
	width:50px;
	height:50px;
	/* margin-right:20px; */
	/* display:none; */
}
#footerZone .right a.icon_wechat {
	background-image:url(../images/icon-wechat.png);
	width:50px;
	height:50px;
	/* display:none; */
}
#footerZone .right a.icon_youku {
	background-image:url(../images/icon-youku.png);
	width:50px;
	height:50px;
	margin-right:20px;
	/* display:none; */
}
#footerZone .right a.icon_wcag {
	background-image:url(../images/icon-w3c.png);
	width:86px;
	height:50px;
	margin-left:20px;
	margin-right:0;
	position:relative;
	background-size:auto 30px;
}
#footerZone .right a.icon_wcag:before {
	content:'';
	background-color:#222;
	opacity:.4;
	height:100%;
	width:1px;
	position:absolute;
	left:-20px;
}
/****** mobile menu layer ******/
#mobileBgLayer {
	width:100%;
	height:100%;
	position:absolute;
	background-color:#737373;
	opacity:0.8;
	z-index:999;
	top:0;
}
#mobileNavWrap {
	background-color:#fff;
	-webkit-transition: right 0.5s ease 0s;
	transition: right 0.5s ease 0s;
	position: fixed;
	width: 320px;
	height: 100%;
	top: 0;
	left: auto;
	/* right: 0; */
    right: -320px;
	opacity: 1;
	z-index: 9999;
}
#mobileNavWrap #mobileNavInner {
	background-color:#e8e8e8;
	height: 100%;
	right:0;
	top:0;
	/*left: 0;*/
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
#mobileNavWrap #mobileNavInner>.topArea {
	background-color:#fff;
	padding:15px 15px;
}
#mobileNavWrap #mobileNavInner>.topArea .langWrap_m {
	padding:15px 0;
}
#mobileNavWrap #mobileNavInner>.topArea .searchWrap_m {
	padding:15px 0;
}
#mobileNavWrap #mobileNavInner>.topArea a.lang {
	color:#333;
	font-size:1.125em;
	margin-right:20px;
	position:relative;
}
#mobileNavWrap #mobileNavInner>.topArea a.lang span {
	position:relative;
}
#mobileNavWrap #mobileNavInner>.topArea a.lang.selected {
	color:#c33d00;
}
#mobileNavWrap #mobileNavInner>.topArea a.langEN.selected {
	margin-left:10px;
}
#mobileNavWrap #mobileNavInner>.topArea a.lang.selected:before {
	content:'';
	position:absolute;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:#e8e8e8;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}
#mobileNavWrap #mobileNavInner>.topArea a.contact_us {
	position:relative;
	display:inline-block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	margin-left:20px;
	top:-3px;
	background-size:contain;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-image:url('../images/header-icon-contact.png');
}
#mobileNavWrap #mobileNavInner>.topArea a.contact_us:hover, #mobileNavWrap #mobileNavInner>.topArea a.contact_us.active {
	background-image:url('../images/header-icon-contact-hover.png');
}
.fancybox-lock #mobileNavWrap {
	right: -360px;
}
#mobileNavWrap.show {
	right: 0;
}
#mobileNavWrap.show #menuCloseBtn {
	visibility:visible;
}
#mobileNavWrap #menuCloseBtn {
	visibility:hidden;
	position:absolute;
	top:25px;
	right:15px;
	width:30px;
	height:30px;
	display:inline-block;
	text-indent:-9999px;
}
#mobileNavWrap #menuCloseBtn:before, #mobileNavWrap #menuCloseBtn:after {
	content:'';
	height:2px;
	width:25px;
	display:block;
	background:#5ac5f1;
	position:absolute;
	top:14px;
	left:3px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
#mobileNavWrap #menuCloseBtn:after {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
#mobileNavWrap ul#mobileMainNav>li {
	position:relative;
}
#mobileNavWrap ul#mobileMainNav>li>a, #mobileNavWrap ul#mobileMainNav>li>.childLinkWrap>a, #mobileNavWrap ul#mobileOtherNav>li>a {
	display:block;
	color:#333;
	padding:20px 40px 20px 15px;
	font-size:1.2em;
}
#mobileNavWrap ul#mobileOtherNav>li>a {
	font-size:1.1em;
}
#mobileNavWrap ul#mobileMainNav>li.active>a, #mobileNavWrap ul#mobileMainNav>li.active>.childLinkWrap>a {
	background-color:#7bd1f4;
}
#mobileNavWrap ul#mobileMainNav>li.selected>.childLinkWrap>a, #mobileNavWrap ul#mobileMainNav>li.selected>a {
	background-color:#5ac5f1;
}
#mobileNavWrap ul#mobileMainNav>li.active>.childLinkWrap>a {
}
#mobileNavWrap ul#mobileMainNav .childLinkWrap {
	position:relative;
}
#mobileNavWrap ul#mobileMainNav>li>.childLinkWrap>span {
	display:block;
	position:absolute;
	width:50px;
	height:100%;
	top:0;
	right:0;
	text-indent:-9999px;
	cursor:pointer;
}
#mobileNavWrap ul#mobileMainNav>li>.childLinkWrap>span:before {
	border:2px solid #5ac5f1;
	content: "";
	background:none;
	height:12px;
	top: 50%;
	left:50%;
	width: 12px;
	position:absolute;
	transform:translate(-50%, -50%) rotate(135deg);
	-webkit-transform:translate(-50%, -50%) rotate(135deg);
	border-bottom:none;
	border-left:none;
	-webkit-transition: transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s;
}
#mobileNavWrap ul#mobileMainNav>li.active>.childLinkWrap>span:before {
	-webkit-transform:translate(-50%, -50%) rotate(-45deg);
	transform:translate(-50%, -50%) rotate(-45deg);
	margin-top:3px;
	border-color:#fff;
}
#mobileNavWrap ul#mobileMainNav>li.selected>.childLinkWrap>span:before {
	border-color:#fff;
}
#mobileNavWrap ul#mobileMainNav>li>div:not(.childLinkWrap) {
	display:none;
	background-color:#ddf2f7;
}
#mobileNavWrap ul#mobileMainNav>li>div>ul>li>a, #mobileNavWrap ul#mobileMainNav>li>div>ul>li>.childLinkWrap>a {
	display:block;
	color:#333;
	padding:10px 40px 10px 15px;
}
#mobileNavWrap ul#mobileMainNav>li.selected>div>ul>li.selected>a, #mobileNavWrap ul#mobileMainNav>li.selected>div>ul>li.selected>.childLinkWrap>a {
	color:#c33d00;
}
#mobileNavWrap ul#mobileMainNav>li>div>ul>li>.childLinkWrap>span {
	display:block;
	position:absolute;
	width:50px;
	height:100%;
	top:0;
	right:0;
	text-indent:-9999px;
	cursor:pointer;
}
#mobileNavWrap ul#mobileMainNav>li>div>ul>li>.childLinkWrap>span:before {
	content:'';
	height:0;
	width:0;
	display:block;
	border:6px transparent solid;
	border-right-width:0;
	border-left-color:#fff;
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%) rotate(90deg);
	-webkit-transform:translateY(-50%) rotate(90deg);
	transition: transform 0.5s ease 0s;
	-webkit-transition: transform 0.5s ease 0s;
}
#mobileNavWrap ul#mobileMainNav>li>div>ul>li.active>.childLinkWrap>span:before {
	margin-top:-6px;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}
#mobileNavWrap ul#mobileMainNav>li>div>ul>li.active>a, #mobileNavWrap ul#mobileMainNav>li>div>ul>li.active>.childLinkWrap>a {
	background-color:#014268;
}
#mobileNavWrap ul#mobileMainNav>li>div>ul>li>div:not(.childLinkWrap) {
	display:none;
}
#mobileNavWrap ul#mobileMainNav>li>div>ul>li>div>ul>li>a {
	display:block;
	background-color:#014268;
	padding:10px 15px 10px 30px;
	color:#fff;
	position:relative;
}
#mobileNavWrap ul#mobileMainNav>li>div>ul>li>div>ul>li>a:before {
	content:'';
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	position:absolute;
	left:17px;
	top:1.25em;
}
/****** mobile menu layer ******/

/*Opportunities icons*/
#headerZone .opportunities {
	max-width:1140px;
	margin:0 auto;
}
#headerZone .opportunities > a {
	padding:60px 10px 10px;
	color:#045680;
}
#headerZone .opportunities > a:before {
	content:'';
	position:absolute;
	left:50%;
	top:10px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	width:50px;
	height:50px;
	background-color:#fff;
	border-radius:50%;
	z-index:20;
	border:2px solid rgba(91,189,225,.3);
	transition:background-color .25s ease 0s, border .25s ease 0s;
	-webkit-transition:background-color .25s ease 0s, border .25s ease 0s;
}
#headerZone .opportunities > a.selected, #headerZone .opportunities > a:hover {
	color:#c33d00;
}
#headerZone .opportunities > a.selected:before, #headerZone .opportunities > a:hover:before {
	background-color:#f89727;
	border:2px solid #f89727;
}
#headerZone .opportunities > a > .icon {
	width:35px;
	height:35px;
	top:17px;
}
#headerZone .opportunities > a:first-child:hover .icon, #headerZone .opportunities > a:first-child.selected .icon {
	background-image:url(../images/opportunities-icon1-white.png);
}
#headerZone .opportunities > a:nth-child(2):hover .icon, #headerZone .opportunities > a:nth-child(2).selected .icon {
	background-image:url(../images/opportunities-icon2-white.png);
}
#headerZone .opportunities > a:nth-child(3):hover .icon, #headerZone .opportunities > a:nth-child(3).selected .icon {
	background-image:url(../images/opportunities-icon3-white.png);
}
#headerZone .opportunities > a:nth-child(4):hover .icon, #headerZone .opportunities > a:nth-child(4).selected .icon {
	background-image:url(../images/opportunities-icon4-white.png);
}
#headerZone .opportunities > a:nth-child(5):hover .icon, #headerZone .opportunities > a:nth-child(5).selected .icon {
	background-image:url(../images/opportunities-icon12-white.png);
}
#headerZone .opportunities > a:nth-child(6):hover .icon, #headerZone .opportunities > a:nth-child(6).selected .icon {
	background-image:url(../images/opportunities-icon5-white.png);
}
#headerZone .opportunities > a:nth-child(7):hover .icon, #headerZone .opportunities > a:nth-child(7).selected .icon {
	background-image:url(../images/opportunities-icon6-white.png);
}
#headerZone .opportunities > a:nth-child(8):hover .icon, #headerZone .opportunities > a:nth-child(8).selected .icon {
	background-image:url(../images/opportunities-icon7-white.png);
}
#headerZone .opportunities > a:nth-child(9):hover .icon, #headerZone .opportunities > a:nth-child(9).selected .icon {
	background-image:url(../images/opportunities-icon8-white.png);
}
#headerZone .opportunities > a:nth-child(10):hover .icon, #headerZone .opportunities > a:nth-child(10).selected .icon {
	background-image:url(../images/opportunities-icon9-white.png);
}
#headerZone .opportunities > a:nth-child(11):hover .icon, #headerZone .opportunities > a:nth-child(11).selected .icon {
	background-image:url(../images/opportunities-icon10-white.png);
}
#headerZone .opportunities > a:nth-child(12):hover .icon, #headerZone .opportunities > a:nth-child(12).selected .icon {
	background-image:url(../images/opportunities-icon11-white.png);
}
#headerZone .opportunities > a .title > span {
	position:relative;
	display:block;
	padding:0 2px;
}
#headerZone .opportunities > a .title > span:before {
	content:'';
	background-color:#f89727;
	width:100%;
	height:2px;
	position:absolute;
	bottom:-2px;
	left:0;
	opacity:0;
}
#headerZone .opportunities > a.selected .title > span::before {
	opacity:1;
}
#headerZone .opportunities > a.selected .title, #headerZone .opportunities > a:hover .title {
	color:#c33d00;
}
.opportunities {
	text-align:center;
}
.opportunities > a {
	display:inline-block;
	padding:90px 10px 20px;
	position:relative;
	vertical-align:top;
}
.opportunities > a > span {
	display:inline-block;
	z-index:100;
}
.opportunities > a .icon {
	width:80px;
	height:80px;
	display:inline-block;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:5px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.opportunities > a:first-child .icon {
	background-image:url(../images/opportunities-icon1.png);
}
.opportunities > a:nth-child(2) .icon {
	background-image:url(../images/opportunities-icon2.png);
}
.opportunities > a:nth-child(3) .icon {
	background-image:url(../images/opportunities-icon3.png);
}
.opportunities > a:nth-child(4) .icon {
	background-image:url(../images/opportunities-icon4.png);
}
.opportunities > a:nth-child(5) .icon {
	background-image:url(../images/opportunities-icon12.png);
}
.opportunities > a:nth-child(6) .icon {
	background-image:url(../images/opportunities-icon5.png);
}
.opportunities > a:nth-child(7) .icon {
	background-image:url(../images/opportunities-icon6.png);
}
.opportunities > a:nth-child(8) .icon {
	background-image:url(../images/opportunities-icon7.png);
}
.opportunities > a:nth-child(9) .icon {
	background-image:url(../images/opportunities-icon8.png);
}
.opportunities > a:nth-child(10) .icon {
	background-image:url(../images/opportunities-icon9.png);
}
.opportunities > a:nth-child(11) .icon {
	background-image:url(../images/opportunities-icon10.png);
}
.opportunities > a:nth-child(12) .icon {
	background-image:url(../images/opportunities-icon11.png);
}
.opportunities > a .title {
	transition:color .25s ease 0s;
	-webkit-transition:color .25s ease 0s;
}
.home .opportunities > a .title {
	font-size:1.125em;
	line-height:130%;
	/* line-height:110%; */
}
.fancybox-toolbar .fancybox-button {
	background-color:#5ac5f1!important;
}
.fancybox-toolbar .fancybox-button:hover {
	background-color:#f89727!important;
}
.fancybox-arrow:after {
	background-color:#5ac5f1!important;
}
.fancybox-arrow:hover:after {
	background-color:#f89727!important;
}
.fancybox-close-small{
	/* top:-20px; */
}
#popup_flyer{
	display:none;
	width:60%;
	height:80%;
	padding:44px 0 0 0;
	overflow:hidden;
	background:none;
}
#popup_flyer div{
	overflow-y:scroll;
	height:100%;
}
#popup_flyer img{
	max-width:100%;
}
#popup_flyer a.btn-close{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:44px;
	height:44px;
	background-color:#5ac5f1;
}
#popup_flyer a.btn-close:hover{
	background-color:#f89727;
}
#popup_flyer a.btn-close:before{
	transform:rotate(45deg);
}
#popup_flyer a.btn-close:after{
	transform:rotate(-45deg);
}
#popup_flyer a.btn-close:before, #popup_flyer a.btn-close:after{
	content: '';
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px);
	background-color:#fff;
}


.accessibility{
	display: none !important;
}