/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: "微軟正黑體 Light", Arial, verdana;
	font-size: 100%;
	height: 100%;

	width: 100%;
	color: #222222;
	
	
}
a:link {
	text-decoration: none;
	color: #585858
}
a:visited {
	text-decoration: none;
	color: #585858
}
a:active {
	text-decoration: none
}
a:hover {
	text-decoration: underline;
	color: #FF0000
}
-webkit-animation: xmove 0.6s infinite;    /* Safari 、chrome */ 
@-webkit-keyframes xmove {                  /* Safari 、chrome */ 
     from {  left: 0px; background: yellow;  } 
     50% { background: red; } 
     to {left: 300px; background: yellow;} 
}

.wapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.header {
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
}
.header_left {
	position:absolute;
	top:20px;
}
.header_left img {
	width:100%;
	max-width:200px;
}

.header_right {
	float:right;
	position:fixed;
	right:0px;
	top:0px;
	z-index:20;
	_position:absolute; /* position fixed for IE6 */
}
.header_news {
	width:100px;
	padding:30px 0;
	background:#000;
	color:#FFF;
	font-size:24px;
	text-align:center;
}
.about_box {
	width:100%;
	height:auto;

}
.about_title {
	width:50%;
	margin:80px auto 0 auto;
	padding:5px 0;
	text-align:center;
	font-size:40px;
	color:#000;
	border-bottom:1px #000 solid;
}
.about_title img {
	vertical-align: bottom;
}
.about_title section {
	font-size: 25px;
    width: auto;
    display: inline-block;
}
.about_main {
	margin:25px 0 0 0;
	font-size:150%;
	color:#666;
	line-height:40px;
	text-align:center;
}
.about_left {
	width:auto;
	margin:20px 0 0 0;
	display:inline-block;
}
.about_left img {
	width:100%;
	max-width:379px;
}
.about_right {
	width:28%;
	margin:20px 0 0 15px;
	display:inline-block;
	text-align:left;
	line-height:50px;
	vertical-align:top;
}
.we_title {
	width:50%;
	margin:80px auto 0 auto;
	padding:5px 0;
	text-align:center;
	font-size:40px;
	color:#000;
	border-bottom:1px #000 solid;
}
.we_title img {
	vertical-align: bottom;
	float:left;
}
.con_left {
	width:auto;
	margin:20px 0 0 0;
	display:inline-block;
}
.con_right {
	width:35%;
	margin:20px 0 0 15px;
	display:inline-block;
	text-align:left;
	line-height:50px;
	vertical-align:top;
}
.product_box {
	width:50%;
	border:1px #CCC solid;
	padding:15px 0;
	margin:30px auto 0 auto;
	font-weight:bold;
	background:#f2f2f2;
}
#scroll-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
	background:#d1101a;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    z-index: 10;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/*RWD*/
@media screen and (max-width: 768px) {
.header_left {
    width: 100%;
	text-align:center;
	top:0;
	background:#c20d1e;
}
.header {
    margin: 0 auto 0 auto;
	background:#c20d1e;
}
.about_box {
	width:90%;
	margin:0 auto;
}
.about_title {
	width:100%;
	margin: 50px auto 0 auto;
}
.about_title section {
	font-size:15px;
}
.we_title {
	width:100%;
	margin: 50px auto 0 auto;
}
.we_title span {
	font-size:15px;
}
.about_left {
	width:100%;
}
.about_right {
	width:100%;
}
.con_left {
	width:100%;
}
.con_right {
	width:100%;
	text-align:left;
	font-size:15px;
}
.header_news {
    width: 80px;
    padding: 15px 0;
    font-size: 18px;
}
}
@media screen and (max-width: 580px) {
.product_box {
	width:90%;
}
}
@media screen and (max-width: 522px) {
.about_title span {
	width:100%;
	text-align:center;
}
}
@media screen and (max-width: 420px) {
.header_left {
	text-align:left;
}
}