body{ font-family:"微軟正黑體"; font-size:15px; color:#000;}




a{ color:#000; text-decoration:none;}
a:hover{ color:#cba200; text-decoration:none;}


/*by hoipro email: trump.dn@gmail.com*/
.box-img{
	width:100%;
	float:left;
}

			.fix-img img{
				max-width:100% !important
			}
			.box-img{
				margin-bottom:30px;
			}

.list-img p{
	margin: 0 0 5px;
	text-align:center;
}
.list-img img{
	max-width:100%;
}
.qc-home{
	
	 
}
.qc-home img{
	
	max-width:100%; 
}
.fl{
	float:left;
}
#nbox02 li a{
	color:#a68728;
	font-size:18px;
	font-weight:bold;
}
#nbox02 li a:hover{
	color:#320001  !important;
	 
}
.boxh{
	background:#FFF;
	border:1px solid #999;
	padding:10px 20px;
	width:100%;
}

.titf{
  text-align: center;
  color: #cba200;
  padding: 5px 5px 30px 10px;
  font-size: 24px;
}
.cft{
	 color: #cba200;
}
.boxim{
	background:#FFF;
	text-align:center;
}


/*end hoipor*/
@media (min-width: 768px) {
	
	#table01{ width:100%; color:#000;}
#table01 td{ height:35px; border-bottom:1px dashed #ccc;}
#table01 td.cap01{ border-bottom:1px solid #fff; background:#320001; color:#fff; text-align:center;}

#table01 td.title2{ width:350px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
#table01 td.date{ font-size:12px; text-align:center;}
#table01 td.actime{ height:28px; line-height:26px; background:#f6f6f6; font-size:12px;}
#table01 td.cnt{ width:370px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; display:inline-block; font-size:12px; line-height:34px;}
#table01 td.reg a{ color:#cc0000; text-decoration:none; text-align:center;}
#table01 td.reg a:hover{ color:#cba200; text-decoration:none; text-align:center;}
	
	#table01 td.title{ width:900px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
	.fix-img{
				
			height: 250px;

			overflow: hidden;

			border: 1px solid #eee;

			background: #f9f9f9;
			}
	.list-img{
	width:24%;
	float:left;
	padding:5px;
	 
	overflow:hidden;
}
	ul#nbox02 li{ height:34px; border-bottom:1px dashed #ccc; overflow:hidden; line-height:34px;}
	#li_title{ float:left;   white-space: nowrap;   text-overflow:ellipsis;}
#li_date{ float:right; width:100px; text-align:right; color:#999; font-size:12px;}
	.showmb{
		display:none;
	}
}

ul#nbox02 li:hover{
	background:#d3cec3;
}

@media (max-width: 767px) {
	
	#table01{ width:100%; color:#000;}
#table01 td{ height:35px; border-bottom:1px dashed #ccc; padding:3px}
#table01 td.cap01{ border-bottom:1px solid #fff; background:#320001; color:#fff; text-align:center;}

#table01 td.title2{  }
#table01 td.date{ font-size:12px; text-align:center;}
#table01 td.actime{ height:28px; line-height:26px; background:#f6f6f6; font-size:12px;}
#table01 td.cnt{  display:inline-block; font-size:12px; line-height:34px;}
#table01 td.reg a{ color:#cc0000; text-decoration:none; text-align:center;}
#table01 td.reg a:hover{ color:#cba200; text-decoration:none; text-align:center;}


	.fixvideo iframe{
		max-width:100% !important;
		height:300px !important;
	}
	.fixcontent p{
		max-width:100% !important;
	}
	.fixcontent img{
	max-width:100% !important;
height:auto !important;	
	}
	#table01 td.title{     
	padding:10px 0;
	}
	.fix-img{
				
			 

			 

			border: 1px solid #eee;

			background: #f9f9f9;
			}
	.list-img{
	width:100%;
	float:left;
	padding:5px;
	 
	overflow:hidden;
}
	ul#nbox02{
		margin:0 !important;
	}
	#li_title{   width:100%;     text-overflow:ellipsis; }
#li_date{   width:100%;  color:#999; font-size:12px;}
	ul#nbox02 li{   border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px  }
	.boxh img{
	 
	max-width:100%;
}
	.ttmb{
		 text-align:center;
		 margin:5px 0;
	}
	.txct{
		text-align:center;
		padding:10px 0;
	}
	.hov-img0 img{
		max-width:100% !important
	}
	.showdk{
		display:none; 
	}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{
		background:#FFF;
	}
  .qc-home{
	  margin-bottom:20px;
	  text-align:center;
	  width:100%;
  }
}

#table00{ color:#cba200;}

.input_login, .input_madd{ margin-top:3px; display:inline-block;}
.input_email, .input_pw{ width:150px; height:17px;}

.forget{ font-size:12px; color:#cba200; display:inline-block; line-height:12px;}

#session{ display:none;}

#newsbox{  }
#nbox01{ float:left;  }
ul#nbox02{ float:left; width:100%;   margin:0 0 0 20px; padding:0; list-style:none;}



#aboutbox{ width:1000px; overflow:hidden;}
#abox01{ float:left; width:658px; height:172px; padding:20px; border:1px solid #ccc; overflow:hidden; position:relative;}
#abox h2{  margin:0; padding:0; font-size:24px; display:block; background:#B89495;}
#abox01_img{ float:left; width:355px; height:266px;}
#abox01_txt{ width:658px; height:168px; overflow: hidden; position:absolute; top:20px; left:20px; z-index:1;}
#abox01_txt_more{ width:290px; height:24px; padding:0; background:#fff; position:absolute; top:165px;; right:20px; z-index:2;}
#abox02{  width:100%; }

ul#nbox03{ margin:0 0 20px 0; padding:0; list-style:none;}
ul#nbox03 li{ height:34px; border-bottom:1px dashed #ccc; overflow:hidden; line-height:34px;}



#footer{ width:1000px; padding:20px 0; background-color:#320000; color:#cba200; clear:both; overflow:hidden;}
#footer span.l{ float:left; margin:20px 0 0 20px; display:block;}
#footer span.r{ float:right; margin:20px 20px 0 0; display:block;}

#powered{ font-size:12px; padding-top:20px; clear:both;}
#powered a{ color:#cba200; text-decoration:none;}
#powered a:hover{ color:#cba200; text-decoration: underline;}