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: 'Noto Sans TC', sans-serif; }
body { --pcbody-font: 'Noto Sans TC', sans-serif; } p{ line-height: 1.8; }
#main #bbpress-forums .bbp-login-form fieldset.bbp-form select, #main #bbpress-forums .bbp-login-form .bbp-form input[type="password"], #main #bbpress-forums .bbp-login-form .bbp-form input[type="text"], .penci-login-register input[type="email"], .penci-login-register input[type="text"], .penci-login-register input[type="password"], .penci-login-register input[type="number"], body, textarea, #respond textarea, .widget input[type="text"], .widget input[type="email"], .widget input[type="date"], .widget input[type="number"], .wpcf7 textarea, .mc4wp-form input, #respond input,
div.wpforms-container .wpforms-form.wpforms-form input[type=date], div.wpforms-container .wpforms-form.wpforms-form input[type=datetime], div.wpforms-container .wpforms-form.wpforms-form input[type=datetime-local], div.wpforms-container .wpforms-form.wpforms-form input[type=email], div.wpforms-container .wpforms-form.wpforms-form input[type=month], div.wpforms-container .wpforms-form.wpforms-form input[type=number], div.wpforms-container .wpforms-form.wpforms-form input[type=password], div.wpforms-container .wpforms-form.wpforms-form input[type=range], div.wpforms-container .wpforms-form.wpforms-form input[type=search], div.wpforms-container .wpforms-form.wpforms-form input[type=tel], div.wpforms-container .wpforms-form.wpforms-form input[type=text], div.wpforms-container .wpforms-form.wpforms-form input[type=time], div.wpforms-container .wpforms-form.wpforms-form input[type=url], div.wpforms-container .wpforms-form.wpforms-form input[type=week], div.wpforms-container .wpforms-form.wpforms-form select, div.wpforms-container .wpforms-form.wpforms-form textarea,
.wpcf7 input, form.pc-searchform input.search-input, ul.homepage-featured-boxes .penci-fea-in h4, .widget.widget_categories ul li span.category-item-count, .about-widget .about-me-heading, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-weight: 400 }
.header-slogan .header-slogan-text{ font-family: 'Noto Sans TC', sans-serif; }
#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: 'Noto Sans TC', sans-serif; font-weight: normal; }
.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; }
.archive-box span, .archive-box h1{ text-transform: none; }
.widget ul li, .widget ol li, .post-entry, p, .post-entry p{ line-height: 2; }
body { --pchead-wei: bold; }
.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: 20px; -webkit-border-radius: 20px; }
.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-thumbnail .penci-image-holder{ border-radius: ; -webkit-border-radius: ; }
#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: normal; }
body.penci-body-boxed { background-image: url(https://love1372.tw/wp-content/uploads/2022/10/ecailles.png); }
body.penci-body-boxed { background-repeat:repeat; }
body.penci-body-boxed { background-size:auto; }
.error-404 .sub-heading-text-404{ font-size: 20px; }
.error-404 form.pc-searchform input.search-input{ font-size: 20px; }
.error-404 .go-back-home a{ font-size: 20px; }
body:not(.pcdm-enable){ color: #5e5e5e; }
body{ --pcaccent-cl: #313131; }
.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: #313131; }
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: #313131; }
.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: #313131; }
.penci-pagination ul.page-numbers li span.current, #comments_pagination span { color: #fff; background: #313131; border-color: #313131; }
.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: #313131; }
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color: #313131; }
.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: #313131; background-color: #313131; }
.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: #313131; }
.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: #313131; color: #fff; }
.penci-vernav-toggle:before{ border-top-color: #313131; color: #fff; }
.penci-container-inside.penci-breadcrumb i, .container.penci-breadcrumb i, .penci-container-inside.penci-breadcrumb span, .penci-container-inside.penci-breadcrumb span a, .penci-container-inside.penci-breadcrumb a, .container.penci-breadcrumb span, .container.penci-breadcrumb span a, .container.penci-breadcrumb a{ font-size: 18px; }
.penci-pagination a, .penci-pagination .disable-url, .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a, #comments_pagination span, #comments_pagination a{ font-size: 14px; }
@media only screen and (max-width: 767px){ .penci-top-bar{ display: none; } }
.penci-top-bar, .penci-topbar-trending .penci-owl-carousel .owl-item, ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu, .pctopbar-login-btn .pclogin-sub{ background-color: #f5f5f5; }
.headline-title.nticker-style-3:after{ border-color: #f5f5f5; }
.headline-title { background-color: #313131; }
.headline-title.nticker-style-2:after, .headline-title.nticker-style-4:after{ border-color: #313131; }
a.penci-topbar-post-title { color: #313131; }
a.penci-topbar-post-title:hover { color: #818181; }
ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a { color: #313131; }
ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu { background-color: #ffffff; }
ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover { color: #818181; }
ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a, ul.penci-topbar-menu > li > ul.sub-menu > li:first-child, div.penci-topbar-menu > ul > li > ul.sub-menu > li:first-child { border-color: #dedede; }
.penci-topbar-social a { color: #313131; }
.penci-topbar-social a:hover { color: #818181; }
#penci-login-popup:before{ opacity: ; }
@media only screen and (min-width: 961px){#navigation,.sticky-wrapper:not( .is-sticky ) #navigation, #navigation.sticky:not(.sticky-active){ height: 90px !important; }#navigation .menu > li > a,.main-nav-social,#navigation.sticky:not(.sticky-active) .menu > li > a, #navigation.sticky:not(.sticky-active) .main-nav-social, .sticky-wrapper:not( .is-sticky ) #navigation .menu>li>a,.sticky-wrapper:not( .is-sticky ) .main-nav-social{ line-height: 88px !important; height: 89px !important; }#navigation.sticky:not(.sticky-active) ul.menu > li > a:before, #navigation.sticky:not(.sticky-active) .menu > ul > li > a:before, .sticky-wrapper:not( .is-sticky ) #navigation ul.menu > li > a:before,.sticky-wrapper:not( .is-sticky ) #navigation .menu > ul > li > a:before{ bottom: calc( 90px/2 - 18px ) !important; }#navigation .pc_dm_mode,.top-search-classes a.cart-contents, .pcheader-icon > a, #navigation.sticky:not(.sticky-active) .pcheader-icon > a,.sticky-wrapper:not( .is-sticky ) .pcheader-icon > a,#navigation #penci-header-bookmark > a{ height: 88px !important;line-height: 88px !important; }.penci-header-builder .pcheader-icon > a, .penci-header-builder .penci-menuhbg-toggle, .penci-header-builder .top-search-classes a.cart-contents, .penci-header-builder .top-search-classes > a{ height: auto !important; line-height: unset !important; }.pcheader-icon.shoping-cart-icon > a > span, #navigation.sticky:not(.sticky-active) .pcheader-icon.shoping-cart-icon > a > span, .sticky-wrapper:not( .is-sticky ) .pcheader-icon.shoping-cart-icon > a > span{ top: calc( 90px/2 - 18px ) !important; }.penci-menuhbg-toggle, .show-search, .show-search form.pc-searchform input.search-input, #navigation.sticky:not(.sticky-active) .penci-menuhbg-toggle, #navigation.sticky:not(.sticky-active) .show-search, #navigation.sticky:not(.sticky-active) .show-search form.pc-searchform input.search-input, .sticky-wrapper:not( .is-sticky ) #navigation .penci-menuhbg-toggle,.sticky-wrapper:not( .is-sticky ) #navigation .show-search:not( .pcbds-overlay ), .sticky-wrapper:not( .is-sticky ) .show-search form.pc-searchform input.search-input{ height: 88px !important; }#navigation.sticky:not(.sticky-active) .show-search a.close-search, .sticky-wrapper:not( .is-sticky ) .show-search a.close-search{ height: 90px !important;line-height: 90px !important; }#navigation #logo img, #navigation.sticky:not(.sticky-active).header-6 #logo img, #navigation.header-6 #logo img{ max-height: 90px; }body.rtl #navigation.sticky:not(.sticky-active) ul.menu > li > .sub-menu, body.rtl #navigation.header-6.sticky:not(.sticky-active) ul.menu > li > .sub-menu, body.rtl #navigation.header-6.sticky:not(.sticky-active) .menu > ul > li > .sub-menu, body.rtl #navigation.header-10.sticky:not(.sticky-active) ul.menu > li > .sub-menu, body.rtl #navigation.header-10.sticky:not(.sticky-active) .menu > ul > li > .sub-menu, body.rtl #navigation.header-11.sticky:not(.sticky-active) ul.menu > li > .sub-menu, body.rtl #navigation.header-11.sticky:not(.sticky-active) .menu > ul > li > .sub-menu, body.rtl #navigation-sticky-wrapper:not(.is-sticky) #navigation ul.menu > li > .sub-menu, body.rtl #navigation-sticky-wrapper:not(.is-sticky) #navigation.header-6 ul.menu > li > .sub-menu, body.rtl #navigation-sticky-wrapper:not(.is-sticky) #navigation.header-6 .menu > ul > li > .sub-menu, body.rtl #navigation-sticky-wrapper:not(.is-sticky) #navigation.header-10 ul.menu > li > .sub-menu, body.rtl #navigation-sticky-wrapper:not(.is-sticky) #navigation.header-10 .menu > ul > li > .sub-menu, body.rtl #navigation-sticky-wrapper:not(.is-sticky) #navigation.header-11 ul.menu > li > .sub-menu, body.rtl #navigation-sticky-wrapper:not(.is-sticky) #navigation.header-11 .menu > ul > li > .sub-menu{ top: 89px; }#navigation.header-10.sticky:not(.sticky-active):not(.penci-logo-overflow) #logo img, #navigation.header-11.sticky:not(.sticky-active):not(.penci-logo-overflow) #logo img, .sticky-wrapper:not( .is-sticky ) #navigation.header-10:not( .penci-logo-overflow ) #logo img, .sticky-wrapper:not( .is-sticky ) #navigation.header-11:not( .penci-logo-overflow ) #logo img { max-height: 90px; }.sticky-wrapper:not( .is-sticky ) #navigation.header-9.menu-item-padding,#navigation.header-9.menu-item-padding.sticky:not(.sticky-active).sticky-wrapper:not( .is-sticky ) #navigation.header-9.menu-item-padding ul.menu > li > a, #navigation.header-9.menu-item-padding.sticky:not(.sticky-active) ul.menu > li > a{ height: 90px; }}@media only screen and (min-width: 961px){.sticky-wrapper.is-sticky #navigation, .is-sticky #navigation.menu-item-padding,.is-sticky #navigation.menu-item-padding, #navigation.sticky-active,#navigation.sticky-active.menu-item-padding,#navigation.sticky-active.menu-item-padding{ height: 60px !important; }.sticky-wrapper.is-sticky #navigation .menu>li>a,.sticky-wrapper.is-sticky .main-nav-social, #navigation.sticky-active .menu > li > a, #navigation.sticky-active .main-nav-social{ line-height: 58px !important; height: 58px !important; }#navigation.sticky-active.header-10.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-10.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-11.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-11.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-1.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-1.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-4.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-4.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-7.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-7.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-6.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-6.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-9.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-9.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-2.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-2.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-3.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-3.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-5.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-5.menu-item-padding ul.menu > li > a,#navigation.sticky-active.header-8.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-8.menu-item-padding ul.menu > li > a{ height: 60px !important; line-height: 60px !important; }.is-sticky .top-search-classes a.cart-contents, .is-sticky #navigation #penci-header-bookmark > a, #navigation.sticky-active .main-nav-social, #navigation.sticky-active .pcheader-icon > a, .is-sticky .main-nav-social,.is-sticky .pcheader-icon > a,#navigation.sticky-active .penci-menuhbg-toggle, .sticky-wrapper.is-sticky #navigation .penci-menuhbg-toggle,#navigation.sticky-active .show-search, #navigation.sticky-active .show-search form.pc-searchform input.search-input, .sticky-wrapper.is-sticky .show-search, .sticky-wrapper.is-sticky .show-search form.pc-searchform input.search-input,.sticky-wrapper.is-sticky #navigation .pc_dm_mode, #navigation.sticky-active .show-search a.close-search, .sticky-wrapper.is-sticky .show-search a.close-search{ height: 58px !important; line-height: 58px !important; }#navigation.sticky-active.header-6 #logo img, .is-sticky #navigation.header-6 #logo img{ max-height: 60px; }#navigation.sticky-active .pcheader-icon.shoping-cart-icon > a > span, .sticky-wrapper.is-sticky .pcheader-icon.shoping-cart-icon > a > span{ top: calc( 60px/2 - 18px ) !important; }#navigation.sticky-active ul.menu > li > a:before, #navigation.sticky-active .menu > ul > li > a:before, .sticky-wrapper.is-sticky #navigation ul.menu > li > a:before, .sticky-wrapper.is-sticky #navigation .menu > ul > li > a:before{ bottom: calc( 60px/2 - 18px ) !important; }body.rtl #navigation.sticky-active ul.menu > li > .sub-menu, body.rtl #navigation-sticky-wrapper.is-sticky #navigation ul.menu > li > .sub-menu,body.rtl #navigation.sticky-active.header-6 ul.menu > li > .sub-menu, body.rtl #navigation-sticky-wrapper.is-sticky #navigation.header-6 ul.menu > li > .sub-menu,body.rtl #navigation.sticky-active.header-6 .menu > ul > li > .sub-menu, body.rtl #navigation-sticky-wrapper.is-sticky #navigation.header-6 .menu > ul > li > .sub-menu,body.rtl #navigation.sticky-active.header-10 ul.menu > li > .sub-menu, body.rtl #navigation-sticky-wrapper.is-sticky #navigation.header-10 ul.menu > li > .sub-menu,body.rtl #navigation.sticky-active.header-10 .menu > ul > li > .sub-menu, body.rtl #navigation-sticky-wrapper.is-sticky #navigation.header-10 .menu > ul > li > .sub-menu,body.rtl #navigation.sticky-active.header-11 ul.menu > li > .sub-menu, body.rtl #navigation-sticky-wrapper.is-sticky #navigation.header-11 ul.menu > li > .sub-menu,body.rtl #navigation.sticky-active.header-11 .menu > ul > li > .sub-menu, body.rtl #navigation-sticky-wrapper.is-sticky #navigation.header-11 .menu > ul > li > .sub-menu{ top: 59px; }#navigation.sticky-active.header-10:not(.penci-logo-overflow) #logo img, #navigation.sticky-active.header-11:not(.penci-logo-overflow) #logo img, .is-sticky #navigation.header-10:not( .penci-logo-overflow ) #logo img, .is-sticky #navigation.header-11:not( .penci-logo-overflow ) #logo img { max-height: 60px; }} #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before{ content: none; }
.navigation .menu > li > a, .navigation .menu .sub-menu li a,
#navigation .menu > li > a, #navigation .menu .sub-menu li a { color: #186cbf; }
.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: #818181; }
.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: #818181; }
.navigation .menu ul.sub-menu li .pcmis-2 .penci-mega-post a:hover,
.navigation .penci-megamenu .penci-mega-child-categories a.cat-active, .navigation .menu .penci-megamenu .penci-mega-child-categories a:hover, .navigation .menu .penci-megamenu .penci-mega-latest-posts .penci-mega-post a:hover,
#navigation .menu ul.sub-menu li .pcmis-2 .penci-mega-post a:hover,
#navigation .penci-megamenu .penci-mega-child-categories a.cat-active, #navigation .menu .penci-megamenu .penci-mega-child-categories a:hover, #navigation .menu .penci-megamenu .penci-mega-latest-posts .penci-mega-post a:hover { color: #313131; }
#navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { background: #313131; }
.header-social a i, .main-nav-social a { font-size: 20px; }
.header-social a svg, .main-nav-social a svg{ width: 20px; }
.pcheader-icon .search-click{ font-size: 23px; }
#navigation ul.menu > li > a, #navigation .menu > ul > li > a { font-size: 16px; }
#navigation ul.menu ul.sub-menu li > a, #navigation .penci-megamenu .penci-mega-child-categories a, #navigation .penci-megamenu .post-mega-title a, #navigation .menu ul ul.sub-menu li a { font-size: 14px; }
#navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a { color: #818181; }
#navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before { background-color: #e0e0e0; }
.penci-featured-content .feat-text h3 a, .featured-style-35 .feat-text-right h3 a, .featured-style-4 .penci-featured-content .feat-text h3 a, .penci-mag-featured-content h3 a, .pencislider-container .pencislider-content .pencislider-title { text-transform: none; }
.home-featured-cat-content .mag-post-box{ border-bottom: none; margin-bottom: 20px; padding-bottom: 0; }
.home-featured-cat-content.style-2 .mag-post-box.first-post, .home-featured-cat-content.style-10 .mag-post-box.first-post, .home-featured-cat-content.style-8 .penci-grid li.list-post{ padding-bottom: 0; border-bottom: none; }
.home-featured-cat-content.style-14 .mag-post-box, .home-featured-cat-content.style-14 .mag-post-box{ padding-bottom: 0; margin-bottom: 20px; }
.penci-header-signup-form { padding-top: px; padding-bottom: px; }
.penci-header-signup-form { background-color: #313131; }
.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: #616161; }
#sidebar-nav .menu li a:hover, .header-social.sidebar-nav-social a:hover i, #sidebar-nav .menu li a .indicator:hover, #sidebar-nav .menu .sub-menu li a .indicator:hover{ color: #818181; }
#sidebar-nav-logo:before{ background-color: #818181; }
.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:;
}
.penci-43-slider-item div .featured-cat a, .penci-featured-content .feat-text .featured-cat a, .penci-mag-featured-content .cat > a.penci-cat-name, .featured-style-35 .cat > a.penci-cat-name { color: #ffffff; }
.penci-mag-featured-content .cat > a.penci-cat-name:after, .penci-featured-content .cat > a.penci-cat-name:after, .featured-style-35 .cat > a.penci-cat-name:after{ border-color: #ffffff; }
.penci-43-slider-item div .featured-cat a:hover, .penci-featured-content .feat-text .featured-cat a:hover, .penci-mag-featured-content .cat > a.penci-cat-name:hover, .featured-style-35 .cat > a.penci-cat-name:hover { color: #818181; }
.featured-style-29 .featured-slider-overlay { opacity: ; }
.header-standard h2, .header-standard .post-title, .header-standard h2 a { text-transform: none; }
.penci-standard-cat .cat > a.penci-cat-name { color: #dd9933; }
.penci-standard-cat .cat:before, .penci-standard-cat .cat:after { background-color: #dd9933; }
.standard-content .penci-post-box-meta .penci-post-share-box a:hover, .standard-content .penci-post-box-meta .penci-post-share-box a.liked { color: #818181; }
.header-standard .post-entry a:hover, .header-standard .author-post span a:hover, .standard-content a, .standard-content .post-entry a, .standard-post-entry a.more-link:hover, .penci-post-box-meta .penci-box-meta a:hover, .standard-content .post-entry blockquote:before, .post-entry blockquote cite, .post-entry blockquote .author, .standard-content-special .author-quote span, .standard-content-special .format-post-box .post-format-icon i, .standard-content-special .format-post-box .dt-special a:hover, .standard-content .penci-more-link a.more-link, .standard-content .penci-post-box-meta .penci-box-meta a:hover { color: #313131; }
.standard-content .penci-more-link.penci-more-link-button a.more-link{ background-color: #313131; color: #fff; }
.standard-content-special .author-quote span:before, .standard-content-special .author-quote span:after, .standard-content .post-entry ul li:before, .post-entry blockquote .author span:after, .header-standard:after { background-color: #313131; }
.penci-more-link a.more-link:before, .penci-more-link a.more-link:after { border-color: #313131; }
.standard-content .penci-more-link a.more-link, .standard-content .penci-more-link.penci-more-link-button a.more-link{ color: #dd9933; }
.standard-content .penci-more-link a.more-link:before, .standard-content .penci-more-link a.more-link:after{ border-color: #dd9933; }
.standard-content .penci-more-link.penci-more-link-button a.more-link{ background-color: #dd9933; }
.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-featured-infor .cat a.penci-cat-name, .penci-grid .cat a.penci-cat-name, .penci-masonry .cat a.penci-cat-name, .penci-featured-infor .cat a.penci-cat-name { color: #313131; }
.penci-featured-infor .cat a.penci-cat-name:after, .penci-grid .cat a.penci-cat-name:after, .penci-masonry .cat a.penci-cat-name:after, .penci-featured-infor .cat a.penci-cat-name:after{ border-color: #313131; }
.penci-post-share-box a.liked, .penci-post-share-box a:hover { color: #414141; }
.overlay-post-box-meta .overlay-share a:hover, .overlay-author a:hover, .penci-grid .standard-content-special .format-post-box .dt-special a:hover, .grid-post-box-meta span a:hover, .grid-post-box-meta span a.comment-link:hover, .penci-grid .standard-content-special .author-quote span, .penci-grid .standard-content-special .format-post-box .post-format-icon i, .grid-mixed .penci-post-box-meta .penci-box-meta a:hover { color: #313131; }
.penci-grid .standard-content-special .author-quote span:before, .penci-grid .standard-content-special .author-quote span:after, .grid-header-box:after, .list-post .header-list-style:after { background-color: #313131; }
.penci-grid .post-box-meta span:after, .penci-masonry .post-box-meta span:after { border-color: #313131; }
.penci-readmore-btn.penci-btn-make-button a{ background-color: #313131; color: #fff; }
.penci-readmore-btn.penci-btn-make-button a{ background-color: #dd9933; }
.penci-grid li.typography-style .overlay-typography { opacity: ; }
.penci-grid li.typography-style:hover .overlay-typography { opacity: ; }
.penci-grid li.typography-style .item .main-typography h2 a:hover { color: #313131; }
.penci-grid li.typography-style .grid-post-box-meta span a:hover { color: #313131; }
.overlay-header-box .cat > a.penci-cat-name:hover { color: #313131; }
.standard-content .penci-more-link a.more-link, .standard-content .penci-more-link.penci-more-link-button a.more-link, .penci-readmore-btn a, .penci-readmore-btn.penci-btn-make-button a{ font-size: 14px; }
@media only screen and (min-width: 961px){ .penci-sidebar-content{ width: 26%; } .penci-single-style-10 .penci-single-s10-content, .container.penci_sidebar:not(.two-sidebar) #main{ width: 74%; } }
@media only screen and (min-width: 1201px){ .layout-14_12_14 .penci-vc-sidebar, .container.two-sidebar .penci-sidebar-content{ width: 26%; } .layout-14_12_14 .penci-main-content, .container.two-sidebar #main{ width: 48%; } }
.penci-sidebar-content.pcsb-boxed-whole, .penci-sidebar-content.pcsb-boxed-widget .widget{ border-color: #ddc59f; }
.penci-sidebar-content.pcsb-boxed-whole, .penci-sidebar-content.pcsb-boxed-widget .widget{ border-style: dashed; }
.penci-sidebar-content.pcsb-boxed-whole, .penci-sidebar-content.pcsb-boxed-widget .widget{ border-width: 3px; }
.penci-sidebar-content .penci-border-arrow .inner-arrow { font-size: 20px; }
.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: #8ba5bf; }
.penci-sidebar-content.style-2 .penci-border-arrow:after{ border-top-color: #8ba5bf; }
.penci-sidebar-content.style-25 .widget-title span{--pcheading-cl:#f5f5f5;}
.penci-sidebar-content.style-26 .widget-title{--pcborder-cl:#f5f5f5;}
.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:#f5f5f5;}
.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: #f5f5f5; }
.penci-sidebar-content .penci-border-arrow:before { border-top-color: #f5f5f5; }
.penci-sidebar-content.style-16 .penci-border-arrow:after{ background-color: #f5f5f5; }
.penci-sidebar-content.style-21,
.penci-sidebar-content.style-22,
.penci-sidebar-content.style-23,
.penci-sidebar-content.style-24{ --pcheading-cl: #ffffff; }
.penci-sidebar-content.style-25 .widget-title span,
.penci-sidebar-content .penci-border-arrow .inner-arrow { color: #ffffff; }
.penci-sidebar-content .penci-border-arrow:after { content: none; display: none; }
.penci-sidebar-content .widget-title{ margin-left: 0; margin-right: 0; margin-top: 0; }
.penci-sidebar-content .penci-border-arrow:before{ bottom: -6px; border-width: 6px; margin-left: -6px; }
.penci-sidebar-content .penci-border-arrow:before, .penci-sidebar-content.style-2 .penci-border-arrow:after { content: none; display: none; }
.penci-video_playlist .penci-video-playlist-item .penci-video-title:hover,.widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover, .widget a:hover, .penci-sidebar-content .widget-social a:hover span, .widget-social a:hover span, .penci-tweets-widget-content .icon-tweets, .penci-tweets-widget-content .tweet-intents a, .penci-tweets-widget-content
.tweet-intents span:after, .widget-social.remove-circle a:hover i , #wp-calendar tbody td a:hover, .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover{ color: #818181; }
.widget .tagcloud a:hover, .widget-social a:hover i, .widget input[type="submit"]:hover,.penci-user-logged-in .penci-user-action-links a:hover,.penci-button:hover, .widget button[type="submit"]:hover { color: #fff; background-color: #818181; border-color: #818181; }
.about-widget .about-me-heading:before { border-color: #818181; }
.penci-tweets-widget-content .tweet-intents-inner:before, .penci-tweets-widget-content .tweet-intents-inner:after, .pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item, .penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb, .penci-video_playlist .penci-playlist-title { background-color: #818181; }
.penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot.active span, .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot:hover span { border-color: #818181; background-color: #818181; }
ul.footer-socials li a i{ font-size: 13px; }
ul.footer-socials li a svg{ width: 13px; }
ul.footer-socials li a span { font-size: 13px; }
#footer-copyright * { font-size: 13px; }
.footer-widget-wrapper .widget .widget-title .inner-arrow { border-color: #e0e0e0; }
.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: #818181; }
.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: #818181; border-color: #818181; }
.footer-widget-wrapper .about-widget .about-me-heading:before { border-color: #818181; }
.footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:before, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:after { background-color: #818181; }
.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: #818181; background: #818181; }
ul.footer-socials li a i { color: #313131; border-color: #313131; }
ul.footer-socials li a:hover i { background-color: #818181; border-color: #818181; }
ul.footer-socials li a:hover i { color: #818181; }
ul.footer-socials li a span { color: #313131; }
ul.footer-socials li a:hover span { color: #818181; }
.footer-socials-section, .penci-footer-social-moved{ border-color: #dedede; }
#footer-section, .penci-footer-social-moved{ background-color: #f5f5f5; }
#footer-section .footer-menu li a:hover { color: #818181; }
#footer-section .go-to-top:hover span, #footer-section .go-to-top:hover i { color: #313131; }
.penci-go-to-top-floating { background-color: #818181; }
#footer-section a { color: #313131; }
.comment-content a, .container-single .post-entry a, .container-single .format-post-box .dt-special a:hover, .container-single .author-quote span, .container-single .author-post span 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, .post-pagination a:hover, .author-content h5 a:hover, .author-content .author-social:hover, .item-related h3 a:hover, .container-single .format-post-box .post-format-icon i, .container.penci-breadcrumb.single-breadcrumb span a:hover,.container.penci-breadcrumb.single-breadcrumb a:hover, .penci_list_shortcode li:before, .penci-dropcap-box-outline, .penci-dropcap-circle-outline, .penci-dropcap-regular, .penci-dropcap-bold, .header-standard .post-box-meta-single .author-post span a:hover{ color: #313131; }
.container-single .standard-content-special .format-post-box, ul.slick-dots li button:hover, ul.slick-dots li.slick-active button, .penci-dropcap-box-outline, .penci-dropcap-circle-outline { border-color: #313131; }
ul.slick-dots li button:hover, ul.slick-dots li.slick-active button, #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after, .container-single .author-quote span:before, .container-single .author-quote
span:after, .post-entry blockquote .author span:after, .post-entry blockquote .author span:before, .post-entry ul li:before, #respond #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,
.wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover, .post-entry.blockquote-style-2 blockquote:before,.tags-share-box.tags-share-box-s2 .post-share-plike, .penci-dropcap-box, .penci-dropcap-circle, .penci-ldspinner > div{ background-color: #313131; }
.container-single .post-entry .post-tags a:hover { color: #fff; border-color: #313131; background-color: #313131; }
.container-single .penci-standard-cat .cat > a.penci-cat-name { color: #595959; }
.container-single .penci-standard-cat .cat:before, .container-single .penci-standard-cat .cat:after { background-color: #595959; }
.container-single .single-post-title { text-transform: none; }
@media only screen and (min-width: 769px){ .container-single .single-post-title { font-size: 24px; } }
.post-box-meta-single, .tags-share-box .single-comment-o{ font-size: 16px; }
.container-single #main .post-entry .post-tags a{ font-size: 15px !important; }
#respond h3.comment-reply-title span, .post-box-title{ font-size: 20px; }
.post-related .item-related h3 a{ font-size: 16px; }
.post-related .item-related span.date{ font-size: 15px; }
.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; }
#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; }
.container-single .header-standard .post-title { color: #595959; }
.container-single .post-share a:hover, .container-single .post-share a.liked, .page-share .post-share a:hover { color: #818181; }
.tags-share-box.tags-share-box-2_3 .post-share .count-number-like,
.post-share .count-number-like { color: #313131; }
.pcilrp-heading{margin-bottom: 15px;}.pcilrp-heading span{padding-bottom: 0;}.pcilrp-heading span:after{content: none;display: none;}
.pcilrp-heading span{font-size:22px;} .penci-ilrelated-posts .pcilrp-item-grid .pcilrp-title a, .penci-ilrelated-posts .pcilrp-item-list a{ font-size: 16px; }
.pcilrp-meta{ font-size: 16px; }
.penci-ilrelated-posts{ border-color: #1e73be; }
.pcilrp-heading span{ color: #1e73be; }
.pcilrp-heading span:after{ border-color: #1e73be; }
.penci-ilrelated-posts .pcilrp-item-grid .pcilrp-title a, .penci-ilrelated-posts .pcilrp-item-list a{ color: #1e73be; }
ul.homepage-featured-boxes .penci-fea-in:hover h4 span { color: #818181; }
.penci-home-popular-post .item-related h3 a:hover { color: #818181; }
.penci-homepage-title:after { content: none; display: none; }
.penci-homepage-title { margin-left: 0; margin-right: 0; margin-top: 0; }
.penci-homepage-title:before { bottom: -6px; border-width: 6px; margin-left: -6px; }
.rtl .penci-homepage-title:before { bottom: -6px; border-width: 6px; margin-right: -6px; margin-left: 0; }
.penci-homepage-title.penci-magazine-title:before{ left: 25px; }
.rtl .penci-homepage-title.penci-magazine-title:before{ right: 25px; left:auto; }
.home-featured-cat-content .magcat-detail h3 a:hover { color: #818181; }
.home-featured-cat-content .grid-post-box-meta span a:hover { color: #818181; }
.home-featured-cat-content .first-post .magcat-detail .mag-header:after { background: #818181; }
.penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover { border-color: #818181; background: #818181; }
.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: ; }
/*彩色代码框样式开始*/
#sc_notice {
color: #7da33c;
background: #ecf2d6 url('https://ivmoe.com/ivmoepro/img/scimg/sc_notice.png') -1px -1px no-repeat;
border: 1px solid #aac66d;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
}
#sc_warn {
color: #ad9948;
background: #fff4b9 url('https://ivmoe.com/ivmoepro/img/scimg/sc_warn.png') -1px -1px no-repeat;
border: 1px solid #eac946;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
}
#sc_error {
color: #c66;
background: #ffecea url('https://ivmoe.com/ivmoepro/img/scimg/sc_error.png') -1px -1px no-repeat;
border: 1px solid #ebb1b1;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
}
#sc_tips {
color: #777;
background: #eaeaea url('https://ivmoe.com/ivmoepro/img/scimg/sc_tips.png') -1px -1px no-repeat;
border: 1px solid #ccc;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
}
#sc_blue {
color: #1ba1e2;
background: rgba(27, 161, 226, 0.26) url('https://ivmoe.com/ivmoepro/img/scimg/sc_blue.png') -1px -1px no-repeat;
border: 1px solid #1ba1e2;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
}
#sc_black {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #7CACDB;
margin: 0px 0;
padding: 5px 5px 5px 5px;
}
#sc_xuk {
border: 2px dashed rgb(124, 172, 219);
background-color: rgb(248, 247, 245);
margin: 10px 0;
padding: 10px 10px 10px 10px;
}
#sc_lvb {
margin: 10px 0;
padding: 10px 15px;
border: 1px solid #e3e3e3;
border-left: 2px solid #05B536;
background: #FFF;
}
#sc_redb {
margin: 10px 0;
padding: 10px 15px;
border: 1px solid #e3e3e3;
border-left: 2px solid #ED0505;
background: #FFF;
}
#sc_orange {
margin: 10px 0;
padding: 10px 15px;
border: 1px solid #e3e3e3;
border-left: 2px solid #EC8006;
background: #FFF;
}
.item-related h3 a {font-size: 12px}
.cat > a.penci-cat-name {font-size: 11px}
.grid-post-box-meta, .header-standard .author-post, .penci-post-box-meta .penci-box-meta, .overlay-header-box .overlay-author, .post-box-meta-single, .tags-share-box{ font-size: 13px; }
/* H2 樣式保持不變 */
.post .entry-content h2 {
counter-increment: h2Counter;
counter-reset: h3Counter;
font-size: 20px;
margin-bottom: 20px;
}
.post .entry-content h2:before {
content: counter(h2Counter)' ';
font-size: 15px;
color: white;
background: #E1B4AB;
padding: 6px 10px;
margin-right: 10px;
display: inline-block;
}
/* 修改 H3 樣式，使其與 H2 相似 */
.post .entry-content h3 {
counter-increment: h3Counter;
font-size: 19px;
margin-bottom: 8px;
display: flex;
align-items: center;
}
.post .entry-content h3:before {
content: counter(h2Counter) '.' counter(h3Counter);
font-size: 13px; /* 調整大小 */
color: white;
background: #E1B4AB; /* 使用與 H2 相同的背景色 */
padding: 6px 8px; /* 調整內邊距 */
margin-right: 10px;
display: inline-block;
}
body.category .archive-box {
display: none;
}
body.tag .archive-box {
display: none;
}
.custom-box .custom-box-heading span {
display: inline-block;
padding: 2px 14px;
background-color: #E1B4AB;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.custom-box .custom-box-content {
border: 1px solid #E1B4AB;
padding: 5px;
}
.custom-box .custom-box-heading {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.custom-box .custom-box-content p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.zi_box_1 {
position: relative;
margin: 2em 0;
padding: 50px 5px 0px 5px;
border: solid 2px #E1B4AB; /*框線*/
}
.zi_box_1 .zi_box_2 {
position: absolute;
display: inline-block;
top: -2px;
left: -2px;
padding: 0 9px;
height: 30px;
line-height: 25px;
font-size: 18px;
background: #E1B4AB; /*標題底色*/
color: #ffffff;
font-weight: bold;
}
.zi_box_3 {
border: 1px solid #E1B4AB;/* 框線顏色 */
margin: 2em 0;
padding: 15px;
position: relative;
}
.zi_box_3::before {
background-color: #fff;
color: #E1B4AB;
content: "本篇精華說明";/*標題*/
font-weight: ;
left: 1em;
padding: 0 .8em;
position: absolute;
top: -1em;
}
mark {
background: linear-gradient(#fff 70%, #E1B4AB 0%);
text-shadow: 0px 0px 0 #fff, 0 0.5px 0 #fff;
padding: 0;
border-radius: 0;
font-weight: normal;
}
.highlight {
background-image: linear-gradient(transparent 30%, #EDD6CE 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 0 0;
padding: 0 0px;
}
.zi_list ol {
padding: 0.3em 0.5em;
list-style-type: none;
border: none;
counter-reset: number;
}
.zi_list ol li::marker {
content: none;
}
.zi_list ol li {
position: relative;
line-height: 1.5;
padding: 0.5em 0 0.5em 1.6em;
}
.zi_list ol li:before {
position: absolute;
content: counter(number);
counter-increment: number;
left: 0;
width: 22px;
height: 22px;
border-radius: 50%;
background: #E1B4AB; /*底色*/
color: #ffffff; /*數字顏色*/
font-size: 12px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 22px;
}
.zi_list ul {
padding-left: 10px;
}
.zi_list ol li::marker {
content: none;
}
.zi_list {
margin: 2em 0px;
padding: 0px;
padding-top: 0px; /* 調整上方空間 */
padding-bottom: -10px; /* 調整下方空間 */
border: 1px dashed #E1B4AB; /* 外框改為虛線 */
}
.zi_list ul li {
list-style-type: none;
padding: 0 0 0 0px;
margin: 15px 0 7px 0px;
font-weight:
font-size:12px;
line-height: 30px;
}
.zi_list ul li:before {
background-color: #E1B4AB; /* 圓點顏色 */
border-radius: 50%;
content: "";
display: inline-block;
margin: auto 10px 0px 0px;
width: 13px;
height: 13px;
}
.content-box {
border: 2px solid #999999;
border-radius: 3px;
padding: 30px 15px 15px;
margin-top: 20px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin-top: 50px; /* 添加頂部外邊距 */
position: relative;
}
.content-box-label {
position: absolute;
top: -17px;
left: 20px;
background-color: #E1B4AB;
color: white;
padding: 3px 8px;
font-size: 14px;
border-radius: 5px;
}
.extended-reading {
border: 2px solid #E1B4AB;
border-radius: 10px;
padding: 20px;
background-color: #f9f9f9;
position: relative;
margin: 25px 0;
max-width: 800px;
overflow: visible; /* 確保內容不會被裁剪 */
}
.extended-reading-title {
position: absolute;
top: -15px;
left: 30px;
background-color: #f9f9f9;
padding: 0 5px;
font-size: 15px;
color: #E1B4AB;
}
.extended-reading-link {
display: flex;
align-items: center;
margin-bottom: 15px; /* 增加連結之間的間距 */
}
.extended-reading-icon {
border: 2px solid #E1B4AB;
color: #E1B4AB;
border-radius: 50%;
width: 24px;
height: 24px;
min-width: 24px; /* 確保圖標不會被擠壓 */
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
font-size: 15px;
}
.extended-reading-text {
color: #E1B4AB;
text-decoration: none;
word-break: break-word; /* 允許長文本換行 */
}
.qa-container {
margin-bottom: 50px;
}
.qa-box {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.qa-letter {
width: 35px;
height: 35px;
border: 1px solid;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
flex-shrink: 0;
font-size: 16px;
}
.qa-letter.q {
border-color: #f44336;
color: #f44336;
}
.qa-letter.a {
border-color: #2196f3;
color: #2196f3;
}
.qa-content {
flex-grow: 1;
font-size: 15px;
line-height: 1.4;
}
.qa-content.question {
font-weight: bold;
}
.zi_list {
background-color: #f9f9f9;
padding: 5px;
border-radius: 4px;
margin-top: 5px;
margin-bottom: 5px;
}
.zi_list ul {
margin-top: 0;
margin-bottom: 5px;
padding-left: 20px;
}
.zi_list li {
margin-bottom: 5px;
}
.zi_list li:last-child {
margin-bottom: 0;
}
.frame {
border: 2px solid #BEACAA;
border-radius: 8px;
padding: 20px;
background-color: #fff;
box-shadow: 10 20px 40px rgba(10,10,10,10.10);
margin-bottom: 30px; /* 增加這個值來擴大與下方內容的距離 */
}
.frame-header {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.frame-icon {
width: 24px;
height: 24px;
background-color: #BEACAA;
border-radius: 50%;
margin-right: 20px;
}
.frame-title {
font-size: 18px;
font-weight: bold;
}
.frame-content {
font-size: 16px;
line-height: 2;
}
.product-slider-container {
position: relative;
margin-top: 50px; /* 為標題和滑動提示留出空間 */
}
.product-slider {
width: 100%;
overflow-x: auto;
white-space: nowrap;
padding: 20px;
background-color: #fafafa;
border: 1px solid #e0e0e0;
border-radius: 5px;
}
.product-slider-title {
position: absolute;
top: -30px;
left: 0;
background-color: #729FD3;
color: white;
padding: 2px 3px;
border-radius: 1px;
font-size: 14px;
z-index: 0;
}
.slide-hint {
position: absolute;
top: -25px;
right: 0;
color: #8291bd;
font-size: 16px;
}
.slide-text {
display: inline-block;
animation: slideText 2s linear infinite;
}
@keyframes slideText {
0% { transform: translateX(0); }
50% { transform: translateX(10px); }
10% { transform: translateX(0); }
}
.product-card {
display: inline-block;
width: 280px;
margin-right: 30px;
vertical-align: top;
white-space: normal;
background-color: white;
border-radius: 5px;
padding: 15px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.product-image {
width: 100%;
height: 180px;
object-fit: contain;
margin-bottom: 15px;
}
.product-title {
font-weight: bold;
margin-bottom: 10px;
font-size: 16px;
color: #333;
}
.product-description {
font-size: 14px;
color: #666;
margin-bottom: 15px;
line-height: 1.4;
}
.product-buttons {
display: flex;
justify-content: space-between;
}
.product-button {
padding: 5px 5px;
background-color: #E0E0E0;
border: none;
border-radius: 5px;
text-decoration: none;
color: #BEACAA;
font-size: 14px;
transition: background-color 0.3s;
}
.product-button:hover {
background-color: #BEACAA;
} .penci-block-vc .penci-border-arrow .inner-arrow { font-size: 20px; }
.penci-block-vc .penci-border-arrow .inner-arrow { background-color: #8ba5bf; }
.penci-block-vc .style-2.penci-border-arrow:after{ border-top-color: #8ba5bf; }
.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: #f5f5f5; }
.penci-block-vc .penci-border-arrow:before { border-top-color: #f5f5f5; }
.penci-block-vc .penci-border-arrow .inner-arrow { color: #ffffff; }
.penci-block-vc .penci-border-arrow:after { content: none; display: none; }
.penci-block-vc .widget-title{ margin-left: 0; margin-right: 0; margin-top: 0; }
.penci-block-vc .penci-border-arrow:before{ bottom: -6px; border-width: 6px; margin-left: -6px; }
.penci-block-vc .penci-border-arrow:before, .penci-block-vc .style-2.penci-border-arrow:after { content: none; display: none; }