/* ----------------------Webkit-------------------------------------*/
::-webkit-scrollbar-track-piece{
	background-color: white;
    background-color: #EAEAEA;
	-webkit-border-radius:0;
}

::-webkit-scrollbar{
	width:10px;
	height:10px;
}

::-webkit-scrollbar-thumb:vertical{
	width: 12px;
	/*background-color: #333;*/
    background-color: #8c8c8c;
	-webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover{/*????????hover???*/
	height:18px;
	/*background-color: #333;*/
    background-color: #8c8c8c;
	-webkit-border-radius:4px;
}

::-webkit-scrollbar-thumb:horizontal{/*?????????????*/
	width: 12px;
	/*background-color: #333;*/
    background-color: #8c8c8c;
	-webkit-border-radius: 6px;
}

html {
	scrollbar-arrow-color: #9cd761;
	scrollbar-face-color: #333;
	scrollbar-shadow-color: #999;
	scrollbar-track-color: white;
}

html, body {
	margin: 0;
	padding: 0;
	font-family:'宋体'!important;
    font-size: 14px!important;
}

body {
	margin : 0px;
	padding : 0px;
	line-height : 1.2em;
	color : #333;
	background : #fff;
	font-size: 12px;
	background-color: #eaeaea;
}

#topbarBg {
	position:fixed;
	z-index:100;
	width:100%;
	height:42px;
	left:0;
	border: 1px solid #a5a5a5;
	background-color: #e0e0e0;
}

.region {
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
	z-index:1;
}

.nav_container{
	height:42px;
	width:100%;
	position:fixed;
	top:0;
	padding-top:0px;
	overflow:visible;
	left: 0px;
    z-index:200;
}

.nav_body {
	margin:0px;
}

#nav {
	float:left;
	margin-right:10px;
	margin-left:10px;
}

#nav .pag_clo_btn{
    width: 26px;
    height: 26px;
    position: absolute;
    top: 5px;
    right:5px;
    background: url("../images/menu/admin_oper_icon.png") scroll -2px -3022px no-repeat;
    margin-top: 5px;
    margin-right: 5px;
}

#nav .pag_clo_btn:hover{
    background: url("../images/menu/admin_oper_icon.png") scroll -1px -3237px no-repeat;
    cursor: pointer;
}

#container {
	padding:8px 0 0;
	width:100%;
	float:left;
	margin:0 auto;
	padding-top: 25px;
	background-color: #eaeaea;
}

.page_container {
	background:#fff;
	float:left;
	padding:0 10px 8px;
	margin-top:30px;
	width:98%;
	background-color: #eaeaea;
    padding:0 10px 0px;
}

.ui-widget-content{
	border: 1px solid #A5A5A5!important;
}

.ui-state-default{
	border: 1px solid #A5A5A5!important;
}

.ui-datatable-odd{
	background-color: #eaeaea!important;
}

.ui-state-default{
	background: none!important;
    background-color:#eaeaea !important;
}

.actionButtonlist {
	padding : 0px;
	margin : 0px;
	letter-spacing : 3px;
	color : #45649e;
}

.actionButtonlist li {
	padding: 5px 0px;
	list-style : none;
	margin : 0;
	display : inline;
}

.actionButtonlist li img {
	padding-right: 3px;
}
.actionButtonlist li a {
	display: inline-block;
	height: 24px;
	line-height:24px;
	color: #000000;
	padding-left: 26px;
	font-size: 14px;
	margin-top:10px;
    overflow: hidden;
}

.actionButtonlist li a:hover {
	text-decoration: none;
	color: red;
}

.actionButtonlist li a#current {
	color: red;
}

.actionButtonlist li .query_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -6px no-repeat;
    height: 25px;
}

.actionButtonlist li .insert_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -1px -39px no-repeat;
    cursor: pointer;
}

.actionButtonlist li .delete_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -76px no-repeat;
}

.actionButtonlist li .select_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -116px no-repeat;
	cursor: pointer;
}

