@charset "utf-8";
/*------general------*/
.block_center{
	display:block;
	margin:0 auto;
}
/*------font------*/
.font1{
	color: #053d75;
	font-size:18px;
	font-weight:bold;
}
.font2{	font-size:10px;}
.font3{
	font-weight:bold;
	color:#eb5c01;
	font-size:18px;
	display:block;
}
.font4{	font-size:12px;}
.font5{	font-size:11pt;}
.font6{color:#F15A24!important;}
/*------table------*/
.tableList{
	background:#effafc;
	border:1px solid #a7dfee;
	line-height:150%;
	color:#333;
	border-collapse:collapse;
}
.tableList th{
	text-align:left;
	background:#effafc;
	line-height:100%;
	border:1px solid #a7dfee;
}
.tableList td{background:#fff;border:1px solid #a7dfee;}
.tableList td:hover{background:#ffffc8;}

.show_table, .bio_table{margin:auto; font-size:15px;}
.show_table th, .bio_table th{
	padding:5px;
	background: #effafc; /* Old browsers */
	background: -moz-linear-gradient(top,  #effafc 0%, #a7dfee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#effafc), color-stop(100%,#a7dfee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #effafc 0%,#a7dfee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #effafc 0%,#a7dfee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #effafc 0%,#a7dfee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #effafc 0%,#a7dfee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#effafc', endColorstr='#a7dfee',GradientType=0 ); /* IE6-9 */

}
.show_table th,.show_table td, .bio_table th, .bio_table td{
	border:2px solid #a7dfee;
	height:25px;
	line-height:25px;
	text-align:center;
}
.show_table tr, .bio_table tr{background:#fffff5;}
.show_table tr:hover{	background:#ffffc8;}
.show_table tr.yes{background-color: #99CC66;}
.show_table tr.no{background-color: #FFFF66;}
.show_table tr.stop{background-color: #FF9999;}
.show_table tr.repeat{background-color: #FF9999;}
.bio_table td:hover{ background:#ffffc8; }
.icon img{cursor:pointer;}
.bio_table td{ font-size: 18px; width:140px;}

.ellipsis,.ellipsis250{
	width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;/*不換行*/
}
.ellipsis250{width:250px;}



/*-- 通用Table --*/
.normalTable{ border-collapse:collapse; font-size:16px;}
.normalTable th, .normalTable td{ border:thin solid #ffe45c;border-width:3px 3px;padding:5px 10px;}
.normalTable th{ background:#ffe45c;}

.hoverStyle tr:hover{ background:#FC9;}

.memberTable td, .memberTable th{ font-size:14px; padding:3px 5px;}
.break_word{ word-break:break;}


/* ------editor------ */


/* ------main_menu------ */
#main_menu ul{padding:0;margin:0;}
#main_menu li{
	color:#FFF;
	line-height:30px;
	font-family: 14px;	
	width:111px;
	cursor:pointer; 
	float:left;
	list-style:none;
	text-align:center;
}
#main_menu li a{
	color:#FFF;
	text-decoration:none;
}

#main_menu li#first_btn{	background:url("?pageact=image/index/main_button_first.jpg");}
#main_menu li.mybtn{	background:url("?pageact=image/index/main_button.jpg");}	
#main_menu li#first_btn:hover{background:url("?pageact=image/index/main_button_first_h.jpg");}
#main_menu li.mybtn:hover{background:url("?pageact=image/index/main_button_h.jpg");}

#main_menu, #adds{
	margin: 0; 
	padding: 0; 
	list-style-type: none;			
}
#adds li{
	margin-top:6px;
}

/*------searchnews.html------*/
.bulletin_item,.blog_item,.active_item{
	padding:10px;
	cursor:pointer;
	margin-bottom:20px;
}
.bulletin_item:hover,.album_item:hover,.active_item:hover,.blog_item:hover{
	color:#0854a1;
	text-decoration:underline;
}

/*------news.html------*/
.btn_register, .btn_login{ width:120px; height:50px; overflow:hidden; cursor:pointer;}
.btn_member, .btn_cooperate, .btn_business{ width:80px; height:80px; overflow:hidden; cursor:pointer;}
.btn_logout{ width:250px; height:50px; overflow:hidden; cursor:pointer;}
.btn_register{ background:url(?pageact=image/index/btn_login-01.jpg);}
.btn_login{ background:url(?pageact=image/index/btn_login-02.jpg);}
.btn_member{ background:url(?pageact=image/index/btn_login-03.jpg);}
.btn_cooperate{ background:url(?pageact=image/index/btn_login-04.jpg);}
.btn_business{ background:url(?pageact=image/index/btn_login-05.jpg);}
.btn_logout{ background:url(?pageact=image/index/btn_login-11.jpg);}

.btn_register:hover{ background:url(?pageact=image/index/btn_login-06.jpg);}
.btn_login:hover{ background:url(?pageact=image/index/btn_login-07.jpg);}
.btn_member:hover{ background:url(?pageact=image/index/btn_login-08.jpg);}
.btn_cooperate:hover{ background:url(?pageact=image/index/btn_login-09.jpg);}
.btn_business:hover{ background:url(?pageact=image/index/btn_login-10.jpg);}
.btn_logout:hover{ background:url(?pageact=image/index/btn_login-12.jpg);}

#news,#latest_active{
	width:385px;
	float:left;
}
#news{margin-right:20px;}
#news_page caption{
	font-size:18px;
	text-align:left;
	font-weight:bold;
	color:#F15A24;
}
#news_page th{background:#eee; color:#555;}
#news_page td{font-size:15px;}
#news_page .time{
	color:#777;
	font-size:12px;
}
#news_left_block{width:680px;}
#news_right_block{
	width:245px;
	float:right;
	margin-left:10px;
}

.title{ height:38px; overflow:hidden; background:url(?pageact=image/public/item_title.png) no-repeat; margin-bottom:5px;}
.title.announce{ width:173px; background-position:0px -38px;}
.title.member{ width:224px; background-position:0px -114px;}
.title.share{ width:173px; background-position:0px -76px;}
.title.banner{width:326px; background:url(?pageact=image/public/item_title_banner.png)}
/* 最新消息、文章 */
.news_block{
	width:330px; 
	float:left; 
	margin-top:30px;
}
#news_left_block h5,#news_right_block h5{
	font-size:16pt;
	font-weight:bold;
	color:#38b3b3;
	border-bottom:3px solid #008296;
	margin-bottom:5px;
	margin-top:0px;
}

.newsTable{ border-left:8px solid #ffe45c;}
.newsTable tr{	border-bottom:thin dashed #232323;}
.newsTable th{ background:#ffe45c;}
.newsTable td{padding:5px 5px 10px 10px;}
.newsTable span{cursor:pointer; font-size:10.5pt;}
.newsTable .news_date{ color:#eb5414; font-weight:bold; font-family:Arial;}

/* 最新相本 */
.news_block_album{
	width:98%; 
	float:left; 
	margin-top:20px;
	margin-left:20px;
}
.news_block_album h5{
	font-size:16pt;
	font-weight:bold;
	color:#38b3b3;
	border-bottom:3px solid #008296;
	margin-bottom:5px;
	margin-top:0px;
}
.news_block_album td{padding:5px 5px 10px 10px;}
.news_block_album tr{border-bottom:1px dotted #008296;}
.news_block_album span{cursor:pointer; font-size:11pt;}


/* 活動照片輪播 */
.event_photo{
	width:700px; 
	height:288px; 
	float:left; 
	background:#38b3b3;
	margin-top:-5px;
	-webkit-box-shadow: 5px 5px #e2e2e2,5px 5px 10px #666;
	-moz-box-shadow: 5px 5px #e2e2e2,5px 5px 10px #666;
	box-shadow: 5px 5px #e2e2e2,5px 5px 10px #666;
}
#event_pic{ width:660px; height:236px; margin-top:15px;margin-left:15px; border:5px solid #fff; background:#fff; overflow:hidden;}
.event_photo img{background:#fff;width:660px;overflow:hidden;}
#event_title{
	background:rgba(255,255,255,0.9);
	position:absolute;
	margin-top:-80px;
	width:600px;
	height:60px;
}
#event_name{margin:12px 40px; font-size:18pt; color:#008296; font-weight:bolder;}
#event_btn ul{list-style:none; float:right; margin-right:15px; margin-top:1px;}
#event_btn li{
	float:left; 
	width:15px; 
	height:15px;
	margin-left:5px;
	margin-top:5px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}
#btn_pre{background:#fff  url(?pageact=image/index/index_icon.png); background-position:0px -42px;}
#btn_pre:hover{background:#fff  url(?pageact=image/index/index_icon.png); background-position:0px -63px;}
#btn_next{background:#fff url(?pageact=image/index/index_icon.png); background-position:0px 0px;}
#btn_next:hover{background:#fff url(?pageact=image/index/index_icon.png); background-position:0px -21px;}
/* 活動訊息、最新快訊 */
#message,#activity{float:left;}
#btn_activity{cursor:pointer;}
.linkItem{position:relative; width:220px; min-height:60px; padding:5px; padding-bottom:15px; margin-bottom:10px; float:left; background:#E4F1F9;}
.linkItem a{ text-decoration:none; color:#000;}
.linkItem a:hover{ color:#555;}
.linkItem #btn_activity{position:absolute; bottom:7px; right:5px;}
.linkItem .activity_title{margin-top:5px;}
.linkItem .activity_desc{background:#069; color:#fff; padding:0px 3px;}
.linkItem .activity_time{position:absolute; float:left; top:3px; right:5px;}
.icon_time{ width:15px; height:15px; overflow:hidden; margin-right:5px; margin-top:3px;}
.message_icon{width:60px; height:40px; overflow:hidden; float:left; margin-right:5px;}
.hotnews_item{cursor:pointer;}
.hotnews_item:hover{ color:#555;}

/* news_calendar */
#news_calendar{ margin-top:10px;}
.gldp-flatwhite .monyear span, .gldp-flatwhite .dow{ font-family:Microsoft JhengHei;}
.gldp-flatwhite .monyear span{ color:white;}
.gldp-flatwhite .monyear, .gldp-flatwhite .monyear select{ background:#232323;}
.gldp-flatwhite .dow{ background:#ffe45c; color:#232323;}
.gldp-flatwhite .prev-arrow, .gldp-flatwhite .next-arrow{ color:white;}
.gldp-flatwhite .prev-arrow:active, .gldp-flatwhite .next-arrow:active{ color:#ffe45c;}
.gldp-flatwhite .prev-arrow:hover, .gldp-flatwhite .next-arrow:hover{ text-decoration:none;}
.gldp-flatwhite .selected{ border:thin solid #ffe45c; color:#f39800; background:white;}
.gldp-flatwhite .today{ border:thin solid #ffe45c; background:#ffe45c; color:#232323;}

/* newspage.html */
#ct_news{width:800px; margin:0 auto; background:rgba(228,241,249,0.7); padding:10px;}
.news_title{color:#069; font-size:24px; font-weight:bold;}
//.back{float:right; margin-right:50px;}
.article td,.article th{ border:thin solid #000;padding-left:10px;}
/*
.news_block{margin:20px 0px;}
.news_block .new_album{width:800px; float:left; margin-bottom:10px; font-size:13px;}*/

.album_item{
	width:180px;
	border:1px solid #eee;
	float:left;
	margin:5px 9px;
	text-align:center;
	cursor:pointer;
	padding-bottom:10px;
}
.album_item p{
	margin:0;
}
.album_cover{
	/*width:120px;*/
	height:120px;
	/*margin:5px auto;
	display:block !important;*/
	cursor:pointer;
}
.active_item{cursor:pointer;}
#addPicasaAlbum{margin-top:10px;}

/*------interflow_allblog_new.html------*/
.blog{
	padding:5px;
	margin:5px auto;
	background:#f7f8f7;
	border:1px solid #a29c9c;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.title:hover{text-decoration:underline;}
.blog_content{
	font-size:15px;
	margin:3px auto;
	padding:2px 10px;
	border-width:1px 0px 1px 0px;
	border-style:dashed;
	border-color:#aaa;
}

/*------interflow_browseblog.html  interflow_allblog_popular.html------*/
.title{ font-size:18px;	font-weight:bold;}
.reply{
	padding:5px 10px;
	margin:10px 0px;
	text-align:left;
	border:1px solid #feba1b;
	background:#fffff5;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	float:left;
	width:840px;
}
.pic_td{
	width:100px;
	margin-right:5px;
	text-align:center;
}
.re_content{
	padding:2px 10px;
	width:700px;
	border-width:1px 0px 1px 0px;
	border-style:dashed;
	border-color:#aaa;
}
#reply_content{
	width:700px;
	height:70px;
	font-size:16px;
	background:#fff url(?pageact=image/public/textfield_1x8.gif) repeat-x 50% 0%;
	border:1px solid #A6A6A6;
	margin-left:10px;
}

/*------interflow_allalbum_new.html------*/
.album{
	float:left;
	margin:5px 10px;
	padding:5px;
	border:1px solid #fff;
}
.album:hover{
	border:1px solid #9fc9fa;
	border-radius:5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #deecfe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#deecfe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#deecfe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#deecfe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#deecfe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#deecfe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#deecfe',GradientType=0 ); /* IE6-9 */

}
.albumpic{
	margin:auto;
	padding:2px;
	overflow:hidden;
	width:106px;
	border-radius:4px;
	border:1px solid #808080;
}
.albumpic div{
	border:1px double #808080;
	padding:2px;
	height:100px;
	cursor:pointer;
}
.albumpic img:hover{
	z-index:9999!important;
}
.albumarea{
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:5px;
	font-size:14px;
	text-align:center;n
	width:122px;
	height:20px;
}

/*------interflow_browsealbum.html------*/

.pic{
	display:inline-block;
	margin:7px;
	padding:2px;
	width:106px;
	height:100px;
	background:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	/*border:1px solid #808080;*/
}
.pic:hover{
	-moz-box-shadow:0px 0px 10px 0px #bbb;
	-webkit-box-shadow:0px 0px 10px 0px #bbb;
	box-shadow: #bbb 0px 0px 10px 0px;
}
.img{
	border:1px solid #808080;
	padding:2px;
	height:100px;
	cursor:pointer;
}
.rotatedown{
	border:1px solid Transparent;
	width:16px;
	height:16px;
	position:relative;
	top:-118px;
	left:100px;
	cursor:pointer;
	display:none;
}
.rotateup{
	border:1px solid Transparent;
	width:16px;
	height:16px;
	position:relative;
	top:-134px;
	left:-10px;
	cursor:pointer;
	display:none;
}
.del{
	border:1px solid Transparent;
	width:16px;
	height:16px;
	position:relative;
	left:100px;
	cursor:pointer;
}
.edit{
	border:1px solid Transparent;
	width:16px;
	height:16px;
	position:relative;
	top:-20px;
	left:10px;
	cursor:pointer;
	/*display:none;*/
}
.show_table  .edit{
	top:0px;
	left:0px;
}

.btnEdit{
	cursor:pointer;
}
/*.rotatedown:hover,.rotateup:hover,.del:hover,.edit:hover{
	border:1px solid #9fc9fa;
}*/

/*------interflow_browsepic.html------*/
#img{
	padding:5px;
	border:2px solid #808080;
	cursor:pointer;
	background:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:6px 6px 10px -2px #5a5a5a;
	-moz-box-shadow:6px 6px 10px -2px #5a5a5a;
	box-shadow: #5a5a5a 6px 6px 10px -2px;
}


/*------interflow_allalbum_seach.html------*/
/*------interflow_blog_list.html------*/
/*------interflow_blog_tag------*/
/*------interflow_blog_new------*/
/*------interflow_album_new------*/
/*------interflow_album_upload------*/
/*------interflow_album_list------*/
/*------interflow_album_tag------*/
/*------interflow_album_reply------*/


/*------member_login------*/
.login_left{
	float:left;
	width:460px;
	font-size: 15px;
	margin-left:20px;
}
.login_right{
	float:right;
	font-size: 15px;
	margin-right:20px;
}
.message{
	color:#cc3333;
	font-weight:bold;
	line-height:18px;
}
.login{
	margin:auto;
	text-align:center;
}
.login_right input[type="text"],.login_right input[type="password"]{
	width:156px;	
	padding-left:2px;
	padding-right:2px;
	border:1px solid #feba1b;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.register_button{
	width:150px;
	height:70px;
	margin:auto;
}
.brown{	color:#630;}
#account, #password{ border-radius:5px; height:30px; border:1px solid #ddd; padding:5px 10px; font-size:15px; background:#fff url(?pageact=image/public/textfield_1x8.gif) repeat-x;}
#forgetpw{ cursor:pointer; font-size:15px; color:#630; margin-left:20px;}
#member_login, #register{ width:65px; height:65px; float:left; margin-right:5px; font-size:16px; font-weight:bold;}
#member_login{ background:#ffe45c; color:#232323;}
.loginTable{ margin:0 auto;}
.loginTable td{ padding:5px;}

#ct_member_register{width:800px;margin:0 60px;}

/*------member_personal------*/
#person_remind{ padding:10px 15px; font-size:16px; margin-top:5px; font-weight:bold;}
.font_examine{ border-left:3px solid #1b809e; color:#1b809e;}
.font_unpaid{ border-left:3px solid #d9534f; color:#d9534f;}
.font_expire{ border-left:3px solid #d9534f; color:#d9534f;}
.font_countdown{ border-left:3px solid #f0ad4e; color:#f0ad4e;}
.icon_exclamation{ font-size:24px; font-weight:bold; border-radius:20px; padding:3px 8px; color:white; margin-right:10px; font-family:Arial Black;}
.font_expire .icon_exclamation, .font_unpaid .icon_exclamation{ background:#d9534f;}
.font_countdown .icon_exclamation{ background:#f0ad4e;}

/*------member_contact------*/
#addDialog th,#showDialog th{
	text-align:right;
}
/*------member_advanced_newpurchase------*/

.agency_table{
	font-size:18px;
	border:1px solid #89c0c7;
	background:#89c0c7;
}
.purchase_table{
	font-size:18px;
	border:1px solid #fcd847;
	background:#fcd847;
}

.agency_table th{background:#daebed;width:100px;font-weight:normal;}
.agency_table td{background:#fff;}
.agency_table input,.purchase_table input{width:300px;}

.purchase_table th{background:#ffff85;width:100px;font-weight:normal;}
.purchase_table td{background:#fff;}


/*------active_newlist------*/
#button,#close { 
	padding: .5em 1em; text-decoration: none;
	display:block;
	text-align:left;
}
#showCalendar { 
	width: 300px; 
	height: 300px; 
	padding: 0.4em; 
	position: relative; 
	margin-right:20px;
	display:none;
	float:right;
	z-index:500;
}

/*---------- adm_activityManage.html ----------*/
.cls_image div,.cls_file div{width:60px!important; height:35px!important;}

/*---------- about_history.html -----------*/
#his_content{
	float:right;
	width:49%;
	min-height:150px;
	border:thin solid #ffe45c;
	border-radius:5px;
	padding:8px 15px;	
}
/*---------- about_contactus.html -----------*/
#send{ display:block; margin:0 auto; margin-top:10px;}
/*---------- member_market.html -----------*/
#search_form{ float:left; margin-bottom:10px;}
.normalHeader{ background:#232323!important; color:white; border:thin solid #232323!important;}
/*---------- active_albumBrowse.html -----------*/
.browse .pic{
	display:inline-block;	
}