@charset "utf-8";
body { color: #5E5E5E; text-align: center; background: url("../images/_temp/base_bg.gif") repeat-x left top; }
a:link, a:active, a:visited { color: #5E5E5E; text-decoration: none; }

h2{font-weight : 600;}

#hyin_wrap { margin: 0 auto; width: 962px; text-align: left; }
#hyin_wrap:after { display: block; content: ""; clear: both; }


/* Header Area
-------------------------------------------------------------------------------------------*/
#header { padding-top: 21px; position: relative; overflow: hidden; }
#header h1 { margin-bottom: 41px; height: 30px; overflow: hidden; }
#header h1 a { padding-right: 10px; float: left; }
#header h1 a.logo_hyin { display: inline-block; margin-top: 5px; padding: 0 0 2px 9px; height: 14px; font-size: 14px; color: #FFF; border-left: 1px solid #9FC0E4; }

#header .visual_top_txt p { display: ; font-size: 37px; color: #FFF; font-weight: 600; }
#header .visual_top_txt p.e { margin-top: 18px; padding-left: 5px; font-size: 17px; filter: alpha(opacity=40); opacity: .4; letter-spacing: -0.02em; }
#header .visual_top_txt { margin-bottom: 4px; width: 475px; height: 185px; clear: both; }

/* Navigation */
#header .nav { height: 69px; overflow: hidden; }
#header .nav ul li { float: left; }
#header .nav ul li > a { display: block; height: 69px; overflow: hidden; margin-right: 19px; }
#header .nav ul li > a span { display: inline-block; padding-top: 26px; font-size: 13px; color: #777980; font-weight: 600; }
#header .nav ul li:hover > a.on span,
#header .nav ul li:hover > a span,
#header .nav ul li.on > a span { color: #FFF; }
#header .nav ul li > p.visual_top_img { display: none; width: 525px; text-align: right;  position: absolute; right: 0; top: 0; }
/* background: url("../images/_temp/base_bg.gif") repeat-x left top; */
#header .nav ul li > p.visual_top_img span { display: block; width: 100%; height: 277px; }
#header .nav ul li > p.nav_txt { display: none; padding-top: 28px; width: 280px; height: 41px; font-size: 13px; color: #FFF; font-weight: 600; text-align: right; letter-spacing: -0.05em; background: url("../images/_temp/base_bg.gif") repeat-x left bottom; position: absolute; right: 20px; top: 281px; }
#header .nav ul li.on > p.visual_top_img,
#header .nav ul li.on > p.nav_txt	{ display: block; }
#header .nav ul li:hover > p.visual_top_img,
#header .nav ul li:hover > p.nav_txt { display: block; }
#header .nav ul li > div.campus-wrap { display: none; margin-top: -22px; margin-left: -3px; }
#header .nav ul li:hover > div.campus-wrap,
#header .nav ul li.on > div.campus-wrap { display: block; overflow: hidden; font-weight: 600; cursor: pointer;}
#header .nav ul li > div.campus-wrap > span > a { color: #777980; font-weight: 600; cursor: pointer; }
#header .nav ul li > div.campus-wrap > span > a:hover { color: #ffffff; }
#header .nav ul li.on div.campus-wrap > span > a.on { color: #ffffff; }

/* Contents Area
-------------------------------------------------------------------------------------------*/
#hyinContents { padding: 25px 20px 35px 0;  }
.hyin_main_contents { width: 100%; background: url("../images/_temp/main_temp_line.gif") repeat-y 699px top; overflow: hidden; }

/* Footer Area
-------------------------------------------------------------------------------------------*/
#footer { margin-bottom: 30px;padding-top: 37px; border-top: 1px solid #EFEFEF; overflow: hidden; }
#footer .footer_section { margin: 0 auto; padding-left: 20px; width: 980px;  font-size: 11px; color: #ABB2B8; text-align: left; }
#footer .footer_section p { float: left; }
#footer .footer_section ul { display: inline; margin-right: 18px; float: right; }
#footer .footer_section ul li { height: 20px; float: left; position: relative; }
#footer .footer_section ul li * { vertical-align: top; }
#footer .footer_section ul li.bar a { display: inline-block; padding: 0 8px; height: 10px; color: #ABB2B8; background: url("../images/_temp/footer_btn_bar.gif") no-repeat right 50%; }
#footer .footer_section ul li.lan { padding-left: 8px; }
#footer .footer_section ul li.lan * { float: left; }
#footer .footer_section ul li.lan ul { margin: -5px 0 0 8px; }
#footer .footer_section ul li.lan ul li { margin-right: 3px; }
#footer .footer_section ul li span { display: none; position: absolute; top: -23px; left: -12px; }
#footer .footer_section ul li.lan_ko:hover span.ko { display: block; }
#footer .footer_section ul li.lan_en:hover span.en { display: block; }
#footer .footer_section ul li.lan_zh:hover span.zh { display: block; }