@charset "UTF-8";
/**author:don + mail: i.don@hotmail.com + date:2010-09-22**/
body{background:url(img/m_home.jpg) repeat-y center 0;background-color:#e0eef3;  }
.bg01{background: url(img/t.jpg) no-repeat center 0;}
.bg02{background: url(img/b_home.jpg) no-repeat center bottom;}
.wrap{padding-top:0; background:none;}
#footer{height:120px;}
/* // ---- pagnation ---- // */
.pagnation{margin:25px 20px;text-align:center;color:#003f42;}
.pagnation a{margin:0 4px;padding:3px 5px;color:#003f42;text-decoration:none;border:1px solid #003f42;}
.pagnation a:hover,.pagnation .on{color:#fff;background:#003f42;border:1px solid #003f42;text-decoration:none;}
/* -- ---- pagnation ---- -- */

/* // ---- nav---- // */
#nav{display:inline-block !important;width:998px;margin-top:3px;height:39px;background:url(img/s_bg_nav.png) no-repeat 0 0;}
#nav ul{margin-left:100px;}
#nav a{float:left;text-indent:-999em;overflow:hidden; }
#nav a{width:82px;margin-right:35px; margin-top:6px;height:29px; background-image:url(img/s_menu.jpg);}
 #nav a:hover,#nav .on{background-image:url(img/s_menu_on.jpg);background-repeat:no-repeat;}
.a1{background-position:-25px 0 ;}
.a2{background-position:-142px 0;}
.a3{background-position:-260px 0;}
.a4{background-position:-367px 0;}
.a5{background-position:-474px 0;}
.a6{background-position:-574px 0;}
.a7{background-position:-682px 0;}
/* -- ---- nav ---- -- */
/* // ---- col1 box ---- // */
.box{margin-bottom:5px; width:218px;}
.box_t{height:40; }
.box_m{background:url(img/box.png) repeat-y -218px 0;  }
.box_b{height:10px;background:url(img/box.png) no-repeat -436px 0;  }
.box .margin{padding:5px 10px;}
.col1{margin-top:251px;margin-left:14px;_margin-left:7px;  }
.cs .margin{min-height:260px;_height:250px;  background:url(img/cs.jpg) no-repeat  center bottom; }
.cs li{margin:3px 5px; padding-left:15px; background:url(img/icon02.jpg) no-repeat 6px center; }
.uc .margin{padding:0; height:261px; background:url(img/uc.jpg) no-repeat -1px 0; }
.uc .box_b{height:9px;background-position:-436px bottom; }
.uc a{display:block;width:145px; margin:0 auto 10px;text-indent:-999em;overflow:hidden;    }
.uc .u1{height:150px; }
.uc .u2{height:40px; }
.uc .u3{height:40px; }
/* -- ---- col1 box ---- -- */

/* // ---- col3 ---- // */
.col3{margin-top:300px; width:760px; background:url(img/col3_m.jpg) repeat-y 0 0; }
.col3_b{padding-bottom:20px; background:url(img/col3_b.jpg) no-repeat 0 bottom; }
.col3_m{ background:url(img/col3_t.jpg) no-repeat 0 0; }
.breadcrumb{padding-left:20px; height:33px;line-height:33px;color:#fff;  margin-bottom:7px;  }
.breadcrumb a,.breadcrumb a:visited{color:#fff; }
.breadcrumb a:hover{color:#edfb3d;}
.col3 .margin{margin:10px 30px 10px ; min-height:980px;_height:980px; }

.col3 .margin h3{margin:1em 0; text-align:center;font:bold 14px/28px arial;color:#003f42;border-bottom:1px solid #77b7c3;}
.updown{margin:2em 0 0 0;}
.updown li{padding-left:15px;background:url(img/icon.png) no-repeat 0 center;}
.col3  img{max-width:660px;_width: expression( this.width > 660 ? "660px" : (this.width+"px") ); overflow:hidden;margin:0 6px 6px 0;}
.col3 .margin p{margin:0 0 2em 0;line-height:22px; }
.newlist{margin:25px 20px 10px;font-size:13px;}
.newlist li{height:30px;line-height:30px;border-bottom:1px solid #77b7c3;color:#003f42;}
.newlist li a{color:#003f42;margin-right:10px;}
.newlist li a:hover{}
.newlist h3{height:22px; border-bottom:1px solid #67acba; text-align:left; }
.newlist h3 a{float:left ;margin:0 4px 0 0; height:21px; border:1px solid #a7d2da;border-bottom:none;   text-decoration:none;font-size:12px;line-height:21px;  
 padding:0 13px; color:#003f42;font-weight:normal;   background:url(img/news_tab.jpg) repeat-x 0 0;text-align:center;  }
.newlist h3 a:hover,.newlist h3 .on{border:1px solid #67acba; border-bottom:none; background-position:0 -21px; }

/* -- ---- col3 ---- -- */


/*login*/
.login,.register{min-height:500px; _height:500px;}
.login h2,.register h2{ width:692px; height:29px; background:url(img/login_bg01.jpg) no-repeat; color:#ffa800; font-weight:bold; line-height:29px; padding-left:30px;}
.login_div{ width:697px; height:515px;}
.login_div .t,.register .t{ border-bottom:1px solid #ca9e5a; width:670px; margin:0 auto;}
.login_div .t img{ margin:35px 0 5px 260px;}
.login_c,.register_c{ color:#492b00;padding:45px 0 0 170px; background:url(img/inner_img.jpg) 8px bottom no-repeat; min-height:430px; _height:430px;}
.login_c p,.register_c p{ margin-bottom:20px; height:22px;}
.login_c p label,.register_c p label{ display:block; width:65px; text-align:right; float:left; line-height:22px;}
.login_c p input,.register_c p input{ width:233px; height:22px; background:#faeed8; border:1px solid #dab171; margin-right:5px; line-height:22px; padding-left:3px; float:left;}
.login_c .f01 input{ width:176px;}
.login_c p span,.register_c p span{ display:block; float:left; padding-top:5px;}
.login_c div{ padding:10px 0 0 75px;}
.login_c div .b01,.register_c div a,.btn_submit{cursor:pointer;border:none; display:block; width:124px; height:35px; background:url(img/login_btn.jpg) no-repeat; float:left; color:#fed700; font-weight:bold; font-size:14px; text-align:center; line-height:35px;}
.btn_submit{display:inline-block; }
.login_c div .b02{ float:left; margin:16px 0 0 20px;}
/*register*/
.register{width:695px;}
.register .t{ font-size:14px; font-weight:bold; color:#492b00; padding-bottom:10px; margin-top:20px;}
.register .t strong{ margin:0 0 0 60px;}
.register_c{ padding:16px 0 50px 60px;}
.register_c p textarea{ width:400px; height:76px; background:#faeed8; border:1px solid #dab171; overflow-y:scroll; color:#9e7940;}
.register_c .f02{ height:78px;}
.register_c .f02 textarea{padding:4px;font-size:12px;}
.register_c .f03{ padding-left:65px;}
.register_c .f03 input{ width: auto; background:none; border:none;}
.register_c .f03 span{ padding-top:1px; color:#9a4500; *margin-top:3px;}
.register_c div{ padding:10px 0 0 190px;}
.register_c div a{ float:none;}
.register_c div a:hover{color:#fed700;}
/*yxjt*/
.yxjt{ padding:20px 20px 0 20px;}
.yxjt ul li{ float:left; margin:0 30px 20px 23px; _margin-left:18px; margin-right:25px;}
.yxjt ul li img{ width:160px; height:100px; border:1px solid #333; padding:1px;}
.yxjt ul li span{ display:block; text-align:center;}
/* // ----serlist ---- // */
.serlist{width:600px; margin:0 auto; line-height:26px;padding-bottom: 15px;	}
.serlist dt{height:26px;background:url(img/serlist.png) repeat-x 0 -26px;}
.serlist dt span{float:left;font-size:10px;color:#ffffff;}
.serlist dt strong,.serlist dt a{float:left;width:86px;text-align:center;color:#e5fcff;}
.serlist dt strong,.serlist dt .on{background:url(img/serlist.png) no-repeat 0 0;color:#e5fcff;}
.serlist dd{margin:10px 0px 10px 10px;clear:both;}
.serlist dd a,.serlist dd strong{display:inline-block;width:49%;border-bottom:1px dashed #0c708e;color:#0c708e; }
.serlist dd strong{font-weight:normal;color:#f00;}
.serlist dd a:hover{text-decoration:none; }
.serlist dd strong{font-weight:normal;color:#f00;}
.serlist dd var{margin-left:3px; display:inline-block;*display:inline;*zoom:1;width:70px;vertical-align:middle;height:15px;
overflow:hidden;text-indent:-999em; background-image:url(img/serstate.gif) ;background-repeat:no-repeat; background-position:0 15px;}
.serlist dd .s1 var{background-position:0 -15px; }
.serlist dd .s2 var{background-position:0 -90px; }
.serlist dd .s3 var{background-position:0 -75px; }
.serlist dd .s4 var{background-position:0 -45px; }
.serlist dd .s5 var{background-position:0 -105px; }
.serlist dd .s6 var{background-position:0 -120px; }
.serlist dd .s7 var{background-position:0 -30px; }
.serlist dd .s8 var{background-position:0 -60px; }
.serlist dd .s9 var{background-position:0 -135px; }
.serlist dd .s10 var{background-position:0 0; }
/* -- ---- profile---- -- */
.profile{margin:15px 30px;color:#492b00;}
.safe_tip{padding:5px 8px;background:#ffe58c; border:1px solid #dab01c;} 
.profile h4{margin:10px 3px; font-size:14px ; border-bottom:1px solid #ca9e5a; color:#815006; font-weight:bold;  }
.profile p{line-height:25px;margin:8px 5px; }
.profile p label{display:inline-block; width:80px; } 
.profile p input{background:#faeed8;border:none;padding:3px; }
.profile p strong{font-weight:normal;}
.profile .btn{display:inline-block; width:124px;height:35px;background:url(img/btn_change.png) no-repeat 0 0;cursor:pointer;text-align:center;color:#ffd800;font-weight:bold; margin-left:90px;   }
/* // ---- col1 ---- // */
.box h4{height:40px; text-indent:-999em;overflow:hidden;  background-image:url(img/col1_title.png); background-repeat:no-repeat; }
.intro h4{background-position:0 -40px; }
.server h4{background-position:0 -80px; }
.system h4{background-position:0 -120px; }
.cs h4{background-position:0 -160px; }
.user h4{background-position:0 -200px; }
.intro{line-height:22px; }
.intro img{display:block; margin:0 auto; border:3px solid #245a5c; }
.server ul{margin:6px 8px 3px;}
.server li{margin-bottom:3px; padding-left:13px; border-bottom:1px solid #7fbfc6;background:url(img/icon01.gif) no-repeat 2px center;  }
.system h5{height:26px;line-height:26px;text-align:center; background:url(img/title_system.gif) no-repeat -2px 0; font-weight:bold;  }
.system  dl{width:128px;margin:8px auto;line-height:26px;color:#6c2100;}
.system  dd{float:left;width:55px;overflow:hidden;}
.system  dd a{line-height:26px;}
.system  dt{float:left;width:15px;margin:0;line-height:23px;font-size:10px;color:#003344;}
/* -- ---- col1 ---- -- */
.server a.sm{ display:block; text-align:center;}
.server a.sm:link,.server a.sm:visited{ color:#00343f; text-decoration:none;}
.server a.sm:hover{ color:#aa0000; text-decoration:underline;}
.state{ padding-left:10px;}