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: 'PT Sans', sans-serif;} p{line-height: 1.8;} .penci-hide-tagupdated{display: none !important;} body, .widget ul li a{font-size: 18px;} .widget ul li, .widget ol li, .post-entry, p, .post-entry p{font-size: 18px; line-height: 1.8;} 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: ;} body.penci-body-boxed{background-color:#111111;} body.penci-body-boxed{background-image: url(https://softblog.tw/wp-content/uploads/2025/11/bg.jpg);} .editor-styles-wrapper, body{--pcaccent-cl: #4b88ca;} .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: #4b88ca;} 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: #4b88ca;} .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: #4b88ca;} .penci-pagination ul.page-numbers li span.current, #comments_pagination span{color: #fff; background: #4b88ca; border-color: #4b88ca;} .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: #4b88ca;} .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{border-top-color: #4b88ca;} .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: #4b88ca; background-color: #4b88ca;} .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: #4b88ca;} .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: #4b88ca; color: #fff;} .penci-vernav-toggle:before{border-top-color: #4b88ca; color: #fff;} #penci-login-popup:before{opacity: ;} .penci-header-signup-form{padding-top: px; padding-bottom: px;} .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: ;} .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-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:21px;} .grid-post-box-meta, .overlay-header-box .overlay-author, .penci-post-box-meta .penci-box-meta, .header-standard .author-post{font-size: 12px;} .item-content p, .standard-content .standard-post-entry, .standard-content .standard-post-entry p{font-size: 16px;} .penci-sidebar-content.pcsb-boxed-widget .widget.widget_custom_html{padding: 0; border: none; background: none;} #footer-copyright *{font-size: 13px;} #footer-copyright *{font-style: normal;} .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.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: 21px;} .author-content h5{font-size: 16px;} .post-pagination span{font-size: 13px;} .post-pagination h5{font-size: 15px;} .post-related .item-related h3 a{font-size: 16px;} .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;} .pcilrp-heading{margin-bottom: 15px;}.pcilrp-heading span{padding-bottom: 0;}.pcilrp-heading span:after{content: none;display: none;} .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-hbg-logo img{max-width: 150px;}.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;} }.penci-menu-hbg .header-social.sidebar-nav-social a i{font-size:16px;} 您可以在此加入您的 CSS。 點選上方的協助圖示以取得更多資訊。 */ .dshare{background: #F8F8F8; border-color: #DDDDDD; border-style: solid solid double; border-width: 1px 1px 1px 7px; box-shadow: 0.01em 0.1em 0.1em 0.1em #EEEEEE; clear: both; font-size: 20px; line-height: 1.89231; margin-bottom: 20px; padding: 20px 30px 20px 45px;} .dshare a{color: #289dcc;} 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: #4b88ca; --pcaccent-cl: #4b88ca; 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: #4b88ca;}.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:40px;}@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:30px;}.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-width:200px;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:26px;}.pc-builder-element.pc-main-menu{--pchb-main-menu-fs:14px;--pchb-main-menu-fs_l2:14px;--pchb-main-menu-lh:56px;--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{}.penci-builder.penci-builder-button.button-1:hover{}.penci-builder.penci-builder-button.button-2{}.penci-builder.penci-builder-button.button-2:hover{}.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;border-style:solid;}.pc-builder-menu.pc-dropdown-menu{--pchb-dd-lv1:14px;--pchb-dd-lv2:13px;}.penci-mobile-midbar{border-bottom-width: 1px;}.penci-desktop-sticky-mid{padding-top: 0px;padding-bottom: 0px;}.penci-builder-element.penci-data-time-format{color:#888888}.pc-builder-element.pc-main-menu .navigation ul.menu ul.sub-menu li a:hover{color:#4b88ca}.penci-builder-element.pc-search-form.search-style-icon-button.pc-search-form-desktop .searchsubmit,.penci-builder-element.pc-search-form.search-style-text-button.pc-search-form-desktop .searchsubmit{background-color:#313131}.penci-builder-element.pc-search-form.search-style-icon-button.pc-search-form-desktop .searchsubmit:hover,.penci-builder-element.pc-search-form.search-style-text-button.pc-search-form-desktop .searchsubmit:hover{background-color:#4b88ca}.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{background-color:#313131}.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{background-color:#4b88ca}.penci-builder-element.header-social.desktop-social a i{font-size:15px}.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:13px}.penci_builder_sticky_header_desktop{border-style:solid}.penci_builder_sticky_header_desktop.container.container-custom{max-width:1230px}.penci-builder-element.penci-topbar-trending{max-width:420px}.penci-builder-element.pc-search-form-desktop{--pcs-d-txt-cl:#666666}.penci_header.main-builder-header{border-style:solid}.penci-builder-element.penci-html-ads-mobile,.penci-builder-element.penci-html-ads-mobile *{font-size:14px}.penci-builder-element.pc-search-form-desktop,.penci-builder-element.pc-search-form-desktop.search-style-icon-button .search-input,.penci-builder-element.pc-search-form-desktop.search-style-text-button .search-input{max-width:230px;}.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;border-style:solid;padding-top: 20px;padding-bottom: 20px;}.penci_header_overlap .penci-desktop-bottombar,.penci-desktop-bottombar{border-width:0;border-color:#ededed;border-style:solid;padding-top: 0px;padding-bottom: 0px;border-top-width: 1px;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;border-style:solid;padding-top: 0px;padding-bottom: 0px;}.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;border-color:#ececec;border-style:solid;border-bottom-width: 1px;}.penci_header_overlap .penci-mobile-bottombar,.penci-mobile-bottombar{border-width:0;border-style:solid;}#sidebar-right{position: relative;top: 0;width: 100%;}#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%;} #toc-wrapper{width: 350px;height: auto;border: 1px solid #ccc;border-radius:5px;padding: 10px;background: #f9f9f9;margin-bottom: 25px;}@media (max-width: 480px){#toc-wrapper{width: 100%;padding: 8px;margin-bottom: 15px;font-size: 14px;}}#toc{}h2, h3{margin-top: 1.5em;}a{color: #0366d6;font-size: 1.0rem;font-weight:500;text-decoration: none;}a:hover{text-decoration: underline;}.dshare{background: #F8F8F8; border-color: #003366; border-style: solid solid double; border-width: 0px 0px 0px 7px; box-shadow: 0.01em 0.1em 0.1em 0.1em #EEEEEE;clear: both; font-size: 18px; line-height: 1.89231; margin-bottom: 20px; padding: 20px 30px 20px 45px;}.dshare a{color: #289dcc; text-decoration: none;}.downshow{display: inline-block; background-color: #2196F3;border-radius: 5px; border: none;text-align: center; font-size: 16px;cursor: pointer;}#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%;} #toc-wrapper{width: 350px; height: auto; border: 1px solid #ccc; border-radius:5px; padding: 10px; background: #f9f9f9; margin-bottom: 25px;}/* 手機樣式：螢幕寬度小於等於 480px 時套用 */@media (max-width: 480px){#toc-wrapper{width: 100%; /* 寬度改成 100%，撐滿手機螢幕 */ padding: 8px; /* 內距稍微縮小 */ margin-bottom: 15px; /* 底部外距縮小 */ font-size: 14px; /* 字體大小可以調整 */}} #toc{/* Tocbot 目錄放這裡 */} h2, h3{margin-top: 1.5em;} a{color: #0366d6; font-size: 1.0rem; font-weight:500; text-decoration: none;} a:hover{text-decoration: underline;}