body {
  background-position: left top;
  background-attachment: scroll;
}
body h1 {
  font-size: NaNpx;
}
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;
}
/*font*/
@font-face {
  font-family: SweiSpringCJKtc-Regular;
  src: url(https://cdn.jsdelivr.net/gh/max32002/swei-spring@1.068/WebFont/CJK%20TC/SweiSpringCJKtc-Regular.woff2) format("woff2")
  , url(https://cdn.jsdelivr.net/gh/max32002/swei-spring@1.068/WebFont/CJK%20TC/SweiSpringCJKtc-Regular.woff) format("woff");
}
@font-face {
  font-family: SweiSpringCJKtc-Regular;
  src: url(https://cdn.jsdelivr.net/gh/max32002/swei-spring@1.068/WebFont/CJK%20TC/SweiSpringCJKtc-Regular.woff2) format("woff2")
  , url(https://cdn.jsdelivr.net/gh/max32002/swei-spring@1.068/WebFont/CJK%20TC/SweiSpringCJKtc-Regular.woff) format("woff");
}

/*row WebContent*/
.web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row{
    padding-top: 85px;
}
@media (max-width:1539px) {
    .web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row{
        padding-top: 135px;
    }
}
@media (max-width:991px) {
    .web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row{
        padding-top: 108px;
    }
}
@media (max-width:767px) {
    .web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row.change_mt{
        padding-top: 68px;
    }
}

/*共用*/
.order-md-last{
    order: 13;
}

/*pageloading*/
.index_loading{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#ffffff;
    z-index:9999999;
}
.index_loading .st0 {
    stroke-dasharray: 330;
    stroke-dashoffset: 330;  
    animation: drawing-svg 4s forwards;
}
.index_loading .st1 {
    stroke-dasharray: 170;
    stroke-dashoffset: 170;  
    animation: drawing-svg 4s forwards;
}
@keyframes drawing-svg {
    85% {
        stroke-dashoffset: 0;
        fill:rgba(232, 54, 23, 0);
    }
    100% {
        stroke-dashoffset: 0;
        fill:rgba(232, 54, 23, 1);
    }
}
@media (max-width:767px){
    .index_loading svg{ 
        width:200px;
    }
}

.page_load_wrap{
    display: block;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    top: 0;
    bottom: 0;
}
.page_loading{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: end;
    background:#fff;
    width:350px;
    height:200px;
    border-radius:4px;
    box-shadow:0 0 10px rgba(255, 255, 255, 0.8);
    position:absolute;
    left:calc(50% - 150px);
    top:250px;
}
.loading01, .loading02, .loading03{
    position:absolute;
    top:30px;
    left:calc(50% - 22px);
    width:45px;
}
.loading01{
    opacity:1;
    animation: loading-svg1 2s infinite;
}
.loading02{
    opacity:0;
    animation: loading-svg2 2s infinite;
}
.loading03{
    opacity:0;
    animation: loading-svg3 2s infinite;
}
@keyframes loading-svg1 {
    0% {
        opacity:1;
    }
    33% {
        opacity:0;
    }
    66% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes loading-svg2 {
    0% {
        opacity:0;
    }
    33% {
        opacity:1;
    }
    66% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@keyframes loading-svg3 {
    0% {
        opacity:0;
    }
    33% {
        opacity:0;
    }
    66% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
.page_loading h5{
    text-align:center;
    font-size:1rem;
    font-weight:normal;
    letter-spacing:0.5px;
    line-height: 1.5;
    margin-bottom: 22px;
}

/*header*/
.row.header {
    position: fixed;
    width: 100%;
    z-index: 999;
}
.close_box{
    max-width: max-content;
    flex: unset;
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 999;
}
.close_box section.text-link div.link-list{
    min-height: max-content;
    border-radius: 3px;
    overflow: hidden;
}
.close_box section.text-link div.link-list ul li{
    line-height: 1;
}
.close_box section.text-link div.link-list ul li a, 
.close_box section.text-link div.link-list ul li span{
    padding: 0 3px 5px 0px;
    border-radius: 3px;
    line-height: 1;
}
.header_marquee{
    max-width: 750px;
    flex: 0 0 750px;
    position: absolute;
    left: 240px;
    top: 1rem;
    padding: 0;
    z-index: 100;
}
.header_marquee section.marquee{
    padding: 0;
}
.header_marquee div.message-list{
    background: none;
}
.header_marquee div.message-list ul li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.header_marquee div.message-list ul li a img{
    height: auto;
    width: 25px;
    margin-right: 10px;
}
.header_submenu{
    background:url(https://materials.fillo.com.tw/materials/xireal/images/3ff3f067-10ce-4488-9fc9-aeb97f3ad68b.jpg) ;
}
.header_submenu .header-part{
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-height: 86px;
}
.header_submenu .header-part .navbar-brand{
    padding: 9px 15px 9px 25px;
    height: 86px;
}
.header_submenu .navbar-expand-lg .navbar-nav{
    align-items:center;
    padding-right: 15px;
}
.header_submenu .header-part .navbar-collapse .navbar-nav > li > a, 
.header_submenu .header-part .navbar-collapse .navbar-nav > .nav-link{
    line-height: normal;
    font-size: 17px;
    letter-spacing: 0.5px;
    padding: 0 12px;
    position: relative;
}
.header_submenu .header-part .navbar-collapse .navbar-nav > li > a:hover, 
.header_submenu .header-part .navbar-collapse .navbar-nav > .nav-link:hover{
    background: none;
}
.header_submenu .header-part .navbar-collapse .navbar-nav > li + li > a::before, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li + li > .nav-link::before{
    content: '';
    display: block;
    height: 12px;
    width: 1px;
    background: #f7bc9c;
    transform: rotate(40deg);
    position: absolute;
    top: 5px;
    left: 1px;
}
.header_submenu .header-part .navbar-nav > li:nth-last-child(5) .nav-link > i{
    display: none;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=memberinfo] .showName, 
.mobile_member_car span[data-rel=memberinfo] .showName{
    padding: 0;
    align-items: center;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=memberinfo] .showName .member-name, 
.mobile_member_car span[data-rel=memberinfo] .showName .member-name{
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    letter-spacing: 0;
    color: #231815;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=memberinfo] .showName .member-name i, 
.mobile_member_car span[data-rel=memberinfo] .showName .member-name i{
    margin-right: 4px;
    margin-left: 2px;
    width: 19px;
    height: 19px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/28ec5153-741d-4fd1-bc69-9e5059b7b9d4.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=memberinfo] .showName .member-name i::before, 
.mobile_member_car span[data-rel=memberinfo] .showName .member-name i::before{
    display: none;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=memberinfo] .showName .member-name .greet, 
.mobile_member_car span[data-rel=memberinfo] .showName .member-name .greet{
    display: none;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=memberinfo] .showName .SignOut, 
.mobile_member_car span[data-rel=memberinfo] .showName .SignOut{
    line-height: 1;
    padding: 3px 4px 5px;
    font-size: 13px;
    margin-left: 6px;
    background-color: #e24027;
    letter-spacing: 0;
    border: 1px solid transparent;
    transition: .2s;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=memberinfo] .showName .SignOut:hover, 
.mobile_member_car span[data-rel=memberinfo] .showName .SignOut:hover{
    background: #fff;
    border: 1px solid #e24027;
    transition: .2s;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=buycart]{
    padding-left: 0;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=buycart] img{
    width: 33px;
}
.header_submenu .header-part .navbar-nav > li > .nav-link span[data-rel=buycart] .count{
    top: -9px;
    right: 3px;
    background: #e53c20;
}
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(1) > a, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(2) > a, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(3) > a, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(1) > .nav-link, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(2) > .nav-link, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(3) > .nav-link{
    width: 35px;
    height: 35px;
    border-radius: 30px;
    background: #feefe6;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #ef7f50 !important;
    border: 1px solid #ef7f50;
    margin: 0 8px;
    font-size: 19px;
    padding: 0;
}
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(1) > a::before, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(2) > a::before, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(3) > a::before, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(4) > a::before, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(1) > .nav-link::before, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(2) > .nav-link::before, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(3) > .nav-link::before, 
.header_submenu .header-part .navbar-collapse .navbar-nav > li:nth-last-child(4) > .nav-link::before{
    display: none;
}
.header_submenu .header-part .navbar-collapse .navbar-nav > li > a i.fa-commenting{
    width: 19px;
    height: 19px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/7490ef40-cb65-49d6-bc3b-d1ad04c17905.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.header_submenu .header-part .navbar-collapse .navbar-nav > li > a i.fa-commenting::before{
    display: none;
}
.header_menu{
    background: rgba(234, 82, 40, 0.85);
}
.header_menu .mega-menu > section.menu-list-items{
    background: none;
}
.header_menu .mega-menu .menu-links{
    width: 100%;
    justify-content: center;
}
.header_menu .mega-menu .menu-links > li:hover{
    background: none;
}
.header_menu .mega-menu .menu-links > li > a{
    padding: 0 27px;
    font-size: 20px;
    font-family: Taipei Sans TC !important;
    letter-spacing: 1px;
}
.header_menu .mega-menu .menu-links li div.mg-drop-down.col-12{
    padding: 15px;
    background: rgba(254, 247, 242, 0.97);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.header_menu .mega-menu .menu-links li div.mg-drop-down.col-12::-webkit-scrollbar {
    width: 10px;
}
.header_menu .mega-menu .menu-links li div.mg-drop-down.col-12::-webkit-scrollbar-button {
    background: rgba(232, 56, 23, 0.1);
    border-radius: 0px;
}
.header_menu .mega-menu .menu-links li div.mg-drop-down.col-12::-webkit-scrollbar-track-piece {
    background: rgba(232, 56, 23, 0.1);
}
.header_menu .mega-menu .menu-links li div.mg-drop-down.col-12::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(232, 56, 23, 0.5);
    border: 2px solid rgba(232, 56, 23, 0.1);
}
.header_menu .mega-menu .menu-links li div.mg-drop-down.col-12::-webkit-scrollbar-track {
    box-shadow: rgba(232, 56, 23, 0.1);
}
.header_menu .mega-menu .menu-links li div.mg-drop-down.col-12 .megamenu_box{
    display: flex;
    flex-wrap: wrap;
}
.header_menu .mega-menu .menu-links li .list_box{
    margin: 0;
    width: 25%;
}
.header_menu .mega-menu .menu-links > li:nth-child(1) .list_box{
    width: auto;
    min-width: 25%;
}
.header_menu .mega-menu .menu-links li .list_box h4{
    font-size: 19px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ee7d4f;
    line-height: 1.4;
    font-family: SweiSpringCJKtc-Regular !important;
    font-weight: 500;
    color: #231815;
    position: relative;
    width: 100%;
}
.header_menu .mega-menu .menu-links li .list_box h4::before{
    content: '';
    display: block;
    background-image: url(https://www.xi-realtour.com/material-alias/icons/arrow_color.svg);
    width: 13px;
    height: 16px;
    margin-right: 5px;
}
.header_menu .mega-menu .menu-links li .list_box ul{
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 300px;
}
.header_menu .mega-menu .menu-links li .list_box ul li{
    margin: 4px 0 5px;
    max-width: 315px;
    padding-right: 20px;
 }
.header_menu .mega-menu .menu-links li .list_box ul li a{
    font-size: 16px;
    padding: 0;
    margin-left: 0px;
    transition: .2s;
    display: table;
    letter-spacing: 0.5px;
}
.header_menu .mega-menu .menu-links li .list_box ul li a:hover {
    margin-left: 5px;
    transition: .2s;
}
.header_menu .mega-menu .menu-links li .list_box a p{
    font-family: Taipei Sans TC !important;
    line-height: 1.4;
}
.header_menu .mega-menu .menu-links li .list_box a:hover p{
    color: #ec8154;
}
.header_menu .mega-menu .menu-links li .list_box ul li:nth-child(1){
    margin-top: 0;
    margin-bottom: 13px;
}
.header_menu .mega-menu .menu-links li .list_box ul li:nth-child(1) a{
    font-size: 19px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ee7d4f;
    line-height: 1.4;
}
.header_menu .mega-menu .menu-links li .list_box ul li:nth-child(1) a:hover{
    margin-left: 0;
}
.header_menu .mega-menu .menu-links li .list_box ul li:nth-child(1) a .list_img{
    width: 13px;
    margin-right: 5px;
}
.header_menu .mega-menu .menu-links li .list_box ul li:nth-child(1) a p{
    font-family: SweiSpringCJKtc-Regular !important;
    font-weight: 500;
    color: #231815;
}
.header_menu .mega-menu .menu-links > li:nth-child(1) .list_box ul li:nth-child(1){
    margin: 4px 0 5px;
    max-width: 315px;
    padding-right: 20px;
}
.header_menu .mega-menu .menu-links > li:nth-child(1) .list_box ul li:nth-child(1) a{
    font-size: 16px;
    padding: 0;
    margin-left: 0px;
    transition: .2s;
    display: table;
    letter-spacing: 0.5px;
    border: none;
}
.header_menu .mega-menu .menu-links > li:nth-child(1) .list_box ul li:nth-child(1) a:hover {
    margin-left: 5px;
    transition: .2s;
}
.header_menu .mega-menu .menu-links > li:nth-child(1) .list_box ul li:nth-child(1) a p{
    font-family: Taipei Sans TC !important;
    line-height: 1.4;
    color: #555;
}
.header_menu .mega-menu .menu-links > li:nth-child(1) .list_box ul li:nth-child(1) a:hover p{
    color: #ec8154;
}
@media (min-width:768px) {
    .header_menu .mega-menu .menu-logo{
        display: none;
    }
    .header_menu .mega-menu.menuFullWidth{
        max-width:75%;
    }
    .header_menu .mega-menu .menu-links > li:nth-last-child(1), 
    .header_menu .mega-menu .menu-links > li:nth-last-child(2), 
    .header_menu .mega-menu .menu-links > li:nth-last-child(3){
        display: none;
    }
    .header_menu .mega-menu .menu-links > li > a::before{
        content: "";
        display: block;
        width: 0;
        height: 3px;
        background: linear-gradient(to right, #f9cbb2, #feefe6);
        position: absolute;
        right: 27px;
        bottom: 0;
        transition: .3s;
    }
    .header_menu .mega-menu .menu-links > li:hover > a::before{
        width: calc(100% - 54px);
        left: 27px;
    }
    .header_menu .mega-menu .menu-links{
        display: flex !important;
    }
    .header_menu .mega-menu .menu-links li div.mg-drop-down.col-12{
        max-height: calc(100vh - 200px);
        overflow: auto;
    }
}
@media (max-width:1599px) {
    .header_marquee{
        left: 205px;
    }
}
@media (max-width:1539px) {
    .header_marquee{
        position: unset;
        transform: unset;
        padding: 0 15px;
        max-width: 100%;
        flex: 0 0 100%;
        background: #fef3ec;
    }
    .header_menu .mega-menu.menuFullWidth{
        max-width: 90%;
    }
    .header_menu .mega-menu .menu-links li div.mg-drop-down.col-12{
        max-height: calc(100vh - 220px);
    }
}
@media (max-width:1279px) {
    .header_menu .mega-menu.menuFullWidth {
        max-width: 95%;
    }
    .header_menu .mega-menu .menu-links > li:nth-child(1) .list_box{
        width: 25%;
    }
}
@media (max-width:991px) {
    .header_marquee div.message-list{
        height: 40px;
    }
    .header_marquee div.message-list ul li{
        height: 40px;
    }
    .header_marquee div.message-list ul li a{
        font-size: 14px;
        letter-spacing: 0;
        height: 40px;
        line-height: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 15px;
    }
    .header_marquee div.message-list ul li a img{
        display: inline-block;
        margin-right: 5px;
    }
    .header_submenu .header-part .navbar-brand{
        padding: 9px 15px 9px 15px;
        height: 68px;
    }
    .header_submenu .header-part .navbar-toggler{
        display: none;
    }
    .header_menu{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .header_menu .mega-menu .menu-links > li > a{
        padding: 0 15px;
        font-size: 18px;
        letter-spacing: 0;
    }
    .header_menu .mega-menu.menuFullWidth{
        max-width: 100%;
    }
    .header_menu .mega-menu .menu-links > li:nth-child(1) .list_box{
        width: 33.33333%;
    }
}
@media (max-width:767px) {
    .header_marquee{
        padding-right: 50px;
    }
    .header_marquee.boxhide, 
    .close_box.boxhide{
        display: none !important;
    }
    .mobile_member_car span[data-rel=memberinfo] .showName .member-name{
        font-size: 15px;
    }
    .mobile_member_car span[data-rel=memberinfo] .showName .member-name i{
        margin-right: 3px;
    }
    .mobile_member_car span[data-rel=memberinfo] .showName .SignOut{
        padding: 3px 3px 4px;
        font-size: 12px;
    }
    .mobile_member_car{
        max-width: max-content;
        flex: unset;
        position: absolute;
        z-index: 999;
        right: 55px;
        top: 57px;
    }
    .mobile_member_car ul{
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .mobile_member_car ul .top-cart{
        top: 5px;
        padding-left: 10px;
    }
    .mobile_member_car ul .top-cart .icon .count{
        right: 2px;
        top: -9px;
    }
    .mobile_member_car.fixed_top{
        top: 17px;
    }
    .header_menu{
        z-index: 999;
        background: none;
    }
    .header_menu .mega-menu.menuFullWidth{
        min-height: 0;
    }
    .header_menu .mega-menu .menu-mobile-collapse-trigger{
        margin-top: -57px;
        background: none;
    }
    .header_menu .mega-menu .menu-mobile-collapse-trigger:hover{
        background: none;
    }
    .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;
        background-color: #231815;
    }
    .header_menu .mega-menu .menu-mobile-collapse-trigger span{
        left: unset;
        right: 15px;
    }
    .header_menu .mega-menu > section.menu-list-items{
        background: rgba(234, 82, 40, 0.85);
    }
    .header_menu .mega-menu .menu-links {
        padding: 0 0 150px;
        width: 100%;
        height: 100vh;
        max-height: initial !important;
    }
    .header_menu .mega-menu .menu-links > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        width: 100%;
        margin: 0 auto;
        padding: 0 0px;
    }
    .header_menu .mega-menu .menu-links > li > a {
        position: relative;
        padding: 0 15px;
        font-size: 18px;
        line-height: 50px;
        width: calc(100% - 50px);
        text-align: left;
        height: 50px;
    }
    .header_menu .mega-menu .menu-links > li > a i.fa.fa-indicator {
        right: -30px;
    }
    .header_menu .mega-menu .menu-links li div.mg-drop-down.col-12{
        max-height: max-content;
        padding: 10px;
    }
    .header_menu .mega-menu .menu-links li .list_box, 
    .header_menu .mega-menu .menu-links > li:nth-child(1) .list_box {
        padding: 5px 10px;
        width: 100%;
        margin: 0 0 0.5rem;
        font-size: 17px;
    }
    .header_menu .mega-menu .menu-links li .list_box h4{
        padding-bottom: 5px;
        margin-top: 0;
        margin-bottom: 4px;
        font-size: 17px;
    }
    .header_menu .mega-menu .menu-links li .list_box ul{
        overflow: auto;
    }
    .header_menu .mega-menu .menu-links li .list_box ul li{
        margin-top: 5px;
        margin-bottom: 3px;
        max-width: 100%;
    }
    .header_menu .mega-menu .menu-links li .list_box ul li a{
        font-size: 15px;
    }
    .header_menu .mega-menu .mg-drop-down {
        background: #fff;
    }
    .header_menu .mega-menu .mobileTriggerButton {
        right: -50px;
        z-index: 21;
    }
    .header_menu .mega-menu .menu-logo > li > a {
        padding-top: 0;
        padding-bottom: 0;
        display: none;
    }
    .header_menu .mega-menu .menu-mobile-collapse-trigger.active:before {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
        top: 11px;
    }
    .header_menu .mega-menu .menu-mobile-collapse-trigger.active:after {
        -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg);
        top: 31px;
    }
    .header_menu .mega-menu .menu-links > li.activeTriggerMobile {
        background-color: #ea5228;
    }
    .header_menu .mega-menu .menu-links > li.activeTriggerMobile > a{
        color: #fff !important;
        letter-spacing: 1px;
    }
}

/*header 3層MENU*/
.header_new_menuWRAP {display: none !important;}
.header_new_menuWRAP.menuSHOW{display: block !important;}
.header_menu.menu3 {background: rgba(254, 247, 242, 0.97); box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);}
.header_menu.menu3 .mega-menu.menuFullWidth{max-width: 100%;}
.header_menu.menu3 .mega-menu .menu-links{position: relative;}
.header_menu.menu3 .mega-menu .menu-links::before{
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    background: #ee7d4f;
    bottom: 0;
    left: 2rem;
    right: 2rem;
}
.header_menu.menu3 .mega-menu .menu-links li div.mg-drop-down.col-12{max-height: calc(100vh - 400px); overflow: auto;}
.header_menu.menu3 .mega-menu .menu-links li div.mg-drop-down.col-12 .megamenu_box{ justify-content: center;}
.header_menu.menu3 .mega-menu .menu-links > li > a{
    line-height: 1.5;
    margin-top: 10px;
    padding: 10px 20px 20px;
    color: #231815 !important;
    font-family: SweiSpringCJKtc-Regular !important;
}
.header_menu.menu3 .mega-menu .menu-links > li:hover > a{color: #E83817 !important;}
.header_menu.menu3 .mega-menu .menu-links > li > a::before, 
.header_menu.menu3 .mega-menu .menu-links > li > a > i.fa.fa-indicator{display: none !important;}
.header_menu.menu3 .mega-menu .menu-links > li:hover > a::after{
    content: '';
    display: block;
    width: 14px;
    height: 17px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 2px;
    transform: rotate(90deg);
    left: calc(50% - 8px);
}
.header_menu.menu3 .mega-menu .menu-links li div.mg-drop-down.col-12{box-shadow: none; padding: 10px 20px 15px;}
.header_menu.menu3 .mega-menu .menu-links > li .list_box, 
.header_menu.menu3 .mega-menu .menu-links > li:nth-child(1) .list_box{width: auto;min-width: auto;}
.header_menu.menu3 .mega-menu .menu-links li .list_box h4{
    margin-top: 0;
    margin-bottom: 13px;
    font-size: 19px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0px;
    line-height: 1.4;
    font-family: Taipei Sans TC !important;
    font-weight: 500;
    color: rgb(232, 56, 23);
    border: none;
    margin-bottom: 10px;
}
.header_menu.menu3 .mega-menu .menu-links li .list_box h4::before{display: none;}
.header_menu.menu3 .mega-menu .menu-links li .list_box ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 370px;
}
.header_menu.menu3 .mega-menu .menu-links li .list_box ul li, 
.header_menu.menu3 .mega-menu .menu-links li .list_box ul li:nth-child(1){width: auto; padding: 0 15px 0 0; max-width: 270px;margin: 6px 0 8px;}
.header_menu.menu3 .mega-menu .menu-links li .list_box ul li a, 
.header_menu.menu3 .mega-menu .menu-links li .list_box ul li:nth-child(1) a{
    font-size: 16px;
    padding: 0;
    margin-left: 0px;
    transition: .2s;
    display: table;
    border: none;
    padding-bottom: 0;
}
.header_menu.menu3 .mega-menu .menu-links li .list_box ul li:nth-child(1) a p{
    color: #555555;
    font-family: Taipei Sans TC !important;
    line-height: 1.4;
    font-weight: 400;
}
.header_menu.menu3 .mega-menu .menu-links li .list_box ul li:nth-child(1) a:hover p{color: #ec8154;}
@media (min-width:768px) {
    .header_menu.menu3 .mega-menu .menu-links > li:nth-last-child(1), 
    .header_menu.menu3 .mega-menu .menu-links > li:nth-last-child(2), 
    .header_menu.menu3 .mega-menu .menu-links > li:nth-last-child(3){
        display: block;
    }
    .header_menu.new_menu .mega-menu .menu-links > li:nth-child(1) div.mg-drop-down.col-12{display: none !important;}
}
@media (max-width:1399px) {
    .header_new_menuWRAP{max-width: 90%;flex: 0 0 90%;}
}
@media (max-width:1152px) {
    .header_new_menuWRAP{max-width: 96%;flex: 0 0 96%;}
    .header_menu.menu3 .mega-menu .menu-links > li > a{font-size: 18px;letter-spacing: 0;padding: 10px 16px 20px;}
    .header_menu.menu3 .mega-menu .menu-links li div.mg-drop-down.col-12{padding: 5px 15px 10px;}
    .header_menu.menu3 .mega-menu .mg-drop-down h4{font-size: 17px;margin-bottom: 8px;}
    .header_menu.menu3 .mega-menu .menu-links li .list_box ul li, 
    .header_menu.menu3 .mega-menu .menu-links li .list_box ul li:nth-child(1){margin: 4px 0 6px;}
    .header_menu.menu3 .mega-menu .menu-links li .list_box ul li a, 
    .header_menu.menu3 .mega-menu .menu-links li .list_box ul li:nth-child(1) a{font-size: 15px;}
}
@media (max-width:991px) {
    .header_new_menuWRAP{max-width: 100%;flex: 0 0 100%;}
    .header_menu.menu3 .mega-menu .menu-links::before{left: 1rem; right: 1rem;}
    .header_menu.menu3 .mega-menu .menu-links li div.mg-drop-down.col-12 .megamenu_box{justify-content: flex-start;}
}


/*footer*/
.row.footer {
    position: relative;
    z-index: 999;
}
.footer_box .footer-wrap{
    background: none;
}
.footer_box .footer-wrap .fnav_wrap{
    background: none;
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 9;
    width: max-content;
}
.footer_box .footer-wrap .fnav_wrap .footer_nav{
    margin-right: 0;
}
.footer_box .footer-wrap .footer_nav li a{
    padding: 0 18px;
    font-size: 18px;
    font-family: SweiSpringCJKtc-Regular !important;
    letter-spacing: 1px;
    position: relative;
}
.footer_box .footer-wrap .footer_nav li + li a::before{
    content: '';
    display: block;
    background-color: #ef7f50;
    width: 23px;
    height: 1px;
    transform: rotate(-45deg);
    position: absolute;
    left: -12px;
    top: 13px;
}
.footer_box .footer-wrap .footer_nav li a:hover{
    background: none;
    color: #e53c20 !important;
}
.footer_box .footer-wrap .footer_center{
    background: none;
    padding-bottom: 0;
}
.footer_box .footer-wrap .footer_center .company-info{
    max-width: 100%;
    flex: 0 0 100%;
}
.footer_box .footer-wrap .footer_center .company-info .info_box a{
    display: table;
    max-width: max-content;
    padding-top: 5px;
    margin-left: 0;
}
.footer_box .footer-wrap .info_box a img{
    width: 135px;
}
.footer_box .footer-wrap .contact-info{
    flex: 0 0 100%;
    max-width: 100%;
}
.footer_box .footer-wrap .contact-box{
    position: relative;
}
.footer_box .footer-wrap .contact-box:nth-child(n+2){
    margin-left: 7rem;
}
.footer_box .footer-wrap .contact-box::before{
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 1rem;
    right: 1rem;
    background: rgba(232, 52, 22, 0.5);
    top: 16px;
    z-index: 0;
}
.footer_box .footer-wrap .contact-box h2{
    color: #231815;
    font-family: SweiSpringCJKtc-Regular !important;
    letter-spacing: 1px;
    display: table;
    padding-right: 1.5rem;
    z-index: 3;
    position: relative;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/4ed883c0-6124-4990-8dc9-2b578892c124.jpg);
    font-weight: normal;
}
.footer_box .footer-wrap .contact-box h4{
    font-family: Taipei Sans TC !important;
}
.footer_box .footer-wrap .contact-box:nth-child(1) a:nth-child(3) h4::after{
    display: inline-block;
    content: '（來電請於營業時間洽詢）';
    font-size: 14px;
    letter-spacing: 0;
    color: #E83817;
    margin-left: 0.5rem;
}
.footer_box .footer-wrap .contact-box:nth-child(2) a:nth-child(2) h4::after{
    display: inline-block;
    content: ' ※ 國定假日休假';
    font-size: 14px;
    letter-spacing: 0;
    color: #E83817;
    margin-left: 0.5rem;
}
.footer_box .footer-wrap .contact-box h4 img{
    width: 17px;
}
.footer_box .footer-wrap .fb-info, 
.footer_box .footer-wrap .footer_sbox{
    display: none;
}
.footer_copyright ul{
    display: table;
    margin: 1rem auto 8px;
    list-style: none;
}
.footer_copyright ul li{
    font-size: 14px;
    color: #fbdccf;
    font-weight: 300;
    float: left;
    margin: 3px 12px;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
.footer_copyright ul li:nth-child(1){
    font-weight: 500;
}
.footer_copyright p{
    text-align: center;
    line-height: 1.4;
    font-size: 13px;
    font-family: "Kumbh Sans", sans-serif;
    color: rgba(251, 220, 207, 0.5);
    margin-bottom: 10px;
}
@media (min-width:768px) {
    .footer_box .footer-wrap .icon_wrap{
        display: none;
    }
}
@media (max-width:1439px) {
    .footer_box, 
    .footer_copyright {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (max-width:991px) {
    .footer_box .footer-wrap .contact-box:nth-child(n+2){
        margin-left: 1rem;
    }
}
@media (max-width:767px) {
    .footer_box .footer-wrap .contact-info{
        flex-wrap: wrap;
        padding: 0;
    }
    .footer_box .footer-wrap .contact-box{
        flex: 0 0 100%;
    }
    .footer_box .footer-wrap .contact-box:nth-child(n+2){
        margin-left: 0;
    }
    .footer_box .footer-wrap .contact-box h4{
        padding-left: 25px;
    }
    .footer_box .footer-wrap .contact-box:nth-child(1) a:nth-child(3) h4::after{
        margin-left: 0;
    }
    .footer_box .footer-wrap .footer-sample{
        padding-bottom: 50px;
    }
    .footer_box .footer-wrap .fnav_wrap{
        top: unset;
        bottom: 1.5rem;
        left: 15px;
        right: 15px;
        width: auto;
    }
    .footer_box .footer-wrap .fnav_wrap .footer_nav{
        margin-right: auto;
    }
    .footer_box .footer-wrap .footer_center .company-info{
        margin-bottom: 50px;
    }
    .footer_box .footer-wrap .footer_center .company-info .info_box a{
        max-width: 100%;
        flex: 0 0 100%;
        padding: 1.5rem 1rem;
    }
    .footer_box .footer-wrap .info_box a img{
        margin: auto;
        display: table;
    }
    .footer_box .footer-wrap .icon_wrap{
        background: none;
        padding: 0;
        position: absolute;
        top: 100px;
    }
    .footer_box .footer-wrap .icon_wrap ul.footer_bticon li{
        margin: 0 7px;
    }
    .footer_box .footer-wrap .footer_bticon li a{
        width: 35px;
        height: 35px;
        background: #fff;
        border-radius: 30px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .footer_box .footer-wrap .footer_bticon li a img{
        width: auto;
        height: 20px;
    }
    .footer_copyright ul li{
        margin: 2px 0;
        width: 100%;
        text-align: center;
    }
}

/*web_sidebar*/
.web_sidebar .module-wrapper .actGotop{
    right: 20px;
    width: 50px;
    height: 50px;
}
.web_sidebar .module-wrapper .actGotop a{
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid #E83817;
    color: #ef7f50;
    font-weight: 400;
    font-family: "Kumbh Sans", sans-serif;
    font-size: 13px;
    line-height: 66px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.web_sidebar .module-wrapper .actGotop a i{
    width: 17px;
    height: 19px;
    background: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
    top: 5px;
    left: calc(50% - 9px);
    font-size: 0;
}
.web_sidebar .module-wrapper .actGotop a i ::before{
    display: none;
}
.web_sidebar .side_box{
    bottom: 150px;
}
.web_sidebar .side_box .side_bar{
    width: 50px;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
}
.web_sidebar .side_box .side_bar li{
    width: 50px;
    height: 50px;
    padding: 11px;
}
.web_sidebar .side_box .side_bar li img{
    width: 28px;
}
@media (max-width:767px) {
    .web_sidebar .side_box, 
    .web_sidebar .module-wrapper .actGotop{
        right: 5px !important;
    }
}

/*coming soon*/
.coming_soon_wrap{
    /*margin-top: 86px;*/
}
.coming_soon_box .bs-carousel .carousel-inner, 
.coming_soon_box .bs-carousel .carousel-inner .carousel-item{
    height: calc(100vh - 86px);
}
.coming_soon_box .bs-carousel .carousel-inner .carousel-item picture::before{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.3) 100%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.coming_soon_box .bs-carousel .carousel-inner .carousel-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption{
    bottom: 5rem;
}
.coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption h3, 
.coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption h3 span{
    font-family: SweiSpringCJKtc-Regular !important;
    /*font-weight: 600;*/
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    letter-spacing: 1.5px;
    line-height: 1.6;
    margin-bottom: 1rem;
}
.coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption p, 
.coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption p span{    
    font-family: Taipei Sans TC !important;
    font-weight: normal;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
    line-height: 1.6;
}
.coming_soon_box .carousel-indicators{
    bottom: 1rem;
}
.coming_soon_box .carousel-indicators li{
    border: none;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin: 4px 8px;
}
.coming_soon_box .carousel-control-next, 
.coming_soon_box .carousel-control-prev{
    display: none;
}
@media (max-width:1539px) {
    .coming_soon_wrap{
        /*margin-top: 135px;*/
    }
    .coming_soon_box .bs-carousel .carousel-inner, 
    .coming_soon_box .bs-carousel .carousel-inner .carousel-item{
        height: auto;
    }
}
@media (max-width:991px) {
    .coming_soon_wrap{
        /*margin-top: 105px;*/
    }
    .coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption{
        bottom: 3rem;
    }
    .coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption h3, 
    .coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption h3 span{
        font-size: 24px !important;
    }
    .coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption p{
        display: none;
    }
}
@media (max-width:767px) {
    .coming_soon_box .bs-carousel .carousel-inner .carousel-item .carousel-caption{
        display: block !important;
        padding-bottom: 0;
        bottom: 2rem;
    }
    .coming_soon_box .carousel-indicators{
        bottom: 0;
    }
}

/*首頁大圖廣告輪播*/
.idx_slider_wrap{
    /*margin-top: 85px;*/
}
.idx_slider .rslides {
    margin: 0;
    height: calc(100vh - 85px);
}
.idx_slider .rslides .slide1 a {
    overflow: hidden;
    z-index: 0;
    border: 0;
    height: calc(100vh - 85px);
}
.idx_slider .rslides .slide1 a picture::before{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.3) 90%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.idx_slider .slider-container {
    max-width: 100%;
}
.idx_slider 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(35, 24, 21, 0.7);
    backdrop-filter: blur(4px);
    min-height: 75px;
}
.idx_slider .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;
}
.idx_slider .thumb li.active {
    color: #f7bc9c;
    background: rgb(35, 24, 21, 0.95);
}
.idx_slider .thumb li:nth-child(2).active, 
.idx_slider .thumb li:nth-child(3).active, 
.idx_slider .thumb li:nth-child(4).active, 
.idx_slider .thumb li:nth-child(5).active {
    color: #f7bc9c;
}
.idx_slider .thumb li.active:after {
    border: 0;
    background-image: linear-gradient(to right, #E83817, #ef7f50);
    height: 5px;
    width: 100%;
    left: 0;
    top: initial;
    bottom: 0;
    margin-left: 0;
}
.idx_slider .thumb li.active span::after {
    opacity: 1;
}
.idx_slider .thumb li span {
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 21px;
    font-family: SweiSpringCJKtc-Regular !important;
    letter-spacing: 0.5px;
    transition: all .4s ease;
}
.idx_slider .thumb li.active span, 
.idx_slider .thumb li:nth-child(2).active span, 
.idx_slider .thumb li:nth-child(3).active span, 
.idx_slider .thumb li:nth-child(4).active span, 
.idx_slider .thumb li:nth-child(5).active span {
    border: 0;
    margin: 0 0 5px;
}
.idx_slider .thumb li + li:before {
    height: calc(100% - 30px);
    background: rgb(255, 255, 255, 0.3);
    top: 15px;
}
.idx_slider .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;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.idx_slider .rslides .slide1 a .carousel-caption{
    bottom: 7rem;
}
.idx_slider .rslides .slide1 a .carousel-caption h3, 
.idx_slider .rslides .slide1 a .carousel-caption h3 span{
    font-family: SweiSpringCJKtc-Regular !important;
    /*font-weight: 600;*/
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    letter-spacing: 1.5px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.idx_slider .rslides .slide1 a .carousel-caption p, 
.idx_slider .rslides .slide1 a .carousel-caption p span{    
    font-family: Taipei Sans TC !important;
    font-weight: normal;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
    line-height: 1.5;
}
@media (max-width:1539px) {
    .idx_slider_wrap{
        /*margin-top: 135px;*/
    }   
    .idx_slider .rslides, 
    .idx_slider .rslides .slide1 a{
        height: auto;
    }
    .idx_slider .thumb li span{
        font-size: 19px;
    }
}
@media (max-width:1439px) {
    .idx_slider .rslides .slide1 a .carousel-caption{
        bottom: 6rem;
    }
}
@media(max-width: 1199px) {
    .idx_slider .thumb li span {
        font-size: 18px;
    }
}
@media (max-width:1024px) {
    .idx_slider .rslides .slide1 a .carousel-caption{
        left: 5%;
        right: 5%;
        bottom: 4rem;
    }
    .idx_slider .rslides .slide1 a .carousel-caption h3, 
    .idx_slider .rslides .slide1 a .carousel-caption h3 span{
        font-size: 28px !important;
    }
    .idx_slider .rslides .slide1 a .carousel-caption p, 
    .idx_slider .rslides .slide1 a .carousel-caption p span{
        font-size: 18px !important;
    }
    .idx_slider .thumb li span {
        font-size: 16px;
    }
}
@media(max-width: 991px) {
    .idx_slider_wrap{
        /*margin-top: 108px;*/
    }
    .idx_slider ul.thumb {
        min-height: 60px;
    }
    .idx_slider .thumb li.active:after {
        height: 3px;
    }
}
@media(max-width: 767px) {
    .idx_slider .slider {
        margin-bottom: 0;
    }
    .idx_slider ul.thumb {
        -ms-flex-wrap: initial;
        flex-wrap: initial;
        min-height: 45px;
    }
    .idx_slider .thumb li {
        justify-content: center;
        width: 0 !important;
    }
    .idx_slider .thumb li.active {
        flex: 0 0 100%;
        width: 100% !important;
    }
    .idx_slider .thumb li span {
        width: calc( 100% - 20px);
        font-size: 18px;
    }
    .idx_slider .thumb li + li:before {
        background: transparent;
        width: 0;
    }
}
/* 輪播縮放效果 
@keyframes scaleDraw {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}*/

/* 首頁國外搜尋引擎 */
.search_box {
    margin-top: 5rem;
    margin-bottom: -2rem;
}
.search_box .group_banner.search_banner .search-area > .container {
    background: transparent;
    border-bottom: 0;
    margin: 0 auto;
    padding: 0;
}
.search_box section.group_banner .search-area .search-box {
    margin: 0;
    height: 110px;
    border: 1px solid #e9eaeb;
    padding: 0px;
    background: #fff;
}
.search_box section.group_banner .search-area .search-box>div {
    padding: 0 !important;
    -ms-flex: 1;
    flex: 1;
    max-width: initial;
}
.search_box .search-area .search-box .select-goal, .search_box .search-area .search-box .select-place, .search_box section.group_banner .search-area .search-box .select-date {
    background: transparent;
}
.search_box section.search_banner .search-area .search-box .select-goal, .search_box section.search_banner .search-area .search-box .select-place {
    height: 108px;
    padding: 15px
}
.search_box section.search_banner .search-area .search-box .select-goal {
    border-left: 1px solid #dae0eb;
}
.search_box .search-area .search-box .select-goal .select select, .search_box .search-area .search-box .select-place .select select {
    border: 0;
    height: 40px;
    padding: 0 5px;
    color: #333333;
    background-color: #ffffff;
    font-size: 18px;
    font-family: Taipei Sans TC !important;
}
.search_box section.group_banner .search-area .search-box .select-input > input {
    height: 40px;
    background: #ffffff;
    padding-left: 5px;
    border: 0;
    font-size: 17px;
    margin-top: 10px;
}
.search_box .search-area .search-box .select-place .title i, .search_box .search-area .search-box .select-goal .title i, .search_box .search-area .search-box .select-date .title i, .search_box section.search_banner .search-area .search-box .select-input .data-icon-search {
    display: none;
}
.search_box section.group_banner .search-area .search-box .select-goal .title, .search_box section.group_banner .search-area .search-box .select-place .title, .search_box section.group_banner .search-area .search-box .select-date .title {
    height: 40px;
    position: relative;
}
.search_box section.group_banner .search-area .search-box .select-goal .title h6, .search_box section.group_banner .search-area .search-box .select-place .title h6, .search_box section.group_banner .search-area .search-box .select-date .title h6 {
    margin: 0;
    padding-left: 32px;
    font-size: 17px;
    color: #231815;
    font-family: Taipei Sans TC !important;
    font-weight: 500;
}
.search_box section.group_banner .search-area .search-box>div:nth-child(4) {
    flex: 0 0 22%;
}
.search_box section.group_banner .search-area .search-box .select-date {
    padding: 15px;
    height: 108px;
    border-left: 1px solid #dae0eb;
    border-right: 1px solid #dae0eb;
}
.search_box section.group_banner .search-area .search-box .select-date .select input {
    text-align: center;
    color: #333333;
    border: 0;
    height: 40px;
    padding: 0 5px;
    width: calc(50% - 14px);
    background: #ffffff !important;
    font-size: 18px;
    font-family: "Kumbh Sans", sans-serif;
}
.search_box 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: 45px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.search_box .search-area .search-box .select-date .select .divide {
    background: #838996;
    margin: 20px 15px 0px 0px;
    width: 12px;
}
.search_box 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_box section.group_banner .search-area .search-box .search-btn {
    height: 108px;
    line-height: 108px;
    outline: none;
    border-radius: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: linear-gradient(to bottom, #ef7f50 0%, #E83817 50%);
}
.search_box .search-area .search-box .search-btn h5 {
    position: relative;
    font-size: 22px;
    width: 100%;
    padding-right: 35px;
    font-family: SweiSpringCJKtc-Regular !important;
    letter-spacing: 0;
}
.search_box .search-area .search-box .search-btn h5::before {
    content: "";
    background: url(https://materials.fillo.com.tw/materials/xireal/images/65f60f63-fdfb-451d-a9ea-1d552cf7e7c5.svg) no-repeat center;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 0px;
    -webkit-transition: all .4s;
    transition: all .3s;
}
.search_box .search-area .search-box .search-btn:hover h5::before{
    right: 8px;
}
.search_box section.group_banner .search-area .search-box .search-btn:hover {
    background: linear-gradient(to top, #ef7f50 0%, #E83817 50%);
}
.search_box .search-area .search-box .search-btn i {
    display: none;
}
.search_box section.group_banner .search-area .search-box .select-goal .title::after, .search_box section.group_banner .search-area .search-box .select-date .title::after, .search_box section.group_banner .search-area .search-box .select-place .title::after {
    content: "";
    position: absolute;
    top: 1px;
    width: 22px;
    height: 22px;
    left: 2px;
    background-position: center;
    background-repeat: no-repeat;
}
.search_box section.group_banner .search-area .search-box .select-place .title::after {
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/7db7d24f-50e3-4555-8883-06121bd58383.svg);
}
.search_box section.group_banner .search-area .search-box .select-goal .title::after {
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e1cfc4c3-a611-4ee5-ad03-ea551085a4e5.svg);
}
.search_box 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/xireal/images/016dd4b4-0edf-409b-b30d-6ab7262d6e80.svg);
}
.search_box section.group_banner .search-area .search-box .select-date .title::after {
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/9b0f891b-f92f-452e-b67f-6cb24d764dd9.svg);
}
.search_box section.group_banner .search-area .search-box .select-input::before {
    content: "關鍵字";
    position: absolute;
    padding-left: 48px;
    font-size: 17px;
    letter-spacing: 1px;
    color: #231815;
    top: -30px;
    left: 0;
}
.search_box section.search_banner .search-area .search-box .select-input::after {
    content: "";
    position: absolute;
    left: 17px;
    top: -28px;
    width: 22px;
    height: 22px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/607172d1-fcf4-41e1-9b39-d7479cc26d2f.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.search_box section.group_banner .search-area .search-box .select-status {
    right: 150px;
}
.search_box section.group_banner .form-check label {
    color: #333333;
    font-weight: 600;
}
.search_box section.group_banner .form-check .checkmark,.search_box section.group_banner .form-check .customcheck:hover input ~ .checkmark {
    background-color: #ffffff;
    border-radius: 2px;
    border: 0;
}
.search_box section.group_banner .form-check .customcheck input:checked ~ .checkmark {
    background-color: #c3a07d;
    border-radius: 2px;
    border: 0;
}
.search_box section.group_banner .form-check .checkmark:after {
    top: 1px;
}
.search_box section.group_banner .search-area .search-box .select-status>.form-check:nth-child(2) {
    display: none;
}
/*隱藏可報名*/
/*搜尋月曆*/
.datepicker.dropdown-menu {
    border: 1px solid #e9eaeb;
}
.datepicker.datepicker-dropdown:before {
    border-bottom-color: #e9eaeb;
}
.datepicker.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid #e9eaeb;
}
.datepicker td, .datepicker th {
    width: 30px;
    height: 30px;
}
.datepicker table tr td.active.active {
    background: #f7bc9c;
}
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev {
    color: #E83817;
}
.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: #E83817;
}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.active {
    background: #ef7f50;
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:hover {
    background: #E83817;
}
@media screen and (min-width: 1401px) {
    .search_box .group_banner.search_banner .search-area > .container {
        max-width: 1360px;
    }
}
@media(max-width: 1360px) {
    .search_box .group_banner.search_banner .search-area > .container {
        max-width:95%;
    }
}
@media (max-width:1279px) {
    .search_box .search-area .search-box .select-date .select .divide{
        margin-right: 0;
    }
    .search_box section.group_banner .search-area .search-box .select-date .select input{
        width: calc(50% - 6px);
    }
}
@media(max-width: 1199px) {
    .search_box .group_banner.search_banner .search-area > .container {
        padding: 0;
    }
    .search_box section.group_banner .search-area .search-box .select-input > input {
        margin-bottom: 5px;
    }
    .search_box section.group_banner .search-area .search-box>div:last-child {
        margin-bottom: 5px;
    }
    .search_box section.group_banner .search-area .search-box .select-status {
        position: absolute;
    }
}
@media (max-width:1024px) {
    .search_box{
        margin-top: 4rem;
    }
    .search_box section.group_banner .search-area .search-box{
        height: 95px;
    }
    .search_box section.search_banner .search-area .search-box .select-goal, 
    .search_box section.search_banner .search-area .search-box .select-place{
        height: 93px;
        padding: 10px;
        margin-bottom: 0;
    }
    .search_box section.group_banner .search-area .search-box .select-goal .title, 
    .search_box section.group_banner .search-area .search-box .select-place .title, 
    .search_box section.group_banner .search-area .search-box .select-date .title{
        height: 33px;
        margin-top: 5px;
    }
    .search_box .search-area .search-box .select-goal .select select, 
    .search_box .search-area .search-box .select-place .select select{
        padding: 0;
        font-size: 16px;
    }
    .search_box section.group_banner .search-area .search-box .select-date{
        padding: 10px;
        height: 93px;
    }
    .search_box section.group_banner .search-area .search-box .select-date .select input{
        width: calc(50% - 5px);
        font-size: 16px;
        padding: 0;
    }
    .search_box .search-area .search-box .select-date .select .divide{
        width: 10px;
        height: 1px;
    }
    .search_box section.group_banner .search-area .search-box>div:nth-child(5){
        margin-top: 39px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .search_box section.group_banner .search-area .search-box .select-input::before{
        top: -25px;
    }
    .search_box section.group_banner .search-area .search-box .select-input > input{
        font-size: 15px;
        margin-top: 8px;
        padding-left: 3px;
    }
    .search_box section.search_banner .search-area .search-box .select-input::after{
        left: 14px;
        top: -24px;
    }
    .search_box section.group_banner .search-area .search-box>div:last-child{
        margin-bottom: 0;
    }
    .search_box section.group_banner .search-area .search-box .search-btn{
        height: 93px;
        line-height: 93px;
    }
    .search_box .search-area .search-box .search-btn h5{
        font-size: 20px;
    }
}
@media(max-width: 991px) {
    .search_box_block {
        margin-bottom: 20px;
    }
    .search_box section.group_banner .search-area .search-box {
        height: auto;
    }
    .search_box section.group_banner .search-area .search-box>div, .search_box section.group_banner .search-area .search-box>div:nth-child(4) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 0px;
    }
    .search_box .search-area .search-box .select-date .select {
        width: 100%;
    }
    .search_box section.group_banner .search-area .search-box>div:last-child {
        flex: 1;
        justify-content: center;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .search_box section.group_banner .search-area .search-box .search-btn {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }
    .search_box .search-area .search-box .search-btn h5::before{
        right: unset;
        left: calc(50% + 33px);
    }
    .search_box section.group_banner .search-area .search-box .select-date .select {
        width: 100%;
    }
    .search_box section.group_banner .search-area .search-box .select-date .select input {
        width: calc(50% - 20px);
        text-align: left;
    }
    .search_box section.group_banner .search-area .search-box>div:nth-child(5) {
        flex: 0 0 100%;
        margin-top: 38px;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .search_box 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_box section.group_banner .search-area .search-box .select-goal .title, .search_box section.group_banner .search-area .search-box .select-place .title, .search_box section.group_banner .search-area .search-box .select-date .title {
        height: 24px;
    }
    .search_box .search-area .search-box .select-goal .select select, .search_box .search-area .search-box .select-place .select select, .search_box section.group_banner .search-area .search-box .select-date .select input, .search_box section.group_banner .search-area .search-box .select-input > input {
        height: 36px;
        margin-top: 8px;
        padding: 0 5px;
    }
    .search_box .search-area .search-box .select-date .select .divide{
        margin-top: 25px;
    }
    .search_box section.search_banner .search-area .search-box .select-goal, .search_box section.search_banner .search-area .search-box .select-place {
        /*padding: 0;*/
        height: 90px;
    }
    .search_box section.search_banner .search-area .search-box .select-goal {
        border-left: 0;
        border-bottom: 1px solid #e9eaeb;
    }
    .search_box section.search_banner .search-area .search-box .select-place {
        border-bottom: 1px solid #e9eaeb;
    }
    .search_box section.group_banner .search-area .search-box .select-date {
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid #e9eaeb;
        height: 90px;
    }
    .search_box section.group_banner .search-area .search-box .select-input {
        border-bottom: 1px solid #e9eaeb;
        padding: 0 15px;
    }
    .search_box section.group_banner .search-area .search-box .select-input::before {
        padding-left: 45px;
        top: -26px;
    }
    .search_box section.search_banner .search-area .search-box .select-input::after {
        top: -22px;
        left: 15px;
    }
}
@media(max-width: 767px) {
    .search_box{
        margin-top: 2rem;
    }
    .search_box .group_banner.search_banner .search-area > .container{
        max-width: calc(100% - 40px);
    }
    .search_box section.group_banner .search-area .search-box>div:nth-child(4) {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .search_box section.group_banner .search-area .search-box>div:last-child {
        margin: 0px auto;
    }
    .search_box section.group_banner .search-area .search-box .search-btn {
        height: 70px;
        line-height: 70px;
    }
    .search_box .search-area .search-box .search-btn h5 {
        height: 70px;
        line-height: 70px;
    }
    .search_box .search-area .search-box .search-btn h5::before {
        top: 22px;
    }
    .search_box .search-area .search-box .search-btn h5::after {
        line-height: 45px;
        font-size: 22px;
    }
    .search_box .mic_icon {
        top: -5px;
    }
    .search_box section.group_banner.search_banner {
        width: 100%;
    }
}
@media(max-width: 575px) {
    .search_box section.group_banner .search-area .search-box>div:nth-child(3), .search_box section.group_banner .search-area .search-box>div:nth-child(4), .search_box section.group_banner .search-area .search-box>div:nth-child(5) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .search_box section.group_banner .search-area .search-box>div:first-child, .search_box section.group_banner .search-area .search-box>div:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .search_box .mic_icon i {
        padding: 5px 15px 3px;
    }
    .search_box section.group_banner .search-area .search-box .search-btn {
    }
    .search_box .search-area .search-box .search-btn h5::before {
        background-size: 22px;
    }
}

/*區塊標題*/
.block_title section.text-link h2{
    font-family: "GFS Didot", serif !important;
    letter-spacing: 1px;
    padding-left: 0;
    background: linear-gradient(to bottom, #f4a57e 33%, #ef7f50 90%);
    line-height: 60px;
    background-clip: text;
    color: transparent;
}
.block_title div.link-list{
    background: none;
}
.block_title div.link-list ul li a, 
.block_title div.link-list ul li span{
    padding: 0;
    font-family: SweiSpringCJKtc-Regular !important;
    margin-top: 1rem;
    letter-spacing: 0.5px;
}
.block_title div.link-list ul li a i, 
.block_title div.link-list ul li span i{
    display: none;
}
@media (max-width:1279px) {
    .block_title section.text-link h2{
        font-size: 60px !important;
    }
    .block_title div.link-list ul li a, 
    .block_title div.link-list ul li span{
        font-size: 24px !important;
        margin-top: 0.5rem;
    }
}
@media (max-width:1024px) {
    .block_title section.text-link h2 {
        font-size: 54px !important;
        letter-spacing: 0;
    }
}
@media (max-width:991px) {
    .block_title div.link-list{
        min-height: unset;
    }
    .block_title div.link-list ul li a, 
    .block_title div.link-list ul li span{
        margin-top: 0;
    }
}
@media (max-width:767px) {
    .block_title section.text-link h2{
        text-align: center !important;
        padding-left: 15px;
    }
    .block_title div.link-list ul li{
        text-align: center;
    }
}

/*首頁推薦行程*/
.idx_recommend_wrap{
    padding-left: 100px;
    margin-top: 5rem;
}
.idx_recommend_wrap .block_title{
    padding-left: 2.5rem;
}
.idx_recommend_wrap .main.row::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 42.5%;
    background: #fef3ec;
}
.idx_recommend .swiper-backface-hidden .swiper-slide{
    display: flex;
    flex-wrap: wrap;
    margin-right: 130px;
    background: none;
    border-radius: 0;
    box-shadow: none;
    opacity: .4;
    margin-bottom: 0;
}
.idx_recommend .swiper-backface-hidden .swiper-slide.swiper-slide-active{
    opacity: 1;
}
.idx_recommend .swiper-slide .swiper-img{
    width: calc(60% - 30px);
    margin: 0;
    margin-left: 30px;
    overflow: hidden;
}
.idx_recommend .swiper-slide .swiper-img img{
    border-radius: 0;
    transition: .4s;
    transform: scale(1);
}
.idx_recommend .swiper-slide .swiper-img:hover img{
    transform: scale(1.15);
}
.idx_recommend .swiper-slide .swiper-content{
    width: 40%;
    padding-left: 4rem; 
    padding-right: 1rem;
    -webkit-line-clamp: none;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    position: relative;
    padding-bottom: 7.5rem;
    margin-bottom: 0;
    cursor: default;
}
.idx_recommend .swiper-slide .swiper-content h3{
    font-family: SweiSpringCJKtc-Regular !important;
    color: #000;
    font-size: 28px;
    letter-spacing: 0.5px;
    margin: 0;
    width: 100%;
}
.idx_recommend .swiper-slide .swiper-content h3 span{
    display: table;
    width: 100%;
    font-size: 24px;
    margin-top: 10px;
    line-height: 1.5;
    color: #231815;
}
.idx_recommend .swiper-slide .swiper-content ul{
    display: table;
    width: 100%;
    list-style-type: none;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    position: relative;
    margin-bottom: 0;
}
.idx_recommend .swiper-slide .swiper-content ul::before{
    content: '';
    display: block;
    width: 65px;
    height: 1px;
    background-color: #E83817;
    position: absolute;
    top: 0;
    left: 0;
}
.idx_recommend .swiper-slide .swiper-content li{
    font-size: 18px;
    color: #555;
    line-height: 1.6;
    font-weight: 400;
    font-family: Taipei Sans TC !important;
    text-align: left;
}
.idx_recommend .swiper-slide .swiper-content .btn{
    position: absolute;
    background: #fff;
    border: 1px solid #ef7f50;
    border-bottom-width: 5px;
    border-radius: 0;
    font-size: 20px;
    padding: 12px 4rem 10px 20px;
    font-family: "Kumbh Sans", sans-serif !important;
    line-height: 1;
    bottom: 3rem;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    transition: .3s;
}
.idx_recommend .swiper-slide .swiper-content .btn:hover{
    color: #fff;
    padding: 12px 44px 10px 40px;
    transition: .3s;
}
.idx_recommend .swiper-slide .swiper-content .btn::before{
    content: '';
    display: block;
    background-color: #ef7f50;  
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    transition: .3s;
    z-index: -1;
}
.idx_recommend .swiper-slide .swiper-content .btn:hover::before{
    top: 0;
    transition: .3s;
}
.idx_recommend .swiper-slide .swiper-content .btn::after{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    width: 14px;
    height: 17px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    right: 20px;
    opacity: 1;
    transition: .3s;
}
.idx_recommend .swiper-slide .swiper-content .btn:hover::after{
    right: -20px;
    opacity: 0;
    transition: .3s;
}
.idx_recommend .swiper-slide .swiper-content .price{
    color: #E83817;
    font-size: 28px;
    font-family: "Kumbh Sans", sans-serif !important;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    font-weight: 500;
    margin-top: 5px;
    position: absolute;
    bottom: 3rem;
    right: 15px;
}
.idx_recommend .swiper-slide .swiper-content .price span{
    margin-left: 5px;
    color: #231815;
    font-size: 18px;
    font-family: Taipei Sans TC !important;
    font-weight: 400;
}
.idx_recommend .swiper-free-mode .swiper-button-prev, 
.idx_recommend .swiper-free-mode .swiper-button-next{
    width: 60px;
    height: 60px;
    background-color: #ef7f50;
    border-radius: 60px;
    background-size: 24px;
    background-repeat: no-repeat;
    opacity: 1;
    background-position: 21px center;
    z-index: 9;
}
.idx_recommend .swiper-free-mode .swiper-button-prev{
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/65f60f63-fdfb-451d-a9ea-1d552cf7e7c5.svg);
    left: 10px;
    transform: rotate(180deg);
}
.idx_recommend .swiper-free-mode .swiper-button-next{
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/65f60f63-fdfb-451d-a9ea-1d552cf7e7c5.svg);
    right: 160px;
}
.idx_recommend .swiper-free-mode .swiper-button-disabled{
    opacity: .5;
}
.idx_recommend .swiper-free-mode .swiper-button-prev::after, 
.idx_recommend .swiper-free-mode .swiper-button-next::after{
    display: none;
}
@media (max-width:1539px) {
    .idx_recommend_wrap{
        padding-left: 4%;
    }
    .idx_recommend .swiper-free-mode .swiper-button-next{
        right: 7%;
    }
}
@media (max-width:1439px) {
    .idx_recommend .swiper-slide .swiper-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}
@media (max-width:1359px) {
    .idx_recommend .swiper-slide .swiper-content .btn, 
    .idx_recommend .swiper-slide .swiper-content .price{
        bottom: 2rem;
    }
}
@media (max-width:1279px) {
    .idx_recommend .swiper-slide .swiper-content{
        padding-left: 3rem;
    }
    .idx_recommend .swiper-slide .swiper-content h3{
        font-size: 26px;
    }
    .idx_recommend .swiper-slide .swiper-content h3 span{
        font-size: 20px;
    }
    .idx_recommend .swiper-slide .swiper-content li{
        font-size: 17px;
    }
    .idx_recommend .swiper-slide .swiper-content .btn{
        font-size: 18px;
    }
    .idx_recommend .swiper-free-mode .swiper-button-next{
        right: 5%;
    }
}
@media (max-width:1024px) {
    .idx_recommend_wrap{
        padding-left: 3%;
        margin-top: 4rem;
    }
    .idx_recommend .swiper-slide .swiper-img{
        width: calc(55% - 25px);
        margin-left: 25px;
    }
    .idx_recommend .swiper-slide .swiper-content{
        padding-left: 2rem;
        width: 45%;
        padding-bottom: 6.5rem;
    }
    .idx_recommend .swiper-slide .swiper-content h3{
        font-size: 23px;
    }
    .idx_recommend .swiper-slide .swiper-content h3 span{
        font-size: 19px;
    }
    .idx_recommend .swiper-slide .swiper-content li{
        font-size: 16px;
    }
    .idx_recommend .swiper-slide .swiper-content .btn{
        border-bottom-width: 4px;
        padding: 10px 3rem 8px 15px;
    }
    .idx_recommend .swiper-slide .swiper-content .btn:hover{
        padding: 10px 32px 8px 31px;
    }
    .idx_recommend .swiper-slide .swiper-content .btn::after{
        width: 13px;
        height: 16px;
        top: 11px;
        right: 15px;
    }
    .idx_recommend .swiper-slide .swiper-content .price{
        font-size: 24px;
    }
    .idx_recommend .swiper-slide .swiper-content .price span{
        font-size: 16px;
        margin-left: 3px;
    }
    .idx_recommend .swiper-free-mode .swiper-button-prev, 
    .idx_recommend .swiper-free-mode .swiper-button-next{
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background-size: 20px;
        background-position: 18px center;
    }
    .idx_recommend .swiper-free-mode .swiper-button-next{
        right: 7%;
    }
}
@media (max-width:767px) {
    .idx_recommend_wrap{
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 2rem;
    }
    .idx_recommend_wrap .main.row::before{
        top: 30%;
        left: 0;
    }
    .idx_recommend_wrap .block_title{
        padding-left: 15px;
    }
    .idx_recommend .swiper-backface-hidden .swiper-slide{
        padding-left: 15px;
        padding-right: 15px;
    }
    .idx_recommend .swiper-slide .swiper-img{
        width: 100%;
        padding-left: 0;
        margin-left: 0;
    }
    .idx_recommend .swiper-slide .swiper-content{
        width: 100%;
        padding: 1.5rem 5px 3rem;
        justify-content: space-between;
    }
    .idx_recommend .swiper-slide .swiper-content h3{
        font-size: 21px;
    }
    .idx_recommend .swiper-slide .swiper-content h3 span{
        margin-top: 5px;
    }
    .idx_recommend .swiper-slide .swiper-content ul{
        margin-top: 1rem;
        padding-top: 1rem;
    }
    .idx_recommend .swiper-slide .swiper-content li{
        font-size: 15px;
    }
    .idx_recommend .swiper-slide .swiper-content .btn{
        position: relative;
        margin-top: 1.5rem;
        bottom: unset;
    }
    .idx_recommend .swiper-slide .swiper-content .price{
        position: unset;
        margin-top: 1.5rem;
    }
    .idx_recommend .swiper-free-mode .swiper-button-prev{
        left: 0;
        top: 25%;
    }
    .idx_recommend .swiper-free-mode .swiper-button-next{
        right: 0;
        top: 25%;
    }
}

/*首頁頁籤模組*/
.tab_box{
    margin-top: 6.5rem;
    max-width: 75%;
    margin-left: 25%;
    margin-bottom: -6.5rem;
    position: relative;
    z-index: 2;
}
.tab_box .nav-pills .nav-item{
    position: relative;
}
.tab_box .nav-pills .nav-item:nth-last-child(1)::before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #d0d2d4;
    border-radius: 8px;
    position: absolute;
    right: -3px;
    top: 28px;
}
.tab_box .nav-pills .nav-link{
    font-size: 22px;
    color: #231815;
    font-family: SweiSpringCJKtc-Regular !important;
    letter-spacing: 1px;
    padding: 1rem 36px 2rem;
    border-radius: 0;
    position: relative;
}
.tab_box .nav-pills .nav-link::before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #d0d2d4;
    border-radius: 8px;
    position: absolute;
    left: -3px;
    top: 28px;
}
.tab_box .nav-pills .nav-link:hover, 
.tab_box .nav-pills .nav-link.active{
    color: #E83817;
    background: none;
}
.tab_box .nav-pills .nav-link.active::after{
    content: '';
    display: block;
    width: 14px;
    height: 17px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 12px;
    transform: rotate(90deg);
    left: calc(50% - 8px);
}
.idx_star_wrap .main.row{
    padding-top: 3.5rem;
    margin-top: 2rem;
    padding-bottom: 4rem;
}
.idx_star_wrap .block_title{
    padding-left: 130px;
    margin-top: 130px;
}
.idx_star .swiper-slide-style{
    background: none;
    border-radius: 0;
    box-shadow: none;
}
.idx_star .swiper-slide .swiper-img{
    overflow: hidden;
}
.idx_star .swiper-slide .swiper-img img{
    border-radius: 0;
    transform: scale(1);
    transition: .3s;
}
.idx_star .swiper-slide:hover .swiper-img img{
    transform: scale(1.15);
    transition: .3s;
}
.idx_star .swiper-slide .swiper-title{
    text-align: left;
    padding: 0;
    font-size: 21px;
    font-family: SweiSpringCJKtc-Regular !important;
    letter-spacing: 1px;
    color: #000;
}
.idx_star .swiper-slide:hover .swiper-title{
    color: #ef7f50;
}
.idx_star .swiper-slide .swiper-content{
    -webkit-line-clamp:unset;
    padding: 0;
}
.idx_star .swiper-slide .swiper-content .info{
    font-family: Taipei Sans TC !important;
    padding: 0;
    letter-spacing: 0.5px;
    font-weight: lighter;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.idx_star .swiper-slide .swiper-content .price{
    margin-top: 1rem;
    color: #E83817;
    font-size: 20px;
    font-family: "Kumbh Sans", sans-serif !important;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: end;
    font-weight: 500;
}
.idx_star .swiper-slide .swiper-content .price span{
    font-size: 15px;
    margin-left: 5px;
    color: #231815;
    font-family: Taipei Sans TC !important;
    font-weight: 400;
}
.idx_star .swiper-button-prev, 
.idx_star .swiper-button-next{
    display: none;
}
@media (max-width:1539px) {
    .idx_star .swiper-slide .swiper-title{
        font-size: 20px;
    }
    .idx_star .swiper-slide .swiper-content{
        font-size: 16px;
        letter-spacing: 0.5px;
    }
}
@media (max-width:1439px) {
    .idx_star_wrap .block_title{
        padding-left: 6%;
    }
}
@media (max-width:1024px) {
    .tab_box{
        margin-top: 4.5rem;
    }
    .tab_box .nav-pills .nav-link{
        font-size: 21px;
        padding: 1rem 30px 2rem;
    }
    .idx_star_wrap .main.row{
        padding-bottom: 2.5rem;
    }
    .idx_star_wrap .block_title{
        margin-top: 70px;
    }
    .idx_star .swiper-slide .swiper-title{
        font-size: 19px;
    }
    .idx_star .swiper-slide .swiper-content{
        font-size: 15px;
    }
}
@media (max-width:991px) {
    .tab_box{
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .tab_box .blk-tabs ul{
        justify-content: center;
    }
    .tab_box .block_title{
        order: -1;
    }
    .tab_box .block_title section.text-link h2{
        text-align: center !important;
        padding-left: 15px;
    } 
    .tab_box .block_title div.link-list ul li{
        text-align: center;
    }
    .idx_star{
        padding-left: 45px;
    }
    .idx_star_wrap .main.row{
        margin-top: 0;
        padding-top: 5.5rem;
    }
}
@media (max-width:767px) {
    .tab_box{
        margin-top: 3rem;
    }
    .tab_box .blk-tabs{
        display: block;
    }
    .tab_box .blk-tabs ul.nav{
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        text-align: center;
        padding: 0px 10px 0 15px;
        border-radius: 0;
    }
    .tab_box .nav-pills .nav-item{
        display: inline-block;
    }
    .tab_box .nav-pills .nav-link{
        font-size: 19px;
        padding: 20px 16px 1.5rem;
    }
    .tab_box .nav-pills .nav-link::before{
        top: 30px;
        left: -6px;
    }
    .tab_box .nav-pills .nav-link.active::after{
        bottom: 5px;
    }
    .idx_star_wrap .main.row{
        padding-bottom: 3.5rem;
    }
    .idx_star{
        padding-left: 30px;
    }
    .idx_star .swiper-free-mode > .swiper-wrapper {
        padding-bottom: 4rem;
    }
    .idx_star .swiper-slide-style{
        margin-bottom: 15px;
    }
    .idx_star .swiper-slide .swiper-content{
        margin-bottom: 0;
    }
    .idx_star .swiper-container .swiper-button-prev::after, 
    .idx_star .swiper-container .swiper-button-next::after{
        display: none;
    }
    .idx_star .swiper-container .swiper-button-prev, 
    .idx_star .swiper-container .swiper-button-next{
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background-size: 20px;
        background-position: 18px center;
        background-repeat: no-repeat;
        opacity: 1;
        z-index: 9;
        top: unset;
        bottom: 0;
        background-color: #fef3ec;
        background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    }
    .idx_star .swiper-free-mode .swiper-button-next{
        right: calc(50% - 65px);
    }
    .idx_star .swiper-free-mode .swiper-button-prev{
        left: calc(50% - 65px);
        transform: rotate(180deg);
    }
}

/*首頁熱門主題*/
.idx_theme_wrap .block_title{
    margin-top: 6rem;
}
.idx_theme_wrap .block_title section.text-link h2{
    padding-right: 0;
}
.idx_theme_wrap .block_title div.link-list ul li{
    text-align: center;
}
.idx_theme{
    max-width: calc(100% - 60px);
    margin: auto;
    flex: 0 0 calc(100% - 60px);
    margin-top: 2rem;
    margin-bottom: 5rem;
}
.idx_theme .swiper-free-mode > .swiper-wrapper{
    padding-bottom: 5.5rem;
}
.idx_theme .swiper-slide-style{
    background: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
}
.idx_theme .swiper-slide .swiper-img{
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}
.idx_theme .swiper-slide .swiper-img::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 95%);
    z-index: 1;
}
.idx_theme .swiper-slide .swiper-img img{
    border-radius: 0;
    transform: scale(1);
    transition: .3s;
}
.idx_theme .swiper-slide:hover .swiper-img img{
    transform: scale(1.15);
    transition: .3s;
}
.idx_theme .swiper-slide .swiper-title{
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    text-align: center;
    width: 100%;
    color: #231815;
    font-family: SweiSpringCJKtc-Regular !important;
    font-size: 24px;
    letter-spacing: 0.5px;
    margin-bottom: 1.5rem;
    transition: .3s;
    z-index: 2;
}
.idx_theme .swiper-slide:hover .swiper-title{
    color: #E83817;
    transition: .3s;
}
.idx_theme .swiper-container .swiper-button-prev, 
.idx_theme .swiper-container .swiper-button-next{
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 60px;
    background-size: 24px;
    background-repeat: no-repeat;
    opacity: 1;
    background-position: 21px center;
    z-index: 9;
    top: unset;
    bottom: 0;
}
.idx_theme .swiper-free-mode .swiper-button-prev{
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/190a50df-6866-4acc-b1c5-2fdaf6d2a70b.svg);
    left: calc(50% - 80px);
    transform: rotate(180deg);
}
.idx_theme .swiper-free-mode .swiper-button-next{
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/190a50df-6866-4acc-b1c5-2fdaf6d2a70b.svg);
    right: calc(50% - 80px);
}
.idx_theme .swiper-container .swiper-button-prev::after, 
.idx_theme .swiper-container .swiper-button-next::after{
    display: none;
}
@media (max-width:1539px) {
    .idx_theme .swiper-slide .swiper-title{
        font-size: 22px;
    }
}
@media (max-width:1279px) {
    .idx_theme .swiper-slide .swiper-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
}
@media (max-width:1024px) {
    .idx_theme{
        margin-top: 0.5rem;
    }
    .idx_theme_wrap .block_title{
        margin-top: 4.5rem;
    }
    .idx_theme .swiper-free-mode > .swiper-wrapper{
        padding-bottom: 4rem;
    }
    .idx_theme .swiper-container .swiper-button-prev, 
    .idx_theme .swiper-container .swiper-button-next{
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background-size: 20px;
        background-position: 18px center;
    }
    .idx_theme .swiper-free-mode .swiper-button-prev{
        left: calc(50% - 65px);
    }
    .idx_theme .swiper-free-mode .swiper-button-next{
        right: calc(50% - 65px);
    }
}
@media (max-width:767px) {
    .idx_theme_wrap .block_title{
        margin-top: 3rem;
    }
    .idx_theme{
        max-width: calc(100% - 15px);
        flex: 0 0 calc(100% - 15px);
        margin-right: 0;
        margin-left: 15px;
        margin-bottom: 3.5rem;
    }
}

/*首頁部落格*/
.idx_articles_wrap .block_title{
    position: absolute;
    max-width: max-content;
    top: 13rem;
    left: calc(12.5% + 1rem);
    z-index: 2;
}
.idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a{
    background: #fff;
    border: 1px solid #ef7f50;
    border-bottom-width: 5px;
    border-radius: 0;
    font-size: 20px !important;
    padding: 12px 4rem 10px 20px;
    font-family: "Kumbh Sans", sans-serif !important;
    line-height: 1;
    margin-top: 4rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .3s;
}
.idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a:hover{
    color: #fff !important;
    padding: 12px 44px 10px 40px;
    transition: .3s;
}
.idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a::before{
    content: '';
    display: block;
    background-color: #ef7f50;
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    transition: .3s;
    z-index: -1;
}
.idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a:hover::before{
    top: 0;
    transition: .3s;
}
.idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a::after{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    width: 14px;
    height: 17px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    right: 20px;
    opacity: 1;
    transition: .3s;
}
.idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a:hover::after{
    right: -20px;
    opacity: 0;
    transition: .3s;
}
.idx_article{
    margin-left: 12.5%;
    margin-top: 6.5rem;
    margin-bottom: 5rem;
}
.idx_article ul{
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin-bottom: 0;
}
.idx_article ul li{
    width: calc(33.3333% - 2rem);
    margin: 0 1rem 2rem;
}
.idx_article ul li:nth-child(1){
    width: calc(68% - 1rem);
    margin-left: 32%;
    margin-bottom: 2rem;
    position: relative;
}
.idx_article ul li .article_photo{
    overflow: hidden;
    width: 100%;
    display: table;
}
.idx_article ul li img{
    width: 100%;
    transform: scale(1);
    transition: .3s;
}
.idx_article ul li:hover img{
    transform: scale(1.15);
    transition: .3s;
}
.idx_article ul li .article_title{
    font-size: 20px;
    margin-top: 1rem;
    padding-bottom: 1rem;
    letter-spacing: 1px;
    position: relative;
    border: none !important;
    margin-bottom: 0;
}
.idx_article ul li .article_title::before{
    content: '';
    display: block;
    height: 1px;
    width: 50px;
    background: #E83817;
    position: absolute;
    left: 0;
    bottom: 0;
}
.idx_article ul li:nth-child(1) .article_title{
    background: #fff;
    position: absolute;
    bottom: 0;
    font-size: 22px;
    padding: 1.5rem 1.5rem 1.5rem 2.5rem;
    max-width: 45.5%;
    left: -12%;
}
.idx_article ul li:nth-child(1) .article_title::before{
    width: 20px;
    bottom: unset;
    top: 39px;
}
.idx_article ul li .article_title a{
    color: #231815;
    text-decoration: none;
    font-family: SweiSpringCJKtc-Regular !important;
    transition: .3s;
}
.idx_article ul li .article_title:hover a{
    color: #ef7f50;
    transition: .3s;
}
@media (max-width:1539px) {
    .idx_article ul li .article_title{
        font-size: 18px;
    }
    .idx_article ul li:nth-child(1) .article_title{
        font-size: 20px;
    }
}
@media (max-width:1439px) {
    .idx_articles_wrap .block_title{
        top: 10rem;
        left: calc(7% + 1rem);
    }
    .idx_article{
        max-width: 90%;
        flex: 0 0 90%;
        margin-left: 7%;
    }
}
@media (max-width:1279px) {
    .idx_article ul li:nth-child(1) .article_title::before{
        top: 31px;
    }
    .idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a{
        font-size: 18px !important;
    }
    .idx_article ul li:nth-child(1) .article_title{
        font-size: 18px;
        padding: 1.2rem 1.2rem 1.2rem 2.3rem;
        max-width: 50%;
        left: -8%;
    }
    .idx_article ul li .article_title{
        font-size: 17px;
    }
}
@media (max-width:1024px) {
    .idx_articles_wrap .block_title{
        top: 8rem;
        left: 30px;
    }
    .idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a{
        padding: 10px 3rem 8px 15px;
        border-bottom-width: 4px;
        font-size: 18px !important;
        margin-top: 3rem;
    }
    .idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a:hover{
        padding: 10px 32px 8px 31px;
    }
    .idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1) a::after{
        width: 13px;
        height: 16px;
        top: 11px;
        right: 15px;
    }
    .idx_article{
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 5.5rem;
        margin-bottom: 4rem;
    }
    .idx_article ul li:nth-child(1) .article_title{
        letter-spacing: 0.5px;
    }
}
@media (max-width:767px) {
    .idx_articles_wrap .block_title{
        position: unset;
        margin: 3rem auto 2.5rem;
    }
    .idx_articles_wrap .block_title div.link-list ul li:nth-last-child(1){
        display: none !important;
    }
    .idx_article{
        margin-top: 0;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 1rem;
    }
    .idx_article ul li .article_title{
        font-size: 18px;
        padding: 1rem;
        margin: 0;
        background: #f7f7f8;
    }
    .idx_article ul li .article_title::before{
        display: none;
    }
    .idx_article ul li:nth-child(1){
        width: calc(100% - 30px);
        margin: 0 auto 1.5rem;
    }
    .idx_article ul li:nth-child(1) .article_title{
        position: unset;
        margin: 0;
        max-width: 100%;
        padding: 1rem;
    }
    .idx_article ul li:nth-child(1) .article_title::before{
        display: none;
    }
    .idx_article ul li{
        margin: 0 1rem 1.5rem;
        width: calc(100% - 2rem);
    }
    .mobile_article_btn{
        margin-bottom: 4rem;
    }
    .mobile_article_btn .function-row li{
        max-width: max-content;
        flex: unset;
        margin: auto;
        padding: 0;
    }
    .mobile_article_btn .function-row li a{
        background: #fff;
        border: 1px solid #ef7f50;
        border-bottom-width: 4px;
        padding: 10px 3rem 8px 15px;
        line-height: 1;
        overflow: hidden;
        z-index: 1;
        transition: .3s;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }
    .mobile_article_btn .function-row li a:hover{
        padding: 10px 32px 8px 31px;
    }
    .mobile_article_btn .function-row li a::before{
        content: '';
        display: block;
        background-color: #ef7f50;
        position: absolute;
        top: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        transition: .3s;
    }
    .mobile_article_btn .function-row li a:hover::before{
        top: 0;
        transition: .3s;
    }
    .mobile_article_btn .function-row li a img{
        width: 13px;
        position: absolute;
        top: 11px;
        right: 15px;
    }
    .mobile_article_btn .function-row li a:hover img{
        right: -20px;
        opacity: 0;
        transition: .3s;
    }
    .mobile_article_btn .function-row li a h3{
        color: #231815;
        margin: 0;
        line-height: 1;
        font-size: 18px;
        font-family: "Kumbh Sans", sans-serif !important;
        font-weight: unset;
        letter-spacing: 1px;
        position: relative;
        z-index: 1;
    }
    .mobile_article_btn .function-row li a:hover h3{
        color: #fff !important;
    }
}

/*首頁公告*/
.idx_essentials_wrap .main.row{
    padding: 2rem 3rem 3rem;
    justify-content: center;
}
.idx_essentials_wrap .main.row::after {
    content: '';
    display: block;
    background-image: url(https://www.xi-realtour.com/material-alias/icons/logo_bgG.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 171px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top left;
}
.idx_essentials_wrap .block_title{
}
.idx_essentials_wrap .block_title > .module-container{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.idx_essentials_wrap .block_title section.text-link h2{
}
.idx_essentials_box .swiper-slide-style{
    border-radius: 0;
    box-shadow: none;
    margin-top: 5px;
    background: none;
}
.idx_essentials_box .swiper-slide .swiper-img{
    margin-bottom: 0;
    overflow: hidden;
    border: 5px solid rgb(232 56 23 / 15%);
}
.idx_essentials_box .swiper-slide .swiper-img img{
    border-radius: 0;
    transform: scale(1);
    transition: .3s;
}
.idx_essentials_box .swiper-slide:hover .swiper-img img{
    transform: scale(1.05);
    transition: .3s;
}
.idx_essentials_box .swiper-slide .swiper-title{
    padding: 0;
    text-align: left;
    margin: 15px 0 8px;
    font-size: 20px;
    font-weight: normal;
    color: #231815;
    font-family: SweiSpringCJKtc-Regular !important;
    border-left: 3px solid #e83817;
    padding-left: 11px;
}
.idx_essentials_box .swiper-slide .swiper-content{
    padding: 0;
    letter-spacing: 0;
    font-family: Taipei Sans TC !important;
    margin-bottom: 0;
}
.idx_essentials_box .swiper-button-prev, 
.idx_essentials_box .swiper-button-next{
    width: 55px;
    height: 55px;
    background-color: #ec8154;
    border-radius: 60px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 21px center;
    opacity: 0.6;
    z-index: 9;
    top: 25%;
}
.idx_essentials_box .swiper-button-prev:hover, 
.idx_essentials_box .swiper-button-next:hover{
    opacity: 1;
}
.idx_essentials_box .swiper-button-next{
    right: 0px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/65f60f63-fdfb-451d-a9ea-1d552cf7e7c5.svg);
}
.idx_essentials_box .swiper-button-prev{
    transform: rotate(180deg);
    left: 0;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/65f60f63-fdfb-451d-a9ea-1d552cf7e7c5.svg);
}
.idx_essentials_box .swiper-button-prev::after, 
.idx_essentials_box .swiper-button-next::after{
    display: none;
}
.idx_essentials_box .swiper-button-prev.swiper-button-disabled, 
.idx_essentials_box .swiper-button-next.swiper-button-disabled{
    display: none;
}

/*部落格*/
.article_top_bg{
    /*margin-top: 87px;*/
}
.article_top_bg .module-container .main .bgfixed > div{
    /*background: linear-gradient(270deg, rgba(35, 24, 21, 0.05) 50%, rgba(35, 24, 21, .8) 95%);
    background: rgba(35, 24, 21, 0.3);*/
}
.article_top_bg .module-container .main .bgfixed section{
    max-width: 75%;
    margin: auto;
}
.article_top_bg .module-container .main .bgfixed section h3{
    font-family: SweiSpringCJKtc-Regular !important;
    text-shadow: 0 0 10px rgba(239, 127, 80, 1);
    padding-bottom: 0rem;
    margin-bottom: 2rem;
    position: relative;
    font-size: 42px;
}
.article_top_bg .module-container .main .bgfixed section h3:before{
    /*content: '';
    display: block;
    width: 150px;
    height: 1px;
    background: #ef7f50;
    position: absolute;
    left: 0;
    bottom: 0;*/
}
.article_top_bg .module-container .main .bgfixed section p{
    font-size: 22px;
    font-family: Taipei Sans TC !important;
}
.article_breadcrumb ol.breadcrumb {
    background: none;
    border-radius: 0;
    padding: 25px 0;
    font-size: 15px;
}
.article_breadcrumb ol.breadcrumb .breadcrumb-item{
    color: #231815;
    font-family: Taipei Sans TC !important;
}
.article_breadcrumb ol.breadcrumb .breadcrumb-item a{
    color: #ef7f50;
    text-decoration: none;
    font-family: Taipei Sans TC !important;
}
.article_info_wrap .main.row{
    padding: 3rem;
}
.article_title{
    padding: 0;
    border-bottom: 2px solid #E83817 !important;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.article_title_h1 h1, 
.article_title_h1 h1 span{
    font-size: 32px !important;
}
.article_title_h1 h1, 
.article_title section.text-link h2{
    font-family: SweiSpringCJKtc-Regular !important;
    margin-bottom: 1rem;
    line-height: 1.4;
}
.article_title div.link-list ul li a, 
.article_title div.link-list ul li span{
    padding: 10px 15px;
    letter-spacing: 0.5px;
    font-family: Taipei Sans TC !important;
}
.article_title div.link-list ul li a i.fa-pencil, 
.article_title div.link-list ul li span i.fa-pencil{
    width: 17px;
    height: 17px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/cea631d4-128d-4f34-91b1-ceffa0c3c44e.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.article_title div.link-list ul li a i.fa-pencil::before, 
.article_title div.link-list ul li span i.fa-pencil::before{
    display: none;
}
.article_bookmark{
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.article_bookmark section.text-link h2{
    margin-bottom: 1rem;
    position: relative;
    padding-left: 26px;
    font-family: Taipei Sans TC !important;
}
.article_bookmark section.text-link h2::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/62d9a29b-83e2-418f-8d67-ddab3f367ecb.svg);
    width: 17px;
    height: 25px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.article_bookmark div.link-list ul{
    padding: 1.2rem 1.7rem;
}
.article_bookmark div.link-list ul li a, 
.article_bookmark div.link-list ul li span{
    padding: 5px 10px 5px 5px;
    line-height: 1.5;
    font-family: Taipei Sans TC !important;
    position: relative;
}
.article_bookmark div.link-list ul li a::before, 
.article_bookmark div.link-list ul li span::before{
    /*content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #E83817;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 14px;*/
}
.article_info {
    margin-top: 1rem;
}
.article_info .header-title{
    font-size: 0;
}
.article_info .mix-wrapper{
    padding: 0;
}
.article_info .mix-wrapper .pic-content.img-mode{
    margin: 0;
}
.article_info .mix-wrapper .editor-content{
    margin-top: 0;
    margin-bottom: 0;
}
.article_info .mix-wrapper .editor-content h2, 
.article_info .mix-wrapper .editor-content h2 span, 
.article_info .mix-wrapper .editor-content h3, 
.article_info .mix-wrapper .editor-content h3 span{
    font-family: SweiSpringCJKtc-Regular !important;
    line-height: 1.4;
}
.article_info .mix-wrapper .editor-content h2{
    margin: 3rem 0 1.5rem;
    border-left: 7px solid #f7bfa7;
    padding-left: 20px;
}
.article_info .mix-wrapper .editor-content h2, 
.article_info .mix-wrapper .editor-content h2 span{
    font-size: 26px;
    color: #E83817;
}
.article_info .mix-wrapper .editor-content h3{
    margin: 2rem 0 1.5rem;
}
.article_info .mix-wrapper .editor-content h3, 
.article_info .mix-wrapper .editor-content h3 span{
    font-size: 22px;
    color: #231815;
}
.article_info .mix-wrapper .editor-content p, 
.article_info .mix-wrapper .editor-content p span{
    font-size: 18px;
    font-family: Taipei Sans TC !important;
    color: #666666;
}
.article_info .mix-wrapper .editor-content ul{
    padding-left: 1.5rem;
}
.article_tags {
    margin-top: 3.5rem;
}
.article_tags div.link-list{
    min-height: unset;
    padding-left: 35px;
    position: relative;
}
.article_tags div.link-list::before{
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/f0c3694b-3415-4ea6-a6d2-30d71d25aadb.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 5px;
}
.article_tags div.link-list ul li a, 
.article_tags div.link-list ul li span{
    padding: 3px 15px 3px 12px;
    margin: 5px;
    background: #f7f7f8;
    border-radius: 100px;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
.share_wrap .main.row{
    justify-content: end;
    align-items: center;
    align-content: center;
    padding-top: 0;
}
.article_share, .article_fb, .article_line, .article_link{
    max-width: max-content;
}
.article_share{
    margin-right: 5px;
}
.article_fb{
    margin: 5px;
}
.article_fb .fb_share{
    width: 30px;
    height: 30px;
}
.article_fb .fb_share img{
    width: 18px;
}
.article_line{
    margin: 5px;
    width: 30px;
    height: 30px;
}
.article_line iframe.line-it-button[data-type="share-c"]{
    width: 30px !important;
}
.article_link{
    margin: 5px;
}
.article_link p{
    margin: 0;
}
.article_link button{
    border-radius: 3px;
    border: 1px solid #ef7f50;
    width: 30px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #ef7f50;
    background-color: #fff;
}
.article_prevnext{
    margin-bottom: 4rem;
}
.article_prevnext .function-row .row-content{
    justify-content: space-between;
    padding: 1.5rem 15px 0;
    position: relative;
}
.article_prevnext .function-row .row-content::before{
    content: '';
    display: block;
    width: 2px;
    background-color: #E83817;
    position: absolute;
    top: 1.5rem;
    bottom: 0;
    left: calc(50% - 1px);
}
.article_prevnext .function-row .row-content li{
    max-width: max-content;
    flex: unset;
    margin: 1rem 0;
}
.article_prevnext .function-row .row-content li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 0;
    padding: 0;
}
.article_prevnext .function-row .row-content li a img{
    width: 30px;
    margin-right: 2rem;
    margin-left: 2rem;
}
.article_prevnext .function-row .row-content li:nth-child(1) a img{
     transform: rotate(180deg);
}
.article_prevnext .function-row .row-content li:nth-child(2) a img{
    order: 1;
}
.article_prevnext .function-row .row-content li a h3{
    font-size: 24px;
    color: #231815;
    font-family: SweiSpringCJKtc-Regular !important;
    font-weight: unset;
    margin-top: 0;
}
@media (max-width:1359px) {
    .article_top_bg .module-container .main .bgfixed section{
        max-width: calc(100% - 100px);
    }
    .article_breadcrumb, 
    .article_info_wrap, 
    .article_prevnext_wrap {
        max-width: calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
    }

}
@media (max-width:991px) {
    .article_top_bg .module-container .main .bgfixed section{
        max-width: calc(100% - 60px);
    }
    .article_breadcrumb, 
    .article_info_wrap, 
    .article_prevnext_wrap {
        max-width: calc(100% - 60px);
        flex: 0 0 calc(100% - 60px);
    }
    .article_prevnext .function-row .row-content{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width:767px) {
    .article_top_bg{
        /*margin-top: 110px;*/
    }
    .article_top_bg .bgfixed, 
    .article_top_bg .bgfixed > div {
        min-height: 300px !important;
    }
    .article_top_bg .module-container .main .bgfixed section h3{
        font-size: 28px;
        padding-bottom: 0rem;
        margin-bottom: 1rem;
    }
    .article_top_bg .module-container .main .bgfixed section h3:before{
        width: 80px;
    }
    .article_top_bg .module-container .main .bgfixed section p{
        font-size: 16px;
    }
    .article_top_bg .module-container .main .bgfixed section{
        max-width: calc(100% - 40px);
    }
    .article_breadcrumb, 
    .article_info_wrap, 
    .article_prevnext_wrap {
        max-width: calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
    }
    .article_breadcrumb ol.breadcrumb{
        padding: 20px 0;
    }
    .article_info_wrap .main.row{
        padding: 20px;
    }
    .article_title{
        padding-bottom: 5px;
        margin-bottom: 1.5rem;
    }
    .article_title_h1 h1, 
    .article_title_h1 h1 span, 
    .article_title section.text-link h2{
        font-size: 24px !important;
        margin-bottom: 5px;
    }
    .article_title section.text-link div.link-list{
        min-height: auto;
    }
    .article_title div.link-list ul li a, 
    .article_title div.link-list ul li span{
        font-size: 15px !important;
        padding: 8px 10px;
    }
    .article_title div.link-list ul li a i.fa-pencil, 
    .article_title div.link-list ul li span i.fa-pencil{
        height: 15px;
        width: 15px;
    }
    .article_bookmark section.text-link h2{
        font-size: 19px !important;
        padding-left: 21px;
    }
    .article_bookmark section.text-link h2::before{
        width: 14px;
        height: 22px;
    }
    .article_bookmark div.link-list ul{
        padding: 0.8rem 1.2rem;
    }
    .article_bookmark div.link-list ul li a, 
    .article_bookmark div.link-list ul li span{
        font-size: 16px !important;
        padding: 3px 10px 3px 13px;
    }
    .article_bookmark div.link-list ul li a::before, 
    .article_bookmark div.link-list ul li span::before{
        top: 12px;
    }
    .article_info .mix-wrapper .editor-content{
        margin-top: 0;
    }
    .article_info .mix-wrapper .editor-content h2{
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .article_info .mix-wrapper .editor-content h2, 
    .article_info .mix-wrapper .editor-content h2 span{
        font-size: 24px;
    }
    .article_info .mix-wrapper .editor-content h3{
        margin-bottom: 1rem;
    }
    .article_info .mix-wrapper .editor-content h3, 
    .article_info .mix-wrapper .editor-content h3 span{
        font-size: 20px;
    }
    .article_info .mix-wrapper .editor-content p, 
    .article_info .mix-wrapper .editor-content p span{
        font-size: 16px;
    }
    .article_tags div.link-list ul li a, 
    .article_tags div.link-list ul li span{
        padding: 2px 13px 2px 10px;
        margin: 4px 2px;
        letter-spacing: 0;
    }
    .share_wrap .main.row{
        padding-top: 0;
    }
    .article_prevnext{
        margin-bottom: 3rem;
    }
    .article_prevnext .function-row .row-content{
        padding-top: 1rem;
    }
    .article_prevnext .function-row .row-content::before{
        top: 1rem;
    }
    .article_prevnext .function-row .row-content li{
        margin: 8px 0;
        padding: 0;
    }
    .article_prevnext .function-row .row-content li a img{
        width: 22px;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .article_prevnext .function-row .row-content li a h3{
        font-size: 20px;
    }
}
@media (max-width:320px) {
    .article_prevnext .function-row .row-content li{
        margin: 5px 0;
    }
    .article_prevnext .function-row .row-content li a img {
        width: 18px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .article_prevnext .function-row .row-content li a h3 {
        font-size: 18px;
    }
}

/*privacy policy*/
.article_top_bg.privacy_policy .module-container .main .bgfixed{
    background-position: top;
}
.article_top_bg.privacy_policy .module-container .main .bgfixed section h3{
    font-family: "GFS Didot", serif !important;
    letter-spacing: 1px;
    padding-left: 0;
    background: linear-gradient(to bottom, #f4a57e 33%, #ef7f50 90%);
    line-height: 60px;
    background-clip: text;
    color: transparent;
    text-shadow: none;
    font-size: 75px;
    position: unset;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}
.article_top_bg.privacy_policy .module-container .main .bgfixed section p{
    font-family: SweiSpringCJKtc-Regular !important;
    font-size: 28px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.article_info_wrap.privacy_policy{
    margin-top: 4rem;
    margin-bottom: 5rem;
}
.privacy_title_h3 {
    padding-bottom: 2rem;
    border-bottom: 2px solid #e83416 !important;
    margin-bottom: 1rem;
}
.privacy_title_h3 h3{
    font-size: 20px;
    font-weight: normal;
    font-family: Taipei Sans TC !important;
    letter-spacing: 0.5px;
    line-height: 1.5;
    color: #231815;
}
.privacy_policy .article_info .mix-wrapper .editor-content h2{
    margin: 1.5rem 0 20px;
}
.privacy_policy .article_info .mix-wrapper .editor-content h2, 
.privacy_policy .article_info .mix-wrapper .editor-content h2 span{
    font-size: 24px;
}
.privacy_policy .article_info .mix-wrapper .editor-content p, 
.privacy_policy .article_info .mix-wrapper .editor-content p span{
    line-height: 1.65;
}
.privacy_policy .article_info .mix-wrapper .editor-content a{
    text-decoration: none;
}
.privacy_policy .article_info .mix-wrapper .editor-content ol, 
.privacy_policy .article_info .mix-wrapper .editor-content ul{
    padding-left: 3rem;
}
.privacy_policy .article_info .mix-wrapper .editor-content li{
    font-size: 18px;
    line-height: 1.65;
    font-family: Taipei Sans TC !important;
    color: #666666;
}
@media (max-width:767px) {
    .article_top_bg.privacy_policy .module-container .main .bgfixed section h3{
        font-size: 48px;
        letter-spacing: 0;
        margin-bottom: 0;
    }
    .article_top_bg.privacy_policy .module-container .main .bgfixed section p{
        font-size: 24px;
    }
    .article_info_wrap.privacy_policy{
        margin-top: 2rem;
        margin-bottom: 2.5rem;
    }
    .privacy_title_h3{
        padding-bottom: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .privacy_title_h3 h3{
        font-size: 18px;
    }
    .privacy_policy .article_info .mix-wrapper .editor-content h2 {
        margin: 10px 0 13px;
    }
    .privacy_policy .article_info .mix-wrapper .editor-content h2, 
    .privacy_policy .article_info .mix-wrapper .editor-content h2 span{
        font-size: 22px;
    }
    .privacy_policy .article_info .mix-wrapper .editor-content p, 
    .privacy_policy .article_info .mix-wrapper .editor-content p span{
        line-height: 1.5;
    }
    .privacy_policy .article_info .mix-wrapper .editor-content ol, 
    .privacy_policy .article_info .mix-wrapper .editor-content ul{
        padding-left: 1.7rem;
    }
    .privacy_policy .article_info .mix-wrapper .editor-content li{
        font-size: 16px;
        line-height:1.5;
    }
}

/*articles index*/
.article_top_bg.articles .module-container .main .bgfixed section{
    margin-bottom: 200px;
}
.article_top_bg.articles .module-container .main .bgfixed > div{
    background: none;
}
.article_top_bg.articles .module-container .main .bgfixed section h3{
    font-family: "GFS Didot", serif !important;
    letter-spacing: 1px;
    padding-left: 0;
    background: linear-gradient(to top, #ef7f50 33%, #e83817 90%);
    line-height: 60px;
    background-clip: text;
    color: transparent;
    text-shadow: none;
    font-size: 75px;
    position: unset;
    padding-bottom: 0rem;
    margin-bottom: 1.5rem;
}
.article_top_bg.articles .module-container .main .bgfixed section p{
    font-family: SweiSpringCJKtc-Regular !important;
    font-size: 28px;
    letter-spacing: 0.5px;
}
.article_slogan {
    position: absolute;
    bottom: 0;
    left: 12.5%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
    padding: 3.5rem 1.5rem 2.5rem;
}
.article_slogan h3{
    text-align: center;
    font-size: 24px;
    color: #f7bfa7;
    font-family: SweiSpringCJKtc-Regular !important;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    position: relative;
}
.article_slogan h3::before{
    content: '';
    display: block;
    height: 1px;
    width: 200px;
    background-color: #ef7f50;
    position: absolute;
    top: 50%;
    left: 20%;
}
.article_slogan h3::after{
    content: '';
    display: block;
    height: 1px;
    width: 200px;
    background-color: #ef7f50;
    position: absolute;
    top: 50%;
    right: 20%;
}
.article_slogan p{
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: Taipei Sans TC !important;
    letter-spacing: 0.5px;
    line-height: 1.6;
    font-weight: 100;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.article_tabs-first{
    z-index: 2;
    order: -1;
}
.article_tabs-first div.link-list{
    min-height: auto;
}
.article_tabs-first div.link-list ul{
    display: flex;
    flex-wrap: wrap;
}
.article_tabs-first  div.link-list ul li{
    flex: 1;
}
.article_tabs-first div.link-list ul li a, 
.article_tabs-first div.link-list ul li span{
    font-size: 26px;
    color: #231815;
    font-family: SweiSpringCJKtc-Regular !important;
    padding: 20px 1rem;
    text-align: center;
    border-radius: 0;
    background: none;
    position: relative;
    width:100%;
    line-height: 1.5;
}
.article_tabs-first  div.link-list ul li i{
    display: none;
}
.article_tabs-second{
    margin-bottom: -79px;
    z-index: 2;
}
.article_tabs-second .blk-tabs{
    margin-top: 2rem;
}
.article_tabs-second .blk-tabs ul.nav li.nav-item a.nav-link{
    font-size: 18px;
    letter-spacing: 0.5px;
    padding: 5px 20px;
    border-radius: 50px;
    margin: 5px 8px;
    color: #000;
    font-family: Taipei Sans TC !important;
    background: #d0d2d4;
}
.article_tabs-second .blk-tabs ul.nav li.nav-item a.nav-link:hover{
    color: #fff;
}
.article_tabs-second .blk-tabs ul.nav li.nav-item a.nav-link.active{
    color: #fff;
    background-color: #e83817;
}
.article_blockWRAP{
    margin-top: -79px;
}
.article_blockWRAP .main.row{
    padding-top: 79px;
}
.article_blockslogan{
    margin-top: 79px;
}
.article_blockslogan::after {
    content: '';
    display: block;
    width: 1px;
    height: 60px;
    background: #ef7f50;
    position: absolute;
    bottom: -80px;
    left: 50%;
}
.article_blockslogan h3{
    text-align: center;
    font-size: 36px;
    color: #e83416;
    font-family: SweiSpringCJKtc-Regular !important;
    letter-spacing: 1px;
    padding-bottom: 5px;
    position: relative;
    display: table;
    margin: 0 auto 2.5rem;
    z-index: 1;
}
.article_blockslogan h3::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 55%;
    background: rgba(255, 255, 255, 0.5);
    z-index: -1;
}
.article_blockslogan h3::after{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    width: 18px;
    height: 20px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 9px);
    transform: rotate(90deg);
}
.article_blockslogan p{
    text-align: center;
    font-size: 22px;
    color: #231815;
    letter-spacing: 1px;
    font-family: Taipei Sans TC !important;
}
.article_blockTIT{
    position: absolute;
    max-width: max-content;
    flex: unset;
    width: auto;
    left: 12.5%;
    top: 480px;
    z-index: 2;
}
.article_blockTIT h3{
    font-family: "GFS Didot", serif !important;
    letter-spacing: 1px;
    padding-left: 0;
    background: linear-gradient(to bottom, #f4a57e 33%, #ef7f50 90%);
    line-height: 60px;
    background-clip: text;
    color: transparent;
    text-shadow: none;
    font-size: 75px;
    position: unset;
    padding-bottom: 0rem;
    margin-bottom: 1.5rem;
}
.article_blockTIT p{
    font-family: SweiSpringCJKtc-Regular !important;
    font-size: 28px;
    letter-spacing: 0.5px;
    margin-top: 2rem;
}
.article_list{
    margin-top: 5rem;
    margin-bottom: 1rem;
}
.article_list ul li:nth-child(n+2){
    background: #f7f7f8;
}
.article_list ul li:nth-child(n+2) .article_title{
    padding: 0 20px 20px 35px;
}
.article_list ul li:nth-child(n+2) .article_title::before{
    width: 20px;
    bottom: unset;
    top: 15px;
}
.article_list ul li:nth-child(1){
    margin-bottom: 4rem;
    width: calc(73% - 1rem);
    margin-left: 27%;
}
.article_list ul li:nth-child(1) .article_title{
    background: #f7f7f8;
    left: -3rem;
    max-width: 50%;
}
.link_button{
    margin-bottom: 4.5rem;
}
.link_button div.link-list {
    background: none;
}
.link_button div.link-list ul{
    display: table;
    margin: auto;
}
.link_button div.link-list ul li:nth-last-child(1) a{
    background: #fff;
    border: 1px solid #ef7f50;
    border-bottom-width: 5px;
    border-radius: 0;
    font-size: 20px !important;
    padding: 12px 4rem 10px 20px;
    font-family: "Kumbh Sans", sans-serif !important;
    line-height: 1;
    margin-top: 0rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .3s;
}
.link_button div.link-list ul li:nth-last-child(1) a::before {
    content: '';
    display: block;
    background-color: #ef7f50;
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    transition: .3s;
    z-index: -1;
}
.link_button div.link-list ul li a i, 
.link_button div.link-list ul li span i{
    display: none;
}
.link_button div.link-list ul li:nth-last-child(1) a:hover {
    color: #fff !important;
    padding: 12px 44px 10px 40px;
    transition: .3s;
}
.link_button div.link-list ul li:nth-last-child(1) a::after {
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    width: 14px;
    height: 17px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    right: 20px;
    opacity: 1;
    transition: .3s;
}
.link_button div.link-list ul li:nth-last-child(1) a:hover::before {
    top: 0;
    transition: .3s;
}
.link_button div.link-list ul li:nth-last-child(1) a:hover::after {
    right: -20px;
    opacity: 0;
    transition: .3s;
}

@media (max-width:1359px) {
    .article_slogan{
        max-width: calc(100% - 100px);
        left: 50px;
    }
    .article_slogan h3::before{
        left: 10%;
    }
    .article_slogan h3::after{
        right: 10%;
    }
    .article_tabs-first{
        max-width: calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
    }
    .article_blockTIT{
        left: 50px;
    }
    .article_list{
        max-width: calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
    }
}
@media (max-width:1204px) {
    .article_tabs-second .blk-tabs{
        display: block;
    }
    .article_tabs-second .blk-tabs ul.nav{
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        text-align: center;
        border-radius: 0;
    }
    .article_tabs-second .blk-tabs ul.nav::-webkit-scrollbar {
        height: 5px;
    }
    .article_tabs-second .blk-tabs ul.nav::-webkit-scrollbar-button {
        background: transparent;
        border-radius: 5px;
    }
    .article_tabs-second .blk-tabs ul.nav::-webkit-scrollbar-track-piece {
        background: transparent;
    }
    .article_tabs-second .blk-tabs ul.nav::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.2);
        /*border: 2px solid rgba(0, 0, 0, 0);*/
    }
    .article_tabs-second .blk-tabs ul.nav::-webkit-scrollbar-track {
        box-shadow: transparent;
    }
    .article_tabs-second .blk-tabs ul.nav li {
        display: inline-block;
    }
    .article_blockslogan::after{
        bottom: -65px;
    }
    .article_blockslogan h3{
        font-size: 32px;
    }
    .article_blockslogan p{
        font-size: 20px;
    }
    .article_blockTIT h3{
        line-height: 45px;
        font-size: 60px;
        margin-bottom: 1rem;
    }
    .article_blockTIT p{
        font-size: 24px;
        margin-top: 1.5rem;
    }
    .article_list{
        margin-top: 4rem;
        margin-bottom: 1rem;
    }
    .article_list ul li:nth-child(1){
        margin-bottom: 3rem;
    }
}
@media (min-width:1025px) and (max-width:1204px){
    .article_blockWRAP {
        margin-top: -84px;
    }
}
@media (max-width:1024px) {
    .article_slogan{
        padding: 2.5rem 1rem 1.5rem;
    }
    .article_slogan h3{
        font-size: 22px;
        margin-bottom: 24px;
    }
    .article_slogan h3::before {
        left: 30px;
    }
    .article_slogan h3::after {
        right: 30px;
    }
    .article_slogan p{
        font-size: 16px;
    }
    .article_tabs-first div.link-list ul li a, 
    .article_tabs-first div.link-list ul li span{
        font-size: 22px !important;
        padding: 15px 1rem;
    }
    .article_tabs-second .blk-tabs ul.nav li.nav-item a.nav-link{
        font-size: 16px;
    }
    .article_blockslogan h3 {
        font-size: 26px;
    }
    .article_blockslogan p {
        font-size: 18px;
    }
    .article_blockTIT h3{
        line-height: 40px;
        font-size: 55px;
    }
}
@media (min-width:992px) and (max-width:1024px){
    .article_blockWRAP {
        margin-top: -65px;
    }
}
@media (max-width:767px) {
    .article_top_bg.articles .bgfixed, 
    .article_top_bg.articles .bgfixed > div{
        min-height: 400px !important;
    }
    .article_top_bg.articles .module-container .main .bgfixed section h3{
        font-size: 48px;
        letter-spacing: 0;
        margin-bottom: 0;
    }
    .article_top_bg.articles .module-container .main .bgfixed section p{
        font-size: 24px;
    }
    .article_slogan {
        max-width: calc(100% - 40px);
        left: 20px;
        padding: 20px 2rem 0;
    }
    .article_slogan h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .article_slogan h3::before, 
    .article_slogan h3::after{
        display: none;
    }
    .article_slogan p {
        font-size: 15px;
        line-height: 1.5;
    }
    .article_tabs-first {
        max-width: calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
    }
    .article_tabs-first div.link-list ul{
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        text-align: center;
        border-radius: 0;
        flex-wrap: unset;
    }
    .article_tabs-first div.link-list ul::-webkit-scrollbar {
        height: 5px;
    }
    .article_tabs-first div.link-list ul::-webkit-scrollbar-button {
        background: transparent;
        border-radius: 5px;
    }
    .article_tabs-first div.link-list ul::-webkit-scrollbar-track-piece {
        background: transparent;
    }
    .article_tabs-first div.link-list ul::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.2);
        /*border: 2px solid rgba(0, 0, 0, 0);*/
    }
    .article_tabs-first div.link-list ul::-webkit-scrollbar-track {
        box-shadow: transparent;
    }
    .article_tabs-first div.link-list ul li a, 
    .article_tabs-first div.link-list ul li span {
        font-size: 18px !important;
        padding: 6px 10px 8px;
        letter-spacing: 0;
    }
    .article_tabs-first div.link-list ul li:nth-child(1) a::before, 
    .article_tabs-first div.link-list ul li:nth-child(1) span::before{
        height: 3px;
    }
    .article_tabs-second .blk-tabs {
        margin-top: 1rem;
    }
    .article_tabs-second .blk-tabs ul.nav{
        padding-left: 10px;
        padding-right: 10px;
    }
    .article_tabs-second .blk-tabs ul.nav li.nav-item a.nav-link{
        font-size: 15px;
        letter-spacing: 0;
        padding: 4px 18px;
        margin: 5px 3px;
    }
    .article_blockslogan{
        padding-top: 30px !important;
        padding-left: 30px;
        padding-right: 30px;
    }
    .article_blockslogan::after{
        transform: rotate(90deg);
        bottom: -40px;
    }
    .article_blockTIT{
        position: unset;
        max-width: calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
        margin: 2.5rem auto 0;
    }
    .article_blockTIT > .module-container > .main > div:nth-last-child(1){
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
   .article_blockTIT h3{
        font-size: 45px;
        margin-right: 10px;
        letter-spacing: 0;
        margin-bottom: 0.5rem;
    }
    .article_blockTIT p{
        margin-top: 1rem;
    }
    .article_list{
        max-width: calc(100% - 10px);
        flex: 0 0 calc(100% - 10px);
        margin-top: 0;
    }
    .article_list ul li:nth-child(1){
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 2rem);
        margin-bottom: 1.5rem;
    }
    .article_list ul li:nth-child(1) .article_title{
        width: 100%;
        max-width: 100%;
    }
    .article_list ul li:nth-child(n+2) .article_title{
        padding: 1rem;
    }
    .link_button div.link-list ul li:nth-last-child(1) a{
        font-size: 18px !important;
        border-bottom-width: 4px;
        padding: 10px 3rem 8px 15px;
    }
    .link_button div.link-list ul li:nth-last-child(1) a:hover{
        padding: 10px 32px 8px 31px;
    }
    .link_button div.link-list ul li:nth-last-child(1) a::after{
        width: 13px;
        height: 16px;
        top: 11px;
        right: 15px;
    }
}
@media (max-width:480px) {
    .article_blockWRAP{
        margin-top: -19px;
    }
    .article_blockWRAP .main.row{
        padding-top: 15px;
    }
    .article_blockTIT p {
        margin-top: 0rem;
    }
}
.article_top_bg.lecture .module-container .main .bgfixed > div{
    background: none;
}
.article_top_bg.lecture .module-container .main .bgfixed section h3{
    background: linear-gradient(to top, #ef7f50 33%, #e83817 90%);
    background-clip: text;
}
.article_top_bg.lecture .module-container .main .bgfixed section p{
    text-shadow: none;
}
.lectures_wrap .main.row{
    padding-bottom: 5rem;
}
.lecture_slogan {
    margin-top: 4rem;
}
.lecture_slogan h3{
    font-size: 24px;
    color: #e83817;
    letter-spacing: 1px;
    font-family: SweiSpringCJKtc-Regular !important;
    margin-bottom: 30px;
    line-height: 1.5;
    position: relative;
}
.lecture_slogan h3::before{
    content: '';
    display: block;
    height: 1px;
    width: 200px;
    background-color: #ef7f50;
    position: absolute;
    top: 50%;
    left: calc(50% - 400px);
}
.lecture_slogan h3::after{
    content: '';
    display: block;
    height: 1px;
    width: 200px;
    background-color: #ef7f50;
    position: absolute;
    top: 50%;
    right: calc(50% - 400px);
}
.lecture_slogan p{
    font-size: 18px;
    color: #231815;
    letter-spacing: 1px;
    line-height: 1.6;
    font-weight: 300;
    font-family: Taipei Sans TC !important;
}
.lectures_box {
    margin-top: 2.5rem;
    margin-bottom: 2rem;
    padding-left: calc(12.5% + 15px);
    padding-right: calc(12.5% + 15px);
}
.lectures_box::before{
    content: '';
    display: block;
    position: absolute;
    top: 2rem;
    bottom: 0;
    left: 0;
    right: calc(12% - 30px);
    background: #fff;
}
.lectures_box:nth-child(2n)::before {
    right: 0;
    left: calc(12% - 30px);
}
.lectures_box .header-title{
    font-size: 60px;
    color: #e83817;
    letter-spacing: 1px;
    font-family: "GFS Didot", serif !important;
    line-height: 1;
    margin-bottom: 24px;
    position: relative;
    margin-right: -45px;
    text-align: right;
}
.lectures_box:nth-child(2n) .header-title{
    text-align: left;
    margin-right: 0;
    margin-left: -45px;
}
.lectures_box .expand-graphics .item_box{
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.lectures_box .expand-graphics .item_box a{
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    padding-top: 36px;
}
.lectures_box .expand-graphics .item_box figure{
    border-radius: 0;
    aspect-ratio: 3 / 2;
    display: block;
}
.lectures_box .expand-graphics .item_box figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1);
    transition: .3s;
}
.lectures_box .expand-graphics .item_box:hover figure img{
    opacity: 1;
    transform: scale(1.1);
    transition: .3s;
}
.lectures_box .expand-graphics .item_box .item_more_txt{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
}
.lectures_box .expand-graphics .item_box .item_more_txt::after {
    content: '';
    display: block;
    height: 1px;
    border-top: 1px dashed #d0d2d4;
    position: absolute;
    left: 0;
    right: 0;
    top: 76px;
    z-index: 5;
}
.lectures_box .expand-graphics .item_box .item_more_txt h3{
    padding: 0 10px;
    margin-bottom: 30px;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 1.4;
    height: 61px;
    position: relative;
    width: 100%;
    font-family: Taipei Sans TC !important;
    color: #231815;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.lectures_box .expand-graphics .item_box .item_more_txt span.item_tag{
    margin-left: 10px;
    margin-right: 0;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-family: Taipei Sans TC !important;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 5px;
}
.lectures_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2)::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/aaeefe45-92e2-45a6-84ea-01065c94db14.svg);
    width: 17px;
    height: 17px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.lectures_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3)::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e1cb1d90-4db2-4dc9-9658-90ca5d940b8c.svg);
    width: 17px;
    height: 17px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.lectures_box .expand-graphics .item_box h4{
    order: -1;
    font-size: 18px;
    color: #555;
    font-family: Taipei Sans TC !important;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 1rem;
    left: 15px;
}
.lectures_box .expand-graphics .item_box h4 span{
    font-size: 24px;
    margin-right: 3px;
    font-family: "Kumbh Sans", sans-serif !important;
    letter-spacing: 0.5px;
}
.lectures_box .expand-graphics .item_box span.item_btn, 
.lectures_box .expand-graphics .item_box span.item_btn_hover{
    border-radius: 0;
    border: 1px solid #ef7f50;
    border-bottom-width: 3px;
    color: #e80817;
    font-size: 18px;
    margin: -36px 15px 0 0;
    position: relative;
    z-index: 1;
}
.lectures_box .expand-graphics .item_box span.item_btn{
    font-family: SweiSpringCJKtc-Regular !important;
    background: #fff;
    color: #e80817;
    padding: 3px 32px 2px 12px;
    letter-spacing: 1px;
}
.lectures_box .expand-graphics .item_box span.item_btn::after{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    width: 12px;
    height: 14px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    right: 11px;
}
.lectures_box .expand-graphics .item_box span.item_btn_hover{
    font-family: "GFS Didot", serif !important;
    background: #ef7f50;
    color: #fff;
    padding: 4px 20px 1px 20px;
    letter-spacing: 0.005rem;
}
@media (max-width:1359px) {
    .lectures_box{
        padding-left: calc(100px);
        padding-right: calc(100px);
    }
    .lectures_box::before{
        right: calc(50px);
    }
    .lectures_box:nth-child(2n)::before{
        left: calc(50px);
    }
    .lectures_box .header-title{
        margin-right: -40px;
    }
    .lectures_box:nth-child(2n) .header-title{
        margin-left: -40px;
    }
}
@media (max-width:1199px) {
    .lectures_box .expand-graphics .item_box .item_more_txt::after{
        top: 70px;
    }
    .lectures_box .expand-graphics .item_box .item_more_txt h3{
        height: 55px;
        font-size: 20px;
    }
    .lectures_box .expand-graphics .item_box .item_more_txt span.item_tag{
        font-size: 17px;
        letter-spacing: 0;
    }
    .lectures_box .expand-graphics .item_box span.item_btn, 
    .lectures_box .expand-graphics .item_box span.item_btn_hover{
        font-size: 16px;
        margin: -33px 15px 0 0;
    }
    .lectures_box .expand-graphics .item_box span.item_btn{
        padding: 3px 26px 2px 10px;
        letter-spacing: 0;
    }
    .lectures_box .expand-graphics .item_box span.item_btn_hover{
        padding: 4px 16px 1px 15px;
        letter-spacing: 0;
    }
}
@media (max-width:1024px) {
    .lectures_box {
        padding-left: calc(80px);
        padding-right: calc(80px);
    }
    .lectures_box .header-title {
        margin-right: -20px;
    }
    .lectures_box:nth-child(2n) .header-title {
        margin-left: -20px;
    }
    .lectures_box .expand-graphics .item_box .item_more_txt span.item_tag{
        font-size: 16px;
    }
    .lectures_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2)::before, 
    .lectures_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3)::before{
        margin-right: 5px;
    }
    .lectures_box .expand-graphics .item_box span.item_btn, 
    .lectures_box .expand-graphics .item_box span.item_btn_hover{
        margin-right: 10px;
    }
}
@media (max-width:991px) {    
    .lectures_box{
        padding-left: calc(60px);
        padding-right: calc(60px);
    }
    .lectures_box::before {
        right: calc(30px);
    }
    .lectures_box:nth-child(2n)::before {
        left: calc(30px);
    }
}
@media (max-width:767px) {
    .lectures_wrap .main.row {
        padding-bottom: 2rem;
    }
    .lecture_slogan {
        margin-top: 36px;
    }
    .lecture_slogan h3{
        font-size: 20px;
        letter-spacing: 0px;
        margin-bottom: 10px;
    }
    .lecture_slogan h3::before{
        width: 20%;
        left: 30px;
    }
    .lecture_slogan h3::after{
        width: 20%;
        right: 30px;
    }
    .lecture_slogan p{
        font-size: 15px;
        letter-spacing: 0.5px;
        line-height: 1.5;
    }
    .lectures_box{
        padding-left: calc(40px);
        padding-right: calc(40px);
        margin-top: 10px;
    }
    .lectures_box::before {
        right: calc(20px);
        top: 20px;
    }
    .lectures_box:nth-child(2n)::before {
        left: calc(20px);
    }
    .lectures_box .header-title{
        font-size: 40px;
        margin-bottom: 10px;
        margin-right: -10px;
    }
    .lectures_box:nth-child(2n) .header-title {
        margin-left: -10px;
    }
    .lectures_box .expand-graphics .item_box{
        margin-bottom: 0;
    }
    .lectures_box .expand-graphics .item_box .item_more_txt::after{
        display: none;
    }
    .lectures_box .expand-graphics .item_box .item_more_txt h3{
        margin-bottom: 25px;
        height: auto;
        font-size: 18px;
        overflow: unset;
        -webkit-line-clamp: none;
        padding: 0;
    }
    .lectures_box .expand-graphics .item_box .item_more_txt h3::after {
        content: '';
        display: block;
        height: 1px;
        border-top: 1px dashed #d0d2d4;
        position: absolute;
        left: 0;
        right: 0;
        top: unset;
        z-index: 5;
        bottom: -14px;
    }
    .lectures_box .expand-graphics .item_box .item_more_txt span.item_tag{
        margin-left: 0px;
        margin-right: 10px;
    }
    .lectures_box .expand-graphics .item_box h4{
        font-size: 16px;
    }
    .lectures_box .expand-graphics .item_box h4 span{
        font-size: 20px;
    }
    .lectures_box .expand-graphics .item_box span.item_btn, 
    .lectures_box .expand-graphics .item_box span.item_btn_hover{
        margin-right: 0;
    }
}
@media (max-width:575px) {
    .lectures_wrap .main.row {
        padding-bottom: 1rem;
    }
    .lecture_slogan{
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 16px;
    }
    .lecture_slogan h3::before{
        width: 45px;
        left: 0;
    }
    .lecture_slogan h3::after{
        width: 45px;
        right: 0;
    }
    .lecture_slogan p{
        letter-spacing: 0;
    }
    .lectures_box{
        padding-left: 20px;
        padding-right: 40px;
    }
    .lectures_box:nth-child(2n) {
        padding-right: 20px;
        padding-left: 40px;
    }
    .lectures_box .expand-graphics .item_box a{
        padding-top: 30px;
    }
}

/*about*/
.article_top_bg.privacy_policy.about .module-container .main .bgfixed section h3{
    background: linear-gradient(to bottom, #feefe6 33%, #f9cbb2 90%);
    background-clip: text;
}
.about_pagebtn{
    position: absolute;
    z-index: 5;
    bottom: 0;
}
.about_pagebtn div.link-list{
    background: rgba(35, 24, 21, 0.6);
}
.about_pagebtn div.link-list ul{
    display: flex;
    justify-content: center;
    max-width: 75%;
    margin: auto;
}
.about_pagebtn div.link-list ul li{
    flex: 1;
    padding: 15px 0;
}
.about_pagebtn div.link-list ul li:hover{
    background-color: #231815;
}
.about_pagebtn div.link-list ul li a, 
.about_pagebtn div.link-list ul li span{
    padding: 10px 10px 10px 10px;
    width: 100%;
    text-align: center;
    font-family: SweiSpringCJKtc-Regular !important;
}
.about_pagebtn div.link-list ul li + li a, 
.about_pagebtn div.link-list ul li + li span{
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.about_pagebtn div.link-list ul li:hover a, 
.about_pagebtn div.link-list ul li:hover span{
    color: #F9C8BE;
    border: none;
}
.about_tags {
    max-width:1430px;
}
.about_tags .falls-container .grid{
    padding: 0;
    background: #efefef;
    justify-content: center;
}
.about_tags .falls-container .grid .grid-item{
    flex: unset;
    max-width: max-content;
    margin: 0;
    padding: 18px 10px 19px;
    text-align: center;
    position: relative;
}
.about_tags .falls-container .grid .grid-item:nth-child(1){
    min-width: 18%;
}
.about_tags .falls-container .grid .grid-item:nth-child(2){
    min-width: 18.7%;
}
.about_tags .falls-container .grid .grid-item:nth-child(3){
    min-width: 23.7%;
}
.about_tags .falls-container .grid .grid-item:nth-child(4){
    min-width: 23.6%;
}
.about_tags .falls-container .grid .grid-item:nth-child(5){
    min-width: 16%;
}
.about_tags .falls-container .grid .grid-item::before{
    content: "";
    display: block;
    width: 0;
    height: 5px;
    background: linear-gradient(to right, #E83817, #ef7f50);
    position: absolute;
    right: 0px;
    bottom: 0;
    transition: .3s;
}
.about_tags .falls-container .grid .grid-item:hover::before{
    width: calc(100%);
    left: 0px;
}
.about_tags .falls-container .grid .grid-item h3{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: Taipei Sans TC !important;
    margin-bottom: 5px;
}
.about_tags .falls-container .grid .grid-item p{
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-family: "Kumbh Sans", sans-serif !important;
}
.about_wrap .main.row > .header-title{
    font-size: 0;
}
.about_wrap01{
    padding-top: 6rem;
    padding-left: calc(12.5%);
}
.XIREAL_Overview .mix-wrapper{
    padding: 15px;
}
.XIREAL_Overview .mix-wrapper .pic-content{
    max-width: 465px;
    flex: 0 0 465px;
    margin: 0;
    padding-right: 0;
    position: relative;
    z-index: 1;
}
.XIREAL_Overview .mix-wrapper .pic-content::before{
    content: '';
    display: block;
    width: calc(45.5% + 15px);
    height: 50%;
    background: #fdf3ec;
    position: absolute;
    right: 0;
    bottom: 15px;
}
.XIREAL_Overview .mix-wrapper .pic-content .img-box{
    position: relative;
}
.XIREAL_Overview .mix-wrapper .pic-content .img-box::before{
    content: '';
    display: block;
    width: 54.5%;
    height: 40%;
    background: #e83817;
    position: absolute;
    bottom: -15px;
    left: -15px;
    z-index: -1;
}
.XIREAL_Overview .mix-wrapper .editor-content{
    padding-left: 0;
    padding-right: 0;
}
.XIREAL_Overview .mix-wrapper .editor-content h2{
    padding-left: 3.5rem;
    font-family: "GFS Didot", serif !important;
    font-size: 75px;
    letter-spacing: 1px;
    background: linear-gradient(to bottom, #f4a57e 33%, #ef7f50 90%);
    line-height: 60px;
    background-clip: text;
    color: transparent;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
}
.XIREAL_Overview .mix-wrapper .editor-content h3{
    margin-left: 3.5rem;
    margin-bottom: 2.5rem;
    font-family: SweiSpringCJKtc-Regular !important;
}
.XIREAL_Overview .mix-wrapper .editor-content > div{
    padding-left: calc(3.5rem);
    padding-right: 20%;
    background: #fef3ec;
    padding-top: 35px;
    padding-bottom: 30px;
    font-size: 18px;
    line-height: 1.7;
    font-family: Taipei Sans TC !important;
    color: #333;
}
.XIREAL_Overview .mix-wrapper .editor-content > div::before{
    content: '';
    display: block;
    width: 300px;
    height: 165px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/0340a0a0-410d-40e6-b892-4aac2bd77ac3.svg);
    background-position: center;
    background-repeat: no-repeat;
    opacity: .7;
    background-size: 100%;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 3rem;
}
.XIREAL_Overview .mix-wrapper .editor-content > div p{
    position: relative;
}
.XIREAL_Overview .mix-wrapper .editor-content > div small{
    font-size: 100%;
    font-family: "GFS Didot", serif !important;
}
.about_wrap02{
    padding-top: 4.5rem;
    padding-left: 12.5%;
    padding-right: 5%;
}
.about_wrap02::before{
    content: '';
    display: block;
    width: 280px;
    height: 165px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/a625a097-c5a5-46d5-92bd-9040f3733ec8.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 2.5rem;
}
.XIREAL_Philosophy .mix-wrapper{
    padding: 15px;
}
.XIREAL_Philosophy .mix-wrapper .pic-content{
    max-width: 625px;
    flex: unset;
    position: relative;
    margin-top: 0;
}
.XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(1){
    max-width: max-content;
    flex: unset;
    position: relative;
}
.XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(1)::before{
    content: '';
    display: block;
    background-color: #e83817;
    width: 77%;
    height: 77%;
    position: absolute;
    z-index: -1;
    right: -15px;
    top: 43%;
}
.XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(2){
    top: -2rem;
}
.XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(2) a{
    float: right;
}
.XIREAL_Philosophy .mix-wrapper .editor-content{
    margin-top: 4rem;
}
.XIREAL_Philosophy .mix-wrapper .editor-content h2{
    font-family: "GFS Didot", serif !important;
    font-size: 75px;
    letter-spacing: 1px;
    background: linear-gradient(to bottom, #f4a57e 33%, #ef7f50 90%);
    line-height: 60px;
    background-clip: text;
    color: transparent;
    margin-bottom: 1rem;
    margin-top: 0;
    padding-bottom: 1rem;
}
.XIREAL_Philosophy .mix-wrapper .editor-content h3{
    margin-bottom: 2.5rem;
    font-family: SweiSpringCJKtc-Regular !important;
    color: #231815;
}
.XIREAL_Philosophy .mix-wrapper .editor-content > div{
    font-size: 18px;
    line-height: 1.7;
    font-family: Taipei Sans TC !important;
    color: #333;
    padding-right: 3rem;
}
.XIREAL_Philosophy .mix-wrapper .editor-content small{
    font-size: 100%;
    font-family: "GFS Didot", serif !important;
}
.about_wrap03{
    padding-top: 6rem;
}
.about_wrap03::before{
    content: '';
    display: block;
    width: 280px;
    height: 165px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/5413e351-8ec1-440d-97da-d4276cd5add2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 12rem;
}
.about_wrap03::after{
    content: '';
    display: block;
    width: 280px;
    height: 165px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/7d4c72b4-fe33-4c7e-8ca0-3064f82a480e.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 5rem;
    left: 0;
}
.TheCarvedMarkOf_XIREAL{
    z-index: 1;
}
.TheCarvedMarkOf_XIREAL .header-title{
    font-family: "GFS Didot", serif !important;
    font-size: 75px;
    letter-spacing: 1px;
    background: linear-gradient(to bottom, #f4a57e 33%, #ef7f50 90%);
    line-height: 60px;
    background-clip: text;
    color: transparent;
    margin-bottom: 2rem;
    margin-top: 0.5rem;
    text-align: center;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper{
    padding-top: 0;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content{
    max-width: max-content;
    flex: unset;
    position: unset;
    margin-top: 5rem;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content > .row{
    position: unset;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(1){
    max-width: max-content;
    flex: unset;
    padding-left: 3rem  !important;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(1)::before {
    content: '';
    display: block;
    width: 210px;
    height: 210px;
    background: #e83817;
    position: absolute;
    top: -15px;
    left: 33px;
    z-index: -1;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(2){
    position: absolute;
    right: 0;
    width: auto;
    bottom: 0;
    max-width: 375px;
    padding-right: 2rem !important;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(2)::before{
    content: '';
    display: block;
    width: 140px;
    height: 140px;
    background: #e83817;
    position: absolute;
    right: 0;
    bottom: -2rem;
    z-index: -1;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content{
    padding-left: 3rem;
    margin-top: 0;
    padding-right: 400px;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content h3{
    margin-bottom: 2.5rem;
    font-family: SweiSpringCJKtc-Regular !important;
    color: #231815;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content > div{
    font-size: 18px;
    line-height: 1.7;
    font-family: Taipei Sans TC !important;
    color: #333;
}
.TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content > div small{
    font-size: 100%;
    font-family: "GFS Didot", serif !important;
}
.Visual_Identity_logos{
    margin-top: 4rem;
}
.Visual_Identity_img img{
    max-width: 165px;
}
.Visual_Identity_icons{
    padding-left: 3rem;
}
.Visual_Identity_icons .mix-wrapper{
    padding: 0 15px 15px;
}
.Visual_Identity_icons .mix-wrapper .pic-content{
    margin-bottom: 0;
    margin-top: 0;
}
.Visual_Identity_icons .mix-wrapper .pic-content > .row{
    justify-content: space-between;
}
.Visual_Identity_icons .mix-wrapper .pic-content .img-box{
    max-width: max-content;
    flex: unset;
}
.Visual_Identity_icons .mix-wrapper .pic-content .img-box img{
    height: 125px;
}
.Visual_Identity_icons .mix-wrapper .pic-content .img-box::before {
    content: '+';
    display: block;
    color: #a6a6a6;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    top: calc(50% - 15px);
    left: calc(50px + 120%);
}
.Visual_Identity_icons .mix-wrapper .pic-content .img-box:nth-last-child(1)::before{
    display: none;
}
.Visual_Identity_icons .mix-wrapper .editor-content{
    margin-top: 0;
    margin-bottom: 68px;
}
.Visual_Identity_icons .mix-wrapper .editor-content h3{
    font-size: 26px;
    color: #e83817;
    font-family: SweiSpringCJKtc-Regular !important;
    margin-bottom: 20px;
}
.Visual_Identity_icons .mix-wrapper .editor-content h4{
    font-size: 20px;
    font-family: Taipei Sans TC !important;
    color: #231815;
    line-height: 1.5;
}
.Visual_Identity_wrap{
    margin-top: 3rem;
    padding-left: 6%;
}
.Visual_Identity_mean{
    max-width: 540px;
    flex: 0 0 540px;
}
.Visual_Identity_mean .function-row li{
    display: flex;
    max-width: 100%;
    flex: 0 0 100%;
    border: 1px solid #f7bfa7;
    border-left-width: 5px;
    padding: 15px 2rem;
    background-color: #fff;
}
.Visual_Identity_mean .function-row li a{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.Visual_Identity_mean .function-row li a img{
    width: 2rem;
}
.Visual_Identity_mean .function-row li a h3{
    width: calc(100% - 32px);
    padding-left: 20px;
    color: #000;
    font-size: 20px;
    margin: 0;
    font-weight: normal;
    text-align: left !important;
}
.Visual_Identity_info{
    padding: 4.2rem 9rem 3rem 6rem;
    background: #fef3ec;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1.7;
    font-family: Taipei Sans TC !important;
    color: #231815;
    max-width: calc(100% - 540px);
    flex: 0 0 calc(100% - 540px);
    margin-top: 45px;
}
.Visual_Identity_info::before{
    content: '';
    display: block;
    width: 185px;
    background: #fdf3ec;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -185px;
    z-index: -1;
}
.Visual_Identity_info small{
    font-size: 100%;
    font-family: "GFS Didot", serif !important;
}
.Visual_Identity_other{
    margin-top: 5rem;
}
.Visual_Identity_other .wall-wrapper .wall-row > div{
    max-width: 20%;
    flex: 0 0 20%;
}
.Visual_Identity_other .wall-wrapper .wall-row .thicon_info{
    border: 1px solid #fff;
}
.Visual_Identity_other .wall-wrapper .wall-row .thicon_info span, 
.Visual_Identity_other .wall-wrapper .wall-row .thicon_info h3, 
.Visual_Identity_other .wall-wrapper .wall-row .thicon_info .theme_info{
    display: none;
}
.Visual_Identity_other .wall-wrapper .wall-row .thicon_info .s_img{
    max-width: 70% !important;
    left: 15%;
    right: 15%;
    bottom: unset;
    top: 2rem;
}
.Visual_Identity_other2{
    position: absolute;
    bottom: 5px;
    z-index: 2;
    background: rgba(35, 24, 21, 0.8);
    padding: 1.5rem 2rem 0.5rem;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: Taipei Sans TC !important;
    line-height: 1.7;
}
.Visual_Identity_other2 small{
    font-size: 100%;
    font-family: "GFS Didot", serif !important;
}
.about_wrap04{
    margin-top: 8rem;
    padding: 0 30px;
}
.about_wrap04::before{
    content: '';
    display: block;
    position: absolute;
    top: 35%;
    bottom: 12%;
    left: 0;
    right: 0;
    background: #efefef;
}
.about_wrap04 .main.row::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/2ec024d7-f3c9-4a88-8d98-eae5fa86cbe5.svg);
    width: 420px;
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 23%;
    left: 0;
}
.about_wrap04 .main.row::after{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/2ec024d7-f3c9-4a88-8d98-eae5fa86cbe5.svg);
    width: 420px;
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 23%;
    right: 0;
}
.about_blocktit section.text-link h2{
    font-family: "GFS Didot", serif !important;
    letter-spacing: 1px;
    background: linear-gradient(to bottom, #f4a57e 33%, #ef7f50 90%) !important;
    line-height: 60px;
    background-clip: text !important;
    color: transparent !important;
    margin-bottom: 2.5rem;
    margin-top: 0.5rem;
}
.about_blocktit div.link-list{
    background: none;
}
.about_blocktit div.link-list ul{
    display: table;
    margin: auto;
}
.about_blocktit div.link-list ul li a, 
.about_blocktit div.link-list ul li span{
    padding: 0;
    margin-bottom: 2.5rem;
    font-family: SweiSpringCJKtc-Regular !important;
}
.Commitments_box{
    padding: 3.5rem 5rem 2rem;
    max-width: calc(50% - 30px);
    margin: 0px 15px 15px;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/671ff5bd-7f20-433f-9b71-b65be315bde3.jpg);
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.Commitments_box h3{
    font-size: 26px;
    color: #f9c8be;
    font-family: "GFS Didot", serif !important;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    position: relative;
    line-height: 1.5;
}
.Commitments_box h3::before{
    content: '';
    display: block;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    bottom: 0;
    left: 0;
    right: calc(50% + 3rem);
    position: absolute;
}
.Commitments_box h3::after{
    content: '';
    display: block;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    bottom: 0;
    right: 0;
    left: calc(50% + 3rem);
    position: absolute;
}
.Commitments_box h3 strong{
    color: #fff;
    font-family: Taipei Sans TC !important;
    font-weight: 500;
}
.Commitments_box h3 strong::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 24px;
    background-size: 100%;
    position: absolute;
    left: calc(50% - 9px);
    bottom: -1rem;
    transform: rotate(90deg);
}
.Commitments_box p{
    color: #fff;
    font-size: 21px;
    font-family: "GFS Didot", serif !important;
    margin-bottom: 1.5rem;
}
.Commitments_box p small{
    color: #ddd;
    font-weight: 300;
}
.Commitments_11 {
    max-width: 75%;
    flex: 0 0 75%;
}
.Commitments_11 h3{
    color: #fff;
}
.Commitments_11 h3 small{
    font-size: 100%;
}
.Commitments_11 p{
    font-weight: 300;
    line-height: 1.7;
    position: relative;
}
.Commitments_11 p:nth-child(2)::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e63f2fe5-e3d6-43be-a545-4511d0b8c177.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 24px;
    background-size: 100%;
    position: absolute;
    left: calc(50% - 9px);
    top: -2.5rem;
    transform: rotate(90deg);
}
.Commitments_word{
    padding-top: 3rem;
    padding-bottom: 4rem;
    z-index: 1;
}
.Commitments_word h3{
    text-align: center;
    font-size: 30px;
    font-family: "GFS Didot", serif !important;
}
.about_wrap05{
    margin-top: 8rem;
}
.about_wrap05 .main.row{
    padding: 4.5rem 0 3.5rem;
}
.about_wrap05 .main.row::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/26278f83-1501-480a-9733-4883c35761c3.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    width: 447px;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.25;
}
.about_wrap05 .main.row::after{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/3d98ab75-c05d-4389-8b03-71f345d40844.svg);
    width: 300px;
    height: 163px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    opacity: .25;
}
.about_blocktit.about_story{
    padding-left: 12.5%;
    z-index: 1;
}
.about_blocktit.about_story .module-container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}
.about_blocktit.about_story section.text-link h2{
    background: linear-gradient(to top, #ef7f50 33%, #e83817 90%) !important;
    background-clip: text !important;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}
.about_blocktit.about_story div.link-list ul{
    margin-left: 0;
}
.about_blocktit.about_story div.link-list ul li a, 
.about_blocktit.about_story div.link-list ul li span{
    margin-bottom: 0;
    padding-left: 10px;
}
.story_box{
    font-size: 18px;
    line-height: 1.7;
    color: #231815;
    font-family: Taipei Sans TC !important;
    z-index: 1;
}
.story_box small{
    font-size: 100%;
    font-family: "GFS Didot", serif !important;
}
@media (max-width:1669px) {
    .XIREAL_Overview .mix-wrapper .editor-content h2, 
    .XIREAL_Philosophy .mix-wrapper .editor-content h2, 
    .TheCarvedMarkOf_XIREAL .header-title, 
    .about_blocktit section.text-link h2{
        font-size: 70px !important;
        letter-spacing: 0;
    }
}
@media (max-width:1539px) {
    .about_wrap02{
        padding-right: 2%;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content{
        max-width: 550px;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(1){
        padding-right: 2.5rem !important;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(1)::before{
        width: 83.5%;
        right: 25px;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content{
        max-width: 580px;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(2){
        max-width: 320px;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content{
        padding-left: 2rem;
        padding-right: 345px;
    }
    .Visual_Identity_info{
        padding: 3.7rem 6rem 2.5rem 4rem;
    }
    .Visual_Identity_icons .mix-wrapper .pic-content .img-box::before{
        left: calc(50px + 75%);
    }
    .Visual_Identity_other .wall-wrapper .thicon_info figure{
        height: 410px;
    }
    .Visual_Identity_other .wall-wrapper .thicon_info figure img{
        object-fit: cover;
        object-position: center center;
        height: 100%;
    }
    .Commitments_box{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .story_box{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (max-width:1399px) {
    .about_pagebtn div.link-list ul{
        max-width: 90%;
    }
    .about_tags {
        max-width: 90%;
        flex: 0 0 90%;
    }
    .about_wrap01{
        padding-left: 5%;
    }
    .XIREAL_Overview .mix-wrapper .editor-content > div{
        padding-right: 7%;
    }
    .about_wrap02{
        padding-left: 5%;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content{
        max-width: 500px;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(2) img{
        max-width: 400px;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content{
        padding-right: 2rem;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(2){
        position: relative;
        margin-left: 230px;
        margin-top: 2rem;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(2)::before{
        right: 1rem;
        bottom: -1rem;
    }
    .Commitments_11 {
        max-width: 90%;
        flex: 0 0 90%;
    }
    .about_blocktit.about_story{
        padding-left: 5%;
    }
}
@media (max-width:1199px) {
    .about_pagebtn div.link-list ul li{
        padding: 12px 0;
    }
    .about_pagebtn div.link-list ul li a, 
    .about_pagebtn div.link-list ul li span{
        padding: 8px 10px;
        font-size: 22px !important;
    }
    .about_tags .falls-container .grid .grid-item p{
        font-size: 15px;
    }
    .XIREAL_Overview .mix-wrapper .pic-content{
        max-width: 350px;
        flex: 0 0 350px;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h2{
        padding-top: 0;
    }
    .XIREAL_Overview .mix-wrapper .editor-content > div{
        font-size: 17px;
        line-height: 1.6;
        padding-left: 2.5rem;
    }
    .about_wrap02::before{
        top: 0;
    }
    .XIREAL_Philosophy .mix-wrapper .editor-content {
        margin-top: 1rem;
    }
    .XIREAL_Philosophy .mix-wrapper .editor-content > div{
        font-size: 17px;
        line-height: 1.6;
        padding-right: 2rem;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content{
        max-width: 400px;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(1) {
        padding-right: 1rem !important;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(1)::before{
        right: 0;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(2){
        top: 1rem;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(2) img {
        max-width: 294px;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content > div{
        font-size: 17px;
        line-height: 1.6;
    }
    .Visual_Identity_logos{
        max-width: 90%;
        flex: 0 0 90%;
    }
    .Visual_Identity_info {
        padding: 2.7rem 3rem 2.5rem 3rem;
        font-size: 17px;
        line-height: 1.6;
    }
    .Visual_Identity_other2{
        font-size: 17px;
        line-height: 1.6;
    }
    .Commitments_box{
        padding: 2.5rem 2rem 1.5rem;
    }
    .Commitments_box h3{
        font-size: 22px;
    }
    .Commitments_box p{
        font-size: 19px;
    }
    .Commitments_word h3{
        font-size: 26px;
    }
    .story_box{
        font-size: 17px;
        line-height: 1.6;
    }
}
@media (max-width:1024px) {
    .about_tags .falls-container .grid .grid-item{
        padding: 15px 0px 16px;
    }
    .about_tags .falls-container .grid .grid-item h3{
        font-size: 17px;
    }
    .about_tags .falls-container .grid .grid-item p{
        letter-spacing: -0.5px;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h2, 
    .XIREAL_Philosophy .mix-wrapper .editor-content h2, 
    .TheCarvedMarkOf_XIREAL .header-title, 
    .about_blocktit section.text-link h2{
        font-size: 50px !important;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h3, 
    .XIREAL_Philosophy .mix-wrapper .editor-content h3, 
    .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content h3, 
    .about_blocktit div.link-list ul li a, .about_blocktit div.link-list ul li span, 
    .about_blocktit.about_story div.link-list ul li a, .about_blocktit.about_story div.link-list ul li span{
        font-size: 24px !important;
    }
    .about_wrap01 {
        padding-left: 5%;
        padding-top: 4rem;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h2{
        padding-left: 2rem;
        margin-top: 0;
        margin-bottom: 1rem;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h3{
        margin-bottom: 1.5rem;
        margin-left: 2rem;
    }
    .XIREAL_Overview .mix-wrapper .editor-content > div{
        padding-left: 2rem;
        padding-top: 24px;
        padding-bottom: 20px;
    }
    .XIREAL_Philosophy .mix-wrapper .editor-content h2{
        margin-bottom: 0;
    }
    .about_wrap03 {
        padding-top: 3rem;
    }
    .TheCarvedMarkOf_XIREAL .header-title{
        margin-bottom: 1rem;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content{
        margin-top: 1rem;
        max-width: 40%;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(2){
        margin-left: 10%;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content{
        padding-left: 1rem;
    }
    .Visual_Identity_icons .mix-wrapper .pic-content .img-box::before {
        left: calc(50px + 45%);
    }
    .Visual_Identity_mean {
        max-width: 420px;
        flex: 0 0 420px;
    }
    .Visual_Identity_mean .function-row li{
        padding: 10px 1rem;
    }
    .Visual_Identity_mean .function-row li a img {
        width: 24px;
    }
    .Visual_Identity_mean .function-row li a h3{
        font-size: 17px;
        padding-left: 10px;
    }
    .Visual_Identity_info{
        max-width: calc(100% - 420px);
        flex: 0 0 calc(100% - 420px);
        padding: 2rem 3rem 1rem 3rem;
    }
    .Visual_Identity_other .wall-wrapper .thicon_info figure {
        height: 350px;
    }
    .about_wrap04{
        margin-top: 5rem;
    }
    .about_blocktit section.text-link h2{
        margin-top: 0;
        margin-bottom: 1rem;
    }
    .Commitments_box{
        padding-top: 2rem;
    }
    .Commitments_box h3{
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .Commitments_box p{
        margin-bottom: 1rem;
    }
    .Commitments_word{
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }
    .about_wrap05 {
        margin-top: 6rem;
    }
}
@media (max-width:991px) {
    .about_pagebtn div.link-list ul {
        max-width: 95%;
    }
    .about_pagebtn div.link-list ul li a, .about_pagebtn div.link-list ul li span {
        padding: 5px 8px;
        font-size: 20px !important;
    }
    .about_tags {
        max-width: 95%;
        flex: 0 0 95%;
    }
    .about_tags .falls-container .grid{
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .about_tags .falls-container .grid .grid-item{
        padding-left: 15px;
        padding-right: 15px;
        display: inline-block;
    }
    .about_tags .falls-container .grid .grid-item:nth-child(1), 
    .about_tags .falls-container .grid .grid-item:nth-child(2), 
    .about_tags .falls-container .grid .grid-item:nth-child(3), 
    .about_tags .falls-container .grid .grid-item:nth-child(4), 
    .about_tags .falls-container .grid .grid-item:nth-child(5){
        min-width: auto;
    }
    .about_wrap01{
        padding-left: 2.5%;
    }
    .XIREAL_Overview .mix-wrapper .editor-content > div{
        padding-right: 1.5rem;
    }
    .about_wrap02 {
        padding-left: 2.5%;
    }
    .XIREAL_Philosophy .mix-wrapper .editor-content > div{
        padding-right: 1rem;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(1){
        padding-left: 15px !important;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(1)::before{
        left: 0;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(2) {
        margin-left: 15px;
    }
        .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content {
        padding-right: 1rem;
    }
    .Visual_Identity_logos {
        max-width: 95%;
        flex: 0 0 95%;
        margin-top: 2rem;
    }
    .Visual_Identity_img{
        max-width: 125px;
        flex: 0 0 125px;
    }
    .Visual_Identity_icons{
        padding-left: 15px;
    }
    .Visual_Identity_icons .mix-wrapper .pic-content{
        margin-top: 2rem;
    }
    .Visual_Identity_icons .mix-wrapper .pic-content .img-box::before {
        left: calc(50px + 80%);
    }
    .Visual_Identity_icons .mix-wrapper .pic-content .img-box img {
        height: 110px;
    }
    .Visual_Identity_icons .mix-wrapper .editor-content{
        position: absolute;
        top: -155px;
        margin-bottom: 0;
        padding-left: 180px;
    }
    .Visual_Identity_wrap {
        margin-top: 2rem;
        padding-left: 30px;
    }
    .Commitments_11 {
        max-width: 95%;
        flex: 0 0 95%;
    }
    .about_blocktit.about_story {
        padding-left: 15px;
        max-width: 95%;
        flex: 0 0 95%;
        margin: auto;
    }
    .about_blocktit.about_story section.text-link h2{
        margin-bottom: 0;
    }
    .story_box{
        max-width: 95%;
        flex: 0 0 95%;
        margin: 1rem auto 0;
    }
}
@media (max-width:767px) {
    .about_pagebtn div.link-list{
        min-height: auto;
    }
    .about_pagebtn div.link-list ul li {
        padding: 5px 0;
    }
    .about_pagebtn div.link-list ul li a, .about_pagebtn div.link-list ul li span {
        padding: 0px 5px;
        font-size: 17px !important;
    }
    .about_tags .falls-container .grid .grid-item h3 {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .about_tags .falls-container .grid .grid-item {
        padding: 15px 15px 13px;
    }
    .about_wrap01 {
        padding-left: 15px;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h2, .XIREAL_Philosophy .mix-wrapper .editor-content h2, .TheCarvedMarkOf_XIREAL .header-title, .about_blocktit section.text-link h2 {
        font-size: 48px !important;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h3, .XIREAL_Philosophy .mix-wrapper .editor-content h3, .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content h3, .about_blocktit div.link-list ul li a, .about_blocktit div.link-list ul li span, .about_blocktit.about_story div.link-list ul li a, .about_blocktit.about_story div.link-list ul li span {
        font-size: 20px !important;
    }
    .XIREAL_Overview .mix-wrapper .pic-content{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .XIREAL_Overview .mix-wrapper .pic-content img{
        width: 100%;
    }
    .XIREAL_Overview .mix-wrapper .pic-content::before{
        display: none;
    }
    .XIREAL_Overview .mix-wrapper .editor-content{
        margin: 0;
        padding-top: 8rem;
        background: #fdf3ec;
        margin-top: -5rem;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h2{
        padding-left: 1rem;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h3{
        padding-left: 1rem;
        margin-left: 0;
    }
    .XIREAL_Overview .mix-wrapper .editor-content > div{
        padding-top: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 16px;
    }
    .XIREAL_Philosophy .mix-wrapper .editor-content > div{
        font-size: 16px;
        padding-right: 0rem;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content{
        max-width: 100%;
    }
    .XIREAL_Philosophy .mix-wrapper .pic-content .img-box:nth-child(2) img{
        max-width: 100%;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content{
        max-width: 100%;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(2){
        max-width: 100%;
        margin-left: 0;
        padding-left: 1rem;
        margin-top: 1rem;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .pic-content .img-box:nth-child(2) a{
        float: right;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content{
        padding-top: 2rem;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content h3{
        margin-bottom: 1.5rem;
    }
    .TheCarvedMarkOf_XIREAL .mix-wrapper .editor-content > div{
        font-size: 16px;
    }
    .Visual_Identity_logos{
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
    }
    .Visual_Identity_icons .mix-wrapper .editor-content{
        padding-left: 160px;
    }
    .Visual_Identity_icons .mix-wrapper .editor-content h3{
        font-size: 24px;
    }
    .Visual_Identity_icons .mix-wrapper .editor-content h4{
        font-size: 18px;
    }
    .Visual_Identity_icons .mix-wrapper .pic-content{
        padding: 0;
    }
    .Visual_Identity_icons .mix-wrapper .pic-content .img-box img {
        height: 75px;
    }
    .Visual_Identity_mean{
        max-width: calc(100% - 15px);
        flex: 0 0 calc(100% - 15px);
        z-index: 1;
    }
    .Visual_Identity_info{
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: -7rem;
        padding-top: 8rem;
        padding-left: 1rem;
        padding-right: 2rem;
        font-size: 16px;
    }
    .about_wrap03::after{
        left: unset;
        right: 0;
    }
    .Visual_Identity_other .wall-wrapper .wall-row > div {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .Visual_Identity_other .wall-wrapper .wall-row > div:nth-last-child(1){
        max-width: 100%;
        flex: 0 0 100%;
    }
    .Visual_Identity_other .wall-wrapper .thicon_info figure {
        height: 400px;
    }
    .Visual_Identity_other .wall-wrapper .wall-row .thicon_info .s_img{
        left: 50%;
        right: unset;
        transform: translate(-50%, 0px);
    }
    .Visual_Identity_other2{
        position: unset;
        font-size: 16px;
    }
    .about_wrap04{
        padding: 0 15px;
    }
    .about_wrap04 .main.row::after, 
    .about_wrap04 .main.row::before{
        display: none;
    }
    .about_blocktit div.link-list ul li a, .about_blocktit div.link-list ul li span{
        margin-bottom: 1.5rem;
    }
    .Commitments_box{
        max-width: calc(100% - 30px);
    }
    .Commitments_box h3 {
        font-size: 20px;
    }
    .Commitments_box p {
        font-size: 18px;
    }
    .Commitments_word{
        padding-left: 2rem;
        padding-right:2rem;
    }
    .about_wrap05 .main.row::before{
        display: none;
    }
    .story_box{
        font-size: 16px;
    }
}
@media (max-width:575px) {
    .about_pagebtn div.link-list ul li {
        padding: 5px 0 2px;
    }
    .about_pagebtn div.link-list ul li a, .about_pagebtn div.link-list ul li span{
        padding: 0px 16px;
        font-size: 15px !important;
        line-height: 20px;
    }
    .about_pagebtn div.link-list ul li i{
        display: none;
    }
    .about_tags .falls-container .grid .grid-item h3 {
        font-size: 15px;
    }
    .about_tags .falls-container .grid .grid-item {
        padding: 11px 15px 9px;
    }
    .XIREAL_Overview .mix-wrapper .editor-content h2, .XIREAL_Philosophy .mix-wrapper .editor-content h2, .TheCarvedMarkOf_XIREAL .header-title, .about_blocktit section.text-link h2{
        font-size: 36px !important;
        line-height: 1.3;
    }
    .about_wrap02{
        padding-left: 15px;
        padding-right: 15px;
    }
    .XIREAL_Philosophy .mix-wrapper .editor-content > div p:nth-last-child(2), 
    .XIREAL_Philosophy .mix-wrapper .editor-content > div p:nth-last-child(2) span{
        font-size: 17px !important;
        letter-spacing: -0.5px;
    }
    .Visual_Identity_img {
        max-width: 100px;
        flex: 0 0 100px;
    }
    .Visual_Identity_icons .mix-wrapper .editor-content {
        padding-left: 120px;
    }
    .Visual_Identity_icons .mix-wrapper .editor-content h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .Visual_Identity_icons .mix-wrapper .editor-content h4 {
        font-size: 16px;
    }
    .Visual_Identity_icons .mix-wrapper .pic-content {
        margin-top: 1rem;
    }
    .Visual_Identity_icons .mix-wrapper .pic-content .img-box{
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
        text-align: center;
        margin: 1.5rem 0 0;
    }
    .Visual_Identity_icons .mix-wrapper .pic-content .img-box::before{
        display: none;
    }
    .Visual_Identity_mean .function-row li a h3{
        font-size: 16px;
        padding-left: 10px;
        line-height: 1.5;
    }
    .Visual_Identity_other .wall-wrapper .thicon_info figure {
        height: 250px;
    }
    .Commitments_word h3{
        font-size: 24px;
    }
    .about_blocktit.about_story, 
    .story_box{
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/*discount point*/
.article_top_bg.privacy_policy.discount_point .module-container .main .bgfixed section h3{
    background: linear-gradient(to bottom, #feefe6 33%, #f9cbb2 90%);
    background-clip: text;
}
.about_pagebtn.point div.link-list ul li{
    flex: unset;
}
.about_pagebtn.point div.link-list ul li a, 
.about_pagebtn.point div.link-list ul li span{
    padding: 10px 5rem;
}
.article_info_wrap.point .main.row{
    padding: 2rem;
}
.article_info_wrap.point.QA .main.row{
    padding: 2rem 2rem 3rem;
}
.discount_qa {
    border-bottom: 1px solid rgba(239, 127, 80, 0.25) !important;
    margin: 10px 0;
}
.discount_qa .header-title{
    font-size: 22px;
    color: #231815;
    font-family: SweiSpringCJKtc-Regular !important;
    padding: 12px 15px 10px;
    transition: .2s;
    line-height: 1.5;
    cursor: pointer;
    position: relative;
}
.discount_qa .header-title::after{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/xireal/images/190a50df-6866-4acc-b1c5-2fdaf6d2a70b.svg);
    width: 17px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    right: 15px;
    top: calc(50% - 7px);
    transform: rotate(90deg);
}
.discount_qa .header-title:hover, 
.discount_qa .header-title.active{
    color: #E83817;
    background-color: #fef7f2;
    transition: .3s;
}
.discount_qa .header-title.active::after{
    transform: rotate(-90deg);
    top: calc(50% - 12px);
}
.discount_qa div[data-unicode]{
    font-size: 17px;
    color: #444;
    height: 0;
    overflow: hidden;
    padding: 0 2rem;
    transition: .5s;
}
.discount_qa div[data-unicode] *{
    font-family:Taipei Sans TC !important;
}
.discount_qa div.active[data-unicode]{
    padding: 15px 2rem 5px;
    height: auto;
    transition: .5s;
}
.discount_qa div[data-unicode] ul, 
.discount_qa div[data-unicode] ol{
    padding-left: 1.5rem;
}
.discount_qa div[data-unicode] li{
    margin-bottom: 0.5rem;
}

/*公版*/
.D_products_domestic_molddetail *, 
.D_products_group_molddetail *{
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}
body.WinChrome a.go-to-top, 
.D_products_domestic_search a.go-to-top, 
.D_products_domestic_molddetail a.go-to-top, 
.D_products_group_molddetail a.go-to-top{display: none !important;}
body.WinChrome a.go-to-top .top, 
.D_products_domestic_search a.go-to-top .top, 
.D_products_domestic_molddetail a.go-to-top .top, 
.D_products_group_molddetail a.go-to-top .top{background: #fff;}
body.WinChrome a.go-to-top .top::after, 
.D_products_domestic_search a.go-to-top .top::after, 
.D_products_domestic_molddetail a.go-to-top .top::after, 
.D_products_group_molddetail a.go-to-top .top::after{border-color: #E83817;}
body.WinChrome a.go-to-top .top-txt, 
.D_products_domestic_search a.go-to-top .top-txt, 
.D_products_domestic_molddetail a.go-to-top .top-txt, 
.D_products_group_molddetail a.go-to-top .top-txt{color: #ef7f50;}

.MPGO .Detail .PriceBlock ul li.FlightDetails a, 
.MGO .Detail .PriceBlock ul li.FlightDetails a, 
.MPGDT .Detail .PriceBlock ul li.FlightDetails a, 
.MGDT .Detail .PriceBlock ul li.FlightDetails a{background: #E83817;}
.MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, 
.MGO .Detail .PriceBlock ul li.FlightDetails a:hover, 
.MPGDT .Detail .PriceBlock ul li.FlightDetails a:hover, 
.MGDT .Detail .PriceBlock ul li.FlightDetails a:hover {background: #c52e12; opacity: .8;}
.MPGO .PriceBlock ul, .MGO .PriceBlock ul, .MPGDT .PriceBlock ul, .MGDT .PriceBlock ul{font-family: Taipei Sans TC !important;}
.Detail .PriceBlock .icons>span{color: #E83817;}
.Detail .PriceBlock li>strong{font-weight: 500 !important; letter-spacing: 1px; color: #666;}
.flight_details{border-color: #ef7f50;}
.flight_details .details_box>h4{background: #ef7f50;}

.Template_007 img, .Template_008 img, .Template_011 img, .Template_012 img, .Template_013 img, .Template_015 img, .Template_016 img, .Template_017 img, .Template_019 img, .Template_020 img, .Template_021 img, .Template_032 img{aspect-ratio: 4 / 3; object-fit: cover; object-position: center center;margin-top: 1rem;}

@media (max-width:767px) {
    .Template_007 img, .Template_008 img, .Template_011 img, .Template_012 img, .Template_013 img, .Template_015 img, .Template_016 img, .Template_017 img, .Template_019 img, .Template_020 img, .Template_021 img, .Template_032 img{aspect-ratio:unset;}
}

/*list*/
/*國外*/
.D_products_group_search section.group_banner.search_banner{height: 250px;}
.D_products_group_search section.group_banner .search-area{bottom: 15px;}
.D_products_group_search section.group_banner .search-area .search-box .select-goal .title, 
.D_products_group_search section.group_banner .search-area .search-box .select-place .title, 
.D_products_group_search section.group_banner .search-area .search-box .select-date .title{display: flex; flex-wrap: wrap; align-items: center; height: 22px; min-height: 22px; margin-bottom: 5px;}
.D_products_group_search section.group_banner .search-area .search-box .select-goal .title h6, 
.D_products_group_search section.group_banner .search-area .search-box .select-place .title h6, 
.D_products_group_search section.group_banner .search-area .search-box .select-date .title h6{font-size: 1rem; letter-spacing: 0.5px; color: #777; margin-left: 8px;}
.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: #ec8154;}
.D_products_group_search .search-area .search-box .select-place .title i{background-image: url(https://materials.fillo.com.tw/materials/xireal/images/7db7d24f-50e3-4555-8883-06121bd58383.svg); background-position: center; width: 22px; height: 22px;background-repeat: no-repeat;}
.D_products_group_search .search-area .search-box .select-goal .title i{background-image: url(https://materials.fillo.com.tw/materials/xireal/images/e1cfc4c3-a611-4ee5-ad03-ea551085a4e5.svg); background-position: center; width: 22px; height: 22px;background-repeat: no-repeat;}
.D_products_group_search .search-area .search-box .select-goal .title i.data-icon-from{background-image: url(https://materials.fillo.com.tw/materials/xireal/images/016dd4b4-0edf-409b-b30d-6ab7262d6e80.svg); background-position: center; width: 22px; height: 22px;background-repeat: no-repeat;}
.D_products_group_search .search-area .search-box .select-date .title i{background-image: url(https://materials.fillo.com.tw/materials/xireal/images/9b0f891b-f92f-452e-b67f-6cb24d764dd9.svg); background-position: center; width: 22px; height: 22px;background-repeat: no-repeat;}
.D_products_group_search section.group_banner .search-area .search-box .select-input i{background-image: url(https://materials.fillo.com.tw/materials/xireal/images/607172d1-fcf4-41e1-9b39-d7479cc26d2f.svg); width: 22px; height: 22px; background-position: center; background-repeat: no-repeat;}
.D_products_group_search .search-area .search-box .select-place .title i::before, 
.D_products_group_search .search-area .search-box .select-goal .title i::before, 
.D_products_group_search .search-area .search-box .select-date .title i::before, 
.D_products_group_search section.group_banner .search-area .search-box .select-input i::before{display: none;}
.D_products_group_search section.group_banner .search-area .search-box .search-btn{color: #ffffff;background: linear-gradient(to bottom, #ef7f50 0%, #E83817 50%) ;border-radius: 0px;}
.D_products_group_search section.group_banner .search-area .search-box .search-btn:hover{background: linear-gradient(to top, #ef7f50 0%, #E83817 50%);}
.D_products_group_search section.group_banner .search-area .search-box .search-btn h5{letter-spacing: 0.5px; font-family: SweiSpringCJKtc-Regular !important; font-size: 20px;}
.D_products_group_search section.group_banner .search-area .select-type .form-check.check-PGO, 
.D_products_group_search section.group_banner .search-area .select-type .form-check.check-GO{border-radius: 3px;}
.D_products_group_search section.group_banner .search-area .form-check .checkmark{border-radius: 0;}
.D_products_group_search section.group_banner .search-area .form-check .customcheck .checkmark:after{left: 4px; top: 1px; width: 6px; height: 9px;}
.D_products_group_search section.group_banner .search-area .search-box .select-goal, 
.D_products_group_search section.group_banner .search-area .search-box .select-place, 
.D_products_group_search section.group_banner .search-area .search-box .select-date, 
.D_products_group_search section.group_banner .search-area .search-box .select-input > input{border-radius: 0;font-family: Taipei Sans TC !important;}
.D_products_group_search section.search_banner .search-area .search-box .select-goal select, 
.D_products_group_search section.search_banner .search-area .search-box .select-place select, 
.D_products_group_search .search-area .search-box .select-date .select input, 
.D_products_group_search section.search_banner .search-area .search-box .select-input input{font-size: 17px;color: #231815;}
.D_products_group_search .list_con .select_filter .form-group .select select{border-radius: 0;}
.D_products_group_search .filter_list .accordion .card{border-bottom: 1px solid rgba(0,0,0,.125);border-radius: 0;}
.D_products_group_search .filter_list i{color: #ef7f50;}
.D_products_group_search .irs-from, .D_products_group_search .irs-single, .D_products_group_search .irs-to{background: #E83817;}
.D_products_group_search .irs-slider{background: #ef7f50 ;}
.D_products_group_search .irs-slider.state_hover, .D_products_group_search .irs-slider:hover{border-color: #ef7f50 ;}
.D_products_group_search .irs-bar{background: #ef7f50 ;}
.D_products_group_search .filter_list .form-check .customcheck input:checked ~ .checkmark{background-color: #d0d2d4;}
.D_products_group_search .filter_list .form-check.radio_style [type="radio"]:checked + label:after{background: #ef7f50 ;}
.D_products_group_search .badge-primary{background-color: #E83817;}
.D_products_group_search .list_con .style_icon .nav-pills .nav-link.active svg {fill: #d0d2d4;}
.D_products_group_search .text_blue { color: #eb1c1f;}
.D_products_group_search figure div.plane.plane-s1:hover, 
.D_products_group_search .search_table .go-airport .plane.plane-s1:hover{color: #e5381f;}
.D_products_group_search figure div.plane.plane-s1::after, 
.D_products_group_search .search_table .go-airport .plane.plane-s1::after{color: #ef7f50;}
.D_products_group_search figure.block_style .price_all h4{margin: 1rem 0;}
.D_products_group_search .search_table tbody td.tour-name{vertical-align: middle;}
.D_products_group_search section.search_con{margin-bottom: 50px;}
.D_products_group_search section.search_con .pagination .page-item .page-link, 
.D_products_group_search section.search_con .pagination .page-item:first-child .page-link, 
.D_products_group_search section.search_con .pagination .page-item:last-child .page-link{border-radius: 0;}
.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: #d0d2d4;color: #d0d2d4;}
.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: #d0d2d4;}
.D_products_group_search figure.block_style{border-radius: 0;overflow: hidden;}
.D_products_group_search figure.block_style .pic_all::after{border-color: transparent transparent transparent rgba(232, 52, 22, 0.65);}
.D_products_group_search figure.block_style .plane_word{line-height: 1.4rem;}
.D_products_group_search .pic_style figure.block_style .pic_all{border-top-left-radius: 0px; border-top-right-radius: 0px;overflow: hidden;}
.D_products_group_search .pic_style figure.block_style .plane_word{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.D_products_group_search .search_table .thead, 
.D_products_group_search .search_table .thead:hover{background: #E83817;color: #fff;}
.D_products_group_search .search_table .main_words .title_main, 
.D_products_group_search figure.block_style .main_words a, 
.D_products_group_search .pic_style figure.block_style .main_words a{font-family: SweiSpringCJKtc-Regular !important;}
.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: #ef7f50  !important;}
.D_products_group_search figure.block_style .main_words a.btn-danger.tag{background-color: #e83817; color: #fff;border: none;}
.D_products_group_search figure.block_style .main_words a.btn-warning.tag{background-color: #006060; color: #fff;border: none;}
.D_products_group_search figure.block_style .main_words a.btn-success.tag{background-color: #37567a; color: #fff;border: none;}
.D_products_group_search .search_table .main_words .title_main, 
.D_products_group_search figure.block_style .main_words a h4, 
.D_products_group_search .pic_style figure.block_style .main_words a h4{font-weight: normal;line-height: 1.4;letter-spacing: 0.5px;}
.D_products_group_search figure.block_style .main_words a h4{font-size: 22px;}
.D_products_group_search section.search_con .pagination .page-item.active .page-link{border-color: #231815;color: #231815;outline: none;box-shadow: none;}
.D_products_group_search .modal-body section.group_table.trip_airline .table .thead, 
.D_products_group_search .modal-body section.group_table.trip_airline .table .thead:hover{background: #ef7f50 ;}
.D_products_group_search section.group_table.trip_airline .table .thead th{border-color: #d0d2d4;}
.D_products_group_search figure.block_style .note_words > div .go-airport{font-size: 15px;}
.D_products_group_search figure.block_style .note_words > div img{height: 35px;}
.D_products_group_search figure.block_style .note_words .plane .plane-abbr, 
.D_products_group_search figure.block_style .note_words .plane .plane-sche{font-size: 15px;letter-spacing: -0.5px;}
.D_products_group_search .search_table tbody td.go-airport *{font-size: 15px;line-height: 1.4;}
.D_products_group_search figure.block_style .price_box > h4.text-right{font-size: 1.2rem;}
.D_products_group_search figure.block_style .price_box span{font-size: 1.65rem;}
.D_products_group_search figure.block_style .media_all_plane-lg > a{background-color: #e83817; border: none;}
.D_products_group_search figure.block_style .media_all_plane-lg > a:hover{background-color: #d43216; border: none;}
/*.D_products_group_search figure.block_style .note_words{border-width: 0px;}
.D_products_group_search figure.block_style .note_words > div{display: none;}*/
@media (max-width:1199px) {
    .D_products_group_search section.group_banner.search_banner {height: 350px;}
    .D_products_group_search figure.block_style .main_words h6{margin-top: 0.5rem;}
}
@media (min-width:768px) and (max-width:1199px) {
    .D_products_group_search figure.block_style .media_all_plane-md{border-top: 1px solid #e2e2e2;}
    .D_products_group_search figure.block_style .price_box{border: none;padding: 0;}
}
@media (max-width:767px) {
    .D_products_group_search section.group_banner .search-area .search-box .search-btn{height: 60px; line-height: 60px;}
    .D_products_group_search section.group_banner .search-area .search-box .search-btn h5.small{font-size: 24px;}
    .D_products_group_search section.search_con .pagination .page-item{margin: 0 1px;}
    .D_products_group_search section.search_con .pagination .page-item .page-link{width: 25px; height: 25px; font-size: 14px;}
    .D_products_group_search section.group_banner.search_banner { height: 550px;width: 100%;}
}
.D_products_group_search .web-page-frame .row.header .header_top_wrap .main.row, 
.D_products_group_search .web-page-frame .row.header .header_top_wrap .main.row.change_mt{
    padding-top: 0;
}
.D_products_group_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
    padding-top: 85px;
}
@media (max-width:1539px) {
    .D_products_group_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 135px;
    }
}
@media (max-width:991px) {
    .D_products_group_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 108px;
    }
}
@media (max-width:767px) {
    .D_products_group_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt{
        padding-top: 68px;
    }
}

/*國內*/
body.D_products_domestic_search{/*background: #f8f9f9;*/}
.D_products_domestic_search section.group_banner.search_banner{margin-top: 9rem;}
.D_products_domestic_search section.group_banner .search-area > form.container{background: #fbf6eb;border-bottom: 3px solid #ef7f50 ;border-radius: 0;padding-left: 20px;padding-right: 20px;}
.D_products_domestic_search section.group_banner .search-area .search-box .select-type .form-check{border-radius: 3;}
.D_products_domestic_search section.group_banner .search-area .search-box .select-type .form-check.check-GO{background: #fff;border: 1px solid #cdeefc;}
.D_products_domestic_search section.group_banner .search-area .search-box .select-type .form-check.check-PGO{background: #fff; border: 1px solid #d4edda;}
.D_products_domestic_search section.group_banner .search-area .search-box .select-type .form-check .checkmark{border-radius: 0;}
.D_products_domestic_search section.group_banner .form-check .checkmark:after{left: 5px; top: 2px; width: 6px; height: 9px;}
.D_products_domestic_search section.group_banner .search-area .search-box .search-btn{background: #ef7f50 ;border-radius: 8px;}
.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: #d0d2d4;}
.D_products_domestic_search section.group_banner .search-area .search-box .select-departure, 
.D_products_domestic_search section.group_banner .search-area .search-box .select-destination, 
.D_products_domestic_search section.group_banner .search-area .search-box .select-date, 
.D_products_domestic_search section.group_banner .search-area .search-box .select-input > input{border-radius: 0;}
.D_products_domestic_search .filter_list i{color: #ef7f50;}
.D_products_domestic_search .irs-from, 
.D_products_domestic_search .irs-single, 
.D_products_domestic_search .irs-to{background: #E83817;}
.D_products_domestic_search .irs-slider{background: #ef7f50 ;}
.D_products_domestic_search .irs-slider.state_hover, 
.D_products_domestic_search .irs-slider:hover{border-color: #ef7f50 ;}
.D_products_domestic_search .irs-bar{background: #ef7f50 ;}
.D_products_domestic_search .filter_list .form-check .customcheck input:checked ~ .checkmark{background-color: #d0d2d4;}
.D_products_domestic_search .filter_list .form-check .customcheck input:checked ~ .checkmark:after{display: block;}
.D_products_domestic_search .badge-primary{background-color: #E83817;}
.D_products_domestic_search .list_con .style_icon .nav-pills .nav-link.active svg {fill: #d0d2d4;}
.D_products_domestic_search .text_blue { color: #eb1c1f;}
.D_products_domestic_search .select_filter .form-inline .form-group input[type=radio]:checked + label{color: #d0d2d4;background: #ffffff;}
.D_products_domestic_search figure.block_style .pic_all::after{border-color: transparent transparent transparent rgba(232, 52, 22, 0.65);}
.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: #ef7f50  !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: #E83817;}
.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: #ef7f50  !important;}
.D_products_domestic_search .table .thead, 
.D_products_domestic_search .table .thead:hover{background: #E83817;}
.D_products_domestic_search section.search_con{margin-bottom: 50px;}
.D_products_domestic_search section.search_con .pagination .page-item .page-link:hover, 
.D_products_domestic_search section.search_con .pagination .page-item .page-link:active { background: #fff; border-color: #d0d2d4; color: #d0d2d4;}
.D_products_domestic_search section.search_con .pagination .page-item .page-link:hover svg, 
.D_products_domestic_search section.search_con .pagination .page-item .page-link:active svg {fill: #d0d2d4;}
@media (max-width:767px) {
    .D_products_domestic_search section.group_banner.search_banner{margin-top: 7rem;}
    .D_products_domestic_search section.group_banner .search-area .search-box{height: 480px;}
    .D_products_domestic_search section.group_banner .search-area .search-box .select-departure, 
    .D_products_domestic_search section.group_banner .search-area .search-box .select-destination, 
    .D_products_domestic_search section.group_banner .search-area .search-box .select-date, 
    .D_products_domestic_search section.group_banner .search-area .search-box .select-input > input{margin-bottom: 10px;}
    .D_products_domestic_search section.group_banner .search-area .search-box .select-input .mic_icon{bottom: 11px; right: 11px;}
    .D_products_domestic_search section.group_banner .search-area .search-box .search-btn{margin-top: 10px;height: 60px;line-height: 65px;}
    .D_products_domestic_search section.group_banner .search-area .search-box .search-btn h5.small{font-size: 24px;}
    .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;}
}
.D_products_domestic_search .web-page-frame .row.header .header_top_wrap .main.row, 
.D_products_domestic_search .web-page-frame .row.header .header_top_wrap .main.row.change_mt{
    padding-top: 0;
}
.D_products_domestic_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
    padding-top: 85px;
}
@media (max-width:1539px) {
    .D_products_domestic_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 135px;
    }
}
@media (max-width:991px) {
    .D_products_domestic_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 108px;
    }
}
@media (max-width:767px) {
    .D_products_domestic_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt{
        padding-top: 68px;
    }
}

/*detail*/
/*國外*/
.D_products_group_detail .trip_note ol, 
.D_products_group_detail .trip_note ul{list-style: initial; padding-left: 25px;}
.D_products_group_detail .breadcrumb-item a{color: #ef7f50 ;}
.D_products_group_detail .breadcrumb-item a:hover{color: #ea5228;}
.D_products_group_detail section.group_banner .price_content .panel-info{border: 1px solid #ef7f50;}
.D_products_group_detail section.group_banner .price_content .panel-info .panel-heading{padding: 10px 8px; background: #ef7f50 ;font-size: 17px;color: #fff;}
.D_products_group_detail section.group_banner .price_content .panel-info .panel-body{padding: 10px 8px;}
.D_products_group_detail .basic-air-info{border: 1px solid rgba(239, 127, 80, 0.3);}
.D_products_group_detail section.group_banner.trip_banner{margin-top: 0px;}
.D_products_group_detail section.group_banner.trip_banner .basic-air-info h3{color: #b8babd; font-weight: 500; font-size: 1.5rem; line-height: 1.5;}
.D_products_group_detail .basic-air-info .go i, .D_products_group_detail .basic-air-info .back i{color: #E83817;}
.D_products_group_detail .basic-air-btn a{background: #E83817;border: 1px solid #E83817;color: #fff;font-weight: 500;font-size: 18px;}
.D_products_group_detail .basic-air-btn a:hover{background: #E83817;opacity: .8;}
.D_products_group_detail section.group_banner.trip_banner h6{font-size: 16px;padding-top: 0;color: #888;font-family: Taipei Sans TC !important;}
.D_products_group_detail section.group_banner .group_num img{width: 30px;}
.D_products_group_detail section.group_banner.trip_banner h1{font-family: SweiSpringCJKtc-Regular !important; letter-spacing: 0.5px; line-height: 1.4; font-weight: normal; font-size: 2rem;}
.D_products_group_detail section.group_banner.trip_banner h5.text-danger{font-family: Taipei Sans TC !important; font-weight: 100; letter-spacing: 0.5px;}
.D_products_group_detail section.group_banner.trip_banner h3.price{font-family: Taipei Sans TC !important; margin-top: 1rem;font-size: 2rem;}
.D_products_group_detail section.group_banner .price_content, 
.D_products_group_detail section.group_banner.trip_banner .brief{font-family: Taipei Sans TC !important;margin-top: 10px;}
.D_products_group_detail section.group_banner.trip_banner .brief h5{font-size: 17px;}
.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: #231815;}
.D_products_group_detail section.group_table.trip_features .container > div:nth-child(1) h2 , 
.D_products_group_detail section.group_table.trip_airline .container > div:nth-child(1) h2 , 
.D_products_group_detail section.group_table.trip_day .container > div:nth-child(1) h2 , 
.D_products_group_detail section.group_table.trip_note .container > div:nth-child(1) h2 , 
.D_products_group_detail section.group_table.view_intro .container > div:nth-child(1) h2 , 
.D_products_group_detail section.group_table.tripdown .container > div:nth-child(1) h2 {margin-top: 2rem; font-family: SweiSpringCJKtc-Regular !important; font-weight: 500; font-size: 2.5rem;}
.D_products_group_detail section.group_banner.trip_banner .basic_box{padding-top: 250px;}
.D_products_group_detail section.group_banner.trip_banner .basic_box nav.Detail ol.breadcrumb{margin-bottom: 0;font-family: Taipei Sans TC !important;}
.D_products_group_detail section.group_banner.trip_banner .container{border: none;border-radius: 0;}
.D_products_group_detail section.group_banner.trip_banner .container > .row > div:nth-last-child(1){font-family: Taipei Sans TC !important;align-content:baseline !important;}
.D_products_group_detail section.group_banner.trip_banner .container .basic-air-aircraft, 
.D_products_group_detail section.group_banner.trip_banner .container .basic-air-airport{font-weight: 500; font-size: 20px;}
.D_products_group_detail section.group_banner.trip_banner .container .basic-air-aircraft .plane-logo{margin-right: 5px;}

.D_products_group_detail section.group_table.trip_features .container .group_table_box, 
.D_products_group_detail section.group_table.trip_airline .container .group_table_box, 
.D_products_group_detail section.group_table.trip_day .container .group_table_box, 
.D_products_group_detail section.group_table.trip_note .container .group_table_box, 
.D_products_group_detail section.group_table.view_intro .container .group_table_box, 
.D_products_group_detail section.group_table.tripdown .container .group_table_box{border-radius: 0;}
.D_products_group_detail section.group_table.tripdown .container .group_table_box{margin-bottom: 5rem;}
.D_products_group_detail section.group_table.trip_features .container .group_table_box .title_s{font-family: Taipei Sans TC !important; font-weight: 100; font-size: 1.2rem;}
.D_products_group_detail section.group_table.trip_day .group_table_box table.table .thead{background: #eb8054;font-family: Taipei Sans TC !important;}
.D_products_group_detail section.group_table.trip_day .group_table_box table.table .thead th{font-weight: normal;}
.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: #ea5228;}
.D_products_group_detail section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{display: none;}
.D_products_group_detail section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{display: none;}
.D_products_group_detail section.group_table.trip_day table.table tr.text_gary td{font-family: Taipei Sans TC !important;}
.D_products_group_detail .trip_note .card .card-header{border: none;background: transparent;}
.D_products_group_detail section.trip_note .card-header .btn[aria-expanded="false"]{border-radius: 15px;overflow: hidden;}
.D_products_group_detail section.trip_note .card-header .btn[aria-expanded="true"], 
.D_products_group_detail section.trip_note .card-header .btn:hover{ background: #b8babd; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{color: #E83817;font-family: "GFS Didot", serif !important;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{font-size: 1.5rem;font-family: SweiSpringCJKtc-Regular !important;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal, 
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel{font-family: Taipei Sans TC !important;}
.D_products_group_detail section.group_table.tripdown .search_table tr.thead{background: #E83817;}
.D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link{border-color: #ef7f50 ;color: #ef7f50 ;}
.D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link:hover{color: #ef7f50 ;}
.D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link.active{color: #fff;background: #ef7f50 ;}
.D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link svg{fill: #ef7f50 ;}
.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{border-color: #ef7f50 ;background: #ef7f50 ;border-radius: 30px;}
.D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation .btn-primary:hover{color: #fff;background-color: #ef7f50 ;border-color: #ef7f50 ;}
.D_products_group_detail .fc .fc-toolbar.fc-header-toolbar{background: #E83817;}
.D_products_group_detail .fc .fc-button-primary:disabled{background-color: #ea5228;}
.D_products_group_detail section.group_table.trip_day .day_con .info_box{width: 100%;}
.D_products_group_detail section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 {display: none;}
.D_products_group_detail section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 {flex: 0 0 100%; max-width: 100%;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title {margin-left: 0; width: 100%;}
.D_products_group_detail > .web-page-frame > .row:nth-child(2){padding-bottom: 0px;}
.D_products_group_detail section.group_table.tripdown .search_table tbody td.tour-name a.title_main:hover{color: #ef7f50  !important;}
.D_products_group_detail .Day_menu.day_fixed{/*top: 125px !important;*/}
.D_products_group_detail .Day_menu .swiper_day .swiper-button-prev::after, 
.D_products_group_detail .Day_menu .swiper_day .swiper-button-next::after{display: none;}
.D_products_group_detail .Day_menu .swiper_day .swiper-slide a{color: #e88258;border: 1px solid #e2e2e2;}
.D_products_group_detail .Day_menu .swiper_day .swiper-slide a:hover{color: #e88258; background: #feefe6; border: 1px solid #feefe6;}

@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;background: #e83817;}
    .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, 
    .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{background: #231815; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .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;padding: 5px 10px;} 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 16px;padding: 5px 11px;}
    .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;line-height: 30px;}
    .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;margin-bottom: 70px;}
    .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 .sub_menu-trip .trip_menu li a:hover span{color: #eb8054;}
    .D_products_group_detail .web_sidebar .side_box{bottom: 65px;}
    .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: 15px;/*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: 55px; line-height: 50px;*/}
    .D_products_group_detail .sub_menu-trip .server_menu>ul>li.download-fixed-btn ul{height: 40px;width: 81px;}
    .D_products_group_detail .sub_menu-trip .server_menu>ul>li.download-fixed-btn ul li{height: 40px;}
    .D_products_group_detail .sub_menu-trip .server_menu>ul>li.share-fixed-btn ul{width: 162px; height: 40px;}
    .D_products_group_detail .sub_menu-trip .server_menu>ul>li.share-fixed-btn ul li{height: 40px;}
}
@media (max-width:991px) {
    .D_products_group_detail section.group_banner.trip_banner .basic_box nav.Detail ol.breadcrumb{font-size: 15px;}
    .D_products_group_detail section.group_table.tripdown .search_table tr.thead{display: none;}
    .D_products_group_detail section.group_banner.trip_banner{margin-top: 0px;}
    .D_products_group_detail section.group_banner.trip_banner h1{font-size: 28px;}
    .D_products_group_detail .tail_box .footer-sample{margin-bottom: 50px;}
    .D_products_group_detail .Day_menu.day_fixed{top: 67px !important;}
    .D_products_group_detail section.group_table.trip_features .container > div:nth-child(1) h2, 
    .D_products_group_detail section.group_table.trip_airline .container > div:nth-child(1) h2, 
    .D_products_group_detail section.group_table.trip_day .container > div:nth-child(1) h2, 
    .D_products_group_detail section.group_table.trip_note .container > div:nth-child(1) h2, 
    .D_products_group_detail section.group_table.view_intro .container > div:nth-child(1) h2, 
    .D_products_group_detail section.group_table.tripdown .container > div:nth-child(1) h2{font-size: 30px;}
}
@media (max-width:767px) {    
    .D_products_group_detail .footer_info_wrap .main.row{padding-bottom: 50px;}
    .D_products_group_detail section.group_banner.trip_banner h1{font-size: 24px;}
    .D_products_group_detail section.group_banner.trip_banner .container .basic-air-aircraft, 
    .D_products_group_detail section.group_banner.trip_banner .container .basic-air-airport{font-size: 18px;}
    .D_products_group_detail section.group_banner.trip_banner .container .basic-air-aircraft{margin-right: 30px;}
    .D_products_group_detail section.group_table.trip_features .container h2, 
    .D_products_group_detail section.group_table.trip_airline .container h2, 
    .D_products_group_detail section.group_table.trip_day .container h2, 
    .D_products_group_detail section.group_table.trip_note .container h2, 
    .D_products_group_detail section.group_table.view_intro .container h2, 
    .D_products_group_detail section.group_table.tripdown .container h2{margin-bottom: 0; font-size: 26px;}
    .D_products_group_detail section.group_table.trip_features .container .group_table_box, 
    .D_products_group_detail section.group_table.trip_airline .container .group_table_box, 
    .D_products_group_detail section.group_table.trip_day .container .group_table_box, 
    .D_products_group_detail section.group_table.trip_note .container .group_table_box, 
    .D_products_group_detail section.group_table.view_intro .container .group_table_box, 
    .D_products_group_detail section.group_table.tripdown .container .group_table_box{margin-top: 30px;}
    .D_products_group_detail section.group_table.trip_features .container .group_table_box{padding-top: 5px;}
    .D_products_group_detail section.group_table.trip_day .info_box{width: 100%;}
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{font-size: 1.5rem;}
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{font-size: 20px;}
    .D_products_group_detail section.group_banner.trip_banner .price_box .iteam{text-align: left;}
    .D_products_group_detail section.group_table.trip_day table.table tr td::before{min-width: 75px;}
}
.D_products_group_detail .web-page-frame .row.header .header_top_wrap .main.row, 
.D_products_group_detail .web-page-frame .row.header .header_top_wrap .main.row.change_mt{
    padding-top: 0;
}
.D_products_group_detail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
    padding-top: 85px;
}
@media (max-width:1539px) {
    .D_products_group_detail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 135px;
    }
}
@media (max-width:991px) {
    .D_products_group_detail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 108px;
    }
}
@media (max-width:767px) {
    .D_products_group_detail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt{
        padding-top: 68px;
    }
}


/*團型*/
.D_products_group_molddetail .DetailContainer nav[aria-label=breadcrumb] ol{margin-bottom: 5px;}
.D_products_group_molddetail .Detail .breadcrumb .breadcrumb-item a:hover, 
.D_products_group_molddetail .Detail .breadcrumb .breadcrumb-item.active{color: #ef7f50;}
.D_products_group_molddetail .Detail .TripTitle h1{font-family: SweiSpringCJKtc-Regular !important; line-height: 1.4; letter-spacing: 0.5px; font-weight: normal !important;}
.D_products_group_molddetail .TripNote ol, 
.D_products_group_molddetail .TripNote ul{list-style: initial; padding-left: 25px;}
.D_products_group_molddetail .TripBasic .ImgBox .carousel-item{aspect-ratio: 3 / 2; display: block;}
@media (min-width:992px) {
    .D_products_group_molddetail .TripBasic .ImgBox .carousel-item{max-height: 350px;}    
}
.D_products_group_molddetail .TripBasic .ImgBox .carousel-item img{object-position: center center;}
.D_products_group_molddetail .DetailContainer{margin-top: 3.5rem;margin-bottom: 2rem;word-break: break-all;}
.D_products_group_molddetail section.AnchorPoint>div>h2.APtitle{font-family: SweiSpringCJKtc-Regular !important; font-weight: normal; font-size: 32px;}
.D_products_group_molddetail section.AnchorPoint>div>h2.APtitle::after{background: #E83817;}
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span{color: #ef7f50 ;}
.D_products_group_molddetail .Detail .MainTitle{padding-left: 25px;}
.D_products_group_molddetail .Detail .MainTitle::before{filter: hue-rotate(180deg);}
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link{border: 1px solid #ef7f50 ; border-bottom-color: #ef7f50 ;color: #ef7f50 ;}
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, 
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active, 
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover, 
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover{background-color: #ef7f50 ; color: white;}
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button{background-color: #ffede7; color: #ef7f50 ; border: 1px solid #ffede7;}
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button.active:hover, 
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:hover:hover, 
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:focus:hover{background-color: #ef7f50 ; border: 1px solid #ef7f50 ;color: #fff;}
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before{color: #ef7f50 ;}
.D_products_group_molddetail .Detail.DepartureDate .SearchTable .table thead th{border-bottom: 1px solid #ccc;}
.D_products_group_molddetail .Detail.DepartureDate .SearchTable button, 
.D_products_group_molddetail .Detail.DepartureDate .SearchTable a.btn{background: #ef7f50 ; border-color: #ef7f50 ;color: #fff;}
.D_products_group_molddetail .Detail.DepartureDate .SearchTable .DateCenterLine{background-color: #ef7f50 ;}
.D_products_group_molddetail .Detail.DepartureDate .SearchTable tbody .TourName > a:hover{color: #ef7f50 ;}
.D_products_group_molddetail .Detail.DepartureDate .SearchTable .table tbody tr.month_2{background: #f8f8f9;}
.D_products_group_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{border: 1px solid #ccc;}
.D_products_group_molddetail .Detail.DayTrip .DayBlock > div{background-color: #ef7f50;}
.D_products_group_molddetail .Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #ef7f50;}
.D_products_group_molddetail .Detail.DayTrip .DayTripBtn.Multiple{border: 1px solid #ef7f50 ; color: #ef7f50 ;background-color: #fff;display: none;}
.D_products_group_molddetail .Detail.DayTrip .DayTripBtn.Multiple:hover{background-color: #ef7f50 ; color: white;}
.D_products_group_molddetail #day_menu .list-group{background: rgba(35, 24, 21, 0.7);}
.D_products_group_molddetail #day_menu .list-group .list-group-item{color: #d0d2d4; border-radius: 0;}
.D_products_group_molddetail #day_menu .list-group .list-group-item:hover{background-color: transparent;color: #eba689;}
.D_products_group_molddetail #day_menu .list-group .list-group-item.active{background-color: #231815; border-color: #231815; border-radius: 0; color: #eba689;}
.D_products_group_molddetail .Detail.Traffic .Day{ color: #E83817;}
.D_products_group_molddetail .Detail .TripNoteBlock{background-color: #e2ebeb;}
.D_products_group_molddetail .Detail .TripNoteBlock .NoteTitle h3{color: #E83817;}
.D_products_group_molddetail .Detail .TripNoteItems + .TripNoteItems::before{background: #ffede7;}
.D_products_group_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn{display: none;}
@media (min-width:992px) {
    .D_products_group_molddetail .sub_menu-trip .sub_inside{margin-top: -1rem;}
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;}
    .D_products_group_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{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{font-size: 16px;} 
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 16px;padding: 5px 16px;}
    .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{font-size: 17px;}
    .D_products_group_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{font-size: 20px;}
    .D_products_group_molddetail .sub_menu-trip .trip_menu{width: 91px; margin-right: 0;margin-bottom: 70px;}
    .D_products_group_molddetail .sub_menu-trip .trip_menu i{display: none;}
    .D_products_group_molddetail .sub_menu-trip .trip_menu ul{margin-bottom: 0;}
    .D_products_group_molddetail .sub_menu-trip .trip_menu li{margin-bottom: 8px;}
    .D_products_group_molddetail .sub_menu-trip .trip_menu li a{line-height: 1;}
    .D_products_group_molddetail .sub_menu-trip .trip_menu li a span{font-size: 14px;}
    .D_products_group_molddetail .web_sidebar .side_box{bottom: 65px;}
    .D_products_group_molddetail .web_sidebar .actGotop{bottom: 15px;}
    .D_products_group_molddetail #day_menu .list-group.Fixed_Date_Bar{/*top: 170px !important;*/}
}
@media (max-width:1600px) {
    .D_products_group_molddetail .DetailContainer {flex: 0 0 100%;max-width: 100%;}
}
@media (max-width:991px) {
    .D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone h3{/*padding-left: 70px !important;*/min-height:80px;}
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .table th:first-child{background: #f0f0f0;}
    .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link span::before, 
    .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active span::before, 
    .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover span::before, 
    .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover span::before {
        color: #fff;
    }
}
@media (max-width:767px) {
    .D_products_group_molddetail .footer_info_wrap .main.row{padding-bottom: 50px;}
    .MPGO section+section, .MGO section+section, .MPGDT section+section, .MGDT section+section{padding-top: 4rem;}
    .MPGO .PriceType.LowestPrice ul, 
    .MGO .PriceType.LowestPrice ul, 
    .MPGDT .PriceType.LowestPrice ul, 
    .MGDT .PriceType.LowestPrice ul{
        flex-wrap: wrap;
    }
    .D_products_group_molddetail .Detail .TripTitle h1{font-size: 24px;}
    .D_products_group_molddetail .DetailContainer{margin-top: 0;}
    .D_products_group_molddetail .Detail .breadcrumb{display: flex;}
    .D_products_group_molddetail #day_menu .list-group.Fixed_Date_Bar { top: 105px !important;}
    .D_products_group_molddetail #day_menu .list-group.Fixed_Date_Bar.move_top{ top: 65px !important;}
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat, 
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 35px;
        min-width: 55px;
        max-width: 55px;
    }
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat::before, 
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat::before{
        left: calc(50% - 16px);
        top: 12px;
    }
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat + .TourPrice + .SaleSituation{flex: 0 0 100px; max-width: 100px;}
    .D_products_group_molddetail section.AnchorPoint>div>h2.APtitle{margin-bottom: 50px;font-size: 28px;}
    .D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone h3{line-height: 1.6;}
}
.D_products_group_molddetail .web-page-frame .row.header .header_top_wrap .main.row, 
.D_products_group_molddetail .web-page-frame .row.header .header_top_wrap .main.row.change_mt{
    padding-top: 0;
}
.D_products_group_molddetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
    padding-top: 85px;
}
@media (max-width:1539px) {
    .D_products_group_molddetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 135px;
    }
}
@media (max-width:991px) {
    .D_products_group_molddetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 108px;
    }
}
@media (max-width:767px) {
    .D_products_group_molddetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt{
        padding-top: 68px;
    }
}

/*自由行個團*/
.D_products_domestic_pdetail .TripNote ol, 
.D_products_domestic_pdetail .TripNote ul{list-style: initial; padding-left: 25px;}
.D_products_domestic_pdetail .TripBasic .ImgBox .carousel-item{aspect-ratio: 3 / 2; display: block;}
@media (min-width:992px) {
    .D_products_domestic_pdetail .TripBasic .ImgBox .carousel-item{max-height: 350px;}    
}
.D_products_domestic_pdetail .TripBasic .ImgBox .carousel-item img{object-position: center center;}
.D_products_domestic_pdetail .DetailContainer{margin-top: 8rem;margin-bottom: 3rem;word-break: break-all;}
.D_products_domestic_pdetail .Detail.sub_menu-trip .trip_menu li a:hover span{color: #ef7f50 ;}
.D_products_domestic_pdetail .Detail .MainTitle::before{filter: hue-rotate(50deg);}
.D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link{border: 1px solid #ef7f50 ; border-bottom-color: #ef7f50 ;color: #ef7f50 ;}
.D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, 
.D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link.active, 
.D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover, 
.D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover{background-color: #ef7f50 ; color: white;}
.D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button{background-color: #ffede7; color: #ef7f50 ; border: 1px solid #ffede7;}
.D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button.active:hover, 
.D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:hover:hover, 
.D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:focus:hover{background-color: #ef7f50 ; border: 1px solid #ef7f50 ;color: #fff;}
.D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before{color: #ef7f50 ;}
.D_products_domestic_pdetail .Detail.DepartureDate .SearchTable .table thead th{border-bottom: 1px solid #ccc;}
.D_products_domestic_pdetail .Detail.DepartureDate .SearchTable button, 
.D_products_domestic_pdetail .Detail.DepartureDate .SearchTable a.btn{background: #ef7f50 ; border-color: #ef7f50 ;color: #fff;}
.D_products_domestic_pdetail .Detail.DepartureDate .SearchTable .DateCenterLine{background-color: #ef7f50 ;}
.D_products_domestic_pdetail .Detail.DepartureDate .SearchTable tbody .TourName > a:hover{color: #ef7f50 ;}
.D_products_domestic_pdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{border: 1px solid #ccc;}
.D_products_domestic_pdetail .Detail.DayTrip .DayBlock > div{background-color: #d0d2d4;}
.D_products_domestic_pdetail .Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #d0d2d4;}
.D_products_domestic_pdetail .Detail.DayTrip .DayTripBtn.Multiple{border: 1px solid #ef7f50 ; color: #ef7f50 ;background-color: #fff;display: none;}
.D_products_domestic_pdetail .Detail.DayTrip .DayTripBtn.Multiple:hover{background-color: #ef7f50 ; color: white;}
.D_products_domestic_pdetail .Detail.Traffic .Day{ color: #E83817;}
.D_products_domestic_pdetail .Detail .TripNoteBlock{background-color: #e2ebeb;}
.D_products_domestic_pdetail .Detail .TripNoteBlock .NoteTitle h3{color: #E83817;}
.D_products_domestic_pdetail .Detail .TripNoteItems + .TripNoteItems::before{background: #ffede7;}
.D_products_domestic_pdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn{display: none;}
@media (min-width:992px) {
    .D_products_domestic_pdetail .sub_menu-trip .sub_inside{margin-top: -1rem;}
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;}
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn{height: 50px;}
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, 
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, 
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, 
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{height: 40px;}
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, 
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, 
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{font-size: 16px;} 
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 16px;padding: 5px 16px;}
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, 
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, 
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, 
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i{font-size: 17px;}
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{font-size: 19px;}
    .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i{font-size: 20px;}
    .D_products_domestic_pdetail .sub_menu-trip .trip_menu{width: 91px; margin-right: 0;margin-bottom: 70px;}
    .D_products_domestic_pdetail .sub_menu-trip .trip_menu i{display: none;}
    .D_products_domestic_pdetail .sub_menu-trip .trip_menu ul{margin-bottom: 0;}
    .D_products_domestic_pdetail .sub_menu-trip .trip_menu li{margin-bottom: 8px;}
    .D_products_domestic_pdetail .sub_menu-trip .trip_menu li a{line-height: 1;}
    .D_products_domestic_pdetail .sub_menu-trip .trip_menu li a span{font-size: 14px;}
    .D_products_domestic_pdetail .web_sidebar .side_box{bottom: 50px;}
    .D_products_domestic_pdetail .web_sidebar .actGotop{bottom: 15px;}
}
@media (max-width:1600px) {
    .D_products_domestic_pdetail .DetailContainer {flex: 0 0 100%;max-width: 100%;}
}
@media (max-width:991px) {
    .D_products_domestic_pdetail .Detail.DayTrip .TripBlock.ImgNone h3{padding-left: 70px !important;min-height:80px;}
}
@media (max-width:767px) {
    .D_products_domestic_pdetail .DetailContainer{margin-top: 3rem;}
    .D_products_domestic_pdetail .Detail .breadcrumb{display: flex;}
}
.D_products_domestic_pdetail .web-page-frame .row.header .header_top_wrap .main.row, 
.D_products_domestic_pdetail .web-page-frame .row.header .header_top_wrap .main.row.change_mt{
    padding-top: 0;
}
.D_products_domestic_pdetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
    padding-top: 85px;
}
@media (max-width:1539px) {
    .D_products_domestic_pdetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 135px;
    }
}
@media (max-width:991px) {
    .D_products_domestic_pdetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row{
        padding-top: 108px;
    }
}
@media (max-width:767px) {
    .D_products_domestic_pdetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt{
        padding-top: 68px;
    }
}

section.group_table.trip_features, 
section.group_table.trip_airline, 
section.group_table.trip_day, 
section.group_table.trip_note, 
section.group_table.view_intro, 
section.group_table.tripdown{text-align: initial; word-break: break-all;}

/*國內*/
body.D_products_domestic_gdetail{/*background: #f8f9f9;*/}
.D_products_domestic_gdetail .TripNote ol, 
.D_products_domestic_gdetail .TripNote ul, 
.D_products_domestic_molddetail .TripNote ol, 
.D_products_domestic_molddetail .TripNote ul{list-style: initial; padding-left: 25px;}
.D_products_domestic_molddetail .TripBasic .ImgBox .carousel-item, 
.D_products_domestic_gdetail .TripBasic .ImgBox .carousel-item{aspect-ratio: 3 / 2; display: block; }
@media (min-width:992px) {
    .D_products_domestic_molddetail .TripBasic .ImgBox .carousel-item, 
    .D_products_domestic_gdetail .TripBasic .ImgBox .carousel-item{max-height: 350px;}    
}
.D_products_domestic_molddetail .TripBasic .ImgBox .carousel-item img, 
.D_products_domestic_gdetail .TripBasic .ImgBox .carousel-item img{object-position: center center;}
.D_products_domestic_gdetail .DetailContainer, 
.D_products_domestic_molddetail .DetailContainer{margin-top: 8rem;margin-bottom: 3rem;}
.D_products_domestic_gdetail .GDT .DetailContainer > .Detail ol.breadcrumb{background: none !important;}
.D_products_domestic_gdetail .GDT .DetailContainer .BasicBox .TripBasic .InfoBox .PriceBlock{background: #fff;}
.D_products_domestic_gdetail .GDT .DetailContainer .TripFeature img{height: auto !important; display: block; margin: auto;}
.D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu li a:hover span, 
.D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span{color: #ef7f50 ;}
.D_products_domestic_gdetail .Detail .DateBlock .DateCenterLine{background-color: #ef7f50 ;}
.D_products_domestic_gdetail .Detail .DateBlock .SearchDate a{color: #ef7f50 ;}
.D_products_domestic_gdetail .Detail .DateBlock .SearchDate a:hover{color: #e47036;}
.D_products_domestic_gdetail .Detail .TextPrimary, 
.D_products_domestic_molddetail .Detail .TextPrimary{/*color: #ffede7;*/}
.D_products_domestic_gdetail .Detail .MainTitle::before, 
.D_products_domestic_molddetail .Detail .MainTitle::before{filter: hue-rotate(50deg);}
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link, 
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link{border: 1px solid #ef7f50 ; border-bottom-color: #ef7f50 ;color: #ef7f50 ;}
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, 
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active, 
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, 
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active, 
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover, 
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover, 
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover, 
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover{background-color: #ef7f50 ; color: white;}
.D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button, 
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button{background-color: #ffede7; color: #ef7f50 ; border: 1px solid #ffede7;}
.D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button.active:hover, 
.D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:hover:hover, 
.D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:focus:hover, 
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button.active:hover, 
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:hover:hover, 
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:focus:hover{background-color: #ef7f50 ; border: 1px solid #ef7f50 ;color: #fff;}
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before, 
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before{color: #ef7f50 ;}
.D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .table thead th, 
.D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .table thead th{border-bottom: 1px solid #ccc;}
.D_products_domestic_gdetail .Detail.DepartureDate .SearchTable button, 
.D_products_domestic_gdetail .Detail.DepartureDate .SearchTable a.btn, 
.D_products_domestic_molddetail .Detail.DepartureDate .SearchTable button, 
.D_products_domestic_molddetail .Detail.DepartureDate .SearchTable a.btn{background: #ef7f50 ; border-color: #ef7f50 ;color: #fff;}
.D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .DateCenterLine, 
.D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .DateCenterLine{background-color: #ef7f50 ;}
.D_products_domestic_gdetail .Detail.DepartureDate .SearchTable tbody .TourName > a:hover, 
.D_products_domestic_molddetail .Detail.DepartureDate .SearchTable tbody .TourName > a:hover{color: #ef7f50 ;}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{border: 1px solid #ccc;}
.D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div, 
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{background-color: #d0d2d4;}
.D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div::after, 
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #d0d2d4;}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn{/*background-color: #ffede7; border: 1px solid #ffede7;*/}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn:hover, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn:hover{/*background-color: #ffede7; border: 1px solid #ffede7;*/}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn{/*border: 1px solid #ffede7; color: #ffede7;*/}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{/*background-color: #ffede7; color: white;*/}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn.Multiple{border: 1px solid #ef7f50 ; color: #ef7f50 ;background-color: #fff;display: none;}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple:hover, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn.Multiple:hover{background-color: #ef7f50 ; color: white;}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn{display: none;}
.D_products_domestic_gdetail .Detail.Traffic .Day, 
.D_products_domestic_molddetail .Detail.Traffic .Day{ color: #E83817;}
.D_products_domestic_gdetail .Detail .TripNoteBlock, 
.D_products_domestic_molddetail .Detail .TripNoteBlock{background-color: #e2ebeb;}
.D_products_domestic_gdetail .Detail .TripNoteBlock .NoteTitle h3, 
.D_products_domestic_molddetail .Detail .TripNoteBlock .NoteTitle h3{color: #E83817;}
.D_products_domestic_gdetail .Detail .TripNoteItems + .TripNoteItems::before, 
.D_products_domestic_molddetail .Detail .TripNoteItems + .TripNoteItems::before{background: #ffede7;}

@media (min-width:992px) {
    .D_products_domestic_gdetail .sub_menu-trip .sub_inside, 
    .D_products_domestic_molddetail .sub_menu-trip .sub_inside{margin-top: -1rem;}
    .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul, 
    .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;}
    .D_products_domestic_gdetail .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_domestic_gdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, 
    .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, 
    .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, 
    .D_products_domestic_gdetail .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_domestic_gdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, 
    .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, 
    .D_products_domestic_gdetail .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: 16px;} 
    .D_products_domestic_gdetail .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: 16px;padding: 5px 16px;}
    .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, 
    .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, 
    .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, 
    .D_products_domestic_gdetail .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;}
    .D_products_domestic_gdetail .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_domestic_gdetail .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_domestic_gdetail .sub_menu-trip .trip_menu, 
    .D_products_domestic_molddetail .sub_menu-trip .trip_menu{width: 91px; margin-right: 0;margin-bottom: 70px;}
    .D_products_domestic_gdetail .sub_menu-trip .trip_menu i, 
    .D_products_domestic_molddetail .sub_menu-trip .trip_menu i{display: none;}
    .D_products_domestic_gdetail .sub_menu-trip .trip_menu ul, 
    .D_products_domestic_molddetail .sub_menu-trip .trip_menu ul{margin-bottom: 0;}
    .D_products_domestic_gdetail .sub_menu-trip .trip_menu li, 
    .D_products_domestic_molddetail .sub_menu-trip .trip_menu li{margin-bottom: 8px;}
    .D_products_domestic_gdetail .sub_menu-trip .trip_menu li a, 
    .D_products_domestic_molddetail .sub_menu-trip .trip_menu li a{line-height: 1;}
    .D_products_domestic_gdetail .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_domestic_gdetail .web_sidebar .side_box, 
    .D_products_domestic_molddetail .web_sidebar .side_box{bottom: 50px;}
    .D_products_domestic_gdetail .web_sidebar .actGotop, 
    .D_products_domestic_molddetail .web_sidebar .actGotop{bottom: 15px;}
}
@media (max-width:1600px) {
    .D_products_domestic_gdetail .DetailContainer, 
    .D_products_domestic_molddetail .DetailContainer {flex: 0 0 100%;max-width: 100%;}
}
@media (max-width:991px) {
    .D_products_domestic_gdetail .GDT .DetailContainer .BasicBox .TripBasic .DateBlock {border: 1px solid #ffede7;}
    .D_products_domestic_gdetail .Detail.DayTrip .TripBlock.ImgNone h3, 
    .D_products_domestic_molddetail .Detail.DayTrip .TripBlock.ImgNone h3{padding-left: 70px !important;min-height:80px;}
}
@media (max-width:575px) {
    .D_products_domestic_gdetail .DetailContainer{margin-top: 4rem;}
    .D_products_domestic_gdetail .Detail.DepartureDate .IconMean{top: 116px; right: 150px;}
}
.D_products_domestic_gdetail .web-page-frame .row.header .header_top_wrap .main.row, 
.D_products_domestic_gdetail .web-page-frame .row.header .header_top_wrap .main.row.change_mt, 
.D_products_domestic_molddetail .web-page-frame .row.header .header_top_wrap .main.row, 
.D_products_domestic_molddetail .web-page-frame .row.header .header_top_wrap .main.row.change_mt{
    padding-top: 0;
}

/*order*/
.group_home .group_order_width{margin-top: 175px;margin-bottom: 50px;}
#page2 .stepPage_btn > div{flex-wrap: wrap; justify-content: center; max-width: 100%; flex: 0 0 100%;}
@media (max-width:767px) {
    .group_home .group_order_width{margin-top: 140px;}
    #page2 .stepPage_btn > div > div:nth-child(1) button{margin-left: 5px;}
}

/*member*/
.new_bg .member-l_box{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
body.new_bg {background-color: #f7f7f8; background-image: unset;}
.new_bg .card-border{border-color: transparent; box-shadow: 0 0 5px rgba(35, 24, 21, 0.1);}
.new_bg .card-border .text-muted a.btn-outline-primary{color: #E83817; border-color: #E83817;}
.new_bg .card-border .text-muted a.btn-outline-primary:hover{color: #fff;background-color: #E83817;}
.new_bg .card-border form > div.text-right a.blue-txt2{color: #ef7f50;}
.new_bg .card-border form button.l_benPrimary{background: #ef7f50;transition: .2s;}
.new_bg .card-border form button.l_benPrimary:hover{background: #E83817;transition: .2s;}
.new_bg .card-border form .member-l_note .note_box a{color: #ef7f50;}
.new_bg .card-border form > div:nth-last-child(1) a{color: #ef7f50;}
.new_bg .card-border input.form-control:focus, .new_bg .card-border input:focus{border-color: #E83817;}
.new_bg .card-border.Verification-EM_wrap .EM-info{background: #FEF0EE; color: #ef7f50;}
.new_bg .card-border form > div.align-items-end a{color: #ef7f50;}
.D_member_my_login .signin_box > div:nth-child(1){display: none !important;}
.member_home .signin_width{margin-top: 150px;margin-bottom: 150px;}
.new_bg .width-460,
.member_home .width-460{margin-top: 150px;margin-bottom: 150px;}
.member_home .container.member_width{margin-top: 50px;}
.member_home.D_member_my_favorites .FavoriteList-null img{margin: auto;}
.member_home .member_width{margin-bottom: 50px;}
/*直客登入畫面調整*/
.D_member_my_login > .web-page-frame > .row:nth-child(2) .signin_box > form:nth-child(2) > div:nth-last-child(3){
    line-height: 1;
    width: auto;
    display: table;
    position: absolute;
    bottom: 30px;
    right: 30px;
}
/*同業登入畫面調整*/
.D_member_sign_signin > .web-page-frame > .row:nth-child(2) .signin_box > form > div:nth-last-child(1) > div:nth-last-child(1){line-height: 1;}

@media (max-width:991px) {
}
@media (max-width:767px) {
    .new_bg .width-460, 
    .member_home .signin_width, 
    .member_home .width-460{margin-top: 50px; margin-bottom: 50px;}
    .member_home .container.member_width{margin-top: 10px;}
}

/*通用商品*/
.D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container{margin-top: 70px;margin-bottom: 30px;min-height: 45vh;}
.D_commprod_product_list .skin_block .product-item:hover{border-color: #ef7f50;box-shadow: none;}
.D_commprod_product_list .skin_block .item-images img{width: 100%; object-fit: cover; object-position: center center; height: 100%; display: block;}
.D_commprod_product_list .skin_module .product-item .item-images{aspect-ratio: 1 / 1; display: block; height: unset;}
.D_commprod_product_list .skin_module .item-images img{object-fit: cover; object-position: center center; height: 100%;}
.D_commprod_product_list .skin_module .item-images .area-tag{display: none;}
.D_commprod_product_list .product-search .search-btn button.l_benPrimary{background: #ef7f50;}
.D_commprod_product_list .pagination .page-item.active .page-link{color: #E83817;}
.D_commprod_product_list .pagination .page-item .page-link:hover{background-color: #f3e7e3;}
.D_commprod_product_list a .product-item .item-name{font-size: 18px;color: #231815;}
.D_commprod_product_list a:hover .product-item .item-name{color: #ef7f50;}
.D_commprod_product_list .skin_list a .product-item .area-tag, 
.D_commprod_product_list .skin_list a:hover .product-item .area-tag, 
.D_commprod_product_list .skin_list a .product-item .item-sort, 
.D_commprod_product_list .skin_list a:hover .product-item .item-sort{color: #E83817;}
.product-details .swiper-banner.swiper-container{margin-top:97px;}
.product-details article:nth-last-child(1){margin-bottom: 200px;}
.product-details .basic-NonPreOrder .AddCart{color: #ef7f50; border-color: #ef7f50;}
.product-details .basic-NonPreOrder .AddCart:hover{background: #fff9f0;}
.product-details .basic-NonPreOrder .OrderNow{background-color: #ef7f50;}
.product-details .SelectDateItem_content .accordion .card .card-header .SelectDateItem_txt button{color: #ef7f50; border-color: #ef7f50;}
.product-details .SelectDateItem_content .accordion .card .card-header .SelectDateItem_txt button:hover{background: #fff9f0;border-color: transparent;}
.product-details .SelectDateItem_content .accordion .card.open button.btn-link { border-color: #707070; color: #707070;background: none;}
.product-details .SelectDateItem_content .accordion .card.open {border: 2px solid #E83817;}
.product-details .specification-list .select-num .minus-circle, 
.product-details .specification-list .select-num .plus-circle{background: #ef7f50;}
.product-details article h3.ItineraryTitle {color: #231815;}
.product-details article .parent .left, 
.product-details article .parent .right{border-color: #E3D3BC;}
.product-details .swiper-banner.swiper-container{/*margin-top:86px;*/display: none;}
.product-details.product-detailsNew article{margin-top: 150px; margin-bottom: 3rem;}
.general_home .general_order_width{margin-top: 120px;margin-bottom: 130px;}
@media (min-width:992px) {
    .product-details .SubInside{width: 100px;}
    .product-details .SubInside-menu-item > a{height: 50px;}
    .product-details .SubInside-menu-item.share-fixed-btn ul a{width: 50px;}
    .product-details .Trip-menu{padding: 10px;margin-bottom: 100px;}
    .general_home .basic_message, 
    .general_home .purchase_name{width: 60%;}
}
@media (max-width:767px) {
    .D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container{margin-top: 0px;margin-bottom: 20px;}
    .D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container .pagination-container .pagination{justify-content: center !important;}
    .product-details .swiper-banner.swiper-container {margin-top: 65px;}
    .product-details.D_commprod_product_show{padding-bottom: 40px;}
    .product-details.product-detailsNew article{margin-top: 80px;}
    .general_home .general_order_width {margin-top: 100px;}
    .basic_message, .purchase_name{padding-right: 15px;}
    .D_commprod_buycart_index .unit_price, 
    .D_commprod_buycart_index .purchase_unit_price{width: 100%; padding: 15px 15px 5px; font-size: 14px; text-align: left !important;}
    .D_commprod_buycart_index .quantity, 
    .D_commprod_buycart_index .purchase_quantity{width: 100%; padding: 0 15px; text-align: left !important;}
    .D_commprod_buycart_index .subtotal, 
    .D_commprod_buycart_index .purchase_subtotal { width: 80%; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; text-align: left !important;}
    .D_commprod_buycart_index .delete_btn, 
    .D_commprod_buycart_index .purchase_delete_btn {width: 20%; padding-right: 10px; }
    .D_commprod_buycart_index .delete_btn::before, 
    .D_commprod_buycart_index .purchase_delete_btn::before{float: left;}
    .D_commprod_buycart_index .basic_message, 
    .D_commprod_buycart_index .purchase_name{width: 100%;}
}