@import url(https://fonts.googleapis.com/css?family=Lora:400,700italic,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);
BODY {
  background:#f2f4f2;
}
#netcontent {
}
body.PTP44617  #netcontent {
  background:#faf7ed;
}
#lo_whole {
}
#lo_panel {
}
#lo_main {
  width:100%;
}
.main_area {
  width:100%;
}
.noticeboard {
}
.noticeboard_box .heading_ {
  background:url(nb_icon.png) no-repeat;
  padding:15px 0 15px 60px;
}
.noticeboard_box .content_ {
  border: 0px;
  -moz-border-radius:6px;
  padding:15px 10px;
}
.search_box {
  height:44px;
}
.search_box .lpad_ {
  background-image:url(searchbox.png);
}
.search_box .rpad_ {
  background-image:url(searchbox.png);
}
.search_box .cpad_ {
  background-image:url(searchbox.png);
}
.search_box .input_ {
  height:30px;
  margin:6px 0;
  font-size:20px;
}
.search_box .button_ {
  background:url(search_btn.png);
  width:50px;
  height:36px;
  margin:4px 3px 0 0;
}
.search_box .button_:hover {
  background:url(search_btn_hl.png);
}
.ive_halo {
  border-color: #D5D9D1!important;
}
/* --------- Font --------- */
.main_area h1 {
  color:#ffffff;
  line-height:1.5em;
  font-family: 'Lora', serif;
  text-transform:uppercase;
  font-size:22px;
  font-weight:700;
  display:inline;
  background:#3aa66f;
  padding:8px 9px;
}
.main_area h2 {
  color:#3aa66f;
  line-height:1.5em;
  font-family: 'Lora', serif;
  text-transform:uppercase;
  font-size:20px;
  font-weight:700;
}
.main_area h3 {
  color:#3aa66f;
  line-height:1.5em;
  font-family: 'Lora', serif;
  text-transform:uppercase;
  font-size:17px;
  font-weight:700;
}
.main_area h4 {
  color:#565656;
  line-height:1.5em;
  font-family: 'Open Sans', sans-serif;
}
.content_area, .sidebar_area {
  line-height:18px;
  color:#565656;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
}
/* Masthead */
.masthead_area {
  display:none;
  height: 35px;
}
.ive_designmode .masthead_area {
  display: block;
}
/* Navigation */
.sitemenu_area 		{
  height:50px;
  width:100%;
  display:block;
  background:#f2f4f2;
  overflow:hidden;
}
.ive_designmode .sitemenu_area {
  overflow:visible;
}
.sitemenu_area UL.sitemenu  				{
  display:block;
  height:50px;
  max-width:980px;
  width:100%;
  overflow:hidden;
  margin:auto;
}
.ive_designmode .sitemenu_area UL.sitemenu  {
  overflow:visible;
}
.sitemenu_area .sitemenu li 				{
  display:block;
  height:14px;
  padding:16px 0px;
  border-bottom:4px solid #89caa9;
  background:#39A66D !important;
}
.sitemenu_area .sitemenu li:hover 		{
  border-bottom:4px solid #dbc16c;
}
.sitemenu_area .sitemenu li.focus 		{
  background:transparent;
}
.sitemenu_area .sitemenu li a.sitemenu, .sitemenu_area .sitemenu li a.sitemenu:visited, .sitemenu_area .sitemenu li a.sitemenu:hover 	{
  display:block;
  font-family: 'Lora', serif;
  font-size:14px;
  color:#FFFFFF;
  margin:0px;
  line-height:17px;
  text-transform:uppercase;
  border-right:1px solid #319462;
  box-shadow:1px 0px 0px 0px #3eb87a;
  padding:0px 19px;
}
.sitemenu_area .sitemenu li:hover A, .sitemenu_area .sitemenu li a.sitemenu:hover {
  text-decoration:none;
  color:#f1cf5f;
}
.sitemenu_area LI a.sitemenulit {
  color:#f1cf5f !important;
}
#PTID_45069 a.sitemenu {
  border-right:none !important;
  box-shadow:none !important;
}
#PTID_54366, #PTID_54367 {
  display:none;
}
/* Dropdown Box */
table.dropmenu {
  border-collapse:collapse;
  border:none;
}
table.dropmenu TD A,table.dropmenu TD A:visited {
  color:#565656 !important;
  padding:5px 10px;
  font-size:13px;
  font-family: 'Open Sans', sans-serif;
  font-weight:normal;
}
table.dropmenu .lineEven A {
  background:#FFFFFF !important;
  color:#565656 !important;
}
table.dropmenu .lineOdd A {
  background:#FFFFFF !important;
  color:#565656 !important;
}
table.dropmenu TD A:hover {
  background:#e5d397 !important;
  color:#444444 !important;
  font-weight:bold;
}
/* Masthead2 */
.masthead2_area 					{
  display:none;
  height:212px;
}
body.PTP44617 .sitemenu_area { background:#ffffff; }
body.PTP44617 .masthead2_area 	{
  display:block;
  background:url('../../slot/u558/style2022/sub/about%20us.jpg') center bottom no-repeat #ffffff;
  border-bottom:2px solid #89caa9;
}
body.PTP44623 .masthead2_area 	{
  background:url('../../slot/u558/style2022/sub/about%20us.jpg') center bottom no-repeat #ffffff;
}
body.PTP44990 .masthead2_area 	{
  background:url('../../slot/u558/style2022/sub/academic%20matters.jpg') center bottom no-repeat #ffffff;
}
body.PTP45007 .masthead2_area 	{
  background:url('../../slot/u558/style2022/sub/co-curriculum.jpg') center bottom no-repeat #ffffff;
}
body.PTP45018 .masthead2_area 	{
  background:url('../../slot/u558/style2022/sub/our%20partners.jpg') center bottom no-repeat #ffffff;
}
body.PTP45068 .masthead2_area 	{
  background:url('../../slot/u558/style2022/sub/administration.jpg') center bottom no-repeat #ffffff;
}
body.PTP45069 .masthead2_area 	{
  background:url('../../slot/u558/style2022/sub/contact%20us.jpg') center bottom no-repeat #ffffff;
}
/* Content Area */
.content_area {
  max-width:980px;
  width:100%;
  padding:0px;
  margin:auto;
  display:block;
  float:none;
}
.layout-default_left .content_area .mid, .layout-default .content_area .mid	{
  margin-top:25px;
  padding:18px 30px 50px 30px;
  max-width:650px;
  width:calc(72.5% - 62px);
  float:left;
  border:1px solid #acd7c2;
  background:#FFFFFF;
}
.content_area .appcontent_box, .content_area .pagecontent_box, .content_area .pageblock_box {
  padding:0px;
  margin:0px;
}
.content_area .path_box {
  margin:0px;
  padding:22px 0px 12px 0px;
}
.content_area .path_box, .content_area .path_box * {
  font-size:14px;
  color:#444444;
  text-decoration:none;
  font-family: 'Lora', serif;
}
.content_area .path_box A:hover {
  text-decoration:underline;
}
.layout-default_left .sidebar_area, .layout-default .sidebar_area 			{
  width:26%;
  max-width:230px;
  padding:0px 0px 0px 0px;
  float:right;
}
.layout-default_left .sidebar_area  .mid, .layout-default .sidebar_area  .mid   {
  width:100%;  
  max-width:100%;
  padding:0px;
  float:none;
  border:none;
  background:transparent;
}
.sidebar_area .sidebar0_box, .sidebar_area .sidebar1_box, .sidebar_area .subpages_box {
  padding:0px;
  margin:0px;
}
.layout-single_col .sidebar_area, .layout-single_col .content_area .mid {
  width:100%;
  max-width:980px;
  padding:0px;
  border:none;
  margin:auto;
}
.PTP50316 .layout-single_col .sidebar_area, .PTP50316 .layout-single_col .content_area .mid {
  width:calc(100% - 62px);
  max-width:918px;  
  margin:auto;
  border:1px solid #acd7c2;
  padding:18px 30px 50px 30px;
}
.PTP50316 .layout-single_col .content_area .mid  {
  margin-top:25px;
}
.layout-single_col .content_area .top {
  max-width:980px;
  width:100%;
  margin:auto;
}
.layout-single_col .sidebar_area {
  display:none;
}
.ive_designmode .layout-single_col .sidebar_area {
  display:block;
}
/* Footer */
.footer_area {
  padding:0px;
  height:1px;
}
body.PTP44617 .footer_area {
  padding:42px 0px 55px 0px;
  font-size:14px;
  line-height:18px;
  color:#616161;
  font-family: 'Lora', serif;
}
.footer_area-body {
  max-width:980px;
  width:100%;
  margin:auto;
  display:none;
}
body.PTP44617 .footer_area-body {
  display:block;
}
.footer_area-body .footer_leftpanel	 		{
  text-align:left;
  float:left;
}
.footer_area-body .footer_leftpanel P.links, .footer_area-body .footer_leftpanel P.links *  {
  color:#c8b064;
}
.footer_area-body .footer_rightpanel  {
  text-align:right;
}
/* Hyperlink  */
a  			{
  color:#3aa66f;
  text-decoration:none;
}
a:visited 	{
  color:#3aa66f;
  text-decoration:none;
}
a:hover 		{
  color:#3aa66f;
  text-decoration:underline;
}
/* Subpages Box  */
.subpages_box {
  padding:10px !important;
  background:#FFFFFF;
  border:1px solid #acd7c2;
}
.subpages_box ul  {
  margin:0px;
}
.subpages_box ul  ul {
  margin-left:20px;
}
.subpages_box ul LI {
  list-style-type:none;
  padding:0px 0px 0px 25px;
  margin:0px;
  display:block;
}
.subpages_box ul LI.current {
  background:url('../../slot/u558/style/sub/arrw-big.png') no-repeat;
  background-position: 0px 18px !important;
}
.subpages_box ul ul li {
  margin:0px;
}
.subpages_box A, .subpages_box A:visited {
  display:block;
  font-family: 'Open Sans', sans-serif;
  color:#c8b064;
  padding:18px 0px;
  margin:0px;
  text-decoration:none;
  font-size:14px;
  border-bottom:1px solid #dfdcd1;
}
.subpages_box B, .subpages_box A:hover {
  display:block;
  font-family: 'Open Sans', sans-serif;
  color:#c8b064;
  padding:18px 0px;
  margin:0px;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  border-bottom:1px solid #dfdcd1;
}
/* Others */
IMG {
  border:none;
}
.title2, .url2, .description2, .thumbnail2 {
  display:none;
}
.gv_infobar {
  visibility:hidden;
}
.sidebar0_box {
  display:none;
}
/* Overlay */
.overlay-wrapper {
  position:absolute;
  width:100%;
  top:0px;
}
.ive_designmode .overlay-wrapper {
  top:200px;
}
body.PTP44617.ive_designmode .overlay-wrapper {
  top:52px;
}
.overlay-cnt {
  max-width:980px;
  width:100%;
  margin:auto;
  position:relative;
}
.home-logo {
  position:absolute;
  z-index:1200;
  top:55px;
}
.overlay {
  position:absolute;
  z-index:1500;
  top:60px;
  right:50px;
}
.search_box {
  margin: 0 !important;
}
.search_box td {
  vertical-align: top;
}
.overlay #search_box {
  background:#f0faf5;
  border:1px solid #89caa9;
  border-radius:6px;
  width:150px;
  height:18px;
  padding:5px 5px;
  float:left;
}
.overlay #search_box  #search_str	{
  float:left;
  background:transparent;
  border:none;
  width:125px;
  height:18px;
  line-height:18px;
  font-family: 'Lora', serif;
  text-transform:uppercase;
  color:#3e3e3e;
  margin-top: 0 !important;
  font-size: 13px;
}
.overlay #search_box  #search_btn	{
  float:right;
  text-indent:-9999px;
  width:18px;
  height:18px;
  background:url('../../slot/u558/style/home/magnify.png') no-repeat;
  border:none;
  margin: 0 !important;
}
.overlay #overlay-body {
  float:left;
  margin-left:20px;
}
.overlay #overlay-body A {
  display:block;
  padding:10px 14px;
  float:left;
  color:#333333;
  font-size:16px;
  font-weight:bold;
  font-family: 'Lora', serif;
  text-shadow: 3px -1px 2px #ffffff;
}
body.PTP44617 .overlay #overlay-body {
  display:none;
}
/* Home */
.home-data-wrapper {
  padding-top:500px;
}
.home-data	{
  display:block;
  float:left;
  width:698px;
}
.home-data .home-data-tabs {
  height:34px;
}
.home-data .home-data-tabs UL {
  margin:0px;
  padding:0px;
}
.home-data .home-data-tabs UL LI {
  margin:0px 3px 0px 0px;
  display:inline-block;
  line-height:20px;
  font-weight:bold;
  text-transform:uppercase;
  color:#FFFFFF;
  background:#3aa66f;
  min-width:182px;
  cursor:pointer;
  float:left;
  padding:7px;
  font-size:15px;
}
.home-data .home-data-tabs UL LI.active {
  background:#c8b064;
}
.home-data .home-data-body {
  background:#FFFFFF;
  border:1px solid #acd7c2;
  opacity: 0.82;
  filter: alpha(opacity=82);
  width:635px;
  padding:18px 23px 25px 23px;
  height:150px;
}
.home-footer {
  float:left;
  padding-top:20px;
  width:400px;
}
.article-item-body IMG {
  float:left;
  margin-right:27px;
}
.article-item-body B   {
  font-size:14px;
  line-height:18px;
  color:#000000;
  font-family: 'Lora', serif;
}
.article-item-body DIV {
  font-size:14px;
  line-height:18px;
  color:#565656;
  font-family: 'Open Sans', sans-serif;
}
.article-item-body A   {
  font-size:14px;
  line-height:18px;
  color:#ffffff;
  font-family: 'Lora', serif;
  background:#c8b064;
  display:inline-block;
  margin-top:22px;
  padding:5px;
  float:right;
}
.iveo_pipe_articles_show .latest-widget {
  width:650px;
  height:150px;
}
.iveo_pipe_articles_show .jshowoff .pageno_, .iveo_pipe_articles_show .jshowoff .play_ {
  display: none;
}
.iveo_pipe_articles_show .jshowoff .controls_ {
  bottom:0;
  left: 0px;
  position: absolute;
  z-index: 9999;
  height:20px;
  width:80px;
}
.iveo_pipe_articles_show .jshowoff .prev_   {
  background:url('../../slot/u558/style/home/tabnavL.jpg');
  float:left;
  display:block;
  width:36px;
  height:19px;
  text-indent:-9999px;
  cursor:pointer;
}
.iveo_pipe_articles_show .jshowoff .next_   {
  background:url('../../slot/u558/style/home/tabnavR.jpg');
  float:right;
  display:block;
  width:36px;
  height:19px;
  text-indent:-9999px;
  cursor:pointer;
}
.home-footer P {
  color:#616161;
  margin-bottom:0px;
}
.home-footer P.links, .home-footer P.links *  {
  color:#c8b064;
  font-size:14px;
  font-family: 'Lora', serif;
  line-height:18px;
}
.description UL, .description OL {
  margin-left:20px !important;
}
.pageblock_box UL, .pageblock_box OL {
  margin-left:20px !important;
}
.content_area table.ives_tab_1 {
  background:rgb(172, 215, 194);
  border-spacing: 1px;
  border-collapse: separate;
}
.content_area table.ives_tab_1 TH {
  background:rgb(58, 166, 111);
  color:#FFFFFF;
}
.content_area table.ives_tab_1 TD {
  background:#FFFFFF;
}
.content_area table.ives_tab_simple3 TH {
  background-color:#3aa66f;
  color:#fff;
  font-family: 'Lora', serif;
  text-transform:uppercase;
}
.content_area table.ives_tab_simple3 TD {
  text-align:left;
  color:#565656;
}
/*---------------mobile sitemenu----------------------*/
.top-menu::before {
  content: "";
  display: none;
  width: 32px;
  height: 32px;
  background-image: url('../../slot/u558/style/hamburger.png');
  background-color: rgba(255,255,255,1);
  opacity: .7;
  border: 1px solid transparent;
  background-size: contain;
}
.top-menu {
  display: none;
}
.mobile-menu {
  position: absolute;
  height: 100%;
  display: none;
  width: 100%;
  z-index:2000;
}
.mobile-menu ul.sitemenu {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 1.0)!important;
  top: 0;
}
.mobile-menu ul.sitemenu li {
  display: block;
  text-align: center;
  width: 100%;
}
.mobile-menu ul.sitemenu li a.sitemenu {
  text-indent: 0px;
  text-align: center;
  text-shadow: none;
   width: 100% !Important;
   font-size: 14px !important;
}
.mobile-menu ul.sitemenu li:hover {
  height: auto !important;
  background-color: #39A66D !important;
}
.mobile-menu ul.sitemenu li a.sitemenu,
table.mob_submenu A, table.mob_submenu A:visited	{
  padding: 10px 0 !important;
}
.mobile-menu ul.sitemenu li a.sitemenu:hover {
  color: #fff !important;
}
.mobile-menu ul.sitemenu .mob_submenu tbody,
.mobile-menu ul.sitemenu .mob_submenu tr,
.mobile-menu ul.sitemenu .mob_submenu td,
.mobile-menu ul.sitemenu .mob_submenu a {
  display: block;
}
.mobile-menu .mob_submenu.active {
  display: block;
}
.mobile-menu .mob_submenu {
  display: none;
}
.mobile-menu ul.sitemenu table.mob_submenu A, 
.mobile-menu ul.sitemenu table.mob_submenu A:visited {
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 150%;
  text-decoration: none;
  color: #fff !important;
  border-bottom: 0;
}
.mobile-menu ul.sitemenu table.mob_submenu .dropmenu {
  display: none;
  width: 100% !important;
  margin: 0;
}
.mobile-menu ul.sitemenu table.mob_submenu .dropmenu.active {
  display: block;
}
.mobile-menu ul.sitemenu table.mob_submenu .dropmenu tbody {
  width: 100% !important;
  display: block;
}
.mobile-menu ul.sitemenu table.mob_submenu .dropmenu td a {
  text-align: center;
}
/*-------------------RWD---------------*/
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px)
{
  .masthead_area {
    display: block;
  }
  .content_area .ive_ptod {
    padding: 0;
  }
  iframe, iframe [style] {
    width: 100% !important;
  }
  .sitemenu_area {
    display: none;
  }
  ul.sitemenu::before {
    display: none !important;
  }
  .top-menu {
    display: block;
    width: 100%;
  }
  .top-menu::before {
    display: block;
  }
  .mobile-menu.active {
    display: block;
  }
  .iveo_pipe_mydocs_slidebox, .iveo_pipe_mydocs_slidebox [style] {
    width: 100% !important;
  }
  .iveo_pipe_mydocs_slidebox div {
    height: 350px !Important;
  }
  .iveo_pipe_mydocs_slidebox, .iveo_pipe_mydocs_slidebox [style] {
    width: 100% !important;
  }
  .iveo_pipe_mydocs_slidebox .gv_panelNavNext, .iveo_pipe_mydocs_slidebox .gv_panelNavPrev {
    height: 40px !Important;
    width: 40px !important;
    top: 30% !important;
  }
  #slideshow {
    width: 100% !important;
    height: auto;
    margin-top: 120px !important;
  }
  .overlay {
    top: 0;
    right: 10px;
    position: relative;
  }
  .overlay-cnt {
    width: 100%;
  }
  .overlay #search_box {
    float: right;
  }
  .overlay #overlay-body {
    float: none;
    margin: 0px auto !Important;
    display:table;
    width:100%;
    position:absolute;
    text-align:center;
    top:80px;
    left:50%;
    transform:translateX(-50%);
    z-index:1500;
  }
  .overlay #overlay-body A { padding:3px 14px; float:none; display:inline-block; }
  .overlay #overlay-body:after {
    clear:both;
    content:'';
    display:block;;
  }  
  #netcontent {
    overflow: hidden;
  }
  a.home-logo {
    top: 0px;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    display:block;
    margin:0px auto;
    width: auto;
    height:100px;
  }
  a.home-logo IMG {
    width:auto;
    height:100px;
  }
  .masthead_area {
    z-index: 2000;
    position: static;
  }
  .overlay-wrapper {
    top: 5px;
  }
  .top-menu {
    position: relative;
    z-index: 9999;
  }
  .home-data-wrapper {
    padding-top:calc(65% + 120px);
  }
  .home-data {
    width: 100% !important;
    float: none;
  }
  .home-data .home-data-body {
    width: 87% !important;
    height: 220px;
  }
  .iveo_pipe_articles_show {
    width: 100% !important;
  }
  .iveo_pipe_articles_show .latest-widget {
    width: 100% !important;
    height: 150px;
  }
  .iveo_pipe_articles_show .jshowoff .controls_ {
    bottom: -44px;
  }
  .home-data .home-data-tabs UL LI {
    min-width: 42%;
  }
  /* subpages */
  .PTP44617 .content_area > .mid,
  .PTP44617 .sidebar_area {
    padding: 0 10px !important;
    margin: 0 !important;
    width: calc(100% - 22px) !important;
    max-width:100% !important;
  }
  .PTP44617 .content_area > .mid {
    margin-top:20px !important;
  }
  .PTP44617 .content_area .ive_ptod table {
    width: 100% !important;
  }
  .PTP44617 .content_area .ive_ptod table.iveo_table {
    display: block;
    overflow: auto;
    height: 100% !important;
  }
  .PTP44617 .content_area iframe {
    width: 100% !important;
  }
  .PTP44617 .masthead2_area {
    background-size: cover !important;
    margin-top: 55px !important;
		height:30vw;
  }
  .PTP44617 a.home-logo {
    top: 0px !important;
  }
  .PTP44617 .content_area .path_box {
    padding: 20px 10px !Important;
  }
  .PTP44617 .footer_area-body .footer_leftpanel,
  .PTP44617 .footer_area-body .footer_rightpanel {
    float: none;
    text-align: center;
  }
  .PTP44617 .footer_area-body {
    width: 100% !important;
    padding: 10px 0;
  }

  /* --- Slidebox --- */
  .iveo_pipe_mydocs_slidebox {width:100%!important; height:auto!important;}
  .iveo_pipe_mydocs_slidebox, .gv_galleryWrap, .gv_gallery, .gv_panelWrap, .gv_overlay, .gv_panel , .gv_filmstripWrap, .gv_filmstrip { width:100% !important; }
  .gv_panel  IMG {  left: 0px !important; right: 0px !important; margin: 0px auto; }

  .ives_tab_kosong { border:1px solid transparent; border-collapse:collapse; border-top:1px solid #ccc; margin-top:10px; }
  .ives_tab_kosong td, .ives_tab_kosong th { vertical-align:top; display:inline-block; width:97%!important; padding:5px 0 0!important; font-size:90%; }     

  .iveo_pipe_calendar_fullapp { display:block; width:calc(100% - 20px) !important; padding:0px 10px; }
  table.event.main_ .cal_weekday_label, table.event.main_ .cal_holiday_label { display:none; }
  table.event.main_, table.event.main_ TBODY, table.event.main_ TR, table.event.main_ TD, table.event.main_ TH { display:block; height:auto!important; }  

  table.mbl-scroll { display:block !important; width:100% !important; height:auto !important; overflow:auto; }
  
  .content_area .subpages_box { padding-top:0px !important; } 

  .content_area .mid { min-height:0px !important; } 
  .content_area .mid  TABLE  { width:100% !important; height:auto !important; }  
  .content_area .mid  IFRAME  { width:auto !important; max-width:100%;  height:auto !important; }  
}