.actionButtonlist li .save_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2.5px -154px no-repeat;
}

.actionButtonlist li .return_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -196px no-repeat;
	height: 26px;
    cursor: pointer;
}

.actionButtonlist li .save_send_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -900px no-repeat;
	height: 26px;
}

.actionButtonlist li .export_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -514.5px no-repeat;
}

.actionButtonlist li .export_excel_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1412px no-repeat;
	height: 26px;
}

.actionButtonlist li .send_sms_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -640px no-repeat;
	height: 26px;
}

.actionButtonlist li .send_sms_button:hover{
    color: red;
    cursor: pointer;
}

.actionButtonlist li .confirm_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -4px -324px no-repeat;
	font-size: 14px;
}

.actionButtonlist li .reset_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -4px -360px no-repeat;
	font-size: 14px;
}

.actionButtonlist li .reset_button_big{
    background: url("../images/menu/admin_oper_icon.png") scroll -3px -3410px no-repeat;
    font-size: 14px;
    height: 24px;
}

.actionButtonlist li . close_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -97px no-repeat;
	font-size: 14px;
}

.actionButtonlist li .print_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -1171px no-repeat;
	height: 26px;
    cursor: pointer;
}

.actionButtonlist li  .upload_traffic_system{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -1170px no-repeat;
}

.actionButtonlist li  .upload_period_system{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -680px no-repeat;
	height: 26px;
}

.actionButtonlist li .export_student_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -732px no-repeat;
	height: 26px;
}

.actionButtonlist li .export_coach_student{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -790px no-repeat;
}

.actionButtonlist li .export_application_form{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -847px no-repeat;
}

.actionButtonlist li .reset_student_password{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -956px no-repeat;
	height: 26px;
}

.actionButtonlist li .send_student_sms{
	background: url("../images/menu/admin_oper_icon.png") scroll -1.5px -1226px no-repeat;
	height: 26px;
}

.actionButtonlist li .send_coach_sms{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1291px no-repeat;
	height: 26px;
}

.actionButtonlist li .post_exam_notice{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1360px no-repeat;
	height: 26px;
}

.actionButtonlist li .grab_test_card{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1462px no-repeat;
	height: 26px;
}

.actionButtonlist li .statistics_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -1115px no-repeat;
}

.actionButtonlist li .part_exam_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1547px no-repeat;
	height: 26px;
}

.actionButtonlist li .generate_report_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1012px no-repeat;
	height: 26px;
}

.actionButtonlist li .start_timing_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1063px no-repeat;
	height: 26px;
}

.actionButtonlist li .download_coach_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1589px no-repeat;
	height: 26px;
 }

.actionButtonlist li .add_personal_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1632px no-repeat;
}

.actionButtonlist li .send_lead_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1677px no-repeat;
}

.actionButtonlist li .init_unit_data{
	background: url("../images/menu/admin_oper_icon.png") scroll -1px -1896px no-repeat;
	height: 26px;
}

.actionButtonlist li .post_news_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1852px no-repeat;
	height: 26px;
}

.actionButtonlist li .empower_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1722px no-repeat;
	height: 26px;
}

.actionButtonlist li .cancel_empower_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -1763px no-repeat;
	height: 26px;
}

.actionButtonlist li .accept_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -1px -1941px no-repeat;
	height: 26px;
}

.actionButtonlist li .grab_class_data{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -1983px no-repeat;
	height: 26px;
}

.actionButtonlist li .receive_all_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2065px no-repeat;
	height: 26px;
}

.actionButtonlist li .confirm_blue_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2025px no-repeat;
	height: 26px;
}

.actionButtonlist li .update_customer_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -2107px no-repeat;
	height: 26px;
}

.actionButtonlist li .grab_empty_date{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2147px no-repeat;
	height: 26px;
}

.actionButtonlist li .grab_appoint_date{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2188px no-repeat;
	height: 26px;
}

.actionButtonlist li .grab_batch_data{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -2231px no-repeat;
	height: 26px;
}

