/*@
/*  bootstrap */
@media (min-width: 960px) and (max-width: 1280px) {
  /* line 5, ../sass/responsive.scss */
  #header-top, #header-top .inner, #header-top-pages, #header-top-pages .inner {
    max-width: 100%;
    position: absolute;
    margin: 0 auto;
    left: 0;
  }

  /* line 12, ../sass/responsive.scss */
  #index-top-banner, #index-top-banner .banner-area {
    height: 580px;
  }

  .page-top{
    margin-top: 60px;
  }
}
@media (max-width: 1180px) {
  /* line 18, ../sass/responsive.scss */
  #index-top-banner, #index-top-banner .banner-area {
    height: 500px;
  }

  /* line 21, ../sass/responsive.scss */
  .wrapper, .wrapper .inner {
    max-width: 100%;
    padding: 0 10px;
  }

  /* line 31, ../sass/responsive.scss */
  .video-btn a div {
    width: 100%;
  }

  /* line 37, ../sass/responsive.scss */
  .sub-sec-title {
    width: 100%;
    margin-bottom: 15px;
  }

  /* line 40, ../sass/responsive.scss */
  .features-content {
    margin-right: 2%;
  }

  /* line 43, ../sass/responsive.scss */
  .sub-sec-desc {
    width: 67%;
  }

  /* line 46, ../sass/responsive.scss */
  .wrapper, .wrapper .inner {
    max-width: 100%;
    padding: 0 10px;
  }

  /* 2015/10/01 Add news setting */

  .sub-sec-date{
    width: 10%;
  }

  /* Add End */

}
@media (max-width: 1050px) {
  /* line 56, ../sass/responsive.scss */
  .features-content {
    margin-right: 1%;
  }
}
@media (min-width: 960px) and (max-width: 1180px) {
  /* line 62, ../sass/responsive.scss */
  .wrapper .tab-nav {
    top: 93px;
    right: 0;
  }

  /* line 66, ../sass/responsive.scss */
  .input-search {
    width: 90%;
  }

  /* line 69, ../sass/responsive.scss */
  .search-btn {
    margin-left: 75%;
  }
}
@media (min-width: 960px) and (max-width: 1055px) {
  /* line 75, ../sass/responsive.scss */
  #ads-nav .nav-section{
    margin: 10px;
    font-size: 0.925em;
  }

  .features-content {
    margin-right: 13%;
    margin-bottom: 20px;
  }

  /* line 79, ../sass/responsive.scss */
  /*#ads-nav a {
    font-size: 0.875em;
    padding-left: 14px;
  }*/
}


@media (min-width: 960px) and (max-width: 1920px) {
  /* line 86, ../sass/responsive.scss */
  .dl-menuwrapper, .rwduse, #cbp-spmenu-s1{
    display: none !important;
  }
  .cbp-spmenu-push-toright{
    left:0 !important;
  }
    .asus-logo {
    padding-left: 1em;
  }

}
@media (max-width: 960px) {
  body {
      overflow-x:hidden; 	
  }

  /* 2015/09/30 Add API setting */
  #asus-api-header.aai-ez{
    position: relative;
  }

  #header-top, #header-top-pages{
    background: rgba(255,255,255,1); 
  }
  /* Add End */

   #header-top .inner, #header-top-pages .inner {
      min-width:initial !important;
      max-width: 100%;
  }  

  #header-top, #header-top .inner {
    max-width: 100%;
    padding: 0;
  }
  .asus-logo {
    padding-left: 1em;
  }

  #ads-nav{
      display:none;
  }

  /* line 92, ../sass/responsive.scss */
  .tab-nav, .filter-box {
    display: none;
  }

  /* line 95, ../sass/responsive.scss */
  .listbox, .title-news, .real-lessons-box {
    width: 100%;
  }

  /* line 98, ../sass/responsive.scss */
  .real-lessons-box {
    padding-left: 0;
    border-left: 0;
  }
 .resault-content .section-title{
      margin-bottom:10px;
  }
  .page-top{
    margin-top: 60px;
  }

  /* 2015/09/30 Add video setting */

  .two-column{
    width: 100%;
    padding: 20px 0;
  }

  .mid-line{
    width: 100%;
    height: 1px;
    margin: 0;
  }

  .skill-list a:last-child{
    margin-bottom: 20px;
  }

  .le-image{
    width: 15%;
    float: left;
  }

  .le-detail{
    width: 83%;
    margin-left: 2%;
    float: left;
  }

  .lesson-desc{
    margin-bottom: 15px;
    height: auto;
  }

  /* Add End */
  
}

