@charset "utf-8";

body {
	font-family: 微軟正黑體;
	font-size: 15px;
	background: #FFF
}

a {
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	color: #4da0ff;
	text-decoration: none;
}

button {
	border: 0
}

li a,
div,
span,
li,
#header .header-nav-main nav>ul>li>a.dropdown-toggle {
	font-family: 微軟正黑體;
	font-size: 15px;
}

form {
	margin: 0;
	padding: 0;
	/* 要加overflow: hidden 因為裡面有float: left */
	overflow: hidden;
}

input,
select,
button,
textarea {
	font-family: Verdana, sans-serif, Microsoft JhengHei;
	letter-spacing: 1px;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #222;
	background: #FFF;
	outline: none;
	padding: 5px 10px;
}

input {
	-webkit-appearance: none;
}

textarea {
	min-height: 180px;
}

select {
	-webkit-appearance: none;
	/* Webkit */
	-moz-appearance: none;
	/* FF */
	-ms-appearance: none;
	/* Edge */
	appearance: none;
	background: url(images/arrow.png) no-repeat scroll right center transparent;
	padding: 5px 30px 5px 10px;
	font-size: 15px;
	background-color: #FFF;
}

.front_main {
	max-width: 1440px;
	margin: 0 auto;
}

header {
	z-index: 999;
	position: fixed;
	width: 100%;
	line-height: 100px;
	height: 100px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #FFF;
}

header img {
	max-width: 400px;
	padding: 20px 10px
}

header.sticky {
	z-index: 999;
	line-height: 60px;
	height: 60px;
	background: #FFF;
	text-align: left;
	border-bottom-color: #e9e9e9;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

header.sticky img {
	max-width: 300px;
	padding: 10px
}


.input-group-btn {
	top: 5px;
}


/* 首頁最新消息、臉書 開始 */
.news,
.fb_frame {
	float: left;
}

.news {
	/* v_01、v_02 */
	width: calc(100% - (330px + 15px));
	/* v_02 */
	padding: 0 15px;
	margin: 0 0 20px 0;
}

.fb_frame {
	/* v_01 */
	width: 330px;
}


.news_main_title {
	background: #0153a9;
	color: #fff;
	font-size: 15px;
	border-radius: 4px;
	padding: 5px 10px;
	font-weight: bold;
	letter-spacing: 1px;
}

.news .news_title {
	margin: 0 10px;
	/* v_05 */
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
}

.news .news_title a {
	display: flex;
	align-items: center;
}

.news .news_title a::before {
	font-family: FontAwesome;
	content: "\f0a1";
	display: inline-block;
	font-weight: normal;
	font-size: inherit;
}

.news .news_title a .news_name {
	flex: 1;
	font-size: inherit;
	padding: 0 30px 0 10px;
}

.news .news_title a .news_date {
	display: inline-block;
	font-size: inherit;
}

.news .img_news {
	margin: 0;
	padding: 0;
}

.news .img_news a {
	display: block;
	position: relative;
	padding: 10px;
}

.news .img_news a::before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #6a60a9;
	border-radius: 6px;
	opacity: 0;
	transition: all 0.4s;
}

.news .img_news a:hover::before {
	opacity: 0.2;
}

.news .img_news a img {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 4px;
}

.news .img_news a div {
	font-size: 17px;
	padding: 10px 0;
}


@media (max-width:992px) {
	.news .img_news a div {
		text-align: center;
	}
}

@media (max-width:780px) {

	.news,
	.fb_frame {
		float: none;
	}

	.news {
		width: 100%;
	}

	.news .news_title a .news_name {
		padding: 0 10px 0 10px;
	}
}

/* 首頁最新消息、臉書 結束 */



/* 首頁最新消息Grid設計 開始 */
.news {
	display: grid;
	/* v_05 */
	grid-gap: 15px;
	grid-template-columns: 1fr 1fr 1fr;
}

.news_main_title,
.news .news_title {
	grid-column-start: 1;
	grid-column-end: 4;
}


@media (max-width:1200px) {
	.news {
		grid-template-columns: 1fr 1fr;
	}

	.news_main_title,
	.news .news_title {
		grid-column-start: 1;
		grid-column-end: 3;
	}
}

@media (max-width:992px) {
	.news {
		grid-template-columns: 1fr;
	}

	.news_main_title,
	.news .news_title {
		grid-column-start: 1;
		grid-column-end: 2;
	}
}

/* 首頁最新消息Grid設計 結束 */



/* 圖示連結 */
img.logo {
	with: 300px;
	height: 100px;
}

.top_right {
	display: none
}

#login_page {
	width: 30%;
	margin: 3% auto;
	border-radius: 5px;
	border: 1px solid #CCC;
	padding: 5px;
	min-height: 300px;
}

#login_page div {
	float: left;
	width: 100%;
	margin: 3px 0%
}

#login_page div input {
	width: 100%
}

#login_page .title {
	width: 100%;
	background: #000;
	border-radius: 5px 5px 0 0;
	color: #FFF;
	text-align: center;
	padding: 5px;
}

/* footer */
#footer {
	width: 100%;
	background: #1d3b65;
	min-height: 300px;
	margin: 100px 0 0 0;
}

#footer div {
	width: 100%;
	padding: 1%;
	float: left;
	color: #EEE;
	background: #1d3b65;
}

#footer div h4 {
	color: #FFF;
	font-size: 1.7em;
}

#footer div .contact p {
	color: #fff
}

#footer .contact div {
	float: left;
}

#footer .contact div.first {
	width: 6%;
}

#footer .contact div i {
	margin-top: 5px;
}

#footer .contact div.second {
	width: 20%;
}

#footer .contact div.third {
	width: 74%;
}

#copyright {
	width: 100%;
	background: #182a42;
	float: left
}

#copyright div {
	float: left;
	width: 98%;
	padding: 1% 1% 0 1%;
}

#sub-menu {
	text-align: right;
}

#footer div a,
#sub-menu a {
	color: #fff;
}

#sub-menu ul li {
	display: inline;
	border-right: 1px solid #fff;
	padding: 0px 10px;
	font-size: 0.7em
}

#sub-menu ul li:last-child {
	border: none;
}

.scrollTop {
	position: fixed;
	right: 30px;
	bottom: 40px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	font-size: 1.8em;
	padding: 5px 0 0 10px;
	text-decoration: none;
	width: 40px;
	height: 40px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20);
	transition: all 0.4s ease-in-out 0s;
	cursor: pointer;
}

header .top_right .login {
	display: none;
}

header .mb_login {
	display: block;
	height: 35px;
	line-height: 35px;
	float: right;
	margin: 5px 5px;
	padding: 0px 10px;
	border: 1px solid #c9c3ec;
	border-radius: 20px;
}

header .mb_login span {
	margin-left: 5px;
	padding: 2px 5px;
	border-left: 1px solid #c9c3ec
}

#login_main {
	width: 70%;
	margin: 10% 0 0 20%;
	padding: 2%;
	height: 300px;
	border-radius: 10px;
}

#login_main input {
	padding: 5px;
	line-height: 25px;
}

#login_main .login,
#login_main .logo {
	float: left;
	padding: 2% 2%;
	background: none
}

#login_main .logo {
	text-align: center;
	width: 50%
}

#login_main .logo img {
	max-width: 90%;
	margin-top: 7%
}

#login_main .logo .new {
	background: #0153a9;
	color: #FFF;
	cursor: pointer
}

#login_main .logo h3 {
	line-height: 0px;
	letter-spacing: 2px;
}

#login_main .login div {
	margin: 10px
}

#login_main .login {
	border-left: 1px solid #ccc;
	width: 40%
}

img.ckcode1,
img.ckcode2 {
	height: 30px;
	position: relative;
	top: 0px;
	left: 5px;
	cursor: pointer
}

#login_main img.ckcode1,
#login_main img.ckcode2 {
	height: 30px;
	top: 9px;
	left: 5px;
}

#login_main input.ckcode3 {
	width: 70px;
}

#login_main .login .btn {
	width: 200px;
	margin-bottom: 5px;
	color: #FFF;
	background: #0153a9;
	padding: 5px 0;
	cursor: pointer
}

#login_main .login .fw {
	background: #0153a9
}

#login_main .login .chg {
	background: #768115
}

#login_main .login .fb {
	background: #3b5998
}

#login_main .login .gl {
	background: #e44134
}


