body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}a:hover{color:#e2cbb7}a{text-decoration:none;color:inherit}ul{list-style:none}.clear:after{content:"";display:block;clear:both}.mainPage{min-height:668px;width:100%}.main{min-height:700px;max-width:1280px;margin:3px auto;position:relative}.listTitle{font-size:19px;line-height:40px;left:100px}.listTitle,.writeBtn{text-align:center;display:block;width:10%;height:40px;font-weight:700;position:absolute;top:10px}.writeBtn{background:#e2cbb7;border:none;color:#fff;cursor:pointer;right:100px}.writeBtn:hover{box-shadow:0 10px 10px rgba(0,0,0,.03),0 5px 5px rgba(0,0,0,.03)}@media screen and (max-width:1280px){.main{width:90%}.listTitle{left:45%}.writeBtn{right:25%}}@media screen and (max-width:876px){.main{width:90%}.listTitle{left:45%;width:20%}.writeBtn{right:25%}}@media screen and (max-width:567px){.listTitle{top:6vh;left:2vh;width:20%}.writeBtn{right:25%;font-size:11px}}footer{height:100px;line-height:100px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:567px){footer{width:100%;p{line-height:0;margin-left:0}}}