@charset "UTF-8";
@import url('jquery.fancybox.min.css');
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
*:focus-visible{
	outline: black solid 3px !important;
}
html {
	border: 0;
	margin: 0 auto;
	padding: 0;
	min-height: 100vh;
}
body {
	/* overflow-x: hidden; */
  color: #444; 
	font-variant-ligatures:none;
	line-height: 1.2;
	font-weight: 400;
	min-height: 100vh;	 
}

body.b_w{
	/* IE */
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);

  /* Chrome, Safari */
  -webkit-filter: grayscale(0);

  /* Firefox */
  filter: grayscale(0);
	
}
body {
	font-family: "Open Sans", Arial, "微軟正黑體", Microsoft JhengHei, Microsoft YaHei, 新細明體, Arial, Helvetica, sans-serif;
	font-variant-ligatures: none;
	font-size: 18px;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
#skipToContent {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	z-index: 5000;
}
#skipToContent a {
	background: #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;
}
.videoWrap {
	position:relative;
}
.videoWrap iframe, .videoWrap video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.accessibility {
	height: 0;
	width: 0;
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-indent: -9999px;
}
.hiddenLabel, .hidden, .invisible {
	display: none;
}
 @media print {
* {
	color: #000 !important;
	text-shadow: none !important;
	background: transparent !important;
	box-shadow: none !important;
}
}
.large_size {
	font-size: 110%;
}
.middle_size {
	font-size: 100%;
}
.small_size {
	font-size: 93.5%;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.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;
}
object {
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: none;
	-moz-transition: width 0.25s ease 0s;
	-o-transition: width 0.25s ease 0s;
	-webkit-transition: width 0.25s ease;
	-webkit-transition-delay: 0s;
	transition: width 0.25s ease 0s;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   rgba(255,255,255,.8);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:   rgba(255,255,255,.8);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:   rgba(255,255,255,.8);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:   rgba(255,255,255,.8);
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:   rgba(255,255,255,.8);
}
::placeholder { /* Most modern browsers support this now. */
   color:   rgba(255,255,255,.8);
}
input:focus::-moz-placeholder{
    color:   rgba(255,255,255,1);
}
input:focus:-ms-input-placeholder{
    color:   rgba(255,255,255,1);
}
input:focus::-webkit-input-placeholder{
    color:   rgba(255,255,255,1);	
}
.container {
	width: 100%;
	max-width: 1600px; /*1280px*/
	padding: 0 20px;
	margin: 0 auto;
}
#wrapper {
	width: 100%;
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
	min-height: 100vh;
}
#wrapperInner {
	position: relative;
	/*overflow:hidden;*/
}
/*#wrapperInner.showNotice{ padding-top: 270px; }
#wrapperInner.fixedHeader{ padding-top: 100px; }
#wrapperInner.showNotice.fixedHeader{ padding-top: 260px; }*/
#headerZone {
	position:relative;
	z-index:3000;
	width:100%;
	top:0;
	left:0;
	background-color:#fff;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.1);
}
#headerZone.fixed{ position:fixed;}
#noticeClose {
	position: absolute;
	top: -20px;
	right: 20px;
	/*opacity: .5;*/
	width: 40px;
	height:40px;
	color: #fff;
	text-indent: -9999px;
	z-index: 10;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#noticeClose:before, #noticeClose:after {
	content: '';
	width: 20px;
	height: 3px;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#noticeClose:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