/* 期刊卷期頁面 開始 */
.jou01 {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

.jou02 {
	margin: 0 0 0 220px;
	padding: 0;
}

.jou02 form {
	display: inline-block;
}

.jou02 form input[type="text"] {
	height: 34px;
	margin: 5px 0;
}

.jou02 form select {
	height: 34px;
	margin: 5px 0;
}

@media (max-width:600px) {
	.jou01 {
		float: none;
		width: 100%;
	}

	.jou02 {
		margin: 0 0 0 0;
	}

	.jou02 form {
		display: grid;
		grid-template-columns: 1fr auto;
	}
}

/* 期刊卷期頁面 結束 */


#main_cen {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 10px;
}

/* table_list 開始 */
#main_cen .table_list table {
	width: 100%;
	clear: both;
}

#main_cen .table_list table tr:nth-child(even) {
	background: #f1effb;
}

#main_cen .table_list table tr th,
#main_cen .table_list table tr td {
	border: #ccc 1px solid;
	min-width: 50px;
	color: #333;
	font-size: 15px;
	padding: 10px;
}

#main_cen .table_list table tr th {
	text-align: center;
	background: #768F8F;
	color: #FFF;
	word-break: keep-all;
}

#main_cen .table_list table tr td.left {
	text-align: left;
}

#main_cen .table_list table tr td a:hover {
	color: #0153a9
}

/* table_list 結束 */


/* 會議列表 table_event_list 開始 */
#main_cen .table_list.table_event_list table tr td[data-label="日期"] {
	min-width: 200px;
}

#main_cen .table_list.table_event_list table tr td[data-label="報名 / 名額"] {
	min-width: 110px;
}

#main_cen .table_list.table_event_list table tbody tr td[data-label="狀態"] {
	min-width: 90px;
}

#main_cen .table_list.table_event_list table tbody tr td[data-label="狀態"],
#main_cen .table_list.table_event_list table tbody tr td[data-label="功能"] {
	text-align: center;
}

@media (max-width:1450px) {
	#main_cen .table_list.table_event_list table tbody tr td[data-label="日期"] {
		grid-area: td_a;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="名稱"] {
		grid-area: td_b;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="基礎"] {
		grid-area: td_c;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="進階"] {
		grid-area: td_d;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="個人會員"] {
		grid-area: td_e;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="學生會員"] {
		grid-area: td_f;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="永久會員"] {
		grid-area: td_g;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="團體會員"] {
		grid-area: td_h;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="學會之友"] {
		grid-area: td_i;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="報名 / 名額"] {
		grid-area: td_j;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="狀態"] {
		grid-area: td_k;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="功能"] {
		grid-area: td_l;
	}

	#main_cen .table_list.table_event_list table,
	#main_cen .table_list.table_event_list table tbody {
		display: block;
	}

	#main_cen .table_list.table_event_list table thead {
		display: none;
	}

	#main_cen .table_list.table_event_list table tbody tr:nth-child(odd) {
		background: #f1effb;
	}

	#main_cen .table_list.table_event_list table tbody tr:nth-child(even) {
		background: #fff;
	}

	#main_cen .table_list.table_event_list table tbody tr td {
		border: none;
		vertical-align: top;
		text-align: center;
	}

	#main_cen .table_list.table_event_list table tbody tr td::before {
		content: attr(data-label);
		display: block;
		padding: 5px 0;
		color: #768F8F;
		font-weight: bold;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="日期"],
	#main_cen .table_list.table_event_list table tbody tr td[data-label="基礎"],
	#main_cen .table_list.table_event_list table tbody tr td[data-label="進階"],
	#main_cen .table_list.table_event_list table tbody tr td[data-label="個人會員"],
	#main_cen .table_list.table_event_list table tbody tr td[data-label="學生會員"],
	#main_cen .table_list.table_event_list table tbody tr td[data-label="永久會員"],
	#main_cen .table_list.table_event_list table tbody tr td[data-label="團體會員"],
	#main_cen .table_list.table_event_list table tbody tr td[data-label="學會之友"],
	#main_cen .table_list.table_event_list table tbody tr td[data-label="報名 / 名額"],
	#main_cen .table_list.table_event_list table tbody tr td[data-label="狀態"] {
		border-bottom: 1px dashed #666;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="名稱"]::before,
	#main_cen .table_list.table_event_list table tbody tr td[data-label="功能"]::before {
		display: none;
	}

	#main_cen .table_list.table_event_list table tbody tr td .btn01,
	#main_cen .table_list.table_event_list table tbody tr td .btn02 {
		padding: 6px 25px;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="名稱"] {
		text-align: left;
		font-size: 18px;
		font-weight: bold;
		padding-top: 20px;
		padding-left: 10px;
	}

	#main_cen .table_list.table_event_list table tbody tr {
		display: grid;
		gap: 0px;
		grid-template-areas:
			'td_b td_b td_b td_b td_b'
			'td_a td_j td_k td_c td_d'
			'td_e td_f td_g td_h td_i'
			'td_l td_l td_l td_l td_l';
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

	}

}

@media (max-width:1200px) {
	#main_cen .table_list.table_event_list table tbody tr td {
		text-align: left;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="日期"] {
		padding-top: 20px;
		border-bottom: none;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="名稱"] {
		padding-top: 0;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="狀態"] {
		padding: 10px 0 10px 0;
		border-bottom: none;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="功能"] {
		padding: 10px 0 0 0;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="日期"]::before {
		display: inline-block;
		margin-right: 5px;
	}

	#main_cen .table_list.table_event_list table tbody tr td[data-label="狀態"]::before {
		display: none;
	}

	#main_cen .table_list.table_event_list table tbody tr {
		display: grid;
		gap: 0px;
		grid-template-areas:
			'td_a td_a td_a'
			'td_b td_b td_b'
			'td_j td_c td_d'
			'td_e td_f td_g'
			'td_h td_i td_i'
			'td_l td_l td_l'
			'td_k td_k td_k';
		grid-template-columns: 1fr 1fr 1fr;

	}
}

/* 會議列表 table_event_list 結束 */



/* 歷史會議 table_event_history 開始 */
#main_cen .table_list.table_event_history table tr td[data-label="日期"] {
	min-width: 200px;
}

@media (max-width:1450px) {
	#main_cen .table_list.table_event_history table tbody tr td[data-label="日期"] {
		grid-area: td_a;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="名稱"] {
		grid-area: td_b;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="基礎"] {
		grid-area: td_c;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="進階"] {
		grid-area: td_d;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="個人會員"] {
		grid-area: td_e;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="學生會員"] {
		grid-area: td_f;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="永久會員"] {
		grid-area: td_g;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="團體會員"] {
		grid-area: td_h;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="學會之友"] {
		grid-area: td_i;
	}

	#main_cen .table_list.table_event_history table,
	#main_cen .table_list.table_event_history table tbody {
		display: block;
	}

	#main_cen .table_list.table_event_history table thead {
		display: none;
	}

	#main_cen .table_list.table_event_history table tbody tr:nth-child(odd) {
		background: #f1effb;
	}

	#main_cen .table_list.table_event_history table tbody tr:nth-child(even) {
		background: #fff;
	}

	#main_cen .table_list.table_event_history table tbody tr td {
		border: none;
		vertical-align: top;
		text-align: center;
	}

	#main_cen .table_list.table_event_history table tbody tr td::before {
		content: attr(data-label);
		display: block;
		padding: 5px 0;
		color: #768F8F;
		font-weight: bold;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="日期"],
	#main_cen .table_list.table_event_history table tbody tr td[data-label="基礎"],
	#main_cen .table_list.table_event_history table tbody tr td[data-label="進階"],
	#main_cen .table_list.table_event_history table tbody tr td[data-label="個人會員"],
	#main_cen .table_list.table_event_history table tbody tr td[data-label="學生會員"],
	#main_cen .table_list.table_event_history table tbody tr td[data-label="永久會員"],
	#main_cen .table_list.table_event_history table tbody tr td[data-label="團體會員"],
	#main_cen .table_list.table_event_history table tbody tr td[data-label="學會之友"] {
		border-bottom: 1px dashed #666;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="名稱"]::before {
		display: none;
	}

	#main_cen .table_list.table_event_history table tbody tr td .btn01,
	#main_cen .table_list.table_event_history table tbody tr td .btn02 {
		padding: 6px 25px;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="名稱"] {
		text-align: left;
		font-size: 18px;
		font-weight: bold;
		padding-top: 20px;
		padding-left: 10px;
	}

	#main_cen .table_list.table_event_history table tbody tr {
		display: grid;
		gap: 0px;
		grid-template-areas:
			'td_b td_b td_b td_b td_b'
			'td_a td_a td_a td_c td_d'
			'td_e td_f td_g td_h td_i';
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

	}

}

