@charset "UTF-8";
/* line 10, ../sass/style.scss */
html {
  height: 100%;
  font-size: 100%;
  
}

/* line 14, ../sass/style.scss */
body {
  background-color: #ffffff;
  font-family: '微軟正黑體','新細明體','Segoe UI','Arial Unicode MS', Arial, Helvetica, sans-serif;
  width: 100%;
  min-height: 650px;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

}

/* line 24, ../sass/style.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 30, ../sass/style.scss */
.ie7 * {
  behavior: url(js/libs/boxsizing.htc);
}
/* line 32, ../sass/style.scss */
.ie7 * .dl-menuwrapper, .ie7 * .rwduse, .ie7 * .cbp-spmenu {
  display: none !important;
}

/* line 38, ../sass/style.scss */
.ie8 .dl-menuwrapper, .ie8 .rwduse, .ie8 .cbp-spmenu {
  display: none !important;
}

.lte8 .inner {
  display: block;
}

.lte8 .inner form{
  display: table;
  width: 100%;
}

.lte8 .resault-selector{
  font-size: 0.875em;
}

.lte8 .apply-btn a{
  margin-left: 15px;
}

.lte8 .rl-lesson-box-content > li + li + li {
  border: 0;
}
/* line 12, ../sass/_hack.scss */
.lte8 .videos-list > li + li + li + li + li {
  margin-right: 0;
}

.lte8 .form-area {
  display: table;
  width: 100%;
}

.lte8 #asus-api-header{
  position: relative !important;
}

.lte8 .features-list{
  width: 95%;
  height: 50px;
  margin: 20px auto;
}

.lte8 .features-content img{
  float: left;
}

.lte8 .features-content span{
  display: block;
  margin: 5px 0 0 45px;
}

.lte8 .dropdownmenu{
  top: 93px;
}

.lte9 .sub-sec-title{
  font-size: 16px;
}

.lte9 .sub-sec-date{
  width: 7%;
}

.lte9 .sub-sec-desc{
  width: 65%;
}

.lte9 .news-more{
  width: 140px;
  background-position-y: 9px; 
}

.lte9 #ads-nav .nav-section{
  font-size: 16px;
}

/* line 43, ../sass/style.scss */
a {
  text-decoration: none;
  cursor: pointer;
  color: #00a8ff;
}
/* line 51, ../sass/style.scss */
a:visited {
  text-decoration: none;
}
/* line 54, ../sass/style.scss */
a:hover {
  color: #008fd9;
  text-decoration: none;
}
/* line 58, ../sass/style.scss */
a:active {
  color: #008fd9;
  text-decoration: none;
}

/* line 64, ../sass/style.scss */
p {
  line-height: 20px;
  font-size: 0.875em;
}

/* line 69, ../sass/style.scss */
h1 {
  font-size: 1.8em;
  color: #000;
  line-height: 1.4;
}

/* line 75, ../sass/style.scss */
h3 {
  font-size: 1.5em;
}

/* line 79, ../sass/style.scss */
h4 {
  font-size: 1em;
  color: #5d5d5d;
}

/* line 84, ../sass/style.scss */
h5 {
  font-size: 1.125em;
}

/* line 88, ../sass/style.scss */
b {
  font-size: 1em;
  color: #000;
}

/* line 93, ../sass/style.scss */
label {
  display: block;
  margin-bottom: 5px;
}

/* line 4, ../sass/_placeholder.scss */
.clearfix, .main-nav {
  * zoom: 1;
}
/* line 6, ../sass/_placeholder.scss */
.clearfix:after, .clearfix:before, .main-nav:after, .main-nav:before {
  content: "";
  display: table;
}
/* line 11, ../sass/_placeholder.scss */
.clearfix:after, .main-nav:after {
  clear: both;
  overflow: hidden;
}

/* line 16, ../sass/_placeholder.scss */
.font-base {
  font-family: Arial,'微軟正黑體','新細明體', Helvetica, sans-serif;
  *font-family: '微軟正黑體','新細明體', Arial, Helvetica, sans-serif;
}

/* line 21, ../sass/_placeholder.scss */
a {
  -webkit-transition: All 0.1s ease-in-out;
  -moz-transition: All 0.1s ease-in-out;
  -o-transition: All 0.1s ease-in-out;
  transition: All 0.1s ease-in-out;
}

/* line 30, ../sass/_placeholder.scss */
.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* line 4, ../sass/_layout.scss */
.t-c {
  text-align: center;
}

