@media screen and ( min-width: 1240px ){


/* ===== page-login ===== */
.page-login {background:rgba(255,255,255,0.8);height:100%;width:100%;}




/* ===== login-box ===== */
.login-box {background:#fff;background:rgba(255,255,255,0.9);margin:auto;padding:60px 60px 90px 60px;width:450px;}
.login-box h2, .login-box h5 {text-align:center;}
.login-box h2 {color:#8c0000;}
.login-box h2 {font-size:30px;}
.login-box h5 {color:#888;font-size:15px;padding:15px 0;}






/* ----- uc-stats ----- */
.uc-stats, .uc-stats a, .uc-stats i {height:24px;line-height:24px;text-align:center;width:24px;}
.uc-stats {margin-right:30px;margin-top:23px;padding:5px;}
.uc-stats a, .uc-stats i {display:block;position:relative;}
.uc-stats i {color:#888;font-size:27px;}
.uc-stats em {background:#8c0000;border-radius:60px;height:8px;position: absolute;width:8px;}

.mail-stat em {right:-2px;top:0;}
.note-stat em {right:1px;top:0;}

.uc-stats:hover i {color:#f60;}
.uc-stats:hover em {background:#f60;}


/* ----- user-menu ----- */
.user-menu, .user-menu p {height:44px;}
.user-menu {padding:18px 0;}
.user-menu p, .user-menu p * {cursor:pointer;}
.user-menu p em {border:1px solid #ddd;height:42px;width:42px;}
.user-menu p b, .user-menu p i {font-size:16px;line-height:43px;padding-top:1px;}
.user-menu p b {color:#333;padding-left:10px;padding-right:3px;}

.user-menu:hover p * {color:#f60;}
.user-menu:hover p i {transform:rotate(180deg);}
.user-menu:hover em {border-color:#333;}

.user-sub-menu {background:#fff;border:1px solid #ddd;border-top-width:0;position:absolute;right:0;top:80px;width:180px;}
.user-sub-menu ul {padding:6px 0 6px 0;}
.user-sub-menu li {width:100%;}
.user-sub-menu li a {display:block;line-height:42px;padding:0 20px;}
.user-sub-menu li a:link, .user-sub-menu li a:visited {background:#fff;color:#333;}
.user-sub-menu li a:hover, .user-sub-menu li a:active {background:#eee;color:#8c0000;}


/* ===== uc-left ===== */
.uc-left {width:270px;}


/* ===== uc-menu ===== */
.uc-menu {width:100%;}
.uc-menu li:not(:first-child) {border-top:1px solid #eee;}
.uc-menu li a *, p.sign-out a * {display:block;font-size:16px;line-height:59px;padding-top:1px;}
.uc-menu li a, p.sign-out a {padding-left:24px;}
.uc-menu li a:before {width:3px;}
.uc-menu a b, p.sign-out a b {padding-left:12px;}
.uc-menu a i, p.sign-out a i {font-size:21px;text-align:center;width:42px;}

.uc-menu li a b {color:#666;}
.uc-menu li a i {color:#aaa;}
.uc-menu li a:hover:before {background:#f60;}
.uc-menu li a:hover * {color:#f60;}
.uc-menu li.curr a:before, .sign-out a {background:#8c0000;}
.uc-menu li.curr a * {color:#8c0000;}

.sign-out a * {color:#fff;}
.sign-out a:hover {background:#fa0;}



/* ===== uc-right ===== */
.uc-right {margin-left:30px;width:920px;}


/* ----- uc-course-guide ----- */
.uc-course-guide {width:920px;}
.uc-course-guide em, .uc-gc {height:240px;}
.uc-course-guide em {width:560px;}


.uc-gc {padding-left:30px;padding-right:30px;position:relative;width:480px;z-index:5;}
.uc-gc:after {content:' ';position:absolute;top:0;} 
.uc-gc:after {height:0;border-color: transparent;border-style: solid;border-width:240px 20px 0 0;border-top-width: 240px;border-right-width: 20px;border-bottom-width: 0;border-left-width: 0;left:100%;top:0;width:0;}

.gc-0 {background-color: #d94949;}
.gc-0:after {border-top-color: #d94949;}
.gc-1 {background-color: #ff9700;}
.gc-1:after {border-top-color: #ff9700;}
.gc-2 {background-color: #1b9ab9;}
.gc-2:after {border-top-color: #1b9ab9;}
.gc-3 {background-color: #8164a5;}
.gc-3:after {border-top-color: #8164a5;}

.gc-4 {background-color: #126dca;}
.gc-4:after {border-top-color: #126dca;}

.gc-5 {background-color: #4d8a09;}
.gc-5:after {border-top-color: #4d8a09;}

.gc-6 {background-color: #8c0000;}
.gc-6:after {border-top-color: #8c0000;}

.uc-gc h2, .uc-gc p {color:#fff;}
.uc-gc h2 {font-size:30px;line-height:1;padding-top:30px;}
.uc-gc p {font-size:16px;line-height:24px;max-height:48px;overflow:hidden;padding-bottom:30px;padding-top:15px;}

.uc-gc h5 a {border-radius:99px;display:block;font-size:16px;line-height:41px;padding-top:1px;text-align:center;width:150px;}
.uc-gc h5 a:link, .uc-gc h5 a:visited {background:#fff;border:1px solid #fff;border:1px solid rgba(255,255,255,0.3);color:#8c0000;}
.uc-gc h5 a:hover, .uc-gc h5 a:active {background:#f60;border:1px solid #f60;color:#fff;}


/* ===== ucr-top ===== */
.ucr-top, .ucr-top b {color:#333;font-size:16px;font-weight:bold;}
.ucr-top {border-bottom:1px solid #ddd;height:60px;}
.ucr-top.bt1 {border-top:1px solid #ddd;}
.ucr-top h3 {padding:2px 0 0 30px;}
.ucr-top h3 * {line-height:58px;}
.ucr-top small, i.zhcn {color:#e00;}
.ucr-top small {font-size:15px;}

.ucr-top ol {padding-right:10px;}
.ucr-top li {margin-right:30px;}
.ucr-top li a {display:block;line-height:56px;padding-top:4px;}
.ucr-top li a:after {background:#e00;bottom:-1px;height:2px;left:0;width:0%;}
.ucr-top li a:hover {color:#e00;}
.ucr-top li a:hover:after {width:100%;}

.ucr-top li.active a {color:#8c0000;}
.ucr-top li.active a:after {background:#8c0000;width:100%;}

.ucr-top p {height:32px;padding:14px 30px 14px 0;}
.ucr-top p * {line-height:29px;}
.ucr-top a.uc-btn {margin-left:5px;padding:1px 12px 0 12px;}

.ucr-top a.btn-primary:link, .ucr-top a.btn-primary:visited {background:#8c0000;border:1px solid #8c0000;color:#fff;}
.ucr-top a.btn-secondary:link, .ucr-top a.btn-secondary:visited {background:#fff;border:1px solid #8c0000;color:#8c0000;}
.ucr-top a.uc-btn:hover {background:#f60 !important;border:1px solid #f60 !important;color:#fff !important;}


/* ===== uc-form ===== */
.form-row-group {padding:15px 0 0 0;width:100%;}

.uc-form-row {padding:15px 30px;width:calc( 100% - 60px );}
.uc-form-row:hover {background:#f8f8f8;}
.uc-form-row * {font-size:15px;}
.uc-form-row dt, .uc-form-row dd p, .uc-form-row p * {line-height:38px;}
.uc-form-row dt {width:100%;}

.uc-form-row input, .uc-form-row input[type], .uc-form-row select {border:1px solid #ddd;}
.uc-form-row input[type="text"], .uc-form-row input[type="password"] {height:36px;padding:0 10px;width:300px;}
.uc-form-row input:disabled, .uc-form-row input:read-only {background:#fafbfc;border:1px solid #eee;}

.uc-select-group select {height:38px;padding:0 10px;width:156px;}
.uc-selector:not(:first-child), .uc-select-group span {margin-left:10px;line-height:38px;}
.uc-selector:after {content:"\F0140";line-height:38px;right:0;text-align:center;top:0;width:30px;}


.uc-label-group label {cursor:pointer;margin-right: 24px;padding:8px 0;}
.uc-label-group b {line-height:16px;padding:3px 0 0 6px;}
.uc-label-group input {background:#fff;border:1px solid #ccc;height:22px;width:22px;}
.uc-label-group input:after {color:#ddd;content:"\F012C";display:block;height:20px;line-height:20px;text-align:center;width:20px;}
.uc-label-group input:checked {background:#8c0000;border:1px solid #8c0000;}
.uc-label-group input:checked:after {color:#fff;}
.uc-label-group input[type='radio'] {border-radius:50%;}

.form-horizon .uc-form-row dt {width:120px;}
.form-horizon .uc-form-row dd {width:calc( 100% - 120px );}
.form-horizon .uc-form-row p {padding-left:24px;}

.uc-form-action.uc-form-tc dl {padding-top:24px;}
.uc-form-action.uc-form-sp dl {padding:18px 0 0 150px;}
.uc-form-action dt, .uc-form-action dd {padding-right:15px;}
.uc-form-action button {border-style:solid;border-width:1px;font-size:15px;height:48px;padding:0 42px;}
.uc-form-action dt button, .uc-form-action p button {background:#8c0000;border-color:#8c0000;color:#fff;}
.uc-form-action dd button {background:#fff;border-color:#8c0000;color:#8c0000;}
.uc-form-action button:hover {background:#f60 !important;border-color:#f60 !important;color:#fff !important;}

.uc-form a:link, .uc-form a:visited {color:#8c0000;}
.uc-form a:hover, .uc-form a:active {color:#f60;}




/* ===== list-orders ===== */
.order-title, .list-orders {padding:0 30px;width:calc( 100% - 60px );}
.order-title {margin-top:24px;}
.order-title ol {height:42px;}
.order-title li {background:#f3f3f3;color:#333;line-height:41px;padding-top:1px;text-align:center;}
.order-title li:not(:first-child) {margin-left:2px;width:130px;}
.order-title li:nth-child(1), .order-content-col:nth-child(1) {width:calc( 100% - 396px );}

.order-row {border:1px solid #eee;margin-top:24px;width:calc( 100% - 2px );}
.order-row:hover {border:1px solid #ccc;}

.order-row-top {background:#f3f3f3;border-bottom:1px solid #eee;height:42px;}
.order-row-top p, .order-row-top p * {line-height:40px;}
.order-row-top p {padding:2px 20px 0 20px;}
.order-row-top p b {color:#333;}
.order-row-top a, .order-row-top a i {display:block;font-size:21px;height:42px;line-height:42px;text-align:center;width:45px;}
.order-row-top a {opacity:0;right:0;top:0;}
.order-row:hover .order-row-top a {opacity:1;}

.order-row-top a * {background:#e8e8e8;color:#8c0000;}
.order-row-top a:hover * {background:#fff;color:#8c0000;}

.order-row-content {width:100%;}
.order-content-col:not(:first-child) {border-left:1px solid #eee;width:131px;}
.order-content-col:not(:first-child) p {padding-top:18px;}
.order-content-col:not(:first-child) p {text-align:center;}

.order-content-col p a:link, .order-content-col p a:visited, .order-detail-list p a:link, .order-detail-list p a:visited {border:1px solid #8c0000;color:#8c0000;display:block;line-height:23px;padding:1px 15px 0 15px;}
.order-content-col p a:hover, .order-content-col p a:active, .order-detail-list p a:hover, .order-detail-list p a:active {background:#a60a08;border:1px solid #a60a08;color:#fff;}



.stat.txt-price {color:#a60a08;}
.stat.txt-green {color:#00ba97;}
.stat.txt-orange {color:#f80;}
.stat.txt-red {color:#e00;}

.order-row-info li:not(:first-child) {border-top:1px solid #eee;width:100%;}
.order-row-info li a {display:block;min-height:48px;padding:15px 15px 15px 106px;position:relative;width:calc( 100% - 121px );}
.order-row-info li em {height:48px;left:15px;position:absolute;top:15px;width:76px;}

.order-row-info li h3, .order-row-info li p {font-size:15px;width:100%;}
.order-row-info li h3 {font-weight:bold;line-height:24px;max-height:48px;}
.order-row-info li p {line-height:20px;margin-top:6px;max-height:40px;}

.order-row-info li a:link h3, .order-row-info li a:visited h3 {color:#8c0000;}
.order-row-info li a:link p, .order-row-info li a:visited p {color:#aaa;}
.order-row-info li a:hover *, .order-row-info li a:active * {color:#f60 !important;}
.order-row-info li a:hover em {opacity:0.62;}

.check-row li h4, .check-row li h5 {line-height:46px;padding-top:2px;}
.check-row li h4 {color:#333;}
.check-row li h5 {color:#a60a08;}


/* ===== order-detail ===== */
.order-summary {padding:0 30px;}
.order-summary ol {border:1px solid #eee;margin-top:24px;width:calc( 100% - 2px );}
.order-summary:hover ol {border:1px solid #ccc;}
.order-summary li {padding:0 0 24px 0;width:33.3331%;}
.order-summary li:not(:first-child) {border-left:1px solid #eee;}


.order-summary h4, .order-summary p b {color:#333;}
.order-summary h4 {background:#f8f8f8;font-size:15px;line-height:38px;margin-bottom:9px;padding:1px 0 0 24px;}
.order-summary p, .order-summary p * {font-size:14px;}
.order-summary p {color:#989898;padding:6px 24px 0 24px;}

.order-details {border:1px solid #eee;margin:24px 30px 0 30px;width:calc( 100% - 62px );}
.order-details:hover {border:1px solid #ccc;}

.order-detail-top {background:#f8f8f8;border-bottom:1px solid #eee;height:42px;}
.order-detail-top li {line-height:41px;padding-top:1px;text-align:center;}
.order-detail-top li:not(:first-child), .order-detail-list li:not(:first-child) {border-left:1px solid #eee;width:151px;}
.order-detail-top li:nth-child(1), .order-detail-list li:nth-child(1) {width:calc( 100% - 456px );}

.order-detail-list ul {border-bottom:1px solid #eee;}
.order-detail-list li:not(:first-child) p {padding-top:18px;}
.order-detail-list li:not(:first-child) p {text-align:center;}

.order-detail-list li:first-child a {display:block;min-height:48px;padding:15px 15px 15px 106px;position:relative;width:calc( 100% - 121px );}
.order-detail-list li em {height:48px;left:15px;position:absolute;top:15px;width:76px;}

.order-detail-list li:first-child h3, .order-detail-list li:first-child p {font-size:15px;width:100%;}
.order-detail-list li:first-child h3 {font-weight:bold;line-height:24px;max-height:48px;}
.order-detail-list li:first-child p {line-height:20px;margin-top:6px;max-height:40px;}

.order-detail-list li:first-child a:link h3, .order-detail-list li:first-child a:visited h3 {color:#8c0000;}
.order-detail-list li:first-child a:link p, .order-detail-list li:first-child a:visited p {color:#aaa;}
.order-detail-list li:first-child a:hover *, .order-detail-list li:first-child a:active * {color:#f60 !important;}
.order-detail-list li:first-child a:hover em {opacity:0.62;}

.order-detail-count {padding:24px 36px;}
.order-detail-count dl {padding:6px 0;}
.order-detail-count dl * {font-size:15px;line-height:24px;text-align:right;}
.order-detail-count dt {width:calc( 100% - 120px );}
.order-detail-count dd {color:#333;width:120px;}
.order-detail-count span, .order-detail-count strong {color:#a60a08;}
.order-detail-count strong {font-size:18px;font-weight:bold;}


/* ===== invoice-detail ===== */
.invoice-detail {padding:6px 30px 30px 30px;width:calc( 100% - 60px );}
.invoice-detail table, .invoice-detail th, .invoice-detail td {border:1px solid #eee;border-collapse: collapse;}
.invoice-detail table {margin-top:24px;}
.invoice-detail th, .invoice-detail td {line-height:20px;padding:6px 12px;}
.invoice-detail th {width:120px;}
.invoice-detail thead th {background:#f8f8f8;color:#333;}
.invoice-detail tbody th {color:#888}
.invoice-detail tbody td {color:#333;}
.invoice-detail td i {margin-right:6px;}

.invoice-detail a:link, .invoice-detail a:visited, .invoice-detail a:link *, .invoice-detail a:visited * {color:#8c0000;}
.invoice-detail a:hover, .invoice-detail a:active, .invoice-detail a:hover *, .invoice-detail a:active * {color:#f80;}



/* ===== list-certificates ===== */
.list-certificates dl {padding-left:40px;width:calc( 100% - 40px );}
.list-certificates dt, .list-certificates dd {border-bottom:1px solid #eee;}
.list-certificates dt, .list-certificates dt em, .list-certificates dt em:before {text-align:center;width:200px;}
.list-certificates dt {padding:30px 30px 30px 0;}
.list-certificates dt em, .list-certificates dt em:before {height:130px;line-height:130px;}
.list-certificates dt em:before {background:rgba(0,0,0,0.5);color:#fff;content:"证书预览";font-size:18px;left:0;opacity:0;top:0;}
.list-certificates dt:hover em:before {opacity:1;}

.list-certificates dd {padding:30px 40px 30px 0;width:calc( 100% - 270px );}
.list-certificates h4, .uc-list-download h3 {font-size:21px;}
.list-certificates p, .list-certificates p * {color:#888;font-size:15px;}
.list-certificates p {padding:21px 0 18px 0;}

.list-certificates h5, .uc-list-download p a {background:#fff;border:1px solid #ccc;border-radius:99px;padding:8px 3px 5px 0;width:120px;}
.list-certificates h5 *, .uc-list-download p a * {color:#666;line-height:20px;margin:0 3px;}

.list-certificates a:link h4, .list-certificates a:visited h4, .uc-list-download h3 {color:#8c0000;}
.list-certificates a:link span, .list-certificates a:visited span {border:1px solid #8c0000;color:#8c0000;}
.list-certificates a:hover *, .list-certificates a:active * {color:#f80 !important;}

.list-certificates a:hover h5, .uc-list-download p a:hover {background:#f60;border:1px solid #f60;}
.list-certificates a:hover h5 * {color:#fff !important;}


/* ===== course-swaper ===== */
.course-swaper {padding:48px 40px 12px 40px;}
.course-swaper li {position:relative;}
.course-swaper li:not(:first-child) {margin-left:-1px;}
.course-swaper li * {line-height:41px;}
.course-swaper li a {border:1px solid #ddd;display:block;padding:1px 24px 0 24px;}
.course-swaper li a:hover {background:#f80;border:1px solid #f80;color:#fff;}
.course-swaper li.active a {background:#8c0000;border:1px solid #8c0000;color:#fff;}


	
/* ===== uc-list ===== */
.uc-list {width:100%;}

.uc-list-course ul {padding-left:25px;padding-top:0;width:870px;}
.uc-list-course li, .uc-list-course li a, .uc-list-course li em {width:260px;}
.uc-list-course li {padding:36px 15px 0 15px;}
.uc-list-course li em {height:0;padding-bottom:56.25%;}
.uc-list-course li p {font-size:15px;height:20px;line-height:20px;text-align:center;}
.uc-list-course li p:nth-child(2) {margin:15px 0 6px 0;}
.uc-list-course li.learned em:before {background:rgba(255,255,255,0.5);}
.uc-list-course li h6, .uc-list-course li h6:before {line-height:23px;}
.uc-list-course li h6 {background:#8c0000;border-radius:9em;bottom:10px;color:#fff;font-size:12px;left:10px;padding:1px 12px 0 0;position:absolute;}
.uc-list-course h6:before {content:"\F012C";padding:0 6px 0 9px;}

.uc-list-course li a:linik p, .uc-list-course li a:visited p {color:#333;}
.uc-list-course li a:hover p, .uc-list-course li a:active p {color:#f80;}
.uc-list-course li a:hover em {opacity:0.5;}
.uc-list-course li a:hover h6 {background:#f80;}


.course-col-2 ul {-webkit-justify-content:center;justify-content:center;}
.course-col-2 li:nth-child(2) {margin-left:90px;margin-right:30px;}


/* ===== course-video ===== */
.course-video {padding:30px 0;text-align:center;}
.course-video video {height:400px;margin:0 auto;width:640px;}



/* ===== uc-list-download ===== */
.uc-list-download li {border-bottom:1px solid #eee;padding:30px 40px;width:calc( 100% - 80px );}
.uc-list-download dl {padding:12px 0 24px 0;}
.uc-list-download dt, .uc-list-download dd {color:#989898;line-height:20px;padding-right:60px;}
.uc-list-download dl b {color:#333;}
.uc-list-download a:link *, .uc-list-download a:visited * {color:#333;}
.uc-list-download a:hover *, .uc-list-download a:active * {color:#fff;}



/* ===== uc-list-discount ===== */
.uc-list-discount, .uc-list-discount ul {width:100%;}
.uc-list-discount {background:#fff;border-bottom:1px solid #eee;padding-bottom:30px;}
.uc-list-discount li, .uc-list-discount li em {width:270px;}
.uc-list-discount li {margin:30px 0 0 28px;position:relative;}
.uc-list-discount li dt * {text-align:center;}
.uc-list-discount li em {background:#8c0000;display:block;height:150px;overflow:hidden;position:relative;}
.uc-list-discount li em:after, .uc-list-discount li em:before {content:" ";position: absolute;}
.uc-list-discount li em:after {background-image:url(/assets/img/dot-btm-f8.png);bottom:0;height:10px;left:0;width:100%;}
.uc-list-discount li em:before {background:#fff;border-radius:50%;height:42px;left:50%;margin-left:-21px;top:-27px;width:42px;}

.uc-list-discount dt h4, .uc-list-discount dt h4 * {color:#fbde69;line-height:50px;}
.uc-list-discount dt h4 {height:50px;padding:50px 0 20px 0;}
.uc-list-discount dt b {font-size:48px;padding-right:0.5em;}
.uc-list-discount dt small {font-size:24px;}

.uc-list-discount dd {background:#f8f8f8;padding:9px 18px 36px 18px;}
.uc-list-discount dd h4 {display:none;}
.uc-list-discount dd p {padding-top:9px;}
.uc-list-discount dd p {color:#888;}
.uc-list-discount dd p b {color:#333;}

.uc-list-discount dd h5 {height:40px;padding-top:24px;}
.uc-list-discount dd a:link, .uc-list-discount dd a:visited {border:1px solid #8c0000;border-radius:99rem;color:#8c0000;line-height:35px;padding:1px 36px 0 36px;}
.uc-list-discount dd a:hover, .uc-list-discount dd a:active {background:#f80;border:1px solid #f80;color:#fff;}


.uc-list-discount li.marks em {background:#b8b8b8;}
.uc-list-discount li.marks dt * {color:#fff;}

.uc-list-discount li.marks:after {bottom:12px;content:" ";height:62px;position: absolute;right:12px;width:62px;}
.uc-list-discount li.disabled:after {background:url(/assets/img/stamp-disabled.png);}
.uc-list-discount li.past:after {background:url(/assets/img/stamp-past.png);}
.uc-list-discount li.used:after {background:url(/assets/img/stamp-used.png);}


/* ===== uc-discount-exchange ===== */
.uc-discount-exchange {padding-bottom:24px;width:100%;}
.uc-discount-exchange form {background:#fff;padding:24px 30px;width:calc( 100% - 60px );}
.uc-discount-exchange h4 {color:#8c0000;font-size:16px;font-weight:bold;line-height:42px;}
.uc-discount-exchange input {background:#fafbfc;border:1px solid #ddd;height:40px;margin:0 12px 0 7px;padding:0 15px;width:420px;}
.uc-discount-exchange input:hover {background:#fff;border:1px solid #ceaaaa;}
.uc-discount-exchange input:focus {background:#fff;border:1px solid #8c0000;color:#8c0000;}

.uc-discount-exchange button {background:#8c0000;color:#fff;height:42px;padding:0 30px;}
.uc-discount-exchange button:hover {background:#f80;}



/**-----ucrSwap-----**/
.ucrSwap, .ucrSwap li, .ucrSwap li * {height:60px;line-height:60px;}
.ucrSwap {border-bottom:1px solid #eee;overflow:hidden;width:100%;}
.ucrSwap ol {display:-webkit-box;display:-webkit-flex;display:flex;}
.ucrSwap ol {justify-content:start;padding:0 40px;}
.ucrSwap li {cursor:pointer;font-size:16px;position:relative;}
.ucrSwap li:not(:first-child) {margin-left:40px;}
.ucrSwap li:after {background:#8c0000;bottom:-1px;content:" ";height:3px;left:0;position:absolute;transition:all 300ms ease 0s;width:0%;}
.ucrSwap li:hover {color:#f60;}
.ucrSwap li.curr {color:#8c0000;}
.ucrSwap li.curr:after {width:100%;}

.ucrSwap.just-center ol {justify-content:center;}
.ucrSwap.just-center li:not(:first-child) {margin-left:80px;}



/**-----manual-hr-----**/
.manual-hr {border:0 none;border-top:1px solid #ddd;display:block;margin:40px 0;width:100%;}



/**-----uc-current-course-----**/
.uc-current-course {padding-bottom:30px;padding-top:30px;padding-left:30px;padding-right:30px;position:relative;width:860px;}
.uc-current-course dl, .uc-current-course h5, .uc-current-course ul {display:-webkit-box;display:-webkit-flex;display:flex;}
.uc-current-course dl {-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.uc-current-course dt {/** flex-shrink:0;padding-top:16px; **/}
.uc-current-course dt {position:absolute;right:30px;top:30px;}


.uc-current-course dt em {background-position:50% 50%;background-size:cover;display:block;height:108px;position:relative;width:200px;z-index:0;}
.uc-current-course dd {flex-grow:2;padding-right:230px;}

.uc-current-course h3 {color:#8c0000;font-size:24px;line-height:1.4;padding-top:12px;}

.uc-current-course h5 b {background:#8c0000;border-radius:99px;color:#fff;display:block;font-size:12px;height:20px;line-height:20px;padding-left:8px;padding-right:8px;}

.uc-current-course ul {padding-top:16px;}
.uc-current-course li {color:#989898;}
.uc-current-course li b {color:#333;}
.uc-current-course li:not(:first-child) {padding-left:96px;}

.uc-current-course p {height:36px;margin-top:-18px;position:absolute;right:30px;top:50%;}
.uc-current-course p a {border-radius:99px;display:block;line-height:33px;padding:1px 20px 0 20px;}
.uc-current-course p a:link, .uc-current-course p a:visited {background:#fff;border:1px solid #8c0000;color:#8c0000;}
.uc-current-course p a:hover, .uc-current-course p a:active {background:#f60;border:1px solid #f60;color:#fff;}



/* ===== ends_common ===== */
}
/* ===== ends_common ===== */


/* ===== for multi resolutions ===== */
@media screen and ( min-width: 1240px ) and ( max-width: 1400px ){
    .xc {width:1220px;}


    /* ===== uc-left ===== */
    .uc-left {width:270px;}


    /* ===== uc-right ===== */
    .uc-right {width:920px;}


/* -----ends_1240 ----- */
}
/* -----ends_1240 ----- */

@media screen and ( min-width: 1570px ){
    .xc {width:1536px;}


    /* ===== uc-left ===== */
    .uc-left {width:276px;}


    /* ===== uc-right ===== */
    .uc-right {margin-left:40px;width:1226px;}

    .uc-course-guide {width:1140px;}
    .uc-gc {padding-left:50px;padding-right:50px;width:500px;}
    
	.uc-list-course ul {padding-left:31px;padding-top:7px;width:1160px;}

    .course-col-2 li:nth-child(2) {margin-left:210px;}

    .uc-current-course {padding-left:50px;padding-right:50px;width:1040px;}
    .uc-current-course dt {right:50px;}


/* -----ends_1570 ----- */
}
/* -----ends_1570 ----- */