@import url(http://fonts.googleapis.com/css?family=Open+Sans);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:1;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'NeoSansIntel';src:url('../font/neosansintel.eot');src:url('../font/neosansintel.eot?#iefix') format('embedded-opentype'),url('../font/neosansintel.woff') format('woff'),url('../font/neosansintel.ttf') format('truetype'),url('../font/neosansintel.svg#neosansintel') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'NeoSansIntelMedium';src:url('../font/neosansintel-medium.eot');src:url('../font/neosansintel-medium.eot') format('embedded-opentype'),url('../font/neosansintel-medium.woff') format('woff'),url('../font/neosansintel-medium.ttf') format('truetype'),url('../font/neosansintel-medium.svg#NeoSansIntelMedium') format('svg')}.transition{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.notransition{-moz-transition:none;-webkit-transition:none;-o-transition:color 0 ease-in;transition:none}a{text-decoration:none;color:#06548a;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a:hover{color:#e68e8a}.clear{clear:both}img{width:auto;height:auto;max-width:100%}body{font-family:"Open Sans",Verdana,Arial,serif;font-size:13px;font-weight:normal;color:#2c3e50;line-height:180%;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-family:'NeoSansIntelMedium',Tahoma,"Open Sans",Verdana,Arial,serif,Tahoma,"Open Sans",Verdana,Arial,serif;font-weight:normal;line-height:normal}strong,b{font-family:'NeoSansIntelMedium',Tahoma,"Open Sans",Verdana,Arial,serif,"Open Sans",Verdana,Arial,serif;font-weight:normal}body{background:#ecf0f1 url(../images/bg.png);}.wrap{max-width:1060px;margin:0 auto;clear:both;position:relative}#nav-portal{width:100%;min-height:30px;float:left;background-color:#b53427;font-family:'NeoSansIntelMedium',Tahoma,"Open Sans",Verdana,Arial,serif}#nav-portal a#nav-portal-toogle{display:none}#nav-portal ul{float:left}#nav-portal li{float:left;position:relative;border-right:1px solid rgba(255,255,255,0.3)}#nav-portal li:first-child{border-left:1px solid rgba(255,255,255,0.3)}#nav-portal a{display:block;color:#fff;padding:5px 13px;text-transform:uppercase}#nav-portal li.UAJY a,#nav-portal li.active a,#nav-portal a:hover{background-color:#000000}#nav-portal li.UAJY a:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #192e50;content:"";width:0;height:0;position:absolute;bottom:-7px;left:50%;margin-left:-7px}



.sf-menu,.sf-menu *{

    margin:0;padding:0;list-style:outside;



}

.sf-menu li{position:relative}

.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;}

.sf-menu>li{float:left}.sf-menu li:hover>ul,.sf-menu li.sfHover>ul{display:block}

.sf-menu a{display:block;position:relative}

.sf-menu ul ul{top:0;left:100%}

.sf-menu{float:left}

.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,0.2);min-width:12em;*width:12em}

.sf-menu a {

    border-top: 1px solid #cecece;

    padding: .6em 1em;

    text-decoration: none;

    zoom: 1;

    font-family: 'NeoSansIntelMedium', Tahoma, "Open Sans", Verdana, Arial, serif

}











.blink {

  animation: blink-animation 1s steps(5, start) infinite;

  -webkit-animation: blink-animation 1s steps(5, start) infinite;

}

@keyframes blink-animation {

  to {

    visibility: hidden;

  }

}

@-webkit-keyframes blink-animation {

  to {

    visibility: hidden;

  }

}





/* css list with numeber circle background -------------- */



.pt{

margin-left: 1cm;

}

.pt ul {

    list-style-image: url('../images/pt.svg');

    font: 11px;

}



.numberlist{

    width:90%;

    margin-left: 0.5cm;



}

.numberlist ol{

                counter-reset: li;

                list-style: none;

                *list-style: decimal;

                font: 12px;

                font-family: 'Raleway', sans-serif;

                font-weight: bold;

                padding: 0;

                margin-top: 2em;

                margin-bottom: 1.5em;



}

.numberlist ol ol{

                margin: 0 0 0 1em;

            }

            

.numberlist a{

                position: relative;

                display: block;

                padding: .4em .4em .4em 2em;

                *padding: .4em;

                margin: .5em 0;

                background: #FFF;

                color: #1e5990;

                text-decoration: none;

                -moz-border-radius: .3em;

                -webkit-border-radius: .3em;

                border-radius: .2em;

            }



.numberlist a:hover{

                background: #cbe7f8;

                text-decoration:underline;

            }

.numberlist a:before{

                content: counter(li);

                counter-increment: li;

                position: absolute; 

                left: -1.3em;

                top: 50%;

                margin-top: -1.3em;

                background: #87ceeb;

                height: 2em;

                width: 2em;

                line-height: 2em;

                border: .3em solid #fff;

                text-align: center;

                font-weight: bold;

                -moz-border-radius: 2em;

                -webkit-border-radius: 2em;

                border-radius: 2em;

                color:#FFF;

            }

.loader {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background: url('../images/ajax-loader.GIF') 50% 50% no-repeat rgb(249,249,249);

    opacity: .8;

}



.scrollbar

{

    margin-left: 30px;

    float: left;

    height: 300px;

    width: 65px;

    background: #F5F5F5;

    overflow-y: scroll;

    margin-bottom: 25px;

}

::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);

    border-radius: 10px;

    background-color: #444444;

}

::-webkit-scrollbar

{

    width: 12px;

    background-color: #F5F5F5;

}

::-webkit-scrollbar-thumb

