*{padding:0; list-style:none; margin:0; text-decoration:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
:root{
--maxWidth:1200px;	
--bgcolor:#dfe6ec;
--HFbgcolor:#00334d;
--btncolor:#3564c5;
--offbtbg:#c5353b
}
body{background:var(--bgcolor); letter-spacing:1px; line-height:1.5; color:#444; font-size:14px}
img{max-width:100%; height:auto; vertical-align:middle}
.showq{position:absolute; z-index:-100; width:0; left:-1000px; top:0}
#askhead{width:100%; margin:0 auto;  padding:10px; background:var(--HFbgcolor)}
#askh1{padding:10px; font-size:21px; letter-spacing:2px}
.asktopBg{padding:0 5px}
.asktop{width:100%; max-width:var(--maxWidth); margin:0 auto;background:#f5f7f8;box-shadow:0 2px 2px 0 rgb(0 0 0 / 68%); position:relative; padding:10px 5px}
.asktop::before{content:''; left:10px; top:10px; position:absolute; background:url(//img.web66.com.tw/web66/PU/MDimg/web66_header/201303/yellowPages-logo.gif) no-repeat; width:112px; height:37px; background-size:100%}
.aidh2{font-size:1.3rem; text-align:center; padding:10px 0 0 0}
.aidh2 b{ margin-left:5px}
.aidh2 svg{ width:32px; height:32px; position:relative; top:4px; fill:#fff; stroke:#000;}

.ahp{font-size:14px; color:#222; text-align:center; padding:0 0 10px 0}
.ahp span{display:inline-block}
.send_bg{display:flex; width:100%; justify-content:space-between}
.flx1{ flex:1; padding:8px}
.flx2{ flex:2; padding:8px}
.send_box{ width:100%}
.send_box td strong{font-size:14px; padding-right:5px}
.send_box td span{display:inline-block}
.send_box td{padding:3px 4px;vertical-align:top; letter-spacing:1px; font-size:13px; color:#101d33; position:relative; text-align:left;}
.oksend{margin:10px auto; text-align:left;max-width:var(--maxWidth); display:table; position:relative; padding:5px 0;font-family:arial,'微軟正黑體'; font-size:1.5rem;color:var(--HFbgcolor); font-weight:bold}


.nowbg{display:flex; margin:10px auto;width:90%; max-width:560px; justify-content:center; align-items:center}
.nowbg div{position:relative; padding:8px 0; text-align:center; font-size:14px; color:#fff; background:var(--HFbgcolor); flex:1}

.nowbg div.nowB::after{width: 0;height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 25px solid var(--HFbgcolor);transform: rotate(180deg); position:absolute; right:-25px; top:0; content:''; z-index:1}

.nowbg div.nowA{ background:#FFC600; color:#000; font-weight:bold; display:flex; justify-content:center; align-items:center; cursor:pointer}
.nowbg div.nowA svg{width:20px; height:20px;fill:#010101; margin-right:3px}
.nowbg div.nowA:hover svg{fill:#00334d}
.nowbg div.nowC::after{width: 0;height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 25px solid var(--HFbgcolor);transform: rotate(180deg); position:absolute; right:-25px; top:0; content:''; z-index:1}
.nowbg div.now::after{width: 0;height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 25px solid #FFC600;transform: rotate(180deg); position:absolute; right:-25px; top:0; content:''; z-index:1}

.topCss{position:fixed; width:100%; left:0; top:0;box-shadow: 0 0 9px 0 #6a6a6a; border-bottom:1px solid #444; z-index:10 }
#topbtn{position:fixed; right:8px; bottom:100px; border-radius:4px; border:1px solid #5a5a5a; padding:2px 6px; cursor:pointer; background:#5a5a5a; font-weight:700; font-size:14px; color:#fff; opacity:.6; z-index:10; display:none;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 10%); letter-spacing:1px}
#topbtn::after{content:'\219F'}
#topbtn:hover{opacity:1}
.headtitle{width:100%; max-width:var(--maxWidth); display:flex; align-items: center; margin:0 auto}
.ht .headtitle{max-width:100%}
.ht{position:fixed; top:0; left:0; width:100%; padding:20px}
.headtitle h1,.headtitle div{ color:#fff; padding:0 5px 0 0; font-size:1.4rem; font-weight:700}
.pagename{font-size:2rem; color:#fff; font-weight:700; padding:0 5px}
.meask{font-size:14px;text-align:center; padding:5px 3px; color:#fff; margin:0 0 0 5px; text-decoration:underline; display:inline-block; flex:0 0 82px}
.searchdiv{width:var(--maxWidth); background:#dfe6ec; text-align:center; padding:10px 5px; border-bottom:1px solid #dfe6ec; position:relative; margin:0 auto}
.offpsbg{background:var(--offbtbg); border:1px solid #fff;position:absolute; top:10px; right:5px; z-index:2000;box-shadow:0 0.2rem 0.4rem rgb(255 255 255 / 30%); padding:6px 10px; color:#fff; border-radius:4px; cursor:pointer; font-size:15px;font-weight:bold; letter-spacing:2px}
.offpsbg_2::before,.offpsbg::before{content:'\2717'}
.searchdivp{font-size:2.2rem; font-weight:bold; max-width:var(--maxWidth); padding:8px 0 15px 0; margin:0 auto}
.searchdivp span{display:inline-block}
.searchtop{width:50%; position:relative; margin:0 auto; max-width:var(--maxWidth)}

.psboxBg{position:fixed; width:100%; height:100%; top:0; left:0; background:#202f4dbd; z-index:1000; }
.psBg2{position:relative}
.psBg{box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 55%);font-size:14px; font-weight:400; border:1px solid #fff;background:#fff; border-radius:5px; padding:10px; position:absolute;z-index:2000; max-width:300px; text-align:left}
.psBg strong{color:var(--btncolor)}
.psBg b{color:var(--btncolor); font-weight:400; text-decoration:underline}
.psBg p{text-align:center}
.psBg p button{ background:var(--btncolor); border:1px solid #fff;box-shadow:0 0.2rem 0.4rem rgb(255 255 255 / 30%); padding:3px 10px; color:#fff; border-radius:4px; cursor:pointer; font-size:14px;font-weight:bold}
.ps1{left:0; top:100%; }
.ps1::before{content:''; width:12px; height:12px; background:var(--btncolor); border-radius:50%; position:absolute; left:70px; top:-45px; border:1px solid #fff;}
.ps1::after{content:''; border-left:2px dotted #fff; height:25px; top:-30px; left:75px; position:absolute}
.ps2{right:5px; top:60px}
.ps2::before{content:'\2714'; color:#fff; font-size:1.1rem; width:25px; height:25px; background:var(--btncolor); border:1px solid #fff; border-radius:3px; position:absolute; right:0px; top:-55px; text-align:center}
.ps2::after{content:''; border-left:2px dotted #fff; height:20px; top:-25px; right:15px; position:absolute}
.ps3{top:-130px; width:210px; color:#000000}
.ps3::before{content:''; width:12px; height:12px; background:var(--btncolor); border-radius:50%; position:absolute; bottom:-50px; left:50%; border:1px solid #fff;}
.ps3::after{content:''; border-left:2px dotted #fff; height:25px; bottom:-30px; position:absolute; left:52%}
.offpsbg_2{background:var(--offbtbg); border:1px solid #fff;position:absolute; bottom:18px; right:10px; z-index:2000;box-shadow:0 0.2rem 0.4rem rgb(255 255 255 / 30%); padding:6px 10px; color:#fff; border-radius:4px; cursor:pointer; font-size:15px;font-weight:bold; letter-spacing:2px}

a.img01{display:flex; align-items:center; justify-content:center}
a.img02{display:block; padding:5px; position:relative; width:210px}
a.img02::before{width:100%; left:0; bottom:7px; height:25px; background:#646464; content:''; position:absolute; z-index:1}
a.img02 img{ position:relative; z-index:2}
a.img01 img{vertical-align: middle}
.askimg{background:#fff; margin:0 auto; width:100%; padding:10px; display:flex; justify-content:center}
.askimg .img03{max-width:100%; display:block; vertical-align:bottom}
.askimg div{padding:0 10px}
.askimg strong{display:block; color:#f00; font-size:24px}
.askimg span{font-size:16px}
#navhead{ flex:1}
#navhead a{color:#fff; letter-spacing:1px; padding:8px; display:inline-block; font-size:15px; margin:0 0 0 15px}
.hover{cursor:pointer;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 10%)}
.hover:hover{opacity:.7}
.askbox{width:100%; margin:0 auto; min-height:100vh}
.searchK{padding:10px; background:var(--HFbgcolor)}
.searchbox{ display:flex; align-items:center;width:100%; margin:0 auto;  max-width:var(--maxWidth); justify-content:space-between }
.searchq{ padding:5px 30px 5px 5px; border:1px solid #6c757d; height:35px; border-radius:4px; width:100%; background:#f5f7f8}
.doSearch{font-size:1rem; position:absolute; right:5px; top:8px; border:0; background:none}
.doSearch svg{width:20px; height:20px; fill:#6e6e6e; stroke:#6e6e6e}
.nopost{text-align:center; font-size:1.8rem; color:#f00; padding:40px 0}
.askpage{display:flex; justify-content:space-between;width:100%; max-width:var(--maxWidth); margin:0 auto 60px auto; min-height:88vh}
.search_L{flex:0 0 230px; padding:10px}
.search_q{ display:flex; width:100%; flex-direction:column-reverse}
.Lbox{margin:10px 0; border-bottom:1px solid #939393; padding:0 0 10px 0;}
.more_cly{border:none; cursor: pointer; display:inline-block; margin:5px 0 0 25px; color:#000; background:none}
.more_cly::before{content:'+'; font-weight:bold; display:inline-block; margin:0 2px 0 0; font-size:14px}
.search_L_div{font-size:1.1rem; font-weight:bold; position:relative; line-height:1.1}
.search_L_div p{font-size:12px; padding:5px 0 0 20px; color:#555; font-weight:400}
.clybox{overflow:hidden; max-height:360px}
.search_L_div button,.openbtn{display:none}
svg.cssvg{ width:20px; height:24px; fill:#000; stroke:#000; position:relative; top:6px}
.search_q dt{padding:8px;color:#26282a; display:flex; width:100%; font-size:1.1rem; justify-content:space-between; align-items:center; font-weight:bold}
.search_q dt button{font-size:12px; padding:1px 3px; background:#e0e4e9; color:#444; border:1px outset #444; border-radius:3px; cursor:pointer}
.search_q dt s{font-size:12px; padding:1px 3px; color:#444; cursor:pointer}
.search_q dt s::after{content:'\25BC'}
.search_q dt s.sort::after{content:'\25B2'}
.search_q dd{padding:4px 8px; font-size:14px}
.clycol{ display:flex; width:100%; justify-content:space-between; align-items:center}
.clycol .btn-close{background:#fff; border-radius:3px; color:#666; border: none; padding:0 3px; font-size:13px}
.clycol .btn-close::before{content:'\2716'}
.search_R{flex:0 0 calc(100% - 230px);  padding:10px 0 10px 10px}
.search_R:hover .asktop2 s{text-decoration:underline; font-weight:700; color:#9F0305}
.midrow{border:1px solid #d1d1d1; color:#222;display:flex; background:#fff;width:100%; padding:10px 10px 10px 130px; flex-direction:column}
.midcard .h3div .poname{flex:0 0 calc(100% - 50px);}
.midcardBg{padding:10px 5px; display:flex; align-items:center; flex-direction:row-reverse; justify-content:space-between}

.midcard{flex:1}
.midcard .h3div{overflow:hidden; text-overflow:ellipsis; height:40px; display:flex; align-items:center}
.midcard p{font-size:14px; height:20px; display:block; overflow:hidden}
.midcard .h3div h3{font-size:1rem; overflow:hidden; height:25px}
.midrow h2{font-size:15px; padding:0 10px;}

.h2row{padding:3px 3px 0 5px;}
.h2row h2{font-size:1.1rem}
.h2row h2 span{color:#DD0635; margin:0 3px 0 0; display: inline-block; font-size:1.5rem}
s{display:inline-block}
.h2rowspan{color:#01831d; font-size:14px; display:block; text-align:right; font-weight:700}
.secd{font-size:13px; position:relative; text-align:right}
.secd span{font-size:15px; padding:0 2px; font-weight:bold; letter-spacing:0}
.secd s{color:#606060; margin-left:2px; letter-spacing:0}
.secdownerids{position:absolute; top:1px; left:3px}

.asktop2{font-size:14px}
.asktop2 strong{font-size:1.2rem}
.asktop2 s{padding:0 2px}
.asktop2 strong::before{content:'\2611'}
.form-check-input{margin:0 6px 0 0}

.setkey{background:#E5E5E5; border-bottom:1px solid #535353}
.setkey ul{display:flex; width:100%; flex-wrap:wrap}
.setkey ul li{padding:2px; margin:0 8px; cursor:pointer}
.setkey ul li:hover{color:#f00}
.setkey s{color:#f00; font-size:12px}

.dropdown{position:absolute; top:60px; background:#fff; padding:5px 0; border:1px solid #C3C3C3; border-radius:4px; width:100%;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 30%); z-index:1}
.dropdown li{font-size:14px; color:#444; padding:5px 10px; width:100%; display:flex; justify-content:space-between}
.dropdown li:hover{background:#E9E9E9; color:#f00}

em.highlight{color:#000; font-style:normal; font-weight:700;}
.qkbox{width:100%;display:flex; justify-content:center; align-items:center; min-height:100vh; position:fixed; top:0; left:0; margin:0 auto; flex-direction:column; padding:0 10px; background-repeat:no-repeat; background-size: cover; color:#333;} /*background-image:url(//file.web66.com.tw/seo/ask/askbg.png);*/
.searchname{font-size:4.5rem; font-weight:700; color:#333; padding:0 0 20px 0;text-shadow:2px 3px 5px #7e898f; letter-spacing:1px; text-align:center}
.searchname p{font-size:3.5rem; text-align:center; color:#333}
.searchname span{display:inline-block}
.searchdiv2{ width:100%; display:flex;justify-content:center; align-items:center; margin:25px 0}
.searchq2{flex:0 0 calc(55% - 90px); padding:5px; border:1px solid #6c757d; height:45px; border-radius:5px 0 0 5px; font-size:1.5rem;box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 30%);}
.doSearch2{flex:0 0 80px; background:#6c757d; color:#fff; font-size:1rem; height:45px; text-align:center; border:1px solid #6c757d; letter-spacing:2px; padding:5px 0 0 0; font-weight:400; border-radius:0 5px 5px 0}
.b2b{font-size:1.8rem; font-weight:700; text-align:center; padding:10px 0}
.footNumer{display:flex; justify-content:center; max-width:700px; width:100%; align-items: center}
.footNumer li{font-size:1rem; margin:10px 5px; background:#324b99; text-align:center; flex:1; font-weight:700; color:#fff; line-height:2rem; padding:10px 0 5px 0}
.footNumer li strong{ font-size:2.3rem; letter-spacing:0}
.mem{margin:0 4px; letter-spacing:0; font-size:2rem; color:#f00}
.asktoK{padding:0 5px; font-size:14px}
.asktoK a{ display: inline-block; margin:8px; color:#fff;}
.postindex{display:flex; min-height:89vh; width:100%; max-width:var(--maxWidth); justify-content:center;align-items:center; margin-left:auto; margin-right:auto; top:-100vh}
.postHome{flex:1; padding:10px; text-align:center}
.moble{display:none}
.postrow{display: flex;width: 100%;flex-direction: column;}
.postrow li{padding:5px; background:#f7f7f7; margin:0 0 3px 0; border-radius:3px; display: none; justify-content: space-between; align-items:flex-start;transition: box-shadow .1s linear,transform .1s linear; border:1px solid #e3e3e3;}
.postrow li:nth-child(-n+60){display:flex}
.postrow li:hover,.postrow li.addli{box-shadow:0 2px 2px 0 rgb(0 0 0 / 68%); background:#f5f7f8; cursor:pointer}
.postrow li div.postname{flex:0 0 calc(100% - 40px)}
.postrow li div.postname:hover h3{font-weight:bold; color:#000}
.postrow li button,.midcardBg button{flex:0 0 25px; border: 1px solid #d1d1d1; border-radius:3px; text-align:center; font-size:14px; cursor:pointer; height:25px;}

.postrow li button.noadd::before{content:''; color:#d1d1d1 !important; font-size:1.1rem; opacity:.5}

.postrow li:hover button,.postrow li button.add,.midcardBg button.add{height:25px; text-align:center}
.postrow li:hover button::before,.postrow li button.add::before,.midcardBg button.add::before{content:'\2714'; font-size:1.1rem}
noadd::before{position:relative; content:'';border: 2px solid #9B0002;border-right: 2px solid #fff;border-bottom: 1px solid #fff;height: 10px;width: 10px; top:1px; left:0;border-radius: 50%; animation: gotwo 2s infinite linear; margin-right:1px; display:inline-block}
.postrow li .h3div{font-size:1rem;overflow:hidden; text-overflow:ellipsis; height:40px; display:flex; margin:0 0 3px 0}
.postrow li .h3div .poname{flex:0 0 calc(100% - 50px);}
.postrow li .h3div .poname h3{font-size:1rem; overflow:hidden; height:20px}
.postrow li p{font-size:14px; color:#000; overflow:hidden; height:20px}
.h3img{ flex:0 0 40px;height:40px; overflow:hidden; margin:0 8px 0 0;  border:1px solid #CCCCCC; line-height:40px; text-align:center}
.kk{color:#B00002; font-weight:800}
.addbg{color:#CB0003}
.homelist{width:80%; display:flex; justify-content:center; align-items:center; margin:0 auto}
.homelist li{flex:1; text-align:center;}
.homelist span{font-size:21px; display:inline-block; border-radius:100%; width:45px; height:45px; text-align:center; background:#b1b1b1; font-weight:700; color:#fff; line-height:45px; margin:0 0 10px 0}
.homelist li.lison span{background:#9B0002}
.homelist li.lison p{ color:#9B0002}

.homeh2{font-size:2.4rem; margin:10px 0}
.homek{width:100%;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / .5%); border-radius:8px; margin:0 0 15px 0; background:#fff; border:1px solid #e7e7e7;}
.homek th{}
.traskmid th,.traskmid td{padding:5px 4px !important; font-size:15px; color:#fff !important; background:var(--HFbgcolor);}
.homek td{padding:10px 4px; text-align:left}
.homek input{width:100%; padding:8px 3px; border:1px solid #949393}
.homek input.keyword_{border:1px solid #f00}
.homek select{ padding:8px 5px; border:1px solid #949393}
.homek textarea{width:100%; padding:8px 3px; border:1px solid #949393}
.doSearchgome{font-size:1.5rem; font-weight:700; letter-spacing:2px; text-align:center; padding:5px 10px; border-radius:4px; color:#fff; background:#0A4BCF; border:1px solid #0A4BCF; position:relative}
.doSearchgome::before{content:"AI"; font-size:12px; position:relative; left:3px; top:-5px; display:inline-block; margin-right:14px}
.doSearchgome::after{content:'\1F446'; position:absolute; right:15px; bottom:-15px}
.gotwo{border: 3px solid #9B0002;border-right: 3px solid #fff;border-bottom: 3px solid #fff;height: 30px; position: absolute;width: 30px; top:6px; left:5px;border-radius: 50%; animation: gotwo 2s infinite linear}
.doSearchgome:hover{background:#324b99; cursor:pointer}

@keyframes gotwo {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}	}

.post_div{width:100%; flex-wrap:wrap; display:flex; align-items:center; font-size:12px}
poimg{padding:0 0 0 44px}
.post_div span{padding:0 12px 0 0;}
.post_div span s{}
.post_div span::before{font-size:14px; color:#970928}
.post_div span.countrycly svg{ width:10px; height:10px; position:relative; top:1px; fill:#555; stroke:#555;}

span.vipask{font-size:13px; display:inline-block; margin:0 2px}
span.vipask::before{color:#fff;content:'\2714';}

span.vip{ color:#8d7315; font-size:13px; display:inline-block; margin:0 2px}
span.vip::before{color:#8d7315;content:'\2714';}
.askmidask li.addset::after{content:'\2716'; color:#fff !importants}
.post_div span.capital::before{content:'\0024'; color:#555;}


.setpost{padding:0 10px;position:fixed; width:100%; bottom:0; left:0; background:var(--HFbgcolor); color:#fff; font-size:1.3rem; font-weight:700; letter-spacing:1px;box-shadow: 0 0 9px 3px #6a6a6a; justify-content: center; display:flex; min-height:70px; align-items:center; z-index:100}
.addask{}
.setRask{cursor:pointer}
.askmidask{display:flex; flex-wrap:wrap; align-items:center; width:100%; cursor:pointer}

li.ownerids{position:relative}
.li.ownerids::before{content:'\2714'; color:#79c04c; font-size:2rem; position:relative; z-index:2; margin-right:18px; left:8px}

.ownerids_btn{border: 3px solid #9B0002;border-right: 3px solid #fff;border-bottom: 3px solid #fff;height: 40px; background:#6c757d; position: absolute;width: 40px; top:6px; left:0;border-radius: 50%; animation: gotwo 2s infinite linear; z-index:1; opacity:.7}

.askmidask li{ margin:2px 10px 2px 0;}
.askmidask li.addset{border:1px solid #fff; padding:2px 3px; font-size:1rem; cursor:pointer}

.small{font-size:15px; color:#79c04c; padding:0 3px}
.setpost button.button{ background:var(--btncolor); border:1px solid #fff;box-shadow:0 0.2rem 0.4rem rgb(255 255 255 / 30%); padding:6px 10px; color:#fff; border-radius:4px; cursor:pointer; font-size:15px; position:relative; font-weight:bold}
setpost button.button::before{position:absolute; top:-12px; left:20px; content:'\25BC'; color:#fff; font-size:12px}
setpost button.button::after{position:absolute; width:100%; top:-16px; color:#fff; text-align:center; font-size:14px;left:0; content:'Step2'}
.setask{flex:0 0 78px}

.setpost button:hover{ opacity:.8}
.service{overflow: hidden;text-overflow: ellipsis; height:20px}
.codeid{border:1px solid #333; color:#333; background:#E8E4E4; margin:0 0 0 5px; cursor:pointer; border-radius:4px; padding:5px 5px; font-size:12px; position:relative; top:2px}
.formwrap{margin:10px auto; max-width:var(--maxWidth); width:100%; font-size:14px; letter-spacing:1px; line-height:1.5; padding:8px; min-height:92vh; top:-100vh}
.formwrap h1.h2ask{text-align:center; font-size:2.5rem; letter-spacing:2px}
h2#ask{ font-size:14px; color:#092c47; margin:0 0 12px 0}
.formwrap p.setps{text-align:center; font-size:1.3rem}
.setbox{display:flex; width:100%; justify-content:space-between; margin:20px 0}
.setfrom{ flex:0 0 49%}
.askmidset{padding:8px 35px 8px 8px; background:#fff; margin:0 0 10px 0; border-radius:5px;border:1px solid #e7e7e7; position:relative; color:#092c47}
.askmidset .h3div{overflow:hidden; text-overflow:ellipsis; height:40px; display:flex; align-items:center}
.askmidset .h3div .poname{flex:0 0 calc(100% - 50px);}
.askmidset .h3div .poname h3{font-size:1rem;overflow:hidden; height:20px}
.askmidset p{font-size:13px; height:20px; display:block; overflow:hidden}
#owner{position:absolute; top:-1px; right:-1px; font-size:12px; padding:0 2px; background:#03405f; color:#fff; border-radius:0 0 0 15px;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 30%);}
.owner{position:absolute; top:-1px; right:-1px; font-size:12px; padding:0 2px; background:#980002; color:#fff; border-radius:0 0 0 15px;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 30%);}
.setname{ border-radius:8px; padding:10px; flex:0 0 49%}
.ownerdel{position:absolute; right:0; bottom:0; cursor:pointer; font-size:12px; padding:1px 3px;  border-radius:12px 0 8px 0; background:#f5f7f8; color:#000; border:1px solid #E0E0E0; border-right:none; border-bottom:none}
.ownerdel::before{content:'\2716'}
.setok{width:80%;margin:20px auto;}
.setok table{box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 15%); border-radius:8px; padding:10px; background:#fff; width:100%; }
.setok th{width:80px; font-size:14px; color:#444; padding:5px; text-align:right; border-bottom:1px dotted #969696}
.setok td{font-size:14px; color:#444; padding:5px; color:#000;border-bottom:1px dotted #969696; text-align:left}

.formwrap table:hover{border:1px solid #03405f}
.formwrap table{width:100%;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / .5%); border-radius:8px; margin:0 0 15px 0; padding:8px;  background:#fff; border:1px solid #e7e7e7;}
.formwrap th{padding:10px 5px; width:80px; text-align:right; vertical-align:top}
.formwrap td{padding:10px 4px}
.formwrap input{width:100%; padding:8px 3px; border:1px solid #949393}
.formwrap select{ padding:8px 5px; border:1px solid #949393; margin:0 0 0 3px}
.formwrap textarea{width:100%; padding:8px 3px; border:1px solid #949393}
.check{color:#f00; font-size:12px}
.formwrap .btn-secondary{border-radius:8px; display:inline-block; padding:8px 15px; margin:10px;background:#666; border:1px solid #666; color:#fff; font-size:18px}
.formwrap .form-submit_web66{border-radius:8px; padding:10px 15px; background:#01831d; border:1px solid #01831d; color:#fff; letter-spacing:1rem; font-size:1.8rem; display:table; margin:35px auto 10px auto ; min-width:50%; font-weight:700}
.btn-notset{border-radius:8px; padding:15px 15px; margin:30px auto 0 auto;background:#f5f7f8; border:1px solid #333; color:#333; font-size:1.8rem; display:table; width:80%; font-weight:700}
.btn-notset::before{content:'\271A'}

.setrow{text-align:center; font-size:1.8rem; color:#f00; display:flex; justify-content:center; min-height:30vh; align-items:center}
.setrow4{text-align:center; font-size:1.8rem; color:#f00; display:flex; min-height:88vh; align-items:center; flex-direction:column}
.setrow4 a{ padding:5px 10px; margin:10px 20px; color:#fff; font-size:1.8rem; border-radius:5px}
.gohome{background-image: linear-gradient(#0e6aed,#1a5ade);}
.toask{    background-image: linear-gradient(to bottom,#79c04c 0,#61a038 100%);}

#navfoot{display:flex; align-items: center; justify-content:center; width:100%; position:absolute; left:0; bottom:0}
#navfoot a{padding:3px; margin:10px; color:#333; font-size:14px}
.tofree{display:block; margin:25px 0 0 0 !important}
#askfoot{text-align:center; padding:10px; color:#fff; font-size:14px; letter-spacing:1px; background:var(--HFbgcolor)}

.home-enter-active,.home-leave-active {  transition: all 1s;}
.home-enter-from,.home-leave-to { overflow:hidden; min-height:0; height:0   }
.home-enter-to,.home-leave-from { overflow:hidden; position:relative;top:0}


.setform-enter-active,.setform-leave-active {  transition: all .8s;}
.setform-leave-to,.setform-enter-from{ overflow:hidden; position:relative; top:-100vh; min-height:0  }
.setform-enter-to,.setform-leave-from {overflow:hidden; position:relative; top:15px}
 
datalist {position: absolute; max-height: 20em;   overflow-x: hidden;  overflow-y: auto; text-align:left; left:0; width:100%; z-index:10;}

datalist option { font-size: 0.8em; padding: 0.3em 1em; background-color: #ccc; cursor: pointer; display:block; width:100%}

datalist option:hover, datalist option:focus { color: #fff;  background-color: #036; outline: 0 none;}  
  
@media (max-width: 760px){
	.midrow{padding:10px;}
.asktop::before{top:-40px;background:url(//img.web66.com.tw/_file/seo/ask/logo.png) no-repeat;background-size:100%}
.nowbg div::after{right:-24px !important}
	.headtitle{justify-content:center}
.postHome,.searchtop{width:100%}
.headtitle h1, .headtitle div{font-size:1.6rem;}	
.headtitle p{}
.homelist{width:100%}
.homelist p{font-size:14px}
	#navhead,.desk{display:none}
	.moble{display:block}
.searchdiv{flex:1; margin:0; width:100%; justify-content:center; text-align:center}	
.send_bg{flex-direction:column}
.setok{width:97%}	
.postindex{ flex-direction:column}
postrow li:hover button{ opacity:.2}
.search_q dt s::after{content:'\25B2'}
.search_q dt s.sort::after{content:'\25BC'}
.searchname{font-size:2rem}
.searchname p{font-size:1.8rem}
.doSearch2{width:50px; position:relative; top:3px}
.searchdiv2{display:block}
.setbox{flex-direction:column}
.setname{padding:0; margin-top:30px}
.askmidask li.addset{display:none}
.askpage{ flex-direction:column; margin:0; max-width:100%}
.search_R,.search_L{flex:1; padding:10px 5px}
.search_L{position:fixed; width:75%; top:0; left:-100%; background:#fff; height:calc(100vh - 70px); border-right:1px solid #BCBCBC; overflow: hidden; z-index:120}
.search_L_div_box{height:calc(100vh - 140px); width:100%; overflow:auto}

.clycol .btn-close{margin:0 0 0 5px}
.submitdiv{position:fixed; left:0; bottom:0; width:100%; background:#fff;box-shadow: 0 0 9px 3px #CDCDCE; border-top:1px solid #444; z-index:100}
.submitdiv .form-submit_web66{margin:5px auto}

 .b2b{font-size:1.5rem;padding:5px 0}
 .b2b p{}
 .b2b span{display:inline-block}
.footNumer li{font-size:1rem; margin:5px; flex:auto}


.searchdivp{ font-size:1.3rem}

.secdownerids{position:relative; display:block}
.secd{text-align: center}

.midrow{padding:5px 5px; flex-direction:column; align-items:flex-start}
.midrow h2{flex:1}
.midcardBg{ flex:1; padding:10px 5px; border:0;}
.search_L_div button{display:block; position:absolute; top:5px; right:10px; border:1px solid #555; color:#555; padding:2px 8px}
.openbtn{display:block; border:1px solid #fff; color:#fff; background: none; padding:2px 8px}
.openbtn svg{ width:17px; height:17px; fill:#fff; stroke:#fff; position:relative; top:3px}
}