@charset "UTF-8";
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
::-webkit-scrollbar {width: 5px; height: 8px;}
::-webkit-scrollbar-button {width: 5px; height: 5px}
::-webkit-scrollbar-track {background: transparent}
::-webkit-scrollbar-thumb {background: #e2e2e2; border-radius: 10px}
::-webkit-scrollbar-thumb:hover {background: #b6b6b6}

body {background: #f5f5f5;}

.shallwe_header{ position: fixed; width: auto; top: 0; left: 0; right: 0;  display: block; z-index: 1040; -webkit-transition: all 0.5s; transition: all 0.5s;}
.Header_Nav_Member {padding: 0 15px 0 15px;}
.Header_Nav_Member .mega-menu .menu-logo>li>a:hover {background: 0 0;}
.Header_Group .mega-menu .mg-drop-down {/* display: none !important; */}

@media (min-width: 991px) {
    .Header_Nav_Member .mega-menu>section.menu-list-items {background: #2d374c!important; display: flex!important; justify-content: space-between; flex-direction: row; padding: 0 15px 0 30px;}
    .gizle .Header_Nav_Member .mega-menu>section.menu-list-items {background: #FFF!important;}
    .Header_Group .mega-menu .mg-drop-down .list_box ul {margin-top: 0px; margin-bottom: 5px;}
    .Header_Nav_Member .mega-menu .menu-links>li {animation-duration: 1.5s; animation-delay: 0s; animation-name: fadeInUp;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(1) {animation-delay: .1s;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(2) {animation-delay: .2s;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(3) {animation-delay: .3s;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(4) {animation-delay: .4s;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(5) {animation-delay: .5s;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(6) {animation-delay: .6s;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(7) {animation-delay: .7s;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(8) {animation-delay: .8s;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(9) {animation-delay: .9s;}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(1),
    .Header_Group .mega-menu .menu-links>li:nth-last-child(2),
    .Header_Group .mega-menu .menu-links>li:nth-last-child(3),
    .Header_Group .mega-menu .menu-links>li:nth-last-child(4),
    .Header_Group .mega-menu .menu-links>li:nth-last-child(5) {position: absolute; border-radius: 5px;}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(1) a,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(2) a,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(3) a,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(4) a,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(5) a {padding: 7px 7px;}
    .gizle.Header_Group .mega-menu .menu-links>li:nth-last-child(1) a img {content: url(https://materials.fillo.com.tw/materials/justfly/images/2b142180-111b-45aa-9797-06b1a6e27444.png);}
    .gizle.Header_Group .mega-menu .menu-links>li:nth-last-child(2) a img {content: url(https://materials.fillo.com.tw/materials/justfly/images/76359c6c-f640-45d3-b5a3-eed1dabbc5c6.png);}
    .gizle.Header_Group .mega-menu .menu-links>li:nth-last-child(3) a img {content: url(https://materials.fillo.com.tw/materials/justfly/images/da556c66-2a5d-45bd-94c6-4b3c9143d92e.png);}
    .gizle.Header_Group .mega-menu .menu-links>li:nth-last-child(4) a img {content: url(https://materials.fillo.com.tw/materials/justfly/images/0fa10e41-1bbf-47e9-8f26-d91da68b4e1f.png);}
    .gizle.Header_Group .mega-menu .menu-links>li:nth-last-child(5) a img {content: url(https://materials.fillo.com.tw/materials/justfly/images/e23a1ba7-c0fe-4270-b956-39dd0dff62a4.png);}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(1) a img,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(2) a img,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(3) a img,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(4) a img,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(5) a img {transition: all .8s;}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(1) a:hover img,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(2) a:hover img,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(3) a:hover img,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(4) a:hover img,
    .Header_Group .mega-menu .menu-links>li:nth-last-child(5) a:hover img {transform: scale(1.1); transition: all .8s;}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(5) {right: 200px; animation-name: none;}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(4) {right: 150px; animation-name: none;}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(3) {right: 100px; animation-name: none;}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(2) {right: 50px; animation-name: none;}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(1) {right: 0px; animation-name: none;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(5) .megamenu_box {width: auto;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(5) .megamenu_box .list_box {margin-top: 10px;}
    .Header_Nav_Member .mega-menu .menu-links>li:nth-child(5) .megamenu_box .list_box p {font-size: 1.15rem; font-weight: bold; font-family: 'Noto Sans TC',sans-serif;}
    .mega-menu li .mg-drop-down .list_box ul li a p {color: #fff!important;}
}

.Header_Group .mega-menu .menu-links>li:hover {background: 0 0!important;}
.Header_Nav_Member .mega-menu .menu-links>li {padding: 0 .5rem; display: flex;}
.Header_Nav_Member .mega-menu .menu-links li .list_tag h4 {line-height: 1.8; padding: 0 5px; margin: 7px 5px 0 0; color: #4976dc!important; letter-spacing: 1.2px; font-weight: 600;}
.Header_Group {top: 0; z-index: 100;}
.Header_Group .mega-menu .menu-links>li:hover a {color: #b39559!important;}
.Header_Group .mega-menu .menu-links>li:hover>a:after {width: 100%; height: 2px; content: ''; background: #fff8bd00; position: absolute; left: 0; bottom: 0;}
.Header_Group .mega-menu .menu-links li .list_tag li {margin-right: 5px;}
.Header_Group .mega-menu .menu-links>li a,.Header_Group .mega-menu .menu-links>li a p {font-size: .90rem; text-decoration: unset; color: #c9a96a !important; font-family: 'Noto Sans TC', sans-serif !important; font-weight: normal;}
.Header_Group .mega-menu .menu-links>li:nth-last-child(1) a p {color: #ffeb3b;}
.Header_Group .mega-menu .menu-links>li a:hover p {text-decoration: underline;}
.Header_Group .mega-menu .menu-links>li a i {padding: 5px 5px 3px 1px !important; font-size: 1rem; color: #dfc593 !important;}
.Header_Group .mega-menu .menu-links li .list_tag a p {color: #4976dc!important; border: 1px solid #4976dc; line-height: 1.5; padding: 1px 4px; background: #f6f6f6; font-size: .9rem;}
.Header_Group .mega-menu .menu-links .list_box h4 {color: #c9a96a !important; display: inline-block; font-size: 1.25rem; font-weight: bold; letter-spacing: 1.2px; margin-bottom: .25rem; min-width: 120px; padding-top: 0.25em;}
.Header_Group .mega-menu .menu-links li:nth-child(1) .list_box:nth-child(2) h4,
.Header_Group .mega-menu .menu-links li:nth-child(1) .list_box:nth-child(4) h4 {color: #c9a96a00 !important;}

@media (min-width: 768px) {
    .Header_Nav_Member .mega-menu .menu-logo {position:absolute; z-index: 1;}
    .Header_Nav_Member .mega-menu .menu-logo>li>a {padding: 10px 10px;}
    .Header_Nav_Member .mega-menu .menu-logo>li>a img {width: 100%; height: 100%; position: relative; top: auto; left: auto;}
    .Header_Nav_Member .mega-menu .menu-logo>li>a img {content: url('https://materials.fillo.com.tw/materials/justfly/images/e0e5556a-bb73-4bb6-88be-7cbf71d147a5.png'); width: 180px; transition: all .35s ease;}
    .gizle .Header_Nav_Member .mega-menu .menu-logo>li>a img {content: url("https://materials.fillo.com.tw/materials/justfly/images/e127bfe4-0be5-444a-8b6a-5d5c10c61a34.png");}
    .gizle .Header_Nav_Member .mega-menu .menu-logo>li>a img {top: -3px; transition: all .35s ease; width: 138px;}
    .Header_Group .megamenu_box {display: flex; flex-wrap: wrap; position: relative; width: 100%; flex-direction: row; align-content: flex-start; justify-content: flex-start;}
    .Header_Group .mega-menu .menu-links li .list_box {padding: 0 5px;}
    .mega-menu .mg-drop-down .list_box ul {text-align: center;}
    .mega-menu li:nth-child(1) .mg-drop-down .list_box ul {text-align: left;}
    .Header_Group .mega-menu .menu-links li .list_box ul li {display: inline-block;margin: 2px 40px 2px 0;text-align: center;}
    .Header_Group .mega-menu .menu-links li:nth-child(1) .list_box ul li,.Header_Group .mega-menu .menu-links li:nth-child(2) .list_box ul li {display: block; margin: 1px 0 4px 0;}
    .Header_Group .mega-menu .menu-links li .list_onlyimg {order: 1; padding: 0; flex: 0 0 14%; height: 100%; position: absolute; left: 15px; -ms-flex: 0 0 426px; flex: 0 0 426px; max-width: 426px; margin: 0;}
    .Header_Group .mega-menu .menu-links li .list_tag {order: 3; margin: 0; left: 0; bottom: 0; margin-top: 10px;}
    .Header_Group .mega-menu .menu-links li:nth-child(2) .list_box {margin-bottom: 0px; -ms-flex: 0 0 33%;}
    .Header_Group .mega-menu .menu-links li:nth-child(2) .list_box ul {text-align: left;}
}

@media(max-width: 1440px) and (min-width: 991px) {
    .Header_Group .mega-menu .menu-links li:nth-child(1) .list_box:nth-child(3),.Header_Group .mega-menu .menu-links li:nth-child(1) .list_box:nth-child(4) {-ms-flex: 0 0 200px; flex: 0 0 240px; max-width: 154px;}
}

@media (min-width: 1200px) {
    .Header_Group .mega-menu .menu-links li:nth-child(1) .list_box:nth-child(1),.Header_Group .mega-menu .menu-links li:nth-child(1) .list_box:nth-child(2) {-ms-flex: 0 0 360px;}
    .Header_Group .mega-menu .menu-links li:nth-child(1) .list_box {padding: 0 0 0 3px; -ms-flex: 0 0 auto;}
    .Header_Group .mega-menu .menu-links li:nth-child(1) .mg-drop-down .megamenu_box, .Header_Group .mega-menu .menu-links li:nth-child(2) .mg-drop-down .megamenu_box {max-height: 580px; overflow-y: auto;}
}

@media (min-width: 1300px) {
    .Header_Group .mega-menu .menu-links li .list_box {margin-top: 0px; -ms-flex: 0 0 220px;}
}

@media (max-width: 768px) {
    .Header_Group {position:fixed;}
    .Header_Nav_Member .mega-menu .menu-logo>li>a {margin-top: 0;}
    .Header_Nav_Member .mega-menu .menu-logo>li>a img {width: 63%; height: 63%; margin: 0;}
    .Header_Nav_Member .mega-menu .menu-mobile-collapse-trigger {z-index: 99999999;}
    .Header_Group .mega-menu .mg-drop-down {padding: 0; background: #e6d9c1!important;}
    .Header_Group .mega-menu .menu-links>li:hover>a:after {display: none;}
    .Header_Group .mega-menu .mg-drop-down {padding: 0; background: rgb(73 73 73 / 90%)!important;}
    .gizle.Header_Group .mega-menu .mg-drop-down {top: 66px;}
}

@media(max-width: 1440px) {
    .Header_Group .mega-menu .menu-links>li>a {padding:0 .5vw;}

    .Header_Nav_Member .mega-menu .menu-links>li {padding: 0 .75rem;}
}

@media(max-width: 1200px) {
    .Header_Group .mega-menu .menu-links>li>a {padding:0 1rem;}
    .Header_Nav_Member .mega-menu .menu-links>li {padding: 0 .75rem;}
}

@media(max-width: 991px) and (min-width:768px) {
    .Header_Group .mega-menu .menu-links>li>a {padding:0 .5rem 0 1rem;}
}

@media (max-width: 991px) {
    .Header_Group .mega-menu .menu-links>li>a {line-height:70px; padding: 0 1.5rem; font-size: 1em;}
    .Header_Nav_Member .mega-menu .menu-links>li {padding: 0 .25rem;}
}

@media(min-width: 768px) {
    body .header {position:fixed; width: 100%; top: 0; z-index: 100;}
    .Header_Group .mega-menu .menu-links {display: flex!important; justify-content: center; width: 100%; padding: 18px 20px; align-items: center; position: relative;}
    .gizle.Header_Group .mega-menu .menu-links {padding: 10px 20px; transition: all .35s ease;}
    .Header_Group .mega-menu .menu-links>li>a {text-align: center; font-size: 1.0rem; color: #fff!important;}
    .gizle.Header_Group .mega-menu .menu-links>li>a {color: #25303f!important; transition: all .8s ease;}
    .gizle.Header_Group .mega-menu .menu-links>li:nth-last-child(1) a {color: #ffffff!important;}
    .Header_Group .mega-menu .menu-links>li>a i {position: absolute; bottom: 0; text-align: center; left: 46%; right: 46%; bottom: 10px; display: none!important;}
    .Header_Group .mega-menu .menu-links li .mg-drop-down {width: 100%; padding: 15px 30px 10px 30px;}
}

@media (min-width: 991px) {
    .Header_Group .mega-menu .menu-links li .list_box {margin-right: 1.0vw; padding: 5px 10px;}
    .Header_Group .mega-menu .menu-links>li>a {padding: 0 1vw;}
    .Header_Group .mega-menu .menu-links>li>a>img {width: 80%;}
    .Header_Group .mega-menu .mg-drop-down {display: flex!important; justify-content: center; flex-direction: row; padding: 0; top: 86px; left: 0!important; background: rgb(73 73 73 / 95%) !important;}
    .gizle.Header_Group .mega-menu .mg-drop-down {top: 70px;}
}

@media(max-width: 1199px) and (min-width:991px) {
    .Header_Group .mega-menu .mg-drop-down { display:flex!important; justify-content: center; flex-direction: row; padding: 30px 30px; top: 66px; left: 0!important; background: rgb(73 73 73 / 90%)!important;}
    .gizle.Header_Group .mega-menu .mg-drop-down {top: 66px; }
}

@media (max-width: 767px) {
    .Header_Group .mega-menu .menu-links {margin-top:50px;}
}

@media screen and (max-width: 767px) {
    .Header_Nav_Member .mega-menu .menu-mobile-collapse-trigger {z-index:99999999; height: 50px; width: 50px; background: #b8a98f;}
    .Header_Nav_Member .mega-menu .menu-mobile-collapse-trigger:hover {background: #313246;}
    .Header_Nav_Member .mega-menu .menu-mobile-collapse-trigger span,.Header_Nav_Member .mega-menu .menu-mobile-collapse-trigger:after,.Header_Nav_Member .mega-menu .menu-mobile-collapse-trigger:before {height: 2px; width: 30px; background: #fff;}
    .Header_Nav_Member .mega-menu .menu-mobile-collapse-trigger.active:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 36px; top: 11px; left: 11px;}
    .Header_Nav_Member .mega-menu .menu-mobile-collapse-trigger.active:after {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 36px; width: 36px; left: 10px}
}

@media (max-width: 991px) {
    .Header_Nav_Member {background-color:#fff!important; padding: 0 15px 0 15px;}
    .Header_Nav_Member .mega-menu>section.menu-list-items {background: #fff!important;}
    .Header_Group .mega-menu .menu-links>li>a {padding: 0 1rem; color: #fff !important;}
    .Header_Group .mega-menu .menu-links {justify-content: flex-end; flex-direction: row; max-height: 100vh!important;}
}

@media (max-width: 768px) {
    .Header_Group .mega-menu .menu-links>li>a {padding:10px 0; line-height: 30px; text-align: center; width: 100%; color: #3a3a44!important;}
    .Header_Group .mega-menu .menu-links>li>a img {margin: 0 auto; float: none;}
    .Header_Nav_Member .mega-menu .menu-links>li {padding: 0 .5rem; background: #f9f6f0!important; border-bottom: 1px solid #e8e7e6;}
    .Header_Group .mega-menu .menu-links>li:hover {background: #e6d9c1!important;}
    .Header_Nav_Member .mega-menu .menu-links li .list_box {padding: 0;}
    .Header_Nav_Member .mega-menu .menu-links li .list_box ul li {display: inline-flex; margin: 0 0!important; padding: 5px 7px;}
    .Header_Group .mega-menu .menu-links .list_box h4 {margin-bottom: .2em; text-align: center; width: 100%; padding: 5px;}
    .Header_Group .mega-menu .mg-drop-down ul {margin: 10px -5px;}
}

@media(max-width: 1200px) and (min-width: 768px) {
    .Header_Group .mega-menu .menu-links>li>a {padding: 3px 5px; font-size: .9em; line-height: 28px;}
    .Header_Group .mega-menu .menu-links>li:nth-last-child(1) a {color: #fff!important;}
    .Header_Nav_Member .mega-menu .menu-logo {padding: 2px 0 5px 15px;}
    .Header_Group .mega-menu .menu-links {height: 66px;}
    .Header_Nav_Member .mega-menu .menu-logo>li>a img {width: 70px; top: -3px;}
    .gizle {top: 0!important;}
    .gizle .Header_Nav_Member .mega-menu .menu-logo>li>a img {width: 65px;}
    .gizle .Header_Nav_Member {padding: 0 15px 0 15px;}
}

@media(max-width: 767px) {
    .Header_Group {padding:0; position: fixed;}
    .Header_Nav_Member {padding: 0 15px;}
    .Header_Nav_Member .mega-menu {padding: 0 15px;}
    .Header_Nav_Member .mega-menu .menu-logo>li>a {position: fixed; background-color: transparent; margin: 0; padding: 8px 15px;}
    .Header_Nav_Member .mega-menu .menu-logo>li>a img {position: initial;}
}

.Footer_Group {background: url(https://materials.fillo.com.tw/materials/justfly/images/cf41cc0b-14d7-4a19-862a-28532b76103a.jpg); position: relative; background-position: center 30% !important;}
.Footer_Group::before {content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; background-color: rgba(20, 38, 75, .9);}
.Footer_Group .footer-wrap,
.Footer_Group .footer-wrap .footer-sample .footer_center,
.Footer_Group .footer-wrap .footer-sample .fnav_wrap {background: transparent !important;}
.Footer_Group .footer-wrap .footer-sample .fnav_wrap {display: block;}
.Footer_Group .footer-wrap .footer-sample .fnav_wrap .footer_nav li {display: flex; align-items: center;}
.Footer_Group .footer-wrap .footer-sample .fnav_wrap .footer_nav li a {color: #FFF; font-size: 16px;}
.Footer_Group .footer-wrap .footer-sample .fnav_wrap .footer_nav li a:hover {background: #14264b !important;}
.Footer_Group .footer-wrap .footer-sample .fnav_wrap .footer_nav li::after {content: "|"; color: #FFF;}
.Footer_Group .footer-wrap .footer-sample .fnav_wrap .footer_nav li:last-child::after {content: " ";}
.Footer_Group .footer-wrap .footer-sample .icon_wrap {background: #14264b !important; padding: 12px;}
.Footer_Group .footer-wrap .footer-sample .icon_wrap p {font-size: 14px;}
.Footer_Group .footer-wrap .footer-sample .footer_center {max-width: 1360px; margin: 0 auto; border-top: 1px solid #FFF; padding-bottom: 0;}
.Footer_Group .footer-wrap .footer-sample .footer_center .company-info,
.Footer_Group .footer-wrap .footer-sample .footer_center .contact-info,
.Footer_Group .footer-wrap .footer-sample .footer_center .fb-info {flex: 0 0 33.333333%; max-width: 33.333333%; margin: 40px 0 !important;}
.Footer_Group .footer-wrap .footer-sample .footer_center .company-info .info_box .info-text h3 {font-size: 18px; color: #FFF; margin-top: 0;}
.Footer_Group .footer-wrap .footer-sample .footer_center .company-info .info_box .info-text p {font-size: 16px; color: #FFF;}
.Footer_Group .footer-wrap .footer-sample .footer_center .contact-info .contact-box {padding: 0; margin-bottom: 0 !important;}
.Footer_Group .footer-wrap .footer-sample .footer_center .contact-info .contact-box h2 {display: none;}
.Footer_Group .footer-wrap .footer-sample .footer_center .contact-info .contact-box a h4 {font-size: 16px; color: #FFF; margin-top: 0;}
.Footer_Group .footer-wrap .footer-sample .footer_center .contact-info .contact-box a:last-child h4 {margin-bottom: 0;}
.Footer_Group .footer-wrap .footer-sample .footer_center .fb-info .fb-box-wrapper {padding: 0 80px;}
.Footer_Group .footer-wrap .footer-sample .footer_center .fb-info .fb-box-wrapper .fb-box {margin-top: 10px; margin-bottom: 0 !important;}
.Footer_Group .footer-wrap .footer-sample .footer_center .fb-info .fb-box-wrapper .fb-box > .row {display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;}
.Footer_Group .footer-wrap .footer-sample .footer_center .fb-info .fb-box-wrapper .fb-box a {padding: 0; flex: 0 0 25%; max-width: 25%; text-align: center;}
.Footer_Group .footer-wrap .footer-sample .footer_center .fb-info .fb-box-wrapper .fb-box a img {width: initial !important;}
.Footer_Group .footer-wrap .footer-sample .footer_center .fb-info .footer_sbox {margin-top: 40px !important; display: flex; align-items: center; justify-content: space-evenly;}
.Footer_Group .footer-wrap .footer-sample .footer_center .fb-info .footer_sbox a {margin: 0; cursor: auto;}

.Carousel_Group {margin-top: 86px;}
.Carousel_Group .Carousel_Content .slider-container {max-width: 100%;}
.Carousel_Group .Carousel_Content .rslides {margin: 0px;}
.Carousel_Group .Carousel_Content .rslides .slide1 a {z-index: 0; overflow: hidden; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; text-shadow: 2px 2px 5px #333;}
.Carousel_Group .Carousel_Content .rslides .slide1 a .carousel-caption {top: 35%; bottom: 35%;}
.Carousel_Group .Carousel_Content .rslides .slide1 a picture {width: 100%; height: 670px; display: block; overflow: hidden;}
.Carousel_Group .Carousel_Content .rslides .slide1 a picture img {object-fit: cover; object-position: center;}

.Carousel_Group .Carousel_Content ul.thumb { z-index: 1; position: absolute; bottom: 0; margin-bottom: 0; left: 0; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: rgb(20 38 75 / 60%); backdrop-filter: blur(4px); min-height: 87px; }
.Carousel_Group .Carousel_Content .thumb li { -ms-flex: 1; flex:1; display: -ms-flexbox; display: flex; align-items: center; line-height: 20px; float: initial; padding-top: 0; margin: 0; color: #ffffff; width: auto !important; transition: all .4s ease;}
.Carousel_Group .Carousel_Content .thumb li.active{  color:#ffffff;}
.Carousel_Group .Carousel_Content .thumb li:nth-child(2).active,.Carousel_Group .Carousel_Content .thumb li:nth-child(3).active,
.Carousel_Group .Carousel_Content .thumb li:nth-child(4).active,.Carousel_Group .Carousel_Content .thumb li:nth-child(5).active{ color:#ffffff;}
.Carousel_Group .Carousel_Content .thumb li.active:after { border: 0; background: #6ea6d4; height: 5px; width: 100%; left: 0; top: initial; bottom: 0; margin-left: 0; }
.Carousel_Group .Carousel_Content .thumb li.active span::after{ opacity: 1;}
.Carousel_Group .Carousel_Content .thumb li span{ width: 100%; margin: 0; text-align: center; font-size: 20px; letter-spacing: 0.5px;  transition: all .4s ease;}
.Carousel_Group .Carousel_Content .thumb li.active span,.Carousel_Group .Carousel_Content .thumb li:nth-child(2).active span,
.Carousel_Group .Carousel_Content .thumb li:nth-child(3).active span,.Carousel_Group .Carousel_Content .thumb li:nth-child(4).active span,
.Carousel_Group .Carousel_Content .thumb li:nth-child(5).active span{ border: 0; margin: 0 0 10px;}
.Carousel_Group .Carousel_Content .thumb li + li:before{ height: 100%; background: rgb(255 255 255 / 30%); top: 0; }
.Carousel_Group .Carousel_Content .rslides a img{ -webkit-animation-name: scaleDraw; animation-name: scaleDraw; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration:8s; animation-duration: 8s; }
@media(max-width:1199px) {
    .Carousel_Group .Carousel_Content .thumb li span{ font-size: 18px;}
}
@media(max-width:991px) {
    .Carousel_Group .Carousel_Content .thumb li span{ font-size: 16px;}
    .Carousel_Group .Carousel_Content ul.thumb{ min-height: 60px;}
    .Carousel_Group .Carousel_Content .thumb li.active:after{ height: 5px;}
}
@media(max-width:767px) {
    .Carousel_Group .Carousel_Content .slider { margin-bottom: 0; }
    .Carousel_Group .Carousel_Content ul.thumb{ -ms-flex-wrap: initial; flex-wrap: initial;}
    .Carousel_Group .Carousel_Content .thumb li{ justify-content: center; width: 0 !important;}
    .Carousel_Group .Carousel_Content .thumb li.active{ flex:0 0 100%;  width: 100% !important;}
    .Carousel_Group .Carousel_Content .thumb li span{width: calc( 100% - 20px); font-size: 18px;}
    .Carousel_Group .Carousel_Content .thumb li + li:before { background: transparent; width: 0;}
}

/* 輪播放大圖片動畫 */
@keyframes scaleDraw { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }


/* 首頁國外搜尋引擎 */
.Search_Group { margin-bottom: 70px; }
.Search_Content .group_banner.search_banner .search-area {background: #FFF;}
.Search_Content .group_banner.search_banner .search-area > .container { background: transparent; border-bottom: 0;  margin: 0 auto;  padding: 0;}
.Search_Content section.group_banner .search-area .search-box{margin: 0; height: 160px; padding: 8px; align-items: center;}
.Search_Content section.group_banner .search-area .search-box>div{ padding:0 !important; -ms-flex:1; flex: 1; max-width: initial;}
.Search_Content .search-area .search-box .select-goal,
.Search_Content .search-area .search-box .select-place,
.Search_Content section.group_banner .search-area .search-box .select-date{ background: transparent;}
.Search_Content section.search_banner .search-area .search-box .select-goal,
.Search_Content section.search_banner .search-area .search-box .select-place { height: 65px; padding: 0 10px }
/* .Search_Content section.search_banner .search-area .search-box .select-goal { border-left: 1px solid #dae0eb; } */
.Search_Content .search-area .search-box .select-goal .select select, .Search_Content .search-area .search-box .select-place .select select { border: 1px solid #d6dbde; height: 40px; padding: 0 10px; color: #515151; background-color: #fff; border-radius: 6px;}
.Search_Content section.group_banner .search-area .search-box .select-input > input { height: 40px; line-height: 40px; font-size: 16px; background: #fff; padding-left: 10px; border: 1px solid #d6dbde; color: #515151 !important; border-radius: 6px;}
.Search_Content .search-area .search-box .select-place .title i,
.Search_Content .search-area .search-box .select-goal .title i,
.Search_Content .search-area .search-box .select-date .title i,
.Search_Content section.search_banner .search-area .search-box .select-input .data-icon-search{ display: none;}
.Search_Content section.group_banner .search-area .search-box .select-goal .title,
.Search_Content section.group_banner .search-area .search-box .select-place .title,
.Search_Content section.group_banner .search-area .search-box .select-date .title{ height: 28px; position:relative;}
.Search_Content section.group_banner .search-area .search-box .select-goal .title h6,
.Search_Content section.group_banner .search-area .search-box .select-place .title h6,
.Search_Content section.group_banner .search-area .search-box .select-date .title h6{ margin: 0; padding-left: 22px; font-size: 16px; color: #515151;}
.Search_Content section.group_banner .search-area .search-box>div:nth-child(4) { flex: 0 0 22%; }
.Search_Content section.group_banner .search-area .search-box .select-date { padding: 0 10px; height: 65px; /*border-left: 1px solid #dae0eb; border-right: 1px solid #dae0eb;*/ }
.Search_Content section.group_banner .search-area .search-box .select-date .select {display: block;}
.Search_Content section.group_banner .search-area .search-box .select-date .select input { color: #515151; border: 1px solid #d6dbde; height: 40px; line-height: 40px; padding: 0 10px; width: calc(50% - 14px); background: #fff !important; border-radius: 6px;}
.Search_Content section.group_banner .search-area .search-box>div:nth-child(5) { display: -ms-flexbox; display: flex; align-items: flex-start; flex: 0 0 20%; margin-top: 30px; padding-left:10px !important; padding-right: 20px !important; }
.Search_Content .search-area .search-box .select-date .select .divide { background: #333333; margin: 20px 5px 0px 5px; }
.Search_Content section.group_banner .search-area .search-box>div:last-child { margin-top:0; flex: 0 0 130px;display: -ms-flexbox; display: flex; align-items: flex-start;}
.Search_Content section.group_banner .search-area .search-box .search-btn { height: 65px; line-height: 65px; background: #aab7d1; outline: none; border-radius: 0; -webkit-transition: all 0.5s; transition: all 0.5s;}
.Search_Content .search-area .search-box .search-btn h5 { position: relative; font-size:0; width:100%; padding-right: 35px; }
.Search_Content .search-area .search-box .search-btn h5::before { content: ""; background: url(https://materials.fillo.com.tw/materials/justfly/images/5da78c23-b7eb-494a-9995-18f8d942cdd7.svg) no-repeat center; width: 28px; height: 29px; position: absolute; right: 10px; top: 18px; -webkit-transition: all .4s; transition: all .4s; }
.Search_Content .search-area .search-box .search-btn h5::after { content: "Search"; font-size: 18px; line-height: 65px;}
.Search_Content section.group_banner .search-area .search-box .search-btn:hover{background: #14264b; }
.Search_Content .search-area .search-box .search-btn i{ display: none;}
.Search_Content section.group_banner .search-area .search-box .select-goal .title::after,
.Search_Content section.group_banner .search-area .search-box .select-date .title::after,
.Search_Content section.group_banner .search-area .search-box .select-place .title::after { content: ""; position: absolute;top: 3px; width: 17px; height: 17px; left: 2px; background-position: center; background-repeat: no-repeat;}
.Search_Content section.group_banner .search-area .search-box .select-place .title::after {background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/0665e114-86b3-4453-b557-f89fd6f670dd.svg); width: 16px; }
.Search_Content section.group_banner .search-area .search-box .select-goal .title::after { background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/bc8b6af1-29d5-46bc-bd1a-8896badabcc7.svg); width: 16px; }
.Search_Content section.group_banner .search-area .search-box>div:nth-child(3)>div.select-goal .title::after{ background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/78a99a88-cc42-4547-a307-bb1edfe425e1.svg); width: 16px; }
.Search_Content section.group_banner .search-area .search-box .select-date .title::after { background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/9340d9b6-4b78-43d1-b514-5e8ad8a16ef5.svg); width: 16px; height: 16px; top: 3px; }
.Search_Content section.group_banner .search-area .search-box .select-input::before { content: "關鍵字"; position: absolute; padding-left: 36px; font-size: 16px; letter-spacing: 1px; color: #333333; top: -28px; left: 0; }
.Search_Content section.search_banner .search-area .search-box .select-input::after { content: ""; position: absolute; left: 17px; top: -24px; width: 16px; height: 16px; background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/deae6235-c797-460c-bf93-0adef4dd0b24.svg); background-size:16px; }
.Search_Content section.group_banner .search-area .search-box .select-status { right: 150px; }
.Search_Content section.group_banner .form-check label { color: #333333; font-weight: 600; }
.Search_Content section.group_banner .form-check .checkmark,.Search_Content section.group_banner .form-check .customcheck:hover input ~ .checkmark { background-color: #ffffff; border-radius: 2px; border: 0; }
.Search_Content section.group_banner .form-check .customcheck input:checked ~ .checkmark { background-color: #c3a07d; border-radius: 2px; border: 0; }
.Search_Content section.group_banner .form-check .checkmark:after{ top: 1px;}
.Search_Content  section.group_banner .search-area .search-box .select-status>.form-check:nth-child(2) { display: none; } /*隱藏可報名*/

/*搜尋月曆*/
.datepicker.dropdown-menu { border: 1px solid #aab7d1; }
.datepicker.datepicker-dropdown:before { border-bottom-color: #aab7d1; }
.datepicker.datepicker-dropdown.datepicker-orient-top:before { border-top: 7px solid #aab7d1; }
.datepicker td,
.datepicker th { width: 30px; height: 30px; }
.datepicker table tr td.active.active { background:#e09b00; }
.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev { color: #14264b; }
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover { background-color: #14264b; }
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active { background:#e09b00; }
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:hover { background: #14264b; }
@media screen and (min-width: 1401px){
  .Search_Content .group_banner.search_banner .search-area > .container { max-width: 1360px; }
}
@media(max-width:1360px){
	.Search_Content .group_banner.search_banner .search-area > .container{ max-width:100%;}
}
@media(max-width:1199px){
	.Search_Content .group_banner.search_banner .search-area > .container { padding: 0; }
	.Search_Content section.group_banner .search-area .search-box .select-input > input{ margin-bottom: 5px;}
	.Search_Content section.group_banner .search-area .search-box>div:last-child{ margin-bottom: 5px;}
  .Search_Content section.group_banner .search-area .search-box .select-status{ position: absolute;}
}
@media(max-width:991px) {
  .Search_Group { margin-bottom: 20px; }
	.Search_Content section.group_banner .search-area .search-box { height: auto; }
	.Search_Content section.group_banner .search-area .search-box>div,
	.Search_Content section.group_banner .search-area .search-box>div:nth-child(4){ -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 10px; }
  .Search_Content .search-area .search-box .select-date .select { width: 100%; }
	.Search_Content section.group_banner .search-area .search-box>div:last-child { flex: 1; justify-content: center; margin-top: 10px; margin-bottom: 10px; }
	.Search_Content section.group_banner .search-area .search-box .search-btn{width: 200px;}
	.Search_Content section.group_banner .search-area .search-box .select-date .select { width: 100%; }
	.Search_Content section.group_banner .search-area .search-box .select-date .select input{ width: calc(50% - 13px);}
	.Search_Content section.group_banner .search-area .search-box>div:nth-child(5) { flex: 0 0 100%; margin-top: 28px; padding-right: 0px !important; padding-left: 0px !important;}
  .Search_Content section.group_banner .search-area .search-box .select-status { position: unset; flex: 0 0 100%; margin-top: -20px; padding-right: 10px !important; }
  .search_domestic section.search_banner .search-area .search-box .select-destination,
  .search_domestic section.search_banner .search-area .search-box .select-departure { height: 65px; }
  .Search_Content section.group_banner .search-area .search-box .select-goal .title,
  .Search_Content section.group_banner .search-area .search-box .select-place .title,
  .Search_Content section.group_banner .search-area .search-box .select-date .title{ height: 24px;}
  .Search_Content .search-area .search-box .select-goal .select select,
  .Search_Content .search-area .search-box .select-place .select select,
  .Search_Content section.group_banner .search-area .search-box .select-date .select input,
  .Search_Content section.group_banner .search-area .search-box .select-input > input{ height: 36px;}
  .Search_Content section.search_banner .search-area .search-box .select-goal,
  .Search_Content section.search_banner .search-area .search-box .select-place{ padding: 0;}
  .Search_Content section.search_banner .search-area .search-box .select-goal { border-left: 0; border-bottom: 1px solid #dae0eb; }
  .Search_Content section.search_banner .search-area .search-box .select-place { border-bottom: 1px solid #dae0eb; }
  .Search_Content section.group_banner .search-area .search-box .select-date { border-left: 0; border-right: 0; border-bottom: 1px solid #dae0eb; }
  .Search_Content section.group_banner .search-area .search-box .select-input{border-bottom: 1px solid #dae0eb;}
  .Search_Content section.group_banner .search-area .search-box .select-input::before{ padding-left: 20px; top: -26px;}
  .Search_Content section.search_banner .search-area .search-box .select-input::after{ top:-22px; left: 2px;}
}

@media(max-width:767px) {
  .Search_Content section.group_banner .search-area .search-box>div:nth-child(4){ flex: 0 0 50%; max-width: 50%; }
  .Search_Content section.group_banner .search-area .search-box>div:last-child{ margin: 10px auto;}
  .Search_Content section.group_banner .search-area .search-box .search-btn { height: 45px; line-height: 45px;}
  .Search_Content .search-area .search-box .search-btn h5{ height: 45px;}
  .Search_Content .search-area .search-box .search-btn h5::before{ top: 8px;}
  .Search_Content .search-area .search-box .search-btn h5::after{ line-height: 45px; font-size: 22px;}
  .Search_Content .mic_icon{ top: -5px;}
  .Search_Content section.group_banner.search_banner{ width: 100%;}
}
@media(max-width:575px) {
  .Search_Content section.group_banner .search-area .search-box>div:nth-child(3), .Search_Content section.group_banner .search-area .search-box>div:nth-child(4), .Search_Content section.group_banner .search-area .search-box>div:nth-child(5) { flex: 0 0 100%; max-width: 100%; }
  .Search_Content section.group_banner .search-area .search-box>div:first-child, .Search_Content section.group_banner .search-area .search-box>div:nth-child(2){ flex: 0 0 100%;  max-width: 100%;}
  .Search_Content .mic_icon i{ padding: 5px 15px 3px;}
  .Search_Content section.group_banner .search-area .search-box .search-btn{ width: 150px;}
  .Search_Content .search-area .search-box .search-btn h5::before{ background-size: 22px;}
}

.Guaranty_Group {background: url(https://materials.fillo.com.tw/materials/justfly/images/c1341bba-1550-4026-8358-75d6df6c1140.jpg); background-repeat: no-repeat;}

.Guaranty_Title {background: #14264b; height: 278.5px; border-radius: 0 60px 0 0; position: absolute; top: -70px; left: 0;}
.Guaranty_Title div {height: 100%;}
.Guaranty_Title div.header-title {display: none;}
.Guaranty_Title div.module {display: flex; justify-content: center; align-items: center;}
.Guaranty_Title div.module .text-link {margin-right: 45px; position: relative;}
.Guaranty_Title div.module .text-link:after {content: '['; color: #FFF; font-size: 60px; position: absolute; top: -20%; left: -15%;}
.Guaranty_Title div.module .text-link:before {content: ']'; color: #FFF; position: absolute; font-size: 60px; top: -20%; right: -15%;}
.Guaranty_Title h2.text-center {color: #FFF; font-size: 26px !important; margin: 0;}
.Guaranty_Title div.link-list {background: transparent;}
.Guaranty_Title div.link-list ul {text-align: center;}
.Guaranty_Title div.link-list ul li span {color: #FFF; font-size: 18px; font-weight: bold; padding: 10px;}

.Guaranty_Content {padding-left: 30%;}
.Guaranty_Content .swiper-container {padding-left: 10px; position: initial;}
.Guaranty_Content .swiper-container .swiper-button-prev {width: 36px; height: 36px; top: var(--swiper-navigation-top-offset, 30%); left: var(--swiper-navigation-sides-offset, 17%); right: auto; opacity: .7; transition: all .8s;}
.Guaranty_Content .swiper-container .swiper-button-next {width: 36px; height: 36px; top: var(--swiper-navigation-top-offset, 30%); left: var(--swiper-navigation-sides-offset, 20%); right: auto; opacity: .7; transition: all .8s;}
.Guaranty_Content .swiper-container .swiper-button-prev:after {content: ' '; width: 36px; height: 36px; background: url(https://materials.fillo.com.tw/materials/justfly/images/a88cf355-ffc4-46ac-8a8c-8187085fed3c.png); background-repeat: no-repeat;}
.Guaranty_Content .swiper-container .swiper-button-next:after {content: ' '; width: 36px; height: 36px; background: url(https://materials.fillo.com.tw/materials/justfly/images/b14710a5-6bb0-412a-a64b-a7ff46bfad8a.png); background-repeat: no-repeat;}
.Guaranty_Content .swiper-container .swiper-button-prev:hover,
.Guaranty_Content .swiper-container .swiper-button-next:hover {opacity: 1; transition: all .8s;}
.Guaranty_Content .swiper-wrapper a.swiper-slide {position: relative; box-shadow: none; border-radius: 0; margin-top: 65px; margin-bottom: 65px; transition: 0.5s;}
.Guaranty_Content .swiper-wrapper a.swiper-slide .swiper-img {margin: 10px;}
.Guaranty_Content .swiper-wrapper a.swiper-slide .swiper-img img {transition: 0.5s;}
.Guaranty_Content .swiper-wrapper a.swiper-slide.swiper-slide-active {border-radius: 70px 0; box-shadow: 1px 1px 10px #968e93;}
.Guaranty_Content .swiper-wrapper a.swiper-slide.swiper-slide-active .swiper-img img {border-radius: 60px 0;}
.Guaranty_Content .swiper-wrapper a.swiper-slide:hover {border-radius: 70px 0; box-shadow: 1px 1px 10px #968e93; transition: 0.5s; overflow:hidden;}
.Guaranty_Content .swiper-wrapper a.swiper-slide:hover .swiper-img img {border-radius: 60px 0; transition: 0.5s; backdrop-filter: blur(4px);}
.Guaranty_Content .swiper-wrapper a.swiper-slide .swiper-title {padding: 15px;}
.Guaranty_Content .swiper-wrapper a.swiper-slide h3 {position: absolute; left: 10px; bottom: 0; background: rgba(255 ,255, 255, .8); font-size: 18px; color: #2d374c; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr }

.Theme_Group {max-width: 1360px; margin: 0 auto;}

.Theme_Title {}
.Theme_Title div {height: 100%;}
.Theme_Title div.header-title {display: none;}
.Theme_Title div.module {display: flex; justify-content: center; align-items: center;}
.Theme_Title div.module .text-link {position: relative; margin: 50px 0 30px;}
.Theme_Title div.module .text-link:after {content: '['; color: #919191; font-size: 60px; position: absolute; top: -20%; left: -15%; font-weight: 100;}
.Theme_Title div.module .text-link:before {content: ']'; color: #919191; position: absolute; font-size: 60px; top: -20%; right: -15%; font-weight: 100;}
.Theme_Title h2.text-center {color: #2d374c; font-size: 26px !important; margin: 0;}
.Theme_Title div.link-list {background: transparent;}
.Theme_Title div.link-list ul {text-align: center;}
.Theme_Title div.link-list ul li span {color: #919191; font-size: 18px; font-weight: bold; padding: 10px;}

.Theme_Content .wall-wrapper {background: transparent;}
.Theme_Content .wall-wrapper .thicon_info {width: calc(100% - 15px); margin: 7.5px; background: #344cb7; aspect-ratio: 4 / 3; display: block;}
.Theme_Content .wall-wrapper .thicon_info figure {aspect-ratio: 4/3;}
.Theme_Content .wall-wrapper .thicon_info figure .b_img {max-width: 100%; object-fit: cover; object-position: center center; height: 100%;}
.Theme_Content .wall-wrapper .thicon_info:hover figure .b_img {opacity: 0.4;}
.Theme_Content .wall-wrapper .thicon_info figure::before {content: ''; position: absolute; top: 3rem; bottom: 3rem; left: 50%; right: 50%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; opacity: 0.5; transition: 0.35s;}
.Theme_Content .wall-wrapper .thicon_info:hover figure::before {left: 3rem; right: 3rem; transition: 0.35s; opacity: 1;}
.Theme_Content .wall-wrapper .thicon_info figure::after {content: ''; position: absolute; top: 50%; bottom: 50%; left: 3rem; right: 3rem; border-left: 1px solid #fff; border-right: 1px solid #fff; opacity: 0.5; transition: 0.35s;}
.Theme_Content .wall-wrapper .thicon_info:hover figure::after {top: 3rem; bottom: 3rem; opacity: 1; transition: 0.35s;}
.Theme_Content .wall-wrapper .thicon_info span {width: 80%;text-align: justify;top: 4%;font-size: 16px;letter-spacing: 0.1rem;font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;font-weight: normal;text-shadow: none;transition: 0.35s;opacity: 0;color: #FFF;margin: 0 auto;left: 0;right: 0;}
.Theme_Content .wall-wrapper .thicon_info:hover span {top: 38%; opacity: 1; transition: 0.35s;}
.Theme_Content .wall-wrapper .thicon_info h3 {font-size: 1.3rem; color: #fff; font-weight: normal; font-family: 'Noto Serif TC', 'Cormorant SC', serif !important; width: 100%; bottom: unset; top: calc(48% - 11px); text-align: center; margin: 0; letter-spacing: 0.1rem; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); transition: 0.35s;}
.Theme_Content .wall-wrapper .thicon_info:hover h3 {top: calc(27% - 11px); transition: 0.35s;}
.Theme_Content .wall-wrapper .thicon_info .theme_info {display: none;}

@media (max-width:1440px) {
  .Theme_Content .wall-wrapper .thicon_info figure::before {top: 2rem; bottom: 2rem;}
  .Theme_Content .wall-wrapper .thicon_info:hover figure::before {left: 2rem; right: 2rem;}
  .Theme_Content .wall-wrapper .thicon_info figure::after {left: 2rem; right: 2rem;}
  .Theme_Content .wall-wrapper .thicon_info:hover figure::after {top: 2rem; bottom: 2rem;}
  .Theme_Content .wall-wrapper .thicon_info span {bottom: 30%;}
  .Theme_Content .wall-wrapper .thicon_info:hover span {bottom: 32%;}
}

@media (max-width:991px) {
  .Theme_Content .wall-wrapper .thicon_info h3 {top: calc(44% - 11px);}
}


.Video_Group {margin-bottom: 50px;}
.Video_Title {}
.Video_Title div {height: 100%;}
.Video_Title div.header-title {display: none;}
.Video_Title div.module {display: flex; justify-content: center; align-items: center;}
.Video_Title div.module .text-link {position: relative; margin: 50px 0 30px;}
.Video_Title div.module .text-link:after {content: '['; color: #919191; font-size: 60px; position: absolute; top: -20%; left: -15%; font-weight: 100;}
.Video_Title div.module .text-link:before {content: ']'; color: #919191; position: absolute; font-size: 60px; top: -20%; right: -15%; font-weight: 100;}
.Video_Title h2.text-center {color: #2d374c; font-size: 26px !important; margin: 0;}
.Video_Title div.link-list {background: transparent;}
.Video_Title div.link-list ul {text-align: center;}
.Video_Title div.link-list ul li span {color: #919191; font-size: 18px; font-weight: bold; padding: 10px;}



.Video_Content_T .content-bottom,.Video_Content_T .content-top {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none;}
.Video_Content_T:hover .play {-webkit-filter: brightness(150%); filter: brightness(150%);}
.Video_Content_T .position-bottom {position: relative;}
.Video_Content_T .content-bottom .btn {padding: 0; border: none; position: absolute; bottom: 0; right: 0;}
.Video_Content_T h4 {font-weight: 400; letter-spacing: .3rem; font-size: 1.25rem; pointer-events: none;}
.Video_Content_T h2,.Video_Content_T h2 span {margin-bottom: 1rem; letter-spacing: .25rem; margin: 1.5rem 0 2rem 0; font-size: 3rem; font-family: 'Noto serif TC',serif!important; font-weight: 400;}

@media (max-width: 1200px) {
    .Video_Content_T [data-fancybox] img {height:initial!important; aspect-ratio: 4/2; object-fit: cover; object-position: center center;}
    .Video_Content_T h2,.Video_Content_T h2 span {letter-spacing: .1rem; margin: 1rem 0 1rem 0; font-size: 2.4rem;}
    .Video_Content_T .play img {width: 80px;}
}

@media (max-width: 991px) {
    .Video_Content_T [data-fancybox] img {height:initial!important; aspect-ratio: 4/2.5; object-fit: cover; object-position: center center;}
    .Video_Content_T h2,.Video_Content_T h2 span {letter-spacing: .1rem; margin: .5rem 0 .5rem 0; font-size: 2rem;}
    .Video_Content_T .play img {width: 60px;}
}

@media (max-width: 768px) {
    .Video_Content_T {max-width:100%;}
    .Video_Content_T [data-fancybox] img {height: initial!important; aspect-ratio: 4/2; object-fit: cover; object-position: center center;}
    .Video_Content_T h2,.Video_Content_T h2 span {letter-spacing: .1rem; margin: .5rem 0 .5rem 0; font-size: 1.5rem;}
    .Video_Content_T .play {margin: 0;}
    .Video_Content_T .play img {width: 40px;}
}

@media (max-width: 500px) {
    .Video_Content_T [data-fancybox] img {aspect-ratio:4/3;}
}

.Video_Content_B {margin-top: -6rem;}
.Video_Content_B .content-bottom {}
.Video_Content_B .content-bottom section {margin: 10px auto 20px;}
.Video_Content_B .content-bottom section h2 {font-size: 1rem; color: #2d374c;}
.Video_Content_B .fancybox-wrapper a[data-fancybox] {border-radius: 15px; overflow: hidden; box-shadow: 1px 1px 10px #bcb5b9; position: relative;}
.Video_Content_B .fancybox-wrapper a[data-fancybox]::before {content: ''; width: 70px; height: 70px; background: url(https://materials.fillo.com.tw/materials/union/images/9c883c7c-a2c9-460f-9e23-66f3df2e0c1d.png); display: block; position: absolute; background-size: contain; background-position: center; background-repeat: no-repeat; left: 36%; top: 28%;}
.Video_Content_B .fancybox-wrapper a[data-fancybox]:hover {box-shadow: 1px 1px 10px #968e93;}
.Video_Content_B .fancybox-wrapper a[data-fancybox]:hover::before {-webkit-filter: brightness(150%); filter: brightness(150%);}

@media (max-width: 991px) {
    .Video_Content_B {max-width:80%; margin-top: -3rem;}
}

@media (max-width: 768px) {
    .Video_Content_B {margin-top:-1rem;}
}

@media (max-width: 500px) {
    .Video_Content_B {margin-top:-2rem;}
}

/*主題頁-旅遊攻略*/
.Theme_Pages {padding: 50px 0;}
.Theme_Pages_Bg {background: #FFF;}
.Theme_Pages > .module-container {max-width: 1360px; margin: 0 auto; padding: 0 15px;}
.Theme_Pages > .module-container > .main > .header-title {display: flex; align-items: center; font-size: 32px; color: #333; font-weight: 300;}
/*.Theme_Pages > .module-container > .main > .header-title:before {content: " "; width: 30px; height: 30px; background: #fcca88; display: table; border-radius: 50%; margin-right: -20px; margin-top: -20px;}*/

.Theme_Pages.Theme_Introduction .Theme_Introduction_Content .grid {padding-bottom: 0px;}
.Theme_Pages.Theme_Introduction .Theme_Introduction_Content .grid h3 {color: #2d374c; font-size: 20px;}
.Theme_Pages.Theme_Introduction .Theme_Introduction_Content .grid p {color: #515151; font-size: 16px;}


.Theme_Auto_List_Content > .module-container {max-width: 1360px; margin: 0 auto; padding: 0 15px;}
.Theme_Auto_List_Content .content-container {margin: 0 -15px;}
.Theme_Auto_List_Content .content-container .metropolis .title_box {display: flex; align-items: center; padding: 0 35px;}
.Theme_Auto_List_Content .content-container .metropolis .title_box .left_box {position: relative;  margin: 0px;}
.Theme_Auto_List_Content .content-container .metropolis .title_box .left_box img {display: none;}
.Theme_Auto_List_Content .content-container .metropolis .title_box .left_box h1 {font-size: 26px !important; color: #2d374c; margin: 0;}
.Theme_Auto_List_Content .content-container .metropolis .title_box .left_box h1:after {content: '['; color: #919191; font-size: 34px; position: absolute; top: -25%; left: -10%; font-weight: 100;}
.Theme_Auto_List_Content .content-container .metropolis .title_box .left_box h1:before {content: ']'; color: #919191; position: absolute; font-size: 34px; top: -25%; right: -10%; font-weight: 100;}
.Theme_Auto_List_Content .content-container .product_all {display: flex; flex-wrap: wrap; margin: 10px 0;}
.Theme_Auto_List_Content .content-container .product_all .product_box {flex: 0 0 calc(33.33% - 15px); max-width: calc(33.33% - 15px); margin: 7.5px; padding: 15px; background: #FFF; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; overflow: hidden;}
.Theme_Pages_Bg .Theme_Auto_List_Content .content-container .product_all .product_box {background: #f5f5f5;}
.Theme_Auto_List_Content .content-container .product_all .product_box > div {flex: 0 0 100%; max-width: 100%;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_img {margin-bottom: 15px; overflow: hidden;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_img a {display: block; overflow: hidden;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_img img {width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; transition: all .8s;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_img a img {width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; transition: all .8s;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_name a {font-size: 18px; color: #515151; font-weight: 500; text-align: justify; height: 75px; line-height: 25px; margin: 0; text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_name a:hover,
.Theme_Auto_List_Content .content-container .product_all .product_box:hover .product_name a {color: #2d374c;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_description {color: #df6161; margin-top: 10px;}
.Theme_Auto_List_Content .content-container .product_all .product_box .departure_date {margin-top: 10px; height: 72px;}
.Theme_Auto_List_Content .content-container .product_all .product_box .departure_date a {color: #515151;}
.Theme_Auto_List_Content .content-container .product_all .product_box .departure_date a:hover {color: #2d374c;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_price {margin-top: 10px; text-align: right; height: 36px;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_price h,
.Theme_Auto_List_Content .content-container .product_all .product_box .product_price span {font-size: 24px; color: #df6161; font-weight: 500;}
.Theme_Auto_List_Content .content-container .product_all .product_box:hover .product_img img {transform: scale(1.1); transition: all .8s;}
.Theme_Auto_List_Content .content-container .product_all .product_box .product_offer {position: absolute; top: -100%; left: 0; opacity: 0; color: #FFF; text-shadow: 2px 2px 5px #333; padding: 15px 30px; background: rgba(255, 255, 255, .5); width: 100%; height: 52%; transition: all .8s;}
.Theme_Auto_List_Content .content-container .product_all .product_box:hover .product_offer {top: 15px; opacity: 1; transition: all .8s;}

.About_Banner .container > h2 {position: absolute; top: 220px; margin-bottom: 0 !important; left: 0; width: 100%; font-size: 0; text-align: center; border: none; color: #FFF; text-shadow: 2px 2px 5px #333; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: center;}
.About_Banner .container > h2:before {content:'聯絡我們';width: 100%;text-align: center; color: #FFF;text-shadow: 2px 2px 5px #333;font-weight: bold; font-size: 2.625rem; letter-spacing: 10px;}
.About_Banner .container > h2:after {content:'CONTACT US';width: 100%;text-align: center; color: #FFF;text-shadow: 2px 2px 5px #333;font-weight: bold; font-size: 1.5rem; margin-top: 10px;}
.About_Group {max-width: 1360px; margin: 0 auto;}
.About_Group div {height: 100%;}
.About_Group div.header-title {display: none;}
.About_Group div.module {display: flex; justify-content: center; align-items: center;}
.About_Group div.module .text-link {position: relative; margin: 50px 0 30px;}
.About_Group div.module .text-link:after {content: '['; color: #919191; font-size: 60px; position: absolute; top: -20%; left: -15%; font-weight: 100;}
.About_Group div.module .text-link:before {content: ']'; color: #919191; position: absolute; font-size: 60px; top: -20%; right: -15%; font-weight: 100;}
.About_Group h2.text-center {color: #2d374c; font-size: 26px !important; margin: 0;}
.About_Group div.link-list {background: transparent;}
.About_Group div.link-list ul {text-align: center;}
.About_Group div.link-list ul li span {color: #919191; font-size: 18px; font-weight: bold; padding: 10px;}

.go-to-top .top {background: #007568;}
.filter_list i, .text_blue,
.search-area .search-box .select-date .title i,
.search-area .search-box .select-goal .title i,
.search-area .search-box .select-place .title i,
section.search_banner .search-area .search-box .select-input .data-icon-search,
section.search_con .pagination .page-item .page-link:hover, section.search_con .pagination .page-item .page-link:active,
section.search_con .pagination .page-item.active .page-link {color: #14264b;}
.irs-from, .irs-single, .irs-to, .irs-slider, .table .thead, .go-to-top:hover .top, .irs-bar,
.search-area .search-box .search-btn {background: linear-gradient(-45deg, #14264b, #14264b);}
.irs-slider.state_hover, .irs-slider:hover,
section.group_banner .form-check .customcheck input:checked ~ .checkmark,
section.search_con .pagination .page-item .page-link:hover, section.search_con .pagination .page-item .page-link:active,
section.search_con .pagination .page-item.active .page-link {border-color: #14264b;}
.badge-primary,
.filter_list .form-check .customcheck input:checked ~ .checkmark {background-color: #14264b;}
.list_con .style_icon .nav-pills .nav-link.active svg {fill: #14264b;}

.WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner {margin-top: 86px;}

.stroke_box .line {background: url(/eweb_matsu/images/top_images/produit_line.jpg) no-repeat center 25px; height: 91px; border: none;}
.stroke_box .line h1 {display: table; background: #FFF; padding: 0 15px;}
.stroke_box h1,
.stroke_box h2,
.stroke_box h3,
.stroke_box h4,
.stroke_box h5,
.stroke_box h6 {margin: 20px auto 10px auto !important; color: #333 !important;}
.stroke_box h1, .stroke_box .h1{font-size:2em !important; line-height: 40px;}
.stroke_box h2, .stroke_box .h2{font-size:1.5em !important; line-height: 40px; text-align: center;}
.stroke_box h3, .stroke_box .h3{font-size:1.17em !important; line-height: 40px;}
.stroke_box h4, .stroke_box .h4{font-size:1em !important; line-height: 40px;}
.stroke_box h5, .stroke_box .h5{font-size:.83em !important; line-height: 40px;}
.stroke_box h6, .stroke_box .h6{font-size:.75em !important; line-height: 40px;}
.stroke_box .item img {max-width: 100%;}
.stroke_box iframe {width: 100% !important;}