/* Header */
#header {position:relative; height:115px; z-index:999999;background:url(/images/portal/common/header_bg.gif) repeat-x;}
#header .wrap { /*padding-top:20px; height:95px;*/}
#header .logo {position:absolute;left:0;top:62px;z-index:0;}

#header .top_link { position:absolute; left:0; top:0; width:100%; }
#header .top_link a.cont_go { display:none; padding-right:25px; height:40px; line-height:40px; background:url(/images/portal/common/access_btn.png) no-repeat right center; font-size:13px; color:#313131; font-weight:600;}
#main #header .top_link a.sub_view { display:none !important;}
#sub #header .top_link a.main_view { display:none !important;}

#header .top_link button.tit { display:none;}
#header .top_link ul {  }
#header .top_link ul li { float:left; }
#header .top_link ul li a { display:inline-block; padding:0 15px; height:39px; background:#fff; border-left:1px solid #e5e5e5; text-align:center; line-height:39px; color:#333; font-size:14px; }
#header .top_link ul li.first a { border-left:none; background:#367acd; color:#fff;}
#header .top_link ul li.first a span { display:inline-block; }

#header .top_link ul.lang { float:right;  }
#header .top_link ul.lang li{ height:39px; }

#header .top_link ul.lang li.font { line-height:39px; padding:0 15px;  font-size:14px;}
#header .top_link ul.lang li a.sns{ padding:0px; border-left:0px; }



@media only screen and (max-width:640px) {
#header .logo  {max-width:65%; z-index:0;}
#header .logo img { width:100%; margin:-5px 0 0 10px; }
#header .top_link {width:190px !important;; z-index:9999;}
#header .top_link button.tit { display:block !important; width:100%;  height:40px;  background:url(/images/portal/common/toplink_bg_off.png) no-repeat 90% center #e5e5e5; line-height:40px; font-size:13px; color:#555555; font-weight:600; text-align:left; transition: background-color 0.35s ease-in-out;}
#header .top_link button.tit.on { background:url(/images/portal/common/toplink_bg_on.png) no-repeat 90% center #7d7d7d; color:#ffffff; }
#header .top_link button.tit span { padding-left:5%;}
#header .top_link .cont { display:none; position:absolute; left:0; top:40px; width:100%; background:#383838; }
#header .top_link ul  {  position:relative; left:0%; margin-left:0; width:100%; }
#header .top_link ul li { float:none; width:100%; }
#header .top_link ul li a { border-top:1px solid #e5e5e5; border-left:none;}



}

@media only screen and (max-width:970px) {

#header .top_link a.cont_go { display:none;}
#header .top_link ul { left:0; margin:0; width:100%; }
#header .top_link ul li a { display:block; width:auto; height:39px;  }
#header .top_link ul.lang { display:none; }
#header{height:92px !important;}
}

#header .top_link button.tit { display:none;}