.main-img{
    width: 100%;
  }
  @media screen and (min-width: 1900px) {
     .main-img{
        height: 830px;
     }
    }
    @media screen and (min-width: 1200px)  and (max-width: 1900px) {
     .main-img{
        height: 630px;
     }
    }
    /* 当页面宽度大于960px小于1200px */
    @media screen and (min-width: 960px) and (max-width: 1200px) {
     .main-img{
        height: 630px;
     }
    }
    /* 当页面宽度大于600px小于960px */
    @media screen and (min-width: 600px) and (max-width: 960px) {
     .main-img{
        height: 100%;
     }
    }
    /* 当页面宽度大于300px小于600px */
    @media screen and (min-width: 300px) and (max-width: 600px) {
     .main-img{
        height: 100%;
     }
    }
    /* 当页面宽度小于300px*/
    @media screen and (max-width: 300px) {
     .main-img{
        height: 100%;
     }
    }
  .slick-next {
    right: 10px;
    background-image: url(/images/arrow-right-w.png);
  }
  .slick-prev {
    left: 10px;
    background-image: url(/images/arrow-left-w.png);
  }
  .liclack{
    background-color: #fff  !important;
    width: 20px !important;
    height: 20px !important;
    opacity: 1.0 !important;
    border-radius: 50% !important;
  }
  .carousel-indicators .active {
    background-color: #ed7d31 !important;
  }
  .slick-arrow {
  border: 0;
  width: 30px;
  height: 30px;
  opacity: .5;
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  transition: color 400ms;
  cursor: pointer;
  outline: 0;
}
.slick-arrow:before {
  transition: color 400ms;
}
.slick-arrow:hover, .slick-arrow:focus, .slick-arrow:active {
  opacity: 1;
}
@media (min-width: 991px) {
  .slick-arrow {
    width: 50px;
    height: 50px;
  }
}
.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  z-index: 50;
  transform: translateY(-50%);
}


.room-title {
    text-align: center;
    font-size: 20px;
    color: #003A93;
    font-weight: 700;
}
.hotel-pic{
	width: 100%;
}

.hotel-pic img{
	width: 100%;
	height:auto;
}

.hotel-list{
	width: 100%;
	margin-top: 10px;
	overflow:hidden;
}

.hotel-list2{
	width: 100%;
	overflow:hidden;
	
}

.hotel-pic2{
	width: 100%;
	float: left;
}

.hotel-pic2 img{
	width: 100%;
	height:auto;
}

.hotel-pic3{
	width: 20px;
	z-index: 99;
	left: 0px;
	top: 120px;
	position: relative;
	float: left;
}
.hotel-pic3 img{
	width: 100%;
	height:auto;
}


.hotel-pic4{
	width: 20px;
	z-index: 99;
	top: 120px;
	position: relative;
	right: 0px;
	float: right;
}
.hotel-pic4 img{
	width: 100%;
	height:auto;
}


.pl-20{

	padding-left: 180px;

}


.pr-20{
	padding-right: 180px;
}


.hotel-spic{
	width: 3vw;
	height: 3vw;
	max-height: 3vw;
	margin-right: 0.46%;
	float: left;
	margin-bottom: 5px;
}

.hotel-spic img{
	width: 100%;
	height:100%;
}

.pic-type{
	width: 100%;
	margin-top: 10px;
}


.hotel-num{
	display:none;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
}

.price-list{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow:hidden;
	float: left;
}

.price-list1{
	width: 80%;
	float: left;
}

.price-list2{
	width: 50%;
	float: left;
}

.price-list3{
	width: 20%;
	float: right;
	text-align: right;
    padding: 0.5rem;
}

.price-list1-1 {
        display: inline-block;
    margin: 0.5rem;
}

.price-list2-1{
	width: 33.33%;
	float: left;
}

.price-list3-1 {
    width: 33.33%;
    float: left;
}



.month-list{
	width: 100%;
	border: 1px solid #ccd0d3;
	float: left;
	height: 35px;

}

