.custom_122 {height:auto;font-family:'Century Gothic', sans-serif;;color:#333;background-color:rgba(255, 255, 255, 0);}[class*='col-'] { padding-right: 0px; }.row-633585e71ca71 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-633585e71ca72 {max-width:1800px;height:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-63272ee58f76b {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-63272ee58f76c {max-width:1800px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-63272ee58f76d {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);    background-image: linear-gradient(to right, #4496d2, #2b2e6f);}.column-63272ee58f76e {max-width:1800px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-632d6b6d824e8 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-632d6b6d824e9 {max-width:1440px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-633f15e25932d {height:auto;color:#333;background-color:#f4f4f4;}.column-633f15e25932e {max-width:1800px;height:auto;margin-left:auto;margin-right:auto;padding-top:5px;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-632d6b88824ec {height:auto;color:#333;background-color:#f4f4f4;}.column-632d6b88824ed {height:auto;margin-left:auto;margin-right:auto;padding-left:25px;padding-bottom:25px;padding-right:25px;color:#333;background-color:#f4f4f4;min-height:5px;}.row-632d6b9e824ee {}.column-632d6b9e824ef {max-width:1800px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-632d6bb5824f0 {height:auto;color:#333;background-color:#f0f0f0;}.column-632d6bb5824f1 {max-width:1800px;height:auto;margin-left:auto;margin-right:auto;padding-top:20px;padding-left:50px;padding-right:50px;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}div#web_layout_homepage {
    background-image: none !important;
}

#announ_168 > .footer {
    padding: 10px 10px 10px 10px !important;
}

#announ_171 > .content {
    display: flex;
    height: auto !important;
    margin: 0 auto 0 auto;
    min-height: 120px;
    padding-bottom: 0 !important;
    width: 1036px;
}

#announ_171 .annouce_block{
    border-radius: 20px;
    box-shadow: 0 0 15px -2px rgb(0 0 0 / 20%);
    display: inline-block;
    float: left;    
    margin: 10px;
    padding: 10px;
    position: relative;
    width: 25%;
height: auto !important;
}

#announ_171 .annouce_block > center, #announ_218 .annouce_block > .center{
    text-align: left;
}

#announ_218  .annouce_block > center > a, #announ_218  .annouce_block > center > em, #announ_218  .annouce_block > .center > a, #announ_218  .annouce_block > .center > em{
    display: block;
    min-height: 63px;
    padding: 0 0 0 10px !important;
}

#announ_218  .annouce_block > center > img, #announ_218  .annouce_block > .center > img{
    display: none;
}

#announ_218  .annouce_block > center > div > img, #announ_218  .annouce_block > .center > div > img{
    border-radius: 18px 18px 0 0;
    color: #fff;
    max-height: 147.33px;      
    height: auto !important;
    width: 100% !important;
}


/*<------- START SCROLLING INFO TERKINI ------>*/

.mt-news a {
    color: #505050;
    background-color: #ffffff00 !important;
    background-image: url(/sepang/resources/PDTSepang%20File%202022/terkini1.png) !important;
}

.mt-news a:hover {
    color: #282f6d !important;
    background-image: url(/sepang/resources/PDTSepang%20File%202022/terkini1.png) !important;
}
/*<------- END SCROLLING INFO TERKINI ------>*/
/*<----------------- START MENU --------------->*/

.responsive_menu {
    font-family: 'Century Gothic', sans-serif;
}

.responsive_menu a {
    font-family: 'century gothic', sans-serif !important;
    font-size: 14px !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.responsive_menu ul ul li a {
    width: 220px !important;
}

a.cbox950_refresh.res_edit_icon.cboxElement {
    display: none;
}

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

#responsive_menu_153 li:hover > a {
    color: #2a2f6e !important;
}

#responsive_menu_153 ul ul li.has-sub > a:after, #responsive_menu_153 ul ul li.has-sub > a:before{
    background: rgb(40 47 109) !important;
}

