body{
	padding:0px;
	margin: 0px; 
}
#contain{
	background-color:#fff; 
	text-align:left;
	padding-top:0px;
	/*border-radius: 5px;*/
	font-family: 'Arial';
	/*border:5px solid #C0C0C0;*/
	border: 20px solid rgba(0, 0, 0, 0.8);
  	border-top: 10px solid rgba(0, 0, 0, 0.8);
  	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
}
#vp{
	background-color:#000;
	border-radius: 0px;

}
#typearea{
	background-color:transparent;
	border-radius: 0px;
}
#top{
	/*background-color:#E0E0E0;
	text-align:center;
	color:#A0A0A0;*/
	background-color: rgba(0, 0, 0, 0.8);
  	text-align: left;
  	color: #fff;
  	font-weight: bold;
  	margin-top: 5px;
	font-size: 15px;
	line-height: 25px;
}
#typecode{
	background-color:#808080;
	text-align:center;
	color:#fff;
}
#typecodehide{
	background-color:transparent;
}
#lableanswer{
	background-color:transparent;
	text-align:left;
	color:#000;
}
#verifyid{
	background-color: #ccc;
}
#refreshid, #volumid, #textid,
.refreshid, .volumid, .textid {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding: 0;
	margin: 0;
	border:0px transparent;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	background-repeat:no-repeat;
	background-position:center; 	
	background-color: transparent;
	min-width: 17px;
	min-height: 17px;
}
#buttons .infoid {
	display: inline-block;
	vertical-align: middle;
}
#buttons .infoid > img,
#buttons > button img {	
	width: 100%;
	max-width: 100%;	
	height: auto;
	vertical-align: middle;
	display: block;
}
#textid{
	display: none; 
}
#boomlog{float:right;}
#verifyresult,#verifyid{
	vertical-align: middle;
}
#textaudio{
	color:#fff; 
	diplay:none;
}
#textaudio a{
	color:#fff;
} 
#codeimg img { border-style: none;  }
#codeimg{border:0 transparent;}
#typecodearear{
	background-color: #808080;
	}

/*
larger size captcha
*/

/*

#typecode{
	height:30px;
	width:100%;
	font-size: ".($widthvp*0.0)."px;
	line-height: ".($height*0.1)."px; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}*/
#top,#codeinput,#lableanswer
{	
	height:20px;
}
#top{
	height:25px;
}
#buttons
{
	float: left;
	margin-top: 3px;	
}
#refreshid,#textid,#volumid,#infoid
{
	width:20px;
	height:20px;
	background-size:20px 20px;
	vertical-align: middle;
	
}
#lableanswer,#codeinput,#buttons{
	margin-left: 3px;
}
#refreshid,#textid,#volumid
{
	margin-right: 2px;
}