@font-face {
  font-family: 'simkai';
  src: url('fonts/simkai.eot') format('embedded-opentype'),
      url('fonts/simkai.svg') format('svg'),
       url('fonts/simkai.ttf') format('truetype'),
        url('fonts/simkai.woff2') format('woff2'),
       url('fonts/simkai.woff') format('woff') ;
  font-weight: normal;
  font-style: normal;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

html, body {
    color:#333;
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;
}

a {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;    
}

p {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;    
}

span {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;    
}

h1 {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;    
}

h2 {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;    
}

h3 {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;    
}

h5 {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;    
}

h6 {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important; 
    text-align: center;
    line-height: 1.3;
    color: #ffffff;
    font-size: 31px;
    font-weight: 400;
}

li {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;    
}

td > p {
    margin: 0px;
}

.btn-primary, .sppb-btn-primary {
    border-color: #1b95fc;
    background-color: #1b95fc;
}

.article {
    margin: 20px 0px;
}

#sp-position1 .welcome > h6 {
	border-bottom: 1px solid #a5a6a5;
    padding-bottom: 15px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    font-size: 40px;
}

.more-news {
    padding: 5px!important;
}

#sp-position1 .welcome > p {
    font-size: 18px;
}

.nav-tabs > li > a {
    border: none!important;
    margin-bottom: -10px!important;
}

.englishfont {
  font-family: roboto,Open Sans, sans-serif!important;
}

/*.blink_me {
 	animation: blinker 3s linear infinite;  
}*/

.directors .container .director .hover {
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0;
    transition: .3s ease;
    cursor: pointer;
    background-color: #00000094;
    margin-right: 15px;
}

.director .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 90%;
    opacity: 0;
    transition: .3s ease;
    cursor: pointer;
    background-color: #00000094;
    margin-right: 15px;
}

.director:hover .hover {
 opacity: 1;
}

.directors .container .director:hover .hover {
 opacity: 1;
}

.directors .container .director:hover .hover > p {
	font-size: 28px;
    color: white;
    transform: translate(0%, 100%);
    padding: 40px;
    line-height: 1.5;
}

.director .normal {
    background-color: #0361c1;
    padding: 10px 15px;
    color: white;
    font-weight: 400;
    margin-top: -10px;
    font-size: 20px;
    line-height: 1.4;
}

.director .normal2 {
	background-color: #12aab5;
    padding: 10px 15px;
    color: white;
    font-weight: 400;
    margin-top: -10px;
    font-size: 19px;
    line-height: 1.5;
    padding-top: 20px;
}

#sp-welcome {
    background-image: url(http://www.phortay.edu.my/private/images/about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;  
}

.director .normal > p {
    margin: 5px;
}

.more-news {
  width: 100%!important;
}

.more-news .container p {
  padding: 10px!important;
}

#sp-top-bar {
    padding: 3px 0;
}

#sp-position1 {
    padding: 50px 0px;
}

#sp-position7 .sp-module .sp-module-content {
    background-color: white;
    margin-top: 15px;
}

.djev_calendar_table tr th {
    text-align: center!important;
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    padding: 0 13px;
    font-size: 16px;
    font-weight: 400;
}

#sp-second-top-bar {
    background: linear-gradient(90deg,#119fff -20%,#456bf1 100%);
    position: relative;
    width: 100%;
}

#sp-position2 #jm-category-module-109 > div > div {
    margin: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    margin-bottom: 25px;
    background-color: white;
}

#sp-position6 #jm-category-module-110 > div > div {
    margin: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    margin-bottom: 25px;
    background-color: white;
}

#sp-top2 {
	padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 5px;
    top: 5px;
}
.form-search label {
    display: none;
}

#mod-finder-searchform91 {
    float: right;
    display: flex;
}

#mod-finder-searchform91 .btn-primary {
    border-radius: 0px;
}

#sp-search {
    width: auto;
    margin-top: 10px;
    float: right;
    padding-right: 25px;
}

.popover .top .popover-content .djev_calendar_day_link {
  display: none!important;
}

