@charset "utf-8";
/* CSS Document */

body, html{
font-size:16px;
font-style:normal;
font-family:微軟正黑體, Times New Roman, Times, 細明體,serif,sans-serif,cursive, ;
padding-top:20px; margin:0 auto;
background:url(images/bg.jpg)  top left repeat #fff fixed;}


table .tr1{ background:#fff;}
table .tr2{ background:#626262;  color:#FFFFFF}
table .tr3{ background:#3a3a3a; color:#FFFFFF}

table td { padding:5px;}

img{border:0}
a {text-decoration:none; color:#333333}

#con{ 
background:#fff;
width:900px; height:auto;
padding:0 ; margin:0 auto;}

#logo{

padding:0 15px 0 15px;
margin:0 auto;
width:870px;
height:80px;}
#logo img{ float:right; padding-bottom:15px;padding-top:5px;}


#fot {
clear:both;
width:870px; height:40px;
font-size:12px;
padding:15px 15px 5px 15px;
text-align:left;}

.main{
width:870px;
height:auto;
margin-bottom:10px;
padding:0 15px 0 15px;}



/*-----------產品圖片*/
.box{
display:block; 
position:relative;
background:url(images/boxbg.gif) 0  180px no-repeat;
float:left;
margin:20px 8px 0 8px;
width:270px;
height:auto;
font-size:12px;
line-height:1.5;
text-align:justify;}
.box .dotted{padding-bottom:10px; border-bottom:1px dotted #606060;}
.pro{
background:#ffffff;
width:260px;
padding:0;
border:5px solid #eeeeee;
margin:0 0 30px 0;}
/*-----------產品圖片*/

div{
width:100%;
padding:0;
margin:0;}


.title{
width:870px;
height:58px;
text-indent:-99999px;
display:block;
padding: 0;}
.tt1{ background:url(images/title_1.jpg) no-repeat;}
.tt2{background:url(images/title_2.jpg) no-repeat;}
.tt3{background:url(images/title_3.jpg) no-repeat;}
.tt4{background:url(images/title_4.jpg) no-repeat;}
.tt5{background:url(images/title_5.jpg) no-repeat;}
.tt6{background:url(images/title_6.jpg) no-repeat;}
.tt7{background:url(images/title_7.jpg) no-repeat;}
.tt8{background:url(images/title_8.jpg) no-repeat;}
.tt9{background:url(images/title_9.jpg) no-repeat;}




h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;}


.pink{
color:#db6fbe;}
.blue{
color:#2467f1;}
.green{
color:#b6fa12}
.green2{
color:#c0d73f;}
.green3{color:#f5ff86;}
.gray2{
color:#e0e0e0}
.brown{
color:#663300}
.white{
color:#ffffff;}
.bold{
font-weight:bold;}
.red{
color:#FF0000;}
.yellow{
color:#eabb00}
.mtop3{
margin-top:30px;
padding:0;}
.yellowgreen{
color:#8b7a00;}
.purple{
color:#d700f0;}
.orange{
color:#f5bd0c;}
.black{ color:#333333}



.right{float:right}
.left{float:left; padding-right:10px;}
.right_pic{width:137px; height:147px;  float:right; padding-left:20px; padding-top:15px;}
.right_pic a:hover{ position:relative; left:1px; top:1px;}


.price{
font-family:Times New Roman, Times, serif;
font-size:11px;}
.new{
font-size:14px;}

/*浮動無法包覆之解決辦法*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;} /* for IE/Mac */
<!--[if IE]>
.clearfix {zoom: 1; display: block; }
<!--[endif]-->




.down{
width:200px;
height:200px;
padding:0;
margin:0;}