/*
Name:			custom.css
Written by:
Version:
*/

/*
 * Google Web fonts
 * */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

/* 覆寫Bootstrap */
@media (min-width: 1200px) {
	.container {
		/* width: 1170px; */
		width: 1280px;
	}
}


.btn {
	white-space: normal;
}

table {
	background-color: #ffffff;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	background-color: transparent !important;
	/*background-color: #ccc; */
	color: #ead9bb !important;
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: transparent !important;
	border-radius: 4px;
}

.pagination ul {
	box-shadow: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.pagination ul li {
	display: inline;
	padding: 10px;
	font-size: 1.5em;
}

@media (min-width: 768px) {
	.articlesofassociation .dl-horizontal dt {
		width: 80px;
	}

	.articlesofassociation .dl-horizontal dd {
		margin-left: 100px;
	}

	.articlesofassociation ol {
		list-style-type: cjk-ideographic;
		padding-left: 25px;
	}
}

html section.section-default-scale-10 {
	/* background-color: #f5f5f5 !important; */
	background-color: #ebf0f5 !important;
	border-top-color: #e5e5e5 !important;
}

html section.section-secondary {
	/* background-color: #005578 !important;
	border-color: #27488b !important; */
}

/* 
覆寫theme-elements.css 
*/
.thumb-info .thumb-info-title {
	font-weight: normal;
}

.nav-secondary .nav-pills>li a {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	padding: 10px 13px;
	text-transform: uppercase;
}

.nav-secondary ul.nav-pills>li.active>a {
	background-color: #2e8cc2;
}

/* Container */
.container-xl {
	/* width: 90%;
	max-width: 1630px; */
}

.container-fluid {
	/* padding-right: 70px;
	padding-left: 70px; */
}


/* 
覆寫theme.css 
*/
body {
	background-color: #FFF;
	color: #777;
	font-family: 'Noto Sans TC', 'Noto Sans SC', sans-serif;
	font-family: Roboto, Arial, Verdana, 'Noto Sans TC', 'Noto Sans SC', "WenQuanYi Zen Hei", PingFang, "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
	font-size: 18px;
	line-height: 2em;
}


p {
	color: #515151;
	line-height: 2em;
	letter-spacing: 0.05em;
	margin: 0 0 20px;
}

p.justify-break-all {
	text-align: justify;
	word-break: break-all;
}


/* .solution .slogan {
	color: #545454;
} */


/* .solution .benefit ul li {
	background: #019fdc;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 64px;
	color: #ffffff;
} */


#header .header-search .form-control,
#header .header-nav-main nav>ul>li>a,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu,
#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu,
#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav>li>a,
#header.header-transparent .header-nav-main,
#header.header-semi-transparent .header-nav-main,
#header.header-semi-transparent-light .header-nav-main,
#header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-signin .dropdown-menu,
.slider-container .tparrows,
.nivo-slider .theme-default .nivoSlider,
.nivo-slider .theme-default .nivoSlider img,
.home-intro-compact,
html.dark #header,
html.boxed .body,
blockquote.with-borders,
p.drop-caps.drop-caps-style-2:first-child:first-letter,
.btn-3d,
select,
.captcha-refresh,
.featured-icon,
.panel-group .panel-heading,
.tabs,
.nav-tabs li a,
.tab-content,
.tabs.tabs-bottom .tab-content,
.tabs.tabs-bottom .nav-tabs li a,
.tabs-left .tab-content,
.tabs-left .nav-tabs>li:first-child a,
.tabs-left .nav-tabs>li:last-child a,
.tabs-right .tab-content,
.tabs-right .nav-tabs>li:first-child a,
.tabs-right .nav-tabs>li:last-child a,
.nav-tabs.nav-justified li:first-child a,
.nav-tabs.nav-justified li:first-child a:hover,
.nav-tabs.nav-justified li:last-child a,
.nav-tabs.nav-justified li:last-child a:hover,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a,
.tabs-navigation,
.tabs-navigation .nav-tabs>li:first-child a,
.tabs-navigation .nav-tabs>li:last-child a,
.toggle>label,
.toggle.toggle-simple .toggle>label,
.toggle.toggle-simple .toggle>label:after,
.owl-carousel .owl-nav [class*="owl-"],
.owl-carousel.rounded-nav .owl-nav [class*="owl-"],
.owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover,
.owl-carousel.full-width .owl-nav .owl-prev,
.owl-carousel.big-nav .owl-nav .owl-prev,
.owl-carousel.full-width .owl-nav .owl-next,
.owl-carousel.big-nav .owl-nav .owl-next,
.embed-responsive.embed-responsive-borders,
.pricing-table h3,
.pricing-table .plan,
.featured-box,
.featured-box .box-content,
.thumb-info,
.thumb-info .thumb-info-wrapper,
.thumb-info .thumb-info-wrapper:after,
.thumb-info .thumb-info-type,
.thumb-info img,
section.timeline .timeline-date,
section.timeline .timeline-box,
.testimonial blockquote,
.testimonial.testimonial-style-2 blockquote,
.testimonial.testimonial-style-3 blockquote,
.testimonial.testimonial-style-4,
.testimonial.testimonial-style-4 blockquote,
.testimonial.testimonial-style-5 blockquote,
.testimonial.testimonial-style-6 blockquote,
.container .call-to-action,
.progress,
.progress.progress-border-radius,
.progress.progress-border-radius .progress-bar,
.progress-bar,
.progress-bar-tooltip,
.counters.with-borders .counter,
html .scroll-to-top,
.google-map.small,
.google-map-borders,
article.post .post-date .month,
article.post .post-date .day,
article .post-video,
article .post-audio,
ul.comments .comment-block,
.recent-posts .date .month,
#header nav.mega-menu .mega-menu-shop .dropdown-menu,
.shop ul.products .product .add-to-cart-product,
.product-info,
.product-info img,
.product-info+.product-info,
.img-thumbnail.img-thumbnail-hover-icon:before,
.product-thumb-info {
	border-radius: 0;
}




@media (min-width: 992px) {
	.solution .feature-box.reverse .feature-box-info {
		padding-right: 30px;
		padding-left: 0;
	}
}

.solution .featured-boxes-full .featured-box-full {
	text-align: center;
	padding: 30px;
}

.solution .module ul {
	text-justify: distribute;
}

.solution .module ul li {
	padding-bottom: 5px;
	text-justify: distribute;
	opacity: 0.8;
}



.solution .looking-for .container {
	padding: 30px;
}

.custom-call-to-action {
	display: block;
	border-left: 2px solid #4a8961;
	padding-left: 10px;
	font-size: 1.5rem;
}

.custom-call-to-action.white-border {
	border-color: #FFF !important;
}

.custom-call-to-action span {
	line-height: 1.5rem;
}

.custom-call-to-action span:nth-child(2) {
	display: block;
	font-size: 1.8rem;
	line-height: 1.8rem;
}

/* section.section.section-custom-solution {
	background: url(../img/section-parallax.png) no-repeat 50% -250px;
} */



html .btn-borders.custom-button {
	font-size: 1.5em;
	border-radius: 30px !important;
	padding: 10px 30px;
}

html:not(.boxed) #header.header-full-width .header-container {
	padding-right: 27px;
	padding-left: 27px;
}

#header .header-top {
	padding: 4px 0 3px 0;
}

#header .header-search .form-control {
	border-radius: 20px;
}

/*header-semi-transparent-light 透明度*/
html #header.header-semi-transparent-light .header-body:before {
	opacity: 0.2;
	background: #FFF;
}

html.sticky-header-active #header.header-semi-transparent-light .header-body:before {
	border-bottom: 1px solid #f1f1f1;
	opacity: 0.8;
}


@media (max-width: 991px) {

	#header .header-nav-main nav>ul li a,
	#header .header-nav-main nav>ul li.dropdown .dropdown-menu {
		font-size: 1em;
	}
}

/*主選單樣式*/

@media (min-width: 992px) {

	/*主選單*/
	#header .header-nav .header-nav-main nav>ul>li>a {
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px;
		padding: 5px 13px;
		text-transform: uppercase;
	}

	#header .header-nav-main nav>ul>li>a {
		-webkit-transition: ease color 300ms;
		-moz-transition: ease color 300ms;
		transition: ease color 300ms;
	}

	/* header選單背景透明 */
	html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary.active>a,
	html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary:hover>a {
		background: transparent;
		/*color: #FFF;*/
	}

	/* not sticky header 時的選單hover樣式 */
	html:not(.sticky-header-active) #header .header-nav-main nav>ul>li:hover>a {
		color: #ccffff !important;
	}

	html:not(.sticky-header-active) #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:focus {
		background: transparent;
		/*color: #ccffff;*/
	}

	/* sticky header 時的選單hover樣式 */
	html.sticky-header-active #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:focus,
	html.sticky-header-active #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:hover {
		background: transparent;
		color: #019fdc;
	}

	/*jey add*/
	html.sticky-header-active #header .header-nav-main nav>ul>li:hover>a {
		/*background: transparent;*/
		color: brown;
	}

	#header .header-nav-main nav>ul>li.active>a:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: -15px;
		border-bottom: 3px solid #019fdc;
		width: 100%;
	}

	/*下拉選單箭頭圖示*/
	#header .header-nav-main nav>ul>li>a.dropdown-toggle:after {
		margin-top: 9px;
	}

	/*下拉選單*/
	#header .header-nav .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
		font-size: 1.1em;
	}

}


/* 覆寫Skin css */
html .background-color-gray {
	background-color: #f4f4f4 !important;
}

.owl-carousel .owl-nav [class*="owl-"] {
	border-radius: 0;
}

.owl-carousel .owl-nav [class*="owl-"] {
	background: #101019 !important;
}

.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:before,
.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:before {
	border-color: #da7940;
}

.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:after,
.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:after {
	border-color: #da7940;
}

.testimonial blockquote,
.testimonial.testimonial-style-2 blockquote {
	border-radius: 0;
}

/* 覆寫ils css (原始模版的 demo-xxx.css) */

.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev,
.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next {
	position: absolute;
	width: 55px;
	background: transparent !important;
	-webkit-transition: ease all 300ms;
	-moz-transition: ease all 300ms;
	transition: ease all 300ms;
}

.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev {
	left: 10px;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next {
	right: 10px;
}

.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:before,
.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -2px;
	left: initial;
	width: 100%;
	border-top: 4px solid #3aabdd;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:after,
.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 25px;
	height: 25px;
	border-top: 4px solid #3aabdd;
	border-right: 4px solid #3aabdd;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 991px) {
	.owl-carousel.custom-sm-nav-bottom .owl-nav {
		/* top: 100%; */
		top: 70px;
		left: 50%;
		/* margin-top: 0;
        width: 45%; */
		/* margin-top: -100px; */
		width: 100%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media (max-width: 320px) {
	.owl-carousel.custom-sm-nav-bottom .owl-nav {
		/* width: 57%; */
		width: 100%;
	}
}

.testimonial blockquote p {
	color: #777 !important;
}

.custom-testimonial-style blockquote p {
	font-style: normal;
	font-size: 1em;
	line-height: 1.7;
}

.custom-btn-style-2 {
	padding: 13px 30px;
	font-size: 20px;
	border-width: 2px;
}

html .btn-borders.btn-primary.custom-btn-style-2:hover a,
html .btn-borders.btn-primary.custom-btn-style-2:focus a {
	color: #fff;
}

button:focus {
	outline: 0 !important;
}

/*
廣告輪播區
*/
.rev_slider_wrapper {
	/*font-family: 'cwTeXHei', serif;*/
	/*思源黑體*/
	/*font-family: 'cwTeXYen', serif;*/
	/*思源圓體*/
	font-family: 'Noto Sans TC', sans-serif;
	/*黑體*/
	/*font-family: 'cwTeXYen', sans-serif;*/
	/*圓體*/
}

.btn-borders.slider-button {
	/*font-size: 1.2em;*/
	border-radius: 30px !important;
	border-color: #fff;
	padding: 10px 30px;
	color: #fff;
	text-shadow: none;
}

.btn-borders.slider-button:hover {
	border-radius: 30px !important;
	border-color: #fff;
	background-color: #fff;
	padding: 10px 30px;
	color: #666;
	text-shadow: none;
}


/*切換不同Logo檔*/
.sticky-header-active #header.header-narrow .header-logo img {
	margin: 0;
}


/*===== Common =========*/
.required {
	color: #F30;
}

.isnew {
	color: #F30;
	margin-left: 3px;
	font-style: italic;
	font-size: 14px;
}

.moreBtn {
	margin: 0 0 100px 0;
	display: block;
}

/*通用_邊界設定*/
.mb5 {
	margin-bottom: 5px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}


section.section {
	background: #ffffff;
	border-top: 0;

	/*2018*/
	/*margin: 0 0; 
    padding: 10px 0 0 0;*/
}

/*首頁_關於豐聯*/
#aboutus h2 {
	font-size: 1.8em;
	line-height: 27px;
	margin: 0;
}


/*首頁_服務項目*/
.btn-borders.inside-button {
	font-size: 1.2em;
	border-radius: 30px !important;
	padding: 10px 30px;
}

@media (max-width: 991px) {

	/*mobile時，服務項目的某row的圖片col跟內文col順序修正*/
	.custom-sm-flex-order {
		display: flex;
		flex-flow: row wrap;
	}

	.custom-sm-flex-order .col-md-6 {
		width: 100%;
	}

	.custom-sm-flex-order .col-md-6:nth-child(1) {
		order: 2;
	}

	.custom-sm-flex-order .col-md-6:nth-child(2) {
		order: 1;
	}
}

/*首頁_服務項目大圖hover縮放*/
.outer-div {
	overflow: hidden;
}

.inner-div {
	transition: all 0.5s ease;
}

.inner-div:hover {
	transform: scale(1.2);
}

/*首頁_應用案例*/
section.video.custom-video-overlay .video-overlay {
	background: rgba(255, 255, 255, 0.7);
}

.content-grid .content-grid-item {
	padding: 30px;
}

.content-grid .content-grid-item {
	min-height: 64px;
}

.content-grid .content-grid-item {
	border: none;
}

.content-grid .content-grid-item:first-child {
	border-left: none;
}

@media (max-width: 767px) {

	/*.isotope-item {
	    width:;
	}*/
	.content-grid .content-grid-item {
		padding: 10px;
	}
}







/* 首頁_各區塊 */

/* .block-body .row {
}
.block-body {
	margin: 0 auto;
} */

/* 首頁_各區塊分隔 */

/* .headTitle {
	position: relative;
	margin: 50px auto 0 auto;
	text-align: center;
}

.block-title-border {
	display: inline-block;
	position: absolute;
	height: 190px;
	width: 190px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #1b1b1b;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: .2;
}

.block-title {
	display: inline-block;
	position: relative;
	height: 180px;
	width: 180px;
	background-color: #1b1b1b;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.block-title h1 {
	font-size: 38px;
	font-weight: bolder;
	display: inline-block;
	padding: 5px 0 0;
}

.block-title h2 {
	font-size: 30px;
	font-style: italic;
	font-weight: normal;
	height: 91px;
	padding-top: 40px;
	border-bottom: 1px solid #7d7d7d;
}

.block-title h1,
.block-title h2 {
	margin: 0;
	color: #fff;
	font-family: "微軟正黑體", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;

} */



/* .headTitle:before {
	content: "";
	display: block;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: 50%;
	left: 0;
	width: 40%;
}

.headTitle:after {
	content: "";
	display: block;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: 50%;
	right: 0;
	width: 40%;
} */


/* 首頁_slogan */
/* #slogan {
	padding-top: 50px;
	background: url(../img/bg.jpg) left bottom;
	text-align: center;
}

#slogan p {
	text-align: left;
} */

/* **********
首頁_slogan_transform
********** */
/* 水平垂直置中用容器 */

/* .container-hvcenter {
	position: relative;
}

.sloganimg {
	cursor: pointer;
} */

/* .sloganimg,
.sloganimg-content
	{
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 90;
} */

/* .icon-slogan-1 {
	background: url(../img/icon-slogan-1.png) no-repeat center center;
}

.icon-slogan-2 {
	background: url(../img/icon-slogan-2.png) no-repeat center center;
}

.icon-slogan-3 {
	background: url(../img/icon-slogan-3.png) no-repeat center center;
}

.icon-slogan-4 {
	background: url(../img/icon-slogan-4.png) no-repeat center center;
} */

.sloganimg-icon {
	/* -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 150px;
	width: 150px;
	z-index: 80; */
	/* 水平垂直置中用 */
	/* position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto; */
}

.sloganimg-icon-border {
	/* background-color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 151px;
	width: 151px;
	z-index: 70;
	opacity: .5; */
	/* 水平垂直置中用 */
	/* position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto; */
}

/*
縮小變形類,元素預設類,用js移除放大變形類時套用此變形
雖然完全透明且縮到0,但是位置還是被理面的圖佔住了,佔住的區塊大小跟圖檔尺寸一致
*/
.sloganimg-content {
	/* -moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	line-height: 1.5em;
	opacity: 0;
	text-align: center;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: -webkit-transform 500ms ease, opacity 300ms ease 200ms;
	-moz-transition: -moz-transform 500ms ease, opacity 300ms ease 200ms;
	transition: transform 500ms ease, opacity 300ms ease 200ms; */

	/* 水平垂直置中用 */

	/* position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto; */
}

/*放大變形類,用js加入dom時套用此變形*/
.sloganimg-open {
	/* opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 500ms ease, opacity 300ms ease;
	-moz-transition: -moz-transform 500ms ease, opacity 300ms ease;
	transition: transform 500ms ease, opacity 300ms ease; */
}

/* 首頁_slogan_transform end */





/*首頁_訊息與報導 .section-custom-ourmessage*/
/* section.section.section-custom-ourmessage {
	margin-bottom: 0;
}
.section-custom-ourmessage {
	overflow: hidden;
	position: relative;
}
.section-custom-ourmessage .recent-posts .date {
	float: left;
	margin-right: 10px;
	margin-top: 8px;
	text-align: center;
}
.section-custom-ourmessage .recent-posts .date .day {
	background: #F7F7F7;
	color: #CCC;
	display: block;
	font-size: 18px;
	font-weight: 500;
	font-weight: bold;
	padding: 8px;
}
.section-custom-ourmessage .recent-posts .date .month {
	background-color: #E04622;
	border-radius: 0;
	color: #FFF;
	font-size: 0.9em;
	padding: 0 10px 2px;
} */

/* 詳細頁_訊息與報導 */

/* .blog-posts article {
	border-bottom: 1px solid #DDD;
	margin-bottom: 50px;
	padding-bottom: 10px;
}

article.post .post-meta {
	font-size: 0.9em;
	margin-bottom: 20px;
}

.single-post article {
	border-bottom: 0;
	margin-bottom: 0;
}

article.post .post-date {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	float: left;
	margin-right: 10px;
	text-align: center;
}

article.post-large .post-image,
article.post-large .post-date {
	margin-left: -60px;
} */

/* 聯絡我們 */

/* .google-map {
	margin: 0px 0 30px 0;
} */

/* 頁尾 #footer */
#footer .social-icons li {
	border-radius: 0;
	padding: 13px 0 8px 0;
}

#footer .footer-copyright {
	background: transparent;
	border-top: 1px solid #53585e;
}

#footer .footer-copyright p {
	color: #ababab;
}

#footer .nav-footer h5 {
	font-weight: 500;
	margin-bottom: 10px;
	padding-left: 10px;
}

#footer .list-footer-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	margin-bottom: 10px;
}

#footer .list-footer-nav li {
	margin-bottom: 0px;
}

#footer .list-footer-nav li:before {
	content: '-';
	/*display: block;
	    position: absolute;
	    top: 50%;
	    left: -15px;*/
	margin-right: 5px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#footer .contact strong {
	font-weight: 500;
	color: #ccc;
}


/*
* 首頁_訊息與報導
*/

.post-ourmessage {
	position: relative;
	min-height: 50px;
}

.post-ourmessage h4 {
	font-size: 1.4em;
	line-height: 1.2em;
}

.post-ourmessage>h4,
.custom-post-blog>p {
	padding: 0 0 0 70px;
}

.post-ourmessage .date {
	position: absolute;
	top: 5px;
	left: 0;
}

.post-ourmessage .date>span {
	float: left;
}

.post-ourmessage .date span.month {
	font-size: 2em;
	line-height: 0.7em;
	margin-top: -0.3em;
}

.post-ourmessage .date span.separate {
	font-size: 2em;
	line-height: 0.7em;
	margin-top: 0;
	margin-left: -0.4em;
}

.post-ourmessage .date span.day {
	font-size: 2em;
	line-height: 0.7em;
	margin-left: -0.4em;
	margin-top: 0.3em;
}


/*
* 服務項目
*/
.solution .title {
	color: #545454;
	font-weight: 400;
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 2px solid #f4645a;
}

section.section.exec-benefit {
	padding-bottom: 210px;
	background: #383f48 url(../../include/img/rocket_bkg-01.jpg) 50% 100% no-repeat;
}

.rocket {
	width: 130px;
	height: 220px;
	display: block;
	/* 水平置中 */
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
}

section.rocketbenefit.timeline {
	width: 75%;
	/* margin: 50px 12.5% 0; */
	margin: 0 12.5% 0;
	position: relative;
	float: left;
	/* padding-bottom: 120px; */
	padding-bottom: 0;
}

section.rocketbenefit.timeline.star {
	margin-top: -10px;
	padding-bottom: 30px;
}

section.rocketbenefit.timeline .timeline-box.left:before,
section.rocketbenefit.timeline .timeline-box.right:before {
	background: #ff5b41;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #ff5b41;
}

section.rocketbenefit.timeline:after {
	background: #ffffff;
	/* background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 8%, #ffffff 92%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 8%, #ffffff 92%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 8%, #ffffff 92%, rgba(255, 255, 255, 0) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 8%, #ffffff 92%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 8%, #ffffff 92%, rgba(255, 255, 255, 0) 100%); */
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin-left: -4px;
	position: absolute;
	/* top: -60px; */
	top: 0;
	width: 8px;
	z-index: 0;
	filter: alpha(opacity=35);
	opacity: 1;
}

section.rocketbenefit.timeline .timeline-date {
	box-shadow: none;
	position: relative;
	display: block;
	clear: both;
	width: 100px;
	height: 100px;
	padding: 5px;
	border: 0;
	margin: 0 auto 10px;
	text-shadow: none;
	border-radius: 50%;
	background: #FFF;
	z-index: 1;
}

section.rocketbenefit.timeline .timeline-date .circle-dotted {
	position: absolute;
	/* padding: 16px; */
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
	display: table;
	/* border-style: dashed;
	border-width: 1px; */
	border-radius: 50%;
}

section.rocketbenefit.timeline .timeline-date .circle-center {
	display: table-cell;
	vertical-align: middle;
	color: #ff5b41;
}

section.rocketbenefit.timeline .timeline-box {
	box-shadow: none;
	border: 0;
	background: transparent;
	color: #ffffff;
}

section.rocketbenefit.timeline .timeline-box.left {
	text-align: right;
}

section.rocketbenefit.timeline .timeline-box.right:before {
	background: #ff5b41;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #FFFFFF;
	content: "";
	display: block;
	height: 20px;
	margin-left: -5px;
	position: absolute;
	left: -8.3%;
	top: 32px;
	width: 20px;
}

section.rocketbenefit.timeline .timeline-box.left:before {
	background: #ff5b41;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #ffffff;
	content: "";
	display: block;
	height: 20px;
	margin-right: -5px;
	position: absolute;
	right: -8.3%;
	top: 32px;
	width: 20px;
}

