@charset "utf-8";
/* 
 Date: August 23, 2011 2:17 pm
 Author: Le Quang Thang
 Tags: SPGB
*/

body{
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:12px;
	color:#544833;
	margin:0;
	padding:0;
}
img{
	border:0;
	margin:0;
}
a img{
	border:0px;
	padding:0;
	margin:0;
	
}
a{
	text-decoration:none;
	color:#0c4da2;
}
a:hover{
	text-decoration:none;
	color:#666666;
}
input,textarea{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}

:focus{
	outline:0 none;
}
h1{
	font-size:36px;
	font-weight:normal;
	padding:25px 0;
	margin:0;
}
p{
	clear:both;
}
h2{
	font-size:24px;
	padding:0 0 15px 0;
	margin:0;
	text-transform:uppercase;
	color:#0c4da2;
}
h3{
	font-size:18px;
	font-weight:normal;
	padding:10px 0 0 0;
	margin:0;
	color:#0c4da2;
}
h4{
	font-size:18px;
	font-weight:normal;
	padding:10px 0;
	margin:0;
}
h5{
	font-size:12px;
	font-weight:normal;
	padding:10px 0 0 0;
	margin:0;
	color:#0c4da2;
}


#main{
	margin:0 auto;
	width:1005px;
	position:relative;
}
#header{
	width:100%;
	height:87px;
	border-top:3px solid #0c4da2;
	float:left;
}

#logo{
	float:left;
	margin:17px 0 0 14px;
}

#menu_top{
	float:right;
	font-size:14px;
	margin:35px 0 0 63px;
}
#menu_top ul{
	margin:0;
	padding:0;
}
#menu_top ul li{
	display:inline;
}
#menu_top ul{
	float:left;
}
#menu_top ul li{
	float:left;
	margin:0 11px;
}
#menu_top ul li a{
	color:#666666;
}
#menu_top ul li a:hover,
#menu_top ul li a.active, 
#menu_top ul li.current-menu-item a, 
#menu_top ul li.current_page_item a, 
#menu_top ul li.current-category-ancestor a, 
#menu_top ul li.current-post-ancestor a{
	color:#0c4da2;
}


#content{
	float:left;
	width:100%;
	position:relative;
}


#content_detail{
	float:left;
	width:100%;
}
#home_content{
	float:left;
	width:641px;
	height:431px;
	overflow:hidden;
	color:#ffffff;
	position:relative;
}
#home_content .step1{
	float:right;
	width:430px;
	position: relative;
	padding:20px 143px 0 0;
	height:411px;
	background:url(images/bg_step1.png) no-repeat 100% 100%;
}
#home_content .step2{
	float:left;
	width:430px;
	position: relative;
	padding:30px 0 0 125px;
	height:401px;
	background:url(images/bg_step2.png) no-repeat 0 100%;
	display:none;
}
#home_content a{
	color:#ffffff;
	font-size:11px;
	position:absolute;
	bottom:59px;
	padding:0 16px;
	height:30px;
	line-height:30px;
}
#home_content .step1 a{
	right:0;
	background:url(images/bg_next.gif) repeat-y;
}
#home_content .step2 a{
	left:0;
	background:url(images/bg_prev.gif) repeat-y;
}
#banner{
	float:left;
	width:100%;
	min-height:301px;
	background:#0c4da2;
}
#banner.home_banner{
	height:431px;
}
#banner .avatar{
	float:right;
	width:364px;
	position:relative;
}
#banner .avatar .name{
	font-size:11px;
	color:#ffffff;
	background:#0c4d90;
	padding:5px 22px;
	position:absolute;
	left:0;
	min-width:140px;
	bottom:53px;
}
#banner .avatar .name span{	
	font-size:14px;
}
.banner{
	float:left;
	width:755px;
	height:301px;
	overflow:hidden;
}

.submenu{
	float:left;
	width:210px;
	overflow:hidden;
	margin:34px 0 0 20px;
}
.submenu ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
.submenu li{
	float:left;
	width:100%;
}
.submenu ul li a{
	padding:6px 0 6px 0;
	width:100%;
	overflow:hidden;
	float:left;
	color:#ffffff;
	border-bottom:1px solid #3f74ba;
}
.submenu .last a{
	border:0;
}
.submenu ul li a:hover,.submenu ul li a.active{
	color:#76b1fd;
	font-weight:bold;
}
.sidebar .submenu{
	margin:30px 0 50px 0;
}
.sidebar .submenu ul li a{
	color:#0c4da2;
	font-size:12px;
}




.menu_left{
	float:left;
	width:640px;
	border-right:1px solid #cccccc;
	margin-top:30px;
}

.menu_right{
	float:left;
	margin-top:30px;
}
.menu_left ul,.menu_right ul{
	float:right;
	margin:0 48px 0 0;
	padding:0;
	list-style:none;
}
.menu_left li,.menu_right li{
	float:left;
	clear:both;
	width:100%;
	text-align:right;
	margin:5px 0;
}
.menu_right ul{
	float:left;
	margin:0 0 0 48px
}
.menu_right li{
	text-align:left;
}
.menu_right a,.menu_left a{
	color:#666666;
}
.menu_right a:hover,.menu_left a:hover{
	color:#0c4da2;
}



.page_content{
	float:left;
	width:700px;
	padding:30px 20px;
}
.page_content ul{
	margin:12px 0 12px 7px;
	padding:0;
	list-style:none;
	clear:both;
	width:100%;
}
.page_content ul li{
	margin:0;
	clear:both;
	padding: 0 0 0 8px;
	background:url(images/bullet.gif) no-repeat 0 12px;
}
.page_content ul li a{
	margin:5px 0 10px 5px;
	clear:both;
	display:block;
	font-size:13px;
}
a#scrollTop{
	position:absolute;
	right:0;
	bottom:-30px;
}

.sidebar{
	float:right;
	width:245px;
}

#footer{
	float:left;
	padding-top:17px;
	margin-top:40px;
	height:80px;
	width:100%;
	border-top:1px solid #0c4da2;
}
#footer.home_footer{
	border:0;
}
.footer_menu{
	float:left;
	margin:12px 0 0 0;
	overflow:hidden;
	font-size:10px;
}

.copyright{
	float:left;
	margin: 0 25px 0 0;
}
.footer_menu ul{
	margin:0 0 0 3px;
	padding:0;
	list-style:none;
	display:inline;
}
.footer_menu ul li{
	display:inline;
	margin:0 7px;
}
#footer.home_footer .footer_menu{
	float:right;
}
#footer.home_footer .copyright{
	float:right;
	margin: 0 0 0 100px;
}
.sendenbutton
{
	display: inline-block; 
	padding: 10px 15px; 
	font-size: 18px; 
	font-weight:500; 
	cursor: pointer; 
	text-align: center; 
	text-decoration: none; 
	outline: none; color: #fff; 
	background-color: #0000ff; 
	border: none; 
	border-radius: 9px; 
	box-shadow: 0 2px #999;
}

.wpcf7-text{
	margin: 3px 0px 0px 0px;
	padding: 7px 7px 3px 7px;
	border: 2px solid #dddddd;
}

.wpcf7-select{
	margin: 3px 0px 0px 0px;
	padding: 0px 3px 0px 3px;
	border: 2px solid #dddddd;
	width: 318px;
}


.wpcf7-select > option{
	padding: 5px;	
}

.wpcf7-textarea{
	margin: 3px 0px 0px 0px;
	padding: 7px 7px 3px 7px;
	border: 2px solid #dddddd;
	width: 592px;
}