.management1 {
	position: absolute;
	right: 0;
	top: 0;
	width: 140px;
	height: 140px;
	line-height: 90px;
	text-align: right;
	background-color: #e59134;
	color: #ffffff;
}

.management1:hover {
	background-color: rgba(229, 145, 52, 0.9);
}

.sector1 {
	border-radius: 0 0 0 140px;
}

.management2 {
	position: absolute;
	right: 0;
	top: 0;
	width: 130px;
	height: 130px;
	background-color: rgb(80, 161, 68);
}

.management2:hover {
	background-color: rgba(80, 161, 68, 0.9);
}

.sector2 {
	border-radius: 0 0 0 130px;
}

.management3 {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	height: 120px;
	background-color: rgb(47, 122, 191);
}

.management3:hover {
	background-color: rgba(47, 122, 191, 0.9);
}

.sector3 {
	border-radius: 0 0 0 120px;
}

.rotate {
	/* Abs positioning makes it not take up vert space */
	position: fixed;
	bottom: 230px;
	right: -150px;
	/* Border is the new background */
	background: none;
	transform: rotate(270deg);
}

body {
	-webkit-font-smoothing: antialiased;
	font-smooth: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.uk-logo {
	/*font-weight: bold;*/
	color: #333333;
}
.uk-logo:hover {
	color: #000000;
}

#copyright {
	position: fixed;
	right: -120px;
	bottom: 170px;
	transform: rotate(270deg);
}

#hiddenRetMsg {
	display: none;
}

/*調整 notification 的視窗*/
.uk-notification-message {
	box-shadow: 0 14px 25px rgba(0,0,0,.16);
	padding: 30px 30px;
}

/*會員憑證列表在滑鼠移過時加上底色*/
.uk-parent:hover {
	background-color: #f3f4f5;
}
.uk-parent .uk-open {
	background-color: #f3f4f5;
}

/* 讓 navbar 變藍色 */
.tm-navbar-container:not(.uk-navbar-transparent) {
	background: linear-gradient(to left, #ffffff, #ffffff);
	/*background: linear-gradient(to left, #28a5f5, #1e87f0);*/
}
.uk-light .uk-logo, .uk-section-primary:not(.uk-preserve-color) .uk-logo, .uk-section-secondary:not(.uk-preserve-color) .uk-logo, .uk-tile-primary:not(.uk-preserve-color) .uk-logo, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo, .uk-card-primary.uk-card-body .uk-logo, .uk-card-primary>:not([class*='uk-card-media']) .uk-logo, .uk-card-secondary.uk-card-body .uk-logo, .uk-card-secondary>:not([class*='uk-card-media']) .uk-logo, .uk-overlay-primary .uk-logo, .tm-navbar-container:not(.uk-navbar-transparent) .uk-logo {
	/*color: #fff;*/
}
.uk-light .uk-navbar-nav>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .tm-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a {
	/*color: rgba(255,255,255,0.8);*/
}
.tm-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a:hover {
	/*color: rgba(255,255,255,1);*/
}
.tm-navbar-container .uk-button-text {
	/*color: rgba(255,255,255,0.8);*/
}
.tm-navbar-container .uk-button-text:hover {
	/*color: rgba(255,255,255,1);*/
}
.tm-navbar-container .uk-button-text::before {
	/*border-bottom: 1px solid #000000;*/
}
/* 讓 navbar 變藍色 */

.uk-navbar {
	/*border-bottom: 10px solid #557aea;*/
	border-bottom: 10px solid #0069aa;
}

.uk-card-orange, .uk-card-orange:hover {
	/*background: linear-gradient(to left, #f5621f, #f0955c);*/
	background-color: #f5621f;
	color: #fff;
}

.uk-card-orange.uk-card-body, .uk-card-orange > :not([class*="uk-card-media"]), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*="uk-card-media"]), .uk-light, .uk-offcanvas-bar, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) {
	color: rgba(255, 255, 255, .7);
}

