.mod-productdetail01 .detail-basic{overflow:hidden; position:relative; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}

.mod-productdetail01 .detail-desc .desc-content{word-break:break-word; overflow:hidden;}

.mod-productdetail01 .img-box{display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; flex-direction:row-reverse;}
.mod-productdetail01 .img-box img{width:100%; height:auto; display:block;}
.mod-productdetail01 .img-box .imgae{text-align: center; border:1px solid rgba(0,0,0,0.1); width:calc(100% - 2.5vw - 65px);}
.mod-productdetail01 .img-box .img-page{overflow:hidden; display:flex; align-items:center; flex-direction:column; width:calc(2vw + 60px);}
.mod-productdetail01 .img-box .img-page .page{display:block; margin-bottom:5px; box-sizing:border-box; border:1px solid #ccc;}
.mod-productdetail01 .img-box .img-page .on{border-color:#f00;}

.mod-productdetail01 .mation-box{padding:10px 0; font-size:13px; line-height:20px;}
.mod-productdetail01 .mation-box a{color:#333; line-height:20px; display:inline-block;}
.mod-productdetail01 .mation-box a:hover{text-decoration:underline;}
.mod-productdetail01 .mation-box tr{line-height:20px;}
.mod-productdetail01 .mation-box th{width:35%; color:#555; float:left; font-weight:normal; padding:5px 0px; text-align:initial;}
.mod-productdetail01 .mation-box td{width:calc(65% - 20px); float:right; color:#333; padding:5px 0px;}
.mod-productdetail01 .mation-box .file{display:block; float:left; padding:2px;}

.mod-productdetail01 .mation-box dl{display:flex; justify-content:space-between;}
.mod-productdetail01 .mation-box dt{width:20%; padding:5px 0px;}
.mod-productdetail01 .mation-box dd{width:calc(80% - 20px); padding:5px 0px;}

.mod-productdetail01 .buy_add,.mod-productdetail01 .button-box{display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap; margin:0 -5px; padding:calc(1vw + 10px) 0 0;}
.mod-productdetail01 .buy_add >div ,.mod-productdetail01 .button-box > div{margin:5px; width:calc(100% - 10px); flex:1 2 0;}
.mod-productdetail01 .buy_add a,.mod-productdetail01 .button-box a{display:flex; align-items:center; justify-content:center; font-size:14px; line-height:30px; border-radius:3px; background:#f0f0f0; padding:10px; text-align:center; text-transform:capitalize; white-space:pre;}
.mod-productdetail01 .buy_add a:before,.mod-productdetail01 .button-box a:before{font-family:FontAwesome; padding:0 5px; display:block;}
.mod-productdetail01 .buy_add .buy a{background:var(--main); color:#fff;}
.mod-productdetail01 .buy_add .buy a:before{content:"\f217";}
.mod-productdetail01 .buy_add .contact a:first-of-type{border:none; white-space:pre;}
.mod-productdetail01 .button-box .contact a,.mod-productdetail01 .buy_add .contact a{background:var(--main); color:#fff;}
.mod-productdetail01 .button-box .contact a:before,.mod-productdetail01 .buy_add .contact a:before{content:"\f003";}

.mod-categories01 .content-bg-categories{overflow:visible;}
.mod-categories01 .categories-tabs a{border-bottom:1px solid #e5e5e5; display:block; color:#333; padding:10px 0;}
.mod-categories01 .categories-tabs a:hover{color:var(--main);}
.mod-categories01 .categories-tabs .on > a{color:var(--main); font-weight:600;}
.mod-categories01 .categories-tabs .categories-tab-link{font-weight:600; font-size:calc(0.2vw + 14px);}
.mod-categories01 .categories-tabs .text{display:block;}
.mod-categories01 .categories-second-tabs a{padding:10px; background:#fafafa;}
.mod-categories01 .categories-third-tabs a{padding:10px 20px; background:#f6f6f6;}
.mod-categories01 .categories-tabs .text:before{content:"\f105"; font-family:FontAwesome; padding:0 5px;}

.mod-productdetail01 .detail-desc .desc-title{font-size:14px; line-height:25px; color:#555; text-transform:capitalize; padding:calc(0.75vw + 15px) 0 10px;}
.mod-productdetail01 .detail-desc .desc-para .desc-para-tabs{overflow:hidden; padding:calc(0.5vw + 5px); display:flex; flex-wrap:wrap; background:#f0f0f0;}
.mod-productdetail01 .detail-desc .desc-para .desc-para-tab{font-size:14px; color:#333; line-height:20px; width:calc(100%/3 - 30px); padding:10px; margin:5px; background:#fff; overflow:hidden; display:block;}

.mod-keyword01 .keyword-box ul{overflow:hidden; margin:0 -5px; display:flex; flex-wrap:wrap;}
.mod-keyword01 .keyword-box li{padding:5px;}
.mod-keyword01 .keyword-box li a{color:#333; display:block; font-size:14px; line-height:20px; overflow:hidden;}
.mod-keyword01 .keyword-box li a:hover{text-decoration:underline;}

.mod-products01 .scroll-content{overflow:hidden;}
.mod-products01 .scroll-box{position:relative;}
.mod-products01 .scroll-box > div > a{display:block; width:40px; line-height:40px; overflow:hidden; position:absolute; top:50%; border-radius:50%; transform: translate(0%, -50%); background:#333; color:#fff; z-index:3;}
.mod-products01 .scroll-box > div > a:before{font:14px/1 FontAwesome; line-height:40px; display:block; text-align:center;}
.mod-products01 .scroll-box .scroll-prev a{left:0%;}
.mod-products01 .scroll-box .scroll-next a{right:0%;}
.mod-products01 .scroll-box .scroll-next a:before{content:"\f054";}
.mod-products01 .scroll-box .scroll-prev a:before{content:"\f053";}
.mod-products01 .scroll-box > div > a:hover{background:var(--main);}
.mod-products01 .scroll-box .scroll-prev-no a{cursor:not-allowed; background:#ccc;}
.mod-products01 .scroll-box .scroll-next-no a{cursor:not-allowed; background:#ccc;}
.mod-products01 .scroll-box .scroll-prev-no a:hover{cursor:not-allowed; background:#ccc;}
.mod-products01 .scroll-box .scroll-next-no a:hover{cursor:not-allowed; background:#ccc;}

.mod-products01 .show-type-noscroll .scroll-prev{display:none;}
.mod-products01 .show-type-noscroll .scroll-next{display:none;}
.mod-products01 .show-type-noscroll ul{display:flex; flex-wrap:wrap;}
.mod-products01 li a{display:block; overflow:hidden;}
.mod-products01 .show-type-noscroll .product-image img{max-width:100%; height:auto !important;}
.mod-products01 .show-type-noscroll .product-name{width:auto !important;}
.mod-products01 .show-type-noscroll li:hover .product-image img{transform:scale(1.05);}

.layout-page .left .mod-products01 .show-type-noscroll ul{display:flex; flex-wrap:wrap; margin:0 -5px;}
.layout-page .left .mod-products01 li{margin:5px;}
.layout-page .left .mod-products01 .show-type-noscroll .product-image a{border:1px solid #eee;}
.layout-page .left .mod-products01 .scroll-box .product-name a{font-size:14px; color:#000; line-height:20px; display:block; overflow:hidden; padding-top:10px;}
.layout-page .left .mod-products01 .scroll-box .product-name a:hover{text-decoration:underline;}

@media (min-width:769px){
    .layout-page .left .mod-products01 .show-type-noscroll li{width:calc(100%/6 - 10px) !important;}
}
@media (max-width:768px){
    .layout-page .left .mod-products01 .show-type-noscroll li{width:calc(100%/3 - 10px) !important;}
}
@media (max-width:480px){
    .layout-page .left .mod-products01 .show-type-noscroll li{width:calc(50% - 10px) !important;}
}

@media(min-width:769px){
    .mod-productdetail01 .detail-basic .img-box{width:calc(50% - 0.5vw - 10px);}
    .mod-productdetail01 .detail-basic .basic-box{width:calc(50% - 0.5vw - 10px);}
    .mod-productdetail01 .buy_add >div, .mod-productdetail01 .button-box > div{max-width:160px;}
}

@media (max-width:768px){
    .mod-productdetail01 .detail-basic > div{width:100%; padding:5px 0;}
    .mod-productdetail01 .mation-box th{width:40%;}
    .mod-productdetail01 .mation-box td{width:calc(60% - 10px);}
    .mod-productdetail01 .detail-desc .desc-para .desc-para-tabs{padding:10px;}
    .mod-productdetail01 .detail-desc .desc-para .desc-para-tab{width:100%; margin:0px; padding:0 10px; box-sizing:border-box;}
    .mod-productdetail01 .detail-desc .desc-para .desc-para-tab+.desc-para-tab{margin-top:10px;}
}

@media(max-width:480px){

    .mod-productdetail01 .buy_add, .mod-productdetail01 .button-box{position:fixed; bottom:0px; left:0; right:0; z-index:7; margin:0; padding:10px 10px 20px; background:rgba(66,66,66,0.8);}
    .mod-productdetail01 .buy_add a, .mod-productdetail01 .button-box a{background:#111;}
    .mod-productdetail01 .detail-basic,.mod-content .content-bg{overflow:visible;}
}

.detail-txt-pic{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 20px 0 0;
}

.detail-txt-pic>div{
    flex: 1 2 0;
    margin: 0 5px;
}

.mod-send01 .mod-content .notice {
    color: #333;
    font-size: 14px;
    line-height: 20px;
}

.mod-send01 .send-box {
    overflow: hidden;
}

.mod-send01 .send-box .on {
    color: var(--main);
}

.mod-send01 .send-box dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.mod-send01 .send-box dt {
    display: none;
}

.mod-send01 .send-box dt span {
    color: var(--main);
}

.mod-send01 .send-box dd {
    width: 100%;
}

.mod-send01 .send-box input,.mod-send01 .send-box textarea {
    font-size: 14px;
    background: #eee;
    border: none;
    color: #333;
    line-height: 25px;
    padding: 10px;
    box-sizing: border-box;
    display: block;
}

.mod-send01 .send-box .text {
    width: 100%;
}

.mod-send01 .send-box .send-item {
    overflow: hidden;
}

.mod-send01 .send-box .content {
    height: 120px;
    padding: 5px 10px;
    width: 100%;
}

.mod-send01 .send-box .agree {
    display: flex;
    align-items: center;
}

.mod-send01 .send-box .agree a {
    color: #666;
    line-height: 24px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
}

.mod-send01 .send-box .agree a:hover {
    text-decoration: none;
}

.mod-send01 .send-box .send-contact {
    display: none;
}

.mod-send01 .send-buttom {
    display: flex;
    padding: 10px 0;
}

.mod-send01 .send-buttom a {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background: var(--main);
    overflow: hidden;
    font-weight: 500;
    border-radius: 5px;
    text-transform: capitalize;
}

.mod-send01 .send-buttom a.disabled {
    background: #999;
}

.mod-send01 .item-tab-attachment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.mod-send01 .upload-attachment {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.mod-send01 .upload-attachment > * {
    box-sizing: border-box;
    margin: 5px 0;
}

.mod-send01 .upload-attachment ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
}

.mod-send01 .upload-attachment ul li a {
    color: #999;
    width: calc(100% - 10px);
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: pre;
    margin: 0 5px;
}

.mod-send01 .upload-attachment ul li button {
    color: #333;
    line-height: 25px;
    width: 25px;
    text-align: center;
}

.mod-send01 .upload-attachment .btn-upload {
    font-size: 13px;
    color: #888;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.mod-send01 .upload-attachment .btn-upload .fa {
    flex: 0 0 20px;
}

.layout-foot .mod-send01 .mod-title {
    padding-bottom: calc(0.5vw + 5px);
}

.layout-foot .mod-send01 .title-right {
    display: none;
}

.layout-foot .mod-send01 .title-left {
    float: none;
    font-size: calc(0.1vw + 16px);
    color: var(--main);
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--font);
}

.layout-foot .mod-send01 .send-box input,.layout-foot .mod-send01 .send-box textarea {
    padding: 5px;
}

.layout-foot .mod-send01 .send-box .content {
    height: 60px;
}

.detail-txt .detail-desc-txt{
    padding: 1vw 0 0;
}
.detail-txt-txt{
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 0;
}
.detail-txt-txt .txt-son{
    width: 50%;
    box-sizing: border-box;
    padding:0 2% 10px 0;
}

.editer-module table {
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    height: 1%;
}
.editer-module table td {
    box-sizing: border-box;
    padding: 0 !important;
}
.detail-tab{
    padding-top: 20px;
}
.detail-tab table {
    border-top: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
}
.detail-tab table td {
    border-bottom: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: left;
}

.editer-td {
    min-height: 25px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5px !important;
    box-sizing: border-box;
}
@media (min-width: 768px) {
    .detail-tab table {
        width: 100%;
    }
}