div.cd_box {
/* if used within a pa */
width: 100%;
/* if used within an se */
//width: 84%;
//margin-left: 1%;
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
}
div.cd_ticker_box {
background-color: #005468;
background-image: url(
/resource/blob/1135390/c1779a6ecece9a1dc78094027e92f7a6/tonstudio-data.jpg
);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-top: 8rem;
padding-bottom: 8rem;
text-align: center;
}
div.cd_ticker_box h2 {
color: #ffffff;
margin-top: 0rem;
font-size: 2.5rem;
}
div.cd_ticker_box table {
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
width: 10%;
}
div.cd_ticker_box td,
div.cd_ticker_box th {
font-weight: 400;
border: none;
padding-bottom: 2rem;
padding-top: 2rem;
}
span.cd_countdown_delimiter {
font-size: 6rem;
color: #ffffff;
margin-left: 0.3rem;
margin-right: 0.3rem;
}
span.cd_tickerbox_element_part {
border: 1px solid #f9f9f9;
border-radius: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
margin-left: 0.2rem;
margin-right: 0.2rem;
font-size: 5rem;
font-weight: 700;
line-height: 5rem;
background-color: #f9f9f9;
color: #002a34;
}
td.cd_countdown_delimiter {
}
tfoot th {
font-size: 1rem;
font-weight: bold;
color: #ffffff;
}
@media only screen and (max-width: 800px) {
span.cd_countdown_delimiter {
font-size: 3rem;
}
span.cd_tickerbox_element_part {
border-radius: 0.3rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
margin-left: 0.1rem;
margin-right: 0.1rem;
font-size: 3rem;
line-height: 3rem;
}
}
@media only screen and (max-width: 640px) {
div.cd_box {
margin-left: 0%;
width: 100%;
}
}
@media only screen and (max-width: 420px) {
span.cd_countdown_delimiter {
font-size: 2rem;
}
span.cd_tickerbox_element_part {
padding-left: 0.3rem;
padding-right: 0.3rem;
font-size: 2rem;
line-height: 2rem;
}
}