*{box-sizing:border-box;margin:0;padding:0;font-weight:bold}
body,body ::-webkit-input-placeholder{font-family:Microsoft JhengHei;color:#fff;font-weight:bold}
body :-moz-placeholder,body ::-moz-placeholder{font-family:Microsoft JhengHei;color:#fff;opacity:1;font-weight:bold}
body :-ms-input-placeholder{font-family:Microsoft JhengHei;color:#fff;font-weight:bold}
a{text-decoration:none}
.wrapper{background:#01a982;background:linear-gradient(to bottom right,#01a982 0,#60ae80 100%);overflow:hidden;position:absolute;left:0;width:100%;height:100%}
.main{padding:50px 0;z-index:999;position:relative}
.main h2{font-size:28px;text-align:center;color:#fff;margin-bottom:35px;padding:0 15px;line-height:1.12}
.content{margin:0 auto;width:28%;background:#fff;border-radius:5px}
.content-top h2{font-size:22px;color:#fff;text-align:center;background:#02a982;padding:12px 0;border-radius:5px}
.content-top ul li{display:block;font-size:15px;color:#000;line-height:1.44em;padding:0.8em 0 0.8em 1em;border-bottom:1px solid #e2e0de}
.content-top ul li a{color:#000;font-weight:bold;display:block;padding:6.4px 0;min-height:44px;touch-action:manipulation}
.content-top ul li a i{color:#02a982;font-style:normal;display:block;margin:1.6px 0}
.content-top{padding:1.5em}
@media (max-width:1366px){.content{width:31%}}
@media (max-width:1280px){.content{width:32%}}
@media (max-width:1080px){.content{width:38%}.content-top h2{font-size:20px;padding:10px 0}.content-top ul li{font-size:14px}}
@media (max-width:800px){.content{width:46%}}
@media (max-width:768px){.main{padding:90px 0}}
@media (max-width:736px){.main{padding:70px 0}.content{width:53%}}
@media (max-width:667px){.main{padding:60px 0}.content{width:57%}.content-top h2{font-size:18px}}
@media (max-width:600px){.content-top{padding:1em}.content{width:62%}}
@media (max-width:568px){.content{width:68%}}
@media (max-width:480px){.content{width:78%}}
@media (max-width:414px){.content-top h2{font-size:16px}.content{width:90%;margin:0 5%}.main{padding:30px 10px}.main h2{font-size:20px;margin-bottom:28px}.content-top ul li{padding:9.6px 15px;min-height:50px}.content-top ul li a{min-height:44px;padding:8px 0}}
@media (max-width:384px){.content{width:92%;margin:0 4%}.main{padding:25px 10px}}
@media (max-width:375px){.main h2{font-size:18px;margin-bottom:20px}.main{padding:25px 10px}.content{width:94%;margin:0 3%}.content-top h2{padding:10px 0;font-size:15px}.content-top ul li{padding:9.6px 12px}.content-top{padding:1em}}
@media (max-width:320px){.main h2{font-size:16px;margin-bottom:20px}.content-top ul li{padding:8px 10px;min-height:48px;font-size:13px}.content-top{padding:0.8em}.content-top ul li a{font-size:14px;padding:6.4px 0}.content{width:95%;margin:0 2.5%}.main{padding:20px 5px}}
@media(max-width:500px){.wrapper{height:auto;min-height:100vh}.main{padding:20px 10px}.content{width:90%;margin:0 auto}.main h2{font-size:22px;margin-bottom:28px;padding:0 10px;line-height:1.12}}