/* line 8, ../sass/_layout.scss */
[class^="fs"] {
  line-height: 1.2;
}

/* line 11, ../sass/_layout.scss */
.fs-12 {
  font-size: 12px;
}

/* line 14, ../sass/_layout.scss */
.fs-13 {
  font-size: 13px;
}

/* line 17, ../sass/_layout.scss */
.fs-14 {
  font-size: 14px;
}

/* line 20, ../sass/_layout.scss */
.fs-16 {
  font-size: 16px;
}

/* line 23, ../sass/_layout.scss */
.fs-18 {
  font-size: 18px;
}

/* line 26, ../sass/_layout.scss */
.fs-20 {
  font-size: 20px;
}

/* line 29, ../sass/_layout.scss */
.fs-24 {
  font-size: 24px;
}

/* line 33, ../sass/_layout.scss */
.white-text {
  color: #ffffff;
}

/* line 40, ../sass/_layout.scss */
.mt-10 {
  margin-top: 10px;
}

/* line 43, ../sass/_layout.scss */
.mt-20 {
  margin-top: 20px;
}

/* line 46, ../sass/_layout.scss */
.mt-30 {
  margin-top: 30px;
}

/* line 49, ../sass/_layout.scss */
.mt-40 {
  margin-top: 40px;
}

/* line 52, ../sass/_layout.scss */
.mb-10 {
  margin-bottom: 10px;
}

/* line 55, ../sass/_layout.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 58, ../sass/_layout.scss */
.mb-30 {
  margin-bottom: 30px;
}

/* line 61, ../sass/_layout.scss */
.mr-10 {
  margin-right: 10px;
}

/* line 64, ../sass/_layout.scss */
.no-mragin {
  margin: 0 !important;
}

/* line 68, ../sass/_layout.scss */
.gbr {
  border-right: 1px solid #d9d9d9;
}

/* line 72, ../sass/_layout.scss */
.prt {
  position: relative;
}

/* line 75, ../sass/_layout.scss */
.dpb {
  display: block;
}

/* line 78, ../sass/_layout.scss */
.fxb {
  position: fixed;
  bottom: 0px;
  right: 0;
  left: 0;
}

.no-border{
  border: none !important;
}

.main-bg{
  background-color: #f2f2f2;
}

/* line 84, ../sass/_layout.scss */
.hide {
  display: none;
}

/* line 88, ../sass/_layout.scss */
.pull-left {
  float: left;
}

/* line 91, ../sass/_layout.scss */
.pull-right {
  float: right;
}

/* line 95, ../sass/_layout.scss */
.gray {
  float: none;
  width: 100%;
  height: 1px;
  background: #ccc;
  border: none;
  color: #ccc;
  clear: both;
}

/* line 2, ../sass/_bootstrap_Grid.scss */
.row {
  margin-left: -20px;
  *zoom: 1;
}

/* line 6, ../sass/_bootstrap_Grid.scss */
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}

/* line 12, ../sass/_bootstrap_Grid.scss */
.row:after {
  clear: both;
}

/* line 15, ../sass/_bootstrap_Grid.scss */
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

/* line 20, ../sass/_bootstrap_Grid.scss */
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

/* line 26, ../sass/_bootstrap_Grid.scss */
.span12 {
  width: 940px;
}

/* line 29, ../sass/_bootstrap_Grid.scss */
.span11 {
  width: 860px;
}

/* line 32, ../sass/_bootstrap_Grid.scss */
.span10 {
  width: 780px;
}

/* line 35, ../sass/_bootstrap_Grid.scss */
.span9 {
  width: 700px;
}

/* line 38, ../sass/_bootstrap_Grid.scss */
.span8 {
  width: 620px;
}

/* line 41, ../sass/_bootstrap_Grid.scss */
.span7 {
  width: 540px;
}

/* line 44, ../sass/_bootstrap_Grid.scss */
.span6 {
  width: 460px;
}

/* line 47, ../sass/_bootstrap_Grid.scss */
.span5 {
  width: 380px;
}

/* line 50, ../sass/_bootstrap_Grid.scss */
.span4 {
  width: 300px;
}

/* line 53, ../sass/_bootstrap_Grid.scss */
.span3 {
  width: 220px;
}

/* line 56, ../sass/_bootstrap_Grid.scss */
.span2 {
  width: 140px;
}

/* line 59, ../sass/_bootstrap_Grid.scss */
.span1 {
  width: 60px;
}

/* line 62, ../sass/_bootstrap_Grid.scss */
.offset12 {
  margin-left: 980px;
}

