@import "https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",sans-serif}
body{color:#222;font-family:"Roboto",sans-serif;font-size:14px;margin:0 auto}
html{font-size:100%;font-family:"Roboto",sans-serif}
img{max-width:100%;height:auto}
a{text-decoration:none;color:#000}
.clearfix{content:"";clear:both}
ul,li{list-style:none}
table{border-collapse:collapse;width:100%}
.ul,.ol{margin:0;padding:0;list-style:none}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.text-center{text-align:center!important}
.align-items{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.space-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.space-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}
.d-block{display:block!important}
.flex-direction{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.container{padding:0 10px;max-width:1230px;margin:0 auto}
.header{background-color:#000}
.header .main-header{height:60px;overflow:hidden}
.header .main-header .logo{width:50%}
.header .main-header .logo img{width:25%}
.header .main-header .right-menu{width:50%}
.header .main-header .right-menu a{display:block;color:#fff;font-weight:500;margin-right:60px}
.header .main-header .right-menu .btn-buy{display:block;background:#f9ed32;text-align:center;padding:7px 30px;color:#222;border-radius:7px}
.homepage .background-home{background-image:url(../images/background-body-min.jpg?v=1);background-repeat:no-repeat;background-size:cover}

.homepage .banner img{display:block}
.homepage .banner-home{padding-bottom:15px}
.homepage .best-seller{padding:25px 0}
.homepage .best-seller .title{margin:0 auto}
.homepage .best-seller .content-pro{margin-top:40px;display:block;margin-right:-25px}
.homepage .best-seller .content-pro .items{width:calc(100% / 2 - 25px);margin-right:25px;margin-bottom:20px;display:block}
.homepage .pro-homework,.homepage .pro-design,.homepage .pro-workstation,.homepage .pro-workstation-high,.homepage .pro-workstation-supper-high{padding:40px 0}
.homepage .pro-homework .offer-homework,.homepage .pro-design .offer-homework,.homepage .pro-workstation .offer-homework,.homepage .pro-workstation-high .offer-homework,.homepage .pro-workstation-supper-high .offer-homework{padding:20px 0;display:block}
.homepage .pro-homework .content-pro,.homepage .pro-design .content-pro,.homepage .pro-workstation .content-pro,.homepage .pro-workstation-high .content-pro,.homepage .pro-workstation-supper-high .content-pro{margin-right:-25px}
.homepage .pro-homework .items,.homepage .pro-design .items,.homepage .pro-workstation .items,.homepage .pro-workstation-high .items,.homepage .pro-workstation-supper-high .items{width:calc(100% / 2 - 25px);margin-right:25px;margin-bottom:25px}

.homepage .banner-sale{padding:30px 0 20px}
.more-all{display:block;background-color:#f9ed32;width:18%;margin:0 auto;text-align:center;padding:10px;color:#222;border-radius:7px;text-transform:uppercase}
.footer{background:#222;color:#fff;padding:25px 0 40px}
.footer .item{width:calc(100% / 4 - 20px);margin-right:20px}
.footer .item .title{padding-bottom:20px;font-size:16px}
.footer .item .title.showroom{padding-bottom:15px!important}
.footer .item a,.footer .item p{font-size:13px;color:#fff;display:block;padding-bottom:7px;font-weight:300}
.footer .item i{width:20px;color:#fff}
.footer .item.showroom{width:30%}
.footer .item.showroom h3{padding-bottom:5px;text-transform:uppercase;font-size:14px}
.back-to-top{position:fixed;bottom:20px;right:50px;display:none}
.back-to-top.active{display:block}
.back-to-top img{width:50px;height:50px}
.fixed {position: fixed;top: 300px;width: 200px;}
.fixed.left{left: 0;}
.fixed.right{right: 0;}
.fixed.right .title{background-size: cover;background-repeat: no-repeat;background-position: 0 0;width: 200px;height: 50px;}
.fixed.right .click-pc-office{background-size: cover;background-repeat: no-repeat;background-position: 0px -55px;width: 200px;height: 50px;display:block;}
.fixed.right .click-pc-design{background-size: cover;background-repeat: no-repeat;background-position: 0px -104px;width: 200px;height: 45px;display:block;}
.fixed.right .click-pc-basic-workstaion{background-size: cover;background-repeat: no-repeat;background-position: 0px -150px;width: 200px;height: 40px;display:block;}
.fixed.right .click-pc-workstaion-pro{background-size: cover;background-repeat: no-repeat;background-position: 0px -190px;width: 200px;height: 45px;display:block;}
.fixed.right .click-pc-workstaion-high{background-size: cover;background-repeat: no-repeat;background-position: 0px -233px;width: 200px;height: 45px;display:block;}