#noticeClose:after {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}
#noticeClose:hover:before, #noticeClose:hover:after  {
	background-color: #ffea00;
}
.showNotice #announcementWrap{ /*display: block;*/ }
#announcementWrap{
	position: relative;
	z-index: 2000;
	padding: 30px 0;	
	background-color:#fff;
	display: none;	 
}
#announcementWrap.active{
	background-color:#7f20a0;
	background-image:url(../images/notice-bg-right-top.png);
	background-position:100% 0;
	background-repeat:no-repeat;
}
#announcementWrap:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#announcementWrap .noticeMain{ 
	padding:0 20px 0 120px;
	max-width: 1600px;
	margin:0 auto;
	/*min-height: 100px;*/
	position: relative;
}
#announcementWrap .noticeMain:before{
	content: '';
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	left: 20px;
	top: 0;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size: 100% 100%;	
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%20100%20100%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%23ffffff%22%20opacity%3D%220.24%22%20class%3D%22st0%22%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%2F%3E%3Ccircle%20fill%3D%22%23ffffff%22%20class%3D%22st1%22%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245%22%2F%3E%3Cg%3E%09%3Cpath%20fill%3D%22%23EF7A00%22%20class%3D%22st2%22%20d%3D%22M50%2C58c5%2C0%2C9-4%2C9-9V31c0-5-4-9-9-9s-9%2C4-9%2C9v18C41%2C54%2C45%2C58%2C50%2C58z%22%2F%3E%09%3Cpath%20%20fill%3D%22%23EF7A00%22%20class%3D%22st2%22%20d%3D%22M67%2C49c0-1.1-0.9-2-2-2s-2%2C0.9-2%2C2c0%2C7.2-5.8%2C13-13%2C13c-7.2%2C0-13-5.8-13-13c0-1.1-0.9-2-2-2s-2%2C0.9-2%2C2%09%09c0%2C8.7%2C6.6%2C15.9%2C15%2C16.9V70h-4.2c-1%2C0-1.8%2C0.8-1.8%2C1.8v0.3c0%2C1%2C0.8%2C1.8%2C1.8%2C1.8h12.3c1%2C0%2C1.8-0.8%2C1.8-1.8v-0.3c0-1-0.8-1.8-1.8-1.8%09%09H52v-4.1C60.4%2C64.9%2C67%2C57.7%2C67%2C49z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#announcementWrap .noticeMain .title{ color: #ffea00; font-weight: 600; font-size: 1.333em; margin-bottom: 10px; text-transform: uppercase; padding-right:40px;}
#announcementWrap .noticeMain .notice, #announcementWrap .noticeMain .notice a{ color: #fff; }
#announcementWrap .noticeMain .notice a:hover{ text-decoration: underline; }
#announcementWrap #specialAnn{ display:inline-block; padding-left:10px; text-decoration:underline;}
#announcementWrap #specialAnn:hover{ text-decoration:none;}
#headerZone .headerWrap {
	padding: 0 20px;
	display:flex;
	/*max-width: 1280px;*/
	/*position: relative;
	z-index: 999;*/
}
#logoWrap {
	padding:12px 10px 0 0;
	/* commented for festival logo */
	/* */width:200px; 
	transition: width .3s ease 0s;
}
#logoWrap > a {
	display:block;
	margin-bottom:10px;
}
#logoWrap > a img {
	max-width:100%;
}
/*top menu css starts*/
#mmenuCtrl {
	display:none;
	height: 44px;
	width: 44px;
	border-radius:50%;
	opacity:1;
	text-align:left;
	position: relative;
	/*background-color: #f1f1f1;*/	
}
#mmenuCtrl span {
	text-indent:-9999px;
	color:#fff;
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	width:20px;
	height:2px;
	background-color:#0073aa;
}
#mmenuCtrl span:before, #mmenuCtrl span:after {
	content:'';
	height:2px;
	width:20px;
	background-color:#0073aa;
	display:block;
	position:absolute;
	display:block;
	transition: transform .25s ease 0s;
	-webkit-transition: transform .25s ease 0s;
	transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
}
#mmenuCtrl span:before {
	top:-8px;
}
#mmenuCtrl span:after {
	top:8px;
}
/*#mmenuCtrl:hover span, #mmenuCtrl:hover span:before, #mmenuCtrl:hover span:after, #mmenuCtrl.focus span, #mmenuCtrl.focus span:before, #mmenuCtrl.focus span:after {
	width:25px;
}*/
#mmenuCtrl:hover span:before {
	/*top:-9px;*/
}
#mmenuCtrl:hover span:after {
	/*top:9px;*/
}
#mmenuCtrl.active{}
#mmenuCtrl.active span{ background:transparent !important; width: 24px;}
#mmenuCtrl.active span:before, #mmenuCtrl.active span:after{ top:0; width: 24px;}
#mmenuCtrl.active span:before{ transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#mmenuCtrl.active span:after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
#topNavWrap {
	flex:1;
}
#siteTools {
	text-align: right;
	font-size:0.889em;
	z-index:1900;
	position:relative;
	margin:18px -10px 10px 0;
	/*transition:margin .3s ease 0s;
	-webkit-transition:margin .3s ease 0s;*/
}
.fixed #siteTools{ margin-bottom:0;}
#siteTools a {
	color:#0073a9;
}
#siteTools a.fontSize > span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22fontsize%22%3E%09%3Cpath%20class%3D%22st4%22%20fill%3D%22%230073a9%22%20d%3D%22M4.3%2C5.7L0.1%2C16.8h1.5l1-2.9h4.7l1.1%2C2.9h1.5L5.6%2C5.7H4.3z%20M3.1%2C12.7L5%2C7.5l1.9%2C5.2H3.1z%22%2F%3E%09%3Cpolygon%20class%3D%22st4%22%20fill%3D%22%230073a9%22%20points%3D%2212%2C1.2%2010.2%2C1.2%207.6%2C8%208.6%2C10.6%2011.1%2C3.7%2013.7%2C11%208.7%2C11%209.4%2C12.7%2014.4%2C12.7%2015.8%2C16.8%2018%2C16.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#siteTools a.fontSize:hover > span{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22fontsize%22%3E%09%3Cpath%20class%3D%22st4%22%20fill%3D%22%23ffffff%22%20d%3D%22M4.3%2C5.7L0.1%2C16.8h1.5l1-2.9h4.7l1.1%2C2.9h1.5L5.6%2C5.7H4.3z%20M3.1%2C12.7L5%2C7.5l1.9%2C5.2H3.1z%22%2F%3E%09%3Cpolygon%20class%3D%22st4%22%20fill%3D%22%23ffffff%22%20points%3D%2212%2C1.2%2010.2%2C1.2%207.6%2C8%208.6%2C10.6%2011.1%2C3.7%2013.7%2C11%208.7%2C11%209.4%2C12.7%2014.4%2C12.7%2015.8%2C16.8%2018%2C16.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#siteTools a.btnPrint > span, #mobileMenu .btnPrint{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22path%22%20fill%3D%22%230073a9%22%20class%3D%22st0%22%20d%3D%22M16.5%2C8.3c-0.4-0.4-0.8-0.6-1.3-0.6h-0.6V5c0-0.3-0.1-0.6-0.2-0.9c-0.1-0.3-0.3-0.6-0.5-0.8l-1.5-1.6%09c-0.2-0.2-0.4-0.4-0.7-0.5C11.4%2C1.1%2C11.1%2C1%2C10.8%2C1H4.4C4.1%2C1%2C3.9%2C1.1%2C3.7%2C1.3C3.6%2C1.5%2C3.5%2C1.7%2C3.5%2C2v5.7H2.9c-0.5%2C0-0.9%2C0.2-1.3%2C0.6%09C1.2%2C8.6%2C1%2C9.1%2C1%2C9.7V14c0%2C0.1%2C0%2C0.2%2C0.1%2C0.2c0.1%2C0.1%2C0.1%2C0.1%2C0.2%2C0.1h2.2V16c0%2C0.3%2C0.1%2C0.5%2C0.3%2C0.7C3.9%2C16.9%2C4.1%2C17%2C4.4%2C17h9.2%09c0.3%2C0%2C0.5-0.1%2C0.7-0.3c0.2-0.2%2C0.3-0.4%2C0.3-0.7v-1.7h2.2c0.1%2C0%2C0.2%2C0%2C0.2-0.1C17%2C14.2%2C17%2C14.1%2C17%2C14V9.7C17%2C9.1%2C16.8%2C8.6%2C16.5%2C8.3z%09%20M13.3%2C15.7H4.7V13h8.6V15.7z%20M13.3%2C9H4.7V2.3h6.1V4c0%2C0.3%2C0.1%2C0.5%2C0.3%2C0.7C11.3%2C4.9%2C11.5%2C5%2C11.8%2C5h1.5V9L13.3%2C9z%20M15.6%2C10.1%09c-0.1%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.2%2C0-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.2%2C0.1-0.3%2C0.2-0.5C14.8%2C9.1%2C15%2C9%2C15.1%2C9%09c0.2%2C0%2C0.3%2C0.1%2C0.4%2C0.2c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.5C15.8%2C9.8%2C15.7%2C10%2C15.6%2C10.1z%22%2F%3E%3C%2Fsvg%3E');
}
#siteTools a.btnPrint:hover > span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22path%22%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M16.5%2C8.3c-0.4-0.4-0.8-0.6-1.3-0.6h-0.6V5c0-0.3-0.1-0.6-0.2-0.9c-0.1-0.3-0.3-0.6-0.5-0.8l-1.5-1.6%09c-0.2-0.2-0.4-0.4-0.7-0.5C11.4%2C1.1%2C11.1%2C1%2C10.8%2C1H4.4C4.1%2C1%2C3.9%2C1.1%2C3.7%2C1.3C3.6%2C1.5%2C3.5%2C1.7%2C3.5%2C2v5.7H2.9c-0.5%2C0-0.9%2C0.2-1.3%2C0.6%09C1.2%2C8.6%2C1%2C9.1%2C1%2C9.7V14c0%2C0.1%2C0%2C0.2%2C0.1%2C0.2c0.1%2C0.1%2C0.1%2C0.1%2C0.2%2C0.1h2.2V16c0%2C0.3%2C0.1%2C0.5%2C0.3%2C0.7C3.9%2C16.9%2C4.1%2C17%2C4.4%2C17h9.2%09c0.3%2C0%2C0.5-0.1%2C0.7-0.3c0.2-0.2%2C0.3-0.4%2C0.3-0.7v-1.7h2.2c0.1%2C0%2C0.2%2C0%2C0.2-0.1C17%2C14.2%2C17%2C14.1%2C17%2C14V9.7C17%2C9.1%2C16.8%2C8.6%2C16.5%2C8.3z%09%20M13.3%2C15.7H4.7V13h8.6V15.7z%20M13.3%2C9H4.7V2.3h6.1V4c0%2C0.3%2C0.1%2C0.5%2C0.3%2C0.7C11.3%2C4.9%2C11.5%2C5%2C11.8%2C5h1.5V9L13.3%2C9z%20M15.6%2C10.1%09c-0.1%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.2%2C0-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.2%2C0.1-0.3%2C0.2-0.5C14.8%2C9.1%2C15%2C9%2C15.1%2C9%09c0.2%2C0%2C0.3%2C0.1%2C0.4%2C0.2c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.5C15.8%2C9.8%2C15.7%2C10%2C15.6%2C10.1z%22%2F%3E%3C%2Fsvg%3E');
}
#siteTools a.btnShare > span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230073a9%22%20id%3D%22share%22%20class%3D%22st1%22%20d%3D%22M14.1%2C11.2c-0.9%2C0-1.8%2C0.4-2.3%2C1.1l-5-2.5C6.8%2C9.5%2C6.9%2C9.3%2C6.9%2C9c0-0.3-0.1-0.6-0.1-0.8l5-2.5%09c0.5%2C0.7%2C1.4%2C1.2%2C2.3%2C1.2c1.6%2C0%2C2.9-1.3%2C2.9-2.9C17%2C2.3%2C15.7%2C1%2C14.1%2C1c-1.6%2C0-2.9%2C1.3-2.9%2C2.9c0%2C0.3%2C0%2C0.5%2C0.1%2C0.8l-5%2C2.5%09C5.7%2C6.5%2C4.9%2C6.1%2C3.9%2C6.1C2.3%2C6.1%2C1%2C7.4%2C1%2C9c0%2C1.6%2C1.3%2C2.9%2C2.9%2C2.9c1%2C0%2C1.8-0.5%2C2.3-1.2l5%2C2.5c-0.1%2C0.3-0.1%2C0.5-0.1%2C0.8%09c0%2C1.6%2C1.3%2C2.9%2C2.9%2C2.9c1.6%2C0%2C2.9-1.3%2C2.9-2.9C17%2C12.5%2C15.7%2C11.2%2C14.1%2C11.2z%22%2F%3E%3C%2Fsvg%3E');
}
#siteTools a.btnShare:hover > span, #siteTools .shareWrap:hover .trigger span{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20id%3D%22share%22%20class%3D%22st1%22%20d%3D%22M14.1%2C11.2c-0.9%2C0-1.8%2C0.4-2.3%2C1.1l-5-2.5C6.8%2C9.5%2C6.9%2C9.3%2C6.9%2C9c0-0.3-0.1-0.6-0.1-0.8l5-2.5%09c0.5%2C0.7%2C1.4%2C1.2%2C2.3%2C1.2c1.6%2C0%2C2.9-1.3%2C2.9-2.9C17%2C2.3%2C15.7%2C1%2C14.1%2C1c-1.6%2C0-2.9%2C1.3-2.9%2C2.9c0%2C0.3%2C0%2C0.5%2C0.1%2C0.8l-5%2C2.5%09C5.7%2C6.5%2C4.9%2C6.1%2C3.9%2C6.1C2.3%2C6.1%2C1%2C7.4%2C1%2C9c0%2C1.6%2C1.3%2C2.9%2C2.9%2C2.9c1%2C0%2C1.8-0.5%2C2.3-1.2l5%2C2.5c-0.1%2C0.3-0.1%2C0.5-0.1%2C0.8%09c0%2C1.6%2C1.3%2C2.9%2C2.9%2C2.9c1.6%2C0%2C2.9-1.3%2C2.9-2.9C17%2C12.5%2C15.7%2C11.2%2C14.1%2C11.2z%22%2F%3E%3C%2Fsvg%3E');
}
#siteTools a.btnRSS > span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230073a9%22%20%20id%3D%22rss%22%20class%3D%22st1%22%20d%3D%22M1%2C9.5c2%2C0%2C3.9%2C0.8%2C5.3%2C2.2C7.7%2C13.1%2C8.5%2C15%2C8.5%2C17h3.1C11.6%2C11.2%2C6.8%2C6.4%2C1%2C6.4V9.5z%20M1%2C4.1%09c7.1%2C0%2C12.9%2C5.8%2C12.9%2C12.9H17C17%2C8.2%2C9.8%2C1%2C1%2C1V4.1z%20M5.3%2C14.9c0%2C1.2-1%2C2.1-2.1%2C2.1S1%2C16%2C1%2C14.9c0-1.2%2C1-2.1%2C2.1-2.1%09C4.3%2C12.7%2C5.3%2C13.7%2C5.3%2C14.9z%22%2F%3E%3C%2Fsvg%3E');
}
#siteTools a.btnRSS:hover > span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20%20id%3D%22rss%22%20class%3D%22st1%22%20d%3D%22M1%2C9.5c2%2C0%2C3.9%2C0.8%2C5.3%2C2.2C7.7%2C13.1%2C8.5%2C15%2C8.5%2C17h3.1C11.6%2C11.2%2C6.8%2C6.4%2C1%2C6.4V9.5z%20M1%2C4.1%09c7.1%2C0%2C12.9%2C5.8%2C12.9%2C12.9H17C17%2C8.2%2C9.8%2C1%2C1%2C1V4.1z%20M5.3%2C14.9c0%2C1.2-1%2C2.1-2.1%2C2.1S1%2C16%2C1%2C14.9c0-1.2%2C1-2.1%2C2.1-2.1%09C4.3%2C12.7%2C5.3%2C13.7%2C5.3%2C14.9z%22%2F%3E%3C%2Fsvg%3E');
}
#siteTools a.btnBookmark > span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230073a9%22%20class%3D%22st1%22%20d%3D%22M13.1%2C1H4.9C3.8%2C1%2C3%2C1.8%2C3%2C2.9V17l6-3.7l6%2C3.7V2.9C15%2C1.8%2C14.2%2C1%2C13.1%2C1z%20M10.9%2C9.9L9%2C8.9l-1.9%2C1%09l0.4-2.1L5.8%2C6.2L8%2C5.9L9%2C4l1%2C1.9l2.2%2C0.3l-1.6%2C1.5L10.9%2C9.9z%22%2F%3E%3C%2Fsvg%3E');
}
#siteTools a.btnBookmark:hover > span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st1%22%20d%3D%22M13.1%2C1H4.9C3.8%2C1%2C3%2C1.8%2C3%2C2.9V17l6-3.7l6%2C3.7V2.9C15%2C1.8%2C14.2%2C1%2C13.1%2C1z%20M10.9%2C9.9L9%2C8.9l-1.9%2C1%09l0.4-2.1L5.8%2C6.2L8%2C5.9L9%2C4l1%2C1.9l2.2%2C0.3l-1.6%2C1.5L10.9%2C9.9z%22%2F%3E%3C%2Fsvg%3E');
}
#siteTools a.btnNotice > span{
	background-color: rgba(255,234,0,.4);
	color:#444;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22notice%22%3E%09%3Cg%3E%09%09%3Cpath%20class%3D%22st2%22%20fill%3D%22%237f20a0%22%20d%3D%22M10.4%2C1.7V1.4C10.4%2C0.6%2C9.7%2C0%2C9%2C0C8.2%2C0%2C7.6%2C0.6%2C7.6%2C1.4v0.3C8.5%2C1.5%2C9.4%2C1.5%2C10.4%2C1.7z%20M14.7%2C11.5C14.7%2C11.5%2C14.7%2C11.5%2C14.7%2C11.5l0-3.1c0-3.3-2.6-6-5.8-6c-3.2%2C0-5.8%2C2.7-5.8%2C6v3.1c0%2C0%2C0.1%2C0%2C0.1%2C0H14.7z%20M9.1%2C18%09%09%09c1.3%2C0%2C2.4-1.1%2C2.4-2.5H6.7C6.7%2C16.9%2C7.8%2C18%2C9.1%2C18z%20M14.7%2C12.3H3.3c-1.2%2C0-2.1%2C1.2-2.3%2C2.3h16C16.8%2C13.5%2C15.9%2C12.3%2C14.7%2C12.3z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
