@charset "utf-8";
/* CSS Document */
:focus {
	outline: 0;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "微軟正黑體";
}
img {
	border: 0;
}
a {
	text-decoration: none
}

/*body {
	background: url(../images/bg.jpg) center top no-repeat, url(../images/bg-y.jpg) repeat-y;
}*/

body{
	/* background: url(../images/bg-y.jpg) repeat-y; */
}

h1, h2, h3, h4 {
	font-weight: normal;
	font-size: 100%;
}
#wrapper {
	margin: 0 auto;
	width: 1000px;
}

.top-right {
	float: right;
	margin: 20px 0 10px 0;
	font-size: 12px;
}
.top-right b {
	float: left;
	margin: 0 14px 0 0;
	font-weight: normal;
}
.top-right b a {
	color: #fff;
}
.top-right b a:hover {
	float: left;
}
.top-right ul {
	float: left;
	list-style: none;
}

.top-right li {
	float: left;
	margin: 0 14px 0 0;
}
.top-right li a {
	padding: 0 0 0 12px;
	color: #fff;
	background-image: url(../images/line-top-menu.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}

.main {
	width: 1000px;
	float: left;
	background-color: #FFF;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0px 0px 7px #333;
	-webkit-box-shadow: 0px 0px 7px #333;
	box-shadow: 0px 0px 7px #333;
	background-image: url(../images/main-bottom-bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#head {
	width: 1000px;
	height: 95px;
	margin: 0 auto;
	background: url(../images/CE.jpg) 940px 12px no-repeat, url(../images/head-bg.png) repeat;
	overflow: hidden;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
}

#logo {
	float: left;
	margin: 12px 17px 22px 16px;
}

#menu {
	font-size: 16px;
	float: left;
	font-weight: bold;
}
#menu ul {
	float: left;
	margin: 30px 0 0 0;
}

#menu li {
	float: left;
	list-style: none;
	font-size: 14px;
	margin: 0 23px 0 0;
	background-image: url(../images/menu-line.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 30px;
	padding: 28px 0 14px 23px;
}

#menu li a {
	color: #1c1b1b;
}
#menu li a:hover {
	color: #930705;
}

/*----------------slide ------------------------*/
#bannerbg {
	position: relative;
	height: 377px;
	margin: 90px auto 0 auto;
	background: url(../images/banner-BG-1.jpg)top center no-repeat;
}
.bannerc {
	height: 377px;
	overflow: hidden;
	position: relative;
	width: 1000px;
}
.bannerc li {
	/*height:380px; */
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.banner {
	height: 377px;
	margin: 0 auto;
	position: relative;
}
.banner img {
}
.bannermenu {
	left: 50%;
	margin-left: 350px;
	position: absolute;
	margin-top: -30px;
	z-index: 9;
	display: block;
}
.bannermenu li {
	background-color: #dcdcdc;
	float: left;
	height: 10px;
	list-style: none outside none;
	margin: 0 5px;
	width: 10px;
	overflow: hidden;
	cursor: pointer;
}
.bannermenu li.on {
	background-color: #313131;
	height: 10px;
	width: 10px;
}
#banner_block{
	width: 480px;
	height: 374px;
}
.slide_move{
	position: relative;
	top: 0;
	left: 0;
}
.slide_pic{
	position:absolute;
	top: 20px;
	left: 35%;
}
/*---------------------------------------------------------------------*/

#master::after {
	content: "";
	clear: both;
	display: block;
}

#path {
	height: 17px;
	font-size: 12px;
	padding: 4px 0 0 0;
	color: #666;
	max-width: 1100px;
	text-align: right;
	margin: 8px 10px 14px 0;
}
#path a {
	color: #666;
}
#path a:hover {
	color: #333;
}
.content-flex {
	display: flex;
	align-items: start;
	justify-content: center;
	min-height: 400px;
}
#left {
	width:30%;
	max-width: 300px;
	list-style: none;
}

/*單元名稱*/
#title {
	width: 267px;
	background-image: url(../images/left-menu-top-red.jpg);
	background-repeat: no-repeat;
	height: 57px;
	padding: 8px 0 0 20px;
	min-width: 240px;
}

