* {
	margin: 0;
	padding: 0;
}
body {
	background-color: white;
}

/*html, body {*/
	/*position: relative;*/
	/*height: 100%;*/
/*}*/


/*.wrap_con {*/
	/*!*margin-top: 2%;*!*/
/*}*/


.wrap_con p {
	margin: 0;
	padding: 1.5% 4%;
	color: gray;
}

p.sec_title {
	font-size: 1.1em;
	clear: both;
	color: black;
	/*margin: 5% 0;*/
	/*background-color: lightcoral;*/
}
img.sec_img {
	display: block;
	width: 92%;
	margin: 4%;
}

/* 浜у搧鍨嬪彿 */
p.pro_style {
	font-size: 1.3em;
	color: black;
	/*margin-top: 2%;*/
}
table {
	border-collapse: collapse;
	/*background-color: lightcoral;*/
	width: 92%;
	margin-left: 4%;
	margin-bottom: 1.5%;
	text-align: center;
}
td.opt {
	border: 1px solid lightgray;
	width: 50%;
	padding: 2pt 0;
	color: gray;
	cursor: pointer;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
}
td.opt_a {
	color: rgb(255,218,29);
}

.trs_5 {
	transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
}

#content {
	/*padding-top: 300pt;*/
	width: 100%;
	position: relative;
	padding-bottom: 40pt;
	/*background-color: lightskyblue;*/
}

.content {
	position: absolute;
	left: 0pt;
	top: 0pt;
	transform: translate(0%, 0%);
	transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	width: 100%;
	height: auto;
	/*background-color: lightgreen;*/
	/*text-align: center;*/
}

.content_1 {
	transform: translate(-105%, 0%);
}

.content_2 {
	transform: translate(0%, 0%);
}

.content_3 {
	transform: translate(105%, 0%);
}

/* 鎼厤瀹跺叿鎺ㄨ崘 */
p.sec_title {
	font-size: 1.1em;
	clear: both;
	color: black;
	padding: 4% 4% 0 4%;
	/*margin: 5% 0;*/
	/*background-color: lightcoral;*/
}
.rcm_con {
	/*width: 92%;*/
	/*margin: 0 auto;*/
	padding: 4%;
	/*height: 150pt;*/
	overflow: hidden;
}
.rcm_slide {
	text-align: center;
	/*font-size: 18px;*/
	background: #fff;
	/*padding-bottom: 8pt;*/

	box-shadow: 0 3pt 5pt lightgray;
}
.rcm_slide img {
	width: 100%;
	display: block;
}



/* 鐢ㄦ埛浣跨敤鎰熷彈 */
.com_wrap {
	margin: 5% 0 5pt 0;
}

.com {

	/*background-color: lightcoral;*/
	/*padding: 5%;*/
	margin: 0 4%;
	background-color: white;
	box-shadow: 0 3pt 5pt gray;
	height: 120px;

}

.com_left {
	/*background-color: lightgreen;*/
	text-align: center;
	display: inline-block;
	width: 25%;
	float: left;

	font-size: 0.8em;
	/*margin-top: 5pt;*/
	padding-top: 5px;
	height: 90px;
	margin-top: 15px;

}

.com_left > img {
	width: 30pt;
	height: 30pt;
	border-radius: 15pt;
	overflow: hidden;
}

.com_left span {
	font-size: 0.8em;
	line-height: 1.2em;
}
.com_right {
	/*background-color: lightgoldenrodyellow;*/
	text-align: left;
	width: 75%;

	display: inline-block;
	float: left;
	height: 90px;
	margin-top: 15px;

}

.com_right > p {
	/*margin-left: 2%;*/
	padding: 0;
	/*margin-left: 5%;*/
	display: inline-block;
	float: left;
	text-align: left;
	line-height: 1.4em;
	font-size: 0.8em;
	width: 80%;
	padding-left: 2px;

}


/*p.sec_title {*/
	/*font-size: 1.1em;*/
	/*clear: both;*/
	/*padding: 2% 0;*/
	/*!*margin: 5% 0;*!*/
	/*color: rgb(51,51,51);*/
/*}*/

/* 浜у搧鍨嬪彿 */
p.style> a {
	color: rgb(98,190,255);
	cursor: pointer;
}
/*.con img {
	display: block;
	margin-left: 5%;
	float: left;
}*/

div.material_wrap {
	margin:3% 4% 0 4%;
	clear: both;

}
.material_wrap>img {
	float: left;
	margin-right: 5%;
	width: 15%;
}
div.material_detail {
	clear: both;
	border: 1px solid lightgray;
	width: 70%;
	margin-left: 4%;
	margin-bottom: 3%;
}
.material_detail>img {
	margin: 0;
	width: 100%;
	float: none;
	display: block;
}
.material_detail>p {
	padding: 1%;
}