@charset "UTF-8";
/* line 2, ../sass/base.scss */
body {
  font-size: 16px;
  font-family: Calibri, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
  margin: 0;
  padding: 0;
}

/* line 8, ../sass/base.scss */
p {
  margin-bottom: 0;
}

/* line 11, ../sass/base.scss */
.align_center {
  text-align: center;
}

/* line 12, ../sass/base.scss */
.align_left {
  text-align: left;
}

/* line 13, ../sass/base.scss */
.clear {
  clear: both;
}

/*header start*/
/* line 16, ../sass/base.scss */
.top_menu {
  background: #000;
  padding: 8px 0;
}
/* line 19, ../sass/base.scss */
.top_menu a {
  color: #fff;
  margin: 0 5px;
}
/* line 22, ../sass/base.scss */
.top_menu a:hover {
  color: #ccc;
  text-decoration: none;
}
/* line 25, ../sass/base.scss */
.top_menu a:hover .fa-twitter-square2:before, .top_menu a:hover .fa-facebook-square2:before {
  color: #ccc;
}
/* line 28, ../sass/base.scss */
.top_menu .login {
  text-align: right;
  font-size: 14px;
}

/* line 33, ../sass/base.scss */
.logo {
  padding: 30px;
}
/* line 35, ../sass/base.scss */
.logo .search_top {
  margin-top: 20px;
}
/* line 37, ../sass/base.scss */
.logo .search_top span.fa-search {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 10;
  color: #999;
}
/* line 44, ../sass/base.scss */
.logo .search_top input {
  padding-left: 28px;
  line-height: 40px;
}

/* line 50, ../sass/base.scss */
.form-control.height-add {
  height: 40px;
}

/* line 51, ../sass/base.scss */
.padding-add {
  padding: 9px 12px;
}

/*header end*/
/*content start*/
/* line 55, ../sass/base.scss */
.content {
  position: relative;
  top: -3px;
}

/*content end*/
/*banner start*/
/* line 58, ../sass/base.scss */
.banner {
  background: #ebebeb;
  padding: 0px 0;
  border-top: 1px solid #cacaca;
  margin-top: -25px;
  margin-bottom: 49px;
}

/*banner end*/
/*index_6格區塊start*/
/* line 61, ../sass/base.scss */
.index_top {
  padding: 10px;
  border: 1px solid #ddd;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  min-height: 425px;
}
/* line 67, ../sass/base.scss */
.index_top .col-md-4 {
  height: 190px;
  margin-bottom: 10px;
}
/* line 71, ../sass/base.scss */
.index_top h2 {
  background: #333;
  font-size: 29px;
  color: #fff;
  margin: 0;
  padding: 30px 0 0 15px;
  height: 100%;
  position: relative;
  top: -10px;
  left: -10px;
  width: 113%;
  font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
}
/* line 83, ../sass/base.scss */
.index_top h2 span {
  display: block;
  font-weight: normal;
  font-weight: lighter;
}
/* line 87, ../sass/base.scss */
.index_top h2 span.eng {
  font-size: 40px;
  font-family: Calibri;
  font-weight: bold;
}
/* line 93, ../sass/base.scss */
.index_top h2 l {
  display: block;
  font-size: 43px;
  font-weight: lighter;
  padding-top: 15px;
}
/* line 99, ../sass/base.scss */
.index_top h2 b {
  display: block;
}
/* line 103, ../sass/base.scss */
.index_top h3 {
  font-size: 15px;
  height: 34px;
  margin: 4px 0 4px 0;
  line-height: 17px;
  padding: 1px 0;
  overflow: hidden;
}
/* line 111, ../sass/base.scss */
.index_top a {
  color: #079fc6;
  text-decoration: none;
}
/* line 114, ../sass/base.scss */
.index_top a:hover {
  text-decoration: none;
}
/* line 118, ../sass/base.scss */
.index_top p {
  font-size: 13px;
  line-height: 18px;
  color: #777;
  height: 33px;
  overflow: hidden;
}
/* line 125, ../sass/base.scss */
.index_top.index_top1 h2 {
  background: #079fc6;
}
/* line 126, ../sass/base.scss */
.index_top.index_top2 h2 {
  background: #d8413a;
}
/* line 127, ../sass/base.scss */
.index_top.index_top3 h2 {
  background: #ff9211;
}
/* line 128, ../sass/base.scss */
.index_top.index_top4 h2 {
  background: #07c638;
}
/* line 129, ../sass/base.scss */
.index_top.index_top5 h2 {
  background: #3a5c99;
}

