/*--
Project: http://www.hz96345.net
Design/Author: Zack Zhou
MSN:zeus_0505@hotmail.com
QQ:443285076
ICQ: 
Tel: 13666659449   
Email: Zack zhou@Infowarelab.com
       tauruz_zhou@yahoo.com.cn
       tauruz55zhou@gmail.com
=================================
last edit July 13,2008
*/
body{
margin:0;
font-size:12px;
color: #666;
line-height:14px;
text-align:center;
background:#FEFAF1 url(../images/root_bg.jpg) 50% 0% repeat-y;
}



.topNav{
color:#865c03;
line-height:18px;
}
.topNav a{
color: #865c03;
text-decoration:none;
}
.topNav input[type=text]{
width:100px;
height:10px;
margin:0;
font:lighter 12px/12px Arial;
color: #000;
text-align:left;
border:1px solid #c0c898;
}
/*- Menu Tabs J--------------------------- */
#tabsJ {
width:798px;
font-family:Arial;
font-size:12px;
font-weight:bold;
line-height:30px;
}
#tabsJ ul {
margin:0;
padding:2px 0px 0 26px;
list-style:none;
}
#tabsJ li {
float:left;
}
#tabsJ li a {
display:block;
padding:0 2px 0 10px;
margin:0;
text-decoration:none;
}
#tabsJ li a span {
line-height:28px;
padding:8px 6px 6px 3px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ li a span {float:none;}
/* End IE5-Mac hack */
#tabsJ li a:hover span {
color:#000;
cursor:pointer;
}
#tabsJ li a:hover {
background:url("../images/tableftJ.gif") no-repeat 0% 0%;
}
#tabsJ li a:hover span {
background:url("../images/tabrightJ.gif") no-repeat 100% 0%;
}

#tabsJ #current li a {
background-position:0% 0%;
}
#tabsJ #current li a span {
background-position:100% 0%;
color:#FFF;
}

/*- Menu Tabs F--------------------------- */
#tabsF {
width:620px;
font-family:Arial;
font-size:12px;
font-weight:lighter;
line-height:28px;
}
#tabsF ul {
margin:0;
padding:0 12px;
list-style:none;
}
#tabsF li {
float:left;
}
#tabsF li a {
display:block;
padding:0 12px 0px 0px;
color:#FFF;
text-align:left;
margin:0;
text-decoration:none;
}
#tabsF li a:hover {
color:#FFFF00;
text-decoration:none;
}



.tabs {
width:249px;
}
.tabs h1{
font:lighter 12px Arial;
text-align:center;
line-height:22px;
}
.selectTab,.unselectTab {
width:78px;
height:22px;
line-height:22px;
vertical-align: middle;
text-align:center;
background: url(../images/tabs_on.jpg) 50% 0% no-repeat;
margin-left:1px;
font-weight:bold;
font-size:12px;
color:#025d96;
cursor: pointer;
float:left;
}
.unselectTab {
color:#025d96;
background: url(../images/tabs_out.jpg) 50% 0% no-repeat;
}
.selectContent {
height:76px;
clear: both;
font:lighter 12px Arial;
color: #000;
line-height:18px;
text-align:center;
background:url(../images/bg_a.jpg) 50% 50% no-repeat;
}
.selectContent input[type=text]{
margin:0;
width:98%;
height:12px;
font:lighter 12px Arial;
color: #333;
text-align:left;
line-height: 12px;
}
.unselectContent {
display: none;
}

.selectContent_td {
height:60px;
font:lighter 12px Arial;
color: #28a12b;
line-height:18px;
text-align:center;
}
.selectContent_td input[type=text]{
margin:0;
width:190px;
height:12px;
font:lighter 12px Arial;
color: #666;
text-align:left;
line-height: 12px;
}
.selectContent_aff {
height:60px;
font:lighter 12px Arial;
color: #017067;
line-height:18px;
text-align:center;
}
.selectContent_aff input[type=text]{
margin:0;
width:190px;
height:12px;
font:lighter 12px Arial;
color: #666;
text-align:left;
line-height: 12px;
}

.selectContent_yel {
height:27px;
font:lighter 12px Arial;
color: #017067;
line-height:18px;
text-align:left;
}
.selectContent_yel input[type=text]{
margin:0;
width:360px;
height:12px;
font:lighter 12px Arial;
color: #666;
text-align:left;
line-height: 12px;
}

.selectContent_commer {
height:27px;
font:lighter 12px Arial;
color: #017067;
line-height:18px;
text-align:left;
}
.selectContent_commer input[type=text]{
margin:0;
height:12px;
font:lighter 12px Arial;
color: #666;
text-align:left;
line-height: 12px;
}

.selectContent_city {
height:27px;
font:lighter 12px Arial;
color: #017067;
line-height:18px;
text-align:left;
}
.selectContent_city input[type=text],.selectContent_city input[type=password],.selectContent_city input[type=textfield]{
margin:0;
height:12px;
font:lighter 12px Arial;
color: #666;
text-align:left;
line-height: 12px;
background-color:#c8b7a5;
}
.selectContent_city input[type=text]:focus,.selectContent_city input[type=text]:hover,.selectContent_city input[type=password]:focus,.selectContent_city input[type=textfield]:focus,.selectContent_city input[type=password]:hover,.selectContent_city input[type=textfield]:hover{
color:#666;
background:#FFF;
}


