/* Set font style for body */
body {
	font-family:    Arial, WenQuanYi Zen Hei, Heiti TC, Microsoft JhengHei, Verdana, Geneva, sans-serif;
	font-size: 90%;
    line-height:1.3em;
    text-align: justify;
	text-justify:inter-ideograph;
 
}
/*===================end=========================*/
/* Set font style for heading */
h1,
h2,
h3,
h4,
h5,
h6,
#jsn-gotoplink,
#jsn-gotoplink, .subheading-category, .componentheading, .contentheading 
{
	font-family:  Arial, WenQuanYi Zen Hei, Heiti TC, 'Microsoft JhengHei', Verdana, Geneva, sans-serif;
  text-align: left;
  line-height: 1.3em;
}


/*===================end=========================*/
/* Set font style for menu */
body #jsn-menu ul.menu-mainmenu a,
body #jsn-menu ul.menu-mainmenu li a span, ul.menu-mainmenu{
	font-family:  Arial, WenQuanYi Zen Hei, Heiti TC, 'Microsoft JhengHei', Verdana, Geneva, sans-serif;
   font-size:103%;
  top:calc(50% - 15px);
}
ul.jsn-submenu-level-1{font-size: 100%;}
/*===================end=========================*/
/*文章title*/
h3.jsn-moduletitle span{
  line-height:1.3em;
  font-size: 85%;
}
/*===================end=========================*/
/*文章中的list style*/
ol.list{
  list-style-type: cjk-ideographic; 
  line-height: 1.5em;

}
ul.web{
  font-size:110%;
  width:90%;
}

ul.web li{
	list-style-type: none;
	line-height:2.0em;
  border-bottom-style: dotted;
  border-width: 1px;
  border-color:#777777;
}
ul.web li a{
  color:#666666;
  text-decoration:none;
}
ul.web li a:hover, ul.web li a:active, ul.web li a:visited{
  color:#005580;
} 
/*===================end=========================*/
/*文章中的段落*/
p.article{
  text-indent: 2em;
  line-height: 1.5em;}
/*===================end=========================*/
/*table設定*/
table.name{
  width:100%;
  border-collapse: collapse;
}
table.name, table.name th, table.name td {
    border: 1px solid #A5DEE4;
}
table.name th, table.name td {
  height:1.3em;
  padding:3px;
}
table.name th{
  background:#005CAF;
  color:#ffffff;
}
table.name tr.alt td {
    color: #000;
    background-color: #005CAF;
}
/*table設定*/
table.group{
  width:100%;
  border-collapse: collapse;
  color:#404040;
  border-spacing:0;
}
table.group td {
   vertical-align: top;
    text-align: justify;
    border-right: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
}
table.group th, table.group td {
  height:1.3em;
  padding:3px;
  border: 1px solid #DEDEDE;
}
table.group th{
  background:#366999;
  color:#91b5d8;
}
/*photo ablum*/
ul.img {list-style-type:none;text-align:center; display:inline-block}
ul.img li{padding:5px 5px 10px 5px; border: 1px dotted #2E5C6E; float:left; margin:3px;}
ul.img li img{padding-bottom:2px; border-bottom:2px solid #2E5C6E;}
/*重要訊息*/
span.smalltitle{
  font-size:small;
  line-height:0.1em;
  letter-spacing:-1px;
}
/*link color*/
a{color:#005CAF;}
.link-action:hover {
    background-color: #005caf;
}
.link-action{border-bottom: 1px solid #005CAf;}
/*footer*/
ul.point{list-style-type:none;}
ul.point li{line-height:1.3em;margin: 0;}

/* CSS Document */

#gallery {
	width:660px;
	margin:100px auto;
	}

#gallery a {
	text-decoration:none;
	}

#gallery .item {
	width: 200px; height: 200px; overflow: hidden;
	float: left;
	border: 5px solid #333;
	margin: 5px;
	}


#gallery .item a { 
    overflow: hidden;
	}

#gallery .item a img {
	height: 100%; 
	align-self: center;
	}

.lightbox {
	/** Hide the lightbox */
	display: none;
	
	/** Apply basic lightbox styling */
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#333333;
	}

.lightbox:target {
    /** Show lightbox when it is target */
    display: block;
    outline: none;
}

.lightbox .box {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	min-width:500px;
 	margin: 2% auto;
	padding:10px 20px 10px 20px;
	background-color:#FFF;
	box-shadow: 0px 1px 26px -3px #777777; 
	}

.lightbox .title {
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px;
	}

.lightbox .content {
	display:block;
	position:relative;
	}
	

.lightbox .content .desc {
	z-index:99;
	bottom:0;
	position:absolute;
	padding:10px;
	margin:0 0 4px 0;
	background:rgba(0,0,0,0.8);

	color:#fff;
	font-size:17px;
	opacity:0;
	transition: opacity ease-in-out 0.5s;
	}	
	
.lightbox .content:hover .desc	{
	opacity:1;
}

.lightbox .next,
.lightbox .prev,
.lightbox .close {
	display:block;
	text-decoration:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#858585;
	}

.prev {
	float:left;
	}

.next, .close {
	float:right;
	}
	
	.clear {
		display:block;
		clear:both;
		}

.btn-member {
display:inline-block;
background-color:#F1E1C0;
color: #505379;
padding: 40px;
text-align: center;	
text-decoration: none;
font-size:x-large;
margin-right:20px;
opacity:0.9;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.btn-member:hover {
color:#fff;
background-color:#505379;
opacity:1;
text-decoration: none;
}

.btn-nonmember {
display:inline-block;
background-color:#E5E9F3;
color: #5E6BA4;
padding: 40px 38px 40px 38px;
text-align: center;	
text-decoration: none;
font-size:x-large;
margin-right:20px;
opacity:1;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.btn-nonmember:hover {
color:#E5E9F3;
background-color:#5E6BA4;
opacity:0.9;
text-decoration: none;
}
.btn-en {
display:inline-block;
background-color:#F0D5DD;
color: #5E6BA4;
padding: 40px 80px;
text-align: center;	
text-decoration: none;
font-size:x-large;
margin-right:20px;
opacity:1;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.btn-en:hover {
color:#E5E9F3;
background-color:#8092C4;
opacity:0.9;
text-decoration: none;}
.choose{
  opacity:0.8;
}
.choose:hover{
  opacity:1;
}
.first-letter { 
 font-size : 300%;   /*首字發大的比例*/
　  color:#333;
　  float : left;
　  line-height:600%;
　  margin-top:0px;
　  margin-left:0px;
　  margin-right: 4px;
　  margin-bottom: 2px;
　  padding: 0px;
　  border: 0px;}