#wrap { z-index: 5; }

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_box {font-size: 24px;line-height: 1.5;margin-bottom: 70px;font-weight: 400;}
section .entitle_box {text-transform: uppercase;font-weight: 800;font-style: italic;font-size: 45px;letter-spacing: 2px;}
section .bg_box{z-index:-1}
section .clip { margin: auto; width: 100%; }
section .clip img {height: 100%;}
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
section .slide-content-cta{position:relative;display:inline-block;vertical-align:middle;text-decoration:none;cursor:pointer;border:0;background:transparent;padding:0;outline:none;width:12rem;height:3rem}
section .slide-content-cta .circle{transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:relative;display: flex;margin:0;width:3rem;height:3rem;background: var(--secondary);border-radius:1.625rem;align-items: center;justify-content: center;}
section .slide-content-cta .circle .icon{transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto}
section .slide-content-cta .circle .icon.arrow{left:0.625rem;width:1.125rem;height:0.125rem;background:none}
section .slide-content-cta .circle .icon.arrow::before{position:absolute;content:"";top: -0.34rem;right:0.0625rem;width:0.625rem;height:0.625rem;border-top:0.125rem solid #fff;border-right:0.125rem solid #fff;transform:rotate(45deg)}
section .slide-content-cta .button-text{transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:absolute;inset:0;padding: 0.75rem 0;margin: 0 0 0 3.05rem;line-height: 1.8;text-align:center;text-transform:uppercase;letter-spacing: 0.08rem;font-size: 14px;font-weight: 300;}
section .slide-content-cta:hover .circle{width:100%}
section .slide-content-cta:hover .circle .icon.arrow{background:#fff;transform: translate(1rem,0);}
section .slide-content-cta:hover .button-text{color:#fff}

/* product_area */
#product_area{background-image:url(/images/44/productBg.jpg);background-size: cover;background-repeat: no-repeat;background-position: 50% 30%;}
#product_list .slick-track{transition:unset;-webkit-transition:unset;}
#product_list li{margin: 20px 35px;}
#product_list li:hover{transform: translateY(-15px);}
#product_list li .clip:after {content:'';position: absolute;width: 100%;height: 110%;top: 20px;left: 30px;background: linear-gradient(20deg, var(--primary), var(--triadic2));z-index: -1;}
#product_list li .clip img{border-radius: 0 0 0 100px;}
#product_list li:hover img{-webkit-transform:scale(.95);transform:scale(0.95)}
#product_list li .info_box {display: flex;flex-direction: column;align-items: center;margin-top: 16px;gap: 35px;}
#product_list li .info_box .h3 {height: auto;font-size: 17px;}
#product_list li .info_box p {font-weight: 300;font-size: 15px;width: 60%;border-left: 2px solid white;line-height: 1;height: auto;padding-left: 15px;color: white;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#product_area .arrowBox{position:absolute;bottom: calc(50% - 33px);display: flex;align-items: center;justify-content: space-between;width: 120%;left: -10%;z-index: 6;}
#product_area .arrowBox a{width: 66px;aspect-ratio: 1/1;border-radius: 50px;display: inline-flex !important;align-items: center;justify-content: center;position: absolute;background: var(--secondary);}
#product_area .arrowBox a svg{width: 35px;height: 35px;fill: white;}
#product_area .arrowBox a#product_prev svg{transform:scaleX(-1);}
#product_area .arrowBox a#product_next{right:0}
#product_area .arrowBox a:hover{background: var(--secondary);}

/* about_area */
#about_area .workframe {display: grid;grid-template-columns: 40% 50%;justify-content: space-between;align-items: center;}
#about_area:after {content:url(/images/44/about.png);bottom: -8px;left: 0;position: absolute;z-index: -1;}
#about_area .title_box { padding-bottom: 0; }
#about_area h1 {font-size: 24px;line-height: 1.5;margin-bottom: 50px;font-weight: 400;word-break: keep-all;}
#about_area article {margin-bottom: 50px;line-height: 210%;letter-spacing: 2px;font-weight: 400;text-align: justify;}
#about_info * { color:white}
#about_info .more_btn{background:white;color: var(--primary);}
#about_area #about_img{clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%, 0 35%);}

/* news_area */
#news_area{background-image:url(/images/44/newsBg.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#news_area li{border-top: 1px solid #d3d3d3;}
#news_area li:after{content:'';background: linear-gradient(20deg, var(--primary), var(--triadic2));z-index: -1;position: absolute;left: 0;width: 0;height: 100%;top: 0;}
#news_area li:hover:after{width:100%}
#news_area li:hover *{color:white;}
#news_area li:hover svg{fill:white}
#news_area li >div{display:grid;grid-template-columns: 150px 150px 1fr 20px;padding: 40px 0;align-items: center;width: min(90%, 1280px);}
#news_area li .time, #news_area li .cate{font-size:15px;}
#news_area li .txt{font-weight: 500;}
#news_area li svg{width: 20px;height: 20px;}

/* book_area */
#book_area li h3 { margin-top: 10px; height: 30px; font-size: 18px; }

/* photo_area */
#photo_area{background-image:url(/images/44/partnerBg.jpg);padding: 8vw 0;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
#photo_area *{color:white}
#photo_area .title_box{margin-bottom:40px;}
#photo_area .workframe{width:min(90%, 1280px);display:grid;grid-template-columns: 30% 70%;align-items: center;}
#photo_area .item {margin:0 10px;}
#photo_area .item img{aspect-ratio:4/3}

@media screen and (max-width: 1680px) {
    #product_area .arrowBox{left: -5%;width: 110%;}
}
@media screen and (max-width: 1460px) {
	#about_area:after{zoom:90%}
}
@media screen and (max-width: 1280px) {
	#about_area:after{left: -10%;}
}
@media screen and (min-width: 1025px) {
    #photo_area{background-attachment: fixed;}
}
@media screen and (max-width: 1024px) {
	#product_list { margin: auto; }
	#news_area li h3 { height: 30px; -webkit-line-clamp: 1; }
}
@media screen and (max-width: 980px) {
    #photo_area .workframe{display:block;}
    #photo_area .areatit{margin-bottom:30px;display: flex;flex-direction: column;align-items: center;}
    section .title_box{margin-bottom:30px;}
    #about_area:after{top: -60px;left: -30%;}
    #about_area .workframe{grid-template-columns:1fr;gap: 40px;}
	section { padding: 10vw 0; }
}
@media screen and (max-width: 760px) {
    #news_area li .txt{order:2;grid-column: 1 / 4;}
    #news_area li >div{gap:10px 0}
    #photo_area{padding: 16vw 0;}
    #product_list li{margin: 20px 35px 20px 5px;}
    #about_area:after{top: -2px;zoom: 100%;}
	section { padding: 12vw 0; }
    section .clip img{height:auto;}
    #product_area .arrowBox{position:relative;margin-top: 13px;display: flex;justify-content: center;gap: 30px;}
    #product_area .arrowBox a{position:relative;}
}