body,html{
	margin:0;  /*--四周空隙--*/
	padding: 0px;             /*-- 边框填充--*/
	background-color: #767676;
	font-family: "Times New Roman", Times, serif;
	font-size: 63%;
	}
	
#opening{
   position: absolute;     /*--绝对定位--*/
	margin-top: -300px!important; margin-top: -310px;       /*-- div高度的一半--*/
	margin-left: -500px;      /*-- div宽度的一半--*/
	top: 50%;
	left: 50%;
	height:600px;
	width: 1000px;
	padding: 0px;
		}
		
a:link,a:hover,a:visited{
    color: #000066;
	text-decoration: none;
}

a.mail:link,a.mail:hover,a.mail:visited{
    color: #0033CC;
	text-decoration: none;
}
	
#container {
    margin:0; 
    padding: 0px;
	height: 100%;
	width: 100%;
    text-align: center;
		}

#banner {
   /* background-image:url(../images/banner_2.gif);*/
	width:100%;
	top:7%!important;!top:1%;
	height: 140px;
	margin:0px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
}

#contents{
	position: absolute;     /*--绝对定位--*/
	margin-top: -165px!important;
	margin-top: -165px;       /*-- div高度的一半--*/
	margin-left: -475px;      /*-- div宽度的一半--*/
	top: 50%;
	left: 50%;
	height:350px;
	width: 950px;
	padding: 0px;
}

.text{
    font-size:1.6em;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #CCCCCC;
	word-spacing: 0.2em;
	margin:0px;
	padding:0px;
	}

h5{
	font-size:1.8em;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #CCCCCC;
	word-spacing: 0.2em;
	margin:0px!important;
	padding:0px!important;padding:0px 0px 5px 0px;
}

#menu {
	width:100%;
	height:45px;
	background-color: #000000;
	float: left;
	border-bottom: solid #BFBFBF 2px;
}

.logo {
	float: left;
	clear: left;
	background-image: url(../images/logo_2.gif);
	padding: 0px;
	height: 45px;
	width: 200px;
	margin: 0px 10px 0px 5px;
	background-repeat: no-repeat;
	background-position: center;
}

#menutext {
	float: left;
	height: 30px;
	width: 530px;
	text-align: left;
	margin: 0px;
	padding: 15px 0px 0px 10px;
}

.top_botton {
    float: right;
	clear: right;
	margin: 0px;
	padding: 15px 12px 0px 0px;
	text-align: center;
	vertical-align: bottom;
}

.input1 {
	background-color: #35a4dd;
	height: 16px;
	width: 16px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #CCCCCC;
}

.input2 {
	background-color: #000000;
	height: 16px;
	width: 16px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #CCCCCC;
}

.input3 {
	background-color: #0077d5;
	height: 16px;
	width: 16px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
    border: 1px solid #CCCCCC;
}

.input4 {
	background-color: #5d5d5d;
	height: 16px;
	width: 16px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #CCCCCC;
}

.input5 {
	background-color:#FFFFFF;
	height: 16px;
	width: 16px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #CCCCCC;
}

.input_r {
	background-color: #000000;
	height: 16px;
	width: 16px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	line-height: 12px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
}

.input {
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	color: #333333;
	text-decoration: none;
	border: none;
	background-color: #CCCCCC;
}

.rb {
	float: right;
	clear: right;
	border: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.lb {
	float: left;
	margin: 0px;
	padding: 0px;
	clear: left;
}

#sample_pic {
	width: 900px!important;width: 930px;
	float: left;
	height: 300px!important;height: 330px;
	background-color: #CBCBCB;
	margin: 0px;
	padding: 15px;
}

#contents_pic {
	width:930px;
	float: left;
	height:330px;
	margin:0px;
	padding:0px;
}

.span{
	font-size:1.9em;
	line-height:25px;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#contents_b{
	width: 950px;
	float: left;
	height: 20px;
	padding: 0px;
	background-image: url(../images/b_2.gif);
	margin: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.l_b_img{
	background-image: url(../images/l_b_2.gif);
	margin: 0px;
	padding: 0px;
	width: 24px;
	clip: rect(0px,0px,0px,0px);
	background-repeat: no-repeat;
	height: 20px;
	clear: left;
	float: left;
}

.r_b_img{
	background-image: url(../images/r_b_2.gif);
	margin: 0px;
	padding: 0px;
	width: 20px;
	clip: rect(0px,0px,0px,0px);
	background-repeat: no-repeat;
	height: 20px;
	clear: right;
	float: right;
}

#contents_r{
	width: 20px;
	float: right;
	height: 330px;
	clear: right;
	margin: 0px;
	left: 0px;
	right: 0px;
	padding: 0px;
	background-image: url(../images/r_2.gif);
	vertical-align: top;
}
.r_img{
	background-image: url(../images/r_t_2.gif);
	margin: 0px;
	padding: 0px;
	width: 20px;
	clip: rect(0px,0px,0px,0px);
	background-repeat: no-repeat;
	background-position: top;
	height: 22px;
}


#nav {
	height: 66px;
	z-index: auto;
	text-align: center;
	width: 950px;
	position: relative;
	top:62%!important;top:57%;
	padding: 0px;
	margin: 0 auto 0 auto;
}

#nav p{
	font-size:2.0em;
	font-weight: normal;
	color: #c9c9c8;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}
	
.nav_scrollbar{
	width: 58px;
	float: left;
	height: 66px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	
}
#footer {
	position: absolute;
	width:100%;
	height:30px;
	text-align: right;
	bottom: 0px;
	left: 0px;
	color: #cccccb;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.footer_text{
	padding-right: 20px;
}

form {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

#content_img {
	background-image: url(../images/about_01.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 350px;
	width: 520px;
	float: left;
}

#content_text{
	margin: 0px;
	padding: 0px;
	height: 350px;
	width: 430px;
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	color: #CCCCCC;
	float: right;
	white-space: pre;
	line-height: 15px;
	text-align: left;
}
#content_text p{
	font-size: 1.2em;
	line-height: 1.2em!important;line-height: 1.4em;
	color: #cccccc;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	margin:0px!important;
	padding:0px!important;padding:12px 0px 0px 0px;
	text-align: left;
}

a.next:link {
	color: #666666;
	text-decoration: none;
}
a.next:hover {
	color: #48313A;
	text-decoration: none;
}

a.next:visited {
	color: #666666;
	text-decoration: none;
}
#contactform {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #CCCCCC;
}
#contactform td {
	font-size: 0.8em;
	color: #CCCCCC;
}
#contactform .input {
	background-color:  #767676;
	text-align: center;
	color: #CCCCCC;
	width: 180px;
	font-family: "Times New Roman", Times, serif;
	font-size:1.0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.messagebox {
	color: #CCCCCC;
	font-size: 1.0em;
	background-color: #767676;
	font-family: "Times New Roman", Times, serif;
	width: 300px;
	height: 130px;
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.bottons {
    font-family: "Times New Roman", Times, serif;
	font-size: 1.0em;
	color: #666666;
	background-color: #CCCCCC;
	width: 100px;
	height: 25px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #666666 #666666 #FFFFFF;
	text-align: center;
	margin-right: 6px;
	margin-left: 6px;
}

/**MENU CSS**/
.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{
	text-align:left;
	vertical-align:top;
	padding:0px;
	margin:0;
	list-style:none outside none;
	border-style:none;
	background-image:none;
	clear:none;
	float:none;
	display:block;
	position:static;
	overflow:visible;
	line-height:normal;
}
.imcm li a img{
	display:inline;
	border-width:0px;
}
.imcm span{display:inline;}
.imcm .imclear,.imclear{
	clear:both;
	height:0px;
	visibility:hidden;
	line-height:0px;
	font-size:1.4em;
}
.imcm .imsc{position:relative;}
.imcm .imsubc{
	position:absolute;
	visibility:hidden;
}
.imcm li{
	list-style:none;
	font-size:1.4em;
	float:left;
}
.imcm ul ul li{
	width:100%;
	float:none !important;
}
.imcm a{
	display:block;
	position:relative;
}
.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}
.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}
.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}
.imde ul li:hover .imsubc{visibility:visible;}
.imde ul ul li:hover  .imsubc{visibility:visible;}
.imde ul ul ul li:hover  .imsubc{visibility:visible;}
.imde li:hover ul  .imsubc{visibility:hidden;}
.imde li:hover ul ul .imsubc{visibility:hidden;}
.imde li:hover ul ul ul  .imsubc{visibility:hidden;}
.imcm .imea{
	display:block;
	position:relative;
	left:0px;
	font-size:1.0em;
	line-height:1px;
	height:0px;
	width:1px;
	float:right;
}
.imcm .imea span{
	display:block;
	position:relative;
	font-size:1.0em;
	line-height:0px;
}
.dvs,.dvm{
	border-width:0px
}

/* --[[ Main Expand Icons ]]-- */
#imenus0 .imeam span,#imenus0 .imeamj span {
	/*background-image:url(images/light_arrow_down.gif);*/
	width:9px;
	height:6px;
	left:-9px;
	top:5px;
	background-repeat:no-repeat;
	background-position:left top;
}
#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {
	/*background-image:url(images/light_arrow_down.gif);*/
	background-repeat:no-repeat;
	background-position:left top;
}


/* --[[ Sub Expand Icons ]]-- */
	#imenus0 ul .imeas span,#imenus0 ul .imeasj span {
	background-image:url(../images/medium_purple_right.gif);
	width:6px;
	height:9px;
	left:-6px;
	top:3px;
	background-repeat:no-repeat;
	background-position:left top;
}
#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {
	background-image:url(../images/medium_purple_right.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/* --[[ Main Container ]]-- */
#imouter0 {
	border-style:none;
	border-color:#6a6a6a;
	border-width:1px;
	padding:0px;
	margin:0px;
}


