@charset "utf-8";
/* CSS Document */

/* ticket all */
body { font-family: "Inter", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; font-size: 15px;}
a { transition: all 0s; }
.ticket .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.ticket .row [class="col-"] { display: flex; flex-direction: column; }
.backToTop { background-color: #ff9933; }
.btn_orange { color: #fff; background-color: #FC7A3C; border-color: #FC7A3C; }
/* top選單 */
.topList li i, .functionList > li i { width: 21px; height: 21px; display: inline-block; color: #2f3c43; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; line-height: 21px; }
.bg-color-1 { background-color: #feca00 !important; }
.bg-color-9 { background-color: #eaeaea; }
/* 線上預約親子館 */
.ticket_booking { position: fixed; right: 0; padding: 10px 15px; cursor: pointer; width: 45px; height: 190px; border-radius: 10px 0 0 10px; background-color: #feca00; bottom: 50%; overflow: hidden; z-index: 20; }
.ticket_booking a { color: #424242; }
/* navbar */
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .footerInfo .input-group .input-group-addon:hover, .progress-wizard > .progress-wizard-step > .progress-wizard-dot, .dropGeneral.border-color-3 .sbHolder, .dropGeneral.bg-color-3 .sbHolder { border-color: #ff9933; background-color: #ff9933; }

@media (min-width: 992px) {
.navbar-default .navbar-nav > li > a > span { width: 102px; padding: 0; }
}

@media (min-width: 768px) {
.navbar-default .navbar-nav > li > a > span { padding: 0 7px; }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { height: 110px; width: 196px; padding-top: 15px; }
}

@media (min-width: 320px) {
.navbar-header .navbar-brand { padding: 0px 15px; width: 180px; }
}
/* ==會員menu== */
@media screen and (min-width: 768px) {
/* 桌機 */
.header_member { display: none !important; }
}
/* ticket_banner */
.banner-desktop { background-size: cover; height: 400px; background-position: 50% 50%; }
.banner-mobile { background-size: cover; height: 270px; background-position: 50% 50%; }
.ticket_banner { width: 100%; height: 100%; position: relative; padding-right: 0; padding-left: 0; }
.swiper-slide { background-position: center; background-size: cover; }
.swiper-slide img { display: block; width: 100%; }
.swiper-slide { width: auto; }
/* 票券 menu */
.ticket_menu { width: 100%; height: 100%; position: relative; }
.ticket_menu p { margin-bottom: 0; }
.ticket_menu a { color: #000; font-size: 18px; padding: 10px 0px; }
.ticket_menu a:hover { color: #ff5b00; }
.ticket_menu .active { border-bottom: 2px solid #ff5b00; color: #ff5b00; font-weight: bold; }
.ticket_menu .swiper-button-next, .ticket_menu .swiper-button-prev { top: 50%; width: 31px; height: 22px; margin-top: -12px; }
.ticket_menu .swiper-wrapper:before { display: inline-block; height: 18px; content: " "; background-color: #878787; width: 2px; margin-right: 10px; }
/* menu mask */
.ticket_menu:after, .ticket_menu:before { content: ""; pointer-events: none; position: absolute; top: 0; display: inline-block; width: 80px; height: 100%; z-index: 9; opacity: 1; }
.ticket_menu:after { right: 0; background: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0,0%,100%,0))); background: linear-gradient(270deg, #fff, hsla(0,0%,100%,0)); }
.ticket_menu:before { left: 0; background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0,0%,100%,0))); background: linear-gradient(90deg, #fff, hsla(0,0%,100%,0)); }

@media screen and (min-width: 768px) {
.ticket { padding-top: 30px; }
.ticket_menu { margin-top: 25px; margin-bottom: 2px; }
.ticket_menu .swiper-button-next, .ticket_menu .swiper-button-prev { display: none; }
}

@media screen and (max-width: 767px) {
.ticket { padding-top: 10px; }
.ticket_menu { margin-top: 20px; margin-bottom: 20px; }
}
/* 票券 list */
.ticket h1, .ticket h2, .ticket h3, .ticket h4, .ticket h5 { margin-bottom: 10px; }
/* .card .caption { padding: 9px; } */
.ticket .thumbnail { background-color: #fff; border: 1px solid #ddd; box-shadow: 0 0; }
.ticket .thumbnail .caption { border-top: 5px solid #ffffff; padding: 0px 15px 15px; background-color: transparent; }
.caption a, .card a { color: #000000; }
.caption a:hover, .card a:hover { text-decoration: underline !important; }
.thumbnail:hover img { opacity: 0.8; }
.list_title { font-size: 20px; margin: 5px 0; color: #000; font-weight: bold; }
.pa { color: #c9253c; font-weight: bold; }
.ps { color: #757575; text-decoration: line-through; }
.listA_p { }
.listA_p .pa { font-size: 18px; margin-bottom: 5px; }
.listA_p .ps { font-size: 13px; min-height: 21px; margin-bottom: 0px; }
.ticket .btn { padding: 5px 10px; font-size: 15px; }
.ticket_buy { margin-bottom: 0px; }
/* 商品頁 */
@media (max-width: 767px) {
.ticket_main { padding-top: 30px; }
.shop { padding: 10px; }
}

@media (min-width: 768px) {
.ticket_main { padding-top: 80px; padding-bottom: 0px; }
}
.ticket_main .btn { padding: 6px 12px; font-size: 20px; }
.ticket_main .row { padding-bottom: 20px; }
.ticket_main p { font-size: 18px; color: #000000; line-height: 30px; }
/*  */
.ticket_main .breadcrumb { background-color: #fff; }
.shop_title { font-size: 24px; margin-bottom: 20px; color: #000; font-weight: bold; }
.shop_prices { margin-bottom: 15px; }
.shop_prices .pa { font-size: 24px; margin-right: 10px; }
.shop_prices .ps { font-size: 18px; }
.shop_sp { margin-bottom: 15px; }
.shop_share { margin-bottom: 15px; }
.shop_share ul, .shop_share li { display: inline-block; }
.shop_share span { vertical-align: middle; }
.shop_tab { font-size: 20px; font-weight: bold; color: #000000; margin-right: 5px; }
.add-cart { margin-bottom: 20px; display: flex; align-items: center; }
.product_quantity { margin-right: 20px; float: left; }
.quantity_button { color: #555; width: 35px; height: 35px; padding: 5px; border: none; outline: none; cursor: pointer; font-size: 20px; background-color: #D1D1D1; text-align: center; font-weight: bold; white-space: nowrap; display: inline-block; background-image: none; }
.quantity_field { width: 35px; height: 35px; outline: none; margin: 0 -4px; font-size: 20px; text-align: center; border: 1px solid #eee; font-weight: bold; color: #666666; }
/* sub */

.subtitle { padding-top: 35px; border-top: 1px dashed #d6d6d6; }
.subtitle i { margin-right: 5px; color: #ff4100; transform: rotate(-15deg); }
.subtitle_none{border-top: 0px}

@media (max-width: 767px) {
.subtitle { text-align: center; }
}

@media (min-width: 768px) {
}
.subtitle b { font-size: 25px; color: #000; }
.custom_area { padding-bottom: 20px; padding-top: 20px; }
.custom_area a { color: #0000ff; text-decoration: underline !important; }
/* footer */
.footer_copyright { font-size: 0.9em; color: #ffffff; line-height: 24px; margin: 0 auto; padding-top: 40px; padding-bottom: 60px; }
.footer_copyright a { color: #feca00; }
.footer_copyright ul { width: 39%; margin: auto; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; overflow: hidden; }
.footer_copyright li { float: left; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; padding: 0 15px; }

@media screen and (max-width: 1023px) {
.copyright_left { text-align: center; }
}