@charset "utf-8";

*{
	margin:0px;
	padding:0px;
}

.breadcrumb{background:#786d71;font-size:15px;color:#FFF;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
-icab-border-radius: 5px;}

.breadcrumb .active{color:#FFF;}
.breadcrumb a {color:#FFF;}

body {
	font-family: "Microsoft JhengHei", PMingLiU;
	padding-top: 0px; font-size:16px;
	color: #000;
	line-height:32px;
}

img {border: 0;max-width: 100%;height: auto;}
li{list-style:none;}
a {color: #000;text-decoration: none;}
a:hover {color: #f60;text-decoration: underline;}
#indcon2 {width: 100%;overflow:hidden;box-sizing: border-box;clear:both;}
#indcon2x {width: 100%;overflow:hidden;box-sizing: border-box;clear:both;}
#indcon {width: 100%;overflow:hidden;box-sizing: border-box;}
#indconx {width:1280px;margin:0 auto;overflow:hidden;box-sizing: border-box;margin-top:0.5%;padding:15px 0;}
.top{z-index:9999;width:100%;height:115px;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.6) !important;
filter:Alpha(opacity=60);background:#000;color:#FFF;}
.top a{color:#FFF;}
@media screen and (max-width: 1280px) {
#indconx{width:100%; float:left;}
}
@media screen and (max-width: 767px) {
.top{height:auto;position:static;float:left;background:rgba(110, 97, 100, 1) !important;filter:Alpha(opacity=100);}
}
.banner{padding:0;}
.banner img{width:100%;}
.banner2{height:140px;overflow:hidden;}

@media screen and (max-width: 767px) {
.banner2 {display:none;}
}

.bannertitle{font-size:20px;font-weight:bold;padding:30px;color:#666;}
.bannercontent{font-size:16px;padding:30px 15px;color:#666;}
.indcont{margin:5px 0;}
.indcont:hover {filter: alpha(opacity = 80);opacity: 0.8;-moz-opacity: 0.8;}
.topsearch-container{float:right;margin:20px 0 10px 0;}
.topsearch {width: 100%;float: right;}
.topsearch input,.topsearch button {border-radius:0px;border:0px;height:42px;}
.topsearch input {border-left: 1px solid #e8dfd9;border-bottom: 1px solid #e8dfd9;border-top: 1px solid #e8dfd9;}
.topsearch button {cursor: pointer;border-right: 1px solid #e8dfd9;border-bottom: 1px solid #e8dfd9;border-top: 1px solid #e8dfd9;}
.topsearch button:hover{background:#F66;color: #F6F6F6;}
.topsearch2 {padding: 0;border-radius: 0;border: 0;}
.scut-container {float: right;font-size: 13px;margin:10px 0;}
.scut {float: left;width: 100%;}
.scut a {height:42px;line-height:42px;text-align: center;display: block;}
.scut a:hover {background: #000;display: block;color: #FFF;}
.scut a:last-child {border:0px;}
.scut span {text-align: center;line-height: 22px;}

@media screen and (max-width: 639px) {
.scut {font-size: 16px;}
}

@media screen and (max-width: 1023px) {
.topsearch-container {margin-bottom:8px;}
.scut-container {margin-bottom:8px;}
.logoie,.smenu {padding: 0px;}
}
.modal-body {padding-bottom: 30px;}
.logo {font-family: Arial;font-weight: bold;color: #fb5e74;padding-bottom: 15px;padding-top: 10px;}
.logo a {color: #fb5e74;}
.logo img {display: inline-block;width: auto;height: auto;max-width:100%;max-height:120px;}
.logo1 {padding-top: 30px;line-height: 40px;}
.smenu {line-height: 40px;z-index:9999;padding:0;border-radius: 0;border-collapse: separate;font-weight:bold;margin-top:35px;}
.smenu a{display:inline-block;width:100%;font-size:1.2em;}
.smenu li {padding-left: 0px;padding-right: 0px;text-align: center;position:relative;}
.smenu li ul{position:absolute;top:100%;left:0;width:100%;height:auto;z-index:9999;background: #CCC;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.smenu>li>ul>li ul{position:absolute;top:0;left:100%;width:100%;height:auto;z-index:99999;}
.smenu>li ul li{border-top:1px #aaa dashed;}
.smenu>li ul li a{color: #000;font-size:1em;}
.smenu>li:hover{background: #CCC;color: #000;}
.smenu>li:hover a{color: #000;}
.smenu>li .indicator {position: absolute;color: #bababa;top: 0;right: 8px;font-size: 20px;}
.smenu>li:hover>.indicator {color: #fff;}
.smenu ul>li .indicator {top: 0;right: 8px;color: #fff;}
@media ( max-width : 1279px) {
.smenu a{font-size:16px;}
}
@media ( max-width : 849px) {
.smenu a{font-size:13px;}
}
@media ( max-width : 768px) {
.smenu {background: #CCC;color:#000;line-height:50px;margin-top:0;}
.smenu a {color:#000;font-size:1em;}
.smenu>li:first-child{text-align:center;}
.smenu li {text-align: left; padding-left:10px;border-top:1px solid #aaa;}
.smenu li ul,.smenu li ul li ul {position: static;}
.smenu>li .indicator {right:20px; color:#454545;}
.smenu ul>li .indicator{right:20px;}
}

@media ( max-width :767px) {
.logo {text-align:center; padding:15px 10px;}
}

@media ( max-width :479px) {
.indcont{width:100%;}
}

.cart1 {
	height: 60px;
	background: #ff9900;
	text-align: center;
	color: #FFF;
	position: relative;
	border-right: 1px solid #d9d4d0;
	padding: 0px;
}

.cart2 {
	height: 60px;
	background: #999;
	text-align: center;
	color: #FFF;
	border-right: 1px solid #d9d4d0;
	padding: 0px;
}

.cart2:last-child {
	border-right: 0px;
}

.cartarrow {
	position: absolute;
	right: -3px;
	top: 28px;
	z-index: 99;
}

.cart3 {
	font-size: 15px;
	padding-top: 10px;
}

.cart4 {
	font-size: 15px;
}

.cart5 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	color: #bluelink2;
}

.cart5 a {
	color: #f60;
}

.cart7 {
	font-size: 18px;
	color: #999;
}

.cart8 {
	color: #000;
	font-family: Arial;
	text-align: right;
}

.cart9 {
	font-size: 18px;
	color: #F90;
	font-weight: bold;
}

.cart10 {
	font-size: 16px;
	color: #000;
}

.cart11 {
	text-indent: -12px;
	padding-left: 27px;
	padding-top: 15px;
	line-height: 24px;
}

.cart12 {
	font-size: 20px;
}

.cart13 {
	padding-left: 35px;
	padding-bottom: 15px;
	line-height: 24px;
}

.cart14 {
	padding-left: 20px;
	line-height: 18px;
}

.cart15 {
	padding-left: 20px;
	line-height: 18px;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.cart16 {
	font-weight: bold;
	color: #000;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cart17 {
	font-size: 13px;
	padding-top: 5px;
	color: #666;
	line-height: 18px;
}

.cart18 {
	font-size: 15px;
	color: #000;
	font-weight: bold;
}

.cartnotice {
	color: #cd403c;
	font-size: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.cartnotice a {
	color: #cd403c;
}

.carttitle {
	background: #2a201f;
	color: #FFF;
	margin: 10px 0px;
	text-align: center;
	font-size: 18px;
	height: 35px;
	padding-top: 5px;
}

.form-horizontal .control-label {
	text-align: right;
	font-size: 15px;
	font-weight: normal;
	padding-right: 10px
}

.iconcartn {
	font-size: 11px;
	font-family: Arial;
	color: #F60;
}

.case1 {
	width: 100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	position: relative;
	padding:0px;
	border-bottom:none;
}

.login1 {
	font-size: 13px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
}

.login2 {
	background: #3a5898;
	color: #FFF;
	border-radius: 7px;
	text-align: center;
	margin-bottom: 20px;
}

.login2 a {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

.login3 {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
}

.indexcon {padding:5px 10%;position: relative;overflow: hidden;}
.indexcon img{width:auto;max-width: 100%;height: auto;}
.indexconimg{padding:0;}
.indexconimg img{width:100%;height:auto;}
.indexcon a {cursor: pointer;}
.indextitle{ float:left;font-size:1.4em;box-sizing:border-box;padding:0 10px;line-height:40px;margin-bottom:10px;border-bottom:1px solid #d2d2d2;font-weight:bold;}
.indextitle a{border-bottom:1px #CCC solid;}
.indextitle span{}

.indextitle2 {
	float: left;
	font-size:28px;
	box-sizing: border-box;
	padding: 0 10px;
	line-height: 40px;
	margin-bottom: 10px;
}
.indextitlec {margin:20px 0px;font-size:1.5em;line-height:50px;padding:0px;}
.indexcon33{color:#FFF;}
.indexcon33 a{color:#FFF;}
@media ( max-width :767px) {
.indextitlec {padding:0px 0 0 10px;}
}

.centerbox {width: 100%;overflow:hidden;box-sizing: border-box;clear:both;background:url(../images/f_bg.jpg) repeat;color:#FFF;}
.centerbox a{color:#FFF;}

.centerbox2 {background:url(../images/w_bg.jpg) repeat;color:#000;}
.centerbox2 a{color:#000;}

.ljh{ padding:5px;}
.ljh:hover .lj{ display:block; margin-top:-40px; line-height:40px;text-align:center; background-color:#000000;filter: alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7; color:#ffa700;}
.lj{color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; display:none;}

.indexnews{text-align:center;}
.indexnews2{margin-top:5px;padding-bottom:5px;border-bottom:1px #CCC dashed;}
.indexnews2:last-child{border-bottom:0;}
.indexnewst{font-size:18px;font-weight:bold;margin:5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.indexnewst2{font-size:18px;font-weight:bold;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.indexnewsc{margin:5px;}
.indexnewsc2{margin:5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.indexnewsb a{display:inline-block;padding:5px 15px;border:1px #CCC solid;}
.indexnewsb2 a{display:inline-block;padding:2px 10px;border:1px #CCC solid;}

.indexnews5{ background-color:#5b382f;box-sizing:border-box; padding:10px; text-align: left;margin-bottom:10px;float: left; width:100%;}
.indexnews5 img {width: 16px;height: 16px;display: inline-block;}
.indexnews5 a{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow:hidden;display: block;}

.indexnews3{box-sizing:border-box; padding:10px;text-align: left;border-bottom:1px dotted #967970;}
.indexnews3 img {width: 16px;height: 16px;display: inline-block;}
.indexnews3 a{display: block;white-space:nowrap;  font-size:15px; text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow:hidden;}

.indexnews3:hover{background:#f7f7f7;}

.indexpro{ float:left; width:100%; padding:0}
.indexpro>div {margin-bottom: 15px;}

.indexpro a {padding: 0px;display: block;float: left;width: 100%;}
.indexpro a:hover>.proc,.indexpro a:active>.proc {color: #333;}
.proh1 {position:relative;height:38px;}
.proh1 a {
	width: 100%;
	background: #f90;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 5px;
	border-top: 1px solid #f90;
	border-bottom: 1px fff #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.proh1 a:hover {
	border-top: 1px solid #1d1716;
	border-bottom: 1px solid #2b2120;
	border-left: 1px solid #2b2120;
	border-right: 1px solid #2b2120;
	background: #f60;
}

.indexprotitle {
	font-size: 22px;
	text-align: center;
	margin: 30px 0;
	background: url(../images/indprod1.jpg) center repeat-x;
	color: #fb5e74;
}

.proh{float:left;}
.proh a:hover .proc{color:#eaac1e;}
.proh a:hover .prop2 span{background:#ecab18;border:1px #ecab18 solid;}
.proh img{width:100%;}

.indexprotitle>div span {
	background-color: #fff;
	padding: 0 1%;
}

.proc {
	text-align: center;
	font-size: 18px;
	padding: 0;
	height:38px;
	line-height:38px;
	margin: 10px 0px 10px 0px;
	overflow: hidden; /*超出的部分隐藏起来。*/
	white-space: nowrap; /*不显示的地方用省略号...代替*/
	text-overflow: ellipsis; /* 支持 IE */
	-o-text-overflow: ellipsis;
	border-bottom:1px #CCC dashed;
}
.proc2 {
	margin-top:-50px;
	z-index:999;
	text-align: center;
	font-size: 20px;
	padding: 0;
	height:50px;
	line-height:50px;
	overflow: hidden; /*超出的部分隐藏起来。*/
	white-space: nowrap; /*不显示的地方用省略号...代替*/
	text-overflow: ellipsis; /* 支持 IE */
	-o-text-overflow: ellipsis;
	background:#6e6164;
	color:#FFF;
}
.prop1 {line-height: 40px;}
.prop2 {line-height: 38px;text-align:center;}

.prop2 span{
	display:inline-block;
	padding:0 10px;
	border:1px #CCC solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
}
@media ( max-width :767px) {
.prop2 {font-size:10px;}
}

.proleftlist {padding: 0px;}
.proleftlist ul {list-style: none;}
.proleftlist ul li {padding: 5px 10px;color: #16a085;}
.proleftlist ul li a {color: #16a085;}
.proleftlist1 {background: #999;padding: 8px 10px;color: #FFF;font-size: 16px;}
.proleftlist a:hover {color: #666;}
.fbshare{
	float:left;
	margin-right:10px;
	padding:0;
	margin-top:-4px;
}
.producttitle {
	color: #2a201f;
	font-size: 18px;
	line-height: 34px;
	height:34px;
	padding-bottom: 10px;
	padding-left:10px;
	margin:0% 1% 1% 1%;
	background:#F5F5F5;
	width:98%;
	text-align:center;
}

.productpic {
	width: 100%;
	text-align: center;
}

.productpic img {
	display: inline;
	max-width: 400px;
	height: auto;
	text-align: center;
}

.product1 {
	margin: 10px 0px;
	border-right: 1px solid #b4b4b4;
	font-size: 15px;
	text-align: center;
}

.product2 {
	margin: 10px 0px;
	font-size: 16px;
	text-align: center;
}

.product3 {
	font-family: Arial;
	font-size: 18px;
	color: #F00;
}

.product4 {
	font-size: 16px;
}

.product5 {
	padding-top: 10px;
	border-bottom: 1px dotted #000;
}

.baseprod{
	background:#E2E2E2;
	margin-left:-10px;
}
.productinfo {
	font-size: 15px;
	line-height: 24px;
}

.productinfo a {
	color: #666;
}

.productinfo select {
	display: inline;
	width: 80px;
}

.procon {
	font-size: 16px;
	color: #000;
	line-height: 22px;
	padding:15px;
}
.procon img{
	width:auto;
	max-width:100%;
}

.subtb {
	background:#f9a897;
	height: 40px;
	padding-top: 6px;
	text-align: center;
	position: relative;
	color: #FFF;
	font-size: 16px;
	margin-top: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
}
.footer{ background:url(../images/f_bg.jpg) repeat; padding:15px 0; margin-top:30px;}
.botconmar{ line-height:30px; text-align:center;font-size:16px;color:#FFF; width:70%; margin:0 auto;}
.botconmar a{ color:#FFF;display:inline-block;text-decoration: none;}
.botcon{ text-align:left;}
.botcon li{ float:left; width:100%;list-style-image:none;list-style-type:none;}
.botcon a{ color:#FFF;display:inline-block;text-decoration: none;}
.botcon a:hover{color: #fbaf1e;transition: all 0.3s ease 0s;}
.subline {margin-top: 10px;}
.subtitle {
	font-size: 18px;
	color: #FFF;
	padding-bottom: 8px;
	padding-top: 7px;
	position: relative;
	background: #f9a897;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
}



.subtitle:hover{
	color: #fff;
	background-color: #e88800;

}
.subtitle h1{ font-size:18px;padding:0; margin:6px 0}


.subtitle3 {font-size: 18px;color: #b01317;padding-bottom: 5px;padding-top: 15px;}

.subcon {/*background: #FFF;*/min-height: 330px;height: auto;padding:20px 0;}
.subcon img{
	width:auto;
	max-width:100%;
}
.subcon ul{
	list-style:inside;
}

.subcon a {
	color: #F60;
}
@media ( max-width :767px) {
.botconmar{width:100%;}
.subtitle{ margin-bottom:15px;}
.subcon {padding:20px 10px;}
}
.companyt {
	font-size: 24px;
	color: #ff6600;
	padding-bottom: 5px;
}

.contact {
	font-size: 15px;
	background: #EEE;
	padding-top: 10px;
}

.contact label {
	color: #666;
}

.contact ol {
	padding-left: 20px;
}

.contact1 {
	padding-bottom: 15px;
	font-size: 15px;
}

.note1 {
	border-top: 1px dotted #666;
	padding-top: 5px;
	padding-bottom: 5px;
}

.note2 {
	color: #000;
}

.note3 {
	font-family: Arial;
	font-size: 12px;
	text-align: right;
	color: #999;
}
@media ( min-width :1024px) {
	.news1{min-height:400px; height:auto !important; height:400px;}
}
.news1>a {
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #595959;
	display: block;
	background:url(../images/k_15.png) no-repeat 5px center;
	padding-left:10px;
}

.news1>a:hover {
	color: #E2B14A;
	background: #f8f8f8 url(../images/k_15.png) no-repeat 5px center;
	text-decoration: none;
}

.news1>a:hover .news3 {
	color: #E2B14A;
}

.contitle1 {
	color: #ff9900;
	font-size: 20px;
	word-break: break-all;
}

.news2 {
	border-bottom: 1px dotted #666666;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.news3 {
	font-size: 16px;
	color: #666;
	display: block; /*定义为块级*/
	float: left; /*左对齐*/
	overflow: hidden; /*超出的部分隐藏起来。*/
	white-space: nowrap; /*不显示的地方用省略号...代替*/
	padding-right: 7px; /*文字距离右侧7像素。*/
	padding-left: 7px;
	text-overflow: ellipsis; /* 支持 IE */
	-o-text-overflow: ellipsis; /* 支持 Opera */
}

.newsdetail {
	line-height: 24px;
	font-size: 15px;
	word-break: break-all;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin-top:20px;
}

.newsdetail img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
}

.newsimg {
	width: auto;
	max-width: 100%;
}
@media ( min-width :1024px) {
	.conlist{min-height:400px; height:auto !important; height:400px;}
}
.conlist>a {
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #666666;
	display: block;
}

.conlist>a:hover {
	background: #efefef;
	text-decoration: none;
}

.conlistpic {
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid #999;
	width: 100%;
}

.news4 {
	font-weight: bold;
	font-size: 15px;
	overflow: hidden; /*超出的部分隐藏起来。*/
	white-space: nowrap; /*不显示的地方用省略号...代替*/
	padding-right: 7px; /*文字距离右侧7像素。*/
	text-overflow: ellipsis; /* 支持 IE */
	-o-text-overflow: ellipsis;
}

.news5 {
	color: #999;
	overflow: hidden; /*超出的部分隐藏起来。*/
	white-space: nowrap; /*不显示的地方用省略号...代替*/
	padding-right: 7px; /*文字距离右侧7像素。*/
	text-overflow: ellipsis; /* 支持 IE */
	-o-text-overflow: ellipsis;
}

.pager a {
	color: #000;
}

.member {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

.member1 {
	font-size: 17px;
}

.member2 {
	padding-top: 20px;
}

.member2 table {
	border-top: 1px solid #cccccc;
}

.member2 .form-group .col-xs-2 {

}

.member3 {
	color: #F60;
}

.member4 {
	font-size: 11px;
	font-family: Arial;
}

@media ( min-width :320px) and (max-width:639px) {
	body {
		width: 100%;
	}
	.mmma5 {
		width: 100%;
	}
	#indcon {
		width: 100%;
	}
	#indconx {
		width: 100%;
	}
}

@media ( min-width :640px) and (max-width:767px) {
	body {
		width: 100%;
	}
	.mmma5 {
		width: 100%;
	}
	#indcon {
		width: 100%;
	}
	#indcon2 {
		width: 100%;
	}
}

@media ( min-width :768px) and (max-width:1093px) {
	body {
		width: 100%;
	}
	.mmma5 {
		width: 100%;
	}
	#indcon {
		width: 100%;
	}
	#indcon2 {
		width: 100%;
	}
}

#szpop {
	position: fixed;
	left: 10px;
	bottom: 20px;
	z-index: 10000;
	font-size: 18px;
	color: #FFF;
	cursor: pointer;
	line-height: 18px;
}

#szpop a {
	color: #FFF;
}

.szmp {
	display: inline-block;
	border: 5px solid #FFF;
	background: rgba(21, 93, 78, .7);
	font-size: 22px;
	padding: 10px 10px 12px 12px;
	border-radius: 30px;
}

.szcall {
	position: absolute;
	top: -33px;
	left: 35px;
	background: rgba(21, 93, 78, .7);
	padding: 6px 7px;
	border-radius: 18px;
}

.szmsg {
	position: absolute;
	top: -38px;
	left: 0px;
	background: rgba(21, 93, 78, .7);
	padding: 6px 7px;
	border-radius: 18px;
}

/*background:#165d4e;*/
.szlist {
	position: absolute;
	top: -5px;
	left: 60px;
	left: 57px;
	background: rgba(21, 93, 78, .7);
	padding: 6px 7px;
	border-radius: 18px;
}

.szhide {
	position: absolute;
	top: 33px;
	left: 57px;;
	background: rgba(21, 93, 78, .7);
	padding: 6px 7px;
	border-radius: 18px;
}

.szmenub {
	text-align: center;
	font-size: 15px;
	margin-bottom: 5px;
	color: #FFF;
	font-family:"Microsoft JhengHei", PMingLiU;

}

.szmenub:hover {
	background: #f9a887;
	text-align: center;
	font-weight:bold;
	font-family:"Microsoft JhengHei", PMingLiU;
}

.szmenub:hover .szmenu{
	display:block;
}

.szmenu {
	position: absolute;
	top: 100%;
	left: 0px;
	border: 2px solid #f9a887;
	z-index: 1100;
	padding-right: 0px;
	padding-left: 0px;
	background:#fafafa;
	font-family: PMingLiu;
	padding-top:10px;
	padding-bottom:10px;
	display:none;
}

.szmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

.szmenu li {
	padding: 5px 3%;
	color: #000;
	position:relative;
	border-bottom:1px #f9a887 dashed;
}

.szmenu ul a {
	color: #000;
	font-weight:normal;
	font-family:"Microsoft JhengHei", PMingLiU;
}

.szmenu ul a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #e4393c;
}

.szmenu>ul {
	padding-left: 10px;
	padding-right: 10px;
}

.szmenu>ul>li {
	border-bottom: 1px solid #FFF;
	position: relative;
	padding-left: 10px;
}

.szmenu>ul>li:hover {
	border: 1px solid #CCC;
	background: #FFF;
	padding-bottom: 4px;
	font-family:"Microsoft JhengHei", PMingLiU;
}

.szmenu li ul{
	display:none;
	border-left:none;
	background-color:#f9a887;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}
.szmenu li ul li{
	margin:0px;
	padding:0px;
	border-bottom:1px #FFF dashed;
}
.szmenu li ul a{
	color:#FFF;
	padding:1% 2%;
	display:block;
	text-decoration:none;
}
.szmenu li ul a:hover{
	font-weight:300;
	color:#FFF;
	background:#dd292c;
	text-decoration:none;
}
.szmenu li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li:hover ul ul{ display:none; }
.szmenu li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li:hover ul ul{ display:none; }
.szmenu li li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li li:hover ul ul{ display:none; }
.szmenu li li li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li li li:hover ul ul{ display:none; }
.szmenu li li li li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li li li li:hover ul ul{ display:none; }
.szmenu li li li li li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li li li li li:hover ul ul{ display:none; }

.red {
	color: #F00;
	text-align:center;
	line-height:40px;
}

.green {
	color: #489f48;
}

img {
	width: 100%;
	height: auto;
}

a:hover {
	text-decoration: none;
}

.clear {
	height: 0px;
	clear: both;
	overflow: hidden;
}

.prodtran{
	position:absolute;
	top:100%;
	left:50%;
	z-index:999;
	background:#FFF;
	border:1px #CCC solid;
	padding-left:5px;
}

.qty{
	width:40px;
	height:30px;
	text-align:center;
	margin:0;
}

.qtyadd{
	height:30px;
	width:20px;
	text-align:center;
	margin:0;
	cursor:pointer;
}

.piccon {
	background:#FDF8E4;
	border:1px solid #F9EAC9;
	padding:20px;
	color:#8A6E3C;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
	width:98%;
	margin:1%;

}
.movebg {
	top: 0;
	padding: 0;
	width: 80%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-repeat: repeat;
}
.moveoverlay {top: 0;width: 80%;height: 100%;position: absolute;}
.movecontainer {position: relative;padding:0;}

@media ( max-width :767px) {
.indexcon {padding:10px 0;}
.movebg {width:100%;}
.moveoverlay {width:100%;}
}
.mm-footer img{ width:auto;}
.tbformt{text-align:center;}
.tbformi{padding:5px;text-align:center;}
.tbforms{padding:10px;}
.nopadding{padding:0;}
.de_yj img{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.de_yy img{
	-moz-border-radius: 5px 5px 5px 5px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=&qpos;#969696&qpos;, Direction=135, Strength=10);
	background-color: #000;
	-moz-box-shadow:1px 3px 5px #969696;
	-webkit-box-shadow:1px 3px 5px #969696;
	box-shadow:1px 3px 5px #969696;
}
.de_x img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.de_x img:hover{-webkit-transform: rotate(-4deg);-moz-transform: rotate(-4deg);}
.scrollup {width: 50px;height: 50px;position: fixed;bottom: 50px;right: 100px;display: none;z-index:99999;}


.indexconb{padding-top:60px;padding-bottom:60px; margin-top:20px;}
.indexconimgc{ font-size:1.2em; font-weight:bold; line-height:50px; color:#eaac1e; text-align:center;}


.iintr1{padding:0;width:23%;margin:1%;}
.iintr1:hover{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.iintr1 img{ width:100%;}
.iintr2{padding:0;}
.iintr2 img{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;border:8px solid #ddd;}
.iintr3{margin-top:-80px;line-height:80px;text-align:center;background:rgba(0, 0, 0, 0.6) !important;filter:Alpha(opacity=60);background:#000;padding:0;font-size:1.8em;font-weight:bold;color:#fff;}
.iintr4{position:absolute;top:0;padding:0;}
.iintr4 img{}

.ichara1{padding:0;margin-bottom:10px;}
.ichara1 img{width:100%;}
.ichara2{padding:0;}

.movecontainer>.ifb1:nth-child(1n){border-right:1px solid #d2d2d2;}
.movecontainer>.ifb1:nth-child(2n){border:0;}
.ifb2{padding:0;}
.ifb3{padding:0; margin-bottom:10px;}
.ifb4{padding:0 0 6px 0;font-size:1.3em;border-bottom:1px solid #d2d2d2; font-weight:bold; margin:7px 0;}
.ifb5{padding:0;}

.about1,.about2,.about3,.about4{text-align:center;}
.about1{margin-top:20px;}
.about2{margin-top:20px;}
.about3{margin:20px 0 10px 0; font-size:1.4em; font-weight:bold; color:#f60;}
.about3 span{border-bottom:2px solid #f60;}
.about4{ margin-bottom:20px;}
.about5 img{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;border:8px solid #ecab18;}
.about6{}
.about6 img{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;border:8px solid #ddd;}
.about7{ padding:0; margin-bottom:20px;}

.serv1{ font-size:1.4em; font-weight:bold; color:#f60; margin:15px 0;}
.serv2{padding:0;}
.serv2 img{ width:100%}
.serv3{ padding:0; margin:15px 0;font-weight:bold;}
.serv4{padding:0;}
.serv4 img{width:100%}
.serv5{padding:0 0 15px 0; margin:15px 0;border-bottom:1px dotted #d2d2d2;}
.serv5 a{background:#f9a897;color:#fff; padding:10px 15px;}
.serv5 a:hover{background:#e47d68;}
.serv7{text-align:center;padding:0 0 15px 0; margin:15px 0;border-bottom:1px dotted #d2d2d2;}
.serv7 table{display: table;}
.serv7 td{padding:10px 5px;border:1px solid #ddd;}

.intr{border-bottom:1px dotted #d2d2d2;padding:10px;}
.intr:hover{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.intr2{padding:0;}
.intr3{ line-height:50px; font-weight:bold;}

.sell1{ margin-bottom:15px; font-size:1.2em; font-weight:bold;}
.sell1 a{background:-webkit-gradient(linear,center top,center bottom,from(#446abb),to(#3b5999)); float:left; padding:10px 20px; color:#fff;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.sell2{ padding:7px;}

.ibot1{border-bottom:1px dotted #fff; font-size:1.2em; padding-bottom:10px; margin-bottom:15px;}
.ibot3{ text-align:center;}
.ibq{}
@media (max-width:1000px) {
.scrollup{right:10px;}

}
@media (max-width:767px) {
.icont{padding:15px;width:96%;margin:0 2%;}
.indexconb{padding:20px 0}

.iintr1{width:48%;margin:1%;}
.iintr3{margin-top:-60px;line-height:60px;font-size:1.2em;}
.ibot4{ margin-top:20px;}

}
.textlis img{
	margin-bottom:15px;
	}
.textlis{
    align-items: center;
    clear: both;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}