#productView{
    padding: 20px 0;
}
#firstProductView{
    float: left; width: 35.5%;
    margin-bottom: 30px;
}
#zoomer{
    border: 1px solid #f5f5f5; position: relative; overflow: hidden;text-align: center;
}
#zoomSlide{
    margin: 10px 0; position: relative;
}
#zoomer img{
    max-width: 100%; transition:all 0.15s;height: 505px;
    object-fit: scale-down;
}
#zoomer .shipBox img{
    height: auto;
}
#listImgZoom>li{
    float: left; width: 60px; height: 60px; border: 1px solid #f5f5f5;
    cursor: pointer; overflow: hidden; margin: 0 8px;
}
#listImgZoom>li:hover, #listImgZoom>li.active{
    border: 1px solid #ffc015;
}
#listImgZoom>li>img{
    width: 100%;
}
#listImgZoom .owl-nav button
{
    position: absolute; top: 0; width: 20px; height: 100%;
    background: #fff; font-size: 18px; text-align: center;
}
#listImgZoom .owl-nav button span{
    display: none;
}
#prevSlideZ.disabled, #nextSlideZ.disabled{
    display: none!important;
}
#listImgZoom .owl-nav .owl-prev{
    left: -20px;
}
#listImgZoom .owl-nav .owl-prev:before{
    content: "\f0d9";
    font-family: 'FontAwesome';
    font-size: 16px;
}
#listImgZoom .owl-nav .owl-next{
    right: -20px;
}
#listImgZoom .owl-nav .owl-next:before{
    content: "\f0da";
    font-family: 'FontAwesome';
    font-size: 16px;
}
#middleProductView{
    float: left; width: 44%; padding: 0 2%;
}
#middleProductView h1, #middleProductView .title-pview-name{
    font-size: 20px; padding: 10px 100px 10px 0; position: relative;
}
#middleProductView .title-pview-name {
    font-weight: 600;
}
#middleProductView h1>span{
    color: #E60000; font-size: 17px;
}
#middleProductView h1>sub{
    position: absolute; top: 15px; right: 0; font-size: 11px;
    color: #f04e23; cursor: pointer;
}
#middleProductView>p, #middleProductView div[data-step="2"]>p{
    display: block; padding: 5px 0;
}
#middleProductView .price{
    background: transparent url("../img/bgPriceRed.png") top right no-repeat;
    background-size: 100% 100%;
    /*height: 117px;*/
    padding: 0 20px 20px 20px;
    margin-top: 10px;
}
#middleProductView .price>p{
    color: #fff; display: block; font-size: 12px;line-height: 23px;
}
#middleProductView .price>p>i {
	margin-right: 5px;
}
#middleProductView .pageView{
    float: left; width: 32%; text-align: center; font-size: 11px;
    color: #747474;
}
#middleProductView .pageView>b{
    font-size: 15px;
}
.attr{
    padding: 0 0 10px 0; position: relative;
}
.attr.active{
    box-shadow: 0 0 0 2px #46a2c6; margin: 15px 0; padding: 35px 10px 0 10px;
}
.attr.active>span{
    display: block;
}
.attr>span{
    position: absolute; width: 100%; background: #f1f4f5; height: 30px; line-height: 30px;
    top: 0; left: 0; font-weight: bold; padding: 0 2%; display: none;
}
.attr>span>i{
    position: absolute; top: 0; right: 10px;
    font-weight: normal; font-style: oblique; cursor: pointer;
}
.attr>p{
    display: flex; padding: 8px 0; flex-wrap: wrap;
}
.attr>p>a{
    display: inline-block; min-width: 20px; height: 20px; line-height: 20px;
    border: 1px solid #fff;
    margin-right: 10px;
    box-shadow: 0 0 0 1px #B8B8B8; text-align: center;
    margin-bottom: 10px;
}
.attr>p>a.active, .attr>p>a:hover{
    box-shadow: 0 0 1px 2px #FF7A00;
}
.attr>p>a.deactive{
    background: #aaa!important; border: 1px solid #aaa; box-shadow: 0 0 0 1px #aaa;cursor: not-allowed;
}
.attr p a.sizeSelect[data-qtt='0'] {
    background: #bbb;
    pointer-events: none;
    cursor: not-allowed;
}
.showBtn p{
    padding: 8px 0;
}
.showBtn p input{
    height: 23px; padding: 0 5px; width: 200px; margin-right: 5px;
}
.showBtn p button{
    height: 25px; padding: 0 10px;
}
#middleProductView .policy{
    padding: 15px 0;
}
.addToCart.btnRed,
.addToCart2.btnRed,
.fastBuy.btnRed{
    min-width: 200px;
}
#middleProductView .policy>h4{
    font-size: 11px; color: #666; padding: 5px 0;
}
#middleProductView .policy>h4>a{
    color: #188BB8;
}
#middleProductView .policy>p{
    font-size: 11px; color: #5EB41A; padding: 5px 0; display: inline-block; width: 49%;
}
#middleProductView .description{
    border: solid #ddd; border-width: 1px 0 1px 0; padding:5px 0; margin:5px 0;
}
#middleProductView .description>p{
    display: inline-block; width: 48%; padding: 2px 0;
}
#quantity{
    display: inline-block; width: 50px;
}
.addToCart,
.addToCart2,
.fastBuy{
    padding: 0 20px 0 0; font-size: 18px; line-height: 40px;
    margin-right: 10px; position: relative; border-radius: 3px;
}
.addToCart.deactive,
.addToCart2.deactive{
    display: none;
}

