body {
  background-attachment: scroll;
  background-position: left top;
}
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; backdrop-filter: blur(4px);}
.top_box .header-part{background-color: rgba(196, 163, 13, 0.65);transition: .5s;}
.top_box .header-part .navbar-brand{padding: 0;height: 65px;}
.top_box .header-part .navbar-brand img{/*filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.6));*/}
.top_box .header-part .navbar-nav{align-items: center;margin: 0 auto; padding-right: 211px;}
.top_box .header-part .navbar-nav .nav-link{line-height: 1.5;font-size: 20px; padding: 0 24px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.top_box .header-part .navbar-nav .nav-link:hover{background: none;font-weight: bold; text-shadow: 0 0 10px rgba(255, 252, 222, 0.5);}
.top_box .header-part .navbar-nav .nav-link > i:nth-child(1){float: left;}
.top_box .header-part .navbar-nav .nav-link > i:nth-last-child(1){transform: rotateX(45deg);}
.row.header.gizle .header-part{background-color: rgba(196, 163, 13, 0.8);transition: .5s;}
.row.header.gizle .top_box .header-part .navbar-brand img{content: url(https://materials.fillo.com.tw/materials/glory/images/9d575752-f91a-4d9c-b61c-b9197011716e.svg);}
.top_box .header-part .navbar-nav .nav-link .showName{letter-spacing: 0; padding: 0;}
.top_box .header-part .navbar-nav .nav-link .showName .member-name{font-size: 18px;}
.top_box .header-part .navbar-nav .nav-link .showName .member-name i{margin: 0;}
.top_box .header-part .navbar-nav .nav-link .showName .member-name .greet{margin-left: 3px;}
.top_box .header-part .navbar-nav .nav-link .showName .SignOut{line-height: 1.5; margin-left: 0; background: #EBA017; font-size: 14px; letter-spacing: 1px;}
@media (max-width:1399px) {
    .top_box .header-part{padding: 5px 15px;}
    .top_box .header-part .navbar-nav .nav-link{font-size: 19px;letter-spacing: 0.5px;}
}
@media (max-width:1279px) {
    .top_box .header-part{padding: 5px 10px;}
    .top_box .header-part .navbar-nav .nav-link{padding: 0 10px;}
}
@media (min-width:992px) and (max-width:1199px) {
    .top_box .header-part{flex-wrap: wrap;}
    .top_box .header-part .navbar-brand{margin: auto; width: 100%;}
    .top_box .header-part .navbar-brand img{margin: auto; display: table;}
    .top_box .navbar-expand-lg .navbar-collapse ul.navbar-nav{margin: 15px auto 10px;}
}
@media (max-width:991px) {
    .row.header .top_box .header-part .navbar-brand img {content: url(https://materials.fillo.com.tw/materials/glory/images/9d575752-f91a-4d9c-b61c-b9197011716e.svg);}
    .top_box .header-part .navbar-toggler{border: none; color: transparent;padding-top: 0; padding-bottom: 10px;outline: none; box-shadow: none;}
    .top_box .header-part .navbar-toggler-icon{background: none; width: 2em; height: 0.7em; position: relative;}
    .top_box .header-part .navbar-toggler-icon::before{
        content: '';
        display: block;
        width: 2em;
        height: 2px;
        background: #ffffff;
        position: absolute;
        right: 0;
        top: 0;
    }
    .top_box .header-part .navbar-toggler-icon::after{
        content: '';
        display: block;
        width: 1.4em;
        height: 2px;
        background: #ffffff;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .top_box .header-part .navbar-toggler[aria-expanded=true]{padding-top: 13px;}
    .top_box .header-part .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before{
        transform: rotate(40deg);
        transform-origin: center -2px;
        width: 1.8em;
    }
    .top_box .header-part .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after{
        transform: rotate(-40deg);
        width: 1.8em;
        transform-origin: left -3px;
    }
    .top_box nav.header-part .navbar-collapse.show{height: calc(100vh - 65px);}
    .top_box .navbar-expand-lg ul.navbar-nav{overflow: auto; height: 100%;padding-bottom: 1.5rem; padding-top: 0.5rem;}
    .top_box .navbar-expand-lg ul.navbar-nav > li{margin-left: 0rem;margin-right: 0rem;height: auto;}
    .top_box .header-part .navbar-nav li > a, 
    .top_box .header-part .navbar-nav li > .nav-link{letter-spacing: 1px;padding: 0.5rem 0;height: auto;text-align: center;}
    .top_box .header-part .navbar-nav li .dropdown-menu{background-color: #000;box-shadow: none !important;}
    .top_box .header-part .navbar-nav li .dropdown-menu > a.dropdown-item{border-bottom: 1px solid rgba(255, 255, 255, 0.5);background: #000; color: #fff;}
}
@media (max-width:767px) {
    .top_box .header-part .navbar-brand{height: 60px;}
}
@media (max-width:575px) {
    .top_box .header-part{background-color: rgba(196, 163, 13, 1);}
    .top_box .header-part .navbar-nav li > a i, 
    .top_box .header-part .navbar-nav li > .nav-link i{float: left;}
}
@media (max-width:320px) {
    .top_box .header-part .navbar-brand{height: 55px;}
}
/*2024.12*/
/*index*/
.top_box.new_v .header-part .navbar-nav .nav-item{min-height: 65px;display: flex; align-items: center;}
.top_box.new_v .dropdown:hover .dropdown-menu{background: rgba(0, 0, 0, 0.6) !important; padding: 20px 10px !important; }
.top_box.new_v .dropdown:hover .dropdown-menu .dropdown-item{
    border-bottom: 0px solid rgba(255, 255, 255, 0.1);
    padding: 5px 25px;
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
}
.top_box.new_v .dropdown:hover .dropdown-menu .dropdown-item + .dropdown-item{border-left: 1px solid rgba(255, 255, 255, 0.3);}
.top_box.new_v .dropdown:hover .dropdown-menu .dropdown-item:focus, 
.top_box.new_v .dropdown:hover .dropdown-menu .dropdown-item:hover{background: rgba(0, 0, 0, 0.0);color: #fff;text-decoration: underline; text-underline-offset: 5px;}
.top_box.new_v .header-part .navbar-nav .nav-item.dropdown .mobileTriggerButton{
    word-break: break-all;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    z-index: 9;
    display: none;        
}
.top_newBTN{
    position: absolute;
    max-width: max-content;
    flex: unset;
    right: 2rem;
    top: 0;
    z-index: 99;
}
.top_newBTN .function-row ul.row-content{display: flex; flex-wrap: wrap; align-items: center; min-height: 75px;}
.top_newBTN .function-row ul.row-content li{padding: 0; margin: 0 5px; display: table;}
.top_newBTN .function-row ul.row-content li a img{width: 28px;}
.top_newBTN .function-row ul.row-content li a i{font-size: 28px;}
@media (min-width:991px) {
    .top_box.new_v .dropdown:hover .dropdown-menu{display: flex;}
}
@media (max-width:1199px) {
    .top_box.new_v .header-part .navbar-brand{
        width: auto;
    }
    .top_box.new_v .navbar-expand-lg .navbar-collapse ul.navbar-nav{
        margin: 0;
    }
    .top_box.new_v .header-part .navbar-nav .nav-item{
        min-height: 60px;
    }
}
@media (max-width:991px) {
    .top_box.new_v .header-part .navbar-nav .nav-item{
        flex-wrap: wrap;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .top_box.new_v .header-part .navbar-nav .nav-item.dropdown > .mobileTriggerButton{
        display: block;        
    }
    .top_newBTN{
        right: 6rem;
    }
    .top_newBTN .function-row ul.row-content{
        min-height: 70px;
    }
}
@media (max-width:767px) {
    .top_newBTN .function-row ul.row-content li{
        display: inline-block;
    }
}
@media (max-width:575px) {
    .top_newBTN{padding: 0;right: 5.5rem;}
    .top_newBTN .function-row ul.row-content li a img{width: 20px;} 
    .top_newBTN .function-row ul.row-content li a i{font-size: 20px;}
    .top_newBTN .function-row ul.row-content li{width: auto;margin: 0;}
    .top_newBTN .function-row ul.row-content li a{padding: 5px;display: flex; align-items: center;}
}
/*initiative*/
.initiative_tit{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
}
.initiative_tit h2{
    font-size: 65px;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    color: #fff;
}
.initiative_tit h5{
    font-size: 30px;
    letter-spacing: 3px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    font-family: serif;
    margin: 0;
    color: #fff;
}
.initiative_supertit h3{
    display: table;
    margin: 3rem auto -3rem;
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 1rem 1.5rem 0.5rem;
}
.initiative_info_tit h3{
    display: table;
    margin: 2.5rem auto 4rem;
    font-size: 30px;
    font-weight: bold;
    color: #010101;
    position: relative;
}
.initiative_info_tit h3::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    bottom: -10px;
    background-color: #fbecd1;
    z-index: -1;
}
.initiative_info_box{
    padding-right: 5rem;
    margin-bottom: 3rem;
}
.initiative_info_box::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 4rem;
    height: 3px;
    background: #43959b;
    top: 15px;
}
.initiative_info_box .header-title{
    font-size: 22px;
    font-weight: bold;
    color: #43959b;
    position: relative;
    background: #fff;
    display: table;
    padding-right: 1.5rem;
    margin-bottom: 1rem;
}
.initiative_info_box  h4{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    line-height: 1.5;
}
.initiative_info_box ul, 
.initiative_info_box ol{
    padding-left: 3rem;
}
.initiative_info_box li{
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #333;
}
@media (max-width:991px) {
    .initiative_info_box{
        padding-right: 1.5rem;
        margin-bottom: 1rem;
    }
    .initiative_info_box::before{
        right: 0.5rem;
    }
    .initiative_info_tit h3{
        margin: 1.5rem auto 2.5rem;
        font-size: 24px;
    }
    .initiative_info_box .header-title{
        padding-left: 5px;
        font-size: 20px;
    }
    .initiative_info_box li{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .initiative_info_box h4{
        padding-left: 8px;
    }
}
@media (max-width:767px) {
    .initiative_title_wrap{
        margin-top: 70px;
    }
    .initiative_tit h2{
        font-size: 30px;
    }
    .initiative_tit h5{
        font-size: 20px;
        letter-spacing: 1px;
    }
    .initiative_supertit h3{
        font-size: 1.5rem;
    }
    .initiative_info_box .header-title{
        margin-bottom: 10px;
        padding-right: 1rem;
    }
    .initiative_info_box ul, 
    .initiative_info_box ol{
        padding-left: 1.8rem;
    }
}
@media (max-width:575px) {
    .initiative_supertit h3{
        margin: 1rem auto 0rem;
        font-size: 20px;
    }
}
/*2024.12*/

/*wrap_width*/
@media (min-width:992px) {
    .glory_width{max-width: 90%;flex:0 0 90%;}
}
@media (min-width:1280px) {
    .glory_width{max-width: 1200px;flex:0 0 1200px;}
}
@media (min-width:1510px) {
    .glory_width{max-width: 1430px;flex:0 0 1430px;}
}
@media (max-width:991px) {
    .glory_width{max-width: calc(100% - 30px); flex: 0 0 calc(100% - 30px);}
}

/*錨點*/
.anchor_point { opacity: 0; font-size: 0; margin-top: -100px; }

/*idx banner*/
.banner_wrap{}
.banner_box .carousel-indicators{display: none;}
.banner_box .carousel-inner::before{
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    width: 100%;
    height: 280px;
    left: 0;
    top: 0;
    z-index: 2;
    display: none;
}
.banner_box .carousel-fade .carousel-item { /*height: calc(100vh); */position: relative;}
.banner_box .module-container .main .slide.carousel-fade a.carousel-item img{object-fit: cover;height: 100%;}
.banner_box .carousel-caption{
    right: 0;
    bottom: unset;
    left: unset;
    padding-bottom: 0px;
    color: #fff;
    top: 50%;
    transform: translate(0px, -50%);
    padding-left: 5rem;
    padding-top: 0;
    padding-right: 15%;
    background-color: rgba(0, 0, 0, 0.45);
}
.banner_box .carousel-caption h2{font-size: 65px; letter-spacing: 1px; margin-top: -3.5rem; line-height: 1.3; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);margin-bottom: 20px;}
.banner_box .carousel-control-prev-icon {
    width: 70px;
    height: 70px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    transform: rotate(-45deg);
    background-image: unset;
}
.banner_box .carousel-control-next-icon{
    width: 70px;
    height: 70px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    background-image: unset;
}
@media (max-width:767px) {
    .banner_wrap{margin-top: 70px;}
    .banner_box .carousel-caption{display: block !important;left: 0; padding-bottom: 0px;padding-left: 0rem; padding-right: 10%;margin-top: 1.5rem;}
    .banner_box .carousel-caption h2{font-size: 30px;margin-top: -2.5rem;}
    .banner_box .carousel-control-prev-icon, 
    .banner_box .carousel-control-next-icon{width: 35px;height: 35px;}
}
@media (max-width:320px) {
    .banner_wrap{
        margin-top: 65px;
    }
}

/*idx block title*/
.idx_blockTIT{margin-top: 5rem;}
.idx_blockTIT section.link.text-link{width: auto; display: table; margin: auto;}
.idx_blockTIT section.text-link h2{padding: 0; margin-bottom: -1rem; margin-left: -1rem; font-weight: bold;letter-spacing: 1px;}
.idx_blockTIT div.link-list{width: auto; display: table; min-height: unset;}
.idx_blockTIT div.link-list ul li a, 
.idx_blockTIT div.link-list ul li span{padding-top: 13px; padding-bottom: 0px; letter-spacing: 0px; padding-left: 4rem;}

/*idx blockBTN*/
.idx_blockBTN {padding: 0 20px 15px;}
.idx_blockBTN div.link-list{display: table; background: none; }
.idx_blockBTN div.link-list ul li{position: relative;background: #fff; border: 1px solid #08318f;}
.idx_blockBTN div.link-list ul li:hover{background: #08318f;}
.idx_blockBTN div.link-list ul li::before{
    content: '';
    display: block;
    position: absolute;
    height: 4px;
    left: 5px;
    right: -5px;
    bottom: -5px;
    background: #8398c7;
}
.idx_blockBTN div.link-list ul li::after{
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    top: 5px;
    right: -5px;
    bottom: -5px;
    background: #8398c7;
}
.idx_blockBTN div.link-list ul li a, 
.idx_blockBTN div.link-list ul li span{padding: 9px 15px 9px 7rem; font-weight: 600; position: relative;}
.idx_blockBTN div.link-list ul li a::before, 
.idx_blockBTN div.link-list ul li span::before{
    content: '';
    display: block;
    width: 5rem;
    height: 1px;
    background: #08318f;
    position: absolute;
    left: 0;
    top: 50%;
}
.idx_blockBTN div.link-list ul li a::after, 
.idx_blockBTN div.link-list ul li span::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 0 13px;
    border-color: transparent transparent transparent #08318f;
    position: absolute;
    left: 5rem;
    top: calc(50% - 5px);
}
.idx_blockBTN div.link-list ul li a:hover::before, 
.idx_blockBTN div.link-list ul li span:hover::before{background: #fff;}
.idx_blockBTN div.link-list ul li a:hover::after, 
.idx_blockBTN div.link-list ul li span:hover::after{border-color: transparent transparent transparent #fff;}

/*idx about*/
.idx_about_wrap{padding-bottom: 5rem; background: #fff;}
.idx_about_wrap .main.row{padding-top: 5rem;}
.idx_about_wrap .idx_blockTIT {padding-left: 45%;margin-bottom: -5.5rem;margin-top: 0;}
.idx_about_wrap .idx_blockTIT section.link.text-link{width: 100%; padding-left: 15px;}
.idx_about{margin-bottom: -5rem;}
.idx_about .mix-wrapper{padding-top: 0; padding-bottom: 0;}
.idx_about .mix-wrapper .pic-content{margin-top: 5px;}
.idx_about .mix-wrapper .img-mode .img-box{padding:0 2.5rem 0 2.5rem;}
.idx_about .mix-wrapper .img-mode .img-box::before{
    content: '';
    display: block;
    width: 2.5rem;
    position: absolute;
    left: 0;
    top: 2.5rem;
    bottom: 2rem;
    background: #eba017;
}
.idx_about .mix-wrapper .editor-content{margin-top: 7rem; line-height: 1.8; letter-spacing: 1px;}
@media (max-width:1509px) {
    .idx_about .mix-wrapper .pic-content > .row{height: 100%;}
    .idx_about .mix-wrapper .img-mode .img-box img{object-fit: cover; object-position: center center; height: 100%; width: 100%;}
    .idx_about .mix-wrapper .editor-content{letter-spacing: 0px; text-align: left;padding-bottom: 6rem;}
}
@media (max-width:991px) {
    .idx_about_wrap{padding-bottom: 0;}
    .idx_about_wrap .main.row{padding-bottom: 6rem;}
    .idx_about_wrap .idx_blockTIT{padding-left: 15px;margin-bottom: 3rem;}
    .idx_about_wrap .idx_blockTIT section.link.text-link{width: auto;}
    .idx_about{margin-bottom: 0;}
    .idx_about .mix-wrapper .pic-content{max-width: 100%;flex: 0 0 100%;order: 1;}
    .idx_about .mix-wrapper .editor-content{margin-top: 0;padding: 0 0 0.5rem;}
}
@media (max-width:575px) {
    .idx_about .mix-wrapper .pic-content, 
    .idx_about .mix-wrapper .img-mode .img-box{padding: 0;}
    .idx_about .mix-wrapper .img-mode .img-box::before{
        width: calc(100% - 3rem);
        left: 1.5rem;
        top: unset;
        bottom: -1rem;
        height: 1rem;
    }
}

/*idx initiative*/
.idx_initiative_wrap .idx_blockBTN {margin-top: -4rem;}
.idx_initiative_wrap .idx_blockBTN div.link-list{float: right;}
.idx_initiativeTXT{padding: 0 5.5rem; margin-top: 3rem;}
.idx_initiativeTXT::before{
    content: "“";
    display: block;
    font-family: cursive;
    font-size: 6.5rem;
    color: #acd187;
    position: absolute;
    left: -3rem;
    top: -30px;
}
.idx_initiativeTXT::after{
    content: "”";
    display: block;
    font-family: cursive;
    font-size: 6.5rem;
    color: #acd187;
    position: absolute;
    right: -3rem;
    top: -30px;
}
.idx_initiativeTXT .module-container .main > div:nth-child(2) *{font-size: 18px; letter-spacing: 1px; line-height: 1.8;}
.idx_initiative .falls-container .grid .grid-item{width: calc(33.33333% - 5rem); margin: 1rem 2.5rem; padding: 0; border: 1px solid #e2e2e2; background: #fff;}
.idx_initiative .falls-container .grid .grid-item img{width: 210px; margin: 2.5rem auto 2rem; aspect-ratio: 1 / 1; object-fit: cover; object-position: center center; border-radius: 150px; display: block;}
.idx_initiative .falls-container .grid .grid-item h3{margin: 0 auto 1rem; display: table;font-size: 30px; font-weight: bold; color: #43959b; letter-spacing: 1px; padding-left: 3rem;position: relative;}
.idx_initiative .falls-container .grid .grid-item:nth-child(1) h3::before{
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/cf4864db-67b4-4796-b87b-71bc7cdbf062.png);
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.idx_initiative .falls-container .grid .grid-item:nth-child(2) h3::before{
    content: '';
    display: block;
    width: 38px;
    height: 36px;
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/29becb2e-45bc-47e0-8f86-9e9095d27806.png);
    position: absolute;
    left: -5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.idx_initiative .falls-container .grid .grid-item:nth-child(3) h3::before{
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/3f90faab-44f1-41f3-8b8d-b6b297caa2cd.png);
    position: absolute;
    left: -2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.idx_initiative .falls-container .grid .grid-item p{margin-bottom: 0;font-size: 18px; color: #b1ced1; letter-spacing: 0.5px; font-family: arial !important; margin-bottom: 0;}
.idx_initiative .falls-container .grid .grid-item ul{min-height: 165px; margin-bottom: 0; margin-top: 1.5rem; padding: 1.5rem 1rem; list-style-type: none;}
.idx_initiative .falls-container .grid .grid-item:nth-child(1) ul{background: #acd187;}
.idx_initiative .falls-container .grid .grid-item:nth-child(2) ul{background: #113c93;}
.idx_initiative .falls-container .grid .grid-item:nth-child(3) ul{background: #eba017;}
.idx_initiative .falls-container .grid .grid-item ul li{color: #fff; line-height: 1.8; letter-spacing: 1px;}
.idx_initiative .falls-container .grid .grid-item:nth-child(1) ul li::before{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #ffff00;
    margin-right: 10px;
}
.idx_initiative_wrap .idx_blockBTN:nth-last-child(1){margin-top: 0;}
.idx_initiative_wrap .idx_blockBTN:nth-last-child(1) div.link-list{float: unset; margin: 1rem auto 6rem;}
@media (max-width:1509px) {
    .idx_initiative .falls-container{width: 100% !important;}
}
@media (max-width:1279px) {
    .idx_initiative .falls-container .grid .grid-item{width: calc(33.33333% - 3rem); margin: 1rem 1.5rem;}
}
@media (max-width:991px) {
    .idx_initiative_wrap .idx_blockBTN{margin-top: -5rem;}
    .idx_initiative_wrap .idx_blockBTN div.link-list{float: none; margin: auto;}
    .idx_initiative .falls-container .grid .grid-item{width: calc(33.33333% - 1rem); margin: 1rem 0.5rem;}
}
@media (max-width:767px) {
    .idx_initiativeTXT::before{
        font-family: serif;
        font-size: 4.5rem;
        left: 1rem;
        top: -2rem;
    }
    .idx_initiativeTXT::after {
        font-family: serif;
        font-size: 4.5rem;
        right: 1rem;
        top: -2rem;
    }
    .idx_initiative .falls-container .grid .grid-item{width: calc(100% - 1rem);}
}
@media (max-width:575px) {
    .idx_initiativeTXT{padding: 0 2.5rem;}
    .idx_initiativeTXT::before{left: 0;top: -3rem;}
    .idx_initiativeTXT::after{right: 0;top: -3rem;}
}

/*idx service*/
.idx_service_wrap{padding-bottom: 6rem; background: #fff;}
.idx_service {margin-bottom: -7rem;}
.idx_service .hover-wall .icon_info{border-radius: 0; box-shadow: none; background: none; aspect-ratio: 45 / 26; display: block; margin-bottom: 10px;}
.idx_service .hover-wall .icon_info:hover{bottom: 0;box-shadow: none;}
.idx_service .hover-wall .icon_info a{display: flex; flex-wrap: wrap; justify-content: center; height: 100%; align-content: end;position: relative;transition: .3s;}
.idx_service .hover-wall .icon_info:hover a{align-content: center;transition: .3s;}
.idx_service .hover-wall .icon_info a::before{
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: unset;
    min-height:80px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 1;
    transition: .3s;
}
.idx_service .hover-wall .icon_info:hover a::before{
    left: 15px;
    right: 15px;
    top: 15px;
    transition: .3s;
}
.idx_service .hover-wall .icon_info figure{margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;}
.idx_service .hover-wall figure .overlay i{display: none;}
.idx_service .hover-wall figure .b_img{object-fit: cover; object-position: center center; height: 100%;}
.idx_service .hover-wall .icon_info h3{position: relative; width: 100%; font-size: 21px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.idx_service .hover-wall .icon_info h4{width: 100%; position: relative; font-style: unset; font-size: 14px; margin-bottom: 30px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.idx_service .hover-wall .icon_info:hover h4{margin-bottom: 0;}
@media (max-width:1279px) {
    .idx_service .hover-wall .icon_info a::before{/*left: 15%;right: 15%;*/}
}

/*idx tours*/
.idx_tours_wrap .idx_blockBTN div.link-list{margin: 3.5rem auto 6rem;}
.idx_tours {padding: 0 30px;}
.idx_tours .swiper-container{padding-right: 70px;}
.idx_tours .swiper-container-horizontal > .swiper-pagination-bullets{padding-left: 70px;}
.idx_tours .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.idx_tours .swiper-pagination-bullet{width: 12px; height: 12px;border: 1px solid #acd187; background: #fff;}
.idx_tours .swiper-pagination-bullet-active{background-color: #acd187;}
.idx_tours [class*='swiper-button-']{opacity: 1;}
.idx_tours [class*='swiper-button-']:after{background: transparent;}
.idx_tours .swiper-slide-style{border-radius: 0; box-shadow: none; background: none;transition: .3s;transform:  scale(1);margin-top: 75px;margin-bottom: 60px;}
.idx_tours .swiper-slide.swiper-slide-active{transform:  scale(1.15);transition: .3s;}
.idx_tours .swiper-slide.swiper-slide-prev{margin-right: 65px !important;}
.idx_tours .swiper-slide.swiper-slide-next{margin-left: 35px;}
.idx_tours .swiper-slide .swiper-img{margin-bottom: 1.5rem;}
.idx_tours .swiper-slide .swiper-img img{border-radius: 0;}
.idx_tours .swiper-slide .swiper-title{font-size: 21px; color: #121212; display: table; margin: auto; line-height: 1.3; border-left: 2px solid #eba017; border-right: 2px solid #eba017;}
@media (max-width:575px) {
    .idx_tours .swiper-container{padding-right: 0px;}
    .idx_tours .swiper-container-horizontal > .swiper-pagination-bullets{padding-left: 0px;}
    .idx_tours .swiper-slide-style{margin-top: 55px; margin-bottom: 40px;}
    .idx_tours .swiper-slide.swiper-slide-active{transform:  scale(1);transition: .3s;}
    .idx_tours .swiper-slide.swiper-slide-prev{margin-right: 15px !important;}
    .idx_tours .swiper-slide.swiper-slide-next{margin-left:0px;}
    .idx_tours_wrap .idx_blockBTN div.link-list{margin-top: 3rem;}
}

/*idx active*/
.idx_active_wrap .idx_blockTIT{position: absolute; max-width: unset; flex: unset; left: 8.33333%; top: 1rem; width: auto;}
.idx_active{margin-bottom: 8rem;}
.idx_active .fancybox-wrapper > figure:nth-child(1){margin-left: 16%;flex: 0 0 20%; max-width: 20%;}
.idx_active .fancybox-wrapper > figure:nth-child(6){margin-right: 16%;flex: 0 0 20%; max-width: 20%;}
.idx_active .fancybox-wrapper > figure:nth-child(2), 
.idx_active .fancybox-wrapper > figure:nth-child(5){flex: 0 0 36%; max-width: 36%;}
.idx_active .fancybox-wrapper > figure:nth-child(3), 
.idx_active .fancybox-wrapper > figure:nth-child(4){flex: 0 0 28%; max-width: 28%;}
.idx_active .fancybox-wrapper a[data-fancybox]{height: 280px;}
.idx_active .fancybox-wrapper a[data-fancybox] > img{object-fit: cover; object-position: center center; height: 100%; width: 100%;}
.idx_active_wrap .idx_blockBTN{position: absolute; bottom: 8rem; right: 8.33333%; max-width: unset; flex: unset; width: auto;}
.idx_active_wrap .idx_blockBTN div.link-list ul li{margin-top: 1.5rem;}
@media (max-width:1599px) {
    .idx_active_wrap .idx_blockTIT{left: 2.5%;}
    .idx_active{max-width: 95%; flex: 0 0 95%;}
    .idx_active_wrap .idx_blockBTN{right: 2.5%;}
}
@media (max-width:1399px) {
    .idx_active{margin-bottom: 3rem;}
    .idx_active .fancybox-wrapper > figure:nth-child(6) { margin-right: 8%; flex: 0 0 28%; max-width: 28%;}
    .idx_active_wrap .idx_blockBTN{position: unset; margin-bottom: 6rem; margin-left: auto; margin-right: auto;}
    .idx_active_wrap .idx_blockBTN div.link-list ul li{display: inline-block !important;margin: 0 1rem;}
}
@media (max-width:991px) {
    .idx_active_wrap .idx_blockTIT{position: unset; max-width: 100%; flex: 0 0 100%; margin-bottom: 3rem; margin-top: 0;}
    .idx_active{max-width: calc(100% - 30px); flex: 0 0 calc(100% - 30px);}
    .idx_active .fancybox-wrapper > figure:nth-child(1), 
    .idx_active .fancybox-wrapper > figure:nth-child(2), 
    .idx_active .fancybox-wrapper > figure:nth-child(3), 
    .idx_active .fancybox-wrapper > figure:nth-child(4), 
    .idx_active .fancybox-wrapper > figure:nth-child(5), 
    .idx_active .fancybox-wrapper > figure:nth-child(6){flex: 0 0 33.33333%; max-width: 33.33333%;margin: 0;}
}
@media (max-width:767px) {
    .idx_active .fancybox-wrapper > figure:nth-child(1), 
    .idx_active .fancybox-wrapper > figure:nth-child(2), 
    .idx_active .fancybox-wrapper > figure:nth-child(3), 
    .idx_active .fancybox-wrapper > figure:nth-child(4), 
    .idx_active .fancybox-wrapper > figure:nth-child(5), 
    .idx_active .fancybox-wrapper > figure:nth-child(6) {flex: 0 0 50%; max-width: 50%;  margin: 0; }
}
@media (max-width:575px) {
    .idx_active .fancybox-wrapper a[data-fancybox]{height: 200px;}
    .idx_active_wrap .idx_blockBTN div.link-list ul li{margin: 0rem auto 1rem; display: block !important;}
}

/*2024.12 new*/
.data_icon{
    position: absolute;
    max-width: unset;
    flex: unset;
    width: auto;
    top: 5rem;
    left: 2rem;
}
.data_box .indexservice {
    padding: 3rem 3rem 4rem;
}
.data_box .indexservice .counterbox{
    display: flex;
    flex-wrap: wrap;
}
.data_box .indexservice .counterbox .counterbox__itembox{
    flex: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__item{
    flex: 1;
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(1){
    padding-left: 3rem;
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__counter{
    width: 100%;
    color: #fff;
    font-family: 'Raleway', sans-serif !important;
    font-size: 60px;
    font-weight: 300;
    font-style: italic;
    line-height: 1;
    margin: 0;
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__title{
    width: 100%;
    color: #fff;
    font-size: 34px;
    line-height: 1;
    margin: 0;
    letter-spacing: 1px;
    margin-top: 1.5rem;
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__sbubtitle{
    width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 200;
    line-height: 1;
    margin: 12px 0 0;
    letter-spacing: 0.5px;
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__item img{
    position: absolute;
    left: 45%;
    bottom: -2rem;
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth{
    flex: 1.5;
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__title{
    text-align: center;
    position: relative;
    z-index: 1;
    width: 100%;
    font-size: 26px;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__counter{
    text-align: center;
    position: relative;
    z-index: 1;
    width: 100%;
    font-family: sans-serif !important;
    font-style: unset;
    font-size: 26px;
    margin-top: 1rem;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__counter::before{
    content: '$';
    margin-right: 5px;
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth img{
    position: absolute;
    left: 50%;
    bottom: unset;
    top: calc(50% - 1rem);
    transform: translate(-50%, -50%);
}
.data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth span{
    position: absolute;
    z-index: 9;
    color: #fff;
    bottom: -2.5rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
}
.data_box .indexservice .counterbox .counterbox__ratingbox{
    flex: 0.8;
    padding-right: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.data_box .indexservice .counterbox .counterbox__ratingbox > h3{
    width: 100%;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 0.5rem;
}
.data_box .indexservice .counterbox .counterbox__ratingrow{
    position: relative;
    background: #fff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    margin: 12px 0;
    width: calc(100% - 100px);
    margin-left: 35px;
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-last-child(1){
    width: calc(100% - 35px);
    margin-top: 14px;
    margin-left: 40px;
}
.data_box .indexservice .counterbox .counterbox__ratingrow::before{
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -35px;
    transform: translate(0px, -50%);
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 23px;
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(2):before{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/7b709535-9460-4bf1-8f81-51c171254af5.png);    
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(3):before{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/f29758cc-6ac0-4875-9c8c-4141b1f55e35.png);    
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(4):before{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/f51510bc-bfc3-4650-b509-08f0de1589a2.png);    
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(5):before{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/ed5230fc-d9ad-4de7-9975-806686853f39.png);    
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(6):before{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/bf971aff-ea10-4296-91df-8e9c930980d0.png);
    width: 48px;
    height: 48px;  
    background-size: 26px;  
    left: -40px;
}
.data_box .indexservice .counterbox .counterbox__ratingrow::after{
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: -35px;
    transform: translate(0px, -50%);
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(2):after{
    background-color: #ec7183;
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(3):after{
    background-color: #23b9d9;
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(4):after{
    background-color: #ffcf00;
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(5):after{
    background-color: #c488c5;
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(6):after{
    background-color: #9db53c;
    width: 48px;
    height: 48px;
    left: -40px;
}
.data_box .indexservice .counterbox .counterbox__ratingrow .counterbox__ratingrow-title{
    position: absolute;
    font-size: 15px;
    margin: 0;
    top: 50%;
    transform: translate(0px, -50%);
    left: 3px;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 1);
    z-index: 1;
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-last-child(1) .counterbox__ratingrow-title{
    left: 5px;
    font-size: 16px;
}
.data_box .indexservice .counterbox .counterbox__ratingrow .counterbox__animationbar{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 0%;
    position: relative;
    overflow: visible !important;
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-last-child(1) .counterbox__animationbar{
    height: 30px;
}
.data_box .indexservice .counterbox .counterbox__ratingrow > span{
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translate(0px, -50%);
    font-size: 13px;
    font-style: italic;
}
.data_box .indexservice .counterbox .counterbox__ratingrow:nth-last-child(1) > span{
    font-size: 15px;
}
@media (max-width:1509px) {
    .data_icon{
        top: 3rem;
        left: 0.5rem;
    }
    .data_box .indexservice {
        padding: 3rem 0rem 4rem;
    }
}
@media (max-width:1366px) {
    .data_box .indexservice .counterbox .counterbox__ratingbox{
        flex: 0.75;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__counter{
        font-size: 50px;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__title{
        font-size: 28px;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__sbubtitle{
        font-size: 16px;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth img{
        width: 90%;
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow{
        width: calc(100% - 80px);
        margin-left: 2rem;
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow .counterbox__ratingrow-title{
        font-size: 14px;
        left: 0.3rem;
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow:nth-last-child(1) .counterbox__ratingrow-title{
        left: 2px;
        font-size: 14px;
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow > span{
        font-size: 13px;
        right: 0.65rem;
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow::before, 
    .data_box .indexservice .counterbox .counterbox__ratingrow::after{
        width: 40px;
        height: 40px;
        left: -2rem;
    }
}
@media (max-width:1279px) {
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(2) img, 
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(3) img{
        right: 0;
        left: unset;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth{
        padding-bottom: 1.5rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__title, 
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__counter{
        position: absolute;
        top: 50%;
        transform: translate(0px, -50%);
        width: auto;
        left: 0;
        right: 0;
        padding-right: 1rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__title{
        margin-top: -10px;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__counter{
        margin-top: 1.5rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth img{
        position: unset;
        transform: unset;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth span{
        bottom: -1.5rem;
    }  
    .data_box .indexservice .counterbox .counterbox__ratingbox{
        flex: 0 0 100%;
        padding-left: 1rem;
        margin-top: 5rem;
    }
}
@media (max-width:1199px) {
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__counter{
        font-size: 45px;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__title{
        font-size: 24px;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item img{
        transform: scale(0.9);
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__title, 
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__counter{
        font-size: 22px;
    }
    .data_box .indexservice .counterbox .counterbox__ratingbox > h3{
        font-size: 24px;
        margin-bottom: 1rem;
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow{
        margin:0.8rem 0 0.8rem 2rem;
    }
}
@media (max-width:1024px) {
    .data_icon{
        top: 2rem;
        transform: scale(0.8);
    }
    .data_box .indexservice{
        padding: 2rem 0rem 3rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item img{
        transform: scale(0.8);
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(2) img, 
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(3) img{
        right: -1rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__title, 
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__counter{
        letter-spacing: 0;
    }
    .data_box .indexservice .counterbox .counterbox__ratingbox > h3{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow::before{
        transform: scale(1);
        top: calc(50% - 21px);
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow:nth-child(6):before{
        top: calc(50% - 25px);
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow .counterbox__ratingrow-title{
        font-size: 13px;
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow > span{
        right: 0.5rem;
    }
}
@media (max-width:991px) {
    .data_box .indexservice{
        padding-bottom: 2rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox{
        flex: 0 0 100%;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(2) img, 
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(3) img{
        right: 0;
    }  
}
@media (max-width:767px) {
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item{
        flex: 0 0 50%;
        height: auto;
        margin: 2rem 0;
        padding: 0 2rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(1){
        padding-left: 4rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(2) img, 
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(3) img{
        right: 2rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth{
        flex: 0 0 50%;
        padding-left: 1rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth img{
        width: 100%;
    }
    .data_box .indexservice .counterbox .counterbox__ratingbox{
        margin-top: 0;
    }
    .data_box .indexservice .counterbox .counterbox__ratingrow:nth-last-child(1) .counterbox__ratingrow-title{
        left: 5px;
    }
}
@media (max-width:575px) {
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item{
        flex: 0 0 100%;
        text-align: center;
        margin: 1rem 0;
        padding: 0 1rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item:nth-child(1){
        padding-left: 1rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__title{
        margin-top: 1rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item img{
        position: unset;
        display: block;
        margin: 0.5rem auto 0;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth{
        flex: 0 0 100%;
        padding-left: 1rem;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth img{
        margin: 0;
    }
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__title, 
    .data_box .indexservice .counterbox .counterbox__itembox .counterbox__item.earth .counterbox__counter{
        padding-right: 0;
        padding-left: 0.5rem;
    }
    .data_box .indexservice .counterbox .counterbox__ratingbox{
        margin-top: 2.5rem;
    }
}

/*tail*/
.tail_box .footer-wrap{background: none;}
.tail_box .footer-wrap .footer_center{padding-bottom: 1rem;background: none;}
.tail_box .footer-wrap .footer_center .company-info{max-width: 25%; flex: 0 0 25%;}
.tail_box .footer-wrap .footer_center .company-info .info-text{margin-top: 20px;}
.tail_box .footer-wrap .info_box p{margin-bottom: 5px; /*color: #acd187;*/ font-size: 16px; letter-spacing: 0.5px;text-align: left;}
.tail_box .footer-wrap .footer_center .contact-info{max-width: 75%; flex: 0 0 75%; margin-top: 1.5rem !important;}
.tail_box .footer-wrap .contact-box{margin-bottom: 0 !important; padding: 0 0 0 15px;}
.tail_box .footer-wrap .contact-box:nth-child(1), 
.tail_box .footer-wrap .contact-box:nth-child(3){flex: 2;}
.tail_box .footer-wrap .contact-box:nth-child(2){flex: 3;}
.tail_box .footer-wrap .contact-box h2{font-size: 19px; color: #b39500; letter-spacing: 1px; margin-bottom: 20px;}
.tail_box .footer-wrap .contact-box h4{margin: 12px 0;padding-left: 0;  font-size: 16px; color: #212121; letter-spacing: 0.5px;}
.tail_box .footer-wrap .contact-box h4 i{position: unset;  float: left; padding: 0; margin-right: 12px;}
.tail_box .footer-wrap .contact-box:nth-child(3) h4{font-size: 18px; font-weight: bold;}
.tail_box .footer-wrap .fb-info{display: none;}
.tail_box .footer-wrap .footer_sbox{border-top: 1px solid rgba(196, 163, 13, 1); padding-top: 1.5rem; margin-top: 1.5rem;}
.tail_box .footer-wrap .footer_sbox a img{height: 27px;}
.tail_box .footer-wrap .icon_wrap{padding: 0 0 2rem; background: none;position: unset;}
.tail_box .footer-wrap .icon_wrap p{font-size: 12px; color: #333; letter-spacing: 1px;}
.tail_box .footer-wrap .icon_wrap ul.footer_bticon{top: unset; right: unset; left: 79.5%; bottom: 10rem;}
.tail_box .footer-wrap .footer_bticon li{margin: 0 20px 0 0;}
.tail_box .footer-wrap .footer_bticon li a img{width: 30px;}
.tail_box .footer-wrap .footer_bticon li i{width: 30px; height: 30px; line-height: 32px; font-size: 18px;}
@media (max-width:1199px) {
    .tail_box .footer-wrap .footer_center .company-info, 
    .tail_box .footer-wrap .footer_center .contact-info{max-width: 100%;flex: 0 0 100%;}
    .tail_box .footer-wrap .icon_wrap ul.footer_bticon{position: absolute;left: 72%;width: auto;bottom: 11rem;}
}
@media (max-width:767px) {
    .tail_box .footer-wrap .footer_center{padding: 0 !important;}
    .tail_box .footer-wrap .footer_center .company-info .info-text{max-width: 100%; flex: 0 0 100%;}
    .tail_box .footer-wrap .footer_center .contact-info{flex-wrap: wrap;}
    .tail_box .footer-wrap .contact-box:nth-child(1), 
    .tail_box .footer-wrap .contact-box:nth-child(2), 
    .tail_box .footer-wrap .contact-box:nth-child(3){flex: 0 0 100%;}
    .tail_box .footer-wrap .contact-box{margin-bottom: 1.5rem !important; padding: 0;}
    .tail_box .footer-wrap .icon_wrap{display: flex; flex-wrap: wrap; justify-content: center;}
    .tail_box .footer-wrap .icon_wrap p{width: 100%; order: 1;}
    .tail_box .footer-wrap .icon_wrap ul.footer_bticon{position: unset; margin: 0 0 1rem;}
}

/*side*/
.web_sidebar .side_box{bottom: 100px;}
.web_sidebar .side_bar{width: 50px;border-radius: 0;box-shadow: none;background: rgba(255, 255, 255, 0.9) !important;border:none;padding: 5px 8px;}
.web_sidebar .side_bar li{padding: 12px 0;}
.web_sidebar .side_bar li a{display: flex; flex-wrap: wrap; align-content: center; justify-content: center;position: relative;}
.web_sidebar .side_bar li a img{width: 25px;}
.web_sidebar .side_bar li a i{font-size: 23px;}
.web_sidebar .actGotop{right: 10px;width: 50px;height: 50px;bottom: 60px;}
.web_sidebar .actGotop a, 
.web_sidebar .actGotop a:link{border-radius: 0;width: 50px;height: 50px;line-height: 68px;font-size: 14px;letter-spacing: 0.5px;}
.web_sidebar .actGotop a i{width: 50px;font-size: 33px;line-height: 27px;}
@media (max-width:767px) {
    .web_sidebar .side_box, 
    .web_sidebar .actGotop{right: 0 !important;}
    .web_sidebar .side_box{bottom: 110px;}
    .web_sidebar .side_bar{margin-bottom: 0;width: 45px;padding: 3px 5px;}
    .web_sidebar .actGotop{width: 45px;height: 45px;}
    .web_sidebar .actGotop a, 
    .web_sidebar .actGotop a:link{width: 45px;height: 45px;line-height: 61px;font-size: 13px;}
    .web_sidebar .actGotop a i{width: 45px;line-height: 28px;font-size: 25px;}
}

/*privacy*/
.privacy_box .header-title{font-size: 20px; margin-bottom: 1rem; font-weight: bold;}

/*visa*/
.visa_box table{display: table; margin: 5rem auto 3rem; background: #fff;}
.visa_box table thead{background: #43959b; color: #fff; font-size: 18px; text-align: center;}
.visa_box table thead th{padding: 5px 8px;}
.visa_box table tbody td{padding: 5px 8px;}
@media (max-width:767px) {
    .visa_box table thead{font-size: 16px;}
    .visa_box table tbody td{font-size: 14px;}
}

/*about*/
.about_title_wrap .main.row{justify-content: center; align-content: baseline; }
.about_title {position: absolute; top: 35vh; left: 50%; transform: translate(-50%, 0px);}
.about_title section.text-link h2{font-weight: bold; letter-spacing: 1px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.about_title div.link-list{background: none;min-height: unset;}
.about_title div.link-list ul{text-align: center;}
.about_title div.link-list ul li a, 
.about_title div.link-list ul li span{font-family: serif;letter-spacing: 2px;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.about_info {margin-top: -8rem; position: relative;z-index: 9;}
.about_info::before{
    content: '';
    display: block;
    position: absolute;
    height: 20px;
    left: 30px;
    right: 30px;
    bottom: -20px;
    background-color: #08318f;
}
.about_info .module-container > .main > div:nth-last-child(1){background: #fff; border: 1px solid #8398c7; padding: 3.5rem 4rem 2rem; line-height: 1.7; letter-spacing: 1px;}
.about_info .module-container > .main > div:nth-last-child(1) h3{line-height: 1.5; padding: 0 0 1rem; text-align: center; margin-bottom: 1rem;position: relative;}
.about_info .module-container > .main > div:nth-last-child(1) h3::before{
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background-color: #f8e5aa;
    position: absolute;
    left: calc(50% - 50px);
    bottom: 0;
}
.about_info .module-container > .main > div:nth-last-child(1) p{letter-spacing: 1px;padding: 0; margin-bottom: 1rem; text-align: center;}
.about_info2 {margin-top: 4rem; padding: 0 2rem;}
.about_info .module-container > .main > div:nth-last-child(1) p{text-align: center;}
.about_info2 .module-container > .main > div:nth-last-child(1) *{line-height: 1.7;}
.about_medal {margin-top: 2rem;margin-bottom: 3rem;}
.about_medal .hover-wall .htpro_tit h1{padding: 0 3px 8px; border: none; font-size: 30px; font-weight: bold; position: relative;}
.about_medal .hover-wall .htpro_tit h1::before{
    content: '';
    display: block;
    height: 27px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c3dda9;
}
.about_medal .hover-wall .htpro_tit h1 span{position: relative;}
.about_medal .hover-wall .icon_info{background: none; border-radius: 0; box-shadow: none;}
.about_medal .hover-wall .icon_info figure{margin-bottom: 1.5rem;}
.about_medal .hover-wall figure .b_img{max-width: 100%; width: auto; margin: auto; display: table;}
.about_medal .hover-wall .icon_info h3{margin-bottom: 1rem; padding: 0 1rem;}
.about_medal .hover-wall .icon_info p.animate-text{padding: 0 1rem; font-size: 20px; letter-spacing: 1px; line-height: 1.6;}
@media (max-width:575px) {
    /*.about_title_wrap .main.row{padding-top: 0rem;padding-bottom: 0rem; min-height: 66vh;background-attachment: scroll !important;}*/
    /*.about_title_wrap .main.row::before{background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.65));}*/
    .about_title {top: calc(50% - 1rem);}
    .about_title section.text-link h2{font-size: 30px !important;}
    .about_title div.link-list{margin-top: 0;}
    .about_title div.link-list ul li a, 
    .about_title div.link-list ul li span{font-size: 20px !important; padding-top: 0; padding-left: 15px;}
    .about_info{margin-top: 1rem;}
    .about_info .module-container > .main > div:nth-last-child(1){padding: 1rem 1rem 0rem; line-height: 1.5;}
    .about_info .module-container > .main > div:nth-last-child(1) h3{line-height: 1;}
    .about_info .module-container > .main > div:nth-last-child(1) h3 *{font-size: 17px !important;}
    .about_info .module-container > .main > div:nth-last-child(1) p * {font-size: 16px !important;}
    .about_info2{margin-top: 3rem;}
    .about_info2 .module-container > .main > div:nth-last-child(1) *{font-size: 17px !important;}
    .about_medal{margin-top: 1rem;}
    .about_medal .hover-wall .icon_info figure{margin-bottom: 1rem;}
    .about_medal .hover-wall .icon_info h3{font-size: 20px; margin-bottom: 0.5rem;}
    .about_medal .hover-wall .icon_info p.animate-text{font-size: 18px;line-height: 1.5;margin-bottom: 15px;}
}
/*2025 new about*/
.about-new_box .bgfixed{padding-top: 75px;}
.about-new_box .bgfixed > div > section{max-width: 83.33333%; margin: auto;}
.about-new_box .bgfixed section.abt-tit{
    padding: 1.5rem 0;
    border-left: 1px solid #fff;
    margin-bottom: 1rem;
}
.about-new_box .bgfixed section.abt-tit h3{
    font-family: arial !important;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 66px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    padding-left: 2rem;
    margin-bottom: 1rem;
}
.about-new_box .bgfixed section.abt-tit h2{
    font-size: 48px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    font-weight: bold;
    letter-spacing: 6px;
    padding-left: 2rem;
    border-left: 5px solid #fff;
    line-height: 1;
    padding-bottom: 1rem;
    margin-left: -3px;
    margin-bottom: 2rem;
}
.about-new_box .bgfixed section.abt-tit h2 span{
    font-size: 78px;
}
.about-new_box .bgfixed section.abt-info{
    padding-left: 35px;
}
.about-new_box .bgfixed section.abt-info p{
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.about-new_box .bgfixed section.abt-info img{
    margin-top: 2rem;
    max-width: 100%;
}
.about-new_box.team .bgfixed section.abt-info{padding-right: 38%;}
.quality_box01 {
    margin-top: 150px;
    border-left: 1px solid #fff !important;
    margin-bottom: 50px;
}
.quality_box01 .abt-tit{
    padding: 1.5rem 0;
    margin-bottom: 1rem;
}
.quality_box01 .abt-tit h2{
    font-size: 45px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    font-weight: bold;
    letter-spacing: 0px;
    padding-left: 4rem;
    border-left: 5px solid #fff;
    line-height: 1;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    margin-left: -3px;
    color: #fff;
    margin-bottom: 0;
}
.quality_box01 .abt-tit h2 span{
    font-size: 65px;
    margin-right: 30px;
}
.quality_box01 .abt-info{
    max-width: 60%;
    padding-left: 4.5rem;
}
.quality_box01 .abt-info p{
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.quality_box02{padding-top: 240px;}
.quality_box02 > .module-container > .main{
    background: url(https://materials.fillo.com.tw/materials/glory/images/c2595633-0c36-4ea7-a289-e54fd4e9cda6.png);
    position: relative;
}
.quality_box02 > .module-container > .main::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/44a809c4-fe2d-46a0-8fea-7029f5d1c87c.png);
    position: absolute;
    bottom: 100%;
    height: 360px;
    width: 100%;
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.quality_box02 .falls-container .grid .grid-item{
    max-width: calc(20% - 60px);
    flex: 0 0 calc(20% - 60px);
    padding: 0 0 10px;
    margin: 0px 30px 60px !important;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 10px;
}
.quality_box02 .falls-container .grid{padding-top: 40px;}
.quality_box02 .falls-container .grid .grid-item img{
    width: calc(100% - 80px);
    margin: auto;
    display: table;
    margin-top: -3rem;
    position: relative;
}
.quality_box02 .falls-container .grid .grid-item h3{
    margin: 20px 0;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding: 0 30px;
}
.quality_box02 .falls-container .grid .grid-item p{
    padding: 0 40px 0 30px;
    font-size: 16px;
    color: #fff;
}
.quality_box02 .falls-container .grid .grid-item p:nth-child(3), 
.quality_box02 .falls-container .grid .grid-item p:nth-last-child(1){
    padding: 0;
}
.quality_box02 .falls-container .grid .grid-item p:nth-child(3)::after {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    bottom: 43.5%;
    width: 20px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    left: 0px;
    border-bottom: 2px solid #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.quality_box02 .falls-container .grid .grid-item p:nth-last-child(1)::before{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    height: 10px;
    left: 35%;
    right: -2px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-bottom-right-radius: 10px;
}
.quality_box02 .falls-container .grid .grid-item p:nth-last-child(1)::after{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    position: absolute;
    left: calc(35% - 6px);
    bottom: -6px;
}
.quality_box02 .falls-container .grid .grid-item:nth-child(1) p:nth-last-child(1)::after{
    background-color: #cf494e;
}
.quality_box02 .falls-container .grid .grid-item:nth-child(2) p:nth-last-child(1)::after{
    background-color: #be5987;
}
.quality_box02 .falls-container .grid .grid-item:nth-child(3) p:nth-last-child(1)::after{
    background-color: #3391c2;
}
.quality_box02 .falls-container .grid .grid-item:nth-child(4) p:nth-last-child(1)::after{
    background-color: #d67d0f;
}
.quality_box02 .falls-container .grid .grid-item:nth-child(5) p:nth-last-child(1)::after{
    background-color: #1ba674;
}
.quality_box03 { padding: 6rem 7rem;}
.quality_box03.quality03L{background: rgba(100, 166, 27, 0.2);}
.quality_box03 .module-container > .main div:nth-last-child(1){
    background: rgba(255, 255, 255, 0.3);
    padding: 3rem 3.5rem 5rem;
}
.quality_box03 h2{
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: #d1551a;
    text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
    letter-spacing: 1px;
}
.quality_box03 h2 span{
    font-size: 40px;
}
.quality_box03 h4{
    text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
    letter-spacing: 1px;
    color: #005460;
}
.quality_box03 p{
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 2;
    font-weight: bold;
    color: #000;
    width: 100%;
    text-align: justify;
}
.quality_box04{
    max-width: 1600px;
    flex: 0 0 1600px;
}
.quality_box04 .header-title{
    width: 327px;
    height: 337px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/d2b20aac-9785-419e-b603-7e8f5da7e71e.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.quality_box04 .falls-container .grid{
    padding-top: 60px;
    justify-content: space-between;
}
.quality_box04 .falls-container .grid .grid-item{
    max-width: calc(50% - 220px);
    flex: 0 0 calc(50% - 220px);
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem;
    position: relative !important;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    left: unset !important;
    top: unset !important;
    z-index: 2;
    min-height: 220px;
}
.quality_box04 .falls-container .grid .grid-item h3{
    width: 100%;
    font-size: 26px;
    font-weight: bold;
    color: #f9f1a0;
    line-height: 1.5;
}
.quality_box04 .falls-container .grid .grid-item p{
    width: 100%;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.5px;
}
.quality_box04 .falls-container .grid .grid-item p:nth-child(3), 
.quality_box04 .falls-container .grid .grid-item p:nth-last-child(1){
    margin: 0;
}
.quality_box04 .falls-container .grid .grid-item:nth-child(odd){
    padding-right: 15%;
}
.quality_box04 .falls-container .grid .grid-item:nth-child(1), 
.quality_box04 .falls-container .grid .grid-item:nth-child(5){
    margin-left: 130px;
}
.quality_box04 .falls-container .grid .grid-item:nth-child(odd) h3, 
.quality_box04 .falls-container .grid .grid-item:nth-child(odd) p{
    text-align: right;
}
.quality_box04 .falls-container .grid .grid-item:nth-child(even){
    padding-left: 15%;
}
.quality_box04 .falls-container .grid .grid-item:nth-child(2), 
.quality_box04 .falls-container .grid .grid-item:nth-child(6){
    margin-right: 130px;
}
.quality_box04 .falls-container .grid .grid-item img{
    margin: 0;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}
.about-new_wrap01.milestone .main.row{
    min-height: 100vh;
    align-content: baseline;
}
.about-new_wrap01.milestone .main.row::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/802899db-443a-474d-b6c3-185c46214fce.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.milestone_box01 {
    margin-top: 100px;
}
.milestone_box01 section.abt-tit{
    padding: 1.5rem 0;
    border-left: 1px solid #ac7e45;
    margin-bottom: 1rem;
}
.milestone_box01 section.abt-tit h3{
    font-family: arial !important;
    color: #4f4100;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 66px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    padding-left: 2rem;
    margin-bottom: 1rem;
}
.milestone_box01 section.abt-tit h2{
    font-size: 48px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    letter-spacing: 6px;
    padding-left: 2rem;
    border-left: 5px solid #ac7e45;
    line-height: 1;
    padding-bottom: 1rem;
    margin-left: -3px;
    margin-bottom: 2rem;
    color: #4f4100;
}
.milestone_box01 section.abt-tit h2 span{
    font-size: 64px;
    margin-right: 1.5rem;
}
.milestone_box02{
    position: absolute;
    top: 300px;
    padding-left: 50px;
    z-index: 1;
}
.milestone_history img{
    float: right;
}
.milestone_box02 .falls-container .grid{
    align-items: flex-start;
    justify-content: flex-start;
}
.milestone_box02 .falls-container .grid .grid-item{
    max-width: 11.1111%;
    flex: 0 0 11.1111%;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    padding: 0;
}
.milestone_box02 .falls-container .grid .grid-item h3{
    padding: 5px 8px;
    border: 1px solid #ac7e45;
    border-radius: 8px;
    font-weight: bold;
    line-height: 1.5;
    font-size: 20px;
    text-align: center;
    margin: 15px 0;
}
.milestone_box02 .falls-container .grid .grid-item p{
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 12px;
    padding: 0 0 0 5px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(1){
    min-width: 221px;
    margin-top: 40px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(1)::before{
    content: '';
    display: block;
    width: 27%;
    height: 1px;
    background: #ac7e45;
    position: absolute;
    right: -4px;
    bottom: 0;
    transform: rotate(59deg);
    transform-origin: bottom right;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after {
    content: '';
    display: block;
    width: 1px;
    height: 72%;
    background: #ac7e45;
    position: absolute;
    right: -5px;
    top: 100%;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(2){
    margin-top: 14.5%;
    margin-left: 45px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(2)::before {
    content: '';
    display: block;
    width: 37%;
    height: 1px;
    background: #ac7e45;
    position: absolute;
    transform: rotate(-59deg);
    transform-origin: bottom left;
    top: -16px;
    left: 21px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(2)::after {
    content: '';
    display: block;
    width: 1px;
    height: 72%;
    background: #ac7e45;
    position: absolute;
    left: 20px;
    bottom: 56px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(2) h3{
    min-width: 238px;
    order: 1;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(2) p{
    padding-left: 2rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(3){
    margin-left: -1rem;
    margin-top: -3rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(3)::before {
    content: '';
    display: block;
    width: 22%;
    height: 1px;
    background: #ac7e45;
    position: absolute;
    left: 48px;
    top: calc(100% - 16px);
    transform: rotate(45deg);
    transform-origin: bottom left;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after {
    content: '';
    display: block;
    width: 1px;
    height: 48%;
    background: #ac7e45;
    position: absolute;
    left: 5rem;
    top: calc(109%);
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(3) h3{
    order: 1;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(4){
    margin-top: 14%;
    max-width: 180px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(4)::before {
    content: '';
    display: block;
    width: 35%;
    height: 1px;
    background: #ac7e45;
    position: absolute;
    transform: rotate(-64deg);
    transform-origin: bottom left;
    top: -4px;
    left: -5px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after {
    content: '';
    display: block;
    width: 1px;
    height: 64%;
    background: #ac7e45;
    position: absolute;
    left: -6px;
    bottom: 56px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(4) h3{
    order: 1;
    margin-left: -2rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(5){
    margin-left: -2.5rem;
    margin-top: -4rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(5)::before {
    content: '';
    display: block;
    width: 22%;
    height: 1px;
    background: #ac7e45;
    position: absolute;
    left: 56px;
    top: calc(100% - 16px);
    transform: rotate(45deg);
    transform-origin: bottom left;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(5)::after {
    content: '';
    display: block;
    width: 1px;
    height: 55%;
    background: #ac7e45;
    position: absolute;
    left: 5.5rem;
    top: calc(110%);
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(5) h3{
    order: 1;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(6){
    margin-top: 13.5%;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(6)::before {
    content: '';
    display: block;
    width: 31%;
    height: 1px;
    background: #ac7e45;
    position: absolute;
    transform: rotate(-60deg);
    transform-origin: bottom left;
    top: 2px;
    left: -14px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after {
    content: '';
    display: block;
    width: 1px;
    height: 64%;
    background: #ac7e45;
    position: absolute;
    left: -15px;
    bottom: 56px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(6) h3{
    order: 1;
    margin-left: -3rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(7){
    margin-left: -6rem;
    margin-top: -3rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(7)::before {
    content: '';
    display: block;
    width: 20%;
    height: 1px;
    background: #ac7e45;
    position: absolute;
    left: 75px;
    top: calc(100% - 16px);
    transform: rotate(45deg);
    transform-origin: bottom left;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after {
    content: '';
    display: block;
    width: 1px;
    height: 88%;
    background: #ac7e45;
    position: absolute;
    left: 6.5rem;
    top: calc(110%);
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(7) h3{
    order: 1;
    min-width: 238px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(7) p{
    min-width: 250px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(8){
    margin-top: -7rem;
    margin-left: 4rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(8)::before {
    content: '';
    display: block;
    width: 19%;
    height: 1px;
    background: #ac7e45;
    position: absolute;
    transform: rotate(-45deg);
    transform-origin: bottom right;
    top: 3.5rem;
    left: 0px;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after {
    content: '';
    display: block;
    width: 1px;
    height: 65%;
    background: #ac7e45;
    position: absolute;
    left: 10px;
    bottom: -20%;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(8) h3{
    margin-bottom: 1.5rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(8) p{
    min-width: 260px;
    padding-left: 2rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(9){
    margin-top: 3rem;
    margin-left: -1rem;
}
.milestone_box02 .falls-container .grid .grid-item:nth-child(9) h3{
    min-width: 238px;
}
.about-new_wrap02.milestone .main.row{
    align-items: baseline;
}
.about-new_wrap02.milestone .main.row::before {
    content: '';
    display: block;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.25) 20%, rgba(0, 0, 0, 0.55) 80%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.milestone_box01.experience{
    padding-left: 5%;
    margin-top: 50px;
    position: sticky;
    top: 100px;
    z-index: 10;
}
.milestone_box01.experience section.abt-tit{
    border-color: #fff;
}
.milestone_box01.experience section.abt-tit h3{
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}
.milestone_box01.experience section.abt-tit h2{
    color: #fff;
    border-color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}
.milestone_box01.experience section.abt-info{
    padding-left: 35px;
}
.milestone_box01.experience section.abt-info p{
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    color: #fff;
}
.milestone_companies{
    margin-top: 70px;
    margin-bottom: 70px;
}
.milestone_companies .function-row h2{
    font-size: 45px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 3rem;
    margin-top: 0;
}
.milestone_companies .function-row .row-content{
    padding-left: 16%;
    padding-right: 16%;
}
.milestone_companies .function-row li{
    max-width: 25%;
    flex: 0 0 25%;
    margin-bottom: 1rem;
}
.milestone_companies .function-row li a img{
    width: 110px;
}
.milestone_companies .function-row li a h3{
    width: 100%;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 1px;
}
.experience_box01{
    background: linear-gradient(90deg, rgb(255, 198, 176, 0.3) 20%, rgba(200, 57, 2, 0.55) 80%);
}
.experience_box02{
    background: linear-gradient(90deg, rgb(168, 255, 200, 0.3) 20%, rgba(1, 188, 70, 0.55) 80%);
}
.experience_box03{
    background: linear-gradient(90deg, rgb(168, 230, 255, 0.3) 20%, rgba(1, 140, 195, 0.55) 80%);
}
.experience_box01 .module-container > .main > div:nth-last-child(1), 
.experience_box02 .module-container > .main > div:nth-last-child(1), 
.experience_box03 .module-container > .main > div:nth-last-child(1){
    padding-left: 33.33333%;
    padding-top: 70px;
    padding-bottom: 70px;
}
.experience_box01 .module-container > .main > div:nth-last-child(1) h3, 
.experience_box02 .module-container > .main > div:nth-last-child(1) h3, 
.experience_box03 .module-container > .main > div:nth-last-child(1) h3{
    font-size: 45px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
    margin-top: 0;
}
.experience_box01 .module-container > .main > div:nth-last-child(1) p, 
.experience_box02 .module-container > .main > div:nth-last-child(1) p, 
.experience_box03 .module-container > .main > div:nth-last-child(1) p{
    font-size: 22px;
    color: #fff;
    letter-spacing: 0.5px;
}
@media (max-width:1599px) {
    .about-new_box.team .bgfixed section.abt-info {
        padding-right: 29%;
    }
    .quality_box04{
        max-width: 1440px;
        flex: 0 0 1440px;
    }
    .quality_box04 .falls-container .grid .grid-item{
        min-height: 185px;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(odd){
        padding-right: 14.5%;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(even){
        padding-left: 14.5%;
    }
    .quality_box04 .falls-container .grid .grid-item h3{
        font-size: 24px;
    }
}
@media (max-width:1439px) {
    .quality_box04{
        max-width: 1280px;
        flex: 0 0 1280px;
    }
    .quality_box04 .header-title{
        width: 277px;
        height: 287px;
        font-size: 36px;
    }
    .quality_box04 .falls-container .grid .grid-item {
        max-width: calc(50% - 180px);
        flex: 0 0 calc(50% - 180px);
        min-height: 165px;
    }
    .milestone_box01 section.abt-tit h2{
        letter-spacing: 4px;
    }
}
@media (max-width:1365px) {
    .about-new_box.team .bgfixed section.abt-info {
        padding-right: 19%;
    }
    .milestone_box01.experience section.abt-tit h2{
        letter-spacing: 3px;
    }
    .milestone_box01.experience section.abt-tit h2 span{
        margin-right: 0.5rem;
    }
    .milestone_box01 section.abt-tit h3{
        font-size: 63px;
    }
    .milestone_box01 section.abt-tit h2{
        font-size: 43px;
    }
    .milestone_box01 section.abt-tit h2 span{
        font-size: 63px;
    }
}
@media (max-width:1279px) {
    .quality_box01 .abt-info{
        max-width: 70%;
    }
    .quality_box02 {
        padding-top: 160px;
    }
    .quality_box02 .falls-container .grid .grid-item{
        max-width: calc(20% - 40px);
        flex: 0 0 calc(20% - 40px);
        margin: 0px 20px 60px !important;
    }
    .quality_box02 .falls-container .grid .grid-item img{
        width: calc(100% - 50px);
        margin-top: -2.5rem;
    }
    .quality_box02 .falls-container .grid .grid-item h3{
        margin: 15px 0;
        font-size: 20px;
    }
    .quality_box02 .falls-container .grid .grid-item p{
        padding: 0 30px 0 30px;
        font-size: 15px;
    }
    .quality_box02 .falls-container .grid .grid-item p:nth-child(3)::after{
        bottom: 55.5%;
        width: 15px;
    }
    .quality_box02 .falls-container .grid .grid-item p:nth-last-child(1)::before{
        left: 50%;
    }
    .quality_box02 .falls-container .grid .grid-item p:nth-last-child(1)::after{
        left: calc(50% - 6px);
    }
    .quality_box03 {
        padding: 4rem 5rem;
    }
    .quality_box03 .module-container > .main div:nth-last-child(1){
        padding: 2.5rem 3rem 4rem;
    }
    .quality_box03 p{
        line-height: 1.7;
    }
    .quality_box04 {
        max-width: 1024px;
        flex: 0 0 1024px;
    }
    .quality_box04 .header-title {
        width: 200px;
        height: 210px;
        font-size: 30px;
    }
    .quality_box04 .falls-container .grid .grid-item {
        max-width: calc(50% - 130px);
        flex: 0 0 calc(50% - 130px);
        min-height: 140px;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(odd){
        padding-right: 15%;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(1), 
    .quality_box04 .falls-container .grid .grid-item:nth-child(5){
        margin-left: 80px;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(even){
        padding-left: 15%;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(2), 
    .quality_box04 .falls-container .grid .grid-item:nth-child(6){
        margin-right: 80px;
    }
    .quality_box04 .falls-container .grid .grid-item h3 {
        font-size: 20px;
    }
    .quality_box04 .falls-container .grid .grid-item p{
        font-size: 14px;
        letter-spacing: 0;
    }
    .milestone_companies .function-row .row-content{
        padding-right: 10%;
    }
}
@media (max-width:1024px) {
    .quality_box01 .abt-info {
        max-width: 85%;
    }
    .quality_box02 {
        padding-top: 125px;
    }
    .quality_box02 .falls-container .grid{
        padding-bottom: 40px;
    }
    .quality_box02 .falls-container .grid .grid-item {
        max-width: calc(20% - 30px);
        flex: 0 0 calc(20% - 30px);
        margin: 0px 15px 60px !important;
    }
    .quality_box02 .falls-container .grid .grid-item img {
        width: calc(100% - 40px);
        margin-top: -2rem;
    }
    .quality_box02 .falls-container .grid .grid-item h3{
        padding-right: 15px;
        padding-left: 25px;
    }
    .quality_box02 .falls-container .grid .grid-item p:nth-child(3)::after{
        bottom: 63%;
    }
    .quality_box02 .falls-container .grid .grid-item p{
        padding-right: 15px;
        padding-left: 25px;
    }
    .quality_box03 .module-container > .main div:nth-last-child(1) {
        padding: 2rem 2rem 3rem;
    }
    .quality_box03 h2{
        font-size: 32px;
    }
    .quality_box03 h2 span {
        font-size: 38px;
    }
    .quality_box03 h4{
        font-size: 28px;
        margin-bottom: 1.5rem;
    }
    .quality_box04 {
        max-width: 800px;
        flex: 0 0 800px;
    }
    .quality_box04 .header-title{
        position: unset;
        transform: unset;
        margin: 5rem auto 0;
    }
    .quality_box04 .falls-container .grid{
        padding-top: 35px;
        justify-content: center;
    }
    .quality_box04 .falls-container .grid .grid-item{
        max-width: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        min-height: 135px;
        margin: 15px !important;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(odd) {
        padding-right: 18.5%;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(even) {
        padding-left: 18.5%;
    }
    .milestone_box01.experience section.abt-tit h3{
        font-size: 55px;
    }
    .milestone_box01.experience section.abt-tit h2 {
        letter-spacing: 0px;
        font-size: 35px;
    }
    .milestone_box01.experience section.abt-tit h2 span{
        font-size: 55px;
    }
    .milestone_companies .function-row li a img{
        width: 85px;
    }
    .milestone_companies .function-row li a h3{
        font-size: 20px;
    }
    .experience_box01 .module-container > .main > div:nth-last-child(1) p, 
    .experience_box02 .module-container > .main > div:nth-last-child(1) p, 
    .experience_box03 .module-container > .main > div:nth-last-child(1) p {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
@media (max-width:991px) {
    .about-new_box.team .bgfixed{background-position: right -100px center !important;}
    .about-new_box.team .bgfixed > div{background-color: rgba(0, 0, 0, 0.35);padding: 2rem 0;}
    .about-new_box.team .bgfixed section.abt-info { padding-right: 24px;}
    .quality_box01{
        max-width: 83.33333%;
        flex: 0 0 83.33333%;
    }
    .quality_box01 .abt-info {
        max-width: 100%;
    }
    .quality_box02 .falls-container .grid{
        padding-bottom: 40px;
    }
    .quality_box02 .falls-container .grid .grid-item{
        max-width: calc(33% - 30px);
        flex: 0 0 calc(33% - 30px);
        position: relative !important;
        top: unset !important;
        left: unset !important;
    }
    .quality_box02 .falls-container .grid .grid-item p:nth-child(3)::after{
        bottom: 40%;
    }
    .milestone_box01.experience{
        position: unset;
    }
    .experience_box01 .module-container > .main > div:nth-last-child(1), 
    .experience_box02 .module-container > .main > div:nth-last-child(1), 
    .experience_box03 .module-container > .main > div:nth-last-child(1){
        padding-left: 15px;
        padding-right: 15px;
    }
    .milestone_companies .function-row .row-content{
        padding-left: 10%;
    }
}
@media (max-width:799px) {
    .quality_box04 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .quality_box04 .falls-container .grid .grid-item{
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        min-height: 280px;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(odd) {
        padding-right: 40%;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(even) {
        padding-left: 40%;
    }
}
@media (max-width:767px) {
    .about-new_box .bgfixed{padding-top: 70px;}
    .about-new_box .bgfixed section.abt-tit h3{font-size: 40px;}
    .about-new_box .bgfixed section.abt-tit h2{
        font-size: 34px;
        letter-spacing: 3px;
        margin-bottom: 1rem;
    }
    .about-new_box .bgfixed section.abt-tit h2 span {font-size: 55px;}
    .about-new_box .bgfixed section.abt-info p{
        font-size: 18px;
        letter-spacing: 1px;
    }
    .about-new_box .bgfixed section.abt-info img{margin-top: 1rem;}
    .quality_box01 .abt-tit h2{
        font-size: 30px;
        letter-spacing: 0px;
        padding-left: 2rem;
    }
    .quality_box01 .abt-tit h2 span {
        font-size: 48px;
        margin-right: 20px;
    }
    .quality_box01 .abt-info{
        padding-left: 2.5rem;
    }
    .quality_box01 .abt-info p{
        font-size: 18px;
        letter-spacing: 1px;
    }
    .quality_box02 .falls-container .grid .grid-item p:nth-child(3)::after {
        bottom: 52%;
    }
    .quality_box03 {
        padding: 3rem 4rem;
    }
    .quality_box03 .module-container > .main div:nth-last-child(1){
        padding-bottom: 2rem;
    }
    .quality_box03 h4 {
        font-size: 26px;
        margin-bottom: 1rem;
    }
    .quality_box03 p{
        font-size: 18px;
    }
    .milestone_box01.experience section.abt-tit h3{
        font-size: 40px;
    }
    .milestone_box01.experience section.abt-tit h2{
        font-size: 34px;
        letter-spacing: 1px;
    }
    .milestone_box01.experience section.abt-tit h2 span{
        font-size: 53px;
    }
    .milestone_box01.experience section.abt-info p{
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 1.6;
    }
    .milestone_companies .function-row h2{
        font-size: 38px;
        margin-bottom: 2rem;
    }
    .experience_box01 .module-container > .main > div:nth-last-child(1) h3, 
    .experience_box02 .module-container > .main > div:nth-last-child(1) h3, 
    .experience_box03 .module-container > .main > div:nth-last-child(1) h3{
        font-size: 38px;
        margin-bottom: 24px;
    }
}
@media (max-width:639px) {
    .quality_box04 .falls-container .grid .grid-item{
        min-height: 220px;
    }
}
@media (max-width:540px) {
    .about-new_box .bgfixed > div > section{max-width: 90%;}
    .about-new_box .bgfixed section.abt-tit{padding: 1rem 0;}
    .about-new_box .bgfixed section.abt-tit h3{padding-left: 20px; font-size: 32px;}
    .about-new_box .bgfixed section.abt-tit h2{
        padding-left: 20px;
        font-size: 24px;
        padding-bottom: 5px;
        margin-bottom: 0.5rem;
        letter-spacing: 2px;
    }
    .about-new_box .bgfixed section.abt-tit h2 span{
        font-size: 38px;
    }
    .about-new_box .bgfixed section.abt-info{
        padding-left: 24px;
    }
    .about-new_box .bgfixed section.abt-info p{
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 1.6;
    }
    .about-new_box .bgfixed section.abt-info img{
        margin-top: 0.5rem;
    }
    .quality_box01{
        max-width: 90%;
        flex: 0 0 90%;
        margin-top: 110px;
    }
    .quality_box01 .abt-tit{
        margin-bottom: 0;
    }
    .quality_box01 .abt-tit h2{
        padding-left: 20px;
        font-size: 20px;
    }
    .quality_box01 .abt-tit h2 span{
        font-size: 35px;
        margin-right: 10px;
    }
    .quality_box01 .abt-info{
        padding-left: 25px;
    }
    .quality_box01 .abt-info p{
        font-size: 16px;
        letter-spacing: 0.5px;
    }
    .quality_box02{
        padding-top: 75px;
    }
    .quality_box02 > .module-container > .main::before{
        height: 110px;
    }
    .quality_box02 .falls-container .grid .grid-item{
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
    }
    .quality_box03{
        padding: 2rem 3rem;
    }
    .quality_box03 .module-container > .main div:nth-last-child(1){
        padding: 1.5rem 1.5rem 1.5rem;
    }
    .quality_box03 h2{
        font-size: 28px;
    }
    .quality_box03 h2 span{
        font-size: 34px;
    }
    .quality_box03 h4{
        font-size: 22px;
    }
    .quality_box03 p{
        font-size: 16px;
    }
    .quality_box04 .falls-container .grid .grid-item{
        min-height: 180px;
    }
    .milestone_box01.experience{
        padding-left: 8%;
    }
    .milestone_box01.experience section.abt-tit h3{
        padding-left: 20px;
        font-size: 32px;
    }
    .milestone_box01.experience section.abt-tit h2{
        padding-left: 20px;
        font-size: 24px;
        padding-bottom: 5px;
        margin-bottom: 0.5rem;
        letter-spacing: 2px;
    }
    .milestone_box01.experience section.abt-tit h2 span{
        font-size: 38px;
    }
    .milestone_box01.experience section.abt-info {
        padding-left: 25px;
        padding-right: 15px;
    }
}
@media (max-width:480px) {
    .milestone_companies .function-row .row-content {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (max-width:414px) {
    .quality_box04 .falls-container .grid .grid-item{
        min-height: 140px;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(odd){
        padding-right: 38%;
    }
    .quality_box04 .falls-container .grid .grid-item:nth-child(even){
        padding-left: 38%;
    }
    .quality_box04 .falls-container .grid .grid-item h3{
        font-size: 17px;
        margin-bottom: 4px;
        line-height: 1.3;
    }
    .quality_box04 .falls-container .grid .grid-item p{
        line-height: 1.3;
        margin-bottom: 5px;
    }
    .milestone_companies{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .milestone_companies .function-row h2{
        font-size: 30px;
    }
    .milestone_companies .function-row li {
        max-width: 33%;
        flex: 0 0 33%;
        margin-bottom: 0.5rem;
    }
    .milestone_companies .function-row li a img{
        width: 70px;
    }
    .milestone_companies .function-row li a h3{
        font-size: 17px;
        letter-spacing: 0;
    }
    .experience_box01 .module-container > .main > div:nth-last-child(1), 
    .experience_box02 .module-container > .main > div:nth-last-child(1), 
    .experience_box03 .module-container > .main > div:nth-last-child(1){
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .experience_box01 .module-container > .main > div:nth-last-child(1) h3, 
    .experience_box02 .module-container > .main > div:nth-last-child(1) h3, 
    .experience_box03 .module-container > .main > div:nth-last-child(1) h3{
        font-size: 30px;
    }
    .experience_box01 .module-container > .main > div:nth-last-child(1) p, 
    .experience_box02 .module-container > .main > div:nth-last-child(1) p, 
    .experience_box03 .module-container > .main > div:nth-last-child(1) p {
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.2;
    }
}
@media (max-width:375px) {
    .quality_box01 .abt-tit h2 span{
        font-size: 30px;
        margin-right: 8px;
    }
    .quality_box02 .falls-container .grid .grid-item p:nth-child(3)::after{
        bottom: 35%;
    }
    .quality_box02 .falls-container .grid .grid-item img{
        width: calc(100% - 80px);
    }
    .quality_box04 .falls-container .grid .grid-item{
        min-height: 125px;
    }
}
/*里程碑調整*/
@media (max-width:1820px) {
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::before{
        display: none;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after {
        content: '';
        display: block;
        width: 1px;
        height: 70%;
        background: #ac7e45;
        position: absolute;
        right: 50%;
        top: 100%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2){
        margin-left: -2.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3){
        min-width: 204px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3) p{
        padding: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4){
        margin-top: 15%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::before{
        width: 40%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5)::before{
        width: 24%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) h3{
        margin-left: -2rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::before{
        width: 35%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7){
        margin-left: -5rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::before{
        left: 92px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after{
        left: 7.5rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after{
        height: 70%;
        bottom: -25%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9){
        margin-left: -2rem;
    }
}
@media (max-width:1720px) {
    .milestone_box02{
        padding-left: 20px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after{
        height: 125%;
        right: unset;
        left: 20%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2){
        margin-top: 18.5%;
        margin-left: -5.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2)::before{
        width: 40%;
        top: -6px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3){
        margin-top: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after{
        height: 74%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4){
        margin-top: 19%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5){
        margin-top: -0.5rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 17.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7){
        margin-top: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::before{
        width: 22%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after{
        height: 95%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-top: -3rem;
        margin-left: 5rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after{
        height: 72%;
        bottom: -23%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9){
        margin-top: 8rem;
    }
    .milestone_history{
        margin-top: 60px;
    }
}
@media (max-width:1680px) {
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after{
        height: 100%;
        left: 27%;
        top: 120%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2){
        margin-top: 22%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2)::before, 
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::before, 
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::before, 
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5)::before, 
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::before, 
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::before, 
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::before{
        display: none;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2)::after{
        height: 49%;
        bottom: calc(100% + 20px);
        left: 56%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after{
        left: 49%;
        top: calc(100% + 5px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4){
        margin-top: 23%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) h3{
        margin-left: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after{
        left: 37%;
        bottom: calc(100% + 20px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5) {
        margin-top: -3.5rem;
        min-width: 200px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5)::after{
        height: 90%;
        left: 6rem;
        top: calc(100% + 5px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 22%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after{
        height: 47%;
        left: 32%;
        bottom: calc(100% + 20px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after {
        height: 98%;
        top: calc(100% + 5px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8){
        margin-top: -5rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after {
        height: 33%;
        bottom: unset;
        top: calc(100% + 20px);
        left: 24px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) h3 {
        margin-bottom: 15px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) p {
        min-width: 230px;
        padding-left: 5px;
    }
}
@media (max-width:1600px) {
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after{
        height: 94%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2){
        min-width: 190px;
        margin-left: -7%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2)::after {
        height: 47%;
        left: 60%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after {
        height: 70%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4){
        margin-left: -1.5rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after{
        left: 45%;
        height: 58%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5)::after {
        height: 85%;
        left: 6.3rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after {
        height: 42%;
        left: 34%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) h3{
        min-width: 220px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) p{
        padding: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after{
        height: 93%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) {
        margin-left: -3rem;
    }
}
@media (max-width:1440px) {
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after{
        height: 82%;
        left: 23%;
        top: calc(100% + 20px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2){
        margin-left: -9.5%;
        margin-top: 23.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3){
        margin-left: -2%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after {
        height: 62%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-left: -3%;
        margin-top: 24.5%;
        min-width: 200px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after {
        left: 40%;
        height: 56%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5){
        margin-left: -5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5)::after {
        height: 77%;
        left: 6rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 23.5%;
        margin-left: -2%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after{
        left: 43%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after {
        height: 84%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8){
        margin-left: 6rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9){
        max-width: 180px;
        margin-top: 6rem;
    }
}
@media (max-width:1366px) {
    .milestone_box02 .falls-container .grid .grid-item h3{
        font-size: 18px;
        margin: 10px 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1) {
        min-width: 210px;
        margin-top: 45px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after{
        height: 100%;
        top: calc(100% + 15px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2)::after {
        height: 47%;
        left: 57%;
        bottom: calc(100% + 15px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after{
        height: 75%;
        left: 41%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-left: -4.5%;
        margin-top: 23.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after {
        left: 38%;
        height: 47%;
        bottom: calc(100% + 15px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5){
        margin-left: -6%;
        margin-top: -2rem;
        min-width: 185px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6){
        min-width: 156px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after{
        left: 45%;
        bottom: calc(100% + 15px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after {
        height: 100%;
        left: 8.2rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after{
        top: calc(100% + 15px);
        height: 45%;
    }
}
@media (max-width:1280px) {
    .milestone_history{
        margin-bottom: 150px;
    }
    .milestone_box02 .falls-container .grid .grid-item h3{
        font-size: 17px;
        padding: 5px 6px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after{
        height: 97%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-left: -11%;
        margin-top: 25.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2)::after{
        height: 56%;
        left: 56%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) h3{
        min-width: 201px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3){
        margin-left: -2.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after {
        height: 74%;
        left: 39%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-left: -5.8%;
        margin-top: 25.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after{
        height: 57%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5){
        margin-left: -7%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5)::after {
        height: 75%;
        left: 50%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 24%;
        margin-left: -2.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after{
        left: 43%;
        height: 36%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) h3 {
        min-width: 185px;
        margin-left: -1rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7){
        margin-top: 1%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after {
        height: 90%;
        left: 83%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) h3{
        min-width: 201px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-top: -8rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after {
        height: 86%;
        left: 30px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) {
        margin-left: -3.5rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) h3 {
        min-width: 201px;
    }
}
@media (max-width:1210px) {
    .milestone_box01 section.abt-tit{
        padding: 1rem 0;
    }
    .milestone_box01 section.abt-tit h3{
        letter-spacing: 0;
        font-size: 60px;
    }
    .milestone_box01 section.abt-tit h2{
        font-size: 40px;
        letter-spacing: 3px;
        margin-bottom: 1rem;
    }
    .milestone_box01 section.abt-tit h2 span {
        font-size: 60px;
        margin-right: 0.5rem;
    }
    .milestone_history {
        margin-top: 80px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1){
        margin-top: 1px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after {
        height: 111%;
        left: 20%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-left: -12.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2)::after{
        height: 65%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3) {
        margin-top: -2%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after {
        height: 71%;
        left: 34%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4){
        margin-left: -7.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after {
        height: 65%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5)::after {
        height: 56%;
        left: 44%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6){
        margin-left: -4%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after {
        left: 40%;
        height: 45%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) {
        margin-top: -1%;
        margin-left: -6%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after {
        height: 87%;
        left: 76%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-top: -10rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after{
        height: 101%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) {
        margin-left: -4.5rem;
        margin-top: 4.5rem;
    }
}
@media (max-width:1155px) {
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2){
        margin-left: -13.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2)::after {
        height: 58%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after {
        height: 67%;
        left: 29%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-left: -9.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after {
        height: 58%;
        left: 40%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5)::after {
        height: 53%;
        left: 41%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-left: -5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after{
        height: 39%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7){
        margin-left: -7%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after {
        height: 82%;
        left: 80%;
    }
}
@media (max-width:1108px) {
    .milestone_history {
        margin-top: 150px;
        margin-bottom: 200px;
    }
    .milestone_box02 .falls-container .grid .grid-item h3{
        font-size: 16px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1) {
        margin-top: 80px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after {
        height: 95%;
        left: 19%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-left: -15%;
        margin-top: 32.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) h3 {
        min-width: 190px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3) {
        margin-top: -10px;
        margin-left: -3.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after {
        height: 109%;
        left: 34%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4){
        margin-top: 32.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5) {
        margin-left: -8%;
        margin-top: 2.3rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-left: -5.5%;
        margin-top: 31%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) {
        margin-left: -7.5%;
        margin-top: -6rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after{
        height: 215%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) h3 {
        min-width: 190px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-top: 1rem;
        margin-left: 2rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after {
        height: 12%;
        left: 47%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9){
        margin-top: 9.5rem;
        margin-left: -0.5rem;
    }
}
@media (max-width:1069px) {
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-left: -16%;
        margin-top: 33.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3) {
        margin-left: -4%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-top: 33.5%;
        margin-left: -10.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5) {
        margin-left: -8.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-left: -6%;
        margin-top: 32%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) {
        margin-left: -10.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after {
        height: 212%;
        left: 106%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-left: 3.5rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) h3{
        min-width: 121px;
    }
}
@media (max-width:1035px) {
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-left: -17%;
        margin-top: 34.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3)::after {
        height: 104%;
        left: 30%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-top: 34.5%;
        margin-left: -11.5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5) {
        margin-left: -9%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-left: -6.5%;
        margin-top: 34%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after {
        height: 48%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) {
        margin-left: -11%;
        margin-top: -6.2rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-left: 3.2rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after{
        left: 52%;
    }
}
@media (max-width:991px) {
    .milestone_box01{
        padding-left: 70px;
    }
    .milestone_history_m{
        margin-bottom: 100px;
        z-index: 2;
    }
    .milestone_history_m img{
        margin: auto;
        display: table;
    }
    .milestone_box02 {
        padding-left: 15px;
    }
    .milestone_box02 .falls-container .grid{
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .milestone_box02 .falls-container .grid .grid-item{
        max-width: 50%;
        flex: 0 0 50%;
        min-width: unset !important;
    }
    .milestone_box02 .falls-container .grid .grid-item::after{
        width: 30% !important;
        background: none !important;
        border-color: #ac7e45 !important;
        height: 2rem !important;
    }
    .milestone_box02 .falls-container .grid .grid-item p {
        min-width: unset !important;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(odd){
        padding-left: 25%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(odd)::after{
        border-right: 1px solid;
        border-bottom: 1px solid;
        top: calc(100% + 15px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(even){
        padding-left: 4%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(even)::after{
        border-left: 1px solid;
        border-bottom: 1px solid;
        top: calc(100% + 15px);
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1) {
        margin-top: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1)::after{
        left: 30%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-left: 0;
        margin-top: 10%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2)::after {
        left: 35%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) h3{
        order: -1;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3){
        margin-top: 0%;
        margin-left: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3) h3 {
        order: -1;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4){
        margin-top: 13%;
        margin-left: 0;
        max-width: 50%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after {
        left: 35%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) h3{
        order: -1;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5){
        margin-top: 0%;
        margin-left: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5)::after {
        left: 30%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5) h3 {
        order: -1;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6){
        margin-top: 14%;
        margin-left: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6)::after {
        left: 35%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) h3{
        order: -1;
        margin-left: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7){
        margin-top: 0;
        margin-left: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7)::after {
        left: 30%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) h3{
        order: -1;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8){
        margin-left: 0;
        margin-top: 11%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8)::after {
        left: 35%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9){
        margin-top: 0;
        margin-left: 0;
        max-width: max-content;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9)::after {
        content: '';
        display: block;
        left: 35%;
        position: absolute;
    }
}
@media (max-width:839px) {
    .milestone_box02 .falls-container .grid .grid-item:nth-child(odd){
        padding-left: 27%;
        padding-right: 1rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(even) {
        padding-right: 27%;
        padding-left: 1rem;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1){
        margin-top: -7%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2){
        margin-top: 4%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) p{
        padding-left: 5px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) h3{
        min-width: unset;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4){
        margin-top: 14%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4)::after {
        left: 35%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) h3{
        min-width: unset;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) h3{
        min-width: unset;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8){
        margin-top: 15%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) h3{
        min-width: unset;
    }
}
@media (max-width:800px) {
    .milestone_history_m .main{
        padding-left: 15%;
        padding-right: 15%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-top: 0%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6){
        margin-top: 12%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-top: 10%;
    }
}
@media (max-width:767px) {
    .milestone_box01 section.abt-tit h3{
        font-size: 40px;
    }
    .milestone_box01 section.abt-tit h2{
        font-size: 34px;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
    .milestone_box01 section.abt-tit h2 span{
        font-size: 53px;
    }
    .milestone_box02{
        top: 255px;
    }
    .milestone_box02 .falls-container .grid .grid-item h3 {
        font-size: 15px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1) {
        margin-top: -12%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-top: 9%;
    }
}
@media (max-width:699px) {
    .milestone_box02 .falls-container .grid .grid-item::after{
        height: 1rem !important;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3){
        margin-top: -10%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-top: 6%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5){
        margin-top: -12%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7){
        margin-top: -12%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-top: 5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9){
        margin-top: -13%;
    }
}
@media (max-width:640px) {
    .milestone_box01 {
        padding-left: 50px;
        margin-top: 85px;
    }
    .milestone_history_m{
        margin-top: 50px;
    }
    .milestone_box02 .falls-container .grid .grid-item h3 {
        font-size: 14px;
        margin: 10px 0 5px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(odd){
        padding-right: 10px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(even){
        padding-left: 10px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1) {
        margin-top: -10%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1) h3{
        margin-left: -3px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-top: -2%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) h3{
        margin-right: -50px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5){
        margin-top: -6%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7){
        margin-top: -8%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) h3{
        margin-left: -31px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9){
        margin-top: -8%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) h3{
        margin-left: -31px;
    }
}
@media (max-width:575px) {
    .milestone_box01{
        padding-left: 8%;
    }
    .milestone_box01 section.abt-tit h3{
        padding-left: 20px;
        font-size: 32px;
    }
    .milestone_box01 section.abt-tit h2{
        padding-left: 20px;
        font-size: 24px;
        padding-bottom: 5px;
        margin-bottom: 0.5rem;
        letter-spacing: 2px;
    }
    .milestone_box01 section.abt-tit h2 span{
        font-size: 38px;
    }
    .milestone_history_m{
        margin-top: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item::after{
        display: none !important;
    }
    .milestone_box02 .falls-container .grid .grid-item p{
        display: none;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1){
        margin-top: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2){
        margin-top: 16%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) h3{
        margin-right: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3){
        margin-top: 2%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-top: 21%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5) {
        margin-top: 0%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 21%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) {
        margin-top: 0%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) h3 {
        margin-left: 0;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-top: 19%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) {
        margin-top: 4%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) h3 {
        margin-left: 0;
    }
}
@media (max-width:480px) {
    .milestone_box02 {
        top: 240px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1) h3 {
        margin-left: 0px;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3) {
        margin-top: 0%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 16%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) h3 {
        min-width: unset;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) {
        margin-top: -2%;
    }
}
@media (max-width:414px) {
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-top: 11%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(3) {
        margin-top: -10%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-top: 13%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(5) {
        margin-top: -5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 14%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) {
        margin-top: -5%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-top: 15%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) {
        margin-top: -5%;
    }
}
@media (max-width:375px) {
    .milestone_box02 .falls-container .grid .grid-item h3{
        padding: 3px 3px;
        line-height: 1.3;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(1) {
        margin-top: -2%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(7) {
        margin-top: -9%;
    }
}
@media (max-width:320px) {
    .milestone_box02 .falls-container .grid .grid-item h3 {
        line-height: 1.2;
        letter-spacing: -0.5px;
        margin: 0 !important;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(2) {
        margin-top: 13%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(4) {
        margin-top: 16%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 18%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(8) {
        margin-top: 16%;
    }
    .milestone_box02 .falls-container .grid .grid-item:nth-child(9) {
        margin-top: 0%;
    }
}

/*永續相關*/
.sustainability_wrap_tit .main.row{
    min-height: 100vh;
    align-content: baseline;
}
.sustainability_box01{
    margin-top: 120px;
    margin-bottom: 30px;
}
.sustainability_box01 .abt-tit{
    padding: 1.5rem 0;
    border-left: 1px solid #fff;
    margin-bottom: 1rem;
}
.sustainability_box01 .abt-tit h3{
    font-family: arial !important;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 66px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    padding-left: 2rem;
    margin-bottom: 1rem;
}
.sustainability_box01 .abt-tit h2{
    font-size: 75px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    font-weight: bold;
    letter-spacing: 3px;
    padding-left: 2rem;
    border-left: 5px solid #fff;
    line-height: 1;
    padding-bottom: 1rem;
    margin-left: -3px;
    margin-bottom: 1rem;
    color: #fff;
}
.sustainability_btns div.link-list{
    background: rgba(199, 140, 85, 0.75);
}
.sustainability_btns div.link-list ul{
    width: 83.33333%;
    margin: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0;
}
.sustainability_btns div.link-list ul li{
    width: 20%;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 2rem 0;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.sustainability_btns div.link-list ul li:nth-child(5n+1){
    border-left: 0px solid rgba(255, 255, 255, 0.5);
}
.sustainability_btns div.link-list ul li a, 
.sustainability_btns div.link-list ul li span{
    padding: 10px;
    line-height: 1.5;
    font-size: 23px;
    letter-spacing: 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    text-align: center;
}
.sustainability_btns div.link-list ul li i{
    display: none;
}
.sustainable_wrap.wrap01 .main.row{
    background: linear-gradient(to bottom, #a3a888 0%, #84a8a8 100%);
}
.sustainable_wrap.wrap03 .main.row{
    background: linear-gradient(to bottom, #84a8a8 0%, #bcad81 100%);
}
.sustainable_wrap.wrap05 .main.row{
    background: linear-gradient(to bottom, #bcad81 0%, #a39196 100%);
}
.sustainable_wrap.wrap07 .main.row{
    background: linear-gradient(to bottom, #a39196 0%, #929bbd 100%);
}
.sustainable_wrap.wrap09 .main.row{
    background: linear-gradient(to bottom, #929bbd 0%, #6ea0c3 100%);
}
.sustainability_box .mix-wrapper{
    padding: 0 15px;
}
.sustainability_box .mix-wrapper .pic-content{
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.sustainability_box .mix-wrapper .pic-content img{
    width: 100%;
}
.sustainability_box .mix-wrapper .editor-content{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.sustainability_box .mix-wrapper .editor-content h3{
    text-align: center;
    width: 100%;
    padding: 0 4rem 1rem;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
.sustainability_box .mix-wrapper .editor-content p{
    font-size: 21px;
    letter-spacing: 0.5px;
    line-height: 1.8;
    width: 100%;
    padding: 0 4rem;
}
.sustainability_box .mix-wrapper .editor-content h6{
    width: 100%;
    font-size: 16px;
    padding: 0 4rem;
    letter-spacing: 0.5px;
    line-height: 1.5;
    margin-top: 1rem;
}
.sustainability_box.box01 .mix-wrapper .editor-content{
    padding-right: 0;
}
.sustainable_wrap.wrap01 .sustainability_box.box01 .mix-wrapper .editor-content, 
.sustainable_wrap.wrap07 .sustainability_box.box01 .mix-wrapper .editor-content{
    padding-left: 8.33333%;    
}
.sustainability_box.box01 .mix-wrapper .editor-content hr{
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    height: 1px;
    width: 100%;
}
.sustainability_box.box02 .mix-wrapper .editor-content{
    padding-left: 0;
}
.sustainability_box.box02 .mix-wrapper .editor-content hr{
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    height: 1px;
    width: 100%;
}
#sustainability_box01, #sustainability_box02, #sustainability_box03, #sustainability_box04, #sustainability_box05, #sustainability_box06, #sustainability_box07, #sustainability_box08, #sustainability_box09, #sustainability_box10{
    position: absolute;
    top: -75px;
    width: 100%;
}
@media (max-height:900px) {
    .sustainability_box01 {
        margin-top: 100px;
        margin-bottom: 15px;
    }
    .sustainability_box01 .abt-tit h3{
        font-size: 50px;
    }
    .sustainability_box01 .abt-tit h2{
        font-size: 60px;
    }
    .sustainability_btns div.link-list ul{
        padding: 0.5rem 0;
    }
    .sustainability_btns div.link-list ul li{
        margin: 1rem 0;
    }
    .sustainability_btns div.link-list ul li a, 
    .sustainability_btns div.link-list ul li span{
        padding: 7px 10px;
    }
}
@media (max-width:1280px) {
    .sustainability_box .mix-wrapper .editor-content h3, 
    .sustainability_box .mix-wrapper .editor-content p, 
    .sustainability_box .mix-wrapper .editor-content h6{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media (max-width:1024px) {
    .sustainability_btns div.link-list ul li a, 
    .sustainability_btns div.link-list ul li span{
        font-size: 20px;
    }
    .sustainability_box .mix-wrapper .editor-content h3{
        font-size: 30px;
        line-height: 1.3;
        margin-bottom: 0;
    }
    .sustainability_box .mix-wrapper .editor-content p{
        font-size: 19px;
        line-height: 1.7;
        margin-bottom: 0.5rem;
    }
    .sustainability_box .mix-wrapper .editor-content h6{
        margin-top: 0.5rem;
    }
}
@media (max-width:991px) {
    .sustainability_box01{
        max-width:83.3333%;
        flex: 0 0 83.3333%;
    }
}
@media (max-width:767px) {
    .sustainability_box01 .abt-tit h3{
        font-size: 40px;
    }
    .sustainability_box01 .abt-tit h2{
        font-size: 50px;
        letter-spacing: 1px;
    }
    .sustainability_btns{
        margin-bottom: 3rem;
    }
    .sustainability_btns div.link-list ul{
        width: 100%;
    }
    .sustainability_btns div.link-list ul li {
        margin: 10px 0;
    }
    .sustainability_btns div.link-list ul li a, 
    .sustainability_btns div.link-list ul li span {
        font-size: 18px;
    }
    .sustainable_wrap.wrap01 .sustainability_box.box01 .mix-wrapper .editor-content, 
    .sustainable_wrap.wrap07 .sustainability_box.box01 .mix-wrapper .editor-content, 
    .sustainability_box.box01 .mix-wrapper .editor-content, 
    .sustainability_box.box02 .mix-wrapper .editor-content{
        padding: 0 15px;
    }
    .sustainability_box .mix-wrapper .editor-content h3, 
    .sustainability_box .mix-wrapper .editor-content p, 
    .sustainability_box .mix-wrapper .editor-content h6 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sustainability_box .mix-wrapper .pic-content > .row{
        width: 100%;
    }
    #sustainability_box01, #sustainability_box02, #sustainability_box03, #sustainability_box04, #sustainability_box05, #sustainability_box06, #sustainability_box07, #sustainability_box08, #sustainability_box09, #sustainability_box10{
        top: -70px;
    }
}
@media (max-width:575px) {
    .sustainability_wrap_tit .main.row{
        min-height: max-content;
    }
    .sustainability_btns div.link-list ul li{
        width: 50%;
    }
    .sustainability_btns div.link-list ul li:nth-child(5n+1){
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }
    .sustainability_btns div.link-list ul li:nth-child(2n+1){
        border-left: 0px solid rgba(255, 255, 255, 0.5);
    }
    .sustainability_btns div.link-list ul li a, 
    .sustainability_btns div.link-list ul li span {
        padding: 3px 8px;
    }
    .sustainability_box .mix-wrapper .editor-content{
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .sustainability_box .mix-wrapper .editor-content h3 {
        font-size: 28px;
        line-height: 1.3;
    }
    .sustainability_box .mix-wrapper .editor-content p {
        font-size: 18px;
        line-height: 1.5;
    }
    .sustainability_box .mix-wrapper .editor-content h6{
        font-size: 15px;
        line-height: 1.4;
    }
}
@media (max-width:430px) {
    .sustainability_box01 {
        max-width: 90%;
        flex: 0 0 90%;
        margin-top: 90px;
        margin-bottom: 10px;
    }
    .sustainability_btns {
        margin-bottom: 2rem;
    }
    .sustainability_box01 .abt-tit{
        padding: 1rem 0;
    }
    .sustainability_box01 .abt-tit h3{
        padding-left: 20px;
        font-size: 32px;
    }
    .sustainability_box01 .abt-tit h2{
        padding-left: 20px;
        font-size: 38px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }
    .sustainability_btns div.link-list ul li a, 
    .sustainability_btns div.link-list ul li span {
        font-size: 17px;
        padding: 3px 8px;
    }
}

/*green_travel*/
.page_banner .module-container > .main::before{
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
    width: 100%;
    height: 280px;
    left: 0;
    top: 0;
    z-index: 5;
}
.page_banner .module-container .bgfixed{position: relative;z-index: 3;}
.page_banner .bgfixed > div > section{display: table; margin: auto; text-align: center;margin-top: -3rem;}
.page_banner .bgfixed > div > section h2{font-size: 65px; font-weight: bold; letter-spacing: 1px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.page_banner .bgfixed > div > section h5{font-size: 30px; letter-spacing: 3px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); font-family: serif;}
.travel_box {margin-top: 2rem; margin-bottom: 3rem;}
.travel_box .hover-wall > .container-fluid > .row{justify-content: center;}
.travel_box .hover-wall .icon_info{background: none; box-shadow: none; border-radius: 0;margin-bottom: 1rem;}
.travel_box .hover-wall .icon_info:hover{box-shadow: none;}
.travel_box .hover-wall .icon_info figure{aspect-ratio: 3 / 2.1; display: block; margin-bottom: 20px;}
.travel_box .hover-wall figure .overlay{display: none;}
.travel_box .hover-wall figure .b_img{object-fit: cover; object-position: center center; height: 100%;}
.travel_box .hover-wall .icon_info h3{display: table; margin: 0 auto 0.5rem; font-size: 21px;  font-weight: normal; padding: 0 24px; border-left: 2px solid #eba017; border-right: 2px solid #eba017;}
.travel_box .hover-wall .icon_info h4{display: table;font-style: unset;width: 100%;}
.travel_box .hover-wall .icon_info p{display: table; width: 100%;}
@media (max-width:575px) {
    .page_banner .module-container > .main::before{display: none;}
    .page_banner .module-container .bgfixed{aspect-ratio: 16 / 9; height: unset !important; min-height: unset !important; margin-top: 85px; overflow: hidden;display: flex; align-content: center; justify-content: center;}
    .page_banner .module-container .bgfixed > div{display: flex; flex-wrap: wrap;  align-content: center; justify-content: center;}
    .page_banner .bgfixed > div > section{margin-top: 0rem;}
    .page_banner .bgfixed > div > section h2{font-size: 30px;}
    .page_banner .bgfixed > div > section h5{font-size: 20px; letter-spacing: 1px;}
    .travel_box{margin-top: 0;}
    .travel_box .hover-wall .icon_info h3{padding: 0 15px;}
}
@media (max-width:320px) {
    .page_banner .module-container .bgfixed{margin-top: 65px;}
}

.page_banner.initiative .bgfixed > div > section{margin-bottom: 5rem;}
.initiative_txt{padding: 2rem 2rem 7rem; backdrop-filter: blur(1px); margin-top: 2rem; background-color: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0;z-index: 9;}
.initiative_txt .module-container > .main > div:nth-last-child(1){max-width: 1440px; margin: auto;font-size: 20px; color: #fff; letter-spacing: 1px; line-height: 1.8; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.initiative_tabs{z-index: 9;}
.initiative_tabs .blk-tabs > ul.nav li{position: relative; width: 450px; height: 190px; background-position: center; background-size: cover;display: flex; margin-left: 15px; margin-right: 15px; margin-top: -6rem;}
.initiative_tabs .blk-tabs > ul.nav li::before{
    content: '';
    display: block;
    position: absolute;
    width: 103px;
    height: 95px;
    left: 2.5rem;
    top: 50%;
    transform: translate(0, -50%);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(1){
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/f670abab-362d-42a1-9563-3c9a5db507e0.jpg);
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(1)::before{
    background-image:url(https://materials.fillo.com.tw/materials/glory/images/214701ab-4414-4f8a-9b48-49a230e1767b.png);
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(2){
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/d18e9660-a241-4862-b4d8-bc68f90b2045.jpg);
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(2)::before{
    background-image:url(https://materials.fillo.com.tw/materials/glory/images/a99d5742-3f47-4338-a510-2c3539e39bf1.png);
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(3){
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/3f66d3c3-b2c8-4bf1-8efb-42d33fc7e7fd.jpg);
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(3)::before{
    background-image:url(https://materials.fillo.com.tw/materials/glory/images/0d5ff90b-7774-4feb-ae4c-d5a26acaee24.png);
}
.initiative_tabs .blk-tabs > ul.nav li .nav-link{
    position: relative;
    width: 100%;
    border-radius: 0;
    padding-left: 185px;
    padding-top: 2.5rem;
    font-size: 32px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #fff;
    font-family: arial !important;
}
.initiative_tabs .blk-tabs > ul.nav li .nav-link:hover, 
.initiative_tabs .blk-tabs > ul.nav li .nav-link.active{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/6e734cf4-4358-4d5a-85ab-46b607d1ebb7.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: transparent;
}
.initiative_tabs .blk-tabs > ul.nav li .nav-link::before, 
.initiative_tabs .blk-tabs > ul.nav li .nav-link::after{
    display: block;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    font-family: 'arial';
    position: absolute;
    left: 182px;
    font-weight: normal;
    line-height: 1;
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(1) .nav-link::before{
    content: 'Environmental Policy';
    top: 6.3rem;
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(2) .nav-link::before{
    content: 'Environment,';
    bottom: 5rem;
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(2) .nav-link::after{
    content: 'Social and Governance';
    top: 7rem;
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(3) .nav-link::before{
    content: 'Sustainable';
    bottom: 5rem;
}
.initiative_tabs .blk-tabs > ul.nav li:nth-child(3) .nav-link::after{
    content: 'Development Goals';
    top: 7rem;
}
.initiative_box {margin-top: 5rem;margin-bottom: 3rem;}
.initiative_box .mix-wrapper{padding: 0 30px;}
.initiative_box .mix-wrapper .pic-content{margin-top: 0;}
.initiative_box .mix-wrapper .editor-content{padding-left: 3rem;margin-top: 0;}
.initiative_box .mix-wrapper .editor-content p{margin-bottom: 2rem;}
.initiative_box img{display: block; margin: auto;}
.initiative_tailtxt {
    padding: 2rem 4rem 1rem;
    background: #fff;
    border: 1px solid #113c93 !important;
    margin-bottom: 6rem;
    margin-top: 2rem;
}
.initiative_tailtxt::before{
    content: '';
    display: block;
    position: absolute;
    height: 10px;
    left: 15px;
    right: 15px;
    bottom: -11px;
    background-color: #8398c7;
}
.initiative_tailtxt .module-container > .main > div:nth-last-child(1){font-size: 22px; letter-spacing: 1px; line-height: 1.7;}
@media (max-width:1509px) {
    .initiative_tabs .blk-tabs > ul.nav li{width: 400px;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link{padding-left: 170px;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link::before, 
    .initiative_tabs .blk-tabs > ul.nav li .nav-link::after{left: 172px;}
}
@media (max-width:1309px) {
    .initiative_tabs .blk-tabs > ul.nav li{width: 340px;}
    .initiative_tabs .blk-tabs > ul.nav li::before{left: 2rem;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link{padding-top: 2rem;padding-left: 163px;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link::before, 
    .initiative_tabs .blk-tabs > ul.nav li .nav-link::after{left: 165px;}
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(1) .nav-link::before{top: 5.8rem;}
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(2) .nav-link::before, 
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(3) .nav-link::before{bottom: 5.5rem;}
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(2) .nav-link::after, 
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(3) .nav-link::after{top: 6.5rem;}
}
@media (max-width:1129px) {
    .initiative_tabs .blk-tabs > ul.nav li{width: calc(33.33333% - 20px);height: 160px; margin-left: 10px;margin-right: 10px;}
    .initiative_tabs .blk-tabs > ul.nav li::before{width: 80px; height: 80px;left: 1.5rem;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link{font-size: 28px;padding-left: 130px;padding-top: 1.5rem;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link::before, 
    .initiative_tabs .blk-tabs > ul.nav li .nav-link::after{left: 130px;font-size: 18px;}
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(1) .nav-link::before { top: 4.8rem;}
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(2) .nav-link::before, 
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(3) .nav-link::before {bottom: 4.4rem;}
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(2) .nav-link::after, 
    .initiative_tabs .blk-tabs > ul.nav li:nth-child(3) .nav-link::after {top: 5.7rem;}
}
@media (max-width:767px) {
    .initiative_tabs .blk-tabs{margin-top: -6rem;}
    .initiative_tabs .blk-tabs > ul.nav li{width: calc(33.33333% - 30px); margin-left: 15px; margin-right: 15px; margin-top: 0;}
    .initiative_tabs .blk-tabs > ul.nav li::before{width: 70px; height: 70px;top: 20px; left: 50%;transform: translate(-50%, 0px);}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link{padding: 95px 15px 2rem; text-align: center;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link:hover, 
    .initiative_tabs .blk-tabs > ul.nav li .nav-link.active{background-size: auto 20px;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link::before, 
    .initiative_tabs .blk-tabs > ul.nav li .nav-link::after{display: none;}
}
@media (max-width:575px) {
    .page_banner.initiative .bgfixed > div > section{margin-bottom: 0;}    
    .initiative_txt{padding: 1rem 2rem 2rem; margin-top: 0rem;  background: #f5f5f5; margin-bottom: 0rem;position: unset;}
    .initiative_txt .module-container > .main > div:nth-last-child(1){font-size: 15px; line-height: 1.5; letter-spacing: 0.5px;color: #000; text-shadow: none;}
    .initiative_txt .module-container > .main > div:nth-last-child(1) span{font-size: 18px !important;}
    .initiative_tabs .blk-tabs{margin-top: -2rem;}
    .initiative_tabs .blk-tabs > ul.nav li{width: calc(33.33333% - 16px); margin-left: 8px;margin-right: 8px;height: 125px;}
    .initiative_tabs .blk-tabs > ul.nav li::before{width: 50px; height: 50px;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link{padding: 75px 10px 2rem;letter-spacing: 0;font-size: 20px;}
    .initiative_tabs .blk-tabs > ul.nav li .nav-link:hover, 
    .initiative_tabs .blk-tabs > ul.nav li .nav-link.active{background-size: auto 15px;}
    .initiative_box{margin-top: 3rem;margin-bottom: 1rem;}
    .initiative_box .mix-wrapper{padding: 0 15px;}
    .initiative_box .mix-wrapper .editor-content{margin-top: 2rem;padding-left: 15px;}
    .initiative_tailtxt{margin-bottom: 4rem; margin-top: 1rem; padding: 1.5rem 2rem 0.5rem;}
    .initiative_tailtxt .module-container > .main > div:nth-last-child(1){font-size: 16px;line-height: 1.5; letter-spacing: 0.5px;}
}

/*article*/
.article.page_banner .module-container .bgfixed{background-position: top center;}
.article.page_banner .module-container .bgfixed > div{/*backdrop-filter: brightness(0.85);*/}
.article.page_banner .bgfixed > div > section{margin-top: 0; margin-bottom: 3rem;}
.article_btn{position: absolute; z-index: 3; bottom: 0; left: 0; right: 0;}
.article_btn div.link-list{background: rgba(19, 37, 78, 0.8); min-height: 225px;}
.article_btn div.link-list ul{display: table; margin: auto;}
.article_btn div.link-list ul li{padding: 2rem 0;position: relative;}
.article_btn div.link-list ul li a, 
.article_btn div.link-list ul li span{padding: 10px 5rem;}
.article_btn div.link-list ul li + li a, 
.article_btn div.link-list ul li + li span{border-left: 1px solid rgba(255, 255, 255, 0.5);}
.article_wrap {margin-top: -110px; z-index: 4; margin-bottom: 5rem; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.article_wrap .module-container .main.row{padding: 3rem 2rem;}
.article_video{padding: 0 2rem 3rem;}
.article_video section.youtube h2{
    margin: 0 auto 20px;
    display: table;
    font-size: 22px;
    letter-spacing: 0.5px;
    font-weight: bold;
    padding: 0 25px;
    border-left: 3px solid #eba017;
    border-right: 3px solid #eba017;
    line-height: 1.5;
}
.video_dashed{margin-bottom: 3rem; margin-top: 1rem;}
.video_dashed::before{
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 3rem;
    right: 3rem;
    bottom: 0;
    border-bottom: 1px dashed #ccc;
}
.article_wrap .idx_blockBTN div.link-list{margin: 1rem auto;}
.article_photo .fancybox-wrapper figure{position: absolute;}
.article_photo .fancybox-wrapper figure:nth-child(1){position: relative; z-index: 1;}
.article_photo .fancybox-wrapper figure a[data-fancybox]{aspect-ratio: 1 / 1; display: block; margin-bottom: 10px;background: #000; position: relative;transition: .3s;}
.article_photo .fancybox-wrapper figure a[data-fancybox]::before{
    content: '查看更多';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transition: .3s;
}
.article_photo .fancybox-wrapper figure a[data-fancybox]:hover::before{opacity: 1;transition: .3s;}
.article_photo .fancybox-wrapper figure a[data-fancybox]::after{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/d983b2b5-f630-441f-9844-561535e95eb6.svg);
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .5;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    transition: .3s;
}
.article_photo .fancybox-wrapper figure a[data-fancybox] > img{object-fit: cover; object-position: center center; height: 100%;}
.article_photo .fancybox-wrapper figure a[data-fancybox]:hover > img{opacity: .5;transition: .3s;}
.article_photo .fancybox-wrapper figure.position-bottom > .content-bottom p{font-size: 16px; color: #666; letter-spacing: 0.5px; margin-bottom: 10px;}
.article_photo .fancybox-wrapper figure.position-bottom > .content-bottom h3{font-size: 20px; line-height: 1.3; letter-spacing: 0.5px; color: #000; padding-left: 10px; border-left: 3px solid #eba017;}

@media (max-width:575px) {
    /*.article.page_banner .module-container .bgfixed{height: 70vh !important;}*/
    .article.page_banner .bgfixed > div > section{margin-bottom: 0;}
    .article_btn{position: unset;}
    .article_btn div.link-list{min-height: min-content;background: #25407d;}
    .article_btn div.link-list ul li{padding: 15px 0 45px;}
    .article_btn div.link-list ul li a, 
    .article_btn div.link-list ul li span{padding: 2px 20px; font-size: 20px !important;}
    .article_wrap{margin-top: -30px;margin-bottom: 3rem;}
    .article_wrap .module-container .main.row{padding: 2rem 0.5rem;}
    .article_video { padding: 0 1.5rem 2rem;}
    .article_video section.youtube h2{font-size: 18px; padding: 0 15px; margin-bottom: 10px;}
    .video_dashed{margin-top: 0; margin-bottom: 1.5rem;}
    .video_dashed::before{left: 0.5rem; right: 0.5rem;}
    .article_wrap .idx_blockBTN div.link-list{margin: 0 auto;}
}

/*綠色旅遊-改版2025*/
.greentour_001 .main.row{height: 971px;}
.greentour_001_a{position: absolute; max-width: max-content; top: 11%; left: 13%;z-index: 1;}
.greentour_001_b{position: absolute; max-width: max-content; bottom: -1.8rem; right: 12.5%; z-index: 1;}
.greentour_002 .main.row{height: 642px;}
.greentour_002_b{position: absolute; max-width: max-content; z-index: 1; top: -250px;}
.greentour_002_d{position: absolute; max-width: max-content; top: 38%; left: 15%;z-index: 1;}
.greentour_002_c{position: absolute; max-width: max-content; top: 31%; right: 32%;z-index: 1;}
.greentour_003_a img{display: table; margin: 1rem auto 0;}
.greentour_003_b{margin-top: 1.5rem;}
.greentour_003_b .falls-container .grid > .grid-item{max-width: 20%; flex: 0 0 20%;}
.greentour_003_b .falls-container .grid .grid-item img{width: 95%;}
.greentour_003_b .falls-container .grid .grid-item h3{
    text-align: center;
    font-size: 32px;
    letter-spacing: 1px;
    color: #663e2e;
    width: calc(100% - 30px);
    margin: 1rem auto 1rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ccc;
}
.greentour_003_b .falls-container .grid .grid-item p{
    font-size: 22px;
    text-align: center;
    width: calc(100% - 30px);
    margin: 0 auto;
    color: #8c7b36;
}
.greentour_004_b{margin-top: -13rem;}
.greentour_004_b img{display: table; margin: auto;}
.greentour_004_c div.link-list{background: none;}
.greentour_004_c div.link-list ul li{
    background: #2BA4AC;
    margin: -5rem auto 0;
    display: table !important;
    border-radius: 20px;
}
.greentour_004_c div.link-list ul li span{padding: 1rem 3.5rem; letter-spacing: 1.5px;text-align: center;}
.greentour_004A .main.row{height: 279px;}
.greentour_004_d{margin-top: -20px;}
.greentour_004_d .falls-container{max-width: 1600px; width: 1600px; padding-right: 80px;}
.greentour_004_d .falls-container .grid{padding-bottom: 0;}
.greentour_004_d .falls-container .grid .grid-item{
    display: flex;
    flex-wrap: wrap;
    padding-top: 8rem;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 5px;
    margin-top: 0 !important;
    max-width: calc(50% - 5rem);
    flex: 0 0 calc(50% - 5rem);
    margin: 0 5rem 0 0;
}
.greentour_004_d .falls-container .grid .grid-item h3{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 3px;
    background: #526d3b;
    padding: 10px 20px;
    border-radius: 12px;
    z-index: 0;
    margin: auto;
    margin-top: -69px;
}
.greentour_004_d .falls-container .grid .grid-item:nth-child(2) h3{
    background: #628391;
}
.greentour_004_d .falls-container .grid .grid-item:nth-child(2){margin: 0px 0rem 0px 5rem;}
.greentour_004_d .falls-container .grid .grid-item::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;    
    background-size: 100%;
    background-repeat: no-repeat;
}
.greentour_004_d .falls-container .grid .grid-item:nth-child(1):before{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/6474aa9e-15af-4f8f-bca5-47adf5af0b57.png);
}
.greentour_004_d .falls-container .grid .grid-item:nth-child(2):before{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/b98f77fd-b60c-4d5a-b074-7fd72db3492e.png);
}
.greentour_004_d .falls-container .grid .grid-item::after{
    content: '';
    display: block;
    position: absolute;
    top: 150px;
    bottom: 4px;
    left: 0;
    right: 0;
    background-position: bottom -5px left -4px;
    background-repeat: no-repeat;
    background-size: calc(100% + 3px);
    border-bottom-left-radius: 55px;
}
.greentour_004_d .falls-container .grid .grid-item:nth-child(1)::after{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/a0ee445b-096e-4365-b764-e47808f94b0b.png);
    border-left: 4px solid #546c39;
}
.greentour_004_d .falls-container .grid .grid-item:nth-child(2)::after{
    background-image: url(https://materials.fillo.com.tw/materials/glory/images/c5373f80-04bd-4432-a26c-9de09c6bb9a7.png);
    border-left: 6px solid #5f8492;
    background-position: bottom -3px left -6px;
    background-size: calc(100% + 6px);
    top: 180px;
    left: 1px;
}
.greentour_004_d .falls-container .grid .grid-item img{
    width: auto;
    max-width: 100%;
    position: absolute;
    right: -80px;
    bottom: 5.5rem;
    z-index: 9;
}
.greentour_004_d .falls-container .grid .grid-item p{margin-bottom: 0;}
.greentour_004_d .falls-container .grid .grid-item ul{
    margin: 0;
    background: #e3dc94;
    padding: 1.5rem 7rem 1.5rem 3.5rem;
    min-height: 450px;
    border-radius: 30px;
    border-bottom-right-radius: 60px;
    list-style-type: none;
    border-bottom: 3px solid #546c39;
}
.greentour_004_d .falls-container .grid .grid-item:nth-child(2) ul{
    background: #cfdce2;
    border-bottom: 4px solid #5f8492;
}
.greentour_004_d .falls-container .grid .grid-item ul li{
    color: #2a7686;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1.5rem;
    position: relative;
}
.greentour_004_d .falls-container .grid .grid-item ul li::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 18px 11px;
    border-color: transparent transparent #2a7786 transparent;
    position: absolute;
    left: -28px;
    top: 10px;
}
.greentour_005 .main.row{height: 563px;}
.greentour_005 .header-title, 
.greentour_005 .dp-tbl{display: none;}
.greentour_005_a{
    max-width: max-content;
    flex: unset;
    position: absolute;
    right: 22.5%;
    top: 5rem;
}
.greentour_005_b {max-width: 960px; flex: 0 0 960px; margin-top: 9rem;}
.greentour_005_b .falls-container .grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
}
.greentour_005_b .falls-container .grid .grid-item{
    max-width: max-content;
    flex: unset;
    position: unset !important;
    height: auto;
}
.greentour_005_b .falls-container .grid .grid-item img{width: auto;}
.greentour_005_b .falls-container .grid .grid-item:nth-last-child(1){
    max-width: 100%;
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
}
.greentour_006 .main.row{justify-content: center; padding: 1rem 0 1.5rem; align-items: center;}
.greentour_006_b{max-width: max-content; flex: unset;}
.greentour_006_c .function-row .flex-row{justify-content: flex-start !important;}
.greentour_006_c .function-row .flex-row li{max-width: max-content; flex: unset !important; margin-bottom: 0;}
.greentour_006_c .function-row .flex-row li:nth-child(1), 
.greentour_006_c .function-row .flex-row li:nth-last-child(1){margin-left: 1rem;}
@media (max-width:1680px) {
    .greentour_002_c{right: 25%;}
    .greentour_004_d .falls-container .grid .grid-item::after{background-position: bottom -2px left -4px;}
    .greentour_004_d .falls-container .grid .grid-item ul, 
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2) ul{border-bottom: none;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2)::after{background-position: bottom 0px left -6px;}
    .greentour_006_c .function-row .flex-row li:nth-last-child(1) a{padding: 10px 0;}
}
@media (max-width:1440px) {
    .greentour_002_c{right: 15%; top: 28%;}
    .greentour_004_d{margin-top: 0;}
    .greentour_004_d .falls-container .grid .grid-item{padding-bottom: 7px;padding-top: 7rem;}
    .greentour_004_d .falls-container .grid .grid-item::after{top: 120px;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(1)::after{bottom: 4px;background-size: calc(100% + 0px) 105px;border-left: 3px solid #546c39;background-position: bottom 0px left -3px;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2)::after{background-size: calc(100% + 2px) 105px; top: 120px; background-position: bottom 1px left -5px;border-left: 4px solid #5f8492;}
    .greentour_006_c{max-width: 100%; flex: 0 0 100%; margin-top: 1.5rem;}
    .greentour_006_c .function-row{display: flex; flex-wrap: wrap; justify-content: center;}
}
@media (max-width:1280px) {
    .greentour_001_b{bottom: -4.8rem;}
    .greentour_002_d{left: 8%;}
    .greentour_002_c{right: 13%;}
    .greentour_003_a img{height: 70px;}
    .greentour_003_b .falls-container{width: 95% !important;}
    .greentour_003_b .falls-container .grid .grid-item h3{font-size: 28px;}
    .greentour_003_b .falls-container .grid .grid-item p{font-size: 18px;}
    .greentour_004_b{margin-top: -11rem;}
    .greentour_004_b img{height: 70px;}
    .greentour_004_c div.link-list ul li span{font-size: 22px !important;}
    .greentour_004_d .falls-container .grid .grid-item{padding-top: 5.5rem;padding-bottom: 0;}
    .greentour_004_d .falls-container .grid .grid-item h3{font-size: 22px;letter-spacing: 1.5px;padding: 8px 16px;margin-top: -52px;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(1) ul{margin-bottom: 10px; border-bottom-right-radius: 40px;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2) ul{margin-bottom: 5px;border-bottom-right-radius: 45px;}
    .greentour_004_d .falls-container .grid .grid-item ul li{font-size: 20px;line-height: 1.4;margin-bottom: 1rem;}
    .greentour_004_d .falls-container .grid .grid-item ul li::before{top: 5px;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(1)::after{
        bottom: 0px;
        background-size: calc(100% + 0px) 100px;
        border-left: 3px solid #546c39;
        background-position: bottom 3px left -3px;
    }
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2)::after {
        background-size: calc(100% + 2px) 100px;
        top: 120px;
        background-position: bottom 3px left -4px;
        border-left: 4px solid #5f8492;
        bottom: 0;
        border-bottom-left-radius: 50px;
    }
}
@media (max-width:1152px) {
    .greentour_002_c{right: 8%;}    
    .greentour_004_d .falls-container .grid .grid-item{max-width: calc(50% - 3rem); flex: 0 0 calc(50% - 3rem); margin: 0 3rem 0 0;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2) {margin: 0px 0rem 0px 3rem;}
    .greentour_004_d .falls-container .grid .grid-item img{right: -65px; bottom: 5rem; height: 150px;}
    .greentour_004_d .falls-container .grid .grid-item ul{padding: 1.5rem 5.5rem 1.5rem 3rem; min-height: 390px;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(1) ul{margin-bottom: 8px;}
    .greentour_004_d .falls-container .grid .grid-item ul li{font-size: 18px;}
    .greentour_004_d .falls-container .grid .grid-item ul li::before{border-width: 0 9px 15px 9px;top: 4px;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2)::after{border-left: 3px solid #5f8492;}
    .greentour_004A .main.row{height: 230px;background-size: 140% 230px !important;}
    .greentour_005 .main.row{background-size: 140% 466px !important;height: 466px;}
    .greentour_005_a{right: 16.5%; top: 1rem;}
}
@media (max-width:1024px) {
    .greentour_001 .main.row{background-size: auto 100% !important;height: 530px;}
    .greentour_001_a {top: 19%; left: 14%; }
    .greentour_001_a img{height: 300px;}
    .greentour_001_b{bottom: -2.5rem;}
    .greentour_001_b img{height: 250px;}
    .greentour_002 .main.row{background-size: auto 100% !important;height: 350px;}
    .greentour_002_b{top: -130px;}
    .greentour_002_b img{height: 300px;}
    .greentour_002_d{left: 15%;}
    .greentour_002_d img{height: 100px;}
    .greentour_002_c{right: 26%;top: 26%;}
    .greentour_002_c img{height: 120px;}
    .greentour_003_a img{height: 50px;}
    .greentour_003_b{margin-top: 0;}
    .greentour_003_b .falls-container .grid .grid-item h3{font-size: 20px;}
    .greentour_003_b .falls-container .grid .grid-item p{font-size: 16px;}
    .greentour_004_b{margin-top: -10rem;}
    .greentour_004_b img{height: 50px;}
    .greentour_004_c div.link-list ul li span { font-size: 18px !important; line-height: 1.5;padding: 1rem 2.5rem;    }
    .greentour_004_d .falls-container .grid .grid-item{padding-top: 4.5rem;}
    .greentour_004_d .falls-container .grid .grid-item img {
        right: -55px;
        bottom: 5rem;
        height: 125px;
    }
    .greentour_004_d .falls-container .grid .grid-item ul {
        padding: 1.5rem 4rem 1.5rem 2rem;
        min-height: 358px;
    }
    .greentour_004_d .falls-container .grid .grid-item ul li {
        font-size: 16px;
    }
    .greentour_004_d .falls-container .grid .grid-item ul li::before {
        border-width: 0 7px 12px 7px;
        top: 4px;
        left: -20px;
    }
    .greentour_004_d .falls-container .grid .grid-item:nth-child(1)::after{border-left: 2px solid #546c39;}
    .greentour_004A .main.row { height: 200px; background-size: 140% 200px !important; }
    .greentour_005 .main.row { background-size: 140% 350px !important; height: 350px;}
    .greentour_005_a { right: 15%;top: 2rem; }
    .greentour_005_a img{height: 120px;}
    .greentour_005_b { max-width: 720px;  flex: 0 0 720px; margin-top: 4rem;}
    .greentour_005_b .falls-container .grid .grid-item img{height: 40px;}
}
@media (max-width:991px) {
    .greentour_001_b img{height: 220px;}
    .greentour_002_d {left: 12%;}
    .greentour_003_b .falls-container .grid{display: flex; flex-wrap: wrap; justify-content: center;}
    .greentour_003_b .falls-container .grid > .grid-item {
        max-width: 33%;
        flex: 0 0 33%;
        position: unset !important;
    }
    .greentour_004_d .falls-container .grid .grid-item::after {
        top: 75px;
    }
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2)::after{top: 80px;left: 0;}
    .greentour_004_d .falls-container .grid .grid-item h3{font-size: 21px;letter-spacing: 1px;padding: 7px 12px;margin-top: -46px;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(1) ul {
        border-bottom-right-radius: 30px;
    }
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2) ul {
        border-bottom-right-radius: 35px;
    }
    .greentour_006_a a{display: table;margin: 0 auto 1rem;}
}
@media (max-width:767px) {
    .greentour_006_b div.link-list ul{text-align: center;}
    .greentour_005_b .falls-container .grid .grid-item{max-width: 100%; flex: 0 0 100%; text-align: center;}
    .greentour_005_b .falls-container .grid .grid-item:nth-last-child(1){justify-content: center;}
    .greentour_001_a{left: 50%; transform: translate(-50%, 0px);}
    .greentour_001_b {bottom: -8rem; right: unset;left: 10%; }
    .greentour_004_d .falls-container {
        max-width: 100%;
        padding-right: 0;
    }
    .greentour_004_d .falls-container .grid {
        padding-bottom: 50px;
    }
    .greentour_004_d .falls-container .grid .grid-item h3{
        display: block;
        margin: -2rem auto 1rem;
        background: #546c39;
        padding: 5px 15px;
        border-radius: 10px;
        color: #fff;
        font-size: 20px;
    }
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2) h3{background-color: #5f8492;}
    .greentour_004_d .falls-container .grid .grid-item {
        max-width: calc(100%);
        flex: 0 0 calc(100%);
        margin: 7rem 0rem 0 0 !important;
        padding: 10px 0px 0;
        border: 3px solid #546c39;
        border-radius: 33px;
    }
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2) {
        margin: 2rem 0rem 0px 0rem;
        border: 3px solid #5f8492;
    }
    .greentour_004_d .falls-container .grid .grid-item::before, 
    .greentour_004_d .falls-container .grid .grid-item::after{display: none;}
    .greentour_004_d .falls-container .grid .grid-item img {
        bottom: -75px;
        height: 125px;
        right: unset;
        left: 50%;
        transform: translate(-50%, 0px);
    }
        .greentour_004_d .falls-container .grid .grid-item ul {
        padding: 1.5rem 1rem 1.5rem 2.5rem;
        min-height: auto;
        padding-bottom: 80px;
        width: 100%;
    }
    .greentour_004_d .falls-container .grid .grid-item:nth-child(1) ul, 
    .greentour_004_d .falls-container .grid .grid-item:nth-child(2) ul{margin-bottom: 0;}
    .greentour_004A .main.row {
        height: 150px;
        background-size: 140% 150px !important;
    }
    .greentour_005_b{margin-top: 2rem;}
}
@media (max-width:575px) {
    .greentour_001_a img {
        height: auto;
        width: 65%;
        margin: 0 auto;
        display: table;
    }
    .greentour_001_b{bottom: -4rem;}
    .greentour_002_c{right: 0;left: 0;}
    .greentour_002_c img {
        width: 95%;
        height: auto;
        display: table;
        margin: auto;
    }
    .greentour_003_b .falls-container .grid {
        align-content: baseline;
        margin-top: 1rem;
    }
    .greentour_003_b .falls-container .grid > .grid-item {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .greentour_004_b {
        margin-top: 0;
    }
    .greentour_004_c div.link-list ul li{margin-top: 2rem;}
    .greentour_004_d .falls-container .grid .grid-item:nth-child(1){margin-top: 4rem !important;}
    .greentour_005_b {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/*表單*/
body.D_customformfront_main{ 
    background: url(https://materials.fillo.com.tw/materials/glory/images/fbccbac1-76c2-4749-965c-587d7a6d4c9a.jpg); 
    background-size: cover;  
    background-position: bottom center; 
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.D_customformfront_main input::placeholder {color:#cccccc !important;  font-size: 13px;}
.D_customformfront_main .web-page-frame.lock{background: transparent;}
.D_customformfront_main section.group_table.contact {  padding-top: 196px;}
.D_customformfront_main section.group_table.contact .trip_title {padding: 50px 48px 60px; margin: 0;}
.D_customformfront_main section.group_table.contact .container {
    width: 100%;
    max-width: 1080px;
    padding: 0;
    background: rgba(22, 50, 107, .7);
}
.D_customformfront_main section.group_table.contact:before {display:none;}
.D_customformfront_main section.group_table.contact .container .trip_title article h2 {
    line-height: 1;
    display: table;
    margin: 0 auto;
    padding: 0 2rem 0.5rem;
    letter-spacing: 0.2rem;
    position: relative;
}
.D_customformfront_main section.group_table.contact>.container>h2,
.D_customformfront_main section.group_table.contact>.container>h4{ display: none;}
.D_customformfront_main section.group_table.contact .trip_title article{position: relative;}
.D_customformfront_main section.group_table.contact .trip_title article h3 {
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 200;
    letter-spacing: 0.09rem;
}
.D_customformfront_main section.group_table.contact .trip_title article h4{
    line-height: 1.7rem;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
}
.D_customformfront_main section.group_table.contact .trip_title article p {
    position: absolute;
    right: -15px;
    bottom: -40px;
}
.D_customformfront_main section.group_table.contact .trip_title h5 {
    margin-top: 0;
}
.D_customformfront_main section.group_table.contact .form-row {
    background: #f5f5f5;
    margin: 0;
    padding: 65px 45px 0;
    background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png);
}
.D_customformfront_main section.group_table.contact .form-row:last-child {
    padding: 33px 45px 50px;
}
.D_customformfront_main .contact .contac_form .form-row .form-group{ margin-bottom: 32px;}
.D_customformfront_main .contact .contac_form .form-row .form-group:nth-child(1){padding-left: 15px;}
.D_customformfront_main .contact .contac_form label {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
}
.D_customformfront_main .contact .text_blue {
    color: #eba017;
}
.D_customformfront_main .contact .fa-calendar {
    position: absolute;
    margin-top: -28px;
    right: 30px;
    color: #43959b;
}
.D_customformfront_main .contact .contac_form input {
    height: 40px;
    border: 0;
    margin: 0 auto;
    padding: 0.3rem 0.5rem;
    font-size: 13px;
}
.D_customformfront_main .contact select.form-control{
    margin: 0 auto;
    padding: 2px;
    height: 40px;
    font-size: 14px;
    border-radius: 0;
    color: #666666;
    border: 0;
}
.D_customformfront_main .contact select.form-control:not([size]):not([multiple]) {
    height: 40px;
}
.D_customformfront_main .contact div[data-type="CBX"] .form-check{
    height: 20px;
    font-size: 14px;
    margin: 0;
    margin-bottom: 10px;
    padding-left: 20px;
}
.D_customformfront_main .contact textarea.form-control {
    margin: 0 auto;
    border:0;
    border-radius: 0;
    height: 150px;
} 
.D_customformfront_main .contact .form-row button{
    position: relative;
    font-size: 18px;
    margin: 0 !important;
    padding: 8px 30px 8px 20px;
    text-align: left;
    width: 180px;
    border-radius: 0;
    background: #eba017;
    border: 1px solid #eba017;
    outline: none;
}
.D_customformfront_main .contact .form-row button.btn-primary:not(:disabled):not(.disabled):active,
.D_customformfront_main .contact .form-row button.btn-primary:not(:disabled):not(.disabled).active, 
.D_customformfront_main .show > .btn-primary.dropdown-toggle{
    color: #fff;
    background: #eba017;
    border: 1px solid #eba017;
}
.D_customformfront_main .contact .form-row button::before {
    content: "";
    background: #ffffff;
    width: 50px;
    height: 1px;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.D_customformfront_main .contact .form-row button:hover::before {width: 25px;}
.D_customformfront_main .contact .form-row button::after {
    content: "";
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 0 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: 20px;
    top: 16px;
}
.D_customformfront_main .datepicker-days .table-condensed thead {color: #43959b;}
.D_customformfront_main .datepicker-days .table-condensed thead tr {border-bottom: 1px solid #43959b;}
.D_customformfront_main .datepicker-days .table-condensed .day.active {background: #c46c19; border-radius: 15px;}
.D_customformfront_main .datepicker table tr td.today{ background: #e4e6be;}
.D_customformfront_main .datepicker table tr td span.active.active, 
.D_customformfront_main .datepicker table tr td span.active.disabled.active, 
.D_customformfront_main .datepicker table tr td span.active.disabled:active, 
.D_customformfront_main .datepicker table tr td span.active.disabled:hover.active, 
.D_customformfront_main .datepicker table tr td span.active.disabled:hover:active, 
.D_customformfront_main .datepicker table tr td span.active:active, 
.D_customformfront_main .datepicker table tr td span.active:hover.active, 
.D_customformfront_main .datepicker table tr td span.active:hover:active{
    background: #e4e6be;
    border-color: #e4e6be;
    color: #43959b;
    text-shadow: 0 0 black;
}
.D_customformfront_main .datepicker table tr td span.active.active.focus, 
.D_customformfront_main .datepicker table tr td span.active.active:focus, 
.D_customformfront_main .datepicker table tr td span.active.active:hover, 
.D_customformfront_main .datepicker table tr td span.active.disabled.active.focus, 
.D_customformfront_main .datepicker table tr td span.active.disabled.active:focus, 
.D_customformfront_main .datepicker table tr td span.active.disabled.active:hover, 
.D_customformfront_main .datepicker table tr td span.active.disabled:active.focus, 
.D_customformfront_main .datepicker table tr td span.active.disabled:active:focus, 
.D_customformfront_main .datepicker table tr td span.active.disabled:active:hover, 
.D_customformfront_main .datepicker table tr td span.active.disabled:hover.active.focus, 
.D_customformfront_main .datepicker table tr td span.active.disabled:hover.active:focus, 
.D_customformfront_main .datepicker table tr td span.active.disabled:hover.active:hover, 
.D_customformfront_main .datepicker table tr td span.active.disabled:hover:active.focus, 
.D_customformfront_main .datepicker table tr td span.active.disabled:hover:active:focus, 
.D_customformfront_main .datepicker table tr td span.active.disabled:hover:active:hover, 
.D_customformfront_main .datepicker table tr td span.active:active.focus, 
.D_customformfront_main .datepicker table tr td span.active:active:focus, 
.D_customformfront_main .datepicker table tr td span.active:active:hover, 
.D_customformfront_main .datepicker table tr td span.active:hover.active.focus, 
.D_customformfront_main .datepicker table tr td span.active:hover.active:focus, 
.D_customformfront_main .datepicker table tr td span.active:hover.active:hover, 
.D_customformfront_main .datepicker table tr td span.active:hover:active.focus, 
.D_customformfront_main .datepicker table tr td span.active:hover:active:focus, 
.D_customformfront_main .datepicker table tr td span.active:hover:active:hover {
    color: #fff;
    background-color:#43959b;
    border-color: #43959b;
}
.D_customformfront_main .datepicker table tr td.active.active.focus, 
.D_customformfront_main .datepicker table tr td.active.active:focus, 
.D_customformfront_main .datepicker table tr td.active.active:hover, 
.D_customformfront_main .datepicker table tr td.active.highlighted.active.focus, 
.D_customformfront_main .datepicker table tr td.active.highlighted.active:focus, 
.D_customformfront_main .datepicker table tr td.active.highlighted.active:hover, 
.D_customformfront_main .datepicker table tr td.active.highlighted:active.focus, 
.D_customformfront_main .datepicker table tr td.active.highlighted:active:focus, 
.D_customformfront_main .datepicker table tr td.active.highlighted:active:hover, 
.D_customformfront_main .datepicker table tr td.active:active.focus, 
.D_customformfront_main .datepicker table tr td.active:active:focus, 
.D_customformfront_main .datepicker table tr td.active:active:hover{
    color: #fff;
    background-color:#43959b;
    border-color: #43959b;
}
.D_customformfront_main .datepicker table tr td.today:hover, 
.D_customformfront_main .datepicker table tr td.today:hover:hover{ background-color:#43959b; color: #fff;}
@media (max-width: 1199px) {
    .D_customformfront_main section.group_table.contact .container {width: 90%;}
}
@media (max-width: 991px) {
    .D_customformfront_main section.group_table.contact .trip_title {padding: 50px 30px 60px; }
}
@media (max-width: 767px) {
    .D_customformfront_main section.group_table.contact .form-row{padding: 65px 15px 0;}
    .D_customformfront_main .contact .contac_form input,
    .D_customformfront_main .contact select.form-control,
    .D_customformfront_main .contact textarea.form-control{}
    .D_customformfront_main .contact .contac_form label{padding-left: 15px; }
}
@media (max-width: 575px) {
    .D_customformfront_main section.group_table.contact {padding-top: 130px; }
    .D_customformfront_main section.group_table.contact .trip_title {padding: 40px 30px 50px;}
    .D_customformfront_main .contact .contac_form .form-row .form-group { flex: 0 0 100%; max-width: 100%; }
    .D_customformfront_main section.group_table.contact .container .trip_title article h2{font-size: 20px !important; }
    .D_customformfront_main section.group_table.contact .trip_title article h3{ margin-bottom: 20px; font-size: 16px !important;}
    .D_customformfront_main section.group_table.contact .trip_title article h4{ line-height: 1.5rem;  font-size: 13px !important; }
    .D_customformfront_main section.group_table.contact .trip_title article p { right: 0px; font-size: 13px !important;}
    .D_customformfront_main section.group_table.contact .form-row:last-child {padding: 20px 45px 30px; }
}

/*公版*/
body.WinChrome a.go-to-top, 
.D_products_domestic_search a.go-to-top{display: none !important;}
body.WinChrome .top_box .header-part, 
body.WinChrome .sabit .top_box .header-part, 
.D_products_domestic_search .top_box .header-part, 
.D_products_domestic_search .sabit .top_box .header-part, 
.member_home .top_box .header-part, 
.member_home .sabit .top_box .header-part, 
.D_member_my_index .top_box .header-part, 
.D_member_my_index .sabit .top_box .header-part, 
.D_member_my_forcedataupadte .top_box .header-part, 
.D_member_my_forcedataupadte .sabit .top_box .header-part, 
.D_commprod_product_list .top_box .header-part, 
.D_commprod_product_list .sabit .top_box .header-part, 
.product-details .top_box .header-part, 
.product-details .sabit .top_box .header-part, 
.general_home .top_box .header-part, 
.general_home .sabit .top_box .header-part{background-color: rgba(0, 0, 0, 0.6);transition: .2s;}
body.WinChrome .top_box .header-part .navbar-brand img, 
body.WinChrome .sabit .top_box .header-part .navbar-brand img, 
.D_products_domestic_search .top_box .header-part .navbar-brand img, 
.D_products_domestic_search .sabit .top_box .header-part .navbar-brand img, 
.member_home .top_box .header-part .navbar-brand img, 
.member_home .sabit .top_box .header-part .navbar-brand img, 
.D_member_my_index .top_box .header-part .navbar-brand img, 
.D_member_my_index .sabit .top_box .header-part .navbar-brand img, 
.D_member_my_forcedataupadte .top_box .header-part .navbar-brand img, 
.D_member_my_forcedataupadte .sabit .top_box .header-part .navbar-brand img, 
.D_commprod_product_list .top_box .header-part .navbar-brand img, 
.D_commprod_product_list .sabit .top_box .header-part .navbar-brand img, 
.product-details .top_box .header-part .navbar-brand img, 
.product-details .sabit .top_box .header-part .navbar-brand img, 
.general_home .top_box .header-part .navbar-brand img, 
.general_home .sabit .top_box .header-part .navbar-brand img{content: url(https://materials.fillo.com.tw/materials/glory/images/9d575752-f91a-4d9c-b61c-b9197011716e.svg);}

/*list*/
/*group*/
.D_products_group_search section.group_banner.search_banner{height: 280px;}
.D_products_group_search section.group_banner .search-area{bottom: 15px;}
.D_products_group_search section.group_banner .search-area .search-box .select-goal, 
.D_products_group_search section.group_banner .search-area .search-box .select-place, 
.D_products_group_search section.group_banner .search-area .search-box .select-date, 
.D_products_group_search section.group_banner .search-area .search-box .select-input > input{border-radius: 0px;}
.D_products_group_search section.group_banner .search-area .search-box .search-btn{border-radius: 100px;}
.D_products_group_search .filter_list i{color: #EBA017;}
.D_products_group_search .irs-slider{background: #EBA017;}
.D_products_group_search .irs-slider.state_hover, 
.D_products_group_search .irs-slider:hover{border-color: #EBA017;}
.D_products_group_search .irs-bar{background: #EBA017;}
.D_products_group_search .list_con .style_icon .nav-pills .nav-link.active svg {fill: #EBA017;}
.WinChrome section.group_banner .search-area .select-type .form-check, 
.WinIe section.group_banner .search-area .select-type .form-check{border-radius: 0;}
@media (max-width:1199px) {
    .D_products_group_search section.group_banner.search_banner {height: 330px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .D_products_group_search figure.block_style .note_words{width: 60%;}
    .D_products_group_search figure.block_style .price_box {width: 40%;}
}
@media (min-width:768px) and (max-width:1024px){
    .D_products_group_search section.group_banner.search_banner {height: 410px;}
}
@media (max-width:991px) {
    .D_products_group_search figure.block_style .price_box {order: unset;}
}
@media (max-width:767px) {
    .D_products_group_search section.group_banner.search_banner { height: 600px;width: 100%;}
    .D_products_group_search .search_table tbody td.tour-name a.title_main{margin-bottom: 1rem;}
    .D_products_group_search .search_table tbody td.tour-price{justify-content: end !important;}
}

/*detail*/
.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_banner .price_content .panel-info{border: 1px solid #EBA017;}
.D_products_group_detail section.group_banner .price_content .panel-info .panel-heading{background: #EBA017;font-size: 17px;}
.D_products_group_detail section.group_banner .price_content .panel-info .panel-body{color: #333;}
.D_products_group_detail section.group_table.trip_features img{margin: auto;}
.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-top: 2rem;}
.D_products_group_detail section.group_table.trip_features:after, 
.D_products_group_detail section.group_table.trip_airline:after, 
.D_products_group_detail section.group_table.trip_day:after, 
.D_products_group_detail section.group_table.trip_note:after, 
.D_products_group_detail section.group_table.view_intro:after, 
.D_products_group_detail section.group_table.tripdown:after{background: #00436e;}
.D_products_group_detail section.group_banner.trip_banner .basic_box nav.Detail ol.breadcrumb{margin-bottom: 0;}
.D_products_group_detail section.group_banner.trip_banner .container{border: none;border-radius: 0;}
.D_products_group_detail section.group_table.trip_features .container .group_table_box, 
.D_products_group_detail section.group_table.trip_airline .container .group_table_box, 
.D_products_group_detail section.group_table.trip_day .container .group_table_box, 
.D_products_group_detail section.group_table.trip_note .container .group_table_box, 
.D_products_group_detail section.group_table.view_intro .container .group_table_box, 
.D_products_group_detail section.group_table.tripdown .container .group_table_box{border-radius: 0;}
.D_products_group_detail section.group_table.tripdown .container .group_table_box{margin-bottom: 5rem;}
.D_products_group_detail section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 {display: none;}
.D_products_group_detail section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 {flex: 0 0 100%; max-width: 100%;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title {margin-left: 0; width: 100%;}
.D_products_group_detail section.trip_note .card-header .btn[aria-expanded="true"], 
.D_products_group_detail section.trip_note .card-header .btn:hover{background: #EBA017;color: #000;}
.D_products_group_detail section.group_table.tripdown .search_table tbody td.tour-name a.title_main:hover{color: #EBA017 !important;}
.D_products_group_detail .search_table tbody td.sale-situation .btn.btn-primary{background-color: #EBA017; border-color: #EBA017; color: #000;}
.D_products_group_detail .search_table tbody td.sale-situation .btn.btn-primary:hover{background-color: #c23775;border-color: #c23775;color: #fff;}
@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 .actGotop{bottom: 15px;}
}
@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: 0px;}
    .D_products_group_detail section.group_banner.trip_banner h6{padding-right: 0;}
}
@media (max-width:767px) {
    .D_products_group_detail section.group_table.trip_features, 
    .D_products_group_detail section.group_table.trip_airline, 
    .D_products_group_detail section.group_table.trip_day, 
    .D_products_group_detail section.group_table.trip_note, 
    .D_products_group_detail section.group_table.view_intro, 
    .D_products_group_detail section.group_table.tripdown{padding-top: 1rem;}
    .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: 3rem;}
    .D_products_group_detail .title_s{margin-top: 1rem;}
    .D_products_group_detail .footer_box{margin-bottom: 50px;}
}

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

/*domestic*/
.D_products_domestic_search section.group_banner .search-area .search-box .select-type .form-check{border-radius: 0;} 
.D_products_domestic_search section.group_banner.search_banner{margin-top: 8rem;}
.D_products_domestic_search section.group_banner .search-area .search-box .select-departure, 
.D_products_domestic_search section.group_banner .search-area .search-box .select-destination, 
.D_products_domestic_search section.group_banner .search-area .search-box .select-date, 
.D_products_domestic_search section.group_banner .search-area .search-box .select-input > input{ border-radius: 0px;}
.D_products_domestic_search section.group_banner .search-area .search-box .search-btn{border-radius: 50px;}
.D_products_domestic_search section.group_banner .search-area .search-box .select-departure .title i, 
.D_products_domestic_search section.group_banner .search-area .search-box .select-destination .title i, 
.D_products_domestic_search .search-area .search-box .select-date .title i{color: #EBA017;}
.D_products_domestic_search .filter_list i{color: #EBA017;}
.D_products_domestic_search .irs-slider{background: #EBA017;}
.D_products_domestic_search .irs-slider.state_hover, 
.D_products_domestic_search .irs-slider:hover{border-color: #EBA017;}
.D_products_domestic_search .irs-bar{background: #EBA017;}
.D_products_domestic_search .list_con .style_icon .nav-pills .nav-link.active svg{fill:#EBA017;}
@media (min-width:768px) and (max-width:1024px) {
    .D_products_domestic_search section.group_banner.search_banner{margin-top: 11.5rem;}
}
@media (max-width:767px) {
    .D_products_domestic_search section.group_banner.search_banner{margin-top: 6.5rem;}
    .D_products_domestic_search section.group_banner .search-area .search-box{height: 480px;}
    .D_products_domestic_search section.group_banner .search-area .search-box .select-departure, 
    .D_products_domestic_search section.group_banner .search-area .search-box .select-destination, 
    .D_products_domestic_search section.group_banner .search-area .search-box .select-date, 
    .D_products_domestic_search section.group_banner .search-area .search-box .select-input > input{margin-bottom: 10px;}
    .D_products_domestic_search section.group_banner .search-area .search-box .select-input .mic_icon{bottom: 11px; right: 11px;}
    .D_products_domestic_search section.group_banner .search-area .search-box .search-btn{margin-top: 10px;height: 60px;line-height: 65px;}
    .D_products_domestic_search section.group_banner .search-area .search-box .search-btn h5.small{font-size: 24px;}
    .D_products_domestic_search section.search_con .pagination .page-item{margin: 0 1px;}
    .D_products_domestic_search section.search_con .pagination .page-item .page-link{width: 25px; height: 25px; font-size: 14px;}
}
/*detail*/
.D_products_domestic_gdetail .DetailContainer, 
.D_products_domestic_molddetail .DetailContainer{margin-top: 6rem;}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn, 
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover, 
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn.Multiple, 
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple:hover, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn.Multiple:hover{display: none;}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before, 
.D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{border-color: #ddd;}
@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 (min-width:768px) and (max-width:1024) {
    .D_products_domestic_gdetail .DetailContainer, 
    .D_products_domestic_molddetail .DetailContainer{margin-top: 10rem;}
}

.Detail img, 
.Detail iframe{margin: auto;}

/*通用商品*/
.D_commprod_product_list form#frmSearch{margin-top: 90px;}
.D_commprod_product_list .pagination-container{margin-bottom: 50px;}
@media (max-width:767px) {
    .D_commprod_product_list form#frmSearch{margin-top: 55px;}
    .D_commprod_product_list .pagination-container { margin-bottom: 30px;}
}

/*公版側邊功能列*/
@media (min-width:992px) {
    .Detail.sub_menu-trip .server_menu > ul > li{min-width: 94px;}
    .sub_menu-trip .server_menu > ul > li.download-fixed-btn:hover ul{height: 40px; width: 91px;}
    .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li, 
    .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{height: 40px;}
    .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li > a{line-height: 40px; padding: 0;}
    .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li > a i{line-height: 40px;}
    .sub_menu-trip .server_menu > ul > li.share-fixed-btn:hover ul{height: 40px; width: 188px;}
    .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li, 
    .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{height: 40px;}
    .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li > a{line-height: 40px; padding: 0;}
    .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li > a > i{line-height: 40px;}
    .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li > a > img{width: 20px;}
}

/*order*/
.group_home .group_order_width{margin-top: 130px;margin-bottom: 100px;}
.group_home .group_order_width .available_sale{font-size: 0;} 
@media (max-width:991px) {
    .group_home .group_order_width { margin-top: 95px;}
}

/*member*/
.member_home .signin_width{margin-top: 160px;margin-bottom: 100px;}
.member_home .width-460{margin-top: 160px;margin-bottom: 100px;}
.member_home .container.member_width{margin-top: 75px;}
.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) {
    .member_home .signin_width, 
    .member_home .width-460{margin-top: 105px; margin-bottom: 50px;}
    .D_member_my_forcedataupadte .width-460{margin-top: 105px; margin-bottom: 50px;}
}