@charset "utf-8";
@import  "index.css";
/* CSS Document */

#main2{margin:1em 0px; position:relative;}

.bg{ background:url(../images/pagebg.jpg) center top repeat-x #f4f1e6;padding:0px;margin:0px;top:0px;left:0px;}

.menu{margin-left:10px;width:165px;float:left;font-size:14px;}
#submenu-title{background:url(../images/title.png) left top no-repeat;height:44px;font-size:17px;text-shadow: 1px 1px 5px #000,3px 3px 5px #77380e;}
#submenu-title span{line-height:30px;color:#fff;display:inline-block;width:133px;text-align:center;}

/* left menu */
.menu i.css_arrow_down {
	display: none;
}

/*left的產品按鈕-----menu第一層按鈕設定*/
.menu_head {width:150px;display:block;text-align:left;margin-bottom:5px;}
.menu_head a{font-size:16px;color:#3d3c3c;display:block;padding:3px 5px;line-height:20px;font-weight:bold;border-bottom:solid 1px #d2c5ad;}
.menu_head a:hover{color:#925d34;}
.menu_head a.current{color:#925d34;}
.menu_body p a {display: block;}
.menu_body a.current{font-weight:bold;font-size:16px;}
.menu_body .menu_prod_body a.current{font-size:15px;font-weight:bold;}
.menu_body p {margin: .5em 0; padding: 5px 0;}

/**/
.subname1{
width:140px;
background:#925d34;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari and Chrome */
border-radius: 3px; /* IE 6+  */
behavior: url(ie-css3.htc); /* 使用ie-css3 */
}
.subname1 a{font-size:15px;color:#fff;line-height:23px;padding-left:5px;}
.subname1 a:hover{font-weight:bold;font-size:15px;}
#coffe a{color:#925d34;}

.subname2{
width:140px;
background:#799234;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari and Chrome */
border-radius: 3px; /* IE 6+  */
behavior: url(ie-css3.htc); /* 使用ie-css3 */
}
.subname2 a{font-size:15px;color:#fff;line-height:23px;padding-left:5px;}
.subname2 a:hover{font-weight:bold;font-size:15px;}
#gree a{color:#799234;}

.subname3{
width:140px;
background:#ff5d16;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari and Chrome */
border-radius: 3px; /* IE 6+  */
behavior: url(ie-css3.htc); /* 使用ie-css3 */
}
.subname3 a{font-size:15px;color:#fff;line-height:23px;padding-left:5px;}
.subname3 a:hover{font-weight:bold;font-size:15px;}
#orange a{color:#ff5d16;}

.subname4{
width:140px;
background:#4284b2;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari and Chrome */
border-radius: 3px; /* IE 6+  */
behavior: url(ie-css3.htc); /* 使用ie-css3 */
}
.subname4 a{font-size:15px;color:#fff;line-height:23px;padding-left:5px;}
.subname4 a:hover{font-weight:bold;font-size:15px;}

/*menu次目錄按鈕設定*/
.menu_body {width:150px;margin:0px auto 10px auto;}
.menu_body ul{margin-bottom:5px;}
.menu_body li{margin-bottom:3px;}
.menu_body li a{font-size:15px;display:block;padding:8px 5px;line-height:18px;}
.menu_body li:first-child a {padding-top: 16px;}
.menu_body li a:hover{font-size:16px;font-weight:bold;}


#banner{position:absolute;top:-10px;right:0px;}
#rightcontent{
	float:right;
	width:770px;
	margin-top:127px;
	border-top: solid 1px #d2c5ad;
}
h1{
	color:#774219;
	font-size:18px;
	width:auto;
	background:#f5efdb;
	float:left;
	padding-right:4px;
	font-weight:bold;
	line-height: 2em;
}
#content{margin:15px 0px;}
.breadcrumb{clear:both;font-size:14px;color:#ad9b8c;line-height:18px;}
.breadcrumb a{font-size:14px;color:#ad9b8c;}
.breadcrumb a:hover{text-decoration:underline;}

/*product.htm*/
/*大圖*/
#fist {width:365px;height:290px;float:left;margin:10px 10px;position: relative;}
#fist .product_pic{border:solid 1px #ada99d;}
#fist .product_pic img{width:359px;height:284px;border:solid 2px #fff;}
#fist .product_list_title{padding:5px;width:353px;height:70px;color:#3d3c3c;font-size:14px;position: absolute;left: 1px;top: 200px;
background:url(../images/ptitilebg.png) repeat;}
#fist a{color:#3d3c3c;}
#fist a:hover{color:#925d34;}
#fist .product_list_title span{font-weight:bold;display:block;font-size:16px;color:#ff3c00;margin-bottom:5px;}
.cate_desc_table {margin-bottom: 1em; width: 100%;font-size: 16px;}

/*小圖*/
.product_list{
	width:calc(96% / 4 - 8px);
	display: inline-block;
	vertical-align: top;
	margin:1% 0.5% 2em .5%;
}
.product_pic{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border:solid 4px #ada99d;text-align:center;width:100%;height:auto;}
.product_pic:hover{border:solid 4px #ff5d16;}
/*.product_pic img{width:123px;height:123px;border:solid 2px #fff;}*/
.product_pic a{display: block; vertical-align: middle;width: 100%; height: 100%; background: #FCFCFC;}
.product_pic a img {width: 100%; height: 100%; vertical-align: bottom;}
.product_list_title{width:auto;color:#3d3c3c;margin-top:8px;font-size:14px;text-align:left;}
.product_list_title span{font-weight:bold;font-size:16px;color:#925d34;margin-bottom:5px;}
.product_list_title a{color:#3d3c3c;}
.product_list_title a:hover{color:#925d34;}
.product_list_title .product_info{border-top:1px dotted #000;padding:3px 0;}
/*product2.htm*/
#three.product_list{width:171px;height:250px;float:left;margin:10px 10px;}

/*product-show.htm*/
.show-box{max-width:100%;margin:20px auto;}
.showleft, .showright {
	display: inline-block;vertical-align: top;
}
.showleft{width:45%;height:auto;}
.showright{width: 52%; margin-left: 1.5%;}

#product-show-pic{max-width:100%;border:solid 1px #ada99d;padding:3px;background:#fff;margin-bottom: 1em;}
#product-show-pic .wraper{text-align:center;display:block;vertical-align:middle;padding:0;margin:0}
#product-show-pic img{/*width:359px;height:283px;*/;margin:0;padding:0}


.product_show_name{padding-bottom:5px;margin-bottom:10px;text-align:left;font-size:16px;line-height:1.3;color:#925d34;font-weight:bold;}

.product_show_introduction{clear:both;}
.product_show_introduction ul{padding:0px;margin:0px;color:#3d3c3c;font-size:14px;line-height:1.8;}
.product_show_introduction li{padding-left:5px;background:url(../images/plist.jpg) 0px 8px no-repeat;}

.show-img{height:30px;margin:8px auto;clear:both;border-top:solid 1px #aeaeae;border-bottom:solid 1px #aeaeae;}
.show-img p{line-height:30px;float:left;display: block;width:auto;}
.show-img a{margin-top:7px;display:block;width:16px;height:18px;background:url(../images/pimgbtn.jpg) left bottom;float:left;margin-right:6px;text-indent:-3000px;}
.show-img a:hover{background:url(../images/pimgbtn.jpg) left top;}
.show-img .stay{background:url(../images/pimgbtn.jpg) left top;}

.product_show_title{font-weight:bold;font-size:15px;clear:both;color:#925d34;margin:1em 0px 5px 0px;}
.p-word{color:#3d3c3c;font-size:15px;line-height:1.8;}
.show-btn{
	text-align: left;
	clear:both;}

.inquirybtn{
display:inline-block;
vertical-align: top;
margin-top: .5em;
margin-right:20px;
color:#fff;
width:131px;height:34px;
background:#ff5d16;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari and Chrome */
border-radius: 3px; /* IE 6+  */
behavior: url(ie-css3.htc); /* 使用ie-css3 */}
.inquirybtn a{font-size:14px;width:131px;line-height:34px;color:#fff;width:auto;display: block;text-align:center;}
.inquirybtn a img{ vertical-align: middle; padding-right: .5em; padding-bottom: 1px;}
.favoritebtn{
display:inline-block;
vertical-align: top;
margin-top: .5em;
color:#fff;
width:131px;height:34px;
background:#f98787;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari and Chrome */
border-radius: 3px; /* IE 6+  */
behavior: url(ie-css3.htc); /* 使用ie-css3 */}
.favoritebtn a{font-size:14px;width:131px;line-height:34px;color:#fff;width:auto;display: block;text-align:center;}
.favoritebtn a img{ vertical-align: middle;}

.homebtn{line-height:30px;border-bottom:solid 1px #aeaeae;margin:1em 0px; position:relative;}
.homebtn a{color:#e44804; font-size: 16px;}
.homebtn a > img {
	vertical-align: middle;
    padding-bottom: 5px;
}
.fb-like{ height:30px;width:70px;right:0px;top:0px;position:absolute;}
.homebtn a.at300b {
	line-height: 2em;
}
.addthis_toolbox { margin-top: 1em;}
.homebtn a.at300b *{vertical-align: top !important;}
.otherbtn{min-height:30px;padding-top:15px;clear:both; margin-bottom: 1em;}
.otherbtn a{float:left;display:block;background:#d1ab92;width:auto;-moz-border-radius: 3px; /* Firefox */-webkit-border-radius: 3px; /* Safari and Chrome */border-radius: 3px; /* IE 6+  */behavior: url(ie-css3.htc); /* 使用ie-css3 */text-align:center;font-size:14px;color:#fff;padding:0.5em 1.5em;margin-right:8px;}

input[type="checkbox"] {
	width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: .5em;
}

#twitter-widget-0, .fb_iframe_widget span {
	min-width: 73px;
}

/*Related相關產品*/
#related-product {
	width: 98%;
	font-size: 16px;
}
#related-product #owl-demo .owl-item {
	text-align: center;
}

/* table common */
table input[type="submit"] {min-width: 90px; cursor: pointer;}
table input[type="radio"] {cursor: pointer;}
table select { min-width: 80px; cursor: pointer;}
table .search_product {width: 100px; max-width: 40%; margin-left: 1em;}
#nodata { font-size: 16px;}

/*contactus*/
#contact{width:670px;margin:10px auto;background:#f2dfb7;padding:2px 0px;}
.contact_table a{color: #121212;}　
.contact_table a:hover{ text-decoration:underline;}
.c-pic{background:#fff;padding:0px;}
.contact_table {width:650px;margin:10px auto;background: #f2dfb7;padding:10px;}
.contact_table th {
	color: #121212;font-size:14px;
	font-weight:normal;
	text-align: left; vertical-align: top;
	padding:10px;padding-top:15px;
	border-bottom:1px solid #a38f6a;
}
.contact_table td {
	height: 24px;
	color: #121212;font-size:14px;
	text-align: left;
	padding: 10px 0px 10px 10px;
	border-bottom:1px solid #a38f6a;
	border-right:0px;
}
.contact_table  tr.altrow {}
.contact_table input{background:#d3c59c;height:20px;font-size:14px;border:#dedede;}
.contact_table input[type="submit"] {
    height: 40px;
    width: 120px;
}
.contact_table select{background:#d3c59c;font-size:14px;height:30px;border:#dedede;}
.contact_table textarea{background:#d3c59c;font-size:14px;border:#dedede;}
.contact_table img{vertical-align: middle}
.sumit-btn th{height:30px;text-align:center;}
.sumit-btn input{font-size:14px;color:#FFF;margin:5px auto;cursor:pointer;display:block;width:70px;height:18px;background: url(../images/btn-bg.jpg) left top;}

/*news start*/
#page{ text-align: center;}
#page-back a{
	display: inline-block; margin-top: 2em; font-size: 16px; padding: .2em 1.5em;
	font-weight: bold;color: #F2DFB5; text-shadow: 1px 1px #A9925E;
	background: rgba(209,148,82,1);
	background: -moz-linear-gradient(top, rgba(209,148,82,1) 0%, rgba(194,136,73,1) 29%, rgba(177,123,65,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,148,82,1)), color-stop(29%, rgba(194,136,73,1)), color-stop(100%, rgba(177,123,65,1)));
	background: -webkit-linear-gradient(top, rgba(209,148,82,1) 0%, rgba(194,136,73,1) 29%, rgba(177,123,65,1) 100%);
	background: -o-linear-gradient(top, rgba(209,148,82,1) 0%, rgba(194,136,73,1) 29%, rgba(177,123,65,1) 100%);
	background: -ms-linear-gradient(top, rgba(209,148,82,1) 0%, rgba(194,136,73,1) 29%, rgba(177,123,65,1) 100%);
	background: linear-gradient(to bottom, rgba(209,148,82,1) 0%, rgba(194,136,73,1) 29%, rgba(177,123,65,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d19452', endColorstr='#b17b41', GradientType=0 );
    border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border: 1px solid #E1BB6A;
}
.news_show .main {font-size: 16px;}
.news_show .main img, .news_show .main span{
	display: inline-block;
	vertical-align: top;
}
.news_show .main img {
	margin-right: .5em;
	margin-bottom: 1em;
}
.news_show .main span {
	width: 70%;
}

.n-box{
	padding-bottom:15px;
	margin:20px auto;
	color:#043543;
	max-width:640px;
	height:auto;
	border-bottom:solid 1px #9b9a8e;
}
.n-pic{
	display: inline-block;
	vertical-align: top;
	border:solid 1px #9b9a8e;
	padding:2px;
	width:144px;
	height:114px;
	margin:24px auto auto 0px;
}
.n-pic img{width:144px;height:114px;}
.n-brief{
	display: inline-block;
	vertical-align: top;
	width: 460px;
	max-width:460px;
	margin:0px auto atuo 20px;
	padding-top:30px;
	padding-left:20px;
}
.n-day{color:#564533;font-size:16px;float:right}
.n-word{padding:10px 0px 10px 0px;display:block;font-size:18px;margin-top:0px;color:#323130;}
.n-btn{
	float:left; line-height:2em;
	background:url(../images/btn-bg.jpg) left top repeat-x;
	background-size: contain;
	width:90px;
	text-align:center;font-size:14px;
}
.n-btn a{text-align: center; display:block;color:#FFF;width:100%;height:100%;}
.n-btn a:hover{color: #333;}

#dialog {
    max-width: 100%;
    height: auto !important;
}
iframe {
    max-width: 96%;
}

/* news end */

/*sitemap*/
#sitemap {
	padding:10px;
	margin:10px auto;
	width: 700px;
	max-width: 96%;
	height: auto;padding:10px;
	font: 10px arial, helvetica, sans-serif;
	font-size:16px;
}
#sitemap a {
	text-decoration: none;
}
#sitemap ul {
	margin: 0px;
	padding: 4px 6px;
	text-align: left;
	list-style-type: none;
    font-size:14px;
}
#sitemap ul li {
	padding: 5px 8px;
}
#sitemap ul li a {
	border-bottom: dashed 1px #362f2f;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #efa4d7;
	display: block;
	clear: both;
	line-height: 2em;
}
#sitemap ul ul {
	padding: 0px;
	margin: 0px;
}
#sitemap ul ul li {
	background: none;
}
#sitemap ul ul li a {
	border-bottom: dotted 1px #362f2f;
	margin: 0px;
	padding: 0px;
	color: #d25900;
	display: block;
}
#sitemap ul ul ul {
	padding: 0px;
	margin: 0px;
}
#sitemap ul ul ul li {
	background: none;
	height:auto;
}
#sitemap ul ul ul li a {
	margin: 0px;
	padding: 0px;
	color: #97457d;
	display: block;
}
/* 次分類的產品 */
#sitemap ul ul ul:after, #sitemap ul ul ul:before {display: table; content: "";}
#sitemap ul ul ul:after {clear: both;}
#sitemap ul ul ul ul {padding: 0 0 0 10px;}
#sitemap ul ul ul ul li.sitemap-products {
  margin:0px;
  padding:2px;   
  float: left;
}
#sitemap ul ul ul ul li.sitemap-products a {
	margin: 0px;
	padding: 0px 5px 2px 5px;
	border-right: dotted 1px #586369;
	border-bottom: dotted 1px #666;
	width: auto;
	color: #586369;
	white-space: nowrap;
	display: inline;
	clear: both;
}

/*style*/
.afont18{font-size:22px;color:#5d4d3e;letter-spacing:1px;font-weight:bold;}
.atable12px{font-size:14px;color:#3d3c3c;line-height:1.5;}
.btable12px{font-size:14px;color:#926b46;line-height:1.5;}
.product_table {
	font-size: 14px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #D6C9A0;
	border-left-color: #D6C9A0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	color: #666666;
}
.product_table th {
	color: #FFFFFF;
	background-color: #980203;
	font-size: 14px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #D6C9A0;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.product_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	font-size: 14px;
	text-align: left;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6C9A0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.product_table td a:link {
	text-decoration: none;
	color: #666666;
}
.product_table td a:visited {
	color: #666666;
	text-decoration: none;
}
.product_table td a:hover {
	color: #FF0000;
	text-decoration: none;
}
.product_table td a:active {
	color: #666666;
}
.product_table  tr.altrow {
	background-color: #EAEAEA;
}
.product_table  tr.altrow1 {
	background-color: #abce03;
}
.product_table  tr.altrow2 {
	background-color: #cccccc;
}
/* inquiry */
.inquiry_table {
	font-size: 14px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #B6B6B6;
	border-left-color: #B6B6B6;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	margin: .5em auto;
}
.inquiry_table th {
	color: #333333;
	background-color: #cccccc;
	font-size: 14px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #B6B6B6;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.inquiry_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	color: #000000;
	font-size: 14px;
	text-align: left;
	padding: 4px 8px;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
}
.inquiry_table td.no {
	color: #222222;
}
.inquiry_table td.title a:link {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:visited {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:hover {
	color: #FF0000;
	text-decoration: none;
}
.inquiry_table td.title a:active {
	color: #222222;
}
.inquiry_table td.date {
	color: #222222;
}
.inquiry_table  tr.altrow {
	background-color: #999999;
}
.inquiry_table input {padding: .5em; text-align: center;}

.inquiry_table td:last-child img {
	min-width: 45px;
	min-height: 45px;
}

.inquiry_btn_table {
	margin: 0.5em auto;
}
.inquiry_btn_table input {
	width: 98%;
	cursor: pointer;
}

/* inquiry */

/* member zone */
.member {font-size: 16px;}
.member_zone_table {
	font-size: 14px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding: 4px 8px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: #B6B6B6;
}
.member_zone_table th {
	color: #333333;
	background-color: #cccccc;
	font-size: 14px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	text-align: center;
	padding: 4px 6px;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px solid #B6B6B6;
}
.member_zone_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	color: #000000;
	font-size: 14px;
	text-align: left;
	padding: 4px 8px;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px solid #B6B6B6;
}
.member_zone_table td.no {
	color: #222222;
}
.member_zone_table td.title a:link {
	color: #222222;
	text-decoration: none;
}
.member_zone_table td.title a:visited {
	color: #222222;
	text-decoration: none;
}
.member_zone_table td.title a:hover {
	color: #FF0000;
	text-decoration: none;
}
.member_zone_table td.title a:active {
	color: #222222;
}
.member_zone_table td.date {
	color: #222222;
}
.member_zone_table  tr.altrow {
	background-color: #999999;
}
/* member form */
.member_table {
	font-size: 14px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	text-align: left;
	padding: 4px 8px;
	border-top: 1px solid #B6B6B6;
	border-left: 1px solid #B6B6B6;
}
.member_table th {
	color: #333333;
	background-color: #cccccc;
	font-size: 14px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: bold;
	text-align: left;
	padding: 4px 8px;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px solid #B6B6B6;
}
.member_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 24px;
	color: #222222;
	font-size: 14px;
	text-align: left;
	background-image: url(../images/ws-bg-09.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 2px 8px;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px solid #B6B6B6;
}
.member_table input[type="submit"] {vertical-align: top;}


/*style*/
.afont18{font-size:22px;color:#5d4d3e;letter-spacing:1px;font-weight:bold;}
.atable12px{font-size:14px;color:#3d3c3c;line-height:1.5;}
.btable12px{font-size:14px;color:#926b46;line-height:1.5;}
.atablepx{font-size:14px;color:#3d3c3c;line-height:1.5;}
.atable22px{font-size:22px;color:#7c6147;line-height:1.5;}
.tablebg14{font-size:14px;line-height:18px;color:#1e1e1e;}
.tline{border-top:solid 3px #ffae58;}

.awards{max-width: 95%; margin-top: 1em;}
.awards li{
	display: inline-block; vertical-align: top;
}
.awards li p{font-size:14px;display:block;padding:8px;border-top:2px solid #e8e8e8;}

/*table*/
.table1{border-spacing:7px;font-size:14px;padding:15px auto 15px auto;line-height:1.5;margin-bottom:30px; width:90%; }
.table1 th{font-size:27px;color:#a3866a;border-bottom:3px solid #bab3a5;text-align:center; vertical-align:center; font-family:"Times New Roman", Times, serif;}
.table1 td{padding:8px;border-bottom:1px solid #a3866a;margin:10px;border-spacing:14px;color:#141414; width:89%;}

.prod_select {margin-top: 1em; font-size: 16px;}
.prod_select a {line-height: 35px;}
#icon04, #icon05, #icon06 {box-sizing: border-box;}
#icon04{
	float:left;
	background:url(../images/submit.jpg) top center no-repeat;
	background-size: contain;
	width:100px;
	height:35px;
	padding: 0;
	text-align:center;
}
#icon04 a {color:#fff;}

#icon05{
	float:left;
	background:url(../images/select.jpg) top center no-repeat;
	background-size: contain;
	width:100px;
	height:35px;
	padding: 0;
	text-align:center;
}
#icon05 a{color:#fff;}

#icon06{
	float:left;
	background:url(../images/cancel.jpg) top center no-repeat;
	background-size: contain;
	width:100px;
	height:35px;
	padding: 0;
	text-align:center;
}
#icon06 a{color:#fff;}


.msg_title{
	margin:20px 0;
}

.msg_name{
	font-size:14px;
	color:#774219;
	font-weight:bold;
	padding:0 10px 20px 20px;
}
.msg_date{
	color:#ad9b8c;
	font-size:14px;
}
.msg_list{
	background:#f2dfb7;
	box-shadow:1px 2px 4px rgba(0,0,0,.3);
}
.msg_content{
	padding:20px 0 20px 20px;
	font-size:14px;
}

.faq_title{
	padding:20px 0 10px 0.5%;
	color:#774219;
	font-size:16px;
	font-weight:bold;
}
.faq_main{
	background:#f2dfb7;
	box-shadow:1px 2px 4px rgba(0,0,0,.3);
	padding:20px 1.5%;
	font-size:14px;
}
.faq_main span {
    font-size: 100% !important;
    font-family: inherit !important;
}

.menu_icon{
	width:165px;
	padding-top:20px;
	margin-left:-10px;
}

#royal_family-content {font-size: 16px;}
#royal_family-content img {
	display: inline-block;
	vertical-align: top;
}
#royal_family-content span {
	color: #774219;
	vertical-align: top;
	padding: 50px 0 20px 0;
	max-width:63%;
	display:inline-block;
	line-height: 1.5em;
}

#award{
	float:left;
	padding:20px 0 20px 20px;
}
#award img{
	float:left;
	padding-top:50px;
}
#award_pic{
	float:left;
}
#award_pic a{width:94px;height:126px;float:left;display:block}
#award_pic img{	padding:0 5px;}

#pro_plant{
	height:413px;
	width:413px;
	overflow:hidden;
	margin-right:12px;
	border:10px #fff solid;
}



#masu_txt, #sweet_txt, #hula_txt{
	color:#6c4906;
	line-height:1.5em;
	font-size:16px;
	width: 90%;
	margin: 0 auto;
}
#masu_txt img{float:right;padding-left:20px;}

#hula_txt img{
	float:right;
	padding:0 0 20px 20px;
}
.member_forget_table img,.login_table img{vertical-align: middle}
.member_forget_table, th, .member_forget_table td,
.login_table th, .login_table td{
	padding: 0.5em
}

.member_forget_table {
	width: 96%; max-width: 560px; display: block;height: auto;
}
.member_forget_table *, .member_forget_table tbody,
.member_forget_table td, .member_forget_table tr,
.member_forget_table th, .member_forget_table input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
.member_forget_table tbody, .member_forget_table td, .member_forget_table tr, .member_forget_table th {
	display: block; width: 100%; height: auto; padding-right: 0px;
}
.member_forget_table input{
	width: 200px; min-height: 30px; padding: 0 5px;
}
.member_forget_table input[type="submit"] {height: 40px; width: 120px; text-align: center;}

#google_translate_element{
    position:absolute;
    left:-125px;
    top:-8px;
}
#dialog{display:none}
.text_01 {
	background: url("../images/cert_icon_01.png") no-repeat scroll left 5px transparent;
    padding-left: 20px;
	text-decoration: none;
	font-size:16px;
	font-family:"微軟正黑體";
	font-weight: bold;
	color:#7c6147;
	background-position:left center;
	height:25px;
}
.text_02 {
	background: url("../images/cert_icon_02.png") no-repeat scroll left 5px transparent;
    padding-left: 20px;
	text-decoration: none;
	font-size:14px;
	font-family:"微軟正黑體";
	color:#3d3c3c;
	background-position:left center;
	height:25px;
}
.text_03 {
	text-decoration: none;
	font-size:14px;
	font-family:"微軟正黑體";
	text-align:center;
}
.text_04 {
	padding-left: 20px;
	text-decoration: none;
	font-size:14px;
	font-family:"微軟正黑體";
	color:#3d3c3c;
	height:25px;
}

@media only screen and (max-width: 999px) {
	table, tbody, th, td{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#main2{margin:0;}
	#main2 #banner {
	    text-align: right;
	}
	#main2 #banner, #main2 .menu, #rightcontent {
	    width: 100%;
	    box-sizing: border-box;
	    position: relative;
	    margin: 0;
	    padding: 0 12px 0 12px;
	    float: none;
	}
	#main2 .menu {
		margin-bottom: 1em;
	}
	#main2 .menu .menu_icon {
		vertical-align: top;
		display: inline-block;
		max-width: 45%;
	}
	#rightcontent {
		margin-top: 0;
	}
	#rightcontent a { word-break: break-word;}
	/* left menu start */
	#submenu-title{cursor: pointer; background:#925D34; position: relative;}
	#submenu-title span{
		line-height:44px;
		width: auto;
		padding: 0 1em;
	}
	.menu i.css_arrow_down {
		display: inline-block;
		border-color: #fff transparent transparent transparent;
	}

	.submenu {
	    max-height: 0;
	    overflow: hidden;
	    border-width: 0 3px 3px 3px;
	    border-style: solid;
	    border-color: #925D34; 
	    position: relative;
	    top: -3px;
	}
	#submenu-title.active + .submenu {
		top: 0;
	    max-height: 3000px;
	}

	/*menu次目錄按鈕設定*/
	.menu_head {
		width: 99%;
		padding: 10px 0 0 0;
		margin:0 auto;
	}
	.menu_body {
		width: 100%;
	}

	.menu_body p {
	    margin: 10px .5em 0 2em;
	}
	.menu_body li a {
	    border-bottom: 1px dotted;
	    margin-right: 2em;
	}
	.menu_body .menu_prod_body li {
	    margin-left: 2em;
	}

	.menu_head.active + .menu_body {
		max-height: 3000px;
	}

	.menu_icon{
		width: 150px;
		margin-left:0px;
	}
	#member_login_info {
		margin: .5em 0;
	}
	#member_login_func p a {
		font-size: 16px;
		line-height: 2.5em;
	}

	#logout-btn {display: inline-block;}
	#logout-btn img {
		margin: .5em 0;
		width: auto;
	}

	/* left menu end */

	/* content start */

		/* about start */

		.table1 {display: block;}

		#awards-list table,
		#pro_plant_table table, #pro_plant_table tr,
		#pro_plant_table tbody, #pro_plant_table th, #pro_plant_table td {
			display: block;
			width:100%;
			max-width: 100%;
		}
		#pro_plant, #pro_plant_table object, #pro_plant_table embed{
		    height: auto;
		    max-width: 95%;
		}

		.history-map-table th, .history-map-table td,
		.aboutus-table th, .aboutus-table td,
		.table1 th, .table1 td {
			display: inline-block;
			height: auto;
			width: auto;
		}
		.aboutus-table td, .aboutus-table p { margin-bottom: 1em;}

		.table1 th {
	    	border-right: 3px solid #bab3a5;
	    	border-bottom: 0;
	    	padding-right: .5em;
		}
		.table1 td {
			width: 75%;
			border-bottom: 0;
		}

		#award {
			float: none;
		}

		.text_02 {
			height: auto;
		}

		/* about end */

		/* products start */
		.service-term table span {
			word-wrap: break-word;
		}

		/* products end */

		/* member start */
		.member_table {
			padding: 0; display: block;height: auto; margin: 0 auto;
		}
		.member_table tbody, .member_table td, .member_table tr, .member_table th {
			display: block; width: 100%;
			height: auto;
			padding: 0;
		    min-height: 2em;
    		line-height: 2em;
		}
		.member_table th {
			font-size: 16px; border-bottom: 0; padding-bottom: 0px; padding-left: 5px;	
		}
		.member_table td {padding-left: 5px;}
		.member_table tr:last-child th{
			display: none;
		}
		.member_table input, .member_table textarea{
			max-width: 96%; min-height: 2em; padding: 0 5px; vertical-align: middle;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.member_table textarea {margin: 2px 0;}
		.member_table input[type="submit"] {height: 40px; width: 60%; max-width: 120px;}
		/* member end */

		/* FAQ start */
		.faq_main{
			font-size:14px;
		}
		.faq_show td {
		    display: block;
		    width: 95%;
		}
		/* FAQ end */
			
		.login_table input[type="submit"] { min-width: 100px;}

		/* contact start */
		.contact_table {width: 96%; max-width: 560px; display: block;height: auto;}
		.contact_table tbody, .contact_table td, .contact_table tr, .contact_table th {
			display: block; width: 100%;
			height: auto;
			padding-right: 0;
			margin-right: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.contact_table th {
			border-bottom: 0; padding-bottom: 0px;
		}
		.contact_table tr:last-child th{
			display: none;
		}
		.contact_table input, .contact_table textarea{
			max-width: 96%; min-height: 30px; padding: 0 5px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.contact_table input[type="submit"] {height: 40px;}
		/* contact end */

		#royal_family-content span {
			max-width:60%;
		}
	/* content end */
}

@media only screen and (max-width: 768px) {
	#royal_family-content img {margin-bottom: 0.5em;}	
	#icon05, #icon06 {margin-left: .5em;}
	.product_list{
		width:calc(97% / 3 - 8px);
	}
}
@media only screen and (max-width: 640px) {
	/* news start*/
	.n-brief{
		width: 290px;
	}
	.news_show td {
		display: block;
	}
	.news_show .main img {
		display: block;
		margin: 1em 1em 1em 0;
		width: 90%;
		max-width: 380px;
	}
	.news_show .main span {
		margin: .5em 1em .5em 0;
		width: 90%;
	}
	/* news end */
	
	/* about */
	#royal_family-content span {
		padding: 20px 0 20px 0;
		max-width: 90%;
	}

	.table1 td {
	    width: 70%;
	}	

	.product_list {
	    width: calc(84% / 2 - 8px);
	    margin: 1% 4% 2em 4%;
	}

	.inquiry_table {border-left: 0;}
	.inquiry_table th {display: none;}
	.inquiry_table td {display: block; text-align: center;border-left: 1px solid #b6b6b6;}
	.inquiry_table input { text-align: center;}
	.inquiry_table td:first-child {margin-top: 1em; border-top: 1px solid #b6b6b6;}
	.inquiry_table td:nth-child(4):before {content: "商品編號: ";}
	.inquiry_table td:nth-child(5):before {content: "尺寸: ";}
	.inquiry_table .quantity:before {content: "數量: ";}
	.inquiry_table .cuft:before {content: "材積: ";}
	.inquiry_table td:before {color:#909090;}


	.inquiry_btn_table {
		text-align: left;
	}
	.inquiry_btn_table td:first-child{ display: none;}
	.inquiry_btn_table td {
	    display: block;
	    width: auto;
	    margin: 1em 0;
	}
	.inquiry_btn_table input {width: 100%; margin: 0;}

	#tp_product {
	    overflow: auto;
	}

}

@media only screen and (max-width: 570px) {
		/* member zone table start */

		.inquiry_detail_table td {
			word-break: break-word;
		}

		.inquiry_detail_orderlist_table th, .inquery_list_table th {display: none;}
	    .inquiry_detail_orderlist_table td, .inquery_list_table td{
	        display: block;
	        width: 100%;
            border-top: 1px solid #B6B6B6;
            border-bottom: 0;
            border-right: 0;
            text-align: center;
            min-height: 2.5em;
	    }

	    .inquiry_detail_orderlist_table td:before, .inquery_list_table td:before {
	    	display: block;
	    	width: 100%;
	    	text-align: center;
	    	margin-bottom: .3em;
	    	color: #909090;
	    }

	    .inquery_list_table td:nth-child(2):before{
			content:"询问信编号";
	    }
	    .inquery_list_table td:nth-child(3):before{
			content:"建立日期";
	    }
	    .inquery_list_table td:nth-child(4):before{
			content:"修改日期";
	    }
		.inquery_list_table td a {line-height: 2.5em;}
		.inquery_list_table td:first-child, .inquery_list_table td:last-child {line-height: 2.5em;}

	    .inquiry_detail_orderlist_table td:first-child, .inquery_list_table td:first-child {
	    	background: #B6B6B6;
	    }

	    .inquiry_detail_orderlist_table td:nth-child(3):before{
			content:"产品型号";
	    }
	    .inquiry_detail_orderlist_table td:nth-child(4):before{
			content:"尺寸";
	    }
	    .inquiry_detail_orderlist_table td:nth-child(5):before{
			content:"数量";
	    }
	    .inquiry_detail_orderlist_table td:nth-child(6):before{
			content:"材积";
	    }
	    .inquiry_detail_orderlist_table tr:last-child th {
	    	display: block; text-align: center !important; line-height: 2.5em;
	    }
	    .inquiry_detail_orderlist_table td:first-child, .inquiry_detail_orderlist_table td:nth-child(2),
	    .inquiry_detail_orderlist_table tr:last-child td {
	    	line-height: 2.5em;
	    }

		

		/* member zone table end */
}

@media only screen and (max-width: 480px) {
	/* content start */
	.table1 {display: block; width: 100%; margin: 0.5 0 1.5em 0;}
	.table1 th, .table1 td {
		display: block; width: 100%;
		margin: 10px 0;
		padding: 0
	}
	.table1 th {
		border-right: 0;
		border-bottom: 1px solid #bab3a5;
		text-align: left;
	}
	#award img {
		width: auto;
	}

	.awards-pics-group td {
		display: inline-block;
		width: 48%;
	}

	#social-responsibility td {
		display: block;
		width: 100%;
	}

	iframe{
        max-height: 290px;
    }

		/* news start*/
		.n-brief{
			width: 100%;
			padding-top: 1em;
			padding-left: 0;
		}

		/* news end */

		/* product start */
		.showleft{width:95%;}
		.showright{width: 95%; margin-left:0;}
		
		input[type="checkbox"] {
		    width: 35px;
		    height: 35px;
		}

		.prod_select td {display: block; width: 95%; margin: .5em 0;}
		.prod_select td:first-child {
			margin-bottom: 1em;
		}

		/* product end */

		#masu_txt img, #hula_txt img {display: block;float: none;}

		.login_table th, .login_table td {
		    display: block;
		}


	/* content end */
}
@media only screen and (max-width: 414px) {
	.product_list{
		width: 100%;
		margin: 1% 0 2em 0;
	}
	#icon05, #icon06, #icon04 {
	    display: block;
	    float: none;
	    margin: 0;
	}

}

@media only screen and (max-width: 360px) {

}