/*#siteTools a.btnNotice:not(.active):hover > span{
	background-color: rgba(205,5,66,1);
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22notice%22%3E%09%3Cg%3E%09%09%3Cpath%20class%3D%22st2%22%20fill%3D%22%23ffffff%22%20d%3D%22M10.4%2C1.7V1.4C10.4%2C0.6%2C9.7%2C0%2C9%2C0C8.2%2C0%2C7.6%2C0.6%2C7.6%2C1.4v0.3C8.5%2C1.5%2C9.4%2C1.5%2C10.4%2C1.7z%20M14.7%2C11.5C14.7%2C11.5%2C14.7%2C11.5%2C14.7%2C11.5l0-3.1c0-3.3-2.6-6-5.8-6c-3.2%2C0-5.8%2C2.7-5.8%2C6v3.1c0%2C0%2C0.1%2C0%2C0.1%2C0H14.7z%20M9.1%2C18%09%09%09c1.3%2C0%2C2.4-1.1%2C2.4-2.5H6.7C6.7%2C16.9%2C7.8%2C18%2C9.1%2C18z%20M14.7%2C12.3H3.3c-1.2%2C0-2.1%2C1.2-2.3%2C2.3h16C16.8%2C13.5%2C15.9%2C12.3%2C14.7%2C12.3z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');

}*/
#siteTools a.active.btnNotice > span {	
	background-color:transparent;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22notice%22%3E%09%3Cg%3E%09%09%3Cpath%20class%3D%22st2%22%20fill%3D%22%23ffea00%22%20d%3D%22M10.4%2C1.7V1.4C10.4%2C0.6%2C9.7%2C0%2C9%2C0C8.2%2C0%2C7.6%2C0.6%2C7.6%2C1.4v0.3C8.5%2C1.5%2C9.4%2C1.5%2C10.4%2C1.7z%20M14.7%2C11.5C14.7%2C11.5%2C14.7%2C11.5%2C14.7%2C11.5l0-3.1c0-3.3-2.6-6-5.8-6c-3.2%2C0-5.8%2C2.7-5.8%2C6v3.1c0%2C0%2C0.1%2C0%2C0.1%2C0H14.7z%20M9.1%2C18%09%09%09c1.3%2C0%2C2.4-1.1%2C2.4-2.5H6.7C6.7%2C16.9%2C7.8%2C18%2C9.1%2C18z%20M14.7%2C12.3H3.3c-1.2%2C0-2.1%2C1.2-2.3%2C2.3h16C16.8%2C13.5%2C15.9%2C12.3%2C14.7%2C12.3z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#siteTools a.btnNotice:before{
	content: '';
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-color:#7f20a0;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	opacity: 0;
	transition: opacity .3s ease 0s;
}
.showNotice #siteTools a.btnNotice:before{ opacity: 1; }
#searchTrigger span{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22search%22%20class%3D%22st3%22%20fill%3D%22%230073a9%22%20d%3D%22M16.6%2C15l-3-3c0.8-1.1%2C1.3-2.5%2C1.3-4c0-3.9-3.1-7-7-7c-3.9%2C0-7%2C3.1-7%2C7c0%2C3.9%2C3.1%2C7%2C7%2C7%09c1.5%2C0%2C2.9-0.5%2C4-1.3l3%2C3c0.5%2C0.5%2C1.2%2C0.5%2C1.7%2C0S17.1%2C15.4%2C16.6%2C15z%20M3%2C7.9c0-2.8%2C2.2-5%2C5-5c2.8%2C0%2C5%2C2.2%2C5%2C5s-2.2%2C5-5%2C5%09C5.2%2C12.9%2C3%2C10.7%2C3%2C7.9z%22%2F%3E%3C%2Fsvg%3E');
}
#searchTrigger:hover span, #searchTrigger.active span, #searchTrigger.focus span{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22search%22%20class%3D%22st3%22%20fill%3D%22%23ffffff%22%20d%3D%22M16.6%2C15l-3-3c0.8-1.1%2C1.3-2.5%2C1.3-4c0-3.9-3.1-7-7-7c-3.9%2C0-7%2C3.1-7%2C7c0%2C3.9%2C3.1%2C7%2C7%2C7%09c1.5%2C0%2C2.9-0.5%2C4-1.3l3%2C3c0.5%2C0.5%2C1.2%2C0.5%2C1.7%2C0S17.1%2C15.4%2C16.6%2C15z%20M3%2C7.9c0-2.8%2C2.2-5%2C5-5c2.8%2C0%2C5%2C2.2%2C5%2C5s-2.2%2C5-5%2C5%09C5.2%2C12.9%2C3%2C10.7%2C3%2C7.9z%22%2F%3E%3C%2Fsvg%3E');
}
#toolLangs .trigger span, #toolLangs .trigger:hover span{
	background-image: url(../images/icon-mobile-language.svg);
}
#siteTools > ul {
	text-align:right;
	display: inline-block;
}
#siteTools > ul > li {
	display:inline-block;
	padding:0 6px;
	vertical-align:top;
	padding:0 10px;
	position:relative;
	line-height:24px;
	text-align:left;
}
#siteTools > ul > li:before {
	content:'';
	width:1px;
	height:12px;
	background-color:rgba(0,0,0,.2);
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
#siteTools .searchContact:before{ display: none; }
#siteTools > ul > li:last-child:before {
	display:none;
}
#siteTools > ul > li > a, #siteTools > ul > li .trigger {
	display:inline-block;
	margin:0 3px;
	width:32px;
	height:32px;
	position: relative;		
}
#siteTools > ul > li .shareWrap{ display: inline-block; }
#siteTools > ul > li.hasSubnav > .subnav a{
	width:32px;
	height:32px;
	line-height:32px;
	display:inline-block;
	border-radius:50%;
	/*font-size:0.889em;*/
}
#siteTools > ul > li:not(.langs) > a, #searchTrigger, #siteTools > ul > li .trigger{
	text-indent:-9999px;
}
#siteTools > ul > li > a > span, #searchTrigger > span, #siteTools > ul > li.hasSubnav > .subnav  a > span, #siteTools > ul > li .shareWrap span {
	display:block;
	position: relative;
	z-index: 100;
	line-height:32px;
	text-align:center;
	border-radius:50%;
	background-size:18px 18px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#siteTools > ul > li > a:not(.btnNotice):hover > span, #siteTools > ul > li.hasSubnav > .subnav  a:hover > span, #siteTools > ul > li .trigger:hover span,  #siteTools > ul > li .trigger.active span,  #siteTools .shareWrap:hover .trigger span{ 
	background-color:#0073a9; 
	color: #fff;
}
#siteTools > ul > li.searchContact > div {
	display:inline-block;
	vertical-align:top;
}
#siteTools .shareWrap{ position: relative; }
#siteTools .shareWrap .smWrap{
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease 0s;
	position: absolute;
	top: 100%;
	left: 50%;
	transform:translateX(-50%);
	color: #fff;
	padding-top: 10px;
}
#siteTools .shareWrap:hover .smWrap{
	max-height: 300px;
}
#siteTools .shareWrap .smWrap .socialmeida{
	background-color: #0073aa;
	color:#fff;
	padding:8px;
	border-radius: 45px;
}
#siteTools .shareWrap .trigger:before{
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;  
	border-bottom: 8px solid #0073aa;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	display:none;
}
#siteTools .shareWrap:hover .trigger:before{ display: block; }
#siteTools .socialmeida{ width: 274px; }
#siteTools .socialmeida > a{ float: left;}
.socialmeida > a {
	width:30px;
	height:30px;
	display:inline-block;
	vertical-align: top;
	border-radius:50%;
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	text-indent:-9999px;
	margin-left:8px;
	cursor:pointer;
	color:#333;
	background-color: #fff;
	transition:background .3s ease 0s;
	-webkit-transition:background .3s ease 0s;
}
.socialmeida > a:first-child{ margin-left: 0; }
.socialmeida .btn_fb {
	background-image:url(../images/icon-share-facebook.svg);
}
.socialmeida .btn_fb:hover {
}
.socialmeida .btn_weibo {
	background-image:url(../images/icon-share-weibo.svg);
}
.socialmeida .btn_weibo:hover {
}

.socialmeida .btn_twitter {
	background-image:url(../images/icon-share-twitter.svg);
}

.socialmeida .btn_twitter:hover {
}
.socialmeida .btn_email {
	background-image:url(../images/icon-share-email.svg);
}
.socialmeida .btn_whatsapp {
	background-image:url(../images/icon-share-whatsapp.svg);
}
.socialmeida .btn_wechat {
	background-image:url(../images/icon-share-wechat.svg);
}
.socialmeida .btn_rss {
	background-size:18px 18px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230073a9%22%20%20id%3D%22rss%22%20class%3D%22st1%22%20d%3D%22M1%2C9.5c2%2C0%2C3.9%2C0.8%2C5.3%2C2.2C7.7%2C13.1%2C8.5%2C15%2C8.5%2C17h3.1C11.6%2C11.2%2C6.8%2C6.4%2C1%2C6.4V9.5z%20M1%2C4.1%09c7.1%2C0%2C12.9%2C5.8%2C12.9%2C12.9H17C17%2C8.2%2C9.8%2C1%2C1%2C1V4.1z%20M5.3%2C14.9c0%2C1.2-1%2C2.1-2.1%2C2.1S1%2C16%2C1%2C14.9c0-1.2%2C1-2.1%2C2.1-2.1%09C4.3%2C12.7%2C5.3%2C13.7%2C5.3%2C14.9z%22%2F%3E%3C%2Fsvg%3E');
}

#toolContact > a {
	display:inline-block;
	height:32px;
	padding:0 15px;
	border-radius:30px;
	line-height:32px;
	background-color:#f1f1f1;
	transition: background .3s ease 0s, color .3s ease 0s;
}
#toolContact > a:hover{
	background-color:#0073a9;
	color: #fff;
}
#toolSearch{ position: relative; }
#toolSearch .searchForm{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 10px);
	width: 300px;
	background-color: #0073aa;
	padding:15px 30px;
	color: #fff;
	border-radius: 45px;
	display: none;
	z-index:100;
}
#toolSearch input[type=search] {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#toolSearch .searchForm form .inputWrap{ position: relative; }
#toolSearch .searchForm form .inputWrap label {
	position:absolute;
	left:0;
	top:0;
}
#toolSearch .searchForm form .inputWrap input {
	height:40px;
	color:#fff;
	padding:0 22px 0 0;
	width:100%;
	display:inline-block;
	border-bottom:1px solid rgba(255,255,255,.5);
	transition:border-bottom-color .3s ease 0s;
	-webkit-transition:border-bottom-color .3s ease 0s;
	background:transparent;
}
/*#toolSearc input::-webkit-input-placeholder{ color: #fff; opacity: 1; }
#toolSearc input:-ms-input-placeholder{color: #fff; opacity: 1;  }
#toolSearc input::placeholder{color: #fff; opacity: 1;  }*/

#toolSearch .searchForm form .inputWrap input:focus {
	border-bottom:1px solid rgba(255,255,255,1);;
}
#toolSearch .searchForm .btnSearch {
	position:absolute;
	text-align:left;
	width:22px;
	height:22px;
	color: #fff;
	display:block;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	text-indent:-9999px;
}
#toolSearch .searchForm .btnSearch:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:20px;
	height:20px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform-origin:top left;
	-webkit-transform-origin:top left;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22search%22%20class%3D%22st3%22%20fill%3D%22%23ffffff%22%20d%3D%22M16.6%2C15l-3-3c0.8-1.1%2C1.3-2.5%2C1.3-4c0-3.9-3.1-7-7-7c-3.9%2C0-7%2C3.1-7%2C7c0%2C3.9%2C3.1%2C7%2C7%2C7%09c1.5%2C0%2C2.9-0.5%2C4-1.3l3%2C3c0.5%2C0.5%2C1.2%2C0.5%2C1.7%2C0S17.1%2C15.4%2C16.6%2C15z%20M3%2C7.9c0-2.8%2C2.2-5%2C5-5c2.8%2C0%2C5%2C2.2%2C5%2C5s-2.2%2C5-5%2C5%09C5.2%2C12.9%2C3%2C10.7%2C3%2C7.9z%22%2F%3E%3C%2Fsvg%3E');
}
#toolSearch .searchForm .advSearch{ text-align: right; margin-top: 5px; }
#toolSearch .searchForm .advSearch a{
	color: #fff;
}
#toolSearch .searchForm .advSearch a:hover{ text-decoration: underline; }
#toolSearch a.trigger:before{
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;  
	border-bottom: 8px solid #0073aa;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	display:none;
}
#toolSearch a.trigger.active:before{ display: block; }