.popover .top .popover-content .djev_calendar_event .time .title {
    font-size: 14px!important;
    color: #b72329!important;
    font-family: Arial,inherit Roboto, Sans-Serif!important;
}

#sp-header {
    box-shadow: none;
    border-top: 5px solid #4fbbeb;
    height: 95px;
}

.datepicker {
    width: 70%!important;
    background-color: #ffffff!important;
}

.jm-category-module.default .jmm-text .jmm-title {
    color: #0f79ba!important;
    display: grid!important;
    vertical-align: top!important;
    margin: 0 0 5px!important;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 7px;
    line-height: 1.3;
    font-size: 21px;
}

.jmm-text > span > a {
	color: #000000;
    font-size: 16px;
    font-weight: 200;
    pointer-events: none;
}

#offcanvas-toggler >i {
    color: #717171;
    font-size: 28px;
}

.article-footer-top {
    display: none;
}

div#n2-ss-1 .n2-ss-layer .n2-font-893955940e61fe3b3f57461e604ddf83-hover {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;      
}

#sp-position1 #jmm-simple-tabs-94 .tab-content {
    /* background: linear-gradient(90deg,#48c6ef -20%,#6f86d6 100%); */
    padding: 50px;
    background-image: url(http://www.phortay.edu.my/private/images/cover_4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
}

.sp-module ul >li >a:before {
	display: none;
}

.sp-module ul >li {
    display: block;
    border-bottom: none;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.sp-module ul > li > a:hover {
    color: #ffffff;
    background-color: #119fff;
    border: 1px solid #119fff;
    border-bottom-color: #119fff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
    color: #50baea;
}

.post-format {
    display: none;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    font-size: 16px;
}

.nav-tabs>li>a {
    font-size: 21px;
}

.sp-module ul >li >a {
    padding: 10px;
}

.sp-module ul >li >a {
    color: #2d2d2d;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}

#sp-announcement {
    background-image: url(http://www.phortay.edu.my/private/images/announcement-bg.jpg);
	background-repeat: round;
    padding-bottom: 20px;
    background-size: cover;
}

#sp-exam-info {
    background-image: url(http://www.phortay.edu.my/private/images/announcement-bg.jpg);
	background-repeat: no-repeat;
    padding-bottom: 20px;
    background-size: cover;
    padding-bottom: 50px;
}

#sp-position2 .title > p {
    font-size: 34px;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    padding-top: 40px;
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;
    margin-bottom: 0;
}

#sp-position2 .line {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    padding-bottom: 20px;
}

#sp-position2 .school {
    padding-bottom: 20px;
}

.school > p {
    background-color: #119fff;
    bottom: 0;
    color: #3c3c3c;
    width: 100%;
    font-size: 24px;
    display: block;
    width: auto;
    height: auto;
    padding: 10px;
    width: 100%;
    font-weight: 400;
    line-height: 28px;
    color: white;
    font-weight: 400!important;
}

.entry-header h2 {
    display: none;
}

#sp-position2 .more > p {
    margin-top: 30px;
}
#sp-position2 .more > p > a {
	color: #ffffff;
    padding: 10px 20px;
    font-size: 21px;
    border-radius: 15px;
    font-weight: 400;
    background-color: #868686;
}

#sp-position2 .more > p > a:hover {
	background-color: #119fff;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 21px;
    border-radius: 15px;
    font-weight: 400;
}

#sp-position2 .sp-module .sp-module-title:after {
    background-image: url(http://www.phortay.edu.my/private/images/line.png);
    width: 100%;
    height: 20px;
    content: '';
    display: block;
    margin: 10px 0 5px 0;
    background-repeat: no-repeat;
    background-size: contain;
}

#sp-position6 .sp-module .sp-module-title:after {
    background-image: url(http://www.phortay.edu.my/private/images/line.png);
    width: 100%;
    height: 20px;
    content: '';
    display: block;
    margin: 10px 0 5px 0;
    background-repeat: no-repeat;
    background-size: contain;
}

