@charset "utf-8";
body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 1.42857143;
	color:#000;
	background:#fafbc6;
	font-family: "微軟正黑體", "Microsoft JhengHei", "Myriad Pro", sans-serif;
}
p {
	margin:0px;
	padding:0px;
}
a img {
	border:0px;
}

input, button, select, textarea, *:focus {
	outline:none;
}
div.floatdiv {
	float:left;
}
.clear:after {
	content:"";
	display:table;
	clear:both;
}
#loading {
    z-index: 99999;
    padding: 5px 10px;
    background: rgb(255, 0, 136);
    right: 0;
    top: 0;
    color: #fff;
    position: fixed;
    text-align: center;
    box-shadow: 2px 2px 5px;
    border-radius: 5px;
}
#outer {
	width:960px;
	margin:0 auto;
}
div.left {
	width:30%;
}
div.main {
	width:70%;
}

/*----- Top -----*/
.mainhead {
/*	position: relative;
	padding-bottom:10px;*/
}
/*----- Top Logo -----*/
div.floatdiv.w230 {
	width: 230px;
	padding: 30px;
}
div.floatdiv.w560 {
	width:560px;
	font-size:22px;
	line-height:60px;
}
div.floatdiv.w170 {
	width:170px;
	padding:23.5px;
}

/*----- Top MENU -----*/
.main_menu {
	height:40px;
	background:#fff;
	margin:0px 0px 31px 0px;
}
ul.menu_nav, .menu_nav li, .menu_nav a {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	color:#b46704;
	text-decoration: none;
	border:none;
}
ul.menu_nav, .menu_nav li {
	list-style: none;
}
ul.menu_nav li {
	float:left;
	width:calc(100%/5);
}
ul.menu_nav li > a {
	display:block;
	width:100%;
	background:url('../images/menu_dot.png') 7.5px 7.5px no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none;
	line-height:40px;
}
ul.menu_nav li.on a {
	color:#fff;
	background:#b46704;
}
ul.menu_nav li > a:hover {
	color:#fff;
	background:#b46704;
}

/*----- Top DM輪播 -----*/
#top_ad {
	height:280px;
	margin:0px 0px 25px 0px;
}
#top_ad a.ad {
	position: absolute;	
}
#top_ad .control a {
	display:none;
}
div.control {
	background:none;
}

/*----- Body -----*/
.mainbody {
	padding-bottom:10px;
}

/*----- 左欄 -----*/
.side_head, .side_body {
	position:relative;
	width:80.56%;
	margin:0 auto;
	padding:5px;
	
	font-size: 20px;
	text-align:center;
	letter-spacing:1px;
	line-height:26px;
	color: #fff;
	background: #c78d3f;
		
	border: #FC0 1px solid;
	border-bottom: none;
	box-shadow:0px 5px 8px #999;
	z-index:2;
}
.side_body {
	font-size:18px;
	color:#000;
	text-align:left;
	line-height:40px;
	background:#fefeee;
	border-bottom: #FC0 1px solid;
	border-top: none;
	padding-top:10px;
	margin-bottom:40px;
	z-index:1;
}

ul.fc_side_nav, ul.fc_side_nav li {
	list-style:none;
	margin:0;
	padding:0;
}

ul.fc_side_nav li a {
	display:block;
	width:100%;
	text-decoration:none;
	color:#000;
}
ul.fc_side_nav li:hover {
	background:rgba(225, 204, 0 ,0.5);
}


/*----- 首頁 -----*/
.main_head, .main_body {
	position:relative;
	width:95.835%;
	margin-left:5px;
	padding:5px;
	
	font-size:20px;
	text-align:center;
	letter-spacing:2px;
	color: #fff;
	background: #bf7e27;
	
	border: #FC0 1px solid;
	border-bottom: none;
	box-shadow:0px 5px 8px #999;
	z-index:2;
}
.main_body {
	font-size:16px;
	color:#000;
	text-align:left;
	background:#fefeee;
	border-bottom: #FC0 1px solid;
	border-top: none;
	padding-top:10px;
	margin-bottom:40px;
	z-index:1;
}
ul.fc_nav, ul.fc_nav li {
	margin:0;
	padding:0;
	list-style:none;
}
ul.fc_nav li {
	width:calc(100%/3);
	float:left;
	text-align:center;
	margin:10px 0px 20px ;
}
ul.fc_nav li a img {
	box-shadow:0px 5px 8px #ccc;

}
ul.hots_pro_nav li a:hover {

}

