/********************* 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;
}