@charset "utf-8";
/* CSS Document */
 html, body {
	 margin:0;
	 padding:0;
     height: 100%;
	 font-family:"century Gothic", "新細明體"
 }

a img{
	border:none;}
	
a{
    text-decoration:none;}

.container{
	margin:0 auto;
	width:980px;}

#wrap {
     min-height: 100%;
     *display: table; /* For IE7 Hack */
     *height: 100%; /* For IE7 Hack */
 }
#wrap #top{
	text-align:center;}
#wrap #color_line{
	border-bottom:4px solid #d5d6d7;
	height:30px;
background: rgb(212,114,23); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(212,114,23,1) 0%, rgba(234,125,29,1) 47%, rgba(212,114,23,1) 51%, rgba(234,125,29,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,114,23,1)), color-stop(47%,rgba(234,125,29,1)), color-stop(51%,rgba(212,114,23,1)), color-stop(100%,rgba(234,125,29,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(212,114,23,1) 0%,rgba(234,125,29,1) 47%,rgba(212,114,23,1) 51%,rgba(234,125,29,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(212,114,23,1) 0%,rgba(234,125,29,1) 47%,rgba(212,114,23,1) 51%,rgba(234,125,29,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(212,114,23,1) 0%,rgba(234,125,29,1) 47%,rgba(212,114,23,1) 51%,rgba(234,125,29,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(212,114,23,1) 0%,rgba(234,125,29,1) 47%,rgba(212,114,23,1) 51%,rgba(234,125,29,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d47217', endColorstr='#ea7d1d',GradientType=0 ); /* IE6-9 */

}
#wrap #select{
	margin:-27px 0px 27px 0px;
	color:#fff;
	font-weight:bold;
	font-size:6px;}
#wrap #select a{
	color:#685497;}
#wrap #select a:hover{
	text-decoration:underline;}
/*main*/ 
#main {
	position:relative;
     overflow: auto;
     padding-bottom: 100px; /*影響footer高度*/}
#main h2{	
	color:#666;
	font-family:arial, "微軟正黑體";}
#main h3{
	border-bottom:1px solid #cccccc;
	font-family: arial, "微軟正黑體";}
#main #main_pic{
	position: absolute;
	width: 300px;
	height: 250px;
	top: 17px;
	left: 639px;

}	
#main #main_point{
	width:980px;
	height:122px;
	background: rgb(45,65,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(45,65,107,1) 0%, rgba(12,38,94,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,65,107,1)), color-stop(100%,rgba(12,38,94,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(45,65,107,1) 0%,rgba(12,38,94,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(45,65,107,1) 0%,rgba(12,38,94,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(45,65,107,1) 0%,rgba(12,38,94,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(45,65,107,1) 0%,rgba(12,38,94,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d416b', endColorstr='#0c265e',GradientType=0 ); /* IE6-9 */
}
#main #main_point ul{
	margin:0px;
	padding:0px 0px 0px 20px;}
#main #main_point ul li{
	padding:0px 0px 0px 0px;
	margin:0px;
	display:block;
	list-style:none;
	float:left;
	width:300px;
	}
#main #main_point ul li h2{
	margin:15px 0px 0px 0px;
	color:#FFF;
	font-family: arial, "微軟正黑體";}	
#main #main_point ul li p{
	font-size:13px;
	color:#fff;
	margin:5px 0px;}

#main #picture{
	width:230px;
	height:270px;
	float:left;
	margin-left:12px;}
#main #picture h4{
	margin:5px 0px;
	font-size:17px;}	
#main #picture p{
	margin:5px 0px;}		
#main p{}	

#main #main_left{
	float:left;
	width:300px;
	padding-right:40px;}
#main #main_left h2,#main #product_left h2,
#main #main_right h2,#main #product_right h2{
	font-family:arial, "微軟正黑體";
	color:#666;
	border-bottom:1px dotted #CCC;}
#main #main_left p,#main #product_left p,
#main #main_right p{
	font-size:12px;}
#main #main_left p a,#main #product_left p a,
#main #main_right p a,#main #product_right p a{
	color:#00F;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;	
	transition:all .2s ease;}
#main #main_left p a:hover,#main #product_left p a:hover,
#main #main_right p a:hover,#main #product_right p a:hover{
	color:#F00;}

#main #main_left ul{
	padding:0px 0px 0px 10px;}
#main #main_left ul li{
	font-size:12px;}

#main #main_right{
	float:right;
	width:300px;}
#main #product_right{
	float:right;
	width:60%;}		
#main #product_left{
	float:left;
	width:330px;}
#main #product_right h3 a{
	color:#333;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	-webkit-transition:all .2s ease;			
	transition:all .2s ease;}
#main #product_right h3 a:hover{
	color:#F00;
}

#main #product_right ul{
	padding:0px;}
#main #product_right ul li{
	margin-left:20px;}




#main #gif_left{
	float:left;
	padding-left:50px;}	
#main #gif_right{
	float:right;
	padding-right:50px;}
#main #gif_left p a,#main #gif_right p a{
	color:#333;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;	
	-o-transition:all .2s ease;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;}