section.rocketbenefit.timeline .timeline-box.right:after {
	display: none;
}

section.rocketbenefit.timeline .timeline-box.left:after {
	display: none;
}

@media (max-width: 991px) {

	section.rocketbenefit.timeline .timeline-box.left:after,
	section.rocketbenefit.timeline .timeline-box.right:after,
	section.rocketbenefit.timeline .timeline-box.left:before,
	section.rocketbenefit.timeline .timeline-box.right:before {
		display: none;
	}

	section.rocketbenefit.timeline .timeline-box {
		background: #ffffff;
		color: #525252;
		text-align: center;
	}
}

/* 
*服務項目_美容芳療看板
*/

/* 服務項目_美容芳療看板_模組 */

html .solution .module .spa-module .featured-boxes-full-scale>[class*="col-"]:nth-child(1) .featured-box-full-primary {
	background-color: #FF5675;
}

html .solution .module .spa-module .featured-boxes-full-scale>[class*="col-"]:nth-child(2) .featured-box-full-primary {
	background-color: #FF607F;
}

html .solution .module .spa-module .featured-boxes-full-scale>[class*="col-"]:nth-child(3) .featured-box-full-primary {
	background-color: #FF6A89;
}

html .solution .module .spa-module .featured-boxes-full-scale>[class*="col-"]:nth-child(4) .featured-box-full-primary {
	background-color: #FF7493;
}

html .solution .module .spa-module .featured-boxes-full-scale>[class*="col-"]:nth-child(5) .featured-box-full-primary {
	background-color: #FF7E9D;
}

html .solution .module .spa-module .featured-boxes-full-scale>[class*="col-"]:nth-child(6) .featured-box-full-primary {
	background-color: #FF88A7;
}

/*
* 服務項目_大智慧農業平台
*/

/* 服務項目_大智慧農業平台_食安問題 */
.custom-circle-date {
	position: relative;
	width: 118px;
	height: 118px;
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	z-index: 2;
	box-shadow: 0px 11px 21px 0px rgba(229, 232, 235, 0.75);
}

.custom-circle-date.no-border {
	border-color: transparent;
	box-shadow: none;
	background-color: #CC0001 !important;
}

.custom-circle-date .circle-dotted {
	position: absolute;
	padding: 16px;
	width: 106px;
	height: 106px;
	top: 5px;
	left: 5px;
	display: table;
	border-style: dashed;
	border-width: 1px;
	border-radius: 50%;
}

.custom-circle-date .circle-center {
	display: table-cell;
	vertical-align: middle;
}

.custom-circle-date.custom-circle-date-light {
	border-color: #e6ebeb;
}

.custom-circle-date.custom-circle-date-light .circle-dotted {
	border-color: #e6ebeb;
}

@media (max-width: 767px) {
	.custom-circle-date {
		margin: 0px auto 35px !important;
	}
}

.timeline-balloon {
	position: relative;
}

.timeline-balloon::before {
	content: '';
	position: absolute;
	width: 1px;
	left: 83px;
	background-color: #CC0001;
}

.timeline-balloon::before {
	height: 120%;
	top: -35px;
}

.timeline-balloon:last-of-type::before {
	height: 75px;
}

.timeline-balloon .balloon-cell {
	display: table-cell;
	vertical-align: top;
	width: 100%;
}

.timeline-balloon .balloon-time {
	width: 93px;
	white-space: nowrap;
}

.timeline-balloon .balloon-time .custom-font-size-3 {
	font-size: 0.92857em !important;
	line-height: 1;
}

.timeline-balloon .balloon-time .time-text {
	display: inline-block;
	vertical-align: middle;
	width: 68px;
}

.timeline-balloon .balloon-time .time-dot {
	position: relative;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}

.timeline-balloon .balloon-time .time-dot::before {
	content: '';
	position: absolute;
	width: 19px;
	height: 19px;
	top: 50%;
	left: 50%;
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
	border-color: #CC0001;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
}

.timeline-balloon .balloon-time .time-dot::after {
	content: '';
	position: absolute;
	background-color: #CC0001;
	width: 7px;
	height: 7px;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.timeline-balloon .balloon-content {
	position: relative;
	margin-left: 38px;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	border-color: #e6ebeb;
}

.timeline-balloon .balloon-content.balloon-shadow {
	box-shadow: 0px 11px 21px 0px rgba(229, 232, 235, 0.75);
}

.timeline-balloon .balloon-content .balloon-arrow {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 35px;
	left: -15px;
	border-width: 1px;
	border-style: solid;
	border-right: none;
	border-bottom: none;
	border-color: #e6ebeb;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
}

.timeline-balloon .balloon-content .balloon-photo {
	display: table-cell;
	vertical-align: top;
	height: 64px;
	width: 64px;
	max-width: 64px;
	padding-top: 6px;
}

.timeline-balloon .balloon-content .balloon-photo .photo-radius {
	border-radius: 50%;
	overflow: hidden;
}

.timeline-balloon .balloon-content .balloon-description {
	display: table-cell;
}

.timeline-balloon .balloon-content .balloon-description p {
	line-height: 1.6;
}

.timeline-balloon .balloon-content .balloon-description h5 {
	line-height: 1.4;
}

@media (max-width: 767px) {
	.timeline-balloon:before {
		left: 50%;
	}

	.timeline-balloon .balloon-time .time-dot {
		display: none;
	}

	.timeline-balloon .balloon-time .time-text {
		position: absolute;
		top: -11px;
		left: 50%;
		text-align: center;
		background: #FFF;
		border-width: 1px;
		border-style: solid;
		border-radius: 3px;
		border-color: #e6ebeb;
		padding: 5px 0px;
		z-index: 1;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.timeline-balloon .balloon-content {
		margin-left: 0;
	}
}

/* 服務項目_大智慧農業平台_農業瓶頸 */
.problems .thumb-info {
	display: block;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	/* background-color: #ccc; */
	border: 0;
	border-radius: 15px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.problems .thumb-info .thumb-info-wrapper {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 15px;
	position: relative;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	line-height: 1.4em;
	border: 2px solid #3A3A3A;
	background: url(../../include/img/bkg-02.png) -20px 30px repeat-x;
}

.problems .isotope-item {
	margin-bottom: 10px;
}

/* mouse hover */
.problems .thumb-info .thumb-info-wrapper:after {
	background: rgba(0, 0, 0, 0.3);
	color: #FFF;
}

html.webkit .problems .thumb-info .thumb-info-wrapper {
	margin: 0;
}

.featured-box .box-content {
	border-radius: 0;
}

/* 服務項目_大智慧農業平台_模組 */
html .solution .module .agriculture-module-1 .featured-boxes-full-scale .featured-box-full-primary {
	color: #000;
}

html .solution .module .agriculture-module-1 .featured-boxes-full-scale>[class*="col-"]:nth-child(1) .featured-box-full-primary {
	background-color: #bfeebb;
}

html .solution .module .agriculture-module-1 .featured-boxes-full-scale>[class*="col-"]:nth-child(2) .featured-box-full-primary {
	background-color: #abe4b1;
}

html .solution .module .agriculture-module-1 .featured-boxes-full-scale>[class*="col-"]:nth-child(3) .featured-box-full-primary {
	background-color: #8bd5a0;
}

html .solution .module .agriculture-module-1 .featured-boxes-full-scale>[class*="col-"]:nth-child(4) .featured-box-full-primary {
	background-color: #64C990;
}

html .solution .module .agriculture-module-1 .featured-boxes-full-scale>[class*="col-"]:nth-child(5) .featured-box-full-primary {
	background-color: #5cbe88;
}

html .solution .module .agriculture-module-1 .featured-boxes-full-scale>[class*="col-"]:nth-child(6) .featured-box-full-primary {
	background-color: #5DB783;
}

html .solution .module .agriculture-module-1 .featured-boxes-full-scale>[class*="col-"]:nth-child(7) .featured-box-full-primary {
	background-color: #5AB281;
}

html .solution .module .agriculture-module-1 .featured-boxes-full-scale>[class*="col-"]:nth-child(8) .featured-box-full-primary {
	background-color: #55AA7C;
}

html .solution .module .agriculture-module-1 .featured-boxes-full-scale>[class*="col-"]:nth-child(9) .featured-box-full-primary {
	background-color: #FFC480;
}

/*
* 服務項目_汽車系統整合
*/
.solution .threetrend ul li {
	background: #242424;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	color: #ffffff;
}

/* 服務項目_汽車系統整合_系統特色 */
.solution .num {
	font-size: 21rem;
	line-height: 18rem;
	color: #6C86BE;
}

.solution .features .features-right,
.solution .features .features-left {
	min-height: 280px;
}

.solution .features h4 {
	text-indent: 24px;
}

.solution .features .features-right::after {
	border: 22px solid transparent;
	border-right-color: #2d529f;
	content: "";
	height: 0;
	right: 100%;
	margin-top: -22px;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 1;
}

.solution .features .features-left::after {
	border: 22px solid transparent;
	border-left-color: #2d529f;
	content: "";
	height: 0;
	left: 100%;
	margin-top: -22px;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 1;
}

.solution .features .feature-box-info {
	padding-left: 30px;
}

.list.list-icons li>.fa:first-child,
.list.list-icons li a:first-child>.fa:first-child,
.list.list-icons li>.icons:first-child,
.list.list-icons li a:first-child>.icons:first-child {
	color: #faa50a;
	border-color: #faa50a;
}





/* 應用案例 */

.thumb-info.custom-thumb-info-style-1 a {
	color: #2e353e !important;
	text-decoration: none;
}

.thumb-info.custom-thumb-info-style-1:hover a,
.thumb-info.custom-thumb-info-style-1:hover a:hover,
.thumb-info.custom-thumb-info-style-1:hover a:focus {
	color: #ffffff !important;
}

.thumb-info.custom-thumb-info-style-1 {
	border: none;
}

.thumb-info.custom-thumb-info-style-1:hover .thumb-info-caption {
	background: #383f48 !important;
}

.thumb-info.custom-thumb-info-style-1:hover .thumb-info-caption .custom-thumb-info-title span {
	color: #FFF !important;
}

.thumb-info.custom-thumb-info-style-1:hover .thumb-info-caption .custom-arrow {
	width: 55px;
}

.thumb-info.custom-thumb-info-style-1:hover .thumb-info-caption .custom-arrow:before {
	border-top: 1px solid #FFF;
}

.thumb-info.custom-thumb-info-style-1:hover .thumb-info-caption .custom-arrow:after {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.thumb-info.custom-thumb-info-style-1 .thumb-info-caption {
	position: relative;
	padding: 25px;
	display: block;
	-webkit-transition: ease background 300ms, ease width 300ms;
	-moz-transition: ease background 300ms, ease width 300ms;
	transition: ease background 300ms, ease width 300ms;
	min-height: 110px;
}

.thumb-info.custom-thumb-info-style-1 .thumb-info-caption .custom-thumb-info-title span {
	color: #777;
}

.thumb-info.custom-thumb-info-style-1 .thumb-info-caption .custom-thumb-info-title .custom-thumb-info-name {
	display: block;
	padding-right: 50px;
}

.thumb-info.custom-thumb-info-style-1 .thumb-info-caption .custom-arrow {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 40px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: ease all 300ms;
	-moz-transition: ease all 300ms;
	transition: ease all 300ms;
}

.thumb-info.custom-thumb-info-style-1 .thumb-info-caption .custom-arrow:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -2px;
	width: 100%;
	border-top: 1px solid #1e1e24;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.thumb-info.custom-thumb-info-style-1 .thumb-info-caption .custom-arrow:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 15px;
	height: 15px;
	border-top: 1px solid #1e1e24;
	border-right: 1px solid #1e1e24;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

/* 服務流程內容 */
.ServiceProcessCnt .featured-boxes-full .featured-box-full {
	text-align: center;
	padding: 10px;
	min-height: 360px;
}

.ServiceProcessCnt p {
	line-height: 1.5em;
	letter-spacing: 0em;
}

.ServiceProcessCnt .num {
	font-size: 14rem;
	line-height: 14rem;
	color: #FFFFFF;

}


/* 服務項目每列商品圖的數量 */
.sort-destination.full-width .isotope-item {
	width: 25%;
	/*每列4個，所以每個為寬度的25%*/
	/* float: left; */
}

@media (min-width: 992px) {
	.sort-destination.full-width .isotope-item:nth-child(4n+1) {
		/*每列4個*/
		clear: both;
	}
}

@media (max-width: 479px) {

	.sort-destination.full-width .isotope-item,
	.sort-source-wrapper+.sort-destination.full-width .isotope-item {
		position: static !important;
		clear: both;
		float: none;
		width: auto;
	}
}

/* 應用案例 */

.case #main-carousel .owl-nav {
	margin-top: -40px;
}

#main-carousel .owl-nav .owl-prev {
	left: -84px;
}

#main-carousel .owl-nav [class*="owl-"],
#main-carousel .owl-nav [class*="owl-"]:hover,
#main-carousel .owl-nav [class*="owl-"]:active {
	width: 35px;
	font-size: 35px;
	/* border: 1px solid #6aca11; */
}

.owl-carousel.show-nav-title .owl-nav [class*="owl-"] {
	color: #c57e60;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	width: 35px;
	height: 43px;
}

.case p {
	text-indent: 1em;
	line-height: 1.5em;
}

.case .heading.heading-bottom-border h3 {
	border-bottom: 2px solid #DBDBDB;
	padding-bottom: 20px;
}

.case .heading.heading-border {
	/* margin-bottom: 50px; */
}

/*****************
 * 新增ui色系-start
******************/

/* 新增色系的Buttons基礎-深色 */
body .btn-navy,
body .btn-blue,
/*body .btn-aqua,*/
body .btn-teal,
body .btn-olive,
body .btn-green,
/*body .btn-lime,*/
body .btn-yellow,
body .btn-orange,
body .btn-red,
body .btn-fuchsia,
body .btn-purple,
body .btn-maroon,
body .btn-white,
body .btn-gray,
body .btn-silver,
body .btn-black {
	/*border-color: #CCC;
	background-color: #CCC;
	border-color: #CCC #CCC #b3b3b3;*/
	color: #FFF;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
}

body .btn-navy:hover,
body .btn-blue:hover,
/*body .btn-aqua:hover,*/
body .btn-teal:hover,
body .btn-olive:hover,
body .btn-green:hover,
/*body .btn-lime:hover,*/
body .btn-yellow:hover,
body .btn-orange:hover,
body .btn-red:hover,
body .btn-fuchsia:hover,
body .btn-purple:hover,
body .btn-maroon:hover,
body .btn-white:hover,
body .btn-gray:hover,
body .btn-silver:hover,
body .btn-black:hover {
	/*border-color: #d9d9d9;
	background-color: #d9d9d9;*/
	color: #FFF;
}

body .btn-navy:active,
body .btn-navy:focus,
body .btn-blue:active,
body .btn-blue:focus,
/*body .btn-aqua:active, body .btn-aqua:focus,*/
body .btn-teal:active,
body .btn-teal:focus,
body .btn-olive:active,
body .btn-olive:focus,
body .btn-green:active,
body .btn-green:focus,
/*body .btn-lime:active, body .btn-lime:focus,*/
body .btn-yellow:active,
body .btn-yellow:focus,
body .btn-orange:active,
body .btn-orange:focus,
body .btn-red:active,
body .btn-red:focus,
body .btn-fuchsia:active,
body .btn-fuchsia:focus,
body .btn-purple:active,
body .btn-purple:focus,
body .btn-maroon:active,
body .btn-maroon:focus,
body .btn-white:active,
body .btn-white:focus,
body .btn-gray:active,
body .btn-gray:focus,
body .btn-silver:active,
body .btn-silver:focus,
body .btn-black:active,
body .btn-black:focus {
	/*border-color: #bfbfbf;
	background-color: #bfbfbf;*/
	color: #FFF;
}

/* 新增色系的Buttons基礎-淺色 */
/*body .btn-aqua,
body .btn-lime,
body .btn-yellow,
body .btn-white,
body .btn-silver{
	color: #333;
}

body .btn-aqua:hover,
body .btn-lime:hover,
body .btn-yellow:hover,
body .btn-white:hover,
body .btn-silver:hover{
	color: #333;
}

body .btn-aqua:active, body .btn-aqua:focus,
body .btn-lime:active, body .btn-lime:focus,
body .btn-yellow:active, body .btn-yellow:focus,
body .btn-white:active, body .btn-white:focus,
body .btn-silver:active, body .btn-silver:focus {
	color: #333;
}*/

/****** 新增ui色系：navy 深藍色、海軍藍 ******/

/* Nav Pills */
.nav-pills-navy>li a:hover,
.nav-pills-navy>li a:focus {
	color: #001f3f;
	background-color: #3f9dff;
}

.nav-pills-navy>li.active>a,
.nav-pills-navy>li.active>a:hover,
.nav-pills-navy>li.active>a:active,
.nav-pills-navy>li.active>a:focus {
	background-color: #001f3f;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-navy {
	background: #001f3f;
	border-color: #001226;
}

body .btn-navy.dropdown-toggle {
	border-left-color: #003368;
}

/* Buttons */
body .btn-navy {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #001f3f;
	border-color: #001f3f;
}

body .btn-navy:hover {
	border-color: #002c59 !important;
	background-color: #002c59;
}

body .btn-navy:active,
body .btn-navy:focus {
	border-color: #001226 !important;
	background-color: #001226;
}

body .btn-navy[disabled] {
	border-color: #0051a5 !important;
	background-color: #0051a5;
}

/* Switch*/
.switch.switch-navy .ios-switch .on-background {
	background: #001f3f;
}

/* Label */
.label-navy {
	background: #001f3f;
}

/* BG navy */
.bg-navy {
	background: #001f3f;
}

/* Fullcalendar */
.fc-event.fc-event-navy {
	background: #001f3f;
	border-color: #001f3f;
}

/* Alerts */
.alert-navy {
	background-color: #001f3f;
	border-color: #001730;
}

.alert-navy .alert-link {
	color: #000000;
}

/* Panels */
html .panel-navy .panel-heading {
	background: #001f3f;
	border-color: #001f3f;
}

.panel-heading.bg-navy {
	background: #001f3f;
}

.panel-body.bg-navy {
	background: #001f3f;
}

.panel-featured-navy {
	border-color: #001f3f;
}

.panel-featured-navy .panel-title {
	color: #001f3f;
}

.panel-heading-icon.bg-navy {
	background: #001f3f;
}

.panel-group .panel-accordion-navy .panel-heading .panel-title a {
	background: #001f3f;
}

/* Progress Bar */
.progress .progress-bar-navy {
	background-color: #001f3f;
}

/* Notifications */
.ui-pnotify .notification-navy {
	background: rgba(0, 31, 63, 0.95);
}

.ui-pnotify.stack-bar-top .notification-navy,
.ui-pnotify.stack-bar-bottom .notification-navy {
	background: #001f3f;
}

.ui-pnotify.notification-navy .notification,
.ui-pnotify.notification-navy .notification-navy {
	background: rgba(0, 31, 63, 0.95);
}

.ui-pnotify.notification-navy.stack-bar-top .notification,
.ui-pnotify.notification-navy.stack-bar-bottom .notification,
.ui-pnotify.notification-navy.stack-bar-top .notification-navy,
.ui-pnotify.notification-navy.stack-bar-bottom .notification-navy {
	background: #001f3f;
}

/* Modal */
.modal-block-navy .fa {
	color: #001f3f;
}

.modal-block-navy.modal-header-color .panel-heading {
	background-color: #001f3f;
}

.modal-block-navy.modal-full-color .panel {
	background-color: #003368;
}

.modal-block-navy.modal-full-color .panel-heading {
	background-color: #001f3f;
}

.modal-block-navy.modal-full-color .panel-footer {
	background-color: #003368;
}

/* Modal Icon */
.modal-block-navy .modal-icon .fa {
	color: #001f3f;
}

/* Tabs */

.resultpanel .nav-tabs {
	padding: 10px 10px 0 10px;
	border-bottom: 0;
	border-right: 1px solid #EDEDED;
	border-left: 1px solid #EDEDED;
	background: #FEFEFE;
}

.resultpanel .nav-tabs li a {
	font-size: 1.6rem;
	margin-right: 1px;
	border-radius: 0;
}

html body .tabs-navy .nav-tabs li a,
html.dark body .tabs-navy .nav-tabs li a,
html body .tabs-navy .nav-tabs.nav-justified li a,
html.dark body .tabs-navy .nav-tabs.nav-justified li a,
html body .tabs-navy .nav-tabs li a:hover,
html.dark body .tabs-navy .nav-tabs li a:hover,
html body .tabs-navy .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-navy .nav-tabs.nav-justified li a:hover {
	color: #001f3f;
}

html body .tabs-navy .nav-tabs li a:hover,
html.dark body .tabs-navy .nav-tabs li a:hover,
html body .tabs-navy .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-navy .nav-tabs.nav-justified li a:hover {
	border-top-color: #001f3f;
}

html body .tabs-navy .nav-tabs li.active a,
html.dark body .tabs-navy .nav-tabs li.active a,
html body .tabs-navy .nav-tabs.nav-justified li.active a,
html.dark body .tabs-navy .nav-tabs.nav-justified li.active a,
html body .tabs-navy .nav-tabs li.active a:hover,
html.dark body .tabs-navy .nav-tabs li.active a:hover,
html body .tabs-navy .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-navy .nav-tabs.nav-justified li.active a:hover,
html body .tabs-navy .nav-tabs li.active a:focus,
html.dark body .tabs-navy .nav-tabs li.active a:focus,
html body .tabs-navy .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-navy .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #001f3f;
	color: #001f3f;
}

html body .tabs-navy.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-navy.tabs-bottom .nav-tabs li a:hover,
html body .tabs-navy.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-navy.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #001f3f;
}

html body .tabs-navy.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-navy.tabs-bottom .nav-tabs li.active a,
html body .tabs-navy.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-navy.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-navy.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-navy.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-navy.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-navy.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-navy.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-navy.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-navy.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-navy.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #001f3f;
}

html body .tabs-navy.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-navy.tabs-vertical.tabs-left li a:hover {
	border-left-color: #001f3f;
}

html body .tabs-navy.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-navy.tabs-vertical.tabs-left li.active a,
html body .tabs-navy.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-navy.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-navy.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-navy.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #001f3f;
}

html body .tabs-navy.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-navy.tabs-vertical.tabs-right li a:hover {
	border-right-color: #001f3f;
}

html body .tabs-navy.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-navy.tabs-vertical.tabs-right li.active a,
html body .tabs-navy.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-navy.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-navy.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-navy.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #001f3f;
}

/* Simple Card List */
.simple-card-list li.navy {
	background: #001f3f;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-navy {
	background-color: #001f3f;
}

/* Checkboxes */
html.dark .checkbox-navy label:before,
.checkbox-navy label:before {
	background: #001f3f;
	border-color: #001226;
}

html.dark .checkbox-text-navy input[type="checkbox"]:checked+label:after,
.checkbox-text-navy input[type="checkbox"]:checked+label:after {
	color: #001f3f;
}

/* Radios */
html.dark .radio-navy input[type="radio"]:checked+label:after,
.radio-navy input[type="radio"]:checked+label:after {
	background: #001f3f;
	-webkit-box-shadow: 0px 0px 1px #001f3f;
	box-shadow: 0px 0px 1px #001f3f;
}

/* Switch */
.switch.switch-navy .ios-switch .on-background {
	background: #001f3f;
}

/* Slider */
.slider-navy .ui-slider-range,
.slider-navy .ui-slider-handle {
	background: #001f3f;
}

