/*Reset*/
body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; font-family: "microsoft yahei"; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.4rem; }

body { color: #555555; margin: 0 auto; max-width: 640px; min-width: 320px; background: #fff; }

body a { text-decoration: none; font-style: normal; font-weight: normal; color: inherit; }

body i, body em, body strong { font-style: normal; }

body ol, body ul, body li { list-style: none; }

body body textarea, input, body select { outline: none; border: none; -webkit-appearance: none; }

textarea { resize: none; border: 0; outline: none; }

body img { max-width: 100%; border: none; }

h1, h2, h3, h4, h5, h6 { text-align: center; font-weight: bold; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; margin: 0; padding: 0; }

.container { width: 94%; height: auto; margin: 0 3%; position: relative; }

/*common*/
.month { margin-bottom: .6rem; }
.month .month-title { font-size: .6rem; color: #5a45ad; }
.month .subject-title { font-size: .45rem; margin: .4rem 0 .3rem 0; color: #fff; height: 1rem; line-height: 1rem; position: relative; overflow: hidden; font-weight: normal; }
.month .subject-title:nth-of-type(odd) { background: #8E77EE; }
.month .subject-title:nth-of-type(even) { background: #3FCCB0; }
.month .subject-title:after, .month .subject-title:before { content: ''; display: block; position: absolute; top: 50%; width: 0.5rem; height: 0.5rem; background: #fff; border-radius: 50%; }
.month .subject-title:before { left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.month .subject-title:after { right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.month .subject-txt { line-height: 1.7; font-size: .45rem; }
.month figure { margin-top: .3rem; }

/*banner*/
/*perface*/
.perface h1 { text-align: center; font-size: .68rem; color: #5A45AD; margin-top: .4rem; }
.perface p { padding: 0 3%; line-height: 1.5; margin-top: .5rem; }
.perface figure { text-align: center; }
.perface figure img { width: 40%; }

.Jan { background: #F5F2FF; padding: 6% 3% 3%; }

/*footer*/
footer { text-align: center; background: #313291; color: #fff; padding-bottom: 2.6rem; }
footer figure { margin-top: .4rem; }
footer .logo { margin-top: .4rem; }
footer .logo img { width: 15%; }
footer .logo h2 { font-size: .6rem; margin: .4rem 0; }
footer .contact span { color: #C0B425; font-size: .45rem; font-weight: bold; }
footer .contact li { line-height: 2; }