/*-----------------------------*/
/* 框架定義區 */
/*-----------------------------*/
   

/*-----------------------------*/
/*上方網站導覽  */
/*-----------------------------*/
.content_top { background:url(../../images/vr/vr_01.jpg) right top no-repeat;}
.content_top2 { background:url(../../images/vr/main_02.jpg) right top no-repeat;}


/*-----------------------------*/
/* 首頁左邊選項 */
/*-----------------------------*/
.style1 { background:url(../../Images/vr/vr_22.jpg) top left no-repeat;}

/*-----------------------------*/
/* 內頁左邊選項  */
/*-----------------------------*/
.style2 { background:url(../../Images/vr/main_12.jpg) top left repeat-y;padding-bottom:40px;}

.ad2 {padding-left:35px;padding-top:2px;padding-right:35px }
.ad2 a:link, .ad2 a:visited {color:#FFEA8D; text-decoration:none;}
.ad2 a:hover{color:#FFFFFF;}

/*-----------------------------*/
/* 內頁內容間距 */
/*-----------------------------*/
.content{
padding-top:10px;
padding-left:30px;
padding-right:30px;
padding-bottom:0px;
}


/*-----------------------------*/
/* 內頁標題  */
/*-----------------------------*/
.vr_heading{
background:url(../../Images/vr/vr_heading.jpg) top left no-repeat;
width:742px; 
height:53px; 
color:#3193D1;
padding-top:23px; 
padding-left:45px; 
font-size:15px;
font-weight:bold;
}



/*-----------------------------*/
/*下面呀 */
/*-----------------------------*/
.content_base {	background-color: #7B7B7B; text-align: center; padding:16px; color:#C8C8C8;}

/*-----------------------------*/
/* 其它排版*/
/*-----------------------------*/

/*-----------------------------*/
/* 志工登入 */
/*-----------------------------*/
.login {
	
	background-image: url(../../Images/vr/login_bg.jpg)  ;
        background-repeat:no-repeat;
	background-position: left top; padding: 10px 20px 10px 30px;
	text-align:left;
	color:#145D9B;
}

.login_vr{
border:1px solid #3276B0;
width:115px;

}
/*-----------------------------*/
/* 最新消息  */
/*-----------------------------*/
.news_list{
background-image:url(../../Images/vr/vr_04_content.jpg);
padding:5px 18px 20px 130px;
background-repeat:no-repeat;
}
.news_back{
background-image:url(../../Images/vr/vr_04_bottom.jpg);
background-repeat:no-repeat;
}

.newsbk {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 2px; PADDING-TOP: 2px;
}
.news {
	PADDING-RIGHT: 5px; PADDING-LEFT: 100px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.orange {
	COLOR: #f26522
}

/*-----------------------------*/
/* 志工花絮  */
/*-----------------------------*/
.fw{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.fw_bg {
	background: url(../../images/vr/vr_bg01.jpg); 
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:5px; 
	padding-right: 10px; 
	height:160px;}
	
.fw_bg div {float:left; margin-left:15px; margin-right:20px; font-size:12px; text-align:center;}
.fw_bg div img {width:150px; height:100px; padding:2px; margin-bottom:5px; }


/*-----------------------------*/
/*足跡bar*/
/*-----------------------------*/
.adbar {color: #999999;padding-top: 12px;}
.adbar a:visited {color:#666666;}
.adbar a:link {color:#666666;}
.adbar a:hover { color:#999999; }


/*-----------------------------*/
/* 志工登入(橫的)  */
/*-----------------------------*/
.bar_layout { background: url(../../images/vr/bread_crumbs_back.jpg) top left no-repeat ; 
padding:12px 15px 12px 100px; width:380px; text-align:right;}


/*-----------------------------*/
/* 文章分享 */
/*-----------------------------*/
.share_head { margin-bottom:3px;}
.share_head div { border-bottom:1px solid #dbdce0; font-weight:bold; color:#0860A8; margin-right:1px; padding:2px;}
.share_field {clear:both; position:relative; top:0px; left:0px;}
.share_field div { margin-right:1px; padding:2px; border-bottom:1px solid #ededed;}

.d1 { float:left; width:22px; font-size:10px; text-align:center; background-color:#ededed; color:#666666; }
.d2 { float:left; position:relative; left:0px; width:400px; color:#660033;}
.d3 { float:left; position:relative; left:0px; width:160px;}
.d4 { float:left; position:relative; left:0px; width:120px;}


.note_bk { background:url(../../images/vr/notebg.jpg) left bottom no-repeat; padding:0px 0px 8px 4px; margin-bottom:10px;}
.note_0 { border:1px solid #e5dec1; background-color:#fffde4; padding:8px; }
.note_0 .head { background:url(../../images/vr/note_t1.gif) left top no-repeat; font-size:15px; color:#a47849; padding:3px 0px 2px 8px;}
.note_0 a:link, a:visited { color:#ff0000 }
.note_0 a:hover { color:#000000 }
.note_1 { border:1px solid #ededed; background-color:#ffffff; padding:8px; }
.note_1 .head { background:url(../../images/vr/note_t2.gif) left top no-repeat; font-size:15px; color:#485584; padding:4px 0px 2px 8px;}
.note_1 a:link, a:visited { color:#343ab2 }
.note_1 a:hover { color:#000000 }
.note_memo { font-size:10px; padding-left:32px; color:#bb4404}
.note_content {padding-left:32px;}
.note_content2 {padding-left:32px; line-height:24px;}

/*-----------------------------*/
/*志工花絮*/
/*-----------------------------*/
.medium_bk { background:url(../../images/vr/mediumbg.gif) right bottom no-repeat; padding:10px 4px 8px 0px ; margin-bottom:5px;}
.medium1 { border:1px solid #ededed; background-color:#ffffff; padding:8px; }
.medium1 img.thum { border:1px solid #dadada; padding:10px; width:162px; height:111px; }
.medhead { background:url(../../images/vr/note_t1.gif) left top no-repeat; font-size:15px; color:#a47849; padding:3px 0px 2px 8px;}
.medhead2 { background:url(../../images/vr/note_t2.gif) left top no-repeat; font-size:15px; color:#485584; padding:5px 0px 2px 28px;}
.med_content { padding-left:28px; margin-bottom:10px; color:#797979;}

.medium2 { }
.medium2 img.thum { border:1px solid #dedede; padding:2px; width:162px; height:111px; }


/*-----------------------------*/
/*首頁分享*/
/*-----------------------------*/
.note_dot {background: url(../../Images/vr/vr_15_content.jpg) repeat-y left top; padding:8px; color:#898989; font-size:10px; text-align:left;}
.note_dot div { background: url(../../Images/info_dot.gif) scroll no-repeat left top; padding:0px 5px 4px 30px;}
.note_dot a:visited {color:#9d6839;}
.note_dot a:link {color:#9d6839; font-size:12px;}
.note_dot a:hover { color:#e1893b; }



/*-----------------------------*/
/*志工實施計劃*/
/*-----------------------------*/
.plan{
background-image:url(../../Images/vr/vr_29_content.jpg);
background-repeat:no-repeat;
padding-top:10px;
padding-bottom:25px;
padding-right:10px;
padding-left:50px;
}

.plan_list{
color:#585858;
font-size:12px;
padding-left:5px; 
padding-top:8px; width:30%; float:left;
}

.plan_list a{
color:#585858;
text-decoration:none;
}
.plan_list a:hover{
color:#0872AE;
text-decoration:none;
}