@font-face {
	font-family: 'THSarabunNew';
	src: url('../fonts/thsarabunnew-webfont.eot');
	src: url('../fonts/thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/thsarabunnew-webfont.woff') format('woff'), url('../fonts/thsarabunnew-webfont.ttf') format('truetype'), url('../fonts/thsarabunnew-webfont.svg#thsarabunnewregularregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'pgvimregular';
	src: url('../fonts/pgvim-webfont.eot');
	src: url('../fonts/pgvim-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pgvim-webfont.woff') format('woff'), url('../fonts/pgvim-webfont.ttf') format('truetype'), url('../fonts/pgvim-webfont.svg#pgvimregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.pgvimregular {
	font-family: 'pgvimregular' !important;
}
* {
	margin: 0;
	padding: 0;
}
#map {
	position: absolute;
	left: 0px;
	top: 95px;
	bottom:30px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 0;
}
html, body {
	height: 100%;
	min-width: 768px;
}
.container {
	width: 100%;
	height: 100%;
}
.nav-header{
	
}
.ui-autocomplete{
	background-color:#fff;
	border:soild 1px #ccc;
	padding:5px 0 0 0 !important;
	border-bottom-left-radius:5px !important;
	border-bottom-right-radius:5px !important;
}
body {
	background-color:#333;
	overflow: hidden;
	min-width: 900px;
	min-height: 600px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .logo-title {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
h1 {
	font-size:1.5em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1.0em;
}
h5 {
	font-size: 0.9em;
}
h6 {
	font-size: 0.9em;
}
.the-shadow{
	position:absolute;
	z-index:2400;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
}
.ui-state-focus {
	outline-style: none;
}
.box-left {
	float: left;
}
.box-right {
	float: right;
}
.left {
	text-align: left;
}
a, select, .caret {
	cursor: pointer;
}
.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
}
.text-white {
	color: #ffffff !important;
}
.text-purple {
	color: #550080;
}
.text-grey {
	color: #6e6e6e;
}
.text-yellow {
	color: #ffd78f;
}
.text-gold {
	color: #896b52;
}
.center {
	text-align: center;
}
.bg-white {
	background-color: #FFFFFF !important;
}
.bg-grey {
	background-color: #969696 !important;
}
.bg-purple {
	background-color: #550080 !important;
}
.bg-green {
	background-color: #136300 !important;
}
.bold {
	font-weight: bold !important;
}

#wrap {
	min-height: 100%;
	height: auto;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;/* thank you Erik J - negate effect of float*/
}

#footer {
	position: absolute;
	margin-left:50%;
	margin-bottom:30px;
	height: 130px;
	clear: both;
}
.footer-bar {
	position: absolute;
	bottom: 0;
	z-index: 5000;
	width: 100%;
	height: 30px;
	
	background-image: url('../img/footer-bar.png');
	background-repeat: repeat-x;
	background-position: center;
	line-height:30px;	
	
	text-align:center;
	font-size:.8em;
}
#footer .container {
	position: absolute;
	left: 50%;
	height:130px;
	width: 740px;
	margin-left: -370px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #ffffff;
	box-shadow: 0 0 15px RGBA(66,66,66,.2);
	padding:0;
}
#footer .category{
	list-style:none;
	height:97px;
}
#footer .category li{
	background-repeat:no-repeat;
	background-position:center;
	background-position-y:8px;
	background-size:61px 61px;
	
	float:left;
	width:81px;
	height:100%;
}
#footer .category .category-name{
	position:absolute;
	width:79px;
	bottom:5px;
	font-size:.8em;
	text-align:center;
}
/*#footer > .container > ul.category {
	padding-top: 5px;
}
#footer > .container > ul.category > li {
	float: left;
	list-style: none;
	width: 76px;
	cursor: pointer;
}
#footer > .container > ul.category > li > h4 {
	text-align: center;
	margin-top: 5px !important;
	color: #666666;
}
#footer > .container > ul.category > li:first-child {
	margin-left: 13px;
}
#footer > .container > ul.category > li.slash {
	width: 7px !important;
	height: 60px !important;
	cursor: auto !important;
}
#footer > .container > ul.category > li.slash > div {
	margin-left: -7px !important;
}
#footer > .container {
	padding-right: 0px;
	padding-left: 0px;
}*/

#wrapper {
	position: absolute;
	z-index: 1;
	top: 185px;
	bottom: 190px;
	left: 0;
	width: 100%;
	background: #555;
	overflow: auto;
}

#scroller {
	position: absolute;
	z-index: 1;
	/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	padding: 0;
}

#scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}

#scroller li {

	height: 115px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	background-color: #fafafa;
	font-size: 14px;
}

.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	/*background-color: transparent !important;*/
}
/* Custom page CSS
 -------------------------------------------------- */
/* Not required for template or sticky footer method. */

