body { background-position: left top; background-attachment: scroll; } 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; } /*公版*/ body.WinChrome a.go-to-top, body.D_products_domestic_search a.go-to-top{display: none !important;} /*list*/ body.D_products_group_search{background: #f8f8f9;} .D_products_group_search section.group_banner.search_banner{height: 260px;} .D_products_group_search section.group_banner .search-area{bottom: 15px;} .D_products_group_search .search-area .search-box .select-place .title i, .D_products_group_search .search-area .search-box .select-goal .title i, .D_products_group_search .search-area .search-box .select-date .title i, .D_products_group_search section.group_banner .search-area .search-box .select-input i{color: #922288;} .D_products_group_search section.group_banner .search-area .search-box .search-btn{background: #922288; color: #e5ed29;} .D_products_group_search .filter_list .accordion .card{border-bottom: 1px solid rgba(0,0,0,.125);} .D_products_group_search .filter_list i{color: #58bdd9;} .D_products_group_search .irs-from, .D_products_group_search .irs-single, .D_products_group_search .irs-to{background: #212121;} .D_products_group_search .irs-slider{background:#d8df2d;} .D_products_group_search .irs-slider.state_hover, .D_products_group_search .irs-slider:hover{border-color: #d8df2d;} .D_products_group_search .irs-bar{background: #d8df2d;} .D_products_group_search .filter_list .form-check .customcheck input:checked ~ .checkmark{background-color: #d8df2d;} .D_products_group_search .badge-primary{background-color: #922288;} .D_products_group_search .list_con .style_icon .nav-pills .nav-link.active svg {fill: #d8df2d;} .D_products_group_search .text_blue { color: #eb1c1f;} .D_products_group_search section.search_con .pagination .page-item .page-link:hover, .D_products_group_search section.search_con .pagination .page-item .page-link:active{border-color: #922288; color: #922288;} .D_products_group_search section.search_con .pagination .page-item .page-link:hover svg, .D_products_group_search section.search_con .pagination .page-item .page-link:active svg {fill: #922288;} .D_products_group_search figure.block_style .pic_all::after{border-color: transparent transparent transparent rgba(146, 34, 136, 0.6);} .D_products_group_search .search_table .thead, .D_products_group_search .search_table .thead:hover{background: #922288;} .D_products_group_search .search_table .main_words .title_main:hover, .D_products_group_search figure.block_style .main_words a:hover, .D_products_group_search .pic_style figure.block_style .main_words a:hover{color: #922288 !important;} .D_products_group_search section.search_con .pagination .page-item.active .page-link{border-color: #58bdd9; color: #58bdd9;} /*國內*/ @media (min-width:768px) and (max-width:1920px) { .D_products_domestic_search .header_logobox { display: none !important;} .D_products_domestic_search .header_menu {max-width: 100%; flex: 0 0 100%;} .D_products_domestic_search .header_menu .mega-menu > section.menu-list-items {background: #fff;} .D_products_domestic_search .header_menu .mega-menu .menu-logo {display: table;width: auto;} .D_products_domestic_search .header_menu .mega-menu .menu-logo > li > a {display: table; padding: 15px 20px; background: #d8df2d;} .D_products_domestic_search .header_menu .mega-menu .menu-logo > li > a img { width: auto; height: 45px; position: unset;} .D_products_domestic_search .header_menu .mega-menu .menu-links {border: none;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger {height: 75px;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger > a { color: #121212;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a */{ width: 36px; justify-content: center;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a::after, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a::after/*, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a::after, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a::after */{ content: ''; display: inline-block; width: 36px; height: 36px; background: #eee; border-radius: 20px; position: absolute; left: 0; z-index: 0; } .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger > a i.fa { font-size: 21px; z-index: 1; opacity: 1;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i {background-image: url(https://materials.fillo.com.tw/materials/cowelltrip/images/1ac17a6a-44b7-4f22-86a1-db9811d30d95.svg); background-repeat: no-repeat; background-size: 22px; background-position: center; width: 22px; height: 22px; display: inline-block !important;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i::before { display: none;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger > a img { display: none;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover i, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover i/*, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover i */{ color: #fff;} /*.D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i { display: none !important;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover img { display: inline-block; position: relative; z-index: 1; opacity: 1; width: 22px;}*/ .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover::after { background-color: #ff0000;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover::after { background-image: url(https://materials.fillo.com.tw/materials/golden/images/7fd71cec-e088-4722-b806-529ab3a8674b.jpg); background-size: auto 100%;} /*.D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover::after { background-color: #00c300;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover::after { background-color: #1877f2;}*/ } @media (min-width:768px) and (max-width:1360px) { .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/{margin-left: 10px;} .D_products_domestic_search .header_menu .mega-menu .menu-logo > li > a{padding-left: 40px;padding-right: 40px;} } @media (min-width:768px) and (max-width:1279px) { .D_products_domestic_search .header_menu{max-width: calc(100%); flex: 0 0 calc(100%);} .D_products_domestic_search .header_menu .mega-menu .menu-logo > li > a{padding-left: 25px;padding-right: 25px;} } @media (min-width:768px) and (max-width:1152px) { .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger{height: 55px;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{height: auto;} /*.D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4){top: 18px; right: 160px;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){right: 110px;}*/ .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2){top: 18px; right: 60px;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1){top: 18px;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a i.fa, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a i.fa/*, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i.fa, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a i.fa*/{padding: 0;} } @media (min-width:768px) and (max-width:991px) { .D_products_domestic_search .header_menu .mega-menu .menu-logo > li > a {padding-left: 15px;padding-right: 15px;} .D_products_domestic_search .header_menu .mega-menu .menu-logo > li > a img{height: 90px;} .D_products_domestic_search .header_menu .mega-menu .menu-links{margin-right: 5px;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger {height: 50px; margin-top: 40px;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{margin-top: 0;} /*.D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4), */ .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2){top: 18px;} /*.D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){top: 16px;}*/ .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){margin: 0; height: auto;right: 210px; top: 15px;} .D_products_domestic_search .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a{text-shadow: 0px 0px 5px transparent; color: rgba(0, 0, 0, 0.7);} } .D_products_domestic_search section.group_banner.search_banner{margin-top: 6.5rem;} .D_products_domestic_search section.group_banner .search-area > form.container{background: #f5f5f5;border-bottom: 3px solid #eeeeee;} .D_products_domestic_search section.group_banner .search-area .search-box .search-btn{background: #922288;} .D_products_domestic_search section.group_banner .search-area .search-box .select-departure .title i, .D_products_domestic_search section.group_banner .search-area .search-box .select-destination .title i, .D_products_domestic_search .search-area .search-box .select-date .title i{color: #58bdd9;} .D_products_domestic_search .filter_list .accordion .card{border: 1px solid #f0f0f0; border-radius: 0;} .D_products_domestic_search .filter_list .accordion .card > a.btn{background: #f5f5f5; border-radius: 0;} .D_products_domestic_search .filter_list i{color: #58bdd9;} .D_products_domestic_search .irs-from, .D_products_domestic_search .irs-single, .D_products_domestic_search .irs-to{background: #d8df2d;} .D_products_domestic_search .irs-slider{background:#d8df2d;} .D_products_domestic_search .irs-slider.state_hover, .D_products_domestic_search .irs-slider:hover{border-color: #d8df2d;} .D_products_domestic_search .irs-bar{background: #d8df2d;} .D_products_domestic_search .filter_list .form-check .customcheck input:checked ~ .checkmark{background-color: #d8df2d;} .D_products_domestic_search .filter_list .form-check .customcheck input:checked ~ .checkmark:after{display: block;} .D_products_domestic_search .badge-primary{background-color: #922288;} .D_products_domestic_search .list_con .style_icon .nav-pills .nav-link.active svg {fill: #d8df2d;} .D_products_domestic_search .text_blue { color: #eb1c1f;} .D_products_domestic_search .select_filter .form-inline .form-group input[type=radio]:checked + label{color: #58bdd9; background: #f8f8f9;} .D_products_domestic_search figure.block_style .pic_all::after{border-color: transparent transparent transparent rgba(146, 34, 136, 0.6);} .D_products_domestic_search figure.block_style .main_words a:hover, .D_products_domestic_search .pic_style figure.block_style .main_words a:hover{color: #922288 !important;} .D_products_domestic_search .modal-body section.group_table.trip_airline .table .thead, .D_products_domestic_search .modal-body section.group_table.trip_airline .table .thead:hover{background: #922288;} .D_products_domestic_search .search_table .thead, .D_products_domestic_search .search_table .thead:hover{background: #922288;} .D_products_domestic_search .search_table .main_words .title_main:hover, .D_products_domestic_search figure.block_style .main_words a:hover, .D_products_domestic_search .pic_style figure.block_style .main_words a:hover{color: #922288 !important;} @media (max-width:767px) { .D_products_domestic_search section.search_con .pagination .page-item{margin: 0 1px;} .D_products_domestic_search section.search_con .pagination .page-item .page-link{width: 25px; height: 25px; font-size: 14px;} } /*detail*/ body.D_products_group_detail{/*background: #fff;*/} .D_products_group_detail .breadcrumb-item+.breadcrumb-item a{color: #922288;} .D_products_group_detail .breadcrumb-item+.breadcrumb-item a:hover{color: #d8df2d;} .D_products_group_detail section.group_banner .price_content .panel-info{border: 1px solid #c9d020;} .D_products_group_detail section.group_banner .price_content .panel-info .panel-heading{background: #c9d020;font-size: 17px;color: #ffffff;} .D_products_group_detail .basic-air-info{border: 1px solid #922288;} .D_products_group_detail section.group_banner.trip_banner .basic-air-info h3{color: #922288;} .D_products_group_detail .basic-air-info .go i, .D_products_group_detail .basic-air-info .back i{color: #d8df2d;} .D_products_group_detail .basic-air-btn a{background: #59bbd9;border: 1px solid #57bed7;} .D_products_group_detail .basic-air-btn a:hover{background: #212121;opacity: .8;} .D_products_group_detail section.group_table.trip_features:after, .D_products_group_detail section.group_table.trip_airline:after, .D_products_group_detail section.group_table.trip_day:after, .D_products_group_detail section.group_table.trip_note:after, .D_products_group_detail section.group_table.view_intro:after, .D_products_group_detail section.group_table.tripdown:after{background: #888888;} .D_products_group_detail section.group_banner.trip_banner .basic_box{background: #ffffff;} .D_products_group_detail section.group_banner.trip_banner .container{border: none;} .D_products_group_detail section.group_table.trip_day .group_table_box table.table .thead{background: #212121;} .D_products_group_detail section.group_table.trip_day table.table tr.thead th:nth-child(2), .D_products_group_detail section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{background: #94228b;} .D_products_group_detail section.group_table.tripdown .search_table tr.thead{background: #212121;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link{border-color: #c9d020;color: #c9d020;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link:hover{color:#d8df2d;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link.active{color: #fff;background: #c9d020;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link svg{fill: #c9d020;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link.active svg{fill: #fff;} .D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation .btn-primary{background-color: #922288; border-color: #922288;} .D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation .btn-primary:hover{color: #fff; background-color: #922288; border-color: #922288;} .D_products_group_detail .fc .fc-toolbar.fc-header-toolbar{background: #212121;} .D_products_group_detail .fc .fc-button-primary:disabled{background-color: #d8df2d;} @media (min-width:992px) { .D_products_group_detail .sub_menu-trip .sub_inside{margin-top: -1rem;} .D_products_group_detail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn{height: 50px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{height: 40px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{font-size: 16px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 16px;padding: 5px 16px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i{font-size: 17px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{font-size: 19px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i{font-size: 20px;} .D_products_group_detail .sub_menu-trip .trip_menu{width: 91px; margin-right: 0;} .D_products_group_detail .sub_menu-trip .trip_menu i{display: none;} .D_products_group_detail .sub_menu-trip .trip_menu ul{margin-bottom: 0;} .D_products_group_detail .sub_menu-trip .trip_menu li{margin-bottom: 8px;} .D_products_group_detail .sub_menu-trip .trip_menu li a{line-height: 1;} .D_products_group_detail .sub_menu-trip .trip_menu li a span{font-size: 14px;} .D_products_group_detail .web_sidebar .side_box{bottom: 50px;} .D_products_group_detail .web_sidebar .side_bar{width: 50px;} .D_products_group_detail .web_sidebar .side_bar li{padding: 11px;height: 50px;} .D_products_group_detail .web_sidebar .side_bar li a i{font-size: 24px;} .D_products_group_detail .web_sidebar .actGotop{bottom: 0px;width: 55px;height: 55px;} .D_products_group_detail .web_sidebar .actGotop a:link{width: 55px;height: 55px;} .D_products_group_detail .web_sidebar .actGotop a i{width: 50px; line-height: 50px;} } @media (max-width:1199px) { .D_products_group_search section.group_banner.search_banner {height: 360px;} } @media (max-width:991px) { .D_products_group_detail section.group_table.tripdown .search_table tr.thead{display: none;} } @media (max-width:767px) { .D_products_group_search section.group_banner.search_banner { height: 585px;} .D_products_group_detail .footer_box{margin-bottom: 50px;} } /*mold*/ .D_products_group_molddetail .go-to-top{display: none !important;} .D_products_group_molddetail .header_menu .mega-menu > section.menu-list-items, .D_products_domestic_molddetail .header_menu .mega-menu > section.menu-list-items{background: #000;} /*.D_products_group_molddetail .header_box .header-part, .D_products_group_molddetail .sabit .header_box .header-part{background-color: #987a54; border: none; transition: .3s;} .D_products_group_molddetail .header_box .header-part > .navbar-collapse, .D_products_group_molddetail .sabit .header_box .header-part > .navbar-collapse{height: 80px;} .D_products_group_molddetail .header_box .header-part .navbar-nav, .D_products_group_molddetail .sabit .header_box .header-part .navbar-nav{height: 100%;} .D_products_group_molddetail .header_box .header-part .navbar-nav > li, .D_products_group_molddetail .sabit .header_box .header-part .navbar-nav > li{display: flex; flex-wrap: wrap; align-items: center;} .D_products_group_molddetail .header_box .header-part .navbar-nav > li:nth-last-child(1), .D_products_group_molddetail .header_box .header-part .navbar-nav > li:nth-last-child(2), .D_products_group_molddetail .sabit .header_box .header-part .navbar-nav > li:nth-last-child(1), .D_products_group_molddetail .sabit .header_box .header-part .navbar-nav > li:nth-last-child(2){background-color: #785a34; margin: 0;} .D_products_group_molddetail .header_box .header-part .navbar-nav > li:nth-last-child(2), .D_products_group_molddetail .sabit .header_box .header-part .navbar-nav > li:nth-last-child(2){border-right: 1px solid rgba(255, 255, 255, 0.3);} .D_products_group_molddetail .header_box .header-part .navbar-nav > li:nth-last-child(1) > a, .D_products_group_molddetail .header_box .header-part .navbar-nav > li:nth-last-child(2) > a, .D_products_group_molddetail .sabit .header_box .header-part .navbar-nav > li:nth-last-child(1) > a, .D_products_group_molddetail .sabit .header_box .header-part .navbar-nav > li:nth-last-child(2) > a{padding-left: 20px; padding-right: 20px;} .D_products_group_molddetail .header_box .header-part .navbar-nav > li a:hover::before, .D_products_group_molddetail .header_box .header-part .navbar-nav .nav-link:hover::before, .D_products_group_molddetail .sabit .header_box .header-part .navbar-nav > li a:hover::before, .D_products_group_molddetail .sabit .header_box .header-part .navbar-nav .nav-link:hover::before{border-color: transparent transparent rgba(255, 255, 255, 1) transparent;} .D_products_group_detail .header_box .header-part .dropdown-menu{top: 80px;}*/ .D_products_group_molddetail .DetailContainer, .D_products_domestic_molddetail .DetailContainer{margin-top: 7rem;} .D_products_group_molddetail .Detail.DayTrip .TripBlock .TripHotel > div:nth-child(2){flex-wrap: wrap;align-content: center;} .D_products_group_molddetail .MPGO .PriceType.LowestPrice ul, .D_products_group_molddetail .MGO .PriceType.LowestPrice ul, .D_products_group_molddetail .MPGDT .PriceType.LowestPrice ul, .D_products_group_molddetail .MGDT .PriceType.LowestPrice ul, .D_products_domestic_molddetail .MPGO .PriceType.LowestPrice ul, .D_products_domestic_molddetail .MGO .PriceType.LowestPrice ul, .D_products_domestic_molddetail .MPGDT .PriceType.LowestPrice ul, .D_products_domestic_molddetail .MGDT .PriceType.LowestPrice ul{flex-wrap: wrap;} /*.D_products_group_molddetail .MGO .TripTitle .TripType, .D_products_group_molddetail .MGDT .TripTitle .TripType{display: none;} .D_products_group_molddetail .Detail.DayTrip .DayTripBtn.Multiple{color: #e57700;border-color: #e57700;} .D_products_group_molddetail .Detail.DayTrip .DayTripBtn.Multiple:hover{background-color: #e57700;color: #fff;} .D_products_group_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{border-color: #987a54;} .D_products_group_molddetail .Detail.DayTrip .DayTripMoreInfo .DayTripBtn{background-color: #e57700;border-color: #e57700;} .D_products_group_molddetail .Detail.DayTrip .DayTripMoreInfo .DayTripBtn:hover{background-color: #e57700;color: #fff;} .D_products_group_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn{color: #e57700;border-color: #e57700;} .D_products_group_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{background-color: #e57700;color: #fff;}*/ @media (min-width:992px) { .D_products_group_molddetail .sub_menu-trip .sub_inside, .D_products_domestic_molddetail .sub_menu-trip .sub_inside{margin-top: -1rem;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn{height: 50px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{height: 40px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{font-size: 15px;font-weight: normal; padding: 0px 10px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 15px;font-weight: normal; padding: 0px 11px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li a img, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li a img{width: 20px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i{font-size: 17px;line-height: 40px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{font-size: 19px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i{font-size: 20px;} .D_products_group_molddetail .sub_menu-trip .trip_menu, .D_products_domestic_molddetail .sub_menu-trip .trip_menu{width: 105px; margin-right: 0;} .D_products_group_molddetail .sub_menu-trip .trip_menu i, .D_products_domestic_molddetail .sub_menu-trip .trip_menu i{/*display: none;*/font-size: 18px;} .D_products_group_molddetail .sub_menu-trip .trip_menu ul, .D_products_domestic_molddetail .sub_menu-trip .trip_menu ul{margin-bottom: 0;display: flex;flex-wrap: wrap;} .D_products_group_molddetail .sub_menu-trip .trip_menu li, .D_products_domestic_molddetail .sub_menu-trip .trip_menu li{margin-bottom: 8px;} .D_products_group_molddetail .sub_menu-trip .trip_menu li.feature, .D_products_group_molddetail .sub_menu-trip .trip_menu li.dates, .D_products_domestic_molddetail .sub_menu-trip .trip_menu li.feature, .D_products_domestic_molddetail .sub_menu-trip .trip_menu li.dates{order: -1;} .D_products_group_molddetail .sub_menu-trip .trip_menu li a, .D_products_domestic_molddetail .sub_menu-trip .trip_menu li a{line-height: 1;} .D_products_group_molddetail .sub_menu-trip .trip_menu li a span, .D_products_domestic_molddetail .sub_menu-trip .trip_menu li a span{font-size: 14px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn:hover ul, .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn:hover ul{width: 200px;height: 40px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li, .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{height: 40px;} .D_products_group_molddetail .web_sidebar .side_box, .D_products_domestic_molddetail .web_sidebar .side_box{bottom: 90px;} .D_products_group_molddetail .web_sidebar .actGotop, .D_products_domestic_molddetail .web_sidebar .actGotop{bottom: 40px;} /*.D_products_group_molddetail .web_sidebar .side_bar li{padding: 11px;height: 50px;} .D_products_group_molddetail .web_sidebar .side_bar li a i{font-size: 24px;} .D_products_group_molddetail .web_sidebar .actGotop{bottom: 15px;width: 50px;height: 50px;} .D_products_group_molddetail .web_sidebar .actGotop a:link{width: 50px;height: 50px;line-height: 67px;} .D_products_group_molddetail .web_sidebar .actGotop a i{width: 50px;line-height: 30px;}*/ } @media (max-width:991px) { .D_products_group_molddetail .DetailContainer, .D_products_domestic_molddetail .DetailContainer{margin-top: 4rem;} } /*order*/ .group_home .group_order_width{margin-top: 110px;} @media (min-width:768px) and (max-width:1920px) { .group_home .header_logobox { display: none !important;} .group_home .header_menu {max-width: 100%; flex: 0 0 100%;} .group_home .header_menu .mega-menu > section.menu-list-items {background: #fff;} .group_home .header_menu .mega-menu .menu-logo {display: table;width: auto;} .group_home .header_menu .mega-menu .menu-logo > li > a {display: table; padding-right: 55px; background: #d8df2d;} .group_home .header_menu .mega-menu .menu-logo > li > a img { width: auto; height: 95px; position: unset;} .group_home .header_menu .mega-menu .menu-links {border: none;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger {height: 95px;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger > a { color: #121212;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a */{ width: 36px; justify-content: center;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a::after, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a::after/*, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a::after, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a::after */{ content: ''; display: inline-block; width: 36px; height: 36px; background: #eee; border-radius: 20px; position: absolute; left: 0; z-index: 0; } .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger > a i.fa { font-size: 21px; z-index: 1; opacity: 1;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i {background-image: url(https://materials.fillo.com.tw/materials/cowelltrip/images/1ac17a6a-44b7-4f22-86a1-db9811d30d95.svg); background-repeat: no-repeat; background-size: 22px; background-position: center; width: 22px; height: 22px; display: inline-block !important;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i::before { display: none;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger > a img { display: none;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover i, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover i/*, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover i */{ color: #fff;} /*.group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i { display: none !important;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover img { display: inline-block; position: relative; z-index: 1; opacity: 1; width: 22px;}*/ .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover::after { background-color: #ff0000;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover::after { background-image: url(https://materials.fillo.com.tw/materials/golden/images/7fd71cec-e088-4722-b806-529ab3a8674b.jpg); background-size: auto 100%;} /*.group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover::after { background-color: #00c300;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover::after { background-color: #1877f2;}*/ } @media (min-width:768px) and (max-width:1360px) { .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/{margin-left: 10px;} .group_home .header_menu .mega-menu .menu-logo > li > a{padding-left: 40px;padding-right: 40px;} } @media (min-width:768px) and (max-width:1279px) { .group_home .header_menu{max-width: calc(100%); flex: 0 0 calc(100%);} .group_home .header_menu .mega-menu .menu-logo > li > a{padding-left: 25px;padding-right: 25px;} } @media (min-width:768px) and (max-width:1152px) { .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger{height: 55px;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{height: auto;} /*.group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4){top: 18px; right: 160px;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){right: 110px;}*/ .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2){top: 18px; right: 60px;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1){top: 18px;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a i.fa, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a i.fa/*, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i.fa, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a i.fa*/{padding: 0;} } @media (min-width:768px) and (max-width:991px) { .group_home .header_menu .mega-menu .menu-logo > li > a {padding-left: 15px;padding-right: 15px;} .group_home .header_menu .mega-menu .menu-logo > li > a img{height: 90px;} .group_home .header_menu .mega-menu .menu-links{margin-right: 5px;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger {height: 50px; margin-top: 40px;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{margin-top: 0;} /*.group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4), */ .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2){top: 18px;} /*.group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){top: 16px;}*/ .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){margin: 0; height: auto;right: 210px; top: 15px;} .group_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a{text-shadow: 0px 0px 5px transparent; color: rgba(0, 0, 0, 0.7);} } /*member*/ body.member_home, body.member_home > .web-page-frame{min-height: 100vh;} body.member_home > .web-page-frame .row.footer {position: sticky; top: 100vh;} .member_home .signin_width{margin-top: 200px;} .member_home .width-460{margin-top: 200px;margin-bottom: 150px;} .member_home .container.member_width{margin-top: 70px;} @media (min-width:768px) and (max-width:1920px) { .member_home .header_logobox, .D_member_my_index .header_logobox { display: none !important;} .member_home .header_menu, .D_member_my_index .header_menu {max-width: 100%; flex: 0 0 100%;} .member_home .header_menu .mega-menu > section.menu-list-items, .D_member_my_index .header_menu .mega-menu > section.menu-list-items {background: #fff;} .member_home .header_menu .mega-menu .menu-logo, .D_member_my_index .header_menu .mega-menu .menu-logo {display: table;width: auto;} .member_home .header_menu .mega-menu .menu-logo > li > a, .D_member_my_index .header_menu .mega-menu .menu-logo > li > a {display: table; padding: 15px 20px; background: #d8df2d;} .member_home .header_menu .mega-menu .menu-logo > li > a img, .D_member_my_index .header_menu .mega-menu .menu-logo > li > a img { width: auto; height: 45px; position: unset;} .member_home .header_menu .mega-menu .menu-links, .D_member_my_index .header_menu .mega-menu .menu-links {border: none;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger {height: 75px;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger > a, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger > a { color: #121212;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a */{ width: 36px; justify-content: center;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a::after, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a::after/*, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a::after, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a::after*/, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a::after, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a::after/*, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a::after, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a::after */{ content: ''; display: inline-block; width: 36px; height: 36px; background: #eee; border-radius: 20px; position: absolute; left: 0; z-index: 0; } .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger > a i.fa, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger > a i.fa { font-size: 21px; z-index: 1; opacity: 1;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i, /*.D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i {background-image: url(https://materials.fillo.com.tw/materials/cowelltrip/images/1ac17a6a-44b7-4f22-86a1-db9811d30d95.svg); background-repeat: no-repeat; background-size: 22px; background-position: center; width: 22px; height: 22px; display: inline-block !important;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i::before, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i::before { display: none;}*/ .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger > a img, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger > a img { display: none;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover i, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover i/*, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover i*/, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover i, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover i/*, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover i *//*{ color: #fff;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i { display: none !important;}*/ /*.member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover img, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover img { display: inline-block; position: relative; z-index: 1; opacity: 1; width: 22px;}*/ .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover::after, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover::after { background-color: #ff0000;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover::after, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover::after { background-image: url(https://materials.fillo.com.tw/materials/golden/images/7fd71cec-e088-4722-b806-529ab3a8674b.jpg); background-size: auto 100%;} /*.member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover::after, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover::after { background-color: #00c300;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover::after, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover::after { background-color: #1877f2;}*/ } @media (min-width:768px) and (max-width:1360px) { .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/{margin-left: 10px;} } @media (min-width:768px) and (max-width:1279px) { .member_home .header_menu, .D_member_my_index .header_menu{max-width: calc(100%); flex: 0 0 calc(100%);} } @media (min-width:768px) and (max-width:1152px) { .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger{height: 40px; margin-top: 35px;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{height: auto;} /*.member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4){top: 15px; right: 160px;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){right: 110px;top: 10px;}*/ .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2){top: 15px; right: 60px;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1){top: 15px;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/{width: 30px;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a i.fa, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a i.fa/*, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i.fa, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a i.fa*/, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a i.fa, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a i.fa/*, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i.fa, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a i.fa*/{padding: 0;font-size: 16px;} /*.member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i{background-size: 19px;}*/ .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a::after, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a::after/*, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a::after, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a::after*/, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a::after, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a::after/*, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a::after, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a::after*/{width: 30px;height: 30px;} } @media (min-width:768px) and (max-width:991px) { .member_home .header_menu .mega-menu .menu-logo > li > a, .D_member_my_index .header_menu .mega-menu .menu-logo > li > a {padding-left: 15px;padding-right: 15px;} .member_home .header_menu .mega-menu .menu-links, .D_member_my_index .header_menu .mega-menu .menu-links{margin-right: 5px;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger {height: 40px; margin-top: 35px;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{margin-top: 0;} /*.member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4), */ .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2), /*.D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4), */ .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2){top: 15px;} /*.member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){top: 11px;}*/ .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){margin: 0; height: auto;right: 210px; top: 10px;} .member_home .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .D_member_my_index .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a{text-shadow: 0px 0px 5px transparent; color: rgba(0, 0, 0, 0.7);padding: 0 0 5px;} } .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;} } /*header*/ .row.header{position: fixed; width: 100%; z-index: 9999;} .header_wrap .module-container > .main.row{justify-content: space-between;} .header_logobox{max-width: 200px; flex: 0 0 250px;} .header_logobox a{display: table; margin: auto; padding: 3px 0;} .header_logobox a img.img-fluid{height: 80px;} .header_menu .mega-menu > section.menu-list-items{background: none;} .header_menu .mega-menu .menu-logo{display: none;} .header_menu .mega-menu .menu-links{float: right; margin-right: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);} .header_menu .mega-menu .menu-links > li.hoverTrigger{height: 80px;background-color: transparent;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a{position: relative;height: 100%; display: flex; align-items: center; font-size: 20px; letter-spacing: 1px;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a::before{content: ''; display: block; left: 0; right: 100%; bottom: 0; position: absolute; background-color: #d8df2d; height: 3px; transition: .3s;} .header_menu .mega-menu .menu-links > li.hoverTrigger:hover > a{font-weight: bold;} .header_menu .mega-menu .menu-links > li.hoverTrigger:hover > a::before{right: 0;transition: .3s;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a i.fa{font-size: 22px;opacity: .7;transition: .3s;} .header_menu .mega-menu .menu-links > li.hoverTrigger:hover > a i.fa{opacity: 1;transition: .3s;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a img{width: 24px; opacity: .7;transition: .3s;} .header_menu .mega-menu .menu-links > li.hoverTrigger:hover > a img{opacity: 1;transition: .3s;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/{padding: 0; margin-left: 20px;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a::before, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a::before/*, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a::before, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a::before*/{display: none;} .header_menu .mega-menu .menu-links > li.hoverTrigger .mg-drop-down.col-12{max-width: 926px; right: 205px; left: unset;background-color: rgba(255, 255, 255, 0.9);} .header_menu .mega-menu .menu-links > li.hoverTrigger .mg-drop-down.col-12 .megamenu_box{display: flex; flex-wrap: wrap;} .header_menu .mega-menu .menu-links li.hoverTrigger .mg-drop-down .list_box{margin: 0; width: 50%;padding: 8px 12px;} .header_menu .mega-menu .menu-links li.hoverTrigger .mg-drop-down .list_box h4{margin-bottom: 5px; padding-left: 8px; border-left: 4px solid #922288; line-height: 1.3; padding-top: 0; margin-top: 0.45rem; color: #922288; font-size: 18px;} .header_menu .mega-menu .menu-links li.hoverTrigger .mg-drop-down .list_box ul{display: table; width: 100%; margin-bottom: 0;} .header_menu .mega-menu .menu-links li.hoverTrigger .mg-drop-down .list_box ul li{margin: 5px 0; width: auto; float: left; padding: 0 10px; border-right: 1px solid #999; line-height: 1.3;} .header_menu .mega-menu .menu-links li.hoverTrigger .mg-drop-down .list_box ul li p{color: #333; font-size: 15px;} .row.header.gizle{background-color: #fff;} .row.header.gizle .header_logobox{display: none !important;} .row.header.gizle .header_menu{max-width: 100%;flex: 0 0 100%;} .row.header.gizle .header_menu .mega-menu > section.menu-list-items{background: #fff !important;} .row.header.gizle .header_menu .mega-menu .menu-logo{display: table; width: auto;} .row.header.gizle .header_menu .mega-menu .menu-logo > li > a{display: table; padding: 15px 20px; background: #d8df2d;} .row.header.gizle .header_menu .mega-menu .menu-logo > li > a img{width: auto; height: 45px; position: unset;} .row.header.gizle .header_menu .mega-menu .menu-links{border: none;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger{height: 75px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger > a{color: #121212;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/{width: 36px; justify-content: center;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a::after, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a::after/*, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a::after, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a::after*/{content: ''; display: inline-block; width: 36px; height: 36px; background: #eee; border-radius: 20px; position: absolute; left: 0; z-index: 0;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger > a i.fa{font-size: 21px;z-index: 1;opacity: 1;} /*.row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i{background-image: url(https://materials.fillo.com.tw/materials/cowelltrip/images/1ac17a6a-44b7-4f22-86a1-db9811d30d95.svg); background-repeat: no-repeat; background-size: 22px; background-position: center; width: 22px; height: 22px; display: inline-block !important;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i::before{display: none;}*/ .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger > a img{display: none;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover i, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover i/*, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover i*/{color: #fff;} /*.row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover i{display: none !important;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover img{display: inline-block; position: relative; z-index: 1; opacity: 1; width: 22px;}*/ .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a:hover::after{background-color: #ff0000;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a:hover::after{background-image: url(https://materials.fillo.com.tw/materials/golden/images/7fd71cec-e088-4722-b806-529ab3a8674b.jpg); background-size: auto 100%;} /*.row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a:hover::after{background-color: #00c300;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a:hover::after{background-color: #1877f2;}*/ @media (max-width:1499px) { .header_logobox {max-width: 200px; flex: 0 0 200px;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a{padding: 0 15px;} } @media (max-width:1360px) { .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/{margin-left: 10px;} .row.header.gizle .header_menu .mega-menu .menu-logo > li > a{padding-left: 40px;padding-right: 40px;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a{font-size: 18px;padding:0 10px;} } @media (max-width:1279px) { .header_logobox{max-width: 170px; flex: 0 0 170px;} .header_menu{max-width: calc(100% - 170px); flex: 0 0 calc(100% - 170px);} .row.header.gizle .header_menu{max-width: calc(100%); flex: 0 0 calc(100%);} .row.header.gizle .header_menu .mega-menu .menu-logo > li > a{padding-left: 25px;padding-right: 25px;} } @media (max-width:1199px) { .header_menu .mega-menu .menu-links{margin-right: 15px;} } @media (max-width:1152px) { .header_menu .mega-menu .menu-links{position: relative;} .header_menu .mega-menu .menu-links > li.hoverTrigger{height: 45px; margin-top: 35px;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{height: auto; position: absolute; margin-top: 0;} /*.header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4){right: 145px; top: 15px;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){right: 100px; top: 12px;}*/ .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2){right: 55px; top: 15px;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1){right: 10px; top: 15px;} .header_menu .mega-menu .menu-links > li.hoverTrigger .mg-drop-down.col-12{max-width: 100%; right: 0px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger{height: 40px;margin-top: 35px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{height: auto;margin-top: 0;} /*.row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4){top: 15px; right: 160px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){right: 110px;top: 10px;}*/ .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2){top: 15px; right: 60px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1){top: 15px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/{width: 30px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a i.fa, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a i.fa/*, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i.fa, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a i.fa*/{padding: 0;} } @media (max-width:991px) { .header_logobox { max-width: 140px; flex: 0 0 140px;} .header_logobox a img.img-fluid { height: 75px;} .header_menu { max-width: calc(100% - 140px); flex: 0 0 calc(100% - 140px);} .header_menu .mega-menu .menu-links{margin-right: 10px;} .header_menu .mega-menu .menu-links > li.hoverTrigger { height: 45px; margin-top: 35px;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a{font-size: 17px; padding: 0 8px; letter-spacing: 0;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2), /*.header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4){top: 15px;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){top: 11px;}*/ .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){position: absolute; margin-top: 0; height: auto; right: 180px; top: 12px;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a{line-height: initial; font-size: 16px; text-shadow: 0px 0px 5px #d8df2d;} .row.header.gizle .header_menu .mega-menu .menu-logo > li > a {padding-left: 15px;padding-right: 15px;} .row.header.gizle .header_menu .mega-menu .menu-logo > li > a img{height: 45px;} .row.header.gizle .header_menu .mega-menu .menu-links{margin-right: 5px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger {height: 40px; margin-top: 35px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{margin-top: 0;} /*.row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4), */ .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2){top: 15px;} /*.row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){top: 11px;}*/ .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){margin: 0; height: auto;right: 215px; top: 10px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a{text-shadow: 0px 0px 5px transparent; color: rgba(0, 0, 0, 0.7);padding: 0 0 5px;} } @media (min-width: 768px) and (max-width: 1152px){ .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger > a i.fa {font-size: 16px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a::after, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a::after/*, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a::after, .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a::after*/{width: 30px;height: 30px;} .row.header.gizle .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a i.fa{width: 22px; height: 22px;background-size: 19px;} } @media (max-width:767px) { .header_menu{max-width: 100%; flex: 0 0 100%;} .header_menu .mega-menu > section.menu-list-items{background-color: #d8df2d !important;} .header_menu .mega-menu .menu-logo{display: inline-block;} .header_menu .mega-menu .menu-logo > li > a{height: 60px; padding: 0 15px; background: #d8df2d;} .header_menu .mega-menu .menu-logo > li > a:hover{background-color: #d8df2d;} .header_menu .mega-menu .menu-logo > li > a img{position: unset; height: 45px; width: auto;margin-top: 7px;} .header_menu .mega-menu .menu-mobile-collapse-trigger{width: 44px; border-radius: 50px; background: #fff; height: 44px; margin-top: 8px; margin-right: 15px;} .header_menu .mega-menu .menu-mobile-collapse-trigger:hover{background: #922288;} .header_menu .mega-menu .menu-mobile-collapse-trigger:before, .header_menu .mega-menu .menu-mobile-collapse-trigger:after, .header_menu .mega-menu .menu-mobile-collapse-trigger span{height: 1px; width: 23px; background: #922288;top: 13px} .header_menu .mega-menu .menu-mobile-collapse-trigger span {top: 21px;} .header_menu .mega-menu .menu-mobile-collapse-trigger:after{top: 29px;} .header_menu .mega-menu .menu-mobile-collapse-trigger:hover:before, .header_menu .mega-menu .menu-mobile-collapse-trigger:hover:after, .header_menu .mega-menu .menu-mobile-collapse-trigger:hover span{background: #fff;} .header_menu .mega-menu .menu-mobile-collapse-trigger.active:before{transform: rotate(45deg); width: 27px; left: 7px; top: 12px;} .header_menu .mega-menu .menu-mobile-collapse-trigger.active:after{transform: rotate(-45deg); width: 27px;left: 7px; top: 31px;} .header_menu .mega-menu .menu-links{background: rgb(255, 255, 255); margin: 0px;padding: 15px;flex-direction: unset; justify-content: center; display: flex; flex-wrap: wrap;} .header_menu .mega-menu .menu-links > li.hoverTrigger{height: auto;margin: 3px 0;width: 100%;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a{align-items: baseline; height: auto;color: #000; line-height: 1.5; letter-spacing: 1px;padding: 5px 8px;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a i.fa.fa-angle-down{right: 0; padding: 3px 8px;height: auto; line-height: 1.5;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1), .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2)/*, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3), .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4)*/{position: unset;margin: 1rem 5px 0; flex: 0 0 40px; width: 40px; max-width: initial;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(1) > a, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(2) > a/*, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a, .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(4) > a*/{padding: 0;margin-left: 10px;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3){position: unset; margin: 5px 0;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a{font-size: 17px;text-shadow: none;} .header_menu .mega-menu .menu-links > li.hoverTrigger > a i.fa{opacity: 1;} /*.header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a{background-image: url(https://materials.fillo.com.tw/materials/cowelltrip/images/1ac17a6a-44b7-4f22-86a1-db9811d30d95.svg); background-repeat: no-repeat; background-size: 22px; background-position: center; width: 22px; height: 22px; display: inline-block !important; margin-top: -3px; margin-left: 5px;} .header_menu .mega-menu .menu-links > li.hoverTrigger:nth-last-child(3) > a img{display: none;}*/ .header_menu .mega-menu .menu-links > li.hoverTrigger .mg-drop-down.col-12{padding: 0;} .header_menu .mega-menu .menu-links li.hoverTrigger .mg-drop-down .list_box{width: 100%;} .header_menu .mega-menu .menu-links li.hoverTrigger .mg-drop-down .list_box h4{font-size: 17px;} .header_menu .mega-menu .menu-links li.hoverTrigger .mg-drop-down .list_box ul li{margin: 3px 0;} } /*footer*/ .footer_companyinfo .footer-wrap .footer_center { padding-bottom: 1.5rem; background: #f2f3ee; } .footer_companyinfo .footer-wrap .fnav_wrap, .footer_companyinfo .footer-wrap .icon_wrap, .footer_companyinfo .footer-wrap .fb-info, .footer_companyinfo .footer-wrap .footer_sbox { display: none; } .footer_companyinfo .footer-wrap .company-info{ max-width: 45%; flex: 0 0 45%; flex-wrap: wrap; } .footer_companyinfo .footer-wrap .contact-info { max-width: 55%; flex: 0 0 55%; flex-wrap: wrap; } .footer_companyinfo .footer-wrap .contact-info .contact-box:nth-child(odd) { flex: 0 0 40%; } .footer_companyinfo .footer-wrap .contact-info .contact-box:nth-child(even) { flex: 0 0 60%; } .footer_companyinfo .footer-wrap .info_box h3 { font-family: 'Noto Serif TC', 'Cormorant SC', serif !important; font-size: 18px; letter-spacing: 0.1rem; margin-bottom: 1rem; } .footer_companyinfo .footer-wrap .info_box p { margin-bottom: 3px; color: #888888; font-family: 'Noto Serif TC', 'Cormorant SC', serif !important; letter-spacing: 0.05rem; } .footer_companyinfo .footer-wrap .contact-box { flex: 0 0 50%; margin-top: 0.5rem; margin-bottom: 0.1rem !important; } .footer_companyinfo .footer-wrap .contact-box h2 { font-size: 13px; font-weight: normal; margin-bottom: 5px; font-family: 'Noto Serif TC', 'Cormorant SC', serif !important; letter-spacing: 0.05rem; } .footer_companyinfo .footer-wrap .contact-box h4 { font-size: 15.5px; margin: 5px 0 0; color: #111; padding-left: 0; font-family: 'Noto Serif TC', 'Cormorant SC', serif !important; letter-spacing: 0.05rem; } .footer_copyiconsWRAP>.module-container, .footer_copyiconsWRAP>.module-container>.main.row { height: 100%; } .footer_copyiconsWRAP>.module-container>.main.row::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(20, 20, 20, 0.85); backdrop-filter: saturate(0.2); } .footer_copyicons div.link-list { background: none; } .footer_copyicons div.link-list ul { padding-left: 15px; } .footer_copyicons div.link-list ul li a, .footer_copyicons div.link-list ul li span { padding: 8px 10px 0px 10px; } .footer_copyicons div.link-list ul li i { font-size: 1.55rem; margin-right: 0px; } .footer_copyicons div.link-list ul li:nth-child(2) a { font-size: 0 !important; } .footer_copyicons div.link-list ul li:nth-child(2) i::after { content: ''; display: block; width: 24px; height: 22px; background-image: url(https://materials.fillo.com.tw/materials/venicevacation/images/f481bed9-21b8-4ddf-8f61-0e58dc54d764.svg); background-size: 100%; } .footer_copyicons div.link-list ul li span { color: #aaaaaa !important; font-weight: lighter; letter-spacing: 0; line-height: 1.5; } @media (max-width:1440px) { .footer_companyinfo, .footer_copyicons { max-width: 100%; flex: 0 0 100%; } .footer_companyinfo .footer-wrap .company-info .info_box .info-text { flex: 0 0 100%; max-width: 100%; } } @media (max-width:991px) { .footer_copyicons div.link-list ul { padding-left: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; } .footer_copyicons div.link-list ul li a { padding: 1.5rem 10px 5px 10px; line-height: 1.5; } .footer_copyicons div.link-list ul li:nth-last-child(1) { width: 100%; text-align: center; } .footer_copyicons div.link-list ul li span { padding: 0 0 1rem; } } @media (max-width:767px) { .footer_companyinfo .footer-wrap .company-info, .footer_companyinfo .footer-wrap .contact-info { max-width: 100%; flex: 0 0 100%; } .footer_companyinfo .footer-wrap .company-info .info_box .info-text { text-align: center; } .footer_companyinfo .footer-wrap .contact-box { flex: 0 0 100% !important; } .footer_companyinfo .footer-wrap .contact-box { text-align: center; } } /*side_bar*/ .web_sidebar .side_box .side_bar{background: rgba(0, 0, 0, 0.5); border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 12px; border-bottom-left-radius: 12px; padding-top: 0; padding-bottom: 0; width: 55px; box-shadow: 1px 1px 15px rgba(255, 255, 255, 0.5);} .web_sidebar .side_box .side_bar li{position: relative; display: flex; align-items: center; justify-content: center; padding: 15px 0;} .web_sidebar .side_box .side_bar li a img.img-fluid{width: 30px;display: table;} .web_sidebar .side_box .side_bar li a p{margin: 0;} .web_sidebar .actGotop{right: 0px; width: 55px; height: 55px;bottom: 110px;} .web_sidebar .actGotop a, .web_sidebar .actGotop a:link{width: 55px; height: 55px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 12px; border-bottom-left-radius: 12px; position: relative;} .web_sidebar .actGotop a::before, .web_sidebar .actGotop a:link::before{content: ''; display: block; width: 17px; height: 17px; border-top: 2px solid #D8DF2D; border-right: 2px solid #D8DF2D; transform: rotate(-45deg); position: absolute; left: calc(50% - 9px); top: 18px;} .web_sidebar .actGotop a::after, .web_sidebar .actGotop a:link::after{content: ''; display: block; width: 24px; height: 2px;background: #D8DF2D; position: absolute; bottom: 18px; left: calc(50% - 12px);} @media (min-width:768px) { .web_sidebar .side_box .side_bar li:nth-child(1)::before { content: ''; display: block; width: 100px; height: 100px; background-image: url(https://materials.fillo.com.tw/materials/venicevacation/images/dec35137-71fd-449f-9c0b-b5f1d7569f38.jpg); background-size: 100%; background-repeat: no-repeat; position: absolute; right: 55px; border-radius: 4px; opacity: 0; transition: .3s; } .web_sidebar .side_box .side_bar li:nth-child(1)::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #ffffff; position: absolute; right: 47px; top: calc(50% - 5px); opacity: 0; transition: .3s; } /*.web_sidebar .side_box .side_bar li:nth-child(1):hover::before, .web_sidebar .side_box .side_bar li:nth-child(1):hover::after{opacity: 1; transition: .3s;}*/ } @media (max-width:575px) { .web_sidebar .side_box{bottom: 160px;} .web_sidebar .side_box .side_bar{width: 45px;} .web_sidebar .side_box .side_bar li{padding: 10px 0;} .web_sidebar .actGotop, .web_sidebar .actGotop a, .web_sidebar .actGotop a:link{width: 45px;height: 45px;} .web_sidebar .actGotop a::before, .web_sidebar .actGotop a:link::before{width: 14px; height: 14px;left: calc(50% - 7px); top: 16px;} .web_sidebar .actGotop a::after, .web_sidebar .actGotop a:link::after{width: 20px;bottom: 15px; left: calc(50% - 10px);} } /*slider*/ .slider_box .carousel-inner, .slider_box .carousel-fade .carousel-item, .slider_box .carousel-fade .carousel-item picture img{height: 100vh;max-width: 100%; object-fit: cover; object-position: center center;} .slider_box .carousel-fade .carousel-item .carousel-caption{bottom: unset;transform: translate(0px, -50%); top: 50%;display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center;} .slider_box .carousel-fade .carousel-item .carousel-caption h5{width: 100%; font-size: 2.8rem; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); letter-spacing: 1px;} .slider_box .carousel-fade .carousel-item .carousel-caption h4{width: 100%; order: -1; font-size: 1.8rem; letter-spacing: 0.5px;} .slider_box .carousel-fade .carousel-item .carousel-caption h6{ padding: 12px 24px; margin-top: 2.5rem; border: 1px solid #fff; background-color: rgba(0, 0, 0, 0.5); font-size: 21px; letter-spacing: 0.5px; line-height: 1.5; position: relative;} .slider_box .carousel-fade .carousel-item .carousel-caption h6::before{content: '';display: block;width: 1px;height: 2.5rem;background-color: #fff;position: absolute;left: 50%;top: -1.9rem;} .slider_box .carousel-control-next, .slider_box .carousel-control-prev{opacity: 1;} .slider_box .carousel-control-next .carousel-control-next-icon{background-image: unset; width: 33px; height: 11px; border-right: 3px solid #fff; border-bottom: 2px solid #fff; transform: skew(45deg); margin-left: -9px; margin-top: -7px;} .slider_box .carousel-control-prev .carousel-control-prev-icon{background-image: unset; width: 33px; height: 11px; border-left: 3px solid #fff; border-bottom: 2px solid #fff; transform: skew(-45deg); margin-left: 7px; margin-top: -7px;} .slider_box .carousel-control-next .sr-only, .slider_box .carousel-control-prev .sr-only{width: 60px; height: 60px; display: block; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50px; overflow: unset; clip: unset; font-size: 0; left: 50%; top: 50%;transform: translate(-50%, -50%);} .slider_box .carousel-indicators{display: none;} @media (max-width:767px) { .slider_box{margin-top: 60px;} .slider_box .carousel-inner, .slider_box .carousel-fade .carousel-item, .slider_box .carousel-fade .carousel-item picture img{height: calc(100vh - 60px);} .slider_box .carousel-fade .carousel-item .carousel-caption{top: unset; bottom: 1.5rem; transform: unset;} .slider_box .carousel-fade .carousel-item .carousel-caption h5{font-size: 1.8rem;} .slider_box .carousel-fade .carousel-item .carousel-caption h4{font-size: 1.3rem;} .slider_box .carousel-fade .carousel-item .carousel-caption h6{padding: 8px 20px; margin-top: 1.5rem;font-size: 16px;} .slider_box .carousel-fade .carousel-item .carousel-caption h6::before{height: 2rem;top: -1.5rem;} .slider_box .carousel-control-prev .carousel-control-prev-icon, .slider_box .carousel-control-next .carousel-control-next-icon{width: 28px; height: 10px;} .slider_box .carousel-control-next .sr-only, .slider_box .carousel-control-prev .sr-only{width: 50px;height: 50px;} } /*search*/ .search_tabs ul.nav-pills{width: 1440px; margin: auto; margin-top: -115px; z-index: 9; position: relative;} .search_tabs .nav-pills .nav-link{font-size: 21px; letter-spacing: 1px; padding: 0.5rem 2rem; border-radius: 0; border-top-left-radius: 12px; background-color: #922288; color: #fff;} .search_tabs .nav-pills .nav-link.active, .search_tabs .nav-pills .show>.nav-link{background-color: #fff; color: #922288;} .idx_search_box{margin-top: -67px; z-index: 9;} .idx_search_box .group_banner.search_banner .search-area > .container{background-color: #fff; border: none; border-bottom-right-radius: 12px;} .idx_search_box section.group_banner .search-area .search-box{margin:1rem 0 1.7rem;} .idx_search_box section.group_banner .search-area .search-box > div{flex: 1;} .idx_search_box section.group_banner .search-area .search-box > div:nth-child(4), .inbound_search section.group_banner .search-area .search-box > div:nth-child(3){flex: 2;} .idx_search_box section.search_banner .search-area .search-box .select-goal, .idx_search_box section.search_banner .search-area .search-box .select-place, .idx_search_box section.group_banner .search-area .search-box .select-date, .inbound_search section.group_banner .search-area .search-box .select-departure, .inbound_search section.group_banner .search-area .search-box .select-destination{padding: 5px;} .idx_search_box section.group_banner .search-area .search-box .select-goal .title, .idx_search_box section.group_banner .search-area .search-box .select-place .title, .idx_search_box section.group_banner .search-area .search-box .select-date .title, .inbound_search section.group_banner .search-area .search-box .select-departure .title, .inbound_search section.group_banner .search-area .search-box .select-destination .title{display: table;} .idx_search_box .search-area .search-box .select-place .title i, .idx_search_box .search-area .search-box .select-goal .title i, .idx_search_box .search-area .search-box .select-date .title i, .inbound_search section.group_banner .search-area .search-box .select-departure .title i, .inbound_search section.group_banner .search-area .search-box .select-destination .title i{display: none;} .idx_search_box section.group_banner .search-area .search-box .select-goal .title h6, .idx_search_box section.group_banner .search-area .search-box .select-place .title h6, .idx_search_box section.group_banner .search-area .search-box .select-date .title h6, .inbound_search section.group_banner .search-area .search-box .select-departure .title h6, .inbound_search section.group_banner .search-area .search-box .select-destination .title h6{margin: 0; font-size: 17px; margin-bottom: 8px;} .idx_search_box .search-area .search-box .select-place .select select, .idx_search_box .search-area .search-box .select-goal .select select, .idx_search_box section.group_banner .search-area .search-box .select-date .select input, .inbound_search section.group_banner .leftPark input{background-color: #f0f0f0 !important; height: 38px; padding: 5px 10px; border-radius: 4px;} .inbound_search section.group_banner .leftPark input{background-size: 10px; background-position: center right 10px;} .idx_search_box section.group_banner .search-area .search-box .select-date .select input{width: calc(50% - 8px);} .idx_search_box .search-area .search-box .select-date .select .divide{background: #f0f0f0; margin: 17.5px 0px 0px 0px;} .idx_search_box section.group_banner .search-area .search-box .select-input{padding: 6px 5px;} .idx_search_box section.search_banner .search-area .search-box .select-input .data-icon-search{position: unset; display: table;} .idx_search_box section.search_banner .search-area .search-box .select-input .data-icon-search::before{content: '關鍵字'; width: auto; color: #666; font-size: 17px; letter-spacing: 1px; margin: 0;} .idx_search_box section.group_banner .search-area .search-box .select-input > input{height: 38px; background-color: #f0f0f0; border-radius: 4px; padding: 5px 10px;} .idx_search_box section.group_banner .search-area .search-box .select-status{bottom: -10px;} .idx_search_box section.group_banner .form-check .customcheck input:checked ~ .checkmark{background-color: #58BDD9;} .idx_search_box section.group_banner .search-area .search-box .search-btn{line-height: 55px; height: 55px; margin-top: 15px; border-radius: 8px; background-color: #fff; border: 1px solid #d8df2d; color: #bcc401;} .idx_search_box .search-area .search-box .search-btn h5{font-size: 0;} .idx_search_box .search-area .search-box .search-btn h5::before{content: '開始搜索'; font-size: 20px; font-weight: bold; line-height: 55px;} .idx_search_box .search-area .search-box .search-btn i{display: none;} @media (max-width:1499px) { .search_tabs ul.nav-pills{width: 1200px;} .idx_search_box .group_banner.search_banner .search-area > .container{max-width: 1200px;} } @media (max-width:1279px) { .search_tabs ul.nav-pills{width: 95%;} .idx_search_box .group_banner.search_banner .search-area > .container{max-width: 95%;} } @media (max-width:1199px) { .idx_search_box section.group_banner .search-area .search-box{margin-bottom: 2.5rem;} .idx_search_box section.group_banner .search-area .search-box > div{flex: 0 0 33.333333%;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(1){flex: 0 0 20%;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(2){position: absolute; width: auto; padding-bottom: 0; bottom: -23px; right: 20%;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(3), .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(4){flex: 0 0 40%;} .inbound_search section.group_banner .search-area .search-box > div:nth-child(1), .inbound_search section.group_banner .search-area .search-box > div:nth-child(2){flex: 0 0 50%;} } @media (max-width:767px) { .idx_search_box section.group_banner.search_banner{width: 100%;} .search_tabs .module-container > .main.row{background-image: url(https://materials.fillo.com.tw/materials/venicevacation/images/230ecfd5-91f9-4ca2-b484-f854976fb271.jpg);} .search_tabs ul.nav-pills{margin-top: 2rem;} .idx_search_box{margin-top: 0;} .idx_search_box section.group_banner .search-area .search-box {margin-bottom: 1.5rem;} .idx_search_box section.group_banner .search-area .search-box > div, .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(3), .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(4){flex: 0 0 50%;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(3) .mic_icon{top: unset; bottom: 16px;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(2){position: unset; width: 20%; flex: 0 0 20%; flex-wrap: wrap; justify-content: flex-start; align-content: center;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(2) .form-check{margin: 5px 0;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(1){flex: 0 0 30%;} .inbound_search.idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(2){flex: 0 0 70%; padding-top: 0;} .inbound_search.idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(2) .form-check{margin-left: 30px;} .inbound_search.idx_search_box section.group_banner .search-area .search-box .search-btn{margin-top: 5px;} } @media (max-width:575px) { .idx_search_box section.group_banner .search-area .search-box > div, .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(3), .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(4){flex: 0 0 100%;} .idx_search_box section.group_banner .search-area .search-box .select-date .select, .inbound_search.idx_search_box .search-area .search-box .select-date .select{width: 100%;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(2){width: 100%; flex: 0 0 100%; justify-content: flex-end;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(2) .form-check {margin: 0px 0 0 30px;} .idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(1){flex: 0 0 100%;} .inbound_search.idx_search_box section.group_banner .search-area .search-box > div:nth-last-child(2) { flex: 0 0 100%; padding-top: 5px;} .inbound_search section.group_banner .search-area .search-box > div:nth-child(1), .inbound_search section.group_banner .search-area .search-box > div:nth-child(2){flex: 0 0 100%;} } /*block title*/ .block_title{margin-top: 3rem;margin-bottom: 2rem;} .block_title section.text-link h2{font-family: 'Lobster', cursive !important; letter-spacing: 1px; margin-bottom: 0;} .block_title div.link-list{background: none;} .block_title div.link-list ul{text-align: center;} .block_title div.link-list ul li a, .block_title div.link-list ul li span{padding: 5px 0;} .block_title div.link-list ul li i{display: none;} /*featured*/ .featured_wrap .main.row::before { content: ''; display: block; left: 0; right: 0; top: 0%; position: absolute; bottom: 0; background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(bottom, rgb(255 255 255) 10%,rgba(255,255,255,0) 100%); background: linear-gradient(to top, rgb(255 255 255) 10%,rgba(255,255,255,0) 100%); } .featured_box .hover-wall .htpro_tit{display: none;} .featured_box .hover-wall .icon_info{ border-radius: 0; border-top-left-radius: 20px;} .featured_box .hover-wall .icon_info::after { content: ''; display: block; height: 2px; background: #d8df2d; position: absolute; bottom: 0; left: 0; right: 100%; transition: .3s;} .featured_box .hover-wall .icon_info:hover::after{right: 0;transition: .3s;} .featured_box .hover-wall .icon_info a{display: flex;flex-wrap: wrap;} .featured_box .hover-wall .icon_info figure{border-bottom-right-radius: 20px;margin-bottom: 0;} .featured_box .hover-wall figure .overlay{display: none;} .featured_box .hover-wall .icon_info h3{padding: 15px 20px 0; font-weight: normal; font-size: 20px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; order: 1; margin-bottom: 18px;} .featured_box .hover-wall .icon_info h4{margin-bottom: 0;background: #e8d0e5;font-size: 18px;font-style: unset;letter-spacing: 1px;padding: 11px 20px 10px;margin-top: -40.5px;position: relative;display: table;line-height: 1;} @media (max-width:1279px) { .featured_box {max-width: 91.666667%;flex: 0 0 91.666667%;} } @media (max-width:991px) { .featured_box{max-width: 95%; flex: 0 0 95%;} } @media (max-width:767px) { .featured_box .hover-wall .icon_info h4{margin-top: 0;} } /*country*/ .country_title .module-container .main .bgfixed::before { content: ''; display: block; background-image: url(https://materials.fillo.com.tw/materials/venicevacation/images/d6bc9b71-0f6e-4109-8dbe-a32a21320b7d.png); position: absolute; top: 0; bottom: 0; right: 0; left: 50%; background-size: 100% 100%;} .country_title .module-container .main .bgfixed > div::before{content: ''; display: block; position: absolute; top: 0; bottom: calc(50% + 61px); width: 1px; background-color: rgba(255, 255, 255, 0.65); left: calc(25% + 100px);} .country_title .module-container .main .bgfixed > div::after{content: ''; display: block; position: absolute; bottom: 0; top: calc(50% + 61px); width: 1px; background-color: rgba(255, 255, 255, 0.65); left: calc(25% + 100px);} .country_title .module-container .main .bgfixed > div section{margin-left: 25%; width: auto; display: table; padding: 2.5rem 2rem; border-top: 1px solid rgba(255, 255, 255, 0.65);; border-bottom: 1px solid rgba(255, 255, 255, 0.65);} .country_title .module-container .main .bgfixed > div section h2{margin: 0; font-weight: bold;font-size: 34px;} .country_box{margin-left: -8.33333333%;} .country_box .swiper-container{margin-top: 30px;} .country_box .swiper-slide-style{border-radius: 0; border-top-left-radius: 28px; overflow: hidden; background: none; box-shadow: none;} .country_box .swiper-slide .swiper-img{margin-bottom: 0; background-color: #000;} .country_box .swiper-slide .swiper-img img{border-radius: 0;opacity: 1;transition: .3s;} .country_box .swiper-slide:hover .swiper-img img{opacity: 0.7;transition: .3s;} .country_box .swiper-slide .swiper-title{position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); padding: 13px 30px; border-bottom-right-radius: 28px; color: #fff; font-size: 21px; letter-spacing: 1px;} .country_box .swiper-slide .swiper-content{width: calc(100% - 2.5rem);margin-left: 2.5rem;background-color: #fff; padding: 15px 20px 15px 30px; position: relative;top: -2rem; right: 0;letter-spacing: 1px; color: #333; line-height: 1.3; margin-bottom: 0;} .country_box .swiper-slide .swiper-content::before{transition: .3s; content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 3px;background-color: #D8DF2D;z-index:1;} .country_box .swiper-slide:hover .swiper-content::before{width: 10px;transition: .3s;} .country_box .swiper-slide .swiper-content::after{content: ''; display: block;position: absolute; height: 15px; left: 0; right: 0; bottom: 0; background-color: #fff;} .country_box .swiper-button-prev.swiper-button-white, .country_box .swiper-button-next.swiper-button-white{bottom: 0; top: unset;font-size: 0; opacity: 1; width: 50px; height: 30px;} .country_box .swiper-button-prev.swiper-button-white{right: 145px; left: unset;} .country_box .swiper-button-next.swiper-button-white{right: 70px;} .country_box .swiper-button-prev.swiper-button-white::after { padding: 0px; font-size: 0; background: none; background-image: unset; width: 40px; height: 11px; border-left: 3px solid #919191; border-bottom: 2px solid #919191; transform: skew(-45deg);} .country_box .swiper-button-next.swiper-button-white::after { padding: 0px; font-size: 0; background: none; background-image: unset; width: 40px; height: 11px; border-right: 3px solid #919191; border-bottom: 2px solid #919191; transform: skew(45deg);} @media (max-width:1679px) { .country_title .module-container .main .bgfixed{min-height: 600px !important;} .country_title .module-container .main .bgfixed > div{min-height: 600px !important;} } @media (max-width:1499px) { .country_title .module-container .main .bgfixed{min-height: 555px !important;} .country_title .module-container .main .bgfixed > div{min-height: 555px !important;} } @media (max-width:1279px) { .country_title .module-container .main .bgfixed{min-height: 500px !important;} .country_title .module-container .main .bgfixed > div{min-height: 500px !important;} .country_title .module-container .main .bgfixed > div section{margin-left: 12.5%;} .country_title .module-container .main .bgfixed > div::before, .country_title .module-container .main .bgfixed > div::after{left: calc(12.5% + 100px);} } @media (max-width:1152px) { .country_title .module-container .main .bgfixed{min-height: 460px !important;} .country_title .module-container .main .bgfixed > div{min-height: 460px !important;} } @media (max-width:1024px) { .country_title .module-container .main .bgfixed{min-height: 425px !important;} .country_title .module-container .main .bgfixed > div{min-height: 425px !important;} .country_title .module-container .main .bgfixed > div section{margin-left: 7%;} .country_title .module-container .main .bgfixed > div::before, .country_title .module-container .main .bgfixed > div::after{left: calc(7% + 100px);} } @media (min-width:992px) and (max-width:1023px) { .country_title .module-container .main .bgfixed{min-height: 530px !important;} .country_title .module-container .main .bgfixed > div{min-height: 530px !important;} } @media (max-width:991px) { .country_title .module-container .main .bgfixed{min-height: 180px !important;} .country_title .module-container .main .bgfixed::before {content: ''; display: block; background-image: url(https://materials.fillo.com.tw/materials/venicevacation/images/535181d1-65c3-4943-af18-ec9d413122e5.png); position: absolute; background-size: 100% 100%; background-repeat: repeat; height: 40%; width: 100%; top: unset; bottom: 0; left: unset; right: unset;} .country_title .module-container .main .bgfixed > div{min-height: 180px !important;display: table;} .country_title .module-container .main .bgfixed > div::before, .country_title .module-container .main .bgfixed > div::after{display: none;} .country_title .module-container .main .bgfixed > div section{border: none;margin-left: auto; margin-right: auto; margin-top: 1rem;} .country_box{margin: 0 auto 3rem;max-width: 95%; flex: 0 0 95%;} .country_box .swiper-container{margin-top: 0;} .country_box .swiper-button-next.swiper-button-white{right: calc(50% - 70px);} .country_box .swiper-button-prev.swiper-button-white{right: unset; left: calc(50% - 70px);} } /*theme*/ .theme_tabs .blk-tabs .nav-pills .nav-link{border-radius: 0; font-size: 24px; letter-spacing: 1px; padding: 5px 2.3rem; color: #777; position: relative;} .theme_tabs .blk-tabs .nav-pills .nav-link::after{content: '';display: block;width: 5px;height: 5px;background-color: #000;border-radius: 10px;position: absolute;right: 0;top: calc(50% - 2.5px);} .theme_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .nav-link::after{display: none;} .theme_tabs .nav-pills .nav-link.active, .theme_tabs .nav-pills .show>.nav-link{color: #000; background-color: transparent; font-weight: bold;} .theme_tabs .nav-pills .nav-link.active::before, .theme_tabs .nav-pills .show>.nav-link::before{content: '';display: block;height: 3px;bottom: 0;left: 15px;right: 15px;background-color: #922288;position: absolute;} .theme_content .main.row::before{content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; backdrop-filter: opacity(0.2); background-color: #ffffff; mix-blend-mode: color;} .theme_content .main.row::after{content: ''; display: block; left: 0; right: 0; top: 0%; position: absolute; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgb(255 255 255) 10%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgb(255 255 255) 10%,rgba(255,255,255,0) 100%);} .theme_box {margin: 3rem 0;z-index: 1;} .theme_box .module_carousel{background: none;} .theme_box .module_carousel .tab_container{width: 50%; border-top-left-radius: 28px; border-bottom-right-radius: 28px;} .theme_box .country_tab .module_box_title{width: 50%;} .theme_box .country_tab .module_box_title ul{padding-top: 1rem;} .theme_box .country_tab .module_box_title ul li{padding: 10px 15px; border: none; margin-bottom: 5px;transition: .3s;} .theme_box .country_tab .module_box_title ul li:hover{background-color: #fff;} .theme_box .country_tab .module_box_title ul li a span{background: none; width: 100%; display: block; color: #000;font-size: 24px; font-weight: normal; padding: 0px 0 5px 0;} .theme_box .country_tab .module_box_title ul li:hover a span{font-weight: bold;} .theme_box .country_tab .module_box_title ul li a span::after{display: none;} .theme_box .country_tab .module_box_title ul li a p{transition: .3s; padding-left: 2.5rem; position: relative;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;} .theme_box .country_tab .module_box_title ul li:hover a p{transition: .3s; padding-left: 0;} .theme_box .country_tab .module_box_title ul li a p::before {transition: .3s; content: ''; display: block; width: 1.7rem; height: 2px; background-color: #d8df2d; position: absolute; left: 0; top: 10px;} .theme_box .country_tab .module_box_title ul li:hover a p::before{transition: .3s; width: 0;} @media (max-width:1679px) { .theme_box .country_tab .module_box_title ul{padding-top: 0;} } @media (max-width:1499px) { .theme_box .country_tab .module_box_title ul li{padding: 8px 15px;margin-bottom:0;} .theme_box .country_tab .module_box_title ul li a span{padding:0;} } @media (max-width:1279px) { .theme_box {max-width: 91.666667%;flex: 0 0 91.666667%;} } @media (max-width:991px) { .theme_box {max-width: 95%;flex: 0 0 95%;} .theme_box .module_carousel .country_content .country_tab{display: flex; flex-wrap: wrap;} .theme_box .module_carousel .country_content .country_tab .tab_content{height: 100%;} .theme_box .module_carousel .country_content .country_tab .tab_content a{height: 100%; display: block;} .theme_box .module_carousel .country_content .country_tab .tab_content a .img{height: 100%;} .theme_box .module_carousel .country_content .country_tab .tab_content a .img img{max-width: 100%; object-fit: cover; object-position: center center; height: 100%;} } @media (max-width:767px) { .theme_tabs .blk-tabs{overflow: scroll; display: block; padding: 0px 0 0 1rem; height: 50px;} .theme_tabs .blk-tabs ul.nav-pills{width: max-content; float: none; min-width: 100%; max-width: unset; flex-wrap: unset; margin: 0;} .theme_content .main.row::after{background: linear-gradient(to bottom, rgb(255 255 255) 10%,rgba(255,255,255,0.8) 100%);} .theme_box .module_carousel .tab_container{width: 100%;} .theme_box .country_tab .module_box_title{width: 100%;margin-top: 1rem;} .theme_box .country_tab .module_box_title ul li a p{-webkit-line-clamp:unset;} .theme_box .module_carousel .country_content .country_tab .tab_content, .theme_box .module_carousel .country_content .country_tab .tab_content a, .theme_box .module_carousel .country_content .country_tab .tab_content a .img, .theme_box .module_carousel .country_content .country_tab .tab_content a .img img{height: auto;} } /*activity*/ .activity_box{margin-bottom: 3rem;} .activity_box .swiper-slide-style{margin-top: 15px;box-shadow:none;border-radius: 0;border-top-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden;transition: .3s;} .activity_box .swiper-slide-style:hover{margin-top: 0px;transition: .3s;} .activity_box .swiper-slide .swiper-img{margin: 0;} .activity_box .swiper-slide .swiper-img img{border-radius: 0;} .activity_box .swiper-slide .swiper-title{ color: #922288; position: absolute; bottom: 86px; padding: 15px 20px 0; font-size: 20px; text-align: center; background-color: rgba(255, 255, 255, 0.8); width: 100%; margin: 0px;transition: .3s;} .activity_box .swiper-slide:hover .swiper-title{background-color: rgba(255, 255, 255, 1);} .activity_box .swiper-slide .swiper-content{ position: absolute; bottom: 0; margin: 0; width: 100%; background: rgba(255, 255, 255, 0.8); padding: 15px 20px 0; border-bottom: 18px solid rgba(255, 255, 255, 0); color: #000; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 86px;transition: .3s;line-height: 1.3; font-size: 20px;} .activity_box .swiper-slide:hover .swiper-content{background-color: rgba(255, 255, 255, 1);} .activity_box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width: 15px;height: 15px;background:none;border: 1px solid #D8DF2D;margin: 0 7px;} .activity_box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #D8DF2D;} .activity_box .swiper-button-prev.swiper-button-white, .activity_box .swiper-button-next.swiper-button-white{ font-size: 0; opacity: 1; width: 50px; height: 50px;} .activity_box .swiper-button-prev.swiper-button-white{left: 5px;} .activity_box .swiper-button-next.swiper-button-white{right: 5px;} .activity_box .swiper-button-prev.swiper-button-white::after{padding: 0px;font-size: 0; background: none; background-image: unset; width: 40px; height: 11px; border-left: 3px solid #fff; border-bottom: 2px solid #fff; transform: skew(-45deg);} .activity_box .swiper-button-next.swiper-button-white::after{padding: 0px;font-size: 0; background: none; background-image: unset; width: 40px; height: 11px; border-right: 3px solid #fff; border-bottom: 2px solid #fff; transform: skew(45deg);} @media (max-width:1279px) { .activity_box {max-width: 91.666667%;flex: 0 0 91.666667%;} } @media (max-width:991px) { .activity_box {max-width: 95%;flex: 0 0 95%;} } /*theme*/ .hotel_list > .module-container > .main{position: relative; padding-top: 3rem; background: rgba(255, 255, 255, 0.9); backdrop-filter: grayscale(1);} .hotel_list > .module-container > .main::before{ content: ''; display: block; position: absolute; top: 30%; bottom: 0; left: 0; right: 0; background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); } .hotel_list .falls-container .grid { height: auto !important;} .hotel_list .grid .grid-item { position: initial !important; background: #ffffff; box-shadow: 0px 2px 10px 0 #e2e2e2; margin: 15px !important; padding: 0; max-width: calc(33.333333% - 30px);} .hotel_list .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; opacity: 1; aspect-ratio: 5/3; object-fit: cover; object-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .hotel_list .falls-container .grid .grid-item:hover img { opacity: 0.6;} .hotel_list .falls-container .grid .grid-item h3 { height: 64px; margin: 0; padding: 16px 21px 0px; color: #111111; font-size: 20px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; margin-bottom: 15px; letter-spacing: 1px; font-family: serif !important; } .hotel_list .falls-container .grid .grid-item h5 { padding: 15px 20px 15px; font-size: 15px; line-height: 1.5; color: #666; letter-spacing: 0.5px; text-align: justify; position: relative;} .hotel_list .falls-container .grid .grid-item:hover h3 { color: #922288} .hotel_list .falls-container .grid .grid-item p { margin: 0;} .hotel_list .falls-container .grid .grid-item h5::before { content: ""; position: absolute; width: calc(100% - 42px); left: 21px; top: 0; height: 1px; background: -moz-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(216, 223, 45, 1) 0%, rgba(216, 223, 45, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(216, 223, 45, 1) 0%, rgba(216, 223, 45, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc1d', endColorstr='#00ffcc1d', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .hotel_list.two_countries .falls-container .grid .grid-item>p { position: relative; color: #333333; font-size: 14px; padding: 30px 21px 16px; line-height: 24px;} .hotel_list.two_countries .falls-container .grid .grid-item>p::before { content: ""; position: absolute; width: calc(100% - 42px); left: 21px; top: 15px; height: 1px; background: -moz-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc1d', endColorstr='#00ffcc1d', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } @media (max-width:1359px) { .hotel_list .falls-container{width: 90% !important;} } @media (max-width:1359px) and (min-width:992px){ /* .EDM_box_mobile {max-width: 90%; flex: 0 0 90%;}*/ } @media (max-width:991px) { .hotellist_main_image .bgfixed { height: 468px !important; min-height: 468px !important; } .hotel_list .falls-container{width: 95% !important;} .hotel_list .grid .grid-item { max-width: calc(50% - 30px);} } @media (max-width:767px) { .hotel_list .grid .grid-item { max-width: calc(100% - 30px);} .fancybox-slide--iframe .fancybox-content{width: 100% !important;} } @media (max-width:576px) { .hotel_list_title {padding-top: 27px !important; } .hotellist_boxinfo { padding-top: 8px !important; padding: 0 30px !important; } .hotellist_boxinfo::before { width: 84px; top: -15px;} .hotel_list_title h2 span {font-size: 20px !important; } .hotel_list .grid .grid-item {max-width: calc(100% - 30px); } .hotel_list .falls-container .grid .grid-item h3 { font-size: 16px; } } .EDM_box_mobile .swiper-container{padding-left: 10px;padding-right: 10px;} .EDM_box_mobile .swiper-slide-style{background-color: transparent; box-shadow: none; border-radius: 0;margin-bottom:15px;} .EDM_box_mobile .swiper-slide .swiper-img{border: 5px solid #fff;aspect-ratio: 3/3.5;} .EDM_box_mobile .swiper-slide .swiper-img img{border-radius: 0;object-fit: cover; object-position: center center; height: 100%;} .EDM_box_mobile .swiper-slide .swiper-title{padding: 0;font-size: 18px; color: #fff; letter-spacing: 1px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} .EDM_box_mobile .swiper-container-horizontal > .swiper-pagination-bullets{text-align: right;} .EDM_box_mobile .swiper-pagination-bullet{width: 10px; height: 10px;background: rgba(0, 0, 0, 0.2);} .EDM_box_mobile .swiper-pagination-bullet-active{background-color: #333;} .EDM_box_mobile .swiper-button-next.swiper-button-white{right: unset; left: 60px; bottom: 5px; top: unset;opacity: 1; color: #922288;width: 30px; height: 30px; text-align: center;} .EDM_box_mobile .swiper-button-next.swiper-button-white::after{ border-radius: 50px; background: rgba(255, 255, 255, 0.8); font-size: 15px; width: 30px; height: 30px; } .EDM_box_mobile .swiper-button-prev.swiper-button-white{left: 10px;top: unset; bottom: 5px; opacity: 1; color: #922288;width: 30px; height: 30px; text-align: center;} .EDM_box_mobile .swiper-button-prev.swiper-button-white::after{ border-radius: 50px; background: rgba(255, 255, 255, 0.8); font-size: 15px; width: 30px; height: 30px; } /*new_theme*/ .theme_wrap .main.row{/*height: 85vh;*/ align-items: end;} .theme_wrap .main.row::before{ content: ''; display: block; left: 0; right: 0; top: 0%; position: absolute; bottom: 0; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); } /*.theme_wrap.china_wrap .main.row::before{ background: -moz-linear-gradient(bottom, rgba(26, 35, 36, 0.3) 0%, rgba(26, 35, 36,0) 100%); background: -webkit-linear-gradient(bottom, rgb(26, 35, 36, 0.3) 0%,rgba(26, 35, 36,0) 100%); background: linear-gradient(to top, rgb(26, 35, 36, 0.3) 0%,rgba(26, 35, 36, 0) 100%); }*/ .theme_title { margin-top: 0rem; margin-bottom: 0rem;} .theme_title .module-container > .main{padding: 250px 50px 50px 60px; position: relative; width: auto; display: table;} .theme_title .module-container > .main .header-title{font-size: 45px; padding-left: 15px; color: #fff; font-weight: bold; letter-spacing: 3px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);} .theme_title section.link.text-link::before { content: ''; display: block; width: 55px; height: 1px; background: #fff; position: absolute; left: 0; top: 280px;} .theme_title section.text-link h2 {padding: 0 10px 0 20px; font-family: serif !important; font-weight: normal; margin-top: 10px; margin-bottom: 20px; letter-spacing: 2px;} .theme_title div.link-list{min-height: auto;background: none;} .theme_title div.link-list ul{overflow: auto; max-height: 50vh; display: block; margin-bottom: 3rem;} .theme_title div.link-list ul li{margin-bottom: 10px;} .theme_title div.link-list ul li a, .theme_title div.link-list ul li span { padding: 0 10px 0 18px; font-family: serif !important; text-align: justify; line-height: 1.5; opacity: 0.85; } .theme_title div.link-list ul li a i, .theme_title div.link-list ul li span i{display: none;} .hotel_tabs .main.row::before, .Nha-Trang_tab .main.row::before{content: ''; display: block; position: absolute; top: 0; bottom: -1px; left: 0; right: 0; background: rgba(255, 255, 255, 0.9); backdrop-filter: grayscale(1);} .hotel_tabs .header-title{text-align: center; font-size: 34px; position: relative; color: #333; letter-spacing: 2px; padding: 3rem 15px 1.5rem;} .hotel_tabs .header-title::after{ content: 'LUXURY HOTELS'; display: block; width: 100%; text-align: center; font-size: 18px; padding-left: 0; font-family: serif !important; letter-spacing: 1.5px; color: #AAAAAA; } .hotel_tabs .blk-tabs{position: relative;} .hotel_tabs ul.nav-pills li.nav-item{margin: 0 1rem;} .hotel_tabs ul.nav-pills li.nav-item a.nav-link{ position: relative; font-size: 21px; letter-spacing: 1px; padding: 0.3rem 2rem; border-radius: 0; border-top-left-radius: 12px; background-color: transparent; color: #888; border-bottom: 3px double #e0e0e0; font-weight: bold; } .hotel_tabs ul.nav-pills li.nav-item a.nav-link.active{color: #922288; border-color: #c980c2;} .hotel_tabs ul.nav-pills li.nav-item a.nav-link.active::before, .hotel_tabs .nav-pills .show>.nav-link::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #c980c2 transparent transparent transparent; position: absolute; left: calc(50% - 4px); bottom: -9px; z-index: 1; } .hotel_list-lightbox{padding-top: 3rem;padding-bottom: 3rem;} .hotel_list-lightbox .fancybox-wrapper > figure{background: #ffffff; box-shadow: 0px 2px 10px 0 #e2e2e2; margin: 15px !important; padding: 0 !important; max-width: calc(33.333333% - 30px);} .hotel_list-lightbox .fancybox-wrapper figure > .content-top *, .hotel_list-lightbox .fancybox-wrapper figure > .content-bottom *{ height: 64px; margin: 0; padding: 16px 21px 0px; color: #111111; font-size: 20px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; margin-bottom: 15px; letter-spacing: 1px; font-family: serif !important; transition: .3s; } .hotel_list-lightbox .fancybox-wrapper figure:hover > .content-top *, .hotel_list-lightbox .fancybox-wrapper figure:hover > .content-bottom *{color: #922288;transition: .3s;} .hotel_list-lightbox .fancybox-wrapper > figure > a{aspect-ratio: 5/3;background-color: #000;position: relative;} .hotel_list-lightbox .fancybox-wrapper > figure > a::before{content: '\f00e';font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;opacity: 0.6; font-size: 2.3rem; z-index: 1;} .hotel_list-lightbox .fancybox-wrapper > figure > a img{object-fit: cover; object-position: center center; height: 100%;opacity: 1;transition: .3s;} .hotel_list-lightbox .fancybox-wrapper > figure > a:hover::before{display: block;} .hotel_list-lightbox .fancybox-wrapper > figure > a:hover img{opacity: .6;transition: .3s;} .fancybox-active .fancybox-container .fancybox-slide--image{ background: #fff !important; top: 75px !important; bottom: 70px !important; height: unset !important; width: 960px !important; left: 50% !important; transform: translate(-50%, 0px) !important; padding: 50px 50px 175px !important; } .fancybox-active .fancybox-container .fancybox-slide--image .fancybox-content{ transform: translate(-50%, 0px) !important; left: 50% !important; top: 50px !important; bottom: 250px !important; height: unset !important; overflow: hidden !important; width: calc(100% - 100px) !important; } .fancybox-active .fancybox-container .fancybox-image{ display: table; max-width: 100% !important; width: 100% !important; height: 100% !important; left: 50% !important; transform: translate(-50%, 0px); object-fit: cover; object-position: center center; } .fancybox-active .fancybox-container .fancybox-inner .fancybox-caption{ width: 960px; background: #fff; bottom: 50px; left: 50%; transform: translate(-50%, 0px); padding-bottom: 30px; color: #000; padding: 0 50px 0 50px; height: 270px; overflow: auto; border-bottom: 15px solid #fff; text-align: justify; border-top: 15px solid #fff; } .fancybox-active .fancybox-container .fancybox-inner .fancybox-caption h3{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e2e2e2; } .EDM_wrap .main.row::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 45%; background: #fff; } .Attractions_title section.text-link{width: 100%; margin: auto; position: relative; display: table; padding-top: 5rem;} .Attractions_title section.text-link h2{width: 60px;margin: auto;} .Attractions_title div.link-list{ width: 100%; height: 30px; display: block; transform: rotate(90deg); float: left; position: absolute; top: calc(100% - 12px); left: calc(0% + 50px); min-height: auto; background: none; } .Attractions_title div.link-list ul li a, .Attractions_title div.link-list ul li span{padding-left: 0;font-family: serif !important; letter-spacing: 1.5px;} .Attractions_title div.link-list ul li a i, .Attractions_title div.link-list ul li span i{display: none;} .Attractions_box_mobile .swiper-slide-style{background: none; box-shadow: none; border-radius: 0;opacity: 0.3;} .Attractions_box_mobile .swiper-slide-style.swiper-slide-active{opacity: 1;} .Attractions_box_mobile .swiper-slide .swiper-img{margin: 0;width: 60%; float: left; aspect-ratio: 2/1;} .Attractions_box_mobile .swiper-slide .swiper-img img{border-radius: 0; object-fit: cover; object-position: center center; height: 100%;} .Attractions_box_mobile .swiper-slide .swiper-title{width: 40%; float: left; text-align: left; margin-top: 1.5rem; color: #000; letter-spacing: 1px; font-weight: bold; font-size: 26px;} .Attractions_box_mobile .swiper-slide .swiper-content{-webkit-line-clamp: unset;} .Attractions_box_mobile .swiper-slide .swiper-content h5{font-family: serif !important; color: #ccc; font-size: 18px; margin-bottom: 0;} .Attractions_box_mobile .swiper-slide .swiper-content p{margin-top: 30px; font-size: 16px; letter-spacing: 1.5px; line-height: 1.7;} .Attractions_box_mobile .swiper-pagination-fraction{padding-left: 72px;text-align: left;} .Attractions_box_mobile .swiper-button-next.swiper-button-white{top: unset; bottom: 5px; right: unset; left: 125px; width: 40px; height: 15px; opacity: 1;} .Attractions_box_mobile .swiper-button-prev.swiper-button-white{top: unset; bottom: 5px; width: 40px; height: 15px; opacity: 1;} .Attractions_box_mobile [class*='swiper-button-']:after{ padding: 0; font-size: 0; background: none; border-bottom: 2px solid #fff; height: 10px; width: 45px; } .Attractions_box_mobile .swiper-button-next.swiper-button-white[class*='swiper-button-']:after{transform: skew(40deg);border-right: 2px solid #fff;} .Attractions_box_mobile .swiper-button-prev.swiper-button-white[class*='swiper-button-']:after{transform: skew(-40deg);border-left: 2px solid #fff;} @media (max-width:1600px) { .hotel_list-lightbox{flex: 0 0 83.333333%; max-width: 83.333333%;} .Attractions_title div.link-list{top: 85%;} } @media (max-width:1440px) { .Attractions_box_mobile .swiper-slide-style{margin-bottom: 0;} .Attractions_box_mobile .swiper-slide .swiper-content{margin-bottom: 0;} .theme_title .module-container > .main{padding-top: 160px;} .theme_title section.link.text-link::before{top: 190px;} } @media (max-width:1366px){ .theme_title div.link-list ul{max-height: 40vh;} .Attractions_title div.link-list{width: 225px;top: calc(75%);} .Attractions_title div.link-list ul li a, .Attractions_title div.link-list ul li span{padding-right: 0;} .Attractions_box_mobile .swiper-slide .swiper-img{aspect-ratio: 2/1.2;} } @media (max-width:1280px) { .theme_title .module-container > .main .header-title{font-size: 38px;letter-spacing: 1px;} .theme_title div.link-list ul{max-height: 35vh;} } @media (max-width:1152px) { .theme_title .module-container > .main{padding: 160px 35px 35px 45px;} .theme_title div.link-list ul{margin-bottom: 0;} .Attractions_title div.link-list{left: calc(0% + 35px);} .Attractions_box_mobile .swiper-slide .swiper-img{aspect-ratio: 2/1.5;} } @media (max-width:1024px) { .fancybox-active .fancybox-container .fancybox-slide--image{width: 800px !important;} .fancybox-active .fancybox-container .fancybox-inner .fancybox-caption{width: 800px;height: 150px;} .fancybox-active .fancybox-container .fancybox-slide--image{padding: 50px 50px 320px !important;} .fancybox-active .fancybox-container .fancybox-slide--image .fancybox-content{bottom: 120px !important;} .theme_title .module-container > .main .header-title{font-size: 32px;} .Attractions_title div.link-list{left: calc(0% + 20px);} .Attractions_box_mobile .swiper-slide .swiper-title{margin-top: 0;} .Attractions_box_mobile .swiper-slide .swiper-content p { margin-top: 15px; font-size: 15px; letter-spacing: 1px; line-height: 1.3;} } @media (max-width:991px) { .theme_wrap .main.row::before{top: 25%;} .theme_title .module-container > .main{padding-top: 140px;} .theme_title section.link.text-link::before{width: 45px;top: 160px;} .theme_title div.link-list ul{max-height: unset;} .theme_title div.link-list ul li a, .theme_title div.link-list ul li span{text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);} .hotel_list-lightbox{max-width: 95%;flex: 0 0 95%;} .hotel_list-lightbox .fancybox-wrapper > figure{max-width: calc(50% - 30px);flex: 0 0 calc(50% - 30px);} .fancybox-active .fancybox-container .fancybox-slide--image{width: 720px !important;} .fancybox-active .fancybox-container .fancybox-inner .fancybox-caption{width: 720px;height: 370px;} .fancybox-active .fancybox-container .fancybox-slide--image{padding: 50px 50px 350px !important;} .fancybox-active .fancybox-container .fancybox-slide--image .fancybox-content{bottom: 350px !important;} .Attractions_title section.text-link{padding-top: 3rem;} .Attractions_title section.text-link h2 {width: 100%; text-align: center !important;} .Attractions_title div.link-list{transform: rotate(0deg); width: 100%; position: unset; text-align: center; height: auto;} .Attractions_title div.link-list ul li a, .Attractions_title div.link-list ul li span{padding: 0;} .Attractions_box_mobile {padding-top: 1rem !important;} .Attractions_box_mobile .swiper-slide-style{margin-bottom: 25px;} .Attractions_box_mobile .swiper-pagination-fraction{padding-left: 0;text-align: center;} .Attractions_box_mobile .swiper-button-prev.swiper-button-white[class*='swiper-button-']:after, .Attractions_box_mobile .swiper-button-next.swiper-button-white[class*='swiper-button-']:after{border-color: #666;} .Attractions_box_mobile .swiper-button-next.swiper-button-white{left: calc(50% + 50px);width: 45px;height: 22px;} .Attractions_box_mobile .swiper-button-prev.swiper-button-white { width: 45px; height: 22px; left: calc(50% - 90px);} } @media (max-width:767px) { .theme_wrap .main.row::before{top: 0;} .theme_title{margin-top: 4rem;margin-bottom: 0;} .theme_title .module-container > .main{padding-top: 100px;} .theme_title section.link.text-link::before{top: 120px;} .hotel_list-lightbox .fancybox-wrapper > figure{max-width: calc(100% - 30px);flex: 0 0 calc(100% - 30px);} .fancybox-active .fancybox-container .fancybox-slide--image{width: 95% !important;} .fancybox-active .fancybox-container .fancybox-slide--image {padding: 30px 30px 290px !important;} .fancybox-active .fancybox-container .fancybox-slide--image .fancybox-content {width: calc(100% - 60px) !important;top: 30px !important; bottom: calc(50% - 10px) !important; margin-bottom: unset !important;} .fancybox-active .fancybox-container .fancybox-inner .fancybox-caption{width: 95%;padding: 0 30px 0 30px;height: calc(50% - 40px);bottom: 30px;} .fancybox-active .fancybox-container .fancybox-inner .fancybox-caption h3{line-height: 1;} .EDM_wrap .main.row{background-image: unset !important;} .EDM_wrap .main.row::before{display: none;} .Attractions_box_mobile .swiper-slide .swiper-img{width: 100%;float: unset;margin-bottom: 1rem;} .Attractions_box_mobile .swiper-slide .swiper-title, .Attractions_box_mobile .swiper-slide .swiper-content{width: 100%;} } @media (max-width:575px) { .theme_wrap .main.row{background-size: 100% !important;background-position: top !important;} .theme_wrap .main.row::before{ background: -moz-linear-gradient(bottom, rgba(4,99,128,1) 74%, rgba(4,99,128,0) 85%); background: -webkit-linear-gradient(bottom, rgba(4,99,128,1) 74%,rgba(4,99,128,0) 85%); background: linear-gradient(to top, rgba(4, 99, 128, 1) 74%,rgba(4, 99, 128, 0) 85%); } .theme_wrap.china_wrap .main.row::before{ background: -moz-linear-gradient(bottom, rgba(26, 35, 36, 1) 80%, rgba(26, 35, 36,0) 88%); background: -webkit-linear-gradient(bottom, rgb(26, 35, 36, 1) 80%,rgba(26, 35, 36,0) 88%); background: linear-gradient(to top, rgb(26, 35, 36, 1) 80%,rgba(26, 35, 36, 0) 88%); } .theme_title .module-container > .main{padding: 30px 15px 30px 35px;} .theme_title section.link.text-link::before{width: 35px;top: 60px;} } /*newnew_theme*/ .idx_search_box.theme_search{margin-top: 0; margin-bottom: -4rem;} .idx_search_box.theme_search .group_banner.search_banner .search-area > .container{border-radius: 0;} .hotel_tabs.product .blk-tabs{margin-top: 3rem;} .hotel_tabs.product .header-title::after{display: none;} .theme_products {margin-top: 2rem;} .theme_products .expand-graphics .item_box figure{border-radius: 0; aspect-ratio: 3/2;} .theme_products .expand-graphics .item_box figure img{object-fit: cover; object-position: center center; height: 100%;} .theme_products .expand-graphics .item_box .item_more_txt span.item_tag{padding: 1px 4px; font-size: 14px; margin: 1px 3px;} .theme_products .expand-graphics .item_box span.item_btn, .theme_products .expand-graphics .item_box span.item_btn_hover{border-radius: 20px; padding: 2px 10px;} .theme_products .expand-graphics .item_morebox a{border-radius: 8px; font-size: 20px; outline: none; box-shadow: none; position: relative; padding: 6px 45px 6px 25px;} .theme_products .expand-graphics .item_morebox a i{font-size: 18px; margin: 0; position: absolute; right: 20px; top: 13px;} .Attractions_box_mobile.hotel .swiper-slide .swiper-title{margin-top: 0;} .Attractions_box_mobile.hotel .swiper-slide .swiper-content h4{color:#B22222;margin-bottom: 1.5rem;} .Attractions_box_mobile.hotel .swiper-slide .swiper-content p{margin-top: 0px; font-size: 15px; letter-spacing: 1px; line-height: 1.5;} /*activity*/ .activity_box_title .bgfixed section{width: auto; margin-left: 12.5%; padding: 2rem 100px 1.5rem 75px; display: table; backdrop-filter: blur(1.5px); position: relative;margin-bottom: 2rem;} .activity_box_title .bgfixed section::before{ content: ''; display: block; width: 60px; height: 1px; background: #fff; position: absolute; left: 0; top: 50px; } .activity_box_title .bgfixed section h2{letter-spacing: 1px; font-weight: bold;} .activity_box_title .bgfixed section p{font-family: serif !important; font-size: 20px; letter-spacing: 1px;} .activity_tabs{background-color: rgba(0, 0, 0, 0.6); margin-top: -68px;} .activity_tabs .blk-tabs::-webkit-scrollbar {width: 5px; height: 5px;} .activity_tabs .blk-tabs::-webkit-scrollbar-button { width: 5px; height: 5px;} .activity_tabs .blk-tabs::-webkit-scrollbar-track { background: white;} .activity_tabs .blk-tabs::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.3); border-radius: 10px;} .activity_tabs .blk-tabs::-webkit-scrollbar-thumb:hover {background: rgba(0, 0, 0, 0.8);} .activity_tabs .blk-tabs{height: 73px; overflow: scroll; display: block;} .activity_tabs .blk-tabs ul.nav-pills{justify-content: flex-start; width: max-content; float: none; min-width: 100%; max-width: unset; flex-wrap: unset; margin: 0;} .activity_tabs .blk-tabs ul.nav-pills .nav-link{font-size: 20px; letter-spacing: 0.5px; line-height: 1.5; padding: 20px 25px 13px; border-radius: 0; color: #fff; border-bottom: 5px solid transparent;} .activity_tabs .blk-tabs ul.nav-pills .nav-link:hover{color: #d8df2d;} .activity_tabs .blk-tabs ul.nav-pills .nav-link.active, .activity_tabs .blk-tabs ul.nav-pills .show>.nav-link{color: #d8df2d; background-color: transparent; border-color: #d8df2d;} .activity_items {margin-top: 3.5rem; margin-bottom: 3rem;} .activity_items .hover-wall .htpro_tit{display: none;} .activity_items .hover-wall .icon_info, .activity_items .hover-wall .icon_info:hover{border-radius: 0; box-shadow: none;} .activity_items .hover-wall figure .overlay i{display: none;} .activity_items .hover-wall .icon_info figure{width: calc(100% - 30px); margin-left: auto; margin-right: auto;} .activity_items .hover-wall .icon_info h3{font-size: 18px; font-weight: normal; letter-spacing: 0px; background: #f5f5f5; padding: 45px 15px 15px; margin-top: -45px;} .activity_items .hover-wall .icon_info h4 {padding: 0; text-align: right; font-size: 22px; font-style: normal; font-family: math; position: relative; text-align: center;} .activity_items .hover-wall .icon_info h4::before{content: 'NT '; color: #999; font-size: 16px; font-family: none;} .activity_items .hover-wall .icon_info h4::after{color: #999; font-size: 16px; content: ' 起';} @media (max-width:991px) { .activity_box_title .bgfixed section{margin-left: 0;} } /* animations*/ @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft} @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn} @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } /*****diy*****/ body.D_customformfront_main{ background: url(https://materials.fillo.com.tw/materials/venicevacation/images/6bc7c5b5-fa3a-441c-8e50-bf6c8fa706f5.jpg); background-size: cover; background-position:center; background-repeat: no-repeat; } .D_customformfront_main input::placeholder { color:#cccccc !important; font-size: 13px; } .D_customformfront_main .web-page-frame.lock{ background: transparent; } .D_customformfront_main section.group_table.contact { padding-top: 196px; } .D_customformfront_main section.group_table.contact .trip_title { padding: 50px 48px 60px; margin: 0; } .D_customformfront_main section.group_table.contact .container { width: 100%; max-width: 1080px; padding: 0; background: rgba(58, 22, 67, 0.7); } .D_customformfront_main section.group_table.contact:before { display:none; } .D_customformfront_main section.group_table.contact .container .trip_title article h2 { line-height: 1; display: table; margin: 0 auto; padding: 0 2rem 0.5rem; letter-spacing: 0.2rem; position: relative; } .D_customformfront_main section.group_table.contact>.container>h2, .D_customformfront_main section.group_table.contact>.container>h4{ display: none; } .D_customformfront_main section.group_table.contact .trip_title article{ position: relative; } .D_customformfront_main section.group_table.contact .trip_title article h3 { margin-bottom: 30px; font-family: 'Roboto', sans-serif !important; font-weight: 200; letter-spacing: 0.09rem; } .D_customformfront_main section.group_table.contact .trip_title article h4{ line-height: 1.7rem; border-bottom: 0; margin-bottom: 0; padding: 0; } .D_customformfront_main section.group_table.contact .trip_title article p { position: absolute; right: -15px; bottom: -40px; } .D_customformfront_main section.group_table.contact .trip_title h5 { margin-top: 0; } .D_customformfront_main section.group_table.contact .form-row { background: #ffffff; margin: 0; padding: 65px 45px 0; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png); } .D_customformfront_main section.group_table.contact .form-row:last-child { padding: 33px 45px 50px; } .D_customformfront_main .contact .contac_form .form-row .form-group{ margin-bottom: 20px; } .D_customformfront_main .contact .contac_form label { font-size: 16px; margin-bottom: 10px; padding-left: 0px; color: #333333; letter-spacing: 1px; } .D_customformfront_main .contact .text_blue { color: #D8DF2D; } .D_customformfront_main .contact .fa-calendar { position: absolute; margin-top: -30px; right: 15px; color: #09132d; } .D_customformfront_main .contact .contac_form input { height: 45px; margin: 0 auto; padding: 0.3rem 0.5rem; font-size: 16px; border: 1px solid #e2e2e2; } .D_customformfront_main .contact select.form-control{ margin: 0 auto; padding: 2px; height: 45px; font-size: 16px; border-radius: 0; color: #666666; border: 0; border: 1px solid #e2e2e2; } .D_customformfront_main .contact select.form-control:not([size]):not([multiple]) { height: 45px; } .D_customformfront_main .contact div[data-type="CBX"] .form-check{ height: 20px; font-size: 14px; margin: 0; margin-bottom: 10px; padding-left: 20px; } .D_customformfront_main .contact textarea.form-control { margin: 0 auto; border:0; border-radius: 0; height: 150px; border: 1px solid #e2e2e2; } .D_customformfront_main .contact .form-row button{ position: relative; font-size: 18px; margin: 0 !important; padding: 10px 30px 10px 30px; text-align: left; width: 180px; border-radius: 0; background: #922288; border: 1px solid #922288; outline: none; letter-spacing: 1px; color: #f5ff00; } .D_customformfront_main .contact .form-row button::before { content: ""; background: #ffffff; width: 20px; height: 2px; position: absolute; right: 30px; top: 22px; -webkit-transition: all .4s; transition: all .4s; } .D_customformfront_main .contact .form-row button:hover::before { width: 25px; } .D_customformfront_main .contact .form-row button::after { content: ""; content: ''; display: block; width: 14px; height: 14px; position: absolute; right: 30px; top: 16px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); } .D_customformfront_main .contact .contac_form .form-row .form-group#field_9, .D_customformfront_main section.group_table.contact .form-row:last-child .form-group{ } .D_customformfront_main .datepicker-days .table-condensed thead { color: #c0c720; } .D_customformfront_main .datepicker-days .table-condensed thead tr { border-bottom: 1px solid #c0c720; } .D_customformfront_main .datepicker-days .table-condensed .day.active { background: #922288; border-radius: 15px; } .D_customformfront_main .datepicker table tr td.today{ background: #bee6e3; } .D_customformfront_main .datepicker table tr td span.active.active, .D_customformfront_main .datepicker table tr td span.active.disabled.active, .D_customformfront_main .datepicker table tr td span.active.disabled:active, .D_customformfront_main .datepicker table tr td span.active.disabled:hover.active, .D_customformfront_main .datepicker table tr td span.active.disabled:hover:active, .D_customformfront_main .datepicker table tr td span.active:active, .D_customformfront_main .datepicker table tr td span.active:hover.active, .D_customformfront_main .datepicker table tr td span.active:hover:active{ background: #bee6e3; border-color: #bee6e3; color: #D8DF2D; text-shadow: 0 0 black; } .D_customformfront_main .datepicker table tr td span.active.active.focus, .D_customformfront_main .datepicker table tr td span.active.active:focus, .D_customformfront_main .datepicker table tr td span.active.active:hover, .D_customformfront_main .datepicker table tr td span.active.disabled.active.focus, .D_customformfront_main .datepicker table tr td span.active.disabled.active:focus, .D_customformfront_main .datepicker table tr td span.active.disabled.active:hover, .D_customformfront_main .datepicker table tr td span.active.disabled:active.focus, .D_customformfront_main .datepicker table tr td span.active.disabled:active:focus, .D_customformfront_main .datepicker table tr td span.active.disabled:active:hover, .D_customformfront_main .datepicker table tr td span.active.disabled:hover.active.focus, .D_customformfront_main .datepicker table tr td span.active.disabled:hover.active:focus, .D_customformfront_main .datepicker table tr td span.active.disabled:hover.active:hover, .D_customformfront_main .datepicker table tr td span.active.disabled:hover:active.focus, .D_customformfront_main .datepicker table tr td span.active.disabled:hover:active:focus, .D_customformfront_main .datepicker table tr td span.active.disabled:hover:active:hover, .D_customformfront_main .datepicker table tr td span.active:active.focus, .D_customformfront_main .datepicker table tr td span.active:active:focus, .D_customformfront_main .datepicker table tr td span.active:active:hover, .D_customformfront_main .datepicker table tr td span.active:hover.active.focus, .D_customformfront_main .datepicker table tr td span.active:hover.active:focus, .D_customformfront_main .datepicker table tr td span.active:hover.active:hover, .D_customformfront_main .datepicker table tr td span.active:hover:active.focus, .D_customformfront_main .datepicker table tr td span.active:hover:active:focus, .D_customformfront_main .datepicker table tr td span.active:hover:active:hover { color: #fff; background-color:#D8DF2D; border-color: #D8DF2D; } .D_customformfront_main .datepicker table tr td.active.active.focus, .D_customformfront_main .datepicker table tr td.active.active:focus, .D_customformfront_main .datepicker table tr td.active.active:hover, .D_customformfront_main .datepicker table tr td.active.highlighted.active.focus, .D_customformfront_main .datepicker table tr td.active.highlighted.active:focus, .D_customformfront_main .datepicker table tr td.active.highlighted.active:hover, .D_customformfront_main .datepicker table tr td.active.highlighted:active.focus, .D_customformfront_main .datepicker table tr td.active.highlighted:active:focus, .D_customformfront_main .datepicker table tr td.active.highlighted:active:hover, .D_customformfront_main .datepicker table tr td.active:active.focus, .D_customformfront_main .datepicker table tr td.active:active:focus, .D_customformfront_main .datepicker table tr td.active:active:hover{ color: #fff; background-color:#D8DF2D; border-color: #D8DF2D; } .D_customformfront_main .datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover{ background-color:#D8DF2D; color: #fff; } @media (min-width:992px){ .D_customformfront_main section.group_table.contact .form-row:nth-last-child(2) > [class*="col-"]:nth-child(1) { padding-left: 15px; } } @media (max-width: 1199px) { .D_customformfront_main section.group_table.contact .container { width: 90%; } } @media (max-width: 991px) { .D_customformfront_main section.group_table.contact .trip_title { padding: 50px 30px 60px; } } @media (max-width: 767px) { .D_customformfront_main section.group_table.contact{padding-top:110px;} .D_customformfront_main section.group_table.contact .form-row{ padding: 65px 15px 0; } .D_customformfront_main .contact .contac_form input, .D_customformfront_main .contact select.form-control,.contact textarea.form-control{ } .D_customformfront_main .contact .contac_form label{ padding-left: 0; } } @media (max-width: 575px) { .D_customformfront_main section.group_table.contact .trip_title { padding: 40px 30px 50px; } .D_customformfront_main .contact .contac_form .form-row .form-group { flex: 0 0 100%; max-width: 100%; } .D_customformfront_main section.group_table.contact .container .trip_title article h2{ font-size: 20px !important; } .D_customformfront_main section.group_table.contact .trip_title article h3{ margin-bottom: 20px; font-size: 16px !important; } .D_customformfront_main section.group_table.contact .trip_title article h4{ line-height: 1.5rem; font-size: 13px !important; } .D_customformfront_main section.group_table.contact .trip_title article p { right: 0px; font-size: 13px !important; } .D_customformfront_main section.group_table.contact .form-row:last-child { padding: 20px 45px 30px; } }