/* 
* @author: guodi
* @date:   2015-12-05 00:09:35
* @last modified by:   guodi
* @last modified time: 2016-01-05 20:16:22
*/
body,html{width: 100%; height: 1000px;}
.top{width: 100%;height: 250px; background: #dcdcdc}
.top img{float: right}
.cg {color:#006650;}
#panel {width:980px; height: 730px;left:50%; margin-left:-490px;overflow: hidden; position: absolute; top: 110px;}
#panel .menu{width: 100%;float: left;margin-bottom: 5px;position: relative;}
.menu span{margin-left: .5em;cursor: pointer;font-size: 13px;}
#panel .menu #vol{height: 40px; font-size: 14px; line-height: 40px; text-indent: 1em;  width:120px;color: white;background: #006650;cursor: pointer;}
#panel .menu #vols{position: absolute;top:42px;left:0; height: 640px; overflow-y:auto; z-index: 99; }
#panel #board {width:454px;float: left; margin-top: 40px}
#panel #board-content {width:233px;float: left; margin-left: 30px;height: 100%;margin-top: 40px}
#panel #boards {width:233px;float: left; margin-left: 30px;height: 100%;margin-top: 40px}
#panel #board #boardimage {width:452px; position: relative; height: 640px;border: 1px solid #ccc;background: white}
#panel #board #boardimage #image{position: relative; width:450px; }
.block{width:100%; height: 180px}
.catagory { width:100%;height: 400px}
.catagory .title{width: 100%;text-indent: .5em;font-size: 16px; background: #006650;color:white; height: 40px; line-height: 40px;}
#panel #board #boardimage img{width: 450px; position: absolute; height: auto;}
.article{cursor: pointer;background: pink;filter:alpha(opacity=0);opacity: 0}
.article:hover{background: pink;filter:alpha(opacity=70);opacity: .8}
.article.active{background: pink;filter:alpha(opacity=70);opacity: .8}
#panel ul.board-menu{width: 100%; margin-top: 5px;overflow-x:auto;height:450px}
#panel ul.board-menu li{height: 30px;line-height: 30px; text-indent: 8px;font-size: 14px;margin-top: 5px;cursor: pointer;}
#panel ul.board-menu li:hover{background: #ccc}
#panel ul.board-menu li.active{background: #ccc}
.glyphicon-remove{color: red;font-size: 18px; margin-top: -33px;margin-right: -15px; cursor: pointer;}
.text-overflow{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#panel #article {width: 500px; height: 460px; position: absolute;top:220px; left: 990px; padding:15px;background: white;border: 1px solid #ccc;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;background: ivory}
#panel #article #content{width: 100%;height: 100%;  overflow-y:auto;line-height: 1.7em; }
#content p{text-indent: 2em;}
#content p img{width:calc(100%   1em);height:auto;margin-left:-1em}
#content .toptitle{font-size: 18px; color: #555;text-align: center;line-height: 24px}
#content .title{font-size: 24px;text-align: center;margin-bottom: 15px;line-height: 32px;font-weight: 900}
#content .bottomtitle{font-size: 18px; color: #555;text-align: center;margin-bottom: 15px;line-height: 24px}
.guide{height:300px; width:200px;top:315px; position: absolute;z-index: 999; background: black;opacity: .8 ;color: white}
.guide  ul{width: 100%;}
.guide  ul.board-menu li{height: 30px;line-height: 30px; text-indent: 1em;font-size: 14px;margin-top: 5px;cursor: pointer;width: 100%}
 .guide ul.board-menu li:hover{background: purple}
 #bcmenu span{cursor: pointer; margin-right: 1em}