.actionButtonlist li .generate_student_data{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2276px no-repeat;
	height: 26px;
}

.actionButtonlist li .grab_fuel_record{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -2355px no-repeat;
	height: 26px;
}

.actionButtonlist li .grab_illegal_record{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2316px no-repeat;
	height: 26px;
}

.actionButtonlist li .check_charge_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2398px no-repeat;
	height: 26px;
}

.actionButtonlist li .reply_sms_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2924px no-repeat;
	height: 26px;
}

.actionButtonlist li .download_swipe_record{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2886px no-repeat;
	height: 26px;
}

.actionButtonlist li .download_student_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2473px no-repeat;
	height: 26px;
}

.actionButtonlist li .download_post_card{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2511px no-repeat;
	height: 26px;
}

.actionButtonlist li .download_exam_score{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2549px no-repeat;
	height: 26px;
}

.actionButtonlist li .again_compute_charge{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -2592px no-repeat;
	height: 26px;
}

.actionButtonlist li .again_compute_train{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -2628px no-repeat;
	height: 26px;
}

.actionButtonlist li .aga_com_pre_exa_sco{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2665px no-repeat;
	height: 26px;
}

.actionButtonlist li .aga_com_rea_pre_exa{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2702px no-repeat;
	height: 26px;
}

.actionButtonlist li .relation_custom_button{
	background: url("../images/menu/admin_oper_icon.png") scroll -3px -2739px no-repeat;
	height: 26px;
}

.actionButtonlist li .init_service_project{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2776px no-repeat;
	height: 26px;
}

.actionButtonlist li .compute_admissions_charge{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2814px no-repeat;
	height: 26px;
}

.actionButtonlist li .compute_channel_charge{
	background: url("../images/menu/admin_oper_icon.png") scroll -2px -2851px no-repeat;
	height: 26px;
}

.actionButtonlist li .public_close_button{
    background: url("../images/menu/admin_oper_icon.png") scroll -2px -3022px no-repeat;
    height: 26px;
    cursor: pointer;
}

.actionButtonlist li .public_close_button:hover{
    background: url("../images/menu/admin_oper_icon.png") scroll -1px -3237px no-repeat;
    height: 26px;
    cursor: pointer;
}

.preview_button{
	background:url("../images/menu/admin_oper_icon.png") scroll -4px -557px no-repeat;
	display: inline-block;
	width: 21px;
	height: 23px;
}

.update_button{
	background:url("../images/menu/admin_oper_icon.png") scroll -4px -443px no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
}

.print_approval_button{
	background:url("../images/menu/admin_oper_icon.png") scroll -5px -1511px no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
}

.approval_log_button{
	background:url("../images/menu/admin_oper_icon.png") scroll -4px -2439px no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.agency_reply_button{
    background:url("../images/menu/admin_oper_icon.png") scroll -3px -3345px no-repeat;
    display: inline-block;
    height: 20px;
    line-height:20px;
    cursor: pointer;
    padding-left:25px;
}

.add_coach_button{
	background:url("../images/menu/admin_oper_icon.png") scroll -5px -1634px no-repeat;
	display: inline-block;
	padding-left:20px;
	height: 20px;
	line-height: 20px;
}

.select_user_button{
	background:url("../images/menu/admin_oper_icon.png") scroll -5px -1810px no-repeat;
	display: inline-block;
	padding-left:20px;
	height: 20px;
	line-height: 20px;
}

.return_log_before{
	width: 20px;
	height: 20px;
	display: inline-block;
    background:url("../images/menu/admin_oper_icon.png") scroll -5px -2961px no-repeat;
}

.add_strategy_button{
    display: inline-block;
    background:url("../images/menu/admin_oper_icon.png") scroll -7px -3101px no-repeat;
    padding-left:20px;
    height: 16px;
    line-height: 16px;
}

.choose_department_button{
    width: 22px;
    height: 20px;
    display: inline-block;
    background:url("../images/menu/admin_oper_icon.png") scroll -4px -2989px no-repeat;
}

.update_password_button{
    width: 20px;
    height: 20px;
    display: inline-block;
    background:url("../images/menu/admin_oper_icon.png") scroll -4px -3167px no-repeat;
}

.exam_appointment_management{
    width: 20px;
    height: 20px;
    display: inline-block;
    background:url("../images/menu/admin_oper_icon.png") scroll -4px -3133px no-repeat;
}

.choose_power_button{
    width: 20px;
    height: 20px;
    display: inline-block;
    background:url("../images/menu/admin_oper_icon.png") scroll -6px -3204px no-repeat;
}

.review_confirm_button{
    height:22px;
    line-height: 22px;
    display: inline-block;
    background:url("../images/menu/admin_oper_icon.png") scroll -4px -3281px no-repeat;
    padding-left: 22px;
}

.choose_resources_button{
    height:22px;
    width:22px;
    line-height: 22px;
    display: inline-block;
    background:url("../images/menu/admin_oper_icon.png") scroll -4px -3375px no-repeat;
}

#query_conditions{
	position: absolute;
	z-index:100;
}

