@charset "utf-8";

.container {
}
.wrapper {
	width:1170px;
	margin:0 auto;
}
.header {
	border-top:solid 10px #e5e1e1;
}
.logo{
	margin-bottom:20px;
}
.logo img{
  margin: auto auto;
  display:block;
  max-width:100%; height:auto;
}
.main_menu {
	font-family: 'pslxkittithadabold';
	font-size:25px;
	color:#b6b6b6;
	border-bottom:1px solid #e5e1e1;
	border-top:1px solid #e5e1e1;
	width:100%;
	margin:0 auto;
	left: 39px;
	top: 162px;
	text-align:center;
}
.main_menu_hide {
	display:none;
	width:100%;
}
.main_menu a {
	margin:0% 2% 1% 2%;
	display:inline-block;
	text-decoration:none;
	color:#b6b6b6;
	padding-top:1%;
}
.main_menu a:hover {
	color:#cfcfcf;
}
.main_menu_link {
	border-top:solid 4px #b6b6b6;
}
.content_top {
	margin-top:20px;
}
.banner {
	z-index:0;
}

.banner img{
  margin: auto auto;
  display:block;
  max-width:100%; height:auto;
}
.wrapper_slogan hr {
}
.slogan {
	margin-top:30px;
	margin-bottom:30px;
}
.slogan_topic {
	font-family: 'pslxkittithadabold';
	font-size:50px;
	color:#757575;
	text-align:center;
	display:block;
}
.slogan_sub {
	font-family: 'pslxkittithadabold';
	font-size:30px;
	color:#757575;
	text-align:center;
	display:block;
}
.slogan_sub_tell {
	color:#80a7c5;
}
.content_bottom {
	margin-top:30px;
}
.wrapper_room ul {
	overflow:hidden;
	display:block;
	width:100%;
	list-style:none;
	padding:0px;
	margin:0px;
}
.wrapper_room ul li {
	padding:0 2%;
	display:block;
	float:left;
	width:21%;
	text-align:center;
}
.wrapper_room ul li img {
	width:100%;
	margin-bottom:25px;
}
.wrapper_room ul li span {
	margin-bottom:20px;
}
.topic {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#757575;
	text-align:center;
	display:block;
	font-weight:bold;
	height:40px;
}
.contact_topic {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#c1767b;
	display:block;
	font-weight:bold;
	text-align:center;
}
.contact_topic_tell {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#757575;
	display:block;
	font-weight:bold;
	text-align:center;
}
.ac_page {
}
.ac_topic {
	width:48%;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#c1767b;
	font-weight:bold;
	margin:1%;
}
.ac_topic ul {
	padding-left:20px;
	
}
.ac_topic ul li {
	list-style:square;
}
.ac_red {
	color:#ff1c1c;
}
.ser_topic01 {
	padding:1%;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#c1767b;
	font-weight:bold;
}
.ser_topic01_gray{
	color:#cc767b;
}
.ser_topic_green {
	color:#8fac10;
}
.ser_topic_under {
	border-bottom:solid 3px #e5e1e1;
	overflow:hidden;
	margin-top:20px;
}
.ser_topic01 ul {
	padding-left:20px;
}
.ser_topic01 ul li {
	list-style:square;
	
}
.ser_topic01 p {
	color:#8f8f8f;
}
.topic_data {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#757575;
	text-align:center;
	display:block;
	height:100px;
	padding:10px;
}
.topic_read {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#c1767b;
	text-align:center;
	display:block;
	text-decoration:underline;
}
.topic_read a:hover {
	color:#F00;
}
.topic_read_stadium {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#c1767b;
	display:block;
	text-decoration:underline;
}
.topic_read_stadium a:hover {
	color:#F00;
}
.sp {
	margin-top:30px;
	overflow:hidden;
}
.service {
	float:left;
	width:23.1%;
}
.service_menu {
	height:auto;
	padding-top:2%;
	border-bottom:solid 1px #e5e1e1;
	font-family: 'pslxkittithadabold';
	font-size:24px;
	color:#757575;
}
.service_menu img {
	padding-top:2%;
	float:right;
}

