/* global, #7b716f standard */ 
html,body { font-family: 微軟正黑體, Arial, verdana, helvetica, sans-serif; font-size: 13px; width: 100%; height: 100%; background-image:url(../images/bg.gif);} 
body:after { content: url(../images/nav_bg.png) url(../images/nav_hover_bg.png); display: none; } 
iframe{border:none;}
a { text-decoration: none; } 
a:link, a:visited, a:hover, a:active { color: #00E; } 

.accesskey {font-size: 15px; color:white; line-height:60%;}
.accesskey a:link, a:visited, a:hover, a:active { color: white; } 
button { cursor: pointer; font-size: 0; } 
.wrapper { margin: 0 auto; width:1003px; position: relative;/* box-shadow: 0px 0px 6px #000; padding-bottom: 50px;*/ } 
.topbar { height: 33px; background: url('../images/topbar_header_bg.png') repeat-x 0 0; /* position: relative; */ } 

.branch {  } 
.branch ul { border: 1px solid #eceaea; border-top: none; float: left; } 
.branch li { background: url('../images/topbar_header_bg.png') repeat-x 0 -35px; float: left; border: 1px solid #b4b2b3; 
	border-top: none; border-left: none; } 
.branch li a { padding: 7px 10px; line-height: 31px; color: #7b716f; font-size: 15px; } 
.branch li a:hover { color: #005bac; } 

.openStatus, #weather { padding: 8px 8px; float: left; padding-left: 15px; position: absolute; right: 240px; } 
.openStatus { vertical-align: top; right: 407px; } 
#weather 
.weatherCity { font-size: 12px; } #weather 
.weatherCity a { font-size: 0; } 

.search { padding: 6px 0; float: right; margin-right: 6px; } 
.search input { width: 195px; height: 20px; vertical-align: top; border-radius: 1px; border: 1px solid #5f88a0; box-shadow: 0px 0 2px #5f88a0; padding: 0 2px;} 
.search button { width: 28px; height: 25px; background: url('../images/search.png') no-repeat -1px -1px; border: none; 
	vertical-align: top; outline: none; } 

.header { height: 133px; background: url('../images/topbar_header_bg.png') repeat-x 0 -67px; position: relative; } 
.hotkey {float: right;  height:20px;font-size: 12px;position: absolute;right: 12px; color:#5f88a0; top:2px;}
.hotkey a { color: #5f88a0; }
.hotkey a:hover { color: white; background: #999999; }

.logo { width: 264px; height: 33px; background: url('../images/logo.png') no-repeat; position: absolute; top: 12px; left: 20px; font-size: 0; } 
.newyear { width: 293px; height: 52px; background: url('../images12/104-11-01.png') no-repeat; position: absolute; top: 5px; left: 290px; font-size: 0; } 
.links { position: absolute; right: 11px; top: 20px; font-size: 12px; } 
.links li { float: left; margin: 0 2px;} 
.links li::after { content: "‧"; font-weight: bold; color:black; } 
.links li:last-child::after { content: ""; } 
.links li a { color: #7b716f; } 
.links li a:hover { color: white; background: #999999; } 




.nav { position: absolute; top: 54px; left: 5px; background: url('../images/index-4icon.png') no-repeat; width: 987px; height: 79px; } 
.navitem > li { float: left; padding: 18px 0 0 0; width: 114px; height: 38px; font-size: 14px; } /*padding:上右下左*/
.navitem li.visit { padding-left: 5px; } 
.navitem li:hover { background: url('../images/index-4icon-r.png') no-repeat; } 
.navitem li.visit:hover { background-position: 0px 0px; } 
.navitem li.exhi:hover { background-position: -119px 0px; } 
.navitem li.educ:hover { background-position: -233px 0px; } 
.navitem li.research:hover { background-position: -348px 0px; } 

.navitem li.about:hover { background-position: -461px 0px; } 
.navitem li.about ul { left: inherit; right: -5px; } 

.navitem li.apply:hover { background-position: -613px 0px; } 
.navitem li.apply { margin-left: 38px; width: 76px; padding-top: 10px; height: 39px; } 
.navitem li.apply a { padding: 0; line-height: 41px; } 

.navitem li.dm:hover { background-position: -695px 0px; } 
.navitem li.dm { margin-left:6px; width: 99px; padding-top: 10px; height: 39px; } 
.navitem li.dm a { padding: 6px 0 3px 22px; line-height: 31px; } 
.navitem li.dm ul { right: inherit; margin-left: -25px; } 

.navitem li.kdm:hover { background-position: -816px 0px; } 
.navitem li.kdm { margin-left:22px;  width: 80px; height: 49px; padding-top: 0px; } 
.navitem li.kdm a { padding: 0px 20px; } 
.navitem li.kdm ul { right: inherit; margin-left: -25px; } 

.navitem li.vol:hover { background-position: -905px 0px; } 
.navitem li.vol { margin-left: 9px; width: 74px; padding-top: 0px; height: 49px; } 
.navitem li.vol a { padding: 10px 0 1px 0px; line-height: 41px; } 



.navitem li a { display: block; padding: 7px 0; text-align: center; color: #FFF;  } 
.navitem li ul { /*width: 982px;*/ padding: 0; display: none; height: 30px; line-height: 24px; position: absolute; /*left: 5px;*/ } 
.navitem > li:hover ul, .navitem li ul:hover{ display: block; } 
.navitem li ul li { float: left; /*width: initial;*/ height: 26px; padding: 2px 0; margin: 0 2px 0 2px; } 
.navitem li ul li:hover { background: none; } 
.navitem li ul li a { float: left; margin: 2px 0; padding: 3px 0; line-height: 15px; } 
.navitem li ul li:last-child::after { content:""; } 
.navitem li ul li a { color: #911c2f; } 
.navitem li ul li a:hover { color: white; background: #999999;  } 
.navitem li ul li::after { margin-left: 4px; content: " | "; } /*right four items*/ 
.navitem li.apply ul, .navitem li.dm ul, .navitem li.kdm ul{ line-height: 21px; left: inherit; right: -5px; top: 50px; } 
.navitem li.apply ul li a, .navitem li.dm ul li a, .navitem li.kdm ul li a, .navitem li.vol ul li a{ line-height: 14px; padding: 3px 0; } 

.content { height: 1280px; /*temporarily*/ } 
.ad_focus { background: url('../images/ad_focus_bg.png') no-repeat; height: 290px; position: relative; } 
.ad { width: 730px; float: left; } 
.slider { /* position: absolute; */ top: 10px; left: 14px; width: 705px !important; height: 270px !important; } 
.slider img { width: 705px; height: 250px; } 



.slider .slider-nav { bottom: 2px; left: 0px; } 
.slider .slider-nav__item { width: 16px; height: 14px; float: left; clear: none; display: block; margin: 0 2px; border: 1px solid gray; color: gray; 
		text-align: center; font-size: 12px; line-height: 14px; } 
.slider  .slider-nav__item:hover { background: black; } 
.slider  .slider-nav__item--current { background: gray; color: #FFF; } 

.slidenoscript {}

.focus { width: 273px; float: left; } 
.focusitem { margin-top: 10px; position: relative; } 
.focusitem > li { padding: 6px 0; float: left; width: 64px; height: 37px; text-align: center; letter-spacing: 2px; margin-left: 2px; 
		padding-bottom: 45px; } 
.focusitem li ul { display: none; position: absolute; top: 76px; width: 247px; padding-top: 12px; left: 16px; } 
.focusitem > li:hover ul, .focusitem li ul.current { display: block; } 
.focusitem li.focusitemb hover { color:#78fc01; } 
.focusitem li a { color: #FFF; padding: 0 14px; display: block; border-right: 1px solid #FFF; } 
.focusitem li a:hover { color: orange; } 
.focusitem li ul li { list-style: circle inside; text-align: left; float: left; width: 122px; } 
.focusitem li ul li a { color: #545454; font-size: 14px; font-weight: bold; line-height: 32px; padding: 0; border: 0; display: inline; zoom: 1;letter-spacing: 1px; } 
.focusitem li ul li a:hover { color: white; background: #999999;} 

.notice { width: 592px; height: 313px; float: left; margin-left: 10px; margin-bottom: 20px; margin-right: 8px; }

#tabs { position: relative; background: #f2f2f2; width:100%;  height: 100%; } 
.notice_tabs { width: 100%; height: 28px; background: #FFF; } 
.notice_w { width: 100%;  height: 100%; } 
.notice_tabs li { float: left; width: 86px; height: 28px; background: url('../images/tabs.png') no-repeat; } 
.notice_tabs li:hover, .notice_tabs li:active{ background: url('../images/tabs.png') no-repeat -87px 0;   } 
.notice_tabs li:hover, .notice_tabs li.current { background: url('../images/tabs.png') no-repeat -87px 0;  } 
.notice_tabs li a { font-size: 14px; font-weight: bold; text-align: center; display: block; line-height: 28px; color: #000; } 
.notice_tabs li a:hover, .notice_tabs li.current a { color:#be5b02; } 

.rss { width: 24px; height: 24px; background: url('../images/icons.png') no-repeat -75px -12px; font-size: 0; 
	position: absolute; top: 4px; right: 10px; } 
	
#tabs div { display: none; position: absolute; top: 40px; left: 0; margin: 2px 2px; height: 258px; width: 580px; } 
#tabs #tabs-1 { display: block; } 
#tabs div ul li { line-height: 21px; } 
#tabs div ul li a { color: #000; } 
#tabs div ul li a:hover { background: gray; color: #FFF; }

.more_links { position: absolute; bottom: -51px; right: -6px;} 
.more_links li { float: left; padding-left: 16px; padding-right: 10px; background: url('../images/icons.png') no-repeat -82px 5px; line-height: 17px; }
.more_links li a { color: #000;} 
.more_links li a:hover { color: #FFF; background: gray;} 
.type { margin-left: 4px; margin-right: 2px;} 
.media { width: 385px; height: 333px; float: left; background: url('../images/movie.png') no-repeat; position: relative; } 
.movie { width: 362px; height: 204px; position: absolute; top: 37px; left: 12px; text-align:center; font-size: 14px;} 



.banner_links { clear: both; padding: 25px 19px; padding-right: 0; } 
.banner_links > li { border: 1px solid #c0c3d2; border-radius: 3px; box-shadow: 0 0 3px #CCC; width: 218px; height: 290px; float: left; 
	margin-right: 26px; margin-bottom: 20px; } 
.banner_links li ul {  } 
.banner_links li ul li { border: none; box-shadow: none; line-height: 15px; letter-spacing: 0px; font-size: 13px;} 
.banner_links li ul li::before { content: "．"; } 
.banner_links li img { padding: 0px; margin: 19px; margin-bottom: 15px; } 
.banner_links li h2 { font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 15px; letter-spacing: -1px; } 
.banner_links li h2, .banner_links li ul { margin-left: 18px; margin-right: 20px; } .banner_links li ul li a { color: #7b716f; } 
.banner_links li ul li a:hover { color: #005bac; } 





.footer { height: 380px; background: url('../images/footer_bg.png') repeat-x 0px 24px; position: relative; -webkit-animation: footer_bg_slide 360s 
	linear infinite; -ms-animation: footer_bg_slide 360s linear infinite; } 
.footer_wrapper { width: 100%; background: #6fb1c7; position: absolute; top: 84px; padding: 20px 0 15px 0; font-size: 12px; color: #FFF; } 
.nmns_info { width: 256px; float: left; margin-left: 8px; } 
.info_logo { width: 210px; padding-bottom: 4px; border-bottom: 2px solid #009d84; } 
.info_add_tel { height: 20px; overflow: hidden; } 
.info_add_tel li { float: left; margin-right: 5px; line-height: 20px; } 
.info_others { clear: both; } .info_others li { line-height: 19px; } 
.info_others li::before { content: "‧"; font-weight: bold; margin: 0 5px; } 
.browser_stat { width: 40px; height: 18px; margin-left: 5px; margin-right: 10px; vertical-align: top; } 
.related_links { margin-top: 2px; } 
.related_links a { float: left; }
.facebook, .youtube, .instagram { width: 36px; height: 36px; font-size: 0; background: url('../images/icons-v2.png') no-repeat 0 0; margin-left: 3px; } 
.youtube { background-position: -37px 0; } 
.instagram { background-position: -75px 0; } 

.sitemap { width: 739px; height: 261px; float: left; } 
.sitemap_wrapper { height: 100%; } 
.sitemap li { float: left; border-left: 1px solid #B4E1F0; padding-left: 8px; padding-right: 10px; padding-bottom: 2px; height: 100%; } 
.sitemap li h3 { margin-top: 2px; font-size: 15px; font-weight: bold; letter-spacing: 0px; } 
.sitemap li ul {  } 
.sitemap li ul li { clear:both;  border: none; padding: 0; line-height: 17px; } 
.sitemap li ul li a { color: #FFF; } 
.sitemap li ul li a:hover { background: gray; } 
.mbxSlide { width: 1006px !important; height: 40px !important; margin: 20px auto; } 


@-webkit-keyframes footer_bg_slide { from { background-position: 0px 24px; } to { background-position: 1003px 24px; } } @-ms-keyframes footer_bg_slide { from { background-position: 0px 24px; } to { background-position: 1003px 24px; } }