@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);@import url(https://fonts.googleapis.com/css?family=Noto+Serif+TC);*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-size:18px;font-family:'Noto Sans TC', sans-serif}section{padding:25px;min-height:100vh}section#index{background-color:#403540}section#content{background-color:#eeeeee}img.img-fluid{max-width:100%}hr{color:#403540;background-color:#403540;border:3px solid #403540;margin:1em 0}button{cursor:pointer;background:none;background-color:none;border:none}.w-100{width:100%}.text-right{text-align:right}.text-center{text-align:center}.m-3{margin:1.5rem}.p-3{padding:1.5rem}.bg-white{background-color:#fff}.bg-light{background-color:#eeeeee}.bg-pink{background-color:#dfb097}.bg-orange{background-color:#f0996f}.bg-yellow{background-color:#f6e18e}.bg-green{background-color:#86a772}.bg-blue{background-color:#aed6ce}.bg-purple{background-color:#403540}h2{font-size:1.5em}h4{margin-bottom:.5rem}.text-pink{color:#dfb097}.text-orange{color:#f0996f}.text-yellow{color:#f6e18e}.text-green{color:#86a772}.text-blue{color:#aed6ce}.text-purple{color:#403540}.top{position:fixed;top:0;left:0;background:#403540;width:100%;padding:25px;padding-bottom:0;z-index:100}.comments{font-family:'Noto Serif TC', serif;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:600;margin-top:230px}.comments .items{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:.75rem;min-height:11em;padding:1.5rem;position:relative;word-wrap:break-word}.comments .items p{margin:0;text-align:justify;color:#403540}.comments .items .updateTime{font-size:.8em;color:#495057;position:absolute;bottom:1.5rem;right:1.5rem}form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}form h4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}form .items{-webkit-box-flex:0;-ms-flex:0 0 29%;flex:0 0 29%;max-width:29%;margin:2%}form .items input[type=radio]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;content:'';display:inline-block;margin:0;width:100%;height:7.5em}form .items input[type=radio]:checked{border:5px solid #403540}form .items:first-child input[type="radio"]{background-color:#f6e18e}form .items:nth-child(2) input[type=radio]{background-color:#dfb097}form .items:nth-child(3) input[type=radio]{background-color:#f0996f}form .items:nth-child(4) input[type=radio]{background-color:#86a772}form .items:nth-child(5) input[type=radio]{background-color:#aed6ce}form .items:nth-child(6) input[type=radio]{background-color:#fff}form .items label{color:#868e96;font-size:.8em;margin-top:-5px;margin-bottom:5px;display:block;text-align:center}form #textarea{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;height:80vw;resize:none;font-size:20px;padding:2rem;border:none;font-family:'Noto Serif TC', serif;font-weight:600;text-align:left!important;color:#403540}form .btns{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;text-align:center;margin:1rem 0}@media (min-width:768px){.comments .items{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:48%;margin:.5rem 1%;height:18em}form .items{-webkit-box-flex:0;-ms-flex:0 0 14%;flex:0 0 14%;max-width:14%;margin:1%}form #textarea{max-width:50vw;height:50vw;font-size:1.5rem}form .btns{margin:2em auto;text-align:center}}