@charset "big5";
/*===========================================
Homepage
===========================================*/
body{
	background:url(../images/home-top-bg.jpg) center 0 no-repeat #fff !important;
}
#header-container{
	background-color:transparent !important;
	height:190px;
}
#header-container header{
	background-color:transparent !important;
}
#content-container{
	padding-top:0;
}
/*-------------------------------------------
Comm
-------------------------------------------*/
.home-block{
	background-color:#fff;
	position:relative;
	height:auto!important;min-height:335px;height:335px;
	border-radius:5px;
}
.home-title{
	margin:0;
	padding:14px 0 14px 84px;
	font-size:24px;
	background-color:#f4f4f4;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	position:relative;
}
	/* Icons */
	.home-title i{
		position:absolute; left:-20px; top:-20px;
		width:90px; height:90px;
		overflow:hidden;
	}
	/* more */
	.btn-more{
		display:block;
		width:30px; height:30px;
		position:absolute; right:10px; top:15px;
		text-indent:-99999em;
	}
/*-------------------------------------------
Homepage Top
-------------------------------------------*/
#homepage-top{
	height:auto!important;min-height:380px;height:380px;
}
	/* Member */
	.member-block{
		width:300px;
		float:left;
	}
	.member-block .home-title{background-color:#dedefa;}
	.icon-member{
		background:url(../images/home-icon-member.png) no-repeat;
		animation-delay:.2s;
		-webkit-animation-delay:.2s;
	}
	#user{
		padding:10px 29px;
	}
	#user input{
		width:100%;
		border-color:#9ea0db;
		font-size:15px;
		margin:5px 0;
	}
	#user .explanation{
		font-size:13px;
		margin:5px 0;
	}
	#user .code{
		width:140px;
	}
	#user #v-code{
		margin-left:12px;
		font-size:30px; vertical-align:-4px; color:#999;
	}
	#user .btn-login{
		padding:9px;
		font-weight:700; font-size:16px;
		background-color:#3235aa;
	}
	#user ul{
		margin:5px 0; padding:0; list-style:none;
	}
	#user ul li{
		float:left;
		width:33.3333%;
		font-size:13px;
	}
	#user ul li a{
		color:#09F;
	}
	.logined{
		padding:18px 0;
		line-height:1.8; font-size:16px;
	}
	
	/* News */
	.news-block{
		width:875px;
		float:right;
	}
	.news-block .home-title{background-color:#ffe5e7;}
	.icon-news{
		background:url(../images/home-icon-news.png) no-repeat;
		animation-delay:.4s;
		-webkit-animation-delay:.4s;
	}
	.news-block .btn-more{background:url(../images/home-icon-news-more.png) no-repeat;}
	.news-block .slimScrollDiv{
		margin-top:20px;
		margin-right:10px;
	}
	.news-block .none{
		padding:50px;
		text-align:center;
	}
	ul#news-list{
		margin:0; padding:0 20px 10px; list-style:none;
	}
	#news-list li:nth-child(even){
		background-color:#f5f5f5;
	}
	#news-list a{
		display:block;
		height:32px;
		overflow:hidden;
		color:#000;
		padding:5px 8px;
	}
	#news-list time{
		font-size:13px; color:#dcabab; line-height:1.8;
		margin-right:10px;
	}
	#news-list .type{
		font-size:13px; color:#666;
		margin-right:10px;
	}
		/* Hover */
		#news-list a:hover{
			color:#09F;
		}
		/* Top */
		#news-list .top .type{
			color:#e70012;
		}