#main #gif_left p a:hover,#main #gif_right p a:hover{
	color:#F00;}

/*product*/
#main #product_right #product{
	float:left;}
#main #product_right #product p{}
#main #product_right #product p a{}
#main #product_right #product p a:hover{}
#main #product_right #buy_btn{
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:2px solid #ccc;
	color:#FFF;
background: rgb(232,131,40); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,131,40,1) 49%, rgba(228,122,27,1) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(232,131,40,1)), color-stop(50%,rgba(228,122,27,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,131,40,1) 49%,rgba(228,122,27,1) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,131,40,1) 49%,rgba(228,122,27,1) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,131,40,1) 49%,rgba(228,122,27,1) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,131,40,1) 49%,rgba(228,122,27,1) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88328', endColorstr='#e47a1b',GradientType=0 ); /* IE6-9 */

}

#main #product_right #buy_btn:hover{
background: rgb(219,119,31); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(219,119,31,1) 50%, rgba(222,127,43,1) 51%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(219,119,31,1)), color-stop(51%,rgba(222,127,43,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(219,119,31,1) 50%,rgba(222,127,43,1) 51%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(219,119,31,1) 50%,rgba(222,127,43,1) 51%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(219,119,31,1) 50%,rgba(222,127,43,1) 51%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(219,119,31,1) 50%,rgba(222,127,43,1) 51%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db771f', endColorstr='#de7f2b',GradientType=0 ); /* IE6-9 */
}

#main #product_right #buy_btn a{
	color:#fff;}
#main #product_right #buy_btn a:hover{
	color:#fff;}
#main #product_under{
	width:980px;}
#main #product_under #under_left{
	width:480px;
	float:left;
	height:165px;}
#main #product_under #under_right{
	width:480px;
	float:right;
	height:165px;}
#main #product_under #under_left h4,
#main #product_under #under_right h4{
	font-family:arial, "微軟正黑體";
	font-size:20px;
	margin:26px 0px 0px 0px;}
#main #product_under #under_left p,
#main #product_under #under_right p{
	font-size:13px;}	
#main #product_under #under_left #pic,
#main #product_under #under_right #pic{
	margin:20px 0px 0px 0px;
	padding-right:10px;
	width:150px;
	height:150px;
	float:left;}	

#qa_number {
	float:left;
	width:55px;
	height:20px;
	background:#ef8e01;
	border-radius:8px;
	color:#FFF;
	font-size:13pt;
	font-weight:bold;
	padding:10px;	
	margin-bottom:15px;
	}
	
#qa_title {
	float:left;
	height:20px;
	background:#FFF;
	color:#ef8e01;
	font-size:16pt;
	font-weight:bold;
	padding:8px 0px 0px 15px;
	margin-bottom:15px;
	}
	
#qa_pic {
	border-top:#a48dd9 2px solid;
	}
	
/*footer*/
	
#footer {
	font-size:12px;
	background-color:#ccc;
	text-align:center;
    position: relative;
    margin-top: -100px;  /*影響footer高度*/
    height: 100px;
    clear: both;
	color:#000;
}
#footer a{
	color:#666;}
#footer a:hover{
	color:#333;}

#footer .nav{
	margin:0 auto;
	width:200px;
	float:left;
}

#footer ul{
	list-style:none;}
#footer ul li{}
#footer ul li a{
	font-size:13px;
	color:#666;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;}
#footer ul li a:hover{
	color:#333;}


#line_add {
	width:80px;
	position:relative;
	top:-20px;
	left:900px;
	}
	
.qabotton_on {
	float:left;
	display:inline-block;
    width:330px;
    height:40px;
	background:#ef8e01;
    border:0px blue solid;
	color:#FFF;
	font-weight:bold;
	line-height:40px;
	text-align:center;
    margin-right:0px;
    margin-bottom:00px;
	}
	
.qabotton_off {
	float:left;
	display:inline-block;
     width:330px;
    height:36px;
	background:#fff;
    border:2px #ef8e01 solid;
	color:#efae4f;
	font-weight:bold;
	line-height:36px;
	text-align:center;
    margin-right:0px;
    margin-bottom:00px;
	}
	
.qabotton_on:hover, .qabotton_off:hover {
	background:#ef8e01;
	color:#fff;
	}
	
.con {
	margin:0 auto;
	width:980px;
	padding-top:25px;
	}
	
/*footer*/
#footer2 {
	border-top:2px solid #DDD;
	font-size:11pt;
	background-color:#eee;
	text-align:center;
    position: relative;
    margin-top: 10px;  /*影響footer高度*/
	height: 35px;
    padding:0px 0px 50px 0px;
	color:#000;
	width:100%;
	position:fixed;
	bottom: 0px;
	font-family:微軟正黑體;
}
#footer2 a{
	color:#666;
	text-decoration:none;}
#footer2 a:hover{
	color:#333;}
	
#footer_logo {
	float:left;
	margin-top:-20px;
	}
	
#footer_logo img {
	width:188px;
	height:75px;
	}
	
#footer_text {
	float:left;
	font-size:11pt;
	margin-left:20px;
	margin-top:10px;
	text-align:left;
	line-height:150%;
	}