{

    border-radius: 10px;

    background-color: #D62929;

    background-image: -webkit-linear-gradient(90deg,

                                              transparent,

                                              rgba(0, 0, 0, 0.4) 50%,

                                              transparent,

                                              transparent)

}







strong {font-weight:bold}



.sf-menu a {

    color: #fff;

    text-shadow: 2px 2px 3px #000000;

}



.sf-menu a:hover {

    color: #f6ac00

}



.sf-menu li {

    background: #b53427;

    white-space: nowrap;

    *white-space: normal;

    -webkit-transition: background .2s;

    transition: background .2s

}



.sf-menu ul li {

    background: #3c5369

}



.sf-menu ul ul li {

    background: #000000

}



.sf-menu li:hover,

.sf-menu li.sfHover {

    background: #000000;

    -webkit-transition: none;

    transition: none;

    color: #f6ac00

}



.sf-arrows .sf-with-ul {

    padding-right: 2.5em;

    *padding-right: 1em

}



.sf-arrows .sf-with-ul:after {

    content: '';

    position: absolute;

    top: 50%;

    right: 1em;

    margin-top: -3px;

    height: 0;

    width: 0

}



@media only screen and (min-width:801px) {

    .sf-vertical {

        width: 100%

    }

    .sf-vertical ul {

        left: 100%;

        top: 0

    }

    .sf-vertical>li {

        float: none

    }

    .sf-vertical li {

        width: 100%

    }

    .sf-arrows .sf-with-ul:after {

        margin-top: -5px;

        margin-right: -3px;

        border-top: 5px solid transparent;

        border-bottom: 5px solid transparent;

        border-left-color: #dfeeff;

        border-left: 5px solid rgba(255, 255, 255, 0.5)

    }

    .sf-arrows ul li>.sf-with-ul:focus:after,

    .sf-arrows ul li:hover>.sf-with-ul:after,

    .sf-arrows ul .sfHover>.sf-with-ul:after {

        border-left-color: #fff

    }

}



.toggleMenu {

    display: none

}



#head {

    padding: 35px 0

}



#hero {

    background-color: #b53427;

    border-radius:6px;

}



#mainnav {

    width: 22.64150943%;

    float: left;

    font-family: 'NeoSansIntel', Tahoma, "Open Sans", Verdana, Arial, serif;

    text-transform: uppercase;

    position: relative;

    z-index: 5;

    font-size: 11px

}



blockquote {position: relative;

display: block;border-left: 5px solid #21610B;

padding: 1.5em 1.5em 1.5em 3.5em;border-right: 2px dashed #21610B;margin: 0 0 1.5em;}

blockquote::before {position: absolute;font-size: 62px;font-weight: bold;

content: "\201C";line-height: 1;top: 10px;left: 10px;}



hr.dotted {border: 2px dotted #3c5369; border-style: none none dotted; color: #fff; background-color: #fff; }



#mainnav a {

    color: #fff

}



#mainnav a:hover {

    color: #f6ac00

}



#sidebar #mainnav {

    width: 100%

}



#header {

    width: 77.35849057%;

    float: right;

    line-height: 0;

    position: relative;

    z-index: 1

}



#header .cycle-slide {

    width: 100%;

    height: auto

}



#header img {

    width: 100%;

    border-radius: 8px

}



#lang_sel_list {

    float: right

}



#lang_sel_list li {

    margin-left: 5px !important

}



#lang_sel_list a,

#lang_sel_list a:visited {

    padding: 3px 5px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

    border: 1px solid #fff;

    background-color: #eee

}



#lang_sel_list a:hover,

#lang_sel_list a.lang_sel_sel {

    border: 1px solid #e68e8a;

    background-color: #fff

}



.block {

    margin-top: 3px;

    margin-bottom: 1px

}



.block h2 {

    font-family: 'NeoSansIntelMedium', Tahoma, "Open Sans", Verdana, Arial, serif;

    font-size: 14px;

    text-transform: uppercase;

    padding: 10px 10px 10px 50px;

    position: relative

}



.block h2:after {

    content: '';

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 6px solid #49971f;

    position: absolute;

    bottom: -5px;

    left: 13px

}



.block ul li {

    border-bottom: 1px dotted rgba(255, 255, 255, 0.4)

}



.block ul a {

    display: block;

    padding: 7px 15px;

    font-family: 'NeoSansIntel', Tahoma, "Open Sans", Verdana, Arial, serif;

    color: #fff;

    text-transform: capitalize

}



.block ul a:hover {

    background-color: rgba(0, 0, 0, 0.1)

}



#event {

    background-color: #bdc3c7;

    color: #fff;

    width: 50%;

    position: relative;

    float: left

}



#event.en {

    width: 100%

}



#event h2 {

    background: #bdc3c7 url(../images/event-block-title.png) no-repeat left top;

    color: #47617a;

    display: inline-block;

    padding-right: 10px;

    z-index: 2

}



#event h2:after {

    border-top: 6px solid #2c3d51

}



#event .event-wrap {

    background-color: #47617a

}



#event .event-item {

    width: 255px;

    height: 223px;

    background: transparent url(../images/line-dot-horz.png) repeat-y right top;

    float: left;

    color: #cad3e4;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    position: relative;

    vertical-align: top

}



#event .event-item:hover {

    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.2)

}



#event .event-item .agenda-thumb {

    width: 260px;

    height: 220px;

    position: absolute;

    background-position: center center;

    background-size: cover;

    opacity: 0;

    display: block;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out

}



#event .event-item .agenda-thumb:hover {

    opacity: 1;

    background-position: center center;

    background-size: cover

}



