.headerDiv{ width: 100%; background: #fff; overflow: hidden; position: fixed; left: 0; top: 0; z-index: 999; text-align: center; min-height: 50px;}
.header_margin{ height: 50px; width: 100%;}
.headerDiv *{ box-sizing: border-box;}
.headerDiv .topDiv{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.headerDiv .webLogo img{ width: auto; height: 100%; vertical-align: top;}
.headerDiv .webLogo{ height: 38px; left: 15px;}
.headerDiv .webLogo a{display: block; height: 100%;}
.headerDiv .webMenu{ width: 28px; right: 15px;}
.headerDiv .webMenu img{ width: 100%; height: auto; vertical-align: top;}
.headerDiv .webName{ font-size: 28px; line-height:88px; margin: 0 auto;}
.web_name{ display: none;}
.web_menu{ width: 100%; position: fixed; top: 0; z-index: 999999; height: 100%; transition: all .5s;}
.web_menu.show{ right: 0; opacity: 1;}
.web_menu.hide{ right: -100%; opacity: 0; display: block !important;}
.web_menu .content_div{ position: relative; height: 100%;}
.web_menu .close_div{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.web_menu .menu_ul{ width: 250px; max-width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; background: #282828; position: absolute; right: 0; top: 0; z-index: 2; margin: 0;}
.web_menu .a_item{ position: relative; display: block; text-align: left; font-size: 16px;}
.web_menu .menu_item{ background: #333; border-bottom: 1px solid #282828;}
.web_menu .menu_item a{ display: block; width: 60%; color: #fff; padding: 15px 30px; height: unset; line-height: unset; font-size: 14px; background-color: transparent !important;}
.web_menu .menu_item a:hover{ background: transparent;}
.web_menu .menu_item.hot{ border-left: 4px solid #c00;}
.web_menu .mobile_arrow{ font-size: 16px; color: #fff; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.web_menu .menu_sub_list{ display: none;}
.web_menu .menu_three_list{ display: none;}
.web_menu .menu_sub_list li.hot{ border-left: 4px solid #c00;}
.web_menu .menu_sub_list .a_item{ color: #a9a9a9; border-bottom: 1px solid #333; line-height: 50px; padding-left: 30px; background-color: transparent !important;}
.web_menu .menu_sub_list .a_item a{ display: block; width: 80%; color: #a9a9a9; background: transparent !important; font-size: 14px;}
.web_menu .menu_three_list .a_item{ padding-left: 50px;}

.web_menu .alert_box{ display: none; width: 90%; background: #282828; position: absolute; left: 50%; top: 50%; z-index: 20;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.web_menu .alert_box .item_box{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px;}
.web_menu .alert_box .item{ width: 50%; color: #fff; font-size: 16px; line-height: 2.5; text-align: center;}
.web_menu .email{ display: none;}

.headerDiv .goback{ padding-top: 0;}
.headerDiv .mobile_arrow_div{ padding: 0 15px 0;}
.headerDiv .goback .mobile_arrow{ width: 18px; display: block;}
.headerDiv .mobile_arrow img{ width: 100%;}
@media screen and (max-width: 640px){
    .headerDiv .webName{ font-size: 18px; line-height: 50px;}
    .headerDiv .webLogo{ height: 25px;}
    .headerDiv .webMenu{ width: 50px; height: 50px; text-align: center; right: 0;}
    .headerDiv .webMenu img{ width: 20px; margin-top: 16.5px;}
    .web_menu .a_item{ font-size: 14px;}
    .web_menu .alert_box .item{ font-size: 12px;}
    .headerDiv .goback .mobile_arrow{ width: 12px;}
}

/* ¾ÉÒ³Ãæ */
body>#Pages{ padding-bottom: 81px;}