.texttop {margin-bottom:30px;}
.textbottom {margin-top:30px;}

.cpage {position:relative;}
.cpage .posts {margin:35px 330px 0px 0px;}
.cpage .posts .post {float:left; width:33.3%; margin-bottom:30px;}
.cpage .posts .post .parea {margin:0px 8px;}
.cpage .posts .post .parea .pic {margin-bottom:20px;}
.cpage .posts .post .parea .pic a {display:block; position:relative;}
.cpage .posts .post .parea .pic a .bg {position:absolute; height:100%; width:100%; background:url(/images/0/post-img-hover.png); top:0px; left:0px; opacity:0; transition:0.5s;}
.cpage .posts .post .parea .pic a:hover .bg {opacity:1; transition:0.5s;}
.cpage .posts .post .parea .ndate {color:#4c4c4c; font-size:18px; font-weight:600; margin:15px 0px 10px 0px; background:url(/images/0/calendar.png) left center no-repeat; padding-left:24px;}
.cpage .posts .post .parea .title a {color:#000; font-size:20px;}
.cpage .posts .post .parea .bottom {margin-top:20px; text-align:center;}
.cpage .posts .post .parea .bottom a {color:#fff; font-size:20px; padding:10px 25px; background:#ff5301; border-radius:30px; display:inline-block; zoom:1; font-weight:700;}
.cpage .posts .post .parea .bottom a:hover {background:#28345e; text-decoration:none;}
.cpage .sidebar {position:absolute; top:13px; right:0px; width:309px;}
.cpage .sidebar .widget {background:#f4f4f4; padding:20px; margin-bottom:25px; border-radius:10px;}
.cpage .sidebar .widget .title {font-size:28px; font-weight:700; color:#28345e; padding-left:50px; height:38px; line-height:38px; margin-bottom:25px;}
.cpage .sidebar .widget ul {margin:0px; padding:0px; list-style:none;}
.cpage .sidebar .widget ul li {background:url(/images/0/bullet.png) left 18px no-repeat; padding-left:18px; border-top:solid 1px #e1e1e1;}
.cpage .sidebar .widget ul li a {display:block; color:#3d3d3d; margin:10px 0px; font-size:18px;}
.cpage .sidebar .widget ul li a.selected {text-decoration:underline;}
.cpage .sidebar .widget.recent .title {background:url(/images/0/icon-recent-post.png) left center no-repeat;}
.cpage .sidebar .widget.most .title {background:url(/images/0/icon-popular-post.png) left center no-repeat;}
.cpage .sidebar .widget.archive .title {background:url(/images/0/icon-archives.png) left center no-repeat;}
.cpage .sidebar .widget.cats {margin-bottom:0px;}
.cpage .sidebar .widget.cats .title {background:url(/images/0/icon-categories.png) left center no-repeat;}

.res1810 .cpage .posts .post .parea {max-width:453px; margin:0px auto;}
.res1810 .cpage .posts .post .parea .socialcntitems {float:right;}
.res1810 .cpage .posts .post .parea .ndate {float:left; margin:0px 0px 20px 0px;}
.res1810 .cpage .posts .post .parea .title {clear:both;}
.res1810 .cpage .posts .post .parea .title a {font-size:28px;}
.res1810 .cpage .posts .post .parea .bottom a {font-size:22px;}

.res940 .cpage .posts {margin-right:312px;}
.res940 .cpage .posts .post {width:50%;}
.res940 .cpage .sidebar {width:292px;}

.res720 .cpage .posts {margin-right:0px; min-height:auto !important;}
.res720 .cpage .posts .post {width:50%;}
.res720 .cpage .sidebar {position:static; margin-top:30px; width:auto; clear:both;}

.res480 .cpage .posts {margin-right:0px; min-height:auto !important;}
.res480 .cpage .posts .post {float:none; width:auto;}
.res480 .cpage .posts .post .parea {margin:0px;}
.res480 .cpage .sidebar {position:static; margin-top:30px; width:auto; clear:both;}

.res320 .cpage .posts {margin-right:0px; min-height:auto !important; margin-top:20px;}
.res320 .cpage .posts .post {float:none; width:auto;}
.res320 .cpage .posts .post .parea {margin:0px;}
.res320 .cpage .posts .post .parea .ndate {font-size:16px;}
.res320 .cpage .posts .post .parea .title a {font-size:18px;}
.res320 .cpage .posts .post .parea .bottom a {font-size:16px;}
.res320 .cpage .sidebar {position:static; margin-top:30px; width:auto; clear:both;}

.pagerFooter {padding-top:30px; border-top:solid 1px #acacac; overflow:hidden;}
.pagerFooter .pagerFooterArea {float:right;}
.pagerFooter .pagerFooterArea a.btn-pg {background:#28345e; text-align:center; line-height:34px; color:#fff;}
.pagerFooter .pagerFooterArea a.btn-pg:hover {background:#ff5301;}
.pagerFooter .pagerFooterArea a {display:block; float:left; background:#28345e; width:25px; padding:0px 5px; height:35px; text-align:center; line-height:34px; color:#fff; margin:0 2px; text-decoration:none; font-size:15px; border-radius:25px;}
.pagerFooter .pagerFooterArea span {display:block; float:left; height:35px; text-align:center; line-height:34px; color:#033455; letter-spacing:1px; margin:0 2px; text-decoration:none;}
.pagerFooter .pagerFooterArea a.ppselected {background:#ff5301;}
.pagerFooter .pagerFooterArea a:hover {background:#ff5301;}
.pagerFooter .pagerFooterArea span {display:block; float:left; margin:0 6px; color:#000; letter-spacing:1px; line-height:35px;}

.res320 .pagerFooter .pagerFooterArea a {width:20px; height:30px; line-height:30px; font-size:14px;}
.res320 .pagerFooter .pagerFooterArea span {width:20px; height:30px; line-height:30px; font-size:14px; margin:0px;}