#responsive_menu_153 ul ul li.has-sub > a:hover:after, #responsive_menu_153 ul ul li.has-sub > a:hover:before{
    background: white !important;
}


#responsive_menu_153 ul ul li a {
    background-color: white !important;
    color: #282f6d !important;
}

#responsive_menu_153 ul ul li a:hover {
    background-color: #355998 !important;
    color: white !important;
}

.responsive_menu > ul > li:hover {
    /*background: #e6e3e3 !important;*/
}

.responsive_menu a:hover {
    background: unset !important;
    color: unset !important;
}

.responsive_menu, .responsive_menu .submenu-button.submenu-opened, .responsive_menu ul ul li a{
     background: transparent !important;
}

.responsive_menu a {
    font-weight: bold !important;
}

.responsive_menu > ul > li > a {
    padding: 0 20px 0 20px !important;
    margin: 10px 0px !important;
}

#responsive_menu_153  > ul > li > a {
    border-left: 2px solid white !important;
    padding-right: 20px!important;
}

#responsive_menu_153 > ul > li:nth-child(1) > a {
    border-left: none !important;
}

#responsive_menu_153 {
    /*padding: 7px 20px;*/
}

.responsive_menu > ul > li {
    width: auto;
}

/*<----------------- END MENU --------------->*/
/*<----------------- START SEARCH --------------->*/
.search-wrap {
    float: right !important;
}

/*.accessibility_container_table, .search-wrap {
    opacity: unset !important;
    position: unset !important;
    transition: unset !important;
    visibility: unset !important;
    right: unset !important;
    transform: unset!important;
}*/

/*<----------------- END SEARCH --------------->*/
/*<----------------- START SLIDER --------------->*/
#carousel_thumbnail_152{
height: 330px !important;
}

#carousel_thumbnail_152 li{
   /*width: 1440px !important;*/   
   height: 330px;
}

#carousel_thumbnail_152 li img{
    /*width: 1440px;*/
    height: 100%;
    width: 100%;
}

.lSAction > .lSNext {
    right: 10px !important;
}

.lSAction > .lSPrev {
    left: 10px !important;
}
/*<----------------- END SLIDER --------------->*/
/*<-------------- START MAINSERVICE -------------->*/
.quick-item {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /*padding-top: 30px;*/
}
.quick-item > div {
    flex: 0 0 25%;
}
/*<-------------- END MAINSERVICE -------------->*/
/*<-------------- START TAB -------------->*/
.tabbing-wrap {
    padding: 0 32px;
}

#tab_155 .ui-tabs-panel {
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
}

#tab_155 {
    border: 0px;
    background: transparent;
}

#tab_155 .ui-widget-header {
    display: flex;
    padding: 0;
    border: none;
}

#tab_155 .ui-tabs-nav li {
    flex: 1 0 0px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 5px;
    position: relative;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
background-image: linear-gradient(to right, #4496d2, #2b2e6f) !important;
}

#tab_155 .ui-tabs-nav .ui-tabs-anchor {
    padding: .5em 1em;
}
#tab_155 .ui-tabs-nav li a {
    color: rgb(255, 255, 255)!important;
    font-size: 16px;
}

#tab_155 .ui-tabs-nav li:active {
    transition: 1s;
    animation: circle .75s;
    transform-style: flat;
    box-shadow: 0px 6px 0px 0px rgb(255 202 52);
}
/*<-------------- END TAB -------------->*/

/*<-------------- START ANNOUN -------------->*/
#announ_168 ul li {
    width: 100% !important;
}

#announ_169 ul li {
    width: 100% !important;
}

#announ_168 ul li p {
    margin: 3px !important;
}

.annouce_block em {
    /*display: flex;*/
    /*float: right;*/
    display: none;
}

.annouce_block em div {
    padding-left: 10px;
}

#tab_155_39{
    border: 1px solid #dbdbdb;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
}

