/*
#------------------------------------------------------------------------
# University - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */


h1 { font-size: 30px; margin: 15px 0px;}
h2 { font-size: 26px; margin: 15px 0px;}
h3 { font-size: 22px; margin: 15px 0px;}
h4 { font-size: 22px; margin: 15px 0px;}
h5 { font-size: 22px; margin: 15px 0px; font-weight: 700;}


#gkMainbody {
  margin-bottom: 1rem;
}

#gkMainbody section > header {
  margin-bottom: 5px;
}

#gkMainbody section > header h1 {
  margin: 5px 0px;
}

#gkMainbody + #gkMainbodyBottom {

    padding-left: 20px;
}
  
html, body, h1, h2, h3  {
	/*font-family: Tahoma, Helvetica, Arial, "NSimSun","STHeiti Light",sans-serif;*/
	font-family: "NSimSun", arial, helvetica, sans-serif !important;
}

.box, #gkFooter a, #gkFooter {
    color:#000000;
}

body {
    
}

body p { margin: 5px 0px; }

.gkNspPM-EventsList > div {
	margin: 0px;
}

#gkHeaderLeft { padding: 8px 0px; }

#gkHeaderLeft .header { margin: 0px; }

.gkNspPM-EventsList time { top: auto; }

.blog article p.readmore, .blog-featured article p.readmore { margin: 0px 0px; }

.blog article header {
	margin-bottom: 5px;
}



.blog .itemBody {
	padding-left: 90px ;
}

.nodate + .itemBody.nodate
{
	padding-left: 0px ;
}

.blog .itemBody > p {
	margin: 5px 0px;
}

a, #gkMainbody header h1 a:active, #gkMainbody header h1 a:focus, #gkMainbody header h1 a:hover, #gkMainbody header h2 a:active, #gkMainbody header h2 a:focus, #gkMainbody header h2 a:hover, #k2Container article header h2 a:active, #k2Container article header h2 a:focus, #k2Container article header h2 a:hover, #community-wrap .joms-stream-box article > a, .faq li a:hover, #login-form ul li a:hover {
	color: #010101;
}

a:hover, a:active, a:focus, #gkMainbody header h1 a, #gkMainbody header h2 a, #k2Container article header h2 a, #gkSidebar .box a:hover, .faq li a, #login-form ul li a {
	color: #fa7252;
    
}



.box .categories-module li > ul {
	margin-left: 0px;
}

.box .categories-module > li {
	border-bottom: 0px;
}

.box .categories-module li > ul > li {
	padding: 0px 0px 0px 15px;
}

.box .categories-module li > ul > li:last-child {
	border-bottom: 0px;
}

.box .categories-module li > ul > li a {
	padding: 15px 5px 15px 0px;
	display: block;
}

.box.gk-video.onlydesktop
{
    height:214px;
}

.blog .items-row .column-1 {
	width: 100%;
}

.blog .pagination .counter {
	display: none;
}


.box.color1{
    padding:20px!important;
}

.box.color2{
    padding:20px!important;
}

.item-page .hidden-full { display: none; }

.item-page{
    padding:20px;
}

.text-right
{
    text-align: right;
}

#gkHeaderNav {
	padding: 20px 0px 0px;
}

#gkMainMenu {
	margin-top: 20px;
}

body, p, a
{
    font-size:15px;
}

.text-center {
	text-align: center;
}

h2>a
{
     font-size:30px;
}

#gkBottom1.gkSingleModule {
	padding: 90px 0px 0px;
}

#gkBottom1 .box.parallax {
	margin: 0px !important;
    padding: 100px 0!important;
}

#gkBottom1
{
    background-attachment: fixed;
    background-position: 50% 50%;
    background-image:url("../images/bg-3d.png");
    padding: 100px 0!important;
    border: none!important;
    border-top: 0px solid #e5e5e5!important;
    border-bottom: 0px solid #e5e5e5!important;
        
}

#gkContentWrap
{
    margin-top: 0px;
}


.container {
  display: flex; /* or inline-flex */
}

.flex-container 
{
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row
}

.wrap
{ 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}  

tbody tr td {
    border-bottom: 0px solid #e5e5e5;
}

.gkNspPM-EventsList a {
    color: #000;
    display: block;
    height: 35px;
    overflow: visible;
    text-overflow: clip;
    white-space: pre-wrap;
    width: 100%;
}