#sp-position7 .sp-module .sp-module-title:after {
    background-image: url(http://www.phortay.edu.my/private/images/line.png);
    width: 100%;
    height: 20px;
    content: '';
    display: block;
    margin: 10px 0 5px 0;
    background-repeat: no-repeat;
    background-size: contain;
}

#sp-position8 .sp-module .sp-module-title:after {
	background-image: url(http://www.phortay.edu.my/private/images/line.png);
    width: 100%;
    height: 20px;
    content: '';
    display: block;
    margin: 10px 0 5px 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: auto;
    margin-right: auto;
}

#sp-position2 .sp-module .sp-module-title {
    margin: 0 0 10px;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
  font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;
}

#sp-position6 .sp-module .sp-module-title {
    margin: 0 0 10px;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
  font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;
}

#sp-position7 .sp-module .sp-module-title {
    margin: 0 0 10px;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
  font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;
}

#sp-position8 .sp-module .sp-module-title {
    margin: 0 0 10px;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
  font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 0px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #119fff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #fff;
}

.owl-carousel .owl-nav {
    display: block!important;
}

.owl-carousel .owl-nav .btn {
	background-color: #48c6ef;
    color: white;
}

.owl-carousel .owl-nav .btn:first-child {
    margin-right: 20px;
}

.owl-carousel .owl-nav.disabled {
    display: block!important;
}

.owl-carousel .owl-nav.disabled .btn {
    background-color: #119fff;
    color: white;
}

.owl-carousel .owl-nav.disabled .btn:first-child {
    margin-right: 20px;
}

.owl-theme .owl-dots {
    display: none;
}

.info {
    margin-left: auto;
    margin-right: auto;
    display: contents;
}

#sp-event {
    background-image: url(http://www.phortay.edu.my/private/images/event_background.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
}

#sp-position2 {
    padding-bottom: 30px;
}

.infodetails {
    background-color: #00000085;
    padding: 15px;
    font-family: 'simkai',sans-serif;
}

#sp-position3 .sp-module .sp-module-title {
    font-size: 34px;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;
    margin-bottom: 0;
  color: white;
}

#sp-position4 {
    background-image: url(http://www.phortay.edu.my/private/images/contact_us_bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
    height: 400px;
    background-position-x: -260px;
    padding: 80px 50px;
}

#sp-position5 {
    padding: 0;
}

#sp-position4 .custom {
    font-size: 21px;
    line-height: 25px;
}

#sp-position4 .custom > p:first-child {
    font-size: 24px;
}

#sp-footer {
    padding: 10px 0;
    background: #4d4d4d;
}

.sp-copyright {
    font-family: sans-serif;
}

#sp-bottom {
    margin-top: -8px;
}

.bottom2 {
    margin-top: 18px;
}

.bottom3 {
    margin-top: 18px;
}

.card-title {
    color: white;
    font-size: 21px;
    font-weight: 200;
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif;
    line-height: 16px;
    margin-top: 20px;
}

.jd-simple-contact-form .d-block {
    display: none!important;
}

.btn-primary, .sppb-btn-primary {
    color: white;
}

#sp-bottom1 .bottom1 > p:first-child:hover {
    transition-property: none;
    transition-duration: unset;
      transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-moz-transform: none;
}

#sp-bottom1 .bottom1 > p:hover {
    transform: translate(5px,0);
	-webkit-transform: translate(5px,0);
	-o-transform: translate(5px,0);
	-moz-transform: translate(5px,0);
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.itemid-114 #sp-component {
  	background-image: url(http://www.phortay.edu.my/private/images/cover_5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
}

.itemid-112 #sp-component {
  	background-image: url(http://www.phortay.edu.my/private/images/abstract.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
}

.itemid-113 #sp-component {
  	background-image: url(http://www.phortay.edu.my/private/images/abstract.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
}

.schoolbackground .school {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px;
    box-shadow: 0 3px 7px 3px rgba(10, 10, 10, 0.23);
    margin-bottom: 50px;
}

