.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;}

}







@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;}

}







@charset "utf-8";
/* CSS Document */

.clear{ clear:both;}
.cursor { cursor:pointer;}

#con-center {
  display:                 flex;
  display:                 -webkit-flex; /* Safari 8 */
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         /* Safari 8 */
  justify-content:         center;
  -webkit-justify-content: center;       /* Safari 8 */
}

.lineheight0{line-height:0px;}
.lineheight15{line-height:15px;}
.lineheight18{line-height:18px;}
.lineheight21{line-height:21px;}
.lineheight25{line-height:25px;}
.lineheight28{line-height:28px;}
.lineheight30{line-height:30px;}
.lineheight36{line-height:36px;}
.lineheight45{line-height:45px;}

.transition{-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

ul, li, a{margin:0px; border:0px;}

a{ text-decoration:none; border:none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a:link{ text-decoration:none; border:none;}
a:visited{ text-decoration:none; border:none;}
a:hover{ text-decoration:none; border:none;}
a:active{ text-decoration:none; border:none;}
a:focus{ text-decoration:none; border:none;}

img {width:auto; max-width:100%; line-height: 0;}
embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}

hr{ background:#ddd; height:1px; margin:30px 0;}

.link:hover {cursor:pointer; opacity:0.75; filter:alpha(opacity=75);}

.fleft{float:left;}
.fright{ float:right;}

.margin_auto{ margin:0 auto;}

.bold{ font-weight:bold;}

.displaynone{ display:none;}

.center{ text-align:center;}
.justify{ text-align:justify;}
.left{ text-align:left;}
.right{ text-align:right;}

.v_top{ vertical-align:top;}
.v_middle{ vertical-align:middle;}
.v_bottom{ vertical-align:bottom;}

.padding{ padding:0px;}
.margin{ margin:0px;}


/* ---- padding ----*/
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}


/* ---- margin_top ----*/
.top1{ margin-top:1px;}
.top2{ margin-top:2px;}
.top3{ margin-top:3px;}
.top4{ margin-top:4px;}
.top5{ margin-top:5px;}
.top6{ margin-top:6px;}
.top7{ margin-top:7px;}
.top8{ margin-top:8px;}
.top9{ margin-top:9px;}
.top10{ margin-top:10px;}
.top11{ margin-top:11px;}
.top12{ margin-top:12px;}
.top13{ margin-top:13px;}
.top14{ margin-top:14px;}
.top15{ margin-top:15px;}
.top16{ margin-top:16px;}
.top17{ margin-top:17px;}
.top18{ margin-top:18px;}
.top19{ margin-top:19px;}
.top20{ margin-top:20px;}
.top21{ margin-top:21px;}
.top22{ margin-top:22px;}
.top23{ margin-top:23px;}
.top24{ margin-top:24px;}
.top25{ margin-top:25px;}
.top26{ margin-top:26px;}
.top27{ margin-top:27px;}
.top28{ margin-top:28px;}
.top29{ margin-top:29px;}
.top30{ margin-top:30px;}
.top31{ margin-top:31px;}
.top32{ margin-top:32px;}
.top33{ margin-top:33px;}
.top34{ margin-top:34px;}
.top35{ margin-top:35px;}
.top36{ margin-top:36px;}
.top37{ margin-top:37px;}
.top38{ margin-top:38px;}
.top39{ margin-top:39px;}
.top40{ margin-top:40px;}
.top41{ margin-top:41px;}
.top42{ margin-top:42px;}
.top43{ margin-top:43px;}
.top44{ margin-top:44px;}
.top45{ margin-top:45px;}
.top46{ margin-top:46px;}
.top47{ margin-top:47px;}
.top48{ margin-top:48px;}
.top49{ margin-top:49px;}
.top50{ margin-top:50px;}
.top51{ margin-top:51px;}
.top52{ margin-top:52px;}
.top53{ margin-top:53px;}
.top54{ margin-top:54px;}
.top55{ margin-top:55px;}
.top56{ margin-top:56px;}
.top57{ margin-top:57px;}
.top58{ margin-top:58px;}
.top59{ margin-top:59px;}
.top60{ margin-top:60px;}
.top61{ margin-top:61px;}
.top62{ margin-top:62px;}
.top63{ margin-top:63px;}
.top64{ margin-top:64px;}
.top65{ margin-top:65px;}
.top66{ margin-top:66px;}
.top67{ margin-top:67px;}
.top68{ margin-top:68px;}
.top69{ margin-top:69px;}
.top70{ margin-top:70px;}
.top71{ margin-top:71px;}
.top72{ margin-top:72px;}
.top73{ margin-top:73px;}
.top74{ margin-top:74px;}
.top75{ margin-top:75px;}
.top76{ margin-top:76px;}
.top77{ margin-top:77px;}
.top78{ margin-top:78px;}
.top79{ margin-top:79px;}
.top80{ margin-top:80px;}
.top81{ margin-top:81px;}
.top82{ margin-top:82px;}
.top83{ margin-top:83px;}
.top84{ margin-top:84px;}
.top85{ margin-top:85px;}
.top86{ margin-top:86px;}
.top87{ margin-top:87px;}
.top88{ margin-top:88px;}
.top89{ margin-top:89px;}
.top90{ margin-top:90px;}
.top91{ margin-top:91px;}
.top92{ margin-top:92px;}
.top93{ margin-top:93px;}
.top94{ margin-top:94px;}
.top95{ margin-top:95px;}
.top96{ margin-top:96px;}
.top97{ margin-top:97px;}
.top98{ margin-top:98px;}
.top99{ margin-top:99px;}
.top100{ margin-top:100px;}


/* ---- margin_left ----*/
.left1{ margin-left:1px;}
.left2{ margin-left:2px;}
.left3{ margin-left:3px;}
.left4{ margin-left:4px;}
.left5{ margin-left:5px;}
.left6{ margin-left:6px;}
.left7{ margin-left:7px;}
.left8{ margin-left:8px;}
.left9{ margin-left:9px;}
.left10{ margin-left:10px;}
.left11{ margin-left:11px;}
.left12{ margin-left:12px;}
.left13{ margin-left:13px;}
.left14{ margin-left:14px;}
.left15{ margin-left:15px;}
.left16{ margin-left:16px;}
.left17{ margin-left:17px;}
.left18{ margin-left:18px;}
.left19{ margin-left:19px;}
.left20{ margin-left:20px;}
.left21{ margin-left:21px;}
.left22{ margin-left:22px;}
.left23{ margin-left:23px;}
.left24{ margin-left:24px;}
.left25{ margin-left:25px;}
.left26{ margin-left:26px;}
.left27{ margin-left:27px;}
.left28{ margin-left:28px;}
.left29{ margin-left:29px;}
.left30{ margin-left:30px;}
.left31{ margin-left:31px;}
.left32{ margin-left:32px;}
.left33{ margin-left:33px;}
.left34{ margin-left:34px;}
.left35{ margin-left:35px;}
.left36{ margin-left:36px;}
.left37{ margin-left:37px;}
.left38{ margin-left:38px;}
.left39{ margin-left:39px;}
.left40{ margin-left:40px;}
.left41{ margin-left:41px;}
.left42{ margin-left:42px;}
.left43{ margin-left:43px;}
.left44{ margin-left:44px;}
.left45{ margin-left:45px;}
.left46{ margin-left:46px;}
.left47{ margin-left:47px;}
.left48{ margin-left:48px;}
.left49{ margin-left:49px;}
.left50{ margin-left:50px;}
.left51{ margin-left:51px;}
.left52{ margin-left:52px;}
.left53{ margin-left:53px;}
.left54{ margin-left:54px;}
.left55{ margin-left:55px;}
.left56{ margin-left:56px;}
.left57{ margin-left:57px;}
.left58{ margin-left:58px;}
.left59{ margin-left:59px;}
.left60{ margin-left:60px;}
.left61{ margin-left:61px;}
.left62{ margin-left:62px;}
.left63{ margin-left:63px;}
.left64{ margin-left:64px;}
.left65{ margin-left:65px;}
.left66{ margin-left:66px;}
.left67{ margin-left:67px;}
.left68{ margin-left:68px;}
.left69{ margin-left:69px;}
.left70{ margin-left:70px;}
.left71{ margin-left:71px;}
.left72{ margin-left:72px;}
.left73{ margin-left:73px;}
.left74{ margin-left:74px;}
.left75{ margin-left:75px;}
.left76{ margin-left:76px;}
.left77{ margin-left:77px;}
.left78{ margin-left:78px;}
.left79{ margin-left:79px;}
.left80{ margin-left:80px;}
.left81{ margin-left:81px;}
.left82{ margin-left:82px;}
.left83{ margin-left:83px;}
.left84{ margin-left:84px;}
.left85{ margin-left:85px;}
.left86{ margin-left:86px;}
.left87{ margin-left:87px;}
.left88{ margin-left:88px;}
.left89{ margin-left:89px;}
.left90{ margin-left:90px;}
.left91{ margin-left:91px;}
.left92{ margin-left:92px;}
.left93{ margin-left:93px;}
.left94{ margin-left:94px;}
.left95{ margin-left:95px;}
.left96{ margin-left:96px;}
.left97{ margin-left:97px;}
.left98{ margin-left:98px;}
.left99{ margin-left:99px;}
.left100{ margin-left:100px;}


/* ---- margin_right ----*/
.right1{ margin-right:1px;}
.right2{ margin-right:2px;}
.right3{ margin-right:3px;}
.right4{ margin-right:4px;}
.right5{ margin-right:5px;}
.right6{ margin-right:6px;}
.right7{ margin-right:7px;}
.right8{ margin-right:8px;}
.right9{ margin-right:9px;}
.right10{ margin-right:10px;}
.right11{ margin-right:11px;}
.right12{ margin-right:12px;}
.right13{ margin-right:13px;}
.right14{ margin-right:14px;}
.right15{ margin-right:15px;}
.right16{ margin-right:16px;}
.right17{ margin-right:17px;}
.right18{ margin-right:18px;}
.right19{ margin-right:19px;}
.right20{ margin-right:20px;}
.right21{ margin-right:21px;}
.right22{ margin-right:22px;}
.right23{ margin-right:23px;}
.right24{ margin-right:24px;}
.right25{ margin-right:25px;}
.right26{ margin-right:26px;}
.right27{ margin-right:27px;}
.right28{ margin-right:28px;}
.right29{ margin-right:29px;}
.right30{ margin-right:30px;}
.right31{ margin-right:31px;}
.right32{ margin-right:32px;}
.right33{ margin-right:33px;}
.right34{ margin-right:34px;}
.right35{ margin-right:35px;}
.right36{ margin-right:36px;}
.right37{ margin-right:37px;}
.right38{ margin-right:38px;}
.right39{ margin-right:39px;}
.right40{ margin-right:40px;}

.right41{ margin-right:41px;}
.right42{ margin-right:42px;}
.right43{ margin-right:43px;}
.right44{ margin-right:44px;}
.right45{ margin-right:45px;}
.right46{ margin-right:46px;}
.right47{ margin-right:47px;}
.right48{ margin-right:48px;}
.right49{ margin-right:49px;}
.right50{ margin-right:50px;}
.right51{ margin-right:51px;}
.right52{ margin-right:52px;}
.right53{ margin-right:53px;}
.right54{ margin-right:54px;}
.right55{ margin-right:55px;}
.right56{ margin-right:56px;}
.right57{ margin-right:57px;}
.right58{ margin-right:58px;}
.right59{ margin-right:59px;}
.right60{ margin-right:60px;}
.right61{ margin-right:61px;}
.right62{ margin-right:62px;}
.right63{ margin-right:63px;}
.right64{ margin-right:64px;}
.right65{ margin-right:65px;}
.right66{ margin-right:66px;}
.right67{ margin-right:67px;}
.right68{ margin-right:68px;}
.right69{ margin-right:69px;}
.right70{ margin-right:70px;}
.right71{ margin-right:71px;}
.right72{ margin-right:72px;}
.right73{ margin-right:73px;}
.right74{ margin-right:74px;}
.right75{ margin-right:75px;}
.right76{ margin-right:76px;}
.right77{ margin-right:77px;}
.right78{ margin-right:78px;}
.right79{ margin-right:79px;}
.right80{ margin-right:80px;}
.right81{ margin-right:81px;}
.right82{ margin-right:82px;}
.right83{ margin-right:83px;}
.right84{ margin-right:84px;}
.right85{ margin-right:85px;}
.right86{ margin-right:86px;}
.right87{ margin-right:87px;}
.right88{ margin-right:88px;}
.right89{ margin-right:89px;}
.right90{ margin-right:90px;}
.right91{ margin-right:91px;}
.right92{ margin-right:92px;}
.right93{ margin-right:93px;}
.right94{ margin-right:94px;}
.right95{ margin-right:95px;}
.right96{ margin-right:96px;}
.right97{ margin-right:97px;}
.right98{ margin-right:98px;}
.right99{ margin-right:99px;}
.right100{ margin-right:100px;}


/* ---- margin_bottom ----*/
.bottom1{ margin-bottom:1px;}
.bottom2{ margin-bottom:2px;}
.bottom3{ margin-bottom:3px;}
.bottom4{ margin-bottom:4px;}
.bottom5{ margin-bottom:5px;}
.bottom6{ margin-bottom:6px;}
.bottom7{ margin-bottom:7px;}
.bottom8{ margin-bottom:8px;}
.bottom9{ margin-bottom:9px;}
.bottom10{ margin-bottom:10px;}
.bottom11{ margin-bottom:11px;}
.bottom12{ margin-bottom:12px;}
.bottom13{ margin-bottom:13px;}
.bottom14{ margin-bottom:14px;}
.bottom15{ margin-bottom:15px;}
.bottom16{ margin-bottom:16px;}
.bottom17{ margin-bottom:17px;}
.bottom18{ margin-bottom:18px;}
.bottom19{ margin-bottom:19px;}
.bottom20{ margin-bottom:20px;}
.bottom21{ margin-bottom:21px;}
.bottom22{ margin-bottom:22px;}
.bottom23{ margin-bottom:23px;}
.bottom24{ margin-bottom:24px;}
.bottom25{ margin-bottom:25px;}
.bottom26{ margin-bottom:26px;}
.bottom27{ margin-bottom:27px;}
.bottom28{ margin-bottom:28px;}
.bottom29{ margin-bottom:29px;}
.bottom30{ margin-bottom:30px;}
.bottom31{ margin-bottom:31px;}
.bottom32{ margin-bottom:32px;}
.bottom33{ margin-bottom:33px;}
.bottom34{ margin-bottom:34px;}
.bottom35{ margin-bottom:35px;}
.bottom36{ margin-bottom:36px;}
.bottom37{ margin-bottom:37px;}
.bottom38{ margin-bottom:38px;}
.bottom39{ margin-bottom:39px;}
.bottom40{ margin-bottom:40px;}
.bottom41{ margin-bottom:41px;}
.bottom42{ margin-bottom:42px;}
.bottom43{ margin-bottom:43px;}
.bottom44{ margin-bottom:44px;}
.bottom45{ margin-bottom:45px;}
.bottom46{ margin-bottom:46px;}
.bottom47{ margin-bottom:47px;}
.bottom48{ margin-bottom:48px;}
.bottom49{ margin-bottom:49px;}
.bottom50{ margin-bottom:50px;}
.bottom51{ margin-bottom:51px;}
.bottom52{ margin-bottom:52px;}
.bottom53{ margin-bottom:53px;}
.bottom54{ margin-bottom:54px;}
.bottom55{ margin-bottom:55px;}
.bottom56{ margin-bottom:56px;}
.bottom57{ margin-bottom:57px;}
.bottom58{ margin-bottom:58px;}
.bottom59{ margin-bottom:59px;}
.bottom60{ margin-bottom:60px;}
.bottom61{ margin-bottom:61px;}
.bottom62{ margin-bottom:62px;}
.bottom63{ margin-bottom:63px;}
.bottom64{ margin-bottom:64px;}
.bottom65{ margin-bottom:65px;}
.bottom66{ margin-bottom:66px;}
.bottom67{ margin-bottom:67px;}
.bottom68{ margin-bottom:68px;}
.bottom69{ margin-bottom:69px;}
.bottom70{ margin-bottom:70px;}
.bottom71{ margin-bottom:71px;}
.bottom72{ margin-bottom:72px;}
.bottom73{ margin-bottom:73px;}
.bottom74{ margin-bottom:74px;}
.bottom75{ margin-bottom:75px;}
.bottom76{ margin-bottom:76px;}
.bottom77{ margin-bottom:77px;}
.bottom78{ margin-bottom:78px;}
.bottom79{ margin-bottom:79px;}
.bottom80{ margin-bottom:80px;}
.bottom81{ margin-bottom:81px;}
.bottom82{ margin-bottom:82px;}
.bottom83{ margin-bottom:83px;}
.bottom84{ margin-bottom:84px;}
.bottom85{ margin-bottom:85px;}
.bottom86{ margin-bottom:86px;}
.bottom87{ margin-bottom:87px;}
.bottom88{ margin-bottom:88px;}
.bottom89{ margin-bottom:89px;}
.bottom90{ margin-bottom:90px;}
.bottom91{ margin-bottom:91px;}
.bottom92{ margin-bottom:92px;}
.bottom93{ margin-bottom:93px;}
.bottom94{ margin-bottom:94px;}
.bottom95{ margin-bottom:95px;}
.bottom96{ margin-bottom:96px;}
.bottom97{ margin-bottom:97px;}
.bottom98{ margin-bottom:98px;}
.bottom99{ margin-bottom:99px;}
.bottom100{ margin-bottom:100px;}

/*######################################################################################################################################################*/
.mobile_show{ display:none;}
.mobile1_show{ display:none;}
.mobile2_show{ display:none;}
.tablet_show{ display:none;}
.tablet1_show{ display:none;}
.tablet2_show{ display:none;}
.desktop_show{ display:block;}
.desktop_show-2{ display:block;}
.mobile-tablet_show{ display:none;}
.mobile-tablet1_show{ display:none;}
.mobile-desktop_show{ display:block;}
.mobile2-tablet-desktop_show{ display:block;}
.tablet-desktop_show{ display:block;}
.tablet2-desktop_show{ display:block;}
.tablet1-tablet2-desktop_show{ display:block;}

@media (max-width:575px){
.mobile_show{ display:block;}
.mobile1_show{ display:block;}
.mobile2_show{ display:none;}
.tablet_show{ display:none;}
.tablet1_show{ display:none;}
.tablet2_show{ display:none;}
.desktop_show{ display:none;}
.desktop_show-2{ display:none;}
.mobile-tablet_show{ display:block;}
.mobile-tablet1_show{ display:block;}
.mobile-desktop_show{ display:block;}
.mobile2-tablet-desktop_show{ display:none;}
.tablet-desktop_show{ display:none;}
.tablet2-desktop_show{ display:none;}
.tablet1-tablet2-desktop_show{ display:none;}

.tbmobile td{ display:table-row;}
}
/*######################################################################################################################################################*/
@media (min-width:576px) and (max-width:767px){

.mobile_show{ display:block;}
.mobile1_show{ display:none;}
.mobile2_show{ display:block;}
.tablet_show{ display:none;}
.tablet1_show{ display:none;}
.tablet2_show{ display:none;}
.desktop_show{ display:none;}
.desktop_show-2{ display:none;}
.mobile-tablet_show{ display:block;}
.mobile-tablet1_show{ display:block;}
.mobile-desktop_show{ display:block;}
.mobile2-tablet-desktop_show{ display:block;}
.tablet-desktop_show{ display:none;}
.tablet2-desktop_show{ display:none;}
.tablet1-tablet2-desktop_show{ display:none;}

.tbmobile td{ display:table-row;}
}
  
     
/*######################################################################################################################################################*/
@media (min-width:768px) and (max-width:991px) {
.mobile_show{ display:none;}
.tablet_show{ display:block;}
.tablet1_show{ display:block;}
.tablet2_show{ display:none;}
.desktop_show{ display:none;}
.desktop_show-2{ display:none;}
.mobile-tablet_show {display:block;}
.mobile-tablet1_show {display:block;}
.mobile-desktop_show{ display:none;}
.mobile2-tablet-desktop_show{ display:block;}
.tablet-desktop_show{ display:block;}
.tablet2-desktop_show{ display:none;}
.tablet1-tablet2-desktop_show{ display:block;}
}

/*######################################################################################################################################################*/
@media (min-width: 992px) and (max-width: 1199px) {
.mobile_show{ display:none;}
.tablet_show{ display:block;}
.tablet1_show{ display:none;}
.tablet2_show{ display:block;}
.desktop_show{ display:none;}
.desktop_show-2{ display:block;}
.mobile-tablet_show {display:block;}
.mobile-tablet1_show {display:none;}
.mobile-desktop_show{ display:none;}
.mobile2-tablet-desktop_show{ display:block;}
.tablet-desktop_show{ display:block;}	
.tablet2-desktop_show{ display:block;}
.tablet1-tablet2-desktop_show{ display:block;}
}