body { background-attachment: scroll; background-position: left top; } body .block-item { background-position: left top; background-attachment: scroll; border-style: none; } body .widget-item { background-position: left top; background-attachment: scroll; border-style: none; } body .header { background-position: left top; background-attachment: scroll; border-style: none; } body .left { background-position: left top; background-attachment: scroll; border-style: none; } body .right { background-position: left top; background-attachment: scroll; border-style: none; } body .footer { background-position: left top; background-attachment: scroll; border-style: none; } /** modify style code here. :) */ .D_products_group_mold section.group_table#tripDown{/*order: 1;*/} /*機+酒*/ .it_info { width:100%; padding:2px;margin: 0 0 60px; background-color:#DDEAF6;} .it_info p { font-size:12.5px !important; color: #393E43 !important; font-weight:900 !important; letter-spacing:2px; } /*金旅獎banner*/ img.w12 { margin: 0 auto 50px;} @media(max-width:767px){ img.w12 { margin: 0 auto 15px;} } /*AOJ33 jwtest1*/ .JWtest1 .H_info.Hi3{ display:flex; flex-wrap:wrap; } .JWtest1 .gallery100 .gallery { display: grid; margin: 10px auto; max-width:fit-content; position: relative; padding-top: 66.6666666667%; grid-template-columns:repeat(5, 1fr); } .PQCJX41.JWtest1 .pqc_Hotel .H_info .Hi_img { display:unset;} /*AOJ33 test1*/ .test1 { width:100%;} .JWinfo { display:flex; flex-wrap:wrap; } .dd { display:flex; } .gallery100 img { max-width: 100%; vertical-align: top; } .gallery100 .gallery { display: grid; margin: 10px auto; max-width: 600px; position: relative; padding-top: 66.6666666667%; grid-template-columns: 1fr 1fr 1fr; } /*@media screen and (min-width: 600px) { .gallery { padding-top: 400px; } }*/ .gallery100 .gallery__img { padding: 0 3px 0 0; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease-in-out; } .gallery100 .gallery div { margin:0 3px 0 0 ; } /*.gallery100 .gallery div:not(:nth-child(3n)){ margin:0 3px 0 0 ; }*/ .gallery100 .gallery__thumb { padding-top: 3px; display: block; } .gallery100 .gallery__selector { position: absolute; opacity: 0; visibility: hidden; } .gallery100 .gallery__selector:checked + .gallery__img { opacity: 1; } .gallery100 label { margin-bottom: 0rem;} /*AOJ33_lightbox gallery02*/ /* * { box-sizing: border-box; }*/ .gallery02 img { max-width: 100%; vertical-align: top; } .gallery { display: flex; margin: 10px auto; max-width: 600px; position: relative; padding-top: 66.6666666667%; } /*@media screen and (min-width: 600px) { .gallery { padding-top: 400px; } }*/ .gallery__img { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease-in-out; } /*.gallery div:not(:last-child){ margin:0 3px 0 0; }*/ .gallery__thumb { padding-top: 3px; display: block; } .gallery__selector { position: absolute; opacity: 0; visibility: hidden; } .gallery__selector:checked + .gallery__img { opacity: 1; } /*.gallery__selector:checked ~ .gallery__thumb > img { box-shadow: 0 0 0 3px #0be2f6; }*/ /*AOJ33_lightbox gallery01*/ .gallery01 { height:600px;} .gallery-box { position: relative; width:100%;/*500px*/ height: auto; float:center; top:500px; } #big-container { position:absolute; background-image:url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004431.jpg"); width: 100%; height: 490px; bottom:100px; left:0; /*float: left;*/ margin: 0px; background-size: cover; } .small-container { position: relative; /*top: 500px;*/ width: 80px; height: 80px; float: left; margin: 0px; object-fit: cover; } .button { display:none; } .button:checked + label > img { opacity: 0.8; } #button1:checked ~ #big-container { background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004431.jpg"); } #button2:checked ~ #big-container { background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004430.jpg"); } #button3:checked ~ #big-container { background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004433.jpg"); } #button4:checked ~ #big-container { background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004437.jpg"); } #button5:checked ~ #big-container { background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004428.jpg"); } #button6:checked ~ #big-container { background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004429.jpg"); } #button7:checked ~ #big-container { background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004434.jpg"); } #button8:checked ~ #big-container { background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004435.jpg"); } #button9:checked ~ #big-container { background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000199/00004440.JPG"); } /*團型AOJ33>>HCM HOTEL*/ .sgn10 .sgn_img img{ margin:0 auto; } .sgn10 .SGNH { margin: 30px 0 ;} .hcm_hotel { display:flex; flex-wrap:wrap; } .hcm_hotel .col-12.col-xl-1.HCMC { padding:0 5px; writing-mode: vertical-lr; flex-basis: content; background: #6C7960; margin:18px; } .hcm_hotel .col-12.col-xl-1 p { color:#FFF; font-size:18px; font-family: "Noto Serif TC", serif; font-weight: 400; letter-spacing:5px; } .hcm_hotel .col-12.col-xl-1 p span { font-size:12px; font-family: "Trirong", serif; font-weight: 500; letter-spacing:2px; } .hcm_hotel .col-12.col-xl-11 { padding:0; } .hcm_hotel .hotel_info .hcm { padding:18px 0; } /*.hcm_hotel .hotel_info .hcm:hover { background: #889878; }*/ .hcm_hotel .hotel_info .hcm.BDB { border-bottom:1px solid #DEDEDE; } .hcm_hotel .col-12.col-sm-6.col-md-12.col-lg-2 { padding:0 3px 0 0; } .hcm_hotel .col-12.col-sm-6.col-md-5.col-lg-4 { padding:0; } .hcm_hotel .hotel_info .hcm .hpic img{ object-fit: cover; height: 100%; width: 100%; } .hcm_hotel .hotel_info .hcm .hpic.LMSl img { object-position: 60%; } .hcm_hotel .hotel_info .hcm .h_text { padding:20px 30px; } .hcm_hotel .hotel_info .hcm * { color:#282828; text-align: justify; } .hcm_hotel .hotel_info .hcm h4 { font-size:24px; font-family: "Noto Serif TC", serif; font-weight: 700; letter-spacing:2px; padding:0 0 8px; } .hcm_hotel .hotel_info .hcm h6 { font-size:15px; font-family: "Lustria", serif; font-weight: 400; letter-spacing:1px; margin-bottom: 12px;} .hcm_hotel .hotel_info .hcm span.link a { font-size: 14px; font-weight: 800; color:#FFF; background: #889878; padding: 3px 10px; float: right; line-height: 2; } .hotel_info { display:flex; flex-wrap:wrap; } .hcm { display:flex; flex-wrap:wrap; } .hcm_hotel .col-12.col-xl-1.MN { padding:0 5px; writing-mode: vertical-lr; flex-basis: content; background: #9C6E54; margin:18px; } .hcm_hotel .hotel_info .hcm .hpic.MRPTl img { object-position: 65%; } .hcm_hotel .hotel_info .hcm span.link_mn a { font-size: 14px; font-weight: 800; color:#FFF; background: #AF8B76; padding: 3px 10px; float: right; line-height: 2; } @media(max-width:1352px){ .hcm_hotel .col-12.col-xl-1.HCMC { margin:18px 12px; } .hcm_hotel .col-12.col-xl-1.MN { margin:18px 12px; } } @media(max-width:1199px){ .hcm_hotel .col-12.col-xl-1.HCMC { margin:0px; writing-mode: horizontal-tb; flex-basis: auto; margin:18px 0 0;} .hcm_hotel .hotel_info .hcm .h_text { padding: 20px 0 20px 25px; } .hcm_hotel .hotel_info .hcm.BDB.LMS { border-bottom:none; } .hcm_hotel .hotel_info .hcm .hpic.LMSr img { object-position: 50%; } .hcm_hotel .col-12.col-xl-1.MN { margin:0px; writing-mode: horizontal-tb; flex-basis: auto; margin:18px 0 0;} } @media(max-width:991px){ .hcm_hotel .col-12.col-sm-6.col-md-12.col-lg-2 { padding:0 0 5px; } } @media(max-width:767px){ .hcm_hotel .col-12.col-sm-6.col-md-12.col-lg-2 { padding:0 5px 0 0; } .hcm_hotel .hotel_info .hcm .h_text { padding: 20px 0; } } @media(max-width:575px){ .hcm_hotel { padding: 0 10px; } .hcm_hotel .col-12.col-sm-6.col-md-12.col-lg-2 { padding:0 0 5px; } } /*團型AOJ-1>>VTE10 TEST*/ .nopd { padding:0 ; } .hpall { width: 100%; height: 100%; object-fit: cover; object-position: 90%; } .vte10_top { display: table; position: relative; width: 100%; margin:0; } .vte10_top img { width:100%; } .vte10_top .title_text { position: absolute; text-align:left; bottom: 80px; left:100px; } .vte10 .vte10_top .title_text * { color:#fff; font-family: "Noto Sans TC", sans-serif; } .vte10 .vte10_top div.title_text h2 { font-size:60px; text-shadow:none; margin: 0 0 5px; letter-spacing: 5px; } .vte10 .vte10_top .title_text h5 { font-size:18.5px; font-weight:800; margin: 0 0 20px; letter-spacing: 1.5px; } .vte10 .vte10_top .title_text p { font-size:14px; letter-spacing: 8px; line-height:1.8; } .vte_map { display:block; padding:0 0 70px; position: relative;} .vte_map .lao_map { position: absolute; top:-35px; z-index:2; } .vte_map .vte_info { padding:35px 0 0; } .vte_map .vte_info .info_sp h6{ font-size:21.5px ; font-family: "Noto Sans TC", sans-serif; font-weight:600 ; line-height:2; letter-spacing: 1.2px; } .vte_map .vte_info .info_t { display:flex; flex-wrap:wrap; } .vte_map .vte_info .info_t .t_left * { color:#000;} .vte_map .vte_info .info_t .t_left .info_u span { font-size:25px; font-style:italic; font-weight: 800; } .vte_map .vte_info .info_t .t_left .info_u p{ font-size:16.5px; font-family: "Noto Sans TC", sans-serif; font-weight: 400; line-height: 1.8; letter-spacing: 1.2px; padding: 20px 0; } .vte_map .vte_info .info_t .t_left .info_d { display:flex; flex-wrap:wrap; } .vte_map .vte_info .info_t .t_left .info_d li { font-size:18px; font-family: "Noto Sans TC", sans-serif; font-weight: 500; line-height: 1.5; margin-bottom:20px; text-align:left; } .vte_map .vte_info .info_t .t_left .info_d ul li span { font-size:28px; font-style:italic; color:#BA2521;font-weight: 900;} .vte_map .vte_info .info_t .t_left .info_d .nopd { margin:auto 0 ; } .v_style1 { display:table; padding:0 25px; margin:30px 0 0;} .v_style1 .v1all { position: relative; } /*.v_style1 .v1all .v1img { position: relative; } */ .v_style1 .v1all .v1text { position: absolute; z-index:1; padding:60px 40px 35px; right:40px; top:-25px; } .v_style1 .v1all .v1text.Lbg { background-color: rgba(126,156,162, 0.95); } .v_style1 .v1all .v1text * { color:#fff; font-family: "Noto Sans TC", serif; letter-spacing:1px; } .v_style1 .v1all .v1text h6 { font-size:1rem; font-weight:700; line-height:2; text-decoration: underline; text-underline-offset: 6px; margin:0 0 20px; } .v_style1 .v1all .v1text h4 { font-size:2.4rem; font-weight: 700; } .v_style1 .v1all .v1text h4 span { font-size:1.2rem; font-weight: 700; padding: 0 0 0 10px; } .v_style1 .v1all .v1text h5 { font-size:1rem; font-weight: 700; margin:5px 0 20px; } .v_style1 .v1all .v1text p { font-size:0.9rem; text-align: justify; line-height:1.8; letter-spacing: 0.5px;} .v_style1 .vte_info .v_text h5 { font-size:1rem; font-weight:500; letter-spacing:1px; line-height:1.5; margin: 20px 0 10px;} .v_style1 .vte_info .v_text h3 { font-size:2rem; font-weight: 700; margin: 5px 0; } .v_style1 .vte_info .v_text h6 { font-size:0.8rem; font-weight: 500; margin: 0 0 20px; } .v_style1 .vte_info p { padding:0 0 40px; line-height:1.8; text-align: justify; } .vte_L { display:flex; flex-wrap:wrap; margin: 0 0 30px; } .vte_info.col-12.col-md-6 { padding:0 25px;} .vte_info .v_text { position: relative; } .vte_info .v_text::before { content: ''; color: #657E82; border:3px solid; border-radius: 30px; height:100%; width:5px; position: absolute; display: block; } .vte_info .v_text * { text-align: justify; padding: 0 0 0 25px; font-family: "Noto Sans TC", serif; letter-spacing:1px; } .vte_L .vte_info .v_text h5 { font-size:1rem; font-weight:500; letter-spacing:1px; line-height:1.5; margin: 20px 0 10px;} .vte_L .vte_info .v_text h3 { font-size:1.8rem; font-weight: 700; margin: 5px 0; } .vte_L .vte_info .v_text h3 span { font-size:1.2rem; font-weight: 700; padding: 0 0 0 10px; } .vte_L .vte_info .v_text h6 { font-size:0.8rem; font-weight: 500; margin: 0 0 20px; } .vte_L .vte_info p { padding:0 0 40px; line-height:1.8; text-align: justify; } .v_style2.Vbg { background-color: rgba(252,241,139); padding:20px; margin: 10px 0 80px; } .v_style2 .VVall { display:flex; flex-wrap:wrap; padding:20px 30px; align-items: center; } .vte_V { display:flex; flex-wrap:wrap; } .v_style2.Vbg .VVall * { color:#503C1C; font-family: "Noto Sans TC", serif; letter-spacing:1px; } .v_style2 .VVall .v2text h6 { font-size:1rem; font-weight:700; line-height:2; text-decoration: underline; text-underline-offset: 6px; margin:0 0 20px; } .v_style2 .VVall .v2text h4 { font-size:2.4rem; font-weight: 700; } .v_style2 .VVall .v2text h4 span { font-size:1.2rem; font-weight: 700; padding: 0 0 0 10px; } .v_style2 .VVall .v2text h5 { font-size:1rem; font-weight: 700; margin:5px 0 20px; } .v_style2 .VVall .v2p p { font-size:0.9rem; text-align: justify; line-height:1.8;letter-spacing: 0.5px; } .vte_V .vte_info.col-12.col-md-6 { padding:0 25px;} .vte_V .vte_info .v_text { position: relative; } .vte_V .vte_info .v_text::before { content: ''; color: #ae751b; border:3px solid; border-radius: 30px; height:100%; width:5px; position: absolute; display: block; } .vte_V .vte_info .v_text * { text-align: justify; padding: 0 0 0 25px; font-family: "Noto Sans TC", serif; letter-spacing:1px; } .vte_V .vte_info .v_text h5 { font-size:1rem; font-weight:500; letter-spacing:1px; line-height:1.5; margin: 20px 0 10px;} .vte_V .vte_info .v_text h3 { font-size:1.8rem; font-weight: 700; margin: 5px 0; } .vte_V .vte_info .v_text h3 span { font-size:1.2rem; font-weight: 700; padding: 0 0 0 10px; } .vte_V .vte_info .v_text h6 { font-size:0.8rem; font-weight: 500; margin: 0 0 20px; } .vte_V .vte_info p { padding:0 0 40px; line-height:1.8; text-align: justify; } .v_style1 .v1all .v1text.VTbg { background-color: rgba(108,172,228, 0.95); } .vte_info.col-12.col-xl-7.VTP { padding: 0 ; } .vte_info .v_text.VTC::before { content: ''; color: #619ACD; border:3px solid; border-radius: 30px; height:100%; width:5px; position: absolute; display: block; } .v_style1 .v1all .v1text.PSbg { background-color: rgba(244,163,78, 0.95); } .vte_info .v_text.PSC::before { content: ''; color: #F28B1E; border:3px solid; border-radius: 30px; height:100%; width:5px; position: absolute; display: block; } .v_style2.FTbg { background-color: rgba(235,239,242, 0.8); padding:20px; margin: 10px 0 80px; } .v_style2.FTbg .VVall * { color:#3D3D3D; font-family: "Noto Sans TC", serif; letter-spacing:1px; } .v_style2.FTbg img { padding:0 25px 25px; } @media(max-width:1350px){ .v_style1 .v1all .v1text { top:0; height:-webkit-fill-available; padding: 35px; align-content: center;} .v_style1 .v1all .v1img img { aspect-ratio: 3/2; object-fit: cover; } .v_style1 .v1all .v1text h6 { font-size:0.9rem; } .v_style1 .v1all .v1text h4 { font-size:2.2rem; } .v_style1 .v1all .v1text h4 span { font-size:1rem; } .v_style1 .v1all .v1text p { font-size:0.75rem; } .v_style2 .VVall .v2text h6 { font-size:0.9rem; } .v_style2 .VVall .v2text h4 { font-size:2.2rem; } .v_style2 .VVall .v2text h4 span { font-size:1rem; } .v_style2 .VVall .v2p p { font-size:0.75rem; } } @media(max-width:1199px){ .vte10_top .title_text { bottom: 50px; left:70px; } .vte10 .vte10_top div.title_text h2 { font-size:50px; } .vte10 .vte10_top .title_text h5 { font-size:16px; } .vte10 .vte10_top .title_text p { font-size:12.5px; } .vte_map { padding:0 0 15px;} .vte_map .vte_info { padding:20px 0 0;} .vte_map .lao_map { top:150px; } .vte_map .vte_info .info_sp h6{ font-size:20px ; font-weight:600 ; } .vte_map .vte_info .info_t .t_left .info_u p { font-size: 16px; padding:0 0 20px; } .vte_map .vte_info .info_t .t_left .info_d li { font-size: 17px; margin-bottom:15px; text-align:center; } .vte_map .vte_info .info_t .t_left .info_d { padding:0 0 0 20px; } .v_style1 .v1all .v1text { right:0; } .v_style1 .v1all .v1img img { aspect-ratio:4/3; object-fit: cover; object-position: 62%; } } @media(max-width:991px){ .vte10_top .title_text { bottom: 30px; left:50px; } .vte10 .vte10_top div.title_text h2 { font-size:40px; } .vte10 .vte10_top .title_text h5 { font-size:15px; } .vte10 .vte10_top .title_text p { font-size:12px; } .vte_map { padding:0;} .vte_map .lao_map { top:170px; } .vte_map .vte_info .info_sp h6 { font-size:18px; margin: 0 0 20px; } .vte_map .vte_info .info_t .t_left .info_u p { font-size: 15.5px; letter-spacing:0.8px; } .vte_map .vte_info .info_t .t_left .info_d { padding:0 0 0 40px; } .vte_map .vte_info .info_t .t_left .info_d li { font-size: 16px; } .v_style1 .v1all .v1text { height:auto; } .v_style1 .v1all .v1text { position: static; padding:40px; right:0; top:0; } .v_style1 .v1all .v1text p { font-size:14px; line-height:1.8; } .v_style2.Vbg { margin: 10px 0 50px; padding: 20px 0; } .v_style2 .VVall { padding:20px 25px 30px; } .v_style2 .VVall .v2p p { font-size:14px; line-height:1.8; } .vte_V .vte_info.col-12.col-md-6.NSL { padding:0 20px 0 40px;} .vte_V .vte_info.col-12.col-md-6.NFR { padding:0 40px 0 20px;} .v_style2.FTbg { padding:15px;} .v_style2.FTbg .v2p.col-12.col-lg-8 { padding:0;} } @media(max-width:767px){ .vte10_top { display: flex; flex-wrap:wrap; position: initial; width: 100%; margin:0; } /*.vte10_top img { aspect-ratio: 1/1; object-fit: cover; object-position: 90%; }*/ .vte10_top .title_img { padding:0; } .vte10_top .title_text { position: initial; text-align:left; bottom: 0; left:100px; margin:0 0 20px 20px;} .vte10 .vte10_top .title_text * { color:#3C240A; } .vte10 .vte10_top div.title_text h2 { color:#3C240A; font-size:45px; letter-spacing: 5px; } .vte10 .vte10_top .title_text h5 { font-size:16px; margin: 0 0 10px; } .vte10 .vte10_top .title_text p { font-size:12px; letter-spacing: 5px; } .vte_map { display:flex; flex-wrap:wrap; position: relative; margin: 10px 0 0;} .vte_map .lao_map { padding:0; top:65px; z-index: 0; } .vte_map .vte_info { z-index: 1; } .vte_map .vte_info .info_sp h6 { font-size:22px; margin: 0 0 10px; } .vte_map .vte_info .info_sp h6 mark { font-size:15px; background:#F1E2D2; font-family: "Noto Sans TC", sans-serif; padding:3px 8px; border-radius: 5px; } .vte_map .vte_info .info_t { padding:510px 0 0; } /*.vte_map .vte_info .info_t p { text-shadow: 1px 1px 2px rgba(255,255,255, 0.95); }*/ .vte_map .vte_info .info_t .t_left .info_d { padding:0px; } .vte_map .vte_info .info_t .t_left .info_d li { font-size: 16.5px; text-align:center;} .v_style1 { padding:0; } .v_style1 .v1all .v1text { padding:30px; } .vte_info.col-12.col-md-6 { padding:0; } .v_style2.Vbg .VVall { padding:0; } .v_style2.Vbg { padding:30px 30px 0;} .v_style2.Vbg .VVall .v2p { padding:0 0 30px;} .vte_V .vte_info.col-12.col-md-6.NSL { padding:0px;} .vte_V .vte_info.col-12.col-md-6.NFR { padding:0px;} } @media(max-width:575px){ .new_features_content.vte10 { padding:20px 30px 0; } .vte_map .lao_map { position: initial; margin: -180px 0 0; z-index:1; } .vte_map .vte_info .info_t { padding:20px 0 0; } .ONEt { margin: -30px 0 0; } .v_style2.Vbg { margin: -25px 0 0; } .v_style2.FTbg { padding:5px; margin: -25px 0 0; } .v_style2.FTbg img { aspect-ratio: 3 / 2; object-fit: cover; height: 100%; width: 100%; object-position: 65%; } } @media(max-width:425px){ .new_features_content.vte10 { padding:20px 15px 0; } .vte_map .vte_info .info_sp { padding:0; } .vte_map .vte_info .info_sp h6 { font-size:20px; } .vte_map .vte_info .info_sp h6 mark { font-size:14px; } .vte_map .lao_map { margin: -120px 0 0; } .vte_map .vte_info .info_t .t_left .info_u p { font-size:14px; letter-spacing: 0.6px; } .v_style1 .vte_info .v_text h5 { font-size:0.9rem; } .v_style1 .vte_info .v_text h3 { font-size:1.75rem; } .vte_L .vte_info .v_text h5 { font-size:0.9rem; } .vte_L .vte_info .v_text h3 { font-size:1.75rem; } .v_style2 .vte_info .v_text h5 { font-size:0.9rem; } .v_style2 .vte_info .v_text h3 { font-size:1.75rem; } .vte_V .vte_info .v_text h5 { font-size:0.9rem; } .vte_V .vte_info .v_text h3 { font-size:1.75rem; } } @media(max-width:390px){ } .vte10 ::selection { background: #FDFCFB; color:unset; /*user-select:none;*/} .cwall { display:flex; flex-wrap:wrap; } .vte10_cw10 { width: 100%; display: table; margin-bottom: 10px; position: relative;} .vte10_cw10 img { width:auto; margin:0px auto; } .vte10_cw10 .item_text {position: absolute; bottom: 10%; z-index: 10; padding: 0; text-align: left;} .vte10_cw10 .item_text h2 { font-size: 60px !important; color: #FFF !important; font-family:"Noto Serif TC", serif !important; font-weight: 800 !important; margin:0rem !important; text-shadow:none !important; padding: 0 80px;} .vte10_cw10 .item_text p {margin: 0; /*background: rgba(0, 0, 0, 0.6);*/font-family:"Noto Serif TC", serif !important;font-size: 15px !important; color: #FFF; line-height: 2; padding:20px 80px 30px; } .vte10 .vte10_info { margin-bottom: 20px;} .vte10 .vte10_info h6{ font-size:20px !important; font-family: "Noto Serif JP", serif !important; font-weight:400 !important; line-height:2.2; letter-spacing: 1px; margin-bottom: 30px !important; } .vte10 .vte10_info p{ font-family: "Noto Sans TC", sans-serif; font-weight: 400; line-height: 1.8; letter-spacing: 1px; /*padding: 3%;*/ } .vte10_cw1 {width: 100%; margin-bottom: 25px; justify-content: center; align-items: center; } .vte10_cw1 img {width:100%;} .vte10_cw1 div.info { padding:0px !important; } .vte10_cw1 .info_u span { font-size:25px; font-style:italic; } .vte10_cw1 .info_u p{ font-size:16px; font-family: "Noto Sans TC", sans-serif; font-weight: 400; line-height: 1.8; letter-spacing: 1px; padding: 20px 0; } .vte10_cw1 .info_d { display:flex; align-items: center; } .vte10_cw1 .info_d div.item { padding-right:0px !important; } .vte10_cw1 li { font-size:18px; font-family: "Noto Sans TC", sans-serif; font-weight: 600; line-height: 1.5; margin-bottom:20px; text-align:left; } .vte10_cw1 .info_d ul li span { font-size:28px; font-style:italic; color:#E5E5E5;} /*.vte10_cw1 .info_d ul li span::after{ content: ""; position: absolute; background: #000; width: 75%; height: 2px; margin-top: 20px;}*/ /*行程特色中的圖片與影片置中*/ div.features_content p {margin:0 auto !important; display: table; text-align: center;} div.features_content p img {margin:0 auto !important;} div.features_content br {display: none !important;} div.features_content p.community > * {display: inline-block; margin: initial !important; vertical-align: baseline;} div.features_content iframe {width: 980px;height: 550px;margin: 0 auto; display: block;} @media(min-width:600px) and (max-width:991px) { div.features_content iframe{width: 100%;height: 400px;} } @media(max-width:600px) { div.features_content iframe{width: 100%;height: 300px;} }@media(max-width:480px) { div.features_content iframe{width: 100%;height: 235px;} }@media(max-width:375px) { div.features_content iframe{width: 100%;height: 195px;} } /*行程範本css*/ @charset "utf-8"; /* 預設共用 */ * {font-family: "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "微軟正黑體"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} a:focus, button:focus, buttom.active {outline: none; text-decoration: none;} ul, li {list-style: none; margin: 0; padding: 0;} a, a:hover, button, button:hover {text-decoration: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; text-decoration:none;} td {font-weight: initial;} / 中台GCA模組選項 / #Page_Setting {margin-top: 135px; position: relative;z-index: 99999;background: #FFF;} #Page_Setting .member-contant-text01 {margin: 0 auto;} #Page_Setting .member-input-box {display: initial;} @media handheld { .nav-tabs > li:nth-child(4) {display: none;} } .form-control {line-height: 34px;} 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: 160px; 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: none;} .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 #0075a9;} .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: #f7efe3;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 > img {display: none;} 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: 90px;*/transition: top .5s;z-index: 999;/* border-top: 5px solid #0075a9; */} .gizle {top: -5px !important;} .sabit {top:0; /*z-index: 9999;*/} .gizle #top {border-bottom: 5px solid #0075a9;} .container-fluid {position: relative;} /** 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%;} /** New_Header **/ .navbar {min-height: 51px; margin: 0;} .navbar-fixed-top {width: 100%; display: table; background-color: #333;} .navbar-inverse {background: none !important;border-color: #0075a9;display: inline-table;float:right;background: none !important;border: none !important;} /*.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: #0075a9;}} /*平板修改*/ @media screen and (max-width: 45em) {.side-collapse-left {background: rgba(25, 25, 25, 0.9) !important;}} .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #181818;} .navbar-inverse .navbar-header {/*width: 100%;*/display: table;margin: 0;/* position: relative; */padding: 0;} .navbar-inverse .navbar-header h2.block-title {/*width: 100%;*/display: table;font-size: 1.875em;line-height: 1.2em;margin: 14px 0;text-align: center;white-space: nowrap;font-family: sans-serif;color: #ff0040;font-weight: bold;} .navbar-inverse .navbar-header h2.block-title a {margin: 0;font-size: 1.875em;line-height: 1.2em;text-align: center;white-space: nowrap;font-family: sans-serif;color: #ff0040;font-weight: bold;padding: 0;} .navbar-inverse .navbar-nav {margin: 0 auto; float: none !important; width: 100%; display: table; padding: 0.75em 0em;}/*padding: 0.75em 1.25em;*/ .navbar-inverse .navbar-nav > li {float: none;display: inline-block;/*border-right: 1px solid rgba(255, 255, 255, 0.1); *//* line-height: 34px; */} .navbar-inverse .navbar-nav > li:last-child {border-right: none;} .navbar-inverse .navbar-nav > li > a {padding: 0.42857em 0.85714em; display: block; color: #ccc; font-size: 1.2em; line-height: 1.28571em; font-weight: 100; outline: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .navbar-inverse .navbar-nav > li a:focus, .navbar-inverse .navbar-nav > li a:hover {color: #fff; background: rgba(255, 255, 255, 0.1); -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .navbar-inverse .navbar-nav > li.is-active a {color: #fff;} .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; padding-top:5px;-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-color: #0075a9; 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: #0075a9;} #search .search_content .merge_search{background-color: #f7efe3;border-radius: 10px;padding:15px 0 10px 0; } #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: #0075a9;} #search .search_content #GODC2_search > div.form-btn a.btn-primary:hover {background-color: #560169; border-color: #0075a9;} #search .search_content #GODC2_search > div.form-btn a i {margin-right: 5px;} #module_content, #module_content_2, #module_content_3 {margin-bottom: 45px;} #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: #0075a9;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.05);} .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_2 {position: relative; overflow: hidden;background: url(/eweb_loyaltytour/images/index_bg_01.jpg); background-attachment: fixed; background-repeat: repeat-y; background-size: cover;} #module_content_2 .module_content_2_bg {margin: -10px; padding: 100px 0; position: relative; background: url(/eweb_loyaltytour/images/index_bg_01.jpg); background-attachment: fixed; background-repeat: repeat-y; background-size: cover;-webkit-filter: blur(5px); filter: blur(5px);} #module_content_2 .module_content_2_txt {position:absolute;z-index:11;width:100%;padding:39px 0 38px;margin:0 auto;top:0;} #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_3 .module_content {width: 100%; display: table;} #module_content_3 .module_content .module_title {position: relative;} #module_content_3 .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_3 .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_3 .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_3 .module_content .module_three {margin-bottom: 30px;} #module_content_3 .module_content .module_three img {width: 100%;} #module_content_3 .module_content .module_three a:hover{background-color: #f7efe3;color: #a97c3d;box-shadow: 2px 10px 15px 0px rgba(90, 91, 95, 0.2);} #module_content_3 .module_content .module_three a {display: block; background-color: #333;} #module_content_3 .module_content .module_three a .module_three_text {display: block; background-color:#FFF; padding: 5px 10px 15px; color: #656565; border: 1px solid #e1e1e1;} #module_content_3 .module_content .module_three a:hover .module_three_text{background-color: #fff; color: #0075a9;} #module_content_3 .module_content .module_three a .module_three_text h4 {height: 50px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 麵包屑 */ @media (max-width: 3000px){ /*.GroupList .breadcrumb, .Detail .breadcrumb, .Order_Step_one .breadcrumb, .order_completion .breadcrumb, .payment .breadcrumb {margin-top: 180px;}*/ } @media (max-width: 1200px){ /*article.miyabicarousel {padding-top: 158px;}*/ } @media (max-width: 992px){ /*.GroupList .breadcrumb, .Detail .breadcrumb, .Order_Step_one .breadcrumb, .order_completion .breadcrumb, .payment .breadcrumb {margin-top: 80px;}*/ } @media (max-width: 768px){ /*.GroupList .breadcrumb, .Detail .breadcrumb, .Order_Step_one .breadcrumb, .order_completion .breadcrumb, .payment .breadcrumb {margin-top: 80px;}*/ } @media (max-width: 45em){ /*.GroupList .breadcrumb, .Detail .breadcrumb, .Order_Step_one .breadcrumb, .order_completion .breadcrumb, .payment .breadcrumb {margin-top: 80px;}*/ } .breadcrumb {background-color: transparent !important; margin-top: 10px; margin-bottom: 10px;} .breadcrumb > li {line-height: 30px;} .breadcrumb > li.active {color: #a59681;} .breadcrumb > li a {color: #777;} .breadcrumb > li a:hover {color: #333;} .GroupList .breadcrumb, .Detail .breadcrumb, .Order_Step_one .breadcrumb, .order_completion .breadcrumb, .payment .breadcrumb {margin-top: 15px;background: none;} .GroupList .breadcrumb::before{content:'';width:100%;height:490px;display:block;position:absolute;top:-505px;/*border-bottom:10px solid #fff;*/background:url(http://www.bft.com.tw/eweb_loyaltytour/oversea/images/01.jpg) no-repeat top left;-moz-background-size: cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;margin-left: -15px;display: none;} .GroupList .breadcrumb{margin-top: 80px;position: relative;margin: 80px auto 15px;background: none;} @media(max-width:767px) { .GroupList .breadcrumb{margin: 10px auto 15px;} .Detail .breadcrumb {margin-top: 0px;} } @media(max-width:480px) { .GroupList .breadcrumb{ margin-top:0px; background:#fff;} .GroupList .breadcrumb::before{content:'';width:100%;height:430px;display:block;background-size:100%;position:static;top:0px;left:0;/*border-bottom:10px solid #fff;*/background:url(http://www.bft.com.tw/eweb_loyaltytour/oversea/images/01.jpg) no-repeat top left;margin-left:0;display: none;} } /* 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: 30px 0 20px;} footer .footer_info ul li{text-align:left;} footer .info_content ul li a {color: #AAA;} footer .footer_nav ul {display: table; margin: -15px auto 15px; border-bottom: 1px solid #AAA; padding: 0 10px 10px;} footer .footer_nav ul li {float: left;} footer .footer_nav ul li a {padding: 0 10px; color: #AAA;} footer .footer_nav ul li a:hover {color: #a59681; text-decoration: none;} footer .footer_logo img {float: left; margin-right: 10px;} footer .footer_copyright {padding: 15px;} footer .footer_copyright .copyright_content {text-align: center;font-size: 14px; color: #7E7E7E;} 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:60px;height:60px;display:inline-block; border-radius: 30px; outline:none; background: #f14343; line-height: 80px; text-align: center; color: #FFF; font-weight: bold;} .actGotop a:hover{background: #f56c6c; outline:none;} .actGotop a i {position: absolute; width: 60px; left: 0; top: 5px; font-size: 30px;} /********** 合併搜尋列表頁 **********/ /****** 合併搜尋引擎-個團及團型共用-也可以最外層class名稱做區分 GroupList & MGroupList ******/ .merge_search {width: 100%; display: table; padding: 0 20px; background:rgb(247, 239, 227);} /* 搜尋引擎標題-可依各家喜好更換 */ .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;} .merge_search ul li label i {color: #F00; font-weight: 600; font-size: 13px; margin: 0 3px 0 0; position: absolute; left: -20%; top: 11px;} /* 旅遊區域大小分類 */ .merge_search ul li.merge_search_area .merge_search_select {float: left; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_loyaltytour/images/icon_drop_down.png) #FFF no-repeat 99% center;} .merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 30%;} .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 51.3%;} /* 出發期間 */ .merge_search ul li.merge_search_date .input-group-addon {display: inherit; position: absolute; border-radius: 4px;} .merge_search ul li.merge_search_date .input-group-btn {display: inherit;} .merge_search ul li.merge_search_date .input-group .form-control {display: inherit;} .merge_search ul li.merge_search_date .form_date {float: left; width: 40.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_loyaltytour/images/icon_helpday.png) #FFF no-repeat 99% center;} /* 出境機場 */ .merge_search ul li.merge_search_airport .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_loyaltytour/images/icon_drop_down.png) #FFF no-repeat 99% center;} /* 旅遊天數 */ .merge_search ul li.merge_search_days .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_loyaltytour/images/icon_drop_down.png) #FFF no-repeat 99% center;} /* 每人預算 */ .merge_search ul li.merge_search_budget .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_loyaltytour/images/icon_drop_down.png) #FFF no-repeat 99% center;} /* 航空公司 */ .merge_search ul li.merge_search_airline .merge_search_select {float: left; width: 66%; margin: 0 0 15px 15px; line-height: 22px; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; background: url(/eweb_loyaltytour/images/icon_drop_down.png) #FFF no-repeat 99% center;} /* 合併其他選項 */ .merge_search ul li.merge_search_combine {padding: 6px 0 6px 9%;} input[type=checkbox].css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} input[type=checkbox].css-checkbox + label.css-label {padding-left: 28px; height: 22px; font-weight: 100; display: inline-block; line-height: 22px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; margin-right: 25px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -48px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} label.css-label {background-image: url(/eweb_loyaltytour/images/grey.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* 產品快搜 */ .merge_search ul li.merge_search_keyword .merge_search_input {float: left; width: 84.1%; margin: 0 0 15px 15px; line-height: 22px;} /* 搜尋引擎按鈕 預設置右，可透過 text-align 的其他參數調整 */ .merge_search .merge_search_btn {margin:15px 0px; text-align: right;} .merge_search .merge_search_btn a i {margin-right: 5px;} .merge_search .merge_search_btn a:nth-child(1) {padding: 6px 42px;} .merge_search select::-ms-expand{display: none;} /*搜尋引擎按鈕*/ #searchBtn{background: #8dc240; color: #FFF; border: 1px solid #4cae4c;} #searchBtn:hover{background: #5cb85c; color: #FFF; border: 1px solid #4cae4c;} /* 搜尋條件及排序方式 */ .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_loyaltytour/images/icon_right.png); margin: 0 5px 0 0; vertical-align: sub;} .merge_sequence > div.theway .product_items {height: 40px; line-height: 40px; text-align: right; padding-right: 10px;} .merge_sequence > div.theway ul {display: table; line-height: 75px; float: right; margin: 0 5px 0 0;} .merge_sequence > div.theway ul li {float: left; margin: 0 5px;} .merge_sequence > div.theway ul li input {vertical-align: middle; margin: 0; padding: 0;} .merge_sequence > div.theway ul li label {margin: 0;} /*.nav-tabs > li:nth-last-child(1) {float: right;}*/ /********** 首頁搜尋引擎 ********/ .search_content{padding-top: 5px;} .search_content .merge_search {background: transparent; padding: 0;} .search_content .merge_search h4 {display: none;} .search_content .merge_search ul {display: table; width: 100%; border: 0; padding:0;} .search_content .merge_search ul li {width: auto;padding: 2px 8px;} .search_content .merge_search ul li label {color: #333;} .search_content .merge_search ul li label i {display: none;} .search_content .merge_search_airport, .search_content .merge_search_days, .search_content .merge_search_budget, .search_content .merge_search_airline {display: none;} .search_content .merge_search_keyword label {display: none;} .search_content .merge_search ul li.merge_search_keyword .merge_search_input {width: 110px; margin: 0;} .search_content .merge_search ul li.merge_search_area .merge_search_select:nth-child(2), .search_content .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 110px; margin: 0 0 0 5px;} .search_content .merge_search ul li.merge_search_date .form_date {width: 125px; margin: 0 0 0 5px;} .search_content .merge_search ul li.merge_search_combine {padding: 6px 10px;} .search_content .merge_search_btn {margin: 0;} .search_content .merge_search_btn a:nth-last-child(1) {display: none;} .search_content input[type=checkbox].css-checkbox + label.css-label {margin-right: 10px;} /********** 列表頁 **********/ /* 圖文切換 */ .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: 20px 0; padding: 0 15px;} /*整體瀑布流框架*/ .skin_list .masonry-container {display: block; height: inherit !important;} .skin_list .products {border: 1px solid #e1e1e1;} /* 列表標題 */ .skin_list .products .product_title {width: 100%; display: table; line-height: 50px; position: inherit !important;} .skin_list .products .product_title > div {float: left;background-color: #f7efe3;text-align: center; border-right: 1px solid #e1e1e1;} /****** 個團列表 GroupList ******/ /** 個團列表 START **/ /*類型*/ .GroupList .skin_list .products .product_title > div.product_type {width: 8%;} /*產品名稱*/ .GroupList .skin_list .products .product_title > div.product_name {width: 42%;} /*天數*/ .GroupList .skin_list .products .product_title > div.product_days {width: 8%;} /*出發日期*/ .GroupList .skin_list .products .product_title > div.product_date {width: 10%;} /*個團代碼 .GroupList .skin_list .products .product_title > div.product_num {width: 10%;}*/ /*航班*/ .GroupList .skin_list .products .product_title > div.product_info {width: 8%;} /*售價*/ .GroupList .skin_list .products .product_title > div.product_price {width: 15%;} /*機位*/ .GroupList .skin_list .products .product_title > div.product_total {width: 5%;display: none;} /*可售*/ .GroupList .skin_list .products .product_title > div.product_available {width: 5%;display: none;} /*報名*/ .GroupList .skin_list .products .product_title > div.product_btn {width: 9%;} /*促銷*/ .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;} .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 30px;} @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: #a59681; border-radius: 4px; width: 25px; height: 25px; margin: 0 auto; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;} /*產品名稱*/ .GroupList .skin_list .product_item .thumbnail > div.product_name {width: 42%; text-align: left; padding-left: 10px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 16px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 70%; color: #F00; font-size: 14px;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:550px;} .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: 16px;} .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;} .GroupList .skin_list .product_item .thumbnail > div.product_price span strong{color: #F00; font-size: 20px; font-weight: bold;} /*機位*/ .GroupList .skin_list .product_item .thumbnail > div.product_total {width: 5%;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;} .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: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;} /*產品名稱*/ .GroupList .skin_module .products .item .thumbnail > div.product_name {text-align: justify;padding: 35px 5px 5px;/* height: 130px; *//* overflow: hidden; */} .GroupList .skin_module .products .item .thumbnail > div.product_name a {color: #333;font-size: 16px;position: relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .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: 0%; color: #F00; font-size: 14px;display: none;} .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: -25px;left: 100px;*/} /*分享*/ .GroupList .skin_module .products .item .thumbnail > .product_sharer {width: 100%;display: bl;text-align: left;padding: 10px;right: 0;} .GroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;} .GroupList .skin_module .products .item .thumbnail > .product_sharer > div a {display: block;} .GroupList .skin_module .products .item .thumbnail > .product_sharer > div a img {width: 20px;} .GroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: none;} /*天數*/ .GroupList .skin_module .products .item .thumbnail > div.product_days {float: left; width: 41%; padding: 5px;} .GroupList .skin_module .products .item .thumbnail > div.product_days:before {content: '旅遊天數：';} /*出發日期*/ .GroupList .skin_module .products .item .thumbnail > div.product_date {float: left; width: 59%; padding: 5px;} .GroupList .skin_module .products .item .thumbnail > div.product_date:before {content: '出發日期：';} /*個團代碼*/ .GroupList .skin_module .products .item .thumbnail > div.product_num {float: left; width: 100%; padding: 5px;} .GroupList .skin_module .products .item .thumbnail > div.product_num:before {content: '個團團號：';} /*航班*/ .GroupList .skin_module .products .item .thumbnail > div.product_info {float: left; width: 33.33%; padding: 5px;} .GroupList .skin_module .products .item .thumbnail > div.product_info a {cursor: pointer;} /*售價*/ .GroupList .skin_module .products .item .thumbnail > div.product_price {position: absolute; right: 15px; bottom: 100px;} .GroupList .skin_module .products .item .thumbnail > div.product_price span {width: 100%; text-align: right; float: left;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 .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; 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: 40%;-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: 5px 0 20px;} .product_details .number_status i {margin-right: 5px;} .product_details .number_status .label-tag {margin-right: 5px; padding: .2em .6em .2em;} /** 產品基本資料 **/ .product_details .product_basic_info {width: 100%; display: table; margin-top: 20px; border-top: 1px solid #e1e1e1; padding-top: 20px; position: relative; margin-bottom: 50px;} .product_details .product_basic_info ul {width: 100%; display: table;} .product_details .product_basic_info ul li {float: left; line-height: 34px; padding: 0;} .product_details .product_basic_info ul li.basic_info_title label {margin: 0;} .product_details .product_basic_info ul li.basic_info_title {font-size: 15px; font-weight: bold;} .product_details .product_basic_info ul li.basic_info_title i {margin-right: 5px;} .product_details .product_basic_info ul li.departure_date {color: #F00; font-size: 25px; font-weight: bold;} /*.product_details .product_basic_info ul li.return_date {width: 20%;}*/ .product_details .product_basic_info ul li 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: #8dc240;color: #FFF;letter-spacing: 3px;border: 1px solid #4cae4c;} .product_details .product_basic_info ul li.sign_up_group a.may_apply:hover{background: #5cb85c;color: #FFF;letter-spacing: 3px;border: 1px solid #4cae4c;} /*浮動團型表列 報名*/ #myNavbar ul.navbar-other a.may_apply{background: #8dc240;color: #FFF;letter-spacing: 3px;border: 1px solid #4cae4c;} #myNavbar ul.navbar-other a.may_apply:hover{background: #5cb85c;color: #FFF;letter-spacing: 3px;border: 1px solid #4cae4c;} /*報名表 CTA 送出*/ #btnOrderFormSubmit{background: #8dc240;color: #FFF;letter-spacing: 3px;border: 1px solid #4cae4c;} #btnOrderFormSubmit:hover{background: #5cb85c;color: #FFF;letter-spacing: 3px;border: 1px solid #4cae4c;} /*報名表 CTA 登入*/ #btnLogin{background: #ed2554;color: #FFF;letter-spacing: 3px;border: 1px solid #c11d44;} #btnLogin:hover{background: #d0264e;color: #FFF;letter-spacing: 3px;border: 1px solid #c11d44;} .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: #0075a9;} .navbar-default #cart .navbar-nav > li > a:hover {color: #0075a9;background-color: rgba(93, 93, 93, 0.06);} #carousel-example-generic {margin-top: 143px;display: none; } .navbar-default #cart .navbar-other {float: right; display: table; overflow: hidden;padding-top:5px; margin:0;} .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-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;} .Other_features_box{width:100%;} .Other_features_box input{} .Other_features_box label{cursor:pointer;display:table; float: left; margin-right: 10px;} .Other_features_box .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .Other_features_box .SELECTION{width:100%; height:50px;float: left;margin:10px 0;font-size:14px; color:#333;} .Other_features_box .SELECTION p{width:80px; float:left;} .Other_features_box .SELECTION ul{width:720px;height:25px;float:left;margin:0;padding:0;} .Other_features_box .SELECTION ul li{float:left;line-height:25px;margin-right:10px;list-style:none;} .Other_features_box .Print_Fonts{width:100%;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;} .Other_features_box .Print_Fonts p{width:80px;line-height:25px; float:left;margin:0;padding:0;} .Other_features_box .Print_Fonts ul{width:720px;height:25px;float:left;margin:0;padding:0;} .Other_features_box .Print_Fonts ul li{float:left;line-height:25px;margin-right:10px;list-style:none;} .Other_features_box .Picture_Show{width:400px;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;} .Other_features_box .Picture_Show p{width:80px;line-height:25px; float:left;margin:0;padding:0;} .Other_features_box .Picture_Show ul{width:320px;height:25px;float:left;margin:0;padding:0;} .Other_features_box .Picture_Show ul li{float:left;line-height:25px;margin-right:10px;list-style:none;} .Other_features_box .Function_Buttons{display: table; margin:10px auto; padding:0;} .Other_features_box .Function_Buttons ul { float:right;margin:0;padding:0;} .Other_features_box .Function_Buttons li { float:left;line-height: 25px; margin-left:10px;list-style:none;} .Other_features_box .Function_Buttons a { float:left; display:block; padding:10px 20px; font-size:20px; text-decoration:none; } .Other_features_box .Function_Buttons a:hover {} .Other_features_box .Function_Buttons i {font-size: inherit; display:inline-block;} .Other_features_box .Function_icon_email { width:16px; height:16px; background-position: 0 -59px; } .Other_features_box .Function_icon_download { width:17px; height:19px; background-position:0 -120px; } .Other_features_box .Function_icon_print { width:16px; height:18px; background-position:0 -179px; } .Other_features_box .Function_icon_preview { width:16px; height:18px; background-position:0 -440px; } .Other_features_box .Data_Sent{width:100%; float: left;margin:10px 0;font-size:14px; color:#333;border-top:1px solid #e5e5e5; padding-top:20px;} .Other_features_box .Data_Sent a {color: #333;} .Other_features_box .Data_Sent a i {margin-right: 5px; font-size: 18px; vertical-align: middle;} .Other_features_box .Data_Sent a:hover {color: #f60;} .Other_features_box .Data_Sent ul{width: 100%; display: table; margin:0;padding:0; border: 1px solid #e5e5e5;background: #f7efe4;} .Other_features_box .Data_Sent ul li{line-height: 34px; text-align: right; background: #FFF; padding: 10px; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .Other_features_box .Data_Sent ul li img{ vertical-align:middle;} .Other_features_box .Data_Sent ul li .Sender{} .Other_features_box .Data_Sent ul li .Email_Address{} .Other_features_box .Data_Sent ul li .Captcha{} .Other_features_box .submit_btn{} .Other_features_box .Show_Content{width:720px; height:300px; margin:15px auto; border:1px solid #808080;} #mydownload .modal-header .close {font-size: 30px;} #mydownload .modal-body .Data_Sent p {font-size: 16px; padding: 10px 20px 30px;} #mydownload .modal-body ul.address li {} #mydownload .modal-body ul.message {border-top: none;} #mydownload .modal-body ul.message li {line-height: 34px; border-bottom: none;} #mydownload .modal-footer ul li {line-height: 34px;} #mydownload .modal-body ul li:nth-child(odd) {background: #f7efe4; position: relative; border-right: none;} #mydownload .modal-body ul li:nth-child(odd) span {position: absolute; min-height: 101%;} #mydownload .modal-body ul li:nth-last-child(1) {background: #FFF; border: none;} #mycontact .modal-header .close {font-size: 30px;} #mycontact .modal-body {display: table;} #mycontact .modal-body ul {border: 1px solid #e5e5e5;background: #f7efe4;width: 100%; display: table;} #mycontact .modal-body ul li {border-bottom: 1px solid #e5e5e5;} #mycontact .modal-body ul li:nth-child(even) {background: #FFF;} #mycontact .modal-body ul li:nth-child(even) {position: relative;border-right: none;border-left: 1px solid #e5e5e5;} #mycontact .modal-body ul.contact_content li:nth-child(3) {border-left: 1px solid #e5e5e5;} #mycontact .modal-body ul.contact_content li:nth-last-child(2) {background: #FFF; border: none;} #mycontact .modal-body ul.contact_content li:nth-last-child(1) {border: none;} #mycontact .modal-body ul.contact_content li:nth-last-child(3) {border-bottom: none;} #mycontact .modal-body ul.contact_content li:nth-last-child(4) {border-bottom: none;} #mycontact .modal-body ul.contact_content li {text-align: right;line-height: 34px;padding: 10px;} #mycontact .modal-body ul.contact_content li i {color: #F00; margin-right: 5px;} #mycontact .modal-body p {font-size: 16px; width: 100%; display: table; line-height: 34px; padding: 10px 20px 30px;} #mycontact .modal-body p span {font-weight: bold;} #mycontact .modal-body ul.message {border-top: none;} #mycontact .modal-body ul.message li {line-height: 34px;text-align: right;border: none;padding: 10px;} #mycontact .modal-body ul.message li:nth-last-child(1) {border-left: 1px solid #e5e5e5;} #mycontact .modal-footer ul li {line-height: 34px;} /** 優惠方案 **/ .product_details .Concessions {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .Concessions > h4 i {margin-right: 5px;} .product_details .Concessions .concessions_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;} .product_details .Concessions .concessions_content p {line-height: 25px;} .product_details .Concessions .concessions_content img {width: 100%;} /** 行程特色 **/ .product_details .TravelCharacteristics {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .TravelCharacteristics > h4 i {margin-right: 5px;} .product_details .TravelCharacteristics ul li img {width: 100%;} .product_details .TravelCharacteristics .features_content img {max-width: 100%;height: auto;} .product_details .TravelCharacteristics .features_content table {margin: 0 auto;} div.features_content {width: 100%;display: table;border: 1px solid #e1e1e1;padding:8%;} div.features_content img {max-width: 100%} div.features_content p{font-size: 16px;line-height: 30px;} 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;} .features_content p iframe{display: none;} /** 航班參考 **/ .product_details .ReferenceFlights {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .ReferenceFlights > h4 i {margin-right: 5px;} .product_details .ReferenceFlights .flight_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;} .product_details .ReferenceFlights .flight_box .flight_title {background-color: #f7efe3;} .product_details .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;} .product_details .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;} .product_details .ReferenceFlights .flight_box ul li {float: left; width: 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;} .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: #ffffff;} .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: #f14343; color: #FFF; 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;}/**/ /*第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: #6e6e6e; line-height: 30px; padding: 10px 0; margin: 0; text-align: justify;} .product_details .DailyItinerary .every_day .day_content p img{max-width:100%;} /*自製範本 圖片*/ .product_details .DailyItinerary .every_day .day_content .day_style_0 img {max-width:100%; height: auto; padding: 20px; float: right;width: auto;} .product_details .DailyItinerary .every_day .day_content .day_style_1 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_1 img {width:100%; height: 380px;} .product_details .DailyItinerary .every_day .day_content .day_style_2 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_2 img {width:100%; height: 380px;} .product_details .DailyItinerary .every_day .day_content .day_style_3 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_3 img {width:100%; height: 250px;} .product_details .DailyItinerary .every_day .day_content .day_style_4 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_4 img {width:100%; height: 180px;} .product_details .DailyItinerary .every_day .day_content .day_style_5 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_5 img {width:100%; height: 250px;} .product_details .DailyItinerary .every_day .day_content .day_style_6 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_6 img {width:100%; height: 180px;} .product_details .DailyItinerary .every_day .day_content .day_style_7 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_7 img {width:100%; height: 250px;} .product_details .DailyItinerary .every_day .day_content .day_style_8 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_8 img {width:100%; height: 180px;} .product_details .DailyItinerary .every_day .day_content > p > img {max-width: 100%;padding: 0 10px 20px 10px;height: auto;} .product_details .DailyItinerary .every_day .day_content > p > span > img {max-width: 100%;height:auto;padding: 0 10px 20px 10px; } /*每日行程-餐食*/ .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 #0075a9;background-color: #ffffff;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 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 #0075a9;background-color: #ffffff;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: 8px 0;display: table;} .product_details .AtTheirOwnExpense .panel-group h4 div p {float: left;width: 150px;text-align: left;position: relative;margin: 0;margin-right: 30px;} .product_details .AtTheirOwnExpense .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;} .product_details .AtTheirOwnExpense .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;} .product_details .AtTheirOwnExpense .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .AtTheirOwnExpense .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal {position: relative;} .product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {width: 80px;} .product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dd {margin-left: 100px; text-align: justify;} .product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal img {position: absolute; top: 0; right: 0;} /** 附加項目 **/ .product_details .Additional {width: 100%; display: table; padding: 20px 10px 20px;} .product_details .Additional > h4 i {margin-right: 5px;} .product_details .Additional .panel-group .panel-default > .panel-heading {padding: 0;} .product_details .Additional .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;} .product_details .Additional .panel-group h4 > span.label {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;} .product_details .OtherInstructions > h4 i {margin-right: 5px;} .product_details .OtherInstructions .other_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;} .product_details .OtherInstructions .other_content > ul > li {margin-bottom: 40px;} .product_details .OtherInstructions .other_content > ul > li:nth-last-child(1) {margin-bottom: 0;} .product_details .OtherInstructions .other_content > ul > li > p {text-align: justify; line-height: 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 .number_status {margin: 5px 0 20px;} .product_types .number_status i {margin-right: 5px;} .product_types .number_status .label-tag {margin-right: 5px; padding: .2em .6em .2em;} /** 產品基本資料 **/ .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.departure_date {color: #F00; font-size: 25px; font-weight: bold;} /*.product_details .product_basic_info ul li.return_date {width: 20%;}*/ .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 span {font-size: 16px; font-weight: bold;} .product_types .product_basic_info ul li.price_content { color: #F00;font-size: 20px;font-weight: bold;} .product_types .product_basic_info ul li .panel {float: left; text-align: center; margin-right: 10px; min-width: 130px; margin-bottom: 0;} .product_types .product_basic_info ul li .panel .panel-heading {font-weight: bold;} .product_types .product_basic_info ul li .panel .panel-body {font-size: 0;} .product_types .product_basic_info ul li .panel .panel-body span {font-size: 16px;} .product_types .product_basic_info ul li.sign_up_group {/*position: absolute; right: 0; width: initial; top: 10px;*/text-align: right; margin-top: -10px;} .product_types .product_basic_info ul li.sign_up_group i {margin-right: 5px; font-size: inherit;} .product_types .product_basic_info ul li.sign_up_group a span {margin-left: 5px; font-weight: 100;} .product_types .product_basic_info ul li.sign_up_group a.cutoff, .product_types .product_basic_info ul li.sign_up_group a.callme, .product_types .product_basic_info ul li.sign_up_group a.full {cursor: not-allowed;} .navbar-default {position: relative;} .navbar-default #cart {z-index: 98; width: 1170px; top: 0; position: absolute; margin: 0 auto; background: 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: #e6232a;} .navbar-default #cart .navbar-nav > li > a:hover {color: #e6232a;} #carousel-example-generic {margin-top: 50px;} .navbar-default #cart .navbar-other {float: right; display: table; overflow: hidden;} .navbar-default #cart .navbar-other li {float: left; line-height: 50px; margin: 0 5px;} .navbar-default #cart .navbar-other li img {display: block; max-width: 100%; height: auto;} .navbar-default #cart .navbar-other li a.customer_service {background: #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: #0075a9; border: 1px solid #004b6d; -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: 128px;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: 128px;position: absolute;top: 8px;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.cutoff, .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.callme, .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a.full {cursor: not-allowed;} .onnavbar.offnavbar.navbar-default #cart .navbar-other li:nth-last-child(1) a span {margin-left: 5px; font-weight: 100;} .Other_features_box{width:100%;} .Other_features_box input{} .Other_features_box label{cursor:pointer;display:table; float: left; margin-right: 10px;} .Other_features_box .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .Other_features_box .SELECTION{width:100%; height:50px;float: left;margin:10px 0;font-size:14px; color:#333;} .Other_features_box .SELECTION p{width:80px; float:left;} .Other_features_box .SELECTION ul{width:720px;height:25px;float:left;margin:0;padding:0;} .Other_features_box .SELECTION ul li{float:left;line-height:25px;margin-right:10px;list-style:none;} .Other_features_box .Print_Fonts{width:100%;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;} .Other_features_box .Print_Fonts p{width:80px;line-height:25px; float:left;margin:0;padding:0;} .Other_features_box .Print_Fonts ul{width:720px;height:25px;float:left;margin:0;padding:0;} .Other_features_box .Print_Fonts ul li{float:left;line-height:25px;margin-right:10px;list-style:none;} .Other_features_box .Picture_Show{width:400px;height:25px;float: left;margin:10px 0;font-size:14px; color:#333;} .Other_features_box .Picture_Show p{width:80px;line-height:25px; float:left;margin:0;padding:0;} .Other_features_box .Picture_Show ul{width:320px;height:25px;float:left;margin:0;padding:0;} .Other_features_box .Picture_Show ul li{float:left;line-height:25px;margin-right:10px;list-style:none;} .Other_features_box .Function_Buttons{display: table; margin:10px auto; padding:0;} .Other_features_box .Function_Buttons ul { float:right;margin:0;padding:0;} .Other_features_box .Function_Buttons li { float:left;line-height: 25px; margin-left:10px;list-style:none;} .Other_features_box .Function_Buttons a { float:left; display:block; padding:10px 20px; font-size:20px; text-decoration:none; } .Other_features_box .Function_Buttons a:hover {} .Other_features_box .Function_Buttons i {font-size: inherit; display:inline-block;} .Other_features_box .Function_icon_email { width:16px; height:16px; background-position: 0 -59px; } .Other_features_box .Function_icon_download { width:17px; height:19px; background-position:0 -120px; } .Other_features_box .Function_icon_print { width:16px; height:18px; background-position:0 -179px; } .Other_features_box .Function_icon_preview { width:16px; height:18px; background-position:0 -440px; } .Other_features_box .Data_Sent{width:100%; float: left;margin:10px 0;font-size:14px; color:#333;border-top:1px solid #e5e5e5; padding-top:20px;} .Other_features_box .Data_Sent a {color: #333;} .Other_features_box .Data_Sent a i {margin-right: 5px; font-size: 18px; vertical-align: middle;} .Other_features_box .Data_Sent a:hover {color: #f60;} .Other_features_box .Data_Sent ul{width: 100%; display: table; margin:0;padding:0; border: 1px solid #e5e5e5;background: #f7efe4;} .Other_features_box .Data_Sent ul li{line-height: 34px; text-align: right; background: #FFF; padding: 10px; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .Other_features_box .Data_Sent ul li img{ vertical-align:middle;} .Other_features_box .Data_Sent ul li .Sender{} .Other_features_box .Data_Sent ul li .Email_Address{} .Other_features_box .Data_Sent ul li .Captcha{} .Other_features_box .submit_btn{} .Other_features_box .Show_Content{width:720px; height:300px; margin:15px auto; border:1px solid #808080;} #mydownload .modal-header .close {font-size: 30px;} #mydownload .modal-body .Data_Sent p {font-size: 16px; padding: 10px 20px 30px;} #mydownload .modal-body ul.address li {} #mydownload .modal-body ul.message {border-top: none;} #mydownload .modal-body ul.message li {line-height: 34px; border-bottom: none;} #mydownload .modal-footer ul li {line-height: 34px;} #mydownload .modal-body ul li:nth-child(odd) {background: #f7efe4; position: relative; border-right: none;} #mydownload .modal-body ul li:nth-child(odd) span {position: absolute; min-height: 101%;} #mydownload .modal-body ul li:nth-last-child(1) {background: #FFF; border: none;} #mycontact .modal-header .close {font-size: 30px;} #mycontact .modal-body {display: table;} #mycontact .modal-body ul {border: 1px solid #e5e5e5;background: #f7efe4;width: 100%; display: table;} #mycontact .modal-body ul li {border-bottom: 1px solid #e5e5e5;} #mycontact .modal-body ul li:nth-child(even) {background: #FFF;} #mycontact .modal-body ul li:nth-child(even) {position: relative;border-right: none;border-left: 1px solid #e5e5e5;} #mycontact .modal-body ul.contact_content li:nth-child(3) {border-left: 1px solid #e5e5e5;} #mycontact .modal-body ul.contact_content li:nth-last-child(2) {background: #FFF; border: none;} #mycontact .modal-body ul.contact_content li:nth-last-child(1) {border: none;} #mycontact .modal-body ul.contact_content li:nth-last-child(3) {border-bottom: none;} #mycontact .modal-body ul.contact_content li:nth-last-child(4) {border-bottom: none;} #mycontact .modal-body ul.contact_content li {text-align: right;line-height: 34px;padding: 10px;} #mycontact .modal-body ul.contact_content li i {color: #F00; margin-right: 5px;} #mycontact .modal-body p {font-size: 16px; width: 100%; display: table; line-height: 34px; padding: 10px 20px 30px;} #mycontact .modal-body p span {font-weight: bold;} #mycontact .modal-body ul.message {border-top: none;} #mycontact .modal-body ul.message li {line-height: 34px;text-align: right;border: none;padding: 10px;} #mycontact .modal-body ul.message li:nth-last-child(1) {border-left: 1px solid #e5e5e5;} #mycontact .modal-footer ul li {line-height: 34px;} #mycontact .modal-footer ul li:nth-child(1)::before {content: "\f069";color:#f00;display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;margin-right:5px;} #mycontact .modal-footer ul li img{width:85px;} /** 優惠方案 **/ .product_details .Concessions {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .Concessions > h4 i {margin-right: 5px;} .product_details .Concessions .concessions_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;} .product_details .Concessions .concessions_content p {line-height: 25px;} .product_details .Concessions .concessions_content img {width: 100%;} .product_types .Concessions {width: 100%; display: table; padding: 120px 10px 20px;} .product_types .Concessions > h4 i {margin-right: 5px;} .product_types .Concessions .concessions_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;} .product_types .Concessions .concessions_content p {line-height: 25px;} .product_types .Concessions .concessions_content img {width: 100%;} /** 行程特色 **/ .product_details .TravelCharacteristics {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .TravelCharacteristics table {width: 100% !important;} .product_details .TravelCharacteristics table img {width: 100%;height: initial;} .product_details .TravelCharacteristics > h4 i {margin-right: 5px;} .product_details .TravelCharacteristics ul li img {width: 100%;} .product_types .TravelCharacteristics {width: 100%; display: table; padding: 120px 10px 20px;} .product_types .TravelCharacteristics table {width: 100% !important;} .product_types .TravelCharacteristics table img {width: 100%;height: initial;} .product_types .TravelCharacteristics > h4 i {margin-right: 5px;} .product_types .TravelCharacteristics ul li img {width: 100%;height: initial;} .product_types .TravelCharacteristics p img {max-width: 100%;height: initial;} /*銷售及出團日*/ .product_types .DepartureDay {width: 100%; display: table; padding: 20px 0px 20px;} .product_types .DepartureDay > h4 i {margin-right: 5px;} .product_types .DepartureDay .departureday_content {width: 100%; margin-top: 10px; margin-bottom: 50px;} .product_types .DepartureDay .departureday_content .state_indication {text-align: right;} .product_types .DepartureDay .departureday_content .state_indication span {margin-left: 5px; white-space: nowrap;} .product_types .DepartureDay .departureday_content .state_indication span.text-muted {text-decoration: line-through;} .product_types .DepartureDay .departureday_content .state_indication span i {margin-right: 5px;} .product_types .DepartureDay .departureday_content #DATE_VIEW {width: 100%; border: 1px solid #d2d4d5;} .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content {display: table;width:100%;background: #2b2b2b;border-bottom: 1px solid #d2d4d5;margin: 0;} .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: #fff;} .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1) {width: 75%;} .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-child(2){display:none;} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal {position: relative; margin: 0; border-bottom: 1px solid #d2d4d5;} .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; position: absolute; top: 45%; display: table;} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd {margin-left: 20%;border-bottom: 1px solid #d2d4d5;border-left: 0px 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;display: none;} .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;margin: 0;} .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;text-decoration: none;} .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 a span {display: none;} .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: #92744e;border-color: #6f5533;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.title_content {display: table;width:100%;background: #252525;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.btn span {color: #F00;margin-left: 5px;display: inline-block;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li a.btn-default{color:#000;} /** 航班參考 **/ .product_details .ReferenceFlights {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .ReferenceFlights > h4 i {margin-right: 5px;} .product_details .ReferenceFlights .flight_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;} .product_details .ReferenceFlights .flight_box .flight_title {background-color: #191919;color: #fff;} .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: 14px;} .product_details .ReferenceFlights .flight_box ul li:nth-child(1) {width: 5%;text-align: center;/* color: #fff; */} .product_details .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #ffffff;} .product_types .ReferenceFlights {width: 100%; display: table; padding: 120px 10px 20px;} .product_types .ReferenceFlights > h4 i {margin-right: 5px;} .product_types .ReferenceFlights .flight_box {width: 100%; margin-top: 10px; border: 1px solid #e1e1e1;} .product_types .ReferenceFlights .flight_box .flight_title {/*background-color: #f7efe3;*/ margin-bottom:0;background-color: #191919; color: #fff;} .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; margin-bottom:0;} .product_types .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;} /** 每日行程 **/ .product_details .DailyItinerary {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .DailyItinerary > h4 {position: relative;} .product_details .DailyItinerary > h4 a.dark_pile_btn {position: absolute; right: 0; bottom: 0;} .product_details .DailyItinerary > h4 a.dark_pile_btn::before {content: "\f067"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .product_details .DailyItinerary > h4 a.dark_pile_btn::after {content: '全部展開';} .product_details .DailyItinerary > h4 a.dark_pile_btn.active::before {content: "\f068"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .product_details .DailyItinerary > h4 a.dark_pile_btn.active::after {content: '全部收合';} .product_details .DailyItinerary > h4 i {margin-right: 5px;} .product_details .DailyItinerary .every_day {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 20px; position: relative;} .product_details .DailyItinerary .every_day .day_title {margin: 0; padding: 0;} .product_details .DailyItinerary .every_day .day_title h4::before {content: attr(data-toggle);} .product_details .DailyItinerary .every_day .day_title h4 {line-height: 34px; position: relative; margin: 0; padding: 6px 12px;} .product_types .DailyItinerary {width: 100%; display: table; padding: 120px 10px 20px;} .product_types .DailyItinerary > h4 {position: relative;} .product_types .DailyItinerary > h4 a.dark_pile_btn {position: absolute; right: 0; bottom: 0;} .product_types .DailyItinerary > h4 a.dark_pile_btn::before {content: "\f067"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .product_types .DailyItinerary > h4 a.dark_pile_btn::after {content: '全部展開';} .product_types .DailyItinerary > h4 a.dark_pile_btn.active::before {content: "\f068"; margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .product_types .DailyItinerary > h4 a.dark_pile_btn.active::after {content: '全部收合';} .product_types .DailyItinerary > h4 i {margin-right: 5px;} .product_types .DailyItinerary .every_day {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 20px; position: relative;} .product_types .DailyItinerary .every_day .day_title {margin: 0; padding: 0;background: #fff;} .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_details .DailyItinerary .every_day .day_title h4.day_title_left {vertical-align: middle;display: table-cell;float: initial;/* width: auto; *//* float: left; */} .product_details .DailyItinerary .every_day .day_title h4.day_title_left .tw_day {background: #e6232a;color: #fff;text-align: center;width: 94px;height: 94px;border-radius: 50%;line-height: 94px;padding: 0;margin: 0 auto;float: left;} .product_details .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle; display: table-cell; float: initial; color:#555;}/**/ .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: #e6232a; color: #fff; text-align: center; width: 94px; height: 94px; border-radius: 50%; line-height: 94px; padding: 0; margin: 0 auto; float: left;} .product_types .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle; display: table-cell; float: initial;}/**/ /*第x天-方形*/ /*.product_details .DailyItinerary .every_day .day_title h4.day_title_left {min-width: 94px; background: #ff3573; color: #FFF; text-align: center; padding: 0; margin: 0 auto; vertical-align: middle; display: table-cell; float: initial;} .product_details .DailyItinerary .every_day .day_title h4.day_title_right {vertical-align: middle; display: table-cell; float: initial;}*/ /*第x天-圓形-Dx英文標籤式*/ .product_details .DailyItinerary .every_day .day_title h4 span.en_day {display: none; width: 34px; height: 34px; text-align: center; line-height: 34px; color: #fff; background-color: #ff3573; font-size: 16px; border-radius: 50%; font-weight: 300; margin-right: 10px; position: absolute; left: -50px;} .product_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_details .DailyItinerary .every_day .day_content {margin: 10px 0; border-bottom: 1px dashed #e1e1e1; border-top: 1px dashed #e1e1e1; padding: 10px;} .product_details .DailyItinerary .every_day .day_content p {font-size: 16px; color: #333; line-height: 25px; padding: 10px 0; margin: 0; text-align: justify;} .product_details .DailyItinerary .every_day .day_content p img{max-width:100%; height:auto;} .product_details .DailyItinerary .every_day .day_content .day_style_1 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_1 img {width:100%; height: 380px;} .product_details .DailyItinerary .every_day .day_content .day_style_2 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_2 img {width:100%; height: 380px;} .product_details .DailyItinerary .every_day .day_content .day_style_3 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_3 img {width:100%; height: 250px;} .product_details .DailyItinerary .every_day .day_content .day_style_4 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_4 img {width:100%; height: 180px;} .product_details .DailyItinerary .every_day .day_content .day_style_5 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_5 img {width:100%; height: 250px;} .product_details .DailyItinerary .every_day .day_content .day_style_6 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_6 img {width:100%; height: 180px;} .product_details .DailyItinerary .every_day .day_content .day_style_7 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_7 img {width:100%; height: 250px;} .product_details .DailyItinerary .every_day .day_content .day_style_8 {width: 100%; display: table; margin-bottom: 20px;} .product_details .DailyItinerary .every_day .day_content .day_style_8 img {width:100%; height: 180px;} .product_details .DailyItinerary .every_day .day_content > p > img {max-width: 100%;} .product_types .DailyItinerary .every_day .day_content {margin: 10px 0; border-bottom: 1px dashed #e1e1e1; border-top: 1px dashed #e1e1e1; padding: 10px;} .product_types .DailyItinerary .every_day .day_content p {font-size: 16px; color: #333; line-height: 25px; padding: 10px 0; margin: 0; text-align: justify;} .product_types .DailyItinerary .every_day .day_content .day_style_1 {width: 100%; display: table; margin-bottom: 20px;} .product_types .DailyItinerary .every_day .day_content .day_style_1 img {width:100%; height: 380px;} .product_types .DailyItinerary .every_day .day_content .day_style_2 {width: 100%; display: table; margin-bottom: 20px;} .product_types .DailyItinerary .every_day .day_content .day_style_2 img {width:100%; height: 380px;} .product_types .DailyItinerary .every_day .day_content .day_style_3 {width: 100%; display: table; margin-bottom: 20px;} .product_types .DailyItinerary .every_day .day_content .day_style_3 img {width:100%; height: 250px;} .product_types .DailyItinerary .every_day .day_content .day_style_4 {width: 100%; display: table; margin-bottom: 20px;} .product_types .DailyItinerary .every_day .day_content .day_style_4 img {width:100%; height: 180px;} .product_types .DailyItinerary .every_day .day_content .day_style_5 {width: 100%; display: table; margin-bottom: 20px;} .product_types .DailyItinerary .every_day .day_content .day_style_5 img {width:100%; height: 250px;} .product_types .DailyItinerary .every_day .day_content .day_style_6 {width: 100%; display: table; margin-bottom: 20px;} .product_types .DailyItinerary .every_day .day_content .day_style_6 img {width:100%; height: 180px;} .product_types .DailyItinerary .every_day .day_content .day_style_7 {width: 100%; display: table; margin-bottom: 20px;} .product_types .DailyItinerary .every_day .day_content .day_style_7 img {width:100%; height: 250px;} .product_types .DailyItinerary .every_day .day_content .day_style_8 {width: 100%; display: table; margin-bottom: 20px;} .product_types .DailyItinerary .every_day .day_content .day_style_8 img {width:100%; height: 180px;} .product_types .DailyItinerary .every_day .day_content > p > img {width: 100%;} /*每日行程-餐食*/ .product_details .DailyItinerary .every_day .day_meal {} .product_details .DailyItinerary .every_day .day_meal i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;} .product_details .DailyItinerary .every_day .day_meal .meal_content {float: left; width: 85%;} .product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal {margin-bottom: 0px;} .product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {width: inherit; color: #333; font-size: 16px; line-height: 22px; margin-left: 0;} .product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dd {color: #333; font-size: 16px; line-height: 22px; margin-left: 50px;} .product_details .DailyItinerary .every_day .day_meal ul {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;} .product_types .DailyItinerary .every_day .day_meal {} .product_types .DailyItinerary .every_day .day_meal i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;} .product_types .DailyItinerary .every_day .day_meal .meal_content {float: left; width: 85%;} .product_types .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal {margin-bottom: 0px;} .product_types .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {width: inherit; color: #333; font-size: 16px; line-height: 22px; margin-left: 0;} .product_types .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dd {color: #333; font-size: 16px; line-height: 22px; margin-left: 50px;} .product_types .DailyItinerary .every_day .day_meal ul {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;} /*每日行程-住宿*/ .product_details .DailyItinerary .every_day .day_hotel {} .product_details .DailyItinerary .every_day .day_hotel i {width: 50px; height: 50px; line-height: 50px; margin-right: 10px; border-radius: 50%; border: 2px solid #333; color: #333; font-size: 25px; text-align: center; float: left;} .product_details .DailyItinerary .every_day .day_hotel p {color: #333; font-size: 16px; line-height: 22px; vertical-align: middle; display: table-cell;} .product_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_details .AtTheirOwnExpense {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .AtTheirOwnExpense > h4 i {margin-right: 5px;} .product_details .AtTheirOwnExpense .panel-group .panel-default > .panel-heading {padding: 0;} .product_details .AtTheirOwnExpense .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;} .product_details .AtTheirOwnExpense .panel-group h4 > span.label {position: absolute; top: 10px; margin-left: 10px;} .product_details .AtTheirOwnExpense .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;} .product_details .AtTheirOwnExpense .panel-group h4 div p {float: left;width: 150px;text-align: left;position: relative;margin: 0;margin-right: 30px;} .product_details .AtTheirOwnExpense .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;} .product_details .AtTheirOwnExpense .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;} .product_details .AtTheirOwnExpense .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .AtTheirOwnExpense .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal {position: relative;} .product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {width: 80px;} .product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dd {margin-left: 100px; text-align: justify;} .product_details .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal img {position: absolute; top: 0; right: 0;} .product_types .AtTheirOwnExpense {width: 100%; display: table; padding: 120px 10px 20px;} .product_types .AtTheirOwnExpense > h4 i {margin-right: 5px;} .product_types .AtTheirOwnExpense .panel-group .panel-default > .panel-heading {padding: 0;} .product_types .AtTheirOwnExpense .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;} .product_types .AtTheirOwnExpense .panel-group h4 > span.label {position: absolute; top: 10px; margin-left: 10px;} .product_types .AtTheirOwnExpense .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;} .product_types .AtTheirOwnExpense .panel-group h4 div p {float: left;width: 150px;text-align: left;position: relative;margin: 0;margin-right: 30px;} .product_types .AtTheirOwnExpense .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;} .product_types .AtTheirOwnExpense .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;} .product_types .AtTheirOwnExpense .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_types .AtTheirOwnExpense .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal {position: relative;} .product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dt {width: 80px;} .product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal dd {margin-left: 100px; text-align: justify;} .product_types .AtTheirOwnExpense .panel-group .panel-default .panel-body .dl-horizontal img {position: absolute; top: 0; right: 0;} /** 附加項目 **/ .product_details .Additional {width: 100%; display: table; padding: 20px 10px 20px;} .product_details .Additional > h4 i {margin-right: 5px;} .product_details .Additional .panel-group .panel-default > .panel-heading {padding: 0;} .product_details .Additional .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;} .product_details .Additional .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;} .product_details .Additional .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;} .product_details .Additional .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;} .product_details .Additional .panel-group h4 div p {float: left;width: 100px;text-align: left;position: relative;margin: 0;margin-right: 30px;} .product_details .Additional .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;} .product_details .Additional .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;} .product_details .Additional .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .Additional .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_details .Additional .panel-group .panel-default .panel-body .list-inline > li {} .product_types .Additional {width: 100%; display: table; padding: 20px 10px 20px;} .product_types .Additional > h4 i {margin-right: 5px;} .product_types .Additional .panel-group .panel-default > .panel-heading {padding: 0;} .product_types .Additional .panel-group h4 {background: #e6dcd0; position: relative; padding: 10px 15px;} .product_types .Additional .panel-group h4 > span.label_group {position: absolute; top: 9px; margin-left: 10px;} .product_types .Additional .panel-group h4 > span.label_group span.label {margin-right: 10px; padding: .3em .6em;} .product_types .Additional .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;} .product_types .Additional .panel-group h4 div p {float: left;width: 100px;text-align: left;position: relative;margin: 0;margin-right: 30px;} .product_types .Additional .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;} .product_types .Additional .panel-group h4 > a {display: block; padding: 10px 15px; position: absolute; z-index: 2; right: 0; top: 0;} .product_types .Additional .panel-group h4 > a::after {content: "\f057"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_types .Additional .panel-group h4 > a.collapsed::after {content: "\f05a"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_types .Additional .panel-group .panel-default .panel-body .list-inline > li {} /** 護照及簽證 **/ .product_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;} .product_types .Passport_Visa {width: 100%; display: table; padding: 20px 10px 20px;} .product_types .Passport_Visa > h4 i {margin-right: 5px;} .product_types .Passport_Visa .panel-group .panel-default > .panel-heading {padding: 0;} .product_types .Passport_Visa .panel-group h4 {background: #e6dcd0; position: relative;} .product_types .Passport_Visa .panel-group h4 div {position: absolute;top: 0;z-index: 1;margin: 0;text-align: right;right: 50px;padding: 8px 0;display: table;} .product_types .Passport_Visa .panel-group h4 div p {float: left;width: 100px;text-align: left;position: relative;margin: 0;margin-right: 30px;} .product_types .Passport_Visa .panel-group h4 div span {color: #F00;font-weight: bold;position: absolute;right: 0;top: 0;} .product_types .Passport_Visa .panel-group h4 > a {display: block; padding: 10px 15px; position: relative; z-index: 2;} .product_types .Passport_Visa .panel-group h4 > a span.label {position: absolute; top: 10px; margin-left: 10px;} .product_types .Passport_Visa .panel-group h4 > a::after {content: "\f056"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_types .Passport_Visa .panel-group h4 > a.collapsed::after {content: "\f055"; color: #a59681; float: right; font: normal normal normal 26px/1 FontAwesome; line-height: 18px;} .product_types .Passport_Visa .panel-group .panel-default .panel-body .list-inline > li {text-align: justify; margin-bottom: 10px;} .Passport_Visa_box {border: 1px solid #e1e1e1;} .Passport_Visa_box .Passport_Visa_title {background-color: #191919; color: #fff;} .Passport_Visa_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;} .Passport_Visa_box ul:nth-last-child(1) {border-bottom: none;} .Passport_Visa_box ul li {float: left; width: 23%;line-height:35px; text-align: center; padding: 6px 10px; font-size: 14px;} .Passport_Visa_box ul li:nth-last-child(1) {width: 8%; text-align: center;} .Passport_Visa_box ul li:nth-last-child(1) a {color: #a59681; font-size: 26px;line-height: 26px; vertical-align: sub;} .Passport_Visa_box .Passport_Visa_content:nth-child(odd) {background: #f9f8f8;} /** 注意事項 **/ .product_details .OtherInstructions {width: 100%; display: table; padding: 120px 10px 20px;} .product_details .OtherInstructions > h4 i {margin-right: 5px;} .product_details .OtherInstructions .other_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;} .product_details .OtherInstructions .other_content > ul > li {margin-bottom: 40px;} .product_details .OtherInstructions .other_content > ul > li:nth-last-child(1) {margin-bottom: 0;} .product_details .OtherInstructions .other_content > ul > li > p {text-align: justify; line-height: 25px; margin: 0;} .product_details .OtherInstructions .other_content > ul > li > ul > li {line-height: 25px;} .product_types .OtherInstructions {width: 100%; display: table; padding: 120px 10px 20px;} .product_types .OtherInstructions > h4 i {margin-right: 5px;} .product_types .OtherInstructions .other_content {width: 100%; display: table; border: 1px solid #e1e1e1; padding: 20px;} .product_types .OtherInstructions .other_content img{max-width:100%;} .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_loyaltytour/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_loyaltytour/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: 30px; height: 30px; padding: 0; border: 0; outline: none; background: url(/eWeb_loyaltytour/images/svg/nav-icon.png) left center no-repeat; background-size: 30px; overflow: hidden; white-space: nowrap; text-indent: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .no-svg .nav-btn { background-image: url("/eweb_loyaltytour/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 !important; /*overflow: hidden;*/ width: auto !important; color: #fff; background: #0075a9; max-height: initial; height:100%; border-color: #191919; background: none !important; } #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; } #nav li a { display: block; color: #fff; font-size: 1.4em; 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; letter-spacing:1px; } #nav li a:focus, #nav li a:hover { color: #fff; background: rgba(255, 255, 255, 0.1); -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; } #nav li.is-active a { color: #fff; } #top { z-index: 100; position: relative; color: #fff; background: rgba(0, 0, 0, 0.9) !important; /* background-color: #0075a9; */ border: 0; margin-bottom: 0; z-index: 999; display: flex; } #top .block-title { margin: 0 auto; font-size: 1.875em; line-height: 1.2em; text-align: center; white-space: nowrap; font-family: sans-serif; color:#ff0040; font-weight: bold; float: left; } #top .nav-btn { /*position: absolute; top: 1.5em; left: 1.875em;*/ } #main { background: #fff; } #main .block { padding: 2.625em 1.875em; } footer[role="contentinfo"] { background: #f4f4f4; } footer[role="copyright"] { background: #222222; } .contentbottom{ background:#eee; border-top: 2px solid #fff;} @media screen and (min-width: 45.0625em) { /*#top .nav-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }*/ #nav .close-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #nav .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #nav ul { text-align: center; white-space: nowrap; } #nav li { display: inline-block; /*border-right: 1px solid rgba(255, 255, 255, 0.1);*/ } #nav li:last-child { border-right: none; margin-bottom:10px; } #nav li a { padding: 0.82857em 0.9em; } } @media screen and (max-width: 45em) { #nav { position: absolute; top: 0; padding-top: 0 !important; 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); width: 100%; } #nav li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0); } #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.7em 1.5em; } .js-ready #nav { height: 100%; width: 70%; background: #333333; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); } .js-ready #nav .block { background: transparent; } .js-ready #nav .close-btn {display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;} .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .js-ready #nav {left: -70%;} .js-ready #inner-wrap {left: 0;} .js-nav #inner-wrap {left: 70%;} .csstransforms3d.csstransitions.js-ready #nav {left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .csstransforms3d.csstransitions.js-ready #inner-wrap {left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .csstransforms3d.csstransitions.js-nav #inner-wrap {-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);} .csstransforms3d.csstransitions.js-ready #nav .block {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%;} .csstransforms3d.csstransitions.js-nav #nav .block {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } div.loader{background-image:url(/eweb_loyaltytour/images/loading.gif);} .animationload {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999999;} .loader {width: 200px; text-indent: -99999; height: 200px; font-size: 0; position: absolute; left: 50%; top: 50%; background-image: url(/eweb_loyaltytour/images/loading.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; padding: 0 10px;} .dmtop {background-color: #161616; background-image: url(/eweb_loyaltytour/images/svg/arrow.png); background-position: 50% 50%; background-repeat: no-repeat; z-index: 9999; width: 40px; height: 40px; text-indent: -99999px; position: fixed; bottom: -100px; right: 25px; cursor: pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; overflow: auto; font-size: 0;} /*條件及排序*/ .GO_sequence {background: #FFF; height: 75px;} .GO_sequence > div {width: 50%; float: left;} .GO_sequence > div.condition {width: :60%;} .GO_sequence > div.theway {width: :40%;} .GO_sequence > div.condition ul li {float:left; line-height: 75px; font-size: 2.4rem; color: #8fb223; } .GO_sequence > div.condition ul li:after {content:'/'; margin: 0 5px;} .GO_sequence > div.condition ul li:nth-child(1) {color: #3a3a3a; margin: 0 0 0 15px; height: 75px;} .GO_sequence > div.condition ul li:nth-child(1):afterm, .GO_sequence > div.condition ul li:nth-last-child(1):after {content:normal;} .GO_sequence > div.condition ul li:nth-child(1):before {content:url(/eweb_demo/images/icon_idx_right.png); margin: 0 5px 0 0; vertical-align: middle;} .GO_sequence > div.theway .product_items {height: 40px; line-height: 40px; text-align: right; padding-right: 10px;} .GO_sequence > div.theway ul {display: table; float: right; margin: 0 5px 0 0;} .GO_sequence > div.theway ul li {float: left; margin: 0 5px;} .GO_sequence > div.theway ul li input {vertical-align: middle; margin: 0; padding: 0;} .GO_sequence > div.theway ul li label {margin: 0;} .GO_product_list {background: #FFF;} .css_td span.may_apply {color: #8fb323;} .css_td span.candidate {color: #ff921e;} .css_td span.cutoff {color: #ff1d24;} .css_td span.callme {color: #39b549;} .css_td span.full {color: #f05a23;} /*分頁頁籤*/ .GO_pagination {background: #FFF; padding-bottom: 15px;} .GO_pagination ul {display: table; margin: 0 auto;} .GO_pagination ul li {float: left; height: 50px; line-height: 50px;} .GO_pagination ul li a {width: 24px; height: 24px; border: 1px solid #e6ded3; background: #e6ded3; color: #666; padding: 0 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 5px;} .GO_pagination ul li:hover a:hover, .GO_pagination ul li a:hover {text-decoration:none;} .GO_pagination ul li.active a { cursor: default;} .GO_pagination ul li:nth-child(1) a, .GO_pagination ul li:nth-last-child(1) a {background: none; border: 0;} /* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_ Media Querie切換 /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/ /** 訂購流程步驟一 **/ .Step_one_content h4 > i {background: #a7895f; width: 25px; height: 25px; vertical-align: text-top; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-left: 2px; margin-right: 5px;} .Step_one_content h4 > i:before {line-height: 24px; color: #FFF;} .Step_one_content ul {border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; background: #fff;} .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 li.order_information_title:nth-last-child(4) i{display: none;} .order_information ul.order_information_content li.order_information_title:nth-last-child(2) i{display: none;} .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.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_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_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;} /** 忘記密碼MODAL區 END **/ /** 旅遊定型化契約MODAL區 START **/ #myTravelContract .modal-body textarea.form-control {line-height: 20px;} /** 旅遊定型化契約MODAL區 END **/ /** 完成訂購 **/ .order_completion {} .order_completion .order_completion_description {margin-bottom: 20px;} .order_completion .order_completion_description h3 {margin: 10px auto;} .order_completion_content h4 > i {background: #a7895f; width: 25px; height: 25px; vertical-align: text-top; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-left: 2px; margin-right: 5px;} .order_completion_content h4 > i:before {line-height: 24px; color: #FFF;} .order_completion_content fieldset {width: 100%; float: left; font-size:16px; border: 1px solid #e1e1e1; margin:10px 0 20px; padding: 10px 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .order_completion_content fieldset legend {border: none; width: initial; width: 95px \9; padding: 0 10px; font-size: 18px; margin-bottom:10px;} #css_table {margin:0 auto; display:table; width: 100%; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;} .css_tr {display: table-row; background: #fff;} .css_th {display: table-cell; white-space:nowrap; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; line-height:34px; padding: 10px; text-align:center; vertical-align: middle; font-size:16px; color:#3a3a3a; background-color:#f7efe3;} .css_td {display: table-cell; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height: 70px; line-height: 25px; padding: 0px 10px; font-size:16px; text-align: center; vertical-align: middle;} .order_completion_content ul {width: 100%; display: table; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;} .order_completion_content ul li {border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; padding: 10px; line-height: 34px;} .order_completion_content .order_information {width: 100%; display: table; padding: 0 10px; margin: 0 auto 20px;} .order_completion_content .order_information ul.order_information_title {background: #f7efe4;} .order_completion_content .order_information ul.order_information_title li {text-align: center;} .order_completion_content .order_information ul.order_information_content {border-top: none;} .order_completion_content .order_information ul.order_information_content li {text-align: center;} .order_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;} .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: gtstour for a width of 768px ================================================== */ @media only screen and (min-width: 768px) and (max-width: 1199px) { body {background-size:cover;} .GO_sequence > div {width: 100%;} .GO_sequence > div.theway .product_items {float:right;} .GO_sequence > div.theway ul {float:left; height: 40px; line-height: 40px;} .GO_search .GO_search_airport, .GO_search .GO_search_airline, .GO_search .GO_search_days {display: none;} } /* #Mobile (Portrait) Note: gtstour for a width of 320px ================================================== */ @media only screen and (max-width: 767px) { body {background-size:cover;} .GO_search {width: 100%; display: table; background: rgba(0,0,0,0.6);} .GO_search ul {margin: 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin: 0 20px; padding: 10px 0;} .GO_search ul li {width: 100%; margin: 0;} .GO_search .GO_search_select {width: 100%; margin: 0; background: url(/eweb_demo/images/icon_drop_down.png) #FFF no-repeat 99% center;} .GO_search .GO_search_input_date {width: 100%; margin: 0; background: url(/eweb_demo/images/icon_helpday.png) #FFF no-repeat 99% center;} .GO_search .GO_search_input {width: 100%; margin: 0;} .GO_search div.GO_search_but a {width: 100%;} .GO_search .GO_search_airport, .GO_search .GO_search_airline, .GO_search .GO_search_application, .GO_search .GO_search_days {display: none;} .GO_sequence .condition {display: none;} .GO_sequence > div {width: 100%; position:relative;} .GO_sequence > div.theway .product_items {} .GO_sequence > div.theway ul {position:absolute; top: 0; padding: 5px;} .GO_sequence > div.theway ul li {line-height: 30px; margin: 0 0 0 5px; letter-spacing: -1px;} .GO_sequence > div.theway ul li:nth-child(1) {width: 100%;} } /* #Mobile (Landscape) Note: gtstour 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){ .Type{ padding-top:75px;} } @media(max-width:1199px){ } @media(min-width:992px) and (max-width:1199px){ .navbar-collapse {display: block; visibility: initial;} .navbar-collapse .navbar-nav {margin: 0;} .navbar-collapse .navbar-nav li {float: left; display: table; border: none;} .navbar-default #cart .navbar-nav > li > a {padding: 0 9px;} .navbar-default #cart {width: 100%; left: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_name a {line-height: 30px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; margin-bottom: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {margin: 0px 30px 0 0; width: initial;} .merge_sequence > div.condition {width: 45%;} .merge_sequence > div.theway {width: 55%;} /* 旅遊區域大小分類 */ .merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 35%;} .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 53.8%;} /* 出發期間 */ .merge_search ul li.merge_search_date .form_date {width: 44.4%;} /* 出境機場 */ .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(min-width:768px) and (max-width:991px) { .product_types .DailyItinerary .every_day .day_content table { width: 100%; } .product_types .DailyItinerary .every_day .day_content table td { width: 25%; } .product_types .DailyItinerary .every_day .day_content table td img { width: 100%; height: initial; } .product_details .DailyItinerary .every_day .day_content table { width: 100%; } .product_details .DailyItinerary .every_day .day_content table td { width: 25%; } .product_details .DailyItinerary .every_day .day_content table td img { width: 100%; height: initial; } .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;} /* 麵包屑 */ .breadcrumb {margin-top: 70px;} .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;} @media screen and (min-width: 45.0625em){ #nav li { display: inline-block; border: none; border-top: 1px solid rgba(255, 255, 255, 0); width: 100%; float: left; } #nav li a { padding: 0.85714em 2.14286em; } #nav li.is-active:after { z-index: 50; display: block; content: ""; position: absolute; top: 50%; right: -0.03125em; margin-top: -0.625em; border-top: 0.625em transparent solid; border-bottom: 0.625em transparent solid; border-right: 0.625em white solid; } } /** New_Header 選單 **/ /*left*/ .side-collapse-container-left{position:relative; left:0; transition:left .4s;} .side-collapse-container-left.out{left:70%;} .side-collapse-left {top:71px; bottom:0; left:0; width:70%; position:fixed; overflow:hidden; transition:width .4s; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.45);background: #333;} .side-collapse-left.in {width:0;} #top {background: #0075a9;} .navbar {min-height: 56px;} .navbar-toggle {position: absolute; top: 0; right: 0; padding: 3px 0; display: block !important; border: none !important;} .navbar-inverse .navbar-header {/*padding: 6px 0px;*/padding: 0;width: 100%;} /** 列表頁下方的分頁按鈕及載入更多按鈕 **/ .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.7%;} .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 10px; float: left;} .skin_list .product_item .thumbnail {position: relative; padding: 4px;} /*圖片*/ .GroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_img img {display: block; margin-bottom: -25px;} /*類型*/ .GroupList .skin_list .product_item .thumbnail > div.product_type {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 0; width: initial;} .GroupList .skin_list .product_item .thumbnail > div.product_type span {background: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;} /*產品名稱*/ .GroupList .skin_list .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;} .GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;} .GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;} /*天數*/ .GroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px; font-size: 16px; display: block; text-align: left;} .GroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';} /*出發日期*/ .GroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 55%; padding: 5px; font-size: 16px; display: block; text-align: left;} .GroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：';} /*個團代碼*/ .GroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;} .GroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';} /*航班*/ .GroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;} .GroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;} .GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;} /*售價*/ .GroupList .skin_list .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;} /*機位*/ .GroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;} /*可售*/ .GroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;} /*報名*/ .GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;} .GroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;} .GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;} .GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;} /*促銷*/ .GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;} /* 列表模式 */ .GroupList .skin_list .products {border: none;} .GroupList .skin_list .products .product {border:none; margin: 0; border-radius: 0;} /* 列表標題 */ .GroupList .skin_list .products .product_title {display: none;} /* 列表內文 */ .GroupList .skin_list .product_item .thumbnail {position: relative; padding: 4px; border: 1px solid #e1e1e1; margin: 0 -5px 20px; border-radius: 4px;} /*圖片*/ .GroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_img img {display: 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: #a59681; border-radius: 4px; width: 25px; height: 25px; display: table; text-align: center; line-height: 25px; font-size: 15px; color: #FFF;} /*產品名稱*/ .GroupList .skin_list .product_item .thumbnail > div.product_name {text-align: justify; padding: 35px 5px 5px; width: inherit; display: block;} .GroupList .skin_list .product_item .thumbnail > div.product_name a {color: #333; font-size: 20px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span {float: left; margin: 5px 5px 0 0; font-size: 13px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_concessions {width: 100%; color: #F00; font-size: 14px;} .GroupList .skin_list .product_item .thumbnail > div.product_name a span.product_num {width: 25%; color: #999; font-size: 13px; float: inherit;} .GroupList .skin_list .product_item .thumbnail > div.product_name a div.product_tag {margin: 0; display: table; position: absolute; top: 5px; right: 5px; width: inherit;} /*分享*/ .GroupList .skin_list .product_item .thumbnail > .product_sharer {width: 100%; display: table; text-align: left; padding: 10px; position: initial;} .GroupList .skin_list .product_item .thumbnail > .product_sharer > div {margin-right: 5px !important; display: inline-block; vertical-align: middle !important;} .GroupList .skin_list .product_item .thumbnail > .product_sharer > div a {display: block;} .GroupList .skin_list .product_item .thumbnail > .product_sharer > div a img {width: 20px;} .GroupList .skin_list .product_item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;} /*天數*/ .GroupList .skin_list .product_item .thumbnail > div.product_days {float: left; width: 45%; padding: 5px; font-size: 16px; display: block; text-align: left;} .GroupList .skin_list .product_item .thumbnail > div.product_days:before {content: '旅遊天數：';} /*出發日期*/ .GroupList .skin_list .product_item .thumbnail > div.product_date {float: left; width: 55%; padding: 5px; font-size: 16px; display: block; text-align: left;} .GroupList .skin_list .product_item .thumbnail > div.product_date:before {content: '出發日期：';} /*個團代碼*/ .GroupList .skin_list .product_item .thumbnail > div.product_num {width: 100%; float: left; font-size: 16px;text-align: left;padding: 10px;} .GroupList .skin_list .product_item .thumbnail > div.product_num:before {content: '個團代碼：';} /*航班*/ .GroupList .skin_list .product_item .thumbnail > div.product_info {width: 33.33%; float: left;font-size: 16px;text-align: left;padding: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_info a {cursor: pointer;} .GroupList .skin_list .product_item .thumbnail > div.product_info a i {margin: 0 5px 0 0; float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_info a i:before {vertical-align: sub;} .GroupList .skin_list .product_item .thumbnail > div.product_info a span {display: block; float: left;} /*售價*/ .GroupList .skin_list .product_item .thumbnail > div.product_price {bottom: 100px;width: 100%;position: absolute;right: 15px;padding: 0;} .GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_price span strong {color: #F00; font-size: 30px; font-weight: bold;} /*機位*/ .GroupList .skin_list .product_item .thumbnail > div.product_total {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_total span {float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_total span.num-title {display: block;} /*可售*/ .GroupList .skin_list .product_item .thumbnail > div.product_available {width: 33.33%;float: left;font-size: 16px;text-align: left;padding: 5px;} .GroupList .skin_list .product_item .thumbnail > div.product_available span {float: left;} .GroupList .skin_list .product_item .thumbnail > div.product_available span.num-title {display: block;} /*報名*/ .GroupList .skin_list .product_item .thumbnail > div.product_btn {text-align: center; margin: 90px 0 0; padding: 25px 0; width: 100%; float: left; position: relative;} .GroupList .skin_list .product_item .thumbnail > div.product_btn a {padding: 6px 50px;} .GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info {position: absolute; top: 0; left: 0; width: 100%;} .GroupList .skin_list .product_item .thumbnail > div.product_btn .product_order_info h6 {float: left; margin: 0 0 5px 0; width: 33.33%;} /*促銷*/ .GroupList .skin_list .product_item .thumbnail > div.product_remarks {width: 100%;padding: 5px;float: left;font-size: 13px;height: 28px;position: absolute;bottom: 0;left: 0; text-align: left;} .fixed-action-btn {position: relative;} /****** 團型列表 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_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_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;} .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_details .DailyItinerary .every_day .day_title h4.day_title_left {display: flex; width: 100%;} .product_types .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_types .DailyItinerary .every_day .day_meal {padding: 10px; border-bottom: 1px dashed #e1e1e1;} /*每日行程-住宿*/ .product_details .DailyItinerary .every_day .day_hotel {padding: 10px;} .product_types .DailyItinerary .every_day .day_hotel {padding: 10px;} .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:'旅遊期間：';} } @media(max-width:992px){ .order_information ul.order_information_content li.order_information_title {text-align: left;}} @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: 30px;} article.container {position: relative; z-index: 100; /*top: 73px;*/ padding-bottom: 20px;font-size: 16px;line-height: 30px; } .navbar-default #cart {width: 100%;} #top {background: #0075a9;} .gizle #top {border: none;} footer .footer_info {padding: 30px 15px 20px;} footer[role="copyright"] {padding-bottom: 30px;} /** New_Header 選單 **/ .navbar-toggle {position: absolute !important;top: 0;right: 0;padding: 3px 10px;border: none !important;} .navbar-inverse .navbar-header {padding: 0;width: 100%;display: table;} nav#nav ul li:hover ul.sub-menu{position:unset;} nav#nav ul ul.sub-menu li{background: none !important; width: 100%;} nav#nav ul li ul.sub-menu li a { display: inline-block; text-align: center; width: 100%; text-align: left !important; padding-left: 40px; font-size: 14px; background: none !important;} nav#nav ul{margin-top:10px !important;} /*left*/ .side-collapse-container-left{position:relative; left:0; transition:left .4s;} .side-collapse-container-left.out{left:70%;} .side-collapse-left {top: 70px;bottom:0;left:0;width: 100%;position:fixed;overflow:hidden;/* transition: top .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); */background: #0075a9;z-index: 99;} .side-collapse-left.in {width: 100%;left: 0;/* transition: top .4s; */top: -100%;} .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:'旅遊期間：';} /*right*/ .side-collapse-container-right{position:relative; right:0; transition:right .4s;} .side-collapse-container-right.out{right:70%;} .side-collapse-right {top:56px; bottom:0; right:0; width:70%; position:fixed; overflow:hidden; transition:all .4s;} .side-collapse-right.in {width:70%; right:-70%;} /** 列表頁下方的分頁按鈕及載入更多按鈕 **/ .skin_list .loading {display: table;} .skin_list .pagination {margin: 20px auto 0; display: none;} .skin_module .loading {margin: 20px auto 0; display: table; width: 50%; text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0)); background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);} .skin_module .pagination {display: none;margin: 20px auto 0;} .service_box {display: block; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999;} .service_box ul {width: 100%; display: table;} .service_box ul li {float: left; width: 50%; line-height: 34px;} .service_box ul li button {width: 100%; display: table; border-radius: 0; line-height: 40px; padding: 0; border: 0; height: 40px;} #widget {display: none !important;} /* 麵包屑 */ .breadcrumb {margin-top: 0px;} .GroupList .skin_list .masonry-container {width: 100%; margin: 0 auto;} .nav-tabs > li {width: 33.33%; /*font-size: 0;*/} .nav-tabs > li:nth-child(1) a:before {/*content: '全部';*/ font-size: 15px;} .nav-tabs > li:nth-child(2) a:before {/*content: '團體';*/ font-size: 15px;} .nav-tabs > li:nth-child(3) a:before {/*content: '自由行';*/ font-size: 15px;} .nav-tabs > li > a {padding: 10px 5px !important; text-align: center;} .nav-tabs > li a span {font-size: 13px; margin-left: 5px; vertical-align: super;} .nav-tabs > li:nth-child(4) {width: 100%; padding: 5px; text-align: center; /*display: none;*/} .nav-tabs > li:nth-child(4) {width: 100%;} .nav-tabs > li:nth-child(4) > ul#skin {width: 100%;} .nav-tabs > li:nth-child(4) > ul#skin > li {width: 50%;} .nav-tabs > li:nth-child(4) > ul#skin > li > i {font-size: 18px; margin: 2px 0 0 0;} /** 合併搜尋引擎 **/ .merge_search {padding: 0 15px;} /* 搜尋引擎欄位標題-共用 */ .merge_search ul li label {width: 100%; text-align: left; position: relative;} .merge_search ul li label i {position: absolute; left: -5%; top: 11px;} /* 旅遊區域大小分類 */ .merge_search ul li.merge_search_area .merge_search_select {width: 100%; margin: 0 0 10px 0;} .merge_search ul li.merge_search_area .merge_search_select:nth-child(2) {width: 100%;} .merge_search ul li.merge_search_area .merge_search_select:nth-child(3) {width: 100%;} /* 出發期間 */ .merge_search ul li.merge_search_date .form_date {width: 100%; margin: 0 0 10px 0;} .merge_search ul li.merge_search_date .merge_search_input_date {width: 100%;} /* 出境機場 */ .merge_search ul li.merge_search_airport {display: none;} /* 旅遊天數 */ .merge_search ul li.merge_search_days {display: none;} /* 每人預算 */ .merge_search ul li.merge_search_budget {display: none;} /* 航空公司 */ .merge_search ul li.merge_search_airline {display: none;} /* 合併其他選項 */ .merge_search ul li.merge_search_combine {display: none;} /* 產品快搜 */ .merge_search ul li.merge_search_keyword .merge_search_input {width: 100%; margin: 0 0 10px 0;} /* 目前搜尋條件及排序方式*/ .GroupList .merge_sequence > div {width: 100%;} .GroupList .merge_sequence > div.theway ul {height: 45px;line-height: 45px; float: left; margin: 0;} .GroupList .merge_sequence > div.theway ul li {font-size: 0; margin: 0 5px 0 0;} .GroupList .merge_sequence > div.theway ul li:nth-child(1):before {content: '排序'; font-size: 14px;} .GroupList .merge_sequence > div.theway ul li:nth-child(2) label:before {content: '熱門'; font-size: 14px;} .GroupList .merge_sequence > div.theway ul li:nth-child(3) label:before {content: '日期'; font-size: 14px;} .GroupList .merge_sequence > div.theway ul li:nth-child(4) label:before {content: '名稱'; font-size: 14px;} .GroupList .merge_sequence > div.theway ul li:nth-child(5) label:before {content: '天數'; font-size: 14px;} .GroupList .merge_sequence > div.theway ul li:nth-child(6) label:before {content: '售價'; font-size: 14px;} .GroupList .merge_sequence > div.theway ul li input {vertical-align: sub; margin-right: 5px;} .GroupList .merge_sequence > div.condition ul li {height: 45px; line-height: 45px;} .GroupList .merge_sequence > div.condition ul li:nth-child(1) {height: 45px; line-height: 45px;} .GroupList .skin_module .products .item {width: 100%;} .tab-content {padding: 0 15px 50px;} .GroupList .skin_module .products .item .thumbnail {font-size: 16px;} /*產品名稱*/ .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: 100px;} .GroupList .skin_module .products .item .thumbnail > div.product_price span strong {font-size: 30px;} /*報名*/ .GroupList .skin_module .products .item .thumbnail > div.product_btn {margin: 90px 0 0;} /* 列表模式 */ .GroupList .skin_list .products {border: none;} .GroupList .skin_list .products .product {border: 1px solid #e1e1e1; margin: 0 -5px 20px; border-radius: 4px;} /* 列表標題 */ .GroupList .skin_list .products .product_title {display: none;} /* 列表內文 */ .GroupList .skin_list .product_item .thumbnail {position: relative; padding: 4px;} /*圖片*/ .GroupList .skin_list .product_item .thumbnail > div.product_img {padding: 0; width: 100%;} .GroupList .skin_list .product_item .thumbnail > div.product_img img {display: 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: #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: 10px 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: 18px; 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: right; position: static; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 10px; } .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: right;} .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: 60px; width: 100%; position: absolute; right: 8px; padding: 0; } .GroupList .skin_list .product_item .thumbnail > div.product_price span {width: 100%; text-align: right;font-size: 16px; float: right;} .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; width: 100%; float: left; position: relative; margin-top: 10px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 25px; padding-right: 0; padding-bottom: 0px; padding-left: 0; } .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_types .table-responsive {border: none;} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul {width: 100%;margin: 0;} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd ul li {padding: 5px 0 5px 5px;float:left;} .product_types .navbar-default #cart {height: 90px;} .product_types .navbar-default #cart .navbar-other {position: absolute; right: 0; bottom: 0;} .product_types .navbar-default #cart .navbar-other li {margin: 0 3px;} .product_types .DepartureDay .departureday_content .state_indication span {margin-left: 0px;} .product_types .DepartureDay .departureday_content .state_indication span i {margin-right: 0px;} .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%;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(3) {font-size: 18px; color: #F00;} .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; /*position: absolute; top: 5px; right: 5px;*/ display: table; /*background: #F00;*/ color: #F00; padding: 12px 6px 6px; /*border-radius: 5px;*/ margin-top: 15px; border-top: 1px solid #d2d4d5;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(5):before {content: "\f06b"; font: normal normal normal 18px/1 FontAwesome; margin-right: 5px;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {width: 100%; text-align: left;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul, .product_types .DepartureDay .departureday_content #PRICE_VIEW li{width:auto;} /** 航班參考 **/ .product_details .ReferenceFlights .flight_box {border: 1px solid #e1e1e1;} .product_details .ReferenceFlights .flight_box .flight_title {display: none;} .product_details .ReferenceFlights .flight_box ul {width: 100%; display: table; border-bottom: 1px solid #e1e1e1;} .product_details .ReferenceFlights .flight_box ul:nth-last-child(1) {border-bottom: none;} .product_details .ReferenceFlights .flight_box ul li {float: left; width: 50%;line-height:30px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #e1e1e1;} .product_details .ReferenceFlights .flight_box ul li:nth-child(odd) {width: 40%;} .product_details .ReferenceFlights .flight_box ul li:nth-child(even) {width: 60%;} .product_details .ReferenceFlights .flight_box ul li:nth-child(1) {width: 100%; text-align: center; background-color: #f7efe3;} .product_details .ReferenceFlights .flight_box .flight_content:nth-child(odd) {background: #f9f8f8;} .product_details .ReferenceFlights .flight_box ul li:nth-child(1):before {content:'第'; margin-right: 5px;} .product_details .ReferenceFlights .flight_box ul li:nth-child(1):after {content:'天'; margin-left: 5px;} .product_details .ReferenceFlights .flight_box ul li:nth-child(2):before {content:'航空公司：';} .product_details .ReferenceFlights .flight_box ul li:nth-child(3):before {content:'航班：';} .product_details .ReferenceFlights .flight_box ul li:nth-child(4):before {content:'出發地：'; width: 100%; display: table;} .product_details .ReferenceFlights .flight_box ul li:nth-child(5):before {content:'起飛時間：'; width: 100%; display: table;} .product_details .ReferenceFlights .flight_box ul li:nth-child(6):before {content:'目的地：'; width: 100%; display: table;} .product_details .ReferenceFlights .flight_box ul li:nth-child(7):before {content:'抵達時間：'; width: 100%; display: table;} .product_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: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;} /** 團型列表 **/ /* 目前搜尋條件及排序方式*/ .MGroupList .merge_sequence > div {width: 100%;} .MGroupList .merge_sequence > div.theway ul {height: 45px;line-height: 45px; float: left; margin: 0;} .MGroupList .merge_sequence > div.theway ul li {font-size: 0; margin: 0 5px 0 0;} .MGroupList .merge_sequence > div.theway ul li:nth-child(1):before {content: '排序'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(2) label:before {content: '熱門'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(3) label:before {content: '日期'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(4) label:before {content: '名稱'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(5) label:before {content: '天數'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li:nth-child(6) label:before {content: '售價'; font-size: 14px;} .MGroupList .merge_sequence > div.theway ul li input {vertical-align: sub; margin-right: 5px;} .MGroupList .merge_sequence > div.condition ul li {height: 45px; line-height: 45px;} .MGroupList .merge_sequence > div.condition ul li:nth-child(1) {height: 45px; line-height: 45px;} /****** 團型列表 MGroupList ******/ .MGroupList .skin_module .products .item {width: 100%;} .MGroupList .skin_module .products .item .thumbnail > .product_sharer > div {margin-right: 5px !important; vertical-align: middle !important;} .MGroupList .skin_module .products .item .thumbnail > .product_sharer > div.line-share-button {display: inline-block;} /****** 個團明細頁 ******/ .product_details h3 {margin: 0 0 10px 0; padding: 0 10px;} /** 產品基本資料 **/ .product_details .product_basic_info ul li {width: 64%; float: left; line-height: 34px; padding: 0 10px;} .product_details .product_basic_info ul li.basic_info_title {width: 36%;} .product_details .product_basic_info ul li.basic_info_title label {margin: 0;} .product_details .product_basic_info ul li.departure_date {width: 64%;} .product_details .product_basic_info ul li.return_date {width: 64%;} .product_details .product_basic_info ul li.deadline {width: 64%; color: #F00; font-size: 25px; font-weight: bold;} .product_details .product_basic_info ul li.sign_up_group {width: 100%; margin: 10px auto;} .product_details .product_basic_info ul li.sign_up_group a.btn {width: 49%;} .product_details .product_basic_info ul li.price_content {padding: 10px;} .product_details .product_basic_info ul li.price_content .panel-info {width: 100%; border: 1px solid #DDD; border-radius: 3px; margin-bottom: 5px;} .product_details .product_basic_info ul li.price_content .panel-info .panel-heading {float: left; width: 50%; border-radius: 3px;} .product_details .product_basic_info ul li.price_content .panel-info .panel-body {float: left; width: 50%; padding: 10px 15px;} .product_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;} .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_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;} .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 0px;} .product_types .OtherInstructions {width: 100%; display: table; padding: 160px 10px 100px;} .product_types .OtherInstructions table{ width:100%;} .navbar-collapse {display: block !important; visibility: initial !important; border-top: none;} .navbar-collapse .navbar-nav {margin: 0;} .navbar-collapse .navbar-nav li {float: left; /*width: 100%*//*mobile 小列表錯誤*/; 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;} #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 {max-width: 100%;} .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 {max-width: 100%;} /*第x天-圓形*/ .product_details .DailyItinerary .every_day .day_title h4.day_title_left {display: flex;} .product_types .DailyItinerary .every_day .day_title h4.day_title_left {display: flex;} /*每日行程-餐食*/ .product_details .DailyItinerary .every_day .day_meal {padding: 10px; border-bottom: 1px dashed #e1e1e1;} .product_details .DailyItinerary .every_day .day_meal .meal_content {width: 80%;} .product_details .DailyItinerary .every_day .day_meal .meal_content .dl-horizontal dt {float: left;} .product_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_details .DailyItinerary .every_day .day_hotel {padding: 10px;} .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_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_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_details .Additional .panel-group h4 div {position: initial; padding: 10px 15px;} .product_types .Additional .panel-group h4 div {position: initial; padding: 10px 15px;} /** 護照及簽證 **/ .product_details .Passport_Visa .panel-group h4 div {position: initial; padding: 10px 15px;} .product_types .Passport_Visa .panel-group h4 div {position: initial; padding: 10px 15px;} /*注意事項*/ .product_details .OtherInstructions .other_content table{width:100% !important;} .product_details .OtherInstructions .other_content table tbody{width:100% !important;} .product_details .OtherInstructions .other_content table tbody tr{width:100% !important;} .product_details .OtherInstructions .other_content table tbody tr td{width:100% !important;} .order_information ul.order_information_content li.order_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: 50px;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: 50px;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:480px) { .skin_module .products .item {width: 100%;} /*報名*/ .skin_module .products .item .thumbnail > div.product_btn a {width: 100%;} .product_details .AtTheirOwnExpense .panel-group h4 div {padding: 15px 0 0;} .product_details .Additional .panel-group h4 div {padding: 15px 0 0;} .Passport_Visa_box ul li, .Passport_Visa_box ul li:nth-last-child(1) {width: 20%;} /*售價及出團日期*/ .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1){width: 75%;} .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-child(1){width: 25%;} .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-child(2){display:none;} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt{width:25%} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd{margin-left: 25%;} } @media(max-device-width:480px)and(orientation:landscape){ } @media(max-width:375px){ .navbar-default #cart .navbar-nav > li > a {padding: 0 8px; font-size: 14px; line-height: 40px;} /*售價及出團日期*/ .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {/*padding-bottom: 60px;*/} } @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;} #bft_text{ width:initial;} #bft_text2{ width:initial;} /*售價及出團日期*/ .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-child(4) {bottom: 55px;} .product_types .DepartureDay .departureday_content #PRICE_VIEW ul.list_content li:nth-last-child(1) {/*padding-bottom: 50px;*/} .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-last-child(1){width: 70%;} .product_types .DepartureDay .departureday_content #DATE_VIEW ul.title_content li:nth-child(1){width: 30%;} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dt{width:30%} .product_types .DepartureDay .departureday_content #DATE_VIEW > .dl-horizontal > dd{margin-left: 30%;} } @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: #0075a9; border-color: #58237e; } .list .nav .label.label-primary:hover, .list .sequence .label.label-primary:hover, .list .view-mode .label.label-primary:hover { background-color: #7531a6; border-color: #6d2b9c; } .list .nav .label.label-primary:focus, .list .sequence .label.label-primary:focus, .list .view-mode .label.label-primary:focus { background-color: #7531a6; border-color: #6d2b9c; } .list .nav .label.label-warning, .list .sequence .label.label-warning, .list .view-mode .label.label-warning { background-color: #0075a9; border-color: #58237e; } .list .nav .label.label-warning:hover, .list .sequence .label.label-warning:hover, .list .view-mode .label.label-warning:hover { background-color: #7531a6; border-color: #6d2b9c; } .list .nav .label.label-info, .list .sequence .label.label-info, .list .view-mode .label.label-info { background-color: #0075a9; border-color: #58237e; } .list .nav .label.label-info:hover, .list .sequence .label.label-info:hover, .list .view-mode .label.label-info:hover { background-color: #7531a6; border-color: #6d2b9c; } .list .godc2-search .form-btn input.btn-success { background-color: #0075a9; border-color: #58237e; } .list .godc2-search .form-btn input.btn-success:hover { background-color: #7531a6; border-color: #6d2b9c; } .list .product .btn-success { background-color: #0075a9; border-color: #58237e; } .list .product .btn-success:hover { background-color: #7531a6; border-color: #6d2b9c; } .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: #0075a9; border-color: #58237e; } .list .products .product .product-type span.label-warning { background-color: #7531a6; border-color: #6d2b9c; } .list .products .product .product-info a.text-warning { /*color: #5bc0de;*/ color: #9a4bd3; } .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: #65bcb3;} /* ===================調整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: #0075a9; } .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-td01 a,.go-contant-td02 a{ background-color: rgba(121, 54, 169, 0.76); border-color: #0075a9;color: #FFF; 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: #0075a9; 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: #0075a9;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: #0075a9; 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: #fffdf5; letter-spacing: 1px; } /*------------報名人數 和報名須知頁面S -的選回團型------------*/ .order-contant-text02 a{ } .order-contant-text02 a img{ display: none; } .order-contant-text02 a::after{ content: "查詢其他出發日期"; color: #0075a9; 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: #0075a9; color: #FFF; 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: #0075a9; 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; } #frmData .ms-input-button .ms-input-text{ color: #FFF; } .ms-input-text{ color: #FFF; } .order-input-button{ padding-top: 40px 0; } /*--------請選擇下列報名人數： 確認-----*/ #step1 .ms-input-text { background-color: #7936a9;border-color: #0075a9;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; } /*--------填寫購買人資料 ( * 請務必填寫，如資料有誤，請至會員專區中修改)-----*/ #CUSTOMER_INFO .order-input-button { background-color: #7936a9;border-color: #0075a9;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; } #CUSTOMER_INFO .ms-input-text { color: #FFF; } /*--------個團--轉寄好友-----*/ #Form1 .ms-input-text{ background-color: #7936a9;border-color: #0075a9;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; } /*--------個團--客服聯絡-----*/ #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;*/ color: #F00; } .order-input-button .ms-input-text{ background-color: #7936a9;border-color: #0075a9;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; } .order-input-button .ms-input-text a{color: #FFF;} .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: #0075a9;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; } button.member-input-button table{ color: #fff; } .order-all-table-width .member-input-button .ms-input-text{ color:#fff; } /*--------------會員中心、手機板聯絡我們按鈕---------------*/ .login_box .btn-danger{background-color: #7936a9; border-color: #0075a9;} .login_box .btn-danger:hover {background-color: #560169; border-color: #0075a9;} .service_box .btn-danger{background-color: #560169; border-color: #0075a9;} .service_box .btn-danger:hover {background-color: #7936a9; border-color: #0075a9;} #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%; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background: none !important;/* float: right !important; *//* margin: 0 !important; */position: absolute;right: 0;display: table;} #top .block-title {/*padding: 15px 0 0;*/} /*-------------20170529--------------------*/ @media (max-width: 3000px){article.gtscarousel {padding-top:96px;/*width:1170px;146*/}} @media (max-width: 1200px){article.gtscarousel {padding-top:96px;/*width:1170px;146*/}} @media (max-width: 992px){article.gtscarousel {padding-top: 96px;/*width: 970px;76*/}} @media (max-width: 768px){article.gtscarousel {padding-top: 91px;/*width: 750px;71*/}} @media (max-width: 45em){article.gtscarousel {padding-top: 96px;/*width: 100%;76*/}} .container2 { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } /*----------------首頁輪播改有文字------------------ */ .carousel-indicators div{ cursor: pointer; display: table; height: 100%; padding: 10px 10px 15px 10px; border-left: 1px solid rgba(0, 0, 0, 0.1); border-top: 3px solid rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.6); color: #cecece; font-size: 16px; letter-spacing: 2px; } .carousel-indicators { position: absolute; bottom: 0; left: 0; z-index: 15; width: 100%; padding-left: 0; margin-left: 0; text-align: center; list-style: none; } .carousel-indicators div.active{ /*width: 25%;*/ display: table; height: 100%; margin: 0; border-top: 3px solid #7936a9; background-color: rgba(0, 0, 0, 0.8); color: #fff; } @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;}} .carousel-control.right{background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .0)));} .carousel-control.left{background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .0)));} /*----------搜尋引擎日曆----------------*/ table.table-condensed{ margin: 10px; } table.table-condensed .next,table.table-condensed .prev{ cursor: pointer; color: #f14343; } 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: #f14343; 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: #560169; } .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: #0075a9; } /*停止團型動畫*/ .fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; } /*搜尋列表下方分頁按鈕*/ .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: #0075a9; border-color: #0075a9; } .pagination > li > a, .pagination > li > span { cursor:pointer; color: #0075a9; } /*個團 手機 平板 修復*/ /*報名人數*/ .btn-success .badge { display: none; } /*個團NAV*/ @media (max-width: 991px){ #myNavbar div.row { padding-top: 1em;}} .product_btn a.btn-success { background-color: #e6232a; border-color: #d40d14; } .product_btn a.btn-warning { background-color: #a7895f; border-color: #a7895f; } /*----------列表TAG強制更改------------*/ .product_name .product_tag span.label-success{ /*display: none;*/ /*background-color:transparent;*/ /*color:transparent;*/ } .product_name .product_tag span.label-success { font-size:12px; } /*搜尋列表//產品的TAG 更改顏色*/ .number_status .label-danger,.merge_search_list .label-danger{ background-color: #e6232a; } .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); } .twarticle h1{font-size: 40px;font-weight: bold;color: #0075a9;} .twarticle h1.transform{font-size: 45px;font-weight: bold;color: #0075a9;} .twarticle p{font-size: 16px;line-height: 30px;color: #555;} .transform{ -moz-transform:rotate(6deg); -webkit-transform:rotate(6deg); -o-transform:rotate(6deg); -ms-transform:rotate(6deg); transform:rotate(6deg); } .transform:hover:after{ content:" ->>"; } .transform:after{ content:" >>"; } .twpdc div.text{ background-color: #FFF; padding: 0 6px; } .twpdc a:hover span{letter-spacing: -10px;} .twpdc h1{font-size: 24px;line-height: 34px;color: #4A4A4A;font-weight: bold;} .twpdc h2{font-size: 16px;line-height: 30px;color: #4A4A4A;} .bookingbtn{ text-align: center; margin: 0 auto; padding: 30px 0; } div.twpdc a{border:1px solid #dadada;padding:10px 10px 30px 10px;} div.twpdc a p{color:#0075a9;font-size: 16px;text-align: right;font-weight:bold;padding-top:20px;} div.twpdc a p span:after{content:" >>";} .twpdc a:hover h1{color: #0075a9;} .twpdc a:hover span{letter-spacing: -1px;} .twpoint h1{font-size: 40px;font-weight: bold;color: #0075a9;} .twpoint h1.transform{font-size: 45px;font-weight: bold;color: #0075a9;} div.twpoint{padding:10px;} div.twpoint:hover{padding:10px;box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.5);} div.twpoint:hover h4{font-weight:bold;} div.twpoint:hover i{font-size: 32px;color:#525252;} .twpoint i{float: left;color:#717171;font-size: 30px;border-radius: 50%;background-color: #e1e1e1;width: 80px;height: 80px;line-height: 80px;text-align: center;} .twpoint div {padding-left:100px;} .twpoint div h4{font-size:22px;} .twpoint div p{font-size:16px;line-height: 26px;} /*.twcolor1 i{color: #fff;background-color: #c51a1a;}*/ .twcolor1 div h4{color: #c51a1a;} /*.twcolor2 i{color: #fff;background-color: #c58a1a;}*/ .twcolor2 div h4{color: #c58a1a;} /*.twcolor3 i{color: #fff;background-color: #c5a91a;}*/ .twcolor3 div h4{color: #c5a91a;} /*.twcolor4 i{color: #fff;background-color: #1aa92c;}*/ .twcolor4 div h4{color: #1aa92c;} /*.twcolor5 i{color: #fff;background-color: #1a94c5;}*/ .twcolor5 div h4{color: #1a94c5;} /*.twcolor6 i{color: #fff;background-color: #0075a9;}*/ .twcolor6 div h4{color: #0075a9;} /*===============TW COWELL GROUP====================*/ div.twtour{ display:table; width: 100%; padding-bottom: 30px; } .twtour:hover p{background-color: rgba(247, 239, 227, 0.25);} .twtour:hover .twpdccircle{background-color:rgba(117, 171, 82, 0.87);} .twtour p{ background-color: rgba(247, 239, 227, 0.17); display: block; /* padding-left: 20px; */ } .twpdccircle{ background-color: #8ac364; /* border-radius:20px 20px 0 0px; */ min-height: 110px; } div.twpdccircle:after{background-color:#F00;/* content:'