.navigationButtonlist {
	padding : 0px;
	margin : 0 0 0px 0;
	text-align : center;
	letter-spacing : 3px;
	color : #45649e;
}

.navigationButtonlist li {
	padding : 5px 0.15em;
	list-style : none;
	margin : 0;
	display : inline;
}

.navigationButtonlist li img {
	padding-right: 3px;
}

.navigationButtonlist li a {
	padding : 5px 0.1em;
	margin : 0;
	color : #45649e;
	text-decoration : none;
}

.navigationButtonlist li a:link {
	color :#45649e;
}

.navigationButtonlist li a:visited {
	color : #45649e;
}

.navigationButtonlist li a:hover {
	color: red;
}

.navigationButtonlist li a#current {
	color: red;
}

.appPanel {
    border: 1px solid #AACCEF;
    margin: 0 0 10px;
}

.categoryPanel {
    overflow: hidden;
    border: 1px solid #CECED0;
	border-top: 0px;
}

.categoryPanelTitle {
    background-color: #97d9f1;
    height:35px;
    line-height:35px;
    text-indent: 12px;
}

.categoryPanelContainer {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.appIcon {
	display: block;
	position: relative;
	height: 32px;
	width: 32px;
}

.horizontalList {
    float: left;
    height: 75px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    border: 1px solid red;
}

.horizontalList .appListItem {
    cursor: pointer;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
	height: 75px;
    width: 75px;
}

.horizontalList .appListItem:hover {
    background: url("../images/app_hover2.gif") no-repeat scroll 0 0 transparent;
}

.horizontalList .appIcon {
    background: none no-repeat scroll center center transparent;
    margin: 8px auto 4px;
}

.horizontalList .appSmallIcon {
    background: none no-repeat scroll center center transparent;
    left: 7px;
    position: absolute;
    top: 7px;
}

.horizontalList .appName {
    color: #333333;
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    width: 50px;
    word-wrap: break-word;
	font-size: 12px;
}

.horizontalList .appAuth {
    background: url("../images/sprite.png") no-repeat scroll -81px -36px transparent;
    height: 19px;
    position: absolute;
    right: 20px;
    top: 22px;
    width: 19px;
}

#personal_center_area{
    width: 100%;
    height:100px;
    margin-bottom: 10px;
}

#personal_center_area .personal_center_item{
    width: 90px;
    height:90px;
    float: left;
    margin-right: 10px;
    display: inline-block;
    margin-top: 10px;
}

#personal_center_area .personal_center_item .per_ite_opt{
    height:60px;
    width:60px;
    margin-left:15px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow:2px 2px 10px black;
    display: inline-block;
}

#personal_center_area .personal_center_item:hover .per_ite_opt{
    box-shadow:2px 2px 10px red;
}