#title h1 {
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.2px;
}

/*左邊選單*/
.submenu {
	float: left;
	display: block;
	width: 227px;
	padding: 0 0 8px 0;
	margin-left: 16px;
}

.menu_head {
	font-size: 16px;
	background: url(../images/icon-products_show_name.png) left 11px no-repeat,url(../images/menu-li-line.png) center bottom no-repeat;
	padding: 7px 0 18px 20px;
	width: 220px;
	line-height: 1.6em;
}
.menu_last {
	font-size: 16px;
	background: url(../images/icon-products_show_name.png) left 11px no-repeat;
	padding: 7px 0 18px 20px;
	width: 220px;
	line-height: 1.6em;
}

.menu_head a {
	color: #333;
}

.menu_head a:hover {
	color: #e72c18;
}
.menu_head a.current {
	color: #e72c18 !important;
}

/*更細項的子單元*/
/*.menu_body{margin:0px 0 30px 0;font-size:15px;

 }
 .menu_body li{
 list-style: none;
 margin-left: 12px;
 padding: 5px 0 4px 0;
 height: 25px;
 background-image: url(../images/menu-body-li.png) !important;
 background-repeat: no-repeat;
 background-position: -10px 8px;
 }
 .menu_body li a{
 color: #333;
 padding:5px 0 0 10px;

 }
 .menu_body li a:hover{color:#0393db;}
 .menu_body li a.current {color:#0393db !important;}	*/

.left-contact {
	width: 267px;
	margin: 43px 0 0px 0;
	float: left;
}

.left-contact-add {
    float: left;
    margin-top: -10px;
	margin-bottom: 137px;
}

.i-tel, .i-fax, .i-skype, .i-qq {
	font-size: 20px;
	color: #4a4a4a;
	padding: 0 0 0 44px;
	margin: 7px 0 13px 14px;
	display: block;
	height: 32px;
}

.i-tel {
	background-image: url(../images/icon-tel.png);
	background-repeat: no-repeat;
}

.i-fax {
	background-image: url(../images/icon-fax.png);
	background-repeat: no-repeat;
}

.i-skype {
	background-image: url(../images/icon-skype.png);
	background-repeat: no-repeat;
}

.i-skype a {
    color: #4a4a4a;
}

.i-qq {
	background-image: url(../images/icon-qq.png);
	background-repeat: no-repeat;
}

.right {
	float: left;
	max-width: 700px;
	height: auto;
	padding: 0 0 33px 17px;
}

.title00 {
	clear: both;
	padding: 0 10px 0 23px;
	width: 652px;
	color: #e72c18;
	font-size: 18px;
	margin: 10px 0 10px 1px;
	display: inline-block;
	border-left: 8px solid #e72c18;
}

/*----- products 列表---------------*/
/*.p-box{float:left;margin:10px -5px 25px -5px;}*/
.product_list {
	width: 680px;
	clear: both;
	border: 2px solid #dcdcdc;
	margin: 0 0 15px 1px;
	float: left;
	-moz-box-shadow: 0px 1px 4px #e6e4e5;
	-webkit-box-shadow: 0px 1px 4px #e6e4e5;
	box-shadow: 0px 1px 4px #e6e4e5;
}
.product_list table {
	margin: 5px 0 0 0;
}
.product_list_title {
	padding: 6px 0 0 15px;
	height: 27px;
	line-height: 1.2em;
	font-size: 15px;
	background-color: #dcdcdc;
}
.product_list_title a {
	color: #333;
}
.product_list_title a:hover {
	color: #666;
}

.product_pic {
	width: 185px;
	/*height: 280px;*/
   text-align: center;
   margin: 20px 0;
}
.product_pic img {
	width: 170px;
	border: 1px solid #908f8f;
	padding: 15px 0;
}

.product_pic img:hover {
	opacity: 0.8; /* 最大數值字為1 */
	filter: alpha(opacity=80); /*最大數值為100 ，用於IE8 及其早期版本語法 */
	border: 1px solid #908f8f;
}

