/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/*custom*/
body{font-family:Arial, Helvetica,"微軟正黑體", sans-serif;}
/*navi*/
#navi{
	width:100%;
	position:absolute; 
	z-index:9999;
	top:25px;}
#navi .navi-wrap{ 
	width:1100px;
	height:66px;
	margin:0 auto;
	background-color:rgba(64,63,69,.9);}
#sticker{
	width:100%;
	height:66px;
	position:absolute; 
	z-index:9999;
	background-color:rgba(64,63,69,.9);}
#sticker .navi-wrap{ 
	width:1100px;
	margin:0 auto;
	}
.DB_navi26{
	float:right;}
.DB_navi26 li a{
	display:block;
	height:36px;
	padding:15px 25px;
	color:#fff;
	text-decoration:none;
	line-height:2.5;
	background-color:rgba(64,63,69,.0);
	transition:all ease-in-out .4s;}
.DB_navi26 li a:hover{
	background-color:#ffeb00;
	color:#403f45;}
.DB_navi26 li h1{
	width:180px;
	margin-top:10px;
	padding:0}
.DB_navi26 li.DB_main{
	float:left;
	position:relative;}
.DB_navi26 li.DB_main ul.DB_sub{
	position:absolute;
	left:0;
	top:66px;
	width:170px;
	display:none;
	background-color:rgba(64,63,69,.9);}
.DB_navi26 li.DB_main ul.DB_sub li a{
	text-decoration:none;
	color:#fff;
	height:18px;
	font-size:12px;
	line-height:18px;
	background:none}
.DB_navi26 li.DB_main ul.DB_sub li a:hover{
	background-color:#ffeb00;
	color:#403f45;}
.DB_navi26 li.DB_main ul.DB_sub li.DB_select a{
	color:#403f45}
.logo{
	float:left;
	display:block;
	width:150px;
	height:65px;
	margin:5px 0 0 15px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;}
.logo h1{
	text-indent:-99999px;}

/*banner*/
/* clearfix */
#banner{
	background-color:#efefef;}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*index*/
#wrap{ 
	position:relative;}
#products{
	background-color:#efefef;}
#products .pro-wrap{
	width:1100px;
	margin:0 auto;
	padding-top:25px;}
#products ul{
	padding-bottom:25px;}
#products ul li{
	display:inline-block;
	width:257px;
	margin-right:20px;
	background-color: #fff;
	transition:all ease-in-out .4s;}
#products ul li:last-child{
	margin-right:0;}
#products ul li:hover{
	background-color:#f5f5f5;}
#products ul li a{
	text-decoration:none;
	transition:all ease-in-out .4s;}
#products ul li a img{
	width:100%;}
#products ul li a h3{
	font-size:14px;
	text-align: center;
	border-top: 1px solid #cecece;}
#products ul li a:hover{
	color:#f39800;
	}
#distri{
	background-color:#555a60;}
#distri .distri-wrap{
	width:1100px;
	height:108px;
	margin:0 auto;}
#distri .distri-icon{
	float:left;
	width:108px;
	height:108px;
	background-color:#fff;}
#distri .distri-icon img{
	margin: 15px 0 0 25px;}
#distri .distri-info{
	float:left;
	width:900px;
	padding:15px;}
#distri .distri-info h3{
	font-size:24px;
	color:#fff;}
#distri .distri-info p{
	font-size:16px;
	color:#fff;}
#distri .download-icon{
	float:right;
	margin: 30px 30px 0 0;
	display:block;
	width:40px;
	height:48px;
	background-image:url(../images/download-icon.png);
	background-repeat:no-repeat;
	background-size:100%;}
#hot-pro{
	clear:both;
	width:1100px;
	margin:40px auto;}
#hot-pro ul{}
#hot-pro ul li{
	display:inline-block;
	vertical-align : top;
	width:196px;
	margin-right:20px;
	border:2px solid #fff;
	transition:all ease-in-out .4s;}
#hot-pro ul li:hover{
	background-color:#f5f5f5;
	border:2px solid #f5f5f5;}
#hot-pro ul li:last-child{
	margin-right:0;}
#hot-pro ul .title{}
#hot-pro ul .title:hover{
	background-color:inherit;
	border:2px solid #fff;}
#hot-pro ul .title h3{
	font-size:18px;
	color:#403f45;
	font-weight:normal;
	text-align:center;
	line-height:1.2;
	text-transform:uppercase;}
#hot-pro ul .title h2{
	font-size:18px;
	color:#403f45;
	font-weight:bold;
	text-align:center;
	line-height:1;
	text-transform:uppercase;
	padding:12px;
	margin-bottom:15px;
	border-bottom:6px solid #f0f0f0;}
#hot-pro ul .title img{
	margin-left: 49px;}
#hot-pro ul li a{
	transition:all ease-in-out .4s;
	text-decoration:none;}
#hot-pro ul li a:hover{
	color:#f39800;}
#hot-pro ul li a img{
	width:100%;}
#hot-pro ul li a h3{
	font-size:14px;
	padding:5px;
	border-bottom:2px solid #d5d5d5;
	line-height:1.6;}
#hot-pro ul li a p{
	font-size:14px;
	padding:5px;
	color:#8d8d8d;}
#footer{
	clear:both;}
