@charset "utf-8";
/* CSS Document */
@import url("reset.css") screen;
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans");
@import url("https://fonts.googleapis.com/earlyaccess/cwtexming.css");
/**
 * 共用 + 預設部分
 -----------------------------*/

body {
	overflow-x: hidden;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	font-size: 14px;
}
.container {
	position: relative;
	margin: 0 auto;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	letter-spacing: .5px;
}
.Inpage {
	font-size: 14px;
	color: #666;
	line-height: 28px;
	letter-spacing: 2px;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
}
.Inpage p {
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
}
a {
	text-decoration: none;
}
.flexslider {
	position: relative;
	overflow: hidden;
	background: url(images/loading.gif) 50% no-repeat;
}
.IndexVideo {
	height: 20%;
	/* max-height: 20%; */
	height: 770px;
	overflow: hidden !important;
	z-index: -1;
}
.IndexVideoImg {
	position: absolute;
	background: rgba(0,0,0,.3);
	width: 100%;
	height: 1000px;
	overflow: hidden;
}
.IndexVideo video {
	width: 100% !important;
	height: 1200px !important;
	position: relative;
	z-index: -3;
	margin-top: -180px;
}
.slides {
	position: relative;
	z-index: 1;
}
.slides li {
}
.flex-control-nav {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 40px;
	overflow: hidden;
	background: url(images/dot.png) right 0 no-repeat;
	cursor: pointer;
	color:rgba(255,255,255,0)
}
.flex-control-nav .flex-active {
	background-position: 0 0;
}
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 45%;
}
.flex-direction-nav li a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}
.flex-direction-nav li a.flex-prev {
	left: 40px;
	background: url(images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
	right: 40px;
	background: url(images/next.png) center center no-repeat;
}
/* ----- 上面 ----- */

.top {
	float: left;
	width: 100%;
}
.top02 {
	float: left;
	width: 100%;
}
.banner {
	float: left;
	width: 100%;
	overflow-x: hidden;
}
.bannerLogo {
	float: left;
	width: 10%;
	text-align: center;
	position: relative;
}
.bannerLogo img {
	margin-top: 80px;
	max-width: 50%;
}
.banner img {
	position: relative;
}
.banner ol {
	position: absolute;
	right: 0px;
	bottom: 20px;
	z-index: 90;
}
.banner ol li {
	list-style: none;
	float: left;
	margin-right: 20px;
}
.banner ol li img {
	max-width: 100%;
}
.banner ol li a {
	float: left;
	width: 100%;
}
.logo {
	float: left;
	text-align: center;
	width: 10%
}
.logo img {
	padding-top: 65%;
}
.com_nav ul {
	background: #fff
}
.com_nav ul li.com_navB a {
	border-right: none;
	color: #fff;
}
.com_nav ul li.com_navB {
	background: #B48D63;
}
.com_nav ul li.com_navB:hover {
	background: #DECDBB;
}
.com_nav ul li.com_navB:hover a {
	color: #666;
}
.com_nav {
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	float: left;
	width: 100%;
	z-index: 50;
	position: relative;
}
.com_nav ul {
	float: left;
	width: 100%
}
.com_nav ul li {
	float: left;
	line-height: 60px;
	padding: 30px 0;
	width: 10%;
	margin: 0;
	overflow: auto;
}
.com_nav ul li.com_navB2 {
	width: 10%;
}
.com_nav ul li.com_navB3 {
	width: 10%;
}
.com_nav ul li.com_navB3 a {
	border-right: none;
}
.com_nav ul li a {
	border-right: 1px dotted #333;
	line-height: 18px !important;
	height: 30px;
	width: 100%;
	font-size: 15px;
	color: #666;
	float: left;
	text-align: center;
	display: block;
	float: left;
	text-align: center;
	padding: 0px 10px;
}
.com_nav ul li:hover {
	background: #F4EFEA;
}
.com_nav ul li ul {
	position: absolute;
	width: 100%;











	overflow: visible;
	clear: left;
	margin-top: 60px;
	z-index: 90;
	background: #DECDBB;
}
*:first-child+html .com_nav ul li ul {
	margin-top: 0;
}
* html .com_nav ul li ul {
	margin-top: 0;
}
.com_nav ul li ul li {
	float: none;
	text-align: center;
}
.com_nav ul li ul li a {
	float: none;
	width: 100%;
}
/* ---------- 隱藏與顯示階層 ---------- */
.com_nav ul li ul {
	visibility: hidden;
}
.com_nav ul li:hover ul {
	visibility: visible;
}
/* ----- 下面 ----- */
.copyright {
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	float: left;
	width: 100%;
	background: #26282D;
	padding: 80px 0;
	text-align: left
}
.copyright h1 {
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	letter-spacing: 3px;
	margin-bottom: 30px;
	color: #fff;
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 23px;
}
.copyrightLeft img {
	max-width: 60px;
}
.copyrightCenter {
	float: left;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	writing-mode: bt-lr;
	font-size: 15px;
	text-align: left;
}
.copyrightCenter li {
	margin-left: 15px;
}
.copyrightCenter a {
	color: #999;
	padding: 5px;
}
.copyrightCenter a:hover {
	color: #26282D;
	background: #fff
}
.copyRight02 {
	float: left;
}
.copyRight02 h2 {
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 15px;
	letter-spacing: 3px;
}
.copyRight02 p {
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #999;
	font-size: 12px;
}
.copyRight02 a {
	color: #999
}
.copyIcon {
	margin-top: 15px;
	float: left;
	width: 100%;
}
/**
 * 首頁
 -----------------------------*/
.IndexAbout {
	width: 100%;
	float: left;
	padding: 80px 0;
	text-align: left
}
.IndexAbout h1 {
	float: left;
	width: 100%;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #212121;
	font-weight: normal;
	letter-spacing: 3px;
	font-size: 20px;
	margin-bottom: 30px;
}
.IndexAbout h1 > p {
	font-size: 29px;
	margin-top: 10px;
}
.IndexAboutMore {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.IndexAboutMore a {
	float: left;
	margin-top: 10px;
	background: #26282D;
	padding: 5px 50px;
	font-size: 12px;
	color: #fff
}
.IndexAbout a:hover {
	background: #666;
}
.IndexAbout img {
	width: 100%;
}
.IndexProduct {
	padding: 80px 0;
	float: left;
	width: 100%;
}
.IndexProduct ul {
	position: relative;
	left: -7.5%;
	margin: 0 auto;
	padding-left: 2.8%;
	width: 120%;
}
.IndexProduct ul li {
	float: left;
	width: 13.4%;
	text-align: center;
}
.IndexProduct ul li p {
	margin-top: 20px;
	font-weight: bold;
}
.IndexProduct ul li img {
	max-width: 100%
}
.IndexProductImg {
	float: left;
	width: 100%;
}
.IndexProductImg img {
	width: 100%;
}
.Indexoriginal {
	float: left;
	width: 100%;
	padding-top: 100px;
}
.Indexoriginal h1 {
	float: left;
	width: 100%;
	text-align: center;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #212121;
	font-size: 29px;
	font-weight: normal;
	letter-spacing: 3px;
	margin: 30px 0;
	line-height: 40px;
}
.Indexoriginal h1 > p {
	font-size: 19px;
	color: #666
}
.Indexoriginal h2 {
	color: #17435D;
	float: left;
	width: 100%;
	text-align: center;
	font-weight: normal;
	margin-bottom: 100px;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
}
.Indexoriginal ul li {
	float: left;
	width: 25%;
	position: relative;
}
.Indexoriginal ul li p {
	background: #fff;
	font-size: 15px;
	letter-spacing: 8px;
	font-weight: bold;
	font-weight: normal;
	text-align: center;
	height: 90px;
}
.Indexoriginal ul li span {
	font-size: 12px;
	letter-spacing: 5px;
	line-height: 10px!important;
	color: #333;
	text-transform: uppercase;
	padding: 0px 15px;
	text-align: center;
}
.Indexoriginal ul li img {
	width: 100%;
}
.IndexNews {
	float: left;
	width: 100%;
	padding: 180px 0;
	color: #212121
}
.indexNews03 {
}
.indexNews03 span{
	width:100% !important;
	float:left;
}
.indexNews03Content {
}
.IndexNews h1 {

	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	writing-mode: bt-lr;
	font-size: 30px;
	letter-spacing: 5px;
	float: left;
	width: 10%;
	text-align: left;
	font-weight: normal;
	line-height: 40px;
}
.IndexNews h1 > p {
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	font-weight: normal;
	font-size: 11px;
	padding-left: 10px;
	padding-top: 3px;
}
.IndexNews h3 {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	top: -100px;
	color: #444;
}
.IndexNews ul {
	margin-top: 10px;
	float: left;
	width: 70%;
	overflow-y: hidden;
}
.IndexNews ul li {
	float: left;
	padding-bottom: 10px;
	width: 100%;
	line-height: 20px;
}
.IndexNews ul li a {
	color: #666
}
.IndexNews ul li span {
	float: left;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	font-size: 13px;
	width: 20%;
}
.IndexNews ul li p {
	float: left;
	width: 80%;
}
.IndexNews ul li p > img {
	float: right;
}
.IndexNewsMore {
	margin-top: 80px;
	float: left;
	width: 100%;
	text-align: center;
}
.IndexQuality {
	float: left;
	width: 100%;
	background: #FEFAF6;
	padding: 100px 0;
	text-align: center;
}
.IndexQualityImg img {
	max-width: 100%
}
.IndexQualityImg02 {
	position: absolute;
	top: -100px;
	right: -10%;
}
.IndexBottom {
	position: relative;
	float: left;
	width: 100%;
}
img.IndexBottomImg {
	width: 100%;
}
.IndexBottomContent {
	position: absolute;
	top: 50px;
	left: 5%;
	z-index: 10;
	width: 70%;
}
.IndexBottomContent p {
	float: left;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	margin-top: 20px;
}
.IndexBottomContent h1 {
	float: left;
	margin-left: 40px;
	line-height: 40px;
}
.IndexBottomContent h1 > img {
	max-width: 100% !important;
}
.IndexTel {
	text-align: center;
	float: left;
	width: 100%;
	padding: 50px 0;
	text-align: center;
}
.IndexTel p {
	margin-top: 30px;
}
.IndexTel img {
	max-width: 200px;
}
/**
 * 頁面
 -----------------------------*/
.PageContent {
	width: 90%;
	margin: 0 auto;
	padding-left: 30px;
	margin-top: 30px;
	color: #888;
	letter-spacing: .5px;
}
.PageContent h1 {
	position: relative;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #212121;
	font-size: 31px;
	font-weight: normal;
	margin-bottom: 15px;
	letter-spacing: 3px;
	line-height: 40px;
	text-transform: uppercase;
}
.PageLeft {
	float: left;
	overflow: hidden;
	color: #666;
	margin-bottom: 100px;
}
.PageRight {
	float: left;
}
.PageRight img {
width: 100%;
}
.Inbanner img {
	width: 100%;
	margin-bottom: 100px;
}
/**
 * 關於我們
 -----------------------------*/
.about {
	float: left;
	width: 100%;
}
.about h1 > div {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.aboutLink a {
	width: calc( 33.333% - 20px );
	font-size: 13px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	line-height: 17px;
	background: #999;
	height: 46px;
	margin: 10px;
}
.aboutLink a > p {
	width: 100%;
	height: 46px;
	display:flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.aboutLink a:hover  {
	color: #f2f2f2;
	background: #333;
}
.aboutContent {
	float: left;
	width: 100%;
	line-height: 25px;
	letter-spacing: .5px;
	margin-bottom: 30px;
}
.aboutContent p {
	margin-bottom: 50px;
}
.aboutContent img {
	width: 20px
}
.aboutContent strong {
	color: #000;
	font-weight: bold;
}
.aboutContent span {
	color: #f20
}
.history {
	float: left;
	width: 100%;
}
.history ul li {
	float: left;
	width: 100%;
}
.history ul li h2 {
	float: left;
	color: #333
}
.history ul li p {
	float: left;
}
.history ul li img {
	width: 20px
}
.aboutIdea {
	float: left;
}
.aboutIdea h2 {
	font-size: 27px;
	color: #212121;
	float: left;
	margin: 30px 0;
}
.aboutIdea h2 p {
	font-family: "cwTeXMing", serif;
	font-size: 25px;
	float: left;
	width: 100%;
}
.aboutIdea h2 span {
	float: left;
	font-size: 17px !important;
	font-family: "cwTeXMing", serif;
	margin-top: 10px;
	opacity: .6;
}
.aboutIdea h3 {
	float: left;
	color: #666;
	margin-top: 80px;
	font-size: 19px;
	font-weight: normal;

	border-bottom: 1px solid #ccc;
	margin-bottom: 80px;
}
.aboutIdea h4 {
}
.aboutIdea h4 > img {
	max-width: 40%;
	margin: 80px 0;
}
/**
 * 安心食安
 -----------------------------*/
.peace {
	float: left;
	width: 100%;
	padding-bottom: 100px;
}
.peace h1 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #212121;
	font-size: 29px;
	font-weight: normal;
	margin-bottom: 15px;
	letter-spacing: 3px;
	text-align: left;
	line-height: 40px;
}
.peace h2 {
	margin-bottom: 40px;
}
.peace img {
	width: 100%
}
/**
 * 最新消息
 -----------------------------*/
.news {
	float: left;
	width: 100%;
	padding-bottom: 100px;
}
.newsLeft h1 {
	width: 100%;
	float: left;
	text-align: center;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #212121;
	font-size: 29px;
	font-weight: normal;
	letter-spacing: 3px;
	background: #fff;
	line-height: 40px;
}
.newsLeft img {
	margin-top: 40px;
	margin-right: 65px;
	float: right;
}
.newsRight ul li {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 40px;
	border-bottom: 1px solid #CCCCCC;
}
.newsRight ul li h1 {
	font-size: 21px;
	color: #5A5A5D;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	background: url(../img/news/icon.png) no-repeat left top;
	font-family: "cwTeXMing", serif;
	line-height: 40px;
}
.newsRight ul li h1 > p {
	margin-left: 30px;
	margin-top: 15px;
	line-height: 35px;
	float: left;
}
.newsRight ul li p {
	margin-left: 30px;
}
.modal-header h4 {
	font-family: "cwTeXMing", serif;
	font-size: 17px;
	color: #333
}
.modal-body {
	font-size: 14px;
	color: #666
}
.newsRight ul li .a1 {
	margin-left: 30px;
	float: left;
	width: 100px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	background: #353535;
	margin-top: 15px;
	padding: 5px 0;
	text-align: center;
	border: 0;
	border-radius: 0;
}

.newsContent {
	width: 100%;
	height: 470px;
	padding-right: 50px;
	overflow: hidden;
}
.newsContent img {
	max-width: 100%;
}
.newsContent p {
}
/**
 * 產品介紹
 -----------------------------*/
.products {
	float: left;
	width: 100%;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	background: rgba(249,249,249,1);
	margin-bottom: -335px;
}
.productsLeft {
	position: relative;
	width: 65%;
	float: left;
}
.productsLeft h1 {
	position: relative;
	z-index: 10;
	float: left;
	width: 100%;
	text-align: center;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #212121;
	font-size: 29px;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 12% 0;
	background: #fff;
	line-height: 40px;
}
.productsContent h1 {
	position: absolute;
	top: 0px;
	right: 0;
	width: 35%;
	height: 100%;
	padding: 30px 20px 0px 20px;
	text-align: center;
	z-index: 10;
	background: rgba(249,249,249,1);
	color: #333;
	font-size: 30px;
	z-index: 15;
	line-height: 40px;
}
.productsContent h1:after {
	content: url(../img/products/title.jpg);
	position: absolute;
	top: 150px;
	right: 0;
	z-index: -1;
	opacity: .5;
}
.productsContent h1 span {
	font-size: 12px;
	float: left;
	width: 100%;
	font-weight: normal;
	margin: 10px 0;
	margin-bottom: 20px;
	color: #666;
	text-transform: uppercase
}
.productsContent h1 p {
	width: 80%;
	margin: 0 auto;
	margin-top: 20px;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	min-height:100px;
}
.productsLeftContent {
	position: relative;
	float: left;
	width: 65% !important;
	padding: 50px;
}
.productsRightContent {
	position: relative;
	float: left;
	width: 35% !important;
	background: rgba(249,249,249,1);
	padding: 80px 50px 20px 50px;
	z-index: 11;
	min-height:800px;
}
.productsRightContent ul li {
	text-align: center;
	margin-bottom: 40px;
}
.productsRightContent ul li .productsRightImg {
	height: 210px;
	line-height: 210px;
	position: relative;
	text-align: center;
}
.productsRightContent ul li .productsRightImg img {
	text-align: center;
	bottom: 0;
	margin-bottom: 30px;
	height: 80%;
}
.productsRightContent ul li h3 {
	float: left;
	width: 100%;
	text-align: center;
	height: 66px;
	overflow: hidden;
	line-height: 22px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.productsRightContent ul li p {
	float: left;
	width: 100%;
	text-align: center;
	height: 30px;
	overflow: hidden;
}
.productsLeftContent01 {
	width: 60%;
	margin: 0 auto;
	margin-top: 80px;
}
.productsLeftContent01 h2 {
	color: #333;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 15px;
	float: left;
	text-align: left !important;
	margin-top: 30px;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.productsLeftContent01 h2 span {
	border-bottom: 1px solid #333;
	text-align: left;
	font-size: 19px;
}
.productsLeftContent01 p {
	float: left;
	width: 100%;
}
.productsLeftContent01 p > strong {
	color: #000;
	width: 100%;
	float: left;
}
.productsLeftContent01 p > img {
	margin-bottom: 20px;
}
.productsLeftContent01 img {
	max-width: 80%
}
.ProductsTableImg {
	float: left;
	margin-top: 50px;
}
/**
 * 銷售據點
 -----------------------------*/
.sales {
	float: left;
	width: 100%;
	padding-bottom: 100px;
}
.sales h1 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #212121;
	font-size: 29px;
	font-weight: normal;
	margin-bottom: 15px;
	letter-spacing: 3px;
	text-align: left
}
.salesLink a {
	font-size: 13px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	line-height: 25px;
}
.salesLink a > p {
	background: #999;
}
.salesLink a:hover p {
	color: #f2f2f2;
	background: #333;
}
.sales h2 {
	margin-bottom: 20px;
}
.salesContent img {
}
.salesLeft {
	float: left;
}
.salesLeft ul {
	float: left;
	width: 100%;
}
.salesLeft ul li {
	float: left;
	min-height: 280px;
	text-align: center;
}
.salesLeft ul li div > div {
	height: 60px;
	margin-bottom: 20px;
}
.salesLeft ul li h2 {
	text-align: left;
	position: relative;
	font-size: 17px;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 20px;
	margin-top: 40px;
	float: left;
	width: 100%
}
.salesLeft ul a {
	color: #666
}
.salesLeft ul li h2:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	content: '';
	display: block;
	width: 80px;
	height: 1px;
	background: #323232;
}
.salesLeft ul li h2 span {
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	left: 80px;
}
.salesLeft ul li h2 a {
	float:right;
	font-size:13px;
}
.salesLeft ul li img {
	max-width: 100%;
	margin-bottom: 30px;
}
.salesLeft ul.salesAbroadLeft li {
	text-align: left !important;
}
.salesLeft ul.salesAbroadLeft li div {
	text-align: left !important;
}
.salesLeft ul.salesAbroadLeft li div > div:before {
	/*content: "✓  "*/
}
.salesRight {
	float: left;
	text-align: right;
	line-height: 500px;
}
.salesRight img {
	max-width: 100%;
	width: 100% /* 如須設定圖片地圖，請將寬度拿掉，設定完在設定回去 */
}
/**
 * 聯絡我們
 -----------------------------*/
.contact {
	float: left;
	width: 100%;
}
i.fa {
	position: absolute;
	top: 7px;
	left: 10px;
	z-index: 90
}
.contact ul li {
	line-height: 25px;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.contact ul li p {
	width: 7%;
	float: left;
}
.contact ul li input {
	line-height: 25px;
	border-radius: 8px;
	width: 100%;
	float: left;
	border: 1px solid #ccc;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	font-size: 12px;
	padding-left: 30px;
	position: relative;
}
.contact ul li textarea {
	line-height: 25px;
	border-radius: 8px;
	width: 100%;
	float: left;
	border: 1px solid #ccc;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	font-size: 12px;
	padding-left: 30px;
	position: relative;
}
.contact ul li.button input {
	max-width: 100px;
	float: left;
	background: #212121;
	color: #fff;
	border: 0
}
.contact ul li.button {
	color: #fff
}
/**
 * 豆腐乳知識
 -----------------------------*/

.knowledge h1 {
	width: 100%;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #212121;

	font-size: 29px;
	font-weight: normal;
	margin-bottom: 15px;
	letter-spacing: 3px;
	margin-top: 100px;
	float: left;
	text-align: center;
	margin-bottom: 80px;
	text-transform: uppercase;
	line-height: 40px;
}
.knowledge h1 > span {
	font-size: 15px;
	color: #666;
	margin-top: 15px;
}
.knowledge01 {
	float: left;
	width: 100%;
	padding-bottom: 80px;
	background: #f7f7f7;
}
.knowledge01 ul {
	float: left;
	width: 100%;
}
.knowledge01 ul li {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc
}
.knowledge01 ul li h2 {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	color: #C60;
	font-weight: bold;
	font-size: 16px;
}
.knowledge01 ul li h2:before {
	content: "※ "
}
.knowledge01 ul li strong {
	color: #212121
}
.knowledge02 {
	float: left;
	width: 100%;
	padding-bottom: 80px;
}
#qaContent {
	float: left;
	width: 100%;
}
#qaContent h3.qa_group_1 {
}
#qaContent ul.accordionPart {
}
#qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	padding: 25px 0;
	margin-top: 12px;
}
#qaContent ul.accordionPart li .qa_title {
	background: url(../img/knowledge/knowledgeQ.jpg) no-repeat 0px 3px;
	padding-left: 60px;
	color: #333;
	line-height: 40px;
	cursor: pointer;
	font-weight: bold;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: none;
}
#qaContent ul.accordionPart li .qa_content {
	margin: 30px 0 0;
	background: url(../img/knowledge/knowledgeA.jpg) no-repeat 0px 0;
	padding-left: 28px;
	padding-left: 60px;
}
/**
 * 品牌優勢
 -----------------------------*/
