body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.docu_topBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 0 0 30px 0;
	background: url(../images/sip_bg_r.jpg) right bottom no-repeat, url(../images/sc_bg_l.png) left bottom no-repeat;
}
.docu_top{
	width: 1200px;
	margin: 0 auto;
}
.docu_top .tit, .docu_bot .tit{
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-bottom: 5px;
}
.list_tit{
	background: #518413;
	color: #fff;
	padding: 5px 10px;
	float: left;
	font-weight: 600;
	margin: 15px 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.docu_top ul{
	width: 100%;
	float: left;
}
.docu_top li{
	width: 40%;
	margin: 5px 0;
	float: left;
	padding: 0 0 0 30px;
	background: url(../images/docu_list.png) left 8px no-repeat;
}
.docu_botBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 30px 0;
	border-top: 1px solid #7cc623;
	background: url(../images/abs_bg_3_l.jpg) left bottom no-repeat, url(../images/abs_bg_3_r.jpg) right top no-repeat;
}
.docu_bot{
	width: 1200px;
	margin: 0 auto;
}
#filter li{
	background: #a0d6ff;
	color: #333;
	padding: 5px 10px;
	float: left;
	font-weight: 600;
	margin: 15px 5px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#filter li a{
	color: #333;
}
#filter li.current{
	background: #138eea;
}
#filter li.current a{
	color: #fff;
}
.docu_bot ul{
	width: 100%;
	float: left;
}
.docu_bot #portfolio li{
	width: 85%;
	padding: 5px 0 5px 30px;
	background: url(../images/docu_list_2.png) left 3px no-repeat;
	border-bottom: 1px dashed #2fa09c;
	margin: 10px 0;
}

.docu_bot li .source, .docu_bot li .source a{
	font-size: 14px;
	color: #0082e2;
	line-height: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.docu_topBg{
	padding: 0 0 30px 0;
	min-width: 1000px;
}
.docu_top{
	width: 970px;
	padding: 0 15px;
}
.docu_top li{
	width: 45%;
	background: url(../images/docu_list.png) left 5px no-repeat, rgba(255,255,255,0.6);
}
.docu_botBg{
	padding: 30px 0;
	min-width: 1000px;
}
.docu_bot{
	width: 970px;
	padding: 0 15px;
}
#filter li{
	margin: 5px;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.docu_topBg{
	min-width: 320px;
	padding: 15px 0 0 0;
}
.docu_top{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.docu_top li{
	width: 90%;
	background: url(../images/docu_list.png) left 5px no-repeat, rgba(255,255,255,0.6);
}
.docu_botBg{
	min-width: 320px;
	padding: 15px 0;
}
.docu_bot{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
#filter li{
	margin: 5px 0;
	padding: 5px 8px;
}
.docu_bot #portfolio li{
	font-size: 14px;
	line-height: 24px;
}
}