.uk-card-orange.uk-card-body .uk-h1, .uk-card-orange.uk-card-body .uk-h2, .uk-card-orange.uk-card-body .uk-h3, .uk-card-orange.uk-card-body .uk-h4, .uk-card-orange.uk-card-body .uk-h5, .uk-card-orange.uk-card-body .uk-h6, .uk-card-orange.uk-card-body h1, .uk-card-orange.uk-card-body h2, .uk-card-orange.uk-card-body h3, .uk-card-orange.uk-card-body h4, .uk-card-orange.uk-card-body h5, .uk-card-orange.uk-card-body h6, .uk-card-orange > :not([class*="uk-card-media"]) .uk-h1, .uk-card-orange > :not([class*="uk-card-media"]) .uk-h2, .uk-card-orange > :not([class*="uk-card-media"]) .uk-h3, .uk-card-orange > :not([class*="uk-card-media"]) .uk-h4, .uk-card-orange > :not([class*="uk-card-media"]) .uk-h5, .uk-card-orange > :not([class*="uk-card-media"]) .uk-h6, .uk-card-orange > :not([class*="uk-card-media"]) h1, .uk-card-orange > :not([class*="uk-card-media"]) h2, .uk-card-orange > :not([class*="uk-card-media"]) h3, .uk-card-orange > :not([class*="uk-card-media"]) h4, .uk-card-orange > :not([class*="uk-card-media"]) h5, .uk-card-orange > :not([class*="uk-card-media"]) h6, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-h1, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-h2, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-h3, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-h4, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-h5, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-h6, .uk-card-secondary > :not([class*="uk-card-media"]) h1, .uk-card-secondary > :not([class*="uk-card-media"]) h2, .uk-card-secondary > :not([class*="uk-card-media"]) h3, .uk-card-secondary > :not([class*="uk-card-media"]) h4, .uk-card-secondary > :not([class*="uk-card-media"]) h5, .uk-card-secondary > :not([class*="uk-card-media"]) h6, .uk-light .uk-h1, .uk-light .uk-h2, .uk-light .uk-h3, .uk-light .uk-h4, .uk-light .uk-h5, .uk-light .uk-h6, .uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4, .uk-light h5, .uk-light h6, .uk-offcanvas-bar .uk-h1, .uk-offcanvas-bar .uk-h2, .uk-offcanvas-bar .uk-h3, .uk-offcanvas-bar .uk-h4, .uk-offcanvas-bar .uk-h5, .uk-offcanvas-bar .uk-h6, .uk-offcanvas-bar h1, .uk-offcanvas-bar h2, .uk-offcanvas-bar h3, .uk-offcanvas-bar h4, .uk-offcanvas-bar h5, .uk-offcanvas-bar h6, .uk-overlay-primary .uk-h1, .uk-overlay-primary .uk-h2, .uk-overlay-primary .uk-h3, .uk-overlay-primary .uk-h4, .uk-overlay-primary .uk-h5, .uk-overlay-primary .uk-h6, .uk-overlay-primary h1, .uk-overlay-primary h2, .uk-overlay-primary h3, .uk-overlay-primary h4, .uk-overlay-primary h5, .uk-overlay-primary h6, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) h6 {
	color: #fff;
}

.uk-card-orange.uk-card-body .uk-button-text:focus, .uk-card-orange.uk-card-body .uk-button-text:hover, .uk-card-orange > :not([class*="uk-card-media"]) .uk-button-text:focus, .uk-card-orange > :not([class*="uk-card-media"]) .uk-button-text:hover, .uk-card-secondary.uk-card-body .uk-button-text:focus, .uk-card-secondary.uk-card-body .uk-button-text:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:focus, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:hover, .uk-light .uk-button-text:focus, .uk-light .uk-button-text:hover, .uk-offcanvas-bar .uk-button-text:focus, .uk-offcanvas-bar .uk-button-text:hover, .uk-overlay-primary .uk-button-text:focus, .uk-overlay-primary .uk-button-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover {
	color: #fff;
}

.yoyo-text-monospaced {
	font-family: 'Roboto Mono',monospace;
}

