#body, body, html, p {
    font-family: "Merriweather","Times New Roman",Times,serif, 'Lato', arial, sans-serif, "Microsoft Jhenghei", "微軟正黑體";
}

.navbar-brand>img {
    height: 100%;
}
#navigation {
    font-size: 1.2em;
    font-family: 'Lato', arial, sans-serif, "Microsoft Jhenghei", "微軟正黑體";
}
#navbar .btn {
    padding: 6px 8px;
}

#content #productMain .sizes a, #content .quick-view .sizes a {
    width: inherit;
    min-width: 40px;
    padding: 0 10px;
    border-radius: 0px;
    background: #fafafa;
    border: solid 1px #bbb;
    color: #363636;
}

#content #productMain .sizes a.sale-out {
    background: #ccc;
    pointer-events: none;
    cursor: default;
}

#content #product-row h2 {
    padding: 2px;
    margin-top: 8px;
    margin-bottom: 8px;
}

#measure-img {
    width: 100%;
}

body {
    padding-top: 0px;
}

blockquote {
    padding: 2px 10px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
}

#details p {
    margin-left: 20px;
}
#details blockquote {
    margin-bottom: 10px;
    margin-top: 10px;
}
#details ol {
    margin-bottom: 20px;
}

#details table thead th {
    padding: 4px 12px;
    border: #fff solid 2px;
}
#details table tbody td {
    padding: 4px 12px;
}
#details table tbody tr {
    border-bottom: #0f0f0f solid 1px;
}
#details table th {
    color: #fff;
    background: #00a0d2;
}
/* Shared */
.loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}
.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn-facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    font-family: "Microsoft Jhenghei", "微軟正黑體", "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;
    text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn-facebook:before {
    border-right: #364e92 1px solid;
    background: url('/img/login-brn-facebook.png') 6px 6px no-repeat;
}
.loginBtn-facebook:hover,
.loginBtn-facebook:focus {
    background-color: #5B7BD5;
    background-image: linear-gradient(#5B7BD5, #4864B1);
}

/* Line */
.loginBtn-line {
    width: 170px;
    text-align: center;
    color: #FFFFFF;
    background-color: #00C300;
    font-family: "Microsoft Jhenghei", "微軟正黑體", "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;
    text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn-line:before {
    border-right: #00B300 1px solid;
    background: url('/img/login-btn-line.png') 6px 6px no-repeat;
    background-position: center;
    background-size: contain;
}
.loginBtn-line:active{
    background-color: #00B300;
}
.loginBtn-line:hover{
    background-color: #00E000;
}

/* Google */
.loginBtn--google {
    background: #DD4B39;
}
.loginBtn--google:before {
    border-right: #BB3F30 1px solid;
    background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
    background: #E74B37;
}

#sign-in-btn {
    width: 172px;
}

.navbar-default .navbar-nav > li > a:hover {
    text-decoration: underline;
}

.navbar ul.nav > li > a {
    text-decoration: none;
}

#advantages .box.no-border h4.accent {
    color: #424242;
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Lato', arial, sans-serif, "Microsoft Jhenghei", "微軟正黑體", "Montserrat", Helvetica, Arial, sans-serif;
}

#content .panel.sidebar-menu ul.nav.category-menu li a, #content #categoryMenu ul.nav.category-menu li a {
    font-family: 'Lato', arial, sans-serif, "Microsoft Jhenghei", "微軟正黑體", "Montserrat", Helvetica, Arial, sans-serif;
}

/* Social Media Button*/
#content .quick-view-social p button.facebook, #content #product-social p button.facebook {
    background-color: #4460ae;
}
#content .quick-view-social p button.twitter, #content #product-social p button.twitter {
    background-color: #3cf;
}
#content .quick-view-social p button.gplus, #content #product-social p button.gplus {
    background-color: #c21f25;
}
#content .quick-view-social p button.line, #content #product-social p button.line {
    background-color: #01BB00;
    padding: 2px;
}

#content .quick-view-social p button, #content #product-social p button {
    margin: 0 10px 0 0;
    color: #fff;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    line-height: 48px;
    font-size: 36px;
    text-align: center;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    vertical-align: bottom;
    border: none;
}
#content #product-social p button i.fa {
    margin: 0;
}

body {
    font-size: 18px;
}

#content {
    min-height: 600px;
}

#thumbs div.col-xs-4 {
    padding: 5px 15px;
}

.navbar-brand {
    padding: 8px 0px;
}

.box {
    border-top: none;
    padding: 0px;
    border-bottom: none;
}
.box .box-header {
    margin: 0px;
}
.box .box-header h3 {
    margin: 0px;
}
.box .box-footer {
    margin: 0px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 8px;
    margin-bottom: 10px;
}
.h1, h1 {
    font-size: 24px;
}

#basket-overview .btn {
    padding: 6px 8px;
}