#event .event-item ul {

    padding: 40px 20px

}



#event .event-item li {

    white-space: normal;

    border: none;

    padding-left: 20px;

    display: block;

    background: transparent url(../images/agenda-item-subsite.png) no-repeat

}



#event .event-item li.event-item-title {

    background-position: 0 3px;

    font-family: 'NeoSansIntelMedium', Tahoma, "Open Sans", Verdana, Arial, serif

}



#event .event-item li.event-item-date {

    background-position: 0 -141px

}



#event .event-item li.event-item-location {

    background-position: 0 -285px

}



#event .event-item a {

    padding: 0;

    color: #fff;

    display: inline

}



#event .event-item a:hover {

    color: #cad3e4;

    background: none

}



#event .event-nav {

    float: right;

    width: 55px;

    position: absolute;

    right: -2px;

    top: 12px;

    color: #000;

    z-index: 1

}



#event .event-nav a {

    width: 26px;

    height: 26px;

    background: transparent url(../images/event-nav.png) no-repeat;

    display: inline-block;

    text-indent: -99999px;

    float: left;

    margin-left: 1px

}



#event .event-nav a#event-next {

    background-position: -29px 0

}



#berita {

    float: left;

    width: 50%;

    background: #fff url(../images/line-dot-horz.png) repeat-y 35px 0;

    margin-right: 0.50679245%

}



#berita h2 {

    background: #61b634 url(../images/berita-block-title.png) no-repeat left top;

    color: #fff

}



#berita h2:after {

    border-top: 6px solid #49971f

}



#berita h3.block-title-arsip {

    margin: 0

}



#berita h3.block-title-arsip a {

    display: block;

    background: #fff url(../images/berita-block-title.png) no-repeat left top;

    margin: 0;

    padding: 12px 50px;

    font-size: 12px;

    text-transform: uppercase;

    position: relative

}



#berita h3.block-title-arsip a:after {

    content: '';

    width: 0;

    height: 0;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 6px solid #49971f;

    position: absolute;

    bottom: 13px;

    left: 39px

}



#berita .berita-item {

    padding: 5px 0;

    background: transparent url(../images/line-dot-vert.png) repeat-x left bottom

}



#berita .berita-item h3 {

    padding: 0 20px 0 50px;

    background: transparent url(../images/icon-title.png) no-repeat 10px 5px;

    font-size: 20px;

    color: #ff2400;

    font-family: 'NeoSansIntel', Tahoma, "Open Sans", Verdana, Arial, serif;

    text-transform: capitalize

}



#berita .berita-item .date {

    padding: 5px 0 5px 50px;

    background: transparent url(../images/icon-date.png) no-repeat 10px 7px;

    color: #bdc3c7

}



#berita .berita-item .thumb {

    width: 150px;

    float: left;

    margin: 0 10px 0 0

}



#berita .berita-item .thumb img {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px

}



#berita .berita-item .thumb a {

    display: block;

    color: #fff;

    background-color: #61b634;

    font-family: 'NeoSansIntel', Tahoma, "Open Sans", Verdana, Arial, serif, "Open Sans", Verdana, Arial, serif;

    text-align: center;

    padding: 3px 0;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px

}



#berita .berita-item .thumb a:hover {

    background-color: #49971f

}



#berita .berita-item .post {

    float: left;

    padding: 0 20px 0 50px;

    text-align: justify

}



#berita .berita-item .post p {

    margin: 0

}



#pmb {

    float: right;

    width: 49.5%;

    background-color: #bdc3c7

}



#pmb h2 {

    background: #bdc3c7 url(../images/berita-block-title.png) no-repeat left top;

    color: #47617a;

    display: inline-block

}



#pmb h2:after {

    border-top: 6px solid #59a72f

}



#pmb h2 a {

    color: #fff

}



#pmb .pmb-list li {

    width: 50%;

    height: 110px;

    overflow: hidden;

    float: left;

    background: #FFCC00 url(../images/pmb-block.png) no-repeat

}



#pmb .pmb-list li span {

    display: block

}



#pmb .pmb-list li span.pmb-title {

    color: #fff;

    text-shadow: 2px 2px 4px #000000;

    font-family: 'NeoSansIntelMedium', Tahoma, "Open Sans", Verdana, Arial, serif, "Open Sans", Verdana, Arial, serif;

    font-size: 14px;

    font-weight: bold;

    line-height: 15px

}



#pmb .pmb-list li span.pmb-desc {

    color: #2c3e50;

    font-size: 11px;

    line-height: 15px;

    font-family: "Open Sans", Verdana, Arial, serif

}



#pmb .pmb-list li a {

    padding: 20px 10px 20px 60px

}



#pmb .pmb-list li a:hover {

    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.2);

    background: none

}



#pmb .pmb-list li#pmb-informasi-program {

    background-position: 20px 20px

}



#pmb .pmb-list li#pmb-informasi-program a {

    border-right: 1px dotted rgba(0,0,255,0.3)

}



#pmb .pmb-list li#pmb-pendaftaran-online {

    background-position: 20px -142px

}



#pmb .pmb-list li#pmb-download-formulir {

    background-position: 20px -302px

}



#pmb .pmb-list li#pmb-download-formulir a {

    border-right: 1px dotted rgba(0,0,255,0.3)

}



#pmb .pmb-list li#pmb-pengumuman-hasil-seleksi {

    background-position: 20px -469px

}



#content.pmb-single {

    width: 96%;

    padding: 1px 2%;

    background: #fff

}



#sidebar #pmb .pmb-list li {

    height: auto

}



#pengumuman {

    float: left;

    width: 24.8%;

    background-color: #0cadb7

}



