* {
	padding:0;
	margin:0;
	box-sizing: border-box;
}

body {

	font-family:'微软雅黑';
	/*background-color: rgba(0,0,0,0.3);*/
}

.inputcolor {
	height: 100%;
	width: 100%;
	background-color: #fff;
	margin-top: 5%;
}

@media ( max-width : 800px) {
	.inputcolor {
		height: 120px;
	}
}

.inputcss {
	width: 98%;
	font-size: 80px;
	height: 100%;
	padding-left: 5px;
	margin-top: 5px;
	background-color: #fff;
	border-radius:12px;
}

@media ( max-width : 800px) {
	.inputcss{
		height:110px;
		font-size: 50px;
	}
}

.inputcss:focus {
	border-color: #13A89E;
}

.asdcontainer {
	float:inherit; 
	line-height:20px; 
	text-align:center;
	margin:0 auto;
	width:100%;
	background-color: #CCC;
}

.wwwscontainer {
	margin: 2px auto;
	width: 100%;
	height:30%; 
	text-align:center;
	/*background-color: #CCC;*/
}

.keyboard {
	margin: 0;
	padding: 0;
	list-style: none;
	bottom: 0px;
	/*background-color: #CCC;*/
	margin: 5px auto;
	width: 100%;
}
.province li{
	width:10%;
}
.leter li{
	width:10%;
}
.endleter li{
	width:10%;
}
.keyboard li {
	float: left;
	/*margin: 0 0.28% 1px 0;*/
	/*width: 11.111%;*/
	height:57px;
	line-height: 320%;
	text-align: center;
	/*background: #fff;*/
	/*border: 1px solid #f9f9f9;*/
	bottom: 0px;
	font-size: 60px;
	padding:5px 3px;
	box-sizing:border-box;
	display: flex;
	justify-content: center;
	color:#000;
	font-weight:700;
}
.keyboard li span{
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	border-radius:5px;
	box-shadow: 0px 3px 1px #83888c;
}
.btn{
	width:100%;
	height:100%;
}
@media ( max-width : 800px) {
	.keyboard li{
		font-size: 25px;
	}
}

/* 480 x 640 (small tablet) */
@media (min-width: 480px) and (max-width: 767px) {
	.keyboard li {
		font-size: 25px;
	}
}

/* 320 x 480 (small tablet) */
@media (min-width: 320px) and (max-width: 480px) {
	.keyboard li {
		font-size: 15px;
	}
}

/* 240 x 320 (small tablet) */
@media (max-width: 319px) {
	.keyboard li {
		font-size: 9px;
	}
}

.template.keyboard {
	margin: 0;
	padding: 0;
	list-style: none;
}

.template.keyboard li:hover {
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #e5e5e5;
	cursor: pointer;
}

.province{
	font-size:25px;
}

.letter.blank{
	color: #ffffff;
	pointer-events: none;
    cursor: default;
}