@media (max-width:1200px) {
	#main_cen .table_list.table_event_history table tbody tr td {
		text-align: left;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="日期"] {
		padding-top: 20px;
		border-bottom: none;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="名稱"] {
		padding-top: 0;
	}

	#main_cen .table_list.table_event_history table tbody tr td[data-label="日期"]::before {
		display: inline-block;
		margin-right: 5px;
	}

	#main_cen .table_list.table_event_history table tbody tr {
		display: grid;
		gap: 0px;
		grid-template-areas:
			'td_a td_a td_a'
			'td_b td_b td_b'
			'td_c td_d td_d'
			'td_e td_f td_g'
			'td_h td_i td_i';
		grid-template-columns: 1fr 1fr 1fr;

	}
}

/* 歷史會議 table_event_history 結束 */



/* 師資名單 table_tqa_list 開始 */
#main_cen .table_list.table_tqa_list table tr td[data-label="地區"] {
	min-width: 60px;
}

#main_cen .table_list.table_tqa_list table tr td[data-label="師資證書號"] {
	min-width: 160px;
}

#main_cen .table_list.table_tqa_list table tr td[data-label="姓名"] {
	min-width: 100px;
}

@media (max-width:780px) {
	#main_cen .table_list.table_tqa_list table tbody tr td[data-label="地區"] {
		grid-area: td_a;
	}

	#main_cen .table_list.table_tqa_list table tbody tr td[data-label="師資證書號"] {
		grid-area: td_b;
	}

	#main_cen .table_list.table_tqa_list table tbody tr td[data-label="姓名"] {
		grid-area: td_c;
	}

	#main_cen .table_list.table_tqa_list table tbody tr td[data-label="現職機構"] {
		grid-area: td_d;
	}

	#main_cen .table_list.table_tqa_list table tbody tr td[data-label="單位名稱"] {
		grid-area: td_e;
	}

	#main_cen .table_list.table_tqa_list table,
	#main_cen .table_list.table_tqa_list table tbody {
		display: block;
	}

	#main_cen .table_list.table_tqa_list table thead {
		display: none;
	}

	#main_cen .table_list.table_tqa_list table tbody tr:nth-child(odd) {
		background: #f1effb;
	}

	#main_cen .table_list.table_tqa_list table tbody tr:nth-child(even) {
		background: #fff;
	}

	#main_cen .table_list.table_tqa_list table tbody tr td {
		border: none;
		vertical-align: top;
		border-left: 1px solid #ccc;
	}

	#main_cen .table_list.table_tqa_list table tbody tr td::before {
		content: attr(data-label);
		display: block;
		padding: 5px 0;
		color: #768F8F;
		font-weight: bold;
	}

	#main_cen .table_list.table_tqa_list table tbody tr td[data-label="姓名"]::before {
		display: none;
	}

	#main_cen .table_list.table_tqa_list table tbody tr td[data-label="姓名"] {
		font-size: 18px;
		border-left: none;
		text-align: center;
		align-self: center;
	}

	#main_cen .table_list.table_tqa_list table tbody tr {
		display: grid;
		gap: 0px;
		grid-template-areas:
			'td_c td_a td_a'
			'td_c td_b td_b'
			'td_c td_d td_d'
			'td_c td_e td_e';
		grid-template-columns: 1fr 1fr 1fr;

	}
}

/* 師資名單 table_tqa_list 結束 */


/* table_view 開始 */
#main_cen .table_view table {
	width: 100%;
	clear: both;
}

#main_cen .table_view table tr:nth-child(even) {
	background: #f1effb;
}

#main_cen .table_view table tr th,
#main_cen .table_view table tr td {
	border: #ccc 1px solid;
	min-width: 50px;
	color: #333;
	font-size: 15px;
	padding: 10px;
}

#main_cen .table_view table tr th {
	text-align: center;
	background: #768F8F;
	color: #FFF;
	word-break: keep-all;
}

#main_cen .table_view table tr td.left {
	text-align: left;
}

#main_cen .table_view table tr td a:hover {
	color: #0153a9
}

#main_cen .table_view table tr th {
	width: 200px;
	text-align: right;
}

#main_cen .table_view table tr td[data-label="研討會說明"] {
	background: #fff;
}

#main_cen .table_view table tr td .page_view {
	background: #6a60a9;
	color: #fff;
	border-radius: 4px;
	padding: 6px 10px;
	display: none;
}

#main_cen .table_view table tr td .page_view:hover {
	background: #0153a9;
	color: #fff;
}

#main_cen .table_view table tr td iframe {
	display: block;

}

@media (max-width:992px) {

	#main_cen .table_view table,
	#main_cen .table_view table tbody,
	#main_cen .table_view table tr,
	#main_cen .table_view table tr th,
	#main_cen .table_view table tr td {
		display: block;
	}

	#main_cen .table_view table tr th,
	#main_cen .table_view table tr td {
		border: none;
	}

	#main_cen .table_view table tr th {
		width: 100%;
		background: transparent;
		color: #768F8F;
		font-size: 17px;
		text-align: left;
	}

	#main_cen .table_view table tr td {
		padding: 0 10px 20px 10px;
	}

	#main_cen .table_view table tr td[data-label="研討會說明"] {
		background: none;
	}

	#main_cen .table_view table tr td .page_view {
		display: inline-block;
	}

	#main_cen .table_view table tr td iframe {
		display: none;
	}

}

/* table_view 結束 */



/* table_cont 開始 */
#main_cen .table_cont table {
	width: 100%;
}

#main_cen .table_cont table tr td {
	border: 0;
	padding: 10px 0px 0px 0px;
}

#main_cen .table_cont table tr td h1 {
	font-size: 130%;
	color: #6a60a9;
	font-weight: bold;
	line-height: 130%;
}

/* table_cont 結束 */


/* table_edit 開始 */
#main_cen .table_edit table {
	width: 100%;
}

#main_cen .table_edit table tr th {
	font-size: 15px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #e6e4f9;
	color: #6a60a9;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

#main_cen .table_edit table tr td {
	font-size: 15px;
	padding: 10px;
	border: 1px solid #ccc;
}

#main_cen .table_edit table tr td:nth-child(odd) {
	background: #f5f8fd;
	width: 150px;
}

#main_cen .table_edit table tr td input,
#main_cen .table_edit table tr td input[type="text"],
#main_cen .table_edit table tr td input[type="password"],
#main_cen .table_edit table tr td textarea {
	width: 100%;
	font-size: 15px;
	background-color: #f5f8fd;
	border: 1px solid #f5f8fd;
}

#main_cen .table_edit table tr td input[type="text"]::placeholder,
#main_cen .table_edit table tr td input[type="password"]::placeholder {
	font-size: 13px;
}

#main_cen .table_edit table tr td input[type="text"] {
	text-overflow: ellipsis;
}

#main_cen .table_edit table tr td input.mem {
	width: 100%;
	max-width: 200px;
}

/* 郵遞區號、生日、驗證碼 */
#main_cen .table_edit table tr td input.w120 {
	width: 100px;
}

#main_cen .table_edit table tr td input[disabled] {
	cursor: not-allowed;
	background-color: #eee;
}

#main_cen .table_edit table tr td select {
	font-size: 15px;
	background-color: #f6f3f6;
	border: 1px solid #f6f3f6;
}

#main_cen .table_edit table tr td .file_upload input {
	width: 50%;
	border: 1px solid #CCC;
	height: 34px;
}

#main_cen .table_edit table tr td.white_bg {
	background: #fff url(images/table_bg.png) repeat !important;
	padding: 20px !important;
}

#main_cen .table_edit table tr td.white_bg>b {
	display: inline-block;
	color: #768F8F;
	margin: 0 0 10px 0;
}

#main_cen .table_edit table tr td.white_bg>b::before {
	font-family: FontAwesome;
	content: "\f0ce";
	display: inline-block;
	margin: 0 5px 0 2px;
	font-weight: normal;
}


@media (max-width:1200px) {

	#main_cen .table_edit table,
	#main_cen .table_edit table thead,
	#main_cen .table_edit table tbody,
	#main_cen .table_edit table tbody tr,
	#main_cen .table_edit table tbody tr,
	#main_cen .table_edit table tbody tr th,
	#main_cen .table_edit table tbody tr td {
		display: block;
		width: 100%;
	}

	#main_cen .table_edit table tr td:nth-child(odd) {
		background: #fff;
		width: 100%;
		border-bottom: none;
		color: #6a60a9;
		font-weight: bold;
		padding: 10px 10px 0 10px;
	}

	#main_cen .table_edit table tr td:nth-child(even) {
		border-top: none;
	}
}