.room-list{
	width: 100%;
	border: 1px solid #ccd0d3;
	float: left;
	overflow:auto;
}


.booking-list{
	width: 100%;
	border: 1px solid #ccd0d3;
	float: left;
	overflow:auto;
	margin-top: 20px;
}

.booking-title{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
	background-color: #174e8e;
}

.booking-title-1{
	color: #FFFFFF;
	font-size: 22px;
	line-height: 35px;
	font-weight: normal !important;
}

.time-list{
	width: 100%;
	border: 1px solid #ccd0d3;
	float: left;
	margin-top: 20px;
}

.time-list1{
	width: 58%;
	float: left;
	overflow:auto;
}

.time-list2{
	width: 42%;
	float: left;
	overflow:auto;
}





.first-all{
	width: 100%;
		overflow:hidden;
}


.first-list{
	width: 100%;
	float: left;
}

.first-list1{
	text-align: center;
	width: calc(25% - 20px);
	float: left;
	margin-left: 20px;
}

.first-list1-1{
	width: 30%;
}

.first-list2{
	width: calc(35% - 20px);
	float: left;
	margin-left: 20px;
}


.first-list2 .selectbox{
    border: 1px solid #85ade3;
    line-height: 25px;
    font-size: 16px;
    color: #333333;
    width: 100%;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}





.first-list2-1{
float: left;
    width: 48%;
    margin-right: 2%;
}

.first-list2-2{
float: left;
    width: 50%;
}

.send-code {
    color: #fff;
    background-color: #0283df;
    border-color: #0283df;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 30px;
    border-radius: 10px;
    transition: color 0.15s;
    padding: 3px 15px;
    margin-right: 0px;
    float: left;
    margin-top: 2px;
}


.first-list34{
overflow:hidden; 
}

.ping-list{
	width: 100%;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
}

.ping-list1{
	width: 30%;
	float: left;
	border: 1px solid #ccd0d3;
}

.ping-list2{
	width: 68%;
	float: left;
	margin-left: 2%;
}

.ping-list3{
	width: 100%;
	float: left;
	border: 1px solid #ccd0d3;
}

.ping-list4{
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccd0d3;
}

.ping-list4-1{
	width: 70%;
	float: left;
}

.ping-list4-2{
	width: 30%;
	float: left;
}

.ping-list4-3{
	width: 100%;
	float: left;
}

.ping-wd1{
	font-size: 16px;
	line-height: 35px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}


.ping-wd2{
	font-size: 16px;
	line-height: 35px;
	margin-right: 10px;
	margin-left: 10px;
}

.ping-wd5 {
    font-size: 15px;
    color: #008000;
    line-height: 26px;
    font-weight: bold;
		margin-left: 10px;
}
.ping-wd6 {
    font-size: 15px;
    color: #2e2e2e;
    line-height: 26px;
		margin-left: 10px;
}


.ping-content{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 14px;
	margin-bottom: 14px;
}

.ping_wd2 {
	font-size: 15px;
	color: #17365d;
	line-height: 30px;
	text-align: center;
}

.ping_wd2p {
	width: 100%;
	overflow:hidden; 
}

.ping_wd2-1 {
	font-size: 15px;
	color: #17365d;
	line-height: 25px;
	width: 25%;
		float: left;
}

.ping_wd2-2 {
	font-size: 15px;
	color: #17365d;
	line-height: 25px;
	width: 60%;
		float: left;
}

.ping_wd2-3 {
	font-size: 15px;
	color: #17365d;
	line-height: 25px;
	width: 15%;
		float: left;
}


.page_wd2 {
    font-size: 15px;
    color: #17365d;
    line-height: 30px;
}