#gkHeaderBottom .gkNspPM-EventsList time {
    border: 1px solid #f3a140;
    background-color: #f3a140;
    
}

.csstransforms #gkHeaderLeft .header > span {
    transform: translateX(0%) translateY(0%) rotate(0deg);
    top: 10%;
    left: 30%;
    width: 0px;
    line-height: 40px; 
    white-space: normal;
    word-wrap: break-word;
    display: inline-block;
}


.split-box .image-box, .split-box .content-box {
	float: left;
	padding: 0px 15px;
}

.split-box .image-box {
	width: 40%;
}

.split-box .content-box {
	width: 60%;
}

.split-box .image-box img {
	max-width: 100%;
}

.split-box .content-box .title {
	margin: 0px 0px 15px;
}

.box .header
{
    font-size: 25px;
}

.list-simple li {
	border: 0px;
}

footer p {
	font-size: 13px;
}

h3 a
{
    font-size:18px;
    font-style:normal;
    font-weight: 600;
}

.box.transparent li {
	padding: 6px 0px;
}

.gkMenu > ul > li.active > a
{
    color:#000;
}

.gkMenu > ul > li > a
{
    color:#000;
}

#gkBottom3 .content{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.content.gkPage .menu{
    overflow:hidden;
    float:left;
}

#gkBottom3 .box ul.menu li li a, .box.icons-menu li li a{
    margin:0 0 0 20px;
}


.separator {
    font-size:14pt;
}

.box.nomobile.gkmod-1
{
    left:50%;
}

.gkIsWrapper-gk_university figcaption {
	top: 72%;
	left: 58%;
}

.gkIsWrapper-gk_university figcaption p, .gkIsWrapper-gk_university figcaption a
{
    color: #fa7252;
    font-weight: 900;
	
}

.box.transparent
{
	background: rgba(241, 193, 92, 0.89) none repeat scroll 0 0;
    margin-left: 140px;
    padding-left: 15px;
    padding-right: 15px;
}

.box.transparent a {
	color: #333;
    font-weight: bold;
}

.box.transparent a:hover {
	color: #fff;
}

.box.transparent h3 {
	margin: 0px;
}

.box.transparent li {
	border-bottom: 1px solid #CF9212 !important;
}

.box.transparent li:last-child {
	border-bottom: transparent !important;
}

.box li
{
    border-bottom: 0px;
}

.box.parallax {
	/*background-image: url("../../../images/demo/kwanghua_3.jpg");*/
	background-image: url("../images/bg-3d.jpg");
}

.box.parallax .header {
	color: #333;
}

.box.parallax .nspLinksWrap.right h4 a {
	color: #333;
}

/*.box.parallax .nspLinks .readon {
	
}*/

.box.parallax.darkbar.gkmod-1
{
    height:inherit;
}

/* Collapsible Class */
.collapsible ul {
	display: none;
}

.collapsible .active > ul {
	display: block;
}



#gkBottom1.gkSingleModule {
	padding: 0px 0px 0px 0px;
}

.frontpage #gkPageContent {
	padding: 0px 0px;
    
}


 #gkBottom5.gkSingleModule {
	 padding: 15px 0px;
	 border-top: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
 }

#gkBottom5 {
	background-color: #eee;
}

#gkHeaderBottom{
    background-attachment: fixed;
    background-image:url("../images/bg-orange.png");
    background-position: 50% 50%;
    padding: 10px 15px!important;
}


#gkBottom5 h3 a {
	color: #010101 !important;
	font-size: 12px;
}

/* Fixes by Kent */
.gkMenu ul li a {
	font-size: 15px;
}

.gkContent p,
body, p, a,
#gkBottom5 .box .header,
#gkBottom5 h3 a {
	font-size: 16px;
}

#gkHeaderRight .box {
	margin: 0px 0px 0px auto;
}

#gkFooter,
#gkFooter a {
	font-size: 14px;
}

#gkMobileMenu i {
	color: #333;
}

.nspArts, .nspLinksWrap  {
	width: 50%;
}

.contact-container .contact-block {
	width: 33.33%;
	float: left;
	font-size: 14px;
	padding: 0px 15px;
}

.contact-container .contact-block table tr td {
	font-size: 14px;
	border-bottom: 0px;
    border-top: 0px;
	vertical-align: top;
}

.contact-container .contact-block table tr td a {
	font-size: 14px;
}
	
