body{
    background-repeat: no-repeat;
    background-size:cover;
	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
a {color: #222;text-decoration: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
blockquote:before, blockquote:after,q:before,q:after{content:' ';}	
legend {color:#000;}
input, button, textarea, select, optgroup, option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; outline:none; }
input, button, textarea, select { *font-size:100%;}	
.mydoing{
	position: absolute;top:0px;width: 100%;height: 100%;opacity: 0.7;background-color: black;
}
.mydoing .mydoingdiv{
	text-align: center;top: 45%;left: 50%;position: absolute;
}
.mydoing .mydoingdiv img{
	height: 80px;width: auto;border-radius: 9px;
}



.mydoresult{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.5);
	z-index: 99;
}

.mydoresult .mydoresultdiv{	
	background: url("./white_bg.gif") center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid rgba(166, 166, 166, 1);
	border-radius: 10px;
	padding: 10px 30px 30px 30px;
}
.mydoresult .mydoresultdiv img{
    display: block;
	height: 60px;
	width: auto;
	border-radius: 9px;
	margin: 0px auto;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}
.mydoresult .mydoresultdiv .mytext{
    font-size: 24px;
    white-space: nowrap;
    text-align: center;
    font-weight: 500;
	margin-top: 20px;
    font-family: 'HarmonyOSSansTC-Black';
}



.mymessage{
	position: absolute;top:0px;width: 100%;height: 100%;
}
.mymessage .mymessagediv{
	height: 200px;
	background: url("./white_bg.gif") center center;
	background-size: cover;
	position: relative;
	width: 500px;
	margin: 0 auto;
	height: 200px;
	top: 35%;
	border: 1px solid #d2d2d2;
	border-radius: 8px;
}
.mymessage .mymessagediv .titles{
	border-bottom: 1px solid #d2d2d2;height: 30px;
}
.mymessage .mymessagediv .titles .title{
	float: left;margin-top: 5px;margin-left: 8px;
}
.mymessage .mymessagediv .titles img{
	cursor: pointer;
	width: 20px;height: 20px;float: right;margin-right: 6px;margin-top: 5px;
}
.mymessage .mymessagediv .contents{
	line-height: 23px;font-size: 14px;margin-left: 15px;margin-top: 10px;margin-right: 10px;margin-bottom: 20px;
}
.mymessage .mymessagediv .mybt{
	cursor: pointer;
	background-color: #2a82e4;width: 100px;float: right;position: absolute;bottom: 13px;text-align: center;color: white;padding: 3px;font-size: 13px;right: 10px;border-radius: 6px;
}