.notify {
	position: fixed;
	padding: 20px;
	color: #000;
	z-index: 9999;
}
.notify[data-position="bottom"] {
	right: 0;
	left: 0;
	bottom: 0
}
.notify[data-position="top"] {
	right: 0;
	left: 0;
	top: 0
}
.notify[data-position="right"] {
	right: 0;
	bottom: 0;
	top: 0;
	max-width: 450px
}
.notify[data-position="left"] {
	left: 0;
	top: 0;
	bottom: 0;
	max-width: 300px
}
.notify[data-notify='success'] {
	background: #15cc1f
}
.notify[data-notify='info'] {
	background: #2d9cee
}
.notify[data-notify='error'] {
	background: #f32750
}
.notify[data-notify='default'] {
	background: #FFFFFFEE
}
.notify .notify-close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	color: #000;
	padding: 10px 15px;
	font-size: 30px;
	text-decoration: none
}
.notify h1 {
	margin: 5px 0 10px 0;
	font-weight: bold;
	color: #0078C2;
    font-size:20px;
	margin-left:10px;
}
.notify .logo {
	width: 150px;
	border: #0078C2 0px solid;
    margin-bottom:10px;
	margin-left:10px;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}

.notify-content {
    line-height:150%;
    font-size:16px;
	margin-left:10px;
}

.notify .brand_btn {
	font-family:微軟正黑體;
	font-size:11pt;
	width:120px;
	/*background:#333;*/
	border:#999 2px solid;
	border-radius:8px;
	color:#333;
	margin-top:15px;
	margin-left:10px;
	padding:8px 0px;;
	font-weight:bold;
    text-align: center;
	}
	


.notify .brand_btn:hover {
	border:#F00 2px solid;
	color:#F00;
	}

.notify .brandimage {
    max-width:100%;
	max-height:100%;
    margin:10px;
}