.page-banner{background:var(--primary);min-height:140px;color:var(--white);text-align:left;padding:140px 0 130px;position:relative;overflow:hidden}.page-banner:before{content:"";background:#3b82f61a;border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.page-banner:after{content:"";background:#06b6d414;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;left:-10%}.page-banner .content{max-width:1280px;margin:0 auto;padding:16px}.page-banner .add-time{color:var(--white-75)}.page-banner h1{font-size:2rem}.page-body{min-height:calc(100vh - 590px)}.content-box{background:var(--white);border-radius:var(--radius-md);z-index:1;max-width:960px;box-shadow:var(--shadow-lg);margin:-80px auto 80px;padding:36px;position:relative}.content-box img{aspect-ratio:auto;width:100%}.content-box p{text-align:justify;margin:0 0 16px;line-height:28px}.content-box p,.content-box p span{font-size:1rem}.content-box a{color:var(--dark)}@media screen and (width<=768px){.page-banner{min-height:105px;padding:70px 0 45px}.page-banner h1{font-size:1.5rem}.page-banner p{padding:0 10px;font-size:.85rem}.page-body{min-height:calc(100vh - 270px)}.content-box{margin:-36px auto 36px;padding:18px}.content-box p,.content-box p span{font-size:.85rem}}