#wrap { z-index: 5; }
#wrap:before{content:'';width:0;height:0;border-style:solid;border-width: 0 104vw 4.6vw 0vw;border-color: transparent transparent #f7f7f7;position:absolute;top: -4.5vw;z-index: 2;left: -1vw;}

#wrap .wam_img{width:100%;display: flex;flex-direction: column;align-items: center;position: absolute;top: -120px;z-index: 5;}
#wrap *{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#wrap .wam_img img{margin-left: -10px;}

/* section */
section >* { z-index: 3; }
section .title_box {font-weight: 400;padding: 20px 0;font-size: max(2.1 * (1vw + 1vh) / 2, 20px);letter-spacing: 3px;color: var(--primary);line-height: 1.4;}
section .emtitle_box {padding-bottom: 1vw;font-style: unset;font-size: max(4.1 * (1vw + 1vh) / 2, 35px);font-weight: 700;display: block;text-transform: uppercase;color: var(--primary);}
section .emtitle_box:before{content:"";position:absolute;width: 10px;aspect-ratio: 1/1;background: var(--primary);border-radius: 6666px;left: -25px;top: -25px;}
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%); }
.webh1{display:flex;flex-direction: column;align-items: center;margin-bottom: 15px;font-weight: 300;padding-bottom: 20px;font-size: max(1.4 * (1vw + 1vh) / 2, 15px);letter-spacing: 3px;}


