/* CSS Document */
div,h1,h2,h3,h4,h5,h6,p,ol,ul,li,fidldset,form,label,legend,th,img{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;}

body,td,th,a,table,div,span,input,select,textarea{
font-family:Arial, Helvetica, sans-serif;
margin: 0px auto;
}
body{
color:#000000;
font-size:12px;
line-height: 20px;
background-color: #DCE7E6;
}

ol,ul,li{list-style-type: none;}

a:link,a:visited,a:hover,a:active{text-decoration:none}
a:link {text-decoration: none;color: #3a352a;}
a:visited {color: #3a352a;}
a:hover {color: #000000;}
a:active {color: #3a352a;}

h2{
font-size: 16px;
}


/**************/
#outer{
width:990px;
background: #C2B490 url(../images/basic/bg.gif) repeat right top;
position: relative;
overflow: hidden;
z-index: 0;
}
#inbg{
width:960px;
margin-right: 0px;
}

/*****menu******/
#logomenu{
float:left;
background: url(../images/basic/menubg.gif) no-repeat left top;
height: 137px;
width: 640px;
position: relative;
z-index:1;
}
#mlw{
height: 137px;
width: 640px;
position: absolute;
}
#pgtopmenu{
float:left;
background: url(../images/basic/pg_mbg.gif) no-repeat left top;
height: 137px;
width: 588px;
position: relative;
z-index:1;
}
#logop{
z-index:2;
float:left;
margin-left: 10px;
position: absolute;
height: 70px;
width: 126px;
overflow: hidden;
margin-top: 17px;
}
#logop h1{
margin-top: 800px;
}
#smu{
float:right;
width: 280px;
color: #FFFFFF;
margin-right: 70px;
padding-top: 25px;
}
#smu a{
color: #FFFFFF;
}
#smu a:visited
color: #FFFFFF;
}
#smu a:hover{
color: #FFFFFF;
}
#wm{float:left;}
#scar{
float:right;
color: #8D1B1A;
}
#scar a{
color: #A71F1F;
}
#scar a:visited{
color: #A71F1F;
}
#scar a:hover{
	color: #FF3366;
	text-decoration: underline;
}
#mbutton{
margin-top: 38px;
margin-left: 68px;
clear: left;
}
.m1 a{
float: left;
background: url(../images/basic/m1_01.gif) no-repeat left top;
height: 33px;
width: 72px;
display: block;
margin-top: 55px;
}
.m1 a:hover{
background: url(../images/basic/m1_01_2.gif) no-repeat left top;
height: 33px;
width: 72px;
}
.m2 a{
float: left;
background: url(../images/basic/m1_02.gif) no-repeat left top;
height: 33px;
width: 80px;
display: block;
margin-top: 49px;
}
.m2 a:hover{
background: url(../images/basic/m1_02_2.gif) no-repeat left top;
height: 33px;
width: 80px;
}
.m3 a{
float: left;
background: url(../images/basic/m1_03.gif) no-repeat left top;
height: 33px;
width: 85px;
display: block;
margin-top: 38px;
}
.m3 a:hover{
background: url(../images/basic/m1_03_2.gif) no-repeat left top;
height: 33px;
width: 85px;
}
.m4 a{
float: left;
background: url(../images/basic/m1_04.gif) no-repeat left top;
height: 33px;
width: 80px;
display: block;
margin-top: 33px;
}
.m4 a:hover{
background: url(../images/basic/m1_04_2.gif) no-repeat left top;
height: 33px;
width: 80px;
}
.m5 a{
float: left;
background: url(../images/basic/m1_05.gif) no-repeat left top;
height: 33px;
width: 80px;
display: block;
margin-top: 29px;
}
.m5 a:hover{
background: url(../images/basic/m1_05_2.gif) no-repeat left top;
height: 33px;
width: 80px;
}
.m6 a{
float: left;
background: url(../images/basic/m1_06.gif) no-repeat left top;
height: 33px;
width: 72px;
display: block;
margin-top: 26px;
}
.m6 a:hover{
background: url(../images/basic/m1_06_2.gif) no-repeat left top;
height: 33px;
width: 72px;
}
.m7 a{
float: left;
background: url(../images/basic/m1_07.gif) no-repeat left top;
height: 33px;
width: 70px;
display: block;
margin-top: 21px;
}
.m7 a:hover{
background: url(../images/basic/m1_07_2.gif) no-repeat left top;
height: 33px;
width: 70px;
}
#mswf{
height: 137px;
width: 640px;
position: absolute;
z-index:-1;
}

