body {

	background: #b0b0b0 url(/images/bodybg.jpg) top repeat-x;

	margin-left: 10px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

}

h1{

	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;

	font-size:17px;

	margin:0 0 0 13px;

	color:#FFFFFF;

}

h2{

	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;

	font-size:17px;

	margin:0 0 0 13px;

	color:#af0063;

}

body,td,th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333366;

}

a:link {

	color:#990099;

	text-decoration: underline;

}

a:visited {

	text-decoration: underline;

	color: #990099;

}

a:hover {

	text-decoration: underline;

	color: #990099;

}

a:active {

	text-decoration: underline;

	color: #990099;

}.right_link{	color:#97009B;		font-size:13px;	padding-left:9px;	padding-top:8px; font-weight:bold;	padding-bottom:8px;	text-decoration:underline;	list-style-type: none;}.right_link1{	color:#fff;	font-weight:bold;	font-size:13px;	padding-left:12px;	padding-top:10px;	padding-bottom:10px;	list-style-type:none;}

/*-------------------7/5/2015-------------------------*/
.container {width:953px; margin: 0 auto;}
.header {width:100%; float: left;}
.headrtop {width:100%; float: left; text-align: center;}
.headrsec {width:100%; float: left; padding: 7px 0 0; background: #fff;}
.headrbottom {width:100%; float: left; text-align: center; background: #FCAB01;}
.bodytop {width:100%; float: left;}
.main_body {width:100%; float: left;}
.bodyleft {width:78%; float: left; background: #FCCAFF;}
.blbox {width:100%; float: left; margin-top: 40px;}
.blbox2 h2 {color:#333366 !important; font-family: Verdana,Arial,Helvetica,sans-serif !important; font-size:11px !important; width:100%; text-align:center;}
.blbox2 {width:100%; float: left; padding: 0 19px; margin-top: 27px;}
.mbinner {width:100%; float: left; background: #FCCAFF;}
.blbox3 {width:100%; float: left;  margin-top: 40px;}
.blbox4 {width:100%; float: left;  margin-top: 15px;}
.bl4left {width:42%; float: left; margin-left: 15px;}
.bll41 {width:100%; float: left;}
.bll42 {width:100%; float: left;}
.bll41 h2{text-align:center;}
.br1 {width:96%; float: left; text-align: center;}
.bl4right {width:54%; float: right;}
.bodyright {width:21%; float: left;}
.headrsec img {width:100%;}
.body_bottom {width:100%; float: left; margin-top:34px; padding:0 12px;}
.body_bottom h2 {width:100%; text-align: center; padding-bottom:14px; font-size:13px;}
.bb2 {width:100%; float: left; text-align: center;}
.bb3 {width:100%; float: left; text-align: center;}
.bodyright h3 {background: #CB6F84; padding: 10px;}

@media only screen and (min-width:768px) and (max-width:952px)
{
.container {width:95%; overflow: hidden;}
.bodytop img {width:100%;}
.blbox {overflow: scroll;}
.blbox3 {overflow: scroll;}
.selector > img {width: 32%;}
.bl4left {width:100%;}
.bll41 img {width: 519px !important;}
.bll41 > div {width: 521px !important;}
.bl4right {width:100%;}
.bodyright img {width:100%;}
.selector > img{height: auto;}

.blbox2{padding: 0 3%; width: 94%;}
.blbox3{margin:40px 3% 0; width: 94%;}
.body_bottom {
    float: left;
    margin-top: 34px;
    padding: 0 3%;
    width: 96%;
}
.bb2{overflow: auto;}
.bl4right{width: 94%; margin: 10px 3%;}

}





@media only screen and (max-width:767px) 
{
.container {width:95%; overflow: hidden;}
.bodytop img {width:100%;}
.blbox {overflow: scroll;}
.blbox3 {overflow: scroll;}
.bodyright img {width:100%;}
.bl4left {width:100%;}
.bl4right {width:100%;}
.bb2 {width: 97%; overflow: scroll;}
.bb3 {width: 97%; overflow: scroll;}
.headrtop {overflow: scroll;}
.right_link > a {font-size: 10px;}
.bl4right{width: 94%; margin: 10px 3%;}
.body_bottom{width:94%; padding: 0 3%;}
}


@media only screen and (max-width:599px) 
{
.container {width:95%;}
.bodytop img {width:100%;}
.blbox {overflow: scroll;}
.blbox3 {overflow: scroll;}
.bodyright img {width:100%;}
.bl4left {width:100%;}
.bl4right {width:100%; float: left; padding-left: 10px;}
.bb2 {width: 97%; overflow: scroll;}
.bb3 {width: 97%; overflow: scroll;}
.headrtop {overflow: scroll;}
.right_link > a {font-size: 10px;}
.bodyleft {width:100%;}
.bodyright {width:100%;}
.bll41 img {width: 300px !important;}
.bll41 > div {width: 300px !important;}
.body_bottom h2 {width:auto; font-size: 12px;}
.blbox2 {width:81%;}
.bll41 {width:89%;}
.body_bottom {width: 88%;}
.selector > img {width:23%;}
.blbox2 .selector > img {width:32%;}
.blbox2 h2 {text-align:left;}
.bll41 h2 {text-align:left;}
}


@media only screen and (max-width:480px)
{
.container {width:95%;}
.bodytop img {width:100%;}
.blbox {overflow: scroll;}
.blbox3 {overflow: scroll;}
.bodyright img {width:100%;}
.bl4left {width:100%;}
.bl4right {width:100%; float: left; padding-left: 10px;}
.bb2 {width: 97%; overflow: scroll;}
.bb3 {width: 97%; overflow: scroll;}
.headrtop {overflow: scroll;}
.right_link > a {font-size: 10px;}
.bodyleft {width:100%;}
.bodyright {width:100%;}
.bll41 img {width: 300px !important;}
.bll41 > div {width: 300px !important;}
.body_bottom h2 {width:auto; font-size: 12px;}
.blbox2 {width:81%;}
.bll41 {width:89%; overflow: scroll;}
.body_bottom {width: 88%;}
.selector > img {width:100%;  height: auto;}
.blbox2 .selector > img {width:100%; height: auto;}
.blbox2 h2 {text-align:left;}
.bll41 h2 {text-align:left;}
.br1 > div {width:84% !important}
.br1 img {width:92%;}

}


@media only screen and (max-width:325px)
{
.container {width:95%;}
}