/*index_title*/
.index_title{display:flex;flex-direction: column;position: relative;}
.index_title .title_big{font-size: max(3.5 * (1vw + 1vh) / 2, 35px);font-weight: 700;letter-spacing: 0.05em;}
.index_title .lineJJ_box:after{content:"";height: 160px;display: flex;background: #ababab;width: 1px;}
.index_title .lineJJ_box{position: absolute;bottom: 50px;left: -22px;}
.index_title .lineJJ_box:before{content:"";position: absolute;display: flex;width: 4px;height: 30px;margin-left: -2px;background: var(--info);bottom: 0;}
.index_title.titlestyle01 .lineJJ_box{display:none;}
.index_title.titlestyle01{align-items: center;}
.index_title.titlestyle03{align-items: center;margin-bottom: 60px;}
.index_title.titlestyle03 .title_big{margin-left: 17%;}
.index_title.titlestyle03 .title_littel{margin-left: 15%;}
.index_title.titlestyle03 .title_big:before{content:"News";position: absolute;margin-left: -27%;font-size: max(5.5 * (1vw + 1vh) / 2, 35px);color: var(--primary);}
section .center_title{display: flex;flex-direction: column;align-items: center;}
.index_title.titlestyle03 .lineJJ_box{left: 45%;}

/*prouJ_area*/
#prouJ_area{padding: 80px 0;}
#prouJ_area .pxtJJ{display:flex;flex-direction: column;align-items: center;gap: 10px;margin: 0 30px;}
#prouJ_area .ptimg{display:flex;width: 100%;}
#prouJ_area .ptimg img{width:100%;object-fit: cover;border-radius: 12px;}
#prouJ_area .pttitle{font-weight:500;}

.gap_img{position:absolute;z-index:0;top: -30%;}
#numberJJ_area{display:flex;flex-direction: column;align-items: center;}
#numberJJ_area .pos_rel{}
#fakeNumber{width: 100%;display:grid;margin-top: 80px;grid-template-columns: repeat(3,1fr);position: relative;margin-bottom: 0;border-radius: 18px;box-shadow: 0 4px 20px 8px rgb(88 88 88 / 10%);padding: 80px 50px;background: white;}
#fakeNumber .statisticsItem{height: 121px;overflow:hidden;padding: 3px 30px;display: flex;flex-direction: column;justify-content: center;}
#fakeNumber .statisticsItem:before{content:"";position: absolute;width: 2px;height: 50%;right: 20%;background: #6c6c6c;transform: rotate(29deg);}
#fakeNumber .statisticsItem:last-child:before{display:none;}
#fakeNumber .statisticsItem .numberBox{font-size:0;font-weight:700;font-family:"Roboto","Noto Sans TC",sans-serif;letter-spacing:0;margin-bottom: 7px;display: flex;align-items: flex-end;gap: 20px;}
#fakeNumber .statisticsItem:last-child{border-right: rgb(255 255 255 / 32%) 1px solid;}
#fakeNumber .statisticsItem .numberBox .number{font-size: max(5.8 * (1vw + 1vh) / 2, 77px);line-height:0.8;background: var(--primary);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight: 700;line-height: 100%;width: 175px;display: flex;justify-content: flex-end;}
#fakeNumber .statisticsItem .numberBox .unit{display:inline-block;font-size: max(2.2* (1vw + 1vh) / 2, 25px);line-height:1;margin-left:5px;background: var(--info);background-clip:text;-webkit-background-clip:text;color:transparent}
#fakeNumber .statisticsItem .numberBox .tt{font-size: max(2* (1vw + 1vh) / 2, 24px);vertical-align: bottom;margin-left: 7px;font-weight: 500;line-height: 100%;}
#fakeNumber .statisticsItem .title{letter-spacing:0.5px;font-size: max(1.2 * (1vw + 1vh) / 2, 18px);font-weight: 400;color: var(--info);}

/*underJ_area*/
#underJ_area{margin-top: -130px;}
#underJ_area:before{content:'';width:0;height:0;border-style:solid;border-width: 0 104vw 4.6vw 0vw;border-color: transparent transparent #f7f7f7;position:absolute;bottom: 0vw;z-index: 3;left: -1vw;}
#underJ_area:after{content:'';width:0;height:0;border-style:solid;border-width: 0 80vw 4.6vw 100vw;border-color: transparent transparent #ffffffb5;position:absolute;bottom: 0vw;z-index: 1;left: -1vw;}



.flyJJitem{position:absolute;}
.flyJJitem.item01{right: 7vw;width: 8vw;}
.flyJJitem.item02{left: 2vw;bottom: 2vw;width: 10vw;}

/*prosearch_box*/
#prosearch_box{position: relative;padding-top: 100px;}


/* about_area */
#about_area {padding: 10vw 0 5vw;position: relative;background: #f7f7f7;}
#about_area:before{content:'';position:absolute;width: 8vw;right: 0;top: 0;background: url(/images/44/right_canJ.png);aspect-ratio: 159/322;background-size: cover;z-index: 23;}
#about_area .cofullmore{width: 100%;}
#about_area .more_btn{background: var(--primary);color: white;}
#about_area .workframe {display: grid;grid-template-columns: 27% 62%;gap: 6%;width: 90%;margin: 0 0 0 10%;align-items: center;}
#about_area #about_info{width: 100%;display: flex;flex-direction: column;order: 1;z-index: 6;}
#about_area article p {line-height: 210%;font-weight: 300;overflow: hidden;margin: 30px 0 30px;height: 68px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #384552;}
#about_area .clip {-webkit-clip-path: url(#clip_about);clip-path: url(#clip_about);}
#about_area .about_sub_1 {top: -2vw;left: 24vw;animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;display: none;}
#about_area .about_sub_1 .clip { -webkit-clip-path: url(#clip_about_sub_1); clip-path: url(#clip_about_sub_1); }
#about_area .about_sub_2 {left: 30vw;z-index: 2;bottom: 0;display: none;}
#about_area .about_sub_2 .clip { -webkit-clip-path: url(#clip_about_sub_2); clip-path: url(#clip_about_sub_2); }
#about_area .about_sub_3 {z-index: 5;display: flex;flex-direction: column;justify-content: center;right: 0;order: 2;align-items: center;}
#about_area .about_sub_3:before{content:"";background: url(/images/44/reya_bg01.png);aspect-ratio: 1227/220;width: 60vw;top: -3vw;right: 9vw;position: absolute;background-size: cover;}

#about_area .about_sub_3:after{content:"";background: url(/images/44/reya_bg02.png);aspect-ratio: 1905/993;position: absolute;top: -5vw;left: -40vw;width: 100vw;background-size: cover;z-index: -1;}

#about_area .about_sub_3 img{width: 99%;margin-top: 60px;z-index: 2;}
#about_area .about_sub_3 .clip { -webkit-clip-path: url(#clip_about_sub_3); clip-path: url(#clip_about_sub_3); }
@keyframes drinkbox{0%{top: 0px;}100%{top: -20px;}}
#about_area #fakeNumber{display:flex;position: relative;margin: 65px 0;}
#about_area #fakeNumber *{color:var(--primary)}
#about_area .evtitle{bottom: -45px;}
#about_area #fakeNumber li{position: relative;display: flex;align-items: center;justify-content: center;width: 72px;aspect-ratio: 1/1;padding: 6px;background: var(--primary);border-radius: 500px;margin-bottom: 45px;}
#about_area #fakeNumber li:after{content:'';border: 1px solid var(--primary);position: absolute;width: 115%;height: 115%;border-radius: 500px;animation-name: circle;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 40s;opacity: 0.3;}
@keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);}100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}}
#about_area #fakeNumber ul {display: flex;gap: 50px;align-items: flex-end;height: auto;justify-content: center;}

