@charset "utf-8";
/* CSS Document */

body{
	background:url(images/bg.jpg) repeat-x top #ffccfe;
	margin:0 0;
	font-family:Tahoma, Geneva, sans-serif, "MS Sans Serif", Arial, Verdana;
	font-size:12px;
	color:#242424;

	}
	
	a:link {
	color: #242424;
	text-decoration: none;
}

.textb {  font-family: "MS Sans Serif", Arial, Tahoma, Verdana, Geneva, sans-serif; font-size: 10pt; color: #000000;}
.textbb {  font-family: "MS Sans Serif", Arial, Tahoma, Verdana, Geneva, sans-serif; font-size: 10pt; color: #0000FF;}


a:visited {
	text-decoration: none;
	color: #242424;
}
a:hover {
	text-decoration: none;
	color: #e85212;
}
a:active {
	text-decoration: none;
	color: #242424;
}

div#wrap{
	width:900px;
	height:auto;
	margin:0 auto;
	
	}
	
	table#wrap{
	width:900px;
	height:auto;
	margin:0 auto;
	
	}

div#header{
	width:100%;
	height:136px;

	
	}
	table#header{
	width:100%;
	height:136px;

	
	}
	table#header .logo{
		background:url(images/logo.png) no-repeat left;
		width: 507px;
		height:119px;
		float:left;
	
	}
div#header .logo{
		background:url(images/logo.png) no-repeat left;
		width: 507px;
		height:119px;
		float:left;
	
	}
	
	.logo{
		background:url(images/logo.png) no-repeat left;
		width:507px;
		height:119px;
		float:left;
	
	}
	
div#header .login{
	float:right;
	width: 310px;
	height:48px;
	margin: 30px 0;
	
	}
.userdetail
	{
		
		padding-top :20px;
		color :#ffffff;
		font-weight :normal ;
	}
 .userdetail a
	{ font-weight :normal ;
			color :yellow;
		}
 .userdetail a:hover
	{ font-weight :normal ;
			color :#ff9900;
		}
div#header input.txt_login{
	width: 118px;
	height:22px;
	color:#808080;
	border: none;
	-moz-border-radius: 10px;
	border-radius: 10px;
	

	
	}
	
div#header input.b_login{
	background:url(images/b_login.png) no-repeat;
	width: 56px;
	height:26px;
	font-size:12px;
	color:#ffffff;
	border:none;

	
	}
	
div#header .l_login{
	width: 100%;
	height:26px;
	color:#ffffff;

	
	}

table#header input.txt_login{
	width: 118px;
	height:18px;
	color:#808080;
	border: none;
	-moz-border-radius: 10px;
	border-radius: 10px;
	

	
	}
	
table#header input.b_login{
	background:url(images/b_login.png) no-repeat;

	width: 56px;
	height:26px;
	font-size:12px;
	color:#ffffff;
	border:none;

	
	}
table#header .l_login{
	width: 100%;
	height:26px;
	color:#ffffff;

	
	}


div#main_menu .menu_detail{
	width:35px;
	height:34px;
	background: url(images/menu_detail.png) no-repeat;
	position:absolute;
	left:-35px;
	
	}
	
div#content{
	width:100%;
	height:auto;
	background:#FFF;
	float: left;

	
	}
	
	
.tbcontent
{
		width:100%;
	height:auto;
	background:#FFF;
	float: left;

}


div#content .bg_content{
float:left;
	width:auto;
	height:auto;
	margin:3px;
	border:#d4d4d4 solid 1px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	background: -moz-linear-gradient(top, #E1E1E1 0%, #FFFFFF 12px); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(12px,#FFFFFF)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#FFFFFF',GradientType=0 ); /* ie */


	-moz-box-shadow: 0px 0px 3px #cecece;
	-webkit-box-shadow: 0px 0px 3px #cecece;
	box-shadow: 0px 0px 3px #cecece;
	/* For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#cecece')";*/
	/* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#cecece');*/

}
div#content .main_banner{
	width:872px;
	height:276px;
	padding:10px;
	}
	
	/*** set the width and height to match your images **/