.slider-gradient.slider-navy .ui-slider-range,
.slider-gradient.slider-navy .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #003872 0, #001f3f 50%, #00060c 100%);
	background-image: linear-gradient(left, #003872 0, #001f3f 50%, #00060c 100%);
}

.slider-gradient.ui-slider-vertical.slider-navy .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-navy .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #003872 0, #001f3f 50%, #00060c 100%);
	background-image: linear-gradient(to right, #003872 0, #001f3f 50%, #00060c 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-navy table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-navy table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #001f3f;
}

html.dark .datepicker.datepicker-navy table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #001f3f;
}

html.dark .datepicker.datepicker-navy table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #001f3f;
}

/* DatePicker: navy */
.datepicker.datepicker-navy table thead tr:first-child {
	background-color: #001f3f;
}

.datepicker.datepicker-navy table thead tr:first-child th:hover {
	background-color: #00060c;
}

.datepicker.datepicker-navy table thead tr:last-child {
	background-color: #002c59;
}

.datepicker.datepicker-navy table thead tr:last-child th:hover {
	background-color: #001f3f;
}

.datepicker.datepicker-navy table tbody tr td.day:hover {
	background: #001f3f;
}

.datepicker.datepicker-navy table tbody tr td.day.active {
	background: #001f3f;
}

/****** 新增ui色系：blue 藍色 ******/

/* Nav Pills */
.nav-pills-blue>li a:hover,
.nav-pills-blue>li a:focus {
	color: #0088CC;
	background-color: #cceeff;
}

.nav-pills-blue>li.active>a,
.nav-pills-blue>li.active>a:hover,
.nav-pills-blue>li.active>a:active,
.nav-pills-blue>li.active>a:focus {
	background-color: #0088CC;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-blue {
	background: #0088CC;
	border-color: #0077b3;
}

body .btn-blue.dropdown-toggle {
	border-left-color: #00a3f5;
}

/* Buttons */
body .btn-blue {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0088CC;
	border-color: #0088CC;
}

body .btn-blue:hover {
	border-color: #0099e6 !important;
	background-color: #0099e6;
}

body .btn-blue:active,
body .btn-blue:focus {
	border-color: #0077b3 !important;
	background-color: #0077b3;
}

body .btn-blue[disabled] {
	border-color: #33bbff !important;
	background-color: #33bbff;
}

/* Switch*/
.switch.switch-blue .ios-switch .on-background {
	background: #0088CC;
}

/* Label */
.label-blue {
	background: #0088CC;
}

/* BG blue */
.bg-blue {
	background: #0088CC;
}

/* Fullcalendar */
.fc-event.fc-event-blue {
	background: #0088CC;
	border-color: #0088CC;
}

/* Alerts */
.alert-blue {
	background-color: #0088CC;
	border-color: #007ebd;
}

.alert-blue .alert-link {
	color: #004466;
}

/* Panels */
html .panel-blue .panel-heading {
	background: #0088CC;
	border-color: #0088CC;
}

.panel-heading.bg-blue {
	background: #0088CC;
}

.panel-body.bg-blue {
	background: #0088CC;
}

.panel-featured-blue {
	border-color: #0088CC;
}

.panel-featured-blue .panel-title {
	color: #0088CC;
}

.panel-heading-icon.bg-blue {
	background: #0088CC;
}

.panel-group .panel-accordion-blue .panel-heading .panel-title a {
	background: #0088CC;
}

/* Progress Bar */
.progress .progress-bar-blue {
	background-color: #0088CC;
}

/* Notifications */
.ui-pnotify .notification-blue {
	background: rgba(0, 136, 204, 0.95);
}

.ui-pnotify.stack-bar-top .notification-blue,
.ui-pnotify.stack-bar-bottom .notification-blue {
	background: #0088CC;
}

.ui-pnotify.notification-blue .notification,
.ui-pnotify.notification-blue .notification-blue {
	background: rgba(0, 136, 204, 0.95);
}

.ui-pnotify.notification-blue.stack-bar-top .notification,
.ui-pnotify.notification-blue.stack-bar-bottom .notification,
.ui-pnotify.notification-blue.stack-bar-top .notification-blue,
.ui-pnotify.notification-blue.stack-bar-bottom .notification-blue {
	background: #0088CC;
}

/* Modal */
.modal-block-blue .fa {
	color: #0088CC;
}

.modal-block-blue.modal-header-color .panel-heading {
	background-color: #0088CC;
}

.modal-block-blue.modal-full-color .panel {
	background-color: #00a3f5;
}

.modal-block-blue.modal-full-color .panel-heading {
	background-color: #0088CC;
}

.modal-block-blue.modal-full-color .panel-footer {
	background-color: #00a3f5;
}

/* Modal Icon */
.modal-block-blue .modal-icon .fa {
	color: #0088CC;
}

/* Tabs */
html body .tabs-blue .nav-tabs li a,
html.dark body .tabs-blue .nav-tabs li a,
html body .tabs-blue .nav-tabs.nav-justified li a,
html.dark body .tabs-blue .nav-tabs.nav-justified li a,
html body .tabs-blue .nav-tabs li a:hover,
html.dark body .tabs-blue .nav-tabs li a:hover,
html body .tabs-blue .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-blue .nav-tabs.nav-justified li a:hover {
	color: #0088CC;
}

html body .tabs-blue .nav-tabs li a:hover,
html.dark body .tabs-blue .nav-tabs li a:hover,
html body .tabs-blue .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-blue .nav-tabs.nav-justified li a:hover {
	border-top-color: #0088CC;
}

html body .tabs-blue .nav-tabs li.active a,
html.dark body .tabs-blue .nav-tabs li.active a,
html body .tabs-blue .nav-tabs.nav-justified li.active a,
html.dark body .tabs-blue .nav-tabs.nav-justified li.active a,
html body .tabs-blue .nav-tabs li.active a:hover,
html.dark body .tabs-blue .nav-tabs li.active a:hover,
html body .tabs-blue .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-blue .nav-tabs.nav-justified li.active a:hover,
html body .tabs-blue .nav-tabs li.active a:focus,
html.dark body .tabs-blue .nav-tabs li.active a:focus,
html body .tabs-blue .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-blue .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #0088CC;
	color: #0088CC;
}

html body .tabs-blue.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-blue.tabs-bottom .nav-tabs li a:hover,
html body .tabs-blue.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-blue.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #0088CC;
}

html body .tabs-blue.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-blue.tabs-bottom .nav-tabs li.active a,
html body .tabs-blue.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-blue.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-blue.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-blue.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-blue.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-blue.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-blue.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-blue.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-blue.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-blue.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #0088CC;
}

html body .tabs-blue.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-blue.tabs-vertical.tabs-left li a:hover {
	border-left-color: #0088CC;
}

html body .tabs-blue.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-blue.tabs-vertical.tabs-left li.active a,
html body .tabs-blue.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-blue.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-blue.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-blue.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #0088CC;
}

html body .tabs-blue.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-blue.tabs-vertical.tabs-right li a:hover {
	border-right-color: #0088CC;
}

html body .tabs-blue.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-blue.tabs-vertical.tabs-right li.active a,
html body .tabs-blue.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-blue.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-blue.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-blue.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #0088CC;
}

/* Simple Card List */
.simple-card-list li.blue {
	background: #0088CC;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-blue {
	background-color: #0088CC;
}

/* Checkboxes */
html.dark .checkbox-blue label:before,
.checkbox-blue label:before {
	background: #0088CC;
	border-color: #0077b3;
}

html.dark .checkbox-text-blue input[type="checkbox"]:checked+label:after,
.checkbox-text-blue input[type="checkbox"]:checked+label:after {
	color: #0088CC;
}

/* Radios */
html.dark .radio-blue input[type="radio"]:checked+label:after,
.radio-blue input[type="radio"]:checked+label:after {
	background: #0088CC;
	-webkit-box-shadow: 0px 0px 1px #0088CC;
	box-shadow: 0px 0px 1px #0088CC;
}

/* Switch */
.switch.switch-blue .ios-switch .on-background {
	background: #0088CC;
}

/* Slider */
.slider-blue .ui-slider-range,
.slider-blue .ui-slider-handle {
	background: #0088CC;
}

.slider-gradient.slider-blue .ui-slider-range,
.slider-gradient.slider-blue .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #00aaff 0, #0088CC 50%, #006699 100%);
	background-image: linear-gradient(left, #00aaff 0, #0088CC 50%, #006699 100%);
}

.slider-gradient.ui-slider-vertical.slider-blue .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-blue .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #00aaff 0, #0088CC 50%, #006699 100%);
	background-image: linear-gradient(to right, #00aaff 0, #0088CC 50%, #006699 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-blue table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-blue table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #0088CC;
}

html.dark .datepicker.datepicker-blue table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #0088CC;
}

html.dark .datepicker.datepicker-blue table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #0088CC;
}

/* DatePicker: blue */
.datepicker.datepicker-blue table thead tr:first-child {
	background-color: #0088CC;
}

.datepicker.datepicker-blue table thead tr:first-child th:hover {
	background-color: #006699;
}

.datepicker.datepicker-blue table thead tr:last-child {
	background-color: #0099e6;
}

.datepicker.datepicker-blue table thead tr:last-child th:hover {
	background-color: #0088CC;
}

.datepicker.datepicker-blue table tbody tr td.day:hover {
	background: #0088CC;
}

.datepicker.datepicker-blue table tbody tr td.day.active {
	background: #0088CC;
}

/****** 新增ui色系：aqua 水藍色 ******/

/* Nav Pills */
.nav-pills-aqua>li a:hover,
.nav-pills-aqua>li a:focus {
	color: #7fdbff;
	background-color: #ffffff;
}

.nav-pills-aqua>li.active>a,
.nav-pills-aqua>li.active>a:hover,
.nav-pills-aqua>li.active>a:active,
.nav-pills-aqua>li.active>a:focus {
	background-color: #7fdbff;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-aqua {
	background: #7fdbff;
	border-color: #65d4ff;
}

body .btn-aqua.dropdown-toggle {
	border-left-color: #a8e6ff;
}

/* Buttons */
body .btn-aqua {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #7fdbff;
	border-color: #7fdbff;
}

body .btn-aqua:hover {
	border-color: #99e2ff !important;
	background-color: #99e2ff;
}

body .btn-aqua:active,
body .btn-aqua:focus {
	border-color: #65d4ff !important;
	background-color: #65d4ff;
}

body .btn-aqua[disabled] {
	border-color: #e5f8ff !important;
	background-color: #e5f8ff;
}

/* Switch*/
.switch.switch-aqua .ios-switch .on-background {
	background: #7fdbff;
}

/* Label */
.label-aqua {
	background: #7fdbff;
}

/* BG aqua */
.bg-aqua {
	background: #7fdbff;
}

/* Fullcalendar */
.fc-event.fc-event-aqua {
	background: #7fdbff;
	border-color: #7fdbff;
}

/* Alerts */
.alert-aqua {
	background-color: #7fdbff;
	border-color: #70d7ff;
}

.alert-aqua .alert-link {
	color: #19beff;
}

/* Panels */
html .panel-aqua .panel-heading {
	background: #7fdbff;
	border-color: #7fdbff;
}

.panel-heading.bg-aqua {
	background: #7fdbff;
}

.panel-body.bg-aqua {
	background: #7fdbff;
}

.panel-featured-aqua {
	border-color: #7fdbff;
}

.panel-featured-aqua .panel-title {
	color: #7fdbff;
}

.panel-heading-icon.bg-aqua {
	background: #7fdbff;
}

.panel-group .panel-accordion-aqua .panel-heading .panel-title a {
	background: #7fdbff;
}

/* Progress Bar */
.progress .progress-bar-aqua {
	background-color: #7fdbff;
}

/* Notifications */
.ui-pnotify .notification-aqua {
	background: rgba(127, 219, 255, 0.95);
}

.ui-pnotify.stack-bar-top .notification-aqua,
.ui-pnotify.stack-bar-bottom .notification-aqua {
	background: #7fdbff;
}

.ui-pnotify.notification-aqua .notification,
.ui-pnotify.notification-aqua .notification-aqua {
	background: rgba(127, 219, 255, 0.95);
}

.ui-pnotify.notification-aqua.stack-bar-top .notification,
.ui-pnotify.notification-aqua.stack-bar-bottom .notification,
.ui-pnotify.notification-aqua.stack-bar-top .notification-aqua,
.ui-pnotify.notification-aqua.stack-bar-bottom .notification-aqua {
	background: #7fdbff;
}

/* Modal */
.modal-block-aqua .fa {
	color: #7fdbff;
}

.modal-block-aqua.modal-header-color .panel-heading {
	background-color: #7fdbff;
}

.modal-block-aqua.modal-full-color .panel {
	background-color: #a8e6ff;
}

.modal-block-aqua.modal-full-color .panel-heading {
	background-color: #7fdbff;
}

.modal-block-aqua.modal-full-color .panel-footer {
	background-color: #a8e6ff;
}

/* Modal Icon */
.modal-block-aqua .modal-icon .fa {
	color: #7fdbff;
}

/* Tabs */
html body .tabs-aqua .nav-tabs li a,
html.dark body .tabs-aqua .nav-tabs li a,
html body .tabs-aqua .nav-tabs.nav-justified li a,
html.dark body .tabs-aqua .nav-tabs.nav-justified li a,
html body .tabs-aqua .nav-tabs li a:hover,
html.dark body .tabs-aqua .nav-tabs li a:hover,
html body .tabs-aqua .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-aqua .nav-tabs.nav-justified li a:hover {
	color: #7fdbff;
}

html body .tabs-aqua .nav-tabs li a:hover,
html.dark body .tabs-aqua .nav-tabs li a:hover,
html body .tabs-aqua .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-aqua .nav-tabs.nav-justified li a:hover {
	border-top-color: #7fdbff;
}

html body .tabs-aqua .nav-tabs li.active a,
html.dark body .tabs-aqua .nav-tabs li.active a,
html body .tabs-aqua .nav-tabs.nav-justified li.active a,
html.dark body .tabs-aqua .nav-tabs.nav-justified li.active a,
html body .tabs-aqua .nav-tabs li.active a:hover,
html.dark body .tabs-aqua .nav-tabs li.active a:hover,
html body .tabs-aqua .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-aqua .nav-tabs.nav-justified li.active a:hover,
html body .tabs-aqua .nav-tabs li.active a:focus,
html.dark body .tabs-aqua .nav-tabs li.active a:focus,
html body .tabs-aqua .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-aqua .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #7fdbff;
	color: #7fdbff;
}

html body .tabs-aqua.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-aqua.tabs-bottom .nav-tabs li a:hover,
html body .tabs-aqua.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-aqua.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #7fdbff;
}

html body .tabs-aqua.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-aqua.tabs-bottom .nav-tabs li.active a,
html body .tabs-aqua.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-aqua.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-aqua.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-aqua.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-aqua.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-aqua.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-aqua.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-aqua.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-aqua.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-aqua.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #7fdbff;
}

html body .tabs-aqua.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-aqua.tabs-vertical.tabs-left li a:hover {
	border-left-color: #7fdbff;
}

html body .tabs-aqua.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-aqua.tabs-vertical.tabs-left li.active a,
html body .tabs-aqua.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-aqua.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-aqua.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-aqua.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #7fdbff;
}

html body .tabs-aqua.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-aqua.tabs-vertical.tabs-right li a:hover {
	border-right-color: #7fdbff;
}

html body .tabs-aqua.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-aqua.tabs-vertical.tabs-right li.active a,
html body .tabs-aqua.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-aqua.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-aqua.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-aqua.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #7fdbff;
}

/* Simple Card List */
.simple-card-list li.aqua {
	background: #7fdbff;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-aqua {
	background-color: #7fdbff;
}

/* Checkboxes */
html.dark .checkbox-aqua label:before,
.checkbox-aqua label:before {
	background: #7fdbff;
	border-color: #65d4ff;
}

html.dark .checkbox-text-aqua input[type="checkbox"]:checked+label:after,
.checkbox-text-aqua input[type="checkbox"]:checked+label:after {
	color: #7fdbff;
}

/* Radios */
html.dark .radio-aqua input[type="radio"]:checked+label:after,
.radio-aqua input[type="radio"]:checked+label:after {
	background: #7fdbff;
	-webkit-box-shadow: 0px 0px 1px #7fdbff;
	box-shadow: 0px 0px 1px #7fdbff;
}

/* Switch */
.switch.switch-aqua .ios-switch .on-background {
	background: #7fdbff;
}

/* Slider */
.slider-aqua .ui-slider-range,
.slider-aqua .ui-slider-handle {
	background: #7fdbff;
}

.slider-gradient.slider-aqua .ui-slider-range,
.slider-gradient.slider-aqua .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #b2e9ff 0, #7fdbff 50%, #4ccdff 100%);
	background-image: linear-gradient(left, #b2e9ff 0, #7fdbff 50%, #4ccdff 100%);
}

.slider-gradient.ui-slider-vertical.slider-aqua .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-aqua .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #b2e9ff 0, #7fdbff 50%, #4ccdff 100%);
	background-image: linear-gradient(to right, #b2e9ff 0, #7fdbff 50%, #4ccdff 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-aqua table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-aqua table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #7fdbff;
}

html.dark .datepicker.datepicker-aqua table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #7fdbff;
}

html.dark .datepicker.datepicker-aqua table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #7fdbff;
}

/* DatePicker: aqua */
.datepicker.datepicker-aqua table thead tr:first-child {
	background-color: #7fdbff;
}

.datepicker.datepicker-aqua table thead tr:first-child th:hover {
	background-color: #4ccdff;
}

.datepicker.datepicker-aqua table thead tr:last-child {
	background-color: #99e2ff;
}

.datepicker.datepicker-aqua table thead tr:last-child th:hover {
	background-color: #7fdbff;
}

.datepicker.datepicker-aqua table tbody tr td.day:hover {
	background: #7fdbff;
}

.datepicker.datepicker-aqua table tbody tr td.day.active {
	background: #7fdbff;
}

/****** 新增ui色系：teal 藍綠色 ******/

/* Nav Pills */
.nav-pills-teal>li a:hover,
.nav-pills-teal>li a:focus {
	color: #39cccc;
	background-color: #ffffff;
}

.nav-pills-teal>li.active>a,
.nav-pills-teal>li.active>a:hover,
.nav-pills-teal>li.active>a:active,
.nav-pills-teal>li.active>a:focus {
	background-color: #39cccc;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-teal {
	background: #39cccc;
	border-color: #30bbbb;
}

body .btn-teal.dropdown-toggle {
	border-left-color: #59d4d4;
}

/* Buttons */
body .btn-teal {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #39cccc;
	border-color: #39cccc;
}

body .btn-teal:hover {
	border-color: #4dd1d1 !important;
	background-color: #4dd1d1;
}

body .btn-teal:active,
body .btn-teal:focus {
	border-color: #30bbbb !important;
	background-color: #30bbbb;
}

body .btn-teal[disabled] {
	border-color: #8ae1e1 !important;
	background-color: #8ae1e1;
}

/* Switch*/
.switch.switch-teal .ios-switch .on-background {
	background: #39cccc;
}

/* Label */
.label-teal {
	background: #39cccc;
}

/* BG teal */
.bg-teal {
	background: #39cccc;
}

/* Fullcalendar */
.fc-event.fc-event-teal {
	background: #39cccc;
	border-color: #39cccc;
}

/* Alerts */
.alert-teal {
	background-color: #39cccc;
	border-color: #32c3c3;
}

.alert-teal .alert-link {
	color: #217e7e;
}

/* Panels */
html .panel-teal .panel-heading {
	background: #39cccc;
	border-color: #39cccc;
}

.panel-heading.bg-teal {
	background: #39cccc;
}

.panel-body.bg-teal {
	background: #39cccc;
}

.panel-featured-teal {
	border-color: #39cccc;
}

.panel-featured-teal .panel-title {
	color: #39cccc;
}

.panel-heading-icon.bg-teal {
	background: #39cccc;
}

.panel-group .panel-accordion-teal .panel-heading .panel-title a {
	background: #39cccc;
}

/* Progress Bar */
.progress .progress-bar-teal {
	background-color: #39cccc;
}

/* Notifications */
.ui-pnotify .notification-teal {
	background: rgba(57, 204, 204, 0.95);
}

.ui-pnotify.stack-bar-top .notification-teal,
.ui-pnotify.stack-bar-bottom .notification-teal {
	background: #39cccc;
}

.ui-pnotify.notification-teal .notification,
.ui-pnotify.notification-teal .notification-teal {
	background: rgba(57, 204, 204, 0.95);
}

.ui-pnotify.notification-teal.stack-bar-top .notification,
.ui-pnotify.notification-teal.stack-bar-bottom .notification,
.ui-pnotify.notification-teal.stack-bar-top .notification-teal,
.ui-pnotify.notification-teal.stack-bar-bottom .notification-teal {
	background: #39cccc;
}

/* Modal */
.modal-block-teal .fa {
	color: #39cccc;
}

.modal-block-teal.modal-header-color .panel-heading {
	background-color: #39cccc;
}

.modal-block-teal.modal-full-color .panel {
	background-color: #59d4d4;
}

.modal-block-teal.modal-full-color .panel-heading {
	background-color: #39cccc;
}

.modal-block-teal.modal-full-color .panel-footer {
	background-color: #59d4d4;
}

/* Modal Icon */
.modal-block-teal .modal-icon .fa {
	color: #39cccc;
}

/* Tabs */
html body .tabs-teal .nav-tabs li a,
html.dark body .tabs-teal .nav-tabs li a,
html body .tabs-teal .nav-tabs.nav-justified li a,
html.dark body .tabs-teal .nav-tabs.nav-justified li a,
html body .tabs-teal .nav-tabs li a:hover,
html.dark body .tabs-teal .nav-tabs li a:hover,
html body .tabs-teal .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-teal .nav-tabs.nav-justified li a:hover {
	color: #39cccc;
}

html body .tabs-teal .nav-tabs li a:hover,
html.dark body .tabs-teal .nav-tabs li a:hover,
html body .tabs-teal .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-teal .nav-tabs.nav-justified li a:hover {
	border-top-color: #39cccc;
}

html body .tabs-teal .nav-tabs li.active a,
html.dark body .tabs-teal .nav-tabs li.active a,
html body .tabs-teal .nav-tabs.nav-justified li.active a,
html.dark body .tabs-teal .nav-tabs.nav-justified li.active a,
html body .tabs-teal .nav-tabs li.active a:hover,
html.dark body .tabs-teal .nav-tabs li.active a:hover,
html body .tabs-teal .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-teal .nav-tabs.nav-justified li.active a:hover,
html body .tabs-teal .nav-tabs li.active a:focus,
html.dark body .tabs-teal .nav-tabs li.active a:focus,
html body .tabs-teal .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-teal .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #39cccc;
	color: #39cccc;
}

html body .tabs-teal.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-teal.tabs-bottom .nav-tabs li a:hover,
html body .tabs-teal.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-teal.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #39cccc;
}

html body .tabs-teal.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-teal.tabs-bottom .nav-tabs li.active a,
html body .tabs-teal.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-teal.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-teal.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-teal.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-teal.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-teal.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-teal.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-teal.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-teal.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-teal.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #39cccc;
}

html body .tabs-teal.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-teal.tabs-vertical.tabs-left li a:hover {
	border-left-color: #39cccc;
}

html body .tabs-teal.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-teal.tabs-vertical.tabs-left li.active a,
html body .tabs-teal.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-teal.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-teal.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-teal.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #39cccc;
}

