/***************************************************訊息中心***************************************************/
.cf:before, .cf:after{content:""; display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
#MainContentLeft{float:left; width:536px; padding:15px 0 20px 20px;}
/*Content Right*/
#MainContentRight{float:right; width:390px; padding:15px 20px 20px 0;}
#MainAdContainer{width:390px;}
.msg-model{clear:both;}
.msg-model .tabs{height:50px; background:url(../images/bg-messageModel.png) repeat-x;}
.msg-model .tabs li{position:relative; float:left; font-size:14px; font-weight:700;}
.msg-model .tabs li{position:relative; float:left;}
.msg-model .tabs li a{padding:13px 15px 20px; display:block; color:#444;}
.msg-model .tabs li a:hover{color:#038c00;}
.msg-model .tabs li .current,.msg-model .tabs li .current:hover{background:url(../images/bg-messageAcruuent.png) center top no-repeat; color:#fff; padding:13px 14px 20px;}
.tabs-col2 .tabs li .current,.tabs-col2 .tabs li .current:hover{background:url(../images/bg-messageAcruuent.png) center top no-repeat; padding:11px 0 20px; color:#fff;}
.msg-model .tabs .notice a,.msg-model .tabs .notice a:hover,.msg-model .tabs .notice .current{background:url(../images/bg-msg-notice.png) center 9px no-repeat; color:#fff;}
.msg-model .NewsList li{position:relative; display:block; float:left; width:100%; font-size:1em;}
.msg-model .NewsList li a{
	padding:7px 5px; 
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#454545;
	background:none;
	border-bottom:0;
	min-height:auto;
}
.msg-model .NewsList li a:hover{color:#038c00;}
.msg-model .NewsList li a:visited{color: #959595;}
.msg-model .NewsList li a .date{padding:8px; color:#038c00;}
.msg-model .NewsList .BgColor{background:#f5f5f5;}
.NewsList-ft{text-align:right; padding:10px 5px; *padding:5px; background:url(../images/bg-NewsList-ft.png) repeat-x; clear:both; border-top:1px solid #eee;}
.more-btn{color:#038c00; padding:0 14px 0 0; background:url(../images/icon-NewsList-more.png) right center no-repeat; font-size:13px;}
.more-btn:hover{color:#038c00; opacity:0.7;}
.tabs-col2 .tabs li a{padding:11px 0 20px; display:block; color:#444; width:268px; text-align:center;}
.msgBanner-model{width:540px; padding:10px 0; clear:both;}
.msgBanner-model a{position:relative; float:left; padding:0 2px 0 0;}
.msgBanner-model a:hover{opacity:0.7;}
.msgRecruit-model{clear:both; font-size:.9em;}
.msgRecruit-inner{border:1px solid #e7e7e7; border-top:4px solid #2cb02a;}
.msgRecruit-hd{background:url(../images/bg-msgRecruit-hd.png) repeat-x #e8e8e8; min-height:57px; padding:15px 10px 10px 90px;}
.msgRecruit-bd{background:url(../images/bg-msgRecruit-bd.png) left bottom repeat-x; border-bottom:1px solid #fff;}
.msgRecruit-heading{background:url(../images/title-msgRecruit.png) no-repeat; width:130px; height:22px; overflow:hidden; display:block; text-indent:-999px; padding:0 0 8px;}
.msgRecruit-ft{background:#e1e1e1; padding:5px 10px 10px;}
.msgRecruit-ft li{position:relative; float:left; white-space:nowrap;}
.msgRecruit-ft li a{position:relative; background:url(../images/icon-msgRecruitList.png) 0 8px no-repeat; display:block; padding:5px 8px 5px 18px; *padding:5px 5px 5px 18px; color:#3a3a3a;}
.msgRecruit-ft li a:hover{position:relative; background:url(../images/icon-msgRecruitList.png) 0 -42px no-repeat; color:#038c00;}
.msgRecruit-ft li a:visited{color: #959595;}
.msgRecruit-btn{background:url(../images/btn-msgRecruitSearch.png) no-repeat; width:62px; height:23px; overflow:hidden; display:inline-block; *display:inline; *zoom:1; text-indent:-999px; border:0; cursor:pointer;}
.msgRecruit-btn:hover{opacity:0.7;}
.msgRecruit-select{width:104px; padding:2px; border:1px solid #d3d3d3; margin:0 3px 0 0;}
.recruit-Slider{position:relative;}
.recruit-table{table-layout:fixed;}
.recruit-table .hd{color:#fff; background:#2cb02a; padding:6px 0 6px 15px; text-align:left;}
.recruit-table th{border-left:1px solid #3dcc00;}
.recruit-table th:first-child{border-left:0;}
.recruit-table td{padding:15px 0 15px 15px; vertical-align:top; min-height:50px; color:#545454; position:relative; word-wrap: break-word;}
.join-btn{background:url(../images/join-btn.png) no-repeat; width:30px; height:30px; overflow:hidden; display:block; text-indent:-999px; border:0; cursor:pointer; margin:0 auto;}
.recruit-btn:hover,.join-btn:hover{opacity:0.7;}
.recruit-name{width:80px; text-align:left;}
.recruit-time{width:130px; text-align:left;}
.recruit-block{width:60px; text-align:center;}
.msgVideo-model{padding:15px 0 0;}
.msgVideo-inner{background:url(../images/bg-msgVideo.png) left bottom repeat-x #fff; border:1px solid #e2e2e2; padding:10px;}
.msgVideo-heading{background:url(../images/title-msgVideo.png) no-repeat; width:117px; height:23px; overflow:hidden; display:block; text-indent:-999px;}
.msgVideo-hd{position:relative; height:38px;}
.msgVideo-hd .more-btn{position:absolute; top:3px; right:3px;}
.msgVideo-bd{width:375px;}
.msgVideo-bd .pic{position:relative; text-align:center; width:150px; margin:0 auto;}
.msgVideo-bd .pic img{width:120px; height:80px;}
.msgVideo-bd .pic .icon,.video-results-list .icon{background:url(../images/icon-msgVideo.png) no-repeat; width:28px; height:28px; display:none; position:absolute; bottom:3px;}
.msgVideo-bd .pic .icon{right:15px; bottom:0;}
.video-results-list .icon{right:20px;}
.msgVideo-bd li{position:relative; float:left; width:180px; margin:0 4px 5px 0;}
.msgVideo-bd li a{width:120px; color:#565656;}
.msgVideo-bd li a:hover{color:#038c00;}
.msgVideo-bd li a:visited{color: #959595;}
.msgVideo-bd h4{padding:3px 5px; font-weight:400; font-size:.9em; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.side-banner{padding:10px 0 0; position:relative;}
.side-banner-hd{background:url(../images/LocalNavAreaBG_Top.png) no-repeat bottom center; width:232px; height:5px;}
.side-banner-ft{background:url(../images/LocalNavAreaBG_BTM.png) no-repeat top center; width:232px; height:7px;}
.side-banner-bd{background:url(../images/LocalNavAreaBG_Body.png) repeat-y;}
.side-banner-ft{height:5px; overflow:hidden;}
.side-banner-bd .item{padding:0 6px; text-align:center;}
.side-banner-bd .item img{width:220px;}
.side-banner-bd .more{text-align:right; position:absolute; bottom:4px; right:5px; background:#fff;}
.side-banner-bd .more a{opacity:.5; filter:alpha(opacity=50);}
.side-banner-bd .more a:hover{opacity:1; filter:alpha(opacity=100);}
.article-meta{border-top:1px dotted #ccc; padding:6px 0 30px; color:#888;}
.article-publish{float:left;}
.article-publishDate{float:right;}
.articles-btm{padding:20px 0 0; margin:0 0 -45px;}
.articles-btm #ShareNav{float:right;}
.related-articles{padding:20px 0; border-top:1px solid #ccc; margin:50px 0 0;}
.related-articles-hd{background:#7a7a7a; padding:5px 10px; font-size:15px;}
.related-articles-hd .heading{color:#fff;}
.related-articles-list{padding:10px 0 20px;}
.related-articles-list li{position:relative; float:left; width:345px; font-size:15px;}
.related-articles-list a{background:url(../images/icon-relatedArticles-list.png) 15px center no-repeat; color:#707070; width:320px; padding:6px 0 6px 25px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.related-articles-list a:hover{color:#038c00;}
.bulletin-board{padding:0 0 30px;}
.bulletin-list li{position:relative; float:left; clear:both; margin:0 0 10px; width:100%; }
.bulletin-list li a{
	padding:10px 50px 10px 15px; 
	display:block; 	
	border:1px solid #bbb; 
	background:url(../images/bg-bulletinListA.png) repeat-x #eee; 
	color:#434343; 
	font-size:15px;
	border-radius:5px;
	line-height:150%;
}
.bulletin-list li a:hover{
	border:1px solid #666; 
	background:url(../images/bg-bulletinListAhover.png) repeat-x #474747; 
	color:#fff;
	text-shadow:0px 0px 3px #000;
    filter:dropshadow(color=#000, offx=0, offy=0);
}
.bulletin-list .icon{background:url(../images/icon-bulletinList-arrow.png) no-repeat; float:left; width:25px; height:25px; overflow:hidden; position:absolute; top:10px; right:10px;}
.bulletin-list a:hover .icon{background:url(../images/icon-bulletinList-arrow.png) 0 -25px no-repeat;}
.RSS-step-block{padding:0 0 35px; width:695px;}
.step-table td{vertical-align:top; font-size:1.05em; color:#333; line-height:150%;}
.span-step{
	background:#04a700;
	color:#fff;
	font-size:12px;
	font-weight:700;
	border:1px solid #038b00;
	padding:0 10px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	border-radius:2px;
	margin:0 10px 0 0;
}
.rss-search{padding:20px 0; font-size:15px; width:600px;}
.rss-search-inner{
	background:url(../images/bg-rssSearch.png) repeat-x #777; 
	padding:7px;
	border-radius:5px;
}
.rss-search-block{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:10px 15px;
	background:#fff;
	border-radius:5px;
	margin:0 5px 0 0;
}
.rss-keyword{padding:2px 5px; width:370px; background:#fff; border:1px solid #ccc; margin:0 0 0 10px;}
.rss-search-btn{
	padding:10px 20px;
	*padding:10px;
	vertical-align:middle;
	*vertical-align:top;
	background:url(../images/bg-rssSearch-btn.png) repeat-x #efefef;
	border:1px solid #dedede;
	cursor:pointer;
	border-radius:5px;
}
.rss-search-btn:hover{background:#ddd;}


/*video responsive*/
/* override bootstrap styles */
.video-player-main{
	position:relative;
	width:440px;
}
.video-player-main embed{
	max-width:440px;
	max-height: 248px;
}
.video-player{border:1px solid #ddd; height:538px; overflow:hidden;}
.video-page .nofind{background:#fbfbfb; display:block; padding:6em 0; text-align:center;}
.video-page .icon-alert{display:block; margin:0 auto .5em;}
.video-page .nofind .title{font-size:1.1em;}
.icon-alert{background:url(../images/icon-alert.png) no-repeat; width:80px; height:80px; display:inline-block; *display:inline; *zoom:1;}

.video-page{width:680px; height:540px; margin:0 auto; overflow:hidden;}
.video-page .pull-left{float:left; width:65%;}
.video-page .pull-right{float:right; width:35%;}
.video-player-content{padding:0; color:#434343; line-height:150%; position:relative; border-top:1px solid #ddd;}
.video-page .pane{padding:0; max-height:110px; overflow:auto; margin:10px 15px; position:relative;}
.video-heading{font-size:1.1em; padding:15px; color:#101010;}
.video-date{font-size:.85em; color:#444; padding:0; font-weight:700;}
.video-tags{padding:0 0 15px;}
.video-tags a{color:#787878; margin:0 3px 0 0;}
.video-tags a:hover{color:#038c00;}
.video-format{padding:0 15px; position:absolute; top:5px; left:0;}
.video-format .col{width:150px; float:left;}
.video-format .hd{padding:3px 5px; line-height:1em; display:inline-block; *display:inline; *zoom:1; color:#fff; background:#9e9e9e; margin:0 5px 0 0; font-size:.85em;}
.video-format a{color:#444; margin:0 3px; text-transform:uppercase; font-size:.85em;}
.video-format a:hover{color:#038c00;}
.video-format a.current{color:#038c00; font-weight:700;}
.icon-video-player{background:url(../images/icon-video-i.png); width:18px; height:18px; overflow:hidden; display:block; text-indent: -999px; position:absolute; top:18px; right:15px;}

.video-tabs{position:relative;}
.video-tabs .tabs{height:32px; border-bottom:1px solid #ddd; padding:0 0 0 340px;}
.video-tabs .tabs li{position:relative; float:left;}
.video-tabs .tabs li{position:relative; float:left;}
.video-tabs .tabs li a{padding:4px 6px; display:block; color:#444; font-weight:400; font-size:13px; white-space: nowrap;}
.video-tabs .tabs li a:hover{color:#038c00;}
.video-tabs .tabs li .current,.video-tabs .tabs li .current:hover{border-bottom:3px solid #f41216; font-weight:700;}


.video-player-list{position:relative; padding:0 0 0 10px; height:538px; overflow: auto;}
#Contents .video-description,.video-description{line-height:1.5em; padding:0 0 10px; color:#444;}
#ContentsContainer .video-page h4{line-height:1.5em;}


.video-slider{height:180px;}
.video-header{margin:0 0 1em; border-left:7px solid #ee1b24;}
.video-header .heading{margin:0 15px 0 6px; padding:0 0 5px; border-bottom:1px solid #dfdfdf;}
.video-content{width:660px; position: relative; padding:0 0 15px;}
.video-group {padding:0 7px 20px; width:650px; position: relative;}
.video-item{float:left; width:25%; list-style:none; padding:0 0 15px;}
.video-item a{width:150px; display:block; margin:0 auto;}
#ContentsContainer .video-item h4,.video-item h4{color:#4f4f4f; font-size:1em; line-height:1.4em; margin:0 0 5px; max-height:48px; overflow:hidden;}
#ContentsContainer .video-item a:hover h4,.video-item a:hover h4{color:#038c00;}

#ContentsContainer .video-item .h4_style{color:#4f4f4f;font-weight: bold; font-size:1em; line-height:1.4em; margin:0 0 5px; max-height:48px; overflow:hidden;}
#ContentsContainer .video-item a:hover span,.video-item a:hover span{color:#038c00;}


#Contents .video-item p,.video-item p{font-size:.85em; line-height:1.3em; color:#666; margin:0;}
.video-item .pic{width:150px; height:100px; margin:0 0 5px;}
.video-item .pic img{width:150px; height:100px;}

.video-player-list .video-item{float:none; display: block; width:100%; list-style:none; position:relative; padding:0 0 10px;}

.video-player-list .pic{width:60px; height:40px; position:absolute; top:0; left:0;}
.video-player-list .video-item  img{width:60px; height:40px;}
.video-player-list .video-item a{width:auto; padding:0 0 0 65px; display: block; margin:0px;}

.recruit-area-bar{background:url(../images/bg-recruitAreaBar.png) repeat-x #e8e8e8; padding:10px 15px; border:1px solid #e6e6e6; border-top:4px solid #2cb02a;}
.recruit-area-list{border:1px solid #e7e7e7; max-height:540px; overflow:auto;}
.recruit-list-table .odd td{background:#f3f3f3;}
.recruit-list-table .hd{background:#2cb02a; color:#fff; text-align:left; padding:7px 10px; font-size:12px;}
.recruit-list-table th{border-left: 1px solid #3dcc00;}
.recruit-list-table th:first-child {border-left: 0 none;}
.recruit-list-table td{padding:10px 10px; font-size:1.05em; vertical-align:top; border-top:1px solid #e3e3e3; line-height:150%;}
.recruit-btn{
	background:url(../images/recruit-Btn.png) left bottom repeat-x #fff;  
	color:#565656;  
	font-size:.9em;
	display:block;
	cursor:pointer;
	text-indent:-999px;
	overflow:hidden;
	width:30px;
	height:30px;
	margin:0 auto;
}
.moreInfo-btn{
	background:#f0f0f0; 
	padding:2px 5px; 
	color:#565656; 
	border:1px solid #ddd; 
	font-size:12px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	cursor:pointer;
	margin:0 0 0 5px;
	box-shadow:0 1px 0 #fff inset;
}
.moreInfo-btn:hover{background:#ddd; color:#565656;}
.recruit-details{padding:20px;}
.recruit-details-hd{border-bottom:3px solid #eee; padding:10px 0; position:relative; margin:0 0 10px;}
.recruit-details-hd .heading{background:url(../images/title-recruitDetails.png) no-repeat; float:left; width:130px; height:21px; overflow:hidden; text-indent:-999px;}
.recruit-details #ShareNav{position:absolute; bottom:10px; right:5px;}
.recruit-details-content{border:1px solid #d7d7d7;}
.recruit-details-table .hd{background:#f5f5f5; padding:10px 0; color:#282828;}
.recruit-details-table .odd .hd{background:#e5e5e5;}
.recruit-details-table td{padding:10px 25px; color:#545454;}
.recruit-details-table .odd td{background:#f8f8f8;}
.recruit-details-map{border-top:1px solid #038c00; padding:0 1px 1em; margin:0 -1px; text-align:center;}
.recruit-details-map img{width:auto; height:auto; max-width:100%;}
.recruit-details-map .heading{background:#2cb02a; color:#fff; font-weight:400; font-size:.9em; text-align:center; padding:10px 0; margin:0 -1px 1em; border-top:1px solid #4faf4d;}
#MainAdOverView{width:923px; margin:0 auto;}
#MainAdOverView li{
	background:#eee url(../images/MainAdShadow.jpg) no-repeat bottom center; 
	padding-bottom:45px; 
	overflow:hidden; 
	clear:both; 
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#MainAdOverView li a{color:#535353; cursor:pointer;}
#MainAdOverView li:hover a{color:#ff7e00;}
#MainAdOverView li .Info{display:block; width:493px; padding:20px;}
#MainAdOverView li .Info h2{font-size:22px; line-height:130%; margin-bottom:15px;}
#MainAdOverView li .Info p{color:#989898;}
#MainAdOverView li .IMG img{width:390px; height:140px; display:block;}
#MainAdSmallOverView{margin-right:-28px;}
#MainAdSmallOverView li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	margin:0 27px 27px 0;
	width:212px;
}
#MainAdSmallOverView li a{color:#535353; background:#eee; display:inline-block; *display:inline; *zoom:1; padding:10px;}
#MainAdSmallOverView li a:hover{color:#ff7e00;}
#MainAdSmallOverView li a .Info{display:block;}
#MainAdSmallOverView li a .Info h2{font-size:14px;	line-height:130%; margin-bottom:10px;}
#MainAdSmallOverView li a .IMG{margin-bottom:10px;}
#MainAdSmallOverView li a .IMG img{width:191px; display:block;}

.RSS-keyword{font-size:1.05em; line-height:150%; position:relative;}
.RSS-keyword a{color:#069;}
.RSS-keyword a:hover,.RSS-keyword a:active{color:#038c00;}
.RSS-keyword a:visited{color:#930;}
.rss-whats{padding:30px 0 50px;}
.img-htsRss{float:right; margin:-25px 0 0 0; padding:0 0 0 15px;}
.img-channelRss{float:left; padding:0 20px;}
.img-whatsRss{float:left; padding:0 30px 0 15px;}
.rss-whats-col{float:right; width:470px;}
.rss-depiction{padding:0 0 10px;}
.rss-channel{padding:20px 0 0; display:inline-block; *display:inline; *zoom:1; width:100%;}
.rss-number{margin:0 0 0 -17px;}
.rss-subscribe-col{float:right; width:470px;}
.rss-subscribeList{width:500px;}
.rss-step-hd{padding:0 0 10px;}
.rss-subscribeList a{padding:8px 10px 8px 30px; background:url(../images/ShareNav_RSS.png) 10px 12px no-repeat #f0f0f0; display:inline-block; *display:inline; *zoom:1; width:110px; margin:0 5px 5px 0; color:#444;}
.rss-subscribeList a:hover{color:#038c00;}
.rss-hd{font-size:15px; font-weight:700; color:#038c00;}
.registration-table th{text-align:right; vertical-align:top; padding:8px 0;}
.registration-table td{padding:8px; vertical-align:top;}
.registration-table td img{vertical-align:middle;}
.field-required{color:#FF2D73;}
.registration-btn{
    background:url(../images/bg-recruitBtn.png) repeat-x left bottom #fff;
    border:1px solid #aaa;
    cursor:pointer;
    font-size:12px;
    margin:0 5px;
    padding:6px 20px;
	border-radius:3px;
	font-weight:700;
	color:#333;
}
.registration-btn:hover{opacity:0.7; filter:alpha(opacity=70%);}
.registration-form{background:url(../images/bg-registrationForm.png) repeat-x left bottom; border:1px solid #ddd; border-top:3px solid #2cb02a; padding:15px 0 30px;}
.registration-heading{font-size:16px; padding:0 0 20px;}
.field-s, .field-m, .field-l{border:1px solid #ccc; height:17px; padding:2px;}
.field-s{width:80px;}
.field-m{width:160px;}
.field-l{width:350px;}
.registration-table .textarea{
    border:1px solid #ccc;
    height:100px;
    vertical-align:top;
    width:344px;
	padding:5px;}
.registration-table select{border:1px solid #ccc; vertical-align:top; padding:2px; color:#545454;}
.registration-table .row{padding:0 0 5px;}
.registration-table .span1{padding:0 5px 0 0;}
.registration-table .span2{padding:0 5px 0 10px;}
.registration-table .span3{padding:0 15px 0 10px; vertical-align:middle;}
.icon-calendar{margin:0 5px -3px 3px;}
.checkAll{
    background:#eee;
    border:1px solid #aaa;
    cursor:pointer;
    font-size:11px;
    padding:2px 5px;
	border-radius:3px;
	color:#333;
}
.checkAll:hover{color:#333; opacity:0.7; filter:alpha(opacity=70%);}
.alert{margin-bottom:20px;}
.volunteerStep-menu{padding:5px 0 20px; background:url(../images/bg-volunteerStep.png) no-repeat; height:73px;}
.volunteerStep-menu li{position:relative; float:left;}
.volunteerStep-menu li span{display:block; height:66px; text-indent:-999px; overflow:hidden;}
.editStep1 span,.editStep2 span,.editStep3 span,.infoStep1 span,.infoStep2 span,.infoStep3 span,.infoStep4 span,.infoStep5 span,.infoStep6 span{background-image:url(../images/img-volunteerStep.png);}
.infoStep1 span{background-position:0 0; width:214px;}
.infoStep2 span{background-position:0 -66px; width:214px;}
.infoStep3 span{background-position:0 -131px; width:214px;}
.infoStep4 span{background-position:0 -196px; width:214px;}
.infoStep5 span{background-position:0 -262px; width:214px;}
.infoStep6 span{background-position:0 -327px; width:214px;}
.infoStep1 .current{background-position:-214px 0;}
.infoStep2 .current{background-position:-214px -66px;}
.infoStep3 .current{background-position:-214px -131px;}
.infoStep4 .current{background-position:-214px -196px;}
.infoStep5 .current{background-position:-214px -262px;}
.infoStep6 .current{background-position:-214px -327px;}
.editStep1 span{background-position:0 -395px; width:214px;}
.editStep2 span{background-position:0 -460px; width:214px;}
.editStep3 span{background-position:0 -525px; width:214px;}
.editStep1 .current{background-position:-214px -395px;}
.editStep2 .current{background-position:-214px -460px;}
.editStep3 .current{background-position:-214px -525px;}
.editStepS1 span,.editStepS2 span,.editStepS3 span,.editStepS4 span{background-image:url(../images/img-volunteerStepS.png);}
.editStepS1 span{background-position:0 0; width:178px; margin:0 0 0 3px;}
.editStepS2 span{background-position:0 -66px; width:178px; margin:0 0 0 -5px;}
.editStepS3 span{background-position:0 -131px; width:178px; margin:0 0 0 -5px;}
.editStepS4 span{background-position:0 -196px; width:178px;}
.editStepS1 .current{background-position:-186px 0;}
.editStepS2 .current{background-position:-186px -66px;}
.editStepS3 .current{background-position:-186px -131px;}
.editStepS4 .current{background-position:-186px -196px;}
.editStepMask span{width:180px;}
.editStepFirst{padding:0 0 0 30px;}
.editStepMask2 span{width:155px; margin:0 0 0 -5px;}
.volunteerStep-heading{font-size:1.1em; padding:2px 0 2px 5px; margin:0 0 15px; border-left:5px solid #090;}
.volunteerStep-group{margin:-18px 0 0;}
.msgBox{width:450px; background:url(../images/bg-registrationForm.png) left bottom repeat-x; margin:0 0 20px;}
#Contents .msgBox p{padding:30px 30px 30px 130px; margin:0; font-size:16px; line-height:150%; border-radius:5px; text-align:justify; min-height:60px; box-shadow:0 1px 0 #fff inset;}
.msg-verification{background:url(../images/img-msgVerification.png) 30px 20px no-repeat; border:1px solid #64aab3; color:#108290;}
.msg-complete{background:url(../images/img-msgComplete.png) 30px 20px no-repeat; border:1px solid #8eb86c; color:#499010;}
.msg-error{background:url(../images/img-msgError.png) 30px 20px no-repeat; border:1px solid #f8696c; color:#ed1f24;}
.msg-hr{background:url(../images/img-msgHr.png) 30px 30px no-repeat; border:1px solid #8eb86c; color:#499010;}
.msgBox .lightHigh{color:#ed1f24;}
.msgBox .btn{
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:4px 12px;
  font-size:.9em;
  line-height:20px;
  color:#333;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  background:#fff;
  border:1px solid #ccc;
  border-radius:15px;
}
.msgBox .btn:hover,
.msgBox .btn:focus,
.msgBox .btn:active,
.msgBox .btn.active,
.msgBox .btn.disabled,
.msgBox .btn[disabled]{color:#333;  background:#f0f0f0;}
.msgBox .btn-row{display:block; margin:15px 0 0;}
.complete-info{border:1px solid #eee; background:#f8f8f8; padding:20px 40px; border-radius:10px; font-size:15px; line-height:160%;}
.complete-info p{padding:0 0 15px;}
.complete-info .btn-row{text-align:right;}
.info-name{font-weight:700; color:#333; padding:0 5px 0 0;}
.complete-info .lightHigh{font-weight:700; color:#499010; padding:0 0 0 18px; background:url(../images/ListIcon_001.png) 0 4px no-repeat;}
.complete-info-btn{background:url(../images/bg-recruitBtn.png) left bottom repeat-x #fff; 
	padding:2px 10px; 
	color:#565656; 
	border:1px solid #aaa; 
	font-size:.9em;
	border-radius:5px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	cursor:pointer;
}
.complete-info-btn:hover{background:#eee; color:#666;}
.onlineApplication-form{border:1px solid #ddd; border-top:3px solid #038c00; background:url(../images/bg-registrationForm.png) repeat-x left bottom;}
.onlineApplication-hd{font-size:16px; text-align:center; padding:10px 0; background:url(../images/bg-registrationForm.png) repeat-x left bottom;}
.onlineApplication-form .heading{font-size:16px;}
.onlineApplication-table{line-height:180%;}
.onlineApplication-table th{border-top:1px solid #ddd; padding:6px 7px; background:#f8f8f8; font-weight:700;}
.onlineApplication-table td{border-top:1px solid #ddd; padding:6px 7px; vertical-align:middle;}
.onlineApplication-table td table td,.onlineApplication-table th{border-left:0; border-right:0; border-bottom:0;}
.onlineApplication-table .sub_table{border:1px solid #ddd;}
.onlineApplication-table .sub_table table,.onlineApplication-table .sub_table td td{border:0; padding:2px 0;}
.onlineApplication-table td input{vertical-align:middle ;border:1px solid #ccc;}
.onlineApplication-table .field-m{width:130px;}
.onlineApplication-table .textarea{border:1px solid #ccc; height:50px; padding:5px; vertical-align:top; width:485px;}
.onlineApplication-table label{margin:0 10px 0 0; vertical-align:middle;}
.onlineApplication-table .btn-row{padding:10px 0 30px;}
.onlineApplication-table .field-full{width:100%; height:17px; padding:2px; border:1px solid #ccc;}
.onlineApplication-table .hd{background:#fff;}
.pane{zoom:1;}
.pane:after{clear:both;}
.pane:before, .pane:after{content:""; display:table;}
.care-mod img{ max-width:200px;}
.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd; border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055); box-shadow:0 1px 3px rgba(0,0,0,0.055);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; max-width:200px;}
.imgLeft{margin:0 1em 1em 0; float:left;}
.imgRight{margin:0 0 1em 1em; float:right;}
.image-description{color:#777; font-size:.9em; padding:.3em; display:block;}
.download-table-mod{background:#f0f0f0; border:1px solid #e0e0e0; border-bottom:1px solid #bbb; padding:3px; border-radius: 4px;}
.download-table-inner{padding:1px; background:#fff; border-bottom:1px solid #e0e0e0;}
.download-table-mod .hd{background:#e8ebdc; font-size:.9em; color:#333; padding:.6em 1em; border-top:1px solid #dbdfcd; border-bottom:1px solid #038c00; font-weight:700; text-align:left; text-shadow: 0 1px 0 #fff;}
.download-table-mod td{border-top:1px solid #ddd; padding:.6em 1em; font-size:.9em; box-shadow:0 1px 0 #fff inset;}
.download-table-mod .date,.download-table-mod .size{color:#666;}
.download-table-mod .format img{vertical-align:top; margin:0 .1em 0 0;}
.download-table-mod .format{color:#777; font-size:11px; margin:0 .2em 0 0;}
.download-table-mod .format a,.download-table-mod .size a{color:#444;}
.download-table-mod .odd td {background:#f5f5f5;}
.icon-folder-mini{display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; margin:0 .3em 0 0; vertical-align:middle; background:url(../images/icon-folder-mini.png) no-repeat;}
.law-mod .hd{
	background:#e8ebdc;
	font-size:.9em;
	color:#333;
	padding:.6em;
	border-top:1px solid #dbdfcd;
	border-bottom:1px solid #038c00;
	font-weight:700;
	text-align:left;
	text-shadow: 0 1px 0 #fff;
}
.law-mod td{border-bottom:1px solid #ddd; padding:.6em; font-size:.9em; vertical-align:top;}
.law-mod .odd td{background:#f8f8f8;}
.law-mod .heading{font-size:1.15em; margin:0 0 1em; font-weight:400;}
.faq-btn {
	color:#4b4c4e;
	display:block;
	padding:15px 40px 15px 35px;
	border:1px solid #eee;
	background: url(../images/bg_article-lista.png) repeat-x #eee;
	border-radius: 10px;
	line-height:1.3;
	position:relative;
	float:left;
	width:613px;
	cursor:pointer;
	margin:0 0 10px;
}
.faq-btn:hover {color: #43acdb;}
.faq-btn h3{ font-weight:400;}
.faq-content{padding:10px 35px; float: left; width:575px; position:relative; font-size:15px; line-height:1.8;}
.faq-list .on .icon-arrow{background: url(../images/icon-faqArrow-on.png) no-repeat;}
.faq-list .over .icon-arrow,.faq-list a:hover{opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */}
.faq-list .icon-arrow{width:22px; height:22px; display:block; background: url(../images/icon-faqArrow.png) no-repeat; position:absolute; top:13px; right:10px;}
.faq-list .icon-questions{width:22px; height:22px; display:block; background: url(../images/icon-questions.png) no-repeat; position:absolute; top:15px; left:10px;}
.faq-list .icon-answer{width:22px; height:22px; display:block; background: url(../images/icon-answer.png) no-repeat; position:absolute; top:13px; left:10px;}
.clause-text{font-size:0.7em; text-align:right; color:#666;}
.clause-table{border:1px solid #2cb02a; padding:0 0 1px;}
.clause-table td{
	padding:.5em 1em;
	font-size:.9em; 
	line-height:1.8em;
	vertical-align:top; 
	border-top:1px solid #ddd; 
	vertical-align:top;
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
}
.clause-table th{font-size:.9em; padding:.5em; border-top:1px solid #ddd; vertical-align:top; text-align:left; line-height:1.8em;}
.clause-table .heading{font-size:1.05em; background:#2cb02a; color:#fff; border-top:1px solid #5dd42a; text-shadow:0 1px 0 #380; text-align:center; line-height:1.8em;}
.clause-table .hd{
	background:#f5f5f5; 
	font-size:.9em; 
	text-align:center; 
	vertical-align:middle;
	border-right:1px solid #ececec; 
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
}
.fileCopyCharge-table{border:1px solid #2cb02a;}
.fileCopyCharge-table .heading{background:#2cb02a; color:#fff; border: 1px solid #2cb02a; border-top:1px solid #5dd42a; font-weight:700; text-shadow:0 1px 0 #380; text-align:center;}
.fileCopyCharge-table td{padding:.2em 1em; font-size:.8em; vertical-align:top; border:1px solid #ddd;}
.fileCopyCharge-table th{padding:.5em; border:1px solid #ddd; vertical-align:top;}
.fileCopyCharge-table .hd{
	background:#f5f5f5; 
	font-size:.7em; 
	text-align:center; 
	vertical-align:middle; 
	border-top:0; 
	border-bottom:1px solid #ececec; 
	line-height:1.3em; 
	text-shadow:0 1px 0 #fff; 
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
}
.fileCopyCharge-table .type{width:20%;}
.fileCopyCharge-table .mode{width:20%;}
.fileCopyCharge-table .format{width:20%;}
.fileCopyCharge-table .charges{width:20%;}
.fileCopyCharge-table .remark{width:20%;}
.fileCopyCharge-table th:nth-child(2n){background:#f0f0f0;}
.onlineExhibition .item{
	width:33%; 
	background:#fbfbfb; 
	float:left;
	border:1px solid #fff;
	border:1px solid #ddd \9;
	position:relative;
  -webkit-box-shadow: 0 1px 3px #999;
          box-shadow: 0 1px 3px #999;
}
.onlineExhibition .item:hover{background:#2cb02a;}
.onlineExhibition .item a{display:inline-block; *display:inline; *zoom:1;}
.onlineExhibition .item a:hover{color:#fff;}
.onlineExhibition .item .pic{padding:5px;}
.onlineExhibition .item .pic img{width:100%;}
.onlineExhibition .item .caption{padding:.5em 1em 2.5em;}
.onlineExhibition .item .heading{font-size:1.05em; text-align:justify; line-height:1.5em;}
.onlineExhibition .item a{color:#333;}
.icon-exhibitionItemLink{background:url(../images/icon-exhibitionItemLink.png); width:32px; height:32px; display:inline-block; *display:inline; *zoom:1; position:absolute; bottom:.3em; right:.3em;}
.onlineExhibition .item a:hover .icon-exhibitionItemLink{background:url(../images/icon-exhibitionItemLink.png) left bottom;}
/*article mod*/
.article{font-size:1.05em; line-height:1.5em;}
.article a{color: #069;}
.article a:hover,.article a:active{color:#038c00;}
.article a:visited{color:#959595;}
#ContentsContainer .article .title{font-weight:700; color:#333;}
.article-item-title{color:#038c00; font-size:1.3em; line-height:1.4em; margin:0 0 .8em;}
#ContentsContainer .item-subtitle{font-size:1.05em; line-height:1.3em; padding:0 0 0 .4em; margin:0 0 .5em; border-left:6px solid #038c00; color:#333;}
.article .title img{vertical-align:middle; margin:-5px 0 0;}
.article-box-mod,.tenderNotice-mod{
          border-radius: 5px;
		  padding:4px;
		  border:1px solid #dfdfdf;
		  border-top:1px solid #eee;
		  border-bottom:2px solid #ccc;
		  margin:1em 0 2em;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.article-box-mod2{
          border-radius: 5px;
		  background: url(../images/bg-registrationForm.png) repeat-x left bottom;
		  padding:1.5em 2em;
		  border:1px solid #dfdfdf;
		  border-top:1px solid #eee;
		  border-bottom:2px solid #ccc;
		  margin:1em 1em 2em;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.article-box-mod .inner,.tenderNotice-mod .inner{
          border-radius: 5px;
		  padding:1em 1.5em;
		  background:#fbfbfb;
		  border-bottom:1px solid #e5e5e5;
}
.tenderNotice-mod{
	margin:1em 0; 
	border:5px solid #eee; 
	border-top:5px solid #f5f5f5; 
	border-bottom:5px solid #e0e0e0; 
	background:url(../images/bg-msgVideo.png) repeat-x left bottom #fff; 
	padding:1em 2em; 
	line-height:1.6em;
	text-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 1px #aaa;
          box-shadow: 0 1px 1px #aaa;
}
#ContentsContainer .tenderNotice-mod .heading{line-height:1.6em; font-size:16px;}
.tenderNotice-mod .row{margin:0 0 1em;}
.tenderNotice-mod .hd{color:#777; font-weight:700;}
.tenderNotice-list{margin:0; padding:0;}
.tenderNotice-list li{padding:1em 0; border-bottom:1px solid #ddd; list-style:none; line-height:1.8em;}
.tenderNotice-list li:first-child {padding:0 0 1em;}
.tenderNotice-list li:nth-child(2n){background:#fbfbfb;}
.tenderNotice-list a{color:#333; font-weight:700; font-size:1.05em;}
.tenderNotice-list a:hover{color:#038c00;}
.tenderNotice-list a:visited{color:#900;}
.tenderNotice-list .office{color:#666; margin:0 0 0 .5em; font-size:.9em;}
.tenderNotice-list .date{color:#038c00; margin:0 0 0 .5em; font-size:.9em;}
#ContentsContainer #Contents .article .article-link-list{padding:0;}
.article-link-list li{display:inline-block; *display:inline; *zoom:1; list-style:none; vertical-align:top;}
.article-link-list li:nth-child(2n){background:#fbfbfb;}
.article-link-list a{background: url(../images/ico_link_l.png) no-repeat 0 10px; display:block; padding:5px 20px 5px 17px; color: #069; line-height:1.3em;}
.article-link-list a:hover{color:#038c00;}
.article-linkStyle{color: #069;}
.article-linkStyle:hover{color:#038c00;}
.article .col_2 li{width:49%;}
.article .col_3 li{width:32.6%;}
.article .col_5 li{width:19.5%;}
.article .col_8 li{width:12.5%;}
.article .col_10 li{width:9%;}
.article .col_1 li{width:100%;}
.article .col_1 li a{padding:8px 20px 8px 17px; border-top: 1px dotted #ccc; background: url(../images/ico_link_l.png) no-repeat 0 13px; box-shadow:0 1px 0 #fff inset; text-shadow:0 1px 0 #fff;}
.article .col_1 li:first-child a{border-top:0; box-shadow:none;}
.red-text{color:#F00;}
.rssList-mod{height:120px; padding:3px 3px 5px; margin:1px 0 0; background:#f8f8f8; border:1px solid #ddd; border-top:1px solid #eee; *border:1px solid #ddd; border-bottom:1px solid #bbb; box-shadow:0 1px 0 #fff inset,0 1px 3px #ccc;}
.rssList-mod li{width:129px; height:120px; font-size:.9em; font-weight:700; float:left; text-align:center; margin:0 0 0 2px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.rssList-mod li:first-child{margin:0 0 0 1px;}
.rssList-mod li:hover{background:url(../images/bg-rssListHover.png) -1px 0 no-repeat;}
.rssList-mod li i{
	transition:  ease-out; /*for the future*/
	transition-duration: 300ms;
	-webkit-transition:  ease-out; 
	-webkit-transition-duration: 300ms;
	-moz-transition:  ease-out; 
	-moz-transition-duration: 300ms;
	-o-transition:  ease-out; 
	-o-transition-duration: 300ms;
	text-decoration: none;
}
.rssList-mod li:hover i{
	transition: ease;
	transition-duration: 300ms;
	-webkit-transition: ease;
	-webkit-transition-duration: 300ms;
	-moz-transition: ease;
	-moz-transition-duration: 300ms;
	-o-transition: ease;
	-o-transition-duration: 300ms;
}
.rssList-mod li a{color:#222; display:block; padding:25px 0; width:134px; height:84px;}
.rssList-mod li a:hover{color:#2cb02a;}
.icon-r1,.icon-r2,.icon-r3,.icon-r4{width:50px; height:50px; background-image:url(../images/icon-rss.png); display:block; margin:0 auto 2px;}
.icon-r1{background-position:0 0;}
.icon-r2{background-position:-50px 0;}
.icon-r3{background-position:-100px 0;}
.icon-r4{background-position:-150px 0;}
.rssList-mod li:hover .icon-r1{background-position:0 -50px;}
.rssList-mod li:hover .icon-r2{background-position:-50px -50px;}
.rssList-mod li:hover .icon-r3{background-position:-100px -50px;}
.rssList-mod li:hover .icon-r4{background-position:-150px -50px;}
#ContentsContainer #Contents .article .volunteer-list ul{background:#f4f4ef; padding:1.5em 1em; text-align:center;}
.volunteer-list li{
	width:46%; 
	position:relative; 
	display:inline-block; 
	*display:inline; 
	*zoom:1; 
	background:url(../images/bg-volunteerListArrow.png) right bottom no-repeat #fff; 
	margin:0 .5em;
	box-shadow:0 0 3px #ccc;
	list-style:none;
	border-radius: 0 10px 0 10px;
	border:1px solid #eee;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;
}
.volunteer-list li a{
	display:block;
	padding:1em 0 1.5em;
	font-size:16px;
	font-weight:700;
	color:#666;
}
.volunteer-list li img{
	display:block;
	margin:0 auto .3em;
}
.volunteer-list img:hover,.volunteer-list a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	transform:none;
}
.inform{border:1px solid #ddd; margin:0 0 2em; font-size:.9em; line-height:1.2em;}
.inform .title{padding:10px; background:#eee; border-top:1px solid #fff; text-align:center;}
.inform .content{padding:10px 15px;}
.inform .action{text-align:center; border-top:1px solid #ddd; padding:10px 0 25px; margin:0 15px;}
.inform label{cursor:pointer; margin:0 .5em;}
.inform input{vertical-align:middle; margin:0 .2em 0 0;}
#Contents .inform .lightHigh{color:#06f; margin:0 0 .5em; font-size:.85em;}
.dl-list{margin-top: 10px;}
.dl-list dt {
	padding-left: 20px;
	margin-bottom: 10px;
	background: url(../images/Topic_Style03.png) no-repeat left center;
	color: #666666;
	font-weight: 700;	
}
.dl-list dd {
	padding-left: 20px;
	margin-bottom: 10px;
	background: url(../images/ListIcon_002.jpg) no-repeat 3px 5px;
}
.dl-list dl{		
	margin: 10px 0 15px;	
}
.dl-list dd dd{
	padding-left: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
	background: url(../images/ListIcon_003.jpg) no-repeat 3px 5px;
}

#slides{min-height:140px;}
#slides .slides_container a img {
	width:390px;
	height:140px;
}

.no-Result {text-align:center;}
.no-Result .img{background: url(../images/img-no-Result-2.png) center center no-repeat; height:200px;}
#ContentsContainer .no-Result h4{color:#444;}
.h3_style{
	display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}