/* initialization  初始化样式 */
body,h1,h2,h3,h4,p,dl,dt,dd,ul,li,form,th,td,table,label,article, aside, dialog, footer, header, section, footer, nav, figure,hgroup{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* 解释：将多个HTML元素的外边距、内边距、边框、轮廓、字体大小、垂直对齐方式设为默认值，并将背景设为透明 */

body,button,input,select,textarea,li,dt,dd,div,p,span{font:12px/1 Arial;}
/* 解释：为多个元素设置字体为Arial，大小为12px，行高为字体大小的1倍 */

article,aside,dialog,footer,header,section,footer,nav,figure,hgroup{display:block;}
/* 解释：将HTML5的新元素设为块级元素，确保在旧浏览器中能正确显示 */

ul{list-style:none;}        /* 解释：去除无序列表的默认样式（项目符号） */
img{border:none;}          /* 解释：去除图片的默认边框 */
em,b{font-style:normal;}  /* 解释：将强调和加粗元素的字体样式设为正常 */
b{font-weight:normal;}   /* 解释：将加粗元素的字体粗细设为正常 */
a{cursor:pointer;}      /* 解释：将链接的鼠标指针设为手型 */
button,input,select,textarea{font-size:100%;outline:0;vertical-align:middle;margin:0;padding:0;} 
/* 解释：为表单元素设置默认样式，包括字体大小、去除轮廓、垂直对齐方式、外边距和内边距 */

table{border-collapse:collapse;border-spacing:0;}  /* 解释：将表格的边框合并，并去除单元格之间的间距 */
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;} 
/* 解释：为使用了.clearfix类的元素添加一个伪元素，用于清除浮动 */

.clearfix{clear:both;zoom:1;}   /* 解释：清除浮动，并在IE浏览器中触发hasLayout属性 */

