@charset "utf-8";
/*------------------------------------------------------
Filename:              global.css
Update:                20090813T1400
Author:                Max
QQ:                    393880282
------------------------------------------------------*/
/*Reset*/
:root{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
:focus{outline:0;}
address,caption,cite,code,dfn,em,b,i,th,var,optgroup{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
textarea{*overflow:auto;}
code,kbd,samp,tt{font-size:100%;}
input,button,textarea,select{*font-size:100%;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
sup,sub{font-size:100%;vertical-align:baseline;}
:link,:visited,ins{text-decoration:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/*Common*/
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{*zoom:1;}
.fr{display:inline;float:right!important;}
.fl{display:inline;float:left!important;}
.show{display:block;}
.hide{display:none;}
.highlight{color:#F30!important;}
.important{font-weight:bold!important;}
.center{text-align:center!important;}
/*Base*/
body{font:11px/1.6 Verdana,sans-serif;color:#3E3A39;}
a{color:#3E3A39;text-decoration:none;}
a:hover,a:active{color:#F40;text-decoration:underline;}
#home,#page{}
#header{width:990px;height:150px; margin:0 auto 10px;}
#header img{display:block; width:990px;height:114px;}
#nav{width:990px; height:36px; background:url(nav.png);}
#nav a{display:inline-block;widht:auto; height:36px; line-height:30px; font-size:14px; font-weight:bold; color:#FFF; margin:0 10px; padding-left:20px; text-decoration:none;} 
#nav a span{display:inline-block;height:36px; line-height:30px; padding-right:20px; cursor:pointer;}
#nav a:hover,#nav a.hover{background:url(nav-hover.png) no-repeat 0 0;color:#2B90E0;}
#nav a:hover span,#nav a.hover span{background:url(nav-hover.png) no-repeat 100% 100%;}

#content{width:990px;margin:auto;}
#main{width:580px; display:inline; float:left; margin-left:215px;}
#flash{height:200px; width:570px; background:#ECF7FD; padding:5px; margin-bottom:10px;}
#show h3{ height:21px;line-height:24px; padding-left:18px; overflow:hidden; color:#FFF; font-size:12px; background:url(main-h3.png) no-repeat; border-bottom:3px #3D93CC solid;}
#show h3 .more{float:right;color:#F9BB2A;font-weight:normal; text-transform:uppercase; margin:-24px 5px 0 0;font-size:10px;}
#show .pic a{width:170px; height:150px; text-align:center; overflow:hidden; text-decoration:none; float:left; display:inline;margin:5px 0 0 17px;}
#show .pic img{display:block;width:154px; height:116px; padding:7px; background:url(img-box2.png) no-repeat;}
#show .pic span{line-height:20px;font-weight:bold;}
#intro{width:568px; height:180px;overflow:hidden; padding:10px 5px; border:1px #DDD solid;margin-bottom:10px;position:relative;-moz-border-radius:5px;}
#intro h2{width:180px;color:#0A3C5D;}
#intro h2 em{font-size:13px; font-style:italic;font-weight:bold;}
#intro img{display:block; width:160px; height:120px; padding:10px; background:url(img-box.png);}
#intro .fl h6{text-align:right;font-weight:normal;}
#intro .fl h6 a{color:#F9BB2A;text-transform:uppercase;font-size:10px;}
#intro .fr{width:375px;}
#intro .fr p{text-indent:2em;word-wrap:break-word; word-break:break-all;}
#aside{width:200px; float:left; margin-left:-795px;}
#search-box{width:198px;height:93px; border:1px #3696E2 solid;background:url(search-box.png); margin-bottom:10px;}
#search-box form{padding:20px 0 0 15px;}
#search-box label{color:#FFF; display:block; margin-bottom:5px;}
#search-box input{width:16px;width:120px; padding:2px; line-height:16px;border:1px solid; border-color:#98C5E2 #2B89C7 #AACEE8 #2B89C7;}
#search-box button{width:28px; height:17px; text-align:center;line-height:16px; background:#2B89C7; border:1px #65A9DA solid;color:#FFF; font-weight:bold;font-size:9px; cursor:pointer;margin:2px 0 0 5px;}
#aside h3{width:200px; height:27px; line-height:27px; text-align:center; color:#FFF; font-size:14px; background:url(aside-h3.png);}
#aside .bd{border:1px solid #DDD; border-top:0; width:198px; padding:5px 0; position:relative; -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
#aside h4{width:189px; height:18px; line-height:18px; color:#398DCB; font-weight:400; text-indent:5px; margin:0 0 0 5px; background:url(aside-h4.png);}
#aside ul{margin:2px 0;}
#aside li{padding-left:20px; background:url(icon-1.png) no-repeat 11px 7px;}
#extra{width:180px; float:right;}
#extra h3{width:180px; height:27px; line-height:27px; text-align:center; color:#FFF; font-size:14px; background:url(extra-h3.png);}
#extra .bd{border:1px solid #DDD; border-top:0; width:168px; padding-bottom:5px;padding:5px;position:relative;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
#extra .bd p{text-indent:2em; line-height:1.6; }
#post,#ad{margin-bottom:10px;}
#post h4{text-align:center;height:1em; line-height:1em;overflow:hidden;}
#post h4 a{color:#F50;}
#post h6{text-align:right;font-weight:normal; padding:0 5px;}
#post h6 a{color:#F9BB2A;text-transform:uppercase;font-size:10px;}
#contact-us .bd{height:330px;}
#contact-us img{display:block; margin:0 auto; padding:20px 0 0;}
#contact-us ul{padding:10px 0;}
#contact-us li{line-height:35px; padding-left:15px;}
#footer{width:990px; margin:10px auto; clear:both;font-size:12px; text-align:center;border-top:5px #2B89C7 solid;}
#footer .foot-nav{font-size:13px; font-weight:bold;line-height:2;}
#footer .foot-nav a{margin:0 10px;}
#footer .friendlink{text-align:center;}

#service #main h2,#company #main h2,#feedback #main h2,#product #main h2,#info #main h2,#list #main h2{border-bottom:5px #E6E7E9 solid; margin:10px 0 20px;}
#service #main h2 strong,#company #main h2 strong,#feedback #main h2 strong,#product #main h2 strong,#info #main h2 strong,#list #main h2 strong{float:right;background:#FFF; padding:0 15px; margin:-9px 15px 0 0; font-size:14px;color:#999;font-style:italic;}
#service #main p{text-indent:2em; margin:0.5em 0;}
#service #main p.first{font-style:italic;}
#service #main ol{margin:1em 0;}
#service #main li{margin:2em 0;}
#company #main img{display:block; width:160px; height:120px; padding:10px; background:url(img-box.png); float:left; margin:0 10px 0 0;}
#company #main p{text-indent:2em; margin:1em 0;font-size:12px; line-height:2;}
#contact #main div{margin:2em 0; font-size:12px;line-height:2;}

#feedback #main form{margin-top:30px;}
#feedback #main div{margin:0 1em; padding:1em 0; overflow:hidden; border-bottom:1px #FFF solid; background:#F3F2EE}
#feedback #main legend{display:none;}
#feedback #main label{width:140px; float:left; text-align:right; padding:0 5px;}
#feedback #main input{width:200px; font:12px/14px Verdana,sans-serif; height:14px; padding:4px; border:1px #999 inset;}
#feedback #main textarea{width:300px; height:5em;font:12px/14px Verdana,sans-serif; padding:4px; border:1px #999 inset;}
#feedback #main label i{color:#F00; margin:0 5px; vertical-align:-3px;}
#feedback #main .btn{padding:1em 0 1em 150px; margin:0 1em; border:0;}
#feedback #main .btn button{ width:80px; height:24px; line-height:24px; background:#EBE8D9; text-align:center; border:1px #888 outset; margin-right:20px; cursor:pointer;}

#product #main ul{overflow:hidden; width:570px; padding:10px 5px;}
#product #main li{float:left; width:166px; padding:5px 7px; margin:0 5px; height:160px;}
#product #main li img{display:block; width:160px; height:120px;padding:2px;border:1px #CCC solid;}
#product #main li span{ display:block;height:20px; line-height:20px; text-align:center; width:166px; font-size:12px;font-weight:bold;}
#product #main li a{display:block; text-transform:uppercase;color:#050BF5; text-decoration:underline; background:url(icon-3.png) no-repeat 130px 2px;}
#product #main li a:hover{color:#F40;}
#pages{font-size:12px;font-weight:bold; margin:10px 0;  clear:both; overflow:hidden;}
#pages .fl span,#pages .fr a{color:#3E94CF; margin:0 3px;}

#info #main{width:775px;}
#info #aside{margin-left:-990px;}
#info #tab-pic{width:360px; height:310px; padding:10px; border:1px #CCC solid; float:left;position:relative;-moz-border-radius:5px;}
#info #tab-pic img{display:block;width:360px; height:240px;}
#info #tab-pic .menu{overflow:hidden;;}
#info #tab-pic .menu img{display:block;width:75px; height:50px;}
#info #tab-pic .menu li{width:75px; height:50px; padding:2px;float:left; border:1px #CCC solid; margin:0 0 0 7px; cursor:pointer;}
#con-a1,#con-a2,#con-a3,#con-a4{margin-bottom:10px;}
#con-a2,#con-a3,#con-a4,#con-b2{display:none;}
#info #main-content{overflow:hidden;}
#info #main-content .info{width:360px; float:right;}
#info #main-content .info li{font-size:14px; padding:5px 0; padding-left:15px; background:url(icon-2.png) no-repeat 1px 12px;}
#info #comment{width:775px; clear:both; margin-top:30px;}
#info #comment h3{height:21px; border-bottom:3px #3B94CC solid;}
#info #comment h3 span{width:150px; height:21px; line-height:21px; display:inline; float:left; margin-right:10px; background:url(tab-menu.png) no-repeat; text-align:center; color:#FFF; font-size:12px;cursor:pointer;}
#con-b1{background:url(tab-c.png) no-repeat 67px 0; padding:10px; border:1px #CCC solid; border-top:0;}
#con-b2{background:url(tab-c.png) no-repeat 227px 0;padding:10px; border:1px #CCC solid; border-top:0;}

#list #main ul.list{padding:10px;}
#list #main ul.list li{height:20px; line-height:20px;overflow:hidden; padding-left:10px;background:url(icon-1.png) no-repeat 1px 9px;}
#list #main ul.list li span{float:right;margin:0 0 0 5px;}
b.lt,b.rt,b.rb,b.lb{width:5px;height:5px; overflow:hidden; background:url(corner.png) no-repeat; position:absolute;}
b.lt{background-position:0 0; left:-1px; top:-1px;}
b.rt{background-position:-5px 0; right:-1px; top:-1px;}
b.rb{background-position:-5px -5px; right:-1px;bottom:-1px;}
b.lb{background-position:0 -5px; left:-1px;bottom:-1px;}
/*Flash*/
#flash .container{width:570px;height:200px;overflow:hidden;position:relative;}
#flash .slider{position:absolute;}
#flash .slider li{display:inline;}
#flash .slider img{width:570px;height:200px;display:block;}
#flash .num{position:absolute;right:5px;bottom:5px;}
#flash .num li{float:left;color:#FFF;text-align:center;line-height:16px;width:16px;height:16px;font-family:Verdana;font-size:12px;cursor:pointer;overflow:hidden;margin:3px 1px;border:1px solid #FFF;background-color:#2A8AC6;}
#flash .num li.on{color:#fff;line-height:20px;width:20px;height:20px;font-size:14px;margin:0 1px;border:0;background-color:#2A8AC6;font-weight:bold;}
/*Page Number*/
.page-number{width:100%;overflow:hidden; position:relative; font-size:12px;}
.page-number ul{float:left;width:auto;padding:5px 0px;position:relative;left:50%;}
.page-number ul li{float:left;position:relative;right:50%;font-family:Verdana;padding:2px;width:auto;background:none;border-bottom:none;}
.page-number ul li a{color:#666;border-bottom:2px solid #EEE;padding:0 6px;display:block;}
.page-number ul li a:hover{color:#398DCB;text-decoration:none;border-bottom:2px solid #398DCB;}
.page-number ul li.thisclass a, .pagebox ul li.thisclass a:hover{color:#F63;padding:0 4px;border-bottom:2px solid #F63;font-weight:bold;}
.page-number .pageinfo{float:left;position:relative;left:-50%;line-height:17px;padding:2px 4px;color:#999;}
.page-number .pageinfo strong{color:#666;font-weight:normal;margin:0px 2px;}