@charset "utf-8";
body{width:100%; height:100%; margin:0; padding:0; font:14px/20px "微軟正黑體";}
html{width:100%; height:100%;}
.warpper{max-width:1000px; 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; vertical-align:middle;}
.head-main .logo{font-size:30px; font-family:"Times New Roman";}
.home{display:block; position:absolute; top:-35px; right:0px; width:25px; height:auto;}
.home_w{display:none;}

/* 選單與下拉 */
nav{}
.menu{margin:0; padding:0; list-style:none; position:relative; max-width:1200px; margin:0 auto; padding:0 2%;}

.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:240px; left:0; top:50px; z-index:999;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02{opacity:0; visibility: hidden; background:rgba(215,20,24,.7); margin:0; padding:16px 5px 17px 0; z-index:999; z-index:999;position:absolute;  left:200px; top:0px;transition: all 0.3s ease 0s;}
.menu>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu02{position:absolute; display:block; width:100%; left:240px; top:0px; z-index:99;opacity:1; visibility: visible;}
.menu>li.sub03:hover ul.sub-menu03{position:absolute; display:block; width:200px; left:0; top:50px; z-index:999;}

	.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03{  left: inherit; right:200px;}
.menu>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu03{ left: inherit; right:240px;}


/* 內頁選單與下拉 */

.menu-c{margin:0; padding:0; list-style:none; position:relative; max-width:1200px; margin:0 auto; padding:0 2%;}

.menu-c>li.sub:hover ul.sub-menu{position:absolute; display:block; width:240px; left:0; top:50px; z-index:999;}
.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02{opacity:0; visibility: hidden;background:rgba(215,20,24,.7); margin:0; padding:16px 5px 17px 0; z-index:999;position:absolute;left:200px; top:0px;transition: all 0.3s ease 0s;}
.menu-c>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu02{position:absolute; display:block; width:100%; left:240px; top:0px; z-index:99;}
.menu-c>li.sub03:hover ul.sub-menu03{position:absolute; display:block; width:200px; left:0; top:50px; z-index:999;}


.menu-c>li.sub>ul.sub-menu>li.sub02>ul.sub-menu03{  left: inherit; right:200px;}
.menu-c>li.sub:hover ul.sub-menu>li.sub02:hover ul.sub-menu03{ left: inherit; right:240px;}


/** 推薦行程 **/

