
body{background:#71FF71;font-family:verdana;font-size:13px;font-weight:normal;color:#191919; line-height:20px; margin:0}
body a{font-family:verdana;font-size:13px;color:#090;text-decoration:none;}
body a:hover{font-family:verdana;font-size:13px;color:#03C;text-decoration:none;}
.clearb{ clear:both}
@media only screen and (min-width: 801px) {
.li1,.li2, .selected,.cats{ padding-top:10px;color:#fff;font-weight:bold;font-size:13px;display:block;height:100%;width:90px;}
.li1:hover,.cats:hover,.li2:hover,.selected:hover { opacity:0.9;padding-top:10px;color:#fff;font-weight:bold;font-size:13px;display:block;height:87%;background-color:#005300;width:90px;}
.selected,.selected2,.selected1{opacity:0.9;padding-top:10px;color:#fff;font-weight:bold;font-size:13px;display:block;height:87%;background-color:#005300;width:90px;}
.li2,.li2:hover,.selected2,.selected1{ width:120px}

.body_main{width:1024px; margin:auto;}
.front_left{ position:absolute;
		left: 0;
    	top: 0;
    	z-index: 99;}
.front_right{ position:absolute;
		right: 0;
    	top: 0;
    	z-index: 99;}
.h_banner{width:1024px;height:150px; background:#000; border-bottom: solid 4px #090}
.h_banner_logo{ float:left; margin-left:270px}
.h_banner_slogan{float:left; margin-top:20px;}
.slide{ width:1024px;}
.ha-menu{width:1024px;height:50px;margin:auto;text-align:center; background-color:#090; margin-top:-14px}
.ha-menu ul{width:100%;height:50px;display:block;}
.ha-menu ul li{float:left;text-align:center;padding:5px;height:40px;display:inline;position:relative;z-index:1000;}
/****Sub menu****/
.ha-menu ul ul{opacity:0.9;position:absolute;z-index:1000;margin-top:50px;top:0px;left:5px;width:200px;display:none;overflow:hidden;height:auto;}
.ha-menu ul li ul.menu-cat li{width:100%;padding:0px;border-bottom:1px solid #999;background-color:#009500;}
.ha-menu ul li ul.menu-cat a{display:block;width:100%;text-align:left;padding-left:25px;}
.ha-menu ul li ul.menu-cat a:hover{display:block;width:100%;text-align:left;padding-left:25px;color:#fff;}
.ha-menu ul li:hover ul ul, .ha-menu ul li:hover ul ul ul,.ha-menu ul li li li li:hover ul{display:none}
.ha-menu ul li:hover ul,.ha-menu ul li li:hover ul,.ha-menu ul li li li:hover ul,.ha-menu ul li li li li:hover ul{display:block}
.content{ background:#E4E4E4; width:100%; height:auto}
.content_left{  float:left; width:68.8%; background:#fff}
.content_left_title{ height: 25px; width:98.6%; border-bottom:#090 solid 2px;padding-left:10px; padding-top:20px; font-size:16pt; color:#005300}
.content_left_content{ height:auto; min-height:1224px; width:94%;padding:20px; text-align:justify}
.content_right{ padding-left:10px;background:#E4E4E4; width:30.1%; float:left}
.ct_tripadvisor{ width:98%; height:auto; background:#fff; margin-top:30px}
.ct_facebook{ margin-top:10px}
.ct_vietmaps{ width:98%; margin-top:10px}
.footer{ background-color:#FFF; width:100%; height:auto; min-height:100px; border-top:#090 2px solid}
/****footer****/
.footer{width:100%;height:300px;margin:auto;text-align:center;}
.footer .f_content{width:1024px;height:300px;padding-top:10px;margin:auto;}
.footer .f_content .footer-left{width:690px;height:280px;float:left;padding-top:10px;}
.footer-left{width:650px !important}
.footer .f_content .footer-right{position:relative;width:323px;height:150px;float:right;text-align:center;}
.footer .f_content .footer-right span{position:absolute;top:110px;color:#999;width:100%;text-align:center;left:0px;}
.footer .f_content .footer-right span a{color:#999;}
.footer .f_content .footer-right span a:hover{color:#6cb902;text-decoration:underline;}
.footer .f_content .footer-left .nav-site{float:left;width:450px;overflow:hidden;border-left:1px solid #999;height:100%;}
.append-footer{float:left;width:150px !important;overflow:hidden;}
.footer .f_content .footer-left .nav-site .f_content{height:100%;width:100%;text-align:left;font-size:11px;}
.footer .f_content .footer-left .nav-site h3.title{height:15px;text-align:left;padding-left:10px;font-family:Georgia;font-size:14px;font-style:italic;font-weight:bold;color:#6cb902;}
.footer .f_content .footer-left .nav-site .f_content ul.link-site{width:100%;}
.footer .f_content .footer-left .nav-site .f_content ul.link-site li{text-align:left;padding:1px 0;}
.footer .f_content .footer-left .nav-site .f_content ul.link-site li a{color:090;font-size:11px;font-weight:normal;padding-left:10px;}
.footer .f_content .footer-left .nav-site .f_content ul.link-site li a:hover{color:#6cb902;font-size:11px;font-weight:normal;padding-left:10px;text-decoration:underline;}
.footer .f_content .footer-left .nav-site .f_content{width:90%;color:#000;text-align:left;padding-left:10px;}
.footer .f_content .footer-left .nav-site .f_content p{line-height:19px;}
.footer .f_content .footer-left .nav-site .f_content p span{color:#6cb902;font-weight:bold;padding:0 5px;}
.footer .f_content .footer-left .nav-site .f_content p a{font-size:11px;color:#090;}
.footer .f_content .footer-left .nav-site .f_content p  a:hover{font-size:11px;color:#6cb902;}
.footer-right{float:left !important; text-align:center !important}
/**************/
 
 
 /* tour */
 
 .tour{ width:100%; border-bottom:#090 solid 2px; margin-top:10px; padding-bottom:10px}
 .tour_title{ width:100%; height: 30px;}
 .tour_title a, .tour_title a:hover{ font-size:14px; font:bold}
 .tour_description{ width:70%; float:left; padding-right:10px}
 .tour_des_content{ height:150px}
 .tour_des_btdetail{ border:#999 solid 1px; background:#CCC; width:200px; height:20px; text-align:center}
 .tour_image{width:25%; float:left}
 /* end Tour */
 .pagination {
padding: 20px;
margin-bottom: 20px;
margin-top:20px
}
 
.page {
    display: inline-block;
    color: #717171;
    padding: 0px 9px;
    margin-right: 1px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    font-size:15px;
    text-decoration: none;
}
 
.page:hover, .page.gradient:hover {
    background: #595959;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    color: #f0f0f0;
}
 
.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
#view_list_product{margin: 0px 5px 0px 0px;padding: 5px 0px 0px 0px ; width: 155px;height: 130px; border:#CCCCCC solid 2px}
.a_product{ color:#CCCCCC}
.a_product:hover{ color:#fff; border-bottom:#FFFFFF dotted 1px}
.content2{ width:1024px; background:none; height:auto; min-height:300px; margin-top:10px}
.content2_left{ float:left;}
.content2_right{ float:left; margin-left:10px; width:500px; height:500px; background:#fff; padding:7px}
.topnav,.content2_left_res,.content_right_res,.column{ display:none}
#CDSWIDSSP{ width:300px !important}
}

@media only screen and (max-width: 800px) {
	.body_main{ width:100%}
	.front_left, .front_right,.slide,.ha-menu,.content2_left,.content_left_title,.TA_excellent,.TA_cdsratingsonlynarrow,.ct_facebook,.ct_vietmaps{display:none}
	.h_banner{width:100%;height:70px;background:#00D200; border-bottom: solid 4px #090}
	.h_banner_logo{ float:left; margin-left:10px; margin-top:10px; width:20%}
	.h_banner_logo img{ height:50px}
	.h_banner_slogan{float:left; margin-top:5px; width:60%}
	.h_banner_slogan img{ width:100%; height:65px}
	.column{ width:100%; background:#666}
	.topnav{ display:block; float:left; width:100%}
	.topnav {
	  overflow: hidden;
	  background-color: #333;
	}
	
	.topnav a {
	  float: left;
	  display: block;
	  color: #f2f2f2;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 17px;
	}
	
	.topnav a:hover {
	  background-color: #ddd;
	  color: black;
	}
	
	.active {
	  background-color: #4CAF50;
	  color: white;
	}
	
	.topnav .icon {
	  display: none;
	}
	  .topnav a:not(:first-child) {display: none;}
	  .topnav a.icon {
		float: right;
		display: block;
	  }
	
	  .topnav.responsive {position: relative;}
	  .topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	  }
	  .topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	  }
	  .content{ background:#E4E4E4; width:100%; height:auto;}
	  .content_left{ width:95%; background:#fff; padding:10px; overflow:hidden}
	  .content_left img{ width:95%}
	  .content_left_content{ height:auto; padding:20px; text-align:justify}
	  .content2_left_res{  display:block}
      #CDSWIDSSP{ width:100% !important}
	  .content2_right,.conten_right{ margin-top:10px}
	  .act{position:absolute; z-index:100; width:90%; color:#FFF; text-align:center; margin-top:13px; margin-left:50px}	
	  .act a{ background:#FFF; padding:13px}
	  .act a:hover{ background:#0F0; padding:13px}
	  
	}