.know_wd2 {
	font-size: 15px;
	color: #2e2e2e;
	line-height: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

.roomset_wd5 {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	margin-left: 20px;
}



.roomset_wd6 {
	min-width: 100px;
	display: inline-block;
    font-size: 16px;
    line-height: 25px;
    color: #009900;
}

.roomset_wd7 {
	font-size: 16px;
	line-height: 25px;
	color: #0283df;
	margin-left: 20px;
}


.ping_textbox1 {
	line-height: 21px;
	background-color: #efe569;
	width: 75%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.ping_textbox2 {
	line-height: 21px;
	background-color: #efe569;
	width: 65%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.ping_textbox3 {
	line-height: 21px;
	background-color: #efe569;
	width: 85%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}


.ping_wd3 {
	text-align: center;
    font-size: 24px;
    color: #579457;
}



.fc{
	display:flex;
	align-items:center;
	justify-content:center;
	height: 100%;
}

.container{
	display: flex;
	margin-left: 0px;
}


.first-list3{
	border: 1px solid #ccd0d3;
	width: 15%;
	float: left;
	font-size: 24px;
	color: #006600;
	text-align: center;
	vertical-align: middle;
	background-color: #E8E8E8;
	padding-bottom: 500em;
	margin-bottom: -500em;
}

.first-list4{
	border: 1px solid #ccd0d3;
	width: 100%;
	float: left;

}

.first-list31{
	border: 1px solid #ccd0d3;
	width: 100%;
	float: left;
	font-size: 20px;
	padding-left: 20px;
	color: #006600;
	background-color: #E8E8E8;
}

.first-list-list{
	width: 100%;
	float: left;
}



.bt-list{
	width: 100%;
	float: left;
	margin-top: 20px;
}

.date_wd7_6 {
    font-size: 16px;
    line-height: 30px;
    color: #ef0202;
    text-align: center;
    font-weight: bold;
}



.date_wd7_6-1 {
    font-size: 16px;
    line-height: 30px;
    color: #ef0202;
    text-align: center;
    font-weight: bold;

}

.date_wd7_7 {
	font-size: 16px;
	line-height: 40px;
	color: #ef0202;
	font-weight: bold;
	padding-left: 0px;
}

.info_textbox {
	border: 1px solid #85ade3;
	line-height: 25px;
	font-size: 16px;
	color: #333333;
	width: 100%;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.info_textbox1 {
	border: 1px solid #85ade3;
	line-height: 25px;
	font-size: 16px;
	color: #333333;
	width: 300px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.info_textbox2 {
    border: 1px solid #85ade3;
    line-height: 25px;
    font-size: 16px;
    color: #333333;
    width: 95%;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.button_8 {
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #0283df;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
    border: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 25px;
}


.button_5 {
    border: 2px;
    line-height: 40px;
    font-size: 24px;
    color: #FFFFFF;
    background-color: #174e8e;
    padding-right: 50px;
    padding-left: 50px;
    cursor: pointer;
    margin-right: 10px;
    margin-left: 60px;
    text-align: center;
    margin-bottom: 20px;
}

.button_5-1 {
    border: 2px;
    line-height: 40px;
    font-size: 24px;
    color: #FFFFFF;
    background-color: #174e8e;
    padding-right: 50px;
    padding-left: 50px;
    cursor: pointer;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 5px;
}

.button_6 {
	border: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 50px;
	font-size: 26px;
	color: #FFFFFF;
	text-align: center;
	background-color: #034a7b;
	padding-right: 30px;
	padding-left: 30px;
	font-weight: bold;
	width: 100px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.button_7 {
	border: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 25px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	background-color: #034a7b;
	font-weight: bold;
	width: 100px;
	float: left;
	margin-top: 5px;
}


.info_wd1 {
    line-height: 50px;
    background-color: #b8cce4;
	overflow:hidden; 
}

.info_wd2 {
    font-size: 24px;
    color: #2e2e2e;
    padding-left: 20px;
}

.info_wd3 {
    font-size: 16px;
    color: #2e2e2e;
    line-height: 40px;
}

.info_wd4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.info_wd5 {
    font-size: 16px;
    color: #034a7b;
   line-height: 30px;
}

.info_wd6 {
    font-size: 16px;
    color: #ef0202;
    line-height: 30px;
}

.info_wd7 {
    font-size: 12px;
    color: #3f9929;
    line-height: 30px;
}

.roomset_box1 {
	width: 90px;
	float: left;
	overflow:hidden;
}

.roomset_box2 {
width: calc(100% - 90px);
	float: left;
	overflow:hidden;
}

.roomset_wd5-1 {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	margin-left: 10px;
		float: left;
}


.roomset_wd7-1 {
	font-size: 16px;
	line-height: 25px;
	color: #0283df;
	margin-left: 10px;
	float: left;
}




.date_wd4  {
	text-decoration: none;
	color: #666666;
	line-height: 35px;
	font-size: 16px;		
}

.date_wd4 a:link {
		text-decoration: none;
		color: #0283df!important;

}

.date_wd4 a:active {
		text-decoration: none;
		color: #0283df!important;

}

.date_wd4 a:visited {
		text-decoration: none;
		color: #0283df!important;

}
 
.date_wd4 a:hover{
	color: #0283df !important;
	text-decoration: none;
}


.date_wd8 {
	font-size: 15px;
	line-height: 35px;
	color: #FF0000;
	padding-left: 25px;
}

.date_wd8-1 {
	font-size: 15px;
	line-height: 35px;
	color: #FF0000;
	padding-left: 25px;
}




.Navigation-column_wd3 {
	font-size: 23px;
	line-height: 25px;
	color: #b2070d;
	text-align: center;
}

.Navigation-column_wd4 {
    font-size: 17px;
    line-height: 30px;
    color: #009900;
    font-weight: bold;
}

.hotel_wd1 {
    font-size: 16px;
    line-height: 25px;
    color: #0283df;
    font-weight: bold;
    padding-right: 15px;
}

.hotel_wd2 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 50px;
}

.hotel_wd2-1 {
	font-size: 15px;
	line-height: 40px;
	color: #333333;
	width: 80px;
}

.hotel_wd2-2 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 50px;
	background-color: #ffdddb;
}

.hotel_wd2-3 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 50px;
}



.hotel_wd2-3 a:link {
		text-decoration: none;
		color: #0283df!important;

}

.hotel_wd2-3 a:active {
		text-decoration: none;
		color: #0283df!important;

}

.hotel_wd2-3 a:visited {
		text-decoration: none;
		color: #0283df!important;

}
 
.hotel_wd2-3 a:hover{
	color: #0283df !important;
	text-decoration: none;
}

.hotel_wd2-4 {
	font-size: 15px;
	line-height: 20px;
	color: #FF0000;
	width: 50px;
	font-weight: bold;
}

.hotel_wd2-5 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 50px;
}

.hotel_wd2-6 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	background-color: #ccc;
	width: 50px;
}

.hotel_wd2-6-2 {
	font-size: 15px;
	line-height: 20px;
	color: #FF0000;
	background-color: #ccc;
	width: 50px;
}

.hotel_wd2-7 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 140px;
}

.hotel_wd2-8 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 160px;
}

