﻿
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: #fff}
#header:after { z-index: 0; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: transparent; -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -webkit-transform: translate(0, -10px); transform: translate(0, -10px); -moz-transition: background-color 0.5s 0.15s, -moz-transform 0.5s 0.15s; -o-transition: background-color 0.5s 0.15s, -o-transform 0.5s 0.15s; -webkit-transition: background-color 0.5s, -webkit-transform 0.5s; -webkit-transition-delay: 0.15s, 0.15s; transition: background-color 0.5s 0.15s, transform 0.5s 0.15s; }
#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: 300px; height: 90px;left: 0; top: 0; 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: 0 15px; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
/*.logo a:before { content: ""; position: relative; display: block; width: 100%; padding-bottom: 31.91%; }*/

@media (min-width:992px) {
	.logo { top: -30px; }
	#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: 10px;width: 200px;*/ }
	#header.is-fixed .logo a { height: 100%; background-position: 20px 37px;-moz-background-size: 75% auto; -o-background-size: 75% auto; -webkit-background-size: 75% auto; background-size: 75% 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);-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, .2 ); box-shadow: 0 0 10px rgba( 0, 0, 0, .2 );border-top: none; }
	#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: center 7px; -moz-background-size: auto 45px; -o-background-size: auto 45px; -webkit-background-size: auto 45px; background-size: auto 45px;  }
	#header.is-fixed .logo a { background-position: center 7px;-moz-background-size: auto 45px; -o-background-size: auto 45px; -webkit-background-size: auto 45px; background-size: auto 45px;}
	.logo { width: calc(100% - 60px);height: 60px; top: 0; left: 0; }
}
.nav-switch { display: none; }
@media (min-width:992px) {
	.mb .nav .visible-xs-block { display: block !important; }
	#header.is-fixed .nav .menu > li:not(.top-nav) { margin-top: 13px; }
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 0 35px 23px; }
	#header.is-fixed .nav .menu > li.top-nav { top: 13px; }
	
	.nav { position: absolute; top: 6px; left: 300px; width: calc(100% - 300px); text-align: right;padding-right: 120px; 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: #014099; }
	.nav .menu > li:not(.top-nav) > a { display: block; text-align: center; line-height: 24px; font-size: 20px; color: #333; padding: 0 35px 30px; -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: #014099; -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); }
	.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(0, 0, 0, 0.8); color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.3); 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: #014099; }
	.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: #014099; }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li:first-child > a { border-top: none; }

	.nav .menu > li.top-nav { position: absolute; top: -3px; right:1px;width: 110px; height: 90px; display: inline-block;padding-left: 15px; background: url(../world.svg) no-repeat 4px 4px; background-size: 18px; }
	.nav .menu > li.top-nav > a { line-height: 25px; font-size: 14px; padding: 0 5px 10px 2px; display: block; color: rgba(0,0,0,0.4); 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(0,0,0,1); }
	.nav .menu > li.top-nav > ul { display: none; position: absolute; width: 100%; left: 50%; min-width: 100px; max-width: 110px;-moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: rgba(0, 0, 0, 0.7); 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(0, 0, 0, 0.7) 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; line-height: 26px; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 1.2rem; padding: 3px 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: #fff; background: #00aeef; }
	.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: #ffe000; background: #014099; }
	.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:1199px) {
	.logo { width: 200px; }
	.logo a { background-position: 0 25px; }
	#header.is-fixed .logo a { background-position: 20px 42px;-moz-background-size: 90% auto; -o-background-size: 90% auto; -webkit-background-size: 90% auto; background-size: 90% auto; }
	.nav { left: 200px; width: calc(100% - 200px); }
	.nav .menu > li:not(.top-nav) { min-width: inherit; }
	.nav .menu > li:not(.top-nav) > a { font-size: 17px;padding: 0 18px 30px;}
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 0 18px 23px; }
}
@media (min-width:1200px) and (max-width:1499px) {
	.nav .menu > li:not(.top-nav) > a { font-size: 17px;padding: 0 18px 30px;}
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 0 18px 23px; }
}

@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: #183883; color: #fff; }
	.nav .menu > li.is-open > a, .nav .menu > li.is-open:hover > a { background: #333; 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; }
	.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: #083fbf; }
	.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: #a52300; -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: #fff; }
.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: -4px; right: 165px; 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(165, 35, 0, 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:992px) {
	#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; }
}
@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; }
}
