@charset "utf-8";
/* CSS Document */
/*=================共用區====================*/
*{
	margin:0;
	padding: 0;
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
}

html{
	font-family: Arial, Helvetica, "微軟正黑體",san-serif;
	-webkit-text-size-adjust:none;
}
body{
	background-color: #f2f2f2;
}

/*=================桌機板====================*/

.wrapper{
	width:1100px;
	margin: 0 auto;
	overflow: hidden;
}

.top{
	width:100%;
	height: 50px;
	background-color: #606060;
	text-align: center;
	margin-top: 70px;
}
.top H1{
	font-size: 30px;
	color: #FFFFFF;
	background-image: url("images/bg.gif");
	padding-top: 5px;
}
.title{
	width:100%;
	height: 50px;
	background-color: #0ab5e3;
	text-align: center;
	margin-top: 10px;
}
.title H1{
	font-size: 30px;
	color: #FFFFFF;
	padding-top: 5px;
}
.content_1{	
	width:100%;
	font-family: Arial, Helvetica, "微軟正黑體",san-serif;
	
}
.content_2{	
	width:100%;
	font-family: Arial, Helvetica, "微軟正黑體",san-serif;
	background-color: #fff;
	
}
.content_1:before{
content:'';
display:table;
clear:both;
}
.content_1:after{
content:'';
display:table;
clear:both;
}
.content_2:before{
content:'';
display:table;
clear:both;
}
.content_2:after{
content:'';
display:table;
clear:both;
}


.content_1 .left{	
	width:60%;
	float: left;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 10px;
}

.content_1 .left .Product{	
	font-size: 18px;
	color: #666666;
	line-height: 35px;
	padding: 20px 0px 0px 0px;
}

.content_1 .right{	
	width:40%;
	text-align: center;
	float: right;
}

.content_1 .right .Images{	
	text-align: center;
	padding: 20px;
}

.content_2 .left{	
	width:60%;
	float: left;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 10px;
}

.content_2 .left .Product{	
	font-size: 18px;
	color: #666666;
	line-height: 35px;
	padding: 20px 0px 0px 0px;
}

.content_2 .right{	
	width:40%;
	text-align: center;
	float: right;
}

.content_2 .right .Images{	
	text-align: center;
	padding: 20px;
}


/*=================M板====================*/


@media (max-width: 768px) {
.wrapper{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}
.top{
	width:100%;
	height: 40px;
	background-color: #606060;
	text-align: center;
	margin-top: 70px;
}
.top H1{
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 10px;
	background-image: url("images/bg.gif");
}
.content_1{	
	width:100%;
	font-family: Arial, Helvetica, "微軟正黑體",san-serif;
}
.content_1 .right{	
	width:100%;
	text-align: center;
		float: left;
}
.content_1 .left{	
	width:100%;
	font-family: Arial, Helvetica, "微軟正黑體",san-serif;
}
.content_1 .left .Product{	
	font-size: 18px;
	color: #666666;
	padding: 5px 5px 5px 0px;
}
.content_1 .right .Images{	
	text-align: center;
	padding: 0px 5px 5px 0px;

}
.content_2{	
	width:100%;
	font-family: Arial, Helvetica, "微軟正黑體",san-serif;
}
.content_2 .right{	
	width:100%;
	text-align: center;
		float: left;
}
.content_2 .left{	
	width:100%;
	font-family: Arial, Helvetica, "微軟正黑體",san-serif;
}
.content_2 .left .Product{	
	font-size: 18px;
	color: #666666;
	padding: 5px 5px 5px 0px;
}
.content_2 .right .Images{	
	text-align: center;
	padding: 0px 5px 5px 0px;

}


}