@charset "utf-8";

#container {padding-top:68px;}
#evtHead { position:fixed; top: 0 !important; left: 0; display: block; width: 100%; height:68px; margin: 0 auto; padding:0; border-bottom: 1px solid #e9e9e9; background: #fff;box-sizing:border-box;z-index:9998;}
#evtHead.fix {position:fixed; top:0;z-index:9999;}
#evtHead:after { display: block; clear: both; content: ''; }
#evtHead h1 {width:150px;height:46px;position:absolute;top:10px;left:50%;margin-left:-75px;}

#evtHead .button_container { z-index: 9999; display: inline-block; float: right; height: 68px;}
#evtHead .button_container:after {display:block;content:"";clear:both;}
#evtHead .button_container > ul li {float:left;position: relative;width:68px;height:68px;z-index: 9999;vertical-align: top;}
/* #evtHead .button_container > ul li:first-child {margin-right:8px;} */
#evtHead .button_container > ul li a {display:inline-block;width:68px;height:68px;text-indent:-9999em;}
/* #evtHead .button_container > ul li a.btn_home {display:inline-block;content:'';background:url('/service/age/images/main/nav.png') -68px 0 no-repeat;} */
#evtHead .button_container > ul li a.btn_menu {display:inline-block;content:'';background:url('/service/age/images/main/nav.png') 0 0 no-repeat;}

/* #evtHead .button_container > ul.active li a.btn_home {display:inline-block;content:'';background:url('/service/age/images/main/nav.png') -68px -68px no-repeat;} */
#evtHead .button_container > ul.active li a.btn_menu {display:inline-block;content:'';background:url('/service/age/images/main/nav.png') 0 -68px no-repeat;}

#evtHead .button_container .overlay { position: fixed; z-index: 1; top: 0px; right: -320px; visibility: hidden; width: 320px; height: 100%; -webkit-transition: opacity .35s, right .35s, visibility .35s; transition: opacity .35s, right .35s, visibility .35s; opacity: 1; background: url('../images/layer-bg.png'); }
#evtHead .menu .nav { z-index: 100; width: 48px; height: 48px; -webkit-transition: opacity .25s; transition: opacity .25s; }

/* overlay */
.overlay {padding:0 30px 40px 30px;}
.overlay.open { visibility: visible !important; height: 100% !important; opacity: 1 !important; right: 0px !important }
.overlay.open li {-webkit-animation: fadeInTop .5s ease forwards; animation: fadeInTop .5s ease forwards; -webkit-animation-delay: .35s; animation-delay: .35s; }
.overlay.open li:nth-of-type(1),.overlay.open li.fir {}
.overlay.open li:nth-of-type(2),.overlay.open li.sec { -webkit-animation-delay: .4s; animation-delay: .4s; }
.overlay.open li:nth-of-type(3),.overlay.open li.third { -webkit-animation-delay: .45s; animation-delay: .45s; }
.overlay.open li:nth-of-type(4),.overlay.open li.last { -webkit-animation-delay: .50s; animation-delay: .50s; }
.overlay .nav {position: relative;/*  top:48%; */ top:442px; height:77%;-webkit-transform: translateY(-50%); transform: translateY(-50%);text-align: center;}

.nav_logo {display:block;width:136px;position:relative;left:0;top:12px;}
.nav_logo a {display:block;width:100%;height:100%;}

/* search */
.overlay .input_wrap {position:relative;}
.overlay .input_wrap input[type='text'] {display:block;width:260px;height:50px;padding:0 10px;background:#262626;position:relative;color:#fff !important;}
.overlay .input_wrap button.search {width:24px;height:25px;position:absolute;top:13px;right:14px;background: inherit;}
.overlay .input_wrap button.delete {width:15px;height:16px;position:absolute;top:17px;right:35px;}
.overlay .input_wrap input[type='text']:placeholder { /* Chrome/Opera/Safari */
  color: #aaaaa9 !important;
}
.overlay .input_wrap input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaaaa9 !important;
}
.overlay .input_wrap input[type='text']::-moz-placeholder { /* Firefox 19+ */
  color: #aaaaa9 !important;
}
.overlay .input_wrap input[type='text']:-ms-input-placeholder { /* IE 10+ */
  color: #aaaaa9 !important;
}
.overlay .input_wrap input[type='text']:-moz-placeholder { /* Firefox 18- */
  color: #aaaaa9 !important;
}

