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

img{
	max-width: 100%;
	height: auto;
}

/* OVERFLOW */
.open-overlay { position: fixed; z-index: 2; 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;  background: #a7c53f;}

#header .container { position: relative;z-index: 3; -moz-transition: margin 0.30s; -o-transition: margin 0.30s; -webkit-transition: margin 0.30s; transition: margin 0.30s; }

#header.is-fixed .container {margin-top: 0; }
.logo {  /*overflow: hidden;*/ display: block; margin: 0; padding: 0; z-index: 10; 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(../logo.svg); background-repeat: no-repeat; background-position: 1px -1px; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: auto 100%; }

@media (min-width:1199px) {
	.logo { opacity: 0; }
	#header.is-fixed { position: fixed; top: 0; left: 0; -webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); }
	#header.is-fixed:before { height: 50px;}
	#header.is-fixed .logo { /*top: 10px;width: 200px;*/ }
	#header.is-fixed .logo a { height: 100%; background-position: 5px 25px;-moz-background-size: 55% auto; -o-background-size: 55% auto; -webkit-background-size: 55% auto; background-size: 55% auto;}
	/*#header.is-fixed:before { background-color: rgba(165, 35, 0, 0.9); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }*/
	#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); }
}
@media (max-width:1199px) {
	#header { background: rgb(255,255,255,1);-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(../logo.svg);background-position: 7px 3px; -moz-background-size: auto 50px; -o-background-size: auto 50px; -webkit-background-size: auto 50px; background-size: auto 50px;  }
	.logo { width: calc(100% - 60px);height: 60px; top: 0; left: 0; }
	
	#header .mobile-lan { float: left;display: block;width: 100%;background: #e2e9f5;padding: 12px 10px;margin: 0;text-align: center;font-size: 16px;line-height: 24px;}
	#header .mobile-lan a { float: left; display: inline-block; width: calc(100%/2); color: #0a69bb;margin: 0;padding: 0; }
	#header .mobile-lan a:first-child { border-right: 1px dashed #8abae3;}
	.nav .menu > li:not(.top-nav).showmobile { display:block; }
	.nav .menu > li.top-nav { display: none; }
}
.nav-switch { display: none; }
@media (min-width:1199px) {
	.mb .nav .visible-xs-block { display: block !important; }
	
	
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 15px 40px 15px; }
	#header.is-fixed .nav .menu > li.top-nav { top: 15px; }
	#header .mobile-lan { display: none;}
	
	.nav { width: 100%; text-align: center;z-index: 1; }
	.nav .menu { width: 100%; font-size: 0;}
	.nav .menu > li:not(.top-nav) { position: relative; min-width: 100px; text-align: center; display: inline-block; vertical-align: top; margin-top: 0; }
	.nav .menu > li:not(.top-nav):hover > a { color: #fff; font-weight: 600; }
	.nav .menu > li:not(.top-nav) > a { font-weight: 600; display: block; text-align: center; letter-spacing: 2px; line-height: 24px; font-size: 20px; color: #fff; padding: 20px 40px 20px; -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: #fff; -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: 180px; max-width: 200px; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
	.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: #a9c531; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 16px; line-height: 24px;padding: 9px 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: #fcd064; }
	.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: 170px; 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: #4d91c6; 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: #fcd064; background: rgba(37, 101, 34, 1); }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li:first-child > a { border-top: none; }
	.nav .menu > li:not(.top-nav).showmobile { display: none; }

	.nav .menu > li.top-nav { position: absolute; top: 6px; right:195px;width: auto; }
	.nav .menu > li .language { float: right;display: inline-block;width: 210px;margin: 0;padding: 0; }
.nav .menu > li.top-nav .language .txt { float: left; display: block;font-size: 14px;color: #5d5d5d;margin: 0;padding-left: 24px; background: url(../icon-t5.gif) no-repeat left center; }
.nav .menu > li.top-nav .language a.sel-tit {display:block; color:#fff; font-size:13px; background:#c2bfbb url(../f_arr.png) no-repeat 90% center; height:26px; padding-right:11px; line-height:25px; box-sizing:border-box;text-decoration: none; }
.nav .menu > li.top-nav .language.on a.sel-tit  {color:#fff; background:url(../arr_w.png) no-repeat 90% center;}
.nav .menu > li.top-nav .language-in {float: right;width:110px;display: inline-block; position:relative; text-align:center; border:1px solid #c2bfbb; box-sizing:border-box;top: 0;}
.nav .menu > li.top-nav .language.on {position:relative;}
.nav .menu > li.top-nav .language.on .language-in {width:110px; height:200px; background:#605e5b; border:1px solid #ccc;position:absolute;right: 0;top: 0; }
.nav .menu > li.top-nav .language.on .language-in > ul {display:block;width: 100%; padding:0; margin:0;}
.nav .menu > li.top-nav .language-in > ul {display:none; position:absolute; top:28px; left: 0; background:#605e5b; z-index:99; width:100%; box-sizing:border-box; margin: 0;padding: 5px 0;}
.nav .menu > li.top-nav .language-in > ul > li {width: 100%;display: inline-block; font-size:14px; line-height:24px; text-align:center; padding:0;margin: 0; list-style: none;}
.nav .menu > li.top-nav .language-in > ul > li a {color:#4c4c4c; display:block;margin: 0;padding: 0;text-decoration: none;}
.nav .menu > li.top-nav .language-in > ul > li a:hover {text-decoration:none;}
.nav .menu > li.top-nav .language-in > ul > li a span {padding-right:12px;color:#ccc;}
.nav .menu > li.top-nav .language-in > ul > li a:hover span {color:#fabe00 ; background:url(../language_bg.png) no-repeat right center;}
	.nav .menu > li.top-nav .toplinks { display: inline-block; margin: 2px 15px 0 0 ;}
	.nav .menu > li.top-nav .toplinks > a { display: inline-block;line-height: 25px; font-size: 14px; padding: 3px 20px;margin: 0 2px; color: rgba(0,0,0,0.6);background: #efefef; border-radius: 50px; -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 .toplinks > a.ficon1 { background:#efefef url(../icon-t1.png) no-repeat 15px 7px;padding-left: 37px }
	.nav .menu > li.top-nav .toplinks > a:before { display: none; }
	.nav .menu > li.top-nav .toplinks > a:hover { color: #00aeef; }
	
	.pc .nav .menu > li > ul { display: inline-block; }
	.pc .nav .menu > li > ul > li > ul { display: none; }
	.pc .nav .menu > li > ul > li:hover > a { color: #fff; background: #447c28; }
	.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:1199px) and (max-width:1299px) {
	.nav .menu > li:not(.top-nav) { min-width: 90px; }
	.nav .menu > li:not(.top-nav) > a { padding: 19px 30px 15px;}
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 15px 30px 15px; }
}

@media (max-width:1199px) {
	.nav { overflow-y: auto; position: fixed; background: #fff; top: 0; bottom: 0; left: auto; right: 0; width: 100%; height: auto; max-width: 300px; text-align: left; display: none; }
	.nav.is-open { display: block; padding-top: 80px; -moz-animation: ani_sideAreaIn 0.5s both; -webkit-animation: ani_sideAreaIn 0.5s both; animation: ani_sideAreaIn 0.5s both; z-index: 10; }
	.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: #555; color: #fff; }
	.nav .menu > li.is-open > a, .nav .menu > li.is-open:hover > a { background: #555; 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: 10px; font-size: 18px; border-top: 1px solid #ddd; background: #fff; color: #333; }
	.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.is-open{
		position: fixed; top: 10px; 
	}
	.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: #0a69bb; }
	.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: 130px; font-size: 0; background-color: transparent; -moz-transition: background 0.15s; -o-transition: background 0.15s; -webkit-transition: background 0.15s; transition: background 0.15s; }
.search-switch:before { content: ""; z-index: 0; position: absolute; width: 35px; height: 35px; top: 0; left: 4px; border-radius: 50%; background-color: #b62400; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: -moz-transform 0.15s; -o-transition: -o-transform 0.15s; -webkit-transition: -webkit-transform 0.15s; transition: transform 0.15s; }
.search-switch span { display: block; width: 35px; height: 35px; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; background-image: url(../nav.png); background-repeat: no-repeat; background-color: transparent; background-position: 9px 6px; border-radius: 50%; -moz-background-size: auto 160%; -o-background-size: auto 160%; -webkit-background-size: auto 160%; background-size: auto 160%; }
.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: 50%; left: 50%; margin-left: -8px; 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: 5px; right: 5px; width: 200px; border-radius: 50px; padding: 1px; overflow: hidden; }
.search-wrap input::placeholder {color: #ccc;font-size: 14px;}
.search-wrap .form-box { margin: 0; padding: 0; }
.search-wrap form { width: 100%; position: relative; }
.search-wrap form .input-style { position: relative; display: block; width: 100%; border: none; height: 33px; background: #ededed;color: #333; font-size: 15px; border-radius: 50px; padding: 0 55px 0 15px; z-index: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.search-wrap form .btn-search { width: 30px; height: 30px; line-height: 29px; padding: 0; right: 2px; top: 2px; font-size: 0; color: #fff; background: #b0b0b0 url(../icon-search.png) no-repeat center center; 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: #1f6ba7 url(../icon-search.png) no-repeat center center; }
@media (min-width:1199px) {
	#header.is-fixed .search-switch{ top: 15px; }
	#header.is-fixed .search-wrap { top: 15px; }
	/*.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; }
	.log-wrap { display: none; }
	.log-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; }
	.log-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:1199px) {
	.search-switch { display: none; }
	.search-wrap { position: relative; padding: 6px; top: auto; right: auto; width: 100%; border-radius: 0; }
	.search-wrap form .input-style { padding: 0 35px 0 10px; height: 40px;background: #ddd;color: #222; }
	.search-wrap form .btn-search { width: 36px; height: 36px; line-height: 36px; right: 0; top: 2px; font-size: 0; background-color: transparent; }
	.search-wrap form .btn-search:hover:before { background: #1f6ba7 url(../icon-search.png) no-repeat center center;/*background-position: 5px 6px;*/ }
	.search-wrap form .btn-search:before { content: ""; display: block; width: 34px; height: 34px; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px; background: #b0b0b0 url(../icon-search.png) no-repeat center center; border-radius: 50%; }
	.search-wrap form .btn-search:hover { background: none; }
	.log-wrap { position: relative; padding: 15px 10px; top: auto; right: auto; width: 100%; border-radius: 0; }
	.log-wrap > a { line-height: 25px; font-size: 15px; padding: 0 5px 0 25px;margin: 0 5px 0 10px; display: inline-block; color: rgba(55,55,55,0.6); -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; }
	.log-wrap > a.ficon1 { background: url(../ficon1.svg) no-repeat left 2px;background-size: 20px; }
	.log-wrap > a.ficon2 { background: url(../ficon2.svg) no-repeat left 3px;background-size: 18px; }
	.log-wrap .log-name{ display: inline-block; font-size: 16px; line-height: 24px; color: #639a2d;padding: 0 10px; }
	.log-wrap .log-name a.logout { display: inline-block; font-size: 14px; line-height: 20px; color: #666;padding: 2px 18px; margin: 0 0 0 10px; background: #e6e6e6; border-radius: 30px; }
}
.g-overlay { position: fixed; }


/* 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; }
}