/* CSS Document 
	Created by away@go4bit.com, www.zenta.cn,
	200804  version 3.000.0
	2007 07 verion 2.000.2
	2006 12 verion 2.000.1
	

*/
 /*---------------html class*/
a {
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif, "宋体";
	TEXT-DECORATION: none;
	color: #333333;
}
a:hover {
	FONT-SIZE: 12px; COLOR: #FF3300; FONT-FAMILY: Arial, Helvetica, sans-serif, "宋体"; TEXT-DECORATION: underline
}
select {
	font-family: Arial, "宋体";
	font-size: 12px;
	color: #999999;
}

body{
	MARGIN: 0px;
	BACKGROUND-REPEAT: repeat-x;
	TEXT-ALIGN: center;
	background-color: #000000;
	font-family: Arial, "宋体";
	font-size: 12px;
	color: #333333;
	}
 
form {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	font-weight: bold;
	color: #00CCFF;
}

p {
	FONT-SIZE: 9pt; MARGIN: 0px 5px; WORD-SPACING: 0px; TEXT-INDENT: 0px; LINE-HEIGHT: 150%
}
p a{
	color: #999999;
}

td {
	FONT-SIZE: 9pt; FONT-FAMILY: "&#23435;&#20307;"
}
 
div {
	font-family: Arial, "宋体";
	font-size: 12px;
	text-align: left;
}
 /*contral class*/
.select{
	font-family: Arial, "宋体";
	font-size: 10px;
	width: 90px;
}
.input{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	color: #000000;
	background-color: #EAEAEA;
	border: 1px solid #999999;
	font-size: 12px;
	height: 18px;
	line-height: 20px;
}
.button{
	font-family: Arial, "宋体";
	font-size: 12px;
	background-color: #D4D0C8;
	border: 1px solid #666666;
	height: 20px;
	line-height: 20px;
 }
.textarea{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	color: #000000;
	background-color: #EAEAEA;
	border: 1px solid #999999;
}
.word{}
.new{
	color: #FF3333;
}
.hot{
	font-size: 14px;
}

 
 
/* block ID*/
#container{
	width: 998px;
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header{
	background-image: url(../../img/header.jpg);
	background-repeat: no-repeat;
	height: 140px;
	}
#topFlash {
	height: 100px;
	width: 500px;
	float: right;
}

#language {
	text-align: right;
	margin-right: 30px;
	margin-top: 20px;
	height: 20px;
	width: 100px;
	float: right;
}
#language a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}


#content{
	width: 100%;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: left;
	background-color: #FFFFFF;
}
#album{
	float: left;
	width: 74%;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#tool{
	height: 500px;
	width: 220px;
	float: left;
	margin-left: 20px;
/*
	float: right;
	width: 25%;
	background-image: url(../img/sytle01/toolbg.jpg);
	background-repeat: repeat-x;
	height: 660px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	*/
}
.toolContent {
	background-image: url(../../img/tool.png);
	background-repeat: no-repeat;
	height: 378px;
	width: 208px;
	margin-top: 20px;
}


.toolTop {
	background-image: url(../img/photo/titlebg01.gif);
	background-repeat: repeat-x;
	height: 30px;
	line-height: 30px;
	text-indent: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00CCFF;
}

