@charset "utf-8";
/* CSS Document */
body { color: #222; font-size: 14px; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; line-height: 1.6; }
body, div, p, h2, h3, h4 { margin: 0 auto; padding: 0; }
.wrap { width: 100%; max-width: 1120px; margin: 0 auto; }
.article { padding: 3%; color: #747474;}
.article h2{color: #95be3a;font-size: 48px;font-weight: normal;}
.ti2 { margin-left: 2em; }
h2 { font-size: 18px; text-align: center; }
h3 { margin-top: 8px; font-size: 16px; }
h4 { color: #bdbdbd; font-size: 14px; text-align: center; }
p { margin-top: 8px; text-indent: 2em; }

.box{background: url(/images/box.png) left no-repeat;background-size: 30px 28px;padding-left:30px;color: #858585;cursor: pointer;}
.boxbg{background: url(/images/checked.png) left no-repeat;background-size: 30px 28px;}
#accept{font-size: 30px;color: #95be3a;margin-bottom: 15px;}
table{width: 100%;text-align: center;border-top: 1px #bdbdbd solid;font-size: 48px;cursor: pointer;}
#cancel{color: #95be3a;border-left: 1px #bdbdbd solid;}
#agreementChecked{display:none;}
#ok{color: #858585;}

@media screen and (max-width: 640px) {
    .article h2,table{font-size: 24px;}
    #accept{font-size: 20px;margin-left: 5px;}
}