:root{--pt-bg:#eceff5;--pt-surface:#ffffff;--pt-text:#242836;--pt-muted:#6d7488;--pt-soft:#8b91a4;--pt-accent:#4a5da8;--pt-accent-dark:#33437f;--pt-tint:#eef1fa;--pt-border:#e2e6f0;--pt-line:#f0f2f7;--pt-radius:10px;--pt-shadow:0 1px 2px rgba(24,30,60,.05),0 10px 30px rgba(24,30,60,.07)}
html{-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body,body#page{margin:0;padding:0;background:var(--pt-bg);color:var(--pt-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6}
img{max-width:100%;height:auto;border:0}
a{color:var(--pt-accent);text-decoration:none;transition:color .15s}
a:hover{color:var(--pt-accent-dark);text-decoration:underline}
h1,h2,h3,h4,h5{font-family:Georgia,"Times New Roman",serif;color:#1b1f2d;line-height:1.28;margin:0 0 .6em;font-weight:600}
h1{font-size:30px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:17px}
p{margin:0 0 1em}
hr{border:0;border-top:1px solid var(--pt-border);margin:22px 0}
body .wrapper{width:auto;max-width:1220px;margin:0 auto;padding:0 20px}
.clr,.clear,.clrfix{clear:both}
.clr,.clear{height:0;overflow:hidden;font-size:0;line-height:0}
#ytm{display:none}
#page-header,#page-top,#page-body,#page-bottom{width:auto;float:none}
#page-header{background:var(--pt-surface);border-bottom:1px solid var(--pt-border);box-shadow:0 1px 3px rgba(24,30,60,.06)}
#header{display:flex;flex-direction:column}
#toolbar{order:1;border-bottom:1px solid var(--pt-line);padding:7px 0;font-size:13px;color:var(--pt-muted)}
#toolbar .right{display:flex;align-items:center;justify-content:flex-end;gap:8px 20px;flex-wrap:wrap;float:none}
#toolbar .module{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#toolbar img{height:22px;width:auto;display:block}
#toolbar a{color:var(--pt-muted);font-weight:500}
#toolbar a:hover{color:var(--pt-accent);text-decoration:none}
#toolbar span{display:inline-flex;align-items:center;gap:8px}
#toolbar br{display:none}
#logo{order:2;padding:16px 0 12px}
#logo br{display:none}
#logo img{max-height:74px;width:auto;display:block}
#menu{order:3;display:flex;align-items:center;gap:14px;border-top:1px solid var(--pt-line);position:relative}
#menu ul.menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;flex:1 1 auto}
#menu ul.menu>li{position:relative;margin:0;padding:0;list-style:none}
#menu ul.menu>li>a{display:block;padding:12px 16px;color:#2b3142;font-weight:600;font-size:15px;line-height:1.25;border-bottom:3px solid transparent;text-decoration:none}
#menu ul.menu>li>a:hover{color:var(--pt-accent);background:var(--pt-tint);text-decoration:none}
#menu ul.menu>li.active>a,#menu ul.menu>li.current>a{color:var(--pt-accent-dark);border-bottom-color:var(--pt-accent)}
#menu .title{display:block}
#menu .subtitle{display:block;font-size:10px;font-weight:500;color:var(--pt-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}
body #menu .dropdown{display:none;position:absolute;left:0;top:100%;z-index:200;width:auto;min-width:240px}
body #menu .columns2,body #menu .columns3,body #menu .columns4{width:auto}
#menu ul.menu>li:hover>.dropdown{display:block}
#menu .dropdown-t1,#menu .dropdown-t2,#menu .dropdown-t3,#menu .dropdown-b1,#menu .dropdown-b2,#menu .dropdown-b3{display:none}
#menu .dropdown-1{background:var(--pt-surface);border:1px solid var(--pt-border);border-top:2px solid var(--pt-accent);border-radius:0 0 10px 10px;box-shadow:var(--pt-shadow);overflow:hidden}
#menu .dropdown ul{list-style:none;margin:0;padding:6px 0;display:block;width:auto}
#menu .dropdown li{list-style:none;margin:0;float:none;width:auto}
#menu .dropdown a{display:block;padding:9px 18px;font-size:14px;font-weight:500;color:#333a4d;text-decoration:none}
#menu .dropdown a:hover{background:var(--pt-tint);color:var(--pt-accent-dark);text-decoration:none}
#menu .dropdown .subtitle{font-size:10px}
#search{order:1;margin-left:auto;flex:0 0 auto}
#searchbox form{display:flex;align-items:center;margin:0}
#searchbox input[type=text],#searchbox input[type=search],#searchbox .inputbox{width:190px;max-width:100%;padding:7px 14px;border:1px solid var(--pt-border);border-radius:20px;background:#f6f7fb;font-size:14px;color:var(--pt-text)}
#searchbox input:focus{outline:0;border-color:var(--pt-accent);background:#fff;box-shadow:0 0 0 3px rgba(74,93,168,.14)}
#searchbox button.reset{display:none}
#top,#bottom{max-width:1220px;margin:0 auto;padding:18px 10px 0;display:flex;flex-wrap:wrap;align-items:flex-start}
#top>div,#bottom>div{float:none;padding:0 10px 18px}
#top>.width100,#bottom>.width100{flex:0 0 100%;max-width:100%}
#top>.width50,#bottom>.width50{flex:0 0 50%;max-width:50%}
#top>.width33,#bottom>.width33{flex:0 0 33.3333%;max-width:33.3333%}
#top>.width25,#bottom>.width25{flex:0 0 25%;max-width:25%}
#top .module,#bottom .module{margin:0;border:0;background:none;padding:0}
#top .module:has(h3.header),#bottom .module:has(h3.header){background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--pt-radius);box-shadow:var(--pt-shadow);padding:16px 20px 14px}
#top .box-1,#top .box-2,#top .box-3,#bottom .box-1,#bottom .box-2,#bottom .box-3{background:none;border:0;padding:0;margin:0}
#top h3.header,#bottom h3.header{font-family:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pt-muted);margin:0 0 10px;padding:0 0 9px;border-bottom:1px solid var(--pt-line)}
#top ul,#bottom ul{list-style:none;margin:0;padding:0}
#top ul li,#bottom ul li{list-style:none;margin:0 !important;padding:7px 0;border-bottom:1px solid var(--pt-line);font-size:14px;line-height:1.5;background:none}
#top ul li:last-child,#bottom ul li:last-child{border-bottom:0}
.jcl_comment{color:#333a4d}
.jcl_readmore{color:var(--pt-accent);font-weight:600;font-size:13px;white-space:nowrap}
ul.blog-latest li a{color:#333a4d}
ul.blog-latest li a:hover{color:var(--pt-accent);text-decoration:none}
#page-body{padding:24px 0 10px}
.middle-wrapper{display:block}
#middle,#main,#mainmiddle,#content{width:auto;float:none;margin:0;padding:0}
#middle-expand{display:flex;align-items:flex-start;gap:26px}
#main{flex:1 1 auto;min-width:0}
body #main-shift{margin-right:0}
#main-shift,#mainmiddle-expand,#content-shift{width:auto;float:none;margin:0;padding:0}
body #left.vertical,body #right.vertical{flex:0 0 288px;width:288px;max-width:288px;float:none;margin:0;padding:0}
body #left.vertical{order:-1}
#component{background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--pt-radius);box-shadow:var(--pt-shadow);padding:24px 28px 30px}
#component.floatbox{overflow:visible}
.breadcrumbs{font-size:13px;color:var(--pt-soft);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--pt-line)}
.breadcrumbs a{color:var(--pt-muted)}
.breadcrumbs a:hover{color:var(--pt-accent);text-decoration:none}
.componentheading,.contentheading,#community-wrap .componentheading{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:600;color:#1b1f2d;margin:0 0 18px;padding:0;background:none;border:0}
.cSubmenu{margin:0 0 24px;border-bottom:1px solid var(--pt-border)}
.cSubmenu ul.submenu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px}
.cSubmenu ul.submenu li{margin:0;padding:0;list-style:none;float:none}
.cSubmenu ul.submenu a{display:block;padding:9px 16px;font-size:14px;font-weight:600;color:var(--pt-muted);border-bottom:2px solid transparent;text-decoration:none}
.cSubmenu ul.submenu a:hover{color:var(--pt-accent);text-decoration:none}
.cSubmenu ul.submenu a.active{color:var(--pt-accent-dark);border-bottom-color:var(--pt-accent)}
.albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:22px;margin:0;padding:0;list-style:none}
.albums>.album{margin:0;padding:0;float:none;width:auto;display:flex}
.albums .album .album{display:flex;flex-direction:column;width:100%;background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}
.albums .album .album:hover{border-color:#cfd6e8;box-shadow:var(--pt-shadow);transform:translateY(-2px)}
.album-cover{margin:0;padding:0;background:#e8ebf3}
.album-cover-link{display:block;width:100%;aspect-ratio:4/3;overflow:hidden}
.album-cover-link img,.album-cover img.avatar{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0;transition:transform .3s}
.albums .album .album:hover .album-cover-link img{transform:scale(1.04)}
.album-summary{padding:12px 14px 10px;display:flex;flex-direction:column;gap:3px;flex:1 1 auto}
.album-name{font-size:15px;font-weight:600;line-height:1.35}
.album-name a{color:#1b1f2d}
.album-name a:hover{color:var(--pt-accent);text-decoration:none}
.album-count{font-size:13px;color:var(--pt-muted)}
.album-lastupdated,.album-actions{font-size:12px;color:var(--pt-soft)}
.album-lastupdated em{font-style:normal}
.album-actions{padding:0 14px 12px}
.pagination-container{margin-top:28px;padding-top:18px;border-top:1px solid var(--pt-line);text-align:center}
.pagination-container ul{list-style:none;margin:0;padding:0;display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pagination-container li{list-style:none;margin:0}
.pagination-container a,.pagination-container span{display:inline-block;padding:6px 12px;border:1px solid var(--pt-border);border-radius:7px;font-size:14px;background:#fff;color:var(--pt-muted);text-decoration:none}
.pagination-container a:hover{border-color:var(--pt-accent);color:var(--pt-accent);text-decoration:none}
.pagination-container span.pagenav-active,.pagination-container .active span{background:var(--pt-accent);border-color:var(--pt-accent);color:#fff}
#right .module,#left .module{background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--pt-radius);box-shadow:var(--pt-shadow);padding:16px 18px;margin:0 0 18px}
#right .module:not(:has(h3)):not(:has(ul)):not(:has(a)):not(:has(p)):not(:has(img)):not(:has(form)),#left .module:not(:has(h3)):not(:has(ul)):not(:has(a)):not(:has(p)):not(:has(img)):not(:has(form)){display:none}
#right .box-1,#right .box-2,#right .box-3,#left .box-1,#left .box-2,#left .box-3{background:none;border:0;padding:0;margin:0}
#right h3.header,#left h3.header{font-family:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pt-muted);margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--pt-line)}
#right ul,#left ul{list-style:none;margin:0;padding:0}
#right ul li,#left ul li{list-style:none;margin:0;border-bottom:1px solid var(--pt-line)}
#right ul li:last-child,#left ul li:last-child{border-bottom:0}
#right ul li a,#left ul li a{display:block;padding:8px 0;font-size:14px;color:#333a4d;text-decoration:none}
#right ul li a:hover,#left ul li a:hover{color:var(--pt-accent);text-decoration:none}
#right ul.menu-accordion li.active>a,#right ul.menu-accordion li.current>a{color:var(--pt-accent-dark);font-weight:700}
#right .blog-tags,#right .blog-tags a{border:0}
#right .blog-tags a{display:inline-block;padding:4px 11px;margin:0 6px 7px 0;background:var(--pt-tint);border-radius:20px;font-size:12px;color:var(--pt-accent-dark)}
#right .blog-tags a:hover{background:var(--pt-accent);color:#fff;text-decoration:none}
#myBlog-wrap{margin:0}
#myBlog-head{margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid var(--pt-border)}
#myBlog-head h3{font-size:28px;margin:0 0 4px}
#myBlog-head .desc{color:var(--pt-soft);font-size:14px;margin:0 0 14px}
ul#myBlog-toolbar{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
ul#myBlog-toolbar li{list-style:none;margin:0;float:none;background:none}
ul#myBlog-toolbar li a{display:block;padding:7px 14px;background:#f5f6fa;border:1px solid var(--pt-border);border-radius:20px;font-size:13px;font-weight:600;color:var(--pt-muted);text-decoration:none}
ul#myBlog-toolbar li a:hover{background:var(--pt-accent);border-color:var(--pt-accent);color:#fff;text-decoration:none}
.blogsContainer{display:block}
.entryContent,.entryContent.entry{margin:0 0 30px;padding:0 0 26px;border-bottom:1px solid var(--pt-line)}
.blogsContainer .entryContent:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.entryTitle{margin:0 0 12px}
.entryTitle small{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pt-soft);margin:0 0 6px}
.entryTitle a{display:block;font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:600;line-height:1.3;color:#1b1f2d}
.entryTitle a:hover{color:var(--pt-accent);text-decoration:none}
.entry-body{font-size:16px;line-height:1.72;color:#333a4d}
.entry-body p{margin:0 0 1em}
.entry-body img{max-width:100%;height:auto;border-radius:8px;margin:0 16px 12px 0}
.entry-body ul,.entry-body ol{padding-left:22px;margin:0 0 1em}
.entry-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--pt-line);font-size:13px;color:var(--pt-soft);display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.entry-footer em{font-style:normal}
.entry-footer a{color:var(--pt-muted);font-weight:600}
.entry-footer a:hover{color:var(--pt-accent);text-decoration:none}
.entry-footer ul.buttons{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.entry-footer ul.buttons li{list-style:none;margin:0}
.entry-footer ul.buttons li a{display:inline-block;padding:5px 12px;border:1px solid var(--pt-border);border-radius:6px;font-size:12px;background:#fff}
#component ul,#component ol{padding-left:22px}
#component table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
#component table th,#component table td{border:1px solid var(--pt-border);padding:9px 12px;text-align:left}
#component table th{background:#f5f6fa;font-weight:700}
#component blockquote{margin:0 0 18px;padding:10px 18px;border-left:3px solid var(--pt-accent);background:#f7f8fc;color:var(--pt-muted)}
.article-info,.iteminfo,.createdate,.modifydate{font-size:12px;color:var(--pt-soft);margin:0 0 12px}
a.readon,a.readmore,p.readmore a{display:inline-block;padding:8px 16px;background:var(--pt-accent);border-radius:7px;color:#fff;font-size:13px;font-weight:600}
a.readon:hover,a.readmore:hover,p.readmore a:hover{background:var(--pt-accent-dark);color:#fff;text-decoration:none}
input[type=text],input[type=email],input[type=password],input[type=search],textarea,select,.inputbox{font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--pt-border);border-radius:7px;background:#fff;color:var(--pt-text);max-width:100%}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus,.inputbox:focus{outline:0;border-color:var(--pt-accent);box-shadow:0 0 0 3px rgba(74,93,168,.14)}
button,input[type=submit],input[type=button],.button{font-family:inherit;font-size:14px;font-weight:600;padding:9px 18px;border:1px solid var(--pt-accent);border-radius:7px;background:var(--pt-accent);color:#fff;cursor:pointer}
button:hover,input[type=submit]:hover,input[type=button]:hover,.button:hover{background:var(--pt-accent-dark);border-color:var(--pt-accent-dark);color:#fff;text-decoration:none}
#footer{max-width:1220px;margin:22px auto 0;padding:22px 20px 40px;text-align:center;font-size:13px;color:var(--pt-soft);border-top:1px solid var(--pt-border)}
#footer a{color:var(--pt-muted)}
#footer .bannergroup{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}
#footer .banneritem{margin:0}
#footer .banneritem img{max-height:56px;width:auto}
@media (max-width:1024px){#middle-expand{gap:20px}body #left.vertical,body #right.vertical{flex-basis:250px;width:250px;max-width:250px}#component{padding:20px 22px 26px}}
@media (max-width:860px){#middle-expand{display:block}body #left.vertical,body #right.vertical{width:auto;max-width:none;margin:22px 0 0}#right .module,#left .module{margin-bottom:16px}#menu{flex-wrap:wrap}#menu ul.menu>li>a{padding:11px 12px;font-size:14px}#search{order:4;width:100%;margin:0 0 10px;padding:0}#searchbox input[type=text],#searchbox input[type=search],#searchbox .inputbox{width:100%}#top>.width50,#bottom>.width50,#top>.width33,#bottom>.width33,#top>.width25,#bottom>.width25{flex:0 0 100%;max-width:100%}}
@media (max-width:640px){body .wrapper{padding:0 14px}#page-body{padding:16px 0 6px}#component{padding:16px 15px 22px;border-radius:8px}#logo{padding:12px 0 8px}#logo img{max-height:54px}#toolbar{font-size:12px}#toolbar .right{justify-content:center;gap:6px 14px}#menu{gap:0;justify-content:center}#menu ul.menu{width:100%;justify-content:center}#menu ul.menu>li{flex:0 0 auto}#menu ul.menu>li>a{padding:10px 11px;font-size:13px;text-align:center;border-bottom-width:2px}#menu .subtitle{display:none}body #menu .dropdown{display:none !important}.componentheading,.contentheading,#myBlog-head h3{font-size:22px}.entryTitle a{font-size:20px}.entry-body{font-size:15px}.entry-body img{float:none !important;margin:0 0 12px}.albums{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.album-summary{padding:10px 11px 8px}.album-name{font-size:14px}#top,#bottom{padding:12px 4px 0}#top>div,#bottom>div{padding:0 10px 12px}#footer{padding:18px 14px 30px}h1{font-size:24px}h2{font-size:20px}}
@media (max-width:420px){.albums{grid-template-columns:repeat(2,1fr);gap:12px}#menu ul.menu>li>a{padding:9px 6px;font-size:12px}ul#myBlog-toolbar li a{padding:6px 11px;font-size:12px}}