@import url('/css/animate.css');


.pofuo{position:fixed;z-index:99999;top:0;width:100%;height:100svh}
.pofuo #ask-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background: white;}
.pofuo #ask-wrap #closePop,.pofuo #ask-wrap #closePop2{position:absolute;display:flex;z-index:988;bottom:50px;background: var(--primary);width:200px;aspect-ratio:3/1;flex-direction:column;align-items:center;justify-content:center;}
.pofuo #ask-wrap #closePop p, .pofuo #ask-wrap #closePop2 p{color:white}
.pofuo #ask-wrap #closePop:hover,.pofuo #ask-wrap #closePop2:hover{background: #af3735;}
.pofuo #ask-wrap #closePop:hover *,.pofuo #ask-wrap #closePop2:hover *{color:#ffffff}
.pofuo #ask-wrap article{width:100%}
.pofuo #ask-wrap video{width:100%;height: 102vh;object-fit: cover;object-position: bottom;}
.pofuo #ask-wrap article .Japvideo{width:100%}

/* index.less */
#product_area .row .info_box{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}#product_area .row .img_box{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}@media (min-width:1281px){#product_area .row:hover .info_box{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}#product_area .row:hover .img_box{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}}@media (max-width:1280px){#product_area .slick-current .img_box{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}}

.wow { animation: fadeIn 1.5s both; -webkit-animation: fadeIn 1.5s both; animation-duration: 1s; -webkit-animation-duration: 1s; animation-name: fadeInUp; -webkit-animation-name: fadeInUp }

/* wrap */
#wrap {position: relative;overflow: hidden;}

/* section */
section { padding: 5vw 0; }
section>* { z-index: 5; }
section .title_box { margin-bottom: 40px; }
section .title_box font { font-weight: 600; font-size: 45px; color: var(--info); position: relative; line-height: 130%; text-transform: uppercase; letter-spacing: 2px; }
section .title_box font:first-child {color: var(--primary);}
section .title_box .page_title {text-transform: uppercase;line-height: 130%;letter-spacing: 1px;font-weight: 600;font-size: 22px;color: var(--primary);padding-left: 90px;position: relative;margin-bottom: 15px;}
section .title_box .page_title::after {content: "";width: 75px;height: 5px;opacity: 1;position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);-webkit-transform: translateY(-50%);background-color: var(--primary);}
section .title_box .noteBox {font-size: 20px;margin-top: 10px;opacity: .7;letter-spacing: 1px;}

