@charset "utf-8";
/* 預設共用 */
* {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;}
}
img {max-width: 100% !important;}
.form-control {line-height: 34px;}
.wrapper {}
body {}
.pc_style {display: block;}
.mobile_style {display: none !important;}
.section-title {
    padding-top: 50px;
    margin-top: 0;
    display: table;
    margin-left: auto;
    margin-right: auto;
    color: #693f0b;
    padding-top: 20px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 32px;
    width: 100%;
}
.section-title .section-title-en {
    font-style: normal;
    clear: left;
    display: table;
    margin: 10px auto;
    text-align: center;
    border-top: 0.4px solid #a17743;
    padding: 10px 15px 0;
    font-size: 18px;
    color: #a17743;
    font-weight: 500;
}
.module_I {background: #EEE; padding-bottom: 50px;}
/* 線上客服 */
.loaded .sl-widget-box.sl-widget-box.coverShown .sl-widget-box__main__close span {background: #000 !important;}

.header {margin: 0px; padding: 0px; text-align:center; position: fixed; left:0; top:0px; width:100%; /*height: 1000px;*/ transition: top .5s; z-index: 9999;}
.gizle {top: -73px !important;}
.sabit {top:0px; /*z-index: 9999;*/}

.modal {z-index: 10000;}
#Related_download .modal-title, #travel_information .modal-title {text-align: center;}
#Related_download .modal-dialog, #travel_information .modal-dialog {width: 300px;}
#Related_download .modal-dialog ul li {border-bottom: 1px #ccc dashed;}
#Related_download .modal-dialog ul li a {font-size: 15px; color: #333; line-height: 34px; display: block;}
#travel_information .modal-dialog ul {display: table; width: 100%; margin-bottom: 20px;}
#travel_information .modal-dialog ul li {border-bottom: 1px #ccc dashed; float: left; width: 50%;}
#travel_information .modal-dialog ul li a {font-size: 15px; color: #333; line-height: 34px; display: block;}
#travel_information .modal-dialog ul:last-child {margin-bottom: 0;}
/** 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; padding: 16px 0px 17px;}


.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;}

.theme_travel {margin-top: 20px;}
.theme_travel .theme_travel_item {margin-bottom: 20px;}
.theme_travel .theme_travel_item img {width: 100%;}
.recommended_itinerary {margin-top: 20px;}
.recommended_itinerary .recommended_itinerary_item {padding: 0 15px;}
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar {margin: 15px 0; width: 100%; max-width: inherit; min-width: inherit; max-height: inherit;}
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar h2 {padding: 0; margin-bottom: 5px;}
.recommended_itinerary .recommended_itinerary_item .grid figure {background: rgba(0, 0, 0, .8);}
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar figcaption {background-color: transparent; text-shadow: 1px 2px 5px #333;}
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar figcaption::before {top: 20px; bottom: 20px; left: 20px; right: 20px;}
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar:hover figcaption {background-color: rgba(0, 0, 0, .5);}

.recommended_itinerary .recommended_itinerary_item:nth-child(2) {height: 585px; overflow: hidden;}
.recommended_itinerary .recommended_itinerary_item:nth-child(2) .effect-oscar {height: 100%;}
.recommended_itinerary .recommended_itinerary_item:nth-child(2) .effect-oscar img {height: 100%; object-fit: cover;}
.recommended_itinerary .recommended_itinerary_item:nth-child(2) .effect-oscar figcaption::before {bottom: 35px;}
.recommended_itinerary .recommended_itinerary_item:nth-child(2) .effect-oscar figcaption h2 {margin: 45% 0 10px;}

.recommended_itinerary .recommended_itinerary_item:nth-child(8) {height: 585px; overflow: hidden; float: right; margin-bottom: 15px;}
.recommended_itinerary .recommended_itinerary_item:nth-child(8) .effect-oscar {height: 100%;}
.recommended_itinerary .recommended_itinerary_item:nth-child(8) .effect-oscar img {height: 100%; object-fit: cover;}
.recommended_itinerary .recommended_itinerary_item:nth-child(8) .effect-oscar figcaption::before {bottom: 35px;}
.recommended_itinerary .recommended_itinerary_item:nth-child(8) .effect-oscar figcaption h2 {margin: 45% 0 10px;}

.recommended_itinerary .recommended_itinerary_item:nth-child(12) {height: 585px; overflow: hidden;}
.recommended_itinerary .recommended_itinerary_item:nth-child(12) .effect-oscar {height: 100%;}
.recommended_itinerary .recommended_itinerary_item:nth-child(12) .effect-oscar img {height: 100%; object-fit: cover;}
.recommended_itinerary .recommended_itinerary_item:nth-child(12) .effect-oscar figcaption::before {bottom: 35px;}
.recommended_itinerary .recommended_itinerary_item:nth-child(12) .effect-oscar figcaption h2 {margin: 45% 0 10px;}
@media (max-width: 767px) {
  .search_content .merge_search ul li,
  .search_content .merge_search ul li.merge_search_keyword .merge_search_input {width: 100% !important;}
  .search_content .merge_search ul li.merge_search_date .form_date,
  .search_content .merge_search ul li.merge_search_area .merge_search_select:nth-child(2), .search_content .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 48% !important;}
  .theme_travel .theme_travel_item {height: 105px;}
  .recommended_itinerary .recommended_itinerary_item {height: auto; float: left !important;}
  .recommended_itinerary .recommended_itinerary_item figure.effect-oscar figcaption {padding: 3em 15px;}
  .recommended_itinerary .recommended_itinerary_item figure.effect-oscar figcaption h2 {line-height: 30px; font-size: 13px; margin: 0 !important; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
  .recommended_itinerary .recommended_itinerary_item figure.effect-oscar figcaption p {display: none;}
}
/*
.recommended_itinerary .recommended_itinerary_item h3 {}
.recommended_itinerary .recommended_itinerary_item figure {
      position: relative;
      float: left;
      overflow: hidden;
      margin: 10px 1%;
      max-height: 100%;
      width: 100%;
      background: #3085a3;
      text-align: center;
      cursor: pointer;
  }
.recommended_itinerary .recommended_itinerary_item figure h2 span {
      font-weight: 800;
  }
.recommended_itinerary .recommended_itinerary_item figure img {
      position: relative;
      display: block;
      min-height: 100%;
      max-width: 100%;
      width: 100%;
      opacity: .8;
  }
.recommended_itinerary .recommended_itinerary_item figure figcaption {
      padding: 2em;
      color: #fff;
      text-transform: uppercase;
      font-size: 1.25em;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar {
      background: -webkit-linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);
      background: linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);
  }
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar img {
      opacity: .9;
      -webkit-transition: opacity .35s;
      transition: opacity .35s;
  }
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar figcaption {
      padding: 3em;
      background-color: rgba(58,52,42,.7);
      -webkit-transition: background-color .35s;
      transition: background-color .35s;
  }
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar figcaption::before, figure.effect-oscar p {
      opacity: 0;
      -webkit-transition: opacity .35s,-webkit-transform .35s;
      transition: opacity .35s,transform .35s;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
.recommended_itinerary .recommended_itinerary_item figure.effect-oscar h2 {
      margin: 20% 0 10px;
      -webkit-transition: -webkit-transform .35s;
      transition: transform .35s;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
  }
  */

.recommended_itinerary .list-group div.list-group-item {width: 100%; display: table; line-height: 34px;}
.recommended_itinerary .list-group div.list-group-item ul li {float: left; width: 20%;}
.recommended_itinerary .list-group div.list-group-item ul li:nth-child(2) {width: 60%; text-align: center;}
.recommended_itinerary .list-group div.list-group-item a {color: #333;}
.recommended_itinerary .list-group div.list-group-item a.btn-danger {float: right; color: #FFF;}
.recommended_itinerary .list-group div.list-group-item a i {margin-right: 5px;}
#top .block-title {}

.free_travel_banner img {width: 100%;}
/* 主框架 */

.section-header {margin: 30px auto 0; text-align: center;}
.section-header h2 { position: relative; margin-top: 0; font-size: 30px; z-index: 1; padding: 0;}
.section-header h2>span {padding: 0 50px; color: #333; background-color: #fff;}
.section-header .line {position: absolute; top: 16px; left: 0; right: 0; height: 1px; width: 70%; margin: 0 auto; background-color: #ccc;z-index: -1;}
.section-header p {font-size: 14px; color: #666;}

/* 麵包屑 */
.breadcrumb {background-color: transparent; margin-top: 180px;}
.breadcrumb > li {line-height: 30px;}
.breadcrumb > li.active {color: #a59681;}
.breadcrumb > li a {color: #777;}
.breadcrumb > li a:hover {color: #333;}

.idx .breadcrumb {margin-top: 20px;}

/* FOOTER */
footer .prose .small span {float: right;}
.footer ul.footer_sub_nav {text-align: center; padding: 10px 0;}
.footer ul.footer_sub_nav li {display: inline-block; color: #333;}
.footer ul.footer_sub_nav li a {color: #333; padding: 0 5px; line-height: 34px;}
.footer ul.footer_sub_nav li a:hover {color: #F60;}
.footer ul.footer_sub_nav li:before {content: '|';}
.footer ul.footer_sub_nav li:last-child:before {content: '|';}

footer .prose .small button {position: relative; z-index: 99999;}
.service_box {display: none;}
#widget {display: block;}
/* Loader */

/* 回頂點 */
.actGotop{position:fixed;_position:absolute;bottom:100px;right:100px;width:60px;height:60px;display:none;z-index: 999;}
.actGotop a, .actGotop a:link{width:60px;height:60px;display:inline-block; border-radius: 30px; outline:none; background:#005bac; line-height: 80px; text-align: center; color: #FFF; font-weight: bold;}
.actGotop a:hover{background:#e60012; outline:none;}
.actGotop a i {position: absolute; width: 60px; left: 0; top: 5px; font-size: 30px;}

.member {padding-top: 200px;}

/********** 合併搜尋列表頁 **********/

/****** 合併搜尋引擎-個團及團型共用-也可以最外層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_hsinchu/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.6%; 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_hsinchu/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_hsinchu/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_hsinchu/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_hsinchu/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_hsinchu/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_hsinchu/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; background-color: #8fc002; border-color: #94c40a;}

/* 搜尋條件及排序方式 */
.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_hsinchu/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-iast-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 15px;}
/*圖片*/
.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; float: right; display: table; height: 20px;}
.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_list .product_item .thumbnail > .product_sharer {display: none; 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: none; text-align: left; padding: 10px; left: 0; right: 0; bottom: 55px;}
.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-iast-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: 450px;}
.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 > .product_sharer {width: 100%; display: none; text-align: left; padding: 10px; right: 0; position: initial;}
.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: 16%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.flight_box ul li:nth-child(1) {width: 4%; text-align: center;}
.flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}


/************************************************************************************/

/****** 個團明細頁 ******/
/** 團名 **/
.product_details h3 {margin: 0; line-height: 34px; font-size: 30px;}
.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 .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;}

.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;}

#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 20px;}
.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 .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%;}

.day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_1 img {width:100%; height: 380px;}
.day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_2 img {width:100%; height: 380px;}
.day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_3 img {width:100%; height: 250px;}
.day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_4 img {width:100%; height: 180px;}
.day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_5 img {width:100%; height: 250px;}
.day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_6 img {width:100%; height: 180px;}
.day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_7 img {width:100%; height: 250px;}
.day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_8 img {width:100%; height: 180px;}
/*每日行程-餐食*/
.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 {position: absolute; top: 10px; margin-left: 10px;}
.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: 100px;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 > p {text-align: justify; line-height: 25px; margin: 0;}
.product_details .OtherInstructions .other_content > ul > li > ul > li {line-height: 25px;}



/************************************************************************************/



/****** 團型明細頁 ******/
/** 團名 **/
.product_types h3 {margin: 0; line-height: 34px; font-size: 30px;}

/** 產品基本資料 **/
.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 {color: #F00; font-size: 20px; font-weight: bold;}
.product_types .product_basic_info ul li.price_content 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;}


.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 .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 20px;}
.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 .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 {}
.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 {}
.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 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: 100px;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 .Additional .panel-group .panel-default .panel-body .list-inline > li {}

/** 護照及簽證 **/
.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;}



/************************************************************************************/


.block {position: relative; margin: 0 auto; padding: 1.5em 1.25em; max-width: 60em;}
#nav-open-btn {
    display: none;
}
.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("/eweb_hsinchu/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("/eweb_hsinchu/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;
  overflow: hidden;
  white-space: nowrap;
	position: absolute;
}

.nav-btn:before {content: "\f0c9"; color: #666; font: normal normal normal 30px/1 FontAwesome}
.mm-wrapper_opening .nav-btn:before {content: "\f00d";}
.no-svg .nav-btn {
  background-image: url("/eweb_hsinchu/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;*/
  float: right;
}
#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;
  text-align:right;
      padding: 0.75em 0;
}
#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#navbar-spy.nav {float: initial;}
#navbar-spy.nav .nav {float: left;}
.merge_search_list .nav {float: none;}
.merge_search_list .nav li a {font-size: initial;}
.nav li {
  display: block;
  border-right: none;
}
.nav li:nth-last-child(1) {}
.nav > li a {
  display: block;
  color: #333;
  border-bottom: 3px solid transparent;
  background: transparent;
  font-size: 16px;
	font-weight: bold;
  outline: none;
	line-height: 38px;
   -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:hover {border-bottom: 3px solid #698c03;}
.nav > li:focus, .nav > li:hover {}
.nav > li:focus a, .nav > li:hover a, .nav > li a:focus, .nav > li a:hover {
	color: #698c03;    border-bottom: 3px solid #698c03;
    background-color: none; background: 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.is-active a {
  color: #fff;
}
.nav li > .sub-menu-dropdown-content {display: none; position: absolute; left: 0; padding: 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;}

#menu-original .nav li > .sub-menu-dropdown-content > ul {/*float: left;*/}
.nav li:hover > .sub-menu-dropdown-content {display: block;-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:hover > .sub-menu-dropdown-content li {white-space:nowrap; display: table;}
.nav li:hover > .sub-menu-dropdown-content li:hover {background: #FFF;}
.nav li:hover > .sub-menu-dropdown-content li a {font-size: 1.2em;}
.nav li:hover > .sub-menu-dropdown-content li:hover > ul.sub-menu-dropdown-content {left: 100%; top: 0;}
.nav li:hover > .sub-menu-dropdown-content li:hover > ul.sub-menu-dropdown-content li {display: block;}

.nav li.fa_nav {position: relative;}
.nav li.fa_nav a {font-weight: inherit; padding: 8px 0 7px; margin: 0; border: none; line-height: inherit; display: flex; flex-wrap: wrap; justify-content: center;}
.nav li.fa_nav a i {color: #FFF; border-radius: 50px; width: 26px; height: 26px; line-height: 26px; font-size: 14px;}
.nav li.fa_nav a i.fa-facebook {background: #3b579d;}
.nav li.fa_nav a i.fa-comments {background: #ff7430;}
.nav li.fa_nav a i.fa-line {background: #01a001;}
.nav li.fa_nav a i.fa-youtube {background: #cc1701;}
.nav li.fa_nav a i.fa-users {background: #cc1701;}
.nav li.fa_nav a i.fa-user-circle-o {background: #5890ff;}
.nav li.fa_nav a span {font-weight: bold; width: 100%; line-height: 20px; height: 20px; float: left; font-size: 14px;}
.nav > li.fa_nav:focus, .nav > li.fa_nav:hover, .nav > li.fa_nav:focus a, .nav > li.fa_nav:hover a, .nav > li.fa_nav a:focus, .nav > li.fa_nav a:hover {border: none; background: none;}
.nav li.fa_nav:nth-last-child(5)::before {
    border-left: 1px solid #666;
    content: ' ';
    position: absolute;
    left: 0;
    top: 20%;
    height: 35px;
}
.nav li.fa_nav a i.fa-line:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  background-image: url(/eWeb_hsinchu/images/line_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 33px;
  top: 12px;
}


.all-table-width #menu .nav li > .sub-menu-dropdown-content {background: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.all-table-width #menu .nav li > .sub-menu-dropdown-content > li > .sub-menu-dropdown-content {margin-top: -5px; padding-bottom: 10px; position: initial; display: table; width: 100%; background: transparent; box-shadow: none;}
.all-table-width #menu .nav li > .sub-menu-dropdown-content li,
.all-table-width #menu .nav li > .sub-menu-dropdown-content li a {border: none;}
.all-table-width #menu .nav li > .sub-menu-dropdown-content li {padding: 0 10px;}
.all-table-width #menu .nav li > .sub-menu-dropdown-content li a {color: #333; font-weight: 400; padding: 5px 10px; font-size: 15px; font-weight: bold;}
.all-table-width #menu .nav li > .sub-menu-dropdown-content li a:hover {color: #698c03}
.all-table-width #menu .nav li > .sub-menu-dropdown-content li:hover .sub-menu-dropdown-content {width: auto; display: table; position: initial;}
.all-table-width #menu .nav li > .sub-menu-dropdown-content li:nth-child(1):hover .sub-menu-dropdown-content {background: transparent; box-shadow: none;}
.all-table-width #menu .nav li > .sub-menu-dropdown-content li .sub-menu-dropdown-content li {float: none;}
.all-table-width #menu .nav li > .sub-menu-dropdown-content li .sub-menu-dropdown-content li a {padding: 0; font-size: 14px; line-height: 25px; text-align: left; font-weight: normal;}

.all-table-width #menu {background: #FFF; width: 100%; display: table;}
.all-table-width #menu > .nav {padding: 0px 15px !important; position: relative;}
.all-table-width #menu > .nav li.menu-dropdown {position: initial !important;}
.all-table-width #menu > .nav li.menu-dropdown:hover > .sub-menu-dropdown-content {width: 100%; display: table;}
.all-table-width #menu > .nav li.fa_nav a {margin: 8px 0 7px;}

#menu-original .nav li > .sub-menu-dropdown-content {background: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#menu-original .nav li > .sub-menu-dropdown-content > li > .sub-menu-dropdown-content {margin-top: -5px; padding-bottom: 10px; position: initial; display: table; width: 100%; background: transparent; box-shadow: none;}
#menu-original .nav li > .sub-menu-dropdown-content li,
#menu-original .nav li > .sub-menu-dropdown-content li a {border: none;}
#menu-original .nav li > .sub-menu-dropdown-content li {padding: 0 10px;}
#menu-original .nav li > .sub-menu-dropdown-content li a {color: #333; font-weight: 400; padding: 5px 10px; font-size: 15px; font-weight: bold;}
#menu-original .nav li > .sub-menu-dropdown-content li a:hover {color: #698c03}
#menu-original .nav li > .sub-menu-dropdown-content li:hover .sub-menu-dropdown-content {width: auto; display: table; position: initial;}
#menu-original .nav li > .sub-menu-dropdown-content li:nth-child(1):hover .sub-menu-dropdown-content {background: transparent; box-shadow: none;}
#menu-original .nav li > .sub-menu-dropdown-content li .sub-menu-dropdown-content li {float: none;}
#menu-original .nav li > .sub-menu-dropdown-content li .sub-menu-dropdown-content li a {padding: 0; font-size: 14px; line-height: 25px; text-align: left; font-weight: normal;}

#menu-original {background: #FFF; width: 100%; display: table;}
#menu-original > .nav {padding: 0px 15px !important; position: relative;}
#menu-original > .nav li.menu-dropdown {position: initial !important;}
#menu-original > .nav li.menu-dropdown:hover > .sub-menu-dropdown-content {width: 100%; display: table;}

#nav .navbar-inverse .navbar-nav {margin: 0 auto; float: right !important;  display: table; margin-top:30px}
.navbar-inverse .navbar-nav > li {float: none; display: inline-block;  line-height: 34px;}
.navbar-inverse .navbar-nav > li:last-child {/*border-right: none;*/}
.navbar-inverse .navbar-nav > li > a {padding: 15px 30px; display: block; color: #fff; font-size: 1.3em; font-weight:600;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: #38b5e6;  -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;}
.news_tel_wrap {float: left; width: 69%;}
.news {display: block; float: left; height: 40px; overflow: hidden; width: 65%; padding-top: 5px;}
.tel {color: #e34a21; display: table; float: right; margin: 0; padding: 0 15px;}
.icon-tel {display: inline-block; *display: inline; zoom: 1; width: 60px; height: 40px; background: url(/eweb_hsinchu/images/global/icon.gif) no-repeat 0 0;argin-right: 8px; vertical-align: text-bottom;}
#sub_nav {z-index: 200; position: relative; /*overflow: hidden; width: 100%;*/ color: #fff; /*background: #333333;*/}
#sub_nav .close-btn {display: none;}
#sub_nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#sub_nav .block {
  z-index: 2;
  position: relative;
  padding: 0.75em 1.25em;
  background: #333333;
}
#sub_nav ul {
  *zoom: 1;
  display: block;
  text-align:right;
  padding: 8px 0 !important;
}
#sub_nav ul:before, #sub_nav ul:after {
  content: "";
  display: table;
}
#sub_nav ul:after {
  clear: both;
}
#sub_nav li {
  display: block;
}
#sub_nav li a {
  display: block;
	font-size: 20px;
  color: #e34a21;
  background: transparent;
  line-height: 1.28571em;
  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;
}
#sub_nav li a:after {content: '|'; vertical-align: text-top; margin-left: 10px;}
#sub_nav li:nth-child(2) a:before {content: 'HOT'; font-size: 12px; background: #da0000; border-radius: 3px; color: #FFF; padding: 0px 3px; margin-right: 3px;}
#sub_nav li:last-child a:after {content: ' ';}
#sub_nav li a:focus, #sub_nav li a:hover {
  color: #ff9b00;
   -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;
}
#sub_nav li.is-active a {
  color: #fff;
}

#top {
  z-index: 100;
  position: relative;
  color: #fff;
  background: #8fc002;
  border: none;
  box-shadow: 0px 5px 20px 1px #666;
-webkit-box-shadow: 0px 5px 20px 1px #666;
-moz-box-shadow: 0px 5px 20px 1px #666;
-o-box-shadow: 0px 5px 20px 1px #666;
}
#top .navbar-inverse {background-color: transparent; border:none;}
#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: #ddd;
}

@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: right;
    white-space: nowrap;
  }
  .nav li {
    display: block;
    float: left;
  }
  .nav li:last-child {
  }
  .nav > li a {
    padding: 10px 12px;
  }

#sub_nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #sub_nav .block-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #sub_nav ul {
    text-align: right;
    white-space: nowrap;
  }
  #sub_nav li {
    display: inline-block;
    border-right: initial;
  }
  #sub_nav li:last-child {
    border-right: none;
  }
  #sub_nav li a {
    padding: 0.42857em 0.3em;
  }

}
@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);}
  #nav-open-btn {
    display: table;
    float: left;
    margin: 20px 20px 20px 0;
}
  #sub_nav {
    position: absolute;
    top: 0;
    /*padding-top: 5.25em;*/
  }
  #sub_nav:not(:target) {
    z-index: 1;
    /*height: 0;*/
    display: none;
  }
  #sub_nav:target .close-btn {
    display: block;
  }
  #sub_nav .close-btn {
    position: absolute;
    top: -3.75em;
    left: 1.875em;
  }
  #sub_nav .block {
    position: relative;
    padding: 0;
  }
  #sub_nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
  }
  #sub_nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #sub_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;
  }
  #sub_nav li a {
    padding: 0.85714em 2.14286em;
  }

  .js-ready #sub_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 #sub_nav .block {
    background: transparent;
  }
  .js-ready #sub_nav .close-btn {display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;}
  .js-ready #sub_nav .close-btn:focus, .js-ready #sub_nav .close-btn:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

  .js-ready #sub_nav {left: -70%;}
  .js-ready #inner-wrap {left: 0;}

  .js-nav #inner-wrap {left: 70%;}

  .csstransforms3d.csstransitions.js-ready #sub_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 #sub_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 #sub_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);}
}
footer {background: #8fc002; color: #FFF;}
.footer_nav {border-bottom: 1px solid #749419;}
.footer_nav ul {margin: 0 auto; padding: 0; display: table;}
.footer_nav ul li {padding: 0; color: #FFF; text-align: left; float: left;}
.footer_nav ul li a {color: #FFF; line-height: 40px; display: block; padding: 5px 60px; font-size: 16px;}
.footer p {line-height: 22px;}
.footer_info .nf_logo {padding: 20px;}
.footer_info {border-top: 1px solid #bbda60; border-bottom: 1px solid #749419; padding: 40px 0;}
.footer_info ul.company_info {margin: 0 -15px; border-right: 1px solid #727272;}
.footer_info ul.company_info li {line-height: 25px;}
.footer_info ul.company_info li:first-child {font-size: 16px;}
.footer_info ul.company_info li:last-child {color: #F00;}
.footer_info ul.trust_mark {padding: 25px 0;}
.footer_info ul.trust_mark li {float: left; width: 20%; text-align: center;}
.footer_info ul.trust_mark li img {}
.copyright {border-top: 1px solid #bbda60; padding: 10px 0;}
.copyright p {font-size: 15px; text-align: center; margin: 0;}

 div.loader{background-image:url(/eweb_hsinchu/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_hsinchu/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_hsinchu/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: table; 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: table; clear: both;}
.passenger_category ul {width: 100%; display: table; border-bottom: none;}
.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;}

.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;}
.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;}
.passenger_information ul.passenger_information_content.first_person li {border-bottom: 1px solid #e1e1e1;}
.passenger_information ul.passenger_information_content.first_person li input.Identity_Card {width: 88%; float: left;}

.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 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;}

.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 ul {width: 100%; display: table; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.payment .payment_content ul li {border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; padding: 10px; line-height: 34px; background: #FFF;}

.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;}

.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: 0 10px; margin: 0 auto 20px; text-align: center;}
.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;}
.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;}

/** 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;}

.sub_nav {display: table; float: right; width: 69%; text-align: right; padding: 0;}
.sub_nav li {display: inline-block;}
.sub_nav li a {color: #FFF; padding: 0 10px;}
.navbar-inverse {display: block; float: right; padding: 0; background-color: transparent;}
.navbar-inverse .navbar-header {width: 100%; padding: 0;}
.navbar-inverse .navbar-header .block-title a {display: block; height: initial; width: 100%;}
.navbar-inverse .navbar-header .block-title a h4 {float: right; color: #adadad; margin: 10px 0 10px;}
.navbar-inverse .navbar-header .block-title a h2 {float: right; color: #FFF; margin: 0;}
.navbar-inverse .navbar-header .block-title img {margin: 0 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;}
.header {/**height: 160px;*/-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;}
. idx .breadcrumb {margin-top: 20px;}
.gizle {top: -65px !important;-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;}
.gizle .navbar-inverse .navbar-header h2.block-title a {padding-bottom: 0; padding-top: 60px;}
.gizle .navbar-inverse .navbar-header .block-title img {padding-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;}
.gizle.sabit .navbar-inverse .navbar-header .block-title img {padding-bottom: 5px;}
.gizle.sabit .navbar-inverse .navbar-header .block-title a h4 {margin: 5px 0 20px;}
.gizle.sabit .sub_nav {padding: 10px 0 15px;}
.gizle .navbar-inverse .navbar-header .block-title img {padding-bottom: 5px;}
.gizle .navbar-inverse .navbar-header .block-title a h4 {margin: 5px 0 20px;}
.gizle .sub_nav {padding: 10px 0 15px;}

/* right */
.idx a.right {background-position: 0; clear:right;margin-right: 0px;position:absolute;right:0px;}
.idx a.right:hover {background-position: 0px 0px;}
.idx a.right:active { background-position:0px 0px; }
/* left */
.idx a.left { margin-left: 0px; position:absolute;left:0px;z-index:10; }
.idx a.left:hover  {background-position: 0px 0;}
.idx a.left:active { background-position: 0px 0; }
.idx #carousel-example-generic {margin-top: 0px; height: 75vh; overflow: hidden;}
.idx #carousel-example-generic img {width: 100%; height: 75vh; object-fit: cover; object-position: center;}
.idx #carousel-example-generic .carousel-caption {width: 100%; height: 100%; display: block; top: 0; bottom: 0; left: 0; right: 0; padding: 0; margin: 0;}
.idx #carousel-example-generic .carousel-inner a {display: block;}
/*.idx #carousel-example-generic .carousel-inner .item:before {position: absolute; width: 100%; min-width: 100%; height: 100%; min-height: 100%; content: ""; clear: both; display: block; background: url(/eweb_hsinchu/images/main/overlay.png) center center repeat; -webkit-background-size: 3px 3px; -moz-background-size: 3px 3px; -ms-background-size: 3px 3px; -o-background-size: 3px 3px; background-size: 3px 3px; z-index: 8;}*/

.idx #carousel-example-generic .carousel-indicators {margin: 0; left: 0; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.7);}
.idx #carousel-example-generic .carousel-indicators li {text-indent: inherit; width: 12.5%; height: 40px; border: none; border-right: 1px solid #aaa; line-height: 40px; margin: 0; border-radius: 0; background-color: transparent; color: #FFF; display: block; float: left;}
.idx #carousel-example-generic .carousel-indicators .active {color: #8fc002;}
.idx #carousel-example-generic .carousel-indicators li:last-child {border-right: none;}

.idx_search  {background: #e6e6e6; margin-top: 50px;}
.idx_search .search_title {text-align: center; margin-bottom: 20px;}
.idx_search .search_title h3 {font-size: 24px; color: #FFF; background: #8fc002; display: table;letter-spacing: 5px;  margin: -21px auto 0; background: #8fc002; color: #FFF; padding: 8px 40px;}
.idx_search .nav > li > a {border: none; border-bottom: 3px solid transparent;}
.idx_search .nav-tabs {border: none;}
.idx_search .nav-tabs > li.active > a, .idx_search .nav-tabs > li.active > a:hover, .idx_search .nav-tabs > li.active > a:focus,
.idx_search .nav > li > a:hover, .idx_search .nav > li > a:focus {color: #8fc002; background-color: transparent; border: transparent; border-bottom: 3px solid #698c03;}
.idx_search .nav-tabs > li:nth-last-child(1) {float: left;}
.idx_search .tab-content {padding: 30px 0;}

.module_content .module_title {display: table; text-align: center;}
.module_content .module_title h1 {display: table; color: #454545; margin: 40px auto; padding: 10px 50px;}

.module_content .module_item {margin-bottom: 20px; overflow: hidden;}
.module_content .module_item a {display: block;}
.module_content .module_item a .module_img {position: relative; overflow: hidden; background: #000;}
.module_I .module_content .module_item a .module_img {height: 185px;}
.module_content .module_item a .module_img img {width: 100%; position: relative; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
.module_content .module_item a:hover .module_img img,
.module_content .module_item a .module_img:hover img {width: 101%; opacity: 1; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.module_I .module_content .module_item a .module_img:before {content: "\f0c1"; font: normal normal normal 36px/1 FontAwesome; display: inline-block; vertical-align: middle; height: 100%; color: #b4a582; position: absolute; left: 50%; top: 48%; z-index: 5; margin-left: -50px; opacity: 0; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_I .module_content .module_item a:hover .module_img:before {opacity: 1; margin-left: -24px; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_I .module_content .module_item a .module_img:after {content: ""; display: inline-block; background: transparent; height: 100%; width: 100%; position: absolute; top: 0;left: 0; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_I .module_content .module_item a:hover .module_img:after {background: rgba(0,0,0,.8); -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}

.module_II {padding-top: 50px;}
.module_II .module_content .module_item a {overflow: hidden;}
.module_II .module_content .module_item a .module_img {height: 184px;}
.module_II .module_content .module_item a .module_text {overflow: hidden; width: -webkit-fill-available; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.7); top: 75%; left: 0; z-index: 99; padding: 10px 0; color: #008ad5; text-align: center; margin: 0px 15px; line-height: 30px; opacity: 1; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_II .module_content .module_item a .module_text h1 {color: #008ad5; position: relative; font-size: 26px; top: 0%; margin-top: 0; padding: 0;-webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_II .module_content .module_item a:hover .module_text {opacity: 1; top: 45%; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_II .module_content .module_item a:hover .module_text h1 {position: relative;color: #FFF; font-size: 26px; top: 0%;-webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_II .module_content .module_item a .module_text p {color: #FFF;}

#module_content_2 {position: relative; overflow: hidden;background: url(/eweb_hsinchu/images/index_bg_01.jpg); background-attachment: fixed; background-repeat: repeat-y; background-size: cover;}
#module_content_2 .module_content_2_bg {margin: -10px; padding: 123px 0; position: relative; background: url(/eweb_hsinchu/images/index_bg_01.jpg); background-attachment: fixed; background-repeat: repeat-y; background-size: cover;-webkit-filter: blur(5px); filter: blur(5px); -webkit-filter: brightness(0.3); filter: brightness(0.3);}
#module_content_2 .module_content_2_txt {position:absolute;z-index:11;width:100%;padding:60px 0;margin:0 auto;top:0;}
#module_content_2 h2 {text-align: center; color: #FFF; font-weight: 300; font-size: 36px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}
#module_content_2 p {text-align: center; color: #FFF; font-weight: 300; font-size: 20px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}

.module_III {padding-top: 50px; padding-bottom: 50px;}
.module_III .nav-tabs {display: table; margin: 0 auto; border: none; padding: 20px 0;}
.module_III .nav-tabs > li > a {font-size: 20px; color: #454545; border: none; background: transparent;}
.module_III .module_content .module_item {margin-bottom: 30px; overflow: hidden;}
.module_III .nav-tabs > li > a:hover,
.module_III .nav-tabs > li.active > a,
.module_III .nav-tabs > li.active > a:hover,
.module_III .nav-tabs > li.active > a:focus {color: #FFF; border: none; background: #005bac; border-radius: 6px;}
.module_III .module_content .module_item a {overflow: hidden;}
.module_III .module_content .module_item a .module_img {height: 184px;}
.module_III .module_content .module_item a .module_text {overflow: hidden; width: -webkit-fill-available; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.7); top: 75%; left: 0; z-index: 99; padding: 10px 0; color: #008ad5; text-align: center; margin: 0px 15px; line-height: 30px; opacity: 1; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_III .module_content .module_item a .module_text h1 {color: #008ad5; position: relative; font-size: 26px; top: 0%; margin-top: 0; padding: 0;-webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_III .module_content .module_item a:hover .module_text {opacity: 1; top: 45%; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_III .module_content .module_item a:hover .module_text h1 {position: relative;color: #FFF; font-size: 26px; top: 0%;-webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_III .module_content .module_item a .module_text p {color: #FFF;}

/********** 首頁搜尋引擎 ********/
.search_content{padding-top: 0px;}
.search_content .merge_search {background: transparent; padding: 0;}
.search_content .merge_search h4 {display: none;}
.search_content .merge_search ul {display: table; width: 100%; border: 0; padding:0;}
.search_content .merge_search ul li {width: auto;padding: 2px 8px;}
.search_content .merge_search ul li label {color: #333;}
.search_content .merge_search ul li label i {display: none;}
.search_content .merge_search_airport, .search_content .merge_search_days, .search_content .merge_search_budget, .search_content .merge_search_airline {display: none;}
.search_content .merge_search_keyword label {display: none;}
.search_content .merge_search ul li.merge_search_keyword .merge_search_input {width: 110px; margin: 0;}
.search_content .merge_search ul li.merge_search_area .merge_search_select:nth-child(2),
.search_content .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 110px; margin: 0 0 0 5px;}
.search_content .merge_search ul li.merge_search_date .form_date {width: 125px; margin: 0 0 0 5px;}
.search_content .merge_search ul li.merge_search_combine {padding: 6px 10px;}
.search_content .merge_search_btn {margin: 0;}
.search_content .merge_search_btn a:nth-last-child(1) {display: none;}
.search_content input[type=checkbox].css-checkbox + label.css-label {margin-right: 10px;}


/* 首頁主要內容 */
.idx {padding-top: 160px;}
.title h3 {
    font-size: 16px;
    font-weight: bold;
    color: #e34a21;
    margin-top: 0;
    margin-bottom: 0;
    line-height: inherit;
}
.fb-title h3, .youtube-title h3 {
    margin-left: 8px;
    border-left: 5px solid #e34a21;
    text-indent: 0px !important;
}
.youtube-title {
    position: relative;
    z-index: 99;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    background: #ffec2e;
    border: none 0px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 9px #d2d2d2;
    -webkit-box-shadow: 0px 0px 9px #d2d2d2;
    box-shadow: 0px 0px 9px #d2d2d2;
}
.trip-title, .fb-title, .quick-link-title { position:relative; z-index:99; height:30px; line-height:30px; margin-bottom:15px; background:#ffec2e; border:none 0px #ffffff; -moz-border-radius:5px;
-webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 9px #d2d2d2; -webkit-box-shadow:0px 0px 9px #d2d2d2; box-shadow:0px 0px 9px #d2d2d2; }
.trip-title h3, .fb-title h3, .quick-link-title h3 {font-size: 20px; margin-left: 8px; border-left: 5px solid #e34a21; text-indent: 15px; font-weight: bold; color: #e34a21; margin-top: 0; margin-bottom: 0; line-height: inherit;}
.section-fb-search .fb-title h3 {font-size: 16px; text-indent: 1px;}
#desSlideshow {margin-bottom: 15px;}
#trip-list {margin-bottom: 15px;}
#trip-list #trip-list-row {border-right: 1px solid #fbb03b;}
#trip-list-box_01, #trip-list-box_02_01, #trip-list-box_02_02 {margin-bottom: 15px;}
#trip-list-box_02_img_01, #trip-list-box_02_img_02 {width: 30.55%;}
#trip-list-box_02_txt_01, #trip-list-box_02_txt_02 {width: 69.45%;}
.trip-list-box {width: 100%; display: table;}
.trip-list-box .trip-title {margin-bottom: 5px;}
.trip-list-box img {width: 100%; height: 215px;}
.trip-list-box ul li {border-bottom: 1px solid #FBB03B; background: url(/eweb_hsinchu/images/global/more.gif) no-repeat right center;}
.trip-list-box ul li a {color: #333; display: block;}
.trip-list-box ul li h2 {
    margin: 0;
    line-height: 22px;
    font-size: 15px;
    font-weight: normal;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.trip-list-box ul li p {
    color: #29ABE2;
    margin: 0;
    line-height: 22px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.trip-list-box ul li b {
    display: inline;
    color: #ED1C24;
}
.social-share-wrap ul li {
    margin-bottom: 10px;
    text-align: center;
}
#BigPic {margin: 0 -15px;}
.BigPic_item img {width: 100%;}
#carousel {width: 100%; position: relative;	padding: 0; padding: 0 15px;}
.caroufredsel_wrapper {margin: 0 -15px !important; width: 1140px !important;}
#carousel ul {list-style: none;	display: block;	margin: 0 -15px !important; padding: 0;}
#carousel li {font-size: 40px; color: #999;	text-align: center;	display: block;	width: 390px;
	height: 220px;
	padding: 0 15px;
	margin: 0;
	float: left;
	position: relative;
}
#carousel li img
{
	width: 100%;
	height: inherit;
	left: 0;
	top: 0;
	z-index: 1;
}
#carousel li a
{
	width: 100%;
	height: inherit;
	display: block;
	z-index: 11;
}
#carousel li h3
{
	position: absolute;
	left: 20px;
	bottom: 40px;
	color: #D74924;
	font-size: 15px;
	z-index: 10;
	width: 248px;
	height: 22px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: left;
}
#carousel li .backpackers_recommend_text
{
	width: 276px;
	height: 60px;
	background: #fff;
	opacity: 0.85;
	filter: alpha(opacity=85);
	position: absolute;
	z-index: 9;
	bottom: 10px;
	left: 12px;
}
#carousel li .backpackers_recommend_text .price_font
{
	color: #666;
	font-size: 15px;
	bottom: 5px;
	right: 10px;
	position: absolute;
}
#carousel li span
{
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 201px;
	height: 127px;
	position: absolute;
	z-index: 2;
	top: 14px;
	left: 16px;
}
.clearfix
{
	float: none;
	clear: both;
}
#carousel .prev, #carousel .next
{
	background: transparent url(/eweb_hsinchu/images/global/bx_controls.png) no-repeat 0 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 55px;
	height: 55px;
	margin-left: 10px;
	position: absolute;
	top: 35%;
	z-index: 999;
}
#carousel .prev
{
	background-position: 0 0;
	left: -30px;
}
#carousel .prev:hover
{
	background-position: 0 -70px;
	left: -31px;
}
#carousel .next
{
	background-position: -70px 0;
	right: -23px;
}
#carousel .next:hover
{
	background-position: -70px -70px;
	right: -23px;
}
#carousel .pager
{
	text-align: center;
	margin: 0 auto;
}
#carousel .pager a
{
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0;
}
#carousel .pager a.selected
{
	text-decoration: underline;
}


#trip-grid {margin: 0 -15px;}
#trip-grid li {overflow: hidden; padding-bottom: 15px;}
#trip-grid li img {width: 100%; height: 175px;}
#trip-grid li a {color: #333; display: block;}
#trip-grid li a:hover {color: #ff530d;}
#trip-grid li h2 {margin-top: 10px; font-size: 18px; height: 50px; line-height: 25px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#trip-grid li p {font-size: 16px; height: 50px; line-height: 25px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.search-inc-wrap, .member-inc-wrap {background: #ffec33 url(/eweb_hsinchu/images/module_icon/search_bg.gif) repeat-x 0 0; background-size: contain;}
.search-member-wrap .merge_search {background: rgba(0,0,0,0); padding: 0 15px;}
.search-member-wrap .merge_search h4::before {content: ' ';}
.search-member-wrap .merge_search ul {padding: 15px 0 5px;}
.search-member-wrap .merge_search ul li {width: 100%; padding: 0;}
.search-member-wrap .merge_search ul li.merge_search_airport,
.search-member-wrap .merge_search ul li.merge_search_days,
.search-member-wrap .merge_search ul li.merge_search_budget,
.search-member-wrap .merge_search ul li.merge_search_airline {display: none;}
.search-member-wrap .merge_search ul li.merge_search_area .merge_search_select {margin: 0 0 5px 5px;}
.search-member-wrap .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 45.7%;}
.search-member-wrap .merge_search ul li.merge_search_date .form_date {margin: 0 0 5px 5px; width: 42.4%;}
.search-member-wrap .merge_search ul li.merge_search_keyword label {margin-top: 5px;}
.search-member-wrap .merge_search ul li.merge_search_keyword .merge_search_input {margin: 0 0 5px 5px; width: 77%;}
.search-member-wrap .merge_search ul li .merge_search_btn {margin: 5px 0; padding: 0;}
.search-member-wrap .merge_search ul li.merge_search_combine {width: 50%; padding: 10px 0;}
.search-member-wrap input[type=checkbox].css-checkbox + label.css-label {margin-right: 5px;}
.search-member-wrap .merge_search ul li:last-child {width:50%; float: left;}
.search-member-wrap .merge_search ul li label {color: #333;}
.search-member-wrap .merge_search ul li label i {display: none;}
.search-member-wrap .search {margin-bottom: 9px;}
.search-title, .login-title {
    width: 100%;
    height: 32px;
    line-height: 30px;
    background: #eee url(/eweb_hsinchu/images/global/title_bg_02.gif) no-repeat bottom center;
    text-align: center;
    background-size: cover;
}

.gobytrain_iframe {text-align: center;}
.gobytrain_iframe iframe {width: 100%; max-width: 650px; height: 1400px; overflow-y: auto; margin: 0 auto;}

@media only screen and (max-width: 1280px) {
#menu-original .nav li > .sub-menu-dropdown-content li .sub-menu-dropdown-content li a {line-height: 22px;}
}
/* #Tablet (Portrait) Note: marshaltour 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: marshaltour 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: marshaltour 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: 56px;}
.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: none; 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;}

}
@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;}
}
@media(max-width:767px){
.pc_style {display: none !important;}
.mobile_style {display: block !important;}
.actGotop {right: 0px;}
.idx {padding-top: 0;}
.header {height: 56px; transition: initial;}
.gizle {top: 0px !important;}
.footer_nav {
    width: 100% !important;
}
footer[role="contentinfo"] {padding-bottom: 30px;}
.footer {padding-bottom: 40px;}
.footer_nav h3,
.footer_nav p,
.footer_nav h4 {padding-left: 10px;}
.footer_nav ul {margin: 0 auto;display: table;}
.footer_nav ul li {display: inline-block; padding: 0 10px;}
.footer_nav ul li a {padding: 5px 0; font-size: 15px;}
article.container {position: relative; z-index: 100;}
article.container.module_II {position: initial !important; padding-bottom: 40px;}
#footer {padding: 0;}
#footer .logo {text-align: center; margin-bottom: 20px;}
.footer_info ul.company_info {border: none;}
.copyright p {padding: 0 15px; font-size: 14px; text-align: justify;}
.footer_info ul.trust_mark li {padding: 0 10px;}
.footer_info ul.trust_mark li img {width: 100%;}
.footer_info {padding: 20px 0;}
.footer_info .nf_logo {text-align: center;}
.footer_info ul.company_info li:last-child {text-align: justify;}
.mm-slideout {z-index: 1001;}
.navbar-default #cart {width: 100%;}
.navbar-inverse .navbar-header h2.block-title a {padding: 0;margin: 0 auto; text-align: center; float: initial; display: table;}
.gizle .navbar-inverse .navbar-header h2.block-title a {padding: 0;}
.navbar-inverse .navbar-header h2.block-title img {width: 100%; padding: 10px 0 0 0;margin: 0 auto;}
.gizle .navbar-inverse .navbar-header h2.block-title img {width: 100%; padding: 10px 0 0 0;margin: 0 auto;}
.navbar-inverse .navbar-header .block-title a h4 {margin: 7px 0;}
.gizle .navbar-inverse .navbar-header .block-title a h4 {margin: 7px 0;}
.gizle.sabit .navbar-inverse .navbar-header .block-title a h4 {margin: 7px 0;}
.carousel-inner > .item {overflow: hidden;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {/*height: 300px; min-width: 1280px; margin-left: -80%;*/}
.idx #carousel-example-generic {margin-top: 56px; height: 250px; overflow: hidden;}
.idx #carousel-example-generic img {min-height: 250px; height: inherit;}
.idx #carousel-example-generic .carousel-indicators {display: none;}
.idx .carousel-control .icon-prev, .idx .carousel-control .icon-next, .idx .carousel-control .glyphicon-chevron-left, .idx .carousel-control .glyphicon-chevron-right {top:45%;}
#desSlideshow {width: 100% !important;}
.caroufredsel_wrapper {width: 414px !important;}
#carousel li {width: 414px;}

/** New_Header 選單 **/
.navbar-toggle {position: absolute; top: 0; left: 0; padding: 3px 10px; margin: 18px 0;}
.navbar-inverse .navbar-header {padding: 0; width: 100%;}
.news_tel_wrap, .news {width: 100%;}
.tel {display: none;}
#pull_sub_nav.navbar-toggle{right: 0; left: initial;}
#pull_sub_nav.navbar-toggle a {    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);}
#top .block-title {padding: 0 20%; width: initial; margin: 0 auto;}
#top .nav-btn {margin: 12px 10px 10px 0;}
#search {margin-top: -76px;}
#search .search_content .merge_search ul li {width: 100%;}
#search .search_content .merge_search ul li.merge_search_area .merge_search_select:nth-child(2), #search .search_content .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 48%;margin: 0 5px 0 0;}
#search .search_content .merge_search ul li.merge_search_date .form_date {width: 48%; margin: 0 5px 10px 0;}
#search .search_content .merge_search ul li.merge_search_keyword .merge_search_input {width: 100%; margin-bottom: 15px;}
#search .search_content .merge_search_btn {margin: 0; padding: 0;}
#search .merge_search .merge_search_btn a:nth-child(1) {width: 100%;}
.idx .breadcrumb {margin-top: -70px;}
/*left
.side-collapse-container-left{position:relative; left:0; transition:left .4s;}
.side-collapse-container-left.out{left:70%;}
.side-collapse-left {top:76px; 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:76px; bottom:0; right:0; width:70%; position:fixed; overflow:hidden; transition:all .4s;}
.side-collapse-right.in {width:70%; right:-70%;}*/

.module_III {padding: 0 15px;}
.module_III .nav-tabs > li:nth-child(4) {display: block; width: inherit; padding: 0;}
.module_III .nav-tabs > li > a {font-size: 25px;}
.module_content .module_item a .module_img {height: initial !important;}

.mm-menu {color: #333;}
.nav {float: inherit;}
.nav li {position: relative; border-top: 1px solid rgba(255, 255, 255, 0.1); width: inherit;}
.nav li a {padding: 10px 10px 10px 20px !important;line-height: inherit;font-size: inherit !important;border-bottom: none; color: #333;}
.nav li a i {display: none;}
.nav li a:focus, .nav li a:hover {border-bottom: none;}
/** 列表頁下方的分頁按鈕及載入更多按鈕 **/
.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: block; 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; 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: none; 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;}

/** 團型列表 **/

/* 目前搜尋條件及排序方式*/
.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;}



/****** 個團明細頁 ******/
.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: right;}
.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;}

}



@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%;}

}

@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;}

.caroufredsel_wrapper {width: 375px !important;}
#carousel li {width: 375px;}
}

@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;}

}
@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%);
  }
}

.abgne_tab {
		clear: left;
		width: 790px;
		margin: 10px 0;
		position:relativel;
	}
	ul.tabs {
		height: 43px;
		padding-left:15px;
	}
	ul.tabs li.tab_01 {
		float: left;
		text-align:center;
		width:151px;
		height: 43px;
		line-height: 43px;
		color: #707070;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		background:url(images/main/tab_01.png);
	}
	ul.tabs li.tab_02 {
		float: left;
		text-align:center;
		width:123px;
		height: 43px;
		line-height: 43px;
		color: #707070;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		background:url(images/main/tab_02.png);
	}
	ul.tabs li.tab_01 a {
		display: block;
		padding: 0 10px;
		color: #707070;
		text-decoration: none;
	}
	ul.tabs li.tab_02 a {
		display: block;
		padding: 0 10px;
		color: #707070;
		text-decoration: none;
	}
	ul.tabs li.tab_01 a:hover {
		color:#362e2b;
		background:url(images/main/tab_01_hover.png);
	}
	ul.tabs li.tab_02 a:hover {
		color:#362e2b;
		background:url(images/main/tab_02_hover.png);
	}
	ul.tabs li.tab_01.active  {
		color:#362e2b !important;
		background:url(images/main/tab_01_hover.png);
	}
	ul.tabs li.tab_02.active  {
		color:#362e2b !important;
		background:url(images/main/tab_02_hover.png);
	}
	ul.tabs li.tab_01.active a {
		color:#362e2b !important;
		background:url(images/main/tab_01_hover.png);
	}
	ul.tabs li.tab_02.active a {
		color:#362e2b !important;
		background:url(images/main/tab_02_hover.png);
	}
	ul.tabs li.tab_01.active a:hover {
		color:#362e2b !important;
		background:url(images/main/tab_01_hover.png);
	}
	ul.tabs li.tab_02.active a:hover {
		color:#362e2b !important;
		background:url(images/main/tab_02_hover.png);
	}
	div.tab_container {
		clear: left;
		width: 100%;
		border-top: none;
		background: #fff;
	}
	div.tab_container .tab_content {
		padding: 0px;
	}
	div.tab_container .tab_content h2 {
		margin: 0 0 20px;
	}
	.color_coded_box{
		font-family:"微軟正黑體";
		position:absolute;
		width:200px;
		right:10px;
		top:10px;
	}
	.color_coded_01{
		width:10px;
		height:10px;
		margin-right:5px;
		display:inline-block;
		background-color:#eb6100;
	}
	.color_coded_02{
		width:10px;
		height:10px;
		margin:0 5px 0 10px;
		display:inline-block;
		background-color:#d1c0a5;
	}
	.scrollable {

    /* required settings */
	position: relative;
    overflow:hidden;
    width: 790px;
	height: 545px;
	}

	/*
	   root element for scrollable items. Must be absolutely positioned
	   and it should have a extremely large width to accomodate scrollable
	   items.  it's enough that you set the width and height for the root
	   element and not for this element.
	*/
	.scrollable .items {
		/* this cannot be too large */
		width:20000em;
		position:absolute;
		clear:both;
	}

	.items div {
		float:left;
		width:790px;
	}

	/* single scrollable item */
	.scrollable img {
		float:left;
		margin:20px 5px 20px 21px;
		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		width:100px;
		height:75px;

		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}

	/* active item */
	.scrollable .active {
		border:2px solid #000;
		position:relative;
		cursor:default;
	}
	/* this makes it possible to add next button beside scrollable */
	.scrollable {
		float:left;
	}

	/* prev, next, prevPage and nextPage buttons */
	a.browse {
		background:url(images/main/hori_large.png) no-repeat;
		display:block;
		width:38px;
		height:38px;
		float:left;
		margin:3px 10px;
		cursor:pointer;
		font-size:1px;
	}

	/* right */
	a.right { background-position: 0 -38px; clear:right; margin-right: 0px; position:absolute;right:200px;}
	a.right:hover { background-position:-38px -38px; }
	a.right:active { background-position:-76px -38px; }


	/* left */
	a.left { margin-left: 0px; position:absolute;left:200px;z-index:10; }
	a.left:hover  { background-position:-38px 0; }
	a.left:active { background-position:-76px 0; }

	/* up and down */
	a.up, a.down  {
		background:url(/media/img/scrollable/arrow/vert_large.png) no-repeat;
		float: none;
		margin: 10px 50px;
	}

	/* up */
	a.up:hover { background-position:-38px 0; }
	a.up:active { background-position:-76px 0; }

	/* down */
	a.down { background-position: 0 -38px; }
	a.down:hover { background-position:-38px -38px; }
	a.down:active { background-position:-76px -38px; }


	/* disabled navigational button */
	a.disabled {
		visibility:hidden !important;
	}
.table-condensed tr {border-bottom: 1px solid #FFF;}
th{background-color: #b4a582;font-size:17px; color: #FFF; font-weight:normal; font-family:"微軟正黑體";border-left:1px solid #FFF;border-right:1px solid #FFF; text-align:center;}
.table-condensed tr > td.day {color: #333;cursor: pointer;text-align:right;}
.table-condensed tr > td.day.old, .table-condensed tr > td.day.new {background-color:#ddd; color: #aaa;}
#date_table {
	width:100%;
	font-family:"微軟正黑體";
	margin:0 auto;
	display:table;
}
.date_tr{
	width:100%;
	/*display: table-row;*/
}
.date_th {
	display: table-cell;
	padding:5px;
	text-align:center;
	vertical-align: middle;
	font-size:18px;
	color:#333;
	letter-spacing:5px;
}
.date_td {
	border-right:1px solid #e1e1e1;
	border-bottom:1px dashed #e1e1e1;
	padding:5px;
	font-size:14px;
	text-align: center;
	vertical-align: middle;
	height:30px;
}
#date_table_content{
	border-left:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
  background: #f5f5f5;
}
#date_table_content_bgcolor{
	border-left:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	background: #f9f8f8;
}
.th_1, .td_1{width:15%;}
.th_2, .td_2{width:10%;}
.th_3, .td_3{width:75%;}
.td_1{color:#a40000; font-size:18px;}
.td_2{color:#707070; font-size:15px;}
.td_3{color:#707070;font-size:12px; text-align:left; padding-left:10px;}
.td_noborder{border-bottom: 1px solid #e1e1e1;}
.td_3 a{color:#707070; text-decoration:none;line-height:25px;}
.td_3 a:hover{color:#F60; text-decoration:underline;}
.td_3 a.Full{color:#eb6100;}
.td_3 a.Waiting{color:#d1c0a5; text-decoration:line-through;cursor: not-allowed;}
#Price_table_content{
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}
#Price_table_content td{
	font-family:"微軟正黑體";
	height:45px;
	color:#707070;
	text-align:center;
	font-size:14px;
	border-bottom:1px solid #e5e5e5;
}
#Price_table_content td.Full{color:#eb6100;}
#Price_table_content td.Waiting{color:#d1c0a5; text-decoration:line-through;cursor: not-allowed;}
.content_txt{text-align:left !important; padding-left:20px;}


#otherdates .modal-body .nav-tabs {margin-bottom: 20px;}
#otherdates .modal-body .nav-tabs > li > a {color: #b7b7b7;}
#otherdates .modal-body .nav-tabs > li.active > a {color: #666;}
#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;}

@media (min-width: 768px) {
.modal-dialog {width: 800px; margin: 30px auto;}
}