*{padding:0;margin:0}body{font-family:Arial,'Microsoft JhengHei';background:#333}.onlinedm-wrapper{max-width:1200px;width:100%;margin:0 auto}.onlinedm-nav{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.onlinedm-nav__menu{display:block;width:25%;background:#ff6;color:#333;text-decoration:none;font-size:1.5rem;font-weight:bold;text-align:center;padding:2rem 0;border-right:1px solid #e6e600}.onlinedm-nav__menu:last-child{border-right:none}.onlinedm-nav__menu:hover{background:#fbe700;color:#333}.onlinedm-nav__menu.active{background:#fbe700;color:#333}.onlinedm-main{width:100%;margin:0 auto}.onlinedm-main__img{width:100%;display:block}@media screen and (max-width: 768px){.onlinedm-nav{position:fixed;bottom:0;left:0}.onlinedm-nav__menu{padding:1rem 0;font-size:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.onlinedm-main{margin-bottom:48px}}@media screen and (max-width: 576px){.onlinedm-nav__menu{font-size:.8rem;padding:.8rem 0}.onlinedm-main{margin-bottom:37.5px}}@media screen and (max-width: 424px){.onlinedm-main{margin-bottom:49.6px}}