@charset "utf-8";
/* CSS Document */

.s08-box3{width:calc(100% - 48px);height:auto;padding:24px;background-color:#eef0f3;}
.s08-center3{width:100%;max-width:1200px;margin:auto;position:relative}
.s08-title3{display:block;text-align:center;font-size:36px;color:#394f8b;font-weight:800;text-transform:uppercase}

.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

.s08-slide-video{width:50%;height:auto;margin-top:12px;position:relative}
.s08-video3{width:calc(100% - 80px);padding:12px;margin:auto;background-color:#fff;border-radius:10px;}
.s08-info3{width:calc(50% - 24px);margin-top:12px;}
.s08-title{display:block;text-align:center;font-size:36px;color:#394f8b;font-weight:800}
.s08-info3 ul li{list-style:none;margin-top:24px;padding-left:16px;display:block;position:relative;}
.s08-info3 ul li:nth-child(1){margin-top:0px;}
.s08-info3 ul li span{width:calc(100% - 20px);display:inline-block;text-align:justify}
.s08-info3 ul li img{float:left;transform:translateY(5px);margin-right:6px;}

.border-right{width:6px;height:100%;position:absolute;top:0;left:0;background-color:#ff7000}
.edit-info3{padding:8px 24px;background-color:#c2c2c2;color:#fff;text-decoration:none;border-radius:100px;margin-top:12px;display:inline-block}

.btn-preview{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:12px 12px 12px 0}
.btn-next{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);padding:12px 12px 12px 0}

@media screen and (max-width: 960px) {
.s08-info3{width:100%;padding-left:0px;}
.s08-slide-video{width:100%;}
}
@media screen and (max-width: 768px) {
.s08-box3{width:calc(100% - 24px);padding:12px;}

.s08-title3{font-size:24px;}
.s08-slide-video{width:100%;}
}


@media screen and (max-width: 480px) {
}

@media screen and (max-width: 420px) {

}