/* table_edit 結束 */



/* table_fee 開始 */
#main_cen .table_fee table {
	width: 100%;
}

#main_cen .table_fee table tr:nth-child(odd) {
	background: #f1effb;
}

#main_cen .table_fee table tr:nth-child(even) {
	background: #fff;
}

#main_cen .table_fee table tr th {
	background: #e6e4f9;
	color: #333;
	border: 1px solid #ccc;
	padding: 5px 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

#main_cen .table_fee table tr td::before {
	content: attr(data-label);
	padding: 5px 0;
	color: #6a60a9;
	font-weight: bold;
	display: none;
}

#main_cen .table_fee table tr td {
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: top;
}





@media (max-width:992px) {

	#main_cen .table_fee table,
	#main_cen .table_fee table tbody,
	#main_cen .table_fee table tbody tr,
	#main_cen .table_fee table tbody tr td {
		display: block;
	}

	#main_cen .table_fee table tr:nth-child(odd) {
		background: #fff;
	}

	#main_cen .table_fee table tr:nth-child(even) {
		background: #f1effb;
	}

	#main_cen .table_fee table tr th {
		display: none;
	}


	#main_cen .table_fee table tr td {
		border-top: none;
		border-bottom: none;
	}

	#main_cen .table_fee table tr td:first-child {
		border-top: 1px solid #ccc;
	}

	#main_cen .table_fee table tr td:last-child {
		border-bottom: 1px solid #ccc;
		padding: 30px 10px;
	}

	#main_cen .table_fee table tr td::before {
		display: block;
	}

	#main_cen .table_fee table tr td[data-label="功能"] {
		text-align: center;
	}

	#main_cen .table_fee table tr td[data-label="功能"]::before {
		display: none;
	}

}

/* table_fee 結束 */



/* 購物車 table_cart 開始 */
.table_cart table:nth-child(1),
.table_cart table:nth-child(1) tbody,
.table_cart table:nth-child(1) tbody tr,
.table_cart table:nth-child(1) tbody tr th,
.table_cart table:nth-child(1) tbody tr td,
.table_cart table:nth-child(2),
.table_cart table:nth-child(2) tbody,
.table_cart table:nth-child(2) tbody tr,
.table_cart table:nth-child(2) tbody tr th,
.table_cart table:nth-child(2) tbody tr td {
	display: block;
}

.table_cart table:nth-child(1),
.table_cart table:nth-child(2) {
	width: 100%;
}

.table_cart table:nth-child(1) tbody tr td:nth-child(1) {
	grid-area: top_td_1;
}

.table_cart table:nth-child(1) tbody tr td:nth-child(1) .account {
	width: 16px;
	height: 16px;
	padding: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.table_cart table:nth-child(1) tbody tr td:nth-child(2) {
	grid-area: top_td_2;
}

.table_cart table:nth-child(1) tbody tr td:nth-child(3) {
	grid-area: top_td_3;
}

.table_cart table:nth-child(1) tbody tr td:nth-child(4) {
	grid-area: top_td_4;
}

.table_cart table:nth-child(2) tbody tr td:nth-child(1) {
	grid-area: bottom_td_1;
}

.table_cart table:nth-child(2) tbody tr td:nth-child(2) {
	grid-area: bottom_td_2;
}

.table_cart table:nth-child(2) tbody tr td:nth-child(3) {
	grid-area: bottom_td_3;
}

.table_cart table:nth-child(2) tbody tr td:nth-child(4) {
	grid-area: bottom_td_4;
}

.table_cart table:nth-child(2) tbody tr td:nth-child(4) input[type="text"] {
	width: 100%;
}

.table_cart table:nth-child(1) tbody tr {
	display: grid;
	grid-gap: 0px;
	grid-template-areas: 'top_td_1 top_td_2 top_td_3 top_td_4';
	grid-template-columns: 50px 160px 1fr 300px;
}

.table_cart table:nth-child(2) tbody tr {
	display: grid;
	grid-gap: 0px;
	grid-template-areas: 'bottom_td_1 bottom_td_2 bottom_td_3 bottom_td_4';
	grid-template-columns: 50px 160px 1fr 300px;
}

.table_cart table:nth-child(1) tbody tr th {
	background: #e6e4f9;
	color: #333;
	border: 1px solid #ccc;
	padding: 5px 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.table_cart table:nth-child(1) tbody tr td,
.table_cart table:nth-child(2) tbody tr td {
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: top;
}

.table_cart table:nth-child(2) tbody tr td .discount {
	background: #0153a9;
	border-radius: 4px;
}

.table_cart table:nth-child(2) tbody tr td .discount a {
	display: inline-block;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	white-space: normal;
	background-color: transparent;

}

.table_cart table:nth-child(2) tbody tr td.right {
	text-align: right
}

.table_cart table:nth-child(2) tbody tr td.point {
	font-weight: bold;
	color: #000
}

.table_cart table:nth-child(2) tbody tr td.red {
	color: #f00
}

.table_cart table:nth-child(2) tbody tr td.no_border {
	border: 0
}

.table_cart table:nth-child(2) tbody tr td textarea {
	width: 100%
}


@media (max-width:1200px) {
	.table_cart table:nth-child(1) tbody tr {
		grid-template-areas:
			'top_td_1 top_td_2 top_td_4'
			'top_td_1 top_td_3 top_td_4';
		grid-template-columns: 50px 1fr 300px;
	}

	.table_cart table:nth-child(1) tbody tr th:nth-child(2) {
		display: none;
	}

	.table_cart table:nth-child(2) tbody tr {
		grid-template-areas: 'bottom_td_3 bottom_td_4';
		grid-template-columns: 1fr 300px;
	}

	.table_cart table:nth-child(1) tbody tr td:nth-child(2) {
		padding-bottom: 0px !important;
		border-bottom: none !important;
		font-size: 13px;
	}

	.table_cart table:nth-child(1) tbody tr td:nth-child(3) {
		padding-top: 0px !important;
		border-top: none !important;
	}

	.table_cart table:nth-child(2) tbody tr td:nth-child(1),
	.table_cart table:nth-child(2) tbody tr td:nth-child(2) {
		display: none;
	}
}

@media (max-width:780px) {
	.table_cart table:nth-child(1) tbody tr {
		grid-template-areas:
			'top_td_1 top_td_2'
			'top_td_1 top_td_3'
			'top_td_1 top_td_4';
		grid-template-columns: 50px 1fr;
	}

	.table_cart table:nth-child(1) tbody tr th:nth-child(4) {
		display: none;
	}

	.table_cart table:nth-child(2) tbody tr {
		grid-template-areas:
			'bottom_td_3'
			'bottom_td_4';
		grid-template-columns: 1fr;
	}

	.table_cart table:nth-child(1) tbody tr td:nth-child(3) {
		border-bottom: none !important;
	}

	.table_cart table:nth-child(1) tbody tr td:nth-child(4) {
		border-top: none !important;
	}

	.table_cart table:nth-child(1) tbody tr td:nth-child(4)::before {
		content: attr(data-label);
		display: block;
		padding: 5px 0;
		color: #6a60a9;
		font-weight: bold;
	}

	.table_cart table:nth-child(2) tbody tr td:nth-child(3) {
		text-align: left !important;
		background: #e6e4f9;
	}

	.table_cart table:nth-child(2) tbody tr td:nth-child(4) {
		border: none !important;
	}
}

/* 購物車 table_cart 結束 */



/* 購物車 table_cart_record 開始 */
/*
.table_cart_record table,
.table_cart_record table thead,
.table_cart_record table thead tr,
.table_cart_record table thead tr th,
.table_cart_record table tbody,
.table_cart_record table tbody tr,
.table_cart_record table tbody tr td {
	display: block;
}

.table_cart_record table thead tr th:nth-child(1) {
	grid-area: th_1;
}

.table_cart_record table thead tr th:nth-child(2) {
	grid-area: th_2;
}

.table_cart_record table thead tr th:nth-child(3) {
	grid-area: th_3;
}

.table_cart_record table thead tr th:nth-child(4) {
	grid-area: th_4;
}

.table_cart_record table tbody tr td:nth-child(1) {
	grid-area: td_1;
}

.table_cart_record table tbody tr td:nth-child(2) {
	grid-area: td_2;
}

.table_cart_record table tbody tr td:nth-child(3) {
	grid-area: td_3;
}

.table_cart_record table tbody tr td:nth-child(4) {
	grid-area: td_4;
}


.table_cart_record table thead tr,
.table_cart_record table tbody tr {
	display: grid;
	grid-gap: 0;
}

.table_cart_record table thead tr {
	grid-template-areas: 'th_1 th_2 th_3 th_4';
	grid-template-columns: 180px 1fr 1fr 1fr;
}

.table_cart_record table tbody tr {
	grid-template-areas: 'td_1 td_2 td_3 td_4';
	grid-template-columns: 180px 1fr 1fr 1fr;
}

.table_cart_record table tbody tr td::before {
	content: attr(data-label);
	padding: 5px 0;
	color: #6a60a9;
	font-weight: bold;
	display: none;
}

@media (max-width:1200px) {
	.table_cart_record table thead tr {
		grid-template-areas:
			'th_1 th_3 th_4';
		grid-template-columns: 180px 1fr 1fr;
	}

	.table_cart_record table thead tr th:nth-child(2) {
		display: none;
	}

	.table_cart_record table tbody tr {
		grid-template-areas:
			'td_1 td_2 td_4'
			'td_1 td_3 td_4';
		grid-template-columns: 180px 1fr 1fr;
	}

	.table_cart_record table tbody tr td:nth-child(2) {
		padding-bottom: 0px !important;
		border-bottom: none !important;
		font-size: 13px;
	}

	.table_cart_record table tbody tr td:nth-child(3) {
		padding-top: 0px !important;
		border-top: none !important;
	}
}

@media (max-width:780px) {
	.table_cart_record table thead tr {
		grid-template-areas:
			'th_3';
		grid-template-columns: 1fr;
	}

	.table_cart_record table thead tr th:nth-child(1),
	.table_cart_record table thead tr th:nth-child(4) {
		display: none;
	}

	.table_cart_record table tbody tr {
		grid-template-areas:
			'td_1'
			'td_2'
			'td_3'
			'td_4';
		grid-template-columns: 1fr;
	}

	.table_cart_record table tbody tr td:nth-child(2) {
		font-size: 15px;

	}

	.table_cart_record table tbody tr td:nth-child(1),
	.table_cart_record table tbody tr td:nth-child(3) {
		padding: 10px !important;
		border-bottom: 0px !important;
	}

	.table_cart_record table tbody tr td:nth-child(2),
	.table_cart_record table tbody tr td:nth-child(4) {
		padding: 10px !important;
		border-top: 0px !important;
	}

	.table_cart_record table tbody tr td::before {
		display: block;
	}
}
*/
/* 購物車 table_cart_record 結束 */



.draft_add2 {
	background: #f5f8fd;
	height: 360px;
	width: 100%;
	/*overflow-y: scroll;*/
	padding: 20px 50px;
}

.draft_add1,
.draft_add3 {
	background: #f5f8fd;
	border-radius: 0 0 5px 5px;
	text-align: center;
	padding: 15px 0 5px 0;
	border-top: 1px solid #bbb
}

.draft_add1 {
	border: 0;
	border-radius: 5px 5px 0 0;
	padding: 5px 0 5px 0;
	color: #222
}

.draft_add1 h3,
.draft_add1 h4 {
	color: #342c68;
	font-weight: bold
}

.must {
	display: inline-block;
	color: #fd446c;
	margin: 0 5px 0 0;
}

.ps {
	display: inline-block;
	color: #fd446c;
	font-size: 13px;
}

.ps.ps_po {
	display: block;
	margin: 10px 0 0 0;
}

.ps2 {
	color: #fd446c
}

.ps3 {
	color: #6a60a9;
	font-weight: bold
}

.ps4 {
	margin: 10px 0 0 0
}

.bt_area {
	margin: 20px auto;
	width: 100%;
	text-align: center
}

table tr td span[onClick="addAttachment()"] img,
table tr td span[onClick="add('tab01')"] img,
table tr td span[onClick="add('tab02')"] img,
table tr td span[onClick="add('tab03')"] img,
table tr td span[onClick="add('tab04')"] img,
table tr td span[onClick="add('tab05')"] img,
table tr td span[onClick="del(this)"] img {
	width: 20px;
}


/* 模組表格設計 開始 */
#main_cen .table_edit table#tab01,
#main_cen .table_edit table#tab02,
#main_cen .table_edit table#tab03,
#main_cen .table_edit table#tab04,
#main_cen .table_edit table#tab05 {
	width: 100%;
}

#main_cen .table_edit table#tab01 thead tr td,
#main_cen .table_edit table#tab02 thead tr td,
#main_cen .table_edit table#tab03 thead tr td,
#main_cen .table_edit table#tab04 thead tr td,
#main_cen .table_edit table#tab05 thead tr td,
#main_cen .table_edit table#tab01 tbody tr td,
#main_cen .table_edit table#tab02 tbody tr td,
#main_cen .table_edit table#tab03 tbody tr td,
#main_cen .table_edit table#tab04 tbody tr td,
#main_cen .table_edit table#tab05 tbody tr td {
	padding: 10px;
	font-weight: normal;
	/* 重要:消除 table_edit odd 定義的width */
	width: auto;
}