.hotel_wd2-9 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 250px;
}

.hotel_wd2-10 {
	font-size: 15px;
	line-height: 20px;
	color: #FF0000;
	width: 80px;
	font-weight: bold;
}

.hotel_wd2-10 a:link {
		text-decoration: none;
		color: #FF0000!important;

}

.hotel_wd2-10 a:active {
		text-decoration: none;
		color: #FF0000!important;

}

.hotel_wd2-10 a:visited {
		text-decoration: none;
		color: #FF0000!important;

}
 
.hotel_wd2-10 a:hover{
	color: #FF0000 !important;
	text-decoration: none;
}


.hotel_wd2-11 {
	font-size: 15px;
	line-height: 20px;
	color: #ff0000;
	width: 100%;
	font-weight: bold;
	text-align: center;
}


.hotel_wd2-12 {
	font-size: 15px;
	line-height: 20px;
	color: #008000;
	width: 80px;
	font-weight: bold;
}

.hotel_wd3 {
	font-size: 15px;
	line-height: 40px;
	color: #333333;
	width: 250px;
}

.hotel_wd3-1 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 250px;
	font-weight: bold;
}


.hotel_wd3-1 a:link {
		text-decoration: none;
		color: #0283df!important;

}

.hotel_wd3-1 a:active {
		text-decoration: none;
		color: #0283df!important;

}

