@charset "UTF-8"; /* ============== WooCommerce ============== */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #000; color: #fff; padding: 9px 15px; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { padding: 9px 15px; background-color: #ddd; color: #333; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{ background-color: #777; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { padding: 1.1em 1em; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { min-width: 32px; } .woocommerce .quantity .qty { line-height: 1.4; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border: 1px solid #eee; font-size: 13px; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { margin: -2px -10px -3px 0; } .woocommerce-checkout #payment div.payment_box:after { top: -2px; } .woocommerce .checkbox { display: inline-block; } .woocommerce input.input-text { padding: 4px 8px; } #content #coupon_code { width: 110px; padding: 7px 9px; } .woocommerce .order_details { border: 1px solid #000; padding: 15px; } /* Cart Page */ .woocommerce .shop_table.cart th{ background-color: #f2f2f2; } .woocommerce td.product-name dl.variation dd { margin-bottom: 0; } .woocommerce h1.page-title { margin-bottom: 10px; font-size: 1.6em; } #page .onsale { background-color: #f60; color: #fff; margin: 0; font-size: 12px; display: inline-block; position: absolute; left: 0; top: 0; right: auto; padding: 4px 7px 3px; border-radius: 3px; min-width: 1px; min-height: 1px; line-height: 1; } .woocommerce div.product .product_title { margin-bottom: 12px; } .woocommerce div.product p.price{ margin-bottom: 18px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #000; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #000; opacity: 0.8 } .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus { opacity: 0.5; } #ship-to-different-address label.checkbox { margin: 0; } .woocommerce-checkout #payment { border-radius: 5px; background-color: #fff; border: 2px solid #111; } /* Breadcrumb */ .post-type-archive-product .woocommerce-breadcrumb, .post-type-archive-product .site-main > .page-title { display: none; } .woocommerce .woocommerce-breadcrumb { margin: 6px 0; font-size: 0.99em; color: #aaa; } .woocommerce .woocommerce-breadcrumb a { color: #ccc; } .woocommerce .woocommerce-breadcrumb a:hover { color: #fff; } .woocommerce .woocommerce-breadcrumb i { margin: 0 5px; } .woocommerce .woocommerce-breadcrumb > a:first-of-type, .woocommerce .woocommerce-breadcrumb > i:first-of-type { display: none; } body.search.post-type-archive-product .site-main > .page-title { display: block; } body.search-results .page-description { display: none; } /* My Account */ .woocommerce-LostPassword { margin: 0; } .woocommerce-MyAccount-navigation { font-size: 16px; } .woocommerce-MyAccount-navigation > ul { padding: 0; } .woocommerce-MyAccount-navigation > ul li { list-style: none; margin-bottom: 5px; } .woocommerce-MyAccount-navigation > ul li.is-active { font-weight: bold; } .woocommerce table.my_account_orders { font-size: 0.94em; } .woocommerce-EditAccountForm legend { padding-top: 30px; } .woocommerce .woocommerce-MyAccount-content input.button{ margin: 10px 3px 0; display: inline-block; } @media (min-width:992px){ .woocommerce-account .woocommerce-MyAccount-content { width: 78%; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 20%; } } /* Product Archive */ .woocommerce-Price-amount { line-height: 1.1; } #page .price { color: #f60; } html:lang(th) .woocommerce-Price-currencySymbol{ visibility: hidden; font-size: 0.1em; } html:lang(th) .woocommerce-Price-currencySymbol:before { content: "บาท"; visibility: visible; font-size: 9em; } .woocommerce ul.products li.product h3 { font-size: 1.2em; padding: 0 0 5px; } .woocommerce ul.products li.product .price, .content-item.-product .price{ font-size: 1.1em; } .content-item.-card.-product { text-align: center; } .product_list_widget { line-height: 1.5; } #page .price del, .product_list_widget del { font-size: 0.9em; opacity: 0.5; color: #666; display: block; } .woocommerce ul.products li.product .button { display: none; } /* Product Single */ .woocommerce div.product p.price { font-size: 1.3em; } .woocommerce .product .price del { display: block; font-size: 0.85em; } .price ins, .product_list_widget ins { text-decoration: none; } #page .product .images .thumbnails { margin-left: -5px; margin-right: -5px; } #page #content .product .images .thumbnails > a{ padding-left: 5px; padding-right: 5px; margin-left: 0; margin-right: 0; } #page #content .product .images .thumbnails.columns-6 > a{ width: 16.6666%; } #page #content .product .images .thumbnails.columns-5 > a{ width: 20%; } #page #content .product .images .thumbnails.columns-4 > a{ width: 25%; } #page #content .product .images .thumbnails.columns-3 > a{ width: 33.3333%; } body.single-product .sku_wrapper { display: block; font-size: 12px; color: #888 } .related.products { clear: both; } /* Vaiation */ .woocommerce div.product form.cart .variations { width: auto; } .woocommerce div.product form.cart .variations td.label { color: inherit; font-size: 0.9em; line-height: 2.4; } .woocommerce div.product form.cart .variations td.value { white-space: nowrap; } /* Checkout */ .woocommerce-checkout-payment .wc_payment_method::after { color: ""; display: table; clear: both; } #page #payment.woocommerce-checkout-payment .wc_payment_method input { float: left; margin-top: 18px; } .woocommerce-checkout-payment .wc_payment_method label { line-height: 50px; float: left; } .woocommerce-checkout-payment .payment_box { clear: both; } /* Widget: Shopping Cart */ .widget_shopping_cart { border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px 0; } .widget_shopping_cart_content { margin: 0 -5px; } .widget_shopping_cart_content .total { margin-bottom: 10px; } .widget_shopping_cart_content .buttons { margin: 0; } .widget_shopping_cart_content .buttons a{ margin-bottom: 10px; display: block; text-align: center; padding: 8px 10px 9px; } .widget_shopping_cart_content .buttons a.checkout { display: none; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px solid #ddd; } .widget_shopping_cart .widget-title, .widget_product_categories .widget-title { margin: -10px -15px 10px; padding: 6px 15px 6px; font-size: 16px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #ddd; } /* Widget: Product Categories */ .widget_product_categories { font-size: 16px; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px 0; } .widget_product_categories .widget_product_categories li { margin-bottom: 5px } .widget_product_categories .children { padding:3px 0 3px 10px; font-size: 14px; } /* Widget: WooCommerce Product */ .woocommerce ul.product_list_widget li img { float: left; margin-left: 0; margin-right: 10px; width: 64px; } .woocommerce ul.product_list_widget li.mini_cart_item img { float: right; margin-left: 4; margin-right: 0px; width: 36px; } /* Widget: WooCommerce Search */ .woocommerce-product-search { min-height: 30px; } .woocommerce-product-search > .search-field { float: left; width: 68%; } .woocommerce-product-search > input[type=submit] { height: 30px; font-weight: normal; background-color: #ddd; border: 1px solid #ccc; float: right; width: 32%; color: #333; text-align: center; line-height: 24px; padding: 2px 4px 3px 0; border-radius: 0 14px 14px 0; } /* ============== End WooCommerce ============== */ /* Facebook Login */ a.css-fbl { background: url(../img/fb-icon.png) 10px center no-repeat #3b5998; background-size: 25px 25px, cover; text-shadow: none; color: #fff; margin: 20px 3px; max-width: 228px; } a.css-fbl:hover{ background: none; background: url(../img/fb-icon.png) 10px center no-repeat #3b5998; background-size: 25px 25px, cover; } /* Site Origin Page Builder */ .widget_sow-editor { font-size: 1em; } .siteorigin-panels-stretch { margin-left: -1000px; margin-right: -1000px; padding-left: 1000px; padding-right: 1000px; } .sow-headline h1, .sow-headline h2, .sow-headline h3, .sow-headline h4, .sow-headline h5, .sow-headline h6 { margin: 15px 0; } .widget .sow-features-list .sow-features-feature h5{ font-size: 1.3em; margin: 12px 0; } .panel-grid .widget-title { font-size: 1.5em; margin-bottom: 18px; } body .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 { font-size: 16px; } .siteorigin-panels .site-main .container { padding-right: 0 !important; padding-left: 0 !important; width: 100% !important; } /*apt*/ /* Widgets */ .search-form:before, .search-form:after { content: " "; display: table; } .search-form:after { clear: both; } .search-form { width: 100%; max-width: 240px; } .site-top-right .search-form { max-width: 160px; } .search-form label { float: left; margin-bottom: 0; width: 68%; } .search-field { width: 100%; border: 1px solid #ccc; height: 30px; padding: 0 6px 0 14px; font-weight: normal; border-right: none; border-radius: 14px 0 0 14px; } .search-submit { height: 30px; font-weight: normal; background-color: #ddd; border: 1px solid #ccc; float: right; width: 32%; color: #333; text-align: center; line-height: 24px; padding: 2px 4px 3px 0; border-radius: 0 14px 14px 0; } /* Comments */ .comment-list { list-style:none; margin-bottom: 20px; padding:0;border:1px solid #e2e2e2; border-bottom: none;} .comment-list .comment { border-bottom:1px solid #e2e2e2; padding:25px; background-color: #f8f8f8} .comment-list .vcard img.avatar {float: left; margin: 5px 12px 0 0;} .comment-list .vcard .says {display: none;} .comment-list .comment-metadata {font-size: 0.8em; line-height: 1.4em} .comment-list .comment-metadata:after {content: "";clear: both; display: block;margin-bottom: 15px} .comment-list .comment-metadata a {opacity: 0.8} .comment-list .children { list-style:none; margin:0; padding:0;} .comment-list .children .comment {border-bottom: none;padding-bottom: 0} .comment-respond {background-color: #eee;padding: 25px 25px 5px;margin-top: 20px;} .comment-respond label {display: block;margin: 0} .comment-form-comment {margin-bottom: 10px;} .comment-form-comment textarea { padding: 10px; width: 100%;border: 1px solid #ccc;} .comment-form-author input, .comment-form-email input, .comment-form-url input {width: 100%; border: 1px solid #ccc;padding: 3px 5px;} .form-submit input {background-color: #e4e4e4; border: 1px solid #ccc;padding: 6px 12px 5px;transition: 300ms;} .form-submit input:hover {background-color: #fff;} .form-submit input:active {background-color: #999;border: 1px solid #999;} @media (min-width:768px) { .comment-form-author {float: left;width: 32%; margin-right: 2%} .comment-form-email {float: left;width: 32%; margin-right: 2%} .comment-form-url {float: left;width: 32%} } /*apt helper class*/ .-padding_top { padding-top: 15px; } .site-main .-image_cover { object-fit: cover; width: 100%; height: 300px; } .-position_fixed { position: fixed !important; } /*apt Demo*/ .apt_demo_headbar .apt_demo_headbar_sitebranding { float: left; margin-left: 5px; } .apt_demo_headbar .apt_demo_headbar_search { float: right; margin-right: 5px; } .apt_demo_headbar .apt_demo_headbar_mainmenu { float: right; margin-right: 5px; } .apt_demo_headbar .apt_demo_headbar_mmenu { float: right; display: none; margin: 17px 5px; } @media (max-width: 991px) { .apt_demo_headbar .apt_demo_headbar_search, .apt_demo_headbar .apt_demo_headbar_mainmenu { display: none !important; } .apt_demo_headbar .apt_demo_headbar_mmenu { display: block !important; } } @media (min-width:768px) { /* .container{width:750px} */ } @media (min-width:992px){ } @media (min-width:1200px){ /*.container{width:1170px} */ }