/* CSS Document */
@charset "utf-8";
*{
  font-family: "klavika-web", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif ;	
}
html,body{
	width:100%;
	height:100%;
	min-width:310px;
    background-color: #e0e0e0;
}
@media (max-width: 480px){
	body{
    	background-color: #EAEAEA;
	}
}
a {
	color:#000;	
}
a:hover{
	color:#000;
}
a img { 
	border: 0px;
}
.pathway {
	white-space:nowrap;
	display: inline-block;
}
.clr{	
clear:both;
height:0px;
visibility:hidden;
}
.modal{
	z-index:999999999;
	
}
.modal-backdrop {
	z-index:999999998;
}
.topmenu{
	height:50px;	
}

.topmenu .alert {
    z-index: 99999998;
    position: relative;
}
.topmenubox{
	width:100%;
}
.alert {
    margin-bottom: 0px;
}
.navbar {
}
.navbar-hotel .navbar-nav>li>a {
    color: #FFF;
	/*font-size:18px;*/
}
.navbar-hotel {
	min-width:310px;
	position:fixed;
	width:100%;
    background-color:#041976;;
    border:0px;
	/*border-bottom: 1px #999 solid;*/
	    border-radius: 0px;
	z-index:99999999;
    min-height: 50px;
    margin-bottom: 0px;
}
/*.nav-mainmenu {
	display:none;	
}*/
.logo1 {
	padding:0px;	
}
.logo1>img{
	height:100%;
}

	.fbbtnstr2{
		display:inline;
		/*font-size: 22px;*/
	}
	.fbbtnstr1{
		display:none;
	}
@media (min-width: 768px){
	.fbbtn{
		font-size: 30px !important;
		font-weight: bolder;
		display: block;
		/* margin-top: 20px; */
		/* margin-left: 10px; */
		color: #333;
		padding: 10px 5px !important;
	}
	a.fbbtn:hover{
		color:#000;
		text-decoration:none;	
	}
	.fbbtnstr2{
		display:none;
	}
	.fbbtnstr1{
		display:inline;
	}

}
/*
#index_mainmenu{
	display: none;
}
@media (min-width: 768px){
	#index_mainmenu{
		display:inherit;
	}
	#index_mainmenu>ul{
		position: fixed;
		z-index: 999999;
		margin-top: 54px;
		padding-left: 27px;	
		top: 60px;
	}
	#index_mainmenu>ul>li{
		list-style: none;
		line-height: 34px;
	}
	#index_mainmenu>ul>li a{
	
	}
}
@media (max-width: 400px){
	#index_mainmenu{
		display:inherit;
	}
	#index_mainmenu>ul{
		padding: 0px;	
	}
	#index_mainmenu>ul>li{
		list-style: none;
		line-height: 34px;
		border-bottom:1px solid #666;
	}
	#index_mainmenu>ul>li a{
	
	}
}*/
.clr-col-padding{
	padding:0px;
	
}
.fullrow{
	margin-left:-15px;
	margin-right:-15px;	
}
.hotelcontent {
	background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
   /* margin-top: 25px;
    margin-bottom: 20px;*/
    display: table;
	box-shadow: 1px 1px 5px #828282;
	width:100%;
}
/*
.introtext {
    border-top: 1px solid #000;
	padding-bottom:50px;
	margin:0px auto;
	width:100%;
	max-width:1100px;
}
	.introtext h2{
		margin: 0px 0px 0px 0px;
		padding-bottom:10px;
		font-weight:normal;
		font-family: Century Gothic;
		letter-spacing: -2px;
	}*/
.hotelcontent h3.title{
	text-align: center;
    font-size: 30px;
    font-weight: bolder;
    margin: 0px auto 20px;
    padding-bottom: 10px;
    color: rgba(0, 140, 255, 0.78);
    text-shadow: 1px 2px 2px #A0A0A0, 0 0 0px #000;
	border-bottom: 1px solid #CCCCCC;
}
@media (min-width: 768px){
	.hotelcontent h3.title{
		margin: 0px auto 50px;
	}
	
}
@media (max-width: 400px){
	.hotelcontent h3.title{
		margin:0px;
	}

}


.introtext p{
    letter-spacing: 3px;
    line-height: 26px;
    margin-bottom: 20px;
}

.content iframe
,.content img{
	max-width:100% !important;
	height:inherit !important;	
}
.content iframe
{
	min-height:300px;	
}
@media (max-width: 767px){
	.content iframe
	,.content img{
		width:100%;
	}
}

