@charset "utf-8";
/* CSS Document */

html,body,div,p,ul,input,textarea,a,img,form,h1,h2,h3,h4,h5,h6,li{
	padding:0; 
	margin:0;
}

input{ vertical-align:middle;}

img{
	border:0 none;}
	
input,textarea{
	vertical-align:middle;}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:12px;}

html{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;/*
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;*/
	background:url(../images/body_bg.gif) repeat-x;

}

body{


}

#page{
	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;

	background:url(../images/background.gif) no-repeat center top;
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0;


}

li{
	list-style:none;
	list-style-image:none;
	list-style-position:outside;}
	
a{
	color:#333;
	font-size:12px;
	text-decoration:none;


	}
	
a:hover{
	text-decoration:underline;}
	
.clear{
	clear:both;}
	
table{
	border-collapse:collapse;}
	
/*container=======================================================*/

#container{
	width:960px;
	margin:14px auto 0 auto;
	background:url(../images/head_bg_all.gif) no-repeat;}
	
/*header=======================================================*/

#header{
	padding-left:20px;}
	
h1#logo{
	position:relative;
	left:-10px;
	float:left;
	margin-top:30px;}
	
#header_r{
	float:rihgt;
	padding-top:15px;}
	
#header_r #header_r_t{
	height:30px;}
	
/*header_r #header_r_t form=======================================================*/
#header_r #header_r_t form{
	float:right;
	color:#999;}
	
#header_r #header_r_t form td{
	padding:0 3px;}
	

	
#header_r #header_r_t form input.text1,#header_r #header_r_t form input.text2{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:none;
	background:url(../images/bg_input.gif) no-repeat  scroll 0 0;
	color:#666;
	border-right:1px solid #ccc;
}

#header_r #header_r_t form input.text1{
	width:120px;
	height:20px;}
	
#header_r #header_r_t form input.text2{
	width:80px;
	height:20px;}
	
/*header_r #header_r_t p======================================================================================================*/
	
#header_r #header_r_t p{
	float:right;
	padding-right:10px;
	padding-top:8px;

}
	
#header_r #header_r_t p a{
	padding:0 5px;
	color:#999;}
	
#header_r #header_r_t p a span{
	color:#ff7214;}

/*tab======================================================================================================*/
#header_r #header_r_b{
	float:right;
	padding-right:90px;}
#tab{
	margin-top:12px;



}
#tags {
	height: 26px;
	padding-bottom:6px;
	padding-left:12px;}
#tags li {
	background:url(../images/nav_common.gif) no-repeat left bottom; 
	float: left; 
	margin-right: 10px; 
	list-style-type: none; 
	height:32px;
	line-height:32px;
	width:87px;
	text-align:center;
}
#tags li a {
	padding-bottom: 0px; 
	color: #999; 
	line-height: 32px; 
	height:32px; 
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#tags li.emptytag {
	background: none transparent scroll repeat 0% 0%; 
	width: 4px
}
#tags li.selectTag {
	background:url(../images/nav_hover.gif) no-repeat left bottom; 
	position: relative;
	height:32px
}
#tags li.selectTag a {
	background-position: right top; 
	color: #fff;
	font-weight:bold;
}
#tagContent {
  padding:1px;
  _margin-top:-5px;
}

#tagContent1{
 }
#tagContent2{
 padding-left:0px;
 }
#tagContent3{
 padding-left:10px;
 }
#tagContent4{
 padding-left:270px;
 }
#tagContent5{
 padding-left:410px;
 }
#tagContent6{
 padding-left:460px;} 
 


.tagContent {
	height:35px;
	line-height:35px;
	display: none; 
	color: #fff; 
}

.tagContent a{
	color:#fff;
	line-height:35px;
	vertical-align:middle;

	
	padding:0 5px;}
#tagContent div.selectTag {
	display: block
}

/*wrapper======================================================================================================*/	

#wrapper{
	margin:10px auto 0 auto;
	width:940px;
	}
	
#wrapper-l{
	float:left;
	width:687px;
	margin-right:10px}
	
/*#wrapper-r======================================================================================================*/

