section { position: relative; padding: 5vw 0; background: #fff; }
section >.bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: .3; }
section >.info { position: relative; font-size: 0; z-index: 2; }
section .title , #secabout #youtubeBox .right .tit { line-height: 120%; text-align: center; font-family: 'Montserrat', 'Noto Sans TC', sans-serif; text-transform: uppercase; letter-spacing: 10px; font-size: 45px; color: #1f1f1f; }
section .more { margin-top: 40px; text-align: center; }
section .more a { position: relative; padding: 15px 100px; border: 1px #1f1f1f solid; display: inline-block; color: #1f1f1f; }
section .more font { text-align: center; font-family: 'Montserrat', 'Noto Sans TC', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; color: #1f1f1f; }
section .more a svg.arrow { position: absolute; width: 20px; right: 20px; top: calc((100% - 11.41px) / 2); }
section .more.white a , section .more.white font { border-color: #fff; color: #fff; }
.framebox{width:min(1440px,95%);margin:0 auto;position:relative}
.frstar{position:absolute}
.frstar.stmu01{right: 3vw;top: -2vw;animation:spin 5s linear infinite}
.frstar.stmu02{left: -10vw;top: 10vw;animation:spin 9s linear infinite}
#poservice .framebox:before{content:"";position: absolute;background: url(/images/37/titlelebimg.png);width: 50vw;aspect-ratio: 130/36;background-size: cover;top: -4vw;right: -13vw;}
/*indentitle*/
.indentitle{display:flex;flex-direction:column}
.indentitle h2{text-transform:uppercase;line-height:120%;font-size: max(4.99 * (1vw + 1vh) / 2,39px);}
.indentitle p{font-size:max(2.15*(1vw + 1vh) / 2,21px);display:flex;align-items:center}
.indentitle p span{width:120px;height:1px;display:flex;background:#4a4a4a;margin-right:15px}

/*bea_box*/
#bea_box{padding: 0 0 75px;background-image:url(/images/37/bee_bg.jpg);background-size:contain;background-repeat:no-repeat}
#bea_box .framebox .beetitle{position: absolute;margin-bottom:20px;padding-top: 0;right: 0;bottom: 460px;}
#bea_box .framebox .beeJsebox{position:relative;display:grid;grid-template-columns:50% 50%;gap:30px;margin-top: 0px;}
#bea_box .framebox .beeJsebox:before{content:"";position:absolute;bottom:-64px;background:url(/images/37/handdoctor.png);background-size:contain;width:28vw;left:23vw;background-repeat:no-repeat;aspect-ratio:270/361;z-index:5}
#bea_box .framebox .beeJsebox .beeleftbox .indentitle{margin: 50px 0px 100px;}
#bea_box .framebox .pinkinfo{position:relative;width:min(405px,92%);padding:27px 0px;z-index:2;margin-bottom: 64px;}
#bea_box .framebox .pinkinfo *{color:#ffffff}
#bea_box .framebox .pinkinfo:before{content:"";position:absolute;width:50vw;height:120%;left:-13vw;top:-20%;background: #425f37;z-index:-1}
#bea_box .framebox .pinkinfo .h3{font-size: max(1.7 * (1vw + 1vh) / 2,19px);font-weight:600}
#bea_box .framebox .pinkinfo p{font-size:max(1.14 * (1vw + 1vh) / 2,15px);margin:35px 0}
#bea_box .framebox .pinkinfo .suname{display:flex;justify-content:flex-end;font-size:max(1.2*(1vw + 1vh) / 2,15px);text-transform:uppercase}
#bea_box .framebox .beeJsebox .beerightbox{display:flex;width:100%;flex-direction:column;margin-top: 0;justify-content: flex-end;}
#bea_box .framebox .beeJsebox .beerightbox .slick-slider{width:100%;display:flex;-moz-transform:translateX(11vw) scale(1.2);-webkit-transform:translateX(11vw) scale(1.2);-o-transform:translateX(11vw) scale(1.2);-ms-transform:translateX(11vw) scale(1.2);transform:translateX(11vw) scale(1.2);margin-bottom: 5px;}
#bea_box .framebox .beeJsebox .leetext{margin-left:15vw}
#bea_box .framebox .beeJsebox .leetext .leeinfo{margin:48px 0}
#bea_box .framebox .slick-list{width:100%}
#bea_box .framebox .slick-list .img{margin:10px;display: flex;flex-direction: column;align-items: center;}
#bea_box .framebox .slick-list .img img{border-radius: 10px 69px 10px 10px;width: 100%;}
/*drabox*/
#drabox{position:relative;padding-bottom:70px;z-index:3;display: none;}
#drabox:before{content:"";position:absolute;background:url(/images/37/serm_bg.png);width:100%;height:100%;background-position:50% 100%;background-size:cover}
#drabox:after{content:"";position:absolute;width: 100%;aspect-ratio: 19/10;background: linear-gradient(to bottom, #ffffff, rgb(254 254 254 / 0%));top:0;background-size:contain;background-repeat:no-repeat}
#drabox .catopbar{display:flex;justify-content:flex-end;margin-top:-55px}
#drabox .catopbar img{filter:drop-shadow(0px 11px 8px rgba(18,18,18,0.05));width:67vw}
.moopevideo{position:relative;z-index:5;display:grid;grid-template-columns:24% 50% 26%;gap:30px;margin-top:100px;padding-bottom:320px}

/*cvinfotext*/
#cvinfotext{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top: 50px;}
#cvinfotext .indentitle{align-items:center}
#cvinfotext .indentitle h2{text-align:center}
#cvinfotext .indentitle p{font-size:max(1.7 * (1vw + 1vh) / 2,18px);text-align:center}
#cvinfotext .nanatee{padding: 60px 0 100px;width: min(500px , 100%);display: flex;flex-direction: column;align-items: center;}
#cvinfotext .nanatee h1{margin-bottom:20px;font-size: max(2* (1vw + 1vh) / 2, 23px);width: 100%;}
#videoContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}
#videoContainer video{width:min(480px,95%)}
#pauseButton{position:absolute;border:none;width:80px;border-radius:50%;aspect-ratio:1/1;background:#646464;color:white;font-size:33px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:6}
.abouJmiox img{border-radius: 0 25px 25px 0;}

/*poservice*/
#poservice{position:relative;z-index:2;margin-top:100px;/* overflow: hidden; */}
#poservice:before{content:"";position:absolute;background:url(/images/37/poou_bg.jpg);background-repeat:no-repeat;width:100%;height:125%;top:-19%;z-index: -1;}
.poorightimg{position:absolute;right: 31vw;margin-top: -8vw;z-index:6;width: 16vw;}

/*serviceJbox*/
.serviceJbox ul{display:flex;justify-content:space-between;margin-top: -60px;}
.serviceJbox li{position:relative;transition:transform 0.3s ease;margin: 125px 10px 0;opacity:0}
.serviceJbox li.slick-center:before{content:"";position:absolute;background:url(/images/37/showermJimg.png);width:170px;aspect-ratio:137/232;background-repeat:no-repeat;z-index:-1;top:-67px;left:-96px;background-size:contain;background-position:50%}
.serviceJbox li .img img{border-radius:20px;aspect-ratio: 1/1;object-fit: cover;}
.serviceJbox .siveinfo{display:flex;flex-direction:column;align-items:center;padding:20px 0}
.serviceJbox li.slick-active{opacity:1}
.serviceJbox li a{position:absolute;width:100%;height:100%;z-index:5}
.serviceJbox li:hover .img{overflow:hidden}
.serviceJbox li:hover .img img{-moz-transform:scale(0.97);-webkit-transform:scale(0.97);-o-transform:scale(0.97);-ms-transform:scale(0.97);transform:scale(0.97)}
.serviceJbox li.swam01,.serviceJbox li.swam03,.serviceJbox li.swam05{transform:translateY(-80px);padding-top:80px}
.serviceJbox li.swam02,.serviceJbox li.swam04,.serviceJbox li.swam06{transform:translateY(80px);padding-bottom:80px}
.serviceJbox .btnBox{display:flex;flex-direction:column;align-items:center;margin:80px 0 15px}
.serviceJbox .arrow_btns_box{display:flex;justify-content:center;margin-top:-60px;position:relative}
.serviceJbox .arrow_btns_box svg{background: #647b5b;fill:#ffffff;margin:10px;padding:20px;border-radius:555px;cursor:pointer}
.serviceJbox .arrow_btns_box .prev svg{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}

/* newsBox */
#newsBox {margin: 0px auto 0;padding: 0;width: 1280px;z-index: 110;}
#newsBox .info { padding: 30px 60px; display: flex; align-items: center; gap: 5px 3%; }
#newsBox .info .tit { width: 5em; }
#newsBox .info .tit a { color: #000; }
#newsBox .info .news_list { width: 1%; flex: 1 1 auto; }
#newsBox .info .news_list .slick-list { overflow: visible; }
#newsBox .info .news_list li { position: relative; }
#newsBox .info .news_list .news_txt { position: relative; display: flex; align-items: center; gap: .5em 1em; }
#newsBox .info .news_list .news_txt .time { min-width: 6em; }
#newsBox .info .news_list .news_txt .txt { width: 1%; flex: 1 1 auto; }
#newsBox .info .news_list .news_txt a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#newsBox .info .news_list .noBox { position: absolute; width: 2em; text-align: center; top: 50%; right: -6em; -webkit-transform: translateY(-47%); transform: translateY(-47%); }
#newsBox .info .news_btn { position: relative; width: 9em; display: flex; justify-content: space-between; align-items: center; z-index: 5; }
#newsBox .info .news_btn font { width: 5.5em; display: flex; justify-content: flex-end; }
#newsBox .info .news_btn font span { min-width: 2em; text-align: center; }
#newsBox .info .news_btn font span:nth-child(2) { min-width: 1.5em; }
#newsBox .info .news_btn #prevBtn { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

/* productBox */
#productBox .bg { opacity: .2; }
#productBox >.info { margin: 0 100px; }
#productBox ul { margin-top: 5vw; }
#productBox ul li { position: relative; }
#productBox ul li a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 3; }
#productBox ul li >div { overflow: hidden; position: relative; margin: 0 20px; }
#productBox ul li .img:before { position: absolute; width: 100%; height: 100%; background: rgba(31, 31, 31, .6); display: block; top: 0; left: 0; opacity: 0; z-index: 2; content: ""; }
#productBox ul li .img img { position: relative; width: 100%; height: 360px; object-fit: cover; z-index: 1; }
#productBox ul li .info { overflow: visible; position: relative; margin-top: -55px; padding: 45px 40px 60px; width: calc(85% - 120px); background: #fff; z-index: 2; }
#productBox ul li .info .price { position: absolute; padding: 5px 15px; background: rgb(0 0 0 / .6); top: -39px; left: 0; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
#productBox ul li .info .price font { margin: 0 10px; display: inline-block; font-weight: 300; color: #fff; }
#productBox ul li .info .price font.old { color: rgb(255 255 255 / .4); }
#productBox ul li .info .h3 { margin-bottom: 10px; height: 37px; font-weight: 400; font-size: 22px; color: #1f1f1f; }
#productBox ul li .info article { height: 43px; font-weight: 400; font-size: 14px; color: #2c2c2c; -webkit-line-clamp: 2; }

/* aboutBox */
#aboutBox { background: none; z-index: 5; }
#aboutBox:before { position: absolute; width: 83%; height: 100%; background: #f1f4f6; display: block; top: 0; right: 0; z-index: 1; content: ""; }
#aboutBox .bg { width: 61%; height: 70%; background-attachment: fixed; top: 10%; right: 0; left: auto; opacity: 1; z-index: 3; }
#aboutBox .info { width: 45%; }
#aboutBox .info .title { margin: 0 5vw 2vw; text-align: left; }
#aboutBox .info .txtBox { position: relative; padding: 7vw 10vw 7vw 5vw; background: url(/userfiles/images/20200525120633201.jpg) no-repeat 50% / cover; }
#aboutBox .info .txtBox:before { position: absolute; width: 100%; height: 100%; background: rgb(68 68 68 / .7); top: 0; left: 0; content: ""; z-index: 1; }
#aboutBox .info .txtBox >div { position: relative; z-index: 2; }
#aboutBox .info .txtBox .h3 { margin-bottom: 20px; font-size: 36px; color: #fff; }
#aboutBox .info .txtBox article { line-height: 230%; font-size: 17px; color: #fff; }
#aboutBox .info .txtBox .more { margin-top: 80px; text-align: left; }
#aboutBox #SeoStarRating font { vertical-align: middle; }
#aboutBox #SeoStarRating font:last-child { color: #fff; }
#aboutBox #SeoStarRating .fa { vertical-align: initial; }

/* secabout */
#secabout { margin-top: -5vw; padding: 20vw 0 10vw; background: url(/images/37/img-secaboutBg.jpg) no-repeat 50% / cover; z-index: 1; }
#secabout:before { position: absolute; width: 87vw; height: calc(100% - 20vw); background: #fff; display: block; top: 15vw; left: 0; content: ""; z-index: 1; }
#secabout >div { position: relative; margin: 0 auto 50px; width: 50vw; z-index: 2; }
#secabout #customBox ul li article { margin: 3vw 0 5vw; text-align: center; line-height: 190%; color: #1f1f1f; }
#secabout #youtubeBox { width: 85vw; background: rgba(31, 31, 31, .9); }
#secabout #youtubeBox a { position: absolute; width: 100%; height: 100%; display: block; z-index: 2; }
#secabout #youtubeBox .left { position: absolute; width: calc(100% - 400px); height: 100%; top: 0; left: 0; z-index: 3; }
#secabout #youtubeBox .left iframe { width: 100%; height: 100%; }
#secabout #youtubeBox .right { position: relative; margin: 0 0 0 auto; padding: 150px 50px; width: 300px; text-align: center; z-index: 1; }
#secabout #youtubeBox .right .tit { font-size: 24px; color: #fff; }
#secabout #youtubeBox .right .more { padding: 0 3px 5px; border-bottom: 1px #fff solid; display: inline-block; color: #fff; }
#secabout #youtubeBox .right .more font { margin-right: 20px; font-family: 'Montserrat', 'Noto Sans TC', sans-serif; text-transform: uppercase; letter-spacing: 3px; font-size: 13px; }

/* bookBox */
#bookBox .topBox { position: relative; margin: 0 auto 5vw; width: 80vw; }
#bookBox .topBox .title { position: absolute; }
#bookBox .topBox .more { text-align: right; }
#bookBox .list ul li .img { overflow: hidden; position: relative; margin: 0 40px 0 60px; z-index: 1; }
#bookBox .list ul li .img:before { position: absolute; width: 100%; height: 100%; background: rgb(240 244 247 / .6); display: block; top: 0; left: 0; opacity: 0; z-index: 2; content: ""; }
#bookBox .list ul li .img img { position: relative; width: 100%; height: 30vw; object-fit: cover; z-index: 1; }
#bookBox .list ul li .info { position: relative; margin-top: -14%; padding: 7% 5%; width: 350px; background: rgba(0,0,0,.7); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); z-index: 2; }
#bookBox .list ul li .info .h3 { height: 40px; font-weight: 400; font-size: 24px; color: #fff; }
#bookBox .list ul li .info .more { text-align: left; }
#bookBox .list ul li:nth-child(2n) .img { margin: 0 0 0 100px; }
#bookBox .list ul li:nth-child(2n) .info { margin-left: 40px; }
/*fakeNumber*/
.flysubtext{display:flex;flex-direction:column;position:absolute;width:auto;height:100%;webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;right:14vw;bottom: 0;}
.flysubtext p{font-size:max(1.4*(1vw + 1vh) / 2,16px);letter-spacing:0.1em;display:flex;align-items:center;line-height:100%}
.flysubtext p span{width:1px;height:190px;display:flex;background:#8d8e8f;margin-left:2px;margin-bottom:20px}

#fakeNumber{width: 410px;display:grid;margin-top:30px;grid-template-columns:repeat(2,1fr);position: absolute;bottom: 90px;right: 8vw;margin-bottom: 100px;}
#fakeNumber .statisticsItem{height: 121px;overflow:hidden;padding:35px 35px 45px 25px;display: flex;flex-direction: column;justify-content: flex-end;}
#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;}
#fakeNumber:before{content:'';width:50%;height:50%;display:block;opacity:0}
#fakeNumber:after{content:"";position: absolute;background: url(/images/37/Shape-star.png);width: 5vw;background-repeat: no-repeat;background-size: cover;aspect-ratio: 1/1;top: -16vw;right: 15vw;animation: spin 6s linear infinite;}
#fakeNumber .statisticsItem:first-child,#fakeNumber .statisticsItem:nth-child(2){background-color: rgb(255 255 255);color:#3c3c3c}
#fakeNumber .statisticsItem .numberBox .number{font-size: max(4.2 * (1vw + 1vh) / 2, 41px);line-height:0.8;background: #2f2f2f;background-clip:text;-webkit-background-clip:text;color:transparent;font-family: "Noto Serif TC", sans-serif;font-weight: 700;line-height: 100%;}
#fakeNumber .statisticsItem .numberBox .unit{display:inline-block;font-size: max(2.2* (1vw + 1vh) / 2, 25px);line-height:1;margin-left:5px;background: #2f2f2f;background-clip:text;-webkit-background-clip:text;color:transparent}
#fakeNumber .statisticsItem .numberBox .tt{font-size: max(2* (1vw + 1vh) / 2, 19px);vertical-align: bottom;margin-left: 7px;font-weight: 500;line-height: 100%;}
#fakeNumber .statisticsItem:nth-child(3) .numberBox .number, #fakeNumber .statisticsItem:nth-child(3) .numberBox .unit, #fakeNumber .statisticsItem:nth-child(3) .numberBox .tt{background: #ffffff;background-clip:text;-webkit-background-clip:text;color:transparent}
#fakeNumber .statisticsItem:nth-child(3){background: #647b5b;color:#fff;border-radius: 0px 0px 50px 0px;}
#fakeNumber .statisticsItem .title{letter-spacing:0.5px;font-size: max(1.2* (1vw + 1vh) / 2, 13px);font-weight: 500;}
#fakeNumber .statisticsItem:nth-child(3) .title{color:#fff}


@media screen and (max-width:1470px) {
	.frstar.stmu01{top: -4vw;width: 6vw;right: 8vw;}
	.frstar.stmu02{width: 4vw;}
	#bea_box .framebox .beeJsebox .beerightbox .slick-slider{-moz-transform:translateX(8vw) scale(1);-webkit-transform:translateX(8vw) scale(1);-o-transform:translateX(8vw) scale(1);-ms-transform:translateX(8vw) scale(1);transform:translateX(8vw) scale(1);margin-bottom:8px}
	#productBox >.info { margin: 0 5%; }
	#productBox ul li >div { margin: 0 10px; }
	#productBox ul li .info { padding: 25px 15px 40px; width: calc(85% - 30px); }
	#aboutBox .bg { width: 50%; }
	#aboutBox .info { width: 55%; }
	#bea_box .framebox .beetitle{bottom: 420px;}
	#bea_box .framebox .pinkinfo{width: min(380px,92%);}
	.flysubtext{right: 13vw;}
	.framebox{width: min(1200px, 88%);}
	#bea_box .framebox .beeJsebox{margin-top: 0px;}
	
	#bea_box .framebox .beeJsebox:before{width: 28vw;left: 28vw;bottom: 2vw;}
	#bea_box .framebox .beeJsebox .beeleftbox .indentitle{margin: 5px 0px 130px;}
	#bea_box .framebox .pinkinfo:before{width: 57vw;}
	#fakeNumber .statisticsItem{padding: 15px 19px 44px 22px;height: 116px;}
	#fakeNumber{width: 370px;right: 7vw;}
	#fakeNumber:after{right: 17vw;top: -19vw;}
	.flysubtext p span{height: 113px;}
	.moopevideo{padding-bottom: 280px;margin-top: 20px;}
	#cvinfotext .nanatee{padding: 70px 0;}
	#drabox:after{width: 100%;}
	#videoContainer{margin-left: 20px;}
	.poorightimg{right: 43vw;width: 16vw;}
	#poservice{margin-top: 30px;}
	.serviceJbox li.slick-center:before{width: 144px;top: -42px;left: -89px;}
	
}
@media screen and (min-width:1281px) {
	section .more a:hover { background: #1f1f1f; }
	section .more a:hover font { color: #fff; }
	section .more a:hover svg { fill: #fff; }
	section .more.white a:hover { background: #fff; }
	section .more.white a:hover font { color: #1f1f1f; }
	section .more.white a:hover svg { fill: #1f1f1f; }
	#productBox ul li:hover .img:before , #bookBox .list ul li:hover .img:before { opacity: 1; }
	#productBox ul li:hover .img img , #bookBox .list ul li:hover .img img { -webkit-filter: blur(4px); filter: blur(4px); }
}
@media screen and (max-width:1280px) {
	
	#secabout #youtubeBox { width: 90vw; }
	#bookBox .list ul li .img { margin: 0 20px 0 60px; }
	#bea_box .framebox .beetitle{bottom: 0;position: relative;right: auto;left: 0;}
	#fakeNumber:after{right: 2vw;top: -11vw;}
	#bea_box .framebox .beeJsebox{display:flex;flex-direction:column}
    #bea_box .framebox .beeJsebox .beerightbox{display:flex;flex-direction:column;order:1}
    #bea_box .framebox .beeJsebox .beeleftbox{display:flex;flex-direction:column;order:2}
    #bea_box .framebox .beeJsebox .beerightbox .slick-slider{-moz-transform:translateX(0vw) scale(1);-webkit-transform:translateX(0vw) scale(1);-o-transform:translateX(0vw) scale(1);-ms-transform:translateX(0vw) scale(1);transform:translateX(0vw) scale(1)}
    .moopevideo{display:flex;flex-wrap:wrap;padding-bottom: 180px;}
    #fakeNumber{position:relative;width:89vw;right:-5vw;bottom:0;margin-bottom:0}
    #videoContainer{width:30%;margin-left: 1%;}
    #cvinfotext{width:60%}
    #bea_box .framebox .pinkinfo:before{width:120vw}
    #bea_box .framebox .beeJsebox:before{width:37vw;left:auto;right: 7vw;}
}
@media screen and (max-width:1024px) {
	section .more a { padding: 10px 80px 10px 20px; }
	#aboutBox .bg { width: 100%; height: calc(100% - (12vw + 54px)); top: calc(7vw + 54px); z-index: 1; }
	#aboutBox .info .txtBox { padding: 7vw 10vw; background: none; }
	#secabout:before { width: 90vw; }
	#secabout #customBox { width: 70vw; }
	#secabout #youtubeBox .left { position: relative; width: 100%; height: 400px; }
	.serviceJbox li.slick-center:before{top: -150px;left: 27%;}
	.serviceJbox .arrow_btns_box{margin-top:0;}
	.serviceJbox .btnBox{margin: 40px 0 15px;}
	#fakeNumber{display: flex;padding: 0;width: 100%;right: 0;}
	#fakeNumber:before{display: none;}
	#fakeNumber .statisticsItem{width: 33%;}
	#fakeNumber .statisticsItem:first-child,#fakeNumber .statisticsItem:nth-child(2),#fakeNumber .statisticsItem:nth-child(3){background-color:unset;display:flex;flex-direction:column;align-items:center}
    #fakeNumber .statisticsItem:nth-child(3) .numberBox .number,#fakeNumber .statisticsItem:nth-child(3) .numberBox .unit,#fakeNumber .statisticsItem:nth-child(3) .numberBox .tt{background:#2f2f2f;background-clip:text;-webkit-background-clip:text;color:transparent}
    #fakeNumber .statisticsItem:nth-child(3) .title{color:#2f2f2f}
    .flysubtext{right:5vw;bottom:73px}
}
@media screen and (min-width:981px){
	#bea_box .framebox .beeJsebox .leetext.pcnone{display:none;}
}
@media screen and (max-width:980px) {
	#secabout:before { width: 0; }
	#secabout #customBox { width: 90vw; }
	#secabout #youtubeBox .left { height: 45vw; }
	#bookBox { padding-bottom: 5vw; }
	#bookBox .info { padding-bottom: 90px; }
	#bookBox .topBox , #bookBox .topBox .title { position: initial; }
	#bookBox .topBox .more { position: absolute; width: 100%; text-align: center; bottom: 0; left: 0; }
	#bea_box .framebox .beeJsebox .leetext.mbnone{display: none;}
	#bea_box .framebox .beeJsebox .leetext.pcnone{margin-left: 0;}
	#bea_box .framebox .beeJsebox .beeleftbox .indentitle{margin: 20px 0px 30px;}
	#bea_box .framebox .pinkinfo{margin: 0 auto;margin-top: 50px;padding: 23px 0;width: 100%;}
	#bea_box .framebox .beeJsebox{margin-top:10px;width: 100%;margin: 0 auto;}
    .flysubtext{display:none}
    .poorightimg{width: 21vw;margin-top: -25vw;right: 31vw;}
    #poservice .serviceJbox{width:min(600px,90%);margin:0 auto}
    .serviceJbox li.slick-center:before{left:auto;right:0;top:-42px}
    .serviceJbox li.swam01,.serviceJbox li.swam03,.serviceJbox li.swam05{transform:translateY(-35px);padding-top:100px;margin-bottom:30px}
    #fakeNumber{background:#f5f5f5;margin-top:10px}
    #drabox:before{height: 90%;}
}
@media screen and (max-width:768px) {
	#bookBox .list ul li .img { margin: 0 0 0 100px; }
	#bookBox .list ul li .img img { height: 55vw; }
	#bea_box .framebox .beeJsebox:before{display: none;}
	#cvinfotext{width:min(500px,90%);margin: 60px auto 10px;}
    #videoContainer{width: min(400px,100%);margin:0 auto;display: none;}
    #videoContainer video{width:min(480px,100%)}
    #drabox .catopbar,#drabox:after{display:none}
    #bea_box{padding:0}
    .moopevideo{margin-top:0;padding-top:0;padding-bottom:4px}
    .poorightimg{display:none}
    #poservice:before{height:100%;top:0;background-size:cover;background-position:45% 50%;z-index:-1}
    #poservice:after{content:"";background:linear-gradient(to bottom,#f5f5f5,rgb(239 239 239 / 74%));top:-133px;position:absolute;width:100%;height:500px;display:flex;z-index:-1}
    #drabox{padding-bottom:0}
    #poservice{margin-top:40px}
}
@media screen and (max-width:640px) {
	#bea_box .framebox .beetitle{padding-top: 0;}
	#bea_box{margin-top: 5px;background-size:110%;background-position:50% 0%}
	.serviceJbox li.slick-center:before{width:112px;top:-23px}
    #productBox ul li .info{margin:-55px auto 0;padding:25px 30px 40px;width:calc(85% - 60px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgb(255 255 255 / .4)}
    #bookBox .list ul li .img,#bookBox .list ul li:nth-child(2n) .img{margin:0 5vw}
    #bookBox .list ul li .info,#bookBox .list ul li:nth-child(2n) .info{margin:-10% auto 0;width:70%}
    #poservice .slick-list{padding:0 0!important}
	#fakeNumber .statisticsItem{height: 105px;}
}
@media screen and (max-width:480px){
	#poservice .framebox:before{
    width: 0vw;
    top: -11vw;
    right: -29vw;
}
	#bea_box .framebox .slick-list .img img{
    border-radius: 10px 53px 10px 10px;
}
	.serviceJbox li.slick-center:before{width:98px;top: -101px;}
    .serviceJbox li ,.serviceJbox li.swam01, .serviceJbox li.swam03, .serviceJbox li.swam05{transform: translateY(0px);padding-top: 0;margin-bottom: 0;margin: 95px 10px 0;}
    #bea_box .framebox .beeJsebox .beeleftbox{width:90%;margin:0 auto}
    #bea_box .framebox .beeJsebox .leetext .leeinfo{margin:0px 0 37px}
    #bea_box .framebox .beeJsebox .leetext .leeinfo p,#cvinfotext .nanatee p{font-size:max(1.2 * (1vw + 1vh) / 2,15px);line-height:210%}
    .frstar.stmu01,.frstar.stmu02,#shareBox:before,#shareBox:after,#fakeNumber:after{display:none}
    #bea_box .framebox .slick-list .img{margin:5px}
    .indentitle{width:90%;margin:0 auto}
    .serviceJbox .arrow_btns_box svg{width:19px;height:19px;display:flex;flex-direction:column;align-items:center}
    .serviceJbox .btnBox{margin:50px 0 15px}
    #poservice:before{background-position:69% 50%}
	
}