.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}
.zwin-mall-member>div{
	width:100%;
	max-width:800px	
}
.zwin_member_title{
	color: #fff;
    background-color: #000000;
    border-color: #000000;
	display: inline-block;
    padding: 10px 12px;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	height:45px;
	width:100%;
}
.zwin_member_title a{
	color: #fff;
}
.zwinmall_panel .panel-title>a{
	display:block;
		
}
.zwinmall_panel .panel-title>.glyphicon-chevron-down{
	float:right;
}
.zwinmall_btn-group{
	width:100%;	
}
.zwinmall_btn-group>.btn{
	width:50%;	
}
.zwinmall_btn-prev {
    color: #fff;
    background-color: #9A9A9A;
    border-color: #808080;
}
.zwinmall_btn-next {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.zwin-mall-shopcar{
	width:100%;
	max-width:800px;
	margin-top:10px;
}
.zwin-mall-shopcar table.orderinfo td{
	padding: 6px 0px;
	
}
/*.zwin-mall-shopcar table.orderinfo td>div.text{
	padding: 6px 0px;
	
}*/
.zwinmall_shopcar_delete_item_btn{
    float: right;
    margin-right: 0px;
    margin-top: -21px;
    color: #636363;
    font-size: 22px;
    padding: 10px 0px 5px 14px;
}

.goods_item_info_content {
	padding: 8px;	
}

.goods_item_info_content p{
	line-height:inherit;
	letter-spacing:inherit;
	text-align: justify;
	margin-bottom:12px;
}
.goods_item_info_content h5{
	color: #333;
    background-color: #f5f5f5;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
	margin: 8px -8px;
	padding: 10px 15px;
	font-size:16px;
}
.goods_item_info_content ol{
	padding-left: 25px;
}
.goods_item_info_content ol>li{
	margin-bottom:12px;
}
@media (min-width: 768px){
	.goods_item_info_content {
		padding: 15px;	
	}
	.goods_item_info_content h5{
		margin: 15px -15px;
	}
	
}
.cd-top {
	display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 13px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.49);
    opacity: 0; 
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    color: #FFF;
    padding: 10px 11px;
    font-size: 18px;
	cursor:pointer;
}
@media only screen and (min-width: 1024px){
	.cd-top {
		height: 60px;
		width: 60px;
		right: 13px;
		bottom: 30px;
		padding: 15px 19px;
    	font-size: 23px;
	}
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 10px;
}
.datetimepicker td, .datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0;
}
.datetimepicker td.day {
	color: #2F78D6;
}
.datetimepicker th.dow {
	background-color:#EFEFEF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.datetimepicker th.dow.hday {
	color: #900;
}
.df_query_extra {
    table-layout: fixed;
}
.df_dealform_row {
    display: table;
    width: 100%;
    /*height: 41px;*/
    position: relative;
}
.df_component:first-child {
    padding-left: 0;
}
.df_component {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: 100%;
    padding-left: 1px;
}
.df_btn_query_extra {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;
    transition-duration: 200ms;
    transition-property: opacity;
    color: #444;
    background: #fff;
    cursor: pointer;
    text-align: left;
}
.df_btn_checkin:before, .df_btn_checkout:before {
    top: 0;
    left: 0;
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 100%;
    background-color: #2567a5;
}
.df_btn_query_extra .df_label, .df_btn_query_extra .df_title {
    display: block;
    padding-left: 16px;
    font-size: 13px;
    font-weight: bold;
}
.df_btn_query_extra .df_label {
    padding-bottom: 1px;
    font-size: 11px;
    font-weight: normal;
}
.df_btn_checkout:before {
    background-color: #e37a1f;
}
.col-hotel-p2 .form-control{
	height:	40px;
	border-radius:2px;
	width:100%;
}
	.col-hotel-p1{
	}
	.col-hotel-p2{
		padding-top:2px;
		
	}

@media (min-width:400px){
	.col-hotel-p1{
		float:left;
		width:75%;
	}
	.col-hotel-p2{
		float:left;
		width:25%;
		padding-top:0px;
		padding-left:1px;
		
	}
}
.hotelrow {
	margin:9px auto;
	max-width:1100px;
		
}
.hotelrow:first-child {
	margin-top:12px;
		
}
.roomitem {
	width:100%;
	padding-bottom:10px;
	margin-left:1px;
	margin-bottom: 30px;
}

.prices1 {
	color:#C00;
	font-size:21px;
}
.hotel_info_3{
	text-align:center;
	padding-top:25px;
}
@media (min-width:768px){
	.roomitem {
		width:100%;
		border-bottom:solid 1px #ccc;
		margin-bottom:10px;
		padding-bottom:10px;
		margin-left:1px;
	}
	.hotel_info_3{
		/*box-shadow: 0px 0px 10px #AAA;
		border-radius: 7px;
		padding: 1px 10px 10px;	*/
	}
}
@media (max-width:767px){
	.hotel_info_1{
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		padding-top: 19px;
		box-shadow: 0px -3px 5px #D8D8D8;
	}
	.hotel_info_3{
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding: 1px 10px 10px;
		box-shadow: 0px 2px 4px #CECECE;
	}
}
#save_zwinhotal .input-group{
	margin-bottom:20px;	
}
#save_zwinhotal .content iframe
,#save_zwinhotal .content img{
	width:100% !important;
	height:inherit !important;	
}
.roomitem h4 {
    font-weight: bolder;
    color: #000000;
    /* background-color: #484848; */
    padding: 20px 0px;
    /* padding-bottom: 20px; */
    margin: 0;
}
.contentdiv,
.menberContent{
	background-color: #fff;
	border-radius: 5px;
    box-shadow: 1px 1px 5px #828282;
    margin: 20px auto;

}