#main_cen .table_edit table#tab01 thead tr td,
#main_cen .table_edit table#tab02 thead tr td,
#main_cen .table_edit table#tab03 thead tr td,
#main_cen .table_edit table#tab04 thead tr td,
#main_cen .table_edit table#tab05 thead tr td {
	background: #768F8F;
	color: #fff;
	text-align: center;
}


#main_cen .table_edit table#tab01 tbody tr td,
#main_cen .table_edit table#tab02 tbody tr td,
#main_cen .table_edit table#tab03 tbody tr td,
#main_cen .table_edit table#tab04 tbody tr td,
#main_cen .table_edit table#tab05 tbody tr td {
	background: #FFF;
	color: #555;
}

#main_cen .table_edit table#tab01 tbody tr td[data-label="模組代碼"],
#main_cen .table_edit table#tab01 tbody tr td[data-label="課程日期"],
#main_cen .table_edit table#tab01 tbody tr td[data-label="時間(分鐘)"],
#main_cen .table_edit table#tab02 tbody tr td[data-label="模組代碼"],
#main_cen .table_edit table#tab02 tbody tr td[data-label="課程日期"],
#main_cen .table_edit table#tab02 tbody tr td[data-label="時間(分鐘)"],
#main_cen .table_edit table#tab03 tbody tr td[data-label="模組代碼"],
#main_cen .table_edit table#tab03 tbody tr td[data-label="課程日期"],
#main_cen .table_edit table#tab03 tbody tr td[data-label="時間(分鐘)"] {
	width: 105px;
}

#main_cen .table_edit table#tab01 tbody tr td[data-label="主辦單位"],
#main_cen .table_edit table#tab02 tbody tr td[data-label="主辦單位"],
#main_cen .table_edit table#tab03 tbody tr td[data-label="主辦單位"] {
	width: 250px;
}

#main_cen .table_edit table#tab01.tab_edit tbody tr td:nth-child(1),
#main_cen .table_edit table#tab02.tab_edit tbody tr td:nth-child(1),
#main_cen .table_edit table#tab03.tab_edit tbody tr td:nth-child(1),
#main_cen .table_edit table#tab04.tab_edit tbody tr td:nth-child(1),
#main_cen .table_edit table#tab05.tab_edit tbody tr td:nth-child(1) {
	width: 45px;
}


#main_cen .table_edit table#tab01 tbody tr td::before,
#main_cen .table_edit table#tab02 tbody tr td::before,
#main_cen .table_edit table#tab03 tbody tr td::before,
#main_cen .table_edit table#tab04 tbody tr td::before {
	content: attr(data-label);
	margin: 0 10px 0 0;
	padding: 0 5px;
	font-size: 13px;
	font-weight: normal;
	color: #768F8F;
	background: #fff;
	border: 1px solid #768F8F;
	text-align: center;
	width: 100px;
	border-radius: 4px;
	display: none;
}

table tr td span[onClick="add('tab01')"],
table tr td span[onClick="add('tab02')"],
table tr td span[onClick="add('tab03')"],
table tr td span[onClick="add('tab04')"],
table tr td span[onClick="add('tab05')"] {
	cursor: pointer;
	display: inline-block;
	margin: 10px 5px 0 5px;
	padding: 0px 20px 4px 20px;
	background: #EA5D5C;
	border-radius: 4px;
}

