.bodyfixed .socialSlide{bottom: 10px;transform: translateY(0%);right: 1%;}
div{
font-family: 'Gilda Display', 'cwTeXFangSong', serif;
}
/*vavatitle*/
.vavatitle{display:flex;flex-direction:column;}
.vavatitle .h2{font-size: max(4.1 * (1vw + 1vh) / 2,36px);text-transform:uppercase;font-weight: 700;letter-spacing:0.05em;line-height:110%;margin-bottom:10px;color: #ffffff;white-space: pre-wrap; /* 支援換行 *//* border-right: 0.15em solid #000; */ /* 游標 */overflow: hidden;}
.vavatitle p{font-size: max(1.7 * (1vw + 1vh) / 2, 21px);font-weight: 200;color: #e4e4e4;margin-left: 10px;margin-top: 15px;}
.vavatitle .h2.booldtext{font-weight: 600;text-align: center;font-size: max(3.6 * (1vw + 1vh) / 2,24px);}
@keyframes blink {
  50% { border-color: transparent; }
}
.blink {
  animation: blink 0.75s step-end infinite;
}
.mbshowJ{margin: 50px auto 0;display: none;}
#content{z-index:25;}
/*vantagesbox*/
#vantagesbox{position:relative;padding: 0px 0 50px;z-index: 2;width: 100%;max-width: 100%;overflow: visible;}
#vantagesbox .workframe{margin: 0 auto;margin-right:0;width: min(90%, 1670px);}
#vantagesbox .vavaimg{position:relative;display:flex;align-items:center}
#vantagesbox .vavaimgchage{position: relative;top: 0px;}
#vantagesbox .vavaimgchage img{position: absolute;top: 0;}
#vantagesbox .vanJbox02{position:relative}
#vantagesbox .round-text:before{content:"";width:206px;aspect-ratio:1/1;position:absolute;background:url(/images/22/roundtext.png);background-size:cover;background-position:50%;z-index:0;animation:spin 16s linear infinite}
#vantagesbox .vavaimg:before{content:"";position:absolute;width:110%;left:-5%;height:320px;background:linear-gradient(to right,#bbbbbb,#e9e9e9,#f1ea0c);z-index:-1}
#vantagesbox:before{content:"";position:absolute;width:100%;height:100%;top:0;background: linear-gradient(to bottom, rgb(4 4 4), rgb(39 39 39), #000000);z-index:0}
#vantagesbox .vanJbox{display:grid;grid-template-columns: 1fr 75%;gap:20px;z-index: 5;position: relative;width: 100%;align-items: center;}
#vantagesbox .vanJbox .vanJbox01{position:relative;}
#vantagesbox .nainfo{display:none}
#vantagesbox .vanrunn{margin: 0;display: flex;flex-direction: column;}
#vantagesbox .tantext:hover .natitle span:before,#vantagesbox .tantext .natitle.show span:before{opacity:1}
#vantagesbox .tantext .natitle{position:relative;display:flex;align-items:center;flex-direction: column;background: #fff;margin: 10px;padding-bottom: 10px;border-radius: 0px 0px 20px 20px;}
#vantagesbox .tantext .natitle img{aspect-ratio:3/4;object-fit: cover;border-radius: 0px 0px 20px 20px;}
#vantagesbox .tantext .natitle span{position:relative;display:flex;width:5px;aspect-ratio:1/1;flex-direction:column;align-items:center;justify-content:center;background:#222222;border-radius:50%;margin-right:40px}
#vantagesbox .tantext .natitle span:before{content:"";position:absolute;border:#494949 1px solid;width:18px;aspect-ratio:1/1;border-radius:50%;opacity:0}
#vantagesbox .com_box{padding: 20px;position: absolute;bottom: 0;background: rgb(255 255 255 / 95%);border-radius: 0px 0px 20px 20px;}
#vantagesbox .tantext .natitle h3{font-size: max(2.2 * (1vw + 1vh) / 2,20px);font-weight: 600;margin-top: 0;color: #313131;}
#vantagesbox .tantext .natitle p{text-align: left;font-size: 16px;letter-spacing: 0;color: #505050;height: 100px;margin-top: 10px;}
#vantagesbox .tantext .natitle:before{content:"";position:absolute;width:0;left:-120%;height:1px;background:#1e1e1e}
.round-text{position:absolute;left: 40px;bottom: 70px;padding:20px;border-radius:50%;background:#627c5b;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center}
.round-text p{color: #ffffff;font-size: max(1.3 * (1vw + 1vh) / 2, 17px);margin: 0;}
 @keyframes spin {
	from {transform: rotate(0deg); }
    to {transform: rotate(360deg); }
}
#vantagesbox .btn{padding:0;display: flex;flex-direction: column;position: absolute;left: 23%;bottom: 40%;gap: 15px;}
#vantagesbox .btn a{width: 65px;aspect-ratio: 1/1;background: #e9eb00;text-align: center;line-height: 61px;border-radius: 50px;}
#vantagesbox .btn img{width: 25px;aspect-ratio: 1/1;}
#vantagesbox .btn a#vantages_prev img{transform:scaleX(-1);}

#vantagesbox .nwrightimg .polinetell{top: auto;position: relative;right: unset;display: flex;}
#vantagesbox .nwrightimg{
    position: relative;
    bottom: auto;
    width: 100%;
    margin-top: 50px;
    top: unset;
}
/*sideflyJJ*/
.sideflyJJ{position: absolute;}
.sideflyJJ.sebox01{top: 0;left: -70px;width: 11vw;}
.sideflyJJ.sebox02{right: 40px;bottom: 0;width: 13vw;}

/*turnJbox*/
span.reedtextJ{color:#b02d33;font-weight: 500;}
#turnJbox .vavatitle{align-items: center;}
#turnJbox .vavatitle h2{text-align: center;}
#turnJbox{position: relative;background-image: url(/images/22/jadabout-bg.jpg);padding: 100px 0;width: 100%;z-index: 1;}
#turnJbox .cooufoino{margin: 60px 0 0 auto;width: 90%;display: flex;}
#turnJbox:before{content:"";position:absolute;width: 5vw;margin-left: 5vw;margin-top: -6vw;aspect-ratio:1 / 1;background:url(/images/22/ceJarrow.png);top: 35%;}
#turnJbox .cooufoino .cooboox{display:flex;flex-direction:column;margin: 0 15px;}
#turnJbox .cooufoino .cooboox .coovimg{display:flex;flex-direction:column;align-items:center}
#turnJbox .cooufoino .cooboox .coovimg img{width:100%}
#turnJbox .cooufoino .cooboox .coovtext{padding: 10px 20px;background:#f5f5f5;min-height: 250px;border-bottom:#040000 2px solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#turnJbox .cooufoino .cooboox .coovtext h5{font-size: max(2.2 * (1vw + 1vh) / 2,20px);font-weight:700;padding:10px 0;margin-bottom: 10px;color: #2e2e2e;}
#turnJbox .btn{padding:0;display: flex;flex-direction: column;position: absolute;left: 7%;bottom: 40%;gap: 15px;}
#turnJbox .btn a{width: 65px;aspect-ratio: 1/1;background: #e9eb00;text-align: center;line-height: 61px;border-radius: 50px;}
#turnJbox .btn img{width: 25px;aspect-ratio: 1/1;}
#turnJbox .btn a#turn_prev img{transform:scaleX(-1);}
#turnJbox .cooufoino .cooboox .coovtext p{color:#5f5f5f;}


/*solgonbox*/
#solgonbox{background: url(/images/22/solgon_bg.jpg);padding: 140px 0;background-size: cover;background-position: 50% 50%;width: 100%;}
p.nntopinfo{font-size: max(1.5 * (1vw + 1vh) / 2, 18px);margin-top: 0;font-weight: 400;margin-left: 10px;}
#solgonbox .vavatitle .h2{height:120px;line-height: 112%;margin-bottom: 15px;}
.workframe {position: relative;margin: 0 auto;width: min(1440px, 90%);}

.boo_box{display:flex;padding: 20px;background: antiquewhite;margin: 40px 0;width: min(380px,100%);flex-direction: column;align-items: center;color: #060606;background: #fbc300;font-size: max(2 * (1vw + 1vh) / 2,22px);border-radius: 0px 15px 0px 15px;}



/*sharebox*/
#sharebox{position: relative;width: 100%;}
#sharebox .shareitem{display: grid;grid-template-columns: 50% 50%;align-items: center;background: rgb(0 0 0 / 61%);}
#sharebox .shareitem .shareinfo{padding: 0 10vw 0 4vw;}
#sharebox .shareitem .shareimg{display:flex;flex-direction: column;}
#sharebox .shareitem .shareimg img{height:100%;aspect-ratio: 19/13;object-fit: cover;}
#sharebox .shareitem .sewtitle{margin-bottom: 20px;padding-bottom: 10px;border-bottom: #cccccc 1px solid;}
#sharebox .shareitem .sewtitle span{font-size: max(1.15 * (1vw + 1vh) / 2, 15px);}
#sharebox .shareitem .sewtitle h5{font-size: 40px;font-weight: 700;overflow: hidden;margin: 10px 0;height: 121px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#sharebox .shareitem .sewtitle p{font-size: 20px;font-weight: 700;color: #658165;margin-bottom: 20px;}
#sharebox .shareitem .sewtext{margin-bottom: 90px;}
#sharebox .shareitem .sewtmd{display: flex;justify-content: flex-end;}
#sharebox .slick-prev{transform: scaleX(-1);z-index: 2;background: #e9eb00;left: auto;right: 42vw;width: 3vw;height: 3vw;border-radius: 50px;top: auto;bottom: 4vw;}
#sharebox .slick-prev:before{content: url(/images/22/chevron.svg);zoom: 3%;}
#sharebox .slick-next{z-index: 2;background: #e9eb00;right: 38vw;width: 3vw;height: 3vw;border-radius: 50px;top: auto;bottom: 4vw;transform: unset;}
#sharebox .slick-next:before{content: url(/images/22/chevron.svg);zoom: 3%;}

/* arrow */
.photo {position: relative;display: inline-block;width: 100%;}
.photo img {display: block;width: 100%;border-radius: 10px;}
.photo .arrow {position: absolute;top: 50%;transform: translateY(-50%);font-size: 34px;color: #fff;width: 46px;height: 46px;line-height: 46px;text-align: center;border: 2px solid #fff;border-radius: 50%;background: rgba(0, 0, 0, 0.3);cursor: pointer;user-select: none;transition: background 0.3s ease;}
.photo .arrow.left {left: -10px;}
.photo .arrow.right {right: -20px;}
.photo .arrow:hover {background: rgba(0, 0, 0, 0.55);}

/**/
#vantagesbox .vantages-arrows {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    gap: 18px;
    position: relative;
   z-index: 999;
    pointer-events: auto;
}

/* 按鈕樣式 */
#vantagesbox .vantages-prev-btn,
#vantagesbox .vantages-next-btn {
    background: #e9eb00;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 0; /* 隱藏原本 button 的字 */
    transition: 0.25s;
}

/* 左箭頭符號 */
#vantagesbox .vantages-prev-btn::before {
    content: "‹";
    font-size: 36px;
    color: #000;
    transform: translateX(-2px);
}

/* 右箭頭符號 */
#vantagesbox .vantages-next-btn::before {
    content: "›";
    font-size: 36px;
    color: #000;
    transform: translateX(2px);
}

/* hover */
#vantagesbox .vantages-prev-btn:hover,
#vantagesbox .vantages-next-btn:hover {
    background: #d0d200;
}

#vantagesbox .vanrunn,
#vantagesbox .vanrunn .slick-list,
#vantagesbox .vanrunn .slick-track {
    position: relative;
    z-index: 1;
}