.addToCart>.si,
.addToCart2>.si{
    position: absolute; top: 0; left: 0; width: 40px; height: 40px;
    background-position: 6px -522px; background-color: #e16055;
}
.addToCart>.iconSpcart,.addToCart2>.iconSpcart,.fastBuy>.iconSpcart{
    height: 40px;
    float: left;
    font-size: .8em;
    width: 50px;
    margin-right: 15px;
    background: url('../img/cart.png') no-repeat center center;
    border-right: 1px solid #e16055;
	border-radius: 3px 0 0 3px;
}
.vote{display: inline-block;}
.vote .si{
    float: left; width: 20px; height: 15px; background-position: 3px -329px; cursor: pointer;
}
.vote .si.voteHover, .vote .si.active{
    background-position: 3px -249px;
}
.commentItem{
    border-bottom: 1px solid #ccc; padding: 5px;
}
.commentItem>p{
    display: block; padding: 5px 0;
}
#productTags{
    padding-bottom: 10px;
}
#productTags>a{
    color: #999; background: #F2F2F2; display: inline-block;
    padding: 1px 5px; border-radius: 10px; margin: 2px;
}
#productTags>a:hover{
    background: #c8ced8; color: #fff;
}
.voteView{
    line-height: 18px; text-align: right; display: block;
}
#voteView0{background-position: 0 -329px}
#voteView1{background-position: 0 -248px}
#voteView2{background-position: 0 -264px}
#voteView3{background-position: 0 -280px}
#voteView4{background-position: 0 -296px}
#voteView5{background-position: 0 -312px}

#lastProductView{
    padding: 10px 0; position: relative;
}
.lastProductView{
    padding: 10px 0; float: left;
    width: 20%;
}
.lastProductView>h3{
    text-transform: uppercase; padding: 0 10px;
}
#pContent .title{
    height: 35px; background: #eee; border-bottom: 1px solid #ccc;
}
#pContent .title>span{
    line-height: 34px; padding: 0 20px; font-size: 14px; display: inline-block; margin: 0 10px;
    border: solid transparent; border-width: 2px 1px 0 1px; cursor: pointer;
}
#pContent .title>span:hover, #pContent .title>span.active{
    background: #fff; border-color: #f04e23 #ccc;
}
#pContent .contentTab{ display: none; line-height: 1.6em;width: 100%;}
#pContent .contentTab.active{ height: auto; overflow: hidden;display: inline-block; }
#pContent img{
    max-width: 100% !important;
    height: auto !important;
}
/*-----------------------------------*/
.showSocial>h4{
    text-transform: uppercase; font-size: 14px; border-bottom: 3px solid #f04e23;
    padding: 5px 0; margin-top: 45px;
}
.showSocial form{
    padding: 10px 30px; background: #edf1f3; margin: 10px 0;
}
.showSocial form>div>span{
    font-weight: bold; color: #666; display: block; padding: 3px 0;
}
.showSocial form textarea{
    display: block; width: 100%; resize: none; height: 40px;
    padding: 5px; margin: 3px 0;
}
.showSocial form button{
    display: inline-block; padding: 5px 15px;
}
.itemRate{
    margin-top: 25px;
}
.itemRate>div{
    float: left;
}
#btnRate{
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	color: #999;
	margin-top: 10px;
}
/*---------------------------------------------------question---*/
.itemQuestion .avatar{
    float: left;
    width: 80px; padding-right: 10px;
}
.itemQuestion .avatar a{
    display: block; overflow: hidden;
}
.itemQuestion .avatar a img{
    width: 100%;
}
.itemQuestion .content{
    float: left;
}
.itemQuestion .content .header{
    display: block; padding: 5px 0; color: #999999;
}
.itemQuestion .content .header b{
    color: #188bb5;
}
.itemQuestion .content .text{
    display: block; padding: 5px 0;
    min-height: 60px;
}
.answers{
    border-left: 2px solid #e5eaed; padding-left: 10px;
    margin-bottom: 10px;
}
/*--------------------------*/
#depotStores>h4{
    padding: 5px 0;
}
#depotStores>div>p{
    cursor: pointer; transition: all 0.2s; padding: 3px 0;
    display: inline-block;
    width: 100%;
}
#depotStores>div>p:hover{
    margin-left: 3px;
}
#depotStores>div>p>span{
    display: inline-block;
    float: left;
}
#depotStores>div>p>span:nth-of-type(1){
    color: #308cb8; font-size: 14px; width: 15px;
}
#depotStores>div>p>span:nth-of-type(2){
    min-width: 60px;
}
/* Title */
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
/* support online */
#sp-online{
	margin:10px 0;
	width: 100%;
	text-align: left;
}
#sp-online p a{
	display: block;
	margin-top: 5px;
}
#sp-online p a i{
	display: inline-block;
	padding-right: 10px;
	font-size: 15px;
}
#sp-online h4{
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

#pContent .contentTab li{
    list-style: inherit !important;
    list-style-position: inside !important;
}
#pContent .contentTab ul{
    padding-left: 30px !important;
}

.renderTable table {
    margin: 10px 0;
}
.renderTable table tr td {
    border: 1px solid #ddd;
    padding: 4px;
    text-align: center;
    font-size: 13px;
}
.renderTable table tr td:not(:first-child) {
    font-weight: 600;
}