/* line 65, ../sass/_bootstrap_Grid.scss */
.offset11 {
  margin-left: 900px;
}

/* line 68, ../sass/_bootstrap_Grid.scss */
.offset10 {
  margin-left: 820px;
}

/* line 71, ../sass/_bootstrap_Grid.scss */
.offset9 {
  margin-left: 740px;
}

/* line 74, ../sass/_bootstrap_Grid.scss */
.offset8 {
  margin-left: 660px;
}

/* line 77, ../sass/_bootstrap_Grid.scss */
.offset7 {
  margin-left: 580px;
}

/* line 80, ../sass/_bootstrap_Grid.scss */
.offset6 {
  margin-left: 500px;
}

/* line 83, ../sass/_bootstrap_Grid.scss */
.offset5 {
  margin-left: 420px;
}

/* line 86, ../sass/_bootstrap_Grid.scss */
.offset4 {
  margin-left: 340px;
}

/* line 89, ../sass/_bootstrap_Grid.scss */
.offset3 {
  margin-left: 260px;
}

/* line 92, ../sass/_bootstrap_Grid.scss */
.offset2 {
  margin-left: 180px;
}

/* line 95, ../sass/_bootstrap_Grid.scss */
.offset1 {
  margin-left: 100px;
}

/* line 98, ../sass/_bootstrap_Grid.scss */
.row-fluid {
  width: 100%;
  *zoom: 1;
}

/* line 102, ../sass/_bootstrap_Grid.scss */
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}

/* line 108, ../sass/_bootstrap_Grid.scss */
.row-fluid:after {
  clear: both;
}

/* line 111, ../sass/_bootstrap_Grid.scss */
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}

/* line 122, ../sass/_bootstrap_Grid.scss */
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

/* line 125, ../sass/_bootstrap_Grid.scss */
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

/* line 128, ../sass/_bootstrap_Grid.scss */
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

/* line 132, ../sass/_bootstrap_Grid.scss */
.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

/* line 136, ../sass/_bootstrap_Grid.scss */
.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

/* line 140, ../sass/_bootstrap_Grid.scss */
.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

/* line 144, ../sass/_bootstrap_Grid.scss */
.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

/* line 148, ../sass/_bootstrap_Grid.scss */
.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

/* line 152, ../sass/_bootstrap_Grid.scss */
.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

/* line 156, ../sass/_bootstrap_Grid.scss */
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

/* line 160, ../sass/_bootstrap_Grid.scss */
.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

/* line 164, ../sass/_bootstrap_Grid.scss */
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

/* line 168, ../sass/_bootstrap_Grid.scss */
.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

/* line 172, ../sass/_bootstrap_Grid.scss */
.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

/* line 176, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

/* line 180, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

/* line 184, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

/* line 188, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

/* line 192, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

/* line 196, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

/* line 200, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

/* line 204, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

/* line 208, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

/* line 212, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

/* line 216, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

/* line 220, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

/* line 224, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

/* line 228, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

/* line 232, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

/* line 236, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

/* line 240, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

/* line 244, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

/* line 248, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

/* line 252, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

/* line 256, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

/* line 260, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

/* line 264, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

/* line 268, ../sass/_bootstrap_Grid.scss */
.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

/* line 272, ../sass/_bootstrap_Grid.scss */
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}

/* line 276, ../sass/_bootstrap_Grid.scss */
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}

/* line 280, ../sass/_bootstrap_Grid.scss */
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

/* line 285, ../sass/_bootstrap_Grid.scss */
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}

/* line 291, ../sass/_bootstrap_Grid.scss */
.container:after {
  clear: both;
}

/* line 294, ../sass/_bootstrap_Grid.scss */
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

/* line 299, ../sass/_bootstrap_Grid.scss */
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}

/* line 305, ../sass/_bootstrap_Grid.scss */
.container-fluid:after {
  clear: both;
}

/* line 2, ../sass/_behavior.scss */
.bh-wb {
  color: #fff;
}
/* line 4, ../sass/_behavior.scss */
.bh-wb:hover {
  color: #33b9ff;
}

/* line 8, ../sass/_behavior.scss */
.bh-wb.active {
  color: #33b9ff;
}

/* line 11, ../sass/_behavior.scss */
.bh-bb {
  color: #000;
}
/* line 13, ../sass/_behavior.scss */
.bh-bb:hover {
  color: #33b9ff;
}

/* line 17, ../sass/_behavior.scss */
.bh-bd {
  color: #33b9ff;
}
/* line 19, ../sass/_behavior.scss */
.bh-bd:hover {
  color: #0164a2;
}