html body .tabs-teal.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-teal.tabs-vertical.tabs-right li a:hover {
	border-right-color: #39cccc;
}

html body .tabs-teal.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-teal.tabs-vertical.tabs-right li.active a,
html body .tabs-teal.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-teal.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-teal.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-teal.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #39cccc;
}

/* Simple Card List */
.simple-card-list li.teal {
	background: #39cccc;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-teal {
	background-color: #39cccc;
}

/* Checkboxes */
html.dark .checkbox-teal label:before,
.checkbox-teal label:before {
	background: #39cccc;
	border-color: #30bbbb;
}

html.dark .checkbox-text-teal input[type="checkbox"]:checked+label:after,
.checkbox-text-teal input[type="checkbox"]:checked+label:after {
	color: #39cccc;
}

/* Radios */
html.dark .radio-teal input[type="radio"]:checked+label:after,
.radio-teal input[type="radio"]:checked+label:after {
	background: #39cccc;
	-webkit-box-shadow: 0px 0px 1px #39cccc;
	box-shadow: 0px 0px 1px #39cccc;
}

/* Switch */
.switch.switch-teal .ios-switch .on-background {
	background: #39cccc;
}

/* Slider */
.slider-teal .ui-slider-range,
.slider-teal .ui-slider-handle {
	background: #39cccc;
}

.slider-gradient.slider-teal .ui-slider-range,
.slider-gradient.slider-teal .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #62d6d6 0, #39cccc 50%, #2ba7a7 100%);
	background-image: linear-gradient(left, #62d6d6 0, #39cccc 50%, #2ba7a7 100%);
}

.slider-gradient.ui-slider-vertical.slider-teal .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-teal .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #62d6d6 0, #39cccc 50%, #2ba7a7 100%);
	background-image: linear-gradient(to right, #62d6d6 0, #39cccc 50%, #2ba7a7 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-teal table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-teal table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #39cccc;
}

html.dark .datepicker.datepicker-teal table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #39cccc;
}

html.dark .datepicker.datepicker-teal table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #39cccc;
}

/* DatePicker: teal */
.datepicker.datepicker-teal table thead tr:first-child {
	background-color: #39cccc;
}

.datepicker.datepicker-teal table thead tr:first-child th:hover {
	background-color: #2ba7a7;
}

.datepicker.datepicker-teal table thead tr:last-child {
	background-color: #4dd1d1;
}

.datepicker.datepicker-teal table thead tr:last-child th:hover {
	background-color: #39cccc;
}

.datepicker.datepicker-teal table tbody tr td.day:hover {
	background: #39cccc;
}

.datepicker.datepicker-teal table tbody tr td.day.active {
	background: #39cccc;
}

/****** 新增ui色系：olive 黃綠色、橄欖色 ******/

/* Nav Pills */
.nav-pills-olive>li a:hover,
.nav-pills-olive>li a:focus {
	color: #3d9970;
	background-color: #e2f3eb;
}

.nav-pills-olive>li.active>a,
.nav-pills-olive>li.active>a:hover,
.nav-pills-olive>li.active>a:active,
.nav-pills-olive>li.active>a:focus {
	background-color: #3d9970;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-olive {
	background: #3d9970;
	border-color: #368763;
}

body .btn-olive.dropdown-toggle {
	border-left-color: #49b685;
}

/* Buttons */
body .btn-olive {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #3d9970;
	border-color: #3d9970;
}

body .btn-olive:hover {
	border-color: #44ab7d !important;
	background-color: #44ab7d;
}

body .btn-olive:active,
body .btn-olive:focus {
	border-color: #368763 !important;
	background-color: #368763;
}

body .btn-olive[disabled] {
	border-color: #74c8a3 !important;
	background-color: #74c8a3;
}

/* Switch*/
.switch.switch-olive .ios-switch .on-background {
	background: #3d9970;
}

/* Label */
.label-olive {
	background: #3d9970;
}

/* BG olive */
.bg-olive {
	background: #3d9970;
}

/* Fullcalendar */
.fc-event.fc-event-olive {
	background: #3d9970;
	border-color: #3d9970;
}

/* Alerts */
.alert-olive {
	background-color: #3d9970;
	border-color: #398e68;
}

.alert-olive .alert-link {
	color: #20503b;
}

/* Panels */
html .panel-olive .panel-heading {
	background: #3d9970;
	border-color: #3d9970;
}

.panel-heading.bg-olive {
	background: #3d9970;
}

.panel-body.bg-olive {
	background: #3d9970;
}

.panel-featured-olive {
	border-color: #3d9970;
}

.panel-featured-olive .panel-title {
	color: #3d9970;
}

.panel-heading-icon.bg-olive {
	background: #3d9970;
}

.panel-group .panel-accordion-olive .panel-heading .panel-title a {
	background: #3d9970;
}

/* Progress Bar */
.progress .progress-bar-olive {
	background-color: #3d9970;
}

/* Notifications */
.ui-pnotify .notification-olive {
	background: rgba(61, 153, 112, 0.95);
}

.ui-pnotify.stack-bar-top .notification-olive,
.ui-pnotify.stack-bar-bottom .notification-olive {
	background: #3d9970;
}

.ui-pnotify.notification-olive .notification,
.ui-pnotify.notification-olive .notification-olive {
	background: rgba(61, 153, 112, 0.95);
}

.ui-pnotify.notification-olive.stack-bar-top .notification,
.ui-pnotify.notification-olive.stack-bar-bottom .notification,
.ui-pnotify.notification-olive.stack-bar-top .notification-olive,
.ui-pnotify.notification-olive.stack-bar-bottom .notification-olive {
	background: #3d9970;
}

/* Modal */
.modal-block-olive .fa {
	color: #3d9970;
}

.modal-block-olive.modal-header-color .panel-heading {
	background-color: #3d9970;
}

.modal-block-olive.modal-full-color .panel {
	background-color: #49b685;
}

.modal-block-olive.modal-full-color .panel-heading {
	background-color: #3d9970;
}

.modal-block-olive.modal-full-color .panel-footer {
	background-color: #49b685;
}

/* Modal Icon */
.modal-block-olive .modal-icon .fa {
	color: #3d9970;
}

/* Tabs */
html body .tabs-olive .nav-tabs li a,
html.dark body .tabs-olive .nav-tabs li a,
html body .tabs-olive .nav-tabs.nav-justified li a,
html.dark body .tabs-olive .nav-tabs.nav-justified li a,
html body .tabs-olive .nav-tabs li a:hover,
html.dark body .tabs-olive .nav-tabs li a:hover,
html body .tabs-olive .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-olive .nav-tabs.nav-justified li a:hover {
	color: #3d9970;
}

html body .tabs-olive .nav-tabs li a:hover,
html.dark body .tabs-olive .nav-tabs li a:hover,
html body .tabs-olive .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-olive .nav-tabs.nav-justified li a:hover {
	border-top-color: #3d9970;
}

html body .tabs-olive .nav-tabs li.active a,
html.dark body .tabs-olive .nav-tabs li.active a,
html body .tabs-olive .nav-tabs.nav-justified li.active a,
html.dark body .tabs-olive .nav-tabs.nav-justified li.active a,
html body .tabs-olive .nav-tabs li.active a:hover,
html.dark body .tabs-olive .nav-tabs li.active a:hover,
html body .tabs-olive .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-olive .nav-tabs.nav-justified li.active a:hover,
html body .tabs-olive .nav-tabs li.active a:focus,
html.dark body .tabs-olive .nav-tabs li.active a:focus,
html body .tabs-olive .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-olive .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #3d9970;
	color: #3d9970;
}

html body .tabs-olive.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-olive.tabs-bottom .nav-tabs li a:hover,
html body .tabs-olive.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-olive.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #3d9970;
}

html body .tabs-olive.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-olive.tabs-bottom .nav-tabs li.active a,
html body .tabs-olive.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-olive.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-olive.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-olive.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-olive.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-olive.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-olive.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-olive.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-olive.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-olive.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #3d9970;
}

html body .tabs-olive.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-olive.tabs-vertical.tabs-left li a:hover {
	border-left-color: #3d9970;
}

html body .tabs-olive.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-olive.tabs-vertical.tabs-left li.active a,
html body .tabs-olive.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-olive.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-olive.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-olive.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #3d9970;
}

html body .tabs-olive.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-olive.tabs-vertical.tabs-right li a:hover {
	border-right-color: #3d9970;
}

html body .tabs-olive.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-olive.tabs-vertical.tabs-right li.active a,
html body .tabs-olive.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-olive.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-olive.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-olive.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #3d9970;
}

/* Simple Card List */
.simple-card-list li.olive {
	background: #3d9970;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-olive {
	background-color: #3d9970;
}

/* Checkboxes */
html.dark .checkbox-olive label:before,
.checkbox-olive label:before {
	background: #3d9970;
	border-color: #368763;
}

html.dark .checkbox-text-olive input[type="checkbox"]:checked+label:after,
.checkbox-text-olive input[type="checkbox"]:checked+label:after {
	color: #3d9970;
}

/* Radios */
html.dark .radio-olive input[type="radio"]:checked+label:after,
.radio-olive input[type="radio"]:checked+label:after {
	background: #3d9970;
	-webkit-box-shadow: 0px 0px 1px #3d9970;
	box-shadow: 0px 0px 1px #3d9970;
}

/* Switch */
.switch.switch-olive .ios-switch .on-background {
	background: #3d9970;
}

/* Slider */
.slider-olive .ui-slider-range,
.slider-olive .ui-slider-handle {
	background: #3d9970;
}

.slider-gradient.slider-olive .ui-slider-range,
.slider-gradient.slider-olive .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #50b98a 0, #3d9970 50%, #2e7555 100%);
	background-image: linear-gradient(left, #50b98a 0, #3d9970 50%, #2e7555 100%);
}

.slider-gradient.ui-slider-vertical.slider-olive .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-olive .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #50b98a 0, #3d9970 50%, #2e7555 100%);
	background-image: linear-gradient(to right, #50b98a 0, #3d9970 50%, #2e7555 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-olive table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-olive table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #3d9970;
}

html.dark .datepicker.datepicker-olive table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #3d9970;
}

html.dark .datepicker.datepicker-olive table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #3d9970;
}

/* DatePicker: olive */
.datepicker.datepicker-olive table thead tr:first-child {
	background-color: #3d9970;
}

.datepicker.datepicker-olive table thead tr:first-child th:hover {
	background-color: #2e7555;
}

.datepicker.datepicker-olive table thead tr:last-child {
	background-color: #44ab7d;
}

.datepicker.datepicker-olive table thead tr:last-child th:hover {
	background-color: #3d9970;
}

.datepicker.datepicker-olive table tbody tr td.day:hover {
	background: #3d9970;
}

.datepicker.datepicker-olive table tbody tr td.day.active {
	background: #3d9970;
}

/****** 新增ui色系：green 綠色  ******/

/* Nav Pills */
.nav-pills-green>li a:hover,
.nav-pills-green>li a:focus {
	color: #2ecc40;
	background-color: #fbfefb;
}

.nav-pills-green>li.active>a,
.nav-pills-green>li.active>a:hover,
.nav-pills-green>li.active>a:active,
.nav-pills-green>li.active>a:focus {
	background-color: #2ecc40;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-green {
	background: #2ecc40;
	border-color: #29b739;
}

body .btn-green.dropdown-toggle {
	border-left-color: #4cd75c;
}

/* Buttons */
body .btn-green {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2ecc40;
	border-color: #2ecc40;
}

body .btn-green:hover {
	border-color: #40d451 !important;
	background-color: #40d451;
}

body .btn-green:active,
body .btn-green:focus {
	border-color: #29b739 !important;
	background-color: #29b739;
}

body .btn-green[disabled] {
	border-color: #7ee289 !important;
	background-color: #7ee289;
}

/* Switch*/
.switch.switch-green .ios-switch .on-background {
	background: #2ecc40;
}

/* Label */
.label-green {
	background: #2ecc40;
}

/* BG green */
.bg-green {
	background: #2ecc40;
}

/* Fullcalendar */
.fc-event.fc-event-green {
	background: #2ecc40;
	border-color: #2ecc40;
}

/* Alerts */
.alert-green {
	background-color: #2ecc40;
	border-color: #2bc03c;
}

.alert-green .alert-link {
	color: #1b7926;
}

/* Panels */
html .panel-green .panel-heading {
	background: #2ecc40;
	border-color: #2ecc40;
}

.panel-heading.bg-green {
	background: #2ecc40;
}

.panel-body.bg-green {
	background: #2ecc40;
}

.panel-featured-green {
	border-color: #2ecc40;
}

.panel-featured-green .panel-title {
	color: #2ecc40;
}

.panel-heading-icon.bg-green {
	background: #2ecc40;
}

.panel-group .panel-accordion-green .panel-heading .panel-title a {
	background: #2ecc40;
}

/* Progress Bar */
.progress .progress-bar-green {
	background-color: #2ecc40;
}

/* Notifications */
.ui-pnotify .notification-green {
	background: rgba(46, 204, 64, 0.95);
}

.ui-pnotify.stack-bar-top .notification-green,
.ui-pnotify.stack-bar-bottom .notification-green {
	background: #2ecc40;
}

.ui-pnotify.notification-green .notification,
.ui-pnotify.notification-green .notification-green {
	background: rgba(46, 204, 64, 0.95);
}

.ui-pnotify.notification-green.stack-bar-top .notification,
.ui-pnotify.notification-green.stack-bar-bottom .notification,
.ui-pnotify.notification-green.stack-bar-top .notification-green,
.ui-pnotify.notification-green.stack-bar-bottom .notification-green {
	background: #2ecc40;
}

/* Modal */
.modal-block-green .fa {
	color: #2ecc40;
}

.modal-block-green.modal-header-color .panel-heading {
	background-color: #2ecc40;
}

.modal-block-green.modal-full-color .panel {
	background-color: #4cd75c;
}

.modal-block-green.modal-full-color .panel-heading {
	background-color: #2ecc40;
}

.modal-block-green.modal-full-color .panel-footer {
	background-color: #4cd75c;
}

/* Modal Icon */
.modal-block-green .modal-icon .fa {
	color: #2ecc40;
}

/* Tabs */
html body .tabs-green .nav-tabs li a,
html.dark body .tabs-green .nav-tabs li a,
html body .tabs-green .nav-tabs.nav-justified li a,
html.dark body .tabs-green .nav-tabs.nav-justified li a,
html body .tabs-green .nav-tabs li a:hover,
html.dark body .tabs-green .nav-tabs li a:hover,
html body .tabs-green .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-green .nav-tabs.nav-justified li a:hover {
	color: #2ecc40;
}

html body .tabs-green .nav-tabs li a:hover,
html.dark body .tabs-green .nav-tabs li a:hover,
html body .tabs-green .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-green .nav-tabs.nav-justified li a:hover {
	border-top-color: #2ecc40;
}

html body .tabs-green .nav-tabs li.active a,
html.dark body .tabs-green .nav-tabs li.active a,
html body .tabs-green .nav-tabs.nav-justified li.active a,
html.dark body .tabs-green .nav-tabs.nav-justified li.active a,
html body .tabs-green .nav-tabs li.active a:hover,
html.dark body .tabs-green .nav-tabs li.active a:hover,
html body .tabs-green .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-green .nav-tabs.nav-justified li.active a:hover,
html body .tabs-green .nav-tabs li.active a:focus,
html.dark body .tabs-green .nav-tabs li.active a:focus,
html body .tabs-green .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-green .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #2ecc40;
	color: #2ecc40;
}

html body .tabs-green.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-green.tabs-bottom .nav-tabs li a:hover,
html body .tabs-green.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-green.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #2ecc40;
}

html body .tabs-green.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-green.tabs-bottom .nav-tabs li.active a,
html body .tabs-green.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-green.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-green.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-green.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-green.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-green.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-green.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-green.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-green.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-green.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #2ecc40;
}

html body .tabs-green.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-green.tabs-vertical.tabs-left li a:hover {
	border-left-color: #2ecc40;
}

html body .tabs-green.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-green.tabs-vertical.tabs-left li.active a,
html body .tabs-green.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-green.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-green.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-green.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #2ecc40;
}

html body .tabs-green.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-green.tabs-vertical.tabs-right li a:hover {
	border-right-color: #2ecc40;
}

html body .tabs-green.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-green.tabs-vertical.tabs-right li.active a,
html body .tabs-green.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-green.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-green.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-green.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #2ecc40;
}

/* Simple Card List */
.simple-card-list li.green {
	background: #2ecc40;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-green {
	background-color: #2ecc40;
}

/* Checkboxes */
html.dark .checkbox-green label:before,
.checkbox-green label:before {
	background: #2ecc40;
	border-color: #29b739;
}

html.dark .checkbox-text-green input[type="checkbox"]:checked+label:after,
.checkbox-text-green input[type="checkbox"]:checked+label:after {
	color: #2ecc40;
}

/* Radios */
html.dark .radio-green input[type="radio"]:checked+label:after,
.radio-green input[type="radio"]:checked+label:after {
	background: #2ecc40;
	-webkit-box-shadow: 0px 0px 1px #2ecc40;
	box-shadow: 0px 0px 1px #2ecc40;
}

/* Switch */
.switch.switch-green .ios-switch .on-background {
	background: #2ecc40;
}

/* Slider */
.slider-green .ui-slider-range,
.slider-green .ui-slider-handle {
	background: #2ecc40;
}

.slider-gradient.slider-green .ui-slider-range,
.slider-gradient.slider-green .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #54d964 0, #2ecc40 50%, #25a233 100%);
	background-image: linear-gradient(left, #54d964 0, #2ecc40 50%, #25a233 100%);
}

.slider-gradient.ui-slider-vertical.slider-green .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-green .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #54d964 0, #2ecc40 50%, #25a233 100%);
	background-image: linear-gradient(to right, #54d964 0, #2ecc40 50%, #25a233 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-green table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-green table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #2ecc40;
}

html.dark .datepicker.datepicker-green table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #2ecc40;
}

html.dark .datepicker.datepicker-green table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #2ecc40;
}

/* DatePicker: green */
.datepicker.datepicker-green table thead tr:first-child {
	background-color: #2ecc40;
}

.datepicker.datepicker-green table thead tr:first-child th:hover {
	background-color: #25a233;
}

.datepicker.datepicker-green table thead tr:last-child {
	background-color: #40d451;
}

.datepicker.datepicker-green table thead tr:last-child th:hover {
	background-color: #2ecc40;
}

.datepicker.datepicker-green table tbody tr td.day:hover {
	background: #2ecc40;
}

.datepicker.datepicker-green table tbody tr td.day.active {
	background: #2ecc40;
}

/****** 新增ui色系：lime 青檸色、Lime Green  ******/

/* Nav Pills */
.nav-pills-lime>li a:hover,
.nav-pills-lime>li a:focus {
	color: #01ff70;
	background-color: #ffffff;
}

.nav-pills-lime>li.active>a,
.nav-pills-lime>li.active>a:hover,
.nav-pills-lime>li.active>a:active,
.nav-pills-lime>li.active>a:focus {
	background-color: #01ff70;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-lime {
	background: #01ff70;
	border-color: #00e765;
}

body .btn-lime.dropdown-toggle {
	border-left-color: #2aff87;
}

/* Buttons */
body .btn-lime {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #01ff70;
	border-color: #01ff70;
}

body .btn-lime:hover {
	border-color: #1bff7e !important;
	background-color: #1bff7e;
}

body .btn-lime:active,
body .btn-lime:focus {
	border-color: #00e765 !important;
	background-color: #00e765;
}

body .btn-lime[disabled] {
	border-color: #67ffa9 !important;
	background-color: #67ffa9;
}

/* Switch*/
.switch.switch-lime .ios-switch .on-background {
	background: #01ff70;
}

/* Label */
.label-lime {
	background: #01ff70;
}

/* BG lime */
.bg-lime {
	background: #01ff70;
}

/* Fullcalendar */
.fc-event.fc-event-lime {
	background: #01ff70;
	border-color: #01ff70;
}

/* Alerts */
.alert-lime {
	background-color: #01ff70;
	border-color: #00f169;
}

.alert-lime .alert-link {
	color: #009a43;
}

/* Panels */
html .panel-lime .panel-heading {
	background: #01ff70;
	border-color: #01ff70;
}

.panel-heading.bg-lime {
	background: #01ff70;
}

.panel-body.bg-lime {
	background: #01ff70;
}

.panel-featured-lime {
	border-color: #01ff70;
}

.panel-featured-lime .panel-title {
	color: #01ff70;
}

.panel-heading-icon.bg-lime {
	background: #01ff70;
}

.panel-group .panel-accordion-lime .panel-heading .panel-title a {
	background: #01ff70;
}

/* Progress Bar */
.progress .progress-bar-lime {
	background-color: #01ff70;
}

/* Notifications */
.ui-pnotify .notification-lime {
	background: rgba(1, 255, 112, 0.95);
}

.ui-pnotify.stack-bar-top .notification-lime,
.ui-pnotify.stack-bar-bottom .notification-lime {
	background: #01ff70;
}

.ui-pnotify.notification-lime .notification,
.ui-pnotify.notification-lime .notification-lime {
	background: rgba(1, 255, 112, 0.95);
}

.ui-pnotify.notification-lime.stack-bar-top .notification,
.ui-pnotify.notification-lime.stack-bar-bottom .notification,
.ui-pnotify.notification-lime.stack-bar-top .notification-lime,
.ui-pnotify.notification-lime.stack-bar-bottom .notification-lime {
	background: #01ff70;
}

/* Modal */
.modal-block-lime .fa {
	color: #01ff70;
}

.modal-block-lime.modal-header-color .panel-heading {
	background-color: #01ff70;
}

.modal-block-lime.modal-full-color .panel {
	background-color: #2aff87;
}

.modal-block-lime.modal-full-color .panel-heading {
	background-color: #01ff70;
}

.modal-block-lime.modal-full-color .panel-footer {
	background-color: #2aff87;
}

/* Modal Icon */
.modal-block-lime .modal-icon .fa {
	color: #01ff70;
}

/* Tabs */
html body .tabs-lime .nav-tabs li a,
html.dark body .tabs-lime .nav-tabs li a,
html body .tabs-lime .nav-tabs.nav-justified li a,
html.dark body .tabs-lime .nav-tabs.nav-justified li a,
html body .tabs-lime .nav-tabs li a:hover,
html.dark body .tabs-lime .nav-tabs li a:hover,
html body .tabs-lime .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-lime .nav-tabs.nav-justified li a:hover {
	color: #01ff70;
}

html body .tabs-lime .nav-tabs li a:hover,
html.dark body .tabs-lime .nav-tabs li a:hover,
html body .tabs-lime .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-lime .nav-tabs.nav-justified li a:hover {
	border-top-color: #01ff70;
}

html body .tabs-lime .nav-tabs li.active a,
html.dark body .tabs-lime .nav-tabs li.active a,
html body .tabs-lime .nav-tabs.nav-justified li.active a,
html.dark body .tabs-lime .nav-tabs.nav-justified li.active a,
html body .tabs-lime .nav-tabs li.active a:hover,
html.dark body .tabs-lime .nav-tabs li.active a:hover,
html body .tabs-lime .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-lime .nav-tabs.nav-justified li.active a:hover,
html body .tabs-lime .nav-tabs li.active a:focus,
html.dark body .tabs-lime .nav-tabs li.active a:focus,
html body .tabs-lime .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-lime .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #01ff70;
	color: #01ff70;
}

html body .tabs-lime.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-lime.tabs-bottom .nav-tabs li a:hover,
html body .tabs-lime.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-lime.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #01ff70;
}