/* Marquee News */
#news-marquee{
	position:absolute; top:10px; left:200px; z-index:10;
	width:600px; height:24px;
}
#news-marquee *{
	box-sizing:border-box;-webkit-box-sizing:border-box;
}
.marquee div{
	height:24px; 
	margin:10px 0 0; 
	overflow:hidden; 
	position:relative;
}
.marquee ul, .marquee li{padding:0; margin:0;}
.marquee li a{
	font-size:16px; line-height:24px;
	text-align:left;
	white-space:nowrap;  
	-o-text-overflow: ellipsis;    /* Opera */ 
	   text-overflow: ellipsis;    /* IE, Safari (WebKit) */
	        overflow: hidden;
}
.news_li, .swap{ line-height:19px; display:inline-block; position:absolute; top:0; left:0px;}
.swap{top:24px;}

/*-------------------------------------------
Homepage Bottom
-------------------------------------------*/
#homepage-bottom{
	width:100%;
    width:expression(document.body.clientWidth <= 1250? "1250px": "auto");
    min-width:1250px;	

	height:auto!important;min-height:468px;height:468px;
	padding-top:30px; padding-bottom:35px;
	background-color:#e9e9e9;
	background-size:100%;
}
	/* Calendar */
	.calendar-block{
		width:300px;
		height:auto!important;min-height:380px;height:380px;
		float:left;
		padding-bottom:20px;
	}
	.calendar-block .home-title{background-color:#fff7d5;}
	.icon-calendar{
		background:url(../images/home-icon-calendar.png) no-repeat;
		animation-delay:.6s;
		-webkit-animation-delay:.6s;
	}
	.calendar-block .btn-more{background:url(../images/home-icon-calendar-more.png) no-repeat;}
	#calendar{
		margin-top:10px;
		padding:0 20px;
	}
	#calendar .month{
		font-size:48px; font-weight:400;
		text-align:center;
		margin:0;
	}
	#calendar .year{
		font-size:13px;
	}
	#calendar table{
		margin-top:10px;
	}
	#calendar thead th{
		font-size:13px; color:#333;
		border-top:1px solid #ddd; border-bottom:1px solid #ddd;
		padding:3px;
	}
	#calendar tbody td{
		text-align:center;
		font-size:13px; color:#999;
		padding:2px;
		position:relative;
		line-height:28px;
	}
	#calendar tbody span{
		display:block;
		background-color:#f5f5f5;
	}
	#calendar a{
		display:block;
		color:#000; font-weight:700;
		border:2px solid #ffde00;
	}
	#calendar .today span, #calendar a:hover{
		background-color:#ffde00;
	}
	/* Photos */
	.photos-block{
		width:500px;
		float:left;
		margin-left:50px;
	}
	.flashBanner{
		position:relative; 
	}
	.flashBanner .BigPic{
		display:block; 
		width:500px; height:290px; 
		border-bottom:3px solid #009de6;
		border-radius:5px;
		overflow:hidden; 
		position:relative;
	}
		.flashBanner .bigImg{
			height:auto;
		}
		.flashBanner p{
			width:100%; height:111px;
			background:url(../images/pic_mask.png) 0 bottom repeat-x; 
			position:absolute; bottom:0px; z-index:100; 
			margin:0;
			padding:65px 10px 0;
			text-align:left;
			color:#fff;	font-size:15px;
		}
	.flashBanner .pics{
		height:80px; line-height:80px;
		width:100%; 
		text-align:center;
		margin-top:15px;
	}
	.flashBanner .pics span{
		position:relative;
		display:inline-block;*display:inline;zoom:1;
		width:80px; height:80px; 
		border-radius:50%;
		margin:0 7px 0;
	}
	.flashBanner .pics img{
		display:block;
		width:80px; height:80px;
		border-radius:50%;
		cursor:pointer; 
		position:relative;
	}
		/* show */
		.flashBanner .pics span.show img{
			opacity:.5;
			margin:-3px 0 0 -3px;
		}
		.flashBanner .pics span.show{
			border:3px solid #009de6;
			background-color:#333;
			overflow:hidden;
		}
		.flashBanner .pics span.show:after{
			content:"";
			width:86px; height:86px;
			background:url(../images/home-pic-current.png?20150823) no-repeat;
			position:absolute; left:-6px; top:-6px; z-index:0;
		border-radius:50%;
			
		}

	/* Publications */
	.publications-block{
		width:300px;
		height:auto!important;min-height:300px;height:300px;
		float:right;
		padding-bottom:20px;
	}
	.publications-block .home-title{background-color:#cfe8d4;}
	.icon-publications{
		background:url(../images/home-icon-publications.png) no-repeat;
		animation-delay:.8s;
		-webkit-animation-delay:.8s;
		z-index:200;
	}
	.publications-block .btn-more{background:url(../images/home-icon-publications-more.png) no-repeat;}
	#random-item{
		padding:0 20px;
	}
	#random-item figure{
		margin:10px auto 40px;
		text-align:center;
		width:240px;
		height:140px;
		overflow:hidden;
	}
	#random-item figure img{
		display:block;
		max-height:140px!important;width:auto!important;height:expression(this.height > 140 ? "140px" : this.height)!important;
		margin:0 auto;
	}
	#random-item figcaption{
		margin-top:10px;
		font-size:15px; color:#111;	
	}
	#random-item .btn{
		width:45%;
		padding:10px;
	}
	#random-item .btn-buy{
		background-color:#17902f;
	}

	/* cycle-slideshow */
	.cycle-slideshow, .cycle-slideshow * {
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	}
	.cycle-slideshow {
		min-width:240x; max-width:240px; 
		margin:0 auto; 
		padding:0; 
		position:relative;
		/*background:url(../images/spinner.gif) 50% 50% no-repeat;*/
	}
	.cycle-slideshow img { 
		position:absolute; top:0; left:0;
		max-height:140px!important;width:auto!important;height:expression(this.height > 140 ? "140px" : this.height)!important;
		padding:0; 
		display:block;
	}
	.cycle-slideshow img:first-child {
		position: static; z-index: 100;
	}

	.button-map{
		display:block;
		background:url(../images/button-map.png) no-repeat;
		width:300px; height:60px;
		border-radius:5px;
		text-indent:-99999em;
		position:absolute; top:330px;
	}
/*-------------------------------------------
Related Links
-------------------------------------------*/
#related-links{
	background-color:#fff;
}
#related-links ul{
	margin:0 2%; padding:32px 0; list-style:none;
}
#related-links ul li{
	float:left;
	text-align:center;
	/*width:16.6666%;*/
	/* default - width:16.6666%; */
	margin:0 12px;
}
#related-links ul li img{
	display:block;
	width:auto;/* default - width:146px; */
	height:115px;/* default - width:115px; */
	border:3px solid #e9e9e9;
	margin:0 auto;
}
	/* wide */
	#related-links ul li.wide{
		width:290px;
	}
	#related-links ul li.wide img{
		width:auto !important;
		height:100px;
	}

/*-------------------------------------------
Top Banner
-------------------------------------------*/
#top-ban-block{
	position:fixed; left:0; top:0; z-index:999;
	width:100%; height:100%;
	background:url(../images/fancybox_overlay.png?20150823);
	overflow:hidden;
	box-sizing:border-box;
}
#top-ban-block *{
	box-sizing:border-box;
}
#top-ban-block div{
	width:100%; height:100%;
	padding:20px;
	background:url(../images/fancybox_loading.gif) 50% 70px no-repeat;
}
#top-ban-block figure{
	margin:0 auto;
	text-align:center;
}
#top-ban-block img{
	position:relative; z-index:1001;
}
#top-ban-block .close{
	display:inline-block;
	position:fixed; right:12px; top:12px; z-index:1002;
	width:32px; height:32px;
	background:url(../images/close.png?20150823) 50% 50% no-repeat;
	text-indent:-99999em;
}
#top-ban-block .bg-close{
	display:block;	
	position:absolute; left:0; top:0; z-index:1000;
	width:100%; height:100%;
}