#slideshow {
	position:relative;
	height:865px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

div#content .box_01{
	width:200px;
	height:245px;
	background: url(images/head_news.png) no-repeat top;
	padding:55px 5px 5px 5px;
	


}
div#content .box_01 img.images{
	width:127px;
	height:auto;
	margin:10px 40px;
	border: solid 3px #ea4c10;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}
div#content .box_02{
	width:410px;
	height:245px;
	background: url(images/head_promote.png) no-repeat top left;
	padding:55px 5px 5px 5px;
	


}

div#content .box_03{
	width:233px;
	height:245px;
	background: url(images/head_multi.png) no-repeat top left;
	padding:55px 5px 5px 5px;
	


}
 img.images-vdo{
	width:127px;
	height:auto;
	margin:10px 40px;
	
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}
 img.images-path{
	
	width:85px;
	margin:10px 5px;
	float:left;
		
}
 img.images-e-pay{
	width:101px;
	margin:5px 5px;
	float:left;
		
}
div#content .box_04{
	float:left;
	width:202px;
	height:auto;
	/*background: url(images/head_leftmenu.png) no-repeat top;*/
	padding:5px 5px 5px 5px;

}



	div#content .box_04 ul{
	
	margin: 0;
	padding:10px 0 0 15px;

	font-size:12px;
	
}
	div#content .box_04 ul li{
	border-bottom: #CCCCCC 1px dotted;
	padding:5px 0;
	margin: 5px 10px;
	color:#0190ca;
	font-size:12px;
	text-decoration: none;
}
#content A {

text-decoration: none;
 color: #242424; 
}
#content A:hover { 
text-decoration: none;
 color: #e85212;
}

div#content .box_05{
	width:345px;
	height:auto;
	background: url(images/head_pathner.png) no-repeat top left;
	padding:55px 5px 5px 5px;
	


}

div#content .box_06{
	width:305px;
	height:auto;
	background: url(images/head_e-pay.png) no-repeat top left;
	padding:55px 5px 5px 5px;
	


}

div#footer{
background:url(images/foot_bg.png) no-repeat top;
	width:100%;
	height:210px;
	float: left;

	
	}
	
	div#footer .box_01{
	width:156px;
	height:auto;
	float:left;
	padding:15px 5px 5px 5px;
	margin: 5px;
	border-right:#d097cf solid 1px;
	color:#6b1c8a;
	font-size:18px;

}

	div#footer .box_01 ul{
	
	margin: 0;
	padding:10px 0 0 15px;
	color:#6b1c8a;
	font-size:12px;
	list-style:none;
}
	div#footer .box_01 ul li{
	margin: 0;
	color:#6b1c8a;
	font-size:12px;
}
	div#footer .box_02{
	width:400px;
	height:auto;
	float:left;
	padding:15px 5px 5px 5px;
	margin: 5px;
	color:#6b1c8a;
	font-size:12px;

}
	div#footer .box_03{
	width:280px;
	height:auto;
	float: right;
	padding:15px 5px 5px 5px;
	margin: 5px;
	color:#6b1c8a;
	font-size:12px;

}
	div#footer a{

	color:#6b1c8a;
	font-size:12px;

}
	div#footer a:hover{

	color:#e85212;
	font-size:12px;

}

.black{
color:#242424;


}


.orange-13{
color:#e85212;
font-size: 13px;


}


.bg_content{
float:left;
	width:auto;
	height:auto;
	margin:3px;
	border:#d4d4d4 solid 1px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	background: -moz-linear-gradient(top, #E1E1E1 0%, #FFFFFF 12px); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(12px,#FFFFFF)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#FFFFFF',GradientType=0 ); /* ie */


	-moz-box-shadow: 0px 0px 3px #cecece;
	-webkit-box-shadow: 0px 0px 3px #cecece;
	box-shadow: 0px 0px 3px #cecece;
	/* For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#cecece')";*/
	/* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#cecece');*/

}
.main_banner{
	width:872px;
	height:276px;
	padding:10px;
	}
	
	/*** set the width and height to match your images **/