#delivery-panel label {
    width: 100%;
    text-align: center;
}
#content #productMain .price, #content .quick-view .price {
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: andy-money, Noto Sans, Mitr, Athiti, Noto Sans TC, Noto Sans SC, system-ui, -apple-system, Segoe UI, sans-serif, 微軟正黑體, Montserrat, Helvetica, Arial;
    font-weight: bold;
}
#content #productMain .price.price-col .discount-title, #content .quick-view .price.price-col .discount-title {
    color: rgb(211, 26, 26);
    font-size: 20px;
}
#content #productMain .price.price-col, #content .quick-view .price.price-col {
    color: #D62883;
}
#content #productMain .price.price-col > span, #content .quick-view .price.price-col > span {
    font-size: 32px;
}
#content #productMain .price.price-original-col,
#content .quick-view .price.price-original-col {
    font-size: 22px;
    text-decoration: line-through;
    font-style: italic;
    color: #999;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px;
}

@media (max-width: 991px) {
    .box .box-footer .btn {
        margin-bottom: 0px;
    }
}

.nav > li > a {
    padding-right: 0px;
}

#content .product .text {
    padding: 10px 0px;
}

#footer .social a {
    font-size: 36px;
}

#navigation .nav > li > a {
    padding: 32px 0px 0px 10px;
}
a.navbar-brand.home {
    margin-right: 2px;
}

#mainImage {
    position: relative;
}
.stock-out {
    position: absolute;
    top: 50%;
    font-size: 90px;
    left: 50%;
    text-align: center;
    margin-top: -150px;
    margin-left: -150px;
    color: #fff;
    width: 320px;
    height: 320px;
    line-height: 320px;
    opacity: 0.85;
    font-weight: bold;
    border-radius: 160px;
    border: 8px solid;
    background: rgba(50, 50, 50, 0.6);
}

#checkout .nav > li > a {
    padding: 10px 0px;
}

#stock {
    overflow-x: auto;
}

/* 分類下拉選單 */
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: unset;
    right: unset;
}
.navbar .footer {
    padding: 10px 14px;
}
.navbar .footer h4 {
    font-size: 20px;
}
.yamm .yamm-content {
    padding: 10px 14px;
}
.navbar .yamm-content h3 {
    font-size: 20px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: none;
}

#content #customer-order .addresses {
    text-align: left;
}

#customer-orders .btn {
    margin-bottom: 4px;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
}
#navbar {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
}
.navbar-fixed-top {
    position: inherit;
}

#basket-check-list tr td a{
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}
#content .panel.sidebar-menu .nav-pills > li > ul > li > a {
    font-size: 16px;
}
#content .panel.sidebar-menu .nav-pills > li > ul > li.active > a,
#content .panel.sidebar-menu .nav-pills > li > ul > li.active > a:hover,
#content .panel.sidebar-menu .nav-pills > li > ul > li.active > a:focus {
    color: #ffffff;
    background-color: #393939;
    font-weight: bold;
}
#content #checkout .table tbody tr td img {
    margin-right: 6px;
    margin-left: 6px;
}

.sidebar-menu .panel-body {
    padding: 0px;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

.count-input a {
    color: #a5a5a5;
    font-size: 10px;
    padding: 4px 6px 0;
    display: inline-block;
    border: 1px solid #e4e4e4;
    line-height: 34px;
    height: 40px;
}
.count-input a.incr-btn.inactive {
    background-color: #eeeeee;
}
.count-input input {
    box-sizing: border-box;
    outline: 0;
    padding: 0;
    height: 40px;
    text-align: center;
    color: #333;
    font-weight: 700;
    border: 1px solid #d0d0d0;
    border-left: 0;
    border-right: 0;
    width: 60px;
    margin: -2px -4px;
    font-weight: 400;
    border-radius: 0px;
}

/* 修正首頁商品名稱覆蓋價格 */
#content .product .text h3 {
    min-height: 39.6px;
    height: auto;
}

#order-summary .cart-total,
#order-summary .cart-delivery-fee,
#order-summary .cart-discount,
#order-summary .cart-gold,
#order-summary .cart-summary {
    text-align: right;
}
#order-summary-mobile td,
#order-summary-mobile th
{
    text-align: right;
    padding: 4px 8px;
}
.navbar {
    margin-bottom: 20px;
}
#copyright a {
    color: #ddd;
}

.text-muted .fa-tags:before {
    color: #aaa;
}

.stock-table.table>tbody>tr>td,
.stock-table.table>tbody>tr>th,
.stock-table.table>tfoot>tr>td,
.stock-table.table>tfoot>tr>th,
.stock-table.table>thead>tr>td,
.stock-table.table>thead>tr>th {
    border: 1px solid #ddd;

}

.breadcrumb {
    text-align: left;
    padding-left: 8px;
}

#content #productMain .sizes,
#content .quick-view .sizes {
    text-align: left;
}

/* 預設元件透背 */
.breadcrumb,
.box,
#content .product,
#content .panel.sidebar-menu,
#content #categoryMenu
{
    background-color: transparent;
}