/* kn-site.css — 官網 CSS 快照 scoped 至 .kn-paper（機器生成，來源 kn-head-css-snapshot.css）*/
.kn-paper .page-breadcrumb{
                background-image: url(/Uploads/Shop/d577cda1-44f1-4f23-abe6-8fedea9f13ff.jpg);
            }
.kn-paper #navigation .nav>li .sub-menu{ background-color:#f2f2f2; }
.kn-paper #navigation .nav>li .sub-menu .menu-item a{ color:#595959; }
.kn-paper a.scrollup{ background-color:#b2b2b2; }
.kn-paper .shareImg,.kn-paper .shareText{ display:none; }
.kn-paper .hotKey .tel{ display:none; }
.kn-paper .shopCart-btn,.kn-paper a[href^=ProductCart],.kn-paper .btn-cart,.kn-paper .side-menu-btn .cart:nth-child(2),.kn-paper .prdCartIcon,.kn-paper #header .single-icon.cart{ display:none; }
.kn-paper .shareImg,.kn-paper .shareText{ display:none; }
.kn-paper .shopCartLink,.kn-paper .shopCart-btn{ display:none; }
.kn-paper .homeProductList .addCart,.kn-paper .homeProductList .add-cart,.kn-paper .shopCartLink.link{ display:none; }
.kn-paper section .add-cart,.kn-paper .productAddCartIcon{ display:none; }
.kn-paper .topMarq{ display:none; }
.kn-paper .nav2{
display:none!important;
}
.kn-paper div.newsListContainer>div.row>div:nth-child(3){
    display: none;
}
.kn-paper h4 span.dt{
    display: none;
}
.kn-paper .AlbumPhotoNum{
    display: none;
}
.kn-paper .top-bar{
    display:none;
}
.kn-paper .hotKey li.call-hotKey{
    background: #FA9600;
}
.kn-paper #nav-mobile button.navbar-btn-close{
    background-color: #3E7799;
}
.kn-paper div.container.newsInfoContainer div.col-md-3.margin-btm-40.newsSidebar.newsInfo{
    display: none;
  }
.kn-paper #footer > div > div:nth-child(1) > div:nth-child(1){
            display: none;
        }