/*----------------------------------------------****menu about flash******/
#inswf{
float:right;
position: relative;
}
#picmenu{position: absolute;
z-index:-1;
right: 0px;}
#abflp{
position: absolute;
z-index:-1;
right: 0px;
}


/*----------------------------------------------****contant******/
#main_bg{
float:left;
background: url(../images/basic/c_box.gif) no-repeat left top;
width: 640px;
}
/*----------------------------------------------****index_news******/
#one_news{
	float:right;
	height: 132px;
	width: 255px;
	background: url(../images/basic/news1.gif) no-repeat left bottom;
	padding-right: 60px;
	padding-left: 35px;
	margin-top: 211px;
	padding-top: 16px;
	line-height: 24px;
}
#one_news h1{
font-size: 12px;
background: url(../images/line/line1.gif) repeat-x left bottom;
padding-bottom: 8px;
margin-bottom: 10px;
}
.innsmore a{
float:right;
height:17px;
width: 39px;
background-image: url(../images/button/b2.gif);
background-repeat: no-repeat;
background-position: left top;
color: #FFFFFF;
font-size: 11px;
display: block;
text-align: center;
line-height: 13px;
margin-top: -17px;
}
.innsmore a:hover{
height:17px;
width: 39px;
color: #FFFFFF;
text-decoration: underline;
float: right;
}

/*/*----------------------------------------------index_領養******/
#kwbox{
background: url(../images/basic/in_left.gif) no-repeat left top;
float: left;
height: 219px;
width: 430px;
position: relative;
left: 30px;
}
#ado{
position: absolute;
background: url(../images/basic/ado.gif) no-repeat right top;
height: 155px;
width: 333px;
right: 0px;
bottom: 0px;
}
#ado h2{
color: #514B39;
margin-top: 20px;
margin-left: 20px;
}
#ado p{
width: 230px;
margin-left: 20px;
margin-top: 10px;
}
#jf{
z-index:-1;
height: 145px;
width: 340px;
margin-left: 0px;
}
/*----------------------------------------------****index_news 2******/
#news{
background: url(../images/basic/news2.gif) no-repeat right bottom;
float: right;
height: 177px;
width: 500px;
color: #514b39;
padding-top: 10px;
padding-left: 20px;
}
#news h2{margin-left: 10px;}
#news ul{
margin-top: 15px;
float: left;
width: 350px;
}
.ns a{
	color: #000000;
	padding-left: 35px;
	height: 28px;
	width: 270px;
	display: block;
	margin-bottom: 4px;
	background-image: url(../images/icon/icon13.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	margin-left: 0px;
}
.ns a:hover{
color: #8d0000;
background: url(../images/basic/nicon.gif) no-repeat left bottom;
height: 32px;
border:none;
}


/*------------------------------------------------ page 設定------------------------------------------------*/
#pgm_bg{
float:left;
background: url(../images/basic/c_box.gif) no-repeat left top;
width: 960px;
padding-left: 30px;
position: relative;
}
#pgcont{
background: url(../images/basic/pg_bg2.gif) repeat-y left bottom;
overflow: hidden;
min-height: 450px;
height:auto!important;
overflow:hidden!important;
height:450px;
overflow:visible;
}
#pcbg1{
background: url(../images/basic/pg_bg3.gif) no-repeat left bottom;
overflow: hidden;
min-height: 450px;
height:auto!important;
overflow:hidden!important;
height:450px;
overflow:visible;
}
#pcbg2{
background: url(../images/basic/pg_bg1.gif) no-repeat left top;
overflow: hidden;
float: left;
width: 667px;
padding-top: 5px;
color: #777777;
padding-bottom: 30px;
line-height: 22px;
}
#pcbg_dr{
background: url(../images/basic/dr_pg_bg1.gif) no-repeat left top;
overflow: hidden;
float: left;
width: 667px;
padding-top: 5px;
color: #777777;
padding-bottom: 30px;
line-height: 22px;
}
#rhere{
width: 460px;
margin-right: 80px;
color: #FFFFFF;
text-align: right;
}
#rhere a{
color: #FFFFFF;
}
#rhere a:hover{
color: #FFFFFF;
text-decoration: underline;
}
/*----------------------------------------------****分頁******/
.pageno{
width: 570px;
text-align: center;
letter-spacing: 5px;
color: #8D1B1A;
font-weight: bold;
padding-top: 10px;
}
.pageno a{color: #7EADAC;}
.pageno a:visited{color: #7EADAC;}
.pageno a:hover{color: #8D1B1A;text-decoration: underline;}

/*----------------------------------------------****回上頁******/
.backbt{
	width: 320px;
	color: #8D1B1A;
	font-weight: bold;
	height: 40px;
	float: right;
}
.buttonbox{
	background: url(../images/button/ns2.gif) no-repeat left top;
	height: 30px;
	width: 115px;
	font-weight: normal;
	color: #CCCCCC;
	padding-top: 22px;
	padding-left: 20px;
	float: left;
}
.buttonbox a{
color: #DCE4E1;
}
.buttonbox a:visited{
color: #DCE4E1;
}
.buttonbox a:hover{
color: #FFFFFF;
text-decoration: underline;
}
/*----------------------------------------------****sidebar******/
#psbtit{float: left;}
#imgtit{float:left;}
#menupic{float:right;margin-top: 25px;}
#oderepaper{
clear: both;
margin-top: 30px;
float: left;
width: 180px;
margin-bottom: 20px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.oderep1{
	background-color: #fff;
	opacity: 0.4;/* 透明度70% FireFox 的寫法 */
	filter: Alpha(Opacity=40);
}
.oderep2{
	background:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
#ns_sidebar{
	float: right;
	width: 240px;
	position: relative;
	top: 90px;
}
#ns_sidebar ul{
	margin-right: 10px;
	clear: both;
}
/*#ns_sidebar ul li{ font-size: 13px; font-weight: bold; margin-bottom: 10px; color: #3a352a; padding-bottom: 5px; padding-left: 5px; }

#ns_sidebar ul li ul li{ font-size: 13px; font-weight: bold; margin-bottom: 10px; color: #3a352a; padding-bottom: 5px; padding-left: 5px; width: 100%; background-color: #FFC; }
*/
/*#ns_sidebar span{
	font-weight: normal;
	color: #666666;
}*/
#samens{
background: url(../images/title/2t1.gif) no-repeat left top;
margin-top: 10px;
color: #737852;
padding-top: 55px;
font-size: 13px;
padding-bottom: 20px;
}
#samens h3{
font-size: 13px;
padding-left: 40px;
}
#samens ul{
margin-top: 20px;
}
#samens ul li{
margin-bottom: 0px;
padding-bottom: 5px;
margin-top: 10px;
}
#samens ul li.wstyle03{color: #990000;font-weight: bold;}

