@charset "utf-8";
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0; font-size:17px; line-height:30px;}
img{border:0;}
ol, ul{list-style:none;}
.clear{ clear:both;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體";}
button{cursor:pointer;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #02eeda;
  
}



.txt_2 { color:blue;}

 .zhong {border:2px solid;	border-radius:50%; background-color:green; color:#FFFFFF; font-size:12px;  height:20px; width:20px; text-align:center; line-height:20px; background-image:url(../images/lvyuan.png)}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999;
 
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #999;
 
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999;
 
}
.blank30{ height:10px;}

body{font-family:arial,"微軟正黑體";  font-size:17px; line-height:26px; background-color:#9955FF; color:#777}

/*** 登錄頁 ***/
#box{max-width:760px;background-color:#7744FF;width:100%; margin-left:auto; margin-right:auto ; padding-bottom:50px; background-image:url(../images/login_bg01.png); background-size:contain; background-repeat:no-repeat; }
.container{width:90%; min-width:300px; margin-left:auto; margin-right:auto ; display:block; }

.img01{width:100%; display:block;}

		#login{ background-color:#fff; border-radius:15px; text-align:center; width:80%; margin:0 auto; padding-top:30px; padding-bottom:30px; margin-top:200px;}
		#login h1 img{width:80%; max-width:516px; display:block;margin:0 auto; margin-bottom:20px;}
		.txtlogin{ background-color:#EDEDED; border:none; padding-top:15px; padding-bottom:15px;border-radius:10px; color:#999999; width:90%; margin-top:25px; text-indent:15px;} 
		.btnlogin{ background-image:url(../images/btnlogin.png); width:60%; display:block; margin:0 auto; margin-top:25px; border:none;border-radius:25px; height:50px; font-size:20px; color:#fff; cursor:pointer; line-height:50px;}
		

#box2{max-width:760px;background-color:#9955FF;width:100%; margin-left:auto; margin-right:auto ; padding-bottom:50px; }		

#box2 h1{ color:#fff; width:80%; text-align:center; display:block; margin:0 auto; padding-top:25px; padding-bottom:25px;}
	#box2 h1 span{ border-bottom:solid 2px #F9B74C; padding-bottom:20px; padding-left:20px; padding-right:20px; letter-spacing:2px;font-size:20px;}		
		
#box2 h2{ color:#fff; width:80%; text-align:center; display:block; margin:0 auto; padding-top:25px; padding-bottom:25px;}
	#box2 h2 span{ border-bottom:solid 2px #F9B74C; padding-bottom:20px; padding-left:20px; padding-right:20px; letter-spacing:2px;}
	.content{ background-color:#fff; border-radius:15px; text-align:center; width:90%; margin:0 auto; padding-top:20px; padding-bottom:50px; margin-top:30px;}
	.content ul li{ float:left;width:23.3333%; margin-left:5%; margin-right:5%; margin-top:30px;}
	.content ul li img{ display:block ;width:100%; max-width:122px; margin:0 auto; margin-bottom:15px; }
		.content ul li a{ color:#777; font-size:15px;}
		

				 .txt1{box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;height: 25px;line-height: 25px;border: 1px solid #ccc;border-radius: 10px;  text-indent:10px; background-color:#fff; max-width:300px; padding-top:20px; padding-bottom:20px; margin-top:20px; font-size:17px;}
				 
				  .ceshititle {  
	 	 width:100%; height:50px; text-align:center; margin-right:5%; border-radius:25px;box-shadow: 1px 1px 2px #ccc;
	    font-size:17px;; line-height:50px; font-weight:bold; font-size:20px;  max-width:300px; margin-left:auto; margin-right:auto; letter-spacing:10px; background-image:url(../images/bg2.png); margin-top:25px; color:#666464;}
		 
		 .content label{ margin-right:15px; margin-left:15px;}
		 
		 #ts_baby{ color:#666; line-height:30px;}
		 
	
		  .btncp {  
	 	 width:100%; height:50px; text-align:center; margin-right:5%; border-radius:25px;box-shadow: 1px 1px 2px #ccc;
	    font-size:17px;; line-height:50px; font-weight:bold; font-size:20px;  max-width:300px; margin-left:auto; margin-right:auto; letter-spacing:10px; background-image:url(../images/bg3.png); margin-top:25px; color:#666464; border:none; color:#fff;}
			 
			
			 .btncp2 {  
	 	 width:40%; height:30px; text-align:center; margin-right:5%; border-radius:25px;box-shadow: 1px 1px 2px #ccc;
	    font-size:14px;; line-height:30px; font-weight:bold;   max-width:140px; margin-left:auto; margin-right:auto;   background-image:url(../images/bg3.png);   color:#666464; border:none; color:#fff;}
		 
			 		
			.btnback{  width:100%; height:50px; text-align:center; margin-right:5%; border-radius:25px;box-shadow: 1px 1px 2px #ccc;
	    font-size:17px;; line-height:50px; font-weight:bold; font-size:20px;  max-width:300px; margin-left:auto; margin-right:auto; letter-spacing:10px; background-image:url(../images/btnlogin.png); margin-top:25px; color:#666464; border:none; color:#fff; display:block; font-size:16px;}
				.btnback img{ vertical-align:middle; margin-right:10px;}
				
		
		.zptitle{ text-align:center}
		.zptitle a{height:50px; text-align:center; margin-right:5%; border-radius:25px;box-shadow: 1px 1px 2px #ccc;
	    font-size:17px;; line-height:50px; font-weight:bold; font-size:20px;  max-width:300px; margin-left:auto; margin-right:auto; letter-spacing:10px; background-image:url(../images/bg4.png); margin-top:25px; color:#666464; border:none; color:#fff; display:inline-block; float:left; width:45%; margin-bottom:15px;}		
				
				.pager{ margin-top:30px; text-align:center}

.pager span{ background-color:#666; padding:3px 12px 3px 12px ; color:#fff; margin-left:2px; margin-right:2px; display:inline-block; }

.pager a{ background-color:#666; padding:3px 12px 3px 12px ; color:#fff; margin-left:2px; margin-right:2px; display:inline-block; }

#currentpage{ background-color:#F90;padding:3px 12px 3px 12px ; color:#fff;}


input[type=text]{
   
   
   font-size: 18px;
   color: black;
   line-height: 35px;
}

input[type=text]::placeholder{ 
   color: blue;
}

@media screen and (max-width:375px){
	body{font-family:arial,"微軟正黑體"; /* font-size:13px; line-height:26px; */}
	/*.content ul li a{ color:#777; font-size:13px;}*/
	
}


.subtitle a{color:#fff; font-weight: bolder;letter-spacing: 2px;}
.subtitle td{border-right:solid 1px #eee;border-left:solid 1px #ccc;font-size:20px;line-height:20px;}

.hengbg{
margin-top:10px; background-color: #0082F5;padding-top:10px;padding-bottom:10px;
border: none;
background: linear-gradient(to right, #ff7e5f, #feb47b);
color: white;
cursor: pointer;
text-align: center;
transition: background-color 250ms ease;color:#fff;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}

.hengbg30{
	margin-top:30px;  background-color: #0082F5;padding-top:10px;padding-bottom:10px;
	border: none;
	background: linear-gradient(to right, #ff7e5f, #feb47b);
	color: white;
	cursor: pointer;
	text-align: center;
	transition: background-color 250ms ease;color:#fff;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}

	/* ========== 核心：仅需一个class，30x30呼吸金币 + 美元符号 ========== */
	.coin-breathing {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: radial-gradient(circle at 35% 30%, #FFE28A, #F5BC2C 50%, #DA9622 85%, #B57A1A);
		border-radius: 50%;
		box-shadow: 0 2px 4px rgba(0,0,0,0.2), inset 0 1px 2px rgba(255,255,200,0.6);
		position: relative;
		/* 财富呼吸动画：柔和缩放 + 光晕 + 亮度变化 */
		animation: wealthBreathe 1.6s ease-in-out infinite;
		will-change: transform, box-shadow, filter;
		
		  /* 你的原有样式保持不变 */
        animation: quickFlash 0.12s ease-in-out 8;
	}

	/* 美元符号 $  醒目、粗体，完全居中 */
	.coin-breathing::before {
		content: "$";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-family: "Arial", "Helvetica", "Segoe UI", sans-serif;
		font-weight: bold;
		font-size: 16px;
		color: rgba(255, 248, 190, 0.98);
		text-shadow: 0 1px 1px rgba(0,0,0,0.25);
		user-select: none;
		pointer-events: none;
		/* 让美元符号稍微精致一点，加一点微光 */
		filter: drop-shadow(0 0 0.5px rgba(255,235,120,0.8));
	}

	/* 内圈精致细环 + 高光质感 (保持细节，但不增加额外标签) */
	.coin-breathing::after {
		content: "";
		position: absolute;
		top: 12%;
		left: 12%;
		width: 76%;
		height: 76%;
		border-radius: 50%;
		border: 0.8px solid rgba(255, 240, 150, 0.7);
		box-sizing: border-box;
		pointer-events: none;
		background: radial-gradient(circle at 30% 28%, rgba(255, 250, 180, 0.25) 0%, rgba(255,220,80,0) 70%);
	}

	/* 呼吸关键帧：缩放、光晕、亮度波动 */
	@keyframes wealthBreathe {
		0% {
			transform: scale(0.94);
			box-shadow: 0 0 1px 0px rgba(255, 200, 70, 0.5), 0 2px 4px rgba(0,0,0,0.2);
			filter: brightness(0.96);
		}
		50% {
			transform: scale(1.05);
			box-shadow: 0 0 8px 2px rgba(255, 190, 40, 0.85), 0 3px 6px rgba(0,0,0,0.25);
			filter: brightness(1.18);
		}
		100% {
			transform: scale(0.94);
			box-shadow: 0 0 1px 0px rgba(255, 200, 70, 0.5), 0 2px 4px rgba(0,0,0,0.2);
			filter: brightness(0.96);
		}
	}
	
	
	@keyframes quickFlash {
    /* 同上 */
    0%, 100% { transform: scale(0.94); filter: brightness(0.96); }
    50% { transform: scale(1.2); filter: brightness(1.5); box-shadow: 0 0 15px gold; }
}