@charset "UTF-8";

@import url('//fonts.googleapis.com/css?family=Quattrocento:400,700|Dancing+Script|Noto+Sans+TC:400,500,700&display=swap');

body {
  font-family: 'Lato', 'Arial', 'sans-serif', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei';
  font-weight: 400;
}
.nav > li > a {
  font-family: 'Lato', 'Arial', 'sans-serif', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei';
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
  font-family: 'Lato', 'Arial', 'sans-serif', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei';
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
  font-weight: 700;
}
.alt-font {
  font-family: 'Dancing Script', sans-serif;
  font-weight: 400 !important;
}
.dark,
.dark p,
.dark td {
  color: #fff;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
  max-width: 1280px;
}

#wrapper {
  overflow-x: hidden;
}

/*************** ADD CUSTOM CSS HERE.   ***************/

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.fb-comments, .fb-comments iframe[style] {
  width: 100% !important;
}
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.has-sticky-product-cart .back-to-top.active {

}
.has-sticky-product-cart #wh-widget-send-button {
  bottom: 60px !important;
}

.footer-nav {
  font-size: 1em !important;
}
.footer-nav.links li {
  margin: .2em .4em;
}

.no-margin {
  margin: 0;
}
.no-border {
  border: none;
}

.home-slider-banner .flickity-page-dots {
  bottom: 25px;
}

.page-big-header-text {
  font-family: 'Dancing Script', sans-serif;
  font-size: 72px;
  color: #ffffff !important;
  line-height: 1.3em;
  margin-top: .1em;
  margin-bottom: .1em;
}

.clear-box-shadow .col-inner {
  box-shadow: none !important;
}

.col-fb-frame > .col-inner {
  width: 260px;
}

.alt-font-section-title * {
  font-family: 'Quattrocento', serif;
  font-weight: 400 !important;
}

.wmn-section-title {
  color: #053969;
  font-size: 300%;
  font-family: 'Quattrocento', serif;
  font-weight: 400 !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}

/*------------ header ------------ */
.logo-left .logo {
  margin-right: 10px;
}

.header-nav-main.nav-left {
  justify-content: flex-end !important;
  padding-right: 15px;
}
.header-nav-main.nav-right {
  justify-content: flex-end !important;
}


.header-main .nav-size-large > li > a {
  font-size: 1.1em !important;
}
.off-canvas-center .nav-vertical > li > a {
  font-size: 1.25em !important;
}
.header-main .nav > li > a,
.off-canvas-center .nav-vertical > li > a {
  font-weight: normal;
}
.header-main .nav-line-bottom > li > a::before {
  width: 40% !important;
  height: 2px;
  background-color: #053969;
}

.nav-line-bottom.nav-right > li > a::before {
  display: none !important;
}
.nav.nav-right > li > a > i {
  font-size: 24px !important;
}
.header-main .nav > li > a:hover > i:not(.icon-angle-down) {
  color: #84734f !important;
}
.header-wrapper.stuck .nav > li.header-divider {
  margin-top: 10px;
}
.header-wrapper.stuck .nav-line-bottom > li > a::before {
  bottom: 10px;
}
[data-icon-label]::after {
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  font-weight: normal;
  line-height: 20px;
  background-color: #d26e4b !important;
}

.header-main .mobile-nav .header-button > .button.is-outline {
  border-color: #053969 !important;
  border-width: 2px !important;
  line-height: 2em !important;
}
.header-main .mobile-nav .header-button > .button.is-outline i {
  color: #053969 !important;
}
.header-main .mobile-nav .header-button > .button.is-outline:hover {
  background-color: #053969 !important;
}
.header-main .mobile-nav .header-button > .button.is-outline:hover i {
  color: #fff !important;
}
/*.header-search {
  margin-left: 10px !important;
}*/
@media only screen and (max-width: 1169.98px) {
  .nav-line-bottom.nav-right > li.header-divider {
    margin: 0 5px;
  }
}
@media only screen and (max-width: 999.98px) {
  #logo {
    width: 330px;
  }