.fixed #mainNav > ul > li {
	/* padding:0 12px; */
}
.fixed #mainNav > ul{ margin-right: -10px; }
.fixed #logoWrap{ width: 190px; }
.fixed  #mainNav > ul > li { /*height: 50px;*/ }
#mainNav > ul {
	display:table;
	float:right;
	margin-right: -15px;
}
#mainNav a{ color:#444; }
#mainNav > ul > li {
	/*position:relative;*/
	display:table-cell;
	height:50px;
	padding:0 20px;
	vertical-align:bottom;
	text-align:center;
	transition:padding .3s ease 0s;
	-webkit-transition:padding .3s ease 0s;
}
#mainNav > ul > li > a {
	display:inline-block;
	padding:10px 0 12px;
	width:100%;
	position:relative;
	line-height:1.1em;
	font-size:1.111em;
	transition:padding .3s ease 0s, color .3s ease 0s;
	-webkit-transition:padding .3s ease 0s, color .3s ease 0s;
}
#mainNav > ul > li > a > span {
	display:inline-block;
	transition:padding .3s ease 0s;
	-webkit-transition:padding .3s ease 0s;
}
#mainNav > ul > li:hover > a > span, #mainNav > ul > li.selected > a > span{ /*	padding-bottom:5px; */ }
#mainNav > ul > li > a:before {
	content: '';
	position: absolute;
	height: 5px;
	display: block;
	bottom: 0;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	left: 50%;
	transform:translateX(-50%);
	width: 0;
	transition: width .3s ease 0s;
}
/*#mainNav > ul > li.nav_1 > a:before { background-color: #9ae136; }
#mainNav > ul > li.nav_2 > a:before { background-color: #fccd48; }
#mainNav > ul > li.nav_3 > a:before { background-color: #ff9fc2; }
#mainNav > ul > li.nav_4 > a:before { background-color: #69e4e0; }
#mainNav > ul > li.nav_5 > a:before { background-color: #89cdff; }
#mainNav > ul > li.nav_6 > a:before { background-color: #fd9bf8; }*/
#mainNav > ul > li.selected > a:before, #mainNav > ul > li:hover > a:before{
	width: 100%;
}
/*#mainNav > ul > li.nav_1.selected > a, #mainNav > ul > li.nav_1:hover > a, #mainNav > ul > li.nav_1 > a.focus{
	color:#2a7800;
}
#mainNav > ul > li.nav_2.selected > a, #mainNav > ul > li.nav_2:hover > a, #mainNav > ul > li.nav_2 > a.focus{
	color:#bd4b09;
}
#mainNav > ul > li.nav_3.selected > a, #mainNav > ul > li.nav_3:hover > a, #mainNav > ul > li.nav_3 > a.focus{
	color:#c51070;
}
#mainNav > ul > li.nav_4.selected > a, #mainNav > ul > li.nav_4:hover > a, #mainNav > ul > li.nav_4 > a.focus{
	color:#007697;
}
#mainNav > ul > li.nav_5.selected > a, #mainNav > ul > li.nav_5:hover > a, #mainNav > ul > li.nav_5 > a.focus{
	color:#2937b2;
}
#mainNav > ul > li.nav_6.selected > a, #mainNav > ul > li.nav_6:hover > a, #mainNav > ul > li.nav_6 > a.focus{
	color:#7f20a0;
}*/
#mainNav > ul > li > .subnavWrap {
	z-index: 100;
	width:100%;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	top: 100%;
	background-color:rgba(255,255,255,.95);
	/*transition:padding .3s ease 0s;
	-webkit-transition:padding .3s ease 0s;*/
	box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px 0px;	
}
#mainNav > ul > li:hover > .subnavWrap, #mainNav > ul > li.active > .subnavWrap { z-index: 200; }
#mainNav > ul > li.hasSubnav > .subnavWrap > .subnav > .subnavMain:before{
	content: '';
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	top: 0;
	width: 100%;
	height: 5px;
	display: block;	
	opacity: 0;
	transition: opacity .3s ease 0s;
}
/*#mainNav > ul > li.hasSubnav:hover > .subnavWrap > .subnav > .subnavMain:before,*/ #mainNav > ul > li.hasSubnav.active > .subnavWrap > .subnav > .subnavMain:before{
	/*display: block;*/
	opacity: 1;
}
#mainNav > ul > li > .subnavWrap > .subnav {
	display: none;
	/*max-height: 0;
	overflow: hidden;*/
	/*transition: max-height .5s ease 0s;*/
}
#mainNav > ul > li > .subnavWrap > .subnav > .subnavMain{
	padding:25px 10px 12px;
	max-width: 1080px;
	margin: 0 auto;
}
#mainNav > ul > li.active > .subnavWrap > .subnav{
	/*max-height: 1000px;*/
	height: auto!important;
}
#mainNav .subnav .subnavMain .navItem{
	width: calc(99.99% / 3 );
	padding:0 10px 8px;
	float: left;
	text-align: left;
}
#mainNav .subnav .subnavMain .navItem:nth-child(3n+1){
		clear: both;
}
#mainNav .subnav .subnavMain .navItem > a{
	position: relative;
	display: block;
	padding:8px 30px;
	border-radius: 20px;
	background-color: #fff;
	transition: background-color .3s ease 0s, color .3s ease 0s;
}
#mainNav .subnav .subnavMain .navItem > a > span{
	display: block;
	position: relative;
}
#mainNav .subnav .subnavMain .navItem > a > span:before{
	content: "";
	position:absolute;
	border-radius:50%;
	width:6px;
	height:6px;
	background-color:#fff;
	position:absolute;
	top:7px;
	left:-12px;
	transition:background-color .3s ease 0s;	
}
#mainNav .subnav .subnavMain .navItem > a:before, #mainNav .subnav .subnavMain .navItem > a:after{
	content: '';
	position: absolute;
	right: 18px;
	top: 18px;
	width: 12px;
	height: 2px;
	display: none;
	background-color: #fff;
	transition:transform .3s ease 0s;
}
#mainNav .subnav .subnavMain .navItem.hasChild > a:before, #mainNav .subnav .subnavMain .navItem.hasChild > a:after{ display: block; }
#mainNav .subnav .subnavMain .navItem > a:after{
	transform: rotate(90deg);
}
#mainNav .subnav .subnavMain .navItem.active > a:after{
	transform: rotate(0);
}
#mainNav .subnav .subnavMain .navItem.active > a, #mainNav .subnav .subnavMain .navItem > a:hover{
/*	background-color: #bd4b09;*/
	color: #fff;
}

#mainNav .subnav .subnavMain .navItem > .subList{
	display: none;
	padding: 10px 20px 10px 35px;

}
#mainNav .subnav .subnavMain .navItem > .subList > ul{
	border-left: 2px solid #fff;
}
#mainNav .subnav .subnavMain .navItem > .subList > ul > li{
	padding:8px 0 8px 15px; 
}
#mainNav .subnav .subnavMain .navItem > .subList > ul > li > a:hover, #mainNav .subnav .subnavMain .navItem > .subList > ul > li > a.selected{
	color: #1a72c5;
}
/*mainNav css ends*/
#mainZone {
	position:relative;
	overflow:hidden;
	/*z-index: 2000;*/
}
#footerZone{ font-size:0.778em;}
#footerWrap{
	padding:25px 0;
	border-top:2px solid #f1f7f5;
}
#footerMain {
	display:table;
	width:100%;
	color:#666;
}
#footerMain.container{ padding:0 20px; /*max-width: 1280px;*/}
#footerMain > div {
	display:table-cell;
	vertical-align:middle;
}
#footerMain .footerLeft {
	padding-right:10px;
}
#footerMain .footerLeft > div {
	/*vertical-align:middle;*/
}
/*#footerMain .footerLeft .left {
	padding-right:20px;
}*/
#footerMain .footerLeft > a {
	display:block;
}
#footerMain .footerLeft .copyright {
	display:inline-block;
	vertical-align:top;
}
#footerMain .footerRight {
	text-align:right;
	min-width:300px;
}
#footerMain .footerLogos a {
	display:inline-block;
	margin-left:20px;
	vertical-align:middle;
	line-height:0;
}
#footerMain .footerLogos a img {
	max-height:60px;
}
#footerMain .footerLogos a:first-child {
	margin-left:0;
}
#footerNav {
	overflow:hidden;
}
#footerNav ul {
	display:inline-block;
	overflow:hidden;
}
#footerNav li {
	display:inline-block;
	float:left;
	position:relative;
	padding-left:10px;
	margin-right:15px;
	margin-bottom:5px;
}
#footerNav li:first-child {
}
#footerNav li:before {
	content: "";
	position:absolute;
	border-radius:50%;
	width:6px;
	height:6px;
	background-color:#f8ca47;
	position:absolute;
	top:.375em;
	left:0;
}
#footerNav li:first-child:before {
}
#footerNav li a {
	color:#0073a9;
}
#footerNav li a:hover, #footerNav li a.focus, #footerNav li.selected a {
	text-decoration:underline;
}
#footerMain .lastRevDate {
	margin-top:10px;
}
#footerMain .ofcaLogo {
	display:block;
	width:120px;
}
#footerMain .ofcaLogo img {
	max-width:100%;
}
/*mobile menu css starts*/
/*#mBgLayer {
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	z-index:3000;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
}*/
#mobileNavWrap {
	/*background-color:#fff;*/
	-webkit-transition: top 0.5s ease 0s;
	transition: top 0.5s ease 0s;
	position: absolute;
	width:100%;
	height: 100%;
	top: 100%;
	left: 0;
	opacity: 1;
	/*z-index: 9999;*/
	display:none;
}
.showMMenu #mobileNavWrap {
	/*display:block;*/
}
#mobileNavWrap #mobileMenu {
	border-top:5px solid #0092d4;
	background-color:#fff;
	height: 100%;
	right:0;
	top:0;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	padding:0 30px;
	width: 100%;/*-webkit-overflow-scrolling: touch;*/
}
.showMMenu #mobileNavWrap {
	/*display:block;*/
}
.showMMenu #mmenuCtrl {
	cursor:default;
}

