/** mian color newinherit #896b4c second color new #896b4cde 896b4cde transparent-bg second color new #896b4c11 light background org rgba(195,219,151,1) new rgba(195,219,151,1) org rgba(156, 81, 183, 1) mian color org rgba(109,90,28,0.8) mian color org #6D5A1C mian color org #D4AF37 mian color new rgba(73,13,13,1) mian color #C3DB97 new #FFFFFE header text #008710 hover #007a1c head banner background #C3DB97 new #fff head banner text #008710 #896b4c body background #ffe9be #fff main menu text #008710 bg #c3db9777 hover #c3db97 */ @import "bs-wieci.css"; a, .view-promoted-items .icon, .view-promoted-items .owl-carousel h2, .more-link a, .view-latest-blog-posts .views-field-title a, ul.links li a, a.more, input[type="submit"], input[type="reset"], input[type="button"], .checkout-buttons .checkout-cancel, .checkout-buttons .checkout-back, .view-showcases .more-link a, button.cbutton-effect, .team-member ul.social-bookmarks li a, .view-tweets .views-row:after, .view-latest-blog-posts .views-row:after, #site-name a, #site-slogan, .header-top-area ul.social-bookmarks li a, .header-top-area ul.brands li a, .feature-icon { } .view-testimonials-slider .views-field-body p:after, .view-testimonials-block .views-field-body p:after, .node-type-mt-testimonial .field-name-body p:after, blockquote:after { color:inherit; } #highlighted-bottom-transparent-bg { background-color:inherit; } #offcanvas-sidebar, .offcanvas-trigger button { background-color: rgba(73,13,13,0.94); } #footer-top.two-regions, #footer-top { background: transparent;} .footer-area ul.menu li a { color:inherit !important; } .team-member ul.social-bookmarks li a { border-color: #bd8007; } ul.links li a, a.more, input[type="submit"], input[type="reset"], input[type="button"], .checkout-buttons .checkout-cancel, .checkout-buttons .checkout-back, .view-showcases .more-link a, button.cbutton-effect { } a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .more-link a:hover, .view-showcases .view-content .more-link a:hover, #subfooter ul.menu li a:hover, .view-latest-blog-posts .views-field-title a:hover, .team-member ul.social-bookmarks li a:hover, #site-name a:hover, .header-top-area ul.social-bookmarks li a:hover, .header-top-area ul.brands li a:hover, .owl-theme .owl-controls.clickable .owl-buttons div:hover, .view-testimonials-slider .flex-direction-nav a:hover, .views-field-title a:hover { color: #bd8007; } ul.links li a:hover, a.more:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .view-showcases .more-link a:hover, .checkout-buttons .checkout-cancel:hover, .checkout-buttons .checkout-back:hover, button.cbutton-effect:hover, .title-teaser-text a.more:hover, .view-promoted-items .views-row:hover .icon, .feature:hover .feature-icon, .overlay i, .teaser-overlayed a:after { } .offcanvas-area ul.menu li a.active, .offcanvas-area ul.menu li a:hover { background-color: rgba(166,86,195,0.4); } .team-member ul.social-bookmarks li a:hover { border-color: inherit; } p:not(.more-link) a:not(.more), .view-tweets span a, a[href^="mailto"] { border-bottom: none;} p:not(.more-link) a:not(.more):hover, .view-tweets span a:hover, a[href^="mailto"]:hover { border-bottom: none; } /*Resets*/ .footer-top-area, .footer-top-area a, .footer-top-area h1, .footer-top-area h2, .footer-top-area h3, .footer-top-area h4, .footer-top-area h5, .footer-top-area h6, .footer-top-area textarea, .footer-top-area select, .footer-top-area label, .offcanvas-area, .offcanvas-area a, .offcanvas-area h2, .offcanvas-area textarea, .offcanvas-area select, .offcanvas-area label { } .footer-top-area .view-latest-items .views-field-body { color: #ffffff; } .footer-top-area h1 a, .footer-top-area h2 a, .footer-top-area h3 a, .footer-top-area h4 a, .footer-top-area h5 a, .footer-top-area h6 a, .footer-top-area .views-field-title a, .offcanvas-area h1 a, .offcanvas-area h2 a, .offcanvas-area h3 a, .offcanvas-area h4 a, .offcanvas-area h5 a, .offcanvas-area h6 a, .offcanvas-area .views-field-title a { color: #ffffff; text-decoration: underline; } .footer-top-area h1 a:hover, .footer-top-area h2 a:hover, .footer-top-area h3 a:hover, .footer-top-area h4 a:hover, .footer-top-area h5 a:hover, .footer-top-area h6 a:hover, .footer-top-area .views-field-title a:hover, .offcanvas-area h1 a:hover, .offcanvas-area h2 a:hover, .offcanvas-area h3 a:hover, .offcanvas-area h4 a:hover, .offcanvas-area h5 a:hover, .offcanvas-area h6 a:hover, .offcanvas-area .views-field-title a:hover { color: #ffffff; text-decoration: none; } .offcanvas-area a:hover { text-decoration: none; } .footer-top-area input.form-text, .offcanvas-area input.form-text { color: #ffffff; background-color: transparent; text-shadow: none; box-shadow: none; border-color: #fff; } .footer-top-area .more-link a, .offcanvas-area .more-link a { text-decoration: underline; border-bottom-color: transparent!important; } .footer-top-area .more-link a:hover, .offcanvas-area .more-link a:hover { color: #ffffff; text-decoration: none; } .footer-top-area a.more, .footer-top-area .block:not(.block-search) input[type="submit"], .footer-top-area input[type="button"], .footer-top-area .view-showcases .more-link a, .footer-top-area button.cbutton-effect, .footer-top-area ul.links li a, .offcanvas-area a.more, .offcanvas-area .block:not(.block-search) input[type="submit"], .offcanvas-area input[type="button"], .offcanvas-area .view-showcases .more-link a, .offcanvas-area button.cbutton-effect, .offcanvas-area ul.links li a { color: #ffffff; border-color: #ffffff; } .footer-top-area ul.social-bookmarks li a, .footer-top-area ul.brands li a { color: rgba(255,255,255,0.5); border-color: rgba(255,255,255,0.5); } .footer-top-area ul.social-bookmarks li a:hover, .footer-top-area ul.brands li a:hover { color: rgba(255,255,255,0.8); border-color: rgba(255,255,255,0.8); } .more-link a:hover, .view-showcases .view-content .more-link a:hover { background-color: transparent; } .offcanvas-area p a, .footer-top-area p a { border-bottom: 1px solid #ffffff!important; } .offcanvas-area p a:hover, .footer-top-area p a:hover { border-bottom: 1px solid transparent!important; color: #ffffff; } .footer-top-area .item-list ul.quicktabs-tabs > li > a, .footer-top-area .nav-tabs > li > a { color: #ffffff; } .footer-top-area .item-list ul.quicktabs-tabs > li > a:hover, .footer-top-area .nav-tabs > li > a:hover, .footer-top-area .item-list ul.quicktabs-tabs > li.active > a, .footer-top-area .nav-tabs > li.active > a, .footer-top-area .nav-tabs > li.active > a:hover, .footer-top-area .nav-tabs > li.active > a:focus { color: #ffffff; border-bottom-color: #ffffff; } .footer-top-area table th, .footer-top-area table tr:last-child td { border-color: rgba(255,255,255,0.5); } .footer-top-area fieldset, .footer-top-area fieldset legend { color: inherit; border-color: rgba(255,255,255,0.5); } form#uc-mobilelogin-number-form { margin-bottom: 1rem; } fieldset legend { margin-left: 0; } .btn-primary { color: #fff; background-color:inherit; border-color:inherit; } .btn-primary:hover { color: #fff; background-color:inherit; border-color:inherit; } .btn-primary:active { color: #fff; background-color: #350808; border-color: #350808; } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(195,219,151,1); } .btn-primary:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle { color: #fff; background-color:inherit; border-color:inherit; } /* .btn-outline-primary { color: #C3DB97; background-color: #0000; background-image: none; border-color: #896b4c; } .btn-outline-primary:hover { color: #fff; background-color:inherit #C3DB97; border-color: #896b4c; }*/ .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(195,219,151,1); } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color:inherit; border-color:inherit; } .subfooter-area { color:inherit; font-size: 16px; } #edit-continue { } #edit-submit { } .view-catalog-products {} .view-catalog-products .view-header { text-align: right;} .view-product-all .view-header { text-align: right;} .view-catalog-products .item-list {} .view-catalog-products .item-list ul { } .view-catalog-products .item-list ul li { list-style-type: none; } .view-product-all .item-list ul li { list-style-type: none; } .filter-items ul.catalog .isotope-item .views-field-nothing { background-color: #fff; box-shadow: none; box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 0%); transition: box-shadow 0.3s; } .filter-items ul.catalog .isotope-item .views-field-nothing:hover { box-shadow: 0px 8px 11px 9px rgb(0 0 0 / 14%), 0px 8px 15px 2px rgb(0 0 0 / 33%); } /* views products element orders */ /* image Vertically Align middle and height equal width */ .vpd-container a { position: relative; display: block; width: 100%; padding-top: 100%; } .vpd-container a .dummy-height { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .vpd-container a .dummy-height .dummy-middle { font: 0/0 a; text-align: center; height: 100%; } .vpd-container a .dummy-height .dummy-middle:before { content:' '; display: inline-block ; vertical-align: middle; height: 100%;} .vpd-container a .dummy-height .dummy-middle:after { content:' '; display: inline-block ; vertical-align: middle; height: 100%;} .vpd-container a .dummy-height .dummy-middle img { display: inline-block ; vertical-align: middle;} /* set element sequents */ .vpd-container.not-published { background-color: #EEE1D0; } .vpd-container:hover { background-color: #EEE1D055; transition: 1s;} .vpd-container { background-color: #fff; transition: 0.5s;} .vpd-container .uc-price { color: #B04353 ; } body.istouch .vpd-container a { order:1; } body.istouch .vpd-container form { order:4; } body.istouch .vpd-container .pd-title { order:2; } body.istouch .vpd-container .uc-price { order:3; } .vpd-container a { order:1; } .vpd-container form { order:4; } .vpd-container .pd-title { order:2; } .vpd-container .uc-price { order:3; } /* views list products */ .item-list ul li.product .qty-wrapper { background-color: red; display:none; } .item-list ul li.product .vpd-container { display:flex; flex-flow: column; border: 0.1px dashed #80808040; } .item-list ul li.product form { /*visibility: hidden; position:absolute;*/ width: 100%; z-index: 10; left: -1px; top: 240px; padding-left: 15px; padding-right: 15px; } .item-list ul li.product:hover form { visibility: visible; } .item-list ul li.product form .form-actions { width: 90%; margin-top: 0.5rem; margin-bottom: 0.5rem; } .item-list ul li.product form .form-actions input { width: 100%; padding: 10px; font-size: small; } .item-list ul li.product:hover a img { -webkit-filter: brightness(110%) drop-shadow(3px 3px 10px #6E563D); transition: all 0.2s ease; scale: 1.05; } .item-list ul li.product a img { -webkit-filter: brightness(85%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 2s ease; } @keyframes blur-in { from {backdrop-filter: brightness(80%); } to { backdrop-filter: brightness(100%); } } body.istouch .item-list ul li.product form { visibility: visible; position:initial; width: 100%; bottom:33px; } /**/ #breadcrumb div.breadcrumb span:nth-child(1) a { font-size:0;} #breadcrumb div.breadcrumb span:nth-child(1) a:after { font-family: "Font Awesome 5 Pro"; font-weight: 600; content: "\f015"; color: #767676; font-size: 15px; line-height: 1; } #breadcrumb div.breadcrumb span.delimiter { margin-left:0.5rem; margin-right:0.5rem; } /** body */ .onscroll.transparent-header-active #header-container.transparent-header { } #header-container.transparent-header { width: 100%; z-index: 22; } body.front #page-container #page { width: 100%; position: relative; top: 0px; z-index: 0; } body.front #page-container #page::before { } body.front #page-container #page #page-title { display: none; } #page-title { margin-top: 1rem; text-align:center; } body { color:inherit; font-weight: lighter; } body .ui-widget { font-family: Arial, Verdana, sans-serif ;} #header-container #header ul.menu { /*text-shadow: 0.5px .5px 1px #ffffff;*/ transition: background 1.5s ease-out; } .onscroll #header-container #header { background: rgb(255 255 255 / 95%); transition: background 0.5s ease-out; } .onscroll #header-container #header { border-bottom: 1px solid #ebcc88; box-shadow: 0px -8px 11px 3px gray; } #header-container #header-inside #header-inside-left, #header-container #header-inside #header-inside-right { padding-bottom:0; } #header-container #header-inside #header-inside-left { text-align: left; } #header-container #header-inside #header-inside-right { width: 100%; text-align: right; } #header-container #header-inside #header-inside-right .element-invisible { width: 0%; } #header-container .block-superfish ul.sf-menu > li.menuparent > a:before { color: rgba(255,255,255,0.8); } #site-name { padding-top: 14px; } #site-name a { font-size: 22px; font-weight: normal; font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體","PMingLiU"; margin-top: 10px; } #site-name a { line-height: 1; transform: scale(.5, 1); font-weight: lighter; } #site-name a:hover { } #site-slogan { font-size: 19px; font-weight: 100; } #page { } .onscroll #page { } .cart-buttons a.ajax-cart[href="/cart"] span.qty { top: -9px; left: 120px;} body.front.ontop #header-container #header { background-color: rgba(255,255,255,0); } #header-container #header { background-color: rgba(255, 255, 255, 0.9);} /* Logo 置中 body.front.ontop #header-container #header-inside { display: block; text-align:center; } body.front.ontop #header-container #header-inside #header-inside-left { max-width: 100%; text-align:center; } body.front.ontop #header-container #header-inside #header-inside-right { max-width: 100%; text-align:center; } */ /* body { background-color: aqua!important;; } #admin-menu { display: none;} #header-container { display: none;} */ #logo { margin: 20px 0px 5px 0px; float: none; } #logo img { width: 100px; padding: 0px; transition: width 0.5s; } body.onscroll #logo { margin: 5px 3px 5px 0px; } body.onscroll #logo a img { width: 50px;} body.onscroll #header { background-color: inherit;} body.onscroll #header #header-inside { d padding: 0; } body.onscroll #header-container #site-slogan { display: none; transition: displayp 0.2s;} body.ontop #header-container #site-slogan { display: none; transition: displayp 0.2s;} /* body.front.onscroll #logo a img { width: 50px; padding:0; transition: width 0.5s; } body.front.ontop #logo a img { width: 100px; padding:0; transition: width 0.5s;} */ #site-name { display:none; } body.onscroll #site-name { margin-top: 0px; } body.onscroll #site-name a { line-height: 2; font-size: 24px; } #header-container #site-slogan { color:inherit; } /** superfish menu */ body.onscroll #header-container ul.sf-menu { padding-top: 15px; } body.onscroll #header-container ul.sf-menu li a { } #header-container ul.sf-menu li a { } #header-container ul.sf-menu li a .sf-sub-indicator { right: 5px; height: 8px; color: transparent; } #header-container ul.sf-menu > li.menuparent > a { } #header-container ul.sf-menu > li > a.menuparent:after { content: ""; display: none; } #header-container ul.sf-menu ul li a { background-color: #FFFFFF; color:#896b4c;} #header-container ul.sf-menu li a:hover { background-color: #ffffffbb; color:#896b4c; } body.onscroll .sf-sub-indicator { } body.page-user-addresses .address-book a { } body.page-user-addresses .address-book a:hover { color: #fff; background-color:inherit; } #footer { border-top: 1px solid #e1e1e1; } #subfooter { margin-top: 0; background-color:inherit11; } #subfooter .subfooter-area { } #subfooter .subfooter-area .container { } #subfooter .subfooter-area .container p { padding-bottom: 0; font-size: 1rem} #subfooter .subfooter-area .container p a { } #subfooter .subfooter-area .container p span { } #subfooter .subfooter-area .container .copyright { font-size: 0.8rem; } .card-title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 15px 0 0 0 ; } /** product */ body.node-type-product {} body.node-type-product #page-title { } /** tabs */ body.node-type-product #tabs { width: 100%; padding:0; border-width:0; background: transparent; } body.node-type-product #tabs .ui-tabs-nav { padding:0; border-bottom: 0 solid red; } body.node-type-product #tabs .ui-widget-header { border-width: 0px; background: unset; background-color: transparent; } body.node-type-product #tabs .ui-tabs-nav li.ui-state-default { margin:0; background: transparent; border:0; width: 33.333%; } body.node-type-product #tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0} body.node-type-product #tabs .ui-tabs-nav li.ui-state-default a { width: 100%; text-align:center; } body.node-type-product #tabs .ui-tabs-nav li.ui-state-default a span:after { content: ''; position: absolute; width: 60%; left: 20%; right: 20%; bottom: 0px; border-bottom-width: 3px; border-bottom-style: solid;} body.node-type-product #tabs .ui-tabs-nav li.ui-state-default a span:after { border-bottom-color:transparent;} body.node-type-product #tabs .ui-tabs-nav li.ui-state-active a span:after { border-bottom-color:#6E563D;} body.node-type-product #tabs .ui-tabs-panel { border-width: 1px; border-color: #d6d6d6; min-height: 20rem; } body.node-type-product #tabs .ui-widget-content .ui-state-default { background:#ffffff ; } .filter-items .isotope-item .views-field-nothing { border-width:0; } body.node-type-product #tabs .ui-tabs-nav li.ui-state-active { background-color:inherit; } body.node-type-product #tabs .ui-tabs-nav li.ui-state-active a { } /** add to cart */ .qty-wrapper .form-item-qty input { width: 45px; height: 35px; padding: 4px; margin-bottom: 5px; } #bottom-content { padding-top: 0; } a.ajax-cart[href="/cart"] span.icon-shopping-cart:before { font-size: 22px; } #messages-console { margin-top: 2rem; } #main-content .container { padding-top: 1rem; } body.page-user #main-content .container { padding-top: 0rem; } #block-system-main .node-product { background-color: #fff0; } #block-system-main .node-product .row { background-color: #fff; } #block-system-main .node-product .row .uc-price { margin-top:0; margin-bottom: 4rem; font-size: 2rem; font-weight: normal; } .uc-price { font-weight: bold;} div[id^='block-block-'] { } div[id^='block-block-'] { } div[id^='block-block-1'] { background-color: transparent; } div[id^='block-block-2'] { padding-bottom: 0; } div[id^='block-block-3'] { margin: 3rem 0; padding-bottom: 0; } div[id^='block-block-3'] a.btn { } div[id^='block-block-3'] a.btn:hover { } .cart-buttons { margin-top:0; display: block; } #block-uc-product-block-product-top-block { background-color: #fff; } #block-uc-product-block-product-top-block h3 { text-align:center; font-weight: lighter; /*ellipsis*/ overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #block-uc-product-block-product-promote-block { } #block-uc-product-block-product-promote-block h2.title { color: #000; margin-left: -15px; margin-right: -15px; background-color: #FFFFFE; margin-bottom: 0; padding: 8px; font-size: 1.2rem; background-color: transparent; } #block-uc-product-block-product-promote-block .row { background-color: #fff; } .card-body { padding-top:0; } .card-body .row { margin-right: -20px; margin-left: -20px; } .card-body .row span[class^="catalog-"] { color: #000; text-align: right; border-radius: 0; font-size: 1rem; } .card-body .row span[class^="capacity "] { } .no-sidebars.node-type-page h1, .no-sidebars.node-type-mt-product h1, .no-sidebars.node-type-mt-service h1 { } .attachment div { border-bottom: 0px solid gray; } .filters { margin-top:0; } ul.catalog li a[class^="catalog-"] { color: #000; background-color: #fff; } ul.catalog li a[class^="capacity-"] { color: #000; } .attachment ul.nav-pills > li > a { color: #000; border-width:1px; font-weight: normal;} .attachment ul.nav-pills > li > a { border: 1px solidinherit; } .attachment ul.nav-pills > li.active > a { color: #000; background-color:inherit; } /** taxonomy_catalog */ .view-id-catalog .item-list ul.row { margin-right:-15px; margin-left:-15px; } .view-id-catalog .item-list ul.row li { list-style-type: none; padding-right: 15px; padding-left: 15px; margin-bottom: 30px } /* 未分類 */ ul.catalog li.active a.catalog-1 { color: #000; background-color: #FEB675; } ul.catalog li span.catalog-1 { color: #000; background-color: #FEB675; } div.catalog-1 { color: #000; background-color: #FEB675; } /* 纖果 */ ul.catalog li a.catalog-2 { border-color: #9fb180; } ul.catalog li.active a.catalog-2 { color: #000; background-color: #D2E8AA ; border-color: #9fb180; } ul.catalog li span.catalog-2 { color: #000; background-color: #D2E8AA ; } div.catalog-2 { color: #000; background-color: #D2E8AA ; } /* 果醋 */ ul.catalog li a.catalog-3 { border-color: #627c7a; } ul.catalog li.active a.catalog-3 { color: #000; background-color: #C9F0EC; border-color: #627c7a; } ul.catalog li span.catalog-3 { color: #000; background-color: #C9F0EC; } div.catalog-3 { color: #000; background-color: #C9F0EC; } /* 蜜釀( */ ul.catalog li a.catalog-4 { border-color: #c19a21; } ul.catalog li.active a.catalog-4 { color: #000; background-color: #FAE6A4; border-color: #c19a21; } ul.catalog li span.catalog-4 { color: #000; background-color: #FAE6A4; } div.catalog-4 { color: #000; background-color: #FAE6A4; } /* 禮盒 */ ul.catalog li a.catalog-5 { border-color: #b1462e; } ul.catalog li.active a.catalog-5 { color: #000; background-color: #F8D5CD; border-color: #b1462e; } ul.catalog li span.catalog-5 { color: #000; background-color: #F8D5CD; } div.catalog-5 { color: #000; background-color: #F8D5CD; } /* 日記 */ ul.catalog li.active a.catalog-6 { color: #000; background-color:inherit; } ul.catalog li span.catalog-6 { color: #000; background-color:inherit; } div.catalog-6 { color: #000; background-color:inherit; } /* 花醋 */ ul.catalog li.active a.catalog-7 { color: #000; background-color: #F7C8CE; } ul.catalog li span.catalog-7 { color: #000; background-color: #F7C8CE; } div.catalog-7 { color: #000; background-color: #F7C8CE; } /* 米醋 */ ul.catalog li.active a.catalog-8 { color: #000; background-color: #DBE954; } ul.catalog li span.catalog-8 { color: #000; background-color: #DBE954; } div.catalog-8 { color: #000; background-color: #DBE954; } /* 酵釀 */ ul.catalog li.active a.catalog-9 { color: #000; background-color: #FEB675; } ul.catalog li span.catalog-9 { color: #000; background-color: #FEB675; } div.catalog-9 { color: #000; background-color: #FEB675; } #subfooter-inside { border-top: 0px solid #d2d2d2; } #block-uc-product-block-product-top-block { margin-left: 0; margin-right: 0; } #block-uc-product-block-product-top-block h2.title { font-size:1rem ; padding: 8px 8px; color: #fff; background-color: #d1a438; } .attachment ul.nav-pills.catalog > li.badge { font-weight: normal; } .title-teaser-text .title { font-size: 28px; letter-spacing: 5px; text-shadow: black 0.1em 0.1em 0.2em } input[type="submit"].node-add-to-cart { color: #fff; background-color: #EC7800; border-width: 0px; } .btn-danger { background-color: #E50013; } .btn-danger:hover { color:inherit; background-color: #fff; } #edit-edit { color: #fff; background-color: #E50013;} .cart-buttons a { } body.page-line-register #edit-actions {} body.page-line-register #edit-actions .btn { width: 100%; min-width: unset;} #block-superfish-1 .title { display: none;} @media (min-aspect-ratio: 1/5) { body.front #header-container #header-inside {} /* rs sliders overlay gradient */ body.front .transparent-bg { background: linear-gradient(180deg, rgba(255,255,255,1) 6%, rgba(255,255,255,.1) 18%, rgba(255,255,255,0) 32%); } } /* ratio 0.6 */ @media (min-aspect-ratio: 1/3) { body.front #header-container #header-inside {} /* rs sliders overlay gradient */ body.front .transparent-bg { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.1) 30%, rgba(255,255,255,0) 50%); } } /* ratio 0.5 */ @media (min-aspect-ratio: 1/2) { body.front #header-container #header-inside {} /* rs sliders overlay gradient */ body.front .transparent-bg { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.1) 30%, rgba(255,255,255,0) 50%); } } /* ratio 1 */ @media (min-aspect-ratio: 1/1) { body.front #header-container #header-inside {} /* rs sliders overlay gradient */ body.front .transparent-bg { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.1) 45%, rgba(255,255,255,0) 65%); } } /* ratio 1.33 */ @media (min-aspect-ratio: 4/3) { body.front #header-container #header-inside {} /* rs sliders overlay gradient */ body.front .transparent-bg { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 70%); } } /* ratio 1.77 */ @media (min-aspect-ratio: 16/9 ) { body.front #header-container #header-inside {} /* rs sliders overlay gradient */ body.front .transparent-bg { background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,.1) 30%, rgba(255,255,255,0) 50%); } } /* ratio 2.37 */ @media (min-aspect-ratio: 21/9 ) { body.front #header-container #header-inside {} /* rs sliders overlay gradient */ body.front .transparent-bg { background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,.1) 60%, rgba(255,255,255,0) 80%); } } /* superfish menu right arrows */ .sf-sub-indicator { background: url('../images/arrows.png') no-repeat -10px -100px; } @keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } #banner { animation: fadein ease-in 1.2s ; opacity:1; } .far { font-weight: lighter; } body.front.ontop #header-container #header #header-inside { border-bottom: none; } /** meanmenu */ #header-container #header-inside.mean-container { height: 60px; } #header-container #header-inside.mean-container { } #header-container #header-inside.mean-container #header-inside-left { display: inline-block; margin:0; padding:0; position:unset; width:auto; } #header-container #header-inside.mean-container #header-inside-right { display: inline-block; margin:0; padding:0; position:unset; width:auto; } #header-container #header-inside #top-member { display: none; } #header-container #header-inside.mean-container #top-member { display: inline-block; margin:0; padding:0; position:unset; width:auto; line-height:60px; } #header-container #header-inside.mean-container #top-member { float:right; font-size: 20px; margin-right: 1rem;} #header-container #header-inside #top-utensils { display: none; } #header-container #header-inside.mean-container #top-utensils { display: inline-block; margin:0; padding:0; position:unset; width:auto; line-height:60px; } #header-container #header-inside.mean-container #top-utensils { float:right; font-size: 20px; margin-right: 1rem;} #header-container #header-inside #top-cart { display: none; } #header-container #header-inside.mean-container #top-cart { display: inline-block; margin:0; padding:0; position:unset; width:auto; } #header-container #header-inside.mean-container #top-cart { font-size: 20px; 0px; float: right; padding-top:0; } #header-container #header-inside.mean-container #top-cart #cart { display: inline-block; margin:0; padding:0; position:unset; width:auto; line-height:60px; } #header-container #header-inside.mean-container #top-cart #cart .qty { left: -5px; line-height: 20px; } #header-container #header-inside.mean-container .mean-bar { } #header-container #header-inside.mean-container .mean-bar { display: inline-block; margin:0; padding:0; position:unset; width:auto; line-height:60px; float: right;} #header-container #header-inside.mean-container .mean-bar > a { display: inline-block; margin:0; padding:0; position:unset; line-height:60px; } #header-container #header-inside.mean-container .mean-bar > a { float: right; padding: 17px 20px 20px 20px; background-color:inherit; } #header-container #header-inside.mean-container .mean-bar .mean-nav { margin-top: 60px; left: 0; background-color: #ffffffe0; } #header-container #header-inside.mean-container .mean-bar .mean-nav ul { } #header-container #header-inside.mean-container .mean-bar .mean-nav > ul > li:first-child { display:none; } #header-container #header-inside.mean-container .mean-bar .mean-nav ul li { border-bottom: 1px solid white; } #header-container #header-inside.mean-container .mean-bar .mean-nav ul li > a { border-bottom: unset; padding-top:0; padding-bottom:0; height: 60px; } #header-container #header-inside.mean-container .mean-bar .mean-nav ul li > a:hover { } #header-container #header-inside.mean-container .mean-bar .mean-nav ul li > a span { display: none; } #header-container #header-inside.mean-container .mean-bar .mean-nav ul li > ul { margin-top:0px; border-top: 1px solid #896a4e87; } #header-container #header-inside.mean-container .mean-bar .mean-nav ul li a.mean-expand { border-left:0; height: 36px; line-height: 38px;} #header-container #header-inside.mean-container a.meanmenu-reveal span { height: 1px; margin-top: 6px; } #header-container #header-inside.mean-container a.meanmenu-reveal.meanclose:after { font-family: "Font Awesome 5 Pro"; content: "\f00d"; font-size: 24px; font-weight: 300; position: relative; top: -17px; } #top-cart { display: inline-block; } #header-container #header-inside #header-inside-left #logo { margin: 10px 0 0px 0; } #header-container #header-inside #header-inside-left #logo a { display: inline-block; } @media (min-width: 768px) { .onscroll #site-name { margin-top: 4px; } .onscroll #site-name a { line-height: 1; font-size: 16px; } } @media screen and (min-width: 820px) { #site-name { padding-top: 6px; } #site-slogan { font-size: 14px; } #site-name a { font-size: 18px; } .onscroll #site-name { margin-top: 12px; } .onscroll #site-name a { line-height: 1; font-size: 20px; } } @media screen and (min-width: 992px) { } @media (min-width: 1024px) { .onscroll #site-name { margin-top: 4px; } .onscroll #site-name a { line-height: 1; font-size: 24px; } body #logo a img { margin-left: 15px; } body.front.onscroll #logo a img { margin-left: 15px; } } @media (min-width: 1080px) { div.container:has(> div#slideshow-boxed) { max-width: 1080px; padding-left: 0; padding-right: 0; } } @media (min-width: 1200px) { div.container:has(> div#slideshow-boxed) { max-width: 1140px; padding-left: 0; padding-right: 0; } } @media screen and (min-width: 1366px){ } @media (max-width: 1024px){ #site-name a { font-size: 22px; } #site-slogan { font-size: 18px; } div.container:has(> div#slideshow-boxed) { max-width: 1024px; padding-left: 0; padding-right: 0; } } /* Samsung Galaxy Tab S8+ */ @media (max-width: 825px){ body.not-front #header-container #header #header-inside { display: block; } } @media (max-width: 768px){ #logo img { width: 60px; } #site-slogan { display: none; } #site-name a { font-size: 17px; } #site-slogan { font-size: 12px; } #main-navigation ul.menu li a { font-size: 14px; } .attachment ul.nav-pills.catalog > li.badge { } .attachment ul.nav-pills.capacity > li.badge { } } @media screen and (max-width: 768px) { #header-container #header .container {max-width: 100%;} body.front.ontop #header-container #header { background-color: rgb(255 255 255 / 0%); } body.front #header-container #header #header-inside { background-color: rgb(255 255 255 / 0%); display: block; position: relative; width: auto; } body.front.ontop #header-container #header #header-inside { text-align: left; } #header-container #header #header-inside #header-inside-left #site-name { display: none;} #header-container #header #header-inside #header-inside-left #site-slogan { display: none;} #header-container #header #header-inside #header-inside-left #logo { margin: 0px 0 0px 0; } #header-container #header #header-inside #header-inside-left #logo a { width: 60px; height: 60px; } #header-container #header #header-inside #header-inside-left #logo a img { width:100%; scale:1; } body.not-front #header-container #header #header-inside { display: block; } #toTop i { line-height: 45px; } .front-pd .row .col:first-child { padding-right: 0; } .front-pd .row .col:last-child { padding-left: 0; } .front-pd .row .col:not(:first-child) { padding-left: 0; } .front-pd .row .col:not(:last-child) { padding-right: 0; } } @media screen and (max-width: 430px) { #views-form-locations-page table tr { display: block; width:100%; } #views-form-locations-page table tr td { display: block; } #views-form-locations-page table tr td:first-child { text-align: center; } .veg { width:75%; margin-left: auto; margin-right: auto; } .item-list ul.pager { text-align:center; } div.container:has(> div#slideshow-boxed) { max-width: 1080px; padding-left: 0; padding-right: 0; } .cart-buttons a { width: 100%; } } @media screen and (max-width: 414px) { } @media screen and (min-width: 320px) and (max-width: 414px){ body.page-node #page { margin-top: 4rem; padding-top: 0; } html body.admin-menu { margin-top: 0px !important;} body.node-type-webform {} body.node-type-webform #block-block-4 {} body.node-type-webform #block-block-4 .contact-info {} body.node-type-webform #block-block-4 .contact-info h3 { text-align: center;} body.node-type-webform #block-block-6 .line-at {} body.node-type-webform #block-block-6 .line-at div {margin-left:4rem; margin-right: 4rem; } body.node-type-webform #block-block-7 .dahudi {margin-left:4rem; margin-right: 4rem; } .mean-container .mean-bar { padding:0; } #header-container #header-inside { } .mean-container .mean-nav { margin-top: 50px; } body.front #eaves { top: 47px; z-index: 0; display: none; } body #eaves { top: 47px; z-index: 0; display: none; } #logo img { width: 50px; } #header-container #header-inside #header-inside-left #site-name { font-size: 1.4rem; margin:0; padding: 0; } #header-container #header-inside #header-inside-left #site-name a { font-size: 1em; line-height:230%; } #banner { } .view-header { display: none; } body.front #page-container #page::before { background-position: center 20px; } #page-title { margin-top: 10px; font-size: 1.2rem; } .ui-tabs .ui-tabs-nav li { font-size: 16px; } #block-uc-product-block-product-promote-block { display: none; } #sidebar-second { } .foot-logo { margin:0 auto; } .cart-buttons a.ajax-cart[href="/cart"] span.qty { top: -12px; left: -27px} input[type="submit"]{ margin-right: 0; } #page { padding-top:0; } #header-container #header-inside { } #site-name a { font-size: 24px; } } @media screen and (min-width: 415px) and (max-width: 428px){ .mean-container .mean-bar { padding: 0; } #header-container { position: relative; z-index: 100; width: 100%; background-color: #fff; } #header-container #header-inside { top: 0; padding: 0px 0px 0px; position: fixed; background-color: #FFFFFE; width: 100%; } #header-container #header-inside #header-inside-left { margin-left: 3em; margin-right: 1em; padding: 0; } #header-container #header-inside #header-inside-left #logo { margin: 0 0 0 0; float: left; display: inline-block!important; } #site-name { margin: 0px 0 0 0; display: inline-block; padding-top: 0px; } #header-container #site-slogan { display: inline-block; } #logo img { width: 50px; } #site-slogan { display: none!important; } #banner { } } @media screen and (max-width: 390px) { } @media screen and (max-width: 428px){ .attachment ul.nav-pills > li.badge { min-width: 56px; } .attachment ul.nav-pills > li > a { font-size: 10px; min-width: 3em; padding: 8px 4px; } .view-header {text-align: center; } body.front #main-content .container { } .filters { margin: 0px 0 0px 5px; } .filter-items .isotope-item { margin-to: 0; } .isotope-item { padding-left:0 ; padding-right:0 } } @media screen and (max-width: 414px){ body.page-line-register #edit-actions div:first-child { order: 2; } } @media screen and (max-width: 375px){ .attachment ul.nav-pills > li.badge { min-width: 56px; } } @media screen and (max-width: 320px){ input.form-text, textarea, select { font-size: 16px; } #header-container #header-inside #header-inside-left { margin-left: 40px; margin-right: 10px; } #header-container #header-inside #header-inside-left #site-name a { font-size: 1em; line-height: 250%; } .attachment ul.nav-pills.catalog > li.badge { margin: 5px 2px ; min-width: 52px; } .attachment ul.nav-pills.capacity > li.badge { margin: 5px 2px ; min-width: 52px; } body.page-cart-checkout table { font-size: 16px; } body.page-cart-checkout #cart-pane table.cart-review tr { font-size: 16px; } .page-cart-checkout td, .page-cart-checkout th:first-child { padding-left: 10px; } .page-cart-checkout td, .page-cart-checkout th:last-child { padding-right: 10px; } .page-cart-checkout td, .page-cart-checkout th { padding: 10px ​5px; } .page-cart-checkout td.products { width: unset; } h1 { font-size: 34px; font-weight: 400; } } @media screen and (min-width: 320px) and (max-width: 428px) { body.page-node #main-content .container { } body.page-user #main-content .container { padding-top: 2rem!important; } } span.star { top: 0px; -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7)); filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7)); } .copyright { color: #6c757d96; } .contact-info li i{ color:inherit; } /** * products text */ .field.field-type-text { margin-bottom:0.4rem; } .field.field-type-text.field-label-inline { } .field.field-type-text.field-label-inline .field-label { margin-right:0.5rem; } .field.field-type-text.field-label-above { } .field.field-type-text.field-label-above .field-items { padding-left: 0rem; } .field.field-type-text-long.field-label-above { } .field.field-type-text-long.field-label-above .field-items { padding-left: 0rem; } div[class*="field-name-field-agent-"].field.field-type-text { padding-left: 0rem; margin-bottom: 0.1rem } div[class*="field-name-field-agent-title"].field.field-type-text { font-weight: bold; padding-left: 0rem; } div[class*="field-name-field-agent-consultation"].field-type-text.field-label-inline { margin-bottom:1rem; } div.field-name-field-nutrition table { min-width: 350px; } div.field-name-field-ingredient div.field-label { letter-spacing: 5px; } div.field-name-field-capacity div.field-label { letter-spacing: 5px; } div.field-name-field-factory div.field-label { letter-spacing: 5px; } div.field-name-field-made-in div.field-label { letter-spacing: 5px; } div.field-name-field-agent-title div.field-item { letter-spacing: 5px; } #block-uc-product-block-product-promote-block { } #block-uc-product-block-product-promote-block h3 { font-weight: lighter; text-align: center; /*ellipsis*/ overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } aside.fix-sidebar-second { margin-top:39px; } /* 保險 */ .field.field-name-field-insurance { margin-bottom:1rem; } .field-name-field-active-ingredients { margin-bottom: 1rem; } .field-name-field-active-ingredients .table-responsive .table th { border-top: 0px; } .field-name-field-nutrition { margin-bottom:1rem; } .field-name-field-nutrition .field-items .table-responsive .table th { border-top: 0px;} .contact-info a { text-decoration: none; } .contact-info .icon .fas { color:inherit; } .foot-info { margin-top: 34px; } .foot-info a { text-decoration: none; } /*Status messages symbols*/ div.messages.status:before { font-family: "Font Awesome 5 Pro"; font-weight: 600; } div.messages.error:before { font-family: "Font Awesome 5 Pro"; font-weight: 600; } div.messages.warning:before { font-family: "Font Awesome 5 Pro"; font-weight: 600; } .webform-client-form .form-actions { width: 100%; } .webform-client-form .form-actions input { width: 100%; } #footer .footer-area h2.title { margin-bottom: 5px; } #footer .footer-area a { text-decoration:none; } #footer .footer-area a i { margin: 0.5rem; } #footer .footer-area ul { padding-inline-start: 0px; } #footer .footer-area ul li { list-style-type: none; } #subfooter {} .tp-bannertimer { z-index: 20; } #subfooter .ft1 {} #subfooter .ft1 .fts1, #subfooter .ft1 .fts2, #subfooter .ft1 .fts3 { margin-left: 8px; margin-right: 8px; display: inline-block; } #subfooter .ft1 .fts1 { } #subfooter .ft1 .fts2 { } #subfooter .ft1 .fts3 { } /* location pages start */ .img-circle { width:100%; border-radius: 0%; } a.tabledrag-handle .handle { height: 18px; width: 18px; background-position: 5px 5px; } #views-form-locations-page {} #views-form-locations-page .views-table {} #views-form-locations-page .views-table tr { padding:0; } #views-form-locations-page .views-table tr td { padding: 12px 12px; } /* product pages start */ body.node-type-product #page-title { display: none; } /* payment-method */ ul.payment-method { margin-top: 0.5rem; } ul.payment-method li { list-style-type: none; margin-bottom: 3px; } ul.payment-method li.uc_7shoppincode img{ position: relative; bottom: 8px; width: 28px; } /* fivestar */ .field-type-fivestar { } .field-type-fivestar .field-label { float:left; display: inline-block; margin-right: 1rem; } .field-type-fivestar .field-items { float:none; display: inline-block; } .field-type-fivestar .field-items div.fivestar-widget .cancel, div.fivestar-widget .star { scale: 1.5; width: 25.5px; margin-right: 0.5rem; } .field-type-fivestar .field-items div.fivestar-widget-static .cancel, div.fivestar-widget-static .star { scale: 1.5; width: 25.5px; margin-right: 0.5rem; } .field-type-fivestar .field-items .description { margin-top: 1rem; } .field-type-fivestar .field-items .form-item { margin-top: 0; margin-bottom: 0; } /* product swiper */ .swiper-button-prev, .swiper-button-next { color: #6E563D; } .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .gallery-top {} .gallery-top { height: 80%; width: 100%; } .gallery-thumbs { height: 20%; } .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } /* share box */ .share-box { display: block; } .share-title { display: inline-block; vertical-align:middle; padding-bottom: 24px; margin-right: 20px;} .share-buttons { display: inline-block; } .share-buttons a { margin-right: 10px; cursor: pointer; } .fa-line { color: #09b305;} .fa-facebook { color: #2d4682;} .fa-link { color: #1575f0;} .fa-youtube { color: #ff0033;} .fa-map-marker-alt { color: #ea4335;} .node-product .field-name-body { min-height: 5rem; } /* product pages end */ #main { border:0.0px dashed gray;} #main article { border:0.0px dashed gray; } body.node-type-location .field-name-field-location { margin-bottom: 1rem; } body.node-type-location .field-name-field-location .vcard { display: none; } body.node-type-location .field-name-field-location .location-hidden { display: none; } body.node-type-location .field-name-field-locattion-img { } body.node-type-location .field-name-field-locattion-img .field-items {} body.node-type-location .field-name-field-locattion-img .field-items .field-item { padding-bottom: 2rem; } /** test-report */ .view-id-test_report { } .view-id-test_report ul.row { } .view-id-test_report ul.row li { list-style-type: none; padding: 1rem; } .view-id-test_report ul.row li .views-field-field-image { width:100%; position: relative; margin-bottom:0rem; } .view-id-test_report ul.row li .views-field-field-image img { border: 1px solid #d9d9d9; box-shadow: rgba(0, 0, 0, 0.1) 1px -5px 9px; } .view-id-test_report ul.row li .views-field-field-image::after { bottom: -10px; left: 0; position: absolute; display: inline-block; content: ''; content: ""; width: 100%; height: 62px; /* background-color: red; */ background-image: url("../images/paper-shadow-505.png"); /* background-size: 550px 361px; */ background-size: 100% 70px; border: 0px dashed gray; } .node-test-report { } .node-test-report .field-name-field-image .field-items { } .node-test-report .field-name-field-image .field-items .field-item { width:100%; margin-bottom:5rem; position: relative; } .node-test-report .field-name-field-image .field-items .field-item img { border: 1px solid #d9d9d9; width:100%; box-shadow: rgba(0, 0, 0, 0.1) 1px -3px 60px; } .node-test-report .field-name-field-image .field-items .field-item:after { bottom: -186px; right: 0px; position: absolute; display: inline-block; content: ""; width: 100%; height: 309px; /* background-color: red; */ background-image: url("../images/paper-shadow-505.png"); /* background-size: 550px 361px; */ background-size: 869px 200px; border: 0px dashed gray; } /** news */ .view-id-news {} .view-id-news ul.row {} .view-id-news ul.row li.views-row { list-style-type: none;} .view-id-news ul.row li.views-row .views-field-nothing { border: 1px solid #d9d9d9; border-radius:3%; background-color: #fbfbfb; } .view-id-news ul.row li.views-row .views-field-nothing .field-content { } #block-block-85 { padding-bottom:0; } #main-navigation { display: flex; height: 100%; align-items: center; justify-content: flex-end; } .fa-tiktok { color: #111111; filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4); } .fa-instagram { color: transparent; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background-clip: text; -webkit-background-clip: text; } .fa-instagram-square { color: transparent; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background-clip: text; -webkit-background-clip: text; } h3 .uc-price { font-size: 22px; } .view-id-products {} .view-id-products .card-body { font-size: 22px; } .view-id-products .card-body h3 { font-size: 22px; } .view-id-products .card-body h3 .uc-price { font-size: 22px; margin-left: 0.5rem; } .view-id-products .card-body [id^="uc-product-add-to-cart-form-"] { display: flex; flex-direction: column; } .view-id-products .card-body [id^="uc-product-add-to-cart-form-"] .form-actions { } .view-id-products .card-body [id^="uc-product-add-to-cart-form-"] .form-actions .qty-wrapper { margin-right:0; } .view-id-products .card-body [id^="uc-product-add-to-cart-form-"] .form-actions .form-item { margin-top: 2px; } .view-id-products .card-body [id^="uc-product-add-to-cart-form-"] .form-actions input[type="submit"] { min-width: 120px; padding: 10px 15px; }