.itopplus-background {

}
/*เมนู*/
#itopplus-nav-bar {
    margin-top: .5%;
}

/*เมนูย่อย*/
ul.dropdown-menu.dropdown-menu-all .itopplus-sidebar-menu-parent {
    border: none!important;
    height: inherit!important;
    padding: 0px 0px 5px 0px!important;
    margin: -5px 0px -10px -7px!important;
  font-size:18px;
}
.dropdown-menu>li>a {
    font-size: 20px;
}


.nav>li>a {
    padding: 10px 10px;
}
.navbar-default .navbar-nav>li>a {
    color: #0a0a0a;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
.navbar-default .navbar-brand {
    color: #0a0a0a;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #4c0807;
    background-color: none;
}
.navbar-default .navbar-toggle {
    border-color: #4c0807;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #4c0807;
}
.text-bar {
    color: #0a0a0a!important;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #4c0807!important;
}
.navbar-default .navbar-nav>li>a {
    color: #0a0a0a;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent!important;
    color: #4c0807!important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #4c0807!important;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #4c0807!important;
}
@media (max-width:768px) {
    .navbar-default {
        background: #fff;
    }
}
/*เส้นคั่น*/
#itopplus-nav-bar li a {
margin-top: 2px;
}
#itopplus-nav-bar li {
border-right: 1px solid #0a0a0a;
padding: 0px 6px 0px 3px;
margin: 0px 0px 0px 0px;
height: 20px;
}
#itopplus-nav-bar li#menu5d845619d312ef0019338ce8 {
border-right: none;
}