.more_btn { margin-top: 0; }
.more_btn a { position: relative; overflow: hidden; width: 130px; padding: 10px 50px 10px 30px; display: inline-block; border-radius: 30px 0 0px 0px; }
.more_btn font { text-align: left; font-weight: 500; letter-spacing: 1px; color: #4f3c30; }
.more_btn.white font { font-size: 14px; position: relative; -webkit-writing-mode: inherit; -ms-writing-mode: inherit; writing-mode: inherit; color: #fff; font-family: 'Barlow', sans-serif; font-weight: 500; }
.more_btn.white span::after { position: absolute; content: ""; width: 34px; height: 14px; background-image: url(/images/39/icon-arrow.png); background-size: contain; background-position: 40% 50%; background-repeat: no-repeat; top: 20px; right: 20px; }
.more_btn.white a:before { content: ""; height: 100%; width: 100%; display: block; position: absolute; bottom: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: var(--primary); }

/* headBan */
#headBan { display: flex; flex-direction: column; align-items: center; }

/* search_box */
#headBan #search_box { --search-w: 1520px; position: absolute; margin: -10% auto 0; width: min(92%, var(--search-w)); bottom: -6%; transform: none; z-index: 998; }
#headBan #search_box .search_tabs {width: 400px;display: none;}
#headBan #search_box .search_tabs li { justify-content: flex-start; }
#headBan #search_box .search_container {}

/* popular_area */
#popular_area { padding: 6vw 0 4vw 0; }
#popular_area:before { position: absolute; display: block; top: 0; left: 0px; content: ""; background-image: url(/images/39/img-all-Bg.png); background-repeat: no-repeat; z-index: -1; height: 100%; width: 100%; opacity: 0.8; }
#popular_area .title_box { display: grid; grid-template-columns: 1fr 170px; gap: 20px; justify-content: space-between; align-items: center; margin: 0 20px 30px; }
#popular_area .list_box #imglist { display: grid; grid-template-columns: 68% 30%; width: 100%; gap: 20px; }
#popular_area .list_box #imglist .leftbox { position: relative; }
#popular_area li, #product_area .productList li {border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
#popular_area li .info_box {position: relative;letter-spacing: 0.5px;background-color: #fff;overflow: hidden;}
#popular_area li .info_box .Img img, #product_area .productList .Img_box img { aspect-ratio: 2.8 / 2.2; object-fit: cover; }
#popular_area li .info_box .price { position: absolute; bottom: 0; background-color: rgb(0 0 0 / 58%); width: calc(100% - 40px); display: flex; padding: 10px 20px; justify-content: space-between; align-items: baseline; }
#popular_area li .info_box .price font, #popular_area li .info_box .price .number { color: var(--white); display: flex; align-items: baseline; letter-spacing: 1.5px; }
#popular_area li .info_box .price font b, #product_area .txt_box .price font b {color: var(--primary);font-size: 25px;font-family: "Noto Sans TC", sans-serif;line-height: 140%;margin-right: 5px;}
#popular_area li .txtitems { position: relative; color: #a6a6a6; }
#popular_area li .txtitems h2, #product_area .txt_box .InfoList h2 { font-size: 21px; height: 33px; font-weight: 500; }
#popular_area li .txtitems article, #product_area .txt_box .InfoList article { font-size: 16px; color: #5a5a5a; letter-spacing: .5px; }
#popular_area li .txtitems .btn { display: flex; position: relative; color: var(--primary); align-items: center; margin-top: 20px; }
#popular_area li .txtitems .btn svg { fill: var(--primary); width: 20px; height: 20px; position: relative; padding-left: 26px; }
#popular_area li .txtitems .btn::after { content: ""; display: block; width: 1px; height: 20px; background: var(--primary); position: absolute; left: 96px; top: 5px; opacity: .5; }
#popular_area .img_nav li { margin: 0 20px; position: relative; }
#popular_area .img_nav .img_show { margin: 0 10px 0; }
#popular_area .img_nav img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
#popular_area .img_box li { position: relative; margin: 10px; }
#popular_area .img_box li .txtitems { margin-top: 26px; }
#popular_area .img_box li .txtitems h2 { font-size: 29px; height: 44px; }
#popular_area .img_box li .txtitems article { font-size: 19px; }
#popular_area .img_box li .txtitems .btn { margin-top: 50px; font-size: 18px; }
#popular_area .img_box li .txtitems .btn::after { left: 102px; top: 4px; }
#popular_area .img_box li .info_box .Img img { aspect-ratio: 2.7 / 2.2; }

.productbtn { display: flex; justify-content: space-between; align-items: center; }

#product_prev { -webkit-transform: scaleX(-1); transform: scaleX(-1); position: relative; }
#product_prev, #product_next { -webkit-box-shadow: 0px 10px 10px 2.4px rgb(184 190 196 / 31%); box-shadow: 10px 10px 20px 2.4px rgb(192 192 192 / 60%); border-radius: 150px; }
#product_prev svg, #product_next svg {width: 35px;height: 35px;fill: var(--primary);display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: var(--white);border-radius: 150px;padding: 20px;}
#product_next svg {background-color: var(--primary);fill: var(--white);}

/* product_area */
#product_area { overflow: hidden; background-image: url(/images/39/img-all-Bg.png); background-repeat: no-repeat; padding: 5vw 0 3vw; }
#product_area .plist { margin: 120px 20px 80px; }
#product_area .product_tab .tab_row { position: absolute; pointer-events: none; top: 0; opacity: 0; }
#product_area .product_tab .tab_row.active { position: relative; pointer-events: auto; opacity: 1; }
#product_area::before {content: '';position: absolute;height: 470px;width: calc(100% - 130px);top: 0px;left: 0px;background: url(/images/39/img-p-bg.png) no-repeat center / cover;background-position: 90% 60%;background-size: cover;opacity: 1;z-index: 1;}
#product_area::after { content: ''; position: absolute; height: 400px; width: calc(100% - 130px); top: 70px; right: 0px; background: #fff; background-position: 100% 0%; background-size: cover; opacity: 1; z-index: 0; }
#product_area .productBG {content: '';position: absolute;height: 74%;width: calc(100% - 130px);top: 300px;right: 0;background: #ffffff;opacity: 1;z-index: 3;}
#product_area .title_box .page_title {color: var(--white);}
#product_area .title_box font:first-child, #product_area .title_box .noteBox { color: var(--white); }
#product_area .title_box .page_title::after {background-color: var(--white);}
#product_area .producttbox { display: grid; grid-template-columns: 1fr 500px; gap: 20px 20px; align-items: center; margin: 0 20px; }
.mainClassBox .classLink {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px 20px;display: none;}
.mainClassBox .classLink li { position: relative; cursor: pointer; overflow: hidden; background-color: var(--white); display: inline-block; border-radius: 50px; text-align: center; padding: 10px; }
.mainClassBox .classLink li span { color: var(--primary); font-size: 18px; font-weight: 600; letter-spacing: 2px; }
.mainClassBox .classLink li span.pageBefore { display: none; }
.mainClassBox .classLink li.active .Trigger { color: var(--white); }
.mainClassBox .classLink li.active { background-color: var(--complement); }
.mainClassBox .classLink li:hover { background-color: var(--complement); }
.mainClassBox .classLink li:hover span { color: var(--white); }
#product_area .productList { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 35px; }
#product_area .productList .Img_box {overflow: hidden;position: relative;}
#product_area .productList .Img_box a { position: relative; }
#product_area .productList .objectLabel { position: absolute; z-index: 10; top: 0; left: 0; padding: 6px 16px; color: #fff; background-color: var(--primary); font-weight: 500; letter-spacing: 1px; font-size: 17px; }
#product_area .txt_box .price {display: flex;align-items: baseline;justify-content: flex-end;margin-top: 10px;}
#product_area .txt_box .number { color: #3b3b3b; letter-spacing: 1px; }
#product_area .txt_box .price font { display: flex; align-items: baseline; position: relative; }
#product_area .txt_box .price font::after { content: ""; display: block; width: 1px; height: 20px; background: var(--primary); position: absolute; left: -20px; top: 15px; opacity: .5; }
#product_area .txt_box .price font b { color: var(--primary); font-size: 29px; }
#product_area li:hover .Img_box:after { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#product_area li .Img_box:after {content: "";position: absolute;background: #252625;width: 150%;padding-top: 100%;border-radius: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);left: 50%;top: 100%;opacity: 0.4;-webkit-transition: all 0.3s 0.05s ease-in-out;transition: all 0.3s 0.05s ease-in-out;}

/* about_area */
#about_area {position: relative;}
#about_area .fixTxt2{position:absolute;bottom: 0;color: #31302f;opacity: .10;font-size: max(9 * (1vw + 1vh) / 2, 55px);font-family: "Poppins", serif;font-weight: 700;right: 0;bottom: -20%;text-transform: uppercase;}
#about_area .sub_title{display:flex;flex-direction: row;align-items: center;color: var(--primary);}
#about_area .workframe {display: grid;align-items: center;grid-template-columns: 200px 1fr 33%;gap: 120px;}
#about_area .tt_box {writing-mode: vertical-rl;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;margin-top: -140px;}
#about_area .runnn ul{display:grid;grid-template-columns: repeat(3, 1fr);margin-bottom: 40px;}
#about_area .runnn li{border-left:1px solid #ddd;padding-left: 20px;padding-top: 20px;}
#about_area .runnn h2{display:flex;align-items: flex-start;font-weight: 400;font-size: 15px;}
#about_area .runnn h2 b{font-family: "Lato", serif;font-size: 40px;line-height: 1.1;margin-right: 7px;}
#about_area .runnn p{font-size:18px}
#about_area .tt_box h2{word-spacing: 100vw;height: 300px;font-size: 28px;writing-mode: vertical-lr;font-weight: 500;margin-right: 10px;}
#about_area article{margin-bottom: 40px;text-align: justify;}
#about_area .info_box{margin-left: 40px;}
#about_area .more_btn {padding: 15px 2.2em;background: var(--primary);font-weight: 300;color: var(--white);display: inline-flex;align-items: center;}
#about_area .more_btn:hover {background:var(--info)}
#about_area .more_btn span{display: inline-flex;width: 15px;height: 1px;background: #fff;align-items: center;justify-content: center;margin-left: 25px;}
#about_area .more_btn span:after{content:'';height: 15px;width: 1px;background: #fff;position: absolute;}
#about_area .more_btn:hover span:after{transform:rotate(90deg);}
#about_area .img_box{position:relative;display: flex;align-items: center;justify-content: center;}
#about_area .img_box:after{content:url(/images/39/circle.png);position: absolute;animation-name: circle;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 30s;}
@keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);}50%{transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);}100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);}}
#about_area .img_box .img_cover {border-radius: 50%;aspect-ratio: 1/1;}
#about_area .img_box .fixTxt{position:absolute;bottom: 0;left: -15%;z-index: 2;}
#about_area .img_box img { width: 100%; height: 100%; }

