#banner_bg {width: 100%; height: 642px; position: relative; z-index: 1;}
#banner {height: 642px;}
#banner img {max-width: none; }
#banner .hkuc_fs_center_inner img{ height: 642px; }
#banner .wrap {position: relative; margin-top: -370px;}
#banner .wrap .turn_left {cursor: pointer; position: absolute; left: -155px; top:0px; width: 52px; height: 101px; z-index: 1000;}
#banner .wrap .turn_right {cursor: pointer; position: absolute; right: -155px; top: 0px; width: 52px; height: 101px; z-index: 1000;}

#registration_bg {width: 100%; height: 74px; background: url("../images/registration_bg.png") repeat-x; margin-top: -4px;position: relative; z-index: 2}
#registration ul li {float: left;}
#registration .pic {padding-top: 19px;}
#registration .title {padding: 28px 38px 0px 18px; font-size: 18px; }
#registration ul .word_line {padding: 25px 0px 6px 0px; margin-right: 20px; border-bottom: 1px solid #ffffff; width: 137px; font-size: 14px;}
#registration ul .word_line span{float:left;}
#registration ul .word_line input { border: none; background-color: #2c806d; width: 94px;float:left;margin-left:10px;}
#registration ul .word_line select { border: none; background-color: #2c806d; float: right; width: 128px;}
#registration ul .word_line .word { float: left}
#registration ul .submit {float: right;}
#registration .button input {border: none; width:175px; font-size: 18px; background-image: url("../images/registration_submit.jpg");text-align: center; height: 40px; line-height: 40px; margin-top: 20px;}

#curriculum_system_bg {width: 100%; height: 581px; background-color: #7bddff;}
#curriculum_system {padding-top: 77px;}
#curriculum_system .header {height: 71px;}
#curriculum_system .header .title {width: 370px; border-bottom: 1px solid #ffffff; height: 52px; float: left;}
#curriculum_system .header .title .left {font-size: 30px;}
#curriculum_system .header .title .right {font-size: 24px; float: left; margin: 10px 0px 0px 7px;}
#curriculum_system .header .more {float: right; margin-top: 5px;}
#curriculum_system .container {width: 999px; height: 395px; }
#curriculum_system .block {width: 333px; height: 395px; float: left; font-size: 16px; }
#curriculum_system .block_left {height: 55px; width: 333px; background-color: #0097dc; line-height: 55px; text-align: center;}
#curriculum_system .block_center {height: 55px; width: 333px; background-color: #fbbf58; line-height: 55px; text-align: center;}
#curriculum_system .block_right {height: 55px; width: 333px; background-color: #7c6dc7; line-height: 55px; text-align: center;}
#curriculum_system .content {height: 340px; width: 333px; font-size: 12px; position: relative;overflow: hidden;}
#curriculum_system .container .content .content_2 {display: none; height: 340px; width: 333px; background-color: black; opacity: 0.6; position: absolute; top: 0px; left: 0px; line-height: 25px; text-indent: 2em; }
#curriculum_system .container .content .content_2 .word { padding: 70px 32px 0px 32px;}
#curriculum_system .content:hover .content_2 {display: block;}
#about_ding_bg {width: 100%; height: 457px; background: url("../images/about_ding_bg.png") repeat-x;  position: relative; z-index: 11;}
#about_ding {position: relative;}
#about_ding .title{padding-top: 26px; color: #327a16; width: 369px; border-bottom: 1px solid #327a16; height: 80px; +height: 55px;}
#about_ding .title .left {font-size: 30px;}
#about_ding .title .right {font-size: 24px; float: left; margin: 9px 0px 0px 10px;}
#about_ding .content .about_ding_img {width: 210px; height: 354px; position: absolute; top: 103px; left: 60px;}
#about_ding .content .about_ding_content {width: 545px; position: absolute; top: 134px; right: 33px; font-size: 14px; color: black; text-indent: 2em; line-height: 30px;}
#about_ding .content .detail {position: absolute; top: 395px; right: 470px; width: 111px; text-align: center; height: 38px; line-height: 38px; background-color: #fc8162;}

#star_teacher_bg {height: 497px; width: 100%; background-color: #77cae7; margin-top: -2px; position: relative; z-index: 10;}
#star_teacher {position: relative;}
#star_teacher .title{color: #ffffff; width: 369px; border-bottom: 1px solid #ffffff; padding-bottom: 12px; position: absolute; top: 54px; }
#star_teacher .title .left {font-size: 30px; padding-left: 1px;}
#star_teacher .title .right {font-size: 24px; float: left; margin: 9px 0px 0px 12px;}
#star_teacher .button {position: absolute; top: 56px; right: 0px;}
#button_1 {background-color: #2c806d;}
#star_teacher .button li  {cursor: pointer;}
#star_teacher .button li {float: left; margin-left: 29px; border: 3px solid #ffffff; padding: 10px 7px 10px 8px;}
#star_teacher .block {position: absolute; top: 134px; width: 999px; height: 305px;}
#block_two {visibility:hidden;}
#block_three {visibility:hidden;}
#star_teacher .block_1 {width: 226px; height: 305px; float: left; position: relative; overflow: hidden;margin-right:30px;}
#star_teacher .last{margin-right:0px;}
#star_teacher .block_1 .content_1 {background-color: #fc8162; width: 226px; height: 305px;overflow: hidden;}
#star_teacher .block_1 .content_2 {display: none; position: absolute; background-color: #03271f; opacity: 0.8; top: 0px;left: 0px; width: 226px; height: 302px; z-index: 1100;}
#star_teacher .block_1:hover .content_2 {display: block;}
#star_teacher .content_2 .word {padding: 0px 32px 0px 35px;}
#star_teacher .content_2 .word .header {font-size: 16px; padding: 50px 0px 39px 0px;}
#star_teacher .container {font-size: 12px; line-height: 24px; padding-bottom: 39px;}
#star_teacher .more {font-size: 14px; text-align: center;}
#star_teacher .bottom_line {background-color: #0c3169; height: 3px; width: 226px; position: absolute; bottom: -3px;}

