.common-title h1:after, .container:after, .header-nav:after, .nav-main ul:after, .notice-fp header:after, .notice-fp ul.article-list:after, .page-list ul:after, .related-categories ul:after, article.page .item-file-list:after, article.page .signature, article.page:after, article.post .item-file-list:after, article.post .signature, article.post:after {
	clear: both;
}
html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	font-family: microsoft yahei, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	background-color: #fff;
	color: #333;
}
/*common start*/
.fs12 {
	font-size: 12px;
}
.fs14 {
	font-size: 14px;
}
.fs16 {
	font-size: 16px;
}
.fs18 {
	font-size: 18px;
}
.white {
	color: white;
}
.mr5 {
	margin-right: 5px;
}
.pl5 {
	padding-left: 5px;
}
.oh {
	overflow: hidden;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*common end*/
button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
.input-placeholder {
	color: #999;
}
li, ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
input, textarea {
	border: 0;
	padding: 5px;
	background: rgba(235, 240, 247, 0);/*box-shadow:inset 0 1px 3px rgba(0,0,0,.2);*/
}
input[type=button], input[type=submit] {
	padding: .4em 1em;
	background: #ebf0f7;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
}
input[type=button]:disabled, input[type=submit]:disabled {
	color: #aaa;
	text-shadow: 1px 1px rgba(255, 255, 255, .8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
ul.sticky-list, ul.sticky-list .cat-tag {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
a {
	color: inherit;
	text-decoration: none;
 transition: all .2s ease;
}
a:focus, a:hover {
	color: #19b5ca;
}
a:focus {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px;
}
.search-header .search-input:active, .search-header .search-input:focus, .search-header .search-submit:active, .search-header .search-submit:focus {
	outline: 0;
}
.container {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
 transition: width .4s ease;
}
.container:after, .container:before {
	content: " ";
	display: table;
}
.col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1em 0;
}
.col>* {
	box-sizing: border-box;
}
.tip {
	color: #aaa;
	font-size: .8em;
}
.breadcrumbs-container {
	font-size: 14px;
	background: #ebf0f7;
}
.breadcrumbs {
	padding: .5em;
}
main.main {
	margin: 0 1em;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
main.single {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
}
aside.sidebar {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
aside.sidebar.sidebar-a {
	width: 160px;
	margin-right: 1em;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
aside.sidebar.sidebar-b {
	width: 240px;
	margin-left: 1em;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}
ul.article-list li {
	position: relative;
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
ul.article-list li:before {
	content: '\f0da';
	font-family: FontAwesome;
	color: #5c82a1;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
ul.article-list li:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -7px;
	width: 100%;
	height: 1px;
	background: #eee;
}
ul.article-list li .post {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 .5em;
}
ul.article-list li .date, ul.article-list li .views {
	color: #aaa;
	padding-left: .4em;
	white-space: nowrap;
	font-size: .8em;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
ul.article-list li .cat-tags {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 content;
	flex: 0 0 content;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
ul.article-list li .cat-tags .cat-tag {
	font-size: .8em;
	padding: 0 .4em;
	margin-left: .2em;
	color: #fff;
	background: #aaa;
	text-shadow: 0 0 2px rgba(0, 0, 0, .3);
}
ul.article-list li .cat-tags .cat-tag.link {
	background-color: #ff731e;
}
ul.article-list li .icon {
	color: #5c82a1;
	padding: 0 .4em;
}
/*ul.article-list li.sticky .date:after {
	content: '\f0aa';
	font-family: FontAwesome;
	margin-left: .3em;
	color: #c8a011;
}*/
ul.article-list li.attachment .post .fa-download, ul.article-list li.attachment .post .fa-external-link, ul.article-list li.link .post .fa-download, ul.article-list li.link .post .fa-external-link {
	color: #5c82a1;
	vertical-align: middle;
	cursor: help;
}
ul.article-list li.em a {
	font-weight: 700;
}
ul.article-list li.new .date:after {
	background-color: #ff731e;
	position: relative;
	color: rgba(255, 255, 255, .9);
	border-radius: 1em;
	padding: .1em .6em;
	font-weight: 700;
	left: .5em;
	content: 'NEW';
	font-family: microsoft yahei, sans-serif;
	display: inline-block;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: scale(.7);
	transform: scale(.7);
}
.page-title h1.external a:after, .popular-articles li:before, .post-actions li:before, .post-meta-side li:before, article.page ul.dot>li:before, article.post ul.dot>li:before, aside.attachments ul li:after, aside.attachments ul li:before, table.sortable thead th.header:after {
	font-family: FontAwesome;
}
ul.plain-list li:before, ul.with-tag li:before {
	display: none;
}
ul.with-tag li .cat-tag:hover {
	opacity: .6;
}
ul.sticky-list {
	margin: 0 -.7em 1em;
	border: .2em solid rgba(236, 192, 35, .1);
}
ul.sticky-list li {
	padding: .5em;
	margin: 0;
	background: rgba(236, 192, 35, .2);
}
ul.sticky-list li:after {
	bottom: 0;
	background: rgba(0, 0, 0, .1);
}
ul.sticky-list li:last-of-type:after {
	display: none;
}
.sidebar-widget {
	margin: .5em 0;
}
.page-list, .related-categories {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.page-list a, .related-categories a {
	display: block;
	height: 100%;
	padding: .5em 1em;
	margin: 2px 0;
	background-color: rgba(235, 240, 247, .5);
	font-size: 18px;
	box-sizing: border-box;
	white-space: nowrap;
	position: relative;
}
.page-list a:after, .related-categories a:after {
	content: '';
	position: absolute;
	background: linear-gradient(to bottom right, rgba(0, 0, 0, .4) 49%, #fff 51%);
	width: .8em;
	height: .8em;
	bottom: 0;
	right: 0;
	opacity: 0;
}
.page-list .current>a, .related-categories .current>a {
	color: #fff;
	background-color: #115d8a;
}
.page-list .current>a:after, .related-categories .current>a:after {
	opacity: 1;
}
.page-list ul:after, .page-list ul:before, .related-categories ul:after, .related-categories ul:before {
	content: " ";
	display: table;
}
.page-list ul li ul, .related-categories ul li ul {
	margin: 0 .5em .5em;
}
.page-list ul li ul a, .related-categories ul li ul a {
	font-size: 14px;
	padding: .3em 1em;
}
.page-list ul li ul .current>a, .related-categories ul li ul .current>a {
	color: #115d8a;
	background-color: rgba(235, 240, 247, .5);
}
.common-title h1 {
	font-size: 30px;
	position: relative;
	margin: .5em 0;
	padding: .5em;
	color: #115d8a;
}
.common-title h1:after {
	content: ' ';
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #115d8a 40%, #19b5ca 40%, #19b5ca 80%, #ecc023 80%);
	bottom: 0;
	left: 0;
}
.category-title h1, .page-title h1, .search-title h1 {
	letter-spacing: .1em;
}
.single-title h1 {
	font-weight: 400;
	padding-bottom: 1em;
	margin-bottom: 0;
	font-size: 32px;
}
.page-title h1.external a:after {
	content: '\f08e';
	font-size: 90%;
	margin-left: .3em;
	vertical-align: middle;
}
.pagination {
	margin: 2em 0;
}
.pagination .page-numbers {
	padding: .3em .8em;
	display: inline-block;
	margin-bottom: .5em;
}
.pagination a.page-numbers {
	background: #ebf0f7;
}
.pagination a.page-numbers:hover {
	background: #fff;
}
.pagination .current.page-numbers {
	background: #115d8a;
	color: #fff;
}
.popular-articles {
	margin: 1em 0;
	background: #ebf0f7;
	padding: 1px 1em;
}
article.page .table2 tbody tr.alt td, article.page .table3 .alt, article.page table.table .alt, article.post .table2 tbody tr.alt td, article.post .table3 .alt, article.post table.table .alt {
	background: rgba(235, 240, 247, .5);
}
.popular-articles ul {
	font-size: 14px;
	margin: 1em 0;
}
.popular-articles li {
	line-height: 1.8;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #aaa;
}
.popular-articles li:before {
	content: '\f0da';
	color: #5c82a1;
	margin-right: .3em;
}
article.page, article.post {
	margin: 1em 0;
	line-height: 1.8;
	padding: 0 1em;
}
article.page:after, article.page:before, article.post:after, article.post:before {
	content: " ";
	display: table;
}
article.page p, article.post p {
	text-indent: 2em;
}
article.page p.plain, article.post p.plain {
	text-indent: 0;
}
article.page p.indent, article.post p.indent {
	text-indent: 0;
	padding-left: 2em;
}
article.page em, article.post em {
	font-style: normal;
	color: #bf3a16;
}
article.page table, article.post table {
	margin: 1em auto;
}
article.page table.table td, article.page table.table th, article.post table.table td, article.post table.table th {
	padding: .5em;
	text-align: left;
	line-height: 1.3;
	vertical-align: middle;
	border: 1px solid #ebf0f7;
}
article.page table.plain, article.post table.plain {
	margin: 1em 0;
	border: 0;
}
article.page table.plain td, article.page table.plain th, article.post table.plain td, article.post table.plain th {
	text-align: left;
}
article.page table.vtop td, article.page table.vtop th, article.post table.vtop td, article.post table.vtop th {
	vertical-align: top;
}
article.page table.vcenter td, article.page table.vcenter th, article.post table.vcenter td, article.post table.vcenter th {
	vertical-align: center;
}
article.page .table3, article.post .table3 {
	border: 5px solid #ebf0f7;
	border-collapse: collapse;
	width: 100%;
}
article.page .table3 caption, article.post .table3 caption {
	font-size: 30px;
	color: #115d8a;
	padding: 10px 0;
}
article.page .table3 td, article.page .table3 th, article.post .table3 td, article.post .table3 th {
	padding: 5px;
	line-height: 1.3;
	vertical-align: middle;
	border: 1px solid #ebf0f7;
}
article.page .table3 th, article.post .table3 th {
	color: #115d8a;
}
article.page .table3 .dim, article.post .table3 .dim {
	color: #999;
}
article.page .table3_alt td, article.post .table3_alt td {
	text-align: center;
}
article.page .table2, article.post .table2 {
	border: 5px solid #ebf0f7;
	border-collapse: collapse;
	box-sizing: border-box;
	width: 100%;
}
article.page .table2 caption, article.post .table2 caption {
	font-size: 30px;
	color: #115d8a;
	padding: 10px 0;
}
article.page .table2 td, article.page .table2 th, article.post .table2 td, article.post .table2 th {
	padding: 2px 5px;
	vertical-align: middle;
}
article.page .table2 th, article.post .table2 th {
	background: #ebf0f7;
	color: #0e4a6e;
}
article.page .table2 td, article.post .table2 td {
	border-bottom: 1px solid #eee;
}
article.page .table2 tfoot th, article.post .table2 tfoot th {
	text-align: right;
}
article.page .table2_alt td, article.post .table2_alt td {
	border-right: 1px solid #eee;
}
article.page .shrink, article.post .shrink {
	width: auto;
	margin: 0;
}
article.page .shrink td, article.page .shrink th, article.post .shrink td, article.post .shrink th {
	text-align: left;
	padding: 2px .5em;
}
article.page .featured-image, article.post .featured-image {
	margin: 0;
}
article.page .featured-image a, article.page .featured-image img, article.post .featured-image a, article.post .featured-image img {
	display: block;
	width: 100%;
}
article.page .featured-image figcaption, article.post .featured-image figcaption {
	padding: .5em;
	font-size: 12px;
	color: #999;
	line-height: 1.5;
	text-align: right;
}
article.page table.teachers .national .grade, article.post table.teachers .national .grade {
	padding: .2em .8em;
	border-radius: 1em;
	background: rgba(25, 181, 202, .3);
}
article.page .photo, article.post .photo {
	text-indent: 0;
	text-align: center;
	margin: 2em auto;
}
article.page .photo.align-left, article.post .photo.align-left {
	float: left;
	margin: 1em 2em 1em 0;
	text-align: left;
}
article.page .photo.align-right, article.post .photo.align-right {
	float: right;
	margin: 1em 0 1em 2em;
	text-align: right;
}
article.page .photo img, article.post .photo img {
	background: #fff;
	padding: 5px;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}
article.page .photo figcaption, article.post .photo figcaption {
	padding: 0 .5em .5em;
	font-size: 12px;
	color: #999;
}
article.page .signature, article.post .signature {
	font-style: normal;
	padding: .5em 0;
	margin: 2em 0;
	text-indent: 0;
	text-align: right;
	border-top: 2px solid #ebf0f7;
	color: #aaa;
	line-height: 1.3;
}
article.page .signature a, article.post .signature a {
	color: #aaa;
}
article.page .signature small, article.post .signature small {
	font-size: 14px;
}
article.page .stafflist, article.post .stafflist {
	border-top: 4px solid #ebf0f7;
	margin: 1em auto;
	padding: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
article.page .stafflist p, article.post .stafflist p {
	text-indent: 0;
	margin: 0;
}
article.page .stafflist li, article.post .stafflist li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	box-sizing: border-box;
	margin: 0;
	padding: 1em;
	width: 25%;
	min-width: 150px;
	font-size: 14px;
}
article.page .stafflist figure, article.post .stafflist figure {
	margin: 0;
}
article.page .stafflist .photo, article.post .stafflist .photo {
	width: 100px;
	height: 137px;
	padding: 3px;
	margin-bottom: .5em;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .3);
	vertical-align: bottom;
}
article.page .stafflist h3, article.post .stafflist h3 {
	margin: 0;
	font-size: 18px;
}
article.page .stafflist h3 .title, article.post .stafflist h3 .title {
	font-size: 14px;
	margin-left: 10px;
	vertical-align: 0;
	color: #aaa;
}
article.page .stafflist .role, article.post .stafflist .role {
	text-indent: 0;
	line-height: 1.2;
	margin: 0 0 1em;
}
article.page .stafflist .contact, article.post .stafflist .contact {
	padding-bottom: 10px;
	line-height: 1.2;
	white-space: nowrap;
}
article.page .stafflist .contact .email:before, article.page .stafflist .contact .tel:before, article.post .stafflist .contact .email:before, article.post .stafflist .contact .tel:before {
	content: '\f095';
	font-family: FontAwesome;
	color: #5c82a1;
	display: inline-block;
	width: 20px;
	text-align: center;
}
article.page .stafflist .contact .email:before, article.post .stafflist .contact .email:before {
	content: '\f0e0';
	font-size: .8em;
	vertical-align: .1em;
}
article.page ol>li, article.post ol>li {
	list-style: decimal;
}
article.page ol.plain>li, article.post ol.plain>li {
	list-style: none;
}
article.page ol.flow, article.post ol.flow {
	padding: 1em;
	margin: 2em;
	background: url(/jwc/img/bg_flow-34cbc0982c.jpg) 1em bottom no-repeat, rgba(235, 240, 247, .3);
	background-clip: content-box, padding-box;
	border-radius: .5em;
}
article.page ol.flow>li, article.post ol.flow>li {
	margin-left: 50px;
	margin-bottom: .8em;
}
article.page ul.dot, article.post ul.dot {
	margin-left: 1em;
}
article.page ul.dot>li a, article.post ul.dot>li a {
	vertical-align: middle;
}
article.page ul.dot>li:before, article.post ul.dot>li:before {
	content: '\f111';
	font-size: 60%;
	margin-right: 1em;
	color: #5c82a1;
	vertical-align: middle;
}
article.page ul.dot.alt>li:before, article.page ul.dot>li.alt:before, article.post ul.dot.alt>li:before, article.post ul.dot>li.alt:before {
	content: '\f10c';
}
article.page ul.dot.alt>li.alt:before, article.post ul.dot.alt>li.alt:before {
	content: '\f111';
}
article.page ol>li p, article.page ul>li p, article.post ol>li p, article.post ul>li p {
	text-indent: 0;
}
article.page ol.block>li, article.page ul.block>li, article.post ol.block>li, article.post ul.block>li {
	margin-bottom: 1em;
}
article.page ol[number='(1)'], article.page ol[number='1)'], article.page ol[number='(a)'], article.page ol[number='a)'], article.post ol[number='(1)'], article.post ol[number='1)'], article.post ol[number='(a)'], article.post ol[number='a)'] {
	counter-reset: ol;
	padding-left: 2.2em;
}
article.page ol[number='(1)']>li, article.page ol[number='1)']>li, article.page ol[number='(a)']>li, article.page ol[number='a)']>li, article.post ol[number='(1)']>li, article.post ol[number='1)']>li, article.post ol[number='(a)']>li, article.post ol[number='a)']>li {
	list-style: none;
	counter-increment: ol;
	position: relative;
}
article.page ol[number='(1)']>li:before, article.page ol[number='1)']>li:before, article.page ol[number='(a)']>li:before, article.page ol[number='a)']>li:before, article.post ol[number='(1)']>li:before, article.post ol[number='1)']>li:before, article.post ol[number='(a)']>li:before, article.post ol[number='a)']>li:before {
	position: absolute;
	left: -2.2em;
	text-align: right;
	width: 1.8em;
	content: '(' counter(ol, decimal) ') ';
}
article.page ol[number='1)']>li:before, article.post ol[number='1)']>li:before {
	content: counter(ol, decimal) ') ';
}
article.page ol[number='(a)']>li:before, article.post ol[number='(a)']>li:before {
	content: '(' counter(ol, lower-alpha) ') ';
}
article.page ol[number='a)']>li:before, article.post ol[number='a)']>li:before {
	content: counter(ol, lower-alpha) ') ';
}
article.page ol[number='A']>li, article.post ol[number='A']>li {
	list-style: upper-alpha;
}
article.page ol[number='a']>li, article.post ol[number='a']>li {
	list-style: lower-alpha;
}
article.page ol[number='I']>li, article.post ol[number='I']>li {
	list-style: upper-roman;
}
article.page ol[number='i']>li, article.post ol[number='i']>li {
	list-style: lower-roman;
}
article.page ul.dash, article.post ul.dash {
	padding-left: 2em;
}
article.page ul.dash>li, article.post ul.dash>li {
	list-style: none;
	position: relative;
}
article.page ul.dash>li:before, article.post ul.dash>li:before {
	position: absolute;
	left: -1.5em;
	content: '–';
}
article.page blockquote, article.post blockquote {
	background: #ebf0f7;
	padding: 1em;
	border-left: 5px solid #115d8a;
}
article.page blockquote footer, article.post blockquote footer {
	text-align: right;
}
article.page blockquote footer cite, article.post blockquote footer cite {
	font-style: normal;
	font-size: 14px;
}
article.page .x-template-flex, article.post .x-template-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
article.page .x-template-flex>*, article.post .x-template-flex>* {
	margin: 0;
	min-width: 250px;
}
article.page .x-template-flex[column]>*, article.post .x-template-flex[column]>* {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
article.page .x-template-flex[column="2"]>*, article.post .x-template-flex[column="2"]>* {
	width: 50%;
}
article.page .x-template-flex[column="3"]>*, article.post .x-template-flex[column="3"]>* {
	width: 33%;
}
article.page .x-template-flex[column="4"]>*, article.post .x-template-flex[column="4"]>* {
	width: 25%;
}
article.page .x-template-flex[column="5"]>*, article.post .x-template-flex[column="5"]>* {
	width: 20%;
}
article.page .x-template-flex[column="6"]>*, article.post .x-template-flex[column="6"]>* {
	width: 16.6%;
}
article.page .x-template-flex[gap]>*, article.post .x-template-flex[gap]>* {
	box-sizing: border-box;
	padding-left: .5em;
	padding-right: .5em;
}
article.page .x-template-flex[gap=tight]>*, article.post .x-template-flex[gap=tight]>* {
	padding: .2em;
}
article.page .x-template-flex[gap=normal]>*, article.post .x-template-flex[gap=normal]>* {
	padding: .3em .5em;
}
article.page .x-template-flex[gap=loose]>*, article.post .x-template-flex[gap=loose]>* {
	padding: .5em 1em;
}
article.page .x-template-flex img, article.post .x-template-flex img {
	width: 100%;
}
article.page .item-people:after, article.page .item-people:before, article.post .item-people:after, article.post .item-people:before {
	content: " ";
	display: table;
}
article.page .item-people:after, article.post .item-people:after {
	clear: both;
}
article.page .item-people p, article.post .item-people p {
	text-indent: 0;
}
article.page .item-people .img, article.post .item-people .img {
	float: left;
	margin-right: 1em;
	max-width: 300px;
	padding: 3px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
}
article.page .item-people .img img, article.post .item-people .img img {
	width: 100%;
	display: block;
}
article.page .item-file-list, article.post .item-file-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
article.page .item-file-list:after, article.page .item-file-list:before, article.post .item-file-list:after, article.post .item-file-list:before {
	content: " ";
	display: table;
}
article.page .item-file-list li, article.post .item-file-list li {
	-webkit-perspective: 1000px;
	perspective: 1000px;
	box-sizing: border-box;
	padding: .2em .2em 28.28571428571429%;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 20%;
	min-width: 150px;
	min-height: 212.14px;
	position: relative;
	line-height: 1.4;
	float: left;
}
article.page .item-file-list li a, article.post .item-file-list li a {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	position: absolute;
	z-index: 5;
	box-sizing: border-box;
	padding: .5em .5em .5em 1em;
	top: 1em;
	bottom: 1em;
	left: 1em;
	right: 1em;
	border-left: 1px solid rgba(0, 0, 0, .2);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 4px, rgba(0, 0, 0, .1) 5px, rgba(0, 0, 0, 0) 5px);
	background-size: 10px 10px;
	background-clip: content-box;
	text-align: center;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
}
article.page .item-file-list li a:hover, article.post .item-file-list li a:hover {
	box-shadow: 5px 2px 15px rgba(0, 0, 0, .2);
	-webkit-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
}
article.page .item-file-list li a:before, article.post .item-file-list li a:before {
	content: '';
	display: block;
	height: 10%;
}
article.page .item-file-list li a:after, article.post .item-file-list li a:after {
	content: '';
	position: absolute;
	width: 10px;
	top: 8px;
	left: -5px;
	bottom: 8px;
	background: url(/jwc/img/bg-item-file-list-9aa64f00b0.jpg) repeat-y;
}
table.res-flat td:before {
	display: none;
	content: attr(data-header);
}
table.sortable thead th.header {
	padding-right: 1em;
}
table.sortable thead th.header:after {
	content: '\f0dc';
	font-size: 12px;
	position: absolute;
	margin-top: .4em;
	margin-left: .4em;
	color: #5c82a1;
}
table.sortable thead th.header.headerSortUp:after {
	content: '\f0de';
	margin-top: .6em;
}
table.sortable thead th.header.headerSortDown:after {
	content: '\f0dd';
	margin-top: .2em;
}
aside.attachments {
	padding: .5em 1em;
	margin: 1em auto;
	background: rgba(236, 192, 35, .2);
	border-left: 5px solid #ecc023;
}
aside.attachments h4 {
	margin: 0 0 .5em;
}
aside.attachments ul li .back {
	display: none;
}
aside.attachments ul li:before {
	content: '\f0da';
	color: #5c82a1;
	margin-right: .3em;
}
aside.attachments ul li:target {
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	background: rgba(255, 255, 255, .2);
	padding-left: .5em;
	margin-left: -.5em;
}
aside.attachments ul li:target:before {
	color: #19b5ca;
}
aside.attachments ul li:target .back {
	display: block;
	float: right;
	margin-right: .5em;
}
aside.attachments ul li:after {
	content: '\f016';
	color: #5c82a1;
	margin-left: .3em;
}
aside.attachments ul li.att-doc:after, aside.attachments ul li.att-docx:after, aside.attachments ul li.att-rtf:after {
	color: #2b579a;
	content: '\f1c2';
}
aside.attachments ul li.att-pdf:after {
	color: #9e1e2b;
	content: '\f1c1';
}
aside.attachments ul li.att-ppt:after, aside.attachments ul li.att-pptx:after {
	color: #d24726;
	content: '\f1c4';
}
aside.attachments ul li.att-rar:after, aside.attachments ul li.att-zip:after {
	content: '\f1c6';
	color: #e6a200;
}
aside.attachments ul li.att-xls:after, aside.attachments ul li.att-xlsx:after {
	content: '\f1c3';
	color: #217346;
}
aside.attachments ul li.att-avi:after, aside.attachments ul li.att-mp4:after, aside.attachments ul li.att-wmv:after {
	content: '\f1c8';
	color: #1277c4;
}
.post-actions {
	overflow: hidden;
	margin: 1em 0;
}
.post-actions li {
	float: left;
	position: relative;
	width: 80px;
	height: 80px;
	color: #fff;
}
.post-actions li a, .post-actions li span, .post-actions li:before {
	position: absolute;
	overflow: hidden;
	width: 80px;
	height: 80px;
	line-height: 80px;
	top: 0;
	left: 0;
	text-align: center;
}
.post-actions li:before {
	font-size: 40px;
}
.post-actions li a, .post-actions li span {
	font-size: 22.86px;
	color: #fff;
	opacity: 0;
 transition: all .4s ease;
}
.header-nav, .header-nav .container {
	position: relative;
}
.page-list .current_page_item>a:after, .post-actions li.bdsharebuttonbox:hover .bds_more, .post-actions li.print:hover span, .post-actions li.views:hover span {
	opacity: 1;
}
.post-actions li.print {
	background: #115d8a;
}
.post-actions li.print:before {
	content: '\f02f';
}
.post-actions li.print span {
	background: #115d8a;
	cursor: pointer;
}
.post-actions li.bdsharebuttonbox {
	background: #19b5ca;
}
.post-actions li.bdsharebuttonbox:hover {
	background-color: #17a3b6;
}
.post-actions li.bdsharebuttonbox:before {
	content: '\f1e0';
	line-height: 84px;
}
.post-actions li.bdsharebuttonbox .bds_more {
	background: #19b5ca;
	cursor: pointer;
}
.post-actions li.views {
	background: #ecc023;
}
.post-actions li.views:before {
	content: '\f012';
}
.post-actions li.views span {
	background: #ecc023;
	cursor: help;
}
.post-meta-side {
	margin: 1em 0;
}
.post-meta-side li {
	cursor: help;
	color: #aaa;
}
.post-meta-side li:empty {
	display: none;
}
.post-meta-side li a {
	color: #5c82a1;
}
.post-meta-side li a:hover {
	color: #19b5ca;
}
.post-meta-side li:before {
	margin-right: .3em;
}
.post-meta-side li.meta-date:before {
	content: '\f017';
}
.post-meta-side li.meta-categories:before {
	content: '\f01c';
}
.post-meta-side li.meta-tags:before {
	content: '\f02c';
}
.page-list a {
	font-size: 1em;
}
.page-list .current_page_item>a {
	color: #fff;
	background-color: #115d8a;
}
.page-child .page-title h1 {
	margin-right: 200px;
	margin-bottom: 0;
}
.feedback .page-title h1:before, .sitemap .page-title h1:before, ul.sitemap-list li:before {
	font-family: FontAwesome;
	margin-right: .2em;
}
.page-child .col {
	padding: 0;
}
.page-child .sidebar.sidebar-b {
	width: 160px;
}
.feedback .page-title h1:before {
	content: '\f075';
	font-weight: 400;
}
.feedback article p {
	text-indent: 0;
}
.feedback-form .info {
 transition: all .4s ease;
	display: inline-block;
	padding: 1em;
	opacity: 0;
}
.feedback-form .info.success {
	color: #37990e;
	background: #e8fce0;
}
.feedback-form .info.warning {
	color: #af8c0f;
	background: #fbf2d3;
}
.feedback-form .info.error {
	color: #bf3a16;
	background: #fce9e4;
}
.feedback-form .info.show {
	opacity: 1;
}
.sitemap .page-title h1 {
	color: #115d8a;
}
.sitemap .page-title h1:before {
	content: '\f0e8';
	font-weight: 400;
}
ul.sitemap-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
ul.sitemap-list>li {
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 12em;
	flex: 1 1 12em;
	padding: 1em;
}
ul.sitemap-list li {
	font-size: 18px;
}
ul.sitemap-list li:before {
	color: #5c82a1;
}
ul.sitemap-list li.page_item:before {
	content: '\f15b';
}
ul.sitemap-list li.cat-item:before {
	content: '\f07c';
}
ul.sitemap-list li.misc-item {
	color: #5c82a1;
}
ul.sitemap-list .children {
	margin-left: 1em;
}
ul.sitemap-list .children li {
	font-size: 14px;
}
ul.sitemap-list .children li:before {
	content: '\f111';
	font-size: 12px;
	color: #ebf0f7;
	margin-right: .5em;
	vertical-align: middle;
}
.popular-search ul li:before, .search-title h1:before {
	content: '\f002';
	font-family: FontAwesome;
}
.interested-btn {
	box-sizing: border-box;
	text-align: center;
	max-width: 240px;
	padding: .5em;
	background: #ebf0f7;
	color: #bf3a16;
}
.interested-btn .btn {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 53px;
	font-size: 33.33px;
	border-radius: 50%;
	border: 4px solid;
 transition: all .4s ease;
	cursor: pointer;
	color: #aaa;
}
.interested-btn .btn.interested, .interested-btn .btn:hover {
	color: #ce2424;
}
.interested-btn .btn.interested:hover {
	color: #aaa;
}
.interested-btn+.post-actions {
	margin-top: 0;
}
.interested-btn .interested-count {
	background: #ce2424;
	display: inline-block;
	margin: 0 0 .5em;
	padding: 0 1em;
	border-radius: 1em;
	color: #fff;
	opacity: 0;
 transition: all .4s ease;
}
.interested-btn .interested-count.visible {
	opacity: 1;
}
#post-404 {
	padding: 1em;
	margin: 0 0 2em;
	font-size: 18px;
}
#post-404 p {
	text-indent: 0;
}
.url-404 {
	display: none;
}
.search-title h1:before {
	font-weight: 400;
	margin-right: .2em;
	font-size: 110%;
	vertical-align: 0;
}
.popular-search ul {
	font-size: 14px;
}
.popular-search ul li:before {
	color: #999;
	margin-right: .3em;
}
.search-category, .search-result {
	margin: .5em 0;
	font-size: 14px;
}
.search-category .search-input, .search-result .search-input {
	width: 100%;
	box-sizing: border-box;
	background: rgba(235, 240, 247, .5);
}
.header-nav {
	background-color: #0a3853;
	height: 30px;
	border-bottom: 1px solid #07273a;
}
.header-nav:after, .header-nav:before {
	content: " ";
	display: table;
}
.nav-sidebar-wrapper {
	display: none;
}
.nav-sidebar-wrapper .toggle {
	position: absolute;
	height: 30px;
	z-index: 501;
	top: 0;
	left: 0;
	color: #aaa;
}
.nav-sidebar-wrapper .toggle .fa {
	top: 7px;
 transition: all .4s ease;
	position: absolute;
}
.nav-sidebar-wrapper .toggle .fa-bars {
	visibility: visible;
	opacity: 1;
}
.nav-sidebar-wrapper .toggle .fa-arrow-left, .nav-sidebar-wrapper.show .toggle .fa-bars {
	visibility: hidden;
	opacity: 0;
}
.nav-sidebar-wrapper .nav-sidebar {
	position: fixed;
	z-index: 500;
	left: -180px;
	top: 0;
	background: #fff;
	padding: 30px .5em .5em;
	max-height: 100%;
	box-sizing: border-box;
	overflow: auto;
 transition: all .4s ease;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
}
.nav-main, .nav-main ul>li a {
	position: relative;
	z-index: 10;
}
.nav-sidebar-wrapper .nav-sidebar .menu {
	margin: .5em 0;
	padding-top: .5em;
	border-top: 1px solid #eee;
}
.nav-sidebar-wrapper .nav-sidebar .menu:first-of-type {
	margin-top: .2em;
}
.nav-sidebar-wrapper .nav-sidebar .menu a {
	display: block;
	padding: .3em .4em;
}
.nav-sidebar-wrapper .nav-sidebar .menu a:before {
	content: '\f138';
	font-family: FontAwesome;
	margin-right: .6em;
}
.nav-sidebar-wrapper.show .toggle .fa {
	color: #115d8a;
}
.nav-sidebar-wrapper.show .toggle .fa-arrow-left {
	visibility: visible;
	opacity: 1;
}
.nav-sidebar-wrapper.show .nav-sidebar {
	left: 0;
}
.nav-main ul:after, .nav-main ul:before {
	content: " ";
	display: table;
}
.nav-main ul>li {
	position: relative;
	float: left;
}
.nav-main ul>li a {
	display: block;
	padding: 0 .7em;
	height: 30px;
	color: #aaa;
	font-size: 14px;
	line-height: 30px;
}
.nav-main ul>li a:hover {
	color: #fff;
}
.nav-main ul>li .sub-menu {
	position: absolute;
 transition: top .4s ease, opacity .4s ease, visibility .4s ease;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	top: 35px;
}
.nav-main ul>li .sub-menu li {
	width: 100%;
}
.nav-main ul>li .sub-menu a {
	padding: 2px 1em;
}
.nav-main ul>li .sub-menu a:hover {
	display: block;
	background: #115d8a;
	color: #fff;
}
.nav-main ul>li.hover .sub-menu, .nav-main ul>li:hover .sub-menu {
	top: 28px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
	opacity: 1;
	visibility: visible;
}
.search-header {
	position: absolute;
	z-index: 20;
	right: 0;
	top: 0;
	font-size: .8em;
	box-sizing: border-box;
	height: 30px;
	width: 170px;
 transition: all .4s ease;
}
.search-header .search-form {
	position: relative;
	width: 100%;
	height: 30px;
}
.search-header .search-input, .search-header .search-submit {
	position: absolute;
 transition: all .4s ease;
	box-sizing: border-box;
}
.search-header .search-input {
	top: 4px;
	height: 24px;
	padding-right: 2em;
	background: #fff;
	border-bottom: 1px solid transparent;
	width: 100%;
}
.search-header .search-submit {
	right: 0;
	top: 3px;
	font-size: 1.4em;
	border: 0;
	background: 0 0;
}
.search-header .search-extra {
 transition: all .4s ease;
	margin: 1em;
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}
.search-header .search-extra h3 {
	margin: 0 0 .5em;
}
.search-header .search-extra ul {
	line-height: 1.6;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.search-header .search-extra ul li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 content;
	flex: 1 1 content;
	min-width: 33%;
	padding-right: .5em;
	box-sizing: border-box;
}
.search-header .search-extra ul li:before {
	content: '\f002';
	font-family: FontAwesome;
	color: #999;
	margin-right: .3em;
}
.search-header.hover {
	height: 160px;
	padding: 2px 5px;
	background: #fff;
	width: 320px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, .5);
}
.header-extra, .header-logo {
	background-color: #115d8a;
	border-top: 1px solid #146ea3;
	position: relative;
}
.search-header.hover .search-input {
	box-shadow: 0 0 0;
	border-bottom: 1px solid #ebf0f7;
	outline: 0;
}
.search-header.hover .search-extra {
	opacity: 1;
	visibility: visible;
	height: 98px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 content;
	flex: 0 0 content;
}
.search-header.hover .search-submit {
	margin-left: 0;
}
.header-logo {
	border-bottom: 1px solid #0c4161;
	text-align: center;
	height: 120px;
}
.header-logo .container {
	height: 100%;
}
.header-logo .container a {
	display: inline-block;
	margin: 28.2px auto auto;
	height: 63.6px;
	width: 457.31px;
}
.header-logo .container a img {
	height: 100%;
	width: 100%;
	vertical-align: bottom;
 transition: all .4s ease;
	-webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, .5));
	filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, .5));
}
.header-extra {
	height: 45px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
}
.header-extra>.container {
	position: relative;
}
.nav-guide {
	position: relative;
	z-index: 10;
	float: left;
}
.nav-guide ul li {
	float: left;
	padding: 5px .3em 0;
}
.nav-guide ul li a {
	display: block;
	height: 40px;
	padding: 0 1.2em;
	color: #fff;
	font-size: 20px;
	line-height: 36px;
}
.nav-guide ul li a:after {
	content: '\f0d7';
	font-family: FontAwesome;
	margin-left: 10px;
	font-size: .7em;
	vertical-align: .2em;
}
.nav-guide ul li.hover a {
	color: #115d8a;
	background: #fff;
}
.extra-panels, .guide-panels {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: absolute;
	z-index: 5;
	top: 45px;
	height: 600px;
	left: -10px;
	right: -10px;
	overflow: hidden;
	visibility: hidden;
}
.extra-panels .panel, .guide-panels .panel {
	position: absolute;
	left: 10px;
	padding-right: 1em;
	background: #fff;
	-webkit-transform: translate3d(0, -600px, 0);
	transform: translate3d(0, -600px, 0);
	visibility: hidden;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
 transition: all .4s ease;
}
.extra-panels .panel.visible, .guide-panels .panel.visible {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.extra-panels .panel>.widget_nav_menu, .extra-panels .panel>.widget_text, .guide-panels .panel>.widget_nav_menu, .guide-panels .panel>.widget_text {
	float: left;
	width: 200px;
	box-sizing: border-box;
	padding: 1em 1.8em;
}
.extra-panels .panel>.widget_nav_menu h3, .extra-panels .panel>.widget_text h3, .guide-panels .panel>.widget_nav_menu h3, .guide-panels .panel>.widget_text h3 {
	font-size: 16px;
	color: #115d8a;
	margin: 0;
	border-bottom: 1px solid #5c82a1;
}
.extra-panels .panel>.widget_nav_menu ul, .extra-panels .panel>.widget_text ul, .guide-panels .panel>.widget_nav_menu ul, .guide-panels .panel>.widget_text ul {
	font-size: 14px;
	line-height: 1.6;
	padding: .5em .2em;
}
.extra-panels .panel>.widget_nav_menu ul li:before, .extra-panels .panel>.widget_text ul li:before, .guide-panels .panel>.widget_nav_menu ul li:before, .guide-panels .panel>.widget_text ul li:before {
	content: '\f054';
	font-family: FontAwesome;
	font-size: 12px;
	margin-right: .5em;
	color: #999;
}
.extra-panels .panel {
	left: auto;
	right: 10px;
	padding-right: 0;
}
.extra-panels .panel>.widget_nav_menu {
	width: 50%;
	padding: .8em 1.5em;
}
.extra-panels .panel .calendar-table {
	position: relative;
	float: left;
	width: 500px;
	padding-right: .5em;
}
.extra-panels .panel .calendar-table .calendar-controller {
	position: relative;
	height: 30px;
	top: 2px;
	text-align: right;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 14px;
}
.extra-panels .panel .calendar-table .calendar-controller a {
	padding: 0 .5em;
	cursor: pointer;
}
.extra-panels .panel .calendar-table .current-year {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.8em;
	line-height: 1;
	font-weight: 700;
	color: #115d8a;
}
.extra-panels .panel .calendar-table .current-year small {
	font-size: .6em;
	color: #5c82a1;
}
.extra-panels .panel .calendar-table .current-month {
	position: absolute;
	width: 100%;
	z-index: 10;
	text-align: center;
	font: 700 200px/250px 'Times New Roman';
	letter-spacing: -.05em;
	color: #f0f0f0;
	color: rgba(0, 0, 0, .1);
}
.extra-panels .panel .calendar-table table {
	width: 100%;
	border: 2px solid #ccc;
	table-layout: fixed;
}
.extra-panels .panel .calendar-table table td, .extra-panels .panel .calendar-table table th {
	padding: .2em .5em;
	border: 1px solid #eee;
	font-size: 14px;
	text-align: left;
	position: relative;
	cursor: default;
	height: 3em;
 transition: all .2s ease;
}
.extra-panels .panel .calendar-table table td.weekend, .extra-panels .panel .calendar-table table th.weekend {
	color: #c30;
}
.extra-panels .panel .calendar-table table td:hover, .extra-panels .panel .calendar-table table th:hover {
	background: rgba(25, 181, 202, .1);
}
.extra-panels .panel .calendar-table table th {
	height: 1em;
}
.extra-panels .panel .calendar-table table td.today {
	background: rgba(25, 181, 202, .3);
}
.extra-panels .panel .calendar-table table span.day {
	position: absolute;
	width: 2em;
	top: .2em;
	left: 0;
	text-align: center;
}
.extra-panels .panel .calendar-table table span.week {
	position: absolute;
	top: .2em;
	left: 0;
	background: #eee;
	border-radius: 0 1em 1em 0;
	width: 2em;
	text-align: center;
}
.extra-panels .panel .calendar-table table span.week.exam {
	color: #bf3a16;
}
.extra-panels .panel .calendar-table table span.week.summer {
	color: #19b5ca;
}
.extra-panels .panel .calendar-table table div.info {
	position: absolute;
	bottom: 0;
}
.extra-panels .panel .calendar-events {
	float: right;
	padding-left: .5em;
	padding-bottom: 3em;
	width: 200px;
}
.extra-panels .extra-calendar {
	padding: .5em;
}
.extra-panels .extra-calendar .current-week {
	margin: .2em 0 .5em;
}
.extra-panels .extra-calendar .latest-calendar {
	position: absolute;
	bottom: .5em;
	right: .5em;
	margin: 0;
	width: 205px;
}
.extra-panels .extra-calendar .latest-calendar a {
	padding: .5em .8em;
	display: block;
	text-align: center;
	background: #115d8a;
	color: #fff;
}
.extra-panels .extra-calendar .latest-calendar a:before {
	content: '\f073';
	font-family: FontAwesome;
	margin-right: .8em;
}
.extra-panels .extra-calendar .latest-calendar a:hover {
	background: #19b5ca;
}
.extra-panels .extra-calendar .calendar-event-title {
	margin: 0 0 .5em;
	color: #115d8a;
}
.extra-panels .extra-calendar .calendar-event-list li {
	line-height: 1.4;
	margin-top: .2em;
	font-size: 14px;
}
.extra-panels .extra-calendar .calendar-event-list li:before {
	content: '\f271';
	font-family: FontAwesome;
	margin-right: .4em;
}
.extra-panels .extra-calendar .calendar-event-list li.dim {
	margin: 0;
	color: #aaa;
	font-size: 12px;
}
.extra-panels .extra-calendar .calendar-event-list li.dim:before {
	content: '\f274';
}
.extra-panels .extra-about {
	width: 540px;
}
.extra-panels .extra-about>.widget_nav_menu {
	width: 33%;
	padding: .5em .8em;
}
.extra-panels .extra-about>.widget_nav_menu:nth-of-type(3) {
 margin-top: .7em;
}
.extra-panels .extra-about>.widget_nav_menu:nth-of-type(1) {
 margin-top: 2.1em;
}
.extra-panels .extra-about>.widget_nav_menu ul {
	padding: 0;
}
.extra-panels .extra-about .party a {
	display: inline-block;
	padding: .2em .5em .2em .2em;
	font-weight: 700;
	text-align: center;
	font-size: 1.2em;
	background: linear-gradient(to bottom, #ff9000, #eb0e03) #ff9000;
	color: #ffde00;
	text-shadow: 1px 1px 3px rgba(183, 10, 1, .2);
}
.extra-panels .extra-about .party a:before {
	content: ' ';
	background: url(/jwc/img/danghui-golden-20e46520c6.jpg);
	display: inline-block;
	background-size: contain;
	margin-right: .4em;
	vertical-align: -2px;
	width: 1em;
	height: 1em;
}
.nav-extra {
	float: right;
}
.nav-extra li {
	float: left;
	padding: 7.75px .3em 0;
}
.nav-extra li a {
	display: block;
	height: 37.25px;
	padding: 0 1.2em;
	line-height: 31.25px;
	font-size: 14px;
	color: #fff;
}
.nav-extra li a:hover, .nav-extra li.hover a {
	color: #115d8a;
	background: #fff;
}
.nav-extra li a:after {
	content: '\f0d7';
	font-family: FontAwesome;
	margin-left: 6px;
	font-size: .7em;
	vertical-align: .2em;
}
.story-widget {
	position: relative;
	height: 500px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
 transition: height .4s ease;
}
.story-widget .angle {
	position: absolute;
	width: 100%;
	bottom: 0;
	overflow: hidden;
	height: 100px;
}
.story-widget .angle:after, .story-widget .angle:before {
	box-shadow: 0 -1px 10px rgba(0, 0, 0, .5);
	content: ' ';
	position: absolute;
	background: #d8e2f0;
	z-index: 5;
	width: 100%;
	-webkit-transform-origin: 75% 0;
	transform-origin: 75% 0;
	-webkit-transform: skewY(2deg) translateY(100px);
	transform: skewY(2deg) translateY(100px);
	height: 400px;
	top: 0;
	left: 0;
	pointer-events: none;
}
.story-widget .angle:after {
	-webkit-transform: skewY(-3deg) translateY(100px);
	transform: skewY(-3deg) translateY(100px);
}
.story-widget .container {
	position: relative;
	height: 100%;
}
.story-controller {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.story-controller>a {
	position: absolute;
	z-index: 10;
	top: 50%;
	height: 100px;
	width: 50px;
	margin-top: -50px;
	color: #fff;
	opacity: .7;
	line-height: 100px;
	font-size: 1.5em;
	text-shadow: 0 0 2px rgba(0, 0, 0, .5), 1px 1px 2px rgba(0, 0, 0, .8);
	background: rgba(0, 0, 0, .3);
	text-align: center;
	cursor: pointer;
}
.story-controller>a:hover {
	opacity: 1;
}
.story-controller>a.prev {
	left: 0;
}
.story-controller>a.next {
	right: 0;
}
.story-indicator {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.story-indicator span {
	padding: .2em;
	margin: .4em;
	height: 10px;
	display: inline-block;
	border-radius: 1em;
}
.story-indicator i {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 10px;
	overflow: hidden;
	background: rgba(255, 255, 255, .3);
	margin: 0 .2em;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	vertical-align: top;
	cursor: pointer;
}
.story-indicator i.current {
	background-color: rgba(255, 255, 255, .8);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.story-text-list {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 0;
	width: 50%;
	height: 120px;
	text-align: right;
}
.story-text-list.notitle {
	display: none;
}
.story-text-list:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	width: 100%;
	height: 68px;
	background: url(/jwc/img/story-bg-ee6afbd59e.jpg) left 100% no-repeat;
	background-size: 100%;
}
.story-text-list li {
	position: absolute;
	z-index: 20;
	left: 80px;
	right: 40px;
	bottom: 1em;
	width: auto;
	visibility: hidden;
	opacity: 0;
 transition: opacity .4s ease, visibility .4s ease;
}
.story-img-list, .story-img-list li, .story-img-list li a {
	position: absolute;
	width: 100%;
	height: 100%;
}
.story-text-list li.show {
	opacity: 1;
	visibility: visible;
}
.story-text-list h2 {
	margin: 0;
	white-space: nowrap;
	font-size: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
}
.story-text-list h2 a {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
.story-text-list p.excerpt {
	margin: .5em 0;
	white-space: nowrap;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
}
.story-text-list p.author {
	position: absolute;
	left: -140%;
	bottom: 1em;
	color: #fff;
	opacity: .7;
	text-align: left;
	text-shadow: 0 1px 2px #000;
}
.story-img-list {
	background: #0a3853;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 1;
}
.story-img-list li {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 20% 80%;
	opacity: 0;
	z-index: 10;
 transition: all .4s ease;
	overflow: hidden;
}
.story-img-list li.touching {
	transition: none;
}
.story-img-list li.show {
	z-index: 20;
	opacity: 1;
}
.story-img-list li.center {
	background-position: center;
}
.front-page-main>.container {
	margin-top: 60px;
}
.notice-fp {
	float: left;
	width: 690px;
}
.notice-fp header {
	position: relative;
	margin-bottom: 1em;
}
.notice-fp header:after {
	content: ' ';
	display: block;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #115d8a 40%, #19b5ca 40%, #19b5ca 80%, #ecc023 80%);
}
.notice-fp header h2 {
	float: left;
	color: #115d8a;
	font-size: 20px;
	margin: 0 20px 0 0;
	padding: 0 10px;
}
.notice-fp header h2.active {
	background-color: #115D8A;
	color: #fff;
}
.notice-fp header .meta {
	float: right;
}
.notice-fp header .meta a {
	display: inline-block;
	text-align: center;
	color: #5c82a1;
}
.notice-fp header .meta a:hover {
	color: #ECC023;
}
.notice-fp ul.article-list:after, .notice-fp ul.article-list:before {
	content: " ";
	display: table;
}
.notice-fp ul.article-list li {
	float: left;
	display: flex;
	width: 327px;
	padding: 8px;
	margin-bottom: -8px;
}

.notice-fp ul.article-list li .cat-tags {
	top: -1px;
	position: relative;
}
.notice-fp ul.article-list li:after {
	display: none;
}
.notice-fp ul.article-list li.odd {
	clear: left;
	margin-right: 4px;
}
.notice-fp ul.article-list li:nth-of-type(2n-1) {
 margin-right: 4px;
 clear: left;
}
.edu-fp .edu-list:after, .flowIndex .more, .no-flexwrap .exchange main.main .list:after, .no-flexwrap article.page .stafflist:after, .no-flexwrap article.post .stafflist:after, .quick-links .mis>ul:after, .sub-exchange header:after {
	clear: both;
}
.notice-fp ul.article-list li .post {
	padding: 0 .3em;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.quick-links {
	padding-top: 1em;
	position: relative;
	z-index: 10;
	width: 330px;
	float: right;
}
.quick-links .link {
	min-height: 100px;
	position: relative;
	margin-top: 2px;
}
.quick-links .modjs {
	z-index: 99999;
}
.quick-links .mis {
	/*position: absolute;*/
	z-index: 40;
	width: 100%;
	min-height: 100px;
	/*border-top: 1px solid #1572aa;
	border-bottom: 1px solid #0e4a6e;*/
 	transition: all .4s ease;
	padding-bottom: 10px;
	overflow: hidden;
}
.quick-links .pos1{
	background: #115d8a;
}
.quick-links .pos2{
	background: #46B9AE;
}
.quick-links .pos3{
	background: #209080;
}
.quick-links .pos4{
	background: #d96852;
}

.quick-links .pos1:hover {
	background: #115d8a;
}
.quick-links .pos2:hover {
	background: #46B9AE;
}
.quick-links .pos3:hover {
	background: #209080;
}
.quick-links .mis.hover>ul,
.quick-links .mis:hover>ul {
	/*padding: 10px 15px 0;
	margin: -5px -10px -10px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
	border-bottom: 1px solid #0e4a6e;*/
	overflow: hidden;
	z-index: 99999;
}
.quick-links .pos1.hover>ul,
.quick-links .pos1:hover>ul{
	background: #115d8a;
}
.quick-links .pos2.hover>ul,
.quick-links .pos2:hover>ul{
	background: #46B9AE;
}
.quick-links .pos3.hover>ul,
.quick-links .pos3:hover>ul{
	background: #209080;
}
.quick-links .mis h3 a:hover, .quick-links .mis>ul>li>a:hover {
	border-bottom: 1px solid #fff;
}

.quick-links .mis h3 {
	margin: 0;
	padding: 10px 10px 5px 15px;
	font-family: microsoft yahei;
	font-size: 20px;
	letter-spacing: .1em;
}
.notice-title h1:before, .quick-links .mis .sub-menu li:before, .quick-links .mis>ul>li:before, .quick-links .more .more-links li:before, .quick-links .more h3:after {
	font-family: FontAwesome;
}
.quick-links .mis h3 a {
	color: #fff;
}
.quick-links .mis>ul {
	position: relative;
	z-index: 10;
	padding: 5px 15px 0;
	font-size: 14px;
	background: url(/jwc/img/bg-link-mis-885eba8753.jpg) right 200px no-repeat;
 	transition: all .4s ease;
}
.quick-links .mis>ul#menu-mis-links{
	z-index: 11;
}
/*.quick-links .mis>ul:after, .quick-links .mis>ul:before {
	content: " ";
	display: table;
}*/
.quick-links .mis>ul>li {
	float: left;
	width: 48%;
	margin: 2px .5%;
	font-size: 15px;
}
/*.quick-links .mis>ul>li:before {
	content: '\f138';
	display: inline-block;
	transition: all .4s ease;
	margin-right: .5em;
	color: rgba(255,255,255,.6);
}*/
.quick-links .mis>ul>li>a {
	color: #fff;
}
.quick-links .mis.hover{
	background: url(/jwc/img/bg-link-mis-885eba8753.jpg) right -100px no-repeat #115d8a;
}
.quick-links .mis.hover>ul>li:before, .quick-links .mis:hover>ul>li:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.quick-links .mis .sub-menu {
	font-size: 14px;
 transition: all .4s ease;
	opacity: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	color: rgba(255, 255, 255, .4);
}
.quick-links .mis .sub-menu li {
	padding-left: .5em;
}
/*.quick-links .mis .sub-menu li:before {
	content: '\f192';
	margin-right: 6px;
}*/
.quick-links .mis .sub-menu li a {
	line-height: 1.6;
	left: 0;
	position: relative;
	color: rgba(255, 255, 255, .8);
}
.quick-links .mis .sub-menu li a:hover {
	left: 3px;
	color: #fff;
}
.quick-links .mis.hover .sub-menu, .quick-links .mis:hover .sub-menu {
	/*padding: .5em 0 .8em;*/
	opacity: 1;
	height: auto;
	visibility: visible!important;
}
.quick-links .bb {
	background: url(/jwc/img/bg-link-bb-eb5174baf8.jpg) right 0 no-repeat #19b5ca; height: 125px; padding-top: 10px;
}
.quick-links .moocs {
	background: url(/jwc/img/bg-link-moocs-0778a54eb5.jpg) right bottom no-repeat #ecc023;
}
.quick-links .ta {
	background: url(/jwc/img/bg-link-ta-650705cee1.jpg) right bottom no-repeat #ecc023; height: 125px; padding-top: 10px;
}
.quick-links .bb a, .quick-links .moocs a, .quick-links .ta a {
	display: block;
	height: 100%;
	width: 100%;
}
.quick-links .bb:before, .quick-links .moocs:before, .quick-links .ta:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	background: rgba(255, 255, 255, .2);
}
.quick-links .bb:after, .quick-links .moocs:after, .quick-links .ta:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: rgba(0, 0, 0, .1);
}
.quick-links img {
	vertical-align: bottom;
}
.quick-links .more {
	position: relative;
	height: 38px;
}
.quick-links .more h3 {
	margin: 0;
	padding: 0 .5em;
	border-bottom: 1px solid #d3d8de;
	border-top: 1px solid #f1f5f9;
	height: 38px;
	color: #115d8a;
	background: #ebf0f7;
	font-size: 16px;
	line-height: 38px;
	cursor: pointer;
}
/*.quick-links .more h3:after {
	content: '\f0d7';
	position: absolute;
	right: 1em;
	color: #5c82a1;
}*/
.quick-links .more .more-links {
	opacity: 0;
	visibility: hidden;
	line-height: 1.6;
	background: #fff;
	padding: 1em;
 transition: all .4s ease;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
}
/*.quick-links .more .more-links li:before {
	content: '\f0da';
	color: #115d8a;
	margin-right: .5em;
}*/
.quick-links .more:hover .more-links {
	visibility: visible;
	opacity: 1;
}
.edu-fp {
	margin: 1em 0;
}
.edu-fp header {
	color: #115d8a;
	margin-bottom: 20px;
}
.edu-fp header h2 a {
	font-size: 24px;
	color: #1996AA;
}
.edu-fp .edu-list:after, .edu-fp .edu-list:before {
	content: " ";
	display: table;
}
.edu-fp .edu-list li {
	float: left;
	position: relative;
	width: 25%;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	z-index: 0;
}
.edu-fp .edu-list li a, .edu-fp .edu-list li a img {
	width: 100%;
	display: block;
}
.edu-fp .edu-list li:hover {
	z-index: 10;
}
.edu-fp .edu-list li a {
	position: relative;
	height: 100%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.edu-fp .edu-list li a span {
	position: absolute;
	bottom: .5em;
	background: rgba(25, 181, 202, .8);
	left: 0;
	right: 50%;
	padding: 0 .2em;
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
 transition: all .2s ease;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.edu-fp .edu-list li a:hover {
	/*-webkit-transform: translateZ(50px);
	transform: translateZ(50px);
	box-shadow: 0 2px 15px rgba(0, 0, 0, .5);*/
}
.edu-fp .edu-list li a:hover span {
	/*right: -1px;
	left: -1px;
	bottom: -1px;*/
}
.notice-title h1:before {
	content: '\f1ea';
	font-weight: 400;
	margin-right: .2em;
	font-size: 120%;
	vertical-align: middle;
}
.notice aside.sidebar.sidebar-a {
	width: 160px;
}
.notice .related-categories>ul>li {
	float: left;
	width: 80px;
	height: 80px;
}
.notice .related-categories>ul>li a {
	padding: 0;
	text-align: center;
	margin: 0;
	line-height: 80px;
	text-shadow: 0 0 2px rgba(0, 0, 0, .3);
}
.education-title h1:before, .service-title h1:before {
	margin-right: .3em;
	font-size: 110%;
	font-family: FontAwesome;
	font-weight: 400;
	vertical-align: middle;
}
.notice .related-categories>ul>li a.cat-notice-exchange {
	background-color: #19b5ca;
	color: #fff;
}
.notice .related-categories>ul>li a.cat-notice-teaching {
	background-color: #115d8a;
	color: #fff;
}
.notice .related-categories>ul>li a.cat-notice-exam {
	background-color: #ecc023;
	color: #fff;
}
.notice .related-categories>ul>li a.cat-notice-info {
	background-color: #37990e;
	color: #fff;
}
.notice .related-categories>ul>li a.cat-notice-two {
	background-color: #bf3a16;
	color: #fff;
}
.notice .related-categories>ul>li a.cat-notice-three {
	background-color: #7e1f7f;
	color: #fff;
}
.notice .related-categories>ul>li a.cat-notice-fone {
	background-color: #19b5ca;
	color: #fff;
}



.notice .related-categories>ul>li a:hover, .notice .related-categories>ul>li.current a {
	-webkit-transform: scale(.9);
	transform: scale(.9);
}
.notice .related-categories>ul>li.current a:before {
	content: '';
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, .1) 8%, rgba(0, 0, 0, 0) 9%);
	box-shadow: inset -1px -1px 1px rgba(0, 0, 0, .15);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
ul.with-tag li .cat-tag.notice-exchange {
	background-color: #19b5ca;
}
ul.with-tag li .cat-tag.notice-teaching {
	background-color: #115d8a;
}
ul.with-tag li .cat-tag.notice-exam {
	background-color: #ecc023;
}
ul.with-tag li .cat-tag.notice-info {
	background-color: #37990e;
}
.education-title h1:before {
	content: '\f19d';
}
.service aside.sidebar.sidebar-a {
	width: 120px;
}
.service-title h1:before {
	content: '\f14e';
}
ul.with-tag li .cat-tag.svc-student {
	background-color: #115d8a;
}
ul.with-tag li .cat-tag.svc-teacher {
	background-color: #19b5ca;
}
ul.with-tag li .cat-tag.svc-resource {
	background-color: #ecc023;
}


.flowIndex {
	position: relative;
	zoom: 1;
	padding: 0 0 1em;
}
.flowIndex:after {
	content: '';
	display: block;
	visibility: hidden;
	clear: both;
}
.flowIndex>div {
	float: left;
	margin-right: 20px;
}
.flowIndex .heading {
	width: 164px;
	height: 480px;
}
.flowIndex .flow {
	position: relative;
	z-index: 100;
	list-style: none;
	width: 220px;
	height: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
 transition: all .4s ease;
}
.flowIndex .flow ul {
	position: absolute;
	top: 132px;
	left: 132px;
	width: 220px;
	padding: .8em .5em;
	background: #115d8a;
	margin: 0;
	box-shadow: 0 2px 15px rgba(0, 0, 0, .5);
	visibility: hidden;
	opacity: 0;
 transition: .4s ease;
	-webkit-transform: translate(10px, 10px);
	transform: translate(10px, 10px);
}
.flowIndex .flow:hover ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
.flowIndex .flow li {
	background: 0 0;
}
.flowIndex .flow li a {
	display: block;
	padding: .3em .5em;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	color: #fff;
}
.flowIndex .flow li a:hover {
	background: rgba(0, 0, 0, .3);
}
.flowIndex .flow h3 {
	background: #115d8a;
	color: #fff;
	font-size: 2.2em;
	line-height: 220px;
	text-align: center;
	margin: 0;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
 transition: all ease .4s;
}
.flowIndex .flow:hover {
	z-index: 150;
}
.flowIndex .flow:hover h3 {
	background: #229ce4;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
}
.flowIndex .flow1 ul {
	width: 180px;
	background: #115d8a;
}
.flowIndex .flow1 h3 {
	background: #115d8a;
}
.flowIndex .flow1:hover h3 {
	background: #229ce4;
}
.flowIndex .flow2 ul {
	width: 180px;
	background: #19b5ca;
}
.flowIndex .flow2 h3 {
	background: #19b5ca;
}
.flowIndex .flow2:hover h3 {
	background: #4fd7e9;
}
.flowIndex .flow3 ul {
	width: 130px;
	background: #ecc023;
}
.flowIndex .flow3 h3 {
	background: #ecc023;
}
.flowIndex .flow3:hover h3 {
	background: #f2d365;
}
.flowIndex .flow4 ul {
	width: 160px;
	background: #bf3a16;
}
.flowIndex .flow4 h3 {
	background: #bf3a16;
}
.flowIndex .flow4:hover h3 {
	background: #ea6845;
}
.flowIndex .flow5 ul {
	width: 140px;
	background: #37990e;
}
.flowIndex .flow5 h3 {
	background: #37990e;
}
.flowIndex .flow5:hover h3 {
	background: #5eeb23;
}
.flowIndex .flow6 ul {
	width: 180px;
	background: #7e1f7f;
}
.flowIndex .flow6 h3 {
	background: #7e1f7f;
}
.flowIndex .flow6:hover h3 {
	background: #cd39cf;
}
.flowIndex .more {
	width: 700px;
	margin-left: 184px;
}
.exchange-title h1:before {
	content: '\f0ac';
	font-family: FontAwesome;
	font-weight: 400;
	margin-right: .3em;
	font-size: 110%;
	vertical-align: middle;
}
.exchange aside.sidebar.sidebar-a {
	width: 120px;
}
.exchange .related-categories ul.l2>li a:after {
	opacity: .2;
}
.course-list li a:hover figure figcaption, .exchange .related-categories ul.l2>li.current a:after {
	opacity: 1;
}
.exchange .related-categories ul.l2>li a.cat-xchg-europe:after {
	background: linear-gradient(to bottom right, rgba(17, 93, 138, 0) 49%, #115d8a 50%);
}
.exchange .related-categories ul.l2>li a.cat-xchg-americas:after {
	background: linear-gradient(to bottom right, rgba(25, 181, 202, 0) 49%, #19b5ca 50%);
}
.exchange .related-categories ul.l2>li a.cat-xchg-australia:after {
	background: linear-gradient(to bottom right, rgba(191, 58, 22, 0) 49%, #bf3a16 50%);
}
.exchange .related-categories ul.l2>li a.cat-xchg-asia:after {
	background: linear-gradient(to bottom right, rgba(255, 115, 30, 0) 49%, #ff731e 50%);
}
.exchange .related-categories ul.l2>li a.cat-xchg-hk-tw:after {
	background: linear-gradient(to bottom right, rgba(55, 153, 14, 0) 49%, #37990e 50%);
}
.exchange .related-categories ul.l2>li a.cat-xchg-c9:after {
	background: linear-gradient(to bottom right, rgba(17, 93, 138, 0) 49%, #115d8a 50%);
}
.exchange .related-categories ul.l2>li a.cat-xchg-other:after {
	background: linear-gradient(to bottom right, rgba(55, 153, 14, 0) 49%, #37990e 50%);
}
.exchange .related-categories ul.l2>li.current a {
	font-weight: 700;
}
.calendar-title h1:before, .document-title h1:before, .download-title h1:before, .featured-title h1:before {
	font-family: FontAwesome;
	font-weight: 400;
}
.exchange .main .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 3em;
}
.exchange .main .list>.featured-image {
	padding: 0 1em;
	margin: 0;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
}
.exchange .main .list>.featured-image img {
	width: 100%;
}
.exchange .main .list>.article-list {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	padding: 0 1em;
	marign: 0;
	box-sizing: border-box;
}
.exchange .main .list>.article-list.plain-list .date {
	display: inline;
}
.sub-exchange-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 14px;
}
.course-list, .sub-exchange {
	display: -webkit-box;
	display: -ms-flexbox;
}
.sub-exchange {
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	padding: 1em;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.sub-exchange header {
	margin-bottom: 1em;
}
.sub-exchange header:after, .sub-exchange header:before {
	content: " ";
	display: table;
}
.sub-exchange header h3 {
	float: left;
	margin: 0;
	font-size: 18px;
	line-height: 1.8;
	color: #fff;
}
.sub-exchange.cat-xchg-europe {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
.sub-exchange.cat-xchg-europe header {
	background-color: #115d8a;
}
.sub-exchange.cat-xchg-americas header {
	background-color: #19b5ca;
}
.sub-exchange.cat-xchg-australia header {
	background-color: #bf3a16;
}
.sub-exchange.cat-xchg-asia header {
	background-color: #ff731e;
}
.sub-exchange.cat-xchg-hk-tw header {
	background-color: #37990e;
}
.sub-exchange.cat-xchg-c9 header {
	background-color: #115d8a;
}
.sub-exchange.cat-xchg-other header {
	background-color: #37990e;
}
.sub-exchange.cat-xchg-csc {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
.sub-exchange.cat-xchg-csc header {
	background-color: #999;
}
.sub-exchange .meta {
	float: right;
	margin: .2em;
}
.sub-exchange .meta a {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
	text-align: center;
	color: #fff;
}
.sub-exchange .meta a:hover {
	background: rgba(255, 255, 255, .3);
}
.sub-exchange h3 {
	padding-left: 1em;
}
.sub-exchange h3.cat-xchg-europe {
	border-left: 10px solid #115d8a;
}
.sub-exchange h3.cat-xchg-americas {
	border-left: 10px solid #19b5ca;
}
.sub-exchange h3.cat-xchg-australia {
	border-left: 10px solid #bf3a16;
}
.sub-exchange h3.cat-xchg-asia {
	border-left: 10px solid #ff731e;
}
.sub-exchange h3.cat-xchg-hk-tw {
	border-left: 10px solid #37990e;
}
.sub-exchange .article-list li .date {
	padding-top: .3em;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
ul.with-tag li .cat-tag.xchg-europe {
	background-color: #115d8a;
}
ul.with-tag li .cat-tag.xchg-americas {
	background-color: #19b5ca;
}
ul.with-tag li .cat-tag.xchg-australia {
	background-color: #bf3a16;
}
ul.with-tag li .cat-tag.xchg-asia {
	background-color: #ff731e;
}
ul.with-tag li .cat-tag.xchg-hk-tw {
	background-color: #37990e;
}
.document-title h1:before {
	content: '\f0f6';
	margin-right: .3em;
	font-size: 110%;
	vertical-align: middle;
}
.document aside.sidebar.sidebar-a {
	width: 200px;
}
.document .related-categories>ul>li {
	float: left;
	width: 100px;
	height: 100px;
}
.document .related-categories>ul>li:nth-of-type(odd):last-child {
 width: 200px;
 height: 66.67px;
}
.document .related-categories>ul>li:nth-of-type(odd):last-child a {
 line-height: 66.67px;
}
.document .related-categories>ul>li a {
	font-size: 14px;
	padding: 0;
	text-align: center;
	margin: 0;
	line-height: 100px;
	text-shadow: 0 0 2px rgba(0, 0, 0, .3);
}
.document .related-categories>ul>li a.cat-doc-file {
	background-color: #115d8a;
	color: #fff;
}
.document .related-categories>ul>li a.cat-doc-school-file {
	background-color: #19b5ca;
	color: #fff;
}
.document .related-categories>ul>li a.cat-doc-report {
	background-color: #ecc023;
	color: #fff;
}
.document .related-categories>ul>li a.cat-doc-administration {
	background-color: #bf3a16;
	color: #fff;
}
.document .related-categories>ul>li a.cat-doc-research {
	background-color: #37990e;
	color: #fff;
}
.document .related-categories>ul>li a.cat-doc-misc {
	background-color: #ebf0f7;
	color: #115d8a;
}
.document .related-categories>ul>li a:after {
	width: 1em;
	height: 1em;
}
.document .related-categories>ul>li a:hover, .document .related-categories>ul>li.current a {
	-webkit-transform: scale(.9);
	transform: scale(.9);
}
.document .related-categories>ul>li.current a:before {
	content: '';
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, .1) 8%, rgba(0, 0, 0, 0) 9%);
	box-shadow: inset -1px -1px 1px rgba(0, 0, 0, .15);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
ul.with-tag li .cat-tag.doc-file {
	background-color: #115d8a;
}
ul.with-tag li .cat-tag.doc-school-file {
	background-color: #19b5ca;
}
ul.with-tag li .cat-tag.doc-report {
	background-color: #ecc023;
}
ul.with-tag li .cat-tag.doc-administration {
	background-color: #bf3a16;
}
ul.with-tag li .cat-tag.doc-research {
	background-color: #37990e;
}
ul.with-tag li .cat-tag.doc-misc {
	background-color: #ebf0f7;
}
.category-doc-report .list h3 {
	font-size: 30px;
	margin: 0 0 .5em;
	color: #115d8a;
}
.category-doc-report .list ul+h3 {
	margin-top: 1em;
}
.document .article-list li:before {
	display: none;
}
.document .article-list .issue {
	padding: .2em .3em;
	-ms-flex-item-align: start;
	align-self: flex-start;
	font-size: 14px;
	background-color: #eee;
	color: #115d8a;
}
.download-title h1:before {
	content: '\f01a';
	margin-right: .3em;
	font-size: 110%;
	vertical-align: middle;
}
.download-list li.att:before {
	content: '\f016';
	display: inline!important;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.download-list li.att-doc:before, .download-list li.att-docx:before, .download-list li.att-rtf:before {
	color: #2b579a;
	content: '\f1c2';
}
.download-list li.att-pdf:before {
	color: #9e1e2b;
	content: '\f1c1';
}
.download-list li.att-ppt:before, .download-list li.att-pptx:before {
	color: #d24726;
	content: '\f1c4';
}
.download-list li.att-rar:before, .download-list li.att-zip:before {
	content: '\f1c6';
	color: #e6a200;
}
.download-list li.att-xls:before, .download-list li.att-xlsx:before {
	content: '\f1c3';
	color: #217346;
}
.download-list li.att-avi:after, .download-list li.att-mp4:after, .download-list li.att-wmv:after {
	content: '\f1c8';
	color: #1277c4;
}
.download-list li.sticky .cat-tags:after {
	content: '\f0aa';
	font-family: FontAwesome;
	margin-left: .3em;
	color: #c8a011;
}
ul.with-tag li .cat-tag.dl-administration {
	background-color: #115d8a;
}
ul.with-tag li .cat-tag.dl-practice {
	background-color: #19b5ca;
}
ul.with-tag li .cat-tag.dl-innovation {
	background-color: #ecc023;
}
ul.with-tag li .cat-tag.dl-project {
	background-color: #bf3a16;
}
ul.with-tag li .cat-tag.dl-exchange {
	background-color: #37990e;
}
ul.with-tag li .cat-tag.dl-quality {
	background-color: #115d8a;
}
ul.with-tag li .cat-tag.dl-misc {
	background-color: #ebf0f7;
	color: #115d8a;
}
.download h1 {
	color: #115d8a;
}
.download aside.sidebar.sidebar-a {
	width: 200px;
}
.download .related-categories>ul>li {
	float: left;
	width: 100px;
	height: 100px;
}
.download .related-categories>ul>li a {
	font-size: 14px;
	padding: 0;
	text-align: center;
	margin: 0;
	line-height: 100px;
	text-shadow: 0 0 2px rgba(0, 0, 0, .3);
}
.download .related-categories>ul>li a.cat-dl-administration {
	background-color: #115d8a;
	color: #fff;
}
.download .related-categories>ul>li a.cat-dl-practice {
	background-color: #19b5ca;
	color: #fff;
}
.download .related-categories>ul>li a.cat-dl-innovation {
	background-color: #ecc023;
	color: #fff;
}
.download .related-categories>ul>li a.cat-dl-project {
	background-color: #bf3a16;
	color: #fff;
}
.download .related-categories>ul>li a.cat-dl-exchange {
	background-color: #37990e;
	color: #fff;
}
.download .related-categories>ul>li a.cat-dl-quality {
	background-color: #115d8a;
	color: #fff;
}
.download .related-categories>ul>li a.cat-dl-misc {
	background-color: #ebf0f7;
	color: #115d8a;
}
.download .related-categories>ul>li a:after {
	width: 1em;
	height: 1em;
}
.download .related-categories>ul>li a:hover, .download .related-categories>ul>li.current a {
	-webkit-transform: scale(.9);
	transform: scale(.9);
}
.download .related-categories>ul>li.current a:before {
	content: '';
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, .1) 8%, rgba(0, 0, 0, 0) 9%);
	box-shadow: inset -1px -1px 1px rgba(0, 0, 0, .15);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
.popular-downloads {
	margin: 0 0 1em;
	padding: 1px 1em;
	background: rgba(235, 240, 247, .5);
}
.popular-downloads ul {
	font-size: 14px;
	margin: 1em 0;
}
.popular-downloads li {
	padding: .4em 0 .4em 1.5em;
	border-bottom: 1px solid #ebf0f7;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #aaa;
	line-height: 1.2;
}
.popular-downloads li:before {
	content: '\f019';
	font-family: FontAwesome;
	color: #5c82a1;
	margin-right: .3em;
	margin-left: -1.5em;
}
.popular-downloads li .date, .popular-downloads li .views {
	padding: 0 .3em;
}
.single .popular-downloads {
	margin-top: 3em;
}
.calendar-title h1:before {
	content: '\f073';
	margin-right: .2em;
}
.course-list {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
}
.course-list li {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 25%;
	flex: 0 1 25%;
	margin-bottom: 1em;
}
.course-list li figure {
	position: relative;
	margin: .4em;
	padding: .5em;
 transition: all .4s ease;
	-webkit-transform: translate3D(0, 0, 0);
	transform: translate3D(0, 0, 0);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
	background: #fff;
}
.course-list li figure figcaption {
	position: absolute;
	bottom: .5em;
	background: #19b5ca;
	color: #fff;
	padding: .1em .8em;
	box-sizing: border-box;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.course-list li img {
	width: 100%;
	box-sizing: border-box;
	vertical-align: bottom;
}
.course-list li a:hover figure {
	-webkit-transform: translate3D(0, -2px, 0);
	transform: translate3D(0, -2px, 0);
	box-shadow: 1px 2px 15px rgba(0, 0, 0, .4);
	background: #19b5ca;
}
body.category-edu-course main h2 {
	color: #115d8a;
}
body.category-edu-course main h2:before {
	font-family: FontAwesome;
	margin-right: .4em;
}
body.category-edu-course main h2.shared-course:before {
	content: '\f1e0';
}
body.category-edu-course main h2.open-course:before {
	content: '\f16a';
}
body.category-edu-course aside.sidebar-a {
	margin-top: 4em;
}
.featured-title h1:before {
	content: '\f005';
	margin-right: .3em;
	font-size: 110%;
	vertical-align: middle;
}
.featured-image-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	width: 100%;
}
.featured-image-list li {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
	margin-bottom: 1em;
}
.featured-image-list li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.featured-image-list li figure {
	position: relative;
margin:.4rem;
padding:.5rem;
 transition: all .4s ease;
	-webkit-transform: translate3D(0, 0, 0);
	transform: translate3D(0, 0, 0);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
	background: #fff;
}
.featured-image-list li figure figcaption {
 transition: color .4s ease;
	font-size: .9em;
	margin-top: .5em;
	color: #999;
}
.featured-image-list li figure img {
	width: 100%;
	box-sizing: border-box;
	vertical-align: bottom;
}
.featured-image-list li a:hover figure {
	-webkit-transform: translate3D(0, -2px, 0);
	transform: translate3D(0, -2px, 0);
	box-shadow: 1px 2px 15px rgba(0, 0, 0, .4);
	background: #19b5ca;
}
.featured-image-list li a:hover figure figcaption {
	color: #fff;
}
.heading {
	margin-top: 1em;
}
img.size-ss {
	width: 100%;
}
.page.ss article.page .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.page.ss article.page h3 {
	background: #f64c09;
	color: #fff;
	padding: 0 1em;
	display: inline-block;
}
.page.ss article.page .info {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0;
	flex: 1 1 0;
	min-width: 400px;
}
.page.ss article.page .info p {
	margin: 1em;
}
.page.ss article.page .dept {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33%;
	flex: 1 1 33%;
	min-width: 10em;
}
.page.ss article.page .dept h4 {
	margin: 0;
}
.page.ss article.page .dept li {
	display: inline-block;
}
.page.ss article.page .dept li a {
	display: inline-block;
	padding: 0 .2em;
	margin: .2em;
	white-space: nowrap;
	border-bottom: 1px solid #c0e3f7;
}
.page.ss article.page .dept li a:hover {
	color: #f64c09;
	background: #feede6;
	border-bottom: 1px solid #fddbce;
}
@media (max-width:560px) {
.page.ss article.page .flex.block {
 display: block;
}
.page.ss article.page .flex.block .info {
 min-width: 0;
}
.page.ss article.page h4 {
 text-align: left;
}
}
@media (max-width:340px) {
.page.ss article.page .flex, .page.ss article.page h3 {
 display: block;
}
.page.ss article.page .flex .dept, .page.ss article.page .flex h4 {
 text-align: center;
}
}
.page.party-branch .posts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.page.party-branch .posts .cat {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 50%;
	padding: .8em;
}
.page.party-branch .posts .cat h3 a {
	display: inline-block;
	height: 1.4em;
	padding: .1em .5em .1em .8em;
	background-color: #be0c00;
	color: #fce107;
	position: relative;
}
.page.party-branch .posts .cat h3 a:after {
	position: absolute;
	content: '';
	border-left: 1em solid #be0c00;
	border-bottom: 1em solid transparent;
	border-top: 1em solid transparent;
	height: 0;
	width: 0;
	top: -.2em;
	right: -.8em;
}
.category-party-meeting ul.article-list li.nolink:before, .page.party-branch ul.article-list li.nolink:before {
	content: '\f0e6';
	font-size: .9em;
}
.page.party-branch ul.article-list {
	margin: .5em;
}
.page.party-branch ul.article-list li:before {
	color: #980a00;
}
.page.party-branch ul.article-list a, .page.party-branch ul.article-list span.post {
	color: #9a1a11;
}
.page.party-branch ul.article-list a:hover {
	color: #be0c00;
}
.category-party-meeting ul.article-list li.nolink:before {
	color: #333;
}
.no-flexbox .page.party-branch .posts {
	overflow: hidden;
}
.no-flexbox .page.party-branch .posts .cat {
	float: left;
	width: 50%;
	padding: 0;
}
@media (max-width:690px) {
.page.party-branch .posts {
 display: block;
}
.page.party-branch .posts .cat {
 width: auto;
}
}
.toolbar .toolbar-container {
	position: fixed;
	bottom: 30px;
	opacity: 0;
 transition: opacity .4s ease;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
	left: -100px;
}
.toolbar .toolbar-container a {
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	color: #19b5ca;
	text-align: center;
	background: rgba(25, 181, 202, .1);
 transition: all .4s ease;
}
.toolbar .toolbar-container a:after {
	position: absolute;
	content: ' ';
	height: 1px;
	left: 10px;
	right: 10px;
	width: auto;
	bottom: 0;
	overflow: hidden;
	background: rgba(0, 0, 0, .1);
}
.toolbar .toolbar-container a:last-of-type:after {
	display: none;
}
.toolbar .toolbar-container a:hover {
	color: #fff;
	background: #19b5ca;
}
.toolbar .toolbar-container a.top {
	overflow: hidden;
	height: 0;
	opacity: 0;
	visibility: hidden;
}
.toolbar .toolbar-container.show {
	opacity: 100;
}
.toolbar .toolbar-container.visible a.top {
	height: 60px;
	opacity: 100;
	visibility: visible;
}
.feedback .toolbar a.comment {
	display: none;
}
.footer {
	margin-top: 140px;
	position: relative;
	background: #0e4a6e;
	padding: 10px 0 1em;
	color: #fff;
}
.footer .angle {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 100px;
	top: -100px;
}
.footer .angle:after, .footer .angle:before {
	content: ' ';
	position: absolute;
	background: #0a3853;
	z-index: 5;
	width: 100%;
	-webkit-transform-origin: 75% 0;
	transform-origin: 75% 0;
	-webkit-transform: skewY(2deg) translateY(100px);
	transform: skewY(2deg) translateY(100px);
	height: 400px;
	top: 0;
	left: 0;
	pointer-events: none;
}
.footer .angle:after {
	-webkit-transform: skewY(-3deg) translateY(100px);
	transform: skewY(-3deg) translateY(100px);
}
.footer .container {
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.footer .info {
	float: left;
	font-size: 14px;
	line-height: 1.8;
}
.footer .info h1 {
	height: 50px;
	width: 359.52px;
	margin: 1em 0 .5em;
}
.footer .info img {
	width: 100%;
	height: 100%;
	opacity: .5;
}
.footer .copyright {
	opacity: .5;
	line-height: 1.5;
}
.footer .version {
	font-size: 10px;
	padding: 0 .8em;
	border-radius: 1em;
	opacity: .6;
	background: rgba(255, 255, 255, .2);
}
.footer .powerby {
	font-size: 12px;
}
.footer .powerby a {
	color: #fff;
}
.footer .powerby a:hover {
	text-decoration: underline;
}
.footer .nav-footer {
	float: right;
	margin-top: 100px;
	text-align: right;
	font-size: 14px;
	line-height: 1.8;
}
.footer .nav-footer li {
	display: inline;
	padding: 0 .8em 0 0;
}
.footer .nav-footer li a {
	position: relative;
	color: #fff;
	opacity: .5;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.footer .nav-footer li a:hover {
	opacity: .8;
	border-bottom-color: rgba(255, 255, 255, .8);
}
.footer .nav-footer li:after {
	display: inline-block;
	content: '';
	margin-left: .8em;
	margin-right: .2em;
	width: 2px;
	overflow: hidden;
	height: .9em;
	background: #fff;
	opacity: .3;
}
.footer .nav-footer li:last-of-type:after {
	display: none;
}
.header-nav {
	z-index: 500;
}
.header-logo {
	z-index: 400;
}
.header-extra {
	z-index: 390;
}
.story-widget {
	z-index: 300;
}
.footer {
	z-index: 100;
}
.toolbar-container {
	z-index: 400;
}
.flowIndex {
	z-index: 100;
}
.notice-fp .tabC{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
@media (min-width:1440px) {
.container {
 width: 1280px;
}
.story-widget {
 height: 600px;
}
.notice-fp {
 width: 800px;
}
.notice-fp ul.article-list li {
 width: 398px;
}
.quick-links {
 width: 420px;
}
.story-text-list:before {
 height: 80px;
}
.story-text-list h2 {
 font-size: 38.4px;
}
}
@media (max-width:1440px) {
.container {
 width: 1280px;
}
.story-widget {
 height: 500px;
}
.notice-fp {
 width: 800px;
}
.notice-fp ul.article-list li {
 width: 390px;
}
.quick-links {
 width: 420px;
}
.story-text-list:before {
 height: 68px;
}
.story-text-list h2 {
 font-size: 32px;
}
}
@media (max-width:1280px) {
.container {
 width: 1100px;
}
.story-widget {
 height: 400px;
}
.notice-fp {
 width: 630px;
}
.notice-fp ul.article-list li {
 width: 297px;
}
.story-text-list {
 width: 55%;
}
.flowIndex .flow {
 width: 200px;
 height: 200px;
}
.flowIndex .flow h3 {
 line-height: 200px;
}
}
@media (max-width:1180px) {
body {
 padding-top: 31px;
}
.header-nav {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
}
.toolbar {
 display: none;
}
}
@media (max-width:1024px) {
.container {
 width: auto;
}
.col {
 padding: 1em;
}
.nav-sidebar-wrapper .toggle .fa {
 top: .8em;
 left: 1em;
}
.search-header {
 width: 200px;
}
.search-header .search-form {
 width: auto;
 margin-right: 1em;
 margin-left: 1em;
}
.search-header.hover {
 padding: 0;
 max-width: 100%;
 box-shadow: none;
}
.story-widget {
 height: 360px;
}
.story-text-list {
 right: 10px;
}
.story-text-list h2 {
 font-size: 30px;
}
.extra-panels, .guide-panels {
 left: 0;
 right: 0;
}
.front-page-main .front-page-a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.front-page-main .front-page-a .notice-fp {
 -webkit-box-flex: 1;
 -ms-flex: 1 1 0%;
 flex: 1 1 0%;
 margin-right: 2em;
}
.front-page-main .front-page-a .notice-fp ul.article-list {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.front-page-main .front-page-a .notice-fp ul.article-list li {
 float: none;
 box-sizing: border-box;
 -webkit-box-flex: 1;
 -ms-flex: 1 0 250px;
 flex: 1 0 250px;
 min-width: 200px;
 margin: 0;
}
.front-page-main .front-page-a .quick-links {
 -webkit-box-flex: 0;
 -ms-flex: 0 1 330px;
 flex: 0 1 330px;
 min-width: 260px;
}
.common-title, .edu-fp header, .footer .info, .notice-fp header {
 padding: 0 .5em;
}
.flowIndex .heading {
 height: auto;
 margin-bottom: 1em;
}
.flowIndex .flow {
 width: 160px;
 height: 160px;
 margin-right: 10px;
 margin-bottom: 10px;
}
.flowIndex .flow h3 {
 line-height: 160px;
}
.flowIndex .flow ul {
 left: 0;
}
.flowIndex .more {
 float: none;
 width: auto;
 margin: 0;
}
article.page img.size-large, article.post img.size-large {
 width: 100%;
}
}
@media (max-width:920px) {
.front-page-main .container {
 margin-top: 2em;
}
.footer {
 margin-top: 6em;
}
.footer .info, .footer .nav-footer {
 margin-top: 3em;
 float: none;
 text-align: center;
}
.footer .info a, .footer .nav-footer a {
 white-space: nowrap;
}
.footer .info h1 {
 margin: 1em auto;
}
.footer .copyright {
 font-size: 12px;
}
.story-text-list {
 width: 60%;
}
.story-text-list p.author {
 left: -98%;
}
.quick-links .more {
 height: auto;
}
.quick-links .more .more-links {
 opacity: 1;
 visibility: visible;
 box-shadow: none;
 background: #ebf0f7;
 border-bottom: 1px solid #d3d8de;
}
article.page .photo, article.page .photo.photo-medium, article.post .photo, article.post .photo.photo-medium {
 float: none!important;
 margin: 1em auto!important;
}
article.page .photo img, article.page .photo.photo-medium img, article.post .photo img, article.post .photo.photo-medium img {
 padding: 0;
 box-shadow: none;
 width: 100%;
}
article.page table.responsive, article.post table.responsive {
 font-size: 14px;
}
.flowIndex:after, .flowIndex:before {
 content: " ";
 display: table;
}
.flowIndex:after {
 clear: both;
}
.flowIndex .heading {
 float: none;
 width: auto;
}
.flowIndex .heading:before {
 content: attr(title);
 font-size: 24px;
 font-weight: 700;
}
.flowIndex .heading img {
 display: none;
}
.flowIndex .flow {
 width: 33%;
 max-width: 200px;
 min-width: 120px;
 height: auto;
 margin: 0;
}
.flowIndex .flow h3 {
 font-size: 24px;
 line-height: 4;
 overflow: hidden;
 white-space: nowrap;
}
.flowIndex .flow ul {
 top: 4.5em;
 width: 100%;
 left: 0;
}
.flowIndex .more {
 padding-top: 1em;
}
.course-list li {
 width: 33%;
}
}
@media (min-width:768px) and (max-width:920px) {
ul.article-list li {
 display: list-item;
}
}
@media (max-width:768px) {
.col {
 display: block;
}
.col aside.sidebar.sidebar-a, .col aside.sidebar.sidebar-b {
 margin: 0;
 width: auto;
}
.post-meta-side li {
 display: inline-block;
 margin: .4em;
}
.document .related-categories>ul>li:nth-of-type(odd):last-child {
 width: 80px;
 height: 80px;
}
.document .related-categories>ul>li:nth-of-type(odd):last-child a {
 line-height: 80px;
}
.extra-panels .panel, .guide-panels .panel, .single-title h1 {
 right: 0;
 left: 0;
}
.extra-panels .panel .calendar-events, .extra-panels .panel .calendar-table, .guide-panels .panel .calendar-events, .guide-panels .panel .calendar-table, .single-title h1 .calendar-events, .single-title h1 .calendar-table {
 width: auto;
 float: none;
}
.extra-panels .panel .calendar-event-title, .guide-panels .panel .calendar-event-title, .single-title h1 .calendar-event-title {
 margin-top: .8em;
}
.guide-panels {
 min-height: 300px;
}
.guide-panels .panel {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.guide-panels .panel .widget_nav_menu, .guide-panels .panel .widget_text {
 box-sizing: border-box;
 -webkit-box-flex: 1;
 -ms-flex: 1 1 0;
 flex: 1 1 0;
 min-width: 200px;
}
.extra-panels .panel.extra-about {
 left: auto;
}
.story-text-list {
 width: 100%;
 font-size: 80%;
}
.story-text-list:before {
 height: 50px;
}
.story-text-list li {
 bottom: .5em;
}
.story-text-list h2 {
 font-size: 24px;
}
.story-controller, .story-text-list .author {
 display: none;
}
.exchange .main .list, .exchange .main .sub-exchange-list {
 display: block;
}
.exchange .main .list .article-list, .exchange .main .sub-exchange {
 padding: 0;
}
.page-child .page-title h1 {
 margin-right: auto;
}
}
@media (max-width:690px) {
body {
 padding-top: 39px;
}
.header-nav {
 height: 38px;
}
.search-header .search-form {
 top: 3px;
}
.nav-extra, .nav-main {
 display: none;
}
.nav-guide {
 float: none;
 text-align: center;
}
.nav-guide ul {
 display: inline-block;
}
.nav-guide ul:after, .nav-guide ul:before {
 content: " ";
 display: table;
}
.nav-guide ul:after {
 clear: both;
}
.nav-sidebar-wrapper {
 display: block;
}
.header-logo {
 height: 90px;
}
.header-logo .container a {
 display: block;
 height: 47.7px;
 width: 342.99px;
 margin-top: 21.15px;
}
.edu-fp .edu-list li {
 width: 33%;
}
.edu-fp .edu-list li:last-of-type {
 display: none;
}
.feedback-form input, .feedback-form textarea {
 width: 100%;
}
}
@media (max-width:640px) {
.story-widget {
 height: 240px;
}
.front-page-main .container {
 margin-top: 1em;
}
.front-page-main .front-page-a {
 display: block;
}
.front-page-main .front-page-a .notice-fp {
 margin: 0;
 width: auto;
 float: none;
}
.front-page-main .front-page-a .quick-links {
 -webkit-box-flex: 0;
 -ms-flex: 0 1 330px;
 flex: 0 1 330px;
 width: auto;
 min-width: 260px;
 float: none;
}
.front-page-main .front-page-a .quick-links .more {
 height: auto;
}
.front-page-main .front-page-a .quick-links .more .more-links {
 opacity: 1;
 visibility: visible;
 box-shadow: none;
 background: #ebf0f7;
 border-bottom: 1px solid #d3d8de;
}
}
.no-opacity .story-img-list li, .no-svg img[src$=svg] {
 visibility: hidden;
}
@media (max-width:560px) {
.common-title h1, .post-actions, .post-meta-side, article.page .stafflist li, article.post .stafflist li, main article h2, main article h3, main article h4, main article h5, main article h6 {
 text-align: center;
}
.container {
 padding: 0;
}
.story-img-list li {
 background-position: center;
}
main.single article {
 padding: 1em;
}
.post-actions ul {
 display: inline-block;
}
.angle {
 display: none;
}
.edu-fp .edu-list li {
 width: 50%;
}
.edu-fp .edu-list li a span {
 font-size: 14px;
}
.edu-fp .edu-list li:last-of-type {
 display: list-item;
}
.interested-btn {
 margin: auto;
}
aside.sidebar {
 padding: 0 .5em;
}
article.page .table-wrap, article.post .table-wrap {
 overflow: auto;
}
article.page table.res-wrap, article.post table.res-wrap {
 min-width: 640px;
}
article.page table.res-flat, article.post table.res-flat {
 width: 100%;
 border: 0;
 font-size: 14px;
}
article.page table.res-flat thead, article.post table.res-flat thead {
 display: none;
}
article.page table.res-flat tbody td, article.post table.res-flat tbody td {
 box-sizing: border-box;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 padding-left: .5em;
 position: relative;
 border: solid #ebf0f7;
 border-width: 0 0 1px;
}
article.page table.res-flat tbody td:before, article.post table.res-flat tbody td:before {
 display: block;
 -webkit-box-flex: 0;
 -ms-flex: 0 0 40%;
 flex: 0 0 40%;
 padding-left: .5em;
 box-sizing: border-box;
 color: #115d8a;
 font-weight: 700;
}
article.page table.res-flat tbody td:empty, article.post table.res-flat tbody td:empty {
 display: none;
}
article.page table.res-flat tbody td:empty:after, article.post table.res-flat tbody td:empty:after {
 content: '\00a0';
}
article.page table.res-flat tbody tr td:first-child, article.post table.res-flat tbody tr td:first-child {
 background: #115d8a;
 color: #fff;
}
article.page table.res-flat tbody tr td:first-child:before, article.post table.res-flat tbody tr td:first-child:before {
 color: #fff;
}
article.page table.res-flat tbody tr td:last-child, article.post table.res-flat tbody tr td:last-child {
 border: 0;
}
article.page table.res-flat tfoot td, article.post table.res-flat tfoot td {
 text-align: center;
 padding-top: 1em;
 border: 0;
}
article.page table.res-flat.block tbody td, article.post table.res-flat.block tbody td {
 padding-left: .5em;
}
article.page table.res-flat.block tbody td:before, article.post table.res-flat.block tbody td:before {
 position: static;
 width: auto;
 padding: 0;
 margin-left: 0;
}
article.page blockquote, article.post blockquote {
 margin: 1em .5em;
}
.featured-image img, img.size-ss {
 width: 100%;
 min-height: 100px;
 -o-object-fit: cover;
 object-fit: cover;
}
.course-list li {
 width: 50%;
}
}
.no-flexwrap .course-list, .no-flexwrap .exchange main.main .list .featured-image+.article-list, .no-flexwrap .x-template-flex {
	overflow: hidden;
}
@media (max-width:520px) {
.footer .nav-footer {
 margin-top: .5em;
}
.footer .nav-footer ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 0;
}
.footer .nav-footer li {
 padding: 0;
 -webkit-box-flex: 1;
 -ms-flex: 1 1 20%;
 flex: 1 1 20%;
}
.footer .nav-footer li a {
 font-size: 12px;
 display: block;
 padding: .4em;
 margin: 2px;
 background: rgba(255, 255, 255, .05);
}
.footer .nav-footer li a:hover {
 border: 0;
}
.footer .nav-footer li a:active {
 background: rgba(255, 255, 255, .2);
}
.footer .nav-footer li:after {
 display: none;
}
}
@media (max-width:480px) {
body,html{min-width: 1280px;}
.header-logo {
 height: auto;
 padding: 1em 10%;
}
.header-logo .container {
 height: auto;
}
.header-logo .container a {
 width: 100%;
 height: 0;
 padding-bottom: 13.9%;
 margin-top: 0;
 position: relative;
}
.header-logo .container a img {
 position: absolute;
 left: 0;
 top: 0;
}
.nav-guide ul li a {
 font-size: 18px;
 padding: 0 .8em;
}
.search-header.hover {
 z-index: 520;
 width: 100%;
}
.extra-panels .panel.extra-about {
 left: 0;
 width: auto;
}
.story-widget {
 height: 240px;
}
.story-text-list {
 right: 0;
}
.story-text-list:before {
 background: rgba(17, 93, 138, .8);
}
.story-text-list li {
 left: 10px;
 right: 10px;
}
.front-page-main .front-page-a {
 display: block;
}
ul.article-list li {
 display: list-item;
}
.footer .info h1 {
 width: 80%;
 height: 0;
 padding-bottom: 11.12%;
 position: relative;
}
.footer .info h1 img {
 position: absolute;
 top: 0;
 left: 0;
}
.course-list li {
 width: 100%;
}
}
@media (max-width:340px) {
.edu-fp .edu-list li {
 float: none;
 width: auto;
}
.edu-fp .edu-list li:last-of-type {
 display: list-item;
}
.nav-guide ul {
 white-space: nowrap;
}
.nav-guide ul li {
 float: none;
 display: inline-block;
}
.nav-guide ul li a {
 font-size: 14px;
 padding: 0 .4em;
}
.interested-btn+.post-actions {
 margin-top: 1em;
}
article.page blockquote, article.post blockquote {
 margin: 1em 0;
}
article.page p, article.post p {
 text-indent: 0;
}
article.page p.indent, article.post p.indent {
 padding-left: 0;
}
article.page ol, article.page ul, article.post ol, article.post ul {
 padding-left: 1em;
}
}
.mute {
	display: none;
}
@media print {
article, article a {
	font-size: 10pt!important;
}
article a:after, aside.attachments a:after {
	font-family: dejavu sans mono, monaco, consolas, courier new, monospace;
}
body {
	background: #fff;
	color: #000;
}
.single-title, .single-title a, article .signature, article a, aside.attachments a {
	color: #000!important;
}
.breadcrumbs-container, .footer, .header-extra, .header-logo, .header-nav, .sidebar, .toolbar {
	display: none;
}
.container.col, .mute {
	display: block;
}
.single-title {
	text-align: center;
}
.single-title h1 {
	padding: 1em 1cm 0;
	margin: 0;
}
.single-title h1:after {
	display: none;
}
main.single {
	padding: 0 1cm;
}
.col, article.page, article.post {
	padding: 0;
}
main.single h2, main.single h3, main.single h4, main.single h5, main.single h6 {
	page-break-after: avoid;
}
main.single img, main.single td {
	page-break-inside: avoid;
}
article p {
	line-height: 1.8;
}
article a:after {
	font-size: 80%;
}
article a[href^="/"]:after {
 content: ' (http://www.teach.ustc.edu.cn' attr(href) ')';
}
article a[href*="://"]:after, article a[href^="//"]:after, aside.attachments a[href*="://"]:after, aside.attachments a[href^="//"]:after {
 content: ' (' attr(href) ')';
}
article .signature {
	border-color: grey!important;
}
aside.attachments {
	margin-bottom: 1em;
}
aside.attachments a {
	font-size: 10pt!important;
}
aside.attachments a:after {
	display: block;
	margin-left: 1.5em;
	font-size: 80%;
}
.category-calendar table tfoot, .interested-btn {
	display: none;
}
}
.no-csstransforms .angle, .no-svg .extra-about .party a:before {
	display: none;
}
.post-meta-print {
	font-size: 8pt;
	padding: 1em;
	margin: 0 1cm;
	border-bottom: 2px solid grey;
}
.touchevents ul.article-list li .cat-tags .cat-tag {
	padding: .2em .4em;
}
.no-svg .story-widget .container {
	background: url(/jwc/img/story-bg-ee215ea93e.jpg) 100% 100% no-repeat;
	z-index: 10;
}
.no-svg .quick-links .mis {
	background: url(/jwc/img/bg-link-mis-7904334ee1.jpg) right 10px no-repeat #115d8a;
}
.no-svg .quick-links .mis>ul {
	background: url(/jwc/img/bg-link-mis-7904334ee1.jpg) right 200px no-repeat;
}
.no-svg .quick-links .mis:hover {
	background: url(/jwc/img/bg-link-mis-7904334ee1.jpg) right -100px no-repeat #115d8a;
}
.no-svg .quick-links .mis:hover>ul {
	background: url(/jwc/img/bg-link-mis-7904334ee1.jpg) right 90px no-repeat #115d8a;
}
.no-svg .quick-links .bb {
	background: url(/jwc/img/bg-link-bb-e3c406a44d.jpg) right 0 no-repeat #19b5ca;
}
.no-svg .quick-links .ta {
	background: url(/jwc/img/bg-link-ta-f60a4f442a.jpg) right 0 no-repeat #ecc023;
}
.no-csstransforms ul.article-list li.new .date:after {
	font-size: 8px;
	top: -2px;
}
.no-rgba .toolbar .toolbar-container a {
	background: #ebf0f7;
}
.no-rgba .edu-fp .edu-list li a span {
	background: #19b5ca;
}
.no-rgba .quick-links .mis .sub-menu li a, .no-rgba .quick-links .mis .sub-menu li:before, .no-rgba .quick-links .mis>ul>li:before {
	color: #9fbed0;
}
.no-rgba input, .no-rgba textarea {
	background: #edf1f8;
	border: 1px solid;
	border-color: #c9d6e9 #eff3f9 #eff3f9 #c9d6e9;
}
.no-rgba input[type=button], .no-rgba input[type=submit], .no-rgba input[type=reset] {
	border-color: #eff3f9 #c9d6e9 #c9d6e9 #eff3f9;
}
.no-rgba .related-categories a {
	background-color: #f5f8fb;
}
.no-rgba .related-categories .current>a {
	color: #fff;
	background-color: #115d8a;
}
.no-rgba ul.article-list li.new .date:after {
	color: #fff;
}
.no-boxshadow .quick-links .more .more-links {
	border: 1px solid #ccc;
}
.no-boxshadow .extra-panels .panel, .no-boxshadow .guide-panels .panel {
	border: 1px solid #ccc;
	border-top: 0;
}
.no-boxshadow .notice-fp header .meta a {
	border: 1px solid #eee;
	border-width: 0 1px 1px 0;
}
.no-boxshadow .item-file-list li a {
	border: 1px solid #eee;
}
.no-opacity .story-img-list li.show {
	visibility: visible;
}
.no-backgroundsize .story-img-list li img {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}
.no-cssgradients .common-title h1:after, .no-cssgradients .notice-fp header:after {
	background: #115d8a;
}
.no-cssgradients .extra-about .party {
	background: #f44602;
}
.no-csstransitions .search-header .search-extra {
	visibility: visible;
	display: none;
}
.no-csstransitions .search-header:hover .search-extra {
	display: block;
}
.no-csstransitions .toolbar .toolbar-container a.top {
	visibility: visible;
	display: none;
}
.no-csstransitions .toolbar .toolbar-container.visible a.top, .no-flexwrap ul.sitemap-list {
	display: block;
}
.no-flexwrap .col {
	position: relative;
	zoom: 1;
}
.no-flexwrap main.main {
	margin-left: 180px;
	zoom: 1;
}
.no-flexwrap main.single {
	margin-right: 260px;
	zoom: 1;
}
.no-flexwrap aside.sidebar.sidebar-a {
	position: absolute;
	top: 0;
	left: 0;
}
.no-flexwrap aside.sidebar.sidebar-b {
	position: absolute;
	top: 0;
	right: 0;
}
.no-flexwrap .service aside.sidebar.sidebar-a {
	width: 120px;
}
.no-flexwrap .document aside.sidebar.sidebar-a, .no-flexwrap .download aside.sidebar.sidebar-a {
	width: 200px;
}
.no-flexwrap .service main.main {
	margin-left: 140px;
}
.no-flexwrap .document main.main {
	margin-left: 220px;
}
.no-flexwrap .download main.main {
	margin-left: 220px;
	margin-right: 260px;
}
.no-flexwrap .exchange aside.sidebar.sidebar-a {
	width: 120px;
}
.no-flexwrap .exchange main.main {
	margin-left: 140px;
}
.no-flexwrap .exchange main.main .list:after, .no-flexwrap .exchange main.main .list:before {
	content: " ";
	display: table;
}
.no-flexwrap .exchange main.main .list .featured-image {
	width: 50%;
	float: left;
}
.no-flexwrap ul.sitemap-list>li {
	float: left;
	height: 15em;
}
.no-flexwrap article.page .item-file-list, .no-flexwrap article.page .stafflist, .no-flexwrap article.post .item-file-list, .no-flexwrap article.post .stafflist {
	display: block;
}
.no-flexwrap article.page .stafflist:after, .no-flexwrap article.page .stafflist:before, .no-flexwrap article.post .stafflist:after, .no-flexwrap article.post .stafflist:before {
	content: " ";
	display: table;
}
.no-flexwrap article.page .stafflist li, .no-flexwrap article.post .stafflist li {
	float: left;
	min-height: 320px;
}
.no-flexwrap .course-list {
	zoom: 1;
}
.no-flexwrap .course-list li {
	width: 25%;
	float: left;
}
.no-flexwrap body.category-featured main.main {
	margin-left: 0;
}
.no-flexwrap .featured-image-list {
	overflow: hidden;
	zoom: 1;
}
.no-flexwrap .featured-image-list li {
	width: 50%;
	float: left;
}
.no-flexwrap .featured-image-list li img {
	height: 150px;
}
.no-flexwrap .x-template-flex>* {
	float: left;
	width: 50%!important;
}
.no-flexwrap .x-template-flex>:nth-of-type(2n-1) {
 clear: left;
}
@media (max-width:1024px) {
.no-flexwrap .front-page-main .front-page-a .notice-fp {
 width: 60%;
 margin: 0;
}
.no-flexwrap .front-page-main .front-page-a .notice-fp ul.article-list li {
 float: left;
 width: 50%;
}
.no-flexwrap .front-page-main .front-page-a .quick-links {
 width: 36%;
}
}
@media (max-width:768px) {
.no-flexwrap .front-page-main .front-page-a .notice-fp {
 width: auto;
 float: none;
 margin: 0;
}
.no-flexwrap .front-page-main .front-page-a .notice-fp ul.article-list {
 display: block;
}
.no-flexwrap .front-page-main .front-page-a .notice-fp ul.article-list:after, .no-flexwrap .front-page-main .front-page-a .notice-fp ul.article-list:before {
 content: " ";
 display: table;
}
.no-flexwrap .container .col, .no-flexwrap .guide-panels .panel {
 display: block;
}
.no-flexwrap .front-page-main .front-page-a .notice-fp ul.article-list:after {
 clear: both;
}
.no-flexwrap .front-page-main .front-page-a .notice-fp ul.article-list li {
 float: left;
 width: 50%;
}
.no-flexwrap .front-page-main .front-page-a .quick-links {
 float: none;
 width: auto;
}
.no-flexwrap main.main {
 margin: auto .5em;
}
.no-flexwrap main.single {
 margin: auto;
}
.no-flexwrap aside.sidebar.sidebar-a, .no-flexwrap aside.sidebar.sidebar-b {
 position: static;
}
.no-flexwrap article.page .stafflist li, .no-flexwrap article.post .stafflist li {
 width: 33%;
 min-width: 150px;
}
.no-flexwrap .document aside.sidebar.sidebar-a, .no-flexwrap .download aside.sidebar.sidebar-a, .no-flexwrap .exchange aside.sidebar.sidebar-a, .no-flexwrap .service aside.sidebar.sidebar-a {
 width: auto;
}
.no-flexwrap .document main.main, .no-flexwrap .download main.main, .no-flexwrap .exchange main.main, .no-flexwrap .service main.main {
 margin: auto 1em;
}
.no-flexwrap .exchange .main .sub-exchange {
 padding-bottom: 1em;
}
.no-flexwrap .guide-panels .panel .widget_nav_menu, .no-flexwrap .guide-panels .panel .widget_text {
 min-width: 120px;
 padding: .8em;
 width: 50%;
}
}
@media (max-width:480px) {
.no-flexwrap .footer .nav-footer ul, .no-flexwrap .front-page-main .front-page-a .notice-fp ul.article-list {
 display: block;
}
.no-flexwrap .front-page-main .front-page-a .notice-fp ul.article-list li {
 width: auto;
 float: none;
}
.no-flexwrap .footer .nav-footer {
 margin-top: 1em;
}
.no-flexwrap .footer .nav-footer li {
 display: inline-block;
 white-space: nowrap;
}
.no-flexwrap .footer .nav-footer li a {
 display: block;
 padding: .4em 1em;
}
.no-flexwrap article.page .stafflist li, .no-flexwrap article.post .stafflist li {
 float: none;
 width: 100%;
}
}