/*
Author:           3-jie
Author URI:      
Version:	   
Project:
Description:
*/

/*
---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- BASICS
	-- CUSTOM
---------------------------------------------------------------------------------------
*/


/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html{
	font-size:100%;	min-height:101%;
	}
body{
	font-size:12px; 
	color:#000;
	}
a{color:#000; text-decoration:none}
a:hover{text-decoration:underline}
a:active{	}
a:visited{	}
.left{
	float:left; 
	}
.right{
	float:right; 
	}
.clear{
	clear:both; 
	}
.padding{
	padding:10px; 
	}
.center{
	text-align:center
	}
.red{color:red}
.white{color:white}
.b{font-weight:bold}

/*---------------------------------------------------------------------------------------
--- CUSTOM
---------------------------------------------------------------------------------------*/
#wrapper{
	background:url("../images/topbg.jpg") #000 no-repeat center 0;
	width:100%;
	float:left;
	}
#container{
	width:1007px;
	margin:0 auto;
}
#head{height:360px; float:left}
#nav{width:100%; float:left; padding:276px 0 0 0px}
#nav a{float:left; display:inline; width:162px; height:50px; text-indent:-9999px; overflow:hidden}
#sidebar{float:left; width:258px;}
#footer{}
#content{float:left; width:726px; padding:10px 0 0 18px;}
#right{}
#left{}

.login{width:218px; height:256px; padding:35px 20px 0; background:url("../images/side1.jpg")}
.login a{width:220px; height:70px; display:block;  text-indent:-9999px; overflow:hidden}
.side2{width:258px; height:33px; background:url("../images/side2.jpg")}
.side3{width:258px; background:url("../images/side3.jpg")}
.side4{width:258px; height:35px; background:url("../images/side4.jpg")}
.side5{width:258px; height:39px; background:url("../images/side5.jpg")}
.side6{width:258px; height:105px; background:url("../images/side6.jpg") no-repeat center 8%}
.side7{width:258px; height:105px;  background:url("../images/side7.jpg") no-repeat center 8%}
.side8{width:258px; height:105px;  background:url("../images/side8.jpg") no-repeat center 8%}
.side9{width:232px; height:180px; padding:30px 0 0 26px;  background:url("../images/side9.jpg") no-repeat center 8%}
.server{width:258px; height:200px;}
.swtich{width:255px; height:305px; float:left;  background:url("../images/content1.jpg")}
.new{
	width:450px;
	position:relative;
	margin-left:10px;
	padding-top:50px;
	height:255px;
	float:left;
	background:url("../images/content2.jpg");
}
.banner{width:100%; height:100px; float:left; }
.box1{width:355px; height:353px; position:relative;  float:left; background:url("../images/content4.jpg")}
.box2{width:355px; height:377px; position:relative;  float:left; background:url("../images/content5.jpg")}
.link{width:713px; height:177px; float:left; background:url("../images/content6.jpg")}
#foot{width:100%; height:100px; float:left; background:url("../images/foot.jpg") no-repeat center top}
.pattern{width:20px; height:352px; position:absolute; left:-18px; background:url("../images/content7.jpg")}
.title1{width:100%;  height:45px; background:url("../images/title1.jpg") no-repeat center 16px}
.title2{width:100%;  height:45px; background:url("../images/title2.jpg") no-repeat center 16px}
.title3{width:100%;  height:68px; background:url("../images/title3.jpg") no-repeat center 38px}
.title4{width:100%;  height:68px; background:url("../images/title4.jpg") no-repeat center 38px}
.box1 ul,.box2 ul{padding:8px 0 0 26px;}
.box1 ul li,.box2 ul li{height:20px; line-height:20px}
.imgMore{position:absolute; right:18px; bottom:14px}

.newContent{padding:10px 0 0 36px; width:90%;}
.newTitle{border-bottom: 1px solid rgb(152, 14, 3); height: 20px; width: 90%; margin-left: 20px;}
.newTitle li{float:left; width:60px; text-align:center; color:red; font-weight:bold; height:20px; line-height:20px}
.newContent li{height:20px; line-height:20px}
.pageHead{width:715px; height:52px; background:url("../images/pageHead.jpg")}
.pageBody{width:635px; padding:0 40px;  background:url("../images/pageBody.jpg"); text-align:left;overflow:auto;}
.pageFoot{width:700px; height:33px; background:url("../images/pageFoot.jpg");text-align:right;padding-right:15px;}
.side9 p{height:18px; line-height:18px; padding-left:10px}
.link{color:white}
.server ul{padding-left:20px}
.server p a{text-decoration:underline}
.server ul li,.side6 ul li,.side7 ul li,.side8 ul li{float:left; padding-left:18px;   height:18px; line-height:18px; background:url("../images/point.gif") no-repeat left center}
#sidebar a{color:#f1de9a;}
.side6,.side7,.side8 a{color:#f1de9a;}
.side6,.side7,.side8{padding-top:68px}
.side6 ul,.side7 ul,.side8 ul{padding-left:30px}
.s7 ul li{width:90%}
.s6 ul li{width:40%}
.selected{width:60px; color:#fff600; height:30px; background:url("../images/textbg.gif") no-repeat center top}
.selected a{color:#fff600}
.pageHead p{height:40px; color:#000; line-height:40px; padding-left:50px}

.pageBody h3{padding:20px 0; height:20px; line-height:20px; font-size:14px; text-align:center}
.pageBody p{
	line-height:18px; text-indent:2em}

.text {
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	text-decoration:none;
	
}
.text a {
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	text-decoration:none;
	
}
.text a:hover {
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	text-decoration:underline;
	
}
.text span {
	font-size: 12px;
	color: #000000;
	float:right; padding-right:20px;
}


.list {
	font-size: 12px;
	line-height: 22px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	text-indent: 30px;
}
.list a:hover {
	font-size: 12px;
	line-height: 22px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	text-indent: 30px;
	text-decoration:underline;
}
.link_sh a{
	color:#FFF;
	}
.dt { text-align:center; font-size:12px; color: #3A3A3A;}
.yy { font-size:12px; float:right; padding-right:20px; color:#993300;}

DIV.megas512 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.megas512 A {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.megas512 A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #777777
}
DIV.megas512 A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #777777
}
DIV.megas512 SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.megas512 SPAN.disabled {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
