.divEventList {height:auto; overflow:hidden;}
.divEventHeader {font-size:18px; color:#434343; float:left;}
.divEventItemOuter {width:25%; overflow: hidden; margin-bottom:5%; padding: 0% 1%;}
.divEventItem {height:auto; overflow:hidden;}
.divEventContent {height:auto; overflow:hidden;}
.divListPaginationInner {height:auto; overflow:hidden; float:right; /*text-align:right;*/ padding-top:5px; padding-bottom:5px;}
.divListPaginationTop {height:auto; overflow:hidden; float:right; margin-left:10px; }
.divListPaginationBottom {height:auto; overflow:hidden; clear:both; float:left;}

.divEventImage {overflow:hidden; border:1px solid #dddddd; background:#ffffff;}
.divEventImg {overflow:hidden;}
.divEventImgInner {position:relative;  overflow:hidden;width:100%; height:100%; box-sizing:border-box;}
.divEventImgInner > a {display:block;height:0;padding-bottom: 100%;width:100%;}
.divEventImgInner > a > img {position:absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.divEventImgInner > a > img.landscape {width: auto; height: 100%;}
.divEventDetails {height:auto; overflow:hidden; width:100%;}
.divEventName {padding-top:10px;}
.divEventName h3 {padding: 0px; margin:0px;}
.divEventStartDate {font-size:14px; padding-top:5px; color:#191919;}
.divEventDesc {height:auto; overflow:hidden; text-align:justify; padding-top:10px;}
.divEventRead {height:auto; margin-top:10px;}
.divEventGallery {height:auto; overflow:hidden;}
.divEventGalleryItems {height:auto; overflow:hidden; float:left; height:93px; width:120px; margin-bottom:10px; margin-right:14px;}
.divEventGalleryItemsLast {height:auto; overflow:hidden; float:left; height:93px; width:120px; margin-bottom:10px;}
.divEventGalleryImg {float:left; display:table; height:91px; overflow:hidden; width:118px; border:1px solid #dddddd; background:#ffffff;}
.divEventGalleryImgInner {display:table-cell; vertical-align:middle; text-align:center;}
.divEventSpliter {background: #dedede; height:1px; width:100%; margin-bottom:20px;}
.divFirstButton{float:right; padding-right:5px;}
.divPagination{float:right; padding-right:5px;}
.divLastButton {float:right; padding-right:5px;}
.divListPagination { display:flex; border:1px solid #ddd; height:35px;} 

.divEventItemsContainer {width:100%; overflow:hidden; display:flex; flex-wrap:wrap;}

.divDdlSort {float:right; padding-left:15px; margin-bottom:25px;}
.ddl_sort, .ddl_filter { border:1px solid #ddd; font-style:italic;}
.ddl_sort {width:195px;}
.ddl_filter {width:85px;}

/* Count part */
.divEventCount{height:auto; padding-top:5px; float:right;}
.divEventCountInnerTop {overflow:hidden;}
.divEventCountInnerBottom{overflow:hidden;}
.divEventCommentCount{float:right; text-align:center; width:20px; height:13px; padding-left:10px;}
.divEventVideoCount{float:right; text-align:center; width:20px; height:13px; padding-left:10px;}
.divEventGalleryCount{float:right; text-align:center; width:20px; height:13px; padding-left:10px;}
.divEvtCommentCount{float:right; text-align:center; width:20px;}
.divEvtVideoCount{float:right; text-align:center; width:20px;}
.divEvtGalleryCount{float:right; text-align:center; width:20px;}
/* End Count Part */

.hypReadEvent {height:23px; width:100px; padding-top:7px; display:block; font-size:12px; font-family:Calibri, Arial, Sans-Serif; color:#ffffff; text-align:center; outline:none; background:#00d8ff;}
.hypReadEvent:link {color:#ffffff; text-decoration:none; background:#00d8ff;}
.hypReadEvent:visited {color:#ffffff; text-decoration:none; background:#00d8ff;}
.hypReadEvent:hover {color:#ffffff; text-decoration:none; background:#09c3e5;}
.hypReadEvent:active {color:#ffffff; text-decoration:none; background:#09c3e5;}

.lnkbtnFirst {float:right; color:#959595; margin-right:10px;}
.lnkbtnFirst:link {color:#959595;}
.lnkbtnFirst:visited {color:#959595;}
.lnkbtnFirst:hover {color:#0072db; margin-right:10px;}
.lnkbtnFirst:active {color:#0072db; margin-right:10px;}
.lnkbtnFirstDisabled {float:right; display:block; cursor:default; color:#959595; margin-right:10px;}
.lnkbtnFirstDisabled:hover {float:right; display:block; cursor:default; color:#959595; margin-right:10px;}

.lnkbtnLast {float:right; display:block; color:#959595;}
.lnkbtnLast:link {color:#959595;}
.lnkbtnLast:visited {color:#959595;}
.lnkbtnLast:hover {color:#0072db;}
.lnkbtnLast:active {color:#0072db;}
.lnkbtnLastDisabled {float:right; display:block; cursor:default; color:#959595; margin-left:10px;}
.lnkbtnLastDisabled:hover {float:right; display:block; cursor:default; color:#959595; margin-left:10px;}

.lnkbtnPrev {float:right; color:#959595;}
.lnkbtnPrev:link {color:#959595;}
.lnkbtnPrev:visited {color:#959595;}
.lnkbtnPrev:hover {color:#0072db; }
.lnkbtnPrev:active {color:#0072db; }
.lnkbtnDisabled {float:right; display:block; cursor:default; color:#959595; }
.lnkbtnDisabled:hover {float:right; display:block; cursor:default; color:#959595;}

.lnkbtnNext {float:right; display:block; color:#959595; margin-right:10px;}
.lnkbtnNext:link {color:#959595;}
.lnkbtnNext:visited {color:#959595;}
.lnkbtnNext:hover {color:#0072db;}
.lnkbtnNext:active {color:#0072db;}
.lnkbtnNextDisabled {float:right; display:block; cursor:default; color:#959595; margin-right:10px;}
.lnkbtnNextDisabled:hover {float:right; display:block; cursor:default; color:#959595; margin-right:10px;}

.hypEventName {outline: none;}
.hypEventName:link, .hypEventName:visited {color:#191919; text-decoration: none;}
.hypEventName:hover, .hypEventName:active{text-decoration: none;outline: none;}

/* Buttons */
.btnPagination {font-size:18px; color:#666666;}
a.btnPagination:link, a.btnPagination:visited {color:#666666; text-decoration:none;}
a.btnPagination:hover, a.btnPagination:active {color:#492815; text-decoration:none;}

.btnPaginationSel {font-size:18px; color:#492815;}
a.btnPaginationSel:link, a.btnPaginationSel:visited {color:#492815; text-decoration:none;}
a.btnPaginationSel:hover, a.btnPaginationSel:active {color:#492815; text-decoration:none;}


.imgbtnPageFirst {color:#7f7f7f; padding:4px 0px 0px 5px; width:38px; height:38px; border-right:1px solid #ddd; display:block; outline:none;}
.imgbtnPageFirst:link {color:#7f7f7f;}
.imgbtnPageFirst:hover {color:#191919;}
.imgbtnPageFirst.disabled {color:#191919; cursor:not-allowed;}
.imgbtnPageFirst.btn-prev:before {content:"skip_previous"; font-size:25px; font-weight:normal; font-family:"Material Icons";}

.imgbtnPageLast {color:#7f7f7f; padding:4px 0px 0px 5px; width:38px; height:38px; border-left:1px solid #ddd; display:block; outline:none;}
.imgbtnPageLast:link {color:#7f7f7f;}
.imgbtnPageLast:hover {color:#191919;}
.imgbtnPageLast.disabled {color:#191919; cursor:not-allowed;}
.imgbtnPageLast.btn-next:before {content:"skip_next"; font-size:25px; font-weight:normal; font-family:"Material Icons";}

.lnkbtn.viewNew , .lnkbtn.viewRec {text-transform: none;}

.lazyload {opacity: 0;}
.lazyloading {opacity: 1;transition: 300ms opacity;background: #f7f7f7 url(../img/cmn/loading.gif) no-repeat center;min-height: 60px;}
/* End of Buttons */