.history > h1 {
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    background-color: #1d93fc;
    width: -moz-fit-content;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 9px;
    margin-top: 50px;
    margin-bottom: 50px;  
    width: fit-content;
}

.underline > h1 {
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    background-color: #1d93fc;
    width: fit-content;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 9px;
    margin-bottom: 50px;
}

.jux-tl-info .jux-tl-title > a {
    color: #ffffff;
}

.jux-tl-info .jux-tl-title {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10px;
    margin-top: 0px;
}

.jux-tl-desc > p {
    color: #ffffff;
    font-size: 16px;
}

.image1930 > p {
    background-image: url(http://www.phortay.edu.my/private/images/history/history-02.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
}

.image1940 > p {
    background-image: url(http://www.phortay.edu.my/private/images/history/history-03.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
}

.image1959 > p {
    background-image: url(http://www.phortay.edu.my/private/images/history/history_img5.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
}

.image1999 > p {
    background-image: url(http://www.phortay.edu.my/private/images/history/history_img7.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
}
.image1961 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_10.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image1962 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_11.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image1963 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_12.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 120px; 
}
.image1965 > p:first-child {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_13.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 120px;
    margin: 0px;
}
.image1965 > p:nth-child(2) {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_14.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px; 
}
.image1992 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_15.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image1997 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_16.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image1999 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_17.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image2001 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_18.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image2002 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_19.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image2007 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_20.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image2009 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_21.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image2010 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_22.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image2012 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_23.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}
.image2014 > p {
    background-image: url(http://www.phortay.edu.my/images/history/history_image_24.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px; 
}

.directors .container h1:after {
    background-color: #636363;
    width: 36px;
    height: 5px;
    content: '';
    display: block;
    margin: 15px 0;
    margin-bottom: 25px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.directors .container h2:after {
    background-color: #989898;
    width: 36px;
    height: 5px;
    content: '';
    display: block;
    margin: 10px 0;
    margin-bottom: 20px;
}

.itemid-115 .nav-tabs>li>a {
    font-size: 21px;
    color: black;
}

.environment .container h2:after {
    background-color: #989898;
    width: 30px;
    height: 5px;
    content: '';
    display: block;
    margin: 8px 0;
    margin-bottom: 20px;
}

.directors .container h1 {
	margin-top: 50px;
}

.director > p:nth-child(2) {
    text-align: center;
    background-color: #0361c1;
    padding: 10px 15px;
    color: white;
    font-weight: 400;
    margin-top: -10px;
    font-size: 21px;
    line-height: 1.4;
}

.director > p:nth-child(3) {
	font-size: 17px;
    background-color: #0361c1;
    color: white;
    font-weight: 400;
    margin-top: -15px;
    line-height: 1.4;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    height: 75px;
}

.director {
    margin-bottom: 30px;
}

.itemid-112 article.item {
    margin-bottom: 0px;
}

.itemid-113 .school {
    margin-bottom: 20px;
}

.environment .school {
	padding-left: 0px;
    padding-right: 20px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #ffffff;
    cursor: default;
    background-color: #119fff;
    border: 1px solid #119fff;
    border-bottom-color: #119fff;
    padding: 10px;
    font-size: 21px;
    margin: 0px;
}

#jmm-simple-tabs-104 {
    margin-top: 20px;
}

.phortaylogo {
    padding: 0px 30px 30px 30px;
}

.title > h1 {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 10px;
    color: #158418;
}

.desc {
  margin: 10px 0px;
}

.descs > ol {
	font-size: 16px;
 	 color: #5f5f5f;
}

.descs > p {
    font-size: 18px;
    line-height: 1.7;
    color: #5f5f5f;
}

.feetable {
    background-image: url(http://www.phortay.edu.my/private/images/register_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; 
    padding: 50px 0px;
}

.feetable .container {
    border-radius: 15px;
    padding: 10px;
}

.feetable .container > h1 {
	font-size: 26px;
    margin: 0px;
}

.feetable .container > table > tbody > tr > td > p {
    margin: 5px;
}

.registerform {
    background-color: #4fc3ef;
    padding: 20px 0px;
}

article.item {
    margin-bottom: 0px;
}

.registerform .container > div > p {
    font-size: 21px;
    margin-top: 20px;
}

.registerform .container > div > p > a {
	padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 3px 7px 3px rgba(10, 10, 10, 0.23);
    color: #5d5d5d;
    font-weight: 600;
}

.entry-image img {
    object-fit: cover;
    width: 100%;
    height: 300px;
}

.article .container > p {
    font-size: 18px;
    font-weight: 700;
    color: #4c4c4c;
}

.jmm-text .jmm-category > a {
    pointer-events: none;
}

.jm-category-module.default .jmm-text .jmm-category::before {
    content: '';
    font-size: 10px;
    line-height: 20px;
    background: url(http://www.phortay.edu.my/private/images/office.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
    height: 17px;
    width: 17px;
}

.jm-category-module.default .jmm-text .jmm-date::before {
    content: '';
    font-size: 10px;
    line-height: 20px;
    background: url(http://www.phortay.edu.my/private/images/calendar.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
    height: 17px;
    width: 17px;
}
.jm-category-module.default .jmm-intortext {
    margin: 0px!important;
}
.speasyimagegallery-modal-wrapper {
    z-index: 99999;
}

.itemid-121 .article {
    padding: 20px 0px;
}

#sp-position2 {
    padding-left: 50px;
}

#sp-position6 {
    padding-right: 50px;
}

.d-inline pr-2 {
    display: inline;
}

#events-div .theme-table .col > tr {
  border-bottom: 1px solid #d4d4d4;
}

#events-div .theme-table .col > tr > td {
  padding-bottom: 10px;
}

.d-inline {
    background-color: #46bbec;
    color: white;
    margin-right: 10px;
    border-radius: 10px;
    font-size: 26px;
    padding: 5px 10px;
    display: inline-block;
}

.m-inline {
    display: inline-block;
}

#sp-position8 #events-div::-webkit-scrollbar {
 	width: 10px;
    background-color: #F5F5F5;
}

#sp-position8 #events-div::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
  	border-radius: 7px;
}