/*  .header-search-form {
    display: none !important;
  }*/
}
@media only screen and (min-width: 850px) {
  .header-nav-main > .menu-item {
    margin: 0 15px !important;
    font-size: 24px !important;
  }
  .header-main .nav > li > a {
    font-size: 20px !important;
  }
}
@media only screen and (min-width: 1000px) {
  .header-main .nav > li > a {
    font-size: 24px !important;
  }
/*  .header-search {
    display: none !important;
  }*/
}

/*------------ footer ------------ */
.footer-info .row-small > .col {
  padding-bottom: 10px;
}
.footer-info .row-small .col p {
  margin-bottom: .8em;
}

.footer-wrapper .absolute-footer {
  padding: 5px 0 10px;
}
.footer-wrapper .absolute-footer ul {
  padding-bottom: 0;
}
.footer-wrapper .footer-nav.links li {
  margin-bottom: 0;
}
.footer-wrapper .copyright-footer {
  font-size: 13px;
}

.back-to-top {
  color: #fff !important;
  border: none !important;
  background-color: #517409 !important;
}

@media screen and (min-width: 550px) {
  .footer-info .info-box > .col {
    max-width: 50% !important;
  }
}

/*------------ 共用樣式 ------------ */
.btn-navy {
  font-weight: normal;
  background-color: #053969 !important;
}
.btn-green {
  font-weight: normal;
  background-color: #517409 !important;
}
.btn-light-brown {
  font-weight: normal;
  background-color: #5696ba !important;
}

/* step */
.woocommerce-breadcrumb {
  font-size: 14px;
  font-weight: normal;
}

/* 當前路徑 */
.breadcrumbs a:hover {
  color: #053969;
}

.buttons a {
  font-weight: normal;
}

.page-big-header-text-zh {
  margin-top: 30px;
  margin-bottom: 0;
  text-shadow: black 0.1em 0.1em 0.2em;
}
.page-big-header-text-en {
  font-family: 'Quattrocento', serif;
  font-size: 24px;
  font-weight: normal !important;
  margin-bottom: 0;
  text-shadow: black 0.1em 0.1em 0.2em;
}

.wishlist-title h2,
.shop_table th,
.product-add-to-cart a {
  font-weight: normal !important;
}
.wishlist-title h2 {
  color: #053969;
}

/* highlight */
.mark {
  background-color: #f5ebd5 !important;
}
#shop-sidebar, #product-sidebar {
  font-size: 24px;
}
.widget .current-cat.active {
  background-color: rgb(208, 192, 171);
  padding-left: 10px;
  padding-right: 10px;
}
.category-page-row {
  padding-top: 15px;
}
.product-categories .cat-item {
  position: relative;
}
.product-categories .cat-item:hover {
  padding-left: 10px;
  padding-right: 10px;
}
.product-categories .cat-item:hover a {
  text-decoration: underline;
}
/*------------ 熱門商品 ------------ */
.product-small .title-wrapper .category {
  color: #5696ba;
  opacity: 1;
}
.product-small .title-wrapper .product-title a {
  font-size: 18px;
}

.wishlist-button {
  line-height: 2em;
}
.wishlist-button i {
  top: 0;
}
.wishlist-button:hover {
  border-color: #84734f !important;
  background-color: #84734f !important;
}
.wishlist-popup {
  display: none;
  background-color: transparent;
}
.wishlist-popup .button {
  margin-right: 0;
  padding: 5px 8px 0 0;
}
.wishlist-popup .button span {
  line-height: 1.2;
}
.badge-inner {
  font-weight: normal;
}

.grid-tools a {
  font-weight: normal;
  opacity: .7;
}

