@charset "utf-8";

.scontainer{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 70px 0 0;
    position: relative;
    z-index: 40;
}

.market_warning_cont{
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 50px 0 0;
    position: relative;
    z-index: 40;
}
.market_warning_cont > div{position: absolute; left:calc(100% - 83%); top:40%; color:#fff;}
.market_warning_cont > div > h4{font-size: 2.2em; line-height: 1.2em; font-weight: bold;}
.market_warning_cont > div > p{font-size: 1.5em; margin-top: 25px;}
.market_warning_cont > img.market_banner{width: 100%; height: 100%; object-fit: cover;}

.damage_type_cont{
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;
    position: relative;
    z-index: 40;
    background: #F2F2F2;
}
.damage_type_cont h4{text-align: center; font-size: 2.3em; font-weight: bold; margin-bottom: 20px;}
.damage_type_cont p{text-align: center; font-size: 1.8em; line-height:1.2em;}
.damage_type_cont ul{max-width: 1280px; width: 100%;  margin: 40px auto; display: flex; flex-direction: row; justify-content: center}
.damage_type_cont ul li{display: flex; background: #fff; width: 200px; height: 200px; justify-content: center; flex-direction: column; align-items: center; margin-right: 80px; border-radius: 50%; overflow: hidden;
}
.damage_type_cont ul li:last-child{margin-right: 0px;}
.damage_type_cont ul li span{margin-top: 20px; font-size: 1.3em; font-weight: bold;}
.damage_type_cont ul li img{width: 100px; object-fit: cover;}


.warning_system_cont{width: 100%;  max-width: 1200px; margin:0 auto;  padding: 70px 0 0;}
.warning_system_cont .wsc_tit{width: 100%; margin-bottom: 30px;}
.warning_system_cont .wsc_tit h4{font-size: 2em; font-weight: bold; margin-bottom: 10px;}
.warning_system_cont .wsc_tit p{font-size: 1.2em;}

.wsc_step h5{font-weight: bold; font-size: 1.5em; margin-bottom: 10px;}
.wsc_step ul{display: flex; flex-direction: column; padding-left: 10px;}
.wsc_step ul li{position: relative; margin-bottom: 10px; font-size: 1.2em;}
.wsc_step ul li::before{position: absolute; content:''; width: 5px; height: 5px; border-radius: 50%; background: #000; left:-10px; top: 50%; transform: translateY(-50%);}


.wsc_tuja{width: 100%;}
.wsc_tuja h5.bg_yellow{background: orange !important; color:#fff; border-radius: 4px; width: 150px; height: 45px; text-align: center; line-height: 45px; font-size: 1.2em; margin-bottom: 10px;}
.wsc_tuja h5.bg_red{background: #c00000 !important; color:#fff; border-radius: 4px; width: 150px; height: 45px; text-align: center; line-height: 45px; font-size: 1.2em; margin-bottom: 10px;}

.wsc_tuja p{font-size: 1.2em; margin-bottom: 10px;}

.wsc_tuja_cont{width: 100%; border:1px solid #555; border-radius: 10px; margin-top: 10px; padding:15px 15px 0;}
.wsc_tuja_cont h6{font-size: 1.3em;}
.wsc_tuja_cont ul{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-bottom: 0px;}
.wsc_tuja_cont ul li{width: 49%; margin-right: 2%; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px;}
.wsc_tuja_cont ul li:nth-child(2n){margin-right: 0px;}

.wsc_tuja_cont ul li img{width: 100px;}

.wsc_btn{width: 100%; margin-top: 20px; display: flex; justify-content: center;}
.wsc_btn > input{background: #05AFAC; color:#fff; text-align: center; border-radius: 6px; font-size: 1.2em; font-weight: bold; width: 200px;}


/*modal*/
#wsc_modal .modal-dialog{max-width: 500px; margin:20% auto;}
#wsc_modal .modal-dialog .modal-content .modal-body h5{text-align: center; font-size: 1.5em; font-weight: bold;}
#wsc_modal .modal-dialog .modal-content .modal-body a{color:#000; text-align: center; display: block; font-size: 1.2em; margin:20px auto;}

#wsc_modal .modal-dialog .modal-footer{display: flex; justify-content: center; border:none; padding-bottom:20px !important; }
#wsc_modal .modal-dialog .modal-footer button.btn{background: #c00000; color:#fff; border-radius: 6px; text-align: center; font-size: 1.2em; width: 100%; max-width: 300px; }

.m_only{display: none;}

@media screen and (max-width:480px) {
    .m_only{display: block;}
    .damage_type_cont{padding:50px 15px 30px;}
    .damage_type_cont p{
        font-size: 1.3em; 
    }

    .damage_type_cont ul{flex-direction: column; align-items: center;}
    .damage_type_cont ul li{margin-right: 0px; margin-bottom: 20px;}

    .warning_system_cont{padding: 70px 15px 0;}

    .wsc_tuja_cont{padding:15px;}
    .wsc_tuja_cont ul li span{text-align: center;}

    #wsc_modal .modal-dialog{max-width: 300px;}
    #wsc_modal .modal-dialog .modal-footer button.btn{max-width: 200px;}

    .market_warning_cont > div > h4{font-size: 1.8em; line-height: 1.2em; font-weight: bold;}
    .market_warning_cont > div{left:0; padding:0 15px; top:30%;}
}