@charset "utf-8";
.warpper { max-width:640px; margin:0 auto;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */
a { text-decoration:none;}
img { border:0;}

.b-color, .slicknav_menu {background-size:cover;} /** 選單顏色 ***/
header {position: inherit;}
.head-main{height: 0;position: inherit;}
.head-main .logo {position:fixed;top: 5px;/*width:36px;*/ width:100px;z-index: 999;}
.head-tool { position:fixed; top:8px; right:45px;z-index: 999;}
@media screen and (max-width:580px) {
.head-tool li span{display: none;}
.head-tool li:nth-child(1) a{display: block;width: 23px;height: 21px;padding: 0;}
.head-tool li:nth-child(2) a{display: block;width: 16px;height: 21px;padding: 0;}
.head-tool li:nth-child(3) a{display: block;width: 17px;height: 21px;padding: 0;}
.head-tool li:nth-child(4) a{display: block;width: 18px;height: 21px;padding: 0;}
}


.m-banner { width:100%; overflow:hidden; position: relative; z-index:1000;}
.m-banner img { position:absolute; top:-50%;  }
.banner {padding: 43px 0 0 0; }
.banner img { width:100%;}
.oproject { display: inline; color:#900;}

@media screen and (max-width:400px) {
/** 重要公告 **/
.i-news h3 .news-en{width:280px;}
.i-news h3 .news-ch{font-size: 20px;margin: 2px 0;}
	
/** 熱門行程 **/
.hot-stroke h3 .news-en{width:203px;}
.hot-stroke h3 .news-ch{font-size:20px;margin: 2px 0;}
}

/** 多日遊 **/
.multiple-days ul li{width:calc(50% - 16px);}

@media screen and (max-width:370px) {
/** 行程類型 **/
.stroke-type ul li{width:100%;}

/** 熱門行程 **/
.hot-stroke ul li{width:calc(100% - 0px);margin: 5px 0;}
	
/** 多日遊 **/
.multiple-days ul li{width:calc(100% - 0px);margin: 5px 0;}
}
/** 多日遊明細 **/
.echelon-day{justify-content:center;}
.echelon-day select{width: 100%;}

/** 乘車時間 **/
.bycar-main .bycar-block{width:calc(100% - 0px);padding: 0;margin: 0 0 15px 0;}
.bycar-main .bycar-block:nth-child(2n){margin: 0 0 15px 0 ;}
.bycar-location ol{height: auto; overflow-y:inherit;}

/***** 訂單列表  *****/
ul.order-list li { display: block;}
.order-search { padding-left:0px;}
ul.order-list li.th { display:none;}
.order-list { padding-left:0px;} 
.order-list-img, .order-list-img02 { float:left; width:100%; font-size:15px; text-align:center;}
   .order-list-img { height:auto;}
  .order-list-img img.pro-photo { width:86%; max-width:180px; height:auto; padding:2%; border:1px #CCC solid; margin:5%; text-align:center;}
  .order-list .order-list-td { font-size:15px; color: #333; text-align: left;margin: 5px 0;}
  
  
.order-list-name { width:100%;  padding-top:0PX;  font-size:15px; text-align:center;} 
.order-list-price { float:left; width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.order-list-quantity, .order-list-quantity02 { float:left; width:100%; padding-top:0PX;  font-size:15px; text-align:center;}
.order-list-subtotal, .order-list-subtotal02 { float:left; width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.order-list-del { float:left; width:100%;  padding:20PX 0;  font-size:15px; text-align:center;}
.order-list-del a { padding: 5px 10%;}

.order-list .portal { width:100%; text-align: center;}
.order-list .freight { width:100%;  text-align: center;}
.order-list .oproject { font-size:15px; color:#000; display: inline; }
.order-ditaile-info { padding:0 0 0 0px; }

.order-list .order-list-td .order_query {margin: 5px 0;display: inline-block; }
.order-list .order-list-td .order_detail {margin: 5px 0;display: inline-block;  }
.order-list .order-list-td .order_query-no {width: 80px; background-color:#ccc; color:#fff; padding:1px 10px; line-height:1.6;margin: 0;display: inline-block;}
.order-content{width:calc(100% - 0px);margin: 10px 0px 10px 0;}


/** 悠遊一日 **/
.tourism{display:block;}
.calendar{ width:100%;min-width:inherit; }
#datepickershow { width:100%;}

/** 內頁重要公告 **/
.news-main{margin:0px 0 15px 0;padding: 0 0 15px 0; border-bottom: 1px #624e1a dashed;}

	
/** 悠遊一日行程 **/
.stroke-one ul li {display: block;}
.booking-button{width:120px;height:auto;margin:10px auto 0 auto;}
.booking-button a{display: block;width:120px;height:auto;padding: 5px 15px;}
.booking-button a:hover{transform:rotate(0deg);}

/** 下載專區 **/
@media screen and (max-width:500px) {
.download ul li a {display:flex;flex-wrap: wrap; justify-content: flex-end}
.download ul li h4{flex:initial;width: 100%;margin: 0 0 5px 0;}
.download ul li .download-icon{width: 120px;}
}

/*****  購物車  *****/
ul.shopping-car-list li.th { display:none;}
.shopping-car { padding:0px;} 
.shop-car-img { width:100%; height:auto; text-align:center; border-bottom:1px #D3D3D3 dotted; margin-bottom:10px; display:block;}
  .shop-car-img img.pro-photo { width:86%; max-width:180px; height:auto; padding:10px; border:1px #CCC solid; margin:10px auto; text-align:center; display:block;}
  
.shop-car-name { float:none; display:block;  width:100%;  padding-top:0PX;  font-size:15px; text-align:center;} 
.shop-car-price {  width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-quantity {  width:100%; padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-subtotal{ width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-del {  font-size:15px; text-align:center; width:50px;}
.shop-car-del a { padding: 5px 10%;}

.shopping-car .portal { width:100%; text-align: center;}
.shopping-car .freight { width:100%;  text-align: center;}
.shopping-car .oproject { font-size:15px; color:#000; display: inline; }

.checkout-box { background:#F4F3F0; padding: 10px; margin-left:0px; border-bottom:2px #FFF dotted; }


/*****  產品專區  *****/

.pro-store-info {  padding:10px 0 10px 0px; }
.pro-list ul li {  width:98%; padding:1%; }
.pro-detaile { padding-left:0px; padding-right:0px; }
.pro-detaile .pro-photo-box { padding:0 0px 0 0;}
.pro-qr-code { text-align:center; padding-bottom:20px;}
.pro-qr-code img { width:200px; height:auto;}
.cart-info .price { font-size:28px; text-align:center; display:block; padding:10px 0 20px 0;}
.cart-info .quantity {text-align: center;}
.cart-info .check-out { text-align:center; clear:both; display:block;}
.cart-info .check-out a { font-size:15px; width:100%; padding:10px 0px; margin-left:0px; display:block;}


.pro-detaile-box { display: block;}
.pro-detaile-box>div {  -webkit-flex: 1;  flex: 1;}
.pro-detaile-photo-box { width: 100%;}
.pro-detaile-spe-box { width: 100%; position: relative; padding-bottom: 0px;}

.cart-info { position: static; bottom: auto; }

/*****  聯絡我們  *****/
.contact-body { padding:0 0 0 0px;}
.contact-left { max-height:200px; overflow:hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.contact-left img { width:100%; height:auto; margin-top:10px;}

/*****  內頁架構  *****/
.page-main { padding: 0 0 0 0px; }
.left-menu-title { font-size:15px; border-top:1px #999 dotted;}

.classBox{padding:0 ;}
ul.classLink{display:none;}
.m_classLink{display:block; position:relative; background-color:#fff; border:1px solid #0B7CC3;}
.m_classLink a.main{display:block; background:none; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif; color:#333; position:relative; padding:8px;}
.m_classLink a.main i{display:block; font-size:15px; background:#0B7CC3; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #0B7CC3; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box;}
.m_classLink ul li{margin:0; padding:0;}
.m_classLink ul li a{display:block; padding:8px; border-top:1px solid #0B7CC3; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;}
.m_classLink ul li:first-child a{border:none;}
.m_classLink ul li a:hover{background:#eff6fa;}
.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none;width: calc(100% - 20px);  background:#FFF; border:1px solid #0B7CC3; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}

/*****  首頁產品  *****/
.index-pro ul li {  width:98%; padding:1%; text-align:center; float:left;}


/*****  首頁連結  *****/
.index-link ul li { float:left; width:50%; margin:0; padding:0; border:0;}

/** 我要訂位 **/
.booking-stroke-information{margin: 5px 0 15px 0;}

/***  會員登入  ***/
h3.login-title { margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B; text-align:center;}
.login-tool {text-align:center; }
.icon-tool { width:40px; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.member-signup { font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}

/*****  內頁BANNER  *****/
.inside-banner {padding:53px 0 10px 0;background: url(../images/banner-img.png)no-repeat left 2% bottom,url(../images/banner-img02.png)no-repeat right 2% bottom;background-size:180px;}
@media screen and (max-width: 520px) {
.inside-banner {padding:43px 0 0px 0;background: url(../images/banner-img.png)no-repeat right 2% bottom;background-size:cover;}
.inside-banner .banner-title {background: rgba(255,255,255,.7);padding: 10px 0;}
} 

/***  版面欄位  ***/
.main {}
.col-m  { width:100%; margin-right:0%; float:none;}
.col-100 {}
.col-015, 
.col-020, 
.col-025, 
.col-030, 
.col-035, 
.col-040, 
.col-045, 
.col-050, 
.col-055, 
.col-060, 
.col-065, 
.col-070, 
.col-075, 
.col-080,
.col-085 { width:100%; margin-right:0%;}


.cor-015, 
.cor-020, 
.cor-025, 
.cor-030, 
.cor-035, 
.cor-040, 
.cor-045, 
.cor-050, 
.cor-055, 
.cor-060, 
.cor-065, 
.cor-070, 
.cor-075, 
.cor-080,
.cor-085 { width:100%;}


nav {border-top: 0;border-bottom: 0;box-shadow: 0 0 0 0px #a99051;  }

@media screen and (max-width: 640px) {
	.slicknav_menu { display:none;}
	.js #menu {	display:none;}
	.js .slicknav_menu {display:block;position:fixed;width: 100%;z-index: 999;border-bottom:1px #a99051 solid;}
} 

 .menu { list-style:none;}
 .menu li { color:#fff; width:100%;  text-align:center; float:none;}
 
 
 
/*** 訂位區塊  ***/
.info-box { font-size:14px; color:#7E7E7E; line-height:20px;}

/***  定位-選項-時段  ***/
.order-opinion { width:100%; margin-right:0; float: none;}
.time { width:100%; float: none;}

.time ul li {margin:1% 1% 0 0; width:24%;}


/***  step  ***/
.step li { font-size: 18px; }
.step li span { height: 38px; padding: 5px 10px; }


/***  表單欄位  ***/
 @media screen and (max-width:500px) {
.opinion { margin:15px 0 0 0;position:relative; }
.opinion02 { margin:15px 0 0 0;position:relative;width: auto;display: block; }
.opinion-left01 { position:inherit;top:inherit;left:inherit;text-align:left;border-radius: 5px 5px 0 0;width: 100%;display: block;padding: 5px 15px;}
.input-main-style02 { padding:10px 63px 10px 15px; }
.input-main-style02-code {padding:10px 195px 10px 15px; }
.input-style01 {padding:10px 63px 10px 15px;}
.cart-btn {justify-content:center; }
.opinion-left02 { min-width:60px;padding: 10px 10px 10px 10px;}			  
.input-main-style01 {padding: 10px 15px 10px 15px;width:70px}
.input-main-style05 {padding:9px calc(100% - 160px) 9px 15px;}
.input-main-select select{padding: 12px 15px 13px 15px}
.code {top:39px;}
label{top:37px;}
label.icon03{top:37px;}
}

/* 頁次 */	
.page{ }
.page br { display: block;}

/******  底部資訊  ******/
 @media screen and (max-width:420px) {
 footer .footer .f-left{display: block;width: auto;}
 .f-left .f-logo{width: 78px;margin: 0 auto;padding: 0;}
 .f-left .f-information{text-align: center;}
 .f-left .f-information .company{padding: 0px 0 0 0;font-size: 16px;}
}