@charset "utf-8";
/* CSS Document */
body {
	background-color: #f1e7de;
	overflow-x: hidden;
}
a {
	-webkit-transition: color .20s linear, background-color .40s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .40s linear, border-color .20s linear;
	-o-transition: color .20s linear, background-color .40s linear, border-color .20s linear;
	transition: color .20s linear, background-color .40s linear, border-color .20s linear;
}
/* wrapper */
#wrapper {
	background-repeat: repeat-x;
	width: 100%;
}

/* header */
#header {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	z-index: 400;
	position: relative;
}
#header h1 {
	float: left;
}
#header h1 a {
	float: left;
	text-indent: -99999px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* footer */
#footer {
	height: auto;
	margin: 0px auto;
	clear: both;
	text-align: center;
	background-image: url(../images/footer-bg.svg);
	background-image: url(../images/footer-bg.png);
	background-repeat: repeat-x;
}
#footer span {
	font-size: 12px;
	color: #a38b74;
	line-height: 21px;
	display: inline-block;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	padding-top: 15px;
}
#footer span a {
	color: #513520;
	font-weight: normal;
	text-decoration: underline;
}
#footer span a:hover {
	color: #8c3e09;
	font-weight: normal;
	text-decoration: none;
}
#footer span p {
	padding: 0px;
	margin: 0px;
	display: inline-block;
}

/* header right link */
.otlink {
	width: 100%;
	float: right;
	height: auto;
	line-height: 18px;
	text-align: right;
	margin-left: auto;
}
.otlink-flash {
	float: right;
	display: block;
}
.otlink-fb {
	float: right;
	display: block;
	margin-top: 6px;
}
.otlink-fb span {
	margin-left: 8px;
	text-align: right;
	display: inline-block;
	margin-bottom: 6px;
}

/* all menu start */
#nav {
	width: 980px; /* 1000 */
	font-family: Arial, \5FAE\8EDF\6B63\9ED1\9AD4, "微軟正黑體";
	position: absolute;
	top: 124px;
	text-decoration: none;
}
#nav > a {
	display: none;
}
#nav li {
	position: relative;
	font-family: Arial, \5FAE\8EDF\6B63\9ED1\9AD4, "微軟正黑體";
	list-style-type: none;
}
#nav li a {
	color: #fff;
	display: block;
	font-family: Arial, \5FAE\8EDF\6B63\9ED1\9AD4, "微軟正黑體" !important;
	text-decoration: none;
}
#nav li a:active {
	background-color: #3a2414 !important;
}
#nav li a:hover {
	background-color: #3a2414 !important;
	color: #fff !important;
}
#nav span:after {
	width: 12px;
	height: 53px;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
	background-image: url(../images/arrow.svg);
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}
/* first level */
#nav > ul {
	height: 3.3em;
	background-image: url(../images/menu-bg.png);
	background-repeat: repeat;
}
#nav > ul > li {
	width: 12.5%;
	height: auto%;
	float: left;
}
#nav > ul > li > a {
	height: auto;
	font-size: 1.05em; /* 17 */
	line-height: 3.3em; /* 60 (24) */
	text-align: center;
}
#nav > ul > li:not( :last-child ) > a {
	background-image: url(../images/menu-line.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {
	background-color: #513420;
}
/* second level */
	#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	color: #24160d;
	background-image: url(../images/menu-adbg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}
	#nav li ul a {
	color: #24160d;
}
#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}
#nav li:not( :first-child ):hover ul {
	left: -1px;
}
#nav li ul a {
	font-size: 0.9em; /* 20 */
	border-top: 1px solid #e2d1cc;
	padding: 0.9em; /* 15 (20) */
	text-align: center;
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
	background-image: url(../images/menu-bg.png);
	background-repeat: repeat;
	color: #fff;
}
/* all menu end */

/* home content */
.h-content{
	margin-right: auto;
	margin-left: auto;
}

/* home 3centralized */
.hnews, .hvideo, .hcustom {
	float: left;
	margin-bottom: 20px;
}
.hnews h2, .hvideo h2, .hcustom h2 {
	width: 100%; float: left; height: 39px; line-height: 39px; text-align: left;
}
.hnews h2 img, .hvideo h2 img, .hcustom h2 img {
	padding-left: 4px;
}
.hnews h2 span, .hvideo h2 span, .hcustom h2 span {
	float: right; margin-right: 4px; margin-top: 8px;
}
.hnews h2 span a, .hvideo h2 span a, .hcustom h2 span a {
	display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #3a271a; font-size: 12px; color: #fff; width: 30px; height: 20px; text-align: center; line-height: 20px; font-weight: normal; text-decoration: none;
}
.hnews span a:hover, .hvideo span a:hover, .hcustom span a:hover {
	background-color: #5e412c;
}
.hnews span ul, .hvideo span ul, .hcustom span ul {
	margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;
}
.hnews li, .hvideo li, .hcustom li {
	margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;
	list-style-type: none;
	list-style: none;
}

/* home news -all- */
.hnews li a {
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display: inline-block; /* 以上文字限制 */
	width: 240px;
	float: left;
	display: block;
	border-bottom: 1px solid #eaddd5;
	margin: 0px 0px 0px 0px;
	padding: 11px 5px 11px 25px;
	background-image: url(../images/list.svg);
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	background-position: 9px 17px;
	font-size: 13px;
	color: #473b35;
	line-height: 18px;
	list-style-type: none;
	font-weight: normal;
	text-decoration: none;
}
.hnews li a:hover {
	display: block;
	background-color: #e0cfc5;
	color: #9b4810;
}
.hnews li b {
	padding-right: 15px;
	font-size: 12px;
	color: #6d462c;
	list-style-type: none;
	font-weight: normal;
	text-decoration: none;
}