.toolTitle {
	padding: 3px;
	text-indent: 5px;
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	font-weight: bold;
	width: 90%;
	height: 25px;
	line-height: 25px;
	color: #00CCFF;
}
.toolTitle a {
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	color: #CC0033;
}
.toolText {
	font-family: Arial, Helvetica, sans-serif, "宋体";
	width: 92%;
	padding: 3px;
	text-align: left;
	text-indent: 5px;
}
.toolMenu
{
	padding: 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 400px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px; 
}
.toolMenu li
{
	font-family: Arial, "宋体";
	font-size: 12px;
	text-align: left;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	background-color: #F9F9F9;
	margin: 2px;
	height: 20px;
	width: 100%;
	padding: 2px;
	list-style-type: none;
	line-height: 20px;
	text-indent: 20px;
	background-image: url(../../img/barbg3.gif);
	background-repeat: repeat-x;
	border: 1px solid #F3F3F3;
}
.toolMenu li a
{
	font-family: Arial, "宋体";
	font-size: 12px;
	text-align: left;
	color: #666666;
	text-decoration: none;
	margin: 2px;


}
.toolMenu li a:hover
{
	font-family: Arial, "宋体";
	font-size: 10px;
	text-align: left;
	color: #5DA9ED;
	text-decoration: none;
	margin: 2px;


}
.toolMenu dt{
	margin: 2px;
	padding: 0px;
	text-align: left;
	width: 160px;
	text-indent: 0px;
	height: 26px;
	border: 1px solid #FFCC00;
	background-image: url(../img/barbg4.gif);
}
.toolMenu dt a{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	color: #FFFFFF;
 
}
.toolMenu dd{
	margin: 0px;
	padding: 0px;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 20px;
	background-color: #FBF0C6;
	width: 160px;
	background-image: url(../img/ico_dot.gif);
	background-repeat: no-repeat;
	background-position: 14px;
}
.toolMenu dd a{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	color: #EC9B10;

}



.toolAlbumList
{
}
.toolAlbumList li
{
}
.toolAlbumList li a
{
	color: #FFFFFF;
}
.toolAlbumList li span
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 9px;
}
#main {
	width: 680px;
	float: right;
	margin-right: 20px;
}
#mainTitle {
	padding: 3px;
	text-indent: 5px;
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	margin-top: 20px;
	color: #990000;
	background-image: url(../../img/barbg3.gif);
	background-repeat: repeat-x;
	height: 20px;
	line-height: 20px;
}

#menu {
	FLOAT: right;
	TEXT-ALIGN: center;
	background-repeat: repeat-x;
	line-height: 30px;
	border: 0px solid #CCCCCC;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 30px;
	width: 100%;
	background-image: url(../../img/barbg5.gif);
 
}
#menu a {
	color: #CCCCCC;
}

#menu li{
	FLOAT: left;
	TEXT-ALIGN: center;
	list-style-type: none;
	line-height: 20px;
	margin: 2px;
	padding: 2px;
 
}
#menu li a{

 
}
/* menu style */


.menuSub
{
	font-family: Arial, "宋体";
	font-size: 10px;
	text-align: left;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	background-color: #f2f3f4;
	margin: 0px;
	width: 112px;
	padding: 0px;
}

.menuSub li
{
	font-family: Arial, "宋体";
	font-size: 10px;
	text-align: left;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	background-color: #f2f3f4;
	margin: 2px;
	height: 18px;
	width: 110px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	padding: 0px;
	list-style-type: none;
}
.menuSub li a
{
	font-family: Arial, "宋体";
	font-size: 10px;
	text-align: left;
	color: #666666;
	text-decoration: none;
	margin: 2px;


}
.menuSub li a:hover
{
	font-family: Arial, "宋体";
	font-size: 10px;
	text-align: left;
	color: #5DA9ED;
	text-decoration: none;
	margin: 2px;


}

#footer
{
	width: 100%;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	margin: 0px;
	clear: both;
	background-color: #FFFFFF;
}
 
#footer a
{
	color: #FF6600;
	text-decoration: underline; 
}

 
#alert {
	color: #0099FF;
	border: 1px solid #FF0000;
	margin: 10px;
	padding: 4px;
}


.alert {
	color: #0099FF;
	border: 1px solid #FF0000;
	margin: 10px;
	padding: 4px;
}
.alertHidden {
	visibility: visible; 
}
.hot {
	color: #FF3333;
}
.hot a {
	color: #FF3333;
	font-weight: bold;
}

.new {
	color: #FF3333;
}
.new a {
	color: #FF3333;
}


.Key {
	color: #FF3333;
}
.Key a {
	color: #FF3333;
}





#logo {
	font-family: Arial, "宋体";
	height: 60px;
	float: left;
	width: 280px;
	background-image: url(../img/sytle01/logo.jpg);
	background-repeat: no-repeat;
}
#dearch {
	float: left;
	width: 400px;
	height: 40px;
	padding: 10px;
	color: #E80289;
}
#dearchBar{
	width: 440px;
	float: none;
}
#dearchBar form{
	width: 500px;
	float: none;
}