html body .tabs-lime.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-lime.tabs-bottom .nav-tabs li.active a,
html body .tabs-lime.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-lime.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-lime.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-lime.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-lime.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-lime.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-lime.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-lime.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-lime.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-lime.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #01ff70;
}

html body .tabs-lime.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-lime.tabs-vertical.tabs-left li a:hover {
	border-left-color: #01ff70;
}

html body .tabs-lime.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-lime.tabs-vertical.tabs-left li.active a,
html body .tabs-lime.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-lime.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-lime.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-lime.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #01ff70;
}

html body .tabs-lime.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-lime.tabs-vertical.tabs-right li a:hover {
	border-right-color: #01ff70;
}

html body .tabs-lime.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-lime.tabs-vertical.tabs-right li.active a,
html body .tabs-lime.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-lime.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-lime.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-lime.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #01ff70;
}

/* Simple Card List */
.simple-card-list li.lime {
	background: #01ff70;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-lime {
	background-color: #01ff70;
}

/* Checkboxes */
html.dark .checkbox-lime label:before,
.checkbox-lime label:before {
	background: #01ff70;
	border-color: #00e765;
}

html.dark .checkbox-text-lime input[type="checkbox"]:checked+label:after,
.checkbox-text-lime input[type="checkbox"]:checked+label:after {
	color: #01ff70;
}

/* Radios */
html.dark .radio-lime input[type="radio"]:checked+label:after,
.radio-lime input[type="radio"]:checked+label:after {
	background: #01ff70;
	-webkit-box-shadow: 0px 0px 1px #01ff70;
	box-shadow: 0px 0px 1px #01ff70;
}

/* Switch */
.switch.switch-lime .ios-switch .on-background {
	background: #01ff70;
}

/* Slider */
.slider-lime .ui-slider-range,
.slider-lime .ui-slider-handle {
	background: #01ff70;
}

.slider-gradient.slider-lime .ui-slider-range,
.slider-gradient.slider-lime .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #34ff8d 0, #01ff70 50%, #00cd5a 100%);
	background-image: linear-gradient(left, #34ff8d 0, #01ff70 50%, #00cd5a 100%);
}

.slider-gradient.ui-slider-vertical.slider-lime .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-lime .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #34ff8d 0, #01ff70 50%, #00cd5a 100%);
	background-image: linear-gradient(to right, #34ff8d 0, #01ff70 50%, #00cd5a 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-lime table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-lime table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #01ff70;
}

html.dark .datepicker.datepicker-lime table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #01ff70;
}

html.dark .datepicker.datepicker-lime table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #01ff70;
}

/* DatePicker: lime */
.datepicker.datepicker-lime table thead tr:first-child {
	background-color: #01ff70;
}

.datepicker.datepicker-lime table thead tr:first-child th:hover {
	background-color: #00cd5a;
}

.datepicker.datepicker-lime table thead tr:last-child {
	background-color: #1bff7e;
}

.datepicker.datepicker-lime table thead tr:last-child th:hover {
	background-color: #01ff70;
}

.datepicker.datepicker-lime table tbody tr td.day:hover {
	background: #01ff70;
}

.datepicker.datepicker-lime table tbody tr td.day.active {
	background: #01ff70;
}

/****** 新增ui色系：yellow 黃色  ******/

/* Nav Pills */
.nav-pills-yellow>li a:hover,
.nav-pills-yellow>li a:focus {
	color: #ffdc00;
	background-color: #ffffff;
}

.nav-pills-yellow>li.active>a,
.nav-pills-yellow>li.active>a:hover,
.nav-pills-yellow>li.active>a:active,
.nav-pills-yellow>li.active>a:focus {
	background-color: #ffdc00;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-yellow {
	background: #ffdc00;
	border-color: #e6c600;
}

body .btn-yellow.dropdown-toggle {
	border-left-color: #ffe229;
}

/* Buttons */
body .btn-yellow {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ffdc00;
	border-color: #ffdc00;
}

body .btn-yellow:hover {
	border-color: #ffe01a !important;
	background-color: #ffe01a;
}

body .btn-yellow:active,
body .btn-yellow:focus {
	border-color: #e6c600 !important;
	background-color: #e6c600;
}

body .btn-yellow[disabled] {
	border-color: #ffea66 !important;
	background-color: #ffea66;
}

/* Switch*/
.switch.switch-yellow .ios-switch .on-background {
	background: #ffdc00;
}

/* Label */
.label-yellow {
	background: #ffdc00;
}

/* BG yellow */
.bg-yellow {
	background: #ffdc00;
}

/* Fullcalendar */
.fc-event.fc-event-yellow {
	background: #ffdc00;
	border-color: #ffdc00;
}

/* Alerts */
.alert-yellow {
	background-color: #ffdc00;
	border-color: #f0cf00;
}

.alert-yellow .alert-link {
	color: #998400;
}

/* Panels */
html .panel-yellow .panel-heading {
	background: #ffdc00;
	border-color: #ffdc00;
}

.panel-heading.bg-yellow {
	background: #ffdc00;
}

.panel-body.bg-yellow {
	background: #ffdc00;
}

.panel-featured-yellow {
	border-color: #ffdc00;
}

.panel-featured-yellow .panel-title {
	color: #ffdc00;
}

.panel-heading-icon.bg-yellow {
	background: #ffdc00;
}

.panel-group .panel-accordion-yellow .panel-heading .panel-title a {
	background: #ffdc00;
}

/* Progress Bar */
.progress .progress-bar-yellow {
	background-color: #ffdc00;
}

/* Notifications */
.ui-pnotify .notification-yellow {
	background: rgba(255, 220, 0, 0.95);
}

.ui-pnotify.stack-bar-top .notification-yellow,
.ui-pnotify.stack-bar-bottom .notification-yellow {
	background: #ffdc00;
}

.ui-pnotify.notification-yellow .notification,
.ui-pnotify.notification-yellow .notification-yellow {
	background: rgba(255, 220, 0, 0.95);
}

.ui-pnotify.notification-yellow.stack-bar-top .notification,
.ui-pnotify.notification-yellow.stack-bar-bottom .notification,
.ui-pnotify.notification-yellow.stack-bar-top .notification-yellow,
.ui-pnotify.notification-yellow.stack-bar-bottom .notification-yellow {
	background: #ffdc00;
}

/* Modal */
.modal-block-yellow .fa {
	color: #ffdc00;
}

.modal-block-yellow.modal-header-color .panel-heading {
	background-color: #ffdc00;
}

.modal-block-yellow.modal-full-color .panel {
	background-color: #ffe229;
}

.modal-block-yellow.modal-full-color .panel-heading {
	background-color: #ffdc00;
}

.modal-block-yellow.modal-full-color .panel-footer {
	background-color: #ffe229;
}

/* Modal Icon */
.modal-block-yellow .modal-icon .fa {
	color: #ffdc00;
}

/* Tabs */
html body .tabs-yellow .nav-tabs li a,
html.dark body .tabs-yellow .nav-tabs li a,
html body .tabs-yellow .nav-tabs.nav-justified li a,
html.dark body .tabs-yellow .nav-tabs.nav-justified li a,
html body .tabs-yellow .nav-tabs li a:hover,
html.dark body .tabs-yellow .nav-tabs li a:hover,
html body .tabs-yellow .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-yellow .nav-tabs.nav-justified li a:hover {
	color: #ffdc00;
}

html body .tabs-yellow .nav-tabs li a:hover,
html.dark body .tabs-yellow .nav-tabs li a:hover,
html body .tabs-yellow .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-yellow .nav-tabs.nav-justified li a:hover {
	border-top-color: #ffdc00;
}

html body .tabs-yellow .nav-tabs li.active a,
html.dark body .tabs-yellow .nav-tabs li.active a,
html body .tabs-yellow .nav-tabs.nav-justified li.active a,
html.dark body .tabs-yellow .nav-tabs.nav-justified li.active a,
html body .tabs-yellow .nav-tabs li.active a:hover,
html.dark body .tabs-yellow .nav-tabs li.active a:hover,
html body .tabs-yellow .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-yellow .nav-tabs.nav-justified li.active a:hover,
html body .tabs-yellow .nav-tabs li.active a:focus,
html.dark body .tabs-yellow .nav-tabs li.active a:focus,
html body .tabs-yellow .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-yellow .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #ffdc00;
	color: #ffdc00;
}

html body .tabs-yellow.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-yellow.tabs-bottom .nav-tabs li a:hover,
html body .tabs-yellow.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-yellow.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #ffdc00;
}

html body .tabs-yellow.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-yellow.tabs-bottom .nav-tabs li.active a,
html body .tabs-yellow.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-yellow.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-yellow.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-yellow.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-yellow.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-yellow.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-yellow.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-yellow.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-yellow.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-yellow.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #ffdc00;
}

html body .tabs-yellow.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-yellow.tabs-vertical.tabs-left li a:hover {
	border-left-color: #ffdc00;
}

html body .tabs-yellow.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-yellow.tabs-vertical.tabs-left li.active a,
html body .tabs-yellow.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-yellow.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-yellow.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-yellow.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #ffdc00;
}

html body .tabs-yellow.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-yellow.tabs-vertical.tabs-right li a:hover {
	border-right-color: #ffdc00;
}

html body .tabs-yellow.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-yellow.tabs-vertical.tabs-right li.active a,
html body .tabs-yellow.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-yellow.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-yellow.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-yellow.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #ffdc00;
}

/* Simple Card List */
.simple-card-list li.yellow {
	background: #ffdc00;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-yellow {
	background-color: #ffdc00;
}

/* Checkboxes */
html.dark .checkbox-yellow label:before,
.checkbox-yellow label:before {
	background: #ffdc00;
	border-color: #e6c600;
}

html.dark .checkbox-text-yellow input[type="checkbox"]:checked+label:after,
.checkbox-text-yellow input[type="checkbox"]:checked+label:after {
	color: #ffdc00;
}

/* Radios */
html.dark .radio-yellow input[type="radio"]:checked+label:after,
.radio-yellow input[type="radio"]:checked+label:after {
	background: #ffdc00;
	-webkit-box-shadow: 0px 0px 1px #ffdc00;
	box-shadow: 0px 0px 1px #ffdc00;
}

/* Switch */
.switch.switch-yellow .ios-switch .on-background {
	background: #ffdc00;
}

/* Slider */
.slider-yellow .ui-slider-range,
.slider-yellow .ui-slider-handle {
	background: #ffdc00;
}

.slider-gradient.slider-yellow .ui-slider-range,
.slider-gradient.slider-yellow .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #ffe333 0, #ffdc00 50%, #ccb000 100%);
	background-image: linear-gradient(left, #ffe333 0, #ffdc00 50%, #ccb000 100%);
}

.slider-gradient.ui-slider-vertical.slider-yellow .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-yellow .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #ffe333 0, #ffdc00 50%, #ccb000 100%);
	background-image: linear-gradient(to right, #ffe333 0, #ffdc00 50%, #ccb000 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-yellow table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-yellow table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #ffdc00;
}

html.dark .datepicker.datepicker-yellow table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #ffdc00;
}

html.dark .datepicker.datepicker-yellow table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #ffdc00;
}

/* DatePicker: yellow */
.datepicker.datepicker-yellow table thead tr:first-child {
	background-color: #ffdc00;
}

.datepicker.datepicker-yellow table thead tr:first-child th:hover {
	background-color: #ccb000;
}

.datepicker.datepicker-yellow table thead tr:last-child {
	background-color: #ffe01a;
}

.datepicker.datepicker-yellow table thead tr:last-child th:hover {
	background-color: #ffdc00;
}

.datepicker.datepicker-yellow table tbody tr td.day:hover {
	background: #ffdc00;
}

.datepicker.datepicker-yellow table tbody tr td.day.active {
	background: #ffdc00;
}

/****** 新增ui色系：orange 橘色  ******/

/* Nav Pills */
.nav-pills-orange>li a:hover,
.nav-pills-orange>li a:focus {
	color: #ff851b;
	background-color: #ffffff;
}

.nav-pills-orange>li.active>a,
.nav-pills-orange>li.active>a:hover,
.nav-pills-orange>li.active>a:active,
.nav-pills-orange>li.active>a:focus {
	background-color: #ff851b;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-orange {
	background: #ff851b;
	border-color: #ff7701;
}

body .btn-orange.dropdown-toggle {
	border-left-color: #ff9b44;
}

/* Buttons */
body .btn-orange {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ff851b;
	border-color: #ff851b;
}

body .btn-orange:hover {
	border-color: #ff9335 !important;
	background-color: #ff9335;
}

body .btn-orange:active,
body .btn-orange:focus {
	border-color: #ff7701 !important;
	background-color: #ff7701;
}

body .btn-orange[disabled] {
	border-color: #ffbc81 !important;
	background-color: #ffbc81;
}

/* Switch*/
.switch.switch-orange .ios-switch .on-background {
	background: #ff851b;
}

/* Label */
.label-orange {
	background: #ff851b;
}

/* BG orange */
.bg-orange {
	background: #ff851b;
}

/* Fullcalendar */
.fc-event.fc-event-orange {
	background: #ff851b;
	border-color: #ff851b;
}

/* Alerts */
.alert-orange {
	background-color: #ff851b;
	border-color: #ff7d0c;
}

.alert-orange .alert-link {
	color: #b45400;
}

/* Panels */
html .panel-orange .panel-heading {
	background: #ff851b;
	border-color: #ff851b;
}

.panel-heading.bg-orange {
	background: #ff851b;
}

.panel-body.bg-orange {
	background: #ff851b;
}

.panel-featured-orange {
	border-color: #ff851b;
}

.panel-featured-orange .panel-title {
	color: #ff851b;
}

.panel-heading-icon.bg-orange {
	background: #ff851b;
}

.panel-group .panel-accordion-orange .panel-heading .panel-title a {
	background: #ff851b;
}

/* Progress Bar */
.progress .progress-bar-orange {
	background-color: #ff851b;
}

/* Notifications */
.ui-pnotify .notification-orange {
	background: rgba(255, 133, 27, 0.95);
}

.ui-pnotify.stack-bar-top .notification-orange,
.ui-pnotify.stack-bar-bottom .notification-orange {
	background: #ff851b;
}

.ui-pnotify.notification-orange .notification,
.ui-pnotify.notification-orange .notification-orange {
	background: rgba(255, 133, 27, 0.95);
}

.ui-pnotify.notification-orange.stack-bar-top .notification,
.ui-pnotify.notification-orange.stack-bar-bottom .notification,
.ui-pnotify.notification-orange.stack-bar-top .notification-orange,
.ui-pnotify.notification-orange.stack-bar-bottom .notification-orange {
	background: #ff851b;
}

/* Modal */
.modal-block-orange .fa {
	color: #ff851b;
}

.modal-block-orange.modal-header-color .panel-heading {
	background-color: #ff851b;
}

.modal-block-orange.modal-full-color .panel {
	background-color: #ff9b44;
}

.modal-block-orange.modal-full-color .panel-heading {
	background-color: #ff851b;
}

.modal-block-orange.modal-full-color .panel-footer {
	background-color: #ff9b44;
}

/* Modal Icon */
.modal-block-orange .modal-icon .fa {
	color: #ff851b;
}

/* Tabs */
html body .tabs-orange .nav-tabs li a,
html.dark body .tabs-orange .nav-tabs li a,
html body .tabs-orange .nav-tabs.nav-justified li a,
html.dark body .tabs-orange .nav-tabs.nav-justified li a,
html body .tabs-orange .nav-tabs li a:hover,
html.dark body .tabs-orange .nav-tabs li a:hover,
html body .tabs-orange .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-orange .nav-tabs.nav-justified li a:hover {
	color: #ff851b;
}

html body .tabs-orange .nav-tabs li a:hover,
html.dark body .tabs-orange .nav-tabs li a:hover,
html body .tabs-orange .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-orange .nav-tabs.nav-justified li a:hover {
	border-top-color: #ff851b;
}

html body .tabs-orange .nav-tabs li.active a,
html.dark body .tabs-orange .nav-tabs li.active a,
html body .tabs-orange .nav-tabs.nav-justified li.active a,
html.dark body .tabs-orange .nav-tabs.nav-justified li.active a,
html body .tabs-orange .nav-tabs li.active a:hover,
html.dark body .tabs-orange .nav-tabs li.active a:hover,
html body .tabs-orange .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-orange .nav-tabs.nav-justified li.active a:hover,
html body .tabs-orange .nav-tabs li.active a:focus,
html.dark body .tabs-orange .nav-tabs li.active a:focus,
html body .tabs-orange .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-orange .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #ff851b;
	color: #ff851b;
}

html body .tabs-orange.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-orange.tabs-bottom .nav-tabs li a:hover,
html body .tabs-orange.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-orange.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #ff851b;
}

html body .tabs-orange.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-orange.tabs-bottom .nav-tabs li.active a,
html body .tabs-orange.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-orange.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-orange.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-orange.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-orange.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-orange.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-orange.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-orange.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-orange.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-orange.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #ff851b;
}

html body .tabs-orange.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-orange.tabs-vertical.tabs-left li a:hover {
	border-left-color: #ff851b;
}

html body .tabs-orange.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-orange.tabs-vertical.tabs-left li.active a,
html body .tabs-orange.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-orange.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-orange.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-orange.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #ff851b;
}

html body .tabs-orange.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-orange.tabs-vertical.tabs-right li a:hover {
	border-right-color: #ff851b;
}

html body .tabs-orange.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-orange.tabs-vertical.tabs-right li.active a,
html body .tabs-orange.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-orange.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-orange.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-orange.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #ff851b;
}

/* Simple Card List */
.simple-card-list li.orange {
	background: #ff851b;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-orange {
	background-color: #ff851b;
}

/* Checkboxes */
html.dark .checkbox-orange label:before,
.checkbox-orange label:before {
	background: #ff851b;
	border-color: #ff7701;
}

html.dark .checkbox-text-orange input[type="checkbox"]:checked+label:after,
.checkbox-text-orange input[type="checkbox"]:checked+label:after {
	color: #ff851b;
}

/* Radios */
html.dark .radio-orange input[type="radio"]:checked+label:after,
.radio-orange input[type="radio"]:checked+label:after {
	background: #ff851b;
	-webkit-box-shadow: 0px 0px 1px #ff851b;
	box-shadow: 0px 0px 1px #ff851b;
}

/* Switch */
.switch.switch-orange .ios-switch .on-background {
	background: #ff851b;
}

/* Slider */
.slider-orange .ui-slider-range,
.slider-orange .ui-slider-handle {
	background: #ff851b;
}

.slider-gradient.slider-orange .ui-slider-range,
.slider-gradient.slider-orange .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #ffa04e 0, #ff851b 50%, #e76b00 100%);
	background-image: linear-gradient(left, #ffa04e 0, #ff851b 50%, #e76b00 100%);
}

.slider-gradient.ui-slider-vertical.slider-orange .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-orange .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #ffa04e 0, #ff851b 50%, #e76b00 100%);
	background-image: linear-gradient(to right, #ffa04e 0, #ff851b 50%, #e76b00 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-orange table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-orange table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #ff851b;
}

html.dark .datepicker.datepicker-orange table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #ff851b;
}

html.dark .datepicker.datepicker-orange table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #ff851b;
}

/* DatePicker: orange */
.datepicker.datepicker-orange table thead tr:first-child {
	background-color: #ff851b;
}

.datepicker.datepicker-orange table thead tr:first-child th:hover {
	background-color: #e76b00;
}

.datepicker.datepicker-orange table thead tr:last-child {
	background-color: #ff9335;
}

.datepicker.datepicker-orange table thead tr:last-child th:hover {
	background-color: #ff851b;
}

.datepicker.datepicker-orange table tbody tr td.day:hover {
	background: #ff851b;
}

.datepicker.datepicker-orange table tbody tr td.day.active {
	background: #ff851b;
}

/****** 新增ui色系：red 紅色  ******/

/* Nav Pills */
.nav-pills-red>li a:hover,
.nav-pills-red>li a:focus {
	color: #ff4136;
	background-color: #ffffff;
}

.nav-pills-red>li.active>a,
.nav-pills-red>li.active>a:hover,
.nav-pills-red>li.active>a:active,
.nav-pills-red>li.active>a:focus {
	background-color: #ff4136;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-red {
	background: #ff4136;
	border-color: #ff291c;
}

body .btn-red.dropdown-toggle {
	border-left-color: #ff685f;
}

/* Buttons */
body .btn-red {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ff4136;
	border-color: #ff4136;
}

body .btn-red:hover {
	border-color: #ff5950 !important;
	background-color: #ff5950;
}

body .btn-red:active,
body .btn-red:focus {
	border-color: #ff291c !important;
	background-color: #ff291c;
}

body .btn-red[disabled] {
	border-color: #ffa19c !important;
	background-color: #ffa19c;
}

/* Switch*/
.switch.switch-red .ios-switch .on-background {
	background: #ff4136;
}

/* Label */
.label-red {
	background: #ff4136;
}

/* BG red */
.bg-red {
	background: #ff4136;
}

/* Fullcalendar */
.fc-event.fc-event-red {
	background: #ff4136;
	border-color: #ff4136;
}

/* Alerts */
.alert-red {
	background-color: #ff4136;
	border-color: #ff3327;
}

.alert-red .alert-link {
	color: #cf0b00;
}

/* Panels */
html .panel-red .panel-heading {
	background: #ff4136;
	border-color: #ff4136;
}

.panel-heading.bg-red {
	background: #ff4136;
}

.panel-body.bg-red {
	background: #ff4136;
}

.panel-featured-red {
	border-color: #ff4136;
}

.panel-featured-red .panel-title {
	color: #ff4136;
}

.panel-heading-icon.bg-red {
	background: #ff4136;
}

.panel-group .panel-accordion-red .panel-heading .panel-title a {
	background: #ff4136;
}

/* Progress Bar */
.progress .progress-bar-red {
	background-color: #ff4136;
}

/* Notifications */
.ui-pnotify .notification-red {
	background: rgba(255, 65, 54, 0.95);
}

.ui-pnotify.stack-bar-top .notification-red,
.ui-pnotify.stack-bar-bottom .notification-red {
	background: #ff4136;
}

.ui-pnotify.notification-red .notification,
.ui-pnotify.notification-red .notification-red {
	background: rgba(255, 65, 54, 0.95);
}

.ui-pnotify.notification-red.stack-bar-top .notification,
.ui-pnotify.notification-red.stack-bar-bottom .notification,
.ui-pnotify.notification-red.stack-bar-top .notification-red,
.ui-pnotify.notification-red.stack-bar-bottom .notification-red {
	background: #ff4136;
}

/* Modal */
.modal-block-red .fa {
	color: #ff4136;
}

.modal-block-red.modal-header-color .panel-heading {
	background-color: #ff4136;
}

.modal-block-red.modal-full-color .panel {
	background-color: #ff685f;
}

.modal-block-red.modal-full-color .panel-heading {
	background-color: #ff4136;
}

.modal-block-red.modal-full-color .panel-footer {
	background-color: #ff685f;
}

/* Modal Icon */
.modal-block-red .modal-icon .fa {
	color: #ff4136;
}

/* Tabs */
html body .tabs-red .nav-tabs li a,
html.dark body .tabs-red .nav-tabs li a,
html body .tabs-red .nav-tabs.nav-justified li a,
html.dark body .tabs-red .nav-tabs.nav-justified li a,
html body .tabs-red .nav-tabs li a:hover,
html.dark body .tabs-red .nav-tabs li a:hover,
html body .tabs-red .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-red .nav-tabs.nav-justified li a:hover {
	color: #ff4136;
}

