		body,ul{margin: 0; padding: 0;}
		#ul { 
			background: lemonchiffon;
			width:308px; 
			height: 306px; 
			padding-top: 2px;
			position: relative;
			border: 4px solid #000; 
			border-radius: 4px; 
			margin-left:10px;
		}
		#ul li { 
			/*width:100px; 
			height:100px;*/
			background:pink; 
			float:left; 
			list-style-type:none; 
			margin:0 0 2px 2px; 
			transition: .3s;
			line-height: 20px;
			text-align: center;
			color:white;
			text-shadow:1px 1px 1px #000;
			font-size: 18px;
		}
		#ul li.active { 
			background:lemonchiffon; 
		}
		#ck1{display:none;position:fixed;top:30%;left:20%;width:50%;height:80px;
			z-index:9999;background-color:transparent;border-radius:5px;}
		#org-img{
			margin-bottom:10px;
			margin-top:5px;
			margin-left:0px;
			margin-right:10px;
		}

		.container{
    		display: flex;        /* 启用Flexbox布局 */
    		flex-direction: row;  /* 子元素横向排列 */
    		justify-content: space-evenly;  /*子元素在容器内水平分布 */
    		/* align-items: center;   子元素在容器内垂直居中 */
    		width: 100%; /* 容器宽度设置为100% */
    		padding: 20px;         /* 容器内边距 */
  		}
  		
  		#labcontainer{
     		display: flex;        /* 启用Flexbox布局 */
    		flex-direction: row;  /* 子元素横向排列 */
    		justify-content: space-between;  /*子元素在容器内水平分布 */
    		/* align-items: center;   子元素在容器内垂直居中 */
    		width: 100%; /* 容器宽度设置为100% */
    		padding: 20px;         /* 容器内边距 */
  		}

  		#dleft{
  			flex: 1;
  		}

  		#dright{
  			flex: 2;
  		}

  		#sc{
  			margin-right: 10px;
  		}

	    #imageInput::file-selector-button, #btn-redo{
	        background-color: #1E9FFF;
	        border: 1px solid #1E9FFF;
	        border-radius: 3px;
	        color: #fff;
	        font-size: 12px;
	    }

	    #imageInput{
	        font-size: 0;
	        margin-bottom: 5px;
	        margin-right: 10px;
	    }
	    

