/* 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;} /* 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』參數 */ #menu-item-search{ padding: 0 25px 0 0;} .av-language-switch-item{display: none;} #header_main #avia-menu > .menu-item-language { float: right; background: url(../images/lang.png) no-repeat 0 center; background-size: 15px 15px; padding: 0px 0 0px 10px; } /* =========================== */ /* 網頁路徑*/ /*============================ */ /* =====路徑不顯示文章名稱===== */ /*.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%;} /* ======================================================================== heading.css ======================================================================== */ #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;} /*選單-下拉-顏色還原成透明*/ #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; margin: 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: 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;} /* =====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{ background: #FFF;} /* ====================== */ /* 產品列表-等比例縮小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:80%;} #top .products .thumbnail_container::before{padding:80% 0 0 0;} /*覆蓋模式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: 1em 0 0 0; overflow: hidden; /*height: 3.8em; */ } #top .inner_product_header{ position: absolute; bottom:0; width: 100%; } /* ====================== */ /* 產品資訊頁-等比例縮小 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; } /* ====================== */ /* 表單樣式*/ /*======================*/ #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 input[type="email"]{ 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 select, #top .avia_ajax_form .select, #top .entry-content-wrapper select{ border-radius: 0; border: 1px solid #898989; background: url(../images/dricon.png) #FFF no-repeat right 5% center; background-size: 20px auto; } .breadcrumb-trail .trail-before{display: none;} #after_submenu .template-page{ padding: 0 0 50px 0; } /* 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 */ }