@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

@charset "utf-8";
body {
    letter-spacing: .04em;
    font-family:"Source Sans 3", "Noto Sans TC","Arial", "微軟正黑體", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "Microsoft JhengHei", sans-serif;
}
:root {
   --init-about-editor-slick-ratio:1296 /546;
}

body.home .home_about .slickfixedInitPosition {
    aspect-ratio: var(--init-about-editor-slick-ratio);
}
.slickfixedInitPosition .slider{
    display:none;
}
.slickfixedInitPosition .slider.slick-initialized {
    display: block;
} 

.cpd_sd21 {
    padding: 0 4%;
}

.home-pagelist-area > .container-fluid {
    padding: 0;
}

p {
    color: #3d3d3d
}


/*side1*/
.side .filter-content > ul {
    padding: 5px 10px;
}
.side .filter-content ul li {
    padding: 5px 0;
}
.side .filter-content, .side .filter-sidebar.multiple-collapse .collapse-content {
    border: none;
    border-top: none;
}
.side .filter-title .collapsed-btn:hover, .side .filter-sidebar.multiple-collapse .collapsed-btn:hover {
    color: #8d8d8d;
}

.side .filter-title .collapsed-btn, .side .filter-sidebar.multiple-collapse .collapsed-btn {
    color: var(--bs-dark);
    padding: 1em 0;
    background: transparent;
    border: 0;
    border-bottom: solid 1px #ddd;
    position: relative;
    font-weight: bold;
}

/* 購物清單 */

.header .navbar .nav-pos-top .cart-detail .item a.btn:hover {
    background-color: unset;
    opacity: 0.7;
    color: #000;
}

.nav-cart-info .nav-cart-list .cart-detail .item a {
    font-size: 15px;
}

.nav-cart-info .nav-cart-list .cart-detail .item .item-detail .info {
    align-items: center;
}

.nav-cart-info .nav-cart-list .cart-checkout .btn-group {
    padding-right: 19px;
}

.nav-cart-info .nav-cart-list .cart-checkout .sum {
    margin: 10px 12px 15px;
}

.nav-cart-info .nav-cart-list .h6 {
    font-size: 15px;
    padding: 10px 10px 5px;
    margin-bottom: 9px;
}

.cr_no {
    padding-left: 10px;
}

.nav-cart-info .nav-cart-list .cart-detail .item .info-detail a {
    font-size: 15px;
}

.header .navbar .cart-detail ul .cart-detail ul li i {
    width: auto;
    height: auto;
}

.header .navbar .cart-detail ul li i:before {
    display: block !important;
}


/* navbar */
.header .navbar-nav .nav-item:hover > .nav-link {
    color: #8f8f8f;
}
    /* .is_scroll .header .navbar {
   background-color:#181818;
} */
.header  .nav-item .caret{
    display:none;
}
.header .btn-group.lang .dropdown-item:hover {
    background-color: #181818;
    color: #fff !important;
}
.header .btn-group.lang .dropdown-menu {
    text-align: center;
    border-radius: 0;
}
.header  .navbar .small-btn-box ul {
    margin: 0;
}
.header .navbar .nav-pos-top .btn.btn-primary:after{
    display:none;
}
.header .navbar .nav-pos-top .btn.btn-primary {
    background: unset;
    font-family: "Noto Sans TC", sans-serif;
}
/* .header .navbar .nav-pos-top:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #ffffff61;
    top: -25px;
    left: -40px;
    width: 1px;
    height: 86px;
} */
.header .navbar .nav-pos-top .small-btn-box {
    background: url('../images/all/Earth.svg') no-repeat left center;
    padding-left: 20px;
}
.header .navbar .nav-pos-top {
    margin-bottom: 0;
    padding: 0;
    color: #fff;
    display: flex;
    position: relative;
    background-color:unset;
}
.header .navbar-nav .nav-link {
    padding: 15px;
    color: #000;
}

.navbar .navbar-brand {
    width: 175px;
    height: 60px;
    margin: 10px 0;
    transition: all .5s;
}

.is_scroll .header .navbar {
    box-shadow: 0px 0px 22px #40404054;
    backdrop-filter: blur(5px);
}
.nav-item.dropdown.dropdown-left .navbar-nav .nav-item:hover .nav-link.trigger:before {
    border-left: solid 5px #ffffff;
}

.nav-item.dropdown.dropdown-left .navbar-nav .nav-item .nav-link.trigger:before {
    border-color: transparent transparent transparent #ffffff;
}

.nav-item.dropdown > .navbar-nav .navbar-nav .nav-item:hover > .nav-link {
  /*  background-color: #b72626;*/
}

.nav-item.dropdown > .navbar-nav .navbar-nav {
    background: #fff;
}

.nav-item.dropdown > .navbar-nav {
    background: #fff;
}

    .nav-item.dropdown > .navbar-nav li a {
        color: #000;
    }

    .nav-item.dropdown > .navbar-nav .nav-item:hover > .nav-link {
        color: #fff;
        background-color: #181818;
    }


 /* banner */
.slick .slick-dots .slick-active button {
    background: #0068b7;
}
   .slick-dots {
    bottom: 15px;
}

.slick .slick-dots button {
    background: #fff;

}
/* 購物彈跳 */
.qty-box .btn:hover {
    background-color: #2a2a2a;
}