#tabs_container .tab_content { display: flex; flex-direction: column; align-items: center; position: relative; }
#tabs_container .tab_content .photo { aspect-ratio: 1 / 1; height: 340px; }
#tabs_container .tab_content .photo .img_cover { aspect-ratio: 1/ 1; object-fit: contain; }
#tabs_container .aboutlogo { position: absolute; right: 29%; top: 200px; aspect-ratio: 1 / 1; height: 110px; }
#tabs_container .tab_content .tt { display: flex; flex-direction: column; align-items: center; margin-top: 10px; }
#tabs_container .tab_content .tt h4 { font-size: 32px; letter-spacing: 2px; position: relative; margin-bottom: 30px; }
#tabs_container .tab_content .tt h4::after { position: absolute; content: ""; width: 40px; height: 3px; background-color: #fff; bottom: -15px; left: 50%; transform: translate(-50%, -50%); }
#tabs_container .tab_content .tt h4 span { vertical-align: baseline; }
#tabs_container .tab_content .tt p { font-size: 18px; letter-spacing: 1px; margin-bottom: 30px; }
#tabs_container .tab_content .tt .more_btn { font-size: 13px; position: relative; overflow: hidden; background-color: var(--white); display: inline-block; border-radius: 50px; color: #398f53; padding: 10px 40px; }
#tabs_container .tab_content .tt .more_btn:hover { background-color: var(--complement); color: var(--white); }
#about_area .loop_wrap { display: flex; position: absolute; bottom: -130px; z-index: 0; }
#about_area .loop_wrap .text {flex: 0 0 auto;padding: 0 30px;color: var(--white);font-size: 15.625rem;letter-spacing: -.01em;white-space: nowrap;opacity: 0.25;line-height: 150%;}
#about_area .loop_wrap .text:first-child { -webkit-animation: 150s loop 0s linear infinite; animation: 150s loop 0s linear infinite; }

