
/*sect_scd{*/
.sect_scd {
    margin-top: 73px;
}

.scd {}
/*scd_date{*/
.scd_date {
    position: relative;
    border: 1px solid #E4E4E4;
    padding-left: 85px;
	height:100px;
}
.scd_date_list { 
    font-size: 0;
}

.scd_date_list .scd_day_box
{
	position: relative;
	float:left;
	width:1250px;
    overflow: hidden;
    top: -15px;
    height: 100px;
    padding-top: 15px;
}



.scd_calendar {position: absolute;top: 10px;left: 20px ;width: 60px;   border-radius: 3px;  text-align:center; z-index:10; }
.scd_calendar  a {float:left; padding:20px 10px; background:#fff; border: 1px solid #E4E4E4;  }
.scd_calendar  a:hover { background:#ddd;}

/*
.scd_calendar .sftext{
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #E4E4E4;
    border-radius: 3px;
}
.scd_calendar input {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0;
}
.scd_calendar label {
    width: inherit;
    height: inherit;
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-size: 0;
}
.scd_calendar label:after{content:'';width: 23px;height: 25px;top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;background-image: url(/images/main/icon_month.png);background-size: 22px 50px;background-repeat: no-repeat;background-position: top;}
.scd_calendar .sftext:hover{
    background-color: #404040;
    border-color: #404040;
}
.scd_calendar .sftext:hover label:after{
    background-position: bottom;
}
*/


.scd_control_prev,
.scd_control_next{
    width: 49px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    background-color: #fff;
    font-size: 0;
    position: relative;
	float:left;
}
.scd_control_prev:hover,
.scd_control_next:hover{opacity: 0.5;}
.scd_control_prev {}
.scd_control_next {}

.scd_control_next:before,
.scd_control_next:after,
.scd_control_prev:after,
.scd_control_prev:before{
    content: '';
    width: 13px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 52px;
    left: 20px;
    }

.scd_control_next:before {
    transform: rotate( 45deg);
    margin-top: -8px;
}
.scd_control_next:after {
    transform: rotate( -45deg);
}


.scd_control_prev:after {
    transform: rotate( 45deg);
}
.scd_control_prev:before {
    transform: rotate( -45deg);
    margin-top: -8px;
}


.scd_date_ul {
    display: inline-block;
    vertical-align: top;
}
.scd_date_ul>li {
    width: 88px;
    /* width: 84px; */
    height: 100px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-weight: 300;
    color: #000000;
}
.scd_date_ul>li.today {font-weight: 600; }
.scd_date_ul>li.active{    font-weight: 600; background:#edf5e5;}

.scd_date_ul>li.blue_day{
    color: #4449C1;
}
.scd_date_ul>li.red_day {
    color: #E44126;
}
.scd_date_ul>li:hover:after{content:'';width: 100%;height: 3px;background-color: #000;position: absolute;left: 0;bottom: 0;}
.scd_date_ul>li:hover{
    font-weight: 700;
    background-color: #F7F7F7;
}
.scd_date_ul>li>button {
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: inherit;
    border: 0;
    background-color: transparent;
    color: inherit;
    transition: .2s;
}
.scd_date_ul .month {
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background-color: #fff;
    border: 1px solid #E4E4E4;
    border-radius: 30px;
    width: 80px;
    height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	z-index:1
}
.scd_date_ul .date {
    display: block;
}
.scd_date_ul .text {
    display: block;
}

.datepicker.scd_picker{
    width: 500px;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
}
.datepicker.scd_picker .datepicker--nav{
    height: 70px;
    border: 0;
}
.datepicker.scd_picker i.datepicker--pointer{display: none;}
.datepicker.scd_picker .datepicker--nav-title{
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}


.datepicker.scd_picker .datepicker--nav-title i{
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}
.datepicker.scd_picker .datepicker--day-name {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}
.datepicker.scd_picker .datepicker--day-name.-weekend-{color: #4449C1;}
.datepicker.scd_picker .datepicker--day-name.-weekend-:nth-child(7n+1) {color: #E44126;}

.datepicker.scd_picker .datepicker--cell-day.-weekend- {
    color: #4449C1;
}
.datepicker.scd_picker .datepicker--cell-day.-weekend-:nth-child(7n+1) {color: #E44126;}
.datepicker.scd_picker .datepicker--cell-day.-other-month-, 
.datepicker.scd_picker .datepicker--cell-year.-other-decade- {
    opacity: 0.2;
}

.datepicker.scd_picker .datepicker--cells-days{
    padding: 10px;
}
.datepicker.scd_picker .datepicker--cell-day {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    height: 47px;
    width: 47px;
    margin: 4px 10px;
}
.datepicker.scd_picker .datepicker--days-names {
    padding: 0 10px;
}
.datepicker.scd_picker .datepicker--cell.-current-{color: #CE983C;}
.datepicker.scd_picker .datepicker--cell-day.-current-,
.datepicker.scd_picker .datepicker--cell.-selected-, 
.datepicker.scd_picker .datepicker--cell.-selected-.-current-,
.datepicker.scd_picker .datepicker--cell.-focus-{
    background-color: rgba(206, 152, 60, 0.5);
}
/*}scd_date*/




/*}sect_scd*/


@media screen and (max-width: 1280px) {

.scd_calendar {left: 10px ;}

.scd_date_ul {width:90%;}
.scd_date_ul>li {    width: 7.14%;}
    
}

@media screen and (max-width: 1024px) {


.scd_date_ul {width:88%;}

    
}


@media screen and (max-width: 768px) {

	/*sect_scd{*/
	.sect_scd {
		margin-top: 48px;
	}
	.sect_scd .wrapper{
		padding: 0;
	}
	.scd {}
	/*scd_date{*/

		
	.scd_date_ul {width:100%;}

	.scd_date {
		position: relative;
		border-top: 1px solid #E4E4E4;
		border-bottom: 1px solid #E4E4E4;
		padding-right: 0;
		padding: 0 15px;
	}
	.scd_date_list {
		font-size: 0;
		padding-left: 60px;
	}

	.scd_date_list .scd_day_box
	{
	}

	.scd_control_prev,
	.scd_control_next{
		display: none;
	}

	/*
	.scd_control_prev:hover,
	.scd_control_next:hover{opacity: 0.5;}
	.scd_control_prev {}
	.scd_control_next {}

	.scd_control_next:before,
	.scd_control_next:after,
	.scd_control_prev:after,
	.scd_control_prev:before{
		content: '';
		width: 13px;
		height: 2px;
		background: #000;
		position: absolute;
		top: 52px;
		left: 20px;
		}

	.scd_control_next:before {
		transform: rotate( 45deg);
		margin-top: -8px;
	}
	.scd_control_next:after {
		transform: rotate( -45deg);
	}


	.scd_control_prev:after {
		transform: rotate( 45deg);
	}
	.scd_control_prev:before {
		transform: rotate( -45deg);
		margin-top: -8px;
	}

	.scd_calendar {position: absolute;top: 10px;left: 10px ;}
	.scd_calendar  a {padding:5px 5px; }


	.scd_date_ul {
		display: block;
		vertical-align: top;
	}
	.scd_date_ul>li {
		width: 14.2857%;
		height: 65px;
	}
	.scd_date_ul>li:nth-child(n+8){
		display: none;
	}
	.scd_date_ul>li.today{
		font-weight: 700;
	}

	.scd_date_ul>li.blue_day{
		color: #4449C1;
	}
	.scd_date_ul>li.red_day {
		color: #E44126;
	}
	.scd_date_ul>li:hover:after{content:'';width: 100%;height: 3px;background-color: #000;position: absolute;left: 0;bottom: 0;}
	.scd_date_ul>li:hover{
		font-weight: 700;
		background-color: #F7F7F7;
	}
	.scd_date_ul>li>button {
		font-size: 14px;
	}
	.scd_date_ul .month {
		top: -13px;
		font-size: 14px;
		width: 55px;
		height: 25px;
	}
	.scd_date_ul .date {
		display: block;
	}
	.scd_date_ul .text {
		display: block;
	}
	*/

/*
    .scd_calendar {left: 15px;width: 33px;}
.scd_calendar .sftext{
    width: 33px;
    height: 41px;
}
.scd_calendar input {
    
}
.scd_calendar label {
}
.scd_calendar label:after{width: 15px;height: 15px;background-size: 14px 30px;}
.scd_calendar .sftext:hover{
    background-color: #404040;
    border-color: #404040;
}
.scd_calendar .sftext:hover label:after{
    background-position: bottom;
}
*/
    /*
.datepicker.scd_picker{
    width: calc(100vw - 50px);
    border: 1px solid #E4E4E4;
    border-radius: 5px;
}
.datepicker.scd_picker .datepicker--nav{
    height: 50px;
    border: 0;
}
.datepicker.scd_picker i.datepicker--pointer{display: none;}
.datepicker.scd_picker .datepicker--nav-title{
    font-size: 16px;
}


.datepicker.scd_picker .datepicker--nav-title i{
    font-size: 16px;
}
.datepicker.scd_picker .datepicker--day-name {
    font-size: 16px;
}


.datepicker.scd_picker .datepicker--cells-days{
    padding: 10px;
}
.datepicker.scd_picker .datepicker--cell-day {
    font-size: 16px;
    height: 35px;
    width: 14.28571%;
    margin: 0;
}
.datepicker.scd_picker .datepicker--days-names {
    padding: 0 10px;
}
*/


    
/*}scd_date*/

/*}sect_scd*/



    

}