.hotel_wd3-1 a:visited {
		text-decoration: none;
		color: #0283df!important;

}
 
.hotel_wd3-1 a:hover{
	color: #0283df !important;
	text-decoration: none;
}


.hotel_wd3-1-1 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 75px;
	font-weight: bold;
}

.hotel_wd3-2 {
	font-size: 15px;
	line-height: 20px;
	color: #009900;
	width: 150px;
	font-weight: bold;
}


.hotel_wd3-2 a:link {
		text-decoration: none;
		color: #009900!important;

}

.hotel_wd3-2 a:active {
		text-decoration: none;
		color: #009900!important;

}

.hotel_wd3-2 a:visited {
		text-decoration: none;
		color: #009900!important;

}
 
.hotel_wd3-2 a:hover{
	color: #009900 !important;
	text-decoration: none;
}

.hotel_wd3-4 {
	font-size: 15px;
	line-height: 40px;
	color: #333333;
	width: 220px;
}


.button_1 {
    border: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    background-color: #69ac3c;
    padding-right: 10px;
    padding-left: 10px;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px;
}

.hotel_wd3-3 {
	font-size: 15px;
	line-height: 40px;
	color: #333333;
	width: 120px;
}


.map2 {
	width: 100%;
	height: 665px;
	border: 1px solid #ccd0d3;

}

.content_wd-4 {
    font-size: 16px;
    line-height: 40px;
    color: #8F0505;
    text-decoration: underline;
}

.hotelbox01 {
	width: 100%;
	height: 40px;
	overflow:hidden;
}

.hotelbox02 {
	width: 70%;
	float: left;
}
.hotelbox03 {
	width: 30%;
	float: left;
}


.pre-month,
.next-month {
    cursor: pointer;
	color: #0283df!important;
}

.pre-month {
    text-align: right;
}

.next-month {
    text-align: left;
}



th {

 background-color:lightblue;

}


table {

 table-layout: fixed;

 width: 200px; /* �T�w�e�� */

}

td:first-child, th:first-child {
	position:sticky;
	left:0; /* ����û��T�w�� */
	z-index:1;
	background-color: #F4F4F4;
}

thead tr th {

 position:sticky;

 top:0; /* �C���û��T�w��W */

}

th:first-child{

 z-index:2;

 background-color:lightblue;

}

