/* 
	Theme Name: Metro-mobile
	Theme URL: http://www.ipcbox.org
	Description:Metro移动主题,极致精简,完美呈现。
	Author: IPC软件盒
	Author URI: http://www.ipcbox.org
	Tags: ipcbox,Metro-mobile
	Version: 1.23
*/
html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img{margin:0;padding:0;border:0}
input,button,select,textarea{outline:0}
textarea{resize:none}
body{-webkit-text-size-adjust:none;background-color:#fff;font-size:12px;color:#494949}
ul,li{list-style-type:none}
#container{text-align:left;margin:0 auto;padding:0}
a{text-decoration:none;color:#5895be}
a:hover{text-decoration:none;color:#34b100}
.round,.pagenavi,.avatar_box{border-radius:5px}
.clear{clear:both;overflow:hidden}
#logo{background:url('images/sprite.png') no-repeat 0 0;width:80px;height:32px;border:1px solid #33363b;border-left:none;border-right:0;margin:0;padding:0}
#nav{margin:0 0 2px 0;width:100%;font-size:12px;height:34px;line-height:34px;color:#ccc;position:relative;z-index:998}
.width #nav{font-size:14px}
.nav-ul{height:34px;background:#33363b;position:relative}
.nav-ul li{float:left}
.nav-ul li a{color:#bbb;display:inline-block;padding:0 8px;text-decoration:none;height:34px;line-height:34px}
.nav-ul .current_page_item a{background:#000;color:#efefef;text-decoration:none}
.nav-ul .dropdownlink a span{position:relative;top:-1px;border-style:solid dashed dashed;border-color:transparent;border-top-color:#bbb;display:-moz-inline-box;display:inline-block;font-size:0;height:0;line-height:0;width:0;border-width:3px 3px 0;padding-top:1px;left:4px}
.submenu{display:none;width:100%;position:absolute;z-index:999;top:34px;left:0;border-top:0;background:#fff;padding:5px 0;border-top:3px solid #34b100;border-bottom:3px solid #34b100;text-align:center;box-shadow:0 3px #4e4e4e}
ul.submenu li{float:none;clear:both;border:0;display:inline-block;padding:4px 0}
ul.submenu li a,#nav_explor .cat_ul li a,#nav_tags a{border:0;display:block;padding:0 10px;margin:0 5px;text-align:center;height:26px;line-height:26px;color:#333;text-decoration:none;background:#ddd;border-radius:5px}
ul.submenu li a:hover{background:#82c83c;color:#fff}
ul.submenu .submenu_div{border-bottom:1px solid #ddd;border-left:5px solid #ddd;clear:both;display:block;text-align:left;padding:2px 5px;margin:0 0 5px 5px;line-height:16px;color:#666;overflow:hidden}
#nav_explor .cat_ul li{margin:0;padding:2px 0;float:none;clear:none;border-top:1px dashed #eee;display:inline-block}
#nav_explor .cat_ul li a{width:70px}
.cat_ul{clear:both;overflow:hidden}
#nav_tags{text-align:left}
#nav_tags a{width:auto;display:inline-block;margin:0 3px}
#nav_search{overflow:hidden}
.prev-next{display:block;text-align:center;margin:15px 0 0 0;padding:18px 0;position:relative;border-top:1px solid #eee;border-bottom:1px solid #eee}
.prev-next a{display:inline-block;padding:10px 22px;background:#34b100;color:#fff;border-radius:5px;font-weight:bold}
.prev-next a:hover{background:#1ba1e2;color:#fff}
.prev-next .prev{margin-right:10px}
.prev-next-page{color:#aaa;margin-right:10px;display:inline-block;padding:7px 0}
.pagenavi{display:block;text-align:center;margin:15px 0}
.pagenavi a,.pagenavi span{display:inline-block;padding:0 8px;margin:0 2px 0 0;height:25px;line-height:25px}
.pagenavi .current{color:#bbb;border:1px solid #EEE;padding:0 9px;border-radius:5px}
.post_detail .prev-next{border-top:0;margin-top:0}
.post_detail .prev-next a{background:#ddd;color:#444}
#posts{padding:0 8px}
.entry{margin-top:12px;padding:15px 0 0 0;border-top:1px dashed #ddd;min-height:60px}
.entry p{margin:15px 0}
.entry h2{font-size:14px;margin:0 0 5px 0}
.entry h2 a{color:#333}
.entry h2 a:hover{color:#34b100;text-decoration:none}
.top-entry{margin-top:8px;padding:0;position:relative;border:0;clear:both}
.top-entry .entry-title{font-size:14px;border-right:9px solid #34b100;position:absolute;display:inline-block;width:60%;background:#000;color:#fff;padding:5px;margin:0;bottom:2px;right:2px;opacity:.75}
.top-entry-img{display:block;height:150px;background-size:101% auto}
.top-entry-img-wrapper{overflow:hidden;border:1px solid #888;padding:1px;background:#fff}
.top-entry-title,.top-entry-content{display:none}
.entry-thumb{float:left;display:inline-block;overflow:hidden}
.entry-thumb a{display:inline-block;border:1px solid #888;padding:1px;height:57px}
.entry-thumb a img{width:80px;height:57px}
.entry-body{color:#888;width:auto;padding-left:93px}
.entry-meta a{color:#888}
.entry-meta a:hover{color:#6ba82f}
.entry-category-icon,.entry-comment-icon{background:#fff url("images/sprite.png") no-repeat;display:inline-block;margin-right:10px;padding-left:20px}
.entry-category-icon{background-position:-104px 0}
.entry-comment-icon{background-position:-104px -21px}
.entry-content{display:none;margin:10px 0 0 0;line-height:18px;font-size:14px}
.post,.page{color:#777;font-size:13px;padding:0 8px}
#post-title{display:block;padding:10px 0 6px 0;font-weight:bold;font-size:20px;border-bottom:2px solid #34b100;color:#000}
#post-category{color:#fff;background:#34b100;margin:0;float:right;padding:0 5px;margin-right:10px;text-align:right;display:inline-block;clear:left}
#post-category a{color:#fff}
.post_content,.page_content{color:#444;padding:10px 0 0 0;font-size:15px}
.post_content p,.page_content p{margin:15px 0 0 0;line-height:24px}
.post_content h3,.page h3{border-top:1px solid #bbb;border-bottom:3px solid #34b100;color:#333;padding:8px 5px;margin:15px 0 0 0;line-height:16px;font-size:16px;font-weight:bold}
.post_content img,.page_content img{max-width:95%;height:auto;clear:both}
.post_detail ul li{padding:2px 0}
.entry-relate-links{padding:5px 0;margin:5px 0;border-bottom:1px solid #eee;border-top:1px solid #eee}
.img-align{display:block;margin-left:auto;margin-right:auto}
img.aligncenter{margin:0 auto;display:block;text-align:center}
img.alignleft{float:left;margin-right:15px;margin-bottom:15px}
img.alignright{float:right;margin-left:15px;margin-bottom:15px}
blockquote,#post_expire_msg{border:1px solid #dbe5f1;background:#f9fafc;margin:5px 0;padding:5px 15px}
.post_content blockquote p{margin:0}
#post_expire_msg{color:#db0000;line-height:20px;margin:10px 0 0 0;text-align:center;display:none}
.selflink{color:#666}
.selflink:hover{color:#666;text-decoration:none}
.post .entry-author{margin:50px 0 40px 0}
.entry-author{border:1px solid #bbb;padding:10px;margin:20px 0;background:#f9f9f9;font-size:12px;position:relative}
.entry-author a{color:#0086e3}
.entry-author a:hover{text-decoration:underline}
.entry-author-title{color:#fff;position:absolute;right:10px;top:-1px;background:#0086e3;height:20px;line-height:20px;padding:0 15px}
.entry-author .avatar{float:left;margin:0 10px 5px 0;width:40px;height:40px;border:1px solid #b1d2ea;padding:1px}
.entry-author-about{color:#999}
.entry-author-name{font-weight:bold;font-size:16px}
.entry-author-description{margin:8px 0 4px 0}
.entry-author-links{color:#ddd;text-align:center}
.videolink{width:90%;height:150px;background:#ccc;margin:10px auto}
.videolink a{display:block;width:100%;height:100%;background:#000 url("images/playvideo@2x.png") center center no-repeat;background-size:94px 94px}
.same-cat-post li a{display:block;padding:7px 0;border-bottom:1px dashed #ddd}
.comment{margin:5px 0;border-bottom:1px dashed #ccc;overflow:hidden;clear:both;min-height:55px;padding:3px 0}
.comments_meta{display:inline-block;float:left;width:55px;height:50px}
.comment_text{padding:0 0 10px 60px}
.children{margin:0 0 0 55px;clear:both}
.children .comment{border-top:1px dashed #eee;border-bottom:0;padding:10px 0 0 0}
.avatar_box{width:46px;height:46px;border:1px solid #aaa;overflow:hidden;border-radius:25px}
.avatar_img{overflow:hidden;width:46px;height:46px;border-radius:23px;background-repeat:no-repeat;background-size:cover}
.comments_reply{width:100%}
.commentnavi{clear:both;margin:20px 0;overflow:hidden;display:inline-block}
.commentnavi a,.commentnavi span{display:inline-block;padding:0 5px;border-left:1px solid #eeee}
.awaiting-moderation{color:#009d7f;font-size:12px}
#cancel-comment-reply{display:block;line-height:28px}
#cancel-comment-reply a{color:red;line-height:28px}
#commentform{overflow:hidden;border:2px solid #bbb;background:#f9f9f9}
#commentform input,#commentform label{vertical-align:middle;-webkit-appearance:none;border-radius:0}
.comment_author_name{color:#999}
.comment-reply-link{float:right;margin-right:10px}
#comment{height:70px;padding:5px;width:100%;border:2px solid #ddd;-webkit-appearance:none;border-radius:0}
.comment-l{padding:0 25px 0 11px}
.comment-btn{margin:10px 0 15px 13px}
#commentform .comment-btn input{display:inline-block;width:100%;height:30px;line-height:30px;font-size:14px;background:#34b100;color:#fff;border-radius:5px;border:1px solid #555}
.comment-r{padding:0 25px 0 11px;line-height:28px}
.comment-r li{height:28px}
.comment-r input{padding:5px;width:100%;border:2px solid #ddd}
#comment:focus,.comment-r input:focus{border:2px solid #1ba1e2}
#respond{margin:20px 0}
.section_title{border-bottom:1px solid #bbb;margin:30px 0 10px 0;position:relative;height:1px;font-weight:bold}
.section_title span,.section_title a{position:absolute;top:-22px;padding:0 15px 2px 0;color:#000;border-bottom:7px solid #34b100}
#footer{font-size:12px;padding:20px 0 20px 0;clear:both;width:100%;background:#3b3c41;margin:40px 0 0 0;color:#888;border-top:12px solid #494c54}
#footer a{color:#aaa}
#footer-body{margin:0 auto}
#footer-content{text-align:center}
#footer-btn-list{margin-bottom:15px}
.footer-button{display:inline-block;margin:0 2px;padding:0 7px;border:1px solid #232427;border-radius:3px;background:#4f5158;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5c5e65),color-stop(100%,#4f5158));box-shadow:inset 0 0 1px rgba(127,130,142,.65);font-size:11px;line-height:25px;color:#fbfbfb}
.page_title{text-align:center;margin:15px 0 15px 0;padding:7px 0;border:1px solid #bbb;border-bottom:4px solid #34b100;background:#efefef;font-size:16px;color:#2e9c00;color:#000;font-weight:bold}
.highlight_title{background:#f1f7fd none repeat scroll 0 0;border:1px solid #d2e8fa;color:#3c99c9;font-size:13px;font-weight:normal;height:28px;line-height:28px;margin-bottom:10px;text-align:center;width:100%}
#searchform{clear:both;overflow:hidden;display:inline-block;width:304px;margin:15px auto 5px auto}
#searchform #searchTextbox{height:20px;width:210px;padding:5px;border:2px solid #ddd;-webkit-appearance:none;border-radius:0;display:inline-block;margin-right:10px;float:left}
#searchform #searchTextbox:focus{border:2px solid #1ba1e2}
#searchsubmit{height:34px;float:left}
#searchTitle{border-bottom:3px solid #34b100;padding:6px 0;font-size:16px;color:#000;font-weight:bold;margin-bottom:15px;text-align:center}
#download{clear:both;overflow:hidden;margin-bottom:20px; }
#down_link{margin-top:10px;background: url(images/download.png) no-repeat 14px 11px #eee;border:1px solid #dedede;padding:5px 5px 5px 30px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px #ffffff; padding: 16px 20px 8px 75px; min-height:35px; }
#down_link p{border-top:1px solid #dedede; margin:4px 1px; }
#down_link a { background:#eee; color:#326693; font-size:12px !important; margin:4px 1px; }
#down_link a:hover { background-color:#fff;text-decoration:none; }
.button{-webkit-appearance:none;width:70px;display:inline-block;padding:7px 0;background:#34b100;color:#fff;border-radius:5px;font-weight:bold;font-size:14px}
.articles_all{line-height:30px;padding-right:25px}
.car-collapse .car-yearmonth{cursor:s-resize}
a.car-toggler{line-height:30px;font-size:14px;color:#37b8eb}
.car-list li{list-style:none;line-height:24px}
.car-list li ul{padding-left:30px}
.car-list a{text-decoration:none;color:#5895be}
.car-list a:hover{text-decoration:none;color:#37b8eb}
.car-plus,.car-minus{width:15px;display:block;float:left;font-family:Tahoma,Microsoft YaHei,Verdana,Arial,Helvetica,sans-serif}
.flink,.linkstandard{list-style:none}
.flink ul ul,.linkstandard ul{list-style:none;line-height:24px}
.flink ul ul li{float:left;height:28px;width:25%;overflow:hidden}
.flink a{color:#969696}
.flink a:hover{background:#37b8eb;color:#fff}
.flink ul li h2,.linkstandard h2{clear:both;font-size:15px;font-weight:normal;color:#969696}
#qlwz-digg{width: 100%;}
.newdigg{min-width: 300px; height:39px; margin:8px auto; clear:both; overflow:hidden; text-align:left;}
.diggbox{min-width: 150px; height:39px; float:left; overflow:hidden; cursor:pointer;}
.diggbox .digg_act{font-size:14px; float:left; line-height:31px; text-indent:32px; height:29px; overflow:hidden; font-weight:bold;}
.diggbox .digg_num{float:left; line-height:29px; text-indent:5px;}
.diggbox .digg_percent{width:120px; clear:both; padding-left:10px;}
.diggbox .digg_percent .digg_percent_bar{width:70px; height:7px; background:#E8E8E8; border-right:1px solid #CCC; float:left; overflow:hidden; margin-top:-6px;}
.diggbox .digg_percent .digg_percent_num{font-size:10px; float:left; padding-left:5px;margin-top:-10px;}
.diggbox .digg_percent .digg_percent_bar span{display:block; height:5px; overflow:hidden; background:#000;}
.newdigg .digg_good{background:url(images/newdigg-bg.png) left top no-repeat;}
.newdigg .digg_bad{background:url(images/newdigg-bg.png) right top no-repeat;}
.newdigg .digg_good .digg_act{color:#C30;}
.newdigg .digg_good .digg_num{color:#C63;}
.newdigg .digg_bad .digg_act{color:#36C;}
.newdigg .digg_bad .digg_num{color:#39C;}
.newdigg .digg_good .digg_percent .digg_percent_bar span{border:1px solid #E37F24; background:#FFC535;}
.newdigg .digg_bad .digg_percent .digg_percent_bar span{border:1px solid #689ACC; background:#94C0E4;}
#list-main{max-width:720px;margin:auto;overflow:hidden}
.waterfall{padding:1em .625em .25em;overflow:hidden;text-align:center;visibility:hidden;}
.waterfall_loading{width:100%;height:150px;background:#fff url("../images/loading.gif") no-repeat center center}
.item{float:left;display:inline;width:48%;}
.itembody{background:#fff;padding:1px;border-bottom:1px solid #c1c1c1;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-top:1px solid #e5e6e8;margin-bottom:1em;-webkit-box-shadow:#d2d2d4 0 .1em 0;-moz-box-shadow:#d2d2d4 0 .1em 0;box-shadow:#d2d2d4 0 .1em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 .375em}
.itembody a{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}
.itembody a img{display:block;height:15.425em;overflow:hidden;width:100%}
.cate_tabs{width:100%;margin:0 0 5px 0;text-align:center;padding:1px;border:1px solid #dedede;background:#f9f9f9}
.cate_tabs ul{overflow:hidden;clear:both;display:inline-block}
.cate_tabs li{float:left;margin-right:0px}
.cate_tabs li a{display:inline-block;padding:2px 5px;color:#666;line-height:10px}
.cate_tabs li a:hover{color:#37b8eb}
.cate_tabs ul .current-menu-item a{background:#37b8eb;color:#fff}
.list-author-header h2{display:block;width:100%;text-align:center;font-family:arial,helvetica,verdana,tahoma,sans-serif;font-size:12px}
.list-table{width:100%;table-layout:fixed}
.list-table-left{width:100%;overflow:hidden}
.list-table-right{display:none}
.itemtag{position:absolute;top:10px;right:-2px;height:25px;line-height:20px;max-width:180px;overflow:hidden;display:inline-block;zoom:1}
.itemtag a{padding:0 0 0 20px;height:25px;background:url("../images/itemtag.png") no-repeat;display:inline-block;color:#bbb;overflow:hidden}
.itemtag a:hover{color:#fff}
.itemtag a span{padding-right:5px;display:inline-block;height:25px;background:url("../images/itemtag-right.gif") no-repeat right top;overflow:hidden}
.itemmeta{padding:10px 0}
.itemmeta p{text-align:center}
.item_meta{overflow:hidden;position:relative;_zoom:1;background:#fafbfd;background:#FFF;border-left:4px solid #37b8eb;padding:3px;margin:0 0 4px 0}
.pic-waterfall .item_meta{padding:0}
.item_meta_avatar{width:30px;height:30px;border:1px solid #ddd;float:left;margin:0 10px 0 0}
.item_meta_content{float:left;padding:6px;border:1px solid #EEE;border-left:none;width:91%}
.colorTip{display:none;color:#fff;position:absolute;width:99%;left:50%;bottom:1px;padding:2px 0;margin:0 1px;z-index:9;background-color:#000;background-color:rgba(0,0,0,.5);font-size:12px;font-style:normal;height:20px;line-height:20px;text-decoration:none;text-align:center;white-space:nowrap;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;box-shadow:0 0 0 #aaa;-webkit-box-shadow:0 0 0 #aaa;-moz-box-shadow:0 0 0 #aaa}
.pointyTip,.pointyTipShadow{border:6px dashed transparent;border-top-style:solid;bottom:-12px;height:0;left:50%;margin-left:-6px;position:absolute;width:0;overflow:hidden}
.pointyTipShadow{border-width:7px;bottom:-14px;margin-left:-7px}
.colorTipContainer{position:relative;text-decoration:none!important;_zoom:1}
.black .pointyTipShadow{border-top-color:#f9f9f9;border-top-color:rgba(249,249,249,.8)}
.se_span{ color:#ccc; padding:0 5px;}
.selsize{ padding:10px; border:1px solid #dcdcdc; margin:20px auto 10px auto; clear:both; background:#ececec;}
@media only screen and (max-width:300px){#list-main{max-width:300px}
}
@media only screen and (max-width:310px) and (min-width:300px){#list-main{max-width:300px}
}
@media only screen and (max-width:320px) and (min-width:310px){#list-main{max-width:320px}
}
@media only screen and (max-width:360px) and (min-width:320px){#list-main{max-width:360px}
}
@media only screen and (max-width:360px) and (min-width:350px){#list-main{max-width:360px}
}
@media only screen and (max-width:480px) and (min-width:360px){#list-main{max-width:480px}
}
@media only screen and (max-width:480px) and (min-width:470px){#list-main{max-width:480px}
}
@media only screen and (max-width:560px) and (min-width:480px){#list-main{max-width:560px}
}
@media only screen and (max-width:570px) and (min-width:560px){#list-main{max-width:570px}
}
@media only screen and (max-width:640px) and (min-width:570px){#list-main{max-width:640px}
}
@media only screen and (max-width:640px) and (min-width:630px){#list-main{max-width:640px}
}
@media only screen and (max-width:710px) and (min-width:640px){#list-main{max-width:710px}
}
@media only screen and (-webkit-min-device-pixel-ratio:2){body #logo{background-image:url('images/sprite@2x.png');background-size:cover}
body .entry-category-icon,body .entry-comment-icon{background-image:url("images/sprite@2x.png");background-size:122px 36px}
}
@media all and (min-width:600px){body #nav{font-size:16px}
body .prev-next{font-size:16px}
body #posts{padding:0 12px}
body .entry{min-height:105px;padding:25px 0 0 0}
body .entry h2{font-size:20px}
body .top-entry .entry-title{display:none}
body .top-entry-title{color:#000;display:inline-block;padding:0 10px 10px 0;background:#fff;float:left;margin-left:460px;border-right:10px solid #34b100}
body .top-entry-title h2{font-size:24px;font-weight:bold}
body .top-entry-content{font-size:16px;color:#888;display:inline-block;float:left;margin:10px 0 0 460px}
body .top-entry-img{height:250px;width:450px;background-size:auto;position:relative}
body .top-entry-img-wrapper{border:0;float:left;margin-right:-460px}
body .entry-thumb a{height:100px;display:inline-block}
body .entry-thumb a img{width:140px;height:100px}
body .entry-body{padding-left:158px}
body .entry-content{display:block}
body .post,body .page{font-size:15px;padding:0 15px}
body #post-title{font-size:24px}
body .post_content{font-size:17px}
body .post_content p,body .page_content p{line-height:27px}
body .post_content img{height:none}
body .videolink{width:80%;height:400px}
body .comment{margin:8px 0;padding:6px 0}
body #commentform{padding:10px 0}
body #comment{height:85px}
body .comment-r,body .comment-l{width:45%;float:left}
body .footer-button{font-size:13px;padding:4px 8px}
body #searchform{width:403px}
body #searchform #searchTextbox{width:300px}
body #searchTitle{font-size:20px}
}