html body .tabs-red .nav-tabs li a:hover,
html.dark body .tabs-red .nav-tabs li a:hover,
html body .tabs-red .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-red .nav-tabs.nav-justified li a:hover {
	border-top-color: #ff4136;
}

html body .tabs-red .nav-tabs li.active a,
html.dark body .tabs-red .nav-tabs li.active a,
html body .tabs-red .nav-tabs.nav-justified li.active a,
html.dark body .tabs-red .nav-tabs.nav-justified li.active a,
html body .tabs-red .nav-tabs li.active a:hover,
html.dark body .tabs-red .nav-tabs li.active a:hover,
html body .tabs-red .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-red .nav-tabs.nav-justified li.active a:hover,
html body .tabs-red .nav-tabs li.active a:focus,
html.dark body .tabs-red .nav-tabs li.active a:focus,
html body .tabs-red .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-red .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #ff4136;
	color: #ff4136;
}

html body .tabs-red.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-red.tabs-bottom .nav-tabs li a:hover,
html body .tabs-red.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-red.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #ff4136;
}

html body .tabs-red.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-red.tabs-bottom .nav-tabs li.active a,
html body .tabs-red.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-red.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-red.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-red.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-red.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-red.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-red.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-red.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-red.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-red.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #ff4136;
}

html body .tabs-red.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-red.tabs-vertical.tabs-left li a:hover {
	border-left-color: #ff4136;
}

html body .tabs-red.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-red.tabs-vertical.tabs-left li.active a,
html body .tabs-red.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-red.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-red.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-red.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #ff4136;
}

html body .tabs-red.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-red.tabs-vertical.tabs-right li a:hover {
	border-right-color: #ff4136;
}

html body .tabs-red.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-red.tabs-vertical.tabs-right li.active a,
html body .tabs-red.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-red.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-red.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-red.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #ff4136;
}

/* Simple Card List */
.simple-card-list li.red {
	background: #ff4136;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-red {
	background-color: #ff4136;
}

/* Checkboxes */
html.dark .checkbox-red label:before,
.checkbox-red label:before {
	background: #ff4136;
	border-color: #ff291c;
}

html.dark .checkbox-text-red input[type="checkbox"]:checked+label:after,
.checkbox-text-red input[type="checkbox"]:checked+label:after {
	color: #ff4136;
}

/* Radios */
html.dark .radio-red input[type="radio"]:checked+label:after,
.radio-red input[type="radio"]:checked+label:after {
	background: #ff4136;
	-webkit-box-shadow: 0px 0px 1px #ff4136;
	box-shadow: 0px 0px 1px #ff4136;
}

/* Switch */
.switch.switch-red .ios-switch .on-background {
	background: #ff4136;
}

/* Slider */
.slider-red .ui-slider-range,
.slider-red .ui-slider-handle {
	background: #ff4136;
}

.slider-gradient.slider-red .ui-slider-range,
.slider-gradient.slider-red .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #ff7169 0, #ff4136 50%, #ff1103 100%);
	background-image: linear-gradient(left, #ff7169 0, #ff4136 50%, #ff1103 100%);
}

.slider-gradient.ui-slider-vertical.slider-red .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-red .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #ff7169 0, #ff4136 50%, #ff1103 100%);
	background-image: linear-gradient(to right, #ff7169 0, #ff4136 50%, #ff1103 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-red table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-red table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #ff4136;
}

html.dark .datepicker.datepicker-red table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #ff4136;
}

html.dark .datepicker.datepicker-red table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #ff4136;
}

/* DatePicker: red */
.datepicker.datepicker-red table thead tr:first-child {
	background-color: #ff4136;
}

.datepicker.datepicker-red table thead tr:first-child th:hover {
	background-color: #ff1103;
}

.datepicker.datepicker-red table thead tr:last-child {
	background-color: #ff5950;
}

.datepicker.datepicker-red table thead tr:last-child th:hover {
	background-color: #ff4136;
}

.datepicker.datepicker-red table tbody tr td.day:hover {
	background: #ff4136;
}

.datepicker.datepicker-red table tbody tr td.day.active {
	background: #ff4136;
}

/****** 新增ui色系：fuchsia 紫紅色  ******/

/* Nav Pills */
.nav-pills-fuchsia>li a:hover,
.nav-pills-fuchsia>li a:focus {
	color: #f012be;
	background-color: #ffffff;
}

.nav-pills-fuchsia>li.active>a,
.nav-pills-fuchsia>li.active>a:hover,
.nav-pills-fuchsia>li.active>a:active,
.nav-pills-fuchsia>li.active>a:focus {
	background-color: #f012be;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-fuchsia {
	background: #f012be;
	border-color: #db0ead;
}

body .btn-fuchsia.dropdown-toggle {
	border-left-color: #f238c9;
}

/* Buttons */
body .btn-fuchsia {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #f012be;
	border-color: #f012be;
}

body .btn-fuchsia:hover {
	border-color: #f22ac5 !important;
	background-color: #f22ac5;
}

body .btn-fuchsia:active,
body .btn-fuchsia:focus {
	border-color: #db0ead !important;
	background-color: #db0ead;
}

body .btn-fuchsia[disabled] {
	border-color: #f672d8 !important;
	background-color: #f672d8;
}

/* Switch*/
.switch.switch-fuchsia .ios-switch .on-background {
	background: #f012be;
}

/* Label */
.label-fuchsia {
	background: #f012be;
}

/* BG fuchsia */
.bg-fuchsia {
	background: #f012be;
}

/* Fullcalendar */
.fc-event.fc-event-fuchsia {
	background: #f012be;
	border-color: #f012be;
}

/* Alerts */
.alert-fuchsia {
	background-color: #f012be;
	border-color: #e40eb4;
}

.alert-fuchsia .alert-link {
	color: #930974;
}

/* Panels */
html .panel-fuchsia .panel-heading {
	background: #f012be;
	border-color: #f012be;
}

.panel-heading.bg-fuchsia {
	background: #f012be;
}

.panel-body.bg-fuchsia {
	background: #f012be;
}

.panel-featured-fuchsia {
	border-color: #f012be;
}

.panel-featured-fuchsia .panel-title {
	color: #f012be;
}

.panel-heading-icon.bg-fuchsia {
	background: #f012be;
}

.panel-group .panel-accordion-fuchsia .panel-heading .panel-title a {
	background: #f012be;
}

/* Progress Bar */
.progress .progress-bar-fuchsia {
	background-color: #f012be;
}

/* Notifications */
.ui-pnotify .notification-fuchsia {
	background: rgba(240, 18, 190, 0.95);
}

.ui-pnotify.stack-bar-top .notification-fuchsia,
.ui-pnotify.stack-bar-bottom .notification-fuchsia {
	background: #f012be;
}

.ui-pnotify.notification-fuchsia .notification,
.ui-pnotify.notification-fuchsia .notification-fuchsia {
	background: rgba(240, 18, 190, 0.95);
}

.ui-pnotify.notification-fuchsia.stack-bar-top .notification,
.ui-pnotify.notification-fuchsia.stack-bar-bottom .notification,
.ui-pnotify.notification-fuchsia.stack-bar-top .notification-fuchsia,
.ui-pnotify.notification-fuchsia.stack-bar-bottom .notification-fuchsia {
	background: #f012be;
}

/* Modal */
.modal-block-fuchsia .fa {
	color: #f012be;
}

.modal-block-fuchsia.modal-header-color .panel-heading {
	background-color: #f012be;
}

.modal-block-fuchsia.modal-full-color .panel {
	background-color: #f238c9;
}

.modal-block-fuchsia.modal-full-color .panel-heading {
	background-color: #f012be;
}

.modal-block-fuchsia.modal-full-color .panel-footer {
	background-color: #f238c9;
}

/* Modal Icon */
.modal-block-fuchsia .modal-icon .fa {
	color: #f012be;
}

/* Tabs */
html body .tabs-fuchsia .nav-tabs li a,
html.dark body .tabs-fuchsia .nav-tabs li a,
html body .tabs-fuchsia .nav-tabs.nav-justified li a,
html.dark body .tabs-fuchsia .nav-tabs.nav-justified li a,
html body .tabs-fuchsia .nav-tabs li a:hover,
html.dark body .tabs-fuchsia .nav-tabs li a:hover,
html body .tabs-fuchsia .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-fuchsia .nav-tabs.nav-justified li a:hover {
	color: #f012be;
}

html body .tabs-fuchsia .nav-tabs li a:hover,
html.dark body .tabs-fuchsia .nav-tabs li a:hover,
html body .tabs-fuchsia .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-fuchsia .nav-tabs.nav-justified li a:hover {
	border-top-color: #f012be;
}

html body .tabs-fuchsia .nav-tabs li.active a,
html.dark body .tabs-fuchsia .nav-tabs li.active a,
html body .tabs-fuchsia .nav-tabs.nav-justified li.active a,
html.dark body .tabs-fuchsia .nav-tabs.nav-justified li.active a,
html body .tabs-fuchsia .nav-tabs li.active a:hover,
html.dark body .tabs-fuchsia .nav-tabs li.active a:hover,
html body .tabs-fuchsia .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-fuchsia .nav-tabs.nav-justified li.active a:hover,
html body .tabs-fuchsia .nav-tabs li.active a:focus,
html.dark body .tabs-fuchsia .nav-tabs li.active a:focus,
html body .tabs-fuchsia .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-fuchsia .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #f012be;
	color: #f012be;
}

html body .tabs-fuchsia.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-fuchsia.tabs-bottom .nav-tabs li a:hover,
html body .tabs-fuchsia.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-fuchsia.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #f012be;
}

html body .tabs-fuchsia.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-fuchsia.tabs-bottom .nav-tabs li.active a,
html body .tabs-fuchsia.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-fuchsia.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-fuchsia.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-fuchsia.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-fuchsia.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-fuchsia.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-fuchsia.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-fuchsia.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-fuchsia.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-fuchsia.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #f012be;
}

html body .tabs-fuchsia.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-fuchsia.tabs-vertical.tabs-left li a:hover {
	border-left-color: #f012be;
}

html body .tabs-fuchsia.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-fuchsia.tabs-vertical.tabs-left li.active a,
html body .tabs-fuchsia.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-fuchsia.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-fuchsia.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-fuchsia.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #f012be;
}

html body .tabs-fuchsia.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-fuchsia.tabs-vertical.tabs-right li a:hover {
	border-right-color: #f012be;
}

html body .tabs-fuchsia.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-fuchsia.tabs-vertical.tabs-right li.active a,
html body .tabs-fuchsia.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-fuchsia.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-fuchsia.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-fuchsia.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #f012be;
}

/* Simple Card List */
.simple-card-list li.fuchsia {
	background: #f012be;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-fuchsia {
	background-color: #f012be;
}

/* Checkboxes */
html.dark .checkbox-fuchsia label:before,
.checkbox-fuchsia label:before {
	background: #f012be;
	border-color: #db0ead;
}

html.dark .checkbox-text-fuchsia input[type="checkbox"]:checked+label:after,
.checkbox-text-fuchsia input[type="checkbox"]:checked+label:after {
	color: #f012be;
}

/* Radios */
html.dark .radio-fuchsia input[type="radio"]:checked+label:after,
.radio-fuchsia input[type="radio"]:checked+label:after {
	background: #f012be;
	-webkit-box-shadow: 0px 0px 1px #f012be;
	box-shadow: 0px 0px 1px #f012be;
}

/* Switch */
.switch.switch-fuchsia .ios-switch .on-background {
	background: #f012be;
}

/* Slider */
.slider-fuchsia .ui-slider-range,
.slider-fuchsia .ui-slider-handle {
	background: #f012be;
}

.slider-gradient.slider-fuchsia .ui-slider-range,
.slider-gradient.slider-fuchsia .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #f342cb 0, #f012be 50%, #c30c9a 100%);
	background-image: linear-gradient(left, #f342cb 0, #f012be 50%, #c30c9a 100%);
}

.slider-gradient.ui-slider-vertical.slider-fuchsia .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-fuchsia .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #f342cb 0, #f012be 50%, #c30c9a 100%);
	background-image: linear-gradient(to right, #f342cb 0, #f012be 50%, #c30c9a 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-fuchsia table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-fuchsia table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #f012be;
}

html.dark .datepicker.datepicker-fuchsia table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #f012be;
}

html.dark .datepicker.datepicker-fuchsia table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #f012be;
}

/* DatePicker: fuchsia */
.datepicker.datepicker-fuchsia table thead tr:first-child {
	background-color: #f012be;
}

.datepicker.datepicker-fuchsia table thead tr:first-child th:hover {
	background-color: #c30c9a;
}

.datepicker.datepicker-fuchsia table thead tr:last-child {
	background-color: #f22ac5;
}

.datepicker.datepicker-fuchsia table thead tr:last-child th:hover {
	background-color: #f012be;
}

.datepicker.datepicker-fuchsia table tbody tr td.day:hover {
	background: #f012be;
}

.datepicker.datepicker-fuchsia table tbody tr td.day.active {
	background: #f012be;
}

/****** 新增ui色系：purple 紫色  ******/

/* Nav Pills */
.nav-pills-purple>li a:hover,
.nav-pills-purple>li a:focus {
	color: #b10dc9;
	background-color: #f8d8fd;
}

.nav-pills-purple>li.active>a,
.nav-pills-purple>li.active>a:hover,
.nav-pills-purple>li.active>a:active,
.nav-pills-purple>li.active>a:focus {
	background-color: #b10dc9;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-purple {
	background: #b10dc9;
	border-color: #9c0bb1;
}

body .btn-purple.dropdown-toggle {
	border-left-color: #d30fef;
}

/* Buttons */
body .btn-purple {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #b10dc9;
	border-color: #b10dc9;
}

body .btn-purple:hover {
	border-color: #c60fe1 !important;
	background-color: #c60fe1;
}

body .btn-purple:active,
body .btn-purple:focus {
	border-color: #9c0bb1 !important;
	background-color: #9c0bb1;
}

body .btn-purple[disabled] {
	border-color: #dd49f3 !important;
	background-color: #dd49f3;
}

/* Switch*/
.switch.switch-purple .ios-switch .on-background {
	background: #b10dc9;
}

/* Label */
.label-purple {
	background: #b10dc9;
}

/* BG purple */
.bg-purple {
	background: #b10dc9;
}

/* Fullcalendar */
.fc-event.fc-event-purple {
	background: #b10dc9;
	border-color: #b10dc9;
}

/* Alerts */
.alert-purple {
	background-color: #b10dc9;
	border-color: #a40cbb;
}

.alert-purple .alert-link {
	color: #5d0769;
}

/* Panels */
html .panel-purple .panel-heading {
	background: #b10dc9;
	border-color: #b10dc9;
}

.panel-heading.bg-purple {
	background: #b10dc9;
}

.panel-body.bg-purple {
	background: #b10dc9;
}

.panel-featured-purple {
	border-color: #b10dc9;
}

.panel-featured-purple .panel-title {
	color: #b10dc9;
}

.panel-heading-icon.bg-purple {
	background: #b10dc9;
}

.panel-group .panel-accordion-purple .panel-heading .panel-title a {
	background: #b10dc9;
}

/* Progress Bar */
.progress .progress-bar-purple {
	background-color: #b10dc9;
}

/* Notifications */
.ui-pnotify .notification-purple {
	background: rgba(177, 13, 201, 0.95);
}

.ui-pnotify.stack-bar-top .notification-purple,
.ui-pnotify.stack-bar-bottom .notification-purple {
	background: #b10dc9;
}

.ui-pnotify.notification-purple .notification,
.ui-pnotify.notification-purple .notification-purple {
	background: rgba(177, 13, 201, 0.95);
}

.ui-pnotify.notification-purple.stack-bar-top .notification,
.ui-pnotify.notification-purple.stack-bar-bottom .notification,
.ui-pnotify.notification-purple.stack-bar-top .notification-purple,
.ui-pnotify.notification-purple.stack-bar-bottom .notification-purple {
	background: #b10dc9;
}

/* Modal */
.modal-block-purple .fa {
	color: #b10dc9;
}

.modal-block-purple.modal-header-color .panel-heading {
	background-color: #b10dc9;
}

.modal-block-purple.modal-full-color .panel {
	background-color: #d30fef;
}

.modal-block-purple.modal-full-color .panel-heading {
	background-color: #b10dc9;
}

.modal-block-purple.modal-full-color .panel-footer {
	background-color: #d30fef;
}

/* Modal Icon */
.modal-block-purple .modal-icon .fa {
	color: #b10dc9;
}

/* Tabs */
html body .tabs-purple .nav-tabs li a,
html.dark body .tabs-purple .nav-tabs li a,
html body .tabs-purple .nav-tabs.nav-justified li a,
html.dark body .tabs-purple .nav-tabs.nav-justified li a,
html body .tabs-purple .nav-tabs li a:hover,
html.dark body .tabs-purple .nav-tabs li a:hover,
html body .tabs-purple .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-purple .nav-tabs.nav-justified li a:hover {
	color: #b10dc9;
}

html body .tabs-purple .nav-tabs li a:hover,
html.dark body .tabs-purple .nav-tabs li a:hover,
html body .tabs-purple .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-purple .nav-tabs.nav-justified li a:hover {
	border-top-color: #b10dc9;
}

html body .tabs-purple .nav-tabs li.active a,
html.dark body .tabs-purple .nav-tabs li.active a,
html body .tabs-purple .nav-tabs.nav-justified li.active a,
html.dark body .tabs-purple .nav-tabs.nav-justified li.active a,
html body .tabs-purple .nav-tabs li.active a:hover,
html.dark body .tabs-purple .nav-tabs li.active a:hover,
html body .tabs-purple .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-purple .nav-tabs.nav-justified li.active a:hover,
html body .tabs-purple .nav-tabs li.active a:focus,
html.dark body .tabs-purple .nav-tabs li.active a:focus,
html body .tabs-purple .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-purple .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #b10dc9;
	color: #b10dc9;
}

html body .tabs-purple.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-purple.tabs-bottom .nav-tabs li a:hover,
html body .tabs-purple.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-purple.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #b10dc9;
}

html body .tabs-purple.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-purple.tabs-bottom .nav-tabs li.active a,
html body .tabs-purple.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-purple.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-purple.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-purple.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-purple.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-purple.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-purple.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-purple.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-purple.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-purple.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #b10dc9;
}

html body .tabs-purple.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-purple.tabs-vertical.tabs-left li a:hover {
	border-left-color: #b10dc9;
}

html body .tabs-purple.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-purple.tabs-vertical.tabs-left li.active a,
html body .tabs-purple.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-purple.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-purple.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-purple.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #b10dc9;
}

html body .tabs-purple.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-purple.tabs-vertical.tabs-right li a:hover {
	border-right-color: #b10dc9;
}

html body .tabs-purple.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-purple.tabs-vertical.tabs-right li.active a,
html body .tabs-purple.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-purple.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-purple.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-purple.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #b10dc9;
}

/* Simple Card List */
.simple-card-list li.purple {
	background: #b10dc9;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-purple {
	background-color: #b10dc9;
}

/* Checkboxes */
html.dark .checkbox-purple label:before,
.checkbox-purple label:before {
	background: #b10dc9;
	border-color: #9c0bb1;
}

html.dark .checkbox-text-purple input[type="checkbox"]:checked+label:after,
.checkbox-text-purple input[type="checkbox"]:checked+label:after {
	color: #b10dc9;
}

/* Radios */
html.dark .radio-purple input[type="radio"]:checked+label:after,
.radio-purple input[type="radio"]:checked+label:after {
	background: #b10dc9;
	-webkit-box-shadow: 0px 0px 1px #b10dc9;
	box-shadow: 0px 0px 1px #b10dc9;
}

/* Switch */
.switch.switch-purple .ios-switch .on-background {
	background: #b10dc9;
}

/* Slider */
.slider-purple .ui-slider-range,
.slider-purple .ui-slider-handle {
	background: #b10dc9;
}

.slider-gradient.slider-purple .ui-slider-range,
.slider-gradient.slider-purple .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #d519f0 0, #b10dc9 50%, #870a99 100%);
	background-image: linear-gradient(left, #d519f0 0, #b10dc9 50%, #870a99 100%);
}

.slider-gradient.ui-slider-vertical.slider-purple .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-purple .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #d519f0 0, #b10dc9 50%, #870a99 100%);
	background-image: linear-gradient(to right, #d519f0 0, #b10dc9 50%, #870a99 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-purple table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-purple table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #b10dc9;
}

html.dark .datepicker.datepicker-purple table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #b10dc9;
}

html.dark .datepicker.datepicker-purple table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #b10dc9;
}

/* DatePicker: purple */
.datepicker.datepicker-purple table thead tr:first-child {
	background-color: #b10dc9;
}

.datepicker.datepicker-purple table thead tr:first-child th:hover {
	background-color: #870a99;
}

.datepicker.datepicker-purple table thead tr:last-child {
	background-color: #c60fe1;
}

.datepicker.datepicker-purple table thead tr:last-child th:hover {
	background-color: #b10dc9;
}

.datepicker.datepicker-purple table tbody tr td.day:hover {
	background: #b10dc9;
}

.datepicker.datepicker-purple table tbody tr td.day.active {
	background: #b10dc9;
}

/****** 新增ui色系：maroon 栗色，、褐紫紅、深红  ******/

/* Nav Pills */
.nav-pills-maroon>li a:hover,
.nav-pills-maroon>li a:focus {
	color: #85144b;
	background-color: #f2a6cb;
}

.nav-pills-maroon>li.active>a,
.nav-pills-maroon>li.active>a:hover,
.nav-pills-maroon>li.active>a:active,
.nav-pills-maroon>li.active>a:focus {
	background-color: #85144b;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-maroon {
	background: #85144b;
	border-color: #6f113f;
}

body .btn-maroon.dropdown-toggle {
	border-left-color: #a8195f;
}

/* Buttons */
body .btn-maroon {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #85144b;
	border-color: #85144b;
}

body .btn-maroon:hover {
	border-color: #9b1758 !important;
	background-color: #9b1758;
}

body .btn-maroon:active,
body .btn-maroon:focus {
	border-color: #6f113f !important;
	background-color: #6f113f;
}

body .btn-maroon[disabled] {
	border-color: #de217d !important;
	background-color: #de217d;
}

/* Switch*/
.switch.switch-maroon .ios-switch .on-background {
	background: #85144b;
}

/* Label */
.label-maroon {
	background: #85144b;
}

/* BG maroon */
.bg-maroon {
	background: #85144b;
}

/* Fullcalendar */
.fc-event.fc-event-maroon {
	background: #85144b;
	border-color: #85144b;
}

/* Alerts */
.alert-maroon {
	background-color: #85144b;
	border-color: #781243;
}

.alert-maroon .alert-link {
	color: #2c0719;
}

/* Panels */
html .panel-maroon .panel-heading {
	background: #85144b;
	border-color: #85144b;
}

.panel-heading.bg-maroon {
	background: #85144b;
}

.panel-body.bg-maroon {
	background: #85144b;
}

.panel-featured-maroon {
	border-color: #85144b;
}

.panel-featured-maroon .panel-title {
	color: #85144b;
}

.panel-heading-icon.bg-maroon {
	background: #85144b;
}

.panel-group .panel-accordion-maroon .panel-heading .panel-title a {
	background: #85144b;
}

/* Progress Bar */
.progress .progress-bar-maroon {
	background-color: #85144b;
}

/* Notifications */
.ui-pnotify .notification-maroon {
	background: rgba(133, 20, 75, 0.95);
}

.ui-pnotify.stack-bar-top .notification-maroon,
.ui-pnotify.stack-bar-bottom .notification-maroon {
	background: #85144b;
}