#about_area #fakeNumber li .eva{display:flex;flex-direction: column;align-items: center;}
#about_area #fakeNumber li .h2{color: #2b2a2a;display: flex;flex-direction: column;align-items: center;font-size: max(0.8*(1vw + 1vh) / 2,16px);font-weight: 400;}
#about_area #fakeNumber li .h2 b{font-family: "Anybody", serif;font-size: max(3*(1vw + 1vh) / 2, 45px);font-weight: 600;line-height: 1;display: block;margin: 5px 0;}
#about_area #fakeNumber li p{font-size:17px}

#about_area .doown_img{display: flex;width: 30vw;right: 0;bottom: -4vw;}
#about_area .mootar_icon{display: flex;justify-items: center;flex-wrap: wrap;gap: 23px;}
#about_area .tar_item{display:flex;flex-direction: column;align-items: center;gap: 5px;}
#about_area .tar_item span{font-size: 15px;}
#about_area .tar_item img{width:80px;}


/* news_area */
#news_area{padding: 150px 0 20px;background: #f0f0e7;background: url(/images/44/down_nwbg.png);z-index: 3;}

#news_area li .info_box { margin: 10px 15px 0; }
#news_area li .time { width: 65px; font-weight: 400; font-size: 13px; }
#news_area li .more_btn { margin-left: 10px; padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#news_area li h3 { margin-top: 10px; height: 60px; line-height: 150%; font-size: 20px; -webkit-line-clamp: 2; }

#news_area .nwtwo_box{display: grid;grid-template-columns: 27% 67%;gap: 6%;align-items: end;padding: 40px 0;}
#news_area .nwtwo_box .mooimg img{width:100%;}
#news_area .nw_item{position: relative;display: grid;grid-template-columns: 10% 23% 53% 10%;align-items: center;gap: 2%;padding: 60px 10px;background: #f4f4f4;margin: 9px 0;border-radius: 10px;}
#news_area .nwtitleJ{overflow:hidden;margin:10px 0;height: 30px;text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size: 20px;border-right:#9d9d9d 1px solid;padding-right: 9%;}
#news_area .nwduJ p{overflow:hidden;margin:10px 0;height: 24px;text-align: left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size: 14px;padding-left:0%}
#news_area .yesrJ{display:flex;align-items:center;justify-content:center;border-radius:6666px;color:white;flex-direction: column;}
#news_area .yesrJ .ye01{font-size: 25px;text-transform: uppercase;font-weight: 700;}
#news_area .yesrJ .ye02{font-size:17px;}
#news_area .nwlist_box{margin-bottom: 0;width: 100%;}

