/********************* calendar  ***************************/
.calendar {
	}
.calendar .calendar-top{
	margin-bottom:10px;
	color: #fff;
	font: 23px/40px 'thaisanslite', Arial, sans-serif;
	text-align:center;
	background: url(../images/media/m3.png) top center no-repeat;
}

.calendar .calendar-mid{

}
.calendar .calendar-bottom{
	float: left;
    width: 100%;
    height: 25px;
    margin: 8px 0 0 0;
    font-size: 14px;
    line-height: 22px;
	text-align:right;
}	
.calendar .calendar-bottom a{
	color:#000;
}
.calendar .calendar-bottom a:hover{
	color:#ff6c00;
}
.calendar2{
	margin-top:0px; 
	height:auto;padding-top: 0;}
.cblock_all {
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px;
	width: 291px;
	height:auto;
}
.c_block_date {
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px;
	width: 186px;
	height: 81px;
}
.c_block_date1 {
	float:right;
	padding:8px 0 0 20px;
	width: 30px;
	height: 22px;
	color: #008aff;
	font-weight:bold;
	font-size:15px;
}
.c_block_nav {
	float:right;
	margin:8px 0px 0px 0px;
	padding: 0px;
	width: 39px;
	height: 14px;
}
.c_block_left {
	float:left;
	margin: 6px 0px 0px 5px;
	padding: 0px;
	width: 20px;
	height: 19px;
}
.c_block_right {
	float: right;
	margin: 6px 5px 0px 0px;
	padding: 0px;
	width: 19px;
	height: 19px;
}

.c_block_date2 {
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px;
	width: 25px;
	height: 29px;
}
.c_block_month_year {
	padding: 0px;
	height: 33px;
}
.c_block_monthall {
	margin:5px 0px 0px 0px;
	padding: 0px 0 0 0px;
	height: 33px;
	background-color:#f8f8f8;
	text-align:center;
	
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.c_block_month {
	height: 33px;
	font-family: Tahoma, Microsoft Sans Serif, MS Sans Serif;
	color: #333;
	font: 17px/33px 'supermarket', Arial, sans-serif;
	text-align:center;
}
.c_block_year {
	height: 29px;
	color: #333;
	font: 17px/33px 'supermarket', Arial, sans-serif;
}
.c_block_year1 {
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 0 0 0px;
	width: 9px;
	height: 29px;
}
.c_block_year1 {
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 0 0 0px;
	width: 9px;
	height: 29px;
}
.c_block_dateall {
	padding:0;
}
.c_block_dateal2 {
	background-color:#fff;
	padding:5px;
	display: inline-block;
	width: 100%;
}
.c_block_dateal2 ul {
	height:auto;
	border-bottom:solid 1px #FFFFFF;
}
.c_block_dateal2 ul li{
	float:left;
	display:table;
	width: 13.5%;
	line-height:36px;
	border-right:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	text-align:center;
	position:relative;
}
.c_font_calendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.c_normalday{
	color: #333333;
	font-size:13px;
}
.c_currentday{
	margin:0 auto;
	width:35px; 	
	height:35px; 
	background:#b2daec;
    color: #333;
    font-size: 13px;

    font-weight: bold;

	text-align:center;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.c_eventday{
	margin:0 auto;
	width:37px; 	
	height:39px; 
	background:#f5971d;
	color: #fff;
	font-size:13px;
	background-position: 0px 0px;
	text-align: center;	
	font-weight:bold;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.c_eventday a{

	color: #FFFFFF;
}
/*popup??????????*
#MyEvent{
	float:left;
	padding-left:5px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:14px;
	background:url(../images/alpha.png) top left repeat;
	color:#f9e89d;
	border:solid 1px #3e3e41;
	position:fixed;
	display:none;
	min-width:180px;
	text-align:l
}*/

.event_day {
  height: auto;
  padding: 6px;
  padding-left: 20px;
  width: 280px;
  border: 1px solid;
  background: url(../images/alpha.png) top left repeat;
  position: absolute;
  display: none;
  margin-top: -25px;
  margin-left: -200px;
  font-family: Arial, Helvetica, sans-serif;
  /* font-size: 13px; */
  line-height: 48px !important;
}
	/*
	.event_day{
		float:left;
	padding-left:5px;
	background: url(../images/alpha.png) top left repeat; 
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:14px;
	color:#f9e89d;
	border:solid 1px #3e3e41;
	position:fixed;
	display:none;
	min-width:180px;
	text-align:l
	}*/
/****************************************vdo*******************************************/
.vdo{
}
.vdo .top{
	margin-bottom:10px;
	color: #fff;
	font: 23px/40px 'thaisanslite', Arial, sans-serif;
	text-align:center;
	background: url(../images/media/m2.png) top center no-repeat;

}
.vdo .mid{
	height:auto;
	margin:0;
	padding:14px;

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(250,250,250,1)), color-stop(50%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=0 );

}
.vdo .bottom{
	display:inline-block;
	height:auto;
	padding:15px;
	font-size: 14px;
	background:#fefefe;
	margin-bottom:10px;
	
	font: 17px/20px'supermarket', Arial, sans-serif;
}
.vdo .bottom a{
	color:#333; 
}
.vdo .bottom a:hover{
	color:#6f0809; 
}
.vdo .bottom2{
	float: right;
	width: 27%;
	height: 21px;
	margin: 8px 0 0 0;
	font-size: 15px;
	background: url(../images/icon/bottom.png) right no-repeat;
	line-height: 22px;
}
.vdo .bottom2 a{
	color:#000; 
}
.vdo .bottom2 a:hover{
	color:#ff6c00; 
}
/***********************/
.ebook{

}
.ebook .top{
	margin-bottom:10px;
	color: #fff;
	font: 23px/40px 'thaisanslite', Arial, sans-serif;
	text-align:center;
	background: url(../images/media/m1.png) top center no-repeat;

}
.ebook .mid{
	height:218px;
	background: url(../images/media/cherngtalay_0013.png) bottom center no-repeat;
}
.ebook .mid .pic{
	float:left;
	width:100%;
	height:164px;
}
.ebook .mid .pic img{
	display:block;
	margin-left:50px;
}
.ebook .mid .title{
	float:left;
	width:92%;
	padding:4%;
	margin-top:27px;
	margin-bottom:10px;
	font: 17px/20px'supermarket', Arial, sans-serif;
	
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(250,250,250,1)), color-stop(50%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=0 );
}

.day-title{
	height:30px;
    background-color: #f8f8f8;
    text-align: center;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
	}
.day-title ul li{
    float: left;
    display: table;
    width: 13.5%;
    line-height: 30px;
    border-right: solid 1px #f8f8f8;
    border-bottom: solid 1px #FFFFFF;
    text-align: center;
	font-size:12px;
	font-weight:bold;
	}

.mini-status{
	position:absolute;
	width:39%;
	top:2px;
	 left:36%; /*right:36%;*/
	}
.mini-confirm{
	float:left;
	width:5px;
	height:5px;
	margin:1px;
	background:#73a738;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
.mini-wait{
	float:left;
	width:5px;
	height:5px;
	margin:1px;
	background:#fd7726;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}