body{background:#f5f5f5}body .header.header_detail{height:116px}body .header .overflowmenu{overflow:unset}body .header .logo{z-index:10}.banner-topic{display:inline-block;text-align:center;position:relative;width:100%}.banner-topic a{display:block;position:relative}.banner-topic a .banner-name{position:absolute;top:105px;width:100%}.banner-topic a span{color:#fff;font-size:30px;line-height:35px;text-transform:uppercase;display:block;width:100%;text-align:left;padding:0 30px}.banner-topic .block-breadcrumbs{position:absolute;top:65px;width:100%}.banner-topic .block-breadcrumbs .breadcrumbs{display:inline-block;list-style:none}.banner-topic .block-breadcrumbs .breadcrumbs .breadcrumb-item{float:left;font-weight:normal;white-space:nowrap;padding:0px 15px 0 5px;position:relative;font-size:13px;color:#ccc}.banner-topic .block-breadcrumbs .breadcrumbs .breadcrumb-item a{color:#ccc;font-size:13px;text-decoration:none}.banner-topic .block-breadcrumbs .breadcrumbs .breadcrumb-item:before{content:none}.banner-topic .block-breadcrumbs .breadcrumbs .breadcrumb-item:after{position:absolute;content:'';background-image:url("../images/right_arrow.png");background-repeat:no-repeat;background-position:0px 0px;width:7px;height:10px;top:5px;right:0px}.banner-topic .block-breadcrumbs .breadcrumbs .breadcrumb-item.active:after{background:none}.banner-topic .block-breadcrumbs .breadcrumbs .breadcrumb-item.active{color:#fff}#learn-class{position:relative}#learn-class #main-column-left{padding-top:20px;float:left;width:760px;margin-bottom:20px}#learn-class #main-column-left .frame-video{border-radius:10px;margin-bottom:30px;overflow:hidden;position:relative}#learn-class #main-column-left .frame-video .click-order{background:url("../images/bg-title.png") repeat scroll center;height:100%;width:100%;text-align:center;position:absolute;top:0;left:0}#learn-class #main-column-left .frame-video .click-order a{background:red;border-radius:5px;color:#fff;font-size:16px;line-height:22px;padding:8px 15px;position:absolute;top:45%;left:20%;right:20%}#learn-class #main-column-left .title{display:block;font-size:24px;color:#333333;font-family:"SegoeUIBold";margin:0 0 20px;text-transform:uppercase}#learn-class #main-column-left .trailer{background:#00aeef;color:#fff;font-size:16px;line-height:22px;cursor:pointer;margin:0 0 15px;padding:8px 0}#learn-class #main-column-left .trailer .learn-time{color:#333;float:right;padding-right:20px}#learn-class #main-column-left .trailer .ordering{padding:0 20px}#learn-class #main-column-left .trailer .iconlive{background:url("../images/icon-live.png") no-repeat scroll left center;border-radius:4px;float:right;width:40px;height:22px;margin-right:10px}#learn-class #main-column-left .list-class{list-style:none;padding:0}#learn-class #main-column-left .list-class>li{margin-bottom:20px}#learn-class #main-column-left .list-class>li>span{color:#0098d1;font-size:16px;font-family:"SegoeUIBold";margin-bottom:10px;display:block;cursor:pointer}#learn-class #main-column-left .list-class>li ul{list-style:none;padding:0}#learn-class #main-column-left .list-class>li ul li{border-top:1px solid #e5e5e5;position:relative}#learn-class #main-column-left .list-class>li ul li a{color:#333;font-size:16px;line-height:22px;display:block;padding:8px 0;cursor:pointer}#learn-class #main-column-left .list-class>li ul li a .learn-trial{background:url("../images/icon-video.png") no-repeat scroll left center;color:#0098d1;float:right;padding-left:20px;width:95px}#learn-class #main-column-left .list-class>li ul li a .learn-trial.active{background:none;color:#333;padding-left:0px}#learn-class #main-column-left .list-class>li ul li a .view{background:url("../images/icon-view.png") no-repeat scroll left center;color:#999999;float:right;padding-left:20px;width:95px}#learn-class #main-column-left .list-class>li ul li a .ordering{padding:0 20px}#learn-class #main-column-left .list-class>li ul li a .calendar-right{float:right;margin-right:45px}#learn-class #main-column-left .list-class>li ul li a .iconlive{background:url("../images/icon-live.png") no-repeat scroll left center;border-radius:4px;float:right;width:40px;height:22px;margin-right:10px;display:none}#learn-class #main-column-left .list-class>li ul li a:hover,#learn-class #main-column-left .list-class>li ul li a.active{background:#fff}#learn-class #main-column-left .list-class>li ul li a:hover .ordering,#learn-class #main-column-left .list-class>li ul li a.active .ordering{background:url("../images/icon-video-hover.png") no-repeat scroll center;color:transparent}#learn-class #main-column-left .list-class>li ul li a.active .iconlive{display:block}#learn-class #main-column-left .list-class>li ul li.isview a{color:#999999}#learn-class #main-column-left .list-class>li ul li.clickview{color:#0098d1;font-size:16px;padding:8px 20px;cursor:pointer}#learn-class #main-column-left .list-class>li ul li.clickview:hover{background:none;color:#337ab7}#learn-class #main-column-left .list-class>li ul li .notifyjs-wrapper{z-index:1;position:absolute;display:inline-block;height:0;width:0}#learn-class #main-column-left .list-class>li ul li .notifyjs-wrapper .notifyjs-arrow{bottom:0px;left:10px;border-top:5px solid #d6e9c6;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;z-index:2;width:0;height:0}#learn-class #main-column-left .list-class>li ul li .notifyjs-wrapper .notifyjs-container{bottom:5px;left:0px;z-index:1;position:absolute}#learn-class #main-column-left .list-class>li ul li .notifyjs-wrapper .notifyjs-container .notifyjs-bootstrap-base{font-weight:bold;padding:8px 15px 8px 14px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:nowrap;padding-left:25px;background-repeat:no-repeat;background-position:3px 7px}#learn-class #main-column-left .list-class>li ul li .notifyjs-wrapper .notifyjs-container .notifyjs-bootstrap-base.notifyjs-bootstrap-success{color:#468847;background-color:#DFF0D8;border-color:#D6E9C6;background-image:url("../images/download.png")}#learn-class #main-column-left .list-class>li.active ul{display:none}#learn-class #main-column-left .description{line-height:22px;font-size:16px;margin-bottom:20px;color:#333;text-align:justify}#learn-class #main-column-left .description p{color:#333;line-height:22px;font-size:16px;margin-bottom:10px}#learn-class #main-column-right{width:360px;float:right}#learn-class #main-column-right .info-teacher{margin-top:-137px}#learn-class #main-column-right .info-teacher .teacheritem{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px}#learn-class #main-column-right .info-teacher .teacheritem .nameavatar{margin-bottom:20px;text-align:center;position:relative}#learn-class #main-column-right .info-teacher .teacheritem .nameavatar .nameleft{position:absolute;left:0;top:20px;text-align:left}#learn-class #main-column-right .info-teacher .teacheritem .nameavatar .nameleft p{color:#666;font-size:14px;margin-bottom:5px;padding:0}#learn-class #main-column-right .info-teacher .teacheritem .nameavatar .nameleft p span{color:#333;font-family:"SegoeUIBold";text-transform:uppercase}#learn-class #main-column-right .info-teacher .teacheritem .nameavatar .register-cmt{position:absolute;right:0;top:20px;text-align:right}#learn-class #main-column-right .info-teacher .teacheritem .nameavatar .register-cmt p{color:#999;font-size:14px;margin-bottom:5px;padding:0}#learn-class #main-column-right .info-teacher .teacheritem .nameavatar .register-cmt .star{display:block;width:100%;height:14px}#learn-class #main-column-right .info-teacher .teacheritem .nameavatar .register-cmt .star span{background:url("../images/icon-star.png") repeat scroll left center;width:90px;height:14px;float:right;position:relative}#learn-class #main-column-right .info-teacher .teacheritem .nameavatar .register-cmt .star span i{position:absolute;top:0;left:0;background:url("../images/icon-star-active.png") repeat scroll left center;width:80%;height:14px}#learn-class #main-column-right .info-teacher .teacheritem .btnclick{background:#00aeef;border:1px solid #00aeef;border-radius:4px;color:#fff;font-size:16px;font-family:"SegoeUIBold";display:block;padding:8px 25px;margin-bottom:15px;text-align:center;text-transform:uppercase}#learn-class #main-column-right .info-teacher .teacheritem .italic{font-style:italic;text-align:center;margin-bottom:15px}#learn-class #main-column-right .info-teacher .teacheritem .title{display:block;font-size:14px;color:#333333;font-family:"SegoeUIBold";margin:0 0 5px;text-transform:uppercase}#learn-class #main-column-right .info-teacher .teacheritem p{color:#666;line-height:20px;font-size:14px;margin-bottom:5px;padding-left:20px}#learn-class #main-column-right .info-teacher .teacheritem p.icon01{background:url("../images/icon-01.png") no-repeat scroll left center}#learn-class #main-column-right .info-teacher .teacheritem p.icon02{background:url("../images/icon-02.png") no-repeat scroll left center}#learn-class #main-column-right .info-teacher .teacheritem p.icon03{background:url("../images/icon-03.png") no-repeat scroll left center}#learn-class #main-column-right .info-teacher .teacheritem p.icon04{background:url("../images/icon-04.png") no-repeat scroll left center}#learn-class #main-column-right .info-teacher .teacheritem p.icon05{background:url("../images/icon-05.png") no-repeat scroll left center}#learn-class #main-column-right .info-teacher .teacheritem p.icon06{background:url("../images/icon-06.png") no-repeat scroll left center}#learn-class #main-column-right .info-teacher .teacheritem p.icon07{background:url("../images/icon-07.png") no-repeat scroll left center}#learn-class #main-column-right .info-teacher .teacheritem p.icon08{background:url("../images/icon-08.png") no-repeat scroll left center}#learn-class .classes-teacher{margin-bottom:30px}#learn-class .classes-teacher .title{color:#333;font-size:24px;margin-bottom:17px;text-transform:uppercase}#learn-class .classes-teacher #popular-classes .item{position:relative}#learn-class .classes-teacher #popular-classes .item .alumni-img{display:block;border-radius:5px;margin-bottom:10px;overflow:hidden}#learn-class .classes-teacher #popular-classes .item .alumni-content span{display:block;font-size:13px;color:#333333;margin-bottom:8px;text-align:left;text-transform:uppercase}#learn-class .classes-teacher #popular-classes .item .alumni-content span.address{margin-bottom:0px;text-transform:none}#learn-class .classes-teacher #popular-classes .item .alumni-content span.summary{font-family:"SegoeUIBold"}#learn-class .classes-teacher #popular-classes .item .alumni-content:hover .summary{color:#00aeef}#learn-class .classes-teacher #popular-classes .owl-nav .owl-prev,#learn-class .classes-teacher #popular-classes .owl-nav .owl-next{position:absolute;top:20%;width:35px;height:35px}#learn-class .classes-teacher #popular-classes .owl-nav .owl-prev{background:url("../images/icon-prev.png") no-repeat scroll center center;left:-17px}#learn-class .classes-teacher #popular-classes .owl-nav .owl-next{background:url("../images/icon-next.png") no-repeat scroll center center;right:-17px}#learn-class .classes-teacher #popular-classes .owl-theme .owl-dots{display:none}#learn-class .classes-teacher #typical-teachers .item{background:url("../images/bg-item-teacher.png") no-repeat scroll center center;border-radius:10px;position:relative;padding:30px 0}#learn-class .classes-teacher #typical-teachers .item .alumni-img{display:block;border:2px solid #fff;border-radius:50%;overflow:hidden;width:108px;margin:0 auto 20px}#learn-class .classes-teacher #typical-teachers .item .alumni-content span{display:block;font-size:13px;color:#333333;margin-bottom:8px;text-align:center;text-transform:uppercase}#learn-class .classes-teacher #typical-teachers .item .alumni-content span.address{margin-bottom:0px;text-transform:none}#learn-class .classes-teacher #typical-teachers .item .alumni-content:hover .name{color:#00aeef}#learn-class .classes-teacher #typical-teachers .owl-nav .owl-prev,#learn-class .classes-teacher #typical-teachers .owl-nav .owl-next{position:absolute;top:43%;width:35px;height:35px}#learn-class .classes-teacher #typical-teachers .owl-nav .owl-prev{background:url("../images/icon-prev.png") no-repeat scroll center center;left:-17px}#learn-class .classes-teacher #typical-teachers .owl-nav .owl-next{background:url("../images/icon-next.png") no-repeat scroll center center;right:-17px}#learn-class .classes-teacher #typical-teachers .owl-theme .owl-dots{display:none}@media screen and (max-width: 1024px){.banner-topic a img{width:100%}}@media screen and (max-width: 853px){body .header #search_form_filter{width:100%;padding:0 5px}}@media screen and (max-width: 768px){body .header.header_detail{min-height:110px;height:auto}body .header.header_detail .listmenu-detail{margin:10px 0 0 28px}.banner-topic .block-breadcrumbs{top:25px;width:100%;padding:0 10px}.banner-topic a img{min-height:120px}.banner-topic a .banner-name{top:60px}.banner-topic a .banner-name span{padding:0 10px}#learn-class{padding:0 5px}#learn-class #main-column-left{width:100%}#learn-class #main-column-left .frame-video,#learn-class #main-column-left .frame-video img{width:100%}#learn-class #main-column-right{width:100%}#learn-class #main-column-right .info-teacher{margin-top:0}}@media screen and (max-width: 480px){#learn-class{padding:0 5px}#learn-class #main-column-left .list-class>li ul li a .learn-trial,#learn-class #main-column-left .list-class>li ul li a .view{display:block;float:none;margin:5px 0 0 20px}}
/*# sourceMappingURL=hoc_class.css.map */