#sp-position8 #events-div::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg,#39c3ec -20%,#119fff 100%);
    border-radius: 7px;
}

#sp-position8 {
    padding-left: 50px;
}

#sp-position7 {
    padding-right: 50px;
}

.n2-ss-desktop > p > a {  
    color: #fff!important;
    font-size: 100%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400;
    background-color: #1b95fc!important;
    padding: 10px 20px;
    border-radius: 10px;
    margin-right: 0px;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;  
    font-size: 12px!important;
    display: inline-flex;
    margin-top: 10px;
}

.n2-ss-tablet > p > a {  
    color: #fff!important;
    font-size: 100%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400;
    background-color: #1b95fc!important;
    padding: 10px 20px;
    border-radius: 10px;
    margin-right: 0px;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;  
    font-size: 12px!important;
    display: inline-flex;
    margin-top: 10px;
}

.n2-ss-mobile > p > a {  
    color: #fff!important;
    font-size: 100%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400;
    background-color: #1b95fc!important;
    padding: 3px 15px;
    border-radius: 10px;
    margin-right: 0px;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;  
    font-size: 10px!important;
  	display: inline-flex;
    margin-top: 10px;
}

.n2-ss-layer > div .n2-font-aef66577692126a13fbef28085a9c02a-paragraph  {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;  
}

.n2-ss-layer > div .n2-font-aef66577692126a13fbef28085a9c02a-paragraph > a {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;  
}

.n2-ss-layer > div .n2-font-aef66577692126a13fbef28085a9c02a-paragraph  {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;  
}

.n2-ss-layer > div .n2-font-aef66577692126a13fbef28085a9c02a-paragraph > a {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;  
}

div#n2-ss-1 .n2-ss-layer .n2-font-9f8f203abdd2e675f7251f1763e8b522-paragraph {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;    
}

div#n2-ss-1 .n2-ss-layer .n2-font-09fc7260fa5dec5de0188fba8ff80e3d-paragraph {
    font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;   
}