.ui-pnotify.notification-maroon .notification,
.ui-pnotify.notification-maroon .notification-maroon {
	background: rgba(133, 20, 75, 0.95);
}

.ui-pnotify.notification-maroon.stack-bar-top .notification,
.ui-pnotify.notification-maroon.stack-bar-bottom .notification,
.ui-pnotify.notification-maroon.stack-bar-top .notification-maroon,
.ui-pnotify.notification-maroon.stack-bar-bottom .notification-maroon {
	background: #85144b;
}

/* Modal */
.modal-block-maroon .fa {
	color: #85144b;
}

.modal-block-maroon.modal-header-color .panel-heading {
	background-color: #85144b;
}

.modal-block-maroon.modal-full-color .panel {
	bakground-color: #a8195f;
}

.modal-block-maroon.modal-full-color .panel-heading {
	background-color: #85144b;
}

.modal-block-maroon.modal-full-color .panel-footer {
	background-color: #a8195f;
}

/* Modal Icon */
.modal-block-maroon .modal-icon .fa {
	color: #85144b;
}

/* Tabs */
html body .tabs-maroon .nav-tabs li a,
html.dark body .tabs-maroon .nav-tabs li a,
html body .tabs-maroon .nav-tabs.nav-justified li a,
html.dark body .tabs-maroon .nav-tabs.nav-justified li a,
html body .tabs-maroon .nav-tabs li a:hover,
html.dark body .tabs-maroon .nav-tabs li a:hover,
html body .tabs-maroon .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-maroon .nav-tabs.nav-justified li a:hover {
	color: #85144b;
}

html body .tabs-maroon .nav-tabs li a:hover,
html.dark body .tabs-maroon .nav-tabs li a:hover,
html body .tabs-maroon .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-maroon .nav-tabs.nav-justified li a:hover {
	border-top-color: #85144b;
}

html body .tabs-maroon .nav-tabs li.active a,
html.dark body .tabs-maroon .nav-tabs li.active a,
html body .tabs-maroon .nav-tabs.nav-justified li.active a,
html.dark body .tabs-maroon .nav-tabs.nav-justified li.active a,
html body .tabs-maroon .nav-tabs li.active a:hover,
html.dark body .tabs-maroon .nav-tabs li.active a:hover,
html body .tabs-maroon .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-maroon .nav-tabs.nav-justified li.active a:hover,
html body .tabs-maroon .nav-tabs li.active a:focus,
html.dark body .tabs-maroon .nav-tabs li.active a:focus,
html body .tabs-maroon .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-maroon .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #85144b;
	color: #85144b;
}

html body .tabs-maroon.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-maroon.tabs-bottom .nav-tabs li a:hover,
html body .tabs-maroon.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-maroon.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #85144b;
}

html body .tabs-maroon.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-maroon.tabs-bottom .nav-tabs li.active a,
html body .tabs-maroon.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-maroon.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-maroon.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-maroon.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-maroon.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-maroon.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-maroon.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-maroon.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-maroon.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-maroon.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #85144b;
}

html body .tabs-maroon.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-maroon.tabs-vertical.tabs-left li a:hover {
	border-left-color: #85144b;
}

html body .tabs-maroon.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-maroon.tabs-vertical.tabs-left li.active a,
html body .tabs-maroon.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-maroon.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-maroon.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-maroon.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #85144b;
}

html body .tabs-maroon.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-maroon.tabs-vertical.tabs-right li a:hover {
	border-right-color: #85144b;
}

html body .tabs-maroon.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-maroon.tabs-vertical.tabs-right li.active a,
html body .tabs-maroon.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-maroon.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-maroon.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-maroon.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #85144b;
}

/* Simple Card List */
.simple-card-list li.maroon {
	background: #85144b;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-maroon {
	background-color: #85144b;
}

/* Checkboxes */
html.dark .checkbox-maroon label:before,
.checkbox-maroon label:before {
	background: #85144b;
	border-color: #6f113f;
}

html.dark .checkbox-text-maroon input[type="checkbox"]:checked+label:after,
.checkbox-text-maroon input[type="checkbox"]:checked+label:after {
	color: #85144b;
}

/* Radios */
html.dark .radio-maroon input[type="radio"]:checked+label:after,
.radio-maroon input[type="radio"]:checked+label:after {
	background: #85144b;
	-webkit-box-shadow: 0px 0px 1px #85144b;
	box-shadow: 0px 0px 1px #85144b;
}

/* Switch */
.switch.switch-maroon .ios-switch .on-background {
	background: #85144b;
}

/* Slider */
.slider-maroon .ui-slider-range,
.slider-maroon .ui-slider-handle {
	background: #85144b;
}

.slider-gradient.slider-maroon .ui-slider-range,
.slider-gradient.slider-maroon .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #b11b64 0, #85144b 50%, #590d32 100%);
	background-image: linear-gradient(left, #b11b64 0, #85144b 50%, #590d32 100%);
}

.slider-gradient.ui-slider-vertical.slider-maroon .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-maroon .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #b11b64 0, #85144b 50%, #590d32 100%);
	background-image: linear-gradient(to right, #b11b64 0, #85144b 50%, #590d32 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-maroon table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-maroon table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #85144b;
}

html.dark .datepicker.datepicker-maroon table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #85144b;
}

html.dark .datepicker.datepicker-maroon table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #85144b;
}

/* DatePicker: maroon */
.datepicker.datepicker-maroon table thead tr:first-child {
	background-color: #85144b;
}

.datepicker.datepicker-maroon table thead tr:first-child th:hover {
	background-color: #590d32;
}

.datepicker.datepicker-maroon table thead tr:last-child {
	background-color: #9b1758;
}

.datepicker.datepicker-maroon table thead tr:last-child th:hover {
	background-color: #85144b;
}

.datepicker.datepicker-maroon table tbody tr td.day:hover {
	background: #85144b;
}

.datepicker.datepicker-maroon table tbody tr td.day.active {
	background: #85144b;
}

/****** 新增ui色系：gray 灰色  ******/

/* Nav Pills */
.nav-pills-gray>li a:hover,
.nav-pills-gray>li a:focus {
	color: #aaaaaa;
	background-color: #ffffff;
}

.nav-pills-gray>li.active>a,
.nav-pills-gray>li.active>a:hover,
.nav-pills-gray>li.active>a:active,
.nav-pills-gray>li.active>a:focus {
	background-color: #aaaaaa;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-gray {
	background: #aaaaaa;
	border-color: #9d9d9d;
}

body .btn-gray.dropdown-toggle {
	border-left-color: #bebebe;
}

/* Buttons */
body .btn-gray {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #aaaaaa;
	border-color: #aaaaaa;
}

body .btn-gray:hover {
	border-color: #b7b7b7 !important;
	background-color: #b7b7b7;
}

body .btn-gray:active,
body .btn-gray:focus {
	border-color: #9d9d9d !important;
	background-color: #9d9d9d;
}

body .btn-gray[disabled] {
	border-color: #dddddd !important;
	background-color: #dddddd;
}

/* Switch*/
.switch.switch-gray .ios-switch .on-background {
	background: #aaaaaa;
}

/* Label */
.label-gray {
	background: #aaaaaa;
}

/* BG gray */
.bg-gray {
	background: #aaaaaa;
}

/* Fullcalendar */
.fc-event.fc-event-gray {
	background: #aaaaaa;
	border-color: #aaaaaa;
}

/* Alerts */
.alert-gray {
	background-color: #aaaaaa;
	border-color: #a2a2a2;
}

.alert-gray .alert-link {
	color: #777777;
}

/* Panels */
html .panel-gray .panel-heading {
	background: #aaaaaa;
	border-color: #aaaaaa;
}

.panel-heading.bg-gray {
	background: #aaaaaa;
}

.panel-body.bg-gray {
	background: #aaaaaa;
}

.panel-featured-gray {
	border-color: #aaaaaa;
}

.panel-featured-gray .panel-title {
	color: #aaaaaa;
}

.panel-heading-icon.bg-gray {
	background: #aaaaaa;
}

.panel-group .panel-accordion-gray .panel-heading .panel-title a {
	background: #aaaaaa;
}

/* Progress Bar */
.progress .progress-bar-gray {
	background-color: #aaaaaa;
}

/* Notifications */
.ui-pnotify .notification-gray {
	background: rgba(170, 170, 170, 0.95);
}

.ui-pnotify.stack-bar-top .notification-gray,
.ui-pnotify.stack-bar-bottom .notification-gray {
	background: #aaaaaa;
}

.ui-pnotify.notification-gray .notification,
.ui-pnotify.notification-gray .notification-gray {
	background: rgba(170, 170, 170, 0.95);
}

.ui-pnotify.notification-gray.stack-bar-top .notification,
.ui-pnotify.notification-gray.stack-bar-bottom .notification,
.ui-pnotify.notification-gray.stack-bar-top .notification-gray,
.ui-pnotify.notification-gray.stack-bar-bottom .notification-gray {
	background: #aaaaaa;
}

/* Modal */
.modal-block-gray .fa {
	color: #aaaaaa;
}

.modal-block-gray.modal-header-color .panel-heading {
	background-color: #aaaaaa;
}

.modal-block-gray.modal-full-color .panel {
	background-color: #bebebe;
}

.modal-block-gray.modal-full-color .panel-heading {
	background-color: #aaaaaa;
}

.modal-block-gray.modal-full-color .panel-footer {
	background-color: #bebebe;
}

/* Modal Icon */
.modal-block-gray .modal-icon .fa {
	color: #aaaaaa;
}

/* Tabs */
html body .tabs-gray .nav-tabs li a,
html.dark body .tabs-gray .nav-tabs li a,
html body .tabs-gray .nav-tabs.nav-justified li a,
html.dark body .tabs-gray .nav-tabs.nav-justified li a,
html body .tabs-gray .nav-tabs li a:hover,
html.dark body .tabs-gray .nav-tabs li a:hover,
html body .tabs-gray .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-gray .nav-tabs.nav-justified li a:hover {
	color: #aaaaaa;
}

html body .tabs-gray .nav-tabs li a:hover,
html.dark body .tabs-gray .nav-tabs li a:hover,
html body .tabs-gray .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-gray .nav-tabs.nav-justified li a:hover {
	border-top-color: #aaaaaa;
}

html body .tabs-gray .nav-tabs li.active a,
html.dark body .tabs-gray .nav-tabs li.active a,
html body .tabs-gray .nav-tabs.nav-justified li.active a,
html.dark body .tabs-gray .nav-tabs.nav-justified li.active a,
html body .tabs-gray .nav-tabs li.active a:hover,
html.dark body .tabs-gray .nav-tabs li.active a:hover,
html body .tabs-gray .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-gray .nav-tabs.nav-justified li.active a:hover,
html body .tabs-gray .nav-tabs li.active a:focus,
html.dark body .tabs-gray .nav-tabs li.active a:focus,
html body .tabs-gray .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-gray .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #aaaaaa;
	color: #aaaaaa;
}

html body .tabs-gray.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-gray.tabs-bottom .nav-tabs li a:hover,
html body .tabs-gray.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-gray.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #aaaaaa;
}

html body .tabs-gray.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-gray.tabs-bottom .nav-tabs li.active a,
html body .tabs-gray.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-gray.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-gray.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-gray.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-gray.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-gray.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-gray.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-gray.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-gray.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-gray.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #aaaaaa;
}

html body .tabs-gray.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-gray.tabs-vertical.tabs-left li a:hover {
	border-left-color: #aaaaaa;
}

html body .tabs-gray.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-gray.tabs-vertical.tabs-left li.active a,
html body .tabs-gray.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-gray.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-gray.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-gray.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #aaaaaa;
}

html body .tabs-gray.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-gray.tabs-vertical.tabs-right li a:hover {
	border-right-color: #aaaaaa;
}

html body .tabs-gray.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-gray.tabs-vertical.tabs-right li.active a,
html body .tabs-gray.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-gray.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-gray.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-gray.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #aaaaaa;
}

/* Simple Card List */
.simple-card-list li.gray {
	background: #aaaaaa;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-gray {
	background-color: #aaaaaa;
}

/* Checkboxes */
html.dark .checkbox-gray label:before,
.checkbox-gray label:before {
	background: #aaaaaa;
	border-color: #9d9d9d;
}

html.dark .checkbox-text-gray input[type="checkbox"]:checked+label:after,
.checkbox-text-gray input[type="checkbox"]:checked+label:after {
	color: #aaaaaa;
}

/* Radios */
html.dark .radio-gray input[type="radio"]:checked+label:after,
.radio-gray input[type="radio"]:checked+label:after {
	background: #aaaaaa;
	-webkit-box-shadow: 0px 0px 1px #aaaaaa;
	box-shadow: 0px 0px 1px #aaaaaa;
}

/* Switch */
.switch.switch-gray .ios-switch .on-background {
	background: #aaaaaa;
}

/* Slider */
.slider-gray .ui-slider-range,
.slider-gray .ui-slider-handle {
	background: #aaaaaa;
}

.slider-gradient.slider-gray .ui-slider-range,
.slider-gradient.slider-gray .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #c3c3c3 0, #aaaaaa 50%, #919191 100%);
	background-image: linear-gradient(left, #c3c3c3 0, #aaaaaa 50%, #919191 100%);
}

.slider-gradient.ui-slider-vertical.slider-gray .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-gray .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #c3c3c3 0, #aaaaaa 50%, #919191 100%);
	background-image: linear-gradient(to right, #c3c3c3 0, #aaaaaa 50%, #919191 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-gray table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-gray table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #aaaaaa;
}

html.dark .datepicker.datepicker-gray table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #aaaaaa;
}

html.dark .datepicker.datepicker-gray table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #aaaaaa;
}

/* DatePicker: gray */
.datepicker.datepicker-gray table thead tr:first-child {
	background-color: #aaaaaa;
}

.datepicker.datepicker-gray table thead tr:first-child th:hover {
	background-color: #919191;
}

.datepicker.datepicker-gray table thead tr:last-child {
	background-color: #b7b7b7;
}

.datepicker.datepicker-gray table thead tr:last-child th:hover {
	background-color: #aaaaaa;
}

.datepicker.datepicker-gray table tbody tr td.day:hover {
	background: #aaaaaa;
}

.datepicker.datepicker-gray table tbody tr td.day.active {
	background: #aaaaaa;
}

/****** 新增ui色系：silver 銀色  ******/

/* Nav Pills */
.nav-pills-silver>li a:hover,
.nav-pills-silver>li a:focus {
	color: #dddddd;
	background-color: #ffffff;
}

.nav-pills-silver>li.active>a,
.nav-pills-silver>li.active>a:hover,
.nav-pills-silver>li.active>a:active,
.nav-pills-silver>li.active>a:focus {
	background-color: #dddddd;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-silver {
	background: #dddddd;
	border-color: #d0d0d0;
}

body .btn-silver.dropdown-toggle {
	border-left-color: #f1f1f1;
}

/* Buttons */
body .btn-silver {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #dddddd;
	border-color: #dddddd;
}

body .btn-silver:hover {
	border-color: #eaeaea !important;
	background-color: #eaeaea;
}

body .btn-silver:active,
body .btn-silver:focus {
	border-color: #d0d0d0 !important;
	background-color: #d0d0d0;
}

body .btn-silver[disabled] {
	border-color: #ffffff !important;
	background-color: #ffffff;
}

/* Switch*/
.switch.switch-silver .ios-switch .on-background {
	background: #dddddd;
}

/* Label */
.label-silver {
	background: #dddddd;
}

/* BG silver */
.bg-silver {
	background: #dddddd;
}

/* Fullcalendar */
.fc-event.fc-event-silver {
	background: #dddddd;
	border-color: #dddddd;
}

/* Alerts */
.alert-silver {
	background-color: #dddddd;
	border-color: #d5d5d5;
}

.alert-silver .alert-link {
	color: #aaaaaa;
}

/* Panels */
html .panel-silver .panel-heading {
	background: #dddddd;
	border-color: #dddddd;
}

.panel-heading.bg-silver {
	background: #dddddd;
}

.panel-body.bg-silver {
	background: #dddddd;
}

.panel-featured-silver {
	border-color: #dddddd;
}

.panel-featured-silver .panel-title {
	color: #dddddd;
}

.panel-heading-icon.bg-silver {
	background: #dddddd;
}

.panel-group .panel-accordion-silver .panel-heading .panel-title a {
	background: #dddddd;
}

/* Progress Bar */
.progress .progress-bar-silver {
	background-color: #dddddd;
}

/* Notifications */
.ui-pnotify .notification-silver {
	background: rgba(221, 221, 221, 0.95);
}

.ui-pnotify.stack-bar-top .notification-silver,
.ui-pnotify.stack-bar-bottom .notification-silver {
	background: #dddddd;
}

.ui-pnotify.notification-silver .notification,
.ui-pnotify.notification-silver .notification-silver {
	background: rgba(221, 221, 221, 0.95);
}

.ui-pnotify.notification-silver.stack-bar-top .notification,
.ui-pnotify.notification-silver.stack-bar-bottom .notification,
.ui-pnotify.notification-silver.stack-bar-top .notification-silver,
.ui-pnotify.notification-silver.stack-bar-bottom .notification-silver {
	background: #dddddd;
}

/* Modal */
.modal-block-silver .fa {
	color: #dddddd;
}

.modal-block-silver.modal-header-color .panel-heading {
	background-color: #dddddd;
}

.modal-block-silver.modal-full-color .panel {
	background-color: #f1f1f1;
}

.modal-block-silver.modal-full-color .panel-heading {
	background-color: #dddddd;
}

.modal-block-silver.modal-full-color .panel-footer {
	background-color: #f1f1f1;
}

/* Modal Icon */
.modal-block-silver .modal-icon .fa {
	color: #dddddd;
}

/* Tabs */
html body .tabs-silver .nav-tabs li a,
html.dark body .tabs-silver .nav-tabs li a,
html body .tabs-silver .nav-tabs.nav-justified li a,
html.dark body .tabs-silver .nav-tabs.nav-justified li a,
html body .tabs-silver .nav-tabs li a:hover,
html.dark body .tabs-silver .nav-tabs li a:hover,
html body .tabs-silver .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-silver .nav-tabs.nav-justified li a:hover {
	color: #dddddd;
}

html body .tabs-silver .nav-tabs li a:hover,
html.dark body .tabs-silver .nav-tabs li a:hover,
html body .tabs-silver .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-silver .nav-tabs.nav-justified li a:hover {
	border-top-color: #dddddd;
}

html body .tabs-silver .nav-tabs li.active a,
html.dark body .tabs-silver .nav-tabs li.active a,
html body .tabs-silver .nav-tabs.nav-justified li.active a,
html.dark body .tabs-silver .nav-tabs.nav-justified li.active a,
html body .tabs-silver .nav-tabs li.active a:hover,
html.dark body .tabs-silver .nav-tabs li.active a:hover,
html body .tabs-silver .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-silver .nav-tabs.nav-justified li.active a:hover,
html body .tabs-silver .nav-tabs li.active a:focus,
html.dark body .tabs-silver .nav-tabs li.active a:focus,
html body .tabs-silver .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-silver .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #dddddd;
	color: #dddddd;
}

html body .tabs-silver.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-silver.tabs-bottom .nav-tabs li a:hover,
html body .tabs-silver.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-silver.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #dddddd;
}

html body .tabs-silver.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-silver.tabs-bottom .nav-tabs li.active a,
html body .tabs-silver.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-silver.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-silver.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-silver.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-silver.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-silver.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-silver.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-silver.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-silver.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-silver.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #dddddd;
}

html body .tabs-silver.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-silver.tabs-vertical.tabs-left li a:hover {
	border-left-color: #dddddd;
}

html body .tabs-silver.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-silver.tabs-vertical.tabs-left li.active a,
html body .tabs-silver.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-silver.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-silver.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-silver.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #dddddd;
}

html body .tabs-silver.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-silver.tabs-vertical.tabs-right li a:hover {
	border-right-color: #dddddd;
}

html body .tabs-silver.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-silver.tabs-vertical.tabs-right li.active a,
html body .tabs-silver.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-silver.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-silver.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-silver.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #dddddd;
}

/* Simple Card List */
.simple-card-list li.silver {
	background: #dddddd;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-silver {
	background-color: #dddddd;
}

/* Checkboxes */
html.dark .checkbox-silver label:before,
.checkbox-silver label:before {
	background: #dddddd;
	border-color: #d0d0d0;
}

html.dark .checkbox-text-silver input[type="checkbox"]:checked+label:after,
.checkbox-text-silver input[type="checkbox"]:checked+label:after {
	color: #dddddd;
}

/* Radios */
html.dark .radio-silver input[type="radio"]:checked+label:after,
.radio-silver input[type="radio"]:checked+label:after {
	background: #dddddd;
	-webkit-box-shadow: 0px 0px 1px #dddddd;
	box-shadow: 0px 0px 1px #dddddd;
}

/* Switch */
.switch.switch-silver .ios-switch .on-background {
	background: #dddddd;
}

/* Slider */
.slider-silver .ui-slider-range,
.slider-silver .ui-slider-handle {
	background: #dddddd;
}

.slider-gradient.slider-silver .ui-slider-range,
.slider-gradient.slider-silver .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #f7f7f7 0, #dddddd 50%, #c4c4c4 100%);
	background-image: linear-gradient(left, #f7f7f7 0, #dddddd 50%, #c4c4c4 100%);
}

.slider-gradient.ui-slider-vertical.slider-silver .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-silver .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #f7f7f7 0, #dddddd 50%, #c4c4c4 100%);
	background-image: linear-gradient(to right, #f7f7f7 0, #dddddd 50%, #c4c4c4 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-silver table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-silver table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #dddddd;
}

html.dark .datepicker.datepicker-silver table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #dddddd;
}

html.dark .datepicker.datepicker-silver table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #dddddd;
}

/* DatePicker: silver */
.datepicker.datepicker-silver table thead tr:first-child {
	background-color: #dddddd;
}

.datepicker.datepicker-silver table thead tr:first-child th:hover {
	background-color: #c4c4c4;
}

.datepicker.datepicker-silver table thead tr:last-child {
	background-color: #eaeaea;
}

.datepicker.datepicker-silver table thead tr:last-child th:hover {
	background-color: #dddddd;
}

.datepicker.datepicker-silver table tbody tr td.day:hover {
	background: #dddddd;
}

.datepicker.datepicker-silver table tbody tr td.day.active {
	background: #dddddd;
}

/****** 新增ui色系：black 黑色  ******/

/* Nav Pills */
.nav-pills-black>li a:hover,
.nav-pills-black>li a:focus {
	color: #111111;
	background-color: #919191;
}

.nav-pills-black>li.active>a,
.nav-pills-black>li.active>a:hover,
.nav-pills-black>li.active>a:active,
.nav-pills-black>li.active>a:focus {
	background-color: #111111;
}

/* Dropdown Menu */
.open>.dropdown-toggle.btn-black {
	background: #111111;
	border-color: #040404;
}

body .btn-black.dropdown-toggle {
	border-left-color: #252525;
}

/* Buttons */
body .btn-black {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #111111;
	border-color: #111111;
}

body .btn-black:hover {
	border-color: #1e1e1e !important;
	background-color: #1e1e1e;
}

body .btn-black:active,
body .btn-black:focus {
	border-color: #040404 !important;
	background-color: #040404;
}

body .btn-black[disabled] {
	border-color: #444444 !important;
	background-color: #444444;
}

/* Switch*/
.switch.switch-black .ios-switch .on-background {
	background: #111111;
}

/* Label */
.label-black {
	background: #111111;
}