.special {
	width:69.2%;
	margin-left:7.7%;
	float:left;
}
.special span {
	display:block;
}
.special_pic {
	width:277px;
	float:left;
	margin-right:2.6%;
	margin-bottom:5px;
}
.special_pic img {
}
.special_text {
	float:left;
	width:43%;
}
.topic_special {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#cc767b;
	text-align:left;
	font-weight:bold;
}
.topic_for_room {
	text-align:center;
	margin-bottom:20px;
}
.topic_for_page {
	border-bottom:solid 3px #e5e1e1;
}
.topic_for_page span {
	display:block;
	font-family: 'pslxkittithadabold';
	font-size:30px;
	color:#cc767b;
	margin-bottom:2px;
}
.topic_for_room span {
	font-family: 'pslxkittithadabold';
	font-size:30px;
	color:#cc767b;
}
.topic_for_room01 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#cc767b;
}
.data_special {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#636363;
	text-align:left;
	margin-bottom:10px;
}
.head_special {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:25px;
	color:#636363;
	text-align:left;
}
.over {
}
.footer {
	margin-top:5%;
}
.wrapper_footer {
	width:100%;
}
.border_footer_center {
	float:left;
	width:16.2%;
	height:11px;
	background-image:url(../images/border_footer_top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
.border_footer_center_bottom {
	float:left;
	width:16.2%;
	height:11px;
	background-image:url(../images/border_footer_bottom.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
.border_footer_lift {
	float:left;
	width:41.9%;
	height:11px;
	background-image:url(../images/border_bg_footer.jpg);
	background-repeat:repeat-x;
}
.border_footer_rigth {
	float:left;
	width:41.9%;
	height:11px;
	background-image:url(../images/border_bg_footer.jpg);
	background-repeat:repeat-x;
}

.border_footer_over {
	overflow:hidden;
}
.menu_link_footer {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#cc767b;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.menu_link_footer a:hover {
	color:#999;

}
.menu_link_footer span {
	color:#757575;
	display:inline-block;
	margin:5px 10px;
}
.coppy {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#999689;
	text-align:center;
}
.coppy_add {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#c1767b;
	text-align:center;
}
.coppy01 {
	margin:20px auto 40px auto;
}
.hight_head {
	height:60px;
}
.map_pic {
	width:100%;
	border-bottom:solid 3px #e5e1e1;
	margin-bottom:2%;
}
.map_pic img{
  display:block;
  max-width:100%; height:auto;
  margin-bottom:2%;
}
.ac_pic {
	margin:0 auto;
	width:100%;
}
.service_pic {
	margin:0 auto;
	width:100%;
}
.ac_pic img{
  display:block;
  max-width:100%; height:auto;
}
.service_pic img{
  display:block;
  max-width:100%; height:auto;
}
.wrapper_contact{
	overflow:hidden;
	margin-top:30px;
}

#main1{    /*  ปรับแต่ง div หลัก ที่ครอบคลุมเมนูทั้งหมด  */
	display:block; 
	height:50px; 
	font-family: 'pslxkittithadabold';
	font-size:25px;
	margin:auto;
	width:100%;
	}
.submain {    /*  ปรับแต่งเมนูหลัก  */
	float: left;
	margin:0% 2% 0% 2%;
	line-height:50px;
	z-index:500;
	position:relative; /*ตัวนี้สำคัญ เพราะจะสัมพันธ์กับ position ของเมนูย่อย*/
	cursor:pointer;
	text-align:center;
	color:#8FBC8F;

	}
.submain:hover {   

                /* ปรับแต่งเมนูหลักเมื่อมีการนำเมาส์ไปชี้ 
                    ในที่นี้คือให้เปลี่ยนสีพื้นหลัง และสีตัวอักษร 
                */
	background-color:#8FBC8F; 
	color:#2E8B57;
	margin:0% 2% 0% 2%;
	}
.subsub {  /* ปรับแต่ง div ที่บรรจุเมนูย่อย */
	width:100%; 
	position:absolute; /* ตัวนี้สัมพันธ์กับ position ของเมนูหลัก โดยที่คำสั่งนี้จะ                                           ทำให้เมนูลอยทับอยู่บน element อื่นๆในหน้าเว็บได้ ถ้าไม่มี                                         คำสั่งนี้ เมื่อเมนูปรากฏขึ้นมา element อื่นจะโดดออกไป  */
	left:0; /* กำหนดระยะห่างจากทางซ้าย */
	top:50px; /* กำหนดระยะห่างจากด้านบน */
	display:none; /* กำหนดให้ซ่อนการแสดงเมนูย่อย */
	background-color:#8FBC8F;
	z-index:900; 
	}
.subsub a {  /* ปรับแต่งเมนูย่อย */
	display:block; 
	height:50px;  
	text-decoration:none; 
	color:#696969; 
	}
.subsub a:hover { 
	background-color:#3CB371; 
	color:#E0FFFF;  
	}

#content1 {  /* ตั้งค่า element อื่น ผู้เขียนใส่มาเพื่อให้เห็นภาพ ในเรื่อง position ชัดขึ้น */
	display:block; 
	margin-top:30px; 
	background-color:#EEE8AA; 
	}




@font-face {
    font-family: 'pslxkittithadabold';
    src: url('pslxkittithada_bold-webfont.eot');
    src: url('pslxkittithada_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('pslxkittithada_bold-webfont.woff2') format('woff2'),
         url('pslxkittithada_bold-webfont.woff') format('woff'),
         url('pslxkittithada_bold-webfont.ttf') format('truetype'),
         url('pslxkittithada_bold-webfont.svg#pslxkittithadabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (max-width: 1100px) {
  
  /* CSS Responsive (Screen size 0 - 959px) */
.wrapper {
    width: 100%;
}
.service_menu {
	height:auto;
	padding-top:2%;
	border-bottom:solid 1px #e5e1e1;
	font-family: 'pslxkittithadabold';
	font-size:24px;
	color:#757575;
}
.service_menu img {
	padding-top:2%;
	float:right;
}
.main_menu {
	font-family: 'pslxkittithadabold';
	font-size:25px;
	color:#b6b6b6;
	text-align:center;
	border-bottom:1px solid #e5e1e1;
	border-top:1px solid #e5e1e1;
}
.main_menu a {
	margin:0% 2% 1% 2%;
	display:inline-block;
	text-decoration:none;
	color:#b6b6b6;
	padding-top:1%;
}
.main_menu a:hover {
	color:#cfcfcf;
}
.main_menu_link {
	border-top:none;
}
.main_menu_hide {
	display:none;
}
.hight_head {
	height:80px;
}

#main1{    /*  ปรับแต่ง div หลัก ที่ครอบคลุมเมนูทั้งหมด  */
	display:block;
	width:20%;
	height:50px; 
	font-family: 'pslxkittithadabold';
	font-size:25px;
	}
.submain {    /*  ปรับแต่งเมนูหลัก  */
	float: none;
	margin:0% 2% 0% 2%;
	line-height:50px;
	z-index:600;
	position:relative; /*ตัวนี้สำคัญ เพราะจะสัมพันธ์กับ position ของเมนูย่อย*/
	cursor:pointer;
	color:#8FBC8F;

	}
}

@media screen and (max-width: 680px) {
  /* CSS Responsive (Screen size 0 - 680px) */
  .wrapper {
    width: 100%;
}
.service_menu {
	height:auto;
	padding-top:2%;
	border-bottom:solid 1px #e5e1e1;
	font-family: 'pslxkittithadabold';
	font-size:28px;
	color:#757575;
	text-align:center;
}
.service_menu img {
	display:none;
}
.service {
	width:100%;
}
.special {
	width:100%;
	margin-left:0%;
	text-align:center;
}
.special_pic {
  	width:277px;
	float:none;
	margin:40px auto 20px auto;
}
.over {
	overflow:hidden;
}
.topic_special {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#cc767b;
	text-align:center;
	font-weight:bold;
}
.data_special {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#636363;
	text-align:center;
	margin-bottom:10px;
}
.head_special {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:25px;
	color:#636363;
	text-align:center;
}
.wrapper_room ul {
	overflow:hidden;
	display:block;
	width:100%;
	list-style:none;
	padding:0px;
	margin:0px;
}
.wrapper_room ul li {
	padding:0 2%;
	display:block;
	float:none;
	width:100%;
	text-align:center;
}
.wrapper_room ul li img {
	width:250px;
	height:158px;
	margin-bottom:25px;
}
.wrapper_room ul li span {
	margin-bottom:20px;
}
.main_menu {
	display:none;
}
.main_menu_hide {
	display:inline;
}
.hight_head {
	height:0px;
}
.ac_topic {
	width:98%;
	float:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#c1767b;
	font-weight:bold;
	margin:1%;
}
.topic_data {
	padding:10px;
	height:auto;
}
}