@charset "utf-8";
:root{
--inpotcolor:#f00;
--askwidth:1200px
}
.hover:hover{opacity:.7; cursor:pointer}
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);}
#newAskBg::after{content:''; position:absolute;right:10px; bottom:24px;background-image:url(https://s.web66.com.tw/_file/web66/webimg/web66logo.png); width:149px; height:50px; background-size:100%}
#newAskBg::before{content:'詢價媒合系統'; text-align-last:justify; position:absolute;right:13px; bottom:0;width:143px; font-size:18px; font-weight:900}
.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:25px; padding:10px 50px; background:var(--theme-color); color:#fff; letter-spacing:3px; font-size:24px; display: block; margin: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:#0041B5}
.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; margin-top:10px}
#seraiok span{font-size:16px; }

#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}
@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}
#newAskBg::before{right:11px; bottom:6px;width:115px; font-size:14px}
.form-submit_web66{border-radius:10px; padding:5px 20px; margin:0 0 0 calc(100% / 2 - 150px)}
}