.GARDGRAMMAR[data-v-1d4f0ffc]{padding-top:20px;text-align:center}.GARDGRAMMAR .content_summary[data-v-1d4f0ffc]{color:#9e9e9e;padding-bottom:20px}.GARDGRAMMAR .card[data-v-1d4f0ffc]{width:700px;min-height:500px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:30px;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:30px}.GARDGRAMMAR .card .audio[data-v-1d4f0ffc]{position:absolute;top:20px;left:20px}.GARDGRAMMAR .card .hsk[data-v-1d4f0ffc]{padding:2px 10px;position:absolute;top:20px;right:20px;font-size:.8em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:3px 8px;border-radius:5px;cursor:default;background-color:#f6c752}.GARDGRAMMAR .card .hsk[data-v-1d4f0ffc]:hover{background-color:#f6c752}.GARDGRAMMAR .card .audio[data-v-1d4f0ffc]{width:50px;height:50px;margin-bottom:30px}.GARDGRAMMAR .card>.zh[data-v-1d4f0ffc]{font-size:35px;line-height:35px;margin-bottom:10px}.GARDGRAMMAR .card>.py[data-v-1d4f0ffc]{margin-bottom:10px}.GARDGRAMMAR .card .detailContent[data-v-1d4f0ffc]{width:75%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #333;padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.GARDGRAMMAR .card .detailContent .summary[data-v-1d4f0ffc]{text-align:left}.GARDGRAMMAR .card .detailContent .example[data-v-1d4f0ffc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:20px}.GARDGRAMMAR .card .detailContent .example .example_audio[data-v-1d4f0ffc]{width:30px;height:30px;margin-right:20px;-ms-flex-negative:0;flex-shrink:0}.GARDGRAMMAR .card .detailContent .example .example_info[data-v-1d4f0ffc]{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.GARDGRAMMAR .card .detailContent .example .example_info .info_zh[data-v-1d4f0ffc]{line-height:24px}.GARDGRAMMAR .card .detailContent .example .example_info .info_py[data-v-1d4f0ffc]{line-height:16px;margin:10px 0}.GARDGRAMMAR .card .detailContent .example .example_info .info_en[data-v-1d4f0ffc]{line-height:16px}.GARDGRAMMAR .card .structure[data-v-1d4f0ffc]{margin-top:30px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f6c752;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px 50px}.GARDGRAMMAR .card .structure .title[data-v-1d4f0ffc]{margin-bottom:5px;text-transform:uppercase}.GARDGRAMMAR .button_continue[data-v-1d4f0ffc]{margin:25px auto;padding:15px 35px;-webkit-transition:all .5s;transition:all .5s}.GARDGRAMMAR .button_continue[data-v-1d4f0ffc]:hover{background-color:#2472b3;color:#fff}@media (max-width:1440px),screen and (max-height:800px){.GARDGRAMMAR[data-v-1d4f0ffc]{padding-top:0}.GARDGRAMMAR .card[data-v-1d4f0ffc]{width:410px;min-height:0}.GARDGRAMMAR .card .wordImage[data-v-1d4f0ffc]{margin:5px 0}}@media screen and (max-width:1440px){.GARDGRAMMAR .card[data-v-1d4f0ffc]{width:700px}.GARDGRAMMAR .card .detailContent[data-v-1d4f0ffc]{width:540px}}@media screen and (max-width:500px){.GARDGRAMMAR .card[data-v-1d4f0ffc]{width:100%}.GARDGRAMMAR .card .detailContent[data-v-1d4f0ffc]{padding:0 10px;padding-top:20px}}