/*========================================================
                  Daily Program
=========================================================*/
.VTableA { margin-bottom: 20px; padding: 0;}

/*======================================================*/
/*==================   Table  th  ======================*/
.VTableA div.thA {
	clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
	background: #E3DEEB;
	border-top: 1px #B1A5C7 solid;
	padding: 8px;
    font-weight: bold;
    color: #454464;
}


.VTableA ul.thB { width: 100%; margin: 0; padding: 0;}
.VTableA ul.thB li { list-style: none; padding: 8px;}
.VTableA ul.thB li { font-size: 26px; font-weight: bold;}
.VTableA ul.thB li.video { font-size: 15px;}

@media (min-width: 768px) {
	.VTableA div.thA { width: 95%;}

    .VTableA ul.thB li { padding: 8px;}
	.VTableA ul.thB { display: flex; flex-direction: row;}

	.VTableA ul.thB li.title { width: 65%;}
	.VTableA ul.thB li.video { width: 35%; font-size: 14px; text-align: right;}
	
}
@media (min-width: 1200px) {
    .VTableA div.thA { width: 65%;}
	.VTableA ul.thB li.title { width: 70%;}
	.VTableA ul.thB li.video { width: 30%;}
	
}

.VTableA div.thC {
	border-bottom: 1px #B1A5C7 solid;
	padding: 8px;
	font-size: 26px;
	font-weight: bold;
    color: #C80000;
	background: #F3EFF5;
}


.orange {
	background: #E3DEEB;
	border-top: 1px #B1A5C7 solid;
	border-bottom: 1px #B1A5C7 solid;
}




