@charset "utf-8";
/* CSS Document */
html,body{
	margin: 0;
	padding: 0;
}
* {
	font-family: "微軟正黑體";
/*	 outline: 1px solid; */
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
}

a:hover {
	text-decoration: none;
}

/* ----------------頁首header start-------------- */
header {
	background-color: #5caf66;
	padding: 30px 0;
	text-align: center;
}
header .btn{
	border: 1px solid #FFF;
	font-size: 1rem;
	line-height: 27px;
	margin: 20px 5px 0 5px;
	background-color: rgb(36, 125, 5);
}
header .btn a{
	color: #FFF;
}
header .btn:hover {
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}
/*-----上方連結-----*/

#header_nav{
	background-color: #288e75;
}
#header_nav .navbar{
padding: 0;
}

#header_nav .nav-item{
	padding: 10px 15px;
	transition-duration: .2s;
}
#header_nav .nav-item:hover{
	background-color: #17675C;
}
#header_nav .navbar-brand,#header_nav .nav-link{
	color: #FFF;
}
/* ----------------頁首header end-------------- */



/* ----------------首頁 start-------------- */
section.area_2.admin {
	background-image: url(../img/BG.png);
    background-size: cover;
    padding-top: 30px;
    background-attachment: fixed;
	background-color: #878c77;
    background-blend-mode: screen;
    padding-bottom: 30px
}
section.area_2.admin .carousel {
    box-shadow: 0 0 10px -3px #254a26;
    border: 5px solid white;
}
section.area_2.admin .carousel img{
	object-fit: cover;
	height: 100%;
}
section.area_2.admin .carousel-item {
	height: 500px;
}
section.area_2 #vtext{
	border: 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #0336F9;
	user-select: none;	
}
section#admin_main{
	background-image: url(../img/BG.png);
	background-size: cover;
	padding-bottom: 100px;
	padding-top: 30px;
    background-attachment: fixed;
}
section.area_3.admin .admin_block {
	background-color: #fff;
	box-shadow: 0px 0px 7px -3px #003651;
}
section.area_3.admin .admin_block .title{
	border-bottom: 1px solid #66bae4;
}
section.area_3.admin .admin_block table{
	width: 100%;
}
section.area_3.admin .admin_block table td{
	border-bottom: 1px solid #DEE2E6;
	border-top: none;
}
section.area_3.admin h6 {
	padding-top: 25px;
}
section.area_3.admin .bulletin {
	border-bottom: 2px solid #003651;
	padding: 20px 0 20px 0px;	
}
section.area_3.admin .more {
	text-align: right;
}
.area_4.admin {
	padding-top: 50px;
	text-align: center;
}
.area_4.admin h1 {
	color: white;
	font-weight: bold;
	text-align: center;
}
.area_4.admin a {
	font-size: 2rem;
	color: white;
	font-weight: bold;
	text-decoration: none;
	
}
.area_4.admin .signIn {
	box-shadow: 0px 0px 15px -5px #333;
	border: 3px solid white;
	border-radius: 30px;
	cursor: pointer;
	padding: 25px;
	transition: background-color 0.3s ease-out;
}
.area_4.admin .signIn_1 {
	background-color: #48c0f7;
}
.area_4.admin .signIn_1:hover {
	background-color: #309ef9;
}
.area_4.admin .signIn_2 {
	background-color: #ec9e16;
}
.area_4.admin .signIn_2:hover {
	background-color: #ec7500;
}
.area_4.admin .signIn_3 {
	background-color: #ec7f56;
}
.area_4.admin .signIn_3:hover {
	background-color: #d85832;
}
.area_4.admin .signIn_4 {
	background-color: #56cc7a;
}
.area_4.admin .signIn_4:hover {
	background-color: #28a772;
}
.area_4.admin .signIn_5 {
	background-color: #d0c12e;
}
.area_4.admin .signIn_5:hover {
	background-color: #c5ad11;
}
.area_4.admin .signIn_6 {
	background-color: #47d0b5;
}
.area_4.admin .signIn_6:hover {
	background-color: #28b79b;
}
.area_4.admin .signIn_7 {
	background-color: #B088FF;
}
.area_4.admin .signIn_7:hover {
	background-color: #9955FF;
}
.area_4.admin .signIn_8 {
	background-color: #F583BF;
}
.area_4.admin .signIn_8:hover {
	background-color: #DD4093;
}
.more_button{
	position: absolute;
    bottom: -33px;
    right: -16px;
    background-color: #a1e68a;
    box-shadow: 0px 3px 15px -6px #075800;
    border-radius: 2px;
    color: #1b7101;
    font-size: 1rem;
    font-weight: bold;
    display: inline;
    padding: 8px 45px;
}

