h1 {text-align:center;}
.subtitle {display:block;padding:0px 15px 5px 15px;width:360px;margin:0px auto;text-align:center;background:url(../images/0/arrow-postlist.html) right bottom no-repeat;font-size:20px;font-weight:700;color:#b8d657;}

.postpubcontainer {max-width:1130px; margin:0px auto;}
.postpub {float:left; width:374px; margin:0px 1px 2px 1px;}
.postpub .postpubhover {display:none; width:374px; height:374px; padding-top:61px; position:absolute; top:0px; left:0px; background:#000; opacity:0.9;}
.postpub .postpubhover .postpubvideolink {display:block;color:#fff;width:265px;margin:17px auto 10px auto;padding:9px 0px 9px 30px;text-align:center;font-size:20px;font-weight:700;background:url(../images/0/icon-playvideo.html) 70px center no-repeat;border:1px solid #fff;border-radius:10px;cursor:pointer;}
.postpub .postpubhover .postpubvideolink:hover {color:#000;background:url(../images/0/icon-playvideo-h.html) 70px center no-repeat #fff;text-decoration:none;}
.postpub .postpubhover .showpostpubtext {display:block; color:#fff; width:295px; margin:17px auto 10px auto; padding:9px 0px 9px 0px; text-align:center; font-size:20px; font-weight:700; background:url(../images/0/icon-showtext.html) 40px center no-repeat; border:1px solid #fff; border-radius:10px; cursor:pointer;}
.postpub .postpubhover .showpostpubtext:hover {color:#000; background:url(../images/0/icon-showtext-h.html) 40px center no-repeat #fff; text-decoration:none;}
.postpub .postpubhover .postpublink {display:block; color:#fff; width:295px; margin:17px auto 10px auto; padding:9px 0px 9px 0px; text-align:center; font-size:20px; font-weight:700; background:url(../images/0/icon-readpost.html) 28px center no-repeat; border:1px solid #fff; border-radius:10px;}
.postpub .postpubhover .postpublink:hover {color:#000; background:url(../images/0/icon-readpost-h.html) 28px center no-repeat #fff; text-decoration:none;}
.postpub .postpubhover .postpubsmlink {display:block; color:#fff; width:245px; margin:17px auto 10px auto; padding:9px 20px 9px 30px; text-align:right; font-size:20px; font-weight:700; background:url(../images/0/icon-instagram.html) 21px center no-repeat; border:1px solid #fff; border-radius:10px;}
.postpub .postpubhover .postpubsmlink:hover {color:#000; background:url(../images/0/icon-instagram-h.html) 21px center no-repeat #fff; text-decoration:none;}
.postpub .postpubimage {width:374px; height:374px; position:relative; overflow:hidden;}
.postpub .postpubimage img {max-height:100%; max-width:100%;}
.postpub .postpubimage:hover .postpubhover {display:block;}
.postpub .postpubtext {display:none; border:1px solid #ccc; padding:10px 12px 10px 12px; font-size:15px; text-align:left;}

.res940 .postpubcontainer {width:900px; margin:0px auto;}
.res940 .postpub {width:298px;}
.res940 .postpub .postpubimage {width:298px; height:298px;}
.res940 .postpub .postpubhover {width:100%; height:100%; padding-top:40px; box-sizing:border-box;}
.res940 .postpub .postpubhover .postpubvideolink {width:155px; margin:17px auto 10px auto; padding:6px 35px 6px 50px; font-size:17px; background:url(../images/0/icon-playvideo.html) 34px center no-repeat;}
.res940 .postpub .postpubhover .postpubvideolink:hover {background:url(../images/0/icon-playvideo-h.html) 34px center no-repeat #fff;}
.res940 .postpub .postpubhover .showpostpubtext {width:155px; margin:17px auto 10px auto; padding:6px 35px 6px 50px; font-size:17px; background:url(../images/0/icon-showtext.html) 34px center no-repeat;}
.res940 .postpub .postpubhover .showpostpubtext:hover {background:url(../images/0/icon-showtext-h.html) 34px center no-repeat #fff;}
.res940 .postpub .postpubhover .postpublink {width:170px; margin:17px auto 10px auto; padding:6px 35px 6px 35px; font-size:17px; text-align:right;}
.res940 .postpub .postpubhover .postpubsmlink {width:215px;margin:17px auto 10px auto;padding:6px 10px 6px 15px;font-size:17px;background:url(../images/0/icon-instagram.html) 11px center no-repeat;}
.res940 .postpub .postpubhover .postpubsmlink:hover {background:url(../images/0/icon-instagram-h.html) 11px center no-repeat #fff;}

.res720 .postpubcontainer {width:680px; margin:0px auto;}
.res720 .postpub {width:480px; float:none; margin:0px auto 2px auto;}
.res720 .postpub .postpubhover {width:480px; height:480px; padding-top:112px;}
.res720 .postpub .postpubimage {width:480px; height:480px;}
.res720 .postpub .postpubimage:hover .postpubhover {display:none;}

.res480 .postpubcontainer {width:440px; margin:0px auto;}
.res480 .postpub {width:440px; float:none; margin:0px auto 2px auto;}
.res480 .postpub .postpubhover {width:440px;height:440px;padding-top:82px;}
.res480 .postpub .postpubimage {width:440px; height:440px;}
.res480 .postpub .postpubimage:hover .postpubhover {display:none;}

.res320 .subtitle {width:240px; padding:0px 0px 5px 0px;}
.res320 .postpubcontainer {width:280px; margin:0px auto;}
.res320 .postpub {width:280px; float:none; margin:0px auto 2px auto;}
.res320 .postpub .postpubhover {width:280px;height:280px;padding-top:20px;}
.res320 .postpub .postpubhover .postpubvideolink {width:155px;margin:17px auto 10px auto;padding:7px 35px 7px 50px;font-size:17px;background:url(../images/0/icon-playvideo.html) 45px center no-repeat;}
.res320 .postpub .postpubhover .postpubvideolink:hover {background:url(../images/0/icon-playvideo-h.html) 45px center no-repeat #fff;}
.res320 .postpub .postpubhover .showpostpubtext {width:155px;margin:17px auto 10px auto;padding:7px 35px 7px 50px;font-size:17px;background:url(../images/0/icon-showtext.html) 34px center no-repeat;}
.res320 .postpub .postpubhover .showpostpubtext:hover {background:url(../images/0/icon-showtext-h.html) 34px center no-repeat #fff;}
.res320 .postpub .postpubhover .postpublink {width:170px;margin:17px auto 10px auto;padding:7px 35px 7px 35px;font-size:17px;text-align:right;}
.res320 .postpub .postpubhover .postpubsmlink {width:215px;margin:17px auto 10px auto;padding:7px 10px 7px 15px;font-size:17px;background:url(../images/0/icon-instagram.html) 11px center no-repeat;}
.res320 .postpub .postpubhover .postpubsmlink:hover {background:url(../images/0/icon-instagram-h.html) 11px center no-repeat #fff;}
.res320 .postpub .postpubimage {width:280px; height:280px;}
.res320 .postpub .postpubimage:hover .postpubhover {display:none;}

/* Paging Start */
.pagerFooter {clear:both; float:right; margin:20px 0px 0px 0px;}
.pagerFooter a.btn-pg {background:#d9d6d2; text-align:center; line-height:34px; color:#28335d;}
.pagerFooter a.btn-pg:hover {background:#28335d; color:#fff;}
.pagerFooter a {display:inline-block; background:#d9d6d2; min-width:25px; padding:0px 5px; height:35px; text-align:center; line-height:34px; color:#28335d; margin:0 2px; text-decoration:none; border-radius:5px; zoom:1;}
.pagerFooter span {display:block; float:left; height:35px; text-align:center; line-height:34px; color:#29345c; letter-spacing:1px; margin:0 2px; text-decoration:none;}
.pagerFooter a.ppselected {background:#28335d; color:#fff;}
.pagerFooter a:hover {background:#28335d; color:#fff;}
.content .cpage .pagerFooter span {display:block; float:left; margin:0 6px; color:#000; letter-spacing:1px; line-height:35px;}

.res480 .carea {padding-bottom:40px;}
.res480 .pagerFooter a {margin-top:8px;}

.res320 .carea {padding-bottom:40px;}
.res320 .pagerFooter a {margin-top:8px;}