@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
body { 
	background:url(../Images/Bg.png);
	font: 12px Arial, Helvetica, sans-serif;
	color:#0B253F;
	text-align:justify;
}
a{
	color:#0B253F;
	text-decoration:none;
}
/*a:hover, a:active, a:visited{
	color:#0B253F;
	color:#1A5795;
	text-decoration:none;
}*/
img, object, embed, video {
	max-width: 100%;	
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
.header_bg{
	position:fixed;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../Images/Header_bg.png);
	-moz-box-shadow: 0px 0px 5px #0F263D;
    -webkit-box-shadow: 0px 0px 5px #0F263D;
    box-shadow: 0px 0px 5px #0F263D;
	z-index:99;
}
.logo{
	float:left;
	width:110px;
	height:32px;
	background:url(../Images/Logo.png) no-repeat;
	margin-top:5px;
	margin-left:5px;
}
.lang_menu{
	float:right;
	margin-top:11px;
	width:62px;
}
.lang_menu #vi{
	float:left;
	width:25px;
	height:18px;
	background:url(../Images/Icons/lang_menu.png) no-repeat 0px 0px !important;
}
.lang_menu #vi:hover{
	background-position:0px -18px !important;
}
.lang_menu #en{
	float:left;
	width:25px;
	height:18px;
	background:url(../Images/Icons/lang_menu.png) no-repeat -25px 0px;
	margin-left:7px;
}
.lang_menu #en:hover{
	background-position:-25px -18px;
}
.menu_btn{
	float:right;
	width:70px;
	height:40px;
	background:url(../Images/Menu_btn.png) no-repeat 0px 0px;
}
.back_btn{
	float:right;
	width:40px;
	height:40px;
	background:url(../Images/Back_btn.png) no-repeat;	
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 99%;
}
/*.header_bg {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

/*@media only screen and (min-width: 481px) {
.gridContainer {
	width: 97.675%;
	padding-left: 0.1625%;
	padding-right: 0.1625%;
}
}*/

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

/*@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
}*/
.body_bg{
	margin-top:47px;	
}
.home_menu{
	text-transform:uppercase;
	text-align:center;
	overflow:hidden;
	height:365px;
	display:none;
}
.home_menu.tour{
	height:272px;
}
.home_menu_item{
	float:left;
	width:100%;
	height:33px;
	background:url(../Images/Home_menu_item_bg.png) repeat-x;
	color:#CDC476;
	font-weight:bold;
	font-size:13px;
	padding-top:17px;
	margin-top:-5px;
}
.home_menu_item .center{
		
}
.home_menu_item .left{
	float:left;
	left:0;
	width:35px;
	height:50px;
	background:url(../Images/Home_menu_item_left.png) no-repeat;
	margin-top:-17px;
}
.home_menu_item .right{
	float:right;
	right:0;
	width:35px;
	height:50px;
	background:url(../Images/Home_menu_item_right.png) no-repeat;
	margin-top:-17px;
}
.page_bg{
	position:relative;
	padding:10px 11px 10px 11px;
	margin-left:6px;
	margin-right:6px;
	background:#fff;
	-moz-box-shadow: 0px 0px 6px #111;
    -webkit-box-shadow: 0px 0px 6px #111;
    box-shadow: 0px 0px 6px #111;
	text-align:center;	
}
.home_img{
	border:1px solid #C2C8CF;
	margin-left:-1px;
	width:100%;
}
.submenu_bg{
	position:relative;
	padding:2px 9px 2px 11px;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:10px;
	background:#fff;
	-moz-box-shadow: 0px 0px 6px #111;
    -webkit-box-shadow: 0px 0px 6px #111;
    box-shadow: 0px 0px 6px #111;
	height:99%;
	height:auto;
	min-height:99%;	
	overflow:hidden;
}
.submenu_item{
	float:left;
	width:100%;
	height:22px;
	padding-top:8px;
	text-transform:uppercase;
	border-bottom:1px solid #0B253F;
	font-weight:bold;
	background:url(../Images/Bullets/star.png) no-repeat right center;
}
.submenu_item:last-child {
	border-bottom:none;
}
.page_title{
	position:relative;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	margin-bottom:10px;
	height:99%;
	height:auto;
	min-height:99%;	
	overflow:hidden;
}
.page_title a, .page_title span{
	float:left;	
}
.page_title .title_start{
	float:left;
	width:9px;
	height:9px;
	background:url(../Images/Bullets/gold_start.png) no-repeat;
	margin-left:6px;
	margin-right:6px;
	margin-top:3px;
}
.page_content{
	position:relative;
	text-align:justify;
	margin-bottom:5px;
}
.page_content img{
	border:1px solid #C2C8CF;
	margin-left:-1px;
    height: auto;
}
.page_content .img_center, .slide_bg{
	position:relative;
	text-align:center;
	margin-bottom:10px;
    margin-top: 5px;
}
.page_content .img_title{
	text-align:center;
	font-style:italic;
	/*font-size:11px;*/
	margin-top:3px;
}
.page_content ul {
    margin-left: 0;
     padding-left: 10px;
    list-style: disc;
}
/*---Footer---*/
.footer_bg{
	margin-top:7px;
	margin-bottom:10px;
	color:#CEC476 !important;	
}
.totop_bg{
	position:relative;
	margin-left:6px;
	margin-right:6px;
	height:40px;
	top:0;
	left:0;
	background:url(../Images/Header_bg.png);
	-moz-box-shadow: 0px 0px 5px #0F263D;
    -webkit-box-shadow: 0px 0px 5px #0F263D;
    box-shadow: 0px 0px 5px #0F263D;
	cursor:pointer;
}
.totop_btn{
	float:left;
	width:140px;
	height:40px;
	background:url(../Images/Top_btn.png) no-repeat;
	color:#CEC476;
	font-weight:bold;
}
.totop_btn strong{
	position:absolute;
	margin-top:12px;
	margin-left:42px;	
}
.hotline{
	font-weight:bold;
	float:right;
	margin-top:13px;
	margin-right:8px;
	color:#CEC476 !important;
}
.copy_bg{
	position:relative;
	margin-left:6px;
	margin-right:6px;
	height:28px;
	top:0;
	left:0;
	border-bottom:#CEC476 1px solid;
}
.copy_bg span{
	float:left;
	margin-top:7px;
	font-size:11px;	
}
.copy_bg a{
	float:right;
	width:54px;
	height:16px;
	margin-top:7px;
	background:url(../Images/Megapixel.png) no-repeat;
}
.version_bg{
	position:relative;
	margin-left:6px;
	margin-right:6px;
	height:26px;
	top:0;
	left:0;
	text-align:center;	
}
.version_bg a{
	color:#CEC476;	
	text-decoration:underline;
}
/* Pages */
.destination_title {
    font-weight: bold;
}
.slide_divframe {
    width: 100%;
    height: auto;
}
.new_item_bg {
    margin-bottom: 20px;
}
.new_title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
.other_news_title{
	position:relative;
	text-transform:uppercase;
	/*background:url(../Images/other_news_title.png) no-repeat left bottom;*/
	margin-top:15px;
	font-weight:bold;
}
.other_news_bg{
	position:relative;
	margin-top:0px;
}
.other_news_bg li{	
	margin-left:10px;
}
.other_news_bg a:hover{
	text-decoration:underline;
}
.other_news_bg span{
	color:#999;
}
.pano_bg {
    position: relative;
    width: 100%;
    height: auto;
}
.pano_bg iframe {
    border:1px solid #C2C8CF;
    margin-left: -1px;
    margin-bottom: 15px;
}