/*
[Theme Color Stylesheet]
*/
/*=========*/
/* 通用設定 */
/*=========*/
body{
	background-image: url('/images/bg1.png');
}
.light{
	background-color:rgb(244,244,244);
}
.dark{
	color:#095d12;
	padding-bottom:15px
}

.important{
	color: rgb(204,0,0) !important;
}

.dark .important{
	color: rgb(255,130,120) !important;
}
.dark .important:hover,
.dark .important:focus{
	color: rgb(180,60,60) !important;
}

.remind{
	color: rgb(135,80,50) !important;
}

.dark .remind{
	color: rgb(210,160,130) !important;
}
.dark .remind:hover,
.dark .remind:focus{
	color: rgb(145,90,60) !important;
}

a,
.page_title,
.widget > .widget-title span{
	color: rgb(0, 86, 145);
}
.dark a,
.dark a:hover{
	/*color: rgb(255,255,255);*/
}
a:hover,
a:focus{
	/*background-color: rgb(231, 231, 231);*/
}

a[accesskey]{
	color:rgba(0, 86, 145,0);
}
a[accesskey]:hover,
a[accesskey]:focus{
	color:rgba(0, 86, 145,1);
}

a.img_link.bg-light:hover,
a.img_link.bg-light:focus{
	background-color: rgb(180, 200, 215);
}

a.more {
	color: rgb(255,255,255);
	background: rgba(0,20,40,0.6);
}
a.more:hover,
a.more:focus{
	color: rgb(255,255,255);
	background: rgba(0,20,40,0.7);
}
.dark a.more{
	color: rgb(165,200,222);
	background-color: rgba(69,83,92,1);
}
.dark a.more:hover,
.dark a.more:focus{
	color:rgb(0, 86, 145);
	background-color: rgba(196, 206, 216,1);
}

.widget > .widget-title{
	border-top-color:rgb(0, 86, 145);
}
.widget.color.bg-blue > .widget-title{
	background-color: rgba(210, 225, 240,0.8);
}


.widget > .widget-title i{
	color: rgb(150,150,150);
}

.dark .widget > .widget-title{
	border-top-color:rgb(0, 86, 145);
}
.dark .widget > .widget-title i{
	color: rgb(255,255,255);
}
.dark .widget > .widget-title span{
	color: #3b6bba;
}
.widget.color.bg-blue > div:last-child,
.widget.color.bg-blue > ul{
	background-color: rgba(225, 235, 245,0.7);
}

@media (min-width: 992px) {
	a:focus{
		color: rgb(0, 86, 145);
	}	
	.dark .main-navbar .important,
	.dark .main-navbar .important:hover,
	.dark .main-navbar .important:focus{
		color: rgb(204,0,0) !important;
	}
}
/*========*/
/* navbar */
/*========*/
nav {
	/*box-shadow:rgba(0, 0, 0, 0.5) 0px 3px 7px 0px;*/
}
nav .fa{
	color: rgba(255, 255, 255, 0.5);
}
.navbar-toggler.collapsed{
	background-color: rgba(140,150,160,0.6);
}
.navbar-toggler{
	background-color: transparent;
}
.navbar-nav a{
	color: rgba(255,255,255,0.75);
}
.navbar-nav .dropdown.show > div > a{
	color: rgb(0, 86, 145);
	background-color: rgba(241, 241, 241,1);
}
.navbar-nav a:focus,
.navbar-nav .dropdown.show > div > a:focus,
.navbar-nav a:hover,
.navbar-nav .dropdown.show > div > a:hover{
	font-weight:bold;
	
}

input.gsc-input,
.gsib_b,
span.gscb_a:not(:hover),
button.gsc-search-button{ /* 搜尋框、清除搜尋框、清除搜尋按鈕、搜尋按鈕外層 */
	background-color: rgb(29, 43, 52) !important;
}
input.gsc-input:focus{/* 搜尋框 */
	background-color:rgb(79, 93, 102) !important;
}
button.gsc-search-button:hover{ /* 搜尋按鈕外層 */
	background-color: rgb(231, 231, 231) !important;
}
input.gsc-input,
.gsc-search-button svg{
	color: rgba(255,255,255,0.75) !important;
}