.footer-info{
	background-color:#232227;}
.footer-infowrap{
	width:1100px;
	height:60px;
	margin:0 auto;
	padding:20px 0;}
.f-logo{
	float:left;}
.info-area{
	float:right;}
.info-area ul{}
.info-area ul li{
	float:left;
	height:60px;
	padding-left:60px;
	margin-right:30px;}
.info-area ul .add{
	background-image:url(../images/f-icon1.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:1.6;}
.phone{
	background-image:url(../images/f-icon2.png);
	background-repeat:no-repeat;
	background-position:left center;}
.fax{
	background-image:url(../images/f-icon3.png);
	background-repeat:no-repeat;
	background-position:left center;}
.mail{
	background-image:url(../images/f-icon4.png);
	background-repeat:no-repeat;
	background-position:left center;}
.info-area ul li p{
	font-size:12px;
	color:#fff;}
.footer-link{
	width:1100px;
	height: 56px;
	padding: 15px 0;
	margin:0 auto;}
.footer-link ul{}
.footer-link ul li{
	float:left;
	font-size:12px;
	height: 46px;
	padding: 10px;
	font-weight: bold;
	line-height:46px;}
.footer-link ul .iso-icon{
	background-image:url(../images/iso.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 85px;}
.footer-link ul li a{
	font-size:14px;
	text-decoration:none;}
.footer-link ul li a:hover{
	color:#333;}
.footer-link h3{
	float:right;
	font-size:12px;
	margin-top:15px;}
	
/*pro-page*/
#page-wrap{
	width:1100px;
	margin:0 auto;}
.pro-page{}
.pro-page h2{
	font-size: 18px;
	border-bottom: 1px solid #f7f7f7;
	margin-bottom: 20px;
	text-align: center;}
.pro-page ul{
	padding-bottom:25px;}
.pro-page ul li{
	display:inline-block;
	vertical-align:top;
	width:253px;
	margin-right:20px;
	background-color: #fff;
	transition:all ease-in-out .4s;
	border:2px solid #fff;}
.pro-page ul li:last-child{
	margin-right:0;}
.pro-page ul li:hover{
	background-color:#f5f5f5;
	border:2px solid #f5f5f5;}
.pro-page ul li a{
	display: block;
	text-decoration:none;
	transition:all ease-in-out .4s;}
.pro-page ul li a img{
	width:100%;}
.pro-page ul li a h3{
	height:74px;
	font-size:14px;
	text-align: center;
	border-top: 1px solid #cecece;
	line-height:74px;}
.pro-page ul li a .pro-name{
	padding-top:13px;
	line-height:1.6;
	height:60px;}
.pro-page ul li a .pro-name2{
	padding-top:13px;
	line-height:1.2;
	height:60px;}
.pro-page ul li a:hover{
	color:#f39800;
	}
#page-title{
	width:185px;
	margin:35px auto 25px;}
#page-title h3{
	font-size:18px;
	color:#403f45;
	font-weight:normal;
	text-align:center;
	padding-bottom:15px;
	margin-bottom:18px;
	border-bottom:6px solid #f0f0f0;
	}
#page-title img{
	display:block;
	width:80px;
	margin:0 auto;}
.pro-top{}
.pro-img{
	display:inline-block;
	width:520px;
	height:520px;
	border:1px solid #dddddd;
	overflow:hidden;}
.pro-img img{
	width:100%;}
.pro-intro{
	display:inline-block;
	width:520px;
	padding:25px;
	vertical-align:top;}
.pro-intro h3{
	font-size:24px;
	color:#403f45;}
.pro-intro h4{
	font-weight: normal;
	background-color: #b0b0b0;
	margin: 10px 0;
	padding: 5px;
	border-radius: 5px;
	color: #fff;
	}
.pro-intro p{
	font-size:16px;
	color:#737373;
	margin-bottom:15px;}
.pro-intro ul{
	margin-left: 20px;
	list-style-type: disc;
}
.pro-intro ul li{
	display: list-item;
	width: inherit;
}
.pro-info{
	margin-top:25px;}
.pro-info ul{
	margin-left: 20px;
	list-style-type: disc;
}
.pro-info ul li{
	display: list-item;
	width: inherit;
}
.pro-info h4{
	font-size:16px;
	color:#fff;
	font-weight:normal;
	padding:5px;
	background-color:#b0b0b0;}
.pro-info p{
	font-size:16px;
	color:#737373;
	padding:10px;}
.pro-info table{
	width:100%;
	margin: 20px 0;
	border: 1px solid #ccc;}
.pro-info table td{
	padding:10px;
	border: 1px solid #ccc;}
.pro-info table .td-title{
	background-color:#b0b0b0;
	color:#fff;}
.about-page{
	padding:25px;}
.about-page p{
	margin-bottom:25px;
	line-height:1.8;}
.about-page p span{
	font-size:16px;
	font-weight:bold;}
.about-page embed{
	width: 100%;
	height: 1150px;
}
.buy-page{
	padding: 25px;}
.buy-page h3{
	font-size: 18px;}
.buy-page table{
	width: 100%;
	border: 1px solid #f7f7f7;
	margin-bottom: 25px;}
.buy-page table td{
	padding: 10px;
	border: 1px solid #f7f7f7;}
.buy-page table .buy-title{
	background-color: #f7f7f7;
	width: 50%;}