@charset "UTF-8";
/* CSS Document */
/* -------    Page Layout ----------*/
body{
	padding:0px;
	margin:0px;
	background:#ffffff url(../images/body_bg.gif) 0 0 repeat-x;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#909090;
	min-width:980px;
	}

td{
	font:12px/18px  Arial, Helvetica, sans-serif;
	color:#909090;
	font-weight:normal;
	}

div, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, input, textarea, span{
	padding : 0;
	margin : 0;
	}
p{
	padding : 0px 0 10px 0;
	margin : 0;
	}
ul {
	list-style : none;
	}
img {
	outline : none;
	border : none;
	}
a {
	outline : none;
	text-decoration : none;
	}
.timefont {text-align:center; width:100%; height:24px; line-height:30px; font-size:16px; color:#F00; padding:0px 0; font-weight:bold; }
   .ds-element-hours { float:left; width:30px; margin:0;}
.ds-element-minutes { float:left; width:30px;}
.ds-element-seconds { float:left; width:30px; }  
.ds-hours { float:left; width:20px; } 
.ds-minutes { float:left; width:20px; } 
.ds-seconds { float:left; width:20px; } 
/*-------------------       General      --------------*/
.ass_text{ font-size:27px; color:#5b5b5b; padding:20px 0px 20px 0px;}
.ass_text_2{ font-size:25px; color:#5b5b5b; padding:5px 0px 5px 0px; font-weight:bold;}

.red_text{font-size:24px; color:#D43A3A; font-weight:bold; font-style:italic; line-height:28px;}

.blue_link{color:#183D4A; }
.blue_link a{color:#183D4A; text-decoration:underline;}
.blue_link a:hover{color:#183D4A; text-decoration:none;}



/*-------------------       General      --------------*/

#header{
text-align:center;
height:40px;
width:900px;
margin:0px auto 0px auto;
padding:10px 0 0 0;
 }
#header td{color:#a5a5a5; font-size:13px; font-weight:bold;}

.search{
background:url(../images/search_body.gif) 0 0 no-repeat;
padding:0px 10px 0px 10px;
width:149px;
height:31px;
border:0px;
line-height:31px;
float:right;
}


#banner{
background:none; 
text-align:left;
height:349px;
width:980px;
margin:0px auto;

}
#banner_block{ padding:0 0px 0 0px;}

.logo{ display:block; padding:66px 0 0 20px; height:149px;}


#menu_block{
height:55px;
width:980px;
padding:5px 0px 0px 0px;
margin:0px auto 0px auto;
}
#menu{
width:948px;
background:url(../images/menu_bg.gif) 0 0 repeat-x;
height:55px;
}
#menu ul{ text-align:left; height:55px; display:block;}
#menu li{
	display:block;
 	color:#ffffff;
 	font-size:14px;
	font-weight:bold;
	float:left;
	width:auto;
	padding:0 1px 0 0;
	background:url(../images/menu_divider.gif) 0 10px no-repeat;
 	}
#menu li a{
	display:block;
  	padding:0px 30px 0px 30px;
	color:#ffffff;
	line-height:55px;
 	}
#menu li a:hover, #menu li a.active{
background:url(../images/hover_bg.gif) 0 0 repeat-x;
color:#572701;
}
 
#contain{
width:980px;
margin:0px auto 0px auto;
}
#wel{
background:#E3E3E3;
border:1px solid #887F7F;
text-align:center;
width:950px;
padding:10px 15px 10px 15px;
}

#tables{
text-align:center;
padding:20px 0px 20px 0px;
}

#how{
width:355px;
}

.box{}
.box tr td{
background:#f6f6f6;
padding:18px 10px 10px 10px;
font-size:11px;
color:#969696;
border-bottom:5px solid #ffffff;
}
.box tr td span{
color:#4c4c4c;
font-size:17px;
font-weight:bold;
}

.box tr.deep td{
background:#E3E3E3;
padding:10px;
font-size:11px;
color:#969696;
border-bottom:5px solid #ffffff;
}

#rate{
width:299px;
padding:0px 22px 0px 22px;
}


.chart_1{}

.chart_1 tr td{
color:#004274;
height:35px;
}
.chart_1 tr td span{
color:#404040;
font-size:14px;
height:35px;
padding-left:10px;
}

.chart_1 tr.white td{
color:#404040;
}

.chart_1 tr.blue td{
background:#D5D5FF;
color:#004274;
height:35px;
}
.chart_1 tr.blue td span{
color:#404040;
font-size:14px;
height:35px;
padding-left:10px;
}