/* custom_area */
#custom_area {padding: 5vw 0;background: var(--primary);}
#custom_area .Img{margin:0 15px;}
#custom_area img {aspect-ratio: 5/3;object-fit: cover;}
#custom_area .titlep2 font { color: var(--triadic1); }
#custom_area .titlep2 font:first-child { color: var(--info); }
#custom_area .Img { text-align: right; }
#custom_area .more_btn { font-size: 16px; background-color: var(--complement); display: inline-block; border-radius: 50px; padding: 8px 30px; }
#custom_area .more_btn svg { fill: var(--white); width: 20px; height: 20px; position: relative; padding-left: 26px; }
#custom_area .more_btn:hover svg { -webkit-filter: unset; filter: unset; -webkit-animation: arrRight 0.8s ease-in-out infinite; animation: arrRight 0.8s ease-in-out infinite; }

#custom_area .left { margin-bottom: 30px; }

@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@-webkit-keyframes loop { to { -webkit-transform: translateX(-100%); transform: translate(-100%); } }
@keyframes loop { to { -webkit-transform: translateX(-100%); transform: translate(-100%); } }
@-webkit-keyframes arrRight { 0%, 100% { -webkit-transform: translate(0, 0%); } 50% { -webkit-transform: translate(15px, 0%); } }
@keyframes arrRight { 0%, 100% { transform: translate(0, 0%); } 50% { transform: translate(15px, 0%); } }