#wrapper-r{
	width:243px;
	float:right;}
	
#news{
	height:165px;
	background:url(../images/bg_news.gif) no-repeat;
	clear:both;}
	
#news h2{
	height:34px;
	line-height:34px;
	padding:0 10px;
	font-size:14px;
	font-weight:bold;
	color:#ff6600;}
	
#news h2 span.tit{
	float:left;}
#news h2 span.more{
	float:right;
	font-weight:normal;}
	
#news h2 span.more a{
	color:#ff6600;
	font-family:Arial;}
	
#news ul{
	margin:10px;}
	
#news ul li{
	height:20px;
	line-height:20px;
	background:url(../images/bg_news_li.gif) no-repeat 0 7px;
	padding-left:7px;
	vertical-align:bottom;}
	
#news ul li a{
	float:left;


}
	
#news ul li span{
	color:#666;
	float:right;}
	
/*icons======================================================================================================*/

#icons{
	margin:10px 0;
	clear:both;
	float:left;
	width:243px;
}
	

#icons ul li{
	float:left;
	}
	
#icons ul li.gap1{
	margin-right:9px;}
	
#icons ul li.gap2{
	margin-bottom:9px;}
	
/*right-b======================================================================================================*/

#right-b{
	height:388px;
	width:243px;
	clear:both;
	background:url(../images/bg_r_b.gif) no-repeat;

	
}
	
/*clients======================================================================================================*/

#clients{
	padding:0 10px;
}

#clients h3{
	font-size:14px;
	color:#666;
	line-height:34px;
	font-weight:bold;}
	
#clients marquee ul li{
	background:url(../images/bg_news_li.gif) no-repeat 0 7px;
	padding-left:7px;}
	
#clients marquee{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;}

#clients marquee ul li {
	color:#333;
	line-height:20px;}
	
/*pay======================================================================================================*/

#pay{
	padding:10px;}
	
#pay h4{
	font-size:14px;
	color:#666;
	line-height:34px;
	font-weight:bold;}
/*domain======================================================================================================*/
.domain{
	margin-bottom:5px;
	clear:both;
	_margin-top:-10px;
}
.domain table{
	margin-left:4px;
	}
/*footer======================================================================================================*/

#footer{

	
	width:940px;
	margin:0 auto;
	padding:0 10px 0 10px;}
	
.f_content{
	background:url(../images/foot_top.gif) no-repeat;
	width:920px;
	padding:25px 10px 5px 10px;
	float:left;
	}
	
#footer p{
	line-height:28px;
	color:#666;}
	
#footer p span{
	padding:0 3px;
	color:#666;}
	
#footer p a{
	color:#666;}
	
#footer p#footer-l{
	background:url(../images/sosa.gif) no-repeat;
	height:54px;
	padding-left:60px;
	float:left;
	}
	
#footer p#footer-r{
	float:right;
}

/*search======================================================================================================*/

#search{
	background:url(../images/bg_search.gif) no-repeat;
	height:217px;
	margin-top:10px;
	margin-bottom:6px;
	overflow:hidden;

	}
	
#search form table.s{
	margin-left:75px;
	margin-top:10px;}
	
#search form table.s td{
	padding-right:9px;}
	
#search form table.s input{
	border:0 none;
	color:#666;
	font-family:Arial;
	font-size:14px;
	background:none;

}
	
#search form table.s input.text1{
	width:188px;
	height:18px;
	line-height:18px;}
	
#search form table.s input.text2{
	width:284px;
	height:18px;
	line-height:18px;}
	
	
/*search-inner======================================================================================================*/

#search-inner{
	}

.menu {
	color:#272727; 
	height:24px;
	padding:8px 0 0 15px;
	}
	
.menu a:hover{
	text-decoration:none;}
	
#domain-area{
	background:url(../images/index_nav_pbbg.gif) no-repeat;

	height:152px;
	padding-top:10px;
	padding-left:15px;
	overflow:hidden;}
	
#domain-area table{

}
	
#domain-area table td{
	width:100px;
	height:22px;}
	
#domain-area table td.long{
	width:130px;}
	
#domain-area table td.longer{
	width:150px;}
	
