/* =========================== */ /* 字體設定*/ /*============================ */ body { font-family:'Noto Sans TC',"微軟正黑體",Microsoft JhengHei,'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .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:'Noto Sans TC',"微軟正黑體",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:'Noto Sans TC',"微軟正黑體",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;} /* 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-before{display: none;} /*.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; } /* ============================= */ /* 版型&系統優化*/ /*============================== */ /*字體定義*/ h1, h2, h3, h4, h5, h6{ font-weight: 500; } /*logo-站內使用尺寸最大300px*/ #top #wrap_all .website-logo-tag{ max-width: 300px; } /*表頭*/ .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; } /*電腦版Logo*/ #top #wrap_all #header_main .logo{ padding: 15px 0; } @media only screen and (max-width:768px) { /*手機版Logo縮小*/ #top #wrap_all #header_main .container{ width:90%;max-width: 95%; } #top #wrap_all #header_main .logo{ width: 55%; padding: 0; } #top #wrap_all #header_main .main_menu{ right:0; } #top #menu-item-search{} /*購物車按鈕顯示Fix*/ .responsive #top #wrap_all #header_main .cart_dropdown{ top: 170%; } .responsive #top #wrap_all #header_main .av-burger-menu-main{ padding:0; } #menu-item-shop .cart_dropdown_link{ padding: 0 0 0 38px; } } @media only screen and (max-width:350px) { #top #wrap_all #header_main .logo{ width: 50%; } } /*========側邊欄========*/ #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 .widget_categories > ul > li .children{display: none;}*/ /*>>>預設不顯示子分類設定-主選單下顯示子分類*/ /*#top .widget_categories > ul > li.current-cat .children, #top .widget_categories > ul > li.current-cat-parent .children{ display: block; }*/ /*表底連結無下底線*/ #top .av_inherit_color a{text-decoration: none;} /*========圖標列表========*/ #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: 1px; } div .slideshow_caption h2 { text-transform: none; } /* =========================== */ /*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;}*/ /* =========================== */ /*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;} /* =========================== */ /*選單*/ /* =========================== */ /*選單-下拉-mega 標題*/ #header .mega_menu_title{ font-weight: 500; border-bottom: 2px solid #e6e6e6; display: inline-block; padding: 0 0 20px 0; margin: 0 0 15px 0; } /*選單-下拉-顏色還原成透明*/ #top #header .avia_mega_div .sub-menu, #top #header .avia_mega_div > .sub-menu > li > ul > li a{ background:none; font-weight: 300; } /*搜尋圖示-顏色*/ /*#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; width: 80%; display: inline-block;} .widget_product_categories li a{ background-position: left 13px;} #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 > table {margin: 30px 0 20px 0;} #top .variations_form{ padding: 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;} */ /*購物車按鈕-自定義顏色*/ /*.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;}*/ /*加入購物車提示對話-配色*/ #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:3px; 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;} /*=====最新消息-橫式排版=====*/ .avia-content-slider .slide-entry-excerpt{ height: 5.2em; margin: 10px 0 0 0; } /*不顯示作者*/ .text-sep-cat {display: none;} .blog-author {display: none;} /*相關連結美化*/ .related_posts.av-related-style-full a { border: 0 !important; background: transparent !important; } /*標籤*/ #wrap_all .entry-footer .blog-tags { margin: 1.5em 0 3.5em 0; display: inline-block; width: 100%; } .archive #wrap_all .slide-entry-wrap .slide-entry .slide-image{ display: none; } @media only screen and (min-width:991px){ .archive #wrap_all .slide-entry-wrap .slide-entry{ width: 100%; display: flex; padding: 0; margin: 0 0 30px 0;border-bottom: 1px solid #e1e1e1; } .archive #wrap_all .slide-entry-wrap .slide-entry .slide-content{ width: 100%; padding: 0 0 25px 0; } .archive #wrap_all .avia-content-slider .slide-entry-excerpt{ height: auto; max-height: 5em;} .archive #wrap_all .avia-content-slider-inner .slide-entry-wrap{ margin: 0; padding: 0;} .news-horizontal{} .news-horizontal .slide-entry-wrap .slide-entry{ width: 100%; display: flex; padding: 0; margin: 0 0 30px 0;border-bottom: 1px solid #e1e1e1; } .news-horizontal .slide-entry-wrap .slide-entry .slide-image{ width: 30%; } .news-horizontal .slide-entry-wrap .slide-entry .slide-content{ width: 70%; padding: 0 0 0 35px;} .news-horizontal .avia-content-slider .slide-entry-excerpt{ height: auto; max-height: 5em;} .news-horizontal .avia-content-slider-inner .slide-entry-wrap{ margin: 0; padding: 0;} } @media only screen and (max-width:500px){ /*=====最新消息列表優化=====*/ /*系統樣式優化*/ .content, .sidebar{ padding-top: 20px; padding-bottom: 20px; } .responsive #top #wrap_all .container{ width: 95%; max-width:90%; } .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:100%; } .responsive #top #wrap_all #main .avia-content-grid-active .slide-entry{ clear: none; float: left;padding:0; margin: 0 0 25px 0; } /*最新消息列表優化-單排-標題*/ .responsive #top #wrap_all #main .avia-content-grid-active .entry-content-header{ height:auto; overflow: hidden; font-size: 15px; } /*兩排*/ /*.responsive #top #wrap_all #main .avia-content-grid-active .slide-entry{ width: 50%; } .responsive #top #wrap_all #main .avia-content-grid-active .slide-entry{ clear: none; float: left;padding: 0 10px; margin: 0 0 25px 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-image{ margin: 0 0 10px 0; } /*最新消息列表優化-兩行-無描述*/ .responsive #top #wrap_all #main .avia-content-grid-active .slide-entry-excerpt{ display: none;} } /*=============================*/ /*最新消息-下拉選單*/ /*要顯示#menu-news 需到選單設定 news 選單*/ /*=============================*/ #after_submenu{border: 0;} #wrap_all #main .news-dwlist-tag{border: 0;} #wrap_all #main .news-dwlist-tag .av-subnav-menu{ border: 1px solid #727171; width: 250px; margin: 55px auto 0 auto; text-align: left; } #wrap_all #main .news-dwlist-tag .av-subnav-menu > li{ padding: 10px; width: 100%; font-size: 13px; background: url(../images/dricon.png) no-repeat 205px 10px; background-size: 20px auto; } #wrap_all #main .news-dwlist-tag .av-subnav-menu > li >a{ background: transparent; } #wrap_all #main .news-dwlist-tag .av-subnav-menu .sub-menu{ width: 100%; } /* =====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;*/ /*支援IE功能修正*/ white-space: nowrap; } #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; width: 100%; float: left; display: table; } } /*======產品專區列表，手機版模式兩排======*/ /*@media only screen and (max-width:1024px){ .responsive #top #main .products .product { margin: 0 0 20px 0; padding:0 10px; width: 50%; float: left; display: table; } }*/ /*=========產品列表圖片自動縮放Fix=========*/ /*Woo預設模式Fix*/ /*inner_product main_color wrapped_style noLightbox av-product-class-*/ #top .products .av-product-class- { border-radius: 5px;} #top .products .av-product-class- .woocommerce-LoopProduct-link::before{ padding: 100% 0 0 0;} #top .products .av-product-class- .thumbnail_container{ height:71%; padding: 1%;} #top .products .av-product-class- .thumbnail_container::before{padding:100% 0 0 0;} #top .products .av-product-class- .thumbnail_container img{ max-height:100%;} #top .products .av-product-class- .inner_product_header{ padding:0; min-height: auto; } #top .products .av-product-class- .inner_product_header .woocommerce-loop-product__title{ padding: 15px 15px 0 15px;height: 3.6em; overflow: hidden; } #top .products .av-product-class- .avia_cart_buttons{ opacity:1;} #top .template-shop .main_color .price{ padding: 5% 0; display: inline-block; height: 3.5em; width: 100%; overflow: hidden; } .inner_product_header .avia-arrow{display: none;} @media only screen and (max-width:768px){ #top .products .av-product-class- .avia_cart_buttons{display:block;} #top .products .av-product-class- .avia_cart_buttons .add_to_cart_button{width: 100%;} #top .products .av-product-class- .avia_cart_buttons .show_details_button{ display: none;} #top .products .av-product-class- .avia_cart_buttons .button-mini-delimiter{display: none;} /*單排*/ #top .products .av-product-class- .thumbnail_container{ height:78%;} /*雙排*/ /*#top .products .av-product-class- .thumbnail_container{ height: 68%;}*/ #top .products .av-product-class- .inner_product_header .woocommerce-loop-product__title{ font-size: 13px; } } @media only screen and (max-width:500px){ /*單排*/ #top .products .av-product-class- .thumbnail_container{ height: 76%;} /*雙排*/ /*#top .products .av-product-class- .thumbnail_container{ height: 60%;}*/ #top .products .av-product-class- .price span{ font-size: 13px;} } /*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;} #top .onsale{display: none;} .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;}*/ .mfp-content .mfp-title{ font-weight: bold; display: inline-block; background: rgba(0, 0, 0, 0.5); padding: 0; border-radius: 15px; text-shadow: 0 1px 2px #222; padding: 6px 15px; } /*產品標題*/ #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; } /*產品專區資訊頁面不要出現虛線*/ @media only screen and (max-width: 767px) { html #top #wrap_all #main .template-shop .sidebar{ border-top-style: none; } } /* ============================================================================================================================= */ /* 加價購模組 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; } #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus{ box-shadow: none; } /* =========================== */ /* 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 #2a7abb; background-color:#06467a; 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:#197dbc; } .mb-menus li{ margin: 0; padding: 0; width: 50%; float: left;} .mb-menus .mb-tel{ background-image:url(../images/tel.png); background-size:23px auto;} .mb-menus .mb-line{ background-image:url(../images/line_w.svg); background-size:23px auto;} .mb-menus .mb-product{ background-image:url(../images/product.png); 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-flex;} /*TOP置頂按鈕FIX*/ #scroll-top-link{ bottom: 85px; right: 10px; } } /* ====================== */ /* Woo cart UI補強*/ /*======================*/ .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:1px solid #ccc; 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: 1px solid #ccc;border-radius:4px; padding:25px;width: 100%; } .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; } .responsive .shop_table .product-quantity .quantity{ width: 100px; } /* 購物車清單字體變大 */ #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea,#top label,table.shop_table th,td,.responsive table.shop_table th{ font-size: 15px; } table.shop_table th{ line-height: inherit;} #main .cart-collaterals .shop_table th{ padding: 6px 0; width: 4.5em; } /* 購物車-刪除按鈕-自定義 */ #top .main_color a.remove{ width:25px; height:25px; background: url(../images/close.svg) no-repeat 0 center; opacity: 0.7; } @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{ width: 100%; border-left-width:0; text-align: left; } /*購物車清單，顯示數量 */ .responsive .shop_table .product-quantity{ display:table-cell; } } /* ====================== */ /* 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:1px solid #898989; } /*輸入欄位邊框顏色(border-color)*/ #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{ border-color:#ccc; } #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea{ border-radius: 4px; border: 1px solid #ccc; padding: 12px 15px; } #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-radius:0;border:0;padding:0; } #top #payment ul.payment_methods li{ border-radius: 4px; border: 1px solid #ccc; padding: 15px 20px; margin: 0 0 15px 0; } #top #payment ul.payment_methods{ border:0; padding: 0; } #top #payment div.payment_box{ width: 100%; padding:5px 30px; left: 0; } #top #payment div.form-row{ padding:25px 0 0 0; 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-cart-form .actions{ border: 0; padding: 20px 0; } @media only screen and (max-width: 479px) { #top #wrap_all .woocommerce-cart-form .actions{ border: 0; padding: 20px 0 0 0; } } /* =========================== */ /*項目列表優化-圖片固定比例-2021-0225fix*/ /* =========================== */ /*圖片不反白*/ .avia-fullwidth-slider span.image-overlay.overlay-type-extern { display: none !important; } .avia_transform a .image-overlay { display: none !important; } .slide-entry .slide-image{ width: 100%; position: relative; overflow: hidden; } .slide-entry .slide-image img{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; max-width: 100%; max-height: 110%; margin: auto; } .slide-entry .slide-image:after { padding-top: 75%; content: ""; display: block; } .fullsize .grid-col-3 .grid-image{ width: 100%; position: relative; overflow: hidden; } .fullsize .grid-col-3 .grid-image img{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .fullsize .grid-col-3 .grid-image:after { padding-top: 75%; content: ""; display: block; } .portfolio-entries-back{ padding: 20px 0 60px 0; } /* =========================== */ /*Woo手機版選單v2021-0225*/ /* =========================== */ .nav-catalog-bk .mb-article-catalog-but { /*margin: 20px 0 25px 0;*/ background: #0e3c51; color: #FFF; padding: 9px 0 10px 20px; font-weight: bold; cursor: pointer; border-radius: 3px; font-size: 13px; width: 120px; position: fixed; bottom: 90px; left: 15px; /*right: 10px;*/ z-index: 99999; -webkit-transition:All 0.50s linear; -ms-transition:All 0.50s linear; -moz-transition:All 0.5s linear; -o-transition:All 0.5s linear; transform:All 0.5s linear; } .nav-catalog-bk .nav-button { display: inline-block; float: right; margin: 4px 15px 0 0; } .nav-catalog-bk .nav-button .m-icon-bar { background: #FFF; width: 15px; height: 1px; display: block; margin: 0 0 5px 0; } /* 小工具加入 close */ #mbnav-but-close{ height: 25px; overflow: hidden; display: inline-block; background: url(../images/close.svg) no-repeat 0 center; background-size: 16px auto; padding: 0px 0 0 25px; color: #333; text-align: left; } .nav-catalog-bk,#mbnav-but-close,#custom_html-2{ display: none;} @media only screen and (max-width: 767px) { .nav-catalog-bk,#mbnav-but-close,#custom_html-2{ display: block;} html #top #wrap_all #main .template-shop .sidebar_left{ position:fixed; top: 0; right:-1000px; width:70%; background: #FFF; padding:30% 30px 20% 25px; box-shadow: 0px 0px 10px #6a6a6a; height:77%; overflow: scroll; -webkit-transition:All 0.50s linear; -ms-transition:All 0.50s linear; -moz-transition:All 0.5s linear; -o-transition:All 0.5s linear; transform:All 0.5s linear; } html #top #wrap_all #main .template-shop .sidebar{ z-index: 99999;} html #top #wrap_all #main .template-shop{ position: relative; z-index: 10;} .main_color{ position: relative; z-index:1;} } /* =========================== */ /*Woo回上一頁v2021-0225*/ /* =========================== */ .product-back-con{ padding: 0 0 50px 0; display: inline-block; width: 100%; text-align: center;} /* =========================== */ /*瀑布流相簿*/ /* =========================== */ /*兩排顯示*/ @media only screen and (max-width: 767px) { .responsive #top .av-masonry-entry { width:50%; } } /* =========================== */ /*顏色區塊優化*/ /* =========================== */ @media only screen and (max-width: 767px) { /*內頁上方比例修正*/ .avia-section-huge .content, .avia-section-huge .sidebar { padding-top: 50px; padding-bottom: 50px; } } /* =========================== */ /*手機版選單優化*/ /* =========================== */ @media only screen and (max-width:991px) { /*修正置中問題*/ #top #av-burger-menu-ul{ 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%; }/* 1/4*/ .element-row-4{ width: 33%; }/* 1/3*/ .element-row-6{ width: 50%; }/* 1/2*/ .element-row-12{ width: 100%; }/* 1*/ @media only screen and (max-width: 767px) { .element-row-3, .element-row-4, .element-row-6, .element-row-12{ width:100%; } } /*form7表單end*/ div.wpt_notice_board{ visibility: hidden; } /* =========================== */ /*左側Line圖示 /* =========================== */ .webms-icon-tag{ position: fixed; right: 30px; bottom: 100px; z-index: 99999; display: flex; flex-direction:column; width: 50px; } .webms-icon-tag > div{ padding: 15px 0 0 0; } .webms-icon-tag > div > a{ display: inline-block; width: 50px; height: 50px; text-indent: -9999px; float: right; } @media only screen and (max-width: 767px) { .webms-icon-tag{right: 15px;bottom: 150px;} .webms-icon-tag > div > a{width: 40px; height: 40px;} .webms-icon-tag > div{padding:20px 0 0 0;} } /*Line圖示*/ .line-icon-tag{} .line-icon-tag .line-icon{ background:url(../images/line.svg) no-repeat 0 0; background-size: auto 100%; } /*FB圖示*/ .fb-icon-tag{} .fb-icon-tag .fb-icon{ background:url(../images/facebook.svg) no-repeat 0 0; background-size: auto 100%; } /*instagram圖示*/ .ig-icon-tag{} .ig-icon-tag .ig-icon{ background:url(../images/instagram.svg) no-repeat 0 0; background-size: auto 100%; } /*twitter圖示*/ .twitter-icon-tag{} .twitter-icon-tag .twitter-icon{ background:url(../images/twitter.svg) no-repeat 0 0; background-size: auto 100%; } /*youtube圖示*/ .youtube-icon-tag{} .youtube-icon-tag .youtube-icon{ background:url(../images/youtube.svg) no-repeat 0 0; background-size: auto 100%; } /*Messenger圖示*/ .fbms-icon-tag{} .fbms-icon-tag .fbms-icon{ background:url(../images/messenger.svg) no-repeat 0 0; background-size: auto 100%; } /*加入我的最愛圖示*/ .love-icon-tag{} .love-icon-tag .love-icon{ background:url(../images/love.svg) no-repeat 0 0; background-size: auto 100%; } /*E-mail圖示*/ .email-icon-tag{} .email-icon-tag .email-icon{ background:url(../images/email.svg) no-repeat 0 0; background-size: auto 100%; } .email-icon-tag .email-txt{ text-align: center; font-size: 13px; font-weight: 400; display: inline-block; background: #fff; padding: 1px 3px; margin: 10px 0 0 0; border-radius: 3px; float: right; position: relative; right:0px; width: 100%; } /*---- 自定義對話 ----*/ /*自定義對話-圖示*/ .speak-icon-tag{} .speak-icon-tag .speak-icon{ background:url(../images/speak.svg) no-repeat 0 0; background-size: auto 100%; float: right; } .speak-icon-tag .speak-txt{ text-align: center; font-size: 13px; font-weight: 400; display: inline-block; background: #fff; padding: 1px 3px; margin: 10px 0 0 0; border-radius: 3px; float: right; position: relative; right:0px; width: 100%; } @media only screen and (max-width: 767px) { .speak-icon-tag .speak-txt{ right: -9px; } } /*自定義對話區塊*/ .speak-box-con{ position: fixed; right:7%; bottom:100px; z-index:0;opacity: 0; max-width: 350px; background: #FFF; border-radius: 5px; box-shadow: 0px 5px 10px #6a6a6a; -webkit-transition:All 0.5s linear; -ms-transition:All 0.5s linear; -moz-transition:All 0.5s linear; -o-transition:All 0.5s linear; transform:All 0.5s linear; } .speak-box-border-tag{ position: relative; display: inline-block; width: 100%; } .speak-box-hd{ font-size:18px; font-weight: bold; text-align: center; color: #FFF; padding:15px; background-color: #0394d2; position: relative; border-radius:5px 5px 0 0; } .speak-box-info-con{ padding: 30px 35px; } .speak-box-txt-tag{ overflow: scroll; max-height: 200px; } .speak-box-contact{ margin: 25px 0 0 0; } .speak-box-contact a{ font-size: 15px; text-align: center; font-weight: bold; color: #ffffff; background-color: #ff6a6a; display: inline-block;width: 100%; border-radius: 3px; padding:10px; } .speak-box-contact a:hover{ text-decoration: none; opacity: 0.7; } .speak-box-close{ position: absolute; right:-10px; top:-10px; z-index: 100; display: inline-block; width:30px; height:30px; text-indent: -9999px; background:url(../images/close_w.svg) #024561 no-repeat center; background-size:60%; border-radius:9999px; } .speak-box-tel{ background:url(../images/phone.svg) no-repeat 0 center; background-size: auto 100%; font-size: 1.8em; font-weight: 400; margin: 0px 0 20px 0; padding: 2px 0 0 45px; overflow: hidden; height: 1em; color: #EE4E18; } .speak-box-tel a{ color: #EE4E18; } /* =========================== */ /*我的最愛模組補強/ /* =========================== */ /*我的最愛FIX-補上字型*/ .fa-heart-o:before,.fa-heart:before,.fa-trash:before { font-family: 'fontawesome'; } .wishlist-title-container{display: none;} #top #main .wishlist_table .product-add-to-cart a.button{ padding: 13px !important; display: inline-block !important; } /*產品資訊頁按鈕*/ #top #main .single-product-summary .yith-wcwl-add-to-wishlist{ display: flex; padding:10px 0 30px 5px; margin: 0; width: 100%; font-size: initial; } #top #main .single-product-summary .yith-wcwl-add-button a, #top #main .av-woo-purchase-button .yith-wcwl-add-button a{ background-color: transparent; color: #000; padding: 0; font-size: initial; } #top #main .yith-wcwl-add-button .yith-wcwl-icon{ color: #eb4b4b; } .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon{ color: #eb4b4b; } /*愛心位置*/ .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist{ position: absolute; z-index: 10; margin: 0; top: 2.5%; left: 5%; } @media only screen and (max-width: 767px) { #top #main .wishlist_table .product-add-to-cart a.button{ padding:6px !important; } #top #main .wishlist_table.mobile li{ margin: 0 0 35px 0; border-bottom: 1px solid #dedede; padding: 15px 0 35px 0; } #top #main .wishlist_table.mobile li .item-details h3{font-size: 1em;} } /* =========================== */ /*advanced-product-fields-for-woocommerce 補強/ /* =========================== */ .wapf-field-group{} #top .wapf-field-group .wapf-field-label label span{ font-size: 18px;font-weight: bold;margin: 10px 0;display: block;} #top #main .wapf-field-group .wapf-checkable{ display: inline-block;float: left; padding: 7px 15px; border: 1px solid #c8c8c8; border-color:#c8c8c8; border-radius: 2px; margin:0 20px 0 2px; } #top #main .wapf-field-group .wapf-checkable:hover{ box-shadow: 0 0 0 2px #dd3333 !important; border-color: #FFF; } .wapf-field-group .wapf-checkable input{ width: auto; margin: 8px 0 0; } .wapf-field-description{display: inline-block; width: 100%; } @media only screen and (max-width:991px) { /* Add your Mobile Styles here */ #top #main .wapf-field-group .wapf-checkable{ margin:5px 20px 5px 2px; } } /* =========================== */ /*ninja forms 優化*/ /* =========================== */ #top #wrap_all .nf-form-cont{} #top #wrap_all .nf-form-cont .nf-form-title h3{padding: 0 0 20px 0;} #top #wrap_all .nf-form-cont a{color: #03648d; text-decoration: underline;} #top #wrap_all .nf-form-cont .ninja-forms-req-symbol{ font-weight: bold; color:#B12B2D;} #top #wrap_all .nf-form-cont .nf-form-fields-required{ padding: 0 0 20px 0;} #top #wrap_all .nf-form-cont .nf-error-field-errors{ padding:0 5px; } #top #wrap_all .nf-form-cont .nf-error-required-error{ padding:0; } #top #wrap_all .nf-form-cont .nf-form-layout .nf-field-container{ margin-bottom:35px; } #top #wrap_all .nf-form-cont .nf-form-layout input, #top #wrap_all .nf-form-cont .nf-form-layout select{ border-radius: 4px; border: 1px solid #ccc; padding: 12px 15px; margin: 0; } #top #wrap_all .nf-form-cont .nf-form-layout .nf-after-field{ position: absolute; top: 85px;left: 0; } #top #wrap_all .nf-form-cont .nf-form-layout .submit-container{ padding:15px 0 0 0; margin: 0 0 15px 0; } #top #wrap_all .nf-form-cont .nf-form-layout .submit-container input{ width: 100%; font-size: 16px; font-weight: bold; background-color: #B02B2C; color: #FFF; border-color: #B02B2C; } /* =========================== */ /*Grid/List View for WooCommerce 優化*/ /* =========================== */ .berocket_lgv_additional_data{} .berocket_lgv_additional_data{ padding: 0 0 0 2rem; display: inline-block; width: 100%; } .berocket_lgv_additional_data .lgv_link_simple{ border-bottom: 1px solid #d8d8d8; display: inline-block; width: 100%; padding:0 0 1rem 0; text-decoration: none; color: #0661a1; } .berocket_lgv_additional_data .lgv_description{ line-height: initial;font-size: initial; } .berocket_lgv_additional_data .lgv_meta{ display: none; } .berocket_lgv_additional_data .lgv_price{ display: none; } a.berocket_lgv_button .fa, .berocket_lgv_widget a.berocket_lgv_button .fa, a.berocket_lgv_button_test .fa, .lgv_admin_settings .lgv_toggle_next .fa{ font-family: 'fontawesome'; } @media only screen and (max-width:991px) { .berocket_lgv_additional_data{ padding:0; max-width: initial; } } #showcase-tag-con .av-image-caption-overlay-center b{ color: #FFF; } #showcase-tag-con .container{ max-width: 1000px; } .text-sep-date{display: none;} /*滿版設定*/ #showcase-full-tag .container{ padding: 0; max-width:2000px; width: 100%;} /* 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 */ }