#slideshow {
	position:relative;
	height:865px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.box_01{
	width:202px;
	height:245px;
	background: url(images/head_news.png) no-repeat left top;
	padding:55px 5px 5px 5px;
	


}
.box_01 img.images{
	width:127px;
	height:auto;
	margin:10px 40px;
	border: solid 3px #ea4c10;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}
.box_02{
	width:410px;
	height:245px;
	background: url(images/head_promote.png) no-repeat top left;
	padding:55px 5px 5px 5px;
	


}

.box_03{
	width:233px;
	height:245px;
	background: url(images/head_multi.png) no-repeat top left;
	padding:55px 5px 5px 5px;
	


}

.box_04{
	float:left;
	width:205px;
	height:auto;
	/*background: url(images/head_leftmenu.png) no-repeat top;
*/
	padding:0px 5px 5px 5px;


}

 .box_04 ul{
	
	margin: 0;
	padding:10px 0 0 15px;

	font-size:12px;
	
}
 .box_04 ul li{
	border-bottom: #CCCCCC 1px dotted;
	padding:5px 0;
	margin: 5px 10px;
	color:#0190ca;
	font-size:12px;
	text-decoration: none;
}

 .box_05{
		width:345px;
	height:auto;
	background: url(images/head_pathner.png) no-repeat top left;
	padding:55px 5px 5px 5px;



}



	 .box_01 ul{
	
	margin: 0;
	padding:0px 0 0 15px;

	font-size:12px;
	
}
 .box_01 ul li{
	border-bottom: #CCCCCC 1px dotted;
	padding:0px 0;
	margin: 0px 10px;
	color:#0190ca;
	font-size:12px;
	text-decoration: none;
}

.box_06{
width:305px;
	height:auto;
	background: url(images/head_e-pay.png) no-repeat top left;
	padding:55px 5px 5px 5px;
	


}



.footer{
background:url(images/foot_bg.png) no-repeat top;
	width:100%;
	height:210px;
	float: left;

	
	}
	
	.footer .box_001{
	width:156px;
	height:auto;
	float:left;
	padding:15px 5px 5px 5px;
	margin: 5px;
	border-right:#d097cf solid 1px;
	color:#6b1c8a;
	font-size:18px;

}

	.footer .box_001 ul{
	
	margin: 0;
	padding:10px 0 0 15px;
	color:#6b1c8a;
	font-size:12px;
	list-style:none;
}
	.footer .box_001 ul li{
	margin: 0;
	color:#6b1c8a;
	font-size:12px;
}
	.footer .box_02{
	width:400px;
	height:auto;
	float:left;
	padding:15px 5px 5px 5px;
	margin: 5px;
	color:#6b1c8a;
	font-size:12px;

}

	.footer .box_002{
	width:400px;
	height:auto;
	float:left;
	padding:15px 5px 5px 5px;
	margin: 5px;
	color:#6b1c8a;
	font-size:12px;

}
	.footer .box_003{
	width:400px;
	height:auto;
	float: right;
	padding:15px 5px 5px 5px;
	margin: 5px;
	color:#6b1c8a;
	font-size:12px;

}
	.footer .box_03{
	width:280px;
	height:auto;
	float: right;
	padding:15px 5px 5px 5px;
	margin: 5px;
	color:#6b1c8a;
	font-size:12px;

}
	.footer a{

	color:#6b1c8a;
	font-size:12px;

}
	.footer a:hover{

	color:#e85212;
	font-size:12px;

}
div.scroll {
height:230px;
width: 100%;
overflow: auto;
border:0px;
background-color:Transparent ;
padding:0px;
}

div.scroll1 {

width: 100%;
overflow: auto;
border:0px;
background-color:Transparent ;
padding:0px;
}

.PageHeader
{
	color :#8200ff;
	padding-left :10px;
	border-left:5px solid #ad50ff;
	font-size :14pt;
	font-weight :bold;
	float :left;
	 width:94%;
	 height :26px;
	 text-align :left;
	 margin-left :20px;
	 background-color :#fbe8fb;
	 font-family :MS Sans-Serif ;
	}