@media (min-width: 768px) and (max-width: 959px) {
  /* line 106, ../sass/responsive.scss */
  #header-top, #header-top .inner {
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    padding: 0;
  }

  /* line 113, ../sass/responsive.scss */
  #ads-nav a {
    padding-left: 14px;
  }

  /* line 116, ../sass/responsive.scss */
  #index-top-banner, #index-top-banner .banner-area {
    height: 450px;
    margin-top: 30px;
  }

  /* line 119, ../sass/responsive.scss */
  .asus-logo {
    padding-left: 1em;
  }

  /* line 122, ../sass/responsive.scss */
  .features-content {
    margin-right: 10%;
    margin-bottom: 20px;
  }

  /* line 129, ../sass/responsive.scss */
  .real-lesson, .online-lesson, .sub-title-top, .lessons-place {
    margin-top: 42px;
  }

  /* line 132, ../sass/responsive.scss */
  .sub-nav {
    top: 90%;
  }

  /* line 135, ../sass/responsive.scss */
  .rl-lesson-box {
    padding: 0;
  }

  /* line 138, ../sass/responsive.scss */
  .rl-lesson-box ul li {
    width: 100%;
    text-align: left;
    border-right: none;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
  }

  /* line 150, ../sass/responsive.scss */
  .lesson-desc, .lesson-date, .lesson-place {
    padding: 0;
  }

  /* line 157, ../sass/responsive.scss */
  .lesson-place {
    margin-bottom: 10px;
  }

  /* line 163, ../sass/responsive.scss */
  .rl-lesson-box-content .learn-more {
    margin-left: 110px;
  }

  /* line 166, ../sass/responsive.scss */
  .rl-lesson-box ul li:last-child {
    border: 0;
  }



  /* line 169, ../sass/responsive.scss */
  .ol-videos-area {
    display: inline-block;
  }

  /* line 172, ../sass/responsive.scss */
  .video-btn {
    margin-bottom: 20px;
  }  
}

