@charset "utf-8";

/* CSS Document */



#contentTitle{width:100%;height:40px;text-align:center;background-color:#a72b28;color:#FFF;font-size:16px;line-height:40px;font-weight:bold;}
.contentTitle{text-align:center;font-size:16px;font-weight:bold;}
.blue{color:#1783F5;font-weight:bold;}
.dred{color:#990000;font-weight:bold;}
.green{color:#01E445;font-weight:bold;}
.grey{color:#888888;}
pre{font-size:16px;}
.aaa {list-style:none;margin-bottom:15px;}
.aaa li:before{content:"\2714";color:#1783F5;margin-right:10px;font-size:24px;}
.bbb {list-style:none;margin-bottom:15px;}
.bbb li:before{content:"\26AC";color:#009245;margin-right:10px;font-size:24px;}

.pro_page td {border: 1px solid #7c7c7c;padding:10px;vertical-align: middle;}

	
/*教學影片相關*/
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%}


.text_en {color: rgb(150, 148, 148);}
.sub_text {color: rgb(0, 112, 192);font-weight: bolder;}
.sub_text_en {color: rgb(58, 155, 224);font-weight: bolder;}

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