body { margin: 0; padding: 0; font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
img { max-width: 100%; vertical-align: middle; }
.header { padding: 20px 0; }
.logo { max-width: 500px; margin: auto; }
.content { padding-bottom: 50px; }
h1 {font-size: 24px;text-align: center; padding: 28px 0; margin: 0 0 28px; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-header h1 {
  background: url(../images/page-header-titie.png) no-repeat top 2px left 4px;
  color: #424f62;
  font-size: 30px;
  padding-left: 44px;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*For IE 6&7 only*/ }
.pro ul { float: left; width: 50%; padding: 0 50px; line-height: 1.2; }
h2 { color: #a00; font-weight: bold; font-size: 48px; margin-top: 0.3em; text-align: center; }
ul { max-width: 960px; margin: auto; padding: 0; }
li { background-color: #006; border-radius: 100px; color: #fff; margin-bottom: 12px; padding: 10px 30px 10px 65px; font-size: 18px; position: relative ;}
li:before { content: ""; background: url(../images/dot.svg); display: block; width: 35px; height: 35px; position: absolute; top: 13px; left: 12px; }
.footer { padding: 50px; line-height: 1.8; font-size: 24px; margin-top: 2em; text-align: center; }
.com-logo img { max-height: 80px; }
.com-name, .com-name-en { font-size: 30px; font-weight: bold; color: #006; line-height: 1.2; }
.com-name-en { margin-bottom: 20px; }