.btn.cart:hover {
    background-color: #2a2a2a;
    color: #fff;
}

.btn.cart {
    background: #81a626;
}

.gallery-list .item .item-detail {
    padding: 0 5px;
}

.modal-dialog-scrollable .modal-content {
    overflow: unset;
}

.modal-header .close {
    border-radius: 50%;
    position: absolute;
    background-color: #adadad;
    color: #fff;
    padding: 0;
    display: table;
    font-size: 20px;
    right: -15px;
    top: -14px;
    margin: 0;
    width: 40px;
    height: 40px;
    padding-top: 0;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: unset;
    font-weight: 400;
    border: none;
}

.qty-box .btn:hover {
    background: #2f4498;
}

.modal-header {
    padding-bottom: 6px;
}

.modal-title:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #000000;
    width: 4px;
    height: 22px;
    left: 0;
    top: 6px;
}

.modal-title {
    position: relative;
    font-size: 24px;
    text-align: left;
    padding-left: 12px;
    color: #000;
}

.main-title .h6 {
    font-size: 18px;
    padding-left: 0;
    border: none;
    color: #000;
}



/* 分享  */
body .container .ezshare-box {
    margin: 5px 0 20px 0;
}

.ezshare-box .list-inline-item:not(:last-child) {
    margin-right: 2px;
}

.ezshare-box a:hover:before {
    display: none;
}

.ezshare-box a:hover {
    color: #a99356 !important;
}

.ezshare-box ul:before {
    content: " SHARE : ";
    display: inline-block;
}

.ezshare-box ul {
    position: relative;
    align-items: center;
    display: flex;
}

.ezshare-box a {
    background-color: unset !important;
    font-size: 14px;
    width: 25px;
    height: 25px;
    padding-top: 3px;
    color: #000 !important;
}


/* 留言紀錄 order show*/
.order .talk-form-det .btn-area {
    margin: 30px 0 10px !important;
}

.order .talk-form-det {
    padding: 25px;
}
.talk-item .talk-top {
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 6px;
}

.talk-box .talk-time {
    color: #b01f23;
}

.talk-box .talk-item .first-level {
    padding: 3%;
    border: solid 1px #d4d4d4;
    background-color: #fff;
}

/*產品*/
.product .slider-nav .thumbnail:focus, .product .slider-nav .thumbnail.slick-current.slick-active {
    border: 1px solid transparent;
    border-color: #bbbbbb;
}

.slider-nav .thumbnail {
    border: none;
}


/*最新消息*/
.article-grid .item .info .date {
    font-size: 15px;
    color: #777777;
}
.news.show  .breadcrumb-section{
    display:none;
}
.small-title {
    color: #373737;
}
.tag {
    margin-bottom: 0;
}
.news.show .h1 {
    position: relative;
    font-size: 32px;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.related-news .item .info .title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 54px;
}
/* 聯絡我們  */
#chkImg {
    height: 54px;
}
.form-select,
.form-control {
    padding: 15px;
 
    border-radius: 0;
}

.verify_xsd {
    flex: unset;
    width: 140px;
}

.pt10 {
    margin-top: 40px;
}

    .pt10  .btn.btn-primary.gray:hover,
    .pt10 .btn.btn-primary:hover {
        background-color: #6f6f6f;
        color: #fff;
    }

.pt10  .btn.btn-primary.gray {
    background: #969696;
    border-color: #116a99;
    color: #fff;
    margin-left: 10px;
}

.pt10  .btn.btn-primary {
    background: #181818;
    border-color: #181818;
}

.pt10  .btn.btn-primary,
.pt10 .btn-secondary {
    width: 150px;
    padding: 15px 30px;
    font-size: 15px;
    border-radius: 0;
}

.needs-validation:before {
    content: " ";
    display: block;
    position: absolute;
    /* background-color: #f1f1f1; */
    left: -999px;
    right: -999px;
    height: 100%;
    z-index: -1;
    top: 0;
}

.needs-validation {
    position: relative;
    /* background-color: #f1f1f1; */
    padding: 90px 0;
  /*  margin-top: 50px;*/
}

.demo {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 40px;
}

.list-creative > li {
    padding: 20px 0;
}

.list-creative a {
    color: #323232;
    font-size: 15px;
}

.list-creative > li:nth-child(2n) .list-terms:before {
    background: #90c31f;
}

.list-creative .list-terms:before {
    width: 3px;
    background: #90c31f;
}

.list-creative .list-terms {
    padding-left: 20px;
}

.contact .h5 {
    font-weight: 400;
    color: #090909;
    font-size: 24px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.contact .form-group .radio-inline {
    padding-right: 20px;
    margin-top: 7px;
    display: inline-block;
}

    .contact .form-group .radio-inline input {
        margin-right: 6px;
    }


/*最新消息 news*/
.article-grid .item a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.article-grid .item .info {
    padding: 20px 0;
    border: none;
}

/*共用*/
.lang_US  .side .txt-en {
    display: block;
}
.side  .txt-en{
    display:none;
}
.side .h3 .txt-tw {
    font-size: 24px;
    display: block;
    border: none;
    padding: 0;
}
.main .side .h3 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    display:none;
}
.breadcrumb-section {
    position: absolute;
    right: 0;
    bottom: 10px;
}
.news.show .mainSection,
.kind-info {
    position: relative;
    margin-top: 60px !important;
}
.breadcrumb {
    background: unset;
    padding: 0;
}
.breadcrumb li:first-child {
    text-indent: -9999px;
}
.breadcrumb li:first-child a {
    background-image: url(../images/all/breadcrumb.svg);
    width: 18px;
    height: 19px;
    display: block;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #000;
}
.lang_US .breadcrumb  .txt-tw{
    display:none;
}
.lang_US .breadcrumb .txt-en {
    display: unset;
}
.breadcrumb  .txt-en {
    display:none;
}
.sort-area .btn-info:focus, .sort-area .btn-info {
    color: #fff;
    background-color: #363636;
    border-color: #363636;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 0;
}
body.home  .h2 .txt-en {
    color: #e3e3e3;
    font-size: 80px;
    display: block;
    padding-bottom:8px;
}
body.home .h2 {
    color: #090909;
    font-size: 32px;
    text-align: left;
    border-bottom: none;
}
body:not(.home) .h2{
    color: #090909;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
        border-bottom: none;

}
body:not(.home) .h2 .txt-en{
    color: #000;
    font-size: 50px;
    display: block;
    font-weight: normal;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus{
    background:transparent;
    border-color:transparent;
}
/* .pr_co > .container, .main > .container, .main-content > .container {
    padding: 0 5vw;
    max-width: 100%;
} */


/*頁碼*/
.page-link:hover {
    color: #fff;
    background-color: #363636;
}

.page-link {
    color: #000;
    border: none;
    font-size: 1rem;
    padding: 0.5em;
    min-width: 2.5em;
    height: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 0;
}

.page-item.active .page-link {
    background-color: #363636;
    border-color: unset;
    color: #fff;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 4px;
}

/*about  項目時程*/

.slick-arrow {
    border-radius: 50%;
    width: 39px;
    height: 39px;
    transform: unset;
    z-index: 200;
    top: 54%;
    display: block;
    background-size: 50% !important;
}
    .slick-arrow.slick-next:before,
    .slick-arrow.slick-prev:before {
        display: none;
    }
    .slick-arrow.slick-prev {
        background: url(../images/all/arrow_left.svg) no-repeat #282828 center;
        left: 0;
     
    }

    .slick-arrow.slick-next {
        background: url(../images/all/arrow_right.svg) no-repeat #282828 center;
        right: 0;
    }
.ab_Shared_box .pr_item2 {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
    .ab_Shared_box .pr_item2 .pro_le .date span {
        display: block;
        font-size: 24px;
    }
    .ab_Shared_box .pr_item2.active .pro_le:before,
    .ab_Shared_box .pr_item2.slick-current .pro_le:before {
        border: 1px solid #1f1f1f;
    }
    .ab_Shared_box .pr_item2 .pro_le:before {
        content: " ";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        border: 1px solid #d9d9d9;
        border-radius: 50%;
        left: 0;
        bottom: -38px;
        margin: 0 auto;
        right: 0;
        z-index: 20;
        right: 0;
        transition: all 0.5s;
    }
    .ab_Shared_box .pr_item2.active .pro_le:after,
    .ab_Shared_box .pr_item2.slick-current .pro_le:after {
        background: #1f1f1f;
    }
    .ab_Shared_box .pr_item2 .pro_le:after {
        content: " ";
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        background: #fff;
        border-radius: 50%;
        left: 0;
        bottom: -34px;
        right: 0;
        margin: 0 auto;
        transition: all 0.5s;
        z-index:20;
    }
    .ab_Shared_box .pr_item2.active .pro_le .date span,
    .ab_Shared_box .pr_item2.slick-current .pro_le .date span {
        color: #1f1f1f;
    }
    .ab_Shared_box .pr_item2 .pro_le .date {
        text-align: center;
        line-height: normal;
        transition: all 0.5s;
        color: #5d5d5d;
    }


    .ab_Shared_box .pr_item2.slick-current:before,
    .ab_Shared_box .pr_item2.active:before {
        background-color: #1f1f1f;
        width: 100%;
    }
    .ab_Shared_box .pr_item2:before {
        content: "";
        position: absolute;
        width: 0;
        height: 2px;
        left: -50%;
        bottom: 0;
        transition: 0.5s;
        z-index: 5;
    }
    .ab_Shared_box .pr_item2:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9;
        left: 0;
        bottom: 0;
        transition: 0.5s;
    }
    .ab_Shared_box .pr_item2 .pro_le {
        position: relative;
        transition: 0.3s;
    }

  
    .ab_Shared_box .pr_item2{
        position:relative;
    }

    .ab_Shared_box .Project-nav {
        margin-bottom: 50px;
    }
.ab_Shared_box .Project-for .txt .date  i{
    font-size:14px;
}
.ab_Shared_box .Project-for .txt .date {
    color: #909090;
    font-size: 18px;
    display: block;
    padding-bottom:20px;
}
.ab_Shared_box .Project-for .txt {
    width: 60%;
    padding-left: 3%;
}
.ab_Shared_box .Project-for .pic img{
    width:100%;
}
.ab_Shared_box .Project-for .pic {
    width: 40%;
}

/*about  企劃特色*/
/* .ab_Hwa2:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #f3f3f3;
    left: -999px;
    right: -999px;
    top: 0;
    bottom: 0;
    z-index: -1;
} */

.pr_Features h3 {
    text-align: center;
    
}
.pr_Features .ab_box_1-right {
    margin-bottom: -50px;
    display: none;
}

.pr_Features .ab_box_1-right span {
    margin-top: 0;
    margin-bottom: 0;
}
.pr_core .d-flex .pic h3 {
    text-align: left;
    font-size: 42px;
    font-weight: bold;
    padding-bottom: 20px;
}
.pr_core .d-flex .pic {
    width: 60%;
   
}
.pr_core .d-flex .txt {
    width: 40%;
    padding: 5%;
}
.shb_tab ul.nav-tabs {
    border-bottom: none;
}
    .shb_tab ul.nav-tabs li button:hover,
    .shb_tab ul.nav-tabs li button:focus,
    .shb_tab ul.nav-tabs li button.active {
        background:var(--second-color);
        color:#fff;
    }
    .shb_tab ul.nav-tabs li button {
        background-color: #f3f3f3;
        border:none;
        width: 100%;
        border-radius: 0;
        color: #000;
        padding: 15px 10px;
    }
 
    .shb_tab ul.nav-tabs li {
        width: calc((100% - 40px) / 3);
    }
.shb_tab ul.nav-tabs {
    gap: 0 20px;
    margin-bottom:50px;
}
    .shb_tab {
        position: relative;
        padding: 80px 0;
        color:#fff;
        margin-top:50px;
        
    }
    .shb_tab *, body:not(.home) .shb_tab  .h2 .txt-en, .about .sec-bg *,  body:not(.home) .sec-bg .h2 .txt-en {
        color:#fff;
    }
    .about .sec-bg{
        position: relative;
                padding: 80px 0;
                margin-top:80px;
                color:#fff;

    }
    .about .sec-bg .pr_odp .pic:before {
    background-color: #00000073;
}
    .shb_tab:before, .about .sec-bg:before {
        content: " ";
        display: block;
        position: absolute;
        left: -999px;
        right: -999px;
        top: 0;
        bottom: 0;
        z-index: -1;
        background: url(../images/all/bg_secSon.jpg) no-repeat #100b11 center top;
        background-size: cover;
        max-width: 2000px;
        margin:auto;

    }
    .about .sec-bg.bg2:before{
        background: url(../images/all/bg_building.jpg) no-repeat #100b11 center top;
        background-size: cover;
      
    }
.pr_Features .d-flex a:hover h5 {
    color: #363636;
}
.pr_Features .d-flex a h5 {
    text-align: center;
    padding-top: 20px;
    color:#000;
}
.pr_Features .d-flex {
    gap: 0 20px
}
    .pr_Features .d-flex a:hover{
        opacity:0.7;
    }
    .pr_Features .d-flex a {
        width: calc((100% - 20px) / 2);
    }
.ab_Shared_box h2 {
    position: relative;
    font-size: 36px;
    font-weight: normal;
}
.ab_Shared_box h3 {
   /* text-align: center;*/
}
.ab_Shared_box p.p_t {
    width: 70%;
    margin: 20px auto 40px;
    text-align: center;
}

/*about  項目規劃*/

.pr_future {
    text-align: center;
    padding: 0 0 40px;
    margin-top: 10%;
}
    .pr_future span {
        display: block;
        font-size: 32px;
        font-weight: bold;
        padding-bottom: 15px;
    }
.pr_odp2 .d-flex .txt {
    padding-left: 5%;
    padding-right: 0;
}
.pr_odp2 .d-flex {
    flex-direction: row-reverse;
}
.pr_odp2 .h2{
    margin-bottom:50px;
}
.pr_odp.pr_odp2 .txt {
    width: 40%;
}
.pr_odp.pr_odp2 .pic {
    width: 60%;
}
.pr_odp2 {
    padding: 10% 0;
}
.pr_ul li + li {
    border-top: 1px dashed #b2b2b2;
}
.pr_ul li i {
    font-size: 12px;
    padding-right: 5px;
    position: relative;
    top: -1px;
}
.pr_ul   li {
    color: #000;
    font-size: 18px;
    padding: 15px 0;
}
.pr_odp .txt {
    width: 60%;
   padding-right:5%;

}
.ab_Shared_box .pic a i {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ab_Shared_box .pic a {
    position: relative;
}
.ab_Shared_box .pic a:hover {
    opacity: 0.7;
}
.pr_odp .pic:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #e5e5e5;
    z-index: -1;
    right: -30px;
    top: 30px;
    bottom: -30px;
    left: 30px;
}
.pr_odp .pic {
    position: relative;
    width: 40%;
}
.ab_Shared_box h2 span{
    display:block;
}




/*about  關於我們*/
.ab_Hwa2 .pic img{
    width:100%;
}
.ab_Hwa2 .pic {
    width: 20%;
}
.ab_Hwa2 .txt {
    width: 80%;
    padding-right:5%;
  
}
.ab_Hwa2 {
    position: relative;
}


.ab_Hwa .ab_1 .pic {
    width: 50%;
}

.ab_Hwa .ab_1 .txt h3 {
    font-family: "Arial";
}
.ab_Hwa .ab_1 .txt {
    width: 50%;
    padding: 5%;
}
.ab_Hwa .ab_1.ab_1_2 {
    flex-direction:row-reverse;
}
.about .side1 {
    margin-bottom: 0;
}


/*首頁*/
.article-grid.info-absolute .item:hover .pic {
    opacity: 0.7;
}
.article-grid.info-absolute .item {
    padding: 10px 20px 40px;
}
.slick-multi-cusarrow .slick-btn .btn-next:hover {
    background: url('../images/all/arrow_right.svg') no-repeat #6f6f6f center;
}
.slick-multi-cusarrow .slick-btn .btn-next {
    background: url('../images/all/arrow_right.svg') no-repeat #282828 center;
    right: -5%;
}
.slick-multi-cusarrow .slick-btn .btn-prev:hover {
    background: url('../images/all/arrow_left.svg') no-repeat #6f6f6f center;
    left: -5%;
}
.slick-multi-cusarrow .slick-btn .btn-prev {
    background: url('../images/all/arrow_left.svg') no-repeat #282828 center;
    left: -5%;
}
.slick-multi-cusarrow .slick-btn .slick-arrow:focus,
.slick-multi-cusarrow .slick-btn .slick-arrow {
    border-radius: 50%;
    width: 59px;
    height: 59px;
    transform: unset;
    z-index: 200;
    top: 35%;
    display: block;
}
.home_news .slick .slick-dots .slick-active button {
    background: #f17f42;
}
.home_news .slick .slick-dots button {
    background: #666666;
}
.article-grid.info-absolute .item .info .title {
    padding-top: 15px;
    color: #303030;
}
.article-grid.info-absolute .item .info a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
.article-grid.info-absolute .item .info {
    text-align: left;
}

.home_Welcome h5 {
    color: #eeeded;
    letter-spacing: 10px;
}
.home_Welcome h2 {
    font-size: 60px;
    color: #fff;
    font-weight: bold;
}
.home_Welcome .tit {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.home_Welcome {
    position: relative;
    text-align: center;
    margin-top: 5%;
}
.home_Location h5 {
    display: block;
    padding: 30px 0;
}
.home_Location .tt_1 {
    font-size: 52px;
    color: #0f0f0f;
    font-weight: bold;
}
.home_Location .pic {
    width:60%;
}
.home_Location .tit ul li + li {
    border-top: 1px dashed #b2b2b2;
}
.home_Location .tit ul li {
    color: #000;
    font-size: 24px;
    padding: 20px 0;
}
.home_Location .tit h4 i {
    color: #73291c;
}
.home_Location .tit h4 {
    color: #535353;
    margin-bottom: 20px;
}
.more_x i {
    background: url('../images/all/more.svg') no-repeat;
    width:20px;
    height:6px;
}
.more_x:hover {
    background-color: #6f6f6f;
    color: #fff;
}
.more_x {
    font-size: 20px;
    width: 215px;
    padding: 21px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #181818;
    color:#fff;
}
.home_Location .tit .more_x{
    position:absolute;
    right:0;
    bottom:0;
}
.home_Location .tit {
    width: 40%;
    padding-left: 7%;
    position: relative;
}

.home_Location {
    margin: 10% 0 8%;
}

.home_video {
    overflow: hidden;
    padding: 0;
    transition: all 2s;
}


/* .ratio-custom {
    position: relative;
    width: 100%;
    padding-top: 50%; 
    transition: transform 1s ease; 
  
}

    .ratio-custom video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
 */
.ratio-custom video {
        width:100%;
    }


body.home .page_wrapper {
    overflow: clip
}

body .h3 {
    color: #090909;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
}
    body .h3 .txt-en i {
        font-family: "Arial";
    }
    body .h3 .txt-en {
    color: #000;
    font-size: 50px;
    display: block;
    font-weight: normal;    
}
.home_feature .pic .pic_1 span {
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #fff;
    opacity: 1;
    transition: all 0.5s;
    z-index: 10;
    transform: scale(1);
}

.home_feature .pic .pic_1:hover span {
    transform: scale(0);
}
.home_feature .pic .pic_1:nth-child(2n) {
    margin-top: 50px;
}
.home_feature .pic .pic_1:hover img {
    transform: scale(1.1);
    opacity:0.9;
}
    .home_feature .pic .pic_1  img{
        width:100%;
    }
    img {
        transition: all 0.5s;
    }
.home_feature .pic .pic_1 {
    width: 47%;
    position: relative;
    margin: 10px 0;
    display: block;
    overflow: hidden;
}
.home_feature .pic {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    padding-left:5%;
}
.home_feature .tit h2:before {
    content: " ";
    display: block;
    position: absolute;
    border-top: 1px solid #6c6c6c;
    width:93px;
    height:1px;
    left:0;
    top:0;
}
.home_feature .tit h2 span{
    display:block;

}
.home_feature .tit h2 {
    position: relative;
    font-size: 36px;
    padding-top: 40px;
    font-weight: bold;
    margin-top: 40px;
}
.home_feature .tit p span{
    display:block;

}
.home_feature .tit p {
    padding-top: 10px;
}
.home_feature .tit {
    width: 30%;
    position: sticky;
    height: 500px;
    top: 40%;
}
.home_feature {
    position: relative;
    margin: 10% 0;
}
.hree_fx {
    display: flex;
    margin: 40px 0;
}
.hree_fx .hree_fx_1 {
    flex:1;

}

    .hree_fx .hree_fx_1 .number_dc {
        margin: 40px auto 0;
        display: table;
        color: #222222;
        font-weight:bold;
    }
    .hree_fx .hree_fx_1 .number_dc span {
        font-size:36px;
    }
    .hree_fx .hree_fx_1 h4 {
        text-align: center;
    }
    .hree_fx .hree_fx_1 kbd {
        padding: 0;
        font-size: 80px;
        background-color: unset;
        font-family: "arial";
        font-weight: bold;
        color: #222222;
    }
.home_Narrative h2:after {
    content: " ";
    display: block;
    position: absolute;
    background: url('../images/all/home_Narrative_left.svg') no-repeat;
    width: 34px;
    height: 27px;
    left: 0;
    top: -10px;
}
.home_Narrative h2:before {
    content: " ";
    display: block;
    position: absolute;
    background: url('../images/all/home_Narrative_right.svg') no-repeat;
    width:34px;
    height:27px;
    right:0;
    top:-10px;
}
.home_Narrative p {
    width: 50%;
    color: #666666;
}
.home_Narrative h2 {
    position: relative;
    padding:0 46px;
    margin:0 auto;
}
.home_Narrative .d-flex {
    align-items:center;
}
.ab_box_1-left {
    overflow: hidden;
    white-space: nowrap;
}
.ab_box_1-left span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 200px;
    color: #f7f7f7;
    animation: scroll-left 90s linear infinite;
    line-height: normal;
    font-weight: bold;
    margin-top: -70px;
}
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.ab_box_1-right {
    overflow: hidden;
    white-space: nowrap;
}

    .ab_box_1-right  span {
        display: inline-block;
        text-transform: uppercase;
        font-size: 200px;
        color: #f7f7f7;
        animation: scroll-right 90s linear infinite;
        line-height: normal;
        font-weight: bold;
        margin-top: -70px;
    }

@keyframes scroll-right {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0%);
    }
}