#pengumuman h2 {

    background: #099ba5 url(../images/pengumuman-block-title.png) no-repeat left top;

    color: #fff

}



#pengumuman h2:after {

    border-top: 6px solid #068a93

}



#pengumuman h3.block-title-arsip {

    margin: 0

}



#pengumuman h3.block-title-arsip a {

    display: block;

    background: #099ba5 url(../images/pengumuman-block-title.png) no-repeat left top;

    margin: 0;

    padding: 12px 50px;

    font-size: 11px;

    text-transform: uppercase;

    position: relative;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #fff

}



#pengumuman h3.block-title-arsipa a {

    display: block;

    background: #099ba5 url(../images/pmb-block-title.png) no-repeat left top;

    margin: 0;

    padding: 12px 50px;

    font-size: 11px;

    text-transform: uppercase;

    position: relative;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #fff

}



#pengumuman h3.block-title-arsip a:after {

    content: '';

    width: 0;

    height: 0;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 6px solid #068a93;

    position: absolute;

    bottom: 13px;

    left: 35px

}



#pengumuman h3.block-title-arsip a:hover {

    background-color: #0cadb7

}



#lowongan {

    float: right;

    width: 24.2%;

    background-color: #cfd6db

}



#lowongan h2 {

    background: #bdc3c7 url(../images/lowongan-block-title.png) no-repeat left top;

    color: #47617a

}



#lowongan h2:after {

    border-top: 6px solid #a9aeb3

}



#lowongan h4.block-title-arsip,

#lowongan h3.block-title-arsip {

    margin: 0

}



#lowongan h4.block-title-arsip a,

#lowongan h3.block-title-arsip a {

    display: block;

    background: #bdc3c7 url(../images/lowongan-block-title.png) no-repeat left top;

    margin: 0;

    padding: 12px 50px;

    font-size: 11px;

    text-transform: uppercase;

    position: relative;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #fff

}



#lowongan h4.block-title-arsip a:after,

#lowongan h3.block-title-arsip a:after {

    content: '';

    width: 0;

    height: 0;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 6px solid #a9aeb3;

    position: absolute;

    bottom: 13px;

    left: 39px

}



#lowongan h4.block-title-arsip a:hover,

#lowongan h3.block-title-arsip a:hover {

    background-color: #cfd6db

}



#lowongan ul a {

    color: #47617a

}



#sticker {

    float: left;

    width: 23.58490566%;

    background-color: #cfd6db;

    margin-left: 1.88679245%;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px

}



#sticker ul a {

    color: #47617a

}



#sticker ul li {

    border-bottom: 1px dotted rgba(255, 255, 255, 0.6)

}



#sidebar #sticker {

    width: 100%;

    margin: 20px 0;

    float: none;

    clear: both;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    background-color: #ecf0f1

}



#sidebar #sticker ul a {

    padding: 5px 10px

}



#sidebar {

    width: 22.64150943%;

    float: left

}



#sidebar .block-title {

    font-family: 'NeoSansIntelMedium', Tahoma, "Open Sans", Verdana, Arial, serif;

    font-size: 11px;

    text-transform: uppercase;

    padding: 13px 0 13px 50px;

    position: relative;

    display: block

}



#sidebar .block-title:after {

    content: '';

    width: 0;

    height: 0;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 6px solid #49971f;

    position: absolute;

    bottom: 15px;

    left: 35px

}



#sidebar .block-title a {

    color: #fff;

    display: block

}



#sidebar #pengumuman-block-title {

    background: #099ba5 url(../images/pengumuman-block-title.png) no-repeat left top;

    color: #fff

}



#sidebar #pengumuman-block-title:after {

    border-left: 6px solid #068a93

}



#sidebar #pmb-block-title {

    background: #a013c4 url(../images/berita-block-title.png) no-repeat left top;

    color: #fff

}



#sidebar #pmb-block-title:after {

    border-left: 6px solid #59a72f

}



#sidebar #berita-block-title {

    background: #61b634 url(../images/berita-block-title.png) no-repeat left top;

    color: #fff

}



#sidebar #berita-block-title:after {

    border-left: 6px solid #49971f

}



#sidebar .widget {

    margin: 0 0

}



#sidebar .widget h3.widget-title {

    font-family: 'NeoSansIntelMedium', Tahoma, "Open Sans", Verdana, Arial, serif;

    font-size: 14px;

    color: #47617a;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);

    padding: 5px 10px

}



#sidebar .widget .menu li a {

    padding: 4px 10px;

    display: block;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.2)

}



#sidebar .widget .menu li li a {

    padding: 4px 20px

}



#sidebar .widget_nav_menu {

    background: #cfd6db

}



#sidebar #pmb {

    width: 100%;

    height: auto;

    float: none

}



#sidebar #pmb .pmb-list li {

    width: 100%;

    float: none

}



#sidebar #pmb .pmb-list li a {

    padding: 10px 10px 10px 60px

}



#content-wrap {

    width: 77.35849057%;

    height: 1334px;

    overflow: auto;

    float: right;

    background-color: #fff;

    border-bottom: 2px solid yellow



}



#content {

    padding-left: 8.53658537%;

    padding-right: 8.53658537%;

    padding-bottom: 20px

}



#content img.alignright {

    float: right;

    margin: 0 0 1em 1em;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px

}



#content img.alignleft {

    float: left;

    margin: 0 1em 1em 0;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px

}



#content img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px

}



#content a img.alignright {

    float: right;

    margin: 0 0 1em 1em

}



#content a img.alignleft {

    float: left;

    margin: 0 1em 1em 0

}



#content a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