/*เมนูกึ่งกลาง*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
  margin-left: -15px;
  margin-right: -15px;
}
.navbar-nav>li>a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.navbar {
    min-height: 0px;
}
#itopplus-nav-bar li a {
    padding-left: 8px;
    padding-right: 8px;
}  
  .navbar-collapse {
    padding-right: 10px;
    padding-left: 10px;
}
  
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}
.navbar-nav>li>a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.navbar {
    min-height: 0px;
}
#itopplus-nav-bar li a {
    padding-left: 13px;
    padding-right: 13px;
}   
}


/*ฟุตเตอร์*/
.copyright p {
    text-align: center;
    font-size: 17px;
    letter-spacing: 0.5px;
    color: #000;
    font-weight: 600;
}
.Footer {
    margin-top: 5%;
}
.FooterL h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}
.FooterL p {
    display: grid;
    text-align: center;
    font-size: 20px;
    line-height: 36px;
}
.FooterL-Link:hover {
    color: #4b0a05;
}
.FooterL-Link {
    transition: 0.32s;
}
.FooterC img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 42%;
}
.FooterC h4 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: -6px;
}
.FooterC p {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #444444c2;
}
.FooterR h2 {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.Footer-Icon {
    text-align: center;
}
.Footer-Icon img {
    padding: 0px 5px 0px 5px;
    width: 14%;
}


/*กลุ่มไอคอนด้านบน*/
.Header {
    margin-top: 6%;
}
.Header-Icon img {
    padding: 0px 4px;
    width: 25%;
}
.Header-Icon {
    text-align: center;
}
.box {
    background-color: #4e0a08;
    padding: 1px 6px 1px 6px;
    border-radius: 25px;
}
.Header-Icon.box img {
    width: 16%;
    margin-left: -6%;
}
.Header-Link {
    color: #fff;
    transition: 0.32s;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.Header-Link:hover {
    color: #e9cb6a;
}




.Tee h3 {
    font-weight: 600;
}

.Tee p {
    text-indent: 2em;
    font-size: 20px;
    line-height: 24px;
    color: #000000b8;
    font-weight: 600;
}
.Icon-box {
    text-align: center;
    padding: 20px 10px 20px 10px;
}
.Icon-box img {
    width: 36%;
}
.Icon-box p {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0.5px;
}
.HTextstyle {
    margin-top: 4%;
  	margin-bottom: 4%;
}
.HT-Underline {
    border-bottom: 2px solid #be262380;
    padding-bottom: 15px;
}
.HTextstyle h2 {
    text-align: center;
    font-size: 43px;
    font-weight: 600;
    letter-spacing: 3px;
    color: #6a2426;
    margin-top: -2%;
}
.HTextstyle h3 {
    text-align: center;
    font-size: 43px;
    font-weight: 600;
}
.HTextstyle-sup h3 {
    text-align: left;
    letter-spacing: 0.5px;
    color: #0a0a0a;
}
.HTextstyle-sup .padding-col.col-md-8.col-sm-8.col-xs-12, 
.HTextstyle-sup .padding-col.col-md-4.col-sm-4.col-xs-12
{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.HTextstyle p {
    font-size: 22px;
    line-height: 20px;
    color: #444;
    font-weight: 600;
    margin-top: 3%;
}
.btn-view {
    background-color: #ee9b0f;
    margin-left: auto;
    text-align: center;
    width: 28%;
    font-size: 22px;
    color: #000;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 4px 10px 3px 10px;
    border-radius: 20px;
	transition: 0.32s;
    cursor: pointer;
}
.btn-view a {
    color: #000;
  	transition: 0.32s;
}
.btn-view:hover a {
  	color:#fff;
}
.btn-view:hover {
    background-color: #4d0908;
  	color:#fff;
}
.bt-booking {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    background-color: #4c0807;
    border-radius: 20px;
    padding: 9px 10px 8px 10px;
    text-align: center;
    transition: 0.32s;
    cursor: pointer;
}
.bt-booking.size-bk {
    width: 100%;
    padding: 5px 10px 0px 10px;
    margin-top: -8%;
}
.bt-booking:hover {
    background-color: #ee9b10;
}
.bt-booking span {
    color: #fff;
    font-size: 30px;
    letter-spacing: 1px;
}
.bt-booking img {
    padding-left: 8%;
    margin-top: -5%;
    width: 16%;
}
.paddingcol {
    padding-left: 0;
    padding-right: 0;
}
/*เอฟเฟ็คระบบ */
figure.effect-jazz figcaption::after {
	display:none
}

.MiDetail_Roon {
    font-size: 29px;
    font-weight: 600;
    color: #0a0a0a;
    margin-top: -6px;
}
.MiDetail_Roon .CoRe {
    text-align: right;
    color: #4c0807;
}
.MiDetail_Roon li {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: #000000cf;
    margin-left: -6%;
}
.FAC {
    margin-top: 2%;
}
.FAC h3 {
    text-align: center;
    font-size: 40px;
    letter-spacing: 0.5px;
    color: #fff;
}
.FAC-Underline {
    border-bottom: 1px solid #fff;
    width: 17%;
    margin-left: auto;
    margin-right: auto;
  	margin-bottom:2%;
}
.Hed-Stye-Text-Sub h4 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #4d0908;
}
.Hed-Stye-Text-Sub h5 {
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    margin-top: -5px;
    margin-bottom: -5px;
}

/*effect-ruby*/
#Component5d8b39da71ee31001a71d46c .thumbs {
    margin-bottom: 0px;
}
.effect-ruby p {
    display: none;
}
.effect-ruby h2 {
    transform: translate3d(0,580%,0)!important;
}
.FAC-IMG {
    font-size: 28px;
    text-transform: none;
    letter-spacing: 0.5px;
    word-spacing: 0em;
}

.Hed-Stye-Text {
    margin-top: 4%;
}
.Hed-Stye-Text h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    color: #010101;
    margin-bottom: -10px;
}
.Hed-Stye-Text-Sub {
    margin-top: 2%;
}
.Hed-Stye-Text-Sub h1 {
    text-align: center;
    margin-bottom: 0px;
    color: #ee9b10;
    font-weight: 600;
    letter-spacing: 1.5px;
    font-size: 34px;
}
.Hed-Stye-Text-Sub h2 {
    text-align: center;
    margin: 0px;
    color: #ee9b10;
    font-weight: 600;
    font-size: 34px;
}
.Hed-Stye-Text-Sub h3 {
    font-weight: 600;
    color: #4d0908;
    font-size: 32px;
    margin-bottom: 0px;
}
.Hed-Stye-Text-Sub p {
    text-indent: 2em;
    font-size: 20px;
    color: #000c;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 25px;
	margin-top: 10px;
}
.Hed-Stye-Text-Sub li {
    font-size: 20px;
    color: #000c;
    font-weight: 600;
}