.uk-label-DEVICE {
	background-color: #484848;
	color: #fff;
}
.uk-label-DEVICE-small {
	background-color: #484848;
	color: #fff;
	font-size: 12px;
}

.uk-label-MOBILE {
	background-color: #9b6cff;
	color: #fff;
}
.uk-label-MOBILE-small {
	background-color: #9b6cff;
	color: #fff;
	font-size: 12px;
}

.uk-label-WINDOWS {
	background-color: #f5ad62;
	color: #fff;
}
.uk-label-WINDOWS-small {
	background-color: #f5ad62;
	color: #fff;
	font-size: 12px;
}

.uk-label-muted-small {
	background-color: #999 !important;
	color: #fff;
	font-size: 12px;
}
.uk-label-muted-small:hover {
	background-color: #484848 !important;
	color: #fff;
}

.yoyo-label-small {
	background-color: #9b6cff;
	color: #fff;
	font-size: 12px;
}

.yoyo-card-icon-bottom-right {
	position: absolute;
	right: 25px;
	bottom: 20px;
	opacity: 0.2;
}
.yoyo-card-icon-bottom-left {
	position: absolute;
	left: 25px;
	bottom: 20px;
	opacity: 0.2;
}
.yoyo-card-icon-withfooter-bottom-right {
	position: absolute;
	right: 25px;
	bottom: 85px;
	opacity: 0.2;
}
.yoyo-card-icon-special {
	position: absolute;
	right: 10px;
	top: 5px;
	opacity: 0.06;
	font-size: 6em;
}

/*改變 dt/dd 的標題顏色*/
.uk-description-list > dt {
	color: #267ea4;
}

/*旋轉*/
#planet {
	position: absolute;
	bottom: 106px;
	left: 247px;
	width:220px;
	height:220px;
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-animation-name: rotate;
	-webkit-animation-duration:15s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name: rotate;
	-moz-animation-duration:15s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}

@-webkit-keyframes rotate {
	from {-webkit-transform:rotate(0deg);}
	to {  -webkit-transform:rotate(360deg);}
}

@-moz-keyframes rotate {
	from {-moz-transform:rotate(0deg);}
	to {  -moz-transform:rotate(360deg);}
}

/* 幫卡片的 header 上底色 */
.yoyo-card-header {
	background-color: #ededed;
}

/* 幫卡片的 footer 線條變換格式 */
.yoyo-card-footer {
	border-top: none !important;
}

/* 首頁卡片的高度 */
.yoyo-home-card-body {
	padding-left: 40px !important;
	padding-right: 40px !important;
	height: 250px;
}

.uk-active > a.emptyFilter {
	background-color: transparent !important;
}

/* 查詢結果的 Title 區塊 */
.yoyo-search-result-title {
	background-color: aliceblue;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

/* 用來隱藏查詢區塊的長條式按鈕 */
.yoyo-toolbar {
	position: absolute;
	left: 20px;
	top: 0px;
	height: calc(100%);
	padding: 0px 2px;
	cursor: pointer;
	z-index: 10;
	border: 1px solid #e0e0e0;
	color: #e0e0e0;
	background-color: #f0f0f0;
}

.yoyo-toolbar:hover {
	background-color: #e0e0e0;
	color: gray;
}

/* input type=tel 欄位檢查 */
input:invalid+span.validity:after {
	position: absolute;
	content: '✖';
	padding-left: 5px;
	color: #8b0000;
}

input:valid+span.validity:after {
	position: absolute;
	content: '✓';
	padding-left: 5px;
	color: #009000;
}

/*調整 highlight 顯示的字型*/
pre code {
	font-family: monospace;
}

#terms, #personalDCC, #organizationalDCC, #batchDCC {
	color: #6a7395;
}

.uk-card {
	border-radius: 7px;
}

/*alert 視窗大小*/
.uk-modal-custom-width {
	width: 800px;
}

/*modal 視窗大小*/
.uk-modal-dialog {
	width: 800px;
}

.yoyo-input-noborder {
	border: none;
}