#mobileMenu a {
	font-size:1.125em;
}
#mainNav_m > ul > li {
	border-bottom:2px solid rgba(20,144,210,.2);
}
#mainNav_m > ul > li > a,  #mainNav_m .linkWrap a:not(.arrow){
	padding:15px 0;
	display:inline-block;
	line-height:1.2em;
	color:#444;
	position:relative;
}
#mainNav_m .linkWrap{
	position: relative;
}
#mainNav_m .linkWrap > .arrow {
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	top:50%;
	transform:translateY(-50%);
	right:0px;
	text-indent:-9999px;
	cursor:pointer;
}
#mainNav_m > ul > li.hasChild > a{ padding:15px 40px 15px 8px; position:relative;}
#mainNav_m  .linkWrap > .arrow:before {
	content:'';
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	width: 16px;
	height: 16px;
	border:2px solid #444;
	border-left-width:0;
	border-top-width:0;
	transform:rotate(-45deg);
	transform-origin: left center;
}
#mainNav_m .linkWrap > .arrow {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width: 40px; 
	display:block;
}
/*#mainNav_m ul > li.selected > a, #mainNav_m li.selected > .linkWrap > a:not(.arrow), #mainNav_m ul > li.active > a, #mainNav_m  ul > li.active > .linkWrap > a:not(.arrow), #mainNav_m .subnav > ul > li.selected{
	background-color:#f0facc;
}*/
#mainNav_m > ul > li.selected > a, #mainNav_m li.selected > .linkWrap > a, #mainNav_m li.active > .linkWrap > a {
	color:#157ea4;
}
#mainNav_m > ul > li > .subnav {
	position:absolute;
	top:0;
	right:calc(-100% - 20px);
	width:100%;
	height:100%;
	padding:0 20px 20px;	
	z-index:2900;
	background-color: #fff;
	transition:right .5s ease 0s;
	-webkit-transition:right .5s ease 0s;
}
#mainNav_m > ul > li > .subnav > ul{ margin-bottom: 30px; }
#mainNav_m > ul > li > .subnav > ul > li > .subnav{
}
#mainNav_m > ul > li > .subnav.subnavOpened {
	right:0;
	overflow-y: scroll;
	overflow-x: hidden;
}
#mainNav_m > ul > li > .subnav > ul > li{
	margin-bottom: 10px;
}
#mainNav_m > ul > li > .subnav > ul > li > a{
	padding:12px 40px 12px 40px;
	display: block;
	position: relative;
	border-radius: 30px;
	background-color: #5eddf8;
}
#mainNav_m > ul > li > .subnav > ul > li.selected > a{ color:#fff;}
#mainNav_m > ul > li > .subnav > ul > li.hasChild > a:before, #mainNav_m > ul > li > .subnav > ul > li.hasChild > a:after{
	content: '';
	position: absolute;
	right: 18px;
	top: 22px;
	width: 12px;
	height: 2px;
	display: none;
	background-color: #444;
	transition:transform .3s ease 0s;
}
#mainNav_m > ul > li > .subnav > ul > li.hasChild.active > a:before, #mainNav_m > ul > li > .subnav > ul > li.hasChild.active > a:after{ background-color: #fff!important; }
#mainNav_m > ul > li > .subnav > ul > li > a > span{
	display: block;
	position: relative;
	line-height: 1.3em;
}
#mainNav_m > ul > li > .subnav > ul > li > a > span:before{
	content: "";
	position:absolute;
	border-radius:50%;
	width:6px;
	height:6px;
	background-color:#fff;
	position:absolute;
	top:7px;
	left:-16px;
	transition:background-color .3s ease 0s;	
}
#mainNav_m > ul > li > .subnav > ul > li.hasChild > a:before, #mainNav_m > ul > li > .subnav > ul > li.hasChild > a:after{ display: block; }
#mainNav_m > ul > li > .subnav > ul > li.hasChild > a:after{
	transform: rotate(90deg);
}
#mainNav_m > ul > li > .subnav > ul > li.active > a:after{
	transform: rotate(0);
}
#mainNav_m > ul > li > .subnav > ul > li.active > a{
	color: #fff;
}

#mainNav_m > ul > li > .subnav > ul > li.hasChild > .subnav > ul{
	border-left: 2px solid #444;
}
#mainNav_m > ul > li > .subnav > ul > li.hasChild > .subnav > ul > li{
	padding:8px 0 8px 10px; 
}
/*#mainNav_m > ul > li > .subnav > ul > li.hasChild > .subnav > ul > li > a:hover, #mainNav_m > ul > li > .subnav > ul > li.hasChild > .subnav > ul > li > a.selected{
	color: #bd4b09;
}*/

#mainNav_m > ul > li > .subnav > ul > li > .subnav{
	display: none;
	background: #fff;
	padding:10px 30px 0 40px;
}
#mainNav_m > ul > li > .subnav > ul > li.selected > .subnav{ display:block;}
#mainNav_m .subnav .backWrap{ border-bottom:1px solid #444; }
#mainNav_m .subnav .navBack{
	position: relative;
	display: inline-block;
	padding-left:24px;
	line-height: 60px;
}
#mainNav_m .subnav .navBack:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width: 16px;
	height: 16px;
	border:2px solid #444;
	border-right-width:0;
	border-bottom-width:0;
	transform:rotate(-45deg);
	transform-origin: top left;		
}
#mainNav_m .subnav .secTitle{ 
	font-size: 1.500em;
	line-height: 1.4em;
	padding: 15px 0; 
}
#mobileMenu .others_m, #mobileMenu .shareWrap_m{
	font-size: 0.875em;
}
#mobileMenu .others_m li{
	border-bottom:2px solid rgba(20,144,210,.2);
}
#mobileMenu .others_m li a{ padding:15px 0; display:inline-block;}
#mobileMenu .shareWrap{ padding:15px 0 0; }
#mobileMenu .shareWrap .txt{
	line-height:40px;
	padding:0 10px 0 0;
	position:relative;
}
#mobileMenu .shareWrap > div{
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
#mobileMenu .socialmeida > a{
	width: 40px;
	height: 40px;
	background-color: #f1f1f1;
}
/*mobile menu css ends*/

#backtotop {
	position:fixed;
	right:0;
	bottom:0;
	width:55px;
	height:55px;
	border-top-left-radius:20px;
	opacity: 0;
	-webkit-transition: background-color 0.5s ease 0s, opacity .3s ease 0s;
	transition: background-color 0.5s ease 0s, opacity .3s ease 0s;
	z-index: 1000;
	text-indent:-9999px;
	background-color:#da7000;
	visibility:hidden;
}
#backtotop:hover, #backtotop.focus {
	background-color:#8d328a;
}
#wrapper.showMMenu #backtotop {
	visibility:hidden;
}
#backtotop:before {
	content:'';
	height:14px;
	width:14px;
	display:block;
	border:2px solid #fff;
	border-left-width:0;
	border-bottom-width:0;
	transform-origin:left top;
	-webkit-transform-origin:left top;
	transform:rotate(-45deg) translate(-50%, -50%);
	-webkit-transform:rotate(-45deg) translate(-50%, -50%);
	position:absolute;
	top:50%;
	left:50%;
	margin-top:4px;
	transition:border-color .3s ease 0s;
}
#backtotop:hover:before, #backtotop.focus:before {}
#backtotop.fixed {
	position: absolute;
	bottom:0;
}
.home #backtotop.fixed {
	bottom: 0;
}
#backtotop.active {
	opacity:1;
	visibility:visible;
}




