.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: #f5f4e9;
  z-index: 2;
  padding-top: 80px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
@media only screen and (min-width: 768px) {
  .cd-main-content {
    padding-top: 80px;
  }
}

@media(max-width: 1199px) {
header {
  position:absolute;
  z-index:9999;
  top: 0;
  left: 0;
  height: 80px;
  width: 100%;
  background: rgba(42,0,40,1);
  background: -moz-linear-gradient(-45deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(42,0,40,1)), color-stop(50%, rgba(50,1,48,1)), color-stop(100%, rgba(84,11,82,1)));
  background: -webkit-linear-gradient(-45deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  background: linear-gradient(135deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a0028', endColorstr='#540b52', GradientType=1 );
  
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
  
}
header.is-fixed {
  position: fixed;
  z-index:99999;
}
}



#cd-logo {
  display: block;
  float: left;
  margin: 7px 0 0 10px;
}
#cd-logo img {
  display: block;
}
@media only screen and (min-width: 967px) {
  #cd-logo {
    margin: 22px 0 0 30px;
  }
}

#cd-top-nav {
  position: absolute;
  top: 0;
  right: 120px;
  height: 100%;
  display: none;
}
#cd-top-nav ul {
  height: 100%;
  padding-top: 18px;
}
#cd-top-nav li {
  display: inline-block;
  margin-right: 1em;
}
#cd-top-nav a {
  display: inline-block;
  padding: .5em;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-top-nav a.current {
  background-color: #540b52;
}
.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) {
  #cd-top-nav {
    display: block;
  }
}

#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 80px;
  background-color: #540b52;  /* ##################  BG - Menu Botton 3 line ########################## */
}
#cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 600;
  display: none;
}
#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 30px;
  height: 2px;
  background-color: #FFF;  /* ##################  color - Menu Botton 3 line ########################## */
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index:9999;
  background-color: inherit;
  left: 0;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0); /* #### line2 menu over : none ###*/
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: white;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#cd-lateral-nav {
  position: fixed;
  z-index:9999;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */

  width: 260px;
  background-color: #540b52;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
  list-style: none; margin:0; padding:0;  /* ##### list-style --- ul ol #####*/
}
#cd-lateral-nav .sub-menu {
  list-style: none; margin:0; padding:0;  /* ##### list-style --- ul ol #####*/
  padding: 0 10px 20px 15px;
  display: none;
  font-size:0.875em;
}
#cd-lateral-nav a {
  display: block;
  line-height: 2em;
  padding: 12px 16px 12px 32px;
  color: #fff;    /* ############################ - color submenu - ############################ */
}

#cd-lateral-nav a:hover {
	background:#320130;
  /*color: #b998c3; */   /* ############################ - color submenu - ############################ */
}
#cd-lateral-nav a.current {
  background-color: #540b52;
  color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}

#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  color:#fff;          /* ####################### - color title menu - ####################*/
  padding-top:11px; padding-bottom:11px;
  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background:url(../images/template/arrowright.png) no-repeat center center;    /* ############ - Arrow title menu ยังไม่หมุน - ###########*/
  background-size: 11px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  color:#fff;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);  /* ############ - Arrow title menu หมุนแล้ว - ###########*/
  color:#fff;
}

