@charset "utf-8";

/* --------------------------------------------------------------------------------------- 


###############  SCREEN -  IDC Stylesheet  ##################

*	Project Info
*
*	Project : WanerSoft , IDC site
*	Site : www.qwidc.net
*	File : css/idc.css
*	Usage : IDC Stylesheet 
*	Copyright : ( c ) 2008  WanerSoft , Inc. 
*	License : Creative Commons ( cc )

*	WebDeveloper Info
*
*	Author : iSong
*	Email : isong.ge@gmail.com
*	Site : www.isonge.cn
	
*	Creation & Subversion Keywords:
*
*	Creation Data : 2008-10-10
*	LastChangedDate: 2008-11-8
*	LastChangedBy: iSong


 --------------------------------------------------------------------------------------- */






/*--------------------------------------------Defult-----------------------------------------
*/


html {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

body {
	color:#666666;
	background:#c7dbf4 url( ../images/bg.png) repeat-x scroll left top;
}


/*--------------------------------------------Defult End-----------------------------------------
*/




/*--------------------------------------------Layout---------------------------------------------
*/

div#main {
	position:relative;
	width:840px;
	margin:0px auto;
}

div#header {
	background:url( ../images/bg_header.jpg) repeat-x scroll left bottom;
	position:relative;
	height:107px;
	width:840px;
}

div#header h1 img {
	margin-left:-18px;
}

div#wrapper {
	background:#FFF;
	border-top:1px solid #fff;
	border-right:1px solid #c2d6ee;
	border-left:1px solid #c2d6ee;
	padding:5px 8px;
}

div#content {
	width:560px;
	float:left;
}

div#content h2 {
	color:#f03b58;
	font-size:16px;
	line-height:1;
	margin: 0 0 20px 0;
}

div#sidebar {
	background:#EFF5FC url( ../images/bg_sidebar.png) repeat-x scroll left bottom;
	position:relative;
	width:242px;
	padding:4px;
	float:right;
}

div#sidebar h2 {
	color:#f03b58;
	font-size:16px;
	line-height:1;
	margin: 0 0 20px 0;
}

div#sidebar ul  li {
	background-image:url(../images/index_icon_bgs.gif);
	background-repeat:no-repeat;
	background-position:4px -61px;
	padding:2px 0 2px 10px;
	line-height:18px;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
}

div#footer {
	width:840px;
	background:#fff url( ../images/bg_footer.png) no-repeat scroll left bottom;
	padding:10px 0 30px 0;
	margin-bottom:50px;
}




/*--------------------------------------------Layout End-----------------------------------------
*/





/*--------------------------------------------siteNav---------------------------------------------
*/


#siteNav {
	background:#252525 url(../images/bg_siteNav.gif) no-repeat scroll left top;
	height:32px;
	width:840px;
}

#siteNav ul {
}

#siteNav li {
	background:transparent url(../images/nav_hover_bg.gif) no-repeat scroll right bottom;
	float:left;
	font-size:12px;
	position:relative;
	text-align:center;
}

#siteNav li a {
	display:block;
	color:#FFF;
	background:transparent url(../images/nav_normal_bg.gif) no-repeat scroll right bottom;
	padding:8px 20px;
	text-decoration:none;
}

#siteNav li a:hover {
	background:transparent none repeat scroll 0%;
	color:#FFF;
}

#home #navHome a {
	margin-bottom:-1px;
}

#home a#navHome , #servers a#navServers , #hosts a#navHosts , #pcs a#navPcs , #usc a#navUsc , #buy a#navBuy {
	background:#FFF url( ../images/bg_nav_c.png) repeat-x scroll left bottom;
	border-bottom:1px solid #FFFFFF;
	color:#37454E;
	cursor:default;
}

#home #navHome ul {
	padding-bottom:1px;
}

#nav_menu {
	margin-left:15px;
	padding-top:4px;
}

#nav_menu a.top {
	display: block;
}

#nav_menu a.nav {
	display: block;
	padding-top: 8px;
	height: 18px;
	width: 14em;
}

#nav_menu li {
	float: left;
}

#nav_menu li ul {
	display: block;
	position: absolute;
	width: 14em;
	left: -999em;
	-moz-opacity: .9;
	opacity: .9;
	filter: alpha(opacity=80);
	background-color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	z-index: 99;
}

#nav_menu li:hover a.top, #nav_menu li.sfhover a.top {
	color: #FFF;
}

#nav_menu li:hover ul, #nav_menu li.sfhover ul {
	left: auto;
}

#nav_menu li ul li a {
	text-align: left;
	padding: 4px 0px 2px 0px;
}

/*--------------------------------------------siteNav End----------------------------------------
*/




