/* 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; text-transform: initial; } .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; text-transform: initial; } .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; text-transform: initial; }*/ @font-face { font-family: 'GillSans'; src: url('font/GillSans.woff') format('woff'), url('font/GillSans.ttf') format('truetype'), url('font/GillSans.svg#GillSans') format('svg'); font-weight: normal; font-style: normal; } #top #wrap_all .all_colors h3 { color: #03648d; font-weight: bold; } #top #wrap_all .all_colors h4 { color: #03648d; font-weight: bold; } @media only screen and (max-width:768px) { #top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li{ display: none;} .avia-menu.av_menu_icon_beside{ border: 0;} } .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;} /* =====字體設定===== */ /*產品資訊/解決方案縮圖：w495*400px 合作案例/最新消息/閱讀沙發縮圖：377*245px 活動報名縮圖：w768*512px*/ html[lang='zh-hant'] body#top { font-family: '微軟正黑體', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html[lang='zh-hant'] h1, html[lang='zh-hant'] h2, html[lang='zh-hant'] h3, html[lang='zh-hant'] h4, html[lang='zh-hant'] h5, html[lang='zh-hant'] h6, html[lang='zh-hant'] #top .title_container .main-title, html[lang='zh-hant'] tr.pricing-row td, html[lang='zh-hant'] #top .portfolio-title, html[lang='zh-hant'] .callout .content-area, html[lang='zh-hant'] .avia-big-box .avia-innerbox, html[lang='zh-hant'] .av-special-font, html[lang='zh-hant'] .av-current-sort-title, html[lang='zh-hant'] .html_elegant-blog #top .minor-meta, html[lang='zh-hant'] #av-burger-menu-ul li{ font-family: '微軟正黑體', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html[lang='zh-hans'] body#top { font-family: '微軟正黑體', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html[lang='zh-hans'] h1, html[lang='zh-hans'] h2, html[lang='zh-hans'] h3, html[lang='zh-hans'] h4, html[lang='zh-hans'] h5, html[lang='zh-hans'] h6, html[lang='zh-hans'] #top .title_container .main-title, html[lang='zh-hans'] tr.pricing-row td, html[lang='zh-hans'] #top .portfolio-title, html[lang='zh-hans'] .callout .content-area, html[lang='zh-hans'] .avia-big-box .avia-innerbox, html[lang='zh-hans'] .av-special-font, html[lang='zh-hans'] .av-current-sort-title, html[lang='zh-hans'] .html_elegant-blog #top .minor-meta, html[lang='zh-hans'] #av-burger-menu-ul li{ font-family: '微軟正黑體', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html[lang='en-US'] body#top { /*font-family: 'gillsans';*/ font-family: '微軟正黑體', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html[lang='en-US'] h1, html[lang='en-US'] h2, html[lang='en-US'] h3, html[lang='en-US'] h4, html[lang='en-US'] h5, html[lang='en-US'] h6, html[lang='en-US'] #top .title_container .main-title, html[lang='en-US'] tr.pricing-row td, html[lang='en-US'] #top .portfolio-title, html[lang='en-US'] .callout .content-area, html[lang='en-US'] .avia-big-box .avia-innerbox, html[lang='en-US'] .av-special-font, html[lang='en-US'] .av-current-sort-title, html[lang='en-US'] .html_elegant-blog #top .minor-meta, html[lang='en-US'] #av-burger-menu-ul li{ /*font-family: 'gillsans';*/ font-family: '微軟正黑體', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* =====補充社群功能===== */ #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 .social_bookmarks a,#top #wrap_all .social_bookmarks a:hover{ /*background: #03648d;*/ color: #FFF; font-size: 21px; } /*首頁*/ #index-solution .slide-meta,#index-product .slide-meta{ display: none;} /*按鍵行-補強(圓形圖標)*/ #top #wrap_all .avia-slideshow-button, #top .avia-button, .html_elegant-blog .more-link, .avia-slideshow-arrows a:before { border-radius:4px; border-width: 1px; } #top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks{ position: absolute; top: 127%; margin-top: -15px; right: 50px; z-index: 100; } /*最新消息列表優化*/ .avia-content-slider .slide-entry-title{margin: 0 0 20px 0;} .avia-content-slider .slide-meta{margin:10px 0 0 0; padding: 0;} .avia-content-slider .slide-image {overflow: hidden;margin-bottom: 30px;border-radius: 3px;} .slide-content .read-more-link {margin: 15px 0 0 0;} .slide-content .read-more-link a{ background:#2d5c88; color: #FFF; padding: 5px 20px;border-radius: 5px; text-decoration: none;} .slide-content .read-more-link a:hover{background:#033d57;} .slide-content .entry-content-header{ height: 3.5em; overflow: hidden; } .slide-content .entry-content-header a{line-height: 26px;} .slide-content .slide-entry-excerpt{ height: 3.5em;margin: 10px 0; line-height: 1.6;} /*自定義版型*/ .html_header_top.html_logo_center .logo{ left: 1%; -webkit-transform:initial; -ms-transform:initial; transform: initial; padding: 15px 0; } @media only screen and (max-width:767px) { .responsive.html_header_top.html_logo_center .logo{ width: 215px; } .responsive .logo img{ padding: 15px 0; max-width: 215px; } } /*ie9 ie10 fix*/ @media screen and (min-width:0\0) { .html_header_top #wrap_all #header_main .logo{left:15%;} z-index: 999999; } /*客製化選單*/ @media only screen and (min-width: 991px) { #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{ background-color:rgba(255, 255, 255, 0.95); } #top #header .avia_mega_div > .sub-menu > li > ul > li a{ background: none; } #top #header.av_minimal_header .main_menu ul:first-child >li > ul, #top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu{ background: none; } #top #header .avia_mega_div .sub-menu{ background:none; } #header #header_main_alternate .container { width: 100%; padding:0; } .html_header_top #top .av_header_stretch .container{width: 100%;} } .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after{ background-color: #03648d; } #menu-news,#menu-news-cn,#menu-news-en,#menu-news_reader_book{ padding:10px 50px;} #menu-news .menu-news > a .avia-menu-text, #menu-news-cn .menu-news > a .avia-menu-text, #menu-news-en .menu-news > a .avia-menu-text, #menu-news_reader_book > .menu-item > a .avia-menu-text{ border: 1px solid; border-color: #03648d; color: #FFF; border-radius: 5px; color: #03648d; font-weight: bold; font-size: 13px; padding: 9px; } #top #menu-news .menu-news > a, #top #menu-news-cn .menu-news > a, #top #menu-news-en .menu-news > a, #top #menu-news_reader_book > .menu-item > a{ padding: 0; margin: 0; display: inline-block; background-color: transparent; } /*WPML*/ #header_meta{ margin: -30px 0 0 0;} #top #header_meta #avia2-menu{ width: 70px; top: 55px; right: 50px; position: absolute; background: url(../images/lang.png) no-repeat 5px 3px; background-size: 15px 15px; padding: 0px 0 0px 25px; } .wpml-ls-menu-item .wpml-ls-flag{width: 20px; height: 20px;} #top #header_meta #avia2-menu .sub-menu{width: 60px; left: -8px;} #top #header_meta #avia2-menu .sub-menu li{} #top #header_meta #avia2-menu .sub-menu li a{} @media only screen and (max-width: 991px) { .av_secondary_right .sub_menu{ width: 74%;} #wrap_all #header_meta{ position: fixed; z-index: 999999;} #top #header_meta #avia2-menu{top: 63px;left: 70px;} #top #header_meta #avia2-menu{ display: none;} .av-burger-overlay-active #top #header_meta #avia2-menu{ display: block;} } /*搜尋*/ /*@media only screen and (min-width:991px) { #top #header_main #menu-item-search{position: absolute; right: 120px;top: -70px;} #top #header_main #menu-item-search a{ font-size: 25px; background: none; color:#03648E; padding:0; margin: 0;} }*/ .inner_tooltip input::placeholder{ color:#333;opacity:0.5;} #top .header_color .input-text, #top .header_color input[type='text'], #top .header_color input[type='input'], #top .header_color input[type='password'], #top .header_color input[type='email'], #top .header_color input[type='number'], #top .header_color input[type='url'], #top .header_color input[type='tel'], #top .header_color input[type='search'], #top .header_color textarea, #top .header_color select{ color:#333; font-family:unset; } /*成功案例*/ #success-case .av_font_icon.av-icon-style-border .av-icon-char{border-width:0; background: #82b1c6; } #success-case .av_font_icon.av-icon-style-border .av-icon-char:before{color: #FFF;} #success-case .av_one_fourth{ width: 12.5%;float: left;display: inline-block; clear:none; padding: 0; margin: 0;} #success-case .av-special-heading{margin: 0;} #success-case .avia_image{ width: 60%; margin: 0 auto;} #success-case-list .slide-meta{ display: none;} #ix-success-case-list .slide-meta{ display: none;} @media only screen and (max-width: 991px) { #success-case .av_one_fourth{ width:20%; margin: 0 0 20px 0;} } @media only screen and (max-width:500px) { #top #wrap_all #success-case .av_one_fourth{ width:33.33%; margin: 0 0 10px 0;} } /*路徑修正*/ .breadcrumb-trail .trail-before{ display: none;} .title_container .breadcrumb{left: 50px; right: initial;} /*文章左右切換修正*/ #top .avia-post-nav{display: none;} /*產品及案例-簡易幻燈片修正*/ /*.portfolio-template-default .avia-slideshow-inner{ width: 100%; height:450px;} .portfolio-template-default .avia-slideshow-inner .active-slide{} .portfolio-template-default .avia-slideshow-inner .avia-slide-wrap{ height: 450px; overflow: hidden; } .portfolio-template-default .avia-slideshow li img{ max-height:100%; max-width: 100%; width: auto;height:100%; }*/ /*.portfolio-template-default .avia-slideshow-inner{ margin: 0 0 30px 0;}*/ /*.portfolio-template-default .avia-slideshow-inner .avia-slide-wrap{ padding: 70% 0 0 0; overflow: hidden; } .portfolio-template-default .avia-slideshow li img{ max-height:100%; max-width: 100%; width: auto; height:auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin:0 auto; }*/ /*客戶分享-簡易幻燈片修正*/ .post-entry-type-page .avia-slide-wrap{ /*padding:65% 0 0 0; */ padding:53% 0 0 0; overflow: hidden; margin: 15px 0 0 0; } .post-entry-type-page .avia-slideshow li img { max-height:100%; max-width: 100%; width: auto; height:100%; top: 0; bottom: 0; left: 0; right: 0; margin:0 auto; position: absolute; } .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{ margin: 0 0 5px 0; padding: 8px 10px; border-radius: 5px; } /*產品及案例-作品集網格修正*/ .portfolio-template-default .grid-sort-container{} .portfolio-template-default .grid-sort-container .grid-entry .main_color{ /*padding:75% 0 0 0; */margin: 0px 10px; } .portfolio-template-default .grid-sort-container .grid-entry .main_color > a{ padding:81% 0 0 0; /*display: contents;*/ display: block; position: relative; } .portfolio-template-default .grid-sort-container .grid-entry .inner-entry a img{ max-height:100%; max-width: 100%; width: auto; margin:0 auto; height:100%; top: 0; bottom: 0; left: 0;right: 0; position: absolute; } .grid-content .grid-entry-title{ height: 2.5em;} /*ie9 ie10 fix*/ /*.portfolio-template-default .grid-sort-container .grid-entry .main_color > a{ display: block; max-height: 190px; max-width: 230px; overflow: hidden;} .portfolio-template-default .grid-sort-container .grid-entry .inner-entry a img{ position: static; max-height: 190px; max-width: 230px;} .portfolio-template-default .grid-sort-container .grid-entry .main_color{ padding: 0;}*/ @media screen and (min-width:0\0) { } /*標題修正*/ /*body .avia-builder-el-no-sibling .av-special-heading-tag{ padding: 15px 20px;}*/ body .template-page .entry-content-wrapper h1, body .template-page .entry-content-wrapper h2, body .template-page .entry-content-wrapper h3{text-transform: initial;} /*首頁服務項目*/ @media only screen and (min-width: 768px) { #top #main #ix-sr-tp2{ text-align: center;} #top #main #ix-sr-tp2 .template-page{ margin: 0; padding: 0; width: inherit;} #top #main #ix-sr-tp2 .template-page .flex_column{ float: none; display: inline-block;} } @media only screen and (max-width: 767px) { #top #main #ix-sr-tp1 .template-page{ margin-bottom:0; padding-bottom:0; } #top #main #ix-sr-tp2 .template-page{ margin: 0; padding: 0;} } #chat-tag{ display: inline-block; width: 120px; height: 120px; position: fixed; bottom: 70px; right: 0; z-index: 99; } html[lang='zh-hant'] #chat-tag{ background: url(../images/contactus_tw.png) no-repeat 0 0; background-size:100% auto; } html[lang='zh-hans'] #chat-tag{ background: url(../images/contactus_cn.png) no-repeat 0 0; background-size:100% auto; } html[lang='en-US'] #chat-tag{ background: url(../images/contactus_en.png) no-repeat 0 0; background-size:100% auto; } #scroll-top-link{ bottom: 10px; right: 7px;} @media only screen and (max-width:991px) { #chat-tag{width: 80px;height:80px;} } .wpcf7-form-control-wrap{} #main .wpcf7-form-control-wrap input{ margin: 0;} .wpcf7-response-output{ float: left; width: 100%;} .web-ct-form .tag-row-1{display: inline-block; float: left; width:100%; padding: 0 25px 20px 0;} .web-ct-form .tag-row-2{display: inline-block; float: left; width:50%; padding: 0 25px 20px 0;} .web-ct-form .tag-row-3{ display: inline-block; float: left; width: 33.33%;padding: 0 25px 20px 0;} @media only screen and (max-width:991px) { .web-ct-form .tag-row-3{ display: inline-block; float: left; width: 100%;padding: 0 25px 20px 0;} } #top a.av-active-tab-title{ color: #FFF;} #wrap_all #socket .container{ text-align: center; } #socket .copyright{ float: none;} @media only screen and (min-width: 768px) { #sp-table td{ padding: 25px 5px;} #sp-table .avia-heading-row th{text-align: center; } #sp-table .avia-heading-row th:nth-child(1),#sp-table td:nth-child(1){ width:180px; text-align: center;} #sp-table td:nth-child(1) img{ width: 100%;} #sp-table .avia-heading-row th:nth-child(2),#sp-table td:nth-child(2){ text-align: center;} #sp-table .avia-heading-row th:nth-child(3){ width: 150px;} #sp-table .avia-heading-row th:nth-child(4),#sp-table td:nth-child(4){ width: 100px; text-align: center;} #sp-table .avia-heading-row th:nth-child(5),#sp-table td:nth-child(5){text-align: center;} #sp-table .avia-heading-row th:nth-child(6),#sp-table td:nth-child(6){ text-align: center;} #sp-table .avia-heading-row th:nth-child(7),#sp-table td:nth-child(7){ width:120px; } #sp-table .avia-heading-row th:nth-child(9),#sp-table td:nth-child(8){ width:120px; } #sp-table .avia-heading-row th:nth-child(9),#sp-table td:nth-child(9){ width:60px; text-align: center;} #sp-table .avia-heading-row th:nth-child(10),#sp-table td:nth-child(10){ text-align: center;} #sp-table .avia-heading-row th:nth-child(11){ width: 100px;} #sp-table strong a{ display:block; background: #03648d; padding: 5px 10px; color: #FFF; border-radius:5px; width: 80px; margin: 0 auto; text-align: center; } #sp-table td{ vertical-align: top;} } @media only screen and (max-width: 767px) { #sp-table td{ text-align: left;} .responsive .avia_responsive_table .avia-data-table td:before{ font-style: normal;font-size: 15px;font-weight: bold; } } /*選項卡訂製*/ .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;} .av-tab-section-tab-title-container .av-active-tab-title .av-tab-arrow-container{ border-bottom:5px solid #e0a901;} /*hover*/ .av-tab-section-tab-title-container .av-section-tab-title:hover .av-tab-arrow-container{ border-bottom:5px solid #666;} .av-tab-section-tab-title-container .av-active-tab-title:hover .av-tab-arrow-container{ border-bottom:5px solid #e0a901;} #top .av-tab-arrow-container span{ display: none;} /*相關客戶Logo*/ #top .avia-logo-element-container .slide-entry{ padding: 15px;} #top .av-iconlist-small .iconlist_icon{ margin-right: 0.8em;} #top .av-iconlist-small li{ padding: 0 0 15px 0;} @media only screen and (min-width:992px) { #socket .copyright{ display: inline-block; width: 100%;} .pull-left{display: inline; text-align: left; float: left;} .pull-left li{ display: inline; text-align: left; margin: 0 10px 0 0; } } @media only screen and (max-width:991px) { .pull-left{ margin: 0; padding: 0 0 15px 0;} .pull-left li{ display: inline; text-align: left; margin: 0 10px; } } /*相關產品*/ #portfolio-slides{ overflow: hidden; width:98%; margin: 0 auto; padding: 10px 0 20px 0;} #top #wrap_all .owl-item{ float: left;} #top #wrap_all .owl-item > div{ width: 100%;} #top #wrap_all .owl-item .grid-image{ opacity: 1;} #portfolio-slides .owl-prev,#portfolio-slides .owl-next{position: absolute; top: 35%; width: 32px; height: 32px; overflow: hidden; text-indent: -999px; cursor: pointer;} #portfolio-slides .owl-prev{left: 0;background: url(../images/controls.png) no-repeat 0 0;} #portfolio-slides .owl-next{right: 0;background: url(../images/controls.png) no-repeat -43px 0;} #portfolio-slides .owl-nav.disabled{display: none;} /*表單FIX*/ #wrap_all .web-ct-form label b{ color: red; font-size: 1.35em; vertical-align:text-bottom; margin: 0 0 0 5px; } #wrap_all .wpcf7-validation-errors{ display: inline-block; border: 3px solid #fd5858; padding: 15px 25px; width: auto; font-size: 16px; font-weight: bold; line-height: 1.5; color:#333; background: #fff8d6; } #wrap_all .wpcf7-not-valid-tip{ color:red; font-size: 15px; font-weight: bold; } #top .fullsize .template-blog .post .entry-content-wrapper{ text-align: left;} /*活動報名頁面Fix*/ #event-spk-tag{ max-width: 1250px; margin: 0 auto; padding:35px 0; } #event-spk-tag h3{ padding: 10px 0; } #top #wrap_all .event-title-tag h3{ padding: 10px 0;} .sort-param-order,.sort-param-sort{display: none;} .woocommerce-Price-amount{display: none;} .alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content, .alternate_color .av-share-box ul, #top .alternate_color .av-related-style-full .related-format-icon, .alternate_color .related_posts.av-related-style-full a:hover, .alternate_color.avia-fullwidth-portfolio .pagination .current, .alternate_color.avia-fullwidth-portfolio .pagination a, .alternate_color .av-hotspot-fallback-tooltip-inner, .alternate_color .av-hotspot-fallback-tooltip-count{ background: #FFF; } /*原始碼位置：content-single-product.php*/ .content-event-times{ background:url(../images/clock-time.png) no-repeat 0 5px; background-size: 15px 15px; padding: 0 0 0 25px; margin: 0 0 15px 0; } #wrap_all #main .products .woocommerce-LoopProduct-link .loop-event-times{ margin: 10px 0; color: #333; text-align: left; background:url(../images/clock-time.png) no-repeat 0 0; background-size: 15px 15px; padding: 0 0 0 25px; } #guest_form_button{ margin:4px 0 0 20px; background-color: #333; } .woocommerce-thankyou-order-details,.woocommerce-order-downloads,.order-again{display: none;} /* ============================================================================================================================= */ /* 購物車系補強*/ /*============================================================================================================================== */ /*排序及顯示產品*/ .sort-param > li > span, .sort-param > li > a{} .main_color .sort-param > li > span, .main_color .sort-param > li > a, .main_color .sort-param ul{ background-color: #FFF; border: 1px solid #d5d5d5; border-radius:3px; } div .product-sorting .sort-param-count{ float: right; } @media only screen and (max-width:991px) { div .product-sorting .sort-param-count{ float: left; } } /* 產品分類上方圖片大小 */ @media only screen and (min-width:991px) { #main #av_product_description { height: 350px;} #main #av_product_description .av-section-color-overlay-wrap .content{ padding:120px 0;} } /*側邊列表*/ #wrap_all .widget_product_categories h3{font-size: 18px;line-height: 18px;margin: 0; padding: 0 0 25px;} #top .widget_product_categories > ul > li > a{ background: none; color: #333; padding:10px 30px 10px 20px; margin:-3px 0 0 0; display: inline-block; border: 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; position: relative; font-weight: bold; width: 100%; } #top .widget_product_categories > ul > li > a:after{ content:''; position: absolute; border-left: 3px solid #cacaca; height:17px; top:17px; left: 0; } #top .product-categories .cat-item{ position: relative;} #top .product-categories > .current-cat > a, #top .product-categories > .cat-parent > a, #top .product-categories > .current-cat-parent .children .current-cat a { font-weight: bold; color: #d9530b;} /*#top .widget_product_categories > ul > li.current-cat > a, #top .widget_product_categories > ul > li.cat-parent > a{color: #d9530b;}*/ #top .widget_product_categories > ul > li > .children{padding: 15px 0 25px 0;} #top .widget_product_categories ul .count{ position: absolute; right: 0; top: 7%;font-style: initial; font-size: 12px;} #top .widget_product_categories a{text-decoration: none;} #top .widget_product_categories a:hover{ color: #06467F;} .woocommerce-widget-layered-nav > .widgettitle{ font-size: 18px;line-height: 18px; margin: 0;padding: 0 0 25px;} .woocommerce-widget-layered-nav-list{} .woocommerce-widget-layered-nav-list .wc-layered-nav-term{ display: inline-block; padding: 0; border: 1px solid #d8d8d8; margin: 0 10px 10px 0; border-radius: 3px; position: relative; } .woocommerce-widget-layered-nav-list .wc-layered-nav-term a{ display: inline-block;padding: 5px 20px;text-decoration: none; } .woocommerce-widget-layered-nav-list .wc-layered-nav-term a:hover, .woocommerce-widget-layered-nav-list .chosen a, #top .woocommerce-widget-layered-nav-list .chosen a:hover{background-color: #d9530b; color: #FFF; } #top .woocommerce-widget-layered-nav-list .chosen a:before{ color: #FFF;} .woocommerce-widget-layered-nav-list .wc-layered-nav-term .count{ position: absolute; z-index:-1; right: 10px; top: 4px; font-style: initial; font-size: 12px; display: none; } /*產品列表-預設圖片滿版*/ #wrap_all #main #page-thumb-fullimg img{ width:100%;} /* 購物車系統列表-補強 */ .sidebar_left.sidebar{ text-align: left;} .widget_product_categories li a{ font-size: 15px; } .widget_product_categories .product-categories{ line-height: 2em;} /*產品列表(色塊模式）*/ #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {font-size: 1em;} /*產品描述*/ .woocommerce-product-details__short-description{ display: inline-block; margin:25px 0; width: 100%;} /*產品專區規格區*/ #top .variations td{vertical-align: middle;} #top .variations_form > 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 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; } } /* ====================== */ /* 購物車系補強 for Woo4*/ /*======================*/ #top div div.product .woocommerce-tabs ul.tabs li a{ white-space: initial;} #top .woocommerce-tabs .tabs li a{ margin: initial;} /*相關產品底色沒有Fix*/ #top .av-product-class-minimal, .avia-section.avia-section-small{ background: #FFF; } /*=========產品列表圖片自動縮放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:53%; overflow: hidden; } #top .products .thumbnail_container:after{padding:100% 0 0 0;} @media only screen and (max-width:500px){ #top .products .thumbnail_container{ height:53%;} } /*覆蓋模式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:55% 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-width: 100%; height: 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; text-align: left; overflow: hidden; font-size:18px; font-weight: bold; } #top .inner_product_header{ position: initial; bottom:0; width: 100%; } /*特價-PC Fix*/ #top div .product_on_sale .inner_product_header{padding: 0;} #top .onsale{ position: absolute; top: 0; left: 0; width: 40px; height: 40px; overflow: hidden; z-index: 100;} .responsive #top .single-product-main-image .onsale{ top: 15px; left: 15px; } /*產品圖片上面的放大鏡 Fix*/ .single-product-main-image{position: relative;} .single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox{ position: absolute; top: 15px; right: 15px; left: inherit; border: 1px solid #ebebeb; } /*產品圖片上-點擊放大上的標題文案Fix*/ .mfp-content .mfp-title{display: none;} /*產品標題*/ #top .template-shop .single-product-summary h1{ font-size: 24px;} /*=========產品資訊頁-等比例縮小 Fix=========*/ /*版型預設模式*/ #top #wrap_all .woocommerce-product-gallery__wrapper > .lightbox-added{ position: relative; text-align: center; vertical-align: middle; } #top #wrap_all .woocommerce-product-gallery__wrapper > .lightbox-added::before{ content:''; padding:70% 0 0 0; display: inline-block; vertical-align: middle; } #top #wrap_all .woocommerce-product-gallery__wrapper > .lightbox-added img{ display: inline-block; width: auto; max-height: 300px; height: auto; text-align: center; vertical-align: middle; } /*Ｗoo模式*/ #top #wrap_all .woocommerce-product-gallery__image > a{ position: relative; text-align: center; vertical-align: middle; } #top #wrap_all .woocommerce-product-gallery__image > a::before{ content:''; padding:70% 0 0 0; display: inline-block; vertical-align: middle; } #top #wrap_all .woocommerce-product-gallery__image > a >img{ display: inline-block; width: auto; max-height: 300px; height: auto; text-align: center; vertical-align: middle; } /* ============================================================================================================================= */ /* 加價購模組 WPC Product Bundles for WooCommerce中文版 Fix*/ /*============================================================================================================================== */ .woosb-products .woosb-product .woosb-qty{ min-width: 150px; padding: 0; margin: 0;} @media only screen and (max-width: 767px) { #wrap_all .woosb-products .woosb-product{ display: inline-block; width: 50%;float: left;} #wrap_all .woosb-products .woosb-product > div:last-child {padding-right: 0;text-align: left;height: 70px; overflow: hidden;} #wrap_all .woosb-wrap .woosb-text { white-space: initial; width: 100%; display: block;float: left; margin: 0 0 30px 0;} } /* ============================================================================================================================= */ /* [Woo強化功能] WooCommerce 補充備註規格(免費版) WooCommerce Custom Product Addons (Free) Fix*/ /*============================================================================================================================== */ .wcpa_form_outer label{ margin: 0 0 10px 0;padding: 0; width: 100%;} .wcpa_form_outer .wcpa_checkbox{ display: inline-block;padding: 0 15px 0 0; } .wcpa_form_outer .wcpa_radio{ display: inline-block;padding: 0 15px 0 0; } /* ====================== */ /* 表單樣式*/ /*請在樣式表加入此參數liteform-style */ /*======================*/ #top #wrap_all .liteform-style input[type="text"]{ border: 0; border-radius: 0; background: #FFF; border-bottom: 1px solid #898989; } #top #wrap_all .liteform-style textarea{ border-radius: 0; background: #FFF; border: 1px solid #898989; } /* =========================== */ /* BLOG優化*/ /*============================ */ /*內頁上方縮圖*/ .post-template-default .sidebar_left .big-preview{display: none;} /*內頁標題*/ .entry-content-wrapper .big-preview.single-big {padding: 0px 0px 25px 0;} #top #wrap_all .entry-content-wrapper .post-title{ margin: 0 0 20px 0;} #top .av-alb-blogposts.template-blog div.post_delimiter{ padding:0;} /* ====================== */ /* 啟用訂單模式-不顯示價格及運費欄位及特價*/ /*======================*/ #top .price span{display: none; visibility: hidden;} .dropdown_widget .quantity{display: none; visibility: hidden;} #top .dropdown_widget .total{display: none; visibility: hidden;} .cart-collaterals .cart_totals h2, .cart-collaterals .cart_totals .shop_table_responsive{display: none; visibility: hidden;} #order_review_heading{display: none;} .woocommerce-shipping-totals{ display: none; visibility: hidden; } #top .variations_form{ border: 0;} #top .variations_form .variations{ display: none;} #top .variations_form .quantity{ display: none; visibility: hidden; width: 0; overflow: hidden; min-width: auto;height: 0; line-height: 0;} #top form.cart .button{ float: left;} .single_variation_wrap{margin: 0;} #top .main_color .onsale{display: none;} #top form.cart div.quantity{display: none;} /*結帳相關*/ .woocommerce-cart-form .product-remove{ width: 50px;} .woocommerce-cart-form .product-thumbnail{ width: 150px;} .product-price, .product-quantity, .product-subtotal, .woocommerce-cart-form .actions, .woocommerce-Price-currencySymbol, .woocommerce-checkout h3, #top #payment ul.payment_methods{display: none;} #order_review .product-total, #order_review tfoot{display: none;} #main #order_review .cart_item .product-name, .responsive #top table .product-name{ padding:15px;} #main .woocommerce-cart-form .variation dt.variation-Size{} #main .main_color #payment{background: none; border: 0; padding: 0; margin: 0; text-align: center;} @media only screen and (max-width: 767px) { #main .woocommerce-cart-form .product-remove{width: 5%;} #main .woocommerce-cart-form .product-thumbnail { width: 15%; display: table-cell;} #main .woocommerce-cart-form .product-thumbnail img {width: 50px; height: auto;} #main .woocommerce-cart-form .shop_table{ padding: 0; margin: 0;} #main .woocommerce-cart-form .product-remove, .responsive #top table .product-name, .responsive table.shop_table{ display: table-cell; text-align: left;} #main #order_review .cart_item .product-quantity{visibility: hidden; line-height: 0;} #main #order_review .shop_table{width: 100%; display: table;} .responsive table.shop_table td{padding: 0;} } /*會員專區Fix*/ #main .woocommerce-MyAccount-content table{ display: table;} #main .woocommerce-MyAccount-content .woocommerce-orders-table__header-order-total, #main .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total, #main .woocommerce-MyAccount-content .woocommerce-customer-details, #main .woocommerce-table--order-details .product-total, #main .woocommerce-table--order-details tfoot{ display: none;} @media only screen and (max-width: 767px) { #main .woocommerce-MyAccount-content td{padding:5px;} } #top .av_inherit_color a{text-decoration: none;} .template-shop .product_meta{display: none;} #main .wooct-text-above{ padding: 0 0 15px 0;} #main .wooct-countdown{ margin: 0 0 45px 0;} /* ====================== */ /* 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:2px solid #e1e1e1; background: #FFF; width: 25px; margin: 0; } #top #main .shop_table.order_details{ padding: 0; background: #FFF; border: 0; } .woocommerce-cart-form__contents{} .woocommerce thead tr th{ font-weight: bold; font-size: 16px; border-bottom: 2px solid #e1e1e1; } .woocommerce thead tr th.product-quantity{ text-align: center; } .woocommerce tr td,.woocommerce tr th{ border-bottom:1px solid #e1e1e1; } .woocommerce-cart-form{ width: 60%; float: left; } .cart-collaterals{ width: 35%; float: right; clear: none; } .cart-collaterals .cart_totals{ display: inline-block; border: 2px solid #e1e1e1; padding: 3%; width: 100%; border-radius:5px; } .cart-collaterals .cart_totals a.button.alt{ width: 100%; } .cart-collaterals h2{ font-size: 20px; line-height: 1.1em; margin:15px 0 30px 0; text-align: center; } @media screen and (max-width:991px){ .woocommerce-cart-form{ width: 100%;} .cart-collaterals{ width: 100%;} } @media screen and (max-width:479px){ .responsive table.shop_table{ border-width:0; } .responsive #top table .product-name{ border-left-width:0; } } /* ====================== */ /* Woo checkout UI補強*/ /*======================*/ div table.shop_table td{ padding: 10px 12px;} @media screen and (min-width:992px){ #customer_details{ width: 50%;} #customer_details .col-1{ width: 100%;} #customer_details .col-2{ width: 100%;} #order_review_heading,#order_review{ width: 50%; clear: none; float: right; padding: 0 0 0 5%; } } #customer_details label{ margin:0 0 5px 0;} #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select{ border: 2px solid #e1e1e1; } #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select{ background-color: #FFF; } /*.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: #FFF; }*/ .main_color #payment{ background: #FFF; } #top #payment{ border-top-width: 1px;} #top #payment ul.payment_methods{ border:0; padding: 0; } #top #payment div.form-row{ padding:10px; margin: 0; } #top #payment #place_order{ width: 100%; } .woocommerce-checkout-review-order-table tr, .woocommerce-checkout-review-order-table tr th, .woocommerce-checkout-review-order-table tr td{ border: 0; border-bottom: 1px solid #e1e1e1; padding: 10px 12px; } .woocommerce-checkout-review-order-table thead tr th{ font-weight: bold; font-size:16px; border-bottom:2px solid #e1e1e1; } #order_review .order-total th, #order_review .order-total td strong{ font-weight: bold; font-size:16px; color: #c82626; } @media only screen and (max-width: 767px) { .responsive #top .col2-set .col-1{ width: 98%; } } #top #wrap_all .woocommerce form .form-row .required{ visibility: visible; color: red; text-decoration: none; } #top #wrap_all .woocommerce-checkout .optional{ display: none; } /*#top #wrap_all .woocommerce-additional-fields__field-wrapper{ display: none; }*/ .responsive table.shop_table.cart td.product-price, .responsive table.shop_table.cart td.product-tax{ display: none; } .woocommerce-cart-form{ border-top: 1px solid #e1e1e1;} .woocommerce-cart-form thead{display: none;} #top #wrap_all .woocommerce-customer-details address{ line-height: 24px; } #top #wrap_all .woocommerce-customer-details address p{ margin: 0; padding: 0; } #top #wrap_all .cart button{background-color: #a10000;} .html_visible_cart .cart_dropdown{display: none;} /* =========================== */ /*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:#FF0004;} #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: #C52D2F; color: #FFF; border-color: #C52D2F; } .footer-website-logo{ max-width: 320px; } @media only screen and (min-width: 768px) { .company-contact-tag ul{ display: flex; flex-wrap: wrap; } .company-contact-tag ul li{ display: flex; flex-basis: 50%; } } #top .avia-button.avia-color-light{ border: 1px solid #fff; } /*SVG logo fix*/ .html_header_top.html_logo_center .logo a{display: flex;} /*追加優化*/ .footer-website-logo{ max-width: 250px;} @media only screen and (max-width: 768px) { .footer-website-logo{max-width: 200px;} } .main_color .required{ color: red;margin: 0 0 0 5px;} /*關於我們的專屬服務*/ #exclusive-service .avia_start_delayed_animation.bottom-to-top{ display: flex; justify-content: center; } @media only screen and (max-width:768px) { #exclusive-service .avia_start_delayed_animation.bottom-to-top{ display: initial; justify-content: center; } } #top .av-border-deactivate.avia-logo-element-container img, .av-border-deactivate .av-partner-fake-img{ min-height: 100px; } /* =========================== */ /*左側Line圖示 /* =========================== */ .webms-icon-tag{ position: fixed; right: 30px; bottom: 100px; z-index: 99999; display: flex; flex-direction:column; width: 65px; } .webms-icon-tag > div{ padding: 15px 0 0 0; text-align: center; } .webms-icon-tag > div > a{ display: inline-block; width: 50px; height: 50px; text-indent: -9999px; } @media only screen and (max-width: 767px) { .webms-icon-tag{ right: 15px;bottom:85px;} .webms-icon-tag > div > a{width: 40px; height: 40px;} .webms-icon-tag > div{padding:20px 0 0 0;} } /*linkedin圖示*/ .linkedin-icon-tag{} .linkedin-icon-tag .linkedin-icon{ background:url(../images/linkedin.svg) no-repeat 0 0; background-size: auto 100%; } /*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%; } .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; /* position: relative;*/ right:0px; width: 100%; } #speak-icon-pc{ display: block;} #speak-icon-mb{ display: none;} @media only screen and (max-width: 767px) { #speak-icon-pc{ display: none;} #speak-icon-mb{ display: block;} } /*自定義對話區塊*/ .speak-box-con{ position: fixed; right:7%; bottom:100px; z-index:0;opacity: 0; max-width: 300px; 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:0; } .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; } #top #wrap_all .sub-menu{} #top #wrap_all .sub-menu .menu-item-object-custom{} #top #wrap_all .sub-menu .menu-item-object-custom a{ background: url(../images/right-arrow.png) rgba(255, 255, 255, 0.95) no-repeat 230px center; background-size: 10px auto; } #top #wrap_all .sub-menu .menu-item-object-custom .menu-item-object-portfolio a{ background: none; } #top #wrap_all .avia-animated-number .avia-animated-number-title{ padding: 0 0 20px 0; display: inline-block; margin: 0; font-weight: bold; } #top #wrap_all .avia-animated-number .avia-no-number{ font-size: 1.5rem; font-weight: bold; margin: 0 0 0 10px; } #top #wrap_all .avia-animated-number-left .avia-animated-number{ text-align: left; } #top #wrap_all .av-subheading_below{ margin-top: 1em; } #top #wrap_all .margin-space-tag{ overflow: hidden; margin: 0 auto; max-width: 1250px; float: none; border-radius: 10px; } /*客戶言論優化*/ #top #wrap_all .avia-testimonial-wrapper .avia-testimonial .avia-testimonial_inner{ border: 1px solid #d3d3d3; border-radius: 8px; padding:20px 25px; line-height: 1.5em; min-height: 250px; } #top #wrap_all .avia-testimonial-wrapper .avia-testimonial .avia-testimonial-meta{ margin-top: 25px; } /*AI人的才合作品牌優化*/ #top #wrap_all .partners-list-tag .av-partner-fake-img{ width: 120px; height: 80px; margin: 0 auto; min-height: inherit; } /* 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: 768px) { /* Add your Mobile Styles here */ }