
.cxcalendar{display:none;position:absolute;width:200px;color:#333;font:12px Arial;border:1px solid #ccd1d9;background:#fff;border-radius:3px;box-shadow:1px 2px 3px rgba(0,0,0,0.2);color:#434a54;z-index:10000;}
.cxcalendar_hd{position:relative;height:22px;padding:8px 5px 0;background:#fff;}

.cxcalendar_hd .prev,
.cxcalendar_hd .next{position:absolute;top:10px;width:9px;height:10px;padding:3px 4px;border:1px solid #fff;border-radius:2px;color:#333;font:0/0 Arial;text-decoration:none;outline:0;
*top:8px;
*height:14px;
*font:bold 14px/14px Arial;
}
.cxcalendar_hd .prev{left:8px;}
.cxcalendar_hd .next{right:8px;}
.cxcalendar_hd .prev:before,
.cxcalendar_hd .next:before{content:'';display:block;font:0/0 Arial;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.cxcalendar_hd .prev:before{border-right:9px solid #333;}
.cxcalendar_hd .next:before{border-left:9px solid #333;}

.cxcalendar_hd .intxt{width:130px;margin:0 auto;border:1px solid #fff;border-radius:3px;font:bold 14px/20px Arial;text-align:center;cursor:pointer;}
.cxcalendar_hd .intxt .y:after{content:'年';margin:0 6px;}
.cxcalendar_hd .intxt .m:after{content:'月';margin-left:6px;}

.cxcalendar_hd .prev:hover,
.cxcalendar_hd .next:hover,
.cxcalendar_hd .intxt:hover{border:1px solid #aab2bd;background:#e6e9ed;}

.cxcalendar_hd .inset{display:none;width:130px;margin:0 auto;text-align:center;}
.cxcalendar_hd .inset .year,
.cxcalendar_hd .inset .month{box-sizing:border-box;height:22px;margin:0;padding:0;border:1px solid #aab2bd;border-radius:3px;background:#fff;font:14px/22px Arial;}
.cxcalendar_hd .inset .month{margin-left:10px;}

.cxcalendar_bd{position:relative;padding:0 2px 8px;font:12px/24px Arial;text-align:center;z-index:1;}
.cxcalendar_bd ul{overflow:hidden;margin:0;padding:0;list-style:none;}
.cxcalendar_bd ul li{float:left;width:24px;height:24px;margin:0;padding:0;border:2px solid #fff;border-radius:5px;}
.cxcalendar_bd .week{color:#aab2bd;}
.cxcalendar_bd .days{color:#656d78;}
.cxcalendar_bd .days li{cursor:pointer;}
.cxcalendar_bd .days li:hover{background:#e6e9ed;}
.cxcalendar_bd .days .sat{color:#4a89dc}
.cxcalendar_bd .days .sun{color:#da4453;}
.cxcalendar_bd .days .now{background:#e6e9ed;}
.cxcalendar_bd .days .holiday{color:#da4453;}
.cxcalendar_bd .days .other{color:#ccd1d9;}
.cxcalendar_bd .days .del{color:#ccd1d9;text-decoration:line-through;cursor:default;}
.cxcalendar_bd .days .selected,
.cxcalendar_bd .days .selected:hover{border-radius:50%;background:#8cc152;color:#fff;}
.cxcalendar_bd .other.selected{background:#ccd1d9;}

.cxcalendar_lock{display:none;position:absolute;top:0;left:0;background:#fff;z-index:9999;filter:alpha(opacity=0);opacity:0;}


.cxcalendar_en .cxcalendar_hd .intxt .y:after{content:'-';margin:0 6px;}
.cxcalendar_en .cxcalendar_hd .intxt .m:after{display:none;content:'';}


.cxcalendar_holyday .cxcalendar_bd .days .holiday{overflow:hidden;}
.cxcalendar_holyday .cxcalendar_bd .days .holiday:before{content:attr(title);display:block;}

.cxcalendar_bg {width: 100px;height:18px;border: 1px solid #555; border-radius: 3px; background: url("../images/cxcalendar.png") no-repeat right center content-box;font: 14px/18px Arial;cursor: pointer;}

fieldset{margin:1em 0;padding:10px 20px;border:1px solid #ccc;border-radius:5px;}
fieldset legend{font:bold 14px/2 "\5fae\8f6f\96c5\9ed1";}
fieldset input[type="text"]{width:100px;height:18px;padding:4px;border:1px solid #555;border-radius:3px;background:url("http://code.ciaoca.com/jquery/cxcalendar/demo/img/cxcalendar.png") no-repeat right center content-box;font:14px/18px Arial;cursor:pointer;}
fieldset .cxbtn_group{display:block;margin:10px 0 0 0;}
fieldset .cxbtn_group + .cxbtn_group{margin:10px 0 0 0;}