/*     
-------------------------------------------------------  Edit 20080712  -------------------------------------------------------------------------------------
*/


/*  topNav 1024 style  080712  */
.topNav{color:#865c03;line-height:18px;}
.topNav a{color:#865c03;text-decoration:none;}
.topNav input[type=text]{width:100px;height:10px;margin:0;font:lighter 12px/12px Arial;color:#000;text-align:left;border:1px solid #c0c898;}

/*  Linkbar style  080712  */
.Linkbar td{font:lighter 12px Arial;color:#006699;line-height:20px;text-align:left;background:#FFF;border-bottom:1px solid #D7EFC5;}
td .Linkbar a:link{padding-left:15px;padding-right:15px;text-indent:5px;font:lighter 12px Arial;color:#233F50;line-height:20px;text-decoration:none;text-align:left;background:url(../images/icon/squ_gray01.gif) 0% 50% no-repeat;}
td .Linkbar a:hover{padding-left:15px;padding-right:15px;text-indent:5px;color:#FF6600;text-decoration:underline;text-align:left;background:url(../images/icon/squ_gray01.gif) 0% 50% no-repeat;}
td .Linkbar a:visited{padding-left:15px;padding-right:15px;text-indent:5px;color:#333300;text-decoration:none;text-align:left;background:url(../images/icon/squ_gray01.gif) 0% 50% no-repeat;}
td .Linkbar a:active{padding-left:15px;padding-right:15px;text-indent:5px;color:#FFCC33;text-decoration:none;text-align:left;}
td .Linkbar a img{text-indent:0;border-bottom:1p x solid #EFEFEF;background:none;}

/*  Login Style  080712  */ 
div.Login{position:relative;top:300px;left:160px;width:244px;height:120px;margin:0 auto;padding:0;background:url(../images/wifi/loginBg_01.png) 50% 100% no-repeat;}
* html .Login{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wifi/loginBg_01.png', sizingMethod='crop');}
*+html .Login{background:url(../images/wifi/loginBg_01.png) no-repeat left top!important;}

div.Login input.text{width:120px;height:14px;margin:2px 0 0 5px;font:lighter 12px "宋体",Arial, Helvetica, sans-serif;color:#000;text-align:left;line-height:14px;padding:0 2px;}
div.Login input.password{width:120px;height:14px;margin:2px 0 0 5px;font:lighter 12px "宋体",Arial, Helvetica, sans-serif;color:#000;text-align:left;line-height:14px;padding:0 2px;}
.Login input:focus{background:#FCF4FF;/*----for firefox......----*/border:1px solid #7e4160;}

/* 登陆页面按钮样式 080712  */
div.Login .btn_01{width:51px;height:22px;background:url(../images/icon/button01.png);border:none;}
* html .btn_01{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon/button01.png', sizingMethod='crop');}
*+html .btn_01{background:url(../images/icon/button01.png) no-repeat left top!important;}
div.Login .btn_02{width:51px;height:22px;background:url(../images/icon/button02.png);border:none;}
* html .btn_02{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon/button02.png', sizingMethod='crop');}
*+html .btn_02{background:url(../images/icon/button02.png) no-repeat left top!important;}
.btn_03{width:200px;height:30px;background:url(../images/icon/button_more.jpg);border:none;}

#warpper{background:#68bcc0 url(../images/wifi/log_bg01.jpg) 50% 0% repeat-x;height:570px;margin:0;padding:0;text-align:center;}
div.wifi_logo{position:relative;margin:0 auto;float:right;top:10px;right:150px;width:200px;height:55px;background:url(../images/logo/96345_wifi.png);border:none;z-index:1;}
div.wifi_logo span{display:none;}
* html .wifi_logo{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/96345_wifi.png', sizingMethod='crop');}
*+html .wifi_logo{background:url(../images/logo/96345_wifi.png) no-repeat left top!important;}
.mainContent_Login{margin:0 auto;width:1003px;height:470px;background: url(../images/wifi/mainCont_bg.jpg) 50% 0% no-repeat;}
.mainContent_Login01{margin:0 auto;width:1003px;height:570px;background: url(../images/wifi/mainCont_bg01.jpg) 50% 0% no-repeat;}
div.inforContent{position:relative;top:50px;clear:both;margin:0 auto;width:503px;height:349px;background:url(../images/wifi/information_wifi.png);border:none;z-index:2;}
* html .inforContent{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wifi/information_wifi.png', sizingMethod='crop');}
*+html .inforContent{background:url(../images/wifi/information_wifi.png) no-repeat left top!important;}
.footer_Login{margin:0 auto;width:1003px;height:100px;background:url(../images/wifi/footer_bg.jpg) 50% 0% no-repeat;}.mainContent_Login{margin:0 auto;width:1003px;height:470px;background: url(../images/wifi/mainCont_bg.jpg) 50% 0% no-repeat;}
