/* CSS Core */


/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
hr {clear: both; display: block;}


/* Default */
body {overflow-y: scroll; font-size: 13px; color: #222; font-family: Helvetica, Arial, sans-serif;}


h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5em; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.2em;}
h1 {font-size: 185%; line-height: 1.6em; color: #398600;}
h2 {font-size: 140%;}
h3 {font-size: 125%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {font-size: 90%;}

a {color: #0074a3; text-decoration: none;}
a:hover {text-decoration: underline;}
a:not([href]),
a[href=""],
a[href="#"] {cursor: default;}

::-moz-selection,
::-webkit-selection,
::selection {
    text-shadow: none;
    background: #025d8c;
    color: #fff;
}

hr {margin: 0;} /* for ie7 and below */
html>/**/body hr {margin: 20px 0 8px 0;} /* for modern browsers */

input::-webkit-input-placeholder {font-weight: normal !important; color: #ccc !important;}
input:-moz-placeholder {font-weight: normal !important; color: #ccc !important;}

.outer {clear: both; width: 100%; min-width: 960px;}
.inner {margin: auto; width: 960px;}
.hidden {display: none;}
.clear {clear: both;}
.skiplink a {position: absolute; left: -10000px;}
.skiplink a:active,
.skiplink a:focus {left: 220px; padding: 6px 10px; height: 20px; line-height: 20px; color: #555;}


/* Header */
#header {font-size: 12px;}
#header .inner {
	position: relative;
	/*z-index: 90;*/
	background-color: #fff;
	-moz-box-shadow:    0px -2px 6px #ccc;
	-webkit-box-shadow: 0px -2px 6px #ccc;
	box-shadow:         0px -2px 6px #ccc;
}
#header.bg-clear .inner {
	background-color: transparent;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}


/* Header: Global */
#header-global {clear: both; overflow: auto;}
body.dept #header-global {padding: 0 0 5px 8px;}

#header-cityulogo {float: left; padding: 6px 0px 4px 5px;}
body.cityu #header-cityulogo {padding: 10px 0 8px 5px;}
body.cityu.layout-home #header-cityulogo {padding: 6px 0 4px 5px;}
body.dept #header-cityulogo {padding: 11px 3px 0 8px;}
body.dept #header-cityulogo img {height: 60px;}

#header-toolbar {float: right; padding: 0; font-family: 'Segoe UI', 'PT Sans', Helvetica, Arial, sans-serif;}
#header-toolbar,
#header-toolbar a {color: #666;}

#header-links,
#header-lang {float: left; padding: 6px 10px; height: 20px; line-height: 20px;}
#header-lang,
#header-lang a {font-family: 'Segoe UI', 'PT Sans', Helvetica, Arial, sans-serif !important;}
#header-links a,
#header-lang a {padding: 3px 2px;}

#header-search {float: left; margin: 0px 6px; border-bottom: 1px solid #ddd; padding: 3px 7px 4px 7px; height: 24px; background-image: url(../img/themes/default/bg_search.png); line-height: 24px; color: #666;}
html>/**/body #header-search {
	border-color: #fff;
	-moz-box-shadow:    0px 0px 6px #bbb;
	-webkit-box-shadow: 0px 0px 6px #bbb;
	box-shadow:         0px 0px 6px #bbb;
}
#header-search fieldset {display: inline;} /* Fix ie6 */
#header-search .search-type-wrapper {float: left;}
#header-search .search-type-wrapper select {width: 50px; cursor: pointer;}
#header-search .search-type-wrapper .select {overflow: hidden; position: absolute; padding: 0 9px 0 1px; width: 40px; height: 24px; background: url('../img/themes/default/bg_select.png') no-repeat right; font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 24px; color: #666;}
#header-search .search-text-wrapper {float: left; border-top: 1px solid #ddd; height: 22px; background-color: #fff;}
#header-search .search-type-wrapper + .search-text-wrapper {margin-left: 5px;}
#header-search input[type="text"] {outline: 0; margin: 0; border: 0; padding: 2px 4px; height: 14px; width: 100px; font-size: 12px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}
#header-search input.search-button {border: 0; padding: 0; width: 22px; height: 22px; vertical-align: top; background-color: transparent; background-image: url(../img/themes/default/btn_search.png); background-repeat: no-repeat; background-position: center; cursor: pointer; font-size: 0px; color: #fff;}

#header-wa {float: left; margin: 0 6px 0 0; border-bottom: 1px solid #ddd; padding: 3px 7px 4px 7px; height: 24px; line-height: 24px; background-color: #fff;}
html>/**/body #header-wa {
	border-color: #fff;
	-moz-box-shadow:    0px 0px 6px #bbb;
	-webkit-box-shadow: 0px 0px 6px #bbb;
	box-shadow:         0px 0px 6px #bbb;
}
.wa-fontsize,
.wa-fontsize button {margin: 0; border: 0; padding: 0; background: none; line-height: 24px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #555;}
.wa-fontsize button::-moz-focus-inner {margin-left: -2px;}
.wa-fontsize button {cursor: pointer;}
.wa-fontsize button.selected {color: #d00 !important;}
.wa-fontsize button + button {margin-left: 3px;}
.wa-fontsize-0 {font-size: 10px; width: 6px;}
.wa-fontsize-1 {font-size: 14px; width: 8px;}
.wa-fontsize-2 {font-size: 18px; width: 10px;}

/* Header: Local */
body.cityu #header-local {display: none;}
#header-local {clear: both; overflow:auto; padding:0 5px 10px 5px; min-height: 50px;}

#header-deptnames{float: left; padding: 14px 10px 0px 10px;}

#header-parentname {clear: both; display: block; padding: 0 0 2px 2px; vertical-align: middle; font-size: 15px; font-family: 'Droid Sans', Helvetica, Arial, sans-serif;  text-shadow: 0px 1px 0px #fafafa;}
#header-parentname,
#header-parentname a {color: #555; text-decoration: none;}

#header-deptname {clear: both; display: block;  vertical-align: middle; letter-spacing: -1px; font-size: 24px; font-family: 'Droid Sans', Helvetica, Arial, sans-serif; font-weight: bold; text-shadow: 0px 1px 0px #fafafa;}
#header-deptname,
#header-deptname a {color: #444; text-decoration: none;}
#header-deptname.fontsize-L {font-size: 30px;}
#header-deptname.fontsize-XL {font-size: 36px;}

#header-subname {padding: 4px 0 0 2px; font-size: 15px; font-family: 'Droid Sans', Helvetica, Arial, sans-serif; letter-spacing: 1px;}
#header-subname,
#header-subname a {color: #555; text-decoration: none;}

#header-deptlogos {overflow: hidden; float: left; border-left: 1px solid #ddd; vertical-align: bottom;}
#header-deptlogos a {margin-left: 5px;}

#header-notice {clear: right; float: right; padding: 0; width: 520px;}
#header-icons {clear: right; float: right; padding: 10px 5px 0px 0px; vertical-align: bottom;}
#header-notice div,
#header-icons div {float: left;}
body.dept.content #header-icons {padding-top: 6px;}
#header-notice a {color: #555;}
#header-notice img + img,
#header-notice img + a,
#header-notice a + img,
#header-notice a + a,
#header-icons img + img,
#header-icons img + a,
#header-icons a + img,
#header-icons a + a {margin-left: 5px;}

#header-notice .urgent {float: left; padding: 5px 0; max-width: 250px; font-size: 11px; line-height: 1.5em;}
#header-notice .urgent p,
#header-notice .urgent a {color: #f00;}
#header-notice .urgent a {font-weight: bold; font-size: 14px;}
#header-notice .urgent .post-date {font-size: 9px;}
#header-notice .weather {float: right; padding-top: 10px; margin-left: 10px; font-size: 11px; line-height: 13px;}
#header-notice .weather a {color: #000;}
#header-notice .weather div + div {margin-left: 10px;}

#header-notice .slogan {float: right; padding-top: 10px; margin-left: 10px; font-size: 11px; line-height: 13px;}
#header-notice .slogan img {margin-top: 5px; margin-right: 5px; height: 30px;}

/* Footer */
#media + #footer {margin-top: 30px;}
#footer .inner {overflow: hidden;}

#footer {background-color: #555; font-size: 11px;}
html>/**/body #footer {
	-moz-box-shadow:    0px -1px 12px #888;
	-webkit-box-shadow: 0px -1px 12px #888;
	box-shadow:         0px -1px 12px #888;
} /* for modern browsers */

#footer,

#footer a {color: #acd5ea;}
#footer a:hover {color: #fff;}
#footer a:not([href]):hover,
#footer a[href=""]:hover,
#footer a[href="#"]:hover {text-decoration: none !important;}

#footer hr {border-top: 1px solid #013c5a; border-right: 1px solid #4e8fc2; border-bottom: 1px solid #4e8fc2; border-left: 1px solid #4e8fc2;}

#footer-nav-list {background-color: #555; overflow: hidden; clear: both; padding: 40px 0px 50px 0px; font-family: 'Segoe UI', 'PT Sans', Helvetica, Arial, sans-serif;}
#footer-nav-list .icon-home {display: none;}
#footer-nav-list .footer-hidden {display: none;}

#footer-nav-list li {width: 96px;}
#footer-nav-list .column-7 li {width: 125px;}
#footer-nav-list .column-6 li,
#footer-nav-list .itemwidth-L li {width: 150px;}
#footer-nav-list .column-5 li {width: 180px;}
#footer-nav-list .column-4 li,
#footer-nav-list .itemwidth-XL li {width: 230px;}
#footer-nav-list .column-auto li,
#footer-nav-list .itemwidth-auto li {width: auto;}
#footer-nav-list .column-auto > li,
#footer-nav-list .itemwidth-auto > li {margin-right: 15px;}

#footer-nav-list > ul > li {float: left; margin: 0px 5px; font-size: 13px; line-height: 1.1; color: #fff;}
#footer-nav-list > ul > li + li {margin-left: 5px;}
#footer-nav-list > ul > li > a {display: inline-block; min-height: 30px; margin-bottom: 10px; padding: 0; color: #fff;}
#footer-nav-list > ul > li > a:hover {text-decoration: none;}
#footer-nav-list > ul > li > a:link:hover {text-decoration: underline;}
#footer-nav-list ul li.multiline-2 p {display: inline;}
#footer-nav-list ul li.multiline-2 p + p {margin-left: 0.3em;}

#footer-nav-list > ul > li > ul > li {font-size: 11px; line-height: 1;}
#footer-nav-list > ul > li > ul > li + li {margin-top: 10px;}
#footer-nav-list > ul > li > ul > li > a {display: inline-block; padding: 0;}
#footer-nav-list > ul > li > ul > li > ul {display: none;}

#footer-nav-list > ul.showlevel-3 > li > ul > li > ul,
#footer-nav-list > ul > li > ul.showlevel-3 > li > ul,
#footer-nav-list > ul > li > ul > li > ul.showlevel-3 {display: block;}
#footer-nav-list > ul.showlevel-3 > li > ul > li > ul > li,
#footer-nav-list > ul > li > ul.showlevel-3 > li > ul > li,
#footer-nav-list > ul > li > ul > li > ul.showlevel-3 > li {margin-top: 2px; font-size: 10px;}
#footer-nav-list > ul.showlevel-3 > li > ul > li > ul > li > a,
#footer-nav-list > ul > li > ul.showlevel-3 > li > ul > li > a,
#footer-nav-list > ul > li > ul > li > ul.showlevel-3 > li > a {display: inline-block; padding:0 0 0 10px; background:url('../img/themes/default/bullet_arrow_7.gif') 2px 4px no-repeat;}

#footer-column {overflow: hidden; clear: both; padding: 7px 0px 10px 5px;}
#footer-notes {float: left;}
#footer-links {padding-bottom: 5px; color: #fff;}
#footer-links a {padding: 0px 5px 0px 0px; color: #fff;}
#footer-links a + a {padding-left: 5px;}
#footer-icons {float: right;}
#footer-icons a + a {padding-left: 10px;}
#footer-credits {margin-top: 5px;}



/* Content */
#main {font-size: medium;}
#content {overflow: hidden; margin-bottom: 30px; width: 760px; line-height: 1.6; background-color: #fff; font-size: 80%;}
html>/**/body #content {
	position: relative;	
	/*z-index: -1; */
	-moz-box-shadow:    0px 2px 6px #ccc;
	-webkit-box-shadow: 0px 2px 6px #ccc;
	box-shadow:         0px 2px 6px #ccc;
} /* for modern browsers */
body.layout-home #content {width: 100%;}
body.layout-fullcontent #content,
#main.layout-fullcontent #content {width: 100%;}
#main.layout-twosidebar #content {width: 500px;}
#main.layout-rightsidebar #content {width: 700px;}

/* Body */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {clear: left; margin-bottom: 0.8em;}
#content h1 {border-bottom: 1px solid #84ba5c;}
body.cityu.layout-home #content h1 {margin-top: 10px;}

#content p + h1,
#content p + h2,
#content p + h3,
#content p + h4,
#content p + h5,
#content p + h6,
#content ul + h1,
#content ul + h2,
#content ul + h3,
#content ul + h4,
#content ul + h5,
#content ul + h6,
#content ol + h1,
#content ol + h2,
#content ol + h3,
#content ol + h4,
#content ol + h5,
#content ol + h6,
#content ul + h1,
#content ul + h2,
#content ul + h3,
#content ul + h4,
#content ul + h5,
#content ul + h6,
#content hr + h1,
#content hr + h2,
#content hr + h3,
#content hr + h4,
#content hr + h5,
#content hr + h6,
#content table + h1,
#content table + h2,
#content table + h3,
#content table + h4,
#content table + h5,
#content table + h6 {margin-top: 2em;}
#content p,
#content table,
#content ol,
#content ul {margin-bottom: 1.6em;}
#content p:last-child,
#content table:last-child,
#content ol:last-child,
#content ul:last-child {margin-bottom: 0;}
#content hr {border-top: 1px solid #84ba5c; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
#content hr + p,
#content hr + table,
#content hr + ul,
#content hr + ol {margin-top: 15px;}

#content ul {clear: left; list-style-type: none !important; list-style-image: none; margin-left: 20px;}
#content ol {clear: left; list-style-type: decimal; margin-left: 40px;}
body.cityu.layout-home #content ul {margin-left: 0;}
body.cityu.layout-home #content ul > li {padding-left: 20px;}
#content ul > li {background: transparent url('../img/themes/default/bullet_dot_2.png') no-repeat scroll 6px 6px; padding: 0 0 0.4em 25px;}
#content ol > li {padding-left: 5px;}
#content ol ul {margin-left: 10px;}
#content ol ul li {padding-left: 20px;}
#content li > ul,
#content li > ol {margin-top: 0.25em; margin-bottom: 0.25em;}
#content li > ul > li ul,
#content li > ul > li ol,
#content li > ol > li ul,
#content li > ol > li ol {margin-top: 0.25em; margin-bottom: 0.25em;}
#content ul.widespace li + li,
#content ol.widespace li + li {margin-top: 1em;}
#content ul.lineheight-S li {line-height: 1.3em;}
#content ul.nobullet {margin-left: 0;}
#content ul.nobullet li {list-style-type: none; background: none; padding-left: 0;}

ol.nested li {clear: both;}
ul.nested li {clear: both; list-style: none; background: none !important; padding-left: 0 !important;}
html>/**/body ul.nested li {clear: none;} /* for modern browsers */

ul.nested li .nested-head {float: left;}
ul.nested > li > ul,
ul.nested > li > ol {margin-left: 40px !important;}

ul.nested li p {float: left; padding-left: 20px; margin-bottom: 0px !important;}
html>/**/body ul.nested li p {float: none; padding-left: 40px;} /* for modern browsers */

#content table { margin: 5px 5px 5px 5px;}
#content table th {border-bottom: 1px solid #fff; border-right: 1px solid #fff; background-color: #D7E1E1; text-align: left;}
#content table td {border-bottom: 1px solid #e8e8e8;}
#content table th,
#content table td {padding: 10px 5px 5px 5px; vertical-align: top;}
#content table th.icon,
#content table td.icon {text-align: center;}
#content table td.icon img {vertical-align: top;}
#content table.width-full {width: 100%;}
#content table.style-clean th,
#content table.style-clean td {border: 0; padding: 3px 10px 3px 0px; background-color: transparent; vertical-align:top;}

#divBody table th,
#divBody table td {border: 0; padding: 5px 6px;}

#content .content-page {overflow: hidden; border: 1px solid #ddd; border-top: 0; padding: 30px 29px 30px 29px;}
#header + #main #content .content-page {padding-top: 15px;}
#header + #main #content .content-page > h1 {padding-top: 15px;}
html>/**/body #content .content-page,
html>/**/body #content .content-columns {border-color: #fff;} /* for modern browsers */
#content .content-columns {overflow: hidden; border: 1px solid #ddd; border-top: 0; padding-bottom: 30px;}
#content .content-column {overflow: hidden; float: left; padding: 15px 30px 0px 30px; width: 700px; background-color: transparent;}
body.layout-home #content .content-column {padding: 15px 0px 15px 30px; width: 300px;}
body.layout-home #content .content-column p {line-height:1.4;}
body.layout-home #content .content-column .squareimg{clear:both; overflow:auto; margin-bottom:14px;}
body.layout-home #content .content-column .squareimg .thumb{width: 95px; float:left; margin-right:15px;}
body.layout-home #content .content-column .squareimg .thumb img{width:95px; height:95px; border: 1px solid #ccc;}
body.layout-home #content .content-column .squareimg .desc{width:190px; float:left;}

#content .content-page ul > li.heading {background: none; padding: 0 0 8px 0; line-height: 1.3; font-weight:bold;}
#content .content-page ul.pagination {margin-top: 18px; background-image:none;}
#content .content-page ul.pagination li {background-image: none; padding: 0 0 5px 0; float:left; margin-right:14px;}
#content .content-page ul.pagination li a {color: #666;}
#content .content-page ul.pagination li a:hover {color: #0072AA;}
#content .content-page ul.pagination li a.selected {color: #0072AA; text-decoration:underline;}

#content .imgwidth-full img {width: 760px;}
#content .content-divider {clear: both; display: block; width: 700px; height: 3px;}
#content .content-divider .col {float:left; margin-left:30px; width:300px; height:3px; background-color: #9EC990; border-top: 1px solid #7AAF6A;}

.photo.float-left img {float: left; margin: 0 20px 20px 0px; line-height: 0;}
.photo.float-right img {float: right; margin: 0 0 20px 20px; line-height: 0;}
.photo.float-center {width: 100%; text-align: center;}
.photo.float-center img {margin: 0 0 20px 0; line-height: 0;}
.photo.margin-none img {margin: 0;}
.photo.float-left.margin-S img {margin: 0 10px 10px 0px;}
.photo.float-right.margin-S img {margin: 0 0 10px 10px;}
.photo.float-center.margin-S img {margin: 0 0 10px 0;}


/* Content: Icons & Links */
.arrow-white-right{background: url('../img/themes/default/icon_arrow_white.png') 0 0 no-repeat; float: left; padding:0 0 3px 22px;}
.lang-zh .arrow-white-right{padding:2px 0 3px 22px; line-height:1.1;} /* line-height setting for Chinese */
.link-more{background: url('../img/themes/default/icon_arrow_green.png') 0 0 no-repeat; float: left; padding:0 0 3px 22px; color: #555;}
.lang-zh .link-more{padding:2px 0 3px 22px; line-height:1.1;} /* line-height setting for Chinese */
a.link-more:hover{text-decoration:underline;}
.link-more-2{background: url('../img/themes/default/icon_arrow_green.png') right 2px no-repeat; float: right; padding:0 22px 3px 0; color: #555;}

#content a.link-email{padding: 2px 0 3px 26px; background: url('../img/icons/web/small/email.png') no-repeat;}
#content a.link-url {padding: 2px 0 3px 26px; background: url('../img/icons/web/small/url.png') no-repeat;}
#content a.link-download {padding: 2px 0 3px 26px; background: url('../img/icons/web/small/download.png') no-repeat;}

#content a.link-external {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/external.png') right no-repeat;}
#content a.link-lock {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/lock.png') right no-repeat;}
#content a.link-pdf {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/pdf.png') right no-repeat;}
#content a.link-word {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/word.png') right no-repeat;}
#content a.link-excel {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/excel.png') right no-repeat;}
#content a.link-powerpoint {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/powerpoint.png') right no-repeat;}
#content a.link-text {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/text.png') right no-repeat;}
#content a.link-image {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/gallery.png') right no-repeat;}
#content a.link-video {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/video.png') right no-repeat;}
#content a.link-audio {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/audio.png') right no-repeat;}


/* Content: News*/
#content-news .news-item{clear:both; overflow:auto; border-bottom:1px solid #E5E5E5; padding:12px 0 12px 0; margin-bottom:8px;}
#content-news .news-item .news-img {float: left; padding-right: 15px;}
#content-news .news-item .news-img img {width:120px; height:80px; overflow:hidden; border:1px solid #ccc;}
#content-news .news-item .news-excerpt {width: 450px;float: left; padding:0 15px 0 10px; background:url(../img/themes/default/bullet_arrow_6.gif) 0 6px no-repeat; line-height:1.4em; color: #333;}
#content-news .news-item .news-excerpt .news-date {font-size: 11px; color: #999; display:block;}
#content-news .news-item a {text-decoration: none;}
#content-news .news-item a:hover {cursor:pointer;}
#content-news .news-item a:hover .news-img img{border:1px solid #7DCB53;}


/* Content: Sutendets Profile */
#content .link {margin-bottom: 10px; padding: 0 0 0px 20px; background: url("../img/themes/default/btn_back.gif") 0 1px no-repeat; font-size: 12px; line-height: 1em;}
#content .sublink {color: #398600;}
#content .sublink a {font-size: 11px;}
#content .info {clear: both; margin-bottom: 20px; border-top: 1px solid #a7cf90; border-bottom: 1px solid #A7CF90; padding: 15px 0 10px 0;}
#content .info h1 {margin: 0 0 5px 0; border-bottom: 0; padding: 0; line-height: 1em;}
#content .info .qualification {margin: 0 0 15px 0; padding: 0; line-height: 1.3em; font-style: italic; color: #666;}
#content .info h2 {padding: 0; line-height: 1em; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #666;}
#content.info.stu_photo{margin: 5px 5px 5px 5px;}
#content .page-main {width:660px; float:left; padding-right:30px;}
#content .page-sub {width:200px; float:right;}
#content .page-sub .photo img {margin: 5px 0 15px 0;}
#content .page-sub .sub-box {margin: 0 0 30px 0; font-size: 12px;}
#content .page-sub .sub-box h2 {margin: 0 0 10px 0; border-bottom: 1px solid #A7CF90; padding: 0 0 5px 0; font-size: 16px; color: #398600 ;}
#content .page-sub .sub-box table {width: 220px; font-size: 12px;}
#content .page-sub .sub-box table th,
#content .page-sub .sub-box table td {background: none; padding:0 0 0.2em 0; border-bottom:none; vertical-align: top;}
#content .page-sub .sub-box ul {margin:0; padding:0;}
#content .page-sub .sub-box ul li{background: transparent url('../img/themes/default/bullet_arrow_5.gif') no-repeat 2px 9px; padding-left: 12px;}
#content .page-sub .icons {padding: 0; line-height: 0; text-align: center;}
#content .page-sub .icons a {width: 24px; height: 24px;}
#content .page-sub .icons a img{margin: 0 6px 0 0; padding: 0;}

body.layout-fullcontent #content .qualification {padding-left: 2px; font-style: italic;}
body.layout-fullcontent #form-staffsearch {border-bottom: 1px solid #A8CF90; overflow: auto; clear: both; padding: 0 0 14px 0; margin: 0 0 24px 0;}
body.layout-fullcontent #form-staffsearch .col{float:left; overflow:auto; display:block; margin-right:8px;}
body.layout-fullcontent #form-staffsearch .fieldlabel {width: 180px; float:left; margin-right:16px; color: #333;}
body.layout-fullcontent #form-staffsearch .textfield {width: 180px; height: 21px; border: 1px solid #ccc; background-color: #fff; float:left; margin-right:12px;}
body.layout-fullcontent #form-staffsearch .radiobtn {margin:10px 5px 0 0;}
body.layout-fullcontent #form-staffsearch .radiobtntext {color: #666; margin:10px 16px 0 0;}
body.layout-fullcontent #form-staffsearch .btn_search {float:left;}

/* Lang */
:lang(zh) #header-deptname,
:lang(zh) #header-deptname a {font-family: 'Microsoft JhengHei', 'PMingLiU', 'MingLiU', sans-serif; font-size: 28px; line-height: 32px; letter-spacing: 1px;}
:lang(zh) #header-subname {padding-top: 0;}

:lang(zh) #media-news,
:lang(zh) #content-news,
:lang(zh) #sub-nav-list,
:lang(zh) #sub-nav-list a,
:lang(zh) #footer,
:lang(zh) #footer a {font-size: 12px;}
:lang(zh) #footer-nav-list,
:lang(zh) #footer-nav-list a {line-height: 1.3em;}
:lang(zh) #content {line-height: 1.7em;}


/* Back to Top */
a.backtotop {
	overflow: hidden;
	/*z-index: 80; */
	position: fixed;
	right: 10px;
	bottom: 0;
	margin: 0;
	padding: 2px 4px;
	height: 26px;
	width: 22px;
	background-color: #013c5a;
	font-size: 24px;
	line-height: 24px;
	cursor: pointer !important;
	opacity: 0.8;
	filter: alpha(Opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
a.backtotop:hover {opacity: 1; text-decoration: none;}
a.backtotop i {color: #fff; text-shadow: 0 -1px 0 #000;}