/*breadcrumb*/
#breadcrumb {
	font-size:0.778em;
	padding:10px 0;
	margin-bottom: 10px;
}
#breadcrumb .navHome {
	padding-left:0;
}
#breadcrumb .navHome + li {
	
}
#breadcrumb .navHome > a {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2018%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23777777%22%20class%3D%22st13%22%20d%3D%22M17.81%2C7.13L9.28%2C0.89c-0.16-0.12-0.39-0.12-0.55%2C0L0.19%2C7.13c-0.21%2C0.15-0.25%2C0.44-0.1%2C0.65%09%09%09c0.15%2C0.21%2C0.45%2C0.25%2C0.65%2C0.1L9%2C1.84l8.26%2C6.04c0.08%2C0.06%2C0.18%2C0.09%2C0.28%2C0.09c0.14%2C0%2C0.29-0.07%2C0.38-0.19%09%09%09C18.06%2C7.57%2C18.02%2C7.28%2C17.81%2C7.13z%20M15.68%2C7.74c-0.26%2C0-0.48%2C0.21-0.48%2C0.47v7.87h-3.82v-4.06c0-1.29-1.07-2.34-2.39-2.34%09%09%09c-1.32%2C0-2.39%2C1.05-2.39%2C2.34v4.06H2.8V8.2c0-0.26-0.21-0.47-0.48-0.47c-0.26%2C0-0.48%2C0.21-0.48%2C0.47v8.34%09%09%09c0%2C0.26%2C0.21%2C0.47%2C0.48%2C0.47h4.77c0.25%2C0%2C0.46-0.19%2C0.48-0.43c0-0.01%2C0-0.02%2C0-0.04v-4.52c0-0.77%2C0.64-1.4%2C1.43-1.4%09%09%09c0.79%2C0%2C1.43%2C0.63%2C1.43%2C1.4v4.52c0%2C0.01%2C0%2C0.03%2C0%2C0.04c0.02%2C0.24%2C0.22%2C0.43%2C0.48%2C0.43h4.77c0.26%2C0%2C0.48-0.21%2C0.48-0.47V8.2%09%09%09C16.16%2C7.94%2C15.94%2C7.74%2C15.68%2C7.74z%22%2F%3E%3C%2Fsvg%3E');
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	padding-left: 20px;
	text-indent: -9999px;
	text-align: left;
	display: inline-block;
}
#breadcrumb ul {
}
#breadcrumb ul li {
	display:inline-block;
	padding:0 0 0 15px;
	margin-bottom:5px;
	margin-left:5px;
	position:relative;
}
#breadcrumb ul li:first-child {
	margin-left:0;
}
#breadcrumb ul li:first-child > a:before {
	display:none;
}
#breadcrumb ul li > a {
	position:relative;
	/*display:inline-block;*/
	color:#666;
	text-decoration: underline;
}
#breadcrumb ul li.cur_page span{ position: relative; }
#breadcrumb ul li > a:hover{ text-decoration: none; }
#breadcrumb ul li a:before, #breadcrumb ul li.cur_page span:before {
	border:1px solid #666;
	content: "";
	background:none;
	height:5px;
	top: .5em;
	left:-12px;
	width: 5px;
	pointer-events:none;
	position:absolute;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	border-bottom:none;
	border-left:none;
	transition: transform .25s ease 0s;
	-webkit-transition: -webkit-transform .25s ease 0s;
}
#insideVisualWrap{
	max-width: 1600px;
	margin:0 auto 20px;
	display: flex;
	direction: rtl;
	position: relative;
}
#insideVisualWrap:before{
	content: '';
	position: absolute;	
	bottom: 0;
	background-image:url(../images/section/section-general-bg-left.jpg);
	width: 100%;
	height: 100%;
	display:block;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:0 100%;
	background-color: #c9f4fb;
}
#insideVisual:before{
	content:'';
	position:absolute;
	background-image:url(../images/section/section-general-bg-right.png);
	width:100%;
	height:100%;
	display:block;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:10;
}
#insideVisual{
	width: 66%;
	position: relative;
}
#insideVisual .img{ 
	position: relative;
	width: 100%;
	height: 0;
	display: block;
	padding-top:40.77% ;
	line-height: 0;
	z-index: 100;
}
#insideVisual .img img{ max-width:100%;}
#insideVisual svg { height:100%; position:absolute; top:0; left:0;}
#insideVisual .img svg image{ width:100%;}

#secTitleWrap{
	width: 34%;
	position: relative;
	direction: ltr;
	padding:20px 20px 120px;
}
#secTitleWrap #secTitle{ display: table; width: 100%; height: 100%;}
#secTitleWrap #secTitle > div{
	display: table-cell;
	vertical-align: middle;
	font-size: 2.222em;
	color: #da7000;
	font-weight: 600;
	text-transform: uppercase;
}
#contentWrap{
	display: flex;
	position: relative;
}
#contentWrap.container{ padding:0 20px; }
.hasLeftNav #leftNavWrap{
	width: 280px;
	padding-bottom: 50px;	
}
#mainContent{ width: 100%; padding-bottom: 60px;}
.hasLeftNav #mainContent{
	width: calc(100% - 280px);
	padding-left: 36px;
}
#leftNav {
	position:relative;
	width:100%;
	transition:all .3s ease 0s;
	-webkit-transition:all .3s ease 0s;
}
#leftNav.stickToTop {
}
#leftNav.moving {
	position:fixed;
	top:100px;
}
#leftNav.stopFloating {
	position:absolute;
	top:inherit !important;
	bottom:30px;
}
#leftNav > ul > li {
	position:relative;
	padding: 2px 0;
	border-bottom:1px solid #e3e7eb;
}
#leftNav > ul > li > ul{ display:none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow:hidden;}
#leftNav > ul > li.selected > ul{ display:block;}
#leftNav > ul > li.hasChild > .arrow{
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	top:5px;
	right:8px;
	text-indent:-9999px;
	cursor:pointer;
	z-index:1000;
	background:none;
	transition:border-color .3s ease 0s;
	-webkit-transition:border-color .3s ease 0s;
}
#leftNav > ul > li.hasChild > a:not(.arrow){ padding-right:45px;}
#leftNav > ul > li.selected:not(.hasChild) > a:after{
	content:'';
	width:14px;
	height:14px;
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%) rotate(-45deg);
	-webkit-transform:translateY(-50%) rotate(-45deg);
	display:block;
	border:2px solid #fff;
	border-left-width:0;
	border-top-width:0;
	-webkit-transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
}
#leftNav > ul > li.selected > .arrow{ display:none;}
#leftNav > ul > li.hasChild > .arrow:before {
	content:'';
	width:14px;
	height:14px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) rotate(45deg);
	-webkit-transform:translate(-50%,-50%) rotate(45deg);
	display:block;
	border:2px solid #5eddf8;
	border-left-width:0;
	border-top-width:0;
	-webkit-transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
}
#leftNav > ul > li.hasChild.selected > .arrow:before, #leftNav > ul > li.hasChild.active > .arrow:before, #leftNav > ul > li.hasChild > a:hover + .arrow:before{ border-color: #fff!important; }
#leftNav > ul > li.hasChild.active > .arrow:before{
	transform:translate(-50%,-50%) rotate(-135deg);
	-webkit-transform:translate(-50%,-50%) rotate(-135deg);	
}
#leftNav > ul > li:first-child{ border-top:none;}
#leftNav > ul > li > a:not(.arrow) {
	display:block;
	position:relative;
	border-radius: 25px;
	transition:color .3s ease 0s, background-color .3s ease 0s;
	-webkit-transition:color .3s ease 0, background-color .3s ease 0s;
	padding:12px 30px 12px 18px;
	font-size:1em;
	line-height:1.1em;
}
#leftNav > ul > li.selected > a:not(.arrow), #leftNav > ul > li.active > a:not(.arrow), #leftNav > ul > li > a:not(.arrow):hover {
	background-color: #5eddf8;
}
#leftNav > ul > li.hasChild.selected > a:not(.arrow), #leftNav > ul > li.hasChild.active > a:not(.arrow) {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#leftNav > ul > li > ul > li{ 
	background-color:#e9f7ff; 
	border-bottom:1px solid #e3e7eb; 
	position:relative;
	transition: background-color .3s ease 0s;
	-webkit-transition: background-color .3s ease 0s;	
}
#leftNav > ul > li > ul > li > a:before{
	content:'';
	width:6px;
	height:2px;
	background-color:#5eddf8;
	position:absolute;
	top:1.4em;
	left:20px;	
}
#leftNav > ul > li > ul > li.selected > a:before{
	width: 8px;
	height: 8px;
	top:1.2em;
	left: 18px;
	transform:rotate(-45deg);
	border:2px solid #f8ca47;
	border-left-width:0;
	border-top-width:0;
	background:none!important;
}
#leftNav > ul > li > ul > li > a{
	padding:15px 15px 15px 32px;
	display:inline-block;
	position: relative;
	transition:color .3s ease 0s;
	-webkit-transition:color .3s ease 0s;
}
#leftNav > ul > li > ul > li.selected a, #leftNav > ul > li > ul > li > a:hover{
	color: #1a72c5;
}


