*{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

img{max-width:100%;}
a{text-decoration:none;color:inherit;}
body{margin:auto 0; width:100%;}

/* Layout */
.event1{width:100%; height:1080px; background-image:url(img/bg1.png); background-position:center; overflow:hidden;}
.header{position:relative;}
.header h1{position:absolute; top:30px; left:50px; width:138px; height:39px; background-image:url(img/kidkids_logo.png);}
.header h1 a{display:block; width:100%; height:100%;}
.header .campain_list{float:right; position:relative; top:30px; right:30px; padding-left:5px; width:250px; height:30px;}
.event1 .tit{clear:both; display:block; margin:0 auto; padding-top:120px;}
.event1 .kids{display:block; margin:50px auto 0;}

.event2{width:100%; height:1189px; background-image:url(img/bg2.png); background-position:center;}
.event2 .card_area{margin:0 auto; width:1124px; height:870px;}
.event2 .card_list{position:relative; top:256px;}
.event2 .card_list > li{float:left; width:543px; height:416px; cursor:pointer;}
.event2 .card_list > li:nth-child(2), .card_list >  li:nth-child(4){margin-left:35px;}
.event2 .card_list > li:nth-child(3), .card_list >  li:nth-child(4){margin-top:35px;}
.event2 .card_list .on{background-image:url(https://www.kidkids.net/event/childabuse_2018/img/card_off.png);}
.event2 .card_list li.on1{background-image:url(https://www.kidkids.net/event/childabuse_2018/img/card1_on.png);}
.event2 .card_list li.on2{background-image:url(https://www.kidkids.net/event/childabuse_2018/img/card2_on.png);}

.event3{width:100%; height:1196px; background-image:url(img/bg3.png); background-position:center;}
.event3 .contents_area{margin:0 auto; position:relative; top:289px; width:1124px; height:781px;}
.event3 .contents_area .tab_area{margin:0 auto; width:1124px; height:169px;}
.event3 .contents_area .tab_area li{float:left; margin-right:6px; width:276px; height:169px;}
.event3 .contents_area .tab_area li:last-child{float:right; margin-right:0;}
.event3 .contents_area .tab_area li a{display:block; width:276px; height:169px;}
.event3 .contents_area .tab_area .tab1 a{background-image:url(img/tap1.png); background-position:0 169px;}
.event3 .contents_area .tab_area .tab2 a{background-image:url(img/tap2.png); background-position:0 169px;}
.event3 .contents_area .tab_area .tab3 a{background-image:url(img/tap3.png); background-position:0 169px;}
.event3 .contents_area .tab_area .tab4 a{background-image:url(img/tap4.png); background-position:0 169px;}
.event3 .contents_area .tab_area li.active a{background-position:0 0;}
.event3 .contents_area > div{position:absolute; bottom:85px; width:1124px; height:612px; }
.event3 .contents_area .content1{display:none; background-image:url(img/contents1.png); background-position:0}
.event3 .contents_area .content2{display:none; background-image:url(img/contents2.png); background-position:0}
.event3 .contents_area .content3{display:none;background-image:url(img/contents3.png); background-position:0}
.event3 .contents_area .content4{display:none;background-image:url(img/contents4.png); background-position:0}
.event3 .contents_area > div.active{display:block;}
.event3 .contents_area .popup_btn{position:relative; top:560px; display:block; margin:0 auto; width:448px; height:104px;}

.event4{width:100%; height:1292px; background-image:url(img/bg4.png); background-position:center;}
.event4 .count_area{position:relative; top:428px;}
.event4 .count_area .count{position:relative; margin:0 auto;  width:348px; height:79px; background-image:url(img/count.png);}
.event4 .count_area .count .count_box{display:block; position:absolute; top:15px; left:130px; width:150px; height:50px; padding:3px 0 0 12px;font-family:'Arial'; font-size:40px; font-weight: bold;color:#e54b4b;text-align:right;}
.event4 .count_area img{display:block; margin:12px auto 0;}
.event4 .prom_area{margin:0 auto; position:relative; top:470px; width:980px;}
.event4 .prom_list{width:980px;}
.event4 .prom_list li{margin-top:4px; cursor: pointer;}
.event4 .prom_list li .check{position:relative; left:46px; top:2px;}
.event4 .prom_area .prom_list .prom_01{width:980px; height:91px; background-image:url(img/prom_01.png);}
.event4 .prom_area .prom_list .prom_02{width:980px; height:91px; background-image:url(img/prom_02.png);}
.event4 .prom_area .prom_list .prom_03{width:980px; height:91px; background-image:url(img/prom_03.png);}
.event4 .prom_area .prom_list .prom_04{width:980px; height:115px; background-image:url(img/prom_04.png);}
.event4 .prom_area .prom_btn{display:block; width:540px; height:134px; margin:49px auto 0;}

.event5{width:100%; height:526px; background-image:url(img/bg5.png); background-position:center;}
.event5 .video_area{position:relative; top:80px; width:1060px; height:371px; margin:0 auto;}
.event5 .video_area .video_img{float:left; position:relative; top:10px; width:526px; height:350px; background-image:url(img/video_img.png);}
.event5 .video_area .video_txt{float:right;}

.event6{width:100%; height:211px; background-image:url(img/bg6.png); background-position:center;}
.event6 .edu_area{margin:0 auto; width:1173px;}
.event6 .edu_logo{position:relative; top:10px; width:122px; height:27px; background-image:url(img/edu_logo.png);}
.event6 .edu_area p{margin:20px auto; width:669px; height:59px; background-image:url(img/edu_txt.png); text-indent:-9999px;}
.event6 .edu_area .edu_btn{display:block;margin:0 auto; width:218px; height:47px; background-image:url(img/edu_btn.png);}

.footer{background:#292929; line-height:55px; font-size:13px; color:#fff; text-align:center;letter-spacing:2px; margin-top:0px;}
	
.modal{display:none;}

.popup{background:rgba(0,0,0,.5);padding:250px 0;}
.popup-wrap{position:relative; width:539px; height:571px; margin:50px auto; }
.popup-wrap .close{ position:absolute;top:-40px;right:5px;}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}