.bodymodul {
width: 100%;
}
.c1 {
background-color: #FFF;
}
.c2 {
background-color: #f3f3f9;
}
.c3 {
background-color: #333;
}
.c4 {
background-color: #036;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #EC1C24;
}
.c5 {
}
.c6 {
background-color: #001B35;
}
/************basic*************/
header {
margin-right: auto;
margin-left: auto;
padding-top: 8px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
height: 55px;
overflow: hidden;
}
.scon {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
padding-top: 30px;
padding-bottom: 10px;
padding-right: 100px;
padding-left: 100px;
}
.scon_fw {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0px;
padding-left: 0px;
}
.scon_user {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}
.scon_thin {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 0px;
padding-right: 100px;
padding-left: 100px;
line-height: normal;
}
.margin {
margin: 12px;
height: auto;
}
.margin_rl {
height: auto;
margin-top: 0px;
margin-right: 12px;
margin-bottom: 0px;
margin-left: 12px;
}

.t100 {
width: 100%;
}
.t90 {
width: 90%;
}
.t80 {
width: 80%;
}
.t75 {
width: 75%;
}
.t70 {
width: 70%;
}
.t66 {
width: 66%;
}
.t60 {
width: 50%;
}
.t50 {
width: 50%;
}
.t40 {
width: 40%;
}
.t35 {
width: 35%;
}
.t33 {
width: 33.33%;
}
.t30 {
width: 30%;
}
.t25 {
width: 25%;
}
.t20 {
width: 20%;
}
.t16 {
width: 16.66%;
}
.t10 {
width: 10%;
}
 @media screen and (max-width: 1200px) {
header {
margin-right: auto;
margin-left: auto;
padding-top: 8px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
}
.scon {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
}

.scon_fw {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 0px;
margin-left: 0px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0px;
padding-left: 0px;
}
.scon_thin {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 0px;
padding-right: 10px;
padding-left: 10px;
}
.margin {
margin: 10px;
height: auto;
}
.margin-side {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 20px;
}
.t100 {
width: 100%;
}
.t75 {
width: 75%;
}
.t66 {
width: 66%;
}
.t50 {
width: 50%;
}
.t33 {
width: 50%;
}
.t33_footer {
width: 33.33%;
}
.t25 {
width: 25%;
}
.t20 {
width: 20%;
}
.t16 {
width: 16.66%;
}
}
@media screen and (max-width: 980px) {
.scon {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
}

.scon_fw {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 0px;
margin-left: 0px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0px;
padding-left: 0px;
}
.margin {
margin: 10px;
height: auto;
}
.margin-side {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 20px;
}
.t100 {
width: 100%;
}
.t75 {
width: 75%;
}
.t66 {
width: 66%;
}
.t50 {
width: 50%;
}
.t33 {
width: 50%;
}
.t33_footer {
width: 50%;
}
.t25 {
width: 25%;
}
.t20 {
width: 20%;
}
.t16 {
width: 33.33%;
}
}
@media screen and (max-width: 800px) {
.scon {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
}

.scon_fw {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 0px;
margin-left: 0px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0px;
padding-left: 0px;
}
.margin {
margin: 10px;
height: auto;
}
.margin-side {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 20px;
}
.t100 {
width: 100%;
}
.t75 {
width: 50%;
}
.t70 {
width: 100%;
}
.t66 {
width: 100%;
}
.t50 {
width: 100%;
}
.t40 {
width: 100%;
}
.t33 {
width: 100%;
}
.t30 {
width: 70%;
}
.t33_footer {
width: 100%;
}
.t25 {
width: 50%;
}
.t20 {
width: 50%;
}
.t16 {
width: 50%;
}
}
@media screen and (max-width: 400px) {
.scon {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
}

.scon_fw {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 0px;
margin-left: 0px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0px;
padding-left: 0px;
}
.margin {
margin: 10px;
height: auto;
}
.margin-side {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 20px;
}
.t100 {
width: 100%;
}
.t75 {
width: 100%;
}
.t70 {
width: 100%;
}
.t66 {
width: 100%;
}
.t50 {
width: 100%;
}
.t33 {
width: 100%;
}
.t30 {
width: 100%;
}
.t33_footer {
width: 100%;
}
.t25 {
width: 100%;
}
.t20 {
width: 100%;
}
.t20 {
width: 100%;
}
.t16 {
width: 100%;
}
}
@media screen and (max-width: 350px) {
.scon {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
}

.scon_fw {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 0px;
margin-left: 0px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0px;
padding-left: 0px;
}
.margin {
margin: 10px;
height: auto;
}
.margin-side {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 20px;
}
.t100 {
width: 100%;
}
.t75 {
width: 100%;
}
.t66 {
width: 100%;
}
.t50 {
width: 100%;
}
.t33 {
width: 100%;
}
.t33_footer {
width: 100%;
}
.t25 {
width: 100%;
}
.t20 {
width: 100%;
}
.t16 {
width: 100%;
}
}