﻿@charset "utf-8";

* {font-family:"微軟正黑體";box-sizing:border-box;list-style:none;}
a {text-decoration: none;color:#262626;
  -webkit-transition: ease .3s;
  -moz-transition: ease .3s;
  -ms-transition: ease .3s;
  -o-transition: ease .3s;
  transition: ease .3s;
}
input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:none;cursor:pointer;border:none;background:none;height:50px;width:100%;}
select{font-size:15px;}

.break{display:inline;}
.block{background:#0689C8;width:6px;height:28px;margin-right:20px;display:inline-block;vertical-align:bottom;}
input.button{width:120px;height:36px;color:#fff;letter-spacing:2px;font-size:14px;background:#0689C8;border:0;float: right;margin:20px 0;}
.star{color:#B20000;font-size:13px;padding:0 2px;display:inline!important;}
.path{font-size:13px;padding-left:5px;}
.center{width:1200px; margin:0 auto;position:relative;}
.container{margin-top:40px;min-height: 500px;}
.content_w_aside{padding-left:350px;}
.content_w_aside1{padding-left:200px;padding-right:200px;}
.main_content{width:100%;margin:auto;}
.btn_area{width:100%;text-align:center;margin-top:10px;}
.btn_area input{margin:10px;display: inline-block;float:none;}

h3{font-size:16px;text-align: left;}
.button{width:120px;height:36px;display:block;background:#0689C8;font-size:14px;line-height:36px;text-align:center;color:#fff;margin:30px;letter-spacing:2px;}
.right{float:right;margin:0 30px;}
/**********側選單**********/
.aside{width:290px;float:left;}
.aside.button{width:220px;height:50px;display:block;background:#0689C8;font-size:20px;font-weight:bold;line-height:55px;text-align:center;color:#fff;position:absolute;bottom:25px;margin: auto;}
#mwt_mwt_slider_scroll{
	top: 0;
	width:250px;	
	position:relative;
	z-index:9999;
}
#mwt_slider_content{
	background:#0B2857;
	height:337px;
	padding:0 15px;
	transition: all 0.3s ease-in-out;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
}
#mwt_slider_content2{
	background:#0B2857;
	height:150px;
	padding:0 15px;
	transition: all 0.3s ease-in-out;

}
#mwt_slider_content li{color:#fff;border-bottom:double 3px #0F69AC;padding:10px 20px 7px 20px;}
#mwt_slider_content2 li{color:#fff;border-bottom:double 3px #0F69AC;padding:10px 20px 7px 20px;}
#mwt_slider_content h3 ,#mwt_slider_content h3 .fa{color:#fff;font-weight:normal;font-size:15px;margin:0;}
#mwt_fb_tab {
	position:absolute;
	top:0px;
	right:-39px;
	width:40px;
	background:#0B2857;
	color:#fff;
	text-align:center;
	padding:5px;


	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
#mwt_fb_tab span {
	display:block;
	
	padding:1px 0;
	line-height:22px;
	color:#fff;
	font-size:22px;
	writing-mode: vertical-lr;
	
	margin: 0;
	font-weight:bold;
	
	
}
/*首頁  搜尋頁*/
.room_lists{/*text-align:center;*/}
.room_list{width:340px;padding:40px 5px;background:#eee;position:relative;margin:0 30px 40px 50px;display:inline-block;text-align:left;}
.room_list_pic{width:320px;height:200px;overflow:hidden;}
.room_list_pic img{width:100%;}
.room_list h2{font-size:16px;font-weight:bold;}
.room_list h4{color:#D80000;font-size:15px;margin:0;}
a.btn2{width:100px;height:30px;text-align:center;line-height:30px;font-size:14px;position:absolute;border:1px solid #262626;right:10px;line-height:30px;}
a.btn3{width:100px;height:30px;text-align:center;line-height:30px;font-size:14px;position:absolute;border:1px solid #262626;right:10px;line-height:30px;}
.room_list h2 + a.btn2{margin-top:-10px;}
.room_list h4 + a.btn2{margin-top:0px;}
.room_list h4 + a.btn3{margin-top:-30px;}
.room_lists > h3{margin-left:55px;margin-top: 0;}
.room_lists h3 span.w33{width:190px;display:inline-block;text-align:left;margin-left:26px;}
.room_lists h3 span.w33.no_dis{margin-left:0;}
p.no_result{text-align:left;padding-left: 15%;}
ul.no_result{text-align: left;padding: 0 15%;}
ul.no_result li{background:url(../images/no_result_dot.jpg) left center no-repeat;padding-left:30px;margin:5px;}


ul.page{width:100%;text-align:right;}
ul.page li{width:26px;height:26px;text-align:center;border:1px solid #0B2857;margin-left:15px;display:inline-block;}
ul.page li a{color:#0B2857;display:block;line-height:26px;}
ul.page li:hover{background:#0B2857; transition:all 0.5s;}
ul.page li:hover a{color:#fff;}

/***************************訂房頁面***********************************/
/*******訂房步驟********/
.order_process{text-align:center;padding:60px 10px 30px;background:url(../images/order_process.jpg) top center no-repeat;}
.order_process p{color:#9797A5;font-size:15px;}
.order_process p .fa{padding:0 10px;}
.order_process p span.selected{color:#0685C5;font-weight:bold;}
/*******訂房月曆********/
.table_box{}
.table_box table{ border-collapse: separate;border-spacing: 0;border: 1px solid #1a1a1a;
	border-radius: 21px 21px 0 0;
	-webkit-border-top-left-radius:21px;
	-webkit-border-top-right-radius:21px;
	-moz-border-radius-topleft:21px;
	-moz-border-radius-topright:21px;
	border-top-left-radius:21px;
	border-top-right-radius:21px;}
.table_box table tr td{border:1px solid #1a1a1a;text-align:center;vertical-align:middle;padding:5px;font-size:13px;height:60px;cursor:pointer;}
.table_box table tr:first-child td{height:40px;line-height:40px;
	border-radius:20px 20px 0 0;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
.table_box table tr:nth-child(2) td {background:#8a8989;color:#fff;line-height:15px;height:40px;}
.table_box table tr:nth-child(2) td span{font-size:13px;display:block;color:#fff;line-height:15px;}
.table_box table td .data{font-size:13px;line-height:13px;display:block;}
.table_box table td .font3{font-size:15px;font-weight:bold;color:#B20000;display:block;line-height: 15px;}
.table_box table td .font3 .fa{font-size:20px;font-weight:bold;color:#B20000;display:block;margin-top:5px;}
.table_box table td:hover{background:#C0E1FA;}
/*****選日期  房型****/
td a{display: inline-flex; vertical-align: middle;}
td a img{vertical-align:middle;}
ul.data_picker{text-align:center;margin:20px 0;font-size:15px;}
ul.data_picker:before{content: '';position:absolute;border-right:1px dotted #787878;width:1px;height:30px;margin-top: 15px;}
ul.data_picker li{width:50%;float:left;}
ul.data_picker li span{display:block;}
.choice{margin:20px 0 60px 0px;}
.choice h3{display:inline-block;}
.choice select{margin:0 30px 0 20px;padding:5px 10px;}

.main_content h3 + ul{padding-bottom:20px;}
.main_content h3 + ul li{font-size:15px;padding-left:25px;}
.main_content p{font-size:15px;padding-left:25px;padding-bottom:20px;}
.main_content .main_table{width:400px;padding-left:25px;padding-bottom:20px;}
.main_content .main_table table td{padding:5px 5px 5px 15px;font-size:15px;}
.main_content .main_table table tr:nth-child(even) td{background:#EDEDED;}
.main_content .main_table table tr:first-child td{background:#818181;border-top:2px solid #0B2857;color:#fff;font-weight:bold;height:35px;line-height:35px;}
.main_content .main_table table tr:nth-child(2) td{border-top:2px solid #fff;}

body.order_page .content_w_aside{padding-left:0;}
body.order_page .content_w_aside1{padding-left:0;}
body.order_page .main_content{width:96%;margin:auto;}
.order_no_aside{width:850px; margin:auto;font-size:15px;}
.order_no_aside h3{padding-left:10px;}
.order_no_aside ul{margin:20px;}
.order_no_aside ul li{padding-left:20px;margin:10px;}
.order_no_aside ul li p{margin:0;}
.order_no_aside .check{display:inline-block;vertical-align: middle;margin-right:10px;}
.order_no_aside h6{width:100%;display:inline-block;text-align:center;}
.order_no_aside h4{width:100%;display:inline-block;text-align:center;  font-weight:bold; color:red;}
/********訂單顯示表格**********/
.table_form{border:1px solid #EAEAEA;}
.table_form table tr td{padding:5px;font-size:14px;}
.table_form table tr{border-bottom:1px solid #EAEAEA;}
.table_form table tr:nth-child(2){border-top:2px solid #fff;background:#EDEDED;}
.table_form table tr:first-child{border-top:5px solid #0B2857;background:#D0D0D0;}
.table_form table tr:first-child td{font-weight:bold;padding:10px;}
.price_area{text-align:right;margin-bottom: 40px;}
.price_area p{padding:0 5px 0 0;}
span.total_price{border:2px solid #B20000;padding:5px 10px;font-weight:bold;}

.order_no_aside ul.order_form{width:560px;margin:20px auto;}
.order_no_aside ul.order_form li{width:100%;margin:10px 0;padding-left:10px;}



.payment_area{width:260px;float:right;padding-top:40px;background:url(../images/payment_option.jpg) center top no-repeat;}
.payment_area input{float: left;margin:0 5px 10px 5px;}
.price_area + a.right.button{margin:0;}
/********共用標題************/
.main_content h1.page_title{font-size:17px;color:#191919;font-weight:bold;margin:0;}
.main_content h1.page_title span{color:#0B2657;font-size:18px;}
.main_content h1.blue_box_title{border:2px #0B2857 solid;font-size:30px;margin: 0;padding: 34px;float: right;writing-mode: vertical-rl;color:#0B2657;font-weight:bold;}
/********使用說明********/
.main_content div.process_guide{position:relative;padding: 10px 30px;min-height: 320px;}
body.instruction_page .main_content div.process_guide:before{ content:"";border-left:1px solid #DBDBEA;height:97%;position:absolute;margin-left:8px;}
.main_content ul.process_guide{margin:50px 0;position:relative;z-index:10;width: 88%;}
.main_content ul.process_guide li{background:url(../images/process_dot.png) left 7px no-repeat;padding-left:40px;padding-bottom:5px;}
.main_content ul.process_guide span.process_title{font-weight:bold;}
.main_content ul.process_guide span.process_num{font-size:22px;font-style:italic;padding:5px;}
.main_content ul.process_guide li p{font-size:14px;}
.diclaration_text{padding:20px 30px;width:80%;font-size:15px;}
.diclaration_text p{padding-top:0;}
/***********about****************/
.single_pic_box{width:680px;margin-bottom:50px;line-height:0;}
.single_pic_box img{width:100%;}
/**********contact*************/
.contact_box{width:680px;}
.contact_box ul.contact_form li{width:100%;margin:10px 0;}

/************room********/
body.room_page .content_w_aside{padding-left:420px;}
body.room_page .content_w_aside1{padding-left:420px;}
body.room_page .single_pic_box{width:720px;}
body.room_page .single_pic_box .bx-wrapper{margin:0;padding:0;}
h4.room_name{margin:0;font-size:17px;font-weight:bold;color:#fff;background:#0B2857;height:50px;line-height:50px;padding-left:20px;}

/**********連結區**********/
.link_area {border-top:1px solid #DBDBEA;padding: 20px 0 0 40px;margin-left: 30px}
.link_area a{width:50px;display:inline-block;margin-right:10px;}
.link_area a img{width:100%;}
input.add{min-width:300px;}

/*************member************/
.member_box_short {width:420px;padding:30px ;min-height: 180px;}
.member_box_wide{width:635px;padding:30px 0 30px;}
.member_box_wide h5{font-size:14px;font-weight:normal;padding-left:40px;line-height:35px;position:relative;}
.member_box_wide img{margin-bottom:5vh;}
.member_list{/*padding-left:20px;*/}
.member_list input.check{display:inline-block;vertical-align: middle;margin-right:10px;width: auto;height: 13px;}
.member_list h6{width:100%;display:inline-block;margin:0;padding-left: 100px;}
.member_list li{width:100%;margin:10px 0;padding-left:10px;}
.member_list li select{height:35px;line-height:35px;border-radius:5px;border:1px solid #EAEAEA;margin-right:5px;padding:5px;}


a.btn3{letter-spacing:2px;width:120px;height:36px;text-align:center;line-height:36px;font-size:14px;position:absolute;border:1px solid #0689C8;right:10px;line-height:36px;color:#0689C8;}/*登入頁按鈕*/
a.a_left{font-size:13px;float:left;color:#858594;margin-left:130px;margin-top: 15px;}/*忘記密碼按鈕*/
.go_detail{color:#0687C6;font-size:13px;display:block;text-align:center;}
ul + div.btnn_area{margin:40px 0;text-align:right;}
ul + div.btnn_area a.button{margin:0 10px;display:inline-block;}
.member_box_short a.button.right{margin:10px 30px;}
.member_box_short a.button.login{position: absolute;margin-left: 230px;margin-top: 10px;}
.member_box_short ul + .button{margin:30px 10px;}


/****************ul li清單*****************/
ul li{line-height:35px;margin-bottom:5px;}
ul li div.break{width:100px;display:inline-block;}
ul li div.break2{width:100px;display:inline-block;}
ul li div.break2.id{width:150px;}
ul li input{width:220px;height:35px;line-height:35px;border-radius:5px;border:1px solid #EAEAEA;margin-right:5px;padding:5px;}
ul li textarea.remarks{width: 80%;height:160px;border-radius:5px;border:1px solid #EAEAEA;vertical-align: text-top;}
ul li input.c_code{width:80px;}
.search_c_code{font-size:13px;}/******國碼查詢****/
.add_select{display:inline-block;margin-left: -5px;}/*****鄉鎮選擇*******/
.add_select select{width:80px;}
.small{font-size:13px;}
/*.order_no_aside ul.order_form li input{width:50%;height:35px;line-height:35px;border-radius:5px;border:1px solid #EAEAEA;margin-right:5px;padding:5px;}
.order_no_aside ul.order_form li textarea.remarks{width: 80%;height:160px;border-radius:5px;border:1px solid #EAEAEA;vertical-align: text-top;}*/

@media screen and (max-width:1200px) {
.center{width:100%;}
.content_w_aside{padding-left:5px;}
body.room_page .content_w_aside{padding-left:5%;}
.content_w_aside1{padding-left:5px;}
body.room_page .content_w_aside1{padding-left:5%;}
/******首頁  搜尋頁*****/
.main_content h1.page_title{padding-left:50px;}
.room_lists > h3{margin-left:13%;}
/***********側選單************/
.aside{transition: all 0.5s ease;margin-left:-250px;position: absolute;}
.aside:hover{margin-left:0px;}
/******訂房頁面*******/
.choice select {margin: 0 25px 0 20px;}
/********使用說明**************/
.diclaration_text {
    padding: 30px 50px;
    width: 90%;}
/*********************/
.member_box_wide,.member_box_short, body.member_page .main_content .blue_box_title + p{width:100%;padding-left:30px;}
.member_box_wide img{width:83%;}
.main_content .member_box_wide h1.page_title{padding-left:0!important;}

@media screen and (max-width:968px) {
.room_list{margin:0 10px 40px;width:300px;}
.room_list_pic{width:280px;height:180px;}
.main_content{width:96%;}
.single_pic_box {width: 570px;}
/******訂房購物車表格****/
.order_no_aside{width:100%;}
.order_no_aside ul{margin:0;}
.order_no_aside ul li{padding-left:0px;}
.order_no_aside ul li span{padding-right:10px;display:table-cell;}
.order_no_aside ul li p{font-size: 14px;padding-left: 10px;}
.table_form table tr td{padding:3px;}

@media screen and (max-width:768px) {
select{font-size:14px;}
.pc_only{display:none;}
.container{min-height:360px;}
.main_content div.process_guide{min-height:320px;}

ul li div.break,/* ul li div.break2,*/ .add_select{display:block;}
ul li input, ul li textarea.remarks{width:100%;}

.main_content h1.blue_box_title{display:none;}
img.full_img{width:100%;}

.order_process{padding:50px 10px 20px;}
.order_process p{font-size:14px;padding-left:5%;line-height:15px;}
.order_process p .fa{padding:0 5px;}
.choice select{margin:0 15px 0 10px;}

.order_no_aside ul.order_form{width:100%;}
.order_no_aside ul.order_form li div.break2{display:inline-block;}
.payment_area{margin:40px auto;float:none;}

.single_pic_box ,body.room_page .single_pic_box {width: 100%;}

.contact_box{width:100%;}

.member_box_wide img{width:100%;}
.member_list h6{padding:0;}
.small{display:block;}
.add_select{margin-left:0;}
.search_c_code{display: block;position: absolute;right:10px;margin-top: -65px;}

ul + div.btnn_area{margin:40px 0;text-align:center;padding-right:40px;}
.btn_area{margin-top:30px;}
@media screen and (max-width:486px) {
.break{display:block;}
.content_w_aside{padding:0;}
.content_w_aside1{padding:0;}
/*********側選單*****/
.aside{width:300px;margin-left:-260px;}
#mwt_fb_tab {
	position:absolute;
	top:0px;
	right:-34px;
	width:35px;}
#mwt_fb_tab span{font-size:18px;line-height:18px;}
#mwt_mwt_slider_scroll{width:260px;}
#mwt_slider_content li{padding:15px 0;}

ul.page{text-align:center;}
ul.page li{margin:0 5px;}

.main_content .main_table{width:100%;}/**訂房表格**/
body.member_page .table_form{margin-left:-30px;}
/***********使用說明************/
.main_content h1.page_title{padding-left:35px;margin-bottom:20px;}
.diclaration_text, .main_content ul.process_guide, img.full_img{width:100%;}
.diclaration_text{padding:0 20px 20px 20px;}
/**********************/
.member_box_short{padding:0 30px;}

.member_box_short a.button.right{margin:10px 0;}
a.btn3{display:block;position: initial;}
a.a_left{margin-left:30px;}
.member_box_short a.button.login{margin-top: 10px;margin-left:0px;right: 0;margin-right: 15px;}

/*486*/}
/*768*/}
/*968*/}
/*1200*/}

ul.member_list li input[type="radio"]{height:20px;width:20px;vertical-align: middle;}
ul.member_list li input[type="radio"] + label{margin-right:20px;}