.cart,.coating{position:fixed;top:0;left:0;width:100%;height:100vh}.cart .coating{background-color:#0035003d}.cart .cart-detail{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;right:-500px;background-color:#fff;padding:20px;width:500px;height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;animation:cart-smooth .2s linear forwards}.cart .cart-detail .cart-title{margin-bottom:20px;text-align:center}.cart .cart-detail .prod-list{flex:1;width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.cart .cart-detail .prod-list .card{display:flex;gap:2%;margin:10px 0;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.3490196078);height:100px}.cart .cart-detail .prod-list .card .card-img{height:100%}.cart .cart-detail .prod-list .card .card-img img{aspect-ratio:1;height:100%;object-fit:cover;object-position:-20% 0;border-radius:6px}.cart .cart-detail .prod-list .card .infor{flex:1;display:grid;grid-template-columns:10fr 1fr;letter-spacing:.5px}.cart .cart-detail .prod-list .card .infor .title{grid-column:1/3}.cart .cart-detail .prod-list .card .infor .des{font-weight:500}.cart .cart-detail .prod-list .card .infor .icon-recycle-bin img{width:15px}.cart .cart-detail .pay{display:flex;justify-content:space-between;align-items:center;width:100%}.cart .cart-detail .pay .total{font-weight:700}.cart .cart-detail .pay .btn{background-color:#003500;padding:10px 40px;border-radius:25px;font-weight:600;color:#fff}.cart .cart-detail .pay .btn:hover{transition:all .2s linear;box-shadow:3px 3px 5px #cbcbcb;transform:translate(-1px,-1px)}.cart .cart-detail .pay .btn:active{box-shadow:unset;transform:unset}@keyframes cart-smooth{0%{right:-500px}to{right:0}}.header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;left:0;z-index:1000;background-color:#fff;height:70px;width:100%;padding:0 calc(50% - 600px);box-shadow:2px 2px 2px #e6e6e6}.header .logo{display:flex;justify-content:space-between;align-items:center;gap:15px}.header .logo_img img{height:40px}.header .logo_name{font-weight:700;font-size:20px;width:170px}.header .navigation{display:flex;align-items:center;justify-content:space-between;flex-basis:400px;font-weight:500}.header .navigation .hover-handle-nav-t2:hover~.nav-t2,.header .navigation .nav-t2:hover{display:flex}.header .navigation .nav-t1{text-decoration:unset;font-size:18px;font-weight:600;color:#000}.header .navigation .nav-t2{display:none;justify-content:space-between;position:absolute;top:70px;left:50%;transform:translate(-50%);background-color:#fff;width:1000px;padding:20px 30px;box-shadow:0 0 5px #00000035;border-radius:12px}.header .navigation .nav-t2:after{content:"";position:absolute;bottom:100%;left:0;width:100%;height:30px}.header .navigation .nav-t2 .nav-list{display:flex;gap:5%;flex:0 1 90%;flex-wrap:wrap}.header .navigation .nav-t2_menu{width:200px}.header .navigation .nav-t2_menu_category{margin-bottom:10px;font-size:18px;font-weight:600}.header .navigation .nav-t2_menu_collection_opt{font-weight:500;font-size:14px;letter-spacing:1px;line-height:25px;padding-left:10px;cursor:default}.header .navigation .nav-t2 .nav-shop-all{display:flex;flex-direction:column;align-items:center}.header .navigation .nav-t2 .nav-shop-all img{height:300px;border-radius:12px}.header .navigation .nav-t2 .nav-shop-all p{font-size:18px;margin:10px auto}.header .feature{display:flex;justify-content:flex-end;align-items:center;gap:20px;position:relative;margin-right:20px}.header .feature_personal:hover .feature_personal_sel{display:block}.header .feature_personal_sel{display:none;position:absolute;top:52px;right:0;background-color:#fff;padding:10px 15px;border-radius:6px;text-align:center;box-shadow:0 0 2px #38383856}.header .feature_personal_sel .opt{padding:5px 10px}.header .feature_personal_sel .opt:hover{background-color:#eee}.header .feature_personal_sel:after{content:"";position:absolute;bottom:100%;left:0;width:80%;height:50px}.header .feature .feature-img{height:20px}.header .feature_search .search-header{padding:5px 20px;border-top:unset;border-bottom:1px black solid;border-right:unset;border-left:unset;outline:unset;font-size:15px}.footer{display:flex;flex-direction:column;align-items:center;width:100%}.footer_top{display:flex;justify-content:space-between;align-items:center;padding:0 calc(50% - 600px);height:80px;width:100%;border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15)}.footer_top_icon{display:flex;gap:12px}.footer_top img{max-height:30px;cursor:pointer}.footer_mid{display:flex;justify-content:space-between;align-items:start;width:1200px;padding:30px 0}.footer_mid>div{display:flex;flex-direction:column;align-items:center;width:33%}.footer_mid>div p{text-align:center}.footer_mid p{font-size:14px;width:350px}.footer_mid img{margin-top:12px;height:40px}.footer_bot{padding:10px;width:100%;border:1px solid rgba(0,0,0,.15);text-align:center;color:#00000080;font-size:12px;font-weight:500}.slider{position:relative;padding:40px 0;margin:10px 10%;border-radius:6px;width:1200px}.slider_btn{display:flex;justify-content:center;align-items:center;position:absolute;bottom:40px;right:1.5%;width:70px;height:70px;border-radius:50%;transition:all .2s linear}.slider_btn:hover{background-color:#cec3ba7b;right:1%}.slider_btn img{width:22px;border-radius:50%}.slider .contain{display:flex;gap:3%}.slider .contain_img{flex:1 0 50%;display:flex;gap:25px}.slider .contain_img img{opacity:0;width:30%;border-radius:6px}.slider .contain_img .animation-img{animation-delay:.2s;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:forwards}.slider .contain_img .up{animation-name:img-up}.slider .contain_img .down{animation-name:img-down}.slider .contain_content .title{font-size:25px;margin:10px 0 20px;opacity:.8;letter-spacing:1px;opacity:0;animation:content-left .5s .7s linear forwards}.slider .contain_content .des{font-size:16px;opacity:0;animation:content-left .5s 1.2s linear forwards}@keyframes img-up{0%{transform:translateY(-10px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes img-down{0%{transform:translateY(30px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes content-left{0%{transform:translate(30px);opacity:.7}to{transform:translate(0);opacity:1}}.collections{display:flex;justify-content:space-between;align-items:start;width:100%;padding:60px calc(50% - 600px);border-top:1px solid rgba(0,0,0,.15)}.collections .collection{width:32%;padding:10px;border-radius:23px}.collections .collection:hover{transition:all .15s linear;box-shadow:0 0 5px #00000035}.collections .collection img{aspect-ratio:3/4;width:100%;border-radius:18px}.collections .collection .title{margin:10px 0 20px;font-size:30px;text-align:center;letter-spacing:1px}.collections .collection .des{text-align:center;font-size:22px;letter-spacing:.5px}.productcard{flex:1 1 0;position:relative;min-height:400px;padding:5px 5px 20px;border-radius:14.5px;overflow:hidden}.productcard:hover{transition:all .2s linear;box-shadow:0 0 5px #00000035}.productcard img{aspect-ratio:35/53;width:100%;border-radius:12px}.productcard .title{text-align:center;margin:20px 20px 0;font-size:18px;color:#3e3e3e;height:52px;line-height:26px;overflow:hidden}.productcard .price{text-align:center;margin-bottom:0}.hotproducts{width:100%}.hotproducts_list{width:1200px;margin:30px auto 60px;display:flex;justify-content:space-between;gap:2%}.new-prod{display:flex;flex-direction:column;justify-content:start;gap:100px;margin-bottom:100px;width:100%}.new-prod .prod-of-type{display:flex;gap:20px;padding:20px calc(50% - 600px)}.new-prod .prod-of-type .banner{flex:1}.new-prod .prod-of-type .banner img{width:100%;border-radius:18px}.new-prod .prod-of-type .list{display:flex;gap:20px;width:51%}.news{width:100%}.news_list{padding:2% calc(50% - 600px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:2%}.news_list .news-cpn{padding:10px;width:100%;border-radius:12px}.news_list .news-cpn:hover{box-shadow:0 0 5px #00000035}.news_list .news-cpn_img{width:100%}.news_list .news-cpn_img img{margin:5%;width:90%;border-radius:6px}.news_list .news-cpn .title,.news_list .news-cpn .des{box-sizing:unset;margin:0 5% 5px;padding-top:5px}.news_list .news-cpn .title{line-height:18px;height:40px;overflow:hidden}.homepage{display:flex;flex-direction:column;align-items:center;width:100%;opacity:0;animation:start-page .5s .2s linear forwards}.homepage .header-title{background-color:#e6e6e6;padding:20px;width:100%;text-align:center}.homepage .section-title{padding:30px 0;width:100%;text-align:center;font-size:30px;letter-spacing:1.5px;border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15)}.shoppage_path{background-color:#e6e6e6;padding:15px calc(50% - 600px);width:100%;font-size:14px;font-weight:500}.shoppage_filter{display:flex;align-items:center;gap:10px;position:sticky;top:70px;left:0;z-index:999;background-color:#fff;padding:15px calc(50% - 600px);border-top:1px solid rgb(230,230,230);border-bottom:1px solid rgb(230,230,230)}.shoppage_filter .select{display:flex;align-items:center;position:relative;height:36px;border:2px solid rgba(0,0,0,.3960784314);border-radius:6px;padding:0 10px 0 20px;font-size:12px;cursor:pointer}.shoppage_filter .select:hover p{transition:all .2s linear;opacity:.8}.shoppage_filter .select p{display:flex;align-items:center;letter-spacing:1px;font-weight:500;opacity:.7}.shoppage_filter .select .select-name{padding-right:10px;margin-right:10px;border-right:1px solid rgba(0,0,0,.3960784314)}.shoppage_filter .select .dropdown-icon{width:10px;height:5px;border-top:5px solid black;border-left:5px solid transparent;border-right:5px solid transparent;opacity:.7}.shoppage_filter .select .dropdown-icon:hover{transition:all .2s linear;opacity:.8}.shoppage_filter .select .opt-list{display:none;position:absolute;top:110%;left:0;width:100%;padding:10px;border:2px solid rgba(0,0,0,.3450980392);border-radius:6px}.shoppage_product-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0 2%;min-height:100vh;padding:20px calc(50% - 600px);opacity:0;animation:start-page .5s .2s linear forwards}.shoppage_product-list .productcard{margin-bottom:20px}@keyframes start-page{0%{opacity:0}to{opacity:1}}.productpage_path{background-color:#e6e6e6;padding:15px calc(50% - 600px);width:100%;font-size:14px;font-weight:500}.productpage_prod-detail{display:flex;justify-content:space-between;gap:5%;padding:2% calc(50% - 600px)}.productpage_prod-detail .prod-img{display:flex;align-items:flex-start;gap:5%;flex:0 1 58%}.productpage_prod-detail .prod-img .img-list{display:flex;flex-direction:column;flex:0 1 20%}.productpage_prod-detail .prod-img .img-list .img{position:relative;aspect-ratio:1;width:100%;object-fit:cover;object-position:-20% 0;margin-bottom:10px;overflow:hidden}.productpage_prod-detail .prod-img img{border-radius:12px}.productpage_prod-detail .prod-img .main-img{position:relative;flex:0 1 85%;overflow:hidden;min-height:630px}.productpage_prod-detail .prod-img .main-img img{width:100%}.productpage_prod-detail .prod-infor{flex:0 1 40%}.productpage_prod-detail .prod-infor .title{font-size:28px}.productpage_prod-detail .prod-infor .id{margin:5px 0 20px;font-size:14px;color:#807878}.productpage_prod-detail .prod-infor .price{font-size:24px}.productpage_prod-detail .prod-infor .size{margin-top:10px}.productpage_prod-detail .prod-infor .size p{font-size:16px;margin-bottom:10px}.productpage_prod-detail .prod-infor .size input{display:none}.productpage_prod-detail .prod-infor .size input:checked+label{border:2px solid green;color:green;opacity:1}.productpage_prod-detail .prod-infor .size label{margin-right:10px;padding:3px 15px;border:2px solid #000;border-radius:6px;font-size:12px;font-weight:700;opacity:.7;cursor:pointer}.productpage_prod-detail .prod-infor .warehouse{margin:15px 0 10px}.productpage_prod-detail .prod-infor .set-quantity-cart{display:flex;justify-content:space-between;gap:2%}.productpage_prod-detail .prod-infor .set-quantity-cart .setquantity{display:flex;justify-content:space-between;align-items:center;border:2px solid #000;border-radius:16px;width:150px}.productpage_prod-detail .prod-infor .set-quantity-cart .setquantity span{text-align:center;font-weight:500}.productpage_prod-detail .prod-infor .set-quantity-cart .setquantity .num{border-left:1.5px solid #000;border-right:1.5px solid #000;flex:2;line-height:15px}.productpage_prod-detail .prod-infor .set-quantity-cart .setquantity .btn{flex:1;font-weight:700}.productpage_prod-detail .prod-infor .set-quantity-cart .set-btn{display:flex;justify-content:center;align-items:center;height:30px;width:200px;border:2px solid #000;border-radius:16px}.productpage_prod-detail .prod-infor .set-quantity-cart .set-btn img{height:60%}.productpage_prod-detail .prod-infor .set-quantity-cart .set-btn:hover{transition:all .2s linear;box-shadow:3px 3px 5px #cbcbcb;transform:translate(-1px,-1px)}.productpage_prod-detail .prod-infor .set-quantity-cart .set-btn:active{box-shadow:unset;transform:unset}.productpage_prod-detail .prod-infor .set-quantity-cart .set-buy{flex:2;background-color:#003400;border-color:#003400;color:#f0f8ff;font-weight:500}.productpage_prod-detail .prod-infor .services{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.3490196078);border-bottom:1px solid rgba(0,0,0,.3490196078);margin:30px 0}.productpage_prod-detail .prod-infor .services_child{display:flex;justify-content:center;align-items:center;gap:12px;height:50px;margin:5px}.productpage_prod-detail .prod-infor .services_child img{height:60%}.productpage_prod-detail .prod-infor .services_child p{display:flex;flex-direction:column;justify-content:center;font-size:11px}.productpage_prod-detail .prod-infor .policy{margin-top:-10px}.productpage_list{width:100%;padding:10px calc(50% - 600px);min-height:453px}.productpage_list>.title{margin:20px 0;padding:20px 2px 10px;border-bottom:1px solid rgba(0,0,0,.3490196078);width:100%;font-size:25px}.productpage_list .list{display:grid;grid-template-columns:repeat(4,1fr);gap:1%}.newspage_slide{margin-top:5px;padding:0 calc(50% - 600px);width:100%}.newspage_slide .slide{position:relative;width:100%;padding:0 calc(50% - 600px);animation:newSlideStart 5s 0s linear forwards}.newspage_slide .slide img{width:1200px;height:800px}.newspage_slide .slide .short-news{position:absolute;right:50px;bottom:80px;background-color:#fff;width:330px;padding:20px}.newspage_slide .slide .short-news .head-line{position:absolute;top:-15px;background-color:#000;color:#fff;font-size:14px;font-weight:400;padding:5px 10px}.newspage_slide .slide .short-news .head-line:after{content:"";position:absolute;top:100%;left:0;border-top:2px solid #000;border-left:2px solid #000;border-right:2px solid transparent;border-bottom:2px solid transparent}.newspage_slide .slide .short-news .title{font-size:16px;font-weight:700}.newspage_slide .slide .short-news .date{font-size:12px;margin:8px 0 12px}.newspage_slide .slide .short-news .short-content{margin-bottom:6px;font-size:12px}.newspage_slide .slide .short-news u{font-size:12px;font-weight:700}@keyframes newSlideStart{0%{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:1}40%{opacity:1}50%{opacity:1}60%{opacity:1}70%{opacity:1}80%{opacity:1}90%{opacity:1}to{opacity:1}}.newspage_container{display:grid;grid-template-columns:800px 380px;gap:20px;width:1200px;margin:20px auto}.newspage_container_promotional{width:800px;box-shadow:1px 1px 5px #cbcbcb}.newspage_container_promotional h2{width:100%;text-align:center;padding:20px}.newspage_container_promotional .list-promotional{display:grid;width:100%;padding:10px;grid-template-columns:1fr 1fr;gap:20px 10px;width:800px}.newspage_container_promotional .list-promotional .promotion img{width:100%;scale:.99}.newspage_container_promotional .list-promotional .promotion img:hover{transition:all .2s linear;scale:1}.newspage_container_promotional .list-promotional .promotion .title{margin:5px 0 10px;font-size:16px;font-weight:700}.newspage_container_promotional .list-promotional .promotion .content{font-size:14px}.newspage_container_news .hot-news{box-shadow:1px 1px 5px #cbcbcb;padding:20px}.newspage_container_news .hot-news h2{width:100%;margin-bottom:30px;text-align:center}.newspage_container_news .hot-news_list{width:100%}.newspage_container_news .hot-news_list_item{position:relative;width:100%;margin-bottom:20px}.newspage_container_news .hot-news_list_item img{width:100%;scale:.99}.newspage_container_news .hot-news_list_item img:hover{transition:all .2s linear;scale:1}.newspage_container_news .hot-news_list_item .item-content{position:absolute;bottom:1%;left:40%;transform:translate(-50%);background-color:#fff;padding:10px 20px;width:80%;margin-left:10%}.newspage_container_news .hot-news_list_item .item-content .title{font-size:13px}.newspage_container_news .hot-news_list_item .item-content .content{font-size:11px}.contactspage{display:grid;grid-template-columns:400px 760px;gap:40px;width:1200px;margin:60px auto}.contactspage .infor p{font-size:22px;font-weight:700;margin:0 0 20px}.contactspage .infor ul{margin:10px 0;padding:10px 20px;box-shadow:0 0 1px 1px #cbcbcb}.contactspage .infor ul li{line-height:40px}.contactspage .infor ul li:hover{text-decoration:underline;cursor:pointer}.contactspage .shop-link p{margin:10px 0}.contactspage .shop-link p a{color:#000}.contactspage .shop-link .shop-title{margin:10px 0 20px;font-size:14px;font-weight:500;letter-spacing:1px}.checkoutpage{display:flex;justify-content:center;gap:50px;min-height:600px;padding:2% 0;border-top:1px solid rgba(0,0,0,.2823529412)}.checkoutpage_cart{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px;height:600px;width:550px;border:1px solid rgb(0,53,0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;animation:cart-smooth .2s linear forwards}.checkoutpage_cart .cart-title{margin-bottom:20px;text-align:center}.checkoutpage_cart .prod-list{flex:1;width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.checkoutpage_cart .prod-list .card{display:flex;gap:2%;margin:10px 0;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.3490196078);height:100px}.checkoutpage_cart .prod-list .card .card-img{height:100%}.checkoutpage_cart .prod-list .card .card-img img{aspect-ratio:1;height:100%;object-fit:cover;object-position:-20% 0;border-radius:6px}.checkoutpage_cart .prod-list .card .infor{flex:1;display:grid;grid-template-columns:10fr 1fr}.checkoutpage_cart .prod-list .card .infor .title{grid-column:1/3}.checkoutpage_cart .prod-list .card .infor .icon-recycle-bin img{width:15px}.checkoutpage_cart .pay{display:flex;flex-direction:column;align-items:start;padding:20px 0 0 5px;width:100%;border-top:1px solid rgba(0,0,0,.3058823529)}.checkoutpage_cart .pay .total{font-weight:700}.checkoutpage .infor-custommer{width:600px}.checkoutpage .infor-custommer h2{text-align:center;margin-bottom:50px}.checkoutpage .infor-custommer .custommer-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkoutpage .infor-custommer .custommer-form #name,.checkoutpage .infor-custommer .custommer-form #address,.checkoutpage .infor-custommer .custommer-form .col12{grid-column:1/3}.checkoutpage .infor-custommer .custommer-form>input{padding:5px 10px;font-size:18px;border-radius:6px;outline:unset;border:2px solid rgba(0,0,0,.5333333333)}.checkoutpage .infor-custommer .custommer-form .pay-method{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:20px}.checkoutpage .infor-custommer .custommer-form .pay-method ul{display:flex;flex-direction:column;gap:15px}.checkoutpage .infor-custommer .custommer-form .pay-method ul li input{margin:0 10px}.checkoutpage .infor-custommer .custommer-form .pay-method_online{display:flex;gap:20px}.checkoutpage .infor-custommer .custommer-form .pay-method_online img{width:50px;border-radius:6px;object-fit:cover;object-position:0 50%;box-shadow:0 0 5px #b2b2b2}.checkoutpage .infor-custommer .custommer-form .btn-checkout{display:flex;justify-content:end;gap:10px;margin-top:50px}.checkoutpage .infor-custommer .custommer-form .btn-checkout .btn{background-color:#003500;padding:10px 20px;border:unset;outline:unset;border-radius:8px;color:#fff;font-weight:500;font-size:16px}.checkoutpage .infor-custommer .custommer-form .btn-checkout .btn:hover{transition:all .2s linear;box-shadow:3px 3px 5px #cbcbcb;transform:translate(-1px,-1px)}.checkoutpage .infor-custommer .custommer-form .btn-checkout .btn:active{box-shadow:unset;transform:unset}.checkoutpage .QRcode{position:fixed;top:0;left:0;width:100vw;height:100vh}.checkoutpage .QRcode_coating{width:100%;height:100%;background-color:#0035003d}.checkoutpage .QRcode img{position:absolute;top:50%;left:50%;height:50%;border-radius:24px;animation:startQR .2s linear forwards;opacity:0}@keyframes startQR{0%{opacity:0;transform:translate(-50%,-70%)}to{opacity:1;transform:translate(-50%,-50%)}}.contain-auth{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:1001;background-color:#fff;height:100vh;width:100vw}.contain-auth .title-login{background-color:#000;width:400px;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;color:#fff;line-height:60px;font-size:26px;font-weight:600;letter-spacing:2px}.contain-auth .login{display:flex;flex-direction:column;gap:10px;padding:10px 20px;align-items:start;width:400px;border:1px solid #000}.contain-auth .login>label{font-size:15px;margin:10px 2px -5px}.contain-auth .login>input{width:100%;height:40px;border-radius:4px;padding:5px 10px}.contain-auth .login .login-feature{display:flex;justify-content:space-between;align-items:center;padding:5px 2px;width:100%;font-size:14px}.contain-auth .login .login-feature div{display:flex;align-items:center;gap:5px}.contain-auth .login .btn-login{background-color:#000;width:100%;height:40px;color:#fff;font-size:16px;font-weight:600;border:unset;border-radius:4px;outline:unset;box-shadow:3px 3px 3px #8a8a8a}.contain-auth .login .go-to-register{display:flex;justify-content:center;align-items:center;gap:2px;width:100%;font-size:14px}.contain-auth .login .login-2nd{display:flex;justify-content:center;align-items:center;gap:40px;width:100%;margin:20px 0}.contain-auth .login .login-2nd img{width:30px;height:30px;border-radius:50%;outline:10px rgba(128,128,128,.147) solid;cursor:pointer}.contain-auth .title-register{background-color:#000;width:770px;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;color:#fff;line-height:60px;font-size:26px;font-weight:600;letter-spacing:2px}.contain-auth .register{width:770px;display:flex;flex-direction:column;gap:10px;padding:10px 20px;align-items:start;border:1px solid #000}.contain-auth .register_input{display:flex;gap:10px}.contain-auth .register_input>div{display:flex;flex-direction:column;gap:10px;width:360px}.contain-auth .register_input>div>label{font-size:15px;margin:10px 2px -5px}.contain-auth .register_input>div>input{width:100%;height:40px;border-radius:4px;padding:5px 10px}.contain-auth .register_term{display:flex;gap:5px;margin-left:2px;font-size:14px;font-weight:600}.contain-auth .register .btn-register{background-color:#000;width:100%;height:40px;color:#fff;font-size:16px;font-weight:600;border:unset;outline:unset;border-radius:4px;box-shadow:3px 3px 3px #8a8a8a}.contain-auth .register .go-to-login{margin:5px auto;font-size:14px}.userpage{display:grid;grid-template-columns:230px 900px;gap:20px;width:1200px;margin:30px auto 60px;padding:0 20px}.userpage .sidebar_avt{display:flex;align-items:center;gap:10px;margin-bottom:10px}.userpage .sidebar_avt img{width:50px;height:50px;border:1px solid black;border-radius:50%}.userpage .sidebar_avt_username{display:flex;flex-direction:column}.userpage .sidebar_avt_username p:first-child{font-weight:700}.userpage .sidebar_avt_username p:last-child{margin-top:10px;font-size:12px;font-weight:700;opacity:.6;cursor:pointer}.userpage .sidebar ul li{line-height:40px;font-weight:600;color:#000000c4}.userpage .sidebar ul li:hover{transition:.2s all linear;color:#05af05;cursor:pointer}.userpage .sidebar ul ul li{margin-left:20px;font-size:14px}.userpage .board{padding:20px;box-shadow:0 0 3px #cbcbcb}.userpage .board .profile_header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #c0c0c0}.userpage .board .profile_header p:first-child{font-size:18px;font-weight:600}.userpage .board .profile_header p:last-child{font-size:14px}.userpage .board .profile_form{display:grid;grid-template-columns:130px 450px 240px;gap:10px}.userpage .board .profile_form .label-list{display:grid;grid-auto-rows:30px;gap:10px}.userpage .board .profile_form .label-list label,.userpage .board .profile_form .label-list p{height:100%;font-size:16px;text-align:right}.userpage .board .profile_form .input-list{display:grid;grid-template-columns:1fr;grid-auto-rows:30px;gap:10px;align-self:center;margin-left:30px;border-right:1px solid #c0c0c0}.userpage .board .profile_form .input-list input:not([type=radio]){width:300px;padding:5px;border-radius:4px;border:1px solid #000}.userpage .board .profile_form .infor_avt{display:flex;flex-direction:column;align-items:center;gap:20px}.userpage .board .profile_form .infor_avt_img{width:150px;height:150px;border-radius:50%;aspect-ratio:1;border:1px solid rgba(0,0,0,.5254901961);background-size:cover}.userpage .board .profile_form .infor_avt input{display:none}.userpage .board .profile_form .infor_avt label{width:100px;line-height:40px;text-align:center;font-size:14px;font-weight:700;box-shadow:0 0 3px #cbcbcb;cursor:pointer}.userpage .board .profile_form .infor_avt p{font-size:12px;margin-top:10px;opacity:.6}.userpage .board .profile_form .infor_list_btn{background-color:#000;width:100px;border:unset;border-radius:4px;outline:unset;font-size:14px;font-weight:600;color:#fff;box-shadow:0 0 3px #5e5e5e}.userpage .board .order_title{width:100%;height:40px;margin-bottom:10px;line-height:40px;font-size:18px;font-weight:700}.userpage .board .order_list_item{background-color:#e9e9e9;padding:20px;margin-bottom:20px;border-radius:4px}.userpage .board .order_list_item_header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:14px}.userpage .board .order_list_item_header>p{font-weight:700;opacity:.7}.userpage .board .order_list_item_header .state{color:green}.userpage .board .order_list_item_header .cancled{color:red}.userpage .board .order_list_item_header .oder-status{margin-left:5px;padding-left:10px;border-left:1px solid rgba(0,0,0,.2745098039)}.userpage .board .order_list_item_list{border-top:rgba(0,0,0,.3137254902) 1px solid}.userpage .board .order_list_item_list .item{display:grid;grid-template-columns:70px 1fr 200px;gap:10px;padding:10px 0;border-bottom:rgba(0,0,0,.3137254902) 1px solid}.userpage .board .order_list_item_list .item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.userpage .board .order_list_item_list .item .infor{display:flex;flex-direction:column;justify-content:space-between;font-size:12px}.userpage .board .order_list_item_list .item .infor .free{width:170px;text-align:center;color:#00805a;border:1px solid rgb(0,128,90)}.userpage .board .order_list_item_list .item .price{text-align:right;font-size:14px}.userpage .board .order_list_item_footer{font-size:14px;display:flex;justify-content:space-between;align-items:center;margin:20px 0 0}.userpage .board .order_list_item_footer .footer-btn{display:flex;gap:10px}.userpage .board .order_list .btn{padding:5px 10px;border:1px solid rgba(0,0,0,.2745098039);border-radius:4px;cursor:pointer}.userpage .board .order_list .bg-black{background-color:#000;color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{background-color:#e7e7e723}li{list-style:none}.pointer{cursor:pointer}.unselect{-webkit-user-select:none;user-select:none}a{text-decoration:none}.api-loading{position:absolute;rotate:135deg;background:#e3e3e3;height:160%;width:20%;animation:img-loading 1s 1s forwards linear infinite}@keyframes img-loading{0%{bottom:-32%;left:-100%}to{bottom:-30%;left:200%}}