@charset "utf-8";

.videolist-teach{width:100%; padding:1%; margin:0 auto;}
.videolist-teach .video{ width:30.4%; height:auto; float:left; padding:1%;margin:10px 25px 10px -5PX;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.videolist-teach .video>p{color:#363; font-weight:bold;width:98%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:100%; margin-top:5px;}
.videolist-teach .video .videoday{ width:98%;margin:0 auto;font-size:80%; color:#656565; line-height:100%;}
.videolist-teach .video .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.videolist-teach .video .video-container .tolinkimg a{ position:absolute; display:block; top:0; left:0;width:100%;height:100%;z-index:3;}
.videolist-teach .video .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.videolist-teach .video .video-container .tolinkimg a{ position:absolute; display:block; top:0; left:0;width:100%;height:100%;z-index:3;}
.videolist-teach .video .video-container iframe,.videolist-teach .video-container object,.videolist-teach .video-container embed,.videolist-teach .video-container video{position:absolute;top:0;left:0;width:100%;height:100%; z-index:0;}
.videolist-teach .video .from{display:block; width:100%; height:auto; overflow:hidden;}
.videolist-teach .video .from p{display:inline-block;background: url(../frontimages/icon_r.png) 5px center no-repeat; background-size:6px auto;padding:2px 15px 0px 15px;width:100%;color :#666; margin:0px 0px;font-size:80%; margin-top:5px;white-space: nowrap;text-overflow:ellipsis; border-top:1px dashed #CCCCCC;}

.videolist-teach .videopage iframe,.videolist-teach .videopage object,.videolist-teach .videopage embed{width:100%;height: auto; min-height:400px;}
.videolist-teach .videopage video{width:100%;height:400px;}
.videolist-teach .videopage{ width:100%; height:auto;}
.videolist-teach .videopage>p{color:#363; font-weight:bold;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:110%; margin-top:5px;}
.videolist-teach .videopage .videoday{ width:100%;margin:0 auto;font-size:80%; color:#656565; line-height:100%;}
.videolist-teach .videopage .from{display:block; width:100%; height:auto; overflow:hidden;}
.videolist-teach .videopage .from p{display:inline-block;background: url(../frontimages/icon_r.png) 5px center no-repeat; background-size:6px auto;padding:2px 15px 0px 15px;width:100%;color :#666; margin:0px 0px;font-size:80%; margin-top:5px;white-space: nowrap;text-overflow:ellipsis; border-top:1px dashed #CCCCCC;}
.videolist-teach .videopage>.note p{ color:#333; font-weight:normal;margin-top:5px;}
.videolist-teach .othervideopage{ font-size:110%; margin:10px 0 0px 0; border-top:1px solid #333; padding-top:10px;}

.videolist .video02 .from02{display:inline-block;width: auto; overflow:hidden; float:right;   }
.videolist .video02 .from02 p{background: url(../frontimages/icon_r.png) 5px center no-repeat; background-size:10px 10px;padding:0px 15px; width:auto; max-width:100%;color :#666; margin:0px 0px;font-size:90%; margin-top:0;white-space: nowrap;text-overflow:ellipsis;}
.text03{padding:3% 8%; line-height:180%; letter-spacing:1px; }
.text03 a{ color:#006934; text-decoration:underline;}

/*.onlineteach #css_table .box01{width:4%;}
.onlineteach #css_table .box02{ width:10%;}
.onlineteach #css_table .box03{width:6%;}
.onlineteach #css_table .box04{width:15%;}
.onlineteach #css_table .box05{}
.onlineteach #css_table .box06{ width:12%;}
.onlineteach #css_table .box07{ width:10%;}*/

/*----好康報報list--------------*/
.convenience{width:100%; padding:0%; margin:0 auto 0 -1%;  }
.convenience .video02{ width:30.4%; height:auto; float:left; padding:1%;margin:10px;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.convenience .video02 a{ display:block; padding:0; margin:0;}
.convenience .video02 p.title02{color:#363; font-weight:bold;width:98%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:100%; padding-bottom:5px; margin-top:5px; margin-bottom:0px;/*border-bottom:1px solid #b5c15f;*/}
.convenience .video02 .from02{display:inline-block;width: auto; overflow:hidden; float:right; }
.convenience .video02 .from02 p{background: url(../frontimages/icon_r.png) 5px center no-repeat; background-size:8px 8px;padding:0px 0px 0px 10px; width:auto; max-width:100%;color:#363; margin:0px 0px;font-size:90%; margin-top:0;white-space: nowrap;text-overflow:ellipsis;}

.convenience .video02 .videoday{ width:98%;margin:0 auto;font-size:90%; color:#656565; line-height:100%; }
.convenience .video-container02{ width:100%;height:100px;overflow:hidden;}
.convenience .video-container02 img{width:100%;height: auto;}

/*好康報報內頁*/
.convenience .pagebox .from02{display:inline-block;width: auto; overflow:hidden; float:right;   }
.convenience .pagebox .from02 p{background: url(../frontimages/icon_r.png) 0px center no-repeat; background-size:10px 10px;padding:0px 0px 0px 10px; width:auto; max-width:100%;color :#666; margin:0px 0px;font-size:90%; margin-top:0;white-space: nowrap;text-overflow:ellipsis;}
.convenience .pagebox p{color:#363; font-weight:bold;width:98%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:110%; margin-top:10px; padding-bottom:10px;}
.convenience .pagebox .title02{ margin:5px 5px 0px 5px;  }
.convenience .pagebox .videoday{ width:100%;margin:0 auto;font-size:90%; color:#656565; line-height:100%; padding:0; border-bottom:3px solid #b5c15f;padding-bottom:10px; margin-bottom:0%;}
.convenience .pagebox .linklink{ width:100%;margin:0 auto;font-size:90%; color:#656565; line-height:100%; padding:0; border-bottom:3px solid #b5c15f;margin-bottom:0%; background:url(../frontimages/icon_link.png) no-repeat 5px center; background-size:16px auto; padding-left:25px;padding-bottom:1%; line-height:180%;}
.convenience .pagebox .linklink a{ display:block; line-height:130%;font-size:110%; color:#07743d; vertical-align:middle;word-wrap:break-word;word-break:break-all;/*text-align: justify;text-justify:inter-ideograph;word-break: normal;*/}
.convenience .pagebox .text02{padding:3% 0%; line-height:180%; letter-spacing:1px;text-align: justify;text-justify:inter-ideograph; }
.convenience .pagebox .video-container02{ width:100%;height:auto;overflow:hidden;}
.convenience .pagebox .video-container02 img{width:100%;height: auto;}

/*lazybag*/
.lazybag{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.lazybag h3.lazytitle{ margin:10px 0; color:#07743d; font-size:120%;}
.lazybag .oneimg{ list-style:none; display:block;width:100%; height:auto; margin:0 auto;overflow:hidden;}
.lazybag .oneimg img{border:#F4F4F4 1px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.lazybag .oneimg li{ display: inline-block;width:100%; height:auto; padding:5px;}
.lazybag .twoimg{ list-style:none; display:block;width:100%; height:auto; margin:0 auto;overflow:hidden;}
.lazybag .twoimg li{ display: inline-block;width:49%; height:auto;padding:5px;}
.lazybag .twoimg li:nth-child(even){ margin-left:1%;}
.lazybag h3.lazytitle span a{display: inline-block;background:#07743d url(../frontimages/file_pdf.png) 5px center no-repeat; background-size:20px auto; border:1px solid #07743d; color:#FFF; padding:2px 6px 2px 30px;line-height:180%; vertical-align:top;border-radius:5px; margin:0 0.5%;font-size:80%; float:right;vertical-align:middle;}
.lazybag h3.lazytitle span a:hover{background:#000 url(../frontimages/file_pdf.png) 5px center no-repeat;background-size:20px auto;}

/*lazylist*/
.lazylist{width: 100%;height: auto;margin:0 auto;overflow:hidden;}
.lazylist .boxli{width:48%; height: auto; float:left;margin:1%;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.lazylist .boxli .box{width:100%; height:190px; overflow:hidden;  }
.lazylist .boxli .box .boxsize{width:100%; height:auto;}
.lazylist .boxli .photoname{ padding:2%;}
.lazylist .boxli .photoname p{ color:#363; font-weight:bold;font-size:100%;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.lazylist .boxli .photoname .phototime{ font-size:80%;}
.lazylist .boxli .photoname .phototime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}
.lazylist .boxli .box a{display:block; width:100%; height:auto;}
.lazylist .boxli > span {padding:2%; font-size:90%;background-repeat}

.landtab{ padding:10px;border:1px solid #99bcaf; border-radius:10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);}
.landtab table tr td{ border-bottom:1px solid #999;padding:6px; text-align:center;}
.landtab table tr:nth-child(odd){ background-color:#d5e6df; color:#000;}
.landtab table tr th{ padding:10px;border-bottom:5px solid #99bcaf; background-color:#FFF;}
.landtab table tr .landcasecount{ font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#3a6c59;}
.landtab table tr .landcasecount1{ display:block; padding:5px;border:3px solid #90d281;border-radius:10px;}
.landtab table tr .landcasecount2{ display:block; padding:5px;border:3px solid #5ea455;border-radius:10px;}
/* == 手機版型區 =============================== */
@media screen and (max-width: 767px){
/*----好康報報list--------------*/
.convenience{width:100%; padding:0%;margin:0 auto 0 -0.5%;}
.convenience .video02{ width:46%; height:auto; float:left; padding:1%;margin:5px;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.convenience .video02 p.title02{color:#363; font-weight:bold;width:98%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:100%; padding-bottom:2px; margin-top:5px; margin-bottom:0px;/*border-bottom:3px solid #b5c15f;*/}
.convenience .video02 .from02{display:inline-block;width: auto; overflow:hidden; float:right; }
.convenience .video02 .from02 p{background: url(../frontimages/icon_r.png) 5px center no-repeat; background-size:8px 8px;padding:0px 0px 0px 10px; width:auto; max-width:100%;color:#363; margin:0px 0px;font-size:90%; margin-top:0;white-space: nowrap;text-overflow:ellipsis;}
.convenience .video02 .videoday{ width:98%;margin:0 auto;font-size:90%; color:#656565; line-height:100%; }
.convenience .video-container02{ width:100%;height:80px;overflow:hidden;}
.convenience .video-container02 img{width:100%;height: auto;}

.videolist-teach .video{ width:46%; height:auto; float:left; padding:1%;margin:1% 4.5% 1% -0.5%;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
/*lazylist*/
.lazylist{width: 100%;height: auto;margin:0 auto;overflow:hidden;}
.lazylist .boxli{width:100%; height: auto; float:left;margin:10px 0;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.lazylist .boxli .box{width:100%; height:auto; overflow:hidden;  }
.lazylist .boxli .box .boxsize{width:100%; height:auto;}
.lazylist .boxli .photoname{ padding:2%;}
.lazylist .boxli .photoname p{ color:#363; font-weight:bold;font-size:100%;}
.lazylist .boxli .photoname .phototime{ font-size:80%;}
.lazylist .boxli .photoname .phototime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}

/*lazybag*/
.lazybag h3.lazytitle span a{display:inline-block;float: none; vertical-align:middle;}
	}

/* == 平板版型區 =============================== */
 
@media screen and (min-width: 768px) and (max-width: 1024px) {
/*lazylist*/
.lazylist{width: 100%;height: auto;margin:0 auto;overflow:hidden;}
.lazylist .boxli{width:48%; height: auto; float:left;margin:1%;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.lazylist .boxli .box{width:100%; height:auto; overflow:hidden;  }
.lazylist .boxli .box .boxsize{width:100%; height:auto;}
.lazylist .boxli .photoname{ padding:2%;}
.lazylist .boxli .photoname p{ color:#363; font-weight:bold;font-size:100%;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.lazylist .boxli .photoname .phototime{ font-size:80%;}
.lazylist .boxli .photoname .phototime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}
.lazylist .boxli .box a{display:block; width:100%; height:auto;}	


.videolist-teach .video{ width:30.4%; height:auto; float:left; padding:1%;margin:1%;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}

	}
@media screen and (min-width: 1025px) and (max-width: 1119px) {
	}

/* ==  Landscape 這是手機拿橫的時候 =============================== */
@media screen and (max-width: 766px) and (orientation:landscape){

	}
/* ==  Landscape 這是平板拿橫的時候 =============================== */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){

	}