body
{
	/*background-color:#F5F5F5;*/
	background-color:#F0F0F0;
	font-size:15px;
	line-height:1.3;
	font-family:Verdana, Geneva, sans-serif;
}
img 
{
	border:0;
}
textarea
{ /*textrea樣式*/
	overflow:hidden;
	word-wrap:break-word; /*自動換行*/
	word-break:break-all;
	border-radius: 3px; /*四個角的弧度*/
	/*box-shadow:inset -2px -2px 15px #C0C0C0; /*陰影*/
	border:1px solid rgb(232,232,232);
	font-size:15px;
}

/* 20160105 調整 */
.textStyle
{ /*text 樣式*/
	border-radius: 3px;
    border: 1px inset #F0F0F0;
    font-size: 15px;
	height:20px;
	text-align:left;
	color:#999;
	
}
/* 20160105 新增 */
.re_textStyle
{ /*text 樣式*/
	border-radius: 3px;
    border: 1px inset #F0F0F0;
    font-size: 15px;
	height:20px;
	text-align:center;
	color:#999;
	
}

/* 20160105 調整 */
.textareaStyle{
	border-radius: 3px;
    border: 1px inset #F0F0F0;
    font-size: 15px;
	height:18px;
	text-align:left;
	color:#999;
}

/* 20160105 調整margin-top */
.bigArea
{ /*整體DIV(不包括留言區)*/
	/*width:690px;*/
	width:100%;
	/*margin-left:14%;*/
	/*box-shadow: 9px 9px 10px #C0C0C0; /*陰影效果(外部)*/
	margin-top:15px;
}

