.danhmuc-title h2{position: relative;font-family: RobotoMedium;font-size: 24px;margin-bottom: 45px;padding-bottom: 15px;}
.danhmuc-title h2:after{content: ''; position: absolute; bottom: 0; left: 0; width: 175px; height: 1px; margin: auto; background: #4c1114;}
.tuvan{padding: 30px 0; background-color: #f9f9f9; border-top: 1px solid #d7d7d7;}
.tuvan-title{font-size: 25px; text-align: center; text-transform: uppercase;}
.tuvan-title:after{content: ''; display: block; width: 150px; height: 3px; margin: 0 auto 30px; background-color: #e5ba5e;}
.tuvan-item{background-color: #fff;}
.tuvan-item, .tuvan-owl{position: relative; margin-bottom: 30px;transition: all 0.5s ease 0s;}
.tuvan-item:hover, .tuvan-owl:hover{background-color: rgb(229 186 94 / 12.5%);}
.tuvan-img img{}
.tuvan-wrap{padding: 15px 10px;}
.tuvan-name{margin-bottom: 10px; font-size: 18px; font-weight: 500;}
.tuvan-name h3{font-size: 100%;font-weight: 500;}
.tuvan-name a{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden; transition: all 0.25s ease 0s;}
.tuvan-name a:hover{color: #e5ba5e;}
.tuvan-prev{display: -webkit-box; height: 75px; margin-bottom: 20px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 15px; color: #555; overflow: hidden;}
.tuvan-more{text-align: right;}
.tuvan-more a{display: inline-block; color: #e5ba5e;}
.tuvan-more a i{margin-right: 5px; transition: all 0.25s ease 0s;}
.tuvan-more a:hover i{transform: translateX(3px);}
@media (min-width:480px){
    .tuvan-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .tuvan-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:1170px){
    .tuvan-item{width: calc((100% - 60px)/3); margin-right: 30px;}
    .tuvan-item:nth-child(2n){margin-right: 30px;}
    .tuvan-item:nth-child(3n){margin-right: 0;}
}.breadcrumb{margin: 20px 0;}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li{float: left; line-height: 20px;}
.breadcrumb ul li+li:before{content: "/"; display: inline-block; margin: 0 5px;}
.breadcrumb ul li a{display: inline-block; color: #333;}
@media (min-width:320px){
    .breadcrumb ul li.breadcrumb-mobile{display: none;}
}
@media (min-width:767px){
    .breadcrumb ul li.breadcrumb-mobile{display: block;}
}.colhelp{position: relative; margin-bottom: 30px;}
.colhelp-list{border: 1px solid #d7d7d7; border-top: 0;}
.colhelp-item{padding: 25px 10px 5px; border-bottom: 1px solid #d7d7d7;}
.colhelp-item:last-child{border-bottom: 0; }
.colhelp-name{margin-bottom: 20px; text-transform: uppercase; text-align: center; color: #e5ba5e;}

.colhelp-c{margin: 0 5px 5px; padding-bottom: 15px; border-bottom: 1px dashed #d7d7d7;}

.colhelp-z{float: left;}
.colhelp-v{float: right;}
.colhelp-z,.colhelp-v{position: relative;  margin-left: 20px;}
.colhelp-z-code, .colhelp-v-code{position: absolute; bottom: 40px; left: 0; width: 150px; box-shadow: 0 0 2px 1px rgba(0,0,0,0.25); border: 5px solid #fff;}
.colhelp-z-code img, .colhelp-v-code img{height: auto!important;}

.colhelp-p a{font-size: 18px; color: #ff0000}
.colhelp-e a{color: #e5ba5e;}
.colhelp-p a, .colhelp-e a{position: relative; display: block; padding-left: 50px; text-align: center; line-height: 30px;}
.colhelp-p a:after{background: url(/components/col.help/p.png) no-repeat center;}
.colhelp-e a:after{background: url(/components/col.help/e.png) no-repeat center;}
.colhelp-p a:after, .colhelp-e a:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 50px; height: 30px; margin: auto;}.col-menu{margin-bottom: 20px;}
.col-menu ul{list-style: none;}
.col-menu ul li{position: relative;}
.col-menu ul li a{position: relative; display: block; font-size: 15px; text-transform: uppercase; line-height: 35px; color: #333; transition: all 0.25s ease 0s;}
.col-menu ul li a i{position: absolute; top: 0; left: 8px; font-size: 10px; line-height: 35px; transition: all 0.25s ease 0s;}
.col-menu ul li a:hover i{transform: translateX(3px);}
.col-menu ul li ul li a i{left: 25px;}
.col-menu > ul{background: #fff; border: 1px solid #e2e2e2; }
.col-menu > ul > li > a{font-family: RobotoMedium; padding-left: 25px;}
.col-menu > ul > li > a:hover, .col-menu > ul > li.active > a{color: #e5ba5e;}
.col-menu > ul > li > i{position: absolute; top: 0; right: 0; width: 35px; height: 35px; font-size: 10px; text-align: center; line-height: 35px; cursor: pointer;}
.col-menu > ul > li > i:hover, .col-menu > ul > li.active > i{color: #e5ba5e;}
.col-menu > ul > li > ul > li > a{padding-left: 40px;}
.col-menu > ul > li > ul > li > a:hover, .col-menu > ul > li > ul > li.active > a{color: #e5ba5e;}.colnews{position: relative; margin-bottom: 20px;}
.colnews-title{position: relative; font-family: RobotoMedium; text-transform: uppercase; line-height: 35px; padding-left: 15px; border: 1px solid #d7d7d7;}
.colnews-title:after{content: ''; position: absolute; top: -1px; left: -1px; width: 7px; height: calc(100% + 2px); background: #e5ba5e;}
.colnews-list{border: 1px solid #d7d7d7; border-top: 0;}
.colnews-item{padding: 10px; border-bottom: 1px dashed #d7d7d7;}
.colnews-img{float: left; margin-right: 10px; padding: 1px; border: 1px solid #d7d7d7;}
.colnews-name{height: 60px; overflow: hidden;}
.colnews-name a{display: block; line-height: 20px; color: #333; transition: all 0.25s ease 0s;}
.colnews-name a:hover{color: #e5ba5e;}
.colnews-more{padding: 10px; text-align: right; line-height: 30px;}
.colnews-more a{display: inline-block; padding: 0 15px; background: #e5ba5e; color: #fff; transition: all 0.25s ease 0s;}
.colnews-more a:hover{background: #f30c3b;}.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #d7d7d7; display: block; content: ''; position: absolute; z-index: 1; top: 13px;}
.LienHeInfo li label{Display: inline-block; background: #fff; padding-right: 5px; position: relative; z-index: 2; color: #e5ba5e; font-size: 17px;}
.LienHeInfo li label i{width: 20px; font-size: 15px;}
.LienHeInfo li p{padding-left: 20px; display: block;}
.LienHeInfo li a{color: black;}

.formLeft{float: left; width: 100%}
.formLeftitem{margin-bottom: 15px; position: relative; width: 100%;}
.formLeft input{border-left: 0; width: calc(100% - 40px); border-radius: 0 3px 3px 0;}
.formLeft i{box-sizing: border-box; float: left; width: 40px; color: #e5ba5e; line-height: 30px; font-size: 20px; text-align: center; border: 1px solid #d7d7d7; border-radius: 3px 0 0 3px;}

.formRight{float: right; position: relative; width: 100%; margin-bottom: 15px;}

@media (min-width: 320px){
    .LienHeRight{margin: 0 0 30px;}
}
@media (min-width: 767px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 20px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #d7d7d7;}
}.faq-item{margin: 0 0 30px;}
.faq-ask{position: relative; margin: 0 auto 10px; padding: 0 0 0 30px;}
.faq-ask:after{font-family: RobotoBold; content: 'Q:'; position: absolute; top: 0; left: 0;}
.faq-answer{position: relative; margin: 0 auto; padding: 0 0 0 30px;}
.faq-answer:after{font-family: RobotoBold; content: 'A:'; position: absolute; top: 0; left: 0;}.artwork{padding: 40px 0; background: #fff;}
.artwork-title{text-align: center;font-size: 17px;color: #404041;margin-bottom: 20px;}
.artwork h2{text-align: center;font-size: 30px; text-transform: uppercase; position: relative;margin-bottom: 15px;padding-bottom: 15px;font-weight: normal;}
.artwork h2::before{content: '';position: absolute;height: 1px;width: 60px;background: #4c1114;left: 0;bottom: 0;right: 0;margin: auto;}
.artwork-prev{font-size: 16px; text-align: center; margin: 0 0 25px;}
.artwork-item{position: relative; float: left; display: block;}
.artwork-item-big{}
.artwork-item:before, .artwork-item:after{content: ''; position: absolute; width: 0; height: 50%; margin: auto; background: rgba(0,0,0,0.5); z-index: 0; transition: all 0.5s ease 0s;}
.artwork-item:before{top: 0; right: 0;}
.artwork-item:after{bottom: 0; left: 0;}
.artwork-item:hover:before, .artwork-item:hover:after{width: 100%;}
.artwork-item i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 50px; height: 50px; margin: auto; font-size: 26px; text-align: center; line-height: 50px; color: #c1c1c1; opacity: 0; z-index: 1; transition: all 0.5s ease 0.125s;}
.artwork-item:hover i{opacity: 1;}

@media (min-width:320px){
    .artwork-item{width: calc((100% - 40px) / 2); margin: 0 10px 20px;}
    .artwork-item-big{width: 100%; margin: 0 0 20px;}
}
@media (min-width:767px){
    .artwork-item{width: calc((50% - 30px) / 2); margin: 0 0 20px 20px;}
    .artwork-item-big{width: calc(50% - 10px); margin: 0 0 20px;}
    .artwork-item-big img{height: 269.88px}
}
@media (min-width:970px){
    .artwork-item-big img{height: 341.62px}
}
@media (min-width:1170px){
    .artwork-item-big img{height: 412.32px;}
}.home-service{background:url(/components/home.cc/h1-bg.jpg) no-repeat bottom #f5f5f5;font-weight: 400;}
.home-service-title1{text-align: center;font-size: 17px;color: #404041;margin-bottom: 20px;}
.home-service h2{text-align: center;font-size: 30px; text-transform: uppercase; position: relative;margin-bottom: 45px;padding-bottom: 15px;}
.home-service h2::before{content: '';position: absolute;height: 1px;width: 60px;background: #4c1114;left: 0;bottom: 0;right: 0;margin: auto;}
.home-service-item{background: white;margin-bottom: 15px;position: relative;}
.home-service-item img:hover{-ms-transform:scale(1.1);transform:scale(1.1)}
.home-service-item img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.home-service-prev h4{max-height: 48px;font-size: 20px;color: #222222;margin-bottom: 10px;overflow: hidden;}
.home-service-prev h4 a{color: #222222;}
.home-service-prev p{font-size: 15px;color: #222222;}
.home-service-link{font-size: 15px;border: 1px solid #e5ba5e;color: #e5ba5e;padding: 7.5px 25px;display: inline-block;border-radius: 32px;font-weight: 500;position: absolute;bottom: 12px;right: 25px;}
.home-service-link:hover{color: #4c1114;}

@media (min-width:320px){
    .home-service{padding: 40px 0;}
    .home-service-item{padding: 12px 12px 57px;}
    .home-service-img{margin-bottom: 10px;}
    .home-service-prev p{height: 60px;}
}
@media (min-width:360px){

}
@media (min-width:410px){

}
@media (min-width:480px){
    .home-service-item{padding: 12px;}
    .home-service-img{float: left;width: 200px;margin-bottom: 0;}
    .home-service-prev{float: right;width: calc(100% - 220px);}
}
@media (min-width:580px){

}
@media (min-width:767px){

}
@media (min-width:970px){
    .home-service{padding: 60px 0;}
    .home-service-item{float: left;width: calc(49% - 24px);}
    .home-service-item:nth-of-type(2n){float: right;}
    .home-service-prev p{height: 40px;}
}
@media (min-width:1170px){

}.dl input[type='submit']{width: 135px; height: 40px; padding-left: 25px; background: #e5ba5e url(/components/home.dl/s.png) no-repeat top 10px left 7px; font-family: Roboto;}
.dl input[type='submit']:hover{transform: translateY(-1px); box-shadow: 1px 1px 2px rgba(0,0,0,0.25);}
.dl-title{font-size: 15px; color: #777; margin-bottom: 15px;}
.dl-item{position: relative; margin-bottom: 10px;}
.dl-item input[type='text']{border: 0;}
.dl-item textarea{height: 50px; border: 0;}
.dl-item input[type='text'].error, .dl-item textarea.error{border: 1px solid #f30c3b;}.dt{padding: 30px 0;}
.dt-title{font-family: OpenSansSB; font-size: 15px; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px solid #017eff;}
.dt-item{position: relative; height: 90px; transition: all 0.25s ease 0s;}
.dt-item:hover{}
.dt-item img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: calc(100% - 20px);max-height: calc(100% - 20px);}.home-about-title1{font-size: 18px; color: #555;}
.home-about-right h2{position: relative; padding-bottom: 15px; font-size: 30px; text-transform: uppercase; color: #222;}
.home-about-right h2::before{content: '';position: absolute;height: 1px;width: 60px;background: #4c1114;left: 0;bottom: 0;}
.home-about-preview{font-size: 17px; color: #404041;}
.home-about-link{display: inline-block; font-size: 15px; text-transform: uppercase; color: #222; margin-top: 10px; padding: 15px 35px; border: 1px solid #4c1114; border-radius: 32px;}
.home-about-link:hover{color: #e5ba5e;}
.home-about-link::before{content: '';background: url(/components/home.gt/link.png) right 2px no-repeat;width: 24px;height: 13px;display: block;float: right;padding-left: 10px;}

@media (min-width:320px){
    .home-about{margin: 40px 0;}
    .home-about-left{display: none;}
    .home-about-title1{padding-bottom: 10px;}
    .home-about-right h2{margin-bottom: 15px;}
    .home-about-preview{line-height: 25px;}
}
@media (min-width:360px){

}
@media (min-width:410px){

}
@media (min-width:480px){

}
@media (min-width:580px){

}
@media (min-width:767px){

}
@media (min-width:970px){
    .home-about{margin: 85px 0 60px;}
    .home-about-left{float: left; display: block; width: 510px;}
    .home-about-right{float: right; width: calc(100% - 540px);}
}
@media (min-width:1170px){
    .home-about-left{width: 510px;}
    .home-about-right{width: calc(100% - 585px);}
    .home-about-title1{padding-bottom: 30px;}
    .home-about-right h2{margin-bottom: 45px;}
    .home-about-preview{line-height: 30px;}
}.hd-tt{background: #f7f7f7;}
.hd{padding: 25px 35px 35px; background: #1c9cff;}
.hd-title{font-family: RobotoMedium; font-size: 24px; text-align: center; color: #fff; margin-bottom: 25px;}
.hd-item{font-size: 15px; text-align: justify; line-height: 20px; color: #fff;}
.hd-item p:nth-child(1){margin-bottom: 20px;}
.hd-item p:nth-child(2){margin-bottom: 30px;}
.hd-more{font-size: 15px; text-align: right; line-height: 32px;}
.hd-more a{display: inline-block; padding: 0 10px; background: #fff; color: #222; transition: all 0.25s ease 0s;}
.hd-more a:hover{transform: translateY(-1px); box-shadow: 1px 1px 2px rgba(0,0,0,0.25);}
.tt{padding: 25px 0 0;}
.tt-title{position: relative; font-family: RobotoMedium; font-size: 24px; text-align: center; color: #222; margin-bottom: 10px; padding-bottom: 15px;}
.tt-title:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 50px; height: 1px; margin: auto; background: #f30c3b;}
.tt-list{position: relative;}
.tt-item{margin: 0 0 10px 0;}
.tt-item:nth-child(5){margin: 0;}
.tt-img{float: left; margin: 0 10px 0 0;}
.tt-item:nth-child(1) .tt-img{float: none; margin: 0 0 20px;}
.tt-name{height: 80px; overflow: hidden;}
.tt-name a{display: block; font-family: RobotoMedium; font-size: 15px; line-height: 20px; color: #222; transition: all 0.25s ease 0s;}
.tt-item:nth-child(1) .tt-name{height: auto; margin: 0 0 20px;}
.tt-prev{font-size: 15px; text-align: justify; line-height: 20px; color: #555;}
.tt-more{position: absolute; bottom: 0; right: 0; font-size: 15px; text-align: right; line-height: 32px;}
.tt-more a{display: inline-block; padding: 0 10px; background: #1c9cff; color: #fff; transition: all 0.25s ease 0s;}
.tt-more a:hover{transform: translateY(-1px); box-shadow: 1px 1px 2px rgba(0,0,0,0.25);}
@media (min-width:320px){
    .tt-list{padding-bottom: 35px;}
}
@media (min-width:580px){
    .tt-list{padding-bottom: 0;}
    .tt-item{float: left; width: calc(100% - 360px);}
    .tt-item:nth-child(1){position: relative; width: 330px; margin: 0 30px 0 0; padding-bottom: 35px;}
}
@media (min-width:970px){
    .hd{float: left; width: 290px;}
    .tt{float: right; width: calc(100% - 390px);}
}
@media (min-width:1170px){
    .tt{width: calc(100% - 410px);}
}.kh{margin-bottom: 30px; padding: 20px 0 0; text-align: center; color: #222;}
.kh-title{position: relative; font-family: RobotoMedium; font-size: 24px; margin-bottom: 45px; padding-bottom: 15px;}
.kh-title:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 115px; height: 1px; margin: auto; background: #4c1114;}
.kh-img{margin-bottom: 20px;}
.kh-name{font-family: RobotoMedium; font-size: 18px; line-height: 25px; margin-bottom: 15px;}
.kh-prev{font-size: 15px; line-height: 20px; color: #555;}
.kh .owl-dots{margin-top: 20px;}
.kh .owl-dot{display: inline-block; width: 15px; height: 15px; margin: 0 2.5px; background: #555; border-radius: 50%; transition: all 0.25s ease 0s;}
.kh .owl-dot.active, .kh .owl-dot:hover{background: #e5ba5e;}
.bs{margin-bottom: 30px; padding: 25px; background: #e5ba5e; font-size: 15px; line-height: 20px; color: #fff;}
.bs-text{margin-bottom: 20px; text-align: justify;}
.bs-text img{margin-bottom: -8px;}
.bs-name{text-align: right;}
@media (min-width:320px){
    .kh-bs{padding: 20px 0 0;}
}
@media (min-width:767px){
    .kh-bs{padding: 50px 0 0;}
    .kh{float: left; width: calc(100% - 315px);}
    .bs{float: right; width: 230px;}
}.menu{position: relative; float: right; height: 40px; margin: 31px 0; z-index: 100;}
.menu-desk{float: left;}
.menu-desk ul{list-style: none; transition: all 0.25s ease 0s;}
.menu-desk ul li{position: relative; float: left; list-style: none; transition: all 0.25s ease 0s;}
.menu-desk ul li a{position: relative; display: block; padding: 0 5px; font-family: RobotoMedium;line-height: 40px; color: #000; transition: all 0.25s ease 0s;font-size: 16px;}
.menu-desk ul > li > a:after{content: ''; position: absolute; right: 0; bottom: 4px; left: 0; margin: auto; width: 0; height: 1px; background: #e5ba5e; opacity: 0; transition: all 0.25s ease 0s;}
.menu-desk ul > li.active > a, .menu-desk ul > li > a:hover{color: #e5ba5e;}
.menu-desk ul > li.active > a:after, .menu-desk ul > li > a:hover:after{width: 100%; opacity: 1;}
.menu-desk ul li ul{position: absolute; width: 200px; opacity: 0; transform-origin: 0 0;}
.menu-desk ul li ul li{float: none; margin: 0; background: #ff0000;}
.menu-desk ul li ul li:hover{background: #000;}
.menu-desk ul li ul li a{padding: 0 7px; text-transform: none; line-height: 30px;}
.menu-desk ul li ul{top: 100%; left: 0; transform: scale(1,0);}
.menu-desk ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu-desk ul li ul li ul{top: 0; left: 100%; transform: scale(0,1);}
.menu-desk ul li ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
#menu-mobile{opacity: 0;}
.menu-mobile{position: relative; float: left; width: 60px; height: 40px; text-align: center;}
.menu-mobile span{display: block; width: 33px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #1c9cff;}
.menu-mobile span:after, .menu-mobile span:before{display: block; width: 33px; height: 3px; background: #1c9cff; position: absolute; content: '';}
.menu-mobile span:after{bottom: -9px;}
.menu-mobile span:before{top: -9px;}
@media (min-width: 320px){
    .menu-desk{display: none;}
    .menu-mobile{display: block;}
}
@media (min-width: 970px){
    .menu-desk{display: block;}
    .menu-mobile{display: none;}
    .menu-display{display: none;}
    .menu-desk ul > li{margin: 0 10px;}
}
@media (min-width: 1170px){
    .menu-desk ul > li{margin: 0 10px;}
}.news-item{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #d7d7d7; line-height: 20px;}
.news-item:nth-last-child(2){border-bottom: 0;}
.news-img{box-sizing: border-box; padding: 3px; border: 1px solid #d7d7d7;}
.news-name{max-height: 40px; overflow: hidden; margin-bottom: 5px;}
.news-name a{display: block; font-size: 16px; color: #333; transition: all 0.25s ease 0s;}
.news-name a:hover{color: #1c9cff;}
.news-prev{color: #333; max-height: 60px; overflow: hidden;}
.news-prev-2{max-height: none;}
.news-time{margin-bottom: 5px; color: #777;}
.news-time a{color: #777; transition: all 0.25s ease 0s;}
.news-time a:hover{color: #ed1b24;}
@media (min-width:320px){
    .news-img{margin: 0 0 10px;}
}
@media (min-width:480px){
    .news-img{float: left; width: 220px; margin: 0;}
    .news-info{float: right; width: calc(100% - 230px);}
}.product-left{float: left; width: 400px;}
.product-right{float: right; width: calc(100% - 430px);}

.product-prev{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}

.product-string{list-style: none; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.product-string li{line-height: 22px;}
.product-string li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-string li b:after{content: ':'; position: absolute; right: 0;}
.product-string li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px;}

.product-red{font-family: OpenSansBold; color: #ff0000;}
.product-blue{font-family: OpenSansBold; color: #004dfc;}

.product-price{list-style: none; margin-bottom: 10px;}
.product-price li{line-height: 30px;}
.product-price li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-price li b:after{content: ':'; position: absolute; right: 0;}
.product-price li label{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: OpenSansSB; font-size: 20px; color: #ff0000;}
.product-price li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: OpenSansSB; font-size: 14px; color: #666;}

.product-quantity{margin: 0 0 13px;}
.product-quantity b{position: relative; display: inline-block; width: 105px; height: 30px; line-height: 30px; vertical-align: top;}
.product-quantity b:after{content: ':'; position: absolute; right: 0;}
.product-quantity-control{display: inline-block; width: 105px; margin: 0 0 0 12px;}
.product-quantity-control div{float: left; width: 22px; height: 30px;}
.product-quantity-control div:last-child{float: right;}
.product-quantity-control div a{display: block; font-size: 25px; text-align: center; line-height: 30px; color: #fff; background: #004dfc; transition: all 0.25s ease 0s;}
.product-quantity-control div a:hover{background: #ff0000;}
.product-quantity-control input[type='text']{float: left; width: calc(100% - 54px); height: 30px; margin: 0 5px; font-size: 15px; text-align: center; text-indent: 0; color: #004dfc; border: 1px solid #004dfc;}

.product-cart{}
.product-cart p{line-height: 22px;}
.product-cart a{position: relative; display: block; font-family: OpenSansSB; font-size: 15px; color: #fff; padding: 7px 35px 9px 55px;}
.product-cart a i{position: absolute; top: 10px; left: 19px; width: 18px; height: 15px; margin: auto; text-align: center;}
.product-cart-add, .product-cart-go{vertical-align: top; transition: all 0.25s ease 0s;}
.product-cart-add a{background: #bf191e;} .product-cart-go a{background: #004dfc;}
.product-cart-add:hover a, .product-cart-go:hover a{background: #ff0000;}

.product-tab{margin-top: 25px; padding-top: 25px; border-top: 1px solid #d7d7d7;}
.product-tab ul{list-style: none;}
.product-tab li a{display: block; font-family: OpenSansSB; color: #fff; background: #d7d7d7; border: 1px solid #d7d7d7; border-bottom: 0;}
.product-tab li a.active{position: relative; background: #fff; color: #004dfc}
.product-tab li a.active:after{content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #fff;}

.product-content{padding: 10px; border: 1px solid #d7d7d7}

@media (min-width: 320px){
    .product-left{width: 100%; margin-bottom: 30px;}
    .product-right{width: 100%;}
    
    .product-cart-add{margin-bottom: 3px;}
    .product-tab li{display: block;}
    .product-tab li a{padding: 5px 10px 7px; font-size: 15px;}
}
@media (min-width: 360px){

}
@media (min-width: 410px){
    .product-cart-add, .product-cart-go{display: inline-block; margin: 0;}
    .product-tab li{display: inline-block;}
    .product-tab li a{padding: 5px 6px 7px; font-size: 14px; border-top: 3px solid #d7d7d7;}
}
@media (min-width: 480px){
    .product-tab li a{padding: 5px 10px 7px; font-size: 15px;}
}
@media (min-width: 580px){

}
@media (min-width: 767px){
    .product-left{float: left; width: 350px; margin-bottom: 0;}
    .product-right{float: right; width: calc(100% - 375px);}
}
@media (min-width: 970px){
    .product-left{width: 400px;}
    .product-right{width: calc(100% - 430px);}
}
@media (min-width: 1170px){

}.sp-item{float: left;}
.sp-wrap{text-align: center; border: 1px solid #dcdcdc; box-shadow: 0 0 1px rgba(0,0,0,0.25);}
.sp-img{position: relative; margin-bottom: 10px;}
.sp-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100%;}
.sp-name{height: 23px; overflow: hidden; margin-bottom: 5px;}
.sp-name a{color: #004dfc;}
.sp-price{color: #ff0000; margin-bottom: 10px;}
.sp-more{font-size: 13px; line-height: 25px;}
.sp-more a{display: inline-block; width: 135px; height: 25px; color: #756e6e; border: 1px solid #dcdcdc; border-radius: 13px; transition: all 0.25s ease 0s;}
.sp-wrap:hover .sp-more a{background: #dcdcdc; color: #004dfc;}

@media (min-width:320px){
    .sp-wrap{font-size: 15px; padding: 5px;}
    .sp-item{width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:360px){

}
@media (min-width:410px){
    .sp-wrap{font-size: 17px; padding: 15px;}
}
@media (min-width:480px){
    .sp-item{width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 30px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .sp-item{width: calc((100% - 10px) / 3); margin-right: 05px; margin-bottom: 15px;}
    .sp-item:nth-child(2n){margin-right: 05px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:767px){
    .sp-item{width: calc((100% - 50px) / 3); margin-right: 25px; margin-bottom: 25px;}
    .sp-item:nth-child(2n){margin-right: 25px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .sp-item{width: calc((100% - 60px) / 4); margin-right: 20px; margin-bottom: 20px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n){margin-right: 20px;}
    .sp-item:nth-child(4n){margin-right: 0;}
}
@media (min-width:1170px){
    .sp-item{width: calc((100% - 60px) / 5); margin-right: 15px; margin-bottom: 15px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n),
    .sp-item:nth-child(4n){margin-right: 15px;}
    .sp-item:nth-child(5n){margin-right: 0;}
}.tech{padding: 40px 0 0;}
.tech-list{}
.tech-item{margin-bottom: 30px;}
.tech-name{margin-bottom: 5px;}
.tech-name a{display: block; font-family: RobotoMedium; font-size: 20px; line-height: 25px; color: #333; transition: all 0.25s ease 0s;}
.tech-name a:hover{color: #e5ba5e;}
.tech-time{text-transform: uppercase; margin-bottom: 10px; color: #777;}
.tech-time a{display: inline-block; font-size: 12px; color: #777; transition: all 0.25s ease 0s;}
.tech-time a:hover{color: #e5ba5e;}
.tech-time a:before{content: '|'; display: inline-block; margin: 0 7px 0 3px; transform: translateY(-1.5px);}
.tech-img{margin-bottom: 10px;}
@media (min-width:480px){
    .tech-item{float: left; width: calc((100% - 10px) / 2); margin-right: 10px;}
    .tech-item:nth-child(2n){margin-right: 0;}
    .tech-name{display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; }
    .tech-prev{display: -webkit-box; height: 60px; line-height: 20px; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
}
@media (min-width:580px){
    .tech-item{width: calc((100% - 20px) / 2); margin-right: 20px;}
    .tech-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .tech-item{width: calc((100% - 40px) / 3); margin-right: 20px;}
    .tech-item:nth-child(2n){margin-right: 20px;}
    .tech-item:nth-child(3n){margin-right: 0;}
}