.tableOverParent {
  position: relative;
}
.tableOverParent .tableOver-btn {
  padding-top: 2em;
  padding-bottom: 0.5em;
  width: 100%;
  border: 0;
  background: linear-gradient(to top, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}
.tableOverParent .tableOver-btn.styleDark {
  background: linear-gradient(to top, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  color: #fff;
}
.tableOverParent .tableOver-btn.styleGray {
  background: linear-gradient(to top, rgb(33, 33, 33) 50%, rgba(33, 33, 33, 0) 100%);
  color: #fff;
}
.tableOverParent .tableOver-btn.styleGray2 {
  background: linear-gradient(to top, rgb(230, 230, 230) 50%, rgba(230, 230, 230, 0) 100%);
}
.tableOverParent .tableOver-btn[aria-expanded=false] {
  position: absolute;
  margin: 0;
  bottom: 0;
  left: 0;
}
.tableOverParent .tableOver-btn[aria-expanded=true] {
  position: relative;
  background: unset;
  padding-top: 0.5em;
  padding-bottom: 2em;
  color: #fff;
}
.tableOverParent._darkBg .tableOver-btn[aria-expanded=true] {
  color: black;
}

.tableOverHidden {
  height: 30vh;
  overflow-y: hidden;
  z-index: 1;
}
.tableOverHidden.showing {
  overflow-y: visible;
  height: unset;
}
.tableOverHidden.showing .table {
  margin-bottom: 0;
}

.style-btnlike-w7G1vB5 {
  display: inline-block;
}
.style-btnlike-w7G1vB5:after {
  content: "\e70d";
  font-family: MSHPIconsRegular;
  display: inline-block;
  padding-left: 0.5em;
  text-align: center;
}

.tableOverParent .tableOver-btn[aria-expanded=true] {
  padding-bottom: 0.5em;
  border: 1px white solid;
}
.tableOverParent .tableOver-btn[aria-expanded=true] .style-btnlike-w7G1vB5:after {
  content: "\e70e";
}
.tableOverParent._darkBg .tableOver-btn[aria-expanded=true] {
  border: 1px black solid;
}

@media (max-width: 769px) {
  .rwdTable thead {
    display: none;
  }
  .rwdTable,
  .rwdTable tbody,
  .rwdTable th,
  .rwdTable tr,
  .rwdTable td {
    display: block;
    width: 100%;
  }
  .rwdTable thead {
    display: none;
  }
}
.mobileshow, .mobileshow-db {
  display: none;
}

@media (max-width: 769px) {
  .mobileshow {
    display: inline-block;
  }
  .mobileshow-db {
    display: block;
  }
}
.hero_section.windevice {
  background-image: url("/taiwan/education/0composition/images/digital-learning/hero_win-device.png");
}

.flex-group-E8c6v3 {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  background-image: url("/taiwan/education/0composition/images/digital-learning/Surface-Go-3.png");
  background-position: center 40%;
  background-size: 33.33333333%;
  background-repeat: no-repeat;
}
.flex-group-E8c6v3 .inlineBox {
  text-align: left;
  display: inline-block;
  position: relative;
}
.flex-group-E8c6v3 .title,
.flex-group-E8c6v3 .des {
  margin-left: 60px;
}
.flex-group-E8c6v3 .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
}
.flex-group-E8c6v3 .item {
  width: 33.33333333%;
  margin-bottom: 3em;
  position: relative;
}
.flex-group-E8c6v3 .item[data-id="3"], .flex-group-E8c6v3 .item[data-id="5"], .flex-group-E8c6v3 .item[data-id="7"], .flex-group-E8c6v3 .item[data-id="10"] {
  text-align: right;
}
.flex-group-E8c6v3 .item[data-id="3"] .inlineBox, .flex-group-E8c6v3 .item[data-id="5"] .inlineBox, .flex-group-E8c6v3 .item[data-id="7"] .inlineBox, .flex-group-E8c6v3 .item[data-id="10"] .inlineBox {
  width: calc(15em + 60px);
}
.flex-group-E8c6v3 .item[data-id="2"], .flex-group-E8c6v3 .item[data-id="9"] {
  text-align: center;
}
.flex-group-E8c6v3 .item[data-id="2"] .inlineBox, .flex-group-E8c6v3 .item[data-id="9"] .inlineBox {
  width: calc(11em + 60px);
}
.flex-group-E8c6v3 .item[data-id="4"], .flex-group-E8c6v3 .item[data-id="6"] {
  margin-right: 33.33333333%;
}

@media (max-width: 991px) {
  .flex-group-E8c6v3 {
    padding-top: 40vw;
    background-position: center top;
    background-size: 80%;
  }
  .flex-group-E8c6v3 .item {
    width: 50%;
    margin-bottom: 3em;
    position: relative;
  }
  .flex-group-E8c6v3 .item[data-id="2"], .flex-group-E8c6v3 .item[data-id="3"], .flex-group-E8c6v3 .item[data-id="4"], .flex-group-E8c6v3 .item[data-id="5"], .flex-group-E8c6v3 .item[data-id="6"], .flex-group-E8c6v3 .item[data-id="7"], .flex-group-E8c6v3 .item[data-id="8"], .flex-group-E8c6v3 .item[data-id="9"], .flex-group-E8c6v3 .item[data-id="10"] {
    text-align: left;
    margin-right: unset;
  }
  .flex-group-E8c6v3 .item[data-id="2"] .inlineBox, .flex-group-E8c6v3 .item[data-id="3"] .inlineBox, .flex-group-E8c6v3 .item[data-id="4"] .inlineBox, .flex-group-E8c6v3 .item[data-id="5"] .inlineBox, .flex-group-E8c6v3 .item[data-id="6"] .inlineBox, .flex-group-E8c6v3 .item[data-id="7"] .inlineBox, .flex-group-E8c6v3 .item[data-id="8"] .inlineBox, .flex-group-E8c6v3 .item[data-id="9"] .inlineBox, .flex-group-E8c6v3 .item[data-id="10"] .inlineBox {
    width: unset;
  }
}
@media (max-width: 450px) {
  .flex-group-E8c6v3 .item {
    width: 100%;
  }
}
/*.linklist-Ry6VcA{
    a,a:link,a:visited{
        display: block;
        text-decoration: none;
        span{
            text-decoration: none;
        }
    }
    a:hover,a:focus{
        text-decoration:underline;
    }
    &.text-white a:link,
    &.text-white a:hover,
    &.text-white a:visited,
    &.text-white a:active{
        color:white;
    }
}*/
.imgBg-G0f7X8 {
  background-color: #deeaf6;
}

.imgBg-e8F3j6 {
  background-color: #fbe5d7;
}

.imgBg-l7Bn4M {
  background-color: #e2f0d9;
}

.hr-EzYh6Bb7 {
  border-width: 0;
  border-bottom: 1px #ffffff dotted;
}

.hr-bV74zo47e {
  border-width: 0;
  border-bottom: 1.5em solid transparent;
}

.style-btnlike-Rj6fzz72 {
  display: inline-block;
  border-radius: 60px;
  padding: 8px 25px;
  box-shadow: 0 5px rgba(0, 0, 0, 0.15);
  background-color: #0078d4;
  color: #ffffff;
}

.videolist.owl-carousel {
  padding-left: 80px;
  padding-right: 80px;
}

.videolist.owl-carousel .owl-nav {
  position: absolute;
  top: 45%;
  width: 98%;
  margin: auto;
  left: 0;
  right: 0;
}

.videolist.owl-carousel .owl-nav button.owl-next {
  right: 0;
}

.videolist.owl-carousel .owl-nav button.owl-next,
.videolist.owl-carousel .owl-nav button.owl-prev {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #2e2e2e;
  color: #ffffff;
  position: absolute;
}

.videolist .owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.videolist.owl-carousel button.owl-dot.active {
  background-color: #0078d7;
}

.videolist.owl-carousel button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px rgba(255, 255, 255, 0.4) solid;
  background-color: #666666;
  margin: 0 4px;
}

