/*
Theme Name: Zephyr Child
Template: Zephyr
Version: 1.0
Author:	UpSolution
Theme URI: http://zephyr.us-themes.com/
Author URI: http://us-themes.com/
*/
/* Background pattern from Subtle Patterns */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);

/****/
body { font-family: '敺株��迤暺煾��','Microsoft JhengHei' ,'Merriweather', Helvetica, Arial, 'LiHei Pro', sans-serif;}

.all-title-cn {
    margin: 0 0 20px;
}
.all-title-cn h2 {
    font-size: 40px;
    text-align: center;
    font-family: '敺株��迤暺煾��','Microsoft JhengHei' ,'Merriweather', Helvetica, Arial, 'LiHei Pro', sans-serif;
}
.cn-font h4 {
    font-family:'敺株��迤暺煾��','Microsoft JhengHei' ,'Merriweather', Helvetica, Arial, 'LiHei Pro', sans-serif;
    font-size: 39px;
    line-height: 35px;
    padding: 20px 0 0;
}
.all-title-cn em {
    font-family: 'Raleway', sans-serif !important;
    font-size: 21px; 
    color: #c09875;   
}
.pd20 {
    padding: 20px;    
}
.mg20 {
    margin: 20px;
}
.mgtb20 {
    margin: 0 0 20px;
}
.pd-lr-100 {
    padding:0 100px; 
}
.mg-bt
 {
    margin-bottom: 2.5rem;    
 }
 .no-pd-bt .vc_column-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.whi-bg {
    background: #fbfbfb;
}

@media (max-width: 1366px) {
        .pd-lr-100 {
        padding: 20px;
    }
}
@media (max-width: 991px) {
    .pd20 {
    padding: 20px 0;
    }
}
/****/

/** header **/
/* .l-header.bg_transparent:not(.sticky) {
    background: rgba(0,0,0,0.7);
} */
.header_hor .sidebar_none .l-header.pos_fixed + .l-main .l-section:first-child {
    padding-top: 0px !important;
}
/** header **/

/** font **/
.b-title h2 {
    font-size: 85px;
    font-family: "Abhaya Libre" !important;
    line-height: 75px;
}
.b-title-center {
    font-size: 60px;
    line-height: 70px;
    text-align: center;
}
.index-p {
     margin: 25px 0;
    line-height: 35px;  
}
.s-c-font ,.s-c-font p {
    margin: 0 0 8px;
    font-size: 17px;    
    font-family: "敺株��迤暺煾��" , Arial !important;
}
.mg-b-8 p {
    margin: 0 0 8px !important;
}
.s-c-font h2 {
    font-size: 60px;
    font-family: "Abhaya Libre" !important;    
    line-height: 45px;    
}
.s-c-font-line {
    width: 30px;
    height: 1px;
    background: #a7a7a7;
    margin: 0 auto;
}
.s-c-font-line-left {
    width: 30px;
    height: 1px;
    background: #a7a7a7;
    margin: 0 0 20px;
}
.line-height-b {
    line-height: 45px;
}
/* .content-font-box {
    padding: 20px 0;
    font-size: 1rem;
    text-align: justify;
    line-height: 25px;   
} */
/* .content-font-box h3 {
    color: #6f6f6f !important;
    font-size: 23px;
    margin: 10px 0;
} */
/* .content-font-box p {
    margin-bottom: 0 !important; 
    color: #1b1b1b !important;
    line-height: 30px;    
} */
.content-font-box p .fa {
    margin-right: 10px;
}
.tra-content-font-box h3 {
    color: #6f6f6f !important;
    font-size: 23px;
    margin: 0;
}
.room-en {
    font-family: "Abhaya Libre";
}
@media (max-width: 1366px) {
    .b-title h2 {
    font-size: 50px;
    line-height: 45px;
    }
}
@media (max-width: 991px) {
    .b-title-center {
    font-size: 50px;
    line-height: 55px;
    }
    .s-c-font h2 {
        font-size: 50px;
    }
    .line-height-b {
    line-height: 35px;
    }
    .content-font-box .g-cols.type_default>div {
    float: left;
    }
}
@media (max-width: 767px) {
    .room-content .content-font-box {
    padding: 0;
    }
    .room-icon {
    width: 33.3333%;
    float: left;
    margin: 30px 0 0 !important; 
    }
    .g-cols>div:not([class*=" vc_col-"]) {
    margin: 0 0 0 !important;    
    clear: none !important; 
    }
    .content-font-box {
    padding: 0;    
    }
	

}
@media (max-width: 320px) {
    .room-icon {
    width: 100%;
    float: none;
    margin: 10px 0 0 !important;    
    }
}
/** font **/

