@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
::selection{
	background:transparent;
}
.login-container{
	color:#FFFFFF;
	font:normal 16px arial,sans-serif;
	background:#6d6d6b;
}
.screen{
	position:relative;
	margin:10px auto;
	width:282px;
	height:467px;
	background:#6d6d6b;
}
.phone-tabs{
	border-bottom:1px solid #858383;
	background:#303030;
	height:50px;
}
.phone-tab-contents{
	width:100%;
	height:365px;
	position:relative;
	overflow:hidden;
}
.phone-tab-contents .tab{
	width:100%;
	height:365px;
	position:absolute;
	background:#3f3f3f;
	position:absolute;
	-webkit-transition:all .25s ease-in;
	-moz-transition:all .25s ease-in;
	-o-transition:all .25s ease-in;
	transition:all .25s ease-in;
}
.number-area{
	color:#fff;
	font-size:20px;
	text-align:center;
	padding:20px 0 20px;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #333;
	margin-bottom:10px;
}
.number-area .numbers{
	width:100%;
	float:left;
	padding:0 0;
	height:14px;
}
.call-btn{
	width:100%;
	text-align:center;
	border-top:1px solid #333;
	padding-top:10px;
	cursor:pointer;
}
.numbers-container{
	overflow:hidden;
}
.numbers-container span{
	color:#4196b7;
	width:94px;
	height:30px;
	float:left;
	font-size:30px;
	text-align:center;
	position:relative;
	padding:15px 0;
	cursor:pointer;
}
.numbers-container span:active{
	background:rgba(104,208,249,.4);
}
.numbers-container span.fff{
	color:#fff;
}