.brand {
	float: left;
	width: 100%;
	padding-bottom: 80px;
}
.brand h1 {
	width: 100%;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	color: #212121;
	font-size: 29px;
	font-weight: normal;
	margin-bottom: 15px;
	letter-spacing: 3px;
	margin-top: 100px;
	float: left;
	text-align: center;
	margin-bottom: 80px;
	text-transform: uppercase;
	line-height: 40px;
}
.brand h2 {
	margin-top: 50px;
	font-size: 17px;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	color: #212121
}
.brand p {
	float: left;
	width: 100%
}
.brand p > img {
	max-width: 100%;
}
ul.brandLink li {
	float: left;
	text-align: center;
}
ul.brandLink li a {
	color: #fff;
	width: 100%;
	background: #999;
	height: 60px;
	display: inline-flex;
	padding: 11px 0px;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 20px;
}
ul.brandLink li p {
	height: 60px;
	display: contents;
	justify-content: center;
	align-content: center;
	align-items: center;
}
ul.brandLink li a:hover {
	background: #212121;
}
.brandQuality {
	float: left;
	width: 100%;
}
.brandQuality h1 > p {
	font-size: 15px;
	color: #666;
	margin-top: 15px;
}
.brandQuality table {
	float: left;
}
.brandQuality table tr {
	background: #f2f2f2;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.brandQuality table tr td {
	padding: 5px 10px;
	width: 25%;
}
.brandQuality table tr.title {
	background: #333;
	color: #fff;
}
.brandQuality ul li img {
	width: 100%;
}
.brandQuality ul li p {
	text-align: center;
	margin-top: 10px
}
.brandQuality h2 {
	margin-top: 50px;
	font-size: 17px;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	color: #212121
}
.brandProcess ul li {
	float: left;
	width: 33.3%;
}
.brandProcess ul li h4 {
	font-size: 17px;
	color: #212121;
	margin-bottom: 20px;
	font-weight: normal;
	float: left;
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.brandProcess ul li h4 > p {
	width: 100%;
	color: #666;
	font-size: 13px;
	text-transform: uppercase
}
.brandProcess ul li img {
	max-width: 100%;
}
.brandequipment {
}
.brandequipmentUL {
	float: left;
	margin-top: 40px;
	width: 100%;
}
.brandequipmentUL li {
	float: left;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #ccc;
}
.brandequipmentUL li h2 {
	font-size: 19px;
	color: #212121;
	font-weight: normal;
}
.brandequipmentUL li ul li {
	border-bottom: none;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 00px;
}
.brandequipmentUL li ul li img {
	max-width: 100%;
}
.brandequipmentUL h4 {
	font-size: 15px;
	float: left;
	padding-top: 20px;
	color: #333;
}
.brandSoy {
	float: left;
	width: 100%;
	letter-spacing: .5px;
}
.brandSoy h2 {
	margin-top: 50px;
	font-size: 17px;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	color: #212121
}
.brandSoy ul li {
	float: left;
	width: 100%;
	font-size: 13px;
}
.brandSoy ul li p:before {
	content: " ● "
}
.brandSoy ul li h3 {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
.brandSoy ul li h3 span {
	color: #fff;
	font-size: 14px;
	background: #212121;
	padding: 8px 15px;
}
/**
 * 安心食安
 -----------------------------*/

.food {
}
.food h1 > div {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.food h2 {
	color: #212121;
	float: left;
	width: 100%;
	margin: 30px 0;
}
.food h2 p {
	font-family: "cwTeXMing", serif;
	font-size: 23px;
	line-height: 35px;
	float: left;
	width: 100%;
}
.food h2 span {
	float: left;
	font-size: 15px !important;
	font-family: "cwTeXMing", serif;
	margin-top: 10px;
	opacity: .6;
}
.food h4 {
	font-size: 15px;
	float: right;
	margin-top: 50px;
	padding-top: 20px;
	color: #333;
}
.food h4:before {
	content: "√ "
}
.food ul li {
	float: left;
	margin-bottom: 40px;
}
.food ul li h3 {
	color: #666;
	font-size: 17px;
}
.food ul li ul li {
	float: left;
	width: 100%;
	margin-bottom: 0px;
}
.food ul li ul li p {
	margin-top: 30px;
	font-weight: bold;
	color: #333;
}
.food ul li ul li p:after {
	content: " : "
}
.food ul li ul li span {
	font-size: 13px;
	float: left;
	width: 100%;
}
/**
 * 文化館
 -----------------------------*/
.story {
	float: left;
	width: 100%;
	color: #0A3854;
}
.storyTop {
	float: left;
	width: 100%;
	margin-bottom: 70px;
}
.storyTopLeft {
	float: left;
	width: 30%;
	text-align: center;
	margin-top: 10%;
	text-transform: uppercase;
}
.storyTopLeft h1 {
	font-size: 30px;
	margin-top: 50px;
	line-height: 40px;
}
.storyTopLeft h1 > p {
	font-size: 17px;
	font-weight: normal;
	float: left;
	width: 100%;
	margin-top: 15px;
}
.storyTopLeftLink {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.storyTopLeftLink ul {
	width: 230px;
	height: auto;
	position: relative;
	margin: 0 auto;
}
.storyTopLeftLink ul li {
	float: left;
	font-size: 22px;
	margin: 0 13px;
}
.storyTopLeftLink ul li a {

	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	writing-mode: bt-lr;
	color: #0A3852;
}
.storyTopRight {
	float: left;
	width: 70%;
}
.storyTopRight img {
	width: 100%;
}
.storyContent {
	float: left;
	width: 100%;
}
.storyAbout {
	float: left;
	width: 100%;
}
.story h2 {
	font-size: 26px;
	margin-bottom: 60px;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
}
.story h3 {
	float: left;
	width: 100%;
	font-size: 29px;
	margin-bottom: 30px;
	font-weight: normal;
}
.story h4 {
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	writing-mode: bt-lr;
	font-size: 40px;
	float: left;
	letter-spacing: 5px;
	line-height: 60px;
}
.story h4 > p {
	font-size: 15px;
	font-family: "Josefin Sans", "微軟正黑體", Calibri;
	font-weight: normal;
	margin-left: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: 3px;
}
.storyAbout {
	margin-bottom: 70px;
	float: left;
	width: 100%;
}
.storyAboutContent {
	float: left;
}
.storyAboutContent img {
	margin: 30px 0;
	width: 100%;
}
/* interview */
.interview-wrap{
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 70px;
}
.interview-wrap>.interview-title{
	float: left;
	width: 100%;
    margin-bottom: 40px;
}
.interview-wrap .interview-box{
	margin: 0 0 20px;
}
.storyInformation {
	margin-bottom: 70px;
	float: left;
	width: 100%;
}
.storyInformationContent {
}
.storyInformationContent02 {
	margin-bottom: 70px;
	float: left;
	width: 100%;
}
.storyInformation {
	margin-bottom: 70px;
	float: left;
	width: 100%;
}
.storyInformationContent {
}
.storyInformationContent02 {
	margin-bottom: 70px;
	float: left;
	width: 100%;
}
.storyInformationContent h3 > p {

	font-size: 15px;
	float: left;
	width: 100%;
	margin: 50px 0
}
.storyInformationContent h3 {
	text-align: left;
	position: relative;
	font-weight: normal;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.storyInformationContent h3:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	content: '';
	display: block;
	width: 140px;
	height: 1px;
	background: #0A3854;
}
.storyInformationContent02 strong {
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 15px;

}
.storyInformationContent02 iframe {
	width: 80%;

	height: 400px;
	border: 1px solid #ccc;
}
.storyInformationContent02 ul {
	float: left;
}
.storyInformationContent02 ul li {
	float: left;
	line-height: 40px;
	margin-bottom: 10px;
}
.storyInformationContent02 ul li h6 {
	font-weight: bold;
	font-size: 19px;
}
.storyInformationContent02 ul li h5 {
	font-weight: bold;
	text-decoration: underline
}
.storyInformationContent02 ul li p {
	float: left;
	margin-left: 10px;
	margin-bottom: 0px;
}
.storyInformationContent02 ul li span {
	float: left;
}
.storyInformationContent02 ul li span:after {
	content: " : "
}
.storyInformationContent02 ul li span:before {
	content: "√ "
}
.storyInformationContent02 ul li input {
	float: left;
	margin-left: 10px;
	line-height: 25px;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin-top: 5px;
	width: 60;
	height:25px;
}
.storyInformationContent02 ul li input:hover {
	background: #f2f2f2;
}
.storyInformationContent02 ul li.button {
	text-align: center !important;
	position: relative;
}
.storyInformationContent02 ul li.time input {
	width: 15px;
	margin-top: 10px;
}
.storyInformationContent02 ul li.people input {
	width: 150px;
}
.storyInformationContent02 ul li.code input {
	width: 150px;
}
.storyInformationContent02 ul li.code img {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.storyInformationContent02 ul li.button input {
	width: 120px;
	line-height: 45px !important;
	background: #0A3854;
	color: #fff;
	float: none;
	margin-top: 40px;
}
.storyInformationContent02 ul li.button input:hover {
	background: #fff !important;
	color: #0A3854;
}
/* edible */
.edible-wrap{
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px 0 80px;
}
/* tabs */
.tabs-wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.tabs-wrap::after {
    content: '';
    clear: both;
    display: block;
}
.tab-list {  
    float: left;
	width: 100%;
	padding: 0 0 20px;
	display: -webkit-inline-flex;
    display: inline-flex;
    justify-content:center;
    -moz-box-align: start;
    -ms-flex-align: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
	flex-wrap: wrap;
}
.tab {
	float: left;
	max-width: 150px;
	width: 100%;
/*	line-height: 20px;*/
	text-align: center;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
    padding: 0px 10px;
	color: rgb(255, 255, 255);
    font-weight: normal;
	background:#999999;
	margin-right: 10px;
	margin-bottom: 10px;
}

.tab.active {
    color: rgb(255, 255, 255);
    background: #212121;
}
.tab-content-wrap{
    float: left;
    width: 100%;
    height: auto;
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content:center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;

}
.tabs-wrap .tab-content-wrap{
	padding-right: 0;
	padding-left: 0;
}
.tab-content {
	width: 100%;
	background: rgba(249,249,249,1);
	display: none;
	padding: 25px;
    color: #4a5666;
    position: relative;
}
.tab-content-inn{
    float: left;
    width: 100%;
    height: auto;
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content:flex-start;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.show {
	display: block;
}
.teach-wrap{
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.teach-cont{
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.teach-box{
	float: left;
	width: 100%;
	height: auto;
}
.teach-list{
	float: left;
	width: 100%;
	height: auto;
	padding: 15px 0;
	border-bottom: 1px solid #DECDBB;
	margin-bottom: 25px;
}
.teach-next{
	float: left;
	width: 100%;
	height: auto;
}
.cd-pagination{
	display: -webkit-inline-flex;
    display: inline-flex;
    justify-content:center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.t-info>span{
	margin-bottom: 5px;
	color: #0f0f0f;
	font-size: 15px;
}
.t-info .t-name{
	color: #C60;
	font-size: 18px;
	font-weight: bold;
}
.material-info,
.material-info p{
	font-size: 15px;
	color: #485d77;
}
.material-info a{
	color: #cc7e30;
	transition: all 0.3s ease;
}
.material-info a:hover{
	color: #945a21;
	transition: all 0.3s ease;
}
.edible-tit{
	float: left;
	width: 100%;
	height: auto;
}
.edible-tit h1 {
    width: 100%;
    font-family: "Josefin Sans", "微軟正黑體", Calibri;
    color: #212121;
    font-size: 29px;
    font-weight: normal;
    margin-bottom: 15px;
    letter-spacing: 3px;
    margin-top: 100px;
    float: left;
    text-align: center;
    margin-bottom: 80px;
    text-transform: uppercase;
    line-height: 40px;
}
.edible-tit h1 > span {
    font-size: 15px;
    color: #666;
    margin-top: 15px;
}

 /**
 * media queries
 -----------------------------*/
@media screen and (min-width: 1600px) {
.ProductsContent {
}
.PageContent {
	margin-top: 10%;
}
.PageLeft h1 {
	margin-bottom: 50px;
}
.PageRight {
	overflow: hidden;
}
}
@media screen and (min-width: 1501px) and (max-width: 1800px) {
.productsContent h1 {
	padding-bottom: 110px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
.PageRight img {
/*	width: 160%;*/
}
.productsLeft {
	width: 60%;
}
.productsLeftContent {
	width: 60% !important;
}
.productsLeftContent01 {
	width: 90%;
}
.productsContent h1 {
	width: 40%;
	padding-bottom: 120px;
	padding-top: 70px;
}
.productsRightContent {
	width: 40% !important;
	z-index: 99;
}
}
@media screen (max-width: 1500px){
	.productsContent h1{width:60%}
	.productsContent h1 p{width:100%}
}
@media screen and (min-width: 1301px) and (max-width: 1500px) {
.IndexVideo {
	height: 650px;
}
.IndexVideo video {
	margin-top: -20px;
	height: 670px !important;
}
}
@media screen and (min-width: 1301px) and (max-width: 1400px) {
.IndexVideo {
	height: 600px;
}
.IndexVideo video {
	margin-top: -20px;
	height: 650px !important;
}
}
@media screen and (min-width: 1191px) and (max-width: 1300px) {
.IndexVideo {
	height: 600px;
}
.IndexVideo video {
	margin-top: -35px;
	height: 650px !important;
}
.productsContent h1 {
	padding-bottom: 50px;
}
.productsContent h1:after {
	content: " ";
}
.IndexVideo {
	height: 580px;
}
.productsContent h1 p{width:100%}
}
@media screen and (max-width: 1200px) {
	.productsContent h1 {
	padding-top: 100px;
}
#tabs, #tabs2, #tabs3, #tabs4, #tabs5 {
	min-height: 800px;}

}
@media screen and (max-width: 1200px){
	.productsContent h1 p{width:100%}
}
}

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

.Indexoriginal ul li p {
	height: 120px;
}
.productsLeftContent01 {
	margin-top: 20px;
}
.productsLeftContent01 p > strong {
	margin-top: 10px;
	float: left;
	text-align: center;
	width: 100%;
}
.productsLeftContent01 p > img {
	max-width: 100%;
}
.IndexVideo {
	height: 450px;
}
.productsContent h1:after {
	content: " ";
}
.productsLeftContent01 {
	width: 90%;
}
/*.productsContent h1 {
	padding-bottom: 50px;
}*/
.productsLeftContent01 img {
	max-width: 180px;
}
.productsLeftContent01 h2 {
	margin-top: 15px;
	margin-bottom: 25px
}
.ProductsLeft {
	width: 100%;
}
#tabs_container ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}
#tabs_container ul li img {
	max-width: 50%;
	margin-left: 30px;
}
#tabs_container ul li h2 {
	color: #333;
	font-size: 19px;
	font-weight: normal;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
#tabs_container ul li p {
}
#tabs_container ul li ul {
	width: 96%;
	margin-top: 0;
	margin: 0 auto;
	float: none;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#tabs_container ul li ul li {
	padding: 0;
	float: left;
	width: auto;
}
#tabs_container ul li ul li.productsDetailLeft {
	width: 30%;
	position: relative;
	float: left;
}
#tabs_container ul li ul li.productsDetailRight {
	width: 60%;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.IndexVideo {
	height: 450px;
}
.IndexVideo video {
	margin-top: -100px;
	height: 650px !important;
}

.com_nav ul li a {
	font-size: 15px;
}
.PageContent {
	padding: 0 15px;
	padding-left: 15px !important;
}
.IndexProduct ul {
	left: -6.5%;
	width: 117%;
}
.PageRight img {
/*	width: 140%; */
}
.PageRight02 img {
	width: 120% !important;
}
.IndexQualityContent {
	width: 30%;
}
img.IndexBottomImg {
	width: 150%;
}
.logo {
	text-align: center;
	width: 15%;
}
.logo img {
	max-width: 70%;
}
.AboutContent {
	margin-top: 50px !important;
}
.productsRightContent {
	min-height:1000px;
}
}
@media screen and (max-width: 1199px) {
.productsLeftContent01 h2 {
	float: none;
	text-align: center !important;
	margin: 30px auto;
}
.productsLeftContent01 h2 span {
	text-align: center !important;
}
.productsLeftContent01 {
	text-align: center;
}
.productsLeftContent01 img {
}
.productsRightContent ul li .productsRightImg {
	height: 150px;
	line-height: 150px;
}
}
@media screen and (max-width: 990px) {
.IndexVideoImg {
	position: absolute;
	background: rgba(0,0,0,.3);
	width: 100%;
	height: 1000px;
	overflow: hidden;
}
/*.IndexVideo video {
    z-index:3;
}*/
.IndexVideo {
	z-index:90 !important;
}
IndexVideo video {
	margin-top: -40px;
	height: 455px !important;
}
.IndexVideo {
	height: 350px;
}
.story h2 {
	margin-bottom: 20px;
}
.story h3 {
	text-align: center;
	margin-bottom: 50px;
}
.Indexoriginal ul li p {
	height: 100px;
}
.IndexVideo {
	height: 350px;
}
/* ----- 下面 ----- */
.productsLeft {
	width: 100%;
}
.productsLeft h1 {
	padding: 100px 0
}
#products01 {
	float: left;
	width: 100%;
}
.productsLeftContent {
	width: 100% !important;
	padding-bottom: 150px;
}
.productsLeftContent01 .row {
	margin: 0
}
.productsLeftContent01 > div {
	width: 100% !important;
}
.productsContentIcon {
	font-size: 12px;
	text-align: center;
	margin-top: 80px;
	padding-bottom: 8px;
	color: #999
}
.productsContent h1 {
	position: relative;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 0px;
	line-height: 45px;
}
.resp-tabs-container {
	background-color: #fff !important;
	padding-top: 335px !important;
}
.resp-tab-content {
	background-color: #fff !important;
}
h2.resp-accordion {
	background: #fff !important;
}
.productsLeftContent01 img {
	max-width: 150px;
}
.productsLeftContent01 {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 60px;
	width: 100%;
}
/*頁面*/

.copyrightLeft {
	text-align: center;
	margin-bottom: 50px;
}
.PageContent {
	padding-left: 15px;
}
.IndexAbout h1 {
	width: 100%;

	float: left;
	line-height: 30px;

	margin-left: 50px;
	text-align: center;
	margin-bottom: 40px;
}
.IndexAbout p {
	line-height: 35px;
	margin-left: 30px;
}
.IndexProduct {
	padding: 50px 0;
}
.IndexProduct ul {
	left: 0;
	padding-left: 0;
	width: 100%;
}
.IndexProduct ul li {
	width: 25%;
	margin-bottom: 20px;
}
.IndexProductImg img {
	width: 180%;
}
.Indexoriginal {
	padding: 0 15px;
	padding-top: 50px;
}
.Indexoriginal ul li {
	float: left;
	width: 50%;
	position: relative;
	margin-bottom: 60px;
}
.IndexNews {

	padding: 100px 0 50px 0;
}
.IndexNews h1 {
	width: 4%;
	margin: 0 48%;
	position: relative;
	left: -20px;
	margin-bottom: 40px;
}
.IndexNews ul {
	width: 100%;
}
.IndexNews ul li {
	float: left;
	margin-top: 14px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
	width: 100%;
}
.IndexNews ul li a {
	color: #666
}
.IndexNews ul li span {
	width: 100%;
	margin-bottom: 5px;
	margin-right: 1px;
}
.IndexNews ul li p {
	width: 100%;
}
.IndexNewsMore {
	width: 100%;
	margin-left: 0%;
	text-align: center
}
.IndexNewsMore a {
	float: none;
	padding: 30px 15px;
}
.IndexQualityContent {
	width: 60%;
}
.IndexQualityImg02 {
	right: -5%;
}
.IndexQualityImg {
	width: 90%;
	float: right;
	overflow: hidden;
}
.IndexQualityImg img {
	width: 150%;
	float: right;
}
img.IndexBottomImg {
	width: 180%;
	margin-left: -150px;
}
.IndexBottomContent {
	top: 20px;
}
.PageContent {
	float: left;
	width: 100% !important;
	margin: 70px 0;
	padding: 0 15px;
}
.QA img {
	width: 100%;
}
.newsLeft {
	margin-bottom: 150px;
}
.storyTopLeft {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10%;
}
.storyTopRight {
	float: left;
	width: 100%;
}
.storyInformationContent02 iframe {
	height: 300px;
	width: 100%;
}
}
@media screen and (max-width: 650px) {
.storyInformationContent02 ul li.people input {
	width: 80%;
}
.storyInformationContent02 ul li {
	width: 100%;
}
.storyInformationContent02 ul li input {
	width: 80%;
}
.storyInformationContent02 ul li span {
	width: 100%;
	float: left;
}
.Indexoriginal ul li p {
	height: 140px;
}
.bannerLogo img {
	max-width: 20%;
	margin: 40px 0
}
.IndexProduct ul li {
	width: 50%;
}
.copyrightLeft {
	text-align: center;
	margin-bottom: 40px;
}
.copyRight02 {
	text-align: center;
}
.IndexAbout {
	padding: 30px 0
}
.IndexAbout h1 {
	width: 100%;
	float: left;
	line-height: 30px;
	margin-left: 0px;
	text-align: center;
	margin-bottom: 40px;
}
.IndexAbout p {
	margin-left: 0px;
	position: relative;
	margin-bottom: 40px;
	width: 100%;
	float: left;
	-webkit-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;

}
.IndexProductImg {
	text-align: right;
}
.IndexProductImg img {
	width: 300%;
}
.IndexQualityImg {
	width: 100%;
}
.IndexQualityImg img {
	width: 100%;
}
.IndexQualityContent {
	position: relative;
	float: left;
	background: none;
	width: 100%;
}
.IndexQualityImg02 {
	position: absolute;
	top: -50px;
	right: 0%;
}
img.IndexBottomImg {
	position: relative;
	width: 150%;
}
.IndexBottom {
	padding-bottom: 40px;
}
.IndexBottomContent {
	position: relative;
	margin: 0 auto;
	width: 276px;
	float: none;
}
.IndexTel {
	background: #FEFAF6;
}
.contact ul li p {
	width: 15%;
}
.newsLeft {
	text-align: center;
}
.newsLeft img {
	position: relative;
	margin: 0 auto;
	float: none;
	margin-top: 20px;
}
.storyInformationContent02 iframe {
	height: 200px;
}
/*產品*/
#tabs_container ul li {
}
#tabs_container ul li ul li {
	margin-bottom: 20px;
}
#tabs_container ul li img {
	max-width: 20%;
	margin-top: 0px;
	margin-left: 0px;
}
#tabs_container ul li ul li.productsDetailLeft {
	width: 100%;
}
#tabs_container ul li ul li.productsDetailRight {
	width: 100%;
}
}
@media screen and (max-width: 800px) {
.IndexVideo video {
	margin-top: -40px;
	height: 430px !important;
}
.IndexVideo {
	height: 350px;
}
}
@media screen and (max-width: 700px) {
.IndexVideo video {
	margin-top: -40px;
	height: 370px !important;
}
.IndexVideo {
	height: 290px;
}
}
@media screen and (max-width: 500px) {
.IndexVideo video {
	margin-top: -40px;
	height: 300px !important;
}
.IndexVideo {
	height: 220px;
}
}
@media screen and (max-width: 400px) {
.IndexVideo video {
	height: 280px !important;
}
.IndexVideo {
	height: 200px !important;
}
}
@media screen and (max-width: 360px) {
.IndexVideo video {
	height: 250px !important
}
.IndexVideo {
	height: 170px !important;
}
}

@media screen and (max-width: 320px) {
.IndexVideo video {
	height: 200px !important
}
.IndexVideo {
	height: 140px !important;
}
}
@media screen and (max-width: 310px) {
.IndexVideo {
	height: 120px !important;
}
}