/* --- TOP BANNER --- */
#top-banner figure{
	position:absolute; top:20px; left:50%; z-index:9999;
	background:url(../images/loading.gif) center 50% #fff no-repeat;
	box-shadow:0 0 8px rgba(0,0,0,.5);
	}
#top-banner .close{display:block; position:absolute; top:5px; right:5px; width:20px; height:20px; 
	background:url(../images/icon-close.png) center 50% #fff no-repeat;
	text-align:center; text-indent:-9999em;}
#top-banner img{max-width:970px!important;height:auto!important;width:expression(this.width > 970 ? "970px" : this.width)!important;}
.mask{display:block; position:fixed; left:0; top:0; z-index:8888; width:100%; height:100%; background:rgba(0,0,0,0.6); }
/* --- ! --- */


/* --- GLOBAL --- */
#homepage-left{float:left; width:450px;}
#homepage-left h1, #homepage-left h2, #homepage-left h3, #homepage-left h4{margin:0; font-family:"微軟正黑體", serif;}

#homepage-right{float:right; width:485px;}
#homepage-right h1, #homepage-right h2, #homepage-right h3, #homepage-right h4{margin:0; font-family:"微軟正黑體", serif;}
/* --- ! --- */


/* --- PICTURES --- */
#pictures{width:445px; height:251px; margin-bottom:25px;}
.slides{margin:0px auto; width:445px; height:251px; overflow:hidden; position:relative;}
.slide-pic{margin:0px; padding:0px; width:445px; overflow:hidden; list-style:none;}
/*.slide-pic img{width:445px; height:136px;}*/
.slide-pic li{display:none; position:relative; }
.slide-pic li.cur{display:block; width:445px; height:251px;}
.slide-pic li p{position:absolute; bottom:15px; left:0; z-index:50;
	margin:0; padding:5px; 
	color:#fff; font-size:13px;
	text-shadow:0 0 3px rgba(0,0,0,.7); -moz-text-shadow:0 0 3px rgba(0,0,0,.7); -webkit-text-shadow:0 0 3px rgba(0,0,0,.7);
}

.slide-li{margin:0px; padding:0px; width:100%; left:0px; bottom:0px; position:absolute;}
.slide-li li{margin:2px; padding:0px; width:10px; height:10px; float:left; overflow:hidden; list-style:none;
	background:#999; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.slide-li li.cur{background:#1b9b7d; }
.slide-li a{display:block; width:100%; height:10px;}
.slide-li a:hover{color:#F00; text-decoration:none; }
/* --- ! --- */


/* --- USERS(member/dr/technicians/people) --- */
#users{list-style:none; margin:0; padding:0;}
#users > li{float:left; width:216px; height:auto!important;min-height:120px;height:120px; margin-bottom:19px;
	box-shadow:0 1px 3px rgba(0,0,0,.1);}
#users > li li{font-size:13px; text-align:center;}

#users #member     {background:url(../images/users-green.png) 0 0 repeat-x; border:1px solid #5bb043; border-top:none;}
#users #dr         {background:url(../images/users-yellow.png) 0 0 repeat-x; border:1px solid #ff9b2d; border-top:none; margin-left:10px;}
#users #technicians{background:url(../images/users-blue.png) 0 0 repeat-x;border:1px solid #62afe4; border-top:none;}
#users #people     {background:url(../images/users-red.png) 0 0 repeat-x;;border:1px solid #fa7d7d; border-top:none; margin-left:10px}

#users h3{text-indent:-999em; background-repeat:no-repeat; background-position:center 50%; height:75px;}
#users #member      h3{background-image:url(../images/home-icon-member.png);}
#users #dr          h3{background-image:url(../images/home-icon-dr.png);}
#users #technicians h3{background-image:url(../images/home-icon-technicians.png);}
#users #people      h3{background-image:url(../images/home-icon-people.png) ;}

#users ol{list-style:none; margin:0; padding:10px 0;}
#users #member      ol{height:120px;}
#users #dr          ol{height:120px;}
#users #technicians ol{height:70px;}
#users #people      ol{height:70px;}
	#users #people      ol li{float:left; width:33.3%; box-sizing:border-box;}

#users a{text-decoration:none; color:#333; line-height:25px;}
#users a:hover{color:#0080e3;}
#users .disabled{text-decoration:none; color:#aaa; line-height:25px;}
/* --- ! --- */


/* --- NEWS --- */
#news{margin-bottom:18px; border-bottom:1px solid #ddd;}
#news h3{background:url(../images/home-title-news.png) 0 bottom no-repeat; height:24px; 
	font-size:16px; color:#36b698; font-weight:bold; line-height:35px; padding-left:10px;
	text-indent:-9999em; border-bottom:2px solid #36b698;}
#news .more{float:right; font-size:12px; color:#0080e3; margin-right:0px; margin-top:5px; font-weight:normal;}
#news td{font-size:12px; padding:5px 3px; vertical-align:top;}
#news time{color:#999;}
#news .type{color:#090;}
#news a{color:#333; text-decoration:none; font-size:13px;}
#news a:hover{color:#0c92d3;}
#news a:visited{color:#642e73;}
#news a.top{color:#cb0a0a;}

/* --- ! --- */


/* --- CALENDAR --- */
#ical{width:100%; font-size:12px; margin-bottom:24px;}
#ical header{}
#ical header a.full{float:right; text-decoration:none; color:#0080e3; margin-top:10px;}
#ical header h3{margin:0; font-family:'Open Sans', serif; font-weight:400; color:#158873; font-size:13px; padding:0 8px;}
#ical header h3 .year{font-size:13px;}
#ical header h3 .month{font-size:24px; font-weight:bold;}
#ical table{background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);
}
#ical table thead th{background:#cfe9e5; color:#158873; font-weight:normal; border:1px solid #a7d0ca;}
#ical table tbody td{text-align:center; font-size:12px; border:1px solid #ddd; height:15px; padding:0; font-family:'Open Sans', serif;}
#ical table tbody td a{display:block; background:#169683; color:#fff; font-weight:bold; text-decoration:none; padding:3px;}
#ical table tbody td a:hover{background:#0080e3; color:#fff;}
/* --- ! --- */