.arrowicon:after,
.MWFicon:after {
  font-family: "MWF-MDL2";
  font-size: 12px;
  font-style: normal;
  vertical-align: middle;
}

.arrowicon.-left:after {
  content: "\e76b";
}

.arrowicon.-right:after {
  content: "\e76c";
}

.class_section .class-option.colorWhite span {
  color: white;
}

.table.table-striped td > ul {
  list-style: none;
  padding-left: 10px;
}
.table.table-striped td > ul li {
  position: relative;
  padding-left: 10px;
  border-left: transparent 4px solid;
  margin-bottom: 10px;
}

.table.table-striped.colorStyle-G0f7X8 thead tr th.th {
  background-color: #2e75b5;
  font-weight: 600;
}
.table.table-striped.colorStyle-G0f7X8 > tbody > tr:nth-of-type(odd) {
  background-color: #ffffff;
  color: #313131;
}
.table.table-striped.colorStyle-G0f7X8 > tbody > tr:nth-of-type(even) {
  background-color: #deeaf6;
  color: #313131;
}
.table.table-striped.colorStyle-G0f7X8 td > ul li {
  border-left-color: #2e75b5;
}
.table.table-striped.colorStyle-e8F3j6 thead tr th.th {
  background-color: #c85a0f;
  font-weight: 600;
}
.table.table-striped.colorStyle-e8F3j6 > tbody > tr:nth-of-type(odd) {
  background-color: #ffffff;
  color: #313131;
}
.table.table-striped.colorStyle-e8F3j6 > tbody > tr:nth-of-type(even) {
  background-color: #fbe5d7;
  color: #313131;
}
.table.table-striped.colorStyle-e8F3j6 td > ul li {
  border-left-color: #c85a0f;
}
.table.table-striped.colorStyle-l7Bn4M thead tr th.th {
  background-color: #5c7d38;
  font-weight: 600;
}
.table.table-striped.colorStyle-l7Bn4M > tbody > tr:nth-of-type(odd) {
  background-color: #ffffff;
  color: #313131;
}
.table.table-striped.colorStyle-l7Bn4M > tbody > tr:nth-of-type(even) {
  background-color: #e2f0d9;
  color: #313131;
}
.table.table-striped.colorStyle-l7Bn4M td > ul li {
  border-left-color: #5c7d38;
}

