@font-face{
     		font-family: "STXingkai"; 
        src: url('./font/STXingkai.ttf') format('truetype')
			}
			
			body{
				/*width:654px;*/
				margin:0 auto;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-content: start;
				background-color: #000000;
			}
			
			.title{
				font-family:"STXingkai";
				font-size:60px;
				text-align:center;
				margin:10px auto;
				width:100%;
			}
			
			.label{
				text-aligh:vertical;
			}
			
			.result{
				display:inline-block;
				border:2px red solid;
				width: 100%;
				height: 200px;
				margin:10px 0 0 0;
				padding: 15px 0;
				overflow: auto;
				text-align: center;
			}
			
			img{
				height: 200px;
			}

			.large{
				font-size:25px;
			}
			
			.slogan{
				font-family: "STXingkai";
				font-size: 30px;
				margin:10px auto;
			}
			
			.foot{
				display: inline-block;
				width: inherit;
				text-align: center;
			}
			/**/
			select,input,button{
				background-color:rgba(255,255,255,0.5);
				border-width:0px;
				color:#ffffff;
				margin:5px;
			}
			#num{
				line-height: 40px;
			}
			option,optgroup{
				background-color:#848484;
			}
			::-webkit-input-placeholder {
				color: #ffffff;
			}
			select,input,button{
				height:30px;
			}
			select:hover,button:hover{
				cursor:pointer;
			}
			#canvas{
				position:fixed;
				z-index:-1;
				left: 0px;
				top: 0px;
			}
			.result,.label,.title,li,.foot,span{
    				color: #ffff00;
			}
			button[disabled]{
				color:#303030;
				cursor:not-allowed;
			}
			button[disabled]:active{
				background-color:rgba(255,255,255,0.5);
			}
			button:active{
				background-color:#303030;
			}