/*右側浮動*/
.wid-float-section ul li a:hover i.icon{
    opacity:0.6;
}
.wid-float-section ul li a i.icon {
    width: 24px;
    height: 31px;
}

.wid-float-section ul li a i.icon:before {
    display: none;
}
    /* .wid-float-section ul li a i.icon.fa-line {
        background: url('../images/all/line.svg') no-repeat;
    }
    .wid-float-section ul li a i.icon.fa-instagram {
        background: url('../images/all/ig.svg') no-repeat;
    }
    .wid-float-section ul li a i.icon.fa-facebook-square {
        background: url('../images/all/fb.svg') no-repeat;
    } */
.wid-float-section ul {
    background-color: unset;
}
    .wid-float-section ul li + li {
        border-top: none;
    }


/*footer*/
.footer ul.st_mp li a:hover {
    color: #9b9b9b;
}
.footer ul.st_mp li a{
    color:#000;
}
.footer ul.st_mp li {
    padding: 0 15px;
  
}
    .footer ul.st_mp li a,
    .footer ul.st_mp li {
        font-size: 15px;
    }
    .footer ul.st_mp {
        justify-content: center;
        padding-bottom: 7px;
    }
.footer .footer_content.fc_seperate_bottom {
    padding: 0;
}

.footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info {
    padding: 0;
    margin: 0;
}
.footer  .cologo-box {
    text-align: center;
}