/*--------------------------------------------Elements-------------------------------------------
*/


/*Tel*/

div#tel {
	position:absolute;
	right:0;
	top:0;
	z-index:9999;
}

/*Online*/

div#online {
	position:absolute;
	background:#fff url( ../images/bg_online.gif) no-repeat scroll left top;
	height:402px;
	width:85px;
	right:-84px;
	top:160px;
	z-index:9999;
}

div#online ul#qq {
	width:61px;
	position:relative;
	top:65px;
	left:10px;
}

div#online ul#qq li {
	padding:6px 0;
}

/*TopInfo*/

div#topInfo {
	color:#fff;
	position:absolute;
	right:0;
	bottom:15px;
	width: 425px;
}

div#topInfo ul li {
	float:left;
	margin-right:1.2em;
}

div#topInfo li img {
	margin-right:0.5em;
	vertical-align: text-bottom;
}

div#topInfo li a {
	color:#fff;
}

/*Login*/

div#login {
	color:#fff;
	position:absolute;
	right:18px;
	top:12px;
}

input.name ,input.pwd {
	width:85px;
	height:14px;
	margin:0 5px;
}

input.signin {
	background:none;
	border:0;
	width:45px;
	height:21px;
	position:relative;
	top:7px;
	left:5px;
}

div#login a.reg {
	position:relative;
	top:5px;
}

/*homeBanner*/

div#homeBanner {
	background:#FFF url(../images/homeBanner.jpg) no-repeat scroll left top;
	height:130px;
	width:560px;
}

/*ScrollDiv*/

#scrollDiv {
	background:#EFF5FC url( ../images/bg_an.png) no-repeat scroll left top;
	width:500px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	margin:5px 0 0;
	padding-left:60px;
}

#scrollDiv li {
	height:30px;
	padding-left:10px;
}


/*--------------------------------------------Elements End--------------------------------------
*/




/*--------------------------------------------Content Elements-------------------------------------
*/


/*Servers*/

div#servers {
	background:#fbf7d6;
	height:286px;
	margin:5px 0;
	padding:5px;
}

div.item_servers {
	position:relative;
	background:url( ../images/bg_item_servers.png) no-repeat scroll left bottom;
	width:272px;
	height:92px;
	overflow:hidden;
	line-height:16px;
}

div.item_servers_info {
	width:140px;
	height:80px;
	margin:4px 0 0 65px;
	overflow:hidden;
}

div.item_servers_info h3 {
	color:#004F98;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}

div.item_servers_info a.m , div.item_servers_info a.b {
	padding:0 0 0 12px;
	margin-right:5px;
	background-image:url( ../images/index_icon_bgs.gif);
	background-repeat:no-repeat;
}

div.item_servers_info a.m {
	color:#004a80;
	background-position:left 3px;
	_background-position:left 2px;
	*background-position:left 2px;
}

div.item_servers_info a.b {
	color:#fa2c0b;
	background-position:left -22px;
	_background-position:left -23px;
	*background-position:left -23px;
}

div.item_servers_price {
	color:#FFF;
	background:url( ../images/bg_item_servers_price.gif) no-repeat scroll left bottom;
	font-size:17px;
	width:49px;
	height:39px;
	padding:21px 0 0 11px; 
	position:absolute;
	right:5px;
	top:18px;
	overflow:hidden;
}

/*Hosts*/

div#hosts {
	background:#fff;
	height:310px;
	margin:5px 0;
}

#home div.hostsTip {
	position:absolute;
	right:-7px;
	top:-6px;
	z-index:99999;
}

div.item_hosts {
	position:relative;
	background:url( ../images/bg_item_hosts.png) no-repeat scroll left bottom;
	height:126px;
	overflow:hidden;
}

div.item_hosts ul li {
	background-image:url( ../images/index_icon_bgs.gif);
	background-repeat:no-repeat;
	background-position:4px -61px;
	padding:0 0 0 10px;
	line-height:18px;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
}

div.item_hosts ul li.types {
	background-image:none;
	color:#347aba;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}

div.item_hosts_more {
	position:absolute;
	right:16px;
	top:48px;
}

div.item_hosts span.price {
	color:#FF0000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	padding:0 5px;
}

div.item_hosts_l {
	float:left;
	overflow:hidden;
	padding:15px 0 0 20px;
}

div.item_hosts_r {
	float:right;
	width:350px;
	overflow:hidden;
}

/*SHsBox , BuyBox , NewBox*/

div#SHsBox , div#buyBox , div#newBox {
	padding-top:5px;
	line-height:20px;
}

div#buyBox {
	padding:20px 0 0 20px;
}

div#newBox {
	padding-top:5px;
	line-height:22px;
	padding:20px 0 0 10px;
}

