/* Left & Right alignment */
body {
	background:#383838;
	border:0;
	font:18px Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體";
	color:#4d4d4d;
}
#index{

	background:url(../images/banner.jpg) #383838 no-repeat  top center;}
/* ============================= main layout ====================== */
a{
	text-decoration: none;
	}
h1 {
	float:left
}
h2 {
	font-size:40px;
	color:#4d4d4d;
	line-height:1.2em;
	padding:15px 0 23px 32px;
	background:url(../images/h2-bg.gif) no-repeat;
}
h2.letter_spacing {
	letter-spacing:-2px
}
h3 {
	font-size:24px;
	line-height:1.2em;
	color:#4d4d4d;
	padding:11px 0 12px 0;
	letter-spacing:-1px;
}
p {
}

#Image23 {
	margin-top:50px;
	padding-right:20px;
	

}
.button1 a:hover, .buyleft a:hover, .off a:hover {
	background-position:left bottom;
}
.left {
	float:left;
}
.right {
	float:right;

	
}
.clear {
	clear:both;
}
/* ============================= wrapper ====================== */
#wrapper {
	margin:0 auto;
	width:900px;
}
/* ============================= header ====================== */
#header {
	background-image:url(../images/header.png);
	width:900px;
	height:85px;
}
#logo {
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.gif) 0 0 no-repeat;
	width:185px;
	height:55px;
	margin:20px 0 0 17px;
}
/* ============================= content ====================== */
#content {
	background:#fff;
	border-radius:4px;
	padding:40px;
	margin-top:10px;
}
#banner{
	height:350px;}
#menu{ width:900px;
}

#menu li a{
	display:block;
	float:left;
	width:180px;
	height:219px;
	text-indent:-9999px;
	background:url(../images/menu2.jpg) 0 0;
	l}
#menu li.menu1 a{background-position:0 0;}
#menu li.menu2 a{ background-position:720px 0;}
#menu li.menu3 a{ background-position:540px 0;}
#menu li.menu4 a{ background-position:360px 0;}
#menu li.menu5 a{ background-position:180px 0;}

#menu li.menu1 a:hover{background-position:0 219px;}
#menu li.menu2 a:hover{ background-position:720px 219px;}
#menu li.menu3 a:hover{ background-position:540px 219px;}
#menu li.menu4 a:hover{ background-position:360px 219px;}
#menu li.menu5 a:hover{ background-position:180px 219px;}

.box {
	padding:10px;
}
.pad_bot1 {
	padding-bottom:15px;
	background:url(../images/icon1.png) no-repeat;
	padding-left:28px;
}
.col1, .col2, .col3 {
	float:left
}
.col1 {
	width:450px;

}
.col2 {

}

.col3 {
}

.left3{
	float:left;
	padding-left:25px;}
.right3{
	padding:30px 0 0 10px;}
.B{
	width:300px;
	padding:30px 300px;}
.Form {
	padding:10px;
}
.Form1 {
	padding:15px;
	line-height:50px;

	

}
#ContactForm {
	background:#ececec;
	border-radius:8px;
}
.left{	float:left;
	padding:20px 8px 10px 10px;}
.left1 {
	float:left;
	padding:20px 8px 10px 20px;
}
.serial1 {
	padding:10px;
	background:#c0c0c0;
	border-radius:8px;
	border-top:1px solid #FFF;
	font-size:13px;
}
.serial {
	padding:20px;
	background:#ececec;
	border-radius:8px;
	border-top:1px solid #FFF;
	line-height:35px;
}
.serial2 {
	border:none;
	font-size:35px;
	color:#cb0004;
	background:#c0c0c0;
	padding:10px;
}

.Copy{
	padding:10px;
	margin-top:8px;}	
.serial em{
	background:#666;
	border-radius:8px;
	color:#FFF;
	font-style:normal;
	padding:5px;
	font-size:12px;

}
.serial strong {
	font:37px "Arial", Gadget, sans-serif;
	color:#cb0004;
}
.input1 {
	margin:0;
	height:30px;
	width:100px;
	background:#FFF;
	padding:2px 10px;
	color:#333;
	font:15px Arial, Helvetica, sans-serif;border:none;
}
.input2{
	margin:0;
	height:30px;
	width:400px;
	background:#FFF;
	padding:2px 10px;
	color:#333;
	font:15px Arial, Helvetica, sans-serif;border:none;
	}
	
.input3 {
	margin:0;
	height:30px;
	width:40px;
	background:#FFF;
	padding:2px 10px;
	color:#333;
	font:15px 
	}
input{
	}
.Form {
	font-size:15px;
	line-height:25px;
}
.note {
	color:#e61b21;
	font-size:12px;
	padding:10px;
}
table {
	font-size:15px;
	width:820px;}
table th {
	background:#c0c0c0;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	padding:5px;
}
table td {
	background:#f2f2f2;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	padding:5px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體";
}
.buy {
	background-image:url(../images/buy-bg.gif);
	height:337px;
}

.buyleft {
	float:left;
	width:350px;
	padding:100px 0 0 50px;
}
.buyleft a {
	float:right;
	margin:20px 50px;
	width:76px;
	height:22px;
	background:url(../images/benner.png) no-repeat;
	color:#FFF;
	padding:12px 28px;
}
.off {
	float:right;}
.off a {
	width:129px;
	height:28px;
	background:url(../images/benner.png) no-repeat;
	color:#FFF;
	padding:10px 0 8px 35px;
	margin:0 0 10px 5px;


}
.serial {
	background-color:#c0c0c0;
}
.online a li{
	display:block;
	float:left;
	margin:0 10px 10px 0;
	width:225px;
	height:177px;
	padding:15px;
	background:url(../images/online-help.png) no-repeat;
	text-decoration: none;
	color:#4d4d4d;
	font-size:30px;
}
.online a li p{
	font-size:15px;}
.online a:hover li{
	background-position:bottom left;}

p.questions {
	padding-left:140px;
	color:#FFF;
	}

.tel{
	height:45px;
	padding-top:5px;}
.time{
	height:80px;}
#button{
	width:129px;
	height:45px;
	background:url(../images/benner.png) no-repeat;
	color:#FFF;
	padding:10px 0;
	font-size:15px;
	font-weight:bold;border:none;
	}

/* ============================= footer ====================== */
#footer footer {
	float:left;
	color:#a7a9ac;
	font-size:12px;
	padding:10px 20px;
}
#footer p {
	float:right;
	padding-right:20px;
}