

img{ border-radius:0.25rem; }

video{ border-radius:0.25rem !important; }


/* ↓ mtcx pmdx */
			/* 4k 3840×2160 () */
			@media screen and (min-width:3840px) {
				body{ font-size:1.35rem; }
				#ph{ display:none; } 
                img { width:19.6rem; height:19.6rem; } 
				video{ height:19.6vh; width:auto; }
                audio{ width:10vw;}
				.tipsText{ font-size:0.6rem; }
			} 
			/* 2k 2560×1440 () */
			@media screen and (min-width:2560px) and (max-width:3839px) {
				body{ font-size:1.3rem; }
				#ph{ display:none; } 
                img { width:22.4rem; height:19.6rem; } 
				video{ width:19vw; height:19.6vh;}
                audio{ width:10vw;}
				.tipsText{ font-size:0.6rem; }
			} 
			/* 1k 1920x1080 () */
			@media screen and (min-width:1901px) and (max-width:2559px) {
				body{ font-size:1.2rem; }
				#ph{ display:none; } 
                img { width:13rem; height:9rem; } 
				video{ width:18.7vw; height:24.2vh;}
                audio{ width:19vw;}
				.tipsText{ font-size:0.6rem; }
			}
			/*0.9K ipadpro12.9 buBuGaoS5Pro*/
			@media screen and (min-width:992px) and (max-width:1900px) { 
				#ph{ display:none; }
                img { width:16rem; height:14rem; } 
				video{ width:18vw; height:21vh; }
				audio{ width:18vw;}
				.tipsText{ font-size:0.6rem; }
			}
			/*0.7K 中屏(四分屏时) allPhoneIn ipad bbgS3 (miPhone oppo phone */ 
			@media screen and (min-width:768px) and (max-width:991px) {
				body{ font-size:1.2rem; }
				#pc{ display:none; }
				audio{ width:30vw;}
				img{ width:27vw; height:13vh; }
				video{ width:30vw; height:20vh; }
				.tipsText{ font-size:0.6rem; }
			} 
			/*0.5K 小屏 mipad */
			@media screen and (min-width:576px) and (max-width:767px) {
				body{ font-size:1.2rem; }
				#pc{ display:none; }
				img{ width:17vw; height:12vh; }
				audio{ width:30vw;}
				video{ width:30vw; height:20vh; }
				.tipsText{ font-size:0.6rem; }
			} 
			/*0.4K 底屏 */
			@media screen and (max-width:575px) {
				body{ font-size:1.2rem; }
				#pc{ display:none; }
				audio{ width:43.4vw;}
				img{ width:21vw; height:10vh; }
				video{ width:30vw; height:20vh; }
				.tipsText{ font-size:0.6rem; }
			}
		/* ↑ */
		
		
		/* Start(A label) */
			
        a:link {text-decoration:none; margin-top:0.25rem; display:inline-block; border-radius:0.25rem;color: rgb(0, 0, 0,0.9); background: rgb(221, 230, 229);padding:0.25rem; text-align: center; transition: 0.25s; }	
			
			a:visited {	
				color: rgb(0, 0, 0,0.9);
			} 
			
			/* open style */
			a:focus {
				color:deeppink; 
				background:rgb(170, 170, 170); 
				box-shadow: 0 0 2px 3px silver; /* */
				} 
			
			/* style */
			a:hover { 
				color:blue; 
				background-image:linear-gradient( bisque, pink, bisque);
				box-shadow: 0 0 6px 8px silver;
                transition: 0.25s; 
			}
			
			/* style */
			a:active {
				color:greenyellow; 
				background:rgb(170,170,170);
				box-shadow: 0 0 0px 0px rgb(170,170,170); 
			}
			
		/* End(A label) */ 

		html{ scroll-behavior:smooth; } 

		ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
			display: flex;
		}
		
		li {
			margin-right: 10px;border:1px solid white; border-radius:0.25rem; background-color:silver; padding:0.25rem; text-align: center; transition: 0.25s; cursor:pointer; 
		}

		li:link {text-decoration:none; margin-top:0.25rem; display:inline-block; border-radius:0.25rem;color: rgb(0, 0, 0,0.9); background: rgb(221, 230, 229);padding:0.25rem; text-align: center; transition: 0.25s; }	
		
		li:visited {	
			color: rgb(0, 0, 0,0.9);
		} 
		
		/* open style */
		li:focus {
			color:deeppink; 
			background:rgb(170, 170, 170); 
			box-shadow: 0 0 2px 3px silver; /* */
			} 
		
		/* style */
		li:hover { 
			color:blue; 
			background-image:linear-gradient( bisque, pink, bisque);
			box-shadow: 0 0 6px 8px silver;
			transition: 0.25s; 
		}
		
		/* style */
		li:active {
			color:greenyellow; 
			background:rgb(170,170,170);
			box-shadow: 0 0 0px 0px rgb(170,170,170); 
		}
		