.search-panel {
	height: 46px;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	z-index: 1000;
	top: 95px;
	position: fixed;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background-image: url('../img/search-bg.png');
}
#search-input {
	width: 100%;
	background-color: #fff !important;
	background: url('../img/search.png') no-repeat;
	background-position: 95% 50%;
}
.ui-autocomplete{
	color:#515151 !important;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:1.0em !important;
}
.ui-autocomplete a{
	color:#515151!important;
	padding:5px;
}
.ui-menu{ padding:0 important; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border:none !important;
	background: #ffd2a6 !important;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active{ margin:0 !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{ border-bottom-left-radius:0 ; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-bottom-right-radius:0 ; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{ border-top-left-radius:0 ; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{ border-bottom-left-radius:0 ; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{ border-top-right-radius:0 ; }
.btn-search{
	float:right;
}
.navbar-form {
	width:387px;
	padding: 0px 10px !important;
}
.navbar-form .form-group{
	width:100%;
	margin-right:10px;
}
#right-menu{
	position: fixed;
	top: 96px;
	right: 0;
	width: 236px;
	height: 100%;
	background-color: #e2e2e2;
	box-shadow: 0 0 15px RGBA(66,66,66,.2);
}
#right-menu .container {
	background-color: #e2e2e2;
	padding-right: 0px;
	padding-left:0px;
}
#right-menu > .container > ul > li {
	list-style: none;
}
.logo {
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 128px;
	height: 120px;
}
.logo-center {
	top:0;
	background-image: url('../img/logo-center.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 65px;
	height: 90px;
	left: 50%;
	margin-left: -33px;
	margin-top: 5px;
	position: absolute;
}
.ribbon {
	background-image: url('../img/ribbon.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 527px;
	height: 107px;
	left: 50%;
	top:0;
	margin-left: -265px;
	position: absolute;
	z-index: -1;
}
.top-bar {
	background-image: url('../img/top-bar.png');
	background-repeat: repeat-x;
	background-position: center center;
	width:100%;
	height: 104px;
	border: none;
	z-index: 2500;
}
.nav-top-bar{
	width:0;
	height:0;
}
.nav-top-bar .text-header{
	font-size:2.4em;
}
.nav-left-top-bar{
	position:absolute;
	top:0;
	margin-top:13px;
	margin-left:130px;
	color:#9e9e9e;
}
.region li {
	padding-right: 6px;
}
.topmenu > li:hover > a {
	background-color: transparent;
	text-decoration: underline;
}
.region > li:last-child {
	margin-top: 5px;
}
.region > li > h3.last {
	font-size: 21px !important;
}
.region > li:last-child > a, .other > li > a, .about > li > a {
	color: #ccc !important;
}
.topmenu.about > li > a, .topmenu.other > li > a {
	padding: 8px 5px !important;
}
.nav-right-top-bar .topmenu li{
	float:left;
}
.nav-right-top-bar{
	position:absolute;
	top:0;
	right:10px;
	margin-top:13px;
}
.language-bar .btn-group .btn-default{
	background-color:#8a691b;
	border-color:#8a691b;
	color:#fff;
}
.nav-right-top-bar .other,.nav-right-top-bar .language-bar{
	float:left;
	padding-left:5px;
}
.nav-right-top-bar .language-bar{
	padding-top:5px;
}
.about {
	position: absolute;
	width:400px;
	top: 0;
	left: 0;
	margin-left: 148px;
	margin-top: 48px;
}
.about li{
	float:left;
}
.topmenu .seperate{
	padding-top:8px;
	padding-bottom:10px;
	padding-left:2px;
	padding-right:2px;
	line-height:20px;
	position:relative;
	display:block;
	color:#aaa;
}
.slash {
	background-image: url('../img/slash.png');
	background-size:contain !important;
	background-position:center !important;
	width: 9px !important;
}
.triangle {
	background-image: url('../img/triangle.png');
	background-repeat: no-repeat;
	background-position:center;
}
.category-title {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #ccc;
}
.category-title h2 {
	line-height: 30px;
}
.please-select{
	text-align:left;
}
.please-select p{
	padding:15px;
	padding-bottom:0;
}
.right-panel-content-selected{
	position:absolute;
	z-index:20000;
	padding:15px;
	padding-top:10px;
	background-color:#ccc;
	box-shadow: 0 5px 10px RGBA(66,66,66,.4);
}
.right-panel-content-selected p{
	padding-top:10px;
	text-align: justify;
}
.right-panel-content-selected h3{
	line-height:1.5em;
}
.right-panel-title {
	cursor:pointer;
	width: 100%;
	height: 85px;
	padding-left:15px;
	padding-right:15px;
	background-color: #ccc;
}
.right-panel-title .more{
	float:right;
}
.right-panel-sub-title {
	cursor:pointer;
	padding-top: 12px;
	height: 85px;
	padding-left:15px;
	padding-right:15px;
	background-color: #e2e2e2;
}
.right-panel-sub-title .more{
	float:right;
}
.right-panel-title h3 ,.right-panel-sub-title h3{
	line-height:2em;
}
.right-panel-title p,.right-panel-sub-title p{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.right-panel-sub-title p {
	/*height: 40px;*/
}
.right-panel-title p{
	height:17px;
}
.right-panel-detail {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 190px;
	padding: 0;
	border-top: 1px solid #ccc;
	padding:15px;
	padding-top:10px;
	padding-bottom:10px;
}
.right-panel-detail p{
	font-size:.8em;
}
.suggest-place {
	margin-top: 5px;
	border-top: 1px solid #ccc;
}
#footer .category{
	
}
.category li{
	text-align:center;
	cursor: pointer;
}

.cat-trad .category-name{
	width:85px !important;
}

.cat-all.active, .cat-all:hover { background-image: url('../img/category/all_selected.png'); }
.cat-food.active,.cat-food:hover { background-image: url('../img/category/food.png'); }
.cat-cloth.active,.cat-cloth:hover { background-image: url('../img/category/cloth.png'); }
.cat-home.active ,.cat-home:hover { background-image: url('../img/category/home.png'); }
.cat-trad.active ,.cat-trad:hover { background-image: url('../img/category/trad.png'); }
.cat-lang.active,.cat-lang:hover { background-image: url('../img/category/lang.png'); }
.cat-occ.active,.cat-occ:hover { background-image: url('../img/category/occ.png'); }
.cat-trust.active,.cat-trust:hover { background-image: url('../img/category/trust.png'); }
.cat-art.active,.cat-art:hover { background-image: url('../img/category/art.png'); }
.cat-all { background-image: url('../img/category/all.png'); }
.cat-food { background-image: url('../img/category/_food.png'); }
.cat-cloth { background-image: url('../img/category/_cloth.png'); }
.cat-home { background-image: url('../img/category/_home.png'); }
.cat-trad { background-image: url('../img/category/_trad.png'); }
.cat-lang { background-image: url('../img/category/_lang.png');}
.cat-occ { background-image: url('../img/category/_occ.png'); }
.cat-trust { background-image: url('../img/category/_trust.png'); }
.cat-art { background-image: url('../img/category/_art.png'); }
.cat:hover {
	opacity: .7;
}

/* Start Right Panel
 -------------------------------------------------- */
/* Not required for template or sticky footer method. */
.place {
	padding-top: 10px;
	padding-left: 10px;
}
.place-img {
	background-repeat: no-repeat;
	background-position: center center;
	/*background-size: cover;*/
	background-size:contain;
	background-color:#333;
	border-radius: 3px;
	width: 73px;
	height: 73px;
	background-image: url('../img/73x73.png');
}
.place-content{
	margin-right:10px;
}
.place-content h4{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.place-content p{
	
}
.place-description{
	padding-top:5px;
	padding-bottom:5px;
	font-size:.8em;
	line-height:1.5em;
	overflow:hidden;
	height:50px;
}
.place > .left-panel {
	float: left;
	width: 80px;
}
.place > .right-panel {
	float: right;
	width: 145px;
}
.more {
	font-size:.8em;
	width: 60px;
	height: 20px;
	background-color: #550080;
	border-radius: 3px;
	text-align: center;
	line-height: 20px;
}
.more a{
	display:block;
	color:#fff;
}
.mini {
	background-repeat: no-repeat;
	background-position: center center;
	width: 12px;
	height: 14px;
	float: left;
	margin-top: 6px;
	margin-right: 3px;
	cursor: pointer;
}
.suggest-place {
	margin-top: 6px;
	padding-top: 3px;
}

.more:hover {
	cursor: pointer;
	opacity: .7;
}
.mini-detail { background-image: url('../img/mini/_mini-detail.png'); }
.mini-detail-active { background-image: url('../img/mini/mini-detail.png'); }
.mini-video{ background-image: url('../img/mini/_mini-video.png'); width:15px; }
.mini-video-active{ background-image: url('../img/mini/mini-video.png'); width:15px; }
.mini-img { background-image: url('../img/mini/_mini-img.png'); }
.mini-img-active{ background-image: url('../img/mini/mini-img.png'); }
.mini-position { background-image: url('../img/mini/_mini-position.png'); }
.mini-position-active { background-image: url('../img/mini/mini-position.png'); }
.mini-suggest {
	background-image: url('../img/mini/suggest.png');
}
.mini-detail:hover, .mini-detail.active {
	background-image: url('../img/mini/mini-detail.png');
}
.mini-img:hover, .mini-img.active {
	background-image: url('../img/mini/mini-img.png');
}
.mini-position:hover, .mini-position.active {
	background-image: url('../img/mini/mini-position.png');
}
.place-recommend {
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	position: absolute;
	margin-left:-19px;
	margin-top: -1px;
	height: 37px;
}
.place-mini-recommend {
	background-repeat: no-repeat;
	background-position: top right;
	width: 74px;
	position: absolute;
	margin-top: -1px;
	height: 37px;
}
/* End Right Panel
 /* Start Left Panel
 -------------------------------------------------- */
/* Not required for template or sticky footer method. */

.accordion h2{
	color:#550080;
}
#left-menu {
	position: fixed;
	top: 150px;
	left: 0;
	width: 235px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 0 15px RGBA(66,66,66,1);
	background-color: #fff;
	z-index: 1000;
}
.accordion-group{
	padding:10px;
}
.accordion-group a{
	color:#515151;
}
.accordion-group .btn-group,.accordion-group .btn{
	width:100%;
	text-align:left;
}
#left-menu .accordion-group{
	border-top: 1px solid rgb(199, 198, 198); /* inner stroke */
}
#left-menu .accordion-group:first-child {
	border-bottom: 1px solid rgb(199, 198, 198); /* inner stroke */
	border-top:0;
}
#left-menu .accordion-heading {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	list-style-type: none;
	width:100%;
	cursor: pointer;
}
.accordion-toggle{
	position:relative;
	display:block;
	width:100%;
}
#left-menu .accordion-heading:last-child h3 {
	padding: 8px 0 0 15px !important;
}
/*#left-menu .accordion-heading  a:hover {
 color: #ccc
 }*/