/*======================================================*/
/*==================   Table  td  ======================*/
.VTableA ul.td { width: 100%; margin: 0; padding: 0; border-bottom: 1px #C6CACF solid; margin-bottom: 7px;}
.VTableA ul.td li { list-style: none;}


.VTableA ul.tdA3 .pMO { display: none;}


/*	k_grid 3 不顯示Moderator，只顯示一格*/
.VTableA ul.tdB3.tdC1 { background: #E0E0E1;}
.VTableA ul.tdB3.tdC1 li:nth-child(1) { display: none;}
.VTableA ul.tdB3.tdC1 li.pSP { display: none;}
.VTableA ul.tdB3.tdC1 li.pMO { display: none;}
/*.VTableA ul.tdB3.tdC1 li.pVE { display: none;}*/
/*	k_grid 3 不顯示Moderator，只顯示前面兩格*/
.VTableA ul.tdB3.tdC2 { background: #EAEBFA;}
.VTableA ul.tdB3.tdC2 li.pSP { display: none;}
.VTableA ul.tdB3.tdC2 li.pMO { display: none;}
/*.VTableA ul.tdB3.tdC2 li.pVE { display: none;}*/


/*	k_grid 4 不顯示Moderator，只顯示一格*/
.VTableA ul.tdB4.tdC1 { background: #E0E0E1;}
.VTableA ul.tdB4.tdC1 li:nth-child(1) { display: none;}
.VTableA ul.tdB4.tdC1 li.pSP { display: none;}
.VTableA ul.tdB4.tdC1 li.pMO { display: none;}
/*.VTableA ul.tdB4.tdC1 li.pVE { display: none;}*/
/*	k_grid 4 不顯示Moderator，只顯示前面兩格*/
.VTableA ul.tdB4.tdC2 { background: #EAEBFA;}
.VTableA ul.tdB4.tdC2 li.pSP { display: none;}
.VTableA ul.tdB4.tdC2 li.pMO { display: none;}
/*.VTableA ul.tdB4.tdC2 li.pVE { display: none;}*/


/*不顯示Moderator*/
	.VTableA ul.tdB3 li.pMO { display: none;}
/*	.VTableA ul.tdB3 li.pVE { display: none;}*/




@media (max-width: 767px) {
	.VTableA ul.tdA3 { display: none;}
	.VTableA ul.tdA4 { display: none;}
}



@media (min-width: 768px) {
    .VTableA ul.td li { padding: 8px;}
	.VTableA ul.td { display: flex; flex-direction: row;}
	
	.pSP span { display: none;}
	.pMO span { display: none;}
/*    .pVE span { display: none;}*/

	.VTableA ul.tdA { font-weight: bold; background: #8B75AF; color: #fff;}

	.VTableA ul.tdA3 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdA3 li:nth-child(2) { width: 55%; text-align: center;}
	.VTableA ul.tdA3 .pSP { width: 25%; text-align: center;}

	.VTableA ul.tdA4 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdA4 li:nth-child(2) { width: 40%; text-align: center;}
	.VTableA ul.tdA4 .pSP { width: 20%; text-align: center;}
	.VTableA ul.tdA4 .pMO { width: 20%; text-align: center;}
/*    .VTableA ul.tdA4 .pVE { width: 6%; text-align: center;}*/



/*k_grid 3 不顯示Moderator，只顯示前面兩格*/
	.VTableA ul.tdB3.tdC2 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdB3.tdC2 li:nth-child(2) { width: 80%;}
/*k_grid 3 不顯示Moderator，不顯示Moderator*/
	.VTableA ul.tdB3.tdC3 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdB3.tdC3 li:nth-child(2) { width: 55%;}
	.VTableA ul.tdB3.tdC3 li.pSP { width: 25%; text-align: center;}
/*k_grid 3 不顯示Moderator，全部資料*/
	.VTableA ul.tdB3.tdC4 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdB3.tdC4 li:nth-child(2) { width: 55%;}
	.VTableA ul.tdB3.tdC4 li.pSP { width: 25%; text-align: center;}



/*k_grid 4 只顯示前面兩格*/
	.VTableA ul.tdB4.tdC2 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdB4.tdC2 li:nth-child(2) { width: 80%;}
/*k_grid 4 全部顯示*/
	.VTableA ul.tdB4.tdC3 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdB4.tdC3 li:nth-child(2) { width: 40%;}
	.VTableA ul.tdB4.tdC3 li.pSP { width: 20%; text-align: center;}
	.VTableA ul.tdB4.tdC3 li.pMO { width: 20%; text-align: center;}
/*    .VTableA ul.tdB4.tdC3 li.pVE { width: 6%; text-align: center;}*/
/*k_grid 4 全部顯示*/
	.VTableA ul.tdB4.tdC4 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdB4.tdC4 li:nth-child(2) { width: 40%;}
	.VTableA ul.tdB4.tdC4 li.pSP { width: 20%; text-align: center;}
	.VTableA ul.tdB4.tdC4 li.pMO { width: 20%; text-align: center;}
/*    .VTableA ul.tdB4.tdC4 li.pVE { width: 6%; text-align: center;}*/


}



@media (min-width: 992px) {
	.VTableA ul.tdA3 li:nth-child(1) { width: 17%;}
	.VTableA ul.tdA3 li:nth-child(2) { width: 58%;}
	.VTableA ul.tdA3 .pSP { width: 25%;}

	.VTableA ul.tdA4 li:nth-child(1) { width: 17%;}
	.VTableA ul.tdA4 li:nth-child(2) { width: 43%;}
	.VTableA ul.tdA4 .pSP { width: 20%;}
	.VTableA ul.tdA4 .pMO { width: 20%;}
/*    .VTableA ul.tdA4 .pVE { width: 6%;}*/


/*k_grid 3 不顯示Moderator，只顯示前面兩格*/
	.VTableA ul.tdB3.tdC2 li:nth-child(1) { width: 17%;}
	.VTableA ul.tdB3.tdC2 li:nth-child(2) { width: 83%;}
/*k_grid 3 不顯示Moderator，不顯示Moderator*/
	.VTableA ul.tdB3.tdC3 li:nth-child(1) { width: 17%;}
	.VTableA ul.tdB3.tdC3 li:nth-child(2) { width: 58%;}
	.VTableA ul.tdB3.tdC3 li.pSP { width: 25%;}
/*k_grid 3 不顯示Moderator，全部資料*/
	.VTableA ul.tdB3.tdC4 li:nth-child(1) { width: 17%;}
	.VTableA ul.tdB3.tdC4 li:nth-child(2) { width: 58%;}
	.VTableA ul.tdB3.tdC4 li.pSP { width: 25%;}



/*k_grid 4 只顯示前面兩格*/
	.VTableA ul.tdB4.tdC2 li:nth-child(1) { width: 17%;}
	.VTableA ul.tdB4.tdC2 li:nth-child(2) { width: 83%;}
/*k_grid 4 全部顯示*/
	.VTableA ul.tdB4.tdC3 li:nth-child(1) { width: 17%;}
	.VTableA ul.tdB4.tdC3 li:nth-child(2) { width: 43%;}
	.VTableA ul.tdB4.tdC3 li.pSP { width: 20%;}
	.VTableA ul.tdB4.tdC3 li.pMO { width: 20%;}
/*    .VTableA ul.tdB4.tdC3 li.pVE { width: 6%;}*/
/*k_grid 4 全部顯示*/
	.VTableA ul.tdB4.tdC4 li:nth-child(1) { width: 17%;}
	.VTableA ul.tdB4.tdC4 li:nth-child(2) { width: 43%;}
	.VTableA ul.tdB4.tdC4 li.pSP { width: 20%;}
	.VTableA ul.tdB4.tdC4 li.pMO { width: 20%;}
/*    .VTableA ul.tdB4.tdC4 li.pVE { width: 6%;}*/


}







/*========================================================
                    info 講師資料
=========================================================*/
/*==================   Tumbnail    ======================*/
.thumb {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 991px) {
  .thumb {
    width: 100%; /*80*/
  }
}
@media (max-width: 500px) {
  .thumb {
    width: 100%;
  }
}
.thumb img {
/*
  width: 100%;
  height: auto;
*/
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.thumb_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
  background: transparent;
}
.thumb:hover .thumb_overlay {
  opacity: 1;
  background: rgba(33, 194, 248, 0.2);
}
.lt-ie9 .thumb:hover .thumb_overlay {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff21c2f8', endColorstr='#ff21c2f8');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff21c2f8', endColorstr='#ff21c2f8');
  zoom: 1;
}
.thumb:hover .thumb_overlay:before {
  opacity: 1;
}
.lt-ie9 .thumb:hover .thumb_overlay:before {
  display: block;
}
.thumb:hover img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.thumb_overl1:hover .thumb_overlay:before {
  display: none;
}
.thumb_overl1:hover .thumb_overlay:after {
  opacity: 1;
}





.bg3 {
/*  background: rgba(255, 255, 255, 0.8);*/
/*    background: rgba(32, 183, 173, 0.5);*/
    background: rgba(210, 255, 253, 0.6);
}
.bg3 *,
.bg3 h2,
.bg3 h3,
.bg3 h4 {
  color: #222533;
}
.bg3 a.btn-link {
  color: #21c2f8;
}
.bg3 a.btn-link:hover {
  color: #222533;
  text-decoration: none;
  background-color: transparent;
}




.thumbnail {
  position: relative;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 0;
}
.thumbnail .caption {
  padding: 5px 21px 10px 22px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 98;
}
.thumbnail .caption h3 + .wrap {
  margin-top: 5px;
}
.thumbnail .caption .wrap:before,
.thumbnail .caption .wrap:after {
  content: " ";
  display: table;
}
.thumbnail .caption .wrap:after {
  clear: both;
}
.thumbnail .caption .wrap:before,
.thumbnail .caption .wrap:after {
  content: " ";
  display: table;
}
.thumbnail .caption .wrap:after {
  clear: both;
}
.thumbnail .caption .wrap:before,
.thumbnail .caption .wrap:after {
  content: " ";
  display: table;
}
.thumbnail .caption .wrap:after {
  clear: both;
}
.thumbnail .caption .wrap:before,
.thumbnail .caption .wrap:after {
  content: " ";
  display: table;
}
.thumbnail .caption .wrap:after {
  clear: both;
}
.thumbnail .caption .wrap p {
  float: left;
  width: 90%;
}
.thumbnail .caption .wrap a {
  float: right;
  margin-top: 8px;
}
.thumbnail .caption .wrap .thumb_ins1 {
  width: 50%;
}

.thumbnail h3 {
    font-size: 20px;
}


@media (min-width: 768px) {
    .thumbnail h3 {
        text-align: center;
        font-size: 16px;
        padding: 0; margin: 0;
    }
    .thumbnail h3 span { display: block;}
    .thumbnail .caption {
        padding: 12px 10px; margin: 0;
    }
}
@media (min-width: 1200px) {
    .thumbnail h3 {
        font-size: 18px;
    }
}



@media (max-width: 1199px) {
/*
  .thumbnail .caption {
    padding-right: 17px;
    padding-left: 20px;
  }
*/
  .thumbnail .caption .wrap p,
  .thumbnail .caption .wrap .thumb_ins1 {
    font-size: 13px;
    width: 94%;
  }
  .thumbnail .btn-link:before {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .thumbnail {
/*    display: inline-block;*/
    max-width: 100%;
  }
/*
  .thumbnail .caption * {
    text-align: left;
  }
*/
}
@media (max-width: 400px) {
/*
  .thumbnail .caption {
    position: static;
  }
*/
}
.capt_hover1 {
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.capt_hover1:hover {
  /*background: rgba(33, 194, 248, 0.8);*/
    background: rgba(32, 183, 173, 0.8);
}
.capt_hover1:hover * {
  color: #ffffff;
}
.capt_hover1:hover .btn-link {
  color: #ffffff;
}
.thumb-shadow:hover {
/*  box-shadow: 9px 13px 26px -8px #222533;*/
}
.thumbnail1 .caption {
  margin-top: 32px;
}
.thumbnail1 .caption * + p {
  margin-top: 7px;
}
.thumbnail1 .caption h4 a:hover {
  color: #222533;
}




@media (max-width: 767px) {
	.w300_M {
		width: 300px;
	}
}

@media (min-width: 768px) {
	div.LunchBoxD {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}



div.LunchBoxInA {
	font-size: 20px;
}
div.LunchBoxInA ul li { padding: 5px 8px;} 
div.LunchBoxInA ul li:nth-child(1) { background: #AAAEC7; font-size: 24px;}
div.LunchBoxInA ul li:nth-child(2) { background: #BCBFD4; font-size: 24px;}
div.LunchBoxInA ul li:nth-child(3) { background: #C4C7DA;}
div.LunchBoxInA ul li:nth-child(4) { background: #D5D7E5;}

div.LunchInfoA, div.LunchInfoB, div.LunchInfoC {
	padding: 8px; margin: 0;
	border-top: 1px #fff solid;
}

div.LunchInfoA { background: #f5f3e7;}
div.LunchInfoB { background: #E4E6ED;}
div.LunchInfoC { background: #EFF0F4;}





/*faculty*/
.intro{line-height: 150%;}

.Int_thumbnail {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 400px;
    box-sizing: border-box;
    padding: 30px;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 2px 2px 5px 1px #C7C7C7;
    -webkit-box-shadow: 2px 2px 5px 1px #C7C7C7;
    -moz-box-shadow: 2px 2px 5px 1px #C7C7C7;
    -o-box-shadow: 2px 2px 5px 1px #C7C7C7;
    min-height: 180px;
}
.imgs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: transform .3s ease .1s;
}

.Int_thumbnail:hover .imgs {
    transform: scale(1);
}

@media (max-width: 1199px) {
    .Int_thumbnail { min-height:  150px;}
}

@media (min-width: 992px) {
    .intBDY{
    padding-left: 50px!important;
    padding-right: 50px!important;
    }
}

@media (max-width: 767px) {
    .intBDY{
    padding-left: 15px!important;
    padding-right: 15px!important;
    }
}