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

body
{
margin:0px;
padding:0px;
background-color: #42037d;
}
*
{
margin:0px;
padding:0px;
list-style-type:none;
}
img
{
border:0px;
}
p
{
margin:6px 0px;
text-align: justify;
}
strong
{
font-weight:bold;
color: #33ccff;
}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
clear:both;
height:0px;
}
#container
{
width:850px;
height:auto;
text-align:center;
margin:0px auto;
background:url(../images/body-bg.jpg) center top repeat-y;
}
.container-main
{
width:820px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-bg.jpg) center top repeat-y;
padding:0px 15px;
}
#header
{
width:820px;
height:234px;
float:left;
text-align:left;
}
.header-top
{
width:820px;
height:141px;
float:left;
text-align:left;
}
.header-bottom
{
width:820px;
height:93px;
float:left;
text-align:left;
}
#body-main
{
width:820px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-top-bg.jpg) left top no-repeat #FFF;
padding-bottom:18px;
}
.body-top
{
width:780px;
height:auto;
float:left;
text-align:left;
padding:0px 20px 5px 20px;
}
.body-top-left
{
width:335px;
height:auto;
float:left;
text-align:left;
}
.vedio-th
{
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
}
.body-top-right
{
width:422px;
height:auto;
float:right;
text-align:left;
padding-top:30px;
}
/* sub-navigation  */	
	
.subnav{
	color: #669900;
	font: bold 20px/30px Arial, Helvetica, sans-serif;
	line-height:30px;
	width:422px;
	float:left;
	text-align:left;
	padding-top:5px;
		}
.subnav ul {margin: 0; padding: 0; list-style-type:none;}
.subnav li {
	display: block;
	padding: 0px 0px 0px 36px;
	width:386px;
	float:left;
	text-decoration: none;
	color: #669900;
	background: url(../images/right-big-arrow-bg.jpg)  left center no-repeat;
	font: bold 20px/30px Arial, Helvetica, sans-serif;
}
.trial-box
{
width:800px;
height:auto;
float:left;
text-align:left;
padding-right:20px;
padding-bottom:10px;
}
.trial-title
{
width:684px;
height:55px;
float:left;
text-align:left;
background:url(../images/trial-title-bg.jpg) left top no-repeat;
padding:13px 16px 22px 100px;
}
.trial-title-2
{
width:684px;
height:55px;
float:left;
text-align:left;
background: url(../images/trial-title-2-bg.jpg) left top no-repeat;
padding:13px 16px 22px 100px;
}
.trial-title-3
{
width:684px;
height:55px;
float:left;
text-align:left;
background: url(../images/trial-title-3-bg.jpg) left top no-repeat;
padding:13px 16px 22px 100px;
}
.trial-title-left
{
width:500px;
height:55px;
float:left;
text-align:left;
font: bold 30px/55px Arial, Helvetica, sans-serif;
color: #0099cc;
}
.trial-star-box
{
width:150px;
height:40px;
float:right;
text-align:left;
padding-top:15px;
}
.star-bg
{
margin-left:7px;
}
.trial-inside-box
{
width:737px;
height:auto;
float:right;
text-align:left;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:0px 22px 0px 19px;
}
.trial-left-box
{
width:272px;
height:auto;
float:left;
text-align:left;
background:url(../images/trial-left-inside-bg.jpg) left top no-repeat;
}
.trial-th
{
margin-left:6px;
margin-right:12px;
margin-bottom:6px;
margin-top:6px;
}
.trial-right-box
{
width:440px;
height:auto;
float:right;
text-align:left;
}
.trial-text-box
{
width:440px;
height:auto;
float:left;
text-align:left;
}
/* sub-navigation 1 */	
	
.subnav1{
	color: #666666;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	line-height:24px;
	width:440px;
	float:left;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
		}
.subnav1 ul {margin: 0; padding: 0; list-style-type:none;}
.subnav1 li {
	display: block;
	padding: 0px 0px 0px 26px;
	width:414px;
	float:left;
	text-decoration: none;
	color: #666666;
	background: url(../images/right-small-arrow-bg.jpg) left center no-repeat;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
}
.trial-round-bottom
{
width:780px;
height:15px;
float:right;
text-align:left;
}
.content
{
width:780px;
height:auto;
float:left;
text-align:left;
padding:10px 20px;
}
#footer
{
width:820px;
height:auto;
float:left;
text-align:center;
background:url(../images/footer-bg.jpg) left top repeat-x #013d69;
padding:10px 0px;
color: #FFF;
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
#footer a
{
text-decoration:none;
color: #FFF;
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
#footer a:hover
{
color: #d2f0ff;
text-decoration: underline;
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
/* CSS Text Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	line-height: 42px;
	font-weight: bold;
	font-variant: normal;
	color: #0099cc;
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: 34px;
	font-weight: bold;
	font-variant: normal;
	color: #66cc00;
	text-decoration: none;
}