.homehighlight-pagination {display: inline-block;margin: 50px 0;text-align: center;width: 100%;}
.homehighlight-pagination a {margin: 0 auto;}
.item-newsdate {display: inline-block;width: 100%;}
.item-newsdate i {font-size: 12px;}
.item-newsdate span {font-size: 12px;padding: 0 3px;vertical-align: middle;}
#home-highlight-container{margin-top: 20px;}
#top-highlight {height: 360px;}
#bottom-highlight-container{height: 230px;margin-top: 20px;width: 100%;}
.main-highlight {width: 60%;height: 100%;float: left;position: relative;background-blend-mode:overlay;background-color: rgba(0,0,0,0.4);transition: background-color 0.5s;}
.main-highlight:hover {background-color: rgba(0,0,0,0.6);}
.main-highlight h3 {color: #FFFFFF;font-family: "Lato",sans-serif;position: absolute;bottom: 0;padding: 20px;font-size: 28px;}
.right-highlight-container {width: 40%;height: 100%;float: left;box-sizing: border-box;padding-left: 8px;}
.right-highlight {width: 100%;height: 31.84%;margin-top: 8px;}
.right-highlight:first-child {margin-top:0px;}
.right-highlight-image {height: 100%;width: 40%;float: left;background-blend-mode: overlay;background-color: rgba(0, 0, 0, 0.1);transition: background-color 0.5s;position: relative;}
.right-highlight a:hover .right-highlight-image {background-color: rgba(0, 0, 0, 0.5);}
.right-highlight-text {height: 100%;width: 60%;float: left;box-sizing: border-box;border: 1px solid #e0e0e0;padding: 7px;overflow: hidden;color: #000;}
.right-highlight-title {font-family: "Lato",sans-serif;text-align: left;font-size: 13px;font-weight: bold;display: inline-block;margin-bottom: 6px;}
.right-highlight-introtext {font-family: "Lato",sans-serif;text-align: left;font-size: 11px;line-height: 1.4;}
.image {background-position: center center;background-size: cover;}
.highlight-category {background-color: #fc6b01;color: #fff;display: inline-block;font-family: "Lato",sans-serif;font-size: 10px;font-weight: bold;padding: 4px 10px;text-align: center;text-decoration: none;text-transform: uppercase;position: absolute;top:0;left:0;}
.bottom-highlight-group {width: 950px;height: 210px;}
.bottom-highlight {background-color: #EEEEEE;height: 100%;width: 24.29%;float: left;margin-right: 9px;position: relative;padding: 10px;box-sizing: border-box;color: #000;font-family: "Lato",sans-serif;}
.bottom-highlight a {text-decoration: none;color: #000;display: inline-block;height: 100%;width: 100%;}
.bottom-highlight:last-child {margin-right: 0;}
.bottom-highlight-title {font-family: "Lato",sans-serif;text-align: left;font-size: 14px;font-weight: bold;display: inline-block;margin: 20px 0 0;width: 100%;border-bottom: 1px solid #CCC;padding-bottom: 10px;box-sizing: border-box;}
.bottom-highlight-introtext {font-family: "Lato",sans-serif;text-align: left;font-size: 12px;line-height: 1.4;margin: 10px 6px;}
.cycle-pager {padding-top: 15px;text-align: center;}
.cycle-pager span {background-color: #CCCCCC;border-radius: 100%;cursor: pointer;display: inline-block;font-family: arial;font-size: 0;height: 10px;margin: 0 3px;width: 10px;vertical-align: middle;}
span.cycle-pager-active {background-color: #AAAAAA;height: 12px;width: 12px;}
@media (min-width:768px) and (max-width:991px) {
    .right-highlight-container {width: 47%;}
    .main-highlight {width: 53%;}
    #home-highlight-container {overflow: hidden;}
}
@media (max-width:767px) {
    .right-highlight-container {width:100%; padding-left:0;margin-top:20px;}
    .main-highlight {width:100%;}
    #bottom-highlight-container {display:inline-block;width:100%;overflow:auto;}
    #bottom-highlight-container section.cycle-pager {display:none;}
    .bottom-highlight {width:230px;height:210px;}
    .homehighlight-pagination {margin: 25px 0;}
    .highlight_home_hiddenmobile {display:none;}
}
@media (max-width:480px) {
    #top-highlight{height:300px;}
    .right-highlight{height:45%;}
    #bottom-highlight-container{margin-top: 140px;}
    .bottom-highlight-group ul {width: 100%;display: inline-block;}
    .highlight_home_hiddenmobile {display:none;}
}