*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Arial','Hiragino Sans',sans-serif;background-color:#f5f5f5;color:#333;max-width:980px;margin:0 auto}a{color:#09c}.header{background-color:#fff;padding:0;margin:0;max-width:980px;margin-left:auto;margin-right:auto}.seo-title{font-size:6px;margin:0;padding:0;font-weight:normal;line-height:1}.header-content{display:grid;grid-template-columns:1fr 1fr;max-width:100%;margin:0 auto;height:140px}.header-left{background-color:#09c;color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:center}.header-left h1{font-size:24px;margin-bottom:8px;color:#fff;font-weight:bold}.header-left h1.seo-title{font-size:8px;line-height:1.2;color:#fff;margin:0 0 4px 0;font-weight:normal;opacity:.8}.header-left p{font-size:11px;line-height:1.4;color:#fff;margin-bottom:5px}.header-image{background-color:#999;color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:bold;overflow:hidden}.header-image img{width:100%;height:100%;object-fit:cover;display:block}.navigation{background-color:#fff;border-bottom:1px solid #e6e6e6;padding:0;margin:-6px auto 12px;max-width:980px;position:relative;z-index:2}.navigation ul{display:flex;list-style:none;flex-wrap:wrap;max-width:100%;margin:0 10px;padding:6px 0;gap:8px;align-items:center;justify-content:flex-start}.navigation li{flex:0 0 auto}.navigation a{display:inline-block;padding:6px 12px;text-decoration:none;color:#09c;font-size:13px;font-weight:600;border:1px solid #dcdcdc;background-color:#fff;border-radius:2px}.navigation a:hover,.navigation a.active{background-color:#f7f7f7;border-color:#cfcfcf}.content-wrapper{max-width:980px}.main-content{width:100%;margin:0}.main-inner{display:flex;gap:10px}.sidebar{display:none}.sidebar-left{width:300px;min-width:300px;flex-shrink:0;flex-basis:300px;order:2}.sidebar-right{display:none!important}@media (min-width:1000px){.sidebar-left{display:block}}.main-body{flex:1;min-width:0;order:1}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.card{display:flex;gap:12px;background-color:#fff;border:1px solid #ddd;padding:12px;align-items:flex-start;min-height:110px}.card .thumb{width:150px;height:150px;background-color:#e9e9e9;overflow:hidden;flex:0 0 150px}.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.card .meta{flex:1 1 auto}.card .meta h4{margin:0 0 6px 0;font-size:13px;color:#09c}.card .meta p{margin:0;font-size:12px;color:#666;line-height:1.4}.grid-item{background-color:#fff;border:1px solid #ddd;display:block;padding:15px;min-height:80px;overflow:hidden}.item-image{display:block}.grid-item .item-image{background-color:#e9e9e9;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden;height:120px}.grid-item .item-image img{width:100%;height:100%;object-fit:cover;display:block}.grid-item .item-text{background-color:#f4f4f4;padding:12px;min-height:120px}.item-label{display:inline-block;background-color:#09c;color:#fff;font-size:12px;padding:4px 8px;border-radius:3px;margin-bottom:8px}.item-text{padding:15px;display:flex;flex-direction:column;justify-content:flex-start;background-color:#f9f9f9}.item-text h3{font-size:13px;margin-bottom:8px;color:#333;font-weight:bold}.item-text a{color:#09c;text-decoration:none}.item-text a:hover{text-decoration:underline}.item-text p{font-size:12px;color:#666;line-height:1.5;margin:0}.info-section{display:grid;grid-template-columns:1fr 2fr;gap:15px;margin-bottom:30px}.info-left{background-color:#fff;border:1px solid #ddd;overflow:hidden}.info-left h3{background-color:#ff0;color:#000;padding:10px 15px;margin:0;font-size:13px;font-weight:bold}.info-left ul{list-style:none;padding:15px;margin:0}.info-left li{margin-bottom:8px;font-size:12px}.info-left a{color:#09c;text-decoration:none}.info-left a:hover{text-decoration:underline}.info-right{background-color:#fff;border:1px solid #ddd;padding:15px}.info-right h3{color:#09c;font-size:13px;margin-bottom:12px;text-align:center;font-weight:bold}.info-right ul{list-style:none;padding:0;margin:0}.info-right li{font-size:12px;line-height:1.6;margin-bottom:8px;color:#666}.info-right li:last-child{margin-bottom:0}.info-right a{color:#09c;text-decoration:none}.info-right a:hover{text-decoration:underline}.news-section h3{color:#09c;font-size:13px;margin:0 0 12px 0;text-align:center;font-weight:bold}.news-list{list-style:none;padding:0;margin:0}.news-item{padding:8px 6px;border-bottom:1px solid #f4f4f4;font-size:13px;display:flex;align-items:center;gap:8px}.news-item:last-child{border-bottom:none}.news-date{color:#999;font-size:12px;min-width:90px;flex:0 0 90px}.news-title{color:#09c;text-decoration:none}.news-title:hover{text-decoration:underline}.banner-section{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.footer{background-color:#f0f0f0;border-top:1px solid #ddd;padding:20px;text-align:center;font-size:11px;color:#666;margin-top:30px}.footer-links{margin-bottom:10px;font-size:12px;color:#09c}.footer-small{margin-bottom:15px;font-size:11px}.footer a{color:#09c;text-decoration:none}.footer a:hover{text-decoration:underline}.return-to-top{display:inline-block;background-color:#09c;color:#fff;padding:8px 15px;margin-top:10px;font-size:12px;font-weight:bold}.return-to-top:hover{background-color:#069}@media (max-width:999px){.main-inner{flex-direction:column}.sidebar-left{display:none!important}.main-body{width:100%}}@media (max-width:768px){.header-content{grid-template-columns:1fr;height:auto;position:relative}.header-left{background-color:rgba(0,153,204,.8);color:#fff;padding:15px;display:flex;flex-direction:column;justify-content:center;min-height:120px;position:relative;z-index:2}.header-left h1{font-size:20px;margin-bottom:6px}.header-left p{font-size:10px;line-height:1.3;margin-bottom:3px}.header-image{position:absolute;top:0;left:0;width:100%;height:120px;z-index:1;overflow:hidden;opacity:.9}.header-image img{width:100%;height:100%;object-fit:cover;display:block}.navigation ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 10px;margin:0 8px}.navigation li{border-right:none;border-bottom:none;flex:0 0 auto}.navigation a{padding:6px 10px;font-size:13px;display:inline-block}.content-grid{grid-template-columns:1fr;gap:12px}.card{flex-direction:row;min-height:auto}.card .thumb{width:80px;height:80px;flex:0 0 80px}.info-section{grid-template-columns:1fr}.banner-section{flex-direction:column}.banner-section{flex-direction:column;align-items:center;justify-content:center;gap:12px}.banner{width:auto;max-width:92%;display:flex;justify-content:center;align-items:center}.banner img{max-width:100%;height:auto;display:block;margin:0 auto}}