#news_area .nw_item:hover .nwwmore svg{
    background: var(--secondary);
}
#news_area .nw_item:hover .nwtitleJ{
    color: var(--secondary);
}

#news_area .flyJJphto-1{right:0;top:4vw}

#news_area .flyJJphto-1 img{animation: float 4s linear infinite;}
#news_area .flyJJphto-2 img{animation: float 6s linear infinite;}

#news_area .flyJJphto-2{bottom: 0vw;left: 3vw;}

#news_area .nwwmore{display:flex;}
#news_area .nwwmore svg{display:flex;width: 50px;aspect-ratio: 1/1;padding: 15px;background: #515151;fill: white;border-radius: 0px 10px 10px 0px;}
@keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(-20px)}
100%{transform:translateY(0)}
}



@media screen and (max-width: 1680px) {
	#about_area .about_sub_1{left: 9vw;top: 56%;width: 50vw;}
	#about_area .about_sub_2{left: 35vw;}
}
@media screen and (max-width: 1470px) {
	#prouJ_area .pxtJJ{margin: 0 20px;}
	#about_area .about_sub_3:after{width: 100vw;left: -44vw;top: -1vw;}
	#about_area .workframe{grid-template-columns: 28% 58%;gap: 8%;}
	#about_area .doown_img{width: 23vw;bottom: -3vw;}
	#about_area .about_sub_3 img{width: 98%;}
	#news_area .nwtwo_box .mooimg{display:flex;flex-direction: column;align-items: center;}
	#news_area .nwtwo_box .mooimg img{width: min(480px, 100%);}
	#about_area{border-radius: 0;padding: 6vw 0 12vw;}
	
	#about_area .about_sub_3{right: -1vw;}

}
@media screen and (max-width: 1280px) {
	#faqlist li .txt{font-size:18px;}
	#about_area .doown_img{bottom: 3vw;}
	#fakeNumber{padding: 50px 20px;}
	#fakeNumber .statisticsItem .numberBox .number{width: 135px;font-size: max(3 * (1vw + 1vh) / 2, 64px);}
	#fakeNumber .statisticsItem{padding: 3px 8px;}
	#fakeNumber .statisticsItem .numinfo{margin-bottom:10px;}
}
@media screen and (max-width: 1024px) {
	#fakeNumber .statisticsItem:before{display:none;}
	#news_area li h3 { height: 30px; -webkit-line-clamp: 1; }
	#news_area .nwtwo_box{display:flex;flex-direction: column;gap: 51px;}
	#news_area .nwtwo_box .nwleft{display:flex;flex-direction: column;width: 100%;align-items: center;order: 2;}
	#news_area .nwright{}
	#news_area{padding-bottom: 0;}
	#about_area .workframe{grid-template-columns: 38% 44%;}
	#about_area #fakeNumber ul{gap: 25px;}
	#about_area .about_sub_3:after{left: -54vw;width: 110vw;}
}
@media screen and (max-width: 980px) {
	section .emtitle_box:before{left: calc(50% - 5px);}
	#about_area .doown_img{display:none;}
	#custom_area .workframe{grid-template-columns:1fr;width: 100%;}
	#custom_area .box{width:90%;margin: 0 auto;padding: 8vw 0;}

	@keyframes drinkbox{0%{top:40%}100%{top:50%}}
	
	
	#about_area .workframe{justify-items: center;display: flex;flex-direction: column;align-items: center;gap: 50px;margin: 0 auto;}
	

	#about_area{padding: 50px 0 50px;}
	#about_area #about_info {margin-bottom: 8vw;display: flex;flex-direction: column;align-items: flex-start;}
	#about_area .about_sub_2 {top: auto;bottom: 28vw;width: 30vw;left: 17vw;}
	#about_area .about_sub_3 {width: min(600px ,100%);right: unset;order: 0;}
	#about_area .mootar_icon{display:flex;justify-content: center;}
	#about_area .about_sub_3:after{top: auto;bottom: -527px;}
	#custom_area .bg img{display:none;}
	.tit{display: flex;flex-direction: column;align-items: center;}
	#about_area .cofullmore{display:flex;justify-content: center;}
	#about_area .cofullmore .small_more{width:100%;display: flex;flex-direction: column;align-items: center;}
}
@media screen and (max-width: 768px) {
	#wrap:before ,#news_area:before{display:none;}
	#custom_area .bg img{height:auto;}
	#about_area .about_sub_3 {width: 63vw;}
	#about_area .about_sub_3:before{width: 120%;}
	#about_area .about_sub_1{left: 1vw;top: 64%;width: 80vw;}
	#about_area{border-radius: 0;}
	
	section, #product_area, #about_area {padding: 0;}
	#product_sub_list>div { margin: 10px auto 50px; }
	#product_sub_list li { width: 150px; }
	#product_sub_list li .clip { height: 150px; }
	
	#about_area #fakeNumber ul{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;}
	.index_title.titlestyle03{display:flex;flex-direction: column;align-items: flex-start;}
	.index_title.titlestyle03 .title_big ,.index_title.titlestyle03 .title_littel{margin-left: 20px;}
	.index_title.titlestyle02 .title_big ,.index_title.titlestyle02 .title_littel{margin-left: 20px;}
	.index_title.titlestyle02 .lineJJ_box{left: 0;}
	.index_title.titlestyle03 .lineJJ_box{left: 0%;}
	.index_title.titlestyle03 .title_big:before{margin-left: auto;top: -100px;font-size: 64px;right: 0;}
	#fakeNumber{display:flex;flex-direction: column;margin: 0;}
	#fakeNumber .statisticsItem .numberBox , #fakeNumber .statisticsItem .numberBox .number{display:flex;justify-content: flex-start;}
	.gap_img , #news_area .nwwmore{display:none;}
	#news_area .nw_item{display:flex;flex-wrap: wrap;padding: 3px 5px;}
	#news_area .nw_item .nwduJ{width:100%}
	#news_area .yesrJ .ye01{font-size: 19px;line-height: 1;}
	#news_area .yesrJ .ye02{font-size: 12px;}
}
@media screen and (max-width: 640px){
	#prouJ_area{padding: 0;}
	.flyJJitem{display:none;}
	#underJ_area{display:none;}
	section, #product_area, #about_area{padding: 5vw 0;}
}
@media screen and (max-width: 550px) {
	#about_area #fakeNumber{margin: 30px 0 40px;}
	#about_area:before , section .emtitle_box:before{display:none;}

	@keyframes drinkbox{0%{top:50%}100%{top:55%}}
	#product_sub_list li { margin: 10px; width: 35vw; }
	#product_sub_list li .clip { height: 35vw; }
	#about_area #about_img { width: 80vw; }
	#about_area .about_sub_2 {bottom: 68vw;width: 50vw;left: 3vw;}
	#about_area .about_sub_3{width: 119vw;}
	#about_area .about_sub_3 img{width:100%;}
	#news_area li .row { margin: auto; width: 280px; }
	#faqlist li .info{padding:20px 0 0}
	#news_area{background: f6f6f6;padding-bottom: 0;}
	#news_area .yesrJ{font-size:12px;}
	#about_area article p{-webkit-line-clamp: 3;height: 95px;}
	#news_area .nwtitleJ , #news_area .nwduJ p{font-size: 16px;}
	#news_area .nwtitleJ{font-size: 20px;color: var(--secondary);margin: 10px 30px;}
	#numberJJ_area{background:#f6f6f6;}
	#fakeNumber{box-shadow:unset;background: unset;padding: 20px 0;}
	#about_area{padding-bottom:250px;background: f6f6f6;}
	#about_area .about_sub_3:after{left: -10vw;bottom: -770px;width: 139vw;}
	#prosearch_box{padding-top: 50px;}
}
@media screen and (max-width: 480px) {
	#news_area:after{display: none;}
	#news_area .nw_item{padding: 9px 17px;background: #f2f2f2;}
	#wrap .wam_img{display:none;}
}