#left-menu .accordion-heading .active {
	width: 182px;
	height: 34px;
	background-color: #353535;
}
.left-menu-title {
	padding-top: 10px;
}
#left-menu .accordion-heading.title {
	height: 68px;
	border-top-right-radius: 5px;
	margin-left: 18px;
}
.ways{
	background-image: url('../img/mini/right-grey-arrow.png');
	background-repeat: no-repeat;
	background-position: 92% center;
	background-color: #550080; /* layer fill content .accordion-toggle.collapsed*/
}
.ways.collapsed:hover {
	background-color: #ffd2a6; /* layer fill content */
}
.ways.collapsed{
	background-color:#fff;
	color:#515151;
}
.ways.collapsed a{
	color:#515151;
}
.accordion-region a{
	color:#fff;
}
.accordion-inner a{
	color:#515151;
}
select {
	-webkit-appearance: button;
	-moz-appearance: button;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-padding-end: 20px;
	-moz-padding-end: 20px;
	-webkit-padding-start: 2px;
	-moz-padding-start: 2px;
	background-color: #F07575; /* fallback color if gradients are not supported */
	background-image: url(../img/select.png), -webkit-linear-gradient(top, #E5E5E5, #F4F4F4); /* For Chrome and Safari */
	background-image: url(../img/select.png), -moz-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Fx (3.6 to 15) */
	background-image: url(../img/select.png), -ms-linear-gradient(top, #E5E5E5, #F4F4F4); /* For pre-releases of IE 10*/
	background-image: url(../img/select.png), -o-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Opera (11.1 to 12.0) */
	background-image: url(../img/select.png), linear-gradient(to bottom, #E5E5E5, #F4F4F4); /* Standard syntax; must be last */
	background-position: center right;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	border-radius: 2px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	color: #555;
	font-size: inherit;
	margin: 0;
	overflow: hidden;
	padding-top: 2px;
	padding-bottom: 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.select-style {
	margin-top: 3px;
}
.select-style-left select {
	width: 202px;
	margin-top: 4px;
}
select:focus {
	outline: none;
}
.post-it{
	position: absolute;
	height: 30px;
	width: 200px;
	padding: 5px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	box-shadow: 0 0 15px RGBA(66,66,66,.2);
	text-align: center;
	cursor: pointer;
	background-color :#fff;
	color:#550080;
}
#left-menu .post-it{
 	top:100px;
	left:150px;
}
#right-menu .post-it{
 	top:154px; 
	left:-115px;
}
#footer .post-it{
	top:-30px;
	left:50%;
	margin-left:-100px;
}
.post-it-show{
	background-color: #969696;
	color:#fff;
	text-indent: 15px;
}
.post-it-hide{
	background-color:#fff;
	color:#550080;
	text-indent: 0;
}
.rotate-90{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.rotate-270{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion-inner > ul {
	list-style: none;
}
.accordion-inner li{
	background-color:#fff;
}
.accordion-inner .selected{
	background-color:#ffd2a6;
}
.accordion-inner .route-name{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
}
.accordion-inner a{
	display:block;
	position:relative;
	cursor: pointer;
	padding-left: 35px;
	padding-right: 10px;
	padding-top:5px;
	padding-bottom:5px;
}
.collapse-btn {
	float: left;
	width: 113px;
	height:46px;
	line-height:46px;
	background-repeat: no-repeat;
	background-position-x:10px;
	background-position-y:center;
	border-right: solid 1px #c3c2be;
	padding-right: 5px;
	cursor: pointer;
	font-size:.9em;
	
	text-align:right;
}
.collapse-btn.do-collapse {
	background-image: url('../img/collapse-btn.png');
}
.collapse-btn.do-expand {
	background-image: url('../img/expand-btn.png');
}
.collapse-btn h4 {
	line-height: 30px;
}
.accordion-inner h3 {
	color: #515151;
	line-height: 25px;
	padding-left: 44px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.accordion-body {
	margin-top: }

	/* End Left Panel
	-------------------------------------------------- */
	/* Not required for template or sticky footer method. */
	.modal
	{z-index: 3000 !important;
}
.place-img-corner {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	margin-top: -10px;
}
.bg-accommandation{ background-color:#a0c600; }
.bg-career{ background-color:#930000;}
.bg-tradition{ background-color:#dd0074; }
.bg-food{ background-color:#ffab17;}
.bg-clothing{ background-color:#009ba3;}
.bg-art{ background-color:#136300;}
.bg-languages{ background-color:#ed3800;}
.bg-belief{ background-color:#550080;}
.corner-accommandation {
	border-left: 5px solid #a0c600;
	border-bottom: 5px solid #a0c600;
}
.corner-career {
	border-left: 5px solid #930000;
	border-bottom: 5px solid #930000;
}
.corner-tradition{
	border-left: 5px solid #dd0074;
	border-bottom: 5px solid #dd0074;
}
.corner-food {
	border-left: 5px solid #ffab17;
	border-bottom: 5px solid #ffab17;
}
.corner-clothing {
	border-left: 5px solid #009ba3;
	border-bottom: 5px solid #009ba3;
}
.corner-art {
	border-left: 5px solid #136300;
	border-bottom: 5px solid #136300;
}
.corner-languages {
	border-left: 5px solid #ed3800;
	border-bottom: 5px solid #ed3800;
}
.corner-belief{
	border-left: 5px solid #550080;
	border-bottom: 5px solid #550080;
}
#loading, #intro-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: absolute;
	z-index: 1500;
	opacity: .3;
}
#loading {
	display: none;
}
#loading-text {
	width: 200px;
	height: 50px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 50%;
	margin-top: -25px;
	color: #fff;
	text-align: center;
}
.cluster {
	color: #ffffff;
	text-align: center;
	font-size: 2em !important;
	cursor: pointer !important;
	text-shadow: 3px 3px 6px #8B8B83;
}
.cluster-1 {

	line-height: 48px;
	width: 50px;
	height: 50px;
	position: relative;
	border-radius: 50%;
	background: rgba(0,0,0,0.1);
}
.cluster-2 {

	line-height: 68px;
	width: 70px;
	height: 70px;
	position: relative;
	border-radius: 50%;
	background: rgba(0,0,0,0.1);
}
.cluster-3 {
	/*background-image: url(../img/c_blue.png);*/
	line-height: 88px;
	width: 90px;
	height: 90px;
	position: relative;
	border-radius: 50%;
	background: rgba(0,0,0,0.1);
}
.intro-page {
	background-image: url('../img/intro-bg.png');
	background-repeat: no-repeat;
	margin-top:-290px !important;
}
.close-page{
	position:absolute;
	right:16px;
	top:16px;
	background-image:url('../img/close.png');
	background-size:cover;
	width:15px;
	height:15px;
	cursor: pointer;
}
.close-panel{
	position:absolute;
	z-index:40000;
	right:15px;
	top:10px;
	background-image:url('../img/close_white.png');
	background-size:cover;
	width:15px;
	height:15px;
	cursor: pointer;
}
.aboutus-page .text-content{
	margin-left:160px;
}
.howto-page{
	width:100%;
	height:100%;
}
.howto-page .content{
	position:absolute;
	z-index:16000;
	color:#fff;
	line-height:2.0em;
	background-color:rgba(0,0,0,.7);
	border-radius:12px;
}
.howto-page p{
	padding:10px;
	margin:0 !important;
}
.howto-page h3{
	margin-bottom:20px !important;
}
.howto-page .arrow-left-1{
	left:250px;
	top:50%;
	margin-top:-180px;
}
.howto-page .arrow-left-2{
	left:250px;
	top:50%;
	margin-top:-130px;
}
.howto-page .arrow-left-3{
	left:250px;
	top:50%;
	margin-top:-70px;
}
.howto-page .arrow-right{
	right:250px;
	top:50%;
	text-align:right;
	margin-top:-60px;
}
.howto-page .arrow-bottom{
	bottom:170px;
	left:50%;
	width:180px;
	margin-left:-90px;
	text-align:center;
}
.detail-page{
	margin-top:-260px !important;
	height:400px !important;
}
.detail-page .category-name{
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	color:#fff;
	border-radius:3px;
}
.detail-page h1{
	padding:20px;
	padding-bottom:0;
}
.detail-page .categories{
	padding:10px;
	font-size:.8em;
	/*margin-top:30px;*/
	margin-bottom:10px;
	border-top:solid 1px #bbb;
}
.detail-page .icons{
	border-top:solid 1px #bbb;
	padding:10px;
}
.detail-page .categories ul,.detail-page .icons ul{
	list-style: none;
}
.detail-page .categories li{
	float:left;
	margin-right:5px;
}
.detail-page .icons li{
	float:left;
	margin-right:5px;
}
.detail-page .categories li:last-child{
	margin-right:0;
}
.detail-page .container .thumbnail{
	width:100%;
	/*background-size:cover;*/
	background-size:contain;
	background-color:#333;
}
.detail-page .container .thumbnail img{
	margin:10px;
}
.detail-page .container .content-left{
	position:absolute;
	background-color:#c1c1c1;
	border-radius:0 ;
	border-bottom-left-radius:18px;
	height:100%;
	width:220px;
}
.detail-page .text-content{
	height:400px !important;
	margin-left:220px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
.detail-page .thumbnail-container{
	padding:10px;
	padding-bottom:0;
	clear:both;
}
.aboutus-page .container-popup{
	padding-left:0;
}
.detail-page .thumbnail-list{
	list-style: none;
	clear:both;
	overflow:hidden;
	height:50px;
}
.detail-page .thumbnail-list li{
	float:left;
	width:48px;
	height:48px;
	/*background-size:cover;*/
	background-size:contain;
	background-color:#333;
	background-repeat:no-repeat;
	background-position:center center;
	margin-right:2px;
	margin-top:2px;
	cursor: pointer;
}
.detail-page .container-gallery{
	display:none;
	position:absolute;
	z-index:1000000;
	width:100%;
	height:100%;
	border-bottom-left:18px;
	border-bottom-right:18px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.detail-page .thumbnail-list li:last-child{
	margin-right:0;
}
.detail-page .thumbnail-list li:last-child{
	
}
.detail-page .container-popup,.detail-page .container{
	padding:0;
}
.detail-page .text-header{
	clear:both;
	float:none;
	padding-bottom:20px;
	border-bottom:solid 1px #ccc;
}
.detail-page .thumbnail{
	margin-bottom:0 !important;
	padding:0 !important;
}
#content-description{
	position:relative;
	max-height:260px;
}
.contact-page{
	margin-top:-200px !important;
}
.sitemap-page{
	margin-top:-270px !important;
}
.sitemap-page .container-popup{
	height:513px;
}
.white-popup{
	position: absolute;
	z-index: 5000;
	width: 654px;
	height:240px;
	margin-top: -180px;
	margin-left: -327px;
	top: 50%;
	left: 50%;
}
.container-popup{
	background-color: #ffffff;
	padding:20px;
	border-radius: 18px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.intro-page .container-popup{
	padding: 3px 10px 3px 10px !important;
}
.contact-page .container{
	padding:0 !important;
}
.contact-page .thumbnail{
	padding-right:20px;
	margin-bottom:0 !important;
	width:300px !important;
	height:300px !important;
}
.contact-page .text-content p{
	text-align: left;
}
#myCarousel {
	margin-top: 100px;
	border-radius: 15px;
	width: 654px;
}
.item .container{
	padding-left:30px; 
	padding-right:30px; 
 	padding-top:20px; 
 	padding-bottom:20px; 
}
.info-graphic .container{
	padding-top:5px;
}
.carousel-inner, .carousel-inner > .item {
	height: 380px;
	background-color: #FFFFFF;
}

.left.carousel-control, .right.carousel-control {
	display:none;
	background: none;
	width: 20px;
	height: 20px;
	top: 50%;
}
#intro-nav {
	left: 50%;
	margin-left: -210px;
	position: relative;
	width: 420px;
	cursor: pointer;
}
#intro-nav a{
	color: #550080;
}
#intro-nav > li > a {
	border-radius: 1px 1px 0 0;
	background-color: #dddddd;
	margin-top: 5px;
	padding: 6px 16px 4px 16px;
}
#intro-nav li.active > a {
	background-color: #ffffff;
	border-radius: 1px 1px 0 0;
	height: 40px;
	margin-top: -3px;
}

.btn-purple {
	width:100%;
	background-color: #550080;
	border-radius: 2px;
	color: #ffffff;
}
.btn-yellow{
	width:100%;
	background-color:#d39932;
	border-radius:2px;
	color:#fff;
}
.btn-yellow:hover{
	background-color:#e1aa46;
}
.btn-purple:hover {
	color: #CCCCCC !important;
}
.carousel-inner > .item > .container {
	/*background-color: #FFFFFF;*/
}
.carousel-caption {
	color: #515151;
	text-shadow: none;
	/*left: 29%;
	width: 408px;
	top: 0px;*/
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	left: 6px;
	top: 54%;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	right: 6px;
	top: 54%;
}
.container .thumbnail{
	float: left;
	width: 160px;
	height: 160px;
	border:none !important;
}
.carousel .text-content{
	float:right;
	width:394px;
}
.carousel .routesearch .group{
	padding-top:10px;
}
.container .thumbnail{
	background-image: url('../img/carousel/img-1.png');
	background-repeat: no-repeat;
	background-position:center center;
}
.routesearch .thumbnail{
	background-image: url('../img/carousel/img-1.png');
	background-repeat: no-repeat;
	background-position:center center;
}
.text-content p{
	text-align: justify;
	line-height: 1.8em;
	padding-top:10px;
	margin:0;
}
.text-header{
	float:left;
	font-family: 'pgvimregular';
}
.text-header-sub{
	float:left;
	margin-top:14px;
	margin-left:10px;
}
.text-header-sub h1{
	font-family: 'pgvimregular';
	line-height:.7em;
}
.btn-start{
	width:320px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}
.modal-body {
	padding: 0px;
	overflow: overlay !important;
}
.modal-address {
	color: #6e6e6e;
	text-align: justify;
	margin-top: 10px;
}
.modal-left {
	background-color: #e2e2e2;
	height: 100%;
	width: 235px;
	padding: 15px 15px 0px 15px;
}
.modal-right {
	width: 355px;
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 15px;
}
.modal-img {
	background-image: url('../img/modal-img-1.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 200px;
	min-height: 150px;
	margin-bottom: 5px;
}
.modal-ways, .modal-media {
	/*margin-top: -15px;
	 padding-bottom: 1px;*/
}
.modal-ways-ul li {
	display: inline-block;
	list-style: none;
	color: #ffffff;
	padding: 3px;
	text-align: center;
	margin-right: 3px;
	border-radius: 3px;
}
.modal-ways-ul li p {
	margin: 0 0 0 0 !important;
}
.modal-dialog {
	height: 100%;
}
.modal-content {
	top: 50%;
	margin-top: -350px;
}

.modal-address-title {
	padding: 5px 0 5px 0;
}
hr {
	background-color: #CCCCCC;
	border-top: solid 1px #CCCCCC;
}
.modal-thumb {
	background-repeat: no-repeat;
	background-position: center center;
	width: 21px;
	height: 21px;
	float: left;
	margin-top: 6px;
	margin-right: 3px;
	cursor: pointer;
}
.modal-media.modal-ways-ul li {
	margin-right: -10px;
}
.modal-detail {
	background-image: url('../img/modal/modal-detail.png');
}
.modal-imgs {
	background-image: url('../img/modal/modal-img.png');
}
.modal-position {
	background-image: url('../img/modal/modal-position.png');
}
.modal-box {
	border-bottom: solid #ccc 1px;
	padding: 10px 0 10px 0;
}

.modal-box-without-line {
	border-bottom: none !important;
}
.modal-footer {
	margin-top: 0px;
}
.modal-footer button {
	display: none;
}
.modal-img.selected .modal-img-status {
	background-image: url('../img/modal/fav.png');
	background-repeat: no-repeat;
	background-position: top right;
	width: 53px;
	height: 52px;
	position: absolute;
	position: relative;
	margin-top: -11px;
	right: -149px;
}
.chevron {
	background-repeat: no-repeat;
	background-position: top right;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}
.chevron-left {
	background-image: url('../img/chevron-left.png');
	left: 4%;
}
.chevron-right {
	background-image: url('../img/chevron-right.png');
	right: 4%;
}
.right-panel-sub-title > h3 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.info-img {
	background-image: url('../img/info/info-1.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 630px;
	height: 295px;
}
.topmenu .selected a{
	color: #ffd78f !important;
}
.routesearch .btn-group,.routesearch input[name=keyword-input]{
	width: 100%;
}
.routesearch .btn-group .btn{
	width:100%;
	text-align:left;
}
.accordion-region-group{
	min-height:270px;
}
.accordion-region-group-selected .accordion-inner{
	max-height:270px;
	overflow:hidden;
	position:relative;
	/*height:270px;*/
}
.accordion-group .caret,.routesearch .caret{
	margin-top:5px;
	float:right;
}
.routesearch h3{
	margin-bottom:5px !important;
}
label {
	margin-top: 5px;
}
#info-graphic {
	position:absolute;
	width: 630px;
	height: 295px;
	margin-left:-30px;
	margin-top:-10px;
}
.info-graphic{
	overflow: hidden;
}
.info-graphic .btn-start{
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-160px;
}
.submit_find_routes {
	margin: 10px;
}
.modal-body.aboutus {
	padding: 10px;
	text-align: justify;
}
#sidetree-main-container{
	position:absolute;
	margin-right:20px;
	height:424px;
	overflow:hidden;
}
#sidetree{
	width:600px;
}
.treeview a.selected{
	background:none !important;
}
/*.treeview li{
	text-indent: 5px;
}*/
.treeview a{
	color: #515151 !important;
}
.treeview a:hover{
	text-decoration: underline;
}
.treeview .hover{
	color: #515151 !important;
}
.toggle-box{
	list-style: none;
}
.toggle-box li{
	border: solid 1px #ccc;
	margin-bottom:1px;
}
.toggle-box li:last-child{
	margin-bottom:0;
}
.toggle-box h4{
	text-indent:5px;
	background-color:#f2f2f2;
	font-weight:normal;
	padding-left:10px;
	clear:bolth;
}
.toggle-box .plus{
	float:left;
	width:15px;
	height:15px;
	font-size:1.2em;
	text-align:center;
	vertical-align:middle;
	border:solid 1px #ccc;
	margin-left:10px;
	margin-top:9px;
	color:#ccc;
}
.toggle-box .plus span{
	width:9px;
	height:15px;
	position:absolute;
	margin-top:-7px;
	margin-left:-5px;
	text-align:center;
}
.toggle-box a{
	color:#515151;
}
.toggle-box p{
	background-color:#fff;
}
.toggle-box h4,.toggle-box p{
	padding:10px;
}
.toggle-box h4{
	border-bottom:solid 1px #ccc;
}
.label{
	position:absolute;
	color:#fff;
	background-color:rgba(0,0,0,.4);
	padding:5px;
	width:100px;
	left:50%;
	margin-left:-50px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ellipsis {
			overflow: hidden;
			position: absolute;
			top:0;
			bottom:0;
			line-height: 25px;
			margin: 20px;
			border: 5px solid #AAA; }

		.ellipsis:before {
			content:"";
			float: left;
			width: 5px; height:100%; }

		.ellipsis > *:first-child {
			float: right;
			width: 100%;
			margin-left: -5px; }		

		.ellipsis:after {
			content: "\02026";  

			box-sizing: content-box;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;

			float: right; position: relative;
			top: -25px; left: 100%; 
			width: 3em; margin-left: -3em;
			padding-right: 5px;
			
			text-align: right;

			background: -webkit-gradient(linear, left top, right top,
				from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
			background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);			
			background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
			background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
			background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); }
			
.info-background{
	position:absolute;
	background-image:url('../img/info_graphics/background.png');
	background-size:cover;
	width:373px;
	height:142px;
	left:50%;
	top:50%;
	margin-top:-103px;
	margin-left:-156px;
}
.info-content-en{
	position:absolute;
	background-image:url('../img/info_graphics/content.png');
	background-size:cover;
	width:502px;
	height:59px;
	left:50%;
	bottom:20px;
	margin-bottom:50px;
	margin-left:-251px;
}
.info-content-th{
	position:absolute;
	background-image:url('../img/info_graphics/content_th.png');
	background-size:cover;
	width:502px;
	height:59px;
	left:50%;
	bottom:20px;
	margin-bottom:50px;
	margin-left:-251px;
}
.info-number-eight{
	position:absolute;
	background-image:url('../img/info_graphics/number_eight.png');
	background-size:cover;
	width:114px;
	height:129px;
	right:110px;
	top:85px;
	cursor: pointer;
}
.info-number-eight-circle{
	position:absolute;
	background-image:url('../img/info_graphics/number_eight_circle.png');
	background-size:cover;
	width:114px;
	height:129px;
	right:110px;
	top:85px;
	cursor: pointer;
}
.info-number-eightyfour{
	position:absolute;
	background-image:url('../img/info_graphics/number_eightyfour.png');
	background-size:cover;
	width:124px;
	height:113px;
	left:50%;
	top:20px;
	margin-left:-62px;
	cursor: pointer;
}
.info-number-nine{
	position:absolute;
	background-image:url('../img/info_graphics/number_nine.png');
	background-size:cover;
	width:109px;
	height:116px;
	left:108px;
	top:74px;
	cursor: pointer;
}
.info-number-nine-circle{
	position:absolute;
	background-image:url('../img/info_graphics/number_nine_circle.png');
	background-size:cover;
	width:109px;
	height:116px;
	left:108px;
	top:74px;
}
.info-text-eight-en{
	position:absolute;
	background-image:url('../img/info_graphics/text_eight.png');
	background-size:cover;
	width:68px;
	height:70px;
	right:80px;
	top:45px;
	cursor: pointer;
}
.info-text-eight-th{
	position:absolute;
	background-image:url('../img/info_graphics/text_eight_th.png');
	background-size:cover;
	width:89px;
	height:61px;
	right:55px;
	top:60px;
	cursor: pointer;
}
.info-text-eightyfour-en{
	position:absolute;
	background-image:url('../img/info_graphics/text_eightyfour.png');
	background-size:cover;
	width:79px;
	height:52px;
	left:50%;
	margin-left:47px;
	top:25px;
	cursor: pointer;
}
.info-text-eightyfour-th{
	position:absolute;
	background-image:url('../img/info_graphics/text_eightyfour_th.png');
	background-size:cover;
	width:81px;
	height:66px;
	left:50%;
	margin-left:47px;
	top:12px;
	cursor: pointer;
}
.info-text-nine-en{
	position:absolute;
	background-image:url('../img/info_graphics/text_nine.png');
	background-size:cover;
	width:95px;
	height:73px;
	left:60px;
	top:50px;
	cursor: pointer;
}
.info-text-nine-th{
	position:absolute;
	background-image:url('../img/info_graphics/text_nine_th.png');
	background-size:cover;
	width:73px;
	height:73px;
	left:80px;
	top:45px;
	cursor: pointer;
}
.info-text-1-en{
	position:absolute;
	background-image:url('../img/info_graphics/text_1.png');
	background-size:cover;
	width:123px;
	height:39px;
	left:50%;
	top:206px;
	margin-left:-160px;
}
.info-text-1-th{
	position:absolute;
	background-image:url('../img/info_graphics/text_1_th.png');
	background-size:cover;
	width:148px;
	height:38px;
	left:50%;
	top:206px;
	margin-left:-186px;
}
.info-text-2-en{
	position:absolute;
	background-image:url('../img/info_graphics/text_2.png');
	background-size:cover;
	width:138px;
	height:39px;
	left:50%;
	top:206px;
	margin-left:-72px;
}
.info-text-2-th{
	position:absolute;
	background-image:url('../img/info_graphics/text_2_th.png');
	background-size:cover;
	width:148px;
	height:38px;
	left:50%;
	top:206px;
	margin-left:-72px;
}
.info-text-3-en{
	display:none;
	position:absolute;
	background-image:url('../img/info_graphics/text_3.png');
	background-size:cover;
	width:193px;
	height:39px;
	left:50%;
	top:206px;
	margin-left:-51px;
}
.info-text-3-th{
	display:none;
	position:absolute;
	background-image:url('../img/info_graphics/text_3_th.png');
	background-size:cover;
	width:148px;
	height:38px;
	left:50%;
	top:206px;
	margin-left:-23px;
}
.info-text-4-en{
	position:absolute;
	background-image:url('../img/info_graphics/text_4.png');
	background-size:cover;
	width:138px;
	height:39px;
	left:50%;
	top:206px;
	margin-left:35px;
}
.info-text-4-th{
	position:absolute;
	background-image:url('../img/info_graphics/text_4_th.png');
	background-size:cover;
	width:148px;
	height:38px;
	left:50%;
	top:206px;
	margin-left:46px;
}
.info-pin{
	position:absolute;
	background-image:url('../img/info_graphics/pin.png');
	background-size:cover;
	width:45px;
	height:59px;
	left:50%;
	top:150px;
	margin-left:172px;
}
.about-nine,.about-eight,.about-eightyfour{
	position:absolute;
	background-color:rgba(50,0,75,.9);
	width:520px;
	height:210px;
	margin-left:25px;
	margin-top:20px;
	border-radius:6px;
	padding:20px;
	color:#fff;
	box-shadow:#333 0 0 10px;
}
.container-left{
	float:left;
	width:30%;
	height:100%;
	border-right: solid 1px #fff;
}
.container-right{
	float:left;
	width:70%;
	height:100%;
	padding-left:20px;
	padding-right:20px;
}
.close-about{
	position:absolute;
	right:15px;
	top:15px;
	background-image:url('../img/close_white.png');
	width:20px;
	height:20px;
	cursor: pointer;
}