<template>

</template>

<script>
import axios from "axios";


export default {
    data() {
        return {}
    },
    methods: {},
    watch: {},
    computed: {},
    components: {},
    mounted() {}
}
</script>

.grid {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    grid-template-rows: 0.5fr 1fr;
    gap: 10px;
}

.absorption {
    grid-column: 1/3;
}

.content-head h2 {
    flex: 0 0 65%;
}

.content-head .select-wrap {
    flex: 0 0 35%;
}

select {
    min-width: 33%;
}

.conten-sumarry p {
    font-size: 1.4rem;
    text-align: center;
}

.conten-sumarry p span {
    font-size: 3rem;
    font-weight: 800;
    color: #006dd3;
}

.content-body .base {
    font-size: 1.2rem;
    text-align: right;
    color: #aaa;
    margin-bottom: 10px;
}

.content-body ul li{
    margin-bottom: 20px;
}

.content-body ul li:last-child{
    margin-bottom: 0;
}

.content-body table td {
    padding: 5px;
    font-size: 1.2rem;
}

.content-body table .topic td {
    font-size: 1.4rem;
    font-weight: 800;
}
</style>