.pn_calendar_list_container{
	margin: 0 auto;
	width:847px;
	background-color:#9cb8c8;
	overflow: hidden;
    color: #555;
    box-shadow: 0 0 50px -14px rgba(0, 0, 0, .8);
	
	
}
.pn_calendar_list {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
.pn_calendar_list li {
	float: left;
	margin: 0;
	padding: 0;
	position:relative;

}
.pn_calendar_list a {
	color: #fff;
	font-size: 14px;
	font-weight:normal;
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.5);*/
	width:121px;
	height: 35px;
	padding: 6px;
	/*border-right:#e0e0e0 1px solid;
	border-bottom:#e0e0e0 1px solid;*/
	text-align: center;
	vertical-align: text-bottom;
	text-transform: uppercase;
	transition: background .3s; 
	-webkit-transition: background .3s;
	 font-family: open sans;

}
.pn_calendar_list a:hover {
	background: #ddd; color:#000;
}

.pn_this_month{
	background-color: #fff;
}
.pn_other_month{
	background-color: #1cb8a1;
}
.pn_active_day{
	background-color: #9d3d5c;
}

.pn_cal_cell_ev_counter{
	position: absolute;
	width: 40px;
	height: 36px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin: 1px 0 0 127px;
	display: block;
	text-align: center;
	font-size: 21px;
	color: orange;
	background: red;
	line-height: 35px;
}

.pn_cal_cell_ev_start_select_h, .pn_cal_cell_ev_start_select_m,
.pn_cal_cell_ev_finish_select_h, .pn_cal_cell_ev_finish_select_m{
	width: 70px !important;
}

#pn_calendar_info_popup {
	position: fixed;
	top: 48%;
	left: 52%;
	margin-left: -150px;
	width: 300px;
	display: none;
	overflow: hidden;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(0,0,0,.6);
	-webkit-box-shadow: 
		inset 0 0 0 1px rgba(0,0,0,.6), 
		inset 0 0 0 2px rgba(255,255,255,.2);
	-moz-box-shadow: 
		inset 0 0 0 1px rgba(0,0,0,.6), 
		inset 0 0 0 2px rgba(255,255,255,.2);
	box-shadow: 
		inset 0 0 0 1px rgba(0,0,0,.6), 
		inset 0 0 0 2px rgba(255,255,255,.2);
	color: #fff;
	font-size: 16px;
	z-index: 999999;	
}

.pn_calendar_popup_err{
	display: none;
	color:white;
	background-color: red;
	border:solid 1px yellow;
	padding: 5px;
}

.pn_calendar_list .cal_dat_height a{ height:120px; color:#555; text-align:left;border-right:#e0e0e0 1px solid;	border-bottom:#e0e0e0 1px solid; transition: background .3s;  -webkit-transition: background .3s;}
.pn_calendar_list .cal_dat_height a:hover{border:0;}

.other_month{ background: #fff; color: #999;}


.extcal_minical-mid-calc:last-child {
    margin-right: 0;
}

.extcal_minical-mid-calc {
    margin-right: 4px;
    box-shadow: -3px 4px 5px -3px #A2A29F;
}

.extcal-margin-left {
    margin-left: 20px !important;
}

.about-design p iframe{width:560px; height: 485px;margin-left: 10px;}



@media (max-width:768px) {
.pn_calendar_list li { float: left; margin: 0; padding: 0; position: relative; width: 14.28571428571429%; }
.pn_calendar_list a { width: 100%; height: auto; font-size: 12px; float: left; }
.pn_calendar_list_container{width:100%;}
.about-design p iframe {width: 100%;height: 100%;margin-left: 0px ; padding-left: 0px;}

}


@media (max-width:414px) {
.pn_calendar_list li { float: left; margin: 0; padding: 0; position: relative; width: 14.28571428571429%; }
.pn_calendar_list a { width: 100%; height: auto; font-size: 8px; float: left; }

}

/*@media (max-width:384px) {
.pn_calendar_list a { width:48px; height: auto; font-size: 8px; }

}*/