@import url('https://fonts.googleapis.com/css?family=Nunito|Raleway');
@import url(member.css); 
@import url(related.css);
@import url(journal.css);
a.btn,a:link.btn, a:visited.btn{ display:inline-block; padding:0px 5px; background-color:#060; color:#fff; border-radius:5px; text-decoration:none;}
a:hover.btn {background-color:#8FC31F; }
a:link {/*一般連結*/
	color: #008000;
}
body {
	color: #666;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
}
table{ font-size:inherit; line-height:inherit;}
/*for 組織人事*/
table.list td {
	padding: 5px;
}
table.list {
	margin-bottom: 15px;
}
/*for 組織人事*/
.tbbg        {
 color: #000000; 
 background-color: #C1DBC1 ;
 text-align: justify;
 }
 .tbbg2        {
	color: #000000;
	background-color: #FFFFCC;
 }
.big_12 {
	font-size: 12pt;
}

a:visited {/*點選連結過後*/
	color: #008000;
}
a:hover {/*滑鼠滑過*/
	color: #BCE763;
}
a:active {/*滑鼠按下*/
	color: #BCE763;
}
:link.c1 {/*一般連結*/
	color: #313131;
	text-decoration: none;
}
:visited.c1 {/*點選連結過後*/
	color: #313131;
}
:hover.c1 {/*滑鼠滑過*/
	color: #3287b5;
}
:active.c1 {/*滑鼠按下*/
	color: #3287b5;
}

:link.c2 {/*一般連結*/
	color: #FFFFFF;
	text-decoration: none;
}
:visited.c2 {/*點選連結過後*/
	color: #FFFFFF;
}
:hover.c2 {/*滑鼠滑過*/
	color: #89dfe9;
}
:active.c2 {/*滑鼠按下*/
	color: #89dfe9;
}

:link.c3 {/*一般連結*/
	color: #000000;
	text-decoration: none;
}
:visited.c3 {/*點選連結過後*/
	color: #000000;
}
:hover.c3 {/*滑鼠滑過*/
	color: #00624E;
}
:active.c3 {/*滑鼠按下*/
	color: #00624E;
}

:link.c4 {/*一般連結*/
	color: #000000;
	text-decoration: none;
}
:visited.c4 {/*點選連結過後*/
	color: #000000;
}
:hover.c4 {/*滑鼠滑過*/
	color: #990000;
}
:active.c4 {/*滑鼠按下*/
	color: #990000;
}
.page a {
	color: #80AA0D;
	font-size: 10pt;
	display: inline-block;
	margin-right: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.headNav {
	font-size: 10pt;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
	text-align: right;
}
.headNav a {
	background-image: url(../images/arrow01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	margin-left: 6px;
	display: inline-block;
	color: #000;
}
.sideNav {
	color: #000;
}
.sideNav a:link, .sideNav a:visited{
	color: #000;
	text-decoration: none;
	}
.sideNav a:hover{color:#00624E;
	}

.headNav a:hover {
	color: #00624E;
}


.page a:hover ,.content2 .page a:hover ,.page a.current {
	color: #80AA0D;
	border: 1px solid #80AA0D;
	text-decoration: none;
}
.page {
	padding-top: 10px;
	padding-bottom: 2px;
	text-align: right;
	padding-right: 5px;
}.review-hknspdw {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 15px;
	padding-bottom: 5px;
}
.review-hknspdw a {
	color: #666666;
	text-decoration: none;
}
.review-hknspdw a:hover {
	color: #008000;
}
.review-hknspdw2 a {
	color: #000066;
	text-decoration: none;
}
.review-hknspdw2 a:hover {
	color: #008000;
}
.produtcs-hkn0 {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0d6300;
	margin-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	font-size: 12pt;
	text-decoration: none;
	color: #0d6300;
	padding-left: 20px;
}
.produtcs-hkn1 {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #BEFFB5;
	margin-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	font-size: 11pt;
	text-decoration: none;
	color: #16AE00;
	padding-left: 20px;
}
.produtcs-hkn1:hover {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0d6300;
	color: #0d6300;
}
.green {
	color: #008000;
}
.green2 {
	color: #80aa0d;
}
.red {
	color: #F00;
}

.thick {
	font-weight: bold;
}
td.course {
	font-size: 10pt;
	line-height: 150%;
}
p.courseT {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 8px;
	margin-right: 8px;
}
.black {
	color: #000;
}
.orange {
	color: #ff6600;
}
.courseWrap td {
	padding-top: 6px;
	padding-bottom: 6px;
}
.courseWrap a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.qaWrap {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 10px;
	font-size: 10pt;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.qa01 p a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.qaTime {
	float: right;
	color: #6C9517;
	font-size: 9pt;
}
.qa02 {
	border: 1px dashed #8FC31F;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}
a.qaBt {
	background-image: url(../images/glyphicons_150_edit.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #80A90D;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	display: inline-block;
	margin-bottom: 10px;
	border: 1px solid #64B443;
	border-radius: 5px;
	margin-left: 82%;
	margin-top: 10px;
}
a.qaBt:hover{
	background-color: #666;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.qaForm {
	font-size: 10pt;
	background-color: #ecede8;
	margin: 0px;
}
.qaForm label {
	display: inline-block;
	width: 120px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
	color: #000;
}
.qaForm label:before{
	content:url(../images/arrow01.jpg);
	margin-right:6px;
	}
.qaForm h1 {
	font-size: 11pt;
	color: #FFF;
	background-color: #00614e;
	font-weight: normal;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
}

.qaForm div {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #89b9ae;
	padding-top: 10px;
	padding-bottom: 2px;
}
.credit {
	font-size: 10pt;
}
.credit th {
	color: #FFF;
	background-color: #6ea04e;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.credit td {
	padding: 6px;
}
.credit tr.hiLight td {
	background-color: #f5f5f5;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.loginBox {
	font-size: 10pt;
	border-radius: 8px;
	width: 229px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.loginBox ss {
	font-size: 16px;
	height: 27px;
	line-height: 27px;
	color: #FFF;
	border-radius: 8px 8px 0 0;
	border: 1px solid #CCC;
	text-shadow: 1px 1px 0px #000;
	margin: 0px;
	background-color: #0d6300;
}
.loginBox h1{
	background-image: url(../images/bk_login2.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #9acc2d;
	border-radius: 8px 8px 0 0;
	height: 32px;
	line-height: 30px;
	color: #FFF;
	font-size: 14px;
	text-shadow: 2px 2px 2px #7da71f;
	margin: 0px;
	text-align: center;
}
.loginMid {
	text-align:center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.loginBox p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.loginBox a {
	margin-left: 10px;
}
input.btLogin {
	color: #8fc31f;
	padding: 0px;
	background-color: #F9FDFB;
	border: 1px solid #CDED8B;
	height: 59px;
	width: 91px;
	line-height: 59px;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
}
.calHead {
	background-image: url(../images/bk_ca.jpg);
	background-repeat: repeat-x;
	color: #FFF;
}
.calWeek td {
	background-color: #11758d;
	background-image: url(../images/bk_ca02.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.calendar a:link,.calendar a:visited{ color:#FF6600}
.calendar a:hover{
	color: #FFAD77
}
p.icon {
	background-image: url(../images/arrow05.jpg);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
}

table.reviewTb{
	border: 8px solid #ECEDE8;
	border-radius:8px;
	
}
table.reviewTb td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ecede8;
	padding: 6px;
}
.headWrap {
	width: 1001px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tdLine {
	background-image: url(../images/index_03bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
}
.wrapOut {
	background-image: url(../images/index_03bgb.jpg);
	background-repeat: repeat-y;
	width: 1001px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.wrapMid {
	background-image: url(../images/index_03bga.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
}
.headWrap.foot {
	background-image: url(../images/index_03bgc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.bannersHOme {
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bannersIn {
	background-image: url(../images/index_09.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 13px;
	margin-top: 15px;
	text-align: center;
}

.side01 h1 {
	font-size: 10pt;
	color: #000;
	background-image: url(../images/calendar_ok.png);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 25px;
	height: 25px;
	margin-right: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 6px;
}
.side02 .loginHead {
	background-image: url(../images/lf_04.jpg);
	border: 1px solid #CCC;	
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 44px;
	height: 44px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.side02 h1  {
	background-image: url(../images/glyphicons_203_lock.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 10pt;
	color: #fff;
	padding: 0px;
}
.side02 .loginBody{
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.side02{
	margin-bottom: 10px;
	background-image: url(../images/index_10a.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
	}
.small08 {
	font-size: 8pt;
}
.ads {
	background-image: url(../images/index_10a.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
}
.ads img {
	border: 1px solid #e5e5e5;
}


.gray {
	color: #CCC;
}
p{ 	margin: 0;
	padding: 0;
	text-align: left;
}

p[align="right"]{ text-align:right;}
p[align="center"]{ text-align:center;}
.content02 .editor table{ max-width:610px;}
.editor img{ max-width:100% !important;}
/*底部=======================================================================*/
.footNav {
	width: 1002px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	line-height: 58px;
	height: 58px;
	background-image: url(images/index_03bgc.jpg);
	background-repeat: no-repeat;
}
.footAdd p{ text-align:center;}
.footAdd {
	font-size: 10pt;
	text-align: center;
	color: #5A5A5A;
	line-height: 150%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.green {
	color: #008000;
	margin: 0px;
	padding: 0px;
}
.footAdd a {
	color: #008000;
	text-decoration: none;
}
/* ====================================
     Button structure 按鈕用的
===================================== */

.zocial,
a.zocial {
	border: 1px solid #777;
	border-color: rgba(0,0,0,0.2);
	border-bottom-color: #333;
	border-bottom-color: rgba(0,0,0,0.4);
	color: #fff;
	-moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	-webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	cursor: pointer;
	display: inline-block;
	font: bold 14px/2.1 "Lucida Grande", Tahoma, sans-serif;
	padding: 0 .95em 0 0;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	white-space: nowrap;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
}

.zocial:before {
	content: "";
	float:left;
	border-right: 0.075em solid rgba(0,0,0,0.1);
	margin: 0 0.5em 0 0;
	padding: 0 0.5em;
	text-align: center;
	-moz-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
	-webkit-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
	/* box-shadow: 0.075em 0 0 rgba(255,255,255,0.25); */
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	 padding-top:5px; height:28px;
}

.zocial:active {outline: none; /* outline is visible on :focus */}

.zocial:hover,.zocial:focus {color: #fff;}



.zocial.green { background-color: #60af00;}
.zocial.green:before { content:url(../images/profile-user.png);}

.zocial.orange { background-color: #ff7f25;}
.zocial.orange:before{ content:url(../images/icon.png);}


.zocial.blue { background-color: #3178bd;}
.zocial.blue:before{ content:url(../images/menu.png);}
/*======================================
           跳窗
=========================================*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.popupContainer{
	position:absolute;
	width:330px;
	height: auto;
	left:45%;
	top:80px;
	background: #FFF;
}

#modal_trigger {}

#modal .btn {padding:10px 20px; background: #F4F4F2;}
#modal .btn_red {background: #ED6347; color: #FFF;}

#modal .btn:hover {background: #E4E4E2;}
#modal .btn_red:hover {background: #C12B05;}

#modal a.btn {color:#666; text-align: center; text-decoration: none;}
#modal a.btn_red {color: #FFF;}

#modal .one_half {width:50%; display: block; float:left;}
#modal .one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:16px;}

.popupBody {padding:20px;}


/* Social Login Form */
.social_login {}
.social_login .social_box {display:block; clear:both; padding:10px; margin-bottom: 10px; background: #F4F4F2; overflow: hidden;}
.social_login .icon {display:block; width:10px; padding:5px 10px; margin-right: 10px; float:left; color:#FFF; font-size:16px; text-align: center;} 
.social_login .fb .icon {background:#3B5998;}
.social_login .google .icon {background:#DD4B39;}
.social_login .icon_title {display:block; padding:5px 0; float:left; font-weight: bold; font-size: 16px; color:#777;}
.social_login .social_box:hover {background: #E4E4E2;}

.centeredText {text-align: center; margin: 20px 0; clear: both; overflow: hidden; text-transform: uppercase;}

.action_btns {clear:both; overflow: hidden;}
.action_btns a {display: block;}

/* User Login Form */
.user_login {display: block; text-align:left;}
.user_login label {display: block; margin-bottom:5px;}
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_login input[type="checkbox"] {float:left; margin-right:5px;}
.user_login input[type="checkbox"]+label {float:left;}

.user_login .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
a.forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#ED6347;}

/* User Register Form */
.user_register {display: none;}
.user_register label {display: block; margin-bottom:5px;}
.user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_register input[type="checkbox"] {float:left; margin-right:5px;}
.user_register input[type="checkbox"]+label {float:left;}

.user_register .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}

/*首頁Login後*/
h2#memName{font-size:15px;padding:10px 0;margin:0;color:#000;font-weight:bold;background-color: #F6F6F6;}
.memberOut{text-decoration:none;}
.memberOut:hover{color:#000;}
.memOutBox{background-color: #fff;padding:10px;border-top:solid 1px #ddd;}
.memBox{text-align:left;padding:0;margin:0;}
.memBox>li{list-style: none;}
.memBox>li>a{margin:0;display:block;padding:7px 0 7px 30px;background-repeat:no-repeat;background-position: 10px center;background-image:url(../images/file.png);
text-decoration:none;border:solid 1px #ddd;border-width: 1px 0 0 0;background-color:#fff;box-shadow:inset 0 -10px 50px #f5f5f5;
}
.memBox>li>a:hover{color:#000;}
/*出版刊物*/
.archiveBox{border:solid 8px #ddd; border-radius:20px;}
.archiveBox h3{
	font-family:'raleway', sans-serif;padding:10px 25px;background-color:#919191;color:#fff;
	font-weight:normal;font-size: 30px;margin:0;
}
.archiveBox h3:first-child{border-radius:12px 12px 0 0;}
.archiveName{text-align:center;}
.archiveName span{
	position:relative;display:inline-block;margin:0 auto;font-size:24px;color:#000;font-weight:bold;
	margin:30px 0 20px 0;
}
.archiveNameEn{text-align:center;margin-bottom:20px;}
.archiveNameEn span{display:inline-block;width:200px;}
.archiveName span:after{
	position:absolute; bottom: -25px;content:"wwwwwwwwwwwwww";left:.5em;font-weight:normal;
	font-family: 'Nunito', sans-serif; font-size: 20px;color: #90d300;letter-spacing: -1px;
}
.archiveBox ul li a{display:block;padding:2px 0;text-decoration:none;}
.archiveBox ul li a:hover{color:#000; }
.archiveBox ul li a:after{content:url(../images/pdf.png);margin-left:10px;}