/* 預設共用 */ * {font-family: "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "微軟正黑體";-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} div, a, strong, span, p {word-wrap: break-word;word-break: break-all;} 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;} td {font-weight: initial;} @media handheld { .nav-tabs > li:nth-child(4) {display: none;} } .form-control {line-height: 34px;border-radius: 0px;} body {background: #FFF; background-color: #FFF;} /* 線上客服 */ .loaded .sl-widget-box.sl-widget-box.coverShown .sl-widget-box__main__close span {background: #000 !important;} /*舊架構*/ #web_Parent_top .navbar-inverse .navbar-header {/* height: 87px; */} .all-table-width {width: 100%;margin: 0 auto;} .all-table-width-new {width: 1170px; margin: 0 auto;} .all-table-width #top .block-title {margin: 22px auto;} .all-table-width #top .block-title a img {vertical-align: middle;} #StyleMain {margin-top: 180px;background: #FFF;} @media (max-width: 991px) {#StyleMain {margin-top: 128px;/* padding: 15px; */background: #FFF;}} #main {padding: 15px;} .go-main-title, .order-contant-title:nth-child(1) td {font-size: 22px; padding: 15px 0;} .go-main-title img {display: none;} .go-tour-td-color01 {line-height: 25px;} .go-main-subtitle {font-size: 18px; padding: 15px 0px 5px;} .go-main-subtitle img {display: table !important;float: left;} .go-main-subtitle .go-main-subtitle:before {content: "\f105"; width: 30px; height: 30px; line-height: 30px; border-radius: 6px; background-color: #f7efe3; 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; padding: 6px; text-align: center;} .go-main-subtitle > table {border-bottom: 5px solid #642b8d;} .go-contant-text02 {padding: 15px 15px 0;} .go-contant-text02 p{font-size: 16px;line-height: 30px;font-weight: 400;} .go-everyday-td01 td {background-color: #f7efe3; border-bottom: 1px solid #e1e1e1; line-height: 35px;padding: 6px 10px;} .go-contant-table-day .text {border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-top: 20px;} .go-contant-table-day .text .go-contant-text02 td {border-bottom: 1px solid #e1e1e1; line-height: 35px;padding: 6px 10px;} .go-contant-table-day {margin: 10px 0 20px;border: 1px solid #e1e1e1;} .go-contant-table-day .Q td {background-color: #f1eded;padding: 15px;font-size: 20px;vertical-align: middle;} .go-contant-table-day .A .go-contant-table-day {border: none; margin: 0;} .go-contant-table-day .A .go-contant-table-day .go-contant-text02 {padding: 10px 20px;} .go-contant-table-day .A .go-contant-table-day .go-contant-text02 * {line-height: 30px; text-align: justify;font-size: 16px;font-weight: 400;} .go-contant-table-day td.go-contant-td04 {padding: 6px 10px;} .go-contant-table-day td.go-contant-td04 > img {display: none;} .go-contant-table-day td.go-contant-td04:before {content: "\f236"; width: 40px; height: 40px; border-radius: 10px; text-align: center; background: #7d3faa; color: #FFF; 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; line-height: 40px; font-size: 18px; margin-right: 20px;} .go-contant-table-day td.go-contant-td05 {padding: 6px 10px;text-align: left;vertical-align: middle;}/*靠右垂中IE*/ .go-contant-table-day td.go-contant-td05 > img {display: none;} .go-contant-table-day td.go-contant-td05:before {content: "\f0f5"; width: 40px; height: 40px; border-radius: 10px; text-align: center; background: #7d3faa; color: #FFF; 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; line-height: 40px; font-size: 18px;} table.go-contant-td05 td {padding: 6px 10px; height: 40px; vertical-align: inherit;} table.go-contant-td05 td .day_style_1 img {max-width: 100%;} table.go-contant-td05 td .day_style_2 img {max-width: 100%;} table.go-contant-td05 td .day_style_3 img {max-width: 100%;} table.go-contant-td05 td .day_style_4 img {max-width: 100%;} table.go-contant-td05 td .day_style_5 img {max-width: 100%;} table.go-contant-td05 td .day_style_6 img {max-width: 100%;} table.go-contant-td05 td .day_style_7 img {max-width: 100%;} table.go-contant-td05 td .day_style_8 img {max-width: 100%;} table.go-contant-td05 td .day_style_9 img {max-width: 100%;} table.go-contant-td05 td > img {display: none;} table.go-contant-td05 .pg-contant-text02 td > img {display: block;} table.go-contant-td05 .pg-contant-text02 td:nth-child(2):before {content:' ';} table.go-contant-td05 .pg-contant-text02 td:nth-child(4):before {content:' ';} table.go-contant-td05 .pg-contant-text02 td:nth-child(6):before {content:' ';} table.go-contant-td05 td:nth-child(2):before {content:'早餐：';} table.go-contant-td05 td:nth-child(4):before {content:'午餐：';} table.go-contant-td05 td:nth-child(6):before {content:'晚餐：';} table.go-contant-td05 td:nth-child(3), table.go-contant-td05 td:nth-child(5), table.go-contant-td05 td:nth-child(7) {text-align: left;} .go-contant-table-day a img {display: none;} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(1) table td.go-contant-td04:nth-child(1) {padding-right: 0;} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(1) table td.go-contant-td05:nth-child(2):before {content: ''; width: initial; height: inherit; background: transparent;} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(1) table td.go-contant-td05:nth-child(2) table td.go-contant-td05:before {content: ''; width: initial; height: initial; background: transparent; vertical-align: middle;} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2):before {content: ''; width: initial; height: inherit; background: transparent;} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2) table td.go-contant-td05:before {content: ''; width: initial; height: initial; background: transparent;} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2) table > tbody > tr > td > img {display: none;} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2) table > tbody > tr > td {vertical-align: inherit;} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2) table > tbody > tr > td:nth-child(1):before {content:'早餐：';} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2) table > tbody > tr > td:nth-child(3):before {content:'午餐：';} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2) table > tbody > tr > td:nth-child(5):before {content:'晚餐：';} .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2) table > tbody > tr > td:nth-child(2), .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2) table > tbody > tr > td:nth-child(4), .br #showold .go-contant-table-day .A .go-contant-table-day > tbody > tr:nth-child(2) table td.go-contant-td05:nth-child(2) table > tbody > tr > td:nth-child(6) {text-align: left;} .br #inc_GO_MGrup .go-contant-table-day .go-contant-text02 .go-contant-table > tbody > tr > td:nth-last-child(1), .br #inc_GO_MGrup .go-contant-table-day .go-contant-text02 .go-contant-table > tbody > tr > td:nth-last-child(3) {display: none;} .br #inc_GO_MGrup .go-contant-table-day .go-contant-text02 .go-contant-table > tbody > tr > td:nth-last-child(4) > a > img {/*display: block;*/} /*20170522報名測試*/ .br #inc_GO_MGrup .go-contant-table-day .go-contant-text02 .go-contant-table > tbody > tr > td.go-contant-td01, .br #inc_GO_MGrup .go-contant-table-day .go-contant-text02 .go-contant-table > tbody > tr > td.go-contant-td02 {vertical-align: middle;} .br #inc_GO_MGrup .go-contant-table-day .go-contant-text02 .go-contant-table > tbody > tr:nth-child(odd) {background-color: #EEE;} .br #inc_GO_MGrup .go-contant-table-day .go-contant-text02 .go-contant-table > tbody > tr:hover {background-color: #E1E1E1;} .br #inc_GO_MGrup .go-contant-table-day .go-contant-text02 .go-contant-table > tbody > tr.go-contant-td03 {background-color: #f7efe3;} .order-contant-td03 input.btn07 {background-color: transparent !important;} .order-contant-td03 input.btn07 {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; 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; color: #fff; background-color: #f0ad4e !important; border-color: #eea236; width: initial !important; height: initial !important;} .order-contant-td03 input.btn07:hover, .order-contant-td03 input.btn07:active, .order-contant-td03 input.btn07:focus, .order-contant-td03 input.btn07:visited, .order-contant-td03 input.btn07:link { color: #fff; background-color: #ec971f !important; border-color: #d58512 !important; } #search-tabs-all .product-total, #search-tabs-all .product-available {display: none;} #search-tabs-all .product-btn {width: 170px;} body > .modal-backdrop.in {display: none;} .header {display: table;margin: 0px;padding: 0px;text-align:center;position: fixed;left:0;top:0;width:100%;height: 80px;transition: top .5s;z-index: 999;/* border-top: 5px solid #74a73a; */} .gizle {top: -38px !important;} .sabit {top:0; /*z-index: 9999;*/} .gizle #top {border-bottom: 3px solid #e3ce8f;} .gizle .navbar-inverse .navbar-nav {margin: 3px auto;} /** MEMBER **/ #myMember .modal-dialog {z-index: 9999;} #myMember .modal-body {display: table; padding: 25px 20px 15px;} #myMember .modal-body ul li {margin-bottom: 20px;} #myMember .modal-body ul li button {width: 100%; font-size: 16px;} #myMember .modal-body ul li a {width: 100%; font-size: 16px;} #myMember .modal-body ul li a.forget_password {float: right;display: table;width: initial;font-size: 14px;color: #d9534f;} #myMember .modal-body ul li button i {margin-right: 5px; font-size: 16px;} #myMember .modal-body ul li a i {margin-right: 5px; font-size: 16px;} #myMember .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%;} /** member_page **/ .member_page {} #myMember .modal-dialog {z-index: 9999;} .member_page {display: table; padding: 25px 20px 15px;} .member_page ul li {margin-bottom: 20px;} .member_page ul li button {width: 100%; font-size: 16px;} .member_page ul li a {width: 100%; font-size: 16px;} .member_page ul li a.forget_password {float: right;display: table;width: initial;font-size: 14px;color: #d9534f;} .member_page ul li button i {margin-right: 5px; font-size: 16px;} .member_page ul li a i {margin-right: 5px; font-size: 16px;} .member_page 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%;} /** New_Header **/ .navbar {min-height: 51px; margin: 0;} .navbar-fixed-top {width: 100%; display: table; background-color: #333;} .navbar-inverse {background-color: #fbfbfb;border-color: #101010;display: inline-block;/* float: inherit; *//* background: #205c77; */} /*.navbar-inverse.side-collapse-left {background-color: transparent;}*/ /*修改*/ @media (max-width: 991px) and (min-width: 768px){ nav#top .navbar-inverse.side-collapse-left {/* background-color: #dcf0c7; */} nav#top .navbar-inverse.side-collapse-right {background-color: #dcf0c7;} } /*平板修改*/ @media screen and (max-width: 45em) { .side-collapse-left {/* background: #dcf0c7 !important; */} } .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: 0.5em 1.25em 0em 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.00em; */text-align: center;white-space: nowrap;font-family: sans-serif;color: #ff0040;font-weight: bold;overflow: hidden;} .navbar-inverse .navbar-header h2.block-title a.header_user { display:none } #top .container .block-title img {height: 40px;} .navbar-inverse1 { background: none; border-color: #101010;} .navbar-inverse1 .navbar-collapse1, .navbar-inverse1 .navbar-form1 {border-color: #181818;} .navbar-inverse .navbar-header1 {/* width: 100%; *//* display: table; *//* padding: 0; *//* margin: 0; *//* position: relative; *//*padding: 1.5em 1.25em;*/} .navbar-inverse .navbar-header1 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-header1 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: 12px auto;float: none !important;width: 100%;display: table;/* padding: 0.75em 0em 0.75em 0em; */} .navbar-inverse .navbar-nav > li {float: none;display: inline-block;border-right: 1px solid rgba(255, 255, 255, 0.1);line-height: 36px;} .navbar-inverse .navbar-nav > li:last-child {border-right: none;} .navbar-inverse .navbar-nav > li > a {padding: 1.42857em 0.85714em;display: block;color: #ccc;font-size: 0.5em;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;} /**/ .navbar-inverse1 .navbar-nav1 {margin: 0 auto;float: none !important;width: 100%;display: table;padding: 0.5em 0px 0.5em 0px;} .navbar-inverse1 .navbar-nav1 > li {float: none; display: inline-block; border-right: 1px solid rgba(255, 255, 255, 0.1); line-height: 34px;} .navbar-inverse1 .navbar-nav1 > li:last-child {border-right: none;} .navbar-inverse1 .navbar-nav1 > 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-inverse1 .navbar-nav1 > li a:focus, .navbar-inverse1 .navbar-nav1 > 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-inverse1 .navbar-nav1 > li.is-active a {color: #fff;} @media (max-width: 991px) { .navbar-inverse .navbar-header h2.block-title a.header_user { float: right; display: block; /* margin-right: 5px; */ padding: 1% 3% 0% 0%; font-size: 1.1em; } .navbar-inverse .navbar-header h2.block-title a i.fa-user { color: #de4a3d; } } .scroll_down {position:absolute;bottom:15%;z-index:15;width:100%;text-align:center;display:table;} .scroll_down a {display: block;} .scroll_down a img {width: 135px; height: 135px; display: inline-block; -moz-animation: vertical 2.0s 50 ease 2.0s; -webkit-animation: vertical 2.0s 50 ease 2.0s; -o-animation: vertical 2.0s 50 ease 2.0s; -ms-animation: vertical 2.0s 50 ease 2.0s; animation: vertical 2.0s 50 ease 2.0s;} @-moz-keyframes vertical { 0% {-moz-transform:translate(0, -3px)} 4% {-moz-transform:translate(0, 3px)} 8% {-moz-transform:translate(0, -3px)} 12% {-moz-transform:translate(0, 3px)} 16% {-moz-transform:translate(0, -3px)} 20% {-moz-transform:translate(0, 3px)} 22% {-moz-transform:translate(0, 0)} } @-webkit-keyframes vertical { 0% {-webkit-transform:translate(0, -3px)} 4% {-webkit-transform:translate(0, 3px)} 8% {-webkit-transform:translate(0, -3px)} 12% {-webkit-transform:translate(0, 3px)} 16% {-webkit-transform:translate(0, -3px)} 20% {-webkit-transform:translate(0, 3px)} 22% {-webkit-transform:translate(0, 0)} } @-ms-keyframes vertical { 0% {-ms-transform:translate(0, -3px)} 4% {-ms-transform:translate(0, 3px)} 8% {-ms-transform:translate(0, -3px)} 12% {-ms-transform:translate(0, 3px)} 16% {-ms-transform:translate(0, -3px)} 20% {-ms-transform:translate(0, 3px)} 22% {-ms-transform:translate(0, 0)} } @keyframes vertical { 0% {transform:translate(0, -3px)} 4% {transform:translate(0, 3px)} 8% {transform:translate(0, -3px)} 12% {transform:translate(0, 3px)} 16% {transform:translate(0, -3px)} 20% {transform:translate(0, 3px)} 22% {transform:translate(0, 0)} } #top .block-title {} /* 主框架 */ .slides-navigation{margin:0 auto;position:absolute;z-index:3;width:100%;top:0;bottom:0;left:0;} .slides-navigation a{position:absolute;display:block;color:#FFF;font-size:60px;top:0;bottom:0;left:0;width:15%;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5;} .slides-navigation a.prev{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5)0,rgba(0,0,0,.0001)100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5)0,rgba(0,0,0,.0001)100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5)0,rgba(0,0,0,.0001)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x;} .slides-navigation a.next{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001)0,rgba(0,0,0,.5)100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001)0,rgba(0,0,0,.5)100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001)0,rgba(0,0,0,.5)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);background-repeat:repeat-x;} .slides-navigation a i{position:absolute;top:50%;} .slides-pagination {position: absolute; z-index: 3; bottom: 5%; text-align: center; width: 100%;} .slides-pagination a {border: 2px solid #ccc; border-radius: 15px; width: 15px; height: 15px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 20px 5px; overflow: hidden; text-indent: -100%;} .slides-pagination a.current {background: #ccc;} #search {/* width: 100%; *//* display: table; *//* position: relative; *//* -webkit-padding-start:5px; */} /*-webkit-padding-start:5px IPHONESEARCK*/ #search .nav-tabs {display: table; margin: 0 auto;} #search .nav-tabs > li > a {border-radius: 0; background-row-10or: #642b8d; color: #ebedec;border: 0px solid #f7efe3;} #search .nav-tabs > li.active > a, #search .nav-tabs > li.active > a:hover, #search .nav-tabs > li.active > a:focus {background-color: #ebedec; color: #642b8d;} #search .search_content .merge_search{/* padding: 33px 33px 35px 33px; *//* margin: 0 20px 20px 20px; */} #search .search_content .from, #search .search_content .butget, #search .search_content .embark, #search .search_content .days {display: none;} #search .search_content #GODC2_search > div {float: left;} #search .search_content #GODC2_search > div > * {float: left;} #search .search_content #GODC2_search > div > .control-label {line-height: 34px;margin-right: 10px;text-align: center; margin-bottom: 0;padding:2px 0 ;} /*MB 搜尋欄位*/ #search .search_content #GODC2_search > div > .form-control {width: 110px;margin-right: 10px;} #search .search_content #GODC2_search > div.date > .form-control {width: 120px;} #search .search_content #GODC2_search > div > .checkbox-inline {line-height: 34px; vertical-align: middle;} #search .search_content #GODC2_search > div > .checkbox-inline input {vertical-align: text-top;position: initial;} #search .search_content #GODC2_search > div.form-btn a.btn-primary {background-color: #7936a9; border-color: #642b8d;} #search .search_content #GODC2_search > div.form-btn a.btn-primary:hover {background-color: #560169; border-color: #430052;} #search .search_content #GODC2_search > div.form-btn a i {margin-right: 5px;} #module_content .module_content {width: 100%; display: table;} #module_content .module_content .module_title {position: relative;} #module_content .module_content .module_title h3 {text-align: center;margin-top: 0;margin-bottom: 30px;font-weight: 100;font-weight: 300;width: 100%;color: #687074;} #module_content .module_content .module_title h3:after {right: 5%;content: ' ';width: 32%;position: absolute;height: 6px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;top: 20%;} #module_content .module_content .module_title h3:before {left: 5%;content: ' ';width: 32%;position: absolute;height: 6px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;top: 20%;} #module_content .module_content .module_two img {width: 100%;} #module_content .module_content .module_two a {display: block; background-color: #333;} .tile{margin:0;display:inline-block;background-size:cover;position:relative;cursor:pointer;transition:all 0.4s ease-out;overflow:hidden;color: #FFF;} .tile img{/*height:100%;*/width:100%;transition:all 0.4s ease-out;} .tile .text{z-index:1;position:absolute;top:0;left:0;padding:30px;height:calc(100%-60px);} .tile h1{font-weight:300;margin:0;text-shadow:2px 2px 10px rgba(0,0,0,0.3);font-size: 26px;} .tile h1 .Icon-svg {width: 50%; fill: currentColor;} .tile h2{font-weight:100;margin:20px 0 0 0;font-style:italic;transform:translateX(200px);color: #FFF;font-size: 24px;} .tile h3 {transform: translateX(-200px);color: #642b8d;width: 330px;text-align: center;padding: 86px;margin: 0;} .tile h3 i {width:60px;height: 60px;line-height: 60px;border-radius: 30px;/* background: rgba(255, 255, 255, 0.5); */font-weight: bold;} .tile p{font-weight:300;margin:20px 0 0 0;line-height:25px;transform:translateX(-200px);transition-delay:0.2s;color: #FFF;} .animate-text{opacity:0;transition:all 0.6s ease-in-out;} .tile:hover{transform: scale(1.01);} .tile:hover img{opacity:0.8;} /*.tile:hover .animate-text{transform:translateX(0);opacity:1;}*/ .dots{position:absolute;bottom:20px;right:30px;margin:0 auto;width:30px;height:30px;color:currentColor;display:flex;flex-direction:column;align-items:center;justify-content:space-around;color: #FFF;} .dots span{width:5px;height:5px;background-color:currentColor;border-radius:50%;display:block;opacity:0;transition:transform 0.4s ease-out,opacity 0.5s ease;transform:translateY(30px);} .tile:hover span{opacity:1;transform:translateY(0px);} .dots span:nth-child(1){transition-delay:0.05s;} .dots span:nth-child(2){transition-delay:0.1s;} .dots span:nth-child(3){transition-delay:0.15s;} #module_content_1 .module_content .module_three {margin-bottom: 30px;} .module_content {width: 100%; display: table;} .module_content .module_title {position: relative;} .module_content .module_title h3 {text-align: left;margin-top: 0;margin-bottom: 30px;padding-bottom: 13px;font-weight: 100;font-weight: bold;/* width: 100%; */color: #687074;/* max-width: 100px; *//* position: absolute; *//* height: 4px; */border-bottom: 2px solid #76b800;} .module_content .module_title h3:after {/* right: 1%; */content: ' ';/* width: 89%; */position: absolute;height: 6px;border-top: 2px solid #a6a6a7;/* border-bottom: 1px solid #DDD; */top: 55%;margin-left: 0px;} .module_content .module_title h3:before {/* left: 5%; */content: ' ';width: 10%;position: absolute;height: 4px;/* border-top: 2px solid #b1d24f; *//* border-bottom: 1px solid #DDD; */top: 55%;} .module_content .module_three {margin-bottom: 30px;} .module_content .module_three img {width: 100%;} .module_content .module_three a:hover{background-color: #f7efe3; color: #a97c3d;} .module_content .module_three a {display: block; /*background-color: #333;*/} .module_content .module_three a .module_three_text {display: block; background-color:#f5f5f5; padding: 10px; color: #656565; border: 1px solid #e1e1e1;} .module_content .module_three a:hover .module_three_text{background-color: #f7efe3; color: #a97c3d;} #module_content_3 .module_content .module_three a .module_three_text h4 {height: 80px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} /* 麵包屑 */ .breadcrumb {background-color: transparent;margin-top: 10px;margin-bottom: 10px;margin-top: 130px;} .breadcrumb > li {line-height: 30px;} .breadcrumb > li.active {color: #a59681;} .breadcrumb > li a {color: #777;} .breadcrumb > li a:hover {color: #333;} .breadcrumb {margin-top: 180px;} .home_breadcrumb {margin-top: 10px;} /* FOOTER */ footer * {/* color: #AAA; */} footer h4 {margin: 10px 0 20px;} footer p {text-align: justify;} footer p a {color: #AAA;} footer p a:hover {color: #a59681;} footer .footer_info {/* padding: 0px 0 20px; *//* display: none; */background: #e3ce8f;} footer .info_content {margin-top: 30px;margin-bottom: 30px;} footer .info_content h4 {margin: 10px 0 10px;color: #6b5a29;width: 100%;text-align: left;} footer .info_content p {color: #6b5a29;/* font-size: 1.4em; *//* margin: 0 0 8px; */} footer .info_content p span {/* display: inherit; */} @media (max-width: 480px) {footer .info_content p span {display: inherit;}} footer .info_content p span i {/* font-size: 1.33em; */text-align: center;font-weight: bold;padding-right: 5px;} footer .info_content h3 { color: white; font-weight: bold; font-size: 24px; letter-spacing: 1.6px; margin: 10px 0 10px; } footer .info_content ul { padding: 0 10px; } footer .contact-us-part img { margin-bottom: 10px; margin-top: 10px; } footer .info_content ul li {display: block;margin-top: 4px;padding-left: 0px;font-size: 12px;/* font-size: 0.75em; */letter-spacing: 0.8px;color: #555555;/* float: left; */text-align: left;/* width: 100%; */padding-right: 20px;} footer .info_content ul li.footer_logo { margin: auto; max-width: 80%; padding: 0px; } footer .info_content ul li a {color: #555555;/* font-size: 1.1em; *//* line-height: 26px; */padding-right: 10px;text-decoration: underline;padding-bottom: 16px;margin-bottom: 15px;} footer .info_content ul li a:hover {color: #d92a1b;} footer .info_content ul li a i {color: #ffffff;} footer .info_content ul li a i.fa-2x {font-size: 2.5em;} footer .footer_mark {margin-top: 15px;text-align: center;} footer .footer_mark ul {margin-top: 10px;padding: 0 10px;} footer .footer_mark ul li {color: #ffffff;letter-spacing: 1.8px;font-size: 12px;font-size: 0.750em;} .footer_nav {background: white;color: #000;border-bottom: 1px solid #e0dfdb;} .footer_nav ul {display: table;margin: 15px auto 15px;} .footer_nav ul li {float: left;/* border-left: 1px solid #b3b3b3; */padding: 0 24px; */letter-spacing:;font-size: 12px;font-size: 0.75em;} .footer_nav ul li:nth-child(1) {border:none;} .footer_nav ul li a {/* padding: 0 10px; */color: #6b6b6b;/* border-left: 1px solid #000; */font-size: 1.25em;} .footer_nav ul li a:hover {color: #000000;text-decoration: none;} /*footer .footer_logo img {float: left; margin-right: 10px;}*/ footer .prose .small span {float: right;} footer .prose .small button {position: relative; z-index: 99999;} .service_box {display: none;} #widget {display: block;} /* Loader */ /* 回頂點 */ .actGotop{position:fixed;_position:absolute;bottom:100px;right:100px;width:60px;height:60px;display:none;z-index: 999;} .actGotop a, .actGotop a:link{width: 50px;height: 50px;display:inline-block;border-radius: 50px;outline:none;background: #ffffff;/* line-height: 2px; */text-align: center;color: #ffffff;font-weight: bold;border: 2px solid #d92a1b;background: #d92a1b;color: #d92a1b;font-size: 1.0em;} .actGotop a:hover{background: #ffffff;color: #ffffff;outline:none;} .actGotop a:hover i{color: #d92a1b;outline:none;} .actGotop a i {position: absolute;width: 50px;left: 0;top: 2px;font-size: 39px;color: #ffffff;} /********** 合併搜尋列表頁 **********/ /****** 合併搜尋引擎-個團及團型共用-也可以最外層class名稱做區分 GroupList & MGroupList ******/ .merge_search {width: 100%;display: table;padding: 0 20px;background: rgb(255, 255, 255);} /* 搜尋引擎標題-可依各家喜好更換 */ .merge_search h4 {color: #a97c3d; line-height: 50px; margin: 0 0 0 15px;} .merge_search h4::before {content: '旅遊快速查詢';} /* 搜尋引擎欄位標題-共用 */ .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: #a97c3d;margin: 0;line-height: 34px;font-weight: 400;position: relative;/* width: 80px; */padding-left: table;} .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_budget {/* display:none */} .merge_search ul li.merge_search_airline {/* display:none */} /* 旅遊區域大小分類 */ .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_tresor/images/default/icon_drop_down.png) #FFF no-repeat 99% center; */} .merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 40.5%;} .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 40.5%;} /* 出發期間 */ .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.5%;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_tresor/images/default/icon_helpday.png) #FFF no-repeat 99% center;border-radius: 0px;} /* 出境機場 */ .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_tresor/images/default/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_tresor/images/default/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_tresor/images/default/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_tresor/images/default/icon_drop_down.png) #FFF no-repeat 99% center;} /* 合併其他選項 */ .merge_search ul li.merge_search_combine {padding: 10px 0 10px 9%;} .merge_search ul li.merge_search_combine input:nth-child(6) {display: none;} .merge_search ul li.merge_search_combine label:nth-child(4) {/* 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_tresor/images/default/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 25px;} .merge_search select::-ms-expand{display: none;} /*搜尋引擎按鈕*/ #searchBtn{background: #d92a1b;color: #FFF;border: 1px solid #df3527;border-radius: 0px;} #searchBtn:hover{background: #df3527;color: #FFF;border: 1px solid #d92a1b;} /* 搜尋條件及排序方式 */ .merge_sequence {/* background: #FFF; */height: 75px;} .merge_sequence > div {width: 50%; float: left;} .merge_sequence > div.condition {/*width: :60%;*/} .merge_sequence > div.theway {/*width: :40%;*/} .merge_sequence > div.condition ul li {float:left; line-height: 75px; font-size: 18px; color: #7b2cb3; } .merge_sequence > div.condition ul li:after {content:'/'; margin: 0 5px;} .merge_sequence > div.condition ul li:nth-child(1) {color: #3a3a3a; margin: 0px; height: 75px;} .merge_sequence > div.condition ul li:nth-child(1):afterm, .GO_sequence > div.condition ul li:nth-last-child(1):after {content:normal;} .merge_sequence > div.condition ul li:nth-child(1):before {content:url(/eWeb_tresor/images/default/icon_right.png); margin: 0 5px 0 0; vertical-align: sub;} .merge_sequence > div.theway .product_items {height: 40px; line-height: 40px; text-align: right; padding-right: 10px;} .merge_sequence > div.theway ul {display: table; line-height: 75px; float: right; margin: 0 5px 0 0;} .merge_sequence > div.theway ul li {float: left; margin: 0 5px;} .merge_sequence > div.theway ul li input {vertical-align: middle; margin: 0; padding: 0;} .merge_sequence > div.theway ul li label {margin: 0;} /*.nav-tabs > li:nth-last-child(1) {float: right;}*/ /********** 列表頁 **********/ /* 圖文切換 */ .container .merge_search_list #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;} .container .merge_search_list > div > ul > li:nth-last-child(1) {float: right;} /* 判斷列表模式或圖片模式前，先讓圖片隱藏 */ .product_img img {display: none;} /* 列表模式 */ .skin_list {margin: 5px 0;padding: 0 15px;} /*整體瀑布流框架*/ .skin_list .masonry-container {display: block; height: inherit !important;} .skin_list .products {border: 1px solid #e1e1e1;} /* 列表標題 */ .skin_list .products .product_title {width: 100%; display: table; line-height: 50px; position: inherit !important;} .skin_list .products .product_title > div {float: left;background-color: #f7efe3;text-align: center; border-right: 1px solid #e1e1e1;} /****** 個團列表 GroupList ******/ /** 個團列表 START **/ /*類型*/ .GroupList .skin_list .products .product_title > div.product_type {width: 8%; background: #faf2db; font-weight: bold; color: #d92a1b;} /*產品名稱*/ .GroupList .skin_list .products .product_title > div.product_name {width: 32%;background: #faf2db;font-weight: bold;color: #d92a1b;} /*天數*/ .GroupList .skin_list .products .product_title > div.product_days {width: 8%; background: #faf2db; font-weight: bold; color: #d92a1b;} /*出發日期*/ .GroupList .skin_list .products .product_title > div.product_date {width: 10%; background: #faf2db; font-weight: bold; color: #d92a1b;} /*個團代碼 .GroupList .skin_list .products .product_title > div.product_num {width: 10%;}*/ /*航班*/ .GroupList .skin_list .products .product_title > div.product_info {width: 8%; background: #faf2db; font-weight: bold; color: #d92a1b;} /*售價*/ .GroupList .skin_list .products .product_title > div.product_price {width: 15%; background: #faf2db; font-weight: bold; color: #d92a1b;} /*機位*/ .GroupList .skin_list .products .product_title > div.product_total {width: 5%;/* display: none; */ background: #faf2db; font-weight: bold; color: #d92a1b;} /*可售*/ .GroupList .skin_list .products .product_title > div.product_available {width: 5%;/* display: none; */background: #faf2db;font-weight: bold;color: #d92a1b;} /*報名*/ .GroupList .skin_list .products .product_title > div.product_btn {width: 9%; background: #faf2db; font-weight: bold; color: #d92a1b;} /*促銷*/ .GroupList .skin_list .products .product_title > div.product_remarks {width: 15%; border: none;display: none;} .GroupList .skin_list .products .product {/* border-bottom: 1px solid #e1e1e1; */} .GroupList .skin_list .products .product_item .thumbnail {/* border: none; *//* border: 1px solid #e1e1e1; */border-top: 0px solid #e1e1e1;border-left: 0px solid #e1e1e1;border-right: 0px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; */} .GroupList .skin_list .products .product_item:nth-iast-child(1) {border-bottom: none;} /*產品內文大框架*/ .GroupList .skin_list .product_item {position: inherit !important;} /* 列表內文 */ .GroupList .skin_list .product_item .thumbnail {display: table; width: 100%; border-radius: 0; margin: 0; padding: 0; position: relative;} .GroupList .skin_list .product_item:nth-child(odd) .thumbnail {background: #f9f8f8;} .GroupList .skin_list .product_item .thumbnail:hover {background:#f5f4f4;} .GroupList .skin_list .product_item .thumbnail > div {display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0 20px;} @media screen and (min-width:0\0) { .GroupList .skin_list .product_item .thumbnail > div{margin-left:-3.1px !important;/*all ie*/} } @-moz-document url-prefix() { .GroupList .skin_list .product_item .thumbnail > div{margin-left:-3.1px !important;} } /*圖片*/ .GroupList .skin_list .product_item .thumbnail > div.product_img img {display: none;} /*類型*/ .GroupList .skin_list .product_item .thumbnail > div.product_type {width: 8%;} .GroupList .skin_list .product_item .thumbnail > div.product_type span {background: #d92a1b;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: 31.5%;text-align: left;padding-left: 10px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left;margin: 5px 5px 0 0;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%;color: #F00;font-size: 14px;/* display: none; */} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #666; font-size: 14px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {width: 100%; margin: 0;} /*分享*/ .GroupList .skin_list .product_item .thumbnail > .product_sharer {display: table;text-align: left;padding: 0px;position: absolute;z-index: 10;bottom: 6px;left: 455px;display: none !important;} .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: 8%;} /*出發日期*/ .GroupList .skin_list .product_item .thumbnail > div.product_date {width: 10%;} /*個團代碼 .GroupList .skin_list .product_item .thumbnail > div.product_num {width: 10%;}*/ /*航班*/ .GroupList .skin_list .product_item .thumbnail > div.product_info {width: 8%;} .GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;font-size: 20px;color: #afafaf;} .GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: none;} /*售價*/ .GroupList .skin_list .product_item .thumbnail > div.product_price {width: 15%; text-align: right; padding-right: 10px;} .GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%;text-align: right;float: right;/* font-size: 0; */} .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_price span strong:after{/* content: '起'; */color: #000;font-size: 14px;} .GroupList .skin_list .product_item .thumbnail > div.product_price span strong:before{/* content: '$'; */color: #000;font-size: 14px;} /*機位*/ .GroupList .skin_list .product_item .thumbnail > div.product_total {width: 5%;/* display: none; */} .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%;/* display: none; */} .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;/* background-color: #e3ce8f; *//* border-color: #e3ce8f; */} .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;display: none;} /* 圖片模式 */ .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%;} /*類型*/ .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: #d92a1b;border-radius: 4px;width: 25px;height: 25px;display: table;text-align: center;line-height: 25px;font-size: 15px;color: #FFF;} /*產品名稱*/ .GroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify;padding: 35px 5px 5px;/*height: 95px;*/overflow: hidden;} .GroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333;font-size: 16px;position: relative;display: table;} .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;line-height: 24px;/* display: none; */position: absolute;padding: 0px;top: -39px;left: -5px;background: #ffffffc7;} .GroupList .skin_module .products .item .thumbnail > div.product_name a span.product_num {width: 100%; color: #999; font-size: 13px; float: inherit;display:block;} .GroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {margin: 0;display: table;position: absolute;top: 0px;left: 103px;} /*分享*/ .GroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%;/* display: table; */text-align: left;padding: 10px;right: 0;bottom: 55px;display: none;} .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;color: #afafaf;} /*售價*/ .GroupList .skin_module .products .item .thumbnail > div.product_price {position: absolute;right: 15px;bottom: 85px;} .GroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;letter-spacing: 1px;} .GroupList .skin_module .products .item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;} .GroupList .skin_module .product_item .thumbnail > div.product_price span {width: 100%;text-align: right;float: right;/* font-size: 0; */} .GroupList .skin_module .product_item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;} .GroupList .skin_module .product_item .thumbnail > div.product_price span strong:after{/* content: '起'; */color: #000;font-size: 14px;} .GroupList .skin_module .product_item .thumbnail > div.product_price span strong:before{/* content: '$'; */color: #000;font-size: 14px;} /*機位*/ .GroupList .skin_module .products .item .thumbnail > div.product_total {float: left;width: 33.33%;padding: 5px;/* display: none; */} /*可售*/ .GroupList .skin_module .products .item .thumbnail > div.product_available {float: left;width: 33.33%;padding: 5px 5px 10px;/* display: none; */} /*報名*/ .GroupList .skin_module .products .item .thumbnail > div.product_btn {text-align: center;margin: 60px 0 0;padding: 25px 0 5px 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 {float: right;font-size: 13px;width: AUTO;text-indent: 0.8em;height: 20px;background-color: #ff0000;color: #FFF;text-align: center;font-family: "微軟正黑體";position: absolute;top: 10px;right: 10px;-moz-transform-origin: bottom;-moz-transform:skewX(-15deg);-webkit-transform-origin:bottom;-webkit-transform:skewX(-15deg);-o-transform-origin:bottom;-o-transform:skewX(-15deg);-ms-transform-origin:bottom;-ms-transform:skewX(-15deg);transform-origin:bottom;transform: skewX(-15deg);font-weight: bold;} /** 個團列表 END **/ /****** 團型列表 MGroupList ******/ /** 團型列表 START **/ /*類型*/ .MGroupList .skin_list .products .product_title > div.product_type {width: 4%;} /*產品名稱*/ .MGroupList .skin_list .products .product_title > div.product_name {width: 45%;} /*天數*/ .MGroupList .skin_list .products .product_title > div.product_days {width: 4%;} /*出發日期*/ .MGroupList .skin_list .products .product_title > div.product_date {width: 29%;} /*團型代碼 .MGroupList .skin_list .products .product_title > div.product_num {width: 10%;}*/ /*航班*/ .MGroupList .skin_list .products .product_title > div.product_info {width: 5%;} /*售價*/ .MGroupList .skin_list .products .product_title > div.product_price {width: 13%; border: none;} .MGroupList .skin_list .products .product {border-bottom: 1px solid #e1e1e1;} .MGroupList .skin_list .products .product_item .thumbnail {border: none;} .MGroupList .skin_list .products .product_item:nth-iast-child(1) {border-bottom: none;} /*產品內文大框架*/ .MGroupList .skin_list .product_item {position: inherit !important;} /* 列表內文 */ .MGroupList .skin_list .product_item .thumbnail {display: table; width: 100%; border-radius: 0; margin: 0; padding: 0; position: relative;} .MGroupList .skin_list .product_item:nth-child(odd) .thumbnail {background: #f9f8f8;} .MGroupList .skin_list .product_item .thumbnail:hover {background:#f5f4f4;} .MGroupList .skin_list .product_item .thumbnail > div {display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0 20px;} /*圖片*/ .MGroupList .skin_list .product_item .thumbnail > div.product_img img {display: none;} /*類型*/ .MGroupList .skin_list .product_item .thumbnail > div.product_type {width: 4%;} .MGroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; margin: 0 auto; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;} /*產品名稱*/ .MGroupList .skin_list .product_item .thumbnail > div.product_name {width: 45%; text-align: left; padding-left: 10px;} .MGroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;} .MGroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0;} .MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 70%; color: #F00; font-size: 14px;} .MGroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 100%; color: #666; font-size: 14px;} .MGroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {width: 100%; margin: 0;} /*分享*/ .MGroupList .skin_list .product_item .thumbnail > .product_sharer {display: table; text-align: left; padding: 0px; position: absolute; z-index: 10; bottom: 6px; left: 450px;} .MGroupList .skin_list .product_item .thumbnail > .product_sharer > li { margin-right: 5px !important;display: inline-block; vertical-align: middle !important;} .MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;} .MGroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;} .MGroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: none;} /*天數*/ .MGroupList .skin_list .product_item .thumbnail > div.product_days {width: 4%;} /*出發日期*/ .MGroupList .skin_list .product_item .thumbnail > div.product_date {width: 29%; text-align: left; position: relative;} .MGroupList .skin_list .product_item .thumbnail > div.product_date a {float: left; color: #333; font-size: 14px; padding: 6px 10px;} .MGroupList .skin_list .product_item .thumbnail > div.product_date a.more {color: #fff; background-color: #f0ad4e; border-color: #eea236; position: absolute; right: 0; bottom: 0;} .MGroupList .skin_list .product_item .thumbnail > div.product_date a.more:hover {background-color: #ec971f; border-color: #d58512;} /*團型代碼 .MGroupList .skin_list .product_item .thumbnail > div.product_num {width: 10%;}*/ /*航班*/ .MGroupList .skin_list .product_item .thumbnail > div.product_info {width: 5%;} .MGroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer; font-size: 20px;} .MGroupList .skin_list .product_item .thumbnail > div.product_info a span {display: none;} /*售價*/ .MGroupList .skin_list .product_item .thumbnail > div.product_price {width: 13%; text-align: right; padding-right: 10px;} .MGroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right; float: right;} .MGroupList .skin_list .product_item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;} /* 圖片模式 */ .MGroupList .skin_module {margin: 20px 0;} .MGroupList .skin_module .products {padding: 0 5px;} .MGroupList .skin_module .products .product_title {display: none;} .MGroupList .skin_module .products .item {width: 25%; padding: 0 10px; float: left;} .MGroupList .skin_module .products .item .thumbnail {position: relative; display: inline-block;} /*圖片*/ .MGroupList .skin_module .products .item .thumbnail .product_img {} .MGroupList .skin_module .products .item .thumbnail .product_img img {display: block; margin-bottom: -25px; width: 100%;} /*類型*/ .MGroupList .skin_module .products .item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10;} .MGroupList .skin_module .products .item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;} /*產品名稱*/ .MGroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px;} .MGroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333; font-size: 16px;} .skin_module .products .item .thumbnail > div.product_name a span {float: left;margin: 5px 3px 0 0;font-size: 13px;} .MGroupList .skin_module .products .item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;} .MGroupList .skin_module .products .item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;} .MGroupList .skin_module .products .item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px;} /*分享*/ .MGroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; right: 0; position: initial;} .MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;} .MGroupList .skin_module .products .item .thumbnail > .product_sharer > div a {display: block;} .MGroupList .skin_module .products .item .thumbnail > .product_sharer > div a img {width: 20px;} .MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: none;} .MGroupList .skin_module .products .item .thumbnail > .product_sharer.fixed-action-btn.horizontal ul {top: 52%;} /*天數*/ .MGroupList .skin_module .products .item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px;} .MGroupList .skin_module .products .item .thumbnail > div.product_days:before {content: '旅遊天數：';} /*出發日期*/ .MGroupList .skin_module .products .item .thumbnail > div.product_date {float: left; width: 100%; padding: 5px;} .MGroupList .skin_module .products .item .thumbnail > div.product_date:before {content: '出發日期：'; width: 100%; display: block; padding: 10px 0;} .MGroupList .skin_module .products .item .thumbnail > div.product_date a {color: #333; font-size: 14px; padding: 10px; float: left;} .MGroupList .skin_module .products .item .thumbnail > div.product_date a.more {color: #fff; background-color: #f0ad4e; border-color: #eea236; width: 100%; text-align: center;} .MGroupList .skin_module .products .item .thumbnail > div.product_date a.more:hover {background-color: #ec971f; border-color: #d58512;} /*團型代碼*/ .MGroupList .skin_module .products .item .thumbnail > div.product_num {float: left; width: 100%; padding: 5px;} .MGroupList .skin_module .products .item .thumbnail > div.product_num:before {content: '個團團號：';} /*航班*/ .MGroupList .skin_module .products .item .thumbnail > div.product_info {float: left; width: 40%; padding: 10px; line-height: 35px;} .MGroupList .skin_module .products .item .thumbnail > div.product_info a {cursor: pointer;} .MGroupList .skin_module .products .item .thumbnail > div.product_info a:after {content:'參考';} /*售價*/ .MGroupList .skin_module .products .item .thumbnail > div.product_price {width: 60%; float: left; padding: 10px;} .MGroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;} .MGroupList .skin_module .products .item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;} /*報名*/ .MGroupList .skin_module .products .item .thumbnail > div.product_btn {text-align: center; margin: 60px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;} .MGroupList .skin_module .products .item .thumbnail > div.product_btn a {padding: 6px 50px;} .MGroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;} .MGroupList .skin_module .products .item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;} /** 團型列表 END **/ /** 分享按鈕收合+動態效果 **/ .fixed-action-btn {position: absolute; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0;} .fixed-action-btn.active {z-index: 98;} .fixed-action-btn.horizontal {padding: 0 0 0 15px;} .btn-floating {display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 30px; height: 30px; line-height: 30px; padding: 0; background-color: #26a69a; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle;} .btn-large {height: 54px; line-height: 54px;} .btn-floating.btn-large {width: 30px; height: 30px;} .skin_module .btn-floating.btn-large {float: right;} .material-icons {text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga';} .btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {font-size: 1.3rem; line-height: inherit;} .btn-floating i {width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 40px;} .btn-floating.btn-large i {line-height: 30px;} ul:not(.browser-default) {padding-left: 0;list-style-type: none;} .fixed-action-btn ul {left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; margin: 0; visibility: hidden;} .fixed-action-btn.active ul {visibility: visible;} .fixed-action-btn.horizontal ul {text-align: right; right: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; left: auto; display: table; width: 100px; height: 30px;} .fixed-action-btn.horizontal ul li {display: inline-block; margin: 0 10px 0 0; width: 24px; height: 24px;} .btn-floating {display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 30px; height: 30px; line-height: 30px; padding: 0; background-color: #a79274; 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%;line-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 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: 10px 0 15px;} .product_details .number_status i {margin-right: 5px;} .product_details .number_status .label-tag {margin-right: 5px; padding: .2em .6em .2em;} /** 產品基本資料 **/ .product_details .product_basic_info {width: 100%; display: table; margin-top: 20px; border-top: 1px solid #e1e1e1; padding-top: 20px; position: relative; margin-bottom: 50px;} .product_details .product_basic_info ul {width: 100%; display: table;} .product_details .product_basic_info ul li {float: left; line-height: 34px; padding: 0;} .product_details .product_basic_info ul li.basic_info_title label {margin: 0;} .product_details .product_basic_info ul li.basic_info_title {font-size: 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: 20px;font-weight: bold;} /*.product_details .product_basic_info ul li.return_date {width: 20%;}*/ .product_details .product_basic_info ul li br{display: none;}/*商品備註出現BR*/ .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;display: none;} .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;} /*---CTA 2017 查詢其他日期-----*/ .product_details .product_basic_info ul li.sign_up_group a.other_date{color: #438bca;background-color: #ffffff;border-color: #357ebd;} /*---CTA 2017 報名-----*/ .product_details .product_basic_info ul li.sign_up_group a.may_apply{background: #d92a1b;color: #fff;letter-spacing: 3px;border: 1px solid #d92a1b;} .product_details .product_basic_info ul li.sign_up_group a.may_apply:hover{background: #e83728;color: #FFF;letter-spacing: 3px;border: 1px solid #b52417;} /*浮動團型表列 報名*/ #myNavbar ul.navbar-other a.may_apply{background: #d92a1b;color: #FFF;letter-spacing: 3px;border: 1px solid #b40606;} #myNavbar ul.navbar-other a.may_apply:hover{background: #d92a1b;color: #FFF;letter-spacing: 3px;border: 1px solid #b40606;} /*報名表 CTA 送出*/ #btnOrderFormSubmit{background: #d92a1b;color: #FFF;letter-spacing: 3px;border: 1px solid #d92a1b;} #btnOrderFormSubmit:hover{background: #d92a1b;color: #FFF;letter-spacing: 3px;border: 1px solid #d92a1b;} /*報名表 CTA 登入*/ #btnLogin{background: #d92a1b;color: #FFF;letter-spacing: 3px;border: 1px solid #d03c10;} #btnLogin:hover{background: #d03c10;color: #FFF;letter-spacing: 3px;border: 1px solid #d03c10;} .navbar-default {position: relative;} .navbar-default #cart {z-index: 98;width: 1170px;top: 0;position: absolute;margin: 0 auto;background: rgb(247, 239, 227);color: #a97c3d;-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;/* border-radius:5px; */box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.5);} .navbar-default #cart .navbar-nav > li > a {color: #777; font-size: 16px; line-height: 50px; padding: 0 15px;} .navbar-default #cart .navbar-nav > li.active > a {color: #642b8d;} .navbar-default #cart .navbar-nav > li > a:hover {color: #430052;background-color: rgba(93, 93, 93, 0.06);} .navbar-default1 {position: relative;} .navbar-default1 #cart1 {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-default1 #cart1 .navbar-nav1 > li > a {color: #FFF; font-size: 16px; line-height: 50px; padding: 0 15px;} .navbar-default1 #cart1 .navbar-nav1 > li.active > a {color: #FF0040;} .navbar-default1 #cart1 .navbar-nav1 > li > a:hover {color: #FF0040;} #carousel-example-generic {margin-top: 143px;display: none; } .navbar-default #cart .navbar-other {float: right; display: table; overflow: hidden;padding-top:5px} .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: #5597ea; color: #FFF; border: 1px solid #4178bd; -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: #5597ea; border: 1px solid #4178bd; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .navbar-default #cart .navbar-other li a.customer_service span {width: inherit; display: inline-block; text-align: center; color: #fff; margin-right: 5px;} .navbar-default #cart .navbar-other li a.download_info {background: #de8154; color: #FFF;} .navbar-default1 #cart1 .navbar-other1 {float: right; display: table; overflow: hidden;} .navbar-default1 #cart1 .navbar-other1 li {float: left; line-height: 50px; margin: 0 5px;} .navbar-default1 #cart1 .navbar-other1 li img {display: block; max-width: 100%; height: auto;} .navbar-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 li a.customer_service:hover, .navbar-default1 #cart1 .navbar-other1 li a.customer_service:focus, .navbar-default1 #cart1 .navbar-other1 li a.customer_service.focus, .navbar-default1 #cart1 .navbar-other1 li a.customer_service:active, .navbar-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 li a.customer_service span {width: inherit; display: inline-block; text-align: center; color: #fff; margin-right: 5px;} .navbar-default1 #cart1 .navbar-other1 li a.download_info {background: #df0808; color: #FFF;} .navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block; opacity: 1; width: 82px;position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.3s ease-in-out;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block; width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block;opacity: 1; width: 82px; position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.cutoff, .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.callme, .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.full {cursor: not-allowed;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a span {margin-left: 5px; font-weight: 100;display: none;} .navbar-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 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-default1 #cart1 .navbar-other1 li:nth-last-child(1) a.cutoff, .onnavbar.offnavbar.navbar-default1 #cart1 .navbar-other1 li:nth-last-child(1) a.callme, .onnavbar.offnavbar.navbar-default1 #cart1 .navbar-other1 li:nth-last-child(1) a.full {cursor: not-allowed;} .onnavbar.offnavbar.navbar-default1 #cart1 .navbar-other1 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;margin-bottom: -120px;} .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 {max-width: 100%;} /** 行程特色 **/ .product_details .TravelCharacteristics {width: 100%;display: table;padding: 120px 10px 20px;margin-bottom: -120px;} .product_details .TravelCharacteristics > h4 i {margin-right: 5px;} .product_details .TravelCharacteristics ul li img {width: 100%;} .product_details .TravelCharacteristics .features_content img {max-width: 100% !important;height: auto !important;} div.features_content {width: 100%;display: table;border: 1px solid #e1e1e1;padding: 20px;background: #FFF;} div.features_content p{font-size: 16px;line-height: 30px;word-break: break-all;word-wrap:break-word;overflow:hidden;} div.features_content span {word-break: break-all;word-wrap:break-word;overflow:hidden;} div.features_content ul li{font-size: 16px;line-height: 30px;color: #7E7E7E;list-style-type:decimal-leading-zero;margin-left:30px;} div.features_content ol li{font-size: 16px;line-height: 30px;color: #7E7E7E;list-style-type:decimal-leading-zero;margin-left:30px;} div.features_content .day_style_1, div.features_content .day_style_2, div.features_content .day_style_3, div.features_content .day_style_4, div.features_content .day_style_5, div.features_content .day_style_6, div.features_content .day_style_7, div.features_content .day_style_8 {padding-top: 1.0em;display: table;} .features_content p iframe{display: none;} /** 航班參考 **/ .product_details .ReferenceFlights {width: 100%;display: table;padding: 120px 10px 20px;margin-bottom: -120px;} .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: #e3ce8f;color: #6b5a29;} .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: 15%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 17px;} .product_details .ReferenceFlights .flight_box ul li:nth-child(1) {width: 10%; text-align: center;} .product_details .ReferenceFlights .flight_box ul li:nth-child(3) {width: 10%; text-align: center;} .product_details .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;} /** 每日行程 **/ .product_details .DailyItinerary {width: 100%;display: table;padding: 120px 10px 20px;margin-bottom: -120px;} .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; /*background-color: #f7efe3;*/} .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: #e3ce8f;color: #6b5a29;text-align: center;width: 94px;height: 94px;border-radius: 50%;line-height: 94px;padding: 0;margin: 0 auto;float: left;letter-spacing: 2px;font-size: 22px;} .product_details .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle;display: table-cell;float: initial;font-size: 20px;font-weight: bold;}/**/ .product_details .DailyItinerary .every_day .day_title h4.day_title_right span { line-height: 25px !important; font-size: 20px !important; } /*第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: #f7efe3; font-size: 16px; border-radius: 50%; font-weight: 300; margin-right: 10px; position: absolute; left: -50px;} /*每日行程-內容*/ .product_details .DailyItinerary .every_day .day_content {margin: 10px 0;border-bottom: 1px dashed #e1e1e1;border-top: 1px dashed #e1e1e1;padding: 10px;} .product_details .DailyItinerary .every_day .day_content p {font-size: 16px; color: #7e7e7e; line-height: 30px; 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 img {height: auto !important;} /*每日行程-餐食*/ .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 #000; /*background-color: #642b8d;*/ /*color: #fff;*/ 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 .meal_content .dl-horizontal dd:before {display: table;content: " ";width: 18px;height: 20px;background: white;position: absolute;}*/ .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 {margin: auto 0;} .product_details .DailyItinerary .every_day .day_hotel i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #000; /*background-color: #642b8d;*/ /*color: #fff;*/ 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;padding-top: 11px;} /** 自費活動 **/ .product_details .AtTheirOwnExpense {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .AtTheirOwnExpense > h4 i {margin-right: 5px;} .product_details .AtTheirOwnExpense .panel-group .panel-default > .panel-heading {padding: 0;} .product_details .AtTheirOwnExpense .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;} .product_details .AtTheirOwnExpense .panel-group h4 > span.label {position: absolute; top: 10px; margin-left: 10px;} .product_details .AtTheirOwnExpense .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 12px 0 0px 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: 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;width: 100px;} .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: 120px 10px 20px;margin-top: -120px;} .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 {position: absolute; top: 10px; margin-left: 10px;} .product_details .Additional .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;} .product_details .Additional .panel-group h4 div p {float: left;width: 100px;text-align: left;position: relative;margin: 0;margin-right: 30px;} .product_details .Additional .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;} .product_details .Additional .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;} .product_details .Additional .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .Additional .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .Additional .panel-group .panel-default .panel-body .list-inline > li {} /** 護照及簽證 **/ .product_details .Passport_Visa {width: 100%; display: table; padding: 20px 10px 20px;} .product_details .Passport_Visa > h4 i {margin-right: 5px;} .product_details .Passport_Visa .panel-group .panel-default > .panel-heading {padding: 0;} .product_details .Passport_Visa .panel-group h4 {background: #e6dcd0; position: relative;} .product_details .Passport_Visa .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;} .product_details .Passport_Visa .panel-group h4 div p {float: left;width: 100px;text-align: left;position: relative;margin: 0;margin-right: 30px;} .product_details .Passport_Visa .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;} .product_details .Passport_Visa .panel-group h4 > a {display: block; padding: 10px 15px; position: relative; z-index: 2;} .product_details .Passport_Visa .panel-group h4 > a span.label {position: absolute; top: 10px; margin-left: 10px;} .product_details .Passport_Visa .panel-group h4 > a::after {content: "\f056"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .Passport_Visa .panel-group h4 > a.collapsed::after {content: "\f055"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .Passport_Visa .panel-group .panel-default .panel-body .list-inline > li {text-align: justify; margin-bottom: 10px;} .Passport_Visa_box {border: 1px solid #e1e1e1;} .Passport_Visa_box .Passport_Visa_title {background-color: #f7efe3;} .Passport_Visa_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;} .Passport_Visa_box ul:nth-last-child(1) {border-bottom: none;} .Passport_Visa_box ul li {float: left; width: 23%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;} .Passport_Visa_box ul li:nth-last-child(1) {width: 8%; text-align: center;} .Passport_Visa_box ul li:nth-last-child(1) a {color: #a59681; font-size: 26px;line-height: 26px; vertical-align: sub;} .Passport_Visa_box .Passport_Visa_content:nth-child(odd) {background: #f9f8f8;} /** 注意事項 **/ .product_details .OtherInstructions {width: 100%;display: table;padding: 120px 10px 20px;/* margin-bottom: -120px; */} .product_details .OtherInstructions > h4 i {margin-right: 5px;} .product_details .OtherInstructions .other_content {width: 100%;display: table;border: 1px solid #e1e1e1;padding: 20px;background: #FFF;} .product_details .OtherInstructions .other_content > ul > li {margin-bottom: 40px;} .product_details .OtherInstructions .other_content > ul > li:nth-last-child(1) {margin-bottom: 0;} .product_details .OtherInstructions .other_content > ul > li > p {text-align: justify; line-height: 30px; margin: 0; font-size: 16px;} .product_details .OtherInstructions .other_content > ul > li > ul > li {line-height: 25px;} div.other_content p{font-size: 16px;line-height: 30px;} div.other_content ul li ol li{font-size: 16px;line-height: 30px;color: #7E7E7E;list-style-type:decimal-leading-zero;margin-left:30px;} div.other_content ol li ol li {font-size: 16px;line-height: 30px;color: #7E7E7E;list-style-type:decimal-leading-zero;margin-left:30px;} div.other_content ul li{margin-left:30px;} div.other_content ul li h4{margin-left:-30px;} /************************************************************************************/ /****** 團型明細頁 ******/ /** 團名 **/ .product_types h3 {margin: 0; line-height: 34px; font-size: 30px;} /** 產品基本資料 **/ .product_types .product_basic_info {width: 100%; display: table; margin-top: 20px; border-top: 1px solid #e1e1e1; padding-top: 20px; position: relative; margin-bottom: 50px;} .product_types .product_basic_info ul {width: 100%; display: table;} .product_types .product_basic_info ul li {float: left; line-height: 34px; padding: 0;} .product_types .product_basic_info ul li.basic_info_title label {margin: 0;} .product_types .product_basic_info ul li.basic_info_title {font-size: 15px; font-weight: bold;} .product_types .product_basic_info ul li.basic_info_title i {margin-right: 5px;} .product_types .product_basic_info ul li.price_content {color: #F00; font-size: 20px; font-weight: bold;} .product_types .product_basic_info ul li.price_content span {font-size: 20px; font-weight: bold;} .product_types .product_basic_info ul li.departure_date {color: #F00; font-size: 25px; font-weight: bold;} .product_types .product_basic_info ul li.deadline {color: #F00; font-size: 18px; font-weight: bold;} .product_types .product_basic_info ul li.deadline a {float: right;} .product_types .product_basic_info ul li .panel {float: left; text-align: center; margin-right: 10px; min-width: 130px; margin-bottom: 0;} .product_types .product_basic_info ul li .panel .panel-heading {font-weight: bold;} .product_types .product_basic_info ul li .panel .panel-body {font-size: 0;} .product_types .product_basic_info ul li .panel .panel-body span {font-size: 16px;} .product_types .product_basic_info ul li.sign_up_group {/*position: absolute; right: 0; width: initial; top: 10px;*/text-align: right; margin-top: -10px;} .product_types .product_basic_info ul li.sign_up_group i {margin-right: 5px; font-size: inherit;} .product_types .product_basic_info ul li.sign_up_group a span {margin-left: 5px; font-weight: 100;} .product_types .product_basic_info ul li.sign_up_group a.cutoff, .product_types .product_basic_info ul li.sign_up_group a.callme, .product_types .product_basic_info ul li.sign_up_group a.full {cursor: not-allowed;} .navbar-default {position: relative;} .navbar-default #cart {z-index: 98;width: 1370px;top: 0;position: absolute;margin: 0 auto;background: #898888;color: #FFF;font-weight: bold;-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;}/*調行程介紹頁的灰色bar*/ .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: #6b5a29;background: #e3ce8f;} .navbar-default #cart .navbar-nav > li > a:hover {color: #faf2db;} #carousel-example-generic {margin-top: 50px;} #carousel-example-generic .carousel-inner .item img {display: none;} .idx #carousel-example-generic .carousel-inner .item img {display: block;} .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: 30px;} .navbar-default #cart .navbar-other li a.customer_service {background: #9c27b0; color: #FFF; border: 1px solid #9313aa; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .navbar-default #cart .navbar-other li a.customer_service:hover, .navbar-default #cart .navbar-other li a.customer_service:focus, .navbar-default #cart .navbar-other li a.customer_service.focus, .navbar-default #cart .navbar-other li a.customer_service:active, .navbar-default #cart .navbar-other li a.customer_service.active {background: #811794; border: 1px solid #77068b; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .navbar-default #cart .navbar-other li a.customer_service span {width: inherit; display: inline-block; text-align: center; color: #fff; margin-right: 5px;} .navbar-default #cart .navbar-other li a.download_info {background: #df0808; color: #FFF;} .navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {width: 0; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {opacity: 0; position: absolute; top: -10px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block;width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .onnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block; opacity: 1; width: 82px;position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.3s ease-in-out;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) {display: block; width: 82px; position: relative; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a {display: block;opacity: 1; width: 82px; position: absolute; top: 8px; -webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.cutoff, .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.callme, .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.full {cursor: not-allowed;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a span {margin-left: 5px; font-weight: 100;} .Other_features_box{width:100%;} .Other_features_box input{} .Other_features_box label{cursor:pointer;display:table; float: left; margin-right: 10px;} .Other_features_box .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .Other_features_box .SELECTION{width:100%; height:50px;float: left;margin:10px 0;font-size:14px; color:#333;} .Other_features_box .SELECTION p{width:80px; float:left;} .Other_features_box .SELECTION ul{width:720px;height:25px;float:left;margin:0;padding:0;} .Other_features_box .SELECTION ul li{float:left;line-height:25px;margin-right:10px;list-style:none;} .Other_features_box .Print_Fonts{width:100%;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;} .Other_features_box .Print_Fonts p{width:80px;line-height:25px; float:left;margin:0;padding:0;} .Other_features_box .Print_Fonts ul{width:720px;height:25px;float:left;margin:0;padding:0;} .Other_features_box .Print_Fonts ul li{float:left;line-height:25px;margin-right:10px;list-style:none;} .Other_features_box .Picture_Show{width:400px;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;} .Other_features_box .Picture_Show p{width:80px;line-height:25px; float:left;margin:0;padding:0;} .Other_features_box .Picture_Show ul{width:320px;height:25px;float:left;margin:0;padding:0;} .Other_features_box .Picture_Show ul li{float:left;line-height:25px;margin-right:10px;list-style:none;} .Other_features_box .Function_Buttons{display: table; margin:10px auto; padding:0;} .Other_features_box .Function_Buttons ul { float:right;margin:0;padding:0;} .Other_features_box .Function_Buttons li { float:left;line-height: 25px; margin-left:10px;list-style:none;} .Other_features_box .Function_Buttons a { float:left; display:block; padding:10px 20px; font-size:20px; text-decoration:none; } .Other_features_box .Function_Buttons a:hover {} .Other_features_box .Function_Buttons i {font-size: inherit; display:inline-block;} .Other_features_box .Function_icon_email { width:16px; height:16px; background-position: 0 -59px; } .Other_features_box .Function_icon_download { width:17px; height:19px; background-position:0 -120px; } .Other_features_box .Function_icon_print { width:16px; height:18px; background-position:0 -179px; } .Other_features_box .Function_icon_preview { width:16px; height:18px; background-position:0 -440px; } .Other_features_box .Data_Sent{width:100%; float: left;margin:10px 0;font-size:14px; color:#333;border-top:1px solid #e5e5e5; padding-top:20px;} .Other_features_box .Data_Sent a {color: #333;} .Other_features_box .Data_Sent a i {margin-right: 5px; font-size: 18px; vertical-align: middle;} .Other_features_box .Data_Sent a:hover {color: #f60;} .Other_features_box .Data_Sent ul{width: 100%; display: table; margin:0;padding:0; border: 1px solid #e5e5e5;background: #f7efe4;} .Other_features_box .Data_Sent ul li{line-height: 34px; text-align: right; background: #FFF; padding: 10px; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .Other_features_box .Data_Sent ul li img{ vertical-align:middle;} .Other_features_box .Data_Sent ul li .Sender{} .Other_features_box .Data_Sent ul li .Email_Address{} .Other_features_box .Data_Sent ul li .Captcha{} .Other_features_box .submit_btn{} .Other_features_box .Show_Content{width:720px; height:300px; margin:15px auto; border:1px solid #808080;} #otherdates .modal-body .carousel-inner .carousel-caption {position: initial;} #mydownload .modal-header .close {font-size: 30px;} #mydownload .modal-body .Data_Sent p {font-size: 16px; padding: 10px 20px 30px;} #mydownload .modal-body ul.address li {} #mydownload .modal-body ul.message {border-top: none;} #mydownload .modal-body ul.message li {line-height: 34px; border-bottom: none;} #mydownload .modal-footer ul li {line-height: 34px;} #mydownload .modal-body ul li:nth-child(odd) {background: #f7efe4; position: relative; border-right: none;} #mydownload .modal-body ul li:nth-child(odd) span {position: absolute; min-height: 101%;} #mydownload .modal-body ul li:nth-last-child(1) {background: #FFF; border: none;} #mycontact .modal-header .close {font-size: 30px;} #mycontact .modal-body {display: table;} #mycontact .modal-body ul {border: 1px solid #e5e5e5;background: #f7efe4;width: 100%; display: table;} #mycontact .modal-body ul li {border-bottom: 1px solid #e5e5e5;} #mycontact .modal-body ul li:nth-child(even) {background: #FFF;} #mycontact .modal-body ul li:nth-child(even) {position: relative;border-right: none;border-left: 1px solid #e5e5e5;} #mycontact .modal-body ul.contact_content li:nth-child(3) {border-left: 1px solid #e5e5e5;} #mycontact .modal-body ul.contact_content li:nth-last-child(2) {background: #FFF; border: none;} #mycontact .modal-body ul.contact_content li:nth-last-child(1) {border: none;} #mycontact .modal-body ul.contact_content li:nth-last-child(3) {border-bottom: none;} #mycontact .modal-body ul.contact_content li:nth-last-child(4) {border-bottom: none;} #mycontact .modal-body ul.contact_content li {text-align: right;line-height: 34px;padding: 10px;} #mycontact .modal-body ul.contact_content li i {color: #F00; margin-right: 5px;} #mycontact .modal-body p {font-size: 16px; width: 100%; display: table; line-height: 34px; padding: 10px 20px 30px;} #mycontact .modal-body p span {font-weight: bold;} #mycontact .modal-body ul.message {border-top: none;} #mycontact .modal-body ul.message li {line-height: 34px;text-align: right;border: none;padding: 10px;} #mycontact .modal-body ul.message li:nth-last-child(1) {border-left: 1px solid #e5e5e5;} #mycontact .modal-footer ul li {line-height: 34px;} /** 優惠方案 **/ .product_types .Concessions {width: 100%;display: table;padding: 120px 10px 20px;margin-bottom: -120px;} .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: 120px 10px 20px;padding: 20px 10px 20px;} .product_types .DepartureDay > h4 { /* color: #e60039; */ /* font-size: 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:before {content:'※顯示狀態說明：';font-weight:normal} .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;/* color: #e60039; *//* font-size: 14px; */} .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 80%;} .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%;} .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;} .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 > dd {margin-left: 0;border-bottom: 1px solid #d2d4d5;border-left: 1px solid #d2d4d5;} .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: 100%;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: #f7a80d;border-color: #e09502;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content {display: table;width:100%;background: #e4007f;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;color: #fff;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content li:nth-child(2) {width: 48%;} .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;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(2) {width: 48%; text-align: left;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li a {line-height: 25px; font-size: 15px; color: #333;width:100%;} .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.cutoff {background: #d9d9d9;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li a.btn span {color: #F00;margin-left: 5px;display: inline-block;} /*調整同業價補強 START*/ .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal {position: relative; margin: 0; border-bottom: 1px solid #d2d4d5; align-items: center!important; display: flex!important;} /*調整同業價補強 END*/ .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-child(odd) {background: #f9f8f8;} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal:nth-last-child(1) {border-bottom: none;} /*調整同業價補強 START*/ .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt {width: 20%;text-align: center;display: table;} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span {/* width: 100%; *//* display: table; */} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt span:nth-child(2) {color: #999;} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd {margin-left: 0%; border-bottom: 1px solid #d2d4d5; border-left: 1px solid #d2d4d5;} /*調整同業價補強 END*/ .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd:nth-last-child(1) {border-bottom: none;width: 80%;} .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: 11px;-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;color: #fff;} .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;margin-bottom: -120px;} .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%;height: initial;} .product_types .TravelCharacteristics img {max-width: 100%;height: initial !important;} /** 航班參考 **/ .product_types .ReferenceFlights {width: 100%;display: table;padding: 120px 10px 20px;margin-bottom: -120px;} .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: #faf2db; font-weight: bold; color: #d92a1b;} .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 {background: #FFF;} .product_types .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;} /** 每日行程 **/ .product_types .DailyItinerary {width: 100%;display: table;padding: 120px 10px 20px;margin-bottom: -120px;} .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: '全部展開'; position: initial;display: ruby-text-container;} .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: '全部收合'; position: initial;display: ruby-text-container;} .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: #e3ce8f;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; font-weight: bold;}/**/ /*第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 img {height: auto !important;} /*每日行程-餐食*/ .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 .meal_content .dl-horizontal dd:before {/*display: table;content: " ";width: 18px;height: 20px;background: white;position: absolute;*/} .product_types .DailyItinerary .every_day .day_meal ul {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;} /*每日行程-住宿*/ .product_types .DailyItinerary .every_day .day_hotel {} .product_types .DailyItinerary .every_day .day_hotel i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;} .product_types .DailyItinerary .every_day .day_hotel p {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;} /** 自費活動 **/ .product_types .AtTheirOwnExpense {width: 100%; display: table; padding: 120px 10px 20px;} .product_types .AtTheirOwnExpense > h4 i {margin-right: 5px;} .product_types .AtTheirOwnExpense .panel-group .panel-default > .panel-heading {padding: 0;} .product_types .AtTheirOwnExpense .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;} .product_types .AtTheirOwnExpense .panel-group h4 > span.label {position: absolute; top: 10px; margin-left: 10px;} .product_types .AtTheirOwnExpense .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 11px 0 0 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: 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;width: 100px;} .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: 120px 10px 20px;margin-bottom: -120px;} .product_types .Additional > h4 i {margin-right: 5px;} .product_types .Additional .panel-group .panel-default > .panel-heading {padding: 0;} .product_types .Additional .panel-group h4 {/*background: #e6dcd0;*/ position: relative; padding: 10px 15px;} .product_types .Additional .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;} .product_types .Additional .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;} .product_types .Additional .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;} .product_types .Additional .panel-group h4 div p {float: left;width: 100px;text-align: left;position: relative;margin: 0;margin-right: 30px;} .product_types .Additional .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;} .product_types .Additional .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;} .product_types .Additional .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_types .Additional .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_types .Additional .panel-group .panel-default .panel-body .list-inline > li {} /** 護照及簽證 **/ .product_types .Passport_Visa {width: 100%;display: table;padding: 120px 10px 20px;margin-bottom: -120px;} .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: #faf2db; font-weight: bold; color: #d92a1b;} .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;/* margin-bottom: -120px; */} .product_types .OtherInstructions > h4 i {margin-right: 5px;} .product_types .OtherInstructions .other_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;} .product_types .OtherInstructions .other_content > ul > li {margin-bottom: 40px;} .product_types .OtherInstructions .other_content > ul > li:nth-last-child(1) {margin-bottom: 0;} .product_types .OtherInstructions .other_content > ul > li > p {text-align: justify; line-height: 25px; margin: 0;} .product_types .OtherInstructions .other_content > ul > li > ul > li {line-height: 25px;} /************************************************************************************/ .block {position: relative; margin: 0 auto; padding: 1.5em 1.25em; max-width: 60em;} .close-btn { display: block; width: 2.625em; height: 2.25em; padding: 0; border: 0; outline: none; background: #333333 url("/eWeb_tresor/images/svg/close-btn.png") left center no-repeat; background-size: 1.875em 1.875em; overflow: hidden; white-space: nowrap; text-indent: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .no-svg .close-btn { background-image: url("/eWeb_tresor/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; border-radius: 5px; outline: none; background: url(/eWeb_tresor/images/svg/nav-icon.png) #d92a1b 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_tresor/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;*/ max-height: initial; /* margin: 0 15%; */ } #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.nav { *zoom: 1; display: block; } #nav ul:before, #nav ul:after { content: ""; display: table; } #nav ul:after { clear: both; } #nav li { /* display: block; */ /* padding: 0em 2.5em 0em 2.5em; */ z-index: 999; position: relative; } #nav li:hover {/* background: #d92a1b; */} #nav li a { display: block; /* float: left; */ color: #6b5a29; font-size: 1.2em; line-height: 1.28571em; /* font-weight: bold; */ 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; padding: 0.75em; /* text-align: center; */ font-weight: normal; } #nav li ul li a {color: #f7f7f7;} #nav li ul li a:hover {color: #ffffff;} #nav li a i {float:right;} #nav li a img { max-width: 66%; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background: rgba(0, 0, 0, 0);} #nav li a:focus, #nav li a:hover { /* color: #FFEB3B; */ /* padding: 1em 0em 1em 0em; */ /* -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; */ background: none; position: relative; } .dropdown:hover .dropdown-menu { display: block; z-index: 999; padding: 0; margin: 0; } #nav li.is-active a { color: #fff; } #nav .pc-side {position:relative;} #nav .pc-side .dropdown-menu {background: #bb2326;color: #fff;padding: 10px;width: 162px;} #nav .pc-side .dropdown-menu li { padding: 0px; width: 70px; border-bottom: 1px dashed #fff; } #nav .pc-side .dropdown-menu {left: -32px;} #nav .pc-side .pc-fit { width: 100%; } #nav .pc-side .pc-fit li { width: 100%; } #nav .pc-side .pc-fit li a { text-align: center; } #nav .pc-side li:nth-child(2) .dropdown-menu {left: -32px;} #nav .pc-side li:nth-child(3) .dropdown-menu {left: -4px;} #nav .pc-side .dropdown-menu:before { content: ""; display: table; display: inline-block; width: 0; height: 0; /* margin-left: 2px; */ vertical-align: middle; border-bottom: 12px solid; border-right: 6px solid transparent; border-left: 7px solid transparent; position: absolute; top: -12px; color: #bb2326; left: 70px; } #nav .pc-side .dropdown-menu li a {font-size:1.0em;padding: 0;margin: 5px 0px;width: 100%;display: block;display: table;} .navbar-header h3.navbar_title { display: table; float: left; margin: 0px; font-size: 17px; font-size: 1.18em; letter-spacing: 2.0px; font-weight: bold; padding: 0.5em 0 0 0; color: #ffffff; } #nav1 { z-index: 200; position: relative; overflow: hidden; /* width: 100%; */ color: #fff; background: url(/eWeb_tresor/images/default/bg_contents01.jpg) repeat; } #nav1 .close-btn { display: none; } #nav1 .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #nav1 .block { z-index: 2; position: relative; padding: 0.75em 1.25em; background: #333333; } #nav1 ul { *zoom: 1; display: block; /*width: 1200px;*/ } #nav1 ul:before, #nav1 ul:after { content: ""; display: table; } #nav1 ul:after { clear: both; } #nav1 li { display: block; } #nav1 li a { color: #6b5a29; font-size: 1.1em; line-height: 1.28571em; font-weight: normal; outline: none; /* color: #196133; */ /* font-size: 1.0em; */ /* 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; */ /* text-align: center; */ /* width: 46px; */ /* height: 46px; */ } #nav1 li a p { display: block; padding-top: 15px; text-align: center; font-size: 14px; font-size: 0.875em; font-weight: normal; letter-spacing: 1.0px; color: #d92a1b; /* width: 59px; */ /* margin: 0; */ /* display: none; */ } #nav1 li a:focus, #nav1 li a:hover { color: #CEA955 !important; background: rgba(255, 255, 255, 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; */ } #nav1 li.is-active a { color: #fff; } #nav1 li a img { padding-right: 4px; /* max-width: 40px; */ } #top { z-index: 100; position: relative; color: #6b5a29; background: #e3ce8f; border: 0; margin-bottom: 0; } #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; padding: 0.5em 0px; display: table; float: left; } .gizle #top .block-title {padding: 0.3em 0px;} #top .nav-btn { /*position: absolute; top: 1.5em; left: 1.875em;*/ } #main { background: #fff; } #main table {max-width: 100%;} #main .block { padding: 2.625em 1.875em; } footer[role="contentinfo"] { /* background: #e3ce8f; */ /* border-top: 1px solid #e0dfdb; */ /* border-bottom: 4px solid #d92a1b; */ /* margin-top: 30px; */ /* background: url(/eWeb_tresor/images/template/include/footer.png) center top; */ /* padding: 120px 0px 0px; */ } @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: 100%; } #nav ul { text-align: center; white-space: nowrap; /* background-color: rgb(251, 251, 251); */ /* border: 1px solid rgb(218, 65, 19); */ } #nav li { /* display: inline-block; */ border: none; width: initial; /* width: 20%; */ /* padding: 1em 0em 1em 0em; */ text-align: center; } #nav li:last-child { border-right: none; } #nav li a { /* padding: 0em 0.6em; */ } #nav .dropdown-menu > li { border:none; width: 100%; padding: 1.0em; } #nav .dropdown-menu > li > a { padding: 3px 20px; width: 100%; display: table; text-align: left; z-index: 999; } #nav .navbar-nav .open .dropdown-menu {background: #bb2326;} /*#top .nav-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }*/ #nav1 .close-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #nav1 .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #nav1 ul { text-align: right; white-space: nowrap; /* width: 1170px; */ background: url(/eWeb_tresor/images/default/bg_contents01.jpg) repeat; } #nav1 li { display: inline-block; border-right: 1px solid rgba(255, 255, 255, 0); } #nav1 li:last-child { border-right: none; } #nav1 li a { margin: 0em 0.5em; padding: 0; /* padding: 10px 15px; */ } } @media screen and (max-width: 45em) { #nav { position: absolute; top: 0; /*padding-top: 5.25em;*/ max-height: initial; } #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:nth-child(7) { 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 0em; } .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);} #nav1 { /* position: absolute; */ top: 0; /*padding-top: 5.25em;*/ } #nav1:not(:target) { z-index: 1; /*height: 0;*/ } #nav1:target .close-btn { display: block; } #nav1 .close-btn { position: absolute; top: -3.75em; left: 1.875em; } #nav1 .block { position: relative; padding: 0; } #nav1 li { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.1); width: 100%; } #nav1 li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #nav1 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; } #nav1 li a { padding: 0.85714em 0em; } .js-ready #nav1 { 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 #nav1 .block { background: transparent; } .js-ready #nav1 .close-btn {display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;} .js-ready #nav1 .close-btn:focus, .js-ready #nav1 .close-btn:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .js-ready #nav1 {left: -70%;} .js-ready #inner-wrap {left: 0;} .js-nav #inner-wrap {left: 70%;} .csstransforms3d.csstransitions.js-ready #nav1 {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 #nav1 .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 #nav1 .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_tresor/images/default/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_tresor/images/default/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_tresor/images/default/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/default/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: #d92a1b;width: 25px;height: 25px;vertical-align: text-top;text-align: center;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding-left: 2px;margin-right: 5px;} .Step_one_content h4 > i:before {line-height: 24px; color: #FFF;} .Step_one_content ul {border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;background: #f7efe4;} .Step_one_content ul li {border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; background: #FFF;} .order_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;} .order_information h4 > a {line-height: 24px; padding: 4px 12px; margin-left: 20px; letter-spacing: 3px;} .order_information h4 > a > i {margin-right: 5px; font-size: 18px; vertical-align: middle;} .order_information h4 span {font-weight:200; margin-left: 30px; font-size: 14px; color: #999;} .order_information ul.order_information_content {width: 100%; display: table;} .order_information ul.order_information_content li {line-height: 34px;padding: 10px;} .order_information ul.order_information_content li i {color: #F00; margin-right: 5px;} .order_information ul.order_information_content li.order_information_title {text-align: right; background: #f7efe4;} .order_information ul.order_information_content li input.areacode {width: 38%; float: left; margin-right: 5px;} .order_information ul.order_information_content li input.telephone {width: 38%; float: left; margin-right: 5px;} .order_information ul.order_information_content li input.Extension {width: 21%; float: left;} .order_information ul.order_information_content li.no_border {border-left: none;} /*.order_information ul.order_information_content li:nth-last-child(4), .order_information ul.order_information_content li:nth-last-child(9), .order_information ul.order_information_content li:nth-last-child(10) {border-left: none;} .order_information ul.order_information_content li:nth-last-child(5) {width: 10%;} .order_information ul.order_information_content li:nth-last-child(3) {width: 8%; border-left: none;} .order_information ul.order_information_content li:nth-last-child(2) {width: 14%;border-left: none;} .order_information ul.order_information_content li:nth-last-child(1) {width: 18%; font-size: 12px !important; padding: 10px 0; border-left: none;} .order_information ul.order_information_content li:nth-child(3) {border-left: none;}*/ .order_information ul.order_information_content li label.radio-inline input {margin: 10px 0 0 -20px;} .select_people {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;} .select_people ul.select_people_content {width: 100%; display: table;border-left: 1px solid #e1e1e1;} .select_people ul.select_people_content li {line-height: 34px;padding: 10px; position: relative;} .select_people ul.select_people_content li:nth-child(odd) {border: none;border-top: 1px solid #e1e1e1;} .select_people ul.select_people_content li:nth-child(even) {border-left: 1px solid #e1e1e1;} .select_people ul.select_people_content li:nth-child(1) {background: transparent;} .select_people ul.select_people_content li:nth-child(2) {/*display: table; border-left: 1px solid #e1e1e1;*/} .select_people ul.select_people_content li .product_name {display: table-cell; vertical-align: middle;} .select_people ul.select_people_content li .period {margin-right: 20px; float: left;} .select_people ul.select_people_content li .period .red {color: #F00;} .select_people ul.select_people_content li .total_days {margin-right: 30px; float: left;} .select_people ul.select_people_content li .cabin {margin-right: 20px; float: left;} .select_people ul.select_people_content li .cabin .badge {padding: 4px 10px; margin: 0 5px; border-radius: 4px;} .select_people ul.select_people_content li a {padding: 5px 16px; font-size: 14px; line-height: 18px; vertical-align: initial;} .select_people ul.select_people_content li a i {margin-right: 5px;} .select_people ul.select_people_content li.select_people_title {text-align: right;background: #f7efe4;} .select_people ol.select_people_remarks {width: 100%; display: table; padding: 20px; margin: 0 auto;} .select_people ol.select_people_remarks li {list-style: decimal; line-height: 25px;} .select_people ol.select_people_remarks li span {color: #F00;} .passenger_category {width: 100%; display: table; clear: both;} .passenger_category ul {width: 100%; display: table; border-bottom: none;} .passenger_category ul li span {color: #F00;} .passenger_category ul.passenger_category_title li {padding: 10px; line-height: 34px; background: #f7efe4;} .passenger_category ul.passenger_category_content li {padding: 10px; line-height: 34px;} .passenger_category ul.passenger_category_content_settlement {border-bottom: 1px solid #e1e1e1;} .passenger_category ul.passenger_category_content_settlement li {padding: 10px; line-height: 34px; text-align: right;} .passenger_category ul.passenger_category_content_settlement li:nth-child(1) {text-align: left;} .passenger_category ul.passenger_category_content_settlement li:nth-child(2), .passenger_category ul.passenger_category_content_settlement li:nth-child(3), .passenger_category ul.passenger_category_content_settlement li:nth-child(4), .passenger_category ul.passenger_category_content_settlement li:nth-child(5) {width: 50%;} .passenger_category ul.passenger_category_content_settlement li.settlement {text-align: right; border-left: none;} .passenger_category ul.passenger_category_content_settlement li.settlement input {text-align: right; border: none; background: none; box-shadow: none;} .passenger_category ul.passenger_category_content_description {border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} .passenger_category ul.passenger_category_content_description li {padding: 0 10px; line-height: 34px; border-top: none;} .passenger_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;} .passenger_information h4 .checkbox {display: inline; margin-left: 20px;} .passenger_information ul {width: 100%; display: table;} .passenger_information ul.passenger_information_title li {padding: 10px; line-height: 34px; background: #f7efe4; text-align: center;} .passenger_information ul.passenger_information_content {border: 1px solid #e1e1e1; border-top: none;} .passenger_information ul.passenger_information_content li {line-height: 34px;padding: 10px; border: none;} .passenger_information ul.passenger_information_content li i {color: #F00; margin-right: 5px; float: left; line-height: 34px;} .passenger_information ul.passenger_information_content li.order_information_title {text-align: right; background: #f7efe4;} .passenger_information ul.passenger_information_content li:nth-child(1) {text-align: center;} .passenger_information ul.passenger_information_content li:nth-child(8) {text-align: right;} .passenger_information ul.passenger_information_content li.passenger_information_content_title {text-align: right;} .passenger_information ul.passenger_information_content.first_person {border-bottom: none;} .passenger_information ul.passenger_information_content.first_person li {border-bottom: 1px solid #e1e1e1;} .passenger_information ul.passenger_information_content.first_person li input.Identity_Card {width: 88%; float: left;} .passenger_information ul.passenger_information_content_subtotal {border: 1px solid #e1e1e1; border-top: none; border-bottom: none;} .passenger_information ul.passenger_information_content_subtotal li {line-height: 34px;padding: 10px; text-align: right; border: none; border-bottom: 1px solid #e1e1e1;;} .passenger_information ul.passenger_information_content_subtotal li.subtotal {color: #F00; font-weight: bold;} .passenger_information ul.plus_cost_title {margin-top: 20px; border-bottom: none;} .passenger_information ul.plus_cost_title li {padding: 10px; line-height: 34px; background: #f7efe4; text-align: left;} .passenger_information ul.plus_cost_content {} .passenger_information ul.plus_cost_content li {line-height: 34px;padding: 10px;} .passenger_information ul.plus_cost_content li i {color: #F00; margin-right: 5px; float: left; line-height: 34px;} .passenger_information ul.plus_cost_content li.order_information_title {text-align: right; background: #f7efe4;} .passenger_information ul.plus_cost_content li:nth-child(odd) {text-align: left;} .passenger_information ul.plus_cost_content li:nth-child(even) {text-align: right;} .passenger_information ul.plus_cost_content li.passenger_information_content_title {text-align: right;} .passenger_information ul.plus_cost_content.first_person {border-bottom: none;} .passenger_information ul.plus_cost_content.first_person li {border-bottom: 1px solid #e1e1e1;} .passenger_information ul.plus_cost_content.first_person li input.Identity_Card {width: 88%; float: left;} .passenger_information ul.plus_cost_content li span.label-tag {margin-left: 10px;} .passenger_information ul.plus_cost_content_subtotal {border-bottom: none;} .passenger_information ul.plus_cost_content_subtotal li {line-height: 34px;padding: 10px; text-align: right; border-top: none; border-bottom: 1px solid #e1e1e1;} .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;height: 100%;} .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{display: none;}/*若訂單出現偵錯 覆蓋全螢幕20170613*/ /*只有經濟艙機位但是出現商務艙20170613 #picPNum1_C option{display:none;} #picPNum2_C option{display:none;} #picPNum3_C option{display:none;} #picPNum4_C option{display:none;} #picPNum5_C option{display:none;}*/ #chkSetFOrdInfo{color: #F00;} #mycompleteorder .modal-dialog {top: 30%;} #mycompleteorder .modal-dialog .alert{margin: 0;padding: 40px 15px;text-align: center;font-size: 16px;color: #666666;background-color: #ccc;border-color: #777;} /** 忘記密碼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: #d92a1b;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: left;vertical-align: middle;} .css_td input[type="radio"], input[type="checkbox"] { margin: 0px 0 0; } .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;border-right: 1px solid #e1e1e1;padding: 10px;line-height: 34px;} .order_completion_content ul li:nth-child(1) {border-top: 1px solid #e1e1e1;} .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_information h4 span:after{content:"　生日請依照yyyy/mm/dd格式，例如：1965/04/30";color: #F00;} .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;display: -webkit-box;} .order_completion_content .flight_information ul.flight_information_content li {text-align: center; background: #fff;} .order_completion_content .deposit_payable {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;} .order_completion_content .deposit_payable ul.deposit_payable_title {background: #f7efe4;} .order_completion_content .deposit_payable ul.deposit_payable_title li {text-align: center;} .order_completion_content .deposit_payable ul.deposit_payable_content {border-top: none;} .order_completion_content .deposit_payable ul.deposit_payable_content li {text-align: center; background: #fff;} .order_completion_content .deposit_payable ul.deposit_total_content {width: 100%; display: table; padding: 0 10px; border: none;} .order_completion_content .deposit_payable ul.deposit_total_content li {border: none; text-align: left; line-height: initial;} .order_completion_content .deposit_payable ul.deposit_total_content li:nth-last-child(1) {text-align: right;} .order_completion_content .deposit_payable ul.deposit_payable_emarks {width: 100%; display: table; padding: 0 10px; border: none;} .order_completion_content .deposit_payable ul.deposit_payable_emarks li {border: none; text-align: left; line-height: initial;} .order_completion_content .deposit_payable ul.deposit_payable_emarks li span {color: #F00; padding: 0 5px;} .order_completion_content .other_information .other_information_emarks {width: 100%; display: table; border: 1px solid #e1e1e1; line-height: initial; padding: 10px;} .order_completion_content .other_information .other_information_emarks li {border: none; line-height: initial;} .order_completion_content .other_information ul.other_information_title {background: #f7efe4;} .order_completion_content .other_information ul.other_information_title li {text-align: center;} .order_completion_content .other_information ul.other_information_content {border-top: none; border-left: none; border-bottom: none;} .order_completion_content .other_information ul.other_information_content li {text-align: center; background: #fff; line-height: 34px;} .order_completion_content .other_information ul.other_information_notes {border: none; padding-left: 40px;} .order_completion_content .other_information ul.other_information_notes > li {border: none; line-height: initial; list-style-type: decimal-leading-zero;} .order_completion_content .other_information ul.other_information_notes > li > ul {border: none; padding-left: 20px;} .order_completion_content .other_information ul.other_information_notes > li > ul > li {border: none; line-height: initial; list-style-type: lower-latin;} .order_completion_content .complete_order ul {display: table; margin: 0 auto; width: initial; border: none;} .order_completion_content .complete_order ul li {display: table; float: left; border: none;} /** 付款頁 **/ .payment .payment_content h4 > i {background: #a7895f; width: 25px; height: 25px; vertical-align: text-top; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-left: 2px; margin-right: 5px;} .payment .payment_content h4 > i:before {line-height: 24px; color: #FFF;} .payment .payment_content ul {width: 100%; display: table; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;} .payment .payment_content ul li {border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; padding: 10px; line-height: 34px; background: #FFF;} .payment .payment_content .payment_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;} .payment .payment_content ul.payment_information_content {width: 100%; display: table; border: 1px solid #e1e1e1;} .payment .payment_content ul.payment_information_content li {text-align: left; background: #fff; line-height: 25px; padding: 10px; border: none;} .payment .payment_content ul.payment_information_content li.payment_information_title {text-align: right;} .payment .payment_content .payment_method {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;} .payment .payment_content ul.payment_method_content li.payment_method_title {background: #f7efe4; text-align: right;} .payment .payment_content ul.payment_method_content {width: 100%; display: table;} .payment .payment_content ul.payment_method_content li label {margin: 0;} .payment .payment_content ul.payment_method_content li label input {vertical-align: middle; margin: 0 5px 0 0;} .payment .make_payment {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px; text-align: center;} .payment .make_payment ul {display: table; margin: 0 auto; width: initial; border: none;} .payment .make_payment ul li {display: table; float: left; border: none; background: none;} .payment .make_payment a, .payment .make_payment button {display: table; margin: 0 auto;line-height: 34px;} .payment .make_payment a i, .payment .make_payment button i {margin-right: 5px; font-size: 18px; vertical-align: middle;} .payment .payment_content .money_transfer {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;} .payment .payment_content .money_transfer .money_transfer_title {border: 2px dotted #F00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; background: #FFF; margin: 0 auto 20px;} .payment .payment_content .money_transfer .money_transfer_title li {border: none; text-align: center; padding: 0;} .payment .payment_content .money_transfer .money_transfer_content {border: 1px solid #e1e1e1; padding: 20px; background: #FFF;} .payment .payment_content .money_transfer .money_transfer_content li {border: none; padding: 0;} .payment .payment_content .fax_card {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;} .payment .payment_content .fax_card .fax_card_title {border: 2px dotted #F00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; background: #FFF; margin: 0 auto 20px;} .payment .payment_content .fax_card .fax_card_title li {border: none; text-align: center; padding: 0;} .payment .payment_content .fax_card .fax_card_content {border: 1px solid #e1e1e1; padding: 20px; background: #FFF;} .payment .payment_content .fax_card .fax_card_content li {border: none; padding: 0;} /** PDF **/ .pdf .header{position: inherit; height: inherit; border-bottom: 2px solid #333;} .pdf .container {margin-top: 0;} /* #Tablet (Portrait) Note: summittour 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;} .navbar-default #cart {width: 100%; left: 0;} } } @media (min-width: 768px){ .navbar-toggle, .navbar-toggle1 { display: none; } } /* #Mobile (Portrait) Note: summittour 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/default/icon_drop_down.png) #FFF no-repeat 99% center;} .GO_search .GO_search_input_date {width: 100%; margin: 0; background: url(/eweb_demo/images/default/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%;} #nav1 ul { width: 100%; } } /* #Mobile (Landscape) Note: summittour 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){ #nav1 ul { width: 100%; } .carousel-indicators { padding-left: 0%; padding-right: 0%; /* margin-left: -50%; */ } } @media(max-width: 991px){ #top .block-title { padding: 8px 0; display: table; float: left; margin: 0 auto; width: 100%; } #top .block-title a > img {height: 40px;} } @media(max-width: 979px){ #top .block-title a > img {height: 40px;} #top .block-title { padding: 8px 0; display: table; float: left; margin: 0 auto; width: 100%; } #nav1 ul { width: inherit; } .carousel-indicators { padding-left: 0%; padding-right: 0%; } .navbar-inverse .navbar-nav { margin: 0 auto; float: none !important; width: 100%; display: table; padding: 0.5em; } } @media(max-width: 979px) and (min-width: 992px){ #nav1 ul { width: inherit; } .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;} .navbar-collapse1 {display: block; visibility: initial;} .navbar-collapse1 .navbar-nav1 {margin: 0;} .navbar-collapse1 .navbar-nav1 li {float: none;display: table;border: none;} .navbar-default1 #cart1 .navbar-nav1 > li > a {padding: 0 9px;} .navbar-default1 #cart1 {width: 100%; left: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_name a {line-height: 30px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; margin-bottom: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {margin: 0px 30px 0 0; width: initial;} .merge_sequence > div.condition {width: 45%;} .merge_sequence > div.theway {width: 55%;} /* 旅遊區域大小分類 */ .merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 35%;} .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 53.8%;} /* 出發期間 */ .merge_search ul li.merge_search_date .form_date {width: 44.5%;} /* 出境機場 */ .merge_search ul li.merge_search_airport .merge_search_select {width: 90.5%;} /* 旅遊天數 */ .merge_search ul li.merge_search_days .merge_search_select {width: 90.5%;} /* 每人預算 */ .merge_search ul li.merge_search_budget .merge_search_select {width: 90.5%;} /* 航空公司 */ .merge_search ul li.merge_search_airline .merge_search_select {width: 90.5%;} /* 產品快搜 */ .merge_search ul li.merge_search_keyword .merge_search_input {width: 90.5%;} /* 合併其他選項 */ .merge_search ul li.merge_search_combine {padding: 6px 0 16px 11%;} /*產品名稱*/ .GroupList .skin_list .products .product_title > div.product_name {width: 31%;} /*售價*/ .GroupList .skin_list .products .product_title > div.product_price {width: 17%;} /*報名*/ .GroupList .skin_list .products .product_title > div.product_btn {width: 11%;} /*產品名稱*/ .GroupList .skin_list .product_item .thumbnail > div.product_name {width: 31%;} /*售價*/ .GroupList .skin_list .product_item .thumbnail > div.product_price {width: 17%;} /*報名*/ .GroupList .skin_list .product_item .thumbnail > div.product_btn {width: 11%;} } @media(max-width: 991px) and (min-width: 768px) { /* 麵包屑 */ .breadcrumb {margin-top: 75px;} .merge_search_list .nav-tabs > li:nth-child(4) {display: none;} .header {height: 51px;} .gizle {top: 0px !important;} .actGotop {right: 10px;} .navbar-collapse {display: block; visibility: initial; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);} .navbar-collapse .navbar-nav {margin: 0;} .navbar-collapse .navbar-nav li {float: left; display: table; border: none;} .navbar-default #cart .navbar-nav > li > a {padding: 0 9px;} .navbar-default #cart {width: 100%; left: 0;} .navbar-collapse1 {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-collapse1 .navbar-nav1 {margin: 0;} .navbar-collapse1 .navbar-nav1 li {float: left; display: table; border: none;} .navbar-default1 #cart1 .navbar-nav1 > li > a {padding: 0 9px;} .navbar-default1 #cart1 {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.5em 2.14286em; text-align: left; } #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:nth-child(7) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #nav1 li { display: inline-block; border: none; border-top: 1px solid rgba(255, 255, 255, 0.1); width: 100%; float: left; } #nav1 li a { padding: 0.85714em 2.14286em; } #nav1 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; } #nav1 ul { width: 100%; } } /** 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: 50%;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);background: #f0db9d;} .side-collapse-left.in {width:0;} /*right*/ .side-collapse-container-right{position:relative; left:0; transition:left .4s;} .side-collapse-container-right.out{left:70%;} .side-collapse-right {top: 70px;bottom:0;right:0;width: 30%;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-right.in {width:0;} #top {/* background: #ffffff; */} .navbar {min-height: 56px;} .navbar-toggle {position: absolute;top: 0;left: 0;padding: 0px 0;display: block;border: none;margin-top: 12px;z-index: 999;} .navbar-inverse .navbar-header {/*padding: 6px 0px;*/padding: 0;} .navbar1 {min-height: 56px;} .navbar-toggle1 {position: absolute;top: 0;right: 0;padding: 3px 0;display: block;border: none;background: white;margin-top: 20px;margin-left: 15px;margin-bottom: 8px;} .navbar-inverse .navbar-header1 {/* 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;} /** 合併搜尋引擎 **/ /*搜尋日期 MOUSE*/ .form_date{ cursor: pointer; } /* 搜尋引擎欄位標題-共用 */ .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;} .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;} /* 列表內文 */ .skin_list .products .product_title {display: none;} .skin_list .products .item {width: 50%;padding: 0 6px;float: left;} .skin_list .product_item .thumbnail {position: relative; padding: 4px;} /*圖片*/ .GroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_img img {display: block; margin-bottom: -25px;} /*類型*/ .GroupList .skin_list .product_item .thumbnail > div.product_type {/* position: absolute; *//* top: 10px; *//* left: 10px; */z-index: 10;padding: 0;width: initial;} .GroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;} /*產品名稱*/ .GroupList .skin_list .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;} .GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;} .GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;} /*天數*/ .GroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px; font-size: 16px; display: block; text-align: left;} .GroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';} /*出發日期*/ .GroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 55%; padding: 5px; font-size: 16px; display: block; text-align: left;} .GroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：';} /*個團代碼*/ .GroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;} .GroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';} /*航班*/ .GroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;} .GroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;} .GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;} /*售價*/ .GroupList .skin_list .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;} /*機位*/ .GroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;} /*可售*/ .GroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;} /*報名*/ .GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;} .GroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;} .GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;} .GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;} /*促銷*/ .GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;} /* 列表模式 */ .GroupList .skin_list .products {border: none;} .GroupList .skin_list .products .product {border:none; margin: 0; border-radius: 0;} /* 列表標題 */ .GroupList .skin_list .products .product_title {display: none;} /* 列表內文 */ .GroupList .skin_list .product_item .thumbnail {position: relative;padding: 4px;border-top: 1px solid #e1e1e1 !important;border-left: 1px solid #e1e1e1 !important;border-right: 1px solid #e1e1e1 !important;border-bottom: 1px solid #e1e1e1 !important;margin: 0 -5px 10px;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: none; margin-bottom: -25px;} /*類型*/ .GroupList .skin_list .product_item .thumbnail > div.product_type {/* position: absolute; *//* top: 10px; *//* left: 10px; */z-index: 10;padding: 6px;width: 15%;float: left;display: block;} .GroupList .skin_list .product_item .thumbnail > div.product_type span {background: #d92a1b;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: 0px 5px 5px;width: 80%;display: block;float: left;} .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: 100%;display: table;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: 100%;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;bottom: 74px;padding: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%;text-align: right;font-size: 16px;float: left;/* font-size: 0; */} .GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00;font-size: 22px;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_total span.num-title:after {content:'：';} /*可售*/ .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_available span.num-title:after {content:'：';} /*報名*/ .GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center;margin: 60px 0 0;padding: 25px 0 5px 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;} /****** 團型列表 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 {max-width: 100%;padding: 0 10px 20px 10px;} /*第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;} .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):before {content:'';height: 0px;width: 100%;background: #f7efe4;display: inline-block;text-align: center;line-height: 50px;} .order_completion_content .flight_information ul.flight_information_content:nth-child(4):before {content:'';height: 0px;width: 100%;background: #f7efe4;display: inline-block;text-align: center;line-height: 50px;} .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):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 li:before {position:absolute;left:10px;} .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: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:'收據抬頭：';} } @media(max-width:992px){ .order_information ul.order_information_content li.order_information_title {text-align: left;} } @media(min-width:768px) and (max-width:979px) { } @media(max-width:768px){ .order_information ul.order_information_content li.order_information_title {text-align: left;} .order_information ul.order_information_content li:nth-last-child(3), .order_information ul.order_information_content li:nth-last-child(4) {border-left: 1px solid #e1e1e1;} .select_people ul.select_people_content li:nth-child(even) {border-left: none;} /*.passenger_category ul.passenger_category_content li:nth-child(1):before {content:'旅客類別/團費';margin-right: 20px;} .passenger_category ul.passenger_category_content li:nth-child(2):before {content:'經濟艙';margin-right: 20px;float:left;} .passenger_category ul.passenger_category_content li select {width:90%;float:left;} .passenger_category ul.passenger_category_content li:nth-child(3):before {content:'經濟艙';margin-right: 20px;float:left;} .passenger_category ul.passenger_category_content li select {width:90%;float:left;}*/ #mycontact .modal-body ul.contact_content li, #mycontact .modal-body ul.message li {text-align: left;} } @media(max-width: 767px){ .actGotop {right: 20px;} .header {height: 56px; transition: initial; border: none;} .gizle {top: 0px !important;} footer[role="contentinfo"] {padding-bottom: 20px;padding-top: 20px;} article.container {position: relative;z-index: 100;/*top: 73px; *//* padding-bottom: 0px; */font-size: 16px;line-height: 30px;} #top {/* background: #ffffff; */} #top .container {padding: 0 15px;position: relative;} .gizle #top {/* border: none; */} footer .footer_info {/* padding: 5px 15px 11px; */} footer .info_content { margin-top: 30px; margin-bottom: 30px; padding-left: 10px; padding-right: 10px; } .navbar-default #cart {width: 100%;} .navbar-default1 #cart1 {width: 100%;} /** New_Header 選單 **/ .navbar-toggle {position: absolute;top: 0;left: 0;padding: 6px 10px;border: none;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;z-index: 999;} .navbar-inverse .navbar-header {padding: 0;} .navbar-toggle1 {position: absolute; top: 0; right: 0; padding: 3px 10px;} .navbar-inverse .navbar-header1 {/* padding: 0; */} .navbar-toggle1 { position: absolute; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } /*left*/ .side-collapse-container-left{position:relative; left:0; transition:left .4s;} .side-collapse-container-left.out{left:70%;} .side-collapse-left {top: 55px;bottom:0;left:0;width: 80%;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);background: #f0db9d;/* background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#8d91cb), to(#d481df)); */} .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: 30%;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: 25%;line-height: 34px;} .service_box ul li button {width: 100%;display: table;border-radius: 0;line-height: 40px;padding: 0;border: 0;height: 40px;color: #fff;} .service_box ul li button a {color:#fff} .service_box ul li button a:hover, .service_box ul li button a:focus {color:#fff} .service_box ul li:nth-child(1) button {background:#40a498} .service_box ul li:nth-child(2) button {background:#ee7628} .service_box ul li:nth-child(3) button {background:#7fbf33} .service_box ul li:nth-child(4) button {background:#0e6eb8} .service_box ul li:nth-child(4) button:hover, .service_box ul li:nth-child(4) button:active {background:#0e6eb8} .service_box ul li button i {color: #fff;} .service_box ul li button i img {width: 14px;top: -2px;position: relative;} #widget {display: none !important;} /* 麵包屑 */ .breadcrumb {margin-top: 70px;} .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;} .merge_search_list .nav-tabs > li > a {padding: 10px 5px; text-align: center;} .merge_search_list .nav-tabs > li a span {font-size: 13px; margin-left: 5px; vertical-align: super;} .merge_search_list .nav-tabs > li:nth-child(4) {width: 100%; padding: 5px; text-align: center; /*display: none;*/} .merge_search_list .nav-tabs > li:nth-child(4) {width: 100%;} .merge_search_list .nav-tabs > li:nth-child(4) > ul#skin {width: 100%;line-height: 1.0em;} .merge_search_list .nav-tabs > li:nth-child(4) > ul#skin > li {width: 50%;} .merge_search_list .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;margin-bottom: 10px;} /*產品名稱*/ .GroupList .skin_module .products .item .thumbnail > div.product_name a {font-size: 20px;} /*分享*/ .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: 90px;} .GroupList .skin_module .products .item .thumbnail > div.product_price span strong {font-size: 22px;} /*報名*/ .GroupList .skin_module .products .item .thumbnail > div.product_btn {margin: 90px 0 0;} /* 列表模式 */ .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: 10%;float: left;display: block;padding: 1px;} .GroupList .skin_list .product_item .thumbnail > div.product_img img {display: none; 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: #d92a1b;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: 0px 5px 5px;width: 80%;display: block;float: left;} .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: 100%;display: block;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: 100%;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;bottom: 79px;padding: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%;text-align: right;font-size: 16px;float: left;/* font-size: 0; */} .GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00;font-size: 24px;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_total span.num-title:after {content:'：';} /*可售*/ .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_available span.num-title:after {content:'：';} /*報名*/ .GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center;margin: 10px 0 0;padding: 24px 0 0px 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: 100%;} .product_details .ReferenceFlights .flight_box ul li:nth-child(even) {width: 100%;} .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(2) { width: 60%; } .product_details .ReferenceFlights .flight_box ul li:nth-child(3) { width: 40%; } .product_details .ReferenceFlights .flight_box ul li:nth-child(4) { border-bottom: 0px solid #e1e1e1; } .product_details .ReferenceFlights .flight_box ul li:nth-child(5) {} .product_details .ReferenceFlights .flight_box ul li:nth-child(6) { border-bottom: 0px solid #e1e1e1; } .product_details .ReferenceFlights .flight_box ul li:nth-child(7) {} .product_details .ReferenceFlights .flight_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;} .product_details .ReferenceFlights .flight_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;} .product_details .ReferenceFlights .flight_box ul li:nth-child(2):before {content:'航空公司：';} .product_details .ReferenceFlights .flight_box ul li:nth-child(3):before {content:'航班：';} .product_details .ReferenceFlights .flight_box ul li:nth-child(4):before {content:'出發地：';width: 100%;/* display: table; */} .product_details .ReferenceFlights .flight_box ul li:nth-child(5):before {content:'起飛時間：';width: 100%;/* display: table; */} .product_details .ReferenceFlights .flight_box ul li:nth-child(6):before {content:'目的地：';width: 100%;/* display: table; */} .product_details .ReferenceFlights .flight_box ul li:nth-child(7):before {content:'抵達時間：';width: 100%;/* display: table; */} /** 團型列表 **/ /* 目前搜尋條件及排序方式*/ .MGroupList .merge_sequence > div {width: 100%;} .MGroupList .merge_sequence > div.theway ul {height: 45px;line-height: 45px; float: left; margin: 0;} .MGroupList .merge_sequence > div.theway ul li {font-size: 0; margin: 0 5px 0 0;} .MGroupList .merge_sequence > div.theway ul li:nth-child(1):before {content: '排序'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(2) label:before {content: '熱門'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(3) label:before {content: '日期'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(4) label:before {content: '名稱'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(5) label:before {content: '天數'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(6) label:before {content: '售價'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li input {vertical-align: sub; margin-right: 5px;} .MGroupList .merge_sequence > div.condition ul li {height: 45px; line-height: 45px;} .MGroupList .merge_sequence > div.condition ul li:nth-child(1) {height: 45px; line-height: 45px;} /****** 團型列表 MGroupList ******/ .MGroupList .skin_module .products .item {width: 100%;} .MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; vertical-align: middle !important;} .MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;} /****** 個團明細頁 ******/ .product_details h3 {margin: 0 0 10px 0; padding: 0 10px;} /** 產品基本資料 **/ .product_details .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;} .product_details .product_basic_info ul li.basic_info_title {width: 35%;} .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: 20px;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_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: 17px;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_details .TravelCharacteristics {width: 100%; display: table; padding: 160px 10px 0;} .product_details .TravelCharacteristics ul li img {width: 100%;} .product_details .ReferenceFlights {width: 100%; display: table; padding: 160px 10px 0;} .product_details .DailyItinerary {width: 100%; display: table; padding: 160px 10px 0;} .product_details .AtTheirOwnExpense {width: 100%; display: table; padding: 160px 10px 0;} .product_details .OtherInstructions {width: 100%; display: table; padding: 160px 10px 0;} .navbar-collapse {display: block; visibility: initial; border-top: none;} .navbar-collapse .navbar-nav {margin: 0;} .navbar-collapse .navbar-nav li {float: left;/* width: 30%; */display: table;border: none;/* border-top: 1px solid rgba(255, 255, 255, 0.1); */} .navbar-default #cart .navbar-nav > li > a {padding: 0 9px;/*padding: 0.85714em 2.14286em;*/padding: 10px 9px;font-size: 14px;line-height: 15px;} .navbar-collapse1 {display: block; visibility: initial; border-top: none;} .navbar-collapse1 .navbar-nav1 {margin: 0;} .navbar-collapse1 .navbar-nav1 li {float: left;display: table;border: none;width: 100%;float: left;} .navbar-default #cart .navbar-nav1 > li > a {padding: 0 9px;} #carousel-example-generic {margin-top: 100px; display: none;} .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 0;border-bottom: 1px dashed #e1e1e1;} .product_details .DailyItinerary .every_day .day_meal .meal_content { width: fit-content; } .product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {float: left;} /*每日行程-住宿*/ .product_details .DailyItinerary .every_day .day_hotel {padding: 10px 0;} /** 自費活動 **/ .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;} .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: -webkit-box;} .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):before {content:'';height: 0px;width: 100%;background: #f7efe4;display: inline-block;text-align: center;line-height: 50px;} .order_completion_content .flight_information ul.flight_information_content:nth-child(4):before {content:'';height: 0px;width: 100%;background: #f7efe4;display: inline-block;text-align: center;line-height: 50px;} .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):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 li:before {position:absolute;left:10px;} .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: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:'收據抬頭：';} .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:'旅遊期間：';} #nav li { /* display: inline-block; */ border: none; width: 100%; display: block; } #nav li:nth-child(7) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #nav li a { padding: 0.3000em 0.85714em; font-size: 1.3em; text-align: left; } #nav li.dropdown ul.dropdown-menu li{ display: inline-block; width: 100%; /* background-color: #d1e4bd; */ } #nav .navbar-nav .open .dropdown-menu { background: #ffffff; } #nav li.dropdown ul.dropdown-menu li a{ color: #196133; word-break: break-all; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space : nowrap; } /****** 團型明細頁 ******/ .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;} .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 .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 7px; */} #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;} /*第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;} } @media(max-width:480px) { .skin_module .products .item {width: 100%;} /*報名*/ .skin_module .products .item .thumbnail > div.product_btn a {width: 100%;} .product_details .AtTheirOwnExpense .panel-group h4 div {padding: 15px 0 0;} .product_details .Additional .panel-group h4 div {padding: 15px 0 0;} .Passport_Visa_box ul li, .Passport_Visa_box ul li:nth-last-child(1) {width: 20%;} } @media(max-device-width:480px)and(orientation:landscape){ } @media(max-width:375px){ .navbar-default #cart .navbar-nav > li > a {padding: 0 8px; font-size: 14px; line-height: 40px;} .navbar-default1 #cart1 .navbar-nav1 > li > a {padding: 0 8px; font-size: 14px; line-height: 40px;} } @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;} .navbar-default1 #cart1 .navbar-nav1 > li > a {padding: 0 4px; font-size: 14px; line-height: 40px;} } @media print { .header, .sign_up_group, .navbar-default #cart, .service_box {display: none;} .collapse {display: block; visibility: initial;} } /* ===================調整GODC2合併搜尋列表頁 Start (這一段加在default.css ，或是公版頁所吃的css最後面)=================== */ .list .btn, .list .label {border-radius: 0;} .list .nav {float: none;} .list .nav .label.label-primary, .list .sequence .label.label-primary, .list .view-mode .label.label-primary { background-color: #103d8c; border-color: #072c6d; } .list .nav .label.label-primary:hover, .list .sequence .label.label-primary:hover, .list .view-mode .label.label-primary:hover { background-color: #103d8c; border-color: #072c6d; } .list .nav .label.label-primary:focus, .list .sequence .label.label-primary:focus, .list .view-mode .label.label-primary:focus { background-color: #103d8c; border-color: #072c6d; } .list .nav .label.label-warning, .list .sequence .label.label-warning, .list .view-mode .label.label-warning { background-color: #103d8c; border-color: #072c6d; } .list .nav .label.label-warning:hover, .list .sequence .label.label-warning:hover, .list .view-mode .label.label-warning:hover { background-color: #103d8c; border-color: #072c6d; } .list .nav .label.label-info, .list .sequence .label.label-info, .list .view-mode .label.label-info { background-color: #103d8c; border-color: #072c6d; } .list .nav .label.label-info:hover, .list .sequence .label.label-info:hover, .list .view-mode .label.label-info:hover { background-color: #103d8c; border-color: #072c6d; } .list .godc2-search .form-btn input.btn-success { background-color: #103d8c; border-color: #072c6d; } .list .godc2-search .form-btn input.btn-success:hover { background-color: #103d8c; border-color: #072c6d; } .list .product .btn-success { background-color: #103d8c; border-color: #072c6d; } .list .product .btn-success:hover { background-color: #103d8c; border-color: #072c6d; } .list .products .product .product-name a { color: #444; } .list .products .product .product-name a:hover { color: #444; } .list .products .product.product-item .product-type span.label-info { background-color: #103d8c; border-color: #072c6d; } .list .products .product .product-type span.label-warning { background-color: #103d8c; border-color: #072c6d; } .list .products .product .product-info a.text-warning { /*color: #5bc0de;*/ color: #2b62c4; } .list .products .product.product-item .product-total span.number {color: #444;} .list .products .product.product-item .product-join span.number {color: #444;} .list .products .product.product-item .product-bargain span.number {color: #444;} .list .products .product.product-item .product-available span.number {color: #444;} .list .products .product.product-item .product-waiting span.number {color: #444;} .list .products .product.product-item .product-date a.more {background-color: #3071e7;} /* ===================調整GODC2合併搜尋列表頁 End=================== */ .list .products .product-item .search-order{ color:#ccc !important;} .list .products .product-item .product-date{ font-weight:normal !important; color:#444 !important;} .list .products .product .product-name a{ font-weight:normal !important; color:#444 !important;} .list .products .product .product-date{ width:10% !important; font-size:15px !important;} .list .view-mode{ width:190px !important;} #StyleMain #FORM1 .godc2-search .area select.darea{width:130px !important;} #StyleMain #FORM1 .godc2-search .area select.sarea{ width:130px !important;} #StyleMain #FORM1 .godc2-search input.start, #StyleMain .godc2-search input.end{ width:120px !important;} .list .result{ background:#fff;} table.go-all-table-width > tbody > tr > td > div#Main > div#Main1 > table > tbody > tr > td > table.go-contant-table {margin-bottom: 30px !important; width:100%;} /*==============================*/ .go-contant-text02 table.go-contant-table { width: 100%; border: 1px solid #e1e1e1; font-size: 18px; line-height: 40px; } } .go-contant-link02{ font-size: 16px; line-height: 30px; font-weight: 400; } .go-contant-link02 tbody tr td{ font-size: 16px; line-height: 30px; font-weight: 400; } .go-contant-money01, .go-contant-money02{ font-size: 16px; line-height: 30px; font-weight: 400; } .SALE_AM_HIDDEN{ font-size: 16px; line-height: 30px; letter-spacing: 1px; } .go-tour-td-color01, .go-tour-td-color02, .go-tour-td-color03{ font-size: 16px; line-height: 30px; } .order-contant-td01, .order-contant-td02, .order-contant-td03, .order-contant-td04{ font-size: 16px; line-height: 30px; padding: 5px; } .order-contant-money01, .order-contant-money02{ color: #F00; font-size: 16px; line-height: 30px; } .order-contant-text01, .order-contant-text02{ font-size: 16px; line-height: 30px; padding: 5px; /*color: #00F;*/ } .order_accept{ color: #642b8d; } .member-contant-text01, .member-contant-text02{ font-size: 16px; line-height: 30px; } .diytdbgcolor{ background-color: #f7efe3; width: 210px; } /*--------------步驟標題-----------------*/ .order-step-title{ font-size: 24px; padding: 30px; font-family: '微軟正黑體'; } /*--------------選擇人數-----------------*/ .order-td-color02,.order-contant-td02{ padding-top: 3px; border-bottom: 1px dotted #ededed; } /*--------------團型報名按鈕-----------------*/ .go-contant-table .go-contant-td01 a,.go-contant-td02 a{width:100%;} .go-contant-td01 a,.go-contant-td02 a{ /* background-color: rgba(121, 54, 169, 0.76); */ /* border-color: #642b8d; */ color: #d381df; display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; 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: 8px; } .go-contant-td01 a img,.go-contant-td02 a img{ /* display: none; */ } .go-contant-td01 a::after,.go-contant-td02 a::after{ /* content:"報名"; */ } .go-contant-td01 a:hover,.go-contant-td02 a:hover{ /*background-color: #560169; border-color: #430052; display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; 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: 10px;*/ } /*--------------個團報名按鈕-----------------*/ .go-tour-menu-text .go-contant-link02{ background-color: rgba(121, 54, 169, 0.76); border-color: #642b8d;color: #FFF; display: inline-block; padding: 4px 15px; margin-bottom: 0; font-size: 14px; font-weight: 400; 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: 8px; } .go-tour-menu-text .go-contant-link02 img{ display: none; } .go-tour-menu-text .go-contant-link02::after{ content:"報名"; } .go-tour-menu-text .go-contant-link02 :hover{ background-color: #560169; border-color: #430052; display: inline-block; padding: 4px 15px; margin-bottom: 0; font-size: 14px; font-weight: 400; 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: 10px; } /*------------報名人數 和報名須知的CSS ++商品名稱+出發日期：--------------*/ .order-contant-text02{ color: #96775c; font-size: 18px; background-color: #ffffff; letter-spacing: 1px; } /*------------報名人數 和報名須知頁面S -的選回團型------------*/ .order-contant-text02 a{ } .order-contant-text02 a img{ display: none; } .order-contant-text02 a::after{ content: "查詢其他出發日期"; color: #642b8d; font-size: 14px; letter-spacing: 0; } /*------------報名人數 和報名須知頁面S 報名須知------------*/ .order-contant-text01 .order-contant-text02{ background-color: #ffffff; padding: 30px; font-size: 16px; color: #638bc7; } /*--------------------------------------------------------*/ #activecnt ,#activeprice{ } .order-contant-text01 label{ /* background-color: #7936a9; */ /* border-color: #642b8d; */ color: #908c8c; display: inline-block; padding: 4px 15px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; letter-spacing: 1px; -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: 8px; display: inline; } /*--------------------------*/ .order_contant_table_login{ } /*----------有文個團行程寄給好朋友----------------*/ #frmData .ms-input-button{ /* background-color: #7936a9; */ /* border-color: #642b8d; */ color: #2f2f2f; display: inline-block; padding: 4px 40px; margin: 10px; font-size: 16px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; letter-spacing: 1px; -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: 8px; display: inline; } #frmData .ms-input-button .ms-input-text{ color: #696969; } .order-input-button{ padding-top: 40px 0; } /*--------請選擇下列報名人數： 確認-----*/ #step1 .ms-input-text {/* background-color: #7936a9; *//* border-color: #642b8d; *//* color: #FFF; */display: inline-block;padding: 0px 21px;/* margin: 10px; */font-size: 16px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;letter-spacing: 1px;-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: 0px solid transparent;/* border-radius: 8px; */display: inline;} /*--------填寫購買人資料 ( * 請務必填寫，如資料有誤，請至會員專區中修改)-----*/ #CUSTOMER_INFO .order-input-button {/* background-color: #7936a9; *//* border-color: #642b8d; */color: #4a4a4a;display: inline-block;padding: 4px 40px;margin: 10px;font-size: 16px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;letter-spacing: 1px;-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: 8px;display: inline;} #CUSTOMER_INFO .ms-input-text { color: #555; } /*--------個團--轉寄好友-----*/ #Form1 .ms-input-text{background-color: #ffffff;border-color: #ffffff;/* color: #FFF; */display: inline-block;padding: 0px 0px;m;margin: 0px;font-size: 16px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;letter-spacing: 1px;-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: 0px solid transparent;/* border-radius: 8px; */display: inline;} /*--------個團--客服聯絡-----*/ #EMAIL_REMARK{ height:60px; } .order-input-button {/* padding:60px; */} /*-----克服需求單 TABLE---------*/ #Form1 .go-everyday-td01{ background-color: #f7efe3; vertical-align: middle; /*border: 1px solid #e1e1e1;*/ } #Form1 .go-contant-text02{ background-color: #FFF; vertical-align: middle; /*border: 1px solid #e1e1e1;*/ } .member-td-line-height{ background-color: #FFF; border: 1px solid #e1e1e1; } .order-input-button .ms-input-text{ background-color: #ffffff; border-color: #ffffff; /* color: #FFF; */ display: inline-block; padding: 0px; margin: 0px; font-size: 15px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; letter-spacing: 1px; -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: 0px solid transparent; /* border-radius: 8px; */ /* display: inline; */ } .order-input-button .ms-input-text a{color: #000;} .order-input-button .ms-input-text a{margin: 0 auto; text-align;} /*-------------------*/ #frmData .go-contant-table{ width: 90%; background-color: #FFF; } #frmData .go-contant-table tr.go-tour-td-color01{ padding: 20px 0; } button.member-input-button{ background-color: #7936a9;border-color: #642b8d;color: #FFF;display: inline-block;padding: 4px 40px;margin: 10px;font-size: 16px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;letter-spacing: 1px;-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: 8px;display: inline; } .member-all-table-width button.member-input-button{ background-color: #ffffff; border-color: #b9a6c6; color: #FFF; display: inline-block; padding: 4px 40px; margin: 10px; font-size: 16px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; letter-spacing: 1px; -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: 8px; display: inline; } #dataupd button.member-input-button {background-color: #ffffff;border-color: #e7e1eb;color: #FFF;display: inline-block;padding: 4px 40px;margin: 10px;font-size: 16px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;letter-spacing: 1px;-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: 8px;display: inline;} .member-contant-title button.member-input-button{background-color: #ffffff;border-color: #ffffff;color: #FFF;display: inline-block;padding: 0px;margin: 0px;font-size: 16px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;letter-spacing: 1px;-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: 8px;display: inline; } .order-all-table-width .member-input-button .ms-input-text{ color:#000; } /*--------------會員中心、手機板聯絡我們按鈕---------------*/ .login_box .btn-danger{background-color: #d92a1b;border-color: #d92a1b;} .login_box .btn-danger:hover {background-color: #ce3b0e;border-color: #ba3208;} .service_box .btn-danger{background-color: #ea811e;border-color: #ea9915;} .service_box .btn-danger:hover {background-color: #e97728;border-color: #e25026;} #dataupd .ms-input-text{/* color: #fff; */} .order-all-table-width { width:100%; } #StyleMain #SendForm{ padding: 0; } li.dropdown ul.dropdown-menu li{ float:left; width: 90%; } li.dropdown ul.dropdown-menu{ min-width: 100%; margin-top: 0px; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #ffffff00;/* border: 1px solid #a9ce80; */} .navbar-inverse .navbar-toggle1:focus, .navbar-inverse .navbar-toggle1:hover { background-color: #fafff5; border: 1px solid #a9ce80; } /*-------------20170529--------------------*/ @media (max-width: 3000px){article.ccttour_carousel {padding-top: 110px;}} @media (max-width: 1200px){article.ccttour_carousel {padding-top: 105px;/*width:1170px;*/}} @media (max-width: 992px){article.ccttour_carousel {padding-top: 57px;/*width: 970px;*/}} @media (max-width: 768px){article.ccttour_carousel {padding-top: 53px;/*width: 750px;*/}} @media (max-width: 45em){article.ccttour_carousel {padding-top: 56px;/*width: 100%;*/}} article.ccttour_carousel .carousel_box { padding-right: 0px; padding-left: 0px; position: relative; } .container2 { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } /*----------------首頁輪播改有文字------------------ */ @media(min-width:1200px){ .ccttour_carousel .carousel-indicators {padding-left: 20%;padding-right: 20%;} } @media(max-width:768px){ .ccttour_carousel .carousel-indicators {display:none;} .ccttour_carousel .carousel-control .icon-prev, .ccttour_carousel .carousel-control .glyphicon-chevron-left{ top: 47%; } .ccttour_carousel .carousel-control .icon-next, .ccttour_carousel .carousel-control .glyphicon-chevron-right { top: 47%; } } .ccttour_carousel .carousel-indicators li{display:inline-block;width: 16.7%;height:2.625em;margin:1px;text-indent:0;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:0px solid #fff;border-radius:0px;margin:0;float:left;font-size:16px;font-size:1.2em;line-height:2.625em;letter-spacing:1px;color:#fff;font-weight:normal;} .ccttour_carousel .carousel-indicators{position:absolute;bottom:0px;left: 0%;z-index:15;width:100%;margin:0;padding: 0;text-align:center;list-style:none;background: rgba(0, 0, 0, 0.7);} .ccttour_carousel .carousel-indicators li.active{width: 16.5%;height:2.625em;margin:0;background-color: #d92a1b;color:#fff;position:relative;} /*.ccttour_carousel .carousel-indicators li.active:after{width:0px;height:0px;border-width:15px;border-style:solid;border-color:transparent transparent #d92a1b transparent;position:absolute;top:-68%;right:40%;content:"";}*/ /*@media (max-width: 3000px){.carousel-indicators div.active { width: 25%; }} @media (max-width: 1200px){.acarousel-indicators div.active {width:25%;}} @media (max-width: 992px){.carousel-indicators div.active {width: 25%;}} @media (max-width: 768px){.carousel-indicators div.active {width: 50%;}} @media (max-width: 45em){.carousel-indicators div.active {width: 50%;}} @media (max-width: 45em){.carousel-indicators div.active {display: none;}} @media (max-width: 45em){.carousel-indicators div{display: none;}} */ .page_carousel .carousel-fade .carousel-control {display: block;} .page_carousel .carousel-indicators li { font-size: 0; } @media (max-width: 3000px){article.page_carousel {padding-top: 174px;/*width:1170px;*/}} @media (max-width: 1200px){article.page_carousel {padding-top: 174px;/*width:1170px;*/}} @media (max-width: 992px){article.page_carousel {padding-top: 80px;/*width: 970px;*/}} @media (max-width: 768px){article.page_carousel {padding-top: 53px;/*width: 750px;*/}} @media (max-width: 45em){article.page_carousel {padding-top: 53px;/*width: 100%;*/}} /*----------搜尋引擎日曆----------------*/ table.table-condensed{ /* margin: 10px; */ } table.table-condensed .next,table.table-condensed .prev{ cursor: pointer; color: #205c77; } table.table-condensed .datepicker-switch{ cursor: pointer; font-size: 16px; text-align: center; } table.table-condensed span.month,table.table-condensed span.year{ padding: 5px 10px; } .table-condensed span.disabled:hover{ color: #ededed; background-color: #f7efe3; } .table-condensed .month:hover,.table-condensed .year:hover{ color: #FFF; background-color: #286fdb; cursor: pointer; } table.table-condensed .dow{ font-weight: bold; color: #333; } table.table-condensed td{ text-align: center; } .table-condensed .disabled, .table-condensed .old{ color: #ddd; background-color: rgba(247, 239, 227, 0.35); cursor: none; /*text-decoration:line-through;*/ } .table-condensed .active{ color: #FFF; background-color: #286fdb; } .table-condensed td.old:hover,.table-condensed span.disabled:hover{ color: #ddd; background-color: rgba(247, 239, 227, 0.35); cursor: auto; /*text-decoration:line-through;*/ } .table-condensed .day:hover,.table-condensed td.active:hover{ color: #FFF; background-color: #560169; cursor: pointer; } @media (max-width: 45em){div.datepicker {display: none;}} /*-----------------------0606RWD LAYOUT-----------------*/ .datetimepicker table tr td.day:hover { background: #eee; cursor: pointer; } /*-----------版更 舊版縮圖------------*/ #Main1 table.go-contant-table td.travel_enlarge img{display: none;} #StyleMain table.go-contant-table td.travel_enlarge img{display: none;} .label-danger { background-color: #430052; } /*停止團型動畫*/ .fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; /* font-weight: bold; */ font-size: 18px; } /*搜尋列表下方分頁按鈕*/ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { cursor:pointer; /*background-color: #430052; border-color: #430052;*/ background-color: #d92a1b; border-color: #b40606; } .pagination > li > a, .pagination > li > span { cursor:pointer; color: #430052; } /*個團 手機 平板 修復*/ /*報名人數*/ .btn-success .badge { display: none; } /*個團NAV*/ @media (max-width: 991px){ #myNavbar div.row {padding-top: 0.75em;}} .product_btn a.btn-success { background-color: #f05b4f; border-color: #d92a1b; } .product_btn a.btn-warning { background-color: #34b3ba; border-color: #398ca5; } /*----------列表TAG強制更改------------*/ .product_name .product_tag span.label-success{ /*display: none;*/ /* background-color:transparent; */ /* color:transparent; */ } .product_name .product_tag span.label-success { /* font-size:0; */ } /*搜尋列表//產品的TAG 更改顏色*/ .number_status .label-danger,.merge_search_list .label-danger{ background-color: #d92a1b; } .number_status .label-primary,.merge_search_list .label-primary{ background-color: #efa200; } /*搜尋列表的TAG 團銷管理-自有團判斷為告急-改熱賣*/ .skin_module .product_name .product_tag span.label-success:before{ /* content: "熱賣"; */ color: #fff; font-size:12px; background-color: #ed2554; padding:3px 6px; border-radius:5px; } .skin_list .product_name .product_tag span.label-success:before{ /* content: "熱賣"; */ color: #fff; font-size:12px; background-color: #ed2554; padding:3px 6px; border-radius:5px; } .number_status span.label-success{ background-color:transparent; color:transparent; font-size:0; } .number_status span.label-success:before{ content: "熱賣"; color: #fff; font-size:12px; background-color: #ed2554; padding:3px 6px; border-radius:5px; } .product_remarks .label-tag{ width: 100px; display: block; letter-spacing: 1px; padding: 4px 6px; font-size: 14px; font-weight: bold; background-color: rgba(255, 153, 0, 0.9); } /*上標LOGO*/ @media (min-width: 1200px) { #top .container .block-title img { height: 50px; float: left; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } #top .container .block-title { /* height: 200px; */ } .gizle #top .container .block-title img { /* opacity: 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; height: 40px; } } .carousel-inner > .item img { width: 100%; height: auto; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; } @include media-breakpoint-down(xs,sm,md){.carousel-inner > .item .img {padding-top: 200px; width: 100%; height: auto; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }} #nav1 li.top_member {/* float: right; */margin-top: 1em;margin-left: 0.5em;} #nav1 li.top_member a {background: #d92a1b;margin: 0.5em 0.1em;padding: 6px;font-size: 1.0em;font-weight: bold;border-radius: 2px;} #nav1 li.top_member a span {color: white;} @media (max-width: 1200px){#nav{ height: 94%; /* overflow-y: scroll; */ margin: 0 0%; }} .Member_content { margin-bottom: 30px; } .Member_container { border: 3px solid #4c8e0a; margin-bottom: 30px; background: #fbfcfe; padding: 0; } .Member_R { width: auto; margin: 2.8% 4%; display: table; float: right; } .Member_L { float: left; padding: 0; } @media (max-width: 1200px){.Member_L {height: unset;}} @media (max-width: 992px){.Member_L {}} @media (max-width: 768px){.Member_L {/* display: none; */}} @media (max-width: 45em){.Member_L {}} @media (max-width: 1200px){.Member_R {margin: 2.1% 4%;}} @media (max-width: 992px){.Member_R {margin: 0%;height: 91px; }} @media (max-width: 768px){.Member_R {height: auto;margin: 2% auto;float: initial;}} @media (max-width: 45em){.Member_R {}} table.newpage {min-width: 100% !important;} .features_content div[id^=fade],div[class^=fade] { position: relative; width: 100%; height: 100% !important; } #theme_tabs {border: none;margin: 0 0 10px 0;width: 100%;display: table;} #theme_tabs li {margin: 0 0 5px 10px;width: auto;} #theme_tabs li a {display: inline-block;padding: 6px 12px !important;margin-bottom: 0;font-size: 16px;font-weight: 400;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;color: #fff;background-color: #a4a0a0;border-color: #868080;-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;} #theme_tabs li:hover a {background-color: #76b800;border-color: #74a73a;border-radius: 4px;-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;} .top_wrapper { background: #fbfbfb; /* background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#d481df), to(#8d91cb)); */ } #myCarousel .glyphicon-chevron-left:before { content: url(/eWeb_tresor/images/default/pre.png); } #myCarousel .glyphicon-chevron-right:before { content: url(/eWeb_tresor/images/default/next.png); } .module_carousel { margin-top: 30px; } .module_carousel .myCarousel_content {margin-bottom:25px} .module_carousel .carousel.slide {width: 100%;position: relative;display: table;margin-top: 0 !important;box-shadow: 1px 1px 4px 0px rgba(140, 140, 140, 0.5);overflow: hidden;} .module_carousel .carousel.slide .recommend_title {position: absolute; top: 10px; left: 0;} .module_carousel .carousel h3 {background: url(/eWeb_tresor/images/default/title.jpg) #f8f8f8 no-repeat left;} .module_carousel .carousel .carousel-indicators {width: 30%;float: left;position: inherit;margin-left: 0;left: 0px;bottom: 0;padding: 0px 0px 0;/* overflow: hidden; */} .module_carousel .carousel .carousel-indicators li {width: 100%;height: 43px;line-height: 36px;text-indent: 0;text-align: left;font-size: 15px;border-radius: 0;/* border: none; */border-bottom: 1px solid #e1e1e1;float: right;background-color: rgb(255, 255, 255);margin: 0px 0px;padding: 0px 10px;} .module_carousel .carousel .carousel-indicators li.active {width: 108%;height: 43px;line-height: 36px;border: none;font-size: 15px;color: #FFF;background: #969696;padding-left: 21px;position: relative;padding: 0px 10px 0px 25px;margin: 0;border-bottom: 0px solid #e1e1e1;left: 0px;overflow: hidden;} .module_carousel .carousel .carousel-indicators li.active:after {position: absolute;left: 8px;top: 28%;content: "\f04b";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;} .module_carousel .carousel .carousel-indicators li.active:before {content:' ';width: 90%;position: absolute;left:0;bottom: -2px;border-bottom: 0px solid #e1e1e1;} .module_carousel .carousel .carousel-inner {width: 70%;float: left;} .module_carousel .carousel-control.left, .module_carousel .carousel-control.right {display:none;} .module_carousel h3 {padding-top: 20px;padding-bottom: 5px;padding-left: 10px;margin: 0px;font-weight: bold;letter-spacing: 4px;font-size: 22px;font-size: 1.250em;background: url(/eWeb_tresor/images/default/title.jpg) #f8f8f8 no-repeat left;} .module_carousel h3 .module_box_more {display:none;} .module_carousel h3 .module_box_more:hover { background: rgba(51, 125, 159, 0.68); color: white; } .module_carousel span {font-family: Century Gothic, Microsoft JhengHei;font-weight: normal;letter-spacing: 1px;font-size: 16px;font-size: 1.0em;} .module_carousel .text {position: absolute;bottom: 0;left: 0;z-index: 15;width: 94%;display: table;padding: 10px 10px;background: rgba(0, 0, 0, 0.47);margin: 3% 3% 3% 3%;} .module_carousel .text h1.title {font-size: 16px;font-size: 1.0em;margin-top: 0px;margin-bottom: 8px;color: #FFEB3B;font-weight: 500;letter-spacing: 1.0px;max-width: 70%;} @media (max-width: 480px) {.module_carousel .text h1.title { max-width: 58%; font-size: 12px; font-size: 0.750em; }} @media (max-width: 414px) {.module_carousel .text h1.title { max-width: 63%; font-size: 12px; font-size: 0.750em; }} @media (max-width: 375px) {.module_carousel .text h1.title { max-width: 63%; font-size: 12px; font-size: 0.750em; }} @media (max-width: 320px) {.module_carousel .text h1.title { max-width: 58%; font-size: 12px; font-size: 0.750em; }} .module_carousel .text span.price {float: right;top: 3px;position: absolute;right: 16px;color: #ec1939;font-weight: bold;text-shadow: white 0px 2px, white 2px 0px, white -2px 0px, white 0px -2px, white -1.4px -1.4px, white 1.4px 1.4px, white 1.4px -1.4px, white -1.4px 1.4px;-webkit-font-smoothing: antialiased;font-size: 14px;font-size: 0.75em;} .module_carousel .text p.description {color: white;margin: 0;font-size: 14px;font-size: 0.75em;letter-spacing: 1.0px;} .module_carousel .more_icon {position: absolute;font-size: 12px;right: 0;bottom: 0;margin: 12px;display: table;} .more_icon i { position: relative; } .more_icon i:before {padding: 3px 3px 3px 5px;border: 1px solid #205c77;border-radius: 10px;/* display: table; */position: absolute;left: -25px;bottom: -3px;content: "\f04b";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;} .module_carousel .glyphicon-chevron-left:before {content: url(/eWeb_tresor/images/default/slider_L.png);} .module_carousel .glyphicon-chevron-right:before {content: url(/eWeb_tresor/images/default/slider_R.png);} .module_carousel #myCarousel_1 .carousel-indicators li.active {background: #f4407d;} .module_carousel #myCarousel_1 h3 {color: #ec1939;border-bottom: 5px solid #ec1939;} .module_carousel #myCarousel_2 .carousel-indicators li.active {background: #ff8b2b;} .module_carousel #myCarousel_2 h3 {color: #fb7c12;border-bottom: 5px solid #fb7c12;} .module_carousel #myCarousel_3 .carousel-indicators li.active {background: #8acb3d;} .module_carousel #myCarousel_3 h3 {color: #08880c;border-bottom: 5px solid #08880c;} .module_carousel #myCarousel_4 .carousel-indicators li.active {background: #e4c306;} .module_carousel #myCarousel_4 h3 {color: #c5a800;border-bottom: 5px solid #c5a800;} .module_carousel #myCarousel_5 .carousel-indicators li.active {background: #f54594;} .module_carousel #myCarousel_5 h3 {color: #eb0939;border-bottom: 5px solid #eb0939;} .module_carousel #myCarousel_6 .carousel-indicators li.active {background: #3e88ed;} .module_carousel #myCarousel_6 h3 {color: #0565ea;border-bottom: 5px solid #0565ea;} .module_carousel #myCarousel_7 .carousel-indicators li.active {background: #848484;} .module_carousel #myCarousel_7 h3 {color: #464645;border-bottom: 5px solid #464645;} .module_carousel #myCarousel_8 .carousel-indicators li.active {background: #3fba43;} .module_carousel #myCarousel_8 h3 {color: #34a204;border-bottom: 5px solid #34a204;} @media(max-width: 1199px) and (min-width: 991px) { .module_carousel h3 .module_box_more {font-size: 0.75em;padding: 1px 4px;margin: 0 10px;float: right;border: 1px solid #668fa1;border-radius: 3px;/* display: block; */} .module_carousel .carousel .carousel-indicators li {height: 34px;line-height: 34px;} .module_carousel .carousel .carousel-indicators li.active {height: 34px;line-height: 34px;} } @media (max-width: 580px) { .module_carousel .carousel .carousel-indicators {/* display:none; */width: 100%;float: left;} .module_carousel .carousel .carousel-indicators li {float: left;display: table;width: 50%;} .module_carousel .carousel .carousel-inner {width: 100%; float: left;} .module_carousel .carousel .carousel-indicators li.active {width: 50%;} .module_carousel .carousel-control.left, .module_carousel .carousel-control.right {/* display: block; */} .module_carousel .more_icon { top: 0px; } .module_carousel .module_box_title_text {display:none;font-size: 17px;} .module_carousel h3 .module_box_more {font-size: 0.75em;padding: 1px 4px;margin: 0 10px;float: right;border: 1px solid;border-radius: 3px;display: none;} } @media (max-width: 360px) { .module_carousel .module_box_title_text {display:none;} } .carousel-control.left { 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, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; 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, .0001) 0%, rgba(0, 0, 0, .5) 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, .0001) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-fade .carousel-inner .item { transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; /* display: none; */ } @media (max-width: 768px){ .carousel-fade .carousel-control { z-index: 2; display: block; } } #module_content_2 {/* position: relative; *//* overflow: hidden; *//* background: #fff; *//* background-attachment: fixed; *//* background-repeat: repeat-y; *//* background-size: inherit; */} #module_content_2 .module_content_2_bg {margin: -10px;padding: 210px 0;padding: 15em 0;position: relative;background: url(/eWeb_tresor/images/default/fixed_bg.png);background-attachment: fixed;background-repeat: repeat-y;/* background-size: inherit; *//* -webkit-filter: blur(2px); *//* filter: blur(2px); */background: #fff3d8;} @media (max-width: 1199px) {#module_content_2 .module_content_2_bg {padding: 230px 0;padding: 16em 0;}} @media (max-width: 991px) {#module_content_2 .module_content_2_bg {margin: -10px;padding: 360px 0;padding: 26em 0;position: relative;}} @media (max-width: 660px) {#module_content_2 .module_content_2_bg {margin: -10px;padding: 350px 0;/* padding: 25em 0; */position: relative;}} @media (max-width: 570px) {#module_content_2 .module_content_2_bg {margin: -10px;padding: 360px 0;padding: 26em 0;position: relative;}} @media (max-width: 462px) {#module_content_2 .module_content_2_bg {margin: -10px;padding: 370px 0;padding: 26em 0;position: relative;}} @media (max-width: 450px) {#module_content_2 .module_content_2_bg {margin: -10px;padding: 365px 0;padding: 26em 0;position: relative;}} @media (max-width: 380px) {#module_content_2 .module_content_2_bg {margin: -10px;padding: 389px 0;/* padding: 28em 0; */position: relative;}} #module_content_2 .module_content_2_txt {/* position:absolute; *//* z-index:11; */width:100%;/* padding: 42px 0 38px; */margin:0 auto;top:0;} @media (max-width: 768px) { #module_content_2 .module_content_2_txt {padding:0} } #module_content_2 .module_content_2_txt img {width: 100%;/* border-radius: 100%; */} @media(max-width: 768px) { #module_content_2 .module_content_2_txt img{ width: 100%; } .hot_img {width: 50%;margin: auto 25%;} } .index_wrapper .owl-carousel .owl-stage h4 { display: table; /* content: ""; */ /* background: url(/eWeb_royal/images/default/light.png) no-repeat; */ background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)); /* padding: 16px; */ /* position: absolute; */ /* background-size: 100%; */ width: 100%; /* bottom: 0; */ z-index: 1; } #module_content_2 .owl-nav{top:40%;right:5px;display: none;overflow:hidden;} #module_content_2 h2 {text-align: center; color: #FFF; font-weight: 300; font-size: 36px;} #module_content_2 h4 {/* text-align: center; *//* color: #FFF; *//* font-weight: 300; *//* font-size: 22px; */} #module_content_2 h4{width: 100%;color: #ffffff;position: absolute;z-index: 99;color: #ffffff;/* font-size: 20px; *//* font-size: 1.250em; */bottom: 0px;margin: 0;} #module_content_2 h4 p{font-size: 16px;font-size: 1.0em;line-height: 2.0em;margin-bottom: 0px;letter-spacing: 1.0px;/* z-index: 99999; *//* position: absolute; *//* bottom: 0; */padding: 10px;color: #ffffff;} @media (max-width: 991px ){ #module_content_2 h4 {display:none;} #module_content_2 .owl-dots {width: 100%;bottom: 0%;} } @media (max-width: 768px ) { #module_content_2 .owl-dots {width: 100%;bottom: -3%;} #module_content_2 .owl-dots .owl-dot span {margin: 5px 4px;} } #hot_content {background: rgba(255, 255, 255, 0.85);/* padding: 20px 15px; *//* margin: 0 20px 20px 20px; *//* display: table; */} @media (max-width: 991px){#hot_content {/* padding: 20px; */}} @media (max-width: 768px){#hot_content {margin: 0 20px 20px 20px;}} @media (max-width: 45em){#hot_content {margin: 0px 0px 10px 0px;}} @media (max-width: 570px) {#hot_content {padding: 10px;}} @media (max-width: 360px) {#hot_content {padding: 10px;}} #hot_content .hot_title { color: #205c77; margin-top: 17px; margin-bottom: 38px; } #hot_content h3 {color: #000000;margin-top: 30px;margin-left: 15px;margin-right: 15px;margin-left: 15px;font-size: 20px;font-weight: bold;line-height: 38px;padding: 10px 0;letter-spacing: 2px;background: #FFF;text-align: center;/* width: 100%; */} #hot_content .hot_container {/* padding-top: 10px; *//* padding-bottom: 10px; */padding-left: 50px;padding-right: 0px;position: relative;/* overflow: hidden; */background: #faf2db;} @media (max-width: 3000px) {#hot_content .hot_container {padding-left: 0%;margin-top: 30px;}} #hot_content .hot_container ul { display: inline-block; } #hot_content .hot_container ul li {text-overflow: ellipsis;color: #205c77;/* list-style-type: disc; */float: left;padding: 0 0px;width: 120px;} #hot_content .hot_container ul li a {color: #205c77;line-height: 32px;overflow: hidden;position: relative;text-overflow: ellipsis;font-size: 16px;font-size: 1.0em;padding: 2px 0px 2px 10px;} #hot_content .hot_container ul li a:hover {background: rgba(255, 255, 255, 0.74);/* color: #205c77; *//* border-bottom: 1px solid #fff; */} #hot_content .hot_container ul li a:before {content:'.';width:;position: absolute;left: 0px;bottom: -1px;color: #205c77;} @media (max-width: 360px) {#hot_content .hot_container ul li a:before {content:'';width:;position: absolute;left: -10px;bottom: -1px;color: #205c77;}} #hot_content .hot_container ul li a:hover:before {content:"\f04b";width:;position: absolute;left: -18px;bottom: 5px;font-size: 14px;color: #205c77;font: normal normal normal 14px/1 FontAwesome;/* font-size: inherit; */text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} @-webkit-keyframes zoom { from { -webkit-transform: scale(1, 1); } to { -webkit-transform: scale(1.1, 1.1); } } @keyframes zoom { from { transform: scale(1, 1); } to { transform: scale(1.1, 1.1); } } #myCarousel .carousel-inner .item img { /* -webkit-animation: zoom 8s; */ /* animation: zoom 8s; */ } .country_tab{width: 100%;position: relative;display: table;margin-top: 0 !important;box-shadow: 1px 1px 4px 0px rgba(140, 140, 140, 0.5);overflow: hidden;margin-bottom: 25px;} .tabs{width: 30%;float: left;} .tabs li{float:left;overflow:hidden;border-left:none;display:block;:width: 82pxtext-align:center;cursor:pointer;width: 100%;height: 43px;line-height: 36px;text-indent: 0;text-align: left;font-size: 15px;border-radius: 0;/* border: none; */border-bottom: 1px solid #e1e1e1;float: right;background-color: rgb(255, 255, 255);margin: 0px 0px;padding: 0px 10px;} .tabs li.active{width: 108%;height: 43px;line-height: 36px;border: none;font-size: 15px;color: #FFF;background: #969696;padding-left: 21px;position: relative;padding: 0px 10px 0px 25px;margin: 0;border-bottom: 0px solid #e1e1e1;left: 0px;overflow: hidden;} .tabs li.active:after {position: absolute;left: 8px;top: 28%;content: "\f04b";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;} @media (max-width: 580px) {.tabs li.active:after {content: "";}} .tabs li.active:before {content:' ';width: 90%;position: absolute;left:0;bottom: 2px;border-bottom: 0px solid #e1e1e1;} .tab_container{clear:left;width: 70%;float: left;position: relative;overflow: hidden;} .tab_content img {width: 100%;height: auto;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;} .module_carousel #country_tab_1 li.active {background: #f4407d;} .module_carousel #country_tab_1 h3 {color: #ec1939;border-bottom: 5px solid #ec1939;} .module_carousel #country_tab_2 li.active {background: #ff8b2b;} .module_carousel #country_tab_2 h3 {color: #fb7c12;border-bottom: 5px solid #fb7c12;} .module_carousel #country_tab_3 li.active {background: #8acb3d;} .module_carousel #country_tab_3 h3 {color: #08880c;border-bottom: 5px solid #08880c;} .module_carousel #country_tab_4 li.active {background: #e4c306;} .module_carousel #country_tab_4 h3 {color: #c5a800;border-bottom: 5px solid #c5a800;} .module_carousel #country_tab_5 li.active {background: #f54594;} .module_carousel #country_tab_5 h3 {color: #eb0939;border-bottom: 5px solid #eb0939;} .module_carousel #country_tab_6 li.active {background: #3e88ed;} .module_carousel #country_tab_6 h3 {color: #0565ea;border-bottom: 5px solid #0565ea;} .module_carousel #country_tab_7 li.active {background: #848484;} .module_carousel #country_tab_7 h3 {color: #464645;border-bottom: 5px solid #464645;} .module_carousel #country_tab_8 li.active {background: #3fba43;} .module_carousel #country_tab_8 h3 {color: #34a204;border-bottom: 5px solid #34a204;} .module_carousel li a {color: ;} .module_carousel li .link_on {display:none;} .module_carousel li .link_off {display:block;color: #020202;} .module_carousel li.active .link_on {display:block;color: white;} .module_carousel li.active .link_off {display:none;} @media(max-width: 1199px) and (min-width: 991px) { .module_carousel h3 .module_box_more {font-size: 0.75em;padding: 1px 4px;margin: 0 10px;float: right;border: 1px solid #668fa1;border-radius: 3px;/* display: block; */} .module_carousel .tabs li {height: 34px;line-height: 34px;} .module_carousel .tabs li.active {height: 34px;line-height: 34px;} } @media (max-width: 580px) { .module_carousel .tabs {width: 100%;float: left;} .module_carousel .tabs li {float: left;display: table;width: 50%;overflow: hidden;} .module_carousel .tab_container {width: 100%; float: left;} .module_carousel .tabs li.active {width: 50%;padding: 0px 10px 0px 10px;} .module_carousel .module_box_title_text {font-size: 17px;font-size: 0.875em;} .module_carousel h3 .module_box_more {font-size: 0.75em;padding: 1px 4px;margin: 0 10px;float: right;border: 1px solid;border-radius: 3px;display: none;} } @media (max-width: 360px) { .module_carousel .module_box_title_text {display:none;} } @media(max-width: 991px) and (min-width: 980px) { #nav li.hidden-lg {display:none;} } .search_tabs{list-style:none;width:100%;margin:0;padding:0;display: table;} .search_tabs li{float:left;height: 37px;/* width: 120px; */display:block;text-align: left;padding: 0;background-color: #205c77;/* border-radius: 4px; */} .search_tabs li:hover {line-height: 37px;/* background: url(/eWeb_tresor/images/search_tab_on.png) no-repeat center; */} .search_tabs li.active {height: 37px;line-height: 37px;background-color: #286fdb;/* border-radius: 4px; */} .search_tabs li a{font-size:18px;height: 37px;line-height: 37px;color: #edffff;display:block;text-decoration:none;padding: 2px 19px;} .search_tabs li a:hover{color: #edffff;line-height: 38px;} .search_tabs li:nth-child(1).active a{margin:0;background-color: #286fdb;} .search_tabs li.active a{color: #ffffff;} .search_tabs li.active a:hover{color: #ffedf5;} .search_tabs li:nth-child(1) {margin-right:10px;} .search_tabs li:nth-child(1).active a {} .search_tabs li:nth-child(1) a:hover {} @media (max-width: 1200px){.search_col {}} @media (max-width: 992px){.search_col { /* padding: 0; */ }} @media (max-width: 768px){.search_col {}} @media (max-width: 45em){.search_col {padding:0;}} @media (max-width: 768px){#mv_youtube_01 {}} @media (max-width: 45em){#mv_youtube_01 {padding:0;}} @media (max-width: 1200px){#hot_choice_01 {}} @media (max-width: 992px){#hot_choice_01 {}} @media (max-width: 768px){#hot_choice_01 {}} @media (max-width: 45em){#hot_choice_01 {padding:0;}} .search_box {padding: 15px 15px;margin-bottom: 10px;background-color: rgba(255, 255, 255, 0.90);/* display: inline-block; */border: 1px solid #ccc;} @media (max-width: 1200px){.search_box { }} @media (max-width: 992px){.search_box { }} @media (max-width: 768px){.search_box {margin: 0px 0px 10px 0px;}} @media (max-width: 45em){.search_box {padding: 10px;}} .search_tab_container .tab_content { padding-right: 0px; padding-left: 0px; } .search_tab_container {display: table;width: 100%;} .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 0px 5px; font-size: 12px; font-size: 0.750em; } @media (max-width: 3000px){.GroupList .skin_module .products .item .thumbnail .product_img img {height: 165px;}} @media (max-width: 1200px){.GroupList .skin_module .products .item .thumbnail .product_img img {height: 165px;}} @media (max-width: 992px){.GroupList .skin_module .products .item .thumbnail .product_img img {height: 165px;}} @media (max-width: 991px){.GroupList .skin_module .products .item .thumbnail .product_img img {height: 125px;}} @media (max-width: 977px){.GroupList .skin_module .products .item .thumbnail .product_img img {height: 250px;}} @media (max-width: 767px){.GroupList .skin_module .products .item .thumbnail .product_img img {height: auto;}} @media (max-width: 45em){.GroupList .skin_module .products .item .thumbnail .product_img img {height: auto;}} .wrapper #top .container {/* width: 100%; */} .wrapper #top .container .row { /* margin-right: 30px; */ /* margin-left: 30px; */ } .wrapper .container {/* padding-right: 0px; *//* padding-left: 0px; *//* background: url(/eWeb_tresor/images/default/bg_contents01.jpg) repeat; */} .panel-body {padding: 5px;} /*START公版css*/ .top-menu-link01{font-size:13px;color:#cdcdcd;text-decoration:none;} .top-menu-link02{font-size:13px;color:#666666;text-decoration:none;line-height:20px;} .left-style-bg{background-color:#ffffff;background-image:url(/eWeb_tresor/images/top_images/ha_left.gif);background-repeat:repeat-y;background-position:left;display: none;width:100%;} .left-menu-link01{font-size:13px;color:#747474;text-decoration:none;line-height:18px;letter-spacing:1px;} .left-menu-link02{font-size:13px;line-height:20px;color:#5e5a37;text-decoration:none;} .left-input-text01{font-size:13px;line-height:18px;color:#404040;} .left-input-text02{font-size:13px;} .left-input-box{border:1px solid #666666;font-size:13px;list-style-type:disc;color:#5b5b5b;background-color:#ffffff;height:18px;width:60px;} .left-input-button{cursor:pointer;background:none;border-style:solid;border-width:0px;} td.order-contant-text01 .left-input-button,.order-contant-td01 .left-input-button{font-size:18px;color:#ff0000;} .marquee-t1{width:100%;height:15px;background-color:transparent;font-size:13px;color:#0033ff;} .marquee-m13{width:98%;background-color:transparent;font-size:13px;color:#267e91;height:110px;} .marquee-link-m13{background:#f6efe5;font-size:13px;color:#ab2e34;text-decoration:none;line-height:25px;} .marquee-link-m13 a:link{color:#ab2e34;margin-right:20px;} .marquee-link-m13 a:hover{color:#c68245;} .marquee{width:100%;background-color:transparent;height:60px;} .marquee-link{font-size:13px;color:#333333;text-decoration:none;line-height:18px;} .right-style-bg{background-color:#ffffff !important;} .right-menu-link01{font-size:13px;color:#25638f;text-decoration:none;line-height:17px;} .banner-link{font-size:13px;color:#666666;text-decoration:none;line-height:17px;} .left-banner-table{border-collapse:collapse;border:none;border-width:0px;width:100%;} .left-banner-td{height:1px;} .left-banner-picture{width:155px;height:90px;} .right-banner-picture{width:150px;height:90px;} .right-banner-td{height:2px;} .all-table-width{/* width: 300px !important; *//* margin: 0px auto; *//* background:url(/eWeb_happy-times/images/top_images/company_bg.png); */} .all-table-width-new{width:100% !important;margin:0 auto;margin-top:1px;background:url(/eWeb_happy-times/images/top_images/company_bg.png);} .main-title{font-size:13px;color:#666;font-weight:normal;} td.titlelink table tr td table.main-title{font-size:22px;line-height:32px;color:#0021A5;font-family:"微軟正黑體",Arial,sans-serif,"新細明體";margin:25px 0 0-25px;} .main-table-width{width:100%;} .main-td-color{padding:5px 5px;display:table;margin:0 auto;width: 1170px;} .m8-table-bg{position:relative;width:300px;height:234px;background:#f8f8f8;overflow:hidden;} .m8-table{border-collapse:collapse;border:none;} .m8-td{position:absolute;top:156px;left:0;border-collapse:collapse;border:none;padding:0 5px 0 6px;width:289px;font-size:13px;line-height:22px;font-family:"新細明體",Arial,sans-serif;font-style:normal;color:#999;} .m8-picture{position:absolute;top:-156px;left:0;z-index:99;zoom:1;width:300px;height:120px;} .m8-table-bg a.m8-link{position:absolute;top:-30px;left:6px;width:288px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:15px;line-height:26px;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;color:#00b9cf;text-decoration:none;font-weight:normal;} .m8-table-bg a:hover.m8-link{color:#93AD00;} .m8-table-bg .m6-link02 nobr{position:absolute;left:0;top:44px;display:block;width:288px;height:33px;line-height:30px;background:#f8f8f8;font-size:18px;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;color:#ff3d2e;text-align:right;padding:0 6px;border-bottom:1px solid #f1f1f1;} .m9-table-bg{margin:0;padding:0;} .m9-scroll{display:block;width:695px;} span.m9-scroll table tr td.m9-td{width:0;} .m9-td{background-color:transparent;border-bottom:1px dotted #bfbfbf;padding:10px 0;} .m9-link,.m9-link p{width:580px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;} td.m9-td a.m9-link{padding:0 5px;font-size:17px;color:#4c4c4c;text-decoration:none;line-height:23px;letter-spacing:0px;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;} .m9-link p,.m9-link i{font-size:13px;font-family:"新細明體",Arial,sans-serif;} .m9-link p{color:#64A5E2;} .m9-link i{display:block;color:#f56006;} .m9-link p i{display:inline-block;} .m9-td .m6-link02{display:block;width:100px;padding-right:5px;color:#ed0000;font-size:17px;font-family:Arial,"新細明體",sans-serif;} .m9-table{width:240px;} .m9-picture{width:112px;height:37px;} .ms-table-bg{margin-bottom:20px;padding:10px;line-height:30px;} .ms-td-line-width{width:6px;background-image:url(../../404-1.html);} .ms-td-line-height{height:21px;background-image:url(../../404-1.html);background-repeat:no-repeat;} .ms-tr01{font-size:13px;color:#555;letter-spacing:1px;} .ms-tr01 td{;} .ms-tr02{font-size:13px;color:#555;letter-spacing:1px;} .ms-tr02 td{;} .ms-open-table{border-collapse:collapse;border:solid;border-width:0px;border-color:#b0b0b0;width:100%;} .ms-open-td{border-collapse:collapse;border:solid;border-width:0px;font-size:13px;border-color:#b0b0b0;background-color:#eeeeee;padding:1px 1px 1px 1px;color:#003366;height:20px;line-height:20px;} .ms-open-text{font-size:13px;line-height:18px;color:#42597d;text-decoration:none;background-color:#fdf7fa;border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#b0b0b0;padding:1px 1px 1px 1px;} .ms-input-box{font-size:13px;color:#444444;letter-spacing:1px;height: 22px;} .ms-input-text{font-size:12px;letter-spacing:1px;} .ms-input-button{cursor:pointer;background:none;border:none;} a.ms-input-button table{vertical-align:bottom;display:block;height:21px;line-height:21px;} .m6-table-bg{position:relative;width:300px;height:185px;} .m6-picture{position:absolute;z-index:1;top:0;left:0;width:300px;height:185px;} .m6-table-bg .m6-tr01 a.m6-link{position:absolute;z-index:2;left:12px;top:8px;width:252px;height:22px;line-height:22px;margin:0;padding:0;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:15px;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;text-decoration:none;color:#00b9cf;} .m6-table-bg .m6-tr01 a:hover.m6-link{color:#aac900;} .m6-table-bg a.m6-link02{position:absolute;z-index:2;right:12px;bottom:4px;width:252px;height:22px;line-height:22px;font-size:15px;color:#ff3d2e;font-family:Arial,Helvetica,sans-serif;text-decoration:none;} .m6-tr01{position:absolute;z-index:2;top:115px;left:12px;width:276px;height:60px;background:#fff;} .m6-tr02{height:30px;} .m6-table{;} .m7-table-bg{width:595px;margin-top:15px;} .m7-link{width:78%;height:30px;line-height:29px;padding:0 10px 0 3px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:13px;color:#777;text-decoration:none;font-family:Arial,"新細明體",sans-serif;} .m7-table{;} .m7-tr01{;} .m7-tr02{;} tr.m7-tr01 td{border-bottom:1px dotted #bfbfbf;} .m7-tr01 .m6-link02 nobr{display:block;height:30px;line-height:29px;margin-left:-90px;width:105px;color:#ff3d2e;font-size:13px;font-family:Arial,"新細明體",sans-serif;} .m10-table-bg{;} .m10-picture{width:105px;height:110px;margin-right:10px;} .m10-tr01,.m10-tr02{position:relative;} .m10-table-bg a.m10-link .t,.m10-table-bg a.m10-link p{color:#f3f3f3;width:155px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .m10-table-bg a:hover.m10-link .t,.m10-table-bg a:hover.m10-link p{color:#d8ff00;} .m10-link{display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:200px;height:29px;line-height:22px;margin-left:-5px;font-size:13px;font-family:Arial,"新細明體",sans-serif;color:#777;text-decoration:none;} .m10-table-bg a.m10-link02{position:absolute;left:160px;width:68px;height:29px;line-height:22px;font-size:13px;font-family:Arial,"新細明體",sans-serif;color:#d8ff00;text-decoration:none;} .go-all-table-width{width:1130px !important;margin:0 auto;} .go-all-table-width > tbody > tr:nth-child(2) > td > div > table > tbody > tr > td > img{display:none;} .go-all-table-width > tbody > tr:nth-child(2)> td > div > table > tbody > tr > td{background:none;} .go-ms-title{font-size:16px;color:#383838;text-decoration:none;line-height:32px;background-color:#ffffff;letter-spacing:1px;} .go-ms-table-line{width:100%;border:1px solid #eee;} .go-ms-table-line table{margin:5px;} .go-search-result-tr{font-size:13px;color:#666;text-decoration:none;font-weight:normal;background-color:#fafafa;padding:10px;} .go-contant-row{font-size:13px;color:#342f3c;text-decoration:none;line-height:17px;padding:5px 0;} .go-contant-table{border-collapse:collapse;width:100%;border: 2px solid #ffffff;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} :before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .go-contant-td01,.go-contant-td02,go-contant-td04{border-collapse:collapse;font-size:15px;font-family:Microsoft JhengHei,"微軟正黑體",Apple Symbols;background:#fff;color:#303030;line-height:38px;border-bottom: 1px solid #dedee1;border-width:0 0 1px 0;} .go-contant-td01{padding:10px;} .go-contant-td02{padding:12px;} .go-contant-td01{font-size:15px;font-family:Microsoft JhengHei,"微軟正黑體",Apple Symbols;background-color:#FFFFFF;padding:12px;color:#303030;line-height:39px;border: 1px solid #d381df;border-width:0 0 1px 0;padding:10px;} .go-contant-td02{font-size:15px;font-family:Microsoft JhengHei,"微軟正黑體",Apple Symbols;background-color:#FFFFFF;padding:12px;color:#303030;line-height:39px;border: 1px solid #d381df;border-width:0 0 1px 0;padding:10px;} .go-contant-td01 a,.go-contant-td02 a,go-contant-td04 a{text-decoration:none;line-height:25px;} .go-contant-td03{padding:0px;background: #d381df;border-collapse:collapse;font-size:16px;color:#ffffff;height: 50px;line-height:50px;background:linear-gradient(top,#FFFFFF,#f6ecff);background:-moz-linear-gradient(top,#FFFFFF,#f6ecff);background:-ms-linear-gradient(top,#FFFFFF,#f6ecff);font-weight:600;} input#subBtn{ color:#333; line-height:30px;} input#resBtn{ color:#333; line-height:30px;} .go-contant-table-day{border:0 solid #fff;} table.go-contant-table-day{margin-bottom:10px;} table.go-contant-table-day img{max-width:1200px !important;} .go-contant-td04,.go-contant-td05{margin-bottom:15px;margin-top:-5px;border-collapse:collapse;border:1px solid #fff;font-size:15px;background-color:#f9f9f9;padding:1px;color:#555;line-height:26px;letter-spacing:1px;} .go-contant-td05{margin-bottom:30px;} .go-contant-td05 table td.go-contant-td05{border:none;text-align:left;} .go-contant-td05 td{text-align:left;} span.go-contant-td05{font-size:13px;background:transparent;border:none;color:#515151;} .go-contant-td06{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#b0b0b0;background-color:#f5eeff;padding:1px 1px 1px 1px;color:#044ed5;height:23px;line-height:23px;letter-spacing:1px;} span#showold{padding-bottom:20px;display:block;} .text tr.go-everyday-td01 td,.text tr.go-contant-text02 td{padding:3px 2px;font-size:15px;} .go-everyday-td01,.go-everyday-td02{padding:8px 2px 8px 5px;background:#f5f5f5;font-size:17px;color:#3e3e3e;line-height:24px;border-bottom:1px solid #FFFFFF;font-family:Helvetica,"微軟正黑體",sans-serif,Arial;font-weight:normal;} td.go-everyday-td01{padding:5px 2px;font-size:22px;background: #f6bfff;color: #5d5d5d;vertical-align:middle;} table.go-tour-td-color01 td{padding:3px 0 3px 0;} td.go-everyday-td02{padding:10px 15px 10px 15px;/* font-weight:bold; */} form#Form1 table tr td table tr td.go-everyday-td01{font-size:18px;background:#0085cd;color:#fff;text-indent:0;padding:0 8px;width:auto;border:1px solid #fff;} .go-contant-link01{display:block;font-size:16px;color:#555;text-decoration:none;letter-spacing:1px;display:block;white-space:normal;} td.go-contant-td01 a.go-contant-link01:hover{color: #958fcd !important;} td.go-contant-td02 a.go-contant-link01:hover{color: #9690ce !important;} .go-contant-link02{font-size:13px;line-height:20px;color:#0066ff;text-decoration:none;letter-spacing:1px;} a:hover.go-contant-link02 img{opacity:0.8;filter:alpha(opacity=80);} .go-contant-text01{font-size:13px;line-height:22px;color:#42597d;text-decoration:none;letter-spacing:1px;} .go-contant-text02{font-size:15px;line-height:26px;color:#555;text-decoration:none;background:#fff;letter-spacing:1px;padding:0px;border-bottom:1px dotted #dbdbdb;} span.go-contant-text02{border:none;} td.go-contant-text02 table tr td.go-contant-text02{border:none;} td..go-contant-text02 img{max-width:980px;} .go-contant-text03{font-size:15px;line-height:22px;color:#ff0000;text-decoration:none;font-weight:bold;letter-spacing:1px;} .go_detail_fare_desc{border-bottom:5px solid #f9f9f9;} table.go_detail_fare_desc table{margin:10px;} .go-contant-money01{font-size:15px;line-height:26px;color:#e81010;text-decoration:none;} .go-contant-picture{height:150px;width:200px;} .go-contant-picture01{height:112px;width:145px;} .go-contant-picture02{height:100px;width:100px;} .go-td-line-height{background-image:url(/eWeb_tresor/images/line_001.gif);height:15px;} .go-page-link{font-size:14px;color:#990099;text-decoration:none;} .go-page-link01{font-size:14px;color:#044ed5;text-decoration:none;} .go-tour-menu-table{border-collapse:collapse;border:none;border-width:0px;border-color:#b0b0b0;width:100%;} .go-tour-menu-td01{border-collapse:collapse;font-size:14px;background-color:#ffffff;padding:2px 2px 2px 8px;} .go-tour-menu-td02{border-collapse:collapse;font-size:14px;background-color:#ffffff;padding:2px 8px 2px 2px;} .go-tour-menu-link01{font-size:14px;color:#363636;text-decoration:underline;letter-spacing:1px;} .go-tour-menu-text{padding-top:5px;padding-right:8px;font-size:13px;color:#339933;text-decoration:none;} .go-tour-td-color01,.go-tour-td-color02{background:#ffffff;font-size: 16px;color:#555;text-decoration:none;border:1px dotted #ccc;border-width:0 0 1px 0;line-height: 44px;} .go-tour-td-color01,.go-tour-td-color02 td{line-height: 21px;padding: 0px;} .GO-TITLE{margin-bottom:20px;} .go-main-title{padding:5px;font-size: 24px;color: #191919;text-decoration:none;background:#f7f7f7;line-height: 40px;font-family:"微軟正黑體",Helvetica,Arial,sans-serif;} .go-contant-table td.travel_enlarge{vertical-align:top;} .go-contant-table td.travel_enlarge img{margin-right:10px;} .go-main-subtitle-wrap{margin:30px 0 10px;} .go-main-subtitle{font-size:18px;color:#3e3e3e;text-decoration:none;font-family:"微軟正黑體",Helvetica,Arial,sans-serif;padding:10px 0;} .go-main-subtitle img{margin-right:5px;margin-bottom:5px;} .order-all-table-width{width:1140px;margin: 0px;} .order-step-title{color:#484848;text-decoration:none;width:100%;} table.order_contant_table_login td{padding-right:20px;vertical-align:baseline;} .order-contant-text01{padding-bottom:10px;font-size:14px;line-height:28px;font-style:normal;color:#454545;} .order-contant-text02{font-size:15px;line-height:28px;font-style:normal;color:#454545;} .order-contant-title{font-size:21px;} .order-contant-title:nth-child(1) > td{-size:13px;line-height:40px;color:#000000;font-family:"微軟正黑體",Arial,sans-serif,"新細明體";} .order-td-color01{background-color:#eee;font-size:14px;color:#281000;text-decoration:none;height:22px;padding: 9px 18px;border-bottom:2px solid #f5f5f5;width:170px;letter-spacing:1px;display:table-cell;vertical-align:middle;text-align: LEFT;} .order-td-color02{background-color:#f0ffe0;font-size:14px;color:#454545;text-decoration:none;line-height:30px;} .order-input-box{font-size:14px;color:#666666;background-color:#ffffff;line-height:22px;border:1px solid #B3B3B3;font-family:inherit;margin:5px;} .order-input-box02{background-color:#ffffff;font-size:14px;list-style-type:disc;color:#333333;border:1px solid #7E7E7E;} .order-input-text{font-size:14px;padding:5px;} .order-input-text01{font-size:14px;color:#666666;padding: 6px 12px;/* height: 25px; */} .order-input-text01 td{font-size:14px;line-height:24px;} .order-input-text01 td input{vertical-align:middle;} .order-input-button{cursor:pointer;background:none;border-style:solid;border-width:0px;} .tkt-order-input-button{cursor:pointer;background:none;border-style:solid;border-width:0px;} .pg-order-input-button{cursor:pointer;cursor:hand;background:none;border-style:solid;border-width:0px;} .htl-order-input-button{cursor:pointer;background:none;border-style:solid;border-width:0px;} .order-td-line-height{background-image:url(/eWeb_tresor/images/line_001.gif);height:15px;} .order-contant-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#ffffff;width:100%;margin:10 auto;} .order-contant-td01{border-collapse:collapse;border-bottom:solid 0px #B4B4B4;font-size:15px;padding:5px;color:#454545;height:35px;line-height:30px;margin:0px 5px;} .order-contant-td02{padding:5px;background-color:#ffffff;border:solid 1px #B4B4B4;font-size:15px;color:#454545;height:35px;line-height:30px;} .order-contant-td03{padding:5px;border-collapse:collapse;border:solid 1px #B4B4B4;font-size:15px;background:#E8E8E8;color:#454545;height:35px;line-height:30px;} .order-contant-td03 input{;} .order-contant-td03 input.btn07{height:35px !important;width:105px !important;} .order-contant-td04{padding:5px;border-collapse:collapse;border:solid 1px #B4B4B4;font-size:15px;background:#F5F5F5;color:#454545;height:35px;line-height:30px;} .tkt-order-contant-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#bec5cf;width:100%;} .tkt-order-contant-td01{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#bec5cf;background-color:#dfffe8;padding:1px 1px 1px 1px;color:#003399;height:20px;line-height:20px;} .tkt-order-contant-td02{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#bec5cf;background-color:#ffffff;padding:1px 1px 1px 1px;color:#666666;height:25px;line-height:20px;} .pg-order-contant-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#bec5cf;width:100%;} .pg-order-contant-td01{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#bec5cf;background-color:#f9ffe1;padding:1px 1px 1px 1px;color:#003399;height:20px;line-height:20px;} .pg-order-contant-td02{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#bec5cf;background-color:#ffffff;padding:1px 1px 1px 1px;color:#666666;height:25px;line-height:20px;} .order-contant-money01{font-size:18px;line-height:26px;color:#ff0000;text-decoration:none;font-weight:normal;} .order-contant-money02{font-size:15px;line-height:26px;color:#0000ff;text-decoration:none;} .date-search-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#ffffff;width:215px;} .date-search-tr-color{background-color:#dededc;color:#000000;line-height:18px;font-size:13px;} .date-search-td01{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color: #ffd0d0 !important;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;} .date-search-td02{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color: #ddffaa !important;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;} .date-search-td03{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color: #eee8ee !important;padding:1px 1px 1px 1px;color:#807593;line-height:18px;} .date-search-td04{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color: #ddf0ff !important;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;} .htl-date-search-td01{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color:#cdcdcd;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;} .htl-date-search-td02{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color:#ddffaa;padding:1px 1px 1px 1px;color:#342f3c;line-height:18px;} .htl-date-search-td03{border-collapse:collapse;border:solid;border-width:1px;font-size:13px;border-color:#cccccc;background-color:#fefefe;padding:1px 1px 1px 1px;color:#807593;line-height:18px;} .htl-date-search-td04{border-collapse:collapse;border:solid;border-width:0px 1px 1px 0px;font-size:13px;border-color:#cccccc;background-color:#f9f7f0;padding:0px 1px 0px 0px;color:#664500;line-height:15px;font-family:"arial","helvetica","sans-serif";text-align:center;} .member-all-table-width{width:1200px;margin:0 auto;} a.member-title{font-size:18px;vertical-align:baseline;} table#show01{margin-top:10px;width:100%;text-align: center;} td.member-title{;} .member-title{font-size:24px;color: #4d3b47;font-family:"微軟正黑體","arial","helvetica","sans-serif";text-decoration:none;font-weight:normal;width:100%;padding:20px;text-align:center;/* display: none; */font-size: 0px;} .member-contant-text01{font-size:14px;color:#666;line-height:26px;} .member-contant-text02{font-size:15px;color:#d92a1b;line-height:26px;font-weight:normal;} .member-input-box{background:#ffffff;font-size:15px;list-style-type:disc;color:#333333;border:1px solid #BBBBBB;font-weight:normal;} .member-input-text,.member-contant-title{font-size:15px;background:#F2F2F2;padding:10px 0px 10px 20px;} .member-input-text td{padding:5px 0 5px 0px;} .member-input-text a.member-input-link{color:#666;} .member-input-text a:hover.member-input-link{color:#0085cd;} .member-input-link{padding:5px;margin-left:15px;display:inline-block;font-size:13px;color:#996B3A;} .member-input-button{margin:10px 0;cursor:pointer;background:none;border-style:solid;border-width:0px;} .member-input-button02{background-color: #d92a1b;border: 1px solid #d92a1b;font-size:15px;width:40px;letter-spacing:2px;color:#fff;} a:link.forget_pw{background-color:#E2E2E2;border:1px solid #ffffff;font-size:13px;letter-spacing:2px;color:#fff;padding:3px;} a:hover.forget_pw{background:#e8e8e8;color:#5d5d5d;} .member-td-line-height{background-image:url(/eWeb_tresor/images/line_001.gif);height:15px;} .member-contant-table{border-collapse:collapse;border:solid;border-width:1px;border-color:#ffffff;width:100%;} .member-contant-td01{border-collapse:collapse;border:1px solid #f6efe5;font-size:15px;padding:5px;color:#545454;height:26px;line-height:26px;background-color:#fff;} .member-contant-td02{padding:5px;border-collapse:collapse;font-size:15px;border:1px solid #e6e6e6;color:#454545;height:26px;line-height:26px;background-color:#fff;} .member-contant-td02 td{vertical-align:inherit;} .member-contant-td03{line-height:26px;padding:3px;font-family:"微軟正黑體",Arial,sans-serif,"新細明體";font-size:16px;color:#333;border-collapse:collapse;border:1px solid #e6e6e6;background-color:#eee;} .member-contant-money01{border-collapse:collapse;border:1px solid #f6efe5;padding:5px;height:26px;background-color:#ffffff;font-size:15px;line-height:20px;color:#ec0000;text-decoration:none;font-weight:bold;} .member-contant-money02{border-collapse:collapse;border:solid;border-width:1px;border-color:#ccc4e1;padding:3px 3px 3px 3px;height:25px;background-color:#fcfbff;font-size:13px;line-height:20px;color:#009933;text-decoration:none;} table#show00 > tbody > tr:nth-child(1) > td{background:none;padding:0;} table#show00 > tbody > tr:nth-child(2)> td > table > tbody > tr:nth-child(1)> td{background:none;padding:0;} .member-order-list{width:100%;margin:0 0 10px;padding:0;border-collapse:collapse;border:#e6e6e6 1px solid;background:#fff;font-size:13px;text-align:left;} .member-order-list tr:hover{background:#f9f9f9;} .member-order-list th{white-space:nowrap;border-collapse:collapse;padding:5px 8px;height:24px;line-height:24px;border:#fff 1px solid;background:#e9f6fc;color:#617492;font-weight:bold;text-align:center;font-size:13px;} .member-order-list td{border-collapse:collapse;padding:5px 8px;color:#454545;line-height:20px;border-bottom:#eee 1px solid;font-size:13px;} .member-order-list h3{height:24px;padding:2px 5px;line-height:24px;background:#eee;color:#454545;font-size:15px;font-weight:bold;text-align:left;} .member-order-filter{margin:8px 0 3px;font-size:13px;} .member-order-page{background:#f3f3f3;height:30px;text-align:center;} .member-order-page td{padding:5px 0 1px;} .member-contant-text01 ul,.member-contant-text01 li{list-style:disc;text-align:left;margin-left:20px;} .member-order-wrap{clear:both;border:#e9f6fc 8px solid;padding:10px;margin:5px auto 10px;background:#fff;} .member-order-detail{width:100%;margin:0 0 10px;padding:0;border-collapse:collapse;font-size:15px;} .member-order-detail tr:hover{background:#f9f9f9;} .member-order-detail td{border-collapse:collapse;padding:6px 8px 3px;color:#454545;line-height:20px;font-size:15px;} .member-order-bg01{padding:5px 8px;height:30px;line-height:30px;background:#fffde6;font-weight:bold;} .member-order-bg02{padding:5px 8px;height:30px;line-height:30px;background:#e7f3ff;} .member-order-text01{color:#F00;font-size:15px;letter-spacing:1px;} .member-order-text02{color:#003da1;font-weight:bold;letter-spacing:1px;} .member-order-text03{font-size:15px;} .member-order-btn-wrap{width:100%;margin:20px auto 5px;padding:0;list-style:none;} .member-order-btn-wrap li{list-style:none;} .member-order-btn-wrap .col_left{float:left;} .member-order-btn-wrap .col_right{float:right;text-align:right;} .member-order-btn-wrap a{display:inline-block;margin:2px 5px;} .member-order-btn-wrap a:hover{opacity:0.7;filter:alpha(opacity=70);} .btn_back{display:inline-block;outline:none;cursor:pointer;text-align:center;text-decoration:none;margin:0 .1em;padding:.8em 1.4em;text-shadow:0 1px 1px rgba(0,0,0,.3);background:#e4e4e4;background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#e4e4e4));background:-webkit-linear-gradient(top,#fefefe,#e4e4e4);background:-moz-linear-gradient(top,#fefefe,#e4e4e4);background:-ms-linear-gradient(top,#fefefe,#e4e4e4);background:-o-linear-gradient(top,#fefefe,#e4e4e4);background-image:-ms-linear-gradient(top,#fefefe 0%,#e4e4e4 100%);color:#3a3a3a;font-size:13px;border:#b3b3b3 1px solid;} .btn_back:hover{color:#f6f6f6;background:#999;} .btn_search{display:inline-block;outline:none;cursor:pointer;text-align:center;text-decoration:none;margin:0 .1em;padding:.3em 1.2em;text-shadow:0 1px 1px rgba(0,0,0,.3);background:#3395CD;background:-webkit-gradient(linear,left top,left bottom,from(#85C1E8),to(#3395CD));background:-webkit-linear-gradient(top,#85C1E8,#3395CD);background:-moz-linear-gradient(top,#85C1E8,#3395CD);background:-ms-linear-gradient(top,#85C1E8,#3395CD);background:-o-linear-gradient(top,#85C1E8,#3395CD);background-image:-ms-linear-gradient(top,#85C1E8 0%,#3395CD 100%);color:#ffffff;font-size:13px;} .btn_search:hover{color:#fff;background:#1ba2d4;} /*END公版css*/ /*首頁 css*/ #iframe_GO {height: 190px;} @media (max-width: 3000px){#iframe_GO {height: 190px;}} @media (max-width: 1200px){#iframe_GO {height: 192px;}} @media (max-width: 992px){#iframe_GO {height: 190px;}} @media (max-width: 768px){#iframe_GO {height: 190px;}} @media (max-width: 45em){#iframe_GO {height: 206px;}} #iframe_PGO {height: 190px;} @media (max-width: 3000px){#iframe_PGO {height: 190px;}} @media (max-width: 1200px){#iframe_PGO {height: 259px;}} @media (max-width: 992px){#iframe_PGO {height: 190px;}} @media (max-width: 768px){#iframe_PGO {height: 190px;}} @media (max-width: 45em){#iframe_PGO {height: 218px;}} .footer_moreinfo {padding: 0 0 0px 0;margin-bottom: 0px;} .footer_moreinfo .panel {margin-bottom: 0;border-radius: 0px;margin: 0px 0;border: none;} .footer_moreinfo .panel-default > .panel-heading {color: #333;background-color: #f5f5f5;border: none;padding: 0;} .footer_moreinfo .panel-default .panel-bottom {display: table;} .footer_moreinfo .panel-title {/* font-size: 1em; */} .footer_moreinfo .panel-heading {margin: 0px;padding: 0px;} .footer_moreinfo .panel-content-title {margin: 0px;} .footer_moreinfo .panel-content-title .accordion-toggle.collapsed {color: #fff;display: block;background: #eeeeee;/* text-align: center; */} .footer_moreinfo .panel-content-title .accordion-toggle {color: #ffffff;display: block;font-weight: bold;padding: 10px 15px;background: #286fdb;text-align: center;} .footer_moreinfo .panel-title .accordion-toggle.collapsed {color: #fff;display: block;background: #205c77;/* text-align: center; */} .footer_moreinfo .panel-title .accordion-toggle.collapsed i {color: #fff;} .footer_moreinfo .panel-title .accordion-toggle {color: #ffffff;display: block;font-weight: bold;padding: 10px 15px;background: #286fdb;text-align: center;} .footer_moreinfo .panel-title .accordion-toggle i {color: #fff;} .footer_moreinfo .panel-body {font-size: 16px;padding: 15px;} .footer_moreinfo .panel-body img {max-width:100%;height: inherit;margin: 10px 0;} .footer_moreinfo .panel-body li {padding-bottom: 10px;/*display: inline-block;*/padding-right: 10px;} .footer_moreinfo .panel-body li a {color: #205c77;font-size: 14px;font-size:;} .footer_moreinfo .panel-body .fa {margin-right: 3px;color: #afafaf;} .creditcard-info h3{background: #b089d5;background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#d481df), to(#8d91cb));color:white;/* padding-left:21px; *//* line-height:2.2em; */margin-bottom:20px;border-radius: 4px;position: relative;display: none;} .creditcard-info h3:before{content:"";background: url(/eWeb_tresor/images/default/module_tltie.png) repeat-y left;color:white;/* padding-left: 10px; *//* line-height:2.2em; *//* margin-bottom:20px; */position: absolute;top: 0px;bottom: 0px;width: 10px;} .creditcard-info h3 p {margin: 0px;padding: 10px 30px;color:white;display: inline-block;} .creditcard-info a{color: #fff100;float:right;font-size:0.75em;margin: 0px;padding: 15px 30px;} .page_title h3{/* background: #b089d5; *//* background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#d481df), to(#8d91cb)); */color: black;/* padding-left:21px; *//* line-height:2.2em; */margin-bottom:20px;border-radius: 4px;position: relative;text-align: center;/* display: none; */} .page_title h3:before{content:"";/* background: url(/eWeb_tresor/images/default/module_tltie.png) repeat-y left; */color:white;/* padding-left: 10px; *//* line-height:2.2em; *//* margin-bottom:20px; */position: absolute;top: 0px;bottom: 0px;width: 10px;} .page_title h3 p {margin: 0px;padding: 10px 30px;color: black;display: inline-block;} .page_title p::before{content:'';background: #d92a1b;width: 7%;min-width: 50px;height: 2px;position:absolute;left: 33%;top: 50%;} .page_title p::after{content:'';background: #d92a1b;width: 7%;min-width: 50px;height: 2px;position:absolute;right: 33%;top:50%;} @media (max-width: 768px) { .page_title p::before {display:none} .page_title p::after {display:none} } .page_title a{color: #fff100;float:right;font-size:0.75em;margin: 0px;padding: 15px 30px;display: none;} .idx_content {/*margin-bottom: 20px;*//* display: table; */} .page_choice {margin-top:30px;} .promotions_box div.text_box{margin:0px;background:#f7f7f7;} .promotions_box div.text_content{height: 100%;background-size:100%;background-position:right bottom;background-repeat:no-repeat;position:relative;background: #faf2db;padding: 10px 10px 10px 10px;border-bottom: 5px solid #faf2db;} .promotions_box a:hover div.text_content { border-bottom: 5px solid #c00; } .promotions_box a:hover div.text_content::after { content: ""; position:absolute; right:0; bottom: -1px; width:0px; height:0px; border-width: 24px; border-style:solid; border-color: transparent #d92a1b #d92a1b transparent; /* position:absolute; */ /* top:-68%; */ /* right:40%; */ /* content:""; */ } .promotions_box p.title{color: #000000;/* margin: 0px 10px; *//* padding:10px 10px 0px 10px; */display:inline-block;font-size: 22px;font-size: 1.375em;font-weight: bold;letter-spacing: 1.2px;overflow:hidden;/* line-height:36px; */text-overflow:ellipsis;white-space:nowrap;width:100%;} .promotions_box a:hover div p.title {color:#c00;} .promotions_box p.content_text{font-size: 18px;font-size: 1.125em;color: #040404;/* margin:0px 10px 5px 10px; */line-height:20px;overflow:hidden;height: 60px;text-align:justify;letter-spacing: 1.2px;text-overflow: ellipsis;/* white-space: nowrap; */} .promotions_box i.hot_hover {display:none} .promotions_box a:hover i.hot_hover {display:table;position:absolute;right: 8px;bottom: 8px;color: #faf2db;z-index: 999;} .promotions_box p.item_price{color:#dc3591;font-size: 24px;font-size: 1.625em;/* font-family:Arial; */margin: 0 10px 10px 10px;text-align: right;font-weight: 700;/* line-height:1.0em; *//* float:right; *//* font-family:Meiryo UI; *//* position:absolute; *//* right:0; *//* bottom:0; *//* display: table; */} .promotions_box p.item_price i{/* font-size:12px; *//* font-weight:normal; */text-decoration:none;font-style:normal;/* color:#606060; */} .promotions_box .promotions_img img{width:100%;} .promotions_box {margin-bottom: 20px;} .promotions_box:hover{box-shadow:1px 1px 6px 1px rgba(140,140,140,0.3);} .promotions_box div.text_content a:focus{text-decoration:none;} .promotions_box div.text_box{margin:0px;background:white;} .promotions_box .promotions_img img{width:100%;height: 252px;} @media (max-width: 1200px) { .promotions_box .promotions_img img{height: 206px;} } @media (max-width: 991px) { .promotions_box .promotions_img img{height: 156px;} } @media (max-width: 768px) { .promotions_box .promotions_img img{height: auto;} } .promotions_box .promotions_img{position:relative;} .promotions_box .promotions_img:after{background-color:#000000;background:url(/eWeb_tresor/images/default/img_info.png);/* content:"More >"; */color:#FFEB3B;font-size: 18px;background-repeat:no-repeat;position:absolute;/* display:block; *//* width:67px; *//* height:67px; *//* top:40%; */left:40%;/* right:40%; */bottom:40%;opacity:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;} .promotions_box:hover .promotions_img:after{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:0.9;} .promotions_box:hover .promotions_img:before{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:0.9;} .promotions_box .promotions_img:before{/* background-color:rgba(0,0,0,0.52); */content:"";background-repeat:no-repeat;position:absolute;display:block;top:0px;left:0px;right:0px;bottom:0px;opacity:0;} .top-offer {margin-bottom:15px;} .index_choice .promotions_box p.content_text { height: 40px; } .owl-carousel{position:initial;overflow:hidden;} .owl-carousel .owl-stage .owl-item{/* padding-right:10px; *//* padding-left:10px; */} .owl-carousel .owl-stage-outer{;} .room-grid-view {overflow:hidden;padding: 0px;position:relative;} .room-grid-view a.title { /* position: absolute; */ bottom: 0; /* background: #0000007a; */ width: 100%; display: block; z-index: 999; /* padding: 5px; */ } .room-grid-view:hover a.title {border-bottom: 5px solid #c00;bottom: 0;position: absolute;} .room-grid-view a.title h4 { /* margin: 0; */ color: #fff; padding-left: 10px; } .room-grid-view a {} @media (max-width: 768px) { .hko_slider .room-grid-view a img{ height: 240px; width: unset !important; max-width: fit-content !important; } } .owl-carousel-container{position:relative;} .owl_partner_title {padding:0 10px;} .owl_partner_title h3 {color: #d481df;} .owl_partner_title h4 {} .owl-nav{top:40%;right:5px;display:table;overflow:hidden;} .owl-prev{background-image: url(/eWeb_tresor/images/default/next_s.png);background-repeat:no-repeat;position:absolute;right: 2.5%;top:40%;font-size:0;padding:0px 10px;width: 34px;height: 36px;float:right;color:rgb(17,105,172);} .owl-prev:hover{;} .owl-next{background-image:url(/eWeb_tresor/images/default/pre_s.png);background-repeat:no-repeat;position:absolute;right:16%;font-size:0;padding:0px 10px;top:40%;left: 2.6%;width: 34px;height: 36px;float:left;color:rgb(17,105,172);}.owl-next:hover{;} .owl-prev.disabled:hover{background-image:url(/eWeb_tresor/images/arrow-right.png);} .owl-next.disabled:hover{background-image:url(/eWeb_tresor/images/arrow-left.png);} .owl-carousel-title{font-size:1.0em;padding:5px 11px;letter-spacing:1.2px;margin:0 0px;background:rgba(0,101,179,0.71);color:white;position:absolute;z-index:1;top:10px;left:10px;} .owl-carousel-title #title{line-height:1.0em;font-size:24px;font-size:1.75em;font-weight:bold;background-image:url(/eWeb_tresor/images/bg.jpg);width:25%;min-width:180px;padding-left:20px;} .owl-carousel-title .room-title-nav{background:url(/eWeb_tresor/images/module_bg.png) repeat-x center;height:20px;margin:0-15px;} .owl-item .room-grid-box h5{font-size:18px;font-size:1.125em;line-height:20px;color:#2f2f2f;font-weight:bold;margin:10px 10px 5px 10px;height:38px;overflow:hidden;} .owl-item .room-grid-box p{margin:5px 0px 10px 5px;} .owl-item .room-grid-box .item_price{color:#e4007f;font-size:36px;font-family:Arial;font-weight:bold;margin:10px;line-height:1.0em;} .owl-item .room-grid-box .item_price i{font-size:14px;font-weight:normal;text-decoration:none;font-style:normal;color:black;} .owl-item .room-grid-box .item_price span{font-size:12px;padding:0 0.750em;background:#d0d0d0;color:white;float:right;line-height:2.6em;border-radius:3px;box-shadow:0px 2px 0px rgb(179,179,179);} .room-grid-view:hover .item_price span {box-shadow: 0px 2px 0px rgb(197, 0, 0);background: #e4007f;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;} .owl_news_title {} .owl_news_title .owl-stage{} #module_content_news {margin-bottom: 20px;} #module_content_news .owl-carousel{width: 90%;float: left;} #module_content_news .owl-carousel .owl-stage .owl-item{padding-right:10px;padding-left:10px;} #module_content_news .owl-carousel .owl-stage-outer{;} #module_content_news .room-grid-view{overflow:hidden;padding: 5px 0px;} #module_content_news .room-grid-view a{color:#da4ab0;font-size:20px;font-size:1.250em;} #module_content_news .top-offer{;} #module_content_news .owl-carousel-container{position:relative;position:initial;overflow:hidden;background:white;border-radius:10px;box-shadow:1px 1px 6px 1px rgba(226,185,160,0.63);} #module_content_news .owl-carousel-container h4{width:10%;float:left;font-weight:bold;color:#da4ab0;} #module_content_news .owl_partner_title {padding:0 10px;} #module_content_news .owl_partner_title h3 {color: #d481df;} #module_content_news .owl_partner_title h4 {} #module_content_news .owl-nav{top:40%;right:5px;display: none;overflow:hidden;} #module_content_news .owl-dots {display: none;} #module_content_news .owl-prev{background-image:url(/eWeb_tresor/images/module_R.png);background-repeat:no-repeat;position:absolute;right:3%;top:40%;font-size:0;padding:0px 10px;width:18px;height:18px;float:right;color:rgb(17,105,172);} #module_content_news .owl-prev:hover{;} #module_content_news .owl-next{background-image:url(/eWeb_tresor/images/module_L.png);background-repeat:no-repeat;position:absolute;right:16%;font-size:0;padding:0px 10px;top:40%;left:3%;width:18px;height:18px;float:left;color:rgb(17,105,172);} #module_content_news .owl-next:hover{;} #module_content_news .owl-prev.disabled:hover{background-image:url(/eWeb_tresor/images/arrow-right.png);} #module_content_news .owl-next.disabled:hover{background-image:url(/eWeb_tresor/images/arrow-left.png);} #module_content_news .owl-carousel-title{font-size:1.0em;padding:5px 11px;letter-spacing:1.2px;margin:0 0px;background:rgba(0,101,179,0.71);color:white;position:absolute;z-index:1;top:10px;left:10px;} #module_content_news .owl-carousel-title #title{line-height:1.0em;font-size:24px;font-size:1.75em;font-weight:bold;background-image:url(/eWeb_tresor/images/bg.jpg);width:25%;min-width:180px;padding-left:20px;} #module_content_news .owl-carousel-title .room-title-nav{background:url(/eWeb_tresor/images/module_bg.png) repeat-x center;height:20px;margin:0-15px;} #module_content_news .owl-item .room-grid-box h5{font-size:18px;font-size:1.125em;line-height:20px;color:#2f2f2f;font-weight:bold;margin:10px 10px 5px 10px;height:38px;overflow:hidden;} #module_content_news .owl-item .room-grid-box p{margin:5px 0px 10px 5px;} #module_content_news .owl-item .room-grid-box .item_price{color:#e4007f;font-size:36px;font-family:Arial;font-weight:bold;margin:10px;line-height:1.0em;} #module_content_news .owl-item .room-grid-box .item_price i{font-size:14px;font-weight:normal;text-decoration:none;font-style:normal;color:black;} #module_content_news .owl-item .room-grid-box .item_price span{font-size:12px;padding:0 0.750em;background:#d0d0d0;color:white;float:right;line-height:2.6em;border-radius:3px;box-shadow:0px 2px 0px rgb(179,179,179);} #module_content_news .room-grid-view:hover .item_price span {box-shadow: 0px 2px 0px rgb(197, 0, 0);background: #e4007f;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;} .module_box {text-align: center;margin-bottom: 40px;margin-top: 40px;border: 1px solid #e0dfdb;background-color: white;background: url(/eWeb_tresor/images/default/bg_contents01.jpg) repeat;border-radius: 3px;box-shadow: 0px 2px 9px 0px rgb(229, 229, 229);} .module_box_title h4 {text-align: center;margin-top: 20px;color: #444444;line-height: 24px;letter-spacing: 1.2px;font-weight: bold;font-size: 20px;} .module_box_title h4 i {color: #d92a1b;margin-right:10px;font-size: 24px;} .module_box .module_text {font-size:18px;margin-top: 20px;margin-bottom: 20px;letter-spacing: 1.2px;} .module_box .module_text span {color: #d92a1b;font-weight:bold;margin-right: 10px;} form#Page_Setting { position: fixed; z-index: 99999; margin: 0 auto; width: 980px; background: white; width: 100%; } .ms-table-bg>tbody>tr:nth-child(2) {display:none;} .ms-table-bg>tbody>tr:nth-child(6) {/* display:none; */} .merge_search_list {display:block !important;} .index_wrapper .wrapper {/* background: #ffffff; */} .wrapper {background: #ffffff;width: 100%;overflow: hidden;} .bg1{background:#fff;}/*原底色為#faf2db*/ .index_wrapper .bg_pink { background: #f8c6bd; } .index_wrapper .bg_yellow { background: #fff100; margin-bottom: 30px; } .wrapper img {max-width: 100%;} .hot_col {/* background: #faf2db; */padding-right: 0px;padding-left: 0px;} .hot_tab_container { background: #faf2db; } .hot_box { color: #000000; padding: 23px; margin-left: 15px; margin-right: 15px; letter-spacing: 2px; background: #FFF; display: table; margin-bottom: 20px; border-bottom: 7px solid #c00; min-height: 233px !important; /* max-height: 290px; */ } .hot_content { background: #faf2db; } .hot_content h3 {} .hot_img { /* border-radius: 100%; */ /* padding: 0; */ overflow: hidden; margin-bottom: 15px; padding: 0; } .hot_text {padding-right:0;} .hot_text p {} .hot_text p { line-height: 1.5em; color: #000000; letter-spacing: 1.2px; margin-bottom: 37px; } .hot_btn { float: right; /* padding: 5px 20px; */ border: 3px solid #c00; } .hot_btn a {color:#d92a1b} .hot_btn a {} .hot_btn a span { margin: 14px; line-height: 32px; } .hot_btn a i {background:#d92a1b;color: #FFF;padding: 4px 7px 4px 12px;float: right;font-size: 24px;} .mv_col {background: #faf2db;padding-right: 15px;padding-left: 15px;} .mv_youtube { margin-top: 30px; margin-bottom: 10px;} .mv_youtube {} @media (max-width: 3000px){.mv_youtube .mv_youtube_container {height: 300px;}} @media (max-width: 1200px){.mv_youtube .mv_youtube_container { height: 365px !important; }} @media (max-width: 992px){.mv_youtube .mv_youtube_container {height: 365px !important;}} @media (max-width: 768px){.mv_youtube .mv_youtube_container {}} @media (max-width: 45em){.mv_youtube .mv_youtube_container {}} .about_us {} .about_us_title {} .about_us_title h1{ margin: 1.0em 0 0.5em; padding: 0 0 0 15px; font-weight: lighter; font-size: 50px; color: #999; line-height: 55px; border-left: 6px solid #b5b5b5; } .about_us_text { margin: 1.0em 0 0.5em; padding: 0 0 0 15px; color: #7E7E7E; font-size: 1.125em; line-height: 2.0em; } .about_us_text h3 { margin-top: 30px; } .about_us_text p { font-size: 1.125em; line-height: 2.0em; } .about_us_text span { font-size: 1.25em; } .about_us_text .accordionPart { padding-left: 15px; } .iframe_diy_go { /* position: absolute; */ z-index: 1; /* top: 18%; */ /* left: 2%; */ /* width: 300px !important; */ margin-top: 30px; min-height: 330px !important; max-height: 360px; overflow: hidden; } @media (max-width: 3000px){.iframe_diy_go {}} @media (max-width: 1200px){.iframe_diy_go {}} @media (max-width: 992px){.iframe_diy_go { top: 4%; left: 2%; /* position: relative; */ }} @media (max-width: 768px){.iframe_diy_go {}} @media (max-width: 45em){.iframe_diy_go { position: relative; margin-top: 20px; width: 100% !important; }} .tkt_title {} .tkt_title h1 {color: #999;margin-top: 30px;} .tkt_title h4 {} .tkt_content { margin-bottom: 20px; background-color: #fffbf0; border: 1px solid #ffcb7c; padding: 15px; margin: 10px; display: table; width: 100%; border-radius: 10px; } .tkt_content h4 {color: #B22222;font-weight: bold;display: table;} .tkt_content h4 span { display: inline-block; } .tkt_content ul { } .tkt_content ul li { font-size: 24px; font-size: 1.50em; margin-bottom: 5px; letter-spacing: 1.0px; display: inline-block; width: 100%; } .tkt_content ul li span{ float: right; display: inline-block; } .tkt_content p{ color: #F00; float: right; margin-top: 20px; margin-bottom: 0; } .tkt_notice {margin-top:40px} .tkt_notice ul {} .tkt_notice ul li { font-size: 20px; line-height: 40px; } .tkt_notice .btn-primary { padding: 5px 12px; } #myModal img {width:100%;} #myModal .modal-footer {border: 0;padding: 40px 15px;} #myModal .modal-footer .btn-default {bottom: 0;position: absolute;right: 0;margin: 10px;} @media (max-width: 45em){#myModal .modal-dialog { margin: 17% 5%;}} #tkt_notice_titletext { float: left;} /*---------------舊公版css---------------*/ .pg-all-table-width { width: 1200px; margin:10px auto; } .pg-all-table-width td {/* background: none; */padding: 3px;} .pg-all-table-width tbody>tr>td>div>table>tbody>tr>td>img{display: none;} .pg-contant-table>tbody>tr>td>img { display: none; } table.pg-all-table-width hr { border: 0; height: 1px; background-color: #eee; color: #eee;} .pg-ms-title { font-size: 15px; color: #e70012; text-decoration: none; line-height: 30px !important; background-color:#ffffff; letter-spacing: 1px; } .pg-ms-table-line { width: 100%; border: 4px solid #eee !important; } .pg-ms-table-line table { margin:5px; } .pg-td-line-height { background-image: url(/eWeb_lmtravel/images/line_001.gif); height: 15px; } .pg-input-box { background-color: #ffffff; font-size:13px; list-style-type: disc; color: #333333; /*clip: rect( );*/ border:1px solid #D3BAA0; } .pg-input-text { font-size:13px; color:#64685b; background-color:#f9f9f9; } .pg-input-button { cursor: pointer; background:none; border-style:solid; border-width:0px; } .pg-search-result-tr { font-size:13px; color: #000000; text-decoration: none; font-weight: normal; background-color:#f7f7f7; } tr.pg-search-result-tr td { padding:5px; } .pg-contant-table { border-collapse: collapse; border: solid; border-width:3px; border-color:#e8e8e8; width: 100%; } .pg-contant-td01 { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#dfdfdf; background-color:#ffffff; padding: 1px 1px 1px 1px; color: #666666; height:25px; line-height: 20px } .pg-contant-td02 { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#dfdfdf; background-color:#FFF; padding: 1px 1px 1px 1px; color: #666666; height:25px; line-height: 20px } .pg-contant-td03 { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#dfdfdf; background-color:#ffeeee; padding: 1px 1px 1px 1px; color: #333333; height:20px; line-height: 20px } .pg-contant-link01 { font-size:15px; color: #000000; text-decoration: none; line-height: 26px; padding:3px; } .pg-contant-link02 { font-size: 13px; color: #384bcd; text-decoration: none; line-height: 20px; font-weight: bold; } .pg-contant-link03 { font-size:13px; color: #333366; text-decoration: none; } .pg-contant-text01 { background: #FFF; border-collapse: collapse; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #fff; font-size: 15px; color: #A14B51; height: 28px; line-height: 28px; text-decoration: none; } tr.pg-contant-text01 td {padding: 5px;} .pg-contant-text02 { font-size:15px; line-height: 26px; color: #555; text-decoration: none; } .pg-contant-text03 { font-size: 17px; color: #000000; text-decoration: none; line-height: 15px; } .pg-contant-picture { height: 90px; width: 120px; } .pg-contant-money01 { font-size: 14px; line-height: 25px; color: #f24d48; text-decoration: none; font-family: "verdana", "arial", "helvetica", "sans-serif"; font-weight: bold; } .pg-main-title { font-size:13px; color: #000000; text-decoration: none; font-weight: normal } .pg-tour-td-color01 { background-color:#d7f8ff; font-size:13px; color: #42597d; text-decoration: none; } .pg-tour-td-color02 { background-color:#eefcff; font-size:13px; color: #42597d; text-decoration: none; } .pg-main-subtitle { font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold } .pg-date-search-table { border-collapse: collapse; border: solid; border-width:1px; border-color:#ffffff; width: 280px; } .ps-out-contant-table { border-collapse: collapse; border: solid; border-width:1px; border-color:#b0b0b0; width: 350px; height:120px; } .ps-out-contant-td01 { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#b0b0b0; background-image: url(/eWeb_lmtravel/images/ps_out_td01_bg.jpg); padding: 1px 1px 1px 1px; color: #666666; height:100px; line-height: 20px } .ps-out-contant-td02 { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#b0b0b0; padding: 1px; color: #333333; height:21px; line-height: 12px; background-image: url(/eWeb_lmtravel/images/go_ms_title_bg.gif); } .htl-all-table-width { width: 1200px; margin:10px auto; } .htl-all-table-width .main-title { color:#333; font-size:15px; } .htl-ms-title { font-size: 13px; color: #0000ff; text-decoration: none; line-height: 15px; background-color:#ffffff; letter-spacing: 1px; } .htl-ms-table-line { width: 100%; border: 1px solid #eee;; } .htl-search-result-tr { font-size:13px; color: #000000; text-decoration: none; font-weight: normal; background-color:#e7e7e7; } .htl-contant-picture { height: 90px; width: 120px; } .htl-contant-picture01 { height: 70px; width: 70px; } .htl-contant-text01, a.htl-contant-text01 { font-size:13px; line-height: 20px; color: #71309c; text-decoration: none; } .htl-contant-text02 { font-size:15px; line-height: 26px; color: #555; text-decoration: none; } .htl-contant-text03 { font-size:13px; color: #666666; text-decoration: none; line-height: 20px; } .htl-contant-link01 { font-size:13px; color: #0000ff; text-decoration: none; line-height: 16px; } .htl-contant-link02 { font-size:13px; color: #ff0033; text-decoration: none; line-height: 16px; letter-spacing: 1px; } .htl-contant-link03 { font-size:13px; color: #333333; text-decoration: none; line-height: 16px; } .htl-contant-money01 { font-size: 14px; line-height: 25px; color: #f24d48; text-decoration: none; font-family: "verdana", "arial", "helvetica", "sans-serif"; font-weight: bold; } .htl-td-line-height { background-image: url(/eWeb_lmtravel/images/line_001.gif); height: 15px; } .htl-main-title { font-size: 15px; color: #0000ff; text-decoration: none; font-weight: normal } .htl-contant-table { border-collapse: collapse; border: solid; border-width:2px; border-color:#e0e0e0; width: 100%; } .htl-contant-td01 { border-collapse: collapse; border: solid; border-width:0px 1px 1px 0px; font-size:13px; border-color:#e0e0e0; background-color:#ffffff; padding: 1px 1px 1px 1px; color: #666666; height:25px; line-height: 20px } .htl-contant-td01 .htl-contant-text01 { text-align:left; font-family:arial, helvetica, sans-serif; } .htl-contant-td02 { border-collapse: collapse; border: solid; border-width:0px 1px 1px 0px; font-size:13px; border-color:#e0e0e0; background-color:#f5f5f5; padding: 1px 1px 1px 1px; color: #666666; height:25px; line-height: 20px } .htl-contant-td03 { border-collapse: collapse; border: solid; border-width:0px 1px 1px 0px; font-size:13px; border-color:#e0e0e0; background-color:#ecfce2; padding: 1px 1px 1px 1px; color: #333333; height:20px; line-height: 20px } .htl-contant-td04 { border-collapse: collapse; font-size:13px; background-color:#f9f9f9; color: #333333; line-height: 20px; border-top: 0px none; border-right: 0px none; border-bottom: 1px solid #cccccc; border-left: 0px none; } .htl-contant-td05 { border-collapse: collapse; font-size:13px; background-color:#dfffff; color: #333333; line-height: 20px; border-top: 0px none; border-right: 0px none; border-bottom: 1px solid #cccccc; border-left: 0px none; } .htl-main-subtitle { font-size:13px; color: #ffffff; text-decoration: none; font-weight: normal; } .htl-date-search-table { border-collapse: collapse; border: solid; border-width:1px; border-color:#ffffff; width: 100%; } .spec01 { font-size: 14px; color: #ff0000; text-decoration: none; line-height: 18px; } .input01 { background-color: #ffffff; font-size: 13px; list-style-type: disc; color: #333333; /*clip: rect( );*/ border: 1px solid #3169aa; } .right-link01 { font-size:13px; line-height: 17px; color: #000099; text-decoration: underline; } .right-title { font-size:13px; line-height: 17px; font-weight: bold; color: #ffffff; text-decoration: none; } .title001 { font-size: 15px; color: #cc3366; text-decoration: none; font-family: "geneva", "arial", "helvetica", "sans-serif"; } .txt01 { font-size:15px !important; color: #333 !important; text-decoration: none; line-height: 30px !important; background:#eee; } .txt01 .order-contant-td02 { border: none; } .link01 { font-size:13px !important; color: #186796; text-decoration: none; background:#fff !important; } .link02 { font-size:13px; color: #317227; text-decoration: none; line-height: 15px } a.link02 { font-size:15px; } .link03 { font-size: 13px; color: #585858; text-decoration: none; line-height: 14px; } .link04 { font-size:13px; color: #666666; text-decoration: none; line-height: 23px; letter-spacing: 1px; } .link { font-size:13px; line-height: 15px; color: #cc3366; text-decoration: none; } .link05 { font-size:13px; color: #666666; text-decoration: none; line-height: 18px } .box { font-size: 13px; color: #333333; } .boxtxt { font-size:13px; color: #46586f; line-height: 15px; text-decoration: none; padding:10px 0; } .br { background-repeat: no-repeat; background-position: right bottom; } .text { font-size:13px !important; line-height: 20px !important; color:#e70012 !important; } .text2 { font-family: "arial", "helvetica", "sans-serif"; font-size: 13px; line-height: normal; } .text3 { font-size: 13px; line-height: 15px; color: #333333; } .txt02 { font-size:15px !important; color: #444 !important; text-decoration: none; line-height: 30px !important; background:#fff; border-bottom:1px solid #ddd; vertical-align:middle; } .box2 { background-color: #ffffff; font-size: 13px; list-style-type: disc; color: #333333; /*clip: rect( );*/ border: 1px solid #3169aa; } .box2txt { border: 1px #006a33 solid; font-size: 13px; list-style-type: disc; color: #333333; /*clip: rect( );*/ background-image: url(../../404-1.html) } .titlelink { font-family: "verdana", "arial", "helvetica", "sans-serif"; font-size: 15px; color: #e45109; text-decoration: none; padding-top: 2px; } .bartxt { font-size:13px; color: #fff; text-decoration: none; padding-top: 3px; font-weight: bold; } .money { font-family: "verdana", "arial", "helvetica", "sans-serif"; font-size: 15px; color: #3366cc; text-decoration: none; font-weight: bold } .moneytitle { font-size: 15px; color: #333333; text-decoration: none; padding: 3px; } .m9 { font-size:13px; color: #186796; text-decoration: none; /*scrollbar-face-color: #b4c5e1; scrollbar-arrow-color:#333333; scrollbar-highlight-color: #f7fafd; scrollbar-darkshadow-color: #333333; scrollbar-shadow-color: #b4c5e1; scrollbar-3dlight-color: #b4c5e1; scrollbar-track-color: #b4c5e1;*/ background-color: #eff4fc; height: 78px; width: 238px; overflow: auto; } .b01 { font-size:13px; color: #5b5a1e; text-decoration: none } .time { font-size: 13px; color: #333333; text-decoration: none; line-height: 15px } .a1 { font-size: 20px; line-height: 25px; font-weight: bolder; color: #cc3366; text-decoration: none } .b1 { font-size:13px; line-height: 25px; color: #333333; text-decoration: none } .d1 { font-size: 14px; color: #0033cc; } .e1 { font-size: 13px; font-family: "courier new"; font-weight: bold; } .f1 { font-size: 9px } .g1 { font-size:13px; line-height: 20px; color: #333333; text-decoration: none } .titleset { font-size: 18px; color: #009900; text-decoration: none; font-weight: bold } .h1 { font-size:13px; line-height: 25px; color: #333333; text-decoration: none } .i1 { font-size:13px; line-height: 15px; color: #333333; text-decoration: none } .box1 { font-size:13px !important; background-color: #e70012 !important; height: initial !important; padding:5px 15px; border:none; color:#fff !important; } .login { font-family: "verdana", "arial", "helvetica", "sans-serif"; font-size: 15px; font-weight: bold; color: #ff0000; text-decoration: none; font-style: italic; } .spec01 { font-size: 14px; color: #ff0000; text-decoration: none; line-height: 18px; } .input01 { background-color: #ffffff; font-size: 13px; list-style-type: disc; color: #333333; /*clip: rect( );*/ border: 1px solid #3169aa; } .s1 { font-size: 13px; color: #0033ff; } .s2 { font-size: 13px; color: #00822b; } .print { font-size: 13px; color: #999999; text-decoration: none; line-height: 18px; } .text4 { font-size:13px; color: #000000; text-decoration: none; } .box3 { font-size:13px; background-image: url(../../404-1.html); border: none; height: 20px; } .guestbook_text { font-size:13px; line-height: 20px; color: #a07ed0; text-decoration: none; } .guestbook_text02 { font-size:13px; line-height: 20px; color: #0000ff; text-decoration: none; } .guestbook_link { color: #666666; text-decoration: none; } .guestbook_table02 { font-size:13px; background-color: #ffffff; } .guestbook_table03 { font-size:13px; background-color: #f0f6fd; } .guestbook_table04 { font-size:13px; background-image: url(../../images/guestbook_bg.gif); } .guestbook_table01 { border: #00215a 1px dashed; word-break:break-all; } .guestbook_table_td01 { font-size:13px; } .cpn-all-table-width { width: 960px; margin:10px auto; } .cpn-ms-title { font-size: 13px; color: #0000ff; text-decoration: none; line-height: 15px; background-color:#ffffff; letter-spacing: 1px; } .cpn-ms-table-line { width: 100%; border: 1px solid #eee; } .cpn-ms-table-line table { margin:5px; } .cpn-td-line-height { background-image: url(/eWeb_lmtravel/images/line_001.gif); height: 15px; } .cpn-input-box { background-color: #ffffff; font-size: 13px; list-style-type: disc; color: #333333; /*clip: rect( );*/ border:1px solid #D3BAA0; } .cpn-input-text { font-size: 13px; color:#333333; } .cpn-input-button { cursor: pointer; background:none; border-style:solid; border-width:0px; } .cpn-search-result-tr { font-size:13px; color: #000000; text-decoration: none; font-weight: normal; background-color:#e7e7e7; } .cpn-contant-text01 { font-size:13px; line-height: 17px; color: #0000ff; text-decoration: none; } .cpn-contant-text02 { font-size:15px; line-height: 26px; color: #555; text-decoration: none; } .cpn-contant-link01 { font-size:13px; line-height: 17px; color: #0000ff; text-decoration: none; } .cpn-contant-link02 { font-size:13px; line-height: 17px; color: #2367d8; text-decoration: none; } .cpn-contant-money01 { font-size:13px; line-height: 20px; color: #ed1313; text-decoration: none; background:#fff !important; } .cpn-quick-search-table { border-collapse: collapse; border: none; border-width:0px; width: 100%; } .cpn-quick-search-td01 { border-collapse: collapse; border: solid; border-width:1px 0px 1px 0px; font-size:13px; border-color:#cccccc; background-color:#f6f6f6; padding: 0px 0px 0px 0px; color: #333333; line-height:23px; height:23px; } .cpn-quick-search-td02 { border-collapse: collapse; border: solid; border-width:1px 0px 1px 0px; font-size:13px; border-color:#cccccc; background-color:#fffffd; padding: 0px 0px 0px 0px; color: #333333; line-height:23px; height:23px; } .cpn-quick-search-td03 { border-collapse: collapse; border: solid; border-width:1px 0px 1px 1px; font-size:13px; border-color:#cccccc; background-color:#fef4ff; padding: 0px 0px 0px 0px; color: #ff3333; line-height:23px; height:23px; } .cpn-contant-table { border-collapse: collapse; border: solid; border-width:1px; border-color:#b0b0b0; width: 100%; } .cpn-contant-td01 { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#ffffff; background-color:#fffffd; padding: 1px 1px 1px 1px; color: #545454; height:25px; line-height: 20px } .cpn-contant-td02 { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#ffffff; background-color:#f7f7f7; padding: 1px 1px 1px 1px; color: #666666; height:25px; line-height: 20px } .cpn-contant-td03 { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#ffffff; background-color:#e0e1ff; padding: 1px 1px 1px 1px; color: #333333; height:20px; line-height: 20px } .cpn-contant-td04-go { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#b0b0b0; background-color:#ffe4d2; padding: 1px 1px 1px 1px; color: #333333; height:20px; line-height: 20px } .cpn-contant-td04-back { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#b0b0b0; background-color:#fffad9; padding: 1px 1px 1px 1px; color: #333333; height:20px; line-height: 20px } .cpn-contant-td05 { border-collapse: collapse; border: none; border-width:0px; font-size:13px; border-color:#b0b0b0; background-color:#ffffff; padding: 1px 1px 1px 1px; color:#333333; height:20px; line-height: 20px } .cpn-contant-td-mouseover { border-collapse: collapse; border: solid; border-width:1px; font-size:13px; border-color:#b0b0b0; background-color:#f1ffe8; padding: 1px 1px 1px 1px; color: #333333; height:20px; line-height: 20px } .cpn-picture { height: 90px; width: 120px; } .tail-text { font-size:13px; color: #000000; text-decoration: none; line-height: 20px; letter-spacing: 1px; } .html-text01 { font-size: 13px; color: #333333; text-decoration: none; letter-spacing: 1px; } .html-link001 { font-size: 13px; color: #ff6600; text-decoration: none; } .html-link02 { font-size:13px; line-height: 26px; color: #333333; text-decoration: none; } .html-link03 { font-size:13px; color: #144fba; text-decoration: none; letter-spacing: 1px; } a.top-menu-link01:hover { color: #ffffff; } #M_S { height: 180px !important; } .calendar_box td { /* background-color: #dededc; */ border: solid; border-width: 1px; border-color: #cccccc; } .contact-us-part {/* padding-left: 6% !important; */padding-right: 0% !important;} /*每日行程-內容*/ .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%;} .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;} .day_style_17 {width: 100%; display: table; margin-bottom: 20px;} /*japanfit*/ .fit_slider {} @media (max-width: 768px) { .fit_slider { padding: 0; } } .fit p {font-size:18px;color:#000;line-height: 1.3em;} .fit p.pink { color: #e51873; } .fit p.blue { color: #0d6db7; } .fit_title { padding: 0; margin-bottom: 2.0rem; } .fit_title .title {text-align: left;} .fit_title .title {text-align: center;margin-bottom: 3.0rem;} .fit_title ul.nav {} .fit_title ul.nav li {border-left: 1px solid #6dbdec;font-size: 2.0rem;margin-bottom: 10px;} .fit_title ul.nav li:nth-last-child(1) {border-right: 1px solid #6dbdec;} .fit_title ul.nav li a { padding: 0px 10px; } .fit_title ul.nav li a:hover { background-color: #fff; font-weight: bold; } .fit .check_list {} .fit .check_list span { padding: 9px; margin: 5px; border: 2px solid #221814; display: table; float: left; } .yellow_box { border: 1px solid #fac170; padding: 2.0rem 3.0rem; } @media (max-width: 768px) {.yellow_box { padding: 0.5rem; }} .yellow_title {background: #fac170;} .yellow_title .title { margin-left: 10px; margin-bottom: 20px; line-height: 1.3em; } .yellow_title .title span { color:#804c24; font-size: 20px; } .yellow_box .text {} .yellow_box .confirm {} .yellow_box .confirm h2 { display: table; margin: 2% auto; color: #000; line-height: 1.3em; } .yellow_box .confirm h2 img { float: left; margin-right: 8px; } .yellow_box .text h3 { color: #e95515; margin-bottom: 20px; line-height: 1.5em; } .yellow_box .text h5 { line-height: 1.5em; } .yellow_box .text h3.blue {color:#0d6db7} .yellow_box .text p { color: #373634; font-size: 18px; margin: 0 0 15px; line-height: 1.8em; } .yellow_box img { margin: 0 auto; display: table; } .orange_box {} .orange_title { background: #e95412; color: #ffffff; /* margin-bottom: 3.0rem; */ } .orange_title h1 {text-align:center;margin-bottom: 20px;line-height: 1.3em;} .orange_title h4 {text-align:center;/* margin-bottom: 20px; */} .orange_title p {text-align:center;color:#ffffff;} .orange_title span {text-align:center;color:#ffffff;font-size: 20px;} .orange_title img {margin:0px 10px} .orange_box .text {} .orange_box .text h3 {} .orange_box .text p {} .orange_box img {} .dot_box { border-width: 2px; border-color: #e95412; border-style: dashed; border-radius: 10px; overflow: hidden; margin: 3.0rem 0; padding: 15px; } .dot_title {} .dot_box .text {} .dot_box h2 { color: #e95412; font-weight:bold; margin-bottom: 20px; } .dot_box .text h3 {} .dot_box .text p { line-height: 1.5em; } .dot_box img {} .pink_box {} @media (max-width: 768px) {.pink_box { padding: 0.5rem; }} .pink_title {} .pink_box .title { color: #e95412; text-align: center; margin-top: 4.0rem; font-weight: bold; } .pink_box h3 { text-align: center; /* font-weight: bold; */ letter-spacing: 4px; } .pink_box h4 { text-align: center; font-weight: bold; color: #d92a1b; } .pink_box hr { border-top: 2px solid #ffeeeb; border-style: dashed; } .pink_box .text {} .pink_box .text h3 { display: table; letter-spacing: 0px; } .pink_box .text h3.circle span { padding: 10px; margin: 4px; display: block; float: left; background: #f29700; color: #fff; border-radius: 100%; font-weight: bold; } .pink_box .text ul {} .pink_box .text ul li { color: #000; font-size: 20px; margin: 2.0rem 0; /* display: inline-block; */ width: 100%; } .pink_box .text ul li span { color: #e95412; font-size: 40px; font-weight: bold; display: table; float: left; line-height: 1.0; } .pink_box .text ul li p { display: table; padding-left: 10px; line-height: 1.4em; } .pink_box .text ul li p .red {display: table;color: #d92a1b;} .pink_box .text p {line-height: 1.5em;} .pink_box img {} .common_box { margin-top: 3.0rem; } .common_box .title { color: #e95412; margin-bottom: 15px; } .common_box .title h4{ line-height: 1.3em; color: #000000; } .common_title {} .common_box .text {} .common_box .text h3 { color: #000000; line-height: 1.5em; } .common_box .text p { line-height: 1.5em; color: #444444; margin-bottom: 10px; } .common_box p.answer { color: #444444; margin: 0 0 20px; line-height: 1.5em; } .common_box img {} .red_title { background: #d92a1b; color: #FFF; padding: 0 20px; } .red_title h3 { margin-top: 15px; margin-bottom: 15px; font-size: 20px; font-size: 1.3em; line-height: 1.3em; } @media (max-width: 768px) { .red_title { padding: 0 15px; } .red_title h3 { margin-top: 10px; margin-bottom: 10px; line-height: 1.5; font-size: 18px; font-size: 1.1em; } } .red_title h3 span {margin-right:20px} .red_title a { color: #FFFFFF; margin-right: 15px; } .index_box { margin-bottom: 10px; } @media (max-width: 991px) { .index_box:nth-child(odd) { clear: left; } .index_box:nth-child(even) { } } .row-5 {margin-right:-5px;margin-left:-5px;} .row-10 {margin-right:0px;margin-left:0px;} .row-10-sad{padding-right:-15px;padding-left:-15px;margin-bottom:20px;} .p-5 {padding-right:5px;padding-left:5px;} .index_box a { border: solid 1px #ffffff; display: block; background: #fff; } .index_box a:hover { border: 1px #ad8415 solid; display: block; } .index_box img { position: relative; display: block; padding: 9px; /* height: 276px; */ width: 100%; } .index_box .text { padding: 10px; } @media (max-width: 768px) { .index_box .text { padding: 0px 10px 10px 10px; } } .index_box .text h4 { /* margin-top: 20px; */ color: #000; font-weight: bold; line-height: 1.3em; } .index_box .text h5 {color:#000;font-size: 14px;} .index_box .text p { font-size: 1.0em; line-height: 1.3em; } .index_box .text p span { font-size: 1.1em !important; line-height: 1.5em !important; } @media (max-width: 414px) {.facebook_box_col {width:100% }} @media (max-width: 414px) {.youtube_box_col {display:none}} .other_box {} .other_box ul {} .other_box ul li {margin-bottom:16px;} .owl-dots {/* display: none; */position: absolute;right: 0;bottom: 12px;/* width: 100%; */text-align: right;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;margin-top: 0px;z-index: 2;} .owl-dots .owl-dot span { margin: 5px 5px; width: 12px; height: 12px; } .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #dabc64; } .hko_slider {margin-bottom: -52px;padding-bottom: 52px;} @media (max-width: 3000px){.hko_slider {margin-bottom: -52px;padding-bottom: 52px;}} @media (max-width: 1400px){.hko_slider {margin-bottom: -52px;padding-bottom: 52px;}} @media (max-width: 992px){.hko_slider {margin-bottom: -52px;padding-bottom: 52px;}} @media (max-width: 768px){.hko_slider {margin-bottom: -52px;padding-bottom: 52px;}} @media (max-width: 45em){.hko_slider {/* margin-bottom: 0px; *//* padding-bottom: 52px; */}} .hko_slider section { position: relative;} .hko_slider .hko_slider_mark { z-index: 98; position: absolute; } .hko_slider .hko_slider_mark img {width: 100%;height:100%;} @media (max-width: 3000px){.hko_slider .hko_slider_mark img {width: 90%;height:100%;}} @media (max-width: 1400px){.hko_slider .hko_slider_mark img {width: 75%;height:100%;}} @media (max-width: 992px){.hko_slider .hko_slider_mark img {width: 58%;height:100%;}} @media (max-width: 768px){.hko_slider .hko_slider_mark img {width: 56%;height:100%;}} .hko_slider .top-offer {margin-bottom:0;} .hko_content_box {position: relative;} ul.theme_menu { padding-left: 15px; padding-right: 15px; border-bottom: 0; margin-bottom: 15px; z-index: 99; width: 1370px; top: 0; position: absolute; margin: 0 auto; margin-top: 0px; } @media (max-width: 767px) { .hko_slider, .hko_content_box, ul.theme_menu { padding-right: 0px; padding-left: 0px; } #wh-widget-send-button.wh-widget-right {display:none;} } @media only screen and (min-width: 768px) and (max-width: 1399px) { ul.theme_menu { width: 100%; left: 0; } } @media (max-width: 767px) { ul.theme_menu { width: 100%; left: 0; } } ul.theme_menu li { /* background: #d91111; */ padding: 0; margin-bottom: 0px; } @media only screen and (min-width: 768px) and (max-width: 1399px) { ul.theme_menu li li { /* width: 33.33%; */ } } ul.theme_menu li > a, ul.theme_menu li > h3 {background: #d91111;border-radius: 0;margin-right: 2px;color: #fff;border: 1px solid #e32a2a;margin: 0;line-height: 1.5;text-align: center;font-size: 20px;padding: 10px 15px;width: 100%;display: block;} ul.theme_menu li > a:hover, ul.theme_menu li > a:focus, ul.theme_menu li a.active { background: #d91111; color: #FFEB3B; border: 1px solid #e32a2a; } ul.theme_menu > li.active > a, ul.theme_menu > li.active > a:hover, ul.theme_menu > li.active > a:focus { background: #be1010; color: #fff; border: 1px solid #e32a2a;} .hko_content_box .tab-content {padding: 20px 10px 20px;margin-top: 72px;display: table;} .cancel_nav {margin-top: 0px !important;} .hko_content_box .cancel_nav .content_right {margin-top: 0px !important;/* display: block; *//* visibility: initial; */} .hko_content_box .cancel_nav .content_left {margin-top: 5px !important;} .hko_content_box .tab-content .content_right {margin-top: 0px;/* display: block; *//* visibility: initial; */} .hko_content_box .tab-content .content_left {margin-top: 0px;} .hko_content_box .tab-content .content_left h4 { line-height: 1.2; font-size: 1.3em !important; } .hko_content_box .tab-content .content_left p { line-height: 1.8; font-size: 1.1em !important; } .hko_content_box .tab-content .content_left .content_box { } .hko_content_box .tab-content .content_left .content_box:nth-child(odd) { clear: left; } @media (max-width: 767px) { .hko_content_box .tab-content .content_left .content_box:nth-child(odd) { clear: left; padding-right: 5px; } .hko_content_box .tab-content .content_left .content_box:nth-child(even) { padding-left: 5px; } .hko_content_box .tab-content { padding: 30px 10px 20px; } .cancel_nav { margin-top: 0px !important; padding: 30px 10px 20px !important; } .hko_content_box .tab-content .content_right {margin-top: 10px;} .hko_content_box .tab-content>.content_right {padding: 0px;} ul.theme_menu li > a, ul.theme_menu li a.active, ul.theme_menu li > h3 { padding: 4px 15px; } .hko_content_box .tab-content .content_left p { line-height: 1.5; } } .JapanModal {} .JapanModal .modal-header { border-bottom: 2px solid #d92a1b; } .JapanModal h3.modal-title { color: #d92a1b; font-weight: bold; } .JapanModal .modal-body { padding: 0; display: table; width: 100%; } .JapanModal .modal-footer {border:none;} .JapanModal .modal-body ul { } .JapanModal .modal-body ul li { width: 49%; display: inline-block; text-align: left; border-bottom: 2px dashed #ddd; float: left; padding: 4% 0; } .JapanFitModal .modal-body ul li { width: 100%; } .JapanModal .modal-body ul li a { margin: 0 0% 0 6%; display: table; } .JapanModal .modal-body ul li a h4 { font-size: 1.6em; color: #000; text-align: left; margin: 0; } .JapanModal .modal-body ul li a p { margin: 0; font-size: 16px; font-size: 1.1em; letter-spacing: -0.8px; } .company_box { background: #ffffff; padding-bottom: 60px; margin-bottom: 30px; } .company_box nav {margin-top:10px;margin-bottom:10px; } .company_box nav li {} .company_box nav li a { font-size: 1.5em; color: #000; padding: 15px 30px; } .company_box nav li a.active {} .company_box .scrollspy-example { padding-top: 30px; } .company_box .scrollspy-example h3 { color: #d9aa21; display: table; margin-top: 40px; margin-bottom: 20px; } .company_box .scrollspy-example h4 { background: #d9aa21; color: #fff; padding: 10px; display: table; margin-top: 20px; } .company_box .scrollspy-example p { font-size: 1.3em; line-height: 1.8; color: #444444; } .company_box .scrollspy-example p {} .company_box .scrollspy-example ul { padding: 0px 30px; } .company_box .scrollspy-example ul.disc li { list-style-type: disc; } .company_box .sitemap_style h4 { background: #d9aa21; color: #fff; padding: 10px; display: table; margin-top: 20px; } .company_box .sitemap_style p { font-size: 1.3em; line-height: 1.8; } .company_box .info a { /* border-left: 2px #d9aa21 solid; */ padding: 0 10px; color: #000; display: block; line-height: 1.3; } .company_box .info h3:before { content:""; width: 2px; position: absolute; display:inline-block; height: 30px; background: #d9aa21; margin-right: 10px; } .company_box .wifi h2 {color: #d92a1b;font-weight:bold } .okayama_RAC_content {background:#fff100} .okayama_RAC_box { background: #ffffff; padding-bottom: 0px; margin-bottom: 0px; } .okayama_RAC { padding: 20px 0; display: table; } .okayama_RAC .link {/* background: #ffffff; *//* padding: 10px; *//* display: table; *//* margin: 10px 0px; */border-radius: 5px;/* width: 100%; */} .okayama_RAC .link a { padding: 5px 10px; display: table; margin: 3px 0px; background: #ffffff; border-radius: 10px; width: 100%; border:1px solid #fff100; } .okayama_RAC .link a:hover {border:1px solid #d5d5d5;} .okayama_RAC img {} .edutour_box { background: #ffffff; padding-bottom: 60px; margin-bottom: 30px; } .edutour_box .nav {margin-top:10px;margin-bottom:10px;border: 0;} .edutour_box .nav li { padding: 10px; border: 1px solid #0000; } .edutour_box .tab-content .Course {} .edutour_box .tab-content .Course li {margin-bottom: 20px;} .edutour_box .tab-content .Course h4 {margin-top: 5px;margin-bottom: 5px;color: #428bca;} .edutour_box .tab-content .Course img {padding:0} @media (max-width: 767px) { .edutour_box .nav li {padding:0} .edutour_box .tab-content .col-xs-12 {padding:0} } .edutour_box .tab-content .Course li:nth-child(odd) { clear: left; } .edutour_box .nav li a { font-size: 1.2em; color: #d1383d; padding: 10px; border: 1px solid #0000; overflow: hidden; background: #fff; } .edutour_box .nav li.active a, .edutour_box .nav li a:hover {background: #ffffff;color: #d1383d;border: 1px solid #ddd0;} .edutour_box .nav li a::after, .edutour_box .nav li.active a::after { content: ''; position: absolute; bottom: 0; right: 0; height: 100%; width: 100%; border-bottom: 3px solid #d1383d; -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -webkit-transform: translateX(-110%); transform: translateX(-110%); -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; } .edutour_box .nav li a:hover::after, .edutour_box .nav li.active a::after { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } .edutour_box .tab-pane {} .edutour_box .tab-pane h2 { margin-bottom: 20px; margin-top: 30px; } .edutour_box .edutour_products { margin-top: 30px; border-top: 3px dotted #d92a1b; display: table; } .edutour_box .tab-pane h3 { color: #428bca; margin-bottom: 20px; } .edutour_box .edutour_map { position: relative; } .edutour_box .edutour_map .edutour_text { position: absolute; z-index: 1; } .edutour_box .edutour_map .edutour_img { margin-top: 59px; margin-bottom: 10px; } @media (max-width: 991px) { .edutour_box .edutour_map .edutour_text { position: relative; z-index: 1; } .edutour_box .edutour_map .edutour_img { margin-top: 10px; } } .edutour_box .edutour_products h4 {text-align:center;color: #333333;} .edutour_box .tab-pane p { font-size: 18px; line-height: 1.6em; color: #000000; } .edutour_box .Main_point {/* margin-top:50px; *//* padding-left: 15px; */} .edutour_box .Main_point a {border: 1px solid #428bd4;padding: 10px;margin: 5px;display: inline-block;} .edutour_box .Main_point a:hover {background:#428bd4;color:#ffffff} .edutour_box .Main_point p.Process span { border: 1px solid #000; padding: 3px 9px; margin-bottom: 10px; display: inline-block; } @media (min-width: 1400px) { .container { width: 1370px; } }