#parent_of_the_child_bg {width: 100%; height: 435px; background: url("../images/parent_of_the_child.png") repeat-x; position: relative; z-index: 2;}
#parent_of_the_child {position: relative;}
#parent_of_the_child .title{color: #ffffff; width: 481px; border-bottom: 1px solid #ffffff; padding-bottom: 6px; position: absolute; top: 46px; }
#parent_of_the_child .title .left {font-size: 30px; padding-left: 1px;}
#parent_of_the_child .title .right {font-size: 24px; float: left; margin: 9px 0px 0px 14px;}
#parent_of_the_child .block {position: absolute; top: 114px; width: 999px; height: 276px; }
#parent_of_the_child .block .block_1 {float: left; width: 240px; height: 276px;margin-right: 12px;overflow:hidden;}
#parent_of_the_child .block .last {margin-right:0px;}
#parent_of_the_child .block .name {width: 240px; height: 48px; text-align: center; line-height: 48px; background-color: #3cad6b; margin-top: -4px; font-size: 14px;}
#parent_of_the_child .block .block_1:hover .name,
#parent_of_the_child .block .block_2:hover .name{background-color: #34b4d4;}

#one_to_one_tutoring_bg {width: 100%; height: 539px; background: #7bddff repeat-x; margin-top: -3px; position: relative; z-index: 1;}
#one_to_one_tutoring .title{color: #0397dc; width: 481px; border-bottom: 1px solid #ffffff; padding-bottom: 13px; position: absolute; top: 23px; }
#one_to_one_tutoring .title .left {font-size: 30px; padding-left: 1px;}
#one_to_one_tutoring .title .left  a{color:#0397dc;}
#one_to_one_tutoring .title .right {font-size: 24px; float: left; margin: 9px 0px 0px 16px;}
#one_to_one_tutoring_bg .map_bg{width: 570px;height: 480px;background: url(../images/map.png) no-repeat;position: relative;top: 40px;margin: 0 auto;}
#one_to_one_tutoring_bg .map_bg .dot_small,
#one_to_one_tutoring_bg .map_bg .dot_big{position:absolute;width: 17px;height: 28px;cursor: pointer;}
#one_to_one_tutoring_bg .map_bg div img{width:100%;height:100%;}
#one_to_one_tutoring_bg .map_bg div p{width: 30px;height: 40px;position: absolute;top: 1px;left: 14px;font-size: 14px;overflow: hidden;display: none;}

#recruitment_and_news_bg {width: 100%; height: 367px; background-color: #f4faf8;}
#recruitment_and_news a {color: black;}
#recruitment_and_news  {color: black;}
#recruitment_and_news .recruitment {float: left; padding-top: 25px; width: 395px;height: 314px;overflow: hidden;}
#recruitment_and_news .recruitment .title {font-size: 20px;font-weight: bold;}
#recruitment_and_news .recruitment .e_title {font-size: 16px; color: #cfd2d1;}
#recruitment_and_news .recruitment .ul {margin-top: 20px; }
#recruitment_and_news .recruitment .ul li {background: url("../images/ul_pic.jpg") no-repeat center left; line-height: 29px; width: 395px;clear: both;}
#recruitment_and_news .recruitment .ul li span {margin-left: 11px;width: 25px;padding-right: 10px;}
#recruitment_and_news .recruitment .ul li span.right{width: 255px;padding-right: 0;}
#recruitment_and_news .recruitment .ul li span font{float:left;}
#recruitment_and_news .recruitment .ul li a{color: black;}
#recruitment_and_news .recruitment .ul li a:hover {color: #2c806d;}

#recruitment_and_news .news {float: left; margin: 24px 0px 0px 81px;width: 395px;      height: 290px;      overflow: hidden;}
#recruitment_and_news .news .title {font-size: 20px;font-weight: bold;}
#recruitment_and_news .news .e_title {font-size: 16px; color: #cfd2d1;}
#recruitment_and_news .news .ul {margin-top: 20px;}
#recruitment_and_news .news .ul li {background: url("../images/ul_pic.jpg") no-repeat center left; line-height: 29px;}
#recruitment_and_news .news .ul li span {margin-left: 11px;}
#recruitment_and_news .news .ul li span a:hover {color: #2c806d;}