body{border-radius: 50px;}
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
/* 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{ width: 538px;display: inline-block;vertical-align: top;position: relative;background-color: #fff;border: 2px solid #1da8cc;border-radius: 10px;min-height: 130px;}
.unit1 .intro_boyandgirl .left_col+.left_col{padding: 20px 0px}
.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: 30px;}
.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:10% 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;}
#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:17%;}
.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:13% 0px;}
.unit1 .watch_the_movie .question_ans .left_col .sampleBlocks .card h4 {margin:44px 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%;}

.unit1 .li4 .intro_boyandgirl .left_col{height: auto;min-height: 100px;}
.unit1 .li4 .intro_boyandgirl .left_col+.left_col {margin-top: -30px;}
.unit1 .li5  .intro_boyandgirl .left_col{width: auto;min-height: auto;}

/* 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;}

/* new */
.unit2 .bxslider .li1 .information .top_col .sampleBlocks .card {min-height: 100px;}
.unit2 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 52px;}
.unit2 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 h4 {margin: 50px 0px;}
.unit2 .bxslider .li1 .information .top_col .sampleBlocks .card.s2 h4 {margin: 20px 0px;}
.unit2 .bxslider .li1 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 40px;}
.unit2 .bxslider .li2 .information .top_col .sampleBlocks .card {min-height: 150px;}
.unit2 .bxslider .li2 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 50px;}
.unit2 .bxslider .li2 .information .top_col .sampleBlocks .card.s4 h4 {margin: 51px 0px;}
.unit2 .bxslider .li3 .information .top_col .sampleBlocks .card {min-height: 130px;}
.unit2 .bxslider .li3 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 30px;}

.unit2 .bxslider .li4 .information .top_col .sampleBlocks .card {min-height: 100px;}
.unit2 .bxslider .li4 .information .top_col .sampleBlocks .card.s1 h4 {margin: 30px 0px;}
.unit2 .bxslider .li4 .information .top_col .sampleBlocks .card h3 {padding-top: 50px;}
.unit2 .bxslider .li4 .information .top_col .sampleBlocks .card.s2 h4 {margin: 10px 0px;line-height: 30px;}
.unit2 .bxslider .li4 .information .top_col .sampleBlocks .card.s4 h3 {padding-top: 19px;}
.unit2 .bxslider .li4 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 37px;}
.unit2 .li4 .blue_popup .inner .left_col+.left_col p {padding: 56.4% 0px;}
.unit2 .li4 .blue_popup .inner .left_col p {padding: 65.4% 0px;}
.unit2 .li4 .blue_popup h2 {font-size: 60px;font-weight: 400;}
.unit2 .li3 .blue_popup .inner .left_col+.left_col p {padding: 54.4% 0px;}
.unit2 .li3 .blue_popup .inner .left_col p {padding: 64.4% 0px;}



