/* ---------------- 文字類別 -----------------*/
.fontRed	{ color:#cc3333; }
.fontCenter	{ text-align:center; }
.fontGreen	{ color:#689f38;}
.fontBold	{ font-weight:bold;}
.text-indent{ text-indent:2em;}

/* ---------------- 背景漸層 -----------------*/
.wrap {
	background: #FFF;
	background: -moz-linear-gradient(top, #625a54 0%, #625a54 487px, #ffffff 488px, #dfdfdf 489px, #ffffff 650px, #d9d9d9 100%);
	background: -webkit-linear-gradient(top, #625a54 0%, #625a54 487px, #ffffff 488px, #dfdfdf 489px, #ffffff 650px, #d9d9d9 100%);
 	background: linear-gradient(to bottom, #625a54 0%, #625a54 487px, #ffffff 488px, #dfdfdf 489px%, #ffffff 650px, #d9d9d9 100%);
}
/* ---------------- 主要背景圖 -----------------*/
.container {
	padding-top:180px;
	background:url(/images/index/v20151222/img-container-bg.jpg) center top no-repeat;
}
.container a {
	text-decoration:none;
	color:#F60;
}
/* ---------------- 內容區塊 -----------------*/
.content {
	width:960px;
	margin:0 auto;
	background-color:#FFF;
	box-sizing:border-box;
	border-radius: 12px;
	padding:30px;
	margin-bottom:20px;
	font:15px/20px "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
	color:#666;
}
h3 {
	font-size:170%;
	padding:0;
	margin:0;
	color: #689f38;
	box-sizing:border-box;
	line-height:35px;
	border-bottom:1px solid #CCC;
	margin-bottom:25px;
}
h3 span {
	font-size:50%;
	color:#666;
}
/* ---------------- 項目內容區塊 -----------------*/
.content__container {
	width:95%;
	margin:0 auto;
	margin-bottom:60px;
}
.content__container__section {
	border-bottom:1px dashed #CCC;
	padding-bottom:30px;
	margin-bottom:30px;
}
.content__container__section p{ line-height:26px; }

h4 {
	font-size:120%;
	font-weight:normal;
	padding:0;
	margin:0;
	color: #689f38;
	box-sizing:border-box;
	line-height:30px;
	margin-bottom:5px;
}
h5 {
	font-size:120%;
	padding:0;
	margin:0;
	color: #689f38;
	box-sizing:border-box;
	line-height:35px;
	border-bottom:1px solid #CCC;
	margin-bottom:25px;
}
h6 {
	font-size:120%;
	padding:0;
	margin:0;
	color: #689f38;
	box-sizing:border-box;
	line-height:35px;
	border-bottom:1px solid #CCC;
	margin-bottom:25px;
}
/* ---------------- 系統按鈕 -----------------*/
.btn_group {
	clear:both;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	font:13px/1.5em "新細明體", "細明體", Verdana;
	padding:0 5%;
	text-align:center;
	margin:10px 0;
	height:3.3em;
}
.btn_group__btn {
	background: #50871f;
	box-shadow:0 2px 0 #346607, 0 2px 0px rgba(0, 0, 0, 0.3);
	font-size:16px;
	width:20%;
	max-width:650px;
	min-width:130px;
	padding:12px 0px;
	margin:3px;
	border-radius: 4px;
	cursor:pointer;
	border: none;
	color:#fff;
	outline:none;
}
.btn_group__btn:hover, .btn_group__btn:active {
	background:#689f38;
	box-shadow:0 1px 0 #50871f, 0 1px 0 rgba(0, 0, 0, 0.3);
	transition:all .2s;
}

/* ---------------- 合作提案(cooperation.aspx)頁面內容表格 -----------------*/
.tableA { width:80%; margin:15px auto; color:#3c2f00; table-layout:fixed; word-break:break-all; border-spacing:3px;/*格與格之間的間距*/ background:#FFF;
		border:2px solid #dfdfdf; padding:8px; }
	.tableA th{ background:#eeeeee; font-weight:bold; padding:6px 7px 15px 0; text-align:right; }
	.tableA td { line-height:23px; padding:5px; }
	.tableA td.td1{ background:#e4ebeb; text-align:right; }
	
	/*控制彈出訊息的框*/
	#message-box { line-height:28px; text-indent: 5px; }
	
	/*控制填入內容的框*/
	.shop-box { width:100%; height:25px; }
	
	/*表格內文字*/
	.msg-box{ width:80%; display:block; margin:0 auto; padding:10px 20px; background-color:#fff; font-size:16px; line-height:24px; }
	.msg-box > h4{ width:18%; line-height:18px; font-size:15px; font-weight:bold; display:block; float:left;  }
	.msg-box > p{ width:82%; height:auto; line-height:26px; display:block; float:left;}
	
	/*輸入內容框*/
	.joinus-box{ width:90%; height:220px; display:block; margin:0 auto; font-size:16px; line-height:24px; resize: vertical; }
		

/* ---------------- 網站導覽(Sitemap.aspx)頁面區塊 -----------------*/
.content-main { width:100%; overflow:auto; padding:5px; margin-bottom:10px;}
	.content-main > h5 { margin-left:6px; margin-right:20px; }
.content-main-column { width:100%; border:1px solid #CCC; /*border-radius:15px;*/ padding-bottom:10px; float:left; }
	/*標題字*/
	.column-title { text-align:center; color:#FFF; font-size:110%; font-weight:bold; line-height:30px; /*border-radius:15px 15px 0 0;*/ background-color:#ff9900; }
		.column-title a { color:#FFF; text-decoration: underline; }
		.column-title a:hover { color:#FF0; }
	
	/*選單*/
	.column-menu { width:100%; height:auto; margin:6px 12px; }
		.column-menu ul { width:100%; padding:0; margin:0; list-style:none; }
		.column-menu ul li { height:20px; display:block; margin:5px; float:left; }
			.column-menu li a { color:#000; }
			.column-menu li a:hover { color:#ff9900; }
			.column-menu li a:before { content:'◆ '; }
	
	/*選單尺寸__一等分*/
	.scale-one { width:97%; margin:0 6px; }
	/*選單尺寸__兩等分*/
	.scale-two { width:47.8%; margin:0 6px; float:left; }
	/*選單尺寸__四等分*/
	.scale-four { width:23.1%; margin:0 6px; }
		
		/*內容選單__一等分*/
		.li-scale-one li { width:90%; }
		/*內容選單__兩等分*/
		.li-scale-two li { width:46%; margin:0 8px; }
		/*內容選單__四等分*/
		.li-scale-four li { width:23.5%; margin:0 15px; }

@media only screen and (max-width: 768px) {
/* ---------------- 內容區塊 -----------------*/
.content {width:100%;}

/* ---------------- 網站導覽(Sitemap.aspx)頁面區塊 -----------------*/
/*選單*/
.column-menu ul li { height:auto; }

/*選單尺寸__一等分*/
.scale-one { width:96%; }
/*選單尺寸__兩等分*/
.scale-two { width:47%; }
/*選單尺寸__四等分*/
.scale-four { width:47%; margin-bottom:10px; }
	
/*內容選單__一等分*/
.li-scale-one li { width:46%; margin:0 8px; }
/*內容選單__四等分*/
.li-scale-four li { width:23%;  }
}

@media only screen and (max-width: 736px) {
/* ---------------- 網站導覽(Sitemap.aspx)頁面區塊 -----------------*/
/*選單尺寸__兩等分*/
.scale-two { width:98%; margin-bottom:10px; }
/*選單尺寸__四等分*/
.scale-four { width:98%; }

/*內容選單__一等分*/
.li-scale-one li { width:31.5%; }
/*內容選單__兩等分*/
.li-scale-two li { width:31.5%; }
/*內容選單__四等分*/
.li-scale-four li { width:31.5%; }
}

@media only screen and (max-width: 414px) {
/* ---------------- 網站導覽(Sitemap.aspx)頁面區塊 -----------------*/
/*內容選單__一等分*/
.li-scale-one li { width:45%; }
/*內容選單__兩等分*/
.li-scale-two li { width:45%; }
/*內容選單__四等分*/
.li-scale-four li { width:45%; }
}