.more_button:hover{
	color: #117a8b;
}
/* ----------------首頁 end-------------- */

/* ----------------申請表單頁 start------- */
section.area_2.apply{
	background: url(../img/form_bg.png);
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center bottom;
	background-color: #fff;
	padding: 3rem 0 14rem 0;
    background-color: #fcfdf0;
}
section.area_2.apply .apply_block{
	background-color: #FFF;
    border: 1px solid #bfdec3;
    border-radius: 15px;
    box-shadow: 0 0 20px -5px #c7eab7;
}
section.area_2.apply .apply_block p{
	margin: 0;
	margin-top: 0.8em;
	padding-bottom: 0.5em;
}

section.area_3.apply {
	background-color: #A1E9FF;
	border: 1px solid #4CB7D8;
	border-radius: 20px;
	box-shadow: 0px 0px 80px -20px #888888;
	
	margin-top: 50px;
}
section.area_3.apply .row {
	padding: 20px;
}
section .ok {
	background-color: #00BBF4;
	box-shadow: 0px 0px 80px -20px #373737;
	border: 5px solid white;
	border-radius: 30px;
	cursor: pointer;
	
	padding: 15px;
	
	transition: background-color 0.8s ease-out;
}
section .ok:hover {
	background-color: #0D799B;
}
section.area_4.apply {
	margin-top: 50px;
}
section.area_4.apply h3 {
	color: white;
	font-weight: bold;
	text-align: center;
	margin: auto 0;
}
section.area_forms {
	margin-top: 20px;
}
section.area_forms .form-control {
	margin: 0 20px;
}
section.area_forms .form-control-sm {
	margin-left: 0;
}
section.area_forms .btn_search {
	margin-top: -1px;
}
section.area_btn {
	margin: 20px 0;
}


/* ----------------申請表單頁 end------- */

/*---------------登入頁 start-----------*/
section.area_2.login .bulletin {
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;

	letter-spacing: 1px;
	font-weight: 100;
	color:#666;
	
	border: solid 1px rgba(0,0,0,0.15);
	border-radius: 6px;
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);
}
section.area_2.login .bulletin .login_img{
	background: url(../img/login.png);
    background-size: cover;
	background-position: right bottom;
	background-color: #fff;
}
section.area_2.login{
	background-image: url(../img/BG.png);
	background-size: cover;
	padding: 115px 0;
}
section.area_2.login .btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	
	font-size: 1rem;
	font-weight: 800;
	
	padding: 10px 40px;
}

section.area_2.login .btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}

section.area_2.login h4 {
	text-align: center;
	font-weight: 800;
	
	border-bottom: 1px solid #66bae4;
	padding-bottom: .8rem;
}


/*---------------登入頁 end-----------*/

/*---------------表格頁 start----------*/
section.area_2.result{
	padding-bottom: 140px;
	background: url(../img/form_bg.png);
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center bottom;
	background-color: #fff;
}
section.area_2.result h1{
    border-bottom: 2px solid #f9df85;
    padding: 3px;
}
section.area_2.result h1>span{
    border-bottom: 4px solid #ffad19;
}
section.area_2.result h1>span svg{
    color: #56923e;
}
section.area_2.result .area_forms .search_block{
    border-radius: 16px;
    background: #EEE;
    margin: 20px 0;
}
section.area_2.result .table{
	background-color: #FFF;
	word-break: keep-all;
}
/* ----------------頁尾 start----------- */

footer {
	background-color: #5caf66;
	padding: 50px 0;
}
footer h6 {
	color: #000;
	text-align: center;
	font-weight: 500;
	margin: auto 0;
}

/* ----------------頁尾 end----------- */



/*-----------------表格 start---------------*/

.tablewordlimit{
	
	word-break: break-all;
	word-wrap: break-word;
}




/*-----------------表格 end-----------------*/