.inputSearch {
	border: 1px solid #CC008E;
	background-color: #51003A;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.buttonSearch {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC008E;
	border-right-color: #220018;
	border-bottom-color: #220018;
	border-left-color: #CC008E;
	background-color: #480032;
	color: #EE028B;
	font-family: Arial, Helvetica, sans-serif;

}

#body {
	height: 800px;
	width: 760px;
}
#left {
	width: 200px;
	float: left;
	border: 1px solid #00CCFF;
}

#right {
	width: 550px;
	float: right;
}






 

 
#link {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 40px;
	clear: left;
}
#linkTitle {
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	font-weight: bold;
	color: #00CCFF;
	padding: 4px;
}

#link ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 40px; 
}
#link ul li{
	float: left;
	width: 85px;
	height: 38px;
	margin: 2px;
	padding: 2px;
}
#link ul li a{
	color: #FF9900;
 
}




.list{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.list li{
	padding: 0px;
	list-style-type: none;
	height: 16px;
	border-left-width: 0px;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-align: left;
	width: 98%;
	vertical-align: bottom;
	line-height: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.listSub{
	margin: 0px;
	list-style-type: none;
	width: 267px;
	border: 1px solid #7ADFD7;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.listSub li{
	padding: 0px;
	list-style-type: none;
	height: 16px;
	border-left-width: 0px;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-align: left;
	width: 96%;
	vertical-align: bottom;
	line-height: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.box{
	font-family: Arial, "宋体";
	font-size: 10px;
	line-height: 18px;
	color: #666666;
	text-align: left;
	text-indent: 5px;
	width: 98%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.boxTitle{
	font-family: Arial, "宋体";
	font-size: 10px;
	line-height: 18px;
	color: #666666;
	text-align: left;
	text-indent: 5px;
	margin: 2px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	height: 20px;
	background-image: url(../img/barbg3.gif);
	background-repeat: repeat-x;
}
.boxTitleText{
	font-family: Arial, "宋体";
	font-size: 12px;
	line-height: 18px;
	color: #0099FF;
	text-align: left;
	text-indent: 5px;
	width: 200px;
	font-weight: bold;
	height: 20px;
}
.boxTitleMore{
	font-family: Arial, "宋体";
	font-size: 9px;
	line-height: 18px;
	color: #666666;
	text-align: left;
	text-indent: 5px;
	margin: 0px;
	width: 60px;
	height: 17px;
}

.line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ACEEFF;
	margin-bottom: 5px;
	padding: 10px;
}
.lineLeft {
	float: left;
	width: 150px;
	line-height: 18px;
	text-indent: 6px;
	color: #0099FF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.lineMiddle {
	float: righ;
	width: 400px;
	line-height: 18px;
	text-indent: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.lineRight {
	float: righ;
	width: 400px;
	line-height: 18px;
	text-indent: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.searchInput{
	background-image: url(../img/inbg.gif);
	background-repeat: no-repeat;
	border: 1px solid #CFCFCF;
	height: 18px;
	text-align: 18;
	padding: 1px;
	text-indent: 3px;
	color: #666666;
}
.searchButton {
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.photoShow{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding-right: 8px;
	padding-left: 8px; 
 
}

.photoShowImg{
	overflow: hidden;
}
.photoShowImg img{
	margin: 0px;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.photoShowTitle{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-weight: bold;
	color: #CC3300;
	padding: 4px;
}
.photoShowTitle span{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 10px;
	color: #999999;
	text-indent: 5px;
 
}
.photoShowMemo{
	border: 1px solid #333333;
	padding: 4px;
	margin: 5px;
}
.photoBox {
	float: left;
	height: 150px;
	width: 130px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 2px;
	border: 1px solid #660033;
	background-color: #280014;
}
.photoBoxImg {
	height: 104px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.photoBoxImg a img{
	margin: 0px;
	border: 0px solid #FFFFFF; 
}
.photoList {
	margin: 2px;
	width: 100%;
}
.photoBoxDetail {
	width: 100%;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	color: #FFFFFF;
}
.photoBoxDetail a{

	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	color: #999999;
}
/* data and page*/
 
#toolBar{
	text-align: right;
	margin: 5px;
	height: 20px;
}
#toolBarInfo{
	width: 40%;
	float: left;
	height: 20px;
	line-height: 20px;
	color: #00CCFF;
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	font-weight: bold;
	text-indent: 5px;
}
#toolBarAction{
	float: right;
	height: 20px;
	width: 50%;
}

#toolBar form{
	text-align: right;
}

#subPage{
	text-align: right;
	height: 25px;
}

.subPageBar {
	width: 100%;
	text-align: right;
	clear: left;
}
.subPage {
	text-align: right;
	clear: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: none;
}
/*
.SubPage li {
	width: 20px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	border: 1px solid #666666;

}
.SubPage li a {
	width: 100%;
	text-align: right;
	color: #999999;
}
*/
.subPageNum{
	float: left;
	height: 17px;
	margin: 1px;
	padding: 1px;
	text-align: center;
	border: 1px solid #66CCFF;
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 10px;
	width: 17px;
}
.subPageNum a{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 10px;
 
}
.subPageNum A:hover{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 10px;
 
}
.subPagePrev{
	float: left;
	height: 17px;
	width: 40px;
	margin: 1px;
	padding: 1px;
	text-align: center;
	border: 1px solid #00CCFF;
	font-size: 10px;
}
.subPageNext{
	margin: 1px;
	padding: 1px;
	float: left;
	height: 17px;
	width: 40px;
	border: 1px solid #00CCFF;
	font-size: 10px;
	text-align: center;
}
.subPageNext a{
	font-size: 10px;
}
.subPagePrev a{
	font-size: 10px;
}
.subPageNext A:hover{
	font-size: 10px;
}
.subPagePrev A:hover{
	font-size: 10px;
}
.subPageDot{
	float: left;
	height: 17px;
	width: 30px;
	margin: 1px;
	padding: 1px;
	text-align: center;
	 
	font-size: 10px;
  
}
.subPageCurrNum{
	float: left;
	height: 17px;
	color: #000000;
	background-color: #ACE4FF;
	text-align: center;
	margin: 1px;
	padding: 1px;
	border: 1px solid #0099FF;
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 10px;
	width: 17px;
}

.data {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 4px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.dataTable {
	margin: 0px;
	padding: 0px;
	border: 1px solid #F9F9F9;
	width: 100%;
}
.dataTable  tr{
	margin: 0px;
	padding: 0px;
	border: 1px solid #00CCFF;
}
.dataTable  tr td{
	margin: 0px;
	padding: 0px;
	background-color: #f5f5f5;
	text-indent: 3px;
}
.dataTable  tr th{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	background-color: #00CCFF;
	font-weight: normal;
	color: #FFFFFF;
	text-indent: 3px;
	text-align: left;
}

.dataCell {
	background-color: #CEFFFF;
}

.title {
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-indent: 3px;
}
.titleBar{
	height: 20px;
	width: 100%;
}
.titleBarInfo{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	color: #FFFFFF;
	text-indent: 10px;
	float: left;
	width: 45%;
	height: 20px;
}
.titleBarMore{
	float: right;
	width: 50%;
	padding-right: 10px;
	height: 20px;
}
.commLine{
	padding: 2px;
	width: 100%;
}
.commForm {
	height: 500px;
}

.commLineLeft{
	float: left;
	width: 140px;
 
}
.commLineRight{
	float: left;
	width: 140px;
	margin-left: 8px; 
}
.ads{
	text-align: left;
	padding: 4px;
}
#ad728 {
	margin: 4px;
	height: 60px;
	width: 729px;
}
.userInfo48{
	padding: 0px;
	margin: 0px;
}
.userIcon48{
	height: 48px;
	width: 48px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
.userIcon48 img{
	border: 0px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
 
}
.userInfoBox48{
	float: right;
	width: 100%;
}
.userName{
	text-indent: 5px;
}
.userName a{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 14px;
	font-weight: bold;
	color: #00FFFF;
}
.userName a:hover{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 14px;
	font-weight: bold;
	color: #00FFFF;
}
.userSysOption{}
.userSysOption ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.userSysOption ul li{
	height: 20px;
	width: 60px;
	margin: 0px;
	padding: 0px;
}
.userSysOption ul li a{
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
