html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, footer, header, nav, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
p {text-align: justify;text-justify: inter-word;line-height: 1.5rem;}
footer, header, menu, nav, section {display: block;}
ol, ul {list-style: none;}
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {background-color:#eee;font-family: Arial, sans-serif;}
body.is-preload *, body.is-preload *:before, body.is-preload *:after {animation: none !important;transition: none !important;}
a {color: inherit;text-decoration: none;outline: 0;}
.rct {margin: 0 auto;max-width: 100%;width: min(100%,1200px);}
header {display:flex; align-items:center;gap:3%;margin:0 auto; max-width: 100%;width: min(100%,1200px);margin-bottom: 1em;background: transparent;box-shadow: 0 1px #ddd;transition: transform 0.5s ease;position: relative;}
header img{width: 55px; height: 55px; object-fit: contain; border-radius: 4px;}
header span {font-size: 1em;color: #333;}
@media screen and (max-width: 736px) {#hd .header-top-info {flex-wrap: wrap;justify-content: center;}}
#nav {position: absolute;right: 0;top: 0;font-size: 0.9em;}
#nav ul {list-style: none;padding-left: 0;}
#nav > ul > li {float: left;line-height: 4.5em;position: relative;}
#nav ul li::after {content: "";position: absolute;left: 0;right: 0;height: 16px;bottom: -16px;background: transparent;}
#nav > ul > li > a{transition: background-color .25s ease-in-out;letter-spacing: 0.025em;color: #666;text-decoration: none;border-radius: 6px;padding: 0.5em 1em 0.5em 1em;}
#nav ul li > ul {display: none;position: absolute;z-index: 999;top: 100%;left: 0;margin-top: 0;}
#nav > ul > li:hover > a{background: #fff;}
#nav > ul > li.current > a {background: linear-gradient(90deg, #ffe8cc, #ffd0a0);color: #000;}
#nav ul li:hover > ul {display: block;}
.drop {background: #fff;letter-spacing: 0.025em;color: #696969;text-decoration: none;border-radius: 6px;padding: 0.3em 0;min-width: 15em;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0.25em 0.25em 0.1em rgba(0, 0, 0, 0.025);margin-left: -1px;list-style: none;position: relative;}
.drop:before {content: '';position: absolute;top: -0.5em;left: 1em;border-bottom: solid 0.6em #ddd;border-left: solid 0.6em transparent;border-right: solid 0.6em transparent;z-index: 1;color: #000;}
.drop li {width: 100%;display: block;border-top: solid 1px #eee;padding: 0;background: transparent;border-radius: 0;}
.drop li:first-child {border-top: 0;}
.drop li > a{transition: color .25s ease-in-out, background-color .25s ease-in-out;text-decoration: none;color: inherit;display: block;width: 100%;padding: 0.8em 1.5em;line-height: 1.4em;}
.drop li > a:hover{background: #eee;}
#pan, #burg {display: none;}
@media screen and (max-width: 980px) {
html, body {overflow-x: hidden;}
#nav {display: none;}
#hdbz {text-align: center;}
#burg {backface-visibility: hidden;transition: transform 0.5s ease;display: block;height: 44px;left: 0;position: fixed;top: 0;width: 100%;z-index: 10001;}
#burg .bg {text-decoration: none;width: 70px;height: 50px;opacity: 0.45;transition: opacity 0.2s;display:block;position:relative;}
#burg .bg:hover {opacity: 0.9;}
#burg .bg:before {content: '≡';font-family: Arial, sans-serif;font-weight: 900;color: #fff;text-align: center;line-height: 38px;font-size: 40px;position: absolute;left: 6px;top: 6px;background: rgba(0, 0, 0, 0.6);width: 58px;height: 38px;border-radius: 8px;}
#burg .bg:active {opacity: 0.75;}
#pan {backface-visibility: hidden;transform: translateX(-275px);transition: transform 0.5s ease;display: block;height: 100%;left: 0;overflow-y: auto;position: fixed;top: 0;width: 275px;z-index: 10002;background: #fff;box-shadow: inset -3px 0px 0px 0px #eee;padding: 20px 23px 0 20px;}
#pan .link {display: block;text-decoration: none;height: 54px;line-height: 54px;border-top: solid 1px #f3f3f3;color: #555;transition: all 0.2s;padding-left: 6px;border-radius: 6px;margin: 2px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#pan .link:hover {background: #eee;}
#pan .link:first-child {border-top: 0;}
#pan .indent-1 { display: inline-block; width: 24px; min-width:24px; }
#pan .depth-0 {color: #222;font-weight: 800;font-size: 16px;margin-top: 8px;}
body.pan-visible #page-wrapper {transform: translateX(275px);}
body.pan-visible #burg {transform: translateX(275px);}
body.pan-visible #pan {transform: translateX(0);}
body.pan-visible #header-wrapper {transform: translateX(275px);}
}
.fbox{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.fbox h3{font-size:16px;margin-bottom:12px}
.fbox a{display:block;margin:6px 0;font-size:14px;}
.fbox p{font-size:14px;line-height:1.6;}
footer > p{padding-top:20px; margin-top:20px; border-top: 1px solid #aaa; font-size: 13px; color:#666; display: inline-block;}
footer{margin: 0 auto;max-width: 100%;width: min(100%,1200px);margin-top:40px; padding:30px 15px;}
@media(max-width:768px){.fbox{grid-template-columns:repeat(2,1fr);gap:25px}}
@media(max-width:400px){.fbox{grid-template-columns:1fr}}
.cbox {display: flex;align-items: flex-start;}
.cbl {width: 300px;flex-shrink: 0;padding: 18px 14px;box-sizing: border-box;position: sticky;top: 20px;align-self: flex-start;}
.cbl h3 {font-size: 22px;font-weight: 700;text-align: center;letter-spacing: 1px;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 3px double #222;}
.cbl ul {list-style: none;padding: 0;margin: 0 0 30px 0;}
.cbl li a{padding: 14px 6px;border-bottom: 1px dotted;font-size: 15px;cursor: pointer;transition: 0.15s ease;width:100%; height:100%; display:block;}
.cbl li.active {border-left: 4px solid;padding-left: 10px;}
.cbl div {padding: 10px 4px;line-height: 1.9;font-size: 14px;border-top: 1px solid #000;margin-top: 10px;}
.cbl p {margin: 6px 0;word-wrap: break-word;word-break: break-all;}
.cblnext {width: 1fr;}
@media (max-width: 980px) {.cbox {flex-direction: column;}.cbl {display: none;}}
section h1{	font-size: 22px;
	font-weight: 600;
	color: #111;
	line-height: 1.4;
	margin-bottom: 12px;}
section h2{font-size:18px;font-weight:600;color:#0f4080; margin: 26px 0 12px;display:flex;align-items:center;gap:8px; border-left: 4px #b9d8c9 solid;padding-left: 10px;}
section img{float:left;width:50%;margin:0 20px 10px 0}
.two{display: grid;grid-template-columns: repeat(auto-fit, minmax(330px,1fr));gap: 20px;margin: 0 auto;padding: 0;}
.four{display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem;}
.four div {border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff; position: relative;}
.four a {padding:0.5rem; text-align:center;}
.pdca {background: #fff;border-radius: 6px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);overflow: hidden;}
.cdhd {display: flex;justify-content: space-between;align-items: center;background: linear-gradient(180deg,#5a8cb8,#87a9cb);color: white;padding: 0px 20px;}
.pdcd {font-size: 18px;font-weight: 600;padding:8px 16px;}
.cdbd {display: flex;align-items: center;padding: 20px;gap: 30px;}
.pdim {width: 30%;height: auto;object-fit: contain;}
.pdsp p {margin: 6px 0;line-height: 1.5;}
@media (max-width: 768px) {.cdbd {flex-direction: column;text-align: center;}}
p b{color:#008}

.insbz{max-width:1400px;margin:24px auto;display:grid;grid-template-columns:1fr 320px;gap:20px;padding:0 15px;}
.txt{background:#ddd;padding:2%;}
.txt h1{font-size:22px;font-weight:600;color:#111;line-height:1.4;margin-bottom:12px;}
.txt span{font-size:14px;color:#666;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #eee;display:block;}
.txt p{font-size:15px;line-height:1.8;color:#333;margin-bottom:16px;}
.txt h2{font-size:18px;margin:26px 0 12px;color:#222;border-left:4px #009 solid;padding-left:10px;}
.txt h3{font-size:16px;margin:26px 0px 12px 10px;color:#222;border-left:4px #00f solid;padding-left:10px;}
.txt h4{font-weight:600;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:14px;font-size:14px;margin:26px 0 12px 10px;color:#222;border-left:4px #00f solid;padding-left:10px;}
.cblx{display:flex;flex-direction:column;gap:20px;height:fit-content;}
.catalog-list li{list-style:none;padding:7px 0;border-bottom:1px #f1f1f1 dashed;}
.citem{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f0;}
.citem img{width:100px;height:60px;object-fit:cover;border-radius:4px;}
.ctext p{font-size:14px;display:flex;overflow:hidden;line-height:1.4;}
@media (max-width: 900px) {.news-paper-wrap{grid-template-columns:1fr;}}

.main-wrap{display:grid;grid-template-columns:1fr 320px;gap:20px;}
.video-box{background:#000;border-radius:8px;overflow:hidden;position:relative;width:100%;max-height:100%;aspect-ratio:16 / 9;}
video{width:100%;height:100%;display:block;object-fit:contain;background:#000;}
.video-info{background:#fff;margin-top:16px;padding:16px;border-radius:8px;}
.video-title{font-size:20px;font-weight:600;margin-bottom:10px;}
.video-meta{display:flex;gap:20px;color:#666;font-size:14px;margin-bottom:12px;}
.action-buttons{display:flex;gap:12px;}
.action-buttons button{padding:6px 14px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px;}
.like{background:#ffebee;color:#f44336;}
.coin{background:#fff3e0;color:#ff9800;}
.collect{background:#e3f2fd;color:#2196f3;}
.share{background:#f5f5f5;color:#666;}
.video-desc-area{background:#fff;margin-top:16px;padding:16px;border-radius:8px;}
.desc-title{font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:12px;}
.desc-content{line-height:1.7;font-size:14px;color:#444;}
.play-list{background:#fff;border-radius:8px;padding:16px;height:fit-content;}
.list-title{font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee;}
.list-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;}
.list-item:hover{background:#f7f7f7;}
.list-item img{width:100px;height:60px;object-fit:cover;border-radius:4px;}
.list-text p:first-child{font-size:14px;margin-bottom:4px;display:flex;overflow:hidden;}
.list-text p:last-child{font-size:12px;color:#999;}
@media (max-width: 900px) {.main-wrap{grid-template-columns:1fr;}}
@media (max-width: 600px) {.header{flex-wrap:wrap;gap:10px;}}