.download-pdf {
	width: 185px;
	text-align: center;
	margin: 28px 0 0 0;
}

.download-pdf strong {
	font-weight: normal;
	float: left;
	clear: both;
	font-size: 14px;
	width: 166px;
	height: 22px;
	background-color: #626161;
	margin: 2px 0 0 9px;
}
.download-pdf a {
	color: #fff;
}

/*--------產品敘述---------------*/
.p-word {
	float: left;
	width: 179px;
}

.p-word b {
	font-size: 15px;
	color: #fff;
	width: 171px;
	background-color: #343434;
	font-weight: normal;
	display: block;
	padding: 3px 0 3px 8px;
}

.p-word p {
	color: #353535;
	font-size: 14px;
	line-height: 1.5em;
	margin: 8px 0 0 1px;
}

/* 點產品圖放大 Gallery style */
#gallery {
	height: 95px;
	float: left;
}
#gallery ul {
	list-style: none;
}
#gallery ul li {
	margin: 0 0 0 10px;
	float: left;
}
#gallery ul img {
	height: 87px;
	width: 137px;
	border: 1px solid #d0d0d0;
}

#gallery ul a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}

#scaling-icon {
	color: #fff;
	font-size: 14px;
	height: 25px;
	width: 139px;
	position: absolute;
	background-image: url(../images/scaling-icon.png);
	background-repeat: no-repeat;
	background-color: rgba(51,51,51,0.6);
	background-position: 114px 3px;
	margin: 62px 0 0 0;
	padding: 2px 0 0 0;
	text-align: center;
}

#gallery2 {
	width: 140px;
	height: 95px;
	float: left;
}
#gallery2 ul {
	list-style: none;
}
#gallery2 ul li {
	margin: 0 0 0 10px;
	float: left;
}
#gallery2 ul img {
	height: 87px;
	width: 137px;
	border: 1px solid #d0d0d0;
}

#gallery2 ul a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}

/*------------------------------------------------------------*/

/*--------規格說明---------------*/
.p-word2 {
	float: left;
	width: 331px;
	word-break: break-all;
}

.p-word2 b {
	font-size: 15px;
	color: #fff;
	width: 171px;
	background-color: #343434;
	font-weight: normal;
	display: block;
	padding: 3px 0 3px 8px;
}

.p-word2 p {
	color: #353535;
	font-size: 14px;
	line-height: 1.5em;
	margin: 8px 0 0 1px;
}

/*--------型號--------------*/
.model-number {
	font-size: 15px;
	color: #868686;
	margin: 26px 0 0 0;
}

/*--------more--------------*/
.read-more a {
	font-size: 12px;
	color: #908f8f;
	border:1px solid #908f8f;
	padding: 2px 9px 3px 9px;
	float: right;
	margin: 7px 13px 10px 0;
	-webkit-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
	-ms-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	transition: all 0.5s ease 0.1s;
}
.read-more a:hover {
	color: #fff;
	border: 1px solid #e72c18;
	background-color: #e72c18;
}

/*頁數*/
#pagebox {
	float: left;
	width: 682px;
	clear: both;
	margin: 20px 0 30px 0;
	text-align: right;
	height: 20px;
	vertical-align: middle;
	font-size: 14px;
	text-align: center;
}

/*當下的頁數*/
.page_current {
	color: #c8c8c8;
	padding: 5px 10px;
	vertical-align: middle;
	font-weight: bold;
}

.page a {
	color: #085093;
	vertical-align: middle;
	padding: 5px 9px;
	margin: 0 3px;
	font-weight: bold;
}
.page a:hover {
	color: #00a0e9;
}

.prev-next {
	padding: 4px 20px 2px 20px;
	background-image: url(../images/btn-bg.png);
	background-repeat: repeat-x;
	display: inline-block;
	height: 21px;
	background-position: center center;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	margin: 0 10px;
}
.prev-next a {
	color: #fff;
}
.prev-next a:hover {
	color: #e1f6ff;
}

/*---------------詳細頁--------------------------------*/

