@import "normalize.css";
/*@import "comp.css";*/

.mobile-menu{position: fixed; top: 0; left: 0; margin-left: -180px; width: 180px; height: 100%; transition: transform 400ms ease 0s; background: #232528; z-index: 0; overflow-y: auto; overflow-x: hidden}

.root{background:url("assets/left-bg.png") 0 0 repeat; transition: transform 400ms ease 0s;}
.leftbg{background:url("assets/left-bg.png") 0 0 repeat;}
.rightbg{background:url("assets/bd-bg.png") 0 0 repeat;}

.headlogo{width:161px; margin:20px auto;}
.headlogo a{display:inline-block; width:161px; height:57px; background:url("assets/sprite.png") 0 0 no-repeat;}

.topmenu{}
.topmenu ul{padding:10px 20px;}
.topmenu ul li{padding:3px 0;}
.topmenu ul li a{color:#444; font: normal 16px open_sansregular, Tahoma, sans-serif}

.search{padding:10px 10px 20px 10px;}
.search input{width:100%; border:none; padding:5px 10px; border-radius:5px;}

.social-btn{margin-bottom: 40px;}
.social-btn a{display:inline-block; width:32px; height:32px; margin-left:10px;}
.social-btn a.facebtn{background:url("assets/sprite.png") 0 -80px no-repeat;}
.social-btn a.tweetbtn{background:url("assets/sprite.png") -42px -80px no-repeat;}
.social-btn a.rssbtn{background:url("assets/sprite.png") -84px -80px no-repeat;}
.social-btn a.googlebtn{background:url("assets/sprite.png") -126px -80px no-repeat;}

.contentlist{}
.contentlist ul{ }
.grid-gallery{overflow:hidden;}
.grid-wrap ul{}
.grid-wrap ul li{float:left; border-radius:5px; width:31%; -webkit-box-shadow: 1px 1px 1px 1px rgba(224, 224, 224, 0.75); -moz-box-shadow:1px 1px 1px 1px rgba(224, 224, 224, 0.75); box-shadow:1px 1px 1px 1px rgba(224, 224, 224, 0.75); margin:0 10px 30px;}
.list-xs ul li{border-radius:5px; -webkit-box-shadow: 1px 1px 1px 1px rgba(224, 224, 224, 0.75); -moz-box-shadow:1px 1px 1px 1px rgba(224, 224, 224, 0.75); box-shadow:1px 1px 1px 1px rgba(224, 224, 224, 0.75); margin:0 0 20px 5px;}
.list-md ul li{float:left; border-radius:5px; width:30%; -webkit-box-shadow: 1px 1px 1px 1px rgba(224, 224, 224, 0.75); -moz-box-shadow:1px 1px 1px 1px rgba(224, 224, 224, 0.75); box-shadow:1px 1px 1px 1px rgba(224, 224, 224, 0.75); margin:0 10px 30px;}
.list-lg ul li{float:left; border-radius:5px; width:23%; -webkit-box-shadow: 1px 1px 1px 1px rgba(224, 224, 224, 0.75); -moz-box-shadow:1px 1px 1px 1px rgba(224, 224, 224, 0.75); box-shadow:1px 1px 1px 1px rgba(224, 224, 224, 0.75); margin:0 10px 30px;}

.grid-wrap ul li .img{width:100%; overflow:hidden; border-radius:5px 5px 0 0;}
.grid-wrap ul li .title{padding:10px; background-color:#ffffff;}
.grid-wrap ul li .title a{color:#444; font: bold 16px open_sansregular, Tahoma, sans-serif}
.grid-wrap ul li .text{color:#bbb; padding:10px;  background-color:#ffffff;}
.grid-wrap ul li .text .date{padding-right:20px;}
.grid-wrap ul li .text a{color:#bbb;}
.grid-wrap ul li .desc{color:#444; font: normal 13px open_sansregular, Tahoma, sans-serif; padding:10px; background-color:#f9f9f9; border-top:1px solid #e4e4e4;}
.grid-wrap ul li .desc a{color:#fff; font: normal 12px open_sansregular, Tahoma, sans-serif; background-color:#500095; display:inline-block; padding:0 5px;}

.list-xs ul li .img{width:100%; overflow:hidden; border-radius:5px 5px 0 0;}
.list-xs ul li .title{padding:10px; background-color:#ffffff;}
.list-xs ul li .title a{color:#444; font: bold 16px open_sansregular, Tahoma, sans-serif}
.list-xs ul li .text{color:#bbb; padding:10px;  background-color:#ffffff;}
.list-xs ul li .text .date{padding-right:20px;}
.list-xs ul li .text a{color:#bbb;}
.list-xs ul li .desc{color:#444; font: normal 13px open_sansregular, Tahoma, sans-serif; padding:10px; background-color:#f9f9f9; border-top:1px solid #e4e4e4;}
.list-xs ul li .desc a{color:#fff; font: normal 12px open_sansregular, Tahoma, sans-serif; background-color:#500095; display:inline-block; padding:0 5px;}

.mMenu{width:100%; background-color:#2e1153; padding:10px;}
.mMenu a{display: inline-block; width: 26px; height:23px; background: url("../www/assets/root-sprite.png") -70px -120px no-repeat;}
.mLogo{width:161px; margin:0 auto; padding-top:20px;}
.mLogo a{display:inline-block; width:161px; height:57px; background:url("assets/sprite.png") 0 0 no-repeat;}

.foot{width:100%;}
.foottext{border-top:2px solid #590D93; margin-top:20px; color:#444; font-size:12px; text-align:center; padding:20px 0;}
.pages{background-color:#fff; border:1px solid #e4e4e4; border-radius:5px; padding:5px 0;}
.pages .page{overflow:hidden; text-align:center}
.pages .page a{color:#A7A7A7; font-size:13px; display:inline-block; padding:3px 7px; font-weight:bold;}
.pages .page a.sel{background-color:#500295; color:#fff; font-size:12px;}

.contentview{max-width:660px; padding:0 10px;}
.contentview .imgs{max-width:660px;}
.contentview h1{color:#444; font-size:18px; padding:10px 0;}
.contentview .cate{color:#bbb; font-size:11px;}
.contentview .cate .date{ padding-right: 20px;}
.contentview .text{color:#444; font-size:13px; line-height:20px; padding:10px 0 20px; border-bottom:1px solid #bbb;}
.comment{padding-top:40px;}
.comment-bd{border:1px solid #ddd; border-radius:5px 5px 0 0; background-color:#fff;}
.comment-bd .navs{color:#5f5e5c; font-size:18px; text-align:center; background-color:#efefef; border-radius:5px 5px 0 0; padding:25px 0; font-family:"Open Sans";}
.comment-bd .name{color:#666; font-size:12px; font-family:"Open Sans"; padding-bottom:5px;}
.comment-bd input{width:100%; border:1px solid #ddd; padding:5px; margin-bottom:10px;}
.comment-bd textarea{width:100%; border:1px solid #ddd; padding:5px;}
.comment-bd .btn{padding-top:14px;}
.comment-bd .btn a{display:inline-block; background-color:#2d1152; color:#fff; font-size:13px; font-family: "Open Sans"; padding:8px 20px; border-radius:5px;}
.comment ul{background-color:#fff;}
.comment ul li{border:1px solid #ddd; margin-top:20px; border-radius:5px;}
.comment ul li .commentname{color: #666; font-size: 13px; font-weight: bold; font-family: "Open Sans"; padding-bottom: 10px;}
.comment ul li .commenttext{color: #666; font-size: 13px; font-family: "Open Sans";}