/*index_6格區塊end*/
/*navbar start*/
/* line 133, ../sass/base.scss */
.nav > li > a {
  padding: 10px 25px;
}

/* line 136, ../sass/base.scss */
.navbar-default {
  background: #a5e5f1;
  background: -moz-linear-gradient(top, #45DBF7 0%, #00ACD2 49%, #0185B6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45DBF7), color-stop(49%, #00ACD2), color-stop(100%, #0185B6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45DBF7 0%, #00ACD2 49%, #0185B6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45DBF7 0%, #00ACD2 49%, #0185B6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45DBF7 0%, #00ACD2 49%, #0185B6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #45dbf7 0%, #00acd2 49%, #0185b6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45DBF7', endColorstr='#0185B6',GradientType=0 );
  /* IE6-9 */
  border-top: 1px solid #9ac9de;
}
/* line 146, ../sass/base.scss */
.navbar-default .navbar-nav > li > a {
  font-size: 16px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
/* line 150, ../sass/base.scss */
.navbar-default .navbar-nav > li > a:hover {
  background: #EF9E3E;
  color: #fff;
}
/* line 155, ../sass/base.scss */
.navbar-default .navbar-nav > .active > a {
  background: #EF9E3E;
  margin-top: -5px;
  border-top: 5px solid #EF9E3E;
  color: #fff;
}
/* line 160, ../sass/base.scss */
.navbar-default .navbar-nav > .active > a:hover {
  background: #ff9211;
  color: #fff;
}

/* line 166, ../sass/base.scss */
.nav.navbar-nav li.active:after {
  border-color: #EF9E3E transparent transparent;
  border-style: solid;
  border-width: 10px 8px 8px;
  content: "";
  left: 40%;
  position: absolute;
  z-index: 100;
}

/* line 175, ../sass/base.scss */
.container.navbottom {
  width: 100%;
  background: #ebebeb;
  border-top: 3px solid #EF9E3E;
  height: 8px;
  margin: 0;
  padding: 0;
}

/*navbar end*/
/*footer start*/
/* line 185, ../sass/base.scss */
.footer-rule {
  padding: 10px;
  background: #444;
  /*footer end*/
}
/* line 188, ../sass/base.scss */
.footer-rule p {
  color: #fff;
}

/*list子頁面上方區塊*/
/* line 194, ../sass/base.scss */
.layout_content {
  margin-top: -20px;
  overflow-x: hidden;
}

/* line 195, ../sass/base.scss */
.layout_top {
  background: #000;
  color: #FFF;
  /*圖片左右黑色遮罩*/
  /*圖片左右黑色遮罩*/
}
/* line 198, ../sass/base.scss */
.layout_top .col-md-12 {
  position: relative;
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 1240px;
}
/* line 205, ../sass/base.scss */
.layout_top .col-md-12:after {
  content: "";
  display: table;
  clear: both;
}
/* line 210, ../sass/base.scss */
.layout_top .speaker_banner {
  background: #000;
  overflow: hidden;
  position: relative;
  outline: 1px solid transparent;
}
/* line 215, ../sass/base.scss */
.layout_top .speaker_banner .speaker_player {
  max-width: 854px;
}
/* line 216, ../sass/base.scss */
.layout_top .speaker_banner .speaker_player .player_container {
  padding-top: 430px;
  transition: padding-top 0.5s;
  width: 100%;
}
/* line 221, ../sass/base.scss */
.layout_top .speaker_banner .speaker_player i {
  position: absolute;
  top: 145px;
  left: 330px;
  font-size: 140px;
  opacity: 0.5;
  cursor: pointer;
}
/* line 228, ../sass/base.scss */
.layout_top .speaker_banner .speaker_player i:hover {
  opacity: 1;
}
/* line 234, ../sass/base.scss */
.layout_top .speaker_person {
  height: auto;
  margin-left: 400px;
  position: absolute;
  top: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
/* line 242, ../sass/base.scss */
.layout_top .speaker_person img {
  display: block;
}
/* line 245, ../sass/base.scss */
.layout_top .speaker_person:before, .layout_top .speaker_person:after {
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
}
/* line 253, ../sass/base.scss */
.layout_top .speaker_person:before {
  background-image: -moz-linear-gradient(left, #000000 50%, transparent);
  background-image: -o-linear-gradient(left, #000000 50%, transparent);
  background-image: -webkit-linear-gradient(left, #000000 50%, transparent);
  background-image: linear-gradient(to right, #000000 50%, rgba(0, 0, 0, 0));
  left: -160px;
  width: 360px;
}
/* line 261, ../sass/base.scss */
.layout_top .speaker_person:after {
  background-image: -moz-linear-gradient(left, transparent, #000000);
  background-image: -o-linear-gradient(left, transparent, #000000);
  background-image: -webkit-linear-gradient(left, transparent, #000000);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000000);
  right: 0;
  width: 210px;
}
/* line 270, ../sass/base.scss */
.layout_top .speaker_title {
  background: transparent;
  left: 0;
  padding: 20px 20px 20px 35px;
  position: absolute;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  top: 75px;
  width: 46%;
}
/* line 278, ../sass/base.scss */
.layout_top .speaker_title h1 {
  margin-bottom: 10px;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
}
/* line 279, ../sass/base.scss */
.layout_top .speaker_title h1.big {
  font-size: 50px;
  line-height: 50px;
}
/* line 283, ../sass/base.scss */
.layout_top .speaker_title .eng_title {
  color: #ccc;
  font-size: 16px;
  margin-bottom: 10px;
}
/* line 284, ../sass/base.scss */
.layout_top .speaker_title .text_area {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
  line-height: 24px;
}
/* line 286, ../sass/base.scss */
.layout_top .speaker_play {
  opacity: 0.5;
  display: block;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: absolute;
  top: 50%;
}
/* line 293, ../sass/base.scss */
.layout_top .speaker_play a {
  color: #fff;
}

/*list子頁面上方區塊*/
/*list子頁面下方區塊*/
/* line 300, ../sass/base.scss */
.layout_bottom {
  margin: 30px auto;
  /*課程演講頁社群icon區塊*/
  /*課程演講頁社群icon區塊*/
  /*內文主要內容區塊*/
  /*內文主要內容區塊*/
  /*演講內容區塊*/
  /*演講內容區塊*/
  /*主標*/
  /*主標*/
  /*影片list區塊*/
  /*影片list區塊*/
  /*右側塊狀社群*/
  /*右側塊狀社群*/
  /*主要內容區塊*/
}
/* line 303, ../sass/base.scss */
.layout_bottom .social_line {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
/* line 307, ../sass/base.scss */
.layout_bottom .social_line .group {
  display: inline-block;
}
/* line 309, ../sass/base.scss */
.layout_bottom .social_line .group p {
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
}
/* line 310, ../sass/base.scss */
.layout_bottom .social_line .group.social_line_bottom {
  border-bottom: none;
  border-top: 1px solid #ddd;
  margin-top: 30px;
  padding-top: 30px;
}
/* line 316, ../sass/base.scss */
.layout_bottom .social_line .group > a {
  position: relative;
  top: 8px;
  margin-right: 7px;
}
/* line 320, ../sass/base.scss */
.layout_bottom .social_line .group > a:hover {
  text-decoration: none;
}
/* line 324, ../sass/base.scss */
.layout_bottom .social_line .group > a i {
  margin: 3px 3px 10px 3px;
}
/* line 328, ../sass/base.scss */
.layout_bottom .social_line .group .dropdown {
  vertical-align: top;
  margin-right: 10px;
  display: inline-block;
}
/* line 332, ../sass/base.scss */
.layout_bottom .social_line .group .dropdown .dropdown-toggle {
  padding: 6px 8px;
  border-bottom: 2px solid #aaa;
  width: 106px;
}
/* line 336, ../sass/base.scss */
.layout_bottom .social_line .group .dropdown .dropdown-toggle i {
  margin-bottom: 4px;
  margin-top: 4px;
  font-size: 16px;
  margin-right: 5px;
}
/* line 343, ../sass/base.scss */
.layout_bottom .social_line .group .dropdown .dropdown-toggle span.caret {
  position: relative;
  top: -2px;
  margin-left: 3px;
}
/* line 355, ../sass/base.scss */
.layout_bottom .social_line .group > a, .layout_bottom .social_line .group > .dropdown .dropdown-toggle {
  height: 38px;
}
/* line 363, ../sass/base.scss */
.layout_bottom .social_line .group i.fa-download:before {
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  border-radius: 99px;
  color: #fff;
  background: #42aeec;
  padding: 7px 8px;
}
/* line 364, ../sass/base.scss */
.layout_bottom .social_line .group i.fa-twitter:before {
  color: #fff;
  border-radius: 99px;
  background: #42aeec;
  padding: 7px 8px;
}
/* line 370, ../sass/base.scss */
.layout_bottom .social_line .group i.fa-facebook:before {
  color: #fff;
  border-radius: 99px;
  background: #42aeec;
  padding: 7px 11px;
}
/* line 376, ../sass/base.scss */
.layout_bottom .social_line .group i.fa-star:before {
  color: #fff;
  border-radius: 99px;
  background: #42aeec;
  padding: 7px 8px;
  opacity: 1;
}
/* line 385, ../sass/base.scss */
.layout_bottom .social_line p {
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
}
/* line 386, ../sass/base.scss */
.layout_bottom .social_line.social_line_bottom {
  border-bottom: none;
  border-top: 1px solid #ddd;
  margin-top: 30px;
  padding-top: 30px;
}
/* line 392, ../sass/base.scss */
.layout_bottom .social_line > a {
  position: relative;
  top: 8px;
  margin-right: 7px;
}
/* line 396, ../sass/base.scss */
.layout_bottom .social_line > a:hover {
  text-decoration: none;
}
/* line 400, ../sass/base.scss */
.layout_bottom .social_line > a i {
  margin: 3px 3px 10px 3px;
}
/* line 404, ../sass/base.scss */
.layout_bottom .social_line .dropdown {
  vertical-align: top;
  margin-right: 10px;
  display: inline-block;
}
/* line 408, ../sass/base.scss */
.layout_bottom .social_line .dropdown .dropdown-toggle {
  padding: 6px 8px;
  border-bottom: 2px solid #aaa;
  width: 106px;
}
/* line 412, ../sass/base.scss */
.layout_bottom .social_line .dropdown .dropdown-toggle i {
  margin-bottom: 4px;
  margin-top: 4px;
  font-size: 16px;
  margin-right: 5px;
}
/* line 419, ../sass/base.scss */
.layout_bottom .social_line .dropdown .dropdown-toggle span.caret {
  position: relative;
  top: -2px;
  margin-left: 3px;
}
/* line 431, ../sass/base.scss */
.layout_bottom .social_line > a, .layout_bottom .social_line > .dropdown .dropdown-toggle {
  height: 38px;
}
/* line 439, ../sass/base.scss */
.layout_bottom .social_line i.fa-download:before {
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  border-radius: 99px;
  color: #fff;
  background: #42aeec;
  padding: 7px 8px;
}
/* line 440, ../sass/base.scss */
.layout_bottom .social_line i.fa-twitter:before {
  color: #fff;
  border-radius: 99px;
  background: #42aeec;
  padding: 7px 8px;
}
/* line 446, ../sass/base.scss */
.layout_bottom .social_line i.fa-facebook:before {
  color: #fff;
  border-radius: 99px;
  background: #42aeec;
  padding: 7px 11px;
}
/* line 452, ../sass/base.scss */
.layout_bottom .social_line i.fa-star:before {
  color: #fff;
  border-radius: 99px;
  background: #42aeec;
  padding: 7px 8px;
  opacity: 1;
}
/* line 462, ../sass/base.scss */
.layout_bottom .class_block {
  width: 100%;
  text-align: left;
}
/* line 465, ../sass/base.scss */
.layout_bottom .class_block ul {
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 0;
}
/* line 466, ../sass/base.scss */
.layout_bottom .class_block ul li {
  line-height: 24px;
  margin-bottom: 10px;
}
/* line 467, ../sass/base.scss */
.layout_bottom .class_block ul li a {
  background: #42aeec;
  color: #fff;
  padding: 3px 0 3px 10px;
  text-decoration: none;
}
/* line 469, ../sass/base.scss */
.layout_bottom .class_block .button_close {
  background: #bababa;
}
/* line 470, ../sass/base.scss */
.layout_bottom .class_block .word_box {
  background: #f5f5f5;
  color: #888;
  padding: 10px;
}
/* line 474, ../sass/base.scss */
.layout_bottom .class_block .class_content {
  margin-top: 20px;
  line-height: 26px;
}
/* line 478, ../sass/base.scss */
.layout_bottom .class_block .class_content li p {
  font-size: 18px;
  line-height: 32px;
  margin: 15px 0;
}
/* line 482, ../sass/base.scss */
.layout_bottom .class_block .class_content li p a {
  font-size: 13px;
}
/* line 486, ../sass/base.scss */
.layout_bottom .class_block .class_content li.word_box {
  padding: 15px;
}
/* line 488, ../sass/base.scss */
.layout_bottom .class_block .class_content li.word_box p {
  margin: 15px;
}
/* line 496, ../sass/base.scss */
.layout_bottom .class_menu {
  margin-bottom: 10px;
}
/* line 497, ../sass/base.scss */
.layout_bottom .class_menu p {
  display: inline-block;
  font-size: 24px;
  line-height: 24px;
}
/* line 501, ../sass/base.scss */
.layout_bottom .class_menu p i {
  font-size: 28px;
}
/* line 505, ../sass/base.scss */
.layout_bottom .class_menu i {
  line-height: 24px;
  top: 2px;
  position: relative;
  margin-right: 5px;
}
/* line 510, ../sass/base.scss */
.layout_bottom .video_list .item {
  margin-bottom: 20px;
  height: 160px;
}
/* line 513, ../sass/base.scss */
.layout_bottom .video_list .item img {
  margin-bottom: 3px;
}
/* line 516, ../sass/base.scss */
.layout_bottom .video_list .item p {
  text-align: center;
  font-size: 14px;
}
/* line 524, ../sass/base.scss */
.layout_bottom .social_block {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 40px;
}
/* line 528, ../sass/base.scss */
.layout_bottom .social_block a {
  width: 82px;
  display: inline-block;
  list-style: none;
  margin: 0 10px 0px 10px;
  padding: 5px;
  text-decoration: none;
}
/* line 535, ../sass/base.scss */
.layout_bottom .social_block a p {
  display: block;
  color: #fff;
  font-size: 12px;
}
/* line 537, ../sass/base.scss */
.layout_bottom .social_block .social_fb {
  background: #627aad;
}
/* line 538, ../sass/base.scss */
.layout_bottom .social_block .social_twitter {
  background: #5cd6ff;
}
/* line 539, ../sass/base.scss */
.layout_bottom .social_block .social_favourite {
  background: #ffb660;
}
/* line 543, ../sass/base.scss */
.layout_bottom .text_intro {
  display: block;
  /*含外框陰影內容區塊*/
  /*右側講者區塊*/
}
/* line 546, ../sass/base.scss */
.layout_bottom .text_intro.copyright .text_block {
  background: #f8f8f8;
}
/* line 549, ../sass/base.scss */
.layout_bottom .text_intro .video_block {
  background: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}
/* line 556, ../sass/base.scss */
.layout_bottom .text_intro .video_block h3 {
  margin: 10px 0;
}
/* line 558, ../sass/base.scss */
.layout_bottom .text_intro .video_block .row {
  margin: 0;
}
/* line 559, ../sass/base.scss */
.layout_bottom .text_intro .video_block .col-md-4 {
  padding: 15px;
  height: 210px;
}
/* line 562, ../sass/base.scss */
.layout_bottom .text_intro .video_block .col-md-4 p {
  padding: 5px;
  text-align: center;
  font-size: 15px;
}
/* line 566, ../sass/base.scss */
.layout_bottom .text_intro .video_block .col-md-3 {
  margin-bottom: 20px;
}
/* line 568, ../sass/base.scss */
.layout_bottom .text_intro .video_block .col-md-3 a {
  font-size: 14px;
}
/* line 569, ../sass/base.scss */
.layout_bottom .text_intro .video_block .col-md-3 p {
  font-size: 12px;
  height: 18px;
  overflow: hidden;
}
/* line 575, ../sass/base.scss */
.layout_bottom .text_intro ul {
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 0;
}
/* line 576, ../sass/base.scss */
.layout_bottom .text_intro ul li {
  color: #333;
  line-height: 24px;
  margin-bottom: 10px;
}
/* line 577, ../sass/base.scss */
.layout_bottom .text_intro ul .button_close {
  background: #bababa;
}
/* line 578, ../sass/base.scss */
.layout_bottom .text_intro ul .word_box {
  background: #f5f5f5;
  color: #888;
  padding: 10px;
}
/* line 580, ../sass/base.scss */
.layout_bottom .text_intro ul img {
  float: left;
  margin-right: 10px;
}
/* line 581, ../sass/base.scss */
.layout_bottom .text_intro ul p {
  color: #555555;
  padding: 5px;
  display: inline-block;
}
/* line 582, ../sass/base.scss */
.layout_bottom .text_intro ul ul {
  list-style-type: decimal;
  list-style-position: outside;
  color: #be751f;
  line-height: 21px;
}
/* line 583, ../sass/base.scss */
.layout_bottom .text_intro ul hr {
  margin: 0;
}
/* line 584, ../sass/base.scss */
.layout_bottom .text_intro ul .row.bg_grey {
  background: #f3f3f3;
  padding: 10px 0;
  margin-top: -15px;
  border-bottom: 1px solid #ddd;
}
/* line 585, ../sass/base.scss */
.layout_bottom .text_intro ul .row {
  margin-top: 10px;
}
/* line 587, ../sass/base.scss */
.layout_bottom .text_intro ul .row .col-md-2 {
  text-align: center;
  /*list子頁面下方區塊*/
}
/* line 588, ../sass/base.scss */
.layout_bottom .text_intro ul .row .col-md-2 a {
  background: #f1a3ad;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1a3ad 0%, #cd404b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1a3ad), color-stop(100%, #cd404b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1a3ad 0%, #cd404b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1a3ad 0%, #cd404b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1a3ad 0%, #cd404b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f1a3ad 0%, #cd404b 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1a3ad', endColorstr='#cd404b',GradientType=0 );
  /* IE6-9 */
  padding: 3px 4px;
}
/* line 598, ../sass/base.scss */
.layout_bottom .text_intro ul .row .col-md-2 .arrow_title {
  padding: 3px 0px 3px 4px;
}
/* line 599, ../sass/base.scss */
.layout_bottom .text_intro ul .row .col-md-2 .exam_download {
  background: #86b5e1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #86b5e1 0%, #3a7bc8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86b5e1), color-stop(100%, #3a7bc8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #86b5e1 0%, #3a7bc8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #86b5e1 0%, #3a7bc8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #86b5e1 0%, #3a7bc8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #86b5e1 0%, #3a7bc8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b5e1', endColorstr='#3a7bc8',GradientType=0 );
  /* IE6-9 */
}
/* line 613, ../sass/base.scss */
.layout_bottom .text_intro .text_block {
  background: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}
/* line 614, ../sass/base.scss */
.layout_bottom .text_intro .text_block img {
  float: left;
  margin-right: 20px;
}
/* line 615, ../sass/base.scss */
.layout_bottom .text_intro .text_block p {
  color: #555555;
  padding: 5px 0;
}
/* line 616, ../sass/base.scss */
.layout_bottom .text_intro .text_block ul {
  list-style-type: decimal;
  list-style-position: outside;
  color: #be751f;
  line-height: 21px;
}
/* line 617, ../sass/base.scss */
.layout_bottom .text_intro .text_block li a {
  color: #be751f;
}
/* line 618, ../sass/base.scss */
.layout_bottom .text_intro .text_block hr {
  margin: 0;
}
/* line 620, ../sass/base.scss */
.layout_bottom .text_intro .text_block.account_info {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 5px solid #EF9E3E;
}
/* line 626, ../sass/base.scss */
.layout_bottom .text_intro .writer_text h4 {
  color: #00a0e9;
  margin: 10px auto;
}
/* line 630, ../sass/base.scss */
.layout_bottom .text_intro .writer_text p {
  color: #777;
  margin-top: 10px;
  line-height: 1.6em;
}
/* line 637, ../sass/base.scss */
.layout_bottom .text_intro .trans_text p {
  color: #333;
  margin: 5px 0;
  display: block;
}
/* line 638, ../sass/base.scss */
.layout_bottom .text_intro .trans_text span {
  color: #999;
  margin-right: 12px;
}

/*右側講者區塊*/
/* Carousel base class */
/* line 646, ../sass/base.scss */
.carousel {
  height: auto;
}

/* Since positioning the image, we need to help out the caption */
/* line 650, ../sass/base.scss */
.carousel-caption {
  z-index: 10;
  left: 10%;
  right: 10%;
}
/* line 654, ../sass/base.scss */
.carousel-caption > .container {
  width: 80%;
}

/* Declare heights because of positioning of img element */
/* line 660, ../sass/base.scss */
.carousel .item {
  height: auto;
  background-color: #777;
  padding-top: 26.6%;
  /*首頁圖片寬高比例*/
}

/* line 665, ../sass/base.scss */
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

/* line 672, ../sass/base.scss */
.carousel-indicators {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 11.7%;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
  list-style: none;
}

/* line 684, ../sass/base.scss */
.carousel-control {
  z-index: 999;
}

/* line 687, ../sass/base.scss */
.carousel-bg {
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(99%, #000000));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 20%, #000000 99%);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 20%, #000000 99%);
  background-image: linear-gradient(rgba(0, 0, 0, 0) 20%, #000000 99%);
  height: 30%;
  bottom: 0;
  z-index: 14;
  padding: 0;
  margin: 0;
  width: 100%;
  border-top: none;
}

/* line 698, ../sass/base.scss */
.carousel-indicators li {
  display: inline-block;
  width: 4.45%;
  height: 100%;
  margin: 1%;
  cursor: pointer;
  background-color: #fff \9;
  background-color: white;
  border: none;
  border-radius: 0px;
  -moz-box-shadow: 0px 0px 5px #333;
  -webkit-box-shadow: 0px 0px 5px #333;
  box-shadow: 0px 0px 5px #333;
}
/* line 709, ../sass/base.scss */
.carousel-indicators li img {
  -webkit-filter: grayscale(95%);
  -moz-filter: grayscale(95%);
  filter: grayscale(95%);
  opacity: .8;
  width: 100%;
  height: 100%;
}

/* line 718, ../sass/base.scss */
.carousel-indicators .active {
  width: 4.45%;
  height: 100%;
  margin: 1%;
  background-color: #fff;
  border: none;
}
/* line 724, ../sass/base.scss */
.carousel-indicators .active img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

/* line 731, ../sass/base.scss */
.text_class_list {
  margin-bottom: 0;
}
/* line 733, ../sass/base.scss */
.text_class_list li {
  clear: both;
  line-height: 30px;
  border-bottom: 1px dotted #ddd;
}

/* line 741, ../sass/base.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: #EF9E3E;
}

/* line 745, ../sass/base.scss */
.dropdown-menu > li > a:hover {
  color: #FFF;
  background-color: #EF9E3E;
}

/* line 749, ../sass/base.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: #EF9E3E;
}

/* line 753, ../sass/base.scss */
.carousel-caption {
  top: 10%;
  text-align: left;
  text-shadow: 2px 2px 4px #000;
}
/* line 757, ../sass/base.scss */
.carousel-caption h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  width: 60%;
}
/* line 763, ../sass/base.scss */
.carousel-caption p {
  font-size: 15px;
  line-height: 22px;
  width: 50%;
  text-shadow: 1px 1px 0px #333;
}

/* line 770, ../sass/base.scss */
.fb-page {
  border: 1px solid #ccc;
}
/* line 772, ../sass/base.scss */
.fb-page iframe {
  margin: 0 auto;
}

/* line 776, ../sass/base.scss */
.trans {
  margin-bottom: 50px;
}
/* line 778, ../sass/base.scss */
.trans h2 {
  font-weight: bold;
  color: #005563;
}
/* line 782, ../sass/base.scss */
.trans label b {
  font-weight: normal;
  color: #AC000E;
}

/* line 788, ../sass/base.scss */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

@media (min-width: 980px) and (max-width: 1199px) {
  /* line 793, ../sass/base.scss */
  .carousel-caption h2 {
    width: 70%;
  }
  /* line 796, ../sass/base.scss */
  .carousel-caption p {
    width: 70%;
  }
}
@media (min-width: 769px) and (max-width: 979px) {
  /* line 803, ../sass/base.scss */
  .carousel-caption h2 {
    width: 80%;
  }
  /* line 806, ../sass/base.scss */
  .carousel-caption p {
    width: 80%;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  /* line 812, ../sass/base.scss */
  .carousel-caption {
    top: 0%;
  }
  /* line 814, ../sass/base.scss */
  .carousel-caption h2 {
    width: 100%;
    font-size: 28px;
    line-height: 34px;
  }
  /* line 819, ../sass/base.scss */
  .carousel-caption p {
    width: 100%;
  }

  /* line 823, ../sass/base.scss */
  .carousel-m {
    height: 200px;
  }
  /* line 825, ../sass/base.scss */
  .carousel-m .item {
    background-size: cover;
    height: 200px;
    background-position: top center;
  }

  /* line 831, ../sass/base.scss */
  .carousel-indicators {
    display: none;
  }
}
@media (max-width: 480px) {
  /* line 841, ../sass/base.scss */
  .carousel-indicators {
    display: none;
  }

  /* line 844, ../sass/base.scss */
  .navbar {
    margin-bottom: 0px;
  }

  /* line 847, ../sass/base.scss */
  .banner {
    margin-bottom: 10px;
    margin-top: -5px;
  }

  /* line 851, ../sass/base.scss */
  .index_top {
    padding: 3px 10px;
    border: 1px solid #ccc;
  }
  /* line 854, ../sass/base.scss */
  .index_top h2 {
    top: inherit;
    left: inherit;
    width: 100%;
  }
  /* line 859, ../sass/base.scss */
  .index_top .class_img {
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 863, ../sass/base.scss */
  .index_top .col-md-4 {
    height: auto;
    margin-bottom: 15px;
  }
  /* line 867, ../sass/base.scss */
  .index_top h3 {
    height: auto;
  }

  /* line 872, ../sass/base.scss */
  .carousel-caption {
    top: 0px;
    left: inherit;
    right: inherit;
    text-align: center;
  }
  /* line 877, ../sass/base.scss */
  .carousel-caption h2 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 883, ../sass/base.scss */
  .carousel-caption p {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
  }

  /* line 889, ../sass/base.scss */
  .carousel-m {
    height: 200px;
  }
  /* line 891, ../sass/base.scss */
  .carousel-m .item {
    background-size: cover;
    height: 200px;
    background-position: top center;
  }

  /* line 897, ../sass/base.scss */
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  /* line 900, ../sass/base.scss */
  .layout_content {
    margin-top: 0px;
    overflow-x: visible;
  }

  /* line 905, ../sass/base.scss */
  .layout_top .speaker_title {
    padding: 10px 30px;
    width: 100%;
    position: relative;
    top: inherit;
  }
  /* line 910, ../sass/base.scss */
  .layout_top .speaker_title h1 {
    font-size: 20px;
    margin: 5px 0px;
    line-height: 30px;
  }
  /* line 915, ../sass/base.scss */
  .layout_top .speaker_title .eng_title, .layout_top .speaker_title .text_area {
    font-size: 13px;
  }
  /* line 919, ../sass/base.scss */
  .layout_top .speaker_person {
    position: relative;
    top: inherit;
    margin-left: inherit;
  }
  /* line 923, ../sass/base.scss */
  .layout_top .speaker_person img {
    width: 100%;
  }
  /* line 929, ../sass/base.scss */
  .layout_top .speaker_banner .speaker_player .player_container {
    padding-top: 0px;
  }
  /* line 932, ../sass/base.scss */
  .layout_top .speaker_banner .speaker_player i {
    position: absolute;
    top: 90px;
    left: inherit;
    right: 40%;
    font-size: 60px;
    opacity: .5;
    cursor: pointer;
    z-index: 9999;
  }

  /* line 946, ../sass/base.scss */
  .layout_bottom .class_menu p {
    font-size: 24px;
    line-height: 32px;
  }

  /* line 951, ../sass/base.scss */
  .layout_bottom .class_block .class_content li.word_box {
    padding: 0px;
  }

  /* line 954, ../sass/base.scss */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }

  /* line 959, ../sass/base.scss */
  .layout_bottom .video_list .item {
    height: auto;
  }
  /* line 961, ../sass/base.scss */
  .layout_bottom .video_list .item .item_img {
    width: 100%;
  }
  /* line 964, ../sass/base.scss */
  .layout_bottom .video_list .item p {
    height: 20px;
    overflow: hidden;
  }

  /* line 971, ../sass/base.scss */
  footer p {
    font-size: 13px;
  }

  /* line 974, ../sass/base.scss */
  .index_top h2 l {
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: sans-serif;
  }

  /* line 980, ../sass/base.scss */
  .social_line .group {
    display: block;
    text-align: center;
    width: 100%;
  }

  /* line 986, ../sass/base.scss */
  .layout_bottom .social_line .group .dropdown {
    width: 45%;
    margin: 3px 2%;
    float: left;
  }

  /* line 991, ../sass/base.scss */
  .layout_bottom .social_line .group .dropdown .dropdown-toggle {
    width: 100%;
  }

  /* line 995, ../sass/base.scss */
  .carousel-caption h2 {
    width: 100%;
  }
  /* line 998, ../sass/base.scss */
  .carousel-caption p {
    width: 100%;
  }

  /* line 1003, ../sass/base.scss */
  .text_block h3 {
    font-size: 20px;
    margin: 5px 0;
    font-weight: bold;
  }

  /* line 1009, ../sass/base.scss */
  .layout_top .speaker_title h1.big {
    font-size: 36px;
    line-height: 46px;
  }
}