@charset "utf-8";
/* CSS Document */

body{
	position: inherit;
	background-color:black;
	font-family: "Times New Roman", Times, serif;	
	color:white;
	
	-ms-user-select:none;
	user-select:none;
	
	
	-webkit-text-size-adjust: auto !important;
	//text-size-adjust: none !important;
	//-moz-text-size-adjust: none !important;
	
	
	}
#Clock{
	position: absolute;
	height:1200px;
	width:1920px;
	border:1px solid red;	
	left: 0px;
	top:0px;
	overflow: hidden;
	
}



.skymap-div{
	//background-image: url(nmap.jpg);
	position:absolute;
	height:1255px;
	width: 1255px;
	//border-radius: 1000px;
	//border:2px solid red;
	background-size: contain;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);		
}
#sm1
{
	z-index:0;
}

#sm2
{
	z-index:2;
}


#RDY-DIV{
	//background-image: url(nmap.jpg);
	position: absolute;
	height:1000px;
	width: 1000px;
	border-radius: 1000px;
	//border:2px solid red;
	background-size: contain;
	pointer-events: none;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:1;		
}

#cl-cent{
	position: absolute;
	height:10px;
	width:10px;
	//border:1px solid red;
	//pointer-events: none;
	left:50%;
	top:50%;
	z-index:3;
}
#sunpic{
	//background-image:url('pic/giphy3.gif');
	background-size: contain;
	position: absolute;
    width: 16px;
    height: 16px;
	border-radius: 25px;
	border:1px solid red;
	//left:960px;
	//top:200px;
	transform:translate(-50%,-50%);	
}
#moonpic{
	//background-image:url('pic/月亮.jpg');
	//overflow:hidden;
	background-size: contain;
	position: absolute;
    width: 16px;
    height: 16px;
	border-radius: 25px;
	border:1px solid white;
	//left:960px;
	top:200px;
	transform:translate(-50%,-50%);	
}

#earthmap-div{
	//background-image: url(nmap.jpg);
	position: absolute;
	height:1000px;
	width: 1000px;
	border-radius: 1000px;
	//border:2px solid red;
	background-size: contain;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	
	z-index:4;	
		
}

#hour-div{
	//background-image: url(nmap.jpg);
	position:absolute;
	height: 1000px;
	width: 1000px;
	border-radius: 1000px;
	//border:2px solid red;
	background-size: contain;
	pointer-events: none;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	
	z-index:5;		
}
#min-div{
	//background-image: url(nmap.jpg);
	position: absolute;
	height: 1000px;
	width: 1000px;
	border-radius: 1000px;
	//border:2px solid red;
	background-size: contain;
	pointer-events: none;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:6;		
}
#sec-div{
	//background-image: url(nmap.jpg);
	position: absolute;
	height: 1000px;
	width: 1000px;
	border-radius: 1000px;
	//border:2px solid red;
	background-size: contain;
	pointer-events: none;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);

	z-index:7;		
}

#secD{
	position:absolute;
	left:500px;
	top:960px;
	text-align:right;
	font-size:8px;
	transform: translate(-50%,-50%) rotate(180deg);
	opacity:0.8;
	
	}

#kedu-div{
	//background-image: url(nmap.jpg);
	position:absolute;
	height: 1100px;
	width: 1100px;
	border-radius: 1000px;
	//border:2px solid red;
	background-size: contain;
	pointer-events: none;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);

	z-index:8;		
}

#DateC{
	//background-image: url(nmap.jpg);
	position: absolute;
	height:1000px;
	width: 1000px;
	border-radius: 1000px;
	//border:2px solid red;
	background-size: contain;
	pointer-events: none;
	
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);

	z-index:8;		
}

#e1date
{
	position: absolute;
	
	height:20px;
	width: 100px;
	
	//border:1px solid red;
	overflow:hidden;
	
	left:535px;
	top:150px;
	
	text-align:center;
	line-height:20px;
	
	
	transform: translate(-50%,-50%) rotate(-82.5deg);
	font-size:12px;

	
}
#w1date
{
	position: absolute;
	
	height:20px;
	width: 100px;
	overflow:hidden;
	//border:1px solid red;
	//font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	
	left:555px;
	top:150px;
		
	text-align: center;	
	line-height:20px;
	
	transform: translate(-50%,-50%) rotate(97.5deg);
	font-size:12px;
}

