@charset "utf-8";
:root{
--inpotcolor:#f00;
--askwidth:1200px
}
.hover:hover{opacity:.7; cursor:pointer}
.ssvg2{position: absolute; right:5px; top:-2px; font-size:14px; color:#a6a6a6; font-weight:400; cursor:pointer}
.ssvg2::after{content:''; display:inline-block; background-image:url(../png/to-copy.png); width:15px; height:18px; background-size:100%; background-repeat:no-repeat}
svg.ssvg1{position:relative; top:5px; fill:#386add; width:20px; height:20px}
.send_box{padding:2%; font-size:15px; line-height:1.5; width:100%; position:relative}
.send_box p{ line-height:1.5; margin:0}
.send_box::before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:var(--theme-color);background-image:url(../png/toaskbg.png); opacity:.8}
.send_box::before{display:none}
#newAskBg::after{content:''; position:absolute;right:10px; bottom:24px;background-image:url(../png/web66logo.png); width:149px; height:50px; background-size:100%}

.sgg{display: flex;width:100%; align-items:center; gap:10px;padding:0 10px}
.toline{ font-size:36px;word-break:normal; letter-spacing:0}
.sgDiv{border-left:2px solid #000; padding:0 0 0 8px}
.sgDiv strong{font-size:18px}
.aagg{color:#fff; text-decoration:underline; font-size:14px; margin:0 0 0 8px}
td.cop{position:relative}
.Capa_1 svg{enable-background:new 0 0 699.428 699.428; width:22px; height:22px; cursor:pointer}
#copyms{position:absolute; right:5px; font-size:14px; letter-spacing:1px; top:35px;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 65%); border-radius:3px; padding:5px;  background:#fff; border:1px solid #979ba7; width:50%; max-height:400px; overflow:auto; z-index:10; display:none}
#copyms dt{font-weight:bold; padding:3px; border-bottom:solid 2px #7E7E7E; margin-bottom:8px}
#copyms dd{padding:5px 3px 5px 10px; font-size:13px; border-bottom:1px solid #E5E5E5}
#copyms dd .cpask{padding-left:12px}
.send_box_h2{position:relative; text-align: center; font-size:1.5rem; margin:10px 0; display:flex; justify-content:center}
.send_box_h2:after {content: ''; position: absolute;bottom: -3px; display: block;width: 5em;height: 0.7em; transform: skew(-30deg);background:var(--theme-color); opacity: .45;}
.send_box label{ padding:0 5px; font-weight:900}
.send_box table{width:100%;padding:0 0 15px 0}
.send_box th{padding:5px 5px !important; width:80px; text-align:right; vertical-align:top}
.send_box td{padding:3px 10px;vertical-align:top; letter-spacing:1px; font-size:14px; color:#404040; position:relative}
.send_box td.kkword{font-size:13px; color:#0052d6}
.send_box td s{font-size:12px; color:var(--inpotcolor); position:absolute; right:12px; top:31px}
.send_box input[type=text]{width:100%;font-size:14px; padding:6px 3px; border:1px solid #949393; border-radius:4px}
.send_box textarea:focus,.send_box input[type=text]:focus{border:1px solid #9a0000 !important; background:#FCF6D7}
.send_box input.intk{width:80px; display:inline-block; margin:2px 6px 1px 0}
.send_box td.kkword input[type=text]{padding:4px 3px;color:#0052d6; height:auto}
#addsk{border-radius:3px; cursor:pointer; padding:4px 8px; font-size:13px; background:#1A237E; color:#fff; display:inline-block; min-width:auto}
.send_box select{ padding:8px 5px; border:1px solid #949393; margin:0 0 0 3px; width:auto}
.send_box textarea{width:100%; padding:8px 3px;font-size:14px; border:1px solid #949393; border-radius:4px;resize:none; height:89px}
.form-submit_web66{border-radius:8px; padding:10px 50px; background:var(--theme-color); color:#fff; letter-spacing:3px; font-size:24px; display: block; margin:15px auto 0 auto ;font-weight:700; cursor:pointer; transition:all 0.25s ease-in-out;box-shadow:-1px 1px 3px 2px rgb(0 0 0 / 20%)}
.form-submit_web66:hover{background:#800103 !important}
.form-submit_web66 i svg{width:28px;fill:#fff; position:relative; top:4px; margin-right:5px}
i.inssend{font-style:normal;animation: inssend .8s infinite;}


 @keyframes inssend {
        0% { opacity: 1; }
        50% { opacity: 0; }
        100% { opacity: 1; }
    }
.send_box img{vertical-align:middle; margin:0}
.send_box .inpot::after{color:var(--inpotcolor); content:'*'; font-weight:400}
#seraiok{text-align:center; color:#fff; font-size:1.5rem; position:relative; z-index:1}


#copyms::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);  background-color: rgb(228 228 228);}
#copyms::-webkit-scrollbar-thumb {background-color: #888;border-radius: 5px;}
#copyms::-webkit-scrollbar-thumb:hover {  background-color: #555;}
#copyms::-webkit-scrollbar {  width: 10px;  background-color:#C62828;}

send_box table.aiimage tbody::after {
      content: "台灣黃頁AI 詢價";
      position: absolute; right:10px; bottom:10px;
      transform: skewX(165deg) ;
      opacity: 0.5; /* 设置透明度 */
      font-size: 24px;
      color: #ccc; /* 设置颜色 */
      pointer-events: none; /* 禁止点击 */
    }

#newmember{display:none; }
#newmember strong{color:#000000; text-decoration:underline}
#newmember td{padding:8px 0 0 16px}
#newmember input{border:1px solid #ccc; height:15px; width:15px; position:relative; top:2px; margin-right:3px}

#newmember div{position:absolute; bottom:100%; padding:5px; background:#efefef; border:1px solid #9A9A9A; right:5px; border-radius:3px; font-size:13px; display:none; z-index:99}
#newmember span{cursor:pointer; color:#9C0002; text-decoration:underline}

.newAskBg{background:#ffffffed; padding:15px 8px; position:relative; text-align:center;width:100%; max-width:var(--askwidth); margin:0 auto;}

.newWeb66Bg{display:flex; gap:8px; width:100%; text-align:left; flex-direction: row-reverse; align-items:flex-start; padding-top:15px}
.newWeb66Bg table{flex:1; position:relative}
.send_box .newWeb66Bg{position:relative}
.send_box .newAskBg::before{content:'';background-color:var(--theme-color); position:absolute; inset:0; opacity:.2; border-radius:8px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}


#tabask{width:100%; margin:0 auto 10px auto; border:1px solid #7F7F7F; box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 30%); max-width:var(--askwidth); position:relative}
#tabask::before{content:''; position:absolute; inset:0;background:var(--theme-color); opacity:.2}
#tabask tbody{position:relative}
#tabask th{border-bottom:2px solid #666666; font-size:24px; padding:3px 3px; text-align: left;white-space:nowrap}
#tabask td{padding:3px 8px; border-bottom:1px solid #dbdbdb; font-size:13px; letter-spacing:0; color:#000;}
#tabask tr:hover td{background:#f7f7f7}
#tabask a{display:inline-block;padding:0 1px; text-decoration:underline; color:#333;}
#tabask a:hover{ color:#f00;}
#tabask s{font-size:12px; color:#444}
#tabask td.td1{ font-size:18px;letter-spacing:0; border-right:1px solid #ddd;font-weight:700; text-align:center}
#tabask strong{ font-size:22px; display:block}
@media (max-width: 960px){
#copyms{width:95%}
.send_box{padding:0}
.newAskBg{text-align: left}
.newWeb66Bg{flex-direction:column-reverse; gap:0}
#newAskBg::after{width:119px; height:40px; right:10px; bottom:26px}
.send_box::before{background-image: none}

#tabask th{font-size:15px;}
	#tabask strong{ font-size:18px}
	#tabask td.td1{ font-size:15px;}
}