input.gsc-input::-moz-placeholder{ /* for firefox */
	color: rgba(255,255,255,0.75) !important;
}
input.gsc-input::-webkit-input-placeholder{ /* for chrome */
	color: rgba(255,255,255,0.75) !important;
}
input.gsc-input:-ms-input-placeholder{ /* for IE */
	color: rgba(255,255,255,0.75) !important;
}

.gsc-search-button-v2 svg{
	fill:rgba(255,255,255,0.5) !important;
}
.gsc-search-button:hover .gsc-search-button-v2 svg{
	fill:rgb(0, 86, 145) !important;
}


@media (max-width: 991px) {
	.navbar-collapse {
		box-shadow: rgba(255,255,255, 0.15) 0px 1px 0px inset;
	}
	.navbar-nav a{
		border-bottom:0.5px rgba(80,90,100,1) solid;
	}
	.navbar-nav a:hover,
	.navbar-nav .dropdown.show > div > a{
		border-bottom:0.5px rgba(231,231,231,1) solid;
	}
	#navbarCollapse .navbar-other .nav-row a{
		border:0.5px rgba(80,90,100,1) solid;
	}

	/* 文字與箭頭分隔符號 */
	.navbar-nav a:nth-of-type(2):before{
		background-color: rgba(80,90,100,0.3);
	}
	.navbar-nav .dropdown.show > div > a:nth-of-type(2):before{
		background-color: rgba(49, 63, 72,1);
	}

	.navbar-nav .dropdown-menu{
		border-color: rgba(241, 241, 241,1);
	}
	

@media (min-width: 992px) {
	#navbarCollapse-user > ul:first-child{
		box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px;
	}
	#navbarCollapse-user a{
		/*color: rgba(255,255,255,1);*/
	}
	.main-navbar .navbar-nav a{
		/*color: rgb(34,34,34);*/
	}
	#navbarCollapse-user a:hover,
	.main-navbar .navbar-nav a:hover,
	#navbarCollapse-user a:focus,
	.main-navbar .navbar-nav a:focus{
		/*color: rgb(0, 86, 145);*/
		/*background-color: rgba(231, 231, 231,1);*/
	}

	.main-navbar{
		background-color: rgb(245, 245, 250);
		padding:15px;
	}

	.main-navbar .navbar-nav .nav-item .nav-link:before{
		background-color: rgb(0, 86, 145);
	}

	/* 文字與箭頭分隔符號 */
	.navbar-nav .dropdown-item:nth-of-type(2):before{
		background-color: rgba(255,255,255,1);
	}

	.navbar-nav .dropdown-menu{
	    background-color: rgba(255,255,255,1);
	}
	.navbar-nav .dropdown > .dropdown-menu{	
    	-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
		-webkit-transition: 0.1s ease-out;
		-o-transition: 0.1s ease-out;
		transition: 0.1s ease-out;
	}
}

/*==========*/
/* carousel */
/*==========*/