#e2date
{
	position: absolute;
	
	height:20px;
	width: 100px;
	
	//border:1px solid red;
	
	left:510px;
	top:910px;
	
	text-align:center;
	line-height:20px;
	
	
	transform: translate(-50%,-50%) rotate(90deg);
	font-size:12px;
}
#w2date
{
	position: absolute;
	
	height:20px;
	width: 100px;
	//border:1px solid red;
	
	left:490px;
	top:910px;
		
	text-align: center;	
	line-height:20px;
	
	transform: translate(-50%,-50%) rotate(-90deg);
	font-size:12px;
}


	



#time-div1
{
	position:absolute;
	height:30px;
	width:600px;
	//border:1px solid red;
text-align:right; 
font-family:monospace;
font-size:28px; 
position:absolute; 
top:10px;
right:10px;
}
#time-div2
{
	position:absolute;
	height:30px;
	width:600px;
	//border:1px solid red;
text-align:left; 
font-family: monospace; 
font-size:28px; 

top:10px;
left:10px;
}

#time-div3
{
position:absolute;
height:200px;
width:300px;	
//border:1px solid red;	
text-align:right; 
font-family: monospace;
line-height:24px;
font-size:20px; 
 
top:60px;
right:10px;
}


#ctime-div
{
	width:300px;
	height:300px;
line-height:22px;
text-align:right; 
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
letter-spacing:2px;
font-size:18px; 
position:absolute; 
top:320px;
right:10px;
opacity:0.8;
}

#sunmoon
{
position:absolute;
height:360px;
width:250px;

//border:1px solid red;
text-align:right; 
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:18px;

letter-spacing:1px;
word-spacing:0.12em;
line-height:22px;
color:gold;
display:block;

bottom:100px; 
left:-10px;
opacity:0.8;
}
#sunmoon a
{
	padding:1px;
}


#sunname
{
position:absolute;	
height:360px;
width:300px;
	
//border:1px solid red;
text-align:right; 
font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:18px;
text-align:left; 
line-height:22px;
//color:gold;

bottom:78px; 
left:30px;
opacity:0.8;
}


#jwd2
{
//border:1px solid red;
height:170px;
width:230px;

//text-align:right; 
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:12px;
line-height:16px;
letter-spacing:1px;
position: absolute;
bottom:0px; 
left:5px;
opacity:0.8;
z-index:10;

}


#jwdTL
{	
	position:absolute;
	//height:70px;
	//width:230px;
	//border:1px solid blue;
	bottom:30px; 
	left:30px;
}
#jwdTR
{	
	text-align:right;
	position:absolute;
	//height:70px;
	//width:230px;
	//border:1px solid blue;
	bottom:30px; 
	right:70px;
}



#jwd1
{
//border:1px solid red;
height:170px;
width:230px;

//text-align:right; 
pointer-events: none;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:18px;
line-height:22px;
letter-spacing:1px;
position:fixed;
bottom:20px; 
right:20px;
opacity:0.8;
z-index:10;

}
#stinfo1
{
//border:1px solid red;
height:170px;
width:230px;

//text-align:right; 
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:18px;
line-height:22px;
letter-spacing:1px;
position: absolute;
bottom:30px; 
left:57px;
opacity:0.9;
z-index:10;
}
#stinfo1 a
{
	display:block;
	padding-top:2px;
	font-size:14px;
		}


#stinfo3
{
//border:1px solid red;
height:170px;
width:230px;

text-align:right;
word-spacing:0.11em; 
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:18px;
line-height:22px;
letter-spacing:1px;

position: absolute;
bottom:30px; 
right:50px;
opacity:0.9;
z-index:10;

}

#stinfo3 a
{
	padding:1px;
}

#stinfo2
{
//border:1px solid red;
height:170px;
width:230px;
word-spacing:0.11em;
text-align:right; 
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:18px;
line-height:22px;
letter-spacing:1px;
position: absolute;
bottom:30px; 
right:173px;
opacity:0.9;
z-index:10;

}


#jwdR
{
	position:absolute;
	//height:70px;
	//width:230px;
	//border:1px solid blue;
	bottom:0px; 
	left:0px;
	
}

#jwdL
{	text-align:right;
	//height:70px;
	//width:230px;
	//border:1px solid white;
	word-spacing:0.11em;
	position:absolute;
	bottom:0px;
	right:0px;
}
#jwdL a
{
	padding:1px;
	}