input[type="button"],
input[type="submit"],
button,
.button-1,
.button-2,
#goToTop,
.header-links li > span,
.new_select > span:after,
.cart-wrapper .cart-qty,
.theme-selector:after,
.block .title,
.block .list a:before,
.block .year strong:before,
.home-page-category-grid .title a,
.sub-category-grid .title a,
.manufacturer-grid .title a,
.download-sample a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.compare-products-page .clear-list,
.order-progress a:before,
.opc .active .step-title,
.opc .step-title span,
.news-items .buttons a,
.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel,
.quick-view-button a,
.ui-slider-handle,
.ui-slider-handle:last-child,
.filtersDropDownPanel .select-wrap .select-box:after,
.ajaxFilters .k-window-actions .k-icon,
.nopAjaxFilters7Spikes .close-filters,
.ajax-cart-button-wrapper,
.miniProductDetailsView .add-to-cart,
.user-agreement-page .button-1,
.previous-product a,
.next-product a,
.sale-of-the-day-offer .go-to-product-page,
.sale-of-the-day-offer .owl-dot.active,
.picture-thumbs .slick-arrow,
.gallery .slick-dots .slick-active button {
  background-color: #30651a;
}
.eu-cookie-bar-notification button,
.footbox .title,
.block .list > li,
.block .sublist,
.block .tags,
.poll-options,
.poll-results,
.product-review-item .review-item-head,
.free-shipping,
.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel,
.ui-tabs .ui-tabs-panel,
.mega-menu .title,
.mega-menu .topic-wrapper strong,
.ajax-cart-button-wrapper,
.miniProductDetailsView .add-to-cart {
  border-color: #30651a;
}
.eu-cookie-bar-notification button,
.eu-cookie-bar-notification a,
.block .list a:hover,
.block .list a.active,
.block .list > li.active > a,
.block .sublist .sublist .active a,
.block .view-all a,
.product-tags-all-page li a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.poll strong,
.poll .buttons input,
.breadcrumb a:hover *,
.vendor-list li a,
.overview .value a,
.variant-overview .value a,
.product-no-reviews a,
.product-review-links a,
.product-tags-list a:hover,
.product-reviews-page h1 a,
.product-review-item .review-info a:hover,
.product-review-helpfulness .vote:hover,
.compare-products-page .button-2,
.email-a-friend-page .title h2,
.accept-privacy-policy a,
.registration-result-page .result,
.login-page .forgot-password a:hover,
.address-list-page .info .name,
.return-request-list-page .details a,
.selected-checkout-attributes,
.cart-collaterals .title,
.cart-footer .terms-of-service .read,
.sitemap-page a,
.post-title,
.news-title,
.blog-page .tags a,
.blogpost-page .tags a,
.news-list-homepage .view-all a,
.free-shipping,
.product-review-item .review-item-head,
.cart a,
.data-table a,
.compare-products-table a,
.forums-table-section a,
.quickViewWindow .product-name,
.mega-menu .box li a:hover,
.header-menu .sublist li:hover > a,
.footbox li a:hover,
.sale-of-the-day-offer .product-name h4:hover,
.category-description a,
.manufacturer-description a,
.full-description a,
.topic-html-content a,
.topic-page a,
.post-body a,
.news-body a,
.custom-tab a,
.selected-options-list > li span {
  color: #30651a;
}
.eu-cookie-bar-notification button,
.free-shipping {
  background-color: rgba(48, 101, 26, 0.1);
}
.mega-menu .dropdown,
.header-menu .sublist-wrap {
  background-color: rgba(48, 101, 26, 0.9);
}
@media all and (max-width: 1000px) {
  .responsive-nav-wrapper,
  .header-menu .close-menu,
  .header-menu .back-button {
    background-color: #30651a;
  }
  .header-menu > ul li,
  .header-menu .plus-button {
    border-color: #30651a;
  }
}
@media all and (min-width: 1001px) {
  .mini-shopping-cart .name {
    color: #30651a;
  }
  .header-menu,
  .block .title {
    background-color: #30651a;
  }
}
html, body {
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    font-size: 16px;
    color: #000;
    line-height: 28px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.item-box .description {
width: 100%; 
}


@media (min-width: 769px) {
    .item-box {
        width: 21.5%;
    }
}

.item-box .rating {
    height: 0px;
    visibility: hidden;
}

.product-tags-box, .block-popular-tags {
  display: none;
}


img { 
     max-width: 100%
}

.short-description {
    font-family: "標楷體","DFKai-sb","DFKai-sb;";
    font-size: 19px;
}

.box_product {
    width: 100%;
    padding: 0.5%;
    margin-top: 20px;
    margin-bottom: 80px;
}
.box_product {
    border: 1px solid #ff3875;
}

table {
    border-collapse: inherit;
    line-height: 28px;
}
table {
    border-collapse: separate;
    border-spacing: 2px;
}

td {
    padding: 5px;
}

#Blue .tabcontent {
    border: 1px solid #295896;
    background: url(../img/bg_dragon.png) no-repeat right top;
    min-height: 320px;
}