.footer .footer_content {
    background: unset;
}

    .footer .footer_content.fc_seperate_bottom .footer-bottom {
        background: none;
        padding: 15px 0;   
}
.footer  .copyrights {
    color: #434343;
    font-size: 14px;
}
/*new*/
 .navbar > .container-fluid:has(.flex-nav01){
    display: block;
 }
 .lang .btn.btn-primary {
    background: none;
    border: none;
    color: #595959;
    flex:0 1 auto;
}
.header .navbar .nav-share-btn-area {
    justify-content: flex-end;
}
.header .navbar .nav-brand-wrapper{
    text-align: center;
}
.header .navbar .flex-nav01{
    padding: 0 35px;
    transition: all .5s;
    height: 80px;
}


.header .navbar .nav-share-btn-area{
    font-size: 24px;
}
.header .navbar .nav-share-btn-area li a:not(:hover){
    color:#0d0d0d;
}
.header .navbar .nav-share-btn-area li + li {
    margin-left: 15px;
}
.navbar .collapse.navbar-collapse{
    border-bottom: 1px solid #000;
    border-top:1px solid #000;
    
}
.header .navbar{
    border:none;
        background: #fff;
}
.sec-home{
    padding-top:5vw;
    padding-bottom: 5vw;
}

.sec-home .g-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
        margin-bottom: 30px;
}
.sec-home .g-title h6.h3{
    margin:0;
}
.sec-home div[class*="container"]{
    padding:0;
}

