*{font-family: 'Arial';}
/* index page */
.logos{position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;text-align: center;width: 100%;min-height: 190px}
.logos a,.logos span{display: inline-block;vertical-align: top;position: absolute;}
.logos span{left:calc(50% - 250px);bottom: 28px;}
.logos .logo1{left: 108px;
    bottom: 14px;}
.logos .logo2{right:53px;bottom: 16px;}


header small {display: inline-block;vertical-align: top;line-height: 26px;margin-top: 14px;margin-right: 10px;}
.unit1 .bxslider li {background-position: top center;}
.unit1 .intro_boyandgirl {margin-top: 16.5%;}
.unit1 .intro_boyandgirl .left_col{display: inline-block;vertical-align: top;position: relative;background-color: #fff;border: 2px solid #1da8cc;border-radius:10px;}
.unit1 .intro_boyandgirl .left_col:after{content: '';position: absolute;top: -48px;background-image: url(../img/after.png);background-repeat: no-repeat;background-size: cover;width: 35px;height: 51px;}
.unit1 .intro_boyandgirl .left_col h2{ margin: 0px;font-size: 30px;font-weight: 400;color: #2b2b2b;padding: 10px 20px;    line-height: 32px;}
.unit1 .intro_boyandgirl .boy{margin-left: 15px;}
.unit1 .intro_boyandgirl .boy:after{left: 60px;}
.unit1 .intro_boyandgirl .girl:after{right: 60px;    transform: rotatey(180deg);}
.unit1 .question_ans {margin-top: 7%;}
.unit1 .question_ans .left_col{display: inline-block;vertical-align: top;width: 525px;height: 190px;}
.unit1 .question_ans .left_col+.left_col{margin-right: 30px;}
.unit1 .question_ans .left_col .sampleBlocks{max-width: 100%;margin-bottom: 0px !important;width: 100%;height: 100%}
.unit1 .question_ans .left_col .sampleBlocks .card{width: 100%;height: 100%;background-color: #05b038;border: 2px solid #fff;border-radius: 12px;color: #fff}
.unit1 .question_ans .left_col .sampleBlocks .card h3{font-size: 28px;font-weight: bold;    margin: 10% 0px;}
.unit1 .question_ans .left_col .sampleBlocks .card h4{font-size: 30px;font-weight: 400;color: #05b038; margin: 20px 0px;line-height: 38px;}
.unit1 .question_ans .left_col .sampleBlocks .card.flipped{background-color: #fff;border-color: #05b038;}
.popUp {border: 3px solid #f07404;padding: 30px 20px;}
.popUp p{font-size: 20px;font-weight: bold;color: #0c0c0c;}
.popUp p a{color: #1da8cc;}
#tab1 .popUp, #tab2 .popUp, #tab3 .popUp, #tab4 .popUp, #tab5 .popUp, #tab6 .popUp, #tab7 .popUp, #tab8 .popUp, #tab9 .popUp{background-color: #f1dcc9}
.popUp .close {left: 20px;top: 18px;}
.unit1 .que_ans1{    margin-top: 19%;}
.unit1 .que_ans1 .left_col {position: relative;}
.unit1 .que_ans1 .left_col .sampleBlocks .card{position: relative;}
.unit1 .que_ans1 .left_col .sampleBlocks .card:after{content: '';position: absolute;top: -42px;background-image: url(../img/be.png);background-repeat: no-repeat;background-size: cover;width: 40px;height: 44px;    z-index: 99;}
.unit1 .que_ans1 .boy .sampleBlocks .card:after{left: 60px;}
.unit1 .que_ans1 .boy .sampleBlocks .card.flipped:after{background-image: url(../img/be_f.png)}
.unit1 .que_ans1 .girl .sampleBlocks .card:after{right: 60px;    transform: rotatey(180deg);}
.unit1 .que_ans1 .girl .sampleBlocks .card.flipped:after{  background-image: url(../img/be_f.png)}
.unit1 .que_ans1 .left_col .sampleBlocks .card{border:3px solid #fff}
.unit1 .que_ans1 .left_col {height: 166px;}
.unit1 .que_ans1 .left_col .sampleBlocks .card h3 {margin: 8% 0px;}
.unit1 .que_ans1 .boy .sampleBlocks .card h4 {margin: 8% 0px;}
.unit1 .watch_the_movie {margin-top: 16%;}
.unit1 .watch_the_movie .left_col1{display: inline-block;vertical-align: top;width: 566px;}
.unit1 .watch_the_movie .right_col1{display: inline-block;vertical-align: top;width: 515px;margin-right: 16px;}

.unit1 .watch_the_movie .left_col1 .left_col{display: inline-block;vertical-align: top;position: relative;background-color: #fff;border: 2px solid #1da8cc;border-radius:10px;width: 100%;}
.unit1 .watch_the_movie .left_col1 .left_col:after{content: '';position: absolute;top: -48px;background-image: url(../img/after.png);background-repeat: no-repeat;background-size: cover;width: 35px;height: 51px;left: 60px;}
.unit1 .watch_the_movie .left_col1  .left_col h2{ margin: 0px;font-size: 30px;font-weight: 400;color: #2b2b2b;padding: 10px 20px;    line-height: 32px;}
.unit1 .watch_the_movie .left_col1  .movie{width: 100%;height: 300px;margin-top: 20px;}
.unit1 .watch_the_movie .left_col1  .movie iframe{width: 100%;height: 100%;}
.unit1  .watch_the_movie .right_col1  .que_ans1 {margin-top: 4%;}
.unit1 .watch_the_movie  .right_col1 .que_ans1 .left_col{height: 170px;}
.unit1 .watch_the_movie  .right_col1 .que_ans1 .left_col .sampleBlocks .card:after {top: -72px;background-size: cover;width: 46px;height: 75px;background-image: url(../img/be1.png); transform: rotatey(0deg);}
.unit1 .watch_the_movie  .right_col1 .que_ans1 .left_col .sampleBlocks .card.flipped:after{background-image: url(../img/be_f1.png)}
.unit1 .watch_the_movie  .right_col1 .que_ans1 .left_col+.left_col .sampleBlocks .card:after{display: none;}
.unit1 .watch_the_movie  .right_col1 .que_ans1 .left_col+.left_col{margin-right: 0px ;margin-top: 25px;}

.unit1 .watch_the_movie .que_ans1 .left_col .sampleBlocks .card h3 {margin: 8.5% 0px;}
.unit1 .watch_the_movie .question_ans .left_col .sampleBlocks .card h4 {margin: 25px 0px;}
.unit1 .watch_the_movie .question_ans .left_col+.left_col .sampleBlocks .card h4 {margin: 12.2% 0px;}
.unit1 .street_side .intro_boyandgirl .boy {margin-left: 15px;height: 84px;padding-top: 1.1%;}
.unit1 .street_side .example {text-align: center;margin-top: 25px;}
.unit1 .street_side .example h2{color: #fff;font-size: 48.19px;font-weight: 400;margin: 0px;}
.unit1 .street_side .example  .inner{width: 848px;display: inline-block;vertical-align: top;border: 3px solid #f07404;border-radius: 10px;background-color: #fff;}
.unit1 .street_side .example  .inner .left_col{float: right;width: 50%; min-height: 210px;}
.unit1 .street_side .example  .inner .left_col+.left_col{border-right: 3px solid #f07404}
.unit1 .street_side .example  .inner .left_col h3{color: #f07404;font-size: 32px;height: 48px;font-weight: 400;margin: 0px;line-height: 48px;background-color: #fae5d3;border-bottom: 3px solid #f07404}
.unit1 .street_side .example  .inner .left_col p{margin: 0px;font-size: 22.89px;color: #2b2b2b;padding-top: 25px;}
.unit1 .street_side .example  .inner .left_col+.left_col p{padding:11% 0px }
.unit1 .street_side.street_side2 .intro_boyandgirl .boy {padding-top: 0;height: auto;}
.unit1 .street_side.street_side2 .intro_boyandgirl .boy:after {left: 60%;}

.unit2_1 .question_ans .left_col{width: auto;height: auto;max-width: auto;}
.unit2_1  .question_ans .left_col .sampleBlocks .card h3{width: auto;}
.unit2_1 .question_ans .left_col .sampleBlocks .card h4 {margin: 2% 0px;padding: 0px 30px;}
.unit2_1 .sampleBlocks .card{max-width: initial !important;width: auto !important;}
.unit2_1 .question_ans .left_col .sampleBlocks .card h3 {margin: 2% 0px;}
.unit2_1 .li1 .question_ans{margin-top: 0px;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 6px;}
.unit2_1 .li1 .intro_toys{position: absolute;left: 7%;bottom:17.5%;}
.unit2_1 .li1 .intro_toys img{margin: 0 auto;}
.unit2_1 .li1 .intro_toys .text1{display: inline-block;vertical-align: top;position: relative;background-color: #fff;border: 2px solid #1da8cc;border-radius: 10px;margin-bottom: 43px;  position: relative}
.unit2_1 .li1 .intro_toys .text1:after{content: '';position: absolute;bottom: -35px;right: 94px;width: 40px;height: 37px;background-image: url(../img/after1.png);background-size: contain;}
.unit2_1 .li1 .intro_toys .text1 h2{color: #2b2b2b;font-size: 30px;margin: 6px 15px;}

.unit2_1 .li1 .intro_toys2{left: 32%;}
.unit2_1 .li1 .intro_toys2 img {margin: 0 auto;margin-left: 14px;}
.unit2_1 .li1 .intro_toys3 {left: 49%;}
.unit2_1 .li1 .intro_toys3 img {margin: 0 auto;margin-left: -60px;}
.unit2_1 .li1 .intro_toys3 .text1{margin-bottom: 20px;}
.unit2_1 .li1 .intro_toys3 .text1:after{content: '';position: absolute;bottom: -35px;right: auto;left:50px; width: 40px;height: 37px;background-image: url(../img/after1.png);background-size: contain;}
.unit2_1 .li2 .question_ans{    margin-top: 4%; }
.unit2_1 .li2 .check_up{  margin-top: 6.5%}
.unit2_1 .li2 .check_up a{display: inline-block;vertical-align: top;background-color: #d13b3c;width: 185px;height: 52px;color: #fff;font-size: 30px;text-align: center;line-height: 52px;text-decoration: none;font-weight: 400;border-radius: 10px;transition: 0.4s ease all;}
.unit2_1 .li2 .check_up a:hover{background-color: #1da8cc;}
.unit2_1 .li2 .toy{position: absolute;left: 9%;bottom: 51px;}
.unit2_1 .li3  .left_col1{margin-top: 5%}
.unit2_1 .li3  .left_col1 .sampleBlocks .card:after { content: '';position: absolute;bottom: -72px;right: 100px;width: 46px;height: 75px;background-image: url(../img/be3.png);background-size: contain;transform: rotate3d(1, 1, 11, 180deg);}
.unit2_1 .li3  .left_col1  .sampleBlocks .card.flipped:after{background-image: url(../img/be3_h.png);}
.unit2_1 .li3 .question_ans .left_col1 .sampleBlocks .card h3 {margin: 3.5% 0px;}
.unit2_1 .li3  .left_col2{position: absolute;right: 20px;bottom: 15px;}
.unit2_1 .li3  .left_col2 .sampleBlocks .card:after {content: '';position: absolute;top: -73px;right: 100px; width: 46px;height: 75px;background-image: url(../img/be3.png);background-size: contain;}
.unit2_1 .li3  .left_col2  .sampleBlocks .card.flipped:after{background-image: url(../img/be3_h.png);}
.unit2_1 .li3  .question_ans .left_col2 .sampleBlocks .card h3 {margin: 5% 0px;}
.unit2_1 .li3 .toy1 {position: absolute;left: 8%;right: 0;margin: 0 auto;bottom: 29%;}
.unit2_1 .li3  .information  .toy1 img{margin: 0 auto;}
.unit2_1 .li3 .toy2 {position: absolute;right: 50px;bottom: 29%}

.unit2_1 .li6 .left_col1 .movie_text{padding: 15px 6px;background-color: #ff0000;margin-top: 30px;}
.unit2_1 .li6 .left_col1 .movie_text h3{color: #fff;font-size: 28px;margin-bottom: 5px;}
.unit2_1 .li6 .left_col1 .movie_text p{color: #fff;font-size: 28px;margin-top: 0px;}
.unit2_1 .li6 .watch_the_movie .right_col1 .que_ans1 .left_col+.left_col{width: 100%;}
.unit2_1 .li4 .street_side .intro_boyandgirl .boy {margin-left: 15px;height: auto;padding-top: 0;}
.unit2_1 .li5 .street_side .example .inner .left_col p {padding-top: 15px;}
.unit2_1 .li5 .street_side .example .inner .left_col+.left_col p {padding:14% 0px;}

.unit2_1 .bxslider .information .pin_images {position: absolute;right: 70px;top: 110px;max-width: 320px;}
.redline {position: absolute;display: block;background-size: 100% 100%;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;visibility: hidden;z-index: -1;}
.redline.show{opacity: 1;visibility: visible;z-index: 0;}
/*.unit2_1 .li2 .toy {width: 310px;height: 199px;background-image:url(../img/be3_h.png);background-repeat: no-repeat;position: relative}*/
.unit2_1 .li2 .toy img{transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;}
.unit2_1 .li2 .toy .unactive{}
.unit2_1 .li2 .toy .unactive.show{opacity: 0;visibility: hidden}
.unit2_1 .li2 .toy .active{opacity: 0;visibility: hidden;position: absolute;top: 0;right: 0;}
.unit2_1 .li2 .toy .active.show{opacity: 1;visibility: visible;}




.popUp_color{display: none !important}
.table_popup{position: fixed !important;left: 0 !important;top: 0 !important;background-color: rgba(0, 0, 0, 0.42);width: 100%;height: 100%;z-index: -1;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;opacity: 0;visibility: hidden}
.table_popup.active{opacity: 1;visibility: visible;z-index: 99999999}
.table_popup .pop_inner {width: 1100px;position: absolute;left: 0;top: 87px;background-color: #fff;border-radius: 15px;right: 0;margin: 0 auto;padding: 20px 45px;}
.table_popup .pop_inner .pop_top h4 {font-size:17px;font-weight: 400;margin: 5px 0px;}
.table_popup .pop_inner .pop_top h4 span {font-weight: bold;}
.table_popup .pop_inner .pop_bottom {/*border: 1px solid #000;*/width: 100%;position: relative;margin-top: 20px;}
.table_popup .pop_inner .pop_bottom:after{content: '';position: absolute;right: 24.5%;top: 0;width: 1px ;height: 100%;background-color: #d2d2d2 ;}
.table_popup .pop_inner .pop_bottom ul{list-style: none;/*border-bottom: 1px solid #000;*/display: block;width: 100%;padding-right: 0px;margin: 0px;}
.table_popup .pop_inner .pop_bottom ul li{display: inline-block;width: 25% !important;vertical-align: top;padding: 8px 0px;padding-right: 5px;}
.table_popup .pop_inner .pop_bottom ul li+li{width:73% !important; padding-right: 0px;}
.table_popup .pop_inner .pop_bottom .title{background-color: #1da8cc;height: 36px;}
.table_popup .pop_inner .pop_bottom .title li{color: #fff;font-weight: bold;padding-right: 10px;padding-top: 8px;}
.table_popup .pop_inner .pop_bottom .ans{background-color:rgba(29, 168, 204, 0.2)}
.table_popup .pop_inner .pop_bottom .ans1{background-color:rgba(29, 168, 204, 0.55)}
.table_popup .pop_inner .pop_bottom .ans li h5,.table_popup .pop_inner .pop_bottom .ans li p{display: inline-block;vertical-align: top;margin: 0px;font-size: 15px;font-weight: 400;margin: 0px;}
.popup_img img{margin: 0 auto;}
.table_popup .close {background: url(../img/close_new_2.png) no-repeat;width: 44px;height: 44px;position: absolute;top: -20px;right: -55px;}


/* law popup */
.bxslider .law_content{ position: absolute;left: 0;right: 0;top: 15%;}
.bxslider .law_content .laws_popup{opacity: 0;visibility: hidden;width: 100%;position: absolute;max-width: 850px;background-color: #ffffff;border:3px solid #d453c3;border-radius: 10px;left:0px;right: 0px;margin: 0 auto;padding: 60px 48px 20px 48px;top:-30px;position: relative;z-index: -1;transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;}
.bxslider .law_content .laws_popup.active{opacity: 1;visibility: visible;z-index: 999999 !important}
.bxslider .law_content .laws_popup .laws_close{}
.laws_101 {background-color: #d453c3;color: #fff;padding: 10px 25px;border-radius: 10px;position: absolute;left: 15px;top: 15px;text-decoration: none;font-size: 28px;line-height: 28px;}
.bxslider .law_content .laws_popup h2{margin: 0px;padding: 0px; color: #d453c3;font-size: 42px;font-weight: bold;text-align: center;padding-bottom: 60px;}
.bxslider .law_content .laws_popup ul{text-align: right;}
.bxslider .law_content .laws_popup ul li{list-style: none;box-shadow: none;color: #2b2b2b;font-size: 30px;margin-bottom: 30px;}
.bxslider .law_content .laws_popup ul li span{color: #2b2b2b;font-size: 30px;padding-left: 25px;}
.bxslider .law_content .laws_popup .laws_close{position: absolute;left:20px;top:15px;z-index: 9999999}
.bxslider .law_content .after_bg{position: absolute;width: 100%;height: 100%;top:0px;background-color: rgba(0,0,0,0.2);display: none;left:0px;right: 0px;transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;}
.bxslider .law_content .after_bg.active{display: block;z-index: 99;}

/* tab2 */
.bxslider li{background-size: 100% 100%;box-shadow: none;}
.bxslider .information h2{color: #f07404;font-size: 42px;font-weight: 400;margin: 0px;margin-top: 25px;}
.bxslider .information .pin_images{position: absolute;right: 0px;top:100px;}
.bxslider .information .girls_tab_2{position: absolute;bottom: 15px;left:20px;}
.bxslider .information .girls_tab_2 img{max-width: 100%;}
.bxslider .information .boy_tab_2{position: absolute;bottom: 15px;left: 610px;}
.bxslider .information .boy_tab_2 img{max-width: 100%;}

.bxslider .information .top_col{text-align: left;margin-left: 50px;}
.bxslider .information .top_col .sampleBlocks{width: 100%;max-width: 545px;text-align: center;}
.bxslider .information .top_col .sampleBlocks .card{width: 100%;height: 100%;background-color: #05b038;border: 3px solid #fff;border-radius: 12px;color: #fff;min-height: 200px;}
.bxslider .information .top_col .sampleBlocks .card:after{ content: '';position: absolute;top: -42px;background-image: url(../img/tab-2-after.png);background-repeat: no-repeat;width: 40px;height: 44px;z-index: 99; right: -38px;top: 30px;transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5as all ease;}
.bxslider .information .top_col .sampleBlocks .card.flipped:after{background-image: url(../img/tab-2-after-flip.png);}

.bxslider .information .top_col .sampleBlocks .card h3{font-size: 30px;font-weight: 400;color: #ffffff;margin: 0px;padding-top: 60px;}
.bxslider .information .top_col .sampleBlocks .card h4{font-size: 30px;font-weight: 400;color: #05b038; margin: 20px 0px;line-height: 38px;}
.bxslider .information .top_col .sampleBlocks .card.flipped{background-color: #fff;border-color: #05b038;}


.unit2  .bxslider .information .top_col{padding-top: 30px;}
.unit2 .bxslider .information .top_col .sampleBlocks .card.s1 h4{    margin: 58px 0px;}
.unit2 .bxslider .information .top_col .sampleBlocks .card.s2{min-height: 137px;    width: 87%;margin-top: 20px;}
.unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h3{    padding-top: 50px;}
.unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h4{    margin: 46px 0px;}
.unit2 .bxslider .information .top_col .sampleBlocks .card.s2:after {right: auto;left: 16px;top: auto;bottom: -40px;transform: rotate(90deg);}
.unit2 .bxslider .information .top_col .sampleBlocks .card.s3{width: 77%;margin-top: 20px;}
.unit2 .bxslider .information .top_col .sampleBlocks .card.s3 h3{  padding-top: 77px;}
.unit2 .bxslider .information .top_col .sampleBlocks .card.s3 h4{    margin:40px 0px;}

.unit2 .bxslider .information .top_col .sampleBlocks .card.s4 h4 {margin: 21px 0px;}
.unit2 .bxslider .information {position: relative;} 
.unit2 .bxslider .information .blue_pop_bt{background-color: #1da8cc;display: inline-block;vertical-align: top;color: #ffffff;font-size: 29.8px;text-decoration: none;border-radius: 5px;padding: 5px 40px;text-align: center;position: absolute;right: 0;bottom: 0px;right: 80px;bottom: 40px;cursor: pointer;}
.unit2 .blue_popup{    opacity: 0;visibility: hidden;width: 100%;position: absolute;max-width: 890px;background-color: #ffffff;border: 3px solid #1da8cc;border-radius: 10px;left: 0px;right: 0px;margin: 0 auto;padding: 60px 48px 40px 48px;top: 30px;position: absolute;z-index: 9999;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;}
.unit2 .blue_popup.active{opacity: 1;visibility: visible;}
.unit2 .blue_popup  .laws_close {position: absolute;left: 20px;top: 15px;}
.unit2 .blue_popup h2 {color: #1da8cc;font-size: 42px;font-weight: bold;margin: 0px;margin-top: 0;margin-bottom: 40px;}
.unit2 .blue_popup .inner {width: 768px;display: inline-block;vertical-align: top;border: 3px solid #1da8cc;border-radius: 10px;background-color: #fff;position: relative}
.unit2 .blue_popup .inner:after{content:'';position: absolute;width: 3px;height: 100%;background-color: #1da8cc;left: 33.33%;top: 0;}
.unit2 .blue_popup .inner:after{content:'';position: absolute;width: 3px;height: 100%;background-color: #1da8cc;right: 33.33%;top: 0;}
.unit2 .blue_popup .inner .left_col {float: right;width: 33.33%;min-height: 450px;}
.unit2 .blue_popup .inner .left_col+.left_col {border-right: 3px solid #1da8cc;}
.unit2 .blue_popup .inner .left_col h3 {color: #000;font-size: 21px;height: 50px;font-weight: 400;margin: 0px;line-height: 50px;background-color: #c3f7fd;border-bottom: 3px solid #1da8cc;}
.unit2 .blue_popup .inner .left_col p {margin: 0px;font-size: 22.89px;color: #2b2b2b;padding: 74.4% 0px;}
.unit2 .blue_popup .inner .left_col h3 {color: #000;font-size: 21px;height: 50px;font-weight: 400;margin: 0px;line-height: 50px;background-color: #c3f7fd;border-bottom: 3px solid #1da8cc;}
.unit2 .blue_popup .inner .left_col+.left_col p {padding: 71.4% 0px;}
.unit2 .blue_popup .inner .left_col+.left_col+.left_col p {padding: 53% 0px;}

.unit2_2 .bxslider .information .top_col .sampleBlocks .card {min-height: 130px;}
.unit2_2 .bxslider .information .top_col .sampleBlocks .card h4 {line-height: 30px;}
.unit2_2 .bxslider .information .boy_tab_2 {left: 640px;}
.unit2_2 .blue_popup .inner .left_col+.left_col+.left_col p {padding: 57% 0px;}
.unit2_2 .bxslider .information .top_col .sampleBlocks .card.s2 {width: 94%;}

/* home page */

.index_page .law_content .laws_popup{max-width: 1000px ;top: 30px;border-color: #1da8cc;padding: 40px 20px 20px 20px;z-index: -1}
.index_page .law_content .laws_popup.active{z-index: 9999999 !important}
.index_page .law_content .laws_popup h2{color: #1da8cc;padding-bottom: 10px}
.index_page .law_content .laws_popup ul{padding: 0px ;}
.index_page .law_content .laws_popup ul li span{padding-left: 5px; }
.index_page .law_content .laws_popup ul li {font-size: 21px;margin-bottom: 0px;line-height: 37px;}
.index_page .new_popup{visibility: hidden; opacity:0;width: 100%;position: absolute;max-width: 1000px;background-color:rgba(255,255,255,0.8);border: 3px solid #f07404;border-radius: 10px;left: 0px;right: 0px;margin: 0 auto;padding: 10px 10px 10px 10px;top:80px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;z-index: -1}
.index_page .new_popup.active{opacity: 1;visibility: visible;z-index: 9999}
.index_page .new_popup .laws_close{position: absolute;left:10px;top:10px;cursor: pointer;}
.index_page .new_popup h4{ position: absolute;left: 0;top: -50px;right: 0;text-align: center;vertical-align: top;top: -60px;background-color: #1da8cc;color: #fff;width: 470px;height: 47px;border-radius: 10px;line-height: 50px;margin: 0 auto;font-size: 29px;cursor: pointer;}
.index_page .new_popup i{position: absolute;left: 60px;top: -40px;}
.index_page .new_popup i img{max-width: 80px;}
.index_page .new_popup ul{list-style: none;padding-right: 0px}
.index_page .new_popup ul li{text-align: right;font-size: 18px;}
.index_page .new_popup .inner {text-align: right;border: 3px solid #f07404;border-radius: 10px;margin-top: 10px;background-color: #fff}
.index_page .new_popup .inner .blog .col1{display: inline-block;vertical-align: top;}
.index_page .new_popup .inner .blog{padding-bottom: 10px;}
.index_page .new_popup .inner h3{margin-top: 0px ;margin-bottom: 10px;display: inline-block;vertical-align: top;width: 160px;border-bottom-left-radius: 10px;background-color:#f07404 ;color: #fff;text-align: center;height: 45px;line-height: 45px;}
.index_page .new_popup .inner .blog .col1{padding-right: 24px;width: 180px; }
.index_page .new_popup .inner .blog .col1+.col1{padding-right: 16px;width: auto;border-right: 1px solid #f07404}



/* unit3 */
.unit3 .bxslider .information h2 {margin-top: 0;line-height: 45px;}
.unit3 .bxslider .information .top_col .sampleBlocks .card.s1{opacity: 0;visibility: hidden;margin-top: -50px}
.unit3 .bxslider .information .top_col .sampleBlocks .card.s5 h3{padding-top: 16%;}
.unit3 .bxslider .information .top_col .sampleBlocks .card.s5  h4{margin: 14.5% 0px}
.unit3 .bxslider .li2 .information  h2 {margin-top: 20px;margin-bottom: 20px;}
.unit3 .bxslider .information .top_col .sampleBlocks .card.s6  h4{margin: 14% 0px}

.unit2_3 .bxslider .information .top_col .sampleBlocks .card.s1 {margin-top: 0;opacity: 1;visibility: visible;}
.unit2_3  .bxslider .li1 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 65px;}
.unit2_3 .bxslider .li1 .information .top_col .sampleBlocks .card.s4 h4 {margin: 58px 0px;}
.unit2_3 .bxslider .li2 .information .top_col .sampleBlocks .card {min-height: 150px;}
.unit2_3 .bxslider .li2 .information .top_col .sampleBlocks .card.s5 h3 {padding-top: 8%;}
.unit2_3 .bxslider .li2 .information .top_col .sampleBlocks .card.s5 h4 {margin: 7% 0px;}
.unit2_3 .bxslider .li2 .information .top_col .sampleBlocks .card.s2 h4 {margin: 26px 0px;}
.unit2_3 .bxslider .li3 .information .top_col .sampleBlocks .card.s6 h4 {margin: 7% 0px;}
.unit2_3 .bxslider .li3 .information .top_col .red_box{ padding: 31px 6px;background-color: #ff0000;margin-top: 30px;width: 490px; display: inline-block;vertical-align: top;text-align: center;margin-left: 45px;}
.unit2_3 .bxslider .li3 .information .top_col .red_box h3,.unit2_3 .bxslider .li3 .information .top_col .red_box p{ color: #fff;font-size: 26px;margin-bottom: 5px;font-weight: 400;margin-top: 5px;}
.unit2_3 .bxslider .li3 .information .top_col .sampleBlocks .card.s2 h4 {margin: 30px 0px;}
.unit2_3 .li3 .blue_popup .inner .left_col p {padding: 55.4% 0px;}
.unit2_3 .bxslider .li4 .information .top_col1{text-align: center;margin-top: 34px}
.unit2_3 .bxslider .li4 .information .top_col1 .col{width: 240px;height: 240px;display: inline-block;border: 4px solid #f07404;border-radius:10px;background-color: #a00000;padding: 5% 0px;}
.unit2_3 .bxslider .li4 .information .top_col1 .col+.col{margin-right: 128px;}
.unit2_3 .bxslider .li4 .information .top_col1 .col p,.unit2_3 .bxslider .li4 .information .top_col1 .col h3{color: #fff;font-size: 20px;font-weight: bold;margin: 0px;}
.unit2_3 .bxslider .li4 .information .top_bottom{position: relative;display: inline-block;vertical-align: top;width: 465px;margin-top: 60px;}
.unit2_3 .bxslider .li4 .information .top_bottom .col+.col{margin-top: 18px;}
.unit2_3 .bxslider .li4 .information .top_bottom .col{width: 100%; display: inline-block;vertical-align: top;position: relative;background-color: #fff;border: 3px solid #1da8cc;border-radius: 10px;}
.unit2_3 .bxslider .li4 .information .top_bottom  .boy{position: absolute;right: -155px;bottom: 0;}
.unit2_3 .bxslider .li4 .information .top_bottom .girl{position: absolute;left: -160px;bottom: 0;}
.unit2_3 .bxslider .li4 .information .top_bottom .col h2{margin: 0px;font-size: 30px;font-weight: 400;color: #1da8cc;padding: 10px 20px;line-height: 36px;}
.unit2_3 .bxslider .li4 .information .top_bottom .col:after {content: '';position: absolute;top:40px;background-image: url(../img/new_after.png);background-repeat: no-repeat;background-size: cover;width:49px;height:46px;left: -48px;}
.unit2_3 .bxslider .li4 .information .top_bottom .col+.col:after {background-image: url(../img/new_after1.png);left: auto;right: -48px;}
.unit2_3 .bxslider .li4 .information .bol{position: absolute; left: 9%;bottom: 29%;}
.unit2_3 .bxslider .li4 .information .car{position: absolute; right: -12%;bottom: 26%;}
.unit2_3 .bxslider .li4 .information{overflow: hidden;}
.unit2_3 .bxslider .li5 .information .top_col .sampleBlocks .card.s6 h4 {margin: 14% 0px;}
.unit2_3 .bxslider .li5 .information .top_col .sampleBlocks .card.s4 h4 {margin: 18% 0px;}
.unit2_3 .bxslider .li5 .information .truck{position: absolute; right: 30%;top: 24%;}
.unit2_3 .bxslider .li5 .information .train{position: absolute; right: 5%;top: 13%;}


/* unit4 */
.unit4 .bxslider .information .girls_tab_4{position: absolute; right: 12%;top: 11%;}
.unit4 .bxslider  .information  h2 {margin-top: 20px;margin-bottom: 20px;}
.unit4 .bxslider .information .girls_tab_4 img{max-width: 100%;}
.unit4 .bxslider .information .top_col .sampleBlocks .card.s7,.unit4 .bxslider .information .top_col .sampleBlocks .card.s9{min-height: 106px;} 
.unit4 .bxslider .information .top_col .sampleBlocks .card.s8{min-height: 77px;margin-top: 40px;margin-bottom: 40px;}
.unit4 .bxslider .information .top_col .sampleBlocks .card h3{padding-top: 7%;}
.unit4 .bxslider .information .top_col .sampleBlocks .card.s8 h3{padding-top: 4%;}
.unit4  .bxslider .information .top_col .sampleBlocks .card.s9:after{transform:rotateX(190deg)}
.unit4 .bxslider .information .top_col{padding-top: 0px ;}
.unit4 .bxslider .information .top_col .sampleBlocks .card.s8:after{width: 39px;height: 39px;background-image: url(../img/be2.png);top: 17px;    right: -37px;}
.unit4 .bxslider .information .top_col .sampleBlocks .card.s8.flipped:after{background-image: url(../img/be_h2.png);}
.unit4 .bxslider .information .top_col{margin-left: 15%}


/* unit5 */
.unit5 .rules_screen h2{color: #1da8cc;font-weight: 400;padding-top: 30px;display: block;}
.unit5 .rules_screen h3{color: #2b2b2b;font-weight: 400;font-size: 32px;margin-top: 10px;margin-bottom:35px}
.unit5 .rules_screen .inner1 {width: 768px;display: inline-block;vertical-align: top;border: 3px solid #1da8cc;border-radius: 10px;background-color: #fff;position: relative;}
.unit5 .rules_screen .inner1 .left_col {float: right;width: 33.33%;min-height: 450px;}
.unit5 .rules_screen .inner1:after {content: '';position: absolute;width: 5px;height: 100%;background-color: #1da8cc;right: 33.33%;top: 0;}
.unit5 .rules_screen .inner1:before {content: '';position: absolute;width: 5px;height: 100%;background-color: #1da8cc;left: 33.33%;top: 0;}
.unit5 .rules_screen .inner1 .left_col h3 {color: #000;font-size: 21px;height: 50px;font-weight: 400;margin: 0px;line-height: 50px;background-color: #c3f7fd;border-bottom: 3px solid #1da8cc;}
.unit5 .rules_screen .inner1 .left_col p {margin: 0px;font-size: 22.89px;color: #2b2b2b;padding: 74.4% 0px;}
.unit5 .rules_screen .blue_pop_bt1{background-color: #1da8cc;display: inline-block;vertical-align: top;color: #ffffff;font-size: 29.8px;text-decoration: none;border-radius: 5px;padding: 5px 40px;text-align: center;cursor: pointer;width: 409px;margin-top: 39px;}
.unit5 .blue_popup{padding-top: 50px;max-width: 972px;}
.unit2 .blue_popup h2{margin-bottom: 30px;}
.unit5 .blue_popup .inner{width:  870px;}
.unit5 .blue_popup .inner .left_col{min-height: 0px;}
.unit5 .blue_popup .inner ul{list-style: none;display: block;padding: 0px}
.unit5 .blue_popup .inner ul li{display: inline-block;vertical-align: top;width: 28% !important;padding: 0px 5px;}
.unit5 .blue_popup .inner ul li+li{width: 33.5% !important;}
.unit5 .blue_popup .inner ul li+li+li{width: 37% !important;}
.unit5 .blue_popup .inner ul li p{color: #2b2b2b;font-size: 20px;font-weight: bold;}
.unit5 .blue_popup .inner .mid{border-top: 5px solid #1da8cc;border-bottom: 5px solid #1da8cc;}
.unit5 .blue_popup .inner .title{border-bottom: 5px solid #1da8cc;height: 60px;background-color: #c3f7fd}
.unit5 .blue_popup .inner .title li{color: #2b2b2b;font-size: 21.6px;font-weight: bold;line-height: 50px;}
.unit5 .blue_popup .inner:after {content: '';position: absolute;width: 5px;height: 100%;background-color: #1da8cc;right: 28%;top: 0;}
.unit5 .blue_popup .inner:before {content: '';position: absolute;width: 5px;height: 100%;background-color: #1da8cc;left: 37%;top: 0;}

.unit2_4 .blue_popup .inner .last {border-top: 5px solid #1da8cc;}
.unit2_4 .blue_popup .inner ul li {width: 31% !important;}
.unit2_4 .blue_popup .inner ul li+li {width: 28% !important;}
.unit2_4 .blue_popup .inner ul li+li+li {width: 39% !important;}
.unit2_4 .blue_popup .inner:before {left: 39%;}
.unit2_4 .blue_popup .inner:after {right: 31%;}
.unit2_5 .combo{position: absolute;left:10px;bottom: 10px;z-index: 999;background-image: url(../img/bg25.png);background-repeat: no-repeat;background-size: 100% 100%;width: 274px;min-height: 100px;padding: 20px 0px;}
.unit2_5 .combo span{display: block;vertical-align: top;text-align: center;margin: 15px 0px; }
.unit2_5 .combo span img{max-width: 100%;margin: 0 auto;}
.unit2_5 .combo span.ui-state-sdfsdfs img{opacity: 0;}



.unit2_5 .bxslider .information .same_bg{position: absolute;display: block;background-size: 100% 100%;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;visibility: hidden;z-index: -1}
.unit2_5 .bxslider .information .bg1{}
.unit2_5 .bxslider .information .bg1.dropFinish1{z-index: 1;opacity: 1;visibility: visible}
.unit2_5 .bxslider .information .bg2.dropFinish2{z-index: 3;opacity: 1;visibility: visible}
.unit2_5 .bxslider .information .bg3.dropFinish3{z-index: 2;opacity: 1;visibility: visible}
.unit2_5 .bxslider .information .bg4.dropFinish4{z-index: 4;opacity: 1;visibility: visible}








/* unit6 */
.unit6 .bxslider .information h2{margin-top: 10px;}
.unit6 .attachment{position: absolute;left: 45px;top:37px;width: 229px;height: 55px;border-radius: 6px;background-color: #f45dc0;color: #fff;font-size: 29.58px;font-weight: bold;line-height: 55px;cursor: pointer;}
.unit6 .left_img{position: absolute;left: 0;top:2.5%;}
.unit6 .toy_img img{max-width: 100%;text-align: center;display: inline-block;vertical-align: top;}
.unit6 .toy_img{position: absolute;left: 0;top:29%;right: 0;margin: 0 auto;text-align: center;}
.unit6 .information{text-align: center;}
.unit6 .inner2{width: 840px;display: inline-block;vertical-align: top;min-height: 250px;background-color: rgba(255, 255, 255, 0.5);padding-top: 16px;margin-top: 12px;}
.unit6 .inner2 ul{list-style: none;padding-right: 0px;}
.unit6 .inner2 ul li{display: block;text-align: right;color: #2b2b2b;font-size: 32px;font-weight: 400;line-height: 55px;margin-bottom: 16px;}
.unit6 .inner2 ul li span{display: inline-block;vertical-align: top;color: #05b038;font-size: 32px;font-weight: 400;width: 63px;height: 63px;border: 3px solid #f07404;border-radius: 8px;text-align: center;line-height: 52px;background-color: #fff;margin-left: 29px;margin-right: 16px;}
.unit6 .music1{position: absolute;right: 0;top: 0;}
.unit6 .music2{position: absolute;left: 0;bottom: 0;}
.unit6 .toy1{position: absolute;right: 0;bottom: 0;}
.unit6 .inner3{width: 560px;display: inline-block;vertical-align: top;min-height: 250px;background-color: rgba(255, 255, 255, 0.5);padding-top: 16px;    margin-top: 8%;border-radius: 6px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);padding-bottom: 34px;}
.unit6 .inner3 h3,.unit6 .inner3 p{font-size: 42px;color: #2b2b2b;font-weight: 400;margin-top: 0px;margin-bottom: 0px;line-height: 52px;}
.unit6 .inner3 h3{color: #05b038}
.unit6 .bxslider .li2 .information h3{color: #2b2b2b;font-size: 32px;font-weight: 400;margin-top: 14px;margin-bottom: 0px;}
.unit6 .inner4{width: 1094px;display: inline-block;vertical-align: top;min-height: 500px;    margin-top: 31px;}
.unit6 .inner4 .top_col1{position: relative;}
.unit6 .inner4 .top_col1 span{position: absolute;width: 5px;background-color: #05b038;height: 0px;width: 35px;height: 35px;border: 4px solid #f07404;background-color: #fff;border-radius: 50%;left: 0;right: 0;margin: 0 auto;bottom:-17px;}
/*.unit6 .inner4 .top_col1 span:after{content: '';position: absolute;left: -17px;top: -40px;;}*/
/*.unit6 .inner4 .top_col1 span:before{content: '';position: absolute;left: -17px;bottom: -40px;width: 35px;height: 35px;border: 4px solid #f07404;background-color: #fff;border-radius: 50%;}
.unit6 .inner4 .top_col1 span.r1{ right: 520px;height: 830px;transform: rotate(79deg);top: -90px;}*/
.unit6 .inner4 .top_col1 .col{border: 3px solid #f07404;width: 241px;height: 241px;border-radius: 6px;background-repeat:no-repeat;background-size: cover;display: inline-block;vertical-align: top;margin-left:38px;position: relative}
.unit6 .inner4 .top_col1 .col.last{margin-left: 0px;}
.unit6 .inner4 .top_col2{margin-top: 16%;}
.unit6 .inner4 .top_col2 span{position: absolute;width: 5px;background-color: #05b038;height: 0px;width: 35px;height: 35px;border: 4px solid #f07404;background-color: #fff;border-radius: 50%;left: 0;right: 0;margin: 0 auto;top:-34px;}
.unit6 .inner4 .top_col2 .col{width: 241px;border-radius: 6px;background-repeat:no-repeat;background-size: cover;display: inline-block;vertical-align: top;margin-left:38px;position: relative;    z-index: 99;}
.unit6 .inner4 .top_col2 .col .mid{display: table;height: 175px;text-align: center;width: 100%;}
.unit6 .inner4 .top_col2 .col p{display: table-cell;vertical-align: middle;font-size: 32px;color: #fff;    line-height: 40px;}
.unit6 .inner4 .top_col2 .col.last{margin-left: 0px;}

.unit2_6 .li2 .inner4 .top_col2 .col p {font-size: 30px;line-height: 34px;}
.unit2_6 .inner4 .top_col1 .col{background-color: #7d1414;    padding: 7.5% 0px;z-index: 9}
.unit2_6 .inner4 .top_col1 .col:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.26);opacity: 0}
.unit2_6 .inner4 .top_col1 .col.ui-state-sdfsdfs:after{opacity: 1}
.unit2_6 .inner4 .top_col1 .col p, .unit2_6 .inner4 .top_col1 .col h3 {color: #fff;font-size: 20px;font-weight: bold;margin: 0px;}
.unit2_6 .inner4 .top_col1 .col.last{padding: 5% 0px;}
.unit2_6 .inner2{width: 870px;}
.unit2_6 .inner2 ul li i{font-style: normal;width: 375px;padding-right: 60px;display: inline-block;vertical-align: top;}
.unit2_6 .inner2 ul li label{width: 463px;height: 48px;border-radius: 8px;border: 2px solid #1da8cc;background-color: #fff;display: inline-block;vertical-align: top;margin-right: 10px;}

.unit2_6 .option1 .col{width: 463px;height: 48px;border-radius: 8px;border: 2px solid #fff;background-color: #1da8cc;display: inline-block;vertical-align: top;margin-right: 10px;}
.unit2_6 .option1 .col1{margin-bottom: 17px;}
.unit2_6 .option1 .col h3{color: #0c0c0c;font-size: 30px;line-height: 48px;margin: 0px ;font-weight: 400;}
.unit2_6 .option1 {text-align: center;background-color: #b1b2b3;border: 2px solid #fff;border-radius: 10px;width: 990px;padding: 17px 0px;display: inline-block;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 20px;}
.unit2_6 .toy1 {position: absolute;right: 30px;bottom: 20px;}
.unit2_6 .inner3 {margin-top: 4.5%}
.unit2_6 .inner3 h3 {margin: 15px 0px 40px 0px;}



/* unit7 */
.unit7 .bxslider  .li1 .information{text-align: left}
.unit7 .bxslider  .li1 .information h2{color: #1da8cc;text-align: center;}
.unit7 .bxslider .information .art1{position: absolute;right: 9%;top: 15%;}
.unit7 .bxslider .information .toy3{position: absolute;right: 27px;bottom:20px;}
.unit7 .bxslider .information .inner5{display: inline-block;vertical-align: top;width: 524px;min-height: 200px;background-color: rgba(255, 255, 255, 0.5);text-align: right;border-radius: 6px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.46);padding-right: 15px;margin-left: 22px; padding-top: 15px;padding-bottom: 22px;  margin-top: 3px;;}
.unit7 .bxslider .information .inner5 p{color: #2b2b2b;font-size: 42px;font-weight: 400;margin: 0px }
.unit7 .bxslider .information .inner6 {position: relative;width: 795px;display: inline-block;vertical-align: top;margin-top: 40px;}
.unit7 .bxslider .information .inner6 .text1{width: 794px;background-color: #fff;float: left;border: 2px solid #1da8cc;border-radius: 10px;padding-right: 28px;padding-top: 20px;padding-bottom: 20px;position: relative}
.unit7 .bxslider .information .inner6 .text1:after{content: '';position: absolute;right: -40px;bottom: 70px;background-image: url(../img/after.png);background-repeat: no-repeat;width: 35px;height: 51px;transform: rotate(90deg);}
.unit7 .bxslider .information .inner6 .text1 h3{text-align: right;color: #0c0c0c;font-size: 30px;;font-weight: 400;margin: 0px;}
.unit7 .bxslider .information .inner6 .text1 ul{list-style: none;padding-right: 0px;margin-right: 24px;}
.unit7 .bxslider .information .inner6 .text1 ul li{text-align: right;color: #0c0c0c;font-size: 30px;;font-weight: 400;padding-right: 18px;position: relative}
.unit7 .bxslider .information .inner6 .text1 ul li:after{width: 8px;height: 3px;background-color: #000;position: absolute;right: 0;top: 17px;content: ''}
.unit7 .bxslider .information .inner6 .text2{width:553px;background-color: #fff;float: right;border: 2px solid #1da8cc;border-radius: 10px;padding-right: 28px;padding-top: 20px;padding-bottom: 20px;margin-top: 30px;position: relative}
.unit7 .bxslider .information .inner6 .text2:after{content: '';position: absolute;left: -34px;
    bottom: 30px;background-image: url(../img/before.png);background-repeat: no-repeat;width: 38px;height: 38px;}
.unit7 .bxslider .information .inner6 .text2 p,.unit7 .bxslider .information .inner6 .text2 i{text-align: center;color: #0c0c0c;font-size: 30px;font-weight: 400;padding-right: 18px;position: relative;font-style: normal;padding-right: 0px;margin: 0px;}
.unit7 .bxslider .information .inner6 .text2 i{color: #1da8cc}
.unit7 .bxslider .information .toy4{position: absolute;left:7%;bottom: 45px;}
.unit7 .bxslider .information .toy5{position: absolute;right: 11%;bottom: 45px;}
.unit7 .bxslider .information .inner7{width: 532px;display: inline-block;vertical-align: top;    margin-top: 22px;}
.unit7 .bxslider .information .inner7 .col{width: 256px;height: 256px;display: inline-block;vertical-align: top;border-radius: 6px;background-repeat:no-repeat;background-size: cover;border: 3px solid #f07404;    margin-left: 15px;margin-bottom: 20px;}
.unit7 .bxslider .information .inner7 .col.last{margin-left: 0px;}
.unit7 .bxslider .information .toy6{position: absolute;left: 10%;bottom: 45px;}
.unit7 .bxslider .information .toy7{position: absolute;right: 10%;bottom: 45px;}

.unit2_7  .bxslider  .information .inner5{width: 589px;}
.unit2_7  .bxslider  .information .col13{display: inline-block;vertical-align: top;position: relative;background-color: #fff;border: 2px solid #1da8cc;border-radius: 10px;margin-bottom: 43px;position: absolute; right: 30px;top: 21%;}
.unit2_7  .bxslider  .information .col13:after {content: '';position: absolute;bottom: -35px;right: 33%;width: 40px;height: 37px;background-image: url(../img/after1.png);background-size: contain;    transform: rotateY(180deg);}
.unit2_7  .bxslider  .information .col13 h2{color: #1da8cc;font-size:43.38px;margin: 25px 15px;font-weight: 400}

.unit2_7 .bxslider .li2 .information .inner6 {width: 96%;text-align: center;}
.unit2_7 .bxslider .li2 .information .inner6 .text1,.unit2_7 .bxslider .information .inner6 .text2{float: none;text-align: center;display: inline-block;vertical-align: top;}
.unit2_7 .bxslider .li2 .information .inner6 .text1{width: 100%}
.unit2_7 .bxslider .li2 .information .inner6 .text1 p{color: #0c0c0c;font-size: 24.36px;font-weight: bold;text-align: right;margin: 8px 0px;}
.unit2_7 .bxslider .li2 .information .inner6 .text1:after,.unit2_7 .bxslider .information .inner6 .text2:after{display: none}
.unit2_7 .bxslider .li2 .information .inner6 .text2{border-color: #f07404}
.unit2_7 .bxslider .li2 .information .inner6 .text2 p{color: #f07404}
.unit2_8 .bxslider .information .text_col{ width:720px;background-color: #fff;border: 2px solid #f07404;border-radius: 10px;padding-right: 28px;padding-top: 20px;padding-bottom: 20px;margin-top: 30px;position: relative;margin: 0 auto;margin-top: 10px}
.unit2_8 .bxslider .information .text_col h2{font-size: 33px;}
.unit2_8 .bxslider .information .inner7 .col{background-color: #7d1414;width: 226px;height: 222px;    padding: 15% 0px;}
.unit2_8 .bxslider .information .inner7 .col p, .unit2_8 .bxslider .information .inner7 .col h3 {color: #fff;font-size: 18px;font-weight: bold;margin: 0px;}
.unit2_8 .bxslider .information .inner7 .col.last1{padding: 9% 0px}
.unit2_8 .bxslider .information .toy6 {left: 4%;}
.unit2_8 .bxslider .information .inner7 {margin-top: 5%;}

/* UNIT 9*/
.unit9 .bxslider  .li1 .information .coci{position: absolute;left:52px;bottom: -100px;}
.unit9 .bxslider  .li1 .information {text-align: right;padding-right: 35px;}
.unit9 .bxslider  .li1 .information .pad{padding-top: 126px;display: block}
.unit9 .bxslider  .li1 .information p {color: #2b2b2b;font-size: 40px;    line-height: 45px;margin-top: 0px ;margin-bottom: 55px }

.unit9 .bxslider  .bg_new{position: absolute;height: 740px;width:1200px;left: 0;right: 0;margin: 0 auto;background-repeat: no-repeat;background-size: cover;border-radius: 10px;box-shadow: 9px 7px 10px -4px #8C8C8C;}
.unit9 .bxslider  .bg_new .flip_col{ display: block;margin-top: 34px;pointer-events: none}
.unit9 .bxslider  .bg_new .flip_col .sampleBlocks{max-width: 100%;width:650px;height: 100px;}
.unit9 .bxslider  .bg_new .flip_col .card{background-color: #1da8cc;border: 2px solid #fff;width: 100% !important;height: 100% !important;border-radius: 10px;}
.unit9 .bxslider  .bg_new .flip_col .card.flipped{background-color: #fff;border: 2px solid #1da8cc;}
.unit9 .bxslider  .bg_new .flip_col .card h3{ color: #fff;font-size: 40px;font-weight: 400;    margin: 4% 0px;}
.unit9 .bxslider  .bg_new .flip_col .card h4{ color: #1da8cc;font-size: 40px;font-weight: 400;    margin: 4% 0px;}
.unit9 .bxslider  .bg_new .yesno_blog{position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;bottom: -20px;z-index: 9}




.unit9 .bxslider  .bg_new .yesno_blog a{display: inline-block;vertical-align: top;width: 272px;height: 246px;background-repeat: no-repeat;transition: 0.6s ease all;-o-transition: 0.6s ease all;-moz-transition: 0.6s ease all;-webkit-transition: 0.6s ease all;position: relative; }
.unit9 .bxslider  .bg_new .yesno_blog a img{position: absolute;left: 0;top: 0;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;}
.unit9 .bxslider  .bg_new .yesno_blog a .hov_right{opacity: 0;visibility: hidden} 
.unit9 .bxslider  .bg_new .yesno_blog a.active .d_right{opacity: 0;visibility: hidden} 
.unit9 .bxslider  .bg_new .yesno_blog a.active .hov_right{opacity: 1;visibility: visible} 



.unit9 .bxslider .li4 .bg_new .flip_col .card h4,.unit9 .bxslider .li5 .bg_new .flip_col .card h4,.unit9 .bxslider .li8 .bg_new .flip_col .card h4{font-size: 38px;margin: 5% 0px;line-height: 36px;}
.unit9 .bxslider .li1 .information{overflow: hidden}
.unit6 .inner4 .top_col2 .col.dropFinish span{display: none;}
.unit6 .inner4 .top_col1 .col.ui-state-sdfsdfs span{display: none;}

.unit9 .bxslider .bg_new .flip_col .card h4 {margin: 1% 0px;line-height: 40px;}
.p0{padding: 0 !important}
.unit2_1 .li6 .left_col1 .movie_text iframe, .unit2_3 .bxslider .li3 .information .top_col .red_box iframe{display: block;}
.unit2_8 .bxslider .information .inner7 .col{overflow: hidden}

/* ==*=== Responsive ==*== */
/* 1600 */
@media only screen and (max-width: 1850px){
    .unit_index .bxslider .law_content {top: 0%;}
    .unit_index .bxslider .law_content .laws_popup h2{font-size: 32px;}
    .index_page .law_content .laws_popup ul li {line-height: 33px;}
    .index_page  .bxslider .law_content .laws_popup ul li span{font-size: 22px;}
    /* tab1 */
    .unit1 .intro_boyandgirl .left_col h2 {font-size: 20px;padding: 8px 10px;line-height: 20px;}
    .unit1 .question_ans {margin-top: 5%;}
    .unit1 .question_ans .left_col .sampleBlocks .card h3 {font-size: 24px;    margin: 9% 0px;}
    .unit1 .question_ans .left_col .sampleBlocks .card h4 {font-size: 22px;margin: 20px 0px;line-height: 30px;}
    .unit1 .question_ans .left_col {height: 164px;}
    .unit1 .li2 .question_ans{margin-top: 16%}
    .unit1 .watch_the_movie {margin-top: 15%;}
    .unit1 .watch_the_movie .left_col1 .left_col h2 {margin: 0px;font-size: 22px;padding: 10px 20px;line-height: 24px;}
    .unit1 .watch_the_movie .left_col1 .movie {height: 250px;}
    .unit1 .watch_the_movie .right_col1 .que_ans1 .left_col {height: 150px;}
    .unit1 .li4 .intro_boyandgirl .left_col h2 {font-size: 21px;padding: 9px 10px;line-height: 20px;}
    .unit1 .street_side .intro_boyandgirl .boy {height: 63px;}
    .unit1 .street_side .example h2 {font-size: 30px;}
    .unit1 .street_side .example .inner .left_col p {font-size: 19px;}
    .unit1 .street_side .example .inner .left_col {min-height: 195px;}
    .laws_101 {padding: 6px 20px;left: 10px;top: 10px;font-size: 20px;line-height: 28px;}
    .unit1 .bxslider .law_content .laws_popup h2 {font-size: 35px;padding-bottom: 20px;}
    .unit1 .bxslider .law_content .laws_popup ul li {font-size: 24px;margin-bottom: 20px;}

    /* tab2 */
    .bxslider .information h2 {font-size: 30px;margin-top: 5px;}
    .bxslider .information .top_col .sampleBlocks .card h3 {font-size: 24px;padding-top: 30px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s1 h4 {margin: 20px 0px;font-size: 24px;line-height: 30px;}
    .bxslider .information .top_col .sampleBlocks .card {min-height: 120px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h4 {margin: 26px 0px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 {min-height: 97px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 30px;}
    .bxslider .information .top_col .sampleBlocks .card h4 {font-size: 24px;line-height: 24px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 57px;}
    .bxslider .information .pin_images{max-width: 27%}
    .bxslider .information .pin_images img{max-width: 100%;}
    .unit2 .blue_popup{padding: 30px 30px 30px 30px}
    .unit2 .blue_popup h2 {margin-bottom: 20px;}
    .unit2 .blue_popup .inner .left_col {min-height: 350px;}
    .unit2 .blue_popup .inner .left_col+.left_col+.left_col p {padding: 33% 0px;}
    .unit2 .blue_popup .inner .left_col+.left_col p {padding: 43.4% 0px;}
    .unit2 .blue_popup .inner .left_col+.left_col p {padding: 43.4% 0px;}
    .unit2 .blue_popup .inner .left_col p {padding: 44.4% 0px;}

    /* tab3 */
    .unit3 .bxslider .information h2 {margin-top: 0;line-height: 25px;font-size: 30px;}
    .unit3 .bxslider .information .top_col .sampleBlocks .card.s5 h3 {padding-top: 10%;}
    .unit3 .bxslider .information .top_col .sampleBlocks .card.s5 h4 {margin: 8.5% 0px;}
    .unit3 .bxslider .information .top_col .sampleBlocks .card.s4 h4 {margin: 21px 0px;font-size: 23px;padding: 0px 10px;}
    .unit3 .bxslider .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 37px;}
    .unit3 .bxslider .information .top_col .sampleBlocks .card.s6 h4 {margin: 10% 0px;}

    /* tab4 */
    .unit4 .bxslider .information .top_col {margin-left: 4%;}
    .unit4 .bxslider .information .girls_tab_4 {right: 5%;top: 11%;max-width: 35%;}
    .tabs a {font-size: 17px;height: 50px;}
    /* tab5 */
    .unit5 .rules_screen .inner1 .left_col {min-height: 290px;}
    .unit5 .blue_popup .inner .title li {font-size: 17px;line-height: 40px;}
    .unit5 .blue_popup .inner .title {height: 45px;}
    .unit5 .blue_popup .inner ul li p {font-size: 16px;}
    .unit5 .rules_screen h3 {font-size: 18px;margin-top: 5px;margin-bottom: 15px;}
    .unit5 .rules_screen .inner1 .left_col {min-height: 230px;}
    .unit5 .rules_screen .blue_pop_bt1 {font-size: 22px;padding: 5px 20px;width: 290px;margin-top: 20px;}

    /* tab6 */
    .unit6 .bxslider .information h2 {font-size: 22px;}
    .unit6 .left_img {top: 2%;max-width: 17%;}
    .unit6 .inner4 .top_col1 .col,.unit6 .inner4 .top_col2 .col{width: 180px;height: 140px;}
    .unit6 .inner4 .top_col2 .col p {font-size: 20px;line-height: 22px;}
    .unit6 .inner4 .top_col2 .col .mid {height: 95px;}
    .unit6 .inner4 .top_col2 span {top: -54px;}
    .unit6 .attachment {left: 25px;top: 27px;width: 170px;height: 45px;font-size: 20px;line-height: 45px;}
    .unit6 .inner2 ul li span {font-size: 19px;width: 40px;height: 40px;border-radius: 8px;line-height: 34px;margin-left: 10px;margin-right: 16px;}
    .unit6 .inner2 ul li {font-size: 24px;line-height: 34px;margin-bottom: 16px;}
    .unit6 .inner3 h3, .unit6 .inner3 p {font-size: 30px;margin-top: 0px;margin-bottom: 0px;line-height: 40px;}

    /* tab7 */
    .unit7 .bxslider .information .inner5 p {font-size: 30px;}
    .unit7 .bxslider .information .art1 {max-width: 390px;}
    .unit7 .bxslider .information .inner6 .text1 {width: 100%;}
    .unit7 .bxslider .information .inner6 {width: 700px;margin-top: 20px;}
    .unit7 .bxslider .information .inner6 .text1 h3,.unit7 .bxslider .information .inner6 .text1 ul li{font-size: 24px;}
    .unit7 .bxslider .information .inner6 .text2 p, .unit7 .bxslider .information .inner6 .text2 i {font-size: 24px;}
    .unit7 .bxslider .information .toy5 {right: 5%;}
    .unit7 .bxslider .information .toy4 {left: 7%;}
    /* tab8 */
    .unit7 .bxslider .information .inner7 .col {width: 180px;height: 180px;margin-left: 15px;margin-bottom: 20px;}
    /* tab9*/
    .unit9 .bxslider .li1 .information .pad {padding-top: 10%;}
    .unit9 .bxslider .li1 .information .coci {bottom: -60px;max-width: 140px;}
    .unit9 .bxslider .li1 .information p {font-size: 33px;line-height: 35px;margin-bottom: 30px;}
    .unit9 .bxslider .bg_new {transform: scale(0.7);transform-origin: top;}

    /* unit22 */
    .unit1 .question_ans .left_col .sampleBlocks .card h3 {font-size: 20px;margin: 2% 0px;}
    .unit1 .question_ans .left_col .sampleBlocks {height: auto;}
    .unit1 .question_ans .left_col{height: auto}
    .unit1 .question_ans .left_col .sampleBlocks .card h4 {font-size: 20px;margin: 12px 0px;line-height: 30px;}
    .unit2_1 .li1 .intro_toys .text1 {margin-bottom: 30px;}
    .unit2_1 .li1 .intro_toys .text1 h2 {font-size: 25px;}
    .unit1 .li2 .question_ans {margin-top: 3%;}
    .unit2_1 .li2 .check_up {margin-top: 2.5%;}
    .unit2_1 .li3 .left_col1 {margin-top: 1%;}
    .unit1 .watch_the_movie .question_ans .left_col .sampleBlocks .card h4 {margin: 14px 0px;}
    .unit1 .watch_the_movie .que_ans1 .left_col .sampleBlocks .card h3 {margin: 10.5% 0px;}
    .unit1 .watch_the_movie .right_col1 .que_ans1 .left_col+.left_col {margin-right: 0px;margin-top: -5px;}
    .unit2_1 .li6 .left_col1 .movie_text h3 {font-size: 22px;}
    .unit2_1 .li6 .left_col1 .movie_text p {font-size: 24px;}

    .unit2_2 .bxslider .information .top_col .sampleBlocks .card {min-height: 90px;}
    /* .unit2 .bxslider .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 20%;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s3 h4 {margin: 10px 0px;font-size: 18px;line-height: 19px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h4 {margin: 10px 0px;line-height: 20px;}
    .unit2_2 .bxslider .information .top_col .sampleBlocks .card {min-height: 60px;}
    .bxslider .information .top_col .sampleBlocks .card:after{top: 10px;}
    .unit2_2 .bxslider .information .boy_tab_2 {left: 470px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h4 {margin: 20px 0px;line-height: 20px;}*/
    .unit2_2 .bxslider .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 77px;}
    .unit2_2 .bxslider .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 10%;}

    .unit2_3 .bxslider .li3 .information .top_col .red_box h3, .unit2_3 .bxslider .li3 .information .top_col .red_box p {font-size: 20px;}
    .unit2_3 .bxslider .li3 .information .top_col .red_box {padding: 20px 6px;margin-top: 0px;width: 420px;margin-left: 45px;}
    .unit2_3 .bxslider .li1 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 35px;}
    .unit2_3 .bxslider .li4 .information .top_col1 .col+.col {margin-right: 50px;}
    .unit2_3 .bxslider .li4 .information .top_col1 .col p, .unit2_3 .bxslider .li4 .information .top_col1 .col h3 {font-size: 15px;}
    .unit2_3 .bxslider .li4 .information .top_col1 .col {width: 190px;height: 150px;padding: 3% 0px;}
    .unit2_3 .bxslider .li4 .information .car {max-width: 360px;}
    .unit2_3 .bxslider .li4 .information .top_bottom .col h2 {font-size: 23px;line-height: 26px;}
    .unit2_3 .bxslider .li5 .information .top_col .sampleBlocks .card.s6 h4 {margin: 8% 0px;}
    .unit2_3 .bxslider .li5 .information .train {max-width: 150px;}
    .unit2_3 .li3 .blue_popup .inner .left_col p {padding: 25.4% 0px;}

    .unit2_6 .inner4 .top_col1 .col p, .unit2_6 .inner4 .top_col1 .col h3 {font-size: 13px;}
    .unit2_6 .inner4 .top_col1 .col {padding: 3.5% 0px;}

    .unit2_6 .li2 .inner4 .top_col2 .col p {font-size: 20px;line-height: 23px;}
    .unit2_6 .inner3 {margin-top: 8.5%;}

    .unit2_7 .bxslider .information .toy3 {max-width: 320px;}
    .unit2_7 .bxslider .information .toy5 {max-width: 120px;}
    .unit2_7 .bxslider .information .toy4 {left: 3%;max-width: 250px;}
    .unit2_7 .bxslider .li2 .information .inner6 .text1 p {font-size: 22px;line-height: 25px;}

    .unit2_8 .bxslider .information .inner7 {margin-top: 10px;}
    .unit2_8 .bxslider .information .inner7 .col{padding: 12% 0px;}
    .unit2_8 .bxslider .information .inner7 .col.last1 {padding: 7% 0px;}
    .unit2_8 .bxslider .information .inner7 .col p, .unit2_8 .bxslider .information .inner7 .col h3{font-size: 16px;}

    .unit2_2 .bxslider .li2 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 19%;}
    .unit2_2 .bxslider .li3 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 17%;}

}
/* 1366 */
@media only screen and (max-width: 1599px){
    /* index page */
    .tabs a {height: 40px;font-size: 15px;}
    .tabs li a i {max-width: 10px;margin-top: 0;top: calc(50% - 8px);}
    .logos .logo1 {left: 2%;bottom: 14px;max-width: 60px;}
    .logos .logo2 {right: 2%;bottom: 16px;max-width: 100px;}
    .index_page .new_popup h4 {top: -45px;width: 260px;height: 36px;line-height: 35px;font-size: 15px;}
    .bxslider .law_content .laws_popup .laws_close {max-width: 20px;}
    .bxslider .law_content .laws_popup h2{font-size: 25px;}
    .index_page .law_content .laws_popup ul li,.index_page .law_content .laws_popup ul li span {font-size: 17px;margin-bottom: 0;line-height: 25px;}
    .index_page .new_popup{top: 50px;}
    .index_page .law_content .laws_popup{max-width: 850px;top: -20px;}
    .index_page .new_popup .inner h3 {width: 110px;height: 30px;line-height: 29px;}
    .index_page .new_popup ul li {font-size: 15px;}
    .unit_index .bxslider .law_content .laws_popup ul li span {font-size: 14px;padding-left: 7px;padding-right: 10px;}
    .unit_index .bxslider .law_content .laws_popup ul li {font-size: 17px;margin-bottom: 0px;}
    /* tab1 */
    .unit1 .question_ans .left_col {height: 164px;width: 420px;}
    .unit1 .intro_boyandgirl .left_col:after {top: -29px;background-size: 100% 100%;width: 25px;height: 31px;}
    /*.unit1 .intro_boyandgirl {margin-top: 19%;}*/
    .unit1 .intro_boyandgirl {margin-top: 16%;}
    .unit1 .li2 .question_ans {margin-top: 20%;}
    .unit1 .watch_the_movie .left_col1 {width: 400px;}
    .unit1 .watch_the_movie .left_col1 .left_col h2 {font-size: 20px;}
    /*.unit1 .watch_the_movie {margin-top: 20%;}*/
    .unit1 .watch_the_movie .right_col1 .que_ans1 .left_col .sampleBlocks .card:after {top: -34px;width: 26px;height: 35px;}
    .unit1 .watch_the_movie {margin-top: 14%;}
    .unit1 .watch_the_movie .right_col1{margin-right: 0px;width: 455px;}
    .unit1 .question_ans {margin-top: 2%;}
    .unit1 .watch_the_movie .right_col1 .que_ans1 .left_col {height: 120px;}
    .unit1 .watch_the_movie .question_ans .left_col .sampleBlocks .card h4 {margin: 16px 0px;}
    .unit1 .watch_the_movie .left_col1 .movie {height: 190px;}
    .bxslider .law_content .laws_popup {padding: 10px 5px 0 5px;}
    .bxslider .law_content .laws_popup ul li {font-size: 18px;margin-bottom: 7px;}
    .bxslider .law_content .laws_popup ul li span {font-size: 20px;padding-left: 13px;}

    .unit1 .intro_boyandgirl {margin-top: 13%;}
    .unit1 .li4 .intro_boyandgirl .left_col h2 {font-size: 15px;padding: 6px 10px;line-height: 16px;}
    .unit1 .street_side .intro_boyandgirl .boy {height: 45px;}
    .unit1 .street_side .example {margin-top: 2px;}
    .unit1 .street_side .example .inner .left_col h3 {font-size: 20px;height: 30px;line-height: 31px;}
    .unit1 .street_side .example h2 {font-size: 20px;}
    .unit1 .street_side .example .inner .left_col p {font-size: 14px;line-height: 16px;}
    .unit1 .street_side .example .inner .left_col {min-height: 155px;}

    /* tab2 */
    .bxslider .information .top_col .sampleBlocks {max-width: 375px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s1 h4 {margin: 10px 0px;font-size: 18px;line-height: 22px;}
    .bxslider .information .top_col .sampleBlocks .card h3 {font-size: 18px;padding-top: 15px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2{min-height: 27px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 13px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h4 {margin: 10px 0px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s3 h4 {margin: 15px 0px;}
    .bxslider .information .top_col .sampleBlocks .card h4 {font-size: 18px;line-height: 19px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 37px;}
    .bxslider .information .girls_tab_2 {max-width: 90px;}
    .bxslider .information .boy_tab_2 {left: 470px;max-width: 90px;}
    .bxslider .information .pin_images {max-width: 22%;}
    .unit2 .bxslider .information .blue_pop_bt{font-size: 19.8px}
    .unit2 .blue_popup .inner .left_col p {padding: 24.4% 0px;font-size: 15px;line-height: 18px;}
    .unit2 .blue_popup .inner .left_col+.left_col p {padding: 20.4% 0px;}
    .unit2 .blue_popup .inner .left_col+.left_col+.left_col p {padding: 13% 10px;}
    .unit2 .blue_popup .inner .left_col {min-height: 200px;}
    .unit2 .blue_popup{max-width: 840px;}
    .bxslider .information .top_col .sampleBlocks .card {min-height: 80px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s3 {margin-top: 40px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 9px;}
    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .s1 .card h3 {font-size: 18px;padding-top: 22px;}
    /* tab3 */
    .unit3 .bxslider .information h2 {margin-top: 0;line-height: 22px;font-size: 24px;}
    .unit3 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 8px;}

    /* tab4 */
    .unit4 .bxslider .information .top_col .sampleBlocks .card.s8 {min-height: 77px;margin-top: 20px;margin-bottom: 20px;}
    .unit4 .bxslider .information .top_col .sampleBlocks .card.s7, .unit4 .bxslider .information .top_col .sampleBlocks .card.s9 {min-height: 76px;}

    /* tab5 */
    .unit5 .rules_screen .inner1 .left_col {min-height: 230px;}
    .unit5 .rules_screen .blue_pop_bt1 {font-size: 22px;padding: 5px 20px;width: 290px;margin-top: 20px;}
    .unit5 .blue_popup .inner {width: 778px;}
    .unit5 .blue_popup .inner ul li p {font-size: 12px;}

    /* tab6 */
    .unit6 .left_img {top: 2%;max-width: 16%;}
    .unit6 .toy_img {top: 28%;max-width: 150px;}
    .unit6 .inner4 {width: 800px;margin-top: 11px;}
    .unit6 .inner4 .top_col1 .col, .unit6 .inner4 .top_col2 .col {width: 140px;height: 107px;z-index: 99}
    .unit6 .inner4 .top_col1 span {width: 25px;height: 25px;border: 2px solid #f07404;bottom: -13px;}
    .unit6 .inner4 .top_col2 span {width: 25px;height: 25px;border: 2px solid #f07404;    top: -30px;}
    .unit6 .inner4 .top_col2 {margin-top: 14%;}
    .unit6 .inner2 ul li span {font-size: 15px;width: 30px;height: 30px;border-radius: 8px;line-height: 22px;margin-left: 15px;margin-right: 16px;}
    .unit6 .inner2 ul li {font-size: 21px;line-height: 30px;margin-bottom: 9px;}
    .unit6 .inner3 h3, .unit6 .inner3 p {font-size: 24px;margin-top: 0px;margin-bottom: 0px;line-height: 29px;}
    .unit6 .inner3 {width: 390px;min-height: 170px;padding-top: 10px;margin-top: 8%;padding-bottom: 20px;}
    .unit6 .toy1 {right: 10px;bottom: 10px;max-width: 13%;}

    /* tab7 */
    .unit7 .bxslider .information .inner5{width: 400px;}
    .unit7 .bxslider .information .inner5 p {font-size: 22px;}
    .unit7 .bxslider .information .art1 {max-width: 290px;}
    .unit7 .bxslider .information .toy3 {max-width: 180px;}
    .unit7 .bxslider .information .inner6 {width: 500px;margin-top: 20px;}
    .unit7 .bxslider .information .inner6 .text1 h3, .unit7 .bxslider .information .inner6 .text1 ul li {font-size: 18px;}
    .unit7 .bxslider .information .inner6 .text1 ul {margin-right: 5px;}
    .unit7 .bxslider .information .inner6 .text2 {width: 433px;border-radius: 10px;padding-right: 28px;padding-top: 18px;padding-bottom: 10px;}
    .unit7 .bxslider .information .inner6 .text2 p, .unit7 .bxslider .information .inner6 .text2 i {font-size: 18px;}
    .unit7 .bxslider .information .toy4 {left: 15%;max-width: 90px;}
    .unit7 .bxslider .information .toy5 {right: 10%;max-width: 90px;}
    /* tab8 */
    .unit7 .bxslider .information .inner7 .col {width: 140px;height: 140px;margin-left: 15px;margin-bottom: 10px;}
    .unit7 .bxslider .information .inner7{width:  452px;}
    .unit7 .bxslider .information .toy6 {left: 17%;max-width: 100px;}
    .unit7 .bxslider .information .toy7 {right: 16%;max-width: 100px;}
    /* tab9 */
    .unit9 .bxslider .bg_new {transform: scale(0.6);}
    .unit9 .bxslider .li1 .information .pad {padding-top: 7%;}
    .unit9 .bxslider .li1 .information p {font-size: 28px;line-height: 33px;margin-bottom: 30px;}
    .unit9 .bxslider .bg_new {transform: scale(0.57);transform-origin: 70% 0px;}

    /* unit22 */
    .unit1 .question_ans .left_col {width: 420px;}
    .unit1 .question_ans .left_col {width: AUTO !important;}
    .unit1 .question_ans .left_col{height: auto !important}
    .unit1 .question_ans .left_col .sampleBlocks .card h4 {font-size: 18px;margin: 2px 0px;line-height: 30px;}
    .unit2_1 .li1 .intro_toys .text1 h2 {font-size: 18px;}
    .unit2_1 .li1 .intro_toys .text1:after {bottom: -26px;right: 34px;width: 30px;height: 27px;background-repeat: no-repeat;}
    .unit2_1 .li1 .intro_toys3 img {margin: 0 auto;margin-left: 60px;}
    .unit2_1 .li2 .toy {max-width: 310px;}
    .unit1 .li2 .question_ans {margin-top: 2%;}
    .unit2_1 .li2 .check_up a {width: 125px;height: 42px;font-size: 20px;line-height: 40px;}
    .unit1 .watch_the_movie .question_ans .left_col .sampleBlocks .card h4 {margin: 16px 0px;line-height: 20px;}
    .unit1 .watch_the_movie .right_col1 .que_ans1 .left_col+.left_col {margin-right: 0px;margin-top: 20px;}
    .unit2_1 .li6 .left_col1 .movie_text h3,.unit2_1 .li6 .left_col1 .movie_text p {font-size: 16px;}


    .unit2_2 .bxslider .information .top_col .sampleBlocks .card {min-height: 90px;}
    .unit2_2 .bxslider .information .top_col .sampleBlocks .card.s3 h3 {padding-top:10%;}
    .unit2_2 .bxslider .information .top_col .sampleBlocks .card.s3 h4 {margin: 10px 0px;font-size: 18px;line-height: 19px;}
    .unit2_2 .bxslider .information .top_col .sampleBlocks .card.s2 h4 {margin: 10px 0px;line-height: 20px;}
    .unit2_2 .bxslider .information .top_col .sampleBlocks .card {min-height: 60px;}
    .unit2_2 .bxslider .information .top_col .sampleBlocks .card:after{top: 10px;}
    .unit2_2 .bxslider .information .boy_tab_2 {left: 470px;}
    .unit2_2 .bxslider .information .top_col .sampleBlocks .card.s3 {margin-top: 20px;}

    .unit2_3 .bxslider .li1 .information .top_col .sampleBlocks .card.s4 h4 {margin: 20px 0px;}
    .unit2_3 .bxslider .li1 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 22px;}
    .unit2_3 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 10%;}
    .unit2_3 .bxslider .li2 .information .top_col .sampleBlocks .card {min-height: 60px;}
    .unit2_3 .bxslider .li2 .information .top_col .sampleBlocks .card.s2 h4 {margin: 13px 0px;}
    .unit2_3 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 24px;}
    .unit2_3 .bxslider  .li2 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 12%;}
    .unit2_3 .bxslider .information .top_col .sampleBlocks .card.s3 h4 {margin: 15px 0px;font-size: 18px;}
    .unit2_3 .bxslider .information .top_col {padding-top: 20px;}
    .unit2_3 .bxslider .li3 .information .top_col .sampleBlocks .card.s6 h4 {margin: 4% 0px;}
    .unit2_3 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 34px;}
    .unit2_3 .bxslider .information .top_col .sampleBlocks .card.s3 {margin-top: 30px;}
    .unit2_3 .bxslider .li4 .information .top_col1 .col {width: 160px;height: 110px;padding: 2% 0px;}
    .unit2_3 .bxslider .li4 .information .top_col1 .col p, .unit2_3 .bxslider .li4 .information .top_col1 .col h3 {font-size: 13px;}
    .unit2_3 .bxslider .li4 .information .top_bottom .col h2 {font-size: 18px;line-height: 16px;}
    .unit2_3 .bxslider .li4 .information .top_bottom {width: 315px;}
    .unit2_3 .bxslider .li4 .information .top_bottom .col:after{top: 10px;}
    .unit2_3 .bxslider .li4 .information .car {max-width: 360px;z-index: -1;}
    .unit2_3 .li3 .blue_popup .inner .left_col p {padding: 12.4% 0px;}
    .unit2_3 .bxslider .li5 .information .train {max-width: 117px;}
    .unit2_3 .bxslider .li3 .information .top_col .red_box h3, .unit2_3 .bxslider .li3 .information .top_col .red_box p {font-size: 18px;}
    .unit2_3 .bxslider .information .top_col .sampleBlocks .card.s1 h4 {margin: 20px 0px;}

    .unit2_5 .combo {width: 194px;}
    .unit2_5 .combo span {max-width: 150px;margin: 0 auto;margin-top: 10px;}

    .unit2_6 .inner4 .top_col1 .col p, .unit2_6 .inner4 .top_col1 .col h3 {font-size: 10px;}
    .unit2_6 .inner4 .top_col1 .col.last {padding: 3% 0px;}
    .unit2_6 .li2 .inner4 .top_col2 .col p {font-size: 16px;line-height: 18px;}
    .unit2_6 .inner4 {width: 800px;margin-top: 15px;}
    .unit2_6 .option1 .col h3 {font-size: 20px;line-height: 35px;}
    .unit2_6 .option1 .col {width: 323px;height: 35px;margin-right: 10px;}
    .unit2_6 .option1 {width: 693px;padding: 17px 0px;margin: 0 auto;bottom: 20px;}
    .unit2_6 .option1 .col1 {margin-bottom: 10px;}
    .unit2_6 .inner2 ul li label {width: 318px;height: 35px;}
    .unit2_6 .inner2 ul li i {width: 305px;padding-right: 30px;}
    .unit2_6 .inner2 {width: 660px;min-height: auto;}
    .unit2_6 .option1 {width: 693px;padding: 9px 0px;margin: 0 auto;bottom: 5px;}

    .unit2_7 .bxslider .li2 .information .inner6 .text1 p {font-size: 18px;line-height: 18px;}
    .unit2_7 .bxslider .information .inner6 .text1 {border-radius: 10px;padding-right: 18px;padding-top: 10px;padding-bottom: 10px;}
    .unit2_7 .bxslider .information .toy4 {left: 5%;max-width: 190px;}
    .unit2_7 .bxslider .information .col13 h2 {font-size: 25px;margin: 15px 15px;}

    .unit2_8 .bxslider .information .text_col h2 {font-size: 20px;}
    .unit2_8 .bxslider .information .text_col {width: 500px;padding-right: 0;padding-top: 10px;padding-bottom: 10px;margin-top: 30px;margin: 0 auto;margin-top: 10px;}
    .unit2_8 .bxslider .information .inner7 .col p, .unit2_8 .bxslider .information .inner7 .col h3 {font-size: 12px;}
    .unit2_8 .bxslider .information .inner7 .col {padding: 10% 0px;}
    .unit2_8 .bxslider .information .toy6 {left: 17%;max-width: 170px;}

    .unit2_2 .bxslider .li3 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 11%;}
    .unit2_2 .bxslider .li2 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 5%;}
    .unit2_2 .bxslider .li3 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 5%;}
    .unit1 .watch_the_movie .left_col1 .left_col:after {top: -23px;width: 28px;height: 23px;left: 60px;}
    .unit2_1 .li6 .left_col1 .movie_text {margin-top: 20px;}

    .table_popup .pop_inner .pop_top h4 {font-size: 15px;margin: 1px 0px;}
    .table_popup .pop_inner{top: 45px;}

}
/* 1280 */
@media only screen and (max-width:1365px){

    /* tab1 */
    .unit1 .intro_boyandgirl {margin-top: 16%;}
    .unit1 .watch_the_movie .right_col1 .que_ans1 .left_col .sampleBlocks .card:after {top: -35px;width: 36px;height: 35px;}
    .unit1 .watch_the_movie {margin-top: 13%;}
    .unit1 .question_ans .left_col .sampleBlocks .card h4 {font-size: 18px;line-height: 21px;    margin: 15px 0px;}
    .unit1 .question_ans .left_col {height: 118px;width: 420px;}
    .unit1 .question_ans .left_col .sampleBlocks .card h3 {font-size: 18px;margin: 8% 0px;}
    .unit1 .li2 .question_ans .left_col .sampleBlocks .card h4 {margin: 24px 0px;}
    .unit1 .watch_the_movie .right_col1 .que_ans1 .left_col {height: 103px;}
    .unit1 .watch_the_movie .right_col1 .que_ans1 .left_col+.left_col {margin-right: 0px;margin-top: 12px;}
    .unit1 .watch_the_movie .left_col1 .left_col:after {top: -24px;width: 15px;height: 25px;left: 60px;}
    .unit1 .watch_the_movie .left_col1 .movie {height: 140px;}
    .unit1 .intro_boyandgirl {margin-top: 13%;}
    .unit1 .li4 .intro_boyandgirl .left_col h2 {font-size: 15px;padding: 6px 10px;line-height: 16px;}
    .unit1 .street_side .intro_boyandgirl .boy {height: 45px;}
    .unit1 .street_side .example {margin-top: 2px;}
    .unit1 .street_side .example .inner .left_col h3 {font-size: 20px;height: 30px;line-height: 31px;}
    .unit1 .street_side .example h2 {font-size: 20px;}
    .unit1 .street_side .example .inner .left_col p {font-size: 14px;line-height: 16px;}
    .unit1 .street_side .example .inner .left_col {min-height: 155px;}
    /* tab3 */
    .unit3 .bxslider .information .top_col {padding-top: 10px;}
    .unit3 .bxslider .information .top_col .sampleBlocks .card.s4 h4{font-size: 20px;}
    .unit3 .bxslider .information h2 {margin-top: 0;line-height: 16px;font-size: 20px;}
    /* tab5 */
    .unit5 .rules_screen .inner1 .left_col {min-height: 200px;}
    .unit5 .blue_popup {padding: 20px 20px 20px 20px;top: 10px;}
    .unit5 .blue_popup .laws_close {max-width: 25px;}

    /* tab6 */
    .unit6 .attachment {left: 15px;top: 10px;width: 110px;height: 30px;font-size: 12px;line-height: 35px;}
    .unit6 .bxslider .li2 .information h3 {font-size: 20px;margin-top: 7px;margin-bottom: 0px;line-height: 18px;}
    .unit6 .inner4 .top_col2 {margin-top: 12%;}

    /* tab7 */
    .unit7 .bxslider .information .inner5 p {font-size: 18px;}
    .unit7 .bxslider .information .inner5 {width: 310px;}
    .unit7 .bxslider .information .toy5 {right: 6%;max-width: 90px;}
    .unit7 .bxslider .information .toy4 {left: 10%;max-width: 90px;}

    /* tab8 */
    .unit7 .bxslider .information .inner7 .col {width: 120px;height: 120px;}
    .unit7 .bxslider .information .inner7 {width: 392px;}
    /* tab9 */
    .unit9 .bxslider .li1 .information .coci {bottom: -60px;max-width: 90px;left: 30px;}

    .unit9 .bxslider .bg_new {transform: scale(0.5);transform-origin: 70% 0px;}



    .unit1 .question_ans .left_col .sampleBlocks .card h3 {font-size: 18px;margin: 3% 0px;}
    .unit1 .li2 .question_ans .left_col .sampleBlocks .card h4 {margin: 12px 0px;}
    .unit2_1 .li2 .toy {max-width: 260px;}
    .unit2_1 .li3 .left_col1 .sampleBlocks .card:after {bottom: -43px;right: 100px;width: 27px;height: 45px;}
    .unit1 .question_ans {margin-top: 0;}
    .unit2_1 .li3 .left_col2 .sampleBlocks .card:after {top: -41px;right: 70px;width: 26px;height: 42px;}
    .unit2_1 .li1 .intro_toys .text1 {margin-bottom: 15px;}
    .unit2_1 .li1 .intro_toys .text1 h2 {font-size: 15px;}
    .unit2_1 .li6 .left_col1 .movie_text {margin-top: 12px;}
    .unit2_1 .li3 .left_col2 {bottom: 5px;}

    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 16px;}
    .unit2 .bxslider .li3 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 10%;}


    .unit2_3 .bxslider .information .top_col .sampleBlocks .card.s4 h4 {font-size: 18px;}
    .unit2_3 .bxslider .li2 .information .top_col .sampleBlocks .card.s5 h3 {padding-top: 3%;}
    .unit2_3 .bxslider .li2 .information .top_col .sampleBlocks .card.s5 h4 {margin: 3% 0px;}
    .unit2_3 .bxslider .li3 .information .top_col .red_box {padding: 10px 4px;margin-top: 0px;width: 300px;margin-left: 45px;}
    .unit2_3 .bxslider .li3 .information .top_col .red_box h3, .unit2_3 .bxslider .li3 .information .top_col .red_box p {font-size: 14px;}
    .unit2_3 .bxslider .information h2 {margin: 5px 0px;}
    .unit2_3 .bxslider .li3 .information .top_col .sampleBlocks .card.s2 h4 {margin: 11px 0px;}
    .unit2_3 .bxslider .li3 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 15%;}
    .unit2_3 .bxslider .li4 .information .top_bottom {margin-top: 15px;}
    .unit2_3 .bxslider .li4 .information .top_bottom .girl {left: -130px;max-width: 80px;}
    .unit2_3 .bxslider .li4 .information .top_bottom .boy {right: -125px;max-width: 90px;}
    .unit2_3 .bxslider .li5 .information .train {max-width: 100px;}
    .unit2_3 .bxslider .information .top_col .sampleBlocks .card:after{top: 10px;}
    .unit2_5 .combo span {max-width: 140px;margin: 0 auto;margin-top: 10px;}

    .unit2_6 .inner4 .top_col1 .col p, .unit2_6 .inner4 .top_col1 .col h3 {font-size: 11px;}
    .unit2_6 .inner4 .top_col2 {margin-top: 10%;}
    .unit2_6 .inner4 .top_col2 .col .mid {height: 67px;}
    .unit2_6 .li2 .inner4 .top_col2 .col p {font-size: 12px;line-height: 15px;}
    .unit6 .inner2 ul li {font-size: 19px;line-height: 26px;margin-bottom: 5px;}

    .unit7 .bxslider .information .toy5 {right: 6%;max-width: 68px;}
    .unit7 .bxslider .information .toy4 {left: 4%;max-width: 130px;}

    .unit2_8 .bxslider .information .inner7 .col p, .unit2_8 .bxslider .information .inner7 .col h3 {font-size: 10px;}
    .unit2_8 .bxslider .information .toy6 {left: 16%;max-width: 150px;}




}


/* 1024 */
@media only screen and (max-width:1279px){
    /* index page */
    .logos span {left: 0;bottom: 28px;text-align: center;display: block;width: 100%;z-index: -1}
    .logos span img{max-width:60%;margin: 0 auto;}
    .index_page .new_popup ul li {font-size: 16px;}

    /* tab1 */
    .unit1 .intro_boyandgirl .left_col h2 {font-size: 18px;padding: 8px 10px;line-height: 20px;}
    .unit1 .intro_boyandgirl {margin-top: 27%;}
    .unit1 .question_ans .left_col {height: 118px;width: 320px;}
    .unit1 .question_ans .left_col .sampleBlocks .card h4 {font-size: 15px;line-height: 19px;margin: 15px 0px;}
    .unit1 .question_ans .left_col+.left_col {margin-right: 20px;}
    .unit1 .li2 .question_ans {margin-top: 28%;}
    .unit1 .watch_the_movie .left_col1 {width: 300px;}
    .unit1 .watch_the_movie .right_col1 {margin-right: 0px;width: 335px;}
    .unit1 .watch_the_movie {margin-top: 27%;}
    .unit1 .watch_the_movie .left_col1 .left_col h2 {font-size: 15px;}
    .unit1 .street_side .example h2 {font-size: 30px;margin-top: 20px;}
    .unit1 .street_side .example .inner {width: 680px;}
    .bxslider .law_content .laws_popup{max-width: 620px;}
    /* tab2 */
    .unit2 .bxslider .information .blue_pop_bt {font-size: 14px;right: 20px;padding: 10px 20px;}
    .unit2 .bxslider .information .top_col {padding-top: 19%;}
    .unit2 .blue_popup .inner .left_col h3 {font-size: 12px;}
    .unit2 .blue_popup {max-width: 680px;}
    .unit2 .blue_popup .inner{width: 628px;}
    .unit2 .bxslider .li2  .information .top_col .sampleBlocks .s1 .card h3 {font-size: 18px;padding-top: 25px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 9px;}
    .bxslider .information h2 {font-size: 30px;}
    /* tab3 */
    .unit3 .bxslider .information h2 {margin-top: 10px;}
    .unit3 .bxslider .information h2 {line-height: 26px;font-size: 30px;}
    /* tab4 */
    .unit4 .bxslider .information .girls_tab_4 {top: 31%;right: 8px;}
    .unit2 .bxslider .information .top_col {padding-top: 8%;}

    /* tab5 */
    .unit5 .rules_screen .inner1 {width: 660px;}
    /* tab6 */
    .unit6 .left_img {top: 2%;max-width: 29%;}
    .unit6 .toy_img {top: 33%;max-width: 150px;}
    .unit6 .inner4 .top_col1 .col, .unit6 .inner4 .top_col2 .col {width: 130px;height: 107px;}
    .unit6 .inner4 {width: 680px;margin-top: 24%;}
    .unit6 .inner3 {margin-top: 26%;}

    /* tab7 */
    .unit7 .bxslider .information .inner5{margin-top: 26%;}
    .unit7 .bxslider .information .toy5 {right: 2%;max-width: 90px;}
    .unit7 .bxslider .information .toy4 {left: 2%;max-width: 90px;}
    .unit7 .bxslider .information .inner6 {width: 460px;margin-top: 16%;}
    .unit7 .bxslider .information .art1 {max-width: 200px;top: auto;bottom: 80px;}
    /* tab8 */
    .unit7 .bxslider .information .toy6 {left: 3%;max-width: 130px;}
    .unit7 .bxslider .information .toy7 {right: 4%;max-width: 120px;}
    .unit7 .bxslider .information .inner7 .col {width: 180px;height: 180px;}
    /* tab9 */

    .unit9 .bxslider .li1 .information .pad {padding-top: 14%;}
    .unit9 .bxslider .li1 .information p {font-size: 23px;line-height: 29px;margin-bottom: 20px;}
    .unit9 .bxslider .bg_new {transform: scale(0.59);transform-origin: 102% 0px;}


    .unit2_1 .li1 .question_ans{bottom: 13px;}
    .unit2_1 .li1 .intro_toys3 {left: 53%;}
    .unit1 .li2 .question_ans {margin-top: 8%;}
    .unit2_1 .li2 .toy {max-width: 330px;}
    .unit2_1 .li3 .left_col2 {bottom: 15px;}
    .unit2_1 .li3 .left_col1 {margin-top: 11%;}
    .unit1 .question_ans .left_col .sampleBlocks .card {padding: 0px 10px;}
    .unit2_1 .li6 .left_col1 .movie_text h3, .unit2_1 .li6 .left_col1 .movie_text p {font-size: 15px;}

    .bxslider .information .boy_tab_2{bottom: 85px;}

    .unit2_3 .bxslider .li3 .information .top_col .red_box {padding: 10px 4px;margin-top: 0px;width: 220px;margin-left: 35px;}
    .unit2_3 .bxslider .li4 .information .top_bottom {margin-top: 21%;}
    .unit2_3 .bxslider .li4 .information .bol {left: 6%;bottom: 34%;}
    .unit2_3 .bxslider .li5 .information .truck {right: 17%;top: 34%;MAX-WIDTH: 120px;}
    .unit2_3 .bxslider .li5 .information .train {max-width: 100px;top: auto;bottom: 110px;right: 10px;}

    .unit6 .inner4 .top_col1 .col, .unit6 .inner4 .top_col2 .col {width: 130px;height: 130px;}
    .unit2_6 .inner4 .top_col1 .col.last {padding: 2% 0px;}
    .unit2_6 .option1 {width: 673px;bottom: 20px;}
    .unit2_6 .option1 .col {width: 300px;height: 35px;margin-right: 10px;}

    .unit2_7 .bxslider .information .col13 {top: auto;bottom: 150px;}
    .unit2_7 .bxslider .information .toy4 {left: 2%;max-width: 170px;}
    .unit2_7 .bxslider .information .inner6 .text2 {width: 343px;margin-top: 15px;}

    .unit7 .bxslider .information .inner7 .col {width: 140px;height: 120px;}
    .unit2_8 .bxslider .information .inner7 {margin-top: 21%;}
    .table_popup .pop_inner {top: 90px;width: 880px;}

}