body {width: 100%;background: #14a9d7;font-family: "Tahoma, Microsoft Sans Serif, MS Sans Serif";font-size: medium;color: #000;}
#mainbody {width: 980px;margin: 0px auto;background-color: #ebfffe;}
/*########### Active All ###########*/
* {margin: 0px;padding: 0px;border: 0;outline: 0;z-index: 1;}
a:link {color: #00f;text-decoration: none;}
a:visited {color: #609;text-decoration: none;}
a:hover {color: #f00;text-decoration: underline;}
p {margin-bottom: 10px;}
fieldset {border: 0px;padding: 1px;}
option {padding-right: 2px;}
table {border-collapse: collapse;border-spacing: 0;}
input, select, textarea {border:1px solid #ccc;}
.smbutton {border:1px outset #ccc;background: url("/images/smbutton.gif") repeat-x;}
.smbutton:hover {background: url("/images/smbuttons.gif") repeat-x;}
ul, ol{list-style:inside;}
:focus {outline: 0;}
/*########## Font #############*/
span.f2, span.f2p, div.mainmenu, .divlogin, #navigation, .navigation, ul.locationpoint li, label, noscript.f2, .footnote, ul.tour li, .tzone, #subpv {font-size:small;}
span.f2p p, span.txtindent p {text-indent: 26pt;}
h1 {font-family: "Microsoft Sans Serif,Tahoma, MS Sans Serif";font-size: large;color:#09f;}/*#ffa500#7f00ff*/
h2 {font-family: "Microsoft Sans Serif,Tahoma, MS Sans Serif";font-size: medium;color:#fff;}
h3 {font-family: "Microsoft Sans Serif,Tahoma, MS Sans Serif";font-size: medium;}
h4, .head4 {font-family: "Microsoft Sans Serif,Tahoma, MS Sans Serif";font-size: medium;color:#39f;}
.head4 {font-weight:bold;}
h5 {font-family: "Microsoft Sans Serif,Tahoma, MS Sans Serif";font-size: medium;color:#f00;}
label, .navigation, .zonecontent dt {font-weight: bold;}
label {color:#00a3ff;}
span.fontxsmall {font-size:x-small;}
/*########## Other #############*/
.navigation {margin-bottom:5px;color:#666;margin-right: 5px;text-align:right;}
#tooltip {position:absolute;display:none;background-color:#fefecc;width:10%;padding:0px 3px;font-size:small;z-index:99;}
.padinside {padding:0px 5px;}
/*########### Header ###########border: 1px solid #000;*/
#logo {float: left;}
#header #menu {text-align: right;}
#header {width: 980px;}
#header:after, .content2col:after, #divfindhotel:after, .footer:before {content:'.';display: block;clear: both;visibility: hidden;height: 0;}
div.userlist {width:100%;padding-bottom: 5px;background:#effffe;}
.submainmenu {width:750px;margin: 0 auto;padding:2px 0px 5px 0px;background-color:#e2faff;}
.divlogin {float:left;padding-top: 10px;}
#formlogin {padding-left:5px;}
/*########### Main Menu ###########border: 1px solid #000;*/
#navigation {margin-top: 42px;padding-bottom: 5px;border-bottom: 1px solid #2671e1;}
#navigation ul {list-style: none;}
#navigation ul li {list-style: none;display: inline;margin-left: 5px;}
#navigation ul li a {background: url("/images/tableft.gif") no-repeat left top;padding: 5px 0px;font-weight: bold;text-decoration: none;color:#fff;}
#navigation ul li span {background: url("/images/tabright.gif") no-repeat right top;margin-left: 4px;padding: 5px 5px 5px 1px;}
#navigation ul li#menu-province a {background: url("/images/tableft2.gif") no-repeat left top;}
#navigation ul li#menu-province span {background: url("/images/tabright2.gif") no-repeat right top;padding: 5px 20px 5px 1px;}
#navigation ul li a:hover span {background-position: 100% -75px;}
#navigation ul li a:hover {background-position: 0px -75px;}
#navigation ul li#menu-province a {color: #09f;}
#navigation ul li#menu-province a:hover {color: #f93;}
/*\*//*/
#navigation ul li a {display: inline-block;white-space: nowrap;width: 1px;}
#navigation ul {padding-bottom: 0;margin-bottom: -1px;}
/**/
/*\*/
* html #navigation ul li a {padding: 0;}
/**/
* +html #navigation ul li a {padding:0px;}
/*########## ZONE #############*/
#zonemenu {width:976px;padding:0px 1px;border:1px solid #0ff;background:#fff;display:none;}
.tzone {width:100%;}
.tzone th {color:#ffb219;}
.tzone td {vertical-align: top;padding-left:5px;}
.tzone ul {list-style-type:none;}
.tzone ul li {padding-bottom:2px;}
.tzone .btw-td {border-right:2px dotted #0ff;}
#zone-n-th {width:20%;color:#ff0058;}
#zone-m-th {width:25%;color:#229b22;}
#zone-ne-th {width:21%;color:#03f;}
#zone-s-th {width:20%;color:#00a3ff;}
#zone-e-th {width:14%;color:#b700ff;}
.zone-e-td img {float:right;}
ul.zone-n li a:link, ul.zone-n li a:visited {color:#ff0058;}
ul.zone-m li a:link, ul.zone-m li a:visited {color:#229b22;}
ul.zone-ne li a:link, ul.zone-ne li a:visited {color:#03f;}
ul.zone-s li a:link, ul.zone-s li a:visited {color:#00a3ff;}
ul.zone-e li a:link, ul.zone-e li a:visited {color:#b700ff;}
/*########### Main Layout ###########*/
.content2col {width: 980px;}
.fullcontent {width: 970px;margin: 0px auto;background: #fff;}
.contentleft {width: 200px;display: block;float: left;}
.container {width: 760px;display: block;float: right;margin: 0px 10px;background: #fff;}
.contentmain {width:560px;display: block;float: left;}
.contentright {width: 200px;display: block;float: right;}
div.mainpage {width: 550px;margin: 0px auto;padding:5px 5px;}
div.fullmainpage {width: 750px;margin: 0px auto;padding:5px 5px;}
.footer {margin-top: 10px;background: #9f0;padding: 5px 0px;}
/*########### Left Content ###########*/
#u, #p, #h {width: 170px;}
#f,#o {width: 135px;}
div.columnleft {width: 195px;margin: 0px auto;background:url("/images/bgrmenu.gif") repeat-x #9ae7f9;}
div.columnleft form, div.columnleft h3 {padding-left:5px;}
div.columnleft h3 {color:#7cc70d;}
#searchform {width: 195px;margin-left: 5px;background: #00e2ff;}
#searchform h3 {padding: 0px 5px;font-weight: bold;color: #fff;}
#hotelform div, #hotelform label {padding: 2px 0px;vertical-align: bottom;}
#hoteldiv {border:1px solid #00e2ff;background:#f5f5f5;}
#amphuroption {margin-top: 2px;}
#bts-hotel {border: 0px;width: 60px;height: 30px;background: url("/images/button_search.gif") no-repeat;cursor: pointer;text-align: center;color: #fff;}
#bts-hotel:hover {background-position: 0px -30px;font-weight: bold;}
/*########### Clear ###########*/
.clear-all{clear:both; line-height:0;height:0;}
#searchform .allmenu:after, #searchform:after {content:'.';display: block;clear: both;visibility: hidden;height: 0;}
/*########### Border Redius ###########*/
div.container, div.fullcontent, .newevent {border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;padding-top:5px;padding-bottom:5px;}
.newevent {width:90%;font-size:small;background-color:#f93;padding:5px 5px;}
.newevent h4 {color:#fff;}
/*########### Conner ###################*/
.tl{background:url("/images/topleft.gif") no-repeat left top;display:block;height:10px;font-size:1px;}
.tr{background:url("/images/topright.gif") no-repeat right top;display:block;height:10px;font-size:1px;}
.bl{background:url("/images/bottomleft.gif") no-repeat left bottom;display:block;height:10px;font-size:1px;}
.br{background:url("/images/bottomright.gif") no-repeat right bottom;display:block;height:10px;font-size:1px;}
/*########## Menu #############*/
.menu img {vertical-align:bottom;}
.menu {font-size:small;font-weight: bold;cursor: pointer;}
a.menu:link, a.menu:visited {color:#00a5ff;}
a.menu:hover {color:#f00;}
.menu a:link, .menu a:visited, a.menu2:link, a.menu2:visited {color:#00f;}
a.menu2:hover {color:#f00;}
/*########### Hot Travel ###################*/
div.hottravel {width:19%;float:left;background: url("/images/bgrmenu.gif") repeat-x #0cf;margin: 3.5px;}
.hottravel h3{text-align: center;}
/*######### UL List #####################*/
ul.list {padding-left:1px;}
ul.list li {font-size:small;}
.footnote ul {padding-left:20px;margin:0;list-style:outside;}
.footnote ul li {padding-bottom:2px;}
ul.locationpoint {padding:3px 10px;margin:0px;list-style:url("/images/smilelocation.gif") inside;}
ul.locationpoint li {padding-bottom:1px;border-bottom:1px #fff dashed;background-color:#0ff;}
ul.location {padding:5px;margin:0px;list-style:url("/images/smilelocation.gif") inside;}
ul.location li {margin-bottom:2px;border-bottom:1px #cff dashed;}
ul.news {padding-left:10px;list-style:url("/images/smiletips.gif") inside;}
ul.news li {padding-bottom:3px;border-bottom:1px #fff dashed;}
ul.register {padding-left:10px;list-style:url("/images/smiletips.gif") inside;}
ul.register li {padding-bottom:2px;border-bottom:1px #fff dashed;}
ul.tour {padding:10px;margin:0;list-style:url("/images/smiletrip.gif") inside;}
ul.tour li {padding-bottom:1px;border-bottom:1px #fff dashed;background-color:#0ff;}
ul.list {padding-left:10px;list-style:inside;}
ul.article {padding-left:10px;list-style:url("/images/smiletips.gif") inside;}
ul.article li {padding-bottom:3px;font-size:small;}
ul.article li a:link, ul.article li a:visited {color:#39f;}
/*##############################*/