div.ccm-page-list-rss-icon {margin-top: 10px}

 

.ccm-page-list-description .readlink { padding: 8px 10px; background: #bd5503; color: #fff; }

.ccm-page-list-description .readlink:hover { padding: 8px 10px; background: #e07f33; color: #fff; }



.ccm-page-list { text-align: center;margin: 15px auto; }

.ccm-page-list.default .pglist { text-align: left;  }



.pgthumb { margin: 0;/* overflow: hidden; position: relative; -moz-border-radius: 3px; border-radius: 3px; border: 1px #efefef solid*/; }

.pgthumb a { display: inline-block; }

.pgthumb img { background: #fff; border: 1px #efefef solid; -moz-border-radius: 5px; border-radius: 5px; }

.nofeatimg { text-align: left; }



#pagewrap .ccm-page-list.default .pglist .ccm-page-list-title a { color: #000; }

#pagewrap .ccm-page-list.default .pglist .ccm-page-list-title a:hover { color: #444; }


.ccm-page-list.default .pglist hr { padding-top: 45px; }

.ccm-page-list.default .pglist:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.ccm-page-list.default .pglist:last-child hr { display: none; }

.ccm-page-list.default .pglist:first-child { margin-left: auto; margin-right: auto; }

.page-template-home .ccm-page-list.default .pglist { border-bottom: none; }



@media screen and (min-width: 250px)

{

.ccm-page-list.default .pglist { width: 100%; padding: 0; margin: 45px auto; /*border-bottom: rgba(0,0,0,0.1) 1px solid;*/ }



.pgthumb:before { display: none; }



.featleft,

.featright { display: block; vertical-align: top; }



.featleft { width: 100%; margin: 10px auto 35px auto; text-align: left }

.featright { width: 100%; margin: 10px auto; text-align: left; }



.ccm-page-list.default .pglist:child-last { border: 0; }

}

@media screen and (min-width: 1000px)

{

.ccm-page-list.default .pglist { width: 100%; margin: 0 0 45px auto; display: inline-block; text-align: left; vertical-align: top;  }

.ccm-page-list.default .pglist:nth-child(odd) { margin-right: 0; }

.ccm-page-list.default .pglist:nth-child(even) { margin-left: 0; }



.pgthumb:before { display: block; }



.featleft,

.featright { display: inline-block; vertical-align: middle; margin: 0; }



.featleft { width: 30%; margin-bottom: 0; text-align: center; }

.featright { width: 65%; padding: 10px 0; margin-left: 5%; text-align: left; }

}

@media screen and (min-width: 1000px)

{ 



}