@media screen and (max-width:1680px) {
	#product_area::before { width: calc(100% - 60px); }
	#product_area .productBG { width: calc(100% - 40px); top: 260px; }
	section .title_box { margin-bottom: 0; }
}
@media screen and (max-width:1560px) {
	section .title_box font { font-size: 38px; }
	section .title_box .page_title { font-size: 20px; }
	section .title_box .page_title::after { height: 3px; }
	section .title_box .noteBox { font-size: 18px; }
	#about_area .title_box .noteBox { margin-top: 40px; }
	#product_prev svg, #product_next svg { width: 28px; height: 28px; }
	#popular_area .title_box { grid-template-columns: 1fr 150px; margin: 0 20px 40px; }
	#popular_area { padding: 20vw 0 9vw; }
}
@media screen and (max-width:1440px) {
    #about_area .workframe{gap: 50px;}
	#popular_area .img_box li .txtitems { margin-top: 20px; }
	#popular_area .img_box li .txtitems h2 { font-size: 24px; height: 44px; }
	#popular_area .img_box li .txtitems article { font-size: 18px; }
	#popular_area .img_box li .txtitems .btn { margin-top: 50px; font-size: 12px; }
	#popular_area .img_box li .txtitems .btn::after { left: 85px; height: 17px; }
	#popular_area li .txtitems .btn svg { width: 16px; height: 16px; }
	#popular_area li .info_box .price font b, #product_area .txt_box .price font b { font-size: 20px; }
	#popular_area li .info_box .price font, #popular_area li .info_box .price .number { font-size: 14px; letter-spacing: 0.5px; }
	#popular_area li .txtitems h2, #product_area .txt_box .InfoList h2 { font-size: 18px; }
	#popular_area li .txtitems article, #product_area .txt_box .InfoList article { font-size: 15px; margin: 4px 0 0; }
	#popular_area li .txtitems .btn { font-size: 12px; margin-top: 10px; }
	#popular_area li .txtitems .btn::after { left: 88px; top: 2px; height: 18px; }
	#popular_area .title_box { grid-template-columns: 1fr 140px; }
	#product_prev svg, #product_next svg { width: 20px; height: 20px; }
	#headBan #search_box { --search-w: 1200px; bottom: -24%; }
}
@media screen and (max-width:1366px) {
    #about_area .img_box:after{zoom: 80%;}
    #about_area .workframe{grid-template-columns: 200px 1fr 40%;}
	#product_area .txt_box .price font::after { top: 4px; }
}
@media screen and (min-width:1281px) {
	.more_btn.white a:hover font { color: #fff; }
	.more_btn.white a:hover { width: 150px; }
}
@media screen and (max-width:1280px) {
    #about_area .tt_box h2{writing-mode:unset;height: auto;}
    #about_area .workframe{grid-template-columns: 40% 50%;}
    #about_area .tt_box{margin-top: 0;writing-mode: unset;grid-column: 1 / 3;}
	#headBan #search_box {--search-w: 1200px;bottom: -37%;}
	section .title_box { margin-bottom: 0; }
	section .title_box font { font-size: 32px; }
	section .title_box .page_title { font-size: 17px; }
	section .title_box .page_title::after { height: 2px; }
	section .title_box .noteBox { font-size: 16px; }
	#product_area .producttbox { grid-template-columns: 1fr 360px; }
	#product_area .productBG { top: 220px; }
	#about_area .nowrap_box { grid-template-columns: 270px 1fr; }
	#about_area .about_icon { width: 100%; }
	#about_area .globalBox { width: 520px; height: 520px; top: 64%; }
	#about_area .loop_wrap .text { font-size: 6.625rem; }
	#about_area .loop_wrap { bottom: -50px; }
	#about_area .tabs li .Img { height: 70px; }
	#aboutTabs { grid-template-columns: 1fr 200px; gap: 20px 10px; }
	#tabs_container .aboutlogo { top: 130px; right: 20%; height: 80px; }
	#tabs_container .tab_content .photo { height: 200px; }
	#tabs_container .tab_content .tt h4 { font-size: 26px; }
	#tabs_container .tab_content .tt p { font-size: 15px; }
}
@media screen and (min-width:1201px) {
}
@media screen and (max-width: 1200px) {
	.bottombtn { display: none; }
	#popular_area .list_box #imglist { grid-template-columns: 100% 0; gap: 0; }
	#popular_area .list_box #imglist .rightbox { display: none; }
	#popular_area .title_box { width: auto; display: flex; flex-direction: column; align-items: flex-start; margin: 0 10px 30px; }
	#product_area::before { width: calc(100% - 30px); }
	#product_area .productBG { width: calc(100% - 20px); }
	#product_area .productList #objectLabel { font-size: 14px; }
	#product_area .productList { gap: 30px 30px; grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width:1024px) {
    #about_area .workframe{display: block;}
	section .title_box .page_title { font-size: 15px; }
	section .title_box .page_title::after { height: 2px; }
	#product_area .plist { margin: 100px 20px 30px; }
	#product_area::before { width: calc(100% - 10px); }
	#product_area .productBG { width: calc(100% - 10px); height: 89%; }
	#product_area .producttbox { grid-template-columns: 1fr 290px; }
	.mainClassBox .classLink li span { font-size: 16px; }
	.mainClassBox .classLink { gap: 10px 10px; }
}
@media screen and (max-width:960px) {
    .pofuo #ask-wrap video{height:auto}
    #about_area .tt_box{margin:0 25px;}
    #about_area .info_box{margin: 60px 40px 0;}
	#popular_area { padding: 5vw 0; }
    #about_area .img_box .img_cover{width: 60%;}
	#popular_area .img_nav li { margin: 0 10px; }
	#popular_area li .info_box .price { width: calc(100% - 20px); padding: 10px 10px; }
	#popular_area li .info_box .price font, #popular_area li .info_box .price .number { font-size: 12px; }
	#popular_area li .info_box .price font b, #product_area .txt_box .price font b { font-size: 18px; }
	#about_area .nowrap_box { grid-template-columns: 1fr; width: 85%; }
	#about_area .title_box .noteBox { margin-top: 20px; }
	#headBan #search_box { position: relative; margin: 0 auto 50px; width: min(93%, var(--search-w)); bottom: 0; }
	#headBan #search_box .search_container { border-radius: 0; }
}
@media screen and (max-width:640px) {
    section{padding:13vw 0}
    #about_area .runnn ul{grid-template-columns: repeat(2, 1fr);}
    #about_area .img_box:after{zoom: 50%;}
	#product_area .producttbox { grid-template-columns: 1fr; }
	#product_area .producttbox .title_box {display: flex;flex-direction: column;align-items: center;margin-top: 45px;}
	#product_area .title_box .noteBox { text-align: center; }
	#product_area .productBG { top: 260px; height: 82%; }
	#product_area .plist { margin: 70px 20px 40px; }
	#product_area .productList { gap: 20px 10px; }
	#product_area .txt_box .number { font-size: 12px; }
	#product_area .txt_box .price font::after { left: -10px; }
	#popular_area li .info_box .price font b, #product_area .txt_box .price font b { font-size: 16px; }
	#about_area .about_icon { width: 80%; margin: 10px auto; }
	#about_area .tabs { grid-template-columns: repeat(3, 1fr); gap: 5px 5px; }
	#about_area .nowrap_box { width: 90%; margin: 0px auto 50px; }
	#about_area .globalBox { width: 430px; height: 430px; }
	#aboutTabs { grid-template-columns: 1fr; gap: 80px; }
	#tabs_container .tab_content .photo { height: 150px; }
	#tabs_container .aboutlogo { height: 60px; top: 90px; right: 25%; }
}
@media screen and (max-width:500px) {
	#headBan #search_box { margin-top: 0; }
}