锘
ol.reset, ul.reset, li.reset { list-style: none; margin: 0; padding: 0; }

/* OVERFLOW */
.open-overlay { position: fixed; z-index: 290; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); display: none; }
.open-overlay.is-open { display: block; -moz-animation: ani_fadeIn 0.5s both linear; -webkit-animation: ani_fadeIn 0.5s both linear; animation: ani_fadeIn 0.5s both linear; }
.open-overlay.is-close { -moz-animation: ani_fadeOut 0.5s both linear; -webkit-animation: ani_fadeOut 0.5s both linear; animation: ani_fadeOut 0.5s both linear; }

#header { width: 100%; z-index: 300; display: block; position: fixed; top: 0; left: 0; background: rgba(255,255,255,0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

#header .container { position: relative;z-index: 3; margin-top: 25px; height: 60px; -moz-transition: margin 0.45s; -o-transition: margin 0.45s; -webkit-transition: margin 0.45s; transition: margin 0.45s; }
#header.is-fixed .logo a { background-position: 0 0; }
#header.is-fixed .container { height: 65px; }
.logo { position: absolute; /*overflow: hidden;*/ display: block; margin: 0; padding: 0; z-index: 1; width: 210px; height: 60px;left: 0; top: -8px; font-size: 0; -moz-transition: top 0.65s; -o-transition: top 0.65s; -webkit-transition: top 0.65s; transition: top 0.65s; }
.logo a { display: block; font-size: 0; width: 100%;height: 100%; background-image: url(/site/themes/default/cht/images/logo1.svg); background-repeat: no-repeat; background-position: 0 0; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }

