@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body, h1, h2, h3, h4, h5, h6, code {
    font-family: 'Noto Sans TC', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft YaHei', 微软雅黑, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.external-page #content .admin-form {
    margin-top: 5%;
}
#topbar.alt {
    min-height: 48px;
    padding: 10px 22px 8px 22px;
}
.dt-panelmenu .admin-form .section {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-bottom: 0;
}
.dt-panelmenu .admin-form .gui-input {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}
.dt-panelmenu .admin-form .smart-widget .button {
    height: 30px;
    line-height: 26px;
}
.dt-panelmenu .admin-form .button i {
    font-size: 17px;
}
#admin-form.form-horizontal .checkbox, #admin-form.form-horizontal .radio, .admin-form .radio, .admin-form .checkbox  {
    min-height: 0;
    padding-top: 0;
}
.required::before {
    content: "* ";
    color: red;
}
.admin-form .switch > label {
    font-weight: normal;
}
#description img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}
#description p {
    margin: 20px 0;
    font-size: 16px;
    line-height: 29px;
}
.ct-control--crop {
    display: none !important;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
}
.dropzone {
    border: none !important;
    min-height: 0px !important;
    padding: 0px !important;
    background: #f5f5f5 !important;
}
#images .dd-item .dd-handle {
    border: none !important;
}
.option-group {
    padding-top: 5px;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}
.fc-day:hover {
    background: #fcf8e3;
}
.ui-pnotify-text {
    line-height: 40px;
}


/* ---------------------------------- */
/* Notification Boxes
------------------------------------- */
#result .success,
.notifyjs-notification-base {
	line-height: 24px;
	margin-bottom: 15px;
	position: relative;
	padding: 20px 26px 20px 30px;
	padding-right: 50px;
	border-radius: 3px;
}

.notifyjs-notification-base p { margin: 0; font-size: 15px; }

#result .success,
.notifyjs-notification-success {
	background-color: #EBF6E0;
}

#result .success,
.notifyjs-notification-success,
.notifyjs-notification-success a,
.notifyjs-notification-success strong {
	color: #5f9025;
}

.notifyjs-notification-error {
	background-color: #ffe9e9;
}
.notifyjs-notification-error,
.notifyjs-notification-error a,
.notifyjs-notification-error strong {
	color: #de5959;
}

.notifyjs-notification-warn {
	background-color: #FBFADD;
}
.notifyjs-notification-warn,
.notifyjs-notification-warn a,
.notifyjs-notification-warn strong {
	color: #8f872e;
}

.notifyjs-notification-info h4 { font-size: 19px; margin: 3px 0 15px 0; }
.notifyjs-notification-info h4,
.notifyjs-notification-info,
.notifyjs-notification-info a,
.notifyjs-notification-info strong {
	color: #3184ae
}

.notifyjs-notification-info {
	background-color: #E9F7FE;
}

.notifyjs-notification-info.large{
	padding: 32px 36px;
}

#dashboard .success {
	background-color: #e6f3d8;
}

#dashboard .notice {
	background-color: #e1f3fc;
}

#dashboard .warning {
	background-color: #f6f4c9;
}


body .notification strong { border: none; }

.notifyjs-notification-success .close,
.notifyjs-notification-error .close,
.notifyjs-notification-warn .close,
.notifyjs-notification-info .close {
	padding: 0px 9px;
	position: absolute;
	right: 0;
	top: 20px;
	display: block;
	height: 8px;
	width: 8px;
	cursor: pointer;
}

.notifyjs-notification-info p span i { font-weight: 500; }
.notification a.button {
	float: right;
	color: #fff;
	margin-top: 3px;
}

.notification.notice a.button { background-color: #388fc5; }
.notification.warning a.button { background-color: #dfbe51; }
.notification.error a.button { background-color: #d34c4c; }
.notification.success a.button { background-color: #79ba38; }

.notifyjs-notification-base a.close:before {
	content: "\f00d";
	font-family: "FontAwesome";
	position: absolute;
	right: 25px;
	top: 0;
	cursor: pointer;
}