/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */ /* General Custom CSS */ body {font-family: "微軟正黑體",Microsoft JhengHei,'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .main_color, .main_color div, .main_color header, .main_color main, .main_color aside, .main_color footer, .main_color article, .main_color nav, .main_color section, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter, .main_color .related_posts.av-related-style-full a{ font-family: "微軟正黑體",Microsoft JhengHei,'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .footer_color .heading-color, .footer_color a.iconbox_icon:hover, .footer_color h1, .footer_color h2, .footer_color h3, .footer_color h4, .footer_color h5, .footer_color h6, .footer_color .sidebar .current_page_item>a, .footer_color .sidebar .current-menu-item>a, .footer_color .pagination .current, .footer_color .pagination a:hover, .footer_color strong.avia-testimonial-name, .footer_color .heading, .footer_color .toggle_content strong, .footer_color .toggle_content strong a, .footer_color .tab_content strong, .footer_color .tab_content strong a, .footer_color .asc_count, .footer_color .avia-testimonial-content strong, .footer_color div .news-headline, #top .footer_color .av-related-style-full .av-related-title, .footer_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .footer_color .wp-playlist-item-meta.wp-playlist-item-title, #top .footer_color .av-no-image-slider h2 a, .footer_color .av-small-bar .avia-progress-bar .progressbar-title-wrap{ font-family: "微軟正黑體",Microsoft JhengHei,'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .main_color .template-archives .tabcontainer a, #top .main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab{ color: #333; font-size: 15px;} .main_color .sidebar_tab, .main_color .tabcontainer .tab { font-size: 15px;} div .slideshow_caption h2 { text-transform:initial; } #top .fullsize .template-blog .big-preview{display: none;} #top .fullsize .template-blog .big-preview{display: none;} /* Grid Fix */ /*div .av_one_fourth { margin-left: 2%; width: 23%;} div .av_one_third {margin-left: 2%; width: 31%;}*/ /* =====補充社群功能===== */ /*line*/ #top #wrap_all .av-social-link-line:hover a{color:#fff; background-color:#75c93c; } /*blog*/ #top #wrap_all .av-social-link-blog:hover a{color:#fff; background-color:#3e91d1; } /* =====多國語系圖示===== 需要在選單上加入『ms-lang』參數 */ #top #header #header_main .ms-lang > a > .avia-menu-text{ background:url("/wp-content/themes/iwebtw/images/lang.png") no-repeat 0 center; background-size:15px auto; padding: 0 0 0 25px;} /* =========================== */ /* 網頁路徑*/ /*============================ */ /* =====路徑不顯示文章名稱===== */ /*.breadcrumb-trail .trail-end{ display: none;}*/ /*樣式修改*/ #top .title_container{ background: none;} #top .title_container .container{ min-height: inherit; padding-top: 15px;} .title_container .breadcrumb{ left: 0; right: inherit; display: inline-block; position: static; } /* ============================= */ /* 版型&系統優化*/ /*============================== */ /*表頭*/ .av_minimal_header #header_main_alternate { border: #c7c7c7 1px solid; } #top .av_header_transparency #header_main_alternate{ border-top: rgba(255, 255, 255, 0.3) 1px solid; } /*側邊欄*/ #top #main .sidebar_left .sidebar{border: 0;} .widget_categories .widgettitle{ font-size: 18px;line-height: 18px; margin: 0; padding: 0 0 25px;} .widget_categories .widgettitle{ font-size: 1.3em; padding: 0 0 20px 0; display: inline-block; width: 100%;} .widget_categories{text-align: left;} .widget_categories .cat-item > a{font-weight: bold;} .widget_categories > ul > .cat-item > a{ background: none; color: #333; padding: 13px 30px 13px 20px; margin: -1px 0 0 0; display: inline-block; border: 0; border-bottom: 1px solid #d8d8d8; position: relative; font-weight: bold; width: 100%;} .widget_categories > ul > .cat-item >a:after{ content: ''; position: absolute; border-left: 3px solid #cacaca; height:17px; top:15px; left: 0;} .widget_categories > ul > .current-cat > a, .widget_categories > ul > .current-cat-parent > a, .widget_categories > ul > .current-cat-parent > .children .current-cat a { color: #d9530b; font-weight: bold;} .widget_categories .children .cat-item > a{ font-weight: normal; text-decoration: none;} .widget_categories .cat-item > a:hover{text-decoration: none;} .widget_categories .cat-item .children .cat-item{padding: 0 0 0 1em;} #top .widget_categories > ul > li .children{padding: 15px 0 25px 0;} #top .widget_categories > ul > li .children li{ padding: 5px 0px 5px 20px;} #top .news-wrap li{border-bottom: 1px solid #d8d8d8;} /*圖標列表*/ #top .av-iconlist-small li{ padding: 0 0 15px 0;} #top .av-iconlist-small .iconlist_icon{ margin-right: 10px;} /*瀑布流相冊-黑邊修正*/ .av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container{width: 101%;height: 101%;} /*按鈕邊線參數*/ #top #wrap_all .avia-button.avia-color-light, #top #wrap_all .avia-button.avia-color-dark{ border-width:0; background-color: #7aa23f; color: #ffffff; border-radius: 2px; } #top #wrap_all .avia-button.avia-color-light, #top #wrap_all .avia-button.avia-color-dark:hover{ border-width:0; background-color: #7aa23f; color: #ffffff; border-radius: 2px; opacity: 1; } /* ======================================================================== heading.css ======================================================================== */ .av-special-heading{ margin-top: 25px;} #top .av-subheading_below{margin-top: 15px;} /*h3專用標籤效果*/ #top #wrap_all h3.av-special-heading-tag{ border-bottom: 2px solid; display: inline-block; padding: 0 0 20px 0px; margin: 0 0 5px 0; } /*預設版樣式，不顯示下底線*/ #top #wrap_all h1[itemprop="headline"]{padding: 0;border: 0; margin: 5px 0;} #top #wrap_all h2[itemprop="headline"]{padding: 0;border: 0; margin: 5px 0;} #top #wrap_all h3[itemprop="headline"]{padding: 0;border: 0; margin: 5px 0;} #top #wrap_all h4[itemprop="headline"]{padding: 0;border: 0; margin: 5px 0;} #top #wrap_all h5[itemprop="headline"]{padding: 0;border: 0; margin: 5px 0;} #top #wrap_all h6[itemprop="headline"]{padding: 0;border: 0; margin: 5px 0;} #top #wrap_all .av-section-color-overlay-wrap .av-inherit-size .av-special-heading-tag{ text-shadow: 0px 0px 2px #333; font-weight: bold; } #top #wrap_all .av-section-color-overlay-wrap .av-subheading_below{ text-shadow: 0px 0px 2px #333; font-weight: bold; } /*#top .av_header_with_border.av_header_transparency #header_main #avia-menu > li > a{ color: #FFF;} #top .av_header_with_border.av_header_transparency #header_main #avia-menu > li > a .avia-menu-text{ color: #FFF;}*/ /*手機版Logo縮小*/ @media only screen and (max-width:768px) { .responsive #top .logo{ width: 50%;} } /* ======================================================================== slideshow 字體效果 ======================================================================== */ h2.avia-caption-title {text-shadow: 0px 0px 2px #333; font-weight: bold;} .avia-caption-content p{text-shadow: 0px 0px 2px #333; font-weight: bold;} /*資訊區*/ .sidebar_left .content{ border: 0;} /*選單-下拉-顏色還原成透明*/ #top #header .avia_mega_div .sub-menu,#top #header .avia_mega_div > .sub-menu > li > ul > li a{ background:none;} /*搜尋圖示-顏色*/ /*#top #wrap_all #menu-item-search > a{ font-size: 23px; color: #d15b40;}*/ /* =====作品集網格===== */ #top .avia-fullwidth-portfolio .grid-entry .inner-entry .grid-content{ text-align: center;} #top .avia-fullwidth-portfolio .grid-entry .inner-entry .grid-content .entry-content-header h3 a{ font-size: 15px;} /*=====Footer =====*/ body#top #footer .widgettitle {font-size: 18px;} body#top #footer .textwidget {font-size: 15px;} #top #wrap_all #footer-contactus a{ text-decoration: none;} /*=====手機版支援TOP功能 =====*/ @media only screen and (max-width:991px) { #scroll-top-link.avia_pop_class{ display: block; visibility: visible; } } /* =====全屏選單修正=====*/ #top .av-subnav-menu > li {padding: 15px 0;display: inline-block;font-size: 16px;} /*=====固定手機版表頭=====*/ @media only screen and (max-width: 767px) { .responsive #top #wrap_all #header{position: fixed;} .responsive #top #main{margin:80px 0 0 0;} } /*=====L手機版 Footer ICON放大=====L*/ @media only screen and (max-width: 767px) { #socket .social_bookmarks{ float: none; margin: 0; position: inherit; display: inline-block; width: 100%; text-align: left; } #socket .social_bookmarks a{ color: #FFF; font-size: 35px; margin: 5px;} #socket .social_bookmarks li{ margin: 15px 15px 15px 0; overflow: inherit; display: inline-block;float: none;} } /* =====ICON Grid補強===== */ @media only screen and (max-width: 991px) { .avia-icongrid-flipbox li .avia-icongrid-front .avia-icongrid-inner {padding: 1.5em 0em;} .avia-icongrid-flipbox li .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox li .avia-icongrid-flipback .avia-icongrid-inner{padding:0.5em;} } /* ============================================================================================================================= */ /* 購物車系補強*/ /*============================================================================================================================== */ /*排序及顯示產品*/ .sort-param > li > span, .sort-param > li > a{} .main_color .sort-param > li > span, .main_color .sort-param > li > a, .main_color .sort-param ul{ background-color: #FFF; border: 1px solid #d5d5d5; border-radius:3px; } div .product-sorting .sort-param-count{ float: right; } @media only screen and (max-width:991px) { div .product-sorting .sort-param-count{ float: left; } } /* 產品分類上方圖片大小 */ @media only screen and (min-width:991px) { #main #av_product_description { height: 350px;} #main #av_product_description .av-section-color-overlay-wrap .content{ padding:120px 0;} } /*側邊列表*/ #wrap_all .widget_product_categories h3{font-size: 18px;line-height: 18px;margin: 0; padding: 0 0 25px;} #top .widget_product_categories > ul > li > a{ background: none; color: #333; padding:10px 30px 10px 20px; margin:-3px 0 0 0; display: inline-block; border: 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; position: relative; font-weight: bold; width: 100%; } #top .widget_product_categories > ul > li > a:after{ content:''; position: absolute; border-left: 3px solid #cacaca; height:17px; top:17px; left: 0; } #top .product-categories .cat-item{ position: relative;} #top .product-categories > .current-cat > a, #top .product-categories > .cat-parent > a, #top .product-categories > .current-cat-parent .children .current-cat a { font-weight: bold; color: #d9530b;} /*#top .widget_product_categories > ul > li.current-cat > a, #top .widget_product_categories > ul > li.cat-parent > a{color: #d9530b;}*/ #top .widget_product_categories > ul > li > .children{padding: 15px 0 25px 0;} #top .widget_product_categories ul .count{ position: absolute; right: 0; top: 7%;font-style: initial; font-size: 12px;} #top .widget_product_categories a{text-decoration: none;} #top .widget_product_categories a:hover{ color: #06467F;} .woocommerce-widget-layered-nav > .widgettitle{ font-size: 18px;line-height: 18px; margin: 0;padding: 0 0 25px;} .woocommerce-widget-layered-nav-list{} .woocommerce-widget-layered-nav-list .wc-layered-nav-term{ display: inline-block; padding: 0; border: 1px solid #d8d8d8; margin: 0 10px 10px 0; border-radius: 3px; position: relative; } .woocommerce-widget-layered-nav-list .wc-layered-nav-term a{ display: inline-block;padding: 5px 20px;text-decoration: none; } .woocommerce-widget-layered-nav-list .wc-layered-nav-term a:hover, .woocommerce-widget-layered-nav-list .chosen a, #top .woocommerce-widget-layered-nav-list .chosen a:hover{background-color: #d9530b; color: #FFF; } #top .woocommerce-widget-layered-nav-list .chosen a:before{ color: #FFF;} .woocommerce-widget-layered-nav-list .wc-layered-nav-term .count{ position: absolute; z-index:-1; right: 10px; top: 4px; font-style: initial; font-size: 12px; display: none; } /*產品列表-預設圖片滿版*/ #wrap_all #main #page-thumb-fullimg img{ width:100%;} /* 購物車系統列表-補強 */ .sidebar_left.sidebar{ text-align: left;} .widget_product_categories li a{ font-size: 15px; } .widget_product_categories .product-categories{ line-height: 2em;} /*產品列表(色塊模式）*/ #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {font-size: 1em;} /*產品描述*/ .woocommerce-product-details__short-description{ display: inline-block; margin:25px 0; width: 100%;} /*產品專區規格區*/ #top .variations td{vertical-align: middle;} #top .variations_form{width: 100%;} #top .variations_form > table {margin: 30px 0 0 0;} #top #wrap_all #main .variations_form{ padding: 0 0 25px 0; margin: 0 0 25px 0; border: 0; background: none; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } /* 價格選擇-顏色補強 */ #top .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle{background-color: #003169;} #top .main_color .widget_price_filter .ui-slider-horizontal .ui-slider-range{ background-color: #b8d9ff;} #top .main_color .widget_price_filter .price_slider_wrapper .ui-widget-content{ margin-top:35px; margin-bottom: 20px;} div .widget_price_filter .price_slider_wrapper .price_label{ display: inline-block; width: 100%;margin: 15px 0 0 0;} /*產品報價-自定義顏色*/ #top .main_color .price, .main_color .stock, #top #wrap_all .main_color ins, .main_color .products .product-category h3 .count, .main_color .widget_layered_nav_filters .chosen a:before, .main_color .widget_layered_nav .chosen a:before {color: #ea0000;} /*購物車按鈕-自定義顏色*/ #table_id_6467 a.wpt_woo_add_cart_button{ background-color: #7aa23f;} .cart_dropdown{ width: 55px; height: 55px;} .header_color .cart_dropdown_first .cart_dropdown_link{line-height: 53px; font-size: 23px; color: #d15b40; } #top .av-cart-counter.av-active-counter{ background: #be0000;} .yith-wcwl-add-button,.yith-wcwl-wishlistexistsbrowse{ padding: 8px 9px; background-color: #7BA23F; color: #fff; font-size: 13px; border-radius:2px; font-weight: bold; text-align: center; max-width: 110px; width: 100%; font-weight: normal; display: inline-block; } #main .yith-wcwl-add-button a{ color: #FFF; } @media only screen and (max-width: 767px) { .wpt_mobile_desc_part .wpt_for_product_desc{ width: 100%; } } /*加入購物車提示對話-配色*/ #top div.woocommerce-message {border-color: #eeeeee;background-color: #e6e6e6;color: #333333;} /*購物車頁籤及系統底色*/ .main_color .woocommerce-tabs .tabs .active, .main_color div.product .woocommerce-tabs .panel, .main_color .activeslideThumb, .main_color #payment li, .main_color .widget_price_filter .ui-slider-horizontal .ui-slider-range, .main_color .avia_cart, .main_color form.login, .main_color form.register, .main_color .col-1, .main_color .col-2, .main_color .variations_form, .main_color .dynamic-title, .main_color .single-product-main-image .thumbnails a, .main_color .quantity input.qty, .main_color .avia_cart_buttons, #top .main_color .dropdown_widget .buttons, div .dropdown_widget .cart_list li:hover, .main_color .woocommerce-info, #top .main_color .chosen-container-single .chosen-single, #top .main_color .chosen-search input[type='text'], .main_color .chosen-results, .main_color .chosen-container .chosen-drop, #top .main_color .select2-container .select2-choice, .main_color .widget_layered_nav_filters .chosen a:hover, .main_color .widget_layered_nav .chosen a:hover, .main_color .woocommerce-MyAccount-navigation-link.is-active, .main_color .woocommerce-MyAccount-navigation-link:hover{ background: #FFF;} /* 產品資訊頁頁籤 */ @media only screen and (max-width: 767px) { .responsive #top .main_color .tabcontainer .active_tab { background-color: #0070C7; color: #FFF; } } /* 補充社群功能-彩色 */ #top .social_bookmarks li{margin: 0 5px;} #top #wrap_all .av-social-link-line a{color:#fff; background-color:#75c93c; } #top #wrap_all .av-social-link-whatsapp a{color:#fff; background-color:#6ce282; } #top #wrap_all .av-social-link-rss a{color:#fff; background-color:#ffa133; } #top #wrap_all .av-social-link-facebook a{color:#fff; background-color:#37589b; } #top #wrap_all .av-social-link-twitter a{color:#fff; background-color:#46d4fe; } #top #wrap_all .av-social-link-mail a{color:#fff; background-color:#9fae37; } #top #wrap_all .av-social-link-dribbble a{color:#fff; background-color:#e44885; } #top #wrap_all .av-social-link-linkedin a{color:#fff; background-color:#419cca; } #top #wrap_all .av-social-link-search a{color:#fff; background-color:#222222; } #top #wrap_all .av-social-link-gplus a{color:#fff; background-color:#de5a49; } #top #wrap_all .av-social-link-behance a{color:#fff; background-color:#008cfa; } #top #wrap_all .av-social-link-flickr a{color:#fff; background-color:#ff0086; } #top #wrap_all .av-social-link-forrst a{color:#fff; background-color:#234317; } #top #wrap_all .av-social-link-myspace a{color:#fff; background-color:#000000; } #top #wrap_all .av-social-link-tumblr a{color:#fff; background-color:#345574; } #top #wrap_all .av-social-link-vimeo a{color:#fff; background-color:#31baff; } #top #wrap_all .av-social-link-youtube a{color:#fff; background-color:#a72b1d; } #top #wrap_all .av-social-link-pinterest a{color:#fff; background-color:#cb2027; } #top #wrap_all .av-social-link-skype a{color:#fff; background-color:#12a5f4; } #top #wrap_all .av-social-link-instagram a{color:#fff; background-color:#a67658; } #top #wrap_all .av-social-link-five_100_px a{color:#fff; background-color:#222222; } #top #wrap_all .av-social-link-soundcloud a{color:#fff; background-color:#F76700; } #top #wrap_all .av-social-link-xing a{color:#fff; background-color:#006567; } #top #wrap_all .av-social-link-vk a{color:#fff; background-color:#597BA5; } #top #wrap_all .av-social-link-reddit a{color:#fff; background-color:#FF4500; } /*按鍵行-補強(圓形圖標)*/ #top #wrap_all .avia-slideshow-button, #top .avia-button, .html_elegant-blog .more-link, .avia-slideshow-arrows a:before { border-radius: 5px; border-width: 2px; } /* =====會員登入Bug修正===== */ #top form.login, #top form.register{ width: 100%; display: inline-block;} /*=====最新消息列表優化=====*/ .avia-content-slider .slide-entry-title{margin: 0 0 20px 0;} .avia-content-slider .slide-meta{margin: 0; padding: 0;} .avia-content-slider .slide-image {overflow: hidden;margin-bottom: 30px;border-radius: 3px;} .slide-entry-excerpt .read-more-link {margin: 15px 0 0 0;} .slide-entry-excerpt .read-more-link a{ background:#2d5c88; color: #FFF; padding: 5px 20px;} @media only screen and (max-width:500px){ /*=====最新消息列表優化-兩行=====*/ /*系統樣式優化*/ .content, .sidebar{ padding-top: 20px; padding-bottom: 20px; } .responsive #top #wrap_all .container{ width: 90%; max-width:100%; } .responsive #top .sort_width_container{ margin:0; } /*最新消息列表優化*/ .responsive #top #wrap_all .av_default_container_wrap .container .units{ padding: 20px 0 0 0; } .responsive #top #wrap_all #main .avia-content-grid-active .slide-entry-wrap{ width: auto; float: none; clear: both; display: inline; } .responsive #top #wrap_all #main .avia-content-grid-active .slide-entry{ width: 50%; clear: none; float: left;padding: 0 10px; margin: 0 0 25px 0; } /*最新消息列表優化-圖片*/ .responsive #top #wrap_all #main .avia-content-grid-active .slide-image{ margin: 0 0 10px 0; } /*最新消息列表優化-兩行-標題*/ .responsive #top #wrap_all #main .avia-content-grid-active .entry-content-header{ height: 3.8em; overflow: hidden; font-size: 15px; } /*最新消息列表優化-兩行-無描述*/ .responsive #top #wrap_all #main .avia-content-grid-active .slide-entry-excerpt{ display: none;} } /* =====JSON-LD===== */ #jd-breadcrumb{} #jd-breadcrumb .breadcrumb li{ display: inline;} #jd-breadcrumb .breadcrumb a{ display: inline;} #jd-breadcrumb .breadcrumb a:after {content: "»";color: rgb(0, 0, 0); padding: 0 5px;} /*目錄功能補強*/ #top .av-tab-with-image .av-inner-tab-title{ font-size: 15px; font-weight: bold;} #top .av-catalogue-list .av-catalogue-item{ padding: 20px 0px;} #top .av-catalogue-list li{ border: 0;} .av-catalogue-list .av-catalogue-title{ padding:0 0 5px 0; margin: 0 0 10px 0; font-size: 15px; font-weight: bold; border-bottom:2px solid #9e9d9d; display: inline-block;} .av-catalogue-list .av-catalogue-content{ font-size: 15px;} /*選項卡訂製*/ .av-tab-no-icon.av-tab-no-image .av-inner-tab-title{ font-weight: bold; font-size: 16px; color: #333; } .av-tab-section-tab-title-container .av-active-tab-title .av-inner-tab-title {color: #026087;} .av-tab-section-tab-title-container{ border-bottom: 1px solid #333; background: none;padding: 25px 0 0 0;} .av-tab-section-tab-title-container .av-active-tab-title .av-tab-arrow-container{ border-bottom:4px solid #026087;} /*hover*/ .av-tab-section-tab-title-container .av-section-tab-title:hover .av-tab-arrow-container{ border-bottom:4px solid #026087;} .av-tab-section-tab-title-container .av-active-tab-title:hover .av-tab-arrow-container{ border-bottom:4px solid #026087;} /* ====================== */ /* 購物車系補強 for Woo4*/ /*======================*/ #top div div.product .woocommerce-tabs ul.tabs li a{ white-space: initial;} #top .woocommerce-tabs .tabs li a{ margin: initial;} /*相關產品底色沒有Fix*/ #top .av-product-class-minimal, .avia-section.avia-section-small{ background: #FFF; } /*開發用*/ /*#top .products .thumbnail_container, #top .products .thumbnail_container img, #top .av-product-class-minimal, .avia-section.avia-section-small{ border: 1px solid #333; }*/ @media only screen and (max-width:1024px){ /*產品專區列表，手機版模式兩排*/ .responsive #top #main .products .product { margin: 0 0 20px 0; padding:0 10px; width: 50%; clear: none; } } /*=========產品列表圖片自動縮放Fix=========*/ /*Woo預設模式Fix*/ /*inner_product main_color wrapped_style noLightbox av-product-class-*/ #top .products .av-product-class- .woocommerce-LoopProduct-link::before{ padding: 120% 0 0 0;} #top .products .av-product-class- .thumbnail_container{ height:70%;} #top .products .av-product-class- .thumbnail_container::before{padding:70% 0 0 0;} #top .products .av-product-class- .thumbnail_container img{ max-height: 90%;} /*Woo預設模式-無按鈕Fix*/ /*inner_product main_color wrapped_style noLightbox av-product-class-no_button*/ #top .products .av-product-class-no_button .woocommerce-LoopProduct-link::before{ padding: 120% 0 0 0;} #top .products .av-product-class-no_button .thumbnail_container{ height:70%;} #top .products .av-product-class-no_button .thumbnail_container::before{padding:70% 0 0 0;} #top .products .av-product-class-no_button .thumbnail_container img{ max-height: 90%;} /*無邊線模式Fix*/ /*inner_product main_color wrapped_style noLightbox av-product-class-minimal*/ #top .products .thumbnail_container{height:70%;} #top .products .thumbnail_container::before{padding:100% 0 0 0;} @media only screen and (max-width:500px){ #top .products .thumbnail_container{ height: 60%;} } /*覆蓋模式Fix*/ /*inner_product main_color wrapped_style noLightbox av-product-class-minimal-overlay*/ #top .products .av-product-class-minimal-overlay .thumbnail_container{ height: 100%;} #top .products .av-product-class-minimal-overlay .thumbnail_container::before{padding: 100% 0 0 0;} #top .products .woocommerce-LoopProduct-link{ position: relative; text-align: center; vertical-align: middle; } /*最外圍參數調整*/ #top .products .woocommerce-LoopProduct-link::before{ content:''; padding:100% 0 0 0; display: inline-block; vertical-align: middle; } /*圖片調整*/ #top .products .thumbnail_container{ position: absolute; top:0; left: 0; width: 100%; text-align: center; vertical-align: middle; } /*圖片調整-padding要跟上一個高度參數一樣圖片才會置中*/ #top .products .thumbnail_container::before{ content:''; display: inline-block; vertical-align: middle; } #top .products .thumbnail_container img{ display: inline-block; vertical-align: middle; text-align: center; max-height:100%; width:auto; } /*產品名稱調整*/ #top .av-product-class-minimal .inner_product_header{ margin: 0; padding: 0; height:6em; } #top .av-product-class-minimal .inner_product_header .woocommerce-loop-product__title{ height: 2.6em;margin: 0 0 5px 0;padding: 0 15px;overflow: hidden; } #top .inner_product_header{ position: initial; bottom:0; width: 100%; } /*特價-PC Fix*/ #top div .product_on_sale .inner_product_header{padding: 0;} #top .onsale{ position: absolute; top: 0; left: 0; width: 40px; height: 40px; overflow: hidden; z-index: 100;} .responsive #top .single-product-main-image .onsale{ top: 15px; left: 15px; } /*產品圖片上面的放大鏡 Fix*/ .single-product-main-image{position: relative;} .single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox{ position: absolute; top: 15px; right: 15px; left: inherit; border: 1px solid #ebebeb; } /*產品圖片上-點擊放大上的標題文案Fix*/ .mfp-content .mfp-title{display: none;} /*產品標題*/ #top .template-shop .single-product-summary h1{ font-size: 24px;} /*=========產品資訊頁-等比例縮小 Fix=========*/ /*版型預設模式*/ #top #wrap_all .woocommerce-product-gallery__wrapper > .lightbox-added{ position: relative; text-align: center; vertical-align: middle; } #top #wrap_all .woocommerce-product-gallery__wrapper > .lightbox-added::before{ content:''; padding:70% 0 0 0; display: inline-block; vertical-align: middle; } #top #wrap_all .woocommerce-product-gallery__wrapper > .lightbox-added img{ display: inline-block; width: auto; max-height: 300px; height: auto; text-align: center; vertical-align: middle; } /*Ｗoo模式*/ #top #wrap_all .woocommerce-product-gallery__image > a{ position: relative; text-align: center; vertical-align: middle; } #top #wrap_all .woocommerce-product-gallery__image > a::before{ content:''; padding:70% 0 0 0; display: inline-block; vertical-align: middle; } #top #wrap_all .woocommerce-product-gallery__image > a >img{ display: inline-block; width: auto; max-height: 300px; height: auto; text-align: center; vertical-align: middle; } /* ============================================================================================================================= */ /* 加價購模組 WPC Product Bundles for WooCommerce中文版 Fix*/ /*============================================================================================================================== */ .woosb-products .woosb-product .woosb-qty{ min-width: 150px; padding: 0; margin: 0;} @media only screen and (max-width: 767px) { #wrap_all .woosb-products .woosb-product{ display: inline-block; width: 50%;float: left;} #wrap_all .woosb-products .woosb-product > div:last-child {padding-right: 0;text-align: left;height: 70px; overflow: hidden;} #wrap_all .woosb-wrap .woosb-text { white-space: initial; width: 100%; display: block;float: left; margin: 0 0 30px 0;} } /* ============================================================================================================================= */ /* [Woo強化功能] WooCommerce 補充備註規格(免費版) WooCommerce Custom Product Addons (Free) Fix*/ /*============================================================================================================================== */ .wcpa_form_outer label{ margin: 0 0 10px 0;padding: 0; width: 100%;} .wcpa_form_outer .wcpa_checkbox{ display: inline-block;padding: 0 15px 0 0; } .wcpa_form_outer .wcpa_radio{ display: inline-block;padding: 0 15px 0 0; } /* ====================== */ /* 表單樣式*/ /*請在樣式表加入此參數liteform-style */ /*======================*/ #top #wrap_all .liteform-style input[type="text"]{ border: 0; border-radius: 0; background: #FFF; border-bottom: 1px solid #898989; } #top #wrap_all .liteform-style textarea{ border-radius: 0; background: #FFF; border: 1px solid #898989; } /* =========================== */ /* BLOG優化*/ /*============================ */ /*內頁上方縮圖*/ .post-template-default .sidebar_left .big-preview{display: none;} /*內頁標題*/ .entry-content-wrapper .big-preview.single-big {padding: 0px 0px 25px 0;} #top #wrap_all .entry-content-wrapper .post-title{ margin: 0 0 20px 0;} #top .av-alb-blogposts.template-blog div.post_delimiter{ padding:0;} /* =========================== */ /* 手機版選單*/ /**/ /*============================ */ .mb-menus{ padding: 0; margin: 0; width: 100%; position:fixed; bottom:0; left:0; z-index:99999999; display: none;} .mb-menus a{ font-size:13px; color: #FFF; border-right: 1px solid #99af78; background-color:#7BA23F; text-decoration: none; display: inline-block; width:100%; float: left; text-align: center; padding:40px 0 7px 0; background-position:center 12px; background-repeat:no-repeat; } .mb-menus a:hover{ background-color:#466812; } .mb-menus li{ margin: 0; padding: 0; width: 25%; float: left;} .mb-menus .mb-tel{ background-image:url(../images/tel.png); background-size:23px auto;} .mb-menus .mb-product{ background-image:url(../images/file.svg); background-size:25px auto;} .mb-menus .mb-news{ background-image:url(../images/news.png); background-size:18px auto;} .mb-menus .mb-email{ background-image:url(../images/email.png); background-size:27px auto;} @media screen and (max-width:991px){ .mb-menus{ display: inline-block;} /*TOP置頂按鈕FIX*/ #scroll-top-link{ bottom: 85px; right: 10px; } } @media only screen and (min-width: 768px) { /* Add your Desktop Styles here */ #header_main .logo{ padding: 20px 0; } } /*檔案表格模式Fix*/ #top #wrap_all .wpt_product_table_wrapper div.tables_cart_message_box div.widget_shopping_cart_content .buttons>a.button{ border-radius: 5px; padding: 10px 15px; margin: 0 0 0 15px; } @media screen and (max-width:768px){ #wrap_all #main .wpt_table_tag_wrapper .wpt_product_title{ display: inline-block; width: 100%; } .wpt_table_tag_wrapper .product_title{ width: 50%; float: right; } .wpt_table_tag_wrapper .product_title a{ font-weight: bold; font-size:16px; display: inline-block; width: 100%; margin: 0 0 15px 0; } .wpt_table_tag_wrapper .wpt_mobile_desc_part{ width: 50%; float: left; } .wpt_table_tag_wrapper .wpt_mobile_desc_part .thumbnails{ width: 100%; padding: 8px 20px 0 0; margin: 0 0 10px 0; } .wpt_table_tag_wrapper .wpt_mobile_desc_part img{ width: 100%; } .wpt_table_tag_wrapper .wpt_action{ width: 100%; display: inline-block; } .wpt_table_tag_wrapper .action{ text-align: center; } } /* ====================== */ /* Woo cart UI補強*/ /*======================*/ .cart input{width: auto;} .woocommerce-order-details__title,.woocommerce-column__title{ font-size:20px; } table.shop_table th,table.shop_table td{ border: 0;} #top .main_color .quantity input.plus, #top .main_color .quantity input.minus{ padding: 0; border:2px solid #e1e1e1; background: #FFF; width: 25px; margin: 0; } #top #main .shop_table.order_details{ padding: 0; background: #FFF; border: 0; } .woocommerce-cart-form__contents{} .woocommerce thead tr th{ font-weight: bold; font-size: 16px; border-bottom: 2px solid #e1e1e1; } .woocommerce thead tr th.product-quantity{ text-align: center; } .woocommerce tr td,.woocommerce tr th{ border-bottom:1px solid #e1e1e1; } .woocommerce-cart-form{ width: 60%; float: left; } .cart-collaterals{ width: 35%; float: right; clear: none; } .cart-collaterals .cart_totals{ display: inline-block; border: 2px solid #e1e1e1; padding: 3%; width: 100%; border-radius:5px; } .cart-collaterals .cart_totals a.button.alt{ width: 100%; } .cart-collaterals h2{ font-size: 20px; line-height: 1.1em; margin:15px 0 30px 0; text-align: center; } @media screen and (max-width:991px){ .woocommerce-cart-form{ width: 100%;} .cart-collaterals{ width: 100%;} } @media screen and (max-width:479px){ .responsive table.shop_table{ border-width:0; } .responsive #top table .product-name{ border-left-width:0; } } /* ====================== */ /* Woo checkout UI補強*/ /*======================*/ div table.shop_table td{ padding: 10px 12px;} @media screen and (min-width:992px){ #customer_details{ width: 50%;} #customer_details .col-1{ width: 100%;} #customer_details .col-2{ width: 100%;} #order_review_heading,#order_review{ width: 50%; clear: none; float: right; padding: 0 0 0 5%; } } #customer_details label{ margin:0 0 5px 0;} #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select{ border: 2px solid #e1e1e1; } #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select{ background-color: #FFF; } .main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: #FFF; } .main_color #payment{ background: #FFF; } #top #payment{ border-top-width: 1px;} #top #payment ul.payment_methods{ border:0; padding: 0; } #top #payment div.form-row{ padding:10px; margin: 0; } #top #payment #place_order{ width: 100%; } .woocommerce-checkout-review-order-table tr, .woocommerce-checkout-review-order-table tr th, .woocommerce-checkout-review-order-table tr td{ border: 0; border-bottom: 1px solid #e1e1e1; padding: 10px 12px; } .woocommerce-checkout-review-order-table thead tr th{ font-weight: bold; font-size:16px; border-bottom:2px solid #e1e1e1; } #order_review .order-total th, #order_review .order-total td strong{ font-weight: bold; font-size:16px; color: #c82626; } @media only screen and (max-width: 767px) { .responsive #top .col2-set .col-1{ width: 98%; } } /*移除購物車訊息*/ .woocommerce-message { display: none; } /*會員專區，社群登入狀態*/ .woocommerce-MyAccount-content .wc-social-login-profile{ width: 100%; border: 0; margin: 20px 0 0 0; display: none; } /*最愛清單FIX*/ .wishlist_table.mobile li{ display: inline-block; width: 100%; padding: 0 0 25px 0; margin: 0 0 25px 0; border-bottom: 1px solid #c0c0c0; } @media only screen and (max-width: 767px) { .product-remove{ float: right;} .product-remove a:after{ background-color: #7aa23f; color: #ffffff; border-color: #58801d; content:"移除"; padding: 6px 25px; font-size: 12px; border-radius: 2px; } .product-remove a i{display: none;} } /*回上一頁*/ .webpage-back{ display: none; width: 100%; padding:20px 0 50px 0; } .woocommerce-page .webpage-back{ display: block;} /*--------------------------------*/ /*form7表單*/ /*--------------------------------*/ #top .main_color .form7-element{ float: left; padding: 0 25px 0 0; display: inline-block; } #top .main_color .form7-element input{border: 0;border-radius: 0;background: #FFF;border-bottom: 1px solid #898989;} #top .main_color .form7-element select{border: 1px solid #9e9e9e; padding: 10px 15px; } #top .main_color .form7-element label{ margin: 0 0 10px 0; width: 100%; display: inline-block;} #top .main_color .form7-element .wpcf7-not-valid-tip{margin: -15px 0 20px 0; font-size: 13px; } .wpcf7-validation-errors,.form7-element-submit,.element-row-title{ display: inline-block; width: 100%;} #top .main_color .element-row-title{ padding:25px 0;} #top .main_color .element-row-title h3{ margin: 0; padding: 0;} .element-row-3{ width: 25%; } .element-row-4{ width: 33%; } .element-row-6{ width: 50%; } .element-row-12{ width: 100%; } @media only screen and (max-width: 767px) { .element-row-3{ width:100%; } .element-row-4{ width:100%; } .element-row-6{ width:100%; } } div.wpt_notice_board{ visibility: hidden; } @media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #wrap_all #main .list-two-tag .flex_column{ width: 50%; padding: 0 5px; margin: 10px 0; } .responsive #top #wrap_all #main .list-two-tag .av-animated-generic{ width: 50%; margin:10px 0; padding: 0 5px; } } .breadcrumb-trail .trail-before{display: none;} #top .avia-gallery .avia-gallery-thumb a{ float: left;} #wrap_all #main .av-woo-purchase-button{ position: relative; display: inline-block; width: 100%;} #wrap_all #main .av-woo-purchase-button .price{ width: 100%; padding: 0 0 10px 0; display: inline-block;} #wrap_all #main .av-woo-purchase-button .cart, #wrap_all #main .av-woo-purchase-button .yith-wcwl-add-to-wishlist{ display: inline-block; float: left; padding: 0; margin: 0; } #wrap_all #main .av-woo-purchase-button .yith-wcwl-add-to-wishlist{ margin: 15px 0 0 0; } /*#wrap_all #main .av-woo-purchase-button .yith-wcwl-add-to-wishlist{ position: absolute; bottom: 0; left: 150px; }*/ #wrap_all #main .av-woo-purchase-button .cart button, #wrap_all #main .av-woo-purchase-button .yith-wcwl-add-to-wishlist .yith-wcwl-add-button{ font-size: 13px; padding: 15px 20px; margin:0 25px 10px 0; line-height:1em; min-width: 130px; border-radius: 3px; } /*@media only screen and (min-width:991px) { #wrap_all #main .av-woo-purchase-button.el_after_av_gallery .yith-wcwl-add-to-wishlist{ left: 290px; } #wrap_all #main .av-woo-purchase-button.el_after_av_tab_container .yith-wcwl-add-to-wishlist{ left: 310px; } #wrap_all #main .av-woo-purchase-button.avia-builder-el-last .cart{ max-width: 150px; } }*/ @media only screen and (max-width: 479px) { #wrap_all #main .av-woo-purchase-button .quantity{width: 100%; padding: 0 0 25px 0;} /* 購物車Fix */ .responsive table.shop_table.cart .product-remove{float: none;} .responsive table.shop_table.cart .product-name{ width:70%; text-align: left; padding: 10px 0 10px 3px; } /*結帳畫面Fix */ #top .order_details li{ border: 0; border-bottom: 1px solid #d2d2d2; padding: 0 0 15px 0; margin: 0 0 15px 0; display: table-cell; width: 100%; } } .wc-social-login.form-row-wide{ display: inline-block; width: 100%; } /*會員專區-註冊及登入分離*/ #top #wrap_all #customer_login{max-width: 540px; margin: 0 auto;} #top #wrap_all #customer_login .col-1, #top #wrap_all #customer_login .col-2{width: 100%;} #wrap_all #main .wc-social-login-bk{ padding: 0 0 30px 0; border-bottom: 1px solid #adadad; margin: 0 0 30px 0; } .woocommerce-register-tips,.woocommerce .login .lost_password{ display: inline-block; width: 100%; font-size: 0.92em;padding:15px 0;margin: 0; position:inherit; } .woocommerce-order-details{ padding: 50px 0 0 0; } #wrap_all #main .av-woo-purchase-button.avia-builder-el-last .cart{ max-width: initial; width: 100%; } #top .cart-collaterals .cart_totals table select, #top.woocommerce-page select{ width: 100%; } #wrap_all #main .wcpa_form_outer .wcpa_row{ width: 100%; padding: 0; margin: 0; } .wcpa_form_outer .wcpa_form_item{ padding: 0; } .wcpa_form_outer .wcpa_form_item .select_arrow{ display: none; } @media only screen and (min-width: 991px) { .wcpa_form_outer .wcpa_form_item .select_arrow{opacity: 0;} } #sc-cc .text-lg{display: none;} #top .variations td.label{ width: 100%; display: inline-block; text-align: left;font-weight: bold; font-size:15px; margin: 0 0 10px 0; padding: 0; } #top .variations td:nth-child(2){ width: 100%; display: inline-block; margin: 0 0 10px 0; padding: 0; font-size: 15px; } .single_variation_wrap{ margin: 0; } .button-social-login, .widget-area .widget a.button-social-login, a.button-social-login, button.button-social-login, input.button-social-login{ min-width: 200px; } /*會員專區*/ .woocommerce-address-fields #billing_invoice_type_field{display: inline-block; width: 100%;} .woocommerce-EditAccountForm{} .woocommerce-MyAccount-content{} .woocommerce-MyAccount-content .required{ display:none;} .woocommerce-MyAccount-content .optional{ display:none;} .woocommerce-MyAccount-content #billing_last_name_field{ display: none;} .woocommerce-MyAccount-content #billing_address_2_field{display:none;} .woocommerce-MyAccount-content #billing_city_field{display: none;} .woocommerce-MyAccount-content #billing_state_field{display: none;} .woocommerce-MyAccount-content #billing_postcode_field{display: none;} /*購物車補強-您可能也會喜歡...*/ .cross-sells{display: inline-block; width: 100%;} .cross-sells .inner_product_header_cell .woocommerce-loop-product__title{text-align: center;} /*購物車補強-懸浮產品過多*/ #top .cart_list.product_list_widget{ max-height: 300px; overflow: scroll; } /* Desktop Styles ================================================== */ /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */ @media only screen and (min-width: 768px) { /* Add your Desktop Styles here */ } /* Mobile Styles ================================================== */ /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */ @media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ }