@charset "utf-8";



/* CSS Document */



#contentTitle{width:100%;height:40px;text-align:center;background-color:#535353;color:#FFF;font-size:16px;line-height:40px;font-weight:bold;}
.tableTitle1{width:250px;background-color:#D4D4D4;text-align:center;vertical-align: middle;}
.number1{background-color:#95C1EB;width:100px;text-align:center;vertical-align: middle;}
.tableText1{background-color:#C4F5FD;width:600px;line-height:25px;padding-left:10px;vertical-align: middle;}
.tableTitle2{width:250px;height:30px;background-color:#D4D4D4;text-align:center;vertical-align: middle;}
.number2{background-color:#FBBE79;width:100px;text-align:center;vertical-align: middle;}
.tableText2{background-color:#FFEDAF;line-height:25px;padding-left:10px;vertical-align: middle;}
.tableTitle3{width:250px;height:30px;background-color:#D4D4D4;text-align:center;vertical-align: middle;}
.number3{background-color:#86C17F;width:100px;text-align:center;vertical-align: middle;}
.tableText3{ background-color:#BFFCCE; width:600px;line-height:25px;padding-left:10px;vertical-align: middle;}
.line{margin:20px 0px 30px 0px;}
li {margin: 0;padding: 0;text-indent:10px;}
.red{color:#FF0000;}
.center{text-align: center;}
.right{text-align: right;}
.pro_page td {border: 2px solid #FFF;}
.bottom_line{border-bottom: 1px solid #c9c9c9;}


/*教學影片相關*/
nav.manual-nav .show {box-shadow: none}
nav.manual-nav .nav-tabs .nav-link {margin-bottom: none;margin-left: 2px;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;background: #BBBECF;color: #8d8d8d;font-weight: bold;}
nav.manual-nav .nav-tabs .nav-link:hover {color: #FFF}
nav.manual-nav .nav-link.active {background: #4C516A !important;color: #FFF !important;font-weight: bold}
.manual-list{margin-top:40px}
.manual-list .show{box-shadow: none}

.video-list{margin-top: 30px;padding: 0px 0px;}
.video-list-sub{
   border: 1px solid #c1c3d1;
   border-radius: 11px;
   padding: 20px;
   margin: 0px 0px 0px 0px;
}
.video-list-sub ul{list-style:none}
.video-list-sub ul li:hover {background-color: #e9e9e9;}
.video-list-sub ul li {
   
   line-height: 2.8rem;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 25px;
   border-bottom: 1px dashed #c1c3d1;
   background-image: url(/images/productbtn/play.png);
   background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
}
.video-list .manaul-category div{text-align: center;}
.video-list .manaul-category img{border-radius: 5px;box-shadow: 4px 4px 4px #929292;border: 1px solid #e4e4e4;}
.video-list .manaul-category .active{background: #FFF !important;color: #4C516A!important;}
.video-list .manaul-category .active img{background: #ededed !important;}
.video-list .manaul-category img:hover{background: #e7eaf9 !important;}
.video-list-sub h3{font-weight: bold;}
.video-list-sub li a{display: block;width:100%;height:100%}

@media (max-width: 767px) {
    .video-list .manaul-category a{float: left; max-width: 33%;}
 }