/* line 23, ../sass/_behavior.scss */
.bh-bd.active {
  color: #0164a2;
}

/* line 108, ../sass/style.scss */
#header-top, #header-top-pages {
  height: 60px;
  width: 100%;
  z-index: 10000;
  position: absolute;
  top:33px;
  background: rgba(255,255,255,0.8);
}
#header-top:after {
  content: "";
  position: absolute;
  height: 3px;
  bottom: -3px;
  width: 100%;
  z-index: 1;
  background: url("../images/top-bar-shadow.png") 0 0 repeat-x;
}

/* line 123, ../sass/style.scss */
#header-top .inner, #header-top-pages .inner {
  display: block;
  max-width: 1180px;
  min-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

/* line 126, ../sass/style.scss */
.main-nav {
  float: right;
  margin: 4px 0 0;
  list-style: none;
  text-decoration: none;
}
/* line 133, ../sass/style.scss */
.main-nav li {
  float: left;
  margin-left: 24px;
}
/* line 137, ../sass/style.scss */
.main-nav a {
  display: block;
  font-size: 0.9375em;
  line-height: 1.2;
  padding: 10px 0;
  color: #ffffff;
}
/* line 142, ../sass/style.scss */
.main-nav a:hover, .main-nav a.active {
  color: #33b9ff;
}

/* line 147, ../sass/style.scss */
.wrapper {
  min-height: 18.75em;
  margin: 0 auto;
}

.page-top{
  margin-top: 60px;
}

/* line 153, ../sass/style.scss */
.inner {
  width: 1180px;
  margin: 0 auto;
  overflow: hidden;
}

/* line 159, ../sass/style.scss */
.aai-logo, #extra_link {
  display: none !important;
}

/* line 163, ../sass/style.scss */
#asus-api-header.aai-ez {
  border-bottom: 0 !important;
  background-color: rgba(255,255,255,0.8)!important;
  position: absolute;
}

/* line 167, ../sass/style.scss */
#asus-api-header .aai-inner, #asus-api-footer .aai-inner {
  max-width: 1180px !important;
  line-height: 20px !important;
}

/* line 172, ../sass/style.scss */
.aai-fnav li {
  line-height: 24px !important;
}

/* line 182, ../sass/style.scss */
.clearmaster {
  padding: 0 !important;
  margin: 0 !important;
}

/* line 187, ../sass/style.scss */
.fullwidth {
  width: 100% !important;
}

/* line 191, ../sass/style.scss */
.noborder {
  border: 0 !important;
}

/* line 195, ../sass/style.scss */
.asus-logo {
  width: 300px;
  position: relative;
  left: 0;
}

/* line 201, ../sass/style.scss */
.asus-logo a {
  display: block;
  margin: 17px 0;
  height: 26px;
  background: url(//www.asus.com/API/images/asus_logo.png) 0 0 no-repeat;
  background-image: -webkit-image-set(url(//www.asus.com/API/images/asus_logo.png) 1x, url(//www.asus.com/API/images/asus_logo_2x.png) 2x);
  color: #000;
}

/* line 210, ../sass/style.scss */
.section-title {
  font-size: 1.75em;
}

/* line 214, ../sass/style.scss */
.page-title {
  font-size: 24px;
}

/* line 218, ../sass/style.scss */
.page-desc-col {
  color: #5d5d5d;
}

/* line 222, ../sass/style.scss */
.highlight {
  color: #000 !important;
}

/* line 226, ../sass/style.scss */
.basefont {
  font-size: 0.875em;
  color: #5d5d5d;
}

/* line 231, ../sass/style.scss */
.pull-left {
  padding-left: 115px;
}

/* line 235, ../sass/style.scss */
.pushtop {
  margin-top: 40px;
}

/* line 239, ../sass/style.scss */
.pushtop-10 {
  margin-top: 10px;
}

/* line 243, ../sass/style.scss */
.pushdown {
  margin-bottom: 20px;
}

/* line 247, ../sass/style.scss */
.real-lesson, .sub-title-top, .lessons-place {
  margin-top: 40px;
}

/* line 253, ../sass/style.scss */
.basic-hyper {
  color: #5d5d5d;
  text-decoration: none;
}

/* line 258, ../sass/style.scss */
.basic-hyper:hover {
  color: #00a8ff;
}

#ads-nav {
  float: right;
  margin: 20px 0;
}
#ads-nav a {
  /*padding-left: 24px;*/
  font-size: 1em;
  line-height: 1.2;
  color: #5b5b5b;
}
#ads-nav a:hover {
  color: #000;
}
#ads-nav #ads-nav-over {
  color: #000;
}
#ads-nav .nav-section {
  margin: 12px;
  font-size: 16px;
  line-height: 1.2;
  color: #5b5b5b;
}
#ads-nav .nav-section:last-child {
  margin-right: 0px;
}
#ads-nav .nav-section:hover {
  color: #000;
}

