body{
	font-family:sans-serif,"Microsoft JhengHei","微軟正黑體";
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
	text-align:center;
}

img{
	border:0px;
}

form{
	margin:0px;
	padding:0px;
}


ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul > li{
	margin:0px;
	padding:0px;
}

.frm{

}

.inline{
	display:inline-block;
	*display:inline;
	vertical-align:top;
	*zoom:1;
}

input[type="submit"] {
	cursor:pointer;
}


.inline_list > li{
	display:inline-block;
	*display:inline;
	vertical-align:top;
	*zoom:1;
}

/****** buttons ******/

.css_btn{
	background-color:#5C5858;
	border:0px;
	border-radius:5px;
	box-shadow:2px 2px 4px rgba(33,33,33,0.5);
	color:white;
	cursor:pointer;
	font-size:15px;
	line-height:100%;
	margin:0px;
	padding:10px 20px;
	letter-spacing:2px;
	-webkit-appearance: none;
}
.small_btn{
	border-radius:3px;
	font-size:12px;
	padding:6px 12px;
}
.css_btn:hover{
	background-color:#6D6968;
}

.blue_btn{
	background-color:#157DEC;
}
.blue_btn:hover{
	background-color:#1589FF;
}
.green_btn{
	background-color:#348017;
}
.green_btn:hover{
	background-color:#4AA02C;
}
.red_btn{
	background-color:#E55451;
}
.red_btn:hover{
	background-color:#F75D59;
}
/****** buttons end ******/
#page_loading{
	background-color:rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000)\9;
	border-radius:10px;
	height:60px;
	left:50%;
	margin-top:-30px;
	margin-left:-30px;
	position:fixed;
	*position:absolute;
	top:50%;
	width:60px;
	z-index:4100;
}

#loading_mask{
	background-image:url(../images/blank.png);
	height:100%;
	left:0px;
	position:fixed;
	*position:absolute;
	top:0px;
	width:100%;
	z-index:4000;
}

/**********************************************/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

.fade-in{
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	animation-duration:0.3s;
}

.fade-out{
	-webkit-animation:fadeOut ease-in 1;
	-moz-animation:fadeOut ease-in 1;
	animation:fadeOut ease-in 1;


	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	animation-duration:0.3s;
}

#noty{
	left:35%;
	padding:10px 20px;
	position:fixed;
	width:30%;
	z-index:3000;

}

#noty.top{
	top:0px;
}
#noty.middle{
	top:49%;
}
#noty.bottom{
	bottom:0px;
}

#noty_content{
	border-radius:5px;
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3);
	color:#666666;
	display:inline-block;
	*display:inline;
	font-size:15px;
	line-height:150%;
	margin:10px auto;
	padding:5px 30px;
	*zoom:1;
}
#noty_content.alert{
	border:1px solid #CECECE;
	background-color:rgba(242,242,242 , 0.8);
	background-color:#F2F2F2 \9;
}
#noty_content.success{
	border:1px solid #89C35C;
	background-color:rgba(89,232,23 , 0.8);
	background-color:#59E817 \9;
	color:green;
}
#noty_content.warning{
	border:1px solid orange;
	background-color:rgba(255,255,204 , 0.8);
	background-color:#FFFFCC \9;
}

#noty_content.error{
	border:1px solid #E55451;
	background-color:rgba(229,84,81 , 0.8);
	background-color:#E55451 \9;
	color:black;
}
#noty_content.info{
	border:1px solid #3CADD6;
	background-color:rgba(120,197,231 , 0.8);
	background-color:#78C5E7 \9;
	color:black;
}