/* BG black */
.bg-black {
	background: #111111;
}

/* Fullcalendar */
.fc-event.fc-event-black {
	background: #111111;
	border-color: #111111;
}

/* Alerts */
.alert-black {
	background-color: #111111;
	border-color: #090909;
}

.alert-black .alert-link {
	color: #000000;
}

/* Panels */
html .panel-black .panel-heading {
	background: #111111;
	border-color: #111111;
}

.panel-heading.bg-black {
	background: #111111;
}

.panel-body.bg-black {
	background: #111111;
}

.panel-featured-black {
	border-color: #111111;
}

.panel-featured-black .panel-title {
	color: #111111;
}

.panel-heading-icon.bg-black {
	background: #111111;
}

.panel-group .panel-accordion-black .panel-heading .panel-title a {
	background: #111111;
}

/* Progress Bar */
.progress .progress-bar-black {
	background-color: #111111;
}

/* Notifications */
.ui-pnotify .notification-black {
	background: rgba(17, 17, 17, 0.95);
}

.ui-pnotify.stack-bar-top .notification-black,
.ui-pnotify.stack-bar-bottom .notification-black {
	background: #111111;
}

.ui-pnotify.notification-black .notification,
.ui-pnotify.notification-black .notification-black {
	background: rgba(17, 17, 17, 0.95);
}

.ui-pnotify.notification-black.stack-bar-top .notification,
.ui-pnotify.notification-black.stack-bar-bottom .notification,
.ui-pnotify.notification-black.stack-bar-top .notification-black,
.ui-pnotify.notification-black.stack-bar-bottom .notification-black {
	background: #111111;
}

/* Modal */
.modal-block-black .fa {
	color: #111111;
}

.modal-block-black.modal-header-color .panel-heading {
	background-color: #111111;
}

.modal-block-black.modal-full-color .panel {
	background-color: #252525;
}

.modal-block-black.modal-full-color .panel-heading {
	background-color: #111111;
}

.modal-block-black.modal-full-color .panel-footer {
	background-color: #252525;
}

/* Modal Icon */
.modal-block-black .modal-icon .fa {
	color: #111111;
}

/* Tabs */
html body .tabs-black .nav-tabs li a,
html.dark body .tabs-black .nav-tabs li a,
html body .tabs-black .nav-tabs.nav-justified li a,
html.dark body .tabs-black .nav-tabs.nav-justified li a,
html body .tabs-black .nav-tabs li a:hover,
html.dark body .tabs-black .nav-tabs li a:hover,
html body .tabs-black .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-black .nav-tabs.nav-justified li a:hover {
	color: #111111;
}

html body .tabs-black .nav-tabs li a:hover,
html.dark body .tabs-black .nav-tabs li a:hover,
html body .tabs-black .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-black .nav-tabs.nav-justified li a:hover {
	border-top-color: #111111;
}

html body .tabs-black .nav-tabs li.active a,
html.dark body .tabs-black .nav-tabs li.active a,
html body .tabs-black .nav-tabs.nav-justified li.active a,
html.dark body .tabs-black .nav-tabs.nav-justified li.active a,
html body .tabs-black .nav-tabs li.active a:hover,
html.dark body .tabs-black .nav-tabs li.active a:hover,
html body .tabs-black .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-black .nav-tabs.nav-justified li.active a:hover,
html body .tabs-black .nav-tabs li.active a:focus,
html.dark body .tabs-black .nav-tabs li.active a:focus,
html body .tabs-black .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-black .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #111111;
	color: #111111;
}

html body .tabs-black.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-black.tabs-bottom .nav-tabs li a:hover,
html body .tabs-black.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-black.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #111111;
}

html body .tabs-black.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-black.tabs-bottom .nav-tabs li.active a,
html body .tabs-black.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-black.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-black.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-black.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-black.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-black.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-black.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-black.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-black.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-black.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #111111;
}

html body .tabs-black.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-black.tabs-vertical.tabs-left li a:hover {
	border-left-color: #111111;
}

html body .tabs-black.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-black.tabs-vertical.tabs-left li.active a,
html body .tabs-black.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-black.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-black.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-black.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #111111;
}

html body .tabs-black.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-black.tabs-vertical.tabs-right li a:hover {
	border-right-color: #111111;
}

html body .tabs-black.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-black.tabs-vertical.tabs-right li.active a,
html body .tabs-black.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-black.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-black.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-black.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #111111;
}

/* Simple Card List */
.simple-card-list li.black {
	background: #111111;
}

/*
* Call to Action
*/
.call-to-action.call-to-action-black {
	background-color: #111111;
}

/* Checkboxes */
html.dark .checkbox-black label:before,
.checkbox-black label:before {
	background: #111111;
	border-color: #040404;
}

html.dark .checkbox-text-black input[type="checkbox"]:checked+label:after,
.checkbox-text-black input[type="checkbox"]:checked+label:after {
	color: #111111;
}

/* Radios */
html.dark .radio-black input[type="radio"]:checked+label:after,
.radio-black input[type="radio"]:checked+label:after {
	background: #111111;
	-webkit-box-shadow: 0px 0px 1px #111111;
	box-shadow: 0px 0px 1px #111111;
}

/* Switch */
.switch.switch-black .ios-switch .on-background {
	background: #111111;
}

/* Slider */
.slider-black .ui-slider-range,
.slider-black .ui-slider-handle {
	background: #111111;
}

.slider-gradient.slider-black .ui-slider-range,
.slider-gradient.slider-black .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #2b2b2b 0, #111111 50%, #000000 100%);
	background-image: linear-gradient(left, #2b2b2b 0, #111111 50%, #000000 100%);
}

.slider-gradient.ui-slider-vertical.slider-black .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-black .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #2b2b2b 0, #111111 50%, #000000 100%);
	background-image: linear-gradient(to right, #2b2b2b 0, #111111 50%, #000000 100%);
}

/* DatePicker: Dark */
html.dark .datepicker.datepicker-black table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-black table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #111111;
}

html.dark .datepicker.datepicker-black table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #111111;
}

html.dark .datepicker.datepicker-black table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #111111;
}

/* DatePicker: black */
.datepicker.datepicker-black table thead tr:first-child {
	background-color: #111111;
}

.datepicker.datepicker-black table thead tr:first-child th:hover {
	background-color: #000000;
}

.datepicker.datepicker-black table thead tr:last-child {
	background-color: #1e1e1e;
}

.datepicker.datepicker-black table thead tr:last-child th:hover {
	background-color: #111111;
}

.datepicker.datepicker-black table tbody tr td.day:hover {
	background: #111111;
}

.datepicker.datepicker-black table tbody tr td.day.active {
	background: #111111;
}

/* Typography States - Extension */
.text-navy {
	color: #001F3F;
}

.text-blue {
	color: #0074D9;
}

.text-aqua {
	color: #7FDBFF;
}

.text-teal {
	color: #39CCCC;
}

.text-olive {
	color: #545454;
}

.text-green {
	color: #2ECC40;
}

.text-lime {
	color: #01FF70;
}

.text-yellow {
	color: #FFDC00;
}

.text-orange {
	color: #FF851B;
}

.text-red {
	color: #FF4136;
}

.text-fuchsia {
	color: #F012BE;
}

.text-purple {
	color: #B10DC9;
}

.text-maroon {
	color: #85144B;
}

.text-white {
	color: #ffffff;
}

.text-gray {
	color: #aaa;
}

.text-silver {
	color: #ddd;
}

.text-black {
	color: #111;
}

/* inverse */
.text-navy-inverse {
	color: #001F3F;
}

.text-blue-inverse {
	color: #0074D9;
}

.text-aqua-inverse {
	color: #7FDBFF;
}

.text-teal-inverse {
	color: #39CCCC;
}

.text-olive-inverse {
	color: #3D9970;
}

.text-green-inverse {
	color: #2ECC40;
}

.text-lime-inverse {
	color: #01FF70;
}

.text-yellow-inverse {
	color: #FFDC00;
}

.text-orange-inverse {
	color: #FF851B;
}

.text-red-inverse {
	color: #FF4136;
}

.text-fuchsia-inverse {
	color: #F012BE;
}

.text-purple-inverse {
	color: #B10DC9;
}

.text-maroon-inverse {
	color: #85144B;
}

.text-white-inverse {
	color: #ffffff;
}

.text-gray-inverse {
	color: #aaa;
}

.text-silver-inverse {
	color: #ddd;
}

.text-black-inverse {
	color: #111;
}

/* Typography Blockquote - Extension */
blockquote.navy {
	border-color: #001F3F;
}

blockquote.blue {
	border-color: #0074D9;
}

blockquote.aqua {
	border-color: #7FDBFF;
}

blockquote.teal {
	border-color: #39CCCC;
}

blockquote.olive {
	border-color: #3D9970;
}

blockquote.green {
	border-color: #2ECC40;
}

blockquote.lime {
	border-color: #01FF70;
}

blockquote.yellow {
	border-color: #FFDC00;
}

blockquote.orange {
	border-color: #FF851B;
}

blockquote.red {
	border-color: #FF4136;
}

blockquote.fuchsia {
	border-color: #F012BE;
}

blockquote.purple {
	border-color: #B10DC9;
}

blockquote.maroon {
	border-color: #85144B;
}

blockquote.white {
	border-color: #ffffff;
}

blockquote.gray {
	border-color: #aaa;
}

blockquote.silver {
	border-color: #ddd;
}

blockquote.black {
	border-color: #111;
}

/* Typography Well - Extension */
.well.navy {
	border-color: #000F1F;
	color: #7FBFFD;
	background: #001F3F;
}

.well.blue {
	border-color: #085295;
	color: #B3DBFE;
	background: #0074D9;
}

.well.aqua {
	border-color: #5AB7DB;
	color: #004865;
	background: #7FDBFF;
}

.well.teal {
	border-color: #299595;
	color: #000000;
	background: #39CCCC;
}

.well.olive {
	border-color: #2C6C50;
	color: #153528;
	background: #3D9970;
}

.well.green {
	border-color: #1C892E;
	color: #0C3D13;
	background: #2ECC40;
}

.well.lime {
	border-color: #00C158;
	color: #00652C;
	background: #01FF70;
}

.well.yellow {
	border-color: #C9AD15;
	color: #655703;
	background: #FFDC00;
}

.well.orange {
	border-color: #AA5515;
	color: #652E00;
	background: #FF851B;
}

.well.red {
	border-color: #C9362E;
	color: #7E0600;
	background: #FF4136;
}

.well.fuchsia {
	border-color: #AF1289;
	color: #65064D;
	background: #F012BE;
}

.well.purple {
	border-color: #760F83;
	color: #EFA9F8;
	background: #B10DC9;
}

.well.maroon {
	border-color: #5D0F36;
	color: #EB7AB0;
	background: #85144B;
}

.well.white {
	border-color: #aaa;
	color: #434343;
	background: #ffffff;
}

.well.gray {
	border-color: #7E7E7E;
	color: #000;
	background: #aaa;
}

.well.silver {
	border-color: #A2A2A2;
	color: #000;
	background: #ddd;
}

.well.black {
	border-color: #000;
	color: #DCDCDC;
	background: #111;
}

/* Tables - States - Extension */
.table>thead>tr>td.navy,
.table>tbody>tr>td.navy,
.table>tfoot>tr>td.navy,
.table>thead>tr>th.navy,
.table>tbody>tr>th.navy,
.table>tfoot>tr>th.navy,
.table>thead>tr.navy>td,
.table>tbody>tr.navy>td,
.table>tfoot>tr.navy>td,
.table>thead>tr.navy>th,
.table>tbody>tr.navy>th,
.table>tfoot>tr.navy>th {
	color: #7FBFFD;
	background-color: #001F3F;
}

.table>thead>tr>td.blue,
.table>tbody>tr>td.blue,
.table>tfoot>tr>td.blue,
.table>thead>tr>th.blue,
.table>tbody>tr>th.blue,
.table>tfoot>tr>th.blue,
.table>thead>tr.blue>td,
.table>tbody>tr.blue>td,
.table>tfoot>tr.blue>td,
.table>thead>tr.blue>th,
.table>tbody>tr.blue>th,
.table>tfoot>tr.blue>th {
	color: #B3DBFE;
	background-color: #0074D9;
}

.table>thead>tr>td.aqua,
.table>tbody>tr>td.aqua,
.table>tfoot>tr>td.aqua,
.table>thead>tr>th.aqua,
.table>tbody>tr>th.aqua,
.table>tfoot>tr>th.aqua,
.table>thead>tr.aqua>td,
.table>tbody>tr.aqua>td,
.table>tfoot>tr.aqua>td,
.table>thead>tr.aqua>th,
.table>tbody>tr.aqua>th,
.table>tfoot>tr.aqua>th {
	color: #004865;
	background-color: #7FDBFF;
}

.table>thead>tr>td.teal,
.table>tbody>tr>td.teal,
.table>tfoot>tr>td.teal,
.table>thead>tr>th.teal,
.table>tbody>tr>th.teal,
.table>tfoot>tr>th.teal,
.table>thead>tr.teal>td,
.table>tbody>tr.teal>td,
.table>tfoot>tr.teal>td,
.table>thead>tr.teal>th,
.table>tbody>tr.teal>th,
.table>tfoot>tr.teal>th {
	color: #000000;
	background-color: #39CCCC;
}

.table>thead>tr>td.olive,
.table>tbody>tr>td.olive,
.table>tfoot>tr>td.olive,
.table>thead>tr>th.olive,
.table>tbody>tr>th.olive,
.table>tfoot>tr>th.olive,
.table>thead>tr.olive>td,
.table>tbody>tr.olive>td,
.table>tfoot>tr.olive>td,
.table>thead>tr.olive>th,
.table>tbody>tr.olive>th,
.table>tfoot>tr.olive>th {
	color: #153528;
	background-color: #3D9970;
}

.table>thead>tr>td.green,
.table>tbody>tr>td.green,
.table>tfoot>tr>td.green,
.table>thead>tr>th.green,
.table>tbody>tr>th.green,
.table>tfoot>tr>th.green,
.table>thead>tr.green>td,
.table>tbody>tr.green>td,
.table>tfoot>tr.green>td,
.table>thead>tr.green>th,
.table>tbody>tr.green>th,
.table>tfoot>tr.green>th {
	color: #0C3D13;
	background-color: #2ECC40;
}

.table>thead>tr>td.lime,
.table>tbody>tr>td.lime,
.table>tfoot>tr>td.lime,
.table>thead>tr>th.lime,
.table>tbody>tr>th.lime,
.table>tfoot>tr>th.lime,
.table>thead>tr.lime>td,
.table>tbody>tr.lime>td,
.table>tfoot>tr.lime>td,
.table>thead>tr.lime>th,
.table>tbody>tr.lime>th,
.table>tfoot>tr.lime>th {
	color: #00652C;
	background-color: #01FF70;
}

.table>thead>tr>td.yellow,
.table>tbody>tr>td.yellow,
.table>tfoot>tr>td.yellow,
.table>thead>tr>th.yellow,
.table>tbody>tr>th.yellow,
.table>tfoot>tr>th.yellow,
.table>thead>tr.yellow>td,
.table>tbody>tr.yellow>td,
.table>tfoot>tr.yellow>td,
.table>thead>tr.yellow>th,
.table>tbody>tr.yellow>th,
.table>tfoot>tr.yellow>th {
	color: #655703;
	background-color: #FFDC00;
}

.table>thead>tr>td.orange,
.table>tbody>tr>td.orange,
.table>tfoot>tr>td.orange,
.table>thead>tr>th.orange,
.table>tbody>tr>th.orange,
.table>tfoot>tr>th.orange,
.table>thead>tr.orange>td,
.table>tbody>tr.orange>td,
.table>tfoot>tr.orange>td,
.table>thead>tr.orange>th,
.table>tbody>tr.orange>th,
.table>tfoot>tr.orange>th {
	color: #652E00;
	background-color: #FF851B;
}

.table>thead>tr>td.red,
.table>tbody>tr>td.red,
.table>tfoot>tr>td.red,
.table>thead>tr>th.red,
.table>tbody>tr>th.red,
.table>tfoot>tr>th.red,
.table>thead>tr.red>td,
.table>tbody>tr.red>td,
.table>tfoot>tr.red>td,
.table>thead>tr.red>th,
.table>tbody>tr.red>th,
.table>tfoot>tr.red>th {
	color: #7E0600;
	background-color: #FF4136;
}

.table>thead>tr>td.fuchsia,
.table>tbody>tr>td.fuchsia,
.table>tfoot>tr>td.fuchsia,
.table>thead>tr>th.fuchsia,
.table>tbody>tr>th.fuchsia,
.table>tfoot>tr>th.fuchsia,
.table>thead>tr.fuchsia>td,
.table>tbody>tr.fuchsia>td,
.table>tfoot>tr.fuchsia>td,
.table>thead>tr.fuchsia>th,
.table>tbody>tr.fuchsia>th,
.table>tfoot>tr.fuchsia>th {
	color: #65064D;
	background-color: #F012BE;
}

.table>thead>tr>td.purple,
.table>tbody>tr>td.purple,
.table>tfoot>tr>td.purple,
.table>thead>tr>th.purple,
.table>tbody>tr>th.purple,
.table>tfoot>tr>th.purple,
.table>thead>tr.purple>td,
.table>tbody>tr.purple>td,
.table>tfoot>tr.purple>td,
.table>thead>tr.purple>th,
.table>tbody>tr.purple>th,
.table>tfoot>tr.purple>th {
	color: #EFA9F8;
	background-color: #B10DC9;
}

.table>thead>tr>td.maroon,
.table>tbody>tr>td.maroon,
.table>tfoot>tr>td.maroon,
.table>thead>tr>th.maroon,
.table>tbody>tr>th.maroon,
.table>tfoot>tr>th.maroon,
.table>thead>tr.maroon>td,
.table>tbody>tr.maroon>td,
.table>tfoot>tr.maroon>td,
.table>thead>tr.maroon>th,
.table>tbody>tr.maroon>th,
.table>tfoot>tr.maroon>th {
	color: #EB7AB0;
	background-color: #85144B;
}

.table>thead>tr>td.white,
.table>tbody>tr>td.white,
.table>tfoot>tr>td.white,
.table>thead>tr>th.white,
.table>tbody>tr>th.white,
.table>tfoot>tr>th.white,
.table>thead>tr.white>td,
.table>tbody>tr.white>td,
.table>tfoot>tr.white>td,
.table>thead>tr.white>th,
.table>tbody>tr.white>th,
.table>tfoot>tr.white>th {
	color: #434343;
	background-color: #ffffff;
}

.table>thead>tr>td.gray,
.table>tbody>tr>td.gray,
.table>tfoot>tr>td.gray,
.table>thead>tr>th.gray,
.table>tbody>tr>th.gray,
.table>tfoot>tr>th.gray,
.table>thead>tr.gray>td,
.table>tbody>tr.gray>td,
.table>tfoot>tr.gray>td,
.table>thead>tr.gray>th,
.table>tbody>tr.gray>th,
.table>tfoot>tr.gray>th {
	color: #000000;
	background-color: #aaa;
}

.table>thead>tr>td.silver,
.table>tbody>tr>td.silver,
.table>tfoot>tr>td.silver,
.table>thead>tr>th.silver,
.table>tbody>tr>th.silver,
.table>tfoot>tr>th.silver,
.table>thead>tr.silver>td,
.table>tbody>tr.silver>td,
.table>tfoot>tr.silver>td,
.table>thead>tr.silver>th,
.table>tbody>tr.silver>th,
.table>tfoot>tr.silver>th {
	color: #000;
	background-color: #ddd;
}

.table>thead>tr>td.black,
.table>tbody>tr>td.black,
.table>tfoot>tr>td.black,
.table>thead>tr>th.black,
.table>tbody>tr>th.black,
.table>tfoot>tr>th.black,
.table>thead>tr.black>td,
.table>tbody>tr.black>td,
.table>tfoot>tr.black>td,
.table>thead>tr.black>th,
.table>tbody>tr.black>th,
.table>tfoot>tr.black>th {
	color: #DCDCDC;
	background-color: #111;
}

/* Tables - <a> States - Extension */
.table>thead>tr>td.primary>a,
.table>tbody>tr>td.primary>a,
.table>tfoot>tr>td.primary>a,
.table>thead>tr>th.primary>a,
.table>tbody>tr>th.primary>a,
.table>tfoot>tr>th.primary>a,
.table>thead>tr.primary>td>a,
.table>tbody>tr.primary>td>a,
.table>tfoot>tr.primary>td>a,
.table>thead>tr.primary>th>a,
.table>tbody>tr.primary>th>a,
.table>tfoot>tr.primary>th>a {
	color: #FFF;
	background-color: #CCC !important;
}

.table>thead>tr>td.success>a,
.table>tbody>tr>td.success>a,
.table>tfoot>tr>td.success>a,
.table>thead>tr>th.success>a,
.table>tbody>tr>th.success>a,
.table>tfoot>tr>th.success>a,
.table>thead>tr.success>td>a,
.table>tbody>tr.success>td>a,
.table>tfoot>tr.success>td>a,
.table>thead>tr.success>th>a,
.table>tbody>tr.success>th>a,
.table>tfoot>tr.success>th>a {
	color: #FFF;
	text-decoration: underline;
}

.table>thead>tr>td.warning>a,
.table>tbody>tr>td.warning>a,
.table>tfoot>tr>td.warning>a,
.table>thead>tr>th.warning>a,
.table>tbody>tr>th.warning>a,
.table>tfoot>tr>th.warning>a,
.table>thead>tr.warning>td>a,
.table>tbody>tr.warning>td>a,
.table>tfoot>tr.warning>td>a,
.table>thead>tr.warning>th>a,
.table>tbody>tr.warning>th>a,
.table>tfoot>tr.warning>th>a {
	color: #FFF;
	text-decoration: underline;
}

.table>thead>tr>td.danger>a,
.table>tbody>tr>td.danger>a,
.table>tfoot>tr>td.danger>a,
.table>thead>tr>th.danger>a,
.table>tbody>tr>th.danger>a,
.table>tfoot>tr>th.danger>a,
.table>thead>tr.danger>td>a,
.table>tbody>tr.danger>td>a,
.table>tfoot>tr.danger>td>a,
.table>thead>tr.danger>th>a,
.table>tbody>tr.danger>th>a,
.table>tfoot>tr.danger>th>a {
	color: #FFF;
	text-decoration: underline;
}

.table>thead>tr>td.info>a,
.table>tbody>tr>td.info>a,
.table>tfoot>tr>td.info>a,
.table>thead>tr>th.info>a,
.table>tbody>tr>th.info>a,
.table>tfoot>tr>th.info>a,
.table>thead>tr.info>td>a,
.table>tbody>tr.info>td>a,
.table>tfoot>tr.info>td>a,
.table>thead>tr.info>th>a,
.table>tbody>tr.info>th>a,
.table>tfoot>tr.info>th>a {
	color: #FFF;
	text-decoration: underline;
}

.table>thead>tr>td.dark>a,
.table>tbody>tr>td.dark>a,
.table>tfoot>tr>td.dark>a,
.table>thead>tr>th.dark>a,
.table>tbody>tr>th.dark>a,
.table>tfoot>tr>th.dark>a,
.table>thead>tr.dark>td>a,
.table>tbody>tr.dark>td>a,
.table>tfoot>tr.dark>td>a,
.table>thead>tr.dark>th>a,
.table>tbody>tr.dark>th>a,
.table>tfoot>tr.dark>th>a {
	color: #FFF;
	background-color: #171717 !important;
}

/*****************
 * 新增ui色系-end
******************/