@charset "utf-8";

/* CSS Document */
*{padding:0;margin:0; box-sizing: border-box;}
img{max-width: 100%;}
body{-webkit-overflow-scrolling: touch;color:#595656;line-height: 1.6;font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif; }
header{padding-top: 40px;padding-bottom: 10px; max-width: 960px;margin: 0 auto;padding:10px 30px;}
header a{color:#52C3F1;text-decoration: none;display: block;text-align: right;}
header a:hover{color:#279ac8;text-decoration: none;}
section{background:url(../images/bg.png) no-repeat top left #F7F7F7;padding-bottom: 30px;}
h1{background: #52C3F1;color: #fff;text-align: center;padding: 5px;}
.inner{max-width: 960px; margin: 30px;}
article{max-width: 960px;margin:40px 30px;background: #fff;padding: 15px;position: relative;box-shadow: 2px 5px 5px #cccccc;}
article h2{color: #52C3F1;}
article:after{content: '';position: absolute;top:-25px;right: 10px;background: url(../images/light.svg) no-repeat; display: block;width: 60px;height: 67px;}
article p{margin-bottom: 5px;}
article ul,article ol{margin-left: 2em;}
article table{border: 1px solid #888888;border-collapse: collapse;margin-bottom: 5px;}
article td,article th{border: 1px solid #888888;padding: 10px;}
article th{background: #eaf8ff; }
footer{text-align: center;background: #B9E3F9;padding-top: 30px;padding-bottom: 30px;}
footer p{padding-top: 15px;}
footer a{margin:0 5px;vertical-align: sub; color: #595656;}


@media (min-width: 576px){ /*sm*/

}
@media (min-width: 768px) {/*md*/
	header{display: flex;align-items: flex-end;justify-content: space-between;flex-direction: row-reverse;}
	header img{max-width: 450px;}
}



@media (min-width: 992px) { /*lg*/


}

@media (min-width: 1200px){ /*xl*/
	header{padding:10px 0;}
	article,.inner{margin: 40px auto;}
	article{padding: 30px;}

}