/*from Contact*/
.no-js #Component5d8b39efbe306a001a2b0851 label {
	display: none!important;
}
.no-js #Component5d8b39efbe306a001a2b0851 .col-md-6 {
	width: 100%;
	margin-left: 0;
}
.no-js #Component5d8b39efbe306a001a2b0851 .form-control {
    border: 1px solid #bfbfbf;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-size: 20px!important;
    padding: 20px 20px 17px 20px;
    background: transparent;
	color: #000;
}
.no-js #Component5d8b39efbe306a001a2b0851 .form-control:focus {
    border-color: #1e4c48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
 	color: #000!important;
}
.no-js #Component5d8b39efbe306a001a2b0851 .btn {
    background-image: -webkit-linear-gradient(top,#4f0b09 0,#4f0b09 100%);
    background-image: -o-linear-gradient(top,#4f0b09 0,#4f0b09 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4f0b09 ),to(#4f0b09 ));
	background-image: linear-gradient(to right, #4f0b09 0%,#4f0b09 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040',endColorstr=#404040,GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 5px;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    border: 0px solid transparent;
    color: #fff;
  	transition: 0.32s;
}
.no-js #Component5d8b39efbe306a001a2b0851 .btn-default:active {
	background-color: #404040;
}
.no-js #Component5d8b39efbe306a001a2b0851 .btn-default:hover,
.no-js #Component5d8b39efbe306a001a2b0851 .btn-default:focus {
    background-position: 0 0px;
  	background-image: linear-gradient(to right, #ee9b0f 0%,#ee9b0f 100%);
}
.form-group .label a {
    color: #000;
}
input::placeholder {
    font-weight: 400;
    font-size: 20px;
}
textarea::placeholder {
    font-weight: 400;
    font-size: 20px;
}
textarea.form-control {
    height: auto;
    padding: 10px 20px 10px 20px!important;
}
/*from Contact*/   

.Ctext h2 {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #6a2426;
}
.Ctext p {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: -5px;
    margin-bottom: 20px;
}
.Icon-Contact {
    margin-bottom: 15px;
}
.Icon-Contact img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  	margin-top:-4px;
    display: block;
}
.Icon-Facilities {
    margin-bottom: 4px;
}
.Icon-Facilities img {
    width: 68%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    display: block;
}
.Link-Contact {
    font-size: 20px;
    font-weight: 600;
    color: #000000a3;
    transition: 0.32s;
}
.Link-Contact:hover {
    color: #e9cb6a;
}
.col-text {
    margin-top: 1%;
    margin-bottom: -2%;
}
.Text-Sup h4 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: -5px;
}
.Text-Sup p {
    font-size: 20px;
    font-weight: 600;
}



.page-header {
    display: none;
}
.Textmanager {
    margin-top: 5%;
}
.Product-Text p {
    font-weight: 600;
    color: #000000a6;
    letter-spacing: 0.5px;
  	margin-bottom: 0px;
  	font-size:20px;
}
.indent {
    text-indent: 2em;
}
.Product-Text h2 {
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}
.Product-Text h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0px;
}
.Product-Text li {
    font-size: 20px;
    font-weight: 600;
    color: #000000a6;
}
.height {
    color: #f00;
}
.Product-Text p.height {
    color: #f00;
    font-size: 20px;
    font-weight: 600;
	margin-bottom: 0px;
  	padding-top:20px;
}
.Tw {
    font-weight: 600!important;
    color: #000!important;
}
.top-col {
    padding-top: 3%;
}
.bott-col {
    padding-bottom: 15px;
}
.icon-ameni img {
    width: 100%;
    margin-top: -16%;
}
.Product-Size img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.text-justify {
    text-align: inherit;
}

