/* used by every page */
.float-right { float: right ;}
.float-left { float: left ;}
.color-white{ color: #fff;}
.color-gray { color: #868686;}
.color-gw 	{ color: #F2F2F2; }

.bg-color-white{background-color: #fff;}
.bg-color-yellow{background-color: #fda40b;}
.bg-color-trans{background-color: transparent;}
.bg-color-gray { background: rgba(239, 239, 239, 1); }
.bg-color-blue { background: #26BEC9 ; }
.bg-color-default { background-color: rgb(246,246,245) ; }
.no-border{ border:0;}
.pointer { cursor: pointer;}

.height-16 { height: 1.6rem ; }


.btn-link:hover { color: #868686 ; text-decoration: none;}

.table-row { display: table; }
.table-cell { float: none; display: table-cell; vertical-align: top; }

.cut-bread { padding-top: 10px; padding-bottom: 5px; }
.cut-bread .breadcrumb { margin: 0px ; padding: 0px;}

/*
	index page css ------------------------------------------------------------------------------------
 */
.header { background: #FFF ; height: 70px; }
#header-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.header .header-logo { margin-top: 10px; width: 120px ; }
.header .border-left { border-left: 1px solid #E9EFF2 ; }
.header .border-double { border-left: 1px solid #E9EFF2 ; border-right: 1px solid #E9EFF2 ; }
.header .table-row { float: right; }
.header .table-cell { height: 70px; line-height: 70px;}
.header .table-cell:hover { background-color: #f6f6f5 ; }
.header .border-double { padding-left: 10px ; padding-right: 10px; }
.header .border-double button { min-width: 120px; }
.table-account { clear: both; cursor: pointer; }
.account-user-photo { 
	float: left; width: 4.8rem; height: 4.8rem;border-radius: 50%;border: 1px solid #e9eff2;
	margin: 0 0.8rem;position: relative;vertical-align: bottom ;overflow: hidden; top:10px;
	background-size: cover; background-position: center;
}
.account-user-name  { float: right;margin-right: 20px; color: #8A8E8E ; padding-top: 5px;}
.account-user-msg { position: relative; cursor: pointer;}
.account-user-msg .glyphicon { font-size: 3rem; margin: 25px 20px auto 20px; color: #8A8E8E ; }
.account-user-msg-count { 
	padding: 2px;position: absolute;min-width: 25px;height: 25px;background-color: #FFB400;top: 15px;
	line-height: 20px;color: #FFF;font-size: 1.4rem;border-radius: 20px;right: 20px;border: 1px solid #FFF;
}
.welcome-page { color: white; background-size: cover; text-align: center; position: relative; background-position: 50%;}
.welcome-page .welcome-page-slogan { width: 100%; margin-top: 150px; text-shadow: 2px 2px 10px rgba(0,0,0,0.9);}
.welcome-page .welcome-page-action { margin-top: 150px; height: 160px;padding-top: 15px; background: rgba(0%,0%,0%,0.6); }
.welcome-page .welcome-page-action h6 { font-size: 2rem; }
.welcome-page .image-editor { position: absolute; right: 10px ; bottom: 10px;  font-size: 1.2rem; opacity: 0.2; }

@media (min-width: 769px) and (max-width: 992px) {
	#header-container { width: 750px; }
}
@media (min-width: 993px) and (max-width: 1200px) {
	#header-container { width: 970px; }
}
@media (min-width: 1201px)  {
	#header-container { width: 1170px; }
}
@media (max-width: 768px) {
	.header .border-double button { min-width: 10px; }
	.header .btn { padding: 10px 10px; }
	.account-user-name { display: none; }
	#account-user-name { display: none; } 
}

.world-map { background-size: cover; background-image: url('../img/bg-map.png'); }
.world-map .home-product-title span { border-top: 1px solid #BAC3CA; padding-top: 10px; font-size:3.4rem;}
.world-map .world-map-title { margin-top: 65px; font-size: 3.4rem; }
.world-map .world-map-slogan { margin-top: 25px; font-size: 2rem; }
.world-map .world-map-city { margin-top: 15px; margin-bottom: 50px;  }
.world-map .world-map-city .col-xs-1 { 
	cursor: pointer; background-image: url('../img/icon_map-pin-02.png') ; 
	background-repeat: no-repeat;background-position: 50%;height: 100px;
	background-size: 35px;
}
.world-map .world-map-city .col-xs-1:hover { background-image: url('../img/icon_pin.png') ; background-size: 53px; }
.world-map .world-map-city .col-xs-1 h6 { font-size: 1.4rem ; margin-top: 90px;}

.home-product-list { margin-top: 30px; }
.home-product-list .home-product-title span { border-top: 1px solid #BAC3CA; padding-top: 10px; font-size:3.4rem;}
.home-product-list .home-product-view { cursor: pointer; position: relative; }
.home-product-list .home-product-view .home-product-view-slogan { position: absolute; left:15px;top:0px;z-index: 2000;}
.home-product-list .home-product-view .home-product-view-slogan img { width: 57px; }
.home-product-list .home-product-view .home-product-view-img { height: 197px ; line-height: 197px; background-size: cover ;}
.home-product-list .home-product-view .home-product-view-title { 
	padding-left: 10px; padding-right: 10px; margin-top: 10px; font-size: 1.4rem; 
	height: 60px; overflow: hidden; line-height: 20px;
}
.home-product-list .home-product-view .home-product-city { margin-top: 5px; height: 31px; font-size: 1.2rem; color: #8A8E8E; padding-left: 10px; padding-right: 10px; }
.home-product-list .home-product-view .home-product-price { font-size: 1.2rem; color: #8A8E8E;height: 50px;padding-right: 10px; }
.home-product-list .home-product-view .home-product-price span { font-size: 2rem; padding-left: 15px; }
.home-product-list .home-product-view .home-product-more-data { 
	position: absolute; height: 307px ; background: rgba(100%,100%,100%,0.8); 
	top: 0px; z-index: 1000 ;
	margin-right: 15px;
}
.home-product-list .home-product-view .home-product-more-data { display: none;}
.home-product-list .home-product-view .home-product-more-data .home-product-more-data-title {
	font-size: 1.4rem;height: 70px;overflow: hidden;line-height: 2rem;margin-top: 30px;padding: 15px; width: 263px;
}
.home-product-list .home-product-view .home-product-more-data .home-product-more-data-star {
	margin-top: 10px;padding-right: 15px;font-size: 1.2rem;
}
.home-product-list .home-product-view .home-product-more-data .home-product-more-data-event-space {
	margin-top: 50px; height: 20px ;
}
.home-product-list .home-product-view .home-product-more-data .home-product-more-data-event {
	margin-top: 6px; font-size: 1.2rem; color: #8A8E8E; padding-left: 10px; padding-right: 10px;
}
.home-product-list .home-product-view .home-product-more-data .home-product-more-data-event span { vertical-align: middle; }
.home-product-more-data-event i { margin-right: 5px; }
.home-product-more-data-event img { width: 2rem;  }

.home-product-list .home-product-view:hover .home-product-more-data  { display: block; ; }
.home-product-list .home-product-view:hover .home-product-city  { opacity:0; }
.home-product-list .home-product-view:hover .home-product-view-title { opacity:0;}

.home-event { margin-top: 30px; }
.home-event .home-event-title span { border-top: 1px solid #BAC3CA; padding-top: 10px; font-size:3.4rem ; }
.home-event img { width: 100% ;}

.home-guarantee { background-color: #F2F2F2 ; margin-top: 50px ;}
.home-guarantee .home-guarantee-slogan { padding-top: 30px;     padding-bottom: 10px; font-size: 4rem; }
.home-guarantee .home-guarantee-slogan span { color: #FFB400 }
.home-guarantee .home-guarantee-slogan h3 { font-size: 3.4rem ; }
.home-guarantee .home-guarantee-button { padding-bottom: 20px; }
.home-guarantee .home-guarantee-button button { background-color: #FFB400; color: #FFF ; width: 130px;  }
.home-guarantee .home-guarantee-button button:hover { background-color: #CC8F00; }
.home-guarantee .home-guarantee-list { padding-top: 20px; padding-bottom: 50px; }
.home-guarantee .home-guarantee-view { position: relative; }
.home-guarantee .right-border { border-right: 1px solid #BDBDBD;position: absolute;right: 15px;height: 100%;top: 0px; }
.home-guarantee .home-guarantee-view .home-guarantee-img { height: 160px; }
.home-guarantee .home-guarantee-view .home-guarantee-img img { width: 100% ; }
.home-guarantee .home-guarantee-view h3 { }
.home-guarantee .home-guarantee-view h4 {  font-size: 1.6rem; }




/*
	message-list page -------------------------------------------------------------------------------------------------------------------------------------
 */
.message-list {  background-color: #FFFFFF ; border-radius: 5px ; margin-top: 30px; }
.message-list .message-event .row { margin: 0px; }
.message-list .message-event .border{ border-top: 1px solid #e9eef1 ;  }
.message-list .message-event .editer-logo { width: 64px; height: 64px ; margin: 0 auto; }
.message-list .message-event .editer-name { font-size: 1.4rem ; }
.message-list .message-event .sorting{ float: right; }
.message-list .message-event .sorting button {  }
.message-list .message-event .message-content h6 { 
	font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
}
.message-list .message-event .message-date h6 { font-size: 1.4rem; }
.message-list .message-event .message-date { margin-top: 30px; }
.message-list .message-event .message-date-phone { display: none; }

@media (max-width: 767px) {
	.message-list .message-event .message-date { display: none; }
	.message-list .message-event .message-date-phone { display: block; }	
}
.message-list .message-event .message-content .message-content-detail { 
	font-size: 1.6rem ; font-weight: bold; color:#64696b ; 
}
.message-list .message-event .bg-color-default .message-content-detail {  font-size: 1.6rem ; font-weight: 100;  }




/*
	productview page css ----------------------------------------------------------------------------------------------------------------------
 */
.guide_lang_image img { width: 2.4rem ; cursor: pointer;}

.productview { background: #FFF ;}
.productview div.div-star { text-align: right ; }

@media (max-width: 991px) {
	.productview div.div-star { text-align: left; }
}
.send_booking .text-right { margin-top: 10px; font-size: 1.4rem ;}

.productPage-detail #timetable .timetable-day { background: #F2F2F2;margin-bottom: 10px; }
.productPage-detail #timetable .timetable-cutlery { padding-top: 5px; padding-bottom: 5px; font-size: 1.2rem;}
.productPage-detail #timetable .timetable-cutlery i { color : rgb(254,179,0); }
.productPage-detail #timetable .timetable-content{font-size: 1.6rem; padding-bottom: 10px;color: #64696B;margin-bottom: 10px;}
.productPage-detail #timetable .border-bottom { border-bottom: 1px solid #F2F2F2; }

.productPage-detail #timetable .timetable-image img { width: 100% ;}
.productPage-detail #map .row { margin-bottom: 25px ;}
.productPage-detail #map img { width: 90% ;}
.productPage-detail #map .h4 { padding-left: 50px; }
.productPage-detail #map ul { margin-left: 80px;font-size: 1.4rem; }
.productPage-detail #comment .message .content { overflow: hidden; }
.productPage-detail #comment .remessage {background: none repeat scroll 0% 0% #E9EEF1; padding: 10px;}
.productPage-detail #aboutus .row { margin-top: 45px; }
.productPage-detail #aboutus .row .title { font-size: 2rem; }
.productPage-detail #aboutus .row .content { font-size: 1.4rem; }
.productPage-detail #aboutus img { width: 100% ;}

/* message */
.message-item { background: #FFF ; margin-bottom: 20px;}
.message-item div { width:100% ; }
.message-item .message-image { height: 197px; background-size: cover; background-position: 50%;  } 
.message-item .image {  width: 100% ;}
.message-item .description { 
	padding: 10px 15px ;  
	line-height: 2rem;
	font-size: 1.4rem;
}
.message-item .formula { 
	padding: 0px 15px 5px 15px ; 
	line-height: 2rem;
	font-size: 1.4rem;
	font-weight: 100;
}
.message-item .dotted-line {
	border-bottom: 2px dotted #B1B1B1;
	margin-bottom: 10px;
}
.message-item .price {
	position: relative;
	line-height: 2.4rem;
	padding-right: 15px ;
	padding-bottom: 10px;   
}
.message-item .price .refund {
	position: absolute;
	left: 15px;
	bottom: 10px;
}
.message-item .commit .commit-title {
	color: #FF0000 ;
	padding-left: 15px ;
	font-size: 1.4rem;
}
.message-item .commit ul li {
	font-size: 1.4rem;
	color: #B1B1B1;
	line-height: 2rem;
    font-weight: 100;
    padding-right: 10px;
}
.message-textarea {
	width: 100% ;
    border: 1px solid #E9EEF1;
}
.message-btn {
	white-space: normal;
	min-width: 25rem;
	margin: 0px auto;
	float: right;
}
.message-slogan {
	font-weight: 100 ;
}

.message { padding: 10px 0px 10px 0px ; }
.message .box { font-size: 1.4rem ; }
.message .box img { width: 100% ;}
.message .box .content { overflow: auto; }
.message .editer-logo {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid #E9EFF2;
	margin: 0px 1.8rem;
	text-align: center;
	background-color: white;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.message .editer div { padding: 5px; }
.message div.stars { margin-top: 25px; }
.message .date { 
	font-size: 1.4rem ; 
	padding-top: 5px;
	padding-bottom: 5px;
}
.message hr {
	border-color: #BAC3CA ;
	margin-top: 0px ;
}
ul.pagination { margin: 0px ;}
@media (max-width: 768px) {
	.message-btn { width: 100% }
	.message .editer { float: none;}
	.message .editer-logo { 
		float: none;
		width: 15rem;
		height: 15rem;
		margin: 0rem auto;
		overflow: hidden;
	}
	.message .box img { width: 100px; height:100px ; }
}

/*
	passenger page css ----------------------------------------------------------------------------------------------------------------------

 */
.passenger { background-color: rgb(246,246,245); padding-top: 20px ;}
.passenger .input-title { line-height: 42px; }
.passenger .passenger-data { padding: 15px; border: 2px dashed #BAC3CA;  margin-top: 30px; font-size: 1.4rem ; }
.passenger .passenger-data .head-title { font-size: 2rem ; }
.passenger .passenger-data .passenger-name { color: #51565A; font-weight: 100; }
.passenger .passenger-data .passenger-input{ padding-bottom: 15px ; }

@media (min-width: 751px) and (max-width: 991px) {
	.passenger .passenger-data .passenger-input .pointer { font-size: 1.6rem ; }
}

.payway i.pay-kind-i { vertical-align: middle; }
.payway img.pay-kind-img {
	width: 100% ;
}
.payway .credit-card-pay {
    width: 100%;
    max-width: 350px;
    margin: 0px auto;
    margin-bottom: 20px;
    padding-top: 20px ;
}
.payway .credit-card-pay .form-container { margin-top: 30px; }
.payway .credit-card-pay .row { padding: 0px 15px; }
.payway .credit-card-pay .col-sm-12 { padding:2px 0px 2px 0px ; }
.payway .credit-card-pay input { width: 100% ; }
.payway .credit-card-pay button { width: 100% ; line-height: 1.3; border-radius: 0px; }
.paypal-btn { width: 60% ;}
.btn-next { margin-top: 20px ; margin-bottom: 20px; }
.order-payway-modal table { width: 100% ; margin-top: 20px ; margin-bottom: 40px; }
.order-payway-modal thead { background-color: #e9eef1 ; }
.order-payway-modal tbody tr { border-bottom: 1px solid #e9eef1; }
.order-payway-modal thead tr th , .order-payway-modal tbody tr td {  padding: 5px;  font-size: 1.6rem ; }
.order-payway-modal tbody tr td { color:#BAC3CA; }
.order-payway-modal tbody tr.choose td { color: #64696b ;}
.order-payway-modal tbody tr.choose td div { color: #FF0000 ; font-size: 1.4rem; }
/*
	Order_view page css ----------------------------------------------------------------------------------------------------------------------
 */
.order_view { background: #FFFFFF ;}
.order_view .table_detail { margin-top: 20px ; font-size: 1.4rem ;}
.order_view .table_detail .row { margin-top: 15px ; margin-bottom: 15px ; }
.order_view .table_detail p { border-bottom: 1px solid #e9eef1; }
.order_view .table_detail p.last {  border-bottom: 0px ; margin: 0; }
.order_view .table_detail .total { margin-top: 0px; border-top: 1px solid #e9eef1; }
.order_view .price { float: right; } 
div.div-order-bg-image { min-height: 100px ; background-size: cover; min-height: 200px;  background-position: 50%; }
div.div-order-bg-image h2 { top: 50px; position: relative; }



#div_meeting div.h4 , #div_purpose div.h4 { padding-left: 45px ;}
#div_meeting ul , #div_purpose ul { margin-left: 15px; font-size: 1.4rem; }


/*
	cancelOrder modal css ----------------------------------------------------------------------------------------------------------------------
 */
.cancelOrder .choose-div-1 { margin-bottom: 50px; }
.cancelOrder .choose-div-1 div.row { width: 79% ; margin-left: 70px; padding:0px 20px; border: 1px solid #e9eef1 ; }
.cancelOrder .choose-div-1 .choose-div-1-col h6 { font-size: 1.4rem; color: #64696b; margin: 0; }
.cancelOrder .choose-div-1 .choose-div-1-col .commit-title { color: #FF0000 ; font-size: 1.4rem; }
.cancelOrder .choose-div-1 .choose-div-1-col ul li { font-size: 1.4rem; color: #64696b; }
.cancelOrder .choose-div-1 .col-sm-3 h6 { font-size: 1.4rem; }
.cancelOrder .choose-div-1 .col-sm-3 h2 {margin: 0;color:#494c4f;}

.cancelOrder .choose-div-2 { margin-bottom: 50px; }
.cancelOrder .choose-div-2 div.row { width: 85% ; margin-left: 35px; padding:0px 20px; }
.cancelOrder .choose-div-2 h5 { font-weight: bold; margin: 0px ;}
.cancelOrder .checkbox { margin-bottom: 0px; padding-bottom: 0px; height: 30px; }
.cancelOrder .checkbox , .cancelOrder .checkbox label{ padding-left: 0px ;}
.cancelOrder .choose-div-2 textarea { margin-top: 20px; width: 100%; border: 1px solid #BAC3CA;font-size: 1.4rem;}

.cancelOrder .choose-div-3 { margin-bottom: 50px; }
.cancelOrder .choose-div-3 div.row { width: 85% ; margin-left: 35px; padding:0px 20px; }
.cancelOrder .choose-div-3 table { margin-top: 0px;}
.cancelOrder .choose-div-3 .formula-div { border: 1px solid #e9eef1; padding: 20px; }
.cancelOrder .choose-div-3 .formula-div .formula {  padding-bottom: 10px; line-height: 2rem; }
.cancelOrder .choose-div-3 .formula-div .formula span { font-size: 1.6rem; font-weight: 200;  }
.cancelOrder .choose-div-3 .formula-div .formula .float-right { font-size: 2.4rem; font-weight: 400;  }
.cancelOrder .choose-div-3 .formula-div .formula-result { font-size: 3.2rem ; }
.cancelOrder .choose-div-3 .formula-div .dotted-line {	border-bottom: 2px dotted #B1B1B1;	margin-bottom: 10px; }
.cancelOrder .choose-div-3 .formula-div .price { position: relative; line-height: 2.4rem; padding-bottom: 10px;    }

.cancelOrder .choose-h3-1 {
	font-size: 3.4rem;
	text-align: left;
	display: table-cell;
	padding-bottom: 2.4rem;
	padding-left: 5.8rem;
	background: url('../img/icon_01.jpg') no-repeat scroll left top / 5rem auto transparent;
	padding-top: 0.8rem;
}
.cancelOrder .choose-h3-2 {
	font-size: 3.4rem;
	text-align: left;
	display: table-cell;
	padding-bottom: 2.4rem;
	padding-left: 5.8rem;
	background: url('../img/icon_02.jpg') no-repeat scroll left top / 5rem auto transparent;
	padding-top: 0.8rem;
}
.cancelOrder .choose-h3-3 {
	font-size: 3.4rem;
	text-align: left;
	display: table-cell;
	padding-bottom: 2.4rem;
	padding-left: 5.8rem;
	background: url('../img/icon_03.jpg') no-repeat scroll left top / 5rem auto transparent;
	padding-top: 0.8rem;
}
@media (min-width: 980px) and (max-width: 1279px) {
	.cancelOrder .choose-div-1 div.row { width: 78% ;  }
}
@media (min-width: 768px) and (max-width: 979px) {
	.cancelOrder .choose-div-1 div.row { width: 76% ;  }
}
@media (min-width: 361px) and (max-width: 767px) {
	.cancelOrder .choose-div-1 div.row { margin-left: 50px; }
	.cancelOrder .choose-div-2 div.row { margin-left: 20px; }
	.cancelOrder .choose-div-3 div.row { margin-left: 20px; }
	.cancelOrder .other-reason { margin-top: 40px }
}
@media (max-width: 360px) { 
	.cancelOrder .choose-div-1 div.row { width: 90% ;  }
	.cancelOrder .choose-div-2 div.row { width: 100% ;  }
	.cancelOrder .choose-div-3 div.row { width: 100% ;  }
	.cancelOrder .choose-div-1 div.row { margin-left: 30px; }
	.cancelOrder .choose-div-2 div.row { margin-left: 0px; }
	.cancelOrder .choose-div-3 div.row { margin-left: 0px; }
	.cancelOrder .other-reason { margin-top: 40px }
}

/* 
	for #supplier page  -------------------------------------------------------------------------------------------------
*/
#supplier .page { width: 100% ; position: relative; }
/* page1 */
#supplier .page1 { background-image: url("../img/bg_host.jpg"); background-repeat: no-repeat; background-size: 100%; }
#supplier .sprite-img1{ width:165px; height: 130px; margin:0 auto; padding:10px; }
#supplier .sprite-img1.img1{ background-position: 10px -590px; }
#supplier .sprite-img1.img2{ background-position: 10px -790px; }
#supplier .sprite-img1.img3{ background-position: 10px -990px; }
/* page2 */
#supplier .page2 .page2-image { width: 40%; margin-top: 25px;}
#supplier .page2 span { font-size: 2.4rem; font-weight: normal; }
/* page3 */
#supplier .page3 .page3-image { width: 90%; margin-top: 25px;}
#supplier .page3 h1{margin-top: 45%; }
/* page4 */
#supplier .page4 h1{margin-top: 30%; }
#supplier .page4 .page4-image {background-image: url("../img/bg_feature03.jpg"); background-repeat: no-repeat; background-position: right top; background-size: contain;}
/* page5 */
#supplier .page5 .page5-image { width: 80% ;}
/* page6 */
#supplier .page6 { padding-top: 50px ;  padding-bottom: 30px;}
#supplier .page6 h1 { font-size: 4rem; margin-top: 10px;}
#supplier .page6 h3 { font-size: 2rem; margin-top: 5px; margin-bottom: 0px;}
/* page7 */
#supplier .page7 { padding-top: 0px ;  padding-bottom: 50px;}
/* page8 */
#supplier .page8 .container { padding-top: 50px; }
#supplier .page8 {background-image: url("../img/bg_cities_dark.jpg"); background-size: contain; min-height: 250px;}
#supplier .page8 .btn-lg { width: 70%; }
/* commit */
#supplier .sprite-img{ background-image: url("../img/sprite_marketing.png"); background-repeat: no-repeat; background-size: 800px 1200px; }
#supplier .sprite-img.go-down-white{ background-position: -390px -384px; width:120px; height:75px;}
#supplier .sprite-img.go-down-gray{ background-position: -390px -190px; width:120px; height:75px;}
#supplier .sprite-img.go-down-green{ background-position: -391px -10px; width:120px; height:50px;}
#supplier .go-down{position:absolute;bottom:0;left:50%;margin-left:-65px;width:130px;height:60px;}




@media (min-width: 1200px) {
	#supplier .page { height: 634px ; }
	#supplier .page1 .page1-slogan { line-height: 130px; }
	#supplier .page1 .page1-illustrated { margin-top: 20px ; }
	#supplier .page4 .page4-image { height: 634px ; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	#supplier .page { height: 634px ;  }
	#supplier .page1 .page1-slogan { line-height: 130px; }
	#supplier .page1 .page1-illustrated { margin-top: 20px ; }
	#supplier .page2 .page2-image { width: 48%; margin-top: 25px;}
	#supplier .page3 .page3-image { width: 100%;margin-top: 50px; }
	#supplier .page3 h1 { font-size: 4rem; }
	#supplier .page4 .page4-image { height: 634px ; }

	#supplier .page6 h1 { font-size: 3rem; }
	#supplier .page6 h3 { font-size: 1.7rem;}
}

/* col-sm */
@media (min-width: 768px) and (max-width: 991px) {
	#supplier .page1 { background-image: url("../img/bg_host.jpg"); background-size: cover; }
	#supplier .page { height: 634px ;  }
	#supplier .page1 .page1-slogan { line-height: 130px; }
	#supplier .page2 .page2-image { width: 60%; margin-top: 25px;}
	#supplier .page3 { height: 500px; }
	#supplier .page3 .page3-image { width: 100%;margin-top: 45px; }
	#supplier .page3 h1 { font-size: 3rem; }
	#supplier .page3 h3 { font-size: 2rem; }
	#supplier .page4 { height: 360px; }
	#supplier .page4 h1 { font-size: 3rem; }
	#supplier .page4 h3 { font-size: 2rem; }

	#supplier .page6 h1 { font-size: 2.5rem; }
	#supplier .page6 h3 { font-size: 1.3rem;}
}

@media (max-width: 768px) {
	#supplier .page1 { background-image: url("../img/bg_host.jpg"); background-size: cover; }
	#supplier .page1 .page1-slogan { line-height: 170px; margin-top: 25px; }
	#supplier .thumbnail { margin-bottom: 40px; }
	#supplier .page2 .page2-image { width: 75%; margin-top: 25px; margin-bottom: 70px;}
	#supplier .page3 h1 { margin-top: 8%; text-align: center; }
	#supplier .page3 h3 { text-align: center; }
	#supplier .page3 .page3-image { width: 100%;margin-top: 25px; margin-bottom: 60px; }
	#supplier .page4 .col-xs-12 { text-align: center;margin-top: 125px; margin-bottom: 70px; }

	#supplier .page6 .col-xs-12 { width: 100%; margin-bottom: 40px; }
}










/* 
	for #traveller page  -------------------------------------------------------------------------------------------------
*/
#traveller .page { width: 100% ; height: 634px ;position: relative; }
#traveller .bgpage { height: 260px; }
#traveller .bgpage h2 { padding-top: 90px ; margin: 0;}
#traveller .keypage { height: 300px; padding-top: 25px; }
#traveller .keypage p { font-family: normal ; text-align: left; color: #C0C0C0; padding: 0px 20px 0px 20px; }


/* page1 */
#traveller .page1 { background-image: url("../img/bg_traveller.jpg"); background-repeat: no-repeat; background-size: 100%; }
#traveller .sprite-img1{ width:165px; height: 130px; margin:0 auto; padding:10px; }
#traveller .sprite-img1.img1{ background-position: 10px 0px; }
#traveller .sprite-img1.img2{ background-position: 10px -200px; }
#traveller .sprite-img1.img3{ background-position: 10px -400px; }
#traveller .sprite-img2{ width:200px; height: 80px; margin:0 auto; padding:10px; }
#traveller .sprite-img2.img1{ background-position: -600px 0px; }
#traveller .sprite-img2.img2{ background-position: -600px -200px; }
#traveller .sprite-img2.img3{ background-position: -600px -400px; }
#traveller .sprite-img2 h2{width:250px;}

/* page2 */
#traveller .page2 { background-image: url("../img/bg_promise_01.jpg"); background-repeat: no-repeat; background-size: 100%; }
/* page3 */
#traveller .page4 { background-image: url("../img/bg_promise_02.jpg"); background-repeat: no-repeat; background-size: 100%; }
/* page7 */
#traveller .page7 { background-image: url("../img/bg_promise_03.jpg"); background-repeat: no-repeat; background-size: 100%; }

/* page6 */
#traveller .sprite-img3{ width:200px; height: 170px; margin:0 auto; text-align: center;}
#traveller .sprite-img3.img-pay1{ background-position: -195px 0px; }
#traveller .sprite-img3.img-pay2{ background-position: -180px -200px; }
#traveller .sprite-img3.img-pay3{ background-position: -180px -400px; }
#traveller .sprite-img3.img-pay4{ background-position: -180px -600px; }
#traveller .sprite-img3 h4{position: absolute;bottom: 0;}
#traveller .sprite-img4{display: inline-block; width:50px; height: 20px; margin:60px auto; padding:10px; }
#traveller .sprite-img4.img1{ position: absolute;right: -25px; background-position: -390px -600px; }

/* page9 */
#traveller .page9 .container { padding-top: 50px; }
#traveller .page9 {background-image: url("../img/bg_cities_white.jpg"); background-repeat: no-repeat; background-size: cover; min-height: 360px;}

/* commit */
#traveller .sprite-img{ background-image: url("../img/sprite_marketing.png"); background-repeat: no-repeat; background-size: 800px 1200px; }
#traveller .sprite-img.go-down-white{ background-position: -390px -384px; width:120px; height:75px;}
#traveller .sprite-img.go-down-gray{ background-position: -390px -190px; width:120px; height:75px;}
#traveller .sprite-img.go-down-green{ background-position: -391px -10px; width:120px; height:50px;}
#traveller .go-down{position:absolute;bottom:0;left:50%;margin-left:-65px;width:130px;height:60px;}



@media (min-width: 1980px) {
	#traveller .bgpage { height: 400px; }
	#traveller .bgpage h2 { padding-top: 150px ;}
	#traveller .page2 , #traveller .page4 , #traveller .page7 { background-position-y : -450px }
}
@media (min-width: 1440px) and (max-width: 1980px) {
	#traveller .bgpage { height: 400px; }
	#traveller .bgpage h2 { padding-top: 130px ;}
	#traveller .page2 , #traveller .page4 , #traveller .page7 { background-position-y : -390px }
}	
@media (min-width: 1200px) and (max-width: 1439px) {
	#traveller .bgpage { height: 360px; }
	#traveller .bgpage h2 { padding-top: 120px ;}
	#traveller .page2 , #traveller .page4 , #traveller .page7 { background-position-y : -270px }
}


@media (min-width: 1200px) {
	#traveller .page1 .page1-slogan { line-height: 130px; margin-top: 7%; margin-bottom: 8%; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	#traveller .bgpage { height: 300px; }
	#traveller .bgpage h2 { padding-top: 100px ;}
	#traveller .keypage { height: 330px; padding-top: 25px; }

	#traveller .page1 .page1-slogan { line-height: 130px; margin-top: 7%; margin-bottom: 8%; }
	#traveller .page2 , #traveller .page4 { background-position-y : -220px }


	#traveller .page3 .page3-image { width: 100%;margin-top: 50px; }
	#traveller .page3 h1 { font-size: 4rem; }
	#traveller .page4 .page4-image { height: 634px ; }

	#traveller .page6 h1 { font-size: 3rem; }
	#traveller .page6 h3 { font-size: 1.7rem;}
}

/* col-sm */
@media (min-width: 768px) and (max-width: 991px) {
	#traveller .page { height: 540px ;  }
	#traveller .keypage { height: 360px; padding-top: 25px; }

	#traveller .page1 { background-image: url("../img/bg_traveller.jpg"); background-size: cover; }
	#traveller .page1 .page1-slogan { line-height: 130px; margin-top: 7%; margin-bottom: 8%; }
	#traveller .page2 , #traveller .page4 { background-position-y : -180px }

	#traveller .page5 { height: 1150px; }	
	#traveller .sprite-img4 { display: none ;}
}

@media (max-width: 768px) {
	#traveller .bgpage { height: 200px; }
	#traveller .bgpage h2 { padding-top: 50px ;}
	#traveller .keypage { height: 560px; padding-top: 25px; }
	#traveller .page1 { background-image: url("../img/bg_traveller.jpg"); background-size: cover; height: 1100px; }
	#traveller .page1 .page1-slogan { line-height: 170px; margin-top: 50px; margin-bottom: 70px; }
	#traveller .page1 .thumbnail { margin-bottom: 70px; }
	#traveller .page2 , #traveller .page4 { background-position-y : -120px }
	#traveller .sprite-img4 { display: none ;}

	#traveller .page5 { height: 1250px; }
}



@media (min-width: 992px) {
	#traveller .page5 { height: 540px; }
	#traveller .concept { height:200px; margin-top: 60px; }
}




/*
	php view add data -------------------------------------------------------------------
 */
.wish_booking_btn {
	margin:8px auto 8px auto;
}