#content .page-title,

#content .post-title {

    font-family: 'NeoSansIntel', Tahoma, "Open Sans", Verdana, Arial, serif, "Open Sans", Verdana, Arial, serif;

    font-size: 22px;

    color: #06548a;

    background: transparent url(../images/icon-title.png) no-repeat 0 7px;

    padding: 0 0 10px 25px;

    margin-bottom: 10px;

    border-bottom: 1px dotted #bdc3c7;

    text-transform: capitalize

}



#content .page-title span,

#content .post-title span {

    color: #e68e8a

}



#content h2 {

    font-size: 15px

}



#content h3 {

    font-size: 15px;

    color: #06548a;

    margin: 10px 0

}



#content h4 {

    font-size: 15px;

    color: #47617a;

    margin: 10px 0

}



#content .date {

    background: transparent url(../images/icon-date.png) no-repeat 0 2px;

    padding: 0 25px;

    color: #bdc3c7;

    float: left

}



#content .cat {

    background: transparent url(../images/icon-category.png) no-repeat 0 2px;

    padding: 0 20px;

    color: #bdc3c7;

    float: left

}



#content .sosnet {

    color: #bdc3c7;

    float: left;

    height: 15px

}



#content .sosnet span {

    vertical-align: top;

    margin-right: 5px

}



#content .sosnet img,

#content .sosnet iframe,

#content .sosnet div {

    vertical-align: baseline;

    display: inline-block;

    margin-right: 5px

}



#content .post {

    clear: both;

    border-top: 1px dotted #bdc3c7;

    padding-top: 0;

    margin-top: 10px;

    text-align: justify

}



#content .thumb {

    border-left: 1px dotted #bdc3c7;

    border-bottom: 1px dotted #bdc3c7;

    padding: 20px 0 20px 20px;

    float: right;

    margin: 0 0 10px 20px

}



#content .thumb img {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px

}



#content .tags {

    border-top: 1px dotted #bdc3c7;

    padding: 20px 0;

    margin-top: 10px;

    clear: both

}



#content .tags a {

    display: inline-block;

    font-size: 10px;

    color: #7f8c8c;

    text-transform: uppercase;

    padding: 0 10px;

    background: #f1eff0 url(../images/tag.png) repeat-x top;

    margin: 0 5px 5px 0;

    border: 1px solid #d3d3d3;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

    font-family: 'NeoSansIntel', Tahoma, "Open Sans", Verdana, Arial, serif, "Open Sans", Verdana, Arial, serif;

    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)

}



#content .tags a:hover {

    color: #61b634;

    border-color: #61b634;

    text-decoration: none

}



#content ol {

    margin: 15px 20px

}



#content ol li {

    list-style-type: decimal

}



#content ul {

    margin: 15px 20px

}



#content ul li {

    list-style-type: disc

}



#content ol ol,

#content ol ul,

#content ul ul,

#content ul ol {

    margin: 0 0 0 20px

}



#content table-download {

    border-collapse: collapse;

    margin: 15px 0;

    width: 100%;

    text-align: left;

    font-size: 12px

}



#content table th,

#content table td {

    padding: 5px 10px;

    border: 1px solid #eee

}



#content table th {

    background-color: #cfd6db;

    vertical-align: middle;

    font-weight: bold

}



#content table#tablepress-1 .column-5 {

    width: 200px

}



#content table#tablepress-2 .column-4 {

    width: 200px

}



#content table#tablepress-3 .column-4 {

    width: 200px

}



#content table#tablepress-4 .column-4 {

    width: 200px

}



#content table#tablepress-4 .column-5 {

    width: 200px

}



#content table#tablepress-5 th {

    width: 14%

}



#content .berita-item {

    margin-bottom: 30px

}



#content .berita-item .date {

    float: none

}



#content .berita-item .post {

    border: none;

    margin: 5px 0 0 0;

    clear: both

}



#content .berita-item .post p {

    margin: 0

}



#content .berita-item h3 {

    margin: 0 0 5px 0

}



.breadcrumb {

    color: #000;

    font-size: 9px;

    text-transform: uppercase;

    margin-top: 20px

}



.breadcrumb a {

    color: #aaa

}



.breadcrumb a:hover {

    color: #61b634

}



.wp-pagenavi {

    padding: 10px;

    background-color: #fff;

    font-size: 10px;

    font-family: 'NeoSansIntelMedium', Tahoma, "Open Sans", Verdana, Arial, serif;

    text-transform: uppercase;

    color: #999

}



.wp-pagenavi a,

.wp-pagenavi span {

    display: inline-block;

    border: 1px solid #eee;

    padding: 0 5px;

    margin: 0 4px 0 0;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px

}



.wp-pagenavi a:hover,

.wp-pagenavi span.current {

    background-color: #61b634;

    color: #fff;

    border-color: #49971f

}



input[type=text],

input[type=email],

input[type=password],

input[type=submit],

input[type=button],

textarea {

    padding: 5px;

    background: #fff;

    width: 200px;

    border: 1px solid #cfd6db;

    font-size: 11px;

    color: #47617a;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1)

}



input[type=submit],

input[type=button] {

    width: auto;

    background: #49971f;

    border: 1px solid #49971f;

    color: #fff;

    cursor: pointer;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    padding: 5px 40px

}



input[type=submit]:hover,

input[type=button]:hover {

    background: #61b634

}



img.wpcf7-captchac {

    border: 1px solid #ccc;

    padding: 7px;

    vertical-align: middle;

    border-radius: 4px;

    display: inline-block;

    margin: 0 5px 0 0

}



div.wpcf7 {

    width: 100%;

    float: left;

    margin: 20px 0

}



