.clrfx:after{display:table;content:"";clear:both}
/* UI Theming */
.actions{margin:5px 0;text-align:right}
select, .theme-button, .theme-field{
	-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box; /* Webkit select */
	font:16px/20px Alegreya Sans,Open Sans,"Microsoft Jhenghei","微軟正黑體",sans-serif;padding:2px;margin:0;
	border:none;border-radius:0;background:#fff;border:1px solid #999;
}
option{font:16px/20px Alegreya Sans,Open Sans,"Microsoft Jhenghei","微軟正黑體",sans-serif;color:#555}
optgroup{font:13px/20px Alegreya Sans SC,Open Sans,"Microsoft Jhenghei","微軟正黑體",sans-serif;padding:4px;color:rgba(0,0,0,.54)}
optgroup option{margin-left:-4px;margin-right:-4px}
select:focus, .theme-button:focus, .theme-field:focus{border-color:#09f;outline:none;/* webkit */}

select, .theme-field{padding:3px;box-shadow:-1px 1px 1px #eee inset}
select:focus, .theme-field:focus{box-shadow:-1px 1px 1px #def inset}

.theme-button{
	text-decoration:none;
	display:inline-block;cursor:pointer;
	-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
	background:#DC3912;color:#fff!important;text-shadow:none!important;
	font:16px/24px Alegreya Sans,Open Sans,"Microsoft Jhenghei","微軟正黑體",sans-serif;
	padding:0 10px;min-width:100px;text-align:center;vertical-align:bottom;
	-webkit-appearance:none;-moz-appearance:none;/* DAMN MOBILE BROWSERS */
	box-shadow:none;border:none;/* FIREFOX for Android */
	min-height:1.50em/* FIREFOX Bug 697451 */
}
.theme-button::-moz-focus-inner{padding:0;border:0}/*Firefox*/
.theme-button:hover,
.theme-button:focus{
	box-shadow:none;border:none;
	background:#f90;color:#fff;cursor:pointer;
}
.theme-button:disabled{
	background:#333!important;cursor:not-allowed
}

.theme-field:invalid{box-shadow:0 0 5px red}

/* Error reporting */
.msg{border:1px solid #f90;padding:10px;background:#fe6;position:relative}

@media (max-width: 27.99em){
	.msg .actions, .warning .actions, .info .actions{margin-bottom:-5px}
	.msg .actions .theme-button, .warning .actions .theme-button, .info .actions .theme-button{display:block;margin:5px 0;padding:5px}
}
@media (min-width: 28em){
	.msg .actions, .warning .actions, .info .actions{float:right;margin:0}
}

.info, .success, .warning, .error{
	border:1px solid;
	margin:10px 0px;
	padding:10px;
}
.info{color:#00529B;background-color:#BDE5F8}
.success{color:#4F8A10;background-color:#DFF2BF}
.warning{color:#9F6000;background-color:#FEEFB3}
.error{color:#D8000C;background-color:#FFBABA}

.notice-close{float:right}
.notice-close:before{content:url(images/close.png)}