.home_news.styleA{
    position: relative;
    overflow: hidden;
}.home_news.styleA .bg{
    position: absolute;
    inset:0;
    z-index: -1;
    overflow: hidden;
}
.home_news.styleA .bg img{
    object-fit: cover;
    height: 100%!important;
    width:100%;
}
.tag{
    background:none;
    font-size: 15px;
    line-height: 1;
    border-right: 1px solid #000;
    padding-right: 10px;
    padding-left: 0;
}
.gallery-list .item .title a {
    font-size: 18px;
    font-weight: normal;
    color: #000;
    text-decoration: underline;
}
.btn.more {
    background: none;
    border-radius: 30px;
    color: #000;
    border: none;
    padding: 9px 30px;
    border: 1px solid;
    overflow: hidden;
}
.btn.more:hover{
    color:#fff;
}
.home-about{
    color: #fff;
    position: relative;
    overflow: hidden;
}
.sec-home .bg {
    position: absolute;
    inset: 0;
    background: #141420;
}
.sec-home .bg img{
    object-fit: cover;
    height: 100%!important;
    width:100%;
}
.home-about p{
    color:#fff;
}

.home-about .flex-about01 .l-info .pic{
    overflow: hidden;
}.home-about .flex-about01 .l-info .pic img{
    object-fit: cover;
    height: 100%!important;
    width:100%;
}
.home-about .flex-about01 .r-info .tt{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.main>.container{
    max-width: 100%;
    padding:0;
}
.home_news.styleA{
    background: url(../images/all/bg_newsH.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
}
.home_news.styleB{
    background: url(../images/all/bg_newsH2.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
}
.home_news.styleB .gallery-list .item{
    padding-top:25px;
    padding-bottom: 25px;
}
.home_news.styleB .gallery-list .item+.item{
    border-top:1px solid #000;
}

.article-horizontal-grid .item .info .date {
    font-size: 15px;
    color: #000;
    line-height: normal;
    background: none;
}
.home_news.styleB .gallery-list p{
    text-align: left;
}
.article-horizontal-grid .item .info .desc{
    font-size: 15px;
}
.article-horizontal-grid .item .more-area {
    position: relative;
    bottom: auto;
    right: auto;
    background: none;
    color: #000;
    font-size: 12px;
    padding: 0;
    border-radius: 50%;
    transition: all 0.3s ease;
    width: 43px;
    height: 43px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
        justify-content: center;
}
.home_news.styleB .article-horizontal-grid .item .more-area {
    margin: 0 0 0 30px;
    align-self: flex-end;
    flex-shrink: 0;
}


.article-horizontal-grid .item .more-area .icon {
    margin-left: 0;
    mask-image: url(../images/all/icon_arrow.svg);
    mask-size: 100% 100%;
    mask-position: center;
}
.article-horizontal-grid .item .more-area:hover {
    box-shadow: none;
    bottom:auto;
}
.article-horizontal-grid .item .more-area:hover{
    background:#000;
}
.article-horizontal-grid .item .more-area:hover .icon{
    background:#fff;
}
.article-horizontal-grid .item .more-area:hover .icon img{
    opacity: 0;
}
 .gallery-list .item .pic{
    overflow: hidden;
 } 
 .gallery-list .item.pic img{
    transform: scale(1);
    transition: all .5s;
 } .gallery-list .item:hover .pic img{
    transform: scale(1.1);
 }
 .gallery-list .item:hover .info .title a {
    color: var(--second-color);
    text-decoration: underline;
}
.home-building{
    /* background: url(../images/all/bg_building.jpg) no-repeat ;
    background-size: cover; */
    color:#fff;
    position: relative;
    overflow: hidden;
}
.home-building h6.h3 *, .home-building h6.h3, .home-building .flex-info *{
    color:#fff;
}
.slick-slider.list-style .list-item {
    margin:0 20px;
}
.slick-slider.list-style{
    margin:0 -20px;
}

.list-style .list-item .tt{
    font-size: 18px;
    text-decoration: underline;
     margin-bottom: 1rem !important;   
}
.list-style .list-item .pic{
    overflow: hidden;
}

.list-style .list-item .pic img{
    object-fit: cover;
    height: 100%!important;
    width:100%;
    transition: all .5s;
}
.list-style .list-item:hover .pic img{
    transform: scale(1.1);
}
.article-horizontal-grid .item .info .title, .article-horizontal-grid .item .info .title a{
    font-size: 18px;
}
.home-building .building-list .list-item .l-info{
    padding: 0 7% 0 0;
    width: 50%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
}
.home-building .building-list .list-item .l-info .desc{
    font-size: 15px;
}
.home-building  .slick-arrow {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    transform: unset;
    z-index: 200;
    display: block;
    top:auto;
    bottom:calc(100% + 30px);
    background: url(../images/all/icon_arrow.svg) no-repeat #fff center;
        background-size: 60px auto !important;
        transition: all .5s;

}
.home-building  .slick-arrow:hover{
    background: url(../images/all/icon_arrow2.svg) no-repeat #282828 center;
            background-size: 60px auto !important;

    
}
.home-building  .slick-arrow.slick-next{
    right:20px;
}
.home-building  .slick-arrow.slick-prev{
    left: auto;
    right: 110px;
    transform: scaleX(-1) !important;
}
.home-link{
    background: url(../images/all/bg_linkH.jpg) no-repeat center top;
    background-size: cover;
    color:#fff;
    background-attachment: fixed;
}


.home-link .link-list .pic{
    position: absolute;
    inset:0;
    overflow: hidden;
}
.home-link .link-list .pic img{
    object-fit: cover;
    height: 100%!important;
    width:100%;
    aspect-ratio:1/2;
}
.home-link .link-list .info{
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 250px;

}
.home-link .link-list a{
    overflow: hidden;
    display: block;
    color: #fff;
    position: relative;
    padding:20px;
}
.home-link .link-list .pic:before{
    content: "";
    position: absolute;
    inset: 0;
    background:#00000096;
    z-index: 2;
    transition: all .5s;
}
.home-link .link-list .list-item:hover .pic:before{
    backdrop-filter: blur(5px);
}
.home-link h6.h3, .home-link h6.h3 *{
    color:#fff;
}

.home-link .icon-arrow{
    width: 60px;
    height: 60px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 20px 0 0 auto;
}
.home-contact{
    /* background: url(../images/all/bg_contactH.jpg) no-repeat ;
    background-position: center bottom;
    background-size: cover; */
    color:#fff;
    position: relative;
    overflow: hidden;
}
.home-contact .btn.more{
    color:#fff;
    border-color:#fff;
}
.home-building .btn.more:before, .home-contact .btn.more:before{
    background:#ffffff62;
}
.home-contact h6.h3 *{
    color:#fff;
}
.home-contact .flex-contact01 .r-info{
    width:40%;
    min-height: 380px;

}
.home-contact .flex-contact01 .map {
    display: flex;
    height: 100%;
}.home-contact .flex-contact01 .map iframe{
    width:100%;
    height: 100%;
}
.home-contact .traffic-info li:nth-child(1){
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;;
}
.footer{
    background:#ebebeb;
    padding:5vw 0 0;
    font-size: 14px;
    color:#000;
}
.footer a{
    color:#000;
}
.footer .footer-logo{
    flex-shrink: 0;
    margin-bottom: 30px;
}
.footer h4.h4{
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}
.footer .sitemap-item ul{
        display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 40px;
}
.footer .g-sitemap .sitemap-item+.sitemap-item{
    margin-left: 60px;
}
.footer .copyrights-info a{
    color:#000;
}
.footer .copyrights-info .other-link{
    line-height: 1;
    align-items: center;
}
.footer .copyrights-info .other-link li+li{
    border-left: 1px solid #000;
}
.footer .copyrights-info .other-link li a{
    padding: 0 8px;
}
body:not(.is_scroll) .wid-float-section {
    opacity: 0;
    transform: translateX(100%);
    pointer-events: none;
    transition: all .5s;
}body.is_scroll .wid-float-section {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}
.header .navbar .nav-share-btn-area li.icon_f:hover a {
  color: #1974ec;
}

.header .navbar .nav-share-btn-area li.icon_i:hover a {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, 
              #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* for Chrome/Safari */
  background-clip: text;}



.header .navbar .nav-share-btn-area li.icon_l:hover a {
  color: #06c152;
}
.wid-float-section ul li a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
    color: #000;
    transition: all .5s;
}
.wid-float-section ul li.icon_f:hover a{
    background:#1974ec;
    color:#fff;
}.wid-float-section ul li.icon_i:hover a{
background: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );    color:#fff;
}
.wid-float-section ul li.icon_l:hover a{
    background:#06c052;
    color:#fff;
}

.footer .social-box li.icon_f:hover a{
    color:#1974ec
}
.footer .social-box li.icon_i:hover a{
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, 
              #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* for Chrome/Safari */
  background-clip: text;
}
.footer .social-box li.icon_l:hover a{
    color:#06c052
}

.article-horizontal-grid .item .info{
    padding-bottom: 10px;
}
.footer .container-fluid{
    padding:0;
}
body:not(.home) .main>.container, body:not(.home) section.main-content>.container{
    max-width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
}
.article-grid .item .info .kind a{
    vertical-align: middle;
}

.article-grid .item .flex-date{
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.video-box {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}

.video-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body:not(.home) .main{
    background: url(../images/all/bg_newsH2.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
    position: relative;
}
body:not(.home) .main{
    z-index: 5;
}
body:not(.home) .main:before{
    content:"";
    position: absolute;
    top:0;
    left:0;
    right:0;
    background: #FFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 15%;
    z-index: -1;
}
.main .side:empty{
    margin-bottom: 0;
}

.side .filter-item + .filter-item{
    margin:0;
}
.tab-content > .tab-pane:not(.active),
.pill-content > .pill-pane:not(.active) {
  display: block;
  height: 0;
  overflow-y: hidden;
}
body.about .pic-slider .slick-arrow{
    top:50%;
    transform: translateY(-50%);
}
.ratio-custom:hover button.soundBtn{
    opacity: 1;
}
button.soundBtn {
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    font-size: 5rem;
    text-shadow: 0 5px 15px #000;
    opacity: 0;
    transition: all .5s;
}
button.soundBtn.active i:before{
    content: "\f60d";
}
body.lang_US .editor{
    line-height: normal;
}
.footer .footer-logo img{
    width:170px;
}
body.lang_US .social-box {
    flex-shrink: 0;
    margin-left: 40px;
}
body.lang_US .footer .sitemap-item ul li a {
    white-space: nowrap;
    display: block;
}
body.lang_US .flex-footer01 .l-info{
    flex-direction: column;
        margin-right: 40px;
}
body.lang_US .footer .g-sitemap .sitemap-item+.sitemap-item {
    margin-left: 40px;
}