/** color **/
.cof {
    color: #c09875;
}
/** color **/


/** social icon **/
.w-socials-item {
    margin: 0;
}
/** social icon **/

/** icon **/
.icon-box {
    margin: 15px 0;
}
.icon-bed ,.icon-water ,.icon-bathtub , .icon-soap, .icon-toilet, .icon-box-key, .icon-bathrobe, .icon-wifi ,.icon-screen ,.icon-refrigerator ,.icon-coke ,.icon-water-heater ,.icon-minibar ,.icon-coffee  { 
    width: 31px;
    height: 31px;
    margin-right: 5px;
    float: left;
    }
.icon-bed {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/bed.svg') no-repeat center;
}
.icon-water {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/water.svg') no-repeat center;
}
.icon-bathtub {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/bathtub.svg') no-repeat center;
}
.icon-soap {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/soap.svg') no-repeat center;
}
.icon-toilet {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/toilet.svg') no-repeat center;
}
.icon-box-key {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/box.svg') no-repeat center;
}
.icon-bathrobe {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/bathrobe.svg') no-repeat center;
}
.icon-wifi {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/wifi.svg') no-repeat center;
}
.icon-screen {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/screen.svg') no-repeat center;
}
.icon-refrigerator {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/refrigerator.svg') no-repeat center;
}
.icon-coke {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/coke.svg') no-repeat center;
}
.icon-water-heater {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/water-heater.svg') no-repeat center;
}
.icon-minibar {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/minibar.svg') no-repeat center;
}
.icon-coffee {
    background: url('http://apm009.surehigh.com.tw/www.starhaushotel.com/wp-content/uploads/2017/12/coffee.svg') no-repeat center;
}

/** icon **/


/** index **/
.w-bg {
    background: #ffffff;
}
.img-bt .w-image {
    margin-bottom: 2.5rem;
}
.slider-bt {
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 10px 15px;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}
.slider-bt:hover {
    background: #ffffff;
    color: #323232;
    border: 2px solid #ffffff;
}
.room-w-bg .vc_column-inner {
    background: #ffffff;
    height: 277px;
    margin: 0 20px;
}
html:not(.no-touch) .w-portfolio-list {
    display: block;
    flex-wrap: wrap;
}
@media (max-width: 1199px) {
    .room-w-bg .vc_column-inner {
    height: auto;
    }
}
/** index **/


/** footer **/
.w-footer-title {
    font-size: 21px;
    color: #ffffff;
    font-family: "Abhaya Libre" !important;  
}
.qr {
    float: left;
    margin: 0 10px 0 5px;    
}
.footer-font {
    font-size: 15px;
    line-height: 25px;
}
.ft-bg {
    padding: 20px 0 !important;
}
/** footer **/


