/*
Theme Name: CKoo feat.momokENG
Theme URI: http://www.creekoo.com/
Description: CKoo Independent FREE Modified Version Ace
Version: 1.2
Author: CreeKoo feat.momokENG
Author URI: http://www.creekoo.com/
*/

@media screen and (max-width:600px){
    .dandelion{display: none !important;}
    }
        .dandelion .smalldan {
    width: 36px;
    height: 60px;
    left: 21px;
    background-position: 0 -90px;
    border: 0px solid red;
    }
    .dandelion span {
    -webkit-animation: ball-x 3s linear 2s infinite;
      -moz-animation: ball-x 3s linear 2s infinite;
      animation: ball-x 3s linear 2s infinite;
    -webkit-transform-origin: bottom center;
      -moz-transform-origin: bottom center;
      transform-origin: bottom center;
    }
    .dandelion span {
    display: block;
    position: fixed;
    z-index:9999999999;
    bottom: 0px;
    background-image: url(https://www.muruoxi.com/wp-content/uploads/2018/01/pgy.png);
    background-repeat: no-repeat;
    _background: none;
    }
    .dandelion .bigdan {
    width: 64px;
    height: 115px;
    left: 47px;
    background-position: -86px -36px;
    border: 0px solid red;
    }
    @keyframes ball-x {
        0% { transform:rotate(0deg);}
       20% { transform:rotate(5deg); }
       40% { transform:rotate(0deg);}
       60% { transform:rotate(-5deg);}
       80% { transform:rotate(0deg);}
       100% { transform:rotate(0deg);}
    }
    @-webkit-keyframes ball-x {
        0% { -webkit-transform:rotate(0deg);}
       20% { -webkit-transform:rotate(5deg); }
       40% { -webkit-transform:rotate(0deg);}
       60% { -webkit-transform:rotate(-5deg);}
       80% { -webkit-transform:rotate(0deg);}
       100% { -webkit-transform:rotate(0deg);}
    }
    @-moz-keyframes ball-x {
        0% { -moz-transform:rotate(0deg);}
       20% { -moz-transform:rotate(5deg); }
       40% { -moz-transform:rotate(0deg);}
       60% { -moz-transform:rotate(-5deg);}
       80% { -moz-transform:rotate(0deg);}
       100% { -moz-transform:rotate(0deg);}
    }

/*
宝宝哒字体
*/
@font-face { font-family: gothmbok; src: url(fonts/gothmbok.ttf); }
*{margin:0;padding:0;border:0}
body{background:#f5f5f5;color:#444;font:15px 'gothmbok','Century Gothic','Microsoft YaHei',Verdana,Arial,Helvetica,sans-serif;line-height:25px;}
h2 a:hover {color:#E24C4C!important;border-bottom:1px solid;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:18px}
hr{
	height:10px;
	margin:2% 0;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAuIAAAAKCAIAAAB+CayuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDgwNzYzMi0xODk4LTg5NDEtYTFlZi0zNDg0MmU0YTg2OGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFENDMzRjQ0QThDMTFFNzkwM0JFRDdBMDdDOUY0MUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFENDMzRjM0QThDMTFFNzkwM0JFRDdBMDdDOUY0MUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkYTFmNzNjNi05MTUxLTQ0N2ItOTk1Mi0yZmQzOTYwMTQ0OTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ4MDc2MzItMTg5OC04OTQxLWExZWYtMzQ4NDJlNGE4NjhiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+E/TJyAAAAVpJREFUeNrs2utqgzAYgOGJQ1DBY/X+ry+eBRUEcR8UhgzrstB2Iu/zo6RJbCGF9qWtta7rBwAAwPl87s4et8vu6o/J7V3Npe+x/gb9y82eyGC8ez5/3XD8KuiUpWZ9vjRSKeDLc103z3PbtnU2L8uilJqmiXO7MMuyzvDIx5sfrerPH8/orxqPjyefdYnB2OC4fj1zi88SAAYN2jRN27bSKLfbzff94/3DMJRlKaUSRVEcx6/7MANwtfYlUwCYmaZJKSXxEQRBmqa78SHvMFVV9X0vQZPnueu6nBsAMgXAO0ijFEUxjqPjOFIhcrtdnedZOkZuPc/Lskzz5yEAIFMAPE3f91VVySBJkjAM75Nd19V1LYM0TYMg4JQAkCkA/sf2ixOJFQmUR1+xAACZAuDd5M1E6qTruvvdMAylV/i3LAAyBcBZjOMosSKB4nkepwGATAEAANf0JcAA0Mjp83bhy2EAAAAASUVORK5CYII=)
}

#blogname{float:left;margin-top:2px;font:25px 'Century Gothic','Microsoft YaHei';padding-right:10px}
#blogname a{color:#fff;}
#blogname a:hover{color:#E24C4C;text-decoration:none;}

a:link,a:visited{color:#555;text-decoration:none}
a:hover{color:#4CACE2;text-decoration:none}
.main a:hover img{opacity:0.5}
.clear{clear:both}
::selection{background:#E24C4C;color:#FFF}
::-moz-selection{background:#fafafa;color:#4CACE2}
.content{margin:0 auto;width:980px;background:#FFF;padding:15px}
.content-tricolumn{width:1180px;padding:15px}
.main{float:left;width:703px}

#banner-tricolumn {background-position:right;color:#555;margin:0 auto;padding:0;height:118px;width:1210px;overflow:auto}
#banner{background-position:right;color:#555;margin:0 auto;padding:0;height:118px;width:1010px;overflow:auto}
#banner-title {font-size:22px;margin:30px 0 0 20px;}
#banner-subtitle {margin:15px 15px 0px 20px;font-weight:normal;font-size:13px;}
#sidebar-left{width:180px;margin-right:8px;float:left;border:1px solid #e6e6e6;padding:7px 7px 2px 7px}
#sidebar-left .widget .xoxo li{width:50%;float:left}
#sidebar-left .widget .w-readers{width:184px}
#sidebar-left .widget .w-readers img.avatar{margin:2px 4px 2px 0;}
#sidebar-left .widget .menu{width:182px}
#sidebar-left .widget .menu li{width:89px}
#sidebar{float:right;width:250px;border:1px solid #e6e6e6; padding:7px 7px 2px 7px;}
#rss{float:right;border:none;max-width:174px}
#rss ul{list-style:none}
#rss ul li{float:right;margin:6px 0 0 14px}
.icon1,.icon1 span.hover,.icon2,.icon2 span.hover,.icon3,.icon3 span.hover,.icon4,.icon4 span.hover{display:block;width:28px;height:28px;background-image:url(images/icon.png?0);background-repeat:no-repeat}
.icon1{background-position:-84px 0}
.icon1 span.hover{background-position:-84px -28px}
.icon2{background-position:-56px 0}
.icon2 span.hover{background-position:-56px -28px}
.icon3{background-position:-28px 0}
.icon3 span.hover{background-position:-28px -28px}
.icon4{background-position:0 0}
.icon4 span.hover{background-position:0 -28px}
.logo{float:left;display:block;overflow:hidden;width:110px;height:40px;background:url(images/logo.png) no-repeat;font-size:15px;line-height:100px}
.logo:hover{opacity:.7}
.logo a{display:block;overflow:hidden;height:40px;color:#fff}
.header{position:fixed;z-index:99999;width:100%;background:#333}

.mainwidget{width:820px}
.mainwidget .mainposts{width:350px;height:335px;float:left}
.mainlist{width:350px;height:335px;;margin:0 10px 8px 0;float:left;border:1px solid #e6e6e6}
.mainlist h3{margin:0 7px;border-bottom:2px solid #4CACE2;font-size:15px;height:30px;line-height:30px}
.mainlist .title{overflow:hidden;float:left;width:275px;}
.mainlist ul{padding:0 7px 2px 7px;list-style:none}
.mainlist ul li{padding-bottom:1px;border-bottom:1px #e6e6e6 dashed;line-height:28px;height:28px;overflow:hidden}
.mainlist ul li a{display:block}

.mainmenu-tricolumn{margin:0 auto;width:1212px;height:40px;font-weight:bold}
.mainmenu{margin:0 auto;width:1025px;height:40px;font-weight:bold}

.mainnav{float:left;line-height:30px;height:30px;margin-top:5px;font-size:14px}
.mainnav li{float:left;position:relative;margin-right:1px;list-style:none}
.mainnav li ul{position:absolute;top:29px;left:0;min-width:120px;z-index:10;display:none;line-height:18px;background-color:#222;;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.mainnav li a{color:#eee;padding:0 12px;float:left;line-height:28px;height:29px}
.mainnav li a:hover{background:#4CACE2;color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.mainnav li:hover ul{display:block}
.mainnav li li{float:none;margin:0;position:relative}
.mainnav li li a{padding:0 10px;float:none;display:block;*min-width:100px;}
.mainnav li li a:hover,.mainnav li li.current-menu-item a{background-color:#4CACE2;color:#fff}

.inferiornav li{display:inline;margin-right:15px;list-style:none}

.cat-pic{width:710px;margin-top:10px}
.cat-pic .thumbnail-210{float:left;width:218px;margin:0 15px 15px 0;border:1px solid #e6e6e6}
.cat-pic .thumbnail-210 img{width:210px;height:150px;padding:4px}
.cat-pic .thumbnail-210 h2{overflow:hidden;height:40px;font-size:13px;line-height:20px;padding:0 5px 5px 7px;font-weight:normal;}
.cat-pic .thumbnail-210 a:link,.mainposts .thumbnail-210 a:visited{color:#777;display:block;}
.cat-pic .thumbnail-210 a:hover h2{color:#4CACE2}
.cat-pic{background:#fff}
.cat-pic .time{float:left;margin-left:4px;margin-bottom:10px;padding:0 5px;background:#4CACE2;color:#fff;font-size:12px;line-height:24px}
.cat-pic .read{float:right;margin-right:4px;padding:0 5px;background:#f5f5f5;color:#777;font-size:12px;line-height:24px}
.cat-pic a:hover span{color:#fff;background:#45B4EB}
.cat-pic-text{padding:10px 15px;margin-bottom:2px;line-height:24px}

.list-blog{border-bottom:1px dashed #DDDDDD;color:#999}
.list-blog:hover{color:#8F8F8F;background:#F5F5F5;}
.list-blog .info{padding:11px 0 0 0}
.list-blog .info p{height:54px;overflow:hidden;font-size:13px;line-height:27px;margin:8px 0}
.list-blog .info h2{font-size:15px;height:24px;line-height:24px;overflow:hidden;}
.list-blog .info h2 a:link,.list-blog .info h2 a:visited{color:#39B4C5;font-weight:bold;}
.list-blog .info h2 a:hover{color:#777}
.list-blog .info span.sticky{margin-right:10px;color:#f00}
.list-blog .info2{font-size:12px;color:#777;height:24px}
.comm{margin-right:15px;float:left}
.postauthor{background:url(images/meta.png) no-repeat -9px -8px;padding-left:18px;margin-right:15px;float:left}
.posttime{background:url(images/meta.png) no-repeat -9px -116px;padding-left:18px;float:left;margin-right:15px;}
.postviews{background:url(images/meta.png) no-repeat -7px -36px;padding-left:22px;margin-right:15px;float:left}
.postcomm{background:url(images/meta.png) no-repeat -9px -64px;padding-left:18px;float:left}
.postcat{background:url(images/meta.png) no-repeat -9px -93px;padding-left:18px;margin-right:15px;float:left;max-width:145px;overflow:hidden;}
.readmore{float:right;background:#f5f5f5;}
.readmore a{color:#777;padding:0 5px;font-size:12px;display:block;}
.readmore:hover{background:#4CACE2;}
.mainposts .thumbnail{margin:0;width:163px;margin-right:10px;margin-bottom:10px;border:1px solid #e6e6e6}
.mainposts .thumbnail img{width:155px;height:110px;border:none;}
.mainposts .thumbnail h2{overflow:hidden;height:38px;font-size:13px;line-height:20px;padding:0 5px 5px 7px}
.mainposts .thumbnail a:link,.mainposts .thumbnail a:visited{color:#777;display:block;}
.mainposts .thumbnail:hover{background:#4CACE2}
.mainposts .thumbnail:hover h2{color:#fff;;}
.mainposts .thumbnail:hover img{opacity:1}
.thumbnail{float:left;margin:15px 15px 15px 0px;width:150px;}
.thumbnail img{width:140px;height:100px;padding:4px;border:1px solid #e6e6e6}
.main .mainposts .thumbnail{margin:0;width:163px;margin-right:8px;margin-bottom:10px;border:1px solid #e6e6e6}
.content #map{height:30px;color:#777;border-bottom:1px dashed #DDDDDD}
.content #map a:link,#content #map a:visited{color:#777;text-decoration:none}
.content #map a:hover{color:#08d;text-decoration:none}
.main .article_head{border-bottom:1px #e6e6e6 dashed;padding:5px 0;margin-bottom:5px}
.main .article_head h1{font-size:15px;line-height:30px;color:#4CACE2;font-weight:bold}
.main .article_info{color:#777;font-size:12px}
.main .article_info .comm,.main .article .comm{margin-right:10px}
.main .context{position:relative;overflow:hidden;}
.main .article{margin-bottom:10px;padding:5px 10px;border:1px solid #e6e6e6}
.main .context p{margin-bottom:10px}
.main .context h3{border-bottom:3px dashed #DDDDDD;margin:5px 0 10px 0;padding:2px 10px 0 10px;background:#D43737;color:#FFF;font-size:15px;font-weight:bold}
.main .context h4{padding:0;height:24px;border-bottom:#4CB8E2 1px dashed;border-top:#4CB8E2 1px dashed;color:#4CB8E2;font-weight:bold;font-size:14px;line-height:24px;margin:5px 5px 10px 5px}
.main .context h6{padding:5px 0 5px 0;text-align:center}
.main .context pre{margin:5px 0 5px 0;padding:10px 12px;border:#e6e6e6 1px solid;word-wrap:break-word;font:100 12px/18px monaco,andale mono,courier new;border-left-width:4px;word-break:break-all}
.main .context blockquote{margin:5px 0 5px 0;padding:10px 10px 10px 10px;border:#ADADAD 1px solid;background:#FFFFFF;color:#757575;word-break: break-all;}
code{color:#007175;background-color:#F5F5F5;border: 1px solid #A8A8A8}
.main .context blockquote img{margin:0 auto;display:block;padding:0;border:none}
.main .context ol,.main .context ul{margin:5px 0 5px 0}
.main .context ol li{margin-left:4em}
.main .context ul li{margin-left:2em}
.main .context img{margin:0 auto;display:block;clear:both;max-width:100%;height:auto}
.context a{color:#CA1212;text-decoration:none;font-weight: bold}
.context a:hover{color:#4CACE2;text-decoration:none;font-weight:bold;}
.fenye{text-align:center;margin:10px auto;font-weight:bold}   
.fenye span{width:18px;text-align:center;color:#222;font-weight:bold;padding:1px;display:inline-block;text-decoration:none;border:1px #ddd solid;-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.fenye a span{background:#F7F7F7;font-weight:normal;color:#000;}   
.fenye a:hover span{color:#4CACE2;border:1px #ddd solid;background:transparent;-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-animation:'ggShow' 1s alternate infinite;}
.wp-caption p.wp-caption-text{margin-bottom:-0px;color:#777;text-align:center;text-indent:-0em}
.wp-caption{width:auto!important;}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-container img{height:auto;max-width:100%}
.alignleft,img.alignleft{float:left;display:inline;margin-top:5px;margin-right:15px}
.alignright,img.alignright{float:right;display:inline;margin-top:5px;margin-left:15px}
.aligncenter,img.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}
#article-bottom{color:#777;margin:10px 0;padding:10px;border:1px solid #e6e6e6}
#link{margin-top:5px;width:500px;height:24px;overflow:hidden}
#article-bottom-tags{float:left;color:#777;width:500px;height:24px;overflow:hidden}
#baidushare{float:right;margin-top:-23px}
#last-page{width:330px;height:24px;overflow:hidden;float:left}
#next-page{width:330px;height:24px;overflow:hidden;float:right;text-align:right}

.context caption {border:1px solid #E2D8D8;color:#FFF;height: 26px;line-height: 26px;font-size: 13px;background: #808080;-moz-border-radius:5px;font-weight:bold}
.context tr:nth-child(2n+2){background:#F8F8F8;color:#585858}
.context tr:nth-child(2n+1){background:#fff;color:#585858}
.context tr:nth-child(1){color:#fff;text-align:left;padding:6px 6px 6px 12px;background:#185375}
.context tr:nth-child(1) td:hover{color:#185375;background:#fff}
.context table{border-collapse:collapse;margin:1em 0;width:100%}
.context th,td{width:10px;padding:.5em;border:1px solid #E2D8D8}
.context td:hover{color:#B30000}
.context th{background:#328aa4;color:#fff}

.widget h3{height:26px;border-bottom:3px dashed #DDDDDD;padding:2px 10px;background:#4CACE2;color:#FFFFFF;font-size:15px;margin-bottom:5px}
.widget{margin-bottom:5px}
.widget ul{list-style:none}
.widget ul li{padding-bottom:2px;border-bottom:1px #e6e6e6 dashed;line-height:28px;height:28px;overflow:hidden}
.widget ul li a{display:block}
.widget .colorbar{height:auto;}
.widget .colorbar li {border-bottom:none;height:40px}
.widget .colorbar li a{display:block;padding:0 10px;color:#fff;font-size:13px;line-height:40px;border:none;}
.widget .colorbar li a:hover{opacity:0.8}
.widget .menu{width:252px}
.widget .menu li{width:124px;height:28px;line-height:30px;margin:0 2px 2px 0;text-align:center;float:left;overflow:hidden;background:#f5f5f5;border:none}
.widget .menu a{color:#555;display:block}
.widget .menu a:hover{background:#4CACE2;color:#fff}
.widget .xoxo li{width:50%;float:left}
.widget .xoxo li a{display:block;}
.widget .w-readers{width:260px}
.widget .w-readers ul{margin-top:3px}
.widget .w-readers ul li{display:inline;padding:0;border-bottom:none;list-style:none}
.widget .w-readers ul li a{display:inline}
.widget .w-readers img.avatar{margin:2px 10px 2px 0;width:40px;height:40px;border:1px solid #e6e6e6}
.widget .w-readers img.avatar:hover{opacity:0.5}
.widget .w_comment ul li{clear:both;overflow:hidden;height:45px;line-height:22px}
.widget .w_comment ul li img.avatar{float:left;margin:3px 10px 0 0;width:40px;height:40px;border:1px solid #e6e6e6;background:#fff}
.widget .tags a{float:left;display:inline-block;margin:0 4px 4px 0;padding:5px 8px 0;height:18px;background:#f5f5f5;line-height:14px;width:auto;white-space:nowrap}
.widget .tags a:hover{color:#fff;background:#4CACE2}
#fontcolor{width:357px;height:16px;line-height:20px;border:4px #e0e0e0 solid;z-index:99999;}   
#fontcolor a{display:inline-block;height:16px;width:16px;}  
#editor_tools{width:620px;height:26px;line-height:26px;border:1px #ddd solid;border-radius:2px 2px 0 0;overflow:hidden;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index:99999;box-shadow:0 2px 10px #eee,inset 0 -2px 10px #eee;}
#editor_tools a{color:#777;display:inline-block;padding:0 8px;height:26px;border-right:1px solid #ddd;}
#editor_tools a:hover{color:#333;text-decoration:none;}
input,textarea,button{outline:none}
#loading_comments{display:none;height:36px;text-align:center;line-height: 36px}
.comments-main{padding:10px;border:1px solid #e6e6e6}
.comments-main h3{padding:2px 10px;border-left:4px solid #4CACE2;background:#fafafa;color:#4CACE2;font-size:15px;margin-bottom:5px}
.comment-title{}
.comment-list{}
.comment-list .comment{margin-left:7px;border-top:1px #e6e6e6 dashed;list-style:none}
.comment-list li.comment ul.children{margin-left:10px}
.comment-list li.comment ul li.comment ul.children{margin-left:0px}
.comment-list .depth-1{margin:0}
.comment-list li{position:relative}
.comment-list .alt{}
.comment-list .thread-even{}
.comment-list .comment-body{padding:8px 0 6px 0}
.comment-list .comment-body:hover{background:#fafafa}
.comment-list .comment-body p{margin:5px 30px 2px 56px;line-height:22px}
.datetime{color:#aaa;text-shadow:0px 1px 0px #fff;margin-left:50px;}
.floor{color:#777;font-size:12px}
.comment-list a:link,.comment-list  a:visited{color:#08d;text-align:center}
.comment-list a:hover{color:#777;text-align:center}
.comment-metadata{margin-left:50px;color:#aaa;text-shadow:0px 1px 0px #fff}
ol.comment-list li div.comment-author img.avatar{position:relative;float:left;margin:0 10px 0 0;padding:2px;width:40px;height:40px;border:1px solid #e6e6e6;background:#fff}
.reply-to-read{margin:5px 0 5px 0;padding:0px 10px 0 0px;border:#e6e6e6 1px solid;background:#fafafa;text-align:center;}
.reply-to-read a{text-decoration:underline;}
#respond_box{}
#respond{overflow:hidden}
.article #respond h3{padding:0}
#comment{background:#fff}
.cancel-comment-reply a{color:#08d;font-size:13px}
.cancel-comment-reply a:hover{color:#777;font-size:13px}
#comment-form p{}
#comment-form label{color:#777}
#comment-form input{margin:3px 10px 3px 0;padding:3px;width:180px;border:1px solid #e6e6e6;font-family:'Century Gothic', 'Microsoft Yahei'}
#comment-form input:focus{border:1px solid #ccc}
#comment-form #author{padding:5px 5px 5px 15px}
#comment-form #email{padding:5px 5px 5px 15px}
#comment-form #url{padding:5px 5px 5px 15px}
#comment-form textarea{width:90%;height:120px;font-size:13px;padding:4px;margin:4px 0 0 0;border:1px solid #ddd;box-shadow:inset 2px 3px 5px #eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.8;font-family:'Century Gothic', 'Microsoft Yahei'}
#comment-form textarea:focus{border-color:#ccc;box-shadow:inset 0 1px 2px #FFF, 0 0 8px #ccc;}
#comment-form input#submit,#comment-form input#reset{margin-top:8px;width:100px;height:30px;border:1px solid #e6e6e6;background:#eaeaea;color:#444;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;font-family:'Century Gothic', 'Microsoft Yahei'}
#comment-form #submit:hover,#comment-form #reset:hover{background:#54C1FF;color:#FFF;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px}
#real-avatar .avatar{float:right;padding:2px;border:1px solid #e6e6e6;background:#fff}
#comment-form a:link,#comment-form a:visited{color:#777;text-decoration:none}
#comment-form a:hover{color:#777;text-decoration:none}
.ajaxcomm{height:30px;color:#777;line-height:30px}
.navigation{margin-top:10px;text-align:right}
.pagination{font-size:12px;margin-top:10px;text-align:right}
.pagination span,.pagination a{display:inline-block;margin:0px 0 0px 4px;width:28px;height:28px;border:1px #e6e6e6 solid;color:#888;text-align:center;text-decoration:none;line-height:28px}
.pagination .current{width:28px;height:28px;border:1px #e6e6e6 solid;background:#4CACE2;color:#fff}
.pagination a:hover{width:28px;height:28px;border:1px #e6e6e6 solid;background:#4CACE2;color:#fff;text-decoration:none}
.pagination .page_previous,.pagination .prev{width:54px;height:28px;text-align:center}
.pagination .page_previous:hover,.pagination .prev:hover{width:54px;height:28px;text-align:center}
.pagination .page_next,.pagination .next,.pagination .page_next:hover,.pagination .next:hover{width:54px;height:28px;text-align:center}
.pagination .fir_las,.pagination .fir_las:hover{width:34px;height:28px;text-align:center}
.paging,.pagenav{margin:10px 0;float:right;font-size:12px}
.pagenav{padding-top:16px;}
.paging a,.paging .current,.pagenav a,.pagenav .current,.paging .dots,.pagenav .page-numbers{padding:4px 12px;color:#666;border:1px solid #e6e6e6;display:block;margin-left:3px;float:left;}
.paging .current,.paging a:hover,.pagenav .current,.pagenav a:hover{background-color:#4CACE2;color:#fff}
#roll_top{position:relative;width:50px;height:50px}
#roll_top{background:url(images/gototop.png) no-repeat}
#roll_top:hover{background:url(images/gototop.png) no-repeat bottom;transform:rotate(-3600deg);transition-duration:2s;-webkit-transform:rotate(-3600deg);-webkit-transition-property:-webkit-transform;-webkit-transition-duration:2s;-moz-transform:rotate(-3600deg);-moz-transition-property:-webkit-transform;-moz-transition-duration:2s;}
#roll{position:fixed;top:auto;right:10px;bottom:5px;display:block;}
#footer{margin-top:10px;padding:10px;background:#333;color:#fff;font-size:12px;line-height:22px}
#footermain{margin:0 auto;width:1210px;}
#footer a:link,#footer a:visited{color:#fff}
#footer a:hover{color:#4CACE2}
.footerlogo{float:right;margin-top:4px;width:145px;height:40px;background:url(images/footerlogo.png) no-repeat}

/*fancybox*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{margin:0;padding:0;outline:none;border:0;vertical-align:top}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}
.fancybox-skin{position:relative;margin-top:50px;background:#fff;color:#444;text-shadow:none}
.fancybox-opened{z-index:8030}
.fancybox-outer,.fancybox-inner{position:relative}
.fancybox-inner{overflow:hidden}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
.fancybox-error{margin:0;padding:15px;color:#444;white-space:nowrap}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(images/fancybox_sprite.png)}
#fancybox-loading{position:fixed;top:50%;left:50%;z-index:8060;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8}
#fancybox-loading div{width:44px;height:44px;background:url(images/fancybox_loading.gif) center center no-repeat}
.fancybox-close{position:absolute;top:-18px;right:-18px;z-index:8040;width:36px;height:36px}
.fancybox-nav{position:absolute;top:0;z-index:8040;width:40%;height:100%;background:transparent url(images/blank.gif);text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute;top:50%;z-index:8040;visibility:hidden;margin-top:-18px;width:36px;height:34px}
.fancybox-prev span{left:10px;background-position:0 -36px}
.fancybox-next span{right:10px;background-position:0 -72px}
.fancybox-nav:hover span{visibility:visible}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;overflow:visible !important;max-width:99999px;max-height:99999px}
.fancybox-lock{overflow:hidden}
.fancybox-overlay{position:absolute;top:0;left:0;z-index:8010;display:none;overflow:hidden;background:url(images/fancybox_overlay.png)}
.fancybox-overlay-fixed{position:fixed;right:0;bottom:0}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}
.fancybox-title{position:relative;z-index:8050;visibility:hidden;text-shadow:none}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute;right:50%;bottom:0;z-index:8050;margin-bottom:-35px;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:transparent;background:rgba(0,0,0,0.8);color:#FFF;text-shadow:0 1px 2px #222;white-space:nowrap;font-weight:bold;line-height:24px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{padding-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;padding:10px;background:#000;background:rgba(0,0,0,.8);color:#fff}

/*loading*/
#w-loading{position:absolute;width:100%;}
#w-loading div{background:url(images/header_bg.png) repeat-x;padding-top:4px}

.main .context .readers-list{line-height:18px;text-align:left;overflow:hidden;_zoom:1;}
.main .context .readers-list ul{width:195px;float:left;margin-right:-1px;margin:0 0 0 0;}
.main .context .readers-list a,.readers-list a:hover strong{background-color:#f2f2f2;background-image:-webkit-linear-gradient(#f8f8f8,#f2f2f2);background-image:-moz-linear-gradient(#f8f8f8,#f2f2f2);background-image:linear-gradient(#f8f8f8,#f2f2f2);}
.main .context .readers-list a{position:relative;display:block;height:36px;margin:4px;padding:4px 4px 4px 44px;color:#999;overflow:hidden;border:#ccc 1px solid;border-radius:2px;box-shadow:#eee 0 0 2px;}
.main .context .readers-list img,.readers-list em,.readers-list strong{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;}
.main .context .readers-list img{width:36px;height:36px;float:left;margin:0 8px 0 -40px;border-radius:2px;}
.main .context .readers-list em{color:#666;font-style:normal;margin-right:10px;}
.main .context .readers-list strong{color:#ddd;width:40px;text-align:right;position:absolute;right:6px;top:4px;font:bold 14px/16px 'Century Gothic', 'Microsoft Yahei';}
.main .context .readers-list a:hover{border-color:#bbb;box-shadow:#ccc 0 0 2px;background-color:#fff;background-image:none;}
.main .context .readers-list a:hover img{opacity:.6;margin-left:0;}
.main .context .readers-list a:hover em{color:#EE8B17;font:bold 12px/36px 'Century Gothic', 'Microsoft Yahei';}
.main .context .readers-list a:hover strong{color:#EE8B17;right:150px;top:0;text-align:center;border-right:#ccc 1px solid;height:44px;line-height:40px}

.download{margin:10px 0 10px 0;padding:5px 15px;border:1px #e6e6e6 solid;font-size:14px}
.download a{padding:0 12px;color:#2BB86E}
.download a:hover{background:#E2574A;padding:0 12px;color:#fff;-webkit-border-radius:5px;border-radius:5px}
.download-title{height:28px;border-bottom:1px #e6e6e6 dashed;color:#f0586c;line-height:28px}
.download .dlspan{float:right;padding:0;width:120px;text-align:center}
.download-text{padding-top:5px;line-height:28px}
.download-link{float:right;padding-top:5px;width:120px;text-align:center;line-height:28px}

.comment-list .reply:hover{background-color:transparent;color:#67A611;-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);box-shadow:0px 1px 1px rgba(0,0,0,0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-animation:'ggShow'1s alternate infinite;}
.comment-list .reply {display:none;position:absolute;float:left;margin:0px 0px 0px 10px;;color:#0088dd;padding:2px 6px;line-height:16px;border:1px #ddd solid;-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);box-shadow:0px 1px 1px rgba(0,0,0,0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
ol.comment-list li div.floor{float:right;color:#bbb;font-size:16px;}

/* 评论者VIP显示功能的样式 */
.vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background:url(images/vip.png) no-repeat;display:inline-block;overflow:hidden;border:none;}
 .vp{background-position:-494px -3px;width:16px;height:16px;margin-bottom:-3px;}
 .vp:hover{background-position:-491px -19px;width:19px;height:18px;margin-top:-3px;margin-left:-3px;margin-bottom:-3px;}
 .vip{background-position:-515px -2px;width:16px;height:16px;margin-bottom:-3px;}
 .vip:hover{background-position:-515px -22px;width:16px;height:16px;margin-bottom:-3px;}
 .vip1{background-position:-1px -2px;width:46px;height:14px;margin-bottom:-1px;}
 .vip1:hover{background-position:-1px -22px;width:46px;height:14px;margin-bottom:-1px;}
 .vip2{background-position:-63px -2px;width:46px;height:14px;margin-bottom:-1px;}
 .vip2:hover{background-position:-63px -22px;width:46px;height:14px;margin-bottom:-1px;}
 .vip3{background-position:-144px -2px;width:46px;height:14px;margin-bottom:-1px;}
 .vip3:hover{background-position:-144px -22px;width:46px;height:14px;margin-bottom:-1px;}
 .vip4{background-position:-227px -2px;width:46px;height:14px;margin-bottom:-1px;}
 .vip4:hover{background-position:-227px -22px;width:46px;height:14px;margin-bottom:-1px;}
 .vip5{background-position:-331px -2px;width:46px;height:14px;margin-bottom:-1px;}
 .vip5:hover{background-position:-331px -22px;width:46px;height:14px;margin-bottom:-1px;}
 .vip6{background-position:-441px -2px;width:46px;height:14px;margin-bottom:-1px;}
 .vip6:hover{background-position:-441px -22px;width:46px;height:14px;margin-bottom:-1px;}
 .vip7{background-position:-611px -2px;width:46px;height:14px;margin-bottom:-1px;}
 .vip7:hover{background-position:-611px -22px;width:46px;height:14px;margin-bottom:-1px;}
 

/*友情链接*/
.Flinks ul ul, .linkstandard ul{line-height:24px;margin-left:10px;}
.linkstandard ul li{list-style-type:none;}
.Flinks ul li{list-style-type:circle;}
.Flinks ul li h2, .linkstandard h2{clear:both;color:#f00;;font-weight:bold}
.Flinks ul ul li{float:left;height:28px;overflow:hidden;text-align:center;}
.Flinks ul ul li a{font-weight:normal;color:#222;background:#FAFAFA;text-decoration:none;padding:0px;float:left;width:140px;height:22px;text-indent:-16px;border:1px
#ddd solid;-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;overflow:hidden;}
.Flinks ul ul li a:hover{font-weight:normal;color:#67A611;border:1px solid #999;background:transparent;-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-animation:'ggShow' 1s alternate infinite;}

#searchform-header {float:right;margin:6px 50px 0px -300px;vertical-align:middle;;display:inline}
#searchform-header input {height:28px;line-height:28px;color:#B3B3B3;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

.stats li{display:block;float:left;padding:4px 0;width:50%;border:none;color:#666}
.stats li:hover, .stats ul:hover{color:#000}
.stats ul{padding-bottom:2px;border-bottom:1px #e6e6e6 dashed;line-height:28px;text-align:center;color:#666;}

@keyframes fade-in {  
    0% {opacity:0;}
    40% {opacity:0;}
    100% {opacity:1;}
}  
@-webkit-keyframes fade-in {
    0% {opacity:0;}  
    40% {opacity:0;}  
    100% {opacity:1;}  
} 
.content{
    animation:fade-in;
    animation-duration:1s;
    -webkit-animation:fade-in 1s;
}
.main{
    animation:fade-in;
    animation-duration:1s;
    -webkit-animation:fade-in 1s;
}
#banner-tricolumn{
    animation:fade-in;
    animation-duration:1s;
    -webkit-animation:fade-in 1s;
}
#sidebar {    
    animation:fade-in;  
    animation-duration:1s;  
    -webkit-animation:fade-in 1s;  
}
#sidebar-left {    
    animation:fade-in;  
    animation-duration:1s;  
    -webkit-animation:fade-in 1s;  
}  
.footer {    
    animation:fade-in;
    animation-duration:2s; 
    -webkit-animation:fade-in 1.5s;
}  

::-webkit-scrollbar{margin-right:2px;width:15px}
::-webkit-scrollbar-track-piece{border-left:1px solid #D2D2D2;background-color:#F5F5F5}
::-webkit-scrollbar-thumb{width:10px;background:#CBCBCB}
::-webkit-scrollbar-thumb:hover{background:#4CACE2}

@media screen and (max-width:1250px){
#footermain{margin:0 auto;width:995px;}
.content{width:975px;padding:10px}
.main{float:left;width:700px;}
#sidebar-left{display:none}
#banner{width:995px;}
#banner-tricolumn{width:995px;}
.mainmenu-tricolumn{width:995px;}
}

@media screen and (max-width:1060px){
#footermain{margin:0 auto;width:920px;}
.content{width:910px;padding:10px}
.main{float:left;width:700px;}
#sidebar{display:none}
#sidebar-left{display:block;}
#banner{display:none}
#banner-tricolumn{display:none}
.mainmenu-tricolumn{width:920px;}
.mainmenu{width:940px}
.mainwidget{width:710px}
.mainlist{margin:0 3px 8px 0}
}

@media screen and (max-width:980px){
.header{position:absolute}
#footermain{margin:0 auto;width:690px;}
#roll{display:none}
.content{width:700px;padding:10px}
.main{float:left;width:700px;}
#sidebar-left{display:none}
#sidebar{display:none}
#banner{display:none}
#banner-tricolumn{display:none}
.mainmenu-tricolumn{width:710px}
.mainmenu{width:730px}
.mainlist{margin:0 3px 8px 0}
}