/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }
/* Left & Right alignment */
/* Global properties ======================================================== */

body {border:0;font-family: "微軟正黑","Microsoft JhengHei"; font-size:14px;line-height:30px; color:#fff; background-color:#1D1819 }

a {color:#232323;outline:none;text-decoration:none}
a:hover{text-decoration:none; color:#ED6D00;}

.wrap{width:100%}

.container{width:1100px; margin-left:auto; margin-right:auto;}


/*******************************************頭部開始**********************************************/
header{ border-bottom:solid 1px #595757;}


#logo{ float:left; margin-top:40px; display:block}

.logo_right{ float:right;width:630px; height:120px; margin-top:40px;}

nav#global 
       { width:100%;}
nav#global ul {display:block;text-align: center;margin: 0 auto; }
nav#global ul li {float:left; display: inline;line-height:20px;padding:0 30px 0 30px;letter-spacing:2px; }
nav#global ul li a{color:#fff;font-size:17px;}

nav#global ul li:hover a{color:#fff;}

#selectnav{color:#901821;}
nav#global ul li:last-child { padding-right:0px;}

/***首页广告集***/
.indexad{width:1100px; margin-left:auto; margin-right:auto;}
.indexad dt{background-image:url(line.png);width:1100px; height:30px; margin-top:45px; margin-bottom:45px;}
.indexad dd{width:1100px; height:auto;}

/*** 最新商品 *****/
.newproduct{width:1100px; margin-left:auto; margin-right:auto;}
.newproduct dt{background-image:url(newproduct.jpg);width:1100px; height:106px; margin-top:45px; background-repeat:no-repeat; background-position:center;}

/**底部開始 **/
footer{  margin-top:30px; line-height:22px; text-align:center; border-top:solid 1px #8B8B8C;}

.end{ color:#fff;  height:50px; }

#end_logo{  margin-top:50px; margin-left:auto; margin-right:auto; display:block; text-align:center}
.copyright{color:#fff; margin-top:1px;text-align:center; padding-bottom:20px; padding-top:20px; font-weight:bold;}
.copyright a{ color:#76C9D5}

#top{ float:right; margin-top:30px;}

/***內頁開始 **/
.box{width:1100px; margin-left:auto; margin-right:auto; margin-top:35px; }

/**分類開始**/

.category{ width:235px; float:left}
.category dt{ }
.category h3{ height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:lighter; display:inline-block;}
.category dl span{ padding-left:20px; font-size:14px; color:#3e3a39; vertical-align:bottom;  display:inline-block; padding-bottom:10px;}

.category ul{}
.category ul li{ margin-top:8px; margin-bottom:8px; line-height:30px; text-indent:5px; background-image:url(li05.jpg); background-repeat:no-repeat; background-position:left top; padding-left:10px;}
.category ul li a{ color:#ccc; display:block; font-size:15px; margin-top:8px; margin-bottom:8px;}
.category ul li a:hover{ color:#fff;}

.content{ float:right;width:795px;}
.title{ margin-top:6px; border-bottom:solid 1px #999797; padding-bottom:10px;}
.title h3{ float:left; padding-bottom:3px; color:#fff; display:inline-block;  font-size:20px; font-weight:lighter;}
.title span{ float:right; font-size:14px; color:#fff; display:block; }
.title span a{ color:#fff;}
.title span strong{ color:#E62129;}

.content2{width:1100px;}


.productlist{}
.productlist li{width:224px; height:410px; float:left; margin-right:80px; margin-top:40px;}
.productlist li .imglh{width:222px; height:222px; border:solid 1px #ccc; text-align:center}
.productlist li .imglh img{ max-width:212px; max-height:222px; }

.productlist li strong{ color:#636363; font-size:16px; display:block; margin-top:10px;}

.productlist li p{ color:#999797; line-height:25px;}

.red{ color:#E60012; font-size:18px; font-family:Arial;}

.productlist li p span{ float:left;width:43px;}
.productlist li p b{ float:right;width:170px;  font-weight:lighter;}

.btnorder{ vertical-align:middle;}

.num{ border:solid 1px #D2D2D2;width:50px;}

.sub{ margin-top:20px;}

.pager{
	font-size: 13px; text-decoration:none; margin-top:25px; text-align:center; margin-bottom:15px; color:#fff;}

.pager a{	
	font-size: 13px; text-decoration:none; margin-left:5px; margin-right:5px;color:#fff;}
	
.pager span{ margin-left:5px; margin-right:5px;}


.htmlimg3{}
.formBox {margin-top: 25px;color: #fff;font-size: 13px;width:80%; margin-left:auto; margin-right:auto; }

.form {margin-bottom: 25px;color: #2F2F2F;padding: 0 30px;}
.form label {display: inline-block;width: 110px;text-align: right;margin-right: 5px;font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;font-size: 15px;color: #fff;}
.form label em {color: #F18200;font-style: normal;font-weight: normal; margin-right:3px;}
.form input[type="text"], .formBox .form input[type="password"]{box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;height: 35px; padding-left:5px; padding-right:5px;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px;}
.form font{ margin-left:10px; color:#808080;}
.form select {box-sizing: border-box;-moz-box-sizing: border-box;padding: 5px;height: 35px;border: 1px solid #ccc;border-radius: 3px;}

.btn{ background-color:#000; color:#fff; padding:5px 20px 5px 20px;  text-align:center; letter-spacing:3px; cursor:pointer}
.btn:hover{ background-color:#E60012; color:#fff;}

.btn2{ background-color:#F18200; color:#fff; padding:5px 20px 5px 20px;  text-align:center; letter-spacing:3px; cursor:pointer}
.btn2:hover{ background-color:#CC0000; color:#fff;}

.lylr{box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;padding: 5px;height: 100px;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px; background-color:#fff; color:#000;overflow:hidden}

/**產品詳細*/
.imgpro{ float:left;max-width:408px;}
.proinfo{ float:right; text-align:left;width:48%; border-bottom:dotted 1px #3b3b3b; padding-bottom:10px;}
.proinfo h4{ font-size:18px; color:#3b3b3b; border-bottom:dotted 1px #3b3b3b; padding-bottom:10px;}
.proinfo span{font-size:15px; display:block; color:#fff; margin-top:10px; margin-bottom:10px; color:#3b3b3b}

.proinfo span strong {color:#EDC467; color:#E60012;}
.mun{ height:20px; width:60px; border:solid 1px #A9A9A9 }

.xx{ margin-top:20px; line-height:26px; width:100%; }

.txt1{box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;height: 25px; padding-left:5px; padding-right:5px;
line-height: 25px;border: 1px solid #ccc;border-radius: 3px;}

.kong{padding:30px}
.tdenglu{border:solid 1px #ccc;}
.tbiaoti{background-color:#000; color:#fff; text-align:center; font-size:15px; line-height:40px;}
.td1{border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;}
.td2{border-right:solid 1px #ccc;}
.td3{border-bottom:solid 1px #ccc;}

.table-c table{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.table-c table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px;}

.allad{width:100%; background-color:#F5F5F5;}
.allad img{width:1100px; margin-left:auto; margin-right:auto; display:block; margin-left:auto; margin-right:auto;}


/*
.productlist2{}
.productlist2 li{width:222px; height:350px; float:left; margin-right:69px; margin-top:40px;}
.productlist2 li .imglh{width:222px; height:222px; border:solid 1px #ccc; text-align:center;}
.productlist2 li .imglh img{ max-width:222px; max-height:222px; }
.productlist2 li strong{ color:#636363; font-size:16px; display:block; margin-top:10px;}
.productlist2 li p{ color:#999797; line-height:25px;}
.productlist2 li p span{ float:left;width:43px;}
.productlist2 li p b{ float:right;width:170px;  font-weight:lighter;}*/

/***瀑布流css*/
#productlist{width:1100px;margin:20px auto;}
#productlist ul{width:350px;list-style:none;float:left;margin-right:20px;}
#productlist ul li{
    margin-bottom:20px;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background-color:#fff;
   
    background-repeat:repeat-x;
    border-color:#e6e6e6 #e6e6e6 #B3B3B3;
    border-image:none;
    border-radius:4px 4px 4px 4px;
    border-style:solid;
    border-width:1px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);  
}
#productlist ul li img{width:340px; padding:10px;}
.water_user{color:#000;padding:0px 8px 0px 8px; text-align:center; font-size:15px; font-weight:bold;}
.water_option{color:#9D9997; text-align:center;padding:0px 0 15px 10px;}

.loadMeinvMOre{height:30px;line-height:30px;color:#999;text-align:center;background:#fff;display:block;clear:both;text-decoration:none;}
.loadMeinvMOre:hover{ background:#f0f0f0;color:#666;}

/*** 瀑布流 **/

.categories {width:235px; float:left}

.categories  h3{ height:50px; line-height:50px; font-size:20px; color:#000; font-weight:lighter; display:inline-block;}

.categories dl span{ padding-left:20px; font-size:14px; color:#3e3a39; vertical-align:bottom;  display:inline-block; padding-bottom:10px;}

.categories li { margin-top:8px; margin-bottom:8px; line-height:30px; text-indent:5px; background-image:url(li05.jpg); background-repeat:no-repeat; background-position:left top; padding-left:10px;font-size:15px; }

.categories ul li a{ color:#000; font-size:15px; margin-top:8px; margin-bottom:8px;}
.categories ul li a:hover{ color:#000;}
.categories ul li div a { font-size:15px; color:#666}

.categories ul li div a:hover{ color:#E60012; background-image:none;}




/***瀑布流2css*/
#productlist2{width:795px;margin:20px auto;}
#productlist2 ul{width:251.66px;list-style:none;float:left;margin-right:20px;}
#productlist2 ul li{
    margin-bottom:20px;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background-color:#fff;
   
    background-repeat:repeat-x;
    border-color:#e6e6e6 #e6e6e6 #B3B3B3;
    border-image:none;
    border-radius:4px 4px 4px 4px;
    border-style:solid;
    border-width:1px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);  
}
#productlist2 ul li img{width:231.66px; padding:10px;}
/*** 瀑布流 **/


/***瀑布流2css*/
#friendlink3{width:795px;margin:20px auto;}
#friendlink3 ul{width:251.66px;list-style:none;float:left;margin-right:20px;}
#friendlink3 ul li{
    margin-bottom:20px;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background-color:#fff;
   
    background-repeat:repeat-x;
    border-color:#e6e6e6 #e6e6e6 #B3B3B3;
    border-image:none;
    border-radius:4px 4px 4px 4px;
    border-style:solid;
    border-width:1px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);  
}
#friendlink3 ul li img{width:231.66px; padding:10px; border-bottom:solid 1px #e8e9e9}

.shuotiele{color:#000;padding:0px 8px 0px 8px; text-align:center;}
.shuoming{color:#666;padding:0px 8px 8px 8px; text-align:center;}
/*** 瀑布流 **/