/*
Theme Name: SKT Naturo Pro
Theme URI: http://www.sktthemes.net/themes/naturo/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description:  SKT  Naturo clean, minimal, simple and adaptable responsive multipurpose WordPress theme which can be used for business, corporate, industries, personal and blogging purposes as well as photography studios. Compatible with nextgen gallery, WooCommerce and Contact Form 7 it can be used as an E-Commerce as well. Demo Link: http://sktthemesdemo.net/naturo/

Version: Pro 1.2
License: GNU General Public License version 3
License URI: license.txt
Text Domain: skt_naturo
Tags: gray, white, dark, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, threaded-comments, translation-ready, photoblogging

SKT Naturo WordPress Theme has been created by SKT Themes(sktthemes.net), 2014.
SKT Naturo WordPress Theme is released under the terms of GNU GPL
*/

/* 關鍵優化：全站預設字體改為文章內文指定的系統無襯線字體家族 */
*{ margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#ffffff; line-height:20px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1.1; font-weight:500; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; }
h1{ font-size:34px;}
h2{ font-size:30px; font-weight:600;}
h3{ font-size:24px;}
h4{ font-size:22px;}

/* 強制隱藏 Banner 上方的重複區塊 */
.about-cti-home:first-of-type,
#sitemain + .about-cti-home {
    display: none !important;
}

/* 強制隱藏頁尾右側的 About 區塊 */
footer .about-cti-home,
.footer-wrapper .about-cti-home,
#footer-wrapper .about-inner {
    display: none !important;
}
h5{ font-size:18px;}
h6{ font-size:16px;}
.left{float:left;}
.right{float:right;}
p{ margin:0; padding:0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;}
a{ text-decoration:none; outline:none; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;}
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:13px; margin-top:4px; margin-bottom:6px; padding:0; }
.alignright, img.alignright {display: inline; float: right; margin-left:10px;}
.aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul {list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.toggleMenu{display:none;}

/* 💡 優化間距：校準為日系平面設計常見的黃金對稱間距 (上下各留 40px) */
section { padding: 40px 0 40px 0 !important; }

h2.section_title{ font-weight:600; font-size:30px; margin-bottom:40px; text-align:center;}
#slider{ width:100%; margin:0; padding:0; position:relative; }
body.home .fixed, body.blog .fixed{position:fixed !important; top:0 !important; margin:0; padding:0; z-index:99;}
.fixed .header-inner .logo{ margin-top:13px !important;}
.fixed .header-inner .nav ul li:hover ul{ top:45px !important;}
.fixed .header-inner .nav ul li a{ padding:40px 15px !important;}
.header .header-inner .logo{float:left; margin-top:25px; margin-bottom:15px; text-align:right;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1170px;}
.header .header-inner .logo h1{font-weight:400; margin:0px; line-height:22px;}
.header span.tagline{ font-size:13px; display:block;}
.header .header-inner .logo a{ color:#000;}
.header .header-inner .logo img{ height:55px; }
.container{ width:1170px; margin:0 auto; position:relative;}

/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.nav{display:none;}

.header{width:100%; height:auto;  padding:0; z-index:999999;}
.header .header-inner .nav{ padding:0; text-align:right; float:right;}
.header .header-inner .nav ul { float:right; margin:0; padding:0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:400;}
.header .header-inner .nav ul li{display:inline-block; margin:0; position:relative;}
.header .header-inner .nav ul li a{padding:40px 15px; display:block; }
.header .header-inner .nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header .header-inner .nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px;}

.header .header-inner .nav ul li ul{display:none; z-index:9999999; position:relative;}
.header .header-inner .nav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color: rgba(51, 38, 27, 0.5);}
.header .header-inner .nav ul li:hover ul li ul{display:none; position:relative;}
.header .header-inner .nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}


/* = innerbanner css
-------------------------------------------------------------- */
.innerbanner{ text-align:center;}
.innerbanner img{ position: relative; background-size:cover; width:100%; }