div.wpcf7 .field {

    width: 100%;

    float: left;

    padding: 5px 0;

    border-bottom: 1px solid #eee;

    clear: both

}



div.wpcf7 label {

    width: 150px;

    display: inline-block;

    text-align: right;

    margin-right: 10px;

    vertical-align: top;

    font-weight: bold

}



div.wpcf7 .req {

    font-size: 10px;

    font-weight: bold;

    color: #e68e8a

}



div.wpcf7 select {

    width: 300px;

    padding: 5px 10px;

    border: 1px solid #ccc;

    border-radius: 0;

    height: 34px

}



div.wpcf7 input[type=text],

div.wpcf7 input[type=email] {

    width: 300px

}



div.wpcf7 textarea {

    width: 450px;

    height: 250px

}



div.wpcf7 input:focus {

    border: 1px solid #61b634;

    box-shadow: 0 0 4px #000

}



div.wpcf7 input[type=submit] {

    padding: 5px 40px;

    text-transform: uppercase

}



div.wpcf7 .wpcf7-response-output {

    clear: both

}



div.wpcf7 .wpcf7-validation-errors,

div.wpcf7 .wpcf7-not-valid-tip {

    background: #e68e8a;

    border: 2px solid #d3817f;

    opacity: .8;

    color: #fff;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3)

}



div.wpcf7 .wpcf7-mail-sent-ok {

    background: #61b634;

    border: 2px solid #49971f;

    opacity: .8;

    color: #fff;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3)

}



#footer-banner {

    clear: both;

    position: relative;

    text-align: center;

    padding: 20px 0;

    margin: 0px 0 0 0;

  

}



#footer-banner li {

    text-indent: -99999px;

    margin: 0 7px;

    display: inline-block;

    vertical-align: middle

}



#footer-banner a {

    display: block;

    vertical-align: middle

}



#footer-banner a:hover {

    background-position: 0 0

}



#acuca a {

    background: url(../images/gkmi.png) 0 -50px no-repeat;

    width: 50px;

    height: 50px

}



#telkom a {

/*    background: url(../images/sponsor-sponsor2.png) 0 -50px no-repeat;*/

    width: 89px;

    height: 50px

}



#ebsco a {

/*    background: url(../images/ministri.JPG) 0 -50px no-repeat;*/

    width: 50px;

    height: 50px

}



#proquest a {

    background: url(../images/hotline.png) 0 -50px no-repeat;

    width: 126px;

    height: 50px

}



#microsoft a {

/*    background: url(../images/sponsor-microsoft.png) 0 -50px no-repeat;*/

    width: 145px;

    height: 50px

}



#eiu a {

    background: url(../images/ministri.JPG) 0 -50px no-repeat;

    width: 129px;

    height: 49px

}



#promising a {

    background: url(../images/indo.JPG) 0 -50px no-repeat;

    width: 55px;

    height: 50px

}



#spmpt a {

    background: url(../images/sponsor-spmpt.png) 0 -50px no-repeat;

    width: 59px;

    height: 50px

}



#urs a {

    background: url(../images/sponsor-urs.png) 0 -50px no-repeat;

    width: 84px;

    height: 50px

}



#emerald a {

    background: url(../images/sponsor-emerald.png) 0 -53px no-repeat;

    width: 43px;

    height: 50px

}



#about {

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #2d5796;

    font-size: 12px;

    color: #fff

}



#about img {

    float: left;

    margin: 10px 15px 0 0

}



#credit {

    padding: 15px 0;

    background-color: #e74c3c;

    color: #fff;

    font-size: 13px

}



#credit span {

    display: block;

    color: #607699;

    text-transform: uppercase

}



#credit span#copy {

    float: left

}



#credit span#social {

    float: right

}



#credit span#social img {

    margin: 0 2px

}



#credit img {

    vertical-align: middle

}



#credit #social {

    background: none;

    margin: 0;

    line-height: normal

}



#sticker-mobile {

    display: none

}



.toggleSearch {

    float: right;

    margin: 0 0 0 0;

    cursor: pointer;

    padding: 12px;

    background-color: rgba(255, 255, 255, 0.2);

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out

}



.toggleSearch.active,

.toggleSearch:hover {

    background-color: #fff

}



.ms-global-search_form {

    width: 235px;

    position: absolute;

    right: 0;

    top: 40px;

    display: none;

    padding: 3px;

    z-index: 99;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);

    padding: 10px;

    background: #fff;

    background: -moz-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));

    background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);

    background: -o-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);

    background: -ms-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);

    background: linear-gradient(to bottom, #fff 0, #f6f6f6 47%, #ededed 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0)

}



.ms-global-search_form span,

.ms-global-search_form p {

    display: none

}



.ms-global-search_form p {

    margin: 0 0 0 0

}



.ms-global-search_form input {

    margin: 0 4px 0 0

}



.ms-global-search_form input[type=text] {

    width: 160px;

    padding: 6px;

    margin: 0

}



.ms-global-search_form input[type=submit] {

    width: auto;

    padding: 6px;

    margin: 0

}



.globalsearch_meta {

    display: none

}



.globalsearch_header {

    margin: 0;

    min-height: inherit;

    padding: 10px;

    background-color: #eee;

    border: 1px solid #ddd;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px

}



