.postMtime{ width:100%; display:flex; align-items:center; gap:0 5px; font-size:12px}
.detailbox{background:var(--bg-color); padding:20px 20px;    box-shadow: 0 1px 3px 0 rgba(32, 33, 36, 0.28); font-size:16px; line-height:1.8}
.poimg_2{display:flex; margin:15px 0; gap:8px; width:100%}
.detailtitle{background:var(--bg-color); padding:20px 20px;    box-shadow: 0 1px 3px 0 rgba(32, 33, 36, 0.5); font-size:16px; margin-bottom:20px;}
.poimg_2 div{flex:1; overflow:hidden; width:100%}
.poimg_2 p{font-size:14px}

#to66Ask{flex:0 0 100%}
.posttag{display:flex; align-items:center; gap:0 10px; margin-top:25px; flex-wrap:wrap}
.posbox{display:flex; gap:0 10px; justify-content:space-between; align-items:center}

.orgAsk{padding:4px 8px;color:#fff; background:var(--theme-color);box-shadow:0 1px 6px 0 rgba(32, 33, 36, 0.58); border:1px solid var(--theme-color); font-size:18px;transition: .3s ease; border-radius:3px; text-align:center; cursor:pointer;white-space:nowrap} 
.orgAsk:hover{background:var(--hover-color);border:1px solid var(--hover-color)}


.posth1{font-size:30px}
.ss14{font-size:14px}
.OrgPoSide{padding:10px; background:var(--bg-color); margin-bottom:10px;box-shadow:var(--box-shadow)}
.OrgPoSide h2 a{color:#000;}
.OrgPoSide h2 a:hover{text-decoration:underline;color:var(--hover-color)}
.OrgPoSide .orp{font-size:14px}
.flexdetail{display:flex; gap:10px; justify-content:space-between; flex-wrap:wrap; overflow:hidden}

.download{display:flex; align-items:center; gap:5px; flex-wrap:wrap; margin-top:15px}
.download a{ text-decoration:underline;color:#000;}
.Potitle{padding:25px 10px 5px 10px}
.Potitle h2{font-size:17px}
.poList li{display:flex; justify-content:space-between; position:relative; background:var(--bg-color);box-shadow:var(--box-shadow); margin-bottom:5px}
.poList li:hover h3 a{text-decoration:underline;color:var(--hover-color)}
.poList li h3{display: -webkit-box;  overflow: hidden;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.poList li:hover h3 a::before{content:''; position:absolute; left:0; top:0; right:0; bottom:0}
.PinfoImg{flex:1; padding:10px 0 10px 10px; overflow:hidden; max-width:120px;}

.Pinfotext{flex:2.5; padding:10px}
.Pinfotext a{color:#000;}
.pagecontent,.Pinfotext p{font-size:13px;display: -webkit-box;  overflow: hidden;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
p.ssname{text-align:right; padding-top:2px}

.CLYAB{margin:25px 0}
.CLYAB h2{ font-size:17px;padding:0 0 0 10px;}

.contactus{ background:var(--bg-color); padding:20px 20px;    box-shadow: 0 1px 3px 0 rgba(32, 33, 36, 0.28); font-size:17px; margin:15px 0}
.contactusbox{display:flex; gap:8px; align-items:center;}
.contactus dd{padding:4px 8px; border-bottom:1px dotted #E9E9E9}
.contactusbox h3{font-size:16px; max-width:calc(100% - 170px);display: -webkit-box;  overflow: hidden;  -webkit-line-clamp:1;  -webkit-box-orient: vertical;}
.contactusbox s{font-size:14px}
.contactusbox time{font-size:13px; letter-spacing:0}
.contactuskk{font-size:14px; display:flex; align-items:center; flex-wrap:wrap; gap:0 8px}

poimg_main{padding-bottom:54%; position:relative; overflow:hidden; max-height:500px}
.poimg_main img{object-fit: cover}

.b2bkowidgetbox2{display:block !important; height:auto !important}
#aibkoWidgetbox{display:block !important; width:100% !important}
@media (max-width: 760px){	
.detailtitle{position:inherit}
.detailtitle,.contactus,.detailbox{padding:10px}
.posth1{font-size:21px}
.orgAsk{font-size:14px}
.order3{order:3}
}