/** room **/
.c-room .vc_column-inner {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.c-room .w-person.layout_card {
    margin: 0 0 15px !important;
}

/** fastbooking **/

.booking_box {
    width: 100%;
    margin: -200px auto;
    }

.fastbooking-box {
    width: 700px;
    max-width: 100%;
    height: 120px !important;
    background: rgba(255,255,255,0.9);
    margin: 0 auto;       
}

.room-fastbooking-box {
    background: #ffffff;
    height: 100%;  
}
.bk-font {
    font-family: "敺株��迤暺煾��" , Arial;
    color: #aaa;
    font-size: 17px;
}
input[type="text"] {
/*    height: inherit;   
    border: 1px solid rgba(0,0,0,0.1); 
    background-color: #ededed !important;*/
    width: 100%;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
/*    font-size: 12px;
	line-height: 20px;*/
}
select {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important; 
}

.fastbooking-bg {
    background-color: #eee;
    width: 100%;
}
.booking-title {
    font-family: "敺株��迤暺煾��" , "Microsoft JhengHei", Arial !important;
    display: table;
    font-size: 1.5rem;
    color: #333333;
    line-height: 30px;
    text-align: center;
    padding: 0 15px;
    margin: 25px 0;
    float: left;
    width: 20%;    
}
.icon-calendar {
    color: #333333;
}
.input-group ,.form-control {
    display: table;
    float: left;
    margin: 12px 3px!important;
    padding: 10px;
    width: 25%;
    height: 43px;  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;   
}
.booking-room-box {
    display: table;
    float: left;
    margin: 11px 0 0 5px !important;
    padding: 10px;
    width: 20%;
    height: 43px;
}
.element-is-sticky .booking-room-box {
    margin: 5px 0 0 5px !important;

}
.booking-s-box {
    display: table;
    margin: 13px 0 0;
    border: 1px solid rgba(0,0,0,0.1);
    height: 43px;
    width: 100%;
}
select {
    background-color: #ededed !important;
    color: #000000 !important;
}
.pika-prev, .is-rtl .pika-next ,.pika-next, .is-rtl .pika-prev {
    box-shadow: none;
}
.booking-font {
    font-size: 19px;
    color: #fff;
    letter-spacing: 1px;
}
.booking-bt {
    font-family: "敺株��迤暺煾��" , Arial !important;
    /*-webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;*/
    width: 185px;
    height: 120px;
    border-radius: 0px;
    text-align: center !important;
    color: #fff;
    float: right;
    border: 0;
    margin: 0;        
}
.booking-bt:hover {
    color: #ffffff;
    background: #c09875;
}

.element-is-sticky {
    width: 1000px !important;
    height: 60px !important;    
    left: 50% !important;
    margin: 0 0 0 -500px !important;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    background: rgba(255,255,255,1);
   }
.element-is-sticky .booking-bt {
    height: 60px !important; 
}
.element-is-sticky input[type="text"] {
    width: 130px;
    margin: 0 !important;
}
.element-is-sticky .bk-font {
    float: left;
    margin: 6px 6px 6px 0;    
}
.element-is-sticky .booking-s-box {
    width: 70px;
    margin: 0;    
}
.element-is-sticky .input-group, .element-is-sticky .form-control ,.element-is-sticky .booking-room-box {
    margin: 0 3px!important;
}

@media (max-width: 1366px) {
    .booking_box {
    margin: -150px auto;
    }
}
@media (max-width: 991px) {
    .booking-title br {
    display: none;
    }
    .booking-title,.input-group ,.form-control {
        width: 100%;
    }
    .booking-s-box {
        width: 40%;
        margin: 15px 10px 20px;
    }
    .booking-title {
        margin: 13px 0 0;
        box-sizing: border-box;    
    }
    .input-group, .form-control {
        margin: 0px !important;
    }
    .fastbooking-box {
    display: none;  
    }
}


    /** fastbooking Room **/
.room-bk-title {
    font-family: 'Sofia', cursive; 
    color: #7ac49f;
    margin: 20px 0; 
    font-size: 40px;  
    text-align: center;
}
.room-fastbooking-box {
    background: rgba(207,233,219,0.5);
/*     height: 100%; */
    padding: 75px 25px;
	border: 1px solid #7ac49f;
}
.room-input-group {
    width: 100%;
    display: inline-block;
    margin: 10px 0;    
}
.room-input-group input[type="text"] ,.room-input-group select {
    height: 35px;
    margin: 10px 0 !important;
    background-color: transparent !important;
    color: #aaa !important;   
    border: 1px solid;
}

.room-booking-bt {
    font-family: "敺株��迤暺煾��" , Arial !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
    width: 100%;
    height: 50px;
    border-radius: 0px;
    text-align: center !important;
    color: #fff;
    border: 0;
    margin: 0;
    background: #c09875;
    margin: 20px 0;  
}
.room-booking-bt:hover {
    background: #fafafa;
    color: #1b1b1b;

}
@media (max-width: 991px) {
    .room-fastbooking-box {
    padding: 30px 25px;
    }
}

@media (max-width: 767px) {
/*     .room-fastbooking-box {
    margin: 35px 0;
    }
    .room-fastbooking-box {
    padding: 10px;
    } */
    .room-input-group {
    margin: 0px;
    }
    .room-input-group input[type="text"], .room-input-group select {
    margin: 5px 0 !important; 
    }
/*     .room-booking-bt {
    height: 35px;
    margin: 5px 0;
    } */
}
@media (max-width: 320px) {
    .room-fastbooking-box {
    margin: 0 0;
    }
}


    /** fastbooking Room **/


/** fastbooking **/



.l-titlebar h1 ,.w-tabs-item-title ,.w-text.font_main_menu, .w-nav-item , h1 ,h2 ,h3 , h4 ,h5 ,h6 { 
    font-family: '敺株��迤暺煾��','Microsoft JhengHei' ,'Merriweather', Helvetica, Arial, 'LiHei Pro', sans-serif !important;
}
.l-titlebar.size_small h1, .l-titlebar.size_medium h1 {
    color: #fff;
}
.news-box .news-title h2 {
	font-size: 18px;
}
.news-box h2:before {
    position: relative;
    top: .1rem;
    left: 0;
    content: 'keyboard_arrow_right';
    font-family: 'Material Icons';
    font-size: 1.2rem;
    opacity: .5;
    color: #715743;
}
.news-box .title {
	font-size: 20px;
    line-height: 30px;
    font-weight: 100;
    letter-spacing: 0px;
    color: #715743;
}
.title p {
    margin: 20px 0 -10px !important; 
}
.news-box .w-blog-list {
	margin: 20px 0;
}
.news-box .w-blog.layout_compact .w-blog-post {
    margin-bottom: 0;
    line-height: 35px;
}

.font-title .wpb_wrapper h3 {
    font-size: 1.5rem;
    font-family: '敺株��迤暺煾��','Microsoft JhengHei' ,'Merriweather', Helvetica, Arial, 'LiHei Pro', sans-serif;    
}
.font-title .wpb_wrapper ul {
     margin-left: 0;    
}
.font-title .wpb_wrapper ul li {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 5px 10px;
    list-style-type: none;    
}
.font-title .wpb_wrapper ul li:before
{
    position: relative;
    top: .1rem;
    left: 0;
    content: 'keyboard_arrow_right';
    font-family: 'Material Icons';
    font-size: 1rem;
    opacity: .5;
    color: #715743;
}
.center-box i {
    font-size: 17px;
    color: #715743; 
    margin-left: 30px;      
}
.w-bg .rsOverflow {
    background-color: rgba(0,0,0,0);
} 
.w-bg .royalSlider .rsArrow , .w-bg .rsFullscreenBtn {
     text-shadow: 0 1px 3px rgba(76, 76, 76, 0); 
    color: rgba(0,0,0,0.3);
}
.p-font {
    margin: 0 0 20px;
    line-height: 30px;    
} 
.footer-p .wpb_wrapper p {
	font-size: 13px;
    margin: 5px 0;
}  
.pd-top {
    padding: 20px 0 0 0 ;
}
.border-top {
    border-top: 1px solid rgba(0,0,0,0.05) !important;    
}
.bt {
    font-size: 15px;
    background-color: #e7e7e7 !important;
    color: #666666 !important;   
}
.pd0 {
	padding: 0px;
}
.pd10 {
	padding: 10px;
}
.pd60-top {
	padding: 60px 0 0 0;
}
.w-gallery-item-description {
    opacity: 1;
}
.float-left-mg {
	float: left;
	margin: 0 10px; 
}

@media (min-width: 1601px) {
	.pd0 .l-section.width_full>.l-section-h>.g-cols.type_boxes>div>.vc_column-inner {
    padding: 0rem;
	}
}
@media (min-width: 1000px) and (max-width: 1280px) {
	.header_hor .ush_menu_1.type_desktop .w-nav-list.level_1>.menu-item>a {
    padding: 0 7px !important;
	}
}

/** color **/

.gold-color {
	color: #c09875 !important;
}
.gold .l-main .w-blog-post-meta>* {
 	background: #c09875 !important;
 }
.gold .w-blog.layout_latest .w-blog-post-meta-date {
	background: #c09875 !important;
}
.gold .w-blog-post-meta-date-month ,.gold .w-blog-post-meta-date-day {
	color: #ffffff !important;
}
.bu-bt-bg .ult-modal-input-wrapper.ult-adjust-bottom-margin {
	margin-bottom: 20px; 
}


/** color **/

/** blog **/
.w-blog.layout_latest .w-blog-post-meta-date {
	height: 90px;
	width: 90px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 rgba(0,0,0,0) inset;
}
.w-blog.layout_latest .w-blog-post {
    margin-top: 30px; 
    margin-bottom: 40px;
}
.w-blog-post-content *:last-child {
    border-top: 1px solid #e1e1e1;
    padding: 10px 0 0;
}
.w-blog-post-content {
    margin-top: 10px;
}
/** blog **/

/** email **/
.contact-box-one {
	width: 98%;
	margin: 5px;
}
.contact-box-second {
	width: 48%;
    margin: 5px;
    display: inline-block;	
}
/*.wpcf7-form {
    border-top: 1px solid #e0e0e0;
}*/
.wpcf7-form-control.wpcf7-submit {
    width: 100%;
}
/** email **/

/** Transportation **/
.tra-box-red h5 {
    color: #e5005a;
    margin: 10px 0;
    padding: 10px;
    background: #fafafa;
}
.tra-box-red p ,.tra-box-b-red p {
	margin: 0 10px;
}
.tra-box-red h5 .fa ,.tra-box-b-red h5 .fa {
    margin: 0 5px 0 0;	
}
/** Transportation **/


/** Tour **/
.tour-all-box span  {
	font-size: 20px;
}
.l-section.color_custom .w-tabs-list {
    border-color: rgba( 0, 0, 0, 0.1);
}
.tour-box h5 {
    margin: 0 0 10px;	
}
.tour-box p {

}
/** Tour **/

/** fb **/
.fa-s-w {
	width: 9px !important;
}
.fa-icon {
	font-size: 31px;
    position: relative;
    top: 5px;
}
.footer-icon .fa-icon {
    font-size: 31px;
    position: relative;
    top: -5px;
}
.dis {
	display: none;
}
.h0 {
	height: 0;
}
.fb {
	position: fixed;
    top: 180px;
    right: 0px;
    z-index: 999;
    background: #3c5a9a;
    padding: 10px 15px;
    box-shadow: 1px 1px 50px #fff;    
    color: #fff;
    font-size: 23px;
    border-radius: 3px 0 0 3px;
}
@media (max-width: 1000px) {
	.fa-icon {
		display: none;
	}
	.dis {
	display: block;
	}
}
@media (max-width: 767px) {
	.fb {
		top: 100px;
		padding: 10px 15px;
	}
}
/** fb **/


/** portfolio **/

.index-pic .g-cols.type_default>div>.vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.index-pic .vc_column-inner {
    padding: 0 22px 0 23px !important;
}

.index-pic-dw .g-cols.type_default>div>.vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.index-pic-dw .vc_column-inner {
	padding: 0px !important;
}

.index-pic-dw-hidden .w-portfolio-item-anchor ,.index-pic-dw-hidden {
	height: 310px;
	overflow: hidden;
}
.no-pd .vc_column-inner {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
}

@media (max-width: 1024px) {
	.index-pic-dw-hidden .w-portfolio-item-anchor ,.index-pic-dw-hidden {
	height: 252px;
	overflow: hidden;
	}
}

@media (max-width: 767px) {
	.index-pic-dw-hidden {
		height: auto;
	}
}

/** portfolio **/

/** blog **/
.bolg-pd .l-section-h {
    padding: 0px !important;
}
/** bolg **/

/*Add your own styles here:*/