/* Globally */
input::-ms-clear {
  display: none;
}

/* only on inputs with this class */
.my-element::-ms-clear{
  display: none;
}

.overlay .menu {display: inline-block;position: relative;width:100%;height:auto;margin: 0 auto;padding-top:10px;}
.overlay .menu li {display:block;width:259px;height:auto;position: relative;margin:0 auto;padding:30px 0;opacity:0;border-bottom:1px solid #322c26;}
.overlay .menu li.last {border-bottom:0;}
.overlay .menu li a {display: block;width:100%;height: 100%; overflow: hidden;text-align:center;text-indent:-9999em;margin:0 auto;}

.overlay .menu li:nth-of-type(1) a,.overlay .menu li.fir a {display:block;width:163px;height:50px;content:"";background:url('/service/age/images/main/menu.png') 0 0 no-repeat;}
.overlay .menu li:nth-of-type(2) a,.overlay .menu li.sec a {display:block;width:163px;height:50px;content:"";background:url('/service/age/images/main/menu.png') 0 -50px no-repeat;}
.overlay .menu li:nth-of-type(3) a,.overlay .menu li.third a {display:block;width:163px;height:50px;content:"";background:url('/service/age/images/main/menu.png') 0 -100px no-repeat;}
.overlay .menu li:nth-of-type(4) a,.overlay .menu li.last a {display:block;width:163px;height:50px;content:"";background:url('/service/age/images/main/menu.png') 0 -150px no-repeat;-}

.overlay .menu li:nth-of-type(1):hover a,.overlay .menu li.fir:hover a {display:block;width:163px;height:50px;content:"";background:url('/service/age/images/main/menu.png') -163px 0 no-repeat;}
.overlay .menu li:nth-of-type(2):hover a,.overlay .menu li.sec:hover a {display:block;width:163px;height:50px;content:"";background:url('/service/age/images/main/menu.png') -163px -50px no-repeat;}
.overlay .menu li:nth-of-type(3):hover a,.overlay .menu li.third:hover a {display:block;width:163px;height:50px;content:"";background:url('/service/age/images/main/menu.png') -163px -100px no-repeat;}
.overlay .menu li:nth-of-type(4):hover a,.overlay .menu li.last:hover a {display:block;width:163px;height:50px;content:"";background:url('/service/age/images/main/menu.png') -163px -150px no-repeat;-}

/* .overlay .menu li a:after { position: absolute; bottom: 0; left: 50%; width: 0%; height: 1px; content: ''; -webkit-transition: .35s; transition: .35s; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #fff; } */

@-webkit-keyframes fadeInTop { 0% { bottom: 20%; opacity: 0; }
  100% { bottom: 0; opacity: 1; } }
@keyframes fadeInTop { 0% { bottom: 20%; opacity: 0; }
  100% { bottom: 0; opacity: 1; } }

.nav_banner {display:block;position:absolute;bottom:40px;}

#footer h3,#footer section {text-align:left !important;}


/* Äü¸Þ´º */
.quick {position: fixed;bottom:30px;right:30px;z-index: 1;width: 50px;height: 50px;display: block; }
.quick a {display:block;width:100%;height:100%;}
.quick .btn_top{display:none;}

/* Äü¸Þ´º */
.main_quick {position: fixed;bottom:30px;right:30px;z-index: 1;width: 50px;height: 50px;display: block; }
.main_quick a {display:block;width:100%;height:100%;}
.main_quick .btn_top{display:none;}

/* button {background:none !important;} */