Team:SSTi-SZGD/css/Demonstrate

.Banner{ text-align: center; padding: 10% 0;} .Banner img{ margin: auto; float: none;} .Content{ font-size: 1.6rem; margin-bottom: 100px; margin: auto; float: none;} .Content .content{ padding: 0 15px;} .Content .title{ font-size: 3rem; font-weight: 600; margin: 10px 0;} .Content .title span{ background: #66F9CF; color: #fff; border-radius: 30px; padding: 5px 40px; display: inline-block; text-align: center;} .Content .subtitle{ font-size: 2rem; color: #66F9CF; margin-top: 15px;} .Content section{ margin: 20px auto; float: none;} .Content li{ float: none; display: list-item;} .Content ol li{ list-style: decimal; margin-left: 25px;} .Content ul li{ list-style: disc; margin-left: 25px;} .Content .img{ float: none; margin: 15px auto; color: #66F9CF; font-weight: 600; text-align: center;} .Content .img img{ width: 100%;} .Content sup{ font-weight: 600;} .Content p span{ font-weight: 600;} .Content .card_title div{ padding: 0; background: #fff;} .Content .card_title div:nth-of-type(2){ padding: 0 15px;} .Content .card_title div:nth-of-type(3){ float: right;} .Content .card_title span{ display: inline-block; width: 100%; text-align: center; background: #66F9CF; padding: 5px 10px; border-radius: 10px; color: #fff; font-size: 2rem; cursor: pointer;} .Content .card_title div.active span{ border-radius: 10px 10px 0 0; padding-bottom: 5px; font-size: 2.4rem;} .Content .card_content{ background: #66F9CF; padding: 10px 15px; border-radius: 0 10px 10px 10px;} .Content .card_content{ display: none;} .Content .note .img p{ color: #333;}