/* 20160105 調整height */
.Area
{ /*發送留言區*/
	width:98%;
	height:225px;
	border:3px double #E0E0E0;
	
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* 20160105 新增 */
#apDivnumber
{
	width:100%;
	text-align:right;
	margin-top: 110px;
}

.Area2
{ /*顯示瀏覽人次區*/
	color:#625B57;
	font-weight: bold;
	font-size:15px;
	text-shadow:3px 3px 3px #C0C0C0;
	text-align:right; /*靠右*/
	/*漸層背景*/
	background: rgb(214,169,156); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(214,169,156,1) 2%, rgba(137,72,34,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(214,169,156,1)), color-stop(100%,rgba(137,72,34,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(214,169,156,1) 2%,rgba(137,72,34,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(214,169,156,1) 2%,rgba(137,72,34,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(214,169,156,1) 2%,rgba(137,72,34,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(214,169,156,1) 2%,rgba(137,72,34,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6a99c', endColorstr='#894822',GradientType=0 ); /* IE6-9 */


	
}
/* 20160105 調整 */
.Area3
{ /*顯示區*/
	border:1px dashed #013401;
	
	background-color: rgba(130,255,0,0.2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	width:98%;
	margin-bottom:10px;
}


/* 20160105 調整width */
.formArea1
{  /*表單的左區塊*/
	padding:3%;
	float:left; /*浮動靠左*/
	width:93%;

	
}

.formArea2
{ /*表單的右區塊*/

}

/* 20160105 調整 */
.reStyle
{ /*回覆區塊*/
	width:100%;
	word-wrap:break-word; /*自動換行*/
	word-break:break-all;
	

	
	background-color: rgba(255,255,255,0.9);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;


}
/* 20160105 新增 */
.re_moreMsg
{
	width:100%;
	height:30px;
	border-radius:2px; /*四個角的弧度*/
	text-align:center;
	font-size:15px;
	line-height:25px;
	
	background-color: #013401 !important;
}
/* 20160105 新增 */
.re_moreMsg a,a:link,a:active,a:visited,a:hover
{
	color:#F9F9F9;
	text-decoration:none;
	font-weight:bolder;
}

.new_reStyle
{ /*放置最新回覆的DIV*/
	width:100%;
	word-wrap:break-word; /*自動換行*/
	word-break:break-all;	
	border-radius:2px; /*四個角的弧度*/
}

/* 20160105 調整*/
.new_reStyle1
{ /*最新回覆的DIV*/
	width:100%;	
	word-wrap:break-word; /*自動換行*/
	word-break:break-all;


	
	background-color: rgba(255,255,255,0.9);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.linkStyle1
{ /*留言的刪除/編輯的區塊*/
	border-color:#013401;
	border-bottom-style:double;
	text-align:right;
	/*漸層背景*/
	background: rgb(245,245,245); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(245,245,245,1) 5%, rgba(220,220,220,1) 40%, rgba(201,201,201,1) 46%, rgba(245,245,245,1) 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(245,245,245,1)), color-stop(40%,rgba(220,220,220,1)), color-stop(46%,rgba(201,201,201,1)), color-stop(78%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 5%,rgba(220,220,220,1) 40%,rgba(201,201,201,1) 46%,rgba(245,245,245,1) 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(245,245,245,1) 5%,rgba(220,220,220,1) 40%,rgba(201,201,201,1) 46%,rgba(245,245,245,1) 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(245,245,245,1) 5%,rgba(220,220,220,1) 40%,rgba(201,201,201,1) 46%,rgba(245,245,245,1) 78%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(245,245,245,1) 5%,rgba(220,220,220,1) 40%,rgba(201,201,201,1) 46%,rgba(245,245,245,1) 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}

.record
{ /*按讚/爛區塊*/
/*
	border-color:#C6C6C6;
	color:#625B57;
	background-color:#F5F5F5;
*/
	background: transparent;
}

.linkStyle
{ /*回覆的刪除區塊*/ 
	text-align:right; /*靠左*/
	background-color:#F5F5F5;

}

.nameStyle
{ /*姓名區塊*/
	color:#6F3D0A;
	font-weight: bold;
	/*text-shadow:3px 3px 3px #C0C0C0;*/
}
.contentStyle
{ /*內容*/
	color:#625B57;
	word-wrap:break-word; /*自動換行*/
	word-break:break-all;
}
/* 20160105 調整*/
.contentStyle a
{
	color:#013401;
}

.msgStyle
{
	padding:10px;
}

/* 20160105 調整 */
.msgStyle1
{
	float:left;
	padding:10px;
	width: 100%;
}

.a_msgStyle
{ /*按回覆按鈕區塊*/
	margin-top:15px;
	overflow: hidden;/*清除浮動 float*/
	width:100%;
}

button
{
	font-size: 15px;
	color:#ffffff;
	background-color:#A9A9A9;
	box-shadow: 4px 4px 15px #808080; /*陰影效果(外部)*/
	border: 0px double #696969;
	border-radius: 15px; /*四個角的弧度*/
	width: 60px;
	height: 28px;
	cursor: pointer; /*可以讓滑鼠移到上面是顯示連結的圖案*/
}
button:hover
{ /*設定當滑鼠蓋在button上面時，該連接的樣式*/
	font-size: 15px;
	color:#ffffff;
	background-color:#625B57;
	box-shadow: 4px 4px 15px #808080; /*陰影效果(外部)*/
	border: 0px double #A9A9A9;
	border-radius: 15px; /*四個角的弧度*/
	width: 60px;
	height: 28px;
	cursor: pointer; /*可以讓滑鼠移到上面是顯示連結的圖案*/
}

button:active 
{ /*設定當button被點擊時，該連接的樣式*/
	font-size: 15px;
	color:#ffffff;
	background-color:#808080;
	box-shadow: inset 4px 4px 15px #696969; /*陰影效果(內部)*/
	border: 0px double #A9A9A9;
	border-radius: 15px; /*四個角的弧度*/
	width: 60px;
	height: 28px;
	cursor: pointer; /*可以讓滑鼠移到上面是顯示連結的圖案*/
}

#gotop 
{ /*回到頂部的箭頭樣式*/
    display: none; /*隱藏*/
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 10px;
    background-color: #990000;
    color: white;
	border-radius:100%; /*四個角的弧度*/
    cursor: pointer; /*可以讓滑鼠移到上面是顯示連結的圖案*/
}

#logout
{ /*登出的樣式*/
	position: fixed;
    right: 2%;
    bottom: 95%;      
    font-size: 15px;
    background-color: #625B57;
	box-shadow: 4px 4px 15px #808080; /*陰影效果(外部)*/
	padding: 5px 5px;   
    color: white;
	border-radius:15px; /*四個角的弧度*/
    cursor: pointer; /*可以讓滑鼠移到上面是顯示連結的圖案*/
}

#logout:hover 
{ /*蓋在上面時*/
	position: fixed;
    right: 2%;
    bottom: 95%;      
    font-size: 15px;
    background-color: #808080;
	box-shadow: 4px 4px 15px #C0C0C0; /*陰影效果(外部)*/
	padding: 5px 5px;   
    color: white;
	border-radius:15px; /*四個角的弧度*/
    cursor: pointer; /*可以讓滑鼠移到上面是顯示連結的圖案*/
}

#logout:active 
{ /*點擊時*/
	position: fixed;
    right: 2%;
    bottom: 95%;      
    font-size: 15px;
    background-color: #808080;
	box-shadow: inset 4px 4px 15px #625B57; /*陰影效果(內部)*/
	padding: 5px 5px;   
    color: white;
	border-radius:15px; /*四個角的弧度*/
    cursor: pointer; /*可以讓滑鼠移到上面是顯示連結的圖案*/
}

pre
{
	margin: 0; 
}

.content1
{ /*包含留言DIV+圖片與檔案DIV*/
	overflow: hidden;/*清除浮動 float*/
	clear: both;
}

/* 20160105 縮排調整 */
.content2
{ /*放置留言內容DIV*/
	float: left;
	margin-left: 1.5em;
	width: 63%;
}

/* 20160105 縮排調整 */
.re_conDiv
{
	margin: 1em 0 0 1.5em;
	padding-bottom: 1em;
}
/* 20160105 縮排調整 */
.re_Area
{
	padding:1em 2em 0 2em;
}


.content3
{ /*放置圖片與檔案DIV*/
	float: right;     
	width: 36%;
}

.img_style
{
	padding:5px;
	box-shadow: 1px 1px 25px #625B57;
}

.re_user
{ /*輸入姓名區塊*/
	float:left;
	width:70px;
	margin-right:8px;
}

.re_content
{ /*輸入回覆內容區塊*/
	float:left;
	width:290px;
}

.re_num
{ /* 驗證碼區塊 */
	float:left;
	width:150px;
}

.subbtn
{
	font-size:15px;
}