@media (min-width: 768px) and (max-width: 816px) {

  .lesson-title{
    margin-top: 10px;
  }

  .ads-news .learn-more {
    float: left;
  }
}
@media (max-width: 767px) {
  /* line 202, ../sass/responsive.scss */
  #header-top, #header-top .inner {
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    padding: 0;
  }

  /* line 209, ../sass/responsive.scss */
  #ads-nav a {
    padding-left: 14px;
  }

  /* line 212, ../sass/responsive.scss */
  #index-top-banner, #index-top-banner .banner-area {
    height: 350px;
    margin-top: 30px;
  }

  /* line 215, ../sass/responsive.scss */
  .asus-logo {
    padding-left: 1em;
  }

  /* 2015/09/30 Add video setting */

  .two-column{
    width: 100%;
  }

  /* Add End */

  /* line 218, ../sass/responsive.scss */
  .features-content {
    margin-right: 7%;
    margin-bottom: 20px;
  }

  /* line 225, ../sass/responsive.scss */
  .real-lesson, .online-lesson, .sub-title-top, .lessons-place {
    margin-top: 28px;
  }

  /* line 228, ../sass/responsive.scss */
  .sub-nav {
    top: 90%;
  }

  /* line 231, ../sass/responsive.scss */
  .rl-lesson-box {
    padding: 0;
  }

  /* line 234, ../sass/responsive.scss */
  .rl-lesson-box ul li {
    width: 100%;
    text-align: left;
    border-right: none;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
  }


  /* line 246, ../sass/responsive.scss */
  .lesson-desc, .lesson-date, .lesson-place {
    padding: 0;
  }

  /* line 253, ../sass/responsive.scss */
  .lesson-place {
    margin-bottom: 10px;
  }

  /* line 256, ../sass/responsive.scss */
  .rl-lesson-box-content .learn-more {
    margin-left: 110px;
  }

  /* line 259, ../sass/responsive.scss */
  .rl-lesson-box ul li:last-child {
    border: 0;
  }

  /* line 265, ../sass/responsive.scss */
  .video-btn {
    width: 33%;
    margin-right: 1px;
    margin-bottom: 20px;
  }

  /* line 273, ../sass/responsive.scss */
  .ads-news .learn-more {
    float: left;
  }

  /* line 276, ../sass/responsive.scss */
  .pages-container .p-content-txt {
    width: 100%;
  }

  /* line 280, ../sass/responsive.scss */
  .apply-selector {
    width: 15%;
  }

  /* line 283, ../sass/responsive.scss */
  .form-b-box {
    width: 65%;
  }

  /* line 286, ../sass/responsive.scss */
  .form-box-desc {
    width: 20%;
  }

  /* line 289, ../sass/responsive.scss */
  .agree-box {
    padding: 18px 0 0 0;
  }
  .category-title{
    float: none;
  }
  .category-desc{
    padding-left: 0;
  }
  .place-info {
    width: 100%;
  }
  .resault-filter{
    width: 17%;
  }
  .resault-selector{
    width: 100%;
    margin-top: 5px;
  }
  .resault-items-img{
    float: none;
  }

  /* 2015/10/01 Add lesson setting */
  .le-image{
    width: 20%;
  }
  .le-detail{
    width: 78%;
    margin-left: 2%;
  }
  /* Add End */
}
@media (max-width: 690px) {
  /* line 298, ../sass/responsive.scss */
  .ads-news div {
    float: none;
  }

  /* 2015/10/01 Add news setting */
  .sub-sec-desc, .sub-sec-title, .sub-sec-date{
    width: 100%;
  }
  .sub-sec-desc{
    overflow: hidden;
  }
  .news-more{
    float: left;
    margin: 10px 0;
  }
  /* Add End */
}
@media (max-width: 540px) {
  .rl-lesson-box ul li{
    text-align: center;
  }
  .le-image{
    width: 100%;
  }
  .le-detail{
    width: 100%;
    margin-left: 0;
  }

  .keyinpanel div{
    margin-bottom: 30px;
  }

  .form-box-desc{
    width: 100%;
    margin-bottom: 20px;
  }

  .form-box input, .form-box select{
    margin-left: 0;
  }

  .form-box p{
    margin-left: 0 !important;
  }

  .input-form{
    width: 100%;
  }

  .apply-selector{
    width: 30%;
    margin: 0 5px 0 0 !important;
  }

  .form-b-box{
    width: 100% !important;
  }

  .apply-btn a, .apply-btn input{
    width: 46%;
  }

  .ol-resault-items{
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .ol-resault-desc{
    height: auto !important;
    margin-top: 10px;
  }

  .ol-resault-list .ol-resault-items:nth-child(2){
    margin-left: 0;
  }

  .ol-resault-list{
    border:none;
  }

  .resault-items-img{
    width: 100% !important;
  }

  .lesson-title{
    height: auto !important;
    margin-bottom: 0;
  }

  .section-title{
    font-size: 18px;
  }

  .features-content img{
    float: left;
  }

  .feature-items{
    float: left;
  }



}

@media (min-width: 480px) and (max-width: 690px) {

  /* line 314, ../sass/responsive.scss */
  .video-btn {
    width: 49%;
    margin-right: 1px;
  }

  /* line 321, ../sass/responsive.scss */
  .sidelight-imglist li:nth-child(2n) {
    margin-right: 0px;
  }

}
@media (min-width: 480px) and (max-width: 846px) {
  /* line 327, ../sass/responsive.scss */
  .lesson-place {
    margin-left: 110px;
  }
}
@media (max-width: 480px) {
  /* line 336, ../sass/responsive.scss */
  #index-top-banner, #index-top-banner .banner-area {
    height: 220px;
    margin-top: 30px;
  }

  /* line 342, ../sass/responsive.scss */
  .video-btn {
    width: 100%;
  }

  /* line 345, ../sass/responsive.scss */
  .video-btn a div {
    width: 100%;
  }

  /* line 354, ../sass/responsive.scss */
  .ads-news div {
    float: none;
  }

  /* 2015/10/01 Modify main page */
  .features-content {
    margin-right: 7%;
  }
  .keyinpanel{
    padding: 25px;
  }
  .resault-filter{
    width: 30%;
  }
  .skill-topic{
    height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .skill-topic:after{
    content: "...";
  }
  .wrapper{
    margin-top: 30px;
  }
  .page-top{
    margin-top: 60px;
  }
  .news-more{
    width: 140px;
  }
/*  .pushtop{
    margin-top: 70px;
  }*/
  .resault-items{
    text-align: center;
  }
  .resault-items span{
    text-align: center;
  }
  .resault-items-img{
    display: block;
    margin: 0 auto 15px;
    overflow: hidden;
  }
  .p-share-area{
    width: 50%;
    float: left;
  }
  .p-share-area div{
    float: left;
  }
  .Ad-Sentense{
    font-size: 12px !important;
  }
  .category-title{
    width: 100%;
    margin-bottom: 5px;
  }
  .lessons-place{
    overflow: hidden;
    margin-bottom: 40px;
  }
  .p-content-txt h1{
    margin-bottom: 20px;
  }
  .learn-more{
    background-position: right 3px;
  }

  /* Modify End */
}
/*! responsive-nav.js 1.0.32 */
/* line 374, ../sass/responsive.scss */
.disable-pointer-events {
  pointer-events: none !important;
}