body {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 100%;
    font-weight: 400;
    padding:0!important;
}
html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    /*font-family: "Avenir Next ST","Microsoft YaHei","PingFang SC",sans-serif;*/
    /*font-family: MYingHei W5,Roman-55,Microsoft Yahei,sans-serif;*/
    min-width: 320px;
}
body{
    max-width: 1920px;
    margin:0;
    margin-left: auto;
    margin-right: auto;
    background-color: #e6e6e6;
}
.store{
    background-color: #141414;
}
.store-container{
    width: 1400px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.store-container:before,.store-container:after{
    display: table;
    content: " ";
}
.store-container:after{
    clear:both;
}
@media (max-width: 1417px) and (min-width: 768px){
    .store-container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 767px){
    .store-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
/*banner*/
.shop-banner{
	height: 300px;
	position: relative;
	margin-bottom: 50px;
	overflow: hidden;
}
.shop-banner .banner-wrap{
	height: 300px;
	position: relative;
	width: 1920px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.shop-banner .banner-wrap img{
	max-width: 100%;
	max-height: 100%;
	margin: auto;
    width: auto;
    height: auto;
}
@media(max-width: 1440px){
	.shop-banner{
		margin-bottom: 40px;
	}
	.shop-banner{
		height: 225px;
	}
	.shop-banner .banner-wrap{
		width: 1440px;
		height: 225px;
	}
}
@media(max-width: 1080px){
    /*0.5625*/
    .shop-banner{
		margin-bottom: 30px;
	}
	.shop-banner{
		height: 200px;
	}
	.shop-banner .banner-wrap{
		width: 1280px;
		height: 225px;
	}
}
@media(max-width: 720px){
    /*0.375*/
    .shop-banner{
		margin-bottom: 20px;
	}
	.shop-banner{
		height: 150px;
	}
	.shop-banner .banner-wrap{
		width: 960px;
		height: 150px;
	}
}
@media(max-width: 450px){
	.shop-banner{
		height: 150px;
	}
	.shop-banner .banner-wrap{
		width: 960px;
		height: 150px;
	}
	.shop-banner{
		margin-bottom:20px;
	}
}
/*鍟嗗搧*/
.item-container{
	padding: 0;
	padding-bottom: 20px;
}
.item-wrap{
	list-style: none;
	margin:0;
	padding:0;
}
.item-cat{
	margin-bottom: 40px;
}
.item-cat:last-of-type{
	margin-bottom: 0;
}
.cat-wrap:after{
	content: "";
	display: table;
	clear: both;
}
.cat-title{
	margin:0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	padding-left: 12px;
	color: #fff;
}
.item{
	width: 25%;
	float: left;
	padding:0 10px;
	margin-top: 20px;
}
.item>a{
	display: block;
	-webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: 20px;
    overflow: hidden;
}
.item .item-box{
	border-radius: 20px;
	overflow: hidden;
}
.item .item-btn{
	display: block;
	position: absolute;
	bottom: -10px;
	transform: translateX(-50%);
	left: 50%;
	width: 144px;
	z-index: 1;
}
.item .item-btn img{
	width: 100%;
	height: auto;
}
.item>a:hover{
	text-decoration: unset;
}
.item-img{
	position: relative;
	background-color: #fff;
}
.item-img > img{
	max-width: 80%;
    max-height: 80%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
}
.item-spec{
    padding: 15px 0;
    background-color: rgb(47,48,50);
}
.item-name{
    color: #fff;
    padding: 0 15px;
    line-height: 1.5em;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    margin: 0;
}
@media(max-width: 1440px){
	.item-cat{
		margin-bottom: 30px;
	}
	.cat-title{
		font-size: 22px;
	}
	.item-name{
		font-size: 18px;
	}
	.item .item-btn{
		width: 120px;
	}
}
@media(max-width: 1080px){
	.item-cat{
		margin-bottom: 20px;
	}
	.cat-title{
		font-size: 20px;
	}
	.item-name{
		font-size: 16px;
	}
	.item{
		width: 33.3333333333333%;
		padding: 0 5px;
    	margin-top: 10px;
	}
	.item-container{
		padding-bottom: 10px;
	}
	.cat-title{
		font-size:18px;
	}
	.item-name{
	}
	.item .item-btn{
		width: 120px;
	}
}
@media(max-width: 767px){
	.item{
		width: 50%;
		padding: 0 10px;
    	margin-top: 20px;
	}
	.item-container{
		padding-bottom: 20px;
	}
	.item-name{
		font-size: 17px;
	}
	.cat-title{
		font-size:20px;
	}
	.item>a{
		border-radius: 4vw;
	}
}
@media(max-width: 450px){
	.item{
		width: 50%;
		padding: 0 5px;
    	margin-top: 10px;
	}
	.item-img > img{
		max-width: 90%;
    	max-height: 90%;
	}
	.item-container{
		padding-bottom: 10px;
	}
	.cat-title{
		font-size:14px;
		padding-left: 7px;
	}
	.cat-title{
		font-size:17px;
	}
	.item-name{
		font-size: 14px;
	}
	.item .item-btn{
		width:25vw;
	}
}
@media(min-width: 768px){
	/*.item>a:hover{
		-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	    box-shadow: 0 15px 30px rgba(0,0,0,.1);
	    -webkit-transform: translate3d(0,-2px,0);
	    transform: translate3d(0,-2px,0);
	}*/
}

/*footer*/
.sl{
	width: 60%;
	float: left;
}
.sr{
	width: 40%;
	float: right;
}
.footer{
	padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
	background: url(https://www.alldocube.com/en/wp-content/uploads/2022/01/1642844259-dsaeq3asd.png) no-repeat center;
	background-size: cover;
}
.top-f{
	padding-top: 30px;
	padding-bottom: 30px;
}
.footer .share{
	margin-top: 0;
	padding-top: 0;
}
.footer .share:after,
.footer .share .share-icons:after{
	content: '';
	display: table;
	clear: both;
}
.sb-btn-wrap{
	text-align: right;
}
.sb-btn{
	padding: 10px 20px;
	background-color: #00b0ec;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	border-radius: 10px;
}
.sb-btn:hover,
.sb-btn:focus{
	color: #fff;
	text-decoration: unset;
	background-color: #008cd6;
}
.share-title{
	margin-bottom: 15px;
	font-size: 20px;
	color: #fff;
	text-align: right;
}
.footer .map-contact .share .icon-facebook-box{
    background-color: #3c5a96;
}
.footer .map-contact .share .icon-instagram-box{
    background-color: #4a4a4a;
}
.footer .map-contact .share .icon-linkedin-box{
    background-color: #006b99;
}
.footer .map-contact .share .icon-twitter-box{
    background-color: #1cb3ea;
}
.footer .map-contact .share .icon-youtube-box{
    background-color: #e64236;
}
.footer .map-contact .share .icon-vk-box{
    background-color: #4a76a8;
}
.footer .map-contact .share .icon-tiktok-box{
    background-color: #000;
}
@media (min-width: 768px){
.footer .map-contact {
	margin: 0;
}
}
@media(max-width:1440px){
	.sb-btn{
		font-size: 20px;
	}
}
@media(max-width:1080px){
	.sb-btn{
		font-size: 18px;
	}
}
@media(max-width:767px){
	.footer .map-contact .share .share-icons {
	    float: none;
	}
	.sl{
		width: 100%;
	}
	.sr{
		width: 100%;
	}
	.sb-btn-wrap{
		text-align: center;
	}
	.share-title{
		text-align: center;
	}
}
/*modal list*/
.modal{
	overflow: visible;
	z-index: 99;
	max-width: 800px;
	padding: 0;
	width: 100%;
	height: 80%;
}
.modal-wrap{
	padding: 50px;
	overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    background-color: #f1f1f1;
}
.modal-title{
	width: 365px;
	margin: auto;
}
.link-list{
	margin: 0;
	padding: 0;
	margin-top: 50px;
}
.link{
	display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
}
.link-text{
	font-size: 20px;
	padding: 0 10px;
	width: calc(100% - 277px);
}
.link-style{
	width: 163px;
	flex: 0 0 163px;
}
.link-btn{
	width: 114px;
	flex: 0 0 114px;
	display: block;
}
.modal-title img,
.link-style img,
.link-btn img{
	width: 100%;
	height: auto;
}
.modal a.close-modal{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFREVDNUZGN0E2QjExRUM4RDdCRTA4MUU1MzI0MkM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFREVDNjAwN0E2QjExRUM4RDdCRTA4MUU1MzI0MkM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkVERUM1RkQ3QTZCMTFFQzhEN0JFMDgxRTUzMjQyQzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkVERUM1RkU3QTZCMTFFQzhEN0JFMDgxRTUzMjQyQzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7i99yUAAAFU0lEQVR42uSby0skVxSHb7uYWRgnTcYI4wwBXbgRd1n4wkmcWUx8oPgYJPkH1NVAko2atYtEwVeD4HY0uJiNg61oDDMm0waiiSNuBO2gwSgK0+0DfPR455ymKpR3bnVX3Ud3dXLgh1BWnXO+quqqU/ee6yP67ENQGehTUDGoAHQX5Ad9YOxzAoqAdkFboHXQ76AQKOokCKWUpNPugb4G/QqKYT6Cihk+0NcnyYDdSJVVgaYkIRPBo+/7XgD+DPRSA6SdXhoxhYF9gqB3QN+Dvkq0U1lZGamuribFxcWksLCQ5OfnE7/fT3JycuL/Pz4+JpFIhOzu7pKtrS2yvr5OFhYWSCgUShb/Kehb0D+p+A23Gg8a7lUASDo8PEwPDg6oqOGxgUAg7ivB1cYcWnXe0jdAQ3YJtLe30+npaaragsFg3HcCcMzppmpgvAfneQFramrozMwM1W0YA2PZQL8AfaQK+GPj3fheoIGBAZpqw5g20H9irrLAWDws836ny8vLNF2GsW1+3yuYsygw/mZ/4t3C5+fnNN12dXVFGxoaeNCY8w0R4BHWWVNTE/WaYU4c6BG3wK2sk7q6OupVw9w40I+dAmOB/8Z6cEVFBb24uPAsMOaGOTLAyHDPCfAz9myl8wHl1FZWVnhX+Vky4M/ZgwYHB2mm2NDQEA/6QSLgRevOLS0tNNMMc2aAF+2Aq9izMzs7m3HAc3NzvKtcxQOesu7U0dFBM9UwdwZ4ygTOMmDzQI+s9PX19SRTjZP7I5/Pl2fd8MR6RkpLS5UU+ycnJ0LHTk5OSsdHBuYqP7He0tceVv39/dKw6Ketrc01dF9fX/xY/CtjyMB7eJkfCNfGovb29qRhTbmBNmFNyUAjA2dsDFnJF+yXkIwhIPuUdALNwqKKioro/v6+cC6cLypkJd3WjV1dXVLACOYW2g52c3NTKpeenh7W73cI/KN148TEhPQDww20Llg0ZGF8Iyv5zbpxaWlJybvQCbROWDRkYfwjK9mxbtze3lZWACSC1g2LtrOzw8b4Oz48bN14dHSktOqxg9YNixaNRtk4R4QNrMOSQeuANY0TTz+wCY1gPODV1VUtMc/OzthY51nGlOW/htMfOmx0dJRsbGxw/9fb20tOT0+Vx4ST/N4mrQ+tRK8ekeLErYXDYTbOX9peS8nes6IVmYrXkvLCw0lRIVKRqSo8eqwbu7u7tcPKlKEqSkulHw9uKyid0HYfD0o/D0UqKB3QNp+H/iyjW+balPv4+LjwqwBn+60GsCQYDMY7AOwsOzubjI2NEQBU9kriMITgPES0DPGYgwBuKyjrlZa9pZMN8eAA16V1B9nZfIQWKRcREse0ZGAxdwYW2fLYYdrn/+Fh2ueOBuJxUDvTbH5+3vFA/P9uqgXtAXt2cIIqwyfTHlK306U4Fel1E50uNRtEr02IV1ZW0lgs5llY7PfAHEUnxNEes2ersbHRs8CYm0zLg2kB1klzc7PnYDEnDmyACrYt/cw6q62tpZeXl56AtWlbeiHatoR2G/SadVpeXp72xjROEws1cr1NJVsPsez8IwNaD1+b5SNV0Fx6C7TAC4S3eCqaS7H9wqYfy2wcV9ZcatpN0LDdIBzWr9jqq9rQZ2dnZ6IBwBEd7cOOG8Tx943N3YeHh8KQeCz6QF8JQKMiDeIySwB+AH3pZAlASUkJKSgoILm5udwlAABIwuEwWVtbc7oEYMJY8ZKSJQDsIo/FFC7y+MVonkv7Mp77xvf0Ww2Qbw3fnljGwxouqvoG9ErBQq1Xhi+lC7V8Gm9361K8EmMpXq7NUrxDUBi0pnsp3jsBBgBgPDvhUfUIJwAAAABJRU5ErkJggg==);
}
@media(max-width: 1440px){
    /*0.75*/
   .modal{
   		max-width: 700px;
    }
    .modal-wrap{
    	padding: 45px 30px 30px;
    }
    .modal-title{
    	width: 273px;
    }
    .link-list{
    	margin-top: 30px;
    }
    .link-style{
    	width: 122px;
    	flex: 0 0 122px;
    }
    .link-btn{
    	width: 95px;
    	flex: 0 0 95px;
    }
    .link-text{
    	font-size: 17px;
    	width: calc(100% - 217px);
    }
}
@media(max-width: 1080px){
    /*0.5625*/
    .modal{
   		max-width: 600px;
    }
    .modal-wrap{
    	padding: 40px 20px 20px;
    }
    .modal-title{
    	width: 200px;
    }
    .link-list{
    	margin-top: 20px;
    }
    .link-style{
    	width: 100px;
    	flex: 0 0 100px;
    }
    .link-btn{
    	width: 80px;
    	flex: 0 0 80px;
    }
    .link-text{
    	font-size: 15px;
    	width: calc(100% - 180px);
    }
}
@media(max-width: 720px){
    /*0.375*/
    .blocker{
    	overflow-x: hidden;
    	padding: 4vw;
    }
    .modal{
   		max-width: none;
    }
    .modal-wrap{
    	padding:8vw 4vw;
    }
    .modal-title{
    	width: 40vw;
    }
    .link{
    	padding: 2vw;
    	margin-bottom: 2vw;
    	border-radius: 2vw;
    }
    .link-list{
    	margin-top: 6vw;
    }
    .link-style{
    	width: 30%;
    	flex: none;
    }
    .link-btn{
    	width: 25%;
    	flex: none;
    }
    .link-text{
    	padding: 0 2vw;
    	font-size: 3vw;
    	width: 45%;
    	flex: none;
    }
}


/*sb-modal*/
.sb-modal{
	height: 60%;
}
.sb-modal .modal-wrap{
	background-color: #fff;
}
.sb-modal-title{
	font-size: 22px;
	color: #00b0ec;
	text-align: center;
	margin-bottom: 50px;
	font-weight: bold;
}
.sb-modal #mc_embed_signup{
	width: 100%;
	background-color: transparent;
}
.sb-modal #mc_embed_signup .button{
	background-color: #00b0ec;
	transition: none;
	margin-top: 10px;
	font-weight: bold;
}
.sb-modal #mc_embed_signup .button:hover{
	background-color: #008cd6;
	transition: none;
}
.sb-modal #mc_embed_signup div#mce-responses{
	width: 100%;
	margin: 0;
	padding: 0;
}
.sb-modal #mc_embed_signup div.response{
	width: 100%;
	text-align: left;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}