.menu ul {
	margin:0px; 
	padding:0px; 
	list-style:none; 
	text-align:center;}
	
.menu li {
	float:left;
	line-height:23px;
	background:url(../images/bg_search_b.gif) no-repeat;
	margin-right:3px;
	width:68px;
	}
.menu li a {
	color:#666;
	text-decoration:none; 

}
	
.menu li a.tabactive {
	background:url(../images/bg_search_a.gif) no-repeat;
	font-weight:bold;
	display:block;
	color:#000;
	width:68px;
	position:relative;}

/*services======================================================================================================*/

.bg-services{
	background:url(../images/bg_services.gif) no-repeat;

	height:169px;
	padding:10px;

	}


#tabs{
	width:149px;
	float:left;
	overflow:hidden;
}
	
#tabs ul li{
	cursor:pointer;}
	
#tabs-content{
	float:left;
	background:url(../images/line_gray.gif) repeat-y;
	height:169px;
	padding-left:8px;
	width:510px;

}

#tabs-content .word ul{
	padding-top:6px;}

#tabs-content .word ul li{
	float:left;
	margin-bottom:10px;}

#tabs-content .word ul li p.img{
	float:left;
	margin-right:10px;
	text-align:center;}
	
#tabs-content .word ul li p.text{
	width:125px;
	float:left;}
	
#tabs-content .word ul.e-mail li p.text{
	width:auto;
	line-height:20px;
	float:left;}
#tabs-content .word ul li p.text span{
	display:block;
	color:#666;}
	
#tabs-content .word ul li p.text span.t{
	font-weight:bold;
	margin-bottom:5px;}
	
#tabs-content .word ul li p.text span.c{
	margin-bottom:5px;}

/*flow=================================*/

.flow{
	width:800px;
	margin:0 auto;}
	
.flow .flash{
	width:595px;
	margin:0 auto;
	padding:0 100px;
	background:#ECECEC;
	border-bottom:2px solid #00349A;
	margin-bottom:20px;
	}
	

	
.flow .flow-l{
	float:left;
	width:205px;
}
	
.flow .flow-r{
	float:right;
}
	
.flow .flow-r ul li{
	width:570px;
	height:70px;
	margin-bottom:30px;
	background:#D2E9FF;
	vertical-align:middle;
	padding:10px;
	line-height:18px;}
	