.stroke ul li { display: inline-table; width:23.86%; margin:0.5%; text-align:center;}
.stroke-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:215px; vertical-align:middle; text-align:center;}
a.stroke-btn-left { position:absolute; left:.6%; top:40%;text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99; }
a.stroke-btn-right { position:absolute; right:.1%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

/** 飯店最新消息 **/


.i-hotel ul li { display: inline-table; width:49.43%; margin:.8%; text-align:center;}
.i-hotel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:212px; vertical-align:middle; text-align:center;}
a.hotel-btn-left { position:absolute; left:.8%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99;}
a.hotel-btn-right { position:absolute; right:0; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

.i-news ul{ font-size:12px; padding:17px 15px 16.5px 15px; margin:48px 1% 10px 0; background:#dadada;}
.i-news ul li a{ display:block;background:url(../images/news-icon.jpg) no-repeat 5px center; font-size:14px; color:#424041; padding:4.2px 5px 4.2px 15px; overflow : hidden;text-overflow : ellipsis;white-space : nowrap;}

/** 行程 **/

.i-travel ul li{ text-align:center;padding:0; display: inline-table; width:32.3%; margin:0.5%; text-align:center;}

a.i-travel-btn-left { position:absolute; left:.4%; top:40%;text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99; }
a.i-travel-btn-right { position:absolute; right:0%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}
.medical{position:absolute;left:0;top:100%;display:block;background:#333;text-align:center;width:90%; margin:20% 5%;height:60%;opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;overflow:hidden; }

.i-travel ul li:hover .carousel-icon{opacity:1;top:23%;}

/** 照片 **/
.photo-photo a{display:table-cell; height:150px; vertical-align:middle; text-align:center;}

/** 照片列表 **/
.photo-list ul li{width:33.33%; margin:10px 0; padding:1%; text-align:center; float:left;}
.photo-list-photo a{display:table-cell; height:151px; vertical-align:middle; text-align:center;}

/** 影片 **/
.movie ul li{width:33.33%; margin:10px 0; padding:1%; text-align:center; float:left;}
.movie-photo button{display:table-cell; height:152px; vertical-align:middle; text-align:center;background:#fff;}

/** 飯店版型一 **/
.room-block001{font-size:16px; line-height:1.8em; color:#333; padding:10px 0 0 0;}
.room-block001 .block02 .left02{ float:left; width:100%; padding:0 0 8px 0;}
.room-block001 .block02 .right02{ float:left; width:100%; padding:8px 0 0 0;}

/** 飯店版型二 **/
.room-block002{font-size:16px; line-height:1.8em; color:#333; padding:10px 0 0 0;}
.room-block002 .block01 .left01{ float:left; width:100%; padding:0 0 8px 0;}
.room-block002 .block01 .right01{ float:left; width:100%; padding:8px 0 0 0;}

/** 推薦飯店 **/
.r-room ul li{width:50%; }

/** 標籤頁面 **/
.tag-list ul{display: flex;flex-wrap: wrap;}
.tag-list ul li{width:calc(50% - 10px);margin:5px; display:block;text-align: center;padding:5px;}
.tag-list-photo{ width:100%;}
.tag-list-photo a{height: 234.6px;}
.tag-list ul li .tag-list-information{width: 100%;padding: 0 0 30px 0;margin:5px 0 0 0;}
.tag-list ul li h4{height: 62px;}
.tag-list ul li .tag-list-tag{height:70px;overflow: hidden;text-align: left;}
.tag-list ul li .tag-list-contect{height:82px;text-align: left;}

/** 詳細行程 **/
.d-itinerary .d-line{ border-bottom:2px #dcdcdc solid; margin:0;}
.d-itinerary .d-title .d-left{ float: inherit; width:100px; background:#85a5cc; color:#fff;border-radius:50px; clear:both; margin:0 auto;}
.d-itinerary .d-title .d-right{float:left; width:100%; display: block;align-items:inherit;min-height: inherit; padding:0 20px; color:#265275; font-size:28px; font-weight:bold; line-height:1.2em; margin:15px 0;}

/** 介紹版型二 **/
.stroke-information-block002 .s-block001 .s-information .s-contect{ font-size:18px; color:#333; line-height:1.8em; height:320px; overflow:hidden;}
.stroke-information-block002 .s-block002 .s-information .s-contect{ font-size:18px; color:#333; line-height:1.8em; height:320px; overflow:hidden;}
.stroke-information-block002 .s-block003 .s-information .s-contect{ font-size:18px; color:#333; line-height:1.8em; height:320px; overflow:hidden;}
.stroke-information-block002 .s-block004 .s-information .s-contect{ font-size:18px; color:#333; line-height:1.8em; height:320px; overflow:hidden;}


.stroke-information-block002 .s-block001 .s-information{ background:#fff; border:1px #809fc3 solid;padding:0 3% 0 25%; min-height:306px;position:relative; margin:0; }
.stroke-information-block002 .s-block002 .s-information{ background:#fff; border:1px #809fc3 solid;padding:0 25% 0 3%; min-height:306px;position:relative; margin:0 ;  }
.stroke-information-block002 .s-block003 .s-information{ background:#fff; border:1px #809fc3 solid;padding:0 3% 0 25%; min-height:306px;position:relative;  margin:0 ; }
.stroke-information-block002 .s-block004 .s-information{ background:#fff; border:1px #809fc3 solid; padding:0 25% 0 3%; min-height:306px;position:relative;margin:0 ; }




/** 行程版型一 **/
.stroke-block001 .block02 .left01{ float:left; width:52.8%; margin:0 1.4% 0 0; border:2px #cdced0 dotted; padding:20px; font-size:18px; color:#333; line-height:1.8em; }
.stroke-block001 .block02 .right01{float:left; width:45.8%;}

/** 行程版型二 **/
.stroke-block002 .block02 .left02{float:left; width:40.8%; margin:0 1.4% 0 0;  }
.stroke-block002 .block02 .right02{float:left; width:57.8%; border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em;}

/** 行程版型三 **/
.stroke-block003 .block01 .left01{float:left; width:60.8%; border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em; margin:0 1.4% 0 0; }
.stroke-block003 .block01 .right01{float:left; width:37.8%;}

/** 行程版型四 **/

.stroke-block004 .block02 .left02{float:left; width:18%; }
.stroke-block004 .block02 .mid02{float:left; width:61.2%; margin:0 1.4%; border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em;}
.stroke-block004 .block02 .right02{float:left; width:18%;}

/** 行程版型五 **/
.stroke-block005 .block01 .left01{float:left; width:34.3%; margin:0 .7% 0 0;}
.stroke-block005 .block01 .right01{float:left; width:64.3%; margin:0 0 0 .7%;border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em;}

/** 參考售價及出團日期 **/
.group{ margin:0 0 50px 0;}
.calendar001{ float:left; width:100%; margin:0 ; padding:0 0 10px 0;}
.calendar002{ float:left; width:100%; margin:0 ; padding:10px 0 0 0;}


/* 訂單列表 */
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 img.pro-photo{width:86%; max-width:180px; height:auto; padding:2%; border:1px solid #ccc; margin:5%; text-align:center;}
.order-list-name{float:; 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;}

/* 購物車 */
.shop-car-img img{width:86%; max-width:180px; height:auto; padding:2%; border:1px #CCC solid; margin:5%; text-align:center;}

/* 產品專區 */
.pro-list ul li{width:31%; padding:1%;}

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

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

/* 會員登入 */
h3.login-title{margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B;}
.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;}

/* 內頁架構 */
.content-body{max-width:1200px; margin:0 auto; padding:0 0;}



/* 版面欄位 */
.main{padding:0 2%;}
.col-p-100{width:100%;}
.col-p-015{width:13%; margin-right:2%; float:left;}
.col-p-020{width:18%; margin-right:2%; float:left;}
.col-p-025{width:23%; margin-right:2%; float:left;}
.col-p-030{width:28%; margin-right:2%; float:left;}
.col-p-040{width:38%; margin-right:2%; float:left;}
.col-p-045{width:43%; margin-right:2%; float:left;}
.col-p-050{width:48%; margin-right:2%; float:left;}
.col-p-055{width:53%; margin-right:2%; float:left;}
.col-p-060{width:58%; margin-right:2%; float:left;}
.col-p-065{width:63%; margin-right:2%; float:left;}
.col-p-070{width:68%; margin-right:2%; float:left;}
.col-p-075{width:73%; margin-right:2%; float:left;}
.col-p-080{width:78%; margin-right:2%; float:left;}
.col-p-085{width:83%; margin-right:2%; float:left;}
.cor-p-015{width:15%; float:left;}
.cor-p-020{width:20%; float:left;}
.cor-p-025{width:25%; float:left;}
.cor-p-030{width:30%; float:left;}
.cor-p-035{width:35%; float:left;}
.cor-p-040{width:40%; float:left;}
.cor-p-045{width:45%; float:left;}
.cor-p-050{width:50%; float:left;}
.cor-p-055{width:55%; float:left;}
.cor-p-060{width:60%; float:left;}
.cor-p-065{width:55%; float:left;}
.cor-p-070{width:70%; float:left;}
.cor-p-075{width:75%; float:left;}

/* 親子心教養-全程教育 */
.education-list ul li{width:32.3%; padding:1%; transition:500ms; -moz-transition:500ms; -webkit-transition:500ms;}

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


/* 表單欄位 */

.opinion01{ float:left; width:100%;margin-bottom:5px;}
.opinion-left02{ border-radius: 5px 0 0 5px;}
.input-main-style04{border-radius:0 5px 5px 0;border-right:1px solid #cbcbcb; }
.contact-note{padding:10px 0; font-size:13px; color:#f00; clear:both; display:block;}


/* 輸入欄位 */
.input-botton01{border:1px #cbcbcb solid; padding:5px 3%; line-height:20px; font-size:16px; font-family:Arial; color:#4e4e4e; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}

/* 底部資訊 */
footer{background:#ca1c1d; padding:10px 0 20px 0;}
footer .footer .f-contect{ float:left; width:96%; margin:0 2%; border-right: none;text-align:center;}
footer .footer .f-contect .f-logo{  display:block; width:206px; height:38px; margin:15px auto;}

footer .footer .f-contect .information{ color:#fff; font-size:15px;line-height:1.6em; padding:0;}

footer .footer .bottom-info{float:right; width:96%; padding:20px 10px; margin:0 2%}
footer .footer .bottom-info ul li{float:left; font-size:15px; width:19%; line-height:1.6em; text-align:center; margin:0 .5%}