#pink .tabcontent {
    border: 1px solid #ff3875;
    background: url(../img/bg_pink.png) no-repeat right top;
    min-height: 320px;
}

.screen {
    min-width: 680px;
    max-width: 1000px;
    position: relative;
    padding: 0px 15px;
}



.products {
    min-height: 550px;
    box-shadow: 0px -5px 5px rgba(0,0,0,.2);
    padding: 15px 30px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.left_photo {
    float: left;
    width: 40%;
    margin: 0 15px 15px 0;
}

.photo_right {
    float: right;
    padding: 1px;
    width: 24%;
    margin: 0 0 20px 20px;
}
.photo_right img {
    width: 100%;
}
.photo_right_b {
    float: right;
    width: 40%;
    margin: 0 0 15px 15px;
}

.photo_right_b img {
    width: 100%;
    padding: 1px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.container img {
    max-width: 100%;
}

.left_photo img {
    width: 100%;
    padding: 1px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* .master-wrapper-content {
    padding: 0px 0;
    background: url(../img/bg_main.jpg);
    background-size: cover;
    background-position: bottom;
} */

.header-menu {
    background: #5be url(../img/bg_menu.jpg) center top;
}

.product_prev {
    position: absolute;
    bottom: 0px;
    right: 20px;
}

.atten {
    border: 2px solid #fc0b0b;
    padding: 20px;
}

.atten h2, .atten h3 {
    text-align: center;
    line-height: 33px;
    font-size: 33px;
    color: #fc0b0b;
}

.signature {
    padding-right: 90px;
}

.main_area_box {
}

.main_area_box ul {
    list-style: none;
    margin: 0;
    padding: 20px 0;
}

.main_area_box ul li {
    float: left;
    width: 48%;
    margin: 0 0 25px 0%;
    background: url(../img/bg_product_a.png) #ffccd9;
}

.main_area_box ul li + li {
    margin: 0 0 25px 4%;
    background: url(../img/bg_product_b.png) #c4f1ff;
    clear: none;
}

.main_area_box ul li + li + li {
    margin: 0 0 25px 0%;
    background: url(../img/bg_product_c.png) #ffe0ef;
    clear: both;
}

.main_area_box ul li + li + li + li {
    margin: 0 0 25px 4%;
    background: url(../img/bg_product_d.png) #d0f0fa;
    clear: none;
}

.main_area_box ul li .description p {
    color: #fd1641;
    font-size: 21px;
    line-height: 26px;
    padding: 15px 0 10px 0;
    font-weight: bold;
}

.main_area_box ul li+li .description p {
    color: #17478e;
}

.main_area_box ul li+li+li .description p {
    color: #991e35;
}

.main_area_box ul li+li+li+li .description p {
    color: #2b6798;
}

.main_home {
    padding: 0px 0;
    background: url(../img/bg_main.jpg);
    background-size: cover;
    background-position: bottom;
}

div, ul li {
    margin: 0px auto;
    padding: 0px;
}

.footer_logo {
    padding: 80px 0 50px 0;
    text-align: center;
}

.location {
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,.3);
    background: rgba(29,62,7,.9);
    padding: 2px 18px;
}

.description {
    float: right;
    width: 55%;
    font-size: 15px;
}

.cover_photo {
    float: left;
    width: 42%;
    position: relative;
    overflow: hidden;
}

.package {
    float: right;
    width: 35%;
    margin: 0 0 15px 15px;
}

.box_linking {
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    padding: 5px;
}

h2 {
    font-size: 24px;
    color: #333;
    padding-bottom: 5px;
}

h3 {
    font-size: 21px;
    margin: 5px 0;
    color: #3f7042;
}

.selling {
    font-size: 19px;
    font-weight: bold;
    color: #063;
}

.header-logo .slogon {
    text-align: center;
    display: inline-block;
    padding: 15px 0 0 0;
}

.header-upper {
     background: #5be url(../img/bg_menu.jpg) center top;
}

.header-links a, .header-links span {
color: #FFF;
}

@media all and (min-width: 240px) and (max-width: 1000px) {
.screen {
    min-width: 100%;
    max-width: 100%;
}

.main_area_box ul li {
    float: left;
    width: 90%;
    margin: 0 0 25px 0%;
    background: url(../img/bg_product_a.png) #ffccd9;
}

.main_area_box ul li + li {
    margin: 0 0 25px 0%;
}


.main_area_box ul li + li + li + li {
    margin: 0 0 25px 0%;
}
.header-links-wrapper {
    background: #5be url(../img/bg_menu.jpg) center top;
}

.header-logo .slogon {
    display: none;
}
}

.message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error {
    font-size: 16px;
    font-weight: bold;
}

.footer-lower {
        background: #4b6e2c;
}