/* Global */
.homepage-top{
	background:#fff;
	height:288px;
	position:relative;
	overflow:hidden;
	box-shadow:0 2px 5px rgba(0,0,0,.25); -moz-box-shadow:0 2px 5px rgba(0,0,0,.25); -webkit-box-shadow:0 2px 5px rgba(0,0,0,.25); 
	margin-bottom:35px; 
}
.homepage-bottom{
	background:url(../images/background-home-content.png) right bottom no-repeat;
}


/* Pictures */
#pictures{width:499px; height:288px; float:left;}
.slides{margin:0px auto; width:499px; height:288px; overflow:hidden; position:relative;}
.slide-pic{margin:0px; padding:0px; width:499px; overflow:hidden; list-style:none; }
/*.slide-pic img{width:445px; height:136px;}*/
.slide-pic li{display:none; }
.slide-pic li.cur{display:block; width:499px; height:288px;}
.slide-li{margin:0px; padding:0px; width:100%; left:0px; bottom:0px; position:absolute;}
.slide-li li{margin:0px; padding:0px; width:20%; height:5px; float:left; overflow:hidden; list-style:none;
	background:url(../images/slider-bar.png);}
.slide-li li.cur{background:url(../images/slider-bar-current.png);}
.slide-li a{display:block; width:100%; height:5px;}
.slide-li a:hover{color:#F00; text-decoration:none; }


/* Latest News */
#latest-news{
	float:right;
	width:190px;
	margin-right:15px;
	position:relative;
}
#latest-news h3{
	font-size:20px; color:#ec008c; text-indent:-9999em; 
	background:url(../images/title-home-news.png) no-repeat; height:13px;
	margin-bottom:16px;
}
#latest-news small{float:right;}
#latest-news .more{display:block; width:15px; height:15px; font-size:12px; color:#00a7ff; 
	background:url(../images/btn-more.png) no-repeat; float:right; }
#latest-news ul{padding:0; list-style:none; height:137px;}
#latest-news ul li{font-size:12px; line-height:18px; padding-bottom:1.4em;}
#latest-news ul li a{color:#0095e4; text-decoration:none;}
#latest-news ul li a:hover{color:#ec008c;}
#latest-news time{font-size:12px; color:#777; display:block;}
#latest-news .scroll-pane{width:180px; height:300px; overflow:auto; border:1px solid #fff;}
.sticky{display:inline-block; *display:inline; zoom:1; 
	width:16px; height:16px; background:url(../images/icon-sticky.png) no-repeat; float:left;}

/* Welcome */
#welcome{
	float:left;
	width:440px;
	height:280px;
	margin-left:25px;
}
#welcome h3{
	font-size:20px; color:#ec008c; text-indent:-9999em; 
	background:url(../images/title-home-welcome.png) no-repeat; height:19px;
	margin-bottom:18px;
}
#welcome small{float:right;}
#welcome .more{display:block; width:15px; height:15px; font-size:12px; color:#00a7ff; 
	background:url(../images/btn-more.png) no-repeat; float:right; }
#welcome p{font-size:12px; line-height:18px; padding-right:10px;}
#welcome .photo{float:right; margin-left:10px;}


/* Kaohsiung Exhibition Center */
#kec{
	float:right;
	width:190px;
	margin-right:15px;
}
#kec h3{
	font-size:20px; color:#ec008c; text-indent:-9999em; 
	background:url(../images/title-home-kec.png) no-repeat; height:35px;
	margin-bottom:18px;
}
#kec small{float:right;}
#kec .more{display:block; width:15px; height:15px; font-size:12px; color:#00a7ff; 
	background:url(../images/btn-more.png) no-repeat; float:right; }
#kec p{font-size:12px; line-height:18px; padding-right:10px; height:270px;}


/* 2014.10.08 */
#important-info{position:fixed; top:0; left:0; z-index:99998; width:100%; height:100%; /*display:none;*/}
#important-info .close{position:fixed; top:10px; right:10px; z-index:100000; text-align:center;
	background:url(../images/close.png) no-repeat; width:27px; height:27px; text-indent:-99999em;}
#important-info #lightboxOverlay {
	position:fixed; top:0; left:0; z-index:1;
	height:100%; width:100%;
	background-color:black;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity:0.8; -moz-opacity:0.8; -webkit-opacity:0.8;}
#focus-images{position:relative; z-index:2;}
#focus-images .number{text-align:center; padding:10px; color:#fff;}

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.cycle-slideshow { width: 45%; min-width: 200px; max-width: 500px;  margin:10px auto; padding:0;
    background:url(../images/loading.gif) 50% 50% no-repeat;
	border:5px solid #fff; overflow:hidden;}

.cycle-slideshow img{width:100%; height:auto; margin:0 auto;}
.cycle-slideshow img:first-child {position:static; z-index:100;}

/* ctrl */
.ctrl{position:fixed; z-index:2;}
.ctrl a{position:fixed; top:0; display:block; width:50px; height:100%; text-indent:-99999em;}
.ctrl #prev{left:0%; background:url(../images/prev.png) 0 50% no-repeat;}
.ctrl #next{right:0%; background:url(../images/next.png) right 50% no-repeat;}

/* pager */
.cycle-pager{ text-align:center; width:100%; z-index:500; position:absolute; top:10px; overflow:hidden;}
.cycle-pager span {font-family:arial; font-size:50px; width:16px; height:16px; 
    display:inline-block; color:#ddd; cursor:pointer;}
.cycle-pager span.cycle-pager-active{color:#D69746;}
.cycle-pager > * {cursor:pointer;}
.cycle-pager {display:block;}

.example-pager{text-align:center; width:100%; position:relative; z-index:100000; top:10px; overflow:hidden; }
.example-pager span { font-size:24px; width:12px; height:12px; display:inline-block; color:#fff; margin:0 1px;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity:0.4; -moz-opacity:0.4; -webkit-opacity:0.4;}
.example-pager span.cycle-pager-active {color:#37bafe;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1; -moz-opacity:1; -webkit-opacity:1;}
.example-pager > * {cursor:pointer;}