/********************************************
AUTHOR:  		abin 
WEBSITE:   		http://www.cofe.cn/
TEMPLATE NAME:	Refresh
TEMPLATE CODE: 	S-0002
VERSION:        1.0          	
*******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 




.hr{color: #E8E8E8;height:1px;}



/* form elements */
.searchblock{
display:block;
text-align:center;
position:relative;
float:left;
margin-top:20px;
}
form {
	margin:0; padding: 0;
}
.input01 {
	padding:2px 2px 2px 2px;
	border:1px solid #84cafc;
	font: normal 12px Verdana, sans-serif;
	height:17px;
	width:180px;
}
.textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 880px;
	background: #FFF url(../../image/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#content-wrap {
	clear: both;
	width: 880px;
	padding: 0; 
	margin: 0 auto;
}
#header {
	width: 880px;
	margin: 0 auto;
}
#header a{
	color: #26a8b3; text-decoration:none; 
}
#header img{
border:0px;
}
.logo{
display:inline-block;
width:45%;
float:left;
padding:20px 0;
text-align:left;
}
.button{
display:inline-block;
width:45%;
float:right;
text-align:right;
padding:20px 0;
}

.tel{display:inline-block; float:right;text-align:right; padding-top:1px;}

/* Menu 导航 */
/*menu container*/
.menucontainer{background: #fff url(image/bgoff.jpg) no-repeat bottom left; width:880px; margin:0 auto;}
/*basic menu styling*/
.menu {float:left;font-family: arial,verdana,sans-serif;width:100%;position:relative;font-size:12px;font-weight:bold;
background:url(image/bgoff.jpg) repeat-x bottom left;border-top:4px solid #B30000;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;background:url(image/bgdivider.gif) no-repeat bottom right;}
/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;width:auto;color:#fff;padding:0px 16px 0px 16px;line-height:40px;height:40px;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
/*hide sub nav items*/
.menu ul li ul {display:none;}
/*clear the main nav bg*/
.menu ul li ul li{background:none;}
/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:12px;}
/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#B30000;background: transparent url(image/bgon.gif) bottom left repeat-x ;}
/*main nav now state*/
.menu ul .now a{color:#B30000;background: transparent url(image/bgon.gif) bottom left repeat-x; }
.menu ul .now a:hover{color:#B30000;background: transparent url(image/bgon.gif) bottom left repeat-x; }
.menu ul .now a:visited{color:#B30000;background: transparent url(image/bgon.gif) bottom left repeat-x; }
/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:36px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#e3e3e3;color:#333;height:auto;line-height:16px;padding:2px 16px 2px 16px;width:120px;border-top:1px solid #fff;}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {color:#fff;background: #B30000 url(image/sub-arrow.gif) no-repeat;background-position: 4px 8px;}







/* Main Column */
#main {
	float: right;
	width: 660px;
	padding: 0; margin: 0;
}

.mainblock,.mainblock1{ display:block; float:left; width:660px; background:url(image/mainblockbg.jpg) top no-repeat; clear:both; margin-top:7px; text-align:left;}


.maincontent{ display:block; padding:5px 0 0 0;   clear:both;background:url(image/mainblockcenter.jpg) repeat-y; text-align:left; }

.mainblock1{background:url(image/firstblockbg.jpg) no-repeat;}
.maincontent1{ display:block;  padding:5px 0 0 0;   clear:both; text-align:left;}
.maincontent1 ul{ list-style:none; text-align:left; padding-left:5px; padding-top:5px; padding-bottom:15px; }
.maincontent1 ul li a{ display:block; height:25px;color:#333; text-decoration:none; padding-left:15px;padding-top:5px;background:url(image/arrow-02.gif) no-repeat; font-size:14px;}
.maincontent1 ul li a:hover{color:#b00000; text-decoration:underline;}

.mainblockfoot{
    float:left;
    background:url(image/mainblockfoot.jpg) no-repeat;
    width:660px;
    height:10px;
    clear:both;
    margin:0px;
}

.mainblockitem{ display:block; float:left; border-bottom:1px solid #84cafc; font-size:14px; width:615px; padding:5px 0px 0px 10px; margin-left:3px;}
.mainitemnow, .mainitemoff{display:block; width:131px; height:22px; background:url(image/mainitembg.jpg) no-repeat; padding-top:10px; float:left;  text-align:center; margin:3px 0px -1px 5px;}
.mainitemoff{background:url(image/mainitembg02.jpg) no-repeat; }

.mainitemnow a{ color:#b00000; text-decoration:none; font-weight:bold;}
.mainitemnow a:hover{ color:#0033cc;}
.mainitemoff a{ color:#0033cc; text-decoration:none; font-weight:bold;}
.mainitemoff a:hover{ color:#b00000;}

.maincontent2{ display:block;  padding:5px 0 0 0;   clear:both;background:url(image/mainblockcenter2.gif) repeat-y 0px 10px; text-align:left;}

.maincontent2 span a{ 
	display:inline;
	color:#333333;
	text-decoration:none;
	background: url(image/arrow-02.gif) no-repeat 0px -3px;
	font-size:14px;
	width:290px;
	float:left;
	padding-left:20px;
	margin-left:14px;
}
.maincontent2 span a:hover{color:#b00000; text-decoration:underline;}

.more2{ display:block; background:#FFFFFF; text-align:right; float:left; clear:both; width:640px; margin-left:5px; font-size:14px;}
.more2 a{ color:#0033cc; text-decoration:none;}
.more2 a:hover{ color:#b00000; text-decoration:underline;}


/*功能介绍图文简介区块*/
.somediv{
display:block;
width: 300px;
margin-left:15px;
margin-bottom:8px;
float:left;
}
.floatbox{
display:block;
float: left;
width: 90px;
}
.somediv p{
margin-top: 0;
margin-left: 110px;
color:#666;
}
.somediv a{ color:#333333; font-weight:bold; text-decoration:underline;line-height:180%;}
.somediv a:hover{ color:#b00000;}


.testblock{ display:block; width:300px; background:#063;}





/* Sidebar */	
#sidebar {
	float: left;
	width: 220px;
	padding: 0; margin: 0;	
}	

.sideblock{ display:block; float:left; width:203px; background:url(image/lefttopbg.jpg) top no-repeat; clear:both; margin-top:7px; text-align:left;}

.sidetit{ display:block; float:left; width:120px;color:#003399; margin-top:0px; font-weight:bold; padding-top:10px;}

.sidecontent{
	display:block;
	padding:6px 0 0 0;
	clear:both;
	background:url(image/leftblockcenter.jpg) repeat-y;
	text-align:center;
}

.searchblockfoot{float:left;background:url(image/leftblockbottom.jpg) no-repeat;width:203px;height:10px; clear:both;}



.sidecontent ul{ list-style:none; text-align:left; padding-left:10px; }
.sidecontent ul li a{ display:block; height:22px;color:#003399; text-decoration:none; padding-left:25px;padding-top:5px;background:url(image/arrow-why.gif) no-repeat;}
.sidecontent ul li a:hover{color:#003399; text-decoration:underline;}

.more{ text-align:right; padding-right:10px;}
.more a{ color:#003399; text-decoration:none;}
.more a:hover{ color:#003399; text-decoration:underline;}

.softset{padding-left:10px; color:#333; text-align:left;}
.softset a{ color:#000; text-decoration:underline; font-weight:bold; line-height:180%;}
.softset a:hover{ color:#b00000;}

.sidebtn img{ float:left; border:0px; margin-top:5px;}

/* login */
.logintext{
	color:#003399;
	display:block;
	clear:both; 
	margin-bottom:5px;
	margin-right:10px;
}

.logininput{ border:1px solid #89cdfc; width:105px; height:16px; font-size:11px;}
[xmlns] .logintext{width:185px;}
[xmlns] .logininput{width:100px;}

/* Footer */	
.footer {
	color: #666666;
	background: #CCC url(image/footer.jpg) repeat-x;
	clear: both;
	width: 880px;
	height: 60px;
	text-align: center;	
	font-size: 12px;
	padding-top:40px;
}
#footer a {color: #26a8b3; text-decoration:none;  }

.footerlinks{ text-align:center; color:#CCCCCC}
.footerlinks a {color: #26a8b3; text-decoration:none;  }
.footerlinks a:hover {color:#ff719e; text-decoration:none;  }
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

/*text color*/
.textorange{ color:#ff3300;}

/* display and additional classes */
.clear { clear: both; }


/*CSS technorati style pagination*/

DIV.technorati {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right; padding-right:25px;
}
DIV.technorati A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: rgb(66,97,222); MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.technorati A:hover {
	BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
DIV.technorati A:active {
	BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
DIV.technorati SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.technorati SPAN.disabled {
	DISPLAY: none
}
.redtext01{color:#b00000;}
.bluetext01{color:#0066cc;}