@CHARSET "UTF-8";

.page_title, .promo_ad_wrap{
	padding-left:10px
}
#header_zone_wrap {
    background-color: #c81768;
}
#header_zone_wrap .toolbar li.login a, .middlesize #header_zone_wrap .toolbar li.lang a, #header_zone_wrap .toolbar a{
    color: #fff;
}
table .odd th, table .odd td, #middle_zone_wrap .middle_zone, #content .color_zone{
    background-color: #f0f0f0;
    background-image: none;
}
.middle_right #content .accordion_wrap h2.acc_item_head a.open, .accordion_wrap h2.acc_item_head a.open, .middle_right #content .accordion_wrap .acc_item_detail, .accordion_wrap .acc_item_detail,.content_inner {
    background-image: none;
}
#middle_zone_wrap, .middle_right #content, table.oddEvenHeaderTable tr.header th, .content_inner, #middle_zone_wrap .middle_zone.full_width{
    background-color: #ffffff;
}
html, body, .middle_right #content .accordion_wrap, input, select, .pulldown_opts ul li{
    background-color: #ccc;
}
.middle_right #content .accordion_wrap, #profile_summary , #header_zone_wrap .pulldown_opts ul li:hover{
    background-color: #e6e6e6;
}
#header_zone_wrap .pulldown_opts ul li:hover, #content ul#quiz_list li.odd, #content ul#quiz_list li.even, #content ul#quiz_list li .question{
    background-color: #f0f0f0;
}
#profile_summary, .middle_right #content .accordion_wrap h2.acc_item_head a.open, .accordion_wrap h2.acc_item_head a.open, .middle_right #content .accordion_wrap .acc_item_detail, .accordion_wrap .acc_item_detail{
    background-color: #e6e6e6;
}
#profile_summary{
    background-color: #fff1f7;
}

a, #leftnav li a, .middle_right #content , #footer_wrap .footer_left a, #footer_wrap .footer_left, html, body,a.btn_backtop{
    color: #000;
}
#content ul.floating a:hover, a.btn_forgot_pw:hover{
	color: #ed9300;
}    
#header_zone_wrap .pulldown_opts a{
    color: #000 !important;
}
h2, .color_zone h3 {
    color: #ef428e;
}
#profile_summary h3, #content .study_progress_wrap .study_progress_bar .color_bar .label, #content div.level_txt div, .accordion_wrap h2.acc_item_head a.open,#content ul.module_summary_bar li.selected , #content ul.exam_progress_v li.finished div.label, #content ul.exam_progress_v li.selected div.label, #content ul.exam_progress_h li.selected div.label{
    color: #de6500;
}
#content ul.a_tab li.selected{
	background-color: #de6500;
}
h1 span {
    color: #6b6b6b;
}
.middle_right #content .accordion_wrap h2.acc_item_head a{
	border: 0;
}
.full_width #content .color_zone{
	background-color: #ffffff;
	padding: 15px 0px 15px 0px;
}
#content ul#quiz_list li .question{
	font-weight: bold;
}

#content .form_errormsg{
	background-color: #f0f0f0;
}
#content ul li {
    background-image: url(../images/bullet_arrow_red.gif);
}

#content ul#tmp_month_btn li a{
	background:url('../images/enhancement/event_month_selected.png') no-repeat 0 0;
	color:#fff;
}

#content ul#tmp_month_btn li a:hover, #content ul#tmp_month_btn li a.active{
	color:#ccc;
	background:url('../images/enhancement/event_month.png') no-repeat 0 0;
}

#footer_wrap > div > div.footer_right > a:nth-child(3){
	display: none;
}

/* 20221123 Partial responsive*/
#header_zone_wrap .header_zone, #middle_zone_wrap .middle_zone, #footer_wrap .footer {
	width: 96%;
	max-width: 1350px;
}
#middle_zone_wrap .middle_zone{
	min-height: 485px;
}
.content_inner{
	min-height: 358px;
}
.middle_right{
	width: calc(100% - 210px);
}
.content_frame .profile_info{
	width: calc(100% - 20px - 280px);
}
#content ul#quiz_list.full_width li, #content ul#quiz_list.full_width li.odd, #content ul#quiz_list.full_width li.even{
	width: 100%;
	min-width: 680px;
	max-width: 1080px;
}
#content .quiz_wrap, #content ul#quiz_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}
#content ul#quiz_list li.odd, #content ul#quiz_list li.even{
	flex: 1 1 46%;
	margin-bottom: 0;
}
#content ul#quiz_list li.odd{
	margin-right: 0;
}
#content .map_wrap{
	width: 687px;
	margin: 0 auto;
}
.middle_zone.full_width table.form_tbl{
	width: 100%;
	max-width: 950px;
}

.banner{
	width: 100%;
    max-width: 1140px;
    height: 100%;
    max-height: 230px;
}
.banner img{
	width: 100%;
}
#content ul#tmp_month_btn{
	text-align: center;
}
#content ul#tmp_month_btn li{
	display: inline-block;
	float: none;
}