.topSearchContainer {overflow: hidden;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    height: 50px;}
.topSearchContainer img{
	margin-top: 1px;
    cursor: pointer;
    vertical-align: middle;
    float: left;}
.topSearchContainer span{font-size: 30px;color: #000;font-weight: bold;float: left;
    line-height: 25px;
    height: 25px;
    
    margin-left: 20px;
    margin-right: 20px;
    }   
     
    
.calendarSwitch{
    overflow: hidden;
    position: absolute;
    right: 0;
    background: #fff;} 
       
.calendarSwitch li{    
	float: left;
    height: 40px;
    line-height: 40px;
    width: 150px;
    font-size: 15px;
    text-align: center;}
    
.calendarSearchType{height: 30px;box-sizing: border-box;overflow: hidden;}
.calendarSearchType li{text-align: center;box-sizing: border-box;}
.calendarSearchType li a{
	font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
    display: inline-block;
    background: #4d028b;
    border-radius: 5px;
    color: #fff;
    height: 30px;
    line-height: 30px;}
.calendarSearchType .selected{background:#f1f1f1}
.calendarSearchType .selected a{color:#333;font-weight:bold;}




.calendarSwitch .calUnselected{border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:1px solid #000; border-right:none;}
.calendarSwitch .scrapUnselected{border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #000; border-left:none;}

.calendarSwitch .calSelected,
.calendarSwitch .scrapSelected
{border:1px solid #000; border-bottom:none;}

.calendarSwitch .calSelected a,
.calendarSwitch .scrapSelected a
{color:#000; font-weight:bold}
   
.calendarSwitch .calUnselected a,
.calendarSwitch .scrapUnselected a
{color:#999;  font-weight:normal}

 .topSearchContainer .calendarToday{
     float: left;
    margin-left: 10px;
    border: 1px solid #3399FF;
    color: #3399FF;
    font-weight: bold;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    }
#searchArea{overflow: hidden;margin-top:30px;}
.calendarCategory{    
	height: 30px;
    border: 1px solid #3399FF;
    width: fit-content;
    border-radius: 10px;
    overflow: hidden;}
.calendarCategory li{
	height: 30px;
    line-height: 30px;
    float: left;
    width: 120px;
    text-align: center;
    cursor:pointer;
    }
    
.calendarCategory li a{
    font-size: 15px;
    text-decoration: none;
    width: 100%;
    height: 100% ;
    display: inline-block;
    color: #3399FF;;}
    
    .calendarExcel{    
    height: 34px;
    line-height: 34px;
    padding: 0px;
    padding-left: 35px;
    padding-right: 7px;
    margin-right: 15px;
    border-radius: 5px;}
    
   .customSet{    
    font-size: 14px;
    background: #333;
    padding-left: 15px;
    padding-right: 15px;
    height: 34px;
    display: inline-block;
    line-height: 34px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    margin-right:5px;
    cursor:pointer;
    float:right;
    }
    .customSet:hover{color:#fff;}
    
   .setAlarmTxt a{	
    cursor: pointer;
    text-decorator:none;
	font-size: 14px;    
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-weight: bold;}
    
	.calendarSave{
    background: #3399FF;
    color: #fff;
    margin-left: 10px;
    margin-right: 5px;    
    width: 100px;
    display:none;
    }
    
    .calendarSaveSet{
    color: red;
    margin-left: 10px;    
    width: 120px;
    display: inline-block;
    }
    
    .calendarSaveCancel{
    background: #999;
    color:#eee;
    width: 100px;
    display:none;
    }
    
    .alarmSwitchContainer{
    	overflow:hidden;
    	display:none;
    }
    
.calendarBottomChgMonth{background:#F2F4FF; text-align: center;padding-top: 20px;padding-bottom: 20px;
    }
.calendarBottomChgMonth a{    border: 1px solid #eee;
    background: #fff;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;}
.calendarBottomChgMonth span{font-size: 30px;color: #000;font-weight: bold;margin-left:40px;margin-right:40px;vertical-align: middle;}
.calendarBottomChgMonth img{width: 10px;}

    
.calendarCategory li .selected{color:#fff; font-weight:bold;background: #3399FF;font-weight: bold;}

    
    

.calendarList label{    
	font-size: 11px;
    margin-right: 3px;
    line-height: 24px;
    font-weight:normal;
    color: #666;}
.calendarList input
	{
		vertical-align:middle;
		margin:0px;
		margin-left:10px;
		margin-right:3px;
        -webkit-appearance: none;
        position: relative;
        width: 14px;
        height: 14px;
        cursor: pointer;
        outline: none !important;
        border: 1px solid #c0c0c0;
        border-radius: 2px;
        background: #fbfbfb;
	}
	
	   .calendarList input::before {
        content: "\2713";
        position: absolute;
        top: 50%;
        left: 50%;
        overflow: hidden;
        transform: scale(0) translate(-50%, -50%);
        line-height: 1;
    }
    .setLine{margin-top:3px;}
    .setLine input{vertical-align:top; margin-top:4px;}
    .setLine label{display:inline-block; width:120px;}
    
    
.calendarList input:hover
{
	border-color: rgba(170, 170, 170, 0.5);
}

.calendarList input:checked 
{
	 background-color: #4d028b;
        border-color: rgba(255, 255, 255, 0.3);
        color: white;
}

.calendarList input:checked::before
{
        border-radius: 2px;
        transform: scale(1) translate(-50%, -50%)
}
#searchConditionArea{overflow: hidden;
    width: 100%;}
.setAlarm .setAlarmTxt {background: #F2F4FF;padding: 10px;width: 100%;display: inline-block;margin-top: 10px;font-size: 13px;text-align: center;color: #4b589f;font-weight:bold;}
.setAlarm .setAlarmTxt img{width: 20px;margin-right: 5px;}
.calendarListCount{text-align:right;padding-right:5px;}
.calendarListCount a {    
	cursor: pointer;
    font-size: 11px;
    color: #333;
    padding: 3px 10px;
    border-radius: 10px;
    border: 1px solid #ddd;}
.searchCondition {
	border: 1px solid #eeeeee;
    float: left;
    width: 100%;
    height: auto;
    display: none;
    margin-top:10px;
}
.searchCondition.sc_Support{
	display: block;
}
.searchCondition:last-child{border-bottom: 1px solid #eeeeee;}

#searchArea {width: 100%; height: auto;position: relative;}
#bbsTypeArea {width: 100%; height: auto;overflow: hidden;margin-top: 20px;margin-bottom: 20px;}

.searchDiv {    
	float: left;
    height: 100%;
    overflow: unset;
    width: 14.2857%;
    border-right: 1px solid #eee;
    padding-bottom: 5px;
    box-sizing: border-box;}
.searchCondition .searchDiv:nth-child(7){
    border-right: none;}     
    
.searchDiv ul{    
    overflow-y: auto;
    height: 210px;
    margin-top: 5px;
    margin-bottom: 5px;}
    
    
   .searchDiv ul::-webkit-scrollbar,
   .cardViewContainer::-webkit-scrollbar,
   .listModalTableContainer::-webkit-scrollbar
    {
    width: 8px;
    height:10px;
  }
  .searchDiv ul::-webkit-scrollbar-thumb,
   .cardViewContainer::-webkit-scrollbar-thumb,
   .listModalTableContainer::-webkit-scrollbar-thumb
   {
    background-color: #c8c8c8;
    border-radius: 10px;
  }
  .searchDiv ul::-webkit-scrollbar-track,
  .cardViewContainer::-webkit-scrollbar-track,
  .listModalTableContainer::-webkit-scrollbar-track
   {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }
    
    
.searchDiv > h2{
    border-bottom: 1px solid#eee;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    font-size: 13px;
    color: #333;
    cursor:pointer;
    }
    
   .searchCondition  .searchDiv:last-child > h2{border-right:none;}

   #chkSearchCondition_Support_BusinessType_16
   ,#chkSearchCondition_Recruit_BusType_16
   {vertical-align: top;margin-top: 10px;}
   #chkSearchCondition_Support_BusinessType_16 + label
   ,#chkSearchCondition_Recruit_BusType_16 + label
   {width: calc(100% - 35px);margin-top: 5px;}
   
   
   	.searchResultContainer
   	{width: 100%;
    padding-bottom: 20px;
    margin-top: 50px;
    overflow: hidden;
    position:relative;
    border-top: none;}
    
    .paymentContainer{
    background: #fff0;
    position: absolute;
    width: 100%;
    height: 100%;}
    
    .paymentContainer .paymentTxt{position: absolute;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;
    background: #ffffffde;;
    height: 70%;
    text-align:center;
    }
    
    .paymentContainer .paymentTxt .subscribeTxt{text-align: center;
        font-size: 28px;
    line-height: 50px;
    font-weight: bold;
    margin-top: 300px;
    color: #000;
    font-family: 'FontAwesome';}
    
    .paymentContainer .paymentTxt .subscribeBtn{background:#4d028b; font-weight:bold; font-size:24px; width:300px; height:40px; line-height:40px; border-radius:10px; color:#fff; margin-top:40px; cursor:pointer;display:inline-block}
    .paymentContainer .paymentTxt .subscribeLogin{font-size: 20px;
    line-height: 40px;
    margin-top: 40px;
    color: #000;
    font-weight: 500;
    font-family: 'FontAwesome';}
    .paymentContainer .paymentTxt .subscribeLogin a{text-decoration:underline}
    
    
    .searchSelectedContainer{
    width: 100%;
    padding-top: 40px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    }
    
    .searchResultContainer > span{    font-size: 13px;
    font-weight: bold;
    float: left;
    line-height: 32px;}
    .searchResultList{float: left;
    width: 100%;
    overflow: hidden;}
    .searchResultList li{    
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin-right: 10px;
    background: aliceblue;
    border-radius: 5px;
    color: #000;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #eee;
    box-sizing: border-box;}
    .searchResultList li img{margin-left:3px}
    .searchResultList li:last-child img{margin-right:3px}
   .searchResultList li:last-child{background: none;
    color: #333;
    border: none;
    font-weight: bold;
    font-size: 13px;}
    
    
    .searchCalender{font-size: 14px;
    background: #3399FF;
    width: 160px;
    padding-left: 15px;
    padding-right: 15px;
    height: 34px;
    display: inline-block;
    line-height: 34px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    float: right;
    }
    
    #calendar > .fc-header-toolbar{display:none;}
    .weeklySwitch{overflow:hidden;float:left;}
    .weeklySwitch li{float:left;width:60px; text-align:center;}
    .weeklySwitch li a{font-size:13px;display: inline-block;line-height: 30px;height: 30px;text-decoration: none;}
    .weeklySwitch li:first-child{border-radius:8px 0px 0px 8px;}
    .weeklySwitch li:last-child{border-radius:0px 8px 8px 0px;}
    .weeklySwitch .selected{font-weight:bold;color: #000;font-weight: bold;border: 1px solid #000;}
    .weeklySwitch .unselected{font-weight:normal;border: 1px solid #999;}
    
    .weeklySwitch .selected a{color:#000;}
    .weeklySwitch .unselected a{color:#999}
    .calendarSearchContainer{float:right;}
    .calendarSearchCondition{margin-right:10px;}
    .calendarSearchCondition li{float:left;}
    .calendarSearchCondition{float:left;}
    .calendarSearchSelect{float:left;}
    .calendarSearchBtn{float:left;height:34px;line-height:34px;padding:0px;border-radius:4px;}
    .calendarSearchCondition li a{display:inline-block;height:34px;line-height:34px;font-size:13px;text-decoration: none;cursor:pointer;color: #c8c8c8;}
    .calendarSearchCondition li .divider{margin-left: 15px;
    margin-right: 15px;
    width: 1px;
    background: #c8c8c8;
    height: 13px;
    display: inline-block;
    margin-top: 11px;}
    
    .calendarSearchCondition li .selected{color:#4d028b; font-weight:bold}
    .calendarSearchCondition li .unselected{color:#c8c8c8; font-weight:normal}
    
    
    .landingPage_wrap{width:1000px; margin:0 auto;min-height: 100vh;}
    .landingPage_wrap .landingPage_topBgr{width:100%;}
    .landingPage_wrap .landingPage_date{overflow:hidden;margin: 0 auto; margin-top: 30px;text-align: center;}
    .landingPage_wrap .landingPage_date a{text-decoration: none;cursor:pointer;display: inline-block;vertical-align: middle;font-size:20px;font-weight:bold; color:#3399FF}
    .landingPage_wrap .landingPage_date .date_selected{font-size:24px;font-weight:bold; color:#4d028b}
    .landingPage_wrap .landingPage_date .pre{margin-left:20px; margin-right:60px;}
    .landingPage_wrap .landingPage_date .next{margin-right:20px; margin-left:60px;}
    
    
    
    .landingPageTopContainer{overflow:hidden;margin-top:30px;}
    .landginPageCategory{    
    overflow: hidden;
    border: 2px solid #3399FF;
    border-radius: 5px;
    width: fit-content;
    display: inline-block;
    vertical-align: middle;}
    .landginPageCategory li{float:left; width:120px; text-align:center; height:30px; line-height:30px;}
    .landginPageCategory li:first-child{background:#3399FF; color:#fff; font-weight:bold;}
    .landginPageCategory li:last-child{color:#3399FF; font-weight:bold;}
    .landingPageTopContainer .landginPageSwitchCard{overflow:hidden; float:right;border: 1px solid #c8c8c8;;border-radius: 5px;}
    
    .landingPageTopContainer .landginPageSwitchCard li{float:left;width:80px; text-align:center; height:30px; line-height:30px;}
    .landingPageTopContainer .landginPageSwitchCard li a{font-size:13px;text-decoration: none;cursor:pointer;color: #c8c8c8;}
    .landingPageTopContainer .landginPageSwitchCard .list_selected{font-weight:bold;background: #eee;}
    .landingPageTopContainer .landginPageSwitchCard .list_selected a{color:#000}
    .landingPageTopContainer .landginPageSwitchCard li a img{margin-right:3px;vertical-align: unset;}
    
    
    .landingPageCategory{
    background: #002060;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;}
    
    .landingPageRelated{
    background: #FFC000;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    }
    .landingPageCount{font-size:14px;color:#666;margin-left:10px;
    font-weight: bold;}
    .landingPageCount strong{
    color: #3399FF;
    font-size:16px;
    }
    .qx_bid_info_content {
    width: 100%;    
    border: none;
    }
    	
	.qx_bid_info_content td {
    color: #000;
    border-top: 1px solid #eee !important;
	}
	.qx_bid_info_content td .seeMore_landingPage{    
	cursor: pointer;
    color: #3399FF;
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    margin-top: 10px;}
	.qx_bid_info_content .title a{text-align:left;width: 500px;display: inline-block;text-decoration: none;cursor:pointer;padding-left: 10px;padding-right:10px;}
	.qx_bid_info_content .state span{display:inline-block; padding-left:5px; padding-right:5px; height:25px; line-height:25px; border-radius:5px;font-weight:bold;}
	.qx_bid_info_content .state .landing_start{color:#3399FF;} 
	.qx_bid_info_content .state .landing_progress{background:#3399FF; color:#fff;} 
	.qx_bid_info_content .state .landing_close{color:red;} 
	.qx_bid_info_content .category span{display:inline-block; width:60px; height:25px; line-height:25px; border-radius:5px;font-weight:bold;color:#fff;}
	
	.qx_bid_info_content .category .landing_support{background:#00B0F0;} 
	.qx_bid_info_content .category .landing_recruit{background:#4d028b;} 
	.qx_bid_info_content .category .landing_bid{background:orange;} 
	.qx_bid_info_content .category .landing_festival{background:#A9D18E;}
	 
    .qx_bid_info_content .singleLine{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
    .qx_bid_info_content .orderCom > span{width:130px;}
    .noDataTxt{text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;}
    .noDataTxt span:first-child{display:block;font-size:15px; font-weight:bold;margin-bottom:10px;color:#999}
    .noDataTxt span:last-child{font-size:13px;}
    .noDataTxt span a{font-weight:bold;color:red; cursor:pointer;}
    
    
	.cardViewContainer{overflow-x: scroll;white-space: nowrap;padding-bottom: 10px;width: 100%;}
    .cardViewContainer .cardViewList{
    position:relative;
    width:23%; 
    margin-right:20px; 
    box-sizing:border-box;height:300px;
    box-shadow: 5px 5px 5px #dbdbdb;
    display: inline-block;
    vertical-align:top;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;    
    border-radius: 5px;
    overflow: hidden;
    }
    .cardViewContainer .cardViewList span{white-space:normal;line-height: 20px;}
    .cardViewContainer .cardViewList .title{display:block;font-size:13px; font-weight:bold;line-height: 20px;}
    .cardViewContainer .cardview_support .title{color:#000;margin: 25px;}
    .cardViewContainer .cardview_support .dateLoc{margin-left: 25px;
    font-size: 13px;
    color: #999;
    border-left: 1px solid #c8c8c8;
    padding-left: 10px;}
    .cardViewContainer .cardview_support .dateLoc span{display: block;line-height: 10px;margin-top: 10px;}
    .cardViewContainer .cardview_recruit .title{
    color:#000;    
    border-top: 1px solid #eee;
    padding: 5px;}
    .cardViewContainer .cardview_support > img:first-child{width:40px; height:40px;}
    .cardViewContainer .cardview_support > img:last-child{    
    width: 100px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);}
    .cardViewContainer .cardview_recruit > img:first-child{width: 100%;height: 150px;}
    
    .cardViewContainer .cardview_recruit .orderCom{
    display: block;
    font-size: 12px;
    margin: 5px;
    color: #000;
    font-weight: bold;}
    
    .cardViewContainer .cardview_recruit .dateLoc{position: absolute;bottom: 10px;PADDING-LEFT: 5PX;PADDING-RIGHT: 5PX;FONT-SIZE: 12PX;width:100%;}
    
    .bigContainer{overflow:hidden;}
     .bigContainer > div{margin-top:30px}
     .bigContainer table{margin-top:10px;} 
    .weeklyCalendarTable{margin-top: 10px;}
    .weeklyCalendarTable .weeklyHeader{font-size:12px;border-left:1px solid #eee !important;border-top:1px solid #eee !important; border-bottom:1px solid #000 !important; font-weight:normal;
    text-align: center;color:#999}    
    .weeklyCalendarTable .weeklyHeader:last-child{border-right:1px solid #eee;}
    .weeklyCalendarTable .selected{font-size:14px;font-weight:bold; border:1px solid #000 !important; border-bottom:none !important;color:#000}
    .weeklyCalendarTable .weeklyHeader span{display:block}
    .weeklyCalendarTable .selected span:first-child{color:#000}
    .weeklyCalendarTable .selected span:last-child{color:#3399FF}
    
    .weeklyCalendarTable tr td{border-top:none !important;    padding: 0px !important;}
    
    .weeklyCalendarTable .calendarList{line-height:normal;list-style: none;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-size: 13px;}
    .weeklyCalendarTable .calendarList a{
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;}
    .schedulerContainer{overflow:hidden; width:100%;}
     .weeklyCalendarTable .calendarList div{
     display: inline-block;
    vertical-align: middle;
    width: 680px;}
     .weeklyCalendarTable .calendarList div .orderCom{display:inline-block;width:100%;font-weight:bold;}
     .weeklyCalendarTable .calendarList div .title{display:inline-block;width:100%;}
    .weeklyCalendarTable .calendarList .state{    
    font-weight: bold;
    margin: 0;
    height: auto;
    padding: 0px 10px;
    border-radius:3px;
    height:25px; line-height:25px;
    float: none;
    display: inline-block;
    overflow: unset;
    font-size: 12px;}
    .weeklyCalendarTable .calendarList .start{color:#3399FF;}
    .weeklyCalendarTable .calendarList .close{color:#c70202;opacity:1;}
    .weeklyCalendarTable .calendarList .progress{background:#3399FF;color:#fff}
    
    
   	.weeklyCalendarTable .calendarList .category {display:inline-block; width:60px; height:25px; line-height:25px; border-radius:5px;font-weight:bold;color:#fff;font-size:12px;text-align:center;
    margin-left: 20px;
    margin-right: 20px;}
	.weeklyCalendarTable .calendarList .support{background:#00B0F0;} 
	.weeklyCalendarTable .calendarList .recruit{background:#4d028b;} 
	.weeklyCalendarTable .calendarList .bid{background:orange;} 
	.weeklyCalendarTable .calendarList .festival{background:#A9D18E;}
	.weeklyCalendarTable .calendarList .date{width: 200px;
    display: inline-block;
    text-align: center;}
	.weeklyCalendarTable .calendarList .location{display: inline-block;
    width: 100px;
    text-align: center;}
    .weeklyCalendarTable .nolist td span{display:inline-block; height:200px; line-height:200px; font-size:13px; color:#999}
    
    .calendarTable{border-left:1px solid #ddd;
    margin-top: 30px;
    display: inline-block;}
    .calendarTable tr th{
    border-top: 1px solid #ddd;
    border-bottom:none !important;
    vertical-align: middle !important;
    text-align: center;
    border-right: 1px solid #ddd;}
    
    .calendarTable .calendarList{line-height:normal;}
    .calendarTable .calendarList a{    
    width: 150px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 6px;
    font-size: 11px;}
    .calendarTable .calendarList a .state{    
    font-weight: bold;
    float: left;
    margin: 0;
    height: auto;
    padding: 1px 3px;
    font-size: 11px;
    height:15px;
    margin-right: 2px;}
    .calendarTable .calendarList a .start{color:#3399FF}
    .calendarTable .calendarList a .close{color:#c70202;opacity:1;}
    .calendarTable .calendarList a .progress{background:#3399FF;border-radius:3px;color:#fff}
    
    .calendarTable .day{    
    font-weight: bold;
    font-size: 11px;    
    cursor:pointer;
    height: 30px;
    line-height: 30px;
    }
    .calendarTable .txt_today{    
    border: 2px solid #cce6ff !important;
    box-sizing: border-box;
    background: aliceblue;}
    .calendarDay{height:167px;}
    
    .calendarTable tr td{padding: 3px !important;}
    
    .setAlarmContainer label {
  display: block;
  position: relative;
  width: 45px;
  height: 20px;
  background: #ebebeb;
  border-radius: 60px;
  transition: background 0.4s;
  margin-top: 3px;
  margin-left: 5px;
  font-weight: 900;
}
    
 .setAlarmContainer label::after {
  content: "";
  position: absolute;
  left: 2.5px;
  top: 50%;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #bbbbbb;
  transform: translateY(-50%);
  box-shadow: 1px 3px 4px rgba(0,0,0,0.1);
  transition: all 0.4s;
}

.setAlarmContainer{
    width: 49.5%;
    padding: 10px;
    border: 1px solid #eee;
    margin-top: 10px;}
 .setAlarmContainer > span{font-size:14px; font-weight:bold;}
 .setAlarmContainer .setAlarmData{display: block;clear: both;font-size: 12px;}
 .setAlarmContainer label::before {
  content: "OFF";
  font-size: 10px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s;
    color: #999;
}
.setAlarmContainer #talk,
.setAlarmContainer #email{display:none;}
    .setAlarmContainer #talk:checked + label,
    .setAlarmContainer #email:checked + label
     {
  background:#F2F4FF
}

#talk:checked + label::after,
#email:checked + label::after
 {
 left: calc(100% - 17.5px);
 background:#4b589f;
}
#talk:checked + label::before,
#email:checked + label::before
 {
  content: "ON";
  color: #4b589f;
  left: 8px;
}
.listModalContainer{position: fixed;
    width: 100%;
    height: 100vh;
    background: #0000009c;
    z-index: 10000;
    top: 0;}
   .listModalContainer .listModal{width: 800px;
    height: 500px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    padding-left: 10px;
    padding-right: 10px;
    transform: translate(-50%, -50%);
    border-radius: 20px;}
    
    
    .listModalContainer{display:none;}
   .listModalContainer .listModalDate{text-align: center;margin-top:20px; position:relative}
    .listModalContainer .listModalDate img{vertical-align: text-bottom;}
   .listModalContainer .listModalDate span{font-size: 30px;font-weight: bold;color: #333; margin-left: 10px; margin-right: 10px;}
.listModalTable{    
	width: 100%;}
.listModalTable tr td{font-size:13px;font-weight: bold;padding-top:10px; padding-bottom:10px;border-bottom: 1px solid #eee;}
  .listModalTable tr td .singleLine{    
  text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;width:380px;vertical-align:middle;padding-left:20px; padding-right:10px;}  
  .listModalTable tr td .listTitle{}
  .listModalTable tr td .orderCom{
    font-size: 12px;
    font-weight: normal;}
    .listModalTable .state {display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0px;
    vertical-align: middle;
    float: none;
    height: 25px;
    line-height: 25px;}
  	.listModalTable .start{color:#3399FF;} 
	.listModalTable .progress{background:#3399FF; color:#fff;} 
	.listModalTable .close{color:red;opacity:1} 
	
	.listModalTable .category {display:inline-block; width:60px; height:25px; line-height:25px; border-radius:5px;font-weight:bold;color:#fff;}
	.listModalTable .support{background:#00B0F0;} 
	.listModalTable .recruit{background:#4d028b;} 
	.listModalTable .bid{background:orange;} 
	.listModalTable .festival{background:#A9D18E;}
	.listModalTable .orderCom{color: #333;}
	.listModalTable .title{width:300px;color: #333;cursor: pointer;}
	
	.listModalTableContainer{width: 100%;height: 435px;overflow-y: scroll;margin-top:10px;}
    .listModalContainer .closeListModal{display: inline-block;
    position: absolute;
    right: 15px;
    top: 7px;}
    .listModalContainer .closeListModal img{width:20px}
    /* footer 조정  */

	
	.container{padding: 0px !important;}
	#foot-com-info{padding:0px;}
	
	.infoIcon{width:15px;
    margin-left: 3px;
    margin-bottom: 3px;}
	
.info_tooltip-text {
  display: none;
  position: absolute;
  max-width: 300px;
  border: 1px solid;
  border-radius: 5px;
  font-size:13px;
  padding: 5px;
  color: white;
  background: #333;
  z-index:1000;
}

.searchDiv > h2:hover .info_tooltip-text {
  display: block;
}