@charset "utf-8";
body{width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體"; font-size:14px; line-height:20px;}
html{width:100%; height:100%; min-width:310px;}
.warpper{max-width:100%; 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;}
.slicknav_menu{display:block;}
img{border:0;}
header{padding-top:0px;}
.head-main{ height:auto; padding: 0;}
.head-main .logo {position:absolute; width:200px; left:10px; top:6px;}
.head-main .logo a{color:#fff;}
.head-main .logo img{width:100%; height:auto;}
.head-tool{float:none; width:310px; position:static; margin:0 auto;}
.home{display:none;}
.home_w{display:block; width:30px; height:auto;}
.m-banner{width:100%; overflow:hidden; position:relative; z-index:1000;}
.m-banner img{position:absolute; top:-50%;}
.banner img{width:100%;}
.oproject{display:inline; color:#900;}



/** 一日遊 **/
.tour-name { /*color: #2084D7;*/ padding: 10px;}
.calendar{ float:none; width:100%; }
.announcement { float:none; width:100%; }

.stroke-one>ul>li { overflow: hidden;display:block;margin:5px;padding: 0;}
.stroke-one>ul>li a{display:block;}
.stroke-one>ul>li .booking { position: relative; top:auto; right: auto; border-radius:0px; }
.stroke-one>ul>li .booking br { display: none;}
.stroke-one>ul>li .booking a{border-radius:0 }
.stroke-one>ul>li .booking a:hover{border-radius:0px; }
.stroke-one>ul>li .stroke-one-images{width:auto;max-width: 280px; margin: 0 auto;padding: 10px 10px 0 10px; }
.stroke-one>ul>li a>ul{ padding: 10px;}


/** 二日遊 **/
.stroke-two>ul>li {overflow: hidden;display:block;margin:5px;padding: 0}
.stroke-two>ul>li .booking { position: relative; top:auto; right: auto; }
.stroke-two>ul>li .booking br { display: none;}
.stroke-two>ul>li .booking a{border-radius:0 }
.stroke-two>ul>li .booking a:hover{border-radius:0px; }
.stroke-two>ul>li .stroke-two-images{width:auto;max-width: 280px; margin: 0 auto;padding: 10px 10px 0 10px; }
.stroke-two>ul>li>ul{ padding: 10px;}
.stroke-two>ul>li>ul>li label{ display:block;}

/** 行程搜尋 **/
.stroke-search{}

.stroke-search>ul>li{ overflow: hidden;display:block;margin:5px;padding: 0;}
.stroke-search>ul>li>ul>li { border-bottom:1px #90abbc dotted; padding:10px;}
.stroke-search>ul>li .booking { position: relative; top:auto; right: auto; }
.stroke-search>ul>li .booking br { display: none;}
.stroke-search>ul>li .booking a{border-radius:0 }
.stroke-search>ul>li .booking a:hover{border-radius:0px; }
.stroke-search>ul>li .stroke-search-images{width:auto;max-width: 280px; margin: 0 auto;padding: 10px 10px 0 10px; }
.stroke-search>ul>li>ul{ padding: 10px;}
.stroke-search>ul>li>ul>li label{ display:block;}
.paly-one {  position: relative; left: 0; top: 0; padding: 8px 35px; text-align: center; border-radius:0;}
.paly-two {  position: relative; left: 0; top: 0; padding: 8px 35px; text-align: center; border-radius:0; }
.paly-more { position: relative; left: 0; top: 0; padding: 8px 35px; text-align: center; border-radius:0;}
.paly-outlying {  position: relative; left: 0; top: 0; padding: 8px 35px; text-align: center; border-radius:0; }


/** 最新消息 **/
.news{ max-width:1200px; margin:0 auto; padding:0;}
.news ul{ margin:0; padding:0; list-style:none;}
.news ul li {width:100%; margin:0 0 20px 0; float:none;}
.news ul li:nth-child(3n){ margin:0 0 20px 0;}
.news ul li .information .news-date{  font-size:18px; }

.news-photo a{display:table-cell; height:auto; vertical-align:middle; text-align:center;}
.news-photo img.index-pro-img{width:100%; height:auto; max-width:100%; max-height:100%;}

.news ul li .information .news-contect h4{  height: auto; overflow:inherit;}
.news ul li .information .news-contect .contect{ height: auto; overflow:inherit;}







/** 我要訂位 **/
.scheduled-left .scheduled-title{ background: #bc096d; display:block; float:none; width:100%; border-radius:5px 5px 0 0; margin-top: 5px; border-bottom: 1px #ff90ce dotted;}
.scheduled-right .scheduled-title{ background: #0467a3; display:block; float:none; width:100%; border-radius:5px 5px 0 0; margin-top: 5px; border-bottom: 1px #4eafea dotted;}

.scheduled-left{ float:none; width:100%; margin:5px 0 0 0;}
.scheduled-right{ float:none; width:100%; margin:5px 0 0 0;}

.scheduled-left>ul>li{ float:none; width:100%; }
.scheduled-right>ul>li{ float:none; width:100%; }
.scheduled-infomatioc ul li label{ display:block;}



.scheduled02-left .scheduled02-title{ background: #bc096d; display:block; float:none; width:100%; border-radius:5px 5px 0 0; margin-top: 5px; border-bottom: 1px #ff90ce dotted;}
.scheduled02-right .scheduled02-title{ background: #0467a3; display:block; float:none; width:100%; border-radius:5px 5px 0 0; margin-top: 5px; border-bottom: 1px #4eafea dotted;}

.scheduled02-left{ float:none; width:100%; margin:5px 0 0 0;}
.scheduled02-right{ float:none; width:100%; margin:5px 0 0 0;}

.scheduled02-left>ul>li{ float:none; width:100%; }
.scheduled02-right>ul>li{ float:none; width:100%; }




/** 搜尋 **/
.search{  padding:0px ; clear:both; font-size:16px; font-family:微軟正黑體;}
.conditional-search{ float:none; width:100%; padding:20px 20px 0 20px;}
.conditional-search h4{ padding:0 15px 0 0 ; margin:0 0 15px 0; font-weight:normal; display:block; font-size:18px; color:#fff;}
.choreography {display:block; margin:0 0 15px 0; width: 100%;}
.choreography02 {display: block; padding:0; margin:0 0 15px 0; width: 100%;}
.conditional-search-field001{ min-width:100%; width: 100%;}
.conditional-search-field002{ width:85%; border:none; height:28px; padding:0 10px; color:#5bb431; margin:-5px 0 0 0; }
.conditional-search-field002::-webkit-input-placeholder{font-size:16px;color:#5bb431;  text-align: center;}
.conditional-search-button{ line-height:28px; width: 100%;}

.key-search {float:none; width:100%; padding:15px 20px 20px 20px; border-left:0; border-top: 1px #9DD097 dotted;}	
.key-search-field{ border:none; background:#fff;  width:85%; }	
.key-search-button{ background: url(../images/btn-search.png) no-repeat center right; width:13%; height:28px;display:inline-block; border:none;cursor:pointer; margin:0;}	
.key-search-field::-webkit-input-placeholder { color:#5bb431;  text-align: center;}



/** 浮動按鈕 **/
.float{ position:relative; top:auto; right:auto; z-index:999;}
.float ul { list-style:none; padding:0; margin:0; text-align: center; vertical-align: top;}
.float ul li { display: inline-block; width: auto; padding:0; margin:5px; text-align:center; vertical-align: top;}

.float ul li a.online { background:#7a0303 url(../images/online-icon.png) no-repeat 10px 10px; border:4px #e74040 solid; border-radius:5px; font-size:14px; color:#ff8787;line-height:0.9em ; padding: 10px 10px 10px 50px;}
.float ul li a.online:hover{border:4px #f96c6c solid;}
.float ul li a.fb {background:#3b579d url(../images/fb-icon.jpg) no-repeat center center; background-size:contain; width:62px; height:62px; border:4px #6584cf solid; border-radius:5px; }
.float ul li a.fb:hover{border:4px #9fbafb solid;}


/** 首頁最新消息 **/
.i-news{ max-width:1200px; margin:0 auto; padding:0;}
.i-news h3 { background:url(../images/news-line.jpg) no-repeat center 80%; background-size: contain; text-align:center;}
.i-news ul{ margin:0; padding:0; list-style:none;}
.i-news ul li{width:98%; margin:10px 1%; padding:0; text-align:center; float:none}
.i-news ul li:nth-child(3n){ margin:10px 0 10px 0;}

.i-news ul li:hover{}
.i-news-photo {background:#fff; width:100%; display:table; position:relative; table-layout:fixed; border:4px solid #e3007f;}
.i-news-photo a {display:block; height:auto; }
.i-news-photo img.index-pro-img {width:100%; height:auto;}

.i-news ul li .information{ padding:10px 0;}
.i-news ul li .information .i-news-date { float:left; width:77px; font-size:20px; color:#fff; background:#227ba5; text-align:center; padding:9.5px 10px; line-height:1.4em; margin:0 10px 0 0;}
.i-news ul li .information .i-news-date .year{ font-size:24px; }

.i-news ul li .information .i-news-contect { float:left; width: calc(100% - 87px); text-align:left; padding:0 5px 0 0;}
.i-news ul li .information .i-news-contect h4{ height: auto; overflow: inherit;}

.i-news ul li .information .i-news-contect .contect{  height: auto; overflow: inherit;}
.i-news .more{ max-width:1200px; background:url(../images/more-line.jpg) no-repeat center center; margin:40px 0 60px 0;}
.i-news .more-main { font-size:16px; color:#fff; background:#e3007f; width:226px; height:34px; display:block; margin:0 auto;border-radius:20px; text-align:center; line-height:34px;}
.i-news .more-main a{ font-size:16px; color:#fff; width:226px; height:34px; display:block;border-radius:20px;}
.i-news .more-main a:hover{ font-size:16px; color:#fff;width:226px; height:34px; display:block;border-radius:20px; background:#a4015c;}


/** 首頁行程 **/
.i-stroke{ max-width:1200px; margin:40px auto;}
.i-stroke ul{ list-style:none; padding:0; margin:0;}
.i-stroke ul li{ float:left; width:98%; margin:1%; padding:0; position:relative;}
.i-stroke ul li:nth-child(2n){ margin:10px 0 10px 0;}

.i-stroke a.i-stroke001{ padding:10px;}
.i-stroke a.i-stroke002{ padding:10px;}
.i-stroke a.i-stroke003{ padding:10px;}
.i-stroke a.i-stroke004{ padding:10px;}

.i-stroke ul li .title01{ top:45%; left:20px; color:#fff; font-size:30px;}
.i-stroke ul li .title-en{ color:#fff; font-size:20px; padding:0 10px;}
.i-stroke ul li .title02{ top:45%; left:20px;color:#fff; font-size:26px;}
.i-stroke ul li .title03{ top:45%; left:20px; color:#fff; font-size:26px;}
.i-stroke ul li .title04{ top:45%; left:20px; color:#fff; font-size:26px;}


/* 訂單列表 */
.order-search{padding-left:0px;}
ul.order-list li.th{display:none;}
.order-list{ padding:0px 10px;}
.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;}
.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;}

/* 購物車 */
ul.shopping-car-list li.th{display:none;}
.shopping-car{padding-left:0;}
.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 solid #ccc; margin:10px; text-align:center;}
.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{width:100%; padding:20PX 0; font-size:15px; text-align:center;}
.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 dotted #fff;}

/* 產品專區 */
.pro-store-info{padding:10px 0 10px 0px;}
.pro-list ul li{width:98%; padding:1%;}
.pro-detaile{padding-left:0px;}
.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;}
.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;}

/* 聯絡我們 */
.contact-body{padding:0;}
.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;}
a.btn-send{padding:5px 0; width:49%; margin:5px 1% 0 0; display:block; float:left;}
a.btn-reset{padding:5px 0; width:49%; margin:5px 0 0 1%; display:block; float:left;}
a.btn-send-over{padding:3px 0px; color:#fff; width:100%; display:block; float:left; margin-top:5px;}

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

/* 首頁產品 */
.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;}

/* 首頁 搜尋 最新消息模組 */
.i-news{padding-left:0px;}
.i-news h3{border-bottom:1px #ccc solid;}

/* 會員登入 */
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;}

/* 版面欄位 */
.main{padding:0;}
.col-m{width:100%; margin-right:0%; float:none;}
.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{display:none;}
@media screen and (max-width:640px){
	.slicknav_menu{display:block;}
	.js #menu{display:none;}
	.js .slicknav_menu{display:block;}
}
.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%;}


/* 版面欄位 */
.main{ }
.col-100,
.col-010,
.col-015,
.col-020,
.col-025,
.col-030,
.col-040,
.col-045,
.col-050,
.col-055,
.col-060,
.col-065,
.col-070,
.col-075,
.col-080,
.col-085,
.cor-010,
.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 {width:100%; float:none;}



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

/* 底部資訊 */
.bottom-info-main h3{font-size:15px; color:#fff; border-bottom:1px #d4a0a0 solid; line-height:40px; margin-top:0;}
.bottom-info-main ul li{margin:0 5px;}
@media screen and (max-width:520px){
	.bottom-info-main ul{flex-wrap: wrap;}
	.bottom-info-main ul li{flex:inherit; margin:5px;width: calc(33.3333% - 10px);}
	.bottom-info-main ul li a{padding:3px 0;}
}
footer .copytight{  }
footer .copytight .footer-logo{float:none; margin-right:0;}
footer .footer .f-left { float:none; width:100%; border-right:0;}
footer .footer .f-middle {float:none; width:100%; border-right:0;}
footer .footer .f-middle ul { text-align:center;}
footer .footer .f-right {float:none; width:100%; padding:15px 10px 15px 90px; margin:0 0 0 3%;}
.hoan { display: block;}