@charset "utf-8";
* {
   padding:0;
   margin:0;
}
body {
  background-size: cover; 
  background-image: url(../images/AA.jpg);
  　-moz-user-select : none;
　-webkit-user-select: none;
}
#content{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url(../images/content.png);
}
#header{
	height: 74px;
	width: 1000px;
	background-image: url(../images/header-0.jpg);
}
#header_search{
	height: 40px;
	width: 990px;
	text-align: left;
	background-color: #5E4231;
	color: #FFF;
	font-family: "微軟正黑體";
	font-weight: bolder;
	line-height: 40px;
	padding-left: 10px;
}
#menu_header{
	height: 47px;
	width: 923px;
	text-align: left;
	color: #6E9F38;
	font-family: "微軟正黑體";
	font-weight: bolder;
	line-height: 40px;
	padding-left: 77px;
	font-size: 31px;
	letter-spacing: 20px;
	background-image: url(../images/content.png);
	padding-top: 44px;
}
#topicmenu {
    width: 923px;
    height:auto;
    padding-left: 77px;
    	background-image: url(../images/content.png);
}
#topicmenu a {
    text-decoration: none; 
    color: #666666;
}
#topicmenu a:hover {
	text-decoration: none;
	color: #666666;
	font-weight: bolder;
}
#footer{
	background-color: #FFF;
	width: 1000px;
	height: 75px;
	line-height: 15px;
	font-family: "微軟正黑體";
	font-size: 14px;
}
#mglist {
	width: 1000px;
}
#mglist_header {
    width: 1000px;
    height: 39px;
    background-image: url(../images/mglist_1.png);
}
#mglist_body {
    width: 920px;
	height:auto;
    background-image: url(../images/mglist_2.png);
    padding-left:40px;
    padding-right:40px;
}
#mglist_footer {
    width: 600px;
	height: 80px;
    background-image: url(../images/mglist_3.png);
    font-size: 14px;
	word-break: break-all;
	color: #603813;
    padding-left:200px;
    padding-right:200px;
}
.column{
	height: 905px;
	width: 1000px;
	background-image: url(../images/column-02.png);
	font-family: "微軟正黑體";
	font-size: 11px;
	background-position: 1000px 938px;
	padding-top: 35px;
	word-break: break-all;
}
.column_text{
	font-family: "微軟正黑體";
	font-size: 11px;
	word-break: break-all;
	margin: 0px;
	padding: 5px;
}
.column_footer{
	font-size: 14px;
	word-break: break-all;
	color: #603813;
}
#hlinkbtn a {
    background: url(../images/header-01.png);/*預設顯示圖片*/
    display: block;
    font-size: 0; 
    height: 42px;/*圖片高度*/
    width: 90px;/*圖片寬度*/
}
#hlinkbtn a:hover {
    background: url(../images/header-01-b.png); /*滑鼠移過顯示圖片*/
}
#hlinkbtn2 a {
    background: url(../images/header-02.png);/*預設顯示圖片*/
    display: block;
    font-size: 0; 
    height: 42px;/*圖片高度*/
    width: 93px;/*圖片寬度*/
}
#hlinkbtn2 a:hover {
    background: url(../images/header-02-b.png); /*滑鼠移過顯示圖片*/
}
#hlinkbtn3 a {
    background: url(../images/header-03.png);/*預設顯示圖片*/
    display: block;
    font-size: 0; 
    height: 42px;/*圖片高度*/
    width: 114px;/*圖片寬度*/
}
#hlinkbtn3 a:hover {
    background: url(../images/header-03-b.png); /*滑鼠移過顯示圖片*/
}
#topbtn a{
    background: url(../images/column_footer_icon-01.png);/*預設顯示圖片*/
    display: block;
    font-size: 0; 
    height: 13px;/*圖片高度*/
    width: 14px;/*圖片寬度*/
}
#topbtn a:hover {
    background: url(../images/column_footer_icon-01b.png); /*滑鼠移過顯示圖片*/
}
#backbtn a{
    background: url(../images/column_footer_icon-02.png);/*預設顯示圖片*/
    display: block;
    font-size: 0; 
    height: 13px;/*圖片高度*/
    width: 8px;/*圖片寬度*/
}
#backbtn a:hover {
    background: url(../images/column_footer_icon-02b.png); /*滑鼠移過顯示圖片*/
}
#nextbtn a{
    background: url(../images/column_footer_icon-03.png);/*預設顯示圖片*/
    display: block;
    font-size: 0; 
    height: 13px;/*圖片高度*/
    width: 8px;/*圖片寬度*/
}
#nextbtn a:hover {
    background: url(../images/column_footer_icon-03b.png); /*滑鼠移過顯示圖片*/
}
#endbtn a{
    background: url(../images/column_footer_icon-04.png);/*預設顯示圖片*/
    display: block;
    font-size: 0; 
    height: 13px;/*圖片高度*/
    width: 14px;/*圖片寬度*/
}
#endbtn a:hover {
    background: url(../images/column_footer_icon-04b.png); /*滑鼠移過顯示圖片*/
}
#HyperLink1 a {
    background: url(../images/column-icon-01.png);/*預設顯示圖片*/
    display: block;
    font-size: 0; 
    height: 25px;/*圖片高度*/
    width: 11px;/*圖片寬度*/
}
#HyperLink1 a:hover {
    background: url(../images/column-icon-01b.png); /*滑鼠移過顯示圖片*/
}
#mlink{
	height: 555px;
	width: 1000px;
	background-image: url(../images/mlink.png);
	font-family: "微軟正黑體";
	font-size: 11px;
	word-break: break-all;
}
#mlink_1{
	height: 425px;
	width: 482px;
	font-family: "微軟正黑體";
	word-break: break-all;
	float: left;
	margin-top: 31px;
	margin-left: 15px;
	padding-top: 50px;
}
#mlink_2{
	height: 470px;
	width: 482px;
	font-family: "微軟正黑體";
	word-break: break-all;
	float: right;
	margin-top: 41px;
	margin-right: 14px;
	padding-top: 18px;
	font-size: 13px;
}
.mlink_2_text_1{
	font-family: "微軟正黑體";
	word-break: break-all;
	color: #FFF;
	font-weight: lighter;
	font-size: 14px;
	letter-spacing: 3px;
}
.menu_text_1{
	font-family: "微軟正黑體";
	font-size: 19px;
	color: #86C03F;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.menu_text_2{
	font-family: "微軟正黑體";
	font-size:19px;
	color: #666666;
	line-height: 60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: left;
}
#topic {
    width: 1000px;
    background-image: url(../images/content.png);
}
#topictitle{
	height: 35px;
	width: 950px;
	text-align: left;
	color: #86C03F;
	font-family: "微軟正黑體";
	font-weight: bolder;
	line-height: 40px;
	padding-left: 50px;
	font-size: 30px;
	letter-spacing: 5px;
	padding-top: 25px;
}
#topicdetail {
    width: 840px;
	font-family: "微軟正黑體";
	word-break: break-all;
	padding-top: 30px;
	padding-right: 80px;
	padding-bottom: 30px;
	padding-left: 80px;
	text-align: left;
	font-size: 15px;
	color: #283020;
	line-height: 24px;
}
#topicpic {
     width: 920px;
     padding-left: 80px;
}
#keywordarea{
    word-break: break-all;/*必須*/
    width: 300px;
    height:95px;
}
#imgframe {  
    height: 100px; /*can be anything*/
    width: 100px; /*can be anything*/
    position: relative;
}
#imgframe img {  
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
#preimgframe {  
    height: 400px; /*can be anything*/
    width: 840px; /*can be anything*/
    position: relative;
}
#preimgframe img {  
    max-width: 100%;
    max-height: 100%; 
    position: absolute; 
    top: 50%; left: 50%; 
    transform: translate(-50%, -50%);
}
#preimgframe2 {  
    height: 400px; /*can be anything*/
    width: 840px; /*can be anything*/
    position: relative;
}
#preimgframe2 img {  
    max-width: 100%;
    max-height: 100%; 
    position: absolute; 
    top: 50%; left: 50%; 
    transform: translate(-50%, -50%);
}
#preimgframe3 {  
    height: 400px; /*can be anything*/
    width: 840px; /*can be anything*/
    position: relative;
}
#preimgframe3 img {  
    max-width: 100%;
    max-height: 100%; 
    position: absolute; 
    top: 50%; left: 50%; 
    transform: translate(-50%, -50%);
}
#mimgframe {  
    height: 400px; /*can be anything*/
    width: 400px; /*can be anything*/
    position: relative;
}
#mimgframe img {  
    max-width: 100%;
    max-height: 100%; 
    position: absolute; 
    top: 50%; left: 50%; 
    transform: translate(-50%, -50%);
}
.second_col {
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;    
    width: 100px;
 }
.third_col {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 50px;
}