656546

;'; *//* height: 312px; */} .twpdccircle h4{ color: #ffffff; font-size:22px; text-align:center; padding:10px; border-bottom: thin solid #fff; } .twpdccircle span{ font-size:16px; text-align:center; color:#fff; padding:0 10px 10px 10px; display:block; } .twtourtop h3{ background-color: #8ac364; padding: 10px 5px; color: #FFF; } /*出團備註-特色 橫式表格設計置中*/ #main .go-contant-table-day table.table-bordered tbody tr th{text-align:center;color: #2e2e2e;background-color: #f7efe3;border: 1px solid #e1e1e1;font-size: 16px;} #main .go-contant-table-day table.table-bordered tbody tr th p{text-align:center;color: #2e2e2e;background-color: #f7efe3;font-size: 16px;} .go-contant-table-day p,.go-contant-table-day table,.go-contant-table-day ol li{color: #6e6e6e;} /*會員加入---member*/ .member-contant-table{ border: 1px solid #e1e1e1; width: 90%; line-height: 40px; height: 40px; font-size:16px; text-align:center; margin: 0 auto; } .member-contant-table tr{ border: 1px solid #e1e1e1; } .member-contant-table input{ line-height: 40px; height:28px; font-size:16px; text-align:left; border: 1px solid #ccc; vertical-align: middle; /* float:left; */ margin: 5px 10px 2px 0; border-radius:2px; } .member-contant-table select { line-height: 40px; height:28px; font-size:16px; text-align:left; border: 1px solid #ccc; vertical-align: middle; /* float:left; */ margin: 5px 10px 2px 0; border-radius:2px; } .member-contant-table .member-contant-td03{ background-color:#f7efe4; line-height:40px; font-size:20px; } .member-contant-table .member-contant-td02{ background-color: #fff; text-align: left; padding-left: 30px; } .member-contant-text02{ color:#F00; } /*註冊會員設定*/ #dataupd table.member-contant-table tr:nth-child(12) {display: none;} #dataupd table.member-contant-table tr:nth-child(13) {display: none;} #dataupd table.member-contant-table tr:nth-child(14) {display: none;} #dataupd table.member-contant-table tr:nth-child(15) {display: none;} table.member-contant-table table tr{ border: 0; } /*epaper電子報*/ .epaper .row img{ } .epaper .row h1{ font-size: 30px; color: #666; font-weight: bold; } .epaper .row h2{ font-size: 24px; color: #666; font-weight: bold; } .epaper .row ul{ padding-left: 30px; } .epaper .row ul li{ list-style-type: decimal-leading-zero; line-height: 28px; } .epaper .row h1 span{ font-size: 36px; color: #666; font-weight: 100; font-family: initial; } .epaper .row hr.hr{ width: 120px; background-color: #0075a9; height: 3px; margin-top: 15px; } .epaper .row p{ line-height: 30px; font-size: 16px; padding-bottom: 10px; } .epaper .row a.btn-success{ font-family: 微軟正黑體, "Microsoft JhengHei", STXihei, 华文细黑, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; color: #ffffff !important; background-color: #ed2554 !important; border-radius: 5px !important; border-color: #c11d44 !important; border-width: 1px !important; letter-spacing: 1px; padding-left: 20px; padding-right: 20px; } /*頁面下方LINE區塊*/ #fixed_ad_all{ z-index:999;} /*誠旺上標CSS*/ #logo_nav{ margin: 0; padding: 10px; list-style: none; display: inline-block; box-sizing: border-box; vertical-align: bottom; position: relative; } #logo_nav img{ width: 220px; margin-right: 20px; vertical-align: bottom; } nav#nav ul { margin: 0; padding: 0; line-height: 20px; display:inline-block; margin-top: 30px; } nav#nav ul li { margin:0; padding: 10px; list-style: none; display: inline-block; box-sizing: border-box; vertical-align:bottom; padding: 0; } nav#nav ul li a { color: #FFF; text-decoration: none; font-size:14px; } nav#nav ul li a.active { color:#F60; font-weight:bold; } nav#nav ul li:hover > a { color:#F90; } nav#nav ul li#logo_nav img{width: 220px; margin-right:20px; vertical-align:bottom;} nav#nav ul ul.sub-menu { padding:0; margin: 0; } nav#nav ul ul.sub-menu li { list-style-type: none; display: inline-block; width:100px; padding: 10px; background:url(../images/black70_bg.png); float: left; padding: 0; } /*Link Appearance*/ nav#nav ul li ul.sub-menu li a { display:inline-block; text-align: center; } /*Make the parent of sub-menu relative*/ nav#nav ul li { position: relative; } /*sub menu*/ nav#nav ul li ul.sub-menu { display:none; position: absolute; top: 39px; left: -10px; background: rgba(0, 0, 0, 0.9);display: flex; width: 118%; } nav#nav ul li:hover ul.sub-menu { display:block; } /*sub menu2*/ nav#nav ul li ul.sub-menu2 { display:none; position: absolute; top: 0; left:100px; } nav#nav ul li ul.sub-menu li:hover ul.sub-menu2 { display:block; } /*中台使用範本*/ .dayIMG { /*padding: 3%;*/ } /*240613 NEW CONTENT*/ div.new_features_content { /*width: 100%;*/ display: table; border: 1px solid #e1e1e1; padding:50px 10%; margin:50px auto 0; } div.new_features_content img { max-width: 100%; /*margin:0 auto !important;*/} div.new_features_content iframe { width: 980px;height: 550px;margin: 0 auto; display: block;} div.new_features_content p { font-size: 15px; color: #2F3236; line-height: 2; } div.new_features_content h4 { margin-bottom:0px; padding-bottom:0px; border-bottom:0px; } .mobile_show { display:none; } .lg_mobile_show { display:none; } .xl_mobile_show { display:none; } .ns_mobile_show { display:none; } .m_mobile_show { display:none; } @media (max-width:1440px){ div.new_features_content { padding:50px 3%; } } @media (max-width:1199px){ .xl_afirst { order:-1;aspect-ratio: unset; } .xl_pc_show { display:none; } .xl_mobile_show { display:block; } } @media (max-width:991px){ div.new_features_content { margin:25px auto 0; width: 100%;display: table; border: none; padding:6% 0;} /*padding:6% 3%;*/ .lg_afirst { order:-1;aspect-ratio: unset; } .lg_pc_show { display:none; } .lg_mobile_show { display:block; } } @media (max-width:767px){ .pc_show { display:none; } .mobile_show { display:block; } div.new_features_content { margin:25px auto 0; width: 100%;display: table; border: none; padding:6% 0;} /*padding:6% 3%;*/ div.new_features_content p { font-size: 14px; color: #43464A; line-height: 2; } .afirst {order:-1;aspect-ratio: unset;} } @media(min-width:600px) and (max-width:991px) { div.new_features_content iframe{width: 100%;height: 400px;} } @media(max-width:600px) { div.new_features_content iframe{width: 100%;height: 300px;} .ns_pc_show { display:none; } .ns_mobile_show { display:block; } } @media(max-width:480px) { div.new_features_content iframe{width: 100%;height: 235px;} .m_pc_show { display:none; } .m_mobile_show { display:block; } } @media(max-width:375px) { div.new_features_content iframe{width: 100%;height: 195px;} } /*.-- p::first-letter {font-size:32px !important;} 段落首字放大*/ .a_right { text-align:right;} .a_left { text-align:left;} .f_right { float:right;} .f_left { float:left;} /*團型AOJ TEST*/ .spTitle { width: 100%; margin-top: 30px; margin-bottom: 30px; } .spTitle p{ font-size: 34px !important; color: #000; font-family:"Noto Serif TC", serif !important; font-weight: 600; font-style: normal; line-height: 2.5; text-align: justify !important; } .imgspTitle { width: 100%; } .imgspTitle p{ font-size: 30px !important; color: #000; font-family:"Noto Serif TC", serif !important; font-weight: 600; font-style: normal; line-height: 2.5; text-align: justify !important; } .Ncontent { display:table; } .Ncontent p{ color: #232323 !important; text-align: justify !important; padding: 3%; /*line-height: 1.5;*/ } .Pcontent p{ color: #232323 !important; text-align: justify !important; padding: 2%; } .blacktag { font-size: 16px;color: #fff; font-weight: 600; display:table; padding: 4px 15px; font-family: 'Century Gothic', 'Noto Sans TC', sans-serif; margin-bottom: 1%; margin-left:auto; margin-right:auto; border-radius: 20px; background-color: #000; } .intro { display:table; margin-top:40px; } .intro p{ color: #232323 !important; text-align: justify !important; padding: 1%; /*line-height: 1.5;*/ } .intro h1{ font-size: 32px !important; font-family:"Noto Serif TC", serif !important; font-weight: 600; line-height: 1.5; margin:0% !important; padding-top: 45px; } .intro h2{ font-size: 28px !important; color: #000 !important; font-family:"Noto Serif TC", serif !important; font-weight: 200 !important; line-height: 1; margin:0rem !important; text-shadow:none !important; padding: 5px; } .intro h3{ font-size: 24px !important; font-family: "Noto Sans TC", sans-serif !important; font-weight: 600 !important; line-height: 1.5; padding: 10px;} .intro h5 { margin:5px 0 !important;} .intro h6{ font-weight: 600 !important; margin-bottom: 1% !important; } .red { color: #D50938 !important; } .intro .space { margin-bottom:50px;} /*.intro .boximg { width: 100%; display: flex; flex-wrap:wrap;margin-top: 3%; margin-bottom: 3%; }*/ .intro .day_style_9 { margin-top:20px; margin-bottom: 0px !important;} .intro .dayIMG { margin-bottom:30px;} .boximg {width: 100%; display: flex; flex-wrap:wrap;margin-top: 20px; margin-bottom: 12px;} .boximg div.col-xs-12.col-sm-12.col-md-4.col-lg-4.item { padding-right: 5px !important; padding-left: 5px !important; } .boximg p{ font-size:14px !important; } .boximg .bimg2 img{ margin-left:8px; } .intro .boximgP { width: 100%; display: flex; flex-wrap:wrap; margin-top:3%; } .boximgP div.col-xs-12.col-sm-12.col-md-4.col-lg-4.item { padding-right: 5px !important; padding-left: 5px !important; } .intro .boximgP p{ font-size:14px !important; } .pbg { float: left; text-align: center; padding: 10px; width: 100%; } .pbg p{ font-size: 12px !important; line-height: 1.5 !important; color: #fff; } .spbg { float: left; text-align: center; padding: 20px; width: 100%; } .spbg p{ color: #000; font-family:"Noto Serif TC", serif !important; font-weight: 400; font-style: normal; line-height: 1.8rem !important; text-align: justify !important; } .mobile_show {display:none;} /*0517-21手機板調整中*/ @media (max-width:767px){ .pc_show { display:none; } .mobile_show { display:block; } div.features_content {width: 100%;display: table; border: none; padding:6% 0;} /*padding:6% 3%;*/ .Ncontent p{ padding: 3%; /*line-height: 1.5;*/ } .spTitle { width: 100%; margin-top: 15px; margin-bottom: 15px; } .spTitle p{ font-size: 26px !important; color: #000; font-family:"Noto Serif TC", serif !important; font-weight: 600; font-style: normal; line-height: 2.5; text-align: center !important; } /*4381 .Ncontent p{ color: #232323 !important; text-align: justify !important; padding:5px 0 15px; }*/ .Ncontent p{ color: #4d5156 !important; font-size: 14px !important; line-height: 1.8 !important; } .Pcontent p{ color: #4d5156 !important; font-size: 14px !important; line-height: 1.8 !important; } .intro p{ color: #4d5156 !important; font-size: 14px !important; line-height: 1.8 !important; } .day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8, .day_style_9, .day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15, .day_style_16, .day_style_17, .day_style_18, .day_style_19{display:flex;flex-wrap:wrap;margin-bottom:30px !important;} /*div.day_style_9 {margin-bottom:30px;} */ .day_style_9 div.col-xs-12.col-sm-12 { padding:0; } .day_style_9 div.item-image-box { margin-bottom:10px; } .boximg { margin-top: 0px; margin-bottom:0px;} .boximg div.col-xs-12.col-sm-12.col-md-4.col-lg-4.item {padding-top:15px; padding-left:0 !important; padding-right:0 !important; } .boximg .bimg2 img{ margin-left:0px; } .pbg { margin-top:10px; } .dayIMG { margin-top: 5px;margin-bottom: 10px; } .intro { margin-top:25px; } .intro p { padding:10px 0;} .intro .dayIMG { margin-bottom:15px;} } .day_style_1 {width: 100%; display: table; margin-bottom: 20px;} .day_style_1 img {width:100%;} .day_style_2 {width: 100%; display: table; margin-bottom: 20px;} .day_style_2 img {width:100%;} .day_style_3 {width: 100%; display: table; margin-bottom: 20px;} .day_style_3 img {width:100%; height: 253px;} .day_style_4 {width: 100%; display: table; margin-bottom: 20px;} .day_style_4 img {width:100%; height: 187px;} .day_style_5 {width: 100%; display: table; margin-bottom: 20px;} .day_style_5 img {width:100%; height: 253px;} .day_style_6 {width: 100%; display: table; margin-bottom: 20px;} .day_style_6 img {width:100%; height: 187px;} .day_style_7 {width: 100%; display: table; margin-bottom: 20px;} .day_style_7 img {width:100%; height: 253px;} .day_style_8 {width: 100%; display: table; margin-bottom: 20px;} .day_style_8 img {width:100%; height: 187px;} .day_style_9 {width: 100%; display: table; margin-bottom: 20px;} .day_style_9 img {width:100%;} .day_style_10 {width: 100%; display: table; margin-bottom: 20px; position: relative;} .day_style_10 img {width:100%;} .day_style_10 .item_text {position: absolute; bottom: 10%; z-index: 10; padding: 0px 10px;} .day_style_10 .item_text p {margin: 0; background: rgba(0, 0, 0, 0.6); color: #FFF; padding:50px;} .day_style_11 {width: 100%; display: block; margin-bottom: 20px; padding: 0;} .day_style_11 .tp_group {width:100%;/*border: 1px solid #ddd;*/ padding: 0; display: inline-block;} .day_style_11 .tp_group p {margin: 10px 0 0;} .day_style_11 .tp_group img {width:100%;} .day_style_12 {width: 100%; display: block; margin-bottom: 20px; padding: 0 10px;} .day_style_12 .tp_group {width:100%;border: 1px solid #ddd; padding: 10px 0; display: inline-block;} .day_style_12 .tp_group img {width:100% !important; height: inherit;} .day_style_13 {width: 100%; display: table; margin-bottom: 20px;} .day_style_13 img {width:100%; height: 187px;} .day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;} .day_style_14 {width: 100%; display: table; margin-bottom: 20px;} .day_style_14 iframe {width: 100%; height: 383px;} .day_style_15 {width: 100%; display: table; margin-bottom: 20px;} .day_style_15 iframe {width: 100%; height: 383px;} .day_style_16, .day_style_17, .day_style_18, .day_style_19 {width: 100%; display: table; margin-bottom: 20px;} .item-image-box { /*aspect-ratio: 3/2;*/ aspect-ratio: unset; margin-bottom: 1rem;} .item-image-box img{ width: 100%; max-width: 100%; object-fit: cover; object-position: center center; height: 100% !important; } .day_con p { margin: 1rem 0;} .day_style_1 .item p, .day_style_5 .item p, .day_style_6 .item p, .day_style_7 .item p, .day_style_8 .item p, .day_style_9 .item p, .day_style_16 .item p, .day_style_17 .item p, .day_style_18 .item p, .day_style_19 .item p{margin: 0 0 1rem;} .day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8, .day_style_9, .day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15, .day_style_16, .day_style_17, .day_style_18, .day_style_19{display:flex;flex-wrap:wrap;margin-bottom:60px;} /*最新版公版&會員css*/ @media (min-width:1200px){ .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{/* margin-top: 5rem; */height: 200px;} .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area{min-height: 100px;} } .WinChrome section.group_banner .search-area .search-box .select-goal, .WinChrome section.group_banner .search-area .search-box .select-place, .WinIe section.group_banner .search-area .search-box .select-goal, .WinIe section.group_banner .search-area .search-box .select-place, .WinChrome section.group_banner .search-area .search-box .select-date, .WinChrome section.group_banner .search-area .search-box .select-input, .WinIe section.group_banner .search-area .search-box .select-date, .WinIe section.group_banner .search-area .search-box .select-input, .WinChrome section.group_banner .search-area .search-box .select-date>input, .WinChrome section.group_banner .search-area .search-box .select-input>input, .WinIe section.group_banner .search-area .search-box .select-date>input, .WinIe section.group_banner .search-area .search-box .select-input>input{border-radius:4px;} .search-area .search-box .select-place .title i, .search-area .search-box .select-goal .title i, .WinChrome section.group_banner .search-area .search-box .select-input i, .WinIe section.group_banner .search-area .search-box .select-input i, .search-area .search-box .select-date .title i{color: #986D5D;} .WinChrome section.group_banner .search-area .search-box .search-btn, .WinIe section.group_banner .search-area .search-box .search-btn{border-radius:50px;background: #e6232a;} .search-area .search-box .select-date .select input{width: calc(50% - 30px);} .list_con .title .text_blue {color: #986D5D;} .list_con .select_filter .form-group .select select{border-radius:4px;} .list_con .style_icon .nav-pills .nav-link.active svg {fill: #e6232a;} .list_con .style_icon{display: flex; flex-wrap: wrap; align-items: center;} .irs-slider, .irs-bar{background: #e6232a;} .irs-slider.state_hover, .irs-slider:hover{border: 2px solid #e6232a;} .irs-from, .irs-to, .irs-single{background: #191919;} .filter_list i{color: #986D5D;} .filter_list .accordion .card { background: none; border: none;} .filter_list .form-control{height: 1.8rem;padding: 0 5px;} .filter_list .form-check .customcheck input:checked ~ .checkmark{background-color: #986D5D;} .filter_list .form-check .disabled .checkmark, .filter_list .form-check .disabled input:checked~.checkmark{background-color:#ccc;} .filter_list .form-check span.badge-primary{background-color: #191919;} .table .thead, .table .thead:hover { background: #191919;} a.go-to-top {display: none !important;} .D_member_my_login .signin_box #submitBtn{background-color: #e6232a;} @media (max-width:767px){ .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{margin-top: 68px;} .list_con > .row:nth-child(3) > div{display: flex; flex-wrap: wrap; align-items: center;} a.filter_header{padding: 0;} a.filter_header i.data-icon-filter{margin-top: 15px;} .select_filter{margin-top:15px;} .form-inline{width:100%;} } /*會員*/ .new_bg{background:#f0f0f0 !important;} .new_bg .signin_width{margin-top: 100px; margin-bottom: 100px;} .signin_box .form-horizontal button.g-recaptcha{background: #e6232a;} .text-muted a.btn-outline-primary{color: #986D5D;border-color: #986D5D;} .text-muted a.btn-outline-primary:hover, .text-muted a.btn-outline-primary:not(:disabled):not(.disabled):active:active {background-color: #986D5D;border-color: #986D5D; color: #fff; box-shadow: none;} .new_bg .web-page-frame .width-460 {margin-top: 150px;margin-bottom: 100px;} .new_bg .web-page-frame .form-horizontal .Show30s button{margin-top:1rem !important;} .FavoriteList-null{text-align:center;} .member-data-r.member-information .member-group.r-email label{letter-spacing: -3.5px;} .member-data-r.member-information .member-group.r-email label span{right: -5px;} .member_message.member-data-r > .row.member-l_box > .row:nth-last-child(1){width: calc(100% + 30px);} @media (max-width:1019px) and (min-width:768px){ .member_width{margin-top: 150px;} } @media (max-width:767px){ .new_bg .signin_width{margin-top: 90px;} .member-data-r.member-information .member-group label span, .member-data-r.member-information .member-group.r-email label span{right: 0px !important;} .member-data-r.member-information .member-group.member-radio label:first-child span{right: 10px !important;} } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { min-height: auto; } /*選單框線消除*/ input, select, option { outline: none; -webkit-appearance: none; /* google */ -moz-appearance: none; /* firefox */ appearance: none; /* IE */} option:hover { background:#000; } /*內容反白*/ ::selection { background:#666; color:#FFF; } ::-moz-selection { background:#dc3545; color:#FFF; } /*公版-行程頁出團表隱藏機位/下載/可售*/ #tripDown .table .pdf-download, #tripDown .table .total-seat, #tripDown .table .available-seat{display:none;} @media (max-width: 767.98px){ section#tripDown.group_table .table td.tour-price{width: 100%; text-align: right;margin-left: 0;margin-right: 0;padding: 0 15px;} } /*團型行程特色*/ section.group .intro .number{display:none;} section.group .group_l, section.group .group_r{padding:none;} section.group .group_l .words, section.group .group_r .words{position: unset;margin: 0 auto;} section.group .group_l .words .word_bg, section.group .group_r .words .word_bg, section.group .group_mix .words .word_bg{flex: 0 0 100%;max-width: 100%;} /*公版每日按鈕*/ .Day_menu .swiper-wrapper{justify-content: flex-start;} /*公版TOP隱藏*/ .go-to-top{display:none;} .class_nav .responsive-drop-down-menu > ul > li.has-sub > a:before{display:none;} /*公版列表頁碼*/ @media (max-width:767px){ #frmCondition .list_con nav{overflow-x: auto;margin-right: 30px;} section.search_con #frmCondition .list_con nav ul.pagination{justify-content: flex-start !important;} section.search_con #frmCondition .list_con nav ul.pagination .page-item:nth-last-child(1){position: absolute;right: 0;} } /*優惠與活動的top*/ @media (min-width:768px){ .widget-item .module-container .main .anchor-tab-wrapper .Card_mode{display:table;width:100%;} } /*優惠與活動卡片模式高度對齊*/ .eventad .module-container .main .anchor-tab-wrapper .Card_mode .tab-pane{width: 100%;display: flex;flex-wrap: wrap;} .eventad .module-container .main .anchor-tab-wrapper .Card_mode .tab-pane .card{width: 33.33333%;flex: 0 0 33.33333%;} /*列表不要PDF下載*/ .search_con .pdf_box{display:none;} /*首頁全滿版輪播文字延遲時間順序*/ .widget-item section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title{transition-delay: 0s;transform: translateY(0px);} .widget-item section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .btn.btn-lg.btn-danger{opacity: 0; visibility: hidden; transition: all 1.2s ease; transition-delay: 1.2s; transform: translateY(20px);} .widget-item section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .btn.btn-lg.btn-danger {opacity: 1;visibility: visible;transform: translateY(0px);} /*首頁搜尋引擎樣式調整*/ .idx-search-wrap .main.row{align-items: center;justify-content: center;background: #e3e3e3;} .idx-search-title .module-container .main h3{text-align: right;margin-bottom: 0;line-height: 2.5em;border-right: 1px solid #000;padding-right: 30px;} .SearchBox .module-container .main .search-area{width:100%;} .SearchBox .module-container .main .search-area .select-goal, .SearchBox .module-container .main .search-area .select-place, .SearchBox .module-container .main .search-area .select-date{position:relative;} .SearchBox .search-area .search-box .select-goal .title h6, .SearchBox .search-area .search-box .select-place .title h6, .SearchBox .search-area .search-box .select-date .title h6{margin-left:0;} .SearchBox .search-area .search-box .select-goal .title i, .SearchBox .search-area .search-box .select-place .title i, .SearchBox .search-area .search-box .select-date .title i{left: 20px;position: absolute;color: #e6232a;} .SearchBox .search-area .search-box .select-goal .title i{bottom:25px;} .SearchBox .search-area .search-box .select-place .title i{bottom:22px;} .SearchBox .search-area .search-box .select-date .title i{bottom:22px;} .SearchBox .search-area .search-box .select-goal .select select, .SearchBox .search-area .search-box .select-place .select select{height: 35px;padding: 5px 5px 5px 30px;} .SearchBox .search-area .search-box .select-date .select input{height:35px;width: calc(50% - 20px);text-align: left; padding: 5px 5px 5px 32px;box-shadow:none;-webkit-appearance: none;} .SearchBox .search-area .search-box .select-date .select input.date-start{margin-right:20px;} .SearchBox .search-area .search-box .select-date .select .divide{display:none;} .SearchBox .search-area .search-box > div:nth-last-child(1){display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 15px;} .SearchBox .search-area .search-box .search-btn{background: #e6232a; width: 90%; height: 50px;line-height: 50px;} .SearchBox .search-area .search-box .search-btn i.fa-send-o:before, .SearchBox .search-area .search-box .search-btn i.fa-paper-plane-o:before{content: '\f002';} .select-date .select::before { content: "\f272"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 16px;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 9; left: calc(50% + 9px); color: #e6232a; bottom: 25px;} @media (min-width: 1200px){ .SearchBox .module-container .main .search-area > .container{max-width:100%;} } @media (max-width: 1280px){ .idx-search-wrap .idx-search-title{display:none !important;} } @media (max-width: 991px){ .SearchBox .module-container .main .search-area .select-date .select{width:100%;} .select-date .select::before{left: calc(50% + 25px);} .SearchBox .search-area .search-box .select-date .select input{width: calc(50% - 15px);} .SearchBox .search-area .search-box .select-date .select input.date-start { margin-right: 30px;} .SearchBox .search-area .search-box .search-btn{width:100%;} .SearchBox .search-area .search-box > div:nth-last-child(1){padding:5px 15px;} } /*下標調整*/ .t01 p,.copyright p { margin-bottom:1rem; } @media (max-width:991px){ /*優惠與活動卡片模式高度對齊*/ .eventad .module-container .main .anchor-tab-wrapper .Card_mode .tab-pane .card{width: 50%;flex: 0 0 50%;} /*copyright不被浮動遮住*/ .copyright{padding-bottom: 65px;} /*公版-其他說明欄位表格 平板/手機 調整*/ #tripNote .card-body .table thead th{border:none;} #tripNote .card-body .table tbody{position: absolute;top: 78px;left: 140px;right: 0;} #tripNote .card-body .table tbody tr{display:block;} #tripNote .card-body .table tbody tr td div{width: auto;display: inline-table;} } @media (max-width:767px){ .eventad .module-container .main .anchor-tab-wrapper .Card_mode .tab-pane .card{width: 100%;flex: 0 0 100%;} } /*出團頁*/ .search-area .search-box .search-btn { background:#dc3545; } .WinChrome .select-date .select::before { display:none; } section.group_table:before { opacity: .15; } /*個團.團型頁*/ body.WinChrome { background:#F6F6F6; } body > div > div:nth-child(2) > div > div > div > div.col-lg-12 > div > a.go-to-top { display:none;cursor: default; } body > div > div:nth-child(2) > div > div > div > div.col-lg-12 > div > a > span:nth-child(n) { display:none; } section.group_table.trip_features:before { opacity: .4; } #tripFeatures > div > div:nth-child(4) { text-align: initial; } .day_con .day_sub-title { line-height:2.2rem; } section.group_banner.trip_banner .brief h5 { font-size: 1.25rem; } section.group_banner.trip_banner .container { margin-bottom:30px; } .day_con .day_sub-title { background: rgba(255, 255, 255, 0.85); } .text_gary2 { color:#000; } .day_con .text_gary2 p { font-size:1rem; line-height:1.8rem; text-align:justify; } @media (min-width: 992px) { div.col-lg-9.col-sm-12 > div > p.text_gary2.hotel { margin-top:10px; } .day_con .word_r, .day_con .word_l { top: -35px; } } @media (max-width: 1200px) { section.group_banner.trip_banner h1 { font-size: 1.6rem; line-height: 2.2rem; } } @media (max-width: 575.98px){ section.group_table .container { width:100% } section.group_banner.trip_banner .container { padding-bottom:20px; margin-top:40px; } section.group_banner.trip_banner h6 { font-size:1rem; } section.group_banner.trip_banner .price small { margin-right: 10rem; } section.group_banner.trip_banner .btn-info { margin-top: 15px; } section.group_banner.trip_banner .media-grouop { position: absolute; top:2.3rem; bottom:none; margin-left: 10.5rem; } section.group_banner .media-grouop .share_box { margin-right: .5rem;} #tripFeatures > div > div:nth-child(4) > p:nth-child(n) { font-size:1rem; line-height: 1.8rem; } section.group_banner.trip_banner .brief h5 { font-size:1rem; line-height:1.4rem; margin-bottom:6px; } section.group_table.trip_airline .table tbody tr.text_gary td:first-child::before, section.group_table.trip_airline .table tbody tr.text_gary td:first-child span.title_small { font-weight:500; } section.group_table.trip_airline .table .has_note { border-bottom:.05rem solid #dee2e6; } section.group_table.trip_airline .table tbody tr.text_gary td::before { font-weight:normal; } section.group_table.trip_airline .table tbody tr.text_gary td span { font-weight:normal; } #tripAirline > div > table > tbody > tr> td:nth-child(6) { margin-bottom:12px; } #tripAirline > div > table > tbody > tr:nth-last-child(2) { border-bottom:none; } .day_con .day_sub-title { font-size:1.2rem; line-height:1.8rem; font-weight:700; } } /*優惠與活動頁面*/ .eventad nav.main_nav{margin-left: auto;margin-right: auto;} .eventad .anchor-tab-wrapper .list_nav .nav-item a{padding: 0 20px; font-size: 1.3rem;background: none !important;} .eventad .anchor-tab-wrapper .list_nav .nav-item a.active{font-weight: bold; text-decoration: underline 1px #e3d6b7;background: none !important;} .eventad .section-box .navbar-expand li.nav-item + li.nav-item a.nav-link { border-left: 1px solid #ddd;} /*member*/ .member_home .signin_width{margin-top: 170px;} .member_home .width-460{margin-top: 170px;margin-bottom: 150px;} .member_home .container.member_width{margin-top: 70px;} .member_home.D_member_my_favorites .FavoriteList-null img{margin-left: auto; margin-right: auto;} @media (max-width:767px) { .member_home .signin_width{margin-top: 70px;} .member_home .width-460{margin-top: 70px;margin-bottom: 100px;} .member_home .container.member_width{margin-top: 50px;} } /*行程一圖一文範本css調整*/ @media (min-width:992px){ .day_style_9 > div, .day_style_1 > div{display: flex; flex-wrap: wrap; align-content: center;} } @media (max-width:767px){ .day_style_9 > div.item-image-box, .day_style_1 > div.item-image-box{order:-1;aspect-ratio: unset;} } /*輪播*/ div.features_content ol li { list-style-type: none !important; } .intro_carousel .carousel-indicators .active { opacity: 1;} .intro_carousel .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #000; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } div.swiper-container { /*position: absolute; top: 50%; left: 50%;*/ 　　　　　　　　　　 transform: translate(-50%, -50%); 　　　　　　　　　　 width: 800px; 　　　　　　　　　　 height: 800px; 　　　　　　　　　　 border-radius: 5px; } div.swiper-slide { display: flex; 　　　　　　　　 justify-content: center; 　　　　　　　　align-items: center; 　　　　　　　　color: #ffffff; 　　　　　　　　font-size: 60px; } div.one { background-color: #34495e; } div.two { background-color: #d35400; } div.three { background-color: #16a085; }