body{--pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #6eb48c; --pcbody-font: 'PT Serif', serif; --pchead-font: 'Raleway', sans-serif; --pchead-wei: bold; --pcava_bdr:10px;--pcajs_fvw:470px;--pcajs_fvmw:220px;} .single.penci-body-single-style-5 #header, .single.penci-body-single-style-6 #header, .single.penci-body-single-style-10 #header, .single.penci-body-single-style-5 .pc-wrapbuilder-header, .single.penci-body-single-style-6 .pc-wrapbuilder-header, .single.penci-body-single-style-10 .pc-wrapbuilder-header{--pchd-mg: 40px;} .fluid-width-video-wrapper > div{position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;} .yt-video-place{position: relative; text-align: center;} .yt-video-place.embed-responsive .start-video{display: block; top: 0; left: 0; bottom: 0; right: 0; position: absolute; transform: none;} .yt-video-place.embed-responsive .start-video img{margin: 0; padding: 0; top: 50%; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 68px; height: auto;} .mfp-bg{top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80)} .mfp-wrap{top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden} body{--pchead-font: 'Roboto', sans-serif;} body{--pcbody-font: 'Roboto', sans-serif;} p{line-height: 1.8;} #navigation .menu > li > a, #navigation ul.menu ul.sub-menu li > a, .navigation ul.menu ul.sub-menu li > a, .penci-menu-hbg .menu li a, #sidebar-nav .menu li a{font-family: 'Roboto', sans-serif; font-weight: normal;} .penci-hide-tagupdated{display: none !important;} body, .widget ul li a{font-size: 15px;} .widget ul li, .widget ol li, .post-entry, p, .post-entry p{font-size: 15px; line-height: 1.8;} .widget ul li, .widget ol li, .post-entry, p, .post-entry p{line-height: 1.6;} body{--pchead-wei: 600;} .featured-area.featured-style-42 .item-inner-content, .featured-style-41 .swiper-slide, .slider-40-wrapper .nav-thumb-creative .thumb-container:after,.penci-slider44-t-item:before,.penci-slider44-main-wrapper .item, .featured-area .penci-image-holder, .featured-area .penci-slider4-overlay, .featured-area .penci-slide-overlay .overlay-link, .featured-style-29 .featured-slider-overlay, .penci-slider38-overlay{border-radius: ; -webkit-border-radius: ;} .penci-featured-content-right:before{border-top-right-radius: ; border-bottom-right-radius: ;} .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{border-bottom-left-radius: ; border-bottom-right-radius: ;} .container-single .post-image{border-radius: ; -webkit-border-radius: ;} .penci-mega-post-inner, .penci-mega-thumbnail .penci-image-holder{border-radius: ; -webkit-border-radius: ;} .penci-magazine-slider .mag-item-1 .mag-meta-child span:after, .penci-magazine-slider .mag-meta-child span:after, .post-box-meta-single > span:before, .standard-top-meta > span:before, .penci-mag-featured-content .feat-meta > span:after, .penci-featured-content .feat-text .feat-meta > span:after, .featured-style-35 .featured-content-excerpt .feat-meta > span:after, .penci-post-box-meta .penci-box-meta span:after, .grid-post-box-meta span:after, .overlay-post-box-meta > div:after{box-sizing: border-box; -webkit-box-sizing: border-box; width: 4px; height: 4px; border: 2px solid; border-radius: 2px; transform: translateY(-2px); -webkit-transform: translateY(-2px);} .cat > a.penci-cat-name:after{width: 4px; height: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; transform: none; border-radius: 2px; margin-top: -2px; border-width: 2px;} #navigation .menu > li > a, #navigation ul.menu ul.sub-menu li > a, .navigation ul.menu ul.sub-menu li > a, .penci-menu-hbg .menu li a, #sidebar-nav .menu li a, #navigation .penci-megamenu .penci-mega-child-categories a, .navigation .penci-megamenu .penci-mega-child-categories a{font-weight: 600;} body{--pcbg-cl: #f6f8fa;} .penci-single-style-7:not( .penci-single-pheader-noimg ).penci_sidebar #main article.post, .penci-single-style-3:not( .penci-single-pheader-noimg ).penci_sidebar #main article.post{background-color: var(--pcbg-cl);} @media only screen and (max-width: 767px){.standard-post-special_wrapper{background: var(--pcbg-cl);} } .wrapper-boxed, .wrapper-boxed.enable-boxed, .home-pupular-posts-title span, .penci-post-box-meta.penci-post-box-grid .penci-post-share-box, .penci-pagination.penci-ajax-more a.penci-ajax-more-button, .woocommerce .woocommerce-product-search input[type="search"], .overlay-post-box-meta, .widget ul.side-newsfeed li.featured-news2 .side-item .side-item-text, .widget select, .widget select option, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, #penci-demobar, #penci-demobar .style-toggle, .grid-overlay-meta .grid-header-box, .header-standard.standard-overlay-meta{background-color: var(--pcbg-cl);} .penci-grid .list-post.list-boxed-post .item > .thumbnail:before{border-right-color: var(--pcbg-cl);} .penci-grid .list-post.list-boxed-post:nth-of-type(2n+2) .item > .thumbnail:before{border-left-color: var(--pcbg-cl);} .editor-styles-wrapper, body{--pcaccent-cl: #003366;} .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after,.tags-share-box.tags-share-box-s2 .post-share-plike,.penci-video_playlist .penci-playlist-title,.pencisc-column-2.penci-video_playlist .penci-video-nav .playlist-panel-item, .pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item,.penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb, .pencisc-button, .post-entry .pencisc-button, .penci-dropcap-box, .penci-dropcap-circle, .penci-login-register input[type="submit"]:hover, .penci-ld .penci-ldin:before, .penci-ldspinner > div{background: #003366;} a, .post-entry .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li.active a, .post-entry .penci-portfolio-filter ul li.active a, .penci-countdown .countdown-amount, .archive-box h1, .post-entry a, .container.penci-breadcrumb span a:hover,.container.penci-breadcrumb a:hover, .post-entry blockquote:before, .post-entry blockquote cite, .post-entry blockquote .author, .wpb_text_column blockquote:before, .wpb_text_column blockquote cite, .wpb_text_column blockquote .author, .penci-pagination a:hover, ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover, .penci-recipe-heading a.penci-recipe-print,.penci-review-metas .penci-review-btnbuy, .main-nav-social a:hover, .widget-social .remove-circle a:hover i, .penci-recipe-index .cat > a.penci-cat-name, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a:hover, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a:hover, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content a, #bbpress-forums li.bbp-body ul.topic p.bbp-topic-meta a, #bbpress-forums .bbp-breadcrumb a:hover, #bbpress-forums .bbp-forum-freshness a:hover, #bbpress-forums .bbp-topic-freshness a:hover, #buddypress ul.item-list li div.item-title a, #buddypress ul.item-list li h4 a, #buddypress .activity-header a:first-child, #buddypress .comment-meta a:first-child, #buddypress .acomment-meta a:first-child, div.bbp-template-notice a:hover, .penci-menu-hbg .menu li a .indicator:hover, .penci-menu-hbg .menu li a:hover, #sidebar-nav .menu li a:hover, .penci-rlt-popup .rltpopup-meta .rltpopup-title:hover, .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover, .penci_list_shortcode li:before, .penci-dropcap-box-outline, .penci-dropcap-circle-outline, .penci-dropcap-regular, .penci-dropcap-bold{color: #003366;} .penci-home-popular-post ul.slick-dots li button:hover, .penci-home-popular-post ul.slick-dots li.slick-active button, .post-entry blockquote .author span:after, .error-image:after, .error-404 .go-back-home a:after, .penci-header-signup-form, .woocommerce span.onsale, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce div.product .entry-summary div[itemprop="description"]:before, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span:after, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span:after, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .pcheader-icon.shoping-cart-icon > a > span, #penci-demobar .buy-button, #penci-demobar .buy-button:hover, .penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover, .penci-review-process span, .penci-review-score-total, #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before, .penci-go-to-top-floating, .post-entry.blockquote-style-2 blockquote:before, #bbpress-forums #bbp-search-form .button, #bbpress-forums #bbp-search-form .button:hover, .wrapper-boxed .bbp-pagination-links span.current, #bbpress-forums #bbp_reply_submit:hover, #bbpress-forums #bbp_topic_submit:hover,#main .bbp-login-form .bbp-submit-wrapper button[type="submit"]:hover, #buddypress .dir-search input[type=submit], #buddypress .groups-members-search input[type=submit], #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress input[type=submit]:hover, #buddypress div.pagination .pagination-links .current, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li a:hover, #buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, #buddypress table.profile-settings thead tr, #buddypress table.profile-fields thead tr, #buddypress table.wp-profile-fields thead tr, #buddypress table.messages-notices thead tr, #buddypress table.forum thead tr, #buddypress input[type=submit]{background-color: #003366;} .penci-pagination ul.page-numbers li span.current, #comments_pagination span{color: #fff; background: #003366; border-color: #003366;} .footer-instagram h4.footer-instagram-title > span:before, .woocommerce nav.woocommerce-pagination ul li span.current, .penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover, .penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover, .home-featured-cat-content.style-14 .magcat-padding:before, .wrapper-boxed .bbp-pagination-links span.current, #buddypress .dir-search input[type=submit], #buddypress .groups-members-search input[type=submit], #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress input[type=submit]:hover, #buddypress div.pagination .pagination-links .current, #buddypress input[type=submit], form.pc-searchform.penci-hbg-search-form input.search-input:hover, form.pc-searchform.penci-hbg-search-form input.search-input:focus, .penci-dropcap-box-outline, .penci-dropcap-circle-outline{border-color: #003366;} .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{border-top-color: #003366;} .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover, .penci-related-carousel .penci-owl-dot.active span, .penci-owl-carousel-slider .penci-owl-dot.active span{border-color: #003366; background-color: #003366;} .woocommerce .woocommerce-message:before, .woocommerce form.checkout table.shop_table .order-total .amount, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before, .woocommerce div.product .woocommerce-tabs #tab-description blockquote:before, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote cite, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author, .woocommerce div.product .woocommerce-tabs #tab-description blockquote cite, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author, .woocommerce div.product .product_meta > span a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount, .woocommerce table.shop_table td.product-name a:hover, .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span, .woocommerce-cart .cart-collaterals .cart_totals table td .amount, .woocommerce .woocommerce-info:before, .woocommerce div.product span.price, .penci-container-inside.penci-breadcrumb span a:hover,.penci-container-inside.penci-breadcrumb a:hover{color: #003366;} .standard-content .penci-more-link.penci-more-link-button a.more-link, .penci-readmore-btn.penci-btn-make-button a, .penci-featured-cat-seemore.penci-btn-make-button a{background-color: #003366; color: #fff;} .penci-vernav-toggle:before{border-top-color: #003366; color: #fff;} #penci-login-popup:before{opacity: ;} #navigation, .show-search{background: #003366;} @media only screen and (min-width: 960px){#navigation.header-11 > .container{background: #003366;}} .navigation, .navigation.header-layout-bottom, #navigation, #navigation.header-layout-bottom{border-color: #003366;} .navigation .menu > li > a, .navigation .menu .sub-menu li a, #navigation .menu > li > a, #navigation .menu .sub-menu li a{color: #dddddd;} .navigation .menu > li > a:hover, .navigation .menu li.current-menu-item > a, .navigation .menu > li.current_page_item > a, .navigation .menu > li:hover > a, .navigation .menu > li.current-menu-ancestor > a, .navigation .menu > li.current-menu-item > a, .navigation .menu .sub-menu li a:hover, .navigation .menu .sub-menu li.current-menu-item > a, .navigation .sub-menu li:hover > a, #navigation .menu > li > a:hover, #navigation .menu li.current-menu-item > a, #navigation .menu > li.current_page_item > a, #navigation .menu > li:hover > a, #navigation .menu > li.current-menu-ancestor > a, #navigation .menu > li.current-menu-item > a, #navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a{color: #ffffff;} .navigation ul.menu > li > a:before, .navigation .menu > ul > li > a:before, #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before{background: #ffffff;} #navigation.menu-style-3 .menu .sub-menu:after, .navigation.menu-style-3 .menu .sub-menu:after{border-bottom-color: #003366;} #navigation.menu-style-3 .menu .sub-menu .sub-menu:after,.navigation.menu-style-3 .menu .sub-menu .sub-menu:after{border-right-color: #003366;} #navigation .menu .sub-menu, #navigation .menu .children, #navigation ul.menu > li.megamenu > ul.sub-menu{background-color: #003366;} #navigation .menu > li > a, #navigation ul.menu ul.sub-menu li > a, .navigation ul.menu ul.sub-menu li > a, #navigation .penci-megamenu .penci-mega-child-categories a, .navigation .penci-megamenu .penci-mega-child-categories a{text-transform: none;} #navigation .penci-megamenu .post-mega-title a{text-transform: uppercase;} #navigation ul.menu > li > a, #navigation .menu > ul > li > a{font-size: 15px;} #navigation .menu .sub-menu li a{color: #ffffff;} #navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a{color: #f5f5f5;} #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before{background-color: #c20017;} .top-search-classes a.cart-contents, .pcheader-icon > a, #navigation .button-menu-mobile,.top-search-classes > a, #navigation #penci-header-bookmark > a{color: #ffffff;} #navigation .button-menu-mobile svg{fill: #ffffff;} .show-search form.pc-searchform input.search-input::-webkit-input-placeholder{color: #ffffff;} .show-search form.pc-searchform input.search-input:-moz-placeholder{color: #ffffff; opacity: 1;} .show-search form.pc-searchform input.search-input::-moz-placeholder{color: #ffffff; opacity: 1;} .show-search form.pc-searchform input.search-input:-ms-input-placeholder{color: #ffffff;} .penci-search-form form input.search-input::-webkit-input-placeholder{color: #ffffff;} .penci-search-form form input.search-input:-moz-placeholder{color: #ffffff; opacity: 1;} .penci-search-form form input.search-input::-moz-placeholder{color: #ffffff; opacity: 1;} .penci-search-form form input.search-input:-ms-input-placeholder{color: #ffffff;} .show-search form.pc-searchform input.search-input,.penci-search-form form input.search-input{color: #ffffff;} .show-search a.close-search{color: #ffffff;} .header-search-style-overlay .show-search a.close-search{color: #ffffff;} .header-search-style-default .pcajx-search-loading.show-search .penci-search-form form button:before{border-left-color: #ffffff;} .show-search form.pc-searchform input.search-input::-webkit-input-placeholder{color: #ffffff;} .show-search form.pc-searchform input.search-input:-moz-placeholder{color: #ffffff; opacity: 1;} .show-search form.pc-searchform input.search-input::-moz-placeholder{color: #ffffff; opacity: 1;} .show-search form.pc-searchform input.search-input:-ms-input-placeholder{color: #ffffff;} .penci-search-form form input.search-input::-webkit-input-placeholder{color: #ffffff;} .penci-search-form form input.search-input:-moz-placeholder{color: #ffffff; opacity: 1;} .penci-search-form form input.search-input::-moz-placeholder{color: #ffffff; opacity: 1;} .penci-search-form form input.search-input:-ms-input-placeholder{color: #ffffff;} .show-search form.pc-searchform input.search-input,.penci-search-form form input.search-input{color: #ffffff;} .penci-header-signup-form{padding-top: px; padding-bottom: px;} .header-social a i, .main-nav-social a{color: #ffffff;} .header-social a:hover i, .main-nav-social a:hover, .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after{color: #c20017;} .penci-slide-overlay .overlay-link, .penci-slider38-overlay, .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before, .slider-40-wrapper .list-slider-creative .item-slider-creative .img-container:before{opacity: ;} .penci-item-mag:hover .penci-slide-overlay .overlay-link, .featured-style-38 .item:hover .penci-slider38-overlay, .penci-flat-overlay .penci-item-mag:hover .penci-slide-overlay .penci-mag-featured-content:before{opacity: ;} .penci-featured-content .featured-slider-overlay{opacity: ;} .slider-40-wrapper .list-slider-creative .item-slider-creative:hover .img-container:before{opacity:;} .featured-style-29 .featured-slider-overlay{opacity: ;} .pc_titlebig_standard a, .header-standard > h2 a{color: #003366;} .header-standard > h2 a{color: #003366;} .penci_grid_title a, .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a, .grid-mixed .mixed-detail h2 a, .overlay-header-box .overlay-title a{text-transform: none;} .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a{} .penci-grid .cat a.penci-cat-name, .penci-masonry .cat a.penci-cat-name, .penci-featured-infor .cat a.penci-cat-name, .grid-mixed .cat a.penci-cat-name, .overlay-header-box .cat a.penci-cat-name{text-transform: uppercase;} .penci-featured-infor .penci-entry-title a, .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a, .grid-mixed .mixed-detail h2 a{color: #003366;} .penci-featured-infor .penci-entry-title a:hover, .penci-grid li .item h2 a:hover, .penci-masonry .item-masonry h2 a:hover, .grid-mixed .mixed-detail h2 a:hover{color: #c20017;} .penci-grid li.typography-style .overlay-typography{opacity: ;} .penci-grid li.typography-style:hover .overlay-typography{opacity: ;} .penci-featured-infor .cat > a.penci-cat-name, .penci-standard-cat .cat > a.penci-cat-name, .grid-header-box .cat > a.penci-cat-name, .header-list-style .cat > a.penci-cat-name, .overlay-header-box .cat > a.penci-cat-name, .inner-boxed-2 .cat > a.penci-cat-name, .main-typography .cat > a.penci-cat-name{font-size: 12px;} .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a, .penci_grid_title a{font-size:24px;} .grid-post-box-meta, .overlay-header-box .overlay-author, .penci-post-box-meta .penci-box-meta, .header-standard .author-post{font-size: 12px;} @media only screen and (min-width: 768px){.penci-grid li.list-post .item > .thumbnail, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb{width: 40%;} .penci-grid li.list-post .item .content-list-right, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail{width: 60%;} } .penci-sidebar-content .widget, .penci-sidebar-content.pcsb-boxed-whole{margin-bottom: 40px;} .penci-sidebar-content .penci-border-arrow .inner-arrow{text-transform: none;} .penci-sidebar-content .penci-border-arrow .inner-arrow{font-size: 18px;} .penci-sidebar-content.style-25 .inner-arrow, .penci-sidebar-content.style-25 .widget-title, .penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow, .penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow, .penci-sidebar-content.style-14 .penci-border-arrow .inner-arrow:before, .penci-sidebar-content.style-13 .penci-border-arrow .inner-arrow, .penci-sidebar-content .penci-border-arrow .inner-arrow, .penci-sidebar-content.style-15 .penci-border-arrow .inner-arrow{background-color: #003366;} .penci-sidebar-content.style-2 .penci-border-arrow:after{border-top-color: #003366;} .penci-sidebar-content.style-25 .widget-title span{--pcheading-cl: #587592;} .penci-sidebar-content .penci-border-arrow:after{background-color: #587592;} .penci-sidebar-content.style-25 .widget-title span{--pcheading-cl:#587592;} .penci-sidebar-content.style-26 .widget-title{--pcborder-cl:#587592;} .penci-sidebar-content.style-24 .widget-title>span, .penci-sidebar-content.style-23 .widget-title>span, .penci-sidebar-content.style-22 .widget-title,.penci-sidebar-content.style-21 .widget-title span{--pcaccent-cl:#587592;} .penci-sidebar-content .penci-border-arrow .inner-arrow, .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before, .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:after, .penci-sidebar-content.style-5 .penci-border-arrow, .penci-sidebar-content.style-7 .penci-border-arrow, .penci-sidebar-content.style-9 .penci-border-arrow{border-color: #587592;} .penci-sidebar-content .penci-border-arrow:before{border-top-color: #587592;} .penci-sidebar-content.style-16 .penci-border-arrow:after{background-color: #587592;} .penci-sidebar-content.style-5 .penci-border-arrow{border-color: #587592;} .penci-sidebar-content.style-12 .penci-border-arrow,.penci-sidebar-content.style-10 .penci-border-arrow, .penci-sidebar-content.style-5 .penci-border-arrow .inner-arrow{border-bottom-color: #587592;} .penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow:after, .penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow:before{border-top-color: #587592;} .penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow:before, .penci-sidebar-content.style-12.pcalign-center .penci-border-arrow .inner-arrow:after, .penci-sidebar-content.style-12.pcalign-right .penci-border-arrow .inner-arrow:after{border-bottom-color: #587592;} .penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:after, .penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow:after{border-right-color: #587592;} .penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:before, .penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow:before{border-left-color: #587592;} .penci-sidebar-content.style-24 .widget-title>span, .penci-sidebar-content.style-23 .widget-title>span, .penci-sidebar-content.style-22 .widget-title{--pcborder-cl:#587592;} .penci-sidebar-content .penci-border-arrow:after{border-color: #587592;} #footer-copyright *{font-size: 12px;} #footer-copyright *{font-style: normal;} #widget-area{background-color: #153d66;} .footer-widget-wrapper, .footer-widget-wrapper .widget.widget_categories ul li, .footer-widget-wrapper .widget.widget_archive ul li, .footer-widget-wrapper .widget input[type="text"], .footer-widget-wrapper .widget input[type="email"], .footer-widget-wrapper .widget input[type="date"], .footer-widget-wrapper .widget input[type="number"], .footer-widget-wrapper .widget input[type="search"]{color: #ffffff;} .footer-widget-wrapper .widget ul li, .footer-widget-wrapper .widget ul ul, .footer-widget-wrapper .widget input[type="text"], .footer-widget-wrapper .widget input[type="email"], .footer-widget-wrapper .widget input[type="date"], .footer-widget-wrapper .widget input[type="number"], .footer-widget-wrapper .widget input[type="search"]{border-color: #254566;} .footer-widget-wrapper .widget .widget-title{color: #ffffff;} .footer-widget-wrapper .widget .widget-title .inner-arrow{border-color: #254566;} .footer-widget-wrapper a, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text h4 a, .footer-widget-wrapper .widget a, .footer-widget-wrapper .widget-social a i, .footer-widget-wrapper .widget-social a span, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a{color: #ffffff;} .footer-widget-wrapper .widget-social a:hover i{color: #fff;} .footer-widget-wrapper .penci-tweets-widget-content .icon-tweets, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents a, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents span:after, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover, .footer-widget-wrapper .widget a:hover, .footer-widget-wrapper .widget-social a:hover span, .footer-widget-wrapper a:hover, .footer-widget-wrapper .widget-social.remove-circle a:hover i, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover{color: #ffffff;} .footer-widget-wrapper .widget .tagcloud a:hover, .footer-widget-wrapper .widget-social a:hover i, .footer-widget-wrapper .mc4wp-form input[type="submit"]:hover, .footer-widget-wrapper .widget input[type="submit"]:hover,.footer-widget-wrapper .penci-user-logged-in .penci-user-action-links a:hover, .footer-widget-wrapper .widget button[type="submit"]:hover{color: #fff; background-color: #ffffff; border-color: #ffffff;} .footer-widget-wrapper .about-widget .about-me-heading:before{border-color: #ffffff;} .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:before, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:after{background-color: #ffffff;} .footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot.active span, .footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot:hover span{border-color: #ffffff; background: #ffffff;} #footer-section, .penci-footer-social-moved{background-color: #003366;} #footer-section a{color: #ffffff;} .penci-user-logged-in .penci-user-action-links a, .penci-login-register input[type="submit"], .widget input[type="submit"], .widget button[type="submit"], .contact-form input[type=submit], #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"], div.wpforms-container .wpforms-form.wpforms-form input[type=submit], div.wpforms-container .wpforms-form.wpforms-form button[type=submit], div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button, .mc4wp-form input[type=submit]{background-color: #003366;} .pcdark-mode .penci-user-logged-in .penci-user-action-links a, .pcdark-mode .penci-login-register input[type="submit"], .pcdark-mode .widget input[type="submit"], .pcdark-mode .widget button[type="submit"], .pcdark-mode .contact-form input[type=submit], .pcdark-mode #respond #submit, .pcdark-mode .wpcf7 input[type="submit"], .pcdark-mode .widget_wysija input[type="submit"], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form input[type=submit], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form button[type=submit], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button, .pcdark-mode .mc4wp-form input[type=submit]{background-color: #003366;} .penci-user-logged-in .penci-user-action-links a, .penci-login-register input[type="submit"], .widget input[type="submit"], .widget button[type="submit"], .contact-form input[type=submit], #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"], div.wpforms-container .wpforms-form.wpforms-form input[type=submit], div.wpforms-container .wpforms-form.wpforms-form button[type=submit], div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button, .mc4wp-form input[type=submit]{color: #ffffff;} .pcdark-mode .penci-user-logged-in .penci-user-action-links a, .pcdark-mode .penci-login-register input[type="submit"], .pcdark-mode .widget input[type="submit"], .pcdark-mode .widget button[type="submit"], .pcdark-mode .contact-form input[type=submit], .pcdark-mode #respond #submit, .pcdark-mode .wpcf7 input[type="submit"], .pcdark-mode .widget_wysija input[type="submit"], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form input[type=submit], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form button[type=submit], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button, .pcdark-mode .mc4wp-form input[type=submit]{color: #ffffff;} .wp-block-search .wp-block-search__button svg{fill: #ffffff;} .penci-user-logged-in .penci-user-action-links a:hover, .penci-login-register input[type="submit"]:hover, .footer-widget-wrapper .widget button[type="submit"]:hover,.footer-widget-wrapper .mc4wp-form input[type="submit"]:hover, .footer-widget-wrapper .widget input[type="submit"]:hover,.widget input[type="submit"]:hover, .widget button[type="submit"]:hover, .contact-form input[type=submit]:hover, #respond #submit:hover, .wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover, div.wpforms-container .wpforms-form.wpforms-form input[type=submit]:hover, div.wpforms-container .wpforms-form.wpforms-form button[type=submit]:hover, div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button:hover, .mc4wp-form input[type=submit]:hover{background-color: #153d66;} .container-single .single-post-title{text-transform: none;} @media only screen and (min-width: 769px){.container-single .single-post-title{font-size: 30px;} } .post-entry, .post-entry p, .wpb_text_column p, .woocommerce .page-description p{font-size:16px;} .post-entry.blockquote-style-3 blockquote:not(.wp-block-quote) p, .post-entry.blockquote-style-4 blockquote:not(.wp-block-quote) p, .post-entry.blockquote-style-5 blockquote:not(.wp-block-quote) p, .post-entry blockquote.wp-block-quote p, .wpb_text_column blockquote.wp-block-quote p, .post-entry blockquote, .post-entry blockquote p, .wpb_text_column blockquote, .wpb_text_column blockquote p, .woocommerce .page-description blockquote, .woocommerce .page-description blockquote p{font-size: 18px;} .container-single #main .post-entry .post-tags a{font-size: 13px !important;} .container-single .single-post-title{} .container-single .cat a.penci-cat-name{text-transform: uppercase;} .list-post .header-list-style:after, .grid-header-box:after, .penci-overlay-over .overlay-header-box:after, .home-featured-cat-content .first-post .magcat-detail .mag-header:after{content: none;} .list-post .header-list-style, .grid-header-box, .penci-overlay-over .overlay-header-box, .home-featured-cat-content .first-post .magcat-detail .mag-header{padding-bottom: 0;} .header-standard-wrapper, .penci-author-img-wrapper .author{justify-content: start;} .penci-body-single-style-16 .container.penci-breadcrumb, .penci-body-single-style-11 .penci-breadcrumb, .penci-body-single-style-12 .penci-breadcrumb, .penci-body-single-style-14 .penci-breadcrumb, .penci-body-single-style-16 .penci-breadcrumb, .penci-body-single-style-17 .penci-breadcrumb, .penci-body-single-style-18 .penci-breadcrumb, .penci-body-single-style-19 .penci-breadcrumb, .penci-body-single-style-22 .container.penci-breadcrumb, .penci-body-single-style-22 .container-single .header-standard, .penci-body-single-style-22 .container-single .post-box-meta-single, .penci-single-style-12 .container.penci-breadcrumb, .penci-body-single-style-11 .container.penci-breadcrumb, .penci-single-style-21 .single-breadcrumb,.penci-single-style-6 .single-breadcrumb, .penci-single-style-5 .single-breadcrumb, .penci-single-style-4 .single-breadcrumb, .penci-single-style-3 .single-breadcrumb, .penci-single-style-9 .single-breadcrumb, .penci-single-style-7 .single-breadcrumb{text-align: left;} .penci-single-style-12 .container.penci-breadcrumb, .penci-body-single-style-11 .container.penci-breadcrumb, .container-single .header-standard, .container-single .post-box-meta-single{text-align: left;} .rtl .container-single .header-standard,.rtl .container-single .post-box-meta-single{text-align: right;} .container-single .post-pagination h5{text-transform: none;} #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after{content: none; display: none;} .container-single .item-related h3 a{text-transform: none;} .post-entry.blockquote-style-2 blockquote{background-color: #ededed} .home-featured-cat-content .mag-photo .mag-overlay-photo{opacity: ;} .home-featured-cat-content .mag-photo:hover .mag-overlay-photo{opacity: ;} .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after{opacity: ;} .penci-menuhbg-toggle{width: 18px;} .penci-menuhbg-toggle .penci-menuhbg-inner{height: 18px;} .penci-menuhbg-toggle .penci-lines, .penci-menuhbg-wapper{width: 18px;} .penci-menuhbg-toggle .lines-button{top: 8px;} .penci-menuhbg-toggle .penci-lines:before{top: 5px;} .penci-menuhbg-toggle .penci-lines:after{top: -5px;} .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after{transform: translateX(28px);} .penci-menuhbg-toggle .lines-button.penci-hover-effect{left: -28px;} .penci-menu-hbg-inner .penci-hbg_sitetitle{font-size: 18px;} .penci-menu-hbg-inner .penci-hbg_desc{font-size: 14px;} .penci-menu-hbg{width: 330px;}.penci-menu-hbg.penci-menu-hbg-left{transform: translateX(-330px); -webkit-transform: translateX(-330px); -moz-transform: translateX(-330px);}.penci-menu-hbg.penci-menu-hbg-right{transform: translateX(330px); -webkit-transform: translateX(330px); -moz-transform: translateX(330px);}.penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-left, .penci-vernav-poleft.penci-menuhbg-open .penci-vernav-toggle{left: 330px;}@media only screen and (min-width: 961px){.penci-vernav-enable.penci-vernav-poleft .wrapper-boxed, .penci-vernav-enable.penci-vernav-poleft .pencipdc_podcast.pencipdc_dock_player{padding-left: 330px;} .penci-vernav-enable.penci-vernav-poright .wrapper-boxed, .penci-vernav-enable.penci-vernav-poright .pencipdc_podcast.pencipdc_dock_player{padding-right: 330px;} .penci-vernav-enable .is-sticky #navigation{width: calc(100% - 330px);} }@media only screen and (min-width: 961px){.penci-vernav-enable .penci_is_nosidebar .wp-block-image.alignfull, .penci-vernav-enable .penci_is_nosidebar .wp-block-cover-image.alignfull, .penci-vernav-enable .penci_is_nosidebar .wp-block-cover.alignfull, .penci-vernav-enable .penci_is_nosidebar .wp-block-gallery.alignfull, .penci-vernav-enable .penci_is_nosidebar .alignfull{margin-left: calc(50% - 50vw + 165px); width: calc(100vw - 330px);} }.penci-vernav-poright.penci-menuhbg-open .penci-vernav-toggle{right: 330px;}@media only screen and (min-width: 961px){.penci-vernav-enable.penci-vernav-poleft .penci-rltpopup-left{left: 330px;} }@media only screen and (min-width: 961px){.penci-vernav-enable.penci-vernav-poright .penci-rltpopup-right{right: 330px;} }@media only screen and (max-width: 1500px) and (min-width: 961px){.penci-vernav-enable .container{max-width: 100%; max-width: calc(100% - 30px);} .penci-vernav-enable .container.home-featured-boxes{display: block;} .penci-vernav-enable .container.home-featured-boxes:before, .penci-vernav-enable .container.home-featured-boxes:after{content: ""; display: table; clear: both;} } .widget ul li, .post-entry, p, .post-entry p{text-align: left;} .penci-block-vc .penci-border-arrow .inner-arrow{text-transform: none;} .penci-block-vc .penci-border-arrow .inner-arrow{font-size: 18px;} .penci-block-vc .penci-border-arrow .inner-arrow{background-color: #003366;} .penci-block-vc .style-2.penci-border-arrow:after{border-top-color: #003366;} .penci-block-vc .penci-border-arrow:after{background-color: #587592;} .penci-block-vc .penci-border-arrow .inner-arrow, .penci-block-vc.style-4 .penci-border-arrow .inner-arrow:before, .penci-block-vc.style-4 .penci-border-arrow .inner-arrow:after, .penci-block-vc.style-5 .penci-border-arrow, .penci-block-vc.style-7 .penci-border-arrow, .penci-block-vc.style-9 .penci-border-arrow{border-color: #587592;} .penci-block-vc .penci-border-arrow:before{border-top-color: #587592;} .penci-block-vc .style-5.penci-border-arrow{border-color: #587592;} .penci-block-vc .style-5.penci-border-arrow .inner-arrow{border-bottom-color: #587592;} .penci-block-vc .penci-border-arrow:after{border-color: #587592;} .wrapper-boxed, .wrapper-boxed.enable-boxed{background-position:center !important;background-size:cover !important;background-repeat:repeat !important;} body{--pcdm_btnbg: rgba(0, 0, 0, .1); --pcdm_btnd: #666; --pcdm_btndbg: #fff; --pcdm_btnn: var(--pctext-cl); --pcdm_btnnbg: var(--pcbg-cl);} body.pcdm-enable{--pcbg-cl: #000000; --pcbg-l-cl: #1a1a1a; --pcbg-d-cl: #000000; --pctext-cl: #fff; --pcborder-cl: #313131; --pcborders-cl: #3c3c3c; --pcheading-cl: rgba(255,255,255,0.9); --pcmeta-cl: #999999; --pcl-cl: #fff; --pclh-cl: #003366; --pcaccent-cl: #003366; background-color: var(--pcbg-cl); color: var(--pctext-cl);} body.pcdark-df.pcdm-enable.pclight-mode{--pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #003366;} body.pcdm-enable .post-entry.blockquote-style-2 blockquote{background-color: var(--pcbg-cl)} @media only screen and (min-width: 961px){}.pchead-e-block{--pcborder-cl:#dedede;--pcaccent-cl:#6eb48c}.heading1-style-1>h1,.heading1-style-2>h1,.heading2-style-1>h2,.heading2-style-2>h2,.heading3-style-1>h3,.heading3-style-2>h3,.heading4-style-1>h4,.heading4-style-2>h4,.heading5-style-1>h5,.heading5-style-2>h5{padding-bottom:8px;border-bottom:1px solid var(--pcborder-cl);overflow:hidden}.heading1-style-2>h1,.heading2-style-2>h2,.heading3-style-2>h3,.heading4-style-2>h4,.heading5-style-2>h5{border-bottom-width:0;position:relative}.heading1-style-2>h1:before,.heading2-style-2>h2:before,.heading3-style-2>h3:before,.heading4-style-2>h4:before,.heading5-style-2>h5:before{content:'';width:50px;height:2px;bottom:0;left:0;z-index:2;background:var(--pcaccent-cl);position:absolute}.heading1-style-2>h1:after,.heading2-style-2>h2:after,.heading3-style-2>h3:after,.heading4-style-2>h4:after,.heading5-style-2>h5:after{content:'';width:100%;height:2px;bottom:0;left:20px;z-index:1;background:var(--pcborder-cl);position:absolute}.heading1-style-3>h1,.heading1-style-4>h1,.heading2-style-3>h2,.heading2-style-4>h2,.heading3-style-3>h3,.heading3-style-4>h3,.heading4-style-3>h4,.heading4-style-4>h4,.heading5-style-3>h5,.heading5-style-4>h5{position:relative;padding-left:20px}.heading1-style-3>h1:before,.heading1-style-4>h1:before,.heading2-style-3>h2:before,.heading2-style-4>h2:before,.heading3-style-3>h3:before,.heading3-style-4>h3:before,.heading4-style-3>h4:before,.heading4-style-4>h4:before,.heading5-style-3>h5:before,.heading5-style-4>h5:before{width:10px;height:100%;content:'';position:absolute;top:0;left:0;bottom:0;background:var(--pcaccent-cl)}.heading1-style-4>h1,.heading2-style-4>h2,.heading3-style-4>h3,.heading4-style-4>h4,.heading5-style-4>h5{padding:10px 20px;background:#f1f1f1}.heading1-style-5>h1,.heading2-style-5>h2,.heading3-style-5>h3,.heading4-style-5>h4,.heading5-style-5>h5{position:relative;z-index:1}.heading1-style-5>h1:before,.heading2-style-5>h2:before,.heading3-style-5>h3:before,.heading4-style-5>h4:before,.heading5-style-5>h5:before{content:"";position:absolute;left:0;bottom:0;width:200px;height:50%;transform:skew(-25deg) translateX(0);background:var(--pcaccent-cl);z-index:-1;opacity:.4}.heading1-style-6>h1,.heading2-style-6>h2,.heading3-style-6>h3,.heading4-style-6>h4,.heading5-style-6>h5{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:4px;text-decoration-color:var(--pcaccent-cl)}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image: none !important;}@media screen and (max-height: 1024px){.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image: none !important;}}@media screen and (max-height: 640px){.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image: none !important;}} #sidebar-right{position: relative; top: 0; width: 100%; /* 佔滿側邊欄容器寬度 */ /* 你可視需要調整高度或padding */} #sidebar-right.fixed{position: fixed; top: 20px; /* 距離視窗頂部 */ width: calc(29.06%); /* 固定時寬度與側邊欄寬度匹配 */ max-width: 400px; /* 可限制最大寬度避免過寬 */ z-index: 1000;} #sidebar-right.absolute-bottom{position: absolute; top: auto; bottom: 0; width: 100%;}.lazyload{background-image:none !important;}.lazyload:before{background-image:none !important;}.wp-block-gallery.is-cropped .blocks-gallery-item picture{height:100%;width:100%;}.penci-recipe-tagged .prt-icon span, .penci-recipe-action-buttons .penci-recipe-button:hover{background-color:#003366;}.penci_header.penci-header-builder.main-builder-header{}.penci-header-image-logo,.penci-header-text-logo{--pchb-logo-title-fw:bold;--pchb-logo-title-fs:normal;--pchb-logo-slogan-fw:bold;--pchb-logo-slogan-fs:normal;}.pc-logo-desktop.penci-header-image-logo img{max-height:60px;}@media only screen and (max-width: 767px){.penci_navbar_mobile .penci-header-image-logo img{}}.penci_builder_sticky_header_desktop .penci-header-image-logo img{}.penci_navbar_mobile .penci-header-text-logo{--pchb-m-logo-title-fw:bold;--pchb-m-logo-title-fs:normal;--pchb-m-logo-slogan-fw:bold;--pchb-m-logo-slogan-fs:normal;}.penci_navbar_mobile .penci-header-image-logo img{max-height:60px;}.penci_navbar_mobile .sticky-enable .penci-header-image-logo img{}.pb-logo-sidebar-mobile{--pchb-logo-sm-title-fw:bold;--pchb-logo-sm-title-fs:normal;--pchb-logo-sm-slogan-fw:bold;--pchb-logo-sm-slogan-fs:normal;}.pc-builder-element.pb-logo-sidebar-mobile img{max-height:60px;}.pc-logo-sticky{--pchb-logo-s-title-fw:bold;--pchb-logo-s-title-fs:normal;--pchb-logo-s-slogan-fw:bold;--pchb-logo-s-slogan-fs:normal;}.pc-builder-element.pc-logo-sticky.pc-logo img{max-height:60px;}.pc-builder-element.pc-main-menu{--pchb-main-menu-font:'Roboto', sans-serif;--pchb-main-menu-fw:bold;--pchb-main-menu-fs:15px;--pchb-main-menu-fs_l2:14px;--pchb-main-menu-tt: none;}.pc-builder-element.pc-second-menu{--pchb-second-menu-fs:12px;--pchb-second-menu-fs_l2:12px;}.pc-builder-element.pc-third-menu{--pchb-third-menu-fs:12px;--pchb-third-menu-fs_l2:12px;}.penci-builder.penci-builder-button.button-1{background-color:#c20017;color:#ffffff;}.penci-builder.penci-builder-button.button-1:hover{background-color:#c16c76;color:#ffffff;}.penci-builder.penci-builder-button.button-2{padding-top: 9px;padding-right: 20px;padding-bottom: 9px;padding-left: 20px;background-color:#c20017;color:#ffffff;}.penci-builder.penci-builder-button.button-2:hover{background-color:#003366;}.penci-builder.penci-builder-button.button-3{}.penci-builder.penci-builder-button.button-3:hover{}.penci-builder.penci-builder-button.button-mobile-1{}.penci-builder.penci-builder-button.button-mobile-1:hover{}.penci-builder.penci-builder-button.button-mobile-2{}.penci-builder.penci-builder-button.button-mobile-2:hover{}.penci-builder-mobile-sidebar-nav.penci-menu-hbg{border-width:0;background-color:#003366;border-style:solid;color:#ffffff;}.pc-builder-menu.pc-dropdown-menu{--pchb-dd-lv1:14px;--pchb-dd-lv2:14px;}.penci-header-builder .penci-builder-element.pctopbar-item{}.penci-builder-element.vertical-line-1{margin-right: 10px;margin-left: 20px;}.penci-builder-element.vertical-line-2{margin-right: 10px;margin-left: 20px;}.pc-builder-element.pc-main-menu .navigation .menu > li > a,.pc-builder-element.pc-main-menu .navigation ul.menu ul.sub-menu a{color:#dddddd}.pc-builder-element.pc-main-menu .navigation .menu > li > a:hover,.pc-builder-element.pc-main-menu .navigation .menu > li:hover > a,.pc-builder-element.pc-main-menu .navigation ul.menu ul.sub-menu a:hover{color:#ffffff}.pc-builder-element.pc-main-menu .navigation .menu li.current-menu-item > a,.pc-builder-element.pc-main-menu .navigation .menu > li.current_page_item > a,.pc-builder-element.pc-main-menu .navigation .menu > li.current-menu-ancestor > a,.pc-builder-element.pc-main-menu .navigation .menu > li.current-menu-item > a{color:#ffffff}.pc-builder-element.pc-main-menu .navigation ul.menu ul.sub-menu li a{color:#dddddd}.pc-builder-element.pc-main-menu .navigation ul.menu ul.sub-menu li a:hover{color:#ffffff}.pc-builder-element.pc-main-menu .navigation .menu .sub-menu li.current-menu-item > a,.pc-builder-element.pc-main-menu .navigation .menu .sub-menu > li.current_page_item > a,.pc-builder-element.pc-main-menu .navigation .menu .sub-menu > li.current-menu-ancestor > a,.pc-builder-element.pc-main-menu .navigation .menu .sub-menu > li.current-menu-item > a{color:#ffffff}.pc-builder-element.pc-main-menu .navigation ul.menu > li.megamenu > ul.sub-menu, .pc-builder-element.pc-main-menu .navigation .menu .sub-menu, .pc-builder-element.pc-main-menu .navigation .menu .children{background-color:#003366}.pc-builder-element.pc-main-menu .navigation.menu-style-3 .menu .sub-menu:after{border-bottom-color:#003366}.pc-builder-element.pc-main-menu .navigation.menu-style-3 .menu .sub-menu .sub-menu:after{border-right-color:#003366}.pc-builder-element.pc-main-menu .navigation.menu-style-2 ul.menu ul:before{background-color:#c20017}.penci-builder-element.pc-search-form.pc-search-form-sidebar form.pc-searchform input.search-input{border-color:#264666}.pc-search-form-sidebar form.pc-searchform i, .penci-builder-element.pc-search-form.search-style-icon-button.pc-search-form-sidebar .searchsubmit,.penci-builder-element.pc-search-form.search-style-text-button.pc-search-form-sidebar .searchsubmit{color:#dddddd}.penci-builder-element.pc-search-form.search-style-icon-button.pc-search-form-sidebar .searchsubmit:hover,.penci-builder-element.pc-search-form.search-style-text-button.pc-search-form-sidebar .searchsubmit:hover{color:#ffffff}.penci-builder-element.desktop-social .inner-header-social a,.penci-builder-element.desktop-social .inner-header-social a i{color:#111111}.penci-builder-element.desktop-social .inner-header-social a:hover,.penci-builder-element.desktop-social .inner-header-social a:hover i{color:#c20017}.penci-builder-element.mobile-social .penci-social-textaccent.inner-header-social a,.penci-builder-element.mobile-social .penci-social-textaccent.inner-header-social a i{color:#ffffff}.penci-builder-element.mobile-social .penci-social-textaccent.inner-header-social a:hover,.penci-builder-element.mobile-social .penci-social-textaccent.inner-header-social a:hover i{color:#ffffff}.penci-builder-button.button-1{font-size:12px}.penci-builder-button.button-2{font-size:12px}.pc-builder-menu.pc-dropdown-menu .menu li a{color:#dddddd}.pc-builder-menu.pc-dropdown-menu .menu li a:hover,.pc-builder-menu.pc-dropdown-menu .menu > li.current_page_item > a{color:#ffffff}.penci-builder.penci-builder-button.button-1{font-weight:bold}.penci-builder.penci-builder-button.button-1{font-style:normal}.penci-builder.penci-builder-button.button-2{font-weight:bold}.penci-builder.penci-builder-button.button-2{font-style:normal}.penci-builder.penci-builder-button.button-3{font-weight:bold}.penci-builder.penci-builder-button.button-3{font-style:normal}.penci-builder.penci-builder-button.button-mobile-1{font-weight:bold}.penci-builder.penci-builder-button.button-mobile-1{font-style:normal}.penci-builder.penci-builder-button.button-mobile-2{font-weight:bold}.penci-builder.penci-builder-button.button-mobile-2{font-style:normal}.penci-builder-element.penci-data-time-format{font-size:12px}.penci-desktop-midbar .container.container-custom{width:1200px}.penci-desktop-midbar .container.container-custom{--pcctain:1200px}.penci-desktop-bottombar .container.container-custom{width:1200px}.penci-desktop-bottombar .container.container-custom{--pcctain:1200px}.penci_builder_sticky_header_desktop{border-style:solid}.penci-desktop-sticky-mid .container.container-custom{width:1200px}.penci-builder-element.penci-topbar-trending a.penci-topbar-post-title{color:#003366}.penci-builder-element.penci-topbar-trending a.penci-topbar-post-title:hover{color:#c20017}.penci-builder-element.penci-topbar-trending .penci-trending-nav a:hover{color:#c20017}.penci-builder-element.penci-topbar-trending .headline-title{background-color:#c20017}.penci-builder-element.penci-topbar-trending .headline-title.nticker-style-4:after{border-bottom-color:#c20017}.penci-builder-element.penci-topbar-trending .headline-title.nticker-style-2:after{border-left-color:#c20017}.penci-builder-element.penci-topbar-trending{max-width:520px}.penci-menu-hbg.penci-builder-mobile-sidebar-nav .menu li,.penci-menu-hbg.penci-builder-mobile-sidebar-nav ul.sub-menu{border-color:#264666}.penci-builder-element.pc-search-form-sidebar{--pcs-s-txt-cl:#dddddd}.penci_header.main-builder-header{border-style:solid}.navigation .button-menu-mobile{color:#ffffff}.navigation .button-menu-mobile svg{fill:#ffffff}.navigation .button-menu-mobile:hover{color:#ffffff}.navigation .button-menu-mobile:hover svg{fill:#ffffff}.header-search-style-showup .pc-wrapbuilder-header .show-search:before{border-bottom-color:#c20017}.header-search-style-showup .pc-wrapbuilder-header .show-search{border-top-color:#c20017}.header-search-style-showup .pc-wrapbuilder-header .show-search form.pc-searchform input.search-input{border-color:#354d66}.pc-wrapbuilder-header{--pchd-sinput-txt:#ffffff}.header-search-style-overlay .pc-wrapbuilder-header .show-search form.pc-searchform input.search-input{color:#ffffff}.header-search-style-showup .pc-wrapbuilder-header .show-search form.pc-searchform .searchsubmit{background-color:#ffffff}.header-search-style-showup .pc-wrapbuilder-header .show-search form.pc-searchform .searchsubmit{color:#111111}.header-search-style-overlay .pc-wrapbuilder-header .show-search form.pc-searchform ::placeholder{color:#ffffff}.pc-builder-element.pc-logo.pb-logo-mobile{}.pc-header-element.penci-topbar-social .pclogin-item a{}.pc-header-element.penci-topbar-social-mobile .pclogin-item a{}body.penci-header-preview-layout .wrapper-boxed{min-height:1500px}.penci_header_overlap .penci-desktop-topblock,.penci-desktop-topblock{border-width:0;border-style:solid;}.penci_header_overlap .penci-desktop-topbar,.penci-desktop-topbar{border-width:0;border-style:solid;}.penci_header_overlap .penci-desktop-midbar,.penci-desktop-midbar{border-width:0;background-color:#003366;border-style:solid;}.penci_header_overlap .penci-desktop-bottombar,.penci-desktop-bottombar{border-width:0;border-color:#bad9f8;border-style:solid;border-bottom-width: 1px;}.penci_header_overlap .penci-desktop-bottomblock,.penci-desktop-bottomblock{border-width:0;border-style:solid;}.penci_header_overlap .penci-sticky-top,.penci-sticky-top{border-width:0;border-style:solid;}.penci_header_overlap .penci-sticky-mid,.penci-sticky-mid{border-width:0;background-color:#003366;border-style:solid;}.penci_header_overlap .penci-sticky-bottom,.penci-sticky-bottom{border-width:0;border-style:solid;}.penci_header_overlap .penci-mobile-topbar,.penci-mobile-topbar{border-width:0;border-style:solid;}.penci_header_overlap .penci-mobile-midbar,.penci-mobile-midbar{border-width:0;background-color:#003366;border-style:solid;}.penci_header_overlap .penci-mobile-bottombar,.penci-mobile-bottombar{border-width:0;border-style:solid;}/* 星級評分 */.star-text{--star-size: 18px; --star-color: gold; --star-bg: #ccc; --stars-total: 5; font-size: var(--star-size); font-family: Arial, sans-serif; font-weight: bold; position: relative; display: inline-block; color: var(--star-bg); /* 漸層遮罩，根據 --rating 填色 */ background: linear-gradient( 90deg, var(--star-color) calc(var(--rating) / var(--stars-total) * 100%), var(--star-bg) calc(var(--rating) / var(--stars-total) * 100%) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}#startBtn{display: none; /* JS控制顯示 */ margin: 0 auto 20px auto; padding: 10px 20px; font-size: 16px; border-radius: 5px; cursor: pointer;}#message{font-size: 16px; padding: 10px 20px; border-radius: 5px; min-width: 150px; text-align: center; line-height: 1.4; display: none;}#message.active{background-color: #336699; color: white; display: inline-block;}#download-link{margin-top: 20px; display: none; font-size: 16px;}/* 新增 sidebar-right 固定滾動樣式 */ #sidebar-right{position: relative; top: 0; width: 100%; /* 佔滿側邊欄容器寬度 */ /* 你可視需要調整高度或padding */} #sidebar-right.fixed{position: fixed; top: 90px; /* 距離視窗頂部 */ width: calc(29.06%); /* 固定時寬度與側邊欄寬度匹配 */ max-width: 400px; /* 可限制最大寬度避免過寬 */ z-index: 1000;} #sidebar-right.absolute-bottom{position: absolute; top: auto; bottom: 0; width: 100%;}
@keyframes fa-spin-custom {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    .force-spin {
        display: inline-block !important;
        animation: fa-spin-custom 1.2s infinite linear !important;
        vertical-align: middle;
        margin-right: 10px;
    }

    .num-box {
        display: inline-block;
        width: 28px; 
        text-align: center;
        font-family: 'Courier New', Courier, monospace; 
        font-weight: bold;
        font-size: 1.1em;
    }

    #message {
        background: #0084FF;
        border-radius: 8px;
        display: inline-block;
        width: 280px; 
         text-align: center;
       min-width: 200px;
        color: #FFF;
      margin-bottom: 10px;
    }

.sidebar-comment-link, 
.sidebar-comment-link:hover, 
.sidebar-comment-link:active, 
.sidebar-comment-link:focus,
.sidebar-comment-link:visited {
    text-decoration: none !important; 
    outline: none; 
    display: block;
}

.sidebar-comment-link:hover {
    background-color: #f9f9f9; 
}


.sidebar-comment-link:hover .comment-content {
    color: #337ab7; 
}

.sidebar-comment-link:hover .comment-user {
    color: #000; 
}

.comment-item {
    display: flex;
    padding: 12px 10px;
    border-bottom: 1px solid #eee;
    transition: background 0.2s ease;
}

.comment-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover;
}

.comment-info {
    flex: 1;
}

.comment-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.comment-user {
    color: #444;
    font-size: 13px;
    font-weight: bold;
}

.comment-time {
    color: #bbb;
    font-size: 10px;
}

.comment-content {
    color: #666;
    font-size: 13px;
    line-height: 1.5;
    word-break: break-all;
}