.product-info .product-title {
  font-weight: normal !important;
}
.product-info .product-title-small strong {
  font-weight: normal !important;
}
.product-info .product_meta,
.product-info .product_meta a {
  color: #5696ba;
}
.sticky-add-to-cart--active {
  padding: 4px 3px;
  border-top: 2px solid #5696ba;
}
.product-info .single_add_to_cart_button {
  font-weight: normal !important;
}
.product-info .price {
  font-size: 2em !important;
}
.product-info .price del span {
  font-size: .75em !important;
  color: #666 !important;
}
.product-summary .woocommerce-Price-currencySymbol {
  display: inline-block;
  margin: -2px 3px 0 0;
  vertical-align: middle !important;
}
.product-info .product-page-price span.amount {
  color: #d26e4b;
}
.product-info .product-short-description {
  font-size: 15px;
}

.other-oder h2 {
  font-family: 'Quattrocento', serif !important;
  font-weight: normal !important;
}
.other-oder .col-inner {
  background-color: rgba(255, 255, 255, .7);
}
.other-oder .col-inner p {
  color: #222 !important;
}
.product-footer .container {
  padding-bottom: 70px !important;
}
.product-footer h3 {
  font-weight: normal !important;
}
@media only screen and (max-width: 849px) {
  img.wp-post-image {
    display: block !important;
    margin: 0 auto !important;
  }
  .other-oder {
    position: relative;
    z-index: 0;
  }
  .other-oder .col-inner {
    background-color: transparent;
  }
  .other-oder::before {
    display: block;
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
  }
  .product-footer .container {
    padding-bottom: 30px !important;
  }
}

/* 詳細頁 */
body.product-template-default {
  background: url(../images/goods_bg.jpg) no-repeat center top #fff;
}
body.product-template-default #wrapper,
body.product-template-default #main {
  background-color: transparent;
}

/*------------ 最新消息 ------------ */
.post-item .col-inner {
  box-shadow: 0 1px 5px -2px rgba(0,0,0,0.05), 0 1px 5px rgba(0,0,0,0.08);
}

.post-item .post-title {
  padding-top: 15px;
  font-size: 18px;
  font-weight: normal;
}
.post-item .is-divider {
  margin-bottom: 1em;
}
.post-item .from_the_blog_excerpt {
  color: #666;
}
.post-item .badge-outline .badge-inner {
  color: #84734f;
}
.post-item .plain:hover .post-title,
.post-item .plain:hover .from_the_blog_excerpt {
  color: #053969;
}
.post-item .plain:hover .badge-outline .badge-inner {
  color: #fff;
  border-color: #84734f;
  background-color: #84734f;
}

.blog-archive .box-image .image-cover {
  padding-top: 63% !important;
}
@media only screen and (min-width: 850px) {
  .post-item .box-text.text-center {
    padding-left: 20px;
    padding-right: 20px;
  }
  .blog-archive {
    padding-top: 70px !important;
  }
  .searchform-wrapper {
    width: 400px;
  }
}

/* 詳細頁 */
.blog-single .article-inner {
  box-shadow: none !important;
}

/*------------ 聯絡我們 ------------ */
.contact label {
  font-size: 15px;
  font-weight: normal !important;
}
.contact .wpcf7-submit {
  font-weight: normal !important;
}
.contact .contact-txt img {
  display: block;
  margin: 40px auto 0;
}
@media only screen and (max-width: 1290px) {
  .contact .contact-txt .col-inner {
    padding: 0 30px !important;
  }
}
@media only screen and (max-width: 1170px) {
  .contact .contact-txt .col-inner {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 849px) {
  .contact .contact-txt img {
    display: none;
  }
}

/*------------ 隱私權政策 ------------ */
.privacy {
/*  margin-top: 70px !important;*/
}
.privacy table h3 {
  font-weight: normal !important;
}

.box-text {
  padding-bottom: .35em;
}

.product-small .title-wrapper .product-title a {
  font-size: 18px;
}

.product-tabs {
  font-size: 28px;
}

.click-me-to-watch {
  font-size: 12px;
  padding: 0 !important;
}

.gird-cat-title {
  font-size: 28px !important;
}



@media only screen and (max-width: 970px) {
  .click-me-to-watch {
    font-size: 10px;
  }
}
@media only screen and (max-width: 849px) {
  .click-me-to-watch {
    font-size: 12px;
  }
}