body:not(.nojs) .carousel{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px 0px;
}
.carousel li a:before{
	background: rgba(255,255,255,0.1);
}
body.nojs .carousel .carousel-content li{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px 0px;
	margin-bottom: 20px;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

body.nojs .carousel li:hover,
body.nojs .carousel li a:focus{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 12px 1px;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
.carousel .carousel-content li{
	background-color: rgba(0, 20, 40, .65);
	color: rgb(255,255,255);
}
body:not(.nojs) .carousel .indicator div{
	background-color: rgba(255,255,255,0.5);
}
body:not(.nojs) .carousel .indicator.active div{
	background-color: rgba(255,255,255,1);
}


.carousel .control-prev,
.carousel .control-next {
	background-color:rgba(0,0,0,0);
}
.carousel .control-prev:hover,
.carousel .control-prev:focus {
	background-image:linear-gradient(to right, rgba(100, 100, 100, 0.2), rgba(100, 100, 100, 0));
}
.carousel .control-next:hover,
.carousel .control-next:focus {
	background-image:linear-gradient(to left, rgba(100, 100, 100, 0.2), rgba(100, 100, 100, 0));
}
.carousel .control-prev i,
.carousel .control-next i{
	color: rgba(255,255,255,0.5);
}
.carousel .control-prev:hover i,
.carousel .control-next:hover i{
	color: rgba(255,255,255,0.9);
}

/*============*/
/* Card-deck */
/*============*/
.card a{
	background: rgba(0,20,40,0.6);
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 10px 0px;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
.card a:hover,
.card a:focus{
	background: rgba(0,20,40,0.7);
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 12px 1px;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
.dark .card a{
	background: rgba(240,240,240,1);
}

.card .card_title{
	color: rgba(255,255,255,0.9);
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.dark .card .card_title{
	color: rgba(60,60,60,1);
}

/*=========*/
/* tablist */
/*=========*/
.tab{
	background-color: inherit;
}

div[role='tablist']{
	border-bottom: solid 2px rgb(51 122 183);
	
	/*
	background-color: rgb(238, 238, 238);
	*/
}
div[role='tablist']:before,
div[role='tablist']:after{
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
div[role='tablist'].left:before,
div[role='tablist'].right:after{
	color:rgb(119, 119, 119);
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.dark div[role='tablist']:before,
.dark div[role='tablist']:after{
	color:rgb(49, 63, 72);
}
.dark div[role='tablist'].left:before,
.dark div[role='tablist'].right:after{
	color:rgb(219, 219, 219);
}

.tablist-item a{
	color: rgb(0,0,0);
	-webkit-transition: 0.1s ease-out;
	-o-transition: 0.1s ease-out;
	transition: 0.1s ease-out;
}
.dark .tablist-item a{
	color: rgb(0, 86, 145);
}
.tablist-item a:hover,
.tablist-item a:focus{
	color: rgb(0, 86, 145);
	background-color: rgba(226, 226, 226,1);
}
.dark .tablist-item:not(.active) a:hover,
.dark .tablist-item:not(.active) a:focus{
	background-color: rgba(231, 231, 231,1);
}
.tablist-item.active a{
	color: rgb(255,255,255);
	background-color: rgb(51, 122, 183);
	-webkit-transition: 0.1s ease-out;
	-o-transition: 0.1s ease-out;
	transition: 0.1s ease-out;
}
.tab-content{
	background-color: inherit;
}


ul[role='tabpanel'] li a{
	color: rgb(0,0,0);
}
ul[role='tabpanel'] li.more_post a{
	color: rgb(60,60,60);
	background-color: rgba(221, 221, 221,1);
}
ul[role='tabpanel'] li a:hover,
ul[role='tabpanel'] li a:focus{
	color: rgb(0, 86, 145);
	background-color: rgba(226, 226, 226,1);
}
ul[role='tabpanel'] li.more_post a:hover,
ul[role='tabpanel'] li.more_post a:focus{
	background-color: rgba(206, 216, 226,1);
}
ul[role='tabpanel'] li a .tabpanel_date{
	color: rgb(110,110,110);
}
ul[role='tabpanel'] li a:hover .tabpanel_date,
ul[role='tabpanel'] li a:focus .tabpanel_date{
	color: rgb(100,100,100);
}

.dark ul[role='tabpanel'] li a{
	color: rgb(0, 86, 145);
}
.dark ul[role='tabpanel'] li.more_post a{
	color: rgb(165,200,222);
	background-color: rgba(69,83,92,1);
}
.dark ul[role='tabpanel'] li a:hover,
.dark ul[role='tabpanel'] li a:focus{
	color: rgb(0, 86, 145);
	background-color: rgba(231, 231, 231,1);
}
ul[role='tabpanel'] li.more_post a:hover,
ul[role='tabpanel'] li.more_post a:focus{
	background-color: rgba(196, 206, 216,1);
}

.dark ul[role='tabpanel'] li a .tabpanel_date{
	color: rgb(100,100,100);
}
.dark ul[role='tabpanel'] li a:hover .tabpanel_date,
.dark ul[role='tabpanel'] li a:focus .tabpanel_date{
	color: rgb(100,100,100);
}


/*=============*/
/* list-group */
/*=============*/
.list-group li a{
	color: rgb(10 142 229);
}
.list-group li div{
	color: rgb(105,115,125);
}
.list-group li a:hover,
.list-group li a:focus{
	color: rgb(0, 86, 145);
	background-color: rgba(231, 231, 231,1);	
}
.dark .list-group li a{
	color:#212529;	
}
.list-group li a:hover,
.list-group li a:focus{
	color: rgb(0, 86, 145);
	background-color: rgba(231, 231, 231,1);	
}


/*==================*/
/* list-group-icon */
/*==================*/

.list-group-icon li i{
	color: rgb(255,255,255);
	border-color: rgb(255,255,255);
}

.list-group-icon li span{
	color: rgb(255,255,255);
}

.list-group-icon li:nth-child(3n+1) a,
.list-group-icon li:nth-child(3n+1) i{
	    background-color: rgb(60,90,150);
}
.list-group-icon li:nth-child(3n+2) a,
.list-group-icon li:nth-child(3n+2) i{
	    background-color: rgb(0,140,190);
	    background-color: rgb(35, 125, 170);
}
.list-group-icon li:nth-child(3n) a,
.list-group-icon li:nth-child(3n) i{
	    background-color: rgb(0,157,230);
	    background-color: rgb(40, 120, 200);
}
@media screen and (min-width:460px) {
	.list-group-icon li:nth-child(6n+1) a,
	.list-group-icon li:nth-child(6n+2) a,
	.list-group-icon li:nth-child(6n+1) i,
	.list-group-icon li:nth-child(6n+2) i{
	    background-color: rgb(60,90,150);
	}
	.list-group-icon li:nth-child(6n+3) a,
	.list-group-icon li:nth-child(6n+4) a,
	.list-group-icon li:nth-child(6n+3) i,
	.list-group-icon li:nth-child(6n+4) i{
	    background-color: rgb(0,140,190);
	    background-color: rgb(35, 125, 170);
	}
	.list-group-icon li:nth-child(6n+5) a,
	.list-group-icon li:nth-child(6n) a,
	.list-group-icon li:nth-child(6n+5) i,
	.list-group-icon li:nth-child(6n) i{
	    background-color: rgb(0,157,230);
	    background-color: rgb(40, 120, 200);
	}
}
@media screen and (min-width:768px) {
	.list-group-icon li:nth-child(12n+1) a,
	.list-group-icon li:nth-child(12n+2) a,
	.list-group-icon li:nth-child(12n+3) a,
	.list-group-icon li:nth-child(12n+4) a,
	.list-group-icon li:nth-child(12n+1) i,
	.list-group-icon li:nth-child(12n+2) i,
	.list-group-icon li:nth-child(12n+3) i,
	.list-group-icon li:nth-child(12n+4) i{
	    background-color: rgb(60,90,150);
	}
	.list-group-icon li:nth-child(12n+5) a,
	.list-group-icon li:nth-child(12n+6) a,
	.list-group-icon li:nth-child(12n+7) a,
	.list-group-icon li:nth-child(12n+8) a,
	.list-group-icon li:nth-child(12n+5) i,
	.list-group-icon li:nth-child(12n+6) i,
	.list-group-icon li:nth-child(12n+7) i,
	.list-group-icon li:nth-child(12n+8) i{
	    background-color: rgb(0,140,190);
	    background-color: rgb(35, 125, 170);
	}
	.list-group-icon li:nth-child(12n+9) a,
	.list-group-icon li:nth-child(12n+10) a,
	.list-group-icon li:nth-child(12n+11) a,
	.list-group-icon li:nth-child(12n) a,
	.list-group-icon li:nth-child(12n+9) i,
	.list-group-icon li:nth-child(12n+10) i,
	.list-group-icon li:nth-child(12n+11) i,
	.list-group-icon li:nth-child(12n) i{
	    background-color: rgb(0,157,230);
	    background-color: rgb(40, 120, 200);
	}
}
@media screen and (min-width:992px) {
	.list-group-icon li:nth-child(18n+1) a,
	.list-group-icon li:nth-child(18n+2) a,
	.list-group-icon li:nth-child(18n+3) a,
	.list-group-icon li:nth-child(18n+4) a,
	.list-group-icon li:nth-child(18n+5) a,
	.list-group-icon li:nth-child(18n+6) a,
	.list-group-icon li:nth-child(18n+1) i,
	.list-group-icon li:nth-child(18n+2) i,
	.list-group-icon li:nth-child(18n+3) i,
	.list-group-icon li:nth-child(18n+4) i,
	.list-group-icon li:nth-child(18n+5) i,
	.list-group-icon li:nth-child(18n+6) i{
	    background-color: rgb(60,90,150);
	}
	.list-group-icon li:nth-child(18n+7) a,
	.list-group-icon li:nth-child(18n+8) a,
	.list-group-icon li:nth-child(18n+9) a,
	.list-group-icon li:nth-child(18n+10) a,
	.list-group-icon li:nth-child(18n+11) a,
	.list-group-icon li:nth-child(18n+12) a,
	.list-group-icon li:nth-child(18n+7) i,
	.list-group-icon li:nth-child(18n+8) i,
	.list-group-icon li:nth-child(18n+9) i,
	.list-group-icon li:nth-child(18n+10) i,
	.list-group-icon li:nth-child(18n+11) i,
	.list-group-icon li:nth-child(18n+12) i{
	    background-color: rgb(0,140,190);
	    background-color: rgb(35, 125, 170);
	}
	.list-group-icon li:nth-child(18n+13) a,
	.list-group-icon li:nth-child(18n+14) a,
	.list-group-icon li:nth-child(18n+15) a,
	.list-group-icon li:nth-child(18n+16) a,
	.list-group-icon li:nth-child(18n+17) a,
	.list-group-icon li:nth-child(18n) a,
	.list-group-icon li:nth-child(18n+13) i,
	.list-group-icon li:nth-child(18n+14) i,
	.list-group-icon li:nth-child(18n+15) i,
	.list-group-icon li:nth-child(18n+16) i,
	.list-group-icon li:nth-child(18n+17) i,
	.list-group-icon li:nth-child(18n) i{
	    background-color: rgb(0,157,230);
	    background-color: rgb(40, 120, 200);
	}
}

.list-group-icon li .important,
.list-group-icon li .important i{
	background-color: rgb(190,0,0) !important;
}

/*========*/
/* footer */
/*========*/
.footer-copyright{
	color:rgb(155,155,155);
	background-color: rgb(32, 43, 49);
}

/*=========*/
/* 其他設定 */
/*=========*/
#backToTop a:hover{
    background-color: #005691;
}


/*=======================*/
/* Calendar module Start */
/*=======================*/
.month h3{
    color: #544;
    background-color: #CCBBBB;
    border-color:#766;
}
.date:after{
    color: #777;
}
.days_event > button{
    color: #705550;
    background-color: #F5D3C8;
}
.days_event > button:hover,
.days_event > button:focus{
    color: #FFF;
    background-color: #856358;
}

@media screen and (min-width:768px) {
    .month > div > div{
        color: rgb(105, 90, 90);
        border-color:#766;
    }
    .month > .weeks_title > div{
        background-color: #E9DFDF;
    }
    .weeks div.today[data-date]{
        background-color: rgb(250, 240, 140);
    }
    .weeks div.selected[data-date]{
        background-color: #FCC;
    }
}