section{position:relative;padding:0vw 0}
.more_box a{display:flex;flex-direction:column;align-items:center;padding:11px 10px;background:#aa6364;border-radius:12px;width:100%;border:#aa6364 1px solid}
.more_box a:hover{background:white}
.more_box a:hover *{color:#aa6364}
.more_box a b{color:white;font-size:max(1.2 * (1vw + 1vh) / 2,16px);font-weight:300}
.more_box a span{color:white}
.titlemJ{display:flex;flex-direction:column;align-items:flex-start}
.titlemJ .titlembox{display:flex;flex-direction:column;align-items:center;padding:20px 0}
.titlemJ .titlembox h2{position:relative;font-size:max(2.2 * (1vw + 1vh) / 2,24px);color:rgb(225 49 46);display:flex;flex-direction:column;align-items:center;padding-bottom:15px;justify-content:center}
.titlemJ .titlembox h2:before{content:"";position:absolute;width:100px;left:-120px;height:2px;background:linear-gradient(to right,rgb(255 255 255 / 0%),rgb(225 49 46))}
.titlemJ .titlembox h2:after{content:"";position:absolute;width:100px;right:-120px;height:2px;background:linear-gradient(to right,rgb(225 49 46),rgb(255 255 255 / 0%))}
.titlemJ .titlembox p{font-size:max(1.3 * (1vw + 1vh) / 2,16px)}
section>.info{position:relative;font-size:0;z-index:12}
section .title{line-height:90%;text-transform:uppercase;letter-spacing:0.5px;font-size:74px}
section .more{margin:60px 0px 0px;text-align:left;padding-bottom:0px}
section#product_area .more{margin:40px 0px 0px}
section .more a{position:relative;padding:0;display:inline-block;padding:16px 47px;background:#1b325f}
section#product_area .more a{background:unset;border:white 1px solid}
section#product_area .more a:hover{background:#1b325f}
section .more font{text-align:center;font-size:75px;font-weight:400}
section .more a svg.arrow{position:absolute;width:20px;right:7px;top:calc((100% - 11.41px) / 2)}
section .more.white a font{padding:5px 10px 5px 0px;font-size:14px;color:#ffffff}
section .more.white a.more2line font{border:1px solid #35393a;margin-left:20px;background:#ffffff;color:#35393a}
section .more.white:after{width:252px}
section .more.white span{position:absolute;display:inline-block;vertical-align:middle;right:0;top:calc(50% - 2px);width:21px;border-bottom:2px solid #fff}
svg.arrow{width:19px;fill:rgb(255,255,255)}
svg.arrow.white{fill:rgb(255,255,255)}
svg.show{width:8px}
.conJbox{position:relative;width:1440px;max-width:95%;margin:0 auto}
#wrap{position:relative;overflow:hidden}
#Jasonbox{position:relative;padding-top:20px}
#Jasonbox:before{content:"";position:absolute;width:100%;height:50%;background:#f9f2e4;top:0}
#Jasonbox .outbox{position:relative;width:1680px;max-width:95%;margin:0 auto;background:#faf8f3;border-radius:40px;padding:110px 0}
#Jasonbox .contopbar{display:flex;margin-bottom:30px}
#Jasonbox .contobolist{display:flex;justify-content:space-between;flex-wrap:wrap}
#Jasonbox .contobolist .toitem{display:flex;flex-direction:column;width:20%}
#Jasonbox .contobolist .toitem .totitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
#Jasonbox .contobolist .toitem .toinfo p{font-size:max(1*(1vw + 1vh) / 2,15px);color:#565656;font-weight:400}
#Jasonbox .contobolist .toitem .totitle h3{font-size:max(1.5*(1vw + 1vh) / 2,18px)}
#Jasonbox .contobolist .toitem .totitle img{width:60px}
#Jasonbox .contopbar .titlemJ{display:flex;width:100%;flex-direction:row;justify-content:space-between}
#Jasonbox .contopbar .titlemJ .cutitle{}

/*custombox*/
#custombox{display:flex;position:relative;background-color:#f8f8f8;justify-content:space-around}
#custombox:before{content:"";width:1.1%;height:100%;background:#e9e9e9;position:absolute;left:0%}
#custombox:after{content:"";width:1.1%;height:100%;background:#e9e9e9;position:absolute;right:0%}
#custombox .conJbox{display:flex;position:relative;justify-content:space-around;padding:35px 0;align-items:center}
#custombox *,#Jasonbox *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#custombox .PriceLinkItem{margin:0 5px}
#custombox .more_box{display:flex;flex-direction:column;justify-content:center;width:80%;margin-top:20px}
#custombox .minfo p{text-align:left;font-size:max(1.1 * (1vw + 1vh) / 2,14px);color:#262626;font-weight:300;width:95%}
#custombox .culeftbox{display:flex;flex-direction:column;width:35%}
#custombox .rightbox{display:flex;flex-direction:column;width:65%}
#custombox .rightbox .mchotdog{}
#custombox .rightbox .mchotdog .info{display:flex;flex-direction:column;align-items:center;background:white}
#custombox .rightbox .mchotdog .info img{width:275px}
#custombox .rightbox .mchotdog .info h3{font-weight:400;padding:8px 0}
#indexnew{position:relative;display:flex;padding:100px 0 140px}
#indexnew *,#sogonal *,#serviceboox *,#taserboox *,#Teacher *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#indexnew .topbarJ{display:flex;justify-content:space-between;align-items:center}
#indexnew .nwtext{padding:50px 0 60px}
#indexnew .nwtext p{width:87%;overflow:hidden;margin:30px 0 0;height:96px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:400;font-size:max(1*(1vw + 1vh) / 2,15px);color:#565656}
#indexnew .nwtext h3{font-size:max(1.5 * (1vw + 1vh) / 2,16px);color:#282828;margin-bottom:15px}
#indexnew .text-clamp{height:106px;-webkit-line-clamp:4}
#indexnew .topbarJ .mmline:before{content:"";position:absolute;width:45px;height:2px;background:#aa6364;margin-top:-1px}
#indexnew .topbarJ .mmline{width:54%;height:1px;background:#a6a6a6}
#indexnew .topbarJ .nwcate{border-left:#d4d4d4 1px solid;padding:0 8px;border-right:#d4d4d4 1px solid}
#indexnew .nwbox01{display:flex;flex-direction:column;width:30%}
#indexnew .nwbox01 .infoleftbox{display:flex;flex-direction:column;height:100%;margin-top:85px}
#indexnew .nwbox01 .infoleftbox img{z-index:1;position:absolute;width:267px;left:-110px}
#indexnew .nwbox01 .infoleftbox:before{content:"";position:absolute;width:34px;height:91%;background:#f4f4f4;z-index:0;top:33px}
#indexnew .nwbox02{display:flex;flex-direction:column;width:38%;padding:20px 52px 20px 0px}
#indexnew .nwlist{display:flex}
#indexnew .nwlist .nwleft{width:9%;display:flex;flex-direction:column;margin-right:5%}
#indexnew .nwlist .nwleft .date_box{display:flex;flex-direction:column;align-items:center}
#indexnew .nwlist .nwleft .date_box p{font-size:max(1 * (1vw + 1vh) / 2,13px)}
#indexnew .nwlist .nwleft .date_box h3{font-size:max(2 * (1vw + 1vh) / 2,20px);font-weight:400}
#indexnew .nwlist .nwleft .date_box span{width:1px;height:150px;background:rgb(185 185 185 / 42%)}
#indexnew .nwlist .nwright{width:85%;display:flex;flex-direction:column}

.cutitle{display:flex;flex-direction:column;margin-bottom:23px;text-align:center}
.cutitle h2:before{content:"";position:absolute;width:10px;aspect-ratio:1/1;border-radius:50%;top:-8px;background:#aa6364;animation:bounceJ 1s infinite}
.cutitle h2:after{content:"";position:absolute;width:10px;aspect-ratio:1/1;border-radius:50%;top:-8px;left:15px;background:#edac20;animation:bounceJ 1s infinite;animation-delay:0.5s}
@keyframes bounceJ{
	0%{transform:translateY(0)}
	50%{transform:translateY(-5px)}
	100%{transform:translateY(0)}
}
.cutitle h2{font-size:max(2.4 * (1vw + 1vh) / 2,24px);display:flex;z-index:1;font-weight:500}
.cutitle h2 span{font-size:max(2.4 * (1vw + 1vh) / 2,24px);color:#aa6364;font-weight:500}
.cutitle p{font-size:max(1.4 * (1vw + 1vh) / 2,15px);text-transform:capitalize;z-index:1}
.cutitle .bigJJtext{font-size:max(10*(1vw + 1vh) / 2,28px);position:absolute;z-index:0;color:#dddad530;top:-91px;left:20%;font-weight:800}
#indexnew .nwbox03{position:relative;display:flex;flex-direction:column;width:50%}
#indexnew .nwbox03:before{content:"";position:absolute;width:90%;height:67%;background:#f4f4f4;z-index:0;top:60px;right:0;z-index:1}
#indexnew .nwbox03:after{content:"";position:absolute;width:99%;height:250px;right:0;z-index:0;top:-81px}
#indexnew .nwbox03 .lenwbox{margin-top:104px;position:relative;z-index:3}
#indexnew .nwbox03 .nwimg{display:flex;flex-direction:column;margin:0 10px}
#indexnew .nwbox03 .nwimg img{height:380px;object-fit:cover;width:100%}
.dwimg{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:37px}
.cirtext{animation:15s linear infinite spinJ}

@keyframes spinJ {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes bounce-rotate-fall {
    0% {transform: translateY(0) rotate(0deg);}
    25% {transform: translateY(0px) rotate(-15deg);}
    75% {transform: translateY(0px) rotate(15deg);}
    100% {transform: translateY(0) rotate(0deg);}
}
/*run-car*/
.run-car{display:flex;height:124px;width:100%;align-items:flex-end;position:absolute;bottom:0}
.run-car img{width:190px}
@keyframes runAnimation {
    0% {transform: translateX(1500%);}
    100% {transform: translateX(-100%);}
}
.run-car img{animation:runAnimation 6s linear infinite}
.info .tit a{display:inline-block;font-family:'Montserrat','Noto Sans TC',sans-serif;text-transform:uppercase;font-size:70px;letter-spacing:2px;background-clip:text;-webkit-background-clip:text;color:white}
section{position:relative}
.info h2,#productBox .info h2{font-size:28px;font-weight:700;letter-spacing:2.2px;color:#35333b;position:relative;line-height:180%}
#product_area .info h2.title1{color:white}
.info h2.title1{margin-bottom:22px}
#Jasonbox .contopbar .titlemJ .nwmore{border-bottom:none}
#sogonal{height:490px;position:relative;background-image:url(/template/images/sogon_bg.jpg);background-attachment:fixed;background-position:50% 0%;margin-bottom:0;display:flex;align-items:center;background-size:cover}
#sogonal .titlemJ{margin-top:50px}
#sogonal .cutitle h2:after,#sogonal .cutitle h2:before{display:none}
#sogonal .cutitle *{color:white}
#sogonal .nwmore{border-bottom:none}
#serviceboox{position:relative;padding:110px 0;background:url(/template/images/mweb-bg.webp)}
#serviceboox .conJbox,#taserboox2 .conJbox{display:flex;flex-direction:column;align-items:center}
#serviceboox .cutitle h2:before{width:10px;top:-8px;left:calc(50% - -5px)}
#serviceboox .cutitle h2:after{top:-8px;left:calc(50% - 10px)}
#serviceboox .nwmore{display:flex;flex-direction:column;align-items:center;border-bottom:none}
#serviceboox .nwmore.twooJ{display:flex;flex-direction:row}
#serviceboox .nwmore.twooJ a{margin:20px 10px 0}
#serviceboox .cutitle{width:100%;display:flex;flex-direction:column}
#serviceboox .cutitle p{text-align:center}
#serviceboox .mchotdog{width:100%;position:relative;display:flex;margin:50px 0;z-index:3}
#arrowJJ{display:flex;justify-content:space-between;width:111%;position:absolute;bottom:44%}
#taserboox2 #arrowJJ{bottom:34%}
#serviceboox #prev-button,#serviceboox #next-button,#prev-button2,#next-button2{width:50px;aspect-ratio:1/1;cursor:pointer}
#serviceboox .mchotdog .aevbox{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 10px}
#serviceboox .mchotdog .aevbox a.fmmask{position:absolute;width:100%;height:100%;z-index:5}
#serviceboox .mchotdog .aevbox:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,#0000004f,#ffffff26,#0000008c);z-index:0;border-radius:200px}
#serviceboox .mchotdog .aevbox img{border-radius:200px;aspect-ratio:32 / 57;object-fit:cover}
#serviceboox .mchotdog .aevbox .seinfo{position:absolute;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:240px 0;align-items:center;pointer-events:none;top:0}
#serviceboox .mchotdog .aevbox .seinfo:before{content:"";position:absolute;width:70px;aspect-ratio:1/1;background:url(/template/images/goto.png);background-size:cover;background-position:50%;top:calc(50% - 35px);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
#serviceboox .mchotdog .aevbox:hover .seinfo:before{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
#serviceboox .mchotdog .aevbox:hover .seinfo{padding:50px 0}
#serviceboox .mchotdog .aevbox .seinfo *{color:white}
#serviceboox .mchotdog .aevbox .seinfo h3{font-size:max(1.5 * (1vw + 1vh) / 2,18px);text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
#serviceboox .mchotdog .aevbox .seinfo .topin{display:flex;flex-direction:column;align-items:center}
#serviceboox .mchotdog .aevbox .seinfo .bottomin{display:flex;flex-direction:column;align-items:center}
.col{width:calc((100%/3) - 4rem);margin:2rem;cursor:pointer}
.container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}
.front,.back{background-size:cover;background-position:center;-webkit-transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-o-transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1),-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;height:auto;color:#fff}
.back{background:#ffffff;border:1px solid #ddd;border-radius:35px}
.col[data-type="2"] .front,.col[data-type="2"] .back{-webkit-transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-o-transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1),-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1)}
.back{position:absolute;top:0;left:0;width:100%;height:100%}
.back .inner{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;background:#f3f3f3;border-radius:555px}
.inner{left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;outline:1px solid transparent;-webkit-perspective:inherit;perspective:inherit;z-index:2;text-align:center}
.inner .info{padding:30px}
.inner .info .tt a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px dashed #d9d9d9;padding-bottom:10px;margin-bottom:10px}
.inner .info .tt a:last-child{border-bottom:0}
.inner .info .tt a img{width:130px;height:130px;object-fit:contain}
.inner .info .tt a p{width:calc(100% - 150px);font-size:22px;font-weight:500;color:var(--primary);line-height:140%}
.inner .info .tt a p b{display:block;font-size:14px;font-weight:400;margin-top:5px}
.inner .photo{height:550px;border-radius:35px;overflow:hidden;position:relative}
.inner .photo img{width:100%;height:100%;object-fit:cover;object-position:20% 0}
.inner .tt h3{font-size:max(1.1 * (1vw + 1vh) / 2,16px);margin-bottom:2px}
.inner .tt p,.inner .tt{font-size:max(1 * (1vw + 1vh) / 2,14px);line-height:170%;font-weight:300;margin-bottom:9px}
.container .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;border-radius:200px}
.container .back .backbg{position:absolute;width:100%;height:100%}
.container .back .backbg img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.container .front{display:flex;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;flex-direction:column;align-items:center}
.col[data-type="2"] .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;height:100%}
.col[data-type="2"] .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.front .inner h2{font-size:18px;margin-top:15px;position:relative;font-weight:300;line-height:170%;padding:0 30px;text-align:center}
.front .inner p:after{content:'';width:2rem;height:1px;background:var(--primary);display:block;margin:10px auto 0}
.front .inner p{font-weight:400;font-size:23px;line-height:170%;padding:0 30px;margin-bottom:50px;overflow:hidden;text-align:center;margin-top:20px}
.front .inner p b{font-weight:400;font-size:20px;margin-left:10px}

#taserboox .cutitle,#taserboox2 .cutitle,#Certificate .cutitle,#Teacher .cutitle{width:100%;display:flex;flex-direction:column;align-items:center}
#taserboox .cutitle p,#taserboox2 .cutitle p,#Certificate .cutitle p,#Teacher .cutitle p{text-align:center}
#taserboox .cutitle h2:before,#taserboox2 .cutitle h2:before,#Certificate .cutitle h2:before,#Teacher .cutitle h2:before{width:10px;top:-8px;left:calc(50% - -5px)}
#taserboox .cutitle h2:after,#taserboox2 .cutitle h2:after,#Certificate .cutitle h2:after,#Teacher .cutitle h2:after{top:-8px;left:calc(50% - 10px)}
#taserboox,#taserboox2,#Teacher{position:relative;padding:110px 0 0;background:url(/template/images/mweb-bg.webp);display:flex}
#Teacher{padding-bottom:100px}
.teacherlist{margin-bottom:30px}
#Teacher .conJbox{width:100%;max-width:100%}
.japanbox{display:flex;width:100%;flex-direction:column;margin:30px 0 10px}
.japanbox .jaitem{margin:0 5px}
.japanbox .jaitem img{border-radius:20px}
.nwmore{display:flex;flex-direction:column;align-items:center;border-bottom:unset}
#taserboox .downJtext{margin:10px auto 50px}
.tamgbox{position:relative;display:flex;padding:50px 0;justify-content:center}
.tamgbox .manbox{display:flex}
.tamgbox .manbox .itemJ{display:flex;flex-direction:column;align-items:center;border-left:#81818140 1px solid;width:33.3%}
.tamgbox .manbox .itemJ:first-child{border-left:unset}
.tamgbox .manbox .itemJ p{padding:20px}
.tamgbox .manbox img{width:60px;padding:10px;background:#aa6364;border-radius:50%;margin-bottom:20px}
.downJtext p{text-align:center}
#Certificate,#contoutus{position:relative;padding:110px 0;display:flex;background-color:rgb(243 243 243 / 65%)}
#Certificate .cerimg img{margin:20px 10px}
#Teacher .teachinfo{display:flex;flex-direction:column;align-items:center;margin:10px 10px}
#Teacher .teachinfo img{border-radius:500px;margin:10px 30px;border:#dbdbdb 2px solid}
#contoutus{}
#contoutus *{-webkit-box-sizing:border-box;box-sizing:border-box}
#contoutus .threeJbox{display:flex;align-items:center}
#contoutus .trJbox01{position:relative;display:flex;flex-direction:column;width:40%}
#contoutus .trJbox01 img{z-index:2}
#contoutus .trJbox01:before{content:"";width:90%;height:90%;position:absolute;background:#efefef;z-index:0;left:-30px;top:-30px}
#contoutus .trJbox02{width:40%;display:flex;flex-direction:column;padding:50px}
#contoutus .trJbox02 h4{font-size:max(2*(1vw + 1vh) / 2,20px);color:#aa6364}
#contoutus .trJbox03{width:160px;display:flex;flex-direction:column}
#contoutus .trJbox03 img{width:200px}
#contoutus .trJbox03 a{display:flex;align-items:center;padding:10px 20px;border:#aa6364 1px solid;border-radius:7px;margin-bottom:20px;color:#aa6364}
#contoutus .trJbox03 a:hover{background:#aa6364;color:#ffffff}
#contoutus .trJbox03 a:hover img{filter:brightness(22222)}
#contoutus .trJbox03 a img{width:35px;margin-right:10px}


@media screen and (max-width: 1470px) {
    .info .tit a{font-size:60px}
	.info h2,.conJbox{width:1080px}
	#custombox .conJbox{width:min(95%,1280px)}
	#Jasonbox .outbox{padding:90px 0}
	#product_area .moreBtn{padding-top:31px}
	#indexnew .topbarJ .mmline{width:35%}
	#indexnew .nwbox01 .infoleftbox img{width:223px;left:-79px}
	#indexnew .nwbox02{padding:20px 19px}
	#indexnew .nwbox03 .lenwbox{margin-top:135px}
	#indexnew{padding:40px 0 80px}
	#sogonal{height:460px}
	#serviceboox{margin:0}
	#serviceboox #prev-button,#serviceboox #next-button,#prev-button2,#next-button2{width:40px}
	
}

@media screen and (max-width: 1024px) {
    .info .tit a{font-size:39px}
	#Jasonbox .contobolist .toitem{width:46%}
	#custombox .conJbox{display:flex;flex-direction:column;align-items:center}
	#custombox .culeftbox{width:100%}
	#custombox .rightbox{width:100%}
	#custombox .more_box{width:auto;margin-top:30px}
	#indexnew .nwbox01,#indexnew .nwbox03{display:none}
	#indexnew .nwbox02{width:100%}
}
@media screen and (max-width: 980px) {
    .scaldown{right:0;top:35%}
	.cutitle{margin-bottom:20px}
	.japanbox{width:80%}
	#contoutus .threeJbox{display:flex;flex-direction:column}
	#contoutus .trJbox01,#contoutus .trJbox02{width:100%;padding:13px 0}
	#contoutus .trJbox03,#contoutus .trJbox01:before{display:none}
	#Certificate,#contoutus{padding:50px 0 50px}
}
@media screen and (max-width: 768px){
	.tamgbox .manbox{display:flex;flex-direction:column;align-items:center}
	.tamgbox .manbox .itemJ{border-left:unset;width:100%;max-width:100%;margin-bottom:16px}
}
@media screen and (max-width: 640px) {
    #Jasonbox .contopbar .titlemJ {display: flex;flex-direction: column;}
}
@media screen and (max-width: 550px) {
    .run-car img{width:140px}
	#serviceboox .mchotdog .aevbox{margin:0 57px}
	#serviceboox #arrowJJ,#taserboox2 #arrowJJ{width:100%}
	.scaldown{top:28%;width:150px;height:150px;right:-95px}
	#sogonal{height:345px}
	#serviceboox .mchotdog{margin:10px 0 30px}
	#serviceboox .mchotdog .aevbox img{aspect-ratio:5/8;height:564px}
	#indexnew .nwbox02{padding:40px 40px}
	#serviceboox{margin:0}
}
@media screen and (max-width: 480px) {
    #serviceboox .mchotdog .aevbox img{aspect-ratio:5/8;height:408px}
	#Jasonbox .outbox{padding:70px 0 10px;border-radius:20px}
	#Jasonbox .contobolist .toitem{width:100%;padding:15px 30px 28px;margin-bottom:40px;border-bottom:#dfdfdf 1px solid}
	.cutitle .bigJJtext{top:-16px}
	#Jasonbox .contopbar{padding:0 20px}
	#indexnew .nwlist .nwleft{display:none}
	#indexnew .nwtext{padding:25px 0 25px}
	#indexnew{padding:15px 0}
	#indexnew .nwlist .nwright{width:100%}
	#indexnew .topbarJ .mmline{width:20%}
	#indexnew .nwtext p{-webkit-line-clamp:3;height:80px}
	.conJbox{width:93%}
	#sogonal .titlemJ{padding:0 28px}
	section#product_area .more{margin-top:25px}
	section .more a{padding:12px 33px}
	section .more.white a font{font-size:12px}
	.tamgbox .manbox .itemJ p{padding:15px 0}
}