@charset "big5";
@import url("/css/_reset.css");

body { font-size:12px; line-height: 18px; height: 18px; color: #555; font-family: Arial; }
li { list-style-type: none; }
a { font-size: 12px; color: #557193; text-decoration: none; }
a:hover { color: #06a4bb; text-decoration: underline; }
#googleCode { position: absolute; z-index: 900; top: -31px; }

#wrap { width: 601px; height: 340px; padding: 0 11px; background:url('img/bg.jpg') top center no-repeat; }
#top { width: 100%; height: 55px; }
#top .menu { padding: 10px 0 0 12px; }
#top .menu li { float: left; }
#top .menu li a { display: block; float: left; width: 87px; height: 36px; background:url('img/menu.png') no-repeat; text-indent: -9999px; }
#top .menu li.m1 a { background-position: 0 0; margin-right: 28px; }
#top .menu li.m2 a { background-position: -87px 0; margin-right: 30px; }
#top .menu li.m3 a { background-position: -174px 0; width: 149px; }
#top .menu li.m1 a:hover { background-position: 0 -36px; }
#top .menu li.m2 a:hover { background-position: -87px -36px; }
#top .menu li.m3 a:hover { background-position: -174px -36px; }

#top .icon { float: left; margin-left: 63px; }
#top .icon li { float: right; }
#top .icon li a { display: block; margin-left: 5px; width: 24px; height: 38px; background:url('/images/tools/icon.png') no-repeat; text-indent: -9999px; }
#top .icon li.n1 a { background-position: -144px 0; }
#top .icon li.n2 a {  background-position: -192px 0; }
#top .icon li.n3 a { background-position: -120px 0; }
#top .icon li.n4 a { background-position: -96px 0; }
#top .icon li.n5 a { background-position: 0 0; }

#main { float: left; width: 601px; height: 197px; }
#main .news { float: left; width: 342px; height: 195px; margin-right: 12px; border: 1px solid #d2d2d2; }
.tabNav li { float: left; }
.tabNav a { cursor:default; display: block; width: 114px; height: 36px; background:url('img/news_menu.gif') 0 0 no-repeat; text-indent: -9999px; }
.tabNav li.tabnav1 a { background-position: 0 0; }
.tabNav li.tabnav1 a:hover ,
.tabNav li.tabnav1.active a { background-position: 0 -36px; }
.tabNav li.tabnav2 a { background-position: -114px 0; }
.tabNav li.tabnav2 a:hover ,
.tabNav li.tabnav2.active a { background-position: -114px -36px; }
.tabNav li.tabnav3 a { background-position: -228px 0; }
.tabNav li.tabnav3 a:hover ,
.tabNav li.tabnav3.active a { background-position: -228px -36px; }
.tabNav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .tabNav  { zoom: 1; } /* IE6 */
*:first-child+html .tabNav { zoom: 1; } /* IE7 */

.boxContent { padding: 10px 9px; }
.newsList { overflow: hidden; }
.newsList li { width: 800px; height: 19px; line-height: 19px; margin-bottom: 5px; white-space:nowrap;}
.newsList li span { float : left; display: inline-block; height:19px; }
.newsList li span { color: #FFF; width: 56px; text-align: center; margin-right: 8px; font-size: 12px; background: url('/images/tools/news_title_bg.png') 0 0 no-repeat; }
.newsList li span.label_2 { background-position: 0px -19px; }
.newsList li span.label_3 { background-position: 0px -38px; }
.newsList li span.label_4 { background-position: 0px -57px; }
.newsList li span.label_5 { background-position: 0px -76px; }
.newsList li a { width: 300px; overflow: hidden; }
.newsList li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .newsList li  { zoom: 1; } /* IE6 */
*:first-child+html .newsList li { zoom: 1; } /* IE7 */

#main #FR { float: right; }
#main .yt { display: block; width: 245px ; height: 138px; background: #000 url('img/mov.jpg') 0 0 no-repeat; }
#main .server { margin-top: 7px; width: 245px ; height: 52px; background: url('img/server.gif') 0 0 no-repeat; }
#main .server a { float: right; margin: 7px 7px 0 0; }

#serverInfo { display: none; float: left; width: 581px; height: 152px; padding: 43px 9px 0 7px; border: 1px solid #d2d2d2; background: url('img/server_in.gif') top center no-repeat; }
#serverBox { margin: 0 auto; width: 100%; height: 127px; border: 1px solid #d2d2d2; }
.tabNav2 { width: 100%; background: #C3DBDF; }
.tabNav2 li { float: left; }
.tabNav2 li a { float: left; display: block; width: 49px; height: 20px; padding: 6px 7px 0; background: #4a9ba5; color: #FFF; text-align: center; border-right: 1px solid #CAE7EB; }
.tabNav2 li a:hover { color: #FFF; background: #40748e; text-decoration: none; cursor: default; }
.tabNav2 li.active a { color: #06a4bb; background: #FFF; }

.tabNav2:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .tabNav2  { zoom: 1; } /* IE6 */
*:first-child+html .tabNav2 { zoom: 1; } /* IE7 */

.boxContent2 { padding: 20px 13px; }
.serverList li { float : left; display: inline-block; height: 19px; line-height: 19px; margin: 0 39px 20px 0;  font-size: 12px; color: #555; }
.serverList li span { float : left; margin-right: 3px; width: 18px; height: 17px;  background: url('img/server_icon.gif') 0 0 no-repeat; }
.serverList li span.no_1 { background-position: 0 0; }
.serverList li span.no_2 { background-position: -18px 0; }
.serverList li span.no_3 { background-position: -36px 0; }
.serverList li span.no_4 { background-position: -54px 0; }
.serverList li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .newsList li  { zoom: 1; } /* IE6 */
*:first-child+html .newsList li { zoom: 1; } /* IE7 */

.txt { margin-top: 3px; }
.txt span { color: #e95a22; }

.back a { float: right; display: block; margin-top: 4px; width: 46px; height: 15px; background: url('img/btn_back.png') 0 0 no-repeat; text-indent: -9999px; }
.back a:hover { background-position: 0 -15px; }

#footer { float: left; width: 601px; height: 69px; padding-top: 6px; }
#footer #banner, #footer #banner .slide { float: left; width: 348px; height: 75px; }
#footer #bannerSlide {
	width: 348px;height: 75px;
}
#footer #bannerSlide a {float: left;width: 174px; height: 75px;overflow: hidden;}
#footer #bannerSlide a img {float: left;}
/*#footer #banner a img { float: left; margin-right: 4px; }*/

#footer .service { float: right; width: 245px; height: 75px;/*  background: url('img/service.gif') 0 0 no-repeat; */ background: url('img/service_2.gif') 0 0 no-repeat; }
#footer .service a { float: right;/*  margin: 59px 29px 0 0; */ margin: 50px 29px 0 0; }