/*====================== 首頁 ======================*/
.index-logoBox {
	width: 25%;
	float: left;
	margin: 15px 37.5% 0;
}
.index-logo {
	width: 100%;
	height: auto;
}
.index-logo img{
	width: 100%;
	height: auto;
}
.index {
	width: 85%;
	float: left;
	text-align: left;
	margin: 23% 0 3% 12.5%;
}
.index a{
	color: #fff;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1em;
	text-shadow: 1px 1px 2px rgba(14, 108, 107, 1);
}
.index span{
	width: 50px;
	float: left;
	text-align: center;
}
.index-list {
	margin-top: 1.8rem ; 
}
@media(max-width:600px){
.index-logoBox {
	margin: 5px 37.5% 0;
}
}
@media(max-width:420px){
.index-logoBox {
	margin: 0 37.5% 0;
}
}

/*=====登入/註冊===*/
.indexLogin {
	width: 100%;
	margin-top: 15px;
	float: left;
}
.indexLogin h2{
	font-weight: 600;
	text-align: center;
	margin: 0;
}
.indexLogin p{
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}
.indexLogin p, 
.indexLogin a {
	width: 100%;
	float: left;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(14, 108, 107, 1);
}

/*--responsive media-quries--*/
@media(max-width:600px){
.indexLogin h2{
	font-size: 2em;
}
.indexLogin p{
	font-size: 1.3em;
}
}
@media(max-width:550px){
.indexLogin {
	margin-top: 5px;
}
}
@media(max-width:480px){
.indexLogin h2{
	font-size: 1.8em;
}
}


/*==== 會員數 ====*/
.stars-box {
	width: 98%;
	float: left;
	text-align: center;	
	margin: 0 1%;
	top: 250px;
}
.stat-gridBox {
	width: 100%;
	float: left;
	padding: 0 -10px;
	margin: 0 -0.25%;
}
.stat-grids {
	width: 32.5%;
	float: left;
	padding: 10px;
	background: #fff;
	border-radius: .5rem ;
	box-shadow: 1px 0px 2px #b9b9b9;
-webkit-box-shadow: 1px 0px 2px #b9b9b9;
-moz-box-shadow: 1px 0px 2px #b9b9b9;	
}
.stat-grids-1 {
	margin-right: 1.25%;
}
.stat-grids-3 {
	margin-left: 1.25%;
}
.stat-icon {
	font-size: 2em;
}
.stat-number {
	font-size: 2.5em;
	margin: 0;
}
.stat-number-1{
	border-bottom: 5px solid #E9CB02;
	padding-bottom: 3px;
}
.stat-number-2{
	border-bottom: 5px solid #2584C9;
	padding-bottom: 3px;
}
.stat-number-3{
	border-bottom: 5px solid #1FCC9E;
	padding-bottom: 3px;
}
.stat-text {
  font-size: 16px;
	color: #9A9A9A;
}
/*--responsive media-quries--*/
@media(max-width:700px){
	.stat-text {
    font-size: 14px;
}
}
@media(max-width:550px){
	.stat-number{
	font-size: 2.2em;
}
.stat-text {
    font-size: 13px;
}
}

@media(max-width:450px){
.stat-grids {
    padding: 10px 5px;
	}
.stat-number{
	font-size: 2.1em;
}
.stat-text {
  font-size: 12px;
}	
}

@media(max-width:420px){	
.stat-number{
	font-size: 1.9em;
}
.stat-text {
  font-size: 10px;
}	
	
}
	

/*========= 中段按鈕 =======*/
.index_btnArea {
	width: 98%;
	float: left;
	background: #fff;
	margin:  10px 1%;
	border-radius: .5rem ;
}
.index_button-box {
	float: left;
	width:33.3333336%;
	text-align: center;
}
.index_button-box img{
	width: 80%;
	height: auto;
}
.index_button-sm {
	padding: 0.5rem 1rem;
  font-size: 12px;
  line-height: 1;
}
/*--responsive media-quries--*/
@media(max-width:650px){	
.index_btnArea {
	margin: 8px 1%;
}
}
@media (max-width: 550px){
.index_btnArea {
    margin: 6px 1%;
}
}
@media(max-width:450px){	
	.index_btnArea {
    margin: 5px 1%;
}
.index_button-box img {
    width: 90%;
}	
}


/*--友情連結--*/
.linkBox{
	width: 98%;
	float: left;
	border-radius: .5rem ;
	background: #fff;
	margin: 0 1% ;
}
.index-link {
    width: 100%;
    float: left;
    margin: 2px 0;
    padding: 5px 10px 2px;
    border-radius: 0.5rem;
    background: #F7F7F7;
	display: flex;
  align-items: center;	
	height: 60px;
}
.link_imgBox {
	width: 50px;
	float: left;
	margin-right: 3%;	
}
.link_imgBox img{
	width: 50px;
	height: auto;
	border-radius: 1rem;
}
.link_textBox {
	width: 85%;
	float: left;
	font-size: 1.6em;	
}

/*--responsive media-quries--*/
@media(max-width:550px){	
.link_textBox {
	font-size: 1.5em;	
}	
}
@media(max-width:420px){	
.link_textBox {
	font-size: 1.2em;	
}	
}
@media(max-width:380px){	
.link_textBox {
	font-size: 1.1em;	
}	
}