/* 預設共用 */
html{ font-size: 16px;}					  
* {font-family: "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "微軟正黑體"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a:focus, button:focus, buttom.active {outline: none; text-decoration: none;}
ul, li {list-style: none; margin: 0; padding: 0;}
a, a:hover, button, button:hover {text-decoration: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
@media handheld {
  .nav-tabs > li:nth-child(4) {display: none;}
}
.form-control {line-height: 34px;}
body {background: #ffffff; background-color: #ffffff;}
@media (min-width: 768px){
.modal {z-index: 1000000;}
.modal-dialog {width: 700px; margin: 30px auto;}
}
/* 線上客服 */
.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:relative; left:0; top:0; width:100%; height: 110px; transition: top .5s; z-index: 999;}
/*.gizle {top: -73px !important;}*/
.sabit {top:0; /*z-index: 9999;*/}
/** New_Header **/
.navbar {min-height: 56px; margin: 0;}
.navbar-fixed-top {width: 100%; display: table; background-color: #333;}
.navbar-inverse {background-color: #333; border:0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #181818;}
.navbar-inverse .navbar-header {width: 100%; display: table; padding: 0; margin: 0; position: relative; padding: 1.5em 1.25em;}
.navbar-inverse .navbar-header h2.block-title {width: 100%;display: table;font-size: 1.875em;line-height: 1.2em;margin: 14px 0;text-align: center;white-space: nowrap;font-family: sans-serif;color: #ff0040;font-weight: bold;}
.navbar-inverse .navbar-header h2.block-title a {margin: 0; font-size: 1.875em; line-height: 1.2em; text-align: center; white-space: nowrap; font-family: sans-serif; color: #ff0040; font-weight: bold;}
.navbar-inverse .navbar-nav {margin: 0 auto; float: none !important; width: 100%; display: table; padding: 0.75em 1.25em;}
.navbar-inverse .navbar-nav > li {float: none; display: inline-block; border-right: 1px solid rgba(255, 255, 255, 0.1); line-height: 34px;}
.navbar-inverse .navbar-nav > li:last-child {border-right: none;}
.navbar-inverse .navbar-nav > li > a {padding: 0.42857em 0.85714em; display: block; color: #ccc; font-size: 1.2em; line-height: 1.28571em; font-weight: 100; outline: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navbar-inverse .navbar-nav > li a:focus, .navbar-inverse .navbar-nav > li a:hover {color: #fff; background: rgba(255, 255, 255, 0.1); -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navbar-inverse .navbar-nav > li.is-active a {color: #fff;}
.main-nav{ display: flex;  position: relative;  max-width: 1200px; margin: 0 auto; height: 72px; }
.main-nav .nav-logo{ display: flex; align-items: center;}
.main-nav .nav-logo img.desk-logo{width: 215px; height: auto;}
.main-nav .nav-logo img.mobile-logo{ width:260px; height: auto; display:none;}
.main-nav nav{ background-color: #ffffff;  display: flex; margin-left: 80px; }
.main-nav a{transition:all .3s ease}
.main-nav .vg-nav{position:relative;z-index:100;width:100%}
.main-nav .vg-nav>ul:not(.vg-nav-main-container){display:none}
.main-nav .vg-nav-main-container{padding:0; width: 100%;  display: flex; align-items: flex-end; justify-content: space-between; }
.main-nav .vg-nav-main-containeli{list-style:none}
.main-nav .vg-nav-main-container>li{ border-top-left-radius: 6px; border-top-right-radius: 6px; position:relative;}
.main-nav .vg-nav>ul>li.active,.main-nav .vg-nav>ul>li:hover{background:#18b7cd; }
.vg-nav-main-container .dropdown-mega>a span.toggle{display:none; position: absolute; right: 50px; top: 40px;  width: 0; height: 0;  font-size: 0;  border-bottom: 8px solid transparent; border-left: 12px solid #358abb;  border-top: 8px solid transparent;  transform: rotate(0deg);  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;   transition: all 0.3s ease;}
.main-nav .vg-nav>ul>li>a,.main-nav .vg-nav>ul>li>span a{height: 55px;  padding: 5px 8px;   font-size: 1rem;  font-weight: 600;line-height: 2rem;  display: inline-block; color: #2e2e2e; }
.main-nav .vg-nav>ul>li:hover>a,.main-nav .vg-nav>ul>li:hover>span a{color: #ffffff; }
.main-nav .vg-nav-main-container a.mobile{display:none}
.main-nav .vg-nav-main-container.vg-nav-cloned>li{display:block}
.main-nav .vg-nav-hamburger{display:none; position: absolute; top: 14px;  right: 0;  height: 40px;  width: 45px;}
.main-nav .vg-nav-hamburger span{ cursor:pointer;  height:4px; width:45px; background:#ffffff; position:absolute; display:block; transition:all 0.4s ease; transform:rotate(0); opacity:1}
.main-nav .vg-nav-hamburger span:first-child{top:0;}
.main-nav .vg-nav-hamburger span:nth-child(2){top:16px}
.main-nav .vg-nav-hamburger span:last-child{top:32px}
.main-nav .vg-nav-hamburger.show span:first-child{top:13px;opacity:0}
.main-nav .vg-nav-hamburger.show span:nth-child(2){transform:rotate(45deg); }
.main-nav .vg-nav-hamburger.show span:last-child{transform:rotate(-45deg);top:16px; }
.vg-nav-sidebar{display:block; position:fixed; top:0; opacity:0; height: 100%; overflow: auto; z-index:9990; transition:all 0.4s ease; background: transparent;}
.vg-nav-sidebar .vg-nav-sidebar__content{width:100%;  color: #fff;}
.main-nav .vg-nav-collapse ul{width:100%;padding:20px 0}
.vg-nav-sidebar__content{padding-top: 100px; background:transparent; height:auto; overflow-y:auto; overflow-x:hidden}
.vg-nav-sidebar__content>ul>li>a{display:block; padding: 15px 30px; margin: 0;  font-size: 1.6em; line-height: 30px;  color:#ffffff;}
.vg-nav-sidebar__content>ul ul{background:rgba(0,0,0,0.02)}
.vg-nav-sidebar__content>ul ul li>a{ display:block; padding: 15px 30px; border-bottom:1px solid #9f9fa0; text-decoration:none;font-size: 2rem;  color: #888889;  background: #ffffff;}
.vg-nav-sidebar__content>ul ul li:hover>a{color: #00a0e8; background: #e6f7ff;}
.vg-nav-sidebar.show.right{right:0 !important;opacity:1}
.vg-nav-sidebar__close{position:absolute;font-size:56px;font-weight:300; top: 30px;  right: 20px; height: 40px; width: 45px; color:#ffffff;cursor:pointer}
.vg-nav-overlay{width:100%;height:100%;position:fixed;opacity:0;transition:all 0.4s ease;top:0;transition-delay:.15s;z-index:9989}
.vg-nav-overlay.right{left:-100%}
.vg-nav-overlay.right.show{left:0;opacity:1}
.main-nav .vg-nav-main-container .dropdown-mega .dropdown-mega-container{ position:absolute;top:auto; left: 0;display:none; opacity:0; visibility:hidden;width: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; }
.main-nav .vg-nav-main-container .dropdown-mega.show>.dropdown-mega-container{ visibility:visible; opacity:1; top:auto;}
.vg-nav-main-container.vg-nav-cloned .dropdown-mega .dropdown-mega-container{position:relative;height:0;min-height:0;top:0;display:none}
.vg-nav-main-container.vg-nav-cloned .dropdown-mega.show .dropdown-mega-container{display:block;height:auto;top:0}
.main-nav .vg-nav-hover>ul .dropdown-mega:hover .dropdown-mega-container{visibility:visible;opacity:1;top:100%}
.main-nav .vg-nav .dropdown-mega .dropdown-mega-container>.row{margin: 0 auto;  max-width: 1200px;}
.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu{ display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 90px; background: #ffffff;  border-top: 2px solid #18b7cd; box-shadow: 0 0 6.5px 3.5px rgba(0, 0, 0, 0.2);}
.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .routemenu-block{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; min-width:240px; padding:0 25px;}
.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .route1 { width:100%; }
.vg-nav-sidebar .dropdown-mega .dropdown-mega-container .routemenu .route1 { margin-bottom: 8px;}
.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .route1 a, .vg-nav-sidebar .dropdown-mega .dropdown-mega-container .routemenu .route1 a{  display: block;  color: #18b7cd;   padding-top: 30px; padding-bottom: 15px; border-bottom: 2px solid #18b7cd; font-size: 1.4rem; letter-spacing: 0.05rem; font-weight: 600; }
.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .route2{ padding-top: 15px;  font-size: 1.1rem; text-align: left;}
.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .route2 a{ display: block; color: #2e2e2e;}
.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .route2 a:hover{  color: #036eab;}
.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .route2 a + a{ padding-top:8px;}
.vg-nav-sidebar .dropdown-mega .dropdown-mega-container .routemenu .route2{ margin-bottom: 15px; }
.main-nav .main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .route2 a,.vg-nav-sidebar .dropdown-mega .dropdown-mega-container .routemenu .route2 a { margin-right: 8px; min-width: 60px; color: #d1d4db;  line-height: 2rem; }
.main-nav .vg-nav-sidebar .dropdown-mega .dropdown-mega-container .routemenu .route2 a { color: #c3b493;}
.main-nav .vg-nav-sidebar__content .dropdown-mega-container,.vg-nav-collapse .dropdown-mega-container{background:rgba(0,0,0,0.02);padding:15px}
/* Sub Nav Start*/
.sub-nav{background-color: #18B7CD;padding: 5px 30px; display: -ms-flexbox!; display: flex;-ms-flex-preferred-size: auto;flex-basis: auto;}
.sub-nav ul{margin-left: auto; display: -ms-flexbox; display: flex;-ms-flex-direction: row;flex-direction: row;}
.sub-nav .nav-item{display: flex; height:16px; align-items: center;}
.sub-nav .nav-item a{ padding: 0 0.4rem; font-size: 0.9rem;}
.sub-nav .nav-item:nth-child(6) a,.sub-nav .nav-item:nth-child(7) a,.sub-nav .nav-item:nth-child(8) a,.sub-nav .nav-item:nth-child(9) a,.sub-nav .nav-item:nth-child(10) a{padding-right: 0.3rem; padding-left: 0.3rem; font-size: 0.95rem;} 
.sub-nav .nav-item img{ width:16px; height:16px;}
.sub-nav .nav-item.phone{  color: #ffff99;  padding-left: 5px;  padding-right: 5px; }
.sub-nav .nav-item.phone i { padding-right: 5px; height: 12px;}
/*mobile Sub Nav Start*/
.mobile-sub-nav{ position:absolute;  width: 120px; right: 65px; top: 50%; transform: translate(0, -50%); z-index:101; display:none; }
.main-nav .hide-btn,.mobile-sub-nav .show-btn,.mobile-sub-nav .member-btn{  flex: 0 0 55px; }
.mobile-sub-nav .member-btn img { max-width:42px;}
.mobile-sub-nav button#show{ background: url(../images/search-icon.svg); background-repeat: no-repeat; background-position: center;   width: 45px;  height: 45px; border: 0;}
.main-nav .hide-btn{ position: absolute; width: 40%; background: #18b7cd;  height: 100%;  top: 0;   right: 0;   z-index: 102; display:none;}
.main-nav .hide-btn button#hide{ position: absolute;  width: 45px;  height: 45px; top: 50%; transform: translate(0, -50%);   right: 15px; background: transparent; color: #ffffff;  border: 0;  z-index: 999; }
.main-nav .hide-btn button#hide::before{ content: '';  position: absolute; left: 50%; top: 50%; width: 40px;  margin-left: -20px; margin-top: -1px;  border-top: 3px solid;  -webkit-transform: rotate(45deg);     -ms-transform: rotate(45deg);  transform: rotate(45deg); }
.main-nav .hide-btn button#hide::after{ content: '';  position: absolute;  left: 50%;  top: 50%;  height: 40px;  margin-left: -1px;  margin-top: -19px;  border-left: 3px solid;  -webkit-transform: rotate(45deg);     -ms-transform: rotate(45deg); transform: rotate(45deg);}
/*mobile-header-search-block*/
.mobile-search-block{ color:#2e2e2e; display:none; }
.mobile-search-block .search-tab .nav-tabs{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap;  background: #036eab; }
.mobile-search-block .search-tab .nav-tabs:before{ display:none;}
.mobile-search-block .search-tab .nav-tabs > li { -ms-flex: 0 0 33.3333%;  flex: 0 0 33.3333%;  max-width: 33.3333%;  text-align: center;}
.mobile-search-block .search-tab .nav-tabs > li:nth-child(4){ width: auto; padding: initial; display: block;}
.mobile-search-block .search-tab .nav-tabs > li:nth-last-child(1){ float: left;}
.mobile-search-block .search-tab .nav-tabs > li > a{ margin-right: 0; padding: 27px 15px;  color: #ffffff;  font-size: 1.6rem; border-radius: 0; border:0;}
.mobile-search-block .search-tab .nav-tabs > li.active > a,.mobile-search-block .search-tab .nav-tabs > li.active > a:hover,.mobile-search-block .search-tab .nav-tabs > li.active > a:focus{ color: #036eab;}
.mobile-search-block .tab-content{ position: absolute; width: 100%; height: 100vh; background: #ffffff; padding-top: 20px;;}
@media only screen and ( max-width:1199px ){
	.sub-nav .login { margin-left: 10px;}
	.main-nav{ padding: 0 20px;}
	.main-nav nav{ margin-left: 40px;}
	.main-nav .vg-nav>ul>li>a, .main-nav .vg-nav>ul>li>span a{ padding: 5px 8px; font-size: 1.3rem;}
	.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .route1 a, .vg-nav-sidebar .dropdown-mega .dropdown-mega-container .routemenu .route1 a{ font-size: 1.2rem;}
	.main-nav .vg-nav .dropdown-mega .dropdown-mega-container .routemenu .route2{ font-size:1rem;}
}
@media only screen and ( min-width:992px ) and ( max-width:1199px ){
	.navbar .block-title img { max-width: 500px;}
}
@media only screen and (max-width: 991px){
	.star.navbar-inverse .navbar-header{ padding: 0 20px;}
	.sub-nav-item{ font-size: 1.5rem;}
	.sub-nav-item.info {padding-right: 10px;}
	.main-nav{padding: 0 10px;}
	.main-nav .nav-logo img { width: 185px;}
	.main-nav nav{margin-left: 20px; }
	.star.navbar .block-title img { max-width: 80%;}
}
@media only screen and (min-width: 768px){
	#top{ border-bottom: solid 1px rgb(46 46 46 / 0.2);}
	.vg-nav-sidebar{display:none;}
	.main-nav .vg-nav-main-container .dropdown-mega:hover .dropdown-mega-container{ display:block; visibility:visible; opacity:1; top:auto; }
}
@media (max-width: 991px) and (min-width: 767px){
	.main-nav .vg-nav>ul>li>a, .main-nav .vg-nav>ul>li>span a{ padding: 5px 4px; font-size: 1.1rem;}
}
@media only screen and (max-width: 767px){
	nav#top.navbar{ position: fixed;}
	.navbar .block-title{ padding-right:100px;}
	.navbar .block-title a.mobile,.navbar.active .block-title a.desk{ display: flex; text-align: left;  align-items: center;  }
	.navbar .block-title a.desk,.navbar.active .block-title a.mobile{ display:none;}
	.navbar .block-title { padding-right: 60px;}
	.sub-nav{ display:none;}
	.navbar-inverse .navbar-header { height: 70px;}
	.navbar-inverse .navbar-header h2.block-title a { height: 70px;}
	.vg-nav-sidebar.right{top:100px;right:-100%;width:100%;padding-bottom: 100px;}
	.vg-nav-sidebar__content{padding-top: initial;}
	.main-nav{ background:#18b7cd; height:100px; padding: 20px;}
	.main-nav .nav-logo img.desk-logo{ display:none;}
	.main-nav .nav-logo img.mobile-logo{ display:block;}
	.main-nav nav{ margin: 0; background:transparent;   z-index: 9999;}
	.main-nav .vg-nav-main-container{ display:none;}
	.vg-nav-main-container.vg-nav-cloned>li,.vg-nav-main-container.vg-nav-cloned>li {display: block !important; position:relative; background: #fefeff; padding-left: 30px; padding-right: 30px; }
	.vg-nav-main-container .dropdown-mega>a span.toggle{ display:block;}
	.vg-nav-main-container .dropdown-mega.show>a span.toggle{transform:rotate(90deg)}
	.vg-nav-sidebar .vg-nav-main-container .routemenu{ padding: 0 25px;}
	.vg-nav-sidebar .dropdown-mega .dropdown-mega-container .routemenu .route2>div{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap;}
	.vg-nav-sidebar .dropdown-mega .dropdown-mega-container .routemenu .route2 a{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%;  max-width: 33.3333%; margin: 8px 0; color: #2e2e2e; line-height: initial; font-size: 1rem; font-weight: 600;}
	.vg-nav-main-container a.mobile{ display:block;  position: relative;   height: 88px; padding: 27px 12px 27px 50px;  border-bottom: 1px solid #787878;   font-size: 1.8rem; font-weight: normal; line-height: 2rem;   color: #036eab !important;  width: 100%; text-align: left;}
	.vg-nav-main-container span.desk{display:none}
	.vg-nav-main-container.vg-nav-cloned .dropdown-mega.show .dropdown-mega-container { padding: 0 20px 15px;}
	/*mobile Sub Nav Start*/
	.mobile-sub-nav{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center;}
}

@media only screen and (max-width: 767px), only screen and (max-width: 575px){
	.main-nav .vg-nav-hamburger{display:block}
}
@media only screen and (max-width: 660px){
	/*mobile-header-search-block*/
	.mobile-search-block .search-tab .nav-tabs > li > a { padding: 27px 11px; font-size: 1.5rem;}
}
@media only screen and (max-width: 575px){
	.main-nav{ height: 80px; padding: 10px 15px;}
	.main-nav .nav-logo img.mobile-logo{ width:180px;}
	.main-nav .vg-nav-hamburger{  height: 30px; width: 30px;  top: 18px; right: 0;}
	.main-nav .vg-nav-hamburger span{ width:30px; height:3px;}
	.main-nav .vg-nav-hamburger span:nth-child(2) { top: 12px;}
	.main-nav .vg-nav-hamburger span:nth-child(3) { top: 24px;}
	.main-nav .vg-nav-hamburger.show span:nth-child(2),.main-nav .vg-nav-hamburger.show span:last-child { top:13px;}
	.vg-nav-main-container a.mobile{ padding: 27px 12px 27px 10px;}
	.vg-nav-main-container .dropdown-mega>a span.toggle{ right:10px;}
	.vg-nav-sidebar.right{ top:80px}
	.vg-nav-sidebar .vg-nav-main-container .routemenu{padding: 0 16px;}
	.vg-nav-sidebar .dropdown-mega .dropdown-mega-container .routemenu .route2 a{ -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;  }
	/*mobile Sub Nav Start*/
	.mobile-sub-nav{ width: 80px;  right: 50px;}
	.mobile-sub-nav .member-btn img { max-width:30px;}
	.mobile-sub-nav button#show{ width: 30px;  height: 34px;  background-size: 30px;  background-position: 0 4px;}
	.main-nav .hide-btn,.mobile-sub-nav .show-btn,.mobile-sub-nav .member-btn{ flex: 0 0 40px;}
	.main-nav .hide-btn button#hide{ width: 30px;  height: 30px;   right: 18px; }
	.main-nav .hide-btn button#hide::before{ width: 35px;  margin-left: -16px; margin-top: -3px;  -webkit-transform: rotate(42deg);  -ms-transform: rotate(42deg);  transform: rotate(42deg); }
	.main-nav .hide-btn button#hide::after{ height: 35px; margin-left: 0px;  margin-top: -19px;  -webkit-transform: rotate(48deg); -ms-transform: rotate(48deg);  transform: rotate(48deg);}
	/*mobile-header-search-block*/
	.mobile-search-block .search-tab .nav-tabs > li > a { padding: 19px 7px; font-size: 1rem;}
}
@media (max-width:520px) {
	.navbar .block-title {  padding-right: 42px;}
	.navbar-inverse .navbar-header { padding: 5px 10px; }
}
/* 主框架 */
/* 麵包屑 */
.breadcrumb { background-color: transparent; font-size: 1.15em;  font-weight: 600;  color: #2e2e2e; }
.breadcrumb > li {line-height: 30px; position: relative;}
.breadcrumb > li + li { padding-left: 25px;}
.breadcrumb > li + li:before { content: ">";  position: absolute;  top: -1px;  left: 3px; padding:0;  color: #2e2e2e;  font-size: 1.3rem; text-align: center; }
.breadcrumb > li.active {color:#2e2e2e;}
.breadcrumb > li a {color: #2e2e2e;}
.breadcrumb > li a:hover {color: #2e2e2e;}
/* FOOTER */
footer .html5-css3-rwd {padding-top: 15px;}
footer .html5-css3-rwd img {width: 100%;}
footer .prose span {float: right;}
footer .prose .small button {position: relative; z-index: 99999;}
.service_box {display: none;}
#widget {display: block;}
/*NEW FOOTER START */
footer .footer{ position:relative; font-size:1.1em;}
.contact-use-row { padding-right: 20px;}
footer{ border-bottom: 10px solid #18b7cd;}
footer .nav-block{background: #18b7cd;  color:#ffffff;}
footer .nav-block ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  margin:0 auto; max-width: 1200px; justify-content: space-between;}
footer .nav-block ul li{ text-align: center; line-height:30px;}
footer .nav-block ul li a{ display: block; color:#ffffff;  padding: 8px 20px;  font-size: 1rem;}
footer .info-block{ display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap;   flex-wrap: wrap;  position: relative; max-width:1200px;  margin: 0 auto; padding:25px 10px; background:#ffffff; color: #2e2e2e; font-weight: 600;}
footer .info-block .footerlogo,footer .info-block .service-item-part,footer .info-block .contact-us-part{ text-align:left; }
footer .info-block .footerlogo img{ width: 279px;  height: auto; max-width:100%;}
footer .info-block h1{ margin-top:0; margin-bottom: 9px;  padding-bottom: 9px; font-size: 1.2em;  font-weight: 600; border-bottom: 1px solid #18b7cd; }
footer .info-left{-ms-flex: 0 0 30.3333%;  flex: 0 0 30.3333%;  max-width: 30.3333%; }
footer .info-center,footer .info-right{ -ms-flex: 0 0 34.8333%;  flex: 0 0 34.8333%;  max-width: 34.8333%; }
footer .info-bottom{-ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;  display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:flex-end; padding-top: 25px;}
footer .info-bottom>div{ -ms-flex:1; flex:1; }
footer .info-bottom .logo-link{ text-align:right;}
footer .info-bottom .logo-link a{ display: inline-block; margin-right: 1em;}
footer .info-bottom .logo-link a img{height: 40px;}
footer .info-center{ padding-right: 60px;}
footer .info-block p{ margin: 7px 0; font-size: 0.9rem; }
footer .info-block .social-btn { padding-top: 30px; height: 80px;}
footer .info-block .social-btn ul{ position: relative; clear: both; padding-left: 50px;}
footer .info-block .social-btn ul:first-child::before { content: "總公司"; position: absolute; left: 0; top: 10px;  font-size: 16px;  font-weight: 400;}
footer .info-block .social-btn ul:last-child::before { content: "台南站"; position: absolute; left: 0; top: 10px; font-size: 16px; font-weight: 400; }
footer .info-block .social-btn li{ float:left; margin: 0 5px}
footer .info-block .social-btn li:nth-child(1) a,footer .info-block .social-btn li:nth-child(5) a{ width: 30px;  height: 40px;}
footer .info-block .social-btn li:nth-child(1) a img,footer .info-block .social-btn li:nth-child(5) a img{ width: 30px;  height: 40px;  line-height: 42px; }
footer .info-block .social-btn a{ position: relative; display: inline-block; width: 30px;  height: 40px; background: #ffffff;  text-align: center; -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; }
footer .info-block .social-btn i{ content: "";  position: absolute;  width: 30px;  height: 40px;  left:0; line-height: 42px;  font-size: 28px;  background: transparent;  color: #18b7cd;}
footer .copyright{  font-size: 0.9rem; font-weight: normal;}
footer .mobile-phonenumber{  font-size: 1.8rem; margin: 15px auto;  padding: 20px 36px; font-weight: bold;    line-height: 2.4rem;  border: 2px solid #18b7cd;   border-radius: 10px;   color: #18b7cd; display:none;}
@media(max-width: 991px){
	footer .info-block .footerlogo img{ width: 200px; }
	footer .info-center{ padding-right: 20px;}
	footer .info-bottom .copyright { -ms-flex:0 0 304px; flex: 0 0 304px; max-width: 304px;}
	footer .info-bottom .logo-link a img{height: 33px;}
	footer .info-block .social-btn li{ margin: 0 5px;}
}
@media (max-width:767px){
	footer .nav-block{ position: relative; display: block;padding: 0 45px; }
	footer .nav-block::before{  content: ""; position: absolute; width: 20px;  height: 40px; top: 10px;  right: 10px; background-image: url('../images/angle-left.svg');  background-repeat: no-repeat;     background-position: center; background-size: 20px; transform: rotate(180deg);} 
	footer .nav-block>ul{ display: block; white-space: nowrap; overflow-x: auto;}
	footer .nav-block ul li{display:inline-block;}
	footer .nav-block ul li a{ font-size:1.8rem; line-height: 1.5;}
	footer .nav-block li:first-child a{ padding-left: 0;}
	footer .nav-block li:last-child a{ padding-right: 0;}
	footer .info-block .footerlogo,footer .info-right,footer .info-bottom .logo-link{ display:none;}
	footer .info-block{ padding: 25px 10px 15px;}
	footer .info-left,footer .info-center{ -ms-flex:0 0 100%; flex: 0 0 100%; max-width: 100%;}
	footer .info-bottom .copyright{ -ms-flex:0 0 100%; flex: 0 0 100%; max-width: 100%; text-align:center;}
	footer .mobile-phonenumber{ display:table; font-size: 1.6em; padding: 10px 20px;}
	footer .info-center{ padding-top:35px;  text-align: center;}
	footer .info-block .social-btn{ display: table; margin:0 auto;}
	footer .info-block .social-btn li{ display:inline-block;}
	footer .info-block h1{ border-bottom: 0; padding-bottom: 0; font-size: 1.8rem; }
	footer .info-block p{ font-size:1.1rem; line-height: initial;}
}
@media (min-width:576px) and (max-width:767px){
	footer .info-block .social-btn li a,
  footer .info-block .social-btn li:nth-child(1) a,
  footer .info-block .social-btn li:nth-child(5) a{  width: 48px;  height: 50px; }
	footer .info-block .social-btn li a img,footer .info-block .social-btn li a i{ width: 48px; height: 48px; line-height: 40px; font-size: 40px;}
	footer .info-block .social-btn li:nth-child(1) a img,
  footer .info-block .social-btn li:nth-child(5) a img{ width: 40px; vertical-align: middle;}
  footer .info-block .social-btn ul:first-child::before,
  footer .info-block .social-btn ul:last-child::before { top: 8px; } 
}
@media (max-width:575px){
	footer .mobile-phonenumber{font-size: 1.1rem; padding: 12px 14px; line-height: 1.6rem; }
	footer .info-center{ padding-top: 0;}
	footer .info-block .social-btn{ padding: 10px 0 20px;}
	footer .info-block h1{ font-size: 1.1rem;}
	footer .info-block p { font-size: 0.9rem;}
	footer .info-block .social-btn li { margin: 0 10px;}
}
/* FOOTER  END*/
/*側選單 SIDE BOX START */
/*.side-box.desk{ position: fixed;  bottom: 70px; right: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: #036eab; z-index: 999999;}
.side-box.desk .side-bar{ display: table;  padding: 10px; width: 60px; }
.side-box.desk .side-bar li{padding: 8px 0;}
.side-box.desk .side-bar li a{ display: inline-block;  width: 40px; height: 40px; padding: 5px; border: 1px solid #ffffff; border-radius: 20px; color: #ffffff; font-size:23px;  text-align: center; line-height: 27px;}
.side-box.desk .side-bar li a img{ max-width: 100%; height: auto;max-height: 25px; margin-bottom: 5px;} */
.side-box.desk{ display:none;}
.side-box.mobile{ display:block;}
.side-box.mobile .side-fab-wrapper{  z-index: 9900;   width:100%;   height:240px;   position:fixed;   right:0px;   bottom:0px;   pointer-events:none; }
.side-box.mobile .sub_fab_btns_wrapper{  right:10px;   bottom:150px;   position:absolute;   display:none;   opacity: 0;   -webkit-transition: opacity 0.3s ease-in;        -moz-transition: opacity 0.3s ease-in;         -ms-transition: opacity 0.3s ease-in;   -o-transition: opacity 0.3s ease-in;    transition: opacity 0.3s ease-in;   pointer-events:all; }
.side-box.mobile .sub_fab_btns_wrapper.show{   display:block;   opacity: 1; }
.side-box.mobile .sub_fab_btns_wrapper button{   width:60px;   height:60px;   border-radius:100%;   background:#F44336;   margin-bottom:10px;   margin-right:0;   padding:0;   border:none;   outline:none;   color:#ffffff;  font-size: 2.2rem;   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);   transition:.3s;    pointer-events:all; }
.side-box.mobile button.side_fab_main_btn{  background-color:#F44336;   width:60px;   height:60px;   border-radius:100%;   background:#F44336;   right:10px;   bottom:90px;   position:absolute;   margin-right:0;   margin-bottom:0;   padding:0;   border:none;   outline:none;   color:#ffffff;   font-size:36px;   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);   transition:.3s;    -webkit-tap-highlight-color: rgba(0,0,0,0);   pointer-events:all; }
.side-box.mobile .side_fab_main_btn span{  transition:.5s;  }
.side-box.mobile .ink { display: block;   position: absolute;   background:rgba(255, 255, 255, 0.3);   border-radius: 100%;   -webkit-transform:scale(0);      -moz-transform:scale(0);        -o-transform:scale(0);           transform:scale(0);   pointer-events:all; }
.side-box.mobile .side-fab-wrapper .ellipsis-icon{ background:url('../images/ellipsis-icon.svg');background-size:40px; width:40px; height:40px;  margin: 0 auto}
.side-box.mobile .side-fab-wrapper .member-icon{ background:url('../images/member-icon.svg');background-size:40px; width:40px; height:40px;  margin: 0 auto; border-radius: 50px;}
.side-box.mobile .side-fab-wrapper .line-icon{ background:url('../images/line-icon-w.svg');background-size:40px; width:40px; height:40px;  margin: 0 auto}
.side-box.mobile .side_fab_main_btn:focus .ellipsis-icon,.side-box.mobile .sub_fab_btns_wrapper.show + .side_fab_main_btn .ellipsis-icon{ position:absolute; width: 40px; height: 30px;  top: 50%; bottom: 0;   left: 50%;   transform: translate(-50%, -50%);   background: transparent; }
.side-box.mobile .side_fab_main_btn:focus .ellipsis-icon::before,.side-box.mobile .sub_fab_btns_wrapper.show + .side_fab_main_btn .ellipsis-icon::before{content: '';     position: absolute;     left: 50%;     top: 50%;     width: 30px;     margin-left: -15px;     margin-top: -2px;     border-top: 4px solid;     -webkit-transform: rotate(45deg);     -ms-transform: rotate(45deg);     transform: rotate(45deg);}
.side-box.mobile .side_fab_main_btn:focus .ellipsis-icon::after,.side-box.mobile .sub_fab_btns_wrapper.show + .side_fab_main_btn .ellipsis-icon::after{ content: '';     position: absolute;     left: 50%;     top: 50%;     height: 30px;     margin-left: -2px;     margin-top: -15px;     border-left: 4px solid;     -webkit-transform: rotate(45deg);     -ms-transform: rotate(45deg);     transform: rotate(45deg); }
.side-box.mobile .animate{  -webkit-animation:ripple 0.65s linear;    -moz-animation:ripple 0.65s linear;     -ms-animation:ripple 0.65s linear;      -o-animation:ripple 0.65s linear;         animation:ripple 0.65s linear;  }
	@-webkit-keyframes ripple {
	  100% {opacity: 0; -webkit-transform: scale(2.5);}
	}
	@-moz-keyframes ripple {
		100% {opacity: 0; -moz-transform: scale(2.5);}
	}
	@-o-keyframes ripple {
		100% {opacity: 0; -o-transform: scale(2.5);}
	}
	@keyframes ripple {
		100% {opacity: 0; transform: scale(2.5);}
	}
/*側選單 SIDE BOX END*/
/*客製會員登入LOGIN START */
.all-table-width-new{ width: 1170px; margin: 20px auto; }
/*登入頁*/
.member_page{ padding: 30px 25px 50px;}
.member_page .login_box,.member_page .logout_box{ max-width: 400px; margin: 0 auto;}
.member_page .login_box .input-group{ display:block;}
.member_page .login_box .input-group .form-control{  width: 100%; height: 60px;   padding: 10px; font-size: 18px; border: 1px solid rgb(46 46 46 / 0.2); box-shadow: none;}
.member_page .login_box .input-group .form-control::placeholder{ /* CSS 3 標準 */color: rgba(46, 46, 46, 0.6); font-weight:600;}
.member_page .login_box .input-group .form-control::-webkit-input-placeholder { /* Chrome, Safari */  color:rgba(46, 46, 46, 0.6);font-weight:600;}
.member_page .login_box .input-group .form-control:-ms-input-placeholder { /* IE 10+ */  color: rgba(46, 46, 46, 0.6);font-weight:600;}
.member_page .login_box .input-group .form-control::-moz-placeholder { /* Firefox 19+ */ color: rgba(46, 46, 46, 0.6);  opacity: 1;font-weight:600;}
.member_page .login_box h1{  position: relative; margin-bottom: 20px; padding-left: 16px; color: #bd8a55;  font-size: 24px;  font-weight: 600;  letter-spacing: 0.1rem; }
.member_page .login_box h1::before{ content: "";  position: absolute; width: 7px; height: 30px; background: #bd8a55; top: -2px; left: 0;}
.member_page .login_box li{ padding:0; }
.member_page .login_box li+li{  padding-top: 10px;}
.member_page .login_box li.btn-block{ text-align: right; padding-top:30px; padding-bottom:40px;}
.member_page .login_box li.btn-block>a+a{padding-right: 40px;}
.member_page .login_box .sign_up,.member_page .login_box .forget_password { display: block;  float: right;  padding: 0; background: transparent;  border: 0;color: rgba(46, 46, 46, 0.8); font-size: 18px;}
.member_page .login_box .login_btn{  width: 100%;  background: #036eab;  border-color: #036eab;  border-radius: 0;  padding: 12px;  font-size: 24px; letter-spacing: 3px;}
.member_page .login_box .sign_up>i,.member_page .login_box .forget_password>i,.member_page .login_box .login_btn>i{ display: none;}
/*忘記密碼+註冊會員*/
.member-title{  padding: 35px 5px 15px;  color: #036eab;  text-align: center;   font-size: 20px; letter-spacing: 0.2rem;}
a.member-title:hover, a.member-title:focus{color:#036eab; }
a.member-title2{ display: block; color: #18b7cd; font-size: 24px; text-align: center; }
.member-contant-text01, .member-contant-text02 {  line-height: 30px; padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px; font-size: 16px;  color: rgb(46 46 46 / 0.8);}
.member-contant-text01 span,.member-contant-table td{ line-height: 30px; font-size: 16px;  color: #2e2e2e;}
.member-contant-table tr:not(:first-child){ background: #f3f3f3;}
.member-contant-table tr+tr {  border-bottom: 1px solid #d1d2d2; }
.member-contant-table tr td {padding: 10px; text-align:left;}
.member-contant-table>tbody>tr:first-child .member-contant-td03 {text-align:left;}
table.member-contant-table {  width: 100%;  margin: 0 auto; color: #545454 }
.member-contant-table tr[name="MailFalse"]:nth-child(3){ display: table-row !important;}
td.member-contant-td03 {background: #e9f2f7; color: #2e2e2e; font-size: 18px;}
button.member-input-button,a.member-input-button{ display: inline-block;  margin-top: 25px; margin-bottom: 25px;  padding: 11px 35px;  background: #036eab;  border-radius: 0;  border: 1px solid #036eab; } 
button.member-input-button:hover,a.member-input-button:hover{ background-color: #036eab; border: 1px solid #036eab; }
button.member-input-button:hover .ms-input-text,a.member-input-button:hover td.left-input-text02{color:#ffffff;}
.member-input-button tr td:not(:nth-child(2)) { display: none; }
button.member-input-button .ms-input-text { background: inherit;  color: #fff; font-size: 20px;  letter-spacing: 1px; padding: 0;}
/*會員專區*/
.go-main-title, .order-contant-title:nth-child(1) td{font-size: 20px; padding: 15px 0;}
.member_page.col-sm-offset-3{ width:100%; margin-left:0}
.logout_box {  width: 33.33333%;  display: table;  margin: 0 auto; }
td.left-input-text02 { background: inherit; color: #ffffff; font-size: 18px; }
button.member-input-button:hover td.left-input-text02{color:#ffffff; }
button.left-input-button{ margin-top: 25px;  padding:10px 25px;  background-color: #036eab; border:1px solid #036eab;  border-radius: 4px; }
button.left-input-button:hover{ background-color: #ffffff;   border: 1px solid #036eab; }
button.left-input-button:hover .left-input-text02{ color:#036eab; }
button[name="submit"].left-input-button { display: none;}
.left-input-button tr td:not(:nth-child(2)) { display: none; }
.member-contant-text01 p { line-height: 30px;  font-size: 18px;  color: #2e2e2e; }
.member-contant-text01 li{ line-height:3rem;font-size: 16px;}
.logout_box li { font-size: 16px; padding-bottom: 30px;  text-align: center; }
.logout_box li:first-child{    font-size: 24px; font-weight:600; }
.logout_box li:nth-child(3),.logout_box li:nth-child(4) {  width:50%; float:left;}
tr.member-contant-title {  background: #f3f3f3;}
tr.member-contant-title+tr.member-contant-title {  border-top: 1px solid #cecece;}
tr.member-contant-title td { padding: 15px 10px;  font-size: 18px;}
.member-input-button+input[type="button"] { display: inline-block;  margin-left: 25px;  margin-top: 25px;  margin-bottom: 25px;  padding: 11px 35px;  background: #6d6d6d;  border-radius: 0;  border: 1px solid #6d6d6d;  color: #ffffff;  vertical-align: bottom;  font-size: 20px; letter-spacing: 5px;  height: auto;}
/* 20211216電子報調整 start */
table.member-all-table-width { width: 1000px; margin: 0 auto; }
td.member-contant-title { background: #e7e7e7; padding: 8px; }
td.member-input-text { background: #f7f7f7; }
/* 20211216電子報調整 end */
table.member-all-table-width table tbody >tr:last-child img {  display: none;}
table.member-all-table-width #Table1>tbody>tr>td:nth-child(2){ position:relative; font-size:0;  height: 60px;}
table.member-all-table-width #Table1>tbody>tr>td:nth-child(2)::before{  content: "燦星旅遊會員註冊";  top: 0;  left: 50%; transform: translate(-50%, 0); position: absolute;  padding: 15px 5px; color: #18b7cd;   text-align: center;    font-size: 24px;   letter-spacing: 0.2rem;}
/*a.member-contant-text01 {   display: block;  margin-top: 50px; padding: 8px;   width: 120px; background: #6d6d6d; color: #ffffff; border-radius: 4px;   }*/
.member-all-table-width>tbody>tr>td>table>tbody>tr:nth-child(2) td table:nth-child(3)>tbody>tr>td a.member-contant-text01,
.member-all-table-width>tbody>tr>td>table>tbody>tr:nth-child(2) td #form1 table:nth-child(2)>tbody>tr>td a.member-contant-text01,
.member-all-table-width>tbody>tr>td>table>tbody>tr:nth-child(3) td table:last-child>tbody>tr>td a.member-contant-text01 { display: none;}
.member_page .logout_box .btn.btn-success,.member_page .logout_box .btn.btn-danger{ width: 100%; padding: 10px 0px; font-size: 18px; border-radius: 0;}
.member_page .logout_box button.btn.btn-danger { background-color: #bd8a55; border-color: #bd8a55;}
.member_page .logout_box button.btn.btn-danger:hover,.member_page .logout_box button.btn.btn-danger:focus,.member_page .logout_box button.btn.btn-danger.focus,.member_page .logout_box button.btn.btn-danger:active{ background-color: #bd8a55; border-color: #bd8a55; }
.member_page .logout_box .btn.btn-success{  color: #fff; background: #036eab;  border-color: #036eab;}
.member_page .logout_box .btn.btn-success:hover,.member_page .logout_box .btn.btn-success:focus,.member_page .logout_box .btn.btn-success.focus,.member_page .logout_box .btn.btn-success:active{color: #fff; background: #036eab;  border-color: #036eab;} 
.member_page .login_box .btn>i, .member_page .logout_box .btn>i{ display:none;}
form a.left-input-button>table>tbody>tr>td:nth-child(2).left-input-text02 { background: #1167A0;  padding: 10px 25px; cursor: pointer;}/*同業會員回首頁按鈕*/
table>tbody>tr:nth-child(3) table>tbody>tr>td.member-contant-text01 {  background: #f3f3f3; padding-top: 10px;padding-bottom: 10px;}/*同業退票查詢表格*/
form#rodSearch .member-contant-td02{  line-height: 30px; padding-bottom: 15px;     font-size: 16px;     color: rgb(46 46 46 / 0.8); }/*同業預訂單查詢表格*/
form#rodSearch>table>tbody>tr:nth-child(4) .member-contant-td02 { background: #f3f3f3; padding: 10px;}/*同業預訂單查詢表格*/
.member-contant-table tr td.ms-input-text {  padding: 0;}/*同業個人修改資料按鈕*/
form .member-contant-table>tbody>tr:first-child { background: #e3f2f5;  border-bottom: 1px solid #d1d2d2;}/*同業個人修改資料的表格*/
 /*客製會員登入LOGIN  END */
 /* CPN DESIGN票券公版客製樣式 START */
input[type="button" i], input[type="reset" i] { padding: 0 20px; height: 35px;}
input.order-input-box {  height: 30px;}
table.cpn-all-table-width,table.cpn-ms-table-line,table.cpn-contant-table {  width: 100%; }
table.cpn-ms-table-line tbody>tr>td>table>tbody>tr>td>table{ width: 100%;}
tr.cpn-ms-title { font-size: 18px; line-height: 35px;  color: #18b7cd; border-bottom: 1px solid #18b7cd;}
tr.cpn-ms-title>td {position: relative;  font-weight: 600;  height: 40px;}
tr.cpn-ms-title>td:nth-child(1)::before {   content: "";     background-color: #ffffff;     background: url(/eWeb_startravel/images/cpn_search_icon.jpg);     background-repeat: no-repeat;     background-position: center 3px;     width: 28px;     height: 35px;     position: absolute;     left: -5px;     top: 3px; }
tr.cpn-ms-title>td:nth-child(2){vertical-align: bottom;}
div#DIV_292160 .go-main-title{font-size: 22px; font-weight: 600;    color: #036eab;}
div#DIV_292160 .go-main-title>img { height: 28px; vertical-align: bottom;}
.cpn-all-table-width td.go-main-subtitle {  display: table;  margin: 10px 0; min-width: 80px;   border: 1px solid #18b7cd;   color: #18b7cd;   font-size: 16px;  text-align: center;   font-weight: 600;  line-height: 30px; }
.cpn-all-table-width td.go-main-subtitle>img { display: none;}
table#SearchArea { border: 1px solid #18B7CD;border-top: 0; width: 100%;}
table#SearchArea>tbody { display: table; width: 95%; margin: 15px auto 25px;}
table#SearchArea .ms-tr01, table#SearchArea .ms-tr02 { padding-bottom: 15px; display: block; }
table#SearchArea .ms-tr01 img, table#SearchArea .ms-tr02 img { display: none;}
.cpn-all-table-width table#SearchArea .ms-tr01,.cpn-all-table-width table#SearchArea .ms-tr02{  display:inline-table; padding-top:10px; padding-bottom:0}
.cpn-all-table-width table#SearchArea>tbody>tr:last-child { padding-top: 0; padding-left: 10px; padding-right: 10px;}
table#SearchArea select.ms-input-box,.ms-input-box{ width: 99%; height: 34px;  padding: 6px 12px;     margin: 0 0 5px 0;     font-size: 1em;     line-height: 1.42857143;     background-color: #fff;   background-image: none;     border: 1px solid rgb(46 46 46 / 0.3);}
table#SearchArea select.ms-input-box{ color: #545454;}
.cpn-all-table-width table#SearchArea .ms-tr01:first-child {width: 25%;}
.cpn-all-table-width table#SearchArea .ms-tr01:nth-child(2) { width: 75%;}
.cpn-all-table-width table#SearchArea .ms-tr02 { width: 50%;}
.cpn-all-table-width table#SearchArea .ms-tr01:first-child td { width: 100%; display: table-cell; padding-left: 10px; padding-right: 10px;}
.cpn-all-table-width table#SearchArea .ms-tr01:nth-child(2) td { width: 33%; display: table-cell; padding-left: 10px; padding-right: 10px;}
.cpn-all-table-width table#SearchArea>tbody>tr:nth-child(3) td {width: 49.6%; display: table-cell;  padding-left: 10px;  padding-right: 10px;}
.cpn-all-table-width table#SearchArea .ms-tr02 td:nth-child(3) { display: none;}
.cpn-all-table-width table#SearchArea>tbody>tr:last-child>td { width: 100%; display: table-cell; text-align: right; padding: 0px 10px 0px 0px !important;}
table#SearchArea .ms-tr02 .ms-input-button td.ms-input-text {  background: #6c6c6c;  border: none;  border-radius: 0; padding: 10px 30px; font-size: 16px; color: #ffffff; }
table#SearchArea .ms-tr02 .ms-input-button:first-child td.ms-input-text {  background: #036eab;}
table.cpn-contant-table>tbody>tr:first-child { background:#18b7cd; color: #ffffff; }
table.cpn-contant-table>tbody>tr:first-child td { padding: 8px; font-size: 16px; line-height: inherit;}
.cpn-contant-table .cpn-contant-td01>span.cpn-contant-money01, .cpn-contant-table .cpn-contant-td02>span.cpn-contant-money01, .cpn-contant-table .cpn-contant-td01 font, .cpn-contant-table .cpn-contant-td02 font {  color: #ff0066;}
td.cpn-contant-td01 { background: #eff7f9;}
td.cpn-contant-td01, td.cpn-contant-td02{  padding:8px 10px; font-size: 16px; line-height: 35px;  vertical-align: middle;}
td.cpn-contant-td01 a, td.cpn-contant-td02 a{ color: #036eab;}
td.cpn-contant-td01 a:hover, td.cpn-contant-td02 a:hover{ color:#036eab;}
.cpn-all-table-width .ms-tr01>td, .cpn-all-table-width .ms-tr02>td {  width: 200px;}
.cpn-all-table-width table#SearchArea .ms-tr01 td, .cpn-all-table-width table#SearchArea .ms-tr02 td { color: #18b7cd; line-height: 26px; font-weight: 600;}
.cpn-search-result-tr span.cpn-contant-link01{ position: relative; font-size: 22px;  padding: 15px 0 15px 15px;  color: #036eab;  font-weight: 600;}
.cpn-search-result-tr span.cpn-contant-link01::before { content: "";  position: absolute;  width: 12px;  height: 26px;  background: #036eab;  left: -5;   top: 18px; }
.cpn-all-table-width .cpn-search-result-tr span.cpn-contant-link01{ font-size: 18px;  padding:0; color: #18b7cd;  line-height: 35px;}
.cpn-all-table-width .cpn-search-result-tr td { color: #18b7cd;}
.cpn-all-table-width .cpn-search-result-tr span.cpn-contant-link01::before{ display:none;}
.cpn-all-table-width .go-page-link01 { display: inline-block; min-width: 20px; line-height: 35px;  margin-top: 10px; }
tr.cpn-search-result-tr>td:last-child {  font-size: 16px; color: #0097da; font-weight: 600; vertical-align: middle;}
td.cpn-contant-td03 .cpn-input-text {  color: #ffffff; position: relative;}
.cpn-contant-table td.cpn-contant-td03 a.cpn-input-text::before { content: "";   width: 0;  height: 0;  border-style: solid;  border-width: 10px 5px 0 5px; border-color: #ffffff transparent transparent transparent;   position: absolute; left: -15px;  top: 6px; }
.cpn-all-table-width .cpn-contant-text02 { padding: 8px 0 0;}
.cpn-all-table-width .order-step-title {  font-size: 16px;  line-height: 28px;  padding: 5px 0;}
.order-all-table-width #Button1.button,.order-all-table-width #Button2.button{  border-radius: 0;  padding: 8px 15px;  color: #ffffff;  font-size: 16px; margin: 5px; }
.order-all-table-width #Button1.button{ background: #036eab; }
.order-all-table-width #Button2.button{ background: #545454; }
.cpn-all-table-width td.order-contant-td03 { padding: 5px 10px;}
.cpn-all-table-width .order-contant-table .order-contant-td03 input.btn07 {  width: 120px !important; height: 30px !important;}
td.order-contant-td02{  padding: 5px 10px;}
#MEMBER_FORM button[type="button"].order-input-button {background: #036eab;}
#MEMBER_FORM button[type="button"].order-input-button td{background:#007bbb !important;}
#MEMBER_FORM button[type="reset"].order-input-button,button.order-input-button:nth-child(2) {background: #545454;}
#MEMBER_FORM button[type="reset"].order-input-button td,button.order-input-button:nth-child(2) td{background: #545454 !important;}
table.cpn-quick-search-table > tbody > tr:first-child >td {  color: #007bbb;font-size: 20px; line-height: 45px;  padding: 10px 0 15px;  letter-spacing: 2px; }
table.cpn-quick-search-table input#CarItemQuantity {  width: 50px; height: 30px;}
table.cpn-quick-search-table input#textfield2 { width: 80px; height: 30px;}
table.cpn-quick-search-table > tbody > tr:nth-child(2) > td.cpn-contant-td03 { background:#007bbb; padding: 5px; color: #ffffff; }
table.cpn-quick-search-table > tbody > tr:nth-child(4) > td.cpn-contant-td03 { padding: 10px 5px; color:#CC0000;}
.order-all-table-width input#bt3 {  background: #007bbb; color: #ffffff; border-radius: 4px; padding: 0 15px; }
table#Table9 > tbody > tr:nth-child(2) td.cpn-contant-td03 {  padding: 10px 5px;  color: #545454;  font-size: 16px; }
div#show_emp { padding: 10px 5px;}
table.cpn-quick-search-table > tbody > tr:first-child >td strong, table.cpn-quick-search-table > tbody > tr:first-child >td input { padding: 10px 5px;  color: #CC0000;  font-size: 18px; }
span.cpn-contant-money01 select {width: 100px;}
.all-table-width-new .cpn-contant-table>tbody>tr>td.cpn-contant-td01:nth-child(4),
.all-table-width-new .cpn-contant-table>tbody>tr>td.cpn-contant-td02:nth-child(4),
.all-table-width-new .cpn-contant-table>tbody>tr:first-child>td.cpn-contant-td03:nth-child(4){ display:none;}
table.order-all-table-width .cpn-contant-table>tbody>tr>td.cpn-contant-td01:nth-child(4),table.order-all-table-width .cpn-contant-table>tbody>tr>td.cpn-contant-td02:nth-child(4), table.order-all-table-width .cpn-contant-table>tbody>tr:first-child>td.cpn-contant-td03:nth-child(4) {display: table-cell;}
/*.cpn-contant-table .cpn-contant-td01 span.cpn-contant-money01::after,
.cpn-contant-table .cpn-contant-td02 span.cpn-contant-money01::after{  content: "元";}
table.order-all-table-width .cpn-contant-table .cpn-contant-td01 span.cpn-contant-money01::after,
table.order-all-table-width .cpn-contant-table .cpn-contant-td02 span.cpn-contant-money01::after{  content: "";}
.cpn-contant-table .cpn-contant-td01 span.cpn-contant-money01+font,.cpn-contant-table .cpn-contant-td02 span.cpn-contant-money01+font{ display:none;} 列表的起改成元*/
table#Table9 .cpn-contant-td03 { color: #c00; padding: 10px 0;  font-size: 16px;}
.cpn-all-table-width table#Table21 > tbody > tr:first-child .cpn-contant-td01 { background: #a7a7a7;}
.cpn-all-table-width table#Table19 {  background: #f3f3f3;}
.cpn-all-table-width table#Table19 > tbody > tr:nth-child(2) td.cpn-contant-td03 {     padding: 10px 0;     color: #949393;     font-size: 16px; }
iframe[name="iframe_DIV_292160"]+table { display: none;}
.cpn-all-table-width button.ms-input-button { background: 0 0;  border: 0;}
.cpn-all-table-width table#SearchArea button.ms-input-button{ padding: 0;}
.cpn-all-table-width .ms-input-button td:nth-child(1), .cpn-all-table-width .ms-input-button td:nth-child(3) {display: none;}
table.order-all-table-width {  width: 97%!important; margin: 0 15px;}
table.cpn-contant-table + br + table td {text-align: right;}
.ms-input-button { background: 0 0; border: 0;  margin-top: 10px;}
.ms-input-button:nth-child(1) td { background: #036eab;}
.ms-input-button td:nth-child(1), .ms-input-button td:nth-child(3) { display: none;}
.ms-input-button td{  color: #fff; background: #6c6c6c; border: none; padding: 10px 25px;}
table.cpn-contant-table + br + table button .ms-input-text { border-radius: 5px; border: 1px solid #6c6c6c; background: #ffffff; color: #6c6c6c;  padding: 5px 10px; font-weight: 600;}
.order-contant-text01 .order-input-box {  font-size: 16px;     padding: 5px;  color: #333;  margin-bottom: 5px;  border: 1px solid #ccc;   order-radius: 4px;  width: 98%; }
td.order-contant-title { font-size: 18px;  padding: 10px 0; color: #18b7cd;}
.order_contant_table_login td { padding: 10px;}
.order-contant-text01 { line-height: 2em; color: #7e7e7e; font-size: 16px;}
.order-contant-text01 input {padding-top: 5px;}
.order-contant-text01 input[type=radio], input[type=checkbox]{ margin: 4px 5px 0 0;}
.order-contant-table .order-contant-td02 .order-input-box, .order-contant-table .order-contant-td03 .order-input-box, .order-contant-table .order-contant-td01-01 .order-input-box {height: 34px;  margin: 0 0 5px 5px;  padding: 6px 12px;  font-size: 1em;  line-height: 1.42857143;  color: #555;  background-color: #fff;  background-image: none;  border: 1px solid rgb(46 46 46 / 0.4);}
.order-input-button { background:#036eab;  border: none; margin: 20px 5px; padding: 8px 30px;   border-radius: 0; }
.order-input-button td:nth-child(1), .order-input-button td:nth-child(3) { display: none;}
.order-input-button td{  font-size: 18px;  color: #fff;  background: inherit;}
 #MEMBER_FORM button[type=button].order-input-button td {  background: #036eab!important;}
 #MEMBER_FORM button[type=reset].order-input-button, button.order-input-button:nth-child(2){ background: #545454;}
 /* 客製簽證 START */
.visa_form .visa_search h3{  position:relative; padding-left:23px; font-size:22px; color: #18b7cd; font-weight: 600;}
.visa_form .visa_search h3::before{  content: "";  position: absolute;  background-image: url(https://cw-api.startravel.com.tw/eWeb_startravel/images/cpn_search_icon.jpg);  background-repeat: no-repeat;  background-position: center 3px;  width: 28px;  height: 35px;   left: -5px; top: -3px;}
.visa_form .visa_search .ms-tr02{ vertical-align: middle;}
.visa_search + table td.ms-tr02 { color: #18b7cd;  font-size: 14px;  font-weight: 600;}
.visa_search + table select {  height: 35px;  padding: 6px 12px; font-size: 1em;  line-height: 1.42857143;  background-color: #fff;  background-image: none; border: 1px solid rgb(46 46 46 / 0.3);  color: #545454; font-weight: normal;}
.visa_search + table input.button { margin: 0;  padding: 5px 22px 5px 28px;   float: right; color: #ffffff; background: #036eab; border: 0;  letter-spacing: 8px; }
.visa_form .pt-search-td01 { border: 0;  padding: 8px;    background: #18b7cd;  color: #ffffff;   height: 25px; font-size: 16px;   line-height: 25px;  }  
.visa_form .pt-search-td01.page{  text-align: center;  background: #ffffff;   color: #18b7cd;}
.visa_form tr.visa_table:nth-child(odd){ background:#eff7f9;}
.visa_form .visa_table .pt-search-td02,.visa_form .visa_table .pt-search-td03{border: 0;padding: 8px 10px;  font-size: 16px;  line-height: 35px;  vertical-align: middle; }
.visa_form tr.visa_table>td.pt-search-td03:nth-child(1) { color: #18b7cd; font-weight: 600;}
.visa_form tr.visa_table>td.pt-search-td03:nth-child(6) { color: #ff0066;}
.visa_form tr.visa_table>td.pt-search-td03:nth-child(7) input,.visa_form tr.visa_table>td.pt-search-td03:nth-child(8) input{ background: #ffffff;  border-radius: 6px;  padding: 2px 22px;  line-height: 16px;     font-weight: 600; outline: none;}
.visa_form tr.visa_table>td.pt-search-td03:nth-child(7) input { border: 1px solid #18b7cd; color: #18b7cd;}
.visa_form tr.visa_table>td.pt-search-td03:nth-child(8) input { border: 1px solid #036eab;  background: #036eab; color:#ffffff;}
.txt001{ font-size: 18px; color: #18b7cd; position: relative;}
.visa_form .txt001::after{ content: "";  position: absolute;  width: 20px;  height: 20px;  top: 6px;  background: url('/eWeb_startravel/images/visa_title_arrow.jpg'); background-position: center;  background-repeat: no-repeat;  background-size: 18px; }
.visa_form .pt-search-td01.page select {margin-left: 3px;  margin-right: 3px; padding: 3px 10px 3px 15px; border: 1px solid #18b7cd; font-size: 14px;}
/* Loader */
/* 回頂點 */
/*.actGotop{ position:fixed;_position:absolute; bottom: 20px; right: 0; width: 60px; height: 60px;display:none;z-index: 999;} 深藍色方形樣式*/
.actGotop{ position:fixed;_position:absolute; bottom: 20px; right: 10px; width: 60px; height: 60px;display:none;z-index: 999;}
/*.actGotop a, .actGotop a:link{ width: 60px; height: 60px; display:inline-block; border-bottom-left-radius:8px; outline:none; background:#036eab; line-height: 80px; text-align: center;  color: #ffffff; font-size: 1.05rem;}深藍色方形樣式*/
.actGotop a, .actGotop a:link{ width: 60px; height: 60px; display:inline-block; border-bottom-left-radius:8px; outline:none; background: #18b7cd;  border-radius: 50px; line-height: 80px; text-align: center;  color: #ffffff; font-size: 1.05rem;}
.actGotop a:hover{background:#036eab; outline:none;}
.actGotop a i{ color: #ffffff; position: absolute; width: 60px; left: 0;  top: 0px; font-size: 40px;}
.actGotop a:hover{color:#ffffff;}
/********** 合併搜尋列表頁 **********/
/****** 合併搜尋引擎-個團及團型共用-也可以最外層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_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 30%;}
.merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 51.3%;}
/* 出發期間 */
.merge_search ul li.merge_search_date .input-group-addon {display: inherit; position: absolute; border-radius: 4px;}
.merge_search ul li.merge_search_date .input-group-btn {display: inherit;}
.merge_search ul li.merge_search_date .input-group .form-control{display: inherit;}
.merge_search ul li.merge_search_date .form_date {float: left; width: 40.7%; margin: 0 0 15px 15px;}
.merge_search ul li.merge_search_date .merge_search_input_date {line-height: 22px; appearance: none; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/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_startravel/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_startravel/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_startravel/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_startravel/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_startravel/images/grey.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* 產品快搜 */
.merge_search ul li.merge_search_keyword .merge_search_input {float: left; width: 84.1%; margin: 0 0 15px 15px; line-height: 22px;}
/* 搜尋引擎按鈕 預設置右，可透過 text-align 的其他參數調整 */
.merge_search .merge_search_btn {margin:15px 0px; text-align: right;}
.merge_search .merge_search_btn a i {margin-right: 5px;}
.merge_search .merge_search_btn a:nth-child(1) {padding: 6px 42px;}
/* 搜尋條件及排序方式 */
.merge_sequence {background: #FFF; height: 75px;}
.merge_sequence > div {width: 50%; float: left;}
.merge_sequence > div.condition { padding-top: 25px;}
.merge_sequence > div.theway {/*width: :40%;*/}
.merge_sequence > div.condition ul li {float:left; line-height: 25px; font-size: 16px; 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: 25px;}
.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_startravel/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;}
/* Iframe嵌入團體自由行搜尋*/
body.IframePGO{background: #18b7cd; background-color: #18b7cd;}
.IframePGO.merge_search{ padding: 0 20px;  background: rgb(24 183 205);}
.IframePGO.merge_search h4{ display:none;}
.IframePGO.merge_search ul{ border-top: 0; border-bottom: 0; margin-bottom: 0;  padding: 0;}
.IframePGO.merge_search ul>li{background: #ffffff; margin-bottom: 6px;padding: 5px 10px;}
.IframePGO.merge_search ul>li::before { content: ""; position: absolute; width: 1px; height: 40px; background: #18b7cd; left: 0;}
.IframePGO.merge_search li.merge_search_area:nth-child(1)::before, .IframePGO.merge_search .merge_search_airport::before, .IframePGO.merge_search .merge_search_combine::before, .IframePGO.merge_search .merge_search_btn::before {display: none;}
.IframePGO.merge_search ul li .form-control{border: 0; border-radius: 0;-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075); box-shadow: inset 0 0 0;}
.IframePGO.merge_search ul li label{ color: #18b7cd; line-height: 20px; font-weight:600; text-align: left; width:100%;}
.IframePGO.merge_search ul li label i { display:none;}
.IframePGO.merge_search ul li.merge_search_area .merge_search_select,.IframePGO.merge_search ul li.merge_search_date .form_date,.IframePGO.merge_search ul li.merge_search_airport .merge_search_select,.IframePGO.merge_search ul li.merge_search_days .merge_search_select,.IframePGO.merge_search ul li.merge_search_budget .merge_search_select,.IframePGO.merge_search ul li.merge_search_airline .merge_search_select,.IframePGO.merge_search ul li.merge_search_keyword .merge_search_input{ margin:0;}
.IframePGO.merge_search ul li.merge_search_date .form_date{ width:50%;}
.IframePGO.merge_search ul li.merge_search_date .input-group .form-control{ display: inherit; padding: 0; height: 20px;color: rgb(46 46 46 / 0.6); font-size:16px; font-weight: 600;    background: url(/eweb_startravel/images/calendar-icon.svg); background-repeat: no-repeat; background-position: center right; background-size: 20px; cursor: default;}
.IframePGO.merge_search ul li.merge_search_date .input-group-addon{visibility: hidden;}
.IframePGO.merge_search ul li.merge_search_date .form_date[data-link-field="dtp_input2"] {padding-left: 23px;}
.IframePGO.merge_search ul li.merge_search_date .form_date[data-link-field="dtp_input2"]::before { content: "~"; left: 5px; position: absolute; color: rgb(46 46 46 / 0.6); font-size: 1rem; font-weight: 600;}
.IframePGO.merge_search ul li.merge_search_area .merge_search_select,.IframePGO.merge_search ul li.merge_search_airport .merge_search_select,.IframePGO.merge_search ul li.merge_search_budget .merge_search_select,.IframePGO.merge_search ul li.merge_search_airline .merge_search_select,.IframePGO.merge_search ul li.merge_search_days .merge_search_select,.IframePGO.merge_search ul li.merge_search_keyword .merge_search_input{ width:100%; background: none; line-height: inherit; padding: 0; height: 20px; color: rgb(46 46 46 / 0.6);font-size:16px; font-weight: 600; background: none;}
.IframePGO.merge_search .merge_search_airport,.IframePGO.merge_search .merge_search_budget{ padding-right: 5px; }
.IframePGO.merge_search ul li.merge_search_combine{ height: 50px; display: flex; align-items: center; margin-bottom: 0;}
.IframePGO.merge_search ul li.merge_search_combine input[type=checkbox].css-checkbox + label.css-label{padding-top:0; font-weight: 600;}
.IframePGO.merge_search .merge_search_combine label{ width: auto;}
.IframePGO.merge_search ul li.merge_search_keyword{ margin-bottom: 0;}
.IframePGO.merge_search .merge_search_btn{margin: 0; padding: 5px 10px;}
.IframePGO.merge_search .merge_search_btn a{ height: 40px; max-width: 130px;  line-height: 28px;  border: 0;   border-radius: 0;  font-size: 24px;}
.IframePGO.merge_search .merge_search_btn a:nth-child(1){ background: #036eab;}
.IframePGO.merge_search .merge_search_btn a:nth-child(2){ background: #6e6e6e; color: #ffffff; margin-left: 5px;}
.IframePGO.merge_search .merge_search_btn a i {display:none;}

@media (max-width: 1199px) and (min-width: 735px){
	.IframePGO.merge_search ul li.merge_search_area .merge_search_select:nth-child(2){ width:100%}
	.IframePGO.merge_search ul li.merge_search_combine { padding: 5px 10px;}
	.IframePGO.merge_search .merge_search_area,.IframePGO.merge_search .merge_search_airport,.IframePGO.merge_search .merge_search_days,.IframePGO.merge_search .merge_search_budget,.IframePGO.merge_search .merge_search_airline,.IframePGO.merge_search .merge_search_combine{ width: 25%;}
	.IframePGO.merge_search .merge_search_date{width:50%}
	.IframePGO.merge_search ul li.merge_search_combine input[type=checkbox].css-checkbox + label.css-label{margin-right: 10px;}
	.IframePGO.merge_search .merge_search_keyword { width: 41.6666%;}
	.IframePGO.merge_search .merge_search_btn { width: 33.3333%;}
}
@media (max-width: 991px) and (min-width: 735px){
	.IframePGO.merge_search ul li.merge_search_combine { padding: 5px 10px;}
	.IframePGO.merge_search ul li.merge_search_combine,.IframePGO.merge_search .merge_search_keyword{ width: 33.3333%;}
	.IframePGO.merge_search ul li.merge_search_airport,.IframePGO.merge_search ul li.merge_search_days,.IframePGO.merge_search ul li.merge_search_budget,.IframePGO.merge_search ul li.merge_search_airline{ display:block;}
}
@media(max-width:734px){
	.IframePGO.merge_search { padding: 0; background: #ffffff;}
	.IframePGO.merge_search ul>li { display: flex; align-items: center; margin-bottom: 20px;  padding: 13px 18px; border: 2px solid #18b7cd; height: auto; }
	.IframePGO.merge_search ul>li::before {display:none;}
	.IframePGO.merge_search ul li label{font-size: 24px; flex: 0 0 121px; border-right: 1px solid #18b7cd;}
	.IframePGO.merge_search ul li.merge_search_date .form_date{  width: initial;}
	.IframePGO.merge_search ul li.merge_search_area .merge_search_select, .IframePGO.merge_search ul li.merge_search_airport .merge_search_select, .IframePGO.merge_search ul li.merge_search_budget .merge_search_select, .IframePGO.merge_search ul li.merge_search_airline .merge_search_select, .IframePGO.merge_search ul li.merge_search_days .merge_search_select, .IframePGO.merge_search ul li.merge_search_keyword .merge_search_input{ padding-left: 20px; border: 0; line-height: 24px; font-size: 24px; font-weight: 400; height: 30px;}
	.IframePGO.merge_search ul li.merge_search_date .input-group .form-control{line-height: 1.8rem; font-size: 24px; font-weight: 400; height: 30px;}
	.IframePGO.merge_search ul li.merge_search_date div.form_date:nth-child(2){padding-left: 20px;}
	.IframePGO.merge_search .merge_search_btn{ border: 0;   justify-content: center; padding: 5px 0;}
	.IframePGO.merge_search .merge_search_btn a{ max-width: inherit;  height: 59px; padding: 5px 20px; border-radius: 6px;  font-size:30px;  line-height: 45px;}
	.IframePGO.merge_search .merge_search_btn a:nth-child(1) { width: 60%;}
	.IframePGO.merge_search .merge_search_btn a:nth-child(2) { width: 40%;}
	.IframePGO.merge_search ul li.merge_search_combine,.IframePGO.merge_search ul li.merge_search_keyword{ margin-bottom: 20px;}
	.IframePGO.merge_search ul li.merge_search_combine label{ padding-top: 0; font-weight: 600; -ms-flex:0  0 150px; flex: 0 0 150px; max-width: 150px; border-right: 0; font-size:24px}
}
@media(max-width:575px){
	.IframePGO.merge_search ul>li{ padding: 12px 10px;}
	.IframePGO.merge_search ul li label{font-size: 16px; line-height: 16px;  -ms-flex: 0 0 77px; flex: 0 0 77px; max-width: 77px; }
	.IframePGO.merge_search ul li.merge_search_area .merge_search_select, .IframePGO.merge_search ul li.merge_search_airport .merge_search_select, .IframePGO.merge_search ul li.merge_search_budget .merge_search_select, .IframePGO.merge_search ul li.merge_search_airline .merge_search_select, .IframePGO.merge_search ul li.merge_search_days .merge_search_select, .IframePGO.merge_search ul li.merge_search_keyword .merge_search_input{ padding-left: 10px; font-size: 16px;}
	.IframePGO.merge_search ul li.merge_search_date div.form_date:nth-child(2){ padding-left: 10px; } 
	.IframePGO.merge_search ul li.merge_search_date .input-group .form-control{ width:100px; background:none;  font-size: 16px;  line-height: 1.6rem;  letter-spacing: 0; padding: 0; text-align: center;}
	.IframePGO.merge_search ul li.merge_search_combine label{ font-size:16px;}
	.IframePGO.merge_search ul li.merge_search_date .form_date[data-link-field="dtp_input2"]::before{top: 5px;}
	.IframePGO.merge_search li.merge_search_area:nth-child(2)>label,.IframePGO.merge_search .merge_search_keyword>label{ letter-spacing: 9px;}
}
/* Iframe嵌入票券搜尋*/
body.IframeCPN{ background: #ffffff; background-color: #ffffff;}
body.IframeCPN>table{ background: #18b7cd;  border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
body.IframeCPN>table:nth-child(1){ display: none;}
body.IframeCPN>table>tbody{ padding: 19px 20px; display: block; height: 140px;}
body.IframeCPN>table>tbody>.ms-tr01, body.IframeCPN>table>tbody>.ms-tr02 { display:block;  float: left; background: #ffffff;  width: 100%;  margin-bottom: 5px;}
body.IframeCPN>table>tbody>tr>td{   position: relative; display: block; float: left; padding: 5px 10px; height: 50px; letter-spacing: normal; font-size: 0.9rem;  font-weight: 600;  color: #18b7cd;}
body.IframeCPN>table>tbody>tr>td::before{ content: ""; position: absolute; width: 1px; height: 40px; background: #18b7cd; left: 0;}
body.IframeCPN>table>tbody>.ms-tr01 td:first-child::before, body.IframeCPN>table>tbody>.ms-tr02 td:first-child::before{ display:none;}
body.IframeCPN>table>tbody .ms-tr01 td{ width: 33.3333%;}
body.IframeCPN>table>tbody tr:nth-child(2){ width: 66.666%;}
body.IframeCPN>table>tbody tr:nth-child(3){  width: 33.3333%; height: 50px;}
body.IframeCPN>table>tbody tr:nth-child(3)>td { width: 100%;  text-align: right;}
body.IframeCPN>table>tbody tr:nth-child(2) td{ width: 49.6%;}
body.IframeCPN>table>tbody tr:nth-child(2) td:nth-child(3){ display: none;}
body.IframeCPN>table>tbody>tr:last-child>td {float: right;}
body.IframeCPN>table>tbody>tr>td>img{ width: 0; padding-left: 5px;}
body.IframeCPN>table>tbody>tr>td .ms-input-box{ display:block; width: 100%;  line-height: inherit;  border: 0;  margin: 0; padding: 0;  height: 20px;  color: rgb(46 46 46 / 0.6); font-size: 1rem;  font-weight: 600; letter-spacing: initial; background: none; }
body.IframeCPN button.ms-input-button{margin-top: 0; height: 40px;  border: 0;  border-radius: 0;   font-size: 1.5rem; }
body.IframeCPN button.ms-input-button:first-child{ background: #036eab;  padding: 6px 42px; }
body.IframeCPN button.ms-input-button:last-child { background: #6e6e6e;  color: #ffffff; margin-left: 5px;  padding: 6px 12px;}
body.IframeCPN button.ms-input-button img { display: none;}
body.IframeCPN button.ms-input-button .ms-input-text { background: transparent;     color: #ffffff;  font-weight: normal;  line-height: 28px; padding:0;}
@media (max-width: 1199px) and (min-width: 735px){
	body.IframeCPN button.ms-input-button:first-child{ padding: 6px 12px; }
}
@media(max-width:734px){
	body.IframeCPN>table { background: #ffffff;   border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	body.IframeCPN>table>tbody { padding: 0; display: block; height: 100vh;}
	body.IframeCPN>table>tbody>tr>td { position: relative;  display: flex;  align-items: center;  margin-bottom: 20px;  padding: 13px 18px;   border: 2px solid #18b7cd;  height: auto; font-size: 1.5rem;}
	body.IframeCPN>table>tbody>tr:not(:nth-child(3))>td::before{ content: "";  position: absolute;  background: #18b7cd;   width: 1px;  height: 30px;  left: 95px;  top: 15px; }
	body.IframeCPN>table>tbody>.ms-tr01 td:first-child::before,body.IframeCPN>table>tbody>tr:nth-child(2) td:first-child::before{ display:block;}
	body.IframeCPN>table>tbody>tr:last-child td:first-child::before{ display:none;}
	body.IframeCPN>table>tbody>.ms-tr01, body.IframeCPN>table>tbody>.ms-tr02{     float: initial;   display: -ms-flexbox;  display: flex; display: -ms-flexbox!;  flex-wrap: wrap; -ms-flex-wrap: wrap; flex-flow: column;}
	body.IframeCPN>table>tbody .ms-tr01 td,body.IframeCPN>table>tbody tr:nth-child(2) td{  width: 100%;  display: block; float: initial; }
	body.IframeCPN>table>tbody tr:nth-child(2), body.IframeCPN>table>tbody tr:nth-child(3) {  width: 100%;}
	body.IframeCPN>table>tbody>tr:nth-child(3)>td {  display: block; width: 100%; float: initial;  border: 0;  margin-bottom: 0; padding: 0;}
	body.IframeCPN>table>tbody>tr>td .ms-input-box{  display:inline-block; width: calc(100% - 60px); height: 30px; border-radius: 0;   padding-left: 40px;  border: 0; line-height: 1.8rem;  font-size: 1.5rem; font-weight: 400;  outline: none; }
	body.IframeCPN button.ms-input-button{ max-width: inherit; height: 59px;  padding: 5px 20px;  border-radius: 6px; font-size: 1.9rem; line-height: 45px; display: inline-block;}
	body.IframeCPN button.ms-input-button>table{  margin: 0 auto;}
	body.IframeCPN button.ms-input-button:first-child{ width: 57%; background: #036eab; padding: 6px 12px;}
	body.IframeCPN button.ms-input-button:last-child{  width: 40%;  background: #6e6e6e; color: #ffffff;}
}
@media(max-width:575px){
	body.IframeCPN>table>tbody>tr>td{ font-size: 1rem; line-height: 1.9rem;}
	body.IframeCPN>table>tbody>tr>td .ms-input-box{  padding-left:20px; font-size: 0.96rem;}
	body.IframeCPN>table>tbody>tr:not(:nth-child(3))>td::before{  height: 25px;  left: 65px; top: 15px;}
}
/********** 列表頁 **********/
/* 圖文切換 */
.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 .nav li[role="presentation"] {visibility: hidden;}
/*類型*/
.GroupList .skin_list .products .product_title > div.product_type {width: 4%;}
.GroupList .skin_list #listDataAll.products .product_title > div.product_type,
.GroupList .skin_list #listDataGO.products .product_title > div.product_type,
.GroupList .skin_list #listDataPGO.products .product_title > div.product_type{display:none;}/*20210121隱藏類型*/
/*產品名稱*/
.GroupList .skin_list .products .product_title > div.product_name {width: 37%;}
.GroupList .skin_list #listDataAll.products .product_title > div.product_name,
.GroupList .skin_list #listDataGO.products .product_title > div.product_name,
.GroupList .skin_list #listDataPGO.products .product_title > div.product_name{width: 41%;}/*20210121團自增加名稱寬度*/
/*天數*/
.GroupList .skin_list .products .product_title > div.product_days {width: 4%;}
/*出發日期*/
.GroupList .skin_list .products .product_title > div.product_date {width: 8%;}
/*個團代碼
.GroupList .skin_list .products .product_title > div.product_num {width: 10%;}*/
/*航班*/
.GroupList .skin_list .products .product_title > div.product_info {width: 5%;}
/*售價*/
.GroupList .skin_list .products .product_title > div.product_price {width: 13%;}
/*機位*/
.GroupList .skin_list .products .product_title > div.product_total {width: 5%;}
/*可售*/
.GroupList .skin_list .products .product_title > div.product_available {width: 5%;}
/*報名*/
.GroupList .skin_list .products .product_title > div.product_btn {width: 9%;}
/*促銷*/
.GroupList .skin_list .products .product_title > div.product_remarks {width: 10%; border: none;}
.GroupList .skin_list .products .product {border-bottom: 1px solid #e1e1e1;}
.GroupList .skin_list .products .product_item .thumbnail {border: none;}
.GroupList .skin_list .products .product_item:nth-last-child(1) {border-bottom: none;}
/*產品內文大框架*/
.GroupList .skin_list .product_item {position: inherit !important;}
/* 列表內文 */
.GroupList .skin_list .product_item .thumbnail {display: table; width: 100%; border-radius: 0; margin: 0; padding: 0; position: relative;}
.GroupList .skin_list .product_item:nth-child(odd) .thumbnail {background: #f9f8f8;}
.GroupList .skin_list .product_item .thumbnail:hover {background:#f5f4f4;}
.GroupList .skin_list .product_item .thumbnail > div {display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0 20px;}
/*圖片*/
.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: none;}
/*類型*/
.GroupList .skin_list .product_item .thumbnail > div.product_type {width: 4%; }
.GroupList .skin_list #listDataAll .product_item .thumbnail > div.product_type,
.GroupList .skin_list #listDataGO .product_item .thumbnail > div.product_type,
.GroupList .skin_list #listDataPGO .product_item .thumbnail > div.product_type {display: none;}/*20210121隱藏類型*/
.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 #listDataAll .product_item .thumbnail > div.product_name,
.GroupList .skin_list #listDataGO .product_item .thumbnail > div.product_name,
.GroupList .skin_list #listDataPGO .product_item .thumbnail > div.product_name {width: 41%; }/*20210121團自增加名稱寬度*/
.GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 70%; color: #F00; font-size: 14px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #666; font-size: 14px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {width: 100%; margin: 0;}
/*主要特點*/
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features {margin-top: 15px; display: table;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span {padding: 3px 6px; font-size: 14px; white-space:nowrap; position: relative; margin-right: 10px; border-radius: 6px; margin-bottom: 5px; display: table; float: left;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_001 {border: 2px solid #af9759;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_002 {border: 2px solid #83a8c5;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_003 {border: 2px solid #7ec488;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_004 {border: 2px solid #d195af;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_005 {border: 2px solid #5088b7;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_006 {border: 2px solid #8b8682;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_007 {border: 2px solid #ddcb4f;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_008 {border: 2px solid #b74fdd;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_009 {border: 2px solid #4fddb3;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_010 {border: 2px solid #ddb34f;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_011 {border: 2px solid #a3dd4f;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_012 {border: 2px solid #dd4f7a;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_013 {border: 2px solid #ddd54f;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_014 {border: 2px solid #fac994;}
.GroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_015 {border: 2px solid #b38b01;}
/*分享*/
.GroupList .skin_list .product_item .thumbnail > .product_sharer {display: table; text-align: left; padding: 0px; position: absolute; z-index: 10; bottom: 6px; left: 450px;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > li { margin-right: 5px !important;display: inline-block; vertical-align: middle !important;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.GroupList .skin_list .product_item .thumbnail > div.product_days {width: 4%;}
/*出發日期*/
.GroupList .skin_list .product_item .thumbnail > div.product_date {width: 8%;}
/*個團代碼
.GroupList .skin_list .product_item .thumbnail > div.product_num {width: 10%;}*/
/*航班*/
.GroupList .skin_list .product_item .thumbnail > div.product_info {width: 5%;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer; font-size: 20px;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: none;}
/*售價*/
.GroupList .skin_list .product_item .thumbnail > div.product_price {width: 13%; text-align: right; padding-right: 10px;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right; float: right;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .product_item .thumbnail > div.product_total {width: 5%;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: none;}
/*可售*/
.GroupList .skin_list .product_item .thumbnail > div.product_available {width: 5%;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: none;}
/*報名*/
.GroupList .skin_list .product_item .thumbnail > div.product_btn {width: 9%; padding: 10px; font-size: 12px; color: #999;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn a {display: block; font-size: 14px; color: #fff;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn h6 {margin: 0 0 5px 0;}
/*促銷*/
.GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 10%; padding: 10px;}
/* 圖片模式 */
.GroupList .skin_module {margin: 20px 0;}
.GroupList .skin_module .products {padding: 0 5px;}
.GroupList .skin_module .products .product_title {display: none;}
.GroupList .skin_module .products .item {width: 25%; padding: 0 10px; float: left;}
.GroupList .skin_module .products .item .thumbnail {position: relative; display: inline-block;}
/*圖片*/
.GroupList .skin_module .products .item .thumbnail .product_img {}
.GroupList .skin_module .products .item .thumbnail .product_img img {display: block; margin-bottom: -25px; width: 100%; height: 200px;}
/*類型*/
/*.GroupList .skin_module .products .item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10;}
.GroupList .skin_module .products .item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}*/
.GroupList .skin_module .products .item .thumbnail > div.product_type {display: none;}
/*產品名稱*/
.GroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.skin_module .products .item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a span.product_num {display: none; width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px;}
/*分享*/
.GroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; left: 0; right: 0; bottom: 55px; position: relative; top: 0px;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.GroupList .skin_module .products .item .thumbnail > div.product_days {float: left; width: 41%; padding: 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_module .products .item .thumbnail > div.product_date {float: left; width: 59%; padding: 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_module .products .item .thumbnail > div.product_num {float: left; width: 100%; padding: 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_num:before {content: '個團團號：';}
/*航班*/
.GroupList .skin_module .products .item .thumbnail > div.product_info {float: left; width: 33.33%; padding: 5px;}
.GroupList .skin_module .products .item .thumbnail > div.product_info a {cursor: pointer;}
/*售價*/
.GroupList .skin_module .products .item .thumbnail > div.product_price {position: absolute; right: 15px; bottom: 100px;}
.GroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;}
.GroupList .skin_module .products .item .thumbnail > div.product_price span  strong{color: #F00; font-size: 20px; font-weight: bold;}
/*機位*/
.GroupList .skin_module .products .item .thumbnail > div.product_total {float: left; width: 33.33%; padding: 5px;}
/*可售*/
.GroupList .skin_module .products .item .thumbnail > div.product_available {float: left; width: 33.33%; padding: 5px 5px 10px;}
/*報名*/
.GroupList .skin_module .products .item .thumbnail > div.product_btn {text-align: center; margin: 60px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_module .products .item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
.GroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-info,
.GroupList .skin_module .products .item .thumbnail > div.product_btn a.btn-danger {cursor: not-allowed;}
/*促銷*/
.GroupList .skin_module .products .item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 5px;}
/** 個團列表 END **/
/****** 團型列表 MGroupList ******/
/** 團型列表 START **/
/*類型*/
.MGroupList .skin_list .products .product_title > div.product_type {width: 4%;}
/*產品名稱*/
.MGroupList .skin_list .products .product_title > div.product_name {width: 50%;}
/*天數*/
.MGroupList .skin_list .products .product_title > div.product_days {width: 4%;}
/*出發日期*/
.MGroupList .skin_list .products .product_title > div.product_date {width: 29%;}
/*團型代碼
.MGroupList .skin_list .products .product_title > div.product_num {width: 10%;}*/
/*航班*/
.MGroupList .skin_list .products .product_title > div.product_info {width: 5%;}
/*售價*/
.MGroupList .skin_list .products .product_title > div.product_price {width: 13%; border: none;}
.MGroupList .skin_list .products .product {border-bottom: 1px solid #e1e1e1;}
.MGroupList .skin_list .products .product_item .thumbnail {border: none;}
.MGroupList .skin_list .products .product_item:nth-last-child(1) {border-bottom: none;}
/*產品內文大框架*/
.MGroupList .skin_list .product_item {position: inherit !important;}
/* 列表內文 */
.MGroupList .skin_list .product_item .thumbnail {display: table; width: 100%; border-radius: 0; margin: 0; padding: 0; position: relative;}
.MGroupList .skin_list .product_item:nth-child(odd) .thumbnail {background: #f9f8f8;}
.MGroupList .skin_list .product_item .thumbnail:hover {background:#f5f4f4;}
.MGroupList .skin_list .product_item .thumbnail > div {display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0 20px;}
/*圖片*/
.MGroupList .skin_list .product_item .thumbnail > div.product_img img {display: none;}
/*類型*/
.MGroupList .skin_list .product_item .thumbnail > div.product_type {width: 4%;}
.MGroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; margin: 0 auto; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.MGroupList .skin_list .product_item .thumbnail > div.product_name {width: 50%; text-align: left; padding-left: 10px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 70%; color: #F00; font-size: 14px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #666; font-size: 14px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {width: 100%; margin: 0;}
/*分享*/
.MGroupList .skin_list .product_item .thumbnail > .product_sharer {display: table; text-align: left; padding: 0px; position: absolute; z-index: 10; bottom: 6px; left: 50%;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > li { margin-right: 5px !important;display: inline-block; vertical-align: middle !important;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: none;}
/*天數*/
.MGroupList .skin_list .product_item .thumbnail > div.product_days {width: 4%;}
/*出發日期*/
.MGroupList .skin_list .product_item .thumbnail > div.product_date {width: 29%; text-align: left; position: relative;}
.MGroupList .skin_list .product_item .thumbnail > div.product_date a {float: left; color: #333; font-size: 14px; padding: 6px 10px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_date a.more {color: #fff; background-color: #f0ad4e; border-color: #eea236; position: absolute; right: 0; bottom: 0;}
.MGroupList .skin_list .product_item .thumbnail > div.product_date a.more:hover {background-color: #ec971f; border-color: #d58512;}
/*團型代碼
.MGroupList .skin_list .product_item .thumbnail > div.product_num {width: 10%;}*/
/*航班*/
.MGroupList .skin_list .product_item .thumbnail > div.product_info {width: 5%;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer; font-size: 20px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a span {display: none;}
/*售價*/
.MGroupList .skin_list .product_item .thumbnail > div.product_price {width: 13%; text-align: right; padding-right: 10px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right; float: right;}
.MGroupList .skin_list .product_item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;}
/* 圖片模式 */
.MGroupList .skin_module {margin: 20px 0;}
.MGroupList .skin_module .products {padding: 0 5px;}
.MGroupList .skin_module .products .product_title {display: none;}
.MGroupList .skin_module .products .item {width: 25%; padding: 0 10px; float: left;}
.MGroupList .skin_module .products .item .thumbnail {position: relative; display: inline-block;}
/*圖片*/
.MGroupList .skin_module .products .item .thumbnail .product_img {}
.MGroupList .skin_module .products .item .thumbnail .product_img img {display: block; margin-bottom: -25px; width: 100%;}
/*類型*/
.MGroupList .skin_module .products .item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10;}
.MGroupList .skin_module .products .item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.MGroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333; font-size: 16px;}
.skin_module .products .item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px;}
/*主要特點*/
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features {margin-top: 15px; display: table;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span {padding: 3px 6px; font-size: 14px; white-space:nowrap; position: relative; margin-right: 10px; border-radius: 6px; margin-bottom: 5px; display: table; float: left;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_001 {border: 2px solid #af9759;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_002 {border: 2px solid #83a8c5;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_003 {border: 2px solid #7ec488;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_004 {border: 2px solid #d195af;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_005 {border: 2px solid #5088b7;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_006 {border: 2px solid #8b8682;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_007 {border: 2px solid #ddcb4f;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_008 {border: 2px solid #b74fdd;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_009 {border: 2px solid #4fddb3;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_010 {border: 2px solid #ddb34f;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_011 {border: 2px solid #a3dd4f;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_012 {border: 2px solid #dd4f7a;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_013 {border: 2px solid #ddd54f;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_014 {border: 2px solid #fac994;}
.MGroupList .skin_module .products .item .thumbnail > div.product_name div.key_features span#CUSTOM_015 {border: 2px solid #b38b01;}
/*分享*/
.MGroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; right: 0; position: relative; top: 0px;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div a {display: block;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div a img {width: 20px;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: none;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer.fixed-action-btn.horizontal ul {top: 52%;}
/*天數*/
.MGroupList .skin_module .products .item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.MGroupList .skin_module .products .item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_date:before {content: '出發日期：'; width: 100%; display: block; padding: 10px 0;}
.MGroupList .skin_module .products .item .thumbnail > div.product_date a {color: #333; font-size: 14px; padding: 10px; float: left;}
.MGroupList .skin_module .products .item .thumbnail > div.product_date a.more {color: #fff; background-color: #f0ad4e; border-color: #eea236; width: 100%; text-align: center;}
.MGroupList .skin_module .products .item .thumbnail > div.product_date a.more:hover {background-color: #ec971f; border-color: #d58512;}
/*團型代碼*/
.MGroupList skin_module .products .item .thumbnail > div.product_num {float: left; width: 100%; padding: 5px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_num:before {content: '個團團號：';}
/*航班*/
.MGroupList .skin_module .products .item .thumbnail > div.product_info {float: left; width: 40%; padding: 10px; line-height: 35px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_info a {cursor: pointer;}
.MGroupList .skin_module .products .item .thumbnail > div.product_info a:after {content:'參考';}
/*售價*/
.MGroupList .skin_module .products .item .thumbnail > div.product_price {width: 60%; float: left; padding: 10px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;}
.MGroupList .skin_module .products .item .thumbnail > div.product_price span  strong{color: #F00; font-size: 20px; font-weight: bold;}
/*報名*/
.MGroupList .skin_module .products .item .thumbnail > div.product_btn {text-align: center; margin: 60px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.MGroupList .skin_module .products .item .thumbnail > div.product_btn a {padding: 6px 50px;}
.MGroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.MGroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/** 團型列表 END **/
/** 分享按鈕收合+動態效果 **/
.fixed-action-btn {position: absolute; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0;}
.fixed-action-btn.active {z-index: 98;}
.fixed-action-btn.horizontal {padding: 0 0 0 15px;}
.btn-floating {display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 30px; height: 30px; line-height: 30px; padding: 0; background-color: #26a69a; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle;}
.btn-large {height: 54px; line-height: 54px;}
.btn-floating.btn-large {width: 30px; height: 30px;}
.skin_module .btn-floating.btn-large {float: right;}
.material-icons {text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga';}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {font-size: 14px; line-height: inherit;}
.btn-floating i {width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 40px;}
.btn-floating.btn-large i {line-height: 30px;}
ul:not(.browser-default) {padding-left: 0; list-style-type: none;}
.fixed-action-btn ul {left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; margin: 0; visibility: hidden;}
.fixed-action-btn.active ul {visibility: visible;}
.fixed-action-btn.horizontal ul {text-align: right; right: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; left: auto; display: table; width: 100px; height: 30px;}
.fixed-action-btn.horizontal ul li {display: inline-block; margin: 0 10px 0 0; width: 24px; height: 24px;}
.btn-floating {display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 30px; height: 30px; line-height: 30px; padding: 0; background-color: #26a69a; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle;}
.btn-floating.line_icon {background-color: #00b900; text-align: center;}
.btn-floating.fb_icon {background-color: #3b5998;}
.fixed-action-btn ul a.btn-floating {opacity: 0;}
.btn-floating i {width: inherit; display: inline-block; text-align: center; color: #fff; line-height: 30px; font: normal normal normal 14px/1 FontAwesome;}
/** 列表頁下方的分頁按鈕及載入更多按鈕 **/
.skin_list .loading {display: none;}
.skin_list .pagination {margin: 20px auto 0; display: table;}
.skin_module .loading {margin: 20px auto 0; display: none; width: 50%; text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0)); background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.skin_module .pagination {margin: 20px auto 0; display: table;}
/** 航班參考彈出窗 **/
.flight_box {border: 1px solid #e1e1e1;}
.flight_box .flight_title {background-color: #f7efe3;}
.flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.flight_box ul:nth-last-child(1) {border-bottom: none;}
/*針對航班參考補強*/
.flight_box ul li {float: left; width: 15%; min-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.flight_box ul li:nth-child(1) {width: 10%; text-align: center;}
/*針對航班參考補強*/
.flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
/************************************************************************************/
/****** 個團明細頁 ******/
/** 團名 **/
.product_details h3 {margin: 0; line-height: 34px; font-size: 30px;}
.product_details .number_status {margin: 5px 0 20px;}
.product_details .number_status i {margin-right: 5px;}
.product_details .number_status .label-tag {margin-right: 5px; padding: .2em .6em .2em;}
.product_details div:nth-child(2).discount_plan {margin: 5px 0 20px; color: #F00; font-size: 16px;}
.product_details div:nth-child(3).discount_plan {margin: -15px 0 20px; color: #F00; font-size: 16px;}
.product_details .discount_plan i {margin-right: 5px;}
/** 產品基本資料 **/
.product_details .product_basic_info {width: 100%; display: table; margin-top: 20px; border-top: 1px solid #e1e1e1; padding-top: 20px; position: relative; margin-bottom: 50px;}
.product_details .product_basic_info ul {width: 100%; display: table;}
.product_details .product_basic_info ul li {float: left; line-height: 34px; padding: 0;}
.product_details .product_basic_info ul li.basic_info_title label {line-height:34px;margin: 0;}
.product_details .product_basic_info ul li.basic_info_title {line-height:21px;font-size: 14px; font-weight: bold;}
.product_details .product_basic_info ul li.basic_info_title i {margin-right: 5px;}
.product_details .product_basic_info ul li.departure_date {color: #F00; font-size: 25px; font-weight: bold;}
/*.product_details .product_basic_info ul li.return_date {width: 20%;}*/
.product_details .product_basic_info ul li.deadline {color: #F00; font-size: 18px; font-weight: bold;}
.product_details .product_basic_info ul li.deadline a {float: right;}
.product_details .product_basic_info ul li span {font-size: 16px; font-weight: bold;}
.product_details .product_basic_info ul li.price_content {width: inherit; padding: 10px 0;}
.product_details .product_basic_info ul li .panel {float: left; text-align: center; margin-right: 10px; min-width: 130px; margin-bottom: 0;}
.product_details .product_basic_info ul li .panel .panel-heading {font-weight: bold;}
.product_details .product_basic_info ul li .panel .panel-body {font-size: 0;}
.product_details .product_basic_info ul li .panel .panel-body span {font-size: 16px;}
.product_details .product_basic_info ul li.sign_up_group {/*position: absolute; right: 0; width: initial; top: 10px;*/text-align: right; margin-top: -10px;}
.product_details .product_basic_info ul li.sign_up_group i {margin-right: 5px; font-size: inherit;}
.product_details .product_basic_info ul li.sign_up_group a span {margin-left: 5px; font-weight: 100;}
.product_details .product_basic_info ul li.sign_up_group a.cutoff,
.product_details .product_basic_info ul li.sign_up_group a.callme,
.product_details .product_basic_info ul li.sign_up_group a.full {cursor: not-allowed;}
.product_details .product_basic_info ul.key_features li span {padding: 3px 6px; font-size: 14px; white-space:nowrap; position: relative; margin-right: 15px; border-radius: 6px;}
.product_details .product_basic_info ul.key_features li span:after {content:'/'; margin-left: 14px; position: absolute;}
.product_details .product_basic_info ul.key_features li span:last-child:after {content:' ';}
.product_details .product_basic_info ul.key_features li span#CUSTOM_001 {border: 2px solid #af9759;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_002 {border: 2px solid #83a8c5;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_003 {border: 2px solid #7ec488;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_004 {border: 2px solid #d195af;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_005 {border: 2px solid #5088b7;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_006 {border: 2px solid #8b8682;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_007 {border: 2px solid #ddcb4f;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_008 {border: 2px solid #b74fdd;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_009 {border: 2px solid #4fddb3;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_010 {border: 2px solid #ddb34f;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_011 {border: 2px solid #a3dd4f;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_012 {border: 2px solid #dd4f7a;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_013 {border: 2px solid #ddd54f;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_014 {border: 2px solid #fac994;}
.product_details .product_basic_info ul.key_features li span#CUSTOM_015 {border: 2px solid #b38b01;}
/*12測試ˋ區DEMO用*/
.product_details .product_basic_info ul.key_features li span#33 {border: 2px solid #af9759;}
.product_details .product_basic_info ul.key_features li span#30 {border: 2px solid #83a8c5;}
.product_details .product_basic_info ul.key_features li span#16 {border: 2px solid #7ec488;}
.navbar-default {position: relative;}
.navbar-default #cart {z-index: 98; width: 1170px; top: 0; position: absolute; margin: 0 auto; background: #717171; color: #FFF; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navbar-default #cart .navbar-nav > li > a {color: #FFF; font-size: 16px; line-height: 50px; padding: 0 15px;}
.navbar-default #cart .navbar-nav > li.active > a {color: #036eab;}
.navbar-default #cart .navbar-nav > li.active > a:hover{color: #036eab;}
.navbar-default #cart .navbar-nav > li > a:hover {color: #ffffff;}
#carousel-example-generic {margin-top: 50px; display:none}/*20210119*/
.navbar-default #cart .navbar-other {float: right; display: table; overflow: hidden;}
.navbar-default #cart .navbar-other li {float: left; line-height: 50px; margin: 0 5px;}
.navbar-default #cart .navbar-other li img {display: block; max-width: 100%; height: auto;}
.navbar-default #cart .navbar-other li a.customer_service {background: #9c27b0; color: #FFF; border: 1px solid #9313aa; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.navbar-default #cart .navbar-other li a.customer_service:hover,
.navbar-default #cart .navbar-other li a.customer_service:focus,
.navbar-default #cart .navbar-other li a.customer_service.focus,
.navbar-default #cart .navbar-other li a.customer_service:active,
.navbar-default #cart .navbar-other li a.customer_service.active {background: #811794; border: 1px solid #77068b; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.navbar-default #cart .navbar-other li a.customer_service span {width: inherit; display: inline-block; text-align: center; color: #fff; margin-right: 5px;}
.navbar-default #cart .navbar-other li a i {margin-right: 5px;}
.navbar-default #cart .navbar-other li a.fb_icon i{ font: normal normal normal 19px/1 FontAwesome;  line-height: 32px;}
.navbar-default #cart .navbar-other li a.download_info {  width: 100px;  background: #036eab; color: #FFF; border-radius: 4px; }
.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 10px;}
.product_details .ReferenceFlights > h4 i {margin-right: 5px;}
.product_details .ReferenceFlights .flight_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box .flight_title {background-color: #f7efe3;}
.product_details .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;}
.product_details .ReferenceFlights .flight_box ul li {float: left; width: 16%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(1) {width: 5%; text-align: center;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(3) {width: 15%;}
.product_details .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
/* 針對國內旅遊新增 交通資訊 欄位 */
/** 交通資訊 **/
.product_details .ReferenceTraffics {width: 100%; display: table; padding: 10px 10px 20px;}
.product_details .ReferenceTraffics > h4 i {margin-right: 5px;}
.product_details .ReferenceTraffics .traffic_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box .traffic_title {background-color: #f7efe3;}
.product_details .ReferenceTraffics .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.product_details .ReferenceTraffics .traffic_box ul li {float: left; width: 16%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(1) {width: 5%; text-align: center;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(3) {width: 15%;}
.product_details .ReferenceTraffics .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
/** 每日行程 **/
.product_details .DailyItinerary {width: 100%; display: table; padding: 30px 10px 20px;}
.product_details .DailyItinerary img{ max-width:100%}/*20210114調整圖片自適應*/
.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: #18b7cd; color: #FFF; text-align: center; letter-spacing: 5px; width: 94px;height: 94px;border-radius: 50%;line-height: 94px;padding: 0 0 0 5px; 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  { width:90%; margin: 10px 5%; border-bottom: 1px dashed #e1e1e1; border-top: 1px dashed #e1e1e1; padding: 10px;}
.product_details .DailyItinerary .every_day .day_content p {font-size: 16px; color: #333; line-height: 25px; padding: 10px 0; margin: 0; text-align: justify;}
.product_details .DailyItinerary .every_day .day_content .day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_1 img {width:100%; height: 380px;}
.product_details .DailyItinerary .every_day .day_content .day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_2 img {width:100%; height: 380px;}
.product_details .DailyItinerary .every_day .day_content .day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_3 img {width:100%; height: 250px;}
.product_details .DailyItinerary .every_day .day_content .day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_4 img {width:100%; height: 180px;}
.product_details .DailyItinerary .every_day .day_content .day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_5 img {width:100%; height: 250px;}
.product_details .DailyItinerary .every_day .day_content .day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_6 img {width:100%; height: 180px;}
.product_details .DailyItinerary .every_day .day_content .day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_7 img {width:100%; height: 250px;}
.product_details .DailyItinerary .every_day .day_content .day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_8 img {width:100%; height: 180px;}
.product_details .DailyItinerary .every_day .day_content > p > img {width: 100%;}
.product_details .DailyItinerary .every_day .day_content .day_style_star {width: 100%; display: table; margin-bottom: 20px;}
.product_details .DailyItinerary .every_day .day_content .day_style_star img {width:100%; height: 100%;}
.product_details .DailyItinerary .every_day .day_content .day_style_star .item {padding: 5px;}
/*每日行程-餐食*/
.product_details .DailyItinerary .every_day .day_meal {}
.product_details .DailyItinerary .every_day .day_meal i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;}
.product_details .DailyItinerary .every_day .day_meal .meal_content {float: left; width: 85%;}
.product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal {margin-bottom: 0px;}
.product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {width: inherit; color: #333; font-size: 16px; line-height: 22px; margin-left: 0;}
.product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dd {color: #333; font-size: 16px; line-height: 22px; margin-left: 50px;}
.product_details .DailyItinerary .every_day .day_meal ul {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;}
/*每日行程-住宿*/
.product_details .DailyItinerary .every_day .day_hotel {}
.product_details .DailyItinerary .every_day .day_hotel i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;}
.product_details .DailyItinerary .every_day .day_hotel p {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;}
/** 自費活動 **/
.product_details .AtTheirOwnExpense {width: 100%; display: table; padding: 120px 10px 20px;}
.product_details .AtTheirOwnExpense > h4 i {margin-right: 5px;}
.product_details .AtTheirOwnExpense .panel-group .panel-default > .panel-heading {padding: 0;}
.product_details .AtTheirOwnExpense .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;}
.product_details .AtTheirOwnExpense .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;}
.product_details .AtTheirOwnExpense .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;}
.product_details .AtTheirOwnExpense .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_details .AtTheirOwnExpense .panel-group h4 div p {float: left;width: 150px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_details .AtTheirOwnExpense .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_details .AtTheirOwnExpense .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;}
.product_details .AtTheirOwnExpense .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .AtTheirOwnExpense .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal {position: relative;}
.product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {width: 80px;}
.product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dd {margin-left: 100px; text-align: justify;}
.product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal img {position: absolute; top: 0; right: 0;}
/** 附加項目 **/
.product_details .Additional {width: 100%; display: table; padding: 20px 10px 20px;}
.product_details .Additional > h4 i {margin-right: 5px;}
.product_details .Additional .panel-group .panel-default > .panel-heading {padding: 0;}
.product_details .Additional .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;}
.product_details .Additional .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;}
.product_details .Additional .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;}
.product_details .Additional .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_details .Additional .panel-group h4 div p {float: left;width: 180px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_details .Additional .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_details .Additional .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;}
.product_details .Additional .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .Additional .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .Additional .panel-group .panel-default .panel-body .list-inline > li {}
/** 護照及簽證 **/
.product_details .Passport_Visa {width: 100%; display: table; padding: 20px 10px 20px;}
.product_details .Passport_Visa > h4 i {margin-right: 5px;}
.product_details .Passport_Visa .panel-group .panel-default > .panel-heading {padding: 0;}
.product_details .Passport_Visa .panel-group h4 {background: #e6dcd0; position: relative;}
.product_details .Passport_Visa .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_details .Passport_Visa .panel-group h4 div p {float: left;width: 100px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_details .Passport_Visa .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_details .Passport_Visa .panel-group h4 > a {display: block; padding: 10px 15px; position: relative; z-index: 2;}
.product_details .Passport_Visa .panel-group h4 > a span.label {position: absolute; top: 10px; margin-left: 10px;}
.product_details .Passport_Visa .panel-group h4 > a::after {content: "\f056"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .Passport_Visa .panel-group h4 > a.collapsed::after {content: "\f055"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_details .Passport_Visa .panel-group .panel-default .panel-body .list-inline > li {text-align: justify; margin-bottom: 10px;}
.Passport_Visa_box {border: 1px solid #e1e1e1;}
.Passport_Visa_box .Passport_Visa_title {background-color: #f7efe3;}
.Passport_Visa_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.Passport_Visa_box ul:nth-last-child(1) {border-bottom: none;}
.Passport_Visa_box ul li {float: left; width: 23%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.Passport_Visa_box ul li:nth-last-child(1) {width: 8%; text-align: center;}
.Passport_Visa_box ul li:nth-last-child(1) a {color: #a59681; font-size: 26px;line-height: 26px; vertical-align: sub;}
.Passport_Visa_box .Passport_Visa_content:nth-child(odd) {background: #f9f8f8;}
/** 注意事項 **/
.product_details .OtherInstructions {width: 100%; display: table; padding: 120px 10px 20px;}
.product_details .OtherInstructions > h4 i {margin-right: 5px;}
.product_details .OtherInstructions .other_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;}
.product_details .OtherInstructions .other_content > ul > li {margin-bottom: 40px;}
.product_details .OtherInstructions .other_content > ul > li:nth-last-child(1) {margin-bottom: 0;}
.product_details .OtherInstructions .other_content > ul > li:nth-child(1) {margin-bottom: 40px;}
.product_details .OtherInstructions .other_content > ul > li > p {text-align: justify; line-height: 25px; margin: 0;}
.product_details .OtherInstructions .other_content > ul > li > ul > li {line-height: 25px;}
/* 使用範本加強 */
.product_details .day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_1 img {width:100%; height: 380px;}
.product_details .day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_2 img {width:100%; height: 380px;}
.product_details .day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_3 img {width:100%; height: 250px;}
.product_details .day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_4 img {width:100%; height: 180px;}
.product_details .day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_5 img {width:100%; height: 250px;}
.product_details .day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_6 img {width:100%; height: 180px;}
.product_details .day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_7 img {width:100%; height: 250px;}
.product_details .day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.product_details .day_style_8 img {width:100%; height: 180px;}
/******客製行程特色版型*****/
#TravelCharacteristics .features_content img,#SuggestedTrip .suggested_content img{ max-width:100%; height: auto;}
#TravelCharacteristics>h4>i { display: none;}/*eweb團自調整標題*/
#TravelCharacteristics>h4{ text-align: center;     font-size: 32px;     font-weight: 600;     padding: 10px; }/*eweb團自調整標題*/
/*#TravelCharacteristics>.features_content br{display: none;}*/
section.StarTemplate,.StarCarousel{ padding-bottom: 45px;}
.StarTemplate.p3t3,.StarTemplate.p2t2,.StarTemplate.p3t1,.StarTemplate.p2t1,.StarTemplate.long-p3t3,.StarTemplate.long-p3t1{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;margin-right: -5px; margin-left: -5px; position: relative;}
.StarTemplate .text { padding: 0 20px 20px;}
.StarTemplate.p3t3 .col,.StarTemplate.p2t2 .col,.StarTemplate.p3t1 .col,.StarTemplate.p2t1 .col,.StarTemplate.long-p3t3 .col,.StarTemplate.long-p3t1 .col{ padding-left: 5px; padding-right: 5px;}
.StarTemplate.p3t3 .block, .StarTemplate.p2t2 .block, .StarTemplate.long-p3t3 .block { padding: initial;max-width: initial;margin: inherit;}
.StarTemplate.p3t3 h2,.StarTemplate.p2t2 h2,.StarTemplate.p3t1 h2,.StarTemplate.p2t1 h2,.StarTemplate.long-p3t3 h2,.StarTemplate.long-p3t1 h2,section.group_table .container .StarTemplate.p3t3 h2,section.group_table .container .StarTemplate.p2t2 h2,section.group_table .container .StarTemplate.p3t1 h2,section.group_table .container .StarTemplate.p2t1 h2,section.group_table .container .StarTemplate.long-p3t3 h2,section.group_table .container .StarTemplate.long-p3t1 h2{color:#18b7cd; font-size: 22px;  margin-bottom: 15px;  margin-top: 15px;  text-align: left;  font-weight: 600;}
.StarTemplate article{ color: #2e2e2e; font-size: 17px; letter-spacing: 0.05rem; line-height: 28px;  text-align: justify;}
.StarTemplate.p3t3 article,.StarTemplate.p2t2 article,.StarTemplate.long-p3t3 article{ overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  white-space: normal;}
.StarTemplate img{ max-width:100%;}
.template-row{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;margin-right: -5px; margin-left: -5px; position: relative;}
.template-row .col{padding-left: 5px; padding-right: 5px; }
.template-row .col-4{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
.template-row .col-3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.template-row .col .block{ padding: initial;max-width: initial;margin: inherit;}
.StarTemplate img{max-width: 100%;}
.h2{color: #18b7cd; font-size: 24px;  margin-bottom: 10px; font-weight: 600;}
.article{color: #2e2e2e; font-size: 17px; letter-spacing: 0.05rem; line-height: 28px;  text-align: justify;}
.text.text-white .h2,.text.text-white .article{ color:#ffffff;}
.mx-0{ margin-left: 0; margin-right: 0;}
.mt-10{ margin-top: 10px; }
.mt-45{ margin-top: 45px;}
.mb-80{ margin-bottom: 80px;}
.px-0{ padding-left: 0; padding-right: 0;}
/*icon標題*/
.StarIconTitle{ position: relative;  padding-bottom: 15px;}
.StarIconTitle::before {  content: "";  position: absolute; top:25px; left: 0;   background: #18b7cd;  width: 100%;  height: 1px; }
.StarIconTitle h1{  position: relative; display: table;  font-size: 30px;  font-weight: 600;  padding: 8px 40px 8px 90px;  background: #ffffff; color:#18b7cd; border: 1px solid #18b7cd; border-radius:40px; letter-spacing: 2px; }
.StarIconTitle h1:before{ content: "";     position: absolute;     width: 70px;     height: 70px;     border-radius: 50%; border: 1px solid #18b7cd;    background: #ffffff;     left: -2px;     top: 50%;  transform: translate(0, -50%);   background-color: #ffffff;}
.StarIconTitle h1.world:before{background-image: url(https://materials.fillo.com.tw/materials/startravel/images/8cca8754-3d51-4ffe-a1c9-7849b61c3fa7.svg);     background-size: 50px;  background-position: center;     background-repeat: no-repeat;  }
.StarIconTitle h1.hotel:before{background-image: url(https://materials.fillo.com.tw/materials/startravel/images/aafce0ad-d03b-4568-9937-eb5231bdd2ed.svg);    background-size: 45px;    background-position: center 10px;    background-repeat: no-repeat;  }
.StarIconTitle h1.foods:before{background-image: url(https://materials.fillo.com.tw/materials/startravel/images/68606679-1021-4b7e-bde9-a7f9bad80ea6.svg);     background-size: 50px;  background-position: center;     background-repeat: no-repeat;  }
.StarIconTitle h1.trans:before{background-image: url(https://materials.fillo.com.tw/materials/startravel/images/1f72de2e-e765-4d42-866b-27a4834b29c8.svg);     background-size: 50px;  background-position: center;     background-repeat: no-repeat;  }
.StarIconTitle h1.focus:before{background-image: url(https://materials.fillo.com.tw/materials/startravel/images/cbcbee7c-5b01-4290-b8b7-cdb6c64563dc.svg);     background-size: 50px;  background-position: center;     background-repeat: no-repeat;  }
/*影片*/
.StarTemplate.video{  position: relative;  padding-bottom: 56.25%; padding-top:0px;  height: 0; overflow: hidden;}
.StarTemplate.video iframe,section.StarTemplate.video object,section.StarTemplate.video embed{ position: absolute;   top:0;  left: 50%;  transform:translate(-50%,0); width:1110px;   height:627px;  max-width:100%; max-height:100%;}
/*地圖*/
.StarTemplate.map h1{ background:#18b7cd; margin-bottom: 0; margin-top: 0;  padding: 13px 10px; color:#ffffff;  font-size: 1.6rem;  font-weight: 600; text-align: center;}
.StarTemplate.map img{ max-width:100%;}
/*優惠區塊*/
.StarTemplate.sale {border-bottom: 1px solid #1ab7cd; margin-bottom:45px;}
.StarTemplate.sale h1{ border:1px solid #18b7cd;  margin: 25px 0; padding: 27px 10px;}
.StarTemplate.sale h2, section.group_table .container .StarTemplate.sale h2{ color: #18b7cd; font-size: 24px;  margin-bottom: 10px;  text-align: left;  font-weight: 600;}
.StarTemplate.sale article ul{padding-left:0;}
.StarTemplate.sale article li{padding: 2px 0; color:#2e2e2e; font-size: 17px; line-height: 26px; text-align: left; list-style: none;  letter-spacing: 0.05rem; }
.StarTemplate.sale span{ color:#BD8A55; font-size: 17px;}
.StarTemplate.sale .type1 h1{background-image:url('https://materials.fillo.com.tw/materials/startravel/images/b8c33594-533f-47aa-850c-77258ab1f88e.svg'); background-position:center; background-repeat:no-repeat; background-size:46px;  }
.StarTemplate.sale .type2 h1{background-image:url('https://materials.fillo.com.tw/materials/startravel/images/20dc415a-5446-4219-b1e9-58097fa0f57b.svg'); background-position:center; background-repeat:no-repeat; background-size:42px;}
.StarTemplate.sale .type3 h1{background-image:url('https://materials.fillo.com.tw/materials/startravel/images/a7b91052-ec12-4919-83d5-7c9308798150.svg'); background-position:center; background-repeat:no-repeat; background-size:52px;}
.StarTemplate.sale .type4 h1{background-image:url('https://materials.fillo.com.tw/materials/startravel/images/a21973a0-fb7b-4232-a0ee-587aab9faded.svg'); background-position:center; background-repeat:no-repeat; background-size:52px;}
.StarTemplate.sale .type5 h1{background-image:url('https://materials.fillo.com.tw/materials/startravel/images/803d092b-2587-436b-8f35-b0cf64c6d253.svg'); background-position:center; background-repeat:no-repeat; background-size:46px;}
/*輪播圖*/
.slide img{max-width: 100%;}
.slide .bottom0{ position: absolute; bottom:0;}
.slide .top50{ position: absolute; top:50%;}
.StarCarousel.angle-white .glyphicon-chevron-left:before,
.StarCarousel.angle-white .glyphicon-chevron-right:before{ content: "";  width: 40px; height: 40px; position: absolute;  background: url(https://www.startravel.com.tw/material-alias/icon/angle-left.svg);   background-size: 20px; background-repeat: no-repeat; background-position: center;  }
.StarCarousel .carousel-inner .item{ padding:0; }
.StarCarousel .carousel-caption { top: 0; right: initial; 	bottom: 80px;     left: 0;     background:rgb(255 255 255 / 90%);     text-shadow: none;   color: #18b7cd;  text-align: left;   padding: 50px;   width: 380px; }
.StarCarousel .carousel-caption h1 { font-size: 24px;  margin-top: 0; line-height: 32px; }
.StarCarousel .carousel-caption p {  color: #2e2e2e; font-size: 17px;  text-align: justify;  line-height: 28px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 13;     -webkit-box-orient: vertical;     white-space: normal;}
.StarCarousel .glyphicon{ font-size:0}
.StarCarousel .carousel-control.left,.StarCarousel .carousel-control.right{  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0,0)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0) 100%);  opacity: 1;}
.StarCarousel .glyphicon-chevron-left:before,.StarCarousel .glyphicon-chevron-right:before{ content: "";  width: 40px;     height: 40px;     position: absolute;  background: url(https://materials.fillo.com.tw/materials/startravel/images/d62086d8-859e-4c61-8cef-73bd1bf4c594.svg);   background-size: 20px; background-repeat: no-repeat; background-position: center;  }
.StarCarousel .glyphicon-chevron-left:before{ left:5px }
.StarCarousel .glyphicon-chevron-right:before{  right: 5px;  transform: rotate(180deg); }
.StarCarousel.carousel-control .glyphicon-chevron-left,.StarCarousel .carousel-control .glyphicon-chevron-right,.StarCarousel .carousel-control .icon-prev,.StarCarousel .carousel-control .icon-next{    width: 40px; height: 40px;}
.StarCarousel .carousel-control .glyphicon-chevron-left,.StarCarousel .carousel-control .icon-prev{ margin-left:0}
.StarCarousel .carousel-control .glyphicon-chevron-right,.StarCarousel .carousel-control .icon-next{ margin-right: 0;}
.StarCarousel .carousel-control .icon-prev,.StarCarousel .carousel-control .glyphicon-chevron-left{ left: 10px;}
.StarCarousel .carousel-control .icon-next,.StarCarousel  .carousel-control .glyphicon-chevron-right { right: 10px;}
.StarCarousel .carousel-indicators { bottom: 55px;}
/*輪播圖2-上圖下文*/
.slidestyle2 .carousel-control .icon-prev,.slidestyle2 .carousel-control .icon-next,.slidestyle2 .carousel-control .glyphicon-chevron-left,.slidestyle2 .carousel-control .glyphicon-chevron-right{ top:40%;}
.StarCarousel.slidestyle2 .carousel-indicators { bottom: 0;}
.StarCarousel.slidestyle2 .carousel-indicators li{ border: 1px solid #18b7cd; }
.StarCarousel.slidestyle2 .carousel-indicators .active{ background-color: #18b7cd;}
/*3圖3文*/
.StarTemplate.p3t3 .col{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
/*2圖2文*/
.StarTemplate.p2t2 .col{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
/*3圖1文*/
.StarTemplate.p3t1 .col{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
.StarTemplate.p3t1 .col.text{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
/*2圖1文*/
.StarTemplate.p2t1 .col{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.StarTemplate.p2t1 .col.text{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
/*長3圖3文*/
.StarTemplate.long-p3t3{ margin-bottom:80px; }
.StarTemplate.long-p3t3 .col{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
.StarTemplate.long-p3t3 .block{ position:relative;}
.StarTemplate.long-p3t3 .text { position: absolute; bottom: 0; transform: translate(0, 55%); background: #ffffff; margin: 25px; padding: 10px 20px 40px; border: 2px solid #18b7cd;}
.StarTemplate.long-p3t3 h2,section.group_table .container .StarTemplate.long-p3t3 h2{ text-align:center;}
/*長3圖1文*/
.StarTemplate.long-p3t1 { margin-bottom: 50px;}
.StarTemplate.long-p3t1 .col{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
.StarTemplate.long-p3t1 .col.text{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.StarTemplate.long-p3t1 .block{  position: absolute;  background: #ffffff;  bottom: 0;  left: 50%; transform: translate(-50%,0);  width: 93%; margin: inherit;  padding: 10px 20px 40px; max-width: inherit;  border: 2px solid #18b7cd;}
/*文字壓圖上-置底藍色*/
.StarTemplate .p1t1{ position: relative;}
.StarTemplate .p1t1 .text{ position: absolute; bottom: 0; background-color: rgb(255 255 255 / 0.9); padding: 10px; width: 100%;}
.StarTemplate .p1t1.bg-blue .text{ background-color: rgb(24 183 205 / 0.9);}
.StarTemplate .p1t1 .text .border_block{ border:1px solid #18b7cd; padding: 0 15px 15px; height:100%;}
.StarTemplate .p1t1.bg-blue .text .border_block{ border:1px solid #ffffff; overflow: hidden;}
/*文字壓圖上-置底藍色*/
.StarTemplate .p1t1.left .text{ top:0; bottom: 80px; left:0; width:380px;}
/*注意事項*/
.StarTemplate.notice .title{ position: relative; padding-bottom: 15px;}
.StarTemplate.notice .title::before {  content: "";  position: absolute; top: 28px; left: 0;   background: #BD8A55;  width: 100%;  height: 1px; }
.StarTemplate.notice,.StarTemplate.notice h1{ color:#BD8A55; }
.StarTemplate.notice h1{  position: relative; display: table;  font-size: 30px;  font-weight: 600;  padding: 8px 16px;  background: #ffffff;border: 1px solid #BD8A55;  letter-spacing: 2px; }
.StarTemplate.notice ol { text-align: left; font-size: 17px; line-height: 26px;}
.StarTemplate.notice ol li { padding-bottom: 8px; list-style: decimal;}
/*頁籤切換內容*/
.tabStyle .nav{border: 1px solid #18b7cd;}
.tabStyle .nav li{ font-size: 20px;}
.tabStyle .nav-pills > li > a{ color:#18b7cd; border-radius: 0;}
.tabStyle .nav-pills > li.active > a,.tabStyle .nav-pills > li.active > a:hover,.tabStyle .nav-pills > li.active > a:focus,
.tabStyle .nav > li > a:hover,.tabStyle .nav > li > a:focus{ background-color: #18b7cd; color:#ffffff;}
.star-more-btn{ position: relative; }
.star-more-btn a{ float: right;  padding-right:20px; font-size: 20px; letter-spacing: 6px; color: #036eab; text-decoration: none;}
.star-more-btn a::before{ content: "";   position: absolute; width: 0;  height: 0; border-style: solid;  border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #ffffff;  right: 5px;  top: 5px;  z-index: 1; }
.star-more-btn a::after{ content: ""; position: absolute;  background: #036eab;  width: 20px;  height: 20px; border-radius: 4px; right: 0px; top: 0; }
.tabStyle h2{clear: both;}
/*行程特色RWD start*/
@media (max-width:1600px){
	.StarTemplate.video{margin-bottom:45px; }
}
@media (max-width:1199px){
	.StarCarousel .carousel-caption p{ -webkit-line-clamp: 9;}
}
@media (max-width:991px){
  .StarTemplate .col-4{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .StarTemplate .p1t1 .text{ position: relative;}
  .StarTemplate .p1t1.left .text{ width:100%;}
	.StarTemplate.p3t3 .col,.StarTemplate.long-p3t3 .col,.StarTemplate.long-p3t1 .col{  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;}
	.StarTemplate.long-p3t3 .col + .col{  padding-top: 120px;}
	.StarTemplate.long-p3t1 .col + .col{  padding-top: 45px;}
	.StarTemplate.long-p3t3 .text { transform: translate(0, 55%);  margin: 0;	bottom: -70px;  left: 50%;  transform: translate(-50%,0);  width: 93%;}
  .StarTemplate.p4t4 .col-3{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} 
  .StarCarousel .carousel-caption { padding: 10px;  width: 100%;  position: relative;}
	.StarCarousel .carousel-caption p{ -webkit-line-clamp:initial;}
	.StarCarousel .carousel-control.left, .StarCarousel .carousel-control.right{ display:none;}
	.StarCarousel .carousel-indicators { bottom: 0;}
	.StarCarousel .carousel-indicators li{ border: 1px solid #18b7cd;  width: 20px; height: 20px;  margin: 3px;}
  .StarCarousel .carousel-indicators .active { width: 20px; height: 20px;  margin: 3px;  background-color: #18b7cd; }
  .StarTemplate.tabStyle .col-4{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;} 
}
@media (max-width:767px){
	.StarTemplate.p2t2 .col,.StarTemplate.p3t1 .col,.StarTemplate.p2t1 .col{ -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; }
  .StarTemplate.p3t1 .col + .col, .StarTemplate.p2t1 .col + .col { margin-top: 25px;}
  .tabStyle {display: grid;}
  .tabStyle .nav{ white-space: nowrap;overflow-x: auto; border-left: 0; border-right: 0;}
  .tabStyle .nav li{ display: inline-block;}
  .tabStyle .nav-pills > li > a{ margin-bottom: 0;}
}
@media(max-width:575px){
  .StarTemplate.tabStyle .col-4{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} 
}
/*行程特色RWD end*/
/************************************************************************************/
/****** 團型明細頁 ******/
/** 團名 **/
.product_types h3 {margin: 0; line-height: 34px; font-size: 30px;}
.product_types div:nth-child(2).discount_plan {margin: 5px 0 20px; color: #F00; font-size: 16px;}
.product_types div:nth-child(3).discount_plan {margin: -15px 0 20px; color: #F00; font-size: 16px;}
.product_types .discount_plan i {margin-right: 5px;}
/** 產品基本資料 **/
.product_types .product_basic_info {width: 100%; display: table; margin-top: 20px; border-top: 1px solid #e1e1e1; padding-top: 20px; position: relative; margin-bottom: 50px;}
.product_types .product_basic_info ul {width: 100%; display: table;}
.product_types .product_basic_info ul li {float: left; line-height: 34px; padding: 0;}
.product_types .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_types .product_basic_info ul li.basic_info_title {font-size: 15px; font-weight: bold;}
.product_types .product_basic_info ul li.basic_info_title i {margin-right: 5px;}
.product_types .product_basic_info ul li.price_content:nth-child(2) {color: #F00; font-size: 20px; font-weight: bold;}
.product_types .product_basic_info ul li.price_content:nth-child(2) span {font-size: 20px; font-weight: bold;}
.product_types .product_basic_info ul li.departure_date {color: #F00; font-size: 25px; font-weight: bold;}
.product_types .product_basic_info ul li.deadline {color: #F00; font-size: 18px; font-weight: bold;}
.product_types .product_basic_info ul li.deadline a {float: right;}
.product_types .product_basic_info ul li .panel {float: left; text-align: center; margin-right: 10px; min-width: 130px; margin-bottom: 0;}
.product_types .product_basic_info ul li .panel .panel-heading {font-weight: bold;}
.product_types .product_basic_info ul li .panel .panel-body {font-size: 0;}
.product_types .product_basic_info ul li .panel .panel-body span {font-size: 16px;}
.product_types .product_basic_info ul li.sign_up_group {/*position: absolute; right: 0; width: initial; top: 10px;*/text-align: right; margin-top: -10px;}
.product_types .product_basic_info ul li.sign_up_group i {margin-right: 5px; font-size: inherit;}
.product_types .product_basic_info ul li.sign_up_group a span {margin-left: 5px; font-weight: 100;}
.product_types .product_basic_info ul li.sign_up_group a.cutoff,
.product_types .product_basic_info ul li.sign_up_group a.callme,
.product_types .product_basic_info ul li.sign_up_group a.full {cursor: not-allowed;}
.product_types .product_basic_info ul.key_features li span {padding: 3px 6px; font-size: 14px; white-space:nowrap; position: relative; margin-right: 15px; border-radius: 6px;}
.product_types .product_basic_info ul.key_features li span:after {content:'/'; margin-left: 14px; position: absolute;}
.product_types .product_basic_info ul.key_features li span:last-child:after {content:' ';}
.product_types .product_basic_info ul.key_features li span#CUSTOM_001 {border: 2px solid #af9759;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_002 {border: 2px solid #83a8c5;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_003 {border: 2px solid #7ec488;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_004 {border: 2px solid #d195af;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_005 {border: 2px solid #5088b7;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_006 {border: 2px solid #8b8682;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_007 {border: 2px solid #ddcb4f;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_008 {border: 2px solid #b74fdd;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_009 {border: 2px solid #4fddb3;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_010 {border: 2px solid #ddb34f;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_011 {border: 2px solid #a3dd4f;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_012 {border: 2px solid #dd4f7a;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_013 {border: 2px solid #ddd54f;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_014 {border: 2px solid #fac994;}
.product_types .product_basic_info ul.key_features li span#CUSTOM_015 {border: 2px solid #b38b01;}
/*12測試ˋ區DEMO用*/
.product_types .product_basic_info ul.key_features li span#33 {border: 2px solid #af9759;}
.product_types .product_basic_info ul.key_features li span#30 {border: 2px solid #83a8c5;}
.product_types .product_basic_info ul.key_features li span#16 {border: 2px solid #7ec488;}
.navbar-default {position: relative;}
.navbar-default #cart {z-index: 98; width: 1170px; top: 0; position: absolute; margin: 0 auto; background:#18b7cd; 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: #036eab; background: #ffffff;}
.navbar-default #cart .navbar-nav > li > a:hover {color: #ffffff;}
.navbar-default #cart .navbar-nav > li.active > a:hover{color: #036eab;  }
#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: #036eab;  border: 1px solid #036eab; color: #FFF; width: 100px;  letter-spacing: 13px; padding: 6px 6px 6px 14px; -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: #036eab; border: 1px solid #ffffff; -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: initial; display: inline-block; text-align: center; color: #fff; margin-right: 5px;}
.navbar-default #cart .navbar-other li a.download_info{ background: #036eab; color: #FFF; border-radius: 4px;  border: 1px solid #036eab; padding: 6px; text-align: left;  height: 34px; }
.navbar-default #cart .navbar-other li a.download_info:hover,.navbar-default #cart .navbar-other li a.download_info:focus{border: 1px solid #ffffff;  }
.navbar-default #cart .navbar-other li a.download_info::after{ content: "下載";  position: absolute;  top: 1px;  left: 42px; font-size: 14px; letter-spacing: 13px;}
.navbar-default #cart .navbar-other li a.download_info i{ position: absolute; top: 10px; padding-left: 10px; text-align: left;}
.navbar-default #cart .navbar-other li:first-child { line-height: 30px; margin-top: 10px;}
.navbar-default #cart .navbar-other li:nth-child(2){ line-height: 30px; margin-top: 10px;}
.navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block; opacity: 1; width: 82px;position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block; width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block;opacity: 1; width: 82px; position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.cutoff,
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.callme,
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.full {cursor: not-allowed;}
.onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a span {margin-left: 5px; font-weight: 100;}
.Other_features_box{width:100%;}
.Other_features_box input{}
.Other_features_box label{cursor:pointer;display:table; float: left; margin-right: 10px;}
.Other_features_box .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.Other_features_box .SELECTION{width:100%; height:50px;float: left;margin:10px 0;font-size:14px; color:#333;}
.Other_features_box .SELECTION p{width:80px; float:left;}
.Other_features_box .SELECTION ul{width:720px;height:25px;float:left;margin:0;padding:0;}
.Other_features_box .SELECTION ul li{float:left;line-height:25px;margin-right:10px;list-style:none;}
.Other_features_box .Print_Fonts{width:100%;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;}
.Other_features_box .Print_Fonts p{width:80px;line-height:25px; float:left;margin:0;padding:0;}
.Other_features_box .Print_Fonts ul{width:720px;height:25px;float:left;margin:0;padding:0;}
.Other_features_box .Print_Fonts ul li{float:left;line-height:25px;margin-right:10px;list-style:none;}
.Other_features_box .Picture_Show{width:400px;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;}
.Other_features_box .Picture_Show p{width:80px;line-height:25px; float:left;margin:0;padding:0;}
.Other_features_box .Picture_Show ul{width:320px;height:25px;float:left;margin:0;padding:0;}
.Other_features_box .Picture_Show ul li{float:left;line-height:25px;margin-right:10px;list-style:none;}
.Other_features_box .Function_Buttons{display: table; margin:10px auto; padding:0;}
.Other_features_box .Function_Buttons ul { float:right;margin:0;padding:0;}
.Other_features_box .Function_Buttons li { float:left;line-height: 25px; margin-left:10px;list-style:none;}
.Other_features_box .Function_Buttons a { float:left; display:block;  padding:10px 20px; font-size:20px;  text-decoration:none; }
.Other_features_box .Function_Buttons a:hover {}
.Other_features_box .Function_Buttons i {font-size: inherit; display:inline-block;}
.Other_features_box .Function_icon_email { width:16px; height:16px; background-position: 0 -59px; }
.Other_features_box .Function_icon_download { width:17px; height:19px; background-position:0 -120px; }
.Other_features_box .Function_icon_print { width:16px; height:18px; background-position:0 -179px; }
.Other_features_box .Function_icon_preview { width:16px; height:18px; background-position:0 -440px; }
.Other_features_box .Data_Sent{width:100%; float: left;margin:10px 0;font-size:14px; color:#333;border-top:1px solid #e5e5e5; padding-top:20px;}
.Other_features_box .Data_Sent a {color: #333;}
.Other_features_box .Data_Sent a i {margin-right: 5px; font-size: 18px; vertical-align: middle;}
.Other_features_box .Data_Sent a:hover {color: #f60;}
.Other_features_box .Data_Sent ul{width: 100%; display: table; margin:0;padding:0; border: 1px solid #e5e5e5;background: #f7efe4;}
.Other_features_box .Data_Sent ul li{line-height: 34px; text-align: right; background: #FFF; padding: 10px; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.Other_features_box .Data_Sent ul li img{ vertical-align:middle;}
.Other_features_box .Data_Sent ul li .Sender{}
.Other_features_box .Data_Sent ul li .Email_Address{}
.Other_features_box .Data_Sent ul li .Captcha{}
.Other_features_box .submit_btn{}
.Other_features_box .Show_Content{width:720px; height:300px; margin:15px auto; border:1px solid #808080;}
#otherdates .modal-body .carousel-inner .carousel-caption {position: initial;}
#mydownload .modal-header .close {font-size: 30px;}
#mydownload .modal-body .Data_Sent p {font-size: 16px; padding: 10px 20px 30px;}
#mydownload .modal-body ul.address li {}
#mydownload .modal-body ul.message {border-top: none;}
#mydownload .modal-body ul.message li {line-height: 34px; border-bottom: none;}
#mydownload .modal-footer ul li {line-height: 34px;}
#mydownload .modal-body ul li:nth-child(odd) {background: #f7efe4; position: relative; border-right: none;}
#mydownload .modal-body ul li:nth-child(odd) span {position: absolute; min-height: 101%;}
#mydownload .modal-body ul li:nth-last-child(1) {background: #FFF; border: none;}
#mycontact .modal-header .close {font-size: 30px;}
#mycontact .modal-body {display: table;}
#mycontact .modal-body ul {border: 1px solid #e5e5e5;background: #f7efe4;width: 100%; display: table;}
#mycontact .modal-body ul li {border-bottom: 1px solid #e5e5e5;}
#mycontact .modal-body ul li:nth-child(even) {background: #FFF;}
#mycontact .modal-body ul li:nth-child(even) {position: relative;border-right: none;border-left: 1px solid #e5e5e5;}
#mycontact .modal-body ul.contact_content li:nth-child(3) {border-left: 1px solid #e5e5e5;}
#mycontact .modal-body ul.contact_content li:nth-last-child(2) {background: #FFF; border: none;}
#mycontact .modal-body ul.contact_content li:nth-last-child(1) {border: none;}
#mycontact .modal-body ul.contact_content li:nth-last-child(3) {border-bottom: none;}
#mycontact .modal-body ul.contact_content li:nth-last-child(4) {border-bottom: none;}
#mycontact .modal-body ul.contact_content li {text-align: right;line-height: 34px;padding: 10px;}
#mycontact .modal-body ul.contact_content li i {color: #F00; margin-right: 5px;}
#mycontact .modal-body p {font-size: 16px; width: 100%; display: table; line-height: 34px; padding: 10px 20px 30px;}
#mycontact .modal-body p span {font-weight: bold;}
#mycontact .modal-body ul.message {border-top: none;}
#mycontact .modal-body ul.message li {line-height: 34px;text-align: right;border: none;padding: 10px;}
#mycontact .modal-body ul.message li:nth-last-child(1) {border-left: 1px solid #e5e5e5;}
#mycontact .modal-footer ul li {line-height: 34px;}
/** 優惠方案 **/
.product_types .Concessions {width: 100%; display: table; padding: 120px 10px 20px;}
.product_types .Concessions > h4 i {margin-right: 5px;}
.product_types .Concessions .concessions_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;}
.product_types .Concessions .concessions_content p {line-height: 25px;}
.product_types .Concessions .concessions_content img {width: 100%;}
/** 售價及出團日 **/
.product_types .DepartureDay {width: 100%; display: table; padding: 20px 10px 20px;}
.product_types .DepartureDay > h4 i {margin-right: 5px;}
.product_types .DepartureDay .departureday_content {width: 100%; margin-top: 10px; margin-bottom: 50px;}
.product_types .DepartureDay .departureday_content .state_indication {text-align: right;}
.product_types .DepartureDay .departureday_content .state_indication span {margin-left: 5px; white-space: nowrap;}
.product_types .DepartureDay .departureday_content .state_indication span.text-muted {text-decoration: line-through;}
.product_types .DepartureDay .departureday_content .state_indication span i {margin-right: 5px;}
.product_types .DepartureDay .departureday_content #DATE_VIEW {width: 100%; border: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content {display: table; width:100%; background: #f7efe3; border-bottom: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {display:inline-block; padding: 6px 12px; width: 20%; line-height: 35px; text-align: center;}
.product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 80%;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal { position: relative; margin: 0; border-bottom: 1px solid #d2d4d5; font-size: 1em; display: table; width: 100%;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-child(odd) {background: #f9f8f8;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-last-child(1) {border-bottom: none;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt { width: 20%; text-align: center; display: table-cell; vertical-align: middle; float: none;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span {width: 100%; display: table;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span:nth-child(2) {color: #999;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd {margin-left: 0%; border-bottom: 1px solid #d2d4d5; border-left: 1px solid #d2d4d5;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {border-bottom: none;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd h5 {display: inline-block; width: 25%; text-align: center;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul {display: inline-block; /*width: 74%;*/ vertical-align: middle; padding: 10px; /*border-left: 1px solid #d2d4d5;*/}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {display: inline-block; padding: 5px;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a {color: #222; border-bottom: 1px solid #222;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-muted {color: #777; border-bottom: none; text-decoration: line-through;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-danger {color: #a94442; border-bottom: 1px solid #a94442;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:after {content:'、';}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:last-child:after {content:' ';}
.product_types .DepartureDay .departureday_content #PRICE_VIEW {width: 100%;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW .tab-pane {border: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul, .product_types .DepartureDay .departureday_content #PRICE_VIEW li{margin:0;padding:0;list-style: none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs {border: none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs li a {display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs > li:nth-last-child(1) {float: left;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs > li.active > a,
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs > li.active > a:hover,
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.nav-tabs > li.active > a:focus {color: #fff; background-color: #428bca; border-color: #357ebd;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content {display: table;width:100%; background: #f7efe3; border-bottom: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li{display:inline-block; padding: 6px 12px; width: 13%; line-height: 35px; text-align: center;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li:nth-child(2) {width: 45%;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li:nth-child(3) {width: 16%;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content {display: table;width:100%;border-bottom: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content:nth-child(odd) {background: #f9f8f8;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content:nth-last-child(1) {border-bottom:none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li {display:inline-block; padding: 6px 12px; width: 13%; text-align: center; height: 100%; line-height: 100%; text-align: center; font-size: 15px; color: #333; vertical-align: middle;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li .product_tag {display: table;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li .product_tag span {margin-right: 5px; display: inline-block;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(2) {width: 45%; text-align: left;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(3) {width: 16%;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li > span {width: 100%; display: table;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li > span:nth-child(2) {color: #999; margin-top: 5px;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li a {width: 100%; line-height: 25px; font-size: 15px; color: #333;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {text-align: left;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li a.btn {padding: 6px 12px; font-size: 15px; color: #FFF;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li a.btn span {color: #F00; margin-left: 5px;}
.product_types .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1),
.product_types .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {width: 125px;}
.product_types .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block; width: 125px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.product_types .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: table;opacity: 1; width: 125px; position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.product_types .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a i,
.product_types .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a i {margin-right: 5px;}
/** 行程特色 **/
.product_types .TravelCharacteristics {width: 100%; display: table; padding: 120px 10px 20px;}
.product_types .TravelCharacteristics table {width: 100% !important;}
.product_types .TravelCharacteristics table img {width: 100%;height: initial;}
.product_types .TravelCharacteristics > h4 i {margin-right: 5px;}
.product_types .TravelCharacteristics ul li img {width: 100%;}
/** 航班參考 **/
.product_types .ReferenceFlights {width: 100%; display: table; padding: 120px 10px 10px;}
.product_types .ReferenceFlights > h4 i {margin-right: 5px;}
.product_types .ReferenceFlights .flight_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box .flight_title {background-color: #f7efe3;}
.product_types .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;}
.product_types .ReferenceFlights .flight_box ul li {float: left; width: 16%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(1) {width: 5%; text-align: center;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(3) {width: 15%;}
.product_types .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
/* 針對國內旅遊新增 交通資訊 欄位 */
/** 交通資訊 **/
.product_types .ReferenceTraffics {width: 100%; display: table; padding: 10px 10px 20px;}
.product_types .ReferenceTraffics > h4 i {margin-right: 5px;}
.product_types .ReferenceTraffics .traffic_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box .traffic_title {background-color: #f7efe3;}
.product_types .ReferenceTraffics .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.product_types .ReferenceTraffics .traffic_box ul li {float: left; width: 16%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(1) {width: 5%; text-align: center;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(3) {width: 15%;}
.product_types .ReferenceTraffics .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
/** 每日行程 **/
.product_types .DailyItinerary {width: 100%; display: table; padding: 120px 10px 20px;}
.product_types .DailyItinerary > h4 {position: relative;}
.product_types .DailyItinerary > h4 a.dark_pile_btn {position: absolute; right: 0; bottom: 0;}
.product_types .DailyItinerary > h4 a.dark_pile_btn::before {content: "\f067"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.product_types .DailyItinerary > h4 a.dark_pile_btn::after {content: '全部展開';}
.product_types .DailyItinerary > h4 a.dark_pile_btn.active::before {content: "\f068"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.product_types .DailyItinerary > h4 a.dark_pile_btn.active::after {content: '全部收合';}
.product_types .DailyItinerary > h4 i {margin-right: 5px;}
.product_types .DailyItinerary .every_day {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 20px; position: relative;}
.product_types .DailyItinerary .every_day .day_title {margin: 0; padding: 0;}
.product_types .DailyItinerary .every_day .day_title h4::before {content: attr(data-toggle);}
.product_types .DailyItinerary .every_day .day_title h4 {line-height: 34px; position: relative; margin: 0; padding: 6px 12px;}
/*第x天-圓形*/
.product_types .DailyItinerary .every_day .day_title h4.day_title_left {vertical-align: middle; display: table-cell; float: initial;}
.product_types .DailyItinerary .every_day .day_title h4.day_title_left .tw_day {background: #ff3573; color: #FFF; text-align: center; width: 94px;height: 94px;border-radius: 50%;line-height: 94px;padding: 0; margin: 0 auto; float: left;}
.product_types .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle; display: table-cell; float: initial;}/**/
/*第x天-方形*/
/*.product_types .DailyItinerary .every_day .day_title h4.day_title_left {min-width: 94px; background: #ff3573; color: #FFF; text-align: center; padding: 0; margin: 0 auto; vertical-align: middle; display: table-cell; float: initial;}
.product_types .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle; display: table-cell; float: initial;}*/
/*第x天-圓形-Dx英文標籤式*/
.product_types .DailyItinerary .every_day .day_title h4 span.en_day {display: none; width: 34px; height: 34px; text-align: center; line-height: 34px; color: #fff; background-color: #ff3573; font-size: 16px; border-radius: 50%; font-weight: 300; margin-right: 10px; position: absolute; left: -50px;}
/*每日行程-內容*/
.product_types .DailyItinerary .every_day .day_content {margin: 10px 0; border-bottom: 1px dashed #e1e1e1; border-top: 1px dashed #e1e1e1; padding: 10px;}
.product_types .DailyItinerary .every_day .day_content p {font-size: 16px; color: #333; line-height: 25px; padding: 10px 0; margin: 0; text-align: justify;}
.product_types .DailyItinerary .every_day .day_content .day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_1 img {width:100%; height: 380px;}
.product_types .DailyItinerary .every_day .day_content .day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_2 img {width:100%; height: 380px;}
.product_types .DailyItinerary .every_day .day_content .day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_3 img {width:100%; height: 250px;}
.product_types .DailyItinerary .every_day .day_content .day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_4 img {width:100%; height: 180px;}
.product_types .DailyItinerary .every_day .day_content .day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_5 img {width:100%; height: 250px;}
.product_types .DailyItinerary .every_day .day_content .day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_6 img {width:100%; height: 180px;}
.product_types .DailyItinerary .every_day .day_content .day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_7 img {width:100%; height: 250px;}
.product_types .DailyItinerary .every_day .day_content .day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .DailyItinerary .every_day .day_content .day_style_8 img {width:100%; height: 180px;}
.product_types .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/*每日行程-餐食*/
.product_types .DailyItinerary .every_day .day_meal {}
.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 > span.label_group {position: absolute; top: 9px; margin-left: 10px;}
.product_types .AtTheirOwnExpense .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;}
.product_types .AtTheirOwnExpense .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_types .AtTheirOwnExpense .panel-group h4 div p {float: left;width: 150px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_types .AtTheirOwnExpense .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_types .AtTheirOwnExpense .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;}
.product_types .AtTheirOwnExpense .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_types .AtTheirOwnExpense .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal {position: relative;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {width: 80px;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dd {margin-left: 100px; text-align: justify;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal img {position: absolute; top: 0; right: 0;}
/** 附加項目 **/
.product_types .Additional {width: 100%; display: table; padding: 20px 10px 20px;}
.product_types .Additional > h4 i {margin-right: 5px;}
.product_types .Additional .panel-group .panel-default > .panel-heading {padding: 0;}
.product_types .Additional .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;}
.product_types .Additional .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;}
.product_types .Additional .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;}
.product_types .Additional .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;}
.product_types .Additional .panel-group h4 div p {float: left;width: 180px;text-align: left;position: relative;margin: 0;margin-right: 30px;}
.product_types .Additional .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;}
.product_types .Additional .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;}
.product_types .Additional .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_types .Additional .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;}
.product_types .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;}
/*使用範本加強*/
.product_types .day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_1 img {width:100%; height: 380px;}
.product_types .day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_2 img {width:100%; height: 380px;}
.product_types .day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_3 img {width:100%; height: 250px;}
.product_types .day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_4 img {width:100%; height: 180px;}
.product_types .day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_5 img {width:100%; height: 250px;}
.product_types .day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_6 img {width:100%; height: 180px;}
.product_types .day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_7 img {width:100%; height: 250px;}
.product_types .day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.product_types .day_style_8 img {width:100%; height: 180px;}
/************************************************************************************/
.block {position: relative; margin: 0 auto; padding: 1.5em 1.25em; max-width: 60em;}
.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("http://design.travelindex.com.tw/eweb_startravel/images/svg/close-btn.png") left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url("http://design.travelindex.com.tw/eweb_startravel/images/svg/close-btn.png");
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.nav-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("http://design.travelindex.com.tw/eweb_startravel/images/svg/nav-icon.png") left center no-repeat;
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .nav-btn {
  background-image: url("/eweb_startravel/images/svg/nav-icon.png");
}
.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#inner-wrap {
  position: relative;
  width: 100%;
}
#nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
  /*background: #333333;*/
}
#nav .close-btn {
  display: none;
}
#nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#nav .block {
  z-index: 2;
  position: relative;
  padding: 0.75em 1.25em;
  background: #333333;
}
#nav ul {
  *zoom: 1;
  display: block;
}
#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav li {
  display: block;
}
#nav li a {
  display: block;
  color: #ccc;
  font-size: 1.2em;
  line-height: 1.28571em;
  font-weight: 100;
  outline: none;
   -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
#nav li a:focus, #nav li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
   -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
#nav li.is-active a {
  color: #fff;
}
#top {
  z-index: 100;
  position: relative;
  color: #fff;
  background: #ffffff;
}
#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"] {
  margin-top: 30px;background: #ffffff;
}
@media screen and (min-width: 45.0625em) {
  /*#top .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }*/
  #nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav .block-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav ul {
    text-align: center;
    white-space: nowrap;
  }
  #nav li {
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li:last-child {
    border-right: none;
  }
  #nav li a {
    padding: 0.42857em 0.85714em;
  }
}
@media screen and (max-width: 45em) {
  #nav {
    position: absolute;
    top: 0;
    /*padding-top: 5.25em;*/
  }
  #nav:not(:target) {
    z-index: 1;
    /*height: 0;*/
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -3.75em;
    left: 1.875em;
  }
  #nav .block {
    position: relative;
    padding: 0;
  }
  #nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
  }
  #nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }
  #nav li a {
    padding: 0.85714em 2.14286em;
  }
  .js-ready #nav {
    height: 100%;
    width: 70%;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;}
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
  .js-ready #nav {left: -70%;}
  .js-ready #inner-wrap {left: 0;}
  .js-nav #inner-wrap {left: 70%;}
  .csstransforms3d.csstransitions.js-ready #nav {left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
  .csstransforms3d.csstransitions.js-ready #inner-wrap {left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
  .csstransforms3d.csstransitions.js-nav #inner-wrap {-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);}
  .csstransforms3d.csstransitions.js-ready #nav .block {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%;}
  .csstransforms3d.csstransitions.js-nav #nav .block {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
 div.loader{background-image:url(/eweb_startravel/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_startravel/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_startravel/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; margin-bottom: 0;}
.passenger_category ul li span {color: #F00;}
.passenger_category ul.passenger_category_title li {padding: 10px; line-height: 34px; background: #f7efe4;}
.passenger_category ul.passenger_category_content li {padding: 10px; line-height: 34px;}
.passenger_category ul.passenger_category_content_settlement {border-bottom: 1px solid #e1e1e1;}
.passenger_category ul.passenger_category_content_settlement li {padding: 10px; line-height: 34px; text-align: right;}
.passenger_category ul.passenger_category_content_settlement li:nth-child(1) {text-align: left;}
.passenger_category ul.passenger_category_content_settlement li:nth-child(2),
.passenger_category ul.passenger_category_content_settlement li:nth-child(3),
.passenger_category ul.passenger_category_content_settlement li:nth-child(4),
.passenger_category ul.passenger_category_content_settlement li:nth-child(5) {width: 50%;}
.passenger_category ul.passenger_category_content_settlement li.settlement {text-align: right; border-left: none;}
.passenger_category ul.passenger_category_content_settlement li.settlement input {text-align: right; border: none; background: none; box-shadow: none;}
.passenger_category ul.passenger_category_content_description {border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.passenger_category ul.passenger_category_content_description li {padding: 0 10px; line-height: 34px; border-top: none;}
.passenger_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.passenger_information h4 .checkbox {display: inline; margin-left: 20px;}
.passenger_information ul {width: 100%; display: table; margin-bottom: 0;}
.passenger_information ul.passenger_information_title li {padding: 10px; line-height: 34px; background: #f7efe4; text-align: center;}
.passenger_information ul.passenger_information_content {border: 1px solid #e1e1e1; border-top: none;}
.passenger_information ul.passenger_information_content li {line-height: 34px;padding: 10px; border: none;}
.passenger_information ul.passenger_information_content li i {color: #F00; margin-right: 5px; float: left; line-height: 34px;}
.passenger_information ul.passenger_information_content li.order_information_title {text-align: right; background: #f7efe4;}
.passenger_information ul.passenger_information_content li:nth-child(1) {text-align: center;}
.passenger_information ul.passenger_information_content li:nth-child(8) {text-align: right;}
.passenger_information ul.passenger_information_content li.passenger_information_content_title {text-align: right;}
.passenger_information ul.passenger_information_content li.passenger_information_content_title>i { float: initial;}
.passenger_information ul.passenger_information_content.first_person {border-bottom: 3px solid #e1e1e1;}
.passenger_information ul.passenger_information_content li {border-bottom: 1px solid #e1e1e1;}
.passenger_information ul.passenger_information_content li input.Identity_Card {width: 88%; float: left;}
.passenger_information ul.passenger_information_content_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; float: none; display: table-cell;}
.order_completion_content .deposit_payable {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.order_completion_content .deposit_payable ul.deposit_payable_title {background: #f7efe4;}
.order_completion_content .deposit_payable ul.deposit_payable_title li {text-align: center;}
.order_completion_content .deposit_payable ul.deposit_payable_content {border-top: none;}
.order_completion_content .deposit_payable ul.deposit_payable_content li {text-align: center; background: #fff;}
.order_completion_content .deposit_payable ul.deposit_total_content {width: 100%; display: table; padding: 0 10px; border: none;}
.order_completion_content .deposit_payable ul.deposit_total_content li {border: none; text-align: left; line-height: initial;}
.order_completion_content .deposit_payable ul.deposit_total_content li:nth-last-child(1) {text-align: right;}
.order_completion_content .deposit_payable ul.deposit_payable_emarks {width: 100%; display: table; padding: 0 10px; border: none;}
.order_completion_content .deposit_payable ul.deposit_payable_emarks li {border: none; text-align: left; line-height: initial;}
.order_completion_content .deposit_payable ul.deposit_payable_emarks li span {color: #F00; padding: 0 5px;}
.order_completion_content .other_information .other_information_emarks {width: 100%; display: table; border: 1px solid #e1e1e1; line-height: initial; padding: 10px;}
.order_completion_content .other_information .other_information_emarks li {border: none; line-height: initial;}
.order_completion_content .other_information ul.other_information_title {background: #f7efe4;}
.order_completion_content .other_information ul.other_information_title li {text-align: center;}
.order_completion_content .other_information ul.other_information_content {border-top: none; border-left: none; border-bottom: none;}
.order_completion_content .other_information ul.other_information_content li {text-align: center; background: #fff; line-height: 34px;}
.order_completion_content .other_information ul.other_information_notes {border: none; padding-left: 40px;}
.order_completion_content .other_information ul.other_information_notes > li {border: none; line-height: initial; list-style-type: decimal-leading-zero;}
.order_completion_content .other_information ul.other_information_notes > li > ul {border: none; padding-left: 20px;}
.order_completion_content .other_information ul.other_information_notes > li > ul > li {border: none; line-height: initial; list-style-type: lower-latin;}
.order_completion_content .complete_order ul {display: table; margin: 0 auto; width: initial; border: none;}
.order_completion_content .complete_order ul li {display: table; float: left; border: none;}
/** 付款頁 **/
.payment .payment_content h4 > i {background: #a7895f; width: 25px; height: 25px; vertical-align: text-top; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-left: 2px; margin-right: 5px;}
.payment .payment_content h4 > i:before {line-height: 24px; color: #FFF;}
.payment .payment_content 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;}
/* ==================================================== */
/* PGO DESIGN START */
.PGO.Detail .navbar-default {z-index: 99;}
.PGO.Detail .navbar-default #cart {/*width: 780px;*/}
.PGO.Detail .navbar-default #cart.active {/*width: 780px;*/ top: 0 !important;}
.PGO.Detail .navbar-default #cart .navbar-other li a.customer_service span {width: initial;}
.PGO.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) {width:100px;}
.PGO.Detail .navbar-default #cart .navbar-nav > li > a {/*padding: 0 10px;*/}
.PGO.Detail .navbar-default #cart .navbar-nav > li {/*padding: 0 10px;*/}
.PGO.Detail .navbar-default #cart .navbar-nav > li a#GOHotelInformation{display: none;}/*20210127隱藏飯店資訊頁籤*/
.PGO.Detail .offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {width:100px;}
.PGO.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a span {margin-left: 0;}
.PGO.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li a.customer_service span {width: initial;}
.PGO.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 1; top: 9px; width: 100px;  padding: 6px; background: #036eab;    border-color: #036eab; font-size: 0; }
.PGO.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) a:hover,.PGO.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) a:active{background: #036eab;    border-color: #ffffff; box-shadow: none; }
.PGO.Detail .navbar-default #cart .navbar-other li:nth-last-child(1) a::after {content: "出發日期";  font-size: 14px;}
.PGO.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {width: 100px; background: #036eab;}

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

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

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

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

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

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

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

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


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

/*@media(max-device-width:1024px)and(orientation:landscape) {*/

@media(max-width:1199px){
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li .form-control {width: 20%;margin-left: 5px; margin-right: 5px;}
.PGO.Order_Step_one .passenger_category_container { display: flex;  white-space: initial; flex-wrap: nowrap; flex-flow: wrap;}/*20210401新增房間類型改為卷軸*/ 
.PGO.Order_Step_one .passenger_category .passenger_category_container ul.passenger_category_title { display:block !important; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%;}/*20210401新增房間類型改為卷軸*/ 
.PGO.Order_Step_one .passenger_category .passenger_category_container ul.passenger_category_content{ -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%;}/*20210401新增房間類型改為卷軸*/ 
.PGO.Order_Step_one .passenger_category .passenger_category_container ul.passenger_category_content>li:first-child { background: #f7efe4;}/*20210401新增房間類型改為卷軸*/ 
.PGO.Order_Step_one .passenger_category ul.passenger_category_title li,.PGO.Order_Step_one .passenger_category ul.passenger_category_title li:first-child{ width: 100%; display: block;}/*20210401新增房間類型改為卷軸*/ 
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li,.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:first-child{width: 100%; position: relative; text-align: right;}
}

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

  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type {width: 3%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name {width: 20%; padding: 10px 10px 30px;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date {width: 8%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price {width: 11%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_teach {width: 4%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_registered {width: 5%; text-align: left;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_ordered {width: 5%; text-align: left;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_groupInfo {width: 8%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn {}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_remarks {width: 9%;}
  .GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer {left: 210px;}
  	/** 訂購流程 **/
	.Order_Step_one .order_information ul.order_information_content li{ display: -ms-flexbox; display: flex;}
	.Order_Step_one .order_information ul.order_information_content li.order_information_title { align-items: center; justify-content: center;}
	.Order_Step_one .passenger_information ul.passenger_information_title li{display: -ms-flexbox; display: flex; justify-content: center;}
	.Order_Step_one .passenger_information ul.passenger_information_content li{display: -ms-flexbox;   display: flex;}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(9) { width: 8.333%;}
	.Order_Step_one{ width: 95%;}
	.PGO.Order_Step_one .order_information ul.order_information_content li{ display: -ms-flexbox; display: flex;}
	.PGO.Order_Step_one .order_information ul.order_information_content li.order_information_title { align-items: center; justify-content: center;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_title li{display: -ms-flexbox; display: flex; justify-content: center;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li{display: -ms-flexbox;   display: flex;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li>i { margin-right: 1px;}
	.PGO.Order_Step_one{ width: 95%;}
}

@media(min-width:768px) and (max-width:991px){
	/**團自訂購流程 **/
	.Order_Step_one .passenger_information ul.passenger_information_title{display: none;}
	.Order_Step_one .passenger_information ul.passenger_information_title li{display: -ms-flexbox; display: flex; justify-content: center;}
	.Order_Step_one .passenger_information ul.passenger_information_content li{display: -ms-flexbox;   display: flex;}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(1) {  justify-content: center; border-top: 1px solid #e1e1e1;}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(8){display: -ms-flexbox; display: flex; justify-content: flex-end;}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(8)::before { content: '費用：';}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(9) { display: -ms-flexbox;  display: flex;}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(11) {  text-align: left;}
	.Order_Step_one.passenger_information ul.passenger_information_content li:nth-child(11)::before { display:none;}
	/**團體訂購流程 **/
	.Order_Step_one .order_information ul.order_information_content li.order_information_title { text-align: left;}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(9) { width: 100%; }
	.additional_items ul.additional_items_subtotal li.total {  border-left: 1px solid #e1e1e1;}
	/**團自訂購流程 **/
	.PGO.Order_Step_one .select_people ul.select_people_content li.select_people_title {text-align: left;}
	.PGO.Order_Step_one .order_information ul.order_information_content li.order_information_title { text-align: left;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_title{display: none;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_title li{display: -ms-flexbox; display: flex; justify-content: center;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li{display: -ms-flexbox;   display: flex; text-align: left;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(1) {  justify-content: center; border-top: 1px solid #e1e1e1;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(8){display: -ms-flexbox; display: flex; justify-content: flex-end;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(8)::before { content: '費用：';}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(9) { display: -ms-flexbox;  display: flex;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(11) {  text-align: left;}
	.PGO.Order_Step_one.passenger_information ul.passenger_information_content li:nth-child(11)::before { display:none;}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li {width: 100%; position: relative; text-align: right;}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_title { display: none;}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:first-child {width: 100%;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(9), .PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(10), .PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(11), .PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(12), .PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(13) {  display: none;}
	/*.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:before {background: #f7efe4; padding: 10px; line-height: 34px; position: absolute; top: 0; left: 0; width: 30%;}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(1):before {content: '房型/間數：';}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(2):before {content: '大人：';}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(3):before {content: '大人加床：';}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(4):before {content: '小孩佔床：';}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(5):before {content: '小孩不佔床：';}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(6):before {content: '小孩加床：';}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(7):before {content: '嬰兒：';}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(8):before {content: '敬老：';}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(9):before {content: '愛心：';}*/ 
}
/* ==================================================== */
/* #Tablet (Portrait) Note: Design for a width of 768px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	body {background-size:cover;}
	.GO_sequence > div {width: 100%;}
	.GO_sequence > div.theway .product_items {float:right;}
	.GO_sequence > div.theway ul {float:left; height: 40px; line-height: 40px;}
	.GO_search .GO_search_airport, .GO_search .GO_search_airline, .GO_search .GO_search_days {display: none;}
}
/*  #Mobile (Portrait) Note: Design for a width of 320px
================================================== */
@media only screen and (max-width: 767px) {
	body {background-size:cover;}
	.GO_search {width: 100%; display: table; background: rgba(0,0,0,0.6);}
	.GO_search ul {margin: 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin: 0 20px; padding: 10px 0;}
	.GO_search ul li {width: 100%; margin: 0;}
	.GO_search .GO_search_select {width: 100%; margin: 0; background: url(/eweb_demo/images/icon_drop_down.png) #FFF no-repeat 99% center;}
	.GO_search .GO_search_input_date {width: 100%; margin: 0; background: url(/eweb_demo/images/icon_helpday.png) #FFF no-repeat 99% center;}
	.GO_search .GO_search_input {width: 100%; margin: 0;}
	.GO_search div.GO_search_but a {width: 100%;}
	.GO_search .GO_search_airport, .GO_search .GO_search_airline, .GO_search .GO_search_application, .GO_search .GO_search_days {display: none;}
	.GO_sequence .condition {display: none;}
	.GO_sequence > div {width: 100%; position:relative;}
	.GO_sequence > div.theway .product_items {}
	.GO_sequence > div.theway ul {position:absolute; top: 0; padding: 5px;}
	.GO_sequence > div.theway ul li {line-height: 30px; margin: 0 0 0 5px; letter-spacing: -1px;}
	.GO_sequence > div.theway ul li:nth-child(1) {width: 100%;}
	/** 團體訂購流程 **/
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(1) {  text-align: center; border-top: 1px solid #e1e1e1 }
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(8) { display: block; text-align: right;}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(8)::before { content: '費用：';}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(9) { display: block; }
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(11) { text-align: left;}
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(4)::before,
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(5)::before,
	.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(11)::before { display:none;}
	.additional_items ul.additional_items_subtotal li.total {  border-left: 1px solid #e1e1e1;}
	/** 團自訂購流程 **/
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(1) {  text-align: center; border-top: 1px solid #e1e1e1 }
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(8) { display: block; text-align: right;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(8)::before { content: '費用：';}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(9) { display: block; }
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(11) { text-align: left;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(4)::before,
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(5)::before,
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li:nth-child(11)::before { display:none;}
	.PGO.Order_Step_one .passenger_category ul.passenger_category_content li .form-control {width: 30%;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(9), .PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(10), .PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(11), .PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(12), .PGO.Order_Step_one .passenger_information ul.passenger_information_content:not(:first-child)>li:nth-child(13) {  display: none;}
	.PGO.Order_Step_one .passenger_information ul.passenger_information_content li{text-align: left;}
	/* 房型售價明細  20210401增加手機版樣式 */
	#room_price .modal-body .panel-default .panel-body .room_price_item, #room_price .modal-body .panel-default .panel-body .room_price_item:last-child{ display: flex; white-space: initial;  flex-wrap: nowrap; flex-flow: wrap;}
	#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content{ display: block; border-bottom: 1px solid #e1e1e1;   -ms-flex: 0 0 65%;   flex: 0 0 65%;   max-width: 65%;}
	#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content:first-child{  display: block; -ms-flex: 0 0 35%;  flex: 0 0 35%;  max-width: 35%;}
	#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content .panel-title,#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content .panel-title:first-child,#room_price .modal-body .panel-default .panel-body .room_price_item .room_price_item_content .panel-text{ width: 100%; display: block; border-bottom: 1px solid #e1e1e1; margin-right: 0; }
}
/* #Mobile (Landscape) Note: Design for a width of 480px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Portrait and Landscape */
@media only screen and (max-width: 359px) {
.GO_sequence > div.theway ul li {font-size: 1.2rem;}
.GO_sequence > div.theway ul li input {width: 10px; height: 10px; vertical-align:middle;}
}
@media(min-width:1200px){
}
@media(max-width:1199px){

}
@media(min-width:992px) and (max-width:1199px){
.navbar-collapse {display: block; visibility: initial;}
.navbar-collapse .navbar-nav {margin: 0;}
.navbar-collapse .navbar-nav li {float: left; display: table; border: none;}
.navbar-default #cart .navbar-nav > li > a {padding: 0 9px;}
.navbar-default #cart {width: 100%; left: 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a {line-height: 30px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; margin-bottom: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {margin: 0px 30px 0 0; width: initial;}
.merge_sequence > div.condition {width: 45%;}
.merge_sequence > div.theway {width: 55%;}
/* 旅遊區域大小分類 */
.merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 35%;}
.merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 53.8%;}
/* 出發期間 */
.merge_search ul li.merge_search_date .form_date {width: 44.5%;}
/* 出境機場 */
.merge_search ul li.merge_search_airport .merge_search_select {width: 90.5%;}
/* 旅遊天數 */
.merge_search ul li.merge_search_days .merge_search_select {width: 90.5%;}
/* 每人預算 */
.merge_search ul li.merge_search_budget .merge_search_select {width: 90.5%;}
/* 航空公司 */
.merge_search ul li.merge_search_airline .merge_search_select {width: 90.5%;}
/* 產品快搜 */
.merge_search ul li.merge_search_keyword .merge_search_input {width: 90.5%;}
/* 合併其他選項 */
.merge_search ul li.merge_search_combine {padding: 6px 0 16px 11%;}
/*產品名稱*/
.GroupList .skin_list .products .product_title > div.product_name {width: 31%;}
.GroupList .skin_list #listDataAll.products .product_title > div.product_name,
.GroupList .skin_list #listDataGO.products .product_title > div.product_name,
.GroupList .skin_list #listDataPGO.products .product_title > div.product_name{width: 35%;}/*20210121增加名稱寬度*/
/*售價*/
.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 #listDataAll .product_item .thumbnail > div.product_name,
.GroupList .skin_list #listDataGO .product_item .thumbnail > div.product_name,
.GroupList .skin_list #listDataPGO .product_item .thumbnail > div.product_name{width: 35%; }/*20210121增加名稱寬度*/
/*售價*/
.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;}
.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 #listDataAll.products .product_title > div.product_name,
.GroupList .skin_list #listDataGO.products .product_title > div.product_name,
.GroupList .skin_list #listDataPGO.products .product_title > div.product_name{width:100%;}/*20210125團自增加名稱寬度*/
.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 #listDataAll .product_item .thumbnail > div.product_name,
.GroupList .skin_list #listDataGO .product_item .thumbnail > div.product_name,
.GroupList .skin_list #listDataPGO .product_item .thumbnail > div.product_name {width:100%; }/*20210125團自增加名稱寬度*/
.GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;     white-space: normal;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*分享*/
.GroupList .skin_list .product_item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; position: initial;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
/*天數*/
.GroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 55%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.GroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.GroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.GroupList .skin_list .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.GroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
.fixed-action-btn {position: absolute;}
/****** 團型列表 MGroupList ******/
.MGroupList .skin_module .products .item {width: 50%;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; vertical-align: middle !important;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer.fixed-action-btn.horizontal ul {top: 56.8%;}
/****** 個團明細頁 ******/
.product_details h3 {margin: 0 0 10px 0; padding: 0 10px;}
/** 產品基本資料 **/
.product_details .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;}
.product_details .product_basic_info ul li.basic_info_title {width: 20%;}
.product_details .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_details .product_basic_info ul li.departure_date {width: 80%;}
.product_details .product_basic_info ul li.return_date {width: 80%;}
.product_details .product_basic_info ul li.deadline {width: 80%; color: #F00; font-size: 25px; font-weight: bold;}
.product_details .product_basic_info ul li.sign_up_group {width: 100%; margin: 10px auto;}
.product_details .product_basic_info ul li.sign_up_group a.btn {width: 49%;}
.product_details .product_basic_info ul li.price_content {padding: 10px;}
.product_details .product_basic_info ul li.price_content .panel-info {width: 100%; border: 1px solid #DDD; border-radius: 3px; margin-bottom: 5px;}
.product_details .product_basic_info ul li.price_content .panel-info .panel-heading {float: left; width: 50%; border-radius: 3px;}
.product_details .product_basic_info ul li.price_content .panel-info .panel-body {float: left; width: 50%; padding: 10px 15px;}
.product_details .DailyItinerary .every_day .day_content .day_style_1 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_2 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_3 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_4 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_5 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_6 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_7 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content .day_style_8 .item {margin-bottom: 20px; padding: 0;}
.product_details .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/*第x天-圓形*/
.product_details .DailyItinerary .every_day .day_title h4.day_title_left {display: flex; width: 100%;}
/*每日行程-餐食*/
.product_details .DailyItinerary .every_day .day_meal {padding: 10px; border-bottom: 1px dashed #e1e1e1;}
/*每日行程-住宿*/
.product_details .DailyItinerary .every_day .day_hotel {padding: 10px;}
/****** 團型明細頁 ******/
.product_types h3 {margin: 0 0 10px 0; padding: 0 10px;}
/** 產品基本資料 **/
.product_types .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;}
.product_types .product_basic_info ul li.basic_info_title {width: 20%;}
.product_types .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_types .product_basic_info ul li.departure_date {width: 80%;}
.product_types .product_basic_info ul li.return_date {width: 80%;}
.product_types .product_basic_info ul li.deadline {width: 80%; color: #F00; font-size: 25px; font-weight: bold;}
.product_types .product_basic_info ul li.sign_up_group {width: 100%; margin: 10px auto;}
.product_types .product_basic_info ul li.sign_up_group a.btn {width: 49%;}
.product_types .product_basic_info ul li.price_content {padding: 10px;}
.product_types .product_basic_info ul li.price_content .panel-info {width: 100%; border: 1px solid #DDD; border-radius: 3px; margin-bottom: 5px;}
.product_types .product_basic_info ul li.price_content .panel-info .panel-heading {float: left; width: 50%; border-radius: 3px;}
.product_types .product_basic_info ul li.price_content .panel-info .panel-body {float: left; width: 50%; padding: 10px 15px;}
.product_types .DailyItinerary .every_day .day_content .day_style_1 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_2 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_3 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_4 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_5 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_6 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_7 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_8 .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/*第x天-圓形*/
.product_types .DailyItinerary .every_day .day_title h4.day_title_left {display: flex; width: 100%;}
/*每日行程-餐食*/
.product_types .DailyItinerary .every_day .day_meal {padding: 10px; border-bottom: 1px dashed #e1e1e1;}
/*每日行程-住宿*/
.product_types .DailyItinerary .every_day .day_hotel {padding: 10px;}
}
@media(max-width:768px){
.order_information ul.order_information_content li.order_information_title {text-align: left;}
.order_information ul.order_information_content li:nth-last-child(3), .order_information ul.order_information_content li:nth-last-child(4) {border-left: 1px solid #e1e1e1;}
.select_people ul.select_people_content li:nth-child(even) {border-left: none;}
/*.passenger_category ul.passenger_category_content li:nth-child(1):before {content:'旅客類別/團費';margin-right: 20px;}
.passenger_category ul.passenger_category_content li:nth-child(2):before {content:'經濟艙';margin-right: 20px;float:left;}
.passenger_category ul.passenger_category_content li select {width:90%;float:left;}
.passenger_category ul.passenger_category_content li:nth-child(3):before {content:'經濟艙';margin-right: 20px;float:left;}
.passenger_category ul.passenger_category_content li select {width:90%;float:left;}*/
#mycontact .modal-body ul.contact_content li,
#mycontact .modal-body ul.message li {text-align: left;}
/* GI DESIGN START */
/*圖片*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_img {padding: 0;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_img img {display: block; margin-bottom: -25px;}
/*類型*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*天數*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a {cursor: pointer;}
.GroupList .skin_list .products#listDataGI .products#listDataGI .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total span {float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available span {float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
/* 列表模式 */
.GroupList .skin_list .products#listDataGI .products {border: none;}
.GroupList .skin_list .products#listDataGI .products .product {border:none; margin: 0; border-radius: 0;}
/* 列表標題 */
.GroupList .skin_list .products#listDataGI .products .product_title {display: none;}
/* 列表內文 */
.GroupList .skin_list .products#listDataGI .product_item .thumbnail {position: relative; padding: 4px; border: 1px solid #e1e1e1; margin: 0 -5px 20px; border-radius: 4px;}
/*圖片*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_img {padding: 0;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_img img {display: none; margin-bottom: -25px;}
/*類型*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name {text-align: justify; padding: 15px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*分享*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer {width: 100%; display: table; text-align: right; padding: 10px; position: absolute; top: 0px; left: 0; right: 10px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
/*天數*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 0px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a {cursor: pointer;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total span {float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available span {float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_teach {width: 20%; padding: 5px; font-size: 16px; display: block; text-align: left; line-height: 60px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_teach::before {content: '教學：'; width: 100%; text-align: left; display: table; line-height: 30px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_registered {width: 40%; text-align: left; padding: 5px; font-size: 16px; display: block; line-height: 30px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_registered::before {content: '已報名：'; width: 100%; text-align: left; display: table;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_ordered {width: 40%; text-align: left; padding: 5px; font-size: 16px; display: block; line-height: 30px; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_ordered::before {content: '已收訂：'; width: 100%; text-align: left; display: table;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_groupInfo {width: 100%; text-align: left; padding: 5px; font-size: 16px; display: block; float: left;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_groupInfo::before {content: '成團資訊：';}
/* GI DESIGN END */
}
@media(max-width:767px){
.header {height: 56px; transition: initial;}
.gizle {top: 0px !important;}
footer[role="contentinfo"] {padding-bottom:0px; padding-left:0px; padding-right:0px;}
article.container {position: relative; z-index: 100; top: 73px; padding-bottom: 93px;}
.navbar-default #cart {width: 100%;}
/**actGotop**/
.actGotop{ right: 10px;}
.actGotop a, .actGotop a:link{ background: #18b7cd; border-radius: 50px;}
/**side-box**/
.side-box.desk{ display:none;}
.side-box.mobile{ display:block;}
/** New_Header 選單 **/
.navbar-toggle {position: absolute; top: 0; left: 0; padding: 3px 10px;}
.navbar-inverse .navbar-header {padding: 0;}
#top .block-title {padding: 12px 0;}
/*left*/
.side-collapse-container-left{position:relative; left:0; transition:left .4s;}
.side-collapse-container-left.out{left:70%;}
.side-collapse-left {top:56px; bottom:0; left:0; width:70%; position:fixed; overflow:hidden; transition:left .4s; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45);}
.side-collapse-left.in {width:70%; left: -70%; transition:left .4s;}
/*right*/
.side-collapse-container-right{position:relative; right:0; transition:right .4s;}
.side-collapse-container-right.out{right:70%;}
.side-collapse-right {top:56px; bottom:0; right:0; width:70%; position:fixed; overflow:hidden; transition:all .4s;}
.side-collapse-right.in {width:70%; right:-70%;}
/** 列表頁下方的分頁按鈕及載入更多按鈕 **/
.skin_list .loading {display: table;}
.skin_list .pagination {margin: 20px auto 0; display: none;}
.skin_module .loading {margin: 20px auto 0; display: table; width: 50%; text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0)); background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.skin_module .pagination {display: none;margin: 20px auto 0;}
.service_box {display: 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_list #listDataAll.products .product_title > div.product_name,
.GroupList .skin_list #listDataGO.products .product_title > div.product_name,
.GroupList .skin_list #listDataPGO.products .product_title > div.product_name{width:100%;}/*20210125團自增加名稱寬度*/
.GroupList .skin_module .products .item .thumbnail > div.product_name a {font-size: 20px; position: relative; z-index: 999;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {top: -320px; right: 5px; float: right; width: 100%;}
.GroupList .skin_module .products .item .thumbnail > div.product_name a span {float: right;}
/*分享*/
.GroupList .skin_module .products .item .thumbnail > .product_sharer {margin: 20px 0 -20px;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div {vertical-align: bottom !important;}
.GroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: inline-block !important;}
/*售價*/
.GroupList .skin_module .products .item .thumbnail > div.product_price {bottom: 100px;}
.GroupList .skin_module .products .item .thumbnail > div.product_price span strong {font-size: 30px;}
/*報名*/
.GroupList .skin_module .products .item .thumbnail > div.product_btn {margin: 90px 0 0;}
/*圖片*/
.GroupList .skin_module .products .item .thumbnail .product_img img {height: 288px;}
/* 列表模式 */
.GroupList .skin_list .products {border: none;}
.GroupList .skin_list .products .product {border: 1px solid #e1e1e1; margin: 0 -5px 20px; border-radius: 4px;}
/* 列表標題 */
.GroupList .skin_list .products .product_title {display: none;}
/* 列表內文 */
.GroupList .skin_list .product_item .thumbnail {position: relative; padding: 4px;}
/*圖片*/
.GroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0; width: 100%;}
.GroupList .skin_list .product_item .thumbnail > div.product_img img {display: block; width: 100%; margin-bottom: -25px;}
/*類型*/
.GroupList .skin_list .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.GroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.GroupList .skin_list .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list #listDataAll .product_item .thumbnail > div.product_name,
.GroupList .skin_list #listDataGO .product_item .thumbnail > div.product_name,
.GroupList .skin_list #listDataPGO .product_item .thumbnail > div.product_name {width:100%; }/*20210125團自增加名稱寬度*/
.GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*分享*/
.GroupList .skin_list .product_item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; position: initial;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.GroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
/*天數*/
.GroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.GroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 55%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：';}
/*個團代碼*/
.GroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.GroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.GroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.GroupList .skin_list .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.GroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.GroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;}
.GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
.fixed-action-btn {position: relative;}
/** 航班參考彈出窗 **/
.flight_box {border: 1px solid #e1e1e1;}
.flight_box .flight_title {display: none;}
.flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.flight_box ul:nth-last-child(1) {border-bottom: none;}
.flight_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.flight_box ul li:nth-child(odd) {width: 40%;}
.flight_box ul li:nth-child(even) {width: 60%;}
.flight_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
.flight_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.flight_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.flight_box ul li:nth-child(2):before {content:'航空公司：';}
.flight_box ul li:nth-child(3):before {content:'航班：';}
.flight_box ul li:nth-child(4):before {content:'出發地：';}
.flight_box ul li:nth-child(5):before {content:'起飛時間：';}
.flight_box ul li:nth-child(6):before {content:'目的地：';}
.flight_box ul li:nth-child(7):before {content:'抵達時間：';}
/** 航班參考 **/
.product_details .ReferenceFlights .flight_box {border: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box .flight_title {display: none;}
.product_details .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;}
.product_details .ReferenceFlights .flight_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(odd) {width: 40%;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(even) {width: 60%;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.product_details .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(2):before {content:'航空公司：';}
.product_details .ReferenceFlights .flight_box ul li:nth-child(3):before {content:'航班：';}
.product_details .ReferenceFlights .flight_box ul li:nth-child(4):before {content:'出發地：'; width: 100%; display: table;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(5):before {content:'起飛時間：'; width: 100%; display: table;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(6):before {content:'目的地：'; width: 100%; display: table;}
.product_details .ReferenceFlights .flight_box ul li:nth-child(7):before {content:'抵達時間：'; width: 100%; display: table;}
/* 針對國內旅遊新增 交通資訊 欄位 */
/** 交通資訊 **/
.product_details .ReferenceTraffics .traffic_box {border: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box .traffic_title {display: none;}
.product_details .ReferenceTraffics .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.product_details .ReferenceTraffics .traffic_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(odd) {width: 40%;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(even) {width: 60%;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.product_details .ReferenceTraffics .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(2):before {content:'交通工具：';}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(3):before {content:'艙等/艙房：';}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(4):before {content:'起程地：'; width: 100%; display: table;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(5):before {content:'搭乘時間：'; width: 100%; display: table;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(6):before {content:'目的地：'; width: 100%; display: table;}
.product_details .ReferenceTraffics .traffic_box ul li:nth-child(7):before {content:'抵達時間：'; width: 100%; display: table;}
/** 團型列表 **/
/* 目前搜尋條件及排序方式*/
.MGroupList .merge_sequence > div {width: 100%;}
.MGroupList .merge_sequence > div.theway ul {height: 45px;line-height: 45px; float: left; margin: 0;}
.MGroupList .merge_sequence > div.theway ul li {font-size: 0; margin: 0 5px 0 0;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(1):before {content: '排序'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(2) label:before {content: '熱門'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(3) label:before {content: '日期'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(4) label:before {content: '名稱'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(5) label:before {content: '天數'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li:nth-child(6) label:before {content: '售價'; font-size: 14px;}
.MGroupList .merge_sequence > div.theway ul li input {vertical-align: sub; margin-right: 5px;}
.MGroupList .merge_sequence > div.condition ul li {height: 45px; line-height: 45px;}
.MGroupList .merge_sequence > div.condition ul li:nth-child(1) {height: 45px; line-height: 45px;}
/****** 團型列表 MGroupList ******/
.MGroupList .skin_module .products .item {width: 100%;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; vertical-align: middle !important;}
.MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
.MGroupList .skin_module .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #999; font-size: 13px; float: left;}
.MGroupList .skin_list .products {border: none;}
.MGroupList .skin_list .masonry-container {width: 100%;  margin: 0 auto;}
.MGroupList .skin_list .products .product_title {display: none;}
.MGroupList .skin_list .products .product_item .thumbnail {position: relative; padding: 4px 4px 20px 4px; border: 1px solid #ddd; border-radius: 4px;}
.MGroupList .skin_list .product_item .thumbnail > div {border: none;}
.MGroupList .skin_list .products .product {border: 1px solid #e1e1e1; margin: 0 -5px 20px; border-radius: 4px;}
/*圖片*/
.MGroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0; width: 100%; display: inline-block;}
.MGroupList .skin_list .product_item .thumbnail > div.product_img img {display: block; margin-bottom: -25px; width: 100%;}
/*類型*/
.MGroupList .skin_list .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;}
.MGroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;}
/*產品名稱*/
.MGroupList .skin_list .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #999; font-size: 13px; float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
/*分享*/
.MGroupList .skin_list .product_item .thumbnail > .product_sharer {width: 100%; display: block; text-align: right; padding: 10px; position: initial; position: relative; left: 0;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;}
.MGroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;}
/*天數*/
.MGroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left; line-height: 42px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';}
/*出發日期*/
.MGroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px; font-size: 16px; display: block; text-align: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：'; float: left;}
/*個團代碼*/
.MGroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';}
/*航班*/
.MGroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;font-size: 20px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;}
.MGroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;}
/*售價*/
.MGroupList .skin_list .product_item .thumbnail > div.product_price {bottom: initial;width: 100%;position: absolute;right: 15px;padding: 0;}
.MGroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;}
/*機位*/
.MGroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;}
/*可售*/
.MGroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;}
.MGroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;}
/*報名*/
.MGroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;}
.MGroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;}
.MGroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;}
.MGroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;}
/*促銷*/
.MGroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;}
/****** 個團明細頁 ******/
.product_details h3 {margin: 0 0 10px 0; padding: 0 10px;}
/** 產品基本資料 **/
.product_details .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;}
.product_details .product_basic_info ul li.basic_info_title {width: 36%;}
.product_details .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_details .product_basic_info ul li.departure_date {width: 64%;}
.product_details .product_basic_info ul li.return_date {width: 64%;}
.product_details .product_basic_info ul li.deadline {width: 64%; color: #F00; font-size: 25px; font-weight: bold;}
.product_details .product_basic_info ul li.sign_up_group {width: 100%; margin: 10px auto;}
.product_details .product_basic_info ul li.sign_up_group a.btn {width: 49%;}
.product_details .product_basic_info ul li.price_content {padding: 10px;}
.product_details .product_basic_info ul li.price_content .panel-info {width: 100%; border: 1px solid #DDD; border-radius: 3px; margin-bottom: 5px;}
.product_details .product_basic_info ul li.price_content .panel-info .panel-heading {float: left; width: 50%; border-radius: 3px;}
.product_details .product_basic_info ul li.price_content .panel-info .panel-body {float: left; width: 50%; padding: 10px 15px;}
/** 行程特色 **/
.product_details .TravelCharacteristics {width: 100%; display: table; padding: 160px 10px 0;}
.product_details .TravelCharacteristics ul li img {width: 100%;}
.product_details .ReferenceFlights {width: 100%; display: table; padding: 160px 10px 0;}
.product_details .DailyItinerary {width: 100%; display: table; padding: 30px 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;}
/****** 團型明細頁 ******/
.product_types h3 {margin: 0 0 10px 0; padding: 0 10px;}
/** 產品基本資料 **/
.product_types .product_basic_info {padding-top: 0;}
.product_types .product_basic_info ul:nth-child(1) {padding-top: 60px;}
.product_types .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;}
.product_types .product_basic_info ul li.basic_info_title {width: 36%;}
.product_types .product_basic_info ul li.basic_info_title label {margin: 0;}
.product_types .product_basic_info ul li.departure_date {width: 64%;}
.product_types .product_basic_info ul li.return_date {width: 64%;}
.product_types .product_basic_info ul li.deadline {width: 64%; color: #F00; font-size: 25px; font-weight: bold;}
.product_types .product_basic_info ul li.sign_up_group {width: 100%; margin: 10px auto; position: absolute; top: 0;}
.product_types .product_basic_info ul li.sign_up_group a.btn {width: initial;}
/*調整同業價補強 START*/
.product_types .product_basic_info ul:nth-child(1) li.basic_info_title:nth-child(1) {padding: 10px;}
.product_types .product_basic_info ul:nth-child(1) li.price_content:nth-child(2) {padding: 10px;}
/*調整同業價補強 END*/
.product_types .product_basic_info ul li.price_content .panel-info {width: 100%; border: 1px solid #DDD; border-radius: 3px; margin-bottom: 5px;}
.product_types .product_basic_info ul li.price_content .panel-info .panel-heading {float: left; width: 50%; border-radius: 3px;}
.product_types .product_basic_info ul li.price_content .panel-info .panel-body {float: left; width: 50%; padding: 10px 15px;}
/** 售價及出團日 **/
.product_types .table-responsive {border: none;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul {}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {padding: 5px 0 5px 5px;}
.product_types .navbar-default #cart {height: 90px;}
.product_types .navbar-default #cart .navbar-other {position: absolute; right: 0; bottom: 0;}
.product_types .navbar-default #cart .navbar-other li {margin: 0 3px;}
.product_types .DepartureDay .departureday_content .state_indication span {margin-left: 0px;}
.product_types .DepartureDay .departureday_content .state_indication span i {margin-right: 0px;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 30%; position: absolute; top: 45%;}
.product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {margin-left: 30%;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW .tab-pane {border: none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content {display: none;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content {position: relative; padding: 10px; margin-bottom: 15px; float: left; border: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li {width: 33.33%;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(1) {width: initial; text-align: left; color: #333; border-radius: 6px; font-size: 18px; font-weight: bold;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(1):before {content: "\f073"; font: normal normal normal 18px/1 FontAwesome; margin-right: 5px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(2) {width: 100%;}
/*調整同業價補強 START*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(3) {font-size: 16px; color: #F00; width: 70%; text-align: left;}
/*調整同業價補強 END*/
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(4) {width: initial; position: absolute; bottom: 65px; right: 5px; display: table;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(5) {width: initial; display: table; color: #F00; padding: 12px 6px 6px; margin-top: 15px; border-top: 1px solid #d2d4d5;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(5):before {content: "\f06b"; font: normal normal normal 18px/1 FontAwesome; margin-right: 5px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {width: 100%; text-align: left;}
/** 行程特色 **/
.product_types .TravelCharacteristics {width: 100%; display: table; padding: 160px 10px 0;}
.product_types .TravelCharacteristics ul li img {width: 100%;}
.product_types .ReferenceFlights {width: 100%; display: table; padding: 160px 10px 0;}
.product_types .DailyItinerary {width: 100%; display: table; padding: 160px 10px 0;}
.product_types .AtTheirOwnExpense {width: 100%; display: table; padding: 160px 10px 0;}
.product_types .OtherInstructions {width: 100%; display: table; padding: 160px 10px 0;}
.navbar-collapse {display: block; visibility: initial; border-top: none;}
.navbar-collapse .navbar-nav {margin: 0;}
.navbar-collapse .navbar-nav li {float: left; display: table; border: none;}
.navbar-default #cart .navbar-nav > li > a {padding: 0 9px;}
#carousel-example-generic {margin-top: 100px;}
.product_types .DailyItinerary .every_day .day_content .day_style_1  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_2  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_3  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_4  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_5  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_6  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_7  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content .day_style_8  .item {margin-bottom: 20px; padding: 0;}
.product_types .DailyItinerary .every_day .day_content > p > img {width: 100%;}
/** 航班參考 **/
.product_types .ReferenceFlights .flight_box {border: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box .flight_title {display: none;}
.product_types .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;}
.product_types .ReferenceFlights .flight_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(odd) {width: 40%;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(even) {width: 60%;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.product_types .ReferenceFlights .flight_box .flight_content {background: #FFF;}
.product_types .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(2):before {content:'航空公司：';}
.product_types .ReferenceFlights .flight_box ul li:nth-child(3):before {content:'航班：';}
.product_types .ReferenceFlights .flight_box ul li:nth-child(4):before {content:'出發地：'; width: 100%; display: table;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(5):before {content:'起飛時間：'; width: 100%; display: table;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(6):before {content:'目的地：'; width: 100%; display: table;}
.product_types .ReferenceFlights .flight_box ul li:nth-child(7):before {content:'抵達時間：'; width: 100%; display: table;}
/* 針對國內旅遊新增 交通資訊 欄位 */
/** 交通資訊 **/
.product_types .ReferenceTraffics .traffic_box {border: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box .traffic_title {display: none;}
.product_types .ReferenceTraffics .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.product_types .ReferenceTraffics .traffic_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(odd) {width: 40%;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(even) {width: 60%;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.product_types .ReferenceTraffics .traffic_box .traffic_content {background: #FFF;}
.product_types .ReferenceTraffics .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(2):before {content:'交通工具：';}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(3):before {content:'艙房/艙等：';}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(4):before {content:'起程地：'; width: 100%; display: table;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(5):before {content:'搭乘時間：'; width: 100%; display: table;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(6):before {content:'目的地：'; width: 100%; display: table;}
.product_types .ReferenceTraffics .traffic_box ul li:nth-child(7):before {content:'抵達時間：'; width: 100%; display: table;}
/*第x天-圓形*/
.product_types .DailyItinerary .every_day .day_title h4.day_title_left {display: flex;}
/*每日行程-餐食*/
.product_types .DailyItinerary .every_day .day_meal {padding: 10px; border-bottom: 1px dashed #e1e1e1;}
.product_types .DailyItinerary .every_day .day_meal .meal_content {width: 80%;}
.product_types .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {float: left;}
/*每日行程-住宿*/
.product_types .DailyItinerary .every_day .day_hotel {padding: 10px;}
.product_types .DailyItinerary .every_day .day_content table {width: 100% !important;}
.product_types .DailyItinerary .every_day .day_content table td {width: 100% !important; float: left;}
.product_types .DailyItinerary .every_day .day_content table td img {width: 100% !important; height: initial;}
/** 自費活動 **/
.product_types .AtTheirOwnExpense .panel-group h4 div {position: initial; padding: 10px 15px;}
.product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {float: left;}
/** 附加項目 **/
.product_types .Additional .panel-group h4 div {position: initial; padding: 10px 15px;}
/** 護照及簽證 **/
.product_types .Passport_Visa .panel-group h4 div {position: initial; padding: 10px 15px;}
.passenger_information ul.passenger_information_title {display: none;}
.passenger_information ul.passenger_information_content.first_person li {text-align: left;}
.passenger_information ul.passenger_information_content li:nth-child(4)::before {content: 'NO.：';}
.passenger_information ul.passenger_information_content li:nth-child(5)::before {content: '旅客類別：';}/*
.passenger_information ul.passenger_information_content li:nth-child(6)::before {content: '中文姓：';}
.passenger_information ul.passenger_information_content li:nth-child(7)::before {content: '中文名：';}
.passenger_information ul.passenger_information_content li:nth-child(8)::before {content: '英文姓：';}
.passenger_information ul.passenger_information_content li:nth-child(9)::before {content: '英文名：';}
.passenger_information ul.passenger_information_content li:nth-child(10)::before {content: '身分證字號：';}*/
.passenger_information ul.passenger_information_content li:nth-child(8) {display: none;}
.passenger_information ul.passenger_information_content li:nth-child(9) {display: none;}
.passenger_information ul.passenger_information_content li:nth-child(11) {text-align: 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;}
.order_completion_content .order_information #css_table .css_th{display:none;}
.order_completion_content .order_information #css_table .css_tr .css_td {width: 100%;display: block;text-align:left;height: initial;padding: 10px 10px 10px 100px;position:relative;}
.order_completion_content .order_information #css_table .css_tr .css_td:before {position: absolute;left:10px;}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(1):before {content:'訂單編號：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(2):before {content:'服務公司：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(3):before {content:'服務人員：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(4):before {content:'報名狀態：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(5):before {content:'訂單金額：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(6):before {content:'商品名稱：';}
.order_completion_content .order_information #css_table .css_tr .css_td:nth-child(7):before {content:'旅遊期間：';}
.additional_items ul.additional_items_title {display: none;}
.additional_items ul.additional_items_content li:nth-child(1n)::before {content: '項目名稱';}
.additional_items ul.additional_items_content li:nth-child(2n)::before {content: '費用';}
.additional_items ul.additional_items_content li:nth-child(3n)::before {content: '數量';}
.other_information ul.other_information_content li.information_title {text-align: left;}
.order_completion_content .flight_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;}
.order_completion_content .flight_information ul.flight_information_title {background: #f7efe4;}
.order_completion_content .flight_information ul.flight_information_title li:nth-child(1):before {content:'天數';}
.order_completion_content .flight_information ul.flight_information_title li {text-align: center;}
.order_completion_content .flight_information ul.flight_information_content {border-top: none;display: block;}
.order_completion_content .flight_information ul.flight_information_content li {text-align: center; position:relative;background: #fff;float: initial;width: 100%;display: inline-block;}
.order_completion_content .flight_information ul.flight_information_title {display: none;}
.order_completion_content .flight_information ul.flight_information_content:nth-child(3) {margin-bottom: 20px;}
.order_completion_content .flight_information ul.flight_information_content li:before {position:absolute;left:10px;}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(1) {border-top: 1px solid #e1e1e1;}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(1):before {content:'天數：';}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(2):before {content:'航班：';}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(3):before {content:'起飛：';}
.order_completion_content .flight_information ul.flight_information_content li:nth-child(4):before {content:'抵達：';}
.order_completion_content .deposit_payable ul.deposit_payable_content li {text-align: center; position:relative;background: #fff;float: initial;width: 100%;display: inline-block;}
.order_completion_content .deposit_payable ul.deposit_payable_title {background: #f7efe4;display: none;}
.order_completion_content .deposit_payable ul.deposit_payable_content {border-top: none; display: table;}
.order_completion_content .deposit_payable ul.deposit_payable_content:nth-child(3) {margin-bottom: 20px;}
.order_completion_content .deposit_payable ul.deposit_payable_content li:before {position:absolute;left:10px;}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(1) {border-top: 1px solid #e1e1e1;}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(1):before {content:'旅客類別：';}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(2):before {content:'人數：';}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(3):before {content:'金額：';}
.order_completion_content .deposit_payable ul.deposit_payable_content li:nth-child(4):before {content:'小計：';}
.order_completion_content .other_information ul.other_information_title{display: none;}
.order_completion_content .other_information ul.other_information_content li {width: 100%;display:inline-block;}
.order_completion_content .other_information ul.other_information_content li:before {position:absolute;left:10px;}
.order_completion_content .other_information ul.other_information_content li:nth-child(1) {border-top: 1px solid #e1e1e1;}
.order_completion_content .other_information ul.other_information_content li:nth-child(1):before {content:'寄送方式：';}
.order_completion_content .other_information ul.other_information_content li:nth-child(2):before {content:'公司統編：';}
.order_completion_content .other_information ul.other_information_content li:nth-child(3):before {content:'收據抬頭：';}
.payment .payment_content ul.payment_information_content li {width: 75%; text-align: left;}
.payment .payment_content ul.payment_information_content li.payment_information_title {width: 25%;}
.payment .payment_content ul.payment_method_content li.payment_method_title {text-align: left;}
/* 使用範本加強 */
.product_types .day_style_1 .item {margin-bottom: 20px;}
.product_types .day_style_2 .item {margin-bottom: 20px;}
.product_types .day_style_3 .item {margin-bottom: 20px;}
.product_types .day_style_4 .item {margin-bottom: 20px;}
.product_types .day_style_5 .item {margin-bottom: 20px;}
.product_types .day_style_6 .item {margin-bottom: 20px;}
.product_types .day_style_7 .item {margin-bottom: 20px;}
.product_types .day_style_8 .item {margin-bottom: 20px;}
.product_details .day_style_1 .item {margin-bottom: 20px;}
.product_details .day_style_2 .item {margin-bottom: 20px;}
.product_details .day_style_3 .item {margin-bottom: 20px;}
.product_details .day_style_4 .item {margin-bottom: 20px;}
.product_details .day_style_5 .item {margin-bottom: 20px;}
.product_details .day_style_6 .item {margin-bottom: 20px;}
.product_details .day_style_7 .item {margin-bottom: 20px;}
.product_details .day_style_8 .item {margin-bottom: 20px;}
/* ==================================================== */
/* PGO DESIGN START */
article.container.PGO.Detail {position: initial; padding-top: 73px;}
.PGO.Detail .navbar-default #cart,
.PGO.Detail .navbar-default #cart.active{width: 100%;  }
.PGO.Detail .navbar-default #cart.active{ top: 95px !important;}
.PGO.Detail .product_details .FreeChoiceTrip .panel-group h4 {padding: 10px 50px 10px 15px; line-height: 30px;}
.PGO.Detail .spreadsheet #portamento_container #sidebar{top: 150px !important;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_off i { right: 20px; top: -135px;}
.PGO.Detail .spreadsheet.onnavbar #portamento_container #sidebar { top: 90px !important;}
.PGO.Detail .spreadsheet.onnavbar #portamento_container #sidebar.fixed { top: 150px !important;}
.PGO.Detail .spreadsheet.offnavbar.onnavbar.active .switch_btn .spreadsheet_off i { top: -90px;}
.PGO.Detail .spreadsheet {width: 100%; display: table; position: fixed; z-index: 998; right: -100%; top: 0; padding: 0 0 20px; height: 100vh; overflow: auto;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.PGO.Detail .spreadsheet #sidebar {width: 100%; padding: 0; padding-top: 20px;}
.PGO.Detail .spreadsheet #sidebar h4 {position: fixed; width: 100%; top: 100px; z-index: 999999;}
.PGO.Detail .spreadsheet #sidebar ul {width: 100%; padding: 20px; display: table;}
.PGO.Detail .spreadsheet #sidebar ul li ul {padding: 0 0 10px;}
.PGO.Detail .spreadsheet .spreadsheet_switch {display: block; position: fixed; right: 15px; top: 250px; z-index: 9999999;}
.PGO.Detail .spreadsheet.offnavbar.onnavbar .spreadsheet_switch { top: 210px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn a {font-size: 20px; color: #c1c1c1; font-size: 16px; line-height: 56px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn a i {margin-right: 5px; font-size: 20px;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open {display: none;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_off {display: none;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_open.active {display: block;}
.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_off.active {display: block;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_title {display: none;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li {width: 100%; position: relative; text-align: right;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:first-child {width: 100%;}
/*.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:before {background: #f7efe4; padding: 10px; line-height: 34px; position: absolute; top: 0; left: 0; width: 30%;}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(1):before {content: '房型/間數：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(2):before {content: '大人：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(3):before {content: '大人加床：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(4):before {content: '小孩佔床：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(5):before {content: '小孩不佔床：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(6):before {content: '小孩加床：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li:nth-child(7):before {content: '嬰兒：';}
.PGO.Order_Step_one .passenger_category ul.passenger_category_content li .form-control {width: 15%;}*/
/* PGO DESIGN END */
/* GI DESIGN START */
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;}
.GroupList .skin_list .products#listDataGI .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;}
.GI .coach_list .coach_list_content .coach_list_title {display: none;}
.GI .coach_list .coach_list_content .coach_list_item {margin-bottom: 20px;}
.GI .coach_list .coach_list_content .coach_list_item > div {width: 100% !important; display: table; text-align: left; padding: 0 15px 0 0 !important; border-top: 1px solid #e1e1e1;}
.GI .coach_list .coach_list_content .coach_list_item .product_date::before {content: '出發日期：'; margin-right: 10px; background-color: #f7efe3; display: inline-block; padding: 0 15px; width: 35%;}
.GI .coach_list .coach_list_content .coach_list_item .product_name::before {content: '產品名稱：'; margin-right: 10px; background-color: #f7efe3; display: inline-block; padding: 0 15px; width: 35%;}
.GI .coach_list .coach_list_content .coach_list_item .product_type::before {content: '教練名單：'; margin-right: 10px; background-color: #f7efe3; display: inline-block; padding: 0 15px; width: 35%;}
.GI .coach_list .coach_list_content .coach_list_item .product_groupInfo::before {content: '說明會資訊：'; margin-right: 10px; background-color: #f7efe3; display: inline-block; padding: 0 15px; width: 35%;}
.GI .coach_list .coach_list_content .coach_list_item .product_name span,
.GI .coach_list .coach_list_content .coach_list_item .product_type span {width: 60%;display: inline-block;line-height: 20px;vertical-align: middle;}
.GI .coach_list .coach_list_content .coach_list_item .product_groupInfo a {padding: 10px;}
.GI .coach_list .loading {margin: 20px auto; display: table;}
.GI .coach_list .pagination {display: none;}
/* GI DESIGN END */
}

@media(max-width:575px){
	.PGO.Detail .navbar-default #cart.active {top: 75px !important;}
	.PGO.Detail .navbar-default #cart .navbar-other li a.download_info,.PGO.Detail .navbar-default #cart .navbar-other li a.customer_service{ width:70px; }
	.PGO.Detail .navbar-default #cart .navbar-other li a.customer_service{padding: 6px; letter-spacing: 7px;}
	.PGO.Detail .navbar-default #cart .navbar-other li a.download_info i { padding-left: 0;}
	.PGO.Detail .navbar-default #cart .navbar-other li a.download_info::after { left: 24px;  letter-spacing: 7px;}
	.PGO.Detail .navbar-default #cart .navbar-other li a.customer_service span,.PGO.Detail .onnavbar.offnavbar.navbar-default #cart .navbar-other li a.customer_service span{ width: 15px;}
	.PGO.Detail .spreadsheet .spreadsheet_switch {display: block; position: fixed; right: 15px; top: 120px; z-index: 9999999;}
	.PGO.Detail .spreadsheet.offnavbar.onnavbar .spreadsheet_switch { top: 210px;}
	.PGO.Detail .spreadsheet #sidebar h4{top: 80px;}
	.PGO.Detail .spreadsheet #portamento_container #sidebar {top: 120px !important;}
	.PGO.Detail .spreadsheet.onnavbar #portamento_container #sidebar {top: 70px !important;}
	.PGO.Detail .spreadsheet.onnavbar #portamento_container #sidebar.fixed {top: 120px !important;}
	.PGO.Detail .spreadsheet.offnavbar.onnavbar.active .switch_btn .spreadsheet_off i{ top: -115px;}
	.PGO.Detail .spreadsheet .spreadsheet_switch .switch_btn .spreadsheet_off i{ top: -25px;}
	/*客製會員登入頁*/
	article.login_container{ top: 30px;}
	.breadcrumb {margin-bottom: 5px;}
	.member_page{ padding: 0 25px 80px;}
}
@media(max-width:480px) {
.skin_module .products .item {width: 100%;}
/*報名*/
.skin_module .products .item .thumbnail > div.product_btn a {width: 100%;}
.product_details .AtTheirOwnExpense .panel-group h4 div {padding: 15px 0 0;}
.product_details .Additional .panel-group h4 div {padding: 15px 0 0;}
.Passport_Visa_box ul li,
.Passport_Visa_box ul li:nth-last-child(1) {width: 20%;}
.product_types .AtTheirOwnExpense .panel-group h4 div {padding: 15px 0 0;}
.product_types .Additional .panel-group h4 div {padding: 15px 0 0;}
}
@media(max-device-width:480px)and(orientation:landscape){
}
@media(max-width:375px){
.navbar-default #cart .navbar-nav > li > a {padding: 0 8px; font-size: 14px; line-height: 40px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {}
}
@media(max-width: 320px){
#carousel-example-generic {margin-top: 90px;}
.navbar-default #cart .navbar-nav > li > a {padding: 0 4px; font-size: 14px; line-height: 40px;}
.product_types .product_basic_info ul li {width: 62%;}
.product_types .product_basic_info ul li.basic_info_title {width: 38%;}
.product_types .product_basic_info ul li.return_date {width: initial;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(4) {bottom: 55px;}
.product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {}
}
@media print {
  .header, .sign_up_group, .navbar-default #cart, .service_box {display: none;}
  .collapse {display: block; visibility: initial;}
}
/* --------------------------------
Main Components
-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  /*content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;*/
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7b9d6f;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #7b9d6f;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}
.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
#otherdates .modal-body .nav-tabs {margin-bottom: 20px;}
#otherdates .modal-body > .nav-tabs > li {width: 50%; text-align: center;}
#otherdates .modal-body .nav-tabs > li > a {color: #b7b7b7;}
#otherdates .modal-body .nav-tabs > li.active > a {color: #666;}
#otherdates .modal-body .nav-tabs > li:nth-last-child(1) {float: left;}
#otherdates .modal-body .tab-content .tab-pane {}
#otherdates .modal-body .tab-content .tab-pane #date_table .date_tr.date_title {background-color: #f7efe3; border: 1px solid #e1e1e1;}
#otherdates .modal-body .tab-content .tab-pane #date_table .date_tr.date_title .date_th {line-height: 35px; text-align: center; padding: 6px 10px; font-size: 14px;}
/*
#DATE_VIEW ul.title_content {display: table;width:100%; background: #d2d4d5;}
#DATE_VIEW ul.title_content li {display:inline-block; padding: 6px 12px; width: 20%; line-height: 50px; text-align: center;}
#DATE_VIEW ul.title_content li:nth-last-child(1) {width: 60%;}
#DATE_VIEW > .dl-horizontal {position: relative; border-bottom: 1px solid #d2d4d5;}
#DATE_VIEW > .dl-horizontal > dt {width: 20%; text-align: center; position: absolute; top: 45%; display: table;}
#DATE_VIEW > .dl-horizontal > dd {margin-left: 20%; border-bottom: 1px solid #d2d4d5; border-left: 1px solid #d2d4d5;}
#DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {border-bottom: none;}
#DATE_VIEW > .dl-horizontal > dd h5 {display: inline-block; width: 25%; text-align: center;}
#DATE_VIEW > .dl-horizontal > dd ul {display: inline-block; width: 74%; vertical-align: middle; padding: 10px; border-left: 1px solid #d2d4d5;}
#DATE_VIEW > .dl-horizontal > dd ul li {display: inline-block; padding: 5px;}
#DATE_VIEW > .dl-horizontal > dd ul li a {color: #333;}
#DATE_VIEW > .dl-horizontal > dd ul li a:after {content:'、';}
#PRICE_VIEW ul, #PRICE_VIEW li{margin:0;padding:0;list-style: none;}
#PRICE_VIEW ul.nav-tabs {border: none;}
#otherdates .modal-body #PRICE_VIEW ul.nav-tabs li a {display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}
#otherdates .modal-body #PRICE_VIEW ul.nav-tabs > li.active > a, #otherdates .modal-body #PRICE_VIEW ul.nav-tabs > li.active > a:hover, #otherdates .modal-body #PRICE_VIEW ul.nav-tabs > li.active > a:focus {color: #fff; background-color: #428bca; border-color: #357ebd;}
#PRICE_VIEW ul.title_content {display: table;width:100%; background: #d2d4d5;}
#PRICE_VIEW ul.title_content li{display:inline-block; padding: 6px 12px; width: 20%; line-height: 50px; text-align: center;}
#PRICE_VIEW ul.title_content li:nth-last-child(1) {width: 40%;}
#PRICE_VIEW ul.list_content {display: table;width:100%;}
#PRICE_VIEW ul.list_content:nth-child(odd) {background-color: #f5f6f7;}
#PRICE_VIEW ul.list_content a {width: 100%; display: table; color: #333;}
#PRICE_VIEW ul.list_content a li{display:inline-block; padding: 6px 12px; width: 20%; line-height: 35px; text-align: center;}
#PRICE_VIEW ul.list_content a li:nth-last-child(1) {width: 40%; text-align: left;}
#PRICE_VIEW ul.list_content a li span {color: #F00;}
*/
@media (min-width: 768px) {
.modal-dialog {width: 800px; margin: 30px auto;}
}
@media (max-width: 768px) {
.modal-dialog {width: 100%; margin: 30px auto;}
}
@media (max-width: 767px) {
#otherdates .tab-content {padding: 0;}
#DATE_VIEW > .dl-horizontal > dd ul {/*width: 73%;*/}
#DATE_VIEW > .dl-horizontal > dd ul li {padding: 5px 0;}
#PRICE_VIEW .tab-content {padding: 0;}
#PRICE_VIEW ul.title_content li {display: initial; width: 33.33%; text-align: left;}
#PRICE_VIEW ul.title_content li:nth-last-child(1) {width: 100%; display: table; text-align: left;}
#PRICE_VIEW ul.list_content a li {display: initial; width: 33.33%;}
#PRICE_VIEW ul.list_content a li:nth-last-child(1) {width: 100%; display: table;}
}
/*每日行程-內容*/
.day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_1 img {width:100%;}
.day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_2 img {width:100%;}
.day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_3 img {width:100%; height: 253px;}
.day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_4 img {width:100%; height: 187px;}
.day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_5 img {width:100%; height: 253px;}
.day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_6 img {width:100%; height: 187px;}
.day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_7 img {width:100%; height: 253px;}
.day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_8 img {width:100%; height: 187px;}
.day_style_9 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_9 img {width:100%;}
.day_style_10 {width: 100%; display: table; margin-bottom: 20px; position: relative;}
.day_style_10 img {width:100%;}
.day_style_10 .item_text {position: absolute; bottom: 10%; z-index: 10; padding: 0px 10px;}
.day_style_10 .item_text p {margin: 0; background: rgba(0, 0, 0, 0.6); color: #FFF; padding:50px;}
.day_style_11 {width: 100%; display: block; margin-bottom: 20px; padding: 0;}
.day_style_11 .tp_group {width:100%;/*border: 1px solid #ddd;*/ padding: 0; display: inline-block;}
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_11 .tp_group img {width:100%;}
.day_style_12 {width: 100%; display: block; margin-bottom: 20px; padding: 0 10px;}
.day_style_12 .tp_group {width:100%;border: 1px solid #ddd; padding: 10px 0; display: inline-block;}
.day_style_12 .tp_group img {width:100% !important; height: inherit;}
.day_style_13 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_13 img {width:100%; height: 187px;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.day_style_14 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_14 iframe {width: 100%; height: 383px;}
.day_style_15 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_15 iframe {width: 100%; height: 383px;}

/*舊公版*/
table.all-table-width{ width:100%;}
#main-table.all-table-width{width:100%;}
#main-table.all-table-width .all-table-width-new{margin:50px auto;}
#main-table.all-table-width p{text-align:left;}


/*=======================================================*/
/*======================== GDT ==========================*/
/*=======================================================*/
@media (max-width: 767px){
  .GDT .nav-tabs > li {width: 25%; padding: 5px; text-align: center; display: none;}
  .GDT .merge_sequence {display: table;}
}
.GDT .merge_search {width: 100%; display: table; padding: 0 20px; background:rgba(0,0,0,0.6);}
/* 搜尋引擎標題-可依各家喜好更換 */
.GDT .merge_search h4 {color: #FFF; line-height: 50px; margin: 0 0 0 15px;}
.GDT .merge_search h4::before {content: '旅遊快速查詢';}
.GDT .merge_search select::-ms-expand{display: none;}
/* 搜尋引擎欄位標題-共用 */
.GDT .merge_search ul {display: table; width: 100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:15px 0 0;}
.GDT .merge_search ul li {float: left;}
.GDT .merge_search ul li label {float: left; text-align: right; color: #FFF; margin: 0; line-height: 34px; font-weight: 400; position: relative;}
.GDT .merge_search ul li label i {color: #F00; font-weight: 600; font-size: 13px; margin: 0 3px 0 0; position: absolute; left: -15px; top: 11px;}
@media (max-width: 767px) {
  .GDT .merge_search ul li label {width: 100%; text-align: left; position: relative;}
  .GDT .merge_search ul li label i {left: -5%;}
}
/* 出發地 */
.GDT .merge_search ul li.merge_search_departure .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.GDT .merge_search ul li.merge_search_departure .merge_search_select:nth-child(2) {width: 71.5%;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_departure .merge_search_select:nth-child(2) {width: 100%; margin: 0 0 10px 0;}
}
/* 目的地 */
.GDT .merge_search ul li.merge_search_destination .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
.GDT .merge_search ul li.merge_search_destination .merge_search_select:nth-child(2) {width: 71.5%;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_destination .merge_search_select:nth-child(2) {width: 100%; margin: 0 0 10px 0;}
}
/* 出團日期 */
.GDT .merge_search ul li.merge_search_date .input-group-addon {display: inherit; position: absolute; border-radius: 4px;}
.GDT .merge_search ul li.merge_search_date .input-group-btn {display: inherit;}
.GDT .merge_search ul li.merge_search_date .input-group .form-control {display: inherit;}
.GDT .merge_search ul li.merge_search_date .form_date {float: left; width: 40.7%; margin: 0 0 15px 15px;}
.GDT .merge_search ul li.merge_search_date .merge_search_input_date {line-height: 22px; appearance: none; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_helpday.png) #FFF no-repeat 99% center;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_date .form_date {width: 100%; margin: 0 0 10px 0;}
}
/* 旅遊天數 */
.GDT .merge_search ul li.merge_search_days .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 每人預算 */
.GDT .merge_search ul li.merge_search_budget .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 銷售特色 */
.GDT .merge_search ul li.merge_search_features .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 交通工具 */
.GDT .merge_search ul li.merge_search_traffic .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 線別 */
.GDT .merge_search ul li.merge_search_linetype .merge_search_select {float: left; width: 77%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 系列別 */
.GDT .merge_search ul li.merge_search_series .merge_search_select {float: left; width: 71.5%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
/* 團體類別 */
.GDT .merge_search ul li.merge_search_groupcategory .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_startravel/images/icon_drop_down.png) #FFF no-repeat 99% center;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_days,
  .GDT .merge_search ul li.merge_search_budget,
  .GDT .merge_search ul li.merge_search_features,
  .GDT .merge_search ul li.merge_search_traffic,
  .GDT .merge_search ul li.merge_search_linetype,
  .GDT .merge_search ul li.merge_search_series,
  .GDT .merge_search ul li.merge_search_groupcategory {display: none;}
}
input[type=checkbox].css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
input[type=checkbox].css-checkbox + label.css-label {padding-left: 28px; height: 22px; font-weight: 100; display: inline-block; line-height: 22px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; margin-right: 25px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -48px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
label.css-label {background-image: url(/eweb_startravel/images/grey.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* 產品快搜 */
.GDT .merge_search ul li.merge_search_keyword .merge_search_input {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px;}
@media (max-width: 767px) {
  .GDT .merge_search ul li.merge_search_keyword .merge_search_input {width: 100%; margin: 0 0 10px 0;}
}
/* 搜尋引擎按鈕 預設置右，可透過 text-align 的其他參數調整 */
.GDT .merge_search .merge_search_btn {margin:15px 0px; text-align: right;}
.GDT .merge_search .merge_search_btn a i {margin-right: 5px;}
.GDT .merge_search .merge_search_btn a:nth-child(1) {padding: 6px 42px;}

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

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

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

  .GDT.MGroupList .skin_module .products .item {width: 100%;}
  .GDT.MGroupList .skin_module .products .item .thumbnail .product_img {padding: 10px;}
  .GDT.MGroupList .skin_module .products .item .thumbnail .product_img img {height: initial;}
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_date,
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_days,
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_name,
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_departure,
  .GDT.MGroupList .skin_module .products .item .thumbnail > div.product_available {width: 100%; text-align: left; padding: 10px 10px 0; line-height: initial; display: inline-block;}
  .GDT.MGroupList .skin_module .products .item .thumbnail > .product_sharer {width: auto; top: 285px; right: 5%; left: inherit; position: absolute; padding: 0;}
}
/** 團型列表 END **/
/** 個團明細 START **/
.GDT #carousel-example-generic {margin-top: 0px;}
.GDT #carousel-example-generic .carousel-inner img {width: 100%;}
.GDT .breadcrumb {margin: 15px 0;}
.GDT.container.Detail {background: rgba(255,255,255,.8); margin-top: -155px; z-index: 998; position: relative;}
.GDT.container.Detail > .row {margin: 0;}
.GDT.container.Detail > .row .navbar-default #cart {margin: 0 -15px;}
.GDT.container.Detail .product_details .product_basic_info {margin-bottom: 0;}
.GDT.container.Detail .product_details .product_basic_info ul {}
.GDT.container.Detail .product_details .product_basic_info ul li {line-height: 22px; margin-bottom: 15px;}
.GDT.container.Detail .product_details .product_basic_info ul li > span {width: 100%; display: table;}
@media (max-width: 767px) {
.GDT .breadcrumb {margin: 0;}
.GDT.container.Detail {margin-top: 0; top: 0;}
.GDT.container.Detail > .row .navbar-default {margin: 0 -15px;}
.GDT.container.Detail > .row .navbar-default #cart {margin: 0;}
.GDT #carousel-example-generic .carousel-inner img {width: 100%; height: 320px; object-fit: cover;}
.GDT.container.Detail .product_details .product_basic_info ul li.basic_info_title {}
.GDT.container.Detail .product_details .product_basic_info ul li.price_content .panel-info .panel-heading {padding: 12.5px 15px;}
.GDT.container.Detail .product_details .DailyItinerary .every_day .panel-collapse > .panel-body {padding: 15px 0;}
}
/** 價格表 **/
.GDT.container.Detail .product_details .PriceList {width: 100%; display: table; padding: 20px 0px;}
.GDT.container.Detail .product_details .PriceList > h4 i {margin-right: 5px;}
.GDT.container.Detail .product_details .PriceList .pricelist_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .PriceList .pricelist_box .pricelist_title {background-color: #f7efe3;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1; position: relative; margin: 0; align-items: center!important; display: flex!important;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li {float: left; width: 16.66666667%; text-align: center; padding: 10px; font-size: 14px;}
.GDT.container.Detail .product_details .PriceList .pricelist_box ul li > span {width: 100%; display: table;}
.GDT.container.Detail .product_details .PriceList .pricelist_box .pricelist_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.GDT.container.Detail .product_details .table-responsive {border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .PriceList {display: block;}
.GDT.container.Detail .product_details .PriceList .pricelist_box {width: 800px; border: none; margin-top: 0;}
}
/*售價及出團日*/
.GDT.container.Detail .product_details .DepartureDay {width: 100%; display: table; padding: 20px 0px;}
.GDT.container.Detail .product_details .DepartureDay > h4 i {margin-right: 5px;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content {width: 100%; margin-top: 10px; margin-bottom: 50px;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication {text-align: right;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication span {margin-left: 5px; white-space: nowrap;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication span.text-muted {text-decoration: line-through;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication span i {margin-right: 5px;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW {width: 100%; border: 1px solid #d2d4d5;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content {display: table; width:100%; background: #f7efe3; border-bottom: 1px solid #d2d4d5;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {display:inline-block; padding: 6px 12px; width: 15%; line-height: 35px; text-align: center;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 85%;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal {position: relative; margin: 0; border-bottom: 1px solid #d2d4d5; align-items: center!important; display: flex!important;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-child(odd) {background: #f9f8f8;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 50%; text-align: center; display: table;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span {width: 100%; display: table;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span:nth-child(2) {color: #999;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd {margin-left: 0%; border-bottom: 1px solid #d2d4d5; border-left: 1px solid #d2d4d5;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd h5 {display: inline-block; width: 25%; text-align: center;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul {display: inline-block; /*width: 74%;*/ vertical-align: middle; padding: 10px; /*border-left: 1px solid #d2d4d5;*/}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {display: inline-block; padding: 5px;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a {color: #222; border-bottom: 1px solid #222;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-muted {color: #777; border-bottom: none; text-decoration: line-through;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li a.text-danger {color: #a94442; border-bottom: 1px solid #a94442;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:after {content:'、';}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li:last-child:after {content:' ';}
@media (max-width: 767px) {
.GDT.container.Detail .product_details .DepartureDay {display: block;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content .state_indication {text-align: left;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li {width: 25%;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 75%;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW {width: 600px; border: none; margin-top: 0;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 25%; position: absolute; top: 45%;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {margin-left: 25%;}
.GDT.container.Detail .product_details .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {padding: 5px 0 5px 5px;}
}
/*交通安排*/
.GDT.container.Detail .product_details .TrafficArrangements {width: 100%; display: table; padding: 120px 10px 10px;}
.GDT.container.Detail .product_details .TrafficArrangements > h4 {margin: 20px 0 0;}
.GDT.container.Detail .product_details .TrafficArrangements > h4:nth-child(1) {margin: 0;}
.GDT.container.Detail .product_details .TrafficArrangements > h4 i {margin-right: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements > h4 span {font-size: 14px; margin-left: 15px;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box .traffic_title {background-color: #f7efe3;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li {float: left; width: 15%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(1) {width: 10%; text-align: center;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box {border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box .traffic_title {display: none;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(odd) {width: 40%;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(even) {width: 60%;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box .traffic_content:nth-child(odd) {background: #f9f8f8;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(2):before {content:'去/回程：';}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(3):before {content:'交通工具：';}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(4):before {content:'出發地：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(5):before {content:'出發時間：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(6):before {content:'目的地：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .traffic_box ul li:nth-child(7):before {content:'抵達時間：'; width: initial; display: initial;}
}
/*其他上車地點*/
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box .boarding_title {background-color: #f7efe3;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li {float: left; width: 10%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(2) {width: 15%; text-align: center;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(5) {width: 15%; text-align: center;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-last-child(1) {width: 30%; text-align: center;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box .boarding_content:nth-child(odd) {background: #f9f8f8;}
@media (max-width: 767px) {
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box {border: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box .boarding_title {display: none;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul:nth-last-child(1) {border-bottom: none;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(odd) {width: 40%;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(even) {width: 60%;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box .boarding_content:nth-child(odd) {background: #f9f8f8;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(2):before {content:'去/回程：';}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(3):before {content:'交通工具：';}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(4):before {content:'出發地：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(5):before {content:'出發時間：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(6):before {content:'目的地：'; width: initial; display: initial;}
.GDT.container.Detail .product_details .TrafficArrangements .boarding_box ul li:nth-child(7):before {content:'抵達時間：'; width: initial; display: initial;}
}
/**個團明細 END **/