html{height: 100%}
body{background: url("../../../../template/s3/static/images/bg.jpg");background-size:cover; background-position: center center;background-attachment: fixed;height: 100%}
.main{max-width: 800px;width:100%;margin: 0px auto;}
.top{background:url("../../../../template/s3/static/images/top.jpg");background-position: center center;height: 200px;margin: 0 10px 10px 10px;box-shadow: 0 0 12px rgb(69 79 102 / 20%);}
.body{margin:10px;box-shadow: 0 0 12px rgb(69 79 102 / 20%);background: rgba(255,255,255,0.5);padding: 20px;backdrop-filter:blur(5px)}
.tab{width: 50%;text-align: center;display: inline-block;border-bottom: solid 2px #DDD;padding-bottom: 10px;font-weight: bold;cursor: pointer;}
.tab_active{width: 50%;text-align: center;display: inline-block;border-bottom: solid 2px #492DD9;padding-bottom: 10px;font-weight: bold;cursor: pointer;color: #492DD9}
.t{margin-top: -10px}