._fnctWrap{line-height:1.5}

.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}

.switch-btn{text-align:right;margin-bottom:10px}
.switch-btn li{display:inline-block}
.switch-btn li a{position:relative;display:block;width:45px;height:45px}
.switch-btn li:first-child a{background:url(../images/scheduler.png) center center no-repeat}
.switch-btn li:first-child a::after{content:'';position:absolute;width:1px;height:20px;right:-2px;top:13px;background-color:#ddd}
.switch-btn li:first-child a.ac{background:url(../images/scheduler-on.png) center center no-repeat}
.switch-btn li:last-child a{background:url(../images/sche-list.png) center center no-repeat}
.switch-btn li:last-child a.ac{background:url(../images/sche-list-on.png) center center no-repeat}

.schedule{display:none}
.schedule.ac{display:block}

.alb-head{padding:5px;background:url(../images/pattern.png) #fff;margin-bottom:35px}
.alb-head .inner{background-color:#fff}
.alb-head .top{position:relative; text-align: center; padding: 20px 0;}
.alb-head .top h3{position: relative; display: inline-block; color:#a90057;font-size:24px; line-height: 30px; text-align:center;padding:0 75px;font-weight: 500;}
.alb-head .top h3::before, .alb-head .top h3::after {content: ""; position: absolute; width: 68px; height: 27px; top: 0;}
.alb-head .top h3::before {background: url("../images/title_bg_left.png") no-repeat; left: 0; }
.alb-head .top h3::after {background: url("../images/title_bg_right.png") no-repeat; right: 0; }

.alb-head .btm > button{position:absolute;top:0;width:120px;height:100%;border:0;padding:0; font-size: 17px; color: #444444; font-weight: 500;}
.alb-head .btm > button.prev{background:url(../images/month-prev.png) no-repeat left center;left:30px}
/* .alb-head .btm > button.year-prev{display:none;background:url(../images/year-prev.png) no-repeat left center;left:30px} */
.alb-head .btm > button.next{background:url(../images/month-next.png) no-repeat right center;right:30px}
/* .alb-head .btm > button.year-next{display:none;background:url(../images/year-next.png) no-repeat right center;right:30px} */

.alb-head .btm {position: relative; border-top:1px solid #d2d2d2;padding:15px 100px;overflow: hidden; text-align: center;}
.alb-head .btm ul{padding:0 50px;overflow:hidden; }
.alb-head .btm ul li{float:left;width:calc(100% / 12);text-align:center}
.alb-head .btm ul li a{display:inline-block;color:#333;font-size:16px;border-radius:20px;background-color:#fff;padding:5px 20px;font-weight: 400;transition:ease-in-out .2s;}
.alb-head .btm ul li a:hover,.alb-head .btm ul li a.ac{color:#fff;background-color:#A90057}

.sche-alb .alb-body{overflow:hidden}
.sche-alb .alb-body .sche-tab{float:left;width:34%;margin-right: 6%;border:1px solid #ccc;padding:0 0 20px}
.sche-alb .alb-body .sche-tab table{width:100%!important}
.sche-alb .alb-body .sche-tab strong{display:inline-block;width:100%;font-size:24px;text-align:center;padding:18.5px 10px;box-sizing:border-box;color:#333333;font-weight: 500;}
.sche-alb .alb-body .sche-tab strong span{color:#a90057}
.sche-alb .alb-body .sche-tab thead tr{background-color:#A90057}
.sche-alb .alb-body .sche-tab th{color:#fff;padding:15px 0;font-size:14px;font-weight: 600;}
.sche-alb .alb-body .sche-tab td{padding:15px 5px}
.sche-alb .alb-body .sche-tab td:first-child p{color:#ff1800}
.sche-alb .alb-body .sche-tab td:last-child p{color:#004fd2}
.sche-alb .alb-body .sche-tab tr:first-child td {padding-top: 30px;}
.sche-alb .alb-body .sche-tab td p{display:inline-block;width:30px;height:30px;line-height:29px;border-radius:50%;background-color:#fff;margin:0 auto;color:#666}
.sche-alb .alb-body .sche-tab td.marked p{background: #FAD58C; border-radius: 50%;}
.sche-alb .alb-body .sche-tab td.marked{position:relative}

.sche-alb .alb-body .sche-comt{float:right;width:60%;}
.sche-alb .alb-body .sche-comt table::before{content:"";width:100%;height:1px;display:block;position:absolute;background-color:#43505D;bottom:0; z-index: 1;}
.sche-alb .alb-body .sche-comt table{position:relative;width:100%!important; background: url("../images/scheduler_bg.png") no-repeat right bottom;}
.sche-alb .sche-comt{border-top:2px solid #43505D}
.sche-alb .sche-comt th,.sche-alb .sche-comt td{padding:15px 25px;border-bottom:1px solid #CCD0D7}
.sche-alb .sche-comt th:last-child,.sche-alb .sche-comt td:last-child{border-left: 1px solid #CCD0D7;}
.sche-alb .sche-comt th{position:relative;font-size:15px;vertical-align:top; color: #1b1b1b;font-weight: 400;background: #F9F9F9;}
.sche-alb .sche-comt .col_1{width:21%}
.sche-alb .sche-comt .col_2{width:79%}
.sche-alb .sche-comt td{text-align:left;font-size:15px;color:#666;width:79%;vertical-align:top;font-weight: 400;}
.sche-alb .sche-comt td a {color: #666;}

.table-tail{text-align:right;margin-top:5px}
.table-tail p{display:inline-block;color:#183d93;font-size:16px;background:url(../images/box-tail.png) left 7px no-repeat;padding:10px 0 10px 35px}

.sche-list .list-body{border-top:2px solid #43505d}
.sche-list .time-line{border-bottom:1px solid #c6cace;padding:30px 40px;overflow:hidden}
.sche-list .time-line dt{float:left;width:25%;min-height:210px;text-align:center;background:url(../images/month-bg.png) top center no-repeat;padding-top:30px}
.sche-list .time-line dt div{min-height:137px;background:url(../images/month-shield.png) top center no-repeat}
.sche-list .time-line dt strong{font-size:60px;color:#fff}
.sche-list .time-line dt span{font-size:20px;color:#fff}
.sche-list .time-line dt p{color:#fff}
.sche-list .time-line dd{float:right;width:75%;color:#666;border-left:1px solid #c6cace;padding-left:35px;box-sizing:border-box}
.sche-list .time-line dd li{background:url(../images/sche-bul.png) left center no-repeat;padding-left:20px;margin:10px 0}
.sche-list .time-line dd span{display:inline-block;width:100%;max-width:160px;color:#1b1b1b;margin-right:30px}


.table-indicated{float:right;margin-top:10px;color:#006276;}
.table-indicated.yearsch-info {margin-top: 0; margin-bottom: 5px;}
.table-indicated p{padding-left:25px;background:url(../images/indicated-icon.png) no-repeat left center;font-size: 13px; line-height: 30px; color: #f76300; font-weight: 300;}
.table-indicated::after{content:"";display:table;clear:both}

#layer_planner{display:none;position:fixed;left:50%;top:50%;width:90%;max-width:660px;z-index:21;transform:translate(-50%,-50%);padding:30px;background:#fff;border:1px solid #d1d1d1}
#layer_planner.on{display:block}
#layer_planner h1{position:absolute;left:0;top:0;width:100%;padding:25px 29px;background-image:url(../images/alert_header.jpg);color:#fff;font-size:21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#layer_planner .btn_close{background:#A90057;border:1px solid #A90057;display:block;cursor:pointer;font-size:14px;height:40px;line-height:36px;text-align:center;min-width:80px;margin:0 auto;margin-top:20px;border-radius:100px;color:#fff}
#layer_planner table{position:relative;margin-top:86px}
#layer_planner table:after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:#000}
#layer_planner thead th{padding:14px 10px;font-weight:400;background:#f7f8f9;color:#000;border-right:1px solid #dddee0;border-bottom:1px solid #dddee0;font-size:18px}
#layer_planner thead th.small{padding:15px 10px;font-size:17px}
#layer_planner tbody th{padding:13px 15px;font-weight:400;background:#fbfbfb;color:#666;border-right:1px solid #dddee0;border-bottom:1px solid #ccd0d7;font-size:17px}
#layer_planner tbody td{padding:13px 15px;background:#fff;color:#666;border-bottom:1px solid #dddee0;font-size:17px;text-align:left}
#layer_planner .list li{position:relative;padding-left:8px}
#layer_planner .list li:after{content:'';position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:100%;background:#666}
#layer_planner .align-l{text-align:left}
#layer_planner .align-c{text-align:center}
#layer_planner .align-r{text-align:right}

.sche-alb .search{display:none}

#timeTableList{border-top:2px solid #000;clear:both}
#timeTableList .wrap {display: table; width: 100%; table-layout: fixed; padding: 30px 0px;border-bottom:1px solid #C6CACE;}
#timeTableList li{padding:27px 0;width:50%; display: table-cell; vertical-align: top;}
#timeTableList li:nth-child(odd){border-right:1px solid #C6CACE}
#timeTableList li .month-box {display: table; width: 100%; table-layout: fixed;}
#timeTableList li .month-background{width:220px; display: table-cell; position:relative;min-height:184px; vertical-align: top;}
#timeTableList li h3{width:184px;height:184px;text-align:center;font-size:20px;background:url("../images/month_bg.png") no-repeat center;color:#333;line-height:1;padding:1px;margin:0 auto;position:relative;top:7px}
#timeTableList li h3 .month-count{margin-top:40px;display:block;color:#fff;font-size: 20px; font-weight: 400;}
#timeTableList li h3 .month-count span {display: inline-block; font-size: 50px; }
#timeTableList li h3 .month-name{display:block;font-size:14px;line-height:1;margin-top:12px;color:#fff;}
#timeTableList li .month-content{display: table-cell; vertical-align: top;}
#timeTableList li .month-content .schd-wrap{margin-bottom:10px; padding-left: 20px; background: url("../images/month_list_arrow.png") no-repeat left 7px;}
#timeTableList li .month-content .schd-wrap:last-child{margin-bottom:0}
#timeTableList li .month-content .schd-wrap::after{content:"";display:table;clear:both}
#timeTableList li .month-content .schedule-date{font-size:15px;float:left;color:#1b1b1b;width:165px}
#timeTableList li .month-content .schedule-main a{color:#666;font-size:16px;float:right;width:calc(100% - 165px)}

@media all and (max-width: 1023px) {
	.alb-head .btm ul{padding:0 25px}
	.alb-head .btm ul li{width:calc(100% / 6 - 1px)}
	.alb-head .btm ul li a{padding:5px 10px}
	.sche-alb .alb-body .sche-tab{float:none;width:100%;margin:0 auto}
	.sche-alb .alb-body .sche-comt{float:none;width:100%;margin-top:30px}
	.sche-list .time-line dt{float:none;width:100%;max-width:250px;margin:0 auto}
	.sche-list .time-line dd{float:none;width:100%;border:1px solid #c6cace;padding:35px}
	.sche-list .time-line{padding:30px}
}

@media all and (max-width: 768px) {
	.sche-alb .alb-body .sche-comt table::after{width:150px;height:150px;background-size:cover}
	.sche-alb .sche-comt .col_1{width:30%}
	.sche-alb .sche-comt .col_2{width:70%}
	.alb-head .top button.prev{left:20px}
	.alb-head .top button.year-prev{left:0}
	.alb-head .top button.next{right:20px}
	.alb-head .top button.year-next{right:0}
	.alb-head .top button{width:105px}
	.alb-head .btm ul{padding:0 20px}
	.alb-head .btm ul li{width:calc(100% / 4 - 1px)}
	.alb-head .top h3{font-size:18px}
	.sche-list .time-line{padding:20px}
	.sche-list .time-line dd{padding:20px}

	.layer_table {overflow-y: auto; padding-bottom: 10px;}
	.layer_table table {width: 600px;}
	#layer_planner tbody th, #layer_planner tbody td {font-size: 14px;}

	.layer_table::-webkit-scrollbar {height: 5px;}
	.layer_table::-webkit-scrollbar-thumb {background-color: #A90057;border-radius: 15px;}
	.layer_table::-webkit-scrollbar-track {background-color: #ccc;border-radius: 15px;}
}

@media all and (max-width: 500px) {
	.alb-head .btm {padding: 0 0 15px; padding-top: 50px;}
	.alb-head .btm > button {height: auto; top: 10px;}
	.alb-head .btm ul {width: 100%;}
}

@media all and (max-width: 1400px) {
	#timeTableList .wrap,
	#timeTableList li {display: block; width: 100%;}
	#timeTableList li:nth-child(odd) {border-right: 0;}
	#timeTableList .wrap {padding: 0; border: 0;}
	#timeTableList .wrap li {border-bottom: 1px solid #C6CACE}
}

@media all and (max-width: 1024px) {
	#timeTableList li{width:100%;float:none}
	#timeTableList li:nth-child(odd){border-right:0}
	#timeTableList li .month-background{width:180px}
	#timeTableList li .month-content{width:calc(100% - 180px)}
}

@media all and (max-width: 768px) {
	#timeTableList li .month-box,
	#timeTableList li .month-background,
	#timeTableList li .month-content {display: block; width: 100%;}
	#timeTableList li .month-content {padding-left: 0;}
	#timeTableList li .month-background {margin: 0 0 30px 0; border-right: 0}
	.sche-alb .sche-comt th,
	.sche-alb .sche-comt td {font-size: 16px;}
}