﻿a,a:active,a:focus,a:hover{text-decoration:none;}body{background:#f1f1f166;}ul{margin:0;padding:0;list-style:none;}.content{padding:0;}.content .col-md-12{padding:0;}.content .col-md-12 .content_left{float:left;background:#fff;}.content .col-md-12 .content_left .unit_title .tags{width:50%;float:left;padding:2%;margin:0;}.content .col-md-12 .content_left .unit_title .tags li a{color:#adadad;}.content .col-md-12 .content_left .unit_title .instructor{width:50%;float:right;}.content .col-md-12 .content_left .unit_title .instructor a{height:100%;text-align:right;}.content .col-md-12 .content_left .unit_title .instructor a img{width:10%;height:auto;border-radius:50px;margin-top:4%;float:right;}.content .col-md-12 .content_left .unit_title .instructor a span{float:right;color:#adadad;padding:3%;}.content .col-md-12 .content_left .intro_main p{padding:0 2%;text-align:justify;}.content .col-md-12 .content_left .main_unit{display:none;}.content .col-md-12 .content_left .main_unit h1{padding:1%;}.content .col-md-12 .content_left .main_unit .main_unit_content{padding:0 2%;}.content .col-md-12 .content_left .main_unit .main_unit_content p a img{width:100%;}.content .col-md-12 .content_left .unit_prevnext{padding:15px;height:100%;border:2px solid #3f4c4f;border-bottom-left-radius:2px;border-bottom-right-radius:2px;background:#313b3d;margin:20px -15px 0;font-size:14px;text-transform:uppercase;text-align:center;}.content .col-md-12 .content_left .unit_prevnext .prevcompete_unit{float:left;}.content .col-md-12 .content_left .unit_prevnext .prev_unit{float:left;}.content .col-md-12 .content_left .unit_prevnext #prev_unit{display:none;}.content .col-md-12 .content_left .unit_prevnext .complete_unit{float:right;}.content .col-md-12 .content_left .unit_prevnext .complete_unit i{display:none;color:#fff;border-radius:50px;padding:5px;font-size:13px;cursor:pointer;}.content .col-md-12 .content_left .unit_prevnext .next_unit{float:right;}.content .col-md-12 .content_left .unit_prevnext a{color:#fff;font-weight:600;}.content .col-md-12 .content_left .unit_prevnext a:hover,.content .col-md-12 .content_left .unit_prevnext i:hover{color:#78c8ce;transition:all .2s ease-in-out;}.content .col-md-12 .content_right{float:right;padding-right:0;}.content .col-md-12 .content_right .course_time{text-transform:uppercase;}.content .col-md-12 .content_right .progress{margin:45px 0 0;background:#fff;height:auto;display:inline-block;width:100%;overflow:visible;}.content .col-md-12 .content_right .progress .bar{width:30.77%;opacity:1 !important;background:#78c8ce;color:#fff;font-size:12px;line-height:1.5em;padding:4px 20px;text-transform:uppercase;font-weight:600;position:relative;height:auto;border-radius:20px 0 0 20px;}.content .col-md-12 .content_right .progress .bar .count_time{font-weight:500;position:absolute;right:-20px;top:-32px;background:rgba(0,0,0,.6);color:#fff;padding:3px 6px;border-radius:2px;}.content .col-md-12 .content_right .progress .bar .count_time i{position:absolute;top:17px;color:rgba(0,0,0,.6);font-size:20px;left:10px;}.content .col-md-12 .content_right .course_timeline{border:2px solid #3f4c4f;border-radius:2px;background:#313b3d;margin:30px 0;padding-bottom:30px;position:relative;}.content .col-md-12 .content_right .course_timeline ul li{margin-left:20px;border-left:3px solid #3f4c4f;position:relative;padding:15px 0;}.content .col-md-12 .content_right .course_timeline ul li span{position:absolute;left:-7px;top:22px;width:12px;height:12px;border:2px solid #313b3d;background:#3f4c4f;border-radius:50%;}.content .col-md-12 .content_right .course_timeline ul li span i{display:none;background-color:#70c989;color:#fff;position:absolute;border-radius:50px;padding:5px;font-size:14px;top:-8px;left:-8px;}.content .col-md-12 .content_right .course_timeline ul li a{color:#fff;opacity:.8;margin:0 10px 0 20px;display:inline-block;cursor:pointer;font-size:14px;}.content .col-md-12 .content_right .course_timeline ul li:hover span{background:#78c8ce;}.content .col-md-12 .content_right .course_timeline ul li:hover a{opacity:1;}.content .col-md-12 .content_right .course_timeline .active span{background:#78c8ce;}.content .col-md-12 .content_right .course_timeline .active a{opacity:1;}.content .col-md-12 .content_right .more_course a,.content .col-md-12 .content_right .more_course input{padding:10px 24px !important;width:100%;text-align:center;border:1px solid #78c8ce;display:inline-block;margin:10px 10px 10px 0;background-color:#78c8ce;color:#fff;border-radius:2px;letter-spacing:.1em;position:relative;transition:all .3s;z-index:1;font-size:14px;cursor:pointer;}