@charset "utf-8";
/* CSS Document */
/*-----copyright------*/
/* 版權copyright */
.footer{ width: 100%; height: auto; position: relative; bottom: 0px; z-index: 5;} 
.footer_all{
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 1000px;
	display: flex;
	display:-ms-flexbox;
	justify-content: space-around;
	-ms-flex-pack: justify;
	align-items: center ;
	-ms-flex-align: center;	
	padding: 1.2rem .5rem;
}

.footer_all li{ font-size: 12px; text-align:left; line-height: 1.2rem; white-space:nowrap;}

.cr_uj{ width: 15%;}
.cr_txt{ width: 55%; }
.rank_icon{ width: 5%;}
.rank_txt{ width: 22%;}

.cr_uj img{ width: 100%; height: auto; max-width: 150px; display:inline-block;}
.rank_icon img{ width: 100%; height: auto; max-width: 42px; display:inline-block;}

.cr_txt ol{ 
	width: 100%;
	height: auto;
	display: flex;/*for all browser*/
	display:-ms-flexbox;/*for ie10*/
	flex-direction: row;/*for all browser*/
	-ms-flex-direction: row;/*for ie10*/
	justify-content:flex-start;/*for all browser*/
	-ms-flex-pack: start;/*for ie10*/
	flex-wrap: wrap; 
	-ms-flex-wrap: wrap;
	padding: 0 .5rem;
}

.cr_txt ol li:nth-last-of-type(4){ width: 100%; flex-shrink:1;}
.cr_txt ol li:nth-last-of-type(2), .cr_txt ol li:nth-last-of-type(3){ width: 9rem; flex-grow: 0;}
.cr_txt ol li:nth-last-of-type(1){ width: 13rem; flex-shrink: 1;}




.rank_txt ol{ 
	width: 100%;
	height: auto;
	display: flex;/*for all browser*/
	display:-ms-flexbox;/*for ie10*/
	flex-direction: column;/*for all browser*/
	-ms-flex-direction: column;/*for ie10*/
	justify-content:flex-start;/*for all browser*/
	-ms-flex-pack: start;/*for ie10*/
	flex-wrap: nowrap; 
	-ms-flex-wrap: nowrap;
}





@media (max-width:950px){
	.footer_all{
		flex-direction: row;
		-ms-flex-direction: row;
		justify-content: center;
		-ms-flex-pack: center;
		flex-wrap: wrap;
	}

	.cr_txt ol{ justify-content: center; -ms-flex-pack: center;}
	.cr_uj{ width: 100%;}
	.cr_txt{ width: 100%; text-align: center;padding: .5rem 0;}
	.rank_icon{ width: 30%; padding-right: .2rem; text-align: right;}
	.rank_txt{ width: 47%; padding-left: .3rem;}

	.cr_txt ol li{text-align:center;}

}

@media (max-width:900px){

	.rank_txt{ width: 48%;}

}


@media (max-width:800px){

	.rank_txt{ width: 49%;}

}



@media (max-width:700px){

	.rank_txt{ width: 51%;}

}


@media (max-width:640px){
	.cr_uj img{ max-width: 180px;}
	.rank_icon img{ max-width: 48px;}
	.rank_icon{ width: 35%;}
	.rank_txt{ width: 65%;}
	.cr_txt ol li:nth-last-of-type(1), .cr_txt ol li:nth-last-of-type(2), .cr_txt ol li:nth-last-of-type(3), .cr_txt ol li:nth-last-of-type(4){ width: 100%;}

}




@media (max-width:400px){

	.rank_icon{ width: 100%; text-align: center; }
	.rank_txt{ width: 100%; text-align: center;padding: .5rem; }
	.rank_txt ol li{ text-align: center;}


}