.class_section h2#events-junior:after {
  border-bottom-color: #2e75b5;
}
.class_section h2#events-senior:after {
  border-bottom-color: #c85a0f;
}
.class_section h2#events-senior-special:after {
  border-bottom-color: #5c7d38;
}

.align_left {
  text-align: left;
}

.img-rounded-Bn66eS {
  border-radius: 20px;
}

.content-bg01 {
  background-image: url(/taiwan/education/0composition/images/digital-learning/windows-device/content-bgimg01.jpg);
  background-attachment: fixed;
  background-position: center center;
  color: #fff;
}

.btn.bg-green {
  background-color: #89c402;
  color: #000;
}
.btn.bg-green:hover, .btn.bg-green:focus {
  background-image: unset;
  background-color: #9bdd02;
}
.btn.bg-G0f7X8 {
  background-color: #2e75b5;
}
.btn.bg-e8F3j6 {
  background-color: #c85a0f;
}
.btn.bg-l7Bn4M {
  background-color: #5c7d38;
}

.title_section .title_txt p.margin-bottom-2 {
  margin-bottom: 2em;
}

.margin-top-2 {
  margin-top: 2em;
}

.linkAllPic-Xc7zf3 {
  position: relative;
  z-index: 3;
}
.linkAllPic-Xc7zf3 a.linkBox {
  display: table;
  vertical-align: middle;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
}
.linkAllPic-Xc7zf3 a.linkBox.colorWhite {
  color: white;
  text-decoration: none;
}
.linkAllPic-Xc7zf3 a.linkBox.colorWhite span {
  color: white;
  text-decoration: none;
}
.linkAllPic-Xc7zf3 .row {
  display: table-row;
}
.linkAllPic-Xc7zf3 .cell {
  display: table-cell;
  vertical-align: middle;
}
.linkAllPic-Xc7zf3 .cell.va-m {
  vertical-align: middle;
}
.linkAllPic-Xc7zf3 .title {
  display: block;
  font-size: calc(15px + 1.2vw);
  font-weight: 900;
}
.linkAllPic-Xc7zf3 .subtitle {
  display: block;
  font-size: calc(15px + 0.3vw);
}
.linkAllPic-Xc7zf3 .para {
  display: block;
}

@media (max-width: 769px) {
  .linkAllPic-Xc7zf3 a.linkBox {
    position: relative;
    background-color: #333;
    padding-top: 2em;
    padding-bottom: 2em;
  }
}/*# sourceMappingURL=digital-learning-surface-go-3.css.map */