*{
	font-family:"Times New Roman","宋体",Arial,Verdana,sans-serif;
	font-size:14px;
	line-height:200%;
	color:#000;
}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,fieldset,form,input,button,textarea,hr,blockquote,pre{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;line-height:2;}
ul,ol,dl{list-style-type:none;}
fieldset,img{border:none;}
table{border-collapse:collapse;table-layout:fixed;empty-cells:show;border:1px solid #999;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
td,th{border:1px solid #999;}
address,caption,cite,code,dfn,th{font-style:normal;font-weight:normal;}
img{vertical-align:text-bottom;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
q:before,q:after{content:"";}
hr{margin:3px 0;border:none;border-top:1px solid #bbb;border-bottom:1px solid #fff;_display:block;_margin:-5px 0;_font-size:0;_line-height:0;}
html{overflow-y:scroll;background-color:#eee;}
body{text-align:center;min-height:500px;-webkit-text-size-adjust:none;}
a{color:#369;text-decoration:none;}
a:hover{color:#06f;text-decoration:underline;}

/* 清理浮动
------------------------------ */
.clearfix{zoom:1;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

/* Pagination style
------------------------------ */
.pages{clear:both;height:24px;padding:15px 0;color:#999;font:14px/24px Tahoma;text-align:left;}
.pages a:link,
.pages a:visited{margin:0 4px 0 0;padding:4px 8px;border:1px solid #ccc;border-radius:2px;background:#fff;color:#777;}
.pages a:hover{border-color:#c00;box-shadow:1px 1px 1px #333;color:#c00;text-decoration:none;}
.pages a.current{border-color:#c00;color:#c00;text-decoration:none;}
.pages strong{margin:0 4px 0 0;padding:5px 9px;border-radius:3px;background:#a00;color:#fff;}
.pages span{margin:0 4px 0 0;padding:3px 2px;}
.pages input{height:26px;border:1px solid #ccc;color:#333;}


.wrap{width:1020px;text-align:center;padding:0px;margin:auto;background:#fff;}

.cms_box{padding:10px;margin:auto;-border:1px solid #fcc;background:#fff;*zoom:1;}
.cms_box:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.cms_box .main_nav{color:#777;text-align:left;line-height:20px;}

.cms_box_left{float:left;width:200px;text-align:left;border:1px solid #ccc;}
.cms_box_right{width:770px;margin:auto;text-align:left;}

/* 文章分类
------------------------------ */
.cms_sort{font-size:14px;width:auto;margin-bottom:5px;padding-bottom:10px;border-bottom:solid 1px #ccc;}
.cms_sort a{position:relative;float:left;color:#38e;}
.cms_sort a:hover{text-decoration:underline;}
.cms_sort dt{float:left;font-size:14px;line-height:24px;}
.cms_sort dd{float:left;margin-left:5px;}

.path_box{background:#fff url(icon_head2.png) no-repeat left center;padding-left:20px;margin-bottom:10px;border-bottom:1px solid #396;}
.path_box ul{float:left;}
.path_box .path_item{background:#fff url(arrow_right.png) no-repeat 3px center;padding-left:18px;float:left;color:#48B;}

.cms_sort .n{padding:0 5px;border-radius:3px;background-color:#38e;color:#fff;}

.searchbox{width:660px;max-width:98%;margin:10px auto;line-height:40px;text-align:center;}
.searchbox .label{padding:5px;width:60px;color:#666;font:bold 14px/20px "\5fae\8f6f\96c5\9ed1";}

.searchbox .input_k{background:#fff url(search-icon.png) no-repeat left center;padding-left:28px;margin:0;width:68%;height:30px;line-height:28px;vertical-align:middle;font-size:16px;outline:none;border:solid 1px #396;border-right:none;border-radius:5px 0 0 5px;display:inline-block;}

.searchbox .input_k:focus{border:solid 1px #396;border-right:none;}

.searchbox .input_s{background:#396;color:#fff;margin:0;width:20%;height:32px;line-height:28px;vertical-align:middle;font-family:"微软雅黑";font-size:16px;outline:none;border:solid 1px #396;border-radius:0 5px 5px 0;display:inline-block;cursor:pointer;}

/* 文章列表
------------------------------ */
.cms_list{float:left;width:100%;}
.cms_list .list{font-size:14px;line-height:30px;text-align:left;}
.cms_list .list li{position:relative;zoom:1;}
.cms_list .list .s{margin-right:4px;color:#999;font-style:normal;}
.cms_list .list .date{position:absolute;top:0;right:0;color:#777;}
.cms_list table{border:none;}
.cms_list th,td{border:none;font-size:14px;text-align:left;}
.cms_list td a{line-height:1.5;}
.cms_list .icon_td{background:url(arrow_right.png) no-repeat left center;padding-left:16px;}
.cms_list .headrow{background:#ddd;-border-bottom:solid 1px #ccc;}
.cms_list .datarow{border-bottom:dashed 1px #ccc;}
.cms_list .datarow:hover{background:#ddf6ee;}

/* 文章标题
------------------------------ */
.cms_title{padding:5px 10px;}
.cms_title h1{text-align:left;font:bold 30px/40px "\5fae\8f6f\96c5\9ed1";}
.cms_title .logo{float:left;background:#fff url(logo.png) no-repeat left center;padding-left:70px;;}
.cms_title .sitetitle{}
.cms_title a{color:#777;}
.cms_title .attr{float:right;color:#777;text-align:right;line-height:30px;}
.cms_title .author{}
.cms_title .relate{}
.cms_title input,select{height:22px;padding:2px;border:1px solid #ccc;border-radius:3px;background-color:#fff;color:#333;}
.cms_title .top_nav{float:right;color:#777;text-align:right;line-height:20px;}
.cms_title .top_login{float:right;clear:right;padding-top:15px;color:#777;text-align:right;line-height:20px;}


/* 文章内容
------------------------------ */
/*.cms_info{font:14px/1.7 "\5b8b\4f53";}*/
.cms_info p{margin:0.5em 0;}
.cms_info blockquote{position:relative;margin:0 0 10px 0;padding:20px 40px;border:1px solid #ddd;border-radius:3px;background:#f3f3f3;}
.cms_info blockquote:before{content:"“";position:absolute;top:0;left:5px;color:#ddd;font:bold 56px/1 Arial;text-shadow:1px 1px 0 #fff,-1px -1px 0 #ccc;}
.cms_info blockquote:after{content:"”";position:absolute;bottom:0;right:5px;color:#ddd;font:bold 56px/0.5 Arial;text-shadow:1px 1px 0 #fff,-1px -1px 0 #ccc;}
.cms_info pre{margin:10px 0;background:#FFF;word-wrap:break-word;}
.cms_info code{font-family:Consolas,Monaco,Courier,"Courier New";font-size:14px;}
.cms_info code:before{content:"Code Examples";position:absolute;top:10px;left:10px;color:#bbb;font:bold 14px/1 Arial;text-shadow:1px 1px 0 #fff;}
.cms_info code.html:before{content:"HTML Code";}
.cms_info code.css:before{content:"CSS Code";}
.cms_info code.js:before{content:"JavaScript Code";}
.cms_info code.php:before{content:"PHP Code";}
.cms_info code ol{list-style:decimal inside;}
.cms_info table{border-collapse:collapse;font-size:14px;line-height:1.7;}
.cms_info table td{padding:3px 5px;border:1px solid #ccc;}
.cms_info table th{background:#ffc;}

/*
@media screen and (max-width:1000px){
	.wrap{width:auto;}
	.cms_box_left{display:none;}
	.cms_box_right{width:100%;}
}
@media screen and (max-width:770px){
	.wrap{width:auto;}
	.cms_box_left{display:none;}
	.cms_box_right{width:100%;}
	table td:nth-child(3),table th:nth-child(3),
	table td:nth-child(5),table th:nth-child(5){display: none;}
	#ad_1{display:none;}
	#ad_2{display:none;}
	#article_info{display:none;}
}
@media screen and (max-width:550px){
	.wrap{width:auto;}
	.cms_box_left{display:none;}
	.cms_box_right{width:100%;}
	table td:nth-child(2),table th:nth-child(2),
	table td:nth-child(3),table th:nth-child(3),
	table td:nth-child(4),table th:nth-child(4),
	table td:nth-child(5),table th:nth-child(5){display: none;}
	#article_info{display:none;}
}
@media screen and (max-width:420px){
	.wrap{width:auto;}
	.cms_box_left{display:none;}
	.cms_box_right{width:100%;}
	table td:nth-child(2),table th:nth-child(2),
	table td:nth-child(3),table th:nth-child(3),
	table td:nth-child(4),table th:nth-child(4),
	table td:nth-child(5),table th:nth-child(5){display: none;}
	#ad_2{display:none;}
	.input_k{width:160px;}
}
@media screen and (max-width:330px){
	.wrap{width:310px;}
	.cms_box_left{display:none;}
	.cms_box_right{width:100%;}
	table td:nth-child(2),table th:nth-child(2),
	table td:nth-child(3),table th:nth-child(3),
	table td:nth-child(4),table th:nth-child(4),
	table td:nth-child(5),table th:nth-child(5){display: none;}
	#ad_2{display:none;}
	.input_k{width:160px;}
}
*/