#cd-lateral-nav .socials {
  padding: 20 32px;
}
#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav .socials a {
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {
  background-position: 0 0;
}
#cd-lateral-nav .socials a.cd-github {
  background-position: -32px 0;
}
#cd-lateral-nav .socials a.cd-facebook {
  background-position: -64px 0;
}
#cd-lateral-nav .socials a.cd-google {
  background-position: -96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover {
  background: rgba(42,0,40,1);
  background: -moz-linear-gradient(-45deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(42,0,40,1)), color-stop(50%, rgba(50,1,48,1)), color-stop(100%, rgba(84,11,82,1)));
  background: -webkit-linear-gradient(-45deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  background: linear-gradient(135deg, rgba(42,0,40,1) 0%, rgba(50,1,48,1) 50%, rgba(84,11,82,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a0028', endColorstr='#540b52', GradientType=1 );
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
  background-position: 0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
  background-position: -32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
  background-position: -64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
  background-position: -96px -32px;
}

.submenu-step2{ margin-left:20px; color:#fff;}
.submenu-step3{ margin-left:20px; color:#fff;}
@charset "utf-8";
/* CSS Document */

html{ font-size:62.5%;}
body{margin:0 auto; padding:0px; border:0px; font-family:'Philosopher', 'Kanit'; -webkit-font-smoothing:antialiased; font-size:1.6rem; font-size:16px; background:#463468; color:#fff; font-weight: 300;}
/*body{ -webkit-filter: grayscale(70%); 
 -moz-filter: grayscale(70%);
 filter: gray; 
 filter: grayscale(70%);}*/
 
.shadows{ width: 1004px; margin: 0 auto; -webkit-box-shadow: 0px 0px 18px 0px #000;
			-moz-box-shadow: 0px 0px 18px 0px #000;
			box-shadow: 0px 0px 18px 0px #000; background:#433564;}

.tahoma{ font-family:tahoma;}
p, div{ padding:0px;}
button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-weight: 300; font-size:1em; padding:2% 2%; width:96%; border:solid 1px #463468; margin-top:15px; color:#463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px;}

h1{ font-size:2.250em; margin:0px; padding:0px; border:0px; font-weight:normal;} /*36*/
h2{ font-size:1.500em; margin:0px; padding:0px; border:0px; font-weight:normal;} /*24*/
h3{ font-size:1.125em; margin:0px; padding:0px; border:0px; font-weight:normal;} /*18*/
h4{ font-size:24px; margin:0px; padding:0px; border:0px; font-weight:normal;}
h5{ font-size:20px; margin:0px; padding:0px; border:0px; font-weight:normal;}
h6{ font-size:14px; margin:0px; padding:0px; border:0px; font-weight:normal;}

.content{ width:1004px; margin:0 auto;}

/*header{ width:100%; margin:0 auto; height:400px;}
section{width:100%; margin:0 auto; padding-top:0px;}*/
footer{width:100%; margin:0 auto; padding-top:20px; padding-bottom:0px; background:#463468 url(../images/template2018/footer-pic.jpg) no-repeat top center; background-size: 100%;  font-size:14px; line-height: normal;}

footer .footer-line{height: 2px; background: #bea2e5; width: 80%; margin: 15px auto;}

footer .copyright{ background:#463468; border-top: solid 2px #51405d; padding-top:20px; padding-bottom:0; color:#fff; text-align:center; margin-top:10px; }
footer .copyright a{ color:#fff;}
footer .copyright .footcontact{ float:left; width:552px; text-align:left; margin:0 25px;}
footer .copyright .footcontact .footcompany{ font-size:16px; color:#fff;}
footer .copyright .footcontact .footaddress{ font-size:1em; margin-top:5px;}
footer .copyright .footcopy{float:left; width:352px; margin:0px 25px 0 25px; text-align:right; }
footer .copyright .footcopy .footcopy_img{ text-align:right;}
footer .copyright .footcopy .copy{ margin-top:15px;}

footer ul.cruisefooter{ list-style:none; padding:0; color:#ffaa00; width:1004px; margin-top:15px; font-size: 14px; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center;}
footer ul.cruisefooter li{ text-decoration:none; float:left;}
footer ul.cruisefooter li.padcruise{ padding:0 10px;}
footer ul.cruisefooter li a{ color:#ffaa00;}
footer ul.cruisefooter li a:hover{ color:#ffd200;}

footer ul.menufooter{ list-style:none; padding:0 0 10px 0; color:#fff; margin-top:7px; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center; font-size: 14px;}
footer ul.menufooter li{ text-decoration:none; float:left;}
footer ul.menufooter li.padmenufooter{ padding:0 10px;}
footer ul.menufooter li a{ color:#fff;}
footer ul.menufooter li a:hover{ color:#ffaa00;}

nav{ -moz-border: 20px 20px 0px 0px; -webkit-border-radius:20px 20px 0px 0px; border-radius:20px 20px 0px 0px;}

nav ul.menucruise{ list-style:none; padding:0; font-size:0.750em; margin-left:7px;}
nav ul.menucruise li{ text-decoration:none; float:left; padding:0;}
nav ul.menucruise li a{ color:#ffaa00;}
nav ul.menucruise li a:hover{ color:#ffd200;}
nav ul.menucruise li.padmenucruise{ margin:0 4px;}

nav ul.menufix{ list-style:none; padding:0; font-size:0.80em;}
nav ul.menufix li{ text-decoration:none; float:left; padding:10px 12px 10px 11px;}
nav ul.menufix a li { color:#ffd200;}
nav ul.menufix a:hover li { color:#ffd200; -moz-border: 20px 20px 0px 0px; -webkit-border-radius:20px 20px 0px 0px; border-radius:20px 20px 0px 0px;
background: rgba(42,0,40,1);
background: -moz-linear-gradient(top, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(42,0,40,1)), color-stop(20%, rgba(42,0,40,1)), color-stop(100%, rgba(84,11,82,1)));
background: -webkit-linear-gradient(top, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
background: -o-linear-gradient(top, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
background: -ms-linear-gradient(top, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
background: linear-gradient(to bottom, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='463468', endColorstr='##463468', GradientType=0 );}

nav ul.menucruise_th{ list-style:none; padding:0; font-size:14px; margin-left:7px;}
nav ul.menucruise_th li{ text-decoration:none; float:left; padding:0;}
nav ul.menucruise_th li a{ color:#ffaa00;}
nav ul.menucruise_th li a:hover{ color:#ffd200;}
nav ul.menucruise_th li.padmenucruise{ margin:0 7px;}

nav ul.menufix_th{ list-style:none; padding:0; font-size:14px; }
nav ul.menufix_th li{ text-decoration:none; float:left; padding:10px 18px 10px 18px;}
nav ul.menufix_th a li { color:#ffd200;}
nav ul.menufix_th a:hover li { color:#ffd200; -moz-border: 20px 20px 0px 0px; -webkit-border-radius:20px 20px 0px 0px; border-radius:20px 20px 0px 0px;
background: rgba(42,0,40,1);
background: -moz-linear-gradient(top, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(42,0,40,1)), color-stop(20%, rgba(42,0,40,1)), color-stop(100%, rgba(84,11,82,1)));
background: -webkit-linear-gradient(top, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
background: -o-linear-gradient(top, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
background: -ms-linear-gradient(top, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
background: linear-gradient(to bottom, rgba(42,0,40,1) 0%, rgba(42,0,40,1) 20%, rgba(84,11,82,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='463468', endColorstr='#540b52', GradientType=0 );}

footer ul.cruisefooter_th{ list-style:none; padding:0; color:#ffaa00; width:1004px; margin-top:15px; font-size: 13px; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center;}
footer ul.cruisefooter_th li{ text-decoration:none; float:left;}
footer ul.cruisefooter_th li.padcruise{ padding:0 10px;}
footer ul.cruisefooter_th li a{ color:#ffaa00;}
footer ul.cruisefooter_th li a:hover{ color:#ffd200;}

footer ul.menufooter_th{ list-style:none; padding:0; color:#ffd200; margin-top:7px; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center; font-size: 13px;}
footer ul.menufooter_th li{ text-decoration:none; float:left;}
footer ul.menufooter_th li.padmenufooter{ padding:0 10px;}
footer ul.menufooter_th li a{ color:#fff;}
footer ul.menufooter_th li a:hover{ color:#ffaa00;}

.banner{ width:1004px; height:325px; position:relative; z-index:0; overflow:hidden;}
.bgflag{ width:100%; height:36px; padding:16px 0 0 0px; background:url(../images/bg/bg_flag.png) no-repeat top left; position:relative; z-index:1; margin-top:-36px;}
.bgflag_th{ width:100%; height:36px; padding:16px 0 0 0px; background:url(../images/bg/bg_flag_th.png) no-repeat top left; position:relative; z-index:1; margin-top:-36px;}


/*.home{ padding-top:100px; color:#fff;}*/

/* banner */
.bg_logo{ width:745px; height:200px; background:url(../images/bg/bg_logo.png) no-repeat top left; position:absolute; top:0px;  z-index:99;}
.logo{ padding-top:13px; padding-left:33px; float:left; }
/*.flag{ float:left; padding-top:11px; margin-left:330px;}*/
.flag{ float:right; padding-top:110px; margin-right:20px; }
.mask{ width:1004px; height:595px; background:url(../images/bg/bg_head.png) no-repeat top left; position:absolute;top:385px; background-size:100%;}
/*.banner{ width:1004px; height:665px; position:relative; z-index:0; overflow:hidden;}*/
.banner-s{ position:relative; z-index:2; width:940px; left:50%; margin-left:-470px;}
.banner-s_img1{ float:left; width:303px; height:412px; margin-left:5px; margin-right:5px; margin-top:-177px;}
.banner-s_img2{ float:left; width:304px; height:413px; margin-left:5px; margin-right:5px; margin-top:-261px;}
.banner-s_img3{ float:left; width:303px; height:412px; margin-left:5px; margin-right:5px; margin-top:-347px;}

/* set inner */
.mask_inner{ width:1004px; height:340px; background:url(../images/bg/bg_head.png) no-repeat top left; position:absolute; z-index:2; margin-top:-280px; }
.banner_inner{ width:1004px; height:500px; overflow:hidden;}
.banner-s_inner{ position:absolute; z-index:999; width:940px; left:50%; margin-left:-470px; display:none;}

nav ul.menucruise_inner{ list-style:none; padding:0; position:relative; font-size:0.750em; margin-top:155px;}
nav ul.menucruise_inner li{ text-decoration:none; float:left; padding:0 8px;}
nav ul.menucruise_inner li a{ color:#fff;}
nav ul.menucruise_inner li a:hover{ color:#ffd200;}

nav ul.menufix_inner{ list-style:none; padding:0; position:relative; font-size:0.750em; margin-top:10px;}
nav ul.menufix_inner li{ text-decoration:none; float:left; padding:0 10px;}
nav ul.menufix_inner li a{ color:#ffaa00;}
nav ul.menufix_inner li a:hover{ color:#ffd200;}

/*section.inner{width:100%; margin:0 auto; padding-top:0px; background:#540b52 url(../images/bg/bg_section.png) bottom center repeat-x; color:#fff; padding-bottom:30px; color:#fff;}
section.inner2{width:100%; margin:0 auto; padding-top:100px; background:#540b52 url(../images/bg/bg_section.png) bottom center repeat-x; color:#fff; padding-bottom:30px; color:#fff;}*/
/* set inner */

/* booking */
.bgbooking{ background:url(../images/bg/bg_booking.png) no-repeat; width:237px; height:222px; padding:0 10px; margin-left:705px; margin-top:-105px; color:#ffaa00; position:absolute;}
.titlebooking{ font-size:1.250em; padding-top:63px; text-align:center;}
.txtday{ width:40px; height:14px; float:left; font-size:0.775em; padding:5px 0px; margin-top:10px; color:#ffaa00;}
.inputcalendar{ width:185px; height:16px; float:left; padding:5px; border:solid 1px #ffaa00; background:#463468; margin-top:10px; color:#ffaa00; font-size:0.775em;}
.selectday{ width:25px; float:left; padding:5px; border:solid 1px #ffaa00; background:#463468; margin-top:10px; color:#ffaa00; font-size:0.775em; text-align:center;}
.btnchek{ text-align:center; background:#ffaa00; color:463468; padding:7px; font-size:0.875em; font-weight:bold; margin-top:12px;}
.btnchek:hover{ background:#ffd200; -webkit-transition: background-color linear .5s; -moz-transition: background-color linear .5s; -o-transition: background-color linear .5s; transition: background-color linear .5s;}

/* content-home */
.contenthome{ width:502px; float:left; line-height: 0}
.heighthalf{ width:502px; height:251px; line-height: 0}
.heighthalf img{ width:502px; height:251px; line-height: 0}
.heightfull{ width:502px; height:502px; line-height: 0}
.heightfull img{ width:502px; height:502px; line-height: 0}
.endcontent{ width:25%; float:left; line-height: 0}

.txtcontent{ width:452px; line-height:normal; color:#fff; position:absolute; margin-top:-251px; padding:70px 25px 0px 25px; font-size:1.125em;}
.txtcontent2{ width:452px; line-height:50px; color:#fff; position:absolute; margin-top:-251px; padding:50px 25px 0px 25px; font-size:1.125em;}
.txtcontent3{ width:452px; line-height:normal; color:#fff; position:absolute; margin-top:-251px; padding:70px 25px 0px 25px; font-size:1.125em;}
.txtcontent4{ width:452px; line-height:normal; color:#fff; position:absolute; margin-top:-251px; padding:80px 25px 0px 25px; font-size:1.125em;}

/*--------------------------- inner ------------------------------------*/
.content_inner{ width:954px; margin:0 auto;}
.titleheading{background:url(../images/template/titile2.png) no-repeat top left; height:57px; padding-top:30px; padding-left:45px; padding-bottom:30px; margin-left:-20px; font-size:2.250em; color:463468}
.btnsubmit{ width:50%; padding:2%; margin:20px 24% 0 24%; background:#463468; border:solid 1px #fff; color:#fff;}

.colcontact{ width:55%; padding:20px 5% 0 0; float:left; }
.colcontact .txtcontact{ width:35%; float:left; padding-top:20px;}
.colcontact .txtform{ width:65%; float:left;}
.colcontact button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-size:1em; padding:2% 2%; width:96%; border:solid 1px 463468; margin-top:15px; color:463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px; float:left;}
.colcontact2{ width:40%; padding:20px 0% 0 0; float:left; line-height:25px; }

.colcontact_contact{ width:60%; padding:20px 20%;}
.colcontact_contact .txtcontact{ width:25%; float:left; padding-top:20px;}
.colcontact_contact .txtform{ width:75%; float:left;}
.colcontact_contact button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-size:1em; padding:2% 2%; width:96%; border:solid 1px 463468; margin-top:15px; color:463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px; float:left;}

.gallery_l{padding:0% 1.5% 10px 1.5%; width:97%; float:left;}
.gallery_detail{ width:30%; padding:1.65%; float:left;}
.gallery_bullet{ text-align:right; padding-right:20px; padding-bottom:20px;}
.gallery_bullet img{ width:20px; height:20px; margin-right:5px;}
.titile_inner{ background:url(../images/template/title_inner.png) no-repeat top center; text-align:center; padding-top:15px; height:29px; padding-bottom:30px; font-size:20px; color:463468; font-weight:600;}


.news{ float:left; width:290px; padding:5px; background:#fff; margin:0px 9px 20px 9px; color:#666;}
.news .news_img{ width:100%; line-height:0;}
.news:hover .news_img{ width:100%; line-height:0; cursor:pointer; opacity:0.75; filter:alpha(opacity=75);}
.news .news_img img{ width:290px; height:193px;}
.news .news_heading{ font-weight:600; padding:7px 5px; font-size:18px; height:45px; overflow:hidden;}
.news .news_heading a{color:#ffaa00;}
.news:hover .news_heading a{color:#ffd200;}
.news .news_detail{ padding:0 5px; height:60px; overflow:hidden;}
.news .news_detail a{color:#666;}
.news .news_date{padding:10px 5px 5px 5px; color:#999; font-size:14px;}

div.menucruise ul.cruisefooter{ list-style:none; padding:0; color:#ffaa00; position:relative; left:50%; z-index:1; margin-left:-477px; width:954px; margin-top:20px; font-size:18px;}
div.menucruise ul.cruisefooter li{ text-decoration:none; float:left; padding-bottom:20px;}
div.menucruise ul.cruisefooter li.padcruise{ padding:0 5px;}
div.menucruise ul.cruisefooter li a{ color:#ffaa00;}
div.menucruise ul.cruisefooter li a:hover{ color:#ffd200; text-decoration:underline;}

.gallery a{ color:#ffaa00; line-height:27px; font-size:16px;}
.gallery a:hover{ text-decoration:underline;}
.padgallery{ padding:0 10px; color:#ffaa00;}

.tab-map{ background-color:none; color:#fff; -moz-border:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; float:left; padding:7px 35px 5px 35px; margin-right:3px; border:solid 1px #ffba00; border-bottom:none; margin-top:10px;}
.tab-map_over{background-color:#ffba00; color:#23183d; -moz-border:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; float:left; padding:7px 35px 5px 35px; margin-right:3px; border:solid 1px #ffba00; border-bottom:none; margin-top:10px;}
.imgmap{border:solid 2px #ffba00; line-height:0; background:#23183d; text-align:center;}
.imgmap img{ width:100%; height:720px;}
.imgmap iframe{ width:100%; height:720px;}


/*------------------------------------------------------*/





/*---------------------------------------------------------------*/
.w100{ width:50%;}

.s36{font-size:2.250em;}
.s20{font-size:1.250em;}

/* color */
.darkpurple{ color:463468;}
.gold{ color:#ffaa00;}
.lightgold{ color:#ffd200;}
.darkgold{ color:#8e7d0b;}

.table95{ width:95%;}

.mobile_hidden{ display:block;}
.desktop_hidden{ display:none;}
.tablet_hidden{ display:none;}


/* =========================================================================================================================== max 480 ========== */
@media (max-width:575px) {

/*nav{ -moz-border:0px; -webkit-border-radius:0px; border-radius:0px;}	
body{margin:0 auto; padding:0px; border:0px; width:100%; -webkit-font-smoothing:antialiased; font-size:1.6rem; font-size:16px; background:#fff; box-shadow:0px 0px 10px 0px #000; }
.shadows{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
			
.header{ width:100%; margin:0 auto; height:100%; background:url(../images/bg/bg_head.jpg) no-repeat bottom center; padding-bottom:20px;}
section{width:100%; margin:0 auto; padding-top:0px;}

nav{transform: -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);-o-transform: rotate(0deg);
	position:relative; z-index:9999;}*/
	
/* banner */
.bg_logo{ width:745px; height:200px; background:url(../images/bg/bg_logo.png) no-repeat top left; position:absolute; top:0px;  z-index:99; display:none;}
.logo{ padding-top:13px; padding-left:33px; float:left; display:none; }
.flag{ float:left; padding-top:11px; margin-left:330px; display:none;}
.mask{ width:100%; height:100%; background:url(../images/bg/bg_head.png) no-repeat top left; position:absolute; top:22%; background-size:100%; }

.banner{ width:100%; height:auto; position:relative; z-index:0; overflow:hidden;}
.bgflag{ width:100%; height:36px; padding:16px 0 0 0px; background:url(../images/bg/bg_flag.png) no-repeat top left; position:relative; z-index:1; margin-top:-10%;}
.bgflag_th{ width:100%; height:36px; padding:16px 0 0 0px; background:url(../images/bg/bg_flag_th.png) no-repeat top left; position:relative; z-index:1; margin-top:-10%;}

.banner-s_img1{ float:left; width:30%; height:auto; margin-top:-25%; margin-left:1.65%; margin-right:1.65%; position:relative; }
.banner-s_img2{ float:left; width:30%; height:auto; margin-top:-33.5%; margin-left:1.65%; margin-right:1.65%; position:relative;}
.banner-s_img3{ float:left; width:30%; height:auto; margin-top:-42.5%; margin-left:1.65%; margin-right:1.65%; position:relative; }

/* set inner */
.mask_inner{ width:100%; height:100%; background:url(../images/bg/bg_head.png) no-repeat top left; position:absolute; top:22%; background-size:100%; }
.banner_inner{ width:100%;}
.banner-s_inner{ position:absolute; z-index:999; width:940px; left:50%; margin-left:-470px; display:none;}
.banner-s_img1{ float:left; width:30%; height:auto; margin-top:-25%; margin-left:1.65%; margin-right:1.65%; position:relative; display:none;}
.banner-s_img2{ float:left; width:30%; height:auto; margin-top:-33.5%; margin-left:1.65%; margin-right:1.65%; position:relative;display:none;}
.banner-s_img3{ float:left; width:30%; height:auto; margin-top:-42.5%; margin-left:1.65%; margin-right:1.65%; position:relative; display:none;}

section.inner{width:100%; margin:0 auto; padding-top:0px;}
section.inner2{width:100%; margin:0 auto; padding-top:0px;}
.bgbooking_inner{ background:url(../images/bg/bg_booking320.png) no-repeat; background-size:100%; width:75%; height:100%; padding:0 7.25% 5% 7.25%; margin-left:5%; margin-top:-15%; color:#ffaa00; position:relative; z-index:2;}
.home{ padding-top:0px;}
/* set inner */

/* booking */
.bgbooking{ background:url(../images/bg/bg_booking320.png) no-repeat; background-size:100%; width:84%; height:100%; padding:0 3% 10% 3%; margin-left:3%; margin-top:-55px; color:#ffaa00; position:relative; z-index:2;}
.titlebooking{ font-size:1.250em; padding-top:25.5%; text-align:center;}
.txtday{ width:15%; height:14px; float:left; font-size:0.775em; padding:5px 1%; margin-top:10px; color:#ffaa00;}
.inputcalendar{ width:79%; height:16px; float:left; padding:5px 1%; border:solid 1px #ffaa00; background:#463468; margin-top:10px; color:#ffaa00; font-size:0.775em;}
.selectday{ width:11%; float:left; padding:5px 1%; border:solid 1px #ffaa00; background:#463468; margin-top:10px; color:#ffaa00; font-size:0.875em; text-align:center;}
.btnchek{ text-align:center; background:#ffaa00; color:463468; padding:7px; font-size:0.875em; font-weight:bold; margin-top:12px;}
.btnchek:hover{ background:#ffd200; -webkit-transition: background-color linear .5s; -moz-transition: background-color linear .5s; -o-transition: background-color linear .5s; transition: background-color linear .5s;}

.mobile_hidden{ display:none;}
.desktop_hidden{ display:block;}
.tablet_hidden{ display:block;}

.shadows{ width: 100%;}
.content{ width:95%; margin:0 auto;}

footer{width:100%; margin:0 auto; padding-top:5px; padding-bottom:0px; background:#4b3974 url(../images/template2018/footer-pic.jpg) no-repeat top center; font-size:14px;}
footer .copyright{ background:#463468;  padding-top:20px; padding-bottom:15px; color:#fff; text-align:center;}
footer .copyright a{ color:#fff}

footer .copyright .footcontact{ float:left; width:96%; text-align:left; margin:0 2%;}
footer .copyright .footcontact .footcompany{ font-size:18px; color:#fff;}
footer .copyright .footcontact .footaddress{ font-size:16px; margin-top:5px;}
footer .copyright .footcopy{float:left; width:96%; margin:20px 2% 0 2%; text-align:left; font-size:1em;}
footer .copyright .footcopy .footcopy_img{ text-align:left;}
footer .copyright .footcopy .copy{ margin-top:15px;}

footer ul.cruisefooter{ list-style:none; padding:0; color:#ffaa00; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.cruisefooter li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.cruisefooter li.padcruise{ padding:0 1px;}
footer ul.cruisefooter li a{ color:#ffaa00;}
footer ul.cruisefooter li a:hover{ color:#ffd200;}

footer ul.menufooter{ list-style:none; padding:0; color:#fff; margin-top:10px; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.menufooter li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.menufooter li.padmenufooter{ padding:0 1px;}
footer ul.menufooter li a{ color:#fff;}
footer ul.menufooter li a:hover{ color:#ffaa00;}

footer ul.cruisefooter_th{ list-style:none; padding:0; color:#ffaa00; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.cruisefooter_th li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.cruisefooter_th li.padcruise{ padding:0 1px;}
footer ul.cruisefooter_th li a{ color:#ffaa00;}
footer ul.cruisefooter_th li a:hover{ color:#ffd200;}

footer ul.menufooter_th{ list-style:none; padding:0; color:#ffd200; margin-top:10px; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.menufooter_th li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.menufooter_th li.padmenufooter{ padding:0 1px;}
footer ul.menufooter_th li a{ color:#fff;}
footer ul.menufooter_th li a:hover{ color:#ffaa00;}

.tab-map{ background-color:none; color:#fff; -moz-border:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; float:left; float:left; padding:7px 30px 5px 30px; margin-right:3px; border:solid 1px #fff; border-bottom:none; margin-top:20px;}
.tab-map_over{background-color:#ffaa00; color:#fff; -moz-border:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; float:left; float:left; padding:7px 30px 5px 30px; margin-right:3px; border:solid 1px #ffaa00; border-bottom:none; margin-top:20px;}
.imgmap{border:solid 1px #ffaa00; line-height:0; background:#652571; text-align:center;}
.imgmap img{ width:100%; height:250px;}
.imgmap iframe{ width:100%; height:250px;}


/* content-home */
.contenthome{ width:100%; float:none;}
.heighthalf{ width:100%; height:auto; line-height: 0}
.heighthalf img{ width:100%; height:auto; line-height: 0}
.heightfull{ width:100%; height:auto; line-height: 0}
.heightfull img{ width:100%; height:auto; line-height: 0}

.txtcontent{ width:96%; line-height:normal; color:#fff; position:absolute; margin-top:-100%; padding:60% 2% 0px 2%; font-size:0.875em}
.txtcontent2{ width:96%; line-height:50px; color:#fff; position:absolute; margin-top:-100%; padding:53% 2% 0px 2%; font-size:0.875em}
.txtcontent3{ width:96%; line-height:normal; color:#fff; position:absolute; margin-top:-100%; padding:62% 2% 0px 2%; font-size:0.875em}
.txtcontent4{ width:96%; line-height:normal; color:#fff; position:absolute; margin-top:-100%; padding:63% 2% 0px 2%; font-size:0.875em}
h1{ font-size:1.675em; margin:0px; padding:0px; border:0px; font-weight:normal;} /*36*/
.s36{font-size:1.675em;}
.s20{font-size:1.125em;}

.mleft10{ margin-left:10%;}
.table95{ width:90%;}

.w100{ width:100%;}

/*--------------------------- inner ------------------------------------*/
.content_inner{ width:98%; margin:0 auto;}
.titleheading{background:url(../images/template/titile320.png) no-repeat top left; height:39px; padding-top:25px; padding-left:35px; padding-bottom:25px; margin-left:-20px; font-size:1.5em; color:463468}
.btnsubmit{ width:50%; padding:2%; margin:20px 24% 0 24%; background:#463468; border:solid 1px #fff; color:#fff;}
button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-size:1em; padding:2% 2%; width:96%; border:solid 1px 463468; margin-top:15px; color:463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px;}

.colcontact{ width:96%; padding:0 2% 0 2%; float:left; }
.colcontact .txtcontact{ width:35%; float:left; padding-top:20px;}
.colcontact .txtform{ width:65%; float:left;}
.colcontact button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-size:1em; padding:2% 2%; width:96%; border:solid 1px 463468; margin-top:15px; color:463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px; float:left;}
.colcontact2{ width:96%; padding:40px 2% 0 2%; float:left; line-height:25px; }

.colcontact_contact{ width:96%; padding:0 2%;}
.colcontact_contact .txtcontact{ width:25%; float:left; padding-top:20px;}
.colcontact_contact .txtform{ width:75%; float:left;}
.colcontact_contact button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-size:1em; padding:2% 2%; width:96%; border:solid 1px 463468; margin-top:15px; color:463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px; float:left;}

.gallery_l{padding:0% 0% 10px 0%; width:100%; float:left;}
.gallery_detail{ width:48%; padding:1%; float:left;}
.gallery_bullet{ text-align:right; padding-right:20px; padding-bottom:20px;}
.gallery_bullet img{ width:10px; height:10px; margin-right:5px;}
.titile_inner{ background:url(../images/template/title_inner.png) no-repeat top center; text-align:center; padding-top:15px; height:29px; padding-bottom:30px; font-size:20px; color:463468; font-weight:600;}

div.menucruise ul.cruisefooter{ list-style:none; padding:0; color:#ffaa00; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
div.menucruise ul.cruisefooter li{ text-decoration:none; float:left; padding:0 5px; margin-bottom:20px;}
div.menucruise ul.cruisefooter li.padcruise{ padding:0 1px;}
div.menucruise ul.cruisefooter li a{ color:#ffaa00;}
div.menucruise ul.cruisefooter li a:hover{ color:#ffd200;}

.news{ float:left; width:92%; padding:2%; background:#fff; margin:0px 2% 20px 2%; color:#666;}
.news .news_img{ width:100%; line-height:0;}
.news:hover .news_img{ width:100%; line-height:0; cursor:pointer; opacity:0.75; filter:alpha(opacity=75);}
.news .news_img img{ width:100%; height:auto;}
.news .news_heading{ font-weight:600; padding:7px 5px; font-size:18px; height:45px; overflow:hidden;}
.news .news_heading a{color:#ffaa00;}
.news:hover .news_heading a{color:#ffd200;}
.news .news_detail{ padding:0 5px; height:60px; overflow:hidden;}
.news .news_detail a{color:#666;}
.news .news_date{padding:10px 5px 5px 5px; color:#999; font-size:14px;}


.table320_row td{ display:table-row;}

}
     
/* =========================================================================================================================== max 767 ========== */
@media (min-width: 576px) and (max-width: 767px) {
/*nav{ -moz-border:0px; -webkit-border-radius:0px; border-radius:0px;}
body{margin:0 auto; padding:0px; border:0px; width:100%; -webkit-font-smoothing:antialiased; font-size:1.6rem; font-size:16px; background:#fff; box-shadow:0px 0px 10px 0px #000; }
.shadows{	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
section{width:100%; margin:0 auto; padding-top:0px;}
nav{transform: -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);-o-transform: rotate(0deg);
	position:relative; z-index:9999;}*/

.mobile_hidden{ display:none;}
.desktop_hidden{ display:block;}
.tablet_hidden{ display:none;}
	
.shadows{ width: 100%;}
.content{ width:98%; margin:0 auto;}

.header{ width:100%; margin:0 auto; height:100%; background:url(../images/bg/bg_head.jpg) no-repeat bottom center; padding-bottom:30px;}
/* banner */
.mask{ width:100%; height:100%; background:url(../images/bg/bg_head.png) no-repeat top left; position:absolute; top:22%; background-size:100%; }

.banner{ width:100%; height:auto; position:relative; z-index:0; overflow:hidden;}
.bgflag{ width:100%; height:36px; padding:16px 0 0 0px; background:url(../images/bg/bg_flag.png) no-repeat top left; position:relative; z-index:1; margin-top:-37px;}
.bgflag_th{ width:100%; height:36px; padding:16px 0 0 0px; background:url(../images/bg/bg_flag_th.png) no-repeat top left; position:relative; z-index:1; margin-top:-37px;}
.home{ padding-top:0px;}

.banner-s_img1{ float:left; width:30%; height:auto; margin-top:-25%; margin-left:1.65%; margin-right:1.65%; position:relative;}
.banner-s_img2{ float:left; width:30%; height:auto; margin-top:-33.5%; margin-left:1.65%; margin-right:1.65%; position:relative;}
.banner-s_img3{ float:left; width:30%; height:auto; margin-top:-42.5%; margin-left:1.65%; margin-right:1.65%; position:relative;}

/* set inner */
.mask_inner{ width:100%; height:100%; background:url(../images/bg/bg_head.png) no-repeat top left; position:absolute; top:22%; background-size:100%; }
.banner_inner{ width:100%;}
.banner-s_inner{ position:absolute; z-index:999; width:940px; left:50%; margin-left:-470px; display:none;}
.banner-s_img1{ float:left; width:30%; height:auto; margin-top:-25%; margin-left:1.65%; margin-right:1.65%; position:relative; display:none;}
.banner-s_img2{ float:left; width:30%; height:auto; margin-top:-33.5%; margin-left:1.65%; margin-right:1.65%; position:relative;display:none;}
.banner-s_img3{ float:left; width:30%; height:auto; margin-top:-42.5%; margin-left:1.65%; margin-right:1.65%; position:relative; display:none;}

section.inner{width:100%; margin:0 auto; padding-top:0px;}
section.inner2{width:100%; margin:0 auto; padding-top:0px;}
.bgbooking_inner{ background:url(../images/bg/bg_booking.png) no-repeat; width:217px; height:222px; padding:0 20px; margin-left:55%; margin-top:-20%; color:#ffaa00; position:relative;  z-index:2;}
/* set inner */


/* booking */
.bgbooking{ background:url(../images/bg/bg_booking.png) no-repeat; width:237px; height:222px; padding:0 10px; margin-left:55%; margin-top:-120px; color:#ffaa00; position:relative;  z-index:2;}
.titlebooking{ font-size:1.250em; padding-top:63px; text-align:center;}
.txtday{ width:38px; height:14px; float:left; font-size:0.775em; padding:5px 0px; margin-top:10px; color:#ffaa00;}
.inputcalendar{ width:185px; height:16px; float:left; padding:5px; border:solid 1px #ffaa00; background:#463468; margin-top:10px; color:#ffaa00; font-size:0.775em;}
.selectday{ width:27px; float:left; padding:5px; border:solid 1px #ffaa00; background:#463468; margin-top:10px; color:#ffaa00; font-size:0.775em; text-align:center;}
.btnchek{ text-align:center; background:#ffaa00; color:463468; padding:7px; font-size:0.875em; font-weight:bold; margin-top:12px;}
.btnchek:hover{ background:#ffd200; -webkit-transition: background-color linear .5s; -moz-transition: background-color linear .5s; -o-transition: background-color linear .5s; transition: background-color linear .5s;}

/* content-home */
.contenthome{ width:50%; float:left;}
.heighthalf{ width:100%; height:auto; line-height: 0}
.heighthalf img{ width:100%; height:auto; line-height: 0}
.heightfull{ width:100%; height:auto; line-height: 0}
.heightfull img{ width:100%; height:auto; line-height: 0}

.txtcontent{ width:46%; line-height:normal; color:#fff; position:absolute; margin-top:-100%; padding:80% 2% 0px 2%; font-size:0.875em}
.txtcontent2{ width:46%; line-height:50px; color:#fff; position:absolute; margin-top:-100%; padding:75% 2% 0px 2%; font-size:0.875em}
.txtcontent3{ width:46%; line-height:normal; color:#fff; position:absolute; margin-top:-100%; padding:82% 2% 0px 2%; font-size:0.875em}
.txtcontent4{ width:46%; line-height:normal; color:#fff; position:absolute; margin-top:-100%; padding:83% 2% 0px 2%; font-size:0.875em}
.s36{font-size:1.875em;}
.s20{font-size:1.125em;}

.mleft10{ margin-left:15px;}
footer{ padding-top:5px;}
footer ul.cruisefooter{ list-style:none; padding:0; color:#ffaa00; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.cruisefooter li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.cruisefooter li.padcruise{ padding:0 1px;}
footer ul.cruisefooter li a{ color:#ffaa00;}
footer ul.cruisefooter li a:hover{ color:#ffd200;}

footer ul.menufooter{ list-style:none; padding:0; color:#fff; margin-top:10px; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.menufooter li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.menufooter li.padmenufooter{ padding:0 1px;}
footer ul.menufooter li a{ color:#fff;}
footer ul.menufooter li a:hover{ color:#ffaa00;}

footer ul.cruisefooter_th{ list-style:none; padding:0; color:#ffaa00; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.cruisefooter_th li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.cruisefooter_th li.padcruise{ padding:0 1px;}
footer ul.cruisefooter_th li a{ color:#ffaa00;}
footer ul.cruisefooter_th li a:hover{ color:#ffd200;}

footer ul.menufooter_th{ list-style:none; padding:0; color:#ffd200; margin-top:10px; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.menufooter_th li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.menufooter_th li.padmenufooter{ padding:0 1px;}
footer ul.menufooter_th li a{ color:#fff;}
footer ul.menufooter_th li a:hover{ color:#ffaa00;}
	
footer .copyright .footcontact{ float:left; width:96%; text-align:left; margin:0 2%;}
footer .copyright .footcontact .footcompany{ font-size:18px; color:#fff;}
footer .copyright .footcontact .footaddress{ font-size:16px; margin-top:5px;}
footer .copyright .footcopy{float:left; width:96%; margin:20px 2% 0 2%; text-align:left; font-size:1em;}
footer .copyright .footcopy .footcopy_img{ text-align:left;}
footer .copyright .footcopy .copy{ margin-top:15px;}

/*--------------------------- inner ------------------------------------*/
.content_inner{ width:98%; margin:0 auto;}
.titleheading{background:url(../images/template/titile480.png) no-repeat top left; height:39px; padding-top:25px; padding-left:35px; padding-bottom:25px; margin-left:-20px; font-size:1.5em; color:463468}
.btnsubmit{ width:50%; padding:2%; margin:20px 24% 0 24%; background:#463468; border:solid 1px #fff; color:#fff;}

.colcontact{ width:55%; padding:0 5% 0 0; float:left; }
.colcontact .txtcontact{ width:35%; float:left; padding-top:20px;}
.colcontact .txtform{ width:65%; float:left;}
.colcontact button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-size:1em; padding:2% 2%; width:96%; border:solid 1px 463468; margin-top:15px; color:463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px; float:left;}
.colcontact2{ width:40%; padding:20px 0% 0 0; float:left; line-height:25px; }

.colcontact_contact{ width:80%; padding:0 10%;}
.colcontact_contact .txtcontact{ width:30%; float:left; padding-top:20px;}
.colcontact_contact .txtform{ width:70%; float:left;}
.colcontact_contact button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-size:1em; padding:2% 2%; width:96%; border:solid 1px 463468; margin-top:15px; color:463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px; float:left;}

.gallery_l{padding:0% 1% 10px 1%; width:97%; float:left;}
.gallery_detail{ width:48%; padding:1%; float:left;}
.gallery_bullet{ text-align:right; padding-right:0px; padding-bottom:20px;}
.gallery_bullet img{ width:15px; height:15px; margin-right:5px;}
.titile_inner{ background:url(../images/template/title_inner.png) no-repeat top center; text-align:center; padding-top:15px; height:29px; padding-bottom:30px; font-size:20px; color:463468; font-weight:600;}

div.menucruise ul.cruisefooter{ list-style:none; padding:0; color:#ffaa00; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
div.menucruise ul.cruisefooter li{ text-decoration:none; float:left; padding:0 5px; margin-bottom:15px;}
div.menucruise ul.cruisefooter li.padcruise{ padding:0 1px;}
div.menucruise ul.cruisefooter li a{ color:#ffaa00;}
div.menucruise ul.cruisefooter li a:hover{ color:#ffd200;}

.news{ float:left; width:43%; padding:1.5%; background:#fff; margin:0px 2% 20px 2%; color:#666;}
.news .news_img{ width:100%; line-height:0;}
.news:hover .news_img{ width:100%; line-height:0; cursor:pointer; opacity:0.75; filter:alpha(opacity=75);}
.news .news_img img{ width:100%; height:auto;}
.news .news_heading{ font-weight:600; padding:7px 5px; font-size:18px; height:45px; overflow:hidden;}
.news .news_heading a{color:#ffaa00;}
.news:hover .news_heading a{color:#ffd200;}
.news .news_detail{ padding:0 5px; height:60px; overflow:hidden;}
.news .news_detail a{color:#666;}
.news .news_date{padding:10px 5px 5px 5px; color:#999; font-size:14px;}

.w100{ width:100%;}
.table95{ width:90%;}
.table320_row td{ display:table-row;}

.tab-map{ background-color:none; color:#fff; -moz-border:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; float:left; float:left; padding:7px 30px 5px 30px; margin-right:3px; border:solid 1px #fff; border-bottom:none; margin-top:20px;}
.tab-map_over{background-color:#ffaa00; color:#fff; -moz-border:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; float:left; float:left; padding:7px 30px 5px 30px; margin-right:3px; border:solid 1px #ffaa00; border-bottom:none; margin-top:20px;}
.imgmap{border:solid 1px #ffaa00; line-height:0; background:#652571; text-align:center;}
.imgmap img{ width:100%; height:400px;}
.imgmap iframe{ width:100%; height:400px;}

}
     
/* =========================================================================================================================== max 979 ========== */
@media (min-width: 768px) and (max-width: 1199px) {
/*nav{ -moz-border:0px; -webkit-border-radius:0px; border-radius:0px;}	
body{margin:0 auto; padding:0px; border:0px; width:100%; -webkit-font-smoothing:antialiased; font-size:1.6rem; font-size:16px; background:#fff; box-shadow:0px 0px 10px 0px #000; }
.shadows{	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
section{width:100%; margin:0 auto; padding-top:0px;}
nav{transform: -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);-o-transform: rotate(0deg);
	position:relative; z-index:9999;}*/
	
h1{ font-size:1.875em; margin:0px; padding:0px; border:0px; font-weight:normal;} /*36*/
h2{ font-size:1.500em; margin:0px; padding:0px; border:0px; font-weight:normal;} /*24*/
h3{ font-size:1.125em; margin:0px; padding:0px; border:0px; font-weight:normal;} /*18*/
h4{ font-size:24px; margin:0px; padding:0px; border:0px; font-weight:normal;}
h5{ font-size:20px; margin:0px; padding:0px; border:0px; font-weight:normal;}
h6{ font-size:14px; margin:0px; padding:0px; border:0px; font-weight:normal;}

.mobile_hidden{ display:none;}
.desktop_hidden{ display:block;}
.tablet_hidden{ display:none;}
.shadows{ width: 100%;}
.content{ width:98%; margin:0 auto;}

/*footer{width:100%; margin:0 auto; padding-top:120px; padding-bottom:0px; background:#4f0350 url(../images/bg/bg_footer.jpg) no-repeat top center; font-size:0.750em;}
footer .copyright{ background:#463468; border-top: solid 2px #8e7d0b; padding-top:20px; padding-bottom:15px; color:#ffd200; text-align:center;}
footer .copyright a{ color:#ffaa00}*/

.header{ width:100%; margin:0 auto; height:100%; background:url(../images/bg/bg_head.jpg) no-repeat bottom center; padding-bottom:30px;}
/* banner */
.mask{ width:100%; height:100%; background:url(../images/bg/bg_head.png) no-repeat top left; position:absolute; top:22%; background-size:100%; }

.banner{ width:100%;}
.bgflag{ width:100%; height:36px; padding:16px 0 0 0px; background:url(../images/bg/bg_flag.png) no-repeat top left; position:relative; z-index:1; margin-top:-37px;}
.bgflag_th{ width:100%; height:36px; padding:16px 0 0 0px; background:url(../images/bg/bg_flag_th.png) no-repeat top left; position:relative; z-index:1; margin-top:-37px;}

.banner-s_img1{ float:left; width:30%; height:auto; margin-top:-25%; margin-left:1.65%; margin-right:1.65%; position:relative;}
.banner-s_img2{ float:left; width:30%; height:auto; margin-top:-33.5%; margin-left:1.65%; margin-right:1.65%; position:relative;}
.banner-s_img3{ float:left; width:30%; height:auto; margin-top:-42.5%; margin-left:1.65%; margin-right:1.65%; position:relative;}
.home{ padding-top:0px;}

/* set inner */
.mask_inner{ width:100%; height:100%; background:url(../images/bg/bg_head.png) no-repeat top left; position:absolute; top:22%; background-size:100%; }
.banner_inner{ width:100%;}
.banner-s_inner{ position:absolute; z-index:999; width:940px; left:50%; margin-left:-470px; display:none;}
.banner-s_img1{ float:left; width:30%; height:auto; margin-top:-25%; margin-left:1.65%; margin-right:1.65%; position:relative; display:none;}
.banner-s_img2{ float:left; width:30%; height:auto; margin-top:-33.5%; margin-left:1.65%; margin-right:1.65%; position:relative;display:none;}
.banner-s_img3{ float:left; width:30%; height:auto; margin-top:-42.5%; margin-left:1.65%; margin-right:1.65%; position:relative; display:none;}

section.inner{width:100%; margin:0 auto; padding-top:0px;}
section.inner2{width:100%; margin:0 auto; padding-top:0px;}
.bgbooking_inner{ background:url(../images/bg/bg_booking.png) no-repeat; width:217px; height:222px; padding:0 20px; margin-left:65%; margin-top:-20%; color:#ffaa00; position:relative;  z-index:2;}
/* set inner */

/* booking */
.bgbooking{ background:url(../images/bg/bg_booking.png) no-repeat; width:237px; height:222px; padding:0 10px; margin-left:65%; margin-top:-125px; color:#ffaa00; position:relative;  z-index:2;}
.titlebooking{ font-size:1.250em; padding-top:63px; text-align:center;}
.txtday{ width:38px; height:14px; float:left; font-size:0.775em; padding:5px 0px; margin-top:10px; color:#ffaa00;}
.inputcalendar{ width:185px; height:16px; float:left; padding:5px; border:solid 1px #ffaa00; background:#463468; margin-top:10px; color:#ffaa00; font-size:0.775em;}
.selectday{ width:27px; float:left; padding:5px; border:solid 1px #ffaa00; background:#463468; margin-top:10px; color:#ffaa00; font-size:0.775em; text-align:center;}
.btnchek{ text-align:center; background:#ffaa00; color:463468; padding:7px; font-size:0.875em; font-weight:bold; margin-top:12px;}
.btnchek:hover{ background:#ffd200; -webkit-transition: background-color linear .5s; -moz-transition: background-color linear .5s; -o-transition: background-color linear .5s; transition: background-color linear .5s;}

/* content-home */
.contenthome{ width:50%; float:left; line-height: 0}
.heighthalf{ width:100%; height:auto; line-height: 0}
.heighthalf img{ width:100%; height:auto; line-height: 0}
.heightfull{ width:100%; height:auto; line-height: 0}
.heightfull img{ width:100%; height:auto; line-height: 0}

.txtcontent{ width:48%; line-height:normal; color:#fff; position:absolute; margin-top:-100%; padding:80% 1% 0px 1%; font-size:1.0em}
.txtcontent2{ width:48%; line-height:50px; color:#fff; position:absolute; margin-top:-100%; padding:78% 1% 0px 1%; font-size:1.0em}
.txtcontent3{ width:48%; line-height:normal; color:#fff; position:absolute; margin-top:-100%; padding:80% 1% 0px 1%; font-size:1.0em}
.txtcontent4{ width:49%; line-height:normal; color:#fff; position:absolute; margin-top:-100%; padding:82% 0% 0px 1%; font-size:0.938em}
.s36{font-size:1.875em;}
.s20{font-size:1;}

.mleft10{ margin-left:15px;}

footer .copyright .footcontact{ float:left; width:50%; text-align:left; margin:0 2%;}
footer .copyright .footcontact .footcompany{ font-size:1.2em; color:#ffaa00;}
footer .copyright .footcontact .footaddress{ font-size:1em; margin-top:5px;}
footer .copyright .footcopy{float:right; width:40%; margin:1% 2% 0 2%; text-align:right; font-size:1em;}
footer .copyright .footcopy .footcopy_img{ text-align:right;}
footer .copyright .footcopy .copy{ margin-top:20px;}

footer ul.cruisefooter{ list-style:none; padding:0; color:#ffaa00; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.cruisefooter li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.cruisefooter li.padcruise{ padding:0 1px;}
footer ul.cruisefooter li a{ color:#ffaa00;}
footer ul.cruisefooter li a:hover{ color:#ffd200;}

footer ul.menufooter{ list-style:none; padding:0; color:#fff; margin-top:10px; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.menufooter li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.menufooter li.padmenufooter{ padding:0 1px;}
footer ul.menufooter li a{ color:#fff;}
footer ul.menufooter li a:hover{ color:#ffaa00;}

footer ul.cruisefooter_th{ list-style:none; padding:0; color:#ffaa00; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.cruisefooter_th li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.cruisefooter_th li.padcruise{ padding:0 1px;}
footer ul.cruisefooter_th li a{ color:#ffaa00;}
footer ul.cruisefooter_th li a:hover{ color:#ffd200;}

footer ul.menufooter_th{ list-style:none; padding:0; color:#ffd200; margin-top:10px; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
footer ul.menufooter_th li{ text-decoration:none; float:left; padding:0 5px;}
footer ul.menufooter_th li.padmenufooter{ padding:0 1px;}
footer ul.menufooter_th li a{ color:#fff;}
footer ul.menufooter_th li a:hover{ color:#ffaa00;}

/*--------------------------- inner ------------------------------------*/
.content_inner{ width:98%; margin:0 auto;}
.titleheading{background:url(../images/template/titile2.png) no-repeat top left; height:57px; padding-top:30px; padding-left:45px; padding-bottom:30px; margin-left:-20px; font-size:2.250em; color:463468}
.btnsubmit{ width:50%; padding:2%; margin:20px 24% 0 24%; background:#463468; border:solid 1px #fff; color:#fff;}

.colcontact{ width:55%; padding:0 5% 0 0; float:left; }
.colcontact .txtcontact{ width:35%; float:left; padding-top:20px;}
.colcontact .txtform{ width:65%; float:left;}
.colcontact button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-size:1em; padding:2% 2%; width:96%; border:solid 1px 463468; margin-top:15px; color:463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px; float:left;}
.colcontact2{ width:40%; padding:20px 0% 0 0; float:left; line-height:25px; }

.colcontact_contact{ width:70%; padding:0 15%;}
.colcontact_contact .txtcontact{ width:25%; float:left; padding-top:20px;}
.colcontact_contact .txtform{ width:75%; float:left;}
.colcontact_contact button, input, select, textarea {font-family:'Philosopher', 'Kanit'; font-size:1em; padding:2% 2%; width:96%; border:solid 1px 463468; margin-top:15px; color:463468; -moz-border: 3px; -webkit-border-radius:3px; border-radius:3px; float:left;}

.gallery_l{padding:0% 1.5% 10px 1.5%; width:96%; float:left;}
.gallery_detail{ width:30%; padding:1.65%; float:left;}
.gallery_bullet{ text-align:right; padding-right:20px; padding-bottom:20px;}
.gallery_bullet img{ width:18px; height:18px; margin-right:5px;}
.titile_inner{ background:url(../images/template/title_inner.png) no-repeat top center; text-align:center; padding-top:15px; height:29px; padding-bottom:30px; font-size:20px; color:463468; font-weight:600;}


div.menucruise ul.cruisefooter{ list-style:none; padding:0; color:#ffaa00; position:inherit; left:auto; z-index:auto; margin-left:auto; width:auto;}
div.menucruise ul.cruisefooter li{ text-decoration:none; float:left; padding:0 5px; margin-bottom:15px;}
div.menucruise ul.cruisefooter li.padcruise{ padding:0 1px;}
div.menucruise ul.cruisefooter li a{ color:#ffaa00;}
div.menucruise ul.cruisefooter li a:hover{ color:#ffd200;}

.news{ float:left; width:28%; padding:1%; background:#fff; margin:0px 1.5% 20px 1.5%; color:#666;}
.news .news_img{ width:100%; line-height:0;}
.news:hover .news_img{ width:100%; line-height:0; cursor:pointer; opacity:0.75; filter:alpha(opacity=75);}
.news .news_img img{ width:100%; height:auto;}
.news .news_heading{ font-weight:600; padding:7px 5px; font-size:18px; height:45px; overflow:hidden;}
.news .news_heading a{color:#ffaa00;}
.news:hover .news_heading a{color:#ffd200;}
.news .news_detail{ padding:0 5px; height:60px; overflow:hidden;}
.news .news_detail a{color:#666;}
.news .news_date{padding:10px 5px 5px 5px; color:#999; font-size:14px;}

.w100{ width:50%;}
.table95{ width:95%;}

.tab-map{ background-color:none; color:#fff; -moz-border:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; float:left; float:left; padding:7px 30px 5px 30px; margin-right:3px; border:solid 1px #fff; border-bottom:none; margin-top:20px;}
.tab-map_over{background-color:#ffaa00; color:#fff; -moz-border:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; float:left; float:left; padding:7px 30px 5px 30px; margin-right:3px; border:solid 1px #ffaa00; border-bottom:none; margin-top:20px;}
.imgmap{border:solid 1px #ffaa00; line-height:0; background:#652571; text-align:center;}
.imgmap img{ width:100%; height:600px;}
.imgmap iframe{ width:100%; height:600px;}

}