@charset "utf-8";
/* CSS Document */
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*For IE 6&7 only*/ }
body * { -webkit-text-size-adjust: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: "Open Sans", 微軟正黑體, "Microsoft JhengHei", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif; font-size: 18px; line-height: 1.4; color: #333333; }
img { max-width: 100%; }
img { vertical-align: middle; border-style: none; }
.container{padding: 40px 0;max-width: 100%;}
p { margin-bottom: 10px; }
.wrap { max-width: 1440px; margin: auto; }
.info-area{display: flex;}
.block { width: 50%; margin: auto;padding-top: 30px; background: #f9f9f9; margin:20px 10px;padding: 30px 30px 20px;}
/*
.left-list{max-width: 240px;margin: auto;text-align: left;}
.left-list2{max-width: 425px;margin: auto;text-align: left;}
*/
.left-list{padding: 8px 0;}
.com-name{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.pic { max-width: 400px; margin: auto; }
/*.info { padding-top: 30px; text-align: center;}*/
.info p { margin-bottom: 5px; }
.remind { font-size: 30px; text-align: center; color: #f18b16;padding-top: 15px; }
.remind span { font-size: 24px;display: block; }
.social-icon {text-align: center;padding-top: 15px;}
.social-icon a { margin: 0 10px; }
.social-icon i { font-size: 36px; }
.social-icon i.fab.fa-facebook-square { color: #3a559f; }
.social-icon i.fab.fa-youtube { color: #ff0000; }
.qr-code{width: 120px;}

@media(max-width:991px){


}
@media(max-width:767px){
	.block { width: 100%; margin:20px 0 0;}
	.info-area{display: block;}
	.container{padding: 20px 0;}
	.wrap { padding: 0 15px; }

}
@media(max-width:500px){
	body{ font-size: 16px;}
	.com-name{font-size: 18px;}
	.remind { font-size: 22px; }
    .remind span { font-size: 16px; }
	.block { width: 100%; margin:20px 0 0;padding: 20px 15px 10px;}
}