/* 預設共用 */
* {font-family: "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "微軟正黑體"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a:focus, button:focus, buttom.active {outline: none; text-decoration: none;}
ul, li {list-style: none; margin: 0; padding: 0;}
a, a:hover, button, button:hover {text-decoration: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
@media handheld {
  .nav-tabs > li:nth-child(4) {display: none;}
}
.form-control {line-height: 34px;}
body {background: #f5f5f5; background-color: #f5f5f5;}
@media (min-width: 768px){
.modal {z-index: 1000000;}
.modal-dialog {width: 700px; margin: 30px auto;}
}
footer.absolute_bottom {padding-bottom: 72px;}
/* 線上客服 */
.loaded .sl-widget-box.sl-widget-box.coverShown .sl-widget-box__main__close span {background: #000 !important;}
.header { background-color: rgb(20 38 75 / 90%); margin: 0px; padding: 0px; text-align:center; position: fixed; left:0; top:0; width:100%; height: 72px; transition: top .5s; z-index: 999;}
.gizle {top: -73px !important;}
.sabit {top:0; /*z-index: 9999;*/}
/** New_Header **/
.navbar {min-height: 56px; margin: 0;}
.navbar-fixed-top {width: 100%; display: table; background-color: #333;}
.navbar-inverse {background-color: #333; border-color: #101010;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #181818;}
.navbar-inverse .navbar-header {width: 100%; display: table; padding: 0; margin: 0; position: relative; padding: 1.5em 1.25em;}
.navbar-inverse .navbar-header h2.block-title {width: 100%;display: table;font-size: 1.875em;line-height: 1.2em;margin: 14px 0;text-align: center;white-space: nowrap;font-family: sans-serif;color: #ff0040;font-weight: bold;}
.navbar-inverse .navbar-header h2.block-title a {margin: 0; font-size: 1.875em; line-height: 1.2em; text-align: center; white-space: nowrap; font-family: sans-serif; color: #ff0040; font-weight: bold;}
.navbar-inverse .navbar-nav {margin: 0 auto; float: none !important; width: 100%; display: table; padding: 0.75em 1.25em;}
.navbar-inverse .navbar-nav > li {float: none; display: inline-block; border-right: 1px solid rgba(255, 255, 255, 0.1); line-height: 34px;}
.navbar-inverse .navbar-nav > li:last-child {border-right: none;}
.navbar-inverse .navbar-nav > li > a {padding: 0.42857em 0.85714em; display: block; color: #ccc; font-size: 1.2em; line-height: 1.28571em; font-weight: 100; outline: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navbar-inverse .navbar-nav > li a:focus, .navbar-inverse .navbar-nav > li a:hover {color: #fff; background: rgba(255, 255, 255, 0.1); -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navbar-inverse .navbar-nav > li.is-active a {color: #fff;}

/** New_Header Start**/
.all-table-width #top .navbar-header .block-title{ margin:0}
.shallwe.navbar{ display: -ms-flexbox;  display: flex;  align-items: center; max-width: 1360px;  min-height: 72px; padding: 0 15px; margin: 0 auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.shallwe .navbar-header{ width: 200px; min-width:200px; max-width: 200px; height: auto; flex-grow: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.shallwe .navbar-header .block-title img { max-width:100%; width: 200px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.header.gizle { top: 0 !important; }
.shallwe.navbar .block-title a.mobile{ display:none;}
.shallwe.navbar-inverse .navbar-header {  position: relative;  margin: 0;  padding:2px 10px;}
#top .container-fluid{ padding-left:0; padding-right:0}
.shallwe .main-nav{ margin: 0;  width: auto; flex: 1; text-align: center; display: flex; justify-content: end; }
.shallwe .main-nav nav{ display: block;}
.shallwe .main-nav nav li{  position: relative; display: inline-block;}
.shallwe .main-nav nav li+li:not(.logout)::before{ content: ""; position: absolute; top: 50%; left: 0px; transform: translate(0, -50%); background: #e2e2e2; width: 1px; height: 24px; }
.shallwe .main-nav a{ padding: 0 5px; color: #ffffff; font-size: 16px; letter-spacing: 0.5px; transition:all .3s ease}
.shallwe .main-nav a:hover { color:#e09b00; }
@media (max-width: 767px){
   .shallwe.navbar{ min-height: 64px; }
  .shallwe .navbar-header{ width: 140px; min-width: 140px; max-width: 140px;}
  .shallwe .navbar-header .block-title img { width: 140px; }
  .shallwe .main-nav a{ font-size: 15px;}
  .shallwe .main-nav nav { text-align: right; }
}
/* 主框架 */
/* 麵包屑 */
.breadcrumb {margin-top: 130px;}
.breadcrumb > li {line-height: 30px;}
.breadcrumb > li.active {color: #a59681;}
.breadcrumb > li a {color: #777;}
.breadcrumb > li a:hover {color: #333;}
.GroupList .breadcrumb {background-color: transparent; margin-top: 0px;}
/* FOOTER */
.footer {position: sticky; top: 100vh;}
footer .html5-css3-rwd {padding-top: 15px;}
footer .html5-css3-rwd img {width: 100%;}
footer .prose span {float: right;}
footer .prose .small button {position: relative; z-index: 99999;}
.service_box {display: none;}
#widget {display: none !important;}
.wrapper {height: 100%;}

/*NEW FOOTER START */
.footer-info {max-width: 1360px; margin: 0 auto; padding:14px 0;}
footer .top-block{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;align-items: center; color: #ffffff; font-size: 14px; line-height: 13px; font-weight: 600; padding-top: 16px; padding-bottom: 26px; text-align: left; padding: 0 0 16px; border-bottom: 1px solid rgb(142 164 208 / 50%);}
footer .top-block .footer-logo{-ms-flex: 0 0 183px; flex: 0 0 183px;  max-width:183px;}
footer .top-block .footer-logo img{ max-height: 55px;}
footer .top-block .com-info div { margin: 0px 0 6px 0; margin-top: 0; font-size: 16px; line-height: normal; font-weight: 600;}
footer .top-block .footer-social a { color: #ffffff; font-size: 16px; padding: 0px 10px; font-weight: 400; }
footer .top-block .footer-social a i { font-size: 20px;}
footer .middle-block{ padding: 24px 23px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
footer .middle-block .add h3 { color:#E09B00; margin-bottom: 15px; position: relative; font-size: 18px; font-weight: 600; margin-top: 0;}
footer .middle-block .add>div:first-child h3 { color: #ffffff; font-size: 20px; letter-spacing: 1px; text-align: left; }
footer .middle-block .add>div:not(:first-child) h3 { writing-mode: vertical-lr; position: absolute; left: 0; top: 0; margin: 0; }
footer .middle-block .add, footer .middle-block .social{  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
footer .middle-block .add{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
footer .middle-block .add>div{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; position: relative; max-width: 363px; padding: 0px 10px 0px 0px;  margin-bottom: 25px !important;}
footer .middle-block .add>div:not(:first-child) ul { padding: 0 0 0 36px; }
footer .middle-block .add li {font-size: 15px; margin:0 0 8px; color: #ffffff; text-align: left; font-weight: 400; line-height: 22px; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important;}
footer .middle-block .add a{ color: #ffffff; }
footer .middle-block .add a:hover{ color:#ffffff; }
footer .middle-block .add li img{ width: 17px; margin-right: 5px;}
footer .copyright{  display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; padding:0 10px 10px;}
footer .copyright div{ font-size: 13px; letter-spacing: 0; line-height: normal; color: #7383A3;}
@media(max-width:1360px){
  .footer-info { padding: 20px 30px; max-width: 100%; }
}
@media (max-width:767px){
  footer .middle-block .add>div{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 20px !important;}
  footer .top-block .footer-logo { -ms-flex: 0 0 100px; flex: 0 0 100%; max-width: 100%; text-align: center; }
}

@media (max-width:575px){
   footer .middle-block .add>div{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
   footer .middle-block{ padding: 24px 0 0;}
   footer .middle-block .add>div:not(:first-child) ul { padding: 0; }
   footer .middle-block .add>div:not(:first-child) h3 { writing-mode: initial; position: initial; margin: 0 0 10px; }
   footer .middle-block .add>div:first-child h3{ font-size: 18px;}
   footer .top-block .footer-social { margin-top: 25px; text-align: center; -ms-flex: 0 0 100px; flex: 0 0 100%; max-width: 100%; text-align: center; }
}

/*NEW FOOTER END*/

/* Loader */
/* 回頂點 */
.actGotop{ position: fixed; width: 50px; right: 15px; height: 50px; bottom: 60px; z-index: 1048 !important; display:none; }
.actGotop>a>i { display: none;}
.actGotop>a{  font-size: 0;}
.actGotop>a::before{content: ""; background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/7c1029dc-25b3-4519-a2c9-43be61cbf4a3.svg); background-position: center; background-repeat: no-repeat; position: absolute; background-size: 46px; width: 50px; height: 50px; text-align: center; left: 0; top: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

/********** 合併搜尋列表頁 **********/
/****** 合併搜尋引擎-個團及團型共用-也可以最外層class名稱做區分 GroupList & MGroupList ******/
.merge_search {width: 100%; display: table; padding: 0 20px; background:rgba(0,0,0,0.6);}
/* 搜尋引擎標題-可依各家喜好更換 */
.merge_search h4 {color: #FFF; line-height: 50px; margin: 0 0 0 15px;}
.merge_search h4::before {content: '旅遊快速查詢';}
.merge_search select::-ms-expand{display: none;}
/* 搜尋引擎欄位標題-共用 */
.merge_search ul {display: table; width: 100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:15px 0 0;}
.merge_search ul li {float: left;}
.merge_search ul li label {float: left; text-align: right; color: #FFF; margin: 0; line-height: 34px; font-weight: 400; position: relative;}
.merge_search ul li label i {color: #F00; font-weight: 600; font-size: 13px; margin: 0 3px 0 0; position: absolute; left: -20%; top: 11px;}
/* 旅遊區域大小分類 */
.merge_search ul li.merge_search_area .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 30%;}
.merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 51.3%;}
/* 出發期間 */
.merge_search ul li.merge_search_date .input-group-addon {display: inherit; position: absolute; border-radius: 4px;}
.merge_search ul li.merge_search_date .input-group-btn {display: inherit;}
.merge_search ul li.merge_search_date .input-group .form-control {display: inherit;}
.merge_search ul li.merge_search_date .form_date {float: left; width: 40.7%; margin: 0 0 15px 15px;}
.merge_search ul li.merge_search_date .merge_search_input_date {line-height: 22px; appearance: none; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_helpday.png) #FFF no-repeat 99% center;}
/* 出境機場 */
.merge_search ul li.merge_search_airport .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 旅遊天數 */
.merge_search ul li.merge_search_days .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 每人預算 */
.merge_search ul li.merge_search_budget .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 航空公司 */
.merge_search ul li.merge_search_airline .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 合併其他選項 */
.merge_search ul li.merge_search_combine {padding: 6px 0 6px 9%;}
input[type=checkbox].css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
input[type=checkbox].css-checkbox + label.css-label {padding-left: 28px; height: 22px; font-weight: 100; display: inline-block; line-height: 22px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; margin-right: 25px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -48px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
label.css-label {background-image: url(/eweb_design/images/grey.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* 產品快搜 */
.merge_search ul li.merge_search_keyword .merge_search_input {float: left; width: 84.1%; margin: 0 0 15px 15px; line-height: 22px;}
/* 搜尋引擎按鈕 預設置右，可透過 text-align 的其他參數調整 */
.merge_search .merge_search_btn {margin:15px 0px; text-align: right;}
.merge_search .merge_search_btn a i {margin-right: 5px;}
.merge_search .merge_search_btn a:nth-child(1) {padding: 6px 42px;}
/* 搜尋條件及排序方式 */
.merge_sequence {background: #FFF; height: 75px;}
.merge_sequence > div {width: 50%; float: left;}
.merge_sequence > div.condition {/*width: :60%;*/}
.merge_sequence > div.theway {/*width: :40%;*/}
.merge_sequence > div.condition ul li {float:left; line-height: 75px; font-size: 18px; color: #8fb223; }
.merge_sequence > div.condition ul li:after {content:'/'; margin: 0 5px;}
.merge_sequence > div.condition ul li:nth-child(1) {color: #3a3a3a; margin: 0px; height: 75px;}
.merge_sequence > div.condition ul li:nth-child(1):afterm, .GO_sequence > div.condition ul li:nth-last-child(1):after {content:normal;}
.merge_sequence > div.condition ul li:nth-child(1):before {content:url(/eweb_design/images/icon_right.png); margin: 0 5px 0 0; vertical-align: sub;}
.merge_sequence > div.theway .product_items {height: 40px; line-height: 40px; text-align: right; padding-right: 10px;}
.merge_sequence > div.theway ul {display: table; line-height: 75px; float: right; margin: 0 5px 0 0;}
.merge_sequence > div.theway ul li {float: left; margin: 0 5px;}
.merge_sequence > div.theway ul li input {vertical-align: middle; margin: 0; padding: 0;}
.merge_sequence > div.theway ul li label {margin: 0;}
.nav-tabs > li:nth-last-child(1) {float: right;}
/********** 列表頁 **********/
/* 圖文切換 */
.container .merge_search_list {margin-top: 20px;}
.container .merge_search_list #skin {display: table; float: right; position: relative; z-index: 20; right: 0;}
.container .merge_search_list #skin li {display: table-cell; cursor: pointer; color: #737373; padding: 5px 10px; background: #f5f5f5; border: 1px solid #ccc; /*box-shadow: inset 0 0 5px rgba(51,51,51,.1);*/ border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.container .merge_search_list #skin li i {margin-right: 5px;}
.container .merge_search_list #skin li:nth-child(1) {border-right: none; border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px;}
.container .merge_search_list #skin li.selected {cursor: default; background: #e6e6e6; color: #333; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.container .merge_search_list #skin li:hover {background: #e6e6e6; color: #333; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
/* 判斷列表模式或圖片模式前，先讓圖片隱藏 */
.product_img img {display: none;}
/* 列表模式 */
.skin_list {margin: 20px 0; padding: 0 15px;}
/*整體瀑布流框架*/
.skin_list .masonry-container {display: block; height: inherit !important;}
.skin_list .products {border: 1px solid #e1e1e1;}
/* 列表標題 */
.skin_list .products .product_title {width: 100%; display: table; line-height: 50px; position: inherit !important;}
.skin_list .products .product_title > div {float: left;background-color: #f7efe3;text-align: center; border-right: 1px solid #e1e1e1;}
/****** 個團列表 GroupList ******/
/** 個團列表 START **/
/*類型*/
.GroupList .skin_list .products .product_title > div.product_type {width: 4%;}
/*產品名稱*/
.GroupList .skin_list .products .product_title > div.product_name {width: 37%;}
/*天數*/
.GroupList .skin_list .products .product_title > div.product_days {width: 4%;}
/*出發日期*/
.GroupList .skin_list .products .product_title > div.product_date {width: 8%;}
/*個團代碼
.GroupList .skin_list .products .product_title > div.product_num {width: 10%;}*/
/*航班*/
.GroupList .skin_list .products .product_title > div.product_info {width: 5%;}
/*售價*/
.GroupList .skin_list .products .product_title > div.product_price {width: 13%;}
/*機位*/
.GroupList .skin_list .products .product_title > div.product_total {width: 5%;}
/*可售*/
.GroupList .skin_list .products .product_title > div.product_available {width: 5%;}
/*報名*/
.GroupList .skin_list .products .product_title > div.product_btn {width: 9%;}
/*促銷*/
.GroupList .skin_list .products .product_title > div.product_remarks {width: 10%; border: none;}
.GroupList .skin_list .products .product {border-bottom: 1px solid #e1e1e1;}
.GroupList .skin_list .products .product_item .thumbnail {border: none;}
.GroupList .skin_list .products .product_item:nth-last-child(1) {border-bottom: none;}
/*產品內文大框架*/
.GroupList .skin_list .product_item {position: inherit !important;}
/* 列表內文 */
.GroupList .skin_list .product_item .thumbnail {display: table; width: 100%; border-radius: 0; margin: 0; padding: 0; position: relative;}
.GroupList .skin_list .product_item:nth-child(odd) .thumbnail {background: #f9f8f8;}
.GroupList .skin_list .product_item .thumbnail:hover {background:#f5f4f4;}
.GroupList .skin_list .product_item .thumbnail > div {display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0 20px;}
/*圖片*/
.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: none;}
/*類型*/
.GroupList .skin_list .product_item .thumbnail > div.product_type {width: 4%;}
.GroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; margin: 0 auto; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_list .product_item .thumbnail > div.product_name {width: 37%; text-align: left; padding-left: 10px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 70%; color: #F00; font-size: 14px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #666; font-size: 14px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {width: 100%; margin: 0;}
/*主要特點*/
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features {margin-top: 15px; display: table;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span {padding: 3px 6px; font-size: 14px; white-space:nowrap; position: relative; margin-right: 10px; border-radius: 6px; margin-bottom: 5px; display: table; float: left;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_001 {border: 2px solid #af9759;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_002 {border: 2px solid #83a8c5;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_003 {border: 2px solid #7ec488;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_004 {border: 2px solid #d195af;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_005 {border: 2px solid #5088b7;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_006 {border: 2px solid #8b8682;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_007 {border: 2px solid #ddcb4f;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_008 {border: 2px solid #b74fdd;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_009 {border: 2px solid #4fddb3;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_010 {border: 2px solid #ddb34f;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_011 {border: 2px solid #a3dd4f;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_012 {border: 2px solid #dd4f7a;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_013 {border: 2px solid #ddd54f;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_014 {border: 2px solid #fac994;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_015 {border: 2px solid #b38b01;}
/*分享*/
.GroupList .skin_list .product_item .thumbnail > .product_sharer {display: table; text-align: left; padding: 0px; position: absolute; z-index: 10; bottom: 6px; left: 450px;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > li { margin-right: 5px !important;display: inline-block; vertical-align: middle !important;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.GroupList .skin_list .product_item .thumbnail > div.product_days {width: 4%;}
/*出發日期*/
.GroupList .skin_list .product_item .thumbnail > div.product_date {width: 8%;}
/*個團代碼
.GroupList .skin_list .product_item .thumbnail > div.product_num {width: 10%;}*/
/*航班*/
.GroupList .skin_list .product_item .thumbnail > div.product_info {width: 5%;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer; font-size: 20px;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: none;}
/*售價*/
.GroupList .skin_list .product_item .thumbnail > div.product_price {width: 13%; text-align: right; padding-right: 10px;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right; float: right;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .product_item .thumbnail > div.product_total {width: 5%;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: none;}
/*可售*/
.GroupList .skin_list .product_item .thumbnail > div.product_available {width: 5%;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: none;}
/*報名*/
.GroupList .skin_list .product_item .thumbnail > div.product_btn {width: 9%; padding: 10px; font-size: 12px; color: #999;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn a {display: block; font-size: 14px; color: #fff;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn h6 {margin: 0 0 5px 0;}
/*促銷*/
.GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 10%; padding: 10px;}
/* 圖片模式 */
.GroupList .skin_module {margin: 20px 0;}
.GroupList .skin_module .products {padding: 0 5px;}
.GroupList .skin_module .products .product_title {display: none;}
.GroupList .skin_module .products .item {width: 25%; padding: 0 10px; float: left;}
.GroupList .skin_module .products .item .thumbnail {position: relative; display: inline-block;}
/*圖片*/
.GroupList .skin_module .products .item .thumbnail .product_img {}
.GroupList .skin_module .products .item .thumbnail .product_img img {display: block; margin-bottom: -25px; width: 100%; height: 200px;}
/*類型*/
.GroupList .skin_module .products .item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10;}
.GroupList .skin_module .products .item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.skin_module .products .item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a span.product_num {display: none; width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px;}
/*分享*/
.GroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; left: 0; right: 0; bottom: 55px; position: relative; top: 0px;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.GroupList .skin_module .products .item .thumbnail > div.product_days {float: left; width: 41%; padding: 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_module .products .item .thumbnail > div.product_date {float: left; width: 59%; padding: 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_module .products .item .thumbnail > div.product_num {float: left; width: 100%; padding: 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_num:before {content: '個團團號：';}
/*航班*/
.GroupList .skin_module .products .item .thumbnail > div.product_info {float: left; width: 33.33%; padding: 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_info a {cursor: pointer;}
/*售價*/
.GroupList .skin_module .products .item .thumbnail > div.product_price {position: absolute; right: 15px; bottom: 100px;}
.GroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;}
.GroupList .skin_module .products .item .thumbnail > div.product_price span  strong{color: #F00; font-size: 20px; font-weight: bold;}
/*機位*/
.GroupList .skin_module .products .item .thumbnail > div.product_total {float: left; width: 33.33%; padding: 5px;}
/*可售*/
.GroupList .skin_module .products .item .thumbnail > div.product_available {float: left; width: 33.33%; padding: 5px 5px 10px;}
/*報名*/
.GroupList .skin_module .products .item .thumbnail > div.product_btn {text-align: center; margin: 60px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_module .products .item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
.GroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-info,
.GroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-danger {cursor: not-allowed;}
/*促銷*/
.GroupList .skin_module .products .item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 5px;}
/** 個團列表 END **/
/****** 團型列表 MGroupList ******/
/** 團型列表 START **/
/*類型*/
.MGroupList .skin_list .products .product_title > div.product_type {width: 4%;}
/*產品名稱*/
.MGroupList .skin_list .products .product_title > div.product_name {width: 45%;}
/*天數*/
.MGroupList .skin_list .products .product_title > div.product_days {width: 4%;}
/*出發日期*/
.MGroupList .skin_list .products .product_title > div.product_date {width: 29%;}
/*團型代碼
.MGroupList .skin_list .products .product_title > div.product_num {width: 10%;}*/
/*航班*/
.MGroupList .skin_list .products .product_title > div.product_info {width: 5%;}
/*售價*/
.MGroupList .skin_list .products .product_title > div.product_price {width: 13%; border: none;}
.MGroupList .skin_list .products .product {border-bottom: 1px solid #e1e1e1;}
.MGroupList .skin_list .products .product_item .thumbnail {border: none;}
.MGroupList .skin_list .products .product_item:nth-last-child(1) {border-bottom: none;}
/*產品內文大框架*/
.MGroupList .skin_list .product_item {position: inherit !important;}
/* 列表內文 */
.MGroupList .skin_list .product_item .thumbnail {display: table; width: 100%; border-radius: 0; margin: 0; padding: 0; position: relative;}
.MGroupList .skin_list .product_item:nth-child(odd) .thumbnail {background: #f9f8f8;}
.MGroupList .skin_list .product_item .thumbnail:hover {background:#f5f4f4;}
.MGroupList .skin_list .product_item .thumbnail > div {display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0 20px;}
/*圖片*/
.MGroupList .skin_list .product_item .thumbnail > div.product_img img {display: none;}
/*類型*/
.MGroupList .skin_list .product_item .thumbnail > div.product_type {width: 4%;}
.MGroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; margin: 0 auto; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.MGroupList .skin_list .product_item .thumbnail > div.product_name {width: 45%; text-align: left; padding-left: 10px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 70%; color: #F00; font-size: 14px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #666; font-size: 14px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {width: 100%; margin: 0;}
/*分享*/
.MGroupList .skin_list .product_item .thumbnail > .product_sharer {display: table; text-align: left; padding: 0px; position: absolute; z-index: 10; bottom: 6px; left: 50%;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > li { margin-right: 5px !important;display: inline-block; vertical-align: middle !important;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.MGroupList .skin_list .product_item .thumbnail > div.product_days {width: 4%;}
/*出發日期*/
.MGroupList .skin_list .product_item .thumbnail > div.product_date {width: 29%; text-align: left; position: relative;}
.MGroupList .skin_list .product_item .thumbnail > div.product_date a {float: left; color: #333; font-size: 14px; padding: 6px 10px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_date a.more {color: #fff; background-color: #f0ad4e; border-color: #eea236; position: absolute; right: 0; bottom: 0;}
.MGroupList .skin_list .product_item .thumbnail > div.product_date a.more:hover {background-color: #ec971f; border-color: #d58512;}
/*團型代碼
.MGroupList .skin_list .product_item .thumbnail > div.product_num {width: 10%;}*/
/*航班*/
.MGroupList .skin_list .product_item .thumbnail > div.product_info {width: 5%;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer; font-size: 20px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a span {display: none;}
/*售價*/
.MGroupList .skin_list .product_item .thumbnail > div.product_price {width: 13%; text-align: right; padding-right: 10px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right; float: right;}
.MGroupList .skin_list .product_item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;}
/* 圖片模式 */
.MGroupList .skin_module {margin: 20px 0;}
.MGroupList .skin_module .products {padding: 0 5px;}
.MGroupList .skin_module .products .product_title {display: none;}
.MGroupList .skin_module .products .item {width: 25%; padding: 0 10px; float: left;}
.MGroupList .skin_module .products .item .thumbnail {position: relative; display: inline-block;}
/*圖片*/
.MGroupList .skin_module .products .item .thumbnail .product_img {}
.MGroupList .skin_module .products .item .thumbnail .product_img img {display: block; margin-bottom: -25px; width: 100%;}
/*類型*/
.MGroupList .skin_module .products .item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10;}
.MGroupList .skin_module .products .item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.MGroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.skin_module .products .item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px;}
/*主要特點*/
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features {margin-top: 15px; display: table;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span {padding: 3px 6px; font-size: 14px; white-space:nowrap; position: relative; margin-right: 10px; border-radius: 6px; margin-bottom: 5px; display: table; float: left;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_001 {border: 2px solid #af9759;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_002 {border: 2px solid #83a8c5;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_003 {border: 2px solid #7ec488;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_004 {border: 2px solid #d195af;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_005 {border: 2px solid #5088b7;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_006 {border: 2px solid #8b8682;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_007 {border: 2px solid #ddcb4f;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_008 {border: 2px solid #b74fdd;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_009 {border: 2px solid #4fddb3;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_010 {border: 2px solid #ddb34f;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_011 {border: 2px solid #a3dd4f;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_012 {border: 2px solid #dd4f7a;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_013 {border: 2px solid #ddd54f;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_014 {border: 2px solid #fac994;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_015 {border: 2px solid #b38b01;}
/*分享*/
.MGroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; right: 0; position: relative; top: 0px;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div a {display: block;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div a img {width: 20px;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: none;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer.fixed-action-btn.horizontal ul {top: 52%;}
/*天數*/
.MGroupList .skin_module .products .item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.MGroupList .skin_module .products .item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_date:before {content: '出發日期：'; width: 100%; display: block; padding: 10px 0;}
.MGroupList .skin_module .products .item .thumbnail > div.product_date a {color: #333; font-size: 14px; padding: 10px; float: left;}
.MGroupList .skin_module .products .item .thumbnail > div.product_date a.more {color: #fff; background-color: #f0ad4e; border-color: #eea236; width: 100%; text-align: center;}
.MGroupList .skin_module .products .item .thumbnail > div.product_date a.more:hover {background-color: #ec971f; border-color: #d58512;}
/*團型代碼*/
.MGroupList skin_module .products .item .thumbnail > div.product_num {float: left; width: 100%; padding: 5px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_num:before {content: '個團團號：';}
/*航班*/
.MGroupList .skin_module .products .item .thumbnail > div.product_info {float: left; width: 40%; padding: 10px; line-height: 35px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_info a {cursor: pointer;}
.MGroupList .skin_module .products .item .thumbnail > div.product_info a:after {content:'參考';}
/*售價*/
.MGroupList .skin_module .products .item .thumbnail > div.product_price {width: 60%; float: left; padding: 10px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;}
.MGroupList .skin_module .products .item .thumbnail > div.product_price span  strong{color: #F00; font-size: 20px; font-weight: bold;}
/*報名*/
.MGroupList .skin_module .products .item .thumbnail > div.product_btn {text-align: center; margin: 60px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.MGroupList .skin_module .products .item .thumbnail > div.product_btn a {padding: 6px 50px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.MGroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/** 團型列表 END **/
/** 分享按鈕收合+動態效果 **/
.fixed-action-btn {position: absolute; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0;}
.fixed-action-btn.active {z-index: 98;}
.fixed-action-btn.horizontal {padding: 0 0 0 15px;}
.btn-floating {display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 30px; height: 30px; line-height: 30px; padding: 0; background-color: #26a69a; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle;}
.btn-large {height: 54px; line-height: 54px;}
.btn-floating.btn-large {width: 30px; height: 30px;}
.skin_module .btn-floating.btn-large {float: right;}
.material-icons {text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga';}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {font-size: 1.3rem; line-height: inherit;}
.btn-floating i {width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 40px;}
.btn-floating.btn-large i {line-height: 30px;}
ul:not(.browser-default) {padding-left: 0; list-style-type: none;}
.fixed-action-btn ul {left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; margin: 0; visibility: hidden;}
.fixed-action-btn.active ul {visibility: visible;}
.fixed-action-btn.horizontal ul {text-align: right; right: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; left: auto; display: table; width: 100px; height: 30px;}
.fixed-action-btn.horizontal ul li {display: inline-block; margin: 0 10px 0 0; width: 24px; height: 24px;}
.btn-floating {display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 30px; height: 30px; line-height: 30px; padding: 0; background-color: #26a69a; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle;}
.btn-floating.line_icon {background-color: #00b900; text-align: center;}
.btn-floating.fb_icon {background-color: #3b5998;}
.fixed-action-btn ul a.btn-floating {opacity: 0;}
.btn-floating i {width: inherit; display: inline-block; text-align: center; color: #fff; line-height: 30px; font: normal normal normal 14px/1 FontAwesome;}
/** 列表頁下方的分頁按鈕及載入更多按鈕 **/
.skin_list .loading {display: none;}
.skin_list .pagination {margin: 20px auto 0; display: table;}
.skin_module .loading {margin: 20px auto 0; display: none; width: 50%; text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0)); background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.skin_module .pagination {margin: 20px auto 0; display: table;}
/** 航班參考彈出窗 **/
.flight_box {border: 1px solid #e1e1e1;}
.flight_box .flight_title {background-color: #f7efe3;}
.flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.flight_box ul:nth-last-child(1) {border-bottom: none;}
/*針對航班參考補強*/
.flight_box ul li {float: left; width: 15%; min-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.flight_box ul li:nth-child(1) {width: 10%; text-align: center;}
/*針對航班參考補強*/
.flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
/************************************************************************************/
/****** 個團明細頁 ******/
/** 團名 **/
.product_details h3 {margin: 0; line-height: 34px; font-size: 30px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1;}
.product_details .number_status {margin: 5px 0 20px;}
.product_details .number_status i {margin-right: 5px;}
.product_details .number_status .label-tag {margin-right: 5px; padding: .2em .6em .2em;}
.product_details div:nth-child(2).discount_plan {margin: 5px 0 20px; color: #F00; font-size: 16px;}
.product_details div:nth-child(3).discount_plan {margin: -15px 0 20px; color: #F00; font-size: 16px;}
.product_details .discount_plan i {margin-right: 5px;}
/** 產品基本資料 **/
.product_details .product_basic_info {width: 100%; display: table; margin-top: 20px; border-top: 1px solid #e1e1e1; padding-top: 20px; position: relative; margin-bottom: 50px;}
.product_details .product_basic_info ul {width: 100%; display: table;}
.product_details .product_basic_info ul li {float: left; line-height: 34px; padding: 0;}
.product_details .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_details .product_basic_info ul li.basic_info_title {font-size: 15px; font-weight: bold;}
.product_details .product_basic_info ul li.basic_info_title i {margin-right: 5px;}
.product_details .product_basic_info ul li.departure_date {color: #F00; font-size: 25px; font-weight: bold;}
/*.product_details .product_basic_info ul li.return_date {width: 20%;}*/
.product_details .product_basic_info ul li.deadline {color: #F00; font-size: 18px; font-weight: bold;}
.product_details .product_basic_info ul li.deadline a {float: right;}
.product_details .product_basic_info ul li span {font-size: 16px; font-weight: bold;}
.product_details .product_basic_info ul li.price_content {width: inherit; padding: 10px 0;}
.product_details .product_basic_info ul li .panel {float: left; text-align: center; margin-right: 10px; min-width: 130px; margin-bottom: 0;}
.product_details .product_basic_info ul li .panel .panel-heading {font-weight: bold;}
.product_details .product_basic_info ul li .panel .panel-body {font-size: 0;}
.product_details .product_basic_info ul li .panel .panel-body span {font-size: 16px;}
.product_details .product_basic_info ul li.sign_up_group {/*position: absolute; right: 0; width: initial; top: 10px;*/text-align: right; margin-top: -10px;}
.product_details .product_basic_info ul li.sign_up_group i {margin-right: 5px; font-size: inherit;}
.product_details .product_basic_info ul li.sign_up_group a span {margin-left: 5px; font-weight: 100;}
.product_details .product_basic_info ul li.sign_up_group a.cutoff,
.product_details .product_basic_info ul li.sign_up_group a.callme,
.product_details .product_basic_info ul li.sign_up_group a.full {cursor: not-allowed;}
.product_details .product_basic_info ul.key_features li span {padding: 3px 6px; font-size: 14px; white-space:nowrap; position: relative; margin-right: 15px; border-radius: 6px;}
.product_details .product_basic_info ul.key_features li span:after {content:'/'; margin-left: 14px; position: absolute;}
.product_details .product_basic_info ul.key_features li span:last-child:after {content:' ';}
.product_details .product_basic_info ul.key_features li span#CUSTOM_001 {border: 2px solid #af9759;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_002 {border: 2px solid #83a8c5;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_003 {border: 2px solid #7ec488;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_004 {border: 2px solid #d195af;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_005 {border: 2px solid #5088b7;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_006 {border: 2px solid #8b8682;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_007 {border: 2px solid #ddcb4f;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_008 {border: 2px solid #b74fdd;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_009 {border: 2px solid #4fddb3;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_010 {border: 2px solid #ddb34f;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_011 {border: 2px solid #a3dd4f;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_012 {border: 2px solid #dd4f7a;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_013 {border: 2px solid #ddd54f;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_014 {border: 2px solid #fac994;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_015 {border: 2px solid #b38b01;}
/*12測試ˋ區DEMO用*/
.product_details .product_basic_info ul.key_features li span#33 {border: 2px solid #af9759;}
.product_details .product_basic_info ul.key_features li span#30 {border: 2px solid #83a8c5;}
.product_details .product_basic_info ul.key_features li span#16 {border: 2px solid #7ec488;}

.navbar-default {position: relative;}
.navbar-default #cart {z-index: 98; width: 1170px; top: 0; position: absolute; margin: 0 auto; background: #717171; color: #FFF; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navbar-default #cart .navbar-nav > li > a {color: #FFF; font-size: 16px; line-height: 50px; padding: 0 15px;}
.navbar-default #cart .navbar-nav > li.active > a {color: #FF0040;}
.navbar-default #cart .navbar-nav > li > a:hover {color: #FF0040;}
#carousel-example-generic {margin-top: 50px;}
.navbar-default #cart .navbar-other {float: right; display: table; overflow: hidden;}
.navbar-default #cart .navbar-other li {float: left; line-height: 50px; margin: 0 5px;}
.navbar-default #cart .navbar-other li img {display: block; max-width: 100%; height: auto;}
.navbar-default #cart .navbar-other li a.customer_service {background: #9c27b0; color: #FFF; border: 1px solid #9313aa; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.navbar-default #cart .navbar-other li a.customer_service:hover,
.navbar-default #cart .navbar-other li a.customer_service:focus,
.navbar-default #cart .navbar-other li a.customer_service.focus,
.navbar-default #cart .navbar-other li a.customer_service:active,
.navbar-default #cart .navbar-other li a.customer_service.active {background: #811794; border: 1px solid #77068b; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.navbar-default #cart .navbar-other li a.customer_service span {width: inherit; display: inline-block; text-align: center; color: #fff; margin-right: 5px;}
.navbar-default #cart .navbar-other li a i {margin-right: 5px;}
.navbar-default #cart .navbar-other li a.download_info {background: #df0808; color: #FFF;}
.navbar-default #cart .navbar-other li a.clipboard {background: #F90; color: #FFF;}
.navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block; opacity: 1; width: 82px;position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block; width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block;opacity: 1; width: 82px; font-size: 14px; position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.cutoff,
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.callme,
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.full {cursor: not-allowed;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a span {margin-left: 5px; font-weight: 100;}
.Other_features_box{width:100%;}
.Other_features_box input{}
.Other_features_box label{cursor:pointer;display:table; float: left; margin-right: 10px;}
.Other_features_box .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.Other_features_box .SELECTION{width:100%; height:50px;float: left;margin:10px 0;font-size:14px; color:#333;}
.Other_features_box .SELECTION p{width:80px; float:left;}
.Other_features_box .SELECTION ul{width:720px;height:25px;float:left;margin:0;padding:0;}
.Other_features_box .SELECTION ul li{float:left;line-height:25px;margin-right:10px;list-style:none;}
.Other_features_box .Print_Fonts{width:100%;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;}
.Other_features_box .Print_Fonts p{width:80px;line-height:25px; float:left;margin:0;padding:0;}
.Other_features_box .Print_Fonts ul{width:720px;height:25px;float:left;margin:0;padding:0;}
.Other_features_box .Print_Fonts ul li{float:left;line-height:25px;margin-right:10px;list-style:none;}
.Other_features_box .Picture_Show{width:400px;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;}
.Other_features_box .Picture_Show p{width:80px;line-height:25px; float:left;margin:0;padding:0;}
.Other_features_box .Picture_Show ul{width:320px;height:25px;float:left;margin:0;padding:0;}
.Other_features_box .Picture_Show ul li{float:left;line-height:25px;margin-right:10px;list-style:none;}
.Other_features_box .Function_Buttons{display: table; margin:10px auto; padding:0;}
.Other_features_box .Function_Buttons ul { float:right;margin:0;padding:0;}
.Other_features_box .Function_Buttons li { float:left;line-height: 25px; margin-left:10px;list-style:none;}
.Other_features_box .Function_Buttons a { float:left; display:block;  padding:10px 20px; font-size:20px;  text-decoration:none; }
.Other_features_box .Function_Buttons a:hover {}
.Other_features_box .Function_Buttons i {font-size: inherit; display:inline-block;}
.Other_features_box .Function_icon_email { width:16px; height:16px; background-position: 0 -59px; }
.Other_features_box .Function_icon_download { width:17px; height:19px; background-position:0 -120px; }
.Other_features_box .Function_icon_print { width:16px; height:18px; background-position:0 -179px; }
.Other_features_box .Function_icon_preview { width:16px; height:18px; background-position:0 -440px; }
.Other_features_box .Data_Sent{width:100%; float: left;margin:10px 0;font-size:14px; color:#333;border-top:1px solid #e5e5e5; padding-top:20px;}
.Other_features_box .Data_Sent a {color: #333;}
.Other_features_box .Data_Sent a i {margin-right: 5px; font-size: 18px; vertical-align: middle;}
.Other_features_box .Data_Sent a:hover {color: #f60;}
.Other_features_box .Data_Sent ul{width: 100%; display: table; margin:0;padding:0; border: 1px solid #e5e5e5;background: #f7efe4;}
.Other_features_box .Data_Sent ul li{line-height: 34px; text-align: right; background: #FFF; padding: 10px; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.Other_features_box .Data_Sent ul li img{ vertical-align:middle;}
.Other_features_box .Data_Sent ul li .Sender{}
.Other_features_box .Data_Sent ul li .Email_Address{}
.Other_features_box .Data_Sent ul li .Captcha{}
.Other_features_box .submit_btn{}
.Other_features_box .Show_Content{width:720px; height:300px; margin:15px auto; border:1px solid #808080;}
#mydownload .modal-header .close {font-size: 30px;}
#mydownload .modal-body .Data_Sent p {font-size: 16px; padding: 10px 20px 30px;}
#mydownload .modal-body ul.address li {}
#mydownload .modal-body ul.message {border-top: none;}
#mydownload .modal-body ul.message li {line-height: 34px; border-bottom: none;}
#mydownload .modal-footer ul li {line-height: 34px;}
#mydownload .modal-body ul li:nth-child(odd) {background: #f7efe4; position: relative; border-right: none;}
#mydownload .modal-body ul li:nth-child(odd) span {position: absolute; min-height: 101%;}
#mydownload .modal-body ul li:nth-last-child(1) {background: #FFF; border: none;}
#mycontact .modal-header .close {font-size: 30px;}
#mycontact .modal-body {display: table;}
#mycontact .modal-body ul {border: 1px solid #e5e5e5;background: #f7efe4;width: 100%; display: table;}
#mycontact .modal-body ul li {border-bottom: 1px solid #e5e5e5;}
#mycontact .modal-body ul li:nth-child(even) {background: #FFF;}
#mycontact .modal-body ul li:nth-child(even) {position: relative;border-right: none;border-left: 1px solid #e5e5e5;}
#mycontact .modal-body ul.contact_content li:nth-child(3) {border-left: 1px solid #e5e5e5;}
#mycontact .modal-body ul.contact_content li:nth-last-child(2) {background: #FFF; border: none;}
#mycontact .modal-body ul.contact_content li:nth-last-child(1) {border: none;}
#mycontact .modal-body ul.contact_content li:nth-last-child(3) {border-bottom: none;}
#mycontact .modal-body ul.contact_content li:nth-last-child(4) {border-bottom: none;}
#mycontact .modal-body ul.contact_content li {text-align: right;line-height: 34px;padding: 10px;}
#mycontact .modal-body ul.contact_content li i {color: #F00; margin-right: 5px;}
#mycontact .modal-body p {font-size: 16px; width: 100%; display: table; line-height: 34px; padding: 10px 20px 30px;}
#mycontact .modal-body p span {font-weight: bold;}
#mycontact .modal-body ul.message {border-top: none;}
#mycontact .modal-body ul.message li {line-height: 34px;text-align: right;border: none;padding: 10px;}
#mycontact .modal-body ul.message li:nth-last-child(1) {border-left: 1px solid #e5e5e5;}
#mycontact .modal-footer ul li {line-height: 34px;}
/** 優惠方案 **/
.product_details .Concessions {width: 100%; display: table; padding: 120px 10px 20px;}
.product_details .Concessions > h4 i {margin-right: 5px;}
.product_details .Concessions .concessions_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;}
.product_details .Concessions .concessions_content p {line-height: 25px;}
.product_details .Concessions .concessions_content img {width: 100%;}
/** 行程特色 **/
.product_details .TravelCharacteristics {width: 100%; display: table; padding: 120px 10px 20px;}
.product_details .TravelCharacteristics table {width: 100% !important;}
.product_details .TravelCharacteristics table img {width: 100%;height: initial;}
.product_details .TravelCharacteristics > h4 i {margin-right: 5px;}
.product_details .TravelCharacteristics ul li img {width: 100%;}
/** 航班參考 **/
.product_details .ReferenceFlights {width: 100%; display: table; padding: 120px 10px 10px;}
.product_details .ReferenceFlights > h4 i {margin-right: 5px;}
.product_details .ReferenceFlights .flight_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box .flight_title {background-color: #f7efe3;}
.product_details .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;}
.product_details .ReferenceFlights .flight_box ul li {float: left; width: 16%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(1) {width: 5%; text-align: center;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(3) {width: 15%;}
.product_details .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
/* 針對國內旅遊新增 交通資訊 欄位 */
/** 交通資訊 **/
.product_details .ReferenceTraffics {width: 100%; display: table; padding: 10px 10px 20px;}
.product_details .ReferenceTraffics > h4 i {margin-right: 5px;}
.product_details .ReferenceTraffics .traffic_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box .traffic_title {background-color: #f7efe3;}
.product_details .ReferenceTraffics .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.product_details .ReferenceTraffics .traffic_box ul li {float: left; width: 16%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(1) {width: 5%; text-align: center;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(3) {width: 15%;}
.product_details .ReferenceTraffics .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
/** 每日行程 **/
.product_details .DailyItinerary {width: 100%; display: table; padding: 120px 10px 20px;}
.product_details .DailyItinerary > h4 {position: relative;}
.product_details .DailyItinerary > h4 a.dark_pile_btn {position: absolute; right: 0; bottom: 0;}
.product_details .DailyItinerary > h4 a.dark_pile_btn::before {content: "\f067"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.product_details .DailyItinerary > h4 a.dark_pile_btn::after {content: '全部展開';}
.product_details .DailyItinerary > h4 a.dark_pile_btn.active::before {content: "\f068"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.product_details .DailyItinerary > h4 a.dark_pile_btn.active::after {content: '全部收合';}
.product_details .DailyItinerary > h4 i {margin-right: 5px;}
.product_details .DailyItinerary .every_day {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 20px; position: relative;}
.product_details .DailyItinerary .every_day .day_title {margin: 0; padding: 0;}
.product_details .DailyItinerary .every_day .day_title h4::before {content: attr(data-toggle);}
.product_details .DailyItinerary .every_day .day_title h4 {line-height: 34px; position: relative; margin: 0; padding: 6px 12px;}
/*第x天-圓形*/
.product_details .DailyItinerary .every_day .day_title h4.day_title_left {vertical-align: middle; display: table-cell; float: initial;}
.product_details .DailyItinerary .every_day .day_title h4.day_title_left .tw_day {background: #ff3573; color: #FFF; text-align: center; width: 94px;height: 94px;border-radius: 50%;line-height: 94px;padding: 0; margin: 0 auto; float: left;}
.product_details .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle; display: table-cell; float: initial;}/**/
/*第x天-方形*/
/*.product_details .DailyItinerary .every_day .day_title h4.day_title_left {min-width: 94px; background: #ff3573; color: #FFF; text-align: center; padding: 0; margin: 0 auto; vertical-align: middle; display: table-cell; float: initial;}
.product_details .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle; display: table-cell; float: initial;}*/
/*第x天-圓形-Dx英文標籤式*/
.product_details .DailyItinerary .every_day .day_title h4 span.en_day {display: none; width: 34px; height: 34px; text-align: center; line-height: 34px; color: #fff; background-color: #ff3573; font-size: 16px; border-radius: 50%; font-weight: 300; margin-right: 10px; position: absolute; left: -50px;}
/*每日行程-內容*/
.product_details .DailyItinerary .every_day .day_content {margin: 10px 0; border-bottom: 1px dashed #e1e1e1; border-top: 1px dashed #e1e1e1; padding: 10px;}
.product_details .DailyItinerary .every_day .day_content p {font-size: 16px; color: #333; line-height: 25px; padding: 10px 0; margin: 0; text-align: justify;}
.product_details .DailyItinerary .every_day .day_content .day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_1 img {width:100%; height: 380px;}
.product_details .DailyItinerary .every_day .day_content .day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_2 img {width:100%; height: 380px;}
.product_details .DailyItinerary .every_day .day_content .day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_3 img {width:100%; height: 250px;}
.product_details .DailyItinerary .every_day .day_content .day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_4 img {width:100%; height: 180px;}
.product_details .DailyItinerary .every_day .day_content .day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_5 img {width:100%; height: 250px;}
.product_details .DailyItinerary .every_day .day_content .day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_6 img {width:100%; height: 180px;}
.product_details .DailyItinerary .every_day .day_content .day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_7 img {width:100%; height: 250px;}
.product_details .DailyItinerary .every_day .day_content .day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_8 img {width:100%; height: 180px;}
.product_details .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/*每日行程-餐食*/
.product_details .DailyItinerary .every_day .day_meal {}
.product_details .DailyItinerary .every_day .day_meal i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;}
.product_details .DailyItinerary .every_day .day_meal .meal_content {float: left; width: 85%;}
.product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal {margin-bottom: 0px;}
.product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {width: inherit; color: #333; font-size: 16px; line-height: 22px; margin-left: 0;}
.product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dd {color: #333; font-size: 16px; line-height: 22px; margin-left: 50px;}
.product_details .DailyItinerary .every_day .day_meal ul {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;}
/*每日行程-住宿*/
.product_details .DailyItinerary .every_day .day_hotel {}
.product_details .DailyItinerary .every_day .day_hotel i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;}
.product_details .DailyItinerary .every_day .day_hotel p {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;}
/** 自費活動 **/
.product_details .AtTheirOwnExpense {width: 100%; display: table; padding: 120px 10px 20px;}
.product_details .AtTheirOwnExpense > h4 i {margin-right: 5px;}
.product_details .AtTheirOwnExpense .panel-group .panel-default > .panel-heading {padding: 0;}
.product_details .AtTheirOwnExpense .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;}
.product_details .AtTheirOwnExpense .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;}
.product_details .AtTheirOwnExpense .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;}
.product_details .AtTheirOwnExpense .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_details .AtTheirOwnExpense .panel-group h4 div p {float: left;width: 150px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_details .AtTheirOwnExpense .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_details .AtTheirOwnExpense .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;}
.product_details .AtTheirOwnExpense .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .AtTheirOwnExpense .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal {position: relative;}
.product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {width: 80px;}
.product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dd {margin-left: 100px; text-align: justify;}
.product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal img {position: absolute; top: 0; right: 0;}
/** 附加項目 **/
.product_details .Additional {width: 100%; display: table; padding: 20px 10px 20px;}
.product_details .Additional > h4 i {margin-right: 5px;}
.product_details .Additional .panel-group .panel-default > .panel-heading {padding: 0;}
.product_details .Additional .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;}
.product_details .Additional .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;}
.product_details .Additional .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;}
.product_details .Additional .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_details .Additional .panel-group h4 div p {float: left;width: 180px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_details .Additional .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_details .Additional .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;}
.product_details .Additional .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .Additional .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .Additional .panel-group .panel-default .panel-body .list-inline > li {}
/** 護照及簽證 **/
.product_details .Passport_Visa {width: 100%; display: table; padding: 20px 10px 20px;}
.product_details .Passport_Visa > h4 i {margin-right: 5px;}
.product_details .Passport_Visa .panel-group .panel-default > .panel-heading {padding: 0;}
.product_details .Passport_Visa .panel-group h4 {background: #e6dcd0; position: relative;}
.product_details .Passport_Visa .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_details .Passport_Visa .panel-group h4 div p {float: left;width: 100px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_details .Passport_Visa .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_details .Passport_Visa .panel-group h4 > a {display: block; padding: 10px 15px; position: relative; z-index: 2;}
.product_details .Passport_Visa .panel-group h4 > a span.label {position: absolute; top: 10px; margin-left: 10px;}
.product_details .Passport_Visa .panel-group h4 > a::after {content: "\f056"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .Passport_Visa .panel-group h4 > a.collapsed::after {content: "\f055"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .Passport_Visa .panel-group .panel-default .panel-body .list-inline > li {text-align: justify; margin-bottom: 10px;}
.Passport_Visa_box {border: 1px solid #e1e1e1;}
.Passport_Visa_box .Passport_Visa_title {background-color: #f7efe3;}
.Passport_Visa_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.Passport_Visa_box ul:nth-last-child(1) {border-bottom: none;}
.Passport_Visa_box ul li {float: left; width: 23%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.Passport_Visa_box ul li:nth-last-child(1) {width: 8%; text-align: center;}
.Passport_Visa_box ul li:nth-last-child(1) a {color: #a59681; font-size: 26px;line-height: 26px; vertical-align: sub;}
.Passport_Visa_box .Passport_Visa_content:nth-child(odd) {background: #f9f8f8;}
/** 注意事項 **/
.product_details .OtherInstructions {width: 100%; display: table; padding: 120px 10px 20px;}
.product_details .OtherInstructions > h4 i {margin-right: 5px;}
.product_details .OtherInstructions .other_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;}
.product_details .OtherInstructions .other_content > ul > li {margin-bottom: 40px;}
.product_details .OtherInstructions .other_content > ul > li:nth-last-child(1) {margin-bottom: 0;}
.product_details .OtherInstructions .other_content > ul > li:nth-child(1) {margin-bottom: 40px;}
.product_details .OtherInstructions .other_content > ul > li > p {text-align: justify; line-height: 25px; margin: 0;}
.product_details .OtherInstructions .other_content > ul > li > ul > li {line-height: 25px;}
/* 使用範本加強 */
.product_details .day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_1 img {width:100%; height: 380px;}
.product_details .day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_2 img {width:100%; height: 380px;}
.product_details .day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_3 img {width:100%; height: 250px;}
.product_details .day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_4 img {width:100%; height: 180px;}
.product_details .day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_5 img {width:100%; height: 250px;}
.product_details .day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_6 img {width:100%; height: 180px;}
.product_details .day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_7 img {width:100%; height: 250px;}
.product_details .day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_8 img {width:100%; height: 180px;}
/************************************************************************************/
/****** 團型明細頁 ******/
/** 團名 **/
.product_types h3 {margin: 0; line-height: 34px; font-size: 30px;}
.product_types div:nth-child(2).discount_plan {margin: 5px 0 20px; color: #F00; font-size: 16px;}
.product_types div:nth-child(3).discount_plan {margin: -15px 0 20px; color: #F00; font-size: 16px;}
.product_types .discount_plan i {margin-right: 5px;}
/** 產品基本資料 **/
.product_types .product_basic_info {width: 100%; display: table; margin-top: 20px; border-top: 1px solid #e1e1e1; padding-top: 20px; position: relative; margin-bottom: 50px;}
.product_types .product_basic_info ul {width: 100%; display: table;}
.product_types .product_basic_info ul li {float: left; line-height: 34px; padding: 0;}
.product_types .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_types .product_basic_info ul li.basic_info_title {font-size: 15px; font-weight: bold;}
.product_types .product_basic_info ul li.basic_info_title i {margin-right: 5px;}
.product_types .product_basic_info ul li.price_content:nth-child(2) {color: #F00; font-size: 20px; font-weight: bold;}
.product_types .product_basic_info ul li.price_content:nth-child(2) span {font-size: 20px; font-weight: bold;}
.product_types .product_basic_info ul li.departure_date {color: #F00; font-size: 25px; font-weight: bold;}
.product_types .product_basic_info ul li.deadline {color: #F00; font-size: 18px; font-weight: bold;}
.product_types .product_basic_info ul li.deadline a {float: right;}
.product_types .product_basic_info ul li .panel {float: left; text-align: center; margin-right: 10px; min-width: 130px; margin-bottom: 0;}
.product_types .product_basic_info ul li .panel .panel-heading {font-weight: bold;}
.product_types .product_basic_info ul li .panel .panel-body {font-size: 0;}
.product_types .product_basic_info ul li .panel .panel-body span {font-size: 16px;}
.product_types .product_basic_info ul li.sign_up_group {/*position: absolute; right: 0; width: initial; top: 10px;*/text-align: right; margin-top: -10px;}
.product_types .product_basic_info ul li.sign_up_group i {margin-right: 5px; font-size: inherit;}
.product_types .product_basic_info ul li.sign_up_group a span {margin-left: 5px; font-weight: 100;}
.product_types .product_basic_info ul li.sign_up_group a.cutoff,
.product_types .product_basic_info ul li.sign_up_group a.callme,
.product_types .product_basic_info ul li.sign_up_group a.full {cursor: not-allowed;}
.product_types .product_basic_info ul.key_features li span {padding: 3px 6px; font-size: 14px; white-space:nowrap; position: relative; margin-right: 15px; border-radius: 6px;}
.product_types .product_basic_info ul.key_features li span:after {content:'/'; margin-left: 14px; position: absolute;}
.product_types .product_basic_info ul.key_features li span:last-child:after {content:' ';}
.product_types .product_basic_info ul.key_features li span#CUSTOM_001 {border: 2px solid #af9759;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_002 {border: 2px solid #83a8c5;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_003 {border: 2px solid #7ec488;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_004 {border: 2px solid #d195af;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_005 {border: 2px solid #5088b7;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_006 {border: 2px solid #8b8682;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_007 {border: 2px solid #ddcb4f;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_008 {border: 2px solid #b74fdd;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_009 {border: 2px solid #4fddb3;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_010 {border: 2px solid #ddb34f;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_011 {border: 2px solid #a3dd4f;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_012 {border: 2px solid #dd4f7a;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_013 {border: 2px solid #ddd54f;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_014 {border: 2px solid #fac994;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_015 {border: 2px solid #b38b01;}
/*12測試ˋ區DEMO用*/
.product_types .product_basic_info ul.key_features li span#33 {border: 2px solid #af9759;}
.product_types .product_basic_info ul.key_features li span#30 {border: 2px solid #83a8c5;}
.product_types .product_basic_info ul.key_features li span#16 {border: 2px solid #7ec488;}
.navbar-default {position: relative;}
.navbar-default #cart {z-index: 98; width: 1170px; top: 0; position: absolute; margin: 0 auto; background: #717171; color: #FFF; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navbar-default #cart .navbar-nav > li > a {color: #FFF; font-size: 16px; line-height: 50px; padding: 0 15px;}
.navbar-default #cart .navbar-nav > li.active > a {color: #FF0040;}
.navbar-default #cart .navbar-nav > li > a:hover {color: #FF0040;}
#carousel-example-generic {margin-top: 50px;}
.navbar-default #cart .navbar-other {float: right; display: table; overflow: hidden;}
.navbar-default #cart .navbar-other li {float: left; line-height: 50px; margin: 0 5px;}
.navbar-default #cart .navbar-other li img {display: block; max-width: 100%; height: auto;}
.navbar-default #cart .navbar-other li a.customer_service {background: #9c27b0; color: #FFF; border: 1px solid #9313aa; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.navbar-default #cart .navbar-other li a.customer_service:hover,
.navbar-default #cart .navbar-other li a.customer_service:focus,
.navbar-default #cart .navbar-other li a.customer_service.focus,
.navbar-default #cart .navbar-other li a.customer_service:active,
.navbar-default #cart .navbar-other li a.customer_service.active {background: #811794; border: 1px solid #77068b; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.navbar-default #cart .navbar-other li a.customer_service span {width: inherit; display: inline-block; text-align: center; color: #fff; margin-right: 5px;}
.navbar-default #cart .navbar-other li a.download_info {background: #df0808; color: #FFF;}
.navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block; opacity: 1; width: 82px;position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block; width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block;opacity: 1; width: 82px; position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.cutoff,
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.callme,
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.full {cursor: not-allowed;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a span {margin-left: 5px; font-weight: 100;}
.Other_features_box{width:100%;}
.Other_features_box input{}
.Other_features_box label{cursor:pointer;display:table; float: left; margin-right: 10px;}
.Other_features_box .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.Other_features_box .SELECTION{width:100%; height:50px;float: left;margin:10px 0;font-size:14px; color:#333;}
.Other_features_box .SELECTION p{width:80px; float:left;}
.Other_features_box .SELECTION ul{width:720px;height:25px;float:left;margin:0;padding:0;}
.Other_features_box .SELECTION ul li{float:left;line-height:25px;margin-right:10px;list-style:none;}
.Other_features_box .Print_Fonts{width:100%;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;}
.Other_features_box .Print_Fonts p{width:80px;line-height:25px; float:left;margin:0;padding:0;}
.Other_features_box .Print_Fonts ul{width:720px;height:25px;float:left;margin:0;padding:0;}
.Other_features_box .Print_Fonts ul li{float:left;line-height:25px;margin-right:10px;list-style:none;}
.Other_features_box .Picture_Show{width:400px;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;}
.Other_features_box .Picture_Show p{width:80px;line-height:25px; float:left;margin:0;padding:0;}
.Other_features_box .Picture_Show ul{width:320px;height:25px;float:left;margin:0;padding:0;}
.Other_features_box .Picture_Show ul li{float:left;line-height:25px;margin-right:10px;list-style:none;}
.Other_features_box .Function_Buttons{display: table; margin:10px auto; padding:0;}
.Other_features_box .Function_Buttons ul { float:right;margin:0;padding:0;}
.Other_features_box .Function_Buttons li { float:left;line-height: 25px; margin-left:10px;list-style:none;}
.Other_features_box .Function_Buttons a { float:left; display:block;  padding:10px 20px; font-size:20px;  text-decoration:none; }
.Other_features_box .Function_Buttons a:hover {}
.Other_features_box .Function_Buttons i {font-size: inherit; display:inline-block;}
.Other_features_box .Function_icon_email { width:16px; height:16px; background-position: 0 -59px; }
.Other_features_box .Function_icon_download { width:17px; height:19px; background-position:0 -120px; }
.Other_features_box .Function_icon_print { width:16px; height:18px; background-position:0 -179px; }
.Other_features_box .Function_icon_preview { width:16px; height:18px; background-position:0 -440px; }
.Other_features_box .Data_Sent{width:100%; float: left;margin:10px 0;font-size:14px; color:#333;border-top:1px solid #e5e5e5; padding-top:20px;}
.Other_features_box .Data_Sent a {color: #333;}
.Other_features_box .Data_Sent a i {margin-right: 5px; font-size: 18px; vertical-align: middle;}
.Other_features_box .Data_Sent a:hover {color: #f60;}
.Other_features_box .Data_Sent ul{width: 100%; display: table; margin:0;padding:0; border: 1px solid #e5e5e5;background: #f7efe4;}
.Other_features_box .Data_Sent ul li{line-height: 34px; text-align: right; background: #FFF; padding: 10px; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.Other_features_box .Data_Sent ul li img{ vertical-align:middle;}
.Other_features_box .Data_Sent ul li .Sender{}
.Other_features_box .Data_Sent ul li .Email_Address{}
.Other_features_box .Data_Sent ul li .Captcha{}
.Other_features_box .submit_btn{}
.Other_features_box .Show_Content{width:720px; height:300px; margin:15px auto; border:1px solid #808080;}
#otherdates .modal-body .carousel-inner .carousel-caption {position: initial;}
#mydownload .modal-header .close {font-size: 30px;}
#mydownload .modal-body .Data_Sent p {font-size: 16px; padding: 10px 20px 30px;}
#mydownload .modal-body ul.address li {}
#mydownload .modal-body ul.message {border-top: none;}
#mydownload .modal-body ul.message li {line-height: 34px; border-bottom: none;}
#mydownload .modal-footer ul li {line-height: 34px;}
#mydownload .modal-body ul li:nth-child(odd) {background: #f7efe4; position: relative; border-right: none;}
#mydownload .modal-body ul li:nth-child(odd) span {position: absolute; min-height: 101%;}
#mydownload .modal-body ul li:nth-last-child(1) {background: #FFF; border: none;}
#mycontact .modal-header .close {font-size: 30px;}
#mycontact .modal-body {display: table;}
#mycontact .modal-body ul {border: 1px solid #e5e5e5;background: #f7efe4;width: 100%; display: table;}
#mycontact .modal-body ul li {border-bottom: 1px solid #e5e5e5;}
#mycontact .modal-body ul li:nth-child(even) {background: #FFF;}
#mycontact .modal-body ul li:nth-child(even) {position: relative;border-right: none;border-left: 1px solid #e5e5e5;}
#mycontact .modal-body ul.contact_content li:nth-child(3) {border-left: 1px solid #e5e5e5;}
#mycontact .modal-body ul.contact_content li:nth-last-child(2) {background: #FFF; border: none;}
#mycontact .modal-body ul.contact_content li:nth-last-child(1) {border: none;}
#mycontact .modal-body ul.contact_content li:nth-last-child(3) {border-bottom: none;}
#mycontact .modal-body ul.contact_content li:nth-last-child(4) {border-bottom: none;}
#mycontact .modal-body ul.contact_content li {text-align: right;line-height: 34px;padding: 10px;}
#mycontact .modal-body ul.contact_content li i {color: #F00; margin-right: 5px;}
#mycontact .modal-body p {font-size: 16px; width: 100%; display: table; line-height: 34px; padding: 10px 20px 30px;}
#mycontact .modal-body p span {font-weight: bold;}
#mycontact .modal-body ul.message {border-top: none;}
#mycontact .modal-body ul.message li {line-height: 34px;text-align: right;border: none;padding: 10px;}
#mycontact .modal-body ul.message li:nth-last-child(1) {border-left: 1px solid #e5e5e5;}
#mycontact .modal-footer ul li {line-height: 34px;}
/** 優惠方案 **/
.product_types .Concessions {width: 100%; display: table; padding: 120px 10px 20px;}
.product_types .Concessions > h4 i {margin-right: 5px;}
.product_types .Concessions .concessions_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;}
.product_types .Concessions .concessions_content p {line-height: 25px;}
.product_types .Concessions .concessions_content img {width: 100%;}
/** 售價及出團日 **/
.product_types .DepartureDay {width: 100%; display: table; padding: 20px 10px 20px;}
.product_types .DepartureDay > h4 i {margin-right: 5px;}
.product_types .DepartureDay .departureday_content {width: 100%; margin-top: 10px; margin-bottom: 50px;}
.product_types .DepartureDay .departureday_content .state_indication {text-align: right;}
.product_types .DepartureDay .departureday_content .state_indication span {margin-left: 5px; white-space: nowrap;}
.product_types .DepartureDay .departureday_content .state_indication span.text-muted {text-decoration: line-through;}
.product_types .DepartureDay .departureday_content .state_indication span i {margin-right: 5px;}
.product_types .DepartureDay .departureday_content #DATE_VIEW {width: 100%; border: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content {display: table; width:100%; background: #f7efe3; border-bottom: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {display:inline-block; padding: 6px 12px; width: 20%; line-height: 35px; text-align: center;}
.product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 80%;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal {position: relative; margin: 0; border-bottom: 1px solid #d2d4d5; align-items: center!important; display: flex!important;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-child(odd) {background: #f9f8f8;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-last-child(1) {border-bottom: none;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 50%; text-align: center; display: table;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span {width: 100%; display: table;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span:nth-child(2) {color: #999;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd {margin-left: 0%; border-bottom: 1px solid #d2d4d5; border-left: 1px solid #d2d4d5;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {border-bottom: none;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd h5 {display: inline-block; width: 25%; text-align: center;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul {display: inline-block; /*width: 74%;*/ vertical-align: middle; padding: 10px; /*border-left: 1px solid #d2d4d5;*/}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {display: inline-block; padding: 5px;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a {color: #222; border-bottom: 1px solid #222;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-muted {color: #777; border-bottom: none; text-decoration: line-through;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-danger {color: #a94442; border-bottom: 1px solid #a94442;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:after {content:'、';}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:last-child:after {content:' ';}
.product_types .DepartureDay .departureday_content #PRICE_VIEW {width: 100%;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW .tab-pane {border: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul, .product_types .DepartureDay .departureday_content #PRICE_VIEW li{margin:0;padding:0;list-style: none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs {border: none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs li a {display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs > li:nth-last-child(1) {float: left;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs > li.active > a,
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs > li.active > a:hover,
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs > li.active > a:focus {color: #fff; background-color: #428bca; border-color: #357ebd;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content {display: table;width:100%; background: #f7efe3; border-bottom: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li{display:inline-block; padding: 6px 12px; width: 13%; line-height: 35px; text-align: center;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li:nth-child(2) {width: 45%;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li:nth-child(3) {width: 16%;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content {display: table;width:100%;border-bottom: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content:nth-child(odd) {background: #f9f8f8;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content:nth-last-child(1) {border-bottom:none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li {display:inline-block; padding: 6px 12px; width: 13%; text-align: center; height: 100%; line-height: 100%; text-align: center; font-size: 15px; color: #333; vertical-align: middle;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li .product_tag {display: table;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li .product_tag span {margin-right: 5px; display: inline-block;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(2) {width: 45%; text-align: left;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(3) {width: 16%;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li > span {width: 100%; display: table;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li > span:nth-child(2) {color: #999; margin-top: 5px;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li a {width: 100%; line-height: 25px; font-size: 15px; color: #333;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {text-align: left;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li a.btn {padding: 6px 12px; font-size: 15px; color: #FFF;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li a.btn span {color: #F00; margin-left: 5px;}
.product_types .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1),
.product_types .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {width: 125px;}
.product_types .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block; width: 125px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.product_types .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: table;opacity: 1; width: 125px; position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.product_types .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a i,
.product_types .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a i {margin-right: 5px;}
/** 行程特色 **/
.product_types .TravelCharacteristics {width: 100%; display: table; padding: 120px 10px 20px;}
.product_types .TravelCharacteristics table {width: 100% !important;}
.product_types .TravelCharacteristics table img {width: 100%;height: initial;}
.product_types .TravelCharacteristics > h4 i {margin-right: 5px;}
.product_types .TravelCharacteristics ul li img {width: 100%;}
/** 航班參考 **/
.product_types .ReferenceFlights {width: 100%; display: table; padding: 120px 10px 10px;}
.product_types .ReferenceFlights > h4 i {margin-right: 5px;}
.product_types .ReferenceFlights .flight_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box .flight_title {background-color: #f7efe3;}
.product_types .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;}
.product_types .ReferenceFlights .flight_box ul li {float: left; width: 16%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(1) {width: 5%; text-align: center;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(3) {width: 15%;}
.product_types .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
/* 針對國內旅遊新增 交通資訊 欄位 */
/** 交通資訊 **/
.product_types .ReferenceTraffics {width: 100%; display: table; padding: 10px 10px 20px;}
.product_types .ReferenceTraffics > h4 i {margin-right: 5px;}
.product_types .ReferenceTraffics .traffic_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box .traffic_title {background-color: #f7efe3;}
.product_types .ReferenceTraffics .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.product_types .ReferenceTraffics .traffic_box ul li {float: left; width: 16%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(1) {width: 5%; text-align: center;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(3) {width: 15%;}
.product_types .ReferenceTraffics .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
/** 每日行程 **/
.product_types .DailyItinerary {width: 100%; display: table; padding: 120px 10px 20px;}
.product_types .DailyItinerary > h4 {position: relative;}
.product_types .DailyItinerary > h4 a.dark_pile_btn {position: absolute; right: 0; bottom: 0;}
.product_types .DailyItinerary > h4 a.dark_pile_btn::before {content: "\f067"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.product_types .DailyItinerary > h4 a.dark_pile_btn::after {content: '全部展開';}
.product_types .DailyItinerary > h4 a.dark_pile_btn.active::before {content: "\f068"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.product_types .DailyItinerary > h4 a.dark_pile_btn.active::after {content: '全部收合';}
.product_types .DailyItinerary > h4 i {margin-right: 5px;}
.product_types .DailyItinerary .every_day {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 20px; position: relative;}
.product_types .DailyItinerary .every_day .day_title {margin: 0; padding: 0;}
.product_types .DailyItinerary .every_day .day_title h4::before {content: attr(data-toggle);}
.product_types .DailyItinerary .every_day .day_title h4 {line-height: 34px; position: relative; margin: 0; padding: 6px 12px;}
/*第x天-圓形*/
.product_types .DailyItinerary .every_day .day_title h4.day_title_left {vertical-align: middle; display: table-cell; float: initial;}
.product_types .DailyItinerary .every_day .day_title h4.day_title_left .tw_day {background: #ff3573; color: #FFF; text-align: center; width: 94px;height: 94px;border-radius: 50%;line-height: 94px;padding: 0; margin: 0 auto; float: left;}
.product_types .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle; display: table-cell; float: initial;}/**/
/*第x天-方形*/
/*.product_types .DailyItinerary .every_day .day_title h4.day_title_left {min-width: 94px; background: #ff3573; color: #FFF; text-align: center; padding: 0; margin: 0 auto; vertical-align: middle; display: table-cell; float: initial;}
.product_types .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle; display: table-cell; float: initial;}*/
/*第x天-圓形-Dx英文標籤式*/
.product_types .DailyItinerary .every_day .day_title h4 span.en_day {display: none; width: 34px; height: 34px; text-align: center; line-height: 34px; color: #fff; background-color: #ff3573; font-size: 16px; border-radius: 50%; font-weight: 300; margin-right: 10px; position: absolute; left: -50px;}
/*每日行程-內容*/
.product_types .DailyItinerary .every_day .day_content {margin: 10px 0; border-bottom: 1px dashed #e1e1e1; border-top: 1px dashed #e1e1e1; padding: 10px;}
.product_types .DailyItinerary .every_day .day_content p {font-size: 16px; color: #333; line-height: 25px; padding: 10px 0; margin: 0; text-align: justify;}
.product_types .DailyItinerary .every_day .day_content .day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_1 img {width:100%; height: 380px;}
.product_types .DailyItinerary .every_day .day_content .day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_2 img {width:100%; height: 380px;}
.product_types .DailyItinerary .every_day .day_content .day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_3 img {width:100%; height: 250px;}
.product_types .DailyItinerary .every_day .day_content .day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_4 img {width:100%; height: 180px;}
.product_types .DailyItinerary .every_day .day_content .day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_5 img {width:100%; height: 250px;}
.product_types .DailyItinerary .every_day .day_content .day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_6 img {width:100%; height: 180px;}
.product_types .DailyItinerary .every_day .day_content .day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_7 img {width:100%; height: 250px;}
.product_types .DailyItinerary .every_day .day_content .day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_8 img {width:100%; height: 180px;}
.product_types .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/*每日行程-餐食*/
.product_types .DailyItinerary .every_day .day_meal i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;}
.product_types .DailyItinerary .every_day .day_meal .meal_content {float: left; width: 85%;}
.product_types .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal {margin-bottom: 0px;}
.product_types .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {width: inherit; color: #333; font-size: 16px; line-height: 22px; margin-left: 0;}
.product_types .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dd {color: #333; font-size: 16px; line-height: 22px; margin-left: 50px;}
.product_types .DailyItinerary .every_day .day_meal ul {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;}
/*每日行程-住宿*/
.product_types .DailyItinerary .every_day .day_hotel i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;}
.product_types .DailyItinerary .every_day .day_hotel p {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;}
/** 自費活動 **/
.product_types .AtTheirOwnExpense {width: 100%; display: table; padding: 120px 10px 20px;}
.product_types .AtTheirOwnExpense > h4 i {margin-right: 5px;}
.product_types .AtTheirOwnExpense .panel-group .panel-default > .panel-heading {padding: 0;}
.product_types .AtTheirOwnExpense .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;}
.product_types .AtTheirOwnExpense .panel-group h4 > span.label {position: absolute; top: 10px; margin-left: 10px;}
.product_types .AtTheirOwnExpense .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;}
.product_types .AtTheirOwnExpense .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;}
.product_types .AtTheirOwnExpense .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_types .AtTheirOwnExpense .panel-group h4 div p {float: left;width: 150px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_types .AtTheirOwnExpense .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_types .AtTheirOwnExpense .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;}
.product_types .AtTheirOwnExpense .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_types .AtTheirOwnExpense .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal {position: relative;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {width: 80px;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dd {margin-left: 100px; text-align: justify;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal img {position: absolute; top: 0; right: 0;}
/** 附加項目 **/
.product_types .Additional {width: 100%; display: table; padding: 20px 10px 20px;}
.product_types .Additional > h4 i {margin-right: 5px;}
.product_types .Additional .panel-group .panel-default > .panel-heading {padding: 0;}
.product_types .Additional .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;}
.product_types .Additional .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;}
.product_types .Additional .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;}
.product_types .Additional .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_types .Additional .panel-group h4 div p {float: left;width: 180px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_types .Additional .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_types .Additional .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;}
.product_types .Additional .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_types .Additional .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}

/** 護照及簽證 **/
.product_types .Passport_Visa {width: 100%; display: table; padding: 20px 10px 20px;}
.product_types .Passport_Visa > h4 i {margin-right: 5px;}
.product_types .Passport_Visa .panel-group .panel-default > .panel-heading {padding: 0;}
.product_types .Passport_Visa .panel-group h4 {background: #e6dcd0; position: relative;}
.product_types .Passport_Visa .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_types .Passport_Visa .panel-group h4 div p {float: left;width: 100px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_types .Passport_Visa .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_types .Passport_Visa .panel-group h4 > a {display: block; padding: 10px 15px; position: relative; z-index: 2;}
.product_types .Passport_Visa .panel-group h4 > a span.label {position: absolute; top: 10px; margin-left: 10px;}
.product_types .Passport_Visa .panel-group h4 > a::after {content: "\f056"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_types .Passport_Visa .panel-group h4 > a.collapsed::after {content: "\f055"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_types .Passport_Visa .panel-group .panel-default .panel-body .list-inline > li {text-align: justify; margin-bottom: 10px;}
.Passport_Visa_box {border: 1px solid #e1e1e1;}
.Passport_Visa_box .Passport_Visa_title {background-color: #f7efe3;}
.Passport_Visa_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.Passport_Visa_box ul:nth-last-child(1) {border-bottom: none;}
.Passport_Visa_box ul li {float: left; width: 23%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.Passport_Visa_box ul li:nth-last-child(1) {width: 8%; text-align: center;}
.Passport_Visa_box ul li:nth-last-child(1) a {color: #a59681; font-size: 26px;line-height: 26px; vertical-align: sub;}
.Passport_Visa_box .Passport_Visa_content:nth-child(odd) {background: #f9f8f8;}
/** 注意事項 **/
.product_types .OtherInstructions {width: 100%; display: table; padding: 120px 10px 20px;}
.product_types .OtherInstructions > h4 i {margin-right: 5px;}
.product_types .OtherInstructions .other_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;}
.product_types .OtherInstructions .other_content > ul > li {margin-bottom: 40px;}
.product_types .OtherInstructions .other_content > ul > li:nth-last-child(1) {margin-bottom: 0;}
.product_types .OtherInstructions .other_content > ul > li > p {text-align: justify; line-height: 25px; margin: 0;}
.product_types .OtherInstructions .other_content > ul > li > ul > li {line-height: 25px;}
/*使用範本加強*/
.product_types .day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_1 img {width:100%; height: 380px;}
.product_types .day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_2 img {width:100%; height: 380px;}
.product_types .day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_3 img {width:100%; height: 250px;}
.product_types .day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_4 img {width:100%; height: 180px;}
.product_types .day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_5 img {width:100%; height: 250px;}
.product_types .day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_6 img {width:100%; height: 180px;}
.product_types .day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_7 img {width:100%; height: 250px;}
.product_types .day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_8 img {width:100%; height: 180px;}
/** 20250620隱藏報名步驟一的人數下方注意事項 **/
.Step_one_content .select_people ol.select_people_remarks>li { display: none;}
/************************************************************************************/
.block {position: relative; margin: 0 auto; padding: 1.5em 1.25em; max-width: 60em;}
.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("http://design.travelindex.com.tw/eWeb_design/images/svg/close-btn.png") left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url("http://design.travelindex.com.tw/eWeb_design/images/svg/close-btn.png");
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.nav-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("http://design.travelindex.com.tw/eWeb_design/images/svg/nav-icon.png") left center no-repeat;
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .nav-btn {
  background-image: url("/eWeb_design/images/svg/nav-icon.png");
}
.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#inner-wrap {
  position: relative;
  width: 100%;
}
#nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
  /*background: #333333;*/
}
#nav .close-btn {
  display: none;
}
#nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#nav .block {
  z-index: 2;
  position: relative;
  padding: 0.75em 1.25em;
  background: #333333;
}
#nav ul {
  *zoom: 1;
  display: block;
}
#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav li {
  display: block;
}
#nav li a {
  display: block;
  color: #ccc;
  font-size: 1.2em;
  line-height: 1.28571em;
  font-weight: 100;
  outline: none;
   -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
#nav li a:focus, #nav li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
   -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
#nav li.is-active a {
  color: #fff;
}
#top {
  z-index: 100;
  position: relative;
  color: #fff;
  background: transparent;
}
#top .block-title {
  margin: 0;
  font-size: 1.875em;
  line-height: 1.2em;
  text-align: center;
  white-space: nowrap;
  font-family: sans-serif;
  color:#ff0040;
  font-weight: bold;
}
#top .nav-btn {
  /*position: absolute;
  top: 1.5em;
  left: 1.875em;*/
}
#main {
  background: #fff;
}
#main .block {
  padding: 2.625em 1.875em;
}
footer[role="contentinfo"] {
  background:#293E69;
    margin-top: 60px;
    position: relative;
}
@media screen and (min-width: 45.0625em) {
  /*#top .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }*/
  #nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav .block-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav ul {
    text-align: center;
    white-space: nowrap;
  }
  #nav li {
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li:last-child {
    border-right: none;
  }
  #nav li a {
    padding: 0.42857em 0.85714em;
  }
}
@media screen and (max-width: 45em) {
  #nav {
    position: absolute;
    top: 0;
    /*padding-top: 5.25em;*/
  }
  #nav:not(:target) {
    z-index: 1;
    /*height: 0;*/
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -3.75em;
    left: 1.875em;
  }
  #nav .block {
    position: relative;
    padding: 0;
  }
  #nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
  }
  #nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }
  #nav li a {
    padding: 0.85714em 2.14286em;
  }
  .js-ready #nav {
    height: 100%;
    width: 70%;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;}
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
  .js-ready #nav {left: -70%;}
  .js-ready #inner-wrap {left: 0;}
  .js-nav #inner-wrap {left: 70%;}
  .csstransforms3d.csstransitions.js-ready #nav {left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
  .csstransforms3d.csstransitions.js-ready #inner-wrap {left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
  .csstransforms3d.csstransitions.js-nav #inner-wrap {-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);}
  .csstransforms3d.csstransitions.js-ready #nav .block {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%;}
  .csstransforms3d.csstransitions.js-nav #nav .block {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
 div.loader{background-image:url(/eweb_design/images/loading.gif);}
.animationload {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999999;}
.loader {width: 200px; text-indent: -99999; height: 200px; font-size: 0; position: absolute; left: 50%; top: 50%; background-image: url(/eweb_design/images/loading.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; padding: 0 10px;}
.dmtop {background-color: #161616; background-image: url(/eweb_design/images/svg/arrow.png); background-position: 50% 50%; background-repeat: no-repeat; z-index: 9999; width: 40px; height: 40px; text-indent: -99999px; position: fixed; bottom: -100px; right: 25px; cursor: pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; overflow: auto; font-size: 0;}
/*條件及排序*/
.GO_sequence {background: #FFF; height: 75px;}
.GO_sequence > div {width: 50%; float: left;}
.GO_sequence > div.condition {width:60%;}
.GO_sequence > div.theway {width:40%;}
.GO_sequence > div.condition ul li {float:left; line-height: 75px; font-size: 2.4rem; color: #8fb223; }
.GO_sequence > div.condition ul li:after {content:'/'; margin: 0 5px;}
.GO_sequence > div.condition ul li:nth-child(1) {color: #3a3a3a; margin: 0 0 0 15px; height: 75px;}
.GO_sequence > div.condition ul li:nth-child(1):afterm, .GO_sequence > div.condition ul li:nth-last-child(1):after {content:normal;}
.GO_sequence > div.condition ul li:nth-child(1):before {content:url(/eweb_demo/images/icon_idx_right.png); margin: 0 5px 0 0; vertical-align: middle;}
.GO_sequence > div.theway .product_items {height: 40px; line-height: 40px; text-align: right; padding-right: 10px;}
.GO_sequence > div.theway ul {display: table; float: right; margin: 0 5px 0 0;}
.GO_sequence > div.theway ul li {float: left; margin: 0 5px;}
.GO_sequence > div.theway ul li input {vertical-align: middle; margin: 0; padding: 0;}
.GO_sequence > div.theway ul li label {margin: 0;}
.GO_product_list {background: #FFF;}
.css_td span.may_apply {color: #8fb323;}
.css_td span.candidate {color: #ff921e;}
.css_td span.cutoff {color: #ff1d24;}
.css_td span.callme {color: #39b549;}
.css_td span.full {color: #f05a23;}
/*分頁頁籤*/
.GO_pagination {background: #FFF; padding-bottom: 15px;}
.GO_pagination ul {display: table; margin: 0 auto;}
.GO_pagination ul li {float: left; height: 50px; line-height: 50px;}
.GO_pagination ul li a {width: 24px; height: 24px; border: 1px solid #e6ded3; background: #e6ded3; color: #666; padding: 0 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 5px;}
.GO_pagination ul li:hover a:hover, .GO_pagination ul li a:hover {text-decoration:none;}
.GO_pagination ul li.active a { cursor: default;}
.GO_pagination ul li:nth-child(1) a, .GO_pagination ul li:nth-last-child(1) a {background: none; border: 0;}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Querie切換
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/** 訂購流程步驟一 **/
.Step_one_content h4 > i {background: #a7895f; width: 25px; height: 25px; vertical-align: text-top; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-left: 2px; margin-right: 5px;}
.Step_one_content h4 > i:before {line-height: 24px; color: #FFF;}
.Step_one_content ul {border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; background: #f7efe4;}
.Step_one_content ul li {border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; background: #FFF;}
.order_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.order_information h4 > a {line-height: 24px; padding: 4px 12px; margin-left: 20px; letter-spacing: 3px;}
.order_information h4 > a > i {margin-right: 5px; font-size: 18px; vertical-align: middle;}
.order_information h4 span {font-weight:200; margin-left: 30px; font-size: 14px; color: #999;}
.order_information ul.order_information_content {width: 100%; display: table;}
.order_information ul.order_information_content li {line-height: 34px;padding: 10px;}
.order_information ul.order_information_content li i {color: #F00; margin-right: 5px;}
.order_information ul.order_information_content li.order_information_title {text-align: right; background: #f7efe4;}
.order_information ul.order_information_content li input.areacode {width: 38%; float: left; margin-right: 5px;}
.order_information ul.order_information_content li input.telephone {width: 38%; float: left; margin-right: 5px;}
.order_information ul.order_information_content li input.Extension {width: 21%; float: left;}
.order_information ul.order_information_content li.no_border {border-left: none;}
/*.order_information ul.order_information_content li:nth-last-child(4), .order_information ul.order_information_content li:nth-last-child(9), .order_information ul.order_information_content li:nth-last-child(10) {border-left: none;}
.order_information ul.order_information_content li:nth-last-child(5) {width: 10%;}
.order_information ul.order_information_content li:nth-last-child(3) {width: 8%; border-left: none;}
.order_information ul.order_information_content li:nth-last-child(2) {width: 14%;border-left: none;}
.order_information ul.order_information_content li:nth-last-child(1) {width: 18%; font-size: 12px !important; padding: 10px 0; border-left: none;}
.order_information ul.order_information_content li:nth-child(3) {border-left: none;}*/
.order_information ul.order_information_content li label.radio-inline input {margin: 10px 0 0 -20px;}
.select_people {width: 100%; display: block; padding: 0 10px; margin: 0 auto 20px;}
.select_people ul.select_people_content {width: 100%; display: table;border-left: 1px solid #e1e1e1;}
.select_people ul.select_people_content li {line-height: 34px;padding: 10px; position: relative;}
.select_people ul.select_people_content li:nth-child(odd) {border: none;border-top: 1px solid #e1e1e1;}
.select_people ul.select_people_content li:nth-child(even) {border-left: 1px solid #e1e1e1;}
.select_people ul.select_people_content li:nth-child(1) {background: transparent;}
.select_people ul.select_people_content li:nth-child(2) {/*display: table; border-left: 1px solid #e1e1e1;*/}
.select_people ul.select_people_content li .product_name {display: table-cell; vertical-align: middle;}
.select_people ul.select_people_content li .period {margin-right: 20px; float: left;}
.select_people ul.select_people_content li .period .red {color: #F00;}
.select_people ul.select_people_content li .total_days {margin-right: 30px; float: left;}
.select_people ul.select_people_content li .cabin {margin-right: 20px; float: left;}
.select_people ul.select_people_content li .cabin .badge {padding: 4px 10px; margin: 0 5px; border-radius: 4px;}
.select_people ul.select_people_content li a {padding: 5px 16px; font-size: 14px; line-height: 18px; vertical-align: initial;}
.select_people ul.select_people_content li a i {margin-right: 5px;}
.select_people ul.select_people_content li.select_people_title {text-align: right;background: #f7efe4;}
.select_people ol.select_people_remarks {width: 100%; display: table; padding: 20px; margin: 0 auto;}
.select_people ol.select_people_remarks li {list-style: decimal; line-height: 25px;}
.select_people ol.select_people_remarks li span {color: #F00;}
.passenger_category {width: 100%; display: block; clear: both;}
.passenger_category ul {width: 100%; display: table; border-bottom: none; margin-bottom: 0;}
.passenger_category ul li span {color: #F00;}
.passenger_category ul.passenger_category_title li {padding: 10px; line-height: 34px; background: #f7efe4;}
.passenger_category ul.passenger_category_content li {padding: 10px; line-height: 34px;}
.passenger_category ul.passenger_category_content_settlement {border-bottom: 1px solid #e1e1e1;}
.passenger_category ul.passenger_category_content_settlement li {padding: 10px; line-height: 34px; text-align: right;}
.passenger_category ul.passenger_category_content_settlement li:nth-child(1) {text-align: left;}
.passenger_category ul.passenger_category_content_settlement li:nth-child(2),
.passenger_category ul.passenger_category_content_settlement li:nth-child(3),
.passenger_category ul.passenger_category_content_settlement li:nth-child(4),
.passenger_category ul.passenger_category_content_settlement li:nth-child(5) {width: 50%;}
.passenger_category ul.passenger_category_content_settlement li.settlement {text-align: right; border-left: none;}
.passenger_category ul.passenger_category_content_settlement li.settlement input {text-align: right; border: none; background: none; box-shadow: none;}
.passenger_category ul.passenger_category_content_description {border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.passenger_category ul.passenger_category_content_description li {padding: 0 10px; line-height: 34px; border-top: none;}

@media (max-width: 767px) {
.passenger_category .bkclass_group {border: none; margin-top: 0;}
.passenger_category .bkclass_group.bkclass_1,
.passenger_category .bkclass_group.bkclass_2,
.passenger_category .bkclass_group.bkclass_3 {width: 100%;}
.passenger_category .bkclass_group.bkclass_4 {width: 875px;}
}

@media (max-width: 575px) {
.passenger_category .bkclass_group {border: none; margin-top: 0;}
.passenger_category .bkclass_group.bkclass_1 {width: 100%;}
.passenger_category .bkclass_group.bkclass_2 {width: 475px;}
.passenger_category .bkclass_group.bkclass_3 {width: 710px;}
.passenger_category .bkclass_group.bkclass_4 {width: 875px;}
}

.passenger_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.passenger_information h4 .checkbox {display: inline; margin-left: 20px;}
.passenger_information ul {width: 100%; display: table; margin-bottom: 0;}
.passenger_information ul.passenger_information_title li {padding: 10px; line-height: 34px; background: #f7efe4; text-align: center;}
.passenger_information ul.passenger_information_content {border: 1px solid #e1e1e1; border-top: none;}
.passenger_information ul.passenger_information_content li {line-height: 34px;padding: 10px; border: none;}
.passenger_information ul.passenger_information_content li i {color: #F00; margin-right: 5px; float: left; line-height: 34px;}
.passenger_information ul.passenger_information_content li.order_information_title {text-align: right; background: #f7efe4;}
.passenger_information ul.passenger_information_content li:nth-child(1) {text-align: center;}
.passenger_information ul.passenger_information_content li:nth-child(8) {text-align: right;}
.passenger_information ul.passenger_information_content li.passenger_information_content_title {text-align: right;}
.passenger_information ul.passenger_information_content.first_person {border-bottom: none; background: #FFF;}
.passenger_information ul.passenger_information_content li {border-bottom: 1px solid #e1e1e1;}
.passenger_information ul.passenger_information_content li input.Identity_Card {width: 88%; float: left;}
.passenger_information ul.passenger_information_content li input.Last_Name {width: 76%; padding: 6px 7px; margin: 0 auto;}
.passenger_information ul.passenger_information_content li input.First_Name {width: 76%; padding: 6px 7px; margin: 0 auto;}
.passenger_information ul.passenger_information_content_subtotal {border: 1px solid #e1e1e1; border-top: none; border-bottom: none;}
.passenger_information ul.passenger_information_content_subtotal li {line-height: 34px;padding: 10px; text-align: right; border: none; border-bottom: 1px solid #e1e1e1;;}
.passenger_information ul.passenger_information_content_subtotal li.subtotal {color: #F00; font-weight: bold;}
.passenger_information ul.plus_cost_title {margin-top: 20px; border-bottom: none;}
.passenger_information ul.plus_cost_title li {padding: 10px; line-height: 34px; background: #f7efe4; text-align: left;}
.passenger_information ul.plus_cost_content {}
.passenger_information ul.plus_cost_content li {line-height: 34px;padding: 10px;}
.passenger_information ul.plus_cost_content li div.additional_fees_list {display: table; float: right;}
.passenger_information ul.plus_cost_content li div.additional_fees_list .form-control {width: auto; float: left; margin-left: 5px;}
.passenger_information ul.plus_cost_content li div.additional_fees_list .additional_fees_list_item {display: inline-block; line-height: 20px; height: 20px; margin-left: 10px;}
.passenger_information ul.plus_cost_content li div.additional_fees_list .additional_fees_list_item label {font-weight: normal;}
.passenger_information ul.plus_cost_content li div.additional_fees_list .additional_fees_list_item input {vertical-align: text-top;}
.passenger_information ul.plus_cost_content li i {color: #F00; margin-right: 5px; float: left; line-height: 34px;}
.passenger_information ul.plus_cost_content li.order_information_title {text-align: right; background: #f7efe4;}
.passenger_information ul.plus_cost_content li:nth-child(odd) {text-align: left;}
.passenger_information ul.plus_cost_content li:nth-child(even) {text-align: right;}
.passenger_information ul.plus_cost_content li.passenger_information_content_title {text-align: right;}
.passenger_information ul.plus_cost_content.first_person {border-bottom: none;}
.passenger_information ul.plus_cost_content.first_person li {border-bottom: 1px solid #e1e1e1;}
.passenger_information ul.plus_cost_content.first_person li input.Identity_Card {width: 88%; float: left;}
.passenger_information ul.plus_cost_content li span.label-tag {margin-left: 10px;}
.passenger_information ul.plus_cost_content_subtotal {border-bottom: none;}
.passenger_information ul.plus_cost_content_subtotal li {line-height: 34px;padding: 10px; text-align: right; border-top: none; border-bottom: 1px solid #e1e1e1; width: 50%; border-top: 2px solid #e1e1e1;}
.passenger_information ul.plus_cost_content_subtotal li.subtotal {border-left: none; font-weight: bold;}
.passenger_information ul.plus_cost_content_subtotal li.total {color: #F00; border-left: none; font-weight: bold;}
.additional_items {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.additional_items ul {width: 100%; display: table; border-bottom: none;}
.additional_items ul li span {color: #F00;}
.additional_items ul.additional_items_title li {padding: 10px; line-height: 34px; background: #f7efe4; text-align: center;}
.additional_items ul.additional_items_content li {line-height: 34px;padding: 10px;}
.additional_items ul.additional_items_content li:nth-child(3n+2) {text-align: right;}
.additional_items ul.additional_items_subtotal {border-bottom: none; border-top: 1px solid #e1e1e1;}
.additional_items ul.additional_items_subtotal li {line-height: 34px;padding: 10px; text-align: right; border-top: none; border-bottom: 1px solid #e1e1e1;}
.additional_items ul.additional_items_subtotal li.subtotal {border-left: none; font-weight: bold;}
.additional_items ul.additional_items_subtotal li.total {color: #F00; border-left: none; font-weight: bold;}
.other_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.other_information ul {width: 100%; display: table; border-bottom: none;}
.other_information ul.other_information_title li {padding: 10px; line-height: 34px;}
.other_information ul.other_information_title li a {line-height: 34px; padding: 0 12px; margin-left: 30px;}
.other_information ul.other_information_title li a i {margin-right: 5px; font-size: 18px; vertical-align: middle;}
.other_information ul.other_information_content {border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.other_information ul.other_information_content li {padding: 10px; line-height: 34px;}
.other_information ul.other_information_content li:nth-child(2) {line-height: initial;}
.other_information ul.other_information_content li.no_border {border-left: none;}
.other_information ul.other_information_content li.information_title {background: #f7efe4; text-align: right; border-left: none;}
.other_information ul.other_information_content li.information_remarks {color: #26a69a; border-left: none;}
.complete_order {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px; text-align: center;}
.complete_order a, .complete_order button {display: table; margin: 0 auto;line-height: 34px;}
.complete_order a i, .complete_order button i {margin-right: 5px; font-size: 18px; vertical-align: middle;}
.complete_order .travel_contract {display: table; margin: 0 auto 10px;}
.complete_order .travel_contract a {display: initial; margin: 0;}
/** 會員登入MODAL區 START **/
#myLogin .modal-body {display: table; padding: 25px 50px 15px;}
#myLogin .modal-body ul li {margin-bottom: 20px;}
#myLogin .modal-body ul li button {width: 100%; font-size: 16px;}
#myLogin .modal-body ul li a {width: 100%; font-size: 16px;}
#myLogin .modal-body ul li a.forget_password {float: right;display: table;width: initial;font-size: 14px;color: #d9534f;}
#myLogin .modal-body ul li button i {margin-right: 5px; font-size: 16px;}
#myLogin .modal-body ul li a i {margin-right: 5px; font-size: 16px;}
#myLogin .modal-body ul li a.forget_password i {font-size: 14px;}
#myLogin .modal-body ul li .input-group i {width: 15px;}
#myLogin .modal-footer {padding: 25px 50px;}
#myLogin .modal-footer button {width: 100%;}
/** 會員登入MODAL區 END **/
/** 忘記密碼MODAL區 START **/
#myforgetpassword .modal-body {display: table; padding: 25px 50px 15px;}
#myforgetpassword .modal-body .description p {margin-bottom: 20px;}
#myforgetpassword .modal-body ul li {margin-bottom: 20px;}
#myforgetpassword .modal-body ul li p {margin: 5px 0 0 0; font-size: 14px; color: #F00; font-weight: 200;}
#myforgetpassword .modal-body ul li .input-group i {width: 15px;}
#myforgetpassword .modal-body ul li button {width: 100%; font-size: 16px;}
#myforgetpassword .modal-body ul li button i {margin-right: 5px; font-size: 16px;}
#mycompleteorder .modal-dialog {top: 30%;}
#mycompleteorder .modal-dialog .alert{margin: 0; padding: 40px 15px; text-align: center; font-size: 16px;}
/** 忘記密碼MODAL區 END **/
/** 旅遊定型化契約MODAL區 START **/
#myTravelContract .modal-body textarea.form-control {line-height: 20px;}
/** 旅遊定型化契約MODAL區 END **/
/** 完成訂購 **/
.order_completion {}
.order_completion .order_completion_description {margin-bottom: 20px;}
.order_completion .order_completion_description h3 {margin: 10px auto;}
.order_completion_content h4 > i {background: #a7895f; width: 25px; height: 25px; vertical-align: text-top; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-left: 2px; margin-right: 5px;}
.order_completion_content h4 > i:before {line-height: 24px; color: #FFF;}
.order_completion_content fieldset {width: 100%; float: left; font-size:16px; border: 1px solid #e1e1e1; margin:10px 0 20px; padding: 10px 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.order_completion_content fieldset legend {border: none; width: initial; width: 95px \9; padding: 0 10px; font-size: 18px; margin-bottom:10px;}
#css_table {margin:0 auto; display:table; width: 100%; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
.css_tr {display: table-row; background: #fff;}
.css_th {display: table-cell; white-space:nowrap; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; line-height:34px; padding: 10px; text-align:center;	vertical-align: middle;	font-size:16px;	color:#3a3a3a; background-color:#f7efe3;}
.css_td {display: table-cell; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height: 70px; line-height: 25px; padding: 0px 10px; font-size:16px; text-align: center; vertical-align: middle;}
.order_completion_content ul {width: 100%; display: table; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.order_completion_content ul li {border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; padding: 10px; line-height: 34px;}
.order_completion_content .order_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.order_completion_content .order_information ul.order_information_title {background: #f7efe4;}
.order_completion_content .order_information ul.order_information_title li {text-align: center;}
.order_completion_content .order_information ul.order_information_content {border-top: none;}
.order_completion_content .order_information ul.order_information_content li {text-align: center;}
.order_completion_content .flight_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.order_completion_content .flight_information ul.flight_information_title {background: #f7efe4;}
.order_completion_content .flight_information ul.flight_information_title li {text-align: center;}
.order_completion_content .flight_information ul.flight_information_content {border-top: none;}
.order_completion_content .flight_information ul.flight_information_content li {text-align: center; background: #fff; float: none; display: table-cell;}
.order_completion_content .deposit_payable {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.order_completion_content .deposit_payable ul.deposit_payable_title {background: #f7efe4;}
.order_completion_content .deposit_payable ul.deposit_payable_title li {text-align: center;}
.order_completion_content .deposit_payable ul.deposit_payable_content {border-top: none;}
.order_completion_content .deposit_payable ul.deposit_payable_content li {text-align: center; background: #fff;}
.order_completion_content .deposit_payable ul.deposit_total_content {width: 100%; display: table; padding: 0 10px; border: none;}
.order_completion_content .deposit_payable ul.deposit_total_content li {border: none; text-align: left; line-height: initial;}
.order_completion_content .deposit_payable ul.deposit_total_content li:nth-last-child(1) {text-align: right;}
.order_completion_content .deposit_payable ul.deposit_payable_emarks {width: 100%; display: table; padding: 0 10px; border: none;}
.order_completion_content .deposit_payable ul.deposit_payable_emarks li {border: none; text-align: left; line-height: initial;}
.order_completion_content .deposit_payable ul.deposit_payable_emarks li span {color: #F00; padding: 0 5px;}
.order_completion_content .other_information .other_information_emarks {width: 100%; display: table; border: 1px solid #e1e1e1; line-height: initial; padding: 10px;}
.order_completion_content .other_information .other_information_emarks li {border: none; line-height: initial;}
.order_completion_content .other_information ul.other_information_title {background: #f7efe4;}
.order_completion_content .other_information ul.other_information_title li {text-align: center;}
.order_completion_content .other_information ul.other_information_content {border-top: none; border-left: none; border-bottom: none;}
.order_completion_content .other_information ul.other_information_content li {text-align: center; background: #fff; line-height: 34px;}
.order_completion_content .other_information ul.other_information_notes {border: none; padding-left: 40px;}
.order_completion_content .other_information ul.other_information_notes > li {border: none; line-height: initial; list-style-type: decimal-leading-zero;}
.order_completion_content .other_information ul.other_information_notes > li > ul {border: none; padding-left: 20px;}
.order_completion_content .other_information ul.other_information_notes > li > ul > li {border: none; line-height: initial; list-style-type: lower-latin;}
.order_completion_content .complete_order ul {display: table; margin: 0 auto; width: initial; border: none;}
.order_completion_content .complete_order ul li {display: table; float: left; border: none;}
/** 付款頁 **/
.payment .payment_content h4 > i {background: #a7895f; width: 25px; height: 25px; vertical-align: text-top; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-left: 2px; margin-right: 5px;}
.payment .payment_content h4 > i:before {line-height: 24px; color: #FFF;}
.payment .payment_content fieldset {width: 100%; float: left; font-size: 16px; border: 1px solid #e1e1e1; margin: 10px 0 20px; padding: 10px 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.payment .payment_content fieldset legend {border: none; width: initial; width: 95px \9; padding: 0 10px; font-size: 18px; margin-bottom: 10Px;}
.payment .payment_content ul {width: 100%; display: table; background: #f7efe4; border: none; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
.payment .payment_content ul li {border: none; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; padding: 10px; line-height: 34px; background: #FFF;}
.payment .payment_content ul li.payment_information_title {background: #f7efe4; border-left: none;}
.payment .payment_content ul li img {display: block; margin: 10px 0;}
.payment .payment_content ul li a {float: right;}
.payment .payment_content .payment_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.payment .payment_content ul.payment_information_content {width: 100%; display: table; border: 1px solid #e1e1e1;}
.payment .payment_content ul.payment_information_content li {text-align: left; background: #fff; line-height: 25px; padding: 10px; border: none;}
.payment .payment_content ul.payment_information_content li.payment_information_title {text-align: right; background: #f6efe4;}
.payment .payment_content .payment_method {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.payment .payment_content ul.payment_method_content li.payment_method_title {background: #f7efe4; text-align: right;}
.payment .payment_content ul.payment_method_content {width: 100%; display: table;}
.payment .payment_content ul.payment_method_content li label {margin: 0;}
.payment .payment_content ul.payment_method_content li label input {vertical-align: middle; margin: 0 5px 0 0;}
.payment .make_payment {width: 100%; display: table; padding: 12px; margin: 0 auto; text-align: center; /*position: fixed;*/ bottom: 0; z-index: 101; background: #f5f5f5; /*box-shadow: 0 0 3px rgb(0 0 0 / 30%);*/}
.payment .make_payment ul {display: table; margin: 0 auto; width: initial; border: none;}
.payment .make_payment ul li {display: table; float: left; border: none; background: none; padding: 0 5px;}
.payment .make_payment a, .payment .make_payment button {display: table; margin: 0 auto;line-height: 34px;}
.payment .make_payment a i, .payment .make_payment button i {margin-right: 5px; font-size: 18px; vertical-align: middle;}
.payment .payment_content .money_transfer {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.payment .payment_content .money_transfer .money_transfer_title {border: 2px dotted #F00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; background: #FFF; margin: 0 auto 20px;}
.payment .payment_content .money_transfer .money_transfer_title li {border: none; text-align: center; padding: 0;}
.payment .payment_content .money_transfer .money_transfer_content {border: 1px solid #e1e1e1; padding: 20px; background: #FFF;}
.payment .payment_content .money_transfer .money_transfer_content li {border: none; padding: 0;}
.payment .payment_content .fax_card {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.payment .payment_content .fax_card .fax_card_title {border: 2px dotted #F00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; background: #FFF; margin: 0 auto 20px;}
.payment .payment_content .fax_card .fax_card_title li {border: none; text-align: center; padding: 0;}
.payment .payment_content .fax_card .fax_card_content {border: 1px solid #e1e1e1; padding: 20px; background: #FFF;}
.payment .payment_content .fax_card .fax_card_content li {border: none; padding: 0;}
@media (max-width: 767px){
.payment .make_payment {margin-bottom: 37px;}
.payment .payment_content ul li img {width: 100%;}
}
/** PDF **/
.pdf .header{position: inherit; height: inherit; border-bottom: 2px solid #333;}
.pdf .container {margin-top: 0;}
.pdf #navbar-spy {display: none;}
.pdf .fadeInUpShort {opacity: 1.0;}
.pdf .collapse {display: table;}
.pdf .breadcrumb {display: none;}
/* ==================================================== */
/* PGO DESIGN START */
.PGO.Detail .navbar-default {z-index: 99;}
.PGO.Detail .navbar-default #cart {/*width: 780px;*/}
.PGO.Detail .navbar-default #cart.active {/*width: 780px;*/}
.PGO.Detail .navbar-default #cart .navbar-other li a.customer_service span {width: initial;}
.PGO.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) {width: 125px;}
.PGO.Detail .navbar-default #cart .navbar-nav > li > a {/*padding: 0 10px;*/}
.PGO.Detail .offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {width: 125px;}
.PGO.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a span {margin-left: 0;}
.PGO.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li a.customer_service span {width: initial;}
.PGO.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 1;top: 8px;width: 125px;right: 0;}
.PGO.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {width: 125px;}

/* 訂購資訊 */
.PGO.Detail .spreadsheet {position: fixed; z-index: 1688; right: -400px; top: 130px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.PGO.Detail .spreadsheet.active {right: 0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.PGO.Detail .spreadsheet.offnavbar.onnavbar {top: 56px;}
.PGO.Detail .spreadsheet .spreadsheet_switch {display: block;position: fixed; right: 100px; top: 138px; z-index: 99999999;}
.PGO.Detail .spreadsheet.offnavbar.onnavbar .spreadsheet_switch {top: 64px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn a {color: #FFF; font-size: 16px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn a i {font-size: 22px; position: absolute; width: 100%; left: 0; top: 12px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn a span {width: 100%; display: table;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open {display: none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_off {display: none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_off i {right: -60px; top: 16px; left: initial;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open.active {right: 0px; width: 90px; height: 90px; text-align: center; position: relative; display: inline-block; border-radius: 90px; padding-top: 40px; outline: none; line-height: 20px; color: #FFF;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open.active.may_apply {background: #ff0040;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open.active.candidate {background: #f0ad4e;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open.active.cutoff {background: #ddd; color: #333;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open.active.callme {background: #5bc0de; line-height: 30px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn a.callme i {top: 20px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_off.active {display: block; color: #717171; text-align: right; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.PGO.Detail .spreadsheet #sidebar {width: 400px;background: #FFF;padding: 10px;border-radius: .17647059em;border: 1px solid #e1e1e1;box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.PGO.Detail .spreadsheet #sidebar ul {padding: 0 5px; list-style: none;}
.PGO.Detail .spreadsheet #portamento_container {position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
.PGO.Detail .spreadsheet #portamento_container #sidebar {float:none; position:absolute;} /* no need to float anymore, become absolutely positoned */
.PGO.Detail .spreadsheet #portamento_container #sidebar.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */
.PGO.Detail .spreadsheet #sidebar h4 {text-align: center; background: #f5f5f5; margin:0 0 15px 0; padding: 15px 0; border-bottom: 1px dashed #e1e1e1;}
.PGO.Detail .spreadsheet #sidebar h4 i {margin-right: 5px;}
.PGO.Detail .spreadsheet #sidebar ul li {margin-bottom: 10px; font-size: 16px;}
.PGO.Detail .spreadsheet #sidebar ul li .hotel_info_item > a {color: #333; float: right; font-size: 14px; margin-bottom: 10px;}
.PGO.Detail .spreadsheet #sidebar ul li .hotel_info_item > a i {margin-right: 5px; font-size: 18px; vertical-align: middle;}
.PGO.Detail .spreadsheet #sidebar ul li label {margin-bottom: 0;}
.PGO.Detail .spreadsheet #sidebar ul li label i {margin-right: 5px;}
.PGO.Detail .spreadsheet #sidebar ul li.PGO_number select {width: 75%; display: inline;}
.PGO.Detail .spreadsheet #sidebar > ul > li > span {font-size: 18px; font-weight: bold;}
.PGO.Detail .spreadsheet #sidebar > ul > li > a {/*border-bottom: 1px dotted #333; color: #999;*/ padding: 2px 5px;}
.PGO.Detail .spreadsheet #sidebar > ul > li > a:hover {color: #333; font-size: 14px;}
.PGO.Detail .spreadsheet #sidebar > ul > li > a i {margin-right: 5px;}
.PGO.Detail .spreadsheet #sidebar > ul > li.sign_up_group > a {width: 100%; color: #FFF; padding: 6px 12px;}
.PGO.Detail .spreadsheet #sidebar > ul > li.sign_up_group > a:hover {color: #FFF;}
.PGO.Detail .spreadsheet #sidebar > ul > li.sign_up_group > a span {margin-left: 5px; font-weight: 500;}
.PGO.Detail .spreadsheet #sidebar ul li ul {width: 100%;display: table;padding: 5px 0;border-top: 1px dashed #e1e1e1;}
.PGO.Detail .spreadsheet #sidebar ul li ul li {float: left;line-height: 34px;margin: 0;height: 34px;padding: 0 5px; display: table;}
.PGO.Detail .spreadsheet #sidebar ul li ul li p {margin: 0;font-size: 14px;}
.PGO.Detail .spreadsheet #sidebar ul li ul li span {font-size: 14px; padding-right: 5px;}
.PGO.Detail .spreadsheet #sidebar ul li ul li strong {font-size: 18px; font-weight: bold;}
.PGO.Detail .spreadsheet #sidebar ul li ul li a {color: #333;}
.PGO.Detail .spreadsheet #sidebar ul li ul li:nth-child(1) {font-size: 15px; width: 15%; line-height: initial; text-align: center;}
.PGO.Detail .spreadsheet #sidebar ul li ul li:nth-child(2) {width: 62%; text-align: right; padding-right: 10px;}
.PGO.Detail .spreadsheet #sidebar ul li ul li:nth-child(3) {width: 23%; padding: 0;}
.PGO.Detail .spreadsheet #sidebar ul li ul li:nth-child(3) .form-control {padding: 6px;}
.PGO.Detail .spreadsheet #sidebar ul li ul li:last-child {float: right;}
.PGO.Detail .spreadsheet #sidebar ul li ul:last-child {border-bottom: 1px solid #c1c1c1;}
.PGO.Detail .spreadsheet #sidebar > ul > li .input-group {width: 60%; display: inline-block;}
.PGO.Detail .spreadsheet #sidebar > ul > li .input-group > input {width: 56%; font-size: 16px; display: inline-table; padding: 0; border: none; background: transparent; box-shadow: none; height: initial; line-height: initial;}
.PGO.Detail .spreadsheet #sidebar > ul > li .input-group > input.form-control[readonly] {cursor: text; color: #F00; font-weight: bold;}
.PGO.Detail .spreadsheet #sidebar > ul > li .input-group > .input-group-addon {display: inline-table; padding: 0; border: none; background: transparent; box-shadow: none; vertical-align: initial;}
.PGO.Detail .spreadsheet #sidebar > ul > li .input-group > .input-group-addon span.glyphicon-calendar {width: initial; height: initial; top: 0; line-height: initial; font-family: inherit;}
.PGO.Detail .spreadsheet #sidebar > ul > li .input-group > .input-group-addon .glyphicon-calendar:before {content: ''; display: none;}
.PGO.Detail .spreadsheet #sidebar > ul > li .input-group > .input-group-addon .glyphicon-calendar i {margin-right: 5px; font-size: 20px; color: #003fa0;}
.datetimepicker table tr td.day, .datetimepicker table tr td.day:hover{text-decoration: underline;}
.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {color: #ccc; text-decoration: none;}
/** 飯店資訊 **/
.PGO.Detail .product_details .HotelInformation {width: 100%; display: table; padding: 120px 10px 20px;}
.PGO.Detail .product_details .HotelInformation > h4 {position: relative;}
.PGO.Detail .product_details .HotelInformation > h4 i {margin-right: 5px;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content {width: 100%; display: table; padding-bottom: 10px;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item {padding-top: 20px; border-bottom: 1px solid #e1e1e1; margin: 0 15px;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .row > * {padding: 0 0 0 15px;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item:last-child {border-bottom: none;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title {padding: 0 15px;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content {display: table;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content h2 {color: #313131; border-bottom: 1px solid #313131; padding-bottom: 5px; margin: 0;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content h2 a {color: #313131;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content h3 {font-size: 20px; color: #686868; line-height: 30px;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content ul li {line-height: 25px;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content i {font-size: 22px; color: #e1e1e1;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content i:before {color: #f6c83f;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-1:before {content: "\f005";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-1:after {content: "\f006 \f006 \f006 \f006";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-1-5:before {content: "\f005 \f123";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-1-5:after {content: "\f006 \f006 \f006";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-2:before {content: "\f005 \f005";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-2:after {content: "\f006 \f006 \f006";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-2-5:before {content: "\f005 \f005 \f123";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-2-5:after {content: "\f006 \f006";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-3:before {content: "\f005 \f005 \f005";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-3:after {content: "\f006 \f006";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-3-5:before {content: "\f005 \f005 \f005 \f123";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-3-5:after {content: "\f006";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-4:before {content: "\f005 \f005 \f005 \f005";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-4:after {content: "\f006";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-4-5:before {content: "\f005 \f005 \f005 \f005 \f123";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-4-5:after {content: " ";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-5:before {content: "\f005 \f005 \f005 \f005 \f005";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_title .hotel_title_content .star-5:after {content: " ";}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_img {width: 100%; height: 275px; background: url(/eweb_design/images/default_demo.jpg) center top; overflow: hidden; background-repeat: no-repeat;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_img img {min-width: 100%; height: 100%;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .row .hotel_text {padding: 20px 15px 5px;}
.PGO.Detail .product_details .HotelInformation .hotelinfo_content .hotel_item .hotel_text p {font-size: 16px; line-height: 25px; text-align: justify;}
/** 建議行程 **/
.PGO.Detail .product_details .SuggestedTrip {width: 100%; display: table; padding: 20px 10px 20px;}
.PGO.Detail .product_details .SuggestedTrip > h4 i {margin-right: 5px;}
.PGO.Detail .product_details .SuggestedTrip .suggested_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;}
.PGO.Detail .product_details .SuggestedTrip .suggested_content > ul > li {margin-bottom: 40px;}
.PGO.Detail .product_details .SuggestedTrip .suggested_content > ul > li:nth-last-child(1) {margin-bottom: 0;}
.PGO.Detail .product_details .SuggestedTrip .suggested_content > ul > li > p {text-align: justify; line-height: 25px; margin: 0;}
.PGO.Detail .product_details .SuggestedTrip .suggested_content > ul > li > ul > li {line-height: 25px;}
/** 免費自選行程 **/
.PGO.Detail .product_details .FreeChoiceTrip {width: 100%; display: table; padding: 20px 10px 20px;}
.PGO.Detail .product_details .FreeChoiceTrip i {margin-right: 5px;}
.PGO.Detail .product_details .FreeChoiceTrip .panel-group .panel-default > .panel-heading {padding: 0;}
.PGO.Detail .product_details .FreeChoiceTrip .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;}
.PGO.Detail .product_details .FreeChoiceTrip .panel-group h4 > a {width: 100%; display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;}
.PGO.Detail .product_details .FreeChoiceTrip .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.PGO.Detail .product_details .FreeChoiceTrip .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.PGO.Detail .product_details .FreeChoiceTrip .panel-group .panel-default .panel-body ul {position: relative;}
.PGO.Detail .product_details .FreeChoiceTrip .panel-group .panel-default .panel-body ul li {padding-left: 20px; line-height: 34px; border-bottom: 1px dashed #e1e1e1;}
/** 訂購流程 **/
.PGO.Order_Step_one .passenger_category ul.passenger_category_title li {float: left; width: 14%; text-align: center;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_title li:first-child {width: 16%;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li {float: left; width: 14%; text-align: center;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li > * {display: inline;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:first-child {width: 16%;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li .form-control {width: 35%; padding: 6px;}
.PGO.Order_Step_one .passenger_category ul.bed_type_note {border-bottom: 1px solid #e1e1e1; margin-top: 20px;}
.PGO.Order_Step_one .passenger_category ul.bed_type_note li {line-height: 34px; padding: 10px;}
.PGO.Order_Step_one .passenger_category ul.bed_type_note li.bed_type_note_title {background: #f7efe4;}
.PGO.Order_Step_one .passenger_category ul.bed_type_note li .radio-inline input {margin: 10px 0 0 -20px;}
/* 住宿及餐食說明 */
#hoteldescription .modal-header {/*background: #717171; color: #FFF;*/}
#hoteldescription .modal-header .modal-title {/*text-align: center;*/}
#hoteldescription .modal-body img {width: 100%;}
#hoteldescription .modal-body .panel-default .panel-heading {text-align: center;}
#hoteldescription .modal-body .panel-default .panel-body > ul {border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; width: 100%; display: table; margin-bottom: 15px;}
#hoteldescription .modal-body .panel-default .panel-body > ul:last-child {margin-bottom: 0; display: table;}
#hoteldescription .modal-body .panel-default .panel-body > ul > li {width: 100%; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; display: table; padding: 10px; min-height: 30px; font-size: 15px; line-height: 30px;}
#hoteldescription .modal-body .panel-default .panel-body > ul > li .panel-title {width: 30%;}
#hoteldescription .modal-body .panel-default .panel-body > ul > li > * {float: left;}
#hoteldescription .modal-body .panel-default .panel-body .hotel_description_item {border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; width: 100%; display: table; margin-bottom: 15px; background-color: #f7efe3;}
#hoteldescription .modal-body .panel-default .panel-body .hotel_description_item:last-child {margin-bottom: 0; display: table;}
#hoteldescription .modal-body .panel-default .panel-body .hotel_description_item .hotel_item_content {width: 100%; display: table; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
#hoteldescription .modal-body .panel-default .panel-body .hotel_description_item .hotel_item_content > * {float: left; width: 80%; font-size: 14px; line-height: 25px; padding: 10px;}
#hoteldescription .modal-body .panel-default .panel-body .hotel_description_item .hotel_item_content .panel-title {width: 20%; text-align: center;}
#hoteldescription .modal-body .panel-default .panel-body .hotel_description_item .hotel_item_content .panel-text {border-left: 1px solid #e1e1e1; background-color: #FFF;}
/* 房型售價明細 */
#room_price .modal-body .panel-default .panel-heading {text-align: center;}
#room_price .modal-body .panel-default .panel-body .room_price_item {border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; width: 100%; display: table; margin-bottom: 15px; background-color: #f7efe3;}
#room_price .modal-body .panel-default .panel-body .room_price_item:last-child {margin-bottom: 0; display: table;}
#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content > * {float: left; font-size: 14px; line-height: 25px; padding: 10px;}
#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content .panel-title {width: 15%; text-align: center; border-left: 1px solid #e1e1e1;}
#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content .panel-title:first-child {width: auto; min-width: 10%;}
#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content .panel-text {width: 15%; border-left: 1px solid #e1e1e1; background-color: #FFF; text-align: center;}
#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content .panel-text:first-child {width: auto; min-width: 10%;}
/* 飯店資訊 */
.PGO.order_completion .hotel_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.PGO.order_completion .hotel_information .panel-default > .panel-heading {line-height: 34px; background: #f7efe4;}
.PGO.order_completion .hotel_information .panel-body {}
.PGO.order_completion .hotel_information .panel-body p {margin: 0 0 10px 0; width: 50%; float: left;}
.PGO.order_completion .hotel_information .panel-body p:last-child {margin: 10px 0 0 0; width: 100%; float: none; color: #F00;}
.PGO.order_completion .hotel_information .panel-body ul li {border-bottom: none;}
.PGO.order_completion .hotel_information .panel-body ul:nth-last-child(2) li {border-bottom: 1px solid #e1e1e1;}
.PGO.order_completion .hotel_information .panel-body ul li:last-child {text-align: right;}
.PGO.order_completion .hotel_information .panel-body ul li:nth-last-child(2) {text-align: center;}
.PGO.order_completion .hotel_information .panel-body ul li:nth-last-child(3) {text-align: right;}
.PGO.order_completion .hotel_information .panel-body ul.hotel_information_title {background: #f7efe4;}
.PGO.order_completion .hotel_information .panel-body ul.hotel_information_title li {text-align: center;}
.PGO.order_completion .hotel_information .panel-body ul.hotel_information_bottom li {text-align: right;}
/* PGO DESIGN END */

/* GI DESIGN START */
.GroupList .skin_list .products#listDataGI .product_title > div.product_type {width: 3%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_name {width: 24%}
.GroupList .skin_list .products#listDataGI .product_title > div.product_days {width: 4%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_date {width: 8%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_info {width: 4%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_price {width: 11%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_total {width: 4%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_available {width: 4%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_teach {width: 4%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_registered {width: 5%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_ordered {width: 5%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_groupInfo {width: 7%;}
.GroupList .skin_list .products#listDataGI .product_title > div.product_btn {}
.GroupList .skin_list .products#listDataGI .product_title > div.product_remarks {width: 8%;}

.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type {width: 3%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name {width: 24%; padding: 10px 0 30px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days {width: 4%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date {width: 8%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info {width: 4%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price {width: 11%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total {width: 4%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available {width: 4%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_teach {width: 4%; line-height: 34px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_registered {width: 5%; text-align: left; font-size: 13px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_ordered {width: 5%; text-align: left; font-size: 13px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_groupInfo {width: 7%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn {}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_remarks {width: 8%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer {left: 290px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer .fixed-action-btn.horizontal ul {right: 30px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_concessions,
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_num {width: 100%; margin: 0; padding: 5px 5px 0 0;}

.GI.GroupList .merge_search_list #skin {display: none;}

.GI.Group_information {margin-top: 150px;}
.GI.Group_information .Group_information_content h4 > i {background: #a7895f; width: 25px; height: 25px; vertical-align: text-top; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-left: 2px; margin-right: 5px;}
.GI.Group_information .Group_information_content h4 > i:before {line-height: 24px; color: #FFF;}
.GI.Group_information .Group_information_content fieldset {width: 100%; float: left; font-size:16px; border: 1px solid #e1e1e1; margin:10px 0 20px; padding: 10px 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.GI.Group_information .Group_information_content fieldset legend {border: none; width: initial; width: 95px \9; padding: 0 10px; font-size: 18px; margin-bottom:10px;}
.GI.Group_information .explanatory_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.GI.Group_information .explanatory_information .panel-default > .panel-heading {line-height: 34px; background: #f7efe4;}
.GI.Group_information .explanatory_information .panel-body {}
.GI.Group_information .explanatory_information .panel-body p {margin: 0 0 10px 0; width: 50%; float: left;}
.GI.Group_information .explanatory_information .panel-body p:last-child {width: 100%; color: #F00;}
.GI.Group_information .coach_introduction {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.GI.Group_information .coach_introduction fieldset {padding: 10px 10px 20px 10px;}
.GI.Group_information .coach_introduction ul.coach_introduction_item {padding: 10px; background: #FFF; border-radius: 6px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.GI.Group_information .coach_introduction ul.coach_introduction_item li {padding: 10px 10px 0; line-height: 25px;}
.GI.Group_information .coach_introduction ul.coach_introduction_item li:first-child {padding: 0px; height: 232px; overflow: hidden;}
.GI.Group_information .coach_introduction ul.coach_introduction_item li img {width: 100%;}
.GI.Group_information .coach_introduction ul.coach_introduction_item li:nth-last-child(2) {height: 85px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.GI.Group_information .coach_introduction ul.coach_introduction_item li:last-child {height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.GI .product_details .product_basic_info ul li span.teaching_number {padding: 0 10px;}
.GI .passenger_information ul#paxBody {border-right: none;}
.GI .passenger_information ul.passenger_information_content li.passenger_information_content_title i {color: #333; float: right; margin-right: 0;}
.GI .passenger_information ul.passenger_information_content li.passenger_information_content_title i:before {color: #F00; margin-right: 5px;}
.GI .passenger_information ul.passenger_information_content li .css-label {color: #333; font-weight: normal; font-size: 14px;}
.GI .passenger_information ul.passenger_information_content li div.label {margin-right: 5px;}
.GI .passenger_information ul.passenger_information_content li:nth-child(3) input,
.GI .passenger_information ul.passenger_information_content li:nth-child(4) input {float: left; width: 76%; padding: 6px;}
.GI .passenger_information ul.passenger_information_content_subtotal li:first-child {text-align: left;}
.GI .passenger_information ul.passenger_information_content_subtotal li:first-child .css-label {color: #333; font-weight: normal; font-size: 14px;}

.GI .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li:nth-child(2) {width: 20%;}
.GI .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li:nth-child(4) {width: 5%;}
.GI .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li:nth-child(5) {width: 10%;}
.GI .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li:nth-child(6) {width: 10%;}
.GI .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(2) {width: 20%;}
.GI .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(4) {width: 5%;}
.GI .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(5) {width: 10%;}
.GI .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(6) {width: 10%;}

.GI .product_details #carousel-example-generic {display: none;}


.GI .coach_list {margin: 20px auto; padding: 0px 15px;}
.GI .coach_list .coach_list_content .coach_list_title {width: 100%; display: table; border: 1px solid #e1e1e1; background-color: #f7efe3;}
.GI .coach_list .coach_list_content .coach_list_title > div {width: 15%; float: left; text-align: center; line-height: 50px; border-right: 1px solid #e1e1e1;}
.GI .coach_list .coach_list_content .coach_list_title > div:last-child {border-right: none;}
.GI .coach_list .coach_list_content .coach_list_title .product_name,
.GI .coach_list .coach_list_content .coach_list_title .product_type {width: 35%;}
.GI .coach_list .coach_list_content .coach_list_item {width: 100%; display: table; border: 1px solid #e1e1e1; border-top: none;}
.GI .coach_list .coach_list_content .coach_list_item > div {width: 15%; float: left; text-align: center; line-height: 50px;}
.GI .coach_list .coach_list_content .coach_list_item > div:last-child {border-right: none;}
.GI .coach_list .coach_list_content .coach_list_item .product_name,
.GI .coach_list .coach_list_content .coach_list_item .product_type {width: 35%; text-align: left; padding: 0 15px;}
.GI .coach_list .coach_list_content .coach_list_item {background: #FFF;}
.GI .coach_list .coach_list_content .coach_list_item:nth-child(odd) {background: #f9f8f8;}
.GI .coach_list .coach_list_content .coach_list_item:hover {background:#f5f4f4;}
.GI .coach_list .loading {display: none;}
.GI .coach_list .pagination {margin: 20px auto 0; display: table;}
/* GI DESIGN END */

/*@media(max-device-width:1024px)and(orientation:landscape) {*/
@media(min-width:992px) and (max-width:1199px){
  /* GI DESIGN START */
  .GroupList .skin_list .products#listDataGI .product_title > div.product_type {width: 3%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_name {width: 20%}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_days {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_date {width: 8%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_info {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_price {width: 11%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_total {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_available {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_teach {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_registered {width: 5%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_ordered {width: 5%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_groupInfo {width: 8%;}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_btn {}
  .GroupList .skin_list .products#listDataGI .product_title > div.product_remarks {width: 9%;}

  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type {width: 3%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name {width: 20%; padding: 10px 10px 30px;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date {width: 8%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price {width: 11%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_teach {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_registered {width: 5%; text-align: left;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_ordered {width: 5%; text-align: left;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_groupInfo {width: 8%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn {}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_remarks {width: 9%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer {left: 210px;}
}
/* ==================================================== */
/* #Tablet (Portrait) Note: Design for a width of 768px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
body {background-size:cover;}
.GO_sequence > div {width: 100%;}
.GO_sequence > div.theway .product_items {float:right;}
.GO_sequence > div.theway ul {float:left; height: 40px; line-height: 40px;}
.GO_search .GO_search_airport, .GO_search .GO_search_airline, .GO_search .GO_search_days {display: none;}
}
/*  #Mobile (Portrait) Note: Design for a width of 320px
================================================== */
@media only screen and (max-width: 767px) {
body {background-size:cover;}
.GO_search {width: 100%; display: table; background: rgba(0,0,0,0.6);}
.GO_search ul {margin: 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin: 0 20px; padding: 10px 0;}
.GO_search ul li {width: 100%; margin: 0;}
.GO_search .GO_search_select {width: 100%; margin: 0; background: url(/eweb_demo/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.GO_search .GO_search_input_date {width: 100%; margin: 0; background: url(/eweb_demo/images/icon_helpday.png) #FFF no-repeat 99% center;}
.GO_search .GO_search_input {width: 100%; margin: 0;}
.GO_search div.GO_search_but a {width: 100%;}
.GO_search .GO_search_airport, .GO_search .GO_search_airline, .GO_search .GO_search_application, .GO_search .GO_search_days {display: none;}
.GO_sequence .condition {display: none;}
.GO_sequence > div {width: 100%; position:relative;}
.GO_sequence > div.theway .product_items {}
.GO_sequence > div.theway ul {position:absolute; top: 0; padding: 5px;}
.GO_sequence > div.theway ul li {line-height: 30px; margin: 0 0 0 5px; letter-spacing: -1px;}
.GO_sequence > div.theway ul li:nth-child(1) {width: 100%;}
}
/* #Mobile (Landscape) Note: Design for a width of 480px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Portrait and Landscape */
@media only screen and (max-width: 359px) {
.GO_sequence > div.theway ul li {font-size: 1.2rem;}
.GO_sequence > div.theway ul li input {width: 10px; height: 10px; vertical-align:middle;}
}
@media(min-width:1200px){
}
@media(max-width:1199px){
}
@media(min-width:992px) and (max-width:1199px){
.navbar-collapse {display: block; visibility: initial;}
.navbar-collapse .navbar-nav {margin: 0;}
.navbar-collapse .navbar-nav li {float: left; display: table; border: none;}
.navbar-default #cart .navbar-nav > li > a {padding: 0 9px;}
.navbar-default #cart {width: 100%; left: 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a {line-height: 30px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; margin-bottom: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {margin: 0px 30px 0 0; width: initial;}
.merge_sequence > div.condition {width: 45%;}
.merge_sequence > div.theway {width: 55%;}
/* 旅遊區域大小分類 */
.merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 35%;}
.merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 53.8%;}
/* 出發期間 */
.merge_search ul li.merge_search_date .form_date {width: 44.5%;}
/* 出境機場 */
.merge_search ul li.merge_search_airport .merge_search_select {width: 90.5%;}
/* 旅遊天數 */
.merge_search ul li.merge_search_days .merge_search_select {width: 90.5%;}
/* 每人預算 */
.merge_search ul li.merge_search_budget .merge_search_select {width: 90.5%;}
/* 航空公司 */
.merge_search ul li.merge_search_airline .merge_search_select {width: 90.5%;}
/* 產品快搜 */
.merge_search ul li.merge_search_keyword .merge_search_input {width: 90.5%;}
/* 合併其他選項 */
.merge_search ul li.merge_search_combine {padding: 6px 0 16px 11%;}
/*產品名稱*/
.GroupList .skin_list .products .product_title > div.product_name {width: 31%;}
/*售價*/
.GroupList .skin_list .products .product_title > div.product_price {width: 17%;}
/*報名*/
.GroupList .skin_list .products .product_title > div.product_btn {width: 11%;}
/*產品名稱*/
.GroupList .skin_list .product_item .thumbnail > div.product_name {width: 31%;}
/*售價*/
.GroupList .skin_list .product_item .thumbnail > div.product_price {width: 17%;}
/*報名*/
.GroupList .skin_list .product_item .thumbnail > div.product_btn {width: 11%;}
}
/*@media screen and  (orientation:landscape)*/
@media(max-device-width:1024px)and(orientation:landscape) {
.nav-tabs > li:nth-child(4) {display: none;}
}
@media(min-width:768px) and (max-width:991px) {
/* 麵包屑 */
.breadcrumb {margin-top: 70px;}
.nav-tabs > li:nth-child(4) {display: none;}
.header {height: 72px;}
.gizle {top: 0px !important;}
.actGotop {right: 10px;}
.navbar-collapse {display: block; visibility: initial; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);}
.navbar-collapse .navbar-nav {margin: 0;}
.navbar-collapse .navbar-nav li {float: left; display: table; border: none;}
.navbar-default #cart .navbar-nav > li > a {padding: 0 9px;}
.navbar-default #cart {width: 100%; left: 0;}
@media screen and (min-width: 45.0625em){
#nav li {display: inline-block; border: none; border-top: 1px solid rgba(255, 255, 255, 0.1); width: 100%; float: left;}
#nav li a {padding: 0.85714em 2.14286em;}
#nav li.is-active:after {z-index: 50; display: block; content: ""; position: absolute; top: 50%; right: -0.03125em; margin-top: -0.625em; border-top: 0.625em transparent solid; border-bottom: 0.625em transparent solid; border-right: 0.625em white solid;}
}
/** New_Header 選單 **/
/*left*/
.side-collapse-container-left{position:relative; left:0; transition:left .4s;}
.side-collapse-container-left.out{left:70%;}
.side-collapse-left {top:56px; bottom:0; left:0; width:70%; position:fixed; overflow:hidden; transition:width .4s; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45);}
.side-collapse-left.in {width:0;}
.navbar {min-height: 56px;}
.navbar-toggle {position: absolute; top: 0; left: 0; padding: 3px 0; display: block;}
.navbar-inverse .navbar-header {padding: 12px 10px;}
/** 列表頁下方的分頁按鈕及載入更多按鈕 **/
.skin_list .loading {display: table;}
.skin_list .pagination {margin: 20px auto 0; display: none;}
.skin_module .loading {margin: 20px auto 0; display: table; width: 50%; text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0)); background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.skin_module .pagination {display: none;margin: 20px auto 0;}
/** 合併搜尋引擎 **/
/* 搜尋引擎欄位標題-共用 */
.merge_search ul li label {width: 12%;}
/* 旅遊區域大小分類 */
.merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 53.5%;}
/* 出發期間 */
.merge_search ul li.merge_search_date .form_date {width: 41.9%;}
.merge_search ul li.merge_search_date .merge_search_input_date {width: 100%;}
/* 出境機場 */
.merge_search ul li.merge_search_airport .merge_search_select {width: 85.7%;}
/* 旅遊天數 */
.merge_search ul li.merge_search_days .merge_search_select {width: 85.7%;}
/* 每人預算 */
.merge_search ul li.merge_search_budget .merge_search_select {width: 85.7%;}
/* 航空公司 */
.merge_search ul li.merge_search_airline .merge_search_select {width: 85.7%;}
/* 合併其他選項 */
.merge_search ul li.merge_search_combine {padding: 6px 0 6px 16%;margin-bottom: 15px;}
/* 產品快搜 */
.merge_search ul li.merge_search_keyword .merge_search_input {width: 85.7%;}
input[type=checkbox].css-checkbox + label.css-label {width: initial; display: table;}
/****** 個團列表 GroupList ******/
.GroupList .skin_module .products .item {width: 50%;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; vertical-align: middle !important;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
.GroupList .skin_module .products .item .thumbnail .product_img img {height: 270px;}
.merge_sequence {height: 90px;}
.merge_sequence > div {width: 100%;}
.merge_sequence > div.theway ul {line-height: 45px;}
.merge_sequence > div.condition ul li {line-height: 45px;}
.merge_sequence > div.condition ul li:nth-child(1) {height: 45px;}
/*分享*/
.GroupList .skin_module .products .item .thumbnail > .product_sharer {margin: 20px 0 -20px;bottom: 75px;}
/* 列表內文 */
.skin_list .products .product_title {display: none;}
.skin_list .products .item {width: 50%; padding: 0 10px; float: left;}
.skin_list .product_item .thumbnail {position: relative; padding: 4px;}
/*圖片*/
.GroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: block; margin-bottom: -25px;}
/*類型*/
.GroupList .skin_list .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.GroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_list .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*天數*/
.GroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 55%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.GroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.GroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.GroupList .skin_list .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.GroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
/* 列表模式 */
.GroupList .skin_list .products {border: none;}
.GroupList .skin_list .products .product {border:none; margin: 0; border-radius: 0;}
/* 列表標題 */
.GroupList .skin_list .products .product_title {display: none;}
/* 列表內文 */
.GroupList .skin_list .product_item .thumbnail {position: relative; padding: 4px; border: 1px solid #e1e1e1; margin: 0 -5px 20px; border-radius: 4px;}
/*圖片*/
.GroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: block; margin-bottom: -25px;}
/*類型*/
.GroupList .skin_list .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.GroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_list .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*分享*/
.GroupList .skin_list .product_item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; position: initial;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
/*天數*/
.GroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 55%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.GroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.GroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.GroupList .skin_list .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.GroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
.fixed-action-btn {position: absolute;}
/****** 團型列表 MGroupList ******/
.MGroupList .skin_module .products .item {width: 50%;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; vertical-align: middle !important;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer.fixed-action-btn.horizontal ul {top: 56.8%;}
/****** 個團明細頁 ******/
.product_details h3 {margin: 0 0 10px 0; padding: 0 10px;}
/** 產品基本資料 **/
.product_details .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;}
.product_details .product_basic_info ul li.basic_info_title {width: 20%;}
.product_details .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_details .product_basic_info ul li.departure_date {width: 80%;}
.product_details .product_basic_info ul li.return_date {width: 80%;}
.product_details .product_basic_info ul li.deadline {width: 80%; color: #F00; font-size: 25px; font-weight: bold;}
.product_details .product_basic_info ul li.sign_up_group {width: 100%; margin: 10px auto;}
.product_details .product_basic_info ul li.sign_up_group a.btn {width: 49%;}
.product_details .product_basic_info ul li.price_content {padding: 10px;}
.product_details .product_basic_info ul li.price_content .panel-info {width: 100%; border: 1px solid #DDD; border-radius: 3px; margin-bottom: 5px;}
.product_details .product_basic_info ul li.price_content .panel-info .panel-heading {float: left; width: 50%; border-radius: 3px;}
.product_details .product_basic_info ul li.price_content .panel-info .panel-body {float: left; width: 50%; padding: 10px 15px;}
.product_details .DailyItinerary .every_day .day_content .day_style_1 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_2 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_3 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_4 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_5 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_6 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_7 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_8 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/*第x天-圓形*/
.product_details .DailyItinerary .every_day .day_title h4.day_title_left {display: flex; width: 100%;}
/*每日行程-餐食*/
.product_details .DailyItinerary .every_day .day_meal {padding: 10px; border-bottom: 1px dashed #e1e1e1;}
/*每日行程-住宿*/
.product_details .DailyItinerary .every_day .day_hotel {padding: 10px;}
/****** 團型明細頁 ******/
.product_types h3 {margin: 0 0 10px 0; padding: 0 10px;}
/** 產品基本資料 **/
.product_types .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;}
.product_types .product_basic_info ul li.basic_info_title {width: 20%;}
.product_types .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_types .product_basic_info ul li.departure_date {width: 80%;}
.product_types .product_basic_info ul li.return_date {width: 80%;}
.product_types .product_basic_info ul li.deadline {width: 80%; color: #F00; font-size: 25px; font-weight: bold;}
.product_types .product_basic_info ul li.sign_up_group {width: 100%; margin: 10px auto;}
.product_types .product_basic_info ul li.sign_up_group a.btn {width: 49%;}
.product_types .product_basic_info ul li.price_content {padding: 10px;}
.product_types .product_basic_info ul li.price_content .panel-info {width: 100%; border: 1px solid #DDD; border-radius: 3px; margin-bottom: 5px;}
.product_types .product_basic_info ul li.price_content .panel-info .panel-heading {float: left; width: 50%; border-radius: 3px;}
.product_types .product_basic_info ul li.price_content .panel-info .panel-body {float: left; width: 50%; padding: 10px 15px;}
.product_types .DailyItinerary .every_day .day_content .day_style_1 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_2 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_3 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_4 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_5 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_6 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_7 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_8 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/*第x天-圓形*/
.product_types .DailyItinerary .every_day .day_title h4.day_title_left {display: flex; width: 100%;}
/*每日行程-餐食*/
.product_types .DailyItinerary .every_day .day_meal {padding: 10px; border-bottom: 1px dashed #e1e1e1;}
/*每日行程-住宿*/
.product_types .DailyItinerary .every_day .day_hotel {padding: 10px;}
}
@media(max-width:768px){
.order_information ul.order_information_content li.order_information_title {text-align: left;}
.order_information ul.order_information_content li:nth-last-child(3), .order_information ul.order_information_content li:nth-last-child(4) {border-left: 1px solid #e1e1e1;}
.select_people ul.select_people_content li:nth-child(even) {border-left: none;}
/*.passenger_category ul.passenger_category_content li:nth-child(1):before {content:'旅客類別/團費';margin-right: 20px;}
.passenger_category ul.passenger_category_content li:nth-child(2):before {content:'經濟艙';margin-right: 20px;float:left;}
.passenger_category ul.passenger_category_content li select {width:90%;float:left;}
.passenger_category ul.passenger_category_content li:nth-child(3):before {content:'經濟艙';margin-right: 20px;float:left;}
.passenger_category ul.passenger_category_content li select {width:90%;float:left;}*/
#mycontact .modal-body ul.contact_content li,
#mycontact .modal-body ul.message li {text-align: left;}
/* GI DESIGN START */
/*圖片*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_img {padding: 0;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_img img {display: block; margin-bottom: -25px;}
/*類型*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*天數*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a {cursor: pointer;}
.GroupList .skin_list .products#listDataGI .products#listDataGI .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total span {float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available span {float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
/* 列表模式 */
.GroupList .skin_list .products#listDataGI .products {border: none;}
.GroupList .skin_list .products#listDataGI .products .product {border:none; margin: 0; border-radius: 0;}
/* 列表標題 */
.GroupList .skin_list .products#listDataGI .products .product_title {display: none;}
/* 列表內文 */
.GroupList .skin_list .products#listDataGI .product_item .thumbnail {position: relative; padding: 4px; border: 1px solid #e1e1e1; margin: 0 -5px 20px; border-radius: 4px;}
/*圖片*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_img {padding: 0;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_img img {display: none; margin-bottom: -25px;}
/*類型*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name {text-align: justify; padding: 15px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*分享*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer {width: 100%; display: table; text-align: right; padding: 10px; position: absolute; top: 0px; left: 0; right: 10px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
/*天數*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 0px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a {cursor: pointer;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total span {float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available span {float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_teach {width: 20%; padding: 5px; font-size: 16px; display: block; text-align: left; line-height: 60px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_teach::before {content: '教學：'; width: 100%; text-align: left; display: table; line-height: 30px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_registered {width: 40%; text-align: left; padding: 5px; font-size: 16px; display: block; line-height: 30px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_registered::before {content: '已報名：'; width: 100%; text-align: left; display: table;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_ordered {width: 40%; text-align: left; padding: 5px; font-size: 16px; display: block; line-height: 30px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_ordered::before {content: '已收訂：'; width: 100%; text-align: left; display: table;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_groupInfo {width: 100%; text-align: left; padding: 5px; font-size: 16px; display: block; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_groupInfo::before {content: '成團資訊：';}
/* GI DESIGN END */
}
@media(max-width:767px){
.actGotop {right: 0px;}
.header {height: 64px; transition: initial;}
.gizle {top: 0px !important;}
footer[role="contentinfo"] {padding-bottom: 30px;}
article.container {position: relative; z-index: 100; top: 73px; padding-bottom: 93px;}
.navbar-default #cart {width: 100%;}
/** New_Header 選單 **/
.navbar-toggle {position: absolute; top: 0; left: 0; padding: 3px 10px;}
.navbar-inverse .navbar-header {padding: 0;}
#top .block-title {padding:0;}
/*left*/
.side-collapse-container-left{position:relative; left:0; transition:left .4s;}
.side-collapse-container-left.out{left:70%;}
.side-collapse-left {top:56px; bottom:0; left:0; width:70%; position:fixed; overflow:hidden; transition:left .4s; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45);}
.side-collapse-left.in {width:70%; left: -70%; transition:left .4s;}
/*right*/
.side-collapse-container-right{position:relative; right:0; transition:right .4s;}
.side-collapse-container-right.out{right:70%;}
.side-collapse-right {top:56px; bottom:0; right:0; width:70%; position:fixed; overflow:hidden; transition:all .4s;}
.side-collapse-right.in {width:70%; right:-70%;}
/** 列表頁下方的分頁按鈕及載入更多按鈕 **/
.skin_list .loading {display: table;}
.skin_list .pagination {margin: 20px auto 0; display: none;}
.skin_module .loading {margin: 20px auto 0; display: table; width: 50%; text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0)); background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.skin_module .pagination {display: none;margin: 20px auto 0;}
.service_box {display:none; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999;}
.service_box ul {width: 100%; display: table;}
.service_box ul li {float: left; width: 50%; line-height: 34px;}
.service_box ul li button {width: 100%; display: table; border-radius: 0; line-height: 34px; padding: 0;}
#widget {display: none !important;}
/* 麵包屑 */
.breadcrumb {margin-top: 0px;}
.GroupList .skin_list .masonry-container {width: 100%; margin: 0 auto;}
.merge_search_list .nav-tabs > li {width: 33.33%; font-size: 0;}
.merge_search_list .nav-tabs > li:nth-child(1) a:before {content: '全部'; font-size: 15px;}
.merge_search_list .nav-tabs > li:nth-child(2) a:before {content: '團體'; font-size: 15px;}
.merge_search_list .nav-tabs > li:nth-child(3) a:before {content: '自由行'; font-size: 15px;}
.nav-tabs > li > a {padding: 10px 5px; text-align: center;}
.nav-tabs > li a span {font-size: 13px; margin-left: 5px; vertical-align: super;}
.nav-tabs > li:nth-child(4) {width: 25%; padding: 5px; text-align: center; display: none;}
.nav-tabs > li:nth-child(4) > ul#skin {width: 100%;}
.nav-tabs > li:nth-child(4) > ul#skin > li {width: 50%;}
.nav-tabs > li:nth-child(4) > ul#skin > li > i {font-size: 18px; margin: 2px 0 0 0;}
/** 合併搜尋引擎 **/
.merge_search {padding: 0 15px;}
/* 搜尋引擎欄位標題-共用 */
.merge_search ul li label {width: 100%; text-align: left; position: relative;}
.merge_search ul li label i {position: absolute; left: -5%; top: 11px;}
/* 旅遊區域大小分類 */
.merge_search ul li.merge_search_area .merge_search_select {width: 100%; margin: 0 0 10px 0;}
.merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 100%;}
.merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 100%;}
/* 出發期間 */
.merge_search ul li.merge_search_date .form_date {width: 100%; margin: 0 0 10px 0;}
.merge_search ul li.merge_search_date .merge_search_input_date {width: 100%;}
/* 出境機場 */
.merge_search ul li.merge_search_airport {display: none;}
/* 旅遊天數 */
.merge_search ul li.merge_search_days {display: none;}
/* 每人預算 */
.merge_search ul li.merge_search_budget {display: none;}
/* 航空公司 */
.merge_search ul li.merge_search_airline {display: none;}
/* 合併其他選項 */
.merge_search ul li.merge_search_combine {display: none;}
/* 產品快搜 */
.merge_search ul li.merge_search_keyword .merge_search_input {width: 100%; margin: 0 0 10px 0;}
/* 目前搜尋條件及排序方式*/
.GroupList .merge_sequence > div {width: 100%;}
.GroupList .merge_sequence > div.theway ul {height: 45px;line-height: 45px; float: left; margin: 0;}
.GroupList .merge_sequence > div.theway ul li {font-size: 0; margin: 0 5px 0 0;}
.GroupList .merge_sequence > div.theway ul li:nth-child(1):before {content: '排序'; font-size: 14px;}
.GroupList .merge_sequence > div.theway ul li:nth-child(2) label:before {content: '出發日'; font-size: 14px;}
.GroupList .merge_sequence > div.theway ul li:nth-child(3) label:before {content: '出發地'; font-size: 14px;}
.GroupList .merge_sequence > div.theway ul li:nth-child(4) label:before {content: '售價'; font-size: 14px;}
.GroupList .merge_sequence > div.theway ul li:nth-child(5) label:before {content: '天數'; font-size: 14px;}
.GroupList .merge_sequence > div.theway ul li:nth-child(6) label:before {content: '名稱'; font-size: 14px;}
.GroupList .merge_sequence > div.theway ul li input {vertical-align: sub; margin-right: 5px;}
.GroupList .merge_sequence > div.condition ul li {height: 45px; line-height: 45px;}
.GroupList .merge_sequence > div.condition ul li:nth-child(1) {height: 45px; line-height: 45px;}
.GroupList .skin_module .products .item {width: 100%;}
.tab-content {padding: 0 15px;}
.GroupList .skin_module .products .item .thumbnail {font-size: 16px;}
/*產品名稱*/
.GroupList .skin_module .products .item .thumbnail > div.product_name {padding-right: 20px;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a {font-size: 20px; position: relative; z-index: 999;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {top: -320px; right: 5px; float: right; width: 100%;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a span {float: right;}
/*分享*/
.GroupList .skin_module .products .item .thumbnail > .product_sharer {margin: 20px 0 -20px;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div {vertical-align: bottom !important;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: inline-block !important;}
/*售價*/
.GroupList .skin_module .products .item .thumbnail > div.product_price {bottom: 100px;}
.GroupList .skin_module .products .item .thumbnail > div.product_price span strong {font-size: 30px;}
/*報名*/
.GroupList .skin_module .products .item .thumbnail > div.product_btn {margin: 90px 0 0;}
/*圖片*/
.GroupList .skin_module .products .item .thumbnail .product_img img {height: 288px;}
/* 列表模式 */
.GroupList .skin_list .products {border: none;}
.GroupList .skin_list .products .product {border: 1px solid #e1e1e1; margin: 0 -5px 20px; border-radius: 4px;}
/* 列表標題 */
.GroupList .skin_list .products .product_title {display: none;}
/* 列表內文 */
.GroupList .skin_list .product_item .thumbnail {position: relative; padding: 4px;}
/*圖片*/
.GroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0; width: 100%;}
.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: block; width: 100%; margin-bottom: -25px;}
/*類型*/
.GroupList .skin_list .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.GroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_list .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*分享*/
.GroupList .skin_list .product_item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; position: initial;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
/*天數*/
.GroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 55%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.GroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.GroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.GroupList .skin_list .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.GroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
.fixed-action-btn {position: relative;}
/** 航班參考彈出窗 **/
.flight_box {border: 1px solid #e1e1e1;}
.flight_box .flight_title {display: none;}
.flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.flight_box ul:nth-last-child(1) {border-bottom: none;}
.flight_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.flight_box ul li:nth-child(odd) {width: 40%;}
.flight_box ul li:nth-child(even) {width: 60%;}
.flight_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
.flight_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.flight_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.flight_box ul li:nth-child(2):before {content:'航空公司：';}
.flight_box ul li:nth-child(3):before {content:'航班：';}
.flight_box ul li:nth-child(4):before {content:'出發地：';}
.flight_box ul li:nth-child(5):before {content:'起飛時間：';}
.flight_box ul li:nth-child(6):before {content:'目的地：';}
.flight_box ul li:nth-child(7):before {content:'抵達時間：';}
/** 航班參考 **/
.product_details .ReferenceFlights .flight_box {border: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box .flight_title {display: none;}
.product_details .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;}
.product_details .ReferenceFlights .flight_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(odd) {width: 40%;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(even) {width: 60%;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.product_details .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(2):before {content:'航空公司：';}
.product_details .ReferenceFlights .flight_box ul li:nth-child(3):before {content:'航班：';}
.product_details .ReferenceFlights .flight_box ul li:nth-child(4):before {content:'出發地：'; width: 100%; display: table;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(5):before {content:'起飛時間：'; width: 100%; display: table;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(6):before {content:'目的地：'; width: 100%; display: table;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(7):before {content:'抵達時間：'; width: 100%; display: table;}
/* 針對國內旅遊新增 交通資訊 欄位 */
/** 交通資訊 **/
.product_details .ReferenceTraffics .traffic_box {border: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box .traffic_title {display: none;}
.product_details .ReferenceTraffics .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.product_details .ReferenceTraffics .traffic_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(odd) {width: 40%;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(even) {width: 60%;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.product_details .ReferenceTraffics .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(2):before {content:'交通工具：';}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(3):before {content:'艙等/艙房：';}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(4):before {content:'起程地：'; width: 100%; display: table;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(5):before {content:'搭乘時間：'; width: 100%; display: table;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(6):before {content:'目的地：'; width: 100%; display: table;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(7):before {content:'抵達時間：'; width: 100%; display: table;}
/** 團型列表 **/
/* 目前搜尋條件及排序方式*/
.MGroupList .merge_sequence > div {width: 100%;}
.MGroupList .merge_sequence > div.theway ul {height: 45px;line-height: 45px; float: left; margin: 0;}
.MGroupList .merge_sequence > div.theway ul li {font-size: 0; margin: 0 5px 0 0;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(1):before {content: '排序'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(2) label:before {content: '出發日'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(3) label:before {content: '出發地'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(4) label:before {content: '售價'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(5) label:before {content: '天數'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(6) label:before {content: '名稱'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li input {vertical-align: sub; margin-right: 5px;}
.MGroupList .merge_sequence > div.condition ul li {height: 45px; line-height: 45px;}
.MGroupList .merge_sequence > div.condition ul li:nth-child(1) {height: 45px; line-height: 45px;}
/****** 團型列表 MGroupList ******/
.MGroupList .skin_module .products .item {width: 100%;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; vertical-align: middle !important;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
.MGroupList .skin_module .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #999; font-size: 13px; float: left;}
.MGroupList .skin_list .products {border: none;}
.MGroupList .skin_list .masonry-container {width: 100%;  margin: 0 auto;}
.MGroupList .skin_list .products .product_title {display: none;}
.MGroupList .skin_list .products .product_item .thumbnail {position: relative; padding: 4px 4px 20px 4px; border: 1px solid #ddd; border-radius: 4px;}
.MGroupList .skin_list .product_item .thumbnail > div {border: none;}
.MGroupList .skin_list .products .product {border: 1px solid #e1e1e1; margin: 0 -5px 20px; border-radius: 4px;}
/*圖片*/
.MGroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0; width: 100%; display: inline-block;}
.MGroupList .skin_list .product_item .thumbnail > div.product_img img {display: block; margin-bottom: -25px; width: 100%;}
/*類型*/
.MGroupList .skin_list .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.MGroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.MGroupList .skin_list .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #999; font-size: 13px; float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*分享*/
.MGroupList .skin_list .product_item .thumbnail > .product_sharer {width: 100%; display: block; text-align: right; padding: 10px; position: initial; position: relative; left: 0;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
/*天數*/
.MGroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left; line-height: 42px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.MGroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：'; float: left;}
/*個團代碼*/
.MGroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.MGroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;font-size: 20px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.MGroupList .skin_list .product_item .thumbnail > div.product_price {bottom: initial;width: 100%;position: absolute;right: 15px;padding: 0;}
.MGroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.MGroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.MGroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.MGroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.MGroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.MGroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.MGroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
/****** 個團明細頁 ******/
.product_details h3 {margin: 0 0 10px 0; padding: 0 10px;}
/** 產品基本資料 **/
.product_details .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;}
.product_details .product_basic_info ul li.basic_info_title {width: 36%;}
.product_details .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_details .product_basic_info ul li.departure_date {width: 64%;}
.product_details .product_basic_info ul li.return_date {width: 64%;}
.product_details .product_basic_info ul li.deadline {width: 64%; color: #F00; font-size: 25px; font-weight: bold;}
.product_details .product_basic_info ul li.sign_up_group {width: 100%; margin: 10px auto;}
.product_details .product_basic_info ul li.sign_up_group a.btn {width: 49%;}
.product_details .product_basic_info ul li.price_content {padding: 10px;}
.product_details .product_basic_info ul li.price_content .panel-info {width: 100%; border: 1px solid #DDD; border-radius: 3px; margin-bottom: 5px;}
.product_details .product_basic_info ul li.price_content .panel-info .panel-heading {float: left; width: 50%; border-radius: 3px;}
.product_details .product_basic_info ul li.price_content .panel-info .panel-body {float: left; width: 50%; padding: 10px 15px;}
/** 行程特色 **/
.product_details .TravelCharacteristics {width: 100%; display: table; padding: 160px 10px 0;}
.product_details .TravelCharacteristics ul li img {width: 100%;}
.product_details .ReferenceFlights {width: 100%; display: table; padding: 160px 10px 0;}
.product_details .DailyItinerary {width: 100%; display: table; padding: 160px 10px 0;}
.product_details .AtTheirOwnExpense {width: 100%; display: table; padding: 160px 10px 0;}
.product_details .OtherInstructions {width: 100%; display: table; padding: 160px 10px 0;}
.navbar-collapse {display: block; visibility: initial; border-top: none;}
.navbar-collapse .navbar-nav {margin: 0;}
.navbar-collapse .navbar-nav li {float: left; display: table; border: none;}
.navbar-default #cart .navbar-nav > li > a {padding: 0 9px;}
#carousel-example-generic {margin-top: 100px;}
.product_details .DailyItinerary .every_day .day_content .day_style_1  .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_2  .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_3  .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_4  .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_5  .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_6  .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_7  .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_8  .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/*第x天-圓形*/
.product_details .DailyItinerary .every_day .day_title h4.day_title_left {display: flex;}
/*每日行程-餐食*/
.product_details .DailyItinerary .every_day .day_meal {padding: 10px; border-bottom: 1px dashed #e1e1e1;}
.product_details .DailyItinerary .every_day .day_meal .meal_content {width: 80%;}
.product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {float: left;}
/*每日行程-住宿*/
.product_details .DailyItinerary .every_day .day_hotel {padding: 10px;}
.product_details .DailyItinerary .every_day .day_content table {width: 100% !important;}
.product_details .DailyItinerary .every_day .day_content table td {width: 100% !important; float: left;}
.product_details .DailyItinerary .every_day .day_content table td img {width: 100% !important; height: initial;}
/** 自費活動 **/
.product_details .AtTheirOwnExpense .panel-group h4 div {position: initial; padding: 10px 15px;}
.product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {float: left;}
/** 附加項目 **/
.product_details .Additional .panel-group h4 div {position: initial; padding: 10px 15px;}
/** 護照及簽證 **/
.product_details .Passport_Visa .panel-group h4 div {position: initial; padding: 10px 15px;}
.order_information ul.order_information_content li.order_information_title {text-align: left;}
.select_people ul.select_people_content li.select_people_title {text-align: left;}
.passenger_information ul.passenger_information_title {display: none;}
.passenger_information ul.passenger_information_content.first_person li {text-align: left;}
.passenger_information ul.passenger_information_content li:nth-child(4)::before {content: 'NO.：';}
.passenger_information ul.passenger_information_content li:nth-child(5)::before {content: '旅客類別：';}/*
.passenger_information ul.passenger_information_content li:nth-child(6)::before {content: '中文姓：';}
.passenger_information ul.passenger_information_content li:nth-child(7)::before {content: '中文名：';}
.passenger_information ul.passenger_information_content li:nth-child(8)::before {content: '英文姓：';}
.passenger_information ul.passenger_information_content li:nth-child(9)::before {content: '英文名：';}
.passenger_information ul.passenger_information_content li:nth-child(10)::before {content: '身分證字號：';}*/
.passenger_information ul.passenger_information_content li:nth-child(8) {display: none;}
.passenger_information ul.passenger_information_content li:nth-child(9) {display: none;}
.passenger_information ul.passenger_information_content li:nth-child(11) {text-align: left;}
.passenger_information ul.passenger_information_content li:nth-child(11)::before {content: '費用：';}
.passenger_information ul.passenger_information_content li:nth-child(17) {display: none;}
.passenger_information ul.passenger_information_content li:nth-child(18) {display: none;}
.additional_items ul.additional_items_title {display: none;}
.additional_items ul.additional_items_content li:nth-child(1n)::before {content: '項目名稱';}
.additional_items ul.additional_items_content li:nth-child(2n)::before {content: '費用';}
.additional_items ul.additional_items_content li:nth-child(3n)::before {content: '數量';}
.other_information ul.other_information_content li.information_title {text-align: left;}
/****** 團型明細頁 ******/
.product_types h3 {margin: 0 0 10px 0; padding: 0 10px;}
/** 產品基本資料 **/
.product_types .product_basic_info {padding-top: 0;}
.product_types .product_basic_info ul:nth-child(1) {padding-top: 60px;}
.product_types .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;}
.product_types .product_basic_info ul li.basic_info_title {width: 36%;}
.product_types .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_types .product_basic_info ul li.departure_date {width: 64%;}
.product_types .product_basic_info ul li.return_date {width: 64%;}
.product_types .product_basic_info ul li.deadline {width: 64%; color: #F00; font-size: 25px; font-weight: bold;}
.product_types .product_basic_info ul li.sign_up_group {width: 100%; margin: 10px auto; position: absolute; top: 0;}
.product_types .product_basic_info ul li.sign_up_group a.btn {width: initial;}
/*調整同業價補強 START*/
.product_types .product_basic_info ul:nth-child(1) li.basic_info_title:nth-child(1) {padding: 10px;}
.product_types .product_basic_info ul:nth-child(1) li.price_content:nth-child(2) {padding: 10px;}
/*調整同業價補強 END*/
.product_types .product_basic_info ul li.price_content .panel-info {width: 100%; border: 1px solid #DDD; border-radius: 3px; margin-bottom: 5px;}
.product_types .product_basic_info ul li.price_content .panel-info .panel-heading {float: left; width: 50%; border-radius: 3px;}
.product_types .product_basic_info ul li.price_content .panel-info .panel-body {float: left; width: 50%; padding: 10px 15px;}
/** 售價及出團日 **/
.product_types .table-responsive {border: none;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul {}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {padding: 5px 0 5px 5px;}
.product_types .navbar-default #cart {height: 90px;}
.product_types .navbar-default #cart .navbar-other {position: absolute; right: 0; bottom: 0;}
.product_types .navbar-default #cart .navbar-other li {margin: 0 3px;}
.product_types .DepartureDay .departureday_content .state_indication span {margin-left: 0px;}
.product_types .DepartureDay .departureday_content .state_indication span i {margin-right: 0px;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 30%; position: absolute; top: 45%;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {margin-left: 30%;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW .tab-pane {border: none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content {display: none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content {position: relative; padding: 10px; margin-bottom: 15px; float: left; border: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li {width: 33.33%;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(1) {width: initial; text-align: left; color: #333; border-radius: 6px; font-size: 18px; font-weight: bold;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(1):before {content: "\f073"; font: normal normal normal 18px/1 FontAwesome; margin-right: 5px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(2) {width: 100%;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(3) {font-size: 16px; color: #F00; width: 70%; text-align: left;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(4) {width: initial; position: absolute; bottom: 65px; right: 5px; display: table;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(5) {width: initial; display: table; color: #F00; padding: 12px 6px 6px; margin-top: 15px; border-top: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(5):before {content: "\f06b"; font: normal normal normal 18px/1 FontAwesome; margin-right: 5px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {width: 100%; text-align: left;}
/** 行程特色 **/
.product_types .TravelCharacteristics {width: 100%; display: table; padding: 160px 10px 0;}
.product_types .TravelCharacteristics ul li img {width: 100%;}
.product_types .ReferenceFlights {width: 100%; display: table; padding: 160px 10px 0;}
.product_types .DailyItinerary {width: 100%; display: table; padding: 160px 10px 0;}
.product_types .AtTheirOwnExpense {width: 100%; display: table; padding: 160px 10px 0;}
.product_types .OtherInstructions {width: 100%; display: table; padding: 160px 10px 0;}
.navbar-collapse {display: block; visibility: initial; border-top: none;}
.navbar-collapse .navbar-nav {margin: 0;}
.navbar-collapse .navbar-nav li {float: left; display: table; border: none;}
.navbar-default #cart .navbar-nav > li > a {padding: 0 9px;}
#carousel-example-generic {margin-top: 100px;}
.product_types .DailyItinerary .every_day .day_content .day_style_1  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_2  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_3  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_4  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_5  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_6  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_7  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_8  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/** 航班參考 **/
.product_types .ReferenceFlights .flight_box {border: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box .flight_title {display: none;}
.product_types .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;}
.product_types .ReferenceFlights .flight_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(odd) {width: 40%;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(even) {width: 60%;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.product_types .ReferenceFlights .flight_box .flight_content {background: #FFF;}
.product_types .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(2):before {content:'航空公司：';}
.product_types .ReferenceFlights .flight_box ul li:nth-child(3):before {content:'航班：';}
.product_types .ReferenceFlights .flight_box ul li:nth-child(4):before {content:'出發地：'; width: 100%; display: table;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(5):before {content:'起飛時間：'; width: 100%; display: table;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(6):before {content:'目的地：'; width: 100%; display: table;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(7):before {content:'抵達時間：'; width: 100%; display: table;}
/* 針對國內旅遊新增 交通資訊 欄位 */
/** 交通資訊 **/
.product_types .ReferenceTraffics .traffic_box {border: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box .traffic_title {display: none;}
.product_types .ReferenceTraffics .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.product_types .ReferenceTraffics .traffic_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(odd) {width: 40%;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(even) {width: 60%;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.product_types .ReferenceTraffics .traffic_box .traffic_content {background: #FFF;}
.product_types .ReferenceTraffics .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(2):before {content:'交通工具：';}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(3):before {content:'艙房/艙等：';}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(4):before {content:'起程地：'; width: 100%; display: table;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(5):before {content:'搭乘時間：'; width: 100%; display: table;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(6):before {content:'目的地：'; width: 100%; display: table;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(7):before {content:'抵達時間：'; width: 100%; display: table;}
/*第x天-圓形*/
.product_types .DailyItinerary .every_day .day_title h4.day_title_left {display: flex;}
/*每日行程-餐食*/
.product_types .DailyItinerary .every_day .day_meal {padding: 10px; border-bottom: 1px dashed #e1e1e1;}
.product_types .DailyItinerary .every_day .day_meal .meal_content {width: 80%;}
.product_types .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {float: left;}
/*每日行程-住宿*/
.product_types .DailyItinerary .every_day .day_hotel {padding: 10px;}
.product_types .DailyItinerary .every_day .day_content table {width: 100% !important;}
.product_types .DailyItinerary .every_day .day_content table td {width: 100% !important; float: left;}
.product_types .DailyItinerary .every_day .day_content table td img {width: 100% !important; height: initial;}
/** 自費活動 **/
.product_types .AtTheirOwnExpense .panel-group h4 div {position: initial; padding: 10px 15px;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {float: left;}
/** 附加項目 **/
.product_types .Additional .panel-group h4 div {position: initial; padding: 10px 15px;}
/** 護照及簽證 **/
.product_types .Passport_Visa .panel-group h4 div {position: initial; padding: 10px 15px;}
.passenger_information ul.passenger_information_title {display: none;}
.passenger_information ul.passenger_information_content.first_person li {text-align: left;}
.passenger_information ul.passenger_information_content li:nth-child(4)::before {content: 'NO.：';}
.passenger_information ul.passenger_information_content li:nth-child(5)::before {content: '旅客類別：';}/*
.passenger_information ul.passenger_information_content li:nth-child(6)::before {content: '中文姓：';}
.passenger_information ul.passenger_information_content li:nth-child(7)::before {content: '中文名：';}
.passenger_information ul.passenger_information_content li:nth-child(8)::before {content: '英文姓：';}
.passenger_information ul.passenger_information_content li:nth-child(9)::before {content: '英文名：';}
.passenger_information ul.passenger_information_content li:nth-child(10)::before {content: '身分證字號：';}*/
.passenger_information ul.passenger_information_content li:nth-child(8) {display: none;}
.passenger_information ul.passenger_information_content li:nth-child(9) {display: none;}
.passenger_information ul.passenger_information_content li:nth-child(11) {text-align: left;}
.passenger_information ul.passenger_information_content li:nth-child(11)::before {content: '費用：';}
.passenger_information ul.passenger_information_content li:nth-child(17) {display: none;}
.passenger_information ul.passenger_information_content li:nth-child(18) {display: none;}
.order_completion_content .order_information #css_table .css_th{display:none;}
.order_completion_content .order_information #css_table .css_tr .css_td {width: 100%;display: block;text-align:left;height: initial;padding: 10px 10px 10px 100px;position:relative;}
.order_completion_content .order_information #css_table .css_tr .css_td:before {position: absolute;left:10px;}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(1):before {content:'訂單編號：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(2):before {content:'服務公司：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(3):before {content:'服務人員：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(4):before {content:'報名狀態：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(5):before {content:'訂單金額：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(6):before {content:'商品名稱：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(7):before {content:'旅遊期間：';}
.additional_items ul.additional_items_title {display: none;}
.additional_items ul.additional_items_content li:nth-child(1n)::before {content: '項目名稱';}
.additional_items ul.additional_items_content li:nth-child(2n)::before {content: '費用';}
.additional_items ul.additional_items_content li:nth-child(3n)::before {content: '數量';}
.other_information ul.other_information_content li.information_title {text-align: left;}
.order_completion_content .flight_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.order_completion_content .flight_information ul.flight_information_title {background: #f7efe4;}
.order_completion_content .flight_information ul.flight_information_title li:nth-child(1):before {content:'天數';}
.order_completion_content .flight_information ul.flight_information_title li {text-align: center;}
.order_completion_content .flight_information ul.flight_information_content {border-top: none;display: block;}
.order_completion_content .flight_information ul.flight_information_content li {text-align: center; position:relative;background: #fff;float: initial;width: 100%;display: inline-block;}
.order_completion_content .flight_information ul.flight_information_title {display: none;}
.order_completion_content .flight_information ul.flight_information_content:nth-child(3) {margin-bottom: 20px;}
.order_completion_content .flight_information ul.flight_information_content li:before {position:absolute;left:10px;}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(1) {border-top: 1px solid #e1e1e1;}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(1):before {content:'天數：';}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(2):before {content:'航班：';}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(3):before {content:'起飛：';}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(4):before {content:'抵達：';}
.order_completion_content .deposit_payable ul.deposit_payable_content li {text-align: center; position:relative;background: #fff;float: initial;width: 100%;display: inline-block;}
.order_completion_content .deposit_payable ul.deposit_payable_title {background: #f7efe4;display: none;}
.order_completion_content .deposit_payable ul.deposit_payable_content {border-top: none; display: table;}
.order_completion_content .deposit_payable ul.deposit_payable_content:nth-child(3) {margin-bottom: 20px;}
.order_completion_content .deposit_payable ul.deposit_payable_content li:before {position:absolute;left:10px;}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(1) {border-top: 1px solid #e1e1e1;}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(1):before {content:'旅客類別：';}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(2):before {content:'人數：';}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(3):before {content:'金額：';}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(4):before {content:'小計：';}
.order_completion_content .other_information ul.other_information_title{display: none;}
.order_completion_content .other_information ul.other_information_content li {width: 100%;display:inline-block;}
.order_completion_content .other_information ul.other_information_content li:before {position:absolute;left:10px;}
.order_completion_content .other_information ul.other_information_content li:nth-child(1) {border-top: 1px solid #e1e1e1;}
.order_completion_content .other_information ul.other_information_content li:nth-child(1):before {content:'寄送方式：';}
.order_completion_content .other_information ul.other_information_content li:nth-child(2):before {content:'公司統編：';}
.order_completion_content .other_information ul.other_information_content li:nth-child(3):before {content:'收據抬頭：';}
.payment .payment_content ul.payment_information_content {background: #FFF;}
.payment .payment_content ul.payment_information_content li {width: 74%; text-align: left;}
.payment .payment_content ul.payment_information_content li.payment_information_title {width: 26%;}
.payment .payment_content ul.payment_method_content li.payment_method_title {text-align: left;}
/* 使用範本加強 */
.product_types .day_style_1 .item {margin-bottom: 20px;}
.product_types .day_style_2 .item {margin-bottom: 20px;}
.product_types .day_style_3 .item {margin-bottom: 20px;}
.product_types .day_style_4 .item {margin-bottom: 20px;}
.product_types .day_style_5 .item {margin-bottom: 20px;}
.product_types .day_style_6 .item {margin-bottom: 20px;}
.product_types .day_style_7 .item {margin-bottom: 20px;}
.product_types .day_style_8 .item {margin-bottom: 20px;}
.product_details .day_style_1 .item {margin-bottom: 20px;}
.product_details .day_style_2 .item {margin-bottom: 20px;}
.product_details .day_style_3 .item {margin-bottom: 20px;}
.product_details .day_style_4 .item {margin-bottom: 20px;}
.product_details .day_style_5 .item {margin-bottom: 20px;}
.product_details .day_style_6 .item {margin-bottom: 20px;}
.product_details .day_style_7 .item {margin-bottom: 20px;}
.product_details .day_style_8 .item {margin-bottom: 20px;}
/* ==================================================== */
/* PGO DESIGN START */
article.container.PGO.Detail {position: initial; padding-top: 73px;}
.PGO.Detail .navbar-default #cart,
.PGO.Detail .navbar-default #cart.active {width: 100%;}
.PGO.Detail .product_details .FreeChoiceTrip .panel-group h4 {padding: 10px 50px 10px 15px; line-height: 30px;}
.PGO.Detail .spreadsheet.active {right: 0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.PGO.Detail .spreadsheet {width: 100%; display: table; position: fixed; z-index: 999999; right: -100%; top: 0; padding: 0 0 20px; height: 100vh; overflow: auto;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.PGO.Detail .spreadsheet #sidebar {width: 100%; padding: 0; padding-top: 20px;}
.PGO.Detail .spreadsheet #sidebar h4 {position: fixed; width: 100%; top: 0; z-index: 999999;}
.PGO.Detail .spreadsheet #sidebar ul {width: 100%; padding: 20px; display: table;}
.PGO.Detail .spreadsheet #sidebar ul li ul {padding: 0 0 10px;}
.PGO.Detail .spreadsheet .spreadsheet_switch {display: block; position: fixed; right: 15px; top: 0px; z-index: 9999999;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn a {font-size: 20px; color: #c1c1c1; font-size: 16px; line-height: 56px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn a i {margin-right: 5px; font-size: 20px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open {display: none;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_off {display: none;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open.active {display: block;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_off.active {display: block;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_title {display: none;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li {width: 100%; position: relative; text-align: right;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:first-child {width: 100%;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:before {background: #f7efe4; padding: 10px; line-height: 34px; position: absolute; top: 0; left: 0; width: 30%;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(1):before {content: '房型/間數：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(2):before {content: '大人：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(3):before {content: '大人加床：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(4):before {content: '小孩佔床：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(5):before {content: '小孩不佔床：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(6):before {content: '小孩加床：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(7):before {content: '嬰兒：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li .form-control {width: 15%;}
/* PGO DESIGN END */
/* GI DESIGN START */
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
.GI .coach_list .coach_list_content .coach_list_title {display: none;}
.GI .coach_list .coach_list_content .coach_list_item {margin-bottom: 20px;}
.GI .coach_list .coach_list_content .coach_list_item > div {width: 100% !important; display: table; text-align: left; padding: 0 15px 0 0 !important; border-top: 1px solid #e1e1e1;}
.GI .coach_list .coach_list_content .coach_list_item .product_date::before {content: '出發日期：'; margin-right: 10px; background-color: #f7efe3; display: inline-block; padding: 0 15px; width: 35%;}
.GI .coach_list .coach_list_content .coach_list_item .product_name::before {content: '產品名稱：'; margin-right: 10px; background-color: #f7efe3; display: inline-block; padding: 0 15px; width: 35%;}
.GI .coach_list .coach_list_content .coach_list_item .product_type::before {content: '教練名單：'; margin-right: 10px; background-color: #f7efe3; display: inline-block; padding: 0 15px; width: 35%;}
.GI .coach_list .coach_list_content .coach_list_item .product_groupInfo::before {content: '說明會資訊：'; margin-right: 10px; background-color: #f7efe3; display: inline-block; padding: 0 15px; width: 35%;}
.GI .coach_list .coach_list_content .coach_list_item .product_name span,
.GI .coach_list .coach_list_content .coach_list_item .product_type span {width: 60%;display: inline-block;line-height: 20px;vertical-align: middle;}
.GI .coach_list .coach_list_content .coach_list_item .product_groupInfo a {padding: 10px;}
.GI .coach_list .loading {margin: 20px auto; display: table;}
.GI .coach_list .pagination {display: none;}
.GI.Order_Step_one .passenger_information ul.plus_cost_content li .additional_fees_list {float: left;}
.GI.Order_Step_one .passenger_information ul.plus_cost_content li .additional_fees_list .additional_fees_list_item {margin-left: 0; margin-right: 10px;}
/* GI DESIGN END */
}
@media(max-width:480px) {
.skin_module .products .item {width: 100%;}
/*報名*/
.skin_module .products .item .thumbnail > div.product_btn a {width: 100%;}
.product_details .AtTheirOwnExpense .panel-group h4 div {padding: 15px 0 0;}
.product_details .Additional .panel-group h4 div {padding: 15px 0 0;}
.Passport_Visa_box ul li,
.Passport_Visa_box ul li:nth-last-child(1) {width: 20%;}
.product_types .AtTheirOwnExpense .panel-group h4 div {padding: 15px 0 0;}
.product_types .Additional .panel-group h4 div {padding: 15px 0 0;}
}
@media(max-device-width:480px)and(orientation:landscape){
}
@media(max-width:375px){
.navbar-default #cart .navbar-nav > li > a {padding: 0 8px; font-size: 14px; line-height: 40px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {}
}
@media(max-width: 320px){
#carousel-example-generic {margin-top: 90px;}
.navbar-default #cart .navbar-nav > li > a {padding: 0 4px; font-size: 14px; line-height: 40px;}
.product_types .product_basic_info ul li {width: 62%;}
.product_types .product_basic_info ul li.basic_info_title {width: 38%;}
.product_types .product_basic_info ul li.return_date {width: initial;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(4) {bottom: 55px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {}
}
@media print {
  .header, .sign_up_group, .navbar-default #cart, .service_box {display: none;}
  .collapse {display: block; visibility: initial;}
}
/* --------------------------------
Main Components
-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  /*content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;*/
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7b9d6f;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #7b9d6f;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}
.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
#otherdates .modal-body .nav-tabs {margin-bottom: 20px;}
#otherdates .modal-body > .nav-tabs > li {width: 50%; text-align: center;}
#otherdates .modal-body .nav-tabs > li > a {color: #b7b7b7;}
#otherdates .modal-body .nav-tabs > li.active > a {color: #666;}
#otherdates .modal-body .nav-tabs > li:nth-last-child(1) {float: left;}
#otherdates .modal-body .tab-content .tab-pane {}
#otherdates .modal-body .tab-content .tab-pane #date_table .date_tr.date_title {background-color: #f7efe3; border: 1px solid #e1e1e1;}
#otherdates .modal-body .tab-content .tab-pane #date_table .date_tr.date_title .date_th {line-height: 35px; text-align: center; padding: 6px 10px; font-size: 14px;}
/*
#DATE_VIEW ul.title_content {display: table;width:100%; background: #d2d4d5;}
#DATE_VIEW ul.title_content li {display:inline-block; padding: 6px 12px; width: 20%; line-height: 50px; text-align: center;}
#DATE_VIEW ul.title_content li:nth-last-child(1) {width: 60%;}
#DATE_VIEW > .dl-horizontal {position: relative; border-bottom: 1px solid #d2d4d5;}
#DATE_VIEW > .dl-horizontal > dt {width: 20%; text-align: center; position: absolute; top: 45%; display: table;}
#DATE_VIEW > .dl-horizontal > dd {margin-left: 20%; border-bottom: 1px solid #d2d4d5; border-left: 1px solid #d2d4d5;}
#DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {border-bottom: none;}
#DATE_VIEW > .dl-horizontal > dd h5 {display: inline-block; width: 25%; text-align: center;}
#DATE_VIEW > .dl-horizontal > dd ul {display: inline-block; width: 74%; vertical-align: middle; padding: 10px; border-left: 1px solid #d2d4d5;}
#DATE_VIEW > .dl-horizontal > dd ul li {display: inline-block; padding: 5px;}
#DATE_VIEW > .dl-horizontal > dd ul li a {color: #333;}
#DATE_VIEW > .dl-horizontal > dd ul li a:after {content:'、';}
#PRICE_VIEW ul, #PRICE_VIEW li{margin:0;padding:0;list-style: none;}
#PRICE_VIEW ul.nav-tabs {border: none;}
#otherdates .modal-body #PRICE_VIEW ul.nav-tabs li a {display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}
#otherdates .modal-body #PRICE_VIEW ul.nav-tabs > li.active > a, #otherdates .modal-body #PRICE_VIEW ul.nav-tabs > li.active > a:hover, #otherdates .modal-body #PRICE_VIEW ul.nav-tabs > li.active > a:focus {color: #fff; background-color: #428bca; border-color: #357ebd;}
#PRICE_VIEW ul.title_content {display: table;width:100%; background: #d2d4d5;}
#PRICE_VIEW ul.title_content li{display:inline-block; padding: 6px 12px; width: 20%; line-height: 50px; text-align: center;}
#PRICE_VIEW ul.title_content li:nth-last-child(1) {width: 40%;}
#PRICE_VIEW ul.list_content {display: table;width:100%;}
#PRICE_VIEW ul.list_content:nth-child(odd) {background-color: #f5f6f7;}
#PRICE_VIEW ul.list_content a {width: 100%; display: table; color: #333;}
#PRICE_VIEW ul.list_content a li{display:inline-block; padding: 6px 12px; width: 20%; line-height: 35px; text-align: center;}
#PRICE_VIEW ul.list_content a li:nth-last-child(1) {width: 40%; text-align: left;}
#PRICE_VIEW ul.list_content a li span {color: #F00;}
*/
@media (min-width: 768px) {
.modal-dialog {width: 800px; margin: 30px auto;}
}
@media (max-width: 768px) {
.modal-dialog {width: 100%; margin: 30px auto;}
}
@media (max-width: 767px) {
#otherdates .tab-content {padding: 0;}
#DATE_VIEW > .dl-horizontal > dd ul {/*width: 73%;*/}
#DATE_VIEW > .dl-horizontal > dd ul li {padding: 5px 0;}
#PRICE_VIEW .tab-content {padding: 0;}
#PRICE_VIEW ul.title_content li {display: initial; width: 33.33%; text-align: left;}
#PRICE_VIEW ul.title_content li:nth-last-child(1) {width: 100%; display: table; text-align: left;}
#PRICE_VIEW ul.list_content a li {display: initial; width: 33.33%;}
#PRICE_VIEW ul.list_content a li:nth-last-child(1) {width: 100%; display: table;}
}
/*每日行程-內容*/
.day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_1 img {width:100%;}
.day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_2 img {width:100%;}
.day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_3 img {width:100%; height: 253px;}
.day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_4 img {width:100%; height: 187px;}
.day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_5 img {width:100%; height: 253px;}
.day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_6 img {width:100%; height: 187px;}
.day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_7 img {width:100%; height: 253px;}
.day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_8 img {width:100%; height: 187px;}
.day_style_9 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_9 img {width:100%;}
.day_style_10 {width: 100%; display: table; margin-bottom: 20px; position: relative;}
.day_style_10 img {width:100%;}
.day_style_10 .item_text {position: absolute; bottom: 10%; z-index: 10; padding: 0px 10px;}
.day_style_10 .item_text p {margin: 0; background: rgba(0, 0, 0, 0.6); color: #FFF; padding:50px;}
.day_style_11 {width: 100%; display: block; margin-bottom: 20px; padding: 0;}
.day_style_11 .tp_group {width:100%;/*border: 1px solid #ddd;*/ padding: 0; display: inline-block;}
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_11 .tp_group img {width:100%;}
.day_style_12 {width: 100%; display: block; margin-bottom: 20px; padding: 0 10px;}
.day_style_12 .tp_group {width:100%;border: 1px solid #ddd; padding: 10px 0; display: inline-block;}
.day_style_12 .tp_group img {width:100% !important; height: inherit;}
.day_style_13 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_13 img {width:100%; height: 187px;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.day_style_14 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_14 iframe {width: 100%; height: 383px;}
.day_style_15 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_15 iframe {width: 100%; height: 383px;}

/*舊公版*/
.all-table-width {width: 100%;margin: 0 auto;}
.all-table-width-new {width: 1170px; margin: 0 auto;}
.all-table-width #top .block-title {margin: 22px auto;}
.all-table-width #top .block-title a img {vertical-align: middle;}
#StyleMain {margin-top: 180px;background: #FFF;}
#main-table.all-table-width{width:100%;}
#main-table.all-table-width .all-table-width-new{margin:50px auto;}
#main-table.all-table-width p{text-align:left;}

/*新公版start*/
.top-menu-link01{font-size:13px;color:#cdcdcd;text-decoration:none;}
.top-menu-link02{font-size:13px;color:#666666;text-decoration:none;line-height:20px;}
.left-style-bg{background-color:#ffffff;/*background-image:url(/eweb_shallwetravel/images/images/top_images/ha_left.gif);*/ background-repeat:repeat-y;background-position:left;display: none;width:100%;}
.left-menu-link01{font-size:13px;color:#747474;text-decoration:none;line-height:18px;letter-spacing:1px;}
.left-menu-link02{font-size:13px;line-height:20px;color:#5e5a37;text-decoration:none;}
.left-input-text01{font-size:13px;line-height:18px;color:#404040;}
.left-input-text02{font-size:13px;}
.left-input-box{border:1px solid #666666;font-size:13px;list-style-type:disc;color:#5b5b5b;background-color:#ffffff;height:18px;width:60px;}
.left-input-button{cursor:pointer;background:none;border-style:solid;border-width:0px;}
td.order-contant-text01 .left-input-button,.order-contant-td01 .left-input-button{font-size:18px;color:#ff0000;}
.marquee-t1{width:100%;height:15px;background-color:transparent;font-size:13px;color:#0033ff;}
.marquee-m13{width:98%;background-color:transparent;font-size:13px;color:#267e91;height:110px;}
.marquee-link-m13{background:#f6efe5;font-size:13px;color:#ab2e34;text-decoration:none;line-height:25px;}
.marquee-link-m13 a:link{color:#ab2e34;margin-right:20px;}
.marquee-link-m13 a:hover{color:#c68245;}
.marquee{width:100%;background-color:transparent;height:60px;}
.marquee-link{font-size:13px;color:#333333;text-decoration:none;line-height:18px;}
.right-style-bg{background-color:#ffffff !important;}
.right-menu-link01{font-size:13px;color:#25638f;text-decoration:none;line-height:17px;}
.banner-link{font-size:13px;color:#666666;text-decoration:none;line-height:17px;}
.left-banner-table{border-collapse:collapse;border:none;border-width:0px;width:100%;}
.left-banner-td{height:1px;}
.left-banner-picture{width:155px;height:90px;}
.right-banner-picture{width:150px;height:90px;}
.right-banner-td{height:2px;}
.all-table-width-new{width:100% !important;margin:0 auto;margin-top:1px;}
.main-title{font-size:13px;color:#666;font-weight:normal;}
td.titlelink table tr td table.main-title{font-size:22px;line-height:32px;color:#0021A5;font-family:"微軟正黑體",Arial,sans-serif,"新細明體";margin:25px 0 0-25px;}
.main-table-width{width:100%;}
.main-td-color{padding:5px 5px;display:table;margin:0 auto;width: 1170px;}
.m8-table-bg{position:relative;width:300px;height:234px;background:#f8f8f8;overflow:hidden;}
.m8-table{border-collapse:collapse;border:none;}
.m8-td{position:absolute;top:156px;left:0;border-collapse:collapse;border:none;padding:0 5px 0 6px;width:289px;font-size:13px;line-height:22px;font-family:"新細明體",Arial,sans-serif;font-style:normal;color:#999;}
.m8-picture{position:absolute;top:-156px;left:0;z-index:99;zoom:1;width:300px;height:120px;}
.m8-table-bg a.m8-link{position:absolute;top:-30px;left:6px;width:288px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:15px;line-height:26px;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;color:#00b9cf;text-decoration:none;font-weight:normal;}
.m8-table-bg a:hover.m8-link{color:#93AD00;}
.m8-table-bg .m6-link02 nobr{position:absolute;left:0;top:44px;display:block;width:288px;height:33px;line-height:30px;background:#f8f8f8;font-size:18px;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;color:#ff3d2e;text-align:right;padding:0 6px;border-bottom:1px solid #f1f1f1;}
.m9-table-bg{margin:0;padding:0;}
.m9-scroll{display:block;width:695px;}
span.m9-scroll table tr td.m9-td{width:0;}
.m9-td{background-color:transparent;border-bottom:1px dotted #bfbfbf;padding:10px 0;}
.m9-link,.m9-link p{width:580px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
td.m9-td a.m9-link{padding:0 5px;font-size:17px;color:#4c4c4c;text-decoration:none;line-height:23px;letter-spacing:0px;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;}
.m9-link p,.m9-link i{font-size:13px;font-family:"新細明體",Arial,sans-serif;}
.m9-link p{color:#64A5E2;}
.m9-link i{display:block;color:#f56006;}
.m9-link p i{display:inline-block;}
.m9-td .m6-link02{display:block;width:100px;padding-right:5px;color:#ed0000;font-size:17px;font-family:Arial,"新細明體",sans-serif;}
.m9-table{width:240px;}
.m9-picture{width:112px;height:37px;}
.ms-table-bg{margin-bottom:20px;padding:10px;line-height:30px;}
.ms-td-line-width{width:6px;background-image:url(../../404-1.html);}
.ms-td-line-height{height:21px;background-image:url(../../404-1.html);background-repeat:no-repeat;}
.ms-tr01{font-size:13px;color:#555;letter-spacing:1px;}
.ms-tr01 td{;}
.ms-tr02{font-size:13px;color:#555;letter-spacing:1px;}
.ms-tr02 td{;}
.ms-open-table{border-collapse:collapse;border:solid;border-width:0px;border-color:#b0b0b0;width:100%;}
.ms-open-td{border-collapse:collapse;border:solid;border-width:0px;font-size:13px;border-color:#b0b0b0;background-color:#eeeeee;padding:1px 1px 1px 1px;color:#003366;height:20px;line-height:20px;}
.ms-open-text{font-size:13px;line-height:18px;color:#42597d;text-decoration:none;background-color:#fdf7fa;border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#b0b0b0;padding:1px 1px 1px 1px;}
.ms-input-box{font-size:13px;color:#444444;letter-spacing:1px;height: 22px;}
.ms-input-text{font-size:12px;letter-spacing:1px;}
.ms-input-button{cursor:pointer;background:none;border:none;}
a.ms-input-button table{vertical-align:bottom;display:block;height:21px;line-height:21px;}
.m6-table-bg{position:relative;width:300px;height:185px;}
.m6-picture{position:absolute;z-index:1;top:0;left:0;width:300px;height:185px;}
.m6-table-bg .m6-tr01 a.m6-link{position:absolute;z-index:2;left:12px;top:8px;width:252px;height:22px;line-height:22px;margin:0;padding:0;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:15px;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;text-decoration:none;color:#00b9cf;}
.m6-table-bg .m6-tr01 a:hover.m6-link{color:#aac900;}
.m6-table-bg a.m6-link02{position:absolute;z-index:2;right:12px;bottom:4px;width:252px;height:22px;line-height:22px;font-size:15px;color:#ff3d2e;font-family:Arial,Helvetica,sans-serif;text-decoration:none;}
.m6-tr01{position:absolute;z-index:2;top:115px;left:12px;width:276px;height:60px;background:#fff;}
.m6-tr02{height:30px;}
.m6-table{;}
.m7-table-bg{width:595px;margin-top:15px;}
.m7-link{width:78%;height:30px;line-height:29px;padding:0 10px 0 3px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:13px;color:#777;text-decoration:none;font-family:Arial,"新細明體",sans-serif;}
.m7-table{;}
.m7-tr01{;}
.m7-tr02{;}
tr.m7-tr01 td{border-bottom:1px dotted #bfbfbf;}
.m7-tr01 .m6-link02 nobr{display:block;height:30px;line-height:29px;margin-left:-90px;width:105px;color:#ff3d2e;font-size:13px;font-family:Arial,"新細明體",sans-serif;}
.m10-table-bg{;}
.m10-picture{width:105px;height:110px;margin-right:10px;}
.m10-tr01,.m10-tr02{position:relative;}
.m10-table-bg a.m10-link .t,.m10-table-bg a.m10-link p{color:#f3f3f3;width:155px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.m10-table-bg a:hover.m10-link .t,.m10-table-bg a:hover.m10-link p{color:#d8ff00;}
.m10-link{display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:200px;height:29px;line-height:22px;margin-left:-5px;font-size:13px;font-family:Arial,"新細明體",sans-serif;color:#777;text-decoration:none;}
.m10-table-bg a.m10-link02{position:absolute;left:160px;width:68px;height:29px;line-height:22px;font-size:13px;font-family:Arial,"新細明體",sans-serif;color:#d8ff00;text-decoration:none;}
.go-all-table-width{width:1130px !important;margin:0 auto;}
.go-all-table-width > tbody > tr:nth-child(2) > td > div > table > tbody > tr > td > img{display:none;}
.go-all-table-width > tbody > tr:nth-child(2)> td > div > table > tbody > tr > td{background:none;}
.go-ms-title{font-size:16px;color:#383838;text-decoration:none;line-height:32px;background-color:#ffffff;letter-spacing:1px;}
.go-ms-table-line{width:100%;border:1px solid #eee;}
.go-ms-table-line table{margin:5px;}
.go-search-result-tr{font-size:13px;color:#666;text-decoration:none;font-weight:normal;background-color:#fafafa;padding:10px;}
.go-contant-row{font-size:13px;color:#342f3c;text-decoration:none;line-height:17px;padding:5px 0;}
.go-contant-table{border-collapse:collapse;width:100%;border: 2px solid #ffffff;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.go-contant-td01,.go-contant-td02,go-contant-td04{border-collapse:collapse;font-size:15px;font-family:Microsoft JhengHei,"微軟正黑體",Apple Symbols;background:#fff;color:#303030;line-height:38px;border-bottom: 1px solid #dedee1;border-width:0 0 1px 0;}
.go-contant-td01{padding:10px;}
.go-contant-td02{padding:12px;}
.go-contant-td01{font-size:15px;font-family:Microsoft JhengHei,"微軟正黑體",Apple Symbols;background-color:#FFFFFF;padding:12px;color:#303030;line-height:39px;border: 1px solid #d381df;border-width:0 0 1px 0;padding:10px;}
.go-contant-td02{font-size:15px;font-family:Microsoft JhengHei,"微軟正黑體",Apple Symbols;background-color:#FFFFFF;padding:12px;color:#303030;line-height:39px;border: 1px solid #d381df;border-width:0 0 1px 0;padding:10px;}
.go-contant-td01 a,.go-contant-td02 a,go-contant-td04 a{text-decoration:none;line-height:25px;}
.go-contant-td03{padding:0px;background: #d381df;border-collapse:collapse;font-size:16px;color:#ffffff;height: 50px;line-height:50px;background:linear-gradient(top,#FFFFFF,#f6ecff);background:-moz-linear-gradient(top,#FFFFFF,#f6ecff);background:-ms-linear-gradient(top,#FFFFFF,#f6ecff);font-weight:600;}
input#subBtn{ color:#333; line-height:30px;}
input#resBtn{ color:#333; line-height:30px;}
.go-contant-table-day{border:0 solid #fff;}
table.go-contant-table-day{margin-bottom:10px;}
table.go-contant-table-day img{max-width:1200px !important;}
.go-contant-td04,.go-contant-td05{margin-bottom:15px;margin-top:-5px;border-collapse:collapse;border:1px solid #fff;font-size:15px;background-color:#f9f9f9;padding:1px;color:#555;line-height:26px;letter-spacing:1px;}
.go-contant-td05{margin-bottom:30px;}
.go-contant-td05 table td.go-contant-td05{border:none;text-align:left;}
.go-contant-td05  td{text-align:left;}
span.go-contant-td05{font-size:13px;background:transparent;border:none;color:#515151;}
.go-contant-td06{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#b0b0b0;background-color:#f5eeff;padding:1px 1px 1px 1px;color:#044ed5;height:23px;line-height:23px;letter-spacing:1px;}
span#showold{padding-bottom:20px;display:block;}
.text tr.go-everyday-td01 td,.text tr.go-contant-text02 td{padding:3px 2px;font-size:15px;}
.go-everyday-td01,.go-everyday-td02{padding:8px 2px 8px 5px;background:#f5f5f5;font-size:17px;color:#3e3e3e;line-height:24px;border-bottom:1px solid #FFFFFF;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;font-weight:normal;}
td.go-everyday-td01{padding:5px 2px;font-size:22px;background: #f6bfff;color: #5d5d5d;vertical-align:middle;}
table.go-tour-td-color01 td{padding:3px 0 3px 0;}
td.go-everyday-td02{padding:10px 15px 10px 15px;/* font-weight:bold; */}
form#Form1 table tr td table tr td.go-everyday-td01{font-size:18px;background:#0085cd;color:#fff;text-indent:0;padding:0 8px;width:auto;border:1px solid #fff;}
.go-contant-link01{display:block;font-size:16px;color:#555;text-decoration:none;letter-spacing:1px;display:block;white-space:normal;}
td.go-contant-td01 a.go-contant-link01:hover{color: #958fcd !important;}
td.go-contant-td02 a.go-contant-link01:hover{color: #9690ce !important;}
.go-contant-link02{font-size:13px;line-height:20px;color:#0066ff;text-decoration:none;letter-spacing:1px;}
a:hover.go-contant-link02 img{opacity:0.8;filter:alpha(opacity=80);}
.go-contant-text01{font-size:13px;line-height:22px;color:#42597d;text-decoration:none;letter-spacing:1px;}
.go-contant-text02{font-size:15px;line-height:26px;color:#555;text-decoration:none;background:#fff;letter-spacing:1px;padding:0px;border-bottom:1px dotted #dbdbdb;}
span.go-contant-text02{border:none;}
td.go-contant-text02 table tr td.go-contant-text02{border:none;}
td..go-contant-text02 img{max-width:980px;}
.go-contant-text03{font-size:15px;line-height:22px;color:#ff0000;text-decoration:none;font-weight:bold;letter-spacing:1px;}
.go_detail_fare_desc{border-bottom:5px solid #f9f9f9;}
table.go_detail_fare_desc table{margin:10px;}
.go-contant-money01{font-size:15px;line-height:26px;color:#e81010;text-decoration:none;}
.go-contant-picture{height:150px;width:200px;}
.go-contant-picture01{height:112px;width:145px;}
.go-contant-picture02{height:100px;width:100px;}
.go-td-line-height{background-image:url(/eweb_shallwetravel/images/line_001.gif);height:15px;}
.go-page-link{font-size:14px;color:#990099;text-decoration:none;}
.go-page-link01{font-size:14px;color:#044ed5;text-decoration:none;}
.go-tour-menu-table{border-collapse:collapse;border:none;border-width:0px;border-color:#b0b0b0;width:100%;}
.go-tour-menu-td01{border-collapse:collapse;font-size:14px;background-color:#ffffff;padding:2px 2px 2px 8px;}
.go-tour-menu-td02{border-collapse:collapse;font-size:14px;background-color:#ffffff;padding:2px 8px 2px 2px;}
.go-tour-menu-link01{font-size:14px;color:#363636;text-decoration:underline;letter-spacing:1px;}
.go-tour-menu-text{padding-top:5px;padding-right:8px;font-size:13px;color:#339933;text-decoration:none;}
.go-tour-td-color01,.go-tour-td-color02{background:#ffffff;font-size: 16px;color:#555;text-decoration:none;border:1px dotted #ccc;border-width:0 0 1px 0;line-height: 44px;}
.go-tour-td-color01,.go-tour-td-color02 td{line-height: 21px;padding: 0px;}
.GO-TITLE{margin-bottom:20px;}
.go-main-title{padding:5px;font-size: 24px;color: #191919;text-decoration:none;background:#f7f7f7;line-height: 40px;font-family:"微軟正黑體",Helvetica,Arial,sans-serif;}
.go-contant-table td.travel_enlarge{vertical-align:top;}
.go-contant-table td.travel_enlarge img{margin-right:10px;}
.go-main-subtitle-wrap{margin:30px 0 10px;}
.go-main-subtitle{font-size:18px;color:#3e3e3e;text-decoration:none;font-family:"微軟正黑體",Helvetica,Arial,sans-serif;padding:10px 0;}
.go-main-subtitle img{margin-right:5px;margin-bottom:5px;}
.order-all-table-width{width:1140px;margin: 0px;}
.order-step-title{color:#484848;text-decoration:none;width:100%;}
table.order_contant_table_login td{padding-right:20px;vertical-align:baseline;}
.order-contant-text01{padding-bottom:10px;font-size:14px;line-height:28px;font-style:normal;color:#454545;}
.order-contant-text02{font-size:15px;line-height:28px;font-style:normal;color:#454545;}
.order-contant-title{font-size:21px;}
.order-contant-title:nth-child(1) > td{-size:13px;line-height:40px;color:#000000;font-family:"微軟正黑體",Arial,sans-serif,"新細明體";}
.order-td-color01{background-color:#eee;font-size:14px;color:#281000;text-decoration:none;height:22px;padding: 9px 18px;border-bottom:2px solid #f5f5f5;width:170px;letter-spacing:1px;display:table-cell;vertical-align:middle;text-align: LEFT;}
.order-td-color02{background-color:#f0ffe0;font-size:14px;color:#454545;text-decoration:none;line-height:30px;}
.order-input-box{font-size:14px;color:#666666;background-color:#ffffff;line-height:22px;border:1px solid #B3B3B3;font-family:inherit;margin:5px;}
.order-input-box02{background-color:#ffffff;font-size:14px;list-style-type:disc;color:#333333;border:1px solid #7E7E7E;}
.order-input-text{font-size:14px;padding:5px;}
.order-input-text01{font-size:14px;color:#666666;padding: 6px 12px;/* height: 25px; */}
.order-input-text01 td{font-size:14px;line-height:24px;}
.order-input-text01 td input{vertical-align:middle;}
.order-input-button{cursor:pointer;background:none;border-style:solid;border-width:0px;}
.tkt-order-input-button{cursor:pointer;background:none;border-style:solid;border-width:0px;}
.pg-order-input-button{cursor:pointer;cursor:hand;background:none;border-style:solid;border-width:0px;}
.htl-order-input-button{cursor:pointer;background:none;border-style:solid;border-width:0px;}
.order-td-line-height{background-image:url(/eweb_shallwetravel/images/line_001.gif);height:15px;}
.order-contant-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#ffffff;width:100%;margin:10 auto;}
.order-contant-td01{border-collapse:collapse;border-bottom:solid 0px #B4B4B4;font-size:15px;padding:5px;color:#454545;height:35px;line-height:30px;margin:0px 5px;}
.order-contant-td02{padding:5px;background-color:#ffffff;border:solid 1px #B4B4B4;font-size:15px;color:#454545;height:35px;line-height:30px;}
.order-contant-td03{padding:5px;border-collapse:collapse;border:solid 1px #B4B4B4;font-size:15px;background:#E8E8E8;color:#454545;height:35px;line-height:30px;}
.order-contant-td03 input{;}
.order-contant-td03 input.btn07{height:35px !important;width:105px !important;}
.order-contant-td04{padding:5px;border-collapse:collapse;border:solid 1px #B4B4B4;font-size:15px;background:#F5F5F5;color:#454545;height:35px;line-height:30px;}
.tkt-order-contant-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#bec5cf;width:100%;}
.tkt-order-contant-td01{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#bec5cf;background-color:#dfffe8;padding:1px 1px 1px 1px;color:#003399;height:20px;line-height:20px;}
.tkt-order-contant-td02{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#bec5cf;background-color:#ffffff;padding:1px 1px 1px 1px;color:#666666;height:25px;line-height:20px;}
.pg-order-contant-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#bec5cf;width:100%;}
.pg-order-contant-td01{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#bec5cf;background-color:#f9ffe1;padding:1px 1px 1px 1px;color:#003399;height:20px;line-height:20px;}
.pg-order-contant-td02{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#bec5cf;background-color:#ffffff;padding:1px 1px 1px 1px;color:#666666;height:25px;line-height:20px;}
.order-contant-money01{font-size:18px;line-height:26px;color:#ff0000;text-decoration:none;font-weight:normal;}
.order-contant-money02{font-size:15px;line-height:26px;color:#0000ff;text-decoration:none;}
.date-search-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#ffffff;width:215px;}
.date-search-tr-color{background-color:#dededc;color:#000000;line-height:18px;font-size:13px;}
.date-search-td01{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color: #ffd0d0 !important;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;}
.date-search-td02{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color: #ddffaa !important;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;}
.date-search-td03{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color: #eee8ee !important;padding:1px 1px 1px 1px;color:#807593;line-height:18px;}
.date-search-td04{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color: #ddf0ff !important;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;}
.htl-date-search-td01{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color:#cdcdcd;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;}
.htl-date-search-td02{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color:#ddffaa;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;}
.htl-date-search-td03{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color:#fefefe;padding:1px 1px 1px 1px;color:#807593;line-height:18px;}
.htl-date-search-td04{border-collapse:collapse;border:solid;border-width:0px 1px 1px 0px;font-size:13px;border-color:#cccccc;background-color:#f9f7f0;padding:0px 1px 0px 0px;color:#664500;line-height:15px;font-family:"arial","helvetica","sans-serif";text-align:center;}
.member-all-table-width{width:1200px;margin:0 auto;}
a.member-title{font-size:18px;vertical-align:baseline;}
table#show01{margin-top:10px;width:100%;text-align:  center;}
td.member-title{;}
.member-title{font-size:24px;color: #4d3b47;font-family:"微軟正黑體","arial","helvetica","sans-serif";text-decoration:none;font-weight:normal;width:100%;padding:20px;text-align:center;/* display: none; */font-size: 0px;}
.member-contant-text01{font-size:14px;color:#666;line-height:26px;}
.member-contant-text02{font-size:15px;color:#4268b6;line-height:26px;font-weight:normal;}
.member-input-box{background:#ffffff;font-size:15px;list-style-type:disc;color:#333333;border:1px solid #BBBBBB;font-weight:normal;}
.member-input-text,.member-contant-title{font-size:15px;background:#F2F2F2;padding:10px 0px 10px 20px;}
.member-input-text td{padding:5px 0 5px 0px;}
.member-input-text a.member-input-link{color:#666;}
.member-input-text a:hover.member-input-link{color:#0085cd;}
.member-input-link{padding:5px;margin-left:15px;display:inline-block;font-size:13px;color:#996B3A;}
.member-input-button{margin:10px 0;cursor:pointer;background:none;border-style:solid;border-width:0px;}
.member-input-button02{background-color: #4268b6;border: 1px solid #4268b6;font-size:15px;width:40px;letter-spacing:2px;color:#fff;}
a:link.forget_pw{background-color:#E2E2E2;border:1px solid #ffffff;font-size:13px;letter-spacing:2px;color:#fff;padding:3px;}
a:hover.forget_pw{background:#e8e8e8;color:#5d5d5d;}
.member-td-line-height{background-image:url(/eweb_shallwetravel/images/line_001.gif);height:15px;}
.member-contant-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#ffffff;width:100%;}
.member-contant-td01{border-collapse:collapse;border:1px solid #f6efe5;font-size:15px;padding:5px;color:#545454;height:26px;line-height:26px;background-color:#fff;}
.member-contant-td02{padding:5px;border-collapse:collapse;font-size:15px;border:1px solid #e6e6e6;color:#454545;height:26px;line-height:26px;background-color:#fff;}
.member-contant-td02 td{vertical-align:inherit;}
.member-contant-td03{line-height:26px;padding:3px;font-family:"微軟正黑體",Arial,sans-serif,"新細明體";font-size:16px;color:#333;border-collapse:collapse;border:1px solid #e6e6e6;background-color:#eee;}
.member-contant-money01{border-collapse:collapse;border:1px solid #f6efe5;padding:5px;height:26px;background-color:#ffffff;font-size:15px;line-height:20px;color:#ec0000;text-decoration:none;font-weight:bold;}
.member-contant-money02{border-collapse:collapse;border:solid;border-width:1px;border-color:#ccc4e1;padding:3px 3px 3px 3px;height:25px;background-color:#fcfbff;font-size:13px;line-height:20px;color:#009933;text-decoration:none;}
table#show00 > tbody > tr:nth-child(1) > td{background:none;padding:0;}
table#show00 > tbody > tr:nth-child(2)> td > table > tbody > tr:nth-child(1)> td{background:none;padding:0;}
.member-order-list{width:100%;margin:0 0 10px;padding:0;border-collapse:collapse;border:#e6e6e6 1px solid;background:#fff;font-size:13px;text-align:left;}
.member-order-list tr:hover{background:#f9f9f9;}
.member-order-list th{white-space:nowrap;border-collapse:collapse;padding:5px 8px;height:24px;line-height:24px;border:#fff 1px solid;background:#e9f6fc;color:#617492;font-weight:bold;text-align:center;font-size:13px;}
.member-order-list td{border-collapse:collapse;padding:5px 8px;color:#454545;line-height:20px;border-bottom:#eee 1px solid;font-size:13px;}
.member-order-list h3{height:24px;padding:2px 5px;line-height:24px;background:#eee;color:#454545;font-size:15px;font-weight:bold;text-align:left;}
.member-order-filter{margin:8px 0 3px;font-size:13px;}
.member-order-page{background:#f3f3f3;height:30px;text-align:center;}
.member-order-page td{padding:5px 0 1px;}
.member-contant-text01 ul,.member-contant-text01 li{list-style:disc;text-align:left;margin-left:20px;}
.member-order-wrap{clear:both;border:#e9f6fc 8px solid;padding:10px;margin:5px auto 10px;background:#fff;}
.member-order-detail{width:100%;margin:0 0 10px;padding:0;border-collapse:collapse;font-size:15px;}
.member-order-detail tr:hover{background:#f9f9f9;}
.member-order-detail td{border-collapse:collapse;padding:6px 8px 3px;color:#454545;line-height:20px;font-size:15px;}
.member-order-bg01{padding:5px 8px;height:30px;line-height:30px;background:#fffde6;font-weight:bold;}
.member-order-bg02{padding:5px 8px;height:30px;line-height:30px;background:#e7f3ff;}
.member-order-text01{color:#F00;font-size:15px;letter-spacing:1px;}
.member-order-text02{color:#003da1;font-weight:bold;letter-spacing:1px;}
.member-order-text03{font-size:15px;}
.member-order-btn-wrap{width:100%;margin:20px auto 5px;padding:0;list-style:none;}
.member-order-btn-wrap li{list-style:none;}
.member-order-btn-wrap .col_left{float:left;}
.member-order-btn-wrap .col_right{float:right;text-align:right;}
.member-order-btn-wrap a{display:inline-block;margin:2px 5px;}
.member-order-btn-wrap a:hover{opacity:0.7;filter:alpha(opacity=70);}
.btn_back{display:inline-block;outline:none;cursor:pointer;text-align:center;text-decoration:none;margin:0 .1em;padding:.8em 1.4em;text-shadow:0 1px 1px rgba(0,0,0,.3);background:#e4e4e4;background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#e4e4e4));background:-webkit-linear-gradient(top,#fefefe,#e4e4e4);background:-moz-linear-gradient(top,#fefefe,#e4e4e4);background:-ms-linear-gradient(top,#fefefe,#e4e4e4);background:-o-linear-gradient(top,#fefefe,#e4e4e4);background-image:-ms-linear-gradient(top,#fefefe 0%,#e4e4e4 100%);color:#3a3a3a;font-size:13px;border:#b3b3b3 1px solid;}
.btn_back:hover{color:#f6f6f6;background:#999;}
.btn_search{display:inline-block;outline:none;cursor:pointer;text-align:center;text-decoration:none;margin:0 .1em;padding:.3em 1.2em;text-shadow:0 1px 1px rgba(0,0,0,.3);background:#3395CD;background:-webkit-gradient(linear,left top,left bottom,from(#85C1E8),to(#3395CD));background:-webkit-linear-gradient(top,#85C1E8,#3395CD);background:-moz-linear-gradient(top,#85C1E8,#3395CD);background:-ms-linear-gradient(top,#85C1E8,#3395CD);background:-o-linear-gradient(top,#85C1E8,#3395CD);background-image:-ms-linear-gradient(top,#85C1E8 0%,#3395CD 100%);color:#ffffff;font-size:13px;}
.btn_search:hover{color:#fff;background:#1ba2d4;}
/*新公版end*/
/*=======================================================*/
/*======================== GDT ==========================*/
/*=======================================================*/
.GDT .breadcrumb {margin: 130px 0 0;}
@media (max-width: 767px){
  .GDT .nav-tabs > li {width: 25%; padding: 5px; text-align: center; display: none;}
  .GDT .merge_sequence {display: table;}
}
.GDT .merge_search {width: 100%; display: table; padding: 0 20px; background:rgba(0,0,0,0.6);}
/* 搜尋引擎標題-可依各家喜好更換 */
.GDT .merge_search h4 {color: #FFF; line-height: 50px; margin: 0 0 0 15px;}
.GDT .merge_search h4::before {content: '旅遊快速查詢';}
.GDT .merge_search select::-ms-expand{display: none;}
/* 搜尋引擎欄位標題-共用 */
.GDT .merge_search ul {display: table; width: 100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:15px 0 0;}
.GDT .merge_search ul li {float: left;}
.GDT .merge_search ul li label {float: left; text-align: right; color: #FFF; margin: 0; line-height: 34px; font-weight: 400; position: relative;}
.GDT .merge_search ul li label i {color: #F00; font-weight: 600; font-size: 13px; margin: 0 3px 0 0; position: absolute; left: -15px; top: 11px;}
@media (max-width: 767px) {
  .GDT .merge_search ul li label {width: 100%; text-align: left; position: relative;}
  .GDT .merge_search ul li label i {left: -5%;}
}
/* 出發地 */
.GDT .merge_search ul li.merge_search_departure .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.GDT .merge_search ul li.merge_search_departure .merge_search_select:nth-child(2) {width: 71.5%;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_departure .merge_search_select:nth-child(2) {width: 100%; margin: 0 0 10px 0;}
}
/* 目的地 */
.GDT .merge_search ul li.merge_search_destination .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.GDT .merge_search ul li.merge_search_destination .merge_search_select:nth-child(2) {width: 71.5%;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_destination .merge_search_select:nth-child(2) {width: 100%; margin: 0 0 10px 0;}
}
/* 出團日期 */
.GDT .merge_search ul li.merge_search_date .input-group-addon {display: inherit; position: absolute; border-radius: 4px;}
.GDT .merge_search ul li.merge_search_date .input-group-btn {display: inherit;}
.GDT .merge_search ul li.merge_search_date .input-group .form-control {display: inherit;}
.GDT .merge_search ul li.merge_search_date .form_date {float: left; width: 40.6%; margin: 0 0 15px 15px;}
.GDT .merge_search ul li.merge_search_date .merge_search_input_date {line-height: 22px; appearance: none; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_helpday.png) #FFF no-repeat 99% center;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_date .form_date {width: 100%; margin: 0 0 10px 0;}
}
/* 旅遊天數 */
.GDT .merge_search ul li.merge_search_days .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 每人預算 */
.GDT .merge_search ul li.merge_search_budget .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 銷售特色 */
.GDT .merge_search ul li.merge_search_features .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 交通工具 */
.GDT .merge_search ul li.merge_search_traffic .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 線別 */
.GDT .merge_search ul li.merge_search_linetype .merge_search_select {float: left; width: 77%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 系列別 */
.GDT .merge_search ul li.merge_search_series .merge_search_select {float: left; width: 71.5%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 團體類別 */
.GDT .merge_search ul li.merge_search_groupcategory .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_days,
  .GDT .merge_search ul li.merge_search_budget,
  .GDT .merge_search ul li.merge_search_features,
  .GDT .merge_search ul li.merge_search_traffic,
  .GDT .merge_search ul li.merge_search_linetype,
  .GDT .merge_search ul li.merge_search_series,
  .GDT .merge_search ul li.merge_search_groupcategory {display: none;}
}

input[type=checkbox].css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
input[type=checkbox].css-checkbox + label.css-label {padding-left: 28px; height: 22px; font-weight: 100; display: inline-block; line-height: 22px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; margin-right: 25px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -48px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
label.css-label {background-image: url(/eweb_design/images/grey.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* 產品快搜 */
.GDT .merge_search ul li.merge_search_keyword .merge_search_input {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_keyword .merge_search_input {width: 100%; margin: 0 0 10px 0;}
}
/* 搜尋引擎按鈕 預設置右，可透過 text-align 的其他參數調整 */
.GDT .merge_search .merge_search_btn {margin:15px 0px; text-align: right;}
.GDT .merge_search .merge_search_btn a i {margin-right: 5px;}
.GDT .merge_search .merge_search_btn a:nth-child(1) {padding: 6px 42px;}

.GDT .nav-tabs > li:nth-last-child(1) {padding: 0 0 10px;}

/****** 個團列表 GroupList ******/
/** 個團列表 START **/
/*出發日期*/
.GDT.GroupList .skin_list .products .product_title > div.product_date {width: 8%;}
/*產品名稱*/
.GDT.GroupList .skin_list .products .product_title > div.product_name {width: 50%;}
/*天數*/
.GDT.GroupList .skin_list .products .product_title > div.product_days {width: 8%;}
/*出發地*/
.GDT.GroupList .skin_list .products .product_title > div.product_departure {width: 12%;}
/*售價*/
.GDT.GroupList .skin_list .products .product_title > div.product_price {width: 12%;}
/*總人數*/
.GDT.GroupList .skin_list .products .product_title > div.product_total {width: 6%;}
/*可售*/
.GDT.GroupList .skin_list .products .product_title > div.product_available {width: 6%;}
/*報名*/
.GDT.GroupList .skin_list .products .product_title > div.product_btn {width: 10%; border: none;}
/*促銷*/
.GDT.GroupList .skin_list .products .product_title > div.product_remarks {width: 10%; border: none;}
.GDT.GroupList .skin_list .products .product {border-bottom: 1px solid #e1e1e1;}
.GDT.GroupList .skin_list .products .product_item .thumbnail {border: none;}
.GDT.GroupList .skin_list .products .product_item:nth-last-child(1) {border-bottom: none;}
/*產品內文大框架*/
.GDT.GroupList .skin_list .product_item {position: inherit !important;}
/* 列表內文 */
.GDT.GroupList .skin_list .product_item .thumbnail {display: table; width: 100%; border-radius: 0; margin: 0; padding: 0; position: relative;}
.GDT.GroupList .skin_list .product_item:nth-child(odd) .thumbnail {background: #f9f8f8;}
.GDT.GroupList .skin_list .product_item .thumbnail:hover {background:#f5f4f4;}
.GDT.GroupList .skin_list .product_item .thumbnail > div {display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0;}
@media (max-width: 767px) {
  .GDT.GroupList .skin_list .product_item .thumbnail > div {padding: 10px;}
}
/*圖片*/
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: none;}
@media (max-width: 767px) {
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: table; margin: 0;}
}
/*出發日期*/
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_date {width: 8%;}
/*產品名稱*/
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_name {width: 50%; text-align: left; padding-left: 10px; padding-right: 45px;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 0 5px 0 0;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 70%; color: #F00; font-size: 14px;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #666; font-size: 14px;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {width: 100%; margin: 0;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag span {margin: 5px 5px 0 0;}
@media (max-width: 767px) {
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: right;}
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {left:0; right: 0; padding: 10px;}
}
/*分享*/
.GDT.GroupList .skin_list .product_item .thumbnail > .product_sharer {display: table; text-align: left; padding: 0px; position: absolute; z-index: 10; bottom: 6px; left: 55%;}
.GDT.GroupList .skin_list .product_item .thumbnail > .product_sharer > li { margin-right: 5px !important;display: inline-block; vertical-align: middle !important;}
.GDT.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.GDT.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GDT.GroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_days {width: 8%;}
/*出發地*/
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_departure {width: 12%;}
/*售價*/
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_price {width: 12%; text-align: right; padding-right: 10px;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right; float: right; color: #333;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;}
/*總人數*/
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_total {width: 6%;}
/*可售*/
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_available {width: 6%;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: none;}
/*報名*/
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_btn {width: 10%; padding: 10px; font-size: 12px; color: #999;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_btn a {display: block; font-size: 14px; color: #fff;}
.GDT.GroupList .skin_list .product_item .thumbnail > div.product_btn h6 {margin: 0 0 5px 0;}
/* 圖片模式 */
.GDT.GroupList .skin_module {margin: 20px 0;}
.GDT.GroupList .skin_module .products {padding: 0 5px;}
.GDT.GroupList .skin_module .products .product_title {display: none;}
.GDT.GroupList .skin_module .products .item {width: 25%; padding: 0 10px; float: left;}
.GDT.GroupList .skin_module .products .item .thumbnail {position: relative; display: inline-block;}
/*圖片*/
.GDT.GroupList .skin_module .products .item .thumbnail .product_img {}
.GDT.GroupList .skin_module .products .item .thumbnail .product_img img {display: block; margin-bottom: 0px; width: 100%; height: 200px;}
/*出發日期*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_date:before {content: '出發日期：';}
/*產品名稱*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify; padding: 30px 5px 5px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px; padding: 5px 5px 7px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_name a span.product_num {display: none; width: 25%; color: #999; font-size: 13px; float: inherit;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px;}
/*分享*/
.GDT.GroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 0 10px; left: 0; right: 0; bottom: 55px; position: relative; top: 0px;}
.GDT.GroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GDT.GroupList .skin_module .products .item .thumbnail > .product_sharer > div a {display: block;}
.GDT.GroupList .skin_module .products .item .thumbnail > .product_sharer > div a img {width: 20px;}
.GDT.GroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_days {float: left; width: 100%; padding: 5px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發地*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_departure {float: left; width: 100%; padding: 5px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_departure:before {content: '出發地：';}
/*個團代碼*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_num {float: left; width: 100%; padding: 5px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_num:before {content: '個團團號：';}
/*航班*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_info {float: left; width: 33.33%; padding: 5px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_info a {cursor: pointer;}
/*售價*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_price {position: absolute; right: 0; bottom: 100px; padding-right: 15px; width: 100%;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_price span  strong{color: #F00; font-size: 20px; font-weight: bold;}
/*機位*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_total {float: left; width: 33.33%; padding: 5px;}
/*可售*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_available {float: left; width: 100%; padding: 5px 5px 10px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_available span.num-title::after {content:'：';}
/*報名*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_btn {text-align: center; margin: 50px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-info,
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-danger {cursor: not-allowed;}
/*促銷*/
.GDT.GroupList .skin_module .products .item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 5px;}
@media (max-width: 767px) {
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_date,
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_days,
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_name,
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_departure,
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_available {width: 100%; text-align: left; padding: 10px 10px 0;}
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {margin: 0;}
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_price {width: 100%; padding: 10px 10px 0;}
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;}
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_btn {width: 100%;}
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {top: -20px;}
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_departure {font-size: 16px;}
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_departure:before {content: '出發地：';}
  .GDT.GroupList .skin_list .product_item .thumbnail > div.product_sharer {width: auto; top: 290px; right: 5%; left: inherit;}

  .GDT.GroupList .skin_module .products .item {width: 100%; text-align: left; padding: 10px 10px 0;}
  .GDT.GroupList .skin_module .products .item .thumbnail .product_img img {height: initial;}
  .GDT.GroupList .skin_module .products .item .thumbnail > div.product_name a {position: initial;}
  .GDT.GroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {width: initial;}
  .GDT.GroupList .skin_module .products .item .thumbnail > .product_sharer {margin: 0;}
}
/** 個團列表 END **/

/****** 團型列表 MGroupList ******/
/** 團型列表 START **/
/*出發日期*/
.GDT.MGroupList .skin_list .products .product_title > div.product_date {width: 8%; display: none;}
/*產品名稱*/
.GDT.MGroupList .skin_list .products .product_title > div.product_name {width: 55%;}
/*天數*/
.GDT.MGroupList .skin_list .products .product_title > div.product_days {width: 6%;}
/*出發地*/
.GDT.MGroupList .skin_list .products .product_title > div.product_departure {width: 12%;}
/*售價*/
.GDT.MGroupList .skin_list .products .product_title > div.product_price {width: 13%; border-right: 1px solid #e1e1e1;}
/*可售*/
.GDT.MGroupList .skin_list .products .product_title > div.product_available {width: 5%;}
/*報名*/
.GDT.MGroupList .skin_list .products .product_title > div.product_btn {width: 9%; border: none;}
/*促銷*/
.GDT.MGroupList .skin_list .products .product_title > div.product_remarks {width: 10%; border: none;}
.GDT.MGroupList .skin_list .products .product {border-bottom: 1px solid #e1e1e1;}
.GDT.MGroupList .skin_list .products .product_item .thumbnail {border: none;}
.GDT.MGroupList .skin_list .products .product_item:nth-last-child(1) {border-bottom: none;}
/*產品內文大框架*/
.GDT.MGroupList .skin_list .product_item {position: inherit !important;}
/* 列表內文 */
.GDT.MGroupList .skin_list .product_item .thumbnail {display: table; width: 100%; border-radius: 0; margin: 0; padding: 0; position: relative;}
.GDT.MGroupList .skin_list .product_item:nth-child(odd) .thumbnail {background: #f9f8f8;}
.GDT.MGroupList .skin_list .product_item .thumbnail:hover {background:#f5f4f4;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div {display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0;}
@media (max-width: 767px) {
  .GDT.MGroupList .skin_list .product_item .thumbnail > div {padding: 10px;}
}
/*圖片*/
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_img img {display: none;}
@media (max-width: 767px) {
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_img img {display: table; margin: 0;}
}
/*出發日期*/
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_date {width: 8%; display: none;}
/*產品名稱*/
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name {width: 55%; text-align: left; padding-left: 10px; padding-right: 45px;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 0 5px 0 0;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 70%; color: #F00; font-size: 14px;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #666; font-size: 14px; margin: 0;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {width: 100%; margin: 0;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag span {margin: 5px 5px 0 0;}
@media (max-width: 767px) {
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name a span {float: right;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {left:0; right: 0; padding: 10px;}
}
/*其他出團日期*/
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name > .product_date {width: 100%; position: relative; padding-left: 10%;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name > .product_date::before {content: '出團日：'; font-size: 14px; color: #F00; position: absolute; left: 0;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name > .product_date a {font-size: 14px; color: #F00; display: inline-block; padding: 0 5px 5px;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name > .product_date a.more {color: #fff; background-color: #f0ad4e; border-color: #eea236; padding: .2em .6em .3em;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name > .product_date a.more:hover {background-color: #ec971f; border-color: #d58512;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name > .product_date a.more span {float: none; margin: 0;}
/*分享*/
.GDT.MGroupList .skin_list .product_item .thumbnail > .product_sharer {display: table; text-align: left; padding: 0px; position: absolute; z-index: 10; bottom: 6px; left: 55%;}
.GDT.MGroupList .skin_list .product_item .thumbnail > .product_sharer > li { margin-right: 5px !important;display: inline-block; vertical-align: middle !important;}
.GDT.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.GDT.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GDT.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_days {width: 6%;}
/*出發地*/
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_departure {width: 12%;}
/*售價*/
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_price {width: 13%; text-align: right; padding-right: 10px;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right; float: right; color: #333;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;}
/*可售*/
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_available {width: 5%;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: none;}
/*報名*/
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_btn {width: 9%; padding: 10px; font-size: 12px; color: #999;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_btn a {display: block; font-size: 14px; color: #fff;}
.GDT.MGroupList .skin_list .product_item .thumbnail > div.product_btn h6 {margin: 0 0 5px 0;}
/* 圖片模式 */
.GDT.MGroupList .skin_module {margin: 20px 0;}
.GDT.MGroupList .skin_module .products {padding: 0 5px;}
.GDT.MGroupList .skin_module .products .product_title {display: none;}
.GDT.MGroupList .skin_module .products .item {width: 25%; padding: 0 10px; float: left;}
.GDT.MGroupList .skin_module .products .item .thumbnail {position: relative; display: inline-block;}
/*圖片*/
.GDT.MGroupList .skin_module .products .item .thumbnail .product_img {}
.GDT.MGroupList .skin_module .products .item .thumbnail .product_img img {display: block; margin-bottom: 0px; width: 100%; height: 200px;}
/*產品名稱*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify; padding: 30px 5px 5px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name a span.product_num {display: none; width: 25%; color: #999; font-size: 13px; float: inherit;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px;}
/*其他出團日期*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name > .product_date {}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name > .product_date {width: 100%; position: relative; padding: 0;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name > .product_date::before {content: '出團日：'; font-size: 14px; color: #F00; width: 100%; display: block; padding: 5px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name > .product_date a {font-size: 14px; color: #F00; display: inline-block; padding: 0 5px 10px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name > .product_date a.more {color: #fff; background-color: #f0ad4e; border-color: #eea236; padding: .2em .6em .3em; float: right;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name > .product_date a.more:hover {background-color: #ec971f; border-color: #d58512;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name > .product_date a.more span {float: none; margin: 0;}
/*分享*/
.GDT.MGroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 0 10px; left: 0; right: 0; bottom: 55px; position: relative; top: 0px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GDT.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div a {display: block;}
.GDT.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div a img {width: 20px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_days {float: left; width: 100%; padding: 5px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發地*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_departure {float: left; width: 100%; padding: 5px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_departure:before {content: '出發地：';}
/*出發日期*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_date:before {content: '出發日期：'; display: initial;}
/*個團代碼*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_num {float: left; width: 100%; padding: 5px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_num:before {content: '個團團號：';}
/*航班*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_info {float: left; width: 33.33%; padding: 5px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_info a {cursor: pointer;}
/*售價*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_price {position: absolute; right: 15px; bottom: 100px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_price span  strong{color: #F00; font-size: 20px; font-weight: bold;}
/*機位*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_total {float: left; width: 33.33%; padding: 5px;}
/*可售*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_available {float: left; width: 33.33%; padding: 5px 5px 10px;}
/*報名*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_btn {text-align: center; margin: 50px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-info,
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-danger {cursor: not-allowed;}
/*促銷*/
.GDT.MGroupList .skin_module .products .item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 5px;}
@media (max-width: 767px) {
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_date,
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_days,
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name,
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_departure,
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_available {width: 100%; text-align: left; padding: 10px 10px 0; line-height: initial;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_price {width: 100%; padding: 10px 10px 0; bottom: 100px;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_btn {width: 100%;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {top: -20px;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_departure {width: 100%; font-size: 16px; text-align: left;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_departure:before {content: '出發地：';}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_sharer {width: auto; top: 290px; right: 5%; left: inherit;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name > .product_date {width: 100%; padding: 0;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name > .product_date::before {position: initial; width: 100%; display: block; padding: 10px 0;}
  .GDT.MGroupList .skin_list .product_item .thumbnail > div.product_name > .product_date a {padding: 0 10px 10px 0;}

  .GDT.MGroupList .skin_module .products .item {width: 100%;}
  .GDT.MGroupList .skin_module .products .item .thumbnail .product_img {padding: 10px;}
  .GDT.MGroupList .skin_module .products .item .thumbnail .product_img img {height: initial;}
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_date,
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_days,
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name,
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_departure,
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_available {width: 100%; text-align: left; padding: 10px 10px 0; line-height: initial; display: inline-block;}
  .GDT.MGroupList .skin_module .products .item .thumbnail > .product_sharer {width: auto; top: 285px; right: 5%; left: inherit; position: absolute; padding: 0;}
}
/** 團型列表 END **/

/** 團型明細 START **/
.GDT.container.Type .breadcrumb {margin: 15px 0;}
.GDT.container.Type {background: rgba(255,255,255,.8); margin-top: -155px; z-index: 998; position: relative;}
.GDT.container.Type > .row {margin: 0;}
.GDT.container.Type > .row .navbar-default #cart {margin: 0 -15px;}
.GDT.container.Type > .row .navbar-default #cart #myNavbar .navbar-other li a.btn-floating i {font: normal normal normal 18px/1.7 FontAwesome;}
.GDT.container.Type > .row .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {height: 34px; line-height: 34px; padding: 0 16px;}
.GDT.container.Type > .row .product_types div:nth-child(2).discount_plan {margin: 5px 0 20px; font-size: 14px; color: #333;}
.GDT.container.Type > .row .product_types .product_basic_info {margin-bottom: 0;}
.GDT.container.Type > .row .product_types .product_basic_info {margin-bottom: 0;}
.GDT.container.Type > .row .product_types .product_basic_info ul {}
.GDT.container.Type > .row .product_types .product_basic_info ul li {line-height: 22px; margin-bottom: 15px;}
.GDT.container.Type > .row .product_types .product_basic_info ul li.sign_up_group {position: absolute; width: 100%;}
/*.GDT.container.Type > .row .product_types .product_basic_info ul li > span {width: 100%; display: table;}*/
.GDT.container.Type > .row .product_types .product_basic_info ul li.basic_info_title {width: 10%;}
.GDT.container.Type > .row .product_types .product_basic_info ul li:nth-child(even) {width: 90%;}
/*.GDT.container.Type > .row .product_types .product_basic_info ul li:nth-child(even).price_content {width: inherit;}*/
/** 價格表 **/
.GDT.container.Type > .row .product_types .PriceList {width: 100%; display: table; padding: 20px 0px;}
.GDT.container.Type > .row .product_types .PriceList > h4 i {margin-right: 5px;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box .pricelist_title {background-color: #f7efe3;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1; position: relative; margin: 0; align-items: center!important; display: flex!important;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li {float: left; width: 16.66666667%; text-align: center; padding: 10px; font-size: 14px;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li:first-child {width: 10%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_1 {width: 90%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_2 {width: 45%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_3 {width: 30%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_4 {width: 22.5%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_5 {width: 18%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_6 {width: 15%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_7 {width: 12.8571%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_8 {width: 11.25%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_9 {width: 10%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li.bedTp_10 {width: 9%;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box ul li > span {width: 100%; display: table;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box .pricelist_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.GDT.container.Type > .row .product_types .table-responsive {border: 1px solid #e1e1e1;}
.GDT.container.Type > .row .product_types .PriceList {display: block;}
.GDT.container.Type > .row .product_types .PriceList .pricelist_box {width: 800px; border: none; margin-top: 0;}
}
/*售價及出團日*/
.GDT.container.Type > .row .product_types .DepartureDay {width: 100%; display: table; padding: 20px 0px;}
.GDT.container.Type > .row .product_types .DepartureDay > h4 i {margin-right: 5px;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content {width: 100%; margin-top: 10px; margin-bottom: 50px;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content .state_indication {text-align: right;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content .state_indication span {margin-left: 5px; white-space: nowrap;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content .state_indication span.text-muted {text-decoration: line-through;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content .state_indication span i {margin-right: 5px;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW {width: 100%; border: 1px solid #d2d4d5;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content {display: table; width:100%; background: #f7efe3; border-bottom: 1px solid #d2d4d5;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {display:inline-block; padding: 6px 12px; width: 15%; line-height: 35px; text-align: center;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 85%;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal {position: relative; margin: 0; border-bottom: 1px solid #d2d4d5; align-items: center!important; display: flex!important;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-child(odd) {background: #f9f8f8;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-last-child(1) {border-bottom: none;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 20%; text-align: center; display: table;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span {width: 100%; display: table;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span:nth-child(2) {color: #999;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd {width: 80%; margin-left: 0%; border-bottom: 1px solid #d2d4d5; border-left: 1px solid #d2d4d5;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {border-bottom: none;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd h5 {display: inline-block; width: 25%; text-align: center;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul {display: inline-block; /*width: 74%;*/ vertical-align: middle; padding: 10px; /*border-left: 1px solid #d2d4d5;*/}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {display: inline-block; padding: 5px;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a {color: #222; border-bottom: 1px solid #222;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-muted {color: #777; border-bottom: none; text-decoration: line-through;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-danger {color: #a94442; border-bottom: 1px solid #a94442;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:after {content:'、';}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:last-child:after {content:' ';}
@media (max-width: 767px) {
.GDT.container.Type > .row .product_types .DepartureDay {display: block;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content .state_indication {text-align: left;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {width: 30%;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 70%;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW {width: 550px; border: none; margin-top: 0;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 30%; position: absolute;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {margin-left: 30%;}
.GDT.container.Type > .row .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {padding: 5px 0 5px 5px;}
}
/*交通安排*/
.GDT.container.Type .product_types .TrafficArrangements {width: 100%; display: table; padding: 120px 10px 10px;}
.GDT.container.Type .product_types .TrafficArrangements > h4 {margin: 20px 0 0;}
.GDT.container.Type .product_types .TrafficArrangements > h4:nth-child(1) {margin: 0;}
.GDT.container.Type .product_types .TrafficArrangements > h4 i {margin-right: 5px;}
.GDT.container.Type .product_types .TrafficArrangements > h4 span {font-size: 14px; margin-left: 15px;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box .traffic_title {background-color: #f7efe3;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li {float: left; width: 15%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(1) {width: 10%; text-align: center;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.GDT.container.Type .product_types .TrafficArrangements .traffic_box {border: 1px solid #e1e1e1;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box .traffic_title {display: none;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(odd) {width: 40%;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(even) {width: 60%;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(2):before {content:'去/回程：';}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(3):before {content:'交通工具：';}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(4):before {content:'出發地：'; width: initial; display: initial;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(5):before {content:'出發時間：'; width: initial; display: initial;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(6):before {content:'目的地：'; width: initial; display: initial;}
.GDT.container.Type .product_types .TrafficArrangements .traffic_box ul li:nth-child(7):before {content:'抵達時間：'; width: initial; display: initial;}
}
/*其他上車地點*/
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box .boarding_title {background-color: #f7efe3;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul {width: 100%; border-bottom: 1px solid #e1e1e1; display: flex; justify-content: center; align-items: center; }
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li {float: left; width: 10%;line-height:25px; text-align: center; padding: 6px 10px; font-size: 14px;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(2) {width: 15%; text-align: center;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(5) {width: 15%; text-align: center;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-last-child(1) {width: 30%; text-align: center;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box .boarding_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box {border: 1px solid #e1e1e1;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box .boarding_title {display: none;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(odd) {width: 40%;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(even) {width: 60%;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box .boarding_content:nth-child(odd) {background: #f9f8f8;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(2):before {content:'去/回程：';}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(3):before {content:'交通工具：';}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(4):before {content:'出發地：'; width: initial; display: initial;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(5):before {content:'出發時間：'; width: initial; display: initial;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(6):before {content:'目的地：'; width: initial; display: initial;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box ul li:nth-child(7):before {content:'抵達時間：'; width: initial; display: initial;}
.GDT.container.Type > .row .product_types .TrafficArrangements > h4 span {display: block; margin: 5px 0 0;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) {border: none;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul.boarding_content {margin-bottom: 20px; border: 1px solid #e1e1e1; border-bottom: none;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul.boarding_content:nth-child(odd) {background: #FFF;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(even),
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(odd) {width: 100%; text-align: left;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(1):before {content:'出發城市：'; margin-right: 5px;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(1):after {content:' '; margin-left: 5px;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(2):before {content:'上車地點(去程)：';}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(3):before {content:'出發時間：';}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(4):before {content:'下車城市：'; width: initial; display: initial;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(5):before {content:'下車地點(回程)：'; width: initial; display: initial;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(6):before {content:'價差設定：'; width: initial; display: initial;}
.GDT.container.Type > .row .product_types .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(7):before {content:'備註：'; width: initial; display: initial;}
}
/** 團型明細 END **/

/** 個團明細 START **/
.GDT #carousel-example-generic {margin-top: 0px;}
.GDT #carousel-example-generic .carousel-inner {min-height: 300px;}
.GDT #carousel-example-generic .carousel-inner .item {max-height: 500px; display: flex; justify-content: center; align-items: center;}
.GDT #carousel-example-generic .carousel-inner img {width: 100%;}
.GDT.container.Detail .breadcrumb {margin: 15px 0;}
.GDT.container.Detail {background: rgba(255,255,255,.8); margin-top: -155px; z-index: 998; position: relative;}
.GDT.container.Detail > .row {margin: 0;}
.GDT.container.Detail > .row .navbar-default #cart {margin: 0 -15px;}
.GDT.container.Detail > .row .navbar-default #cart #myNavbar .navbar-other li a.btn-floating i {font: normal normal normal 18px/1.7 FontAwesome;}
.GDT.container.Detail > .row .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {height: 34px; line-height: 34px; padding: 0 16px;}
.GDT.container.Detail .product_details .product_basic_info {margin-bottom: 0;}
.GDT.container.Detail .product_details .product_basic_info ul {}
.GDT.container.Detail .product_details .product_basic_info ul li {line-height: 22px; margin-bottom: 15px;}
.GDT.container.Detail .product_details .product_basic_info ul li.sign_up_group {position: absolute; width: 100%;}
.GDT.container.Detail .product_details .product_basic_info ul li > span {width: 100%; display: table;}
.GDT.container.Detail .product_details .product_basic_info ul li.basic_info_title {width: 10%;}
.GDT.container.Detail .product_details .product_basic_info ul li:nth-child(even) {width: 90%;}
.GDT.container.Detail .product_details .product_basic_info ul li:nth-child(even).price_content {width: inherit;}
@media (max-width: 767px) {
.GDT .breadcrumb {margin: 0;}
.GDT.container.Detail {margin-top: 0; top: 0;}
.GDT.container.Detail > .row .navbar-default {margin: 0 -15px;}
.GDT.container.Detail > .row .navbar-default #cart {margin: 0;}
.GDT.container.Detail > .row .navbar-default #cart #myNavbar .navbar-other li {height: 50px;}
.GDT.container.Detail > .row .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {top: 0;}
.GDT #carousel-example-generic .carousel-inner {min-height: 60px;}
.GDT #carousel-example-generic .carousel-inner img {width: 100%; height: 320px; object-fit: cover;}
.GDT.container.Detail .product_details .product_basic_info ul:first-child {padding-top: 50px;}
.GDT.container.Detail .product_details .product_basic_info ul li.sign_up_group {top: 0;}
.GDT.container.Detail .product_details .product_basic_info ul li.basic_info_title {}
.GDT.container.Detail .product_details .product_basic_info ul li.price_content .panel-info .panel-heading {padding: 12.5px 15px;}
.GDT.container.Detail .product_details .DailyItinerary .every_day .panel-collapse > .panel-body {padding: 15px 0;}
.GDT.container.Detail .product_details .product_basic_info ul li.basic_info_title {width: 36%;}
.GDT.container.Detail .product_details .product_basic_info ul li:nth-child(even) {width: 64%;}
}
/** 價格表 **/
.GDT.container.Detail .product_details .PriceList {width: 100%; display: table; padding: 20px 0px;}
.GDT.container.Detail .product_details .PriceList > h4 i {margin-right: 5px;}
.GDT.container.Detail .product_details .PriceList .pricelist_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .PriceList .pricelist_box .pricelist_title {background-color: #f7efe3;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1; position: relative; margin: 0; align-items: center!important; display: flex!important;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li {float: left; width: 16.66666667%; text-align: center; padding: 10px; font-size: 14px;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li:first-child {width: 10%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_1 {width: 90%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_2 {width: 45%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_3 {width: 30%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_4 {width: 22.5%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_5 {width: 18%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_6 {width: 15%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_7 {width: 12.8571%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_8 {width: 11.25%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_9 {width: 10%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_10 {width: 9%;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li > span {width: 100%; display: table;}
.GDT.container.Detail .product_details .PriceList .pricelist_box .pricelist_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.GDT.container.Detail .product_details .table-responsive {border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .PriceList {display: block;}
.GDT.container.Detail .product_details .PriceList .pricelist_box {width: 800px; border: none; margin-top: 0;}
}
/*售價及出團日*/
.GDT.container.Detail .product_details .DepartureDay {width: 100%; display: table; padding: 20px 0px;}
.GDT.container.Detail .product_details .DepartureDay > h4 i {margin-right: 5px;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content {width: 100%; margin-top: 10px; margin-bottom: 50px;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication {text-align: right;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication span {margin-left: 5px; white-space: nowrap;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication span.text-muted {text-decoration: line-through;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication span i {margin-right: 5px;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW {width: 100%; border: 1px solid #d2d4d5;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content {display: table; width:100%; background: #f7efe3; border-bottom: 1px solid #d2d4d5;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {display:inline-block; padding: 6px 12px; width: 15%; line-height: 35px; text-align: center;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 85%;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal {position: relative; margin: 0; border-bottom: 1px solid #d2d4d5; align-items: center!important; display: flex!important;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-child(odd) {background: #f9f8f8;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 20%; text-align: center; display: table;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span {width: 100%; display: table;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span:nth-child(2) {color: #999;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd {width: 80%; margin-left: 0%; border-bottom: 1px solid #d2d4d5; border-left: 1px solid #d2d4d5;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd h5 {display: inline-block; width: 25%; text-align: center;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul {display: inline-block; /*width: 74%;*/ vertical-align: middle; padding: 10px; /*border-left: 1px solid #d2d4d5;*/}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {display: inline-block; padding: 5px;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a {color: #222; border-bottom: 1px solid #222;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-muted {color: #777; border-bottom: none; text-decoration: line-through;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-danger {color: #a94442; border-bottom: 1px solid #a94442;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:after {content:'、';}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:last-child:after {content:' ';}
@media (max-width: 767px) {
.GDT.container.Detail .product_details .DepartureDay {display: block;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication {text-align: left;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {width: 30%;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 70%;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW {width: 550px; border: none; margin-top: 0;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 30%; position: absolute;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {margin-left: 30%;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {padding: 5px 0 5px 5px;}
}
/*交通安排*/
.GDT.container.Detail .product_details .TrafficArrangements {width: 100%; display: table; padding: 120px 10px 10px;}
.GDT.container.Detail .product_details .TrafficArrangements > h4 {margin: 20px 0 0;}
.GDT.container.Detail .product_details .TrafficArrangements > h4:nth-child(1) {margin: 0;}
.GDT.container.Detail .product_details .TrafficArrangements > h4 i {margin-right: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements > h4 span {font-size: 14px; margin-left: 15px;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box .traffic_title {background-color: #f7efe3;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li {float: left; width: 15%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(1) {width: 10%; text-align: center;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box {border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box .traffic_title {display: none;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(odd) {width: 40%;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(even) {width: 60%;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(2):before {content:'去/回程：';}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(3):before {content:'交通工具：';}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(4):before {content:'出發地：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(5):before {content:'出發時間：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(6):before {content:'目的地：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(7):before {content:'抵達時間：'; width: initial; display: initial;}
}
/*其他上車地點*/
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box .boarding_title {background-color: #f7efe3;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul {width: 100%; border-bottom: 1px solid #e1e1e1; display: flex; justify-content: center; align-items: center; }
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li {float: left; width: 10%;line-height:25px; text-align: center; padding: 6px 10px; font-size: 14px;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(2) {width: 15%; text-align: center;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(5) {width: 15%; text-align: center;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-last-child(1) {width: 30%; text-align: center;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box .boarding_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box {border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box .boarding_title {display: none;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(odd) {width: 40%;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(even) {width: 60%;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box .boarding_content:nth-child(odd) {background: #f9f8f8;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(2):before {content:'去/回程：';}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(3):before {content:'交通工具：';}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(4):before {content:'出發地：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(5):before {content:'出發時間：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(6):before {content:'目的地：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(7):before {content:'抵達時間：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements > h4 span {display: block; margin: 5px 0 0;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) {border: none;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul.boarding_content {margin-bottom: 20px; border: 1px solid #e1e1e1; border-bottom: none;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul.boarding_content:nth-child(odd) {background: #FFF;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(even),
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(odd) {width: 100%; text-align: left;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(1):before {content:'出發城市：'; margin-right: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(1):after {content:' '; margin-left: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(2):before {content:'上車地點(去程)：';}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(3):before {content:'出發時間：';}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(4):before {content:'下車城市：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(5):before {content:'下車地點(回程)：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(6):before {content:'價差設定：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box:nth-child(4) ul li:nth-child(7):before {content:'備註：'; width: initial; display: initial;}
}
/**個團明細 END **/
/**訂購頁 START **/
.GDT.container.Order_Step_one .parking_options {width: 100%; display: block; padding: 0 10px; margin: 0 auto 20px; height: 450px; overflow: hidden;}
.GDT.container.Order_Step_one .parking_options .front{width: 55%; float: left; margin: 0px 0px 25px 0px; background-color: #E7E7E7;	color: #00F; letter-spacing: 20px; display: flex; justify-content: center; align-items: center; font-weight: bold; text-align: center; padding: 5px; border-radius: 5px; padding-left: 30px;}
.GDT.container.Order_Step_one .parking_options .booking_area {position: relative;}
.GDT.container.Order_Step_one .parking_options .booking_area h3 {margin: 5px 5px 0 0; font-size: 16px;}
.GDT.container.Order_Step_one .parking_options .booking_area p{line-height: 26px; font-size: 16px; color: #999; margin-bottom: 20px;}
.GDT.container.Order_Step_one .parking_options .booking_area p span{color:#666}
.GDT.container.Order_Step_one .parking_options div.seatCharts-cell {color: #182C4E; height: 50px; width: 50px; line-height: 50px; margin: 3px; float: left; text-align: center; outline: none; font-size: 13px; transform:rotate(90deg);}
.GDT.container.Order_Step_one .parking_options div.seatCharts-cell:first-child {order: 1;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-seat {color: #fff;cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-row {/*height: 35px;*/ width: 56%; display: flex; justify-content: space-between;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-row:last-child {border-bottom: 2px dotted #adadad; padding-bottom: 10px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-seat.available {background-color: #B9DEA0;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-seat.focused {background-color: #76B474; border: none;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-seat.selected {background-color: #E6CAC4; font-size: 0;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-seat.selected::before {content:"\f007"; font: normal normal normal 20px/1 FontAwesome; line-height: 50px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-seat.unavailable {background-color: #b8d2f7; cursor: not-allowed; font-size: 0;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-seat.unavailable::before {content:"\f235"; font: normal normal normal 20px/1 FontAwesome; line-height: 50px;}
.GDT.container.Order_Step_one .parking_options div.booking_area {}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container {/*border-top: 2px dotted #adadad;*/ padding: 0px; float: left; transform: translateX(50px) translateY(-320px) rotate(270deg);}
.GDT.container.Order_Step_one .parking_options div.booking_area.seat_3 {width: 50%; padding-top: 20px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_3 {width: 50%; padding-top: 20px; transform: translateX(-63px) translateY(-207px) rotate(270deg);}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_3 .seatCharts-row {margin: 40px 0;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_3 .seatCharts-row:last-child {padding-bottom: 100px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_3 .front {margin: 0px 0px 50px 0px;}
.GDT.container.Order_Step_one .parking_options div.booking_area.seat_4 {width: 50%; padding-top: 20px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_4 {width: 50%; padding-top: 20px; transform: translateX(-35px) translateY(-235px) rotate(270deg);}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_4 .seatCharts-row {margin: 30px 0;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_4 .seatCharts-row:last-child {padding-bottom: 100px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_4 .front {margin: 0px 0px 50px 0px;}
.GDT.container.Order_Step_one .parking_options div.booking_area.seat_5 {width: 63%; margin-top: 10px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_5 {width: 37%; margin-top: 50px;}
.GDT.container.Order_Step_one .parking_options div.booking_area.seat_7 {width: 50%; padding-top: 20px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_7 {width: 50%; transform: translateX(-4px) translateY(-247px) rotate(270deg);}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_7 .seatCharts-row {margin: 10px 0;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_7 .seatCharts-row:last-child {padding-bottom: 50px;}
.GDT.container.Order_Step_one .parking_options div.booking_area.seat_8 {width: 45%; float: right; padding-top: 20px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_8 {width: 50%; transform: translateX(29px) translateY(-280px) rotate(270deg);}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_8 .seatCharts-row {margin: 10px 0;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_8 .seatCharts-row:last-child {padding-bottom: 50px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_8 .front {}
.GDT.container.Order_Step_one .parking_options div.booking_area.seat_10 {width: 45%;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_10 {width: 55%;}
.GDT.container.Order_Step_one .parking_options div.booking_area.seat_11 {width: 40%;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_11 {width: 60%;}
.GDT.container.Order_Step_one .parking_options div.booking_area.seat_12 {width: 35%; float: right; padding-top: 20px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_12 {width: 56%;}
.GDT.container.Order_Step_one .parking_options div.booking_area.seat_13 {width: 30%; float: right; padding-top: 20px;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_13 {width: 69%; display: grid; transform: translateX(0px) translateY(-410px) rotate(270deg);}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_13 .seatCharts-row {width: 46%;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-container.seat_13 .front {width: 46%;}
.GDT.container.Order_Step_one .parking_options div.seatCharts-legend {padding-left: 0px;/*position: absolute;*/bottom: 16px; width: 100%; display: table; margin-bottom: 20px;}
.GDT.container.Order_Step_one .parking_options ul.seatCharts-legendList {padding-left: 0px; border: none !important;}
.GDT.container.Order_Step_one .parking_options .seatCharts-legendItem{float: left; width: 50%;line-height: 56px; background: none !important; border: none !important;}
.GDT.container.Order_Step_one .parking_options span.seatCharts-legendDescription {margin-left: 5px;line-height: 30px;}
.GDT.container.Order_Step_one .parking_options .checkout-button {display: block;width:80px; height:24px; line-height:20px;margin: 10px auto;border:1px solid #999;font-size: 14px; cursor:pointer}
.GDT.container.Order_Step_one .parking_options #seats_chose {max-height: 150px; overflow-y: auto; overflow-x: none; width: 100%; margin-bottom: 20px; border: 1px solid #e1e1e1;}
.GDT.container.Order_Step_one .parking_options #seats_chose li{float:left; width:70px; height:26px; line-height:26px; border:1px solid #d3d3d3; background:#f7f7f7; margin:6px; font-size:14px; font-weight:bold; text-align:center}
.GDT.container.Order_Step_one .parking_options .booking_area div.seatCharts-seat.unavailable::before {content:" ";}

.GDT.container.Order_Step_one .passenger_category {margin-top: 20px;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_1 {width: 90%;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_2 {width: 45%;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_3 {width: 30%;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_4 {width: 22.5%;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_5 {width: 18%;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_6 {width: 15%;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_7 {width: 12.8571%;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_8 {width: 11.25%;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_9 {width: 10%;}
.GDT.container.Order_Step_one .passenger_category ul li.bedTp_10 {width: 10%;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_title {display: flex;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_title li:first-child,
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li:first-child {/*width: 10%;*/ text-align: center;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content {background: #FFF; display: flex;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li > * {display: inline-block; color: #333;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li select {width: 70%; margin: 0 5px;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_1 select,
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_2 select,
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_3 select,
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_4 select,
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_5 select {width: 40%;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li .category_title {display: none;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement li > * {display: inline-flex;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement li ol {padding: 0 0 0 25px;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement li ol li {border: none; width: inherit; float: left; list-style-type: decimal; padding: 0 20px 0 0; margin-right: 10px;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement > li:nth-last-child(5) {width: 100%; text-align: left;}
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement > li:nth-last-child(4),
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement > li:nth-last-child(3),
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement > li:nth-last-child(2),
.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement > li:nth-last-child(1) {width: 50%;}
.GDT.container.Order_Step_one .passenger_information h4 .checkbox .passenger_ps {margin-left: 10px;}
@media (max-width: 767px) {
  .GDT.container.Order_Step_one .parking_options {height: 500px;}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_title {display: none;}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content {display: table;}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li > * {/*float: left;*/}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li select {width: 25% !important; /*float: right;*/}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li > span:nth-last-child(3) {width: 20% !important; text-align: right;}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li:before {width: 20%; float: left;}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li:first-child {background: #f7efe4; width: 100%;}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_1,
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_2,
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_3,
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_4,
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_5,
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_6,
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_7,
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_8,
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_9,
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li.bedTp_10 {width: 100%;}
  /*.GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(2)::before {content: '大人';}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(3)::before {content: '小孩佔床';}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(4)::before {content: '小孩不佔床';}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(5)::before {content: '嬰兒';}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(6)::before {content: '加床';}*/
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li {text-align: right;}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content li .category_title {display: inline-block; width: 45%; float: left; text-align: left;}
}

.GDT.container.Order_Step_one .passenger_information ul.passenger_information_content {background: #FFF;}
.GDT.container.Order_Step_one .passenger_information ul.passenger_information_content li {border-bottom: none;}
.GDT.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person {border-bottom: 1px solid #e1e1e1;}
.GDT.container.Order_Step_one .passenger_information ul.passenger_information_content.other_options {border-bottom: 1px solid #e1e1e1;}
.GDT.container.Order_Step_one .passenger_information ul.passenger_information_content_subtotal {border-top: 3px solid #e1e1e1;}
@media (max-width: 767px) {
  .GDT.container.Order_Step_one .passenger_information ul.passenger_information_content {margin-bottom: 0px; border-top: 1px solid #e1e1e1;}
  .GDT.container.Order_Step_one .passenger_information ul.passenger_information_content li {}
  .GDT.container.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(4)::before {content: ' ';}
  .GDT.container.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(5)::before {content: ' ';}
  .GDT.container.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(11)::before {content: ' ';}
  .GDT.container.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(8),
  .GDT.container.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(9) {display: block;}
  .GDT.container.Order_Step_one .passenger_information ul.passenger_information_content li input.Identity_Card {width: 100%;}
  .GDT.container.Order_Step_one .parking_options {overflow: initial; border-bottom: 2px dotted #adadad;}
  .GDT.container.Order_Step_one .parking_options div.booking_area {border-top: 2px dotted #adadad; width: 45% !important; padding-top: 10px;}
  .GDT.container.Order_Step_one .parking_options div.seatCharts-container {width: 55% !important; transform: none; margin-bottom: 30px; padding-bottom: 30px; padding-top: 10px; margin-top: 0 !important;}
  .GDT.container.Order_Step_one .parking_options .front {width: 100%; margin: 5px 0px 15px 0px;}
  .GDT.container.Order_Step_one .parking_options div.seatCharts-row {width: 100%;}
  .GDT.container.Order_Step_one .parking_options div.seatCharts-cell {transform: none; height: 25px; width: 25px; line-height: 25px;}
  .GDT.container.Order_Step_one .parking_options .seatCharts-legendItem {line-height: 32px; width: 100%;}
  .GDT.container.Order_Step_one .parking_options .booking_area input {text-align: center; width: 80%; margin: 0 auto 30px; display: block;}
  .GDT.container.Order_Step_one .additional_items ul.additional_items_content li:nth-child(1n)::before,
  .GDT.container.Order_Step_one .additional_items ul.additional_items_content li:nth-child(2n)::before {content: ' ';}
  .GDT.container.Order_Step_one .additional_items ul.additional_items_content li:nth-child(3n+3) {text-align: right;}
  .GDT.container.Order_Step_one .additional_items ul.additional_items_content {border-left: 1px solid #e1e1e1;}
  .GDT.container.Order_Step_one .additional_items ul.additional_items_content li {border-left: none;}
  .GDT.container.Order_Step_one .parking_options div.seatCharts-seat.selected::before {font: normal normal normal 14px/1 FontAwesome; line-height: 25px;}
  .GDT.container.Order_Step_one .parking_options div.seatCharts-seat.unavailable::before {font: normal normal normal 14px/1 FontAwesome; line-height: 25px;}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement li > * {display: inline-block;}
  .GDT.container.Order_Step_one .passenger_category ul.passenger_category_content_settlement li ol li {text-align: left;}
  .GDT.container.Order_Step_one .passenger_information h4 .checkbox {margin-bottom: 15px;}
  .GDT.container.Order_Step_one .passenger_information h4 .checkbox .passenger_ps {display: inline-block; line-height: 25px;}
}
/**訂購頁 END **/

/**訂購完成頁 START **/
.GDT.container.order_completion ul.passenger_information_content li {text-align: right;}
.GDT.container.order_completion ul.passenger_information_content li:first-child {text-align: left;}
.GDT.container.order_completion ul.passenger_information_content li:nth-child(3) {text-align: center;}
.GDT.container.order_completion ul.passenger_information_total li {text-align: right;}
@media (max-width: 767px) {
  .GDT.container.order_completion .order_completion_content ul li {padding: 6px;}
  .GDT.container.order_completion .order_completion_description h3 {font-size: 18px; line-height: 25px;}
  .GDT.container.order_completion .order_completion_content .deposit_payable ul.deposit_total_content li,
  .GDT.container.order_completion ul.passenger_information_content li:nth-child(3) {text-align: right;}
  .GDT.container.order_completion .order_completion_content .deposit_payable ul.deposit_payable_content li {text-align: left; padding-left: 28%;}
  .GDT.container.order_completion .order_completion_content .deposit_payable ul.deposit_payable_content li::before {width: 25%; text-align: right;}
  .GDT.container.order_completion .order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(1)::before {content: '交易類別：';}
  .GDT.container.order_completion .order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(2)::before {content: '交易明細：';}
}
/**訂購頁 END **/


/*=======================================================*/
/*======================== CPN ==========================*/
/*=======================================================*/

.CPN .breadcrumb {margin: 130px 0 0;}
@media (max-width: 767px){
  .CPN .nav-tabs > li {width: 25%; padding: 5px; text-align: center; display: none;}
  .CPN .merge_sequence {display: table; width: 100%;}
}
.CPN_shopping_list {position:fixed;_position:absolute;bottom:80px;right:100px;width:60px;height:60px;z-index: 999;}
.CPN_shopping_list a {position: relative;}
.CPN_shopping_list a, .CPN_shopping_list a:link{width:60px;height:60px;display:inline-block; border-radius: 30px; outline:none; background:#f0ad4e; line-height: 16px; text-align: center; color: #FFF; font-weight: bold;padding-top: 24px;}
.CPN_shopping_list a:hover{background:#ec971f; outline:none;}
.CPN_shopping_list a span{width: 100%;display: table;}
.CPN_shopping_list a i, .CPN_shopping_list a:link i {position: absolute; width: 60px; left: 0; top: 5px; font-size: 16px;}
.CPN_shopping_list a strong {position: absolute; top: 0px; right: -10px; color: #FFF; background: #F00; width: 25px; height: 25px; border-radius: 25px; line-height: 25px;}

.CPN .merge_search {width: 100%; display: table; padding: 0 20px; background:rgba(0,0,0,0.6);}
/* 搜尋引擎標題-可依各家喜好更換 */
.CPN .merge_search h4 {color: #FFF; line-height: 50px; margin: 0 0 0 15px;}
.CPN .merge_search h4::before {content: "票券快速查詢";}
.CPN .merge_search select::-ms-expand{display: none;}
/* 搜尋引擎欄位標題-共用 */
.CPN .merge_search ul {display: table; width: 100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:15px 0 0;}
.CPN .merge_search ul li {float: left;}
.CPN .merge_search ul li label {float: left; text-align: right; color: #FFF; margin: 0; line-height: 34px; font-weight: 400; position: relative;}
.CPN .merge_search ul li label i {color: #F00; font-weight: 600; font-size: 13px; margin: 0 3px 0 0; position: absolute; left: -15px; top: 11px;}
@media (max-width: 767px) {
  .CPN .merge_search ul li label {width: 100%; text-align: left; position: relative;}
  .CPN .merge_search ul li label i {left: -5%;}
}
/* 出發地 */
.CPN .merge_search ul li.merge_search_departure .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.CPN .merge_search ul li.merge_search_departure .merge_search_select:nth-child(2) {width: 66%;}
@media (max-width: 767px) {
  .CPN .merge_search ul li.merge_search_departure .merge_search_select:nth-child(2) {width: 100%; margin: 0 0 10px 0;}
}
/* 地區、洲別、國家、城市 */
.CPN .merge_search ul li.merge_search_area,
.CPN .merge_search ul li.merge_search_continent {display: none;}
.CPN .merge_search ul li.merge_search_area .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.CPN .merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 66%;}
.CPN .merge_search ul li.merge_search_continent .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.CPN .merge_search ul li.merge_search_continent .merge_search_select:nth-child(2) {width: 66%;}
.CPN .merge_search ul li.merge_search_nation .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.CPN .merge_search ul li.merge_search_nation .merge_search_select:nth-child(2) {width: 66%;}
.CPN .merge_search ul li.merge_search_city .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.CPN .merge_search ul li.merge_search_city .merge_search_select:nth-child(2) {width: 66%;}
@media (max-width: 767px) {
  .CPN .merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 100%; margin: 0 0 10px 0;}
  .CPN .merge_search ul li.merge_search_continent .merge_search_select:nth-child(2) {width: 100%; margin: 0 0 10px 0;}
  .CPN .merge_search ul li.merge_search_nation .merge_search_select:nth-child(2) {width: 100%; margin: 0 0 10px 0;}
  .CPN .merge_search ul li.merge_search_city .merge_search_select:nth-child(2) {width: 100%; margin: 0 0 10px 0;}
}
/* 票種 */
.CPN .merge_search ul li.merge_search_features .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 分類 */
.CPN .merge_search ul li.merge_search_groupcategory .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_design/images/icon_drop_down.png) #FFF no-repeat 99% center;}
@media (max-width: 767px) {
  .CPN .merge_search ul li.merge_search_features .merge_search_select,
.CPN .merge_search ul li.merge_search_groupcategory .merge_search_select {width: 100%; margin: 0 0 10px 0;}
}

input[type=checkbox].css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
input[type=checkbox].css-checkbox + label.css-label {padding-left: 28px; height: 22px; font-weight: 100; display: inline-block; line-height: 22px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; margin-right: 25px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -48px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
label.css-label {background-image: url(/eweb_design/images/grey.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* 產品快搜 */
.CPN .merge_search ul li.merge_search_keyword .merge_search_input {float: left; width: 92.2%; margin: 0 0 15px 15px; line-height: 22px;}
@media (max-width: 767px) {
  .CPN .merge_search ul li.merge_search_keyword .merge_search_input {width: 100%; margin: 0 0 10px 0;}
}
/* 搜尋引擎按鈕 預設置右，可透過 text-align 的其他參數調整 */
.CPN .merge_search .merge_search_btn {margin:15px 0px; text-align: right;}
.CPN .merge_search .merge_search_btn a i {margin-right: 5px;}
.CPN .merge_search .merge_search_btn a:nth-child(1) {padding: 6px 42px;}

.CPN .nav-tabs > li:nth-last-child(1) {padding: 0 0 10px;}

/*票券名稱*/
.CPN.GroupList .skin_list .products .product_title > div.product_name {width: 55%;}
/*票面價*/
.CPN.GroupList .skin_list .products .product_title > div.product_face_price {width: 15%;}
/*銷售價*/
.CPN.GroupList .skin_list .products .product_title > div.product_price {width: 15%;}
/*訂票*/
.CPN.GroupList .skin_list .products .product_title > div.product_btn {width: 15%; border: none;}

.CPN.GroupList .skin_list .products .product {border-bottom: 1px solid #e1e1e1;}
.CPN.GroupList .skin_list .products .product_item .thumbnail {border: none;}
.CPN.GroupList .skin_list .products .product_item:nth-last-child(1) {border-bottom: none;}
/*產品內文大框架*/
.CPN.GroupList .skin_list .product_item {position: inherit !important;}
/* 列表內文 */
.CPN.GroupList .skin_list .product_item .thumbnail {display: table; width: 100%; border-radius: 0; margin: 0; padding: 0; position: relative;}
.CPN.GroupList .skin_list .product_item:nth-child(odd) .thumbnail {background: #f9f8f8;}
.CPN.GroupList .skin_list .product_item .thumbnail:hover {background:#f5f4f4;}
.CPN.GroupList .skin_list .product_item .thumbnail > div {display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0;}
@media (max-width: 767px) {
  .CPN.GroupList .skin_list .product_item .thumbnail > div {padding: 10px;}
}
/*圖片*/
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: none;}
@media (max-width: 767px) {
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: table; margin: 0;}
}
/*票券名稱*/
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_name {width: 55%; text-align: left; padding-left: 10px; padding-right: 45px;}
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
@media (max-width: 767px) {

}
/*分享*/
.CPN.GroupList .skin_list .product_item .thumbnail > .product_sharer {display: table; text-align: left; padding: 0px; position: absolute; z-index: 10; bottom: 6px; left: 52%;}
.CPN.GroupList .skin_list .product_item .thumbnail > .product_sharer > li { margin-right: 5px !important;display: inline-block; vertical-align: middle !important;}
.CPN.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.CPN.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.CPN.GroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: none;}

.CPN.GroupList .skin_list .product_item .thumbnail > div.product_face_price {width: 15%; text-align: right; padding: 10px;}
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_face_price span {width: 100%; text-align: right; float: right; color: #333; line-height: 28px;}
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_face_price span strong{float: left; color: #333; font-size: 14px; padding-left: 10px; line-height: 28px; width: 45%; text-align: right;}
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_face_price span b {color: #666; font-size: 16px;  font-weight: normal;}
/*銷售價*/
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_price {width: 15%; text-align: right; padding: 10px;}
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right; float: right; color: #333; line-height: 28px;}
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_price span strong{float: left; color: #333; font-size: 14px; padding-left: 10px; line-height: 28px; width: 45%; text-align: right;}
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_price span b {color: #F00; font-size: 20px; font-weight: bold;}
/*報名*/
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_btn {width: 15%; padding: 10px 15px; color: #999;}
.CPN.GroupList .skin_list .product_item .thumbnail > div.product_btn a {display: block; font-size: 14px; color: #fff;}
/* 圖片模式 */
.CPN.GroupList .skin_module {margin: 20px 0;}
.CPN.GroupList .skin_module .products {padding: 0 5px;}
.CPN.GroupList .skin_module .products .product_title {display: none;}
.CPN.GroupList .skin_module .products .item {width: 25%; padding: 0 10px; float: left;}
.CPN.GroupList .skin_module .products .item .thumbnail {position: relative; display: inline-block; width: 100%;}
/*圖片*/
.CPN.GroupList .skin_module .products .item .thumbnail .product_img {}
.CPN.GroupList .skin_module .products .item .thumbnail .product_img img {display: block; margin-bottom: 0px; width: 100%; height: 200px;}
/*票券名稱*/
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify; padding: 10px 5px 5px; height: 60px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
/*分享*/
.CPN.GroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 0 10px; left: 0; right: 0; bottom: 55px; position: absolute;; top: 10px;}
.CPN.GroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.CPN.GroupList .skin_module .products .item .thumbnail > .product_sharer > div a {display: block;}
.CPN.GroupList .skin_module .products .item .thumbnail > .product_sharer > div a img {width: 20px;}
.CPN.GroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*票面價*/
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_face_price {position: initial; padding-right: 15px; width: 55%;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_face_price span {width: 100%; text-align: right; float: left; text-decoration:line-through;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_face_price span strong{color: #333; font-size: 14px;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_face_price span b {color: #333; font-size: 16px; font-weight: normal;}
/*銷售價*/
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_price {position: initial; padding-right: 15px; width: 55%;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_price span strong{color: #333; font-size: 14px;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_price span b {color: #F00; font-size: 24px; font-weight: bold;}
/*訂票*/
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_btn {text-align: center; margin: 0; padding: 15px; width: 45%; float: right; position: relative; margin-top: -25px;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_btn a {padding: 6px 0px; width: 100%; position: relative;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-info,
.CPN.GroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-danger {cursor: not-allowed;}
@media (max-width: 767px) {
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_name {width: 100%; text-align: left; padding: 10px;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {margin: 0;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_price {width: 100%; padding: 10px 15px; position: initial; display: table;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_sharer {width: auto; top: 20px; right: 5%; left: inherit;}

  .CPN.GroupList .skin_module .products .item {width: 100%; text-align: left; padding: 10px;}
  .CPN.GroupList .skin_module .products .item .thumbnail .product_img img {height: initial;}
  .CPN.GroupList .skin_module .products .item .thumbnail > div.product_name a {position: initial;}
  .CPN.GroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {width: initial;}
  .CPN.GroupList .skin_module .products .item .thumbnail > .product_sharer {margin: 0;}
  .CPN.GroupList .skin_module .products .item .thumbnail > div.product_btn {padding: 10px 15px;}

  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_face_price {width: 50%; padding: 0;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_face_price span {width: 100%; text-align: right; float: left; text-decoration: line-through;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_face_price span strong {float: none;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_price {width: 50%; padding: 0; display: block;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left; display: block;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_price span strong {float: none;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_btn {width: 50%; display: block; margin: -25px 0 20px 0; float: right;}
  .CPN.GroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 10px;}
}
/** 票券明細 START **/
.CPN #carousel-example-generic {margin-top: 0px;}
.CPN #carousel-example-generic .carousel-inner {min-height: 300px;}
.CPN #carousel-example-generic .carousel-inner .item {max-height: 500px; display: flex; justify-content: center; align-items: center;}
.CPN #carousel-example-generic .carousel-inner img {width: 100%;}
.CPN.container.Detail .breadcrumb {margin: 15px 0;}
.CPN.container.Detail {background: rgba(255,255,255,.8); margin-top: -130px; z-index: 998; position: relative;}
.CPN.container.Detail > .row {margin: 0;}
.CPN.container.Detail > .row .navbar-default #cart {margin: 0 -15px;}
.CPN.container.Detail > .row .navbar-default #cart #myNavbar .navbar-other li a.btn-floating i {font: normal normal normal 18px/1.7 FontAwesome;}
.CPN.container.Detail > .row .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {height: 34px; line-height: 34px; padding: 0 16px;}
.CPN.container.Detail .product_details .product_basic_info {margin-bottom: 0;}
.CPN.container.Detail .product_details .product_basic_info ul li.basic_info_title {font-size: 16px;}
.CPN.container.Detail .product_details .product_basic_info ul li {line-height: 22px; margin-bottom: 15px; font-size: 18px;}
.CPN.container.Detail .product_details .product_basic_info ul li.sign_up_group {width: 100%;}
.CPN.container.Detail .product_details .product_basic_info ul li > span {width: 100%; display: table;}

@media (max-width: 767px) {
.CPN .breadcrumb {margin: 0;}
.CPN.container.Detail {margin-top: 0; top: 0;}
.CPN.container.Detail > .row .navbar-default {margin: 0 -15px;}
.CPN.container.Detail > .row .navbar-default #cart {margin: 0;}
.CPN.container.Detail > .row .navbar-default #cart #myNavbar .navbar-other li {height: 50px;}
.CPN.container.Detail > .row .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {}
.CPN #carousel-example-generic .carousel-inner {min-height: 60px;}
.CPN #carousel-example-generic .carousel-inner img {width: 100%; height: 320px; object-fit: cover;}
.CPN.container.Detail .product_details .product_basic_info ul:first-child {padding-top: 20px;}
.CPN.container.Detail .product_details .product_basic_info ul li.sign_up_group {top: 0; position: initial;}
.CPN.container.Detail .product_details .product_basic_info ul li.basic_info_title {}
.CPN.container.Detail .product_details .product_basic_info ul li.price_content .panel-info .panel-heading {padding: 12.5px 15px;}
.CPN.container.Detail .product_details .DailyItinerary .every_day .panel-collapse > .panel-body {padding: 15px 0;}
.CPN.container.Detail .product_details .product_basic_info ul li.basic_info_title {width: 36%;}
.CPN.container.Detail .product_details .product_basic_info ul li:nth-child(even) {width: 64%;}
}
/** 價格表 **/
.CPN.container.Detail .product_details .PriceList {width: 100%; display: table; padding: 20px 0px; margin-top: 50px;}
.CPN.container.Detail .product_details .PriceList > h4 i {margin-right: 5px;}
.CPN.container.Detail .product_details .PriceList .pricelist_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.CPN.container.Detail .product_details .PriceList .pricelist_box .pricelist_title {background-color: #f7efe3;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1; position: relative; margin: 0; align-items: center!important; display: flex!important;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul:nth-last-child(1) {border-bottom: none;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li {float: left; width: 16.66666667%; text-align: center; padding: 10px; font-size: 14px;}
/*.CPN.container.Detail .product_details .PriceList .pricelist_box ul li:first-child {width: 10%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_1 {width: 90%;}*/
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_2 {width: 50%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_3 {width: 34%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_4 {width: 23%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_4:first-child {width: 31%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_5 {width: 20%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_6 {width: 17%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_7 {width: 12.8571%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_8 {width: 11.25%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_9 {width: 10%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li.bedTp_10 {width: 9%;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li > span {width: 100%; display: table; margin: 0 auto;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li:nth-last-child(2) > span {color: #666;}
.CPN.container.Detail .product_details .PriceList .pricelist_box ul li:nth-last-child(1) > span {color: #F00; font-size: 16px;}
.CPN.container.Detail .product_details .PriceList .pricelist_box .pricelist_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.CPN.container.Detail .product_details .table-responsive {/*border: 1px solid #e1e1e1;*/}
.CPN.container.Detail .product_details .PriceList {display: block; margin-top: 80px;}
.CPN.container.Detail .product_details .PriceList .pricelist_box {width: 800px; border: none; margin-top: 0;}
}
/*選擇商品*/
.CPN.container.Detail .product_details .Product_selection {width: 100%; display: table; padding: 80px 10px 20px; margin-top: 50px;}
.CPN.container.Detail .product_details .Product_selection > h4 i {margin-right: 5px;}
.CPN.container.Detail .product_details .Product_selection_content {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1; padding: 30px 20px;}
/*售價及出團日*/
.CPN.container.Detail .product_details .DepartureDay {width: 100%; display: table; padding: 20px 0px;}
.CPN.container.Detail .product_details .DepartureDay > h4 i {margin-right: 5px;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content {width: 100%; margin-top: 10px; margin-bottom: 50px;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content .state_indication {text-align: right;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content .state_indication span {margin-left: 5px; white-space: nowrap;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content .state_indication span.text-muted {text-decoration: line-through;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content .state_indication span i {margin-right: 5px;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW {width: 100%; border: 1px solid #d2d4d5;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content {display: table; width:100%; background: #f7efe3; border-bottom: 1px solid #d2d4d5;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {display:inline-block; padding: 6px 12px; width: 15%; line-height: 35px; text-align: center;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 85%;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal {position: relative; margin: 0; border-bottom: 1px solid #d2d4d5; align-items: center!important; display: flex!important;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-child(odd) {background: #f9f8f8;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-last-child(1) {border-bottom: none;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 20%; text-align: center; display: table;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span {width: 100%; display: table;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span:nth-child(2) {color: #999;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd {width: 80%; margin-left: 0%; border-bottom: 1px solid #d2d4d5; border-left: 1px solid #d2d4d5;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {border-bottom: none;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd h5 {display: inline-block; width: 25%; text-align: center;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul {display: inline-block; /*width: 74%;*/ vertical-align: middle; padding: 10px; /*border-left: 1px solid #d2d4d5;*/}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {display: inline-block; padding: 5px;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a {color: #222; border-bottom: 1px solid #222;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-muted {color: #777; border-bottom: none; text-decoration: line-through;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-danger {color: #a94442; border-bottom: 1px solid #a94442;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:after {content:'、';}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:last-child:after {content:' ';}
@media (max-width: 767px) {
.CPN.container.Detail .product_details .DepartureDay {display: block;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content .state_indication {text-align: left;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {width: 30%;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 70%;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW {width: 550px; border: none; margin-top: 0;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 30%; position: absolute;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {margin-left: 30%;}
.CPN.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {padding: 5px 0 5px 5px;}
}
/*.CPN.container.Detail .navbar-default #cart .navbar-other li:nth-last-child(1),
.CPN.container.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) a,
.CPN.container.Detail .offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a,
.CPN.container.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {width: 82px; display: block; opacity: 1; top: 4px;}*/

.CPN.container.Detail .navbar-default #cart .navbar-other {float: right; display: table; overflow: hidden;}
.CPN.container.Detail .navbar-default #cart .navbar-other li {float: left; line-height: 50px; margin: 0 5px;}
.CPN.container.Detail .navbar-default #cart .navbar-other li img {display: block; max-width: 100%; height: auto;}
.CPN.container.Detail .navbar-default #cart .navbar-other li a.customer_service {background: #9c27b0; color: #FFF; border: 1px solid #9313aa; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.CPN.container.Detail .navbar-default #cart .navbar-other li a.customer_service:hover,
.CPN.container.Detail .navbar-default #cart .navbar-other li a.customer_service:focus,
.CPN.container.Detail .navbar-default #cart .navbar-other li a.customer_service.focus,
.CPN.container.Detail .navbar-default #cart .navbar-other li a.customer_service:active,
.CPN.container.Detail .navbar-default #cart .navbar-other li a.customer_service.active {background: #811794; border: 1px solid #77068b; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.CPN.container.Detail .navbar-default #cart .navbar-other li a.customer_service span {width: inherit; display: inline-block; text-align: center; color: #fff; margin-right: 5px;}
.CPN.container.Detail .navbar-default #cart .navbar-other li a.download_info {background: #df0808; color: #FFF;}
.CPN.container.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) {opacity: 1;display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.CPN.container.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 1; top:8px;display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.CPN.container.Detail .offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {opacity: 1;display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.CPN.container.Detail .offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 1; top:8px;display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.CPN.container.Detail .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.CPN.container.Detail .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.CPN.container.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {opacity: 1; top: initial;display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.CPN.container.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 1; top:8px;display: block;width: 82px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.CPN.container.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.cutoff,
.CPN.container.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.callme,
.CPN.container.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.full {cursor: not-allowed;}
.CPN.container.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a span {margin-left: 5px; font-weight: 100;}


.CPN.container.Detail {position: relative;}
.CPN.container.Detail #CPN_order_bar {width: 100%; position: fixed; z-index: 999; left: 0; bottom: 0; text-align: center; background: #f5f5f5; padding: 10px; box-shadow: 0 0 3px rgb(0 0 0 / 30%);}
.CPN.container.Detail #CPN_order_bar ul {display: table; margin: 0 auto;}
.CPN.container.Detail #CPN_order_bar ul li {float: left; padding: 0 5px;}
.CPN.container.Detail #CPN_order_bar ul li a.btn {padding: 6px 20px;}
@media (max-width: 767px) {
  .CPN.container.Detail .product_details #myNavbar .table-responsive {border: none; margin: 0;}
  .CPN.container.Detail .product_details #myNavbar .table-responsive ul li a {padding: 0 12px;}
  .CPN.container.Detail .product_details .table-responsive .nav.navbar-nav {width: 1000px; border: none; margin-top: 0;}
  .CPN.container.Detail #CPN_order_bar {bottom: 37px;}
}
@media (max-width: 320px) {
  .CPN.container.Detail .product_details #myNavbar .table-responsive ul li a {letter-spacing: 2px;}
}
/*產品內容*/
.CPN.container.Detail .product_details {}
.CPN.container.Detail .product_details .cpn_tab_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;}
.CPN.container.Detail .product_details .cpn_tab_content h4 {margin-top: 20px;}
.CPN.container.Detail .product_details .cpn_tab_content table {width: 100% !important;}
.CPN.container.Detail .product_details .cpn_tab_content table img {width: 100%;height: initial;}
.CPN.container.Detail .product_details .cpn_tab_content ul {margin-bottom: 20px;}
.CPN.container.Detail .product_details .cpn_tab_content ul li {font-size: 16px; line-height: 25px;}
.CPN.container.Detail .product_details .cpn_tab_content ul li span {font-weight: bold; color: #000;}
.CPN.container.Detail .product_details .cpn_tab_content ul li img {width: 100%;}
/*CPN_TAB_01*/
.CPN.container.Detail .product_details .CPN_TAB_01 {width: 100%; display: table; padding: 120px 10px 20px;}
.CPN.container.Detail .product_details .CPN_TAB_01 > h4 {font-weight: bold;}
.CPN.container.Detail .product_details .CPN_TAB_01 > h4 i {margin-right: 5px;}
/*CPN_TAB_02*/
.CPN.container.Detail .product_details .CPN_TAB_02 {width: 100%; display: table; padding: 120px 10px 20px;}
/*CPN_TAB_03*/
.CPN.container.Detail .product_details .CPN_TAB_03 {width: 100%; display: table; padding: 120px 10px 20px;}
/*CPN_TAB_04*/
.CPN.container.Detail .product_details .CPN_TAB_04 {width: 100%; display: table; padding: 120px 10px 20px;}
/*CPN_TAB_05*/
.CPN.container.Detail .product_details .CPN_TAB_05 {width: 100%; display: table; padding: 120px 10px 20px;}

@media (max-width: 767px) {
.CPN.container.Detail .product_details .CPN_TAB_01,
.CPN.container.Detail .product_details .CPN_TAB_02,
.CPN.container.Detail .product_details .CPN_TAB_03,
.CPN.container.Detail .product_details .CPN_TAB_04 {padding: 120px 0px 20px;}
.CPN.container.Detail .product_details .cpn_tab_content {padding: 10px;}
}
.CPN.container.Order_Step_one .select_product {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.CPN.container.Order_Step_one .select_product ul.select_product_content {width: 100%; display: table;border-left: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .select_product ul.select_product_content li {line-height: 34px;padding: 10px; position: relative;}
.CPN.container.Order_Step_one .select_product ul.select_product_content li:nth-child(odd) {border: none; border-top: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .select_product ul.select_product_content li:nth-child(even) {border-left: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .select_product ul.select_product_content li:nth-child(1) {background: transparent;}
.CPN.container.Order_Step_one .select_product ul.select_product_content li:nth-child(2) {/*display: table; border-left: 1px solid #e1e1e1;*/}
.CPN.container.Order_Step_one .select_product ul.select_product_content li .product_name {display: table-cell; vertical-align: middle;}
.CPN.container.Order_Step_one .select_product ul.select_product_content li.select_product_title {text-align: right;background: #f7efe4;}
.CPN.container.Order_Step_one .ticket_category {width: 100%; display: table; clear: both;}
.CPN.container.Order_Step_one .ticket_category .ticket_name {font-size: 25px; font-weight: bold; text-align: center; margin: 15px auto;}
.CPN.container.Order_Step_one .ticket_category ul {width: 100%; display: table; border-bottom: none; margin-bottom: 0; background: #f7efe4;}
.CPN.container.Order_Step_one .ticket_category ul li span {color: #F00;}
.CPN.container.Order_Step_one .ticket_category {margin-top: 20px;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_1 {width: 90%;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_2 {width: 45%;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_3 {width: 30%;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_4 {width: 22.5%;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_5 {width: 18%;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_6 {width: 15%;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_7 {width: 12.8571%;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_8 {width: 11.25%;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_9 {width: 10%;}
.CPN.container.Order_Step_one .ticket_category ul li.bedTp_10 {width: 9%;}
.CPN.container.Order_Step_one .ticket_category ul.ticket_category_title li {padding: 10px; line-height: 34px; background: #f7efe4; text-align: center;}
.CPN.container.Order_Step_one .ticket_category ul.ticket_category_content li {padding: 10px; line-height: 34px; text-align: center;}
.CPN.container.Order_Step_one .ticket_category ul.ticket_category_title li:first-child,
.CPN.container.Order_Step_one .ticket_category ul.ticket_category_content li:first-child {width: 10%;}
.CPN.container.Order_Step_one .ticket_category ul:nth-last-child(1) {border-bottom: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .ticket_category .joinin_shopping_cart {text-align: center; padding-top: 20px;}
.CPN.container.Order_Step_one .ticket_category ul li .select-num {display: table; margin: 0 auto;}
.CPN.container.Order_Step_one .ticket_category ul li .select-num > * {float: left;}
.CPN.container.Order_Step_one .ticket_category ul li .select-num a {padding: 0 10px;}
.CPN.container.Order_Step_one .ticket_category ul li .select-num a img {width: 16px; height: 16px;}
.CPN.container.Order_Step_one .ticket_category ul li .select-num .num {width: 40px; font-size: 18px; border: 1px solid #e2e2e2; border-radius: 3px; line-height: 32px;}

@media (max-width: 767px) {
.CPN.container.Order_Step_one .select_product,
.CPN.container.Order_Step_one .ticket_category {display: block;}
.CPN.container.Order_Step_one .ticket_category .ticket_name {font-size: 18px; padding: 0 15px;}
.CPN.container.Order_Step_one .select_product ul.select_product_content li.select_product_title {text-align: left;}
.CPN.container.Order_Step_one .ticket_category .table-responsive {margin-bottom: 0;}
.CPN.container.Order_Step_one .ticket_category .table-responsive .ticket_category_group {width: 800px; border: none; margin-top: 0;}
.CPN.container.Order_Step_one .ticket_category .joinin_shopping_cart {margin-bottom: 20px;}
}

.CPN.container.Order_Step_one .shopping_cart {width: 100%; display: table; padding: 0 10px; margin: 0px auto 20px;}
.CPN.container.Order_Step_one .shopping_cart h4 span {font-size: 16px;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content {padding: 15px 15px 30px; background: #FFF; border: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content ul {background: transparent;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list {width: 100%; display: table;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list .ticket_name {font-size: 25px; font-weight: bold; text-align: center; margin: 15px auto;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul {width: 100%; display: table; border-bottom:none; border-right: 1px solid #e1e1e1; }
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul:last-child {border-bottom: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li {padding: 10px 5px; line-height: 34px; text-align: center;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_1 {width: 90%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_2 {width: 45%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_3 {width: 30%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_4 {width: 22.5%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_5 {width: 18%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_6 {width: 15%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_7 {width: 12.8571%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_8 {width: 11.25%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_9 {width: 10%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_10 {width: 9%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li:first-child {width: 5%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li:last-child {width: 5%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li a {font-size: 20px; color: #F00; display: block;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul.shopping_cart_list_title {border-bottom: none; background: #f7efe4;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul.shopping_cart_list_title li {background: #f7efe4;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li .select-num {display: table; margin: 0 auto;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li .select-num > * {float: left;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li .select-num a {padding: 0 10px;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li .select-num a img {width: 16px; height: 16px; vertical-align: baseline;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li .select-num .num {width: 40px; font-size: 18px; border: 1px solid #e2e2e2; border-radius: 3px; line-height: 32px;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_btn {text-align: center; padding-top: 15px;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_btn ul {border: none; display: table; margin: 0 auto;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_btn ul li {border: none; float: left; padding: 0 10px;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_subtotal {width: 100%; line-height: 34px; font-weight: bold; color: #F00; font-size: 18px; text-align: right; padding: 10px;border: 1px solid #e1e1e1; margin-bottom: 15px; background: #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_subtotal ul {width: 100%; line-height: 34px; border: none; display: table; margin: 0 auto;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_subtotal ul li {border: none; background: transparent;}

@media (max-width: 767px) {
.CPN.container.Order_Step_one .shopping_cart,
.CPN.container.Order_Step_one .shopping_cart_content {display: block;}
/*.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .table-responsive .shopping_cart_group {width: 1050px; border: none; margin-top: 0;}*/
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .table-responsive {border: none; margin-bottom: 0;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .table-responsive .shopping_cart_group {width: 100%;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list {border: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list .ticket_name {font-size: 18px; padding: 0 15px;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul {border: none; position: relative;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul.shopping_cart_list_title {display: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul.shopping_cart_list_content {border-top: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul.shopping_cart_list_content:nth-child(odd) {background: #FFF;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul.shopping_cart_list_content:nth-child(even) {background: #f9f8f8;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li {/*width: initial !important;*/ border: none; background: transparent;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li:first-child {width: 100% !important; display: none; background: #f7efe4; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_4:nth-child(2) {width: 100%; border-bottom: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_4:nth-last-child(2) {width: 30%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_4:nth-last-child(2)::before {content: '金額：';}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_4:nth-last-child(3) {width: 40%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_4:nth-last-child(4) {width: 20%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_5 {width: 50%; border-bottom: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_5:nth-last-child(2) {width: 30%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_5:nth-last-child(2)::before {content: '金額：';}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_5:nth-last-child(3) {width: 40%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_5:nth-last-child(4) {width: 20%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_6 {width: 33.33%; border-bottom: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_6:nth-last-child(2) {width: 30%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_6:nth-last-child(2)::before {content: '金額：';}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_6:nth-last-child(3) {width: 40%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_6:nth-last-child(4) {width: 20%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_7 {width: 50%; border-bottom: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_7:nth-last-child(2) {width: 30%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_7:nth-last-child(2)::before {content: '金額：';}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_7:nth-last-child(3) {width: 40%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li.bedTp_7:nth-last-child(4) {width: 20%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_list ul li:last-child {width:10%; border: none;}
.CPN.container.Order_Step_one .shopping_cart .shopping_cart_content .shopping_cart_subtotal {font-size: 16px;}
}

.CPN.container.Order_Step_one .receipt_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.CPN.container.Order_Step_one .receipt_information ul {width: 100%; display: table; border-bottom: none;}
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_title li {padding: 10px; line-height: 34px;}
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_title li a {line-height: 34px; padding: 0 12px; margin-left: 30px;}
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_title li a i {margin-right: 5px; font-size: 18px; vertical-align: middle;}
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_content {border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_content li {padding: 10px; line-height: 34px;}
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_content li:nth-child(2) {line-height: initial;}
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_content li.no_border {border-left: none;}
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_content li.information_title {background: #f7efe4; text-align: right; border-left: none;}
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_content li.information_remarks {color: #26a69a; border-left: none;}
.CPN.container.Order_Step_one .receipt_information .receipt_information_subtotal {width: 100%; line-height: 34px; font-weight: bold; color: #F00; font-size: 18px; text-align: right; padding: 10px;border: 1px solid #e1e1e1; margin-bottom: 0px; background: #e1e1e1;}
.CPN.container.Order_Step_one .receipt_information .receipt_information_subtotal ul {width: 100%; line-height: 34px; border: none; display: table; margin: 0 auto; background: transparent}
.CPN.container.Order_Step_one .receipt_information .receipt_information_subtotal ul li {border: none; background: transparent;}
.CPN.container.Order_Step_one .receipt_information .receipt_information_total_amount {width: 100%; line-height: 34px; font-weight: bold; color: #F00; font-size: 20px; text-align: right; padding: 10px;border: none; margin-bottom: 15px; background: transparent;}
.CPN.container.Order_Step_one .receipt_information .receipt_information_total_amount ul {width: 100%; line-height: 34px; border: none; display: table; margin: 0 auto; background: transparent;}
.CPN.container.Order_Step_one .receipt_information .receipt_information_total_amount ul li {border: none; background: transparent;}

@media (max-width: 767px) {
.CPN.container.Order_Step_one .receipt_information ul.receipt_information_content li.information_title {text-align: left;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person {border-top: 1px solid #e1e1e1; margin-bottom: 10px;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li .form-control {width: 85%;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(1) {padding: 10px 15px; background: #f7efe4;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(1)::before {content: 'NO.';}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(2)::before {content: '中文姓'; float: left; width: 15%;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(3)::before {content: '中文名'; float: left; width: 15%;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(4)::before {content: '英文姓'; float: left; width: 15%;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(5)::before {content: '英文名'; float: left; width: 15%;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(6)::before {content: '生　日'; float: left; width: 15%;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(7)::before {content: '稱　謂'; float: left; width: 15%;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(8) {display: none;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(9) {display: block;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(9)::before {content: '市　話'; float: left; width: 15%;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(10) {display: none;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(11) {text-align: left;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person li:nth-child(11)::before {content: '手　機'; float: left; width: 15%;}
.CPN.container.Order_Step_one .passenger_information ul.passenger_information_content.first_person:nth-child(3) li:last-child {display: none;}
}
.CPN.container.order_completion .order_completion_description h3 {font-size: 18px; line-height: 30px;}
.CPN.container.order_completion .order_completion_description h3 span {color: #428bca;}
.CPN.container.order_completion .order_information .order_info_content {padding: 15px 15px 30px; background: #FFF; border: 1px solid #e1e1e1;}
.CPN.container.order_completion .order_information .order_info_content  ul.orderer_info {width: 100%; height: 34px; border: none; margin: 15px 0;}
.CPN.container.order_completion .order_information .order_info_content  ul.orderer_info li {font-weight: bold; border: none;}
.CPN.container.order_completion .order_information .order_info_content  ul.orderer_info li:nth-child(odd) {text-align: right;}
.CPN.container.order_completion .order_information .order_info_content  ul.orderer_info li:nth-child(even) {text-align: left;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list {width: 100%; display: table; margin-bottom: 15px; border-bottom: 1px dashed #ccc;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list:last-child {margin-bottom: 0px; border-bottom: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list .ticket_name {font-size: 25px; font-weight: bold; text-align: center; margin: 15px auto;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul {width: 100%; display: table; border-bottom:none; border-right: 1px solid #e1e1e1; }
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul:nth-last-child(2) {border-bottom: 1px solid #e1e1e1;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li {padding: 10px; line-height: 34px; text-align: center; border-bottom: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_1 {width: 95%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_2 {width: 47.5%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_3 {width: 31.66%}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_4 {width: 23.75%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_5 {width: 19%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_6 {width: 15.83%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_7 {width: 13.57%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_8 {width: 11.87%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_9 {width: 10.55%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_10 {width: 9.5%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li:first-child {width: 5%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li a {font-size: 20px; color: #F00; display: block;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul.order_info_list_title {border-bottom: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul.order_info_list_title li {background: #f7efe4;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list .order_info_list_subtotal {line-height: 34px; font-weight: bold; color: #F00; font-size: 18px; text-align: right; padding: 10px;}

.CPN.container.order_completion .get_tickets_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto;}
.CPN.container.order_completion .get_tickets_information fieldset {margin: 10px 0 0px;}
.CPN.container.order_completion .get_tickets_information .get_tickets_information_content {padding: 30px 15px; background: #FFF; border: 1px solid #e1e1e1;}
.CPN.container.order_completion .get_tickets_information .get_tickets_information_content .get_tickets_information_list_title li {padding: 10px; line-height: 34px; background: #f7efe4; text-align: center; border-bottom: none;}
.CPN.container.order_completion .get_tickets_information .get_tickets_information_content .get_tickets_information_list_content li {padding: 10px; line-height: 34px; text-align: center;}
.CPN.container.order_completion .get_tickets_information .get_tickets_information_content .get_tickets_information_list_content li:last-child {}
.CPN.container.order_completion .get_tickets_information .get_tickets_information_content .get_tickets_subtotal {line-height: 34px; font-weight: bold; color: #F00; font-size: 18px; text-align: right; padding: 10px;}

.CPN.container.order_completion .receipt_information_total_amount {width: 100%; line-height: 34px; font-weight: bold; color: #F00; font-size: 20px; text-align: right; padding: 10px;border: none; background: transparent;}
.CPN.container.order_completion .receipt_information_total_amount ul {width: 100%; line-height: 34px; border: none; display: table; margin: 0 auto; background: transparent;}
.CPN.container.order_completion .receipt_information_total_amount ul li {border: none; background: transparent;}

.CPN.container.order_completion .passenger_information ul.passenger_information_content li {text-align: center;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content li.passenger_information_content_title {text-align: right;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content li:nth-last-child(2),
.CPN.container.order_completion .passenger_information ul.passenger_information_content li:nth-last-child(4) {text-align: left;}

.CPN.container.order_completion .receipt_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.CPN.container.order_completion .receipt_information ul.receipt_information_content {background: #FFF;}
.CPN.container.order_completion .receipt_information ul.receipt_information_content li.information_title {background: #f7efe4;}

@media (max-width: 767px) {
.CPN.container.order_completion .order_completion_description h3 {font-size: 16px; line-height: 25px;}
.CPN.container.order_completion .order_completion_content .order_information {display: block;}
.CPN.container.order_completion .order_information .order_info_content ul.orderer_info li:nth-child(even) {line-height: 25px;}
.CPN.container.order_completion .order_information .order_info_content ul.orderer_info li:nth-child(odd) {text-align: left; width: initial; line-height: 25px;}
.CPN.container.order_completion .order_information .order_info_content .table-responsive {border: none;}
.CPN.container.order_completion .order_information .order_info_content .table-responsive .order_info_group {width: 100%; border: none; margin-top: 0;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list {border: 1px solid #e1e1e1;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul.order_info_list_title {display: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list .ticket_name {font-size: 18px; padding: 0 15px;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul.order_info_list_content:nth-child(odd) {background: #FFF; border: none !important;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul.order_info_list_content:nth-child(even) {background: #f9f8f8; border: none !important;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list .order_info_list_subtotal {background: #e1e1e1;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li:first-child {display: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_7 {width: 50%;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li {/*width: initial !important;*/ border: none !important; background: transparent; border-top: 1px solid #e1e1e1 !important;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li:first-child {width: 100% !important; display: none; background: #f7efe4; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_4:nth-child(2) {width: 100%; border-bottom: 1px solid #e1e1e1;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_4:nth-last-child(1) {width: 40%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_4:nth-last-child(1)::before {content: '金額：';}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_4:nth-last-child(2) {width: 20%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_4:nth-last-child(3) {width: 40%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_5 {width: 50%; border-bottom: 1px solid #e1e1e1;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_5:nth-last-child(1) {width: 40%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_5:nth-last-child(1)::before {content: '金額：';}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_5:nth-last-child(2) {width: 20%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_5:nth-last-child(3) {width: 40%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_6 {width: 33.33%; border-bottom: 1px solid #e1e1e1;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_6:nth-last-child(1) {width: 40%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_6:nth-last-child(1)::before {content: '金額：';}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_6:nth-last-child(2) {width: 20%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_6:nth-last-child(3) {width: 40%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_7 {width: 50%; border-bottom: 1px solid #e1e1e1;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_7:nth-last-child(1) {width: 40%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_7:nth-last-child(1)::before {content: '金額：';}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_7:nth-last-child(2) {width: 20%; border: none;}
.CPN.container.order_completion .order_information .order_info_content .order_info_list ul li.bedTp_7:nth-last-child(3) {width: 40%; border: none;}
.CPN.container.order_completion .complete_order ul li {padding: 10px 5px;}

.CPN.container.order_completion .get_tickets_information .get_tickets_information_content .get_tickets_information_list_title {display: none;}
.CPN.container.order_completion .get_tickets_information .get_tickets_information_content .get_tickets_information_list_content li {text-align: left;}
.CPN.container.order_completion .get_tickets_information .get_tickets_information_content .get_tickets_information_list_content li:nth-child(1)::before {content: '取票方式：'; width: 100%; display: table;}
.CPN.container.order_completion .get_tickets_information .get_tickets_information_content .get_tickets_information_list_content li:nth-child(2)::before {content: '取票費用：';}

.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li {text-align: center !important;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(1) {text-align: left !important; background: #f7efe4;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(1)::before {content: 'NO.';}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(2)::before {content: '中文姓：'; float: left; width: 25%;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(3)::before {content: '中文名：'; float: left; width: 25%;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(4)::before {content: '英文姓：'; float: left; width: 25%;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(5)::before {content: '英文名：'; float: left; width: 25%;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(6)::before {content: '生　日：'; float: left; width: 25%;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(7)::before {content: '稱　謂：'; float: left; width: 25%;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(8) {display: none;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(9) {display: block;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(9)::before {content: '市　話：'; float: left; width: 25%;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(10) {display: none;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(11) {text-align: left;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person li:nth-child(11)::before {content: '手　機：'; float: left; width: 25%;}
.CPN.container.order_completion .passenger_information ul.passenger_information_content.first_person:nth-child(3) li:last-child {display: none;}
}
/**票券明細 END **/

/**線上金流**/
.payment_info_group {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.payment_info_group ul {background: #f7efe4; border: none; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
.payment_info_group ul li {background: #FFF; border: none; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
.payment_info_group ul li.payment_information_title {background: #f7efe4; border-left: none;}
.payment_info_group ul li span {color: #f00;}
.payment_info_group ul li img {display: block; margin: 10px 0;}
.payment_info_group ul li a {float: right;}
.payment_content ul.Collection_platform_content li span {color: #f00;}

/**條碼繳款單**/
#BAR_CODE_CONTERT {width: 100%; display: table; padding: 30px; margin: 0 auto 20px; background: #FFF; border: 1px solid #e1e1e1;}
#BAR_CODE_CONTERT h2 {font-weight: bold; text-align: center; margin: 0 0 20px;}
#BAR_CODE_CONTERT .payment_info_title {width: 100%; display: table; margin-bottom: 10px;}
#BAR_CODE_CONTERT .payment_info_title .remark_txt {float: left; color: #626262; font-size: 18px; line-height: 24px;}
#BAR_CODE_CONTERT .payment_info_title .deadline_txt {float: right; color: #ff6e76; font-size: 20px; line-height: 26px; font-weight: 700;}
#BAR_CODE_CONTERT .payment_info_content {width: 100%; display: flex; border: 1px solid #e1e1e1; margin-bottom: 15px;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell {display: table-cell!important; padding: 0; border-right: 1px solid #e1e1e1;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell:last-child {border-right: none;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_title {background: #eee; text-align: center; font-size: 20px; color: #111; font-weight: 700; padding: 15px;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_title_rl {/*writing-mode: vertical-rl;*/ font-size: 20px; color: #111; font-weight: 700; padding: 15px 30px; line-height: 25px;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_title_rl .instruction_txt {text-align: center;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt {font-size: 18px; color: #111; padding: 15px; line-height: 24px;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt .payment_info_item {margin: 10px 0;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt .order_summary {text-align: right; margin: 10px 0;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt .use_seal {width: 100%; display: table; min-height: 8em;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt ol {padding-left: 30px;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt ol li {list-style: decimal-leading-zero; margin: 10px 0;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt ol li span {font-weight: 700;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_img {width: 100%; display: table; padding: 15px; border-top: 1px solid #e1e1e1;}
#BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_img img {display: block; margin: 10px 0;}
#BAR_CODE_CONTERT .CuttingLine {width: 100%; display: table; margin: 15px 0 30px;}
#BAR_CODE_CONTERT .CuttingLine hr {border: 1px dashed #b6b6b6; margin: 2.5rem 0 2rem;}
#BAR_CODE_CONTERT .CuttingLine h6 {display: table; font-size: 16px; font-weight: 500; line-height: 1.2; margin: -3.2rem auto 0; background: #fff; color: #626262; letter-spacing: 3em; padding: 0 0 0 3em;}
@media (max-width: 767px) {
  #BAR_CODE_CONTERT {padding: 20px 15px;}
  #BAR_CODE_CONTERT .payment_info_title .remark_txt {float: none; text-align: center; font-size: 15px;}
  #BAR_CODE_CONTERT .payment_info_title .deadline_txt {float: none; text-align: center;}
  #BAR_CODE_CONTERT .payment_info_content {width: 100%; display: block;}
  #BAR_CODE_CONTERT .payment_info_content .d-table-cell {width: 100%; display: block !important; border-right: none;}
  #BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_img img {width: 100%;}
  #BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_title_rl {border-top: 1px solid #e1e1e1;}
  #BAR_CODE_CONTERT .CuttingLine h6 {letter-spacing: 1em; padding: 0 0 0 1em;}
  #BAR_CODE_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt .payment_info_item span {white-space:nowrap;}
}
#QR_CODE ul.Collection_platform_content li span {color: #f00;}
#QR_CODE ul.Collection_platform_content li p {color: #111;}
#QR_CODE_CONTERT {width: 100%; display: table; padding: 30px; margin: 0 auto 20px; background: #FFF; border: 1px solid #e1e1e1;}
#QR_CODE_CONTERT .payment_info_content {width: 100%; display: table; margin-bottom: 30px; border: 1px solid #e1e1e1;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_title {background: #eee; font-size: 20px; color: #111; font-weight: 700; padding: 15px;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content {width: 100%;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content.d-around {width: 100%; display: flex;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .d-table-cell {width: 50%; display: table-cell!important;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .d-table-cell .payment_inform {width: 100%; display: table; border-top: 1px solid #e1e1e1;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_info_group_left .payment_inform .payment_title {background: #f5f5f5; width:30%; float: left; font-weight: 700; padding: 15px; font-size: 18px; line-height: 40px;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_info_group_left .payment_inform .payment_txt {width: 70%; float: left; padding: 15px; font-size: 18px; line-height: 40px;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_info_group_left .payment_inform.payment_time {color: #F00;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_info_group_right .payment_inform .payment_txt {text-align: center; padding: 15px;font-size: 20px; line-height: 26px; border-left: 1px solid #e1e1e1;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_info_group_right .payment_inform .payment_txt span {width: 100%; display: block; margin: 0 0 15px 0;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_inform {width: 100%; display: table; border-top: 1px solid #e1e1e1;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_inform .payment_title {background: #f5f5f5; width: 15%; float: left; font-weight: 700; padding: 15px; font-size: 18px; line-height: 40px;}
#QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_inform .payment_txt {width: 85%; float: left; padding: 15px; font-size: 18px; line-height: 40px;}
#QR_CODE_CONTERT .payment_info_content.payment_remark {border: none; margin: 0;}
#QR_CODE_CONTERT .payment_info_content.payment_remark .payment_info_content_txt ul {border: none; padding-left: 30px; background: transparent;}
#QR_CODE_CONTERT .payment_info_content.payment_remark .payment_info_content_txt ul li {border: none; list-style: outside; padding: 0; margin: 10px 0; font-size: 16px; line-height: 24px;}
#QR_CODE_CONTERT .payment_info_content.payment_remark .payment_info_content_txt ul li a {float: none; margin-right: 10px;}
#QR_CODE_CONTERT .payment_info_content.payment_remark .payment_info_content_txt ul li a img {display: initial; margin: 0;}
@media (max-width: 767px) {
  #QR_CODE_CONTERT {padding: 20px 15px;}
  #QR_CODE_CONTERT .payment_info_content .payment_info_group_content.d-around {flex-wrap: wrap!important;}
  #QR_CODE_CONTERT .payment_info_content .payment_info_group_content .d-table-cell {width: 100%;}
  #QR_CODE_CONTERT .payment_info_content .payment_info_group_content .d-table-cell.payment_info_group_right {order: -1;}
  #QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_info_group_left .payment_inform .payment_title,
  #QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_info_group_left .payment_inform .payment_txt,
  #QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_inform .payment_title,
  #QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_inform .payment_txt {width: 100%; text-align: center;}
  #QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_info_group_right .payment_inform .payment_txt {width: 100%;}
  #QR_CODE_CONTERT .payment_info_content .payment_info_group_content .payment_info_group_right .payment_inform .payment_txt span {font-size: 18px;}
  #QR_CODE_CONTERT .payment_info_content.payment_remark .payment_info_content_txt ul {padding-left: 20px;}
  #QR_CODE_CONTERT .payment_info_content.payment_remark .payment_info_content_txt ul li {text-align: justify;}
  #QR_CODE_CONTERT .payment_info_content.payment_remark .payment_info_content_txt ul li a {display: table-cell;}
  #QR_CODE_CONTERT .payment_info_content.payment_remark .payment_info_content_txt ul li a img {width: initial; margin: 10px 10px 0 0;}
}
#ATM_LATER_CONTERT {width: 100%; display: table; padding: 30px; margin: 0 auto 20px; background: #FFF; border: 1px solid #e1e1e1;}
#ATM_LATER_CONTERT h3 {font-weight: bold; text-align: center; margin: 0 0 20px;}
#ATM_LATER_CONTERT .payment_info_content {width: 100%; display: flex; border: 1px solid #e1e1e1; margin-bottom: 15px;}
#ATM_LATER_CONTERT .payment_info_content .d-table-cell {display: table-cell!important; padding: 0;}
#ATM_LATER_CONTERT .payment_info_content .d-table-cell .payment_info_content_title {background: #eee; font-size: 20px; color: #111; font-weight: 700; padding: 15px;}
#ATM_LATER_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt {font-size: 18px; color: #111; padding: 15px; line-height: 24px;}
#ATM_LATER_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt .payment_info_item {margin: 10px 0;}
#ATM_LATER_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt .payment_info_item strong {color: #F00;}
@media (max-width: 767px) {
  #ATM_LATER_CONTERT {padding: 20px 15px;}
  #ATM_LATER_CONTERT .payment_info_content {width: 100%; display: block;}
  #ATM_LATER_CONTERT .payment_info_content .d-table-cell {width: 100%; display: block !important;}
  #ATM_LATER_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt .payment_info_item span {white-space:nowrap;}
  #ATM_LATER_CONTERT .payment_info_content .d-table-cell .payment_info_content_txt .payment_info_item:nth-child(2) span strong {display: block;}
}
/* HTL DESIGN訂房客製樣式 START */
table.ms-table-bg > tbody{ display: table; margin: 0 auto; width:100%}
table.ms-table-bg > tbody >tr { float: left;  width: 100%; }
.ms-table-bg{background: #ffffff;border-top:0px; }
 .ms-input-box{
	display: block;
	float: left;
	height: 34px;
	margin:0 0 5px 5px;
	padding: 6px 12px;
	font-size: 1em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	background: url(/eweb_okasos/images/svg/arrow-down.svg) #FFF no-repeat 97% center;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 .ms-input-box:hover{border: 1px solid #1259aa; background-color: #f2f6fe; cursor:pointer; }
 .ms-input-box:focus{text-decoration: none; outline: none; background-color: #f2f6fe; border: 1px solid #1259aa;  box-shadow:none}
 .ms-tr02:first-child .ms-input-box{ width:130px;}
 .ms-tr01>td:first-child, .ms-tr02>td:first-child { width:65px;}
 .ms-tr01>td:first-child>img, .ms-tr02>td:first-child>img { display: none;}
form[name="FORM1"] > table.ms-table-bg > tbody >tr{ margin-right:8px;}
form[name="FORM1"] > table.ms-table-bg > tbody >tr:last-child {width: auto;}
form[name="FORM1"] > table.ms-table-bg > tbody >tr > td { padding: 5px 0; vertical-align: middle; line-height: 2em;}
form[name="FORM1"] > table.ms-table-bg > tbody >tr input { width: 150px; margin: 0 0 5px 5px;  padding: 6px 12px;border: 1px solid #ccc; color: #333; border-radius: 6px;height: 34px;}
form[name="FORM1"] > table.ms-table-bg > tbody >tr input:hover{border: 1px solid #1259aa; background-color: #f2f6fe; }
form[name="FORM1"] > table.ms-table-bg > tbody >tr input:focus{border: 1px solid #1259aa; background-color: #f2f6fe;  box-shadow:none;outline:none}
form[name="FORM1"] > table.ms-table-bg > tbody >tr:nth-child(4).ms-tr01, form[name="FORM1"] > table.ms-table-bg > tbody >tr:nth-child(6).ms-tr01 { float: left; width: auto;}
.ms-table-bg .searchbtn .search-btn,.ms-table-bg .searchbtn .remove-btn{ font-size:1em; font-weight:400;}
.ms-table-bg { font-size: 1.1em;  background: #ebf6f9; }
.ms-table-bg .ms-input-box{
    display: block;
    float: left;
    height: 34px;
    margin: 0 0 5px 5px;
    padding: 6px 12px;
    font-size: 1em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    background: url(/eweb_okasos/images/svg/arrow-down.svg) #FFF no-repeat 97% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ms-input-box:hover{border: 1px solid #1259aa; cursor:pointer; }
.ms-input-box:focus{text-decoration: none; outline: none; border: 1px solid #1259aa;  box-shadow:none}
.ms-tr01>td:first-child,.ms-tr02>td:first-child{  width: 80px;}
.ms-tr01>td:first-child img,.ms-tr02>td:first-child>img{ display: none;}
.ms-tr02:first-child .ms-input-box{ width:130px;}
.ms-tr01>td:first-child,.ms-tr02>td:first-child { width:65px;}
select#s_year { margin-bottom: 10px; padding-top: 50p;}
.ms-input-button{ background:none; border:0 ;}
.ms-input-button td:nth-child(1),.ms-input-button td:nth-child(3){display:none; }
/*列表頁*/
.htl-all-table-width{  width: 100%;}
.htl-all-table-width td {  vertical-align: inherit;}
.htl-all-table-width td.ms-tr02{  padding: 10px;}
.htl-all-table-width tr.ms-tr01 .ms-input-box,.htl-all-table-width tr.ms-tr02 .ms-input-box,form[name="FORM1"] .ms-input-box  {display: inline-block; float:inherit}
.htl-all-table-width .ms-input-button {  margin-top: 10px; margin-bottom: 10px; margin-left: 0;}
.htl-all-table-width .ms-input-button td { color: #ffffff;     background: #6c6c6c;     border: none;     padding: 5px 10px;     border-radius: 5px; }
.htl-all-table-width table .top-icon-link td {  background: #49bbef;  padding: 5px;}
.htl-all-table-width .main-title{   font-size: 15px;   color: #ffffff; line-height: 40px;}
.htl-all-table-width .main-title::before {     content: "||";     position: absolute;     width: 50px;     height: 40px;     left: -50px;     padding-left: 30px;     top: 0px;     background: #ffffff;     font-size: 2rem;     color: #6890da; }
.htl-all-table-width .main-title::after {display:none;}
.htl-all-table-width table .htl-search-result-tr  td{  font-size: 14px; color: #000000; text-decoration: none; 	font-weight: normal; 	background-color:#E7E7E7;     padding: 5px 1px 10px;}
.htl-all-table-width .ms-tr02>td:first-child{vertical-align: inherit;}
.htl-all-table-width .ms-tr02>td:first-child{vertical-align: inherit;}
.htl-contant-td01 img { padding: 5px;}
.order-contant-text01 {line-height: 2em;   color: #7E7E7E; font-size: 16px;  }
.order-contant-text01 .order-input-box { font-size: 16px;     padding: 5px;     color: #333;     margin-bottom: 5px;     border: 1px solid #ccc;     border-radius: 4px; }
.order-contant-text01 input {  padding-top: 5px; }
.htl-order-input-button{  background: #00a0e8 !important;  border: none;  padding: 10px 30px;  border-radius: 5px;  margin: 20px 5px;}
.htl-order-input-button td:nth-child(1),.htl-order-input-button td:nth-child(3) {  display: none;}
.htl-order-input-button td { font-size: 1.6rem;  color: #ffffff;background: #00a0e8 !important;}
.order-input-button td{background: #00a0e8 !important; }
.order-contant-title{ font-size: 1.6rem;   color: #00a0e8;}
.htl-contant-picture{   height: 90px;	width: 120px; }
.htl-contant-picture01{ width: auto;height: auto;}
.htl-contant-td01 img{width: auto;height: auto; }
.htl-contant-td01 img.htl-contant-picture01{ padding:0;     width: 100%;}
.htl-contant-td01 span{ line-height: 2.4rem;}
.htl-contant-text01{   font-size: 14px;    line-height: 25px;   color: #71309C;     text-decoration: none; }
.htl-contant-text02{  font-size: 16px; line-height: 25px; 	color: #00a0e8; text-decoration: none; }
.htl-contant-text03{  font-size: 14px;     color: #666666;     text-decoration: none;     line-height: 25px;     padding: 5px; }
.htl-contant-link01{     font-size: 14px; 	color: #00a0e8; 	text-decoration: none; 	line-height:24px; }
.htl-contant-link02{     font-size: 14px; 	color: #FF0033; 	text-decoration: none; 	line-height: 24px; 	letter-spacing: 1px; }
.htl-contant-link03{     font-size: 14px; 	color: #333333; 	text-decoration: none; 	line-height: 24px; }
.htl-contant-money01{ 	font-size: 14px; 	line-height: 24px; 	color: #F24D48; 	text-decoration: none; 	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 	font-weight: bold; }
.htl-main-title{  font-size: 15px; 	color: #0000FF; 	text-decoration: none; 	font-weight: normal }
.htl-contant-table{  border-collapse: collapse;     border: solid; border-width:2pt; 	border-color:#E0E0E0 ; 	width: 100%; }
.htl-contant-td01{ border-collapse: collapse;     border: solid; border-width:0pt 1pt 1pt 0pt; 	font-size:11px; border-color:#E0E0E0 ; 	background-color:#ffffff ; 	    padding: 5px; 	color: #666666;height:25px; 	line-height: 20px; 	vertical-align: middle; }
.htl-contant-td02{  border-collapse: collapse;     border: solid; border-width:0pt 1pt 1pt 0pt; 	font-size:12px; border-color:#E0E0E0 ; 	background-color:#F5F5F5 ; 	padding: 5px; 	color: #666666; 	height:25px; 	line-height: 20px }
.htl-all-table-width table  td.htl-contant-td03{   border-collapse: collapse;  border: solid; border-width:0pt 1pt 1pt 0pt; 	font-size:14px; border-color:#E0E0E0 ; 	background-color:#ebf6f9 ; padding: 5px 1px; 	color: #333333; 	height:20px; 	line-height: 20px }
.htl-contant-td04{ border-collapse: collapse; 	font-size:12px; 	color: #333333; 	line-height: 20px; 	border-top: 0pt none; 	border-right: 0pt none; 	border-bottom: 1pt solid #CCCCCC; 	border-left: 0pt none; 	padding: 10px 5px; }
.htl-contant-td05 { border-collapse: collapse; 	font-size:12px; 	background-color:#DFFFFF; 	color: #333333; 	border-top: 0pt none; 	border-right: 0pt none; 	border-bottom: 1pt solid #CCCCCC; 	border-left: 0pt none; 	 line-height: 24px; 	 padding: 10px 5px; }
/*加入會員頁*/
.htl-all-table-width .order-contant-table{width:100%;margin-bottom: 10px;}
.htl-all-table-width table.order-contant-table td.order-contant-td01 {  padding: 8px 0 15px;   font-size: 16px;  color: #00a0e8;  background: #ffffff !important;}

/*線上訂房*/
table.htl-date-search-table>tbody>tr:first-child { background: #d1edf3;}
.htl-date-search-table{ border-collapse: collapse;     border: solid; border-width:1pt; 	border-color:#ffffff ; 	width: 100%; }
.htl-date-search-td01{  border-collapse: collapse;     border:  solid; border-width:1pt; 	font-size:11px; border-color:#cccccc ; 	background-color:#cdcdcd ; 	padding: 5px ; 	color: #342F3C; 	line-height: 18px }
.htl-date-search-td02{ border-collapse: collapse;     border:  solid; border-width:1pt; 	font-size:11px; border-color:#cccccc ; 	background-color:#d1edf3 ; padding:5px ; color: #342F3C; 	line-height: 18px 	 }
.htl-date-search-td03{  border-collapse: collapse;     border:  solid; border-width:1pt; 	font-size:12px; border-color:#cccccc ; 	background-color:#fefefe ; color: #807593; 	line-height: 18px }
.htl-date-search-td04{ border-collapse: collapse;     border: solid; border-width:0pt 1pt 1pt 0pt; 	font-size:12px; border-color:#cccccc ; 	background-color:#F9F7F0 ; 	padding:3px ; 	color: #333; 	line-height: 15px ; 	font-family: "Microsoft JhengHei", "微軟正黑體","Arial", "Helvetica", "sans-serif"; vertical-align:middle; text-align:center; }
.htl-all-table-width .ms-tr01>td:first-child>img,.htl-all-table-width .ms-tr02>td:first-child>img{ display:inline-block}
.htl-all-table-width .ms-tr02>td:first-child {width: auto;}
.htl-all-table-width .order-contant-td01,.htl-all-table-width .order-contant-td02,.htl-all-table-width .order-contant-td03,.htl-all-table-width .order-contant-td04 {  font-size: 16px;  line-height: 30px;     padding: 5px; }
.htl-all-table-width .order-contant-td01 {background: #eeeeee !important;}
.htl-all-table-width .order-contant-td04 {  border-collapse: collapse;     border: solid;     border-width: 1pt;     font-size: 12px;     border-color: #f2f2f2;  background-color: #DCDFE2;  padding: 3px 3px 3px 3px; color: #342F3C;  height: 20px;   line-height: 20px; }
.htl-all-table-width .order-contant-text01 .order-contant-text02 { font-size: 16px; color:#00a0e8;  line-height: 3rem;}
.htl-all-table-width .order-contant-td03{   border-collapse: collapse; border: solid;  border-width: 1pt;  font-size: 12px;  border-color: #f2f2f2;  background-color: #eeeeee;  padding: 3px 3px 3px 3px;  color: #342F3C;   height: 20px;   line-height: 20px;}
/*飯店介紹*/
.htl-contant-text03 span{ line-height: 2.4rem; }
.go-contant-link01{padding-top: 10px; }
.htl-all-table-width span.txt01 {  padding: 0 10px;     margin-top: 5px;     display: inline-block; }
/* HTL DESIGN訂房客製樣式 END*/

/* 搜尋列表頁增加大圖輪播 */
#castletour_B2B.carousel {width: 100%; display: table; margin-top: 130px !important; height: 300px;}
#castletour_B2B a.left {left: 0;}
#castletour_B2B a.left,
#castletour_B2B a.right {background: rgba(0, 0, 0, .2);}
#castletour_B2B a.left:active,
#castletour_B2B a.left:hover,
#castletour_B2B a.right:active,
#castletour_B2B a.right:hover {background-position: initial !important; background: rgba(0, 0, 0, .5);}
#castletour_B2B .carousel-indicators li {width: 16px; height: 16px; margin: 0 5px;}
#castletour_B2B .carousel-indicators .active {width: 16px; height: 16px; margin: 0 5px;}

/* for_美最時訂購完成頁面列印增加簽名欄位*/
@media print {
.signature_field {display: block !important; margin: 0 auto 50px; padding: 0 10px;}
.signature_field ul {display: flex; justify-content: flex-end; border: none;}
.signature_field ul li {border: none; font-size: 16px; font-weight: bold; padding: 0 10px;}
.signature_field ul li.signature_field_line {border-bottom: 1px solid #333; width: 200px;}
}


/* 會員專區 */
.w-all-100 {
    width: 100% !important;
}
.w-all-80 {
    width: 80% !important;
}
.w-all-75 {
    width: 75% !important;
}
.w-all-70 {
    width: 70% !important;
}
.w-all-50 {
    width: 50% !important;
}
.w-all-30 {
    width: 30% !important;
}
.w-all-25 {
    width: 25% !important;
}
.w-all-20 {
    width: 20% !important;
}
.w-all-15 {
    width: 15% !important;
}
.w-all-10 {
    width: 10% !important;
}
.w-all-05 {
    width: 5% !important;
}
.w-all-0 {
    width: 0% !important;
}
.Clear-min-width {
  min-width: inherit !important;
}
.d-none {
    display: none !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.align-items-center {
    align-items: center !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font0 {
    font-size: 22px;
    line-height: 28px
}

@media(max-width: 991px) {
    .font0 {
        font-size:22px;
        line-height: 28px
    }
}

@media(max-width: 767px) {
    .font0 {
        font-size:20px;
        line-height: 26px
    }
}

.font1 {
    font-size: 20px;
    line-height: 26px
}

@media(max-width: 991px) {
    .font1 {
        font-size:20px;
        line-height: 26px
    }
}

@media(max-width: 767px) {
    .font1 {
        font-size:18px;
        line-height: 24px
    }
}

.font2 {
    font-size: 18px;
    line-height: 24px
}

@media(max-width: 991px) {
    .font2 {
        font-size:18px;
        line-height: 24px
    }
}

@media(max-width: 767px) {
    .font2 {
        font-size:16px;
        line-height: 22px
    }
}

.font3 {
    font-size: 16px;
    line-height: 22px
}

@media(max-width: 991px) {
    .font3 {
        font-size:16px;
        line-height: 22px
    }
}

@media(max-width: 767px) {
    .font3 {
        font-size:14px;
        line-height: 20px
    }
}

.font4 {
    font-size: 14px;
    line-height: 20px
}

@media(max-width: 991px) {
    .font4 {
        font-size:14px;
        line-height: 20px
    }
}

@media(max-width: 767px) {
    .font4 {
        font-size:12px;
        line-height: 18px
    }
}

.font5 {
    font-size: 12px;
    line-height: 18px
}

.font6 {
    font-size: 23px;
    line-height: 29px
}

@media(max-width: 991px) {
    .font6 {
        font-size:23px;
        line-height: 29px
    }
}

@media(max-width: 767px) {
    .font6 {
        font-size:21px;
        line-height: 27px
    }
}

.font7 {
    font-size: 21px;
    line-height: 27px
}

@media(max-width: 991px) {
    .font7 {
        font-size:21px;
        line-height: 27px
    }
}

@media(max-width: 767px) {
    .font7 {
        font-size:19px;
        line-height: 25px
    }
}

.font8 {
    font-size: 19px;
    line-height: 25px
}

@media(max-width: 991px) {
    .font8 {
        font-size:19px;
        line-height: 25px
    }
}

@media(max-width: 767px) {
    .font8 {
        font-size:17px;
        line-height: 23px
    }
}

.font9 {
    font-size: 17px;
    line-height: 23px
}

@media(max-width: 991px) {
    .font9 {
        font-size:17px;
        line-height: 23px
    }
}

@media(max-width: 767px) {
    .font9 {
        font-size:15px;
        line-height: 21px
    }
}

.font10 {
    font-size: 15px;
    line-height: 21px
}

@media(max-width: 991px) {
    .font10 {
        font-size:15px;
        line-height: 21px
    }
}

@media(max-width: 767px) {
    .font10 {
        font-size:13px;
        line-height: 19px
    }
}

.font11 {
    font-size: 13px;
    line-height: 19px
}

@media(max-width: 767px) {
    .font11 {
        font-size:12px;
        line-height: 18px
    }
}

.font12 {
    font-size: 30px;
    line-height: 45px
}

@media(max-width: 991px) {
    .font12 {
        font-size:30px;
        line-height: 45px
    }
}

@media(max-width: 767px) {
    .font12 {
        font-size:25px;
        line-height: 37px
    }
}

.font13 {
    font-size: 32px;
    line-height: 45px
}

@media(max-width: 991px) {
    .font13 {
        font-size:32px;
        line-height: 45px
    }
}

@media(max-width: 767px) {
    .font13 {
        font-size:26px;
        line-height: 39px
    }
}
.m-00 {
    margin: 0 !important;
}
.mx-00 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.my-00 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.mb-00 {
    margin-bottom: 0 !important;
}
.mt-00 {
    margin-top: 0 !important;
}
.ml-00 {
    margin-left: 0 !important;
}
.mr-00 {
    margin-right: 0 !important;
}
.m-05 {
    margin: 5px !important;
}
.mx-05 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.my-05 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.mb-05 {
    margin-bottom: 5px !important;
}
.mt-05 {
    margin-top: 5px !important;
}
.ml-05 {
    margin-left: 5px !important;
}
.mr-05 {
    margin-right: 5px !important;
}
.m-10 {
    margin: 10px !important;
}
.mx-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.m-15 {
    margin: 15px !important;
}
.mx-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}
.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.m-20 {
    margin: 20px !important;
}
.mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}
.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.m-25 {
    margin: 25px !important;
}
.mx-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
}
.my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.ml-25 {
    margin-left: 25px !important;
}
.mr-25 {
    margin-right: 25px !important;
}
.m-30 {
    margin: 30px !important;
}
.mx-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}
.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.ml-30 {
    margin-left: 30px !important;
}
.mr-30 {
    margin-right: 30px !important;
}
.m-35 {
    margin: 35px !important;
}
.mx-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
}
.my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.ml-35 {
    margin-left: 35px !important;
}
.mr-35 {
    margin-right: 35px !important;
}
.m-40 {
    margin: 0 !important;
}
.mx-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}
.my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.mr-40 {
    margin-right: 40px !important;
}
.m-45 {
    margin: 45px !important;
}
.mx-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
}
.my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.mt-45 {
    margin-top: 45px !important;
}
.ml-45 {
    margin-left: 45px !important;
}
.mr-45 {
    margin-right: 45px !important;
}
.m-50 {
    margin: 50px !important;
}
.mx-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
}
.my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.ml-50 {
    margin-left: 50px !important;
}
.mr-50 {
    margin-right: 50px !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}
.p-0,
.p-00 {
    padding: 0 !important;
}
.px-0,
.px-00 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.py-0,
.py-00 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pb-0,
.pb-00 {
    padding-bottom: 0 !important;
}
.pt-0,
.pt-00 {
    padding-top: 0 !important;
}
.pl-0,
.pl-00 {
    padding-left: 0 !important;
}
.pr-0,
.pr-00 {
    padding-right: 0 !important;
}

.p-05 {
    padding: 5px !important;
}

.px-05 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.py-05 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pb-05 {
    padding-bottom: 5px !important;
}

.pt-05 {
    padding-top: 5px !important;
}

.pl-05 {
    padding-left: 5px !important;
}

.pr-05 {
    padding-right: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.px-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.px-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.px-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.px-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
}

.py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.p-45 {
    padding: 45px !important;
}

.px-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
}

.py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.p-50 {
    padding: 50px !important;
}

.px-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pr-50 {
    padding-right: 50px !important;
}
.gray-border {
    border: 1px solid #e2e2e2;
}
.signin_width {
    max-width: 394px;
    padding-top: 250px;
    margin-bottom: 150px;
}
.signin_width input {
    width: 100%;
    border-radius: 3px;
    padding: 6px 10px;
    border: 1px solid #e2e2e2;
    font-size: 16px;
    line-height: 22px;
    color: #111;
    height: auto;
    -webkit-appearance: none;
}
input.form-control:focus, input:focus {
    border-color: #6eb2ff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff!important
}
@media (max-width: 767px) {
    .signin_width {
        max-width: 100%;
        padding-top: 50px;
        margin-bottom: 50px;
    }
}
.signin_box .member-l_note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}
.note_box a {
    color: #6eb2ff;
}
.note_box a:hover {
    color: #65a3e8;
}
.Member_Group {margin: 20px auto 50px;}
.Member_Group .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.Member_Group .breadcrumb {background-color: transparent; margin-top: 115px; margin-bottom: 0;}
.Member_Group h2 {font-size: 18px; font-weight: bold;}

.member_width {
    /* padding: 20px 15px 50px */
}
@media (max-width: 767px) {
  .Member_Group {top: 0;}
  .Member_Group .breadcrumb {width: 100%; margin-top: 0;}
  .member_width {width: 100%;}
}
@media(max-width: 991px) {
    .member_width {
        padding:0 15px 35px
    }
}

@media(max-width: 991px) {
    .member_width {
        padding:0 15px 25px
    }
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
.card {
    margin-right: 15px;
    margin-left: 15px;
}
.card-border {
    border-color: #e2e2e2
}
.col-12.card {
    max-width: calc(100% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 30px);
    flex: 0 0 calc(100% - 30px)
}

.col-11.card {
    max-width: calc(91.666667% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(91.666667% - 30px);
    flex: 0 0 calc(91.666667% - 30px)
}

.col-10.card {
    max-width: calc(83.333333% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(83.333333% - 30px);
    flex: 0 0 calc(83.333333% - 30px)
}

.col-9.card {
    max-width: calc(75% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(75% - 30px);
    flex: 0 0 calc(75% - 30px)
}

.col-8.card {
    max-width: calc(66.666667% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(66.666667% - 30px);
    flex: 0 0 calc(66.666667% - 30px)
}

.col-7.card {
    max-width: calc(58.333333% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(58.333333% - 30px);
    flex: 0 0 calc(58.333333% - 30px)
}

.col-6.card {
    max-width: calc(50% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 30px);
    flex: 0 0 calc(50% - 30px)
}

.col-5.card {
    max-width: calc(41.666667% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(41.666667% - 30px);
    flex: 0 0 calc(41.666667% - 30px)
}

.col-4.card {
    max-width: calc(33.333333% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.333333% - 30px);
    flex: 0 0 calc(33.333333% - 30px)
}

.col-3.card {
    max-width: calc(25% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 30px);
    flex: 0 0 calc(25% - 30px)
}

.col-2.card {
    max-width: calc(16.666667% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(16.666667% - 30px);
    flex: 0 0 calc(16.666667% - 30px)
}

.col-1.card {
    max-width: calc(8.333333% - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(8.333333% - 30px);
    flex: 0 0 calc(8.333333% - 30px)
}

@media(min-width: 768px) {
    .col-md-12.card {
        max-width:calc(100% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 30px);
        flex: 0 0 calc(100% - 30px)
    }

    .col-md-11.card {
        max-width: calc(91.666667% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(91.666667% - 30px);
        flex: 0 0 calc(91.666667% - 30px)
    }

    .col-md-10.card {
        max-width: calc(83.333333% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(83.333333% - 30px);
        flex: 0 0 calc(83.333333% - 30px)
    }

    .col-md-9.card {
        max-width: calc(75% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(75% - 30px);
        flex: 0 0 calc(75% - 30px)
    }

    .col-md-8.card {
        max-width: calc(66.666667% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(66.666667% - 30px);
        flex: 0 0 calc(66.666667% - 30px)
    }

    .col-md-7.card {
        max-width: calc(58.333333% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(58.333333% - 30px);
        flex: 0 0 calc(58.333333% - 30px)
    }

    .col-md-6.card {
        max-width: calc(50% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 30px);
        flex: 0 0 calc(50% - 30px)
    }

    .col-md-5.card {
        max-width: calc(41.666667% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(41.666667% - 30px);
        flex: 0 0 calc(41.666667% - 30px)
    }

    .col-md-4.card {
        max-width: calc(33.333333% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.333333% - 30px);
        flex: 0 0 calc(33.333333% - 30px)
    }

    .col-md-3.card {
        max-width: calc(25% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 30px);
        flex: 0 0 calc(25% - 30px)
    }

    .col-md-2.card {
        max-width: calc(16.666667% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.666667% - 30px);
        flex: 0 0 calc(16.666667% - 30px)
    }

    .col-md-1.card {
        max-width: calc(8.333333% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(8.333333% - 30px);
        flex: 0 0 calc(8.333333% - 30px)
    }
}

@media(min-width: 992px) {
    .col-lg-12.card {
        max-width:calc(100% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 30px);
        flex: 0 0 calc(100% - 30px)
    }

    .col-lg-11.card {
        max-width: calc(91.666667% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(91.666667% - 30px);
        flex: 0 0 calc(91.666667% - 30px)
    }

    .col-lg-10.card {
        max-width: calc(83.333333% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(83.333333% - 30px);
        flex: 0 0 calc(83.333333% - 30px)
    }

    .col-lg-9.card {
        max-width: calc(75% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(75% - 30px);
        flex: 0 0 calc(75% - 30px)
    }

    .col-lg-8.card {
        max-width: calc(66.666667% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(66.666667% - 30px);
        flex: 0 0 calc(66.666667% - 30px)
    }

    .col-lg-7.card {
        max-width: calc(58.333333% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(58.333333% - 30px);
        flex: 0 0 calc(58.333333% - 30px)
    }

    .col-lg-6.card {
        max-width: calc(50% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 30px);
        flex: 0 0 calc(50% - 30px)
    }

    .col-lg-5.card {
        max-width: calc(41.666667% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(41.666667% - 30px);
        flex: 0 0 calc(41.666667% - 30px)
    }

    .col-lg-4.card {
        max-width: calc(33.333333% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.333333% - 30px);
        flex: 0 0 calc(33.333333% - 30px)
    }

    .col-lg-3.card {
        max-width: calc(25% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 30px);
        flex: 0 0 calc(25% - 30px)
    }

    .col-lg-2.card {
        max-width: calc(16.666667% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.666667% - 30px);
        flex: 0 0 calc(16.666667% - 30px)
    }

    .col-lg-1.card {
        max-width: calc(8.333333% - 30px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(8.333333% - 30px);
        flex: 0 0 calc(8.333333% - 30px)
    }
}
.col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.member_title {
    margin: 30px 0
}

@media(max-width: 767px) {
    .member_title {
        margin:30px 0 15px;
        width: 100%;
    }
}

.member_title .title_txt {
    width: auto;
    float: left;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px
}

@media(max-width: 767px) {
    .member_title .title_txt {
        font-size:16px;
        line-height: 22px
    }
}

.member_title .sign_out {
    width: auto;
    float: right
}

.member_title .sign_out a {
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.member_title .sign_out a .icon-sign-out {
    -webkit-mask-image: url(/eweb_design/images/member/sign-out.svg);
    mask-image: url(/eweb_design/images/member/sign-out.svg);
    width: 14px;
    height: 11px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262;
    margin-right: 5px
}

.member_title .sign_out a p {
    color: #626262;
    float: right;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px
}

@media(max-width: 767px) {
    .member_title .sign_out a p {
        font-size:14px;
        line-height: 20px
    }
}

.member_title .sign_out a:hover .icon-sign-out {
    background: #111
}

.member_title .sign_out a:hover p {
    color: #111
}

.member_title .sign_out a:active .icon-sign-out {
    background: #111
}

.member_title .sign_out a:active p {
    color: #111
}

@media(max-width: 767px) {
    .member_nav .card {
        padding:0 15px
    }
}

@media(max-width: 320px) {
    .member_nav .card {
        padding:0
    }
}

.member_nav .nav_left {
    margin: 15px 0;
    padding: 20px 15px;
    border-right: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) {
    .member_nav .nav_left {
        border-right:none;
        border-bottom: 1px solid #e2e2e2;
        padding: 10px 15px 25px;
        width: 100%;
    }
}

.member_nav .nav_left .member_photo {
    float: left;
    margin-right: 25px;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    -webkit-box-shadow: 2px 2px 5px #d7d7d7;
    box-shadow: 2px 2px 5px #d7d7d7;
    overflow: hidden
}

.member_nav .nav_left .member_photo img {
    max-width: 100%
}

.member_nav .nav_left .member_info {
    float: left
}

.member_nav .nav_left .member_info h5 {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    margin: 0;
    color: #111;
    margin-right: 10px
}

@media(max-width: 767px) {
    .member_nav .nav_left .member_info h5 {
        font-size:18px;
        line-height: 24px
    }
}

.member_nav .nav_left .member_info p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #626262;
    margin-right: 15px
}

@media(max-width: 767px) {
    .member_nav .nav_left .member_info {width: 100%;}
    .member_nav .nav_left .member_info p {
        font-size:12px;
        line-height: 18px;
        margin-bottom: 0
    }
}

.member_nav .nav_left .member_info a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.member_nav .nav_left .member_info .icon-pen {
    -webkit-mask-image: url(/eweb_design/images/member/pen.svg);
    mask-image: url(/eweb_design/images/member/pen.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #6eb2ff
}

.member_nav .nav_left .member_info span {
    font-size: 14px;
    line-height: 20px;
    color: #6eb2ff;
    margin-left: 5px
}

@media(max-width: 767px) {
    .member_nav .nav_left .member_info span {
        font-size:12px;
        line-height: 18px
    }
}

.member_nav .nav_left .member_info a:hover .icon-pen {
    background-color: #65a3e8
}

.member_nav .nav_left .member_info a:hover span {
    color: #65a3e8
}

.member_nav .nav_left .member_info a:active .icon-pen {
    background-color: #5183bc
}

.member_nav .nav_left .member_info a:active span {
    color: #5183bc
}

.member_nav .nav_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media(max-width: 767px) {
    .member_nav .nav_right {
        padding:0;
        margin-bottom: 25px;
        width: 100%;
    }
}

@media(max-width: 767px) {
    .member_nav .nav_btn {
        padding:0 5px
    }
}

.member_nav .nav_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.member_nav .nav_btn a .nav_img {
    width: 30px;
    height: 30px;
    background: #e2f0ff;
    border-radius: 50px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px
}

.member_nav .nav_btn a span {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #626262;
    margin-bottom: 10px
}

@media(max-width: 767px) {
    .member_nav .nav_btn a span {
        font-size:12px;
        line-height: 18px
    }
}

.member_nav .nav_btn a h4 {
    text-align: center;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 28px;
    color: #111;
    font-weight: bold
}

@media(max-width: 767px) {
    .member_nav .nav_btn a h4 {
        font-size:20px;
        line-height: 26px
    }
}

.member_nav .nav_btn a:hover h4 {
    color: #65a3e8
}

.member_nav .nav_btn a:active h4 {
    color: #5183bc
}
.member_width .idx_title {
    padding: 12px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 1px solid #e2e2e2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.member_width .idx_title span {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}
.member_width .order_info .order_title {
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
}
@media(max-width: 767px) {
  .member_width .order_info .order_title {display: none !important;}
}
.member_width .idx_title img {
    margin-right: 10px;
}
.member_width .gray1-txt {
    color: #111;
}
.member_order .order_item {
    border-bottom: 1px solid #e2e2e2;
    display: block;
    width: 100%;
}
.member_order .order_item:last-child {
  border: none;
}
.member_order .order_item:hover {
    background: #e2e2e2;
}
.member_order .order_item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.member_order .order_info .order-time {
    width: 16%;
    padding: 10px;
    text-align: center
}
.order_info .order-num {
    width: 16%;
    text-align: center
}

.order_info .order-name {
    width: 36%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.order_info .order-date {
    width: 16%;
    text-align: center
}

.order_info .order-status {
    width: 16%;
    text-align: center
}

.order_info .order-status span {
    width: 75px;
    line-height: 26px
}
.favorite_box .favorite_item {
    padding: 7.5px 15px;
    border-bottom: 1px solid #e2e2e2;
    display: block;
    width: 100%;
}
.favorite_box .favorite_item:nth-last-child(1) {
    border:none
}
@media(max-width: 767px) {
  .member_order .order_item a  {flex-wrap: wrap;}
  .member_order .order_item a > div {
    width: 50% !important;
    display: flex;
    padding: 10px;
    align-items: center;
  }
  .member_order .order_item a > div::before {white-space: nowrap; margin-right: 10px;}
  .member_order .order_item a .order-num {order: 1;}
  .member_order .order_item a .order-date {order: 2}
  .member_order .order_item a .order-name {order: 3; width: 100% !important;}
  .member_order .order_item a .order-time {order: 4;}
  .member_order .order_item a .order-status {order: 5;}
}
@media(max-width: 991px) {
    .favorite_box .favorite_item:nth-last-child(1) {
        border:none
    }
}

.favorite_box .favorite_item:hover {
    background: #e2e2e2
}

.favorite_box .favorite_item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.favorite_box .favorite_item .favorite_img {
    margin-right: 15px;
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    overflow: hidden;
}
.favorite_box .favorite_item .favorite_img img {
    max-width: initial;
    max-height: initial;
    object-fit: cover;
    height: inherit;
}

.favorite_box .favorite_item .favorite_name {
    float: left;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: calc(100% - 60px);
    height: 44px;
    color: #111
}

@media(max-width: 767px) {
    .favorite_box .favorite_item .favorite_name {
        font-size:14px;
        line-height: 20px;
        height: 40px
    }
}

.message_box .member-tabs {
    background: #fff;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    padding: 15px;
}
.message_box .member-tabs .nav-item {
    width: 33.33333%;
}
.member_order .member-tabs li, .member_Message .member-tabs li, .member_message .member-tabs li, .member_discount .member-tabs li {
    margin: 0;
    border: 1px solid #e2e2e2;
    border-right: none;
    width: 16%;
}
.member_order .member-tabs li:nth-child(1), .member_Message .member-tabs li:nth-child(1), .member_message .member-tabs li:nth-child(1), .member_discount .member-tabs li:nth-child(1) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.member_order .member-tabs li:nth-last-child(1), .member_Message .member-tabs li:nth-last-child(1), .member_message .member-tabs li:nth-last-child(1), .member_discount .member-tabs li:nth-last-child(1) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #e2e2e2;
}
.member_order .member-tabs a, .member_Message .member-tabs a, .member_message .member-tabs a, .member_discount .member-tabs a {
    border: none !important;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px;
    font-size: 16px;
    line-height: 22px;
    color: #b6b6b6 !important;
    margin: 0;
}
.member_order .member-tabs .nav-item:hover a, .member_Message .member-tabs .nav-item:hover a, .member_message .member-tabs .nav-item:hover a, .member_discount .member-tabs .nav-item:hover a {
    background: #e2f0ff;
    color: #626262 !important;
}
.member_order .member-tabs .nav-item.active a, .member_Message .member-tabs .nav-item.active a, .member_message .member-tabs .nav-item.active a, .member_discount .member-tabs .nav-item.active a {
    color: #6eb2ff !important;
}
.tab-content .tab-box {
    display: none;
}
.tab-content .tab-box.active {
    display: block;
}
.message_box .message_item {
    padding: 10px 15px;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    display: block;
    width: 100%;
}
.message_box .message_item:first-child {
  border-top: 1px solid #e2e2e2;
}
.message_box .message_item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.message_box .message_item .message_right {
    float: right;
    width: 100%;
}
.message_box .message_item .message_right .message_name {
    width: 77%;
    float: left;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.message_box .message_item .message_right span {
    margin-left: 5px;
    font-size: 14px;
    line-height: 20px;
}
.message_box .message_item .message_right .message_date {
    width: 23%;
    float: right;
    font-size: 13px;
    line-height: 18px;
    color: #626262;
    text-align: right;
}
.message_box .message_item .message_right .message_content {
    float: left;
    font-size: 13px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    height: 19px;
    color: #626262;
}
.briefing_info .briefing_title,
.briefing_info .briefing_item {border-bottom: 1px solid #e2e2e2;}
.briefing_info .briefing_item:last-child {border: none;}
.briefing_item .briefing-items {
    padding: 0 10px;
}
.briefing_info .briefing-name {
    width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.briefing_info .briefing-date {width: 17%;}
.briefing_info .briefing-days {width: 8%;}
.briefing_info .briefing-content {
  width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.briefing_info .briefing-link {width: 10%;}


@media(max-width: 767px) {
  .briefing_info .briefing_title {display: none !important;}
  .briefing_info .briefing_item > div {width: 50%; padding: 10px; display: flex;}
  .briefing_info .briefing_item > div::before {margin-right: 10px; white-space: nowrap;}
  .briefing_info .briefing_item > div.briefing-name {width: 100%;}
  .briefing_info .briefing_item > div.briefing-name::before {content: '團體名稱';}
  .briefing_info .briefing_item > div.briefing-date {}
  .briefing_info .briefing_item > div.briefing-date::before {content: '出發日期';}
  .briefing_info .briefing_item > div.briefing-days {}
  .briefing_info .briefing_item > div.briefing-days::before {content: '天數';}
  .briefing_info .briefing_item > div.briefing-content {width: 100%;}
  .briefing_info .briefing_item > div.briefing-content::before {content: '說明會日期及內容';}
  .briefing_info .briefing_item > div.briefing-link {}
  .briefing_info .briefing_item > div.briefing-link::before {content: '連結';}
}
@media(max-width: 991px) {
    .member-data-l {
        overflow:scroll;
        display: block;
        margin-bottom: 10px;
        -webkit-overflow-scrolling: touch
    }
}

.member-data-l .mobile_scroll {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 991px) {
    .member-data-l .mobile_scroll {
        width:-webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        float: none;
        min-width: 100%;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        padding-right: 15px
    }
}

.member-data-l .mobile_scroll .card {
    width: 100%
}

@media(max-width: 991px) {
    .member-data-l .mobile_scroll .card {
        width:100px;
        float: left;
        margin-right: 2px!important;
        padding: 15px 10px!important;
    }

    .member-data-l .mobile_scroll .card:nth-last-child(1) {
        margin-right: 0!important
    }
}

@media(max-width: 767px) {
    .member-data-l .mobile_scroll .card {
        width:95px;
        padding: 15px 10px!important;
    }
}

@media(max-width: 767px) {
    .member-data-l .mobile_scroll .card a {
        height:auto
    }
}

.member-data-l .mobile_scroll .card a:hover span,.member-data-l .mobile_scroll .card a.active span {
    color: #6eb2ff
}

.member-data-l .mobile_scroll .card a:hover div,.member-data-l .mobile_scroll .card a.active div {
    background-color: #6eb2ff;
}

.member-data-l .mobile_scroll .card a:active span {
    color: #5183bc
}

.member-data-l .mobile_scroll .card a:active div {
    background-color: #5183bc;
}

.member-data-l .nav_btn a span {
    margin: 0
}

@media(max-width: 991px) {
    .member-data-l .nav_btn a span {
        font-size:14px;
        line-height: 24px
    }
}

.member-nav-pen {
    -webkit-mask-image: url(/eweb_design/images/member/pen.svg);
    mask-image: url(/eweb_design/images/member/pen.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-nav-bell {
    -webkit-mask-image: url(/eweb_design/images/member/bell.svg);
    mask-image: url(/eweb_design/images/member/bell.svg);
    width: 12px;
    height: 14px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-nav-receipt {
    -webkit-mask-image: url(/eweb_design/images/member/receipt.svg);
    mask-image: url(/eweb_design/images/member/receipt.svg);
    width: 12px;
    height: 14px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-nav-heart {
    -webkit-mask-image: url(/eweb_design/images/member/heart.svg);
    mask-image: url(/eweb_design/images/member/heart.svg);
    width: 14px;
    height: 12.2px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-nav-gift {
    -webkit-mask-image: url(/eweb_design/images/member/gift.svg);
    mask-image: url(/eweb_design/images/member/gift.svg);
    width: 14px;
    height: 12.25px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-nav-map {
    -webkit-mask-image: url(/eweb_design/images/member/map-marker-alt.svg);
    mask-image: url(/eweb_design/images/member/map-marker-alt.svg);
    width: 9px;
    height: 12px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-nav-friends {
    -webkit-mask-image: url(/eweb_design/images/member/user-friends.svg);
    mask-image: url(/eweb_design/images/member/user-friends.svg);
    width: 17.5px;
    height: 12.25px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-nav-grupstate {
    -webkit-mask-image: url(/eweb_design/images/member/bullhorn.svg);
    mask-image: url(/eweb_design/images/member/bullhorn.svg);
    width: 15px;
    height: 14px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-nav-check {
    -webkit-mask-image: url(/eweb_design/images/member/shield-check.svg);
    mask-image: url(/eweb_design/images/member/shield-check.svg);
    width: 13px;
    height: 14px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-home {
    -webkit-mask-image: url(/eweb_design/images/member/home.svg);
    mask-image: url(/eweb_design/images/member/home.svg);
    width: 14px;
    height: 12px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #626262
}

.member-l_box {
    padding: 30px;
}
.member-l_title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.title_txt {
    font-size: 18px;
    line-height: 24px;
    color: #111;
    width: auto;
    float: left;
    margin-right: 10px;
    font-weight: bold;
}
.member-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.member_order .member-tabs, .member_Message .member-tabs, .member_message .member-tabs, .member_discount .member-tabs {
    border: none;
}
.member_order .member-tabs li, .member_Message .member-tabs li, .member_message .member-tabs li, .member_discount .member-tabs li {
    margin: 0;
    border: 1px solid #e2e2e2;
    border-right: none;
    width: 16%;
}
.member_order .member-tabs li:nth-child(1), .member_Message .member-tabs li:nth-child(1), .member_message .member-tabs li:nth-child(1), .member_discount .member-tabs li:nth-child(1) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.member_order .member-tabs a.active, .member_Message .member-tabs a.active, .member_message .member-tabs a.active, .member_discount .member-tabs a.active {
    color: #6eb2ff !important;
}
@media (min-width: 992px) {
    .member_Message .member-l_box .tab-content {
        height: calc(100% - 90px);
        position: relative;
    }
    .member_Message .member-l_box .tab-content .tab-box.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .member_Message .member-l_box .tab-content .tab-box.active>div {
        width: 100%;
    }
}
.Record {
    border: 1px solid #e2e2e2;
}
.Record .Record-tit {
    width: 100%;
}
.Record .Record-info {
    width: 100%;
}
.inform_txt2 {
    font-size: 14px;
    line-height: 20px;
    color: #111;
    width: 100%;
}
.weight-bold {
    font-weight: bold;
}
.Record .Record-tit .Release-date {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.member-l_mark {
    font-size: 12px;
    line-height: 18px;
    color: #b6b6b6;
    text-align: center;
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.note_box {
    font-size: 12px;
    line-height: 18px;
    color: #626262;
    width: auto;
    float: left;
}
.fade.show {
    opacity: 1;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
#member-news .Record:hover {
    background: #e2e2e2;
    cursor: pointer;
}
.Member_Group .modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.order-light .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.order-light .modal-dialog.w-460 {
    max-width: 460px;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% -(0.5rem* 2));
}
.order-light .modal-body ol li {
  list-style-type: decimal-leading-zero;
  margin-left: 25px;
}
@media (min-width: 576px) {
    .Member_Group .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .Member_Group .modal-dialog-centered {
        min-height: calc(100% -(1.75rem* 2));
    }
}
.Member_Group .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
.Member_Group .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}
@media (min-width: 576px) {
    .Member_Group .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }
}
.order-light .modal-title {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
}
.order-light .close {
    position: absolute;
    top: 10px;
    right: 15px;
    outline: none;
}
.Record-Detail-Info, .Ask-Detail-Info, .Inquire-Detail-Info, .Common-Detail-Info, .purchase_add-Info {
    max-height: 350px;
    overflow-y: scroll;
}
.order-light .modal-body p {margin: 0;}
.order-light .modal-body .inform_txt2 {
    color: #626262;
    text-align: justify;
}

::-webkit-scrollbar {
    width: 5px;
    height: 8px
}

::-webkit-scrollbar-button {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background: #e2e2e2;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #b6b6b6
}
.pagination {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.pagination .page-item {
    margin: 0 5px;
}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1db3f3;
    border-color: #1db3f3;
}
.pagination .page-item .page-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    color: #b6b6b6;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    width: 35px;
    height: 35px;
    border-radius: 3px;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
    background: none;
}
.pagination .page-item .page-link:hover {
    background: #e2f0ff;
    color: #626262;
}
.pagination .page-item .page-link:active {
    color: #6eb2ff;
}
.pagination .page-item.active .page-link {
    z-index: 1;
    color: #6eb2ff;
}
@media (min-width: 768px) {
    #message-Ask .note_box, #message-Inquire .note_box {
        width: calc(100% - 195px);
        margin-right: 15px;
    }
}
.Record .Record-btn {
    width: 180px;
    height: 35px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}
.Record .Record-btn a {
    background: #f8f8f9;
    border-right: 1px solid #e2e2e2;
}
.Record .Record-btn a:last-child {
    border: none;
}
.Record .Record-btn a:hover {
    background: #e2f0ff;
    color: #111;
}
.order-1 {
    order: 1;
}
.order-light textarea {
    height: 200px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    color: #626262;
    outline: none;
}
.Reply-content .name {
    color: #111;
}
.Record-Details textarea {
    height: 70px;
}
.member-l_btn {
    font-size: 16px;
    line-height: 22px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 7px;
    border-radius: 3px;
}
.l_benPrimary {
    color: #fff;
    background: #6eb2ff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.l_benPrimary:hover {
    color: #fff;
    background: #65a3e8;
    border-color: #6eb2ff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.l_benPrimary:active,
.l_benPrimary:focus {
    color: #fff;
    background: #5183bc;
    outline: none;
    border-color: #6eb2ff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.l_benSecondary:hover {
    color: #626262;
    background: #b6b6b6;
    border-color: #6eb2ff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.l_benSecondary:focus {
    color: #fff;
    background: #626262;
    outline: none;
    border-color: #6eb2ff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.l_benInfo {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.l_benInfo:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
    border-color: #6eb2ff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.l_benInfo:focus, .l_benInfo:active {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
    outline: none;
    border-color: #6eb2ff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.order-light.two-btn .member-l_btn {
    width: calc(50% - 10px);
}
.member-l_btn:active,
.order-light.two-btn .member-l_btn:active {outline: none;}
.text-wrong {
    font-size: 12px;
    line-height: 18px;
    color: #ff6e76;
    margin-right: 10px;
}
.member-group {
    width: 100%;
    display: table;
}
.member-data-r .member-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.member-data-r .member-group label {
    font-size: 16px;
    line-height: 22px;
    color: #111;
    width: 65px;
    height: 22px;
    text-align: justify;
    text-align-last: justify;
    position: relative;
    margin-right: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    letter-spacing: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: normal;
}
.member-data-r .member-group.member-radio label:first-child {
    width: 65px;
    margin-right: 15px;
}
.member-data-r .member-group.member-radio.marriage label:first-child {
    width: 65px;
    margin-right: 20px;
}
.member-data-r .member-group span {
    color: #ff6e76;
}
.member-data-r .member-group label span {
    position: absolute;
    right: -9px;
    top: 0;
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.member-data-r .member-group input {
    width: calc(100% - 85px);
    border-radius: 3px;
    padding: 6px 10px;
    border: 1px solid #e2e2e2;
    font-size: 16px;
    line-height: 22px;
    color: #111;
    height: auto;
    -webkit-appearance: none;
}
/* .member-data-r .member-group.n-identity input {
    width: calc(45% - 30px);
  } */
.member-data-r .member-group select {
    width: 100%;
    font-size: 16px;
    color: #111;
    padding: 5px 10px;
}
@media (max-width: 767px) {
  .member_information .nationaly {width: 100%;}
  .member_Message .member-l_box .tab-content {padding: 0px;}
  .member_Message .member-tabs li {width: 50%;}
  .Record .Record-tit {flex-wrap: wrap;}
  .Record .Record-tit .Release-date {margin: 10px 0;}
  .Record .Record-tit .Release-date > div {width: 50%;}
  .Record .Record-btn {margin: 10px 0; width: 100%;}
}
@media (min-width: 992px) {
    .member_information .nationaly, .member-CommomList-info .nationaly {
        width: calc(100% - 85px);
        /* padding-left: 11px;
        padding-right: 11px; */
    }
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.select2-container .select2-selection--single {
    border-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    color: #111;
    padding: 5px;
    outline: none;
    height: 40px;
    border-radius: 3px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
@media (max-width: 767px) {
    .flex-xs-wrap {flex-wrap: wrap;}
    .col-xxs-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-xxs-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxs-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-xxs-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-xxs-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .flex-sm-wrap {flex-wrap: wrap;}
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
}
@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.member_information .member-group.gender, .member-CommomList-info .member-group.gender {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.member_information .member-group.marriage, .member-CommomList-info .member-group.marriage {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.member-radio label {
    width: 60px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    color: #b6b6b6;
    font-size: 16px;
    line-height: 22px;
}
.member-radio label:first-child {
    border-right: none;
    border: none;
    width: 72px;
    height: auto;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}
.member-radio input[type=radio]+label {
    width: 61px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #b6b6b6;
}
.member-radio input[type=radio]+label:last-child {
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: -1px;
}
.member-radio input[type=radio]:checked+label {
    color: #65a3e8;
    background: #e2f0ff;
    border-color: #6eb2ff;
    font-weight: bold;
    z-index: 1;
}
.member-data-r .member-group.member-radio label:nth-child(n+2) {
    margin-right: 0;
}
.member_information .member-group.gender label:nth-child(3), .member-CommomList-info .member-group.gender label:nth-child(3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.member_information .member-group.marriage label:nth-child(3), .member-CommomList-info .member-group.marriage label:nth-child(3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.member_information .member-group.gender label:nth-child(5), .member-CommomList-info .member-group.gender label:nth-child(5) {
    margin-left: -2px;
}
.member_information .member-group.marriage label:nth-child(5), .member-CommomList-info .member-group.marriage label:nth-child(5) {
    margin-left: -2px;
}
.member_information .member-group.gender input[type=radio]+label, .member-CommomList-info .member-group.gender input[type=radio]+label {
    width: calc(50% - 40px);
    height: 36px;
}
.member_information .member-group.marriage input[type=radio]+label, .member-CommomList-info .member-group.marriage input[type=radio]+label {
    width: calc(50% - 42px);
    height: 36px;
}
.member_information .r-city .form-control-inline input, .member-CommomList-info .r-city .form-control-inline input {
    background: #fff;
    width: 89px !important;
}
.member_information .member-group .note_box, .member-CommomList-info .member-group .note_box {
    color: #ff6e76;
}
.member_information .member-group.ID_number .note_box, .member-CommomList-info .member-group .note_box {
    padding-left: 0px;
    color: #ff6e76;
}
.r-date .input-group {
    width: calc(100% - 85px);
}
.r-date .input-group input {width: 100%; border-radius: 3px !important;}
.member_information .glyphicon-calendar:before {content: '';}
.member_information .r-city, .member-CommomList-info .r-city {
    margin-bottom: 5px;
}
[role="tw-city-selector"] {
    width: calc(100% - 85px);
}
.member_information .r-address, .member-CommomList-info .r-address {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.check-cbx {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    min-width: 50%;
}
.check-cbx span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #626262;
}
.check-cbx span:first-child {
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    -webkit-transform: scale(1);
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #e2e2e2;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background: #fff;
}
.inp-cbx:checked+.check-cbx span:first-child {
    background: #fff;
    border-color: #6eb2ff;
    -webkit-animation: wave .4s ease;
    animation: wave .4s ease;
}
.check-cbx span:first-child svg {
    position: absolute;
    top: 1px;
    left: 0;
    fill: none;
    stroke: #6eb2ff;
    stroke-width: 1.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.inp-cbx:checked+.check-cbx span:first-child svg {
    stroke-dashoffset: 0;
}
.bottom_btn {
    width: 100%;
}
.card-fluid {
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.member_information .member-data-btn, .member-CommomList-info .member-data-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.bottom_btn .member-l_btn {
    width: calc(50% - 11px);
    float: left;
}
.member_information .member-data-btn .member-l_btn, .member-CommomList-info .member-data-btn .member-l_btn {
    width: 30%;
}
.l_benSecondary {
    color: #626262;
    background: #e2e2e2;
}
.signin_width .l_benPrimary:focus,
.signin_width .l_benPrimary:active,
.member-data-btn .l_benPrimary:focus,
.member-data-btn .l_benPrimary:active {outline: none;}
@media (max-width: 767px) {
    .member_information .member-group {margin-bottom: 15px;}
    .member_information .member-group .note_box {padding-left: 0;}
    .member_information .r-city [role=tw-city-selector], .member-CommomList-info .r-city [role=tw-city-selector] {
        width: 100%;
    }
    .member-data-r .member-group input {
        width: 100%;
    }
    .member_information .member-data-btn .member-l_btn, .member-CommomList-info .member-data-btn .member-l_btn {
      width: calc(50% - 11px);
    }
    .member_information .member-data-btn, .member-CommomList-info .member-data-btn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.l_btn_box {
    width: 60.35%;
    margin-left: auto;
    margin-right: auto;
}
.l_benNoopen,
.l_benNoopen:hover,
.l_benNoopen:focus {
    color: #fff;
    background: #b6b6b6;
    cursor: default;
}
.member_order form#searchForm {
    width: auto;
}
.title_search {
    position: relative;
}
.member_order .title_search {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.member_order .title_search input.form-control, .member_order .title_search input {
    height: 28px;
    border-radius: 3px;
    padding: 3px 10px 3px 29px;
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}
.member_order .title_search select {
    height: 28px;
    margin-left: 10px;
    border-color: #e2e2e2;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.input-group.date .input-group-addon {
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.member_order .title_search .input-group-addon {
    top: 8px;
    bottom: unset;
    right: unset;
    left: 10px;
}
.list-title {
    width: 100%;
    border: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: bold;
    color: #111;
}
.list-title div {
    padding: 10px;
    border-right: 1px solid #e2e2e2;
    font-weight: bold;
    color: #111;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.order-time {
    width: 13.5%;
}
.list-info .order-time {
    justify-content: center;
}

.order-D-date {
    width: 13.5%
}
.list-info .order-D-date {
    justify-content: center;
}

@media(max-width: 767px) {
    .order-D-date::before {
        content:"出發日期";
    }
}

.order-num {
    width: 13%
}
.list-info .order-num {
    justify-content: center;
}

@media(max-width: 767px) {
    .order-num::before {
        content:"訂單編號";
    }
}

.order-name {
    width: 23%
}

@media(max-width: 767px) {
    .order-name::before {
        content:"商品名稱";
    }
}

.order-price {
    width: 12.5%;
}
.list-info .order-price {
    justify-content: flex-end;
}

@media(max-width: 767px) {
    .order-price::before {
        content:"訂單金額";
    }
}

.order-date {
    width: 12.5%
}
.list-info .order-date {
    justify-content: center;
}

@media(max-width: 767px) {
    .order-date::before {
        content:"報名/訂購日期";
    }
}

.order-status {
    width: 12%
}
.list-info .order-status {
    justify-content: center;
}

@media(max-width: 767px) {
    .order-status::before {
        content:"處理狀態";
    }
}
.list-title div:nth-last-child(1) {
    border-right: none;
}
.list-info {
    border: 1px solid #e2e2e2;
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #626262;
}
.list-info:hover {
    background: rgb(226, 226, 226);
}
.list-info>div {
    padding: 10px;
    border-right: 1px solid #e2e2e2;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}
.list-info>div:nth-last-child(1) {
    border-right: none;
    position: relative;
}

@media (max-width: 767px) {
    .list-title {
        display: none;
    }
    .order-time::before {
        content:"出發日期";
        margin-right: 5px;
    }
    .list-info {
        margin-bottom: 10px;
    }
    .list-info>div {
        width: 100%;
        border-top: 1px solid #e2e2e2;
        border-right: none;
        position: relative;
        padding-left: calc(31% + 10px);
    }
    .list-info>div::before {
        display: block;
        position: absolute;
        left: 0;
        font-weight: bold;
        width: 31%;
        border-right: 1px solid #e2e2e2;
        height: 100%;
        top: 0;
        padding-top: 8px;
        padding-left: 10px;
        color: #111;
    }
    .member_order .tab-content .tab-box .row > div {padding: 0;}
    .member_order .member-l_box .tab-content .tab-box .row > div .list-info .order-time::before {content: '訂購日期';}
    .member_order .member-l_box .tab-content .tab-box .row > div .list-info .order-num::before {content: '訂單編號';}
    .member_order .member-l_box .tab-content .tab-box .row > div .list-info .order-name::before {content: '品項名稱';}
    .member_order .member-l_box .tab-content .tab-box .row > div .list-info .order-D-date::before {content: '出發日期';}
    .member_order .member-l_box .tab-content .tab-box .row > div .list-info .order-price::before {content: '訂單金額';}
    .member_order .member-l_box .tab-content .tab-box .row > div .list-info .order-date::before {content: '收款狀態';}
    .member_order .member-l_box .tab-content .tab-box .row > div .list-info .order-status::before {content: '訂單狀態';}
    .member_orderDtail .member-l_box .detail-box .row > div {width: 100%;}
    .member_orderDtail .member-l_box .detail-box .detail-basic .basic-item {flex: 0 0 50%; max-width: 50%;}
    .member_orderDtail .member-l_box .detail-box .detail-basic .basic-item .inform_txt:nth-child(1) {width: 42%;}
    .member_orderDtail .member-l_box .detail-box .detail-basic .basic-item .detail-date:nth-child(2) {width: 58%;}
    .member_orderDtail .member-l_box .detail-box .detail-basic .basic-item-name .inform_txt:nth-child(1) {width: 19%;}
    .member_orderDtail .member-l_box .detail-box .detail-basic .basic-item-name .detail-date:nth-child(2) {width: 81%;}
    .member_orderDtail .member-l_box .detail-box .listDetail-info > div {width: 100%; min-height: 38px; border-top: 1px solid #e2e2e2; border-right: none; position: relative; padding-left: calc(31% + 10px);}
    .member_orderDtail .member-l_box .detail-box .listDetail-info > div::before {display: flex; align-items: center; padding-top: 0;}
    .member_orderDtail .member-l_box .detail-box .listDetail-info > div.detail-list::before {content: '訂購內容';}
    .member_orderDtail .member-l_box .detail-box .listDetail-info > div.detail-leavDate::before {content: '出發日期';}
    .member_orderDtail .member-l_box .detail-box .listDetail-info > div.detail-price::before {content: '單價';}
    .member_orderDtail .member-l_box .detail-box .listDetail-info > div.detail-quantity::before {content: '數量';}
    .member_orderDtail .member-l_box .detail-box .listDetail-info > div.detail-total::before {content: '小計';}
    .member_orderDtail .member-l_box .detail-box .row > div > .price-item > .inform_txt2 {display: none;}
    .member_orderDtail .member-l_box .detail-box .row > div > .price-item > .total-price::before {content: '總金額'; padding-top: 0; display: flex; align-items: center;}
    .member_orderDtail .member-l_box .detail-box .row > div > .price-item > .total-price .inform_txt {width: 100%;}
    .member_orderDtail .member-l_box .detail-box .detail-PersonInfo .listDetail-info > div {padding: 10px;}
    .member_orderDtail .member-l_box .detail-box .detail-PersonInfo .listDetail-info .detail-item .person-box {width: 100%; flex-wrap: wrap;}
    .member_orderDtail .member-l_box .detail-box .detail-PersonInfo .listDetail-info .detail-item .person-box .person-item {flex: 0 0 100%; max-width: 100%;}
    .member_orderDtail .member-l_box .detail-box .detail-PersonInfo .listDetail-info .detail-item .person-box .person-item > div {width: calc(100% - 40%);}
    .member_orderDtail .member-l_box .detail-box .detail-PersonInfo .listDetail-info .detail-item .person-box .person-item .P-infotit {width: 40%;}
}
.order_tag span {
    width: 70px;
    height: 25px;
}
.red-txt {
    color: #ff6e76;
}
.red-border {
    border: 1px solid #ff6e76;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.member_order .title_search input.form-control, .member_order .title_search input {
    height: 28px;
    border-radius: 3px;
    padding: 3px 10px;
    border: 1px solid #e2e2e2;
}
.Favorite-content.skin_module {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    z-index: 1;
    width: 100%;
    margin: 0;
}
.Favorite-content.skin_module .product-item {
    background: #fff;
    width: calc(25% - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    overflow: hidden;
    margin: 15px 15px;
    -webkit-transition: .3s;
    transition: .3s;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.Favorite-content.skin_module .product-item {
    width: 100%;
    margin: 5px 0 0 0;
}
.Favorite-content.skin_module .product-item:hover {
    -webkit-box-shadow: 0 0 5px #b6b6b6;
    box-shadow: 0 0 5px #b6b6b6;
    border-color: #dcdcdd;
    -webkit-transition: .3s;
    transition: .3s;
}
.Favorite-content.skin_module .item-images {
    position: relative;
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
@media (min-width: 768px) {
    .Favorite-content.skin_module .item-images {
        height: 210px;
        overflow: hidden;
    }
}
.Favorite-content.skin_module .item-images {
    width: 220px;
    height: 140px;
    background: #f0f0f0;
}
.Favorite-content.skin_module .item-images img {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
}
.Favorite-content .item-box {
    width: calc(100% - 220px);
}
.Favorite-content.skin_module .item-name {
    width: 100%;
}
.Favorite-content.skin_module .item-name a {
    font-size: 18px;
    line-height: 24px;
    color: #111;
    text-align: justify;
    display: block;
}
.Favorite-content.skin_module .product-item .item-name a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.Favorite-content.skin_module .item-price {
    width: 100%;
    text-align: right;
    padding: 5px 15px 10.5px;
}
.Favorite-content.skin_module .item-price {
    padding: 5px 15px 15px;
}
.Favorite-content.skin_module .item-price .total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 5px;
}
.Favorite-content.skin_module .item-price .total div {
    width: auto;
    font-size: 18px;
    line-height: 24px;
}
.Favorite-content.skin_module .item-price .total div, .Favorite-content.skin_module .item-price .total span {
    font-size: 20px;
    line-height: 26px;
}
.Favorite-content.skin_module .item-price .total span {
    font-size: 12px;
    line-height: 18px;
}
.Favorite-content.skin_module .item-price .total div, .Favorite-content.skin_module .item-price .total span {
    font-size: 20px;
    line-height: 26px;
}
@media (max-width: 767px) {
  .Favorite-content .item-box,
  .Favorite-content.skin_module .item-images {width: 100%;}
  .Favorite-content.skin_module .item-name {padding: 15px 15px 0 15px !important;}
}
.grupstate-content .briefing_info {
    border: 1px solid #e2e2e2;
}
.grupstate-content .briefing_info .briefing_item:hover {
    background: rgb(226, 226, 226);
}
.member_orderDtail .title_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.detail-basic {
    display: flex;
    flex-wrap: wrap;
}
.basic-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex: 0 0 25%;
    max-width: 25%;
}
.basic-item .inform_txt:nth-child(1) {
    width: 30%;
    color: #626262;
    text-align-last: justify;
    padding-right: 10px;
}
.basic-item div:nth-child(2) {
    width: 70%;
}
.basic-item div.detail-num {
    width: auto;
}
.basic-item-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex: 0 0 100%;
    max-width: 100%;
}
.basic-item-name .inform_txt:nth-child(1) {
    width: 7.5%;
    color: #626262;
}
.basic-item-name div:nth-child(2) {
    width: 92.5%;
}
.member_GroupOrderDtail .order_tag {
    float: right;
}
.member_orderDtail .list-title {
    background: #f0f0f0;
}
.listDetail-title>div {
    border: none;
    font-size: 12px;
    line-height: 18px;
    color: #626262;
    font-weight: normal;
}
.listDetail-title .detail-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #111;
    padding-left: 15px;
}
.member_GroupOrderDtail .detail-list {
    width: 41%;
}
.detail-leavDate {
    width: 17%;
    text-align: center;
}
.detail-price, .plus_detail-price {
    width: 17%;
    text-align: right;
}
.detail-quantity, .plus_detail-quantity {
    width: 8%;
    text-align: center;
}
.detail-total, .plus_detail-total {
    width: 17%;
    text-align: right;
}
.price-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.member_GroupOrderDtail .price-item {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.price-item .inform_txt2 {
    width: auto;
    border: none;
    padding-left: 15px;
    font-size: 16px;
    line-height: 22px;
}
.price-item .total-price, .price-item .Deposit, .price-item .last-paragraph {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.price-item .total-price div, .price-item .Deposit div, .price-item .last-paragraph div {
    text-align: right;
}
.listDetail-title .payment-record {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #111;
    padding-left: 15px;
}
.member_GroupOrderDtail .listDetail-title .payment-record {
    width: auto;
}
.member_GroupOrderDtail .listDetail-title .payment-status {
    padding: 0;
}
.member_GroupOrderDtail .payment-price, .member_GroupOrderDtail .payment-deadline, .member_GroupOrderDtail .payment-way, .member_GroupOrderDtail .payment {
    width: 25%;
    text-align: center;
}
.member_GroupOrderDtail .payment-way, .member_GroupOrderDtail .payment {
    width: 18%;
}
.member_GroupOrderDtail .payment-price {
    width: 39%;
}
.member_GroupOrderDtail .list-info.no-data {
    height: auto;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .5rem;
    color: #dc3545;
}
.member_GroupOrderDtail .list-info.no-data {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.detail-PersonInfo .listDetail-title>div {
    font-size: 16px;
    line-height: 22px;
    color: #111;
    font-weight: bold;
    padding-left: 15px;
}
.listDetail-info>div {
    border: none;
}
.detail-PersonInfo .detail-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.listDetail-info>div:nth-child(1) {
    padding-left: 15px;
}
.detail-PersonInfo .listDetail-info>div {
    padding: 10px 15px;
    border-bottom: 1px solid #e2e2e2;
}
.detail-PersonInfo .listDetail-info>div:nth-last-child(1) {
    border-bottom: 0;
}
.detail-PersonInfo .detail-item .person-box {
    width: 50%;
    text-align: justify;
    display: flex;
}
.person-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    line-height: 22px;
    width: 50%;
}
.person-item>div {
    width: calc(100% - 50%);
    padding-right: 15px;
    color: #111;
}
.person-item>div>img {
  vertical-align: baseline;
}
.person-item .P-infotit {
    width: 50%;
    color: #111;
    padding: 0 20px 0 0;
    text-align-last: justify;
    position: relative;
}
.person-item .P-infotit:after {
  content: '：';
  position: absolute;
}
/* .detail-PersonInfo .detail-item .person-box:nth-child(even) .person-item>div {
    padding-right: 0;
}
.detail-PersonInfo .listDetail-info.Traveler .person-box:nth-child(3) .person-item:nth-child(1) div:nth-child(even), .detail-PersonInfo .listDetail-info.Traveler .person-box:nth-child(4) .person-item:nth-child(1) div:nth-child(even) {
    width: calc(50% - 70px);
}
.member_GroupOrderDtail .list-info>div:nth-last-child(1) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}*/
.detail-PersonInfo .listDetail-info:hover {
    background: none;
}
.detail-list ul .member-l_mark, .plus_detail-list ul .member-l_mark {
    width: 13%;
    text-align: left;
    color: #626262;
}
.detail-list ul li:nth-child(1) .member-l_mark, .plus_detail-list ul li:nth-child(1) .member-l_mark {
    width: 100%;
}

.member_orderDtail .member-l_box .detail-box .row > div.Detail_Payment_record > .record-list > div,
.member_orderDtail .member-l_box .detail-box .row > div.Detail_Payment_record > .listDetail-info > div,
.member_orderDtail .member-l_box .detail-box .row > div.Detail_Card_payment_records > .record-list > div,
.member_orderDtail .member-l_box .detail-box .row > div.Detail_Card_payment_records > .listDetail-info > div {width: 25%; justify-content: center;}
.member_orderDtail .member-l_box .detail-box .row > div.Detail_ATM_Transfer_record > .record-list > div,
.member_orderDtail .member-l_box .detail-box .row > div.Detail_ATM_Transfer_record > .listDetail-info > div {width: 33.33%; justify-content: center;}
@media (max-width: 767px) {
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_Payment_record > .record-list > div,
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_Payment_record > .listDetail-info > div,
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_Card_payment_records > .record-list > div,
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_Card_payment_records > .listDetail-info > div,
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_ATM_Transfer_record > .record-list > div,
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_ATM_Transfer_record > .listDetail-info > div {width: 100%;}
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-title {display: block;}
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-title > div.detail-leavDate,
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-title > div.detail-price,
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-title > div.detail-quantity,
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-title > div.detail-total {display: none;}
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-title .detail-list {display: block;}
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-title.record-list {display: none;}
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-title .payment-record {justify-content: flex-start !important;}
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-info .payment-way::before {content: '單號';}
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-info .payment-deadline::before {content: '付款日期';}
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-info .payment::before {content: '繳款人';}
  .member_orderDtail .member-l_box .detail-box .row > div > .listDetail-info .payment-price::before {content: '金額';}
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_Card_payment_records > .listDetail-info .payment-way::before {content: '刷卡單號';}
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_Card_payment_records > .listDetail-info .payment-deadline::before {content: '刷卡日期';}
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_ATM_Transfer_record > .listDetail-info .payment-deadline::before {content: '申請日期';}
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_ATM_Transfer_record > .listDetail-info .payment-way::before {content: '應轉入帳號';}
  .member_orderDtail .member-l_box .detail-box .row > div.Detail_ATM_Transfer_record > .listDetail-info .payment-price::before {content: '已轉入金額';}
}