/* EVENTS */
ul.tabs{margin:0; padding:0; list-style:none; height:24px; border-bottom:2px solid #36b698;	width:100%;}
ul.tabs li{float:left; margin:0; padding:0; width:33%; overflow:hidden; position:relative; text-indent:-9999em;}
ul.tabs li#dest   {background:url(../images/home-title-event-dest.png) center 0 no-repeat; width:34%;}
ul.tabs li#foreign{background:url(../images/home-title-event-foreign.png) center 0 no-repeat;}
ul.tabs li#other  {background:url(../images/home-title-event-other.png) center 0 no-repeat;}
ul.tabs li#dest.active   {background:url(../images/home-title-event-dest-c.png) center 0 no-repeat;}
ul.tabs li#foreign.active{background:url(../images/home-title-event-foreign-c.png) center 0 no-repeat;}
ul.tabs li#other.active  {background:url(../images/home-title-event-other-c.png) center 0 no-repeat;}
ul.tabs li a{text-decoration:none; display:block; outline:none;}
ul.tabs li a:hover{border:1px solid #ade5d8;}

.tab_container{clear:both; float:left; width:100%;}
.tab_content{padding:3px;}
.tab_content ul{margin:0; padding:0; list-style:none;}
.tab_content ul li{padding:14px 0; background:url(../images/tr-bg.png) center bottom no-repeat; font-size:13px;}
.tab_content time{color:#129d76; font-size:14px; font-family:'Open Sans', serif}
.tab_content time strong{margin-right:0;}	/* 日期 */
.tab_content time span{}	/* 時間 */
.tab_content a{color:#333; text-decoration:none; font-weight:bold; font-size:15px;}
.tab_content a:hover{color:#0c92d3;}
.tab_content a:visited{color:#642e73;}
.tab_content .more{text-align:center; font-size:12px; padding:5px; border-top:1px solid #ddd;}
.tab_content .more a{color:#0080e3}

.none{text-align:center; font-size:13px; color:#666; padding:20px;}

/* --- BANNER --- */
#banners{background:#e9e9e9; padding:30px 0px; float:none; clear:both;}
#banners ul{width:980px; margin:0 auto; padding:0; list-style:none; }
#banners ul li{float:left; width:25%; text-align:center;}
#banners ul li img{margin:0 auto; border:1px solid #ccc;}
/* --- ! --- */


#tooltip{display:none; position:absolute; background:#fffeea; border:1px solid #2aa185; padding:8px; 
	color:#333; font-size:12px;
	box-shadow:0 0 5px rgba(0,0,0,.4); -moz-box-shadow:0 0 5px rgba(0,0,0,.4); -webkit-box-shadow:0 0 5px rgba(0,0,0,.4);}