div#n2-ss-1 .n2-ss-layer .n2-font-b1baacf443922404556ccca833589888-paragraph {
     font-family: 'simkai', '楷体',STKaiti, "华文楷体",Sans-Serif!important;    
}

.n2-ss-section-main-content > div:nth-child(3) .n2-font-aef66577692126a13fbef28085a9c02a-paragraph:after {
	width: 50px;
    height: 5px;
    content: '';
    display: flex;
    border-bottom: 2px solid #ffffff;
    padding-top: 0px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;  
}

.n2-ss-section-main-content > div:first-child .n2-font-b1baacf443922404556ccca833589888-paragraph:after {
	width: 50px;
    height: 5px;
    content: '';
    display: flex;
    border-bottom: 2px solid #ffffff;
    padding-top: 0px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;  
}

#sp-position1 .welcome > p > a {
    border-radius: 10px;
}

.activity1 > p:first-child {
    font-size: 21px;
}
.activity1 > p:nth-child(2) {
    font-size: 18px;
}
.activity2 > p {
    font-size: 21px;
}
.activity3 > p {
    font-size: 21px;
}

.pull-right {
  display: none!important;
}

.pagenavcounter {
  display: none!important;  
}

.society {
  margin-top: 50px;
  margin-bottom: 30px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
}

.society .container .activity {
  	margin-bottom: 10px;
}

.society > p > a {
  	font-size: 18px;
    margin-left: 140px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pager > ul > li:nth-child(2) >a {
	display: inline-block;
    padding: 5px 14px;
    background-color: #1e92fb;
    border: 1px solid #1e92fb;
    border-radius: 15px;
    color: white;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 600;
}

.pager > ul > li:first-child > a {
	display: inline-block;
    padding: 5px 14px;
    background-color: #1e92fb;
    border: 1px solid #1e92fb;
    border-radius: 15px;
    color: white;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 600;
}

.pager li:nth-child(2) {
    margin-right: 30px;
}

.pager li > a:focus, .pager li > a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #1e92fb;
    border: 2px solid #1e92fb;
}

.entry-header.has-post-format {
    margin-left: 68px;
    display: inline-block;
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 80px;
    transform: translateX(45%);
    color: #fff;
}

.entry-header h2 {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 30px;
    padding-right: 30px;
    margin-top: 50px;
}

.societypagetitle {
  	display: inline-block;
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 120px;
    color: #fff;
}

.societypagetitle > p {
    font-size: 31px;
}

.tagname {
    border-top: 1px solid #eaeaea;
    padding: 20px 0px 10px 0px;
    font-size: 18px;
}

.tagname > p > a {
     color: #337ab7;
}

.tagname > p > a:before {
     content: "\f02c";
     font-family: FontAwesome;
     padding-right: 10px;
}

.tagname > p > a:hover {
  	color:#119fff;
}

.tag-title > h5 {
  	font-family: kaiti;
    text-align: center;
    border-bottom: 1px solid #a7a7a7;
    padding: 0px 0px 20px 0px;
    margin-bottom: 30px;
    font-size: 38px;
}

.tab-content {
    font-size: 18px;
}

.tab-content>.active {
    display: block;
    margin: 30px 0px;
}

@media only screen and (min-width: 1600px) {
.directortitle > h1 {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 200px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 45px;
}
.itemid-140 .directortitle > h1 {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 130px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 45px;
}
.directortitle .container > p {
	margin-left: 0px;
    position: absolute;
    text-align: center;
    width: inherit;
    top: 240px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 18px;
}
}

@media only screen and (max-width: 1600px) {
.directortitle > h1 {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 180px;
    transform: translateY(-50%);
    color: #fff;
}
.itemid-140 .directortitle > h1 {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width:100%;
    top: 130px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 41px;
}
.directortitle .container > p {
	margin-left: 0px;
    position: absolute;
    text-align: center;
    width: inherit;
    top: 220px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 17px;
}
}

@media only screen and (max-width: 1500px) {
#sp-position4 {
    background-position-x: -270px;
}
}