@media (min-width:991px) {
	#header.is-fixed { background: rgb(255,255,255);-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); }
	#header.is-fixed .logo { top: 0;/*top: 10px;width: 200px;*/ }
	#header.is-fixed .logo a { height: 100%; background-image: url(/site/themes/default/cht/images/logo1.svg); background-position: 5px 10px;-moz-background-size: 85% auto; -o-background-size: 85% auto; -webkit-background-size: 85% auto; background-size: 85% auto;}
	#header.is-fixed:after {  /*background: rgba(255,255,255,1);*/-moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	#header.is-fixed .container { margin-top: 0px;}
}
@media (max-width:991px) {
	#header { background: rgb(255,255,255,1); }
	#header.is-fixed { -webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); }
	#header.is-fixed .container { height: 60px; }
	#header:before { display:none; }
	#header:after { /*background: rgb(255,255,255,1);*/ -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	#header .container { margin-top: 0; height: 60px; }
	#header .logo a { background-image: url(/site/themes/default/cht/images/logo1.svg);background-position: left 5px; -moz-background-size: auto 50px; -o-background-size: auto 45px; -webkit-background-size: auto 50px; background-size: auto 50px;  }
	#header.is-fixed .logo a { background-position: left 5px;-moz-background-size: auto 50px; -o-background-size: auto 50px; -webkit-background-size: auto 50px; background-size: auto 50px;}
	.logo { width: calc(100% - 150px);height: 60px; top: 0; left: 0;padding-left: 10px; }
}
.nav-switch { display: none; }
@media (min-width:991px) {
	.mb .nav .visible-xs-block { display: block !important; }
	#header.is-fixed .nav { top: 6px; }
	#header.is-fixed .nav .menu > li:not(.top-nav) { margin-top: 13px; }
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 0 30px 22px;color: #333; }
	#header.is-fixed .nav .menu > li:not(.top-nav) > a:hover { color: #046eb8; }
	#header.is-fixed .nav .menu > li.top-nav { top: 11px;}
	
	.nav { position: absolute; top: 0; left: 200px; width: calc(100% - 200px); text-align: right;padding-right: 160px; z-index: 1; }
	.nav .menu { font-size: 0; }
	.nav .menu > li:not(.top-nav) { position: relative; min-width: 120px; text-align: center; display: inline-block; vertical-align: top; margin-top: 0; }
	.nav .menu > li:not(.top-nav):hover > a { color: #046eb8; }
	.nav .menu > li:not(.top-nav) > a { display: block; text-align: center; line-height: 24px; font-size: 17px; color: rgba(33,33,33,1); padding: 8px 30px 33px;font-weight: 300; -moz-transition: color 0.25s, background 0.25s, line-height 0.25s; -o-transition: color 0.25s, background 0.25s, line-height 0.25s; -webkit-transition: color 0.25s, background 0.25s, line-height 0.25s; transition: color 0.25s, background 0.25s, line-height 0.25s; }
	.nav .menu > li:not(.top-nav) > a:before { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 0; background: #046eb8; -webkit-transition: height 0.3s; transition: height 0.3s;}
	.nav .menu > li:not(.top-nav):hover > a:before {height: 3px;}
	.nav .menu > li:not(.top-nav) > ul { display: none; position: absolute; width: 100%; left: 50%; min-width: 170px; max-width: 200px; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); }
	.nav .menu > li:not(.top-nav) > ul > li { display: block; position: relative; }
	.nav .menu > li:not(.top-nav) > ul > li > a { display: block; position: relative; background: rgba(255, 255, 255, 1); color: #333; border-top: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px; padding: 8px 10px; text-align: center; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
	.nav .menu > li:not(.top-nav) > ul > li > a:hover { color: #fff; background: #046eb8; }
	.nav .menu > li:not(.top-nav) > ul > li:first-child > a { border-top: none; }
	.nav .menu > li:not(.top-nav) > ul > li > ul { display: none; position: absolute; left: 0; top: 1px; z-index: 1; min-width: 160px; width: 100%; -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); transform: translate(100%, 0); }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li { display: block; margin-left: -25px; padding-left: 25px; }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li > a { display: block; position: relative; background: rgba(30, 30, 30, 0.9); color: #FFF; border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; padding: 8px 10px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.3); -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li > a:hover { color: #ffe000; background: #046eb8; }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li:first-child > a { border-top: none; }
	
	.nav .menu > li.top-nav { position: absolute; top: 5px; right:1px;width: 105px; height: 30px;padding: 2px 0 0 25px; display: inline-block; background: rgba(100,100,100,0.1) url(../world1.svg) no-repeat 11px 7px; background-size: 16px;border-radius: 50px; }
	/*.nav .menu > li.top-nav > a { line-height: 25px; font-size: 14px; padding: 0 5px 10px 2px; display: block; color: rgba(255,255,255,0.7); text-align: center; }
	.nav .menu > li.top-nav > a:before { display: none; }
	.nav .menu > li.top-nav > a:hover { color: rgba(255,255,255,1); }*/
	.nav .menu > li.top-nav > a { line-height: 25px; font-size: 14px; padding: 0 5px 11px 2px; display: block; color: rgba(100,100,100,0.6); text-align: center;background-color: transparent; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
	.nav .menu > li.top-nav > a:before { display: none; }
	.nav .menu > li.top-nav > a:hover { color: rgba(100,100,100,1); }
	.nav .menu > li.top-nav > ul { display: none; position: absolute; width: 100%; left: 50%;top: 37px; min-width: 95px; max-width: 100px;-moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: rgba(90, 90, 90, 1); padding: 1px; }
	.nav .menu > li.top-nav > ul:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent rgba(90, 90, 90, 1) transparent; position: absolute; top: -5px; left: 50%; margin-left: -5px; }
	.nav .menu > li.top-nav > ul > li { display: block; position: relative; }
	.nav .menu > li.top-nav > ul > li > a { display: block; position: relative; background-color: transparent; font-size: 13px; line-height: 24px; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 5px; text-align: center; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
	.nav .menu > li.top-nav > ul > li > a:hover { color: #e2c991; background: #111; }
	.nav .menu > li.top-nav > ul > li:first-child > a { border-top: none; }

	.pc .nav .menu > li > ul { display: none; }
	.pc .nav .menu > li > ul > li > ul { display: none; }
	.pc .nav .menu > li > ul > li:hover > a { color: #fff; background: #046eb8; }
	.pc .nav .menu > li > ul > li:hover > ul { display: block !important; -moz-animation: ani_fadeIn 0.25s both; -webkit-animation: ani_fadeIn 0.25s both; animation: ani_fadeIn 0.25s both; }
	.pc .nav .menu > li:hover > ul { display: block !important; -moz-animation: ani_fadeIn 0.25s both; -webkit-animation: ani_fadeIn 0.25s both; animation: ani_fadeIn 0.25s both; }
}
@media (min-width:992px) and (max-width:1299px) {
	.nav .menu > li:not(.top-nav) { min-width: inherit; }
	.nav .menu > li:not(.top-nav) > a { font-size: 17px;padding: 8px 12px 30px;}
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 0 12px 22px; }
}
@media (min-width:1300px) and (max-width:1499px) {
}

@media (max-width:991px) {
	.nav { overflow-y: auto; position: fixed; background: #fff; top: 60px; bottom: 0; left: auto; right: 0; width: 100%; height: auto; max-width: 300px; text-align: left; display: none; }
	.nav.is-open { display: block; -moz-animation: ani_sideAreaIn 0.5s both; -webkit-animation: ani_sideAreaIn 0.5s both; animation: ani_sideAreaIn 0.5s both; }
	.nav.is-close { -moz-animation: ani_sideAreaOut 0.5s both; -webkit-animation: ani_sideAreaOut 0.5s both; animation: ani_sideAreaOut 0.5s both; }
	.nav .menu > li { position: relative; }
	.nav .menu > li.is-hasul > a { padding-right: 32px; }
	.nav .menu > li.is-hasul:hover > a { background: #046eb8; color: #fff; }
	.nav .menu > li.is-open > a, .nav .menu > li.is-open:hover > a { background: #046eb8; color: #fff; }
	.nav .menu > li.is-hasul:hover:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
	.nav .menu > li.is-hasul:after { content: ""; position: absolute; display: block; top: 20px; right: 20px; width: 10px; height: 10px; border: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.nav .menu > li.is-open:after { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 5px; }
	.nav .menu > li > a { display: block; padding: 13px; font-size: 18px; border-top: 1px solid #ddd; background: #fff; color: #333;text-decoration: none; }
	.nav .menu > li > ul { display: none; }
	.nav .menu > li > ul.is-open { display: block; }
	.nav .menu > li > ul.is-open > li.is-hasul:after { border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
	.nav .menu > li > ul.is-open > li.is-hasul:hover > a { background: #ebebeb; color: #333; }
	.nav .menu > li > ul > li { position: relative; }
	.nav .menu > li > ul > li.is-hasul > a { padding-right: 32px; }
	.nav .menu > li > ul > li.is-hasul:after { content: ""; position: absolute; display: block; top: 20px; right: 20px; width: 10px; height: 10px; border: none; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.nav .menu > li > ul > li.is-open:after { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 5px; }
	.nav .menu > li > ul > li > a { display: block; padding: 13px; font-size: 16px; border-top: 1px solid #fff; background: #eee; color: #333; }
	.nav .menu > li > ul > li > a:hover { background: #ebebeb; color: #333; }
	.nav .menu > li > ul > li:first-child > a { border-top: none; }
	.nav .menu > li > ul > li > ul { display: none; }
	.nav .menu > li > ul > li > ul.is-open { display: block; }
	.nav .menu > li > ul > li > ul.is-open > li.is-hasul:after { border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
	.nav .menu > li > ul > li > ul > li > a { display: block; padding: 13px 13px 13px 30px; position: relative; font-size: 16px; border-top: 1px solid #eee; background: #dadada; color: #333; }
	.nav .menu > li > ul > li > ul > li > a:before { content: ""; width: 0; height: 0; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #999; border-style: solid; display: block; position: absolute; top: 23px; left: 15px; }
	.nav .menu > li > ul > li > ul > li > a:hover { background: #cbcbcb; color: #333; }

	.nav-switch { display: block; position: absolute; z-index: 105; top: 0; right: 0; width: 52px; height: 52px; }
	.nav-switch div { position: absolute; display: inline-block; height: 2px; width: 22px; border-radius: 25px; top: 50%; left: 50%; padding-right: 5px; margin-left: -11px; background: #666; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; }
	.nav-switch div:nth-child(1), .nav-switch div:nth-child(2) { margin-top: -8px; }
	.nav-switch div:nth-child(3), .nav-switch div:nth-child(4) { margin-top: 0px; }
	.nav-switch div:nth-child(5), .nav-switch div:nth-child(6) { margin-top: 8px; }
	.nav-switch div:nth-child(1), .nav-switch div:nth-child(3), .nav-switch div:nth-child(5) { -moz-transform-origin: left center; -ms-transform-origin: left center; -webkit-transform-origin: left center; transform-origin: left center; }
	.nav-switch div:nth-child(2), .nav-switch div:nth-child(4), .nav-switch div:nth-child(6) { -moz-transform-origin: right center; -ms-transform-origin: right center; -webkit-transform-origin: right center; transform-origin: right center; }
	.nav-switch div:nth-child(7), .nav-switch div:nth-child(8) { display: none; }
	.nav-switch:hover div { background: #046eb8; }
	.nav-switch.is-open div:nth-child(1), .nav-switch.is-open div:nth-child(2), .nav-switch.is-open div:nth-child(3), .nav-switch.is-open div:nth-child(4), .nav-switch.is-open div:nth-child(5), .nav-switch.is-open div:nth-child(6) { display: none; }
	.nav-switch.is-open div:nth-child(7) { display: block; margin-left: -10px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-animation: ani_navbtn_zoomIn_close1 0.32s both; -webkit-animation: ani_navbtn_zoomIn_close1 0.32s both; animation: ani_navbtn_zoomIn_close1 0.32s both; }
	.nav-switch.is-open div:nth-child(8) { display: block; margin-left: -10px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-animation: ani_navbtn_zoomIn_close2 0.32s both; -webkit-animation: ani_navbtn_zoomIn_close2 0.32s both; animation: ani_navbtn_zoomIn_close2 0.32s both; }
	.nav-switch.is-close div:nth-child(1), .nav-switch.is-close div:nth-child(3), .nav-switch.is-close div:nth-child(5) { display: block; -moz-animation: ani_navbtn_zoomIn 0.25s both; -webkit-animation: ani_navbtn_zoomIn 0.25s both; animation: ani_navbtn_zoomIn 0.25s both; }
	.nav-switch.is-close div:nth-child(7) { -moz-animation: ani_navbtn_zoomOut_close1 0.28s both; -webkit-animation: ani_navbtn_zoomOut_close1 0.28s both; animation: ani_navbtn_zoomOut_close1 0.28s both; }
	.nav-switch.is-close div:nth-child(8) { -moz-animation: ani_navbtn_zoomOut_close2 0.28s both; -webkit-animation: ani_navbtn_zoomOut_close2 0.28s both; animation: ani_navbtn_zoomOut_close2 0.28s both; }
	.nav-switch.is-close div:nth-child(1) { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }
	.nav-switch.is-close div:nth-child(3) { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
	.nav-switch.is-close div:nth-child(5) { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
}
@media (max-width:399px) {
	.nav { max-width: none; }
}


.search-switch { width: 40px; height: 35px; display: block; position: absolute; top: 4px; right: 119px; font-size: 0; background-color: transparent; -moz-transition: background 0.2s; -o-transition: background 0.2s; -webkit-transition: background 0.2s; transition: background 0.2s;z-index: 10; }
.search-switch:before { content: ""; z-index: 0; position: absolute; width: 33px; height: 33px; top: 0; left: 4px; border-radius: 50%; background-color: rgba(100,100,100,0.2); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; }
.search-switch span { display: block; width: 35px; height: 35px; position: absolute; z-index: 1; top: 0; left: 0;  background-image: url(/site/themes/default/cht/images/icon-search2.svg); background-repeat: no-repeat; background-color: transparent; background-position: 11px 6px; border-radius: 50%;background-size: 20px; }
.search-switch:hover:before { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.search-switch.is-open:before { display: none; }
.search-switch.is-open span { background: none; }
.search-switch.is-open span:before, .search-switch.is-open span:after { content: ""; display: block; height: 2px; width: 16px; border-radius: 10px; position: absolute; top: 45%; left: 50%; margin-left: -5px; background: #999; }
.search-switch.is-open span:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.search-switch.is-open span:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.search-wrap { position: absolute; display: block; z-index: 20; top: 64px; right: 115px; width: 150px; border-radius: 50px; padding: 1px; overflow: hidden; }
.search-wrap .form-box { margin: 0; padding: 0; }
.search-wrap form { width: 100%; position: relative; }
.search-wrap form .input-style { position: relative; display: inline-block; width: 100%; border: 2px solid #ddd; height: 45px; background: #eee;color: #333; font-size: 16px; border-radius: 50px; padding: 0 55px 0 15px; z-index: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; outline: none; }
.search-wrap form .btn-search { width: 55px; height: 41px; line-height: 35px; padding: 0; right: 2px; top: 2px; font-size: 16px; color: #fff; background: rgba(19, 130, 198, 0.7); border: none; position: absolute; z-index: 1; text-align: center; border-radius: 25px; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; }
.search-wrap form .btn-search:hover { background: #1382c6; }
#header.is-fixed .search-switch{ top: 15px; }
#header.is-fixed .search-switch:before { background-color: rgba(100,100,100,0.1);}
#header.is-fixed .search-switch span { background-image: url(/site/themes/default/cht/images/icon-search2.svg); background-repeat: no-repeat; background-color: transparent; background-position: 11px 6px;background-size: 20px; }
#header.is-fixed .search-switch.is-open span { background: none; }
#header.is-fixed .search-switch.is-open span:before, #header.is-fixed .search-switch.is-open span:after { background: #999; }
#header.is-fixed .search-wrap { top: 64px; }
.search-wrap { display: none; }
.search-wrap.is-open { display: block; -moz-animation: ani_searchIn 0.4s both; -webkit-animation: ani_searchIn 0.4s both; animation: ani_searchIn 0.4s both; }
.search-wrap.is-close { -moz-animation: ani_searchOut 0.5s both; -webkit-animation: ani_searchOut 0.5s both; animation: ani_searchOut 0.5s both; }
@media (max-width:991px) {
.search-switch, #header.is-fixed .search-switch { width: 40px; height: 40px; top: 13px; right: 97px; }
.search-switch:before, #header.is-fixed .search-switch:before { background-color: rgba(255,255,255,0.3);}
.search-switch span, #header.is-fixed .search-switch span { background-image: url(/site/themes/default/cht/images/icon-search2.svg); background-repeat: no-repeat; background-color: transparent; background-position: 11px 6px;background-size: 20px; }
.search-switch.is-open span:before, .search-switch.is-open span:after { background: #999; }
.search-wrap, #header.is-fixed .search-wrap { z-index: 0; top: 59px; right: 110px; }
}
@media (max-width:600px) {
.search-wrap, #header.is-fixed .search-wrap { right: 0; }
.search-wrap.is-open { display: block; -moz-animation: ani_searchIn2 0.4s both; -webkit-animation: ani_searchIn2 0.4s both; animation: ani_searchIn2 0.4s both; }
.search-wrap.is-close { -moz-animation: ani_searchOut2 0.5s both; -webkit-animation: ani_searchOut2 0.5s both; animation: ani_searchOut2 0.5s both; }
}
.g-overlay { position: fixed; }


.lang { position: absolute; top: 4px; right:1px;width: 105px; height: 30px;padding: 2px 0 0 25px; display: inline-block; background: rgba(100,100,100,0.1) url(../world1.svg) no-repeat 11px 7px; background-size: 16px;border-radius: 50px;z-index: 10; }
.lang a.lang-switch { line-height: 25px; font-size: 14px; }
.lang a { line-height: 25px; font-size: 14px; padding: 0 5px 11px 2px; display: block; color: rgba(100,100,100,0.6); text-align: center;background-color: transparent; text-decoration: none; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
.lang a:before { display: none; }
.lang a:hover { color: rgba(100,100,100,1); }

.lang-wrap { display: none; position: absolute; width: 100%; left: 50%;top: 37px; min-width: 95px; max-width: 100px;-moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: rgba(90, 90, 90, 1); padding: 1px; z-index: 11;}
.lang-wrap:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent rgba(90, 90, 90, 1) transparent; position: absolute; top: -5px; left: 50%; margin-left: -5px;z-index: 12; }
.lang-wrap ul { margin: 0;padding: 0;list-style: none;}
.lang-wrap ul > li { display: block; position: relative; }
.lang-wrap ul > li > a { display: block; position: relative; background-color: transparent; font-size: 13px; line-height: 24px; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 5px; text-align: center; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
.lang-wrap ul > li > a:hover { color: #fff; background: #046eb7; }
.lang-wrap ul > li:first-child > a { border-top: none; }

#header.is-fixed .lang { top: 15px;background: rgba(100,100,100,0.1) url(../world1.svg) no-repeat 11px 7px; background-size: 16px; }
#header.is-fixed .lang > a { color: rgba(100,100,100,0.6);}
#header.is-fixed .lang > a:hover { color: rgba(100,100,100,1); }

@media (min-width:991px) {
.lang:hover .lang-wrap { display: block !important; -moz-animation: ani_fadeIn 0.25s both; -webkit-animation: ani_fadeIn 0.25s both; animation: ani_fadeIn 0.25s both; }
}
@media (max-width:991px) {
.lang { position: absolute; top: 0; right:55px;width: 40px; height: 60px;padding: 0; display: inline-block; background: rgba(255,255,255,0) url(../world1.svg) no-repeat center 18px; background-size: 21px;border-radius: 0;z-index: 0; }
/*.lang ul { left: 50%;top: 60px;}*/
.lang a.lang-switch { width: 40px; height: 60px;padding: 0;text-indent: -9999px; }
#header.is-fixed .lang { top: 0;background: rgba(255,255,255,0) url(../world1.svg) no-repeat center 18px; background-size: 21px; }
.lang-wrap { top: 60px;}

.lang-wrap { display: none; }
.lang-wrap.is-open { display: block; -moz-animation: ani_fadeIn 0.3s both; -webkit-animation: ani_fadeIn 0.3s both; animation: ani_fadeIn 0.3s both; }
.lang-wrap.is-close { -moz-animation: ani_fadeOut 0.3s both; -webkit-animation: ani_fadeOut 0.3s both; animation: ani_fadeOut 0.3s both; }
}



/* keyframe */
@-webkit-keyframes ani_fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes ani_fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes ani_fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes ani_fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-o-keyframes ani_fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes ani_fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-webkit-keyframes ani_flipcard {
	0% { opacity: 0; -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
	100% { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@-o-keyframes ani_flipcard {
	0% { opacity: 0; -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
	100% { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@keyframes ani_flipcard {
	0% { opacity: 0; -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
	100% { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@-webkit-keyframes ani_jump {
	0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
	50% { -moz-transform: translateY(1px); -ms-transform: translateY(1px); -webkit-transform: translateY(1px); transform: translateY(1px); }
}
@-o-keyframes ani_jump {
	0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
	50% { -moz-transform: translateY(1px); -ms-transform: translateY(1px); -webkit-transform: translateY(1px); transform: translateY(1px); }
}
@keyframes ani_jump {
	0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
	50% { -moz-transform: translateY(1px); -ms-transform: translateY(1px); -webkit-transform: translateY(1px); transform: translateY(1px); }
}
@-webkit-keyframes ani_slideZoom {
	0% { -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes ani_slideZoom {
	0% { -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes ani_slideZoom {
	0% { -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes ani_slideZoom_opacity {
	0% { opacity: 0; -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes ani_slideZoom_opacity {
	0% { opacity: 0; -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes ani_slideZoom_opacity {
	0% { opacity: 0; -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes ani_navbtn_zoomOut {
	0% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
	100% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
}
@-o-keyframes ani_navbtn_zoomOut {
	0% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
	100% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
}
@keyframes ani_navbtn_zoomOut {
	0% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
	100% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
}
@-webkit-keyframes ani_navbtn_zoomIn {
	0% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
	100% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
}
@-o-keyframes ani_navbtn_zoomIn {
	0% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
	100% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
}
@keyframes ani_navbtn_zoomIn {
	0% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
	100% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
}
@-webkit-keyframes ani_navbtn_zoomIn_close1 {
	0% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
	100% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
}
@-o-keyframes ani_navbtn_zoomIn_close1 {
	0% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
	100% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
}
@keyframes ani_navbtn_zoomIn_close1 {
	0% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
	100% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
}
@-webkit-keyframes ani_navbtn_zoomIn_close2 {
	0% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
	100% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
}
@-o-keyframes ani_navbtn_zoomIn_close2 {
	0% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
	100% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
}
@keyframes ani_navbtn_zoomIn_close2 {
	0% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
	100% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
}
@-webkit-keyframes ani_navbtn_zoomOut_close1 {
	0% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
	100% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
}
@-o-keyframes ani_navbtn_zoomOut_close1 {
	0% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
	100% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
}
@keyframes ani_navbtn_zoomOut_close1 {
	0% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
	100% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
}
@-webkit-keyframes ani_navbtn_zoomOut_close2 {
	0% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
	100% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
}
@-o-keyframes ani_navbtn_zoomOut_close2 {
	0% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
	100% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
}
@keyframes ani_navbtn_zoomOut_close2 {
	0% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
	100% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
}
@-webkit-keyframes ani_sideAreaIn {
	0% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes ani_sideAreaIn {
	0% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes ani_sideAreaIn {
	0% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes ani_sideAreaOut {
	0% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	100% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@-o-keyframes ani_sideAreaOut {
	0% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	100% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@keyframes ani_sideAreaOut {
	0% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	100% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@-webkit-keyframes ani_searchIn {
	0% { opacity: 0; width: 0; }
	100% { opacity: 1; width: 250px; }
}
@-o-keyframes ani_searchIn {
	0% { opacity: 0; width: 0; }
	100% { opacity: 1; width: 250px; }
}
@keyframes ani_searchIn {
	0% { opacity: 0; width: 0; }
	100% { opacity: 1; width: 250px; }
}
@-webkit-keyframes ani_searchOut {
	0% { opacity: 1; width: 250px; }
	100% { opacity: 0; width: 0; }
}
@-o-keyframes ani_searchOut {
	0% { opacity: 1; width: 250px; }
	100% { opacity: 0; width: 0; }
}
@keyframes ani_searchOut {
	0% { opacity: 1; width: 250px; }
	100% { opacity: 0; width: 0; }
}

@-webkit-keyframes ani_searchIn2 {
	0% { opacity: 0; width: 0; }
	100% { opacity: 1; width: 100%; }
}
@-o-keyframes ani_searchIn2 {
	0% { opacity: 0; width: 0; }
	100% { opacity: 1; width: 100%; }
}
@keyframes ani_searchIn2 {
	0% { opacity: 0; width: 0; }
	100% { opacity: 1; width: 100%; }
}
@-webkit-keyframes ani_searchOut2 {
	0% { opacity: 1; width: 100%; }
	100% { opacity: 0; width: 0; }
}
@-o-keyframes ani_searchOut2 {
	0% { opacity: 1; width: 100%; }
	100% { opacity: 0; width: 0; }
}
@keyframes ani_searchOut2 {
	0% { opacity: 1; width: 100%; }
	100% { opacity: 0; width: 0; }
}
<!--0.00024890899658203-->