.tablehead {
        table-layout:fixed;
        clear:both;
        width:100%;
        height:40px;
        border:#ccc 1px solid;
        margin-top:10px;
        background-color:#eee;
    }
    .tablebody {
        table-layout:fixed;
        clear:both;
        width:100%;
        margin-top:-1px;
    }
    table td {
        border:#ccc 1px solid;
        text-align:center;
    }
    table tr {
        width:100%;
        height:40px;
    }

    .tablebodyBox {
        overflow-x: hidden;
        width:100%;
        overflow-y:scroll;
        border-bottom:1px solid #ccc;
    }
	
	 @media screen and (max-width : 1650px) {
	.map2 {
	width: 100%;
	height: 530px;
	border: 1px solid #ccd0d3;

}
	
	
	    }
		
			 @media screen and (max-width : 1500px) {
	.map2 {
	width: 100%;
	height: 505px;
	border: 1px solid #ccd0d3;

}


.first-list1{
	text-align: center;
	width: calc(25% - 20px);
	float: left;
	margin-left: 20px;
}



.first-list2{
	width: calc(50% - 20px);
	float: left;
	margin-left: 20px;
}

	
	
	    }
		
		 @media screen and (max-width : 1400px) {
	.map2 {
	width: 100%;
	height: 480px;
	border: 1px solid #ccd0d3;

}
	
	
	    }	
		
				
		 @media screen and (max-width : 1300px) {
	.map2 {
	width: 100%;
	height: 450px;
	border: 1px solid #ccd0d3;

}
	
	
	    }	
		
		
		
			 @media screen and (max-width : 1250px) {
	.map2 {
	width: 100%;
	height: 410px;
	border: 1px solid #ccd0d3;

}
.pl-20{

	padding-left: 20px;

}


.pr-20{
	padding-right: 20px;
}
	
	
	    }
		
				
			 @media screen and (max-width : 1200px) {
	.map2 {
	width: 100%;
	height: 400px;
	border: 1px solid #ccd0d3;

}
.pl-20{

	padding-left: 20px;

}


.pr-20{
	padding-right: 20px;
}
	
	
	    }
		
		
		
							 @media screen and (max-width : 1100px) {
	.map2 {
	width: 100%;
	height: 360px;
	border: 1px solid #ccd0d3;

}


.first-list1{
	text-align: center;
	width: calc(33% - 20px);
	float: left;
	margin-left: 20px;
}



.first-list2{
	width: calc(50% - 30px);
	float: left;
	margin-left: 20px;
}


	
	
	    }
		
		
		
		
		
		
		
		
					

	
		 @media screen and (max-width : 800px) {
		 
		 
		.first-list1{
			text-align: center;
	width: calc(100% - 40px);
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}



.first-list2{
	width: calc(100% - 40px);
	float: left;
	margin-left: 20px;
	margin-right: 20px;
} 
	.info_textbox {
    border: 1px solid #85ade3;
    line-height: 25px;
    font-size: 16px;
    color: #333333;
    width: 100%;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}	 
		 
		 
	.first-list2-1 {
    float: left;
    width: 100%;
    margin-right: 0%;
}	 
	
	
	.first-list2-2 {
    float: left;
    width: 100%;
}	 
		 
		 
		 
		 
	
	.hotel_wd3 {
    font-size: 15px;
    line-height: 40px;
    color: #333333;
    width: 180px;
}
.hotel_wd3-1 {
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    width: 180px;
    font-weight: bold;
}
	
	
	
	
	
	
		 
		 	.map2 {
	width: 100%;
	height: 280px;
	border: 1px solid #ccd0d3;

}
		 
		 .hotel-list{
	width: 100%;
	margin-top: 10px;
	overflow:hidden;
	display:none;
}

.hotel-num{
display:inline;
	width: 100%;
		margin-top: 5px;
	margin-bottom: 10px;
	float: left;
}
 

.button_1 {
    border: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 25px;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #69ac3c;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
    margin-right: 3px;
    margin-left: 3px;
}

.hotelbox02 {
    width: 75%;
    float: left;
}

.hotelbox03 {
    width: 25%;
    float: left;
}

.content_wd-4 {
    font-size: 15px;
    line-height: 30px;
    color: #8F0505;
    text-decoration: underline;
}

.map2 {
	width: 100%;
	height: 250px;
	border: 1px solid #ccd0d3;

}

.hotelbox01 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.price-list1-1 {
        display: inline-block;
    margin: 0.5rem;
}

.price-list3-1 {
    width: 66.67%;
    float: left;
}

.Navigation-column_wd3 {
    font-size: 18px;
    line-height: 25px;
    color: #b2070d;
		text-align: left;
padding-left: 30px;
}

.Navigation-column_wd4 {
    font-size: 15px;
    line-height: 30px;
    color: #009900;
    font-weight: bold;
}

.date_wd4 {
    text-decoration: none;
    color: #666666;
    line-height: 35px;
    font-size: 13px;
}

.date_wd8 {
    font-size: 15px;
    line-height: 35px;
    color: #FF0000;
	display:none;
}



.time-list1 {
    width: 100%;
    float: left;
    overflow: auto;
}

.time-list2 {
    width: 100%;
    float: left;
    overflow: auto;
}

.info_textbox2 {
    border: 1px solid #85ade3;
    line-height: 25px;
    font-size: 16px;
    color: #333333;
    width: 95%;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
		margin-left: 3%;
}

.info_wd4 {
    font-size: 14px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.info_wd6 {
    font-size: 15px;
    color: #ef0202;
    line-height: 30px;
	display:block
}

.info_wd2 {
    font-size: 18px;
    color: #2e2e2e;
    padding-left: 15px;
}

.info_wd1 {
    line-height: 35px;
    background-color: #b8cce4;
}



.first-list1-1{
	width: 100%;
}



.date_wd7_7 {
    font-size: 16px;
    line-height: 40px;
    color: #ef0202;
    font-weight: bold;
	padding-left: 0px;
}

.info_wd3 {
    font-size: 15px;
    color: #2e2e2e;
    line-height: 30px;
    padding-left: 0px;
}

.info_textbox1 {
    border: 1px solid #85ade3;
    line-height: 25px;
    font-size: 16px;
    color: #333333;
    width: 95%;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;

}

.know_wd2 {
    font-size: 14px;
    color: #2e2e2e;
    line-height: 25px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.first-list31 {
    border: 1px solid #ccd0d3;
    width: 100%;
    float: left;
    font-size: 18px;
    padding-left: 15px;
    color: #006600;
    background-color: #E8E8E8;
}

.ping-list1 {
    width: 100%;
    float: left;
    border: 1px solid #ccd0d3;
}

.ping-list2 {
    width: 100%;
    float: left;
    margin-left: 0%;
}

.ping-list4-1 {
    width: 100%;
    float: left;
}

.ping-list4-2 {
    width: 100%;
    float: left;
}


.roomset_wd5 {
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-left: 10px;
}



.roomset_wd6 {
	display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #009900;
}



.roomset_wd7 {
	font-size: 14px;
	line-height: 20px;
	color: #0283df;
	margin-left: 10px;
}



.button_6 {
    border: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height:35px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    background-color: #034a7b;
    padding-right: 30px;
    padding-left: 30px;
    font-weight: bold;
    width: 120px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

.ping-wd1 {
    font-size: 14px;
    line-height: 35px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.button_7 {
    border: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 25px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    background-color: #034a7b;
    font-weight: bold;
    width: 80px;
    float: left;
    margin-top: 5px;
}

.ping-wd5 {
    font-size: 14px;
    color: #008000;
    line-height: 22px;
    font-weight: bold;
    margin-left: 10px;
}

.ping-wd6 {
    font-size: 14px;
    color: #2e2e2e;
    line-height: 22px;
    margin-left: 10px;
}

.ping-wd2 {
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 10px;
}


.pl-20{

	padding-left: 20px;

}


.pr-20{
	padding-right: 20px;
}

.hotel_wd2-7 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 100px;
}

.hotel_wd2-8 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 100px;
}

.hotel_wd2-9 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	width: 150px;
}



.roomset_wd5-1 {
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-left: 10px;
		float: left;
}


.roomset_wd7-1 {
	font-size: 14px;
	line-height: 20px;
	color: #0283df;
	margin-left: 10px;
	float: left;
}

	
	
    }
	
		 @media screen and (max-width : 600px) {	
	
	.date_wd7_6-1 {
    font-size: 16px;
    line-height: 30px;
    color: #ef0202;
    text-align: center;
    font-weight: bold;
	display:block
}



.roomset_wd5-1 {
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-left: 10px;
	width: 100%;
}



.roomset_wd7-1 {
	font-size: 14px;
	line-height: 20px;
	color: #0283df;
	margin-left: 10px;
	width: 100%;
}

.hotel_wd3-3 {
	font-size: 14px;
	line-height: 40px;
	color: #333333;
	width: 90px;
}



.hotel_wd3-4 {
	font-size: 14px;
	line-height: 40px;
	color: #333333;
	width: 180px;
}


   }