/* util style */
/************************************************************
layout
************************************************************/
.fleft{
	float:left;
}
.fright{
	float:right;
}
.fclear{
	clear:both;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}
.mcenter{
	margin-left:auto;
	margin-right:auto;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
/************************************************************
trim image
************************************************************/
p.thumb{
--    border: 1px solid #aaa;
    display:table-cell;
    overflow:hidden;
    position:relative;
    z-index:1;
}
p.thumb img{
    float:left;
    position:relative;
}
/************************************************************
background translate
************************************************************/
.clear_white{
--	background-color:rgba(255,255,255,0.6);
	color:#201050;
}
.clear_gray{
--	background-color:rgba(155,155,155,0.6);
	color:#DEDEDE;
	color:#F1F1F4;
}
/************************************************************
button valiations
************************************************************/
.clear_button {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);
	text-shadow: 0 1px #fff;
	border: 1px solid #8ec1da;
	padding: 5px 30px;
	color: #3985a8;
	background-color: rgba(221,238,246,0.3);
}
.clear_button.animate{
-moz-animation: clear_button_anime1 4s ease 0s infinite alternate;
-webkit-animation: clear_button_anime1 4s ease 0s infinite alternate;
-o-animation: clear_button_anime1 4s ease 0s infinite alternate;
-ms-animation: clear_button_anime1 4s ease 0s infinite alternate;
}

@-moz-keyframes clear_button_anime1 {
0% {box-shadow: inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);}
100% {box-shadow: 1px 2px 13px rgba(142,223,100,0.8),inset 0 -6px 2px rgba(221,248,226,0.6),inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);}
}

@-webkit-keyframes clear_button_anime1 {
0% {box-shadow: inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);}
100% {box-shadow: 1px 2px 13px rgba(142,223,100,0.8),inset 0 -6px 2px rgba(221,248,226,0.6),inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);}
}

@-o-keyframes clear_button_anime1 {
0% {box-shadow: inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);}
100% {box-shadow: 1px 2px 13px rgba(142,223,100,0.8),inset 0 -6px 2px rgba(221,248,226,0.6),inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);}
}

@-ms-keyframes clear_button_anime1 {
0% {box-shadow: inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);}
100% {box-shadow: 1px 2px 13px rgba(142,223,100,0.8),inset 0 -6px 2px rgba(221,248,226,0.6),inset 0 1px 3px rgba(255,255,255,0.6), inset 0 -15px rgba(221,238,246,0.2), 0 0 3px rgba(142,193,248,0.5);}
}