.contact-container .col a {
	font-size: 14px;
}

.table.block {
	display: table;
	border-collapse: collapse;
	width: 100%;
}

.table.block .row {
	display: table-row;
}

.table.block .col {
	display: table-cell;
}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

div > ul.sige li{
    list-style-type: none;
    position: inherit;
}

li.sige_cont_0{
    list-style-type: none;
    position: inherit;
}

.sige_thumb{
    background:none;
}

.itemBody > ul li:before, .itemBody > div > ul li:before, ul.gkBullet1 li:before{
    content:none;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

.split-1 .block {
	width: 100%;
}

.split-2 .block {
	float: left;
	width: 50%;
}

.split-3 .block {
	float: left;
	width: 33.33%;
}

.split-4 .block {
	float: left;
	width: 25%;
}

.split-content .block {
	padding: 15px;
}

.split-content .block img {
	max-width: 100%;
}

.event-detail th {
	width: 30%;
	border-bottom: 1px solid #eee;
	font-size: 15px;
	text-align: right;
}

.event-detail td {
	width: 70%;
	border-bottom: 1px solid #eee;
	font-size: 16px;
}

.event-detail tr:last-child th,
.event-detail tr:last-child td {
	border-bottom: 0px;
}

.achievement th,
.achievement td {
	text-align: center;
}

.achievement td {
	font-size: 16px;
}

.achievement tbody > tr:nth-child(odd) {
	background-color: #eee;
}

#gkIs-gk-is-682.gkIsWrapper-gk_university .gkIsSlide {
	background-size: cover !important;
}

@media (max-width: 1240px) {
	.box.transparent {
		width: 100%;
		margin-left: 0px;
	}
	
	.box.transparent .text-right {
		text-align: center;
	}
	
	.gkIsWrapper-gk_university figcaption h2 > a {
		font-size: 50px;
	}
}

@media (max-width: 1040px) {
	.gkIsWrapper-gk_university figcaption {
		top: 50%;
	}
}

@media (max-width: 1084px) {
	#gkLogo img {
		width: 300px;
	}
}

@media (max-width: 840px) {
	.nspMain > div  {
		width: 100%;
	}
	
	.nspLinksWrap .nspList {
		float: none;
	}
	
	.nspArts, .nspLinksWrap {
		width: 100%;
	}
	
	.nspLinksWrap .nspCol2 {
		float: none;
		width: 100%;
	}
	
	.box.parallax .content, .box.parallax .header {
		max-width: 100% !important;
	}

	.contact-container {
		margin-top: 45px;
	}
	
	.contact-container .contact-block {
		width: 100%;
		float: none;
		padding: 0px;
		margin: 5px 0px;
	}
	
	.contact-container .col.icon {
		width: 25px;
	}
	
	.split-box .image-box, .split-box .content-box {
		float: none;
		width: 100%;
	}

	.split-content .block {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0px;
		margin-bottom: 5px;
	}
	
	#gkBottom2 .box { max-width: 100%; }
}

@media (max-width: 640px) {
	#gkHeaderLeft,
	#gkHeaderRight {
		display: block;
		left: auto !important;
		right: auto !important;
		position: static;
		width: 100%;
	}
	
	#gkHeaderModules {
		position: static;
		bottom: auto;
		top: auto;
		left: auto;
		transform: none;
	}
	
	.gkIsWrapper-gk_university figcaption {
		top: 60%;
		left: 50%;
		height: auto;
	}
	
	.gkIsWrapper-gk_university figcaption h2 {
		line-height: normal;
	}
	
	
	.collapsible ul {
		display: block;
	}
}

@media (max-width: 480px) {
	.gkNspPM-EventsList > div {
		float: none;
	}
	
	.gkNspPM-EventsList[data-cols="2"] > div {
		width: 100%;
	}
	
    .gkNspPM-EventsList[data-cols="4"] > div {
    width: 100%;
    }
    
	.gkIsWrapper-gk_university figcaption h2 > a {
		font-size: 35px;
	}
    
    .csstransforms #gkHeaderLeft .header > span {
    transform: translateX(0%) translateY(0%) rotate(0deg);
    top: 10%;
    left: 30%;
    width: 0px;
    line-height: 40px; 
    white-space: normal;
    word-wrap:normal;
    display:inline-block;
}

}

.clearfix { clear: both; }
