.d-flex{justify-content:space-between}
header{width:260px !important}
.nav-top .logo{display:flex; align-items:center; justify-content:center; width:100%; margin-bottom:25px} 
.ff1{flex:1}
.ff15{flex:1.5}
.ff2{flex:2}
.ff3{flex:3}
.ff4{flex:4}
.line-clamp{display: -webkit-box;  overflow: hidden;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.line-clamp2{display: -webkit-box;  overflow: hidden;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.imghover{ransform: scale(1,1);transition: all 1s ease-out;}
.flex-wrap{display: flex; align-items:center; gap:5px 15px; margin-top:10px}
.fliex_between{display:flex; justify-content:space-between; gap:5px 40px; margin-bottom:15px}
.fliex_column{display:flex; flex-direction:column; gap:25px}
.margin{margin:40px auto 0 auto}
.margin2{margin-top:10px}
.pageurlaa{display:flex; align-items:center; gap:5px 5px; font-size:14px; color:#444; flex-wrap:wrap}
.pageurlaa a{color:#444}
.pageurlaa strong{color:var(--theme-color)}
.posturl{padding:8px 0; border-bottom:1px solid var(--theme-color)}
.faicon{color:var(--faiconcolor)}
.faicon::before{margin:0 2px 0 0}
.maxwidth{margin:10px auto; width:100%; max-width:var(--maxwidth); padding:0 10px}
.bBg{background:#F0F0F0}
.h2title{font-size:2rem; text-align:center; font-weight:900; margin:40px 0 15px 0}
div#main-content { width:calc(100% - 260px); }
.banner-top1{ min-height:280px}
.CLYAB_list{display:flex; gap:5px 20px; justify-content:space-between}
.CLYAB_list li{flex:0 0 calc(100% / 3 - 20px); padding:10px; border:1px solid #E0E0E0; background:#fff; overflow:hidden; position:relative; display:flex; gap:15px}
.CLYAB_list li figure{ flex:0 0 150px}
.CLYAB_list li h3{ font-size:1rem; margin:0; }
.CLYAB_list li h3 a{ color:#333;font-weight:900}
.CLYAB_list li:hover h3 a{color:var(--theme-color); text-decoration:underline}
.CLYAB_list li:hover .imghover{transform: scale(1.1,1.1);}
.CLYAB_list li:hover h3 a::after{position:absolute; content:''; inset:0}
.CLYAB_list li s{ font-size:14px}
.CLYAB_list li p{}

.tagkey{margin-top:15px}

.listCn{flex-wrap:wrap; display:flex; gap:20px 40px}
.listCn li{flex:0 0 calc(100% / 3 - 40px); border:1px solid #E0E0E0; background:#fff; overflow:hidden; position:relative}
.listCn li .list-h2 a{font-size:21px}
.listCn li .list-h2 p{font-size:14px}
.listCn .list-h2-hover{position: absolute;bottom: -110%;background: rgba(0, 0, 0, 0.8);border-top: 2px solid #fff;padding: 26px 10px;-webkit-transition: .5s all;transition: .5s all;-moz-transition: .5s all;width:100%;}
.listCn .list-h2-hover a,.listCn .list-h2-hover p{color:#fff}
.listCn li:hover .list-h2-hover{ bottom:0}
.listCn li:hover a::before{content:''; position:absolute; inset:0}
.listCn li .list-h2-noimg{padding: 26px 10px; height:100%}
.send_box_h2{font-size:0 !important; margin-top:40px !important}
.postsection{padding:15px 10px; background:var(--theme-color)}
.postBg{background:#fff; padding:15px;box-shadow: 0 1rem 3rem #ffffff6b; border-radius:8px}
.podtTt{display:flex; flex-direction:column; justify-content:space-between}
.titleH1{font-weight:900; font-size:1.7rem; margin:0 0 20px 0; background:#e3e3e369; padding:5px}
.postkk{margin-top:20px; padding:20px 20px;box-shadow:inset 0 1rem 1rem rgba(31, 45, 61, 0.125); border-radius:8px; border:1px dotted #CFCFCF; justify-content:space-between}
.postkk li{flex:0 0  calc(100% / 3 - 10px)}
.pageImg{display:flex; gap:10px}
.pageImg li{flex:1; font-size:14px}
.pageImg img{display:block}
.footwrap{width:100%; padding:0 20px; margin:auto; max-width:1140px; display:flex; color:var(--footcolor); gap:2px 15px; align-items:center}
.footer-nav li{padding:5px; margin:5px 0}
.footer-nav a{color:var(--footcolor)}

.orgUl{width:100%; margin:10px 0}
.orgUl_li{display:flex; width:100%; letter-spacing:1px; line-height:1.6; align-items:center}
.orgUl_li .org_name{flex:0 0 100px; font-weight:800; padding:3px 3px}
.orgUl_li .org_intro{flex:0 0 calc(100% - 100px); padding:3px 3px}
.orgUl_li .org_intro a{color:#fff}
.foottoolpc{ padding:10px 0 0 15px; display:flex; gap:5px 15px; align-items:center; }
.foottoolpc img{ border-radius:50%; display:block; cursor:pointer}

.foottoolpc a.selfURL{background:#fff; border-radius:50%; color:var(--headbtnbgcolor); font-family:fantasy; font-weight:700; height:48px; width:48px; font-size:24px; display:flex; align-items:center; justify-content:center}

.btnright{position:fixed; bottom:20%; right:5px; z-index:99; text-align:center}
.btnright button{ width:45px; height:45px;color:#fff; background:var(--theme-color); border:1px solid var(--theme-color); cursor:pointer;box-shadow:-2px 1px 0.4rem rgb(0 0 0 / 50%);position:relative; z-index:2; font-size:15px; border-radius:50%; font-weight:500; line-height:1.4; display:flex; justify-content:center; align-items:center; flex-direction:column; opacity:.8}
.btnright div:hover button{ opacity:1}
.btnright div{margin:8px 0}

#topPage{display:none}
#topPage button::before{content:'\25B2'; display:block}

@media (max-width: 760px){
html{font-size:14px;}	
.nav_links>li>a,.mobfiex{flex-direction:column}	
.nav_links>li a{padding:4px 0}
.listCn li{flex:1}
.footer-nav ul{display:flex; flex-wrap:wrap; margin-top:20px}
.postsection{padding:1px 5px}
header{width:75px !important}
div#main-content { width:calc(100% - 75px)}
.banner-top1{ min-height:220px}
}