/* 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}

.unit3 .bxslider .information .top_col .sampleBlocks .card{min-height: 130px}
.unit3 .bxslider .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 57px;}
.unit3 .bxslider .information .top_col {padding-top: 130px;}
.unit3 .blue_popup .inner .left_col p {font-size: 20px;padding: 64.4% 0px}
.unit3 .blue_popup .inner .left_col+.left_col p {padding: 58.4% 0px;}




/* 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%}

.unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s1 h4 {margin: 43px 0px;}
.unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card h3 {padding-top: 43px;}
.unit4_1 .bxslider .information .top_col {margin-left: 88px;}
.unit4_1 .bxslider .information .top_col .sampleBlocks .card.s2 {width: 100%;margin-bottom: 20px;}
.unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 50px;}
.unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s8,.unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 {min-height: 100px;width: 80%;}
.unit4_1 .bxslider .li1 .information .boy_tab_2 {left: 680px;}
.unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 16px;}
.unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 h4 {margin: 15px 0px;}
.unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s3:after {transform: rotateX(-150deg);}
.unit4_1 .li1 .blue_popup h2 {font-size: 60px;line-height: 50px;margin-bottom: 40px;font-weight: 400}
.unit4_1 .blue_popup .inner .left_col h3{font-weight: bold}
.unit4_1 .blue_popup .inner .left_col+.left_col p {padding: 51.4% 0px;}
.unit4_1 .blue_popup .inner .left_col p {padding: 57.4% 0px;}

.unit4_1 .title{margin-top: 10px}
.unit4_1 .title h5{color: #f07404;font-size: 42px;width: 367px;height: 67px;border: 1px solid #fff;background-color: rgba(255, 255, 255, 0.7);margin: 0 auto;border-radius: 10px;font-weight: 400;line-height: 72px;}
.unit4_1  .li2 .bottom_col1{display: inline-block;vertical-align: top;width: 720px;margin: 0 auto;margin-top:  140px}
.unit4_1  .li2 .bottom_col1 .col{border: 2px solid #1da8cc;background-color: #fff;border-radius: 10px;position: relative;}
.unit4_1  .li2 .bottom_col1 .col.c1{width: 540px;margin: 0 auto;margin-left: 0;height: 130px;}
.unit4_1  .li2 .bottom_col1 .col h3{color: #2b2b2b;font-weight: 400;font-size: 30px;margin: 0px}
.unit4_1  .li2 .bottom_col1 .col h3 span{color: #1da8cc;margin-left: 15px;}
.unit4_1  .li2 .bottom_col1 .col.c2{text-align: right;padding: 20px 26px 20px 10px;margin-top: 26px;}
.unit4_1  .li2 .bottom_col1 .col.c1 h3{line-height: 130px;}
.unit4_1  .li2 .bottom_col1 .col.c2 h3{line-height: 44px;}
.unit4_1  .li2 .bottom_col1 .col.c1:after {content: '';position: absolute;top: -48px;background-image: url(../img/after.png);background-repeat: no-repeat;background-size: cover;width: 35px;height: 51px;left: 137px;transform: rotatey(180deg);}
.unit4_1  .li2 .bottom_col1 .col.c2:after {content: '';position: absolute;top: -134px;background-image: url(../img/after_gig.png);background-repeat: no-repeat;width: 43px;height: 136px;right: 87px;}
.unit4_1  .li2 .bottom_col1 .fit_genration{display: inline-block;vertical-align: top;margin: 0 auto;color: #fff;font-size: 30px;background-color: #d453c3;border-radius: 8px;text-decoration: none;font-weight: 400;padding: 6px  24px;margin-top: 20px;transition: 0.4s ease all;position: relative;z-index: 999}
.unit4_1  .li2 .bottom_col1 .fit_genration:hover{background-color: #1da8cc}
.unit4_1  .bxslider .law_content .laws_popup{padding: 45px 78px 20px 48px;}
.unit4_1  .bxslider  .li2  .law_content .laws_popup{max-width: 890px;}
.unit4_1  .bxslider .law_content .laws_popup h2{font-size: 60px;color: #c14cb1;font-weight: 400;padding-bottom: 10px}
.unit4_1  .bxslider .law_content .laws_popup h3,.unit4_1  .bxslider .law_content .laws_popup ul li,.unit4_1  .bxslider .law_content .laws_popup ul li span{font-size: 21px;color: #2b2b2b;font-weight: 400;text-align: right;}
.unit4_1  .bxslider .law_content .laws_popup ul li{margin-bottom: 0px;}
.unit4_1  .bxslider .law_content .laws_popup ul li span{padding-left: 0px}
.unit4_1  .bxslider .law_content .laws_popup h3{padding-right: 12px;position: relative;}
.unit4_1  .bxslider .law_content .laws_popup h3:after{position: absolute;content: '';right: 0;top: 10px;width: 5px;height: 5px;border-radius: 50%;background-color: #2b2b2b}
.unit4_1  .bxslider .movie1{width: 722px;height: 406px;margin: 0 auto; margin-top: 13%;}
.unit4_1  .bxslider .movie1 iframe{width: 100%;height: 100%;}





/* 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;}

.unit5 .blue_popup .inner .last {border-top: 5px solid #1da8cc;}
.unit5 .blue_popup .inner ul li p {margin: 10px 0px;}

/* unit6 */
.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: 1132px;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.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:124px;position: relative}
.unit6 .inner4 .top_col1 .col:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.33);opacity: 0;visibility: hidden;}