@media only screen and (max-width: 1400px) {  
#sp-position4 .custom {
    font-size: 18px;
}
#sp-position4 {
    padding: 75px 40px;
}
#sp-position4 {
    background-position-x: -250px;
}
.directortitle > h1 {
    top: 150px;
}
.itemid-140 .directortitle > h1 {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 100px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 41px;
}
.directortitle .container > p {
	margin-left: 0px;
    position: absolute;
    text-align: center;
    width: inherit;
    top: 200px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 17px;
}
}

@media only screen and (max-width: 1200px) {
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
}
.directortitle > h1 {
    top: 120px;
} 
.itemid-140 .directortitle > h1 {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 70px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 36px;
}
.directortitle .container > p {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 750px;
    top: 130px;
    transform: translateX(12%);
    color: #fff;
    font-size: 16px;
}
}

@media only screen and (max-width: 1000px) {
.itemid-140 .directortitle > h1 {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 31px;
}  
.directortitle .container > p {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: inherit;
    top: 130px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 16px;
}
}

@media only screen and (max-width: 780px) {
.n2-ss-layer .n2-ss-tablet .n2-font-ce6119a697a98f97f0e4e3c0f81d875e-paragraph > a:nth-child(3) {
    color: #fff!important;
    font-size: 100%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400;
    background-color: #1b95fc!important;
    padding: 5px 15px;
    border-radius: 10px;
    margin-right: 0px;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    font-size: 11px!important;
}
#sp-position4 .custom {
    line-height: 20px;
}
#sp-logo .logo > a > img:nth-child(3) {
      width: 250px;  
} 
div#n2-ss-1 .n2-ss-layer .n2-font-09fc7260fa5dec5de0188fba8ff80e3d-paragraph a, div#n2-ss-1 .n2-ss-layer .n2-font-09fc7260fa5dec5de0188fba8ff80e3d-paragraph a:FOCUS {  
    color: #fff!important;
    font-size: 100%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400;
    background-color: #1b95fc!important;
    padding: 10px 20px;
    border-radius: 10px;
    margin-right: 0px;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;  
    font-size: 12px!important;
}
#sp-position4 {
    background-size: cover;
}
.directortitle .container > p {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 500px;
    top: 90px;
    transform: translateX(21%);
    color: #fff;
    font-size: 10px;
    line-height: 1.7;
}
.itemid-140 .directortitle > h1 {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 40px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 28px;
}
}

@media only screen and (max-width: 480px) {
a {
    word-break: break-all!important;
}
#sp-right {
    margin-bottom: 30px;
}
#sp-position4 {
    background-image: url(http://www.phortay.edu.my/private/images/contact_us_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 400px;
    background-position-x: 0px;
    padding: 80px 50px;
}
.feetable .container {
    padding: 20px;
    margin: 20px;
}
.tag-title > h5 {
    font-size: 28px;
    padding: 0px 0px 10px 0px;
    margin-bottom: 25px;
}
.directors .container > div > h6 {
    font-size: 22px;
}
.directors .container > div > h2 {
   font-size: 23px; 
}
.directors .container h2:after {
    background-color: #989898;
    width: 36px;
    height: 3px;
    content: '';
    display: block;
    margin: 5px 0;
    margin-bottom: 20px;
}
.history > h1 {
    font-size: 25px!important;
}
.studentmonthlyfees {
  	overflow-y: hidden;
    overflow-x: scroll;
    display: flex;
}
.registerform .container > div {
    margin-bottom: 20px;
}
#sp-position1 .welcome > h6 {
    font-size: 30px;
}
   .englishfont {
    font-size: 21px;
  }
  .chinesefont {
    font-size: 24px;
  }