/* line 285, ../sass/style.scss */
.nav-aarow-back {
  padding-left: 15px;
  background: url(../images/arrow.png) 0 5px no-repeat;
}

/* line 292, ../sass/style.scss */
.tab-nav {
  height: 31px;
}

/* line 296, ../sass/style.scss */
.tab-nav-list {
  float: right;
  padding-top: 10px;
}

/* line 301, ../sass/style.scss */
.tab-nav-list a {
  font-size: 0.75em;
  color: #5b5b5b;
  margin-left: 30px;
  padding-top: 12px;
}

/* line 308, ../sass/style.scss */
.tab-nav-list a:hover, .tab-nav-list .tab-nav-list-over {
  color: #000;
  border-top: 3px solid #000;
}

/* line 317, ../sass/style.scss */
.lesson-title {
  margin-bottom: 18px;
  color: #000;
}

/* line 322, ../sass/style.scss */
.sbs-lesson-title {
  font-size: 1em;
  color: #000;
}

/* line 327, ../sass/style.scss */
.lesson-desc {
  height: 60px;
  overflow: hidden;
  margin-bottom: 35px;
  padding: 0 30px 0 30px;
}

/* line 334, ../sass/style.scss */
.lesson-desc-search {
  height: 36px;
  overflow: hidden;
  line-height: 20px;
  margin-bottom: 13px;
}

/* line 341, ../sass/style.scss */
.lesson-date {
  margin-bottom: 12px;
}

/* line 345, ../sass/style.scss */
.lesson-date, .lesson-desc, .lesson-desc-search {
  font-size: 0.875em;
  color: #3f3f3f;
}

/* line 350, ../sass/style.scss */
.lesson-desc, .lesson-place {
  padding: 0 40px;
}

/* line 354, ../sass/style.scss */
.lesson-place {
  height: 40px;
  overflow: hidden;
  font-size: 0.875em;
  color: #7d7d7d;
  margin-bottom: 20px;
}

/* line 362, ../sass/style.scss */
.lesson-more, .video-title {
  font-size: 0.875em;
}

.topclear{
    clear: both;
padding-top: 20px;
}

/* line 301, ../sass/style.scss */
.dropdownmenu {
  display: none;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 2;
  border-top: 1px solid #d2d2d2;
  /*box-shadow: 0px 1px 1px #333;*/
}
.dropdownmenu:after{
  content: "";
  position: absolute;
  height: 3px;
  bottom: -3px;
  width: 100%;
  z-index: 1;
  background: url("../images/top-bar-shadow.png") 0 0 repeat-x;
}

/* line 310, ../sass/style.scss */
.dropdownmenu .dd-inner {
  max-width: 1180px;
  min-width: 960px;
  margin: 0 auto;
  height: 60px;
  overflow: hidden;
}
/* line 316, ../sass/style.scss */
.dropdownmenu .dd-inner a {
  display: block;
  float: left;
  font-size: 0.95em !important;
  color: #5b5b5b;
  padding: 20px 0;
  margin: 0 20px;
  height: 60px;
  border-top: 3px solid transparent;
}
/* line 325, ../sass/style.scss */
.dropdownmenu .dd-inner a:first-child {
  margin-left: 0px;
}
/* line 328, ../sass/style.scss */
.dropdownmenu .dd-inner a:hover {
  color: #000 !important;
  border-top: 3px solid #000;
}

/* line 335, ../sass/style.scss */
.dd-open {
  display: block !important;
}

/* 2015/09/30 ---- new area setting */
.one-column{
  width: 100%;
  margin: 20px 0 0;
}

.two-column{
  width: 47%;
  float: left;
  padding: 40px 0;
}

.mid-line{
  width: 1px;
  height: 380px;
  background: #ccc;
  margin: 42px 2%;
  float: left;
}

.width-line{
  width: 100%;
  height: 1px;
  background: #ccc;
  float: left;
}

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

.skill-topic{
  font-size: 14px;
  color: #000;
  display: block;
  margin: 20px 0;
}

.skill-topic:hover{
  color: #00a8ff;
}


/* Add End */