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; height: 100px; position: fixed; top: 0; left: 0; margin-top: 0;background: rgb(255,255,255);-moz-transition:-moz-transform 0.3s ease;-o-transition:-o-transform 0.3s ease;-webkit-transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;-moz-transition: margin 0.45s; -o-transition: margin 0.45s; -webkit-transition: margin 0.45s; transition: margin 0.45s;}

.logo { position: absolute; /*overflow: hidden;*/ display: block; margin: 0; padding: 0 0 0 5px; z-index: 1; width: 280px; height: 100px; left: 0; top: 0; font-size: 0; transition:transform 0.3s ease;-moz-transition: margin 0.45s; -o-transition: margin 0.45s; -webkit-transition: margin 0.45s; transition: margin 0.45s; }
.logo a { display: block; font-size: 0; width: 100%;height: 100%; background-image: url(../logo.svg); background-repeat: no-repeat; background-position: 0 center; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }

@media (min-width:991px) {
	/*.logo { top: -20px;}*/
	.lang { display: none;}
	#header.is-fixed { margin-top: -30px;background: rgb(243,243,243);-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); }
	/*#header.is-fixed { margin-top: -30px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 100%, rgba(0,0,0,1) 100%); }*/
	#header.is-fixed .logo {  padding: 25px 0 0 5px;width: 230px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
	#header.is-fixed .logo a { height: 100%; background-position: left center;-moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto;}
	#header .loginshow{ display: inline-block; font-size: 15px; line-height: 24px; color: #999;padding: 0;position: absolute;top: 28px;right: 20px;}
	#header .loginshow .name{ display: inline-block;margin-right: 5px; color: #e4aa6a;}
}
@media (max-width:991px) {
	#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 );height: 60px; }
	#header.is-fixed .container { height: 60px; }
	#header .container { margin: 0; height: 60px; }
	#header .logo a { background-image: url(../logo.svg);background-position: 20px center; -moz-background-size: auto 32px; -o-background-size: auto 32px; -webkit-background-size: auto 32px; background-size: auto 32px;  }
	#header.is-fixed .logo a { background-position: 20px center;-moz-background-size: auto 32px; -o-background-size: auto 32px; -webkit-background-size: auto 32px; background-size: auto 32px;}
	.logo { width: calc(100% - 60px);height: 60px; top: 0; left: 0; margin: 0;padding:0;background: inherit; }
	.lang { position: absolute; display: block; top: 0; right: 55px;z-index: 10;border-left: 1px solid rgba(0,0,0,0.1);}
	.lang > a { display: inline-block; padding: 0;margin: 0; border-right: 1px solid rgba(0,0,0,0.1); -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.tlog {float:right;display: inline-block;font-size:0;width: 40px;height: 60px;background: url(../user1.svg) no-repeat center center;background-size: 18px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.lang > a.tlog:hover {display: inline-block;width: 40px;height: 60px;background: url(../user2.svg) no-repeat center center;background-size: 18px;}
	.lang > a.tcart {float:right;display: inline-block;width: 42px;height: 60px;background: url(../shopping1.svg) no-repeat center center;background-size: 20px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;position: relative;}
	.lang > a.tcart:hover {display: inline-block;width: 42px;height: 60px;background: url(../shopping2.svg) no-repeat center center;background-size: 20px;}
	.lang > a.tcart .floating {position: absolute;top: 5px;right: 8px;margin: 0;background-color: #ddd6d6;color: #ed1b22;font-size: 13px;}
}
@media (max-width:370px) {
	#header .logo a { background-image: url(../logo.svg);background-position: 10px center; -moz-background-size: auto 25px; -o-background-size: auto 25px; -webkit-background-size: auto 25px; background-size: auto 25px;  }
	#header.is-fixed .logo a { background-position: 5px center;-moz-background-size: auto 25px; -o-background-size: auto 25px; -webkit-background-size: auto 25px; background-size: auto 25px;}
}
.nav-switch { display: none; }
@media (min-width:991px) {
	.mb .nav .visible-xs-block { display: block !important; }
	#header.is-fixed .nav { left: 250px; width: calc(100% - 250px); }
	#header.is-fixed .nav .menu > li:not(.top-nav) { margin-top: 22px; }
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 25px 22px 24px; }
	#header.is-fixed .nav .menu { margin-top: 25px; }
	#header.is-fixed .nav .menu > li.top-nav { top: 32px; }
	/*#header.is-fixed .nav .menu > li:not(.top-nav):before { margin-top: -3px; }
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { line-height: 80px; padding: 0 15px; }*/
	
	.nav { position: absolute; top: -20px; left: 280px; width: calc(100% - 280px); text-align: right; padding-right: 190px; z-index: 1; }
	.nav .menu { font-size: 0;margin-top: 43px; }
	.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: #ed0810; }
	
	.nav .menu > li:not(.top-nav) > a { display: block; text-align: center; line-height: 24px; font-size: 17px; color: rgba(0,0,0,0.8); padding: 25px 22px 27px; -moz-transition: color 0.25s, background 0.25s, line-height 0.25s, all 0.2s ease-in-out; -o-transition: color 0.25s, background 0.25s, line-height 0.25s, all 0.2s ease-in-out; -webkit-transition: color 0.25s, background 0.25s, line-height 0.25s, all 0.2s ease-in-out; transition: color 0.25s, background 0.25s, line-height 0.25s, all 0.2s ease-in-out, height 0.3s; }
	
	#nav>ul>li>a>span{display:none}
	.nav .menu > li:not(.top-nav) > a:before{content:attr(data-title);opacity:0;position:absolute;top:11px;left:0;width:100%;height:100%;padding: 1px 0 0; color:#ed0810; line-height: 24px; font-size: 17px;text-align:center;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
	.nav .menu > li:not(.top-nav) > a span{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
	.nav .menu > li:not(.top-nav) > a > span{display:inline}
	.nav .menu > li:not(.top-nav):hover a:before{opacity:1;padding: 10px 0 0;}
	.nav .menu > li:not(.top-nav):hover a span{opacity:0}
	
	.nav .menu > li:not(.top-nav) > a:after { position: absolute; bottom: -1px; left: 0; content: ''; width: 100%; height: 0; background: #ed0810; -webkit-transition: height 0.3s; transition: height 0.3s;overflow: hidden;}
	.nav .menu > li:not(.top-nav):hover > a:after { height: 3px; -webkit-transition: height 0.3s; transition: height 0.3s;}
	
	.nav .menu > li:not(.top-nav) > ul { display: none; position: absolute; width: 100%; left: 50%; min-width: 200px; 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: rgba(29, 27, 27, 0.95); color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 16px; line-height: 24px;padding: 12px 15px; 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: #f5aeb0; }
	.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: 180px; 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(89, 87, 87, 0.95); color: #FFF; border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; padding: 12px 15px; text-align: left; 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: #f5aeb0; background: rgba(18, 16, 16, 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: 28px; right:0; width: 180px; height: 80px; display: inline-block; padding: 40px 45px 0 0;}
	.nav .menu > li.top-nav > a { display: inline-block; width:auto; padding: 0;margin: 0 20px 0 0; color: rgba(255,255,255,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; }
	.nav .menu > li.top-nav > a:nth-child(2) { margin: 0 28px 0 0;}
	.nav .menu > li.top-nav > a.tlog {float:right;display: inline-block;font-size:0;width: 22px;height: 22px;background: url(../user1.svg) no-repeat center center;background-size: 20px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.nav .menu > li.top-nav > a.tlog:hover {display: inline-block;width: 22px;height: 22px;background: url(../user2.svg) no-repeat center center;background-size: 20px;}
	.nav .menu > li.top-nav > a.tcart {float:right;display: inline-block;width: 22px;height: 22px; background: url(../shopping1.svg) no-repeat center center;background-size: 22px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;position: relative;}
	.nav .menu > li.top-nav > a.tcart:hover {display: inline-block;width: 22px;height: 22px;background: url(../shopping2.svg) no-repeat center center;background-size: 22px;}
	.nav .menu > li.top-nav > a.tcart .floating {position: absolute;top: -3px;right: -15px;margin: 0;background-color: #ddd6d6;color: #ed1b22;font-size: 13px;}
	.nav .menu > li.top-nav > a.tcont {float:right;display: inline-block;font-size:0;width: 22px;height: 22px;background: url(../contact1.svg) no-repeat center center;background-size: 20px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.nav .menu > li.top-nav > a.tcont:hover {display: inline-block;width: 22px;height: 22px;background: url(../contact2.svg) no-repeat center center;background-size: 20px;}

	.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: #f5aeb0; background: rgba(0, 0, 0, 1); }
	.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:991px) and (max-width:1200px) {
	.nav .menu > li:not(.top-nav) { min-width: 80px; }
	.nav .menu > li:not(.top-nav) > a { padding: 22px 10px 30px;font-size: 16px;}
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 25px 10px 24px; }
}

@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: #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: 12px 20px; font-size: 18px; border-top: 1px solid #ddd; background: #fff; color: #333;text-decoration: none; }
	.nav .menu > li > a:before{content:attr(data-title)}
	.nav .menu > li > a > span{display: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 20px; 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 .menu > li.top-nav {display: none;}
	.nav .loginshow{ display: inline-block;width: 100%; font-size: 15px; line-height: 24px; color: #999;padding: 10px;position: relative;top: 0;right: 0;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
	.nav .loginshow .name{ display: inline-block;margin-right: 5px; color: #e4aa6a;}
	
	.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: #ee1c23; }
	.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: 62px; right: 20px; 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: #f09a9d; -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: #d40007; }
.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: 116px; right: 25px; width: 300px; 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: block; width: 100%; border: none; height: 33px; background: #333;color: #fff; 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; }
.search-wrap form .btn-search { width: 50px; height: 29px; line-height: 29px; padding: 0; right: 2px; top: 2px; font-size: 16px; color: #fff; background: rgba(232, 52, 13, 0.9); 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: #e02a1f; }
@media (min-width:991px) {
	#header.is-fixed .search-switch{ top: 67px; }
	#header.is-fixed .search-wrap { top: 118px; }
	.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 { 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-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: -16px; margin-left: -14px; background-image: url(../nav.png); background-repeat: no-repeat; background-color: transparent; background-position: 5px -28px; border-radius: 50%; -moz-background-size: auto 160%; -o-background-size: auto 160%; -webkit-background-size: auto 160%; background-size: auto 160%; }
}
.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; }
}