@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: 23%;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;
}


/* ============共用=================== */
.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: #333; font-weight: 800; text-decoration:;}
.list_box >.more a:hover{color: #000;}



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

.play_box >.more a{text-decoration:underline;font-size:16px; font-weight: bold;color: #922322;padding-top:3vw; text-align:left;}
.play_box >.more a:hover{color: #922322;}


/* ============交通=================== */
.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: #333;text-decoration: none; }
.back  a:hover{color:#910000;font-weight: 600;  }

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

.search_type{display:inline-block;width:50%;overflow-y: auto;float: left;}
.room_list{overflow: auto;margin-bottom: 20px;border-bottom: 1px #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;}


/* ============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:90%; min-height:500px; 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: 18vh ; 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 ;}
.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: #333; font-weight: 800; text-decoration:underline;line-height:5;}
.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_nav{display: block;width:100%;overflow: hidden; margin:10px 25px ;}
.inside_nav li{display:block; width: 25%;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;}



}