/* 共用 */
.title { font-size:1.875rem; color:#66493d;  font-family: 'Noto Serif TC', serif; }
.mh6,.mhpgn { height:60px; }
.nodata { text-align: center; padding:40px 0px; color:#919191; font-size:1.5rem; }
.nodata .emotion { font-size:6rem; padding-bottom:60px; }

.topbnr { padding-bottom:20px; }

/* 分頁 */
.pgn { text-align:center; }
.pgn .con { display: inline; position: relative; }
.pgn .page { display:inline-block; width:32px; height:32px; border-radius:50px; padding:5px 0px; font-family:Helvetica; }
.pgn .page a { color:#474747; }
.pgn .pbtn {  width:32px; height:32px; border-radius:50px; padding:9px 0px; background-color:#919191; color:#ffffff; font-size:0.875rem; border:none; }
.pgn .active { background-color:#bd9f77; color:#ffffff; font-weight: bold; }
.pgn .pbtn.nopage { background-color: #c6c6c6; }
.pgn .larr { position: relative; left:-60px; } 
.pgn .rarr { position: relative; right:-60px; }
.pgn .pbtn:not(.nopage):hover { background-color: #bd9f77; }

/* form */
form:not(.coform) { text-align: left; }
form label { color:#023e8a; }
form label .import { color:#fd7e00; }
form input:not(.securityInput):not(.noitem):not(.search):not(#UseBonus):not(#PostNo):not(.chkInput),form textarea { width:100%; background-color:#f7f0e7; border:1px solid #d9c7b3; padding:8px 10px; margin-bottom:25px; color:#777777; }
form input#PostNo { background-color:#e2e2e2; border:none; width:100%;  padding:8px 10px; margin-bottom:25px; color:#777777; }
form textarea { resize:none; height:130px; }
form .security { margin-bottom:25px; }
form .change { height:100%; border:none; background-color: transparent; color:#8a7457; white-space: nowrap; }
form .change:hover { color:#bd9f77; }
form .security img { height:42px; }
form .security .securityInput { width:100%; background-color:#f7f0e7; border:1px solid #d9c7b3; padding:8px 10px; color:#777777; }

input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin:0; }

/* select 改變按鈕圖示 */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

select:not(.dis) { 
    background: url("./images/arrow.png") no-repeat center center;
    background-position:calc(100% - 20px) 50%;
}

/* ie remove arrow */
select::-ms-expand {
    display: none;
}

/* 
form input:not(.noitem):not(.search),
form textarea { width:100%; background-color:#f7f0e7; border:1px solid #d9c7b3; padding:8px 10px; margin-bottom:25px; color:#777777; }
form .security { margin-bottom:20px; }
form .security input { width:30%; margin-bottom:0px; }
form .security .ib { display:inline-block;  }
form .security img { height: 100%; width:auto; margin:0px 30px; margin-top:-4px; }

form input.securityInput { margin-bottom:0px; }
*/
input.send,
button.send { width:100%; border:none; border-radius: 5px; background-color:#8a7457; color:#ffffff; padding:10px 0px; }
button.send:hover { background-color:#bd9f77; }
button.back { float:right; padding:10px 20px; background-color:#8a7457; color:#ffffff; border-radius:5px; width:160px; border:none; }
button.back:hover { background-color:#bd9f77; }
button.back i { font-size:1.5rem; float:left; } 

/* 公版 標題描述 */
.publicArea { padding:30px; border:1px solid #e9ecef; margin:20px 0px 40px 0px; }
.publicArea .title { padding-bottom:30px; border-bottom:1px solid #e9ecef; }
.publicArea .subtitle { text-align:left; color:#474747; }

.Content { text-align:left; }
.Content .ContHead .STitle { color:#03071e; }
.Content .ContHead .SDate { color:#919191; padding-top:15px; }
.Content .STitle { color:#ef7800; }
.Content .date { font-size:0.875rem; color:#919191; padding-top:25px; }
.Content .CArea:not(.first) { margin-top:60px; }
.Content .CArea .CTitle { color:#023e8a; font-size:1.25rem; }
.Content .CArea.type2 .CTitle { color:#f27602; }
.Content .CArea .CLink a { color:#6a040f; }
.Content .CArea .CLink a:hover { color:#6a040f; }

/* icon */
.plink .icon { float:left; padding:6px 0px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.plink .icon .pic { width:32px; height:32px; background-color:#8a7457; color:#ffffff; text-align:center; padding:8px 0px; border-radius: 50px; margin-right:20px; }
.plink .icon .pic:hover { background-color:#bd9f77; }
/* .plink .icon .lineImg { background:url("./images/icon_line.png") no-repeat center center; background-color:#8a7457; background-size:16px; } */
.plink .icon .lineImg { display: block; }
.plink .icon .lineImg img { height:16px; width:auto; }
.contactus .plink .icon .pic { margin:10px 20px 10px 0px; }
/* .plink .back { float:right; padding:10px 20px; background-color:#8a7457; color:#ffffff; border-radius:5px; width:160px; border:none; } */
/* .plink .back .txt { float:left; } */
/* .plink .back:hover { background-color:#bd9f77; } */
/* .plink .back i { font-size:1.5rem; float:left; } */

/* ====== product_list ====== */
.bc .back { float:left; padding:22px 0px; font-size:0.875rem; }
.bc .back a { color:#8a7457; }
.bc .breadcrumb { background-color:transparent; justify-content: flex-end; padding:22px 0px; margin:0px; }
.bc .breadcrumb li { color:#474747; font-size:0.875rem; }
.bc .breadcrumb li::before { color:#cacaca; }
.bc .breadcrumb a { color:#70554a; }


.product { padding:20px 0px 40px 0px; }
.classname { margin:10px 0px; border-top:1px solid #e9ecef; justify-content: center;  border-bottom:1px solid #e9ecef; }
.classname.row { margin-left:0px; margin-right:0px; }
.classname .cls { padding:20px 5px; }
.classname a { color:#777777; text-decoration: none; padding-bottom:3px; }
.classname a:hover { color:#bd9f77; border-bottom:2px solid #bd9f77; }
.classname select,
.classname i { display:none; }
.product .list .pd { margin:25px 0px; }
.product .list .pd .des .pdname { padding:15px 0px; font-size:1.25rem; color:#303030; }
.product .list .pd .des .price { font-family:"Helvetica"; }
.product .list .pd .des .price1 { color:#8a7457; font-size:0.875rem; }
.product .list .pd .des .offer { font-size:1.125rem; font-weight:bold; }
.product .list .pd .des .price2 { color:#ababab; font-size:0.875rem; }
.product .list .pd .des .origin { text-decoration: line-through; }
.product .list .pd .des a { text-decoration: none; }
.product .list .pd .des a:hover .pdname { color: #bd9f77; }

/* ====== product_asklist ====== */
.product { padding:20px 0px 40px 0px; }
.product .asklist { padding-top:30px; }
.product .asklist .pd { display: flex; margin-bottom:25px; }
.product .asklist .pd.right { flex-direction: row; }
.product .asklist .pd.left { flex-direction: row-reverse; }
.product .asklist .pd .content { /* flex:0 0 calc(50% + 15px); */ width:calc(50% + 15px); padding:60px; text-align: left; position: relative; border:1px solid #f7f0e7; }
/* .product .asklist .pd.left .content { border-right:none; }
.product .asklist .pd.right .content { border-left:none; } */
.product .asklist .pd .pimg { /* flex:0 0 calc(50% - 15px); */ width:calc(50% - 15px); overflow: hidden; }
.product .asklist .pd .pimg img { height:100%; object-fit: cover; }

.product .asklist .content .tit { color:#876343; font-size: 1.5rem; margin-bottom:40px; }
.product .asklist .content .cont { color:#474747; overflow: hidden; max-height:260px; }
.product .asklist .content .plink { position: absolute; bottom:60px; left:0px; right:0px; margin:0px 60px; padding:20px 0px; border-top:1px solid #f7f0e7; }
.product .asklist .content .plink .pask { float:right; color:#8a7457; text-decoration: none; }
.product .asklist .content .plink .pask:hover { color: #bd9f77; }
.product .asklist .mhpgn { height:20px; }


/* ====== product_des ====== */
.pdes { padding:20px 0px 40px 0px; }
.pdes .content { display:flex; align-items:flex-start;  }
.pdes .content .inf { border:1px solid #fff; text-align: left; flex:1; margin-left:15px; }
.pdes .content .inf .i_cont { margin:30px; }
.pdes .content .inf .name { font-size:2rem; padding:0px 0px 16px 0px; }
.pdes .content .inf .price { font-family:"Helvetica"; padding:10px 0px; }
.pdes .content .inf .price1 { color:#8a7457; }
.pdes .content .inf .offer { font-size:2rem; }
.pdes .content .inf .price2 { color:#ababab; }
.pdes .content .inf .origin { text-decoration: line-through; }

.pdes .content .inf .buyform .row select { margin-bottom:20px; }
.pdes .content .inf .buyform select { width:100%; margin:0px; padding:10px; border:1px solid #c6c6c6; color:#474747; }
.pdes .content .inf .f_btn { display:flex; justify-content: space-between; margin:10px 0px;  flex-wrap: wrap; }
.pdes .content .inf .buyform .f_btn .s_quantity { width:28.5%; padding:10px 5px; border:1px solid #c6c6c6; }
.pdes .content .inf .buyform .f_btn .addcar { width:37.5%;  margin:0px; border-radius: 5px; order:1; display:flex; justify-content: center; align-items: center; }
.pdes .content .inf .buyform .f_btn .item { border:none; background-color: #fd7e00; color:#ffffff; }
.pdes .content .inf .buyform .f_btn .item:hover { background-color: #bd9f77; }
.pdes .content .inf .buyform .f_btn .noitem { color:#474747; background-color:#e2e2e2;  }
.pdes .content .inf .buyform .f_btn .flexct { display:flex; display: -webkit-flex; display: -ms-flexbox; -webkit-box-orient: horizontal; justify-content: center; align-items: center; }
.pdes .content .inf .buyform .f_btn .follow { width:25%; border:none; background-color: #8a7457; color:#ffffff; margin:0px; border-radius: 5px; order:2; }
.pdes .content .inf .buyform .f_btn .follow:hover { background-color: #bd9f77; }
.pdes .content .inf .des { padding-top:20px; }

.pdes .content .showimg { padding-left:0px; margin-right:15px; width:calc(50% - 15px); }
/* .pdes .content .showimg .b_img { background: url("./images/img_product1.jpg") no-repeat top center; background-size:cover; height:520px; } */
/* .pdes .content .showimg .pimg { display: flex; justify-content: flex-start; margin-top:30px;  } */
/* .pdes .content .showimg .pimg img { width:auto; height:65px; margin-right:30px; } */

.pdetail .content { margin-bottom:30px; padding:30px; border:1px solid #e9ecef;  }
.pdetail .content .tit { font-size:1.25rem; color:#66493d; background-color: #e9ecef; border-top:1px solid #cacaca; padding:10px 0px; margin-bottom:30px; }
/* .pdetail .content .img { height:250px; } */
.pdetail .content .des { text-align: left; padding:10px 0px; }

/* ====== news ====== */
.news { padding:20px 0px 40px 0px; }
.news .new { margin-top:40px; padding:30px; border:1px solid #e9ecef; text-align: left; display:flex; }
.news .new .nc { border-right:1px solid #e9ecef; flex:4; padding-right:60px; }
.news .new .nc .newtitle { color:#876343; font-size:1.5rem; }
.news .new .nc .date { color:#ababab; margin-top:5px; margin-bottom:20px; font-size:0.8rem; font-family: Arial, Helvetica, sans-serif; }
.news .new .nc .content { color:#474747; line-height: 23px; word-break:break-all; }
/* .news .new .nc .content:after { content:'...'; text-align:right; position: absolute; bottom:0; right:0; width:10%; height:1.8em; background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1) 50%); } */
.news .new .continue { color:#8a7457; flex:1; display:flex; justify-content: center; align-items:center; position: relative; }
.news .new .continue .arrow { position: absolute; right:0; top:50%; transform: translate(0,-50%); font-size:1.3rem; }

.LinkArea { padding-top:40px; }
.LinkArea a { display: inline-block; padding-top:20px; color:#474747; }
.LinkArea a:hover { color:#919191; }

/* ====== news_content ====== */
.newscont { text-align: left; }
.newscont .date { color:#ababab; margin:5px 0px; font-size:0.8rem; font-family: Arial, Helvetica, sans-serif; }
.newscont .newtitle { color:#876343; font-size:1.5rem; padding-bottom:30px; border-bottom:1px solid #e9ecef; }
.newscont .img { margin-top:30px; }
/* .newscont .img { height:360px; background: url("./images/home_banner_4a.jpg") no-repeat center center; background-size:cover; margin:30px 0px; } */
.newscont .Content { margin:40px 0px; color:#303030; word-break:break-all; }

/* ====== about ====== */
/* .about { padding:30px; border:1px solid #f7f0e7; margin:40px 0px; } */
/* .about .title { padding-bottom:30px; border-bottom:1px solid #f7f0e7; } */
.about img { margin-top:40px; }
/* .about .img { height:390px; background: url("./images/home_banner_4a.jpg") no-repeat center center; background-size:cover; margin:30px 0px; } */
.about .content { text-align: left; margin-top:40px; }

/* ====== contactus ====== */
/* .contactus { padding:30px; border:1px solid #f7f0e7; margin:40px 0px; } */
/* .contactus .title { padding-bottom:30px; border-bottom:1px solid #f7f0e7; } */
.contactus .content { display:flex; margin-top:30px; text-align:left; flex-direction: row-reverse; }
.contactus .content > div { flex:1; }
.contactus .inf { padding-right:40px; }
.contactus .inf .company { background-color: #ffffff; border-left: 8px solid #bd9f77; padding:0px 10px; color:#66493d; font-size: 1.25rem; }
.contactus .inf .pro { margin-top:30px; }
.contactus .inf .key { color:#023e8a; vertical-align: top; }
.contactus .inf .value { color:#474747; }
.contactus .inf .addr { display: inline-block; }
.contactus .inf .addr .gm a { color:#dc2f02; text-decoration: underline; font-size:0.875rem; }
.contactus .inf .addr .gm a:hover { color:#ffbc17; }
.contactus .inf .follow { margin-top:30px; padding-top:20px; border-top:1px dotted #c6c6c6; }
/* .contactus .inf .follow .key { margin-bottom:10px; } */

.contactus .contform { padding-left:20px; }

@media (max-width:1198.98px){
    
}

@media (max-width:1198.98px) and (min-width:992px){
    /* ====== product_des ====== */
    select { background-position:calc(100% - 10px) 50%; }
    /* .pdes .content .inf .buyform { font-size:0.8rem; } */
    .pdes .content .showimg .b_img { height:430px; }

    /* ====== contactus ====== */
    /* .contactus .inf .online { font-size:0.875rem; } */

    /* ====== product_asklist ====== */
    .product .asklist .pd .content { padding:60px; }
    .product .asklist .content .cont { max-height:200px; }
    .product .asklist .content .plink { bottom:60px; margin:0px 60px; padding:10px 0px; }
    .product .asklist .content .mask { bottom:125px; margin:0px 60px; }
}

@media (min-width:768px) and (max-width:991.98px){

    /* ====== product_asklist ====== */
    .product .asklist .pd .content { padding:40px; }
    .product .asklist .content .tit { margin-bottom:20px; }
    .product .asklist .content .cont { max-height:135px; }
    .product .asklist .content .plink { bottom:40px; margin:0px 40px; padding:10px 0px; }
    .product .asklist .content .plink .icon .pic { margin-right:10px; }
    .product .asklist .content .mask { bottom:105px; margin:0px 40px; height:55px; }

    /* ====== product_des ====== */
    select { background-position:calc(100% - 10px) 50%; }
    .pdes .content .showimg .b_img { height:300px; }
    .pdes .content .inf .buyform .f_btn .follow { padding:0px; }

    /* ====== contactus ====== */
    /* .contactus .inf .pro span { display:block; } */
    /* .contactus .inf .addr,
    .contactus .inf .online { font-size:0.8rem; } */
    /* .contactus .inf .plink .icon .pic { margin-right:3px; } */
    .contactus .contform .security input { width:100%; }
    /* .contactus .contform .security img { margin:15px 0px; margin-right:20px; } */
    /* .contactus .contform .security button { font-size:0.8rem; padding:0px; } */

    /* form */
    .login form .security .securityInput,
    .forgetPwd form .security .securityInput,
    .join form .security .securityInput { margin-bottom:0px; }

}

@media (max-width:991.98px){
    form .security .securityInput { margin-bottom:20px; }
    
    /* ====== product_des ====== */
    .pdes .content .inf .buyform .f_btn .s_quantity,
    .pdes .content .inf .buyform .f_btn .follow { width:calc(50% - 9px); }
    .pdes .content .inf .buyform .f_btn .addcar { width:100%; order:3; padding:10px 0px; margin-top:20px; }

    /* ====== contactus ====== */
    .contactus .inf .pro span { display:block; }
}

@media (min-width:768px){
    .pdes .md_top,
    .pgn .md_top { display:none; }

    .Content .CArea .CSpace { height:10px; }
    .Content .CArea .CData { margin:0px -30px; } 
    .Content .CArea .CData .CRow { display: flex; margin-top:20px; }
    .Content .CArea .CData .CRow > div { flex:1; padding:0px 30px; }

    .Content .CArea .CCont:not(:first-of-type) { margin-top:24px; }
    .Content .CArea .CLink { margin-top:60px; }
}

@media (max-width:767.98px){
    .bc .breadcrumb { display: none; }
    .bc .back { font-size:1.5rem; }
    /* button.back { width:100%; float:none; } */
    .pshare button.back { width:160px; float:right; }
    .orderReturn button.back { padding:10px; width:100%; }

    /* page */
    .pgn .larr,.pgn .rarr { position: static; }
    .pgn .con { display:flex; justify-content: space-between; }
    .pgn .pbtn { width:60px; height:60px; font-size:1.5rem; padding:18px 0px; margin:0px; }
    .pgn .active { background-color: transparent;  color:#474747; font-weight: bold; width:auto; font-size:2rem; height:60px; font-family:"Microsoft JhengHei";  }
    .pgn .txt { padding:0px 10px; }
    .pgn .page:not(.active){ display:none; }

    /* form */
    /* form .security input { width:100%; } */
    /* form .security .ib { display: block; } */
    form .security img { width:100%; }
    /* form .send { margin-bottom:100px; } */
    /* form input.securityInput { width:100%; margin-bottom:20px; } */

    .Content .CArea { margin-top:30px; }
    .Content .CArea .CCont { margin-top:40px; }
    .Content .CArea .CCont .CDesc { margin-top:10px; }
    .Content .CArea .CCont .CLink { margin-top:30px; }

    /* icon */
    .plink .icon .pic { margin-right:10px; }
    .plink:not(.pshare) .icon { float:none; }
    
    /* .plink .back { width:100%; } */

    
    /* ====== product_list ====== */    
    .topbnr { padding-top:80px; }

    /* .product { padding:40px; } */
    .product .classname div { display:none; }
    .product .classname select { display:block; width:100%; border:none; padding:15px; font-size:2rem; color:#777777; }
    /* .product .classname i { display:block; margin-right:20px; font-size:1.7rem; } */
    
    /* ====== product_asklist ====== */  
    .product .asklist .pd { display: block; }
    .product .asklist .pd .content { padding:60px 30px; }
    .product .asklist .content .plink { bottom:60px; margin:0px 30px; }
    .product .asklist .content .plink .pask { font-size:1.5rem; }
    .product .asklist .content .tit { font-size: 2.5rem; margin-bottom:25px; }
    .product .asklist .content .cont { font-size: 1.5rem; max-height:none; margin-bottom:65px; }
    .product .asklist .content .mask { bottom:180px; margin:0px 30px; height:45px; }

    .product .asklist .pd .content { width:100%; }
    .product .asklist .pd .pimg { width:100%; }
    

    .newscont,.about,.contactus { margin-bottom:110px; }

    /* ====== product_des ====== */
    .pdes { padding: 0px; }
    .pdes .content { display:block; padding-top:40px; }
    .pdes .content .inf,
    .pdes .content .showimg { margin:0px; margin-bottom:40px; width:100%; }

    

    /* ====== news ====== */
    
    .news .new { display:block; }
    .news .new .nc { padding-right:0px; border-right:none; border-bottom:1px solid #f7f0e7; }
    
    .news .new .nc .content { line-height: 23px; margin-bottom:30px; }
    .news .new .continue { justify-content: flex-end; padding-top: 30px; text-decoration: none; }
    .news .new .continue .arrow { position:static; transform:none; padding-left:20px; }

    /* ====== news_content ====== */
    .newscont .date { font-size:1.3rem; margin-bottom:20px; }
    .newscont .newtitle { font-size:2.5rem; }
    /* .newscont .img { background:url("./images/home_banner_4b.jpg") no-repeat center center; background-size:cover; } */
    .newscont .content { font-size:1.5rem; }


    /* ====== contactus ====== */
    .contactus .content { display:block; }
    .contactus .inf,.contactus .contform { padding:0px; }
    /* .contactus .inf .pro span { display:block; } */
    /* .contactus .contform .security input { width:100%; }
    .contactus .contform .security .ib { display: block; margin-top:20px; }
    .contactus .contform .security img { margin:0px; margin-right:20px; }
    .contactus .contform .send { margin-bottom:100px; } */
    .contactus .contform .send { margin-bottom:60px; }

}


@media (max-width:767.98px){
    .mhpgn { height:40px; }
    .topbnr { padding-top:40px; }
    .title { font-size:1.5rem; }
    .nodata { padding:40px 0px; font-size:1rem; }
    .nodata .emotion { font-size:4rem; padding-bottom:40px; }
    .pshare button.back { width:105px; }

    .publicArea { padding:15px; }
    .publicArea .title { padding-bottom:15px; }
    /* form */
    form label { font-size:0.875rem; }
    form .security img { margin-right:5px; }

    /* icon */
    
    .plink:not(.pshare) .icon { margin-bottom:20px; }
    /* breadcrumb */
    .bc .back { font-size:1rem; font-weight:bold; }
    /* page */
    .pgn .pbtn { width:32px; height:32px; font-size:0.875rem; padding:9px 0px; }
    .pgn .active { font-size:1rem; height:32px; }

    .newscont,.about,.contactus { margin-bottom:60px; }

    /* ====== product_list ====== */
    
    .product .classname select { padding:10px; font-size:1.25rem; }
    
    /* ====== product_asklist ====== */  
    .product .asklist .pd .content { padding:30px 15px; }
    .product .asklist .content .plink { bottom:30px; margin:0px 15px; }
    .product .asklist .content .plink .pask { font-size:1rem; }
    .product .asklist .content .plink .icon .pic { margin-right:5px; }
    .product .asklist .content .tit { font-size: 1.5rem; }
    .product .asklist .content .cont { font-size: 1rem; }
    .product .asklist .content .mask { bottom:120px; margin:0px 15px; height:45px; }

    /* ====== product_des ====== */
    .pdes .content .inf .buyform .f_btn .addcar { padding:10px 0px; }

    /* ====== news_content ====== */
    .newscont .date { font-size:0.875rem; }
    .newscont .newtitle { font-size:1.5rem; }
    /* .newscont .img { height:375px; } */
    .newscont .content { font-size:1rem; }

    /* ====== contactus ====== */
    .contactus .inf .pro { margin-top:20px; }
    .contactus .inf .key { font-size:0.875rem; }
    /* .contactus .contform .security img { margin-right:5px; } */
}

/*************************************** 
            public_jcarousel
***************************************/
.jcarousel-wrapper {
    margin: 0px auto;
    position: relative;
    /* border: 10px solid #fff; */
    /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999; */  /* 邊框 */
}


/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    /* border: 1px solid #fff; */

    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    transform:translate(0%,-50%);
    /* margin-top: -15px; */
    width: 32px;
    height: 32px;
    text-align: center;
    background-color: #000;
    z-index: 0;
    font-size:1.3rem;
    /* color: rgba(255,255,255,0.7); */
    color:#fff;
    opacity: 0.2;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 0 1px #000;
    border:none;
    /* font: 24px/27px Arial, sans-serif; */
    /* -webkit-border-radius: 30px; */
    /* -moz-border-radius: 30px; */
    /* border-radius: 30px; */
    /* -webkit-box-shadow: 0 0 4px #F0EFE7; */
    /* -moz-box-shadow: 0 0 4px #F0EFE7; */
    /* box-shadow: 0 0 4px #F0EFE7; */
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    background-color: #bd9f77;
    opacity: 1;
}


.control-prev{
    left: 0px;
}

.control-next{
    right: 0px;
}


/** Carousel Pagination **/
.jcarousel-pagination {
    position: relative;
    /* bottom: -60px; */
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
    text-align: left;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    /* height: 60px; */
    /* width: 60px; */
    /* line-height: 10px; */
    padding:5px;
    background: #fff;
    color: #4E443C;
    /* border-radius: 10px; */
    /* text-indent: -9999px; */

    /* margin-right:20px; */


    
}


@media (max-width:767.98px){
    .pagin a:hover { background:#bd9f77; }
    .jcarousel-wrapper .row { display:block; }
    .jcarousel-pagination a.active { background: #bd9f77; }
    .jcarousel-pagination{ text-align: center; }
    .jcarousel-pagination a {
        height:15px;
        width:15px;
        border-radius: 10px;
        text-indent: -9999px;
        margin:0px 20px;
        -webkit-box-shadow: 0 0 2px #4E443C;
        -moz-box-shadow: 0 0 2px #4E443C;
        box-shadow: 0 0 2px #4E443C;
    }
}

/* @media (min-width:576px) and (max-width:767.98px){
    .jcarousel-control-prev,
    .jcarousel-control-next{
        font-size: 3rem;
        width: 60px;
        height: 60px;
    }
} */

@media (max-width:767.98px){
    .jcarousel-pagination a {
        height:10px;
        width:10px;
    }
}