#personal_center_area .personal_center_item .per_ite_opt .per_ite_img{
    width:45px;
    height:45px;
    margin-left:7.5px;
    margin-top: 7.5px;
}

#personal_center_area .personal_center_item .per_ite_opt .per_ite_img img{
    width: 100%;
    height: 100%;
}

#personal_center_area .personal_center_item .per_ite_des{
    height:16px;
    width:100%;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    margin-top: 4px;
    color: #000000;
}

#personal_center_area .personal_center_item:hover .per_ite_des{
    color: red;
}

.ui-inputfield {
	border: 1px solid #999999;
	padding: 0px;
	padding-left: 1px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	height: 15px;
	width: 84%;
	width:83%;
}

.text70 .ui-inputfield {
	border: 1px solid #999999;
	padding: 0px;
	padding-left: 1px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	height: 15px;
	width: 78%;
}

.text60 .ui-inputfield {
	border: 1px solid #999999;
	padding: 0px;
	padding-left: 1px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	height: 15px;
	width: 74%;
}

.text50 .ui-inputfield {
	border: 1px solid #999999;
	padding: 0px;
	padding-left: 1px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	height: 15px;
	width: 69%;
}

.ui-autocomplete {
	width: 95%;
}

.ui-autocomplete-panel {
	height:200px;
}

.ui-autocomplete-panel .ui-autocomplete-table td {
	border-color: #b5d6e6;
}

.ui-state-default{
	border: 1px solid #A5A5A5!important;
	background-color: #eaeaea!important;
}

.ui-inputfield{
	box-shadow: 0px 0px 0px white inset!important;
}

.ui-button{
	margin-right: 0px;
	border: 1px 0px 0px 1px #cccccc solid !important;
	height: 25px!important;
	overflow: hidden!important;
	margin-bottom: 3px!important;
}

#navigationButtonlist .ui-button{
    margin-bottom: 0px!important;
    background-color: white!important;
    border-radius: 5px;
}

.ui-widget-header{
	background: none!important;
	background-color: #eaeaea!important;
	border: 1px solid #cccccc!important;
}

.ui-datatable {
	line-height: 22px;
}

.ui-datatable .ui-widget-content:hover {
	background-color: #ddccf8 !important;
}



.ui-datatable table {
	border-collapse:collapse;
	width: 100%;
	table-layout: auto;
}

.ui-datatable-scrollable table,
.ui-datatable-sticky table{
	table-layout: auto;
}


.ui-datatable-scrollable {
	border-bottom: 0px solid #cae9f1;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
	padding: 4px 5px;
	min-width: 20px;
}


.fix-datatable-scrollable table {
	table-layout: fixed;
}

.ui-panel {
	border: 0px solid #bed6f8;
}
.ui-panel .ui-panel-titlebar {
	padding: 0.5em 1em 0.5em;
}
.ui-panel .ui-panel-content {
	padding: 0.1px 0.1px;
}


#exa_tic_num{
    width: 200px;
    height: 80px;
    background-color: #EAEAEA;
    border: 1px solid #A5A5A5;
    position: absolute;
    display: none;
}

#exa_tic_num .exa_tic_row{
    width: 100%;
    height: 25px;
    line-height: 25px;
}

#exa_tic_num .exa_tic_row .exa_tic_tit{
    display: inline-block;
    width: 65px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 2px;
    margin-top: 2px;
}

#exa_tic_num .exa_tic_row .exa_tic_con input{
    width: 120px;
}



#exa_tic_num .exa_tic_btn{
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 3px;
}

#exa_tic_num .exa_tic_btn input{
    font-size: 12px !important;
    background-color: #8BC94E;
    border: 0px;
    border-radius: 5px;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

#exa_tic_num .exa_tic_btn input:hover{
    background-color: #68ae27;
}

.ui-corner-bottom{
    border: 0px!important;
    padding: 0px!important;
    font-weight: normal!important;
}

#add_cho_item .ui-datatable-tablewrapper{
    border-bottom: 1px solid #cccccc;
}