/* index.less */
#product_area.list_box ul li{transform:translate(0,0);-webkit-transform:translate(0,0)}@media(min-width:1281px){#product_area.list_box ul li:hover{transform:translate(0,-20px);-webkit-transform:translate(0,-20px)}}#book_area.list_box li.img_box:before,#book_area.list_box li.img_box:after{transform:scaleY(0);-webkit-transform:scaleY(0)}#book_area.list_box li.img_box:after{transform-origin:center bottom;-webkit-transform-origin:center bottom}@media(min-width:1281px){#book_area.list_box li:hover.img_box:before,#book_area.list_box li:hover.img_box:after{transform:scaleY(1);-webkit-transform:scaleY(1)}}#youtube_box a{width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-animation:spineer 2s infinite;animation:spineer 2s infinite}

#wrap{z-index: 6;position: relative;width: 100vw;background: url(/images/40/web_bg.png);background-position: 50% 100%;}
.midtexrb img{ animation: rotate3 8s ease-in-out infinite;
    transform-origin: 100% 100%;}
@keyframes rotate3 {
    0%, 100% {transform: rotate(30deg);}
    50% {transform: rotate(-10deg);}
}
/* search_box */
#openform{background:rgba(var(--white-rgb),.3)}
section.section_pad{padding:5vw 0;background-color: #f0f0f0;}
section>*{z-index:3}
section .title_box{margin-bottom:30px}
section .title_box .area_title{font-weight:400;font-size:max(1.2*(1vw + 1vh) / 2,21px);line-height:100%;color:#898989}
section .title_box .sub_title{font-weight:300;font-size:max(3.7*(1vw + 1vh) / 2,37px);color:#898989;text-transform:uppercase}

.webBox .hanJ01  .pageh1{position: relative;animation: unset;top: auto;font-size: 18px;font-weight: 300;display: flex;align-items: center;gap: 7px;justify-content: center;}
.webBox .hanJ01 .pageh1:before , .webBox .hanJ01 .pageh1:after{content:"";position: relative;display: flex;width: 5px;aspect-ratio: 1/1;background: #9d9d9e;}




/* bg_box */
.bg_box{width:100%;height:100%;background:no-repeat 50%/cover;background-attachment:fixed;opacity:.3;top:0;left:0}
.bg_box:before{width:100%;height:100%;display:block;background:rgb(255 255 255 / 20%);content:""}
.bg_box.white:before{background:rgba(var(--white-rgb),.2);}
.ml11,.ml112{position:relative;font-weight:700;text-align:center;opacity:0}
.ml11 .text-wrapper,.ml112 .text-wrapper{position:relative;display:inline-block}
.ml11 .line,.ml112 .line{opacity:0;position:absolute;left:0;height:70%;width:1px;background-color:#4d4d4d;transform-origin:0 50%}
.ml11 .line1,.ml112 .line{top:15%;left:0}
.ml112 .line{transform:translateX(0)}
.ml11 .line1{display:none}
.ml11 *,.ml112 *{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
.letters{display:flex;width:100%;justify-content: flex-start;}
.ml11 .letter,.ml112 .letter{display:inline-block}
.ml112 .letter{opacity:0}


/*Jamore*/
.Jamore{display: flex;}
.Jamore a{display:flex;align-items:center;padding:20px 30px;border-radius:300px;border:#959595 1px solid;justify-content:space-between;width:230px}
.Jamore a:hover{background:var(--primary)}
.Jamore a:hover span{color:white}
.Jamore a:hover svg{fill:white}
.Jamore a span{font-weight:500}
.Jamore a svg{width:20px}
.maloogo{position:absolute;right:5%;bottom:0}
.maloogo.boo2{bottom:auto;top:0}

.sooptext{position: absolute;z-index: 9;margin-top: -19px;width: 56px;}
.sooptext2{position: absolute;z-index: 9;width: 8.9vw;bottom: 18px;right: 36vw;}
.sooptext3{position: absolute;z-index: 9;top: -27px;width: 56px;left: 40vw;}
#about_area{padding: 20px 0 30px;display: flex;flex-direction: column;align-items: center;}
#about_area:before{content: "";width: 18vw;aspect-ratio: 4/5;right: 0vw;background: var(--primary);opacity: 1;z-index: 1;position: absolute;top: 16%;}
#about_area:after {content: "";width: 14.6vw;aspect-ratio: 281 / 287;position: absolute;background: url(/images/40/aboutfly01.png);z-index: 12;background-size: contain;background-position: 50%;right: 4vw;top: 3vw;animation: myfirst 3s infinite;animation-duration: 2s;animation-timing-function: ease-in-out;}
#about_area .workframe{display:grid;grid-template-columns: 48% 45%;gap: 7%;align-items: start;padding: 0px 3vw;}
#about_area .workframe:before{content:"";position: absolute;aspect-ratio: 149/309;width: 8vw;background-size: contain;background-repeat: no-repeat;top: 0;left: -13vw;background: var(--primary);}
.laJtext{position:absolute;width:auto;height:100%;left:-4%;top:20px;webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;display:flex;flex-direction:row;align-items:center}
.laJtext span{position:relative;display:flex;width:1px;height:90px;background:#757575}
.laJtext.boo2{right:-4%;left:auto}
.Jterightbox .cnlittle::after{display:none;}

.rigthJJufoimg{position: absolute;right: 0;z-index: 5;}
.rigthJJufoimg img{position: relative;width: 21vw;right: -18px;margin-top: -17vw;}



@keyframes sway {
    0% {transform: rotate(5deg);}
    50% {transform: rotate(-5deg);}
    100% {transform: rotate(5deg);}
}

#about_area .maJimg{position:relative;display:flex;margin-bottom:15px;flex-direction: column;align-items: center;margin-right: -7vw;}
#about_area .maJimg img{z-index: 2;position: relative;margin: 0 10px;}
#about_area .maJimg:before{content:"";width:15.6vw;aspect-ratio:1/1;position:absolute;background:url(/images/40/aboutfly02.png);z-index:12;background-size:contain;background-position:50%;left:-5vw;bottom:-8vw;animation:myfirst 4s infinite;animation-duration:2s;animation-timing-function:ease-in-out}
#about_area .maJimg:after{content:"";width: 12vw;aspect-ratio: 116/109;position: absolute;background: url(/images/40/pill-1.png);z-index: 2;background-size: contain;background-position: 50%;right: -4.4vw;top: 92px;animation: myfirst 2s infinite;animation-duration: 2s;animation-timing-function: ease-in-out;}
@keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(-20px)}
100%{transform:translateY(0)}
}
#about_area .maJinfoo{position:relative;display:flex;justify-content: center;margin-top: 70px;}
#about_area .maJinfoo .tctextbox{width:100%;margin-left:0;display:flex;flex-direction:column}
#about_area .tminfo{
    display: flex;
    flex-direction: column;
    gap: 30px 0;
}
.tctextbox p.text-clamp{overflow:hidden;margin:10px 0;font-size:16px;height:126px;padding-right:30px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-weight:400;color:#7d7d7d}
#about_area .maJinfoo .tctextbox .JJtitle{display:flex;align-items:flex-start}
#about_area .boomJJ{position:relative;flex:1;display:flex;align-items:center;margin-bottom:0;margin-top:80px;justify-content:space-between;width:95%}
#about_area .boomJJ a.fmlink{margin-top:0}
.mooimlink{position:relative;display:flex;align-items:center;gap:20px}
.mooimlink:hover p{color:var(--secondary)}
.mooimlink .spanlinesot:before{content:"";position:absolute;width:10px;aspect-ratio:1/1;background:var(--secondary);right:0;border-radius:555px}
.mooimlink .spanlinesot:after{content:"";position:absolute;width:18px;aspect-ratio:1/1;border:solid 1px #787878;right:-5px;border-radius:555px;animation:zoomInOut 3s ease-in-out infinite}
.mooimlink .spanlinesot{position:relative;width:210px;height:1px;background:#848484;display:flex;align-items:center}
@keyframes zoomInOut {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.3);
    }
  }
#about_area .topmvan h3{font-weight:500;font-size:max(1.6*(1vw + 1vh) / 2,21px);text-transform:uppercase;color:#363636;line-height:140%}
#about_area .VCRtop p{overflow:hidden;height: 96px;width: 90%;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;font-size: 16px;font-weight: 300;color:#1e1e1e;margin: 20px 0 100px;}

.boomJJ{display: flex;gap: 15px;}
/*ceeservice*/
.ceeservice{position:absolute;margin-top: -111px;}


@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


@keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(-20px)}
100%{transform:translateY(0)}
}
/*custom_area2*/
#custom_area2{
    padding: 100px 0;
    background: url(/images/40/cubox_bg.jpg);
}
#custom_area2:before{content:"";position: absolute;width: 30vw;height: 100%;right: 0;top: 0;background: #efe8f6;}
#custom_area2:after{content:"";width: 8.3vw;position: absolute;height: 100%;background: #efe8f6;top: 0;left: 0;}
#custom_area2 .cuum_box{
    position: absolute;
    right: 6.6vw;
    margin-top: -38px;
    width: 200px;
    aspect-ratio: 1/1;
    background: var(--primary);
}
#custom_area2 .workframe{
    display: grid;
    width: min(90%, 1600px);
    grid-template-columns: 35% 58%;
    gap: 7%;
    background: url(/images/40/about_infobg.jpg);
    padding: 94px 3vw;
    background-size: cover;
}
#custom_area2 .cumleft_box{position:relative;}
#custom_area2 .cumleft_box:before{
    content: "";
    position: absolute;
    height: auto;
    background: url(/images/40/text_bg.jpg);
    width: 39vw;
    aspect-ratio: 725/421;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    left: -12vw;
}
#custom_area2 .cumleft_box:after{
    content: "";
    position: absolute;
    width: 7vw;
    height: 3px;
    background: #e2e2e2;
    top: 14vw;
    right: -5vw;
}
#custom_area2 .cumleft_box .cuinfo *{color:white;}
#custom_area2 .cumleft_box .cuinfo{
    z-index: 5;
    position: relative;
    width: 38vw;
    aspect-ratio: 725 / 421;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 9vw 1vw;
}
#custom_area2 .cumleft_box .cus_com_title {
    font-size: max(4.2*(1vw + 1vh) / 2,20px);
    text-transform: uppercase;
}
#custom_area2 .cumleft_box p{}
#custom_area2 .cumright_box #custom_box{
    display: flex;
    justify-content: flex-end;
}
#custom_area2 .cumright_box #custom_box ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    width: 85%;
    padding-right: 15%;
}
#custom_area2 #custom_box ul li:nth-child(odd){
    background: unset;
}
#custom_area2 #custom_box ul li .cum_imgg{
    background: var(--primary);
    border-radius: 666px;
}
#custom_area2 #custom_box ul li:hover .cum_imgg{background: var(--secondary);}
#custom_area2 .cumright_box #custom_box .h2{
    overflow: hidden;
    margin: 10px 0;
    height: 34px;
    font-size: 20px;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #3a3a3a;
}
.cuy_mtitle{
    margin-bottom: 30px;
}
.cuy_mtitle .enJ{
    font-size: max(3.8*(1vw + 1vh) / 2,40px);
    text-transform: uppercase;
    line-height: 120%;
}
.cuy_mtitle .ench{
    font-size: max(1.5*(1vw + 1vh) / 2,20px);
}