.kn-paper .navbar-toggle{
position:absolute;
	right: 5%;
margin-right:0;
}
.kn-paper ul.tp-revslider-mainul{position:relative;}
.kn-paper .navbar-inverse .navbar-nav > li > a{
	color: #304854;
	font-weight: 900;
}
.kn-paper .panel-default > .panel-heading{
background: #304854;
}
.kn-paper .panel-default > .panel-heading:hover{
	background: #ffbe19;
	
}
.kn-paper .panel-default > .panel-heading:hover .panel-title a{
color: #304854;
}
.kn-paper .main-title,.kn-paper #sidebar .widget .widget-title,.kn-paper h1,.kn-paper h2,.kn-paper h3,.kn-paper h4,.kn-paper h5,.kn-paper h6{
color:#304854;
}
.kn-paper .s-event-content a,.kn-paper .list-unstyled a{
	color:#1d6686;
}
.kn-paper .form-inline .input-group{
	display: inline-flex;
}
.kn-paper .hotKey li.call-hotKey{
	background:#7cbf61;
	font-size: 18px;
}
.kn-paper .navbar-inverse .navbar-toggle:focus,.kn-paper .navbar-inverse .navbar-toggle:hover{
	background-color:#304854;
}
.kn-paper .navbar-inverse .navbar-brand{
	width: 100%;
}
.kn-paper .know-more{ background-color: #FDFCF8; }
.kn-paper .homeNewsList .panel-heading{
	background: #ffffff;
	border: 1px solid rgba(48,72,84,0.08);
	border-left: 4px solid #1d6a8c;
}
.kn-paper .homeNewsList .panel-heading .panel-title a,.kn-paper .homeNewsList .panel-heading a{ color: #304854; }
.kn-paper .homeNewsList .panel-heading:hover{
	background: #304854;
	border-left-color: #ffbe19;
}
.kn-paper .homeNewsList .panel-heading:hover .panel-title a,.kn-paper .homeNewsList .panel-heading:hover a{ color: #ffffff; }
.kn-paper .homeNewsList h3{ font-weight: 500; }
.kn-paper .btn-skin{ background-color:#304854 !important; color:#ffffff !important; }
.kn-paper .btn-skin:hover{ background-color:#ffbe19 !important; color:#304854 !important; }
.kn-paper .pagination>.active>a,.kn-paper .pagination>.active>span{ background-color:#304854 !important; border-color:#304854 !important; color:#ffffff !important; }
.kn-paper .post-paginations ul li:hover a,.kn-paper .pagination>.active>a:hover,.kn-paper .pagination>.active>a:focus{ background-color:#ffbe19 !important; border-color:#ffbe19 !important; color:#304854 !important; }
.kn-paper .footer{ background-color:#304854 !important; }
.kn-paper .navbar-inverse .navbar-nav > .active > a,.kn-paper .navbar-inverse .navbar-nav > .active > a:hover,.kn-paper .navbar-inverse .navbar-nav > .active > a:focus{ color:#80c862 !important; }
.kn-paper .navbar-inverse .navbar-toggle{ background-color:#304854 !important; color:#ffbe19 !important; }
.kn-paper aside#sidebar ul.ddlCateList li a{ color:#304854 !important; }
.kn-paper #sidebar .display-in-mobile .ddlCateList li a.active{ color:#1d6a8c !important; }
.kn-paper .widget_categories ul li a:hover,.kn-paper .widget_categories ul li a.active{ background-color:#1d6a8c !important; }
.kn-paper #sidebar .widget .widget-title::before,.kn-paper .content-top::before{ background-color:#1d6a8c !important; }
.kn-paper .homeBlock .post-heading-center b{ color:#1d6a8c !important; }
.kn-paper .navbar-inverse .navbar-nav > li > a{ color:#304854 !important; }
.kn-paper .navbar-inverse .navbar-nav > li > a:hover{ color:#ffbe19 !important; }
.kn-paper .sidebar-widget ul.list-unstyled > li > a{ color:#304854 !important; }
.kn-paper .sidebar-widget ul.list-unstyled > li > a:hover{ color:#ffbe19 !important; }
.kn-paper .s-event-content h4 a{ color:#304854 !important; }
.kn-paper .s-event-content h4 a:hover{ color:#ffbe19 !important; }
.kn-paper ol.breadcrumb li a{ color:#304854 !important; }
.kn-paper ol.breadcrumb li a:hover{ color:#ffbe19 !important; }
.kn-paper aside#sidebar ul.ddlCateList li a:hover{ color:#ffbe19 !important; }
.kn-paper .cy-blk a:hover{ color:#ffbe19 !important; }
.kn-paper .footer a:hover{ color:#ffbe19 !important; }
@media (max-width:991px){
.kn-paper .col-md-3.margin-btm-40{ display:none !important; }
}
.kn-paper .page-breadcrumb{ display:none !important; }
.kn-paper .cy-crumb{ margin:-32px 0 18px !important; font-size:13px !important; clear:both !important; }
.kn-paper .cy-crumb ol.breadcrumb{ background:none !important; padding:0 !important; margin:0 !important; }
.kn-paper .cy-crumb .cy-bc{ list-style:none !important; padding:0 !important; margin:0 !important; background:none !important; }
.kn-paper .cy-crumb .cy-bc li{ display:inline-block !important; }
.kn-paper .cy-crumb .cy-bc li + li::before{ content:"/" !important; padding:0 8px !important; color:#9aa6ab !important; }
.kn-paper .cy-crumb .cy-bc a{ color:inherit !important; }
.kn-paper .forcefullwidth_wrapper_tp_banner{ max-width:1220px !important; margin-left:auto !important; margin-right:auto !important; }
.kn-paper .forcefullwidth_wrapper_tp_banner .fullwidthbanner,.kn-paper .forcefullwidth_wrapper_tp_banner .tp-banner,.kn-paper .forcefullwidth_wrapper_tp_banner .tp-revslider-mainul{ width:100% !important; }
@media (min-width:992px){
.kn-paper .cta-skin{ padding-top:14px !important; padding-bottom:14px !important; }
.kn-paper .know-more{ padding-top:26px !important; }
.kn-paper .cta-skin .course-box2{ margin-top:5px !important; margin-bottom:5px !important; }
}
.kn-paper .sidebar-widget h3{ display:none !important; }
.kn-paper .sidebar-widget ul li a{ font-size:20px !important; }
@media (max-width:991px){
.kn-paper #item-slider .item img,.kn-paper #item-slider .owl-item img{ max-width:95% !important; height:auto !important; margin:0 auto !important; display:block !important; }
}
.kn-paper .right-pc,.kn-paper .right-mobile{ opacity:0.6 !important; transition:opacity .2s !important; }
.kn-paper .right-pc:hover,.kn-paper .right-pc:active,.kn-paper .right-mobile:hover,.kn-paper .right-mobile:active,.kn-paper .right-pc a:active,.kn-paper .right-mobile a:active{ opacity:1 !important; }
.kn-paper .cy-contact-unboxed h1,.kn-paper .cy-contact-unboxed h2{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important; font-size:38px !important; font-weight:800 !important; color:#304854 !important; line-height:1.4 !important; text-align:left !important; margin:0 0 6px 0 !important; }
.kn-paper .cy-start{ display:block !important; font-family:Arial,sans-serif !important; font-size:16px !important; font-weight:800 !important; color:#ffbe19 !important; letter-spacing:2px !important; text-transform:uppercase !important; text-align:left !important; margin:0 0 24px 0 !important; }
.kn-paper .cy-contact-unboxed p{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important; font-size:22px !important; font-weight:400 !important; color:#304854 !important; line-height:1.8 !important; text-align:justify !important; margin:0 0 16px 0 !important; }
@media (max-width:767px){
.kn-paper .cy-contact-unboxed h1,.kn-paper .cy-contact-unboxed h2{ font-size:34px !important; }
.kn-paper .cy-contact-unboxed p{ font-size:18px !important; }
}
.kn-paper .cy-ciaoyong{ font-family:'Helvetica Neue',Arial,'PingFang TC','Microsoft JhengHei',sans-serif !important; letter-spacing:2px !important; }
@media (max-width:991px){
.kn-paper .navbar-inverse .navbar-nav > li > a:hover,.kn-paper .navbar-inverse .navbar-nav > li > a:focus,.kn-paper .navbar-inverse .navbar-nav > li > a:active,.kn-paper .navbar-inverse .navbar-nav > .open > a,.kn-paper .navbar-inverse .navbar-nav > .open > a:hover,.kn-paper .navbar-inverse .navbar-nav > .open > a:focus{ color:#ffbe19 !important; }
}
@media (max-width:991px){
.kn-paper .navbar-inverse .navbar-header{ display:flex !important; align-items:center !important; justify-content:space-between !important; }
.kn-paper .navbar-inverse{ padding-top:10px !important; padding-bottom:10px !important; min-height:0 !important; }
.kn-paper .navbar-inverse .navbar-brand{ float:none !important; margin:0 !important; padding:0 !important; height:50px !important; }
.kn-paper .navbar-inverse .navbar-brand img{ margin:0 !important; }
.kn-paper .navbar-inverse .navbar-toggle{ float:none !important; margin:0 !important; }
}
@media (max-width:991px){
.kn-paper .s-event-content{ padding-left:20px !important; padding-right:20px !important; }
}
@media (max-width:991px){
.kn-paper .col-md-9.margin-btm-40 > div:not(.cy-crumb):not(.cy-blk):not(.row){ padding-left:20px !important; padding-right:20px !important; }
}
@media (min-width:992px){
.kn-paper .space70{ height:35px !important; }
}
@media (max-width:991px){
.kn-paper .space70{ height:35px !important; }
}
.kn-paper .control-group .controls label a{ color:#1d6a8c !important; }
.kn-paper .control-group .controls label a:hover{ color:#ffbe19 !important; }
@media (max-width:991px){
.kn-paper .navbar-brand img{ height:50px !important; width:auto !important; }
}
.kn-paper .navbar.navbar-inverse{ border-bottom:none !important; }
.kn-paper .cy-contact-banner-box img.cy-contact-banner{ width:100% !important; max-width:100% !important; height:auto !important; }
@media (max-width:991px){
.kn-paper .cta-skin{ padding-bottom:0px !important; padding-top:8px !important; }
.kn-paper .know-more{ padding-top:25px !important; }
.kn-paper .cta-skin .owl-item:first-child .course-box2,.kn-paper .cta-skin .item:first-child .course-box2{ margin-top:14px !important; }
}
@media (max-width:767px){
.kn-paper .know-more .row > .col-sm-6:first-child{ margin-bottom:20px !important; }
}
@media (min-width:992px){
.kn-paper.cy-contact .col-md-9{ float:none !important; margin-left:auto !important; margin-right:auto !important; }
.kn-paper .cy-contact-unboxed{ max-width:75% !important; margin-left:auto !important; margin-right:auto !important; }
}
@media (max-width:991px){
.kn-paper.cy-contact .row{ margin-left:0 !important; margin-right:0 !important; }
.kn-paper.cy-contact .col-md-9,.kn-paper.cy-contact .col-sm-12{ padding-left:0 !important; padding-right:0 !important; }
.kn-paper.cy-contact .cy-contact-unboxed,.kn-paper.cy-contact .contactForm{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; margin-left:0 !important; margin-right:0 !important; padding-left:24px !important; padding-right:24px !important; }
}
.kn-paper .contactForm,.kn-paper .form-contact{ width:100% !important; max-width:100% !important; }
.kn-paper .contactForm .row,.kn-paper .contactForm .control-group{ margin-left:0 !important; margin-right:0 !important; }
.kn-paper .contactForm .form-control{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
@media (min-width:992px){
.kn-paper .navbar.navbar-inverse{ height:70px !important; min-height:70px !important; padding:0 !important; }
.kn-paper .navbar-inverse .navbar-header,.kn-paper .navbar-inverse .navbar-collapse{ min-height:70px !important; }
.kn-paper .navbar-brand{ height:70px !important; display:flex !important; align-items:center !important; padding:0 15px !important; margin-top:-10px !important; }
.kn-paper .navbar-brand img{ height:50px !important; width:auto !important; margin:0 !important; vertical-align:middle !important; }
.kn-paper .navbar-inverse .navbar-nav{ display:flex !important; align-items:center !important; height:70px !important; margin:-10px 0 0 0 !important; }
.kn-paper .navbar-inverse .navbar-nav > li > a{ line-height:20px !important; padding-top:0 !important; padding-bottom:0 !important; height:auto !important; }
}
.kn-paper.cy-no-side .col-md-3.margin-btm-40{ display:none !important; }
.kn-paper.cy-no-side .col-md-9.margin-btm-40{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; }
.kn-paper .col-md-9 > h2{ display:none !important; }
.kn-paper .cy-blk .cy-mb-0{ margin-bottom:0 !important; }
.kn-paper .cy-crumb{ margin-top:-38px !important; margin-bottom:4px !important; }
.kn-paper .cy-blk{ color:#304854!important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important; font-size:22px!important; line-height:1.8!important; max-width:100%!important; display:block!important; clear:both!important; word-break:break-word!important; }
.kn-paper .cy-blk *,.kn-paper .cy-blk *::before,.kn-paper .cy-blk *::after{ box-sizing:border-box!important; }
.kn-paper .cy-blk p{ font-size:22px!important; line-height:1.8!important; margin:0 0 0.8em 0!important; color:#304854!important; text-align:justify!important; }
.kn-paper .cy-blk h2{ font-size:36px!important; font-weight:800!important; margin:0 0 0.8em 0!important; color:#304854!important; line-height:1.4!important; }
.kn-paper .cy-blk h3{ font-size:26px!important; font-weight:800!important; margin:0 0 0.6em 0!important; color:#304854!important; line-height:1.4!important; }
.kn-paper .cy-en-title{ font-size:16px!important; letter-spacing:2px!important; text-transform:uppercase!important; font-weight:800!important; margin-bottom:6px!important; display:block!important; font-family:Arial,sans-serif!important; }
.kn-paper .cy-blk .cy-container > .cy-section:first-child .cy-en-title{ margin-top:6px!important; }
.kn-paper .cy-c-yellow,.kn-paper .cy-blk p.cy-c-yellow,.kn-paper .cy-blk span.cy-c-yellow{ color:#ffbe19!important; }
.kn-paper .cy-c-dark,.kn-paper .cy-blk p.cy-c-dark,.kn-paper .cy-blk span.cy-c-dark{ color:#304854!important; }
.kn-paper .cy-c-teal,.kn-paper .cy-blk p.cy-c-teal,.kn-paper .cy-blk span.cy-c-teal{ color:#1d6a8c!important; }
.kn-paper .cy-c-green,.kn-paper .cy-blk p.cy-c-green,.kn-paper .cy-blk span.cy-c-green{ color:#80c862!important; }
.kn-paper .cy-c-white,.kn-paper .cy-blk p.cy-c-white,.kn-paper .cy-blk span.cy-c-white{ color:#ffffff!important; }
.kn-paper .cy-bold{ font-weight:800!important; }
.kn-paper .cy-mb-0{ margin-bottom:0!important; }
.kn-paper .cy-text-center{ text-align:center!important; }
.kn-paper .cy-blk p.cy-text-center{ text-align:center!important; }
.kn-paper .cy-nowrap{ white-space:nowrap!important; }
.kn-paper .cy-container{ width:100%!important; max-width:1040px!important; margin:0 auto!important; padding:0 24px!important; display:block!important; }
.kn-paper .cy-max-w-650{ width:100%!important; max-width:650px!important; margin-left:auto!important; margin-right:auto!important; margin-bottom:24px!important; display:block!important; }
.kn-paper .cy-max-w-700{ width:100%!important; max-width:700px!important; margin-left:auto!important; margin-right:auto!important; display:block!important; }
.kn-paper .cy-section{ padding:48px 0 24px 0!important; border-bottom:1px solid rgba(48,72,84,0.1)!important; }
.kn-paper .cy-section:last-child{ border-bottom:none!important; }
.kn-paper .cy-blk .cy-container > .cy-section:first-child{ border-bottom:none!important; padding-top:4px!important; padding-bottom:12px!important; }
.kn-paper .cy-flex{ display:flex!important; flex-wrap:wrap!important; gap:30px!important; align-items:stretch!important; }
.kn-paper .cy-col-half{ flex:1 1 calc(50% - 15px)!important; min-width:320px!important; }
.kn-paper .cy-col-third{ flex:1 1 calc(33.333% - 20px)!important; min-width:260px!important; }
.kn-paper .cy-vc{ align-items:center!important; }
.kn-paper .cy-stack{ flex-direction:column!important; }
.kn-paper .cy-card{ background:#ffffff!important; padding:24px 32px!important; border-radius:12px!important; box-shadow:0 8px 30px rgba(48,72,84,0.24)!important; border-top:6px solid #ffbe19!important; height:100%!important; }
.kn-paper .cy-card-principle{ background:#ffffff!important; padding:22px 30px!important; border-radius:12px!important; box-shadow:0 8px 30px rgba(48,72,84,0.24)!important; height:100%!important; }
.kn-paper .cy-card-soft{ padding:22px 32px 14px!important; border-radius:12px!important; box-shadow:0 8px 30px rgba(48,72,84,0.24)!important; height:100%!important; transition:transform .3s,box-shadow .3s!important; }
.kn-paper .cy-card-soft p:last-child{ margin-bottom:0!important; }
.kn-paper .cy-card-soft:hover{ transform:translateY(-5px)!important; box-shadow:0 10px 25px rgba(48,72,84,0.12)!important; }
.kn-paper .cy-card-soft-teal{ background:rgba(29,106,140,0.05)!important; border-top:6px solid #1d6a8c!important; }
.kn-paper .cy-card-soft-yellow{ background:rgba(255,190,25,0.08)!important; border-top:6px solid #ffbe19!important; }
.kn-paper .cy-card-soft-green{ background:rgba(128,200,98,0.08)!important; border-top:6px solid #80c862!important; }
.kn-paper .cy-card-soft-dark{ background:rgba(48,72,84,0.04)!important; border-top:6px solid #304854!important; }
.kn-paper .cy-card-dual{ background:#fff!important; border-radius:12px!important; box-shadow:0 10px 34px rgba(48,72,84,0.34)!important; overflow:hidden!important; height:100%!important; display:flex!important; flex-direction:column!important; position:relative!important; z-index:1!important; transition:transform .3s,box-shadow .3s!important; }
.kn-paper .cy-card-dual:hover{ transform:translateY(-5px)!important; box-shadow:0 10px 25px rgba(48,72,84,0.12)!important; }
.kn-paper .cy-card-dual-header{ padding:16px 32px!important; }
.kn-paper .cy-card-dual-header h3{ color:#fff!important; margin:0!important; font-size:22px!important; line-height:1.4!important; }
.kn-paper .cy-card-dual-body{ padding:20px 32px!important; flex-grow:1!important; }
.kn-paper .cy-card-dual-body p{ font-size:19px!important; }
.kn-paper .cy-card-dual-dark .cy-card-dual-header{ background:#304854!important; border-bottom:5px solid #ffbe19!important; }
.kn-paper .cy-card-dual-teal .cy-card-dual-header{ background:#1d6a8c!important; border-bottom:5px solid #80c862!important; }
.kn-paper .cy-dept-grid{ display:grid!important; grid-template-columns:repeat(2,1fr)!important; gap:24px!important; margin-bottom:1.35em!important; }
.kn-paper .cy-dept-row{ background:#fff!important; margin:0!important; padding:20px 32px!important; border-radius:12px!important; box-shadow:0 8px 30px rgba(48,72,84,0.24)!important; border-left:6px solid #304854!important; transition:transform .2s ease!important; }
.kn-paper .cy-dept-row:hover{ transform:translateX(4px)!important; }
.kn-paper .cy-dept-row p{ font-size:19px!important; }
.kn-paper .cy-quote{ border-left:6px solid #1d6a8c!important; padding:28px 40px!important; background:rgba(29,106,140,0.04)!important; border-radius:0 12px 12px 0!important; font-weight:800!important; }
.kn-paper .cy-tag-box{ background:rgba(48,72,84,0.05)!important; padding:24px 32px!important; border-radius:12px!important; font-weight:800!important; color:#1d6a8c!important; line-height:2.0!important; letter-spacing:1px!important; }
.kn-paper .cy-tag-gap{ margin-bottom:1.8em!important; }
.kn-paper .cy-btn{ background:#1d6a8c!important; color:#fff!important; display:inline-block!important; padding:16px 42px!important; border-radius:50px!important; font-weight:800!important; text-decoration:none!important; margin-top:1.6em!important; width:max-content!important; transition:all .3s ease!important; font-size:18px!important; text-align:center!important; }
.kn-paper .cy-btn-outline{ border:2px solid #ffbe19!important; color:#ffbe19!important; background:transparent!important; }
.kn-paper .cy-btn-outline:hover{ background:#ffbe19!important; color:#304854!important; transform:translateY(-2px)!important; }
@media (max-width:991px){
.kn-paper .cy-flex{ flex-direction:column!important; gap:30px!important; }
.kn-paper .cy-col-half,.kn-paper .cy-col-third{ min-width:100%!important; flex:1 1 100%!important; }
.kn-paper .cy-dept-grid{ grid-template-columns:1fr!important; gap:20px!important; }
.kn-paper .cy-max-w-650{ max-width:100%!important; }
.kn-paper .cy-section{ padding:40px 0 24px 0!important; }
.kn-paper .cy-blk{ font-size:18px!important; }
.kn-paper .cy-blk p{ font-size:18px!important; line-height:1.7!important; }
.kn-paper .cy-blk h2{ font-size:26px!important; }
.kn-paper .cy-blk h3{ font-size:22px!important; }
.kn-paper .cy-card,.kn-paper .cy-card-principle,.kn-paper .cy-card-soft,.kn-paper .cy-dept-row,.kn-paper .cy-quote,.kn-paper .cy-card-dual-header,.kn-paper .cy-card-dual-body{ padding-left:24px!important; padding-right:24px!important; }
.kn-paper .cy-btn{ width:100%!important; margin-top:1.4em!important; }
}
.kn-paper.cy-services .cy-card-principle{ border-top: 6px solid #304854 !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; }
.kn-paper.cy-services .cy-dept-row{ max-width: 750px !important; margin: 0 auto 25px auto !important; }
.kn-paper.cy-services .cy-flex{ justify-content: center !important; }
.kn-paper.cy-services .cy-meta-text{display: none !important;}
.kn-paper.cy-services .cy-max-w-750{width: 100% !important; max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; display: block !important;}
.kn-paper.cy-services .cy-mt-4{margin-top: 2rem !important;}
.kn-paper.cy-services .cy-mt-5{margin-top: 3.5rem !important;}
.kn-paper.cy-services .cy-card-principle:hover{transform: translateY(-5px) !important; box-shadow: 0 10px 25px rgba(48, 72, 84, 0.12) !important;}
.kn-paper.cy-services .cy-card-principle h3{margin-bottom: 15px !important; font-size: 22px !important;}
.kn-paper.cy-services .cy-counter-wrap{counter-reset: cy-pain-counter;}
.kn-paper.cy-services .cy-card-dual-body::after{counter-increment: cy-pain-counter; content: "0" counter(cy-pain-counter); position: absolute !important; right: 15px !important; bottom: -15px !important; font-size: 90px !important; font-weight: 900 !important; color: rgba(48, 72, 84, 0.04) !important; z-index: -1 !important; line-height: 1 !important; font-family: Arial, sans-serif !important; pointer-events: none !important;}
.kn-paper.cy-services .cy-card-soft h3{margin-bottom: 15px !important; font-size: 22px !important;}
.kn-paper.cy-services .cy-alert-box{background: rgba(255, 190, 25, 0.1) !important; border-left: 6px solid #ffbe19 !important; padding: 30px 40px !important; border-radius: 12px !important; margin-bottom: 40px !important;}
.kn-paper.cy-services .cy-process-row,.kn-paper .cy-process-row{display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 15px !important; background: rgba(48, 72, 84, 0.03) !important; padding: 35px !important; border-radius: 12px !important;}
.kn-paper.cy-services .cy-process-item,.kn-paper .cy-process-item{background: #1d6a8c !important; color: #ffffff !important; padding: 12px 25px !important; border-radius: 50px !important; font-weight: 800 !important; font-size: 18px !important; text-align: center !important;}
.kn-paper.cy-services .cy-process-arrow,.kn-paper .cy-process-arrow{color: #ffbe19 !important; font-weight: 900 !important; font-size: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important;}
.kn-paper.cy-services .cy-checklist,.kn-paper .cy-checklist{list-style: none !important; padding: 0 !important; margin: 0 !important;}
.kn-paper.cy-services .cy-checklist li,.kn-paper .cy-checklist li{position: relative !important; padding-left: 35px !important; margin-bottom: 15px !important; font-weight: 800 !important; color: #304854 !important; font-size: 20px !important;}
.kn-paper.cy-services .cy-checklist li::before,.kn-paper .cy-checklist li::before{content: '✓' !important; position: absolute !important; left: 0 !important; top: -2px !important; color: #1d6a8c !important; font-weight: 900 !important; font-size: 22px !important;}
.kn-paper.cy-services .cy-timeline,.kn-paper .cy-timeline{list-style: none !important; padding: 0 !important; margin: 0 !important; position: relative !important;}
.kn-paper.cy-services .cy-timeline::before,.kn-paper .cy-timeline::before{content: '' !important; position: absolute !important; left: 17px !important; top: 10px !important; bottom: 10px !important; width: 3px !important; background: rgba(29, 106, 140, 0.2) !important;}
.kn-paper.cy-services .cy-timeline li,.kn-paper .cy-timeline li{position: relative !important; margin-bottom: 25px !important; padding-left: 55px !important; font-weight: 800 !important; color: #304854 !important; display: flex !important; align-items: center !important; min-height: 38px !important; font-size: 20px !important;}
.kn-paper.cy-services .cy-timeline li:last-child,.kn-paper .cy-timeline li:last-child{margin-bottom: 0 !important;}
.kn-paper.cy-services .cy-timeline-num,.kn-paper .cy-timeline-num{position: absolute !important; left: 0 !important; top: -2px !important; width: 38px !important; height: 38px !important; background: #1d6a8c !important; color: #ffffff !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; font-weight: 900 !important;}
.kn-paper.cy-services .cy-btn{background: #1d6a8c !important; color: #ffffff !important; border: none !important;}
.kn-paper.cy-services .cy-mt-4:has(> a.cy-btn){margin-top: -27px !important;}
.kn-paper.cy-services .cy-btn:hover{background: #304854 !important; border-color: #304854 !important;}
.kn-paper.cy-services .cy-btn-project-premium{display: inline-block !important; padding: 18px 45px !important; border-radius: 50px !important; background: rgba(29, 106, 140, 0.05) !important; color: #1d6a8c !important; border: 2px solid #1d6a8c !important; font-weight: 800 !important; text-decoration: none !important; font-size: 18px !important; transition: all 0.3s ease !important; cursor: pointer !important; letter-spacing: 1px !important;}
.kn-paper.cy-services .cy-btn-project-premium:hover{background: #304854 !important; border-color: #304854 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(48, 72, 84, 0.1) !important;}
@media (max-width: 991px){
.kn-paper.cy-services .cy-btn-project-premium{width: 100% !important; text-align: center !important; padding: 15px 20px !important; font-size: 18px !important;}
.kn-paper.cy-services .cy-max-w-750{max-width: 100% !important;}
}
@media (max-width: 767px){
.kn-paper.cy-services .cy-card-principle h3,.kn-paper.cy-services .cy-card-soft h3{font-size: 22px !important;}
.kn-paper.cy-services .cy-card-dual-body::after{font-size: 80px !important; bottom: -10px !important; right: 10px !important;}
.kn-paper.cy-services .cy-alert-box,.kn-paper .cy-alert-box{padding: 25px 20px !important;}
.kn-paper.cy-services .cy-checklist li,.kn-paper .cy-checklist li{padding-left: 30px !important; font-size: 18px !important;}
.kn-paper.cy-services .cy-timeline li,.kn-paper .cy-timeline li{padding-left: 45px !important; font-size: 18px !important;}
.kn-paper.cy-services .cy-timeline-num,.kn-paper .cy-timeline-num{width: 30px !important; height: 30px !important; font-size: 16px !important; top: 0 !important;}
.kn-paper.cy-services .cy-timeline::before,.kn-paper .cy-timeline::before{left: 13px !important;}
.kn-paper.cy-services .cy-process-row,.kn-paper .cy-process-row{flex-direction: column !important; align-items: stretch !important; gap: 10px !important; padding: 25px !important;}
.kn-paper.cy-services .cy-process-arrow,.kn-paper .cy-process-arrow{transform: rotate(90deg) !important; margin: 5px 0 !important;}
.kn-paper.cy-services .cy-btn{width: 100% !important; text-align: center !important; padding: 15px 20px !important; font-size: 18px !important; white-space: normal !important; line-height: 1.5 !important;}
}
@media (max-width:767px){
.kn-paper .cy-blk p,.kn-paper .cy-blk .cy-lead p,.kn-paper .cy-blk .cy-quote p{ text-align:left !important; }
.kn-paper .cy-blk h1{ font-size:34px !important; }
}
.kn-paper .cy-container{ max-width: 750px !important; }
.kn-paper .cy-card-soft h3{ font-size: 22px !important; }
.kn-paper .cy-meta-text{ display: none !important; }
.kn-paper .cy-flex{ align-items: stretch !important; }
.kn-paper .cy-kn-sec ul,.kn-paper .cy-kn-sec ol,.kn-paper .cy-quote ul,.kn-paper .cy-quote ol,.kn-paper .cy-alert-box ul,.kn-paper .cy-alert-box ol{ list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; }
.kn-paper .cy-kn-article{ padding: 4rem 0 !important; }
.kn-paper .cy-lead{ background: transparent !important; border: none !important; padding: 0 !important; border-radius: 0 !important; margin: 0 0 1.15em 0 !important; }
.kn-paper .cy-lead p{ font-size: 22px !important; line-height: 1.8 !important; font-weight: 400 !important; color: #304854 !important; margin: 0 0 1.15em 0 !important; text-align: justify !important; }
.kn-paper .cy-lead p:last-child{ margin-bottom: 0 !important; }
.kn-paper .cy-toc{ background: rgba(48,72,84,0.04) !important; border: 1px solid rgba(48,72,84,0.12) !important; border-radius: 12px !important; padding: 30px 38px !important; margin: 0 0 1.6em 0 !important; counter-reset: cy-toc-counter; }
.kn-paper .cy-toc-title{ font-size: 15px !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-weight: 800 !important; color: #1d6a8c !important; margin: 0 0 16px 0 !important; display: block !important; font-family: Arial, sans-serif !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.kn-paper .cy-toc ol,.kn-paper .cy-toc ul{ list-style: none !important; padding: 0 !important; margin: 0 !important; }
.kn-paper .cy-toc li{ margin: 0 !important; padding: 0 !important; }
.kn-paper .cy-toc a{ display: flex !important; align-items: baseline !important; gap: 14px !important; padding: 12px 0 !important; border-bottom: 1px solid rgba(48,72,84,0.08) !important; color: #304854 !important; text-decoration: none !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1.5 !important; transition: color 0.2s ease !important; }
.kn-paper .cy-toc li:last-child a{ border-bottom: none !important; }
.kn-paper .cy-toc a::before{ counter-increment: cy-toc-counter; content: counter(cy-toc-counter, decimal-leading-zero) !important; color: #ffbe19 !important; font-weight: 900 !important; font-size: 16px !important; font-family: Arial, sans-serif !important; flex: 0 0 auto !important; min-width: 26px !important; }
.kn-paper .cy-toc a:hover{ color: #1d6a8c !important; }
.kn-paper .cy-kn-sec{ padding-top: 24px !important; margin-top: 16px !important; scroll-margin-top: 90px !important; }
.kn-paper .cy-toc[id],.kn-paper h2[id],.kn-paper h3[id]{ scroll-margin-top: 90px !important; }
.kn-paper .cy-toc-back{ display: inline-block !important; margin-top: 6px !important; font-size: 15px !important; font-weight: 800 !important; color: #1d6a8c !important; text-decoration: none !important; letter-spacing: 0.5px !important; opacity: 0.65 !important; transition: opacity 0.2s ease !important; }
.kn-paper .cy-toc-back:hover{ opacity: 1 !important; }
.kn-paper .cy-kn-foot{ margin-top: 1.15em !important; padding-top: 0 !important; border-top: none !important; }
.kn-paper .cy-btn{ margin-top: 0.78em !important; margin-bottom: 0.8em !important; background: #1d6a8c !important; color: #fff !important; }
.kn-paper .cy-kn-foot-title{ font-size: 15px !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-weight: 800 !important; color: #1d6a8c !important; margin: 0 0 16px 0 !important; display: block !important; font-family: Arial, sans-serif !important; }
.kn-paper .cy-cat-label{ font-size: 14px !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-weight: 800 !important; color: #1d6a8c !important; display: block !important; margin-bottom: 6px !important; font-family: Arial, sans-serif !important; opacity: 0.8 !important; }
.kn-paper .cy-cat-main{ font-size: 22px !important; font-weight: 800 !important; color: #304854 !important; display: block !important; margin-bottom: 22px !important; letter-spacing: 1px !important; }
.kn-paper .cy-kw-wrap{ display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
.kn-paper .cy-kw{ display: inline-block !important; background: #fff !important; border: 1px solid rgba(29,106,140,0.25) !important; color: #1d6a8c !important; padding: 7px 16px !important; border-radius: 50px !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: 0.5px !important; line-height: 1.4 !important; }
.kn-paper .cy-related{ list-style: none !important; padding: 0 !important; margin: 0 !important; }
.kn-paper .cy-related li{ margin: 0 0 16px 0 !important; padding-left: 26px !important; position: relative !important; }
.kn-paper .cy-related li:last-child{ margin-bottom: 0 !important; }
.kn-paper .cy-related li::before{ content: '→' !important; position: absolute !important; left: 0 !important; top: 0 !important; color: #ffbe19 !important; font-weight: 900 !important; }
.kn-paper .cy-related a{ color: #1d6a8c !important; text-decoration: none !important; font-weight: 800 !important; font-size: 19px !important; line-height: 1.6 !important; border-bottom: 1px solid rgba(29,106,140,0.3) !important; transition: color 0.2s ease, border-color 0.2s ease !important; }
.kn-paper .cy-related a:hover{ color: #304854 !important; border-color: #304854 !important; }
.kn-paper .cy-byline{ font-size: 16px !important; color: rgba(48,72,84,0.6) !important; font-weight: 700 !important; letter-spacing: 0.5px !important; margin: 0 0 6px 0 !important; }
.kn-paper .cy-archive-wrapper{ background: #FDFCF8 !important; border: 1px solid rgba(48,72,84,0.12) !important; border-left: 5px solid #1d6a8c !important; border-radius: 8px !important; margin: 2.5rem 0 !important; padding: 0 !important; overflow: hidden !important; }
.kn-paper .cy-archive-trigger{ padding: 24px 30px !important; cursor: pointer !important; background: #FDFCF8 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; user-select: none !important; }
.kn-paper .cy-archive-trigger h3{ font-size: 22px !important; font-weight: 800 !important; color: #304854 !important; margin: 0 !important; }
.kn-paper .cy-archive-icon{ font-size: 16px !important; color: #1d6a8c !important; font-weight: 800 !important; transition: transform 0.3s ease !important; }
.kn-paper .cy-archive-wrapper[open] .cy-archive-icon{ transform: rotate(180deg) !important; }
.kn-paper .cy-archive-content{ padding: 0 30px 30px 30px !important; border-top: 1px dashed rgba(48,72,84,0.1) !important; background: #ffffff !important; }
.kn-paper .cy-index-grid{ display: flex !important; flex-wrap: wrap !important; gap: 25px !important; margin-top: 25px !important; }
.kn-paper .cy-index-box{ flex: 1 1 calc(50% - 13px) !important; min-width: 280px !important; }
.kn-paper .cy-index-box h4{ font-size: 18px !important; font-weight: 800 !important; color: #1d6a8c !important; margin: 0 0 12px 0 !important; border-bottom: 2px solid rgba(29,106,140,0.1) !important; padding-bottom: 6px !important; }
.kn-paper .cy-index-list{ list-style: none !important; padding: 0 !important; margin: 0 !important; }
.kn-paper .cy-index-list li{ font-size: 16px !important; margin-bottom: 8px !important; color: #304854 !important; line-height: 1.5 !important; }
.kn-paper .cy-index-list a{ color: #304854 !important; text-decoration: none !important; font-weight: 700 !important; transition: color 0.2s ease !important; }
.kn-paper .cy-index-list a:hover{ color: #ffbe19 !important; text-decoration: underline !important; }
.kn-paper .cy-tag{ display: inline-block !important; padding: 2px 8px !important; background: rgba(48,72,84,0.05) !important; color: #304854 !important; border-radius: 4px !important; font-size: 13px !important; font-weight: 800 !important; margin-right: 6px !important; }
.kn-paper .cy-author-sign{ text-align: right !important; font-size: 16px !important; color: rgba(48,72,84,0.6) !important; margin: 4rem 0 2rem 0 !important; font-weight: 800 !important; border-top: 1px solid rgba(48,72,84,0.1) !important; padding-top: 20px !important; }
@media (max-width: 991px){
.kn-paper .cy-index-box{ flex: 1 1 100% !important; }
}
@media (max-width: 767px){
.kn-paper .cy-archive-trigger{ padding: 20px 20px !important; }
.kn-paper .cy-archive-content{ padding: 0 20px 20px 20px !important; }
}
@media (max-width: 767px){
.kn-paper .cy-kn-article{ padding: 2.5rem 0 !important; }
.kn-paper .cy-lead{ padding: 0 !important; }
.kn-paper .cy-lead p{ font-size: 18px !important; line-height: 1.7 !important; }
.kn-paper .cy-toc{ padding: 24px 22px !important; }
.kn-paper .cy-toc a{ font-size: 17px !important; padding: 11px 0 !important; }
.kn-paper .cy-kn-sec{ padding-top: 24px !important; margin-top: 14px !important; }
.kn-paper .cy-cat-main{ font-size: 19px !important; }
.kn-paper .cy-related a{ font-size: 17px !important; }
}
.kn-paper .cy-card-principle{ border-top: 6px solid #304854 !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; }
.kn-paper .cy-card-principle:hover{ transform: translateY(-5px) !important; box-shadow: 0 10px 25px rgba(48,72,84,0.12) !important; }
.kn-paper .cy-card-principle h3{ margin-bottom: 15px !important; font-size: 22px !important; }
.kn-paper .cy-counter-wrap{ counter-reset: cy-pain-counter; }
.kn-paper .cy-card-dual-body::after{ counter-increment: cy-pain-counter; content: "0" counter(cy-pain-counter); position: absolute !important; right: 15px !important; bottom: -15px !important; font-size: 90px !important; font-weight: 900 !important; color: rgba(48,72,84,0.04) !important; z-index: -1 !important; line-height: 1 !important; font-family: Arial, sans-serif !important; pointer-events: none !important; }
.kn-paper .cy-alert-box{ background: rgba(255,190,25,0.1) !important; border-left: 6px solid #ffbe19 !important; padding: 30px 40px !important; border-radius: 12px !important; margin-top: 32px !important; margin-bottom: 40px !important; }
.kn-paper .cy-quote:has(ol),.kn-paper .cy-quote:has(ul){ border-radius: 12px !important; }
.kn-paper .cy-quote li{ position: relative !important; padding-left: 55px !important; margin-bottom: 20px !important; min-height: 38px !important; }
.kn-paper .cy-quote li:last-child{ margin-bottom: 0 !important; }
@media (max-width: 767px){
.kn-paper .cy-quote li{ padding-left: 45px !important; }
}
.kn-paper .col-md-9 > .s-event-content:first-of-type{margin-top:24px !important;}
.kn-paper .cy-faq-block h2{font-size:28px !important;}
.kn-paper .cy-faq-block p{font-size:17px !important;line-height:1.75 !important;}
.kn-paper.cy-services .sidebar-widget ul.list-unstyled li,.kn-paper .sidebar-widget ul.list-unstyled li,.kn-paper.cy-services .sidebar-widget ul.list-unstyled li a,.kn-paper .sidebar-widget ul.list-unstyled li a{text-indent:24px !important;}
.kn-paper .cy-blk .cy-kn-sign,.kn-paper .cy-blk .cy-byline{font-size:16px !important;color:#647882 !important;margin-top:-14px !important;padding-top:0 !important;border-top:none !important;display:block !important;font-weight:400 !important;}
.kn-paper .cy-kn-foot > .cy-kn-foot-title{border-bottom:2px solid #f5b926 !important;padding-bottom:0px !important;display:inline-block !important;line-height:25px !important;}
.kn-paper .cy-tag-box .cy-cat-label{margin-bottom:-4px !important;}
.kn-paper .cy-tag-box .cy-cat-main{margin-bottom:4px !important;}
.kn-paper .cy-faq-block details.cy-faq-item{border-bottom:1px solid #e3e8ea;}
.kn-paper .cy-faq-block summary{font-size:19px !important;font-weight:700 !important;color:#304854 !important;line-height:1.5 !important;cursor:pointer;list-style:none;padding:16px 28px 16px 0;position:relative;}
.kn-paper .cy-faq-block summary::-webkit-details-marker{display:none;}
.kn-paper .cy-faq-block summary::after{content:'＋';position:absolute;right:2px;top:14px;font-weight:400;color:#9aabb0;}
.kn-paper .cy-faq-block details[open] summary::after{content:'－';}
.kn-paper .cy-faq-block .cy-faq-ans{padding:0 0 18px;}
.kn-paper .cy-faq-block .cy-faq-ans p{margin:0;}
.kn-paper .cy-faq-block details:not([open]) > .cy-faq-ans{display:none !important;}
.kn-paper .cy-toc .cy-toc-title{margin-bottom:0px !important;}
.kn-paper .cy-faq-block{margin-top:28px !important;padding-top:16px !important;}
.kn-paper .cy-kn-foot .cy-tag-box{margin-bottom:0.8em !important;}
@media (max-width:767px){
.kn-paper .cy-card-soft,.kn-paper .cy-quote,.kn-paper .cy-card,.kn-paper .cy-dept-row{padding-left:22px !important;padding-right:22px !important;}
.kn-paper .cy-toc{padding-left:20px !important;padding-right:20px !important;}
.kn-paper .cy-alert-box{padding-left:18px !important;padding-right:18px !important;}
.kn-paper .cy-tag-box{padding-left:20px !important;padding-right:20px !important;}
.kn-paper .cy-process-row{padding-left:20px !important;padding-right:20px !important;}
}
.kn-paper.cy-services .cy-sec-intro{ margin-bottom: 1.25em !important; }
.kn-paper.cy-services .cy-sec-close{ margin-top: 1.25em !important; }
.kn-paper.cy-services .cy-sec-open h2{ font-size: 28px !important; }
.kn-paper.cy-services .cy-sec-open{ padding-top: 16px !important; }
.kn-paper .nav18,.kn-paper .nav5{display:none!important;}
.kn-paper .cy-kn-hero{padding-top:14px !important}
@media (max-width:767px){
.kn-paper .cy-kn-hero{padding-top:10px !important}
}
.kn-paper #NavTop #NavCon ul li{
        display:none;
    }
@media (min-width:768px){
.kn-paper #NavTop{
        bottom: 250px;
    }
.kn-paper #NavTop #NavCon ul li.right-pc{
            display: block;
        }
}
@media (max-width:767px){
.kn-paper #NavTop{
        bottom: 250px;
    }
.kn-paper #NavTop #NavCon ul li.right-mobile{
            display: block;
        }
}
.kn-paper #NavTop{
        z-index: 101;
        width: 140px;
        position: fixed;
        right: -20px;
    }
.kn-paper #NavTop #NavCon{
            width: 140px;
            position: relative;
        }
.kn-paper #NavTop #NavCon img.banner{
                position: absolute;
                left: 25px;
                top: -40px;
            }
.kn-paper #NavTop #NavCon ul{
                margin-top: 40px;
                cursor: pointer;
            }
.kn-paper #NavTop #NavCon ul li{
                    margin-top: 10px;
                    list-style-type: none;
                    width: 52px;
                    height: 52px;
                    line-height: 53px;
                }
.kn-paper #NavTop #NavCon ul li a{
                        font-weight: bold;
                        text-decoration: none;
                        color: #fff;
                        display: block;
                        text-align: center;
                        font-family: "微软雅黑";
                    }
.kn-paper #NavTop #NavCon ul li a:hover{
                            opacity: 0.7;
                        }
.kn-paper #NavTop #NavCon img.bottom{
                margin-top: 15px;
            }
.kn-paper #NavTop #NavCon img{
        width: 50px;
    }
.kn-paper #NavTop #NavCon li.link-icon-close.right-mobile img{
        width: 25px;
        vertical-align: super;
        margin-left: 14px;
    }
.kn-paper #google_translate_element span{
                                line-height: 0;
                                padding: 0px;
                            }

/* === codex 附加規則 === */
.kn-paper {
  color: #304854;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  font-size: 17px;
  line-height: 1.9;
}
.kn-paper .segment-preview p { margin: 0 0 1.15em; }
.kn-paper .segment-preview p:last-child { margin-bottom: 0; }
.kn-paper .segment-preview h2 {
  margin: 0 0 .65em;
  color: #304854;
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 800;
  line-height: 1.45;
}
.kn-paper .segment-preview h3 {
  margin: 1.35em 0 .55em;
  color: #304854;
  font-size: 22px;
  line-height: 1.5;
}
.kn-paper .segment-preview ol,
.kn-paper .segment-preview ul {
  margin: .4em 0 1em;
  padding-left: 1.6em;
}
.kn-paper .cy-lead {
  color: #3f555f;
  font-size: 19px;
  line-height: 1.9;
}
.kn-paper .cy-toc {
  padding: 20px 24px;
  border-left: 4px solid #1d6a8c;
  border-radius: 2px;
  background: #f4f8f9;
}
.kn-paper .cy-toc li + li { margin-top: 7px; }
@media (max-width: 839px) {
  .kn-paper { font-size: 16px; line-height: 1.8; }
  .kn-paper .cy-lead { font-size: 16px; }
  .kn-paper .segment-preview h2 { font-size: 20px; }
  .kn-paper .cy-toc { padding: 14px 16px; }
}