#news{
width:264px;
}
#news td{
height:95px;
padding:5px;
color:#505050;
}
#news td span{
color:#C31205;
}
#news td a{
display:block;
background:#e3e3e3;
padding:2px 0px 2px 5px;
color:#1297C3;
font-weight:bold;
font-style:italic;
}

#footer_outer{
text-align:left;
background:url(../images/footer_bg.gif) 0 0 repeat-x;
height:118px;
}
#footer{
width:960px;
margin:0px auto 0px auto;
padding:30px 0px 0px 20px;
height:88px;
color:#F8BBD7;
}

#footer ul{}
#footer li{
display:inline;
color:#ffffff;
padding:5px;
font-weight:bold;
font-size:11px;
}
#footer li a{
color:#ffffff;
}
#footer li a:hover, #footer li a.active{
color:#000000;
}



#powered_by{ color:#fff; text-align:center; background:#252321; padding:4px 0 4px 0; width:100%; clear:both;}
#powered_by a{ color:#1A7194; font-weight:bold;} 
#powered_by a:hover{ color:#F11D1D; text-decoration:underline} 


@media (max-width: 1920px) {
.sub_section02 .heartshape{ position:absolute; top:717px; left:475px; width:205px; height:210px; z-index:1111;}
.sub_section02 .heartshape1{ position:absolute; top:728px; left:475px; width:205px; height:210px; z-index:1111;}
.sub_section022 .heartshape{ position:absolute; top:705px; left:475px; width:205px; height:210px; z-index:1111;}
}

@media (min-width: 1600px) and (max-width: 1699px) {
.sub_section02 .heartshape{ position:absolute; top:717px; left:325px; width:205px; height:210px; z-index:1111;}
.sub_section02 .heartshape1{ position:absolute; top:782px; left:325px; width:205px; height:210px; z-index:1111;}
.sub_section022 .heartshape{ position:absolute; top:705px; left:325px; width:205px; height:210px; z-index:1111;}
}

@media (min-width: 1500px) and (max-width: 1599px) {
.sub_section02 .heartshape{ position:absolute; top:717px; left:275px; width:205px; height:210px; z-index:1111;}
.sub_section02 .heartshape1{ position:absolute; top:782px; left:275px; width:205px; height:210px; z-index:1111;}
.sub_section022 .heartshape{ position:absolute; top:705px; left:275px; width:205px; height:210px; z-index:1111;}
}

@media (min-width: 1400px) and (max-width: 1499px) {
.sub_section02 .heartshape{ position:absolute; top:717px; left:222px; width:205px; height:210px; z-index:1111;}
.sub_section02 .heartshape1{ position:absolute; top:782px; left:222px; width:205px; height:210px; z-index:1111;}
.sub_section022 .heartshape{ position:absolute; top:705px; left:222px; width:205px; height:210px; z-index:1111;}
}

@media (min-width: 1301px) and (max-width: 1399px) {
.sub_section02 .heartshape{ position:absolute; top:717px; left:187px; width:205px; height:210px; z-index:1111;}
.sub_section02 .heartshape1{ position:absolute; top:782px; left:187px; width:205px; height:210px; z-index:1111;}
.sub_section022 .heartshape{ position:absolute; top:705px; left:187px; width:205px; height:210px; z-index:1111;}
}

@media (min-width: 992px) and (max-width: 1300px) {
.sub_section02 .heartshape{ position:absolute; top:717px; left:28px; width:205px; height:210px; z-index:1111;}
.sub_section02 .heartshape1{ position:absolute; top:782px; left:28px; width:205px; height:210px; z-index:1111;}
.sub_section022 .heartshape{ position:absolute; top:705px; left:28px; width:205px; height:210px; z-index:1111;}
}
@media (max-width: 768px) {
.sub_section02 .heartshape{ position:absolute; top:717px; left:28px; width:205px; height:210px; z-index:1111;}	
.sub_section02 .heartshape1{ position:absolute; top:782px; left:28px; width:205px; height:210px; z-index:1111;}	
.sub_section022 .heartshape{ position:absolute; top:705px; left:28px; width:205px; height:210px; z-index:1111;}
}

@media (min-width: 769px) and (max-width: 1024px) {
.sub_section02 .heartshape{ position:absolute; top:717px; left:28px; width:205px; height:210px; z-index:1111;}
.sub_section02 .heartshape1{ position:absolute; top:782px; left:28px; width:205px; height:210px; z-index:1111;}
.sub_section022 .heartshape{ position:absolute; top:705px; left:28px; width:205px; height:210px; z-index:1111;}
}