#vantagesbox .vantages-arrows {
    position: relative;
    z-index: 50; 
    pointer-events: auto;
}

@media (min-width: 769px){
	.mbshowJ{display: none;}
	#turnJbox .cooufoino .cooboox .coovtext {height: 316px;}
}
@media (max-width: 1470px) {
	#vantagesbox .vanJbox{width: min(1260px , 100%);margin: 0 auto;}
	#vantagesbox{padding: 0px 0 75px;}
	.sideflyJJ.sebox01{width: 14vw;left: -7vw;top: 0vw;}
	.sideflyJJ.sebox02{width: 16vw;right: 6vw;}
	#turnJbox .cooufoino{grid-template-columns: 29% 29% 29%;gap: 10px;}
	#turnJbox .cooufoino .cooboox{margin: 0 10px;}
	#turnJbox .cooufoino:before{margin-left: 7%;width: 70px;}
	#turnJbox{padding: 60px 0;}
	#solgonbox{padding: 181px 0;}
	#vantagesbox .btn{left: 30%;}
	#vantagesbox .tantext .natitle img{aspect-ratio: 4 / 4;}
	#turnJbox .cooufoino .cooboox .coovtext{height: 316px;}
	.workframe{width: min(1160px, 90%);}
}
@media (max-width: 1280px) {
	#sharebox .shareitem{display: flex;flex-direction: column;}
	#sharebox .shareitem .shareinfo{padding: 45px 0;width: 90%;order: 2;}
	#sharebox .shareitem .shareimg{width: 100%;display: flex;flex-direction: column;align-items: center;}
}
@media screen and (max-width: 1180px){
	#vantagesbox .btn{bottom:auto;top: 10%;left: unset;right: 5%;display: flex;flex-direction: row;}
}
@media screen and (max-width: 1024px){
	.sideflyJJ.sebox01{width: 26vw;left: 5vw;top: -20vw;}
	#vantagesbox .vavatitle{padding-left: 41vw;}
	#vantagesbox .workframe{margin:0 auto;}
	#vantagesbox .vanJbox{display: block;}
	#vantagesbox .vanJbox .vanJbox01{width: 100%;margin-bottom: 53px;}
	#vantagesbox .vanJbox03{width: 100%;}
	#vantagesbox .tantext{display: flex;align-items: flex-start;}
	#vantagesbox .vanJbox02{width: min(500px , 90%);margin: 25px auto;}
	#turnJbox:before{display:none}
	#turnJbox .cooufoino{display: flex;margin: 30px auto 0;flex-direction: column;width: min(800px , 90%);}
	#turnJbox .cooufoino .cooboox{width: 100%;margin-bottom: 20px;}
	#turnJbox .cooufoino:before{display:none;}
	#turnJbox .cooufoino .cooboox .coovtext{height:auto}
	#turnJbox .cooufoino .cooboox .coovimg img{aspect-ratio:2/1;}
	#sharebox{width: min(500px , 90%);padding: 60px 0;}
}
@media screen and (max-width: 980px) {
	#vantagesbox .round-text{display:none;}
	#turnJbox .btn{bottom: unset;top: 10%;left: unset;right: 12%;}
	p.nntopinfo{margin-top: 5px;}
	#sharebox .shareitem .sewtitle{margin-bottom: 30px;}
}
@media (max-width: 768px) {
    #turnJbox .cooufoino{margin: 60px auto 0;}
	.photo .arrow {width: 38px;height: 38px;line-height: 38px;font-size: 26px;z-index: 9;}
}
@media screen and (max-width: 680px) {
	#content{z-index:0}
	.sideflyJJ.sebox01{display:none;}
	#vantagesbox .nwrightimg .polinetell{display: flex;justify-content: flex-start;}
	#vantagesbox .vavatitle{padding-left: 9vw;}
	#vantagesbox .btn{top: 20.5%;gap: 5px;}
    #vantagesbox .btn a{width: 45px;line-height: 41px;}
    #vantagesbox .btn img{width:15px;}
    #vantagesbox{padding:40px 0;background:url(/images/22/turnJbox_bg.jpg);background-size: 207%;background-position: 52% 73%;}
	#vantagesbox:before{/* background: linear-gradient(to bottom, rgb(231 231 231 / 60%), rgb(255 255 255 / 0%), #ececec); */}
	.sideflyJJ.sebox02{bottom: 114px;width: 19vw;right: 27px;}
	#vantagesbox .vavaimg:before{height: 140px;}
	.sideflyJJ.sebox02{bottom: 114px;width: 19vw;right: 27px;}
	#turnJbox .cooufoino{width: min(400px , 90%);}
	#turnJbox .btn{top: 25.5%;gap: 5px;display: flex;flex-direction: row;}
    #turnJbox .btn a{width: 45px;line-height: 41px;}
    #turnJbox .btn img{width:15px;}
	#turnJbox{padding:50px 0;background: #010101;}
	
	#turnJbox .slick-prev , #vantagesbox .slick-prev{transform: scaleX(-1);z-index: 2;background: #e9eb00;left: auto;right: 42vw;width: 3vw;height: 3vw;border-radius: 50px;top: auto;bottom: 4vw;}
	#turnJbox .slick-prev:before , #vantagesbox .slick-prev:before{content: url(/images/22/chevron.svg);zoom: 3%;}
	#turnJbox .slick-next  , #vantagesbox .slick-next{z-index: 2;background: #e9eb00;right: 38vw;width: 3vw;height: 3vw;border-radius: 50px;top: auto;bottom: 4vw;transform: unset;}
	#turnJbox .slick-next:before , #vantagesbox .slick-next:before{content: url(/images/22/chevron.svg);zoom: 3%;}
	 #turnJbox .slick-next  , #vantagesbox .slick-next{top: 24%;right: -3vw;width: 7vw;height: 7vw;}
    #turnJbox  .slick-prev , #vantagesbox .slick-prev{top: 24%;left: -3vw;width: 7vw;height: 7vw;}
	#turnJbox:before{content:"";position: absolute;width: 100%;height: 72%;bottom: 0;background: #ffffff;display: none;}
	#solgonbox{padding: 10px 0 0;background: #010101;}
	 #sharebox .slick-next{top: 24%;right: 1vw;width: 7vw;height: 7vw;}
    #sharebox .slick-prev{top: 24%;left: 1vw;width: 7vw;height: 7vw;}
	#sharebox{padding: 60px 0 0;}
	#sharebox .shareitem .shareimg{width:90%;}
	#sharebox .shareitem .sewtitle h5{font-size:30px;height: 99px;}
	#sharebox .shareitem .shareinfo{padding: 25px 0 0;}
	#sharebox .shareitem .sewtext{margin-bottom:0;}
	#sharebox .shareitem .shareimg img{height: 270px;}
	.boo_box{padding: 8px 0;}
	.nwrightimg .polinetell a b{padding: 20px 20px;}
	#solgonbox .vavatitle .h2{height: 91px;}
	.photo .arrow {width: 38px;height: 38px;line-height: 38px;font-size: 26px;z-index: 9;}
}