.about{float:left; width:860px; background:url(../images/other/pic_01.png) right top no-repeat; height:auto;font-family: "Poppins";letter-spacing: 0.5px;}
.about_info{ float:left;  line-height:23px; font-size:15px;}
.about_info p{display: block;font-size:15px;margin-bottom: 25px;}
.about_info p a{ text-decoration:none; color:#000000;font-size:15px;}
.about_info p a:hover{ text-decoration: underline; color:#000000;}
.about_info b{display: block; font-size:18px;margin-bottom: 12px;}



/*news*/
.news{ float:right; margin-left:30px; width:632px; }
.news li{ float:left;  height:38px; background-image:url(../images/other/icon_01.png); background-position: 4px 50%; background-repeat:no-repeat; padding-left:20px; }
.news li.grabg{ background-color:#fafafa;}
.date{ float:left; width:106px; font-size:14px; color:#824e47;height:38px; line-height:38px; text-align:right; }
.news li a{float:left; width:470px; line-height:38px; font-size:16px; text-decoration:none; color:#000000;}
.news li a:hover{text-decoration:none; color:#ba021f;}

.ntit{ float:right; width:630px; border:1px solid #cfcece;  height:35px;
background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#e7e5e5));
background-image: -webkit-linear-gradient(#ffffff,#e7e5e5);
background-image: -moz-linear-gradient(#ffffff,#e7e5e5);
background-image: -ms-linear-gradient(#ffffff,#e7e5e5);
background-image: -o-linear-gradient(#ffffff,#e7e5e5);
background-image: linear-gradient(#ffffff,#e7e5e5);}				  
								  
								  
								  

.ntit span{ float:left; color:#686767; font-size:16px; text-align:center; line-height:35px;}
.ntit p{float:left; background:url(../images/other/icon_01.png) left 50% no-repeat; float:left; padding-left:20px; width:470px; font-size:16px; line-height:35px; margin-left:10px;}

.edit_news{ float:right; width:632px; height:350px; overflow-y:scroll; padding:20px 0; }
.edit_news p{ line-height:20px; font-size:14px; float:left;}

.back{ margin-top:15px;float:right; width:632px; border-top:1px solid #dfdfdf; height:40px; padding-top:5px; color:#626262; font-size:15px; line-height:30px; text-transform:none; background:#fafafa; }
.back img{ float:right; margin:0 15px 0 8px;}
.back a,.back a:hover{ color:#626262; font-size:16px; line-height:30px; text-transform:none; text-align:right; float:right; }



/*認證*/
.certifi{ float:left; width:860px;}
.certifi span{ float:left; width:860px; background: url(../images/other/line.png) left bottom ; z-index:1; margin-bottom:15px; line-height:20px; height:20px;}
.certifi em{ float:left; background: #fff url(../images/other/icon_02.png) right 50% no-repeat;line-height:20px; font-size:21px; color:#000000; padding-right:84px; z-index:2; font-style:normal; font-family: 'Ramaraja' ;}
.certifi ul{ float:left; width:860px; margin-bottom:40px; }
.certifi li{ float:left; margin-right:10px;}
.cer li:last-child{ margin-right:0;}
.certifi li img{ float:left; border:1px solid #a0a0a0; margin-bottom:8px; }
.certifi li p{ float:left; font-size:14px; color:#7d7b7b; line-height:18px;}

.certifi li.c01{ width:96px; float:left;}
.certifi li.c02{ width:276px; float:left;}

.cft_01{ float:left; width:96px; text-align:center; height:22px; line-height:22px; color:#ffffff; font-size:15px; margin-right:10px; background: #8F8F8F; margin-bottom:8px;  }
.cft_02{ float:left; width:732px; text-align:center;  height:22px; line-height:22px; color:#ffffff; font-size:15px; background:#8F8F8F; margin-bottom:8px; }
.cft_03{ float:left; width:564px; margin-right:200px; text-align:center;  height:22px; line-height:22px; color:#ffffff; font-size:15px; background:#8F8F8F; margin-bottom:8px; }


/*產品*/
.pro{ float:right; margin-left:30px; width:632px; }
.pro ul{ float:left; padding-left:20px;}
.pro li{ display:inline-block; width:180px; margin:0 20px 7px 0; vertical-align:top; }
.pro li:last-child{ margin-right:0;}
.pro li img{ width:178px; height:131px; border:1px  solid #e2e2e2; margin-bottom:5px;}

.pro li img:hover{ border:1px solid #9c0211;}
.pro li p{ float:left; width:180px; line-height:16px; font-size:15px; text-align:center;}
.pro li p a,.pro li p a:hover{ color:#4d4d4d; text-decoration:none;}


.list_tit{ float:left; height:34px; line-height:34px; border:1px solid #cfcece;font-size:18px; font-weight:bold; margin-bottom:15px;
float:left; background:url(../images/other/icon_04.jpg) no-repeat; width:602px; padding-left:22px; font-family:"微軟正黑體";}


/*產品圖*/
#DB_gallery{width:355px; margin:0 0 30px 4px;}
#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{border:none;vertical-align:top;}

#DB_gallery .DB_imgSet {position:relative;width:355px;height:265px;overflow:hidden; border:1px solid #DADADA;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_imgWin img{width:355px; height:265px;}
#DB_gallery .DB_imgSet .DB_imgWin em{width:43px; height:22px; display:block; background:url(../images/other/icon_13.png) no-repeat;}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:357px; height:70px;overflow:hidden; box-sizing:border-box;}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0;}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline-block; height:60px; margin-right:9px; width:80px; border:1px solid #DADADA;}
#DB_gallery .DB_thumSet .DB_thumMove li img{width:80px; height:60px;}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #ff0000;left:0;top:0}
/*產品圖//*/


/*產品詳細*/
.pro_dta{ float:left; width:632px; margin-left:30px; }
.pro_show{ float:left; width:357px;}

.showpic{ float:left; width:355px; height:265px; position:relative; margin-bottom:10px;}
.showpic em{ width:43px; height:22px; position:absolute; right:18px; bottom:10px; z-index:100;}
.pro_show ul{ float:left; width:357px;}
.pro_show li{ float:left; width:80px; height:60px; margin-right:9px; border:1px solid #bfbebe;}
.pro_show li:last-child{ margin-right:0;}






.edit_data{ float: right; width:255px;}
.edit_data #bold{ float:left; width:255px; height:30px; line-height:30px; font-size:20px; font-weight:bold; color:#000000; margin-bottom:10px;border-bottom:1px solid #bfbebe;  }
.edit_data strong{ font-size:14px; font-weight:bold; color:#000000; }
.edit_data p{ /*float:left;*/ width:255px; line-height:20px; font-size:15px; color:#4d4d4d;} 
.edit_data .iqicn{ float:left; width:255px; margin-top:20px;}
.edit_data li{ font-size:14px;}

.edit_pro{ float:left; width:632px; border-top:1px solid #bfbebe; border-bottom:1px solid #bfbebe; padding:34px 0; margin-bottom:35px;}
.edit_pro p{ /*float:left*/; line-height:20px; font-size:15px; color:#4d4d4d;}
.edtit{ float:left; width:632px; font-size:20px; font-weight:bold; color:#000000; margin-bottom:15px; font-family:"微軟正黑體";}



/*返回*/
.pback{ float:left; width:100%; }
.pback td a{ font-size:15px; color:#9c0211; text-decoration:none;}
.pback td a:hover{ font-size:15px; color:#9c0211; text-decoration: underline;}






/*推薦專區*/
 .img-scroll { float:left; position:relative; width:632px;  margin-bottom:70px; height:180px; }
 .img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:27px; height:130px;top:0px; cursor:pointer;}
 .img-scroll .prev { left:0; }
 .img-scroll .next { right:0 ; }
 .img-list { position:relative;  width:568px; height:180px;/*height:120px;*/  overflow:hidden; left:37px;}
 .img-list ul { width:9999px;}
 .img-list li { float:left; display:inline; width:177px; margin-right:14px; height:auto; /*height:148px;*/   position:relative; color:#000000;}
 .img-list li img{border:1px solid #c9c9c9; margin-bottom:6px; width:175px; /*height:auto;*/}
 .img-list li img:hover{border:1px solid #c20f04; margin-bottom:6px;}

 .img-list li a{color:#4d4d4d; font-size:15px; line-height:21px;}
 .img-list li a:hover{ color:#c20f04;}
 
 
 
 /*sitemap*/
.site{ float:right; margin-left:30px; width:632px; }
.site ul{ display:inline-block; width:190px; margin:0 17px 20px 0; padding:0; vertical-align:top; }
.site li{float:left; width:190px;  margin:0 20px 8px 0; vertical-align:top;}
.site li:nth-child(3n){ float:left; margin-right:0;}
.sitit,.sitit a,.sitit a:hover{display:block; width:100%; font-size:18px; line-height:19px; margin-bottom:8px; color:#c30000;}


.site p{float:left; width:175px; padding-left:5px;font-size:15px; line-height:23px; background: url(../images/other/icon_15.png) left 12px no-repeat;}
.site p a,.site p a:hover{color:#000000;}
.site b{float:left; width:180px;font-size:16px; font-weight:normal; line-height:20px; padding-left:10px; background: url(../images/other/icon_14.png) left 6px no-repeat; border-bottom:1px dotted #999;}
.site b a,.site b a:hover{color:#1a307b; }

.site a{ text-decoration:none;}
.site a:hover{ text-decoration:underline;}

.sother{ float:right; margin-left:30px; width:632px; }
.sother ul{ float:left; width:100%; padding:0; margin-bottom:60px;}
.sother li{float:left; width:190px;  margin:0 20px 8px 0; vertical-align:top;}

.sother b{float:left; width:180px;font-size:16px; font-weight:normal; line-height:20px; padding-left:10px; background: url(../images/other/icon_14.png) left 6px no-repeat; border-bottom:1px dotted #999;}
.sother b a,.sother b a:hover{color:#1a307b; }

.sother a{ text-decoration:none;}
.sother a:hover{ text-decoration:underline;}



 
/*表單共用*/
.message{width:100%; border-bottom:1px solid #c2c2c2; padding:30px 0; background: #F7F7F7; margin-bottom:30px; }
.message tr th{}
.message tr th,td{padding:5px 0;}
.from_01{width:150px; color:#666; font-size:12px; border:1px solid #c2c2c2; height:28px;}
.from_02{width:460px; height:150px;}

.red{color:red;}
.btn{ width:198px; margin-top:10px;}
.t02{border-bottom:1px dashed #CCC;}

/*inquiry*/
#inquiry{width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/other/inquiry_bg.png) repeat; z-index:999; display:none;}
#inquiry .inquiry_bg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:5;}
#inquiry .inquiry_box{width:700px; height:600px; position:absolute; left:50%; top:50px; background:url(../images/others/inquiry.png) 0 0 repeat-x #e4e4e4; margin-left:-300px; z-index:10;}
#inquiry .inquiry_box .inq_close{width:44px; height:46px; position:absolute; right:0; top:0; background:url(../images/other/inq_close.png) 0 0 no-repeat;}
#inquiry .inquiry_box .inq_close:hover{background-position:0 -46px;}
#inquiry .inquiry_box .inq_ico{
	width:630px;
	height:40px;
	position:absolute;
	padding-left:160px;
	top:18px;
	left:-3px;
	background:url(../images/other/tit_06.png) no-repeat;
}
#inquiry .inquiry_box h2{
	width:425px;
	height:40px;
	line-height:40px;
	position:absolute;
	top:8px;
	left:135px;
	color: #b6021e;
	font-weight:bold;
	font:20px "Helvetica";
	padding:0 0 2px 5px;

}
#inquiry .inquiry_box .inq_table{width:550px;float:left; margin:60px 0 0 20px;}
#inquiry .inquiry_box .inq_table td{line-height:26px; padding:8px 0 8px 8px; color:#0066CC; font-weight:bold; font-size:16px;}
#inquiry .inquiry_box .inq_table th{ font-size:15px;}
#inquiry .inquiry_box .inq_table input{ height:24px; line-height:24px; color:#555; border:solid 1px #ccc; background:#fff; padding:0 5px;}
#inquiry .inquiry_box .inq_table .inq_p01{width:379px;}
#inquiry .inquiry_box .inq_table .inq_p02{width:161px;}
#inquiry .inquiry_box .inq_table .inq_p03{width:65px;}
#inquiry .inquiry_box .inq_table .inq_p04{width:389px; height:106px; color:#555; border:solid 1px #ccc; background:#fff;}
#inquiry .inquiry_box .inq_table td img{vertical-align:middle; margin-left:5px;}
#inquiry .inquiry_box .inq_table td span{color:#c00;}
#inquiry .inquiry_box .inq_send{width:138px; height:34px; position:absolute; bottom:-12px; left:50%; margin-left:-69px; background: url(../images/other/inq_send.png) 0 0 no-repeat; border:none 0; line-height:999px; cursor:pointer;}
#inquiry .inquiry_box .inq_send:hover{background-position:0 -34px;}





/*contact*/
.location{ float:right; width:410px; }
.lobox{ float:left; width:380px; padding:15px; background:#eaeaea;
border-topright-radius:10px;	-moz-border-topright-radius:10px;-webkit-border-topright-radius:10px;	
border-topleft-radius:10px;	-moz-border-topleft-radius:10px;-webkit-border-topleft-radius:10px;}
.lobox em{
	float:left;
	width:380px;
	font-size:18px;
	color:#974807;
	font-style:normal;
	padding-bottom:15px;
}
.lobox ul{ float:left; width:380px; border-top:1px solid #ffffff ;border-bottom:1px solid #ffffff; padding:15px 0;}
.lobox li{ float:left; width:380px; font-size:15px; line-height:28px; color:#5a5a5a;}
.lobox li b{ float:left; width:75px;font-size:15px;}

.map{ float:left; width:380px; height:230px;}


.fbox{ width:380px; padding:10px; height:50px; margin-bottom:20px;  border: 1px solid #ccc; border-radius:3px/3px;}
.ftxt{ float:left; width:410px; color: #09F; font-size:15px; line-height:18px; margin-bottom:10px;}


#container {
	float:left; width:410px;
    position: relative;
}
    #container #first_step, #second_step, #third_step, #fourth_step { display: none; }
    #container #first_step { display: block; }

    #container .form { }
    
    #container h1, #container h2 {
        font-size: Cantarell, Verdana, sans-serif;
        text-align: center;
        font-size: 24px;
        text-shadow: 1px 1px 2px #222;
    }
        #container h1 span { color: #a90329; }
        
    #container h2 {
        color: #888;
        font-size: 20px;
        text-align: left;
        text-shadow: none;
    }
    
    #container table {
        margin: 20px 40px;
        font-size: 14px;
        font-weight: bold;
    }
        #container table td {
            padding: 5px 10px;
        }
            #container table td:nth-child(2) {
                color: #a90329;
            }   
        
    #container input, #container select {
        background: url('../images/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;

        font-size: 15px;
        width: 350px;
        height: 30px;
        padding: 0 25px;
		margin-bottom:20px;
        float: left;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
	
	#container textarea  {
        background: url('../images/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;

        font-size: 15px;
        width: 350px;
		padding: 10px 25px;
    }
        #container input.submit {
            background: url('../images/other/icon_11.jpg') no-repeat;
            border: none;
            cursor: pointer;
            width: 116px;
            height: 38px;
            position: relative;
            bottom: 0px;
            left: 20px;
        }
            #container input.submit:focus { border: none; }
			#container input.submit:hover { background: url('../images/other/icon_11_f2.jpg') no-repeat; }
        
        #container input.send{ background: url('../images/send.png') no-repeat; }
            
        #container input.error { border: 1px solid red; }
        #container input.valid { border: 1px solid #1FFF00; }
        
        #container input:focus, #container select:focus, #container textarea:focus {
            border: 1px solid #a90329;
            color: #a90329;
        }

    #container select { padding: 5px 0 5px 25px; }
        #container option { padding: 0 15px; }

    #container label {
        color: #666;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        float: right;
        margin: 23px -25px;
        width: 270px;
    }
    

#progress_bar {
    background: url('../images/progress_bar.png') no-repeat;
    width: 339px;
    height: 24px;
    margin: 0 auto;
    position: relative;
}

#progress {
    background: url('../images/progress.png') repeat-x;
    width: 0px;
    height: 23px;
    
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#progress_text {
    position: relative;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px #222;
    width: 339px;
    height: 24px;
    top: -23px;
    left: 0;
}
.star{ position:absolute; width:10px; height:363px; background:url(../images/other/icon_16.jpg); top:55px; left:-15px;}

#container .clear_btn{ width:116px; height:38px; float:left; cursor:pointer; background: url('../images/other/icon_09.jpg') no-repeat; }
#container .clear_btn:hover{ background: url('../images/other/icon_09_f2.jpg') no-repeat;}