.box{
	float: left; width: 99%; margin-right: 1%; margin-bottom: 1%; padding-bottom: 1%; overflow: hidden;
	padding: 0px; font-family: Arial;
	background: #fff; border-radius: 5px;
	border: 1px solid #ddd;
	box-sizing: border-box;	
}

.box *{
	color: #2fb602; transition: all .4s;
}

.box h1{
	float: left; width: 100%; padding: 10px; margin: 0px; border-bottom: 1px solid #ddd; box-sizing: border-box;
}

.box p{
	float: left; width: 98%; margin-left: 1%;  padding: 5px; box-sizing: border-box;
	color: #222; cursor: initial; font-weight: bold;
}

.box label{
	float: left; width: 98%; margin-left: 1%;  padding: 10px 0px 0px 0px; box-sizing: border-box;
	color: #222; font-weight: bold;
}

.box code{
	float: left; width: 98%; margin-left: 1%; padding: 5px; border-radius: 5px; box-sizing: border-box;
	margin-bottom: 5px; color: #222;
}

.box input, .box select{
	float: left; width: 98%; margin: 5px 1% 5px 1%; padding: 10px; height: auto; border-radius: 5px; box-sizing: border-box;
	color: #222;
}

.box input[type="submit"]{
	border: 0px;
	border-radius: 50px; 
	border: 1px solid #2fb602;
	background: #fff;
	color: #2fb602;
	cursor: pointer;
}

.box input[type="submit"]:hover{
	background: #2fb602; 
	color: #fff;
}

.box textarea{
	float: left; width: 98%; min-width: 98%; max-width: 98%; margin: 1%; padding: 10px; border-radius: 5px; box-sizing: border-box;
	min-height: 100px; color: #222;
}

.box input, .box textarea, .box select, .box code{border-left: 3px solid #2fb602}

div.err{
	float: left; width: 99%; padding: 10px; margin-bottom: 10px; color: #ff2200;	
	border: 1px solid #ff2200; background: #fff; border-radius: 5px; box-sizing: border-box;

}

.ok{
	float: left; width: 100%; color: #2fb602; text-align: center; border: 1px solid #2fb602; border-radius: 50px;
}
.er{
	float: left; width: 100%; color: #ff2200; text-align: center; border: 1px solid #ff2200; border-radius: 50px;
}

.box input:focus, .box textarea:focus, .box select:focus{
	border: 1px solid #2fb602; border-left: 3px solid #2fb602; box-shadow: 0px 0px 5px rgba(0,255,0,0.5);
}

.box h2{
	float: left; width: 100%; margin: 10px; border-left: 2px solid #2fb602; padding: 10px;
}

.btn{
	float: left; width: auto; overflow: hidden; margin: 10px; padding: 10px; color: #fff; background: #2fb602; text-decoration: none; border: 1px solid #fff;
}

.btn:hover{
	color: #2fb602; border: 1px solid #2fb602; background: #fff;
}

.box ul.table{
	float: left; width: 100%; overflow: hidden; box-sizing: border-box;
	border: 0px solid #000; margin: 0px;
}

.box ul.table li{
	float: left; width: 20%; display: inline-block; box-sizing: border-box; overflow: hidden;
	margin: 0px; padding: 5px; border-right: 1px solid #eee; border-top: 1px solid #eee;
}

.box ul.table li.ttitle{
	background: #2fb602; color: #fff;
}

/* tables */
.tg  {float: left; border-collapse:collapse;border-spacing:0; width: 100%;}
.tg td{padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break: break-all; color: #333; border: 1px solid #ccc;}
.tg th{color: #fff; background: #2fb602; border: 1px solid #2fb602; border-right: 1px solid #fff; padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break: break-all;}
.tg .tg-yw4l{vertical-align:top}
.tg tr:nth-child(odd){background: #eee;}
.tg tr:hover{border-left: 10px solid #2fb602; cursor: pointer;}
@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}