.sb-modal #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
	margin: 0;
	padding:0;
	margin-top: 10px;
}
.sb-modal #mc_embed_signup .indicates-required{
	margin-right: 0;
}
.sb-modal #mc_embed_signup .mc-field-group{
	width: 100%;
    padding-bottom: 0;
}
.sb-modal .sb-notice{
	margin:30px 0 0;
}
@media(max-width: 1440px){
    /*0.75*/
    .sb-modal-title{
    	margin-bottom: 40px;
    }
}
@media(max-width: 1080px){
    /*0.5625*/
    .sb-modal-title{
    	margin-bottom: 30px;
    }
}
@media(max-width: 720px){
    /*0.375*/
    .sb-modal-title{
    	margin-bottom:0;
    	text-align: left;
    	font-size: 20px;
    }
    .sb-modal #mc_embed_signup form{
    	padding: 0;
    }
}
@media(max-width: 450px){
}


.store-item-img-box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.store-item-img-box .store-item-img{
	display: flex;
	justify-content: center;
	align-items: center;
}
.store-item-img-box .store-item-img img{
	max-width: 200px;
	max-height: 200px;
}
@media(max-width: 1417px){
	.store-item-img-box .store-item-img img{
		max-width: 14.1143vw;
		max-height: 14.1143vw;
	}
}
@media(max-width: 1080px){
	.store-item-img-box .store-item-img img{
		max-width: 20vw;
		max-height: 20vw;
	}
}
@media(max-width: 767px){
	.store-item-img-box .store-item-img img{
		max-width: 30vw;
		max-height: 30vw;
	}
}