.mtitle .h3{
    font-size: max(2.8*(1vw + 1vh) / 2,24px);
    line-height: 150%;
    font-weight: 600;
    margin-bottom: 30px;
    font-family: 'Noto Sans TC';
}
/*case_box*/

#case_box{
    background: #ffffff;
    padding: 10vw 0 0vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#case_box:after{content:"";width: 8.3vw;position: absolute;height: 121%;background: #efe8f6;top: 0;left: 0;}

#case_box:before{content:"";position: absolute;width: 63%;aspect-ratio: 619/403;background: url(/images/40/case_bg.png);background-size: contain;background-repeat: no-repeat;background-position: 50%;}
.JaJatext{
    font-size: max(1.4*(1vw + 1vh) / 2,16px);
}
.sognntitle{
    font-size: max(1.4 * (1vw + 1vh) / 2, 16px);
    margin: 3px 0 20px;
}
#case_box .workframe{
    display: grid;
    grid-template-columns: 38% 52%;
    gap: 10%;
    align-items: center;
}
#case_box .cacainfo{
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    gap: 20px;
}
#case_box .cacainfo .jatext{
    font-size: max(1.7*(1vw + 1vh) / 2,22px);
    font-weight: 500;
}
#case_box .case_right iframe{
    width: 100%;
    aspect-ratio: 80/43;
}
/*doctorpicbox*/
#doctorpicbox{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom: 80px;}
#doctorpicbox .arrow_btns_box{width: 27%;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;position:absolute;top: calc(50% - 73px);margin-left: -6px;}
#doctorpicbox .workframe{width:100vw}
#doctorpicbox .workframe .slick-list{overflow:visible;display:flex;flex-direction:column;width:100%;-moz-transform:scale(1.13);-webkit-transform:scale(1.13);-o-transform:scale(1.13);-ms-transform:scale(1.13);transform:scale(1.13)}
#doctorpicbox .workframe .slick-list,#doctorpicbox .workframe .slick-list *{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
#doctorpicbox .workframe .slick-list .slick-track{gap:9px;display:flex;align-items:center;min-height:630px}
#doctorpicbox .boomJJ .workframe{display:flex;flex-direction:column;align-items:center}
#doctorpicbox .doumbox{display:flex;flex-direction:column;align-items:center;margin: 0 10px;-moz-transform: scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}
#doctorpicbox .slick-active.slicknume01{-moz-transform:scale(0.8) translateX(100px);-webkit-transform:scale(0.8) translateX(100px);-o-transform:scale(0.8) translateX(100px);-ms-transform:scale(0.8) translateX(100px);transform:scale(0.8) translateX(100px)}
#doctorpicbox .slick-active.slicknume05{-moz-transform:scale(0.8) translateX(-100px);-webkit-transform:scale(0.8) translateX(-100px);-o-transform:scale(0.8) translateX(-100px);-ms-transform:scale(0.8) translateX(-100px);transform:scale(0.8) translateX(-100px)}
#doctorpicbox .slick-active.slicknume03{-moz-transform:scale(1.22);-webkit-transform:scale(1.22);-o-transform:scale(1.22);-ms-transform:scale(1.22);transform:scale(1.22)}
#doctorpicbox .slick-active.slicknume03 .doctormJimg{}
#doctorpicbox .slick-active.slicknume03 .doctor_bg{display:flex;bottom:-22px}
#doctorpicbox .slick-active.slicknume03.doumbox p{display:flex;align-items:center;width:100%;justify-content:flex-start;font-size:max(1 * (1vw + 1vh) / 2,14px);opacity:1;width:72%;gap:6px}
#doctorpicbox .slick-active.doumbox p span{color:#a77f4b;font-weight:700;font-size:max(1 * (1vw + 1vh) / 2,14px)}
#doctorpicbox .slick-active.doumbox p:after{content:"";position:absolute;width:60%;right:0;height:1px;background:#787878}
#doctorpicbox .slick-active.slicknume03 .doctor_bg:before{-moz-transform:scale(0.95);-webkit-transform:scale(0.95);-o-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}
#doctorpicbox .slick-active.slicknume03 .doctor_bg:after{width:70%;height:70%}
#doctorpicbox .doumbox img{border-radius:0 30px 0 30px;z-index:2}
#doctorpicbox .doumbox p{color:#363434;font-size:max(1.3*(1vw + 1vh) / 2,17px);font-weight:500;padding:0;opacity:0;display:none}
#doctorpicbox .doctormJimg{display:flex;position:relative;padding:18px;flex-direction:column;align-items:center;justify-content:center}
#doctorpicbox .doctor_bg{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}