/*swiper*/
.swiperWrap {
	position:relative;
}
.swiperWrap > a {
	margin-top:0;
	transition:margin-top .3s ease 0s;
	-webkit-transition:margin-top .3s ease 0s;
}
.swiperWrap .swiper-play {
	position:absolute;
	right:40px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width:33px;
	height:33px;
	background-color:#fff;
	border-radius:50%;
	z-index:10;
}
.swiperWrap .swiper-play:hover {
	background-color:#d3f696;
}
.swiperWrap .swiper-arrow {
	position:absolute!important;
	width:50px;
	height:40px;
	top:50%;
	transform:translateY(-50%)!important;
	-webkit-transform:translateY(-50%)!important;
	cursor:pointer;
	z-index:1500;
	font-size:0;
	line-height:0;
	display:block;
	overflow:hidden;
	opacity:.7;
	border:none!important;
	transition:opacity .3s ease 0s!important;
	-webkit-transition:opacity .3s ease 0s!important;
}
.swiperWrap .swiper-arrow:before {
/*	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);*/
}
/*.swiperWrap .swiperNext:before {
	right:-60px;
}
.swiperWrap .swiperPrev:before {
	left:-60px;
}*/
.swiperWrap .swiper-arrow span {
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	display:block;
	border:2px solid #157ea4;
	border-left-width:0;
	border-top-width:0;
	opacity:1;
}
.swiperWrap .swiper-arrow:not(.swiper-button-disabled):hover, .swiperWrap .swiper-arrow:not(.swiper-button-disabled).focus {
	opacity:1;
}
.swiperWrap .swiper-arrow.swiper-button-disabled:before {
	background-color: #e0dfdf;
}
.swiperWrap .swiper-arrow.swiper-button-disabled span {
/*opacity:.3!important;*/
}
.swiperWrap .swiperNext {
	right:0;
}
.swiperWrap .swiperPrev {
	left:0;
}
.swiperWrap .swiperPrev span {
	left:20px;
	transform:translateY(-50%) rotate(135deg);
	-webkit-transform:translateY(-50%) rotate(135deg);
	transition:left .3s ease 0s;
	-webkit-transition:left .3s ease 0s;
}
.swiperWrap .swiperPrev:not(.swiper-button-disabled):hover span, .swiperWrap .swiperPrev:not(.swiper-button-disabled).focus span {
	left:14px;
}
.swiperWrap .swiperNext span {
	right:20px;
	transform:translateY(-50%) rotate(-45deg);
	-webkit-transform:translateY(-50%) rotate(-45deg);
	transition:right .3s ease 0s;
	-webkit-transition:right .3s ease 0s;
}
.swiperWrap .swiperNext:not(.swiper-button-disabled):hover span, .swiperWrap .swiperNext:not(.swiper-button-disabled).focus span {
	right:14px;
}
.swiperPaging {
	display:inline-block;
	vertical-align:top; /*float:left;*/
	padding:0 5px;
}
.swiperPaging > a {
	display:inline-block;
	height:40px;
	width:28px;
	position:relative;
	vertical-align:top;
	text-indent:-9999px;
	opacity:1;
}
.swiperPaging > a:before {
	content:'';
	position:absolute;
	background-color:rgba(255,255,255,.3);
	border-radius:50%;
	width:10px;
	height:10px;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.swiperPaging > a:not(.swiper-pagination-bullet-active):hover:before {
	background-color:#fabc00;
}
.swiperPaging .swiper-pagination-bullet-active:before {
	background-color:#fabc00;
	opacity: 1;
}
.swiperPaging .swiper-pagination-bullet, .swiperPaging .swiper-pagination-bullet-active {
	background:none;
}
.swiper-button-disabled {
	cursor:default!important;
	/*visibility:hidden;*/
	opacity:.2!important;
}
/*swiper*/


#preloader {
	width: 105%;
	height:105%;
	text-align:center;
	position:fixed;
	top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	z-index:5500;
	opacity:1;
	transition:opacity 1s ease 0s;
	-webkit-transition:opacity 1s ease 0s;
	background: #fff;
	display:none;
}
#preloader.hide {
	opacity:0;
	z-index: 2500;
}
#preloader .loaderWrap {
	position:absolute;
	top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	width: 90px;
	height: 90px;
	text-align:center;
}
#preloader .loader{
}
#preloader .loader > span{
	display: block;
}
#preloader .loader > span:before{
	content: " ";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
#preloader .loader > span:nth-child(1){
	animation-delay: .5s;
}
#preloader .loader > span:nth-child(1):before{
	background: #9b4997;
}
#preloader .loader > span:nth-child(2){
	animation-delay: 1s;
}
#preloader .loader > span:nth-child(2):before{
	background: #ef7a00;
}
#preloader .loader > span:nth-child(3){
	animation-delay: 1.5s;
}
#preloader .loader > span:nth-child(3):before{
	background: #79bc28;
}
#preloader .loader > span:nth-child(4){
	animation-delay: 2s;
}
#preloader .loader > span:nth-child(4):before{
	background: #e72510;
}
#preloader .loader > span:nth-child(5){
	animation-delay: 2.5s;
}
#preloader .loader > span:nth-child(5):before{
	background: #0090d2;
}

#preloader .loader > span{
	animation: spinner 3s infinite;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


#footerTop{
	background-color:#e9efef;
	overflow:hidden;
}
#btmBannerWrap{
	position: relative;
	display:flex;
	width:100%;
	/*table-layout:fixed;*/
	max-width:1600px;
	margin:0 auto;	
}
#btmBannerWrap > div{ /*display:table-cell;*/}
#btmBannerWrap .logoWrap{
	width:330px;
	vertical-align:middle;
	padding:20px;
	position:relative;
	background-color:#f2f6f5;
}

#logoOFCA{
	display:table;
	height:100%;
	position:relative;
	background:#fff;
	border:1px solid #bad6e0;
	border-radius:10px;
}
#btmBannerWrap #logoOFCA > span{
	display:table-cell;
	height:100%;
	vertical-align:middle;
	padding:15px;
}
#btmBannerWrap #logoOFCA img{ max-width:100%; width:100%;}
#btmBanners{
	padding:20px 50px;
	width: calc(100% - 330px);
	margin:0 auto;
	background-color:#e9efef;
}
#btmBanners .swiper-slide{
	width: calc(100%/3);
	border-radius:10px;
	overflow:hidden;
}
#btmBanners .swiper-slide a{ display:block; text-align:center;}
#btmBanners .swiper-slide a img{
	border-radius:10px; border:1px solid #bad6e0;
}
#btmBanners .swiper-slidea{
	display: block;
	position: relative;	
	padding-top: calc(((230 / 584))*100%) ;/*39.38%*/	
}
#btmBanners .swiper-slide > a img{
	max-width:100%;
}
#shortCuts{
	text-align:center;
	padding:12px 0;
}
#shortCuts > a{
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding-left:15px;
	margin-right:15px;
	line-height: 20px;
	color:#0073a9;
}
#shortCuts > a:hover{ text-decoration:underline;}
#shortCuts > a:first-child:before{ display:none;}
#footerZone {border-top:5px solid #1490d2; margin-top:1px; background-color: #fff;}
#btnSubscribeNews{
	text-align:right;
	position:absolute;
	right:0;
	top:0;
}

.customPopup {
	max-width: 800px;
	padding:85px 30px 30px;
	background-image: url(../images/popup-header-gra.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.customPopup p {
	padding-bottom: 20px;
}
.fancybox-content{ max-width:800px;}

#mainNav .nav_5 .subnavWrap  .subnav .subnavMain, #mainNav .nav_6 .subnavWrap  .subnav .subnavMain{
	display: flex;
    justify-content: flex-end;
}
#printFriendlyNote{display: none;}

.accordion-btn span:before, .accordion-btn span:after{
	content: '';
	position: relative;
	width: 12px;
	height: 2px;
	display: inline-block;
	background-color: #7f20a0;
	transition:transform .3s ease 0s;
}
.accordion-btn span:before{
	transform: rotate(90deg);
	top: -5px;
    left: 6px;
}
.accordion-btn span:after{
	transform: rotate(0);
	top: -5px;
    left: -6px;
}
.accordion.active .accordion-btn span:before{
	transform: rotate(0);
}
.accordion-content {
	display: none;
	margin-top: 10px;
}

.wc-qrcode{display:none;}

/* 20230322 */
h1.homeH1 {	
	position: absolute;
     left: 0px;
     top: -500px;
     width: 1px;
     height: 1px;
     overflow: hidden;
}
h2.homeH2 {	
	position: absolute;
     left: 0px;
     top: -500px;
     width: 1px;
     height: 1px;
     overflow: hidden;
}
h3.homeH3 {	
	position: absolute;
     left: 0px;
     top: -500px;
     width: 1px;
     height: 1px;
     overflow: hidden;
}
/* end */
/*20230420*/
.accessibility {
  height: 0;
  width: 0;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-indent: -9999px;
}
/* */

/* Modal for Homepage Pop-up */
#popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 20;
}
.popup-message {
	max-width: 80%;
	max-height: 80%;
	padding: 20px;
	background-color: #fff;
	text-align: center;
	font-size: 24px;
	color: #000;
}
.close-btn {
	position: absolute;
	/*top: 10px;
	right: 10px;
	color: #fff;
	top: 260px;
	right: 1270px;*/
	padding:1rem 1rem;margin:-1rem -1rem -1rem auto
	color: #000;
	font-size: 20px;
	cursor: pointer;
}
#popupimg {
			max-width: 100%;
			height: auto;
			width: auto\9; /* ie8 */
		}
	
/* End - Modal for Homepage Pop-up */