.custom_167 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}[class*='col-'] { padding-right: 0px; }.row-606572a944622 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-606572a944623 {min-height:5px;}.row-60615d33d1326 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);background-attachment: fixed;background-repeat: no-repeat;}.column-60615d33d1327 {min-height:5px;}.row-6066f04bae4bb {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);    background-image: url(/selangor/resources/SUK%20-%20New%20Design/bg-selangor-3-01.jpg);
    background-size: cover;
    background-repeat: no-repeat;}.column-6066f04bae4bc {min-height:5px;}.row-60615d36d132a {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-60615d36d132b {min-height:5px;}#body_web{
font-family: 'Titillium Web', sans-serif !important;
font-size: 14px;
}

#announ_615 a{
padding:0px !important;
}

ul#carousel_thumbnail_587 li img {
    width: 1142px !important;
    height: 240px;
}

.slider-wrapper{
    position:relative;
    padding-bottom:10px;
    margin:10px;
}

.berita p:hover span a span , .pengumuman p:hover span a span {
    color: #c21511 !important;
}

.berita p:hover, .pengumuman p:hover {
    background-color: #e2e2e2;
}

.content-container:hover {
    background-color: #c21511ba;
    background-image: linear-gradient(
45deg
, #06060663,#c21511ba);
}


.dropdown_4columns{
    margin-top: 0 !important;
}

.dropdown_4columns .col_1 ul li a {
    font-weight: normal !important;
}

.footer-tab tbody > tr > td a:hover {
    text-decoration: 2px underline;
    color: #c21511;
}

.header-wrap-2 div a:hover {
    /*color: white;*/
    text-decoration:none;
}

.header-wrap-4 div a:hover {
    /*color: white;*/
   text-decoration:none;
}

.font_color_front_block {
    width: 16px;
    height: 16px;
    /* vertical-align: bottom; */
    text-align: center;
    border-style: outset !important;
    border-width: unset !important;
    border-color: unset !important;
    float: left;
    margin-left: 5px;
    background-color: #a29797;
    padding: 3px;
    font-size: 5.5pt;
}

.accessibility_block img {
    margin-bottom: 3px;
}

.accessibility_block {
    margin-left: 3px;
    width: 20px !important;
    height: 20px !important;
    border-radius: 20%;
    border-style: outset;
}

.font_color_front_block {
    border-style: solid;
    /* padding-bottom: 15px; */
    /* margin-bottom: 8px !important; */
}


#select2-select_fontfamily-container {
    width: unset !important;
}

.responsive_menu ul li:first-child::after {
    background: none !important;
}

.responsive_menu > ul li .res_edit_icon img {
    display: none;
}


.add-table > tbody > tr > td {
    padding: 0 10px 10px;
}

.add-table-wrap {
    float: right;
}

.lan-search-wrap > tbody > tr > td {
    float: right;
}

.lan-hea {
    display: table-cell;
    padding-right: 10px;
}

.search-hea {
    display: table-cell;
    padding-right: 10px;
}



.logo-hea {
    display: table-cell;
}

.title-hea{
  display: table-cell;
    position: relative;
    padding-left: 15px;
    top: -8px;
}


.transparent > .drop_horizontal li:hover div a:hover {
    color: #eb0202 !important;
}

.transparent > .drop_horizontal li:hover div span {
    color: #000000 !important;
}

.transparent > .drop_horizontal li:hover div a {
    color: #000000 !important;
}

.transparent > .drop_horizontal li ul li {
    border-left: none !important;
       padding: 0 !important;
}



.col-1-1 {
    margin-top: 0;
   margin-bottom: 0;
}


.block-602 {
    display: none;
}

.menu-table > tbody > tr > td:nth-child(2) {
    display: none;
}


.showw3c{
    visibility: hidden;
     display:none !important;
}


.accessibility_container_table > tbody > tr > td {
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 50%;
}


.column-6066f04bae4bc {
    min-height: 5px;
   /* padding: 150px 100px 0px;*/
   width:80%;
    margin: 250px auto 0 auto;
}


.custom_167 {
    background-image: none !important;
}

/*.row-60615d33d1326 {
    background-image: url(/selangor/resources/SUK%20-%20New%20Design/bg-selangor.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}*/



.drop_horizontal li:nth-child(1) {
    border-left: none !important;
}


.drop_horizontal li {
    border-left: 1px solid !important;
    padding: 0 20px 0 20px !important;
    margin-left: 0px !important;
}