/*ฟอร์มสร้างเอง*/
.Fm {
    font-size: 22px;
    font-weight: 600;
}


#formdisplay5d8c61fa8ea1f1001ae404b3 .has-feedback .form-control {
    padding-right: 42.5px;
    font-size: 22px!important;
    border-radius: 0px!important;
}
#formdisplay5d8c61fa8ea1f1001ae404b3 .form-control:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: none;
}
#formdisplay5d8c61fa8ea1f1001ae404b3 select {
    padding: 2px 12px;
}
#formdisplay5d8c61fa8ea1f1001ae404b3 input[type="date"] {
    font-size: 22px!important;
    width: 100%!important;
    border-radius: 0px!important;
}
#capcha5d8c61fa8ea1f1001ae404b3 span {
	font-size: 22px;
    font-weight: 600;
}
#capcha5d8c61fa8ea1f1001ae404b3 input {
    border-radius: 0px!important;
}
#capcha5d8c61fa8ea1f1001ae404b3 {
    margin-top: -2%;
    margin-left: -0.5%;
    width: 104.5%;
}
#btnview5d8c61fa8ea1f1001ae404b3 button {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.glyphicon-ok-circle::before {
	display:none;
}

/*Hide Menu Phone*/
@media (max-width:768px) {
.navbar-default .navbar-toggle {
	border-color: #f68e1f00;
}
.navbar-inline .text-bar {
	display: none;
}
.navbar-inline {
    margin-top: 8px;
    margin-right: -2px;
    margin-left: -2px;
    margin-bottom: 8px;
}
.glyphicon-phone-alt:before {
	content: "\e182";
}
p.search_urlSearch, .search_text {
	word-wrap: break-word;
}
.text-justify {
	text-align: inherit;
}
.col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
}
.navbar-brand i {
	font-size: 16px!important;
	margin-top: 3px;
	padding: 0px 5px 0px 5px;
}
#imagesControl5d8b39b171ee31001a71d41f {
    padding: 0px!important;
    margin-bottom: -10px;
}
.Icon-box p {
    font-size: 16px;
}
form.form-search:before, form.form-search .input-group:before {
	top: 2px;
    left: 7px;
}
.input-group-btn:last-child>.btn {
    height: 30px;
}
.input-group input, 
.form-search input
{
    font-size: 20px!important;
}
.itopplus-search-image-flex-item {
    padding: 10px!important;
    min-height: auto!important;
    
}
.search_titleText {
    font-size: 20px;
    text-transform: uppercase;
    text-align: left;
}
.search_text {
    text-indent: 2em;
    font-size: 20px;
    font-weight: 600;
    color: #00000096;
      text-align: left;
}
.pull-right ul {
    display: none;
}
#itopplus-nav-bar li {
    border-right: none;
    margin: inherit;
    height: inherit;
    padding: 0px 10px!important;
}
.nav>li>a {
    padding: 5px 15px!important;
}
.navbar-default {
    background: #4c0807;
}
.navbar-default .navbar-brand {
    color: #ffffff;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ee9b0f;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #ee9b0f;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background-color: transparent!important;
    color: #ee9b10!important;
}
  .bt-booking {
    margin-top: 10%;
}
  .bt-booking span {
    font-size: 27px;
}
  .btn-view {
  	width:100%;
  }
  .HTextstyle p {
  	text-align:center;
  }
  .Hed-Stye-Text-Sub p {
    margin-bottom: 0px;
}
  .Hed-Stye-Text h2 {
    text-align: center;
}
  .bt-booking.size-bk {
    width: 65%;
    padding: 5px 10px 0px 10px;
    margin-top: 8%;
}
  #itopplus-nav-bar li a {
    margin-top: 2px;
    font-size: 20px;
    color: #fff;
}
}
/*Hide Menu Phone*/