/* section */
section {padding: 5vw 0}
section >* {z-index: 5}
section .title_box {margin-bottom: 20px}
section .title_box font {font-weight: 200;font-size: 100px;letter-spacing: 3.5px;color: #e5e5e5;position: relative;font-family: 'Belleza',sans-serif;text-transform: uppercase;line-height: 120%}section .title_box .page_title {text-transform: uppercase;position: relative;font-size: 24px;letter-spacing: 2.3px;padding-top: 0;line-height: 180%;font-weight: 600;color: #444444}
section .title_box .page_title::first-letter {}
section.bg_box {background: no-repeat 50% / cover;background-attachment: fixed}
.more_btn {margin-top: 0px;z-index: 10;position: relative}
.more_btn a {position: relative;overflow: hidden;width: 150px;padding: 10px 20px;display: inline-block}.
more_btn font {text-align: left;font-weight: 400;text-transform: uppercase;letter-spacing: 3px;color: #4f3c30}
.more_btn.white font {letter-spacing: 1px;font-size: 12px;position: relative;-webkit-writing-mode: inherit;-ms-writing-mode: inherit;writing-mode: inherit;color: #646464;font-family: "Cormorant Garamond", serif;text-transform: uppercase;margin-right: 10px}
.more_btn.white a:before {content: "";height: 100%;width: 0;display: block;position: absolute;bottom: 0;left: -22px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background-color: #9a765e;-webkit-transform: skewX(-30deg);-ms-transform: skewX(-30deg);transform: skewX(-30deg)}
.more_btn.white a::after {content: '';position: absolute;height: 1px;width: 100%;bottom: 0;left: 0;background-color: #484848;-webkit-transform: skewX(-30deg);-ms-transform: skewX(-30deg);transform: skewX(-30deg);z-index: -1;transform-origin: top left;transition: all 1.1s ease-in-out;-webkit-transition: all 1.1s ease-in-out}
.more_btn a span::before {content: "";width: 8px;height: 1px;display: block;background-color: #5a5a5a;position: absolute;top: calc(50% - 3px);right: 5px;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.more_btn a span::after {content: "";width: 8px;height: 1px;display: block;background-color: #5a5a5a;position: absolute;top: calc(50% + 3px);right: 5px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.ban-deco {background: url(/images/00/ban_deco.png) no-repeat;width: 100%;height: 1920px;position: absolute;top: -640px;z-index: 4}
section .titleBox {position: relative;margin-bottom: 30px;text-align: center}
section .titleBox .num{display: flex;align-items: center;justify-content: center;color: #724f37;position: relative;}section .titleBox .num span {display: block;width: 36px;height: 1px;background: #724f37;}
section .titleBox .titleTw {font-weight: 600;font-size: 36px;letter-spacing: 7px;color: #724f37;text-align: center;margin-top: 10px;}
section .titleBox .middle{text-align: center;color: #54463b;letter-spacing: 5px;font-size: 22px;font-family: "Cormorant Garamond", serif;text-transform: uppercase;}
section .titleBox .titleTw.deco {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;position: relative}
section .titleBox .titleTw.deco:before {content: "";width: 5px;height: 5px;border-radius: 50%;position: absolute;bottom: 5px;right: -11px;background-color: #c9a063}
section .titleBox .titleEn {font-size: 100px;text-transform: uppercase;letter-spacing: 0.7px;color: #e5e5e5;font-family: 'Belleza',sans-serif;font-style: inherit}




/* product_area */
#wrap {position: relative}
#product_area{padding:5vw 0 4vw 0}
#product_area .deck02{z-index:20;position:relative}
#product_area .pd_box::before{content:"";width:1790px;height:660px;display:block;background-image:url(/images/00/img-p-bg.png);background-size:auto;background-repeat:no-repeat;background-position:100% 100%;overflow:hidden;position:absolute;top:0;right:0;z-index:0}
#product_area .pd_box::after{content:"";width:320px;height:310px;display:block;background-image:url(/images/00/img-p-01.png);background-size:auto;background-repeat:no-repeat;background-position:100% 100%;overflow:hidden;position:absolute;top:-170px;right:30%;z-index:-1;animation:about11_jump_1 3.2s infinite 1s}
@keyframes about11_jump_1{0%{transform:translate(-50%,10%) scale(1,0.85)}
50%{transform:translate(-50%,-10%) scale(1,1)}
100%{transform:translate(-50%,10%) scale(1,0.85)}
}@keyframes about11_jump_2{0%{transform:translate(-50%,5%) scale(1,0.95)}
50%{transform:translate(-50%,-10%) scale(1,1)}
100%{transform:translate(-50%,5%) scale(1,0.95)}
}#product_area .titleBox{margin-bottom:50px;padding-top:50px;position:relative}
#product_area .titleBox::after{content:"";width: 436px;height: 330px;display:block;background-image:url(/images/00/img-p-02.png);background-size:auto;background-repeat:no-repeat;background-position:100% 100%;overflow:hidden;position:absolute;top: -120px;right: -90px;z-index:-1;animation-name:people;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:2s}
@keyframes people{0%{transform-origin:right bottom;transform:rotate(-3deg)}100%{transform-origin:right bottom;transform:rotate(3deg)}}
#product_area .loop_wrap {display: flex;position: absolute;top: -30px;}
#product_area .loop_wrap .text {flex: 0 0 auto;padding: 0 30px;font-size: 11.625rem;letter-spacing: -.01em;white-space: nowrap;font-family: "Cormorant Garamond", serif;opacity: 0.5;color: transparent;-webkit-text-stroke: 1px rgb(114 79 55 / 43%);line-height: 150%;text-transform: uppercase;}
#product_area .loop_wrap .text:first-child {-webkit-animation: 50s loop 0s linear infinite;animation: 50s loop 0s linear infinite}
#product_area .loop_wrap .text:last-child {-webkit-animation: 50s loop 0s linear infinite;animation: 50s loop 0s linear infinite}

@-webkit-keyframes loop {
    to{-webkit-transform:translateX(-100%);transform:translate(-100%)}
}
#product_area .Txt{position:absolute;z-index:10;top:0}



/* recommend_area */
#recommend_area{background-image:url(/images/00/img-s-bg.png);background-attachment:fixed}
#recommend_area .applicationList{display:flex;flex-direction:row;flex-wrap:wrap}
#recommend_area .applicationList li{width:calc(( 100% / 4) - 40px);margin: 40px 20px 30px 20px;position: relative;}
#recommend_area .applicationList li .atag_item{width:100%;height:100%;top:0;left:0;z-index:10}
#recommend_area .applicationList li:before{content:"";width: 198px;height: 197px;background-image: url(/images/00/img-s-p-logo.png);position:absolute;top: -50px;left: 70px;z-index:-1;transform: translate(-50%, 20%) scale(1, 0.65);-webkit-transition-delay: .5s;transition-delay: .5s;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;opacity: 0;}
#recommend_area .applicationList li:hover:before{opacity: 1;transform: translate(-50%, -10%) scale(1, 1);}
#recommend_area .applicationList li img{width:100%;object-position:bottom;object-fit:contain;aspect-ratio:1 / 0.7}
#recommend_area .applicationList li .info_box{display:flex;flex-direction:column;align-items:center;margin-top:30px}
#recommend_area .applicationList li .info_box h3{color:#54483f;font-size:22px;letter-spacing:2px;height: 40px;margin: 0;}
#recommend_area .applicationList li p{color:#a2958c;font-size:16px;letter-spacing:1px;text-align:center;margin: 0 0 5px 0;height: 30px;}
#recommend_area .applicationList li .price_box p{color:#54483f;font-size:19px;font-family: "Noto Serif TC", serif;}
#recommend_area .info{display:flex}
#recommend_area .parallaxImg{position:absolute;animation-name:lemon;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:10s;z-index:-1}
#recommend_area .right{animation-duration:6.5s;left:-520px}
#recommend_area .bottom{bottom:0;right:-300px}
@keyframes lemon{0%{bottom:20%}
100%{bottom:0%}
}@keyframes loop{to{-webkit-transform:translateX(-100%);transform:translate(-100%)}
}

/* about_area */
#wrap{position:relative}
#about_area{padding:4vw 0 3vw 0;position:relative}
#about_area.tooolong .aboutBG{height:100%}
#about_area .nowrap_box::after{content:"";width:350px;height:281px;display:block;background-image:url(/images/00/img-ab-02.png);background-size:auto;background-repeat:no-repeat;background-position:100% 100%;overflow:hidden;position:absolute;top:0px;right:-566px;z-index:-1;-webkit-animation:about11_jump_2 3.2s infinite 0.8s;animation:about11_jump_2 3.2s infinite 0.8s}
@keyframes about11_jump_2{0%{transform:translate(-50%,8%) scale(1,0.9)}
50%{transform:translate(-50%,-10%) scale(1,1)}
100%{transform:translate(-50%,8%) scale(1,0.9)}
}#about_area .aboutBG:before{position:absolute;display:block;bottom:-40px;left:-10px;content:"";background-image:url(/images/00/img-ab-bg01.png);z-index:7;height:250px;width:0;transition:all 3.1s ease-in-out;-webkit-transition:all 3.1s ease-in-out}
#about_area.tooolong .aboutBG:before{width:660px}
#about_area. .img_item img{width:100%}
#about_area .aboutArea{padding-left:0;padding-right:0;display:flex;position:relative;justify-content:space-between;flex-direction:row-reverse;align-items:center}
#about_area .aboutArea::after{content:"";width: 560px;height:206px;display:block;background-image:url(/images/00/img-ab-04.png);background-size: contain;background-repeat:no-repeat;background-position:100% 100%;overflow:hidden;position:absolute;top: -150px;right: 360px;z-index:-1}
#about_area::before{content:"";width: 636px;height: 400px;display:block;background-image:url(/images/00/img-ab-03.png);background-size: contain;background-repeat:no-repeat;background-position:100% 100%;overflow:hidden;position:absolute;bottom: -80px;right:-100px;z-index:10}
#about_area .aboutArea .areaTxt{padding-top:0px;width: 32%;z-index:10}
#about_area .titleBox .num{display:flex;justify-content:flex-start}
#about_area .titleBox .titleTw{font-size:30px;text-align:justify;letter-spacing: 3px;}
#about_area .aboutArea .areaTitle .title_box{position:relative;margin-top:40px}
#about_area .aboutArea .areaTitle .title_box font{font-size:55px;text-align:end;color:var(--complement);letter-spacing:2.5px}
#about_area .aboutArea .areaTitle .title_box::after{position:absolute;content:"";width:320px;height:5px;background-color:#ea5c1f;top:120px;left:-280px}
#about_area .aboutArea .img_item{width:60%;margin:0}
section article .title{font-size:22px;margin-left:0px;letter-spacing:2.3px;line-height:180%;font-weight:600;margin-top:20px;color:#444444}
section article .Txt.show{position:relative;-webkit-transition-delay:300ms;transition-delay:300ms}
#about_area .aboutArea .ImgCenter .Img{width:100%;margin-top:20px;position:relative;overflow:hidden}
#about_area .aboutArea .ImgCenter .Img video{width:130%;height:510px}
#about_area .aboutArea .ImgCenter .ImgTop{position:absolute;top:-28%;right:250px;width:45%;z-index:0;-webkit-animation:birdJitter 3s ease-in both infinite;animation:birdJitter 3s ease-in both infinite}
@keyframes birdJitter{0%,60%,to{-webkit-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(-1px,0) rotate(-6deg);transform:translate(-1px,0) rotate(-6deg)}
80%{-webkit-transform:translate(0,0) rotate(3deg);transform:translate(0,0) rotate(3deg)}
}#about_area .aboutArea .ImgCenter .ImgBottom{position:absolute;top:37%;right:-40%;width:66%;z-index:2}
#about_area .aboutArea .bottom{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-start;padding-left:100px;margin-bottom:-11px;position:relative;flex-direction:column;justify-content:flex-end}
section article .Txt{letter-spacing:0.6px;line-height:1.6}
#about_area .aboutArea .Txt h2{font-size:25px;margin-bottom:15px}
section article .Txt .text{color:#494949;font-size:17px;font-weight:500;line-height:209%;letter-spacing:0.5px}
#about_area .aboutArea .right .more_btn{position:relative;margin-top:30px}
#about_area .deck02{position:absolute;right:60px;z-index:-1;top:70px}
#about_area .deck02 .Img{font-size:180px;font-weight:bold;opacity:0.1;font-family:'Montserrat',sans-serif;letter-spacing:10.5px}
.facArea .facList{width:calc((100% / 6) * 4)}
.facList{text-align:center;display:flex;align-items:center;justify-content:space-between;margin-top:30px}
.facList li{position:relative;width: calc(100% / 3);}
.facList li:not(:last-child):before{content:'';position:absolute;right: -10px;top:15px;display:block;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);width:30px;height:30px;background-image:-webkit-gradient(linear,left top,right top,to(#9a765e)),-webkit-gradient(linear,left top,left bottom,to(#9a765e));background-size:100% 2px,2px 100%;background-position:50% 50%;background-repeat:no-repeat}
.facList h4{display:block;margin-bottom:5px;font-size:18px;font-weight:500;letter-spacing:.02em;color:#9a765e;text-transform:uppercase;text-align:center}

#scroll_btn{position:absolute;width:100%;height:100%;background:rgb(255 255 255 / 0%);left:0;top:0}
#apple_circle img{width:auto;height:54%}
#apple_circle >div{top:0;left:0}
#apple_circle >div #cText{margin: 0% 4% -17% -6%;width:120%;height:120%}
#apple_circle >div #cText #circleText{fill:none}
#apple_circle >div #cText text{text-transform:uppercase;letter-spacing:1px;font-weight:300;font-size:20px;fill:#502a11;font-family:"Cormorant Garamond",serif}
#apple_circle{width:170px;height:170px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom: -100px;left: 360px;z-index: 10;}
#apple_circle > div{-webkit-animation:apple_circle 50s linear infinite;animation:apple_circle 50s linear infinite}
@-webkit-keyframes apple_circle{0%,100%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
50%{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}
}@keyframes apple_circle{0%,100%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
50%{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}
}

/* carservices_area */
#carservices_area{overflow:hidden;padding: 6vw 0;position:relative}
#carservices_area .nowrap_box{margin-right:auto;flex-direction:row-reverse;justify-content:flex-end;align-items:center;margin-top: 0;}
#carservices_area::before{content:'';position:absolute;height:100%;width:80%;top:20px;left:0px;background:#faf2e7;border-radius:0px 300px 300px 0px;z-index:0}
#carservices_area. .img_item img{width:100%}
#carservices_area .carservicesArea{display:flex;position:relative;flex-direction: row;align-items: center;}
#carservices_area .carservicesArea .info{margin-right: 50px;}
#carservices_area .carservicesArea .info .title_box font{position:absolute;width:max-content;top:-140px}
#carservices_area article .title{font-weight:500;font-size:20px}
#carservices_area .carservicesArea .areaTitle .title{font-size:18px;margin-left:0px;letter-spacing:0.3px;padding-top:0;line-height:180%}
#carservices_area .carservicesArea .areaTitle article .Txt{padding-top:60px;position:relative;-webkit-transition-delay:300ms;transition-delay:300ms}
#carservices_area .carservicesArea .text{font-size:15px;color: #54463b;}
#carservices_area .carservicesArea .areaTitle article .Txt::after{position:absolute;content:"";width:60px;height:2px;background-color:#003b71;top:30px;left:0}
#carservices_area .carservicesArea .bottom{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-start;padding-left:160px;margin-bottom:-11px;position:relative;flex-direction:column;justify-content:flex-end}
#carservices_area .carservicesArea .Txt{letter-spacing:0.6px;line-height:1.6;width:100%}
#carservices_area .carservicesArea .Txt h2{font-size:25px;margin-bottom:15px}
#carservices_area .carservicesArea .Txt .text{font-size: 16px;font-weight:500;line-height:180%;text-align: center;margin: 40px 0  20px 0;}
#carservices_area .carservicesArea .more_btn{position:relative;margin-top:30px;text-align: center;}
#carservices_area .deck02{position:absolute;right:60px;z-index:-1;top:70px}
#carservices_area .deck02 .Img{font-size:180px;font-weight:bold;opacity:0.1;font-family:'Montserrat',sans-serif;letter-spacing:10.5px}


/* picture_wall */
#carservices_area .img_item{width:50%;overflow:hidden;border-radius:400px 0 0 400px;border:6px solid #fff}
#carservices_area .picture_wall{display:flex}
#carservices_area .picture_wall .picture_wrapper{}
#carservices_area .picture_wall .picture_wrapper ul{display:flex;-webkit-animation: picture_scroll 120s linear infinite;animation: picture_scroll 120s linear infinite;width:50%;}
#carservices_area .picture_wall .picture_wrapper ul li{min-width:32vw;aspect-ratio:5/3;display:inline-flex;justify-content:center;align-items:center}
@keyframes picture_scroll{from{transform:translateX(0%)}
to{transform:translateX(-200%)}
}@-webkit-keyframes picture_scroll{from{-webkit-transform:translateX(0%)}
to{-webkit-transform:translateX(-200%)}
}

@media screen and (max-width: 1440px) {
    section .titleBox .titleEn,section .title_box font{font-size:75px}
	#about_area .aboutArea .ImgCenter:before{bottom:60px;left:30px;height:340px}
	#about_area.tooolong .aboutArea .ImgCenter:before{width:480px}
	#about_area .aboutArea .ImgCenter .ImgBottom{right:-20%}
	#carservices_area.tooolong .carservicesArea .ImgCenter:before{width:480px}
	#carservices_area .carservicesArea .info{padding-top:80px}
	#carservices_area .carservicesArea .info .title_box font{top:-90px}
	#product_area .deck02{right:0px}
}

@media (min-width: 1201px) {
    #recommend_area .title{width:120px;margin-right:50px}
	#recommend_area .titleBox{writing-mode:tb-rl;margin:0 auto 140px;padding-top:0;display:flex;flex-direction:column;align-items:flex-start}
	#recommend_area .titleBox .num font{writing-mode:rl-tb;margin-bottom:16px}
	#recommend_area .titleBox .num::before{content:'';position:absolute;bottom:-130px;right: 17px;background-color:#736357;background-image:none;transition-duration:.5s;height:120px;z-index:-1;width:1px;opacity:0.5}
	#recommend_area .titleBox .num::after{content:'';width:8px;height:8px;background:#736357;position:absolute;bottom:-130px;left: 16px;}
	#recommend_area .list_box{width:calc(100% - 200px)}
	#recommend_area .workframe{width:95%;margin:0 0 0 auto}
	#about_area .nowrap_box{margin-right:auto;flex-direction:row-reverse;align-items:center;z-index:10;width: 81%;display:flex;justify-content:flex-end;margin-left:0;margin-right:auto}


}

@media (max-width: 1200px) {
	#recommend_area .titleBox .num font{display:none}
	#recommend_area .info{display:flex;flex-direction:column;align-items:center}
	#carservices_area .carservicesArea{/* display:flex; */padding-left:0;padding-right:0;width: 100%;flex-direction: column;}
	#carservices_area .carservicesArea .areaTxt{width:auto;margin-bottom:30px}
	#carservices_area .img_item{width: 100%;margin-bottom:0;margin-top:40px;margin-right: auto;border:0px solid #fff}
	#carservices_area .picture_wall .picture_wrapper ul li{min-width:65vw}
	#carservices_area .carservicesArea .bottom{padding-left:0;margin-bottom:0;width:auto}
	#carservices_area::before{right:0;bottom:0;background-size:cover;background-repeat:no-repeat;width:100%;border-radius:0}
	#carservices_area .carservicesArea .Txt .text{margin:10px 0 20px 0}
}

@media screen and (min-width: 1281px) {
    .more_btn.white a:hover font{color:#ffffff}
	.more_btn.white a:hover:before{width:100%}
    header #navbox {display: none;}
	header .barBox {display: flex;flex-direction: column;align-items: flex-start;height: 100vh;justify-content: space-between;width: calc(10% - 0px);}
	header #menuIcon {position: relative;}
	header .rightBox >div {display: flex;flex-direction: column;}
	header #topbtns .btn font {transition: all linear 0.3s;transform: translateX(0);color: #73442e;opacity: 0;position: absolute;top: 20px;left: 0;width: 80px;}
	header #topbtns .btn {display: flex;align-items: center;position: relative;margin-bottom: 10px;justify-content: center;}
	header #topbtns .btn:hover font {display: inline-flex;transform: translateX(50px);opacity: 1;align-items: center;justify-content: center;}

}

@media screen and (max-width: 1280px) {
	#product_area{height:670px}
	#about_area .aboutArea .ImgCenter:before{bottom:90px;left:30px;height:290px}
	#about_area.tooolong .aboutArea .ImgCenter:before{width:430px}
	#carservices_area.tooolong .carservicesArea .ImgCenter:before{width:430px}
	section .title_box{margin-bottom:20px}
	section .title_box .page_title{font-size:20px}
	section .title_box .page_title::after{left:140px}
	.facList li:not(:last-child):before{right:-10px;top:15px}
	#apple_circle{bottom:-100px;left:50px}

}

@media screen and (min-width: 1201px) {
    .contactArea .item.contact a:hover{background-color:#3a4856}
	.contactArea .link:hover ~ .text{color:#55718e}
}

@media screen and (max-width: 1200px) {
	.contactArea .item.contact a:hover{background-color:#3a4856}
	.contactArea .link:hover ~ .text{color:#55718e}
	.contactArea .item{padding:17px 15px;width:calc((100% / 3) - 40px)}
	.contactArea .text{font-size:17px}
	#about_area .aboutArea{display:flex;flex-direction:column-reverse}
	#about_area .aboutArea .areaTxt{width:auto;margin-bottom:30px}
	#about_area .aboutArea .ImgCenter .Img{margin-left:0;margin-top:0}
	#about_area .aboutArea .ImgCenter .Img video{width:100%;height:100%}
	#apple_circle,#about_area .aboutArea::after,#about_area .nowrap_box::after,#about_area::before,#about_area .aboutArea .ImgCenter .ImgTop,#about_area .aboutArea .ImgCenter .ImgBottom,#about_area.tooolong .aboutArea .ImgCenter:before,#about_area.tooolong .aboutBG,#product_area::after{display:none}
	#about_area .aboutArea .img_item{width:auto;margin-bottom:30px}
	#about_area .aboutArea .bottom{padding-left:0;margin-bottom:0;width:auto}
	#about_area::before{top:auto;right:0;width:470px;height:172px;bottom:0;background-size:contain;background-repeat:no-repeat}
	#carservices_area .carservicesArea .info{width: 100%;padding-top:0;margin-right:0}
	#carservices_area .carservicesArea .info .title_box font{position:relative;top:0}
}

@media screen and (max-width: 1024px) {
    section .titleBox .titleEn,section .title_box font{font-size:54px}
	#product_area .titleBox::after,#product_area .pd_box::after,.ban-deco,#about_area::after,#about_area::before,#about_area .aboutArea .areaTitle .title_box::after{display:none}
	#about_area{padding:12vw 0 10vw 0}
	#about_area .aboutArea .areaTitle .title_box font{text-align:initial;font-size:38px}
	#about_area .aboutArea .areaTitle .title_box{margin-top:10px}
	section article .title{font-size:19px;letter-spacing:0.3px}
	section article .Txt .text{font-size:16px;font-weight:400}
	#recommend_area .applicationList li{width:calc(( 100% / 3) - 40px)}
}

@media screen and (max-width: 960px) {
    #product_area{height:640px}
	#product_area .pd_box::before{height:490px}
	.contactArea .wrap{padding:20px 20px 10px}
	.contactArea .list{margin-top:0}
	.contactArea .item{width:100%;padding:45px 0}
	.contactArea .item:not(:last-child){border-right:0;border-bottom:1px solid rgba(0,0,0,0.2)}
	.contactArea .item:not(:last-child)::before{top:initial;right:initial;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:43.75%;height:1px}
	#aboutOutsideArea::after{bottom:130px;background-size:1080px}
}

@media (min-width: 768px) and (max-width:1200px) {
    #aboutOutsideArea .aboutOutsideList .item{-ms-flex-pack:center;justify-content:flex-start;display:flex}
}

@media screen and (max-width: 768px) {
    .more_btn a{width:140px;padding:10px 30px 10px 20px}
	.roomArea .wrap .leftBox .title{width:100%;margin-right:0;padding-right:0;max-width:revert;border-right:0px solid #8c8c8c47;border-bottom:1px solid #8c8c8c47;margin-left:0;margin-bottom:10px}
	section .titleBox .titleEn,section .title_box font{font-size:42px}
	section .titleBox .titleTw,#about_area .titleBox .titleTw{font-size:26px;letter-spacing:3px}
	section .titleBox .middle{font-size:18px;letter-spacing:2px}
	.facList h4{font-size:16px;margin-bottom:0}
	#recommend_area .applicationList li{width:calc(( 100% / 2) - 40px)}
}

@media screen and (max-width: 767px) {
    #carservices_area{padding:15vw 0 15vw 0}
}

@media screen and (max-width: 540px) {
	#product_area{height:490px}
	#recommend_area .applicationList li{width:calc(( 100% / 1) - 40px);margin:10px 20px 10px 20px}
	.roomArea{padding:20px 0 10px}
	section .titleBox .titleEn,section .title_box font{letter-spacing:0}
	#carservices_area article .title{font-size:18px;margin-top:5px}
}