/* home videos -all- */
.hvideo-playbox {
	background-color: #FFF;
	padding: 4px;
	float: left;
	border: 1px solid #eaddd5;
}
.hvideo li a ,.hcustom li a {
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display: inline-block; /* 以上文字限制 */
	float: left;
	display: block;
	border-bottom: 1px solid #f1e7de;
	margin: 5px 5px 0px 5px;
	padding: 9px 0px 9px 0px;
	font-size: 13px;
	color: #473b35;
	line-height: 18px;
	list-style-type: none;
	font-weight: normal;
	text-decoration: none;
}
.hvideo li a:hover ,.hcustom li a:hover {
	display: block;
	color: #9b4810;
	border-bottom: 1px solid #eaddd5;
}
.hvideo li b ,.hcustom li b {
	padding-right: 15px;
	font-size: 12px;
	color: #6d462c;
	list-style-type: none;
	font-weight: normal;
	text-decoration: none;
}

/* home custom -all- */
.hcustom-imgbox {
	background-color: #FFF;
	padding: 4px;
	float: left;
	border: 1px solid #eaddd5;
}

/* IN BANNER- IN BANNER- IN BANNER- IN BANNER- */
#inbannerbg{height:198px; position:relative; top:0px;  width: 972px; z-index:0; margin: 0px auto; border: solid 4px #fff; background-color: #fff;}
.inbannerc{height:198px; overflow:hidden; position:relative; width:100%;}
.inbannerc li{height:198px; left:0; position:absolute; top:0; width:100%; list-style-type: none;}
.inbanner{height:198px; position:relative; text-align:center;}
.inbanner img{position:absolute; left:0px; top:0px;}
.inbannermenu{left:47%; margin-left:400px; position:absolute; bottom:20px; z-index:9; display:block;}
.inbannermenu li {
	float: left;
	height: 10px;
	margin: 0 4px;
	width: 10px;
	height: 7px;
	width: 7px;
	border: 1px solid #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	overflow: hidden;
	cursor: pointer;
	background-image: url(../images/blistbg0.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}
.inbannermenu li.on {
	background-color:#fff;
	height:7px;
	width:7px;
	border: 1px solid #fff;
	border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
}
.inbannertop {
	background-image: url(../images/in-bannerbg.svg);
	background-image: url(../images/in-bannerbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 118px;
	width: 500px;
	padding-top: 80px;
	padding-left: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 300;
}
.inbannertop h2 {
	font-size: 27px;

	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	float: left;
}
.inbannertop h3 {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	margin: 7px 0px 0px 7px;
	padding: 0px;
	display: inline-block;
	float: left;
}
/* IN BANNER- IN BANNER- IN BANNER- IN BANNER- */

/* in all content */
.incontent {
	height: auto;
}

/* in all path */
.path {
	font-size: 13px;
	font-weight: normal;
	color: #6d462c;
	text-decoration: none;
	height: auto;
	line-height: 18px;
}
.path a {
	font-weight: normal;
	color: #6d462c;
	text-decoration: none;
}
.path a:hover {
	font-weight: normal;
	color: #8e4e23;
	text-decoration: underline;
}
.path b {
	color: #473b35;
}

/* in search */
.insearch {
	height: 30px;
}
.insearch-box {
	float: left;
	height: 28px;
	padding: 0px 7px 0px 37px;
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
	text-decoration: none;
	color: #999;
	background-image: url(../images/search-icon.png) !important;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-bottom: solid 1px #eee;
	border-right: 0px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	
	-webkit-border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.insearch-button {
	float: left;
	height: 30px;
	width: auto;
	line-height: 30px;
	border: 0px;
	color: #fff;
	text-align: center;
	display: block;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background: #7C563C;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7C563C), to(#513420));
	background: -webkit-linear-gradient(#7C563C, #513420);
	background: -moz-linear-gradient(#7C563C, #513420);
	background: -ms-linear-gradient(#7C563C, #513420);
	background: -o-linear-gradient(#7C563C, #513420);
	background: linear-gradient(#7C563C, #513420);
	cursor: pointer;
	font-size: 14px;
	font-family: Arial, \5FAE\8EDF\6B63\9ED1\9AD4, "微軟正黑體";
}
.insearch-button value {
	margin: 0px 7px;
	line-height: 30px;
}

/* listpages */
.listpages {
	height: auto;
	float: left;
	text-align: center;
	width: 100%;
	padding: 40px 0px 20px 0px;
	font-size: 12px;
	line-height: 30px;
	color: #863F13;
}
.listpages b {
	line-height: 30px;
	color: #863F13;
	padding-left: 10px;
}
.listpages span {
	display: inline-block;
}
.listpages span a {
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #7C563C;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7C563C), to(#513420));
	background: -webkit-linear-gradient(#7C563C, #513420);
	background: -moz-linear-gradient(#7C563C, #513420);
	background: -ms-linear-gradient(#7C563C, #513420);
	background: -o-linear-gradient(#7C563C, #513420);
	background: linear-gradient(#7C563C, #513420);
	color: #fff;
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
}
.listpages span a:hover {
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #472605;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#472605), to(#200501));
	background: -webkit-linear-gradient(#472605, #200501);
	background: -moz-linear-gradient(#472605, #200501);
	background: -ms-linear-gradient(#472605, #200501);
	background: -o-linear-gradient(#472605, #200501);
	background: linear-gradient(#472605, #200501);
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
}
.listpages span.pagselect {
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #472605;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#472605), to(#200501));
	background: -webkit-linear-gradient(#472605, #200501);
	background: -moz-linear-gradient(#472605, #200501);
	background: -ms-linear-gradient(#472605, #200501);
	background: -o-linear-gradient(#472605, #200501);
	background: linear-gradient(#472605, #200501);
	color: #fff;
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
}
.listpages span.pagno {
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #a0826d;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a0826d), to(#846c5b));
	background: -webkit-linear-gradient(#a0826d, #846c5b);
	background: -moz-linear-gradient(#a0826d, #846c5b);
	background: -ms-linear-gradient(#a0826d, #846c5b);
	background: -o-linear-gradient(#a0826d, #846c5b);
	background: linear-gradient(#a0826d, #846c5b);
	color: #d8c1b2;
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
}

/* listpages P */
.listpages-p {
	height: auto;
	float: left;
	text-align: left;
	width: 100%;
	padding: 20px 0px 35px 0px;
}
.listpages-p span {
	display: inline-block;
}
.listpages-p span img {
	margin-top: 7px;
}
.listpages-p span a {
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	margin: 0px 2px;
	padding: 0px 11px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #7C563C;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7C563C), to(#513420));
	background: -webkit-linear-gradient(#7C563C, #513420);
	background: -moz-linear-gradient(#7C563C, #513420);
	background: -ms-linear-gradient(#7C563C, #513420);
	background: -o-linear-gradient(#7C563C, #513420);
	background: linear-gradient(#7C563C, #513420);
	color: #fff;
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
}
.listpages-p span a:hover {
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #472605;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#472605), to(#200501));
	background: -webkit-linear-gradient(#472605, #200501);
	background: -moz-linear-gradient(#472605, #200501);
	background: -ms-linear-gradient(#472605, #200501);
	background: -o-linear-gradient(#472605, #200501);
	background: linear-gradient(#472605, #200501);
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
}
.listpages-p span a.pagselect-p {
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	margin: 0px 2px;
	padding: 0px 11px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #472605;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#472605), to(#200501));
	background: -webkit-linear-gradient(#472605, #200501);
	background: -moz-linear-gradient(#472605, #200501);
	background: -ms-linear-gradient(#472605, #200501);
	background: -o-linear-gradient(#472605, #200501);
	background: linear-gradient(#472605, #200501);
	color: #fff;
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
}

/* in fb link */
.infbicon {
	height: auto;
}
.infbicon span {
	margin-right: 8px;
	text-align: left;
	display: inline-block;
}

/* in about */
.about-cont {
	height: auto;
}
.about-contleft {
	height: auto;
}
.about-contleft p {
	width: 100%;
	height: auto;
	padding: 0px;
	color: #3d322a;
	line-height: 27px;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
}
.about-contright {
	height: auto;
}
.about-contright ul {
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.about-contright li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 30px;
	font-size: 15px;
	font-weight: normal;
	color: #3d322a;
	text-decoration: none;
	list-style-type: none;
	background-image: url(../images/about-list.svg);
	background-image: url(../images/about-list.png);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	line-height: 22px;
}
.about-infor {
	width: 940px;
	height: auto;
}
.about-inforleft {
	height: auto;
}
.about-inforright {
	height: auto;
}
.about-inforright h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.about-inforright ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.about-inforright li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	font-size: 14px;
	font-weight: normal;
	color: #51443b;
	text-decoration: none;
	list-style-type: none;
	line-height: 25px;
}
.about-inforright li a {
	color: #51443b;
}
.about-inforright li a:hover {
	color: #7c573d;
	text-decoration: underline;
}
.about-inforright li b {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	background-color: #a3846f;
	margin-right: 13px;
	width: 55px;
	text-align: center;
	display: inline-block;
}

/* in services */
.services-cont {
	height: auto;
}
.services-contleft {
	height: auto;
}
.services-contright {
	height: auto;
}
.services-contright h2 {
	float: left;
	padding: 6px 8px;
	margin: 20px 0px;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background-color: #a3846f;
	line-height: 22px;
	display: block;
}
.services-contright-box {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	line-height: 18px;
}
.services-contright-box h3 {
	float: left;
	width: 22px;
	margin: 0px 8px 0px 0px;
	padding: 3px 0px;
	background-color: #3d322a;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.services-contright-box p {
	float: left;
	padding: 3px 0px;
	margin: 0px;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	color: #3d322a;
	text-decoration: none;
}

/* in prod a list*/
.inpord-text {
	float: left;
	height: 30px;
	margin-right: 10px;
	line-height: 30px;
	border: 0px;
	background-color: #FFF;
	padding: 0px 8px;
}
.inproda-cont {
	height: auto;
	margin: 0px auto;
}
.inproda-box {
	height: auto;
	float:left;
}
.proda {
	float:left;
	height: auto;
	display: inline-block;
}
.inproda-list {
	height: auto;
	float:left;
}
.inproda-list h2 {
	width: 100%;
	font-weight: normal;
	color: #472f1f;
	text-decoration: none;
	padding: 0px 4px;
	line-height: 18px;
	OVERFLOW:hidden;
	text-overflow:ellipsis;
}
.inproda-list h2 a {
	font-weight: normal;
	color: #472f1f;
	text-decoration: none;
}
.inproda-list h2 a:hover {
	font-weight: normal;
	color: #af4e17;
	text-decoration: none;
}
.inproda-list-img {
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
	float:left;
	margin: 0px 0px 15px 0px;
	text-align: center;
	width: 200px;
	height: 150px;
}

/* in prod b list*/
.inprodb-cont {
	height: auto;
	margin: 0px auto;
}
.inprodb-box {
	height: auto;
	float:left;
}
.prodb {
	float:left;
	height: auto;
	display: inline-block;
}
.inprodb-list {
	height: auto;
	float:left;
}
.inprodb-list h2 {
	float: left;
	width: 100%;
	font-weight: normal;
	color: #472f1f;
	text-decoration: none;
	line-height: 18px;
}
.inprodb-list h2 a {
	font-weight: normal;
	color: #472f1f;
	text-decoration: none;
}
.inprodb-list h2 a:hover {
	font-weight: normal;
	color: #af4e17;
	text-decoration: none;
}
.inprodb-list-img {
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
	float:left;
	margin: 0px 0px 15px 0px;
	text-align: center;	
	width: 100px;
	height: 375px;
}

/* prod in */
.inpord-down {
	height: auto;
	display: inline-block;
}
.inprod-left {
	height: auto;
}
.inprod-left table {
	width: 100%;
}

.inprod-left img {
}
.inprod-left-box1 {
	float: left;
}
.inprod-left-box2 {
	float: left;
}
.inprod-left-box3 {
	float: right;
}
.inprod-left-box4 {
	float: left;
}
.inprod-right {
	height: auto;
}
.inprod-right img {
	max-width: 450px;
	height: auto;
}
.inprod-right h2 {
	float: left;
	width: 100%;
	height: auto;
	font-weight: bold;
	color: #472f1f;
	text-decoration: none;
}
.inprod-right p {
	float: left;
	width: 100%;
	height: auto;
	font-weight: normal;
	color: #472f1f;
	text-decoration: none;
}
#editor {
	float: left;
	width: 100%;
	height: auto;
	font-weight: normal;
	color: #472f1f;
	text-decoration: none;
	margin: 20px 0px 15px 0px;
	font-size: 15px;
}
#editor ul {
	margin: 0px 0px 0px 21px;
}
#editor li {
}


/* in news list */
.innews-cont {
	height: auto;
	float:left;
}
.innews-box {
	width: 100%;
	float: left;
}
.innews-box-img {
	float: left;
	text-align: center;
}
.innews-box-img img {
	max-width: 213px;
	max-height: 160px;
}
.innews-box-ot {
	height: auto;
}
.innews-box-ot h2 {
	float: left;
	height: auto;
	width: 100%;
	font-weight: normal;
	color: #683919;
	text-decoration: none;
	text-align: justify;
	OVERFLOW:hidden;
	text-overflow:ellipsis;
}
.innews-box-ot h2 a {
	font-weight: normal;
	color: #683919;
	text-decoration: none;
}
.innews-box-ot h2 a:hover {
	font-weight: normal;
	color: #3f200b;
	text-decoration: underline;
}
.innews-box-ot h3 {
	float: left;
	height: auto;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #ac5d28;
	text-decoration: none;
}
.innews-box-ot h3 a {
	font-weight: normal;
	color: #ac5d28;
	text-decoration: none;
}
.innews-box-ot h3 a:hover {
	font-weight: normal;
	color: #7c3f16;
	text-decoration: none;
}
.innews-box-ot p {
	float: left;
	width: 100%;
	font-weight: normal;
	color: #3d322a;
	text-decoration: none;
	text-align: justify;
	OVERFLOW:hidden;
	text-overflow:ellipsis;
}
.innews-box-ot p a {
	font-weight: normal;
	color: #3d322a;
	text-decoration: none;
}
.innews-box-ot p a:hover {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
/* in news in*/
.innewsin-left {
	height: auto;
}
.innewsin-left h2 {
	width: 100%;
	font-size: 19px;
	font-weight: bold;
	color: #683919;
	text-decoration: none;
}
.innewsin-left h3 {
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #ac5d28;
	text-decoration: none;
}
.innewsin-left p {
	width: 100%;
	font-size: 15px;
	line-height: 28px;
	font-weight: normal;
	color: #3d322a;
	text-decoration: none;
	display: inline-block;
}
.innewsin-left img {
	max-width: 550px;
	max-height: 412px;
	margin: 0px auto;
	display: block;
}
.innewsin-right {
	height: auto;
}

/* in video list */
.invideo-box {
	width: 100%;
	float: left;
}
.invideo-box-invideo {
}
.invideo-box-ot {
	height: auto;
}
.invideo-box-ot h2 {
	float: left;
	height: auto;
	width: 100%;
	font-weight: normal;
	color: #683919;
	text-decoration: none;
	text-align: justify;
	OVERFLOW:hidden;
	text-overflow:ellipsis;
}
.invideo-box-ot h2 a {
	font-weight: normal;
	color: #683919;
	text-decoration: none;
}
.invideo-box-ot h2 a:hover {
	font-weight: normal;
	color: #3f200b;
	text-decoration: underline;
}
.invideo-box-ot h3 {
	float: left;
	height: auto;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #ac5d28;
	text-decoration: none;
}
.invideo-box-ot h3 a {
	font-weight: normal;
	color: #ac5d28;
	text-decoration: none;
}
.invideo-box-ot h3 a:hover {
	font-weight: normal;
	color: #7c3f16;
	text-decoration: none;
}
.invideo-box-ot p {
	float: left;
	width: 100%;
	font-weight: normal;
	color: #3d322a;
	text-decoration: none;
	text-align: justify;
	OVERFLOW:hidden;
	text-overflow:ellipsis;
}
.invideo-box-ot p a {
	font-weight: normal;
	color: #3d322a;
	text-decoration: none;
}
.invideo-box-ot p a:hover {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

/* contact */
.incontact {
	background-image: url(../images/incontactbg.png);
	background-repeat: no-repeat;
	background-position: right 0px;	
	float: left;
	height: auto;
}
.incontact-l {
	height: auto;
}
.incontact-r {
	height: auto;
}
.incontact-c {
	height: auto;
	text-align: center;
}
.incontact table {
	margin: 0px;
	padding: 0px;
}
.incontact th {
	font-weight: normal;
	color: #6b3815;
	text-decoration: none;
	text-align: right;
}
.incontact td {
	font-weight: normal;
	color: #543a23;
	text-decoration: none;
	text-align: left;
}

.vcode {
	float: left;
	height: 30px;
}

.tact-text {
	width: 100%;
	background-color: #e5d4c3;
	font-size: 13px;
	font-weight: normal;
	color: #543a23;
	text-decoration: none;
	border: 0px;
	padding: 8px 0px 8px 0px;
}
.radiosex {
	font-size: 13px;
	font-weight: normal;
	color: #543a23;
	text-decoration: none;
	margin-bottom: 15px;
}
.tact-text5 {
	width: 40px;
	background-color: #e5d4c3;
	font-size: 13px;
	font-weight: normal;
	color: #543a23;
	text-decoration: none;
	border: 0px;
	padding: 8px;
}
.tact-reset {
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #472605;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#472605), to(#200501));
	background: -webkit-linear-gradient(#472605, #200501);
	background: -moz-linear-gradient(#472605, #200501);
	background: -ms-linear-gradient(#472605, #200501);
	background: -o-linear-gradient(#472605, #200501);
	background: linear-gradient(#472605, #200501);
	color: #fff;
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
	border: 0px;
	padding: 8px 12px 8px 12px;
	cursor: pointer;
}
.tact-send {
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #7C563C;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7C563C), to(#513420));
	background: -webkit-linear-gradient(#7C563C, #513420);
	background: -moz-linear-gradient(#7C563C, #513420);
	background: -ms-linear-gradient(#7C563C, #513420);
	background: -o-linear-gradient(#7C563C, #513420);
	background: linear-gradient(#7C563C, #513420);
	color: #fff;
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
	border: 0px;
	padding: 8px 12px 8px 12px;
	cursor: pointer;
}

/* copyright */
.copyright-cont {
	height: auto;
}
.copyright-contleft {
	height: auto;
}
.copyright-contright {
	height: auto;
}
.copyright-contright h2 {
	float: left;
	padding: 6px 8px;
	margin: 30px 0px 8px 0px;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background-color: #472f1f;
	line-height: 22px;
	display: block;
}
.copyright-contright p {
	float: left;
	padding: 3px 0px;
	margin: 0px;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	color: #4c423c;
	text-decoration: none;
	text-align: justify;
}




/* CSS Document */
.h-bg {
	background-image: url(../images/h-bg.png);
	background-position: center 0;
}
.in-bg {
	background-image: url(../images/in-bg.png);
	background-position: center 0;
}

/* wrapper */
#header {
	width: 980px;
	height: 191px;
}

/* header */
#header h1 {
	height: 81px;
	width: 157px;
	margin: 24px 0px 19px 28px;
}
#header h1 a {
	height: 81px;
	width: 157px;
	background-image: url(../images/logo.png);
}

/* footer */
#footer {
	width: 980px;
	padding: 45px 0px 20px 0px;
	background-position: right 35px;
}
#footer span img {
	padding: 0px 15px;
}

/* header right link */
.otlink {
	width: 300px;
	margin: 40px 16px 0px 0px;
	line-height: 18px;
}
.otlink-flash {
	width: 300px;
	height: auto;
}

/* home content */
.h-content{
	width: 980px;
	margin-top: 35px;
}

/* home 3centralized */
.hnews {
	width: 270px;
	height: auto;
}
.hvideo {
	width: 350px;
	margin-left: 45px;
	margin-right: 45px;
}
.hcustom {
	width: 270px;
	height: auto;
}

/* home news -L- */
.hnews li a {
	width: 240px;
}

/* home video -L- */
.hvideo-playbox {
	height: 195px;
	width: 340px;
}
.hvideo li a {
	width: 345px;
}

/* home custom -L- */
.hcustom-imgbox {
	width: 260px;
	height: 195px;
	text-align: center;
}
.hcustom-imgbox img {
	maxwidth: 260px;
	max-height: 195px;
	vertical-align : middle;
}
.hcustom li a {
	width: 265px;
}

/* in all content */
.incontent {
	width: 940px;
	margin: 20px auto 20px auto;
}

/* in all path */
.path {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

/* in search */
.insearch {
	width: 100%;
	float: left;
}
.insearch-box {
	width: 130px;
}

/* listpages */
.listpages span img {
	margin-top: 10px;
}
.listpages span a {
	font-size: 15px;
	height: 32px;
	line-height: 32px;
	margin: 0px 2px;
	padding: 0px 11px;
}
.listpages span a:hover {
	font-size: 15px;
	line-height: 32px;
}
.listpages span.pagselect {
	font-size: 15px;
	height: 32px;
	line-height: 32px;
	margin: 0px 2px;
	padding: 0px 11px;
}
.listpages span.pagno {
	font-size: 15px;
	height: 32px;
	line-height: 32px;
	margin: 0px 2px;
	padding: 0px 11px;
}

/* in fb link */
.infbicon {
	float: left;
	width: 100%;
}

/* in about */
.about-cont {
	width: 940px;
}
.about-contleft {
	float: left;
	width: 510px;
	margin-bottom: 50px;
}
.about-contleft p {
	margin: 30px 0px 0px 0px;
}

.about-contright {
	float: right;
	width: 400px;
	margin-bottom: 50px;
}
.about-infor {
	width: 940px;
}
.about-inforleft {
	float: left;
	width: 940px;
	height: 289px;
	border: solid 1px #e1d7cd;
	margin-bottom: 30px;
}
.about-inforright {
	float: right;
	width: 940px;
	margin-bottom: 30px;
}
.about-inforright ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 940px;
}
.about-inforright li {
	padding: 0px 0px 8px 0px;
	font-size: 14px;
	line-height: 25px;
	width: 470px;
	float: left;
}
.about-inforright li b {
	font-size: 14px;
	width: 55px;
}

/* in services */
.services-cont {
	width: 940px;
}
.services-contleft {
	width: 450px;
	float: left;
	margin-bottom: 30px;
}
.services-contright {
	width: 450px;
	float: right;
	margin-bottom: 30px;
}
.services-contright-top {
	height: 375px;
	width: 450px;
	float: right;
	margin-bottom: 16px;
}
.services-contright-box p {
	width: 420px;
}

/* in prod a list*/
.inproda-cont {
	width: 968px;
	margin: 0px auto;
}
.inproda-box {
	width: 968px;
}
.inproda-list {
	float:left;
	width: 210px;
	margin: 20px 16px 0px 16px;
}
.inproda-list h2 {
	font-size: 15px;
	height: 40px;
}
.inproda-list-img {
	width: 200px;
	height: 150px;
}
.inproda-list-img img {
	max-width: 200px;
	max-height: 150px;
}

/* in prod b list*/
.inprodb-cont {
	width: 972px;
	margin: 0px auto;
}
.inprodb-box {
	width: 972px;
}
.inprodb-list {
	width: 110px;
	margin: 20px 32px 0px 20px;
}
.inprodb-list h2 {
	font-size: 15px;
	height: 40px;
	padding: 0px 4px;
}
.inprodb-list-img {
	width: 100px;
	height: 375px;
}
.inprodb-list-img img {
	max-width: 100px;
	max-height: 375px;
}

/* prod in */
.inpord-down {
	width: 93px;
}
.inprod-left {
	width: 450px;
	float: left;
}
.inprod-left-box1 {
	width: 440px;
	height: 330px;
	margin-bottom: 20px;
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
	text-align: center;
}
.inprod-left-box1 img {
	max-width: 440px;
	max-height: 330px;
}
.inprod-left-box2 {
	width: 203px;
	height: 152px;
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
	text-align: center;
}
.inprod-left-box2 img {
	max-width: 203px;
	max-height: 152px;
}
.inprod-left-box3 {
	width: 203px;
	height: 152px;
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
	text-align: center;
}
.inprod-left-box3 img {
	max-width: 203px;
	max-height: 152px;
}
.inprod-left-box4 {
	width: 160px;
	height: 600px;
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
	text-align: center;
}
.inprod-left-box4 img {
	max-width: 160px;
	max-height: 600px;
}
.inprod-left-box5 {
	width: 250px;
	height: 285px;
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
	margin-bottom: 20px;
	float: right;
	text-align: center;
}
.inprod-left-box5 img {
	max-width: 250px;
	max-height: 285px;
}
.inprod-left-box6 {
	width: 250px;
	height: 285px;
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
	float: right;
	text-align: center;
}
.inprod-left-box6 img {
	max-width: 250px;
	max-height: 285px;
}
.inprod-right {
	width: 450px;
	float: right;
	margin-top: 20px;
}
.inprod-right h2 {
	font-size: 18px;
}
.inprod-right p {
	margin-bottom: 27px;
	font-size: 15px;
	line-height: 32px;
}

/* in news list */
.innews-cont {
	width: 940px;
	margin-top: 20px;
}
.innews-box {
	margin-bottom: 35px;
}
.innews-box-img {
	width: 213px;
	height: 160px;
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
}
.innews-box-ot {
	float: left;
	width: 690px;
	margin-left: 27px;
}
.innews-box-ot h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 16px 0px;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
}
.innews-box-ot h3 {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 10px 0px;
}
.innews-box-ot p {
	height: 90px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 23px;
	font-size: 13px;
}
/* in news in */
.innewsin-left {
	width: 550px;
	float: left;
	margin-bottom: 30px;
}
.innewsin-left h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 17px 0px;
}
.innewsin-left h3 {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
}
.innewsin-left p {
	padding: 13px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.innewsin-right {
	width: 357px;
	float: right;
	margin-bottom: 30px;
}

/* in video list */
.invideo-box {
	margin-bottom: 35px;
}
.invideo-box-invideo {
	float: left;
	width: 213px;
	height: 160px;
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
	text-align: center
}
.invideo-box-invideo img {
	max-width: 213px;
	max-height: 160px;
}
.invideo-box-ot {
	float: left;
	width: 690px;
	margin-left: 27px;
}
.invideo-box-ot h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 16px 0px;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
}
.invideo-box-ot h3 {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 10px 0px;
}
.invideo-box-ot p {
	height: 90px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 23px;
	font-size: 13px;
}

/* contact */
.incontact {
	width: 630px;
	padding: 60px 180px 50px 130px;
}
.incontact-l {
	float: left;
	width: 305px;
	margin-bottom: 15px;
}
.incontact-r {
	float: right;
	width: 305px;
	margin-bottom: 15px;
}
.incontact-c {
	float: left;
	width: 630px;
	margin-bottom: 15px;
}
.incontact th {
	font-size: 15px;
	line-height: 28px;
	width: 80px !important;
}
.incontact td {
	font-size: 13px;
	line-height: 28px;
}

/* copyright */
.copyright-cont {
	width: 940px;
}
.copyright-contleft {
	width: 450px;
	float: left;
	margin-bottom: 30px;
}
.copyright-contleft img {
	margin-top: 60px;
}
.copyright-contright {
	width: 450px;
	float: right;
	margin-bottom: 30px;
}





        .captionOrange span
        {
            background: #936a4e;
            background-color: rgba(147, 106, 78, 0.6);
			height:30px; width: auto;
			display: inline-block;
			padding: 0px 15px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			font-size: 18px;
        }






@media only screen and ( min-width : 961px ) and ( max-width : 980px ){
	body{
		width:100%;
		max-width: 100%;
	}
	.wrapper {
		width: 96%;
	}
	#header {
		width: 100%;
	clear: both;
	z-index: 400;
	position: relative;
}
#inbannerbg {
	width: 98%;
}
#footer {
	width: 98%;
}
#nav {
	max-width: 100%;
}
#slider1_container {
	width: 98%;
	max-width: 98%;
}
.h-content{
	width: 98%;
}
.hvideo {
width: 350px;
margin-left: 26px;
margin-right: 26px;
}
.inproda-cont {
	width: 960px;
}
.inproda-list {
float: left;
width: 210px;
margin: 20px 15px 0px 15px;
}
.inprodb-cont {
width: 960px;
margin: 0px auto;
}
.inprodb-list {
width: 110px;
margin: 20px 25px 0px 25px;
}
.h-bg {
	background-image: url(../images/h-bg-962.png);
	background-position: 0px 0px;
	border: 0px;
}
.in-bg {
	background-image: url(../images/in-bg-962.png);
	background-position: 0px 0px;
	border: 0px;
}
}
@media only screen and ( max-width : 960px ){
#slider1_container {
	border-top-width: 2px !important;
	border-right-width: 0px !important;
	border-bottom-width: 2px !important;
	border-left-width: 0px !important;
}
.h-bg {
	background-image: url(../images/h-bg2.png);
	background-position: 0px 0px;
	border: 0px;
}
.in-bg {
	background-image: url(../images/in-bg3.png);
	background-position: 0px 0px;
	border: 0px;
}

/* header */
#header {
	height: 80px;
	width: 100%;
}
#header h1 {
	z-index: 1000;
	position: relative;
	height: 55px;
	width: 107px;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 0px !important;
}
#header h1 a {
	height: 55px !important;
	width: 107px !important;
	background-image: url(../images/logo-s.svg) !important;
}

/* footer */
#footer {
	width: 96%;
	padding: 20px 0px 20px 0px;
	background-position: right 10px;
}
#footer span img {
	float: left;
	padding: 0px 0px;
}

/* header right link */
.otlink {
	margin-right: 2%;
	margin-top: 20px;
	line-height: 18px;
	width: 50px;
	z-index: 400;
	position: relative;
}
.otlink-flash {
	visibility: hidden;
	margin-top: -24px;
}
.otlink-fb {
	float: right;
	display: block;
	margin-top: -5px;
}

/* all menu end */
 @media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {
width: 100%;
max-width: 100%;
position: static;
}
}


#nav {
	width: 100%;
	max-width: 100%;
	position: relative;
	top: 15px;
	left: auto;
}
#nav > a {
	width: 40px; /* 50 */
	height: 40px; /* 50 */
	text-align: left;
	text-indent: -9999px;
	border: 1px solid #fff;
	position: relative;
}
#nav > a:before,
#nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}
#nav > a:after {
	top: 60%;
}
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {
	display: block;
}
/* first level */
#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	background-color: #513420;
}
#nav:target > ul {
	display: block;
}
#nav > ul > li {
	width: 100%;
	float: none;
}
#nav > ul > li > a {
	height: auto;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #422c1c;
}
#nav > ul > li:not( :last-child ) > a {
	background-image: none;
}
/* second level */
#nav li ul {
	position: static;
	padding: 1.25em; /* 20 */
	padding-top: 0;
	color: #24160d;
	background-color: #8a6043 !important;
}
/* all menu end */

/* home content */
.h-content{
	width: 100%;
	margin: 15px 0px 0px 0px !important;
}

/* home 3centralized */
.hnews, .hvideo, .hcustom {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	padding-right: 2%;
}

/* home news -S- */
.hnews li a {
	width: 90%;
}
.hnews span ul {	
	width: 100%;
}

/* home video -S- */
.hvideo-playbox {
	height: 280px;
	width: 98%;
	border: 0px;
	padding: 1%;
}
.hvideo li a {
	width: 98%;
}

/* home custom -S- */
.hcustom-imgbox {
	height: auto;
	width: 98%;
	border: 0px;
	padding: 1%;
}
.hcustom-imgbox img {
	width: 100%;
	height: auto !important;
	max-width: 100%;
	max-height: none;
}
.hcustom li a {
	width: 98%;
}

/* IN BANNER SLIDER */
#inbannerbg {
	width: 20%;
	height: 0px;
	visibility: inherit;
	left: -99999px;
}
/* IN BANNER SLIDER */

/* in all content */
.incontent {
	width: 100%;
	margin: 0px auto;
}

/* in all path */
.path {
	width: 96%;
	margin-top: 10px;
	margin-bottom: 20px;
	margin: 10px 2% 20px 2%;
}

/* in search */
.insearch {
	height: 30px;
	width: 96%;
	margin: 0px 2%;
}
.insearch-box {
	width: 80px;
}

/* listpages */
.listpages b {
	line-height: 20px;
	color: #863F13;
	padding-top: 10px;
	display: block;
}
.listpages span img {
	margin-top: 7px;
}
.listpages span a {
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	padding: 0px 7px;
}
.listpages span a:hover {
	font-size: 12px;
	line-height: 22px;
}
.listpages span.pagselect {
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	padding: 0px 7px;
}
.listpages span.pagno {
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	padding: 0px 7px;
}

/* in fb link */
.infbicon {
	margin: 0px 2%;
	width: 96%;
	float: left
}

/* in about */
.about-cont {
	margin: 0px 2%;
	width: 96%;
	float: left
}
.about-contleft {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #e1d7cd;
}
.about-contleft p {
	margin: 30px 0px 0px 0px;
}
.about-contleft img {
	width: 100%;
	height: auto;
}

.about-contright {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.about-contright img {
	width: 100%;
	height: auto;
}

.about-infor {
	width: 100%;
}
.about-inforleft {
	margin: 0px 2% 40px 2%;
	width: 96%;
	height: 290px;
	float: left
}
.about-inforright {
	margin: 0px 2% 20px 2%;
	width: 96%;
	float: left
}
.about-inforright ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 96%;
}
.about-inforright li {
	padding: 0px 0px 6px 0px;
	font-size: 12px;
	line-height: 25px;
	width: 96%;
	float: left
}
.about-inforright li b {
	font-size: 12px;
	width: 50px;
}

/* in services */
.services-cont {
	margin: 0px 2%;
	width: 96%;
	float: left
}
.services-contleft {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.services-contleft img {
	width: 100%;
	height: auto;
}
.services-contright {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.services-contright img {
	width: 100%;
	height: auto;
}
.services-contright-top {
	height: auto;
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.services-contright-box p {
	width: 86%;
}

/* in prod a list*/
.inproda-cont {
	float: left;
	width: 97%;
	margin: 0px 0px 0px 3%;
}
.inproda-list {
	width: 47%;
	margin: 20px 3% 0px 0px;
}
.inproda-list h2 {
	font-size: 13px;
	height: 36px;
}
.inproda-list-img {
	width: 95%;
	height: auto;
	display: block;
	border: 0px;
	padding: 2.5%;
	text-align: center;
}
.inproda-list-img img {
	max-width: 100%;
	max-height: none;
	width: 100%;
	height: auto;
}

/* in prod b list*/
.inprodb-cont {
	float: left;
	width: 98%;
	margin: 0px 1%;
}
.inprodb-list {
	width: 23%;
	margin: 20px 1% 0px 1%;
}
.inprodb-list h2 {
	width: 100%;
	font-size: 13px;
	height: 36px;
}
.inprodb-list-img {
	width: 90%;
	height: auto;
	display: block;
	border: 0px;
	padding: 5%;
	text-align: center;
}
.inprodb-list-img img {
	max-width: 100%;
	max-height: none;
	width: 100%;
	height: auto;
}

/* prod in */
.inpord-down {
	width: 100%;
	margin-top: 15px;
	text-align: center;
}
.inprod-left {
	width: 96%;
	margin: 0px 2%;
	float: left;
}
.inprod-left img {
	max-width: 100%;
	max-height: none;
	width: 100%;
	height: auto;
}
.inprod-left-box1 {
	height: auto;
	width: 97%;
	background-color: #FFF;
	border: 0px;
	margin-bottom: 4%;
	padding: 1.5%;
}
.inprod-left-box2 {
	height: auto;
	width: 45%;
	background-color: #FFF;
	border: 0px;
	margin-right: 2%;
	padding: 1.5%;
}
.inprod-left-box3 {
	height: auto;
	width: 45%;
	background-color: #FFF;
	border: 0px;
	margin-left: 2%;
	padding: 1.5%;
}
.inprod-left-box4 {
	height: auto;
	width: 35%;
	padding: 1.5%;
	margin-right: 5%;
	border: 0px;
}
.inprod-left-box5 {
	height: auto;
	width: 54%;
	padding: 1.5%;
	float: left;
	border: 0px;
	margin-bottom: 6%;
}
.inprod-left-box6 {
	height: auto;
	width: 54%;
	padding: 1.5%;
	float: left;
	border: 0px;
}
.inprod-right {
	width: 96%;
	float: left;
	margin: 20px 2% 0px 2%;
}
.inprod-right img {
	max-width: 100%;
	height: auto;
}
.inprod-right h2 {
	margin-bottom: 15px;
	font-size: 15px;
}
#editor {	
	font-size: 13px;
}
.inprod-right p {
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 25px;
}

/* in news list */
.innews-cont {
	width: 100%;
	margin: 0px auto;
	margin-top: 20px;
}
.innews-box {
	float: left;
	width: 96%;
	margin: 0px 2% 20px 2%;
}
.innews-box-img {
	width: 27%;
	height: auto;
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #dfd4ca;
}
.innews-box-img img {
	width: 100%;
	height: auto;
}
.innews-box-ot {
	width: 68%;
	margin-left: 0%;
	float: right;
}
.innews-box-ot h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	line-height: 16px;
	height: 16px;
}
.innews-box-ot h3 {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 5px 0px;
}
.innews-box-ot p {
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 16px;
	font-size: 12px;
}
/* in news in */
.innewsin-left {
	width: 96%;
	margin: 0px 2% 20px 2%;
}

.innewsin-left img {
}
.innewsin-left h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 17px 0px;
}
.innewsin-left h3 {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
}
.innewsin-left p {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
.innewsin-right {
	width: 96%;
	margin: 0px 2%;
}

/* in video list */
.invideo-box {
	width: 94%;
	margin: 0px 3% 20px 3%;
}
.invideo-box-invideo {
	width: 97%;
	height: auto;
	background-color: #FFF;
	padding: 1.5%;
	margin: 0px;
	border: 0px;
}
.invideo-box-invideo img {
	width: 100%;
	height: auto;
}
.invideo-box-ot {
	width: 94%;
	float: left;
	margin: 0px 3%;
}
.invideo-box-ot h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	line-height: 16px;
	height: 16px;
}
.invideo-box-ot h3 {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 5px 0px;
}
.invideo-box-ot p {
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 16px;
	font-size: 12px;
}

/* contact */
.incontact {
	width: 100%;
	padding: 20px 0px;
}
.incontact-l {
	float: left;
	width: 90%;
	margin-bottom: 8px;
}
.incontact-r {
	float: left;
	width: 90%;
	margin-bottom: 8px;
}
.incontact-c {
	float: left;
	width: 90%;
	margin-bottom: 8px;
}
.incontact th {
	font-size: 13px;
	line-height: 31px;
	width: 30% !important;
}
.incontact td {
	font-size: 12px;
	line-height: 31px;
	width: 70% !important;
}
.vcode {
	float: left;
	height: 30px;
	margin-left: 30%;
}

/* copyright */
.copyright-cont {
	width: 100%;
	margin: 0px auto;
}
.copyright-contleft {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.copyright-contleft img {
	width: 100%;
}
.copyright-contright {
	width: 96%;
	float: left;
	margin: 0px 2% 20px 2%;
}





        .captionOrange span
        {
            background: #936a4e;
            background-color: rgba(147, 106, 78, 0.6);
			height: 50px;
			width: auto;
			display: inline-block;
			padding: 0px 15px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			font-size: 2em;
			line-height: 50px !important;
        }
}