body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/*header*/
.row.header {
    position: fixed;
    width: 100%;
    z-index: 999;
}
.top_nav_wrap .main.row{
    justify-content: space-between;
    align-items: center;
}
.nav_logo{
    max-width: max-content;
    flex: unset;
}
.nav_logo .function-row .row-content li{
    max-width: max-content;
    flex: unset;
    width: auto;
    margin: 0;
}
.nav_logo .function-row .row-content li a{
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
.nav_logo .function-row .row-content li a img{
    width: auto;
    height: 60px;
}
.nav_logo .function-row .row-content li a h3{
    color: #00438a;
    margin: 0 0 5px 1rem;
    font-family: "Noto Serif TC", serif !important;
    letter-spacing: 4px;
    font-size: 20px;
    font-weight: 600;
}
.nav_icon{
    max-width: max-content;
    flex: unset;
}
.nav_icon .btn-container{
    padding-right: 9rem;
}
.nav_icon .function-row .row-content li{
    max-width: max-content;
    flex: unset;
    width: auto;
    margin: 0;
    padding: 0;
}
.nav_icon .function-row .row-content li:nth-child(1){
    position: relative;
    margin-right: 10px;
}
.nav_icon .function-row .row-content li:nth-child(1)::before{
    content: '服務專線：';
    color: #00438A;
    font-size: 1rem;
}
.nav_icon .function-row .row-content li:nth-child(1) h3{
    margin: 0;
    font-size: 21px;
}
.nav_icon .function-row .row-content li:nth-child(2) a:hover img{
    content: url(https://materials.fillo.com.tw/materials/nanlung/images/2a52188d-f8cf-45a7-8db0-62a2eb821ad7.svg);
}
.nav_icon .function-row .row-content li:nth-child(3) a:hover img{
    content: url(https://materials.fillo.com.tw/materials/nanlung/images/8ce99f5b-7e31-40be-8323-a2a5a3aed78e.svg);
}
.nav_icon .function-row .row-content li:nth-child(4) a:hover img{
    content: url(https://materials.fillo.com.tw/materials/nanlung/images/e75c2a05-f239-44b4-bb60-391376f2f227.svg);
}
.nav_icon .function-row .row-content li:nth-child(5) a:hover img{
    content: url(https://materials.fillo.com.tw/materials/nanlung/images/a9b27cc2-50ed-42b1-9849-753b8534fbcf.svg);
}
.nav_member{
    position: absolute;
    max-width: max-content;
    right: 1rem;
}
.nav_member .module-container > .main > div:nth-child(2) > a{
    border: 1px solid #00438a;
    font-size: 19px;
    padding: 3px 13px;
    font-weight: bold;
    border-radius: 10px;
    color: #00438a;
    background: #fff;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 4px;
}
.nav_member .module-container > .main > div:nth-child(2) > a:hover{
    color: #fff;
    background: #00438a;
}
.nav_member .module-container > .main > div:nth-child(2) > a span[data-rel=memberinfo]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.nav_member .showName{
    padding: 0 25px 0 0;
}
.nav_member .showName .member-name{
    font-size: 16px;
}
.nav_member .showName .member-name i{
    margin-right: -5px;
    margin-left: -11px;
    font-size: 15px;
}
.nav_member .showName .member-name .greet, 
.nav_member .showName .icon.bell{
    display: none;
}
.nav_member .showName .SignOut{
    margin-left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 4px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 1px 4px 1px 3px;
    background: #3777b7;
    display: flex;
    align-items: center;
}
.menu_box .header-part{
    background-color: #3777B7 !important;
    padding: 0;
}
.menu_box .header-part .navbar-brand{
    display: none;
}
.menu_box .navbar-expand-lg .navbar-nav{
    width: 100%;
    justify-content: center;
    border-bottom: 1px solid #fff;
}
.menu_box .header-part .navbar-nav li > a, 
.menu_box .header-part .navbar-nav li > .nav-link{
    padding: 5px 20px;
    font-size: 22px;
    letter-spacing: 0;
}
.menu_box .header-part .navbar-nav li:hover > a, 
.menu_box .header-part .navbar-nav li:hover > .nav-link, 
.menu_box .header-part .navbar-nav li > a:hover, 
.menu_box .header-part .navbar-nav li > .nav-link:hover{
    background: #00438a;
    font-weight: bold;
}
.menu_box .header-part .navbar-nav li.dropdown .dropdown-menu{
    left: 50%;
    transform: translate(-50%, 0px);
    border-top: 1px solid #fff;
}
.menu_box .header-part .navbar-nav li.dropdown .dropdown-menu a{
    background: #3777b7;
    color: #fff;
    font-size: 19px;
    line-height: 1.1;
    padding: 10px 1rem;
    letter-spacing: 0;
    text-align: center;
}
.menu_box .header-part .navbar-nav li.dropdown .dropdown-menu a:hover{
    background: #00438a;
    font-weight: bold;
}
@media (max-width:1279px) {
    .nav_logo .function-row .row-content li a h3{
        letter-spacing: 2px;
        font-size: 18px;
    }
    .menu_box .header-part .navbar-nav li > a, 
    .menu_box .header-part .navbar-nav li > .nav-link{
        padding: 5px 10px;
        font-size: 21px;
    }
    .menu_box .header-part .navbar-nav li.dropdown .dropdown-menu a{
        font-size: 18px;
        padding: 10px;
    }
}
@media (max-width:1049px) {
    .nav_logo .function-row .row-content li a img{
        height: 50px;
    }
    .nav_logo .function-row .row-content li a h3{
        font-size: 16px;
        margin-left: 10px;
    }
    .nav_icon .btn-container{
        padding-right: 8.5rem;
    }
    .nav_icon .function-row .row-content li a{
        padding: 10px 3px;
    }
    .nav_icon .function-row .row-content li a img{
        width: 26px;
    }
    .nav_icon .function-row .row-content li:nth-child(1){
        margin-right: 5px;
    }
    .nav_icon .function-row .row-content li:nth-child(1)::before{
        font-size: 15px;
    }
    .nav_icon .function-row .row-content li:nth-child(1) h3{
        font-size: 20px;
    }
    .nav_member{
        right: 10px;
    }
    .nav_member .module-container > .main > div:nth-child(2) > a{
        font-size: 18px;
        padding: 2px 10px;
    }
    .menu_box .header-part .navbar-nav li > a, 
    .menu_box .header-part .navbar-nav li > .nav-link{
        font-size: 20px;
        line-height: 34px;
    }
}
@media (max-width:991px) {
    .top_nav_wrap .main.row{
        padding-top: 40px;
    }
    .nav_logo{
        z-index: 5;
    }
    .nav_icon{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #d6eefb;
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 10rem;
        padding-left: 8.5rem;
    }
    .nav_icon .btn-container{
        padding-right: 0;
    }
    .nav_icon .function-row .row-content{
        justify-content: center;
    }
    .nav_icon .function-row .row-content li a{
        padding: 7px 3px;
    }
    .nav_member{
        top: 8px;
    }
    .nav_member .module-container > .main > div:nth-child(2) > a{
        font-size: 16px;
    }
    .menu_box{
        z-index: 1;
        margin-top: -3.5rem;
    }
    .menu_box .header-part{
        background-color: #fff !important;
        justify-content: end;
    }
    .menu_box .header-part .navbar-toggler{
        background: #3777b7;
        margin-right: 15px;
        padding: 4px 7px;
        border-radius: 8px;
    }
    .menu_box .header-part .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .menu_box .navbar-collapse.show{
        min-height: calc(100vh - 82px);
    }
    .menu_box .navbar-expand-lg .navbar-nav{
        margin-top: 0.5rem;
        background: #3777b7;
        height: calc(100vh - 88px);
        justify-content: flex-start;
        border: none;
        overflow: auto;
    }
    .menu_box .navbar-expand-lg .navbar-nav .nav-item{
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .menu_box .header-part .navbar-nav li:hover > a, 
    .menu_box .header-part .navbar-nav li:hover > .nav-link, 
    .menu_box .header-part .navbar-nav li > a:hover, 
    .menu_box .header-part .navbar-nav li > .nav-link:hover{
        background: transparent;
    }
    .menu_box .dropdown-toggle i.fa.fa-indicator{
        z-index: 1;
        line-height: 45px;
        height: 45px;
    }
    .menu_box .header-part .navbar-nav li.dropdown .dropdown-menu{
        transform: unset;
        border: none;
        box-shadow: none !important;
    }
    .menu_box .header-part .navbar-nav li.dropdown .dropdown-menu a{
        padding: 10px 15px 10px 37px;
        background: #00438a;
        text-align: left;
    }
}
@media (max-width:575px) {
    .top_nav_wrap .main.row{
        padding-top: 33px;
    }
    .nav_logo .function-row .row-content li a{
        padding: 8px 0px;
    }
    .nav_logo .function-row .row-content li a img{
        height: 40px;
    }
    .nav_logo .function-row .row-content li a h3{
        margin-left: 5px;
        font-size: 13px;
        letter-spacing: 0px;
        margin-bottom: 2px;
    }
    .nav_icon{
        padding-left: 0;
        padding-right: 9rem;
    }
    .nav_icon .function-row .row-content{
        justify-content: flex-start;
        padding-left: 1.5rem;
    }
    .nav_icon .function-row .row-content li:nth-last-child(1), 
    .nav_icon .function-row .row-content li:nth-last-child(2){
        display: none;
    }
    .nav_icon .function-row .row-content li a{
        padding: 6px 5px 3px;
    }
    .nav_icon .function-row .row-content li:nth-child(1) a{
        padding-left: 0;
    }
    .nav_icon .function-row .row-content li a img{
        width: 25px;
    }
    .nav_icon .function-row .row-content li:nth-child(1)::before{
        content: '\f2a0';
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: 18px;
    }
    .nav_icon .function-row .row-content li:nth-child(1) h3{
        font-size: 16px;
    }
    .nav_member{
        top: 4px;
    }
    .nav_member .module-container > .main > div:nth-child(2) > a{
        padding: 1px 4px;
        font-size: 15px;
    }
    .nav_member .showName{
        padding: 0 35px 0 0;
    }
    .nav_member .showName .member-name i{
        margin-left: -2px;
    }
    .menu_box{
        margin-top: -3rem;
    }
    .menu_box .header-part .navbar-toggler{
        margin-right: 10px;
        padding: 4px 5px;
    }
}
@media (max-width:320px) {
    .nav_logo .function-row .row-content li a h3{
        display: none;
    }
    .nav_icon .function-row .row-content li a {
        padding: 3px 0px 6px 3px;
        display: inline-flex;
    }
    .nav_icon .function-row .row-content li a img {
        width: 21px;
    }
    .nav_icon .function-row .row-content li:nth-child(1){
        margin-right: 3px;
    }
    .nav_icon .function-row .row-content li:nth-child(1)::before{
        font-size: 16px;
    }
    .nav_icon .function-row .row-content li:nth-child(1) a{
        padding: 3px 0;
    }
    .nav_icon .function-row .row-content li:nth-child(1) h3 {
        font-size: 12px;
        letter-spacing: -0.5px;
    }
    .nav_member .module-container > .main > div:nth-child(2) > a{
        margin-bottom: 0;
        padding: 0px 4px;
    }
    .nav_member .showName .member-name {
        font-size: 14px;
    }
    .nav_member .showName .member-name i{
        font-size: 13px;
    }
    .nav_member .showName .SignOut{
        bottom: 0;
    }
}

/*footer*/
.tail_box .footer-wrap{
    background: #c0e9f9;
}
.tail_box .footer-wrap .footer_nav li a{
    padding: 9px 25px;
    font-size: 20px;
    line-height: 1.3;
}
.tail_box .footer-wrap .footer_center{
    background: #c0e9f9;
    padding-bottom: 0;
    max-width: 1470px;
}
.tail_box .footer-wrap .footer_center .company-info{
    max-width: 25%;
    flex: 0 0 25%;
    margin-top: 1.5rem !important;
}
.tail_box .footer-wrap .info_box a img{
    max-width: 100%;
    height: 60px;
    display: table;
    margin: auto;
}
.tail_box .footer-wrap .info_box h3{
    font-size: 21px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 15px;
    color: #000;
}
.tail_box .footer-wrap .contact-info{
    margin-top: 0 !important;
    max-width: 75%;
    flex: 0 0 75%;
}
.tail_box .footer-wrap .contact-info .contact-box{
    padding: 0 10px;
}
.tail_box .footer-wrap .contact-info .contact-box a h4{
    margin: 8px 0;
    color: #000;
    font-size: 17px;
}
.tail_box .footer-wrap .contact-info .contact-box:nth-child(1) a:nth-child(2) h4{
    font-size: 22px;
    margin-bottom: 16px;
}
.tail_box .footer-wrap .contact-info .contact-box:nth-last-child(1) a:nth-last-child(1) h4{
    font-size: 14px;
    line-height: 1.3;
    margin-top: 14px;
    margin-bottom: 5px;
}
.tail_box .footer-wrap .fb-info, 
.tail_box .footer-wrap .footer_sbox, 
.tail_box .footer-wrap .icon_wrap{
    display: none;
}
@media (max-width:1199px) {
    .tail_box .footer-wrap .info_box a.info-logo{
        max-width: 100%;
        flex: 0 0 100%;
        margin: auto;
    }
    .tail_box .footer-wrap .info_box .info-text{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .tail_box .footer-wrap .info_box h3{
        font-size: 18px;
    }
}
@media (max-width:991px) {
    .tail_box .footer-wrap .footer_nav li a{
        font-size: 18px;
    }
    .tail_box .footer-wrap .footer_center .company-info, 
    .tail_box .footer-wrap .contact-info{
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/*web side*/
.web_side .side_box{
    bottom: 170px;
}
.web_side .side_box .side_bar{
    width: 50px;
    padding: 10px 5px;
    border-color: #d9eeff;
    box-shadow: none;
    margin-bottom: 0;
}
.web_side .side_box .side_bar li{
    padding: 8px 0;
}
.web_side .side_box .side_bar li img{
    width: 35px;
}
.web_side .side_box .side_bar li:nth-child(1) a:hover img{
    content: url(https://materials.fillo.com.tw/materials/nanlung/images/068e871c-48bf-45bf-89e8-631f6328a62a.svg);
}
.web_side .side_box .side_bar li:nth-child(2) a:hover img{
    content: url(https://materials.fillo.com.tw/materials/nanlung/images/30589b61-886a-4d55-ab0c-8d0fb5120e22.svg);
}
.web_side .side_box .side_bar li:nth-child(3) a:hover img{
    content: url(https://materials.fillo.com.tw/materials/nanlung/images/ba60d265-2d53-4479-8a09-43efa087c9a8.svg);
}
.web_side .side_bar li a p{
    margin: 0;
}
.web_side .actGotop{
    width: 50px;
    right: 10px;
}
.web_side .module-wrapper .actGotop a{
    font-size: 21px;
    width: 50px;
    height: auto;
    line-height: 1.15;
    padding: 28px 10px 12px;
}
.web_side .module-wrapper .actGotop a:hover{
    color: #cff8ff !important;
}
.web_side .module-wrapper .actGotop a i{
    width: 50px;
    font-size: 34px;
}
@media (max-width:991px) {
    .web_side .side_box{
        display: none;
    }
    .web_side .actGotop {
        width: 40px;
        right: 5px;
    }
    .web_side .module-wrapper .actGotop a {
        font-size: 18px;
        width: 40px;
    }
    .web_side .module-wrapper .actGotop a i {
        width: 40px;
        font-size: 29px;
    }
}

/*index modal*/
.bulletin .waves-effect {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.bulletin .modal-dialog{
    max-width: max-content;
    margin: 5rem auto 3rem;
}
.bulletin .modal-dialog .modal-content {
    border: 0;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.bulletin .modal-dialog.modal-notify .modal-header {
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.bulletin .modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #3777B7;
    border-radius: 0;
    /*padding: 8px 15px;*/
    padding: 0;
}
.bulletin .modal-dialog.modal-notify.modal-info .modal-header .close{
    margin-top: -10px;
}

.bulletin .modal-dialog.modal-notify.modal-info .fas,
.bulletin .modal-dialog.modal-notify.modal-info .fab,
.bulletin .modal-dialog.modal-notify.modal-info .far {
    color: #3777B7;
}

.bulletin .modal-dialog.modal-notify.modal-info .badge {
    background-color: #3777B7;
}
.bulletin .modal-dialog.modal-notify .heading {
    padding: 0.3rem;
    margin: 0;
    font-size: 1.3rem;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
}

.bulletin .modal-dialog.modal-notify.modal-info .btn .fas,
.bulletin .modal-dialog.modal-notify.modal-info .btn .fab,
.bulletin .modal-dialog.modal-notify.modal-info .btn .far {
    color: #fff
}

.bulletin .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas,
.bulletin .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab,
.bulletin .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far {
    color: #3777B7;
}
.bulletin .modal-header .close span{color:#fff;}
.bulletin .modal-dialog.modal-notify .modal-body {
    /*padding: 1.5rem;*/
    padding: 0;
    color: #616161;
}
.bulletin .modal-dialog.modal-notify .modal-body p{
    margin: 0;
}
.bulletin .modal-dialog.modal-notify .modal-body img{
    max-width: 100%;
    width: 100%;
    display: table;
    margin: 0 auto;
}
.bulletin .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.bulletin .modal-dialog.modal-notify .modal-footer{
    border: none;
    padding: 10px;
}
.bulletin .btn {
    /*margin: 0.375rem;*/
    margin: 0;
    color: inherit;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: 0.25rem;
    /*-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;*/
    padding: 0.5rem 1.5rem;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.bulletin .btn-outline-info {
    color: #447291 !important;
    background-color: #c7def9 !important;
    border: 0px solid #c7def9 !important
}

.bulletin .btn-outline-info:hover,
.bulletin .btn-outline-info:focus,
.bulletin .btn-outline-info:active,
.bulletin .btn-outline-info:active:focus,
.bulletin .btn-outline-info.active {
    color: #447291 !important;
    background-color: #c7def9 !important;
    border-color: #c7def9 !important
}

.bulletin .btn-outline-info:not([disabled]):not(.disabled):active,
.bulletin .btn-outline-info:not([disabled]):not(.disabled).active,
.bulletin .show>.btn-outline-info.dropdown-toggle {
    background-color: transparent !important;
    border-color: #447291 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

.bulletin .btn-outline-info:not([disabled]):not(.disabled):active:focus,
.bulletin .btn-outline-info:not([disabled]):not(.disabled).active:focus,
.bulletin .show>.btn-outline-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}
@media (max-width:767px) {
    .bulletin .modal-dialog{
        margin-top: 3rem;
    }
    .bulletin .modal-dialog.modal-notify .modal-body{
        /*padding: 1rem;*/
        padding: 0;
    }
    .bulletin .btn-outline-info{
        margin: 0;
        font-size: 16px;
        padding: 0.3rem 1rem;
    }
}

/*slider*/
.slider_wrap{
    margin-top: 130px;
}
.idx_slider_box .rslides {
    margin: 0;
}
.idx_slider_box .rslides .slide1 a {
    overflow: hidden;
    z-index: 0;
}
.idx_slider_box .slider-container {
    max-width: 100%;
}
.idx_slider_box ul.thumb {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: 1600px;
    transform: translate(-50%, 0);
    margin: 0;
    display: -ms-flexbox;
    display: flex;
}
.idx_slider_box .thumb li {
    flex: 1;
    display: flex;
    justify-content: center;
    line-height: 20px;
    padding-top: 0;
    margin: 0 0 20px;
    text-align: left;
    color: #ffffff;
    width: auto !important;
    transition: all .4s ease;
}
.idx_slider_box .thumb li.active {
    flex: 2;
    color: #3777b7;
}
.idx_slider_box .thumb li.active:after {
    display: none;
}
.idx_slider_box .thumb li:nth-child(2).active,.idx_slider_box .thumb li:nth-child(3).active, .idx_slider_box .thumb li:nth-child(4).active,.idx_slider_box .thumb li:nth-child(5).active {
    color: #3777b7;
}
.idx_slider_box .thumb li.active span::after {
    opacity: 1;
}
.idx_slider_box .thumb li span {
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-weight: 600;
    width: calc( 100% - 50px);
    transition: all .4s ease;
}
.idx_slider_box .thumb li.active span,.idx_slider_box .thumb li:nth-child(2).active span, .idx_slider_box .thumb li:nth-child(3).active span,.idx_slider_box .thumb li:nth-child(4).active span, .idx_slider_box .thumb li:nth-child(5).active span {
    border-bottom: 1px solid transparent;
    font-size: 20px;
    font-weight: 600;
    padding: 8px;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
}
.idx_slider_box .thumb li + li:before {
    display: none;
}
.idx_slider_box .slider::after {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.7));
    width: 100%;
    height: 140px;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.idx_slider_box .rslides a img {
    /*-webkit-animation-name: scaleDraw;
    animation-name: scaleDraw;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;*/
}
@media(max-width: 1460px) {
    .idx_slider_box ul.thumb {
        max-width: 100%;
        min-width: 100%;
    }
}
@media (max-width:1399px) {
    .idx_slider_box .thumb li span{
        font-size: 16px;
    }
    .idx_slider_box .thumb li.active span, .idx_slider_box .thumb li:nth-child(2).active span, .idx_slider_box .thumb li:nth-child(3).active span, .idx_slider_box .thumb li:nth-child(4).active span, .idx_slider_box .thumb li:nth-child(5).active span{
        font-size: 18px;
        padding: 5px;
    }
}
@media (max-width:1049px) {
    .slider_wrap{
        margin-top: 115px;
    }
}
@media (max-width:991px) {
    .slider_wrap{
        margin-top: 110px;
    }
    .idx_slider_box ul.thumb {
        max-width: 95%;
    }
    .idx_slider_box .thumb li span {
        color: transparent;
        font-size: 0;
        border-bottom: 1px solid rgb(255 255 255 / 60%);
        width: calc(100% - 20px);
        padding-bottom: 10px;
        line-height: 1.2;
    }
    .idx_slider_box .thumb li.active span {
        color: inherit;
    }
    .idx_slider_box .thumb li.active span,.idx_slider_box .thumb li:nth-child(2).active span,.idx_slider_box .thumb li:nth-child(3).active span, .idx_slider_box .thumb li:nth-child(4).active span {
        font-size: 15px;
    }
}
@media (max-width:767px) {
    .idx_slider_box .slider {
        margin-bottom: 0;
    }
    .idx_slider_box .thumb li span {
        width: calc( 100% - 20px);
        white-space: normal;
    }
    .idx_slider_box .thumb li.active span, .idx_slider_box .thumb li:nth-child(2).active span, .idx_slider_box .thumb li:nth-child(3).active span, .idx_slider_box .thumb li:nth-child(4).active span{
        font-size: 14px;
    }
}
@media (max-width:575px) {
    .slider_wrap{
        margin-top: 89px;
    }
}

/*page btn*/
.page_btn {
    max-width: 1152px;
    flex: 0 0 1152px;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.page_btn div.link-list{
    background: none;
    min-height: unset;
}
.page_btn div.link-list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.page_btn div.link-list ul li a, 
.page_btn div.link-list ul li span{
    border: 1px solid #71aecc;
    background: #fff;
    margin: 5px;
    border-radius: 8px;
    padding: 5px 10px 5px 7px;
    letter-spacing: 0.5px;
    line-height: 1.5;
}
.page_btn div.link-list ul li a:hover, 
.page_btn div.link-list ul li span:hover{
    background: #71aecc;
}
@media (max-width:1169px) {
    .page_btn{
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (max-width:1049px) {
    .page_btn div.link-list ul li a, 
    .page_btn div.link-list ul li span{
        padding: 3px 10px 3px 7px;
        font-size: 20px !important;
    }
}

/*block title*/
.block_title{
    max-width: 85%;
    flex: 0 0 85%;
    margin-top: 1rem;
}
.block_title h2{
    color: #00438a;
    font-family: "Noto Serif TC", serif !important;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 36px;
    padding-bottom: 10px;
    border-bottom: 1px solid #29abe2;
}
@media (max-width:1279px) {
    .block_title{
        max-width: 95%;
        flex: 0 0 95%;
    }
}
@media (max-width:1049px) {
    .block_title h2{
        font-size: 30px;
        letter-spacing: 2px;
    }
}

/*tabs box*/
.tabs_box .blk-tabs{
    order: 1;
    margin-top: 0.5rem;
    margin-bottom: 5px;
}
.tabs_box .blk-tabs ul.nav .nav-link{
    font-size: 23px;
    color: #000;
    border: 1px solid #29abe2;
    margin: 5px 8px 0;
    padding: 5px 15px;
    border-radius: 15px;
}
.tabs_box .blk-tabs ul.nav .nav-link:hover{
    color: #fff;
    background-color: #3777b7;
    border-color: #3777b7;
}
.tabs_box ul.nav .nav-link.active, 
.tabs_box ul.nav .show>.nav-link{
    color: #fff;
    background-color: #3777b7;
    border-color: #3777b7;
}
@media (max-width:1049px) {
    .tabs_box .blk-tabs ul.nav .nav-link{
        font-size: 20px;
        padding: 3px 15px;
    }
}

/*popular*/
.popular_box {
    max-width: 85%;
    flex: 0 0 85%;
    margin-bottom: 2rem;
}
.popular_box .swiper-slide-style{
    border-radius: 16px;
    box-shadow: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.popular_box .swiper-slide .swiper-img{
    aspect-ratio: 1 / 1.5;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
    background: rgba(68, 114, 145, 1);
}
.popular_box .swiper-slide .swiper-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
    opacity: 1;
    transform: scale(1);
    transition: .2s;
}
.popular_box .swiper-slide .swiper-img:hover img{
    transition: .2s;
    transform: scale(1.15);
    opacity: 0.25;
}
.popular_box .swiper-slide .swiper-content{
    overflow: unset;
    position: absolute;
    bottom: 2rem;
    background: rgba(255, 255, 255, 0.85);
    padding: 12px 15px 15px;
    width: calc(100% - 30px);
    display: table;
    font-size: 18px;
    color: #545251;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: left;
    line-height: 1.3;
    margin-bottom: 0;
}
.popular_box .swiper-slide .swiper-content h3{
    font-size: 24px;
    letter-spacing: 0.5px;
    color: #1b1464;
}
.popular_box .swiper-button-prev.swiper-button-disabled, 
.popular_box .swiper-button-next.swiper-button-disabled{
    display: none;
}
.popular_box .swiper-button-prev.swiper-button-white, 
.popular_box .swiper-button-next.swiper-button-white{
    width: 54px;
    height: 54px;
    border-top: 1px solid #71aecc;
    opacity: 1;
}
.popular_box .swiper-button-prev.swiper-button-white{
    border-left: 1px solid #71aecc;
    transform: rotate(-45deg) translate(0%, -50%);
    left: 0;
}
.popular_box .swiper-button-next.swiper-button-white{
    border-right: 1px solid #71aecc;
    transform: rotate(45deg) translate(0%, -50%);
    right: 0;
}
.popular_box .swiper-button-white::after{
    padding: 0;
    background: none;
    font-size: 0;
}
@media (max-width:1279px) {
    .popular_box {
        max-width: 95%;
        flex: 0 0 95%;
    }
    .popular_box .swiper-button-next.swiper-button-white{
        right: 1rem;
    }
    .popular_box .swiper-button-prev.swiper-button-white{
        left: 1rem;
    }
    .popular_box .swiper-slide .swiper-content{
        padding: 8px 10px 10px;
        width: calc(100% - 24px);
        font-size: 17px;
    }
    .popular_box .swiper-slide .swiper-content h3{
        font-size: 22px;
        margin-bottom: 5px;
    }
}
@media (max-width:1049px) {
    .popular_box .swiper-slide .swiper-content{
        bottom: 1rem;
        width: calc(100% - 15px);
    }
    .popular_box .swiper-button-prev.swiper-button-white, 
    .popular_box .swiper-button-next.swiper-button-white{
        width: 40px;
        height: 40px;
    }
}

/*theme*/
.theme_wrap .main.row{
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}
.theme_box {
    max-width: 85%;
    flex: 0 0 85%;
    margin-bottom: 2rem;
}
.theme_box .header-title{
    text-align: center;
    font-size: 24px;
    color: #29abe2;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 0.5rem;
    line-height: 1.3;
}
.theme_box .mix-wrapper{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
}
.theme_box .mix-wrapper > .row{
    width: calc(25% - 30px);
    margin: 0 15px;
}
.theme_box .img-mode{
    margin-bottom: 0;
    padding: 0;
}
.theme_box .img-mode .img-box a{
    aspect-ratio: 4 / 3;
    display: block;
    position: relative;
}
.theme_box .img-mode .img-box a::before{
    content: '';
    display: block;
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.65);
    background-color: rgba(68, 114, 145, 0);
    transition: .2s;
}
.theme_box .img-mode .img-box:hover a::before{
    background-color: rgba(68, 114, 145, 0.75);
    transition: .2s;
}
.theme_box .img-mode .img-box h2{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    width: calc(100% - 100px);
    text-align: center;
    transition: .2s;
    z-index: 9;
}
.theme_box .img-mode .img-box:hover h2{
    top: calc(50% - 1.5rem);
    transition: .2s;
}
.theme_box .img-mode .img-box h4{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    width: calc(100% - 100px);
    text-align: center;
    opacity: 0;
    transition: .2s;
    z-index: 9;
}
.theme_box .img-mode .img-box:hover h4{
    top: calc(50% + 1.5rem);
    opacity: 1;
    transition: .2s;
}
.theme_box .img-mode .img-box h5{
    position: absolute;
    right: 32px;
    bottom: 32px;
    background: #fff;
    font-size: 13px;
    color: #545251;
    padding: 2px 18px 2px 8px;
    margin: 0;
    z-index: 9;
    opacity: 0;
    transition: .2s;
}
.theme_box .img-mode .img-box h5::before{
    content: '\f105';
    display: block;
    font: normal normal normal 14px / 1 FontAwesome;
    color: #eb5e00;
    font-size: 16px;
    position: absolute;
    right: 8px;
    bottom: 1px;
}
.theme_box .img-mode .img-box:hover h5{
    opacity: 1;
    transition: .2s;
}
.theme_box .img-mode .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.theme_box .editor-content{
    margin: 0;
    padding: 10px 15px;
    background: #d6eefb;
    position: relative;
}
.theme_box .editor-content:hover{
    background: #c8e3f3;
}
.theme_box .editor-content::before{
    /*content: '更多';
    display: block;
    font-size: 13px;
    color: #545251;
    position: absolute;
    bottom: 13px;
    right: 25px;*/
}
.theme_box .editor-content::after{
    content: '\f105';
    display: block;
    font: normal normal normal 14px / 1 FontAwesome;
    color: #eb5e00;
    font-size: 16px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    transition: .2s;
}
.theme_box .editor-content:hover::after{
    right: 12px;
    transition: .2s;
}
.theme_box .editor-content a{
    text-decoration: none;
}
.theme_box .editor-content > div > a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: end;
    padding-right: 25px;
    padding-bottom: 13px;
    font-size: 13px;
    color: #545251;
}
.theme_box .editor-content:hover > div > a{
    color: #eb5e00;
}
.theme_box .editor-content h3, 
.theme_box .editor-content h3 a{
    color: #545251;
    font-size: 18px;
    line-height: 1.3;
}
.theme_box .editor-content h3{
    padding: 0 0px 10px;
    border-bottom: 1px solid #ccc;
}
.theme_box .editor-content:hover h3{
    font-weight: bold;
    color: #333;
}
.theme_box .editor-content span{
    font-size: 16px;
    color: #000;
    font-weight: bold;
    width: 100%;
    display: table;
    padding-right: 3rem;
}
@media (max-width:1279px) {
    .theme_box{
        max-width: 95%;
        flex: 0 0 95%;
    }
    .theme_box .mix-wrapper > .row{
        width: calc(25% - 20px);
        margin: 0 10px;
    }
    .theme_box .img-mode .img-box a::before{
        top: 20px;
        bottom: 20px;
        left: 20px;
        right:20px;
    }
    .theme_box .img-mode .img-box h2{
        width: calc(100% - 50px);
        font-size: 30px;
    }
    .theme_box .img-mode .img-box h4{
        width: calc(100% - 50px);
        font-size: 20px;
    }
    .theme_box .img-mode .img-box:hover h4{
        top: calc(50% + 1rem);
    }
    .theme_box .img-mode .img-box h5{
        right: 20px;
        bottom: 20px;
    }
    .theme_box .editor-content h3, 
    .theme_box .editor-content h3 a{
        font-size: 17px;
    }
}
@media (max-width:1049px) {
    .theme_box .header-title{
        font-size: 22px;
    }
    .theme_box .img-mode .img-box h2{
        font-size: 26px;
    }
    .theme_box .img-mode .img-box h4{
        font-size: 18px;
    }
}
@media (max-width:991px) {
    .theme_box .mix-wrapper > .row{
        width: calc(50% - 20px);
    }
}
@media (max-width:575px) {
    .theme_box .mix-wrapper > .row{
        width: calc(100% - 20px);
    }
}

/*review*/
.review_wrap .main.row{
    padding-top: 1.5rem;
}
.review_box {
    margin-top: 1rem;
    max-width: 85%;
    flex: 0 0 85%;
}
.review_box .WidgetBackground__StyledWidgetBackground-sc-bndanh-0 > div:nth-last-child(1) > div > a{
    cursor: default;
}
.review_box .WidgetBackground__StyledWidgetBackground-sc-bndanh-0 > div:nth-last-child(1) > div > a::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 999;
}
.review_box .WidgetBackground__StyledWidgetBackground-sc-bndanh-0 > div:nth-last-child(1) > div > a > div:nth-last-child(1){
    opacity: 0;
}
.review_box .eapps-widget:hover .eapps-widget-toolbar{
    opacity: 0 !important;
}
@media (max-width:1279px) {
    .review_box {
        max-width: 95%;
        flex: 0 0 95%;
    }
}
@media (max-width:575px) {
    .review_box .eapps-widget-toolbar-panel-wrapper{
        overflow: hidden;
    }
}

/*theme page*/
.themepage_wrap .main.row{
    justify-content: center;
}
.themepage_top .main.row{
    padding-top: 150px;
}
.themepage_title{
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}
.themepage_title .link.text-link{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.themepage_title section.text-link h2{
    font-family: "Noto Serif TC", serif !important;
}
.themepage_title div.link-list{
    background: none;
    min-height: unset;
}
.themepage_title div.link-list ul li a, 
.themepage_title div.link-list ul li span{
    font-family: "Noto Serif TC", serif !important;
    padding: 10px;
}
.discount_box{
    flex: 0 0 calc(1570px / 3);
    max-width: calc(1570px / 3);
}
.discount_box .link.text-link{
    width: calc(100% - 20px);
    margin: 10px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.discount_box .link.text-link div.link-list{
    background: none;
    min-height: unset;
    width: 100%;
}
.discount_box .link.text-link div.link-list ul{
    display: flex;
    flex-wrap: wrap;
}
.discount_box div.link-list ul li i{
    display: none;
}
.discount_one section.text-link h2{
    font-weight: bold;
    padding: 10px 5px;
    line-height: 1.5;
    width: 90px;
    text-align: center !important;
    letter-spacing: 1px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.discount_one .link.text-link div.link-list{
    width: calc(100% - 90px);
}
.discount_one .link.text-link div.link-list ul{
    align-content: space-evenly;
    height: 100%;
    padding: 6px 0;
}
.discount_one div.link-list ul li{
    width: 100%;
    line-height: 1;
}
.discount_one div.link-list ul li a, 
.discount_one div.link-list ul li span{
    padding: 4px 10px;
    line-height: 1;
}
.discount_blue section.text-link h2{
    background: #0071bc;
    position: relative;
}
.discount_blue section.text-link h2::before{
    content: '';
    display: block;
    /*height: 2px;
    background: #f0f7ff;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 1px);*/
}
.discount_blue .link.text-link div.link-list{
    background: rgba(10, 81, 112, 0.8);
}
.discount_yellow section.text-link h2{
    background: #ba8000;
}
.discount_yellow .link.text-link div.link-list{
    background: rgba(109, 92, 11, 0.8);
}
.discount_two div.link-list ul li:nth-child(1){
    width: 90px;
    background: #0a6611;
    margin-bottom: 1px;
}
.discount_two div.link-list ul li:nth-child(3){
    width: 90px;
    background: #910606;
    margin-top: 1px;
}
.discount_two div.link-list ul li:nth-child(1) a, 
.discount_two div.link-list ul li:nth-child(1) span, 
.discount_two div.link-list ul li:nth-child(3) a, 
.discount_two div.link-list ul li:nth-child(3) span{
    font-size: 36px !important;
    font-weight: bold;
    padding: 10px 5px;
    line-height: 1.2;
    height: 100%;
    width: 100%;
    text-align: center;
}
.discount_two div.link-list ul li:nth-child(2){
    width: calc(100% - 90px);
    background: rgba(61, 99, 56, 0.8);
    margin-bottom: 1px;
}
.discount_two div.link-list ul li:nth-child(4){
    width: calc(100% - 90px);
    background: rgba(96, 55, 55, 0.8);
    margin-top: 1px;
}
.discount_two div.link-list ul li:nth-child(2) a, 
.discount_two div.link-list ul li:nth-child(2) span, 
.discount_two div.link-list ul li:nth-child(4) a, 
.discount_two div.link-list ul li:nth-child(4) span{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 10px;
}
.themepage_left{
    max-width: 790px;
    flex: 0 0 790px;
    /*max-width: calc(83.33333% - 790px);
    flex: 0 0 calc(83.33333% - 790px);*/
}
.themepage_box{
    margin-top: 2.5rem;
    max-width: 790px;
    flex: 0 0 790px;
}
.themepage_box .expand-graphics .item_box{
    background: rgba(51, 51, 51, 0.75);
    padding: 0 20px;
    position: relative;
    margin: 0rem 0 20px;
}
.themepage_box .expand-graphics .item_box a{
    display: flex;
    flex-wrap: wrap;
    cursor: default;
}
.themepage_box .expand-graphics .item_box figure{
    width: auto;
    border-radius: 0;
}
.themepage_box .expand-graphics .item_box figure img{
    width: auto;
}
.themepage_box .expand-graphics .item_box:hover figure img{
    opacity: 1;
}
.themepage_box .expand-graphics .item_box a > h3{
    font-size: 32px;
    line-height: 1.2;
    color: #fff;
    font-weight: bold;
    padding-left: 1.5rem;
    padding-right: 9rem;
    width: calc(100% - 56px);
    margin-top: 10px;
    cursor: pointer;
}
.themepage_box .expand-graphics .item_box a > h3:hover{
    color: #ccfffe;
}
.themepage_box .expand-graphics .item_box a > span:nth-child(3){
    font-size: 24px;
    color: #e6e6e6;
    padding-left: 5rem;
    line-height: 1.2;
}
.themepage_box .expand-graphics .item_box .item_more_txt{
    width: 100%;
    height: 72px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    align-content: baseline;
    background: #fff;
    padding: 7px 7rem 10px 8px;
    margin-top: 1.5rem;
}
.themepage_box .expand-graphics .item_box .item_more_txt span.item_tag{
    min-height: 23px;
    padding: 0px 4px;
    margin: 1px 2px;
}
.themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(odd) {
    font-size: 18px;
}
.themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(odd):hover{
    color: #0071BC !important; 
}
.themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(even) {
    padding: 0 6px;
}
.themepage_box .expand-graphics .item_box h4{
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    font-size: 25px;
    color: #ffff00;
    margin: 0;
    letter-spacing: 0.5px;
}
.themepage_box .expand-graphics .item_box h4::before{
    content: '現金優惠價 NT';
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 3px;
}
.themepage_box .expand-graphics .item_box h4::after{
    content: '起';
    display: inline-block;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    margin-left: 2px;
}
.themepage_box .expand-graphics .item_box:hover span.item_btn, 
.themepage_box .expand-graphics .item_box span.item_btn_hover{
    display: block;
}
.themepage_box .expand-graphics .item_box span.item_btn{
    position: absolute;
    right: 36px;
    bottom: 5.7rem;
    border-radius: 10px;
    padding: 3px 20px;
    background: #3777b7;
    margin: 0;
    cursor: pointer;
    z-index: 1;
}
.themepage_box .expand-graphics .item_box span.item_btn::after{
    content: '\f105';
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    color: #fff;
    font-size: 17px;
    margin-left: 5px;
}
.themepage_box .expand-graphics .item_box span.item_btn_hover{
    border-radius: 0;
    background: #fff;
    color: #000;
    font-size: 14px;
    width: 100%;
    margin-top: 0;
    padding: 10px 18px;
    position: relative;
    margin-bottom: 1rem;
}
.themepage_box .expand-graphics .item_box span.item_btn_hover::before{
    content: '';
    display: block;
    height: 1px;
    background: #878787;
    position: absolute;
    top: 0;
    left: 18px;
    right: 18px;
}
.themepage_video {
    margin-bottom: 3rem;
}
.themepage_video .module-container .main > div:nth-child(2){
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.themepage_video .module-container .main > div:nth-child(2) > figure{
    width: 20%;
    margin-top: -4rem !important;
}
.themepage_video .module-container .main > div:nth-child(2) > figure:nth-child(1){
    width: 100%;
    margin-top: 0 !important;
}
.themepage_video figure.position-bottom > .content-bottom{
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 8px 15px;
    text-align: center;
}
.themepage_video figure.position-bottom > .content-bottom *{
    margin-bottom: 0;
}
@media (max-width:1599px) {
    .discount_box {
        flex: 0 0 calc(1320px / 3);
        max-width: calc(1320px / 3);
    }
    .themepage_left {
        max-width: 530px;
        flex: 0 0 530px;
    }
}
@media (max-width:1339px) {
    .discount_box {
        flex: 0 0 calc(1100px / 3);
        max-width: calc(1100px / 3);
    }
    .themepage_left {
        max-width: 315px;
        flex: 0 0 315px;
    }
}
@media (max-width:1124px) {
    .discount_box {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .themepage_left {
        max-width: 150px;
        flex: 0 0 150px;
    }
}
@media (max-width:1124px) {
    .discount_box {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .themepage_left {
        display: none !important;
    }
}
@media (max-width:991px) {
    .themepage_top .main.row{
        padding-top: 130px;
    }
    .themepage_box .expand-graphics .item-box{
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (max-width:809px) {
    .themepage_box{
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (max-width:767px) {
    .themepage_box .expand-graphics .item_box a > h3{
        font-size: 28px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt{
        padding-right: 8px;
    }
    .themepage_box .expand-graphics .item_box span.item_btn{
        bottom: 1.4rem;
    }
    .themepage_video {
        margin-bottom: 2rem;
    }
    .themepage_video .module-container .main > div:nth-child(2) > figure {
        width: 50%;
        margin-top: 0rem !important;
    }
}
@media (max-width:640px) {
    .themepage_box{
        margin-top: 1.5rem;
    }
    .themepage_box .expand-graphics .item_box{
        margin: 0;
    }
    .themepage_box .expand-graphics .item_box a > h3{
        margin-top: 3.5rem;
        padding-right: 0px;
        padding-left: 15px;
    }
    .themepage_box .expand-graphics .item_box a > span:nth-child(3){
        padding-left: 4.5rem;
        font-size: 21px;
    }
    .themepage_box .expand-graphics .item_box h4{
        top: 15px;
    }
    .themepage_box .expand-graphics .item_box h4::before{
        display: inline-block;
        margin-right: 5px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt{
        height: auto;
        flex-direction: row;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(odd){
        margin-left: 0.5rem;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(even){
        min-width: 72px;
        text-align: center;
    }
}
@media (max-width:575px) {
    .themepage_top .main.row{
        padding-top: 109px;
    }
    .themepage_box .expand-graphics .item_box{
        padding: 0 15px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(even){
        min-width: calc(50% - 105px);
    }
}
@media (max-width:460px) {
    .themepage_title section.text-link h2{
        font-size: 50px !important;
        width: 100%;
        text-align: center !important;
    }
    .themepage_title div.link-list ul li a, 
    .themepage_title div.link-list ul li span{
        font-size: 28px !important;
    }
    .discount_two div.link-list ul li:nth-child(1), 
    .discount_two div.link-list ul li:nth-child(3){
        width: 70px;
    }
    .discount_two div.link-list ul li:nth-child(1) a, 
    .discount_two div.link-list ul li:nth-child(1) span, 
    .discount_two div.link-list ul li:nth-child(3) a, 
    .discount_two div.link-list ul li:nth-child(3) span{
        font-size: 24px !important;
    }
    .discount_two div.link-list ul li:nth-child(2), 
    .discount_two div.link-list ul li:nth-child(4){
        width: calc(100% - 70px);
    }
    .discount_two div.link-list ul li:nth-child(2) a, 
    .discount_two div.link-list ul li:nth-child(2) span, 
    .discount_two div.link-list ul li:nth-child(4) a, 
    .discount_two div.link-list ul li:nth-child(4) span{
        font-size: 18px !important;
    }
    .discount_one section.text-link h2{
        font-size: 24px !important;
        width: 70px;
        line-height: 2;
    }
    .discount_one .link.text-link div.link-list {
        width: calc(100% - 70px);
    }
    .discount_one div.link-list ul li a, 
    .discount_one div.link-list ul li span{
        font-size: 18px !important;
    }
    .themepage_box .expand-graphics .item_box a > h3{
        font-size: 24px;
        margin-top: 3rem;
        width: calc(100% - 45px);
    }
    .themepage_box .expand-graphics .item_box a > span:nth-child(3){
        font-size: 18px;
        padding-left: 0;
        line-height: 1.4;
    }
    .themepage_box .expand-graphics .item_box h4 {
        top: 10px;
        right: 1rem;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt{
        margin-top: 1rem;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(odd) {
        margin-left: 0;
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
        min-width: 72.5px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(even){
        min-width: calc(50% - 80px);
        padding: 0 4px;
        margin-left: 0px;
        margin-right: 4px;
    }
    .themepage_box .expand-graphics .item_box span.item_btn{
        right: 25px;
        padding: 2px 10px;
    }
    .themepage_box .expand-graphics .item_box span.item_btn_hover{
        padding: 10px 13px;
    }
    .themepage_box .expand-graphics .item_box span.item_btn_hover::before{
        left: 10px;
        right: 10px;
    }
    .themepage_box .expand-graphics .item_box figure img{
        width: 45px;
    }
}
@media (max-width:389px){
    .themepage_box .expand-graphics .item_box{
        padding: 0 10px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(odd){
        min-width: 70px;
        letter-spacing: -0.03rem;
        margin-right: 0;
        font-size: 15px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(even){
        min-width: calc(50% - 80px);
        padding: 0 3px;
        font-size: 90%;
    }
}
@media (max-width:355px) {
    .themepage_box .expand-graphics .item_box .item_more_txt {
        margin-top: 10px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(odd) {
        min-width: 63px;
        letter-spacing: -0.5px;
        font-size: 15px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(even){
        min-width: calc(50% - 75px);
        letter-spacing: -0.5px;
    }
}
@media (max-width:320px) {
    .themepage_title section.text-link h2{
        font-size: 40px !important;
    }
    .themepage_title div.link-list ul li a, 
    .themepage_title div.link-list ul li span {
        font-size: 24px !important;
    }
    .discount_two div.link-list ul li:nth-child(1), 
    .discount_two div.link-list ul li:nth-child(3) {
        width: 55px;
    }
    .discount_two div.link-list ul li:nth-child(1) a, 
    .discount_two div.link-list ul li:nth-child(1) span, 
    .discount_two div.link-list ul li:nth-child(3) a, 
    .discount_two div.link-list ul li:nth-child(3) span {
        font-size: 20px !important;
    }
    .discount_two div.link-list ul li:nth-child(2), 
    .discount_two div.link-list ul li:nth-child(4) {
        width: calc(100% - 55px);
    }
    .discount_two div.link-list ul li:nth-child(2) a, 
    .discount_two div.link-list ul li:nth-child(2) span, 
    .discount_two div.link-list ul li:nth-child(4) a, 
    .discount_two div.link-list ul li:nth-child(4) span {
        font-size: 16px !important;
        line-height: 1.2;
    }
    .discount_one section.text-link h2 {
        font-size: 20px !important;
        width: 55px;
    }
    .discount_one .link.text-link div.link-list {
        width: calc(100% - 55px);
    }
    .discount_one div.link-list ul li a, 
    .discount_one div.link-list ul li span {
        font-size: 16px !important;
        line-height: 1.2;
    }
    .themepage_box .expand-graphics .item_box a > h3{
        font-size: 20px;
        margin-top: 2.5rem;
    }
    .themepage_box .expand-graphics .item_box a > span:nth-child(3){
        font-size: 16px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(odd){
        letter-spacing: -0.5px;
        font-size: 15px;
        min-width: 70px;
    }
    .themepage_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(even){
        min-width: calc(100% - 142px);
        padding: 0 3px;
        margin-right: 3px;
        letter-spacing: -0.5px;
        font-size: 14px;
        min-height: 20px;
    }
    .themepage_box .expand-graphics .item_box h4{
        font-size: 20px;
    }
    .themepage_box .expand-graphics .item_box span.item_btn_hover {
        padding: 10px 10px;
    }
    .themepage_video .module-container .main > div:nth-child(2) > figure{
        width: 100%;
        padding-top: 0 !important;
    }
    .themepage_box .expand-graphics .item_box span.item_btn{
        right: 20px;
    }
}

/*depthtour*/
.depthtour_slider {
    flex: 0 0 85%;
    max-width: 85%;
    margin-top: 150px;
    margin-bottom: 50px;
}
.depthtour_slider .carousel-fade .carousel-item{
    display: flex;
    aspect-ratio: 3 / 1.1;
    text-decoration: none;
}
.depthtour_slider .carousel-fade .carousel-item picture{
    height: 100%;
    display: inline-block;
    border-top-right-radius: 28px;
    overflow: hidden;
    border-bottom-right-radius: 28px;
}
.depthtour_slider .carousel-fade .carousel-item picture img{
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.depthtour_slider .carousel-fade .carousel-item .carousel-caption{
    position: unset;
    order: -1;
    writing-mode: vertical-lr;
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    align-content: baseline;
    justify-content: flex-start;
    text-align: justify;
    padding-right: 1.5rem;
}
.depthtour_slider .bs-carousel .carousel-item h5{
    height: 100%;
    margin-left: 0;
    margin-right: 1rem;
    font-size: 60px;
    color: #000;
    text-shadow: none;
    line-height: 1.3;
}
.depthtour_slider .bs-carousel .carousel-item p{
    height: 100%;
    margin: 0;
    color: #000;
    line-height: 1.3;
    text-shadow: none;
    font-size: 1.5rem;
    letter-spacing: 0.5px;
}
.depthtour_slider .carousel-control-next, 
.depthtour_slider .carousel-control-prev{
    display: none;
}
.depthtour_slider .carousel-indicators{
    margin-right: unset;
    margin-left: unset;
    left: unset;
    right: 2rem;
}
.depthtour_slider .carousel-indicators li{
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 20px;
    border: 1px solid #3777b7;
    background-color: #fff;
    opacity: 1;
}
.depthtour_slider .carousel-indicators .active{
    border: 1px solid #fff;
    background-color: #3777b7;
}
.depthtour_wrap {
    margin-bottom: 4rem;
}
.depthtour_wrap .main.row{
    justify-content: center;
}
.depthtour_photo .fancybox-wrapper a[data-fancybox]{
    border: 1px solid #000;
    min-height: 450px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.depthtour_box{
    margin-top: 0;
    margin-left: -5%;
}
.depthtour_box .main{
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
}
.depthtour_box .main .header-title{
    order: 1;
    padding-left: 13%;
    padding-right: 30px;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    text-align: justify;
}
.depthtour_box .expand-graphics{
    margin: 0;
}
.depthtour_box .expand-graphics .item_box{
    margin-bottom: 0;
}
.depthtour_box .expand-graphics .item_morebox{
    display: none;
}
@media (max-width:1584px) {
    .depthtour_photo{
        max-width: calc(100% - 790px);
        flex: 0 0 calc(100% - 790px);
    }
    .depthtour_box{
        margin-left: -8%;
    }
    .depthtour_box .main .header-title{
        padding-left: 16%;
    }
}
@media (max-width:1439px) {
    .depthtour_slider .bs-carousel .carousel-item h5{
        font-size: 46px;
    }
    .depthtour_slider .bs-carousel .carousel-item p{
        letter-spacing: 0;
        font-size: 22px;
    }
}
@media (max-width:1152px) {
    .depthtour_slider .bs-carousel .carousel-item h5{
        font-size: 38px;
    }
    .depthtour_slider .bs-carousel .carousel-item p{font-size: 20px;}
    .depthtour_wrap {
        max-width: 85%;
        flex: 0 0 85%;
    }
    .depthtour_photo{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .depthtour_photo .fancybox-wrapper{
        padding: 0 15px;
    }
    .depthtour_photo .fancybox-wrapper a[data-fancybox]{
        min-height: unset;
    }
    .depthtour_box{
        margin: 0;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .depthtour_box .main .header-title{
        padding: 0 15px;
    }
}
@media (max-width:991px){
    .depthtour_slider{
        margin-top: 110px;
    }
    .depthtour_slider .carousel-fade .carousel-item{
        aspect-ratio: 3 / 2;
    }
}
@media (max-width:767px) {
    .depthtour_slider{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 35px;
    }
    .depthtour_slider .bs-carousel .carousel-item h5{
        margin-left: 1rem;
        font-size: 30px;
    }
    .depthtour_slider .bs-carousel .carousel-item p{
        font-size: 18px;
    }
    .depthtour_wrap {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 3rem;
    }
    .depthtour_box .main .header-title{
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: 0;
    }
}
@media (max-width:575px){
    .depthtour_slider{
        margin-top: 110px;
    }
    .depthtour_slider .carousel-fade .carousel-inner{
        padding-right: 15px;
    }
    .depthtour_slider .carousel-fade .carousel-item .carousel-caption{
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
    }
    .depthtour_slider .bs-carousel .carousel-item h5{
        margin-left: 8px;
        font-size: 24px;
        margin-right: 5px;
    }
    .depthtour_slider .bs-carousel .carousel-item p{
        font-size: 16px;
        font-weight: normal;
    }
}

/*season*/
.season_photo .module-container > .main{
    border: 1px solid #7f7f7f;
    max-height: 500px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
}
.season_photo .header-title{display: none;}
.season_photo .module-container > .main img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
@media (max-width:1584px) {
    .season_photo{
        max-width: calc(100% - 790px);
        flex: 0 0 calc(100% - 790px);
    }
    .season_photo .module-container > .main{
        height: 450px;
    }
}
@media (max-width:1152px) {
    .season_photo{
        max-width: calc(100%);
        flex: 0 0 calc(100%);
    }
    .season_photo .module-container > .main{
        height: auto;
        margin: 0 !important;
    }
}

/*leader*/
.leader_topwrap {
    margin-top: 150px;
}
.leader_wrap {
    max-width: 85%;
    flex: 0 0 85%;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(41, 171, 226, 0.3) !important;
}
.leader_box .mix-wrapper{
    padding: 0;
    position: relative;
}
.leader_box .pic-content{
    margin: 0;
}
.leader_box .img-mode .img-box{
    aspect-ratio: 3 / 2;
    display: block;
    overflow: hidden;
    width: 100%;
}
.leader_box .img-mode .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.leader_box .pic-content h2{
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0px);
    background: #fff;
    padding: 5px 1.5rem;
    font-size: 24px;
    line-height: 1.5;
    margin: 0;
    font-weight: bold;
    opacity: 1;
    transition: .3s;
}
.leader_box .pic-content h2 small{
    font-size: 18px;
    margin-right: 10px;
    font-weight: bold;
}
.leader_box .mix-wrapper:hover .pic-content h2{
    opacity: 0;
    transition: .3s;
}
.leader_box .editor-content{
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    padding: 0.5rem 30px 1.5rem;
    margin: 0;
    background-color: rgba(50, 50, 50, 0.8);
    width: auto;
    color: #fff;
    overflow-y: auto;
    opacity: 0;
    transition: .3s;
}
.leader_box .mix-wrapper:hover .editor-content{
    opacity: 1;
    transition: .3s;
}
.leader_box .editor-content h3{
    font-size: 24px;
    font-weight: bold;
    margin: 24px 0 8px;
}
.leader_box .editor-content p{
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #ddd;
    margin-bottom: 10px;
    width: 100%;
    display: table;
}
.leader_box .editor-content h6{
    display: table;
    float: right;
    margin-bottom: 2rem;
}
.leader_box .editor-content h6 a{
    border-radius: 10px;
    padding: 3px 15px 3px 15px;
    background: #3777b7;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.leader_box .editor-content h6 a::after{
    content: '\f105';
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    color: #fff;
    font-size: 17px;
    margin-left: 5px;
}
.leader_box .editor-content h6 a:hover{
    background: #00438a;
}
.leader_slider .swiper-slide-style{
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
    background: none;
}
.leader_slider .swiper-slide .swiper-img{
    margin: 0;
    aspect-ratio: 3 / 2;
    display: block;
}
.leader_slider .swiper-slide .swiper-img img{
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.leader_slider .swiper-slide .swiper-title{
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0px);
    background: #fff;
    padding: 5px 1.5rem;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    font-weight: bold;
}
.leader_slider .swiper-button-prev.swiper-button-white, 
.leader_slider .swiper-button-next.swiper-button-white{
    width: 60px;
    height: 60px;
    background: #3f96d3;
    opacity: 1;
    border-radius: 60px;
}
.leader_slider .swiper-button-prev.swiper-button-white{
    padding-right: 5px;
    left: 15px;
}
.leader_slider .swiper-button-next.swiper-button-white{
    padding-left: 5px;
    right: 15px;
}
.leader_slider .swiper-button-prev.swiper-button-white::after{
    background: none;
    font-size: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 24px 15px 0;
    border-color: transparent #ffffff transparent transparent;
    content: '';
    display: block;
    padding: 0;
}
.leader_slider .swiper-button-next.swiper-button-white::after{
    background: none;
    font-size: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 24px;
    border-color: transparent transparent transparent #ffffff;
    content: '';
    display: block;
    padding: 0;
}
@media (max-width:1279px) {
    .leader_wrap{
        max-width: 95%;
        flex: 0 0 95%;
    }
    .leader_box .editor-content{
        top: 1.5rem;
        bottom: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
        padding: 0 25px 1rem;
    }
    .leader_box .editor-content h3{
        font-size: 22px;
    }
    .leader_box .editor-content p{
        font-size: 17px;
        letter-spacing: 0;
        line-height: 1.4;
    }
}
@media (max-width:1152px) {
    .leader_box .pic-content h2{
        font-size: 22px;
        left: 2rem;
        right: 2rem;
        transform: unset;
        text-align: center;
        bottom: 1rem;
    }
    .leader_box .pic-content h2 small{
        font-size: 17px;
    }
    .leader_slider .swiper-slide .swiper-title{
        font-size: 17px;
        bottom: 1rem;
        left: 1.1rem;
        right: 1.1rem;
        transform: unset;
    }
    .leader_slider .swiper-button-prev.swiper-button-white, 
    .leader_slider .swiper-button-next.swiper-button-white{
        width: 50px;
        height: 50px;
    }
    .leader_slider .swiper-button-next.swiper-button-white::after{
        border-width: 12px 0 12px 19px;
    }
    .leader_slider .swiper-button-prev.swiper-button-white::after{
        border-width:12px 19px 12px 0;
    }
}
@media (max-width:991px) {
    .leader_box .img-mode .img-box{
        aspect-ratio:unset;
    }
}
@media (max-width:767px) {
    .leader_box .mix-wrapper:hover .pic-content h2{
        opacity: 1;
    }
    .leader_slider .swiper-slide .swiper-title{
        position: unset;
        margin-top: 10px;
        padding: 5px 10px;
    }
    .leader_slider .swiper-button-prev.swiper-button-white, 
    .leader_slider .swiper-button-next.swiper-button-white{
        width: 40px;
        height: 40px;
    }
    .leader_slider .swiper-button-next.swiper-button-white{
        right: 10px;
    }
    .leader_slider .swiper-button-prev.swiper-button-white{
        left: 10px;
    }
    .leader_slider .swiper-button-next.swiper-button-white::after {
        border-width: 10px 0 10px 16px;
    }
    .leader_slider .swiper-button-prev.swiper-button-white::after {
        border-width: 10px 16px 10px 0;
    }
    .leader_box .editor-content{
        opacity: 1;
        position: unset;
        max-width: calc(100% - 30px);
        margin: auto;
        padding: 0 20px 0.5rem;
    }
    .leader_box .editor-content h3 {
        font-size: 20px;
        margin-top: 20px;
    }
    .leader_box .editor-content p{
        font-size: 16px;
    }
}
@media (max-width:575px) {
    .leader_topwrap {
        margin-top: 100px;
    }
}

/*about*/
.about_wrap {
    max-width: 85%;
    flex: 0 0 85%;
}
.about_infobox{
    margin-bottom: 3rem;
}
.about_infobox .mix-wrapper{
    padding: 0 15px;
}
.about_infobox .pic-content > .row{
    height: 100%;
}
.about_infobox .img-mode .img-box{
    height: 100%;
    position: relative;
}
.about_infobox .img-mode .img-box::before{
    content: '';
    display: block;
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    border: 1px solid #fff;
    background-color: transparent;
    transition: .3s;
}
.about_infobox .img-mode:hover .img-box::before{
    background-color: rgba(68, 114, 145, 0.75);
    transition: .3s;
}
.about_infobox .img-mode .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.about_infobox .pic-content > .row h2{
    position: absolute;
    left: 50%;
    top: calc(50% - 20px);
    transform: translate(-50%, -0%);
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: .3s;
}
.about_infobox .pic-content:hover > .row h2{
    top: calc(50% - 55px);
}
.about_infobox .pic-content > .row h3{
    position: absolute;
    left: calc(50% - 160px);
    top: calc(50%);
    font-size: 2.5rem;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 0;
    opacity: 0;
    transition: .3s;
}
.about_infobox .pic-content:hover > .row h3{
    top: calc(50% + 35px);
    opacity: 1;
    transition: .3s;
}
.about_infobox .editor-content{
    padding-left: 3.5rem;
}
.about_infobox .editor-content ul li{
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.about_box{
    padding: 0 30px;
    margin-bottom: 3rem;
}
.about_box .module-container > .main{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.about_box .header-title{
    width: calc(41.666667% - 15px);
    margin-right: 15px;
    background: #3777b7;
    padding: 25px 20px 25px 60px;
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    position: relative;
}
.about_box .header-title::before{
    content: '';
    display: block;
    height: 1px;
    width: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
}
.about_box .module-container > .main> div:nth-last-child(1){
    padding-left: 3.5rem;
    width: calc(58.33333%);
}
.about_box .module-container > .main> div:nth-last-child(1) ul li{
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 1.3;
    margin-bottom: 10px;
}
@media (max-width:1599px) {
    .about_box .header-title::before{
        width: 35%;
    }
}
@media (max-width:1279px) {
    .about_wrap {
        max-width: 95%;
        flex: 0 0 95%;
    }
    .about_box .header-title::before{
        width: 28%;
    }
}
@media (max-width:1152px) {
    .about_infobox .pic-content > .row h2{
        font-size: 2.5rem;
    }
    .about_infobox .pic-content > .row h3{
        font-size: 2rem;
        left: calc(50% - 128px);
    }
    .about_box .header-title{
        font-size: 2.5rem;
    }
}
@media (max-width:991px) {
    .about_infobox .pic-content > .row h2 {
        font-size: 2rem;
    }
    .about_infobox .pic-content > .row h3 {
        font-size: 1.5rem;
        left: calc(50% - 96px);
    }
    .about_infobox .editor-content {
        padding-left: 3rem;
    }
    .about_infobox .editor-content ul{
        margin-bottom: 0;
    }
    .about_infobox .editor-content ul li{
        font-size: 20px;
    }
    .about_box .header-title{
        width: 100%;
        margin-bottom: 1.5rem;
        padding: 20px;
        text-align: center;
        margin-right: 0;
        font-size: 2rem;
    }
    .about_box .header-title::before {
        width: 25%;
    }
    .about_box .header-title::after {
        content: '';
        display: block;
        height: 1px;
        width: 25%;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 0;
    }
    .about_box .module-container > .main> div:nth-last-child(1){
        padding-left: 2rem;
        width: 100%;
    }
    .about_box .module-container > .main> div:nth-last-child(1) ul{
        margin-bottom: 0;
    }
    .about_box .module-container > .main> div:nth-last-child(1) ul li{
        font-size: 20px;
    }
}
@media (max-width:767px) {
    .about_infobox .pic-content > .row h2, 
    .about_infobox .pic-content:hover > .row h2{
        top: calc(50% - 40px);
    }
    .about_infobox .pic-content > .row h3, 
    .about_infobox .pic-content:hover > .row h3{
        opacity: 1;
        top: calc(50% + 20px);
    }
    .about_infobox .editor-content {
        padding-left: 2.5rem;
    }
}
@media (max-width:480px) {
    .about_infobox {
        margin-bottom: 1.5rem;
    }
    .about_infobox .pic-content {
        margin-top: 0;
    }
    .about_infobox .img-mode .img-box::before{
        top: 20px;
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
    .about_infobox .editor-content ul li {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 1.5;
    }
    .about_box{
        margin-bottom: 2rem;
    }
    .about_box .header-title{
        padding: 15px;
        font-size: 30px;
    }
    .about_box .module-container > .main> div:nth-last-child(1) ul li {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 1.5;
    }
}
@media (max-width:375px) {
    .about_infobox .pic-content{
        margin-bottom: 0;
    }
    .about_box .header-title{
        font-size: 26px;
        margin-bottom: 1rem;
    }
    .about_box .module-container > .main> div:nth-last-child(1){
        padding-left: 1.5rem;
    }
}

/*公版*/
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_mold a.go-to-top, 
.D_products_group_molddetail a.go-to-top{display: none !important;}
body.WinChrome .web_side .side_box, 
.D_products_domestic_search .web_side .side_box, 
.D_products_domestic_molddetail .web_side .side_box, 
.D_products_group_mold .web_side .side_box, 
.D_products_group_molddetail .web_side .side_box{display: none !important;}
body.WinChrome .web_side .side_box, 
.D_products_domestic_search .web_side .side_box, 
.D_products_domestic_molddetail .web_side .side_box, 
.D_products_group_mold .web_side .side_box, 
.D_products_group_molddetail .web_side .side_box{display: none !important;}
/*section.group_banner.trip_banner .tag, section.group_table .table .tag, figure.block_style .tag{line-height: 1.3;}*/

/*list*/
.D_products_group_search section.group_banner.search_banner{
    margin-top: 130px;
}

/*使用範本*/
.day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8, .day_style_9, .day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15, .day_style_16, .day_style_17, .day_style_18, .day_style_19, .day_style_20, .day_style_21{
    display: flex;
    flex-wrap: wrap;
    margin-bottom:1rem;
}
.day_style_1 .item, .day_style_2 .item, .day_style_3 .item, .day_style_4 .item, .day_style_5 .item, .day_style_6 .item, .day_style_7 .item, .day_style_8 .item, .day_style_9 .item, .day_style_10 .item, .day_style_11 .item, .day_style_12 .item, .day_style_13 .item, .day_style_14 .item, .day_style_15 .item, .day_style_16 .item, .day_style_17 .item, .day_style_18 .item, .day_style_19 .item, .day_style_20 .item, .day_style_21 .item{
    margin: 1rem 0 0;
}
.day_style_1 img, .day_style_2 img, .day_style_3 img, .day_style_4 img, .day_style_5 img, .day_style_6 img, .day_style_7 img, .day_style_8 img, .day_style_9 img, .day_style_10 img, .day_style_11 img, .day_style_12 img, .day_style_17 img, .day_style_18 img, .day_style_19 img, .day_style_20 img, .day_style_21 img{
    margin: 1rem 0;
    height: auto !important;
    padding: 0;
    border: none;
    border-radius: 0;
}
.day_style_1 .item, .day_style_9 .item, .day_style_18 .item, .day_style_19 .item{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
@media (min-width:768px) {
    .day_style_1 img, .day_style_9 img, .day_style_18 img, .day_style_19 img{margin-bottom: 0;}
}
.day_style_10 {width: 100%; display: table; margin-bottom: 20px; position: relative;}
.day_style_10 img {width:100%;}
.day_style_10 .item_text {position: absolute; bottom: 10%; z-index: 10; padding: 0px 15px;}
.day_style_10 .item_text p {margin: 0; background: rgba(0, 0, 0, 0.6); color: #FFF; padding:50px;}
@media (max-width:767px){
    .day_style_10 .item_text{position:unset;}
    .day_style_10 .item_text p{padding:15px;}
}
.day_style_11 .tp_group, .day_style_11 .tp_group{width: 100%;}
.day_style_13 {width: 100%;  margin-bottom: 20px;}
.day_style_13 img {width:100%; height: 187px;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.day_style_20 {width: 100%; display: table; margin: 0px auto; background: #FFF; padding: 15px 0;}
.day_style_20 .item {display: flex; flex-wrap: wrap; float: left;}
.day_style_20 .item .item_img {width: 100%; height: 235px;}
.day_style_20 .item .item_img img {width:100%; height: 100%;}
.day_style_20 .item .item_text {width: 100%; height: 235px; padding-top: 20px;}
.day_style_20 .item .item_text h4 {text-align: center; font-size: 15px; letter-spacing: 1px; color: #595959; display: table; margin: 0 auto 10px; position: relative; padding-left: 15px; padding-right: 15px;}
.day_style_20 .item .item_text h3 { text-align: center; font-size: 20px; letter-spacing: 1.5px; color: #00223d; font-weight: bold; margin-bottom: 10px;}
.day_style_20 .item .item_text p {width: 100%; line-height: 20px; text-align: justify;}
@media (max-width:767px){
.day_style_20 {display: table; margin: 0px auto;}
.day_style_20 .item .item_img {order: 2; height: initial;}
.day_style_20 .item .item_img img {height: 100%;}
.day_style_20 .item .item_text {height: initial;}
}
.day_style_21 {width: 100%; display: table; margin: 50px auto;}
.day_style_21 .item {display: flex; flex-wrap: wrap; float: left;}
.day_style_21 .item .item_img {width: 100%; height: 235px;}
.day_style_21 .item .item_img img {width:100%; height: 100%;}
.day_style_21 .item .item_text {width: 100%; height: 235px; padding-top: 20px;}
.day_style_21 .item .item_text h4 {text-align: center; font-size: 15px; letter-spacing: 1px; color: #595959; display: table; margin: 0 auto 10px; position: relative; padding-left: 15px; padding-right: 15px;}
.day_style_21 .item .item_text h3 {text-align: center; font-size: 20px; letter-spacing: 1.5px; color: #00223d; font-weight: bold; margin-bottom: 10px;}
.day_style_21 .item .item_text p {width: 100%; line-height: 25px;}
@media (max-width:767px){
.day_style_21 {display: table;}
.day_style_21 .item {margin-bottom: 50px;}
.day_style_21 .item .item_img {order: 2; height: initial;}
.day_style_21 .item .item_img img {height: 100%;}
.day_style_21 .item .item_text {height: initial;}
}
/*product*/
/*block*/
@media (min-width:768px) {
.day_style_2 .item.item-image-box, 
.day_style_3 .item.item-image-box, 
.day_style_4 .item.item-image-box, 
.day_style_5 .item.item-image-box, 
.day_style_6 .item.item-image-box, 
.day_style_7 .item.item-image-box, 
.day_style_8 .item.item-image-box, 
.day_style_9 .item.item-image-box, 
.day_style_10 .item.item-image-box, 
.day_style_11 .item.item-image-box, 
.day_style_12 .item.item-image-box, 
.day_style_13 .item.item-image-box, 
.day_style_16 .item.item-image-box, 
.day_style_17 .item.item-image-box, 
.day_style_18 .item.item-image-box, 
.day_style_19 .item.item-image-box{aspect-ratio: 3/2;}
.day_style_1 .item.item-image-box img, 
.day_style_2 .item.item-image-box img, 
.day_style_3 .item.item-image-box img, 
.day_style_4 .item.item-image-box img, 
.day_style_5 .item.item-image-box img, 
.day_style_6 .item.item-image-box img, 
.day_style_7 .item.item-image-box img, 
.day_style_8 .item.item-image-box img, 
.day_style_9 .item.item-image-box img, 
.day_style_10 .item.item-image-box img, 
.day_style_11 .item.item-image-box img, 
.day_style_12 .item.item-image-box img, 
.day_style_13 .item.item-image-box img, 
.day_style_16 .item.item-image-box img, 
.day_style_17 .item.item-image-box img, 
.day_style_18 .item.item-image-box img, 
.day_style_19 .item.item-image-box img{width: 100%; height: 100% !important; max-width: 100%; object-fit: cover; object-position: center center;}
}
@media (max-width:767px) {
    .day_style_1 .item.item-image-box, 
.day_style_2 .item.item-image-box, 
.day_style_3 .item.item-image-box, 
.day_style_4 .item.item-image-box, 
.day_style_5 .item.item-image-box, 
.day_style_6 .item.item-image-box, 
.day_style_7 .item.item-image-box, 
.day_style_8 .item.item-image-box, 
.day_style_9 .item.item-image-box, 
.day_style_10 .item.item-image-box, 
.day_style_11 .item.item-image-box, 
.day_style_12 .item.item-image-box, 
.day_style_13 .item.item-image-box, 
.day_style_16 .item.item-image-box, 
.day_style_17 .item.item-image-box, 
.day_style_18 .item.item-image-box, 
.day_style_19 .item.item-image-box{margin:15px 0;}
}

/*detail*/
/*國外*/
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn{display: none;}
.D_products_group_detail section.group_banner.trip_banner{margin-top: 130px;}
.D_products_group_detail section.group_banner.trip_banner h6{font-size: 16px;padding-top: 0;}
.D_products_group_detail section.group_banner .group_num img{width: 30px;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{position: relative;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title::before{
    content: '第';
    display: inline-block;
    color: #000;
    width: auto;
    height: auto;
    background: none;
    position: unset;
    font-size: 30px;
    font-weight: bold;
}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title::after{
    content: '天';
    display: inline-block;
    margin-left: 10px;
    color: 000;
    font-size: 30px;
    font-weight: bold;
}
@media (min-width:992px) {
    /*.D_products_group_detail .sub_menu-trip .sub_inside{margin-top: -1rem;}
    .D_products_group_detail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;}
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn{height: 50px;}
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{height: 40px;}
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{font-size: 16px;} 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 16px;padding: 5px 16px;}
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i{font-size: 17px;}
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{font-size: 19px;}
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i{font-size: 20px;}
    .D_products_group_detail .sub_menu-trip .trip_menu{width: 91px; margin-right: 0;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 .web_sidebar .side_box{bottom: 50px;}
    .D_products_group_detail .web_sidebar .side_bar{width: 50px;}
    .D_products_group_detail .web_sidebar .side_bar li{padding: 11px;height: 50px;}
    .D_products_group_detail .web_sidebar .side_bar li a i{font-size: 24px;}
    .D_products_group_detail .web_sidebar .actGotop{bottom: 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 a {
    font-size: 16px;
}
.D_products_group_detail .sub_menu-trip .server_menu a i {
    font-size: 18px;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li a i {
    margin-right: 2px;
    line-height: 35px;
    font-size: 17px;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after {
    margin-left: 5px;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li a>img {
    width: 22px;
}
.D_products_group_detail .sub_menu-trip .server_menu a {
    color: #447291;
}
.D_products_group_detail .sub_menu-trip .server_menu li:nth-child(1) {
    background: #3777b7;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li {
    box-shadow: none;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li+li {
    /* border-top: 1px solid #b1b1b2; */
}
.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.download-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, 
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
    background: #c7def9;
    margin-top: -1px;
}
/*.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn{
    background: #3777b7;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{
    color: #fff;
}*/
.D_products_group_detail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{
    font-size: 20px;
    width: 24px;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li ul li a {
    border-left: 0;
    color: #ffffff;
    justify-content: center;
    border: none;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a {
    border-left: 0;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, 
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a {
    color: #fff;
}
.D_products_group_detail .sub_menu-trip .trip_menu i{display: none;}
/*個團明細頁隱藏報名&洽詢調整順序*/
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn{
    display: none;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn{
    order: -1;
    background: #3777b7;
}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{
    color: #fff;
}
@media (min-width: 992px) {
    .D_products_group_detail .sub_menu-trip .server_menu > ul {
        margin-bottom: 0;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li {
        height: 45px;
        font-size: 1rem;
        min-width: 80px;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li a {
        padding: 5px 8px;
        border: 1px solid #b1b1b2;
        font-size: 18px;
        justify-content: space-between;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
        padding: 5px 8px 5px 8px;
    }
    .D_products_group_detail .sub_menu-trip .trip_menu {
        width: 80px;
        padding: 10px 5px 0 5px;
        margin-top: -2px;
    }
    .D_products_group_detail .sub_menu-trip .trip_menu li a span {
        font-size: 15px;
    }
    .D_products_group_detail .sub_menu-trip .trip_menu li:last-child a {
        border: 0;
        padding-bottom: 0;
    }
    .D_products_group_detail .sub_menu-trip .trip_menu li a:hover span {
        color: #3777b7;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul {
        height: 45px;
        width: 180px;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li {
        height: 45px;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li {
        height: 45px;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a i{
        margin-right: 0;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a i::after{
        content: '我要';
        display: inline-block;
        font-style: normal;
        font-size: 18px;
    }
}
@media (max-width: 1350px) {
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li a {
        font-size: 16px;
    }
}
@media (max-width: 991.98px) {
    .D_products_group_detail .sub_menu-trip{
        height: 45px;
    }
    .D_products_group_detail .sub_menu-trip .trip_menu {
        /*display: none;*/
    }
    .D_products_group_detail .sub_menu-trip .server_menu {
        width: 100vw;
    }
    .D_products_group_detail .sub_menu-trip .trip_menu select {
        border-top: 1px solid #b9b9b8;
    }
    .D_products_group_detail .sub_menu-trip .trip_menu:after {
        border: solid #f08300;
        border-width: 0 1px 1px 0;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu {
        border-left: 1px solid #b9b9b8;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) img {
        padding-top: 16px;
        margin: 0 auto;
    }
    .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.download-fixed-btn, 
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .D_products_group_detail .sub_menu-trip .trip_menu{
        width: 30vw;
    }
    .D_products_group_detail .sub_menu-trip .server_menu {
        width: 100vw;
    }
}
@media (max-width: 576px) {
    .D_products_group_detail .sub_menu-trip .server_menu {
        width: 100vw;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li a {
        font-size: 0;
        padding-top: 3px;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li a i {
        line-height: 45px;
        margin: 0;
        font-size: 15px;
    }
    .D_products_group_detail .sub_menu-trip .trip_menu{
        width: 40vw;
    }
}
@media (max-width: 991.98px) and (min-width:577px) {
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li a {
        padding-top: 7px;
    }
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
        padding-top: 6px;
    }
}
/**/
@media (max-width:991px) {
    .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: 67px;}
    .D_products_group_detail .tail_box .footer-sample{margin-bottom: 50px;}
    .D_products_group_detail .Day_menu.day_fixed{top: 67px !important;}
}
@media (max-width:767px) {    
    .D_products_group_detail .footer_box{margin-bottom: 50px;}
    .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_day .info_box{width: 100%;}
}

/*團型*/
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn{display: none;}
.D_products_group_molddetail .DetailContainer{margin-top: 135px;margin-bottom: 3rem;word-break: break-all;}
.D_products_group_molddetail #day_menu .list-group{justify-content: flex-start;padding: 0 1rem;}
.D_products_group_molddetail #day_menu .list-group .list-group-item{position: relative;padding: 0.75rem;}
.D_products_group_molddetail #day_menu .list-group .list-group-item::before{content: '第';}
.D_products_group_molddetail #day_menu .list-group .list-group-item::after{content: '天';}
.D_products_group_molddetail .MGO .Detail.DepartureDate .SearchTable .Remark, 
.D_products_group_molddetail .MPGO .Detail.DepartureDate .SearchTable .Remark{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: 20px;line-height: 1;}
    .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 .server_menu > ul > li.share-fixed-btn ul{width: 160px;height: 40px;}
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{height: 40px;}
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li a{padding: 5px 10px;}
    .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: 50px;}
    .D_products_group_molddetail .web_sidebar .actGotop{bottom: 15px;}
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{max-width: calc(100% - 810px); min-width: calc(100% - 810px);}
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TourPrice{flex: 0 0 200px; max-width: 200px;}
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li a {
    font-size: 16px;
}
.D_products_group_molddetail .sub_menu-trip .server_menu a i {
    font-size: 18px;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li a i {
    margin-right: 2px;
    line-height: 35px;
    font-size: 18px;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after {
    margin-left: 5px;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li a>img {
    width: 22px;
}
.D_products_group_molddetail .sub_menu-trip .server_menu a {
    color: #447291;
}
.D_products_group_molddetail .sub_menu-trip .server_menu li:nth-child(1) {
    background: #3777b7;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li {
    box-shadow: none;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li+li {
    /* border-top: 1px solid #b1b1b2; */
}
.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.download-fixed-btn, 
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
    background: #c7def9;
    margin-top: -1px;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn{
    background: #3777b7;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{
    color: #fff;
}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{
    font-size: 20px;
    width: 24px;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li ul li a {
    border-left: 0;
    color: #ffffff;
    justify-content: center;
    border: none;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a {
    border-left: 0;
}
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, 
.D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a {
    color: #fff;
}
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu i{display: none;}
@media (min-width: 992px) {
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul {
        margin-bottom: 0;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li {
        height: 45px;
        font-size: 1rem;
        min-width: 80px;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li a {
        padding: 5px 8px;
        border: 1px solid #b1b1b2;
        font-size: 18px;
        justify-content: space-between;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
        padding: 5px 8px 5px 8px;
    }
    .D_products_group_molddetail .sub_menu-trip .trip_menu {
        width: 80px;
        padding: 10px 5px 0 5px;
        margin-top: -2px;
    }
    .D_products_group_molddetail .sub_menu-trip .trip_menu li a span {
        font-size: 15px;
    }
    .D_products_group_molddetail .sub_menu-trip .trip_menu li:last-child a {
        border: 0;
        padding-bottom: 0;
    }
    .D_products_group_molddetail .sub_menu-trip .trip_menu li a:hover span {
        color: #3777b7;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul {
        height: 45px;
        width: 180px;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li {
        height: 45px;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li {
        height: 45px;
    }
}
@media (min-width:992px) and (max-width:1600px) {
    .D_products_group_molddetail .MGO .Detail.DepartureDate .SearchTable .go-airport, 
    .D_products_group_molddetail .MPGO .Detail.DepartureDate .SearchTable .go-airport {
        max-width: 200px;
        min-width: 200px;
    }
}
@media (max-width: 1350px) {
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li a {
        font-size: 16px;
    }
}
@media (min-width:992px) and (max-width:1360px) {
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .ItineraryName {
        max-width: calc(100% - 720px);
        min-width: calc(100% - 720px);
    }
    .D_products_group_molddetail .MGO .Detail.DepartureDate .SearchTable .go-airport, 
    .D_products_group_molddetail .MPGO .Detail.DepartureDate .SearchTable .go-airport {
        max-width: 150px;
        min-width: 150px;
    }
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TourPrice {
        flex: 0 0 160px;
        max-width: 160px;
    }
}
@media (max-width: 991.98px) {
    .D_products_group_molddetail .Detail.sub_menu-trip{
        height: 45px;
    }
    .D_products_group_molddetail .sub_menu-trip .trip_menu {
        /*display: none;*/
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu {
        width: 100vw;
    }
    .D_products_group_molddetail .sub_menu-trip .trip_menu select {
        border-top: 1px solid #b9b9b8;
    }
    .D_products_group_molddetail .sub_menu-trip .trip_menu:after {
        border: solid #f08300;
        border-width: 0 1px 1px 0;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu {
        border-left: 1px solid #b9b9b8;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) img {
        padding-top: 16px;
        margin: 0 auto;
    }
    .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.download-fixed-btn, 
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .D_products_group_molddetail .sub_menu-trip .trip_menu{
        width: 30vw;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu {
        width: 100vw;
    }
}
@media (max-width: 576px) {
    .D_products_group_molddetail .sub_menu-trip .server_menu {
        width: 100vw;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li a {
        font-size: 0;
        padding-top: 3px;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li a i {
        line-height: 45px;
        margin: 0;
        font-size: 15px;
    }
    .D_products_group_molddetail .sub_menu-trip .trip_menu{
        width: 40vw;
    }
}
@media (max-width: 991.98px) and (min-width:577px) {
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li a {
        padding-top: 0px;
    }
    .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
        padding-top: 6px;
    }
}
/**/

@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;}
}
@media (max-width:767px) {
    .D_products_group_molddetail .DetailContainer{margin-top: 3rem;}
    .D_products_group_molddetail .Detail .breadcrumb{display: flex;}
}
@media (max-width:575px) {
    .D_products_group_molddetail .DetailContainer{
        margin-top: 4rem;
    }
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat{
        min-width: 70px;
        max-width: 70px;
        padding-left: 10px;
        padding-top: 50px;
    }
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat::before{
        top: 15px;
        left: 19px;
    }
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat{
        min-width: 70px;
        max-width: 70px;
        padding-left: 10px;
        padding-top: 50px;
    }
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat::before{
        top: 15px;
        left: 19px;
    }
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable tbody .TextPrice{
        padding: 0.75rem 0.5rem;
    }
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat + .TourPrice + .SaleSituation{
        padding: 0.75rem 0.5rem;
        flex: 0 0 100px;
        max-width: 100px;
    }
}
@media (max-width:375px) {
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat + .TourPrice + .SaleSituation{
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 0.5rem;
        justify-content: end;
    }
}

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

/*國內*/
.D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, 
.D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn{display: none;}
.D_products_domestic_gdetail .DetailContainer, 
.D_products_domestic_molddetail .DetailContainer{margin-top: 135px;margin-bottom: 3rem;}
@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 .Detail .TripNoteBlock .NoteContents ol,
.D_products_domestic_molddetail .Detail .TripNoteBlock .NoteContents ul, 
.D_products_domestic_molddetail .Detail .TripNoteBlock .NoteContents ol, 
.D_products_group_molddetail .Detail .TripNoteBlock .NoteContents ul, 
.D_products_group_molddetail .Detail .TripNoteBlock .NoteContents ol{list-style: initial;}
.TripNote .Detail ol, .TripNote .Detail ul{list-style: initial;list-style-type: auto;}

/*行程特色圖片置中*/
section.group_table.trip_features .container .group_table_box table img{margin:auto;}
.Detail.DetailBox.TripFeature table img{margin:auto;}

/*order*/
.group_home .group_order_width{margin-top: 175px;margin-bottom: 50px;}
@media (max-width:767px) {
    .group_home .group_order_width{margin-top: 140px;}
}

/*member*/
.new_bg .member-l_box{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.member_home .signin_width{margin-top: 200px;margin-bottom: 100px;min-height: calc(100vh - 500px);}
.new_bg .width-460,
.member_home .width-460{margin-top: 200px;margin-bottom: 100px;min-height: calc(100vh - 500px);}
.member_home .container.member_width{margin-top: 125px;}
.member_home.D_member_my_favorites .FavoriteList-null img{margin: auto;}
.member_home .member_width{margin-bottom: 50px;}
@media (max-width:991px) {
}
@media (max-width:767px) {
    .new_bg .width-460, 
    .member_home .signin_width, 
    .member_home .width-460{margin-top: 105px; margin-bottom: 50px;}
}

/*通用商品*/
.D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container{margin-top: 100px;margin-bottom: 50px;min-height: 45vh;}
.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;}
.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: 180px;}
@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: 50px;margin-bottom: 30px;}
    .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%;}
}