#doctorpicbox .doctor_bg:before{content:"";/* position: absolute; */width: 90%;aspect-ratio: 306/378;background: url(/images/40/doctor_bg.png);bottom: 17px;}
#doctorpicbox .doctor_bg:after{content: "";position: absolute;width: 100%;height: 100%;border: #a77f4b 1px solid;display: flex;flex-direction: column;align-items: center;justify-content: center;}
/*newsJ_area*/
#newsJ_area{padding: 100px 0 280px;background: #ffffff;}
#newsJ_area{display:flex;justify-content:flex-end}
#newsJ_area:before{content:"";width:100%;height:100%;position:absolute;background-image:url(/images/40/nwdb_bg.png);background-size:cover;background-position:50% 60%}
#newsJ_area .mewn_img{position:absolute;left:8vw;z-index:0;width:32vw}
#newsJ_area .mewn_img:before{content:"";position:absolute;width:100%;height:100%;background:#116537;z-index:-1;left:-2vw;top:-3vw;border-radius:0px 0px 0px 40px}
#newsJ_area .mewn_img img{width:min(600px,100%);border-radius:0px 40px 0px 0px}
#newsJ_area .workframe{width:min(1290px,70vw);margin:0;display:flex;flex-direction:column;align-items:flex-end;margin-top:36px}
#newsJ_area .JJtitle{display:flex;flex-direction:row;align-items:center}
#newsJ_area .wenGbox{width:79%}
#newsJ_area .luenbuom{display:flex;align-items:center;margin:60px 0;margin-left:140px}
.lusanline{position:relative;height:2px;border-bottom:#dcdcdc 1px solid;margin-right:12vw}
.lusanline span{width:50px;height:3px;background:#116537;display:flex}
.lusancall{display:flex;margin-left:140px}
.lusancall svg{width:38px;fill:#595959;margin-right:20px}
.lusancall span{font-size:max(3.6*(1vw + 1vh) / 2,26px);color:#595959;font-family:"Cinzel Decorative",serif;font-weight:700}
#newsJ_area .luenbuom .luenntext{position:relative;padding-left:30px;margin-left:30px;display:flex;align-items:center}
#newsJ_area .luenbuom .luenntext:before{content:"";position:absolute;width:2px;height:50%;background:#929292;left:0px}
#newsJ_area .newsJlist{padding:16px 10%;background:#f4f4f4}
#newsJ_area .newsJlist .nwenboix{margin:10px;position:relative}
#newsJ_area .newsJlist .nwenboix:hover .neneinfo{-moz-transform:translateY(-0.25em);-webkit-transform:translateY(-0.25em);-o-transform:translateY(-0.25em);-ms-transform:translateY(-0.25em);transform:translateY(-0.25em)}
#newsJ_area .newsJlist .nwenboix a.mmasklink{position:absolute;width:100%;height:100%;z-index:96}
#newsJ_area .newsJlist .nwenboix .neneimgbox{display:flex;flex-direction:column;align-items:center}
#newsJ_area .newsJlist .nenelink svg{width:25px}
#newsJ_area .newsJlist .neneinfo{position:relative;width:90%;border-bottom:dashed 2px #a5a5a5;z-index:22;padding:15px 80px 15px 150px;display:flex;align-items:center;justify-content:space-between}
#newsJ_area .newsJlist .neneinfo:before{content:"";position:absolute;width:10px;aspect-ratio:1/1;background:#7a7a7a;aspect-ratio:1/1;margin-left:-50px;border-radius:55px}
#newsJ_area .newsJlist .nenelink a{display:flex;justify-content:flex-end;color:var(--secondary);font-size:max(1*(1vw + 1vh) / 2,15px)}
#newsJ_area .newsJlist .nenelink a svg{fill:var(--secondary)}
#newsJ_area .newsJlist .neneinfo h5{text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:max(1.5*(1vw + 1vh) / 2,16px);overflow:hidden;color:#565656}
#newsJ_area .newsJlist .neneinfo p{height:63px;width:100%;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;overflow:hidden;margin:31px 0}
#newsJ_area .newsJlist .neneinfo svg{width:20px;aspect-ratio:1/1}

/*philosophy_area*/

#philosophy_area{padding:100px 0 50px;background-image:url(/images/40/philosophy_area_bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
#philosophy_area:before{content:"";position:absolute;background:url(/images/40/in-ball.png);width:60px;aspect-ratio:1/1;left:13%;top:-2%;background-repeat:no-repeat;background-size:contain;animation:float 3s ease-in-out infinite;z-index:2}
#philosophy_area:after{content:"";position:absolute;background:url(/images/40/in-ball.png);width:60px;aspect-ratio:1/1;right:17%;bottom:-2%;background-repeat:no-repeat;background-size:contain;animation:float 3s ease-in-out infinite;z-index:2}
#philosophy_area .JJtitle{display:flex;flex-direction:column;align-items:center}
#philosophy_area .coomcebox{display:flex;flex-direction:column;align-items:center;margin:0 auto;margin-bottom:60px;margin-top:-35px;width:min(1280px ,80%)}
.runingtext>div{position:relative;padding:10px 0;display:flex;text-align:center;transition:all .7s ease-out;-webkit-animation:picture_scroll 40s linear infinite;animation:picture_scroll 20s linear infinite;transform:translateX(0);width:100%;justify-content:space-between}
.runingtext{display:flex;position:relative;padding:15px 0;width:200%;position:absolute;top:50%;z-index:-1}
.runingtext .focus{margin:0 9px}
.clickshow>div{display:none}
.clickshow>div h3{font-size:22px;margin-bottom:10px}
.clickshow>div p{font-size:16px}
@keyframes picture_scroll{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@-webkit-keyframes picture_scroll{from{-webkit-transform:translateX(0)}
to{-webkit-transform:translateX(-100%)}
}


/*conutJ_area*/

#conutJ_area{padding:110px 0;background-image:url(/images/40/indexab_bg.jpg);background-size:cover;margin-top:-6px}
#conutJ_area:before{content:"";position:absolute;width:1px;height:100%;background:#b1b1b1;left:4%;top:0}
#conutJ_area .workframe{display:flex;align-items:center;width:min(1440px ,82%)}
#conutJ_area .coJleftbox{width:37%}
#conutJ_area .JJtitle *{color:#535353}
#conutJ_area .coJrightbox{width:63%}
#conutJ_area .coJrightbox iframe{width:100%;height:472px}
#conutJ_area .JJtitle{margin-bottom:55px}
#conutJ_area .JJtitle h2{text-transform:math-auto}
#conutJ_area .coeJJtext{margin-bottom:55px}
.arrow_btns_box{cursor:pointer;position: relative;z-index:5;display: flex;flex-direction: column;gap: 20px;}
.arrow_btns_box .slick-arrow.slick-prev{left:unset;position:relative}
.arrow_btns_box .slick-arrow.slick-next{right:unset;position:relative;}
.arrow_btns_box .slick-disabled svg{background: #cac3b9;}
.arrow_btns_box .slick-arrow{-webkit-transform:unset;-ms-transform:unset;transform:unset;width:auto;height:auto}
.arrow_btns_box .slick-arrow:hover svg{background:#c0a68b;}
.arrow_btns_box .slick-prev:before, .arrow_btns_box .slick-next:before{display:none;}
.arrow_btns_box.ree{left:-1%}
.arrow_btns_box.lee{left:31%}
.arrow_btns_box .prev svg{-moz-transform:scalex(-1);-webkit-transform:scalex(-1);-o-transform:scalex(-1);-ms-transform:scalex(-1);transform:scalex(-1)}
.arrow_btns_box svg{width: 60px;aspect-ratio:1/1;background: var(--secondary);border-radius:50%;padding: 18px;fill:#fff}
.mmtmore{display:flex}
.mmtmore , .mmtmore *{border-radius: 0;}
.mmtmore a{background:var(--secondary);background:unset;display:flex;color:#5c8537;align-items:center;padding: 2px 10px;font-size: max(1.1*(1vw + 1vh) / 2,15px);justify-content:space-between;border-bottom: #5c8537 1.5px solid;border-top: #5c8537 1.5px solid;line-height: 100%;}
.mmtmore a:hover{background:var(--secondary);color:#fff}
.mmtmore a:hover svg{fill:#fff;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.mmtmore a svg{width: 63px;aspect-ratio: 5/3;border-radius:555px;margin: 2px 0px;padding: 8px;margin-right: 0;fill: var(--secondary);}
.mmtmore a svg path{fill:#5c8537}
.arrow_btns_box svg{width: 70px;padding: 20px;border: #ffffff 2px solid;}


/*solgon_area*/

#solgon_area{position:relative;padding:50px 0;background:url(/images/40/solgonbg.jpg);background-attachment:fixed;z-index:2}
#solgon_area .pomtext{padding:50px 0;display:flex;flex-direction:column;align-items:center}
#solgon_area .pomtext img{width:70px;aspect-ratio:1/1}
#solgon_area .pomtext .somainfoo{display:flex;flex-direction:column;align-items:center;padding:30px 0}
#solgon_area .pomtext h4{color:#fff;font-size:max(2*(1vw + 1vh) / 2,23px);font-weight:300}
#solgon_area .pomtext p{color:#fff;margin-bottom:20px;font-weight:200}
#solgon_area .mmtmore a{background:#ffffff00;border:#ffffffba 1px solid}
#solgon_area .mmtmore a:hover{background:var(--secondary)}


/*maJfixbg*/
.maJfixbg{position:relative;width:100%;height:450px;background:url(/images/40/downimg.jpg);background-attachment:fixed;background-size:cover;background-position:50% 0}
.maJfixbg .workframe{height:100%}
.maJfixbg .maJinfo{position:absolute;right:0;bottom:7px}
.maJfixbg .maJinfo p{color:#fff}


/* product_area */
#product_area{overflow:hidden;max-width:100vw}
#product_area .slick-list{overflow:visible}
.shpaeline{position:absolute;width:100%;margin-top:-270px}
.shpaeline img{object-fit:cover}
.Japtab{display:flex;align-items:center;justify-content:center;margin-top:70px}
.Japtab a{padding:0 9px;cursor:pointer}
.activJ{border-bottom:#555 2px solid;color:#252525}
#showJ01{display:block}
.moreJbox a{display:flex;align-items:center;width:auto;border-bottom:#cfcfcf 1px solid}
.moreJbox a:hover svg{margin-left:30px}
.moreJbox svg{width:18px;aspect-ratio:1/1;margin-left:10px}
.arrowbox{display:flex;margin-left:95px}
.arrowbox svg{width:57px;aspect-ratio:1/1;padding:20px;border:#8a8a8a 1px solid;border-radius:50px;cursor:pointer}
.arrowbox .arrow_btns_box{margin-right:15px;opacity:.5}
.arrowbox .arrow_btns_box:hover{opacity:1}



/* book_area */
#book_area{padding: 80px 50px 0;background: #ffffff;}
#book_area .arrow_btns_box{
    position: absolute;
    width: 102%;
    left: -1%;
    top: 47%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#book_area:before{content:"";position: absolute;width: 100%;background: url(/images/40/back_Jace.png);aspect-ratio: 1920/1181;bottom: -46%;left: 0;background-size: cover;background-position: 50%;}
#book_area .list_box img{height: 600px;transform: scale(1);-webkit-transform: scale(1);}
#book_area .list_box li{display: flex;flex-direction: column;align-items: center;margin: 76px auto 0;padding: 0 20px;}
#book_area .list_box .img_box{border:var(--white) solid;border-width:0 1px 1px 0}
#book_area .list_box .img_box:after,#book_area .list_box .img_box:before{position:absolute;width:100%;height:100%;z-index:9;opacity:.4;content:""}
#book_area .list_box .img_box:after{right:0;bottom:0}
#book_area .list_box .atag_item{z-index:10;position: relative;}
#book_area .list_box .badge{margin:auto;padding:10px 20px;max-width:calc(80% - 40px);height: 55px;line-height:36px;font-size:max(1.4*(1vw + 1vh) / 2,16px);font-size: 24px;background: unset;color: #3f3a44;font-weight: 400;margin-top: 40px;}
#book_area .list_box .catena_box{
    width: 90%;
    height: 100%;
    top: -63px;
    border-radius: 20px;
}
#book_area .list_box .catena_box ,#book_area .list_box li:before ,#book_area .list_box .badge{opacity: 0;}
#book_area .list_box .slick-active .catena_box , #book_area .list_box li.slick-active:before ,#book_area .list_box .slick-active .badge {
    opacity: 1;
}

#book_area .list_box .slick-active .badge{}
#book_area .list_box li:before{content:"";border: var(--primary) 1px solid;width: 86%;position: absolute;height: 94%;top: -24px;border-radius: 26px;}
#book_area .list_box .catena_box .teeJJ{background: var(--primary);width: min(216px , 50%);font-size: max(1.8*(1vw + 1vh) / 2,18px);color: white;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 30px 0px 0px 0px;padding: 15px 0;}
/* youtube_box */
#youtube_box{min-height:1px;padding-bottom:30%}
#youtube_box a{position:absolute;background:var(--white);display:flex;top:50%;left:50%;z-index:99}
#youtube_box a i{margin:auto;font-size:30px;color:var(--primary)}
#youtube_box iframe{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}

.slashap{
    position: absolute;
}
/* custom_area */
#custom_area{margin:0;padding: 0;background: var(--complement);}
section#custom_area .title_box{display:flex;flex-direction:column;align-items:center}
#custom_area:before{position:absolute;width:100%;height:100%;background:rgba(var(--primary-rgb),.1);display:block;bottom:0;left:0;opacity:.3;content:""}
#custom_box{padding:0 0}
#custom_box ul{display:flex;margin-top: 0;flex-wrap:wrap}
#custom_box ul li{position: relative;display:flex;flex-direction:column;align-items: center;padding: 0;}
#custom_box ul li:nth-child(odd){background: #aa917f;}
#custom_box .cumimgbox{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}
#custom_box .cumimgbox img{width:100px;aspect-ratio:1/1}
#custom_box li .row{margin: 0px 0;padding: 20px 20px 0px 20px;display:flex;flex-direction:column;align-items:center}
#custom_box li .row *{color:#a36d45;}
#custom_box li .row h2{font-size: max(1.7*(1vw + 1vh) / 2, 18px);text-align:center;font-weight:400}
#custom_box li .row article{margin-top:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight: 400;}
#custom_box li:hover .row article{}
@-webkit-keyframes spineer{0%{-webkit-box-shadow:0 0 0 0 var(--info)}
70%{-webkit-box-shadow:0 0 0 20px transparent}
100%{-webkit-box-shadow:0 0 0 0 transparent}
}
@keyframes spineer{0%{box-shadow:0 0 0 0 var(--info)}
70%{box-shadow:0 0 0 20px transparent}
100%{box-shadow:0 0 0 0 transparent}
}
@keyframes scroll{from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}
@-webkit-keyframes scroll{from{-webkit-transform:translateX(100%)}
to{-webkit-transform:translateX(-100%)}
}
@keyframes scroll2{from{transform:translateX(0)}
to{transform:translateX(-200%)}
}
@-webkit-keyframes scroll2{from{-webkit-transform:translateX(0)}
to{-webkit-transform:translateX(-200%)}
}
#book_area:after{content: "";width: 8.3vw;position: absolute;height: 50%;background: #efe8f6;top: 0;left: 0;}
#book_area .puobox{display:flex;flex-direction: column;align-items: center;margin-bottom: 90px;}
#book_area .title_box{width:30%;margin-left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#book_area .cootext{margin:30px 0;font-weight:300}
#book_area .list_box{position:relative;width: min(1200px , 100%);}
#book_area .list_box .slick-list{
    overflow: visible;
}
#reviews_area{background:url(/images/40/paper-texture_bg.png);padding:140px 0}
#reviews_area .JJtitle{display:flex;align-content:flex-start}
.JJtitle .Jterightbox{width:100%}
#reviews_area .tctextbox p.text-clamp{height:66px;-webkit-line-clamp:2;padding-right:0}
#reviews_area a.fmlink{margin-top:20px}
#reviews_area .workframe{width:92%;margin:0px 0px 0 8%;display:grid;grid-template-columns:35% 62%;gap:50px;justify-items:center;align-items:center}

#reviews_area .revright{width:100%;display:flex}
#poseJ_box .pou_box .pou_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
    margin: 35px 15px;
    position: relative;
    box-shadow: 0 0 20px rgba(var(--black-rgb), .3);
    background-color: #ffffff;
}
#poseJ_box .pou_box .pou_item img{
    border-radius: 20px 20px 0 0;
}
#poseJ_box{
    position: relative;
    padding: 60px 0;
}
#poseJ_box .loaction{
    position: absolute;
    position: absolute;
    width: auto;
    height: 85px;
    letter-spacing: 0.6em;
    webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    top: -20px;
    right: 30px;
    background: var(--secondary);
    color: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}
#poseJ_box .loaction:before
{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 12px 21px 0px;
	right: -12px;
	border-color: transparent transparent #e1aa49;
	position: absolute;
	top: 0;
	transform: rotate(360deg);
	z-index: 9;
	}
#poseJ_box .pou_info{
    position: relative;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 30px;
}
#poseJ_box .pou_info a{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Noto Sans TC';
}
@media screen and (min-width: 1281px) {
	#book_area .list_box li:hover .badge{}
	#custom_box ul li.mbJooshow{display: none;}

}

@media screen and (min-width: 769px) {
	.mb-box {display: none;	}
}


@media screen and (max-width: 1470px) {
	#custom_box ul li img{width: 99px;}
	#custom_box ul li{padding: 20px 0 0;}
	
	#about_area:before{height: 635px;}
	#about_area .boomJJ{margin-top: 50px;}
	.mooimlink .spanlinesot{width: 120px;}
    #about_area .workframe{grid-template-columns:1fr 700px;width: min(1280px , 90%);}
    #custom_area2 .cumright_box #custom_box ul{gap: 10px;width: 90%;padding-right: 10%;}
	#custom_box li .row{padding: 8px 15px 0px 15px;}
	#custom_area2 .cumright_box #custom_box .h2{margin: 3px 0;font-size: 17px;}
    .JJtitle .midtexrb{width:min(45px,100%)}
    .JJtitle .Jterightbox{margin-left:5px}
    .JJtitle .Jterightbox p{display:flex;}
    #about_area .maJinfoo .tctextbox .tminfo p{font-size: 16px;margin: 10px 0 20px;}
    #about_area #VCRabout .VCRbottom p.matitle{margin: 0;font-size: 19px;}
    #about_area .maJinfoo .tctextbox{width: min(500px , 100%);}
    #about_area .maJinfoo{padding-right: 80px;}
	#doctorpicbox .workframe .slick-list .slick-track{min-height: 400px;margin-bottom: 30px;}
	#doctorpicbox .slick-active.slicknume03 .doctormJimg{margin-bottom: 10px;}
    .JJtitle{margin-bottom: 40px;}
    #about_area .topmvan h3{font-size:max(1*(1vw + 1vh) / 2,17px)}
    .maloogo{width:220px}
    #philosophy_area .coomcebox{width:min(900px,80%);margin-top:0}
    .maJfixbg{height:390px}
    #about_area .maJimg img{width: min(535px , 100%);}
    #about_area .maJimg:after{right: 1vw;}
	#reviews_area{padding: 60px 0;}
    #newsJ_area .newsJlist .neneinfo{padding:15px 80px 15px 150px}
    #solgon_area{padding:20px 0}
    #book_area .list_box img{height:480px}
    #book_area:after{left:-598px;background-size:70%;background-position:50%}
    #book_area .list_box{/* right:-10%; */width: min(1000px , 100%);}
    #custom_box .cumimgbox img{width:80px}
    #newsJ_area .newsJlist{padding:4px 0}
    #doctorpicbox .arrow_btns_box{width: 26vw;top: calc(50% - 96px);}
    .ceeservice{margin-top:-188px}
    .rigthJJufoimg img{width:17vw;margin-top:-12vw;right:-8px}
    #doctorpicbox .doumbox img{height: 250px;object-fit:cover;}
}

@media screen and (max-width: 1280px) {
	#custom_box ul li{position:relative;display:flex;flex-direction:column;}
	#book_area .puobox{display:flex;flex-direction:column;margin-bottom: 10px;}
	#book_area .title_box{width:100%}
	#book_area .list_box{right:0;width:100%}
	
}

@media screen and (max-width: 1024px) {
	.cuy_mtitle{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0px 0;
}
	
	#custom_area2 .workframe{display: flex;flex-direction: column;width: 100%;padding: 0 0;}
	#custom_area2:after , #custom_area2 .cumleft_box:after,#custom_area2 .cuum_box,#case_box:after{display:none;}
	#custom_area2{padding: 0;}
	#custom_area2 .cumleft_box:before{
    left: 0;
    width: 100%;
    aspect-ratio: auto;
    height: 100%;
    background-size: cover;
}
	#custom_area2 .cumleft_box{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
	#custom_box ul li.mbJooshow{display: flex;}
	#custom_box ul li.mbJooshow img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;}
	#custom_area2 .cumright_box #custom_box ul{
    padding-right: 0;
    width: 87%;
    margin: 0 auto;
    display: grid;
    justify-items: center;
}
	#case_box .workframe{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
	#book_area{padding: 60px 50px 0;}
	#book_area .list_box img{height: auto;}
    .rigthJJufoimg img{width:23vw;margin-top:-18vw}
	#book_area .arrow_btns_box{
    position: relative;
    width: auto;
    left: 0;
    top: unset;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
    #doctorpicbox .doumbox img{height:250px}
    #about_area:before,.laJtext{display:none}
    #about_area .workframe{display:flex;flex-direction:column;gap: 20px;}
    #about_area .maJimg{width:100%;display:flex;flex-direction:column;align-items:center}
    #about_area .maJinfoo{width:100%;margin-top:50px}
    .arrowbox{margin-left:0}
    .Japtab{margin-top:20px}
    .mmtmore{display:flex;flex-direction:column;align-items:center;width:100%}
    #conutJ_area .workframe{display:flex;flex-direction:column}
    #conutJ_area .coJleftbox{width:100%}
    #conutJ_area .coJrightbox{width:100%;margin-top:30px;margin-bottom:50px}
    #conutJ_area:before{display:none}
    .ceeservice{margin-top: 0;display: none;}
    #about_area{padding:60px 0 49px}
    #about_area .maJimg img{width:min(485px,100%)}
	#doctorpicbox .slick-active.slicknume03 {-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	#doctorpicbox .doumbox{-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	#doctorpicbox .doumbox p,#doctorpicbox .slick-active.slicknume03.doumbox p{display:flex;align-items:center;width:100%;justify-content:flex-start;font-size:max(1 * (1vw + 1vh) / 2,14px);opacity:1;width:81%;gap:6px}
    #doctorpicbox .workframe .slick-list{transform:scale(1);transform:scale(1);transform:scale(1);transform:scale(1);transform:scale(1)}
    #doctorpicbox .slick-active.slicknume01{-moz-transform:scale(1) translateX(0px);-webkit-transform:scale(1) translateX(0px);-o-transform:scale(1) translateX(0px);-ms-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px)}
    #doctorpicbox .slick-active.slicknume05{-moz-transform:scale(1) translateX(0px);-webkit-transform:scale(1) translateX(0px);-o-transform:scale(1) translateX(0px);-ms-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px)}
    #doctorpicbox .slick-active.slicknume03 .doctor_bg:before{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:sscale(1);-ms-transform:scale(1);transform:scale(1)}
    #doctorpicbox .slick-active.slicknume03 .doctor_bg:after{width:100%;height:100%}
    #doctorpicbox .slick-active.slicknume03 .doctormJimg, #doctorpicbox .slick-active.slicknume02 .doctormJimg, #doctorpicbox .slick-active.slicknume01 .doctormJimg, #doctorpicbox .slick-active .doctormJimg{margin-bottom:22px;}
    #doctorpicbox .slick-active.slicknume03 .doctor_bg{bottom:0}
	#doctorpicbox .arrow_btns_box{width: 36vw;top: calc(50% - 125px);}
	#book_area{padding: 5px 0;}
	#book_area .puobox{width: 100vw;}
	#book_area .list_box li{padding: 0 0;}
	#book_area .list_box .catena_box .teeJJ{padding: 9px 0;}
	#book_area .list_box .catena_box{top: -52px;}
	#book_area .list_box .badge{
    max-width: calc(100% - 20px);
    font-size: 18px;
}
}
@media screen and (max-width: 980px){
	.JJtitle{padding-top:20px}
    .mideyeembox .mieitem img{margin:0 auto}
    .ceeservice img{height:999px}
    #newsJ_area .luenbuom{display:flex;flex-direction:column;align-items:center;margin:51px 0}
    .Jamore{justify-content:center}
	#reviews_area .workframe{display: flex;flex-direction: column;margin: 0 auto;}
	#reviews_area .revright{display:none;}
	#reviews_area{padding: 20px 0 50px;}
	.JJtitle .Jterightbox{display: flex;flex-direction: column;align-items: center;}
}

@media screen and (max-width: 768px) {
	.arrow_btns_box svg{width: 48px;padding: 11px;}
	.maloogo{display:none}
	.mb-box{display:flex;flex-direction:column;width:100%;margin-top:11px}
	.toballbox{display:grid;align-items:center;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);grid-template-areas:"colorJ01 colorJ01" "colorJ02 colorJ03";justify-content:center}
	.alwashow{position:relative;width:100%;padding:30px 25px;background:#f6f6f6;border-radius:3px;outline:1px solid rgb(0 0 0 / 15%);outline-offset:-15px;margin:5px 0 10px;aspect-ratio:12/2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#b01a26}
	.toballbox .ballitem{width:200px;aspect-ratio:1/1;display:grid;border-radius:500px;justify-content:center;align-items:center}
	.toballbox .ballitem span{color:#fff}
	.toballbox .colorJ01{left:25%;position:relative;background:#b01a26;grid-area:colorJ01}
	.toballbox .colorJ02{position:relative;top:-70px;right:-20px;mix-blend-mode:darken;background:#57423f;grid-area:colorJ02}
	.toballbox .colorJ03{position:relative;top:-70px;left:-20px;mix-blend-mode:color;background:#ba6355;grid-area:colorJ03}
	#youtube_box{padding-bottom:60vw}
	#custom_box li .row{margin:10px 15px;padding:10px 0 20px;}
	#custom_box li .row article{bottom:-2px}
	.arrowbox .arrow_btns_box{margin-right:0;margin:0 5px}
	
}
@media screen and (min-width: 641px) {
	.mmtmore.mbshowJ{display: none;}
}
@media screen and (max-width: 640px) {
	.runingtext{top:30%}
    .pcshowJ{display:none}
    .mmtmore.pcshowJ{display:none}
    .arrow_btns_box.lee{left:auto;right:-4%}
    #about_area .maJimg{position:relative;top:0;margin: 0 auto;width:90%;margin-bottom:0}
    #about_area .maJimg a{margin:20px 0 0}
    #about_area .maJimg a::-webkit-scrollbar{width:5px}
    #about_area .maJimg a::-webkit-scrollbar-track{background:#116537}
    #about_area .maJimg a::-webkit-scrollbar-thumb{background:#003c1e}
    #about_area .maJimg img{max-width:300%;margin: 0 auto;}
    #about_area .maJinfoo{width:100%;margin-top:20px;padding-right: 0;}
    #about_area .maJinfoo .tctextbox{width: 90%;margin: 15px auto 5px;}
    #about_area{display:flex;flex-direction:column;height:auto;padding: 0px 0 0px;background: #ffffff;}
    #fakeNumber ul{display:flex}
    #fakeNumber ul li{width:33.3%;display:flex;align-items:center}
    #book_area .list_box img{height:65vw}
    #custom_box ul li{width: 100%;}
    #about_area:after,#about_area:before,#book_area:after{display:none}
    section .title_box .area_title{font-weight:600}
    .maJfixbg .maJinfo{right:auto;bottom:auto;width:100%}
    .maJfixbg{height:300px}
    .maJfixbg .workframe{display:flex;flex-direction:column;align-items:center;justify-content:center}
    .maJfixbg .maJinfo p{text-align:center}
	#doctorpicbox .doumbox img{height: auto;}
    #conutJ_area .coJrightbox iframe{height:300px}
    #philosophy_area{padding:50px 0 50px}
    #newsJ_area{display:flex;flex-direction:column;align-items:center;background:#f3f3f3;padding:80px 0 0px}
    #newsJ_area .mewn_img{position:relative;left:auto;width:90%;margin:0 auto}
    #newsJ_area .workframe{width:100%}
    #newsJ_area .wenGbox{width:100%;display:flex;flex-direction:column;align-items:center}
    #newsJ_area .luenbuom{padding-left:0;margin:32px auto;display:flex;flex-direction:column;align-items:center;gap:20px}
    .lusancall{margin-left:0}
    .lusanline{width:100vw;margin-right:0}
    #newsJ_area .luenbuom .luenntext{padding-left:0;margin-left:0}
    #newsJ_area .luenbuom .luenntext:before{display:none}
    #newsJ_area .newsJlist .neneinfo{width:90%;padding:15px 26px 15px 40px;margin:0 auto}
    #newsJ_area .newsJlist .neneinfo h5{width:calc(100% - 40px)}
    #newsJ_area .newsJlist .neneinfo:before{width:5px;margin-left:-20px}
    #doctorpicbox .arrow_btns_box{width: 99px;position: relative;order: 2;margin-left: auto;}
	#about_area .workframe{width: 100%;padding: 30px 0;}
	.sooptext , #about_area .workframe:before , .sooptext2 , .sooptext3{display:none;}
	#about_area .boomJJ{display:flex;flex-direction:column;align-items:center;margin:0 auto}
    .mooimlink{display:flex;flex-direction:column}
    .mooimlink .spanlinesot{width:1px;height:92px}
    .mooimlink .spanlinesot:before{bottom:0;right:-5px}
    .mooimlink .spanlinesot:after{bottom:-6px;right:-9px}
	#doctorpicbox .workframe{width: 90%;}
	#doctorpicbox .doumbox{opacity: 0;}
	#doctorpicbox .doumbox.slick-active{opacity: 1;}
}

@media screen and (max-width: 550px) {
	#custom_area2 .cumleft_box .cuinfo{
    width: 76vw;
    padding: 10px 0;
    aspect-ratio: 10/7;
}
	#custom_box ul li img{
    width: 140px;
}
	#custom_area2 .cumright_box #custom_box ul{
    grid-template-columns: repeat(2, 1fr);
}
	#custom_area2 .cumleft_box:before{
    background-position: 50% 50%;
}
	.arrow_btns_box{top:-74px}
    .arrow_btns_box.ree{left:auto;right:50px}
    .arrow_btns_box.lee{right:-15px}
    .mmtmore a{padding:1px 7px 4px 29px}
    #philosophy_area .JJtitle h2{text-align:center}
    #philosophy_area:after,#philosophy_area:before{display:none}
    #conutJ_area .JJtitle{margin-bottom:30px}
    #conutJ_area .coeJJtext{margin-bottom:10px}
    #conutJ_area{padding:80px 0}
    .JJtitle{display:flex;flex-direction:column;margin-bottom: 26px;margin-top: 0;}
	.JJtitle2{display:flex;flex-direction:column;align-items:center}
    .JJtitle2 h2{display:flex;flex-direction:column;align-items:center}
    .JJtitle2 h2:before{left:calc(50% - 10px)}
    .JJtitle2 h2:after{left:calc(50% - -10px)}
	.cnlittle::before, .cnlittle::after{width: 45px;}
	.JJtitle .Jterightbox .cnlittle:before{width: 82px;}
	.webBox .hanJ01 .pageh1{font-size: 13px;}
}

@media screen and (max-width: 480px) {
	.JJtitle .Jterightbox p{display:flex;justify-content:flex-start}
    .JJtitle h2{margin-bottom:6px;max-width:100%;height:auto;text-overflow:unset;display:flex;-webkit-box-orient:unset;-webkit-line-clamp:unset}
    .shpaeline{display:none}
    #about_area .maJinfoo .tctextbox .tminfo p{height:auto;-webkit-line-clamp:6;margin:20px 0 30px;font-size:16px;width:100%}
    #product_area .bgBox{width:100%;object-fit:cover}
    .mainfobox{padding:67px 0}
    .maloogo{display:none}
    #VCRabout .VCRbottom{grid-template-columns:repeat(2,1fr);margin-top:60px}
    #about_area .boomJJ{display:flex;justify-content:flex-start}
    #about_area a.fmlink{width:64%;margin:43px 0 0}
    .rigthJJufoimg img{width:55vw;margin-top:-167vw;right:-7vw;transform:rotate(7deg)}
    .ceeservice{margin-top:-60px}
    .ceeservice img{display:flex;height:1200px}
    #newsJ_area .JJtitle .Jterightbox{padding-bottom:500px}
    #newsJ_area .mewn_img{position:absolute;top:330px;display:flex;flex-direction:column;align-items:center}
    #newsJ_area .mewn_img img{height:400px;object-fit:cover;width:85%}
    #newsJ_area .mewn_img:before{display:none}
	#case_box:before{top: 90px;width: 80%;}
	#case_box .workframe{gap: 80px;}
	#case_box .case_right iframe{width: 100vw;}
	#case_box .cacainfo{width: 85%;margin: 0 auto;}
	#book_area .list_box .badge{margin-top: 20px;padding-top: 19px;}
	#book_area .list_box li:before{height: 90%;border-radius: 12px;}
}