/* ***** Fonts ***** */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;700&display=swap');

/* ***** Import CSS ***** 

@import 'css/bootstrap/bootstrap.min.css';
@import 'css/others/animate.css';
@import 'css/others/magnific-popup.css';
@import 'css/others/owl.carousel.min.css';
@import 'css/others/font-awesome.min.css';
@import 'css/others/pe-icon-7-stroke.css';
*/

* {
    margin: 0;
    padding: 0;
}
body{
    font-family: 'Noto Sans TC', sans-serif;
    position: relative;
    z-index: auto;
    background-color: #f6e9e8;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #000000;
    line-height: 1.3;
}
hr {
    border: 2px solid rgba(0, 0, 0, 0.3);
  }

/* menu.php------------------------------------*/
.logout{
    display: inline-flex;
    margin-bottom: 10px;
}
.logout a:link{
    color: #6B6B6B;
    font-size: 1.4em;
}
.logout a:hover{
    color: #405178;
    font-size: 1.4em;
}
.mainBtn{
    display: flex;
    justify-content:  space-evenly ;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 20px;
    
}

.btns a{
    display: block;
    float: left;
    width: 300px;
    background-color: #273d71;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 1.5em;
    color: rgb(255, 255, 255);
    border: #d0deff 1px solid;
    margin: 20px;
    border-radius: 15px;
    text-decoration: none;
}
.btns a:hover{
    background-color:#d0deff ;
    color: #273d71;
    border: #273d71 1px solid;
    text-decoration: none;
}
#btnspace{
    clear:both;
}


.col-lg-4 h1{
	font-size:2em;
	text-align:center;
	margin-bottom:20px;
	}
.col-lg-4{
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 20px;
	}	
.form-group-center{
	text-align:center;
	}



.menuArea a:link{
    color: #113a9a;
    background-color: #7f98d2;
    font-size: 1.5em;
    border: 2px solid #000a60be;
    border-radius: 10px;
    text-align: center;
}
.menuArea a:hover{
    color: #0a2158;
}
.menuBtn{
    text-align: center;
}


/* loan.php */
.loanBtn{
    width: 200px;
    height: 50px;
    font-size: 1.2em;
    border: 2px solid #000a60be;
    border-radius: 10px;
}

/* loanData.php */
.loadForm{
	background-color: #F5F5F5;
	margin-top: 20px;
	border-radius: 10px;
	border: thin solid #6B6B6B;
	}
.loadForm h3{
    background-color: #F5F5F5;
    margin-top: 50px;

    }
.trLink a:hover{
background-color: #113a9a;
}

/* 資料顯示列 */
#showRecord tr td{
    font-size: 1.2em;
    line-height: 50px;
}
/* 資料顯示區 
	

*/
.showDataArea{
    background-color: #ffffff;
	margin-top: 20px;
	border-radius: 10px;
	border: 2px solid #6B6B6B;
}
    
.collapseBg-pink{
    background-color: #dfbfe2;
    margin-top: 20px;
	border-radius: 10px;
	border: 2px solid #ffffff;
}
.collapseBtnBg-pink{
    background-color: #504351;
    color: #ffffff;
}
.collapseBg-blue{
    background-color: #bed5e8;
    margin-top: 20px;
	border-radius: 10px;
	border: 2px solid #ffffff;
}
.collapseBtnBg-blue{
    background-color: #41494f;
    color: #ffffff;
}
.rowLine{
    border-bottom: 1px solid #a8a8a8;
}