html{
-moz-filter: grayscale(14%);
-webkit-filter: grayscale(14%);
filter: gray;
/* IE6-9 */
filter: grayscale(14%)}

/*html reset*/
html, body, div, ul, li, input{
margin: 0;
padding: 0;
border: 0;
font-size: 100%
}

a img{border: none}

body,td,th,div,ul,li {
font-family: Kanit, sans-serif;	
font-size:15px}


/*general use*/

.flex{
display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex}
.flex-row-reverse{
-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse}
.flex-column{
-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column}
.flex-column-reverse{
-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse}
.flex-wrap{
-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
.flex-justify-start{
-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start}
.flex-justify-space-around{
-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around}
.flex-justify-center{
-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center}
.flex-justify-end{
-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end}
.flex-justify-space-between{
-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between}
.flex-align-item-center{
-webkit-align-items: center;-ms-flex-align: center;align-items: center}

.inline{display: inline}
.inline-block{display: inline-block}
.block{display: block}
.left{float: left}
.right{float: right}
.clearboth{clear: both}
.center{
margin-left: auto;
margin-right: auto;
text-align: center}
.mleftrightauto{
margin-left: auto;
margin-right: auto}


/* Body */

@media (max-width: 850px){
.flex-mscreen-column-reverse{-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse}
.flex-mscreen-column{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column}
}



a:link, a:visited {color: #003366; text-decoration: none}
a:hover, a:active {color: #06F; text-decoration: underline }

.flash {
animation-name: flash;
animation-duration: 0.2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running}

@keyframes flash {
from {color: red}
to {color: black}
}
tr.greenchange:hover {
background-color: #B7EECA}

tr.greenchange:hover td {
background-color: transparent}


h2{
margin-bottom:5px;margin-top:5px}

a.paginatelink{
/*background:#FC7D04;*/
background: rgba(255,131,117,1);
background: -moz-linear-gradient(top, rgba(255,131,117,1) 0%, rgba(240,8,0,1) 50%, rgba(255,138,128,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,131,117,1)), color-stop(50%, rgba(240,8,0,1)), color-stop(100%, rgba(255,138,128,1)));
background: -webkit-linear-gradient(top, rgba(255,131,117,1) 0%, rgba(240,8,0,1) 50%, rgba(255,138,128,1) 100%);
background: -o-linear-gradient(top, rgba(255,131,117,1) 0%, rgba(240,8,0,1) 50%, rgba(255,138,128,1) 100%);
background: -ms-linear-gradient(top, rgba(255,131,117,1) 0%, rgba(240,8,0,1) 50%, rgba(255,138,128,1) 100%);
background: linear-gradient(to bottom, rgba(255,131,117,1) 0%, rgba(240,8,0,1) 50%, rgba(255,138,128,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8375', endColorstr='#ff8a80', GradientType=0 );

padding:8px 9px 8px 9px; border-style:solid; text-decoration:none; color:#FF9;border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 0px solid #000000; display:inline-block; margin-top:3px;

-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75)}

a.paginatelink a:hover{
text-decoration:none}

a.next-text-link{
background-color:#FC7D04;  border-style:solid; text-decoration:none; color:#FF9;border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px; -webkit-border-radius: 6px 0px 0px 6px; border: 0px solid #000000; font-size:15px; display:inline-block;
/*padding:6px 6px 4px 6px;*/
padding-left:8px;
padding-right:8px;
height:36px;
font-family: 'pridi', serif}


a.gradientbluelink{
background: rgba(240,243,245,1);
background: -moz-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,243,245,1)), color-stop(100%, rgba(164,210,242,1)));
background: -webkit-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
background: -o-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
background: -ms-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
background: linear-gradient(to bottom, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f3f5', endColorstr='#a4d2f2', GradientType=0 );  text-decoration:none
}


.gradientblue{
background: rgba(240,243,245,1);
background: -moz-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,243,245,1)), color-stop(100%, rgba(164,210,242,1)));
background: -webkit-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
background: -o-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
background: -ms-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
background: linear-gradient(to bottom, rgba(240,243,245,1) 0%, rgba(164,210,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f3f5', endColorstr='#a4d2f2', GradientType=0 )}


a.gradientpinklink{
background: rgba(250,235,243,1);
background: -moz-linear-gradient(top, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,235,243,1)), color-stop(100%, rgba(250,187,221,1)));
background: -webkit-linear-gradient(top, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
background: -o-linear-gradient(top, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
background: -ms-linear-gradient(top, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
background: linear-gradient(to bottom, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faebf3', endColorstr='#fabbdd', GradientType=0 ); text-decoration:none
}

.gradientpink{
background: rgba(250,235,243,1);
background: -moz-linear-gradient(top, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,235,243,1)), color-stop(100%, rgba(250,187,221,1)));
background: -webkit-linear-gradient(top, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
background: -o-linear-gradient(top, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
background: -ms-linear-gradient(top, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
background: linear-gradient(to bottom, rgba(250,235,243,1) 0%, rgba(250,187,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faebf3', endColorstr='#fabbdd', GradientType=0 ); text-decoration:none
}

touronfire{
text-align:center; font-size:19px; background-color:#F00; color:#FF0; height:36px; font-weight:bold; width:359px; margin-left:auto; margin-right:auto; padding-top:16px; text-decoration:none}


a.touronfire{
text-align:center; font-size:19px; background-color:#F00; color:#FF0; height:36px; font-weight:bold; width:359px; margin-left:auto; margin-right:auto; padding-top:16px; text-decoration:none}


a.touronfire:hover{
background-color:#FF0; color:#F00}

a.orangetablink{
background-color:#F60; padding:3px 5px 3px 5px; border-style:solid; text-decoration:none; color:#FF9;border-radius: 10px 10px 10px 10px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 0px solid #000000; margin-top:6px}

a.orangetablink:hover{
text-decoration:none}

.bar {
display:block;
height:9px}



.barthin {
margin-top:1px;
clear:both;
background-color:#4F5997;
height:1px;
display:block}

.barthick{
clear:both;
background-color:#C5C9E0;
height:10px;
display:block}



.grey-hline{
clear:both;
background-color:#999;
height:3px;
display:block;	
margin-bottom:5px}





.bar-orange-short{
background-color:#FEC585;margin:5px; height:2px;width:65%}



.icon {
display:inline;
/*	background-color:#39F;
height:205px;
width:205px;*/
margin:5px}




.programdetailtext {
line-height:16px; 
margin-bottom:14px; 
display:block; 
clear:both; 
text-align:justify}



.pd5lh1point4{
line-height:1.4;
padding:5px}

.btn_tourdownload {

background: rgba(231,245,229,1);
background: -moz-linear-gradient(top, rgba(231,245,229,1) 0%, rgba(151,210,147,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,245,229,1)), color-stop(100%, rgba(151,210,147,1)));
background: -webkit-linear-gradient(top, rgba(231,245,229,1) 0%, rgba(151,210,147,1) 100%);
background: -o-linear-gradient(top, rgba(231,245,229,1) 0%, rgba(151,210,147,1) 100%);
background: -ms-linear-gradient(top, rgba(231,245,229,1) 0%, rgba(151,210,147,1) 100%);
background: linear-gradient(to bottom, rgba(231,245,229,1) 0%, rgba(151,210,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f5e5', endColorstr='#97d293', GradientType=0 );

padding:9px 7px 9px 7px;

color: #090;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight:bold;
font-size: 1.2em;
display:inline;
border: #4A1A57;
border:2px;



/*-webkit-box-shadow: 1px 1px 1px 2px rgba(138,135,138,1);
-moz-box-shadow: 1px 1px 1px 2px rgba(138,135,138,1);
box-shadow: 1px 1px 1px 2px rgba(138,135,138,1);*/


-webkit-border-top-left-radius: 4px 4px;
-moz-border-top-left-radius: 4px 4px;
border-top-left-radius: 4px 4px;


-webkit-border-bottom-left-radius: 4px 4px;
-moz-border-bottom-left-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;

-webkit-border-top-right-radius: 4px 4px;
-moz-border-top-right-radius: 4px 4px;
border-top-right-radius: 4px 4px; 

-webkit-border-bottom-right-radius: 4px 4px;
-moz-border-bottom-right-radius: 4px 4px;
border-bottom-right-radius: 4px 4px; 

-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);

margin:5px}



.btn_back {

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

padding:9px 7px 9px 7px;

color: #666;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight:bold;
font-size: 1.2em;
display:inline;
border: #4A1A57;
border:2px;


/*-webkit-box-shadow: 1px 1px 1px 2px rgba(138,135,138,1);
-moz-box-shadow: 1px 1px 1px 2px rgba(138,135,138,1);
box-shadow: 1px 1px 1px 2px rgba(138,135,138,1);*/


-webkit-border-top-left-radius: 4px 4px;
-moz-border-top-left-radius: 4px 4px;
border-top-left-radius: 4px 4px;

-webkit-border-bottom-left-radius: 4px 4px;
-moz-border-bottom-left-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;

-webkit-border-top-right-radius: 4px 4px;
-moz-border-top-right-radius: 4px 4px;
border-top-right-radius: 4px 4px; 
-webkit-border-bottom-right-radius: 4px 4px;
-moz-border-bottom-right-radius: 4px 4px;
border-bottom-right-radius: 4px 4px; 

margin:5px}


.btn_tourdetail {

background: rgba(250,235,247,1);
background: -moz-linear-gradient(top, rgba(250,235,247,1) 0%, rgba(239,209,230,1) 50%, rgba(235,198,226,1) 51%, rgba(234,190,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,235,247,1)), color-stop(50%, rgba(239,209,230,1)), color-stop(51%, rgba(235,198,226,1)), color-stop(100%, rgba(234,190,229,1)));
background: -webkit-linear-gradient(top, rgba(250,235,247,1) 0%, rgba(239,209,230,1) 50%, rgba(235,198,226,1) 51%, rgba(234,190,229,1) 100%);
background: -o-linear-gradient(top, rgba(250,235,247,1) 0%, rgba(239,209,230,1) 50%, rgba(235,198,226,1) 51%, rgba(234,190,229,1) 100%);
background: -ms-linear-gradient(top, rgba(250,235,247,1) 0%, rgba(239,209,230,1) 50%, rgba(235,198,226,1) 51%, rgba(234,190,229,1) 100%);
background: linear-gradient(to bottom, rgba(250,235,247,1) 0%, rgba(239,209,230,1) 50%, rgba(235,198,226,1) 51%, rgba(234,190,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faebf7', endColorstr='#eabee5', GradientType=0 );

padding:9px 7px 9px 7px;

color: #93C;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight:bold;
font-size: 1.2em;
display:inline;
border: #4A1A57;
border:2px;


-webkit-border-top-left-radius: 4px 4px;
-moz-border-top-left-radius: 4px 4px;
border-top-left-radius: 4px 4px;


-webkit-border-bottom-left-radius: 4px 4px;
-moz-border-bottom-left-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;

-webkit-border-top-right-radius: 4px 4px;
-moz-border-top-right-radius: 4px 4px;
border-top-right-radius: 4px 4px; 

-webkit-border-bottom-right-radius: 4px 4px;
-moz-border-bottom-right-radius: 4px 4px;
border-bottom-right-radius: 4px 4px; 

-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);


margin:5px}

a.btn_tourdetail a:hover{
text-decoration:none}


.btn_tourdetail_green {

background: rgba(225,246,223,1);
background: -moz-linear-gradient(top, rgba(225,246,223,1) 0%, rgba(198,235,199,1) 50%, rgba(188,232,187,1) 51%, rgba(190,231,182,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,246,223,1)), color-stop(50%, rgba(198,235,199,1)), color-stop(51%, rgba(188,232,187,1)), color-stop(100%, rgba(190,231,182,1)));
background: -webkit-linear-gradient(top, rgba(225,246,223,1) 0%, rgba(198,235,199,1) 50%, rgba(188,232,187,1) 51%, rgba(190,231,182,1) 100%);
background: -o-linear-gradient(top, rgba(225,246,223,1) 0%, rgba(198,235,199,1) 50%, rgba(188,232,187,1) 51%, rgba(190,231,182,1) 100%);
background: -ms-linear-gradient(top, rgba(225,246,223,1) 0%, rgba(198,235,199,1) 50%, rgba(188,232,187,1) 51%, rgba(190,231,182,1) 100%);
background: linear-gradient(to bottom, rgba(225,246,223,1) 0%, rgba(198,235,199,1) 50%, rgba(188,232,187,1) 51%, rgba(190,231,182,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f6df', endColorstr='#bee7b6', GradientType=0 );


padding:9px 7px 9px 7px;

color: # 062;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight:bold;
font-size: 1.2em;
display:inline;
border: #4A1A57;
border:2px;


-webkit-border-top-left-radius: 4px 4px;
-moz-border-top-left-radius: 4px 4px;
border-top-left-radius: 4px 4px;


-webkit-border-bottom-left-radius: 4px 4px;
-moz-border-bottom-left-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;

-webkit-border-top-right-radius: 4px 4px;
-moz-border-top-right-radius: 4px 4px;
border-top-right-radius: 4px 4px; 

-webkit-border-bottom-right-radius: 4px 4px;
-moz-border-bottom-right-radius: 4px 4px;
border-bottom-right-radius: 4px 4px; 

-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);

margin:5px}

a.btn_tourdetail_green a:hover{
text-decoration:none}


a.btn_othertour a:hover{
text-decoration:none}

.btn_othertour {

background-color:#699AD6; 
color:#FFF;
padding:5px 6px 5px 6px;
font-weight:bold;
font-size: 1.2em;
-webkit-border-top-left-radius: 4px 4px;
-moz-border-top-left-radius: 4px 4px;
border-top-left-radius: 4px 4px;


-webkit-border-bottom-left-radius: 4px 4px;
-moz-border-bottom-left-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;

-webkit-border-top-right-radius: 4px 4px;
-moz-border-top-right-radius: 4px 4px;
border-top-right-radius: 4px 4px; 

-webkit-border-bottom-right-radius: 4px 4px;
-moz-border-bottom-right-radius: 4px 4px;
border-bottom-right-radius: 4px 4px}





.btn_tourbook_green{	
margin:5px;
background: rgba(44,194,14,1);
background: -moz-linear-gradient(top, rgba(44,194,14,1) 0%, rgba(35,156,11,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(44,194,14,1)), color-stop(100%, rgba(35,156,11,1)));
background: -webkit-linear-gradient(top, rgba(44,194,14,1) 0%, rgba(35,156,11,1) 100%);
background: -o-linear-gradient(top, rgba(44,194,14,1) 0%, rgba(35,156,11,1) 100%);
background: -ms-linear-gradient(top, rgba(44,194,14,1) 0%, rgba(35,156,11,1) 100%);
background: linear-gradient(to bottom, rgba(44,194,14,1) 0%, rgba(35,156,11,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cc20e', endColorstr='#239c0b', GradientType=0 );

padding:9px 7px 9px 7px;


color:#FF6;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight:bold;
font-size: 1.2em;
display:inline;
border: #4A1A57;
border:2px;


-webkit-border-top-left-radius: 4px 4px;
-moz-border-top-left-radius: 4px 4px;
border-top-left-radius: 4px 4px;


-webkit-border-bottom-left-radius: 4px 4px;
-moz-border-bottom-left-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;

-webkit-border-top-right-radius: 4px 4px;
-moz-border-top-right-radius: 4px 4px;
border-top-right-radius: 4px 4px; 

-webkit-border-bottom-right-radius: 4px 4px;
-moz-border-bottom-right-radius: 4px 4px;
border-bottom-right-radius: 4px 4px; 



-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
transition: all .1s linear}


a.btn_tourbook_green:active {

box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
-ms-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
-o-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);

transform: translateY(1px);
text-decoration:none}

a.btn_tourbook_green:hover {
text-decoration:none}


.btn_tourbook{

margin:5px;
background: rgba(205,71,182,1);
background: -moz-linear-gradient(top, rgba(205,71,182,1) 0%, rgba(190,65,155,1) 50%, rgba(182,62,156,1) 51%, rgba(181,59,171,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(205,71,182,1)), color-stop(50%, rgba(190,65,155,1)), color-stop(51%, rgba(182,62,156,1)), color-stop(100%, rgba(181,59,171,1)));
background: -webkit-linear-gradient(top, rgba(205,71,182,1) 0%, rgba(190,65,155,1) 50%, rgba(182,62,156,1) 51%, rgba(181,59,171,1) 100%);
background: -o-linear-gradient(top, rgba(205,71,182,1) 0%, rgba(190,65,155,1) 50%, rgba(182,62,156,1) 51%, rgba(181,59,171,1) 100%);
background: -ms-linear-gradient(top, rgba(205,71,182,1) 0%, rgba(190,65,155,1) 50%, rgba(182,62,156,1) 51%, rgba(181,59,171,1) 100%);
background: linear-gradient(to bottom, rgba(205,71,182,1) 0%, rgba(190,65,155,1) 50%, rgba(182,62,156,1) 51%, rgba(181,59,171,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd47b6', endColorstr='#b53bab', GradientType=0 );
padding:9px 7px 9px 7px;
color:#FF6;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight:bold;
font-size: 1.2em;
display:inline;
border: #4A1A57;
border:2px;
-webkit-border-top-left-radius: 4px 4px;
-moz-border-top-left-radius: 4px 4px;
border-top-left-radius: 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-moz-border-bottom-left-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;
-webkit-border-top-right-radius: 4px 4px;
-moz-border-top-right-radius: 4px 4px;
border-top-right-radius: 4px 4px; 
-webkit-border-bottom-right-radius: 4px 4px;
-moz-border-bottom-right-radius: 4px 4px;
border-bottom-right-radius: 4px 4px; 
-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.75);
transition: all .1s linear}


a.btn_tourbook:active {

box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
-ms-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
-o-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);

transform: translateY(1px);
text-decoration:none}

a.btn_tourbook:hover {
text-decoration:none}



a.btn_linecontact {


-webkit-border-radius: 9;
-moz-border-radius: 9;
border-radius: 9px;
font-family: Arial;
color: #116e00;
font-size: 12px;
background: #e8faea;
padding: 6px 14px 6px 14px;
border: solid #78EA69 1px;
text-decoration: none}

a.btn_linecontact:hover{

color:#F5F5F5;
background: #0C0;
text-decoration: none}


a.btn_facebookcontact {



-webkit-border-radius: 9;
-moz-border-radius: 9;
border-radius: 9px;
font-family: Arial;
color: #000b6e;
font-size: 12px;
background: #e8f1fa;
padding: 6px 14px 6px 14px;
border: solid #A9CCFC 1px;
text-decoration: none}

a.btn_facebookcontact:hover{
color:#F5F5F5;
background: #00419c;
text-decoration: none;
border: solid #0753bd 1px}






td.bluebar {
background: rgba(239,247,250,1);
background: -moz-linear-gradient(top, rgba(239,247,250,1) 0%, rgba(198,223,236,1) 41%, rgba(138,189,214,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,247,250,1)), color-stop(41%, rgba(198,223,236,1)), color-stop(100%, rgba(138,189,214,1)));
background: -webkit-linear-gradient(top, rgba(239,247,250,1) 0%, rgba(198,223,236,1) 41%, rgba(138,189,214,1) 100%);
background: -o-linear-gradient(top, rgba(239,247,250,1) 0%, rgba(198,223,236,1) 41%, rgba(138,189,214,1) 100%);
background: -ms-linear-gradient(top, rgba(239,247,250,1) 0%, rgba(198,223,236,1) 41%, rgba(138,189,214,1) 100%);
background: linear-gradient(to bottom, rgba(239,247,250,1) 0%, rgba(198,223,236,1) 41%, rgba(138,189,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff7fa', endColorstr='#8abdd6', GradientType=0 )}






/*ทำเ��ื��อ support css เ����า�� ��ึ����อั����หม���� ����ยั����ม����ด����ส����ห��ตร����ั�� ตร��หัว����อห����า content ย��อยต��า����*/
.font_header_main{
font-size:16px;
font-weight:bold}


.subhead {
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 13px;
font-weight:bold;
color: #6633FF;
margin-top:5px;
line-height:19px}



a:link, a:visited {color: #003366; text-decoration: none}
a:hover, a:active {color: #06F; text-decoration: underline }



.menu-toggle{
/*width:1.5em;*/
display: block;
/*		background:#CCC;*/
font-weight:bold;
font-size:2.3em;
text-align: center;
margin-right:9px;
color:#999;		
/* text-shadow: rgba(0,0,0,.2) 0px -1px 0px;*/
/* text-shadow:#666 0px -1px 0px;*/
padding-left:0px;
padding-right:0px;
padding-top:2px;
padding-bottom:2px;
text-decoration:none}

.menu-toggle:hover{
/*	color: #4A8CCE;*/
text-decoration:none}


/*  Nav Bar 
=========================================*/
.nav_bar {
position:fixed;
z-index: 999;
height:100%;
width:100%;
top:50px;
left:0px;
background-color: #CCC;
overflow: auto;

transform: translate(-100%,0);	
-webkit-transform:translate(-100%,0);
-moz-transform:translate(-100%,0);
-ms-transform:translate(-100%,0);


transition:all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease}

.nav_bar h2{
padding:6px 8px;
color: #666;
border-bottom: 1px solid #999 ;
font-size:1.1em;
margin:0px;

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 )}


.navmenu a{
padding:6px 8px;
color: #CCC;
border-bottom: 0.5px solid #CCC ;
font-size:5em;
margin:0px;

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 )}





nav a{
display:block;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
padding:6px 8px;
text-decoration:none;
font-size:1em;
color:#fff;
border-bottom: 1px solid #ccc ;


background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 )}


.copyright {
display:block;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
padding:6px 8px;
text-decoration:none;
font-size:0.7em;
margin-bottom:51px;
text-align:center;
color:#CCC}


nav_contact {
display:block;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
padding:6px 8px;
text-decoration:none;
font-size:1em;
color:#fff;
border-bottom: 1px solid #ccc ;


background: rgba(244,248,251,1);
background: -moz-linear-gradient(top, rgba(244,248,251,1) 0%, rgba(158,190,214,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,248,251,1)), color-stop(100%, rgba(158,190,214,1)));
background: -webkit-linear-gradient(top, rgba(244,248,251,1) 0%, rgba(158,190,214,1) 100%);
background: -o-linear-gradient(top, rgba(244,248,251,1) 0%, rgba(158,190,214,1) 100%);
background: -ms-linear-gradient(top, rgba(244,248,251,1) 0%, rgba(158,190,214,1) 100%);
background: linear-gradient(to bottom, rgba(244,248,251,1) 0%, rgba(158,190,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fb', endColorstr='#9ebed6', GradientType=0 )}



/*  Nav Bar - End 
=========================================*/
}
@media (min-width: 851px) {
.menu-toggle {
display: none}			
}



a img {border:none}





a.link_blue:link, a.link_blue:visited {color: #CEE7FF; text-decoration: none}
a.link_blue:hover, a.link_blue:active {color: #003366; background-color: #EFF7FF; text-decoration: none}

a.link_pink:link, a.link_pink:visited {color: #FF0066; text-decoration: none}
a.link_pink:hover, a.link_pink:active {color: #FF6FA8; background-color: none; text-decoration: none}

a.link_orange_underline:link, a.link_orange_underline:visited {color: #FF6600; text-decoration: underline}
a.link_orange_underline:hover, a.link_orange_underline:active {color: #003366; background-color: #EFF7FF; text-decoration: none}


a.link_bluegrey:link, a.link_bluegrey:visited {
color: #FFF; text-decoration: none; 
background-color:#B1B9D6; 
line-height:2;
padding: 2px 6px 2px 6px;
display:inline-block;
margin-bottom:3px;



border-radius: 4px 4px;
-moz-border-radius: 4px 4px;
-webkit-border-radius: 4px 4px;
-o-border-radius: 4px 4px;
-ms-border-radius: 4px 4px;

border: 0px solid #000000}

a.link_bluegrey:hover, a.link_bluegrey:active {
/*color: #FFCC33;*/
background-color: #7784B7;
text-decoration: none;
line-height:2;
padding: 2px 6px 2px 6px;
display:inline-block;
margin-bottom:3px;



/*border-radius: 0px 5px 9px 5px;
-moz-border-radius: 0px 5px 9px 5px;
-webkit-border-radius: 0px 5px 9px 5px;
-o-border-radius: 0px 5px 9px 5px;
-ms-border-radius: 0px 5px 9px 5px;*/
border: 0px solid #000000}

a.link_white:link, a.link_white:visited {color: #FFFFFF; text-decoration: none}
a.link_white:hover, a.link_white:active {color: #003366; background-color: #EFF7FF; text-decoration: none}

a.link_orange:link, a.link_orange:visited {color: #FF6600; text-decoration: none}
a.link_orange:hover, a.link_orange:active {color: #FF0000; background-color: none; text-decoration: none}

a.h1:link, a.h1:visited {color: #FF9900; text-decoration: none}
a.h1:hover, a.h1:active {color: #33CCFF; background-color: #666666; text-decoration: none}

a.link_no_bg:link, a.link_no_bg:visited {color: #003366; text-decoration: none}
a.link_no_bg:hover, a.link_no_bg:active {color: #006699; background-color: transparent; text-decoration: none}
/* Link */

/* Page Header */
a.banner_01:link, a.banner_01:visited {
text-decoration: none;
background-color: transparent;
padding-top: 3px;
padding-left: 10px;
display: block;
width: 450px;
height: 43px}
a.banner_01:hover, a.banner_01:active {
color: #FF9900}

a.menu_bar_01:link, a.menu_bar_01:visited {
background-image:url(../images/menu_bar_01.gif);
font-weight: bold;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: block;
float: left;
width: 105px;
height: 29
}
a.menu_bar_l01:link, a.menu_bar_l01:visited {
background-image:url(../images/menu_bar_l01.gif);
font-weight: bold;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: block;
float: left;
width: 126px;
height: 29
}
a.menu_bar_01:hover, a.menu_bar_01:active {
background-image:url(../images/menu_bar_02.gif);
color: #FFFFFF}
a.menu_bar_l01:hover, a.menu_bar_l01:active {
background-image:url(../images/menu_bar_l02.gif);
color: #FFFFFF}

a.menu_bar_02:link, a.menu_bar_02:visited {
background-image:url(../images/menu_bar_02.gif);
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: block;
float: left;
width: 105px}
a.menu_bar_l02:link, a.menu_bar_l02:visited {
background-image:url(../images/menu_bar_l02.gif);
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: block;
float: left;
width: 126px}
a.menu_bar_02:hover, a.menu_bar_02:active {
color: #FF9900}
a.menu_bar_l02:hover, a.menu_bar_l02:active {
color: #FF9900}

.menu_bar_03 {
background-image:url(../images/menu_bar_01.gif);
float: left;
width: 1px;
height: 29px}
/* Page Header */





/* Content */
a.menu_main:link, a.menu_main:visited, a.menu_sub:link, a.menu_sub:visited, a.menu_main_end:link, a.menu_main_end:visited, a.menu_sub_end:link, a.menu_sub_end:visited {
background-image:url(../images/bullet_sub_01.gif);
padding-top: 5px;
padding-bottom: 5px;
padding-left: 16px;
text-decoration: none;
border-bottom: #EEEEEE dotted 1px;
display: block;
width: 180px}
a.menu_main:hover, a.menu_main:active, a.menu_sub:hover, a.menu_sub:active, a.menu_sub_end:hover, a.menu_sub_end:active {
color: #003366}

a.menu_sub:link, a.menu_sub:visited, a.menu_sub_end:link, a.menu_sub_end:visited {
background-image:url(../images/bullet_sub_11.gif);
padding-left: 22px;
width: 174px}

a.menu_main_end:link, a.menu_main_end:visited {
border-bottom: #FFFFFF none 0px}

a.menu_sub_end:link, a.menu_sub_end:visited {
border-bottom: #FFFFFF none 0px}

.menu_sub_header {
background-image:url(../images/bullet_sub_03.gif);
padding-top: 5px;
padding-bottom: 5px;
padding-left: 16px;
text-decoration: none;
border-bottom: #EEEEEE dotted 1px}

.header_01 {
border-top: #CCCCCC solid 1px;
background-color: #F6F6F6;
font-weight: bold}
/* Content */

/* start Font */
.font14{font-size: 14px}
.font15{font-size: 15px}

td {
font-family: "Tahoma", Verdana, "MS Sans Serif";
color: #003366;
font-size: 13px;
line-height:20px}
.font_largest {
font-size: 16px}
.font_larger {
font-size: 14px}
.font_smaller {
font-size: 12px}

.searchbox{
font-family: "Arial";
font-size: 12px;
color:#363636}



.Red_Big{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight: bold;
font-size: 19px;
color: #FF0000}

.Red_Bold{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight: bold;
font-size: 12px;
color: #FF0000}

.Red{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #FF0000}

.Gray{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #999999}



.bigshadow{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 46px;
color: #ccc;
font-weight:bold;

/*	-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #999;*/
/*text-shadow: 2px 2px 1px #888888;*/
text-shadow: 2px 2px 1px #999999;


/*text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);*/

}


.Dark_Gray{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #706F70}


.General_Blue_content1{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #1879B5}

.General_Blue_content2{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #0033CC}

.General_Blue_content3{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #3366CC}

.General_Blue_content4{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #4A75B5}


.Orange_content{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #FF6633
}

.purple_content{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #A392EA}
.Green_content 
{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #009900
}

.Green_content_Price
{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight: bold;
font-size: 15px;
color: #009900
}


.Yellow_content {
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #FF9900
}

.Purple_content_strong {
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #6633FF}
.pink_content{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #EF95B2}
.orange-header{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight: bold;
font-size: 14px;
color: #FF6633}


.email{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #333333}


/* End Font */




/*start padding*/
.padding3{padding: 3px}
.padding5{padding: 5px}
.padding9{padding: 9px}
/*end padding*/



/*start background*/
.bgbluepastel{background-color:#EFF7FF}
/*end background*/




/* Frame */
.frame_cube {
border-top: #CCCCCC solid 1px;
border-bottom: #CCCCCC solid 1px;
border-left: #CCCCCC solid 1px;
border-right: #CCCCCC solid 1px}
.frame_top {
border-top: #CCCCCC solid 1px}
.frame_bottom {
border-bottom: #CCCCCC solid 1px}
.frame_left {
border-left: #CCCCCC solid 1px}
.frame_right {
border-right: #CCCCCC solid 1px}
/* Frame */

/* Form */
input, select, textarea  {
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
padding-left: 3px;
height:32px;
background-color:#FFC;
border-width:1px;	
border-style:solid;
border-color:#CCC;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px}

textarea  {
height:65px}

/* Form */


.uppercase
{
font-family: "Tahoma", Verdana, "MS Sans Serif";
text-transform: uppercase}


.wraptext { text-wrap: suppress; /* inherits to all descendants */ }

h1 { font-size:13px; font-weight:bold; margin:0; padding:2px 0px 5px 3px; float:left}
.h1{
font-size:13px;
font-weight:bold;
margin:0;
padding:2px 0px 5px 3px;
float:left;
color: #FF0066}

.h1nolink{
font-size:13px;
font-weight:bold;
margin:0;
padding:2px 0px 5px 3px;
float:left;
color: #CCCCCC}

#floating-right-box {
float: left;
height: 345px;
margin-left: -100px;
margin-right: 10px;
margin-top: 20px;
overflow: auto;
position: absolute;
top: 0;
width: 90px;
z-index: 99999999}


.tourdetailpic {
min-width:159px;
margin:5px;
margin-left:auto;
margin-right:auto}

.tourdetailtext{
clear:both;
margin:5px}

.tourdetailsocial{
margin:5px;
min-width:95px}


.countrymenuitem a {
text-decoration:none}






/*========================= min-width 850 px =========================*/

@media (min-width: 850px) {

.paginate{
font-weight:bold;
font-size:16px;
color:#F60}


.headcontact {
text-shadow: 0 -0.5px 0 rgba(59, 65, 79, 0.9);
font-size:1.2em;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold; 
display:inline-block;
margin-right:9px;
margin-top:6px;
padding-left:6px;
padding-right:6px;
padding-bottom:4px;
padding-top:4px;
color:#FFF;


background: rgba(147,206,222,1);
/* Old Browsers */background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
/* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
/* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
/* IE 10+ */background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );
/* IE6-9 */

border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000}



.headcontactgreen{


text-shadow: 0 -0.5px 0 rgba(59, 65, 79, 0.9);
font-size:1.2em;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold; 
display:inline-block;
margin-right:9px;
margin-top:6px;
padding-left:6px;
padding-right:6px;
padding-bottom:4px;
padding-top:4px;
color:#FFF;


background: rgba(96,222,113,1);
background: -moz-linear-gradient(top, rgba(96,222,113,1) 0%, rgba(90,191,90,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(96,222,113,1)), color-stop(100%, rgba(90,191,90,1)));
background: -webkit-linear-gradient(top, rgba(96,222,113,1) 0%, rgba(90,191,90,1) 100%);
background: -o-linear-gradient(top, rgba(96,222,113,1) 0%, rgba(90,191,90,1) 100%);
background: -ms-linear-gradient(top, rgba(96,222,113,1) 0%, rgba(90,191,90,1) 100%);
background: linear-gradient(to bottom, rgba(96,222,113,1) 0%, rgba(90,191,90,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60de71', endColorstr='#5abf5a', GradientType=0 );


border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000}




.minilang {
font-size:1.2em;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold; 
display:inline-block;
float:right;
margin-right:9px;
margin-top:5px}

.minilang a{
margin:1px;
padding:4px;
font-size:1.2em;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold; 
text-decoration:none;
display:inline-block}	

td.afterheader {
height:64px}


td.line_bottom {
border-bottom:1px solid  #CCC}

td.sidemenutour a {
background-color: #FFF;
border-bottom: #CCCCCC solid 1px;
padding:9px;
display:block;
font-size:12px}

td.sidemenutour:hover a {
background-color:#EFE7EE;
border-bottom: #CCCCCC solid 1px;
padding:9px;
font-size:12px}


td.sidemenutour_a a {
background-color: #FFF;
border-bottom: #CCCCCC solid 1px;
padding:9px;
display:block;
font-size:15px}

td.sidemenutour_a:hover a {
background-color: #DCF2FA;
border-bottom: #CCCCCC solid 1px;
text-decoration:none}

.header_table {
max-width: 939px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
background-color:#FFF;
overflow:visible!important}



.outerheader{
width:100%;
background-color:#fff;
margin-left:auto;
margin-right:auto;
height:49px;
position:fixed;
border-bottom: 1px solid #ccc;
z-index: 999}

.outerheader_ibe{
width:100%;
background-color:#fff;
margin-left:auto;
margin-right:auto;
height:49px;

border-bottom: 1px solid #ccc}



.over850_hide {
display: none}


.footer {
max-width:891px;
width:100%;
display: flex;
margin-left:auto;
margin-right:auto}

.tourdetail {
width:100%;
display: flex;
flex-wrap:wrap;
margin-left:9px;
margin-right:auto;
padding-top:9px}

.tourdetailtext {
max-width:465px;
margin:5px 5px 5px 9px;
clear:both}


.tourdetailsocial {	
min-width:99px;
width:80%
margin-right:auto}


/* ========= 
Tour Top menu part*/

.countrymenu {
width:100%;
display:flex;
flex-wrap:wrap;
margin-left:auto;
margin-right:auto}

.countrymenuitem {
width:33%;
margin:1px;
min-width:199px}

li.country{
font-size:13px;
margin-top:5px;
margin-bottom:5px;
margin-left:10px}


li.country a{
font-size:13px;
padding-top:4px;
padding-bottom:4px;
color:#454545;	
/*	transition: all 0.1s linear;*/

}

li.country a:hover{
font-size:13px;
padding-top:4px;
padding-bottom:4px;
color: #F65;
text-decoration:underline}


.h_pkgtop{
font-size:14px}

.countrymenuvacant{
width:25%;
margin:1px;
padding:0px;
min-width:199px}


/*========= End - Tour Top menu part*/



/*=========
Menu Bar Home 851px more==========*/




.darkbluemenu a{  /* Home */
color: #4F5997;
background-color: #C5C9E0;
border-left: 1px solid #4F5997; 
border-right: 1px solid #4F5997;
border-top: 1px solid #4F5997;  
text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline;
margin: 0px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px;


-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px}
.darkbluemenu a:hover {
color: #4F5997;
background-color: #C5c9e0;
padding: 9px 9px 7px 9px}

.greenmenu a { /* hotel */
color: #6a8012;
background-color: #deec9c; 
border-left: 1px solid #6a8012; 
border-right: 1px solid #6a8012;
border-top: 1px solid #6a8012;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline;
margin: 0px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px}
.greenmenu a:hover {
color: #6a8012;
background-color: #deec9c;
padding: 9px 9px 7px 9px}


.brownmenu a{  /* domticket */
color: #cf7600;
background-color: #f6e3a8;
border-left: 1px solid #cf7600; 
border-right: 1px solid #cf7600;
border-top: 1px solid #cf7600; 

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline;

width: 118px;
margin: 0px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px}
.brownmenu a:hover {
color: #cf7600;
background-color: #f6e3a8;
padding: 9px 9px 7px 9px}



.redmenu a {  /* InterTicket */
color: #C83111;
background-color: #FAC7BC;
border-left: 1px solid #C83111; 
border-right: 1px solid #C83111;
border-top: 1px solid #C83111;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline;
margin: 0px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px}
.redmenu a:hover {
color: #C83111;
background-color: #FAC7BC;
padding: 9px 9px 7px 9px}

.purplemenu a { /* Inter Tour */
color: #9700DF;
background-color: #EBC1FF;
border-left: 1px solid #9700DF;
border-right: 1px solid #9700DF;
border-top: 1px solid #9700DF;   

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline;
margin: 0px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px}
.purplemenu a:hover {
color: #9700DF;
background-color: #EBC1FF;
padding: 9px 9px 7px 9px}



.bluemenu a {  /* Cruise */
color: #5384ac;
background-color: #d3e9ed; 
border-left: 1px solid #5384ac; 
border-right: 1px solid #5384ac;
border-top: 1px solid #5384ac;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline;
margin: 0px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px}
.bluemenu a:hover {
color: #5384ac;
background-color: #d3e9ed; 
padding: 9px 9px 7px 9px}


.yellowmenu a {  /* Car */
color: #f6861f;
background-color: #ffc; 
border-left: 1px solid #f6861f; 
border-right: 1px solid #f6861f;
border-top: 1px solid #f6861f;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline;
margin: 0px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px}
.yellowmenu a:hover {
color: #f6861f;
background-color: #ffc; 
padding: 9px 9px 7px 9px}

.floatmenu a { 
color: #666666;
display:block;
background-color: #E6E6E6;
border: 1px solid #666666;
text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 11px;
font-weight: bold;
display: inline;
margin: 0px;
list-style: none;
background-repeat: no-repeat;
padding: 3px 5px 3px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px}
.floatmenu a:hover {
color: #666666;
background-color: #ffc}




#top_menu {
/*	margin: 0 auto;*/
clear: both;
width: 100%;
/*padding: 5px 0 0 0;*/
/*background: url(images/templatemo_menu.jpg) repeat-x bottom;*/



}

#top_menu ul {
/*	border-top: 3px solid #CCC;
border-bottom: 3px solid #CCC;*/
float: left;
width: 100%;
/*	height:42px;
margin: 0;
margin-top:15px;
padding: 0;*/
list-style: none;
text-align:center;
margin-bottom:5px;
/*background-color: #3589B7;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3589B7), to(#3589B7));*/
}


#top_menu ul li {
/*	padding: 0px;
margin: 0px;
margin-top:10px;*/
display: inline;
text-align:center;
/*line-height:40px;*/ /*อั����ี��ทำ��ห��อยู��ตร����ลา�� vertical */
}

#top_menu ul li a {
float: none
display: block;
text-decoration: none;
/*padding: 0 2px 20px 2px;*/
/*margin: 0 5px 0 0;*/
/*font-size: 14px;
text-align: center;

color: #E6E6E6;
font-weight: normal;
outline: none;
border: none;*/

}


#top_menu ul li a:hover, #bottom_menu ul li .current {
/*color: #FFF;*/
}






.submenu_table {
max-width: 979px}


.table_999 {
max-width: 999px}



} /*end of media screen*/




@media(min-width: 346px) and (max-width: 849px) {


.paginate{
font-weight:bold;
font-size:14px;
color:#F60}


/* ========= 
Tour Top menu part*/

.countrymenu {
width:100%;
/*	display:flex;
flex-wrap:wrap;*/
margin-left:auto;
margin-right:auto}

.countrymenuitem {
width:26%;
/*margin:1px;*/
padding-left:10px;
padding-right:10px;
min-width:199px}

.countrymenuvacant{
width:25%;
margin:1px;
padding:0px;

min-width:199px}


li.country {
font-size:1.2em;
margin-top:5px;
margin-bottom:5px;
margin-left:2px}

li.country a{
padding-top:2.5px;
padding-bottom:2.5px;
display:inline;
color:#454545}

.h_pkgtop{
font-size:1.2em}

/*========= End - Tour Top menu part*/




td.afterheader {
height:49px}

.outerheader{
width:100%;
background-color:#fff;
margin-left:auto;
margin-right:auto;
height:49px;
position:fixed;
border-bottom: 1px solid #ccc;
z-index: 999}	

.outerheader_ibe{
width:100%;
background-color:#fff;
margin-left:auto;
margin-right:auto;
height:49px;

border-bottom: 1px solid #ccc}	


.header_table {
margin-left:auto;
margin-right:auto;
background-color:#FFF;
overflow:visible!important}



.minilang {
font-size:1.2em;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold; 
display:inline-block;
float:right;
vertical-align:middle}	

.minilang a{
margin:0px;
padding:4px;
font-size:1.2em;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold; 
text-decoration:none;
display:inline-block;
vertical-align:middle}	


.footer {
width:100%;
margin-left:auto;
margin-right:auto}

.tourdetail {	
width:100%;
margin-left:auto;
margin-right:auto;
display:flex;
flex-wrap:wrap;
padding-top:9px}

.tourdetailsocial {	
min-width:95px;
width:100%;
margin-right:auto}
.tourdetailpic {	
width:50%;
margin-right:auto}




.darkbluemenu a{  /* Home */
color: #4F5997;
background-color: #C5C9E0;
border-left: 1px solid #4F5997; 
border-right: 1px solid #4F5997;
border-bottom: 1px solid #4F5997;
border-top: 1px solid #4F5997;  


text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;


display: inline-block;

margin: 1px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px;


-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px; 
-webkit-border-bottom-right-radius: 8px 8px;
-moz-border-bottom-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px; 

-webkit-border-bottom-left-radius: 8px 8px;
-moz-border-bottom-left-radius: 8px 8px;
border-bottom-left-radius: 8px 8px}
.darkbluemenu a:hover {
color: #FFF;
background-color: #C5c9e0;
padding: 9px 9px 7px 9px}

.greenmenu a { /* hotel */
color: #6a8012;
background-color: #deec9c; 
border-left: 1px solid #6a8012; 
border-right: 1px solid #6a8012;
border-top: 1px solid #6a8012;  
border-bottom: 1px solid #6a8012; 

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;

display: inline-block;

margin: 1px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-webkit-border-bottom-right-radius: 8px 8px;
-moz-border-bottom-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px; 

-webkit-border-bottom-left-radius: 8px 8px;
-moz-border-bottom-left-radius: 8px 8px;
border-bottom-left-radius: 8px 8px}
.greenmenu a:hover {
color: #FFF;
background-color: #deec9c;
padding: 9px 9px 7px 9px}


.brownmenu a{  /* domticket */
color: #cf7600;
background-color: #f6e3a8;
border-left: 1px solid #cf7600; 
border-right: 1px solid #cf7600;
border-top: 1px solid #cf7600; 
border-bottom: 1px solid #cf7600; 

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline-block;


margin: 1px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px; 
-webkit-border-bottom-right-radius: 8px 8px;
-moz-border-bottom-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px; 

-webkit-border-bottom-left-radius: 8px 8px;
-moz-border-bottom-left-radius: 8px 8px;
border-bottom-left-radius: 8px 8px}
.brownmenu a:hover {
color: #FFF;
background-color: #f6e3a8;
padding: 9px 9px 7px 9px}



.redmenu a {  /* InterTicket */
color: #C83111;
background-color: #FAC7BC;
border-left: 1px solid #C83111; 
border-right: 1px solid #C83111;
border-top: 1px solid #C83111;  
border-bottom: 1px solid #C83111; 

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;

display: inline-block;

margin: 1px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px; 

-webkit-border-bottom-right-radius: 8px 8px;
-moz-border-bottom-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px; 

-webkit-border-bottom-left-radius: 8px 8px;
-moz-border-bottom-left-radius: 8px 8px;
border-bottom-left-radius: 8px 8px}
.redmenu a:hover {
color: #FFF;
background-color: #FAC7BC;
padding: 9px 9px 7px 9px}

.purplemenu a { /* Inter Tour */
color: #9700DF;
background-color: #EBC1FF;
border-left: 1px solid #9700DF;
border-right: 1px solid #9700DF;
border-top: 1px solid #9700DF;   
border-bottom: 1px solid #9700DF; 

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;

display: inline-block;

margin: 1px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px; 
-webkit-border-bottom-right-radius: 8px 8px;
-moz-border-bottom-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px; 

-webkit-border-bottom-left-radius: 8px 8px;
-moz-border-bottom-left-radius: 8px 8px;
border-bottom-left-radius: 8px 8px}
.purplemenu a:hover {
color: #FFF;
background-color: #EBC1FF;
padding: 9px 9px 7px 9px}



.bluemenu a {  /* Cruise */
color: #5384ac;
background-color: #d3e9ed; 
border-left: 1px solid #5384ac; 
border-right: 1px solid #5384ac;
border-top: 1px solid #5384ac;  
border-bottom: 1px solid #5384ac;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;

display: inline-block;

margin: 1px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px; 
-webkit-border-bottom-right-radius: 8px 8px;
-moz-border-bottom-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px; 

-webkit-border-bottom-left-radius: 8px 8px;
-moz-border-bottom-left-radius: 8px 8px;
border-bottom-left-radius: 8px 8px}
.bluemenu a:hover {
color: #FFF;
background-color: #d3e9ed; 
padding: 9px 9px 7px 9px}


.yellowmenu a {  /* Car */
color: #f6861f;
background-color: #ffc; 
border-left: 1px solid #f6861f; 
border-right: 1px solid #f6861f;
border-top: 1px solid #f6861f;  
border-bottom: 1px solid #f6861f;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;

display: inline-block;

margin: 1px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-top-left-radius: 8px 8px;
-moz-border-top-left-radius: 8px 8px;
border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-moz-border-top-right-radius: 8px 8px;
border-top-right-radius: 8px 8px; 
-webkit-border-bottom-right-radius: 8px 8px;
-moz-border-bottom-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px; 

-webkit-border-bottom-left-radius: 8px 8px;
-moz-border-bottom-left-radius: 8px 8px;
border-bottom-left-radius: 8px 8px}
.yellowmenu a:hover {
color: #FFF;
background-color: #ffc; 
padding: 9px 9px 7px 9px}

.floatmenu a { 
color: #666666;
display:block;
background-color: #E6E6E6;
border: 1px solid #666666;
text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline-block;
margin: 1px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px}

.floatmenu a:hover {
color: #666666;
background-color: #ffc}




#top_menu {
/*	margin: 0 auto;*/
clear: both;
width: 100%;
/*padding: 5px 0 0 0;*/
/*background: url(images/templatemo_menu.jpg) repeat-x bottom;*/



}

#top_menu ul {
/*	border-top: 3px solid #CCC;
border-bottom: 3px solid #CCC;*/
float: left;
width: 100%;
/*	height:42px;
margin: 0;
margin-top:15px;
padding: 0;*/
list-style: none;
text-align:center;
margin-bottom:5px;
/*background-color: #3589B7;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3589B7), to(#3589B7));*/
}


#top_menu ul li {
/*	padding: 0px;
margin: 0px;
margin-top:10px;*/
display: inline;
text-align:center;
/*line-height:40px;*/ /*อั����ี��ทำ��ห��อยู��ตร����ลา�� vertical */
}

#top_menu ul li a {
float: none
display: inline-block;
/*	flex-wrap:wrap;*/
width:30%;
min-width:130px;
text-decoration: none;
/*padding: 0 2px 20px 2px;*/
/*margin: 0 5px 0 0;*/
/*font-size: 14px;
text-align: center;

color: #E6E6E6;
font-weight: normal;
outline: none;
border: none;*/

}


#top_menu ul li a:hover, #bottom_menu ul li .current {
/*color: #FFF;*/
}



.less850_hide {
display: none}


.tourdetailtext {
margin:5px 5px 5px 9px;
clear:both;
display:block}



}




@media (max-width: 345px) {



.paginate{
font-weight:bold;
font-size:14px;
color:#F60}


td.afterheader {
height:49px}



.outerheader{
width:100%;
background-color:#fff;
margin-left:auto;
margin-right:auto;
height:49px;
position:fixed;
border-bottom: 1px solid #ccc;
z-index: 999}	

.outerheader_ibe{
width:100%;
background-color:#fff;
margin-left:auto;
margin-right:auto;
height:49px;
border-bottom: 1px solid #ccc}	


.header_table {
margin-left:auto;
margin-right:auto;
background-color:#FFF;
overflow:visible!important}



.minilang {
font-size:1.2em;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold; /* ������������า�� bolder*/
display:inline-block;
vertical-align:middle;
float:right}

.minilang a{
margin:1px;
padding:4px;
font-size:1.2em;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold; /* ������������า�� bolder*/
text-decoration:none;
display:inline-block}	


.tourdetail {	
display:flex;
flex-wrap:wrap;
margin-left:auto;
margin-right:auto;
padding-top:9px;
width:100%}

.tourdetailsocial {	
margin-right:auto;
min-width:95px;
width:100%}
.tourdetailpic {	
width:45%;
margin-right:auto}

.countrymenu {
width:100%;
/*	display:flex;
flex-wrap:wrap;*/
margin-left:auto;
margin-right:auto}

.countrymenuitem {
width:26%;
margin:1px;
min-width:199px;
margin-left:10px}

li.country {
font-size:1.2em;
margin-top:5px;
margin-bottom:5px;
margin-left:2px}

li.country a{
padding-top:2.5px;
padding-bottom:2.5px;
display:inline;
color:#656565}

.h_pkgtop{
font-size:1.2em}
.countrymenuvacant{
width:0px;
margin:0px;
padding:0px}


.darkbluemenu a{  /* Home */
color: #4F5997;
background-color: #C5C9E0;
border-left: 1px solid #4F5997; 
border-right: 1px solid #4F5997;
border-top: 1px solid #4F5997;  


text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline-block;
margin: 1px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px;


-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px}
.darkbluemenu a:hover {
color: #FFF;
background-color: #C5c9e0;
padding: 9px 9px 7px 9px}

.greenmenu a { /* hotel */
color: #6a8012;
background-color: #deec9c; 
border-left: 1px solid #6a8012; 
border-right: 1px solid #6a8012;
border-top: 1px solid #6a8012;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline-block;
margin: 1px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px}
.greenmenu a:hover {
color: #FFF;
background-color: #deec9c;
padding: 9px 9px 7px 9px}


.brownmenu a{  /* domticket */
color: #cf7600;
background-color: #f6e3a8;
border-left: 1px solid #cf7600; 
border-right: 1px solid #cf7600;
border-top: 1px solid #cf7600; 

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline-block;


margin: 1px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px ;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px}

.brownmenu a:hover {
color: #FFF;
background-color: #f6e3a8;
padding: 9px 9px 7px 9px}



.redmenu a {  /* InterTicket */
color: #C83111;
background-color: #FAC7BC;
border-left: 1px solid #C83111; 
border-right: 1px solid #C83111;
border-top: 1px solid #C83111;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline-block;
margin: 1px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px}
.redmenu a:hover {
color: #FFF;
background-color: #FAC7BC;
padding: 9px 9px 7px 9px}

.purplemenu a { /* Inter Tour */
color: #9700DF;
background-color: #EBC1FF;
border-left: 1px solid #9700DF;
border-right: 1px solid #9700DF;
border-top: 1px solid #9700DF;   

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline-block;
margin: 1px;
list-style: none;
background-repeat: no-repeat;
padding: 7px 9px 7px 9px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px}
.purplemenu a:hover {
color: #FFF;
background-color: #EBC1FF;
padding: 9px 9px 7px 9px}



.bluemenu a {  /* Cruise */
color: #5384ac;
background-color: #d3e9ed; 
border-left: 1px solid #5384ac; 
border-right: 1px solid #5384ac;
border-top: 1px solid #5384ac;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline-block;
margin: 1px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px}
.bluemenu a:hover {
color: #FFF;
background-color: #d3e9ed; 
padding: 9px 9px 7px 9px}


.yellowmenu a {  /* Car */
color: #f6861f;
background-color: #ffc; 
border-left: 1px solid #f6861f; 
border-right: 1px solid #f6861f;
border-top: 1px solid #f6861f;  

text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
font-weight: bold;
display: inline-block;
margin: 1px;
list-style: none;
background-repeat:no-repeat;
padding: 7px 9px 7px 9px ;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px}
.yellowmenu a:hover {
color: #FFF;
background-color: #ffc; 
padding: 9px 9px 7px 9px}

.floatmenu a { 
color: #666666;
display:block;
background-color: #E6E6E6;
border: 1px solid #666666;
text-decoration: none;
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 11px;
font-weight: bold;
display: inline-block;
margin: 1px;
list-style: none;
background-repeat: no-repeat;
padding: 3px 5px 3px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px}
.floatmenu a:hover {
color: #666666;
background-color: #ffc}


#top_menu {
clear: both;
width: 100%}

#top_menu ul {
float: left;
width: 100%;
list-style: none;
text-align:center;
margin-bottom:5px}


#top_menu ul li {
display: inline;
text-align:center;
/*line-height:40px;*/ /*อั����ี��ทำ��ห��อยู��ตร����ลา�� vertical */
}

#top_menu ul li a {
float: none;
display: block;
text-decoration: none}


#top_menu ul li a:hover, #bottom_menu ul li .current {
/*color: #FFF;*/
}


.header_ad {
display: none}

.less345_hide {
display: none}
}


.pkgdetail_group{  display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: flex-start}



	
@media (max-width: 534px){
.pkgdetail_group{height: 89px}
}
	
	
@media (min-width: 535px) {
.pkgdetail_group{ height:42px}
}


@media (min-width: 1024px) { /*ipad pro size*/
.over1024_hide{display:none}}
@media (max-width: 1023px) {/*ipad pro size*/
.less1024_hide{display:none}}