html		{ scroll-behavior: smooth; }
body 		{ width:400; margin:0 auto; background-color:#eee; -webkit-text-size-adjust:none; font-family:微軟正黑體,Sans-serif; }
form		{ margin:0; vertical-align:top; }
input		{ color:#aaa; border:dashed 0px #888; font-size:16; line-height:1.5; font-family:微軟正黑體,Sans-serif; padding:0; width:100%; background-color:transparent; -webkit-appearance:none; transition:all 0.5s; }
input:focus	{ color:#000; outline:none; }
input[type=submit] { color:#aaa; border:dashed 0px #f00; font-weight:normal; text-align:right; }
textarea	{ color:#aaa; border:dashed 0px #888; font-size:16; font-family:微軟正黑體,Sans-serif; padding:0; width:100%; background-color:transparent; -webkit-appearance:none; transition:all 0.5s; resize:none; height:24; overflow:hidden; }
textarea:focus	{ color:#000; outline:none; }
a 		{ color:inherit; text-decoration:none; }
img 		{ border:none; }
table		{ width:100%; border-spacing:10px; }
td 		{ padding:0; }
button		{ font-size:14; background-color:transparent; }
div		{ color:#000; font-size:14; line-height:1.5; overflow:hidden; }

.txt_yami	{ line-height:1.0; font-weight:bold; font-family:ChalkBoardSE-Bold,Comic Sans MS;  }
.dbutton 	{ margin:0 50; padding:20; font-size:26; color:#fff; text-align:center; text-shadow:1px 1px #404080; font-weight:bold; border-radius:12px; box-shadow:0 1px 3px #888; background-color:#759ae9; 
		  background-image:linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); 
		  background-image:-webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); }
.dbutton1 	{ margin:0 50; padding:20; font-size:26; color:#fff; text-align:center; text-shadow:1px 1px #404080; font-weight:bold; border-radius:10px; box-shadow: 0 1px 3px #888; 
		  transition:all 0.3s; background-color:#2463de; 
		  background-image:linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); 
		  background-image:-webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); }
.dbutton1:hover { text-shadow:1px 1px 24px #FFFFFF; }
.dnote1  	{ margin:0 50; padding:15; font-size:14; color:#000; border:dashed 1px #888; border-radius:10px; }

.button2 	{ width:260; padding:15; background-color:#0af; border-radius:50px; border:none;
		  font-size:20; color:#fff; text-align:center; font-weight:bold; }
.button3 	{ width:260; padding:15; background-color:none; border-radius:50px; border:solid 2px #0af;
		  font-size:20; color:#0af; text-align:center; font-weight:bold; }
.button4 	{ width:260; padding:15; background-color:none; border-radius:50px; border:solid 2px #000;
		  font-size:20; color:#000; text-align:center; font-weight:bold; }

.dcard		{ position:relative; background-color:#fff; box-shadow:0 0px 0px #ccc; }
.dcard2		{ padding:20; background-color:#fff; box-shadow:0 0px 1px #ccc; }
.dcard20	{ position:relative; background-color:#fff; box-shadow:0 1px 3px #ccc; padding:2; }
.dcard00 	{ position:absolute; padding:10; bottom:20; right:20; width:210; box-shadow: 0 1px 2px #ccc; border-radius:10px; background-color:rgba(255, 255, 255, 0.8); }
.dcity 		{ position:absolute; right:20; top:15; }

.dtitle		{ position:relative; color:#000; font-size:16; height:100; }
.dline		{ margin:10 0 10 0; border-top:dotted 1px #ccc; }
.dalert		{ background-color:#fff; margin:10 50; padding:50 10; text-align:center; box-shadow:0 1px 3px #ccc; border-radius:16px; border:dashed 1px #ccc; color:#000; font-size:16; }
.dnodata	{ margin:10; padding:80 10; text-align:center; color:#aaa; font-size:30; font-weight:bold; }
.dstatus	{ margin:10; padding:80 10; text-align:center; color:#aaa; font-size:30; font-weight:bold; line-height:2.0; }
.derror		{ margin:10; padding:80 10; text-align:center; color:#000; font-size:30; font-weight:bold; line-height:2.0; }

.dmore1		{ background-color:#fff; margin:0 10; padding:10; color:#aaa; text-align:center; border-radius:16px; border:dashed 1px #aaa; }
.dmore		{ background-color:#fff; box-shadow:0 1px 3px #ccc; padding:10; text-align:center; }

.td_msg		{ width:80; color:#0cf; font-size:50; text-align:center; line-height:1.0; }

.dtitle1	{ font-size:16; 		text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.dtitle2	{ font-size:16; 		text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.dnote_txt1	{ color:#888; line-height:2.0; 	text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }

.dnote 		{ position:absolute; width:100%; color:#aaa; line-height:2.0; bottom:0; right:0; text-align:right; }
.txt_note	{ font-size:14; color:#aaa; }
.txt_symbol	{ font-size:18; color:#aaa; }
.txt_title	{ font-size:16; }
.txt_title2	{ font-size:20; text-align:center; }

.dname		{ background-color:#fff; margin:0 50; box-shadow:0 1px 2px #ccc; border-radius:16px; }
.dstore		{ background-color:#f0f8ff; height:100; }
.ds1 		{ position:absolute; color:#fff; font-weight:bold; text-shadow:0 1px 1px #666; padding:10; bottom:10; left:110; right:10; border-radius:16px; border:solid 2px rgba(255, 255, 255, 0.5); background-color:rgba(100, 100, 100, 0.2); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); }

.txt_key 	{ color:#aaa; padding:3 12; margin:0 0 0 6; border:solid 1px #aaa; border-radius:16px; white-space:nowrap; }
.txt_keyi 	{ color:#aaa; padding:3 12; margin:0 0 0 6; border:solid 1px #aaa; border-radius:16px; white-space:nowrap; float:right; }
.txt_keys 	{ color:#fff; padding:3 12; margin:0 0 0 6; border:solid 1px #fff; border-radius:16px; white-space:nowrap; float:right; font-weight:bold; font-size:13; }
.txt_map 	{ color:#08d; font-size:13; font-weight:bold; background-color:#cef; padding:0 8 2 8; border-radius:6px; float:right; }
.txt_preview	{ padding:0 15 15 15; font-size:14; color:#aaa; text-align:left; } 

.txt_keyp 	{ color:#aaa; padding:10 0; float:right; }
.dprice		{ padding:10 12; margin:10 0 0 0; background-color:#fff; border-radius:16px; }

.d0x		{ margin:0 70; padding:15 5 5 5; border-bottom:dashed 1px #ccc; color:#aaa; text-align:center; } 
.d1x		{ padding:5;  color:#888; text-align:center; } 
.d2x		{ padding:10; color:#aaa; text-align:center; } 
.d3x		{ padding:30; color:#aaa; text-align:center; } 
.d2y		{ padding:10; } 

.td_tabon 	{ line-height:1.0; padding:0; color:#0cf; font-size:16; text-align:center; white-space:nowrap; border-bottom:solid 2px #0cf; font-weight:bold; }
.td_taboff	{ line-height:1.0; padding:0; color:#000; font-size:16; text-align:center; white-space:nowrap; border-bottom:solid 2px #fff; }

.ilogo		{ width:80; padding:10; }
.td_ic		{ width:100; }
.ic  		{ width:100; }
.td_im		{ width:50; vertical-align:text-top; }
.im  		{ width:50; border-radius:25px; }
.ipic		{ width:100%; }

.ipic1		{ height:130; border-radius:16px; }
.ic80  		{ width:80; padding:2; border-radius:12px; }
.durl		{ padding:0; margin:10 0 0 0; background-color:#fff; border-radius:16px; }
.turl		{ border-spacing:6px; }

.dsearch 	{ margin:10 20 10 20; padding:0 5; 	border-radius:30px; border:solid 1px #ccc; 	background-color:#fff; transition:all 0.3s; }
.dshare		{ margin:0 70; padding:0 5; 		border-radius:10px; border:solid 0px #fff;	background-color:#fff; transition:all 0.3s; }
.ishare		{ margin:10 0; width:100%; }
.dinput 	{ margin:0 70; padding:0 5; 		border-radius:30px; border:solid 0px #fff;	background-color:#fff; transition:all 0.3s; }
.dkey		{ display:none; margin:0 10 10 10; padding:10 0 0 0; border-top:dotted 1px #ccc; }
.dkey2		{ display:none; margin:0 10 10 10; padding:10 0 0 0; border-top:solid 1px #ccc; }
.dkey1		{ font-size:16; line-height:2.2; }

.dslogon2	{ margin:0 0 0 0; padding:20; font-size:60; line-height:1.0; text-align:center; font-weight:bold; 
		  background:linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
		  background:-webkit-linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
		  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
		  text-shadow:0 1px 2px rgba(255, 255, 255, 0.5); 
		}
.dflow		{ overflow:scroll; -webkit-overflow-scrolling:touch; }
.ipics		{ height:200; border:solid 5px #fff; }
.iapps		{ height:100; border:solid 5px #fff; border-radius:16px; }

hr		{ border-bottom:none; border-top:solid 1px #ccc; }
.dpopup		{ position:fixed; bottom:-3600; width:400; height:3600; background-color:rgba(0, 0, 0, 0.0); transition:bottom 0.5s; }
.dmenu		{ position:absolute; bottom:15; width:380; margin:10; padding:0; background-color:#fff; border-radius:10px; }
.ditem		{ padding:12 0; border-bottom:solid 1px #ccc; color:#0cf; font-size:20; font-weight:bold; text-align:center; }
.dline1		{ margin:0 0; border-top:solid 1px #ccc; }
.svg16		{ width:16; height:16; vertical-align:middle; }