.products_show_name {
	float: left;
	width: 680px; /*680-32*/
	display: block;
	line-height: 1.2em;
	font-size: 18px;
	color: #333;
	line-height: 1.2em;
	font-size: 16px;
	background-color: #dcdcdc;
	padding: 5px 0 9px 32px;
	margin: 0 0 13px 0;
	background-image: url(../images/icon-products_show_name.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

.pdtop {
	float: left;
	margin: 0 0 40px 0;
	clear: both;
	width: 467px;
}
.products_show {
	float: left;
	width: 467px;
}

/*大圖	*/
.pdpic {
	width: 420px;
	height: 280px;
	float: left;
}

.pdpic img {
	width: 420px;
	height: 280px;
	border: 5px solid #e4e4e4;
}

/*小圖	*/
.pdmu {
	height: 80px;
	width: 440px;
	margin: 22px 0 0 0;
	float: left;
	clear: both;
}
.pdmu-prev {
	float: left;
}
.pdmu-next {
	float: left;
}
.pdmu ul {
	float: left;
}
.pdmu li {
	float: left;
	list-style-type: none;
	margin: 0 9px;
}

.pdmu li img {
	float: left;
	width: 108px;
	height: 72px;
	border: 1px solid #b5b5b5;
}

.pdmu li img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*-----------加入詢價/我的最愛-------------------*/
.btn-top-area {
	float: left;
	margin: 6px 20px 0 0;
	width: 123px;
}

.btn02 {
	font-size: 14px;
	padding: 3px 0;
	background: #868686;
	width: 100px;
	text-align: center;
	background-position: center center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0 15px 0;
	-moz-box-shadow: 2px 2px 5px #B5B5B5;
	-webkit-box-shadow: 2px 2px 5px #B5B5B5;
	box-shadow: 2px 2px 5px #B5B5B5;
}
.btn02 a {
	color: #fcf7f7;
}
.btn02:hover {
background: #000;
}

/*--------------------------------------*/

/* 產品特性跟規格的TITLE */

.products_show_title {
	float: left;
	clear: both;
	width: 612px;
	height: 30px;
	display: block;
	color: #fff;
	font-size: 18px;
	padding: 5px 0 0 15px;
	background-image: url(../images/title-bg-red.jpg);
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

.products_show_introduction {
	float: left;
	width: 615px;
	color: #3b3c3c;
	font-size: 15px;
	line-height: 1.7em;
	margin: 0 0 30px 10px;
}

.products_show_introduction ul {
}

.products_show_introduction ul li {
	list-style-position: inside;
	list-style-type: disc;
}

/*--上一個 下一個  BACK按鈕--*/
.btn {
	float: right;
	margin: 9px 50px 38px 0;
	font-size: 14px;
}

.btn01 {
	float: left;
	padding: 4px 15px 2px 15px;
	background: #e72c18;
	background-repeat: repeat-x;
	display: inline-block;
	background-position: center center;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	margin: 0 5px;
}
.btn01 a {
	color: #fff;
}
.btn01:hover {
	background: #000;
}

.btn-back {
	float: left;
}

.btn-back a {
	color: #e72c18;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	margin: 0 5px;
	display: inline-block;
	padding: 4px 15px 2px 15px;
	border: 1px solid #e72c18;
}
.btn-back:hover a {
	color: #fff;
	border: 1px solid #000;
	background: #000;
}

/*------------------*/

/* datatable */
/*.datatable {
 font-size:16px;
 width: 306px;
 float: left;
 color: #333;

 }

 .datatable h1{font-size:16px; font-weight:normal; float:left;}
 .datatable td {
 padding: 4px 5px 4px 8px;
 vertical-align: top;

 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #ccc;
 }
 */

/*------------------------------------*/

#footer {
	margin: 0 auto;
	width: 1000px;
	/*height: 51px;*/
	color: #7e7e7e;
	text-align: left;
	font-size: 13px;
}

.info {
	float: left;
	line-height: 1.8em;
	width: 990px;
	padding: 20px 0 28px 10px;
	background-image: url(../images/f-l-qr.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.info a{
    color: #7e7e7e;
}