/**
##
#	Project: PHPDisk Personal Edition
#	This is NOT a freeware, use is subject to license terms.
#
#	Site: http://www.phpdisk.com
#
#	$Id: style.css 209 2011-06-08 08:08:27Z along $
#
#	Copyright (C) 2008-2009 PHPDisk Team. All Rights Reserved.
#
##
*/
*{
	margin:0;
	padding:0;}
body{ 
	font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(bg.jpg) repeat-x;color:#3B5998;
}
form{padding:0; margin:0}
ul{padding:0;}
li{list-style-type:none}

a{color:#3B5998; text-decoration:none}
a:hover{text-decoration:underline}
.container{	width:980px; *width:1000px; margin:auto;}
.license{ width:960px; padding:10px;}
.license h1{ background:url(main_top_bg2.png); line-height:40px; height:40px; font-size:14px;}
.license .license_text{ border:solid #DDDDDD; border-width:0 1px 1px 1px; padding:20px 80px;}
.license p{line-height:180%;text-indent:2em}

#left{float:left; width:710px; border-right:1px #CCCCCC dotted; line-height:180%; padding:10px;}
#left h1{ margin:0; background:url(main_top_bg.png) no-repeat; height:30px;font-size:14px; padding-top:10px; position:relative; _position:static;}
#left .download p{cursor:pointer;}
#left .none{ display:none;}
#left .personality{ position:absolute; right:0;top:0; width:550px;}
#left .personality dt{width:150px; height:50px; background:url(personality.gif) no-repeat; position:absolute; right:10px; top:-13px; cursor:pointer}
#left .personality dd{ background:#f5f5f5; border:5px solid #99CAEA; display:none; height:470px;}
#left .personality dd ul{ padding:10px; margin-top:20px;}
#left .personality dd ul li{ height:30px; vertical-align:bottom; border-bottom:1px dotted #CCC; cursor:default}
#left .personality dd ul li:hover{ background:#f69146; color:#FFF}
#left .personality dd ul li em{ float:right; display:block;}
#left .personality dd ul li span{ float:left; display:block}
#right{float:left; width:200px; padding:10px; margin-left:0}
#right dl{margin-top:5px;}
#right dl dt{ background:url(tit2_top.gif) no-repeat; width:220px; height:22px; margin:0; padding:10px 10px 0}
#right dl .box{ border:#E0EDF5 solid; border-width:0 1px; width:228px; margin:0; padding:5px}
#right dl .r_b{ width:240px; height:15px; background:url(tit2_bottom.gif) no-repeat; margin-left:0}
#right dl dd ul li{ margin:8px 0;}

#banner{ margin-top:3px;}
#banner .l{float:left; width:530px; margin-top:20px;}
#banner .r{float:left}

.footer{width:100%; margin:auto; background:url(footer_bg.jpg) repeat-x; height:50px;}
.footer_info{padding:5px 0 0 0; text-align:center; margin-bottom:10px;}
#copyright{font-size:10px; text-align:center}


.info{color:#252525}
.intro p{text-indent:2em}
.services_tb{ border:3px solid #2A67A8; border-collapse:collapse}
.intro .tr_first{background:#2A67A8; height:50px; font-weight:bold; color:#FFF; text-align:center; font-size:16px;}
.intro .tr_head{ background:#ebf2f9; height:25px; font-size:14px;}
.intro .td_head{ background:#f8fbff;}
.intro td{border:#CCC dotted; border-width:0 0 1px 0; padding-left:5px;}

.pop_tips{background:#fafafa; border:1px #99CAEA solid; width:400px; line-height:150%; padding:5px;}

.color1 { background-color: #fcfcfc; }
.color2 { background-color: #f9f9f9; }
.color3 { background-color: #d0d0d0; }
.color4 { background-color: #fbffdf; }
.color5 {background-color:#ddffff}

.txtred{color:#FF0000}
.txtgray{color:#666}
.txtblue{color:#0000FF}
.txtgreen{color:#008800}
.txtorange{color:#FF6600}
.bold{font-weight:bold}
.f14{font-size:14px}
.f12{font-size:12px}
.f13{font-size:13px}
.fw{font-weight:bold}

#menu{width:982px;height:33px; *margin-top:21px; padding-top:23px\0; }
@media screen and (-webkit-min-device-pixel-ratio:0){
	#menu{width:982px;height:33px; margin-top:23px;}
	}
@-moz-document url-prefix(){
	#menu{width:982px;height:33px; margin-top:19px;}
	}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
	#menu{width:982px;height:33px; margin-top:23px;}
	}
#menu ul{list-style:none; height:33px; margin:auto;}
#menu li{ float:left; text-align:center;}
#menu li a{display:block;height:33px; line-height:33px; width:80px; text-decoration:none; margin-right:2px}
#menu li a:hover{text-decoration:underline}

#news{border:1px #CCCCCC solid; position:relative; height:130px}
#news .tit{ font-weight:bold;padding:8px 0 7px 10px; line-height:15px;background:url(news_bg.jpg) no-repeat; border-bottom:1px dotted #ccc}
#news ul{}
#news ul li{ float:left; width:340px; padding:0; margin:2px 0 1px 8px;}
#news .icon{ width:50px; height:50px; background:url(new_icon.png); display:block; position:absolute; right:-15px; top:-15px;}

.reg_step{height:26px; font-size:14px; color:#252525}
.reg_step ul{margin-left:90px}
.reg_step li{ float:left; width:200px; padding-bottom:0; *padding-bottom:5px}
.nav_sel{color:#3B5998; background:url(active_bg.jpg) no-repeat; font-weight:bold; margin-top:5px; }
.nav_nosel{color:#FFFFFF;}

.introduction,.trait{ border:1px solid #ccc; padding:5px; margin-bottom:10px;}
.introduction .img{ float:right;}
.introduction p{ text-indent:2em}
.clear{clear:both}
.line{ border-top:1px #3B5998 solid; margin:auto; width:983px}

#login_box{ width:500px; margin:auto; padding:15px; margin-bottom:20px}
#login_box .box span{color:#666}
#login_box .box .log_box li{margin-bottom:15px; font-size:14px}
#login_box .box .log_box .input{ width:150px; height:15px; padding:3px;}

.box_tips_msg{margin:8px;padding:10px; background:#FFFFDD; border:#FFCC00 1px solid; color:#008800}

.product_box{border:2px #fff solid;float:left; width:120px; height:170px; margin:0 20px; overflow:hidden; text-align:center}
.product_box_hl{border:2px #99CAEA solid; width:120px; height:170px; background:#fafafa; overflow:hidden}
.product_box ul li{ text-align:center}

.user_menu{width:130px;border:1px #E3EFFB solid; margin-bottom:8px; font-size:14px}
.user_menu .tit{ padding:5px; background:#F9FAFE; font-size:14px; border-bottom:1px #E3EFFB solid }
.user_menu li{ line-height:180%}
.user_menu a{display:block;padding-left:15px; width:100px;}
.user_menu a:hover{text-decoration:none; background:#3B5998; color:#FFFFFF}
.user_menu .a_sel{background:#E3EFFB;}
.btn{ background:#ECE9D8; border:1px #9DACBF solid; height:25px; width:auto}
.td_line td{border-bottom:1px #cccccc dotted; height:30px;}
.td_line2 td{border-bottom:1px #eeeeee dotted; height:30px;}
.new{float:right; font-size:9px; position:absolute; margin-left:20px; *margin-left:65px; margin-top:-35px; background:#FF6600; color:#FFFFFF; font-weight:bold}

#user_container{width:100%}
#user_container_l{width:130px; float:left; margin-right:10px}
#user_container_r{width:800px; float:left;}

.info_box{height:150px; margin:80px 200px 130px 200px;border: 1px solid #4a6ea5;background:url(title_bg.gif) repeat-x #fafafa; padding:1px }
.info_box_tit{font-weight: bold; padding:8px;}
.info_box_msg{padding: 10px; background: #fafafa;line-height: 150%;}

.float_tips_open{
position:absolute;
border:solid 1px #99CAEA;
padding-top:8px;
right:10px;
width:150px;
background:#fafafa;
}
.float_tips_close{
position:absolute;
border:solid 1px #99CAEA;
padding:5px;
right:10px;
width:18px;
background:#fafafa;
cursor:pointer;
font-size:14px;

}
.float_tips_open .tit{margin-left:8px; margin-bottom:10px; font-weight:bold; cursor:pointer}
#sale_box li{margin-bottom:10px;margin-left:12px; margin-left:0\9}

.p_bar{
	margin-top:5px;
}
.p_bar a:hover{ background:#3B5998; color:#FFFFFF}
.p_redirect{
	padding:3px 5px; border:1px #CCCCCC solid; margin:0 3px; text-align:center;
}
.p_num{
	padding:3px 5px; border:1px #CCCCCC solid; margin:0 3px; text-align:center;
}
.p_info{
	padding:3px 5px; border:1px #CCCCCC solid; margin:0 3px; text-align:center;
}
.p_curpage{
	padding:3px 5px; border:1px #CCCCCC solid; margin:0 2px; text-align:center; color:#f00; font-weight:bold;
}
#thegallery{
position: relative; 
visibility: hidden; 
margin:auto;
border:solid #DDDDDD;
border-width:0 1px 1px;
padding:0 4px;
}

#thegallery .gallerydesctext{
width:300px;
text-align:center;
padding:5px;
}

.chat_box{border-bottom:1px #CCCCDD solid;border-top:1px #CCCCDD solid; padding-top:5px; background:#F7FBFC}
.chat_box2{border-bottom:1px #FAFAFA solid;border-top:1px #FAFAFA solid; padding-top:5px;}