#tab_155_40 {
    border: 1px solid #dbdbdb;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
}

#tab_155_41 {
    border: 1px solid #dbdbdb;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
}
/*<-------------- END ANNOUN -------------->*/
/*<-------------- START SERVICE II -------------->*/
.perkhidmatan-II-table {
    font-weight: bold;
    font-size: 18px;
    color: #253672;
    text-align: center;
}
/*<-------------- END SERVICE II -------------->*/

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

#tab_155 .ui-tabs-nav li {
    width: 100%;
   margin-right: 0px;
    margin-left: 0px;
   white-space: normal;
}

#tab_155 .ui-tabs-nav li a {
    width: 100%;
}

#tab_155 .ui-tabs-nav li a {
    width: 90%;
}

#tab_155 .ui-tabs-panel {
    margin-left: 0px;
    margin-right: 0px;
}

#tab_155 .ui-tabs-nav li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
        white-space: normal;
}

#tab_155 .ui-tabs-panel {
    margin-left: 0px;
    margin-right: 0px;
}

#tab_155 .ui-tabs-nav li {
    background-size: 100% 800px !important;
}
#tab_155 .ui-tabs-nav li {
    background-size: 100% 800px !important;
}

#carousel_thumbnail_152{
height: 150px !important;
}

#carousel_thumbnail_152 li img{
    width: 100%;
    height: 150px;
}

}

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

.modern_news_ticker_147 .mt-news{
left:0px !important;
}

#tab_155 > .ui-tabs-nav, #tab_223 > .ui-tabs-nav{
    flex-direction: column;
}

#tab_155 > .ui-tabs-nav > li:first-child, #tab_155 > .ui-tabs-nav > li:first-child{
    order: 1;
    -webkit-order: 1;        
}

#tab_155 > .ui-tabs-nav > li:nth-child(2), #tab_155 > .ui-tabs-nav > li:nth-child(2){
    order: 3;
    -webkit-order: 3;        
}

#tab_155 > .ui-tabs-nav > li:nth-child(3), #tab_155 > .ui-tabs-nav > li:nth-child(3){
    order: 5;
    -webkit-order: 5;        
}

#tab_155 > .ui-tabs-nav > div:nth-child(4), #tab_155 > .ui-tabs-nav > div:nth-child(4){
    order: 2;
    -webkit-order: 2;        
}

#tab_155 > .ui-tabs-nav > div:nth-child(5), #tab_155 > .ui-tabs-nav > div:nth-child(5){
    order: 4;
    -webkit-order: 4;        
}

#tab_155 > .ui-tabs-nav > div:nth-child(6), #tab_155 > .ui-tabs-nav > div:nth-child(6){
    order: 6;
    -webkit-order: 6;        
}

#tab_155 .ui-tabs-nav li a {
    font-size: 17px;
}

table.perkhidmatan-II-table > tbody > tr > td {
    display: block;
    text-align: left;
}

}

@media screen and (max-width: 425px) {
.quick-item > div {
    flex: 100%;
}

#responsive_menu_153 > ul > li > a {
    border-left: 0 !important;
}

.responsive_menu > ul > li:active {
    background: #e6e3e3 !important;
}

.responsive_menu .submenu-button {
    border-left: 0px;
}

span.submenu-button.admin {
    border-left: 0px;
}

.responsive_menu, .responsive_menu .submenu-button.submenu-opened, .responsive_menu ul ul li a{
     border-left: 0px;
}

#responsive_menu_153 ul ul li a:hover {
    background-color: unset !important;
    color: unset !important;
}

.responsive_menu a:hover, .responsive_menu a:active {
    background-color: #e6e3e3 !important;
    color: #282f6d !important;
}

.responsive_menu > ul > li > a {
    padding: 15px!important;
    margin: 0px!important;
}

#responsive_menu_153 .submenu-button:before, #responsive_menu_153 .submenu-button:after {
    background: rgb(40 47 109);
}
}
