/* แก้ปัญหา Margin หรือ Padding ไม่ขยาย ตัว !!!! */
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 /* แก้ปัญหา Margin หรือ Padding ไม่ขยาย ตัว !!!! */
 /* Reset Style h1 - h6 !!!! */
 h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
   font-style: normal;
   margin-top: 0px;
   margin-bottom: 0px;
 }
 h1 {
   font-size: 24px !important;
 }
 h2 {
   font-size: 0.9em !important;
 }
 /* Reset Style h1 - h6 !!!! */
 body {
   background-color: #404040;
 }
 body, html {
   text-align: center;
   color: #808080;
   font-size: 16px;
   font-family: RSU, verdana, sans-serif, arial;
   padding: 0px;
   margin: 0px;
 }
 a {
   color: #ffffff;
   text-decoration: none;
 }
 a:hover {
   color: #808080;
   text-decoration: none;
 }
 hr {
   margin-top: -10px;
   color: #C6C6C6;
   background-color: #CCC;
   height: 1px;
   border: none;
   margin-bottom: 0px;
 }
 td {
   vertical-align: top;
 }
 .p_center {
   text-align: center;
 }
 .just_Brown {
   color: #9E6950 !important;
 }
 /* Load Font */
 @font-face {
   font-family: 'RSU';
   src: url('font/rsu-webfont.eot');
   src: url('font/rsu-webfont.eot?#iefix') format('embedded-opentype'), url('font/rsu-webfont.woff') format('woff'), url('font/rsu-webfont.ttf') format('truetype'), url('font/rsu-webfont.svg#rsuregular') format('svg');
   font-weight: 80;
   font-style: normal;
 }
 /* Shadow */
 .Shadow {
   -webkit-box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.5);
   box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.5);
 }
 /* Frame System */
 .DivFrameWed_Header {
   width: 100vw;
   max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
   display: block;
 }
 .DivFrameWed_Footer {
   width: 100vw;
   max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
   display: block;
 }
 .DivFrameWed_Content {
   width: 100%;
   max-width: 900px;
   margin-left: auto;
   margin-right: auto;
 }
 /* Hidden Top Menu */
 #HiddenMenu {
   width: 100%;
   background-color: #404040;
   display: none;
   height: 80px;
   -webkit-box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.2);
   box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.2);
   position: fixed;
   top: 0;
   overflow: hidden;
   border-bottom: 10px solid #9e6950;
   z-index: 997;
 }
 .HiddenLogo {
   min-height: 43px;
   width: 170px;
   top: 16px;
   background-size: 135px auto;
 }
 .Hidden_Social {
   top: 15px;
   font-size: 1.8em;
 }
 /* Hidden Side Menu */
 #HiddenSideMenu {
   display: none;
   width: 52px;
   z-index: 997;
   position: fixed;
   bottom: 30px;
   right: 14px;
 }
 .HiddenSideMenu_Child {
   width: 52px;
   height: 52px;
   border-radius: 26px;
   background-color: rgba(187, 187, 187, 0.70);
   background-position: center center;
   background-repeat: no-repeat;
   margin-bottom: 7px;
 }
 .HiddenSideMenu_Child:hover {
   background-color: #9e6950;
 }
 .Icon_Home {
   background-image: url(../Images/Icon_SideMenu_Home.png);
 }
 .Icon_Menu {
   background-image: url(../Images/Icon_SideMenu_Menu.png);
 }
 .Icon_Contact {
   background-image: url(../Images/Icon_SideMenu_Contact.png);
 }
 .Icon_Up {
   background-image: url(../Images/Icon_SideMenu_Up.png);
 }
 /* Header Zone */
 .BG_Vshadow {
   width: 100vw;
   background-image: url(../Images/BG_VShadow.png);
   background-position: left top;
   background-repeat: repeat-x;
 }
 .DivHeader {
   width: 100vw;
   height: 195px;
   background-color: #404040;
   background-image: url(../Images/BG_VShadow.png);
   background-position: left top;
   background-repeat: repeat-x;
   overflow: hidden;
   padding-top: 20px;
 }
 .HeaderLogo {
   height: auto;
   background-image: url(../Images/nidhra_Logo_Header.png);
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
   float: left;
 }
 .TopLogo {
   min-height: 121px;
   width: 400px;
   top: 20px;
 }
 .DivHeader_Social {
   width: 370px;
   height: 45px;
   float: right;
   overflow: hidden;
   position: relative;
 }
 .Header_Social {
   top: 100px;
   font-size: 1.8em;
 }
 .Header_Social a, .Hidden_Social a {
   color: #8e9093;
 }
 .Header_Social a:hover, .Hidden_Social a:hover {
   color: #ffffff;
 }
 .DivHeader_Social table {
   height: 40px;
   margin-top: 0px;
   position: relative;
   top: 5px;
 }
 .DivHeader_Social td {
   padding-right: 7px;
 }
 .DivHeader_Social img:hover {
   position: relative;
   top: -2px;
 }
 .TelNo {}
 .DivHeader_BrownBar {
   width: 100vw;
   height: 60px;
   background-color: #9e6950;
 }
 .HeaderBranch {
   height: 20px;
   width: 400px;
   background-image: url(../Images/Phaholyothin62.png);
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
   float: left;
   top: 17px;
 }
 .HeaderLinkMenu {
   float: right !important;
   position: relative;
   top: 12px;
   font-size: 1.5em;
 }
 .HeaderLinkMenu a {
   color: #FFF;
   margin-right: 20px;
 }
 .HeaderLinkMenu a:hover {
   color: #834629;
 }
 .But_Book {
   float: right;
   position: relative;
   top: 6px;
   right: 60px;
 }
 .But_Book_Mobile {
   display: none;
   overflow: hidden !important;
   width: 80px;
   height: 30px;
   border-radius: 5px;
   position: relative;
   top: 6px;
 }
 .But_Book_Mobile div {
   position: relative;
   top: -8px;
   left: -36px;
 }
 /* Content Zone */
 /* Part Zone */
 .Div_PartZone {
   width: 100%;
   min-height: 50px;
   text-align: left;
   padding: 10px;
   font-size: 1.6em;
 }
 .Div_PartZone a {
   color: #808080;
 }
 .Div_PartZone a:hover {
   color: #ffffff;
 }
 .Div_PartZone span {
   color: #9e6950;
 }
 .PartZone_Left {
   float: right;
 }
 /* Header Picture */
 .Div_HeaderPic {
   width: 100%;
   max-width: 900px;
   position: relative;
 }
 .Div_HeaderPic img, .Div_SloganOut img {
   width: 100%;
   height: auto;
 }
 .Div_SloganIn {
   width: 40%;
   float: right;
   display: block;
   position: absolute;
   top: 5px;
   right: 5px;
 }
 .Div_SloganOut {
   display: none;
 }
 /* Header Section */
 .Div_HeaderSection {
   width: 98%;
   max-width: 900px;
   position: relative;
   border: 3px solid #5d5d5d;
   text-align: center;
   padding-top: 20px;
   padding-bottom: 20px;
   font-size: 1.8em;
   border-radius: 10px;
   -webkit-box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
   box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   color: #9e6950;
   letter-spacing: normal;
 }
 .Div_HeaderSection span {
   color: #BBB;
   font-weight: lighter !important;
   letter-spacing: normal;
   font-size: 0.9em;
   position: relative;
   border-left-color: #555;
   border-left-style: solid;
   border-left-width: 2px;
 }
 /* Main Picture - Room */
 .DIv_MainPic {
   width: 100%;
   max-width: 900px;
   position: relative;
   margin-top: 50px;
 }
 .Div_StartFrom {
   width: 60%;
   float: left;
   display: block;
   position: absolute;
   bottom: 0px;
   left: 0px;
 }
 .Div_HeaderPic2 {
   width: 100%;
   max-width: 503px;
   float: left;
   display: block;
   position: absolute;
   bottom: 0px;
   left: 0px;
 }
 .DIv_MainPic img, .Div_StartFrom img, .Div_HeaderPic2 img {
   width: 100%;
   height: auto;
 }
 /* CSS Grid */
 .DivGrid_TypeA {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-areas: 'LeftZone RightZone';
   grid-gap: 10px;
   padding: 10px;
   border-bottom: thin solid #5d5d5d;
 }
 .LeftZone {
   grid-area: LeftZone;
   text-align: center;
   padding-top: 20px;
   align-self: center;
   /*background-color: #1C9A36;*/
 }
 .RightZone {
   grid-area: RightZone;
   text-align: center;
   padding-top: 20px;
   align-self: center;
   /*background-color: #BF3A3C;*/
 }
 .Add_Vline {}
 /* Room Main Data */
 .Div_Logo_Room {
   display: block;
   width: 100%;
   text-align: center;
 }
 .Div_Logo_Room img {
   width: 100%;
   max-width: 330px;
   height: auto;
 }
 .Room_Slogan {
   text-align: center !important;
   font-size: 1.8em;
   padding-left: 10px;
   padding-right: 10px;
   margin-top: 5px;
   margin-bottom: 5px;
 }
 .Div_RoomMainData {
   font-size: 1.4em;
   margin-left: auto;
   margin-right: auto;
 }
 .Div_RoomMainData p {
   margin-top: 3px;
   margin-bottom: 3px;
 }
 .td_ButtLine {
   border-bottom: thin dotted #5d5d5d;
 }
 .td_ButtLine2 {
   border-bottom: thick solid #9E6950;
 }
 .td_TimePrice {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 60px;
   padding-right: 10px;
   background-image: url(../Images/Icon_Time_Month.png);
   background-repeat: no-repeat;
   background-position: 10px 18px;
   text-align: left !important;
 }
 .td_Monthly {
   background-image: url(../Images/Icon_Time_Month.png);
 }
 .td_Weekly {
   background-image: url(../Images/Icon_Time_Week.png);
 }
 .td_Daily {
   background-image: url(../Images/Icon_Time_Day.png);
 }
 .p_RoomData_1 {
   font-size: 1.2em;
   color: #fff;
   margin-bottom: -5px !important;
 }
 .p_RoomData_2 {
   font-size: 0.8em;
   color: #999;
   margin-bottom: -10px !important;
 }
 .p_RoomData_3 {
   font-size: 1.6em;
   color: #9E6950;
   margin-bottom: -13px !important;
 }
 .p_RoomData_3 span {
   color: #888;
   position: relative;
   margin-left: 10px;
 }
 .p_RoomData_4 {
   font-size: 0.7em;
   color: #9E6950;
 }
 .Butt_Contact {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   text-align: center !important;
   position: relative;
   top: -5px;
   transition: all 0.5s ease-out;
 }
 .Butt_Contact img {
   width: 100%;
   max-width: 360px;
   height: auto;
 }
 .Butt_Contact img:hover {
   cursor: pointer !important;
 }
 .Butt_Detail {
   width: 98%;
   max-width: 250px;
   position: relative;
   border: 3px solid #5d5d5d;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 1.6em;
   border-radius: 10px;
   -webkit-box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
   box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
   margin-top: 0px;
   margin-bottom: 15px;
   margin-left: auto;
   margin-right: auto;
   color: #fff;
   transition: all 0.3s ease-out;
 }
 .Butt_Detail:hover {
   border: 3px solid #eeeeee;
   -webkit-box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.20);
   box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.20);
   cursor: pointer !important;
 }
 /* Footer Zone */
 .DivFooter {
   width: 100vw;
   min-height: 190px;
   background-color: #9e6950;
   background-image: url(../Images/BG_VShadow.png);
   background-position: left top;
   background-repeat: repeat-x;
   color: #FFF;
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .DivFooter a {
   color: #FFF !important;
 }
 .DivFooter a:hover {
   color: #805643 !important;
 }
 .DivFooter_Child {
   display: inline-block;
   float: left;
   height: 150px;
 }
 .DivFooter_Logo {
   width: 300px;
   background-image: url(../Images/nidhraTH_Logo_Footer.png);
   background-position: center center;
   background-repeat: no-repeat;
 }
 .DivFooter_Addres {
   text-align: left !important;
   width: 240px;
   padding-right: 20px;
 }
 .DivFooter_Contact {
   width: 230px;
   border-left: 1px solid rgba(255, 255, 255, 0.30);
   border-right: 1px solid rgba(255, 255, 255, 0.30);
 }
 .P_Tel {
   margin-top: 20px;
   margin-bottom: -5px;
   font-size: 1.8em;
 }
 .P_Topic {
   color: #fff;
   font-weight: bold;
   font-size: 1.3em;
   margin-bottom: -10px;
 }
 .DivFooter_GoogleMap {
   width: 130px;
   background-image: url(../Images/IocnFooter_Gmap.png);
   background-position: center center;
   background-repeat: no-repeat;
 }
 .Footer_Social {
   width: 180px !important;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
 }
 .Footer_Social img {
   height: 50px;
   width: 50px;
   margin-left: 5px;
   margin-right: 5px;
 }
 .Footer_Social img:hover {
   opacity: 0.8;
   position: relative;
   top: -2px;
 }
 /* Pop Contact */
 .toggle, .toggle2, .toggle3 {
   cursor: pointer;
 }
 #resize, #resize2, #PopMenuDiv {
   z-index: 998;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.80);
   width: 100%;
   height: 150%;
   visibility: hidden;
   opacity: 0;
   transition: all 0.5s ease-out;
   display: table;
   text-align: center;
 }
 #resize.active, #resize2.active, #PopMenuDiv.active {
   visibility: visible;
   opacity: 1;
 }
 .Div_PopContact {
   width: 300px;
   height: 350px;
   background-color: #FFF;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   overflow: hidden;
   margin: auto;
   opacity: 1 !important;
   z-index: 999;
   border-radius: 10px;
   -webkit-box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.5);
   box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.5);
   border: 1px solid #CCCCCC;
 }
 .Div_PopBooking {
   width: 300px;
   height: 620px;
   background-color: #FFF;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   overflow: hidden;
   margin: auto;
   opacity: 1 !important;
   z-index: 999;
   border-radius: 10px;
   -webkit-box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.5);
   box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.5);
   border: 1px solid #CCCCCC;
 }
 .PopContact_Logo {
   height: 75px;
   background-color: #FFF;
   background-image: url(../Images/Logo_nidhra_Pop.png);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 160px auto;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
 }
 .PopContact_Bar {
   height: 35px;
   background-color: #9E6950;
   color: #FFF;
   font-size: 1.2em;
 }
 .PopContact_Bar span {
   background-position: left center;
   background-repeat: no-repeat;
   padding-left: 36px;
   position: relative;
 }
 .Icon_Bar_Contact {
   background-image: url("../Images/Icon_SideMenu_Contact.png");
   top: 7px;
 }
 .Icon_Bar_Booking {
   background-image: url("../Images/Icon_Pop_Booking.png");
   top: 4px;
 }
 .Icon_Bar_Menu {
   background-image: url("../Images/Icon_SideMenu_Menu.png");
   top: 4px;
 }
 .PopContact_Child {
   display: inline-block;
   float: left;
   width: 50%;
   padding-top: 20px;
 }
 .Div_Vline {
   border-right: thin solid #CCC;
 }
 .Div_Pop_ContentA {
   width: 95%;
   max-width: 300px;
   min-height: 80px;
   display: block;
   background-repeat: no-repeat;
   background-position: 10px 10px;
   padding-left: 80px;
   padding-right: 10px;
   padding-top: 20px;
   color: #666;
   margin-left: auto;
   margin-right: auto;
   text-align: left !important;
   font-size: 1.4em;
 }
 .Div_Pop_ContentB {
   width: 95%;
   max-width: 300px;
   min-height: 80px;
   display: block;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   margin-left: auto;
   margin-right: auto;
   text-align: center !important;
 }
 .Div_Pop_ContentC {
   width: 95%;
   max-width: 300px;
   min-height: 130px;
   display: block;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   margin-left: auto;
   margin-right: auto;
   text-align: center !important;
 }
 .Div_Pop_ContentD {
   width: 95%;
   max-width: 300px;
   min-height: 80px;
   display: block;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 20px;
   color: #666;
   margin-left: auto;
   margin-right: auto;
   text-align: center !important;
   font-size: 1.4em;
 }
 .Div_Pop_ContentD span {
   color: #9E6950;
   font-size: 1.1em;
 }
 .Icon_Pop_Tel {
   background-image: url("../Images/Icon_Pop_Tel.png");
 }
 .Icon_Pop_Line {
   background-image: url("../Images/Icon_Pop_Line.png");
 }
 .Icon_Pop_FB {
   background-image: url("../Images/Icon_Pop_FB.png");
 }
 /* Facility */
 .DivHeader_Gray {
   width: 100vw;
   height: 130px;
   background-color: #808080;
   overflow: hidden;
   color: #4d4d4d;
   font-size: 1.6em;
 }
 .DivHeader_Gray2 {
   width: 100vw;
   background-color: #4d4d4d;
   overflow: hidden;
   color: #808080;
   font-size: 1.5em;
   padding-bottom: 30px;
   padding-top: 30px;
 }
 .HeaderBig {
   color: #FFFFFF;
   font-size: 1.6em;
   letter-spacing: 0.1em;
   margin-top: 20px;
   margin-bottom: -36px;
 }
 .Div_Fac_Set {
   width: 100%;
   position: relative;
 }
 .Fac_thai {
   text-align: right !important;
   padding-right: 30px;
   margin-top: 5px;
   margin-bottom: 5px;
 }
 .Fac_Pic {
   width: 100%;
   height: auto;
   max-width: 900px;
 }
 .Div_Fac_Topic {
   width: 40%;
   background-color: #9E6950;
   position: absolute;
   top: 0px;
   left: 0px;
   padding-top: 15px;
   padding-bottom: 4px;
   text-align: center;
 }
 .Div_Fac_Topic img {
   width: 70%;
   height: auto;
   max-height: 50px;
 }
 /* Map */
 .Div_Map_Frame {
   width: 100%;
   background-color: #4d4d4d;
   color: #ffffff;
   margin-top: 40px;
   border-radius: 20px;
   position: relative;
   padding-top: 30px;
   padding-bottom: 50px;
   margin-bottom: 10px;
 }
 .Div_Map_Sec {
   margin-left: auto;
   margin-right: auto;
   font-size: 1.6em;
   padding-bottom: 20px;
 }
 .map-responsive {
   overflow: hidden;
   padding-bottom: 56.25%;
   position: relative;
   height: 0;
 }
 .map-responsive iframe {
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   position: absolute;
 }
 .HeaderBig2 {
   color: #9E6950;
   font-size: 36px;
   letter-spacing: 0.05em;
   margin-top: 20px;
   margin-bottom: -5px;
 }
 .P_HeaderTH {
   color: #CCC;
   margin-top: 0px !important;
   font-size: 1.4em;
 }
 /* Place Nearby */
 .Div_Nearby_Frame {
   width: 100%;
   border-top: 2px solid #404040;
   position: relative;
   display: table;
 }
 .Div_PlaceSet {
   width: 50%;
   display: table-cell;
   float: left;
 }
 .Set_Left {
   border-right: 2px solid #404040;
 }
 .Div_Place_Data {
   text-align: left !important;
   font-size: 1.4em;
   border-bottom: 2px solid #404040;
   color: #999;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 20px;
   padding-left: 65px;
   background-repeat: no-repeat;
   background-position: 15px 20px;
   position: relative;
 }
 .Icon_Place_A {
   background-image: url("../Images/Map_Icon_Hospital.png")
 }
 .Icon_Place_B {
   background-image: url("../Images/Map_Icon_Shopping.png")
 }
 .Icon_Place_C {
   background-image: url("../Images/Map_Icon_Landmark.png")
 }
 .Icon_Place_D {
   background-image: url("../Images/Map_Icon_AC.png")
 }
 .Icon_Place_E {
   background-image: url("../Images/Map_Icon_Airport.png")
 }
 .Div_Place_Data p {
   margin-bottom: 0px;
   margin-top: 0px;
 }
 .Place_Eng {
   color: #FFF !important;
   font-size: 1.2em;
   margin-bottom: -7px !important;
 }
 .div_km {
   position: absolute;
   right: 20px;
   bottom: 10px;
 }
 .p_powerby {
   color: #666;
   font-size: 21px;
   margin-bottom: -20px;
 }
 .p_powerby2 {
   color: #666;
   font-size: 21px;
   margin-bottom: 10px;
 }
 /* Booking */
 .DivHeader_BookingA {
   width: 100%;
   max-width: 330px;
   height: 90px;
   margin-left: auto;
   margin-right: auto;
   background-color: #4040440;
   overflow: hidden;
   background-repeat: no-repeat;
   background-image: url(../Images/BG_BookingA.png);
   background-position: center bottom;
   background-size: 95% auto;
 }
 .DivHeader_BookingB {
   width: 100vw;
   background-color: #4d4d4d;
   background-repeat: no-repeat;
   background-image: url(../Images/BG_BookingB.png);
   background-position: center top;
   padding-top: 70px;
   padding-bottom: 30px;
   position: relative;
 }
 .Booking_Header {
   display: block;
   margin-top: 30px;
   margin-bottom: 40px;
 }
 .Butt_Booking {
   width: 90%;
   max-width: 420px;
   background-color: #9E6950;
   border-radius: 10px;
   -webkit-box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
   box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
   margin-left: auto;
   margin-right: auto;
   display: block;
   position: relative;
   padding-top: 10px;
   padding-bottom: 5px;
   border: 2px solid #9E6950;
   margin-bottom: 20px;
 }
 .Butt_Booking:hover {
   cursor: pointer !important;
   border: 2px solid #FFFFFF;
   -webkit-box-shadow: 0px 6px 0 rgba(0, 0, 0, 0.20);
   box-shadow: 0px 6px 0 rgba(0, 0, 0, 0.20);
 }
 .Butt_Booking img {
   width: 100%;
   max-width: 400px;
   height: auto;
 }
 .Butt_Booking2 {
   width: 93%;
   max-width: 600px;
   height: 90px;
   background-color: #9E6950;
   border-radius: 20px;
   -webkit-box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
   box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
   margin-left: auto;
   margin-right: auto;
   display: block;
   position: relative;
   padding-top: 0px;
   padding-bottom: 0px;
   border: 2px solid #FFF;
   margin-bottom: 20px;
   overflow: hidden;
 }
 .Butt_Booking2:hover {
   cursor: pointer !important;
   border: 2px solid #9E6950;
   -webkit-box-shadow: 0px 6px 0 rgba(0, 0, 0, 0.20);
   box-shadow: 0px 6px 0 rgba(0, 0, 0, 0.20);
 }
 .Butt_Booking2 table {
   width: 100%;
   height: 100%;
 }
 .td_BookingIcon {
   background-color: #333;
   width: 100px;
   background-image: url("../Images/Icon_Booking2.png");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 67px;
 }
 .td_BookingText {
   background-image: url("../Images/BookingText1.png");
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center center;
 }
 .DIv_Booking_Power {
   width: 50%;
   max-width: 180px;
   display: inline-block;
   padding: 10px;
   text-align: center !important;
   position: relative;
 }
 .DIv_Booking_Power img {
   width: 100%;
   height: auto;
   max-width: 240px;
 }
 .DIv_Booking_Power img:hover {
   opacity: 0.5;
   height: auto;
   max-width: 240px;
 }
 /* Picture Gallery */
 .Div_Gallery_Contain {
   width: 33.33%;
   display: inline-block;
   float: left;
   margin-bottom: 15px;
 }
 .Div_Gallery_Frame {
   width: 95%;
   height: auto;
   background-color: #000;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   position: relative;
 }
 .Div_Gallery_Frame:hover {
   cursor: zoom-in !important;
 }
 .Div_Gallery_Frame img {
   width: 100%;
   height: auto;
   margin-bottom: -12px;
 }
 .Div_ZoomBG {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   background-color: rgba(255, 255, 255, 0.50);
   opacity: 0;
   transition: all 0.3s ease-out;
   overflow: hidden;
 }
 .Div_Gallery_Frame:hover .Div_ZoomBG {
   opacity: 1;
 }
 .Zoom {
   width: 80px;
   height: 34px;
   margin-left: auto;
   margin-right: auto;
   color: #FFF;
   font-size: 1, 2em;
   background-color: #9E6950;
   position: relative;
   top: 43%;
 }
 /* Detail */
 .Headopic {
   margin-bottom: -10px;
 }
 .Headopic span {
   color: #9E6950;
 }
 .Content_En {
   font-size: 1.2em;
   padding-left: 20px;
   padding-right: 20px;
   text-align: left;
   color: #808080;
 }
 .Content_En span {
   color: #CCC;
 }
 .Content_Th {
   font-size: 1.2em;
   padding-left: 20px;
   padding-right: 20px;
   text-align: left;
   color: #fff;
 }
 .Content_Th.Headopic {
   font-size: 1.7em !important;
 }
 .Content_En.Headopic {
   font-size: 1.9em !important;
 }
 .Content_En.Headopic2 {
   font-size: 1.6em !important;
 }
 .Content_Th.Headopic2 {
   font-size: 1.4em !important;
 }
 .LinkContact a {
   color: #9E6950;
 }
 .LinkContact a:hover {
   color: #888;
 }
 /* Content Expander */
 .expander {
   width: 100%;
   max-width: 900px;
   background-color: #333;
   border-radius: 20px;
   padding-top: 120px;
   padding-bottom: 22px;
   margin-left: auto;
   margin-right: auto;
   background-repeat: no-repeat;
   background-position: center 15px;
   position: relative;
   margin-bottom: 15px;
   display: block;
   transition: all 0.3s ease-out;
 }
 .expander:hover {
   -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.40);
   box-shadow: 0 5px 3px rgba(0, 0, 0, 0.40);
 }
 .expander:hover .Expan_Icon1 {
   opacity: 1;
 }
 .BG_type_1 {
   background-image: url("../Images/Icon_DetailBG_1.png");
 }
 .BG_type_2 {
   background-image: url("../Images/Icon_DetailBG_2.png");
 }
 .BG_type_3 {
   background-image: url("../Images/Icon_DetailBG_3.png");
 }
 .BG_type_4 {
   background-image: url("../Images/Icon_DetailBG_4.png");
 }
 .p_Detail_Header {
   font-size: 1.6em;
   margin-top: 5px;
   margin-bottom: 0px;
 }
 .p_Detail_Header span {
   font-size: 0.95em;
   color: #9E6950;
 }
 .Expan_Icon1 {
   width: 25px;
   height: 25px;
   background-repeat: no-repeat;
   background-position: center center;
   background-image: url(../Images/collapse.png);
   position: absolute;
   top: 15px;
   right: 15px;
   opacity: 0.5;
 }
 .Expan_Icon2 {
   width: 25px;
   height: 25px;
   background-repeat: no-repeat;
   background-position: center center;
   background-image: url(../Images/expanded.png);
   position: absolute;
   top: 15px;
   right: 15px;
 }
 .Div_MoveBox {
   width: 25px;
   height: 25px;
 }
 .content {
   display: none;
 }
 .expander:hover {
   cursor: ns-resize !important;
 }
 .content ul {
   padding-left: 30px;
   padding-right: 30px;
   list-style-type: square;
 }
 .content ul li {
   margin-left: 30px;
   margin-right: 30px;
 }
 .ul_Data li {
   list-style-position: outside !important;
   margin-left: 20px !important;
   margin-right: 20px !important;
 }
 .ul_no {
   list-style: decimal !important;
 }
 /* Careers */
 .DivCareers {
   display: block;
   overflow: hidden;
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 30px;
   border: 3px solid #5d5d5d;
   border-radius: 10px;
   -webkit-box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
   box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.40);
 }
 .DivCareers hr {
   width: 95%;
   border: 1px solid #5d5d5d;
 }
 .JobName {
   color: #FFF;
   background-color: #9E6950;
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 3px;
   text-align: center;
   font-size: 1.9em;
   margin-top: 15px;
   margin-bottom: 20px;
 }
 .JobTopic {
   color: #9E6950;
   text-align: left;
   font-size: 1.4em;
   margin-top: -5px;
   margin-bottom: -5px;
 }
 .JobContact {
   text-align: center !important;
 }
 .JobSubmit {
   width: 80%;
   max-width: 270px;
   text-align: center;
   color: #9E6950;
   background-color: #FFF;
   margin-left: auto;
   margin-right: auto;
   margin-top: 30px;
   margin-bottom: 30px;
   font-size: 1.5em;
   border-radius: 10px;
   padding-top: 3px;
   -webkit-box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.40);
   box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.40);
   cursor: hand;
   transition: all 0.4s ease-out;
 }
 .JobSubmit:hover {
   color: #FFF;
   background-color: #9E6950;
   -webkit-box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.20);
   box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.20);
 }
 /* Check In Policy */
 .expander2 {
   width: 100%;
   max-width: 900px;
   padding-top: 120px;
   padding-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   background-repeat: no-repeat;
   background-position: center 15px;
   position: relative;
   margin-bottom: 15px;
   display: block;
   transition: all 0.3s ease-out;
 }
 .expander:hover2 {
   -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.40);
   box-shadow: 0 5px 3px rgba(0, 0, 0, 0.40);
 }
 .expander2:hover .Expan_Icon1 {
   opacity: 1;
 }
 .BG_CheckIn {
   background-image: url("../Images/Icon_CheckIn.png");
 }