.askmain{margin:5px auto 18px auto;width:var(--box-width);max-width:var(--max-width); letter-spacing:1px; line-height:1.5; font-size:15px; background:#fff; padding:10px;}

.attop{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:0 10px}
#askh1{padding:10px; font-size:21px; letter-spacing:2px}


.ask_ul_1{width:100%; padding:10px; background:#f7f7f7; display:flex; align-items:center; border-bottom:1px solid #555}
.ask_ul_1 li{padding:5px 28px; text-align:center}
.ask_ul_1 .ask_u_il{font-weight:700; display:block; margin:0 0 10px 0}
.ask_web66{border-radius:5px; background: repeat-x url(//s.web66.com.tw/web66/image/ask/20130124/Ask_D_All-icon2.gif) 0 -184px; color:#fff; font-weight:700; cursor:pointer}
.ask_web66::before{content:''; background:no-repeat url(//s.web66.com.tw/web66/image/ask/20130124/Ask_D_All-icon2.gif) 0 -125px; display:inline-block; width:45px; height:49px; vertical-align:middle; margin:0 5px 0 0}
.ask_web66::after{content:''; background:no-repeat url(//s.web66.com.tw/web66/image/ask/20130124/Ask_D_All-icon2.gif) -116px -125px; display:inline-block; width:4px; height:49px; vertical-align:middle; margin:0 0 0 5px}
.ask_pay{border-radius:5px; padding:3px 10px 0 45px; background:url(//s.web66.com.tw/web66/image/ask/20130124/Ask_D_All-icon2.gif) 0 -400px; color:#333; cursor:pointer; border-left:1px solid #ABABAB; font-size:14px; font-weight:700; position:relative; height:49px; overflow:hidden}
.ask_pay span{color:#f00; display:block; text-align:left; letter-spacing:0}
.ask_pay::before{content:''; background:no-repeat url(//s.web66.com.tw/web66/image/ask/20130124/Ask_D_All-icon2.gif) -10px -882px; display:inline-block; width:30px; height:30px; position: absolute; top:10px; left:10px}
.ask_pay::after{content:''; background:no-repeat url(//s.web66.com.tw/web66/image/ask/20130124/Ask_D_All-icon2.gif) -116px -341px; display:inline-block; width:4px; height:49px; position:absolute; top:0; right:0}
.askBB{padding:10px;}
.AskK_ strong{display:inline-block; margin:0 10px 0 0; color:#000;}
.askBB span{display:inline-block}
.OverexpiredDay{height:49px; line-height:49px; text-align:center; padding:0 25px; border-radius:5px; background:#fff; font-size:16px; color:#333; border:1px solid #333; font-weight:bold;box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 30%)}
.Overexask{height:49px; line-height:49px; text-align:center; padding:0 25px; border-radius:5px; background:#D80A0E; font-size:16px; color:#fff; border:1px solid #fff; cursor:pointer; font-weight:bold;box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 30%)}

.flex,.ask_main{display:flex; padding:20px 0;}
#ask1{display:flex; width:100%; flex-direction:column; gap:1em; align-items:center; justify-content:center}
.ask_main .ask_mainL,.askiist{flex:4;}
.ask_main .ask_mainR,.askside{flex:2; padding:0 8px}
.ask_main .ask_mainR dl{width:100%; padding:10px; border:2px solid #8E8E8E; border-radius:5px; background:#fafafa}
.Cor1{color:#0EB30C}
.Cor2{font-size:12px; color:#c90808; margin:0 0 0 5px}
.Cor21{font-size:15px; color:#c90808; display:block; text-align:center; margin-top:20px; font-weight:700}
.tasktext{color:#222}
.ask_main .ask_mainR dt{font-weight:700}
.ask_main .ask_mainR dd{font-size:16px; padding:3px 0}

.askiist{padding:0 10px}
.askiist h2{padding:10px; font-size:18px; color:#fff; background:var(--box-color)}
.askiist ul{ width:100%; padding:10px}
.askiist li{width:100%; display:flex; font-size:14px; padding:5px; border-bottom:1px dotted #D9D9D9}
.askiist li:hover{background:#F1F1F1}
.askiist li h3{flex:5;}
.askiist li h3 a{color:#039}
.askiist li span{flex:1; text-align:center;white-space: nowrap; letter-spacing:0}
.askiist p{padding:5px 10px; background:#e6ecf2}
.askiist p a{color:#1a237e; font-weight:700}




.tologin{position:fixed; width:100%; height:100%; top:0; left:0; background:#dcdcdccf; display:none}
#tologin{max-width:300px; width:100%; padding:10px; background:#fff; border:3px solid #0E66AF; border-radius:8px; margin:100px auto; font-size:14px; letter-spacing:1px; line-height:1.5; position:relative; flex-wrap:wrap}
.tologinL,.tologinR{ }
.tologin dl{padding:5px}
.tologin dd{padding:4px}
.tologinR s{color:#888}
#off{position:absolute; top:10px; right:10px; text-align:center; width:25px; height:25px; line-height:25px; background:#C5C5C5; color:#555; font-size:14px; cursor:pointer; border:1px solid #666; border-radius:4px}
.tologin dt{font-size:15px; font-weight:700;  text-align:center;}

.tologin .pname{color:#555; font-size:12px}
.tologin .int01{padding:3px; border:1px solid #444; width:80%}
.govippass{margin:5px 0 0 10px}
.govippass a{color:#3188FF; padding:0 5px}
.submit{display:table; padding:5px 20px; font-size:16px; color:#fff; letter-spacing:2px; margin:5px auto; background:#5987F1; border:1px solid #5987F1; border-radius:5px; cursor:pointer;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%); font-weight:700}
.submitvip{display:table; padding:5px 15px; font-size:15px; color:#fff; letter-spacing:2px; margin:0 auto 4px auto; background:#ff7043; border:1px solid #ff7043; border-radius:5px; cursor:pointer;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%); font-weight:700}
.submitvip2{display:table; padding:5px 15px; font-size:15px; color:#fff; letter-spacing:2px; margin:0 auto 4px auto; background:#90a0ff; border:1px solid #6788c1; border-radius:5px; cursor:pointer;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%); font-weight:700}
.submitislogin:hover,button:hover,.submitvip:hover,.submit:hover{opacity:.7}

.sendOK{text-align:center; color:#D00306; font-weight:700}

.tologinR{display:flex; gap:20px; flex-direction:column; align-items:center; justify-content:center}

.tovisa{position:fixed; width:100%; height:100%; top:0; left:0; background:#dcdcdccf; display:none}
#tovisa{max-width:400px; width:100%; padding:10px; background:#fff; border:3px solid #0E66AF; border-radius:8px; margin:100px auto; font-size:14px; letter-spacing:1px; line-height:1.5; position:relative}
.tovisa dt{font-size:15px; font-weight:700; padding:5px 0 5px 5px; border-bottom:1px solid #F1F1F1; background:#1976d2; color:#fff; text-align:center}
.tovisa dd{padding:3px}
.inv0{display:none}
#tovisa label{font-weight:bold; width:80px; display:inline-block; text-align:right; padding:0 5px 0 0}
#tovisa select{ border:1px solid #444; padding:3px}
.corf00{color:#f00; font-weight:bold}
.tovisa .int02{width:calc(100% - 95px); border:1px solid #444; padding:3px}
.tovisa .int03{width:100%; border:1px solid #444; padding:3px}
.tobtn{text-align:center}
#okvisa{ padding:5px 20px; font-size:16px; color:#fff; letter-spacing:2px; margin:5px 10px; background:#5987F1; border:1px solid #5987F1; border-radius:5px; cursor:pointer;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%); font-weight:700}
#notokvisa{padding:5px 20px; font-size:16px; color:#fff; letter-spacing:2px; margin:5px 10px; background:#c2c2c2; border:1px solid #c2c2c2; border-radius:5px; cursor:pointer;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%); font-weight:700}

#islogin_div{padding:15px 50px; background:#bbdefb; margin:10px 0 0 0; font-size:18px; color:#333; border:4px double #fff;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 5%)}
#islogin_div p{padding:3px 0}
.isp span{display:inline-block; margin:2px 0 2px 25px; border-bottom:1px solid #333}
.submitbtn{text-align:center; padding:15px 0 0 0; display:table; margin:auto}
.submitislogin{ display:inline-block; padding:5px 20px; font-size:16px; color:#fff; letter-spacing:2px; margin:0 10px; background:#5987F1; border:1px solid #5987F1; border-radius:5px; cursor:pointer;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%); font-weight:700}
.submitbtn button{ display:inline-block; padding:5px 20px; font-size:16px; color:#fff; letter-spacing:2px; margin:0 10px; background:#989898; border:1px solid #989898; border-radius:5px; cursor:pointer;box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%); font-weight:700}

.isvipask{color:#DD0303; font-size:14px; padding:10px 0 0 0; text-align:center}
.isvipask span{display:inline-block; margin:0 5px}
.isvipask_1{color:#333; font-weight:700}
.isvipask_2{}

#tovisatab2{display:none}
.tovisatab2dd{font-size:15px; text-align:center}
#finalPrice{font-weight:bold; color:#f00}
.tovisatab2ps{font-size:12px; color:#999}
.toUs{padding:15px; background:#F6F6F6; border:1px solid #d0d0d0}
.toUs li{padding:5px 0; letter-spacing:1px; line-height:1.5; font-size:14px}
.toUs .int04{width:100%; border:1px solid #444; padding:3px; height:65px}
.toUs .tousli{line-height:1.2}
.toUs .tobtn{text-align:center}
.toUs .tobtn span{font-size:12px; margin-left:3px; color:#003399; }
.toUs .int05{width:calc(100% - 90px); border:1px solid #444; padding:3px}
.toUs .tops{color:#999; font-size:12px}


@media (max-width: 760px){
	
	.askmain{margin:5px auto; padding:5px}
	.askiist{padding:0}
	
	#islogin_div{padding:10px; font-size:15px}

.ask_ul_1{padding:5px 0; flex-wrap:wrap}
.flex,.ask_main{flex-direction:column}
.ask_ul_1 li{padding:5px}

	.askimg{flex-wrap:wrap}
		.askimg div{padding:10px 0 0 0}
	.askopen .int02{width:100%}
	
}