#content h2.globalblog_title {

    font-size: 12px;

    margin: 0 10px -35px 0;

    font-weight: normal;

    text-decoration: none;

    font-style: italic;

    text-align: right

}



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

    .toggleMenu {

        display: inline-block;

        padding: 5px 35px 5px 50px;

        background: #61b634 url(../images/icon-menu.png) no-repeat 12px 10px;

        color: #fff;

        text-transform: uppercase;

        font-size: 12px

    }

    .toggleMenu:hover {

        color: #fff;

        background-color: #49971f

    }

    .sf-vertical {

        width: 100%

    }

    .sf-vertical ul {

        left: 0;

        top: 0;

        position: relative

    }

    .sf-vertical>li {

        float: none

    }

    .sf-vertical li {

        width: 100%;

        position: relative

    }

    .sf-menu ul li a {

        padding-left: 20px;

        padding-right: 20px

    }

    .sf-menu ul li ul li a {

        padding-left: 40px;

        padding-right: 40px

    }

    .sf-menu ul ul {

        left: 0

    }

    .sf-arrows .sf-with-ul:after {

        border-left: 5px solid transparent;

        border-right: 5px solid transparent;

        border-top: 5px solid rgba(255, 255, 255, 0.5)

    }

    #head {

        padding: 35px 10px

    }

    #mainnav {

        width: 100%;

        float: none;

        display: none

    }

    #header {

        width: 100%;

        float: none;

        clear: both

    }

    #event {

        width: 100%

    }

    #berita {

        width: 100%

    }

    #berita .berita-item .post {

        font-size: 12px

    }

    #pmb {

        width: 100%

    }

    #pmb .pmb-list li a {

        padding: 10px 10px 10px 60px

    }

    #pmb .pmb-list li#pmb-informasi-program {

        background-position: 20px 10px

    }

    #pmb .pmb-list li#pmb-informasi-program a {

        border-right: 1px dotted rgba(255, 255, 255, 0.4)

    }

    #pmb .pmb-list li#pmb-pendaftaran-online {

        background-position: 20px -152px

    }

    #pmb .pmb-list li#pmb-download-formulir {

        background-position: 20px -312px

    }

    #pmb .pmb-list li#pmb-download-formulir a {

        border-right: 1px dotted rgba(255, 255, 255, 0.4)

    }

    #pmb .pmb-list li#pmb-pengumuman-hasil-seleksi {

        background-position: 20px -479px

    }

    #pengumuman {

        width: 32%;

        margin-left: 0

    }

    #lowongan {

        width: 32%

    }

    #sticker {

        width: 32%;

        float: left;

        margin-left: 0;

        margin-right: 0

    }

    #sticker-mobile {

        display: none;

        text-align: center

    }

    #sidebar {

        width: 100%;

        float: none

    }

    #sidebar #pmb {

        margin: 0

    }

    #sidebar .pmb-list {

        display: none

    }

    #sidebar #sticker {

        display: none

    }

    #content-wrap {

        width: 100%;

        height: auto;

        float: none

    }

    .breadcrumb {

        display: none

    }

    #content {

        padding-left: 20px;

        padding-right: 20px;

        font-size: 14px;

        line-height: 150%

    }

    div.wpcf7 label {

        width: 100%;

        text-align: left

    }

    div.wpcf7 select {

        width: 95%

    }

    div.wpcf7 input[type=text],

    div.wpcf7 input[type=email] {

        width: 95%

    }

    div.wpcf7 textarea {

        width: 95%

    }

    div.wpcf7 input[type=submit] {

        padding: 10px 40px;

        text-transform: uppercase

    }

    #footer-banner li {

        margin: 0 10px 10px 0

    }

    #credit span {

        text-align: center

    }

    #credit span#copy {

        margin-left: 10px;

        float: none

    }

    #credit span#social {

        margin-right: 10px;

        float: none

    }

    #about {

        padding-left: 20px;

        padding-right: 20px

    }

   

}





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

    body {

        background-size: auto 355px;

        background-position: 0 -10px;

        margin: 0

    }

#nav-portal{width:100%;min-height:30px;float:left;background-color:#b53427;font-family:'NeoSansIntel',Tahoma,"Open Sans",Verdana,Arial,serif}

#nav-portal a#nav-portal-toogle{text-indent:-99999px;width:15px;height:10px;background:transparent url(../images/nav-portal.png) no-repeat center center;display:inline-block;float:left;cursor:pointer;margin:0 10px 0 0;padding:15px}

#nav-portal a#nav-portal-toogle:hover{background-color:#000000}#nav-portal ul{float:none}#nav-portal li{float:none;border-bottom:1px solid rgba(255,255,255,0.2)}#nav-portal li a{display:block;padding:11px;color:#fff}#nav-portal li a:hover{background-color:#000000}#nav-portal li a:after{display:none}.toggleMenu{display:inline-block;padding:5px 15px 5px 30px;background:#000000 url(../images/icon-menu.png) no-repeat 12px 10px;color:#fff;text-transform:uppercase;font-size:12px}.toggleMenu:hover{color:#fff;background-color:grey}.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:230px;overflow-x:none;overflow-y:auto;background:#b53427 url(../images/sidr.png) repeat-y right top;color:#fff;font-family:'NeoSansIntelMedium',Tahoma,"Open Sans",Verdana,Arial,serif;text-transform:uppercase}.sf-vertical{width:100%}.sf-vertical ul{left:0;top:0;position:relative}.sf-vertical>li{float:none}.sf-vertical li{width:100%;position:relative}.sf-menu ul ul{left:0}#head{padding:15px 10px}#mainnav{width:100%;float:none;display:none}#header{width:100%;float:none;clear:both}.block{margin-top:0;margin-bottom:0}#event .event-item{max-width:320px;min-height:inherit;background:none;float:none;background:transparent url(../images/line-dot-horz.png) repeat-y right top}#event .event-nav{right:0}#berita,#pmb,#pengumuman,#lowongan{float:none;width:100%}#berita .berita-item .thumb{display:none}#berita .berita-item .post{float:left;width:76.92307692%;margin-left:percentage .09615385px;font-size:12px}#pmb .pmb-list li{width:100%;float:none;height:auto}#pengumuman{margin:0}#sticker{display:none}#sidebar{width:100%;float:none}#sidebar .pmb-list{display:none}#sidebar #sticker{display:none}#content-wrap{width:100%;float:none;height: auto}.breadcrumb{display:none}#content{padding-left:20px;padding-right:20px;font-size:14px;line-height:150%}#content .sosnet{float:none;clear:both;padding-top:10px}#content .thumb{border:none;padding:0;float:none;margin:10px 0}#content .thumb img{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}#footer-banner li{margin:0 10px 10px 0}#about{padding:0 20px 20px 20px;text-align:justify}#credit span{text-align:center}#credit span#copy{margin-left:10px;float:none}#credit span#social{margin-right:10px;float:none}#sticker-mobile{display:block;text-align:center}}/*# sourceMappingURL=main.css.map */

