@charset "utf-8";
/* 這是處理 android 表格的問題 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {-webkit-text-fill-color: #fff;}
body { margin: 0; }
canvas { width: 100%; height: 100% }
#container{overflow:hidden;}
#floater{position:absolute;width:150px;height:150px;right:0;bottom:0;z-index:4;overflow:hidden;background:rgba(255,255,255,0.7);}
.smapimg{position:absolute;top:-20%;left:-20%;width:140%;height:140%;margin:0;z-index:1;filter: blur(2px);}
#floatercircle{position:absolute;top:0;left:0;width:calc(100% - 4px);height:calc(100% - 4px);margin:0;z-index:2;border-radius:100px;border:2px solid rgba(0,0,0,0.5);background:#fff;overflow:hidden;}
#floatercircle .smapimg{ width:calc(140% + 4px) ;height:calc(140% + 4px);margin:-2px;filter: blur(0);}
/* pop */
#pop{position:fixed;top:0;left:50%;transform: translateX(-50%);width:100%;height:100%;z-index:999998;background:rgba(0,0,0,0.7);overflow:hidden;text-align:center;}
#popin{position:absolute;top:200%;margin-left:10%;transform:translateY(-50%);z-index:1;padding:0;width:80%;background:rgba(255,255,255,1);overflow-y: auto;transition:all 0.5s;}
#popin.on{top:50%;}
#popin.type2{width:200px;margin-left:calc(50% - 100px); padding:60px 30px;min-height:100px;}
#popvideobox{width:100%;}
#popvideobox iframe{width:100%;height:60vw;}
#popcontent{padding:50px 30px;}

.popclosebtn{position:absolute;top:10px;right:5%;height:40px;width:90%;text-align:right;z-index:99; font-size:30px;line-height:44px;}
.popclosebtn i{font-size:44px;line-height:44px;color:#fff;}
#popin .popclosebtn{top:10px;right:10px;}
#popin .popclosebtn i{color:#000;}

.popbtn{display: inline-block;text-decoration:none; width:30%;margin:10px 3%;font-size:16px;line-height:32px;color:#000;text-align:center;border-radius: 10px; border:1px solid #000;}
.poptimewrap{position:relative;margin:20px 0;}
.poptime{position:absolute;left:25%;bottom:0;width:50%;text-align:center;font-size:70px;line-height: 105px;font-weight:bold;}
.fcolorerr{color:#875936;font-weight:bold;}
.fcolorerr1{color:#875936;font-weight:bold;}

@media screen and (max-width: 980px) {
	#popin{margin-left:5%;width:90%;height: 85%;}
	#popin.type2{width:50vw;margin-left:calc(50% - 25vw); padding:10vw 6vwx;min-height:20vw;}
	#popvideobox iframe{height:100vw;}
	#popcontent{padding:8vw 5vw;}
	.popclosebtn{top:2vw;height:8vw;font-size:6vw;line-height:8vw;}
	.popclosebtn i{font-size:8vw;line-height:8vw;}
	#popin .popclosebtn{top:2vw;right:2vw;}
}