/**/
.pagination {margin:0 auto;}

/**/
.product{padding: 120px 0 80px; text-align: center;}

/**/
.product .product-head {}
.product .product-head .p-name {font-size:45px; color:#000; margin-bottom:25px;}
.product .product-head .p-txt {color:#000; font-weight:300; margin-bottom:60px;}
.product .product-head .p-cats {margin-bottom:80px;}
.product .product-head .p-cats a {transition:all 300ms; color:#999; font-size:20px; font-weight:bold; margin:0 30px;}
.product .product-head .p-cats a.active {color:#000; position:relative;}
.product .product-head .p-cats a.active:before {
    content:''; position:absolute; width:5px; height:5px; border-radius:100%; background:#2ace8a;
    margin:auto; top:-12px; right:0; bottom:auto; left:0;
}

/**/
.product .product-body {}
.product .cts{}
.product .cts .row {}
.product .cts .row .col-4 {margin-bottom:80px;}
.product .cts .cts01{display:block; margin-bottom:60px;}
.product .cts .cts01 .img {background:#f2f3f7; padding:30px; height:380px; position:relative;}
.product .cts .cts01 .img img{
    max-width: 80%; max-height:340px;
    filter: drop-shadow(3px 3px 5px rgba(119,92,56,0.2)); -webkit-filter: drop-shadow(3px 3px 5px rgba(119,92,56,0.2));
    position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;
}
.product .cts #product-14 .img img,
.product .cts #product-15 .img img{max-width: 70%;}
.product .cts #product-19 .img img,
.product .cts #product-20 .img img{max-width: 58%;}
.product .cts .cts01 .en_tit{color:#6b6051; font-weight: 500;}
.product .cts .cts01 .t_box {text-align:left;}
.product .cts .cts01 .t_box .name {font-size:20px; font-weight:bold; padding:20px 5px;}
.product .cts .cts01 .t_box .name a {color:#333;}
.product .cts .cts01 .t_box .short_text {padding:20px 5px 0 5px; border-top:2px solid #000; font-weight:300;}
.product .cts .cts01 .view-now {color:#fff; background:#1bc1f3; padding:10px 20px; display:inline-block; font-size:15px; margin-top:10px; transition: all .3s ease;}
.product .cts .cts01 .view-now:hover{ background:#1b8ad7; }
.product .cts .cts01 p br{display: none;}
.product .cts .cts01 .c_box{margin-top: 16px;}
.product .cts .cts01 .c_box span{background:#6b6051; color:#fff; padding: 6px 10px; font-family: 'RIDIBatang', sans-serif;}

@media screen and (max-width: 1200px){
    .product .cts{justify-content: left;}
    .product .cts .cts01{flex: 1 0 50%; max-width: 50%;}
}

@media screen and (max-width: 991px){
    .fs-25{font-size: 22px;}
    .product .cts .cts01{flex: 1 0 50%; max-width: 50%;}
}

@media screen and (max-width: 767px){
    .product .cts .cts01{flex: 0 0 100%; max-width: 100%; margin-bottom:40px;}
    .product .cts .cts01 img{max-width: 95%;}
}
@media screen and (max-width: 550px){
    .fs-25 {font-size: 18px;}
    .product .cts .cts01 .en_tit{margin-bottom: 5px;}
    .product .cts .cts01 p br{display: block;}
}
@media screen and (max-width: 430px){
    .product{padding:80px 0 40px 0;}
    .product .cts .cts01 .c_box{margin-top: 15px; font-size: 13px;}
    .product .cts .cts01 .c_box span{ padding: 4px 8px 5px;}
    .product .cts .cts01 img{max-width: 100%;}
}

@media screen and (max-width: 330px){
    .product .cts .cts01{flex: 0 0 100%; max-width: 100%;}
}