div#newBox h3 {
	font-size:12px;
	color:#004F98;
	font-weight:bold;
	margin-bottom:4px;
}

div.hostsTip {
	position:absolute;
	right:0px;
	top:-2px;
	z-index:99999;
}

div.item_SHs {
	position:relative;
	background:url( ../images/bg_item_SHs.png) no-repeat scroll left top;
	overflow:hidden;
}

#servers div.item_SHs {
	height:230px;
}

#hosts div.item_SHs {
	height:300px;
}

#pcs div.item_SHs {
	height:290px;
}

div.item_SHs span.n1 {
	color:#347aba;
	font-weight:bold;
	padding-right:10px;
}

div.item_SHs span.n2 {
	color:#FF0000;
	font-weight:bold;
	padding-right:10px;
}

div.item_SHs ul li {
	background-image:url( ../images/index_icon_bgs.gif);
	background-repeat:no-repeat;
	background-position:4px -61px;
	padding:0 0 0 10px;
	line-height:20px;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
}

div.item_SHs ul li.types {
	background-image:none;
	color:#347aba;
	font-size:15px;
	line-height:28px;
	font-weight:bold;
	margin-left:-6px;
}

div.item_SHs ul li.types img.hot {
	margin:-8px 0 0 5px;
}

div.item_SHs_buy {
	position:absolute;
	right:20px;
	bottom:30px;
}

div.item_SHs span.price {
	color:#FF0000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	padding:0 5px;
}

div.item_SHs_l {
	float:left;
	overflow:hidden;
	padding:15px 0 0 20px;
}

div.item_SHs_r {
	text-align:left;
	float:right;
	width:390px;
	padding:10px 10px 0 0;
	overflow:hidden;
}

/*BankList*/

ul#bankList {
}

ul#bankList li {
	padding-left:80px;
	line-height:22px;
	padding-bottom:20px;
}

ul#bankList li span {
	color:#004F98;
	font-weight:bold;
	font-size:12px;
}

ul#bankList li.gsBank {
	background:transparent url(../images/bank_gs.png) no-repeat scroll left center;
}

ul#bankList li.zsBank {
	background:transparent url(../images/bank_zs.png) no-repeat scroll left center;
}

ul#bankList li.jsBank {
	background:transparent url(../images/bank_js.png) no-repeat scroll left center;
}

ul#bankList li.zgBank {
	background:transparent url(../images/bank_zg.png) no-repeat scroll left center;
}

ul#bankList li.nyBank {
	background:transparent url(../images/bank_ny.png) no-repeat scroll left center;
}

ul#bankList li.yzBank {
	background:transparent url(../images/bank_yz.png) no-repeat scroll left center;
}


/*--------------------------------------------Content Elements End--------------------------------
*/





/*--------------------------------------------Sidebar Elements-------------------------------------
*/


/*HotQ*/

div#hotQ {
	height:125px;
	padding-bottom:2px;
	overflow:hidden;
}

div#hotQ h3 {
	background-image:url(../images/index_bgs.gif);
	background-repeat:no-repeat;
	background-position:left -205px;
	font-size:14px;
	padding:2px 0 10px 40px;
	margin:4px 0 0 10px;
	color:#004f98;
}

div#hotQ ul {
	margin:2px 8px;
	margin-bottom:12px;
}

div#hotQ ul li {
	float:left;
	width:100px;
}

/*Show*/

div#show {
	height:155px;
	_height:156px;
}

div#show ul li {
	_width:120px;
}

/*News*/

div#news {
	height:175px;
	_height:176px;	
}

div#news ul li , div#cases ul li {
	_width:216px;
}

/*Cases*/

div#cases {
	height:184px;
}

/*Pc*/

div#pc {
	height:184px;
}

/*Contact*/

div#contact {
	position:relative;
	background:url( ../images/bg_contact.png) no-repeat scroll left top;
	width:242px;
	height:335px;
}

div#contact div#fl {
	position:absolute;
	top:110px;
	right:30px;
}

div#contact div#contact_c {
	color:#34535f;
	font-size:11px;
	line-height:16px;
	position:absolute;
	top:265px;
	left:100px;
}


/*--------------------------------------------Sidebar Elements End------------------------------
*/





/*--------------------------------------------Footer Elements-------------------------------------
*/


div#copyright {
	width:800px;
	margin:0px auto;
	padding:25px 0;
	text-align:left;
	line-height:1.8em;
	border-top:1px solid #e7e7e9;
}

div#copyright a {
	color:#347aba;
}

div#copyright img.footLink {
	margin:0 20px 10px 0;
}


/*--------------------------------------------Footer Elements End-------------------------
*/