.cover {
    position:relative;
    border-radius: 10px;
    width: 510px;
    height: 333px;
    overflow: hidden;
}
.cover:after{
	position:absolute;
	content:'';
	width:510px;
	height:333px;
	top:0;
	left:0;
	border-radius:10px;
	box-shadow:0 0 50px 20px rgba(255,255,255,0.5) inset;
}

/*----- 公司介紹 -----*/
.fc_nav.about li {
	width:inherit;
}
.fc_nav.about li:first-child {
	margin-right:9px;
}

/*----- Products -----*/
.pro_line {
	border:2px dashed #d3a665;
	padding:10px 0px;
}
.pro_line.rbline {
	border-top:none;
	border-left:none;
}
.pro_line.rline {
	border-top:none;
	border-left:none;
	border-bottom:none;
}
.pro_line.bline {
	border-top:none;
	border-left:none;
	border-right:none;
}
.pro_line.noline {
	border:0px;
}
ul.fc_nav.prolist {
	width:100%;
	min-height:550px;
	display:table;
}
ul.fc_nav.prolist li {
	width: inherit;
	clear: both;
	margin:5px 0px;
}
ul.fc_nav.prolist li div {
	font-size:16px;
	padding:10px calc( (100% - 120px)/2 ) 5px ;

	line-height:24px;
	letter-spacing:1px;
}
ul.fc_nav.prolist li a {
	display:block;
	text-decoration:none;
	margin-bottom:5px;
}
ul.fc_nav.prolist.color_01 a {
	color:#0dab71;
}
ul.fc_nav.prolist.color_02 a {
	color:#9541c1;
}
ul.fc_nav.prolist.color_03 a {
	color:#c743aa;
}
ul.fc_nav.prolist.color_04 a {
	color:#4588bc;
}
ul.fc_nav.prolist li a:hover div {
	color:#000;

}

/*----- 新聞快訊 -----*/
.fc_nav.news li {
	width:calc(100%/2);
}

ul.fc_nav.news li div {
	font-size:16px;
	width:195px;
	height:100%;
	padding-bottom:5px;
	line-height:30px;
	text-align:center;
	letter-spacing:1px;
	margin:0 auto;
}
ul.fc_nav.news li a {
	display:block;
	color:#000;
	text-decoration:none;
	margin-bottom:5px;
}
/*----- 聯絡我們 -----*/

.floatdiv.w70 {
	width:70%;
	font-size:18px;
	letter-spacing:5px;
}
.floatdiv.w30 {
	width:30%;
	text-align:center;
}
.floatdiv.w75 {
	width:75%;
}
.floatdiv.w25 {
	width:25%;
}
.floatdiv.w50_01 {
    width: 50%;
	margin-left: calc(100%*0.75*0.25 + 5px);
}
.floatdiv.w50_02 {
    width: calc( 50% - 100%*0.75*0.25 - 5px );
    text-align: right;
}

ul.fc_nav.contact li {
	margin:0px 0px 5px 0px;
}
ul.fc_nav.contact li.form_01 {
	width:25%;
	text-align:right;
	margin-right:5px;
	clear:both;
}
ul.fc_nav.contact li.form_02 {
	width: calc( 75% - 5px );
    text-align: left;
}

ul.fc_nav.contact li.form_02 input {
	height:30px;
}

ul.fc_nav.contact li.form_02 input, textarea#content {
	border:1px solid #666; 
}
input[name="Submit"], input[name="reset"] {
	padding:3px 15px;
	font-size:14px;
	text-shadow:0px 5px 8px #666;
	color:#fff;
	background:#bf7e27;
}
/*----- 頁面底部 -----*/
div.mainfoot {
	font-family:"微軟正黑體", "Microsoft JhengHei", "Myriad Pro", sans-serif;
	font-size:18px;
	width:100%;
	height:50px;
	color:#b46704;
	text-align:center;
	line-height:30px;
	letter-spacing:2px;
}