/* = header top sign in  css
-------------------------------------------------------------- */
.signin_wrap{ background-color:#383939; color:#fff; line-height:36px; font-size:14px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;}
.signin_wrap .fa{ margin-right:10px;}
.signin_wrap a{ margin-left:25px; color:#fff;}

/* = section first css
-------------------------------------------------------------- */
.services-wrap, .welcome-wrap, .blogposts-wrap, .skills-wrap, .support-wrap, .testimonials-wrap, #ourgallery, .client-wrap{ visibility:hidden;}

#wrapsecond{ background-color:#f8f8f8; }
.services-wrap, #FrontBlogPost .BlogPosts{ visibility:hidden;}
.four_column{border:1px solid #f1f1f1; background-color:#fff; text-align:center; padding:30px 15px; width:20%; margin:0 2.75% 0 0; cursor:pointer; float:left;}
.four_column .fa{ font-size:50px; border-bottom:2px solid #383939; padding-bottom:20px;}
.page_column_thumb{ height:50px; overflow:hidden;}
.page_column_thumb img{/* border-bottom:2px solid #383939; */ padding-bottom:20px; height:auto; width:65px;}

/* 💡 設計師專業校準：考量英文文案長度，微調字體行高使整體排版在日系簡約中更顯精緻對稱 */
.four_column h3{font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight: 600; font-size: 18px; line-height: 1.4; padding:20px 0; margin:0;}

.four_column p{display: none !important;}

.four_column .ReadMore{ margin-top:20px; display: inline-block; border:1px solid #5d5c5c; padding:5px 10px;}
.four_column:hover .ReadMore{ color:#e75300; border-color: #e75300;}
.four_column:hover h3{color:#e75300; }
.four_column:hover .fa{color:#e75300; border-color:#e75300; }
.four_column a{ color:#5d5c5c;}
.last_column{clear:right; margin-right:0 !important; }

.welcome-wrap img{ float:left; margin:5px 40px 10px 0; padding:7px; border:1px solid #ededed;}
.welcome-wrap p{ margin-bottom:20px;}

.one_column{ width:100%; float:none; padding:17px; text-align:left;}
.one_column h3{ padding-top:0;}
.one_column .page_column_thumb{margin:0 30px 0 0; width:30%; height:auto; float:left;}
.one_column .page_column_thumb img{ width:auto; height:auto; border:none; margin:0; padding:0;}
.two_column{ width:45.7%;}
.three_column{ width:28.5%; }
.five_column{ width:16.2%; margin:0 1% 0 0;}
.six_column{ width:13.3%; margin:0 0.5% 0 0;}

/* = latest news section css
-------------------------------------------------------------- */
.BlogPost{ text-align:center; background-color:#fbfbfb; min-height:auto !important; padding-bottom:20px; margin-bottom: 0px !important;}
.BlogPost .blogpost_thumb{ height:300px; overflow:hidden;}
.BlogPost .blogpost_thumb img{ min-height:100%;}

.BlogPost h5{ margin-bottom:5px;}
.BlogPost h5 a{ color:#454545;}
.BlogPost h5 a:hover{ color:#dd5145;}
.BlogPost span{ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:300; font-size:14px; line-height:18px; color:#6a6a6a; display:block; margin-bottom:10px}
.BlogPost .blogdesc{ padding:15px;}

.BlogPost .blogdesc p{ display: none !important; margin-bottom:20px;}

.last { margin-right:0 !important;}
.view-all-btn{ text-align:center;}
.view-all-btn a{ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:400; font-size:16px; line-height:18px; color:#454545; border:1px solid #454545; padding:12px 25px; display:inline-block; border-left:5px solid #454545; }
.view-all-btn a:hover{ border-color: #e75300; }

/* 💡 優化間距：精準修正下方認證標章區塊 (client-wrap) 的上邊距，使其與上方的對稱間距完全一致 */
.client-wrap { padding-top: 40px !important; padding-bottom: 40px !important; margin-top: 0px !important; }

/* = About and Skills section css
-------------------------------------------------------------- */
.skills-wrap .accordion-box, .skills-wrap .accordion-box h2.active{ border:none; border-radius:0px !important;}
.accordion-box img{ float:left; margin:5px 15px 0 0;}
.skills-wrap .accordion-box p{ font-weight:bold;}
.skills-wrap .accordion-box h2{ font-size:14px !important; font-weight:400; color:#000000 !important; padding-left:0 !important;}
.skills-wrap .accordion-box{ border-bottom:1px solid #fff;}
.skills-wrap .acc-content{ padding-left:0 !important; }
.skills-wrap .accordion-box:nth-child(4){ border-bottom:0!important;} 


/* --- skills bar --- */
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; margin-top:20px;}
.skill-bg{ background-color:#fff; height:35px;}
.skillbar-title { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:400; font-size:14px; line-height:35px; color:#fff; position:absolute; padding-left:20px; }
.skillbar-bar { height:35px; width:0px; background:#454545;}
.skill-bar-percent { position:absolute; right:5px; top:0; font-size:15px; height:35px; line-height:35px; color:#8e8d8d;}

/* = support section css
-------------------------------------------------------------- */
.support-wrap img{ float:right; margin:5px 0 10px 40px; padding:7px; border:1px solid #ededed;}
.support-wrap p{ margin-bottom:20px;}
.support-wrap ul{font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:400; font-size:14px; line-height:20px; color:#000; }

/*Clients*/

.client_lists .client{ width:15%; margin:0 20px 10px 0; display:inline-block; border:1px solid #ededed; vertical-align: top; }
.client_lists .client a{ display:block;}
.client_lists .client img{ width:100%;}

/* = Team Member Part css
-------------------------------------------------------------- */
.teammember-list{ float:left; width:20.5%; margin:0 6% 6% 0; text-align:center;}
.teammember-list img{ border-radius:50%; border:8px solid #e1e1e1;}
.teammember-list h5{ font-size:19px; color:#323232; margin-bottom:5px; text-transform:none; font-weight:400;}
.member-desination{ color:#989897; font-size:12px;}
.member-social-icon{ border-top:1px solid #f3f3f3; padding:10px; margin-top:20px;}
.teammember-list:hover .member-social-icon{ background-color:#f3f3f3; }
.teammember-list:hover h5{ color:#d14d42;}
.member-social-icon a{ margin:0 10px; color:#ccc;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

.testimonial-all{ border-bottom:solid 1px #dcdcdc; padding-bottom:20px; margin-bottom:20px;}
.testimonial-all:last-child{ border:none;}
#sidebar #testimonials ul li{ text-align:center;}
#sidebar #testimonials ul li img{ margin-top:0; float:none;}
/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:30px; height:30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; line-height:30px; text-align:center; vertical-align:middle; display:inline-block; margin:0 5px 10px; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; }
.social-icons br{ display:none;}

/* --------- Pages ------- */
.content-area{ width:1170px; margin:0 auto; padding:50px 0;}
.site-main{ width:690px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:360px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget{margin-bottom:30px; background-color:#f9f9f9; padding:20px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding-bottom:15px; margin-bottom:15px;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar ul li{ list-style:none; border-bottom:1px dashed #d0cfcf; padding:10px 0; }
#sidebar ul li a{ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:300; font-size:14px; line-height:18px; background:url(images/sidebar-arrow.png) no-repeat left center; padding:0 0 0 20px; color:#3b3b3b; display:block; text-transform:uppercase;}
#sidebar ul li a:hover{ color:#d14d42;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#363839; position:relative; padding:45px 0 0;}
.cols-4{width:21.6%; float:left; margin:0 6.5% 5% 0; }
.widget-column-2 { width:15%;}
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:400; font-size:18px; margin-bottom:15px; text-transform:uppercase; }
.cols-4 ul{ margin:0; padding:0;}
.cols-4 ul li { display:block; padding:0;}
.cols-4 ul li a { color:#fff; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/list-arrow.png) no-repeat 0 13px; padding:0 0 0 20px;}
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { background-position:left -13px; color:#dd5145; transition: all 0.5s ease 0s; }

.cols-4 a.readmore span{ color:#fff;}
.cols-4 p{ margin-bottom:15px;}

.phone-no{margin-top:20px; margin-bottom:20px; line-height:24px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no strong {width:35%; display:inline-block;}
.cols-4 .phone-no p{ margin-bottom:0;}

.copyright-wrapper { background-color:#282a2b; position:relative; padding:15px 0;}
.copyright-txt { float:left;}
.design-by { float:right;}
.recent-post{ min-height:70px; margin:0 0 20px 0; border-bottom:1px dotted #5e6162; padding-bottom:10px;}
.recent-post img{ float:left; width:60px; margin:3px 10px 5px 0;}
.recent-post h6{ font-size:14px; color:#fff; margin:0 0 10px;}
.recent-post h6:hover{color:#d14d42;}
.recent-post.last{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.content-area .recent-post h6{ color:#454545;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-size:15px; color:#d6d6d6;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important; height: 1px;width: 1px; overflow: hidden;}
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px;font-size: 0.875rem;font-weight: bold; height: auto;left: 5px; line-height: normal;padding: 15px 23px 14px;text-decoration: none; top: 5px; width: auto; z-index: 100000;}

#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea, .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{width:40%; border:1px solid #eee; padding:15px; float:left; margin:0 8px 8px 0; -moz-box-shadow: inset 0 0 5px #f1f1f1; -webkit-box-shadow: inset 0 0 5px #f1f1f1; box-shadow: inset 0 0 5px #f1f1f1;}
#contactform_main textarea, .wpcf7 form textarea{ width:85.6%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; margin:0 5px 0 0;  border:1px solid #eee; padding:13px; float:left; margin:0 8px 8px 0; -moz-box-shadow: inset 0 0 5px #f1f1f1; -webkit-box-shadow: inset 0 0 5px #f1f1f1; box-shadow: inset 0 0 5px #f1f1f1; }
   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:400; font-size:20px; line-height:24px; text-transform:uppercase; cursor:pointer; }

iframe{ border:1px solid #ccc; padding:9px; margin-bottom:25px;}
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.post-title{ margin-bottom:0px; font-weight:400;}
.post-title a{ color:#3d3d3d;}

.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:15px;}
p.read-more a{font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:400; font-size:16px; line-height:22px; text-transform:uppercase; color:#3d3d3d;}
p.read-more a span{ background-color:#333; color:#fff; width:22px; height:22px; line-height:14px; text-align:center; vertical-align:top; margin:0 0 0 6px; font-size:22px; border-radius:50%; display:inline-block;}
p.read-more a:hover span{ background-color:#d14d42;}
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px;}

/* = pricing table css
-------------------------------------------------------------- */
.pricing_table{font-size:15px;}
.price_col{transition: left 0.5s;}
.price_col{float:left; text-align:center; background:#2c3e50; color:#fff; margin-top:10px; z-index:0;}
.pricing_table .th{font-size:24px; font-weight:bold; color:#fff; padding:10px 0;}
.pricing_table .highlight{background:#dd5145; box-shadow:0 0 10px rgba(0,0,0,0.75); z-index:1; margin-top:0; z-index:1; position:relative;}
.pricing_table .highlight .th{padding-top:20px;}
.pricing_table .highlight .tf{padding-bottom:30px;}
.pricing_table .td, .pricing_table .tf{padding:20px 0; border-top:1px #fff solid;}
.pricing_table .tf a{background:#dd5145; color:#fff; border:1px #ccc dashed; padding:8px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.pricing_table .tf a:hover{background-color:#2c3e50;}
.pricing_table .highlight .tf a{background-color:#2c3e50;}
.pricing_table .highlight .tf a:hover{background-color:#dd5145;}
.pricing_table.pcol1 .price_col{width:99%;}
.pricing_table.pcol2 .price_col{width:49.5%;}
.pricing_table.pcol3 .price_col{width:33%;}
.pricing_table.pcol4 .price_col{width:24.75%;}
.pricing_table.pcol5 .price_col{width:19.75%;}

/*default css*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#dd5145;}
h1.entry-title, h1.page-title{padding-bottom:20px; line-height:30px; border-bottom:1px #dcdcdc solid;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto; margin-bottom:15px;}
article p{margin:5px 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:8px 15px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/*photo gallery csss*/
.photobooth .filter-gallery { position:relative; display:table; width: auto; margin:40px auto; text-align:center; }
.photobooth .filter-gallery ul {list-style:none !important; overflow:hidden; margin:0; text-transform:capitalize;}
.photobooth .filter-gallery ul li {float:left; padding:0; width:auto; list-style:none;}
.photobooth .filter-gallery ul li a{ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:400; font-size:13px; line-height:20px; display:block; padding:5px 15px; color:#000;}
.photobooth .filter-gallery ul li.current a{ background-color:#454545; font-weight:600;}
.photobooth .gallery ul{list-style:none !important; margin:0;}
.photobooth .gallery ul li {width:23%; height:250px; overflow:hidden; margin:0 30px 30px 0; background:#000; float:left; cursor:pointer; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; background:url("images/camera-icon.png") 50% 0 no-repeat; line-height:40px; list-style:none;}
.photobooth .gallery ul li img{ min-height:100%;}
.photobooth .gallery ul li p {color:#111; margin:0; padding:10px 0; position:absolute; width:100%; display:none; text-align:center; bottom:0; opacity:0.8; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.photobooth .gallery ul li p span {margin-top:0px; display:block; font-weight:bold; }
.photobooth .gallery ul li strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:none; text-align:center; bottom:0; opacity:0.8; width:100%;}
.photobooth .gallery ul li img {vertical-align:middle; display:block; width:100%; margin:0;}
.photobooth .gallery ul li:hover img {opacity:0.5; }
.photobooth .gallery ul li:hover strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:50%; opacity:0.8; }
.photobooth .gallery ul li:hover p {color:#111; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:0; opacity:0.8; }
.photobooth .gallery ul li:hover p span {margin-top:20px; display:block;}
.sitefull .photobooth .gallery ul li{ width:23%;}
#sitemain .photobooth .gallery ul li, .nosidebar .photobooth .gallery ul li{height:160px; margin-right:18px;}
#sitemain .photobooth .gallery ul li img, .nosidebar .photobooth .gallery ul li img{height:100%;}
.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#dd5145; border-bottom:1px solid #ccc;}

.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}

/* Buttons */
.button{ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-weight:300; font-size:18px; line-height:22px; padding:8px 20px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; color:#ff8a00;}
.woocommerce ul.products li the price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/*post nav css*/
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#333333; padding:5px 10px; color:#ffffff; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; font-size:15px;}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#dd5145;}
.singleright { float:left; }
.singleleft { float:right; }

.featuresbg{background-size:cover !important;}

.woocomerceright{float:left;}
.woocomerceleft{float:right;}
.woocomercesitefull{ width:100%;}

/* Woocommerce Pricing filter widgets*/
#sidebar .price_slider {margin-bottom:1em;}
#sidebar .price_slider_amount {text-align:right; line-height:2.4em; font-size:0.8751em;}
#sidebar .price_slider_amount .button {font-size:1.15em;}
#sidebar .price_slider_amount .button {float:left;}
#sidebar .ui-slider {position:relative; text-align:left;}
#sidebar .ui-slider .ui-slider-handle {position:absolute; z-index:2; width:1em; height:1em; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em;cursor:pointer; background:#000; outline:none; top:-0.3em;}
#sidebar .ui-slider .ui-slider-handle:last-child {margin-left:-0.5em;}
#sidebar .ui-slider .ui-slider-range {position:absolute; z-index:1; font-size:.7em; display:block; border:0; background:#dd5145; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em;}
#sidebar .price_slider_wrapper .ui-widget-content {-webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; background:#d5d5d5;}
#sidebar .ui-slider-horizontal {height:.5em;}
#sidebar .ui-slider-horizontal .ui-slider-range {top:0; height:100%;}
#sidebar .ui-slider-horizontal .ui-slider-range-min {left:-1px;}
#sidebar .ui-slider-horizontal .ui-slider-range-max {right: -1px;}
ul.cart_list li img, ul.product_list_widget li img, ul.cart_list li img, ul.product_list_widget li img{ width:15%; height:auto;}
#sidebar del, #sidebar ins, #sidebar ul.product_list_widget li a{ display:inline;}
#sidebar ul.product_list_widget .star-rating{ display:inline-block; margin:0 10px;}
.woocommerce #sidebar ul li span.count, .woocommerce #sidebar ul li a{ display:inline; margin:0 10px;}
label.screen-reader-text{ display:none;}
#sidebar .search-field{ width:75%; background:#ece8e8; border:none;}
#sidebar .woocommerce-product-search input[type=submit]{ color:#fff; border:none; padding:7px 10px; cursor:pointer;}
.woocommerce div.product .product_title{ padding-bottom:20px;}


/* ====================================================
    💡 JCE 首頁 About 區塊：已移除底線
   ==================================================== */
.about-cti-home {
    display: block !important;
    padding: 50px 0 !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.about-cti-home .container {
    max-width: 1170px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

.about-inner {
    padding: 0 0 45px 0 !important;
    margin: 0 auto !important;
    /* ⬇️ 原本的 border-bottom 已刪除，橫線將消失 ⬇️ */
    border-bottom: none !important; 
    max-width: 100% !important;
}

.about-inner h2 {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    color: #009b44 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 1px !important;
}

.about-inner p {
    display: none !important;
}

/* 核心文案區塊 */
.about-inner::after {
    content: "With over 30 years of experience, multiple ISO certifications, and highly integrated design and manufacturing facilities, JCE is an expert in complex high-speed signal cable and connector solutions. We offer reliable, competitive solutions and services for mission-critical applications to major corporations worldwide and look forward to solving your problems." !important;
    display: block !important;
    color: #454545 !important;
    font-size: 16.5px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    text-align: center !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}