/* 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;} /* =====補充社群功能===== */ #top #wrap_all .av-social-link-line:hover a{color:#fff; background-color:#75c93c; } /*搜尋圖示-顏色*/ /*#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;} } /* =====購物車系補強===== */ /* 購物車系統列表-補強 */ .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;} /*購物車按鈕*/ /*.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-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: 100px; border-width: 1px; } /*左側資訊*/ #main .inner_sidebar .widget_text{ margin: 0; padding: 0 0 15px 0; } #main .inner_sidebar .widget_text .widgettitle{ border:0; padding: 0; margin:0; } #main .inner_sidebar .widget_text:nth-child(3) .widgettitle{ padding: 0 0 0 30px; background:url(../images/tel.png) no-repeat 0 0; background-size:auto 100%;} #main .inner_sidebar .widget_text:nth-child(4) .widgettitle{ padding: 0 0 0 30px; background:url(../images/phone.png) no-repeat 0 0; background-size:auto 100%;} #main .inner_sidebar .widget_text:nth-child(5) .widgettitle{ padding: 0 0 0 30px; background:url(../images/mail.png) no-repeat 0 0; background-size:auto 100%;} #main .inner_sidebar .widget_text:nth-child(6) .widgettitle{ padding: 0 0 0 30px; background:url(../images/add.png) no-repeat 0 0; background-size:auto 100%;} /*上方補充欄位*/ #top #wrap_all .social_bookmarks li{display: inline-block; width:160px; height: 60px;} #top #wrap_all .social_bookmarks li a{ display: inline-block; width: 100%; height: 100%; text-indent: -99999px;} #top #wrap_all .social_bookmarks li:hover{ opacity: 0.8;} #top #wrap_all .social_bookmarks .social_bookmarks_ms1{ background:url(../images/topms1.png) no-repeat 0 0; background-size:100% auto; } #top #wrap_all .social_bookmarks .social_bookmarks_ms2{ background:url(../images/topms2.png) no-repeat 0 0; background-size:100% auto; } #top #wrap_all .social_bookmarks .social_bookmarks_ms3{ background:url(../images/topms3.png) no-repeat 0 0; background-size:100% auto; } #top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks{top:38%;} /* 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:991px) { /* Add your Desktop Styles here */ #top #wrap_all #header #header_main .main_menu .social_bookmarks{ display: none;} .html_header_top.html_bottom_nav_header #header_main{ position: relative;} #top #wrap_all #header #header_main .social_bookmarks{ display: block; position: fixed; top:15px; width: 100%; height: 90px; z-index: 9; background: #FFF;} #top #wrap_all .social_bookmarks li{ width: 33%; height: 80px; padding: 0; margin: 0;} .responsive #top #wrap_all #header{top: 90px;} #top #wrap_all #main{ margin:85px 0 0 0;} } @media only screen and (max-width: 768px) { /* Add your Mobile Styles here */ #top #wrap_all .social_bookmarks li{ height: 80px;} .responsive #top #wrap_all #header{top: 90px;} } @media only screen and (max-width:450px) { /* Add your Mobile Styles here */ #top #wrap_all #header #header_main .social_bookmarks{ height:50px;} #top #wrap_all #main{ margin:55px 0 0 0;} .responsive #top #wrap_all #header{top:35px;} #top #wrap_all #main{ margin:110px 0 0 0;} }