table tr td span[onClick="del(this)"] {
	cursor: pointer;
	display: inline-block;
	margin: 0;
	padding: 0px 2px 4px 2px;
	background: #EA5D5C;
	border-radius: 4px;
}

.table_func_box {
	margin: 0;
	padding: 0;
	text-align: center;
}


@media (max-width:1200px) {

	#main_cen .table_edit table#tab01 thead,
	#main_cen .table_edit table#tab02 thead,
	#main_cen .table_edit table#tab03 thead,
	#main_cen .table_edit table#tab04 thead {
		display: none;
	}

	#main_cen .table_edit table#tab01 tbody tr,
	#main_cen .table_edit table#tab02 tbody tr,
	#main_cen .table_edit table#tab03 tbody tr,
	#main_cen .table_edit table#tab04 tbody tr,
	#main_cen .table_edit table#tab04 tbody tr {
		border-bottom: 1px solid #ccc;
	}

	#main_cen .table_edit table#tab01 tbody tr td,
	#main_cen .table_edit table#tab02 tbody tr td,
	#main_cen .table_edit table#tab03 tbody tr td,
	#main_cen .table_edit table#tab04 tbody tr td {
		border: none;
	}

	#main_cen .table_edit table#tab01 tbody tr td,
	#main_cen .table_edit table#tab02 tbody tr td,
	#main_cen .table_edit table#tab03 tbody tr td,
	#main_cen .table_edit table#tab04 tbody tr td,
	#main_cen .table_edit table#tab05 tbody tr td {
		width: auto !important;
	}

	#main_cen .table_edit table#tab01 tbody tr td::before,
	#main_cen .table_edit table#tab02 tbody tr td::before,
	#main_cen .table_edit table#tab03 tbody tr td::before,
	#main_cen .table_edit table#tab04 tbody tr td::before {
		display: inline-block;
	}

	#main_cen .table_edit table#tab01.tab_edit tbody tr td:nth-child(1),
	#main_cen .table_edit table#tab02.tab_edit tbody tr td:nth-child(1),
	#main_cen .table_edit table#tab03.tab_edit tbody tr td:nth-child(1),
	#main_cen .table_edit table#tab04.tab_edit tbody tr td:nth-child(1),
	#main_cen .table_edit table#tab05.tab_edit tbody tr td:nth-child(1) {
		text-align: right;
	}

	#main_cen .table_edit table#tab01.tab_edit tbody tr td:nth-child(1):before,
	#main_cen .table_edit table#tab02.tab_edit tbody tr td:nth-child(1):before,
	#main_cen .table_edit table#tab03.tab_edit tbody tr td:nth-child(1):before,
	#main_cen .table_edit table#tab04.tab_edit tbody tr td:nth-child(1):before,
	#main_cen .table_edit table#tab05.tab_edit tbody tr td:nth-child(1):before {
		display: none;
	}

	#main_cen .table_edit table#tab01.tab_edit tbody tr td::before,
	#main_cen .table_edit table#tab02.tab_edit tbody tr td::before,
	#main_cen .table_edit table#tab03.tab_edit tbody tr td::before,
	#main_cen .table_edit table#tab04.tab_edit tbody tr td::before {
		margin: 0 0 10px 0;
	}



}

/* 模組表格設計 結束 */

.btn01,
.btn02,
.btn03 {
	display: inline-block;
	margin: 5px;
	padding: 6px 15px;
	border-radius: 5px;
	border: none;
	text-decoration: none;
	white-space: nowrap;
	letter-spacing: 0;
	font-size: 15px;
	font-family: inherit;
}

.btn01 {
	color: #fff;
	background: #0153a9;
}