/* public  公共样式*/
a{text-decoration:none; color:#333;}                    /* 解释：去除链接的下划线，并将颜色设为深灰色 */
a:hover{text-decoration:underline; color:#e60012;}     /* 解释：当鼠标悬停在链接上时，添加下划线，并将颜色设为红色 */


/* hd 头部样式（#hd） */
#hd{position:relative; height:70px; border:1px solid #e5e5e5; background:#fcfcfc;}
/* 解释：设置一个具有相对定位的头部区域，高度为70px，有浅灰色边框和更浅的灰色背景 */

/* common div  公共容器样式*/
/*==========logo==========*/
#logo{position:absolute; top:50px; left:32px; width:200px; height:45px;}
/* 解释：设置logo的绝对定位，位于头部区域的左上角，指定了宽度和高度 */

/*==========search 搜索==========*/
.search-box{position:relative; float:left; margin:15px 0 0 232px; width:525px; height:50px; display:inline; overflow:hidden;}
.search-box .search-logo{position:relative; float:left; margin:0 8px 0 0; width:67px; height:23px; overflow:hidden;}
/* 解释：设置一个具有相对定位的搜索框区域，向左浮动，指定了外边距、宽度和高度 */

.search-box .search-logo img{position:absolute; left:0;}
.search-box .zhida img{top:-54px;}
.search-box .baidu img{top:-26px;}
.search-box .google img{top:0;}
.search-box .search-area{float:left;}
.search-box .search-area .input-text{margin:0 5px 0 0; padding:0 0 0 3px; width:337px; height:24px; line-height:24px; font-size:14px; border:1px solid #7e9dba; background:#fff; overflow:hidden;}
.search-box .search-area .search-btn{width:84px; height:26px; line-height:22px; text-align:center; font-size:14px; cursor:pointer;}
.search-box .search-radios{position:absolute; top:28px; left:77px; height:20px; line-height:20px;}
.search-box .search-radios label{padding:0 5px 0 0; color:#333;}
.search-box .search-radios input{vertical-align:middle;}
/*==========fun-list==========*/
.quick-menu{position:absolute; top:5px; right:10px; width:130px; overflow:hidden;}
.quick-menu a{position:relative; left:10px; padding:0 7px; width:50px; line-height:22px; color:#676767; border-right:1px solid #eee7ee;}
.quick-menu a:hover{color:#e60012;}
/*=====================================================================================================================*/
/* div container */
#wrap{position:relative; margin:0 auto; padding:5px 0 0; width:960px;}
#bd{position:relative; margin:0 0 10px;}
#ft{height:40px; line-height:40px; text-align:center; color:#666;}
#ft a{color:#2d80c4;}
#ft a:hover{color:#e60012;}
/* common div */
/*==========crumbs==========*/
.crumbs{height:30px; line-height:30px;}
.crumbs a{color:#2b7ec2;}
.crumbs a:hover{color:#e60012;}
.crumbs span{color:#8f8f8f;}
/*==========main==========*/	
.main{position:relative; width:718px; overflow:hidden;}
/*==========aside==========*/		
.aside{position:absolute; top:0; right:0; padding:10px 0 0; width:230px; height:auto; border:1px solid #8293be; overflow:hidden;}	
/*==========content==========*/	
.sift-box{padding:10px 0 0 10px; width:708px; height:31px; background:url(../images/wnl/bg_calendar1.png) no-repeat; overflow:hidden;}
.sift-box .left{float:left; margin:0 10px 0 0;}
.sift-box .right{float:right; margin:0 10px 0 0; display:inline;}
.sift-box .btn-pre{margin:0 5px 0 0; width:22px; height:22px; _height:23px; border:0; background:url(../images/wnl/btn_calendar.png) no-repeat 0 -22px; cursor:pointer; overflow:hidden;}
.sift-box .btn-next{margin:0 10px 0 0; width:22px; height:22px; _height:23px; border:0; background:url(../images/wnl/btn_calendar.png) no-repeat 0 0; cursor:pointer; overflow:hidden;}
.sift-box .btn-today{width:85px; height:22px; _height:23px; line-height:22px; font-size:14px; text-align:center; color:#005093; border:0; background:url(../images/wnl/btn_calendar.png) no-repeat 0 -44px; cursor:pointer; overflow:hidden;}
.sift-box select{margin:0 5px 0 0; padding:1px; height:22px; border:1px solid #194c9e;}
.sift-box select option{height:22px;}	
.calendar-container{width:716px;border-left:1px solid #8293be; border-right:1px solid #8293be; border-bottom:1px solid #8293be; overflow:hidden;}
ul.week{width:721px;}
ul.week li{position:relative; float:left; width:101px; height:30px; line-height:30px; text-align:center; font-weight:bold; font-size:16px; color:#333; border-right:1px solid #bdccd9; border-bottom:1px solid #aab4c6;}
ul.week li.weekend{color:#bf4040;}
.calendar-container table tr td{padding:1px; width:100px; height:61px; background:#ecfaff; border-right:1px solid #b8cede; border-bottom:1px solid #b4cbdb;}
.calendar-container div{position:absolute; width:99px; height:59px;background:#ecfaff;}
.calendar-container div.end{width:96px;}
.calendar-container .bg-red{background:#cc6e5a;}
.calendar-container .bg-blue{background:#2b89dd;}
.calendar-container .bg-blue-hover{background:#aed4f4;}
.calendar-container .bg-gray{background:#cdcdcd;}
.calendar-container span{position:absolute; bottom:7px; left:14px; padding:2px 0 0;  font-size:14px; color:#333;}
.calendar-container label{position:absolute; top:8px; left:14px; padding:2px 0 0;  font-size:14px; color:#fff;}
.calendar-container .dateNum{left:auto; top:4px; right:12px; font-weight:bold; font-size:29px;}
.calendar-container .bg-red span{color:#fff;}
.calendar-container .bg-blue span{color:#fff;}
.calendar-container .nonactivated span{color:#cdcdcd;}
.aside{background:url("../images/wnl/bg_right_list.jpg") repeat-x scroll left top #f2f4f6}
.aside p{margin:0 auto; width:210px; text-align:center; line-height:24px; font-size:14px; color:#333;}
.aside p.dateNum{font-size:90px; line-height:90px;}
.aside p b{font-weight:bold;}
.aside p span.happy,span.avoid{padding:0 12px 0 24px; line-height:22px; text-align:left; color:#333; display:block;}
.aside p span.happy{margin:10px 0 0; background:url(../images/wnl/icon_happy.gif) no-repeat 0 3px;}
.aside p span.avoid{background:url(../images/wnl/icon_avoid.gif) no-repeat 0 2px;}
.aside p.line{margin:10px auto 0; padding:0; height:1px; background:#bed0df; overflow:hidden;}
.aside p a{line-height:28px;}
ul.week{url("../images/wnl/bg_week.png") repeat-x; height:30px;}

.clock{position:absolute; top:88px; right:14px;}