/*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;
    }
}

.D_products_group_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, 
.D_products_group_detail .web-page-frame .row.header .header_top_wrap .main.row, 
.D_products_group_molddetail .web-page-frame .row.header .header_top_wrap .main.row, 
.D_products_domestic_pdetail .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, 
.D_products_domestic_search .web-page-frame .row.header .header_top_wrap .main.row.change_mt, 
.D_products_group_detail .web-page-frame .row.header .header_top_wrap .main.row.change_mt, 
.D_products_group_molddetail .web-page-frame .row.header .header_top_wrap .main.row.change_mt, 
.D_products_domestic_pdetail .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, 
.D_products_domestic_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
.D_products_group_detail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
.D_products_group_molddetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
.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_group_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
    .D_products_domestic_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
    .D_products_group_detail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
    .D_products_group_molddetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
    .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_group_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
    .D_products_domestic_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
    .D_products_group_detail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
    .D_products_group_molddetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row, 
    .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_group_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt, 
    .D_products_domestic_search .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt, 
    .D_products_group_detail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt, 
    .D_products_group_molddetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt, 
    .D_products_domestic_pdetail .web-page-frame > .row:nth-child(3) > .col-md-12 > div > .row.change_mt{
        padding-top: 68px;
    }
}

/*共用*/
.order-md-last{
    order: 13;
}

/*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;
    }
}

/*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;
}