/* BASIC css start */
#footer_top{margin-top:0!important;}

/* sec01 */
.sec01{position:relative; background:#E7E6FF; background-size:cover; padding:77px 20px;}
.sec01 .txt_box h1{font-size:28px; font-weight:700; color:#3B0073;  padding-top:5px; line-height:35px;}
.sec01 .txt_box h2{font-size:20px; font-weight:700; color:#FFA435; line-height:24px; }
.sec01 .txt_box p{font-size:14px; font-weight:400; color:#3B0073; padding-top:5px; padding-bottom:160px;}
.sec01 .txt_box span{display:inline-block; padding:0 57px;  border:1px solid #3B0073; border-radius:22px; margin-top:30px; margin-bottom:160px;}
.sec01 .txt_box span a{display:block; font-size:17px; font-weight:500; color:#3B0073; line-height:47px;}
.sec01 .big_bubble{position:absolute; bottom:20px; right:0px;}
.sec01 .big_bubble img{height:180px;}
.sec01 .small_bubble{position:absolute; bottom:10px; right:45px;}
.sec01 .small_bubble img{height:104px;}


.cont_box{margin:50px 0 30px;}
.cont_box ul{display:flex; flex-wrap:wrap; gap:30px; flex-direction: column;}
.cont_box li{position:relative; width:100%; padding-bottom:18px;}
.video_box_wrap{padding:0 20px;}
.video_box{padding:10px; box-sizing:border-box;  border-radius:8px;}
.video{padding:177.37% 0 0 0;position:relative; border-radius:8px; overflow:hidden;}
.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.cont_box li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; 
    cursor: pointer; 
}
.cont_box li .video_box{background:#FFEE98;}
.cont_box li p{text-align:center; font-size:22px; font-weight:700; line-height:26px; color:#000; padding-top:12px;}
/* BASIC css end */