#berita .berita-item h4{padding:0 20px 0 50px;background:transparent url(../images/icon-title.png) no-repeat 10px 5px;font-size:14px;color:#a013c4; font-weight:bold;font-family:'NeoSansIntel',Tahoma,"Open Sans",Verdana,Arial,serif;text-transform:capitalize}

a.button {

	-moz-box-shadow:inset 0px 0px 0px 0px #b4edab;

	-webkit-box-shadow:inset 0px 0px 0px 0px #b4edab;

	box-shadow:inset 0px 0px 0px 0px #b4edab;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #006b00) );

	background:-moz-linear-gradient( center top, #77d42a 5%, #006b00 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#006b00');

	background-color:#77d42a;

	-webkit-border-top-left-radius:5px;

	-moz-border-radius-topleft:5px;

	border-top-left-radius:5px;

	-webkit-border-top-right-radius:5px;

	-moz-border-radius-topright:5px;

	border-top-right-radius:5px;

	-webkit-border-bottom-right-radius:5px;

	-moz-border-radius-bottomright:5px;

	border-bottom-right-radius:5px;

	-webkit-border-bottom-left-radius:5px;

	-moz-border-radius-bottomleft:5px;

	border-bottom-left-radius:5px;

	text-indent:0;

	border:1px solid #8a8a8a;

	display:inline-block;

	color:#ffffff;

	font-family:'cooper black' !important;

	font-size:17px;

	font-weight:bold;

	font-style:normal;

	height:65px;

	line-height:65px;

	text-decoration:none;

	width:210px;

	margin:5px 0px;

}



a.button:hover {

	-moz-box-shadow:inset 0px 0px 0px 0px #b4edab;

	-webkit-box-shadow:inset 0px 0px 0px 0px #b4edab;

	box-shadow:inset 0px 0px 0px 0px #b4edab;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #006b00) );

	background:-moz-linear-gradient( center top, #77d42a 5%, #006b00 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#006b00');

	background-color:#77d42a;

	color:#dbc905;

	border:1px solid #c3d409;

}



a.button.icon {

padding-left: 15px;

}



a.button.icon span{

padding-left: 56px;

padding-top:10px;

padding-bottom:10px;

background: url('icon.png') no-repeat 0 -9px;

}



a.button.icon.a span {

background-position: 0px -1px;

}



a.button.icon.b span {

background-position: 0px -45px;

}



a.button.icon.c span {

	background-position: 0px -90px;

}



a.button.icon.d span {

	background-position: 0px -135px;

}



#a_middle {

    position: relative;

    width: 100%;

    margin-top: -5px;

    height: 150px;

    padding: 30px 10px 10px 10px;

    z-index: 1;

    color: #666;



}



.col_42 {width:210px; float:left; text-align: center; margin: 0 25px 25px 25px}











.list-type1{

width:210px;

margin:0 auto;

}



.list-type1 ol{

counter-reset: li;

list-style: none;

*list-style: decimal;

font-weight: bold;

font-size: 11px;

font-family: 'Raleway', sans-serif;

padding: 0;

margin-bottom: 0.5em;

}

.list-type1 ol ol{

margin: 0 0 0 2em;

}



.list-type1 a{

position: relative;

display: block;

padding: .2em .2em .2em 2em;

*padding: .2em;

margin: .3em 0;

background: #ffa700;

color: #000;

text-shadow: 0 0 4px #ffffff;

text-decoration: none;

-moz-border-radius: .2em;

-webkit-border-radius: .2em;

border-radius: 8em;

transition: all .2s ease-in-out;

}



.list-type1 a:hover{

background: #9ae916;

text-decoration:none;

transform: scale(1.1);

}



.list-type1 a:before{

content: counter(li);

counter-increment: li;

position: absolute;

left: -1.3em;

top: 50%;

margin-top: -1.3em;

background:#0cadb7;

height: 2em;

width: 2em;

line-height: 2em;

border: .3em solid #fff;

text-align: center;

font-weight: bold;

-moz-border-radius: 2em;

-webkit-border-radius: 2em;

border-radius: 2em;

color:#FFF;

}















ul.list_menu{

	list-style-type: square;

}



ul.panah{

	list-style-image: url('../images/panah.png');

}



.pengumuman {

	float:right; width:73%; border:1px dotted #fff; padding:11px; background-color:#e3e3e3

}



.pengumuman b {

	font-weight: bold;

}



@media (max-width: 720px) {

	div.pengumuman {

		display:hidden !important;

		visibility: hidden;

	}

}