.flow .flow-r ul li span{
	color:#0062C4;}
	
/*peter edit 20100106===========*/
.pay_flow{
	width:920px;
	margin:0 auto 15px auto;}
	
.flow-inner{
	margin-top:15px;
	width:918px;
	border:1px solid #a7cbff;}
	
table.flow{
	width:916px;}
	
.flow-border table td{
	text-align:center;}
	
/*thead*==========================*/

.flow-border table thead td{
	color:#fff;
	background:#2e75b5;
	font-weight:bold;
	border:none;
}
	
/*tbody==================*/

	
.flow-border table tbody td.years select{
	width: 55px; 
	height:20px;
	font-size:12px;
	border:1px solid #ccc;}



table.flow tbody tr td.domain-name a{
		color:#3366CC;
		font-size:12px;
		text-align:left;}

table.flow tbody tr td.domain-name, table.flow tbody tr td.summary{
	text-align:left;}
	
table.flow tbody tr td.summary{
	color:#333;}
		

	
	
table.flow tbody tr.additional td a{
	color:#666;
	text-align:left;}
	
table.flow tbody tr.additional td{
	background:#e2f2ff;
	border:none;}
	
table.flow tbody tr.additional td.add-checkbox{
	text-align:right;}
	
table.flow tbody tr.above td{
	border-top:2px solid #A7CBFF;
	background:#cde8fd;}
	
table.flow tbody tr.above td.unfold{
	cursor:pointer;}
	

	
.flow-border table td{
	padding:5px;
	background:#E2F2FF;
	border:1px solid #e0f1fe;

}
	
.flow-border table td.empty{
	background:#fff;
	height:20px;}
	
/*tfoot*/
	
.flow-border table tfoot td{
	background:#f4c400;
	border:none;
	color:#fa1a1b;
	font-weight:bold;}
	
.next{
	text-align:center;
	margin-top:20px;}
/*content===========*/

.content-left{
	width:200px;
	float:left;
	padding-left:2px;}
.sideBarBorder{
	width:200px;
}

.sideBar{
	width:200px;
	background:url(../images/left_menubg.gif) repeat-y;
	}
	
.sideBar ul{
	background:url(../images/left_menubottom.gif) no-repeat bottom;
	padding-bottom:5px;
}
	
.sideBar ul li{
	padding-left:30px;
	line-height:30px;}
	
.sideBar ul li a{
	color:#5e5d5d;}
	
.sideBar ul li.active{
	background:url(../images/left_menubg_h.gif);}
	

	
#content .sideBarBorder p.title{
	background:url(../images/leftmenu_titlebg.gif);
	height:23px;
	padding:15px 0 0 40px ;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}

.ask img{
	display:block;
	margin-top:10px;
	width:200px;}
	

/*content-right============*/

.content-right{
	float:right;
	width:724px;
	padding-right:3px;
}

.content-right .bread-crumb{
	text-align:right;
	color:#999;
	padding-right:20px;
	padding-bottom:3px;}
	
.content-right .bread-crumb span{
	padding:5px;
	color:#666;}
	
.content-right .bread-crumb a{
	color:#666;
	text-decoration:none;}
	
.content-right .bread-crumb a:hover{
	text-decoration:underline;}

.content-right h1{
	background:url(../images/bg_title2.gif) no-repeat;
	display:block;
	height:20px;
	width:130px;
	padding-left:30px;
	padding-top:9px;
	padding-right:564px;
	text-align:center;
	color:#11578a;
	font-size:14px;
	font-weight:bold;
}

.content-right .intro{
	 background:url(../images/bg_con_bottom.gif) bottom;
 color:#666;
 line-height:18px;
 }
	
.content-right .intro p{
	line-height:24px;
	color:#666;
	background:url(../images/bg_con_top1.gif) top no-repeat;
	padding:10px 10px 15px 15px;}

.content-right .intro .p{
	line-height:24px;
	color:#666;
	background:url(../images/bg_con_top1.gif) top no-repeat;
	padding:10px 10px 15px 15px;}
	
/*products=============*/
	
.content-right .products{
	margin-top:15px;}
	
.content-right .products .product-border{
	background:url(../images/bg_con_bottom.gif) bottom;
	float:left;
	width:724px;
	margin-bottom:10px;}
	
.content-right .products .product-inner{
	background:url(../images/bg_con_top2.gif) top no-repeat;
	padding:15px 10px 15px 15px;
	float:left;
	width:699px;
	}
	
.content-right .products .product-inner .product-inner-l{
	float:left;
	margin-right:15px;}
	
.content-right .products .product-inner .product-inner-l img{
	width:130px;
	height:130px;
	
}
	
.content-right .products .product-inner .product-inner-r{
	width:550px;
	float:left;}
	
.content-right .products .product-inner .product-inner-r p.tit{
	color:#cc6600;
	font-weight:bold;
	margin-bottom:10px;}
	
.content-right .products .product-inner .product-inner-r div.detail{
	color:#666;
	line-height:18px;}
	
.content-right .products .product-inner .product-inner-r p.inquiry{
	margin-top:10px;}
	
/*---start edit 2010-09-21 by lucas-------------------*/	
.header_title{font-weight:bold; font-size:13px; background:url(../images/dian.gif) no-repeat left 12px; padding-left:20px;  line-height:30px; margin:5px 0;}

.gray_top_bg{ background:url(../images/bg_con_top2.gif) no-repeat left top;padding-top:15px; }
.gray_mid_repeat{ background:url(../images/bg_con_bottom_mid.jpg) repeat-y left top;}
.gray_bottom_bg{background:url(../images/bg_con_bottom_bot.gif) no-repeat left bottom; padding:0 15px 15px 15px;}
.gray_bottom_bg p.inquiry{ margin:20px 0 10px 0;}
/*---end edit 2010-09-21 by lucas-------------------*/