@charset "UTF-8";

.logo2 {
  width: 100%;
  height: 100px;
 
}

.logo2 a {
  display: inline-block;
	
}

.logo2 a img {
  width: auto;
  height: 33px;
  padding-top: 31px;
  padding-left: 100px;
	
}
/* =========詳細頁====================== */

.top2 {
  height: calc(80vh - 100px);
  width:auto;
	margin-bottom: 150px;
  
}
.top2 .banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.top2 .banner .swiper-container-banner {
  width: 100%;
  height: 100%;
}

.top2 .banner .swiper-container-banner .swiper-slide {
  width: 100%;
  height: 100%;
}

.top2 .banner .bgImg {
  width: 100%;
  height: 100%;
}


/* ===========內頁上方banner==================== */
.top_full {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display:flex;
  width:100%;
  height: calc(80vh - 100px);
  
/* =======上右圖的高========= */
}
.left{display:block;width:20%; min-height: 200px;box-sizing: border-box; }
.left h1{display:inline-block;
    writing-mode: vertical-lr ;
	-webkit-writing-mode: vertical-lr;
	border-left: #000 solid 1px;font-size: 45px;font-weight: bold;  margin-left:100px;}
.right{display:inline-block;width:80%;height: calc(100vh - 100px);box-sizing: border-box; }

.top_writing {display:block;width:calc(75% - 100px);float:right;margin-bottom:30px;margin-right:calc(5% + 100px); clear: both; }
.top_writing p{ font-size: 18px; line-height:1.5; letter-spacing:1px;font-weight: 600; margin-top: 50px; box-sizing: border-box;}

/* =========詳細頁====================== */

/* =======左上文字的寬度百分比========= */
.inside_left{display: block;width: 45%; overflow: hidden; float: left;}
.inside_left h1{font-size: 28px;font-weight: 800;margin-left: 100px;text-decoration:none;color:#333;}
.inside_left span{font-size: 18px;font-weight: 600;}
.inside_left p{display: block;width:80%;margin-left: 100px;font-size: 16px;padding:0px 0 0 0;letter-spacing: 2px;line-height: 1.5;}
.inside_left p a{text-decoration:none;color:#333;}
.inside_nav{display: block;width:90%;overflow: hidden; margin: 47px 100px ;}
.inside_nav ul{ list-style-type:none;} 
.inside_nav li{display:block; width: 53%;float:left;}
.inside_nav li a{font-size: 18px;line-height:2;letter-spacing: 1.5;text-decoration:none;padding:15px 0;color:#333;}
.inside_nav li a:hover{font-weight: bold;color:#000;text-decoration:underline;}

.span{font-size: 22px;line-height:2;letter-spacing: 1.5;font-weight: bold;color:#000;	}

/* =======上右圖的寬度百分比========= */
.exphoto{display: block; width: 50%; float:right; padding-top: 167px;}


/* ==========宿旅下方選單=================== */

.footer_nav{display: block;width: 100%;height: auto;margin: 20px 0 220px 0;}
.nav_content{display:block; width: 80%; margin-left:20%;margin-bottom: 50px; }
.box{display:block;width: 100%;}
.nav_title{display:inline-block;width: 15%;font-size:20px;font-weight:800;line-height:1;text-decoration:none;color:#333;padding-right:10px;text-align:left;}
.item {display:inline-block; width: 15%;  text-align:left;}
.item a{font-size: 18px;letter-spacing: 1.5;text-decoration:none;color:#333; text-align: left; }
.item a:hover{font-weight: bold;color:#000;	}
.item a::before {
  font-weight: normal;
  display: inline-block;
  content: "\f138";
  font-family: "fontawesome";
  margin-right: 0.5em;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-animation-fill-mode: forwards;
}

/* ==========宿旅下方選單2=================== */

.footer_nav1{display: block;width: 100%;height: auto;margin: 20px 0 220px 0;}
.nav_content1{display:block; width: 80%; margin-left:20%;margin-bottom: 50px; }
.box1{display:block;width: 100%;}
.nav_title1{display:inline-block;width: 15%;font-size:20px;font-weight:800;line-height:1;text-decoration:none;color:#333;padding-right:10px;text-align:left;}
.item1 {display:inline-block; width: 30.4%;  text-align:left;}
.item1 a{font-size: 18px;letter-spacing: 1.5;text-decoration:none;color:#333; text-align: left; }
.item1 a:hover{font-weight: bold;color:#000; }
.item1 a::before {
  font-weight: normal;
  display: inline-block;
  content: "\f138";
  font-family: "fontawesome";
  margin-right: 0.5em;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-animation-fill-mode: forwards;
}


/* ============共用=================== */
.Copywriting{display: block;width:80%; margin: 50px 0 ;float:right;}
.Copywriting h2{font-size:24px;font-weight:800; line-height:2;}
.Copywriting h3{font-size:22px;font-weight:600; line-height:1.5;}
.Copywriting  p{ display: block; width:  1300px; height: auto; font-size: 16px; line-height: 2; letter-spacing: 2px; font-weight: 300;	}

/* ============靠右共用=================== */
.right_content{display:block;width:calc(70% - 100px);float:right;margin-bottom:60px;margin-right:calc(10% + 100px); }
.right_content p{font-size:16px;line-height: 2;letter-spacing: 2px;padding:10px 0 50px 0;}
.right_content p a{font-weight: 600;color: #333;}
.right_content h2{font-size: 24px;font-weight:800;padding:30px 0; }
.right_content h3{font-size: 15px;font-weight:800; line-height:2;}
.map{display: block;width: 100%; min-height:400px; margin-bottom: 50px;}
.Cube{display: block; width:100%;}
.Cube_l{display:inline-block ; width: 65%;}
.Cube >.Cube_r{display:inline-block;border: 1px solid #333;line-height: 1.5;letter-spacing:2; padding:20px;box-sizing: border-box;}
.Cube > p span{color:#333; font-weight:bold;}
.Cube > p span2{color:#ec0202; font-weight:bold;}

/* ============客製包場=================== */
.list_box{display:inline-block;width:29%;height:auto; margin-right:3%;}
.list_box img{width: 100%; height: auto;margin-bottom: 30px;}
.list_box h4 {font-size: 24px ; line-height: 1.5;font-weight:bold;}
.list_box h5 {font-size: 15px ; line-height: 1.5;font-weight:bold;}
.list_box p{ display: block;height:80px; font-size: 16px;line-height: 1.5;letter-spacing:1px;padding-right: 20px;}
.list_box >.more a{color: #000; font-weight: 800; text-decoration:underline;text-align: right;}
.list_box >.more a:hover{color: #000;}



/* ============遊園=================== */
.play_box{display:block;width:100%;height:auto; margin:50px 0; margin-bottom:0;}
.play_box img{width: 100%; height: auto; margin-bottom: 50px;}
.play_box h2{font-size: 20px ; line-height:1.5;font-weight:bold; padding: 0;}
.play_box h4{font-size: 20px ; line-height:1.5;font-weight:bold; padding: 0;text-align: center;}
.play_box h3{font-size: 16px ;line-height: 1.5;letter-spacing:1px;padding-right: 30px;font-weight:bold;text-align: center;}
.play_box h5{font-size: 16px ;line-height: 1.5;letter-spacing:1px;padding-right: 30px;font-weight:bold;}
.play_box p{font-size: 16px ;line-height: 1.5;letter-spacing:1px;padding-right: 30px; margin-bottom:0;}

/* ============交通=================== */
.right_content1{display:block;width:calc(100% - 0px);float:right;margin-bottom:60px;margin-right:calc(0% + 0px); }
.play_box1 img{width: 100%; height: auto; margin-bottom: 50px;}

/* ============order=================== */

.all_Centered{display:block;width:80%;margin: 0 auto;margin-bottom: 100px;}
.all_Centered h1{font-size: 26px;font-weight:800; text-align: center; line-height: 3;}

.Centered{display:block;width:1200px;height:auto;padding: 30px 30px 100px 30px;margin: 0 auto; box-sizing: border-box;}
.Centered h1{font-size: 30px;font-weight: 800;margin: 50px 0;}
.Centered h2{display: inline-block;color: #333;font-size:20px;letter-spacing: 3px;font-weight:800;line-height: 3;}
.Centered img{width:100%;height:auto;margin: 0 auto;}
.Centered ul{list-style-type: disc;line-height: 1.5;letter-spacing: 2px;padding: 15px;}

.lump{display:flex;flex-direction:row; justify-content:space-between; overflow: auto;}
.lump_l{width:60%;overflow: auto;}
.lump_l h1{ line-height: 1; text-align: left; }

.lump_r{width:50%;overflow: auto;}
.lump_r img{margin-top: 50px;}
.back  a{display:block;font-size: 20px;text-align: center;margin: 50px 0;color: #910000;text-decoration: none;font-weight: 600;	}
.back  a:hover{color:#910000;	}

/* ============搜尋結果=================== */

.search_type{display:inline-block;width:50%;overflow-y: auto;float: left;}
.room_list{overflow: auto;margin-bottom: 20px;border-bottom: 0px #999 dashed;}
.room{display: block;width:100%;min-height: 150px;padding:10px;box-sizing: border-box;}
.room img{width:100%;height:auto;}
.room p{padding:10px 0;line-height: 1.5;}
.room h2{font-size:22px ;font-weight:bold; }
.room h5 a{ display: inline-block; font-size:16px ;font-weight:600;line-height:2; padding: 0 30px;color: #fff; background: #B10002; border-radius:5px;border: 0; text-decoration: none; }
.room span{font-size: 18px ;font-weight: 800; color:#996633; vertical-align:sub;}

.search{display:inline-block;width:43%; height: auto; background: #f9f4f0; line-height: 35px;float: left;}
.Search_down{display: block;width: 100%;min-height:80px;overflow: auto;padding: 30px;margin-bottom: 30px;border: 1px dashed #333; box-sizing: border-box;}
.Search_down p{letter-spacing: 2;line-height: 1.5;font-size: 20px;font-weight: 300;vertical-align: sub;}
.Search_down span{font-size:22px;color: #ec0202;}

.search_bar{display:inline-block;width: 100%;margin: 0 0 20px 0;}
.search_bar input[type="date"] {
	width: 100%;
}
.search_bar input[type="number"] {
	width: 100%;
}
.search_bar input[type="submit"]{
display:block; width:100%;line-height: 40px; border: none;font-size: 14px; color: #fff; background: #4d4d4d;
}
.text{padding: 10px;}

.calenda{display: block;width: 100%;min-height: 300px; overflow: auto;box-sizing: border-box;}
.moon{text-align: center;font-size: 22px;line-height: 2;font-weight: 800;}
.week{display:flex;width:100%;justify-content: space-around;}
.days{display:flex;width:100%; justify-content: space-around;
	flex-wrap: wrap;flex-direction: row; align-content: flex-end;}/* ============星期幾=================== */
.day{ width:14%;min-height: 50px; padding:3px 0;box-sizing: border-box; text-align: center;}/* =========非本月日=========== */
.dd{width:14%;min-height: 50px;box-sizing: border-box; text-align: center;background-color: #b3b3b3;margin-bottom: 1px; }/* =========本月無房日====== */
.no_date{ width:14%;min-height: 50px;box-sizing: border-box;background-color:#d9d9d9;margin-bottom: 1px;
	font-size: 10px;line-height: 1.5;text-align: center;}/* =========本月無房日====== */
.yes_date{width:14%;min-height: 50px;box-sizing: border-box;background-color:#FFF;margin-bottom: 1px; border: 1px solid #FFF ;
	font-size: 10px;line-height: 1.5;text-align: center;}
.yes_date p{font-weight: 500;}

/* ==========step1= calender ====== */

.calender_top {display:flex; flex-flow: row; align-content: center; justify-content:center ;  width:100%; height:100px;background-color:#e6d3c7; }
.serch_day .Check_days {display: block; width: 50%; }
.Check_days > label{padding-left:30px;}
.Check_days > label{padding-left:30px;}

.serch_day {display: block;font-size:16px; color: #222;vertical-align:bottom;font-weight: bold;line-height: 100px; letter-spacing:2px; padding-right: 50px; }
.select_date{ width: 220px; border:none; border-bottom: 1px solid #333;} 

.Check_days  { display: block; font-size:16px;  color: #222;vertical-align:bottom;font-weight: bold;line-height: 100px; letter-spacing:2px; padding-left: 50px;  }
.Check_days span{font-size:28px;line-height: 100px; color: #922322;}
.Check_days a {text-decoration:none;font-size:28px;line-height: 100px; color: #922322;}

.calender_content{ display: block; width: 100%; min-height:800px; margin-bottom: 50px;}
.calender_header{ display:flex; justify-content: center; width: 100%; height: 50px;text-align: center; padding: 10px; font-size: 25px; line-height: 50px; margin-top: 50px;letter-spacing: 2px;}
.calender_header span{font-size:40px;font-weight: bold;}
.year_change{ width: 200px; text-align: center; font-size:30px;}
.year_change a{ text-decoration:none;width: 200px; text-align: center; font-size:30px;color:#000000;}


.calender_body{display: block;width:1000px; margin: 0 auto; border: 1px #333;}
.calender_week{display:flex; flex-flow:row wrap;width: 100%; height: auto; padding-top: 20px;}
.w_list{display: block; font-size: 18px; font-weight: bold; width:14.285714285714% ;height: 2; text-align: center;}
.calender_day{display:flex; flex-flow:row wrap;width: 100%; height: auto; padding-top: 20px;}
.d_list{display: block; width:14.285714285714% ; min-height: 6vw; text-align:right; padding: 2px; border:0.5px  solid #CCC ;box-sizing: border-box;}
.d_list >h2{font-size:28px; font-weight: bold;}
.d_list >h4{font-size:28px; font-weight: bold;color: #e6d3c7;}
.d_list >h3{font-size:28px; color:#e7e2de; font-weight: bold;}
.d_list >p{font-size:16px; font-weight: bold;color: #922322;padding-top:3vw; text-align:left;}
.d_list a{text-decoration:none;font-size:16px; font-weight: bold;color: #922322;padding-top:3vw; text-align:left;}
.d_list1 a{text-decoration:none;font-size:16px; font-weight: bold;color: #fff;padding-top:3vw; text-align:left;}
.beat{background-color: #e6d3c7;}
.beat1{background-color: #922322;}

.Choose a{display: block;width:200px; height: auto; font-weight: 800; margin: 60px auto 60px; padding: 20px 50px; background-color: #922322; color:  #FFFFFF; text-align: center; text-decoration: none;}
.Choose a:hover{background-color: #922322;color: #FFFFFF; border:none;border:1px solid #e6d3c7; }

/* =======step2 check=================== */

.check {display: block; width:100%; height:100px;background-color:#e6d3c7; text-align: center; }
.check > p{ font-size:16px;  color: #922322;vertical-align:bottom;font-weight: bold;line-height: 100px; letter-spacing:2px;  }
.check > p span{ font-size:24px;line-height: 100px; }

.checklist{display: block; width:100%;min-height: 500px; ;height: auto;  margin: 50px 0 50px 0;}
.roomtype{display: block;width:1000px; min-height: 300px;overflow: auto;background-color:#FFF;margin:50px auto 0;box-sizing: border-box; box-shadow: 0 0 0.5em #999;}
.room_ig{ display:block; width:50%;height: auto; padding: 20px; box-sizing: border-box; float: left;}
.swiper-container-single22 {
  width: 100%;
  height:250px;
  padding-bottom:20px;
  position: relative;
}

.swiper-container.lgSwiper, .swiper-container.singleSwiper,
.swiper-container-single2.lgSwiper,
.swiper-container-single2.singleSwiper {
  background: transparent;
  height: 300px;
}

.swiper-container.lgSwiper .swiper-slide, .swiper-container.singleSwiper .swiper-slide,
.swiper-container-single2.lgSwiper .swiper-slide,
.swiper-container-single2.singleSwiper .swiper-slide {
  background: transparent;
  opacity: 0.3;
}

.swiper-container.lgSwiper .swiper-slide img, .swiper-container.singleSwiper .swiper-slide img,
.swiper-container-single2.lgSwiper .swiper-slide img,
.swiper-container-single2.singleSwiper .swiper-slide img {
  height: 3d_list00px;
  width: auto;
}

.swiper-container.lgSwiper .swiper-slide.swiper-slide-active, .swiper-container.singleSwiper .swiper-slide.swiper-slide-active,
.swiper-container-single2.lgSwiper .swiper-slide.swiper-slide-active,
.swiper-container-single2.singleSwiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.swiper-container .swiper-slide,
.swiper-container-single2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  opacity: 0.3;
  /* Center slide text vertically */
  width: auto;
}

.swiper-container .swiper-slide.swiper-slide-active,
.swiper-container-single2 .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.swiper-container .swiper-slide img,
.swiper-container-single2 .swiper-slide img {
  height: 300px;
  width: auto;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet,
.swiper-container-single2 .swiper-pagination .swiper-pagination-bullet {
  width: 100px;
  height:5px;
  background: transparent;
  border-bottom: 1px solid #4d4d4d;
  margin: 0;
  border-radius: 0;
}




.room_infor{ display:block; width:50%;height: auto; overflow-y: auto; padding:30px 20px 20px 0; float:right;box-sizing: border-box;}
.room_infor > h1{ font-size: 20px; line-height: 1.5; font-weight: bold;}
.room_infor > h2{ font-size: 16px; line-height: 1.5; font-weight: bold;}
.room_infor > ul{ display: block; min-height:220px;overflow-y: auto; font-size: 14px; line-height: 1.5;list-style-type: disc; padding-top: 10px; list-style-position: inside;}

.bt{display: block;width:auto;height: auto; float: right; margin: 40px 0;}
.bt > p a{font-size: 18px;padding:10px 30px;word-spacing:1em; ; color: #922322; border: 1px solid #e6d3c7;font-weight: bold; text-decoration: none; }
.bt > p a:hover{background-color:#922322; color: #FFF; font-weight: bold;  }


/* ==========step3 booking================ */

.bookingbox{display:flex;width:1150px; min-height:500px;overflow: auto;margin:50px auto 60px; }
.y_booking{width:35%;min-height: 300px;height: auto; border-right: 1px #333 dashed;}
.y_booking > h2{ font-size: 20px;font-weight: bold; padding: 20px;}
.y_booking > p{font-size: 16px;  padding: 20px;margin-bottom: 10px;}
.y_booking > p span{font-weight: bold;}
.y_booking > p a{text-decoration:none;color:#922322 ; font-size:18px; font-weight: bold;}
.total{display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; width: 100%;padding: 50px 20px; box-sizing: border-box;}
.total p{width: 50%; margin-bottom: 10px;}
.total > p.money{text-align: right;}
.red{color:#922322 ; font-size:18px; font-weight: bold;}
.grey{color:#e7e2de ; font-size:18px; font-weight: bold;}


.y_infor{width:35%;min-height: 300px;height: auto; border-right: 1px #333 dashed;padding:0 20px;}
.y_infor > h2{  font-size: 20px;font-weight: bold; padding: 20px;}
.y_infor > p{font-size: 16px;  padding:10px 20px 15px 20px;}
.y_infor > p span{font-weight: bold;}
.y_infor1{width:95%;padding:10px 20px 15px 20px;}
.y_infor > h2{  font-size: 16px;font-weight: bold; padding: 20px;}
.y_infor1 > p{font-size: 16px;  padding:10px 20px 15px 20px;}
.y_infor1 > p span{font-weight: bold;}

.infor_style{font-size:16px; border: none; border-bottom: 1px solid #333;width:100%;line-height:1em;box-sizing: border-box;}
.ob{font-weight: 800;}

.y_pay{width:35%;min-height: 300px;height: auto;padding:0 20px;}
.y_pay > h2{  font-size: 20px;font-weight: bold; padding: 20px;}
.pay_icon{display: flex;flex-direction: row; justify-content:flex-start;width: 100%;padding: 10px 20px; box-sizing: border-box;}
.pay_icon img{ width: 60px; height:auto; margin-right: 20px;}
.y_pay > p{font-size: 16px;  padding:10px 20px 15px 20px;}
.y_pay a{font-size: 16px;  color: #000; text-decoration:underline;}
.y_pay a:hover{color: #922322;}

.pay_submit a{ display: block; width: 80%; height: auto; align-content: center; background-color: #FFFFFF; color: #922322;font-size:16px;font-weight:600;line-height:3; border:1px #e6d3c7 solid; margin-top: 60px; text-align: center; text-decoration: none;}
.pay_submit a:hover{color: #FFF;background-color: #922322; border: none; }



/* ====== booking end ====== */

.booking_end{display:block;width:900px; min-height:500px;overflow: auto;margin:50px auto 60px;  border: 1px #ccc solid;}
.booking_end h1{font-size: 20px; line-height: 2; letter-spacing: 2px; text-align: center;color: #fff; background-color: #922322; }
.booking_end > .text{width: 100%; padding:50px;box-sizing: border-box; }
.booking_end > .text  p{font-size: 18px; line-height: 1.5;font-weight: 800;}
.booking_end a{font-size: 18px;  color: #fff; text-decoration:underline;}
.booking_end a:hover{color: #fff;}
.end_bt{display: block; text-align: right;}
.but a{display: block;width:200px; height: auto; font-weight: 800; margin: 60px auto 60px; padding: 20px 50px; background-color: #FFFFFF;color:  #922322; border:1px solid #e6d3c7; text-align: center; text-decoration: none;}
/*{ display: block; width: 20%; height: auto; color: #922322;font-size:16px;font-weight:600;line-height:3; border:1px #e6d3c7 solid; margin-top: 60px; text-align: center; text-decoration: none;}*/
.but a:hover{background-color: #922322; color:  #FFFFFF; border:none;}
/*{color: #FFF;background-color: #922322; border: none; }*/


@media screen and (max-width: 900px) {
  
/* ==========step1= calender ====== */
  
.calender_top {display:flex; flex-flow:column; align-content: center; justify-content:center;  width:100%; height:auto;background-color:#e6d3c7;}
.serch_day .Check_days {display: block;width:100%;}
.Check_days > label{padding-left:30px;}
.serch_day {display: block;font-size:16px; color: #222;vertical-align:bottom;font-weight: bold;line-height: 80px; letter-spacing:2px; 
  padding-right: 0; margin:0 auto;}
.Check_days  { display: block; font-size:20px;  color: #222;vertical-align:bottom;font-weight: bold;line-height: 80px; letter-spacing:2px;
  padding-left: 0; margin:0 auto; }
.Check_days span{font-size:28px;line-height:80px; color: #922322;}

.calender_content{ display: block; width: 100%; min-height:500px; margin-bottom:50px;}
.calender_header span{font-size:30px;font-weight: bold;}
.year_change{ width: 100px; text-align: center; font-size:25px;}

.calender_body{display: block;width:96%; margin: 0 auto; border: 1px #333;}
.calender_week{display:flex; flex-flow:row wrap;width: 100%; height: auto; padding-top: 20px;}
.w_list{display: block; font-size: 18px; font-weight: bold; width:14.285714285714% ;height: 2; text-align: center;}
.calender_day{display:flex; flex-flow:row wrap;width: 100%; height: auto; padding-top: 20px;}

.d_list{display: block; width:14.285714285714% ; min-height: 6vw; text-align:right; padding: 2px; border:0.5px  solid #CCC ;box-sizing: border-box;}
.d_list >h2{font-size:28px; color:#4d4d4d; font-weight: bold;}
.d_list >h3{font-size:28px; color:#e7e2de; font-weight: bold;}
.d_list >p{font-size:16px; font-weight: bold;color: #922322;padding-top:3vw; text-align:left;}
.beat{background-color: #e6d3c7;}
.beat1{background-color: #922322;}

.d_list a{text-decoration:none;font-size:8px; font-weight: bold;color: #922322;padding-top:3vw; text-align:left;}

.Choose a{background-color: #922322; display: block;width:200px; height: auto; font-weight: 800; margin: 60px auto 60px; padding: 20px 50px; color:  #FFFFFF; border:1px solid #e6d3c7; text-align: center; text-decoration: none;}
.Choose a:hover{background-color:#922322 ; color:#FFFFFF  ; border:none;}

/* =======step2 check=================== */ 

.check {display: block; width:100%;height:100px;background-color:#e6d3c7; text-align: center; }
.check > p{ font-size:12px;  color: #922322;vertical-align:bottom;font-weight: bold;line-height: 100px; letter-spacing:2px;  }
.check > p span{ font-size:14px;line-height:100px; }
.roomtype{display: block;width:100%; min-height: 300px;overflow: auto;background-color:#FFF;margin:50px auto 0;box-sizing: border-box; box-shadow: 0 0 0.5em #999;}
.room_ig{ display:block; width:100%;height: auto; padding: 20px; box-sizing: border-box; float:none;}
.room_infor{ display:block; width:100%;height: auto; overflow-y: auto; padding: 20px; float:none;}
  
/* ==========step3 booking================ */

.bookingbox{display:flex;flex-direction: column; width:100%; min-height:500px;overflow: auto; margin:20px 0; }
.y_booking{width:95%;min-height: 300px;height: auto; border-right: 0;border-bottom:1px #333 dashed;box-sizing: border-box; margin: 0 auto;}
.y_infor{width:95%;min-height: 300px;height: auto; border-right: 0;border-bottom: 1px #333 dashed;padding:0 20px;box-sizing: border-box; margin: 0 auto;}
.y_pay{width:95%;min-height: 300px;height: auto;padding:0 20px;box-sizing: border-box; margin: 0 auto;}
  
  
/* ====== booking end ====== */
  
.booking_end{display:block;width:95%; min-height:500px;overflow: auto;margin:40px auto;  border: 1px #ccc solid;}
.booking_end > .text{width: 100%; padding:30px;box-sizing: border-box; }
.booking_end a{font-size: 18px;  color: #fff; text-decoration:underline;}
.booking_end a:hover{color: #fff;}
  
}

/* ============order step=================== */

.step_down{display: block;width: 85%;min-height:80px;overflow: auto;padding:2px;margin-bottom:50px;border: 1px solid #333; background-color: #FFF;}
.step{display: inline-block;width: 33.3%;min-height:50px;float: left;}
.step_down > .step p{text-align: center;line-height: 100px;}
.black p{color: #fff;background-color: #333;}

.step_down > .step span{font-size:60px;vertical-align:sub;}


/* ============表單=================== */
.make_sure{width:85%;min-height: 500px; overflow:auto; box-shadow: 0 0 1em #999;background-color: #FFF;}
.make_sure h2{font-size:22px;font-weight: 800;margin-left: 20px;}
.make_sure h3{display:-block; font-size:18px;font-weight: 500;text-align: right;margin-right: 50px;}
.make_sure h3 span{font-size:30px;font-weight: 800;color:#B10002;vertical-align:bottom;  }

.table{display:flex;width:100% ;min-height:150px;overflow: auto;padding: 20px;box-sizing: border-box;}
.table_20box{min-width:20%; text-align: center;}
.table_40box{min-width:40%; text-align: center;}
.meat_title{background-color: #d1d1d1;color: #333;font-weight:800; line-height:3;}
.table_meat{line-height:2;}
.table_meat span{color:#B10002;font-weight: 800;}

.hr{display:-block; width: 94%; height:20px;margin: 0 auto;}


/* ============order step2=================== */


.client{display: block; width:80%; min-height:400px; height: auto;padding:50px; margin:50px auto; border: 1px #999 dashed; box-sizing: border-box;}
.client h1{font-size:28px; font-weight: 800; text-align: left; color: #B10002;}
.client h2{font-size: 24px; line-height: 3; font-weight:600;}
.client h4{font-size: 22px; font-weight: 800;padding: 0; line-height:3;}
.client p{font-size: 18px; line-height: 2; font-weight:300;}
.client span{font-size: 20px;font-weight:bold;}

.label {width: 100%;  border-bottom: 1px #333 solid;  margin-bottom: 10px;}
.label p{font-size: 18px; color: #000; line-height:2; text-align:left; padding: 5px;  }
.style{font-size: 18px;border: none;width:100%;   line-height: 2em;box-sizing: border-box;
-webkit-user-select:text !important;
}
.text_style{font-size: 18px;border:1px solid #666;width:100%; padding:5px 10px;  line-height: 2em;
}

.label2 {width: 50%; margin-bottom:20px; margin: 0 auto;}
.label2 p{font-size: 16px; color: #333; line-height:4; }
.label2 p a{ color: #333;text-decoration: none; }
.label2 p a:hover{color: #B10002; }
.label2 h2{display:block; font-size:18px; color: #333; line-height:4; text-align: center; }
.label2 h3{display:block; font-size:16px; color: #333; line-height:4; text-align: center; }
.style2{font-size: 18px;border: none;width:100%; padding:5px 10px;  line-height: 2em;  ;
-webkit-user-select:text !important;
}

.button_bar{text-align: center;}
.goblack{padding: 20px 60px;border: 1px solid #333;margin: 80px;color: #333;background-color: #fff;font-size:18px;font-weight: 800;line-height:18px;}
.next{padding: 20px 60px;border: 1px solid #333;margin: 80px;color: #FFF;background-color: #333;font-size:18px;font-weight: 800;line-height:18px;}
.submit{ display: block; width: 100%;color: #FFF;background-color: #333;font-size:16px;font-weight:600;line-height:30px;padding: 10px;}
.forget{display: flex;justify-content: space-between;}

@media screen and (max-width: 900px) {
	
	
.logo2 {
  width: 100%;
  height: 60px;
 
}

.logo2 a {
  display: inline;
	
}

.logo2 a img {
	display: block;
  width: auto;
  height: 33px;
	padding-top: 15px;
 
  padding-left: 0;
	margin: 0 auto;
	
}
  .top2 { height: 50vh ; width: 100%;  margin-left: 0;margin:50px 0;}

	
/* =============== */	

.top_full { display:block; width:100%;}
.left{display:block;width:100%; min-height:10px; height: auto; box-sizing:content-box; margin-top: 30px; }
.left h1{display:inline; width: auto;
	 writing-mode: horizontal-tb ;border-left: #000 solid 1px; line-height:2;
	font-size:30px;font-weight: bold;margin-left:25px;}
	
	
.right{display:block;width:100%;height: calc(100vh - 100px);box-sizing: border-box; }

.top_writing {display:block;width:100%;float:none;margin-bottom:50px;margin-right:0; clear: both;  padding: 0 25px; box-sizing: border-box;}
.top_writing p{ font-size: 18px; line-height:1.5; letter-spacing:1px;font-weight: 600; margin-top: 50px; box-sizing: border-box;}

.Copywriting{display: block;width:100%;margin-top:50px;float:none;}
.Copywriting h2{ padding: 0 20px; box-sizing: border-box;}
.Copywriting h3{ padding: 0 20px; box-sizing: border-box;}
.Copywriting  p{ display: block; width: 100% ; height: auto; font-size: 16px;  padding: 0 25px; box-sizing: border-box;	}
	
.footer_nav{display: block;width: 100%;height: auto;margin: 0 ;}
.nav_content{display:block; width:100%;  margin: -20px 0 100px 0; }
.box{display:block;width: 100%;}
.nav_title{display:block;width:100%;font-size:20px;font-weight:800;line-height:1;text-decoration:none;color:#333;padding-right:10px;text-align:left; margin:25px 0 0 25px;; }
.item {display:inline-block; width:100%;  text-align:left;  margin:25px 0 0 25px;}

.right_content{display:block;width:100%;float:none;margin-bottom:0;margin-right:0; padding: 25px; box-sizing: border-box; }
.right_content p{font-size:16px;line-height: 2;letter-spacing: 2px;padding:10px 0 ; margin-bottom:0;}
.right_content p a{font-weight: 600;color: #333;}
.right_content h2{font-size:26px;font-weight:800; padding:20px 0; }
.right_content h3{font-size:24px;font-weight:800; line-height:2;}


.map{display: block;width: 100%; min-height:400px; margin-bottom:0;}
	
.play_box{display:block;width:100%;height:auto; margin: 0; margin-bottom:0;}
	
/* ============客製包場=================== */
.list_box{display:block;width:100%;height:auto; margin-right:0;}
.list_box img{width: 100%; height: auto;}
.list_box h4 {font-size: 24px ; line-height: 3;font-weight:bold;}
.list_box h5 {font-size: 15px ; line-height: 3;font-weight:bold;}
.list_box p{ display: block;height:auto; font-size: 16px;line-height: 2;letter-spacing:1px;padding-right: 30px;}
.list_box >.more a{color: #000; font-weight: 800; text-decoration:underline;line-height:5;text-align: right;}
.list_box >.more a:hover{color: #000;}

.map{display: block;width: 100%; min-height:400px; margin-bottom: 50px;}
.Cube{display: block; width:100%;}
.Cube_l{display:block ; width:100%;}
.Cube >.Cube_r{display:block;width:100%; border: 1px solid #333;line-height: 1.5;letter-spacing:2; padding:20px;box-sizing: border-box; margin-bottom: 30px;}
.Cube > p span{color:#333; font-weight:bold;}
.Cube > p span2{color:#ec0202; font-weight:bold;}
	
/* =========詳細頁====================== */

.inside_left{display: block;width:100%; overflow: hidden; float:none;}
.inside_left h1{font-size: 28px;font-weight: 800;margin-left:0;text-decoration:none;color:#333;}
.inside_left p{display: block;width:100%;margin-left:0;font-size: 16px;padding:25px;letter-spacing: 2px;line-height: 1.5; box-sizing: border-box;}
.inside_left p span{font-weight: bold;color:#000;}

.inside_nav{display: block;width:100%;overflow: hidden; margin:10px 25px ;}
.inside_nav li{display:block; width: 33%;float:left;}
.inside_nav li a{font-size: 18px;line-height:2;letter-spacing: 1.5;text-decoration:none;padding:15px 0;color:#333;}
.inside_nav li a:hover{font-weight: bold;color:#000;}

.span{font-size: 22px;line-height:2;letter-spacing: 1.5;font-weight: bold;color:#000;	}

.exphoto{display: block; width:100%; float:none;padding-top: 0}


/* ============order=================== */

.all_Centered{display:block;width:100%;margin: 0 auto;margin-bottom: 100px;}


.Centered{display:block;width:100%;height:auto;padding:15px;margin: 0 auto; box-sizing: border-box;}

.Centered ul{list-style-type: disc;line-height: 1.5;letter-spacing: 2px;padding: 15px;}
.lump{display:flex;flex-direction:row; justify-content:space-between; overflow: auto;}
.lump_l{width:80%;overflow: auto;}
.lump_l h1{ line-height: 1; text-align: left; }
	
.step_down{display:flex;width: 100%;min-height:40px;overflow: auto;padding:2px;margin-bottom:50px;border: 1px solid #333; background-color: #FFF;}
.step{display:block;width: 33.3%;min-height:20px;float: left;}
.step_down > .step p{ font-size: 12px; text-align: center;line-height:50px;}
.black p{color: #fff;background-color: #333;}

.step_down > .step span{font-size:18px;vertical-align:sub;}
	
.table{display:block;width:100% ;min-height:150px;overflow: auto;padding: 20px;box-sizing: border-box;}
.table_20box{min-width:20%; text-align: center;}
.table_40box{min-width:40%; text-align: center;}
.table_30box{min-width:30%; text-align: center;}
.table_10box{min-width:10%; text-align: center;}
.meat_title{background-color: #d1d1d1;color: #333;font-weight:800; line-height:3;}
.table_meat{line-height:3;}
.table_meat span{color:#B10002;font-weight: 800;}
	
.client{display: block; width:90%; min-height:500px; height: auto;padding:15px; margin:50px auto; border: 1px #999 dashed; box-sizing: border-box;}

.lump_r{width:30%;overflow: auto;}
.lump_r img{margin-top: 50px;}
.back  a{display:block;font-size: 24px;text-align: center;margin: 50px 0;color: #333;text-decoration: none;	}
.back  a:hover{color:#fb0404;font-weight: 600;	}
	
.button_bar{text-align: center;}
.goblack{padding: 20px 60px;border: 1px solid #333;margin: 40px;color: #333;background-color: #fff;font-size:18px;font-weight: 800;line-height:18px;}
.next{padding: 20px 60px;border: 1px solid #333;margin: 40px;color: #FFF;background-color: #333;font-size:18px;font-weight: 800;line-height:18px;}
.submit{ display: block; width: 100%;min-height: 30px;  color: #FFF;background-color: #333;font-size:16px;font-weight:600;line-height:30px;padding: 10px;}
.forget{display: flex;justify-content: space-between;}
	
	.label2 {width:90%; margin-bottom:20px; margin: 0 auto;} 
	
/* ============搜尋結果=================== */

.search_type{display:inline-block;width:100%;overflow-y: auto;float:none;}

.search{display:inline-block;width:100%; height: auto; background: #F5F5F5; line-height: 35px;float:none;}
	
.lump{display:block;flex-direction:row; justify-content:space-between; overflow: auto;}
.lump_l{width:100%;overflow: auto;}
.lump_l h1{ line-height: 1; text-align: left; }

.lump_r{width:100%;overflow: auto;}
.lump_r img{margin:30px 0 50px 0;}



}