.unit6 .inner4 .top_col1 .col.ui-state-sdfsdfs:after{opacity: 1;visibility: visible;}
.unit6 .inner4 .top_col1 .col.last{margin-left: 0px;}
.unit6 .inner4 .top_col2{margin-top: 13%;}
.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:124px;position: relative}
.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: 29px;color: #fff;line-height: 33px;}
.unit6 .inner4 .top_col2 .col.last{margin-left: 0px;}

.unit6 .title1 h2{color: #202020;font-size: 42px;;font-weight: 400;display: inline-block;vertical-align: top;background-color: #05b038;padding: 17px 40px;    line-height: 46px;margin-top: -10px ;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}

.unit6 .combo {position: absolute;right: 10px;bottom: 10px;z-index: 999;background-image: url(../img/bg25.png);background-repeat: no-repeat;background-size: 100% 100%;width: 232px;min-height: 100px;padding: 20px 0px;}
.unit6 .combo span {display: block;vertical-align: top;text-align: center;margin: 15px 0px;}
.unit6 .combo span.active {opacity: 0;}
.unit6 .combo span.ui-state-sdfsdfs img{opacity: 0;}
.unit6 .combo span img {max-width: 100%;margin: 0 auto;}
.unit6 .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;}
.unit6 .combo .combo1  img {transform: rotateY(180deg)}
.unit6 .bxslider .information .bg1.dropFinish1{z-index: 1;opacity: 1;visibility: visible}
.unit6 .bxslider .information .bg2.dropFinish2{z-index: 3;opacity: 1;visibility: visible}
.unit6 .bxslider .information .bg3.dropFinish3{z-index: 2;opacity: 1;visibility: visible}
.unit6 .bxslider .information .inner12{width: 1132px;margin: 0 auto;}
.unit6 .bxslider .information .inner12 .top1 .col{background-color: rgba(255, 255, 255, 0.5);padding: 0px 18px 0px 10px;position: relative;}
.unit6 .bxslider .information .inner12 .top1 .col1,.unit6 .bxslider .information .inner12 .top1 .col2{width: 49.4%;min-height: 194px;padding-top: 11px;}
.unit6 .bxslider .information .inner12 .top1 .col1{float: right;}
.unit6 .bxslider .information .inner12 .top1 .col .no{background-repeat: no-repeat;background-position: right center;padding: 5px 0px;margin-bottom: 9px;}
.unit6 .bxslider .information .inner12 .top1 .col1 .no+.no{margin-top: 30px;}
.unit6 .bxslider .information .inner12 .top1 .col2{float: left;}
.unit6 .bxslider .information .inner12 .top1+.top1 {margin-top: 15px;display: block;position: relative}
.unit6 .bxslider .information .inner12 .top1+.top1 .col{width: 100%;padding: 40px 18px 13px 10px } 
.unit6 .bxslider .information .inner12 .top1 .col h3{padding-right: 75px;color: #2b2b2b;font-size: 32px;font-weight: 400;text-align: right;margin: 0px; line-height: 37px;letter-spacing: -1px;}
.unit6 .bxslider .information .inner12 .top1+.top1 .col .no{margin-bottom: 28px;}
.unit6 .bxslider .information .inner12 .top1+.top1 a{position: absolute;left:15px;bottom:20px;background-color: #1da8cc;display: inline-block;vertical-align: top;color: #ffffff;font-size: 29.8px;text-decoration: none;border-radius: 8px;padding:5px 15px;text-align: center;cursor: pointer;}


.unit6 .blue_popup .inner ul li {width: 33% !important;}
.unit6 .blue_popup .inner ul li+li {width: 27% !important;}
.unit6 .blue_popup .inner ul li+li+li {width: 38% !important;}
.unit6 .blue_popup .inner:before {left: 38.2%;}
.unit6 .blue_popup .inner:after {right: 33%;}

.unit6 .bxslider .information .bg1 {width: 92%;height: 104%;}

/* 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: 22px;}
.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: 10px;}
.unit7 .bxslider .information .inner6 .text1{width: 794px;background-color: #fff;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;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;}
/*.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: right;color: #f07404;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:19%;bottom: 45px;}
.unit7 .bxslider .information .toy5{position: absolute;right: 16%;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;}
.unit7 .bxslider .information .toy8{position: absolute;right: 0;bottom: -12px;left: 0;margin: 0 auto;margin: 0 auto}
.unit7 .bxslider .information .toy8 img{max-width: 100%;margin: 0 auto}

.unit8 .bxslider .information .inner6 .text2{width: 100%;text-align: center;margin-top: 40px;padding-top: 34px;padding-bottom: 21px;}
.unit8 .bxslider .information .inner6 .text2 p{text-align: center;font-size: 33px;line-height: 50px;}

/* 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.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{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{font-size: 38px;margin: 2% 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 {font-size: 30px;line-height: 32px;}
.unit9 .bxslider .li4 .bg_new .flip_col .card h4,.unit9 .bxslider .li6 .bg_new .flip_col .card h4,.unit9 .bxslider .li7 .bg_new .flip_col .card h4 {color: #1da8cc;font-size: 30px;font-weight: 400;margin: 2.6% 0px;line-height: 32px;}
.p0{padding: 0 !important }



/* ==*=== 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: 25px;}
    .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;}

    /* new */
    .unit1 .li1 .intro_boyandgirl .left_col {width: 408px;min-height: 100px;}
    .unit1 .li1 .intro_boyandgirl .left_col.boy{padding: 6px  0px;}
    .unit1 .li1 .question_ans .left_col .sampleBlocks .card h3 {font-size: 24px;margin: 3% 0px;}
    .unit1 .li1 .question_ans .left_col {height: auto;}
    .unit1 .li3 .watch_the_movie .right_col1 .que_ans1 .left_col .sampleBlocks .card:after {top: -44px;width: 46px;height: 45px;}
    .unit1 .li3 .watch_the_movie .right_col1 .que_ans1 .left_col {height: 130px;}
    .unit1 .li3 .watch_the_movie .que_ans1 .left_col .sampleBlocks .card h3 {margin: 9% 0px;}
    .unit1 .li3 .watch_the_movie .question_ans .left_col .sampleBlocks .card h4 {margin: 33px 0px;}
    .unit1 .li4 .street_side .intro_boyandgirl .boy {height: auto;min-height: 60px;}
    .unit1 .li4 .intro_boyandgirl .left_col+.left_col {padding: 10px 0px;}

    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .card {min-height: 100px;}
    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .card.s1 h3 {font-size: 24px;padding-top: 35px;}
    .unit2 .bxslider .li3 .information .top_col .sampleBlocks .card {min-height: 100px;}
    .unit2 .li3 .blue_popup .inner .left_col p {padding: 44.4% 0px;}
    .unit2 .li3 .blue_popup .inner .left_col+.left_col p {padding: 34.4% 0px;}
    .unit2 .li4 .blue_popup .inner .left_col+.left_col p {padding: 36.4% 0px;}
    .unit2 .li4 .blue_popup .inner .left_col p {padding: 41.4% 0px;}

    .unit3 .bxslider .information .top_col .sampleBlocks .card.s2 h4 {margin: 34px 0px;}
    .unit3 .bxslider .information h2 {line-height: 55px;}

    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s1 h4 {margin: 30px 0px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card h3 {padding-top: 33px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 30px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s2 h4 {margin: 10px 0px;}
    .unit4_1 .title h5 {font-size: 30px;width: 367px;height: 50px;line-height: 50px;}
    .unit4_1 .li2 .bottom_col1 .col.c1 {height: 60px;}
    .unit4_1 .li2 .bottom_col1 .col.c1 h3 {line-height: 60px;font-size: 24px}
    .unit4_1 .li2 .bottom_col1 .col.c2 h3 {line-height: 34px;}
    .unit4_1 .li2 .bottom_col1 .fit_genration{font-size: 25px;}
    .unit4_1 .bxslider .movie1 {height: 316px;margin-top: 12%;}
    .unit4_1 .bxslider .law_content .laws_popup {padding: 25px 41px 10px 30px;}
    .unit4_1 .bxslider .law_content .laws_popup h2 {font-size: 40px;padding-bottom: 0px;line-height: 40px;}
    .unit4_1 .bxslider .law_content .laws_popup h3 {margin: 13px 0px;}

    .unit6 .combo span {max-width: 66%;margin: 0 auto;}
    .unit6 .bxslider .information h2 {line-height: 35px;}
    .unit6 .bxslider .information .inner12 .top1 .col h3 {padding-right: 65px;font-size: 30px;margin: 0px;line-height: 34px;letter-spacing: -1px;}
    .unit6 .bxslider .information .inner12 .top1 .col .no {background-size: 30px;margin-bottom: 0px;}
    .unit6 .bxslider .information .inner12 .top1 .col1 .no+.no {margin-top: 20px;}
    .unit6 .bxslider .information .inner12 .top1 .col1, .unit6 .bxslider .information .inner12 .top1 .col2 {width: 49.4%;min-height: 156px;padding-top: 6px;}
    .unit6 .bxslider .information .inner12 .top1+.top1 .col {width: 100%;padding: 15px 16px 12px 10px;}
    .unit6 .bxslider .information .inner12 .top1+.top1 .col .no {margin-bottom: 10px;}
    .unit6 .inner3 {margin-top: 6.8%;}

    .unit7 .bxslider .information .toy8 {max-width: 340px;}
    .unit8 .bxslider .information .inner6 .text2 p {line-height: 30px;}










}
/* 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: 13%;}
    .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;}
    .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;}

    /* new */
    .unit1 .li3 .watch_the_movie .right_col1 .que_ans1 .left_col {height: 100px;}
    .unit1 .li3 .watch_the_movie .question_ans .left_col .sampleBlocks .card h4 {margin: 24px 0px;line-height: 25px;}
    .unit1 .li4 .intro_boyandgirl .left_col{width: 300px;}
    .unit1 .li4 .intro_boyandgirl .left_col {height: auto;min-height: 70px;}
    .unit1 .li4 .intro_boyandgirl .left_col+.left_col {margin-top: -10px;}

    .unit2 .bxslider .li1 .information .top_col .sampleBlocks .card {min-height: 68px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s1 h4 {margin: 20px 0px;}
    .unit2 .bxslider .li1 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 30px;}
    .unit2 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 h4 {margin: 30px 0px;}
    .unit2 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 27px;}
    .unit2 .bxslider .li1 .information .top_col .sampleBlocks .card:after{top: 20px;}
    .unit2 .bxslider .li1 .information .top_col .sampleBlocks .card.s2:after{top: auto;bottom: -40px;}
    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .card.s4 h4 {margin: 21px 0px;}
    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 32px;}
    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .card {min-height: 80px;}
    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .card.s1 h3 {font-size: 24px;padding-top: 25px;}
    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 25px;}
    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .card.s2 h4 {margin: 20px 0px;}
    .unit2 .bxslider .li2 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 24px;}
    .unit2 .bxslider .li3 .information .top_col .sampleBlocks .card {min-height: 70px;}
    .unit2 .bxslider .li3 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 10px;}
    .unit2 .bxslider .li3 .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 19px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card.s2 h4 {margin: 20px 0px;}
    .unit2 .bxslider .li4 .information .top_col .sampleBlocks .card.s1 h4 {margin: 16px 0px;}
    .unit2 .bxslider .li4 .information .top_col .sampleBlocks .card h3 {padding-top: 23px;}
    .unit2 .bxslider .li4 .information .top_col .sampleBlocks .card {min-height: 80px;}
    .unit2 .bxslider .li4 .information .top_col .sampleBlocks .card.s2 h4 {margin: 15px 0px;line-height: 20px;}
    .unit2 .li3 .blue_popup .inner .left_col+.left_col p {padding: 14.4% 0px;}
    .unit2 .li3 .blue_popup .inner .left_col p {padding: 22.4% 0px;font-size: 22px;}
    .unit2 .li4 .blue_popup .inner .left_col+.left_col p {padding: 16.4% 0px;}
    .unit2 .li4 .blue_popup .inner .left_col p {padding: 18.4% 0px;font-size: 22px;}

    .unit3 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 15px;}
    .unit3 .bxslider .information .top_col .sampleBlocks .card {min-height: 90px;}

    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s1 h4 {margin: 10px 0px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card h3 {padding-top: 13px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card {min-height: 50px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card:after {top: 10px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s8, .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 {min-height: 60px;width: 80%;}
    .unit4_1 .bxslider .information .top_col .sampleBlocks .card h4 {margin: 10px 0px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card:after {top: 10px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 h4 {margin: 14px 0px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s3 h3 {padding-top: 11px;}
    .unit4_1 .bxslider .information .top_col .sampleBlocks .card.s3 {margin-top: 20px;}
    .unit4_1 .bxslider .information .top_col .sampleBlocks .card:after{width: 30px;height: 34px;background-size: 100%;    right: -29px;}
    .unit4_1 .bxslider .li1 .information .top_col .sampleBlocks .card.s2:after {top: auto;bottom: -31px;}
    .unit4_1 .bxslider .li1 .information .boy_tab_2 {left: 500px;}
    .unit4_1 .title h5 {font-size: 25px;width: 300px;height: 40px;line-height: 40px;}
    .unit4_1 .li2 .bottom_col1 {margin-top: 80px;}
    .unit4_1 .li2 .bottom_col1 .col.c1:after {top: -37px;width: 25px;height: 39px;left: 157px;}
    .unit4_1 .li2 .bottom_col1 .col.c2 h3 {line-height: 24px;font-size: 20px;}
    .unit4_1 .li2 .bottom_col1 .fit_genration {font-size: 18px;margin-top: 10px;}
    .unit4_1 .li2 .bottom_col1 .col.c2:after {top: -100px;width: 43px;height: 100px;right: 87px;}
    .unit4_1 .li1 .blue_popup h2 {font-size: 40px;line-height: 40px;margin-bottom: 20px;font-weight: 400;}
    .unit4_1 .bxslider .movie1 {height: 256px;margin-top: 9%;width: 540px;}
    .unit4_1 .bxslider .law_content .laws_popup h3 {margin: 5px 0px;}
    .unit4_1 .bxslider .law_content .laws_popup h3, .unit4_1 .bxslider .law_content .laws_popup ul li, .unit4_1 .bxslider .law_content .laws_popup ul li span {font-size: 18px;}
    .unit4_1 .bxslider .law_content .laws_popup ul{padding-right: 10px;}

    .unit6 .combo {width: 172px;}
    .unit6 .inner4 .top_col1 .col {margin-left: 50px;}
    .unit6 .inner4 .top_col2 .col {margin-left: 50px;}
    .unit6 .inner4 .top_col2 .col p {font-size: 17px;line-height: 18px;}

    .unit6 .bxslider .information .inner12 {width: 890px;margin: 0 auto;   margin-top: 24px;}
    .unit6 .bxslider .information .inner12 .top1 .col h3 {padding-right: 40px;font-size: 25px;margin: 0px;line-height: 24px;letter-spacing: -1px;}
    .unit6 .bxslider .information .inner12 .top1 .col .no {background-size: 25px;margin-bottom: 0px;}
    .unit6 .bxslider .information .inner12 .top1 .col1, .unit6 .bxslider .information .inner12 .top1 .col2 {min-height: 120px;padding-top: 6px;}
    .unit6 .bxslider .information .inner12 .top1+.top1 .col .no {margin-bottom: 5px;}
    .unit6 .bxslider .information .inner12 .top1+.top1 a {font-size: 18px;}
    .unit6 .blue_popup{top: 8px;}
    .unit6 .inner3 {margin-top: 9%;}

    .unit7 .bxslider .information .toy8 {max-width: 240px;}
    .unit7 .bxslider .information .inner6 .text2 {width: 400px;border-radius: 10px;padding-right: 28px;padding-top: 10px;padding-bottom: 10px;}

    .unit8 .bxslider .information .toy8 {max-width: 250px;}
    .unit2 .bxslider .information .top_col .sampleBlocks .card:after{top: 20px;}
    .unit6 .combo {width: 135px;}

}
/* 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;}

    /* new */
    .unit1 .li1 .question_ans .left_col .sampleBlocks .card h3 {font-size: 20px;margin: 3% 0px;}
    .unit1 .watch_the_movie .left_col1 .movie {height: 170px;}
    .unit1 .street_side .example .inner .left_col {min-height: 135px;}

    .unit2 .bxslider .information .top_col .sampleBlocks .card.s3 {margin-top: 22px;}
    .unit2 .bxslider .li4 .information .top_col .sampleBlocks .card.s2 h4 {margin: 10px 0px;line-height: 18px;}
    .unit2 .li4 .blue_popup h2 {font-size: 40px;font-weight: 400;line-height: 30px;}

    .unit3 .bxslider .information .top_col {padding-top: 80px;}

    .unit4_1 .bxslider .information .top_col {padding-top: 4px;}
    .unit4_1 .bxslider .information .top_col .sampleBlocks .card.s2 {width: 100%;margin-bottom: 10px;}
    .unit4_1 .bxslider .information .top_col .sampleBlocks .card.s3 {margin-top:10px;}
    .unit4_1 .bxslider .information .blue_pop_bt {bottom: 0px;right: 60px;bottom: 20px;}
    .unit4_1 .li2 .bottom_col1 {width: 590px;margin: 0 auto;margin-top: 60px;}
    .unit4_1 .li2 .bottom_col1 .col.c1 {width: 420px;}
    .unit4_1 .li2 .bottom_col1 .col.c1 h3 {line-height: 45px;font-size: 20px;}
    .unit4_1 .li2 .bottom_col1 .col.c1 {height: 45px;}
    .unit4_1 .li2 .bottom_col1 .col.c2 {margin-top: 16px;}
    .unit4_1 .li2 .bottom_col1 .col.c2:after {top: -70px;width: 43px;height: 70px;right: 87px;}
    .unit4_1 .li2 .bottom_col1 .col.c1:after {left: 115px;}
    .unit4_1 .bxslider .movie1 {height: 216px;margin-top: 9%;width: 490px;}
    .unit4_1 .bxslider .law_content .laws_popup h2 {font-size: 35px;padding-bottom: 0px;line-height: 30px;}
    .unit4_1 .bxslider .law_content .laws_popup h3, .unit4_1 .bxslider .law_content .laws_popup ul li, .unit4_1 .bxslider .law_content .laws_popup ul li span {font-size: 17px;}
    .unit4_1 .bxslider .li2 .law_content .laws_popup {max-width: 720px;}
    .unit4_1 .bxslider .law_content {top: 9%;}
    .unit6 .combo {width: 147px;}
    .unit6 .bxslider .information .inner12 {width: 850px;margin: 0 auto;margin-top: 9px;}

    .unit7 .bxslider .information .toy8 {max-width: 170px;}

}


/* 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;}

    /* new */
    .unit1 .li1 .intro_boyandgirl .left_col {width: 308px;min-height: 100px;}
    .unit2 .li3 .blue_popup .inner .left_col p {font-size: 18px;}
    .unit2 .li4 .blue_popup .inner .left_col p {padding: 26.4% 0px;font-size: 18px;}
    .unit2 .li4 .blue_popup .inner .left_col+.left_col p {padding: 26.4% 0px;}

    .unit3 .bxslider .information .top_col {padding-top: 32%;}
    .unit3 .bxslider .information .top_col .sampleBlocks .card.s2 h3 {padding-top: 17px;}

    .unit4_1 .bxslider .information .top_col {padding-top: 21%;}
    .unit4_1 .bxslider .information .top_col {margin-left: 48px;}
    .unit4_1 .bxslider .li1 .information .boy_tab_2 {left: 460px;}
    .unit4_1 .li2 .bottom_col1 {width: 540px;margin: 0 auto;margin-top: 130px;}
    .unit4_1 .title h5 {font-size: 22px;width: 240px;height: 40px;line-height: 40px;}
    .unit4_1 .title {margin-top: 10px;}
    .unit4_1 .bxslider .movie1 {height: 250px;margin-top: 20%;width: 490px;}
    .unit4_1 .bxslider .li2 .law_content .laws_popup {max-width: 660px;}

    .unit6 .bxslider .information .inner12 {width: 680px;margin: 0 auto;margin-top: 28px;}
    .unit6 .bxslider .information .inner12 .top1 .col h3 {padding-right: 30px;font-size: 20px;margin: 0px;line-height: 26px;letter-spacing: -1px;}
    .unit6 .bxslider .information .inner12 .top1 .col .no {background-size: 20px;margin-bottom: 0px;}

    .unit7 .bxslider .information .toy8 {max-width: 270px;}

    .index_page .new_popup .inner .blog .col1 {padding-right: 24px;width: 130px;}




}