﻿/*
html {filter:gray;}
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
*/
html,body{
	height:100%;
}
body{
	margin:10px auto;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9ddeff;
	background-color:#000;
}
body > div {text-align:center; margin-right:auto; margin-left:auto;} 
div,form,ul,ol,li,span,p {margin: 0; padding: 0; border: 0;}
img,a img{border:0; margin:0; padding:0; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
ul,ol,li {list-style:none}
hr{	display: none;}
ul{	margin: 0px auto;margin /**/:0px;}
a{color:#9ddeff; text-decoration:none;}
a:hover{color:#FFFF00;}


#layout{width:1003px;background:url(/image/indextop.jpg) no-repeat top;}
#header{height:111px;}
#logo{width:217px; height:111px; float:left;}
#menuBox{width:786px; height:64px; margin-top:47px; background:url(/image/menubg.gif) no-repeat; float:left;}
#menu{width:448px; list-style:none; padding-top:15px; float:left; clear:right; display:block;}
#menu li{  height:30px; line-height:30px; float:left;}
#menu li a{color:#9ddeff; text-decoration:none; padding:0 18px; margin:0 2px; display:block;}
#menu_vpn a:hover{background:url(/image/menu2bg.jpg) no-repeat; color:#FFFF00;}
#menu_home a:hover{background:url(/image/menu1bg.jpg) no-repeat; color:#FFFF00;}
#menu_socks a:hover{background:url(/image/menu3bg.jpg) no-repeat; color:#FFFF00;}
#menu_tools a:hover{background:url(/image/menu4bg.jpg) no-repeat; color:#FFFF00;}
#menu_about a:hover{background:url(/image/menu1bg.jpg) no-repeat; color:#FFFF00;}
#sideMenu{ width:300px; padding-top:15px; list-style:none; float:left; display:block;}
#sideMenu li{height:30px; line-height:30px; margin-left:12px; float:left; clear:right; display:block;}
#sideMenu li a{color:#89c8e8; text-decoration:none; padding:0 3px;}
#sideMenu li a:hover{color:#FFFF00;}
 
 
#flashAd{height:208px; clear:both;}

#contant{width:905px;margin:10px auto;}
#left{width:178px; float:left;}
#server1{width:178px; height:122px; background:url(/image/leftbox1.jpg) no-repeat; margin-top:10px;}
#serTitle1{height:40px; line-height:40px; font-weight:bold;}
#serverQQ1{height:76px;}
#serverQQ1 p{line-height:25px; text-align:left; padding-left:10px;}
#server2{width:178px; height:122px; background:url(/image/leftbox1.jpg) no-repeat; margin-top:10px;}
#serTitle2{height:40px; line-height:40px; font-weight:bold;}
#serverQQ2{height:76px;}
#serverQQ2 p{line-height:25px; text-align:left;padding-left:10px;}
#server1 a,#server2 a{color:#3399FF; text-decoration:none;}
#downBox{width:178px; height:193px; margin-top:10px; background:url(/image/down.jpg) no-repeat;}
#downTitle{height:40px; line-height:40px; font-weight:bold;}
#downList p{ width:150px; text-align:left; height:20px; line-height:20px; margin:0px 12px; overflow:hidden;}
#downList p img{margin-right:8px;}


#middle{width:537px; height:464px; float:left; clear:right;}
.productBox{height:220px;}
.proPic{width:205px; height:220px; float:left;}
.proText{width:328px; height:220px; float:right;}
.proPic img{margin-top:30px;}
.proText p{text-align:left; line-height:25px;}
.color1{color:#00CCCC; font-weight:bold;}
.btn1{width:81px; height:20px; text-align:center; line-height:20px; background:url(/image/btn1.gif) no-repeat; display:block; margin-right:20px; margin-top:20px; float:left;}
.btn2{width:81px; height:20px; color:#003366; text-align:center; line-height:20px; background:url(/image/btn2.gif) no-repeat; display:block; margin-top:20px; float:left;}
.btn1 a{width:81px; height:20px; display:block;}
.btn1 a:hover{color:#003366; background:url(/image/btn2.gif) no-repeat;}
.btn2 a{width:81px; height:20px; color:#003366; display:block;}
.btn2 a:hover{color:#89c8e8; background:url(/image/btn1.gif) no-repeat;}

#right{width:180px; height:464px; float:right;}
#meg1,#meg2,#meg3{width:180px; height:148px;}
#meg1{background:url(/image/messageBox1.jpg) no-repeat;}
#meg1Title,#meg2Title,#meg3Title{height:40px; line-height:40px; text-align:left; padding-left:40px; font-weight:bold;} 
.megList{height:100px;}
.megList p{ width:160px; text-align:left; line-height:17px; margin:2px 10px;}

#meg2{margin-top:10px; background:url(/image/rightBox2.jpg) no-repeat;}
#meg3{margin-top:10px; background:url(/image/rightBox3.jpg) no-repeat;}	

#zeren{width:897px; height:232px; padding:4px; border:4px solid #072b4b; margin:0px auto; clear:both; overflow:hidden;}
#zerenBox{width:883px; height:218px; border:1px solid #163957; background:#062845; padding:6px;}
#zerenBar{width:870px; height:25px; background:#0a3252; padding-left:13px; line-height:25px; text-align:left; font-weight:bold;}
#zerenIf{width:863px; height:180px; padding:10px;}

#logoPic{width:905px;margin:0px auto; clear:both; overflow:hidden;background:url(/image/logoPicmid.jpg) repeat-x;}
#logoPicleft{width:10px;float:left; background:url(/image/logopicleft.jpg)}
#logoPicmiddle{width:885px;float:left; clear:right; background:url(/image/logoPicmid.jpg) repeat-x;}
#logoPicright{width:10px;float:right; background:url(/image/logoPicright.jpg) repeat-x;}
#logoPicmiddle p{width:88px; height:31px; display:block; margin-right:14px; margin-bottom:10px; border:4px solid #042346; float:left;}
#links{width:893px; height:50px; clear:both; padding:6px; margin:0px auto; clear:both; overflow:hidden;}
#links p{padding:0 5px; line-height:16px; text-align:center; float:left;}

#footer{width:905px; line-height:18px;background:url(/image/indexbg.jpg);}
#footer_bg{width:1003px; height:32px; background-image: url(/image/bg_foot.jpg);background-repeat: no-repeat;}

#sign_in{
	width:178px;
	height:232px;
	background-image: url(/image/sing_in.jpg);
	background-repeat: no-repeat;
}
#login{
	width:178px;
	height:232px;
	background-image: url(/image/login_bg.jpg);
	background-repeat: no-repeat;
}
#sign_in_main{height:190px;}
.input_width{
	width: 140px;
}
.input_width2{
	height: 123px;
	width: 340px;
}
.input_width3{
	width: 200px;
}
.input_width4{
	width: 36px;
}
.input_width5{
	width: 20px;
}
.input_color{
	background-color: #185d91;
	border: 1px solid #0c76c9;
	color: #FFFFFF;
}
.color_00ccff{ color:#00ccff;}
.color_ffffff{ color:#ffffff;}
.color_ffff66{ color:#ffff66;}
.color_3399ff{ color:#3399ff;}
.xiahuaxian{
	text-decoration: underline;
}
.link_color a{
	color:#FFFF00;
	text-decoration:underline;
}
.link_color a:hover{
	color:#00CC00;
	text-decoration: none;
}

.my_info_header{
	height: 34px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/image/my_info_b_1.gif);
}
.my_info_color {
	color:#000000;
}
.my_info_color a{
	color:#FFFFFF;
	text-decoration:none;
}
.my_info_color a:hover{
	color:#00FF00;
	text-decoration: underline;
}
.my_info_middle{
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/image/my_info_middle.gif);
}
.my_info_footer{
	width: 660px;
	height: 16px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/image/my_info_footer.gif);
	background-repeat: no-repeat;
}
.my_info_country{
	width: 631px;
	margin-right: auto;
	margin-left: auto;
}
.my_info_country_header{
	background-image: url(/image/my_info_country_header.gif);
	height: 34px;
	width: 631px;
}
.my_info_country_main{
	background-image: url(/image/my_info_country_bg.gif);
}
.my_info_country_footer{
	background-image: url(/image/my_info_country_footer.gif);
	background-repeat: no-repeat;
	height: 15px;
}
.my_info_country_link{
	padding-left: 26px;
}
.information_supervise_header{
	line-height: 20px;
	height: 24px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0e4b7b;
	margin-bottom: 14px;
}
.user_reg_title{
	height: 33px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/image/use_reg1.gif);
}
.user_reg_title_color {
	color:#ffff33;
}
.user_reg_title_color a{
	color:#9ddeff;
	text-decoration:none;
}
.user_reg_title_color a:hover{
	color:#ffff33;
	text-decoration: underline;
}
.shopping_cart_m{
	color: #66FF00;
	margin-right: 5px;
}
.vpn_buy{
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
.vpn_buy_header{
	height: 32px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/image/vpn_buy_1.gif);
}
.vpn_buy_middle{
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/image/vpn_buy_bg.gif);
}
.vpn_buy_footer{
	background-image: url(/image/vpn_buy_footer.gif);
	background-repeat: no-repeat;
	height: 15px;
}


#other_layout{width:905px; margin:10px auto;}
#other_left{width:178px; float:left; clear:right;}
#other_right{width:710px; float:right;}
#other_top{width:710px; height:10px; background:url(/image/other_top.gif) no-repeat; overflow:hidden;}
#other_mid{ min-height:951px; background:url(/image/other_mid.gif) repeat-y;}
#other_bottom{ height:10px; background:url(/image/other_bottom.gif) no-repeat;}

#jc{width:710px; text-align:left;}
#jc p{width:670px; margin:15px auto; line-height:18px; text-indent:24px; padding:0 10px;}
#jc p img{border:1px solid #000; vertical-align:text-bottom; margin-left:24px;}
h3{ width:680px; font-size:18px; font-weight:bold; margin:0 auto; padding:0; border-bottom:1px solid #006699;}
.padL{padding-left:20px;}
.colorW{color:#fff; height:50px; line-height:50px;}

#fenye{height:30px; text-align:center;}
#fenye a{text-decoration:none; padding-top:0px; margin-right:5px; font-weight:bold;}
#fenye a:hover{text-decoration:underline; color:#006699;}

#pay{width:710px; text-align:left;}
#payPic{height:200px; text-align:center; clear:both;}
#payPic img{margin-top:20px;}
#payTable{min-height:660px;}
#payTable td{padding:10px; clear:both;}

.text{line-height:18px; text-indent:24px; font-size:12px; padding:10px;}


#cs table td{font-size:12px;}
#cs td{padding:6px;}
.csTitle{font-weight:bold; color:#FFFF00;}
.cs_title{color:#FFFF00;}
#article{padding:25px;}
#article p{text-indent:24px; line-height:18px;}
.articleTitle{text-align:center; line-height:20px; font-size:16px; font-weight:bold; margin-bottom:20px; color:#FFFF00;}
#article td{padding:10px; font-size:12px;}
#article td img{vertical-align:middle; margin-right:10px;}

#downfile{padding:25px;}
#downfile td{padding:5px; font-size:12px; line-height:18px;}
.downfileTitle{color:#FFFF00; font-weight:bold;}

#about{padding:30px;}
#about p{line-height:26px; border:1px dashed #244B7B; padding:5px;}



#order{width:612px; margin:50px auto auto auto;}
#order td{padding:6px; font-size:12px;}
#order select{font-size:12px; height:19px; line-height:19px; text-align:left;}
#order input{height:12px; font-size:12px; text-align:left; line-height:12px;}
#quy{width:57px;}
#cantact{width:80px;}
.orderTop{width:612px; height:10px; background:url(/image/orderBoxTop.gif) no-repeat;}
.orderContent{width:612px; background:url(/image/orderBoxcontent.gif) repeat-y;}
.orderBottom{width:612px; height:10px; background:url(/image/orderBoxBottom.gif) no-repeat;}
#orderBtn{height:30px; padding-left:50px; margin-top:20px;}
#orderBtn img{margin-right:20px;}
a img{border:0;}
.colorOrder{color:#637db2;}
.vpn_tishi{
	background-color: #185d91;
	border: 1px solid #0c76c9;
	color: #FFFFFF;
	padding:5px;
	text-align:justify;
}
#login1{ width:333px; height:219px; background:url(/Images/login_bg.png) no-repeat;}
#login1 #user{width:260px;height:78px;padding-top: 50px;padding-left:45px;float:left;display:inline;font-family: "宋体";font-size: 14px;font-weight: bold;color: #FFFFFF;
}
#login1 #user .input2{ width:150px;}
#login1 #user a{list-style:none;font-family: "宋体";color: #FFFFFF;text-decoration: none;
}
.tanchu a{
	color: #FFF;
	text-decoration: none;
}
.tanchu a:hover{
	color: #FF0;
	text-decoration: underline;
}
.tanchu_left{
	float: left;
}
.tanchu1{
	height: 22px;
	width: 13px;
}
.tanchu2{
	line-height: 22px;
	height: 22px;
	background-color: #0b476f;
	color: #FFF;
}
