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


/* ===== background ===== */
html {background: #f1f2f3;}

.topbar {background:#8c0000;}

.bgw, .header, .navigation-menu, .course-system-list a, .category .xc, .course-detail-left, .course-side, .uc-menu, .sub-menu, .sub-right, .check-list, .check-payment, .check-attention, .ucr-top, .uc-list {background: #fff;}



/* ===== color ===== */
* {color:#888;}
a, a * {color:#333;}

.topbar-left p b, .topbar-right p b {color:#fff;}

.topbar-right a:link, .topbar-right a:visited {color:#fff;}
.topbar-right a:hover, .topbar-right a:active {color:#ccc;}




/* ===== shadow ===== */
.course-system-list li a {box-shadow:0 0 3px #ddd;}

.login-box {box-shadow:0 0 24px rgba(0,0,0,0.06);}


/* ===== ends ===== */
}
/* ===== ends ===== */