.btn01:hover,
.btn01:focus {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.btn02 {
	color: #fff;
	background: #ec4561;
}

.btn02:hover,
.btn02:focus {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.btn03 {
	color: #fff;
	background: #0153a9;
}

.btn03:hover,
.btn03:focus {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.btn04 {
	background: #fff;
	padding: 0 2px 4px 2px;
	color: #4285F4;
	border-bottom: 2px solid #4285F4;
}

.btn04::before {
	font-family: FontAwesome;
	content: "\f0d4";
	display: inline-block;
	margin: 0 5px 0 0;
}

.btn04:hover {
	color: #34A853;
	border-bottom: 2px solid #34A853;
}

.btn05 {
	background: #fff;
	padding: 0 2px 4px 2px;
	color: #EA4335;
	border-bottom: 2px solid #EA4335;
}

.btn05::before {
	font-family: FontAwesome;
	content: "\f0d4";
	display: inline-block;
	margin: 0 5px 0 0;
}

.btn05:hover {
	color: #34A853;
	border-bottom: 2px solid #34A853;
}

.page_title {
	width: 100%;
	max-width: 1600px;
	margin: 30px auto;
	/* v_03 */
	padding: 5px 10px 3px calc(20px + 4px);
	font-size: 20px;
	color: #0153a9;
	position: relative;
}

.page_title::before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	/* v_03 */
	width: 4px;
	background: #0153a9;
}



.btn_share {
	color: #6a60a9;
	float: right;
	margin: 5px;
	font-size: 34px;
}

.form_time,
.form_line,
.form_peo {
	float: left;
}

.form_time i {
	position: relative;
	left: -25px;
}

/* 表單-搜尋區間-日期元件設計 開始 */
.form_date div {
	display: inline;
}

.form_date input[type="text"]:nth-of-type(1),
.form_date input[type="text"]:nth-of-type(2) {
	width: 150px;
	position: relative;
}

.form_date input[type="text"]:nth-of-type(1) {
	left: 2px;
}

.form_date input[type="text"]:nth-of-type(2) {
	left: 12px;
}

.form_date i:nth-of-type(1) {
	position: relative;
	left: -30px;
}

.form_date i:nth-of-type(2) {
	position: relative;
	left: -20px;
}

@media (max-width:600px) {
	.form_date div {
		display: block;
	}

	.form_date input[type="text"]:nth-of-type(1),
	.form_date input[type="text"]:nth-of-type(2) {
		width: 130px;
		position: static;
	}

	.form_date i {
		display: none;
	}
}


/* 表單-搜尋區間-日期元件設計 結束 */

.form_time .time_w {
	width: 85px;
}

.table_mg {
	margin: 15px 0 15px 0;
}

.sitemap {
	width: 100%;
	margin-left: 5%;
}

.sitemap div {
	width: 100%;
	background: #e5e3f5;
	border-radius: 5px;
	margin: 2% 1%;
	text-align: center
}

.sitemap div a {
	color: #3f578e
}

.sitemap div a:hover {
	color: #333
}

.sitemap .part1,
.sitemap .part2,
.sitemap .part3,
.sitemap .part4,
.sitemap .part5,
.sitemap .part6 {
	float: left;
	width: 20%;
	background: #FFF;
	border: 1px solid #CCC;
	min-height: 200px;
}

.sitemap .part1 div,
.sitemap .part2 div,
.sitemap .part3 div,
.sitemap .part4 div,
.sitemap .part5 div,
.sitemap .part6 div {
	padding: 2%;
	margin: -4% 4% 7% 10%;
	width: 80%
}

.sitemap .part1 div.title,
.sitemap .part2 div.title,
.sitemap .part3 div.title,
.sitemap .part4 div.title,
.sitemap .part5 div.title,
.sitemap .part6 div.title {
	position: relative;
	top: -25px;
	background: #6a60a9;
	font-size: 1.2em;
	width: 50%;
	margin: 0 25%;
	border: 0px solid #CCC;
	color: #FFF;
	padding: 3% 0;
	letter-spacing: 1px;
}

.sitemap .part5 div.title {
	width: 75%;
	margin: 0 12%;
}

.custom-file-input {
	position: relative;
	display: inline-block;
	width: calc(100% - 80px);
	max-width: 600px;
}

.custom-file-input input[type="file"] {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	cursor: pointer;
}

.custom-file-input input[type="text"] {
	background-image: url(images/upload-file.svg);
	background-repeat: no-repeat;
	background-position: 100% -8px;
	/* v_04 */
	background-size: 38px;
	/* v_04 */
	padding-right: calc(38px + 10px);
}

.custom-file-input input[type="button"] {
	/*如果工程師忘移除「input[type="button"]」的話*/
	display: none;
}

.art_button {
	background: #7c72bf;
	cursor: pointer;
	border: 2px solid #8d88b4;
	padding: 7px 10px;
	overflow: hidden;
	vertical-align: middle;
	letter-spacing: 1px;
	color: #FFF
}

.btn_box a {
	color: #FFF
}

/*對話框*/
.dialog {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.dialog .dialog_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.dialog .dialog_content {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	width: 100%;
	max-width: 500px;
	margin: 0 auto 0 auto;
	padding: 0 10px;
}

.dialog .dialog_content .dialog_content_top .top_box {
	border-top: 2px solid #a39ee8;
	background: #f8f8f8;
	color: #5d5594;
	padding: 10px 20px;
	border-bottom: 1px solid #808080;
}

.dialog .dialog_content .dialog_content_container {
	background: #fff;
	padding: 20px;
}

.dialog .dialog_content .dialog_content_container .main_box {
	margin: 0;
	padding: 0;
	max-height: 300px;
	overflow: auto;
}

.dialog .dialog_content .dialog_content_container .main_box p {
	line-height: 1.5em;
}

.dialog .dialog_content .dialog_content_container .btn_box {
	margin: 20px 0 0 0;
	text-align: center;
}

.dialog .dialog_content .dialog_content_container .btn_box .button_func {
	display: none;
}

/*通知*/
.notice {
	position: fixed;
	top: 10vh;
	left: 0;
	right: 0;
	/*IE9必加*/
	width: 100%;
	max-width: 620px;
	margin: 20px auto 0 auto;
	padding: 0 10px;
	z-index: 999;
	font-size: 15px;
}

.notice div {
	display: none;
	position: relative;
	padding: 10px 30px 10px 20px;
	color: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.2);
	background: #42A5F5;
}

.notice .notice_warning {
	margin: 10px 0;
	background: #FF8A9A;
}

.notice div a {
	display: inline-block;
	line-height: 1em;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	text-decoration: none;
	color: #fff;
}

.notice div a:hover {
	color: inherit;
}

/*上下頁控制*/
.page_mb {
	float: right
}

.page_c {
	width: 100%;
	margin: 50px auto;
	text-align: center;
}

.page_c div {
	display: inline-table;
	margin: 2px;
	padding: 5px 10px;
	text-align: center;
}

.page_c .page {
	border: 1px solid #CCC;
}

.page_c .active {
	color: #F00
}

.page_c .up {
	background: #aaa6e1;
	color: #FFF;
	padding: 10px 13px;
}

.page_c .up svg {
	font-size: 130%;
	position: relative;
	top: 3px;
}

.account {
	display: block;
	position: relative;
	padding-left: 25px;
	top: 0px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.account input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 2px;
	left: 0px;
	height: 16px;
	width: 16px;
	border: 1px solid #999;
}

.account:hover input~.checkmark {
	background-color: #ccc;
}

.account input:checked~.checkmark {
	background-color: #2196F3;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.account input:checked~.checkmark:after {
	display: block;
}

.account .checkmark:after {
	left: 4px;
	top: 1px;
	width: 7px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.form-check {
	position: relative;
	display: block;
	margin: 5px;
	float: left;
	font-size: 14px;
}

.form-check .form-check-label {
	min-height: 18px;
	display: block;
	margin-left: 2.2rem;
	margin-bottom: 0.2rem;
	margin-top: -0.2rem;
}

.form-check .form-check-label input {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	margin-top: 0;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.form-check .form-check-label input[type="checkbox"]+.input-helper:before,
.form-check .form-check-label input[type="checkbox"]+.input-helper:after {
	position: absolute;
	top: 0;
	left: 0;
}

.form-check .form-check-label input[type="checkbox"]+.input-helper:before {
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 100%;
	border: solid #aaa;
	border-width: 2px;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.form-check .form-check-label input[type="checkbox"]+.input-helper:after {
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	font-family: "simple-line-icons";
	font-style: normal;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	content: "\e080";
	font-size: 1.125rem;
	font-weight: bold;
	color: #439aff;
	left: 1px;
}

.form-check .form-check-label input[type="checkbox"]:checked+.input-helper:before {
	background: #fff;
	border-width: 0;
}

.form-check .form-check-label input[type="checkbox"]:checked+.input-helper:after {
	width: 18px;
	opacity: 1;
	line-height: 18px;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.form-check .form-check-label input[type="checkbox"]:disabled+.input-helper:before {
	border-color: #f2f2f2;
}

.form-check .form-check-label input[type="checkbox"]:disabled:checked+.input-helper:after {
	background: #fff;
	color: #f2f2f2;
}

.form-check .form-check-label input[type="radio"]+.input-helper:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	border: solid #aaa;
	border-width: 2px;
	width: 16px;
	height: 16px;
	padding: 0;
	border-radius: 50%;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.rtl .form-check .form-check-label input[type="radio"]+.input-helper:before {
	left: auto;
	right: 0;
}

.form-check .form-check-label input[type="radio"]+.input-helper:after {
	content: "";
	width: 16px;
	height: 16px;
	background: #439aff;
	border-radius: 50%;
	top: 0px;
	left: 0px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	position: absolute;
}

.rtl .form-check .form-check-label input[type="radio"]+.input-helper:after {
	left: auto;
	right: 6px;
}

.form-check .form-check-label input[type="radio"]:checked+.input-helper:before {
	background: #fff;
	border: 2px solid #439aff;
}

.form-check .form-check-label input[type="radio"]:checked+.input-helper:after {
	opacity: 1;
	line-height: 1.5;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.form-check .form-check-label input[type="radio"]:disabled+.input-helper:before {
	border-color: #f2f2f2;
}

.form-check .form-check-label input[type="radio"]:disabled:checked+.input-helper:before {
	background: #fff;
}

.form-check .form-check-label input[type="radio"]:disabled:checked+.input-helper:after {
	background: #f2f2f2;
}

.form-check-primary.form-check label input[type="checkbox"]:checked+.input-helper:before {
	background: #fff;
}

.form-check-primary.form-check label input[type="checkbox"]:checked+.input-helper:after {
	color: #439aff;
}

.form-check-primary.form-check label input[type="radio"]:checked+.input-helper:before {
	border-color: #439aff;
}

.form-check-primary.form-check label input[type="radio"]:checked+.input-helper:after {
	background: #439aff;
}

.form-check-secondary.form-check label input[type="checkbox"]:checked+.input-helper:before {
	background: #fff;
}

.form-check-secondary.form-check label input[type="checkbox"]:checked+.input-helper:after {
	color: #fdbab1;
}

.form-check-secondary.form-check label input[type="radio"]:checked+.input-helper:before {
	border-color: #fdbab1;
}

.form-check-secondary.form-check label input[type="radio"]:checked+.input-helper:after {
	background: #fdbab1;
}

.form-check-success.form-check label input[type="checkbox"]:checked+.input-helper:before {
	background: #fff;
}

.form-check-success.form-check label input[type="checkbox"]:checked+.input-helper:after {
	color: #7ed321;
}

.form-check-success.form-check label input[type="radio"]:checked+.input-helper:before {
	border-color: #7ed321;
}

.form-check-success.form-check label input[type="radio"]:checked+.input-helper:after {
	background: #7ed321;
}

.form-check-info.form-check label input[type="checkbox"]:checked+.input-helper:before {
	background: #fff;
}

.form-check-info.form-check label input[type="checkbox"]:checked+.input-helper:after {
	color: #4729b7;
}

.form-check-info.form-check label input[type="radio"]:checked+.input-helper:before {
	border-color: #4729b7;
}

.form-check-info.form-check label input[type="radio"]:checked+.input-helper:after {
	background: #4729b7;
}

.form-check-warning.form-check label input[type="checkbox"]:checked+.input-helper:before {
	background: #fff;
}

.form-check-warning.form-check label input[type="checkbox"]:checked+.input-helper:after {
	color: #f5a623;
}

.form-check-warning.form-check label input[type="radio"]:checked+.input-helper:before {
	border-color: #f5a623;
}

.form-check-warning.form-check label input[type="radio"]:checked+.input-helper:after {
	background: #f5a623;
}

.form-check-danger.form-check label input[type="checkbox"]:checked+.input-helper:before {
	background: #fff;
}

.form-check-danger.form-check label input[type="checkbox"]:checked+.input-helper:after {
	color: #ff5e5e;
}

.form-check-danger.form-check label input[type="radio"]:checked+.input-helper:before {
	border-color: #ff5e5e;
}

.form-check-danger.form-check label input[type="radio"]:checked+.input-helper:after {
	background: #ff5e5e;
}

.form-check-light.form-check label input[type="checkbox"]:checked+.input-helper:before {
	background: #fff;
}

.form-check-light.form-check label input[type="checkbox"]:checked+.input-helper:after {
	color: #f3f5f6;
}

.form-check-light.form-check label input[type="radio"]:checked+.input-helper:before {
	border-color: #f3f5f6;
}

.form-check-light.form-check label input[type="radio"]:checked+.input-helper:after {
	background: #f3f5f6;
}

.form-check-dark.form-check label input[type="checkbox"]:checked+.input-helper:before {
	background: #fff;
}

.form-check-dark.form-check label input[type="checkbox"]:checked+.input-helper:after {
	color: #090e40;
}

.form-check-dark.form-check label input[type="radio"]:checked+.input-helper:before {
	border-color: #090e40;
}

.form-check-dark.form-check label input[type="radio"]:checked+.input-helper:after {
	background: #090e40;
}

/* accordion-container設計 開始 */
.accordion-container {
	position: relative;
	max-width: 100%;
	height: auto;
	margin: 15px auto;
}

.accordion-container .credit {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 10px;
	margin: 0 0 20px 0;
}

.accordion-container .credit>a {
	display: block;
	padding: 0px;
	text-decoration: none;
	color: #6a60a9;
	transition: all .3s;
}

.accordion-container .credit>a:hover {
	color: #6a60a9;
	background: #cbe3ff;
}

.accordion-container .credit>a table tr {
	display: grid !important;
	grid-template-columns: 1fr 120px 120px;
}

.accordion-container .credit>a table tr td {
	border: none !important;
	background: transparent !important;
}

.accordion-container .credit>a table tr td:nth-child(1),
.accordion-container .credit>a table tr td:nth-child(2) {
	display: none !important;
}

.accordion-container .credit>a table tr td:nth-child(3) {
	font-size: 18px !important;
	font-weight: bold;
}

.accordion-container .credit>a table tr td:nth-child(3)::before {
	content: attr(data-label);
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0 5px;
	font-size: 13px;
	font-weight: normal;
	color: #6a60a9;
}

.accordion-container .credit>a table tr td:nth-child(4),
.accordion-container .credit>a table tr td:nth-child(5) {
	font-weight: normal !important;
	color: #666 !important;
}

.accordion-container .credit>a table tr td:nth-child(4)::before,
.accordion-container .credit>a table tr td:nth-child(5)::before {
	content: attr(data-label);
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0 5px;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	background: #6a60a9;
	border-radius: 4px;

}

.accordion-container .credit>a table tr td i {
	float: left;
	margin-top: 2px;
}


.accordion-container .credit div.credit_view {
	padding: 0;
	border-bottom: 1px solid #ddd;
	display: none;
}

.accordion-container .credit div.credit_view table tr td[data-label="活動起始日期"],
.accordion-container .credit div.credit_view table tr td[data-label="活動結束日期"] {
	width: 120px !important;
}

.accordion-container .credit div.credit_view table tr td[data-label="基礎學分"],
.accordion-container .credit div.credit_view table tr td[data-label="進階學分"] {
	width: 90px !important;
}

.accordion-container .credit div.credit_view table tr td::before {
	content: attr(data-label);
	margin: 0 10px 0 0;
	padding: 0 5px;
	font-size: 13px;
	font-weight: normal;
	color: #6a60a9;
	background: #fff;
	border: 1px solid #6a60a9;
	text-align: center;
	width: 100px;
	border-radius: 4px;
	display: none;
}

@media (max-width: 1200px) {

	.accordion-container .credit div.credit_view table tr td:nth-child(1) {
		grid-area: td_1;
		border-right: none !important;
		width: auto !important;
		font-weight: normal !important;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(2) {
		grid-area: td_2;
		border-left: none !important;
		width: auto !important;
		font-weight: normal !important;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(3) {
		grid-area: td_3;
		border-top: 1px solid #ccc !important;
		padding-top: 20px !important;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(3)::before {
		width: auto;
		border: none;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(4) {
		grid-area: td_4;
		font-size: 18px !important;
		font-weight: bold !important;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(4)::before {
		display: none;

	}

	.accordion-container .credit div.credit_view table tr td:nth-child(5) {
		grid-area: td_5;
		border-right: none !important;
		width: auto !important;
		font-weight: normal !important;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(6) {
		grid-area: td_6;
		border-left: none !important;
		padding-bottom: 20px !important;
		width: auto !important;
		font-weight: normal !important;
	}

	.accordion-container .credit div.credit_view table tr {
		display: grid !important;
		grid-template-areas:
			'td_3 td_3'
			'td_4 td_4'
			'td_1 td_2'
			'td_5 td_6';

	}

	.accordion-container .credit div.credit_view table tr th {
		display: none !important;
	}

	.accordion-container .credit div.credit_view table tr td {
		border-top: none !important;
		border-bottom: none !important;
		padding: 10px !important;
		color: #666 !important;
	}

	.accordion-container .credit div.credit_view table tr td::before {
		display: inline-block;
	}

}

@media (max-width:780px) {
	.accordion-container .credit>a table tr td:nth-child(3)::before {
		display: none;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(1) {
		border-right: 1px solid #ccc !important;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(2) {
		border-left: 1px solid #ccc !important;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(5) {
		border-right: 1px solid #ccc !important;
	}

	.accordion-container .credit div.credit_view table tr td:nth-child(6) {
		border-left: 1px solid #ccc !important;
	}

	.accordion-container .credit div.credit_view table tr {
		display: grid !important;
		grid-template-areas:
			'td_3'
			'td_4'
			'td_1'
			'td_2'
			'td_5'
			'td_6';

	}

}

/* accordion-container設計 結束 */



@media (min-width: 992px) {
	#header {
		width: auto;
	}

	header.sticky #header {
		width: auto;
		position: absolute;
		top: 0px;
	}

	header .top_right .login {
		display: block;
	}

	header.sticky .top_right,
	header .mb_login {
		display: none
	}

	header .top_right {
		display: block;
		float: right;
		height: 50px;
		margin: 5px 20px;
	}

	header .top_right .login {
		float: left;
		height: 35px;
		line-height: 35px;
		width: auto;
		margin-top: 3px;
		margin-right: 25px;
		padding: 0px 10px;
		background: #fff;
		border: 1px solid #0153a9;
		border-radius: 5px;
		color: #0153a9;
	}

	header .top_right .login span {
		margin-left: 3px;
		padding: 0 5px;
		border-left: 2px solid #ccc;
		color: #0153a9;
	}

	header .top_right .top_search {
		float: left;
		width: 200px;
		height: 38px;
		line-height: 38px;
		border: 1px solid #CCC;
		border-radius: 5px;
		background: #FFF;
		padding: 5px 15px;
		margin-top: 1px;
	}

	header .top_right .top_search input {
		float: left;
		border: 0;
		padding: 0;
		margin: 0;
		height: 28px;
		width: 85%
	}

	header .top_right .top_search button {
		float: right;
		border: 0;
		width: 15%;
		background: none
	}

	header .top_right .top_search button i {
		font-size: 100%
	}

	#footer .about {
		width: 40%
	}

	#footer .contact {
		width: 60%
	}

	#copyright div:nth-child(1) {
		width: 60%;
	}

	#copyright div:nth-child(2) {
		width: 40%;
	}

	#footer .contact div.first {
		width: 3%;
	}

	#footer .contact div.second {
		width: 10%;
	}

	#footer .contact div.third {
		width: 87%;
	}
}

@media (min-width:1450px) {
	#footer .about {
		width: 30%;
		margin: 0 5%
	}

	#footer .contact {
		width: 50%;
		margin: 0 5%
	}
}

.icon_bt {
	padding: 3px 10px;
	background: #736eb8;
	color: #FFF;
	border-radius: 3px;
	font-size: 0.7em
}





@media (max-width:780px) {
	#login_main {
		width: 95%;
		margin: 10% 0 0 0%;
		padding: 2%;
	}

	#login_main .login,
	#login_main .logo {
		float: left;
		width: 100%;
		padding: 0%;
		border: 0
	}

	#login_main .login {
		text-align: center;
		margin-top: 5%
	}

	header,
	header.sticky {
		height: 60px
	}

	header img,
	header.sticky img {
		max-width: 300px;
		padding: 10px
	}

	.header-logo img {
		max-width: 300px;
		height: 50px
	}

	.sitemap .part1,
	.sitemap .part2,
	.sitemap .part3,
	.sitemap .part4,
	.sitemap .part5,
	.sitemap .part6 {
		width: 88%;
		margin-top: 50px;
	}
}