/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/


/* Body and structure
-------------------------------------------------- */
body {padding-top:25px;}
h4 {color:#797979;}
p {color:#7A7A78;}

.nav{margin-left:0;margin-bottom:20px;list-style:none;}
.nav>li>a:hover{text-decoration:none;background-color:#eeeeee;}
.nav-tabs>li,.nav-pills>li{float:left;}
.nav-tabs{border-bottom:1px solid #ddd;}
.nav-tabs>li{margin-bottom:-1px;}
.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}

.navbar{overflow:visible;margin-bottom:20px;color:#777777;*position:relative;*z-index:2;}

.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#fafafa;background-image:-moz-linear-gradient(top, #ffffff, #f2f2f2);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));background-image:-webkit-linear-gradient(top, #ffffff, #f2f2f2);background-image:-o-linear-gradient(top, #ffffff, #f2f2f2);background-image:linear-gradient(to bottom, #ffffff, #f2f2f2);background-repeat:repeat-x;/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);*/border:1px solid #d4d4d4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);*zoom:1;}.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0;} 
.navbar .container{width:auto;}

.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#777777;text-decoration:none;text-shadow:0 1px 0 #ffffff;}
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#333333;text-decoration:none;}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#555555;text-decoration:none;background-color:#e5e5e5;-webkit-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);-moz-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);}
.navbar .nav > li > a {
	text-transform:uppercase;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, direction=120, strength=1, enabled=true)";
	font-size:15px;
}

.flexslider img {
/*
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
*/
/*	-webkit-box-shadow: 0 4px 0px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 4px 0px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);*/
	padding-bottom:1px;
}

.flexslider .flex-control-nav {width: 90%; text-align:left; ;position:absolute; bottom:5px; left:20px; float:left; z-index:20;}

.flex-caption {
	width:25%;
	height:240px;	/* 100%; */
	padding:15px 25px;
	margin-right:50px;
	float:right;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(230,230,230,0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(100%,rgba(230,230,230,0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(230,230,230,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(230,230,230,0.7) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(230,230,230,0.7) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(230,230,230,0.7) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	color: #808080;
	font-size: 14px;
	line-height: 22px;
	margin-top:-300px;
	z-index:5;
	position:relative;
	border:1px solid #E0E0E0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
@media (max-width: 480px) {.flex-caption {display:none;}}
@media (max-width: 767px) {.flex-caption {display:none;}}
@media (max-width: 768px) {.flex-caption {height: 150px; margin-top: -200px}}
@media (min-width: 768px) and (max-width:979px) {.flex-caption {height: 200px; margin-top: -240px;}}
@media (min-width: 1200px) {.flex-caption {height: 280px; margin-top: -350px;}}

.navbar-inner {
	margin-top:25px;
}

ul.social {
	float:right;
	margin-right:7px;
	margin-top:15px;
}

ul.social li {
	list-style:none;
	float:left;
	margin-right:7px;
}
/*
.search-background{
	background:#E9E9E9 !important;
	margin-top:15px;
}
 */
.search-box {width: 400px; /* 300px; */}
.search-background{background:#fff;margin-top: 15px; padding: 0px 10px;box-shadow: 0 0 3px 2px #9DBFEB;float: right;}
input.txt_search {margin: 4px 0px;box-shadow: none;border: none;padding: 0px;width: 160px /* 84% */;}
button.btn_search {background: url(../img/11/btn_search.png) no-repeat;height: 15px;width: 16px;border: none;padding: 0px;}
#lang-setting .btn-group {margin-top: 14px;}

.footer p {
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	font-size:15px;
}

.footer {
	margin-bottom: 15px;
}

.section-image {
	float:left;
	width: 82px;
	height: 60px;
	margin:0;
	margin-top: -19px;
}
.image-hotel {
	background: url(../img/11/icon-bell.png) no-repeat center top;
}
.image-event {
	background: url(../img/11/icon-calendar.png) no-repeat center top;
}
.image-spot {
	background: url(../img/11/icon-binocular.png) no-repeat center top;
}

/*******************************/

.content-body {
	background: transparent;
}
.breadcrumb {background: rgba(0,0,0,0.2);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#20000000,endcolorstr=#20000000,gradienttype=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000)";	
}
.breadcrumb li, .breadcrumb li a, .breadcrumb a:hover,.breadcrumb .divider {color: #fff;}

.panel-content {
	background: #fff;
	/* padding: 0; */
	margin-bottom: 30px;
	border:1px solid #E0E0E0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow: visible;
}

.panel-content-title {
	background:#797979;
	padding: 0;
	color:#FFF;
	height:30px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	 border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	overflow: visible;
	text-indent: 20px;
	margin:-10px -20px 0px -20px;
}
.panel-content-title .shadow {	
	font-size: 17px;
	line-height:16px;
	margin:0;
	margin-top:7px;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=1, enabled=true)";
}
/*
.panel-content-title p {
	border-bottom: 1px solid #e7e7e7;
	padding: 10px 20px;
	color: #000;
	margin: 0px;
}
 */

.panel-banner {
	background: transparent;
	padding: 20px 10px;
	margin-bottom: 30px;
	border:1px solid #E0E0E0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.panel-banner img {margin-bottom:10px}
.panel-banner h3 {margin-top:0}
.panel-banner h4 {font-size: 14px; font-weight: normal;}

.content-more {
	color: #ACAAAA;
	padding: 0px 0px 0px 10px;
	line-height: 30px;
	font-size: 14px;
	float: left;
	text-indent: -80px;
	margin: 0px;
}
.content-more a, .content-more a:hover {
	color: #fff;
	text-decoration: none;
}

.content-view {
	/* background-color: rgba(0,0,0,0.5); */
	padding: 10px 10px 0px 20px;
	background: transparent;
	color: #000;
	/* height: 220px; */
}

#top-banner.content-view {height: auto;}
#top-content .cols-1-horz /*.content-view */ li {
	/* border-bottom: 1px solid #e7e7e7; */
	padding: 0px 20px 0px 0px;
	/* color: #000; */
	margin: 0px;
	height: auto;
	min-height: 1px;
}
#top-content .content-view li:last-child {border-bottom:0; padding-bottom: 10px}
#top-content .content-view li a, .content-view li a:hover {color: #000; font-weight: normal;}

/*
#recommend-list li {width: 22%; height: 200px;  margin:0 1.5% 10px 1.5%; padding: 0}
 */
.swiper-navigation {position: relative;}
.swiper-pagination .swiper-pagination-switch {
    cursor: pointer;
	background: none repeat scroll 0 0 white;
	border: 1px solid black;
	border-radius: 8px 8px 8px 8px;
	display:block;
	height: 8px;
	margin:0 5px;
	opacity: 0.8;
	width: 8px;
	float: left;
}

.swiper-prev {
    position: absolute;
    top: -34px;
    right: 28px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #fff;
/*		background: url(../images/prev.png) no-repeat #000 middle center;*/
	background-image: url("../img/10/prev.png");
	background-position: 6px 5px;
	background-repeat: no-repeat;
}
.swiper-next {
    position: absolute;
    top: -34px;
    right: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #fff;
	background-image: url("../img/10/next.png");
	background-position: 8px 5px;
	background-repeat: no-repeat;
}

.right-guide {
    position: absolute;
    top: 0px;
    right: 0;
    width: 26px;
    height: 230px;
    background: #538BBD;
}
.left-guide {
	position: absolute;
    top: 0px;
    left: -32px;
    width: 26px;
    height: 230px;
    background: #538BBD;
}
.list-view {margin-top: 10px; padding: 20px; }
.list-view .swiper-container, .swiper-slide { width:100%; position:relative;}
.list-view .swiper-pagination { display:none; /* position:absolute; left:0px; bottom:0px; padding: 10px; width:100%; z-index:30; */}
.list-view .swiper-pagination .swiper-active-switch {display: none; /*background: none repeat scroll 0 0 #555; */}
.list-view .swiper-next {position: absolute; top: -55px; right:10px}
.list-view .swiper-prev {position: absolute; top: -55px; right:40px}
.list-view .swiper-slide ul {margin-left:0}
.list-view .swiper-slide li {width: 100%; height: 160px; list-style-type:none; float:left; margin-bottom:30px; overflow:hidden;}
.list-view .swiper-slide li .text-wrapper {padding-right: 10px;}
.list-view li {width:22%; height: 200px; }
.list-view .swiper-slide li img {width: 100%; padding-left:0px; margin-top: 10px;}
.gallery-view {margin-top: 0px; padding-top: 20px; background: #fff }

#gallery .gallery-view .swiper-next {position: absolute; top: -44px; right:20px}
#gallery .gallery-view .swiper-prev {position: absolute; top: -44px; right:48px}
.cols-2 .swiper-slide li {width:49%;}
.cols-3 .swiper-slide li {width:30%;}
.cols-3 .swiper-slide li:last-child {width:31%}
.cols-4 .swiper-slide li {width:22%;}
.cols-5 .swiper-slide li {width:17%;}
.cols-6 .swiper-slide li {width:13.5%;}


.rows-1 {height:190px}
.rows-1 .swiper-container, .swiper-slide {height:190px}
.rows-2 {height:380px}
.rows-3 {height:570px}
.rows-4 {height:760px}
.rows-5 {height:950px}
.rows-6 {height:1140px}

rows-3.list-view .swiper-container, .swiper-slide {height: 570px}

.thumb-view.cols-2 .swiper-slide li {width:47%;}
.thumb-view.cols-3 .swiper-slide li {width:30%;}
.thumb-view.cols-3 .swiper-slide li:last-child {width:31%}
.thumb-view.cols-4 .swiper-slide li {width:22%;}
.thumb-view.cols-5 .swiper-slide li {width:17%;}
.thumb-view.cols-6 .swiper-slide li {width:13.5%;}
.thumb-view.rows-1 {height:140px}
.thumb-view.rows-1 .swiper-container, 
.thumb-view.rows-1 .swiper-slide {height:140px}


#entry-list.rows-3.list-view .swiper-container, 
#entry-list.rows-3.list-view .swiper-slide 	{ height: 570px;}

.entryDesc {
	width: auto;
	margin: 5px 0 20px 0;
	padding: 15px 10px 8px 10px;
	border: 0;
}
.entryDetails {
	width: auto;
	margin: 5px 10px 20px 10px;
	padding: 15px 10px 8px 10px;
	border: 0;
	/* border-top: 1px solid #D2D2D2; */
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/*
#entry-header.content-view {height: 250px}
#entry-header.content-view .entryPhotos {width:660px}
 */
.carousel-view p {color: #000;}

#top-content .panel-content {position: relative;}
#top-content .content-more {/* float: right; */ position: absolute; bottom: 0; right: 10px;  z-index: 100; color: #777; text-indent: 0;}
#top-content .content-more a,
#top-content .content-more a:hover { float: right; color: #777;}

#entry-info.content-view {min-height: 740px}



#top-banner,
#top-banner li {padding: 0;}
#bottom-banner li {padding: 0!important;}

.contact dd input, .contact dd textarea {width: 95%;}
.contact {margin-bottom: 20px;}
.masonry-item {	width: 164px;}

.panel-content-title #content-date {position: absolute; bottom: 4px;}

.event-list .cols-1-horz li { width: 100%; padding-right: 0;}
.event-list li .text-wrapper {width: 66%;}
.caption-text {margin: 0 20px;}

@media (max-width: 480px) {
	/* #recommend-list li {height: 80px;} */
	/* #recommend-list.content-view {height: 200px;} */
	#top-content .swiper-slide li {height: 230px;}
	#whats-new .text-wrapper, #from-members .text-wrapper {float: none; clear: both;}
	.panel-content-title {text-indent: 10px; margin:-10px -10px 0px -10px; }
	.panel-content-title .shadow{font-size: 14px;}
	.panel-content-title #content-date {display:none;}
	#content-title {display:block; max-width: 248px; overflow:hidden;}
	#content-title-recommend1,
	#content-title-recommend2,
	#content-title-recommend3,
	#content-title-recommend4,
	#content-title-recommend5,
	#content-title-recommend6
	 {display:block; max-width: 120px; overflow: hidden;}
	.search-box {width: auto;}
	.search-background {margin-top: 0;}
	.content-view {padding-left: 10px;}
	.navbar-inner {padding-left:10px; padding-right:10px;margin-top:10px;}
}
@media (max-width: 767px) {
	/* #recommend-list li {height: 140px;} */
	/* #recommend-list.content-view {height: 320px;} */
	.navbar-inner {padding-left:10px; padding-right:10px;margin-top:10px;}
}
@media (min-width: 768px) and (max-width:979px) {
	#recommend-list li {height: 140px;}
	#recommend-list.content-view {height: 320px;}
	.navbar-inner {padding-left:10px; padding-right:10px;margin-top:10px;}
}