/* --[[ Sub Container ]]-- */
	#imenus0 li ul {
	background-color:#000000;
	padding:5px;
	margin:4px 0px 0px;
	border: 1px solid #CCCCCC;
}

	/* [Underlayment (Drop Shadow)] 
	#imenus0 .imunder {
		background-color:#a2a2a2;
		top:3px;
		left:3px;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		opacity:0.50;
		-moz-opacity:0.50;
	}
*/

/* --[[ Main Items ]]-- */
	#imenus0 li a, #imenus0 .imctitle {
	background-color:#000000;
	color:#CCCCCC;
	text-align:left;
	font-family: "Times New Roman", Times, serif;
	font-size:1.8em;
	font-weight:bold;
	text-decoration:none;
	border-style:none;
	border-color:#ffffff;
	border-width:1px;
	padding:2px 8px;
	margin:0px 2px 0px 0px;
	}

	/* [hover] - These settings must be duplicated for IE compatibility.*/
		#imenus0 li:hover>a {
			text-decoration:none;
			color: #666666;
		}
		#imenus0 li a.ihover, .imde imenus0 a:hover {
			text-decoration:none;	 /* text-decoration:underline */
		}

	/* [active] */
		#imenus0 li a.iactive {}

	/* --[[ Sub Items ]]-- */
	#imenus0 ul a, #imenus0 .imsubc li .imctitle  {
		background-color:transparent;
		color:#CCCCCC;
		text-align:left;
		font-size:1.3em;
		font-weight:bold;
		text-decoration:none;
		border-style:none;
		border-color:#CCCCCC;
		border-width:1px;
		padding:2px 5px;
	}

	.imsubcs li{
		background-color:transparent;
		color:#CCCCCC;
		text-align:left;
		font-size:1.0em;
		font-weight:bold;
		text-decoration:none;
		border-style:none;
		border-color:#CCCCCC;
		border-width:1px;
		padding:2px 5px;
	}

		/* [hover] - These settings must be duplicated for IE comptatibility.*/
		#imenus0 ul li:hover>a {
			color:#CCCCCC;
			text-decoration:none;	 /* text-decoration:underline */
		}
		#imenus0 ul li a.ihover {
			color:#666666; 
			text-decoration:none; 	/* text-decoration:underline */
		} 

		/* [active] */
		#imenus0 ul li a.iactive {background-color:#ffffff; }




/* sample page*/
#album_left{
	width: 300px!important;width:330px;
	float: left;
	height: 300px!important;height:330px;
	background-color: #CBCBCB;
	margin: 0px;
	padding: 15px;
	background-image: url(../images/cd2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#album_right{
	background-color:#CBCBCB;
	width:585px!important;width:600px;
	height:310px!important;height:330px;
	margin:0px;
	float:left;
	padding:15px 0px 5px 15px;
	}
	
#album_right p{
	float: left;
	width:180px;
	height:150px;
	margin:0px 15px 5px 0px!important;margin:0px 8px 5px 0px;
	padding:0px;
}

#album_right p img{
	padding:0px;
	margin:0px;
	text-align: center;
}

#album_right p span{
    width:180px;
    height:30px;
	padding:0px;
	margin:0px;
	text-align: center;
}

.album_but{
	font-size: 1.6em;
	text-decoration: none;
	background-color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	height: 20px;
	width: 30px;
	border: 1px solid #D9DBEA;
	padding: 2px;
	color: #333333;
	cursor: hand;
	margin: 0px 10px 0px 0px;
}

#trueContainer{
	float: left;
	width:180px;
	height:150px;
	margin:0px 15px 10px 0px!important;
	margin:0px 8px 10px 0px;
	padding:0px;
	overflow: hidden;
}

/*Album typ &tnc*/
#album_right_l,#album_right_r{
	width:270px;
	height:280px!important;height:305px;
	margin:0px;
	float:left;
	padding:15px 0px 5px 18px;    
    overflow-x:auto;
    overflow:auto;
	scrollbar-face-color:#d0cfcc;         /*--滑块颜色--*/
	scrollbar-highlight-color:#cfcfcf;     /*--高亮颜色--*/
	scrollbar-shadow-color:#e2e2e2;     /*--阴影颜色--*/
	scrollbar-3dlight-color:#c1c1c1;     /*--三维光线颜色--*/
	scrollbar-arrow-color:#383e7f;      /*--箭头颜色--*/
	scrollbar-track-color:#ececea;      /*--滑道颜色--*/
	scrollbar-darkshadow-color:#cbcbcb; /*--暗影颜色--*/

	}

#album_right ul{
	margin:0px;
	float:left;
	padding:0px
	}

#album_right ul li{
	font-size:2em;
	line-height:25px;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-align: left;
	}

a.album:link,a.album:hover,a.album:visited{
	color: #FF0000;
}