/* CSS Document */

.customer-box img {
	display: block;
	max-width: 250px;
	height: auto;
	margin: 0 auto;
}

.customer-box dd {
	max-width: 797px;
	max-height: 208px;
	padding: 5px;
}

.customer-box-title {
	letter-spacing: 4px;
	background-color: #ff9999;
	font-size: 20px;
	color: #0000ff;
	padding: 10px 20px;
	max-width: 797px;
}

@media screen and (max-width: 1018px){
	
	.logo p{
	display:none;
		}
	

}

@media screen and (max-width: 768px){
	
	
	.footer_section{
	padding:5% 2%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006b8c;
	text-align: center;
		}
	.container_main{
		flex-direction: column;/*�Y�p�ɥѦC�令��(��諾��)*/
		}
	.main_left{
		max-width: 100%;
		order:2;/*��ܶ���*/
		}
	.main_right{
		order:1;/*��ܶ���*/
		}
		

}



@media screen and (max-width: 735px){
	.top_icon{
	float:none;
	text-align: center;
		}
	.top_icon img{
	padding-right: 6px;
	padding-left: 6px;
		}
	
	.logo{
	display:none;
		}

	
	.mobile_logo{
	display:block;
		}
		
	
		

}