* {
box-sizing: border-box;
}
section#DESCRIPTION {
background-color: rgba(0, 0, 0, 0.03);
}
section#DESCRIPTION .content {
width: 75vw;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
margin: 3rem auto;
overflow: hidden;
}
@media screen and (max-width: 1920px) {
section#DESCRIPTION .content {
width: 100%;
max-width: 1440px;
}
}
@media screen and (max-width: 1440px) {
section#DESCRIPTION .content {
width: 75vw;
}
}
@media screen and (max-width: 1024px) {
section#DESCRIPTION {
background-color: rgba(0, 0, 0, 0);
}
section#DESCRIPTION .content {
width: 90vw;
border-radius: initial;
max-width: initial;
}
}
@media screen and (max-width: 767px) {
section#DESCRIPTION .content {
width: 100%;
min-width: initial;
margin-top: 0;
margin-bottom: 0;
}
}
section#SPCE {
width: 80vw;
margin: 0 auto;
padding-top: 3rem;
padding-bottom: 3rem;
}
@media screen and (max-width: 991.98px) {
section#SPCE {
width: 90vw;
}
}
@media screen and (max-width: 575.98px) {
section#SPCE {
width: 90vw;
}
}
@media screen and (max-width: 767.98px) {
section#SPCE {
width: 95vw;
}
}
@media screen and (max-width: 575.98px) {
section#SPCE {
width: 95vw;
}
}
section#SPCE .content table.SPCE {
width: 70%;
margin: 0 auto;
}
section#SPCE .content table.SPCE tr.mainTitle {
background-color: #333;
}
section#SPCE .content table.SPCE tr.mainTitle th {
color: #fff;
text-align: center;
}
section#SPCE .content table.SPCE tr:hover {
color: #d10000;
}
section#SPCE .content table.SPCE th, section#SPCE .content table.SPCE td {
width: 50%;
border: 1px solid #ccc !important;
text-align: left;
padding: 0.75rem 1.25rem;
word-break: break-all;
}
section#SPCE .content ul.lineGraph {
width: 70%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin: 3rem auto;
padding: 0;
}
section#SPCE .content ul.lineGraph li {
list-style: none;
flex: 0 0 50%;
padding: 1rem;
}
@media screen and (max-width: 1024px) {
section#SPCE .content table.SPCE, section#SPCE .content ul.lineGraph {
width: 95%;
}
}
@media screen and (max-width: 767px) {
section#SPCE .content table.SPCE, section#SPCE .content ul.lineGraph {
width: 100%;
}
}
@media screen and (max-width: 560px) {
section#SPCE .content ul.lineGraph {
flex-direction: column;
}
section#SPCE .content ul.lineGraph li {
flex: 0 0 100%;
}
}
section#SPCE .content div.SPCE {
width: 70%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 991.98px) {
section#SPCE .content div.SPCE {
width: 100%;
}
}
@media screen and (max-width: 575.98px) {
section#SPCE .content div.SPCE {
width: 100%;
}
}
section#SPCE .content div.SPCE div.mainTitle {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
background-color: #333;
font-size: 1.25rem;
color: #fff;
text-align: center;
padding-top: 11.25px;
padding-bottom: 11.25px;
}
section#SPCE .content div.SPCE dl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
border-color: #ccc;
border-width: 1px;
border-style: solid;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
@media screen and (max-width: 575.98px) {
section#SPCE .content div.SPCE dl {
margin-left: 0px;
margin-right: 0px;
}
}
@media screen and (max-width: 767.98px) {
section#SPCE .content div.SPCE dl {
margin-left: 0px;
margin-right: 0px;
}
}
@media screen and (max-width: 575.98px) {
section#SPCE .content div.SPCE dl {
margin-left: 0px;
margin-right: 0px;
}
}
section#SPCE .content div.SPCE dl dt, section#SPCE .content div.SPCE dl dd {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
position: relative;
border-color: #ccc;
border-width: 1px;
border-bottom-style: solid;
padding-top: 11.25px;
padding-bottom: 11.25px;
padding-left: 15px;
padding-right: 15px;
}
section#SPCE .content div.SPCE dl dt:last-of-type, section#SPCE .content div.SPCE dl dd:last-of-type {
border-bottom: none;
}
@media screen and (max-width: 767.98px) {
section#SPCE .content div.SPCE dl dt, section#SPCE .content div.SPCE dl dd {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
border: none;
}
}
@media screen and (max-width: 575.98px) {
section#SPCE .content div.SPCE dl dt, section#SPCE .content div.SPCE dl dd {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
border: none;
}
}
section#SPCE .content div.SPCE dl dt {
border-right-style: solid;
font-weight: 700;
}
@media screen and (max-width: 767.98px) {
section#SPCE .content div.SPCE dl dt {
background: #eee;
border-right: none;
}
}
@media screen and (max-width: 575.98px) {
section#SPCE .content div.SPCE dl dt {
background: #eee;
border-right: none;
}
}
section#SPCE .content div.SPCE dl dd {
margin-left: 0px;
}
@media screen and (max-width: 767.98px) {
section#SPCE .content div.SPCE dl dd {
border-bottom-color: #ccc;
border-bottom-width: 1px;
border-bottom-style: double;
}
}
@media screen and (max-width: 575.98px) {
section#SPCE .content div.SPCE dl dd {
border-bottom-color: #ccc;
border-bottom-width: 1px;
border-bottom-style: double;
}
}
section#SPCE .content div.SPCE dl dd ul {
padding-left: 0px;
padding-bottom: 0px;
}
section#SPCE .content div.SPCE dl dd ul li {
list-style: none;
}