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