article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
} audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
} audio:not([controls]) {
display: none;
} [hidden] {
display: none;
}  html {
font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body {
margin: 0;
} body,
button,
input,
select,
textarea {
font-family: sans-serif;
}  a:focus {
outline: thin dotted;
} a:hover,
a:active {
outline: 0;
}  h1 {
font-size: 2em;
} abbr[title] {
border-bottom: 1px dotted;
} b, 
strong { 
font-weight: bold; 
}
blockquote {
margin: 1em 40px;
} dfn {
font-style: italic;
} mark {
background: #ff0;
color: #000;
} pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
} pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}  q {
quotes: none;
} q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
} ul,
ol {
margin-left: 0;
padding: 0 0 0 40px;
}
dd {
margin: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}  img {
border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  form {
margin: 0;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal; } button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
cursor: pointer; -webkit-appearance: button; *overflow: visible; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}* {
outline: none!important;
}
html {
border-bottom: 1px solid transparent; -webkit-font-smoothing: antialiased; min-height: 100%;
overflow: scroll;
overflow-x: hidden;
}
body { 
background: #171717;
color: #666;
font-size: 14px;
font-weight: 300;
line-height: 2.0;
min-height: 100%;
padding: 0;
}
body[data-mobile="true"] #main-menu-mobile select {
font-size: 50px;
}
.imageLogo img{
height:80px;
width:auto;
}
#gk-head + .gk-page-wrap,
#gk-head + #gk-top {
margin-left: -10px!important;
margin-right: -10px!important;
padding-left: 10px!important;
padding-right: 10px!important;
}
body {
padding: 0 10px!important;
}
.gk-page-wrap,
#gk-bottom4 {
margin-left: -10px!important;
margin-right: -10px!important;
padding-left: 10px!important;
padding-right: 10px!important;
} body #gk-header-top, body #gk-header-bottom {
margin: 0 auto;
} a {
color: #6a9edb;
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
h1 a,
h2 a,
h3 a,
article section.content a:active,
article section.content a:focus,
article section.content a:hover,
article section.intro a:active,
article section.intro a:focus,
article section.intro a:hover {
color: #212121;
}
a:active,
a:focus,
a:hover {
color: #212121;
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #212121;
font-weight: 300;
margin: 20px 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
p {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.page-title {
font-size: 32px;
}
ul, 
ol {
list-style-type: none;
margin: 10px 0;
padding: 0;
}
ul li,
ol li {
line-height: 2.8;
}
img {
height: auto;
max-width: 100%;
}
.box ul li,
.box ol li {
border-top: 1px solid #eee;
}
.box ul li:first-child,
.box ol li:first-child {
border-top: none;
}
.box ul ul,
.box ol ol {
border-top: 1px solid #eee;
margin: 0;
padding: 0 0 0 20px;
}  .btn,
button,
input[type="button"],
input[type="submit"] {
display: block;
float: left;
height: 34px;
line-height: 35px;
margin: 0 5px 2px 2px;
padding: 0 11px;
border: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #212121;
font-size: 12px;
font-weight: 400;
text-align: center;
color: #fff;
cursor: pointer;
text-transform: uppercase;
-webkit-transition: background-color 0.12s ease-out;
-moz-transition: background-color 0.12s ease-out;
transition: background-color 0.12s ease-out;
} input[type="text"],
input[type="password"],
input[type="email"],
input[type="www"],
input[type="tel"],
textarea  {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #E7E7E7;
border-top-color: #CCC;
height: 34px;
line-height: 35px;
padding: 0 12px;
font-size: 14px;
color: #555;
max-width: 100% !important;
}
textarea {
height: auto;
padding: 24px;
max-width: 100% !important;
}
label {
display: inline-block;
font-size: 13px;
}
select {
max-width: 100%;
} article {
margin: 20px 0;
}
.tag-page article,
.category-page article,
.search-page article {
margin: 20px 0 60px 0;
}  .gk-page-wrap {
background: #fff;
}
.gk-page + .gk-page-wrap,
.gk-page + #gk-top {
border-top: 1px solid #e5e5e5;
padding-top: 45px;
}
#gk-header-top + .gk-page-wrap {
padding-top: 20px;
}
.gk-page {
margin: 0 auto;
width: 100%; 
}
#gk-mainbody-columns {
padding: 24px 0 0 0;
width: 100%;
}
#gk-mainbody-columns > section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0;
}
#gk-mainbody-columns > aside {
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 0 0 36px;
}
#gk-mainbody-columns.gk-column-left > section {
float: right;	
}
#gk-mainbody-columns.gk-column-left > aside {
float: left;	
padding: 0 36px 0 0;
}
#gk-mainbody {
padding-bottom: 20px;
}
#gk-mainbody,
#gk-mainbody-top,
#gk-mainbody-bottom,
#gk-breadcrumb-fontsize {
clear: both;
}
#gk-top1 {
border-bottom: 1px solid #e5e5e5;
overflow: hidden;
display:none;
}
#gk-top1,
#gk-top2 {
padding-top: 20px;
}
#gk-header-bottom {
margin: 0px -10px !important;
background:#3F82A7;
clear: both!important;
}
#gk-header-bottom + #gk-bottom2 {
padding-top: 42px !important;
}
#gk-header-bottom i{
font-size: 16px;
margin-right: 10px;
color:#FFF;
}
#gk-header-bottom span{
color:#FFF;
}
#gk-bottom1,
#gk-bottom2,
#gk-bottom3,
#gk-bottom4 {
clear: both!important;
padding-bottom: 30px;
}
#gk-bottom4 {
background: #222;
}
.box::after,
.gk-page::after,
#respond::after,
#gk-mainbody::after,
#gk-mainbody-columns::after {
clear: both;
content: "";
display: table;
}  #gk-top {
overflow: hidden;
padding: 24px 14px;
}
#gk-page-top {
background: #f9f9f9;
min-height:100px;
margin: 0 -10px;
padding: 0 20px;
}
#gk-page-top:after {
clear: both;
content: "";
display: table;
}
#gk-page-nav {
background: #fff; 
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; margin: 0 auto 36px;
max-width: 1320px;
min-height: 63px;
padding: 0 20px;
position: relative;
z-index: 1001;
} #gk-head {
position: relative;
}
#gk-head:after {
clear: both;
content: "";
display: table;
}
#gk-head h1 {
float: left;
margin: 0;
}
#gk-head a.cssLogo {
background: transparent url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/logo.png) no-repeat 0 0;
display: block;
height: 62px;
width: 160px;
text-indent: -9999px;
}
#gk-head a.textLogo {
color: #333;
min-height: 48px;
padding-top: 14px;
text-indent: 0;
}
#gk-head a.textLogo small {
color: #aaa;
display: block;
font-size: 11px;
line-height: 11px;
}
#gk-head a.imageLogo,	
#gk-head a.imageLogo img {
display: block;
}
#main-menu-mobile {
border: 1px solid #000;
height: 48px;
left: -9999px;
position: absolute;
top: 0px;
width: 160px;
}
#gk-header-top {
background: #f5f5f5;
margin: 0;
padding: 0;
} section.intro {
font-size: 110%;
padding: 0;
}
section.content::after {	
clear: both;	
content: "";	
display: table;
}  .gk-bottom {
margin: 0 auto;
overflow: hidden;
}
.gk-bottom ul li,
.gk-bottom ol li {
line-height: 2.0;
}
.gk-bottom .box ul li,
.gk-bottom .box ol li {
border-top: none;
} #gk-footer {
color: #4A4949;
font-size: 11px;
line-height: 17px;
margin: 0 auto;
min-height: 10px;
overflow: hidden;
padding: 14px 0;
}
#gk-footer a {
color: #888;
}
#gk-footer a:active,
#gk-footer a:focus,
#gk-footer a:hover {
color: #fff;
}
#gk-footer .gk-copyrights {
float: left;
}
#gk-style-area {
display: block;
float: right;
margin: 16px 0 10px 0;
text-align: center;
}
#gk-footer .gk-framework-logo {
display: block;
float: left;
margin: 0 32px 0 14px;
}
#gk-footer .gk-style-switcher-color a {
background: #7fb3ef;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
height: 7px;
margin-right: 3px;
text-indent: -9999px;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: transform 0.2s ease-out;
-moz-transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out;
width: 7px;
}
#gk-footer .gk-style-switcher-color a:hover {
transform: scale(1.5);
}
#gk-footer .gk-style-switcher-color a + a {
background: #e8c266;
}
#gk-footer .gk-style-switcher-color a + a + a {
background: #f299c4;
}  .box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 32px;
padding: 0 14px;
}
.box-title {	
color: #222;
font-size: 20px;
font-weight: 400;
line-height: 30px;
margin: 0 0 10px 0;
} .gk-top .box,
.gk-bottom .box {
float: left;
}
#gk-sidebar .box:first-child {
margin-top: 10px;
}
#gk-sidebar .box {
padding: 0!important;	
}
.widget-area .col1 { width: 100%; }
.widget-area .col2 { width: 50%; }
.widget-area .col3 { width: 33.3%; }
.widget-area .col4 { width: 25%; }
.widget-area .col5 { width: 20%; }
.widget-area .col6 { width: 16.6%; }
.widget-area .box.last1 { width: 100%; }
.widget-area .box.last2 { width: 50%; }
.widget-area .box.last3 { width: 33.3%; }
.widget-area .box.last4 { width: 25%; }
.widget-area .box.last5 { width: 20%; }
.widget-area .box.num1 { width: 100%; }
.widget-area .box.num2 { width:  50%; }
.widget-area .box.num3 { width:  33.3%; }
.widget-area .box.num4 { width:  25%; }
.widget-area .box.num5 { width:  20%; }
.widget-area .box.num6 { width:  16.6%; }
.widget-area .nth1 {
clear: both;
} .onlyDesktop {
display: block!important;
}
.onlyTablets {
display: none!important;
}
.onlySmartphones {
display: none!important;
}
.onlyTabltetsAndSmartphones {
display: none!important;
}
body #gk-header-top-bg {
margin: 0 -10px;
background: #290a82;
position: relative;
z-index: 1001;
}
img.pa-gallery-image{
display:none !important;
}
.fixed-top {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
z-index: 1030 !important;
}#main-menu {
float: right;
list-style-type: none;
margin: 14px 0 0 0;
padding: 0;
position: relative;
}
#main-menu ul {
margin: 0!important;
padding: 0!important;
}
#main-menu > li {
border: none;
float: left;
font-size: 14px;
height: 32px;
line-height: 33px;
margin: 0;
padding-bottom: 14px;
}
#main-menu > li > a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #444;
display: block;
height: 32px;
line-height: 33px;
margin: 0;
padding: 0 12px;
-webkit-transition: color .3s ease-out;
-moz-transition: color .3s ease-out;
transition: color .3s ease-out;
}
#main-menu > li > a:hover {
background: transparent;
}
#main-menu > li.current-menu-item > a,
#main-menu > li.current_page_item > a,
#main-menu > li.current-menu-ancestor > a, 
#main-menu > li.current-menu-parent > a {
color: #fff!important;
}
#main-menu > li:hover > a,
#main-menu > li.active > a {
background: transparent;
} #main-menu .sub-menu {	
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
display: block;
left: -9999px;
margin-top: 12px!important;
overflow: hidden;
padding: 0!important;
position: absolute;
text-align: left;
width: 200px;
z-index: 10;
}
#main-menu li:hover .sub-menu {
left: auto;
}
#main-menu .sub-menu li {
border-top: 1px solid #eee;
margin: 0 16px;
min-height: 22px;
}
#main-menu .sub-menu li:first-child {
border-top: none;
}
#main-menu .sub-menu li a {
color: #777;
display: block;
font-size: 12px;
font-weight: normal;
line-height: 22px;
padding: 8px;
}
#main-menu .sub-menu li:hover > a,
#main-menu .sub-menu li > a:active,
#main-menu .sub-menu li > a:focus,
#main-menu .sub-menu li > a:hover {
text-decoration: none;
}
#main-menu .sub-menu .sub-menu {
border-top: 1px solid #eee;
left: -9999px!important;
margin-left: 160px;
margin-top: -24px!important;
}
#main-menu .sub-menu li:hover .sub-menu {
left: auto!important;
} #main-menu-mobile {
left: -9999px;
position: absolute;
top: 0px;
} #comments {
border-top: 1px solid #e5e5e5;
margin: 20px 0 0 0;
position: relative;
}
#comments.nocomments {
border-top: none;
}
#comments > h2:first-child {
border-top: 1px solid #e5e5e5;
font-size: 15px;
font-weight: 400;
left: -168px;
margin: 0 0 16px;
position: absolute;
text-align: right;
top: 0;
width: 128px;
}
#comments > nav {
margin: 12px 0;
overflow: hidden;
}
#comments > nav .nav-prev {
float: left;
}
#comments > nav .nav-next {
float: right;
}
#comments > ol {
list-style-type: none;
padding: 0;
}
#comments ol.children {
list-style-type: none;
margin-left: 5%;
padding: 0;
}
#comments li article {
margin-bottom: 24px;
padding: 12px;
border-top: 1px solid #E5E5E5;
color: #999;
}
#comments > ol > li:first-child > article {
border-top: none;
}
#comments li article > aside {
float: left;
margin: 14px 12px 0 0;
}
#comments li article > aside img {
display: block;
}
#comments li article > .content {
margin: 0 0 0 82px;
}
#comments article time {
color: #b3b6b7;
font-size: 11px;
}
#comments article .content > p {
margin-bottom: 0;
margin-top: 0.5em;
padding: 12px;
font-size: 13px;
line-height: 1.7;
}
#comments article footer {
color: #999;
font-size: 11px;
font-style: italic;
margin-left: 12px;
}
#comments article footer .edit-link,
#comments article footer .reply {
margin-left: 12px;
}
#comments em.awaiting-moderation {
display: block;
font-size: 14px;
margin: 10px 0 0 0;
text-align: center;
} #comments li.bypostauthor > article {
background: #fafafa;
border-top: none!important;
}
#comments li.bypostauthor article .content {
border: none!important;
}
#comments li.bypostauthor article aside {
left: 2%;
}
#comments li.byuser article {}
#comments li.odd article {}
#comments li.even article {} #comments li article abbr[title],
#comments li article acronym[title] {
border-bottom: 1px dotted;
}
#comments li article code {
background: #fafafa;
border-left: 4px solid #eee;
display: block;
margin: 10px 0;
padding: 10px 20px; 
white-space: pre;
}
#comments li article blockquote {
background: #fafafa;
border: 2px solid #eee;
border-left: none;
border-right: none;
display: block;
margin: 10px 0;
padding: 10px; 
position: relative;
}
#comments li article blockquote p {
margin: 0;
}
#comments li article q {
color: #888;
font-weight: bold;
}
#comments li article strike {
text-decoration: line-through;
}
#comments li article del {
color: #aaa;
text-decoration: line-through;
} #respond {
border-top: 1px solid #e5e5e5;
padding: 0;
position: relative;
}
#respond > h3 {
border-top: 1px solid #e5e5e5;
font-size: 15px;
font-weight: 400;
left: -168px;
margin: 0 0 16px;
position: absolute;
text-align: right;
top: 0;
width: 128px;
}
#respond p.comment-notes,
#respond p.logged-in-as,
#respond p.form-allowed-tags {
margin: 0 0 24px;
padding-top: 7px;
font-size: 10px;
}
#respond input,
#respond textarea {
display: block;
}
#respond input[type="checkbox"] {
display: inline-block;
}
#respond input[type="text"],
#respond input[type="password"],
#respond textarea {
width: 100%;
}
#respond #reply-title small {
float: right;
font-size: 14px;
text-transform: none;
} .content > form input[type="submit"] {
display: inline-block;
float: none;
}
#gk-mainbody article > header h1,
#gk-mainbody article > header h2 {
font-size: 40px;
font-weight: 300;
line-height: 48px;
margin: 0
}
#gk-mainbody article > header {
margin-bottom: 10px;
}
article header {
position: relative;
}
article.post,
article.page {
padding-left: 168px;
}
article.post.no-sidebar,
article.page.no-sidebar {
padding-left: 0;
}
article.no-sidebar figure.featured-image {
margin-left: 0;
}
article.no-title,
article.page-fullwidth {
padding-left: 0;
}
section#comments {
margin-left: 168px;
}
article.no-sidebar + section#comments {
margin-left: 0;
}
article.no-title + section#comments,
article.page-fullwidth + section#comments {
margin-left: 0;
}
article > footer {
border-top: 1px solid #e5e5e5;
margin-top: 48px;
padding: 16px 0;
}
article > footer::after,
#respond p.form-submit:after {	
clear: both;	
content: "";
display: table;
}
article > .content,
article > .summary {
font-size: 14px;
line-height: 26px;
}
aside.meta {
float: left;
left: -168px;
position: absolute;
text-align: right;
width: 128px;
}
aside.meta dl {
margin: 0;
position: relative;
}
aside.meta a {
color: #999;
}
aside.meta dt {
display: none;	
}
aside.meta dd {
color: #999;
font-size: 11px;
line-height: 2.0;
margin: 0 2px;
padding: 0 2px;
}
aside.meta dd b,
aside.meta dd strong {
font-weight: normal;
}
aside.meta time {
display: block;
margin: 0 0 16px;
font-size: 26px;
color: #212121;
border-bottom: 1px solid #e5e5e5;
}
#gk-social-api {
padding: 0 0 20px 0;
}
#gk-social-api > * {
display: block;
float: left!important;
min-height: 33px;
margin-right: 5px!important;
}
#gk-social-api > a {	
min-height: inherit!important;
} article header h1 sup,
article.sticky header h1 sup,
article header h2 sup,
article.sticky header h2 sup {
color: #fb5a29;
font-size: 12px;
font-weight: 400;
padding: 2px 6px;
top: -1.8em;
}
article figure.featured-image {
margin-bottom: 32px!important;
margin-left: -168px;
padding: 5px;
position: relative;
}
article.fullwidth-page figure.featured-image {
margin-left: 0;
}
article figure.featured-image img {
display: block;
height: auto;
margin: 0!important;
max-width: 100%;
}
article figure.featured-image img + figcaption {
position: absolute;
bottom: 5px;
right: 5px;
display: block;
padding: 2px 18px 2px 12px;
background: #212121;
color: white;
text-align: right;
font-size: 11px;
}
.alignnone {
float: none;
}
.alignleft {
float: left;
margin: 0 15px 15px 0;
}
.alignright {
float: right;
margin: 0 0 15px 15px;
}
.aligncenter {
display: block;
float: none;
margin: 0 auto;
}
div.wp-caption {
max-width: 100%!important;
}
.wp-caption-text {
font-size: 11px;
font-style: italic;
line-height: 1.5;
text-align: center;
}
.gallery {
clear: both;
padding: 16px 0;
}
.gallery-caption {
font-size: 10px;
} .search-page #searchform {
overflow: hidden;
}
.search-page #searchform > * {
float: left;
margin-right: 10px;
}
.search-page #searchform > label {
line-height: 34px;
}  #activateform {
margin: 0 auto 70px auto;
max-width: 500px;
}
#activateform #key,
#activateform #submit {
font-size: inherit!important;
} .mu_register {
margin: 20px auto!important;
max-width: 500px;
padding-bottom: 30px;
}
.mu_register input[type="submit"], 
.mu_register #blog_title, 
.mu_register #user_email, 
.mu_register #blogname, 
.mu_register #user_name {
font-size: inherit!important;	
}
.mu_register label {
font-size: inherit!important;
}#gk-breadcrumb-area {
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
font-size: 12px;
margin: 0 0 32px;
overflow: hidden;
padding: 9px;
} 
.gk-breadcrumbs {
float: left;
} 
.gk-breadcrumbs > a:first-child:before {
display: none;
}
.gk-breadcrumbs > a:before,
.gk-breadcrumbs > span:before {
color: #ccc;
content: " / ";
font-weight: normal;
padding: 0 4px;
}
.gk-breadcrumbs > span {
color: #777;
}
#gk-font-size {
float: right;
}
#gk-font-size > a {
margin-left: 5px;
} #gk-contact {
margin: 0;
max-width: 540px;
overflow: hidden;
width: 100%;
}
#gk-contact dd {
margin: 5px 0;
padding: 0;
}
#gk-contact span.error {
color: #ef7f7f;
}
.contactpage .gk-contact-error,
.contactpage .gk-contact-thanks {
background: #7fb3ef;
color: #fff;
font-size: 14px;
line-height: 18px;
margin: 30px 0;
max-width: 520px;
padding: 5px 10px;
text-align: center;
width: 100%;
}
.contactpage .gk-contact-error {
background: #ef7f7f;
}
.contactpage input[type="text"],
.contactpage textarea {
width: 100%;
}
.contactpage input[type="submit"] {
float: right;
margin: 0;
} .page404 > p:first-child {
font-size: 150%;
padding: 20px 0;
text-align: center;
}
.page404 > p:first-child > small {
display: block;
font-size: 85%;
text-align: center;
}
.page404 label[for="s"] {
display: none;
}
.page404 form {
margin: 10px 0 30px 0;
text-align: center;
}
.page404 > div {
clear: both;
overflow: hidden;
}
.page404 .widget {
float: left;
margin: 0 2%;
width: 46%;
}
.page404 #searchsubmit {
display: inline-block;
float: none;
position: relative;
top: -3px;
} .archivepage .widget {
float: left;
margin: 0 2%;
width: 29%;
}
.archivepage .widget li {
background: none!important;
}
.archivepage .widget.box,
.archivepage .widget ul li.categories > ul {
padding: 0!important;
}
.archivepage .widget li.categories ul {
margin-top: 8px;
} 
.archivepage .widget.first {
margin-left: 0;
width: 31%;
}
.archivepage .widget.last {
margin-right: 0;
width: 31%;
}
.archivepage .widget li:before {
display: none;
}
.archivepage .widget.first li {
position: relative;
}
.archivepage .widget.first li a {
display: block;
padding-left: 60px;
}
.archivepage .widget li small {
color: #aaa;
left: 0;
position: absolute;
top: 12px;
} .tagcloud .tag-cloud {
border-top: 1px solid #e5e5e5;
margin: 20px 0;
padding: 10px 0;
}
.tagcloud .tag-cloud a {
font-weight: 400;
padding: 0 10px;
vertical-align: middle;
} .loginpage #loginform {
float: left;
margin: 0;
overflow: hidden;
width: 240px;
}
.loginpage input[type="text"],
.loginpage input[type="password"] {
clear: both;
width: 240px;
}
.loginpage p label {
display: block;
}
.loginpage .login-remember {
float: left;
}
.loginpage .login-submit {
float: right;
margin: 10px 0;
}
.loginpage .login-submit input[type="submit"] {
margin: 0;
}
.loginpage nav.small {
border-top: 1px solid #eee;
clear: both;
float: left;
margin: 10px 0;
padding: 10px 0;
width: 240px;
}
.loginpage nav.small ul {
margin: 0;
}
.loginpage nav.small ul li {
background: none!important;
float: left;
margin-right: 10px;
padding-left: 0;
}
.loginpage nav.small ul li:before {
display: none;
} header hgroup h2 {
margin: 0;
padding: 11px 0 10px 0;
}
.gk-format-aside,
.gk-format-audio,
.gk-format-chat,
.gk-format-gallery,
.gk-format-image,
.gk-format-link,
.gk-format-quote,
.gk-format-status,
.gk-format-video {
background: #fff url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/post_formats/format-aside.png) no-repeat center center;
border: 2px solid #fff;
display: block;
height: 28px;
left: 0;
padding: 0;
position: absolute;
text-align: left!important;
text-indent: -9999px!important;
top: 9px;
width: 28px;
z-index: 1;
}
.gk-format-audio { 
background: #fff url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/post_formats/format-audio.png) no-repeat center center;
}
.gk-format-chat { 
background: #fff url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/post_formats/format-chat.png) no-repeat center center;
}
.gk-format-gallery { 
background: #fff url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/post_formats/format-gallery.png) no-repeat center center;
}
.gk-format-image { 
background: #fff url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/post_formats/format-image.png) no-repeat center center;
}
.gk-format-link { 
background: #fff url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/post_formats/format-link.png) no-repeat center center;
}
.gk-format-quote { 
background: #fff url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/post_formats/format-quote.png) no-repeat center center;
}
.gk-format-status { 
background: #fff url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/post_formats/format-status.png) no-repeat center center;
}
.gk-format-video { 
background: #fff url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/post_formats/format-video.png) no-repeat center center;
} .pagenav {
border: 1px solid #e5e5e5;
border-right: none;
clear: both;
margin: 48px 0 20px 0;
}
.pagenav ol {
margin: 0;
overflow: hidden;
}
.pagenav li {
color: #212121;
cursor: default;
display: inline-block;
float: left;
margin: 0;
}
.pagenav li a {
display: block;
min-width: 34px;
height: 36px;
line-height: 38px;
padding: 3px 10px;
text-align: center;
border-right: 1px solid #EEE;
background: #FBFBFB;
font-weight: 600;
font-size: 12px;
}
.pagenav li a:active,
.pagenav li a:focus,
.pagenav li a:hover {
color: #fff;
}
.pagenav li.counter {
float: right;
line-height: 42px;
font-size: 11px;
margin-right: 12px;
} .author-info {
clear: both;
padding: 6px;
background: #F9F9F9;
font-size: 12px;
font-style: italic;
}
#gk-social-api + .author-info {
margin-top: 36px;
}
.author-info > aside {
float: left;
padding: 12px;
}
.author-info img {
display: block;
height: auto !important;
max-width: 100% !important;
}
.author-info > div {
line-height: 1.4;
padding: 12px 12px 12px 96px;
}
.author-info h2 {
font-size: 17px;
font-weight: 600;
margin: 0;
}
.author-info .author-desc p {
line-height: 1.4;
margin: 0.5em 0;
}
.author-info .author-desc p.author-www {
font-size: 12px;
line-height: 1.4;
} .item-tags {
color: #999;
font-size: 12px;
}
.item-tags span {
padding-right: 16px;
}
.item-tags a {
color: #999;
margin: 0 6px 2px 0;
text-decoration: underline;
} .content dl.post-fields {
border-top: 1px solid #e5e5e5;
font-size: 11px;
line-height: 1.3;
margin: 10px 0;
padding: 0;
}
.content dl.post-fields dt {
border-top: 1px solid #f5f5f5;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
}
.content dl.post-fields dt:first-child {
border-top: none;
} 
.content dl.post-fields dd {
margin: 0;
padding: 0;
}  .content iframe[src^='http://www.youtube.com'],
.content iframe[src^='https://www.youtube.com'],
.content iframe[src^='http://youtube.com'],
.content iframe[src^='https://youtube.com'],
.content iframe[src*='vimeo.com'] {
max-width: 100%!important;
} .content .twitter-tweet-rendered {
max-width: 100%!important;
} .content a[href^='http://www.flickr.com'],
.content a[href^='https://www.flickr.com'],
.content a[href^='http://flickr.com'],
.content a[href^='https://flickr.com'] {
max-width: 100%!important;
} .attachment-page {
position: relative;
}
.attachment-page > aside {
left: 0;
}
.attachment-page section.intro {
overflow: hidden;
}
.attachment-page p {
clear: both;
padding-top: 15px;
}
.attachment-page .btn {
color: #fff!important;
}
.nav-prev {
float: left;
}
.nav-next {
float: right;
} article section table {
margin: 10px 0;
}
article section table th {
background: #eee;
padding: 0 4px;
text-align: left;
}
article section table td {
padding: 0 4px;
}
article section table tbody tr:nth-child(2n) {
background: #f5f5f5;
}
article section table td span.gk-table-label {
display: none;
}#gk-bottom4 .widget_nav_menu .sub-menu {
border-top: none!important;
}  .box.widget_rss li::before {
display: none!important;
}
#gk-bottom4 .box.widget_rss li {
padding-left: 0!important;
}
.box h3.box-title .rsswidget {
clear: none;
float: left;
font-size: 20px;
margin-right: 10px;
}
.box .rsswidget {
clear: both;
display: block;
font-size: 12px;
}
.box .rss-date {
clear: both;
display: block;
font-size: 9px;
font-style: italic;
margin-top: -10px;
text-align: right;
}
.box .rssSummary {
clear: both;
color: #888;
font-size: 10px;
line-height: 1.5;
margin-bottom: 10px;
} #gk-header .box.widget_text {
padding: 0!important;
}
#gk-header .box.widget_text img {
height: auto;
max-width: 100%;
} .box #wp-calendar {
background: #fff;
width: 100%;
}
.box #wp-calendar caption {
background: #fff;
border: 1px solid #eee;
color: #333;
font-size: 14px;
font-weight: 600;
padding: 5px 0;
}
.box #wp-calendar th {
background: #f5f5f5;
color: #333;
font-size: 11px;
font-weight: 600;
padding: 5px 0;
}
.box #wp-calendar td {
border: 1px solid #eee;
font-size: 11px;
padding: 5px 0;
text-align: center;
}
.box #wp-calendar td a {
font-weight: bold;
}
.box #wp-calendar td.pad {
background: #fafafa;
}
.box #wp-calendar td#today {
font-size: 13px;
font-weight: 700;
} .box ul.xoxo a {
display: block;
font-size: 12px;
line-height: 20px;
}
.box ul.xoxo a img {
vertical-align: middle;
}
.box ul.xoxo li {
font-size: 10px;
padding: 5px 0;
}  .box #searchform label,
.box #searchform #searchsubmit {
display: none;
}
.box #searchform .field {
width: 100%;
} .box #searchform input[type="text"]::-webkit-input-placeholder {
color: #555;
}
.box #searchform input[type="text"]:-moz-placeholder {
color: #555;
}
.box #searchform input[type="text"]::placeholder {
color: #555;
} .widget_categories ul {
list-style-type: none!important;
}
.widget_categories li {
list-style-type: none;
line-height: 41px!important;
padding: 0!important
}
.widget_categories li::before {
display: none!important;
}
.widget_categories a {
padding: 0;
-webkit-transition: padding-left 250ms ease-out;
-moz-transition: padding-left 250ms ease-out;
transition: padding-left 250ms ease-out;
}
.widget_categories li {
font-size: 12px;
font-weight: bold;
}
.widget_categories a:active,
.widget_categories a:focus,
.widget_categories a:hover {
padding-left: 12px;
}   .box.tags .tagcloud {
overflow: hidden;
}
.box.tags .tagcloud a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
display: block;
float: left;
font-size: 12px!important;
margin: 0 5px 5px 0;
padding: 3px 6px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.box.tags .tagcloud a:active,
.box.tags .tagcloud a:focus,
.box.tags .tagcloud a:hover {
background: #444;
}  #gk-header .box {
margin-bottom: 0!important;
}
.box.clear {
padding: 0!important;
}
.box ul {
list-style-type: none;
margin: 0;
}
.box ul li {
line-height: 1.6;
padding: 8px 0;
} .box.dark {
background: #222!important;
color: #888;
}
.box.dark > div {
padding: 20px;
}
.box.dark .box-title {
color: #fff;
}
.box.dark li {
border-top: 1px solid #444;
}
.box.dark li:first-child {
border-top: none;
}
.box.dark a {
color: #fff;
}
.box.dark a:active,
.box.dark a:focus,
.box.dark a:hover {
color: #ccc;
} .box.advertisement .box-title {
border-bottom: 1px solid #e5e5e5;
color: #a5a5a5!important;
font-family: Arial,Verdana,sans-serif!important;
font-size: 9px!important;
font-weight: 300;
line-height: 16px;
margin: 0 0 10px 0;
text-align: right;
text-transform: uppercase;
} #gk-bottom4 {
color: #676767;
font-size: 14px;
padding: 25px 0;
}
#gk-bottom4 .box .box-title,
#gk-bottom4 .box h3.header {
color: #b8b8b8;
font-size: 13px;
font-weight: 400;
line-height: 30px;
}
#gk-bottom4 .box a {
color: #b8b8b8;
}
#gk-bottom4 .box a:active,
#gk-bottom4 .box a:focus,
#gk-bottom4 .box a:hover {
color: #fff;
}
#gk-bottom4 li {
padding-left: 18px;
}
#gk-bottom4 li a {
font-size: 14px!important;
}
#gk-bottom4 li::before {
background: #565656;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "";
display: block;
float: left;
height: 3px;
margin: 7px 0 0 -18px;
width: 3px;
}.widget_gk_comments li {
border: none!important;
overflow: hidden;
margin: 0;
padding: 12px 0;
} .widget_gk_comments li > p {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/lc_comment.png) no-repeat 14px 100%;
font-size: 13px;
line-height: 1.5;
margin: 0 0 8px 0;
padding-bottom: 10px;	
}
.widget_gk_comments li > p a { 
background: #F5F5F5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #888;
display: block;   
padding: 10px 15px;	
} .widget_gk_comments li > img,
.widget_gk_comments li > strong,
.widget_gk_comments li > small {
float: left;
}
.widget_gk_comments li > img {
margin: 4px 12px 0 24px;
}
.widget_gk_comments li > strong,
.widget_gk_comments li > small {
line-height: 18px;
width: 65%;
}
.widget_gk_comments li > strong {
color: #212121;
font-size: 12px;
font-weight: 600;
margin-top: 2px;
}
.widget_gk_comments li > small {
color: #999;
font-size: 10px;
}  .gk-info-widget p {
font-size: 11px;
}
.gk-info-widget .with-aside {
float: left;
width: 60%;
}
.gk-info-widget .with-aside + div {
float: right;
width: 40%;
}
.gk-info-widget .with-aside p,
.gk-info-widget .with-aside + div p,
.gk-info-widget h3 + p {
font-size: 11px;
margin: 0 0 6px 0;
}
.gk-info-widget h3 {
clear: both;
margin: 0;
} .gk-facebook-icon,
.gk-twitter-icon,
.gk-gplus-icon,
.gk-rss-icon,
.gk-dribbble-icon,
.gk-vimeo-icon {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/social_icons.png) no-repeat 0 0;
display: block;
float: left;
height: 29px;
margin-right: 12px;
opacity: 0.3;
text-indent: -9999px;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;	
width: 29px;
}
.gk-facebook-icon {
background-position: -5px 0;
}
.gk-twitter-icon {
background-position: -45px 0;
}
.gk-gplus-icon {
background-position: -85px 0;
}
.gk-rss-icon {
background-position: -123px 0;
}
.gk-dribbble-icon {
background-position: -163px 0;
}
.gk-vimeo-icon {
background-position: -203px 0;
}
.gk-facebook-icon:hover,
.gk-twitter-icon:hover,
.gk-gplus-icon:hover,
.gk-rss-icon:hover,
.gk-dribbble-icon:hover,
.gk-vimeo-icon:hover {
opacity: 1.0;
} .gk_tweets_widget blockquote {
background: transparent url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/twitter_icon.png) no-repeat 0 3px;
font-size: 13px;
margin: 10px 0 0 0;
overflow: hidden;
text-indent: 34px;
}
.gk_tweets_widget blockquote p {
margin: 0;
}
.gk_tweets_widget blockquote p a {
color: #676767!important;
}
.gk_tweets_widget blockquote p a:active,
.gk_tweets_widget blockquote p a:focus,
.gk_tweets_widget blockquote p a:hover {
color: #fff!important;
}
.gk_tweets_widget time,
.gk_tweets_widget cite {
color: #565656;
float: left;
font-size: 11px;
font-style: italic;
margin-right: 10px;
text-indent: 0!important;
} body #lang_sel_footer {
background-color: transparent;
border: none;
clear: both;
font: inherit;
margin: 0;
min-height: 15px;
padding: 7px;
text-align: center;
}.gk-warning,
.gk-notice,
.gk-info,
.gk-error,
.gk-thanks { background-color: #fffef8;
border: 1px solid #EAE8CC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #666;
margin-bottom: 18px;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
} .gk-notice {
background-color: #bcd7f6;
border-color: #7FB3EF;
color: #3b70ab;
} .gk-info {
background-color: #f8f8f8;
border-color: #ddd;
color: #666;
} .gk-error {
background-color: #f7c2c2;
border-color: #EF7F7F;
color: #ab3b3b;
} .gk-badge,
.gk-label,
.gk-badge[data-style="style1"],
.gk-label[data-style="style1"] {
background-color: #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-size: 11px;
font-weight: bold;
line-height: 14px;
padding: 1px 4px 2px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
vertical-align: baseline;
white-space: nowrap;
}
.gk-badge,
.gk-badge[data-style="style1"] {
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
padding: 1px 9px 2px;
}
.gk-badge[data-style="style2"],
.gk-label[data-style="style2"] {
background: #468847;
}
.gk-badge[data-style="style3"],
.gk-label[data-style="style3"] {
background: #F89406;
}
.gk-badge[data-style="style4"],
.gk-label[data-style="style4"] {
background: #B94A48;
}
.gk-badge[data-style="style5"],
.gk-label[data-style="style5"] {
background: #3A87AD;
}
.gk-badge[data-style="style6"],
.gk-label[data-style="style6"] {
background: #333;
} pre.gk-code {
background: #fafafa;
border: 1px solid #e5e5e5;
color: #666;
display: block;
font-size: 12px;
padding: 10px 20px;
}
pre.gk-code[data-style="style2"] {
border: none;
border-left: 4px solid #7FB3EF;
}
pre.gk-code[data-style="style3"] {
border: none;
border-bottom: 4px solid #7FB3EF;
border-top: 4px solid #7FB3EF;
} .gk-textblock,
.gk-textblock[data-style="style1"] {
background: #7FB3EF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
margin: 10px 0;
padding: 10px 16px;
}
.gk-textblock[data-style="style2"] {
background: #EF7F7F;
}
.gk-textblock[data-style="style3"] {
background: #f8f8f8;
color: #666;
}
.gk-textblock[data-style="style4"] {
background: #FFFEF4;
border: 1px solid #EAE8CC;
color: #666;
}
.gk-numblock {
clear: both;
margin: 10px 0;
}
.gk-numblock span,
.gk-numblock[data-style="style1"] span {
background: #7FB3EF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: block;
float: left;
font-size: 24px;
font-weight: bold;
height: 48px;
line-height: 49px;
margin: 0 10px 10px 0;
text-align: center;
width: 48px;
}
.gk-numblock[data-style="style2"] span {
background: #EF7F7F;
}
.gk-numblock[data-style="style3"] span {
background: #f8f8f8;
color: #666;
}
.gk-numblock[data-style="style4"] span {
background: #FFFEF4;
color: #666;
}
.gk-floated {
color: #212121;
font-size: 16px;
font-style: italic;
font-weight: 300;
}
.gk-floated[data-align="left"] {
float: left;
padding: 10px 20px 10px 0;
}
.gk-floated[data-align="right"] {
float: right;
padding: 10px 0 10px 20px;
}
.gk-floated[data-align="center"] {
float: none;
padding: 10px 0;
text-align: center;
width: 100%;
} blockquote.gk-quote {
border-left: 4px solid #e5e5e5;
margin: 10px 0;
overflow: hidden;
padding: 0 0 0 20px;
}
blockquote.gk-quote p {
margin: 0 0 10px 0;
}
blockquote.gk-quote cite {
color: #aaa;
float: right;
font-size: 11px;
font-style: italic;
}
blockquote.gk-quote[data-style="style2"] {
border-left-color: #7FB3EF;
}
blockquote.gk-quote[data-style="style3"] {
border-left-color: #EF7F7F;
}
blockquote.gk-quote[data-style="style4"] {
border-left-color: #EAE8CC;
}
blockquote.gk-quote[data-style="style5"] {
border-left-color: #212121;
} article ul,
article ol {
list-style-type: none;
margin: 10px 0;
}
article ol {
list-style-type: decimal;
list-style-position: inside;
margin-left: 10px;
}
article ul li,
article ol li {
line-height: 25px;
padding-left: 28px;
position: relative;
}
article ol li {
padding-left: 0;
}
article li ol li,
article li ul li {
padding-left: 20px!important;
}
article ul li {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/shortcodes/bullet1.png) no-repeat 0 4px;
}
article ol[data-style="style2"] {
list-style-type: lower-alpha;
}
article ol[data-style="style3"] {
list-style-type: decimal-leading-zero;
}
article ol[data-style="style4"] {
list-style-type: upper-roman;
}
article ul[data-style="style1"] li {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/shortcodes/bullet1.png) no-repeat 0 4px;
}
article ul[data-style="style2"] li {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/shortcodes/bullet2.png) no-repeat 0 4px;
}
article ul[data-style="style3"] li {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/shortcodes/bullet3.png) no-repeat 0 4px;
}
article ul[data-style="style4"] li {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/shortcodes/bullet4.png) no-repeat 0 4px;
}
article ul[data-style="style5"] li {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/shortcodes/bullet5.png) no-repeat 0 4px;
}
article ul[data-style="style6"] li {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/shortcodes/bullet6.png) no-repeat 0 4px;
}
article ul[data-style="style7"] li {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/shortcodes/bullet7.png) no-repeat 0 4px;
}
article ul[data-style="style8"] li {
background: url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/style1/shortcodes/bullet8.png) no-repeat 0 4px;
} .gk-button[data-style="style1"],
.gk-button[data-style="style2"],
.gk-button[data-style="style3"],
.gk-button[data-style="style4"],
.gk-button[data-style="style5"],
.gk-button[data-style="style6"],
.gk-button[data-style="style7"] {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.gk-button[data-style="style2"] {
background: #7fb3ef;
color: #fff;
}
.gk-button[data-style="style2"]:hover {
background: #9fd5ff;
color: #fff;
}
.gk-button[data-style="style3"] {
background: #ef7f7f;
color: #fff;
}
.gk-button[data-style="style3"]:hover {
background: #ff9f9f;
color: #fff;
}
.gk-button[data-style="style4"] {
background-color: #fffef8;
border: 1px solid #EAE8CC;
color: #666;
text-shadow: 0 -1px 0 #fff!important;
}
.gk-button[data-style="style4"]:hover {
background-color: #fefcef;
border: 1px solid #d9d7bb;
}
.gk-button[data-style="style5"] {
border: 1px solid #7fb3ef;
color: #4c80bc;
background-color: #c9dff7;
text-shadow: 0 -1px 0 #fff!important;
}
.gk-button[data-style="style5"]:hover {
border: 1px solid #9fd5ff;
background-color: #ebfff9;
}
.gk-button[data-style="style6"] {
border: 1px solid #ef7f7f;
background-color: #f8dfdf;
color: #cd4d4d;
text-shadow: 0 -1px 0 #fff!important;
}
.gk-button[data-style="style6"]:hover {
border: 1px solid #ff9f9f;
background-color: #f9efef;
}
.gk-button[data-style="style7"] {
background-color: #f8f8f8;
border: 1px solid #ddd;
color: #666;
text-shadow: 0 -1px 0 #fff!important;
}
.gk-button[data-style="style7"]:hover {
background-color: #f1f1f1;
border: 1px solid #aaa;
} .gk-legend {
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 12px 0;
padding: 10px 15px;
position: relative;
}
.gk-legend > strong:first-child {
background: #fff;
left: 20px;
padding: 0 5px;
position: absolute;
top: -13px;
}
.gk-legend[data-style="style2"] {
border-color: #7FB3EF;
}
.gk-legend[data-style="style3"] {
border-color: #EF7F7F;
}
.gk-legend[data-style="style4"] {
border-color: #eae8cc;
}
.gk-legend[data-style="style5"] {
border-color: #212121;
} .gk-columns {
margin: 10px 0;
overflow: hidden;
width: 100%;	
}
.gk-columns > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 12px;
}
.gk-columns > div:first-child {
padding-left: 0;
}
.gk-columns > div:last-child {
padding-right: 0;
}
.gk-columns[data-column-count="1"] > div {
padding: 0;
width: 100%;
}
.gk-columns[data-column-count="2"] > div {
width: 50%;
}
.gk-columns[data-column-count="3"] > div {
width: 33.3%;
}
.gk-columns[data-column-count="4"] > div {
width: 25%;
}
.gk-columns[data-column-count="5"] > div {
width: 20%;
}
.gk-columns[data-column-count="6"] > div {
width: 16.66%;
}
.gk-columns[data-column-count="7"] > div {
width: 14.28%;
}
.gk-columns[data-column-count="8"] > div {
width: 12.5%;
} .gk-raw {
background: #fafafa;
border: 1px solid #f0f0f0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #444;
margin: 10px 0;
padding: 10px 15px;
position: relative;
}.gk-rss > i {
margin-right: 5px;
} .gk-pdf > i {
margin-right: 5px;
} .gk-note,
.gk-members {
background: #fafafa;
border: 1px solid #f0f0f0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #aaa;
margin: 10px 0;
padding: 10px 15px;
position: relative;
}
.gk-note:before,
.gk-members > strong:first-child {
background: #ef7f7f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
content: "!";
font-size: 16px;
height: 20px;
left: 10px;
line-height: 21px;
position: absolute;
text-align: center;
top: -10px;
width: 20px;
}
.gk-members > strong:first-child {
background: #7fb3ef;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 12px;
padding: 0 10px;
width: auto!important;
} .gk-toggle {
background: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px 0;
min-height: 16px;
overflow: hidden;
padding: 10px 15px;
position: relative;
}
.gk-toggle.opened > div {
margin-top: 0;
opacity: 1;
}
.gk-toggle.closed > div {
margin-top: -200%;
opacity: 0;
}
.gk-toggle.opened > h3:after,
.gk-toggle.closed > h3:after {
background: transparent url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/toggler.png) no-repeat 0 0;
content: " ";
cursor: pointer;
display: block;
height: 21px;
line-height: 21px;
position: absolute;
right: 0;
top: 8px;
width: 21px;
}
.gk-toggle.closed > h3:after {
background: transparent url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/toggler.png) no-repeat 0 -40px;	
}
.gk-toggle > h3 {
background: #fff;
color: #333;
cursor: pointer;
font-size: 16px;
line-height: 17px;
margin: -10px 0;
padding: 10px 0;
position: relative;	
z-index: 1;
}
.gk-toggle > div {
overflow: hidden;
padding-top: 10px;
-webkit-transition: margin-top .3s ease-out, opacity .5s ease-out;
-moz-transition: margin-top .3s ease-out, opacity .5s ease-out;
transition: margin-top .3s ease-out, opacity .5s ease-out;
} .gk-tooltip {
position: relative;
}
.gk-tooltip dfn {
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 3px;
left:-9999px;
padding: 5px;
position: absolute;
bottom: 24px;
width: 200px;
word-wrap: break-word;
}
.gk-tooltip:hover dfn {
left: 50%;
margin-left:-100px;
}
.gk-tooltip[data-style="style2"] dfn {
background: #7fb3ef;
border: none;
color: #fff;
}
.gk-tooltip[data-style="style3"] dfn {
background: #ef7f7f;
border: none;
color: #fff;	
}
.gk-tooltip[data-style="style4"] dfn {
background: #f8f8f8;
border: none;
color: #666;
}
.gk-tooltip[data-style="style5"] dfn {
background: #FFFEF4;
border: 1px solid #EAE8CC;
color: #666;
}#gk-header-top .gk-parallax {
margin-top: -105px;
} 
.gk-parallax {
background: #f7f7f7;
min-height: 100px;
margin: 0;
overflow: hidden;
position: relative;
}
.gk-parallax-wrap {
height: 100px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.gk-parallax > div > * {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.gk-parallax.loaded > div > * {
opacity: 1;
}
.gkp-element {
position: absolute;
text-indent: -9999px;
}
.gkp-tablet,
.gkp-mobile {
left: -9999px;
position: absolute;
} .loaded.gkp-background-top {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/background_top.jpg) no-repeat center 0!important;
}
.loaded.gkp-background-bottom {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/background_bottom-1.jpg) no-repeat center 0!important;
}
.gkp-island {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/island.png) no-repeat 0 0;
height: 574px;
width: 694px;
}
.gkp-birds {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/.png) no-repeat 0px 0;
height: 257px;
width: 245px;
}
.gkp-ballon1 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/bot_bird_down_2.png) no-repeat 0 bottom;
height: 78px;
width: 165px;
}
.gkp-ballon2 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/bot_bird_down_1.png) no-repeat 0 0px;
height: 96px;
width: 108px;
}
.gkp-ballon3 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/top_bird_red.png) no-repeat 0px 0px;
height: 194px;
width: 245px;
}
.gkp-ballon4 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/bot_bird_blue.png) no-repeat 0 0px;
height: 257px;
width: 245px;
}
.gkp-ballon5 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/top_bird_blue.png) no-repeat 0 0px;
height: 177px;
width: 245px;
}
.gkp-cloud_front1 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/clouds.png) no-repeat 0 0;
height: 164px;
width: 370px;
}
.gkp-cloud_front2 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/clouds.png) no-repeat -250px -160px;
height: 43px;
width: 98px;
}
.gkp-cloud_front3 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/clouds.png) no-repeat 0 -300px;
height: 92px;
width: 215px;
}
.gkp-cloud_front4 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/clouds.png) no-repeat -32px -253px;
height: 28px;
width: 48px;
}
.gkp-cloud_front5 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/clouds.png) no-repeat 0 bottom;
height: 76px;
width: 175px;
}
.gkp-cloud_back1 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/clouds.png) no-repeat -250px -295px;
height: 32px;
width: 100px;
}
.gkp-cloud_back2 {
background: transparent url(https://green-dev.hsmc.edu.hk/wp-content/uploads/2018/10/clouds.png) no-repeat -95px -204px;
height: 96px;
width: 192px;
} .gkp-circle,
.gkp-square {
background: #ef7f7f;
height: 128px;
width: 128px;
}
.gkp-circle {
background: #7fb3ef;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
} .gk-banner-header {
color: #222;
font-size: 36px;
font-weight: 300;
line-height: 36px;
text-align: center;
}
.gk-banner-header small {
clear: both;
color: #a5a5a5;
display: block;
font-size: 14px;
font-style: italic;
font-weight: 300;
} .gk-price-table {
clear: both;
padding: 32px 0!important;
}
.gk-price-table:after {
clear: both;
content: "";
display: table;
}
.gk-price-table dl {
color: #3d3d3d;
float: left;
font-size: 14px;
text-align: center;
}
.gk-price-table.col1 dl { width: 100%; }
.gk-price-table.col2 dl { width: 50%; }
.gk-price-table.col3 dl { width: 33.3%; }
.gk-price-table.col4 dl { width: 25%; }
.gk-price-table.col5 dl { width: 20%; }
.gk-price-table dl.extra {
background: #fafafa;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: -20px;
position: relative;
z-index: 1;
}
.gk-price-table dt {
background: #3d3d3d;
color: #fff;
font-size: 30px;
font-weight: 500;
line-height: 65px;
}
.gk-price-table .blue dt {
background: #7fb3ef;
}
.gk-price-table dl.extra dt {
background: #ef7f7f;	
height: 72px;
line-height: 72px;
}
.gk-price-table dd.price {
background: #fafafa;
font-size: 83px;
font-weight: 700;
height: 138px;
line-height: 138px;
}
.gk-price-table dl.extra dd.price {
background: #fff;
font-size: 96px;
height: 150px;
line-height: 150px;
}
.gk-price-table dd.price sup {
font-size: 48px;
padding-right: 5px;
}
.gk-price-table dl.extra dd.price sup {
font-size: 59px;
}
.gk-price-table dd.price small {
display: block;
font-size: 14px;
font-weight: 400;
margin-left: 50px;
margin-top: -92px;
}
.gk-price-table dl.extra dd.price small {
margin-left: 72px;
margin-top: -100px;
}
.gk-price-table dd {
border: 1px solid #e5e5e5;
border-top: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
line-height: 46px;
margin: 0!important;
}
.gk-price-table dl + dl dd {
border-left: none;
}
.gk-price-table dl + dl.extra dd {
border-left: 1px solid #e5e5e5;
} 
.gk-price-table dl.extra dd {
line-height: 56px;
}
.gk-price-table .button {
background: #3d3d3d;
border: 4px solid #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 400;
height: 36px;
line-height: 37px;
margin: 10px 0;
padding: 0 15px;
text-transform: uppercase;
-webkit-transition: background-color .3s ease-out;
-moz-transition: background-color .3s ease-out;
transition: background-color .3s ease-out;
}
.gk-price-table .button:hover {
background: #7fb3ef;
color: #fff!important;
}
.gk-price-table .blue .button {
background: #7fb3ef;
}
.gk-price-table .blue .button:hover {
background: #3d3d3d;
}
.gk-price-table .extra .button {
background: #ef7f7f;
}
.gk-price-table .extra .button:hover {
background: #3d3d3d;
} .gk-clients {
overflow: hidden;
}
.gk-clients a {
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
display: block;
float: left;
margin: -1px 0 0 -1px;
padding: 16px 0;
position: relative;
}
.gk-clients a img {
opacity: 0.8;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
.gk-clients a:hover img {
opacity: 1;
}
.gk-clients a:before {
background: #fff;
content: "";
display: block;
height: 53px;
left: 100%;
margin: -27px 0 0 -27px;
position: absolute;
top: 100%;
width: 53px;
z-index: 1;
} .gk-banner-centered,
.gk-banner-centered > img {
display: block;
margin: 0 auto;
} .gk-testimonial {
background: transparent url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/testimonial_bg.png) no-repeat 0 0;
overflow: hidden;
margin: 20px 0 0 0;
padding: 0 0 0 70px;
}
.gk-testimonial p {
color: #a5a5a5;
font-size: 20px;
font-style: italic;
font-weight: 300;
line-height: 24px;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.gk-testimonial cite {
color: #222;
float: right;
font-size: 18px;
font-style: normal;
font-weight: 400;
margin-bottom: 0.1em;
} .gk-banner-with-button {
background: #f9f9f9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #222;
font-size: 28px;
font-weight: 300;
line-height: 101px;
padding: 0 64px;
}
.gk-banner-with-button a {
background: #7fb3ef;
border: 5px solid #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color: #fff;
display: inline-block;
float: right;
font-weight: 400;
height: 56px;
line-height: 57px;
margin-top: 18px;
padding: 0 40px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.31);
-webkit-transition: background-color .3s ease-out;
-moz-transition: background-color .3s ease-out;
transition: background-color .3s ease-out;
}
.gk-banner-with-button a:active,
.gk-banner-with-button a:focus,
.gk-banner-with-button a:hover {
background: #ef7f7f
} .gk-feature {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin: 20px 0 30px 0;
padding: 0 45px 0 0;
width: 32%;
}
.gk-feature + .gk-feature {
border-left: 1px solid #e5e5e5;
padding: 0 45px;
width: 36%;
}
.gk-feature + .gk-feature + .gk-feature {
border-left: 1px solid #e5e5e5;
padding: 0 0 0 45px;
width: 32%;
}
.gk-feature h2 {
color: #222;
font-size: 24px;
font-weight: 500;
margin: 30px 0 5px 0;
text-align: center;
}
.gk-feature small {
color: #a5a5a5;
display: block;
font-size: 14px;
font-style: italic;
font-weight: 100;
line-height: 17px;
text-align: center;
}
.gk-crop,
.gk-HTML5,
.gk-responsive-design {
background: transparent url(//gelcs.hsu.edu.hk/wp-content/themes/Creative/images/features_icons.png) no-repeat 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
height: 137px;
overflow: hidden;
text-indent: -9999px;
width: 100%;
}
.gk-crop {
-webkit-animation-name: cropanim;
-webkit-animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: cropanim;
-moz-animation-duration: 6s;
-moz-animation-iteration-count: infinite;
animation-name: cropanim;
animation-duration: 6s;
animation-iteration-count: infinite;
background-position: center 0;
background-color: #7fb3ef;
}
.gk-HTML5 {
-webkit-animation-name: html5anim;
-webkit-animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: html5anim;
-moz-animation-duration: 6s;
-moz-animation-iteration-count: infinite;
animation-name: html5anim;
animation-duration: 6s;
animation-iteration-count: infinite;
background-position: center -137px;
background-color: #ef7f7f;
}
.gk-responsive-design {
-webkit-animation-name: responsiveanim;
-webkit-animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: responsiveanim;
-moz-animation-duration: 6s;
-moz-animation-iteration-count: infinite;
animation-name: responsiveanim;
animation-duration: 6s;
animation-iteration-count: infinite;
background-position: center -274px;
background-color: #a77fef;
}
@-webkit-keyframes cropanim {
0%, 100% { background-color: #7fb3ef; }
33% { background-color: #ef7f7f; }
66% { background-color: #a77fef; }
}
@-webkit-keyframes html5anim {
0%, 100% { background-color: #ef7f7f; }
33% { background-color: #a77fef; }
66% { background-color: #7fb3ef; }
}
@-webkit-keyframes responsiveanim {
0%, 100% { background-color: #a77fef; }
33% { background-color: #7fb3ef; }
66% { background-color: #ef7f7f; }
}
@-moz-keyframes cropanim {
0%, 100% { background-color: #7fb3ef; }
33% { background-color: #ef7f7f; }
66% { background-color: #a77fef; }
}
@-moz-keyframes html5anim {
0%, 100% { background-color: #ef7f7f; }
33% { background-color: #a77fef; }
66% { background-color: #7fb3ef; }
}
@-moz-keyframes responsiveanim {
0%, 100% { background-color: #a77fef; }
33% { background-color: #7fb3ef; }
66% { background-color: #ef7f7f; }
}
@keyframes cropanim {
0%, 100% { background-color: #7fb3ef; }
33% { background-color: #ef7f7f; }
66% { background-color: #a77fef; }
}
@keyframes html5anim {
0%, 100% { background-color: #ef7f7f; }
33% { background-color: #a77fef; }
66% { background-color: #7fb3ef; }
}
@keyframes responsiveanim {
0%, 100% { background-color: #a77fef; }
33% { background-color: #7fb3ef; }
66% { background-color: #ef7f7f; }
}