@charset "UTF-8";
body{}
*{word-break:break-all; border:0;padding:0; margin:0; text-decoration:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style:none}
a[style="margin-left: 1em; margin-right: 1em;"]{ margin-left:auto!important; margin-right:auto!important; }
figure{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;}
	.AnsUP{ width:100%; letter-spacing:1px; line-height:1.5; background:#fff; border:1px inset #c0c0c0; padding:0}
.AnsUP .Ansth{width:100%; display:flex; font-size:13px; border-bottom:1px solid #000; background:#A3A3A3; font-weight:700; color:#fff;}
.AnsUP .AnsS{padding:3px}
.AnsS1{ flex:0 0 80px; overflow:hidden}
.AnsS2{ flex:0 0 80px; overflow:hidden}
.AnsS3{ flex:0 0 calc(100% - 140px); overflow:hidden}
.AnsS4{ flex:0 0 60px; text-align:center; overflow:hidden; color:#f00; text-align:center; font-size:12px}
.AnsS5{ flex:0 0 calc(100% - 80px); overflow:hidden}

.AnsUP .Anstd{width:100%; display:flex; font-size:13px; border-bottom:1px dotted #CCCCCC}
.AnsUP .Anstd:hover{background:#FCFCFC}
.AnsUP .Ansd{padding:3px}
.Ansctime{letter-spacing:0; font-size:12px}

.AnsUP .Ansta{width:100%; display:flex; font-size:13px; border-bottom:1px dotted #CCCCCC; background:#D0DFF9}
.AnsUP .Ansa{padding:3px}


.wechatqrcode{position:fixed; justify-content:center; align-items:center; left:0; top:0; right:0; bottom:0; flex-direction:column; background:#333333e6; display:flex; z-index:10000;}
.wechatqrcode div{font-size:14px; width:250px; padding:10px; border-radius:5px; background:#fff; color:#444; display:flex; flex-direction:column; justify-content:center; align-items:center;box-shadow:1px 3px 0px rgba(20%,20%,40%,0.5);}
.wechatqrcode button{ background:#F0F0F0; color:#444; border:1px solid #444; padding:4px 8px; border-radius:5px; cursor:pointer}

table.border,table.border *{border: 1px solid #000; padding:4px} 
.askUsseo,.askUsseo2{text-decoration:underline; padding:0 2px; display:inline-block; cursor:pointer; color:#039;}
.seoClylist{padding-left:1rem}
.seoClylist a{ color:#039; display:inline-block;}
.seoClylist a:hover{text-decoration:underline}
.serviceTop,.introTop{margin:15px auto}
.serviceTop,.introTop p{padding:4px 0}

.postMtime{font-size:14px; letter-spacing:1px; text-align:left; padding:8px 0}
.postMtime span{display: inline-block; line-height:1.5; margin:0 10px 0 0; color:#606060;}

#gotoask{border-radius:100%; background:#ED6E00; width:80px; height:80px; position:fixed; right:5px; bottom:100px; font-size:18px; letter-spacing:2px; color:#fff; font-weight:700; display:flex; justify-content:center; align-items:center;box-shadow:1px 3px 0px rgba(20%,20%,40%,0.5); }
#gotoask:hover{ opacity:.7}
img.newab3{margin:10px auto; display:block;max-width:100%;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); border:1px solid #c2c2c2}
img.newab3:hover{ position:relative; top:3px; left:3px; border:1px inset #c2c2c2}
.loginName{border:1px solid #D00003; color:currentColor; font-size:13px; display:inline-block; padding:0 3px; border-radius:5px; cursor:pointer; height:20px; line-height:20px; margin:0 0 0 5px}
.loginName:hover{color:#fff; background:#f00}
#loginTimes{position:fixed; width:100%; height:100%; display:flex; top:0; left:0; background:#98979794; align-items:center; justify-content:center; z-index:3000}
#loginTimes a{color:#18AAF1 ;text-decoration:underline; display:inline-block; margin:0 10px; font-size:13px}
#loginTimes dl{width:300px; background:#F9F9F9; box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 70%); padding:15px}
#loginTimes dl dt{padding:0 0 3px 0; text-align:center; font-size:18px; letter-spacing:1px; font-weight:bold; border-bottom:1px solid #333}
#loginTimes dl dd.ss{font-size:14px;}
#loginTimes dl dd{ padding:5px; margin:0}
#loginTimes dl dd s{display:block; text-align:left; color:#666; font-size:13px; text-decoration:none}
#account,#password{width:100%; padding:8px 5px; color: #000;border: 1px solid #999; border-radius:5px}
#submitimg{padding:4px 13px; margin:0 10px; color: #fff;letter-spacing:3px; font-size:14px; font-weight:bold; background:#F75427; cursor:pointer; border-radius:5px; display:inline-block; min-width:inherit}
#submitreset{padding:4px 13px; margin:0 10px; color: #444;letter-spacing:3px; font-size:14px; font-weight:bold; background:#DDDDDD; cursor:pointer; border-radius:5px; display:inline-block; min-width:inherit; border:none}
.ddhover input:hover{opacity:.7}


.freemember{display:block; margin:10px auto; box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 50%); max-width:800px; width:100%}
.freemember:hover{ opacity:.7}

.freetopbg{height:50px}
.freetop{height:50px; font-size:16px; letter-spacing:1px; width:100%; position:fixed; left:0; top:0; background:#eff1f2; color:#000; text-align:center; display:flex; justify-content:center; align-items:center; border-bottom:2px solid #939393; z-index:1000;box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 40%);}
.freetopspan{}
.freetop a{ display:inline-block; padding:0 5px; font-size:13px; border:1px solid #811142; color:#333; border-radius:5px; margin:0 4px; background:#fff}
.freetop:hover a::before{content:''; position:fixed; width:100%; height:50px; left:0; top:0}
.freetop:hover a{ color:#fff;  background:#E4060A;border:1px outset #E4060A}
div.ddps{font-size:15px; padding:15px 0 0 0 !important; color:#C10018}
div.ddps span{display:inline-block; font-weight:700; margin-left:5px}

.webLink{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; word-break:break-all}
.webLink h2{font-size:14px; color:#444; display:inline-block}
.webLink a{color:#000; font-size:14px; text-decoration:underline}

img{ max-width:100%; height:auto;object-fit: contain; max-height:100%}
#to_Ask{color:#fff; padding:8px; border-radius:4px; border:2px inset #b3afc2; background:#7886F3; font-size:30px; margin:10px auto; display:table; width:80%; text-align:center; font-weight:700; cursor:pointer}
#to_Ask:hover{background:#FC4043; border:2px inset #FC4043;}
#to_Ask::before{content:'\270D'; }

.aibanner{display:block; margin:0px auto 15px auto; border:2px double #dbdbdb; border-radius:10px;box-shadow:1px 3px 0px rgba(20%,20%,40%,0.5);}
.aiask{display:block; margin:0px auto 15px auto; border:4px double #dbdbdb; border-radius:50px;box-shadow:1px 3px 0px rgba(20%,20%,40%,0.5);}
.toweb66{margin:30px 0; text-align:center}
.toweb66 h2{color:#ab4e0d; font-size:36px}
.toweb66 p{font-size:21px; color:#000}
.toweb66ask{display:flex; justify-content:center; align-items:center; width:100%}
.toweb66ask li{ text-align:center; flex:1; padding:0 10px}
.toweb66ask strong{font-size:48px;}
.toweb66ask p{ font-size:18px}
#addmember{margin:35px 0}
#addmember h2{color:#374a69; font-size:3.5rem; text-align:center}
#addmember ul{box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%); background:#fff; height:40px; overflow:hidden}
#addmember li{ width:100%; padding:0 10px; height:40px; line-height:40px}
#addmember li a{display:inline-block; font-size:1.5rem; font-weight:600; width:calc(100% - 200px); padding:0 10px 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#039;}
#addmember li span{display:inline-block; width:200px; letter-spacing:0; color:#222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
#addmember li:hover{background:#ECE8E8}
.lighthouse{display:flex; text-align:center; width:100%; justify-content:center; align-items:center}
.lighthouse div{flex:1; text-align:center; font-size:24px}
.lighthouse strong{font-size:36px; letter-spacing:}
.lighthouse p::before{content:'\2714'}
.lighthouse p{padding:2px 0}
.toweb66ask span{font-size:48px;letter-spacing:0; margin:0 3px}
.gotomt{font-size: 1.5em; letter-spacing: 5px;  background:#f00; color: #fff; display: block; padding: 8px 50px 12px; border: 0;  border-radius: 50px;  cursor: pointer;  margin: 2em auto 0;  text-align: center;  width: 90%;  max-width: 400px;  -webkit-transition:all 0.25s ease-in-out;  transition:all 0.25s ease-in-out;}
.gotomt:hover{opacity:.7}
.webask{font-size:14px; margin:15px 0; box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%); word-break:break-all; letter-spacing:1px}
.webask h2{font-size:16px; color:#333; background:#d6d6d6; padding:5px}
.webask ul{width:100%; padding:10px}
.webask ul li{display:flex; width:100%; padding:3px; border-bottom:1px dotted #D7D7D7}
.webask ul li.Ask_title{border-bottom:1px solid #494949; background:#00638f; color:#fff; font-weight:700}
.webask ul li.Ask_info:hover{ background:#F8F3F3; border-bottom:1px solid #ABABAB}
.webask li .Ask_info0{ flex:0 0 50px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; word-break:break-all}
.webask li .Ask_info1{flex:0 0 calc(100% - 180px);overflow:hidden; white-space:nowrap;text-overflow:ellipsis; word-break:break-all}
.webask li .Ask_info2{letter-spacing:0; flex:0 0 80px; text-align:center}
.webask li .Ask_info1 a{ color:#444;}
.webask li .Ask_info3{flex:0 0 50px; text-align: center}
.webask li .Ask_info3 a{letter-spacing:0; text-align:center; color:#FFFFFF; padding:3px 5px; border-radius:3px; background:#F83E9A; border:1px solid #c53a69; font-size:12px}
.webask li .Ask_info3 a:hover{opacity:.7}

.post-nwes{font-size:13px; color:#90a4ae; margin:0 0 3px 0;}
.post-nwes span{color:#979ba7;}
.post-nwes span::before{content:'\2736'; position:relative; display:inline-block; padding:0 6px; font-size:12px}
.post-nwes time{color:#979ba7; letter-spacing:0}
.post-nwes time::before{display:inline-block; width:4px; height:4px; border-radius:100%; background:#979ba7; margin:0 4px 0 1px; content:''; position:relative; top:-2px}


.uspage{font-family:GraphikCommercial,"Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,"Mplus 1p","Hiragino Sans","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック体",YuGothic,"Yu Gothic","ＭＳ ゴシック","MS Gothic",sans-serif;letter-spacing:1px; line-height:1.5}
.cup4,.usp2,.usp1{display:flex; width:100%; justify-content:center; align-items:center}
.cup4 div,.usp1 div{flex:1; padding:10px;  letter-spacing:2px; line-height:1.7; text-align:center}
.usp1 strong{font-size:5rem; color:#E5770A}
.cup3 h2,.usp1 h2{font-size:3.5rem; color:#374a69}
.usp2 .usp2L{flex:3; padding:10px; font-size:1.8rem; letter-spacing:1px; font-weight:600}
.usp2 .usp2R{flex:2; padding:10px}
.usp2 .usp2R ul{display:flex; align-items:center; justify-content:center; width:100%}
.usp2 .usp2R li{flex:1; padding:10px; font-size:2rem; text-align:center}
.usp2 .usp2R span{color:#f00; letter-spacing:0; font-size:2rem; font-weight:700}
.usp2 .usp2R p{font-size:1rem}
.cup3{padding:25px; text-align:center}
.cup3 span{display:inline-block}
.cup3 p{font-size:2.5rem;color:#374a69; font-weight:600}
.cup4 li{position:relative; text-align:left; font-size:2.4rem; padding:3px 0 3px 2.5rem; font-weight:600;color:#374a69}
.cup4 li::before{content:'\2714'; position:absolute; top:3px; left:0px}
.gotomtadd{font-size: 1.5em; letter-spacing: 2px;  background:#f00; color: #fff; display: block; padding: 8px 0;  border-radius: 50px;  cursor: pointer;  margin: 0 auto;  text-align: center;  width: 50%;  max-width: 400px;  -webkit-transition:all 0.25s ease-in-out;  transition:all 0.25s ease-in-out;}
.hover:hover{opacity:.7}


.listHome2{margin:15px 0}
.listHome2 dt h2{font-size:1.5rem;}
.listHome2 dd{padding:10px; line-height:1.5; font-size:1rem}
.listHome2 h3{padding:2px 0 0 0; font-size:1.2rem}
.listHome2 a{color:#333}

.imghover{ransform: scale(1,1);transition: all 1s ease-out;}
.imghover:hover{transform: scale(1.2,1.2);}

#ask66inq_ss{position:relative}
#ask66inq_ss .ask66send{position:absolute !important}
#ask66inq{position:fixed; right:2%; bottom:50%; z-index:99; cursor:pointer;  text-align:center;background:var(--headbgcolor); border-radius:50%; width:45px; height:45px;box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 70%)}

.ask66send{color:#fff; cursor:pointer; font-size:14px; line-height:1; letter-spacing:0; display:block; margin-bottom:4px; position:relative;animation: ask66send 5s infinite;width:45px; height:45px}
i.blink66{display:block;width:45px; height:45px}
#ask66inq:hover{ opacity:.7}
i.blink66{font-style:normal;position:absolute; inset:0;  color:#fff;display:flex; justify-content:center; align-items:center}
i.blink66 svg{width:30px; display:block; text-align:center;fill:#fff; margin:auto}
.ask66send::after{ content:attr(ar); font-style:normal; font-size:12px; position:absolute; inset:0; padding:0 5px; line-height:1.2; letter-spacing:2px; display:flex; justify-content:center; align-items:center}

.pagedonexturl{padding:5px 0; display:flex; align-items:center; flex-wrap:wrap; gap:0 5px; position:relative;}
.pagedonexturl s::after{ content:':'}
.pagedonexturl s{ padding:3px 5px; border-radius:4px; background:#e3e3e3; color:#444;}
.pagedonexturl a{color:#333; text-decoration:underline}
.pagedonexturl:hover a{color:#0535EC}
.pagedonexturl:hover a::befoer{position:absolute; inset:0; content:''}
.pagedonextben{margin:20px 0}

.community_img{margin:20px 0; display:flex; flex-direction:column; gap:15px}
.community_img li{padding:3px 0; display:flex; align-items:center; flex-wrap:wrap; gap:0 5px; position:relative}
.community_img li s::after{ content:':'}
.community_img li s{ padding:3px 5px; border-radius:4px; background:#e3e3e3; color:#444;}
.community_img a{color:#333; text-decoration:underline}
.community_img li:hover s,.community_img li:hover a{color:#0535EC}
.community_img li:hover a::befoer{position:absolute; inset:0; content:''}


 @keyframes blink66 {
        0% { opacity: 1; }
        50% { opacity: 0; }
        100% { opacity: 1; }
    }
@keyframes ask66send {
        0% { opacity: 0; }
        50% { opacity: 1; }
        100% { opacity: 0; }
    }	

.blink66 {       animation: blink66 5s infinite;    }
#pageNO{text-align:center; font-family:Arial; font-size:15px; line-height:25px; letter-spacing:1px; padding:10px 0; margin-top:10px}
#pageNO #Pall{margin:0px 10px;}
#pageNO #Pall span{margin:0px 3px}
#pageNO .Upage{border:1px solid #e5e5e5; padding:3px; background-color:#fafafa; font-size:13px; margin:0px 5px; color:#000; display:inline-block}
#pageNO #Npage{border:1px solid #ffc655;  color:#aa557f; background-color:#fff3c9; padding:0px 3px; margin:0px 3px; display:inline-block; min-width:25px; height:25px}
#pageNO .Pno{margin:0px 3px; text-decoration:none; border:1px solid #e5e5e5; padding:0px 3px; color:#000; background-color:#fafafa; font-size:15px; display:inline-block; min-width:25px; height:25px}
@media (max-width: 1000px){
#ask66inq{right:0}
}
@media (max-width: 760px){
#mdpicpost1,mdpicpost2,mdpicpost3,mdpicpost4{float:none !important; clear:both; height:auto !important; width:auto !important}
.postMtime{margin:10px 0 35px 0}	
#ask66inq{right:0}
.freetop{font-size:14px}
.weburls_New{padding:8px 5px;}
.weburls_New h3{font-size:18px}

.toweb66 h2{font-size:24px}

.lighthouse,.toweb66ask{ flex-direction:column-reverse}
.toweb66ask strong{font-size:21px;}
.toweb66ask p{ font-size:14px}


#addmember li a{font-size:1.2rem;width:calc(100% - 94px); padding:0 10px 0 0;}
#addmember li span{width:84px; letter-spacing:0;text-overflow: inherit}

.gotomtadd{width:80%}
.cup4,.usp2,.usp1{ flex-direction:column}
.usp1 strong{font-size:3rem;}
.cup3 h2,.usp1 h2{font-size:2rem}
.usp2 .usp2L{padding:5px; font-size:1.3rem}
.usp2 .usp2R{padding:5px; flex:1; width:100%}
.usp2 .usp2R li{padding:5px; font-size:1.3rem; flex:1}
.usp2 .usp2R span{font-size:2rem; }
.usp2 .usp2R p{font-size:1rem}
.cup3{padding:25px 5px}
.cup3 p{font-size:1.5rem}
.cup4 li{ font-size:1.5rem; padding:3px 0 3px 1.6rem;}
}