.itemid-140 .directortitle > h1 {
    margin-left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 30px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 28px;
}
.itemid-140 .article {
    padding: 0px;
}
.directortitle .container > p {
    margin-left: auto;
    position: absolute;
    text-align: center;
    width: 300px;
    top: 80px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 10px;
    line-height: 1.5;
    transform: translateX(13%);
}
.activityaim .container > img {
    padding: 0px!important;
    margin: 30px 0;
    width: 100%!important;
}
.activityaim .container {
     padding: 0px;   
}
#sp-position1 {
    padding: 30px 10px;
}
#sp-top2 .blink_me > p {
    margin: 0px; 
}
.directors .container .director .hover {
    width: 92%;
}
.directortitle > p > img {
    height: 150px;
    object-fit: cover;
}
.itemid-140 .directortitle > p > img {
    height: 190px;
    object-fit: cover;
}
.directortitle > h1 {
  	top: 50px;
    font-size: 21px;
    width: 93%;
}
}
#sp-top2 {
    top: 0px;
}
#sp-main {
    padding-top: 0px;
}
.schoolbackground .underline > h1 {
    font-size: 32px;
}
#sp-bottom1 {
    margin-bottom: 30px;
}
#sp-bottom2 {
    margin-bottom: 30px;
}
#sp-position1 #jmm-simple-tabs-94 .tab-content {
    padding: 20px;
}
#jmm-tabs94 {
    display: flex;
    overflow-x: scroll;
    overflow-x: auto;
    white-space: nowrap;
    height: 55px;
    width: 100%; 
}
.nav-tabs {
    border-bottom: 1px solid #50b9ea;
}
#sp-environment {
    padding-bottom: 30px;
}
#sp-position2 .more > p > a {
    font-size: 18px;
}
#sp-position2 .school > p {
    padding: 10px;
    width: 85%;
    font-weight: 400;
    line-height: 30px;
    font-size: 18px!important;
}
#sp-position2 .line {
    width: auto;
}
#sp-position4 {
    background-size: auto;
    background-position-x: 0px;
}
.nav-tabs>li>a {
    font-size: 18px;
}
#sp-slider .n2-section-smartslider {
    padding-top: 0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	font-size: 18px;
}
#sp-top2 .custom .container > p {
        margin: 0;
}
#sp-second-top-bar {
    background: linear-gradient(90deg,#48c6ef -20%,#6f86d6 100%);
    margin-top: 3px;
    position: relative;
}
#sp-search {
    width: fit-content;
    margin-top: 10px;
    float: right;
    position: absolute;
    margin-left: 20px;
}
#sp-search {
    width: 100%;
    padding-top: 20px;
    float: left;
    position: relative;
    padding-left: 34px;
    background: #d7edfa;
    padding-bottom: 20px;
    margin-left: 0;
}
#mod-finder-searchform91 {
    float: left;
}
#sp-header {
    height: 90px;
    margin-top: 0px;
}
#sp-position2 {
    padding-left: 15px;
}
#sp-position6 {
    padding-right: 15px;
}
#sp-position8 {
    padding-left: 15px;
}
#sp-position7 {
    padding-right: 15px;
    padding-top: 30px;
}
.title > h1 {
  	font-size: 24px;
}
}

@media only screen and (max-width: 390px) {
.directortitle .container > p {
    margin-left: auto;
    position: absolute;
    text-align: center;
    width: 300px;
    top: 80px;
    transform: translateY(-40%);
    color: #fff;
    font-size: 10px;
    line-height: 1.5;
    transform: translateX(7%);
}  
}

.djev_calendar_table > tbody {
    width: 100%;
    display: inline-table; 
}

.registerform .container > div > p > a:hover {
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #3399fe;
    box-shadow: 0 3px 7px 3px rgba(10, 10, 10, 0.23);
    color: #ffffff;
    font-weight: 500;
}

#sp-left .sp-column .custom > p > a {
      background-color: #46bbec;
    padding: 10px 50px;
    color: white;
    border-radius: 20px;
}

#sp-right .sp-column .custom > p > a {
      background-color: #46bbec;
    padding: 10px 50px;
    color: white;
    border-radius: 20px;
}

#sp-left {
  margin-bottom: 50px;
}

#sp-article-archive-more {
    background-color: #f9f9f9;
}

#sp-article {
  background-image: url(http://www.phortay.edu.my/private/images/announcement-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}