#sbcf{
	color: #737852;
	font-size: 13px;
	width: 180px;
	padding-bottom: 280px;
	margin-left: 0px;
}
#sbcf h3{
font-size: 13px;
}
#sbcf ul{
	margin-top: 0px;
}
#sbcf ul li{
margin-bottom: 0px;
margin-top: 10px;
background-image: none;
padding-bottom: 0px;
}
#sbcf ul li.wstyle03{color: #990000;font-weight: bold;}
/*----------------------------------------------****top******/
#backtop{
float: right;
margin-bottom: 10px;
background-image: url(../images/icon/icon8.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
color: #65AAC0;
margin-right: 20px;
}
#backtop a{
color: #65AAC0;
}
#backtop a:hover{
color: #65AAC0;
text-decoration: underline;
}
#backtop2{
clear: both;
float: right;
margin-bottom: 10px;
background-image: url(../images/icon/icon8.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
color: #65AAC0;
margin-right: 320px;
}
#backtop2 a{
color: #65AAC0;
}
#backtop2 a:hover{
color: #65AAC0;
text-decoration: underline;
}

/*----------------------------------------------****內頁標題******/
.pmtitle{
	width: 600px;
	margin-top: 22px;
	margin-left: 40px;
	background: url(../images/line/line6.gif) no-repeat left bottom;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	height: 35px;
}
.pmtitle img{float:left;}
.pmtitle p{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.pmtitle p a{
	color: #666666;
}
.pmtitle p a:visited{
	color: #666666;
}
.pmtitle p a:hover{
	color: #000;
}
/*------------------------------------------------最新消息 news.asp------------------------------------------------*/
.nsbox{
width: 560px;
background: url(../images/line/line2.gif) no-repeat center bottom;
overflow: hidden;
margin-top: 30px;
line-height: 20px;
padding-bottom: 10px;
}
.nsbox a:hover{
text-decoration: underline;
}
.nsps{
float:left;
margin-bottom: 5px;
}
.nsbox img{
padding: 8px;
margin-top: 2px;
border: 1px solid #dacfa6;
background-color: #f4efd5;
margin-right: 20px;
}
.nsw{
float:left;
padding-bottom: 20px;
line-height: 24px;
width: 380px;
font-size: 13px;
}
.nsdate{
float:left;
margin-right: 10px;
}
.nsbox h2{
color: #515151;
margin-bottom: 10px;
}
.nsbox h2 a{color: #515151;}
.nsmore{
float:right;
background: url(../images/button/b1.gif) no-repeat left top;
height: 22px;
width: 71px;
text-align: center;
margin-top: 6px;
}
.nsmore a{color:#dce7e6;font-weight: bold;}
.nsmore a:visited{color:#dce7e6}
.nsmore a:hover{
color:#fff;
text-decoration: underline;
}
.ndt{color: #7DBBC6;}
.nsbox h2.w01{
margin-bottom: 25px;
}

/*------------------------------------------------留言討論 message.asp------------------------------------------------*/

.msgbox{
width: 605px;
background: url(../images/line/line5.gif) no-repeat center bottom;
overflow: hidden;
margin-top: 20px;
line-height: 20px;
}
.msgbox_none{background-image: none;}
.msgbox h1{
margin-left: 40px;
}
.msg_tb1{
background: url(../images/basic/pg_s01.gif) no-repeat top;
padding-top: 20px;
color: #494949;
}
.msg_tb1 h2{
font-size: 12px;
font-weight: normal;
color: #6d683a;
margin-left: 50px;
margin-bottom: 20px;
}
.msg_tb2{
background: url(../images/basic/pg_s02.gif) no-repeat top;
padding-top: 25px;
}
.msg_tb3{
background: url(../images/basic/pg_s03.gif) no-repeat top;
padding-top: 25px;
margin-top: 20px;
}
.msg_tb3 h2{
font-size: 15px;
color: #FFFFFF;
margin-left: 50px;
margin-bottom: 20px;
font-weight: bold;
}
.msg_tb4{
background: url(../images/basic/pg_s04.gif) no-repeat top;
padding-top: 25px;
}
.msg_tb4 h2{
font-size: 15px;
color: #FFFFFF;
margin-left: 50px;
margin-bottom: 20px;
font-weight: bold;
}
.msg_cotn{ 
background: url(../images/basic/pg_ms02.gif) repeat-y left top; 
width: 547px; 
padding-top: 10px; 
padding-right: 20px; 
padding-bottom: 10px; 
padding-left: 20px; 
}
.msg_cotn h3{
font-size: 15px;
color: #2b7b92;
background: url(../images/icon/icon4.gif) no-repeat left top;
padding-left: 25px;
margin-bottom: 10px;
}
.msg_cotn2{
background: url(../images/basic/pg_ms03.gif) repeat-y left top;
width: 587px;
height: 14px;
}
#msg_re{
	background: url(../images/basic/dpg0r.gif) repeat-y left top;
	border-bottom: 1px dotted #8ab2b4;
	width: 500px;
	margin-bottom: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 10px;
	color: #494949;
	padding-top: 10px;
}
#msg_re h2{
margin-left: 0px;
color: #FF6666;
margin-bottom: 5px;
font-size: 12px;
font-weight: normal;
}
#msg_re span{
margin-left: 20px;
color: #CBB789;
}

/***留言板table樣式***/
.tb1_style{width: 580px;}
.td_s1{width: 20px;height: 20px;padding-bottom: 20px;padding-right: 5px;}
.td_s2{width: 290px;}
.td_s3{text-align: center;width: 80px;}
.td_s4{text-align: center;}
.td2_sh{padding-bottom: 20px;background: url(../images/icon/icon4.gif) no-repeat center 10px;border-bottom: 1px dotted #8ab2b4;}
.td2_s1{border-bottom: 1px dotted #8ab2b4;padding-left: 10px;}
.td2_s2{color:#737373;text-align: center;border-bottom: 1px dotted #8ab2b4;}
.td2_s3{color:#ff5c8e;text-align: center;border-bottom: 1px dotted #8ab2b4;}

/*****表單樣式******/
textarea, input{
border: 1px solid #CDCCC1;
background-color: #FFFFCC;
}
input{font-size: 12px;}
.fpstyle{
margin-bottom: 10px;
background: url(../images/icon/icon2.gif) no-repeat left center;
padding-left: 15px;
}
.ts_ch{
float:left;
background:transparent none;
border-style: none;
margin-right: 20px;
}
.finp{width: 100px;}
.finp2{width: 300px;}
.ff1{width: 450px;}
.fbutton{width: 250px;}


/*------------------------------------------------日記------------------------------------------------*/
#dbg_01{
background: url(../images/basic/dpg02.gif) no-repeat left bottom;
height: 20px;
width: 640px;
margin-left: 1px;
margin-top: 17px;
}
#dbg_02{
background: url(../images/basic/dpg0r.gif) repeat-y left top;
width: 570px;
margin-left: 1px;
padding-left: 50px;
padding-right: 20px;
overflow: hidden;
}
.dyarea{
margin-bottom: 20px;
overflow: hidden;
background-image: url(../images/line/line2.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 8px;
}
.ddatebox{
float:right;
background: url(../images/basic/ddate.gif) no-repeat right top;
height: 38px;
width: 53px;
color: #999986;
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 17px;
margin-left: 20px;
}
.ddatebox span{
font-size: 11px;
font-weight: normal;
}
.dyarea h1 a:hover{
	text-decoration: underline;
}
#dbg_02 h1{
font-size: 15px;
color: #333333;
padding-bottom: 5px;
margin-top: 12px;
margin-bottom: 20px;
line-height: 22px;
}
.dspic{
float: left;
margin-right: 20px;
}
#dbg_03{
background: url(../images/basic/dpg01.gif) no-repeat left bottom;
height: 11px;
width: 640px;
margin-left: 1px;
margin-bottom: 20px;
}
/*------------------------------------------------about------------------------------------------------*/
#aboutbg{
background-image: url(../images/basic/ab_bg.gif);
background-repeat: no-repeat;
background-position: left top;
width: 600px;
margin-left: 0px;
padding-right: 10px;
padding-left: 40px;
}
#abp01{
float: left;
margin-top: 45px;
}
#aboutbg p{
padding-bottom: 5px;
}
#aboutbg h1{
color: #ff4657;
font-size: 24px;
margin-bottom: 10px;
}
#aboutbg h2{
margin-bottom: 10px;
color: #3D3D3D;
font-size: 18px;
font-weight: bold;
}
#aboutbg h2 span{
font-size: 22px;
color: #2fb3bb;
font-weight: bold;
line-height: 24px;
}
#abp02{
float: right;
margin-top: 45px;
width: 210px;
color: #4b4b4b;
line-height: 22px;
margin-bottom: 20px;
}
#abp03{
	clear: both;
	line-height: 20px;
	margin-right: 20px;
	margin-left: 20px;
	color: #4B4B4B;
	margin-top: 10px;
}
#abp03 ul li{
clear: both;
}
#abp03 ul li img{
	float:left;
	margin-right: 10px;
	margin-bottom: 20px;
}
/*-----------------------------------------------字樣------------------------------------------------*/
.wstyle01{font-size: 22px;color: #2fb3bb;font-weight: bold;}
.wstyle02{color: #000;}
.wstyle03{color: #8D1B1A;font-weight: bold;}
.wstyle04{font-size: 16px;}
.wstyle05{color: #000000;font-weight: bold;}
.wstyle06{color: #2FB3BB;font-weight: bold;font-size: 18px;}
.wstyle07{color: #FF4657;}
/*-----------------------------------------------footer------------------------------------------------*/
.btmp1{
float: left;
margin-left: 30px!important;
margin-left: 15px;
background: url(../images/button/b1.gif) no-repeat left top;
color: #dce7e6;
}
#footer{
background: url(../images/basic/btm.gif) no-repeat right top;
width:990px;
height:79px;
clear: both;
color: #d5d1b5;
}
#footer a{color: #d5d1b5;}
#footer a:hover{
color: #FFFFFF;
}
.btm{
width: 650px;
margin-right: 160px;
padding-top: 15px;
letter-spacing: 0px!important;
letter-spacing: -1px;
}
.crt{
text-align: right;
color: #3a352a;
}
.crt span{
color: #3a352a;
}



.noned{
	font-size: 15px;
	color: #990000;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 60px;
}



#epaper{
	background-image: url(../images/basic/epaper.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ECE0B4;
	height: 200px;
	width: 320px;
}
#epaper2{
	background-image: url(../images/basic/epaper2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ECE0B4;
	height: 200px;
	width: 320px;
}
#epp01{
	margin-top: 60px;
	margin-left: 26px;
	color: #666666;
}
#eppok{
	margin-top: 80px;
	color: #FA84A9;
	width: 180px;
	text-align: center;
	margin-left: 40px;
}
.epp03{
	color: #333333;
	width: 240px;
	background-color: #FFFFFF;
	margin-top: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-left-color: #999999;
}
.epp04{
	margin-top: 6px;
}
.epp05{	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#epbutton{
	float: right;
	margin-right: 50px;
	margin-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#privacy{
	width: 500px;
	background-color: #F4F4E3;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-top: 10px;
	padding-top: 20px;
}