@charset "UTF-8";
@media only screen and (max-width:980px){
.main-width,.secd-width{width:92vw}
.m-Top{margin-top:50px}#shopify-section-header{height:50px}
.hb{height:50px;}
.mobile-nav--open{display:none!important;position:fixed;left:0;top:0;margin-top:0}
.js-drawer-open-top{display:none!important}

header{position:fixed;left:0;top:0;width:100%;height:50px;box-shadow:0 0 5px #0003;z-index:9999}
header .phone-menu{display:block}
header .logo{float:none;position:absolute;left:50%;top:5px;height:40px;margin-left:-36px}
header nav{position:fixed;left:-100%;top:50px;width:100%;height:100%;padding-bottom:50px;background-color:#fff;border-top:1px solid #ddd;transition:all .5s}
header nav .one>li{float:none;line-height:50px;padding:0 4vw;font-size:18px;border-bottom:1px solid #ddd}
header nav .one>li.Shop>i{display:block}
header nav .drop{position:static;display:block;}
header nav .drop li .text h3{line-height:20px;margin:5px 0;font-size:15px}
header nav .drop li .text p{line-height:20px;padding-bottom:5px;margin-bottom:5px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
header nav .drop li .text a{line-height:20px;font-size:14px}
header .func a{width:30px;height:30px;margin-top:10px}
header .func a .icon{vertical-align:top}
header .func button{margin-top:0}
header .func .search .box .btn, header .func .search .box .sub{display:none;}
header .func .cart i{width:14px;height:14px;line-height:14px;font-size:10px;}
header.active nav{left:0}
.subscr h2{line-height:30px;margin-bottom:5px;font-size:24px}
.subscr p{line-height:20px;margin-bottom:15px;font-size:14px}
.subscr span{line-height:20px;font-size:14px}
.subscr .box{height:40px}
.subscr .box input{height:40px;padding:0 10px}
.subscr .box button{height:40px;font-size:16px}
.footer h3{line-height:20px;margin-bottom:10px;font-size:16px}
.footer li{line-height:20px;font-size:14px}
.footer p{line-height:20px;margin-bottom:0;font-size:14px}
.footer .nav{float:none;margin-right:0}
.footer .contact{float:none;width:40%}
.footer .main-width{display:flex;justify-content:space-between}
.footer:after{display:none}
.copy-right .main-width{padding:15px 0}
.copy-right p{line-height:25px;font-size:14px}
.copy-right .sns a{width:25px;height:25px;margin-left:8px}
.index-main h2{line-height:35px;font-size:30px;margin-bottom:10px}
.index-main p{line-height:20px;font-size:14px}
.index-main .mbtn{line-height:32px;padding:0 20px;font-size:14px;border-radius:20px}
.index-main .mbtn:after{line-height:32px;font-size:18px;margin-left:5px}
.index-mate{padding:40px 0 128vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/mob-bg.jpg?v=1669366824);background-size:100% auto;background-repeat:no-repeat;background-position:bottom center}
.index-mate img{display:none}
.index-mate h2,.index-mate .btn{position:static;margin-bottom:1.5vw}
.index-mate .info{position:static;width:90%;margin:0 auto;overflow:hidden}
.index-mate .info .chip h3{line-height:25px;font-size:18px}
.index-mate .info .chip:before{width:80px;height:80px}
.index-mate .info .tech{float:left;width:40vw;height:40vw}
.index-mate .info .text{float:right;width:40vw;padding:10vw 0 0}
.index-mate .info .text h3{line-height:25px;font-size:18px}
.index-mate .info .text p{line-height:25px;font-size:16px}
.index-custom .text h2{margin-bottom:10px}
.index-custom .text{float:none;width:100%;text-align:center}
.index-custom .text .tip{margin:15px 0 10px}
.index-custom .product{position:relative;top:0;left:0;width:50vw;height:50vw;margin:0 auto}
.index-custom .option{float:none;width:100%;margin:0 auto;padding:20px;border-radius:10px}
.index-custom .option h3{line-height:25px;margin-bottom:10px;font-size:18px}
.index-custom .option .style ul{font-size:0}
.index-custom .option .style li{width:100px;height:100px;padding:15px;margin:0 10px}
.index-custom .option .patch li{width:16.6%;height:60px;padding:5px;margin-bottom:10px;border-width:2px}
.index-custom .option .patch .refresh{width:40px;height:40px}
.index-custom .option .sub{line-height:40px;font-size:14px}
.index-circle h3{line-height:25px;font-size:20px}
.index-circle .cont .text .btn{line-height:32px;margin-top:14px;padding:0 20px;font-size:14px;border-radius:20px}
.index-circle .cont .text .btn:after{line-height:32px;margin-left:5px;font-size:18px}
.index-circle .cont .text img{width:70px;height:70px}
.index-fun .text{width:45%}
.index-fun .text h2{line-height:70px;margin-bottom:30px;font-size:60px}
.index-fun .text li{line-height:40px;margin-top:10px;font-size:16px}
.index-fun .text .mbtn{margin-top:30px}
.index-slide .cbox{width:80vw;height:80vw;margin-bottom:-19.2vw}
.index-slide .cbox ul li{width:8.752vw;height:5vw;margin:-2.5vw 0 0 -4.376vw}
.index-slide .cbox ul li p{line-height:30px;font-size:16px}
.index-slide .cbox ul li:nth-child(1){transform:translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(2){transform:rotate(18deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(3){transform:rotate(36deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(4){transform:rotate(54deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(5){transform:rotate(72deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(6){transform:rotate(90deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(7){transform:rotate(108deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(8){transform:rotate(126deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(9){transform:rotate(144deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(10){transform:rotate(162deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(11){transform:rotate(180deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(12){transform:rotate(198deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(13){transform:rotate(216deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(14){transform:rotate(234deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(15){transform:rotate(252deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(16){transform:rotate(270deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(17){transform:rotate(288deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(18){transform:rotate(306deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(19){transform:rotate(324deg) translateY(-35.584vw)}
.index-slide .cbox ul li:nth-child(20){transform:rotate(342deg) translateY(-35.584vw)}
.index-products .tip{height:30px;margin-bottom:30px}
.index-products .cont li h3{line-height:20px;margin:15px 0 10px;font-size:14px}
.index-products .cont li p{line-height:15px;font-size:12px}
.index-products .cont li .pic .dg-slide{width:11.5668vw;height:7.812vw;margin-left:-5.7834vw}
.index-agent .title .more{line-height:40px;margin-top:0;padding:0 20px;font-size:16px}
.index-agent .cont li:before{width:55px;height:55px}
.index-jointly .text span{line-height:20px;margin:10px 0 15px;font-size:14px}
.index-jointly .text img{width:auto;height:40px}
.index-jointly .text .more{line-height:40px;margin-top:15px;padding:0 20px;font-size:16px}
.design-com .text{padding:15px}
.design-com .text h2{line-height:25px;margin-bottom:20px;font-size:20px}
.design-com .text p{line-height:20px;margin-bottom:0;padding:0;font-size:14px}
.design-com .text a{width:auto;line-height:34px;margin-top:20px;padding:0 20px;border-radius:20px;font-size:14px}
.list-products .sort{display:none}
.list-products .cont .func{top:50px;float:none;width:100%;background-color:#f4f4f4;z-index:9;}
.list-products .cont .func .search{display:none;}
.list-products .cont .func .item{padding:0;}
.list-products .cont .func .item h3{display:none;}
.list-products .cont .func .item ul{display:flex;justify-content:space-between;}
.list-products .cont .func .item li{line-height:30px;padding:15px 0;margin:0;font-size:16px;}
.list-products .cont .func .item li:after{display:none;}
.list-products .cont .func .item li:before{top:initial;bottom:0;width:100%;height:3px;border:none;}
.list-products .cont .func .item li.on:before{background-color:#ff949b;}
.list-products .cont .list{float:none;width:100%}
.list-products .cont .list li .text h3{line-height:20px;margin:0 0 5px;font-size:14px}
.list-products .cont .list li .text p{line-height:15px;margin-bottom:5px;font-size:12px}
.list-products .cont .list li .text .view{line-height:30px;font-size:14px;border-radius:20px}
.pabox{margin-bottom:15px}
.pabox h3{line-height:20px;margin-bottom:5px;font-size:14px}
.pabox li{width:40px;padding:3px}
.patch1 li{width:60px}

.main-products .overview .text{width:43vw;padding:0;}
.main-products .overview .text h1{line-height:30px;padding-bottom:5px;margin-bottom:10px;font-size:24px;}
.main-products .overview .text .price{line-height:25px;font-size:16px;}
.main-products .overview .text .selbox{margin-bottom:20px;}
.main-products .overview .text .selbox h3{line-height:20px;margin-bottom:5px;font-size:14px;}
.main-products .overview .text .selbox .selist{height:30px;}
.main-products .overview .text .selbox .selist p{line-height:28px;padding:0 10px;font-size:14px;}
.main-products .overview .text .selbox .selist p:after{width:30px;line-height:28px;font-size:16px;}
.main-products .overview .text .selbox .selist .alist a{line-height:30px;padding:0 10px;font-size:14px;}
.main-products .overview .text .btn a{line-height:34px;border-radius:20px;font-size:14px;}

.main-products .info h2{line-height:25px;padding-bottom:5px;margin-bottom:15px;font-size:18px}
.main-products .info h3{line-height:20px;margin-bottom:8px;font-size:15px}
.main-products .info p{line-height:20px;margin-bottom:10px;font-size:14px}
.main-products .info li{line-height:20px;padding-left:10px;margin-bottom:5px;font-size:14px}
.main-products .info li:after{width:4px;height:4px;top:8px}
.main-products .info table th,.main-products .info table td{line-height:20px;font-size:14px;padding:5px}
.main-products .info .contbox{padding:5px 15px 15px}
.main-products .info .left{float:none;max-width:100%;margin-bottom:15px}
.main-products .info .right{float:none;max-width:100%}
.main-products .info .item{overflow-x:auto}
.main-products .related h2{line-height:30px;margin-bottom:20px;font-size:24px}
.main-products .related li .text h3{line-height:20px;margin:0 0 5px;font-size:14px}
.main-products .related li .text p{line-height:15px;margin-bottom:5px;font-size:12px}
.main-products .related li .text .view{line-height:30px;font-size:14px;border-radius:20px}
.main-customcap{padding:0 0 30px;background-size:auto 100%}
.main-customcap .product{float:none;position:relative;top:0;left:0;width:50vw;height:50vw;margin:0 auto}
.main-customcap .option{float:none;width:100%;margin:0 auto;padding:20px;border-radius:10px}
.main-customcap .option h3{line-height:25px;margin-bottom:10px;font-size:18px}
.main-customcap .option .style ul{font-size:0}
.main-customcap .option .style li{width:100px;height:100px;padding:15px;margin:0 10px}
.main-customcap .option .patch li{width:16.6%;height:60px;padding:5px;margin-bottom:10px;border-width:2px}
.main-customcap .option .patch .refresh{width:40px;height:40px}
.main-customcap .option .sub{line-height:40px;font-size:14px}
.main-custombadge{padding:70px 0 30px;background-size:auto 100%;background-position:center}
.main-custombadge .product{float:none;position:relative;top:0;left:0;width:50vw;height:32.453vw;margin:0 auto 30px}
.main-custombadge .product p{top:-40px;height:30px;line-height:30px;padding:0 20px;font-size:14px}
.main-custombadge .product .container{border-radius:1.4vw}
.main-custombadge .product .container .logo{left:2.55vw;top:3.3vw;width:4.8675vw}
.main-custombadge .product .container .ico{width:42.3667vw;height:42.3667vw;margin:-21.18335vw 0 0 -21.18335vw}
.main-custombadge .product .container.squ{left:8.7735vw;width:32.453vw;height:32.453vw}
.main-custombadge .product .container.rec{width:50vw;height:28.46vw}
.main-custombadge .product .container:before{left:.74vw;top:.74vw;width:calc(100% - 1.47vw);height:calc(100% - 1.47vw);border-radius:1.3vw}
.main-custombadge .product .container:after{border-radius:1.4vw}
.main-custombadge .option{position:relative;float:none;width:100%;margin:0 auto;padding:20px;border-radius:10px;z-index:3}
.main-custombadge .option h3{line-height:25px;margin-bottom:10px;font-size:18px}
.main-custombadge .option .shape li{line-height:20px;padding:7px;border-radius:30px;font-size:14px}
.main-custombadge .option .shape li:before{width:20px;height:20px;margin-right:7px}
.main-custombadge .option .shape li.on:before{border-width:4px}
.main-custombadge .option .emoji li{width:26vw;height:12vw;margin:0;font-size:0}
.main-custombadge .option .emoji li .imc{display:inline-block;vertical-align:top;width:12vw;height:12vw;margin:0 1vw 0 0}
.main-custombadge .option .emoji .pos{width:77vw}
.main-custombadge .option .emoji .ebox span{line-height:3vw;margin-top:-1.5vw;font-size:3vw}
.main-custombadge .option .back li{width:12.5%;height:60px;padding:5px;margin-bottom:10px;border-width:2px}
.main-custombadge .option .sub{line-height:40px;font-size:14px}
.main-brand h2{line-height:30px;font-size:24px}
.main-brand p{line-height:20px;margin:0;font-size:14px}
.main-brand .profile h3{line-height:25px;margin-bottom:20px;font-size:18px}
.main-brand .show{height:56.25vw;background-attachment:scroll}
.main-brand .story .text{padding-top:0}
.main-brand .story .text p,.main-brand .idea .text p{line-height:20px;margin-bottom:10px}
.main-craftsmanship h2{line-height:30px;margin-bottom:20px;font-size:24px}
.main-craftsmanship .diagram .cont .item h3{line-height:25px;font-size:16px}
.main-craftsmanship .advantage .item .text{paddint-top:0}
.main-craftsmanship .advantage .item .text h3{line-height:20px;margin-bottom:10px;font-size:16px}
.main-craftsmanship .advantage .item .text li{line-height:20px;padding-left:45px;margin-bottom:15px;font-size:14px}
.main-craftsmanship .advantage .item .text li:before{width:40px;height:40px}
.main-craftsmanship .advantage .item .text p{line-height:20px;font-size:14px}
.main-agent h2{line-height:30px;margin-bottom:20px;font-size:24px}
.main-agent .message .box label{line-height:20px;margin-bottom:3px;font-size:14px}
.main-agent .message .box input{height:32px;font-size:14px;padding:0 10px;margin-bottom:10px}
.main-agent .message .btn input[type=submit]{height:34px;font-size:14px;padding:0}
.main-agent .message .box textarea{height:97px}
.main-agent .advantage li:before{width:55px;height:55px}
.main-agent .want .cont .item span{line-height:70px;font-size:60px}
.main-agent .want .cont .item p{line-height:25px;font-size:14px}
.main-agent .cando p{line-height:15px;font-size:12px}
.main-agent .cando .cont .item h3{line-height:20px;margin-bottom:3px;font-size:15px}
.main-agent .cando .cont .item p{line-height:20px;font-size:14px}
.main-agent .cando .cont .item .pic{margin-bottom:5px}
.main-agent .eligibility .cont .item{padding:10px 10px 10px 70px}
.main-agent .eligibility .cont .item h3{line-height:20px;margin-bottom:5px;font-size:15px}
.main-agent .eligibility .cont .item p{line-height:20px;font-size:14px}
.main-agent .eligibility .cont .item:before{left:10px;top:15px;width:50px;height:50px}
.list-blog .year span{line-height:25px;padding:10px;margin-right:20px;font-size:16px}
.list-blog .cont li .text h3{line-height:30px;margin-bottom:20px;font-size:18px}
.list-blog .cont li .text p{line-height:30px;font-size:14px}
.list-blog .cont li .text a{line-height:20px;font-size:14px}
.list-blog .cont li .text a:before{line-height:20px;font-size:20px}
.main-blog .blog-width{max-width:92vw}
.main-blog h1{line-height:25px;font-size:18px}
.main-blog .func{padding:10px 0 15px;margin-bottom:15px}
.main-blog .func span{line-height:20px;font-size:14px}
.main-blog .func time{line-height:20px;font-size:14px}
.main-blog .func .share a{width:20px;height:20px}
.main-blog .artbox p{line-height:20px;margin-bottom:15px;font-size:14px}
.main-blog .artbox img{margin-bottom:20px}
.btn--share .icon{width:20px;height:20px;marginn:-10px 0 0 -10px}
.main-contact span{line-height:20px;padding-bottom:5px;margin-bottom:10px;font-size:16px}
.main-contact h2{line-height:30px;font-size:24px}
.main-contact p{line-height:20px;margin-bottom:10px;font-size:14px}
.main-contact .way{padding:5vw 0}
.main-contact .way .info .sns{margin:20px 0}
.main-contact .way .info .sns a{width:20px;height:20px}
.main-contact .way .info .req{line-height:20px;font-size:14px}
.main-contact .message h2{margin-bottom:20px}
.main-contact .message .box label{line-height:20px;margin-bottom:3px;font-size:14px}
.main-contact .message .box input{height:32px;font-size:14px;padding:0 10px;margin-bottom:10px}
.main-contact .message .btn input[type=submit]{height:34px;font-size:14px;padding:0}
.main-contact .message .box input[type=submit]{font-size:14px}
.main-contact .message .box textarea{height:97px}
.main-faq .catebox span{line-height:30px;padding:5px 0 5px 10px;margin-bottom:5px;font-size:16px}
.main-faq .list{width:70%}
.main-faq .list h2{line-height:30px;margin-bottom:15px;font-size:24px}
.main-faq .list li{padding:10px 0}
.main-faq .list li h3{line-height:20px;padduing-right:20px;margin:0;font-size:15px}
.main-faq .list li h3:before{width:14px;right:3px;top:10px}
.main-faq .list li h3:after{height:14px;top:3px;right:10px}
.main-faq .list li p{line-height:20px;margin-bottom:5px;font-size:14px}
.main-faq .list .answer{padding-top:10px;line-height:20px;font-size:14px}
.main-ship .shipping:before{width:70px;height:70px}
.main-ship h1,.main-ship h2{line-height:30px;margin-bottom:15px;font-size:24px}
.main-ship .shipping p{line-height:20px;font-size:14px}
.main-ship .fast li .text .box h3{line-height:20px;margin-bottom:5px;font-size:15px}
.main-ship .fast li .text .box p{line-height:20px}
.main-ship .step span{line-height:20px;padding-bottom:5px;margin-bottom:10px;font-size:16px}
.main-ship .step li{padding-left:60px}
.main-ship .step li h3{line-height:20px;padding-bottom:5px;margin-bottom:5px;font-size:15px}
.main-ship .step li p{line-height:20px;font-size:14px}
.main-ship .step li:before{width:50px;height:50px}
.main-ship .return li label{line-height:20px;margin-bottom:3px;font-size:14px}
.main-ship .return li input{height:32px;padding:0 10px;font-size:14px}
.main-ship .return li textarea{height:100px;line-height:20px;padding:5px 10px;font-size:14px}
.main-wword h1{line-height:30px;margin-bottom:20px;font-size:24px}
.main-wword h2{line-height:25px;margin:20px 0 10px;font-size:18px}
.main-wword h3{line-height:20px;margin:20px 0 10px;font-size:16px}
.main-wword p{line-height:20px;margin-bottom:15px;font-size:14px}
.main-wword ul{margin-bottom:20px;padding-left:20px}
.main-wword li,.main-wword table{line-height:20px;font-size:14px}
.main-result{padding:130px 0 40px;}
.main-result .status img{width:76px;}
.main-result .status p{line-height:20px !important;margin:10px 0;font-size:14px !important;}
.main-result .status h1{line-height:35px;font-size:30px;}
.main-result .status h1 i{font-size:14px;}
.main-result .info{width:400px;max-width:100%;margin:25px auto;}
.main-result .info li{line-height:35px;font-size:16px;}
.main-result .info li span{line-height:35px;}
.main-result .info li p{line-height:35px !important;}
.main-result .btn{line-height:40px;padding:0 50px;font-size:14px;border-radius:30px;}
.main-result .back{line-height:40px;padding:0 50px;margin-right:15px;font-size:14px;border-radius:30px;}
.main-result .tip{line-height:25px;margin-top:20px;font-size:14px;}
.main-checkout .prolist table td .pro .pic{margin-right:20px;}
}
@media only screen and (max-width:780px){
.index-circle .cont .text,.index-fun .text{padding-top:0}
.design-com .text,.design-com .pic{float:none;width:100%;height:auto}
.list-products .cont .list ul{width:100%;justify-content:space-between}
.list-products .cont .list li{width:48.5%;margin:0 0 4%}
.main-products .related ul{width:100%;justify-content:space-between}
.main-products .related li{width:48.5%;margin:0 0 4%}
.main-products .related .threec{justify-content:space-between}
.main-products .related .threec li{width:48.5%;margin:0 0 4%}
.main-brand .profile .cont .text{float:none;width:100%;height:auto;padding:15px}
.main-brand .profile .cont .text img{width:110px}
.main-brand .profile .cont .text hr{margin:15px 0}
.main-brand .profile .cont .pic{float:none;width:100%;height:auto}
.main-brand .profile .cont .pic img{height:auto}
.main-craftsmanship .diagram .cont{display:block}
.main-craftsmanship .diagram .cont .item{width:100%;margin-bottom:15px}}@media only screen and (max-width:750px){.proview{width:100%!important;padding-left:70px!important}
.protext{width:100%!important}
.sidelist{width:60px}
.slider-active .product-single__thumbnails{max-width:100%!important}
.product-single__thumbnails-slider-track{width:100%!important;transform:translate(0)!important}
.thumbnails-wrapper{top:0!important;margin:0!important}
.product-single__thumbnails-item{flex:none}
.product-single__thumbnails-item-slide{float:none;width:100%!important;height:auto;padding:0 2.5px!important}
.grid__item{padding:20px}
}
@media only screen and (max-width:640px){
header nav .drop ul{display:block}
header nav .drop li{position:relative;width:100%;min-height:74px;padding-left:130px;margin-bottom:15px;box-sizing:border-box}
header nav .drop li .pic{position:absolute;left:0;top:0;width:120px;height:74px}
header nav .drop li .text{padding-top:10px}
header nav .drop li .text h3{margin:0 0 15px}
header nav .drop li .text p{display:none}
.subscr .box{max-width:100%}
.subscr .box input{width:65%;font-size:14px}
.subscr .box button{width:30%}
.footer h3{margin-bottom:5px}
.footer .main-width{flex-wrap:wrap}
.footer .nav{width:50%;margin-bottom:20px}
.footer .contact{width:100%}
.flow-icon{display:none}
.copy-right p{float:none;text-align:center;margin:0 0 10px}
.copy-right .sns{float:none;text-align:center}
.copy-right .sns a{margin:0 4px}
.index-main h2{line-height:30px;padding:0 4vw;font-size:24px}
.index-main .slidebox .item-btn{display:none}
.index-mate .info .text{width:45vw;padding:3vw 0 0}
.index-mate .info .text h3{line-height:20px;margin-bottom:5px;font-size:16px}
.index-mate .info .text p{line-height:20px;font-size:14px}
.index-custom .product{width:70vw;height:70vw}
.index-custom .option .style li{width:90px;height:90px;margin:0 5px}
.index-custom .option .patch li{width:25%;margin-bottom:2px}
.index-circle .cont .pic{float:none;width:100%;margin-bottom:15px}
.index-circle .cont .text{float:none;width:100%}
.index-fun .pic,.index-fun .text{float:none;width:auto}
.index-products .cont ul{width:100%;justify-content:space-between}
.index-products .cont li{width:48%;margin:0 0 4%}
.index-products .cont li .pic .dg-slide{width:18.16vw;height:12.265vw;margin-left:-9.08vw}
.index-agent .cont ul{flex-wrap:wrap}
.index-agent .cont li{width:48%;margin:0 0 4%}
.index-jointly .text{float:none;width:100%;margin-bottom:15px}
.index-jointly .pic{float:none;width:100%}
.index-cate ul{flex-wrap:wrap}
.index-cate li{width:50%;height:87vw}
.index-cate li a{padding-top:60vw}
.index-cate li .text{top:30vw}
.index-cate li .text h3{line-height:20px;font-size:16px}
.index-cate li:hover .text{transform:translateY(-15vw)}
.main-customcap .product{width:70vw;height:70vw}
.main-customcap .option .style li{width:90px;height:90px;margin:0 5px}
.main-customcap .option .patch li{width:25%;margin-bottom:2px}
.main-custombadge .product{width:80vw;height:51.9248vw}
.main-custombadge .product p{font-size:12px}
.main-custombadge .product .container{border-radius:2.24vw}
.main-custombadge .product .container .logo{left:4vw;top:5.28vw;width:7.788vw}
.main-custombadge .product .container .ico{width:67.78vw;height:67.78vw;margin:-33.89vw 0 0 -33.89vw}
.main-custombadge .product .container.squ{left:14vw;width:51.9248vw;height:51.9248vw}
.main-custombadge .product .container.rec{width:80vw;height:45.536vw}
.main-custombadge .product .container:before{left:1.2vw;top:1.2vw;width:calc(100% - 2.35vw);height:calc(100% - 2.35vw);border-radius:2vw}
.main-custombadge .product .container:after{border-radius:2.24vw}
.main-custombadge .option .emoji li{width:24vw;height:50vw;margin:0 2vw 0 0}
.main-custombadge .option .emoji li .imc{width:24vw;height:24vw;margin:0 0 2vw}
.main-custombadge .option .emoji .pos{width:76.5vw}
.main-custombadge .option .emoji .ebox span{line-height:7vw;margin-top:-3.5vw;font-size:7vw}
.main-custombadge .option .back li{width:25%}
.main-brand .story .text,.main-brand .story .pic,.main-brand .idea .text,.main-brand .idea .pic,.main-craftsmanship .advantage .item .pic,.main-craftsmanship .advantage .item .text{float:none;width:100%}
.main-agent .message .box{float:none;width:100%;margin:0}
.main-agent .advantage ul{flex-wrap:wrap}
.main-agent .advantage li{width:48%;margin:0 0 4%}
.main-agent .cando .cont{display:block}
.main-agent .cando .cont .item{width:100%;margin-bottom:20px}
.main-agent .cando .cont .item .pic .dg-slide{width:12.25vw;height:12.25vw;margin-left:-6.125vw}
.main-agent .cando .cont .item .pic .slide-btn span{line-height:6vw;font-size:6vw}
.main-agent .cando .cont .item .pic .slide-btn .prev{margin-right:3vw}
.main-agent .eligibility .cont{display:block}
.main-agent .eligibility .cont .item{width:100%;margin-bottom:15px}
.list-blog .year span{padding:10px 8px;margin-right:5px}
.list-blog .cont li{padding:15px 0}
.list-blog .cont li .text h3{line-height:20px;font-size:14px;-webkit-line-clamp:4}
.list-blog .cont li .text p{display:none}
.main-blog{padding:4vw 0}
.main-blog .func .share{float:none;display:flex}
.main-contact .way{padding:95vw 0 5vw;background-size:100% auto}
.main-contact .way .info{width:100%}
.main-contact .message .box{float:none;width:100%;margin:0}
.main-faq .catebox{display:none}
.main-faq .list{width:100%}
.main-ship h1 br{display:none}
.main-ship p{line-height:20px;font-size:14px}
.main-ship .fast ul{display:block}
.main-ship .fast li{width:100%;padding:0!important;margin-bottom:20px}
.main-ship .fast li .text{position:static;height:auto;padding-top:5px}
.main-ship .fast li .text .box{position:static;transform:translateY(0)}
.main-ship .step ul{display:block}
.main-ship .step li{width:100%;margin-bottom:15px}
.main-ship .return p{margin-bottom:20px}
.main-wword{padding:30px 0}
.pabox li{width:50px;}
.patch1 li{width:60px;}
.main-products{padding:20px 0 40px;}
.main-products .overview .main-width{display:block;}
.main-products .overview .slide-pro{width:92vw;margin-bottom:20px;}
.main-products .overview .slide-pic{width:78vw;height:78vw;}
.main-products .overview .slide-pic li{width:78vw;height:78vw;}
.main-products .overview .slide-dot{width:12vw;height:78vw;padding-left:4px;}
.main-products .overview .slide-dot li{width:11vw;height:11vw;}
.main-products .overview .slide-dot::-webkit-scrollbar{width:2px;height:2px;}
.main-products .overview .slide-dot::-webkit-scrollbar-thumb{width:2px;height:2px;border-radius:2px;}
.main-products .overview .text{width:92vw;}
.patch-game{padding:6.2vw;}
.patch-game .bg{padding:3.6vw 0;border-radius:3vw;}
.patch-game .bg .list{width:80.4vw;height:147.52vw;}
.patch-game .bg .list li{width:13.28vw;height:13.28vw;border-radius:2vw;}
.patch-game .bg .list li:nth-child(1){top:0;left:16.78vw;}
.patch-game .bg .list li:nth-child(2){top:0;left:33.56vw;}
.patch-game .bg .list li:nth-child(3){top:0;left:50.34vw;}
.patch-game .bg .list li:nth-child(4){top:0;left:67.12vw;}
.patch-game .bg .list li:nth-child(5){top:16.78vw;left:67.12vw;}
.patch-game .bg .list li:nth-child(6){top:33.56vw;left:67.12vw;}
.patch-game .bg .list li:nth-child(7){top:50.34vw;left:67.12vw;}
.patch-game .bg .list li:nth-child(8){top:67.12vw;left:67.12vw;}
.patch-game .bg .list li:nth-child(9){top:83.9vw;left:67.12vw;}
.patch-game .bg .list li:nth-child(10){top:100.68vw;left:67.12vw;}
.patch-game .bg .list li:nth-child(11){top:117.46vw;left:67.12vw;}
.patch-game .bg .list li:nth-child(12){top:134.24vw;left:67.12vw;}
.patch-game .bg .list li:nth-child(13){top:134.24vw;left:50.34vw;}
.patch-game .bg .list li:nth-child(14){top:134.24vw;left:33.56vw;}
.patch-game .bg .list li:nth-child(15){top:134.24vw;left:16.78vw;}
.patch-game .bg .list li:nth-child(16){top:134.24vw;left:0;}
.patch-game .bg .list li:nth-child(17){top:117.46vw;left:0;}
.patch-game .bg .list li:nth-child(18){top:100.68vw;left:0;}
.patch-game .bg .list li:nth-child(19){top:83.9vw;left:0;}
.patch-game .bg .list li:nth-child(20){top:67.12vw;left:0;}
.patch-game .bg .list li:nth-child(21){top:50.34vw;left:0;}
.patch-game .bg .list li:nth-child(22){top:33.56vw;left:0;}
.patch-game .bg .list li:nth-child(23){top:16.78vw;left:0;}
.patch-game .bg .list li:nth-child(24){top:0;left:0;}
.patch-game .bg .cont{width:46.84vw;height:113.96vw;overflow:visible;}
.patch-game .bg .cont .patchbox{width:46.84vw;height:26.67vw;border-radius:2vw;overflow:hidden;}
.patch-game .bg .cont .patchbox .logo{left:2.42vw;top:3.12vw;width:4.6vw;}
.patch-game .bg .cont .patchbox .ico{width:40vw;height:40vw;margin:-20vw 0 0 -20vw;}
.patch-game .bg .cont .patchbox:before{top:0.7vw;left:0.7vw;width:calc(100% - 1.4vw);height:calc(100% - 1.4vw);border-width:1px;border-radius:1.5vw;}
.patch-game .bg .cont .patchbox:after{border-width:1px;border-radius:2vw;}
.patch-game .bg .cont .text{margin:0;padding-top:3.5vw;}
.patch-game .bg .cont .text img{width:100%;height:auto;margin-bottom:3vw;}
.patch-game .bg .cont .text .pc{display:none;}
.patch-game .bg .cont .text .mob{display:block;}
.patch-game .bg .cont .text .sbtn{width:100%;line-height:7vw;font-size:5vw;}
.patch-game .bg:before{right:50%;width:47vw;margin-right:-23.5vw;}
.patch-game .light li:before{content:"";position:absolute;width:3.8vw;height:3.8vw;margin:-1.9vw 0 0 -1.9vw;}
.patch-game .light li:after{content:"";position:absolute;width:3.8vw;height:3.8vw;margin:-1.9vw 0 0 -1.9vw;}
.patch-game .light li:nth-child(1):before{top:3.1vw;left:3.1vw;}
.patch-game .light li:nth-child(1):after{top:3.1vw;left:13.52vw}
.patch-game .light li:nth-child(2):before{top:3.1vw;left:23.94vw;}
.patch-game .light li:nth-child(2):after{top:3.1vw;left:34.36vw;}
.patch-game .light li:nth-child(3):before{top:3.1vw;left:44.78vw;}
.patch-game .light li:nth-child(3):after{top:3.1vw;left:55.2vw;}
.patch-game .light li:nth-child(4):before{top:3.1vw;left:65.62vw;}
.patch-game .light li:nth-child(4):after{top:3.1vw;left:76.04vw;}
.patch-game .light li:nth-child(5):before{top:3.1vw;left:86.46vw;}
.patch-game .light li:nth-child(5):after{top:3.1vw;left:96.88vw;}
.patch-game .light li:nth-child(6):before{top:13.1575vw;left:96.9vw;}
.patch-game .light li:nth-child(6):after{top:23.215vw;left:96.9vw;}
.patch-game .light li:nth-child(7):before{top:33.2725vw;left:96.9vw;}
.patch-game .light li:nth-child(7):after{top:43.33vw;left:96.9vw;}
.patch-game .light li:nth-child(8):before{top:53.3875vw;left:96.9vw;}
.patch-game .light li:nth-child(8):after{top:63.445vw;left:96.9vw;}
.patch-game .light li:nth-child(9):before{top:73.5025vw;left:96.9vw;}
.patch-game .light li:nth-child(9):after{top:83.56vw;left:96.9vw;}
.patch-game .light li:nth-child(10):before{top:93.6175vw;left:96.9vw;}
.patch-game .light li:nth-child(10):after{top:103.675vw;left:96.9vw;}
.patch-game .light li:nth-child(11):before{top:113.7325vw;left:96.9vw;}
.patch-game .light li:nth-child(11):after{top:123.79vw;left:96.9vw;}
.patch-game .light li:nth-child(12):before{top:133.8475vw;left:96.9vw;}
.patch-game .light li:nth-child(12):after{top:143.905vw;left:96.9vw;}
.patch-game .light li:nth-child(13):before{top:153.9625vw;left:96.9vw;}
.patch-game .light li:nth-child(13):after{top:164.02vw;left:96.9vw;}
.patch-game .light li:nth-child(14):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:3.1vw;left:86.46vw;}
.patch-game .light li:nth-child(14):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:3.1vw;left:76.04vw;}
.patch-game .light li:nth-child(15):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:3.1vw;left:65.62vw;}
.patch-game .light li:nth-child(15):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:3.1vw;left:55.2vw;}
.patch-game .light li:nth-child(16):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:3.1vw;left:44.78vw;}
.patch-game .light li:nth-child(16):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:3.1vw;left:34.36vw;}
.patch-game .light li:nth-child(17):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:3.1vw;left:23.94vw;}
.patch-game .light li:nth-child(17):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:3.1vw;left:13.52vw;}
.patch-game .light li:nth-child(18):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:3.1vw;left:3.1vw;}
.patch-game .light li:nth-child(18):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:13.1575vw;left:3.1vw;}
.patch-game .light li:nth-child(19):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:23.215vw;left:3.1vw;}
.patch-game .light li:nth-child(19):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:33.2725vw;left:3.1vw;}
.patch-game .light li:nth-child(20):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:43.33vw;left:3.1vw;}
.patch-game .light li:nth-child(20):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:53.3875vw;left:3.1vw;}
.patch-game .light li:nth-child(21):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:63.445vw;left:3.1vw;}
.patch-game .light li:nth-child(21):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:73.5025vw;left:3.1vw;}
.patch-game .light li:nth-child(22):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:83.56vw;left:3.1vw;}
.patch-game .light li:nth-child(22):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:93.6175vw;left:3.1vw;}
.patch-game .light li:nth-child(23):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:103.675vw;left:3.1vw;}
.patch-game .light li:nth-child(23):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:113.7325vw;left:3.1vw;}
.patch-game .light li:nth-child(24):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:123.79vw;left:3.1vw;}
.patch-game .light li:nth-child(24):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:133.8475vw;left:3.1vw;}
.patch-game .light li:nth-child(25):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:143.905vw;left:3.1vw;}
.patch-game .light li:nth-child(25):after{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:153.9625vw;left:3.1vw;}
.patch-game .light li:nth-child(26):before{top:initial;margin-top:0;margin-bottom:-1.9vw;bottom:164.02vw;left:3.1vw;}
.patch-game .light li:nth-child(26):after{display:none;}
.patch-game .light li:nth-child(27):before{display:none;}
.patch-game .light li:nth-child(27):after{display:none;}
.patch-game .light li:nth-child(28):before{display:none;}
.patch-game .light li:nth-child(28):after{display:none;}
.main-result .info{padding:0 15px;box-sizing:border-box;}
.main-result .tip br{display:none;}
.main-cart{padding:40px 0;}
.main-cart .cont table td{text-align:center;}
.main-cart .cont table td .pro{display:block;text-align:left;}
.main-cart .cont table td .pro .pic{margin:0 0 10px;}
.main-cart .cont table td .pro .info h3{line-height:25px;margin-bottom:5px;font-size:16px;font-weight:bold;}
.main-cart .cont table td .pro .info p{line-height:20px;font-size:14px;}
.main-cart .cont table th{text-align:center;}
.main-cart .cont table th.box-pro{width:27%;text-align:left;}
.main-cart .cont table th.box-price{width:15%;}
.main-cart .cont table th.box-count{width:20%;}
.main-cart .cont table th.box-total{width:15%;}
.main-cart .cont table th.box-func{width:10%;}
.main-cart .cont .checkout .subtotal strong{margin-right:20px;}
.main-checkout .receipt dd .pcadd{display:block;}
.main-checkout .receipt dd .pcadd > div{width:100%;}
.main-checkout .prolist table td{text-align:center;}
.main-checkout .prolist table td .pro{display:block;text-align:left;}
.main-checkout .prolist table td .pro .pic{margin:0 0 10px;}
.main-checkout .prolist table td .pro .info h3{line-height:25px;margin-bottom:5px;font-size:16px;font-weight:bold;}
.main-checkout .prolist table td .pro .info p{line-height:20px;font-size:14px;}
.main-checkout .prolist table th{text-align:center;}
.main-checkout .prolist table th.box-pro{width:27%;text-align:left;}
.main-checkout .prolist table th.box-price{width:15%;}
.main-checkout .prolist table th.box-count{width:20%;}
.main-checkout .prolist table th.box-total{width:15%;}
.main-checkout .prolist table th.box-func{width:10%;}
.main-checkout .prolist .subtotal strong{margin-right:20px;}
.main-checkout .prolist .payway span{min-width:150px;margin-bottom:10px;text-align:center;}
}