.transparent > .drop_horizontal > li:hover {
    background: none !important;
    border: none !important;
    border-left: 1px solid !important;
    border-radius: 0px !important;
}

.transparent > .drop_horizontal > li:nth-child(1):hover {
    border-left: 0px !important;
}

.search-wrap {
    float: unset !important;
   width:100%;
}

#carousel_thumbnail_587_page {
    padding: 10px;
}


.footer-tab td:nth-child(4) table tr td:first-child {
    /*width: 42%;*/
}


.footer-tab td table img[title~=Today],
.footer-tab td table img[title~=Week],
.footer-tab td table img[title~=Visitor],
.footer-tab td table img[title~=Hari],
.footer-tab td table img[title~=Bulan],
.footer-tab td table img[title~=Minggu],
.footer-tab td table img[title~=This],
.footer-tab td table img[title~=Pelawat]{
    display: none;
}

@media only screen and (max-width: 1024px){

.row-6066f04bae4bb {
    background-position: 50%;
}

.footer-tab td:nth-child(4) table tr td:first-child {
    width: 42%;
}

.responsive_menu{
    padding-top: 10px !important;
    padding-left: 0px !important;
}

.add-table-wrap {
    float: unset;
}

.lan-search-wrap > tbody > tr > td {
    float: unset;
        padding-right: 0px !important;
}

    .lan-hea {
    display: inline-flex;
}

.search-hea {
    display: inline-flex;
    padding-right: 0px;
}


.logo-hea {
    display: block;
}

.title-hea{
  display: block;
    position: unset;
    padding-left: 0px;
    top: 0px;
}

.header-wrap-2 {
    padding: 0 8px !important;
}

.header-wrap-3 {
    padding: 0 8px !important;
}

.accessibility_container_table > tbody > tr > td {
    justify-content: left;
    text-align: left;
    margin: 0 auto;
    position: relative;
    left: 0;
}

.menu-table > tbody > tr > td:nth-child(1) {
    display: none;
}

.menu-table > tbody > tr > td:nth-child(2) {
    display: block;
}

.add-table > tbody > tr > td {
    position: relative;
    text-align: center;
    width: 10%;
}

.menu-table > tbody > tr > td {
    display: block;
    width: 100% !important;
   padding-right: 0px !important;
}

.search-wrap {
        width: 225px !important;
}

.header-table > tbody > tr > td {
    display: block;
    padding-left: 0 !important;
    text-align: center;
   width: 100% !important;
}

.header-wrap {
    width: 100% !important;
    padding: 15px 7px !important;
   min-width: unset !important;
}

.quicklink-table > tbody > tr > td {
    width: 100%;
    display: contents;
}

.column-6066f04bae4bc {
    padding: 0;
    margin:10px auto;
}

.pengumuman {
        overflow: auto;
}



.berita-pengumuman-table > tbody > tr > td {
    /*display: contents;*/
    width: 100% !important;
}

.right-footer {
    background: url(/selangor/resources/SUK%20-%20New%20Design/Footer/bg-footer-mobile.jpg) no-repeat 100% !important;
    background-size: cover;
    width: 100% !important;
    padding-left: 20px;
    margin-left: 0px !important;
}

.right-footer-content{
width:100% !important;
position: relative;
    float: unset !important;
}

.footer-tab > tbody > tr > td {
       display: block;
    text-align: center;
    word-break: break-word;
    margin: 0 20px;
}

.footer-tab > tbody > tr > td:nth-child(2) {
    display: none;
}

.footer-tab > tbody > tr > td:nth-child(3) {
    padding-left: 0px !important;
}
}

@media only screen and (max-width: 768px){

.header-wrap-2 {
    padding: 8px 10px !important;
}

.header-wrap-3 {
    padding: 8px 10px !important;
}

.berita-pengumuman-table > tbody > tr {
    display: grid !important;
}

.box-lan {
    padding-right: 0px !important;
}

.box-add {
    padding-right: 0px !important;
}

.quicklink-table > tbody > tr > td {
    width: 100%;
    display: contents;
}


}

@media only screen and (max-width: 425px){

.slider-content img{
height:120px;
}

.accessibility_block img {
    width: 15px !important;
    height: 15px !important;
  margin-bottom: 8px;
}


.accessibility_container_table > tbody > tr > td {
    display: inline-flex;
}

.add-table > tbody > tr > td {
     padding-left: 19px;
    left: 0;
    width: unset;
}

}

@media only screen and (max-width: 404px){
.add-table > tbody > tr > td {
    padding-left: 12px;
}
}