/* CSS File - assets/css/style.css */
:root {
    
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.default {

    background: linear-gradient(180deg, rgba(255, 17, 0, 0) 38.96%, #FF1100 100%);
    width: 100%;
    min-height: 100vh;
    text-align: center;
    font-family: 'SF Pro Display';
}
body .box-content{
    background: url(../img/bg2.png) no-repeat top center, url(../img/bg.png) no-repeat top center;
    max-width: 600px;
    min-height: 100vh;
    margin: 0px auto;
    padding:25px;
    background-size: cover;
    padding-top: 50px;
}

.box-content-inner{
    border: 3px solid #FF4800;
    border-radius: 24px;
    width: 100%;
    min-height: 500px;
    background: #FFFFFF66;
    padding: 25px 15px;

}
.box-content-inner .box-logo{margin-bottom: 30px;}
.box-content-inner .box-logo img{max-width: 100%;}
.box-content-inner .box-promo{margin-bottom: 20px;}
.box-content-inner .box-promo img{max-width: 100%;}
.box-content-inner .box-count-time{max-width: 310px; margin: 0px auto; margin-bottom: 20px; border: 2px solid #FF4800; border-radius: 19px; min-height: 139px; background: #fff;}
.box-content-inner .box-count-time .title{font-size: 18px;color: #000000; margin-top: 10px;}
.box-content-inner .box-count-time .box-time table{width: 100%;max-width: 220px; margin: 0px auto;}
.box-content-inner .box-count-time .box-time table tr td{}
.box-content-inner .box-count-time .box-time table tr td span{display: block;}
.box-content-inner .box-count-time .box-time table tr td span.dot{color: #B2B2B2;font-size: 60px;font-weight: bold;}
.box-content-inner .box-count-time .box-time table tr td span.item-time{font-size: 60px; color: transparent; background: linear-gradient(180deg, #FF4800 0%, #F80000 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: bold;}
.box-content-inner .box-count-time .box-time table tr td span.title-time{font-size: 13px;color:#000000;padding-bottom: 15px;}
.box-content-inner .box-link{}
.box-content-inner .box-link img{max-width: 100%;position: relative;overflow: hidden;transition: transform 0.3s ease}
.box-link a:hover img {
  transform: scale(1.1);
}
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); }}

.box-link a:hover img { animation: bounce 0.5s ease;}
.box-link a { position: relative; display: inline-block;}

@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); }}

.box-link a img { animation: pulse 1.5s infinite;}