/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/*六圖選單顏色*/
h4 a:hove {color:#e9d80b;}
h4 a {color: #fff;}

/*購物車設定*/  
.product-neighbours {display: none;}
.vm-product-details-container {float: right;width: 60%;}
.vm-product-container .vm-product-media-container {float: left;width: 35%;}
@media (max-width: 767px){.vm-product-details-container {width: 100%;}}
@media (max-width: 767px){.vm-product-container .vm-product-media-container {width: 100%;}}

.vm3pr-0 {display: none;}
.vm-product-descr-container-0 {min-height: 0px;}
div.vm-details-button {display: none;}
/*.vm-product-media-container {min-height: 212px;}*/
.category_description {padding: 0px 0px 30px 0px;}
.product-container.width20.floatleft {width: 19%;    padding: 0 5px;}
img.featuredProductImage {border: #c1c1c1 solid 1px; padding: 10px;}
.ratingbox {display: none;}

h1.sp-module-title {text-align: center;font-size: 18px;}
.h1, h1 {font-size: 30px;font-weight: bold;}

.product-container.productdetails-view.productdetails {padding-top: 5px;}
@media (min-width: 767px){.product-container.productdetails-view.productdetails {padding-top: 125px;}}
.orderby-displaynumber {display: none;}
.back-to-category {text-align: right;float: none;font-size: 14px;display: none;}
@media (min-width: 768px){.back-to-category {margin-bottom: 30px;display: none;}}

a[data-zoom-id] img, .mz-thumb img {border: 0;box-shadow: 0 0 1px 0px rgb(0 0 0);box-sizing: border-box;}
img.product-image {border: #c1c1c1 solid 1px;height: 100px;width: auto;}
.main-image img {max-width: 100%;height: auto;    border: #c1c1c1 solid 1px;}

@media (max-width: 767px){.product-neighbours { font-size: 12px;margin-top: 18px;}}

@media (max-width: 767px){h1 {font-size: 22px;}}

@media (max-width: 767px){.product-neighbours a.previous-page {line-height: 13px;margin-bottom: 5px;}}
@media (max-width: 767px){.product-neighbours a.next-page {line-height: 13px;}}

div#column-wrap-id-1690730085938 {padding-right: 0px;}
div#column-wrap-id-1690730086002 {padding-left: 0px;}

@media (max-width: 767px){div#column-wrap-id-1690730085938 {padding-right: 15px;padding-left: 15px;}}
@media (max-width: 767px){div#column-wrap-id-1690730086002 {padding-right: 15px;padding-left: 15px;}}

td, th {padding: 4px;}

.jsn-master .jsn-input-xlarge-fluid { width: 98%;}
.jsn-column-item {
    font-size: 26px;
    color: #8b2525;
}

.sj-popup .relative p {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding: 16px;
}

@media (max-width: 767px){.sj_popup_wrap .popup-center { top: 50%; left: 118%;}}

@media (max-width: 767px){.sj-popup { width: 350px; background: #000; margin: 0px 0px 0px 0px;}}

@media (max-width: 767px){.sj-popup .relative p { color: #ffffff; font-size: 12px; text-align: center; padding: 0px 20px;}}

@media (max-width: 767px){p.p-bottom, p.p-top { line-height: 15px;}}

input#mod-search-searchword {padding: 10px;height: 35px;margin-top: 10px;width: 160px;float: right;}

span.sp-copyright {font-weight: normal;font-size: 18px;float: right;}
.custom123 {width: 110%;}

/*底部三圖css*/

.bb1{font-family: Franklin Gothic Medium Cond Regular;font-weight:normal;margin: 0px 0px 15px 0px; font-size: 1.5em;}
img.image-fit {margin: auto;width: 32%;padding-bottom: 12px;}
.bb3{font-size: 38px;line-height: 25px;font-weight: bold;padding-bottom: 40px;}

@media (max-width: 767px){.bb2{font-size: 17px;}}
@media (max-width: 767px){.bb3{font-size: 25px;line-height: 34px;padding-bottom: 6px;font-weight: bold;padding: 0px 20px}}

/*vm-menu-title*/

.vm-t01 {color: #000000;font-size: 40px;padding-top:20px;font-weight:bold}
@media (max-width: 767px){.vm-t01 {color: #000000;font-size:22px;font-weight:bold}}

@media (max-width: 767px){section#sp-slide {padding-top: 30px}}

a.modal_link.rl_modals_element {
    color: #545454;
    font-size: 18px;
    background: #d7d7d7;
    padding: 10px;
    border-radius: 7px;
}

.aa {background: #d9d9d9;padding: 10px;border-radius: 5px;}
a.aa:hover {background: #489d80; color: #fff;}

@media (max-width: 767px){table {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }}