/* Generated by Glyphter on  Wed Sep 14 2016*/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/glyphter.eot');
    src: url('../fonts/glyphter.eot') format('embedded-opentype'),
         url('../fonts/glyphter.woff') format('woff'),
         url('../fonts/glyphter.ttf') format('truetype'),
         url('../fonts/glyphter.svg#glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-close:before{content:'\0041';}
/************************************ FONTS ************************************/
.nowrap {
	overflow:hidden;
}
.chi h1, .chi h2, .chi h3, .chi h4, .chi h5 {
	font-weight:800 !important;
	letter-spacing:5px;
}
.wrapper {
	position:relative;
	width:100%;
	clear:both;
}
.blank-layer {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.section-title {
	position:relative;
	width:100%;
	text-align:center;
	padding:60px 0px;
	clear:both;
}
.section-title h1{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:35px;
	color:#ed1c24;
	text-transform:uppercase;
	letter-spacing:1px;
}
.section-title p{
	font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
    line-height: 27px;
    margin: 0px auto;
}
.chi .section-title h1{
	letter-spacing:4px;
}
.chi .section-title h2{
	letter-spacing:4px;
}
.pattern {
	background-image:url(../images/pattern.jpg);
	padding:60px 0px;
}
.text-center {
	text-align:center;
}
.text-center p{
	width:80%;
}
.content {
	position:relative;
	width:100%;
	margin-bottom:25px;
	display:inline-block;
	clear:both;
}
.content .holder{
	position:relative;
	width:98%;
	max-width:1050px;
	margin:0px auto;
	font-size:0px;
}
.content .holder h1{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:700;
	color:#ed1c24;
	/*text-transform:uppercase;*/
	letter-spacing:1px;
	margin-bottom:15px;
}
.content .holder h2{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ed1c24;
	/*text-transform:uppercase;*/
	margin-bottom:20px;
	letter-spacing:1px;
}
.chi .content .holder h1,
.chi .content .holder h2{
	letter-spacing:4px;
}
.content .holder p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	line-height:27px;
	margin:0px auto;
	margin-bottom:25px;
}
.content .holder table{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	line-height:27px;
	margin-bottom:25px;
}
.content .holder ol,
.content .holder ul{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	line-height:27px;
	margin-left:15px;
}
.content .holder ol li,
.content .holder ul li{
	margin-bottom:20px;
}
.content .holder a{
	color:#ed1c24;
	text-decoration:underline;
}
.content .holder a:hover{
	text-decoration:none;
}
.content .holder2{
	position:relative;
	width:98%;
	max-width:920px;
	margin:0px auto;
	font-size:0px;
}
.content .holder2 .back{
	border-bottom:solid 1px #d1d1d1;
	padding-bottom:10px;
	margin-bottom:30px;
}
.article {
	position:relative;
	width:85%;
	float:right;
}
.article h1{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:700;
	color:#000;
	margin-bottom:30px;
	display:inline-block;
	width:90%;
	letter-spacing:1px;
	line-height:26px;
}
.chi .article h1 {
	letter-spacing:4px;
}
.article p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:22px;
	margin-bottom:30px;
}
.article table{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:22px;
	margin-bottom:30px;
}
.holder2 .date{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	margin:0px;
	line-height:22px;
	width:15%;
	float:left;
}
.article .pdf{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	color:#ed1c24;
	border:solid 1px #ed1c24;
	line-height:22px;
	padding:0px 10px;
	display:inline-block;
	border-radius:12px;
	float:right;
}
.article .pdf span{
	display:inline-block;
	background-image:url(../images/download.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
}
.article .banner{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
	clear:both;
}
.article .banner .slider {
	position:relative;
	width:100%;
	min-width:100%;
	top:0px;
	left:0px;
	clear:both;
}
.article .banner .slider a{
	position:relative;
	width:100%;
	overflow:hidden;
	display:inline-block;
	clear:both;
}
.article .banner .slider a img{
	position:relative;
	width:100%;
	left:0px;
}
.article .banner .prev{
	position:absolute;
	top:0px;
	left:0px;
	width:56px;
	height:100%;
	background-image:url(../images/prev-01.png);
	background-position:center;
	background-repeat:no-repeat;
}
.article .banner .next{
	position:absolute;
	top:0px;
	right:0px;
	width:56px;
	height:100%;
	background-image:url(../images/next-01.png);
	background-position:center;
	background-repeat:no-repeat;
}
.article .banner .thu-holder {
	position:absolute;
	width:100%;
	bottom:10px;
	left:0px;
	text-align:center;
}
.article .banner .thu-holder a{
	width:10px;
	height:10px;
	display:inline-block;
	margin:0px 5px;
	background-color:#FFF;
	border-radius:50% 50%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.article .banner .thu-holder a:hover,
.article .banner .thu-holder a.on{
	background-color:#ed1c24;
}
.article>p.date {
	display:none;
}
.article table img {
	width:80%;
}
.content .holder2 .article-nav{
	position:relative;
	border-top:solid 1px #d1d1d1;
	padding-top:30px;
	margin-bottom:50px;
	text-align:center;
	clear:both;
}
.content .holder2 .article-nav a{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#7f7f7f;
	display:inline-block;
	padding:10px 20px;
	border:solid 1px #d1d1d1;
	border-radius:18px;
	margin:0px 20px;
}
.content .holder2 .article-nav a.prev span{
	background-image:url(../images/arrow-l-04.png);
	background-position:center left;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:20px;
}
.content .holder2 .article-nav a.next span{
	background-image:url(../images/arrow-r-04.png);
	background-position:center right;
	background-repeat:no-repeat;
	display:inline-block;
	padding-right:20px;
}
.sub-section {
	position:relative;
	width:98%;
	max-width:1050px;
	margin:0px auto;
	margin-bottom:40px;
	text-align:center;
	font-size:0px;
}
.sub-section a{
	position:relative;
	width:31%;
	display:inline-block;
	color:#000;
	margin:0px 1%;
	text-align:left;
}
.sub-section a img{
	width:100%;
}
.sub-section a p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 3px;
	background-image:url(../images/arrow-r-02.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
}
.back {
	position:relative;
	margin-bottom:25px;
}
.content .back a {
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:700;
	color:#000;
	text-transform:uppercase;
	background-image:url(../images/arrow-l-02.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
	text-decoration:none;
}
.content .back a:hover {
	text-decoration:underline;
}
.left {
	position:relative;
	width:20%;
	margin-right:5%;
	display:inline-block;
	vertical-align:top;
	border-top:solid 1px #d1d1d1;
}
.content .left.certificate a{
	padding:10px 0px;
	font-size:16px;
	letter-spacing:1px;
}
p.selected{
	display:none;
}
.content .left a{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:700;
	color:#838383;
	display:block;
	border-bottom:solid 1px #d1d1d1;
	padding:15px 0px;
	background-image:url(../images/arrow-r-01.png);
	background-position:95% 50%;
	background-repeat:no-repeat;
	text-decoration:none;
}
.content .left a:hover, .left a.on{
	color:#ed1c24;
	background-image:url(../images/arrow-r-03.png);
}
.right {
	position:relative;
	width:75%;
	display:inline-block;
	vertical-align:top;
}
.right .block{
	position:relative;
	width:70%;
	background-color:#FFF;
	margin:0 auto;
	padding:50px;
	border-radius:20px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	clear:both;
	display:none;
}
hr {
	border:none;
	border-bottom:solid 1px #d1d1d1;
	margin-bottom:20px;
}
/************************************ MAIN ************************************/
.main-banner {
	position:relative;
	width:100%;
	overflow:hidden;
	font-size:0px;
	margin-bottom:30px;
	clear:both;
}
.main-banner .slider {
	position:relative;
	width:100%;
	top:0px;
	left:0px;
	clear:both;
}
.main-banner .slider a{
	position:relative;
	width:100%;
	overflow:hidden;
	display:inline-block;
	clear:both;
}
.main-banner .slider a img.desktop{
	position:relative;
	left:0px;
}
.main-banner .slider a img.mobile{
	display:none;
}
.main-banner .prev{
	position:absolute;
	top:50%;
	margin-top:-32px;
	left:0px;
	width:56px;
	height:64px;
	background-image:url(../images/prev-01.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#ffffff4d;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
}
.main-banner .next{
	position:absolute;
	top:50%;
	margin-top:-32px;
	right:0px;
	width:56px;
	height:64px;
	background-image:url(../images/next-01.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#ffffff4d;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
}
.main-banner .thu-holder {
	position:absolute;
	width:100%;
	bottom:10px;
	left:0px;
	text-align:center;
}
.main-banner .thu-holder a{
	width:10px;
	height:10px;
	display:inline-block;
	margin:0px 5px;
	background-color:#FFF;
	border-radius:50% 50%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.main-banner .thu-holder a:hover,
.main-banner .thu-holder a.on{
	background-color:#ed1c24;
}
.brand-icon-main {
	position:relative;
	width:98%;
	max-width:1050px;
	margin:0 auto;
	margin-bottom:40px;
	padding-bottom:30px;
	font-size:0px;
	text-align:left;
	border-bottom:solid 1px #d6d6d6;
	clear:both;
}
.brand-icon-main a{
	border:solid 1px #d6d6d6;
	display:inline-block;
	margin:3px;
}
.main-row {
	position:relative;
	width:98%;
	max-width:1050px;
	margin:0 auto;
	margin-bottom:40px;
	padding-bottom:30px;
	font-size:0px;
	clear:both;
}
.promotion-main {
	position:relative;
	width:55%;
	display:inline-block;
	/*border-right:solid 1px #d6d6d6;*/
	padding-bottom:35px;
	vertical-align:top;
}
.promotion-main h2{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:700;
	color:#ed1c24;
	/*text-transform:uppercase;*/
	margin-bottom:25px;
	letter-spacing:1px;
}
.chi .promotion-main h2 {
	letter-spacing:4px;
}
.promotion-main .banner-holder {
	position:relative;
	margin-right:30px;
	background-image:url(../images/pattern.jpg);
	clear:both;
}
.promotion-main .banner {
	position:relative;
	width:100%;
	font-size:0px;
	margin:0 auto;
	clear:both;
}
.promotion-main .banner .slider {
	position:relative;
	width:100%;
	top:0px;
	left:0px;
	clear:both;
}
.promotion-main .banner .slider a{
	position:relative;
	width:100%;
	overflow:hidden;
	display:inline-block;
	clear:both;
}
.promotion-main .banner .slider a img{
	position:relative;
	width:100%;
}
.promotion-main .banner .prev{
	position:absolute;
	top:0px;
	left:0px;
	width:6%;
	height:100%;
	background-image:url(../images/prev-01.png);
	background-position:center;
	background-repeat:no-repeat;
}
.promotion-main .banner .next{
	position:absolute;
	top:0px;
	right:0px;
	width:6%;
	height:100%;
	background-image:url(../images/next-01.png);
	background-position:center;
	background-repeat:no-repeat;
}
.promotion-main .banner .thu-holder {
	position:absolute;
	width:100%;
	bottom:-30px;
	left:0px;
	text-align:right;
}
.promotion-main .banner .thu-holder a{
	width:10px;
	height:10px;
	display:inline-block;
	margin:0px 5px;
	background-color:#e3e3e3;
	border-radius:50% 50%;
}
.promotion-main .banner .thu-holder a:hover,
.promotion-main .banner .thu-holder a.on{
	background-color:#ed1c24;
}
.promotion-main .mask {
	position:relative;
	width:88%;
	margin:0 auto;
	overflow:hidden;
}
.promotion-main p {
	position:absolute;
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
	bottom:-30px;
	left:0px;
}
.press-main {
	position:relative;
	width:45%;
	display:inline-block;
	border-left:solid 1px #d6d6d6;
	vertical-align:top;
	margin-left:-1px;
}
.press-main .holder{
	position:relative;
	margin-left:30px;
	clear:both;
}
.press-main h2{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:700;
	color:#ed1c24;
	/*text-transform:uppercase;*/
	margin-bottom:25px;
	letter-spacing:1px;
}
.chi .press-main h1{
	letter-spacing:4px;
}
.press-main .holder .scrollpane {
	position:relative;
	width:100%;
	height:265px;
	overflow:auto;
}
.press-main .holder a{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top:solid 1px #d1d1d1;
	border-bottom:solid 1px #d1d1d1;
	padding:15px 0px;
	color:#000;
	display:inline-block;
	width:95%;
	margin-bottom:-1px;
}
.press-main .holder a:hover{
	color:#ed1c24;
}
.press-main .holder a span{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	display:inline-block;
	vertical-align:top;
	line-height:24px;
	text-transform:uppercase;
	width:24%;
}
.chi .press-main .holder a span {
	width:27%;
}
.press-main .holder a p{
	display:inline-block;
	line-height:normal;
	vertical-align:top;
	line-height:20px;
	width:70%;
}
.related-row {
	position:relative;
	width:98%;
	max-width:1050px;
	margin:0 auto;
	padding-bottom:30px;
	font-size:0px;
	clear:both;
}
.related-row a{
	position:relative;
	width:25%;
	display:inline-block;
	text-align:center;
	margin:0px 3px;
}
.related-row a img{
	width:100%;
}
/************************************ ABOUT ************************************/
img.about-main{
	width:40%;
	margin-right:5%;
	margin-bottom:5%;
}
.news-row {
	position:relative;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #d1d1d1;
}
.block>div:last-child{
	border-bottom:none;
}
.news-row .txt{
	position:relative;
	width:40%;
	margin-right:10%;
	display:inline-block;
	vertical-align:top;
}
.news-row .txt h1{
	font-size:30px;
	line-height:28px;
	margin-bottom:5px;
	letter-spacing:2px;
}
.news-row .txt p{
	font-size:14px;
	line-height:20px;
	margin:0px;
}
.news-row>img{
	position:relative;
	width:50%;
	display:inline-block;
	vertical-align:top;
}
.certificate a {
	font-size:12px;
}
.certificate-row {
	position:relative;
	clear:both;
}
.certificate-row>img{
	position:relative;
	width:55%;
	display:inline-block;
	vertical-align:middle;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
}
.certificate-row .txt{
	position:relative;
	width:40%;
	margin-left:5%;
	display:inline-block;
	vertical-align:middle;
	margin-bottom:30px;
}
.certificate-row .txt h1{
	margin-bottom:20px;
	line-height:30px;
	letter-spacing:1px;
}
.certificate-row .txt p{
	font-size:14px;
	line-height:20px;
	margin:0px;
	margin-bottom:18px;
}
/************************************ PRODUCT ************************************/
.category {
	position:relative;
	font-size:0px;
	text-align:center;
	margin-bottom:30px;
}
.category hr{
	width:98%;
	max-width:1050px;
	margin:0px auto;
	margin-top:30px;
	border:none;
	border-bottom:solid 1px #c3c2c2;
}
.content .category a{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:700;
	color:#838282;
	text-transform:uppercase;
	display:inline-block;
	border-left:solid 1px #c3c2c2;
	border-right:solid 1px #c3c2c2;
	margin-right:-1px;
	width:33.2%;
	background-image:url(../images/arrow-d-02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:15px;
	text-decoration:none;
	letter-spacing:1px;
}
.chi .content .category a {
	letter-spacing:4px;
}
.category a:hover, 
.category a.on{
	color:#ed1c24;
	background-image:url(../images/arrow-d-01.png);
}
.search-box {
	position:absolute;
	top:-105px;
	right:0px;
}
.search-box input{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7f7f7f;
	border:solid 1px #d3d3d3;
	background-color:#FFF;
	display:inline-block;
	vertical-align:middle;
	padding:8px 20px;
}
.search-box input.field{
	line-height:18px;
	border-right:none;
	border-radius:20px 0px 0px 20px;
}
.search-box input.btn{
	border-left:none;
	border-radius:0px 20px 20px 0px;
}
.product-list {
	position:relative;
	width:100%;
	margin-left:-5px;
	text-align:left;
	clear:both;
}
.content .product-list>a{
	position:relative;
	width:33.3%;
	margin:10px 5px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	text-decoration:none;
}
.content .product-list>a:hover p{
	color:#ed1c24;
}
.product-list>a img{
	width:100%;
}
.content .holder .product-list>a p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	background-image:url(../images/arrow-r-02.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
}
.product-list2 {
	position:relative;
	width:100%;
	text-align:left;
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:solid 1px #c3c2c2;
	margin-left:-5px;
	clear:both;
}
.content .holder .product-list2:last-child {
	border-bottom:none;
}
.content .product-list2>a{
	position:relative;
	width:23%;
	margin:10px 5px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	text-decoration:none;
}
.product-list2>a img{
	width:100%;
	border:solid 1px #c3c2c2;
}
.product-list2>a img.over{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.content .product-list2>a:hover p{
	color:#ed1c24;
}
.content .holder .product-list2>a p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	background-image:url(../images/arrow-r-02.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding-left:15px;
	line-height:normal;
	margin-top:5px;
}
.sub1 {
	position:relative;
	width:100%;
	padding:10px 0px;
	margin-top:10px;
	text-align:right;
	display:none;
	clear:both;
}
.sub1 .holder>a{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:700;
	color:#838282;
	text-transform:uppercase;
	display:inline-block;
	border-left:solid 1px #c3c2c2;
	border-right:solid 1px #c3c2c2;
	margin-right:-1px;
	width:16.5%;
	background-image:url(../images/arrow-d-02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:15px;
	text-align:center;
}
.sub1 .holder>a:hover, 
.sub1 .holder>a.on{
	color:#ed1c24;
	background-image:url(../images/arrow-d-01.png);
}
.sub2 {
	position:relative;
	width:100%;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:solid 1px #c3c2c2;
	clear:both;
}
.content .sub2 a{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#838282;
	text-transform:uppercase;
	display:inline-block;
	border-left:solid 1px #c3c2c2;
	border-right:solid 1px #c3c2c2;
	margin-right:-1px;
	width:24.9%;
	background-image:url(../images/arrow-d-02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:15px;
	text-align:center;
	text-decoration:none;
}
.sub2 a:hover{
	color:#ed1c24;
	background-image:url(../images/arrow-d-01.png);
}
img.new {
	position:absolute;
	top:5px;
	left:5px;
	width:auto !important;
	border:none !important;
}
.inner-banner {
	position:relative;
	width:100%;
	padding:0px;
	margin-bottom:55px;
}
.inner-banner .holder{
	width:98%;
	max-width:1050px;
	margin:0px auto;
}
.inner-banner .holder .desktop{
	width:100%;display:block;
}
.inner-banner .holder .mobile{
	width:100%;display:none;
}
.back2 {
	position:relative;
	width:98%;
	max-width:1050px;
	margin:0px auto;
	margin-top:60px;
	margin-bottom:10px;
}
.back2 a {
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:700;
	color:#000;
	text-transform:uppercase;
	background-image:url(../images/arrow-l-02.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
}
.info {
	position:relative;
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:solid 1px #c3c2c2;
}
.product-details-1 {
	position:relative;
	width:100%;
	margin-bottom:40px;
	display:inline-block;
	clear:both;
}
.product-details-1 .txt{
	position:relative;
	width:53%;
	margin-right:2%;
	display:inline-block;
	vertical-align:top;
}
.product-details-1 .txt h1{
	font-size:35px;
	margin-bottom:20px;
	line-height:40px;
	letter-spacing:1px;
}
.product-details-1 .txt h3{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000;
	letter-spacing:2px;
	margin-bottom:10px;
	/*text-transform:uppercase;*/
}
.chi .product-details-1 .txt h1,
.chi .product-details-1 .txt h3{
	letter-spacing:4px;
}
.product-details-1 .txt p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0px;
	margin-bottom:20px;
	line-height:22px;
}
.product-details-1 .pack-info {
	position:relative;
}
.product-details-1 .pack-info p{
	font-weight:bold;
	margin:0px;
}
.product-details-1 .pack-info .barcode {
	font-weight:normal;
	border:solid 1px #c9c9c9;
	padding:15px 20px;
	display:inline-block;
	margin-top:20px;
	margin-bottom:20px;
}
.product-details-1 .photo{
	position:relative;
	width:45%;
	display:inline-block;
	vertical-align:top;
	float:right;
}
.product-details-1 .photo>img{
	width:100%;
	border:solid 1px #c3c2c2;
}
.product-details-1 .photo .thu{
	position:relative;
	margin-top:10px;
}
.product-details-1 .photo .thu a{
	position:relative;
	width:68px;
	display:inline-block;
	border:solid 1px #c9c9c9;
	margin-right:10px;
	overflow:hidden;
}
.product-details-1 .photo .thu a .border{
	position:absolute;
	top:-3px;
	left:-3px;
	width:68px;
	height:68px;
	border:solid 3px #c9c9c9;
	margin:0px;
}
.product-details-1 .photo .thu a.on .border{
	top:0px;
	left:0px;
	width:62px;
	height:62px;
}
.product-details-1 .photo .thu a img{
	width:100%;
}
.product-details-2 {
	position:relative;
	width:100%;
	clear:both;
}
.product-details-2 .detail-left{
	position:relative;
	width:50%;
	display:inline-block;
	margin-right:5%;
	vertical-align:top;
	clear:both;
}
.product-details-2 .detail-right{
	position:relative;
	width:45%;
	display:inline-block;
	vertical-align:top;
	clear:both;
}
.product-details-2 .detail-left h1,
.product-details-2 .detail-right h1{
	font-size:19px;
	border-bottom:solid 1px #c9c9c9;
	padding-bottom:5px;
	margin-bottom:15px;
	letter-spacing:1px;
}
.chi .product-details-2 .detail-left h1, 
.chi .product-details-2 .detail-right h1 {
	font-size:18px;
	letter-spacing:4px;
}
.product-details-2 .detail-left h1 span,
.product-details-2 .detail-right h1 span{
	font-size:12px;
	color:#8b8b8b;
	float:right;
	text-transform:none;
}
.product-details-2 .detail-left p,
.product-details-2 .detail-right p{
	font-size:12px;
	line-height:22px;
	margin:0px;
	margin-bottom:25px;
}
.product-details-2 .block{
	position:relative;
	margin-bottom:25px;
}
.product-details-2 table {
	width:100%;
}
.product-details-2 table tr {
	border:solid 1px #c9c9c9;
}
.product-details-2 table tr td{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 10px;
}
.product-details-2 table tr td:first-child{
	min-width:20%;
	font-weight:bold;
}
.product-details-2 .detail-left table tr td p, 
.product-details-2 .detail-right table tr td p{
	margin:0px;
}
.category a.mobile-btn {
	display:none;
}
.hidden-title {
	display:none;
}
.article-nav{
	position:relative;
	padding-top:30px;
	margin-bottom:50px;
	text-align:center;
	clear:both;
}
.content .holder .article-nav a{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#7f7f7f;
	display:inline-block;
	padding:10px 20px;
	border:solid 1px #d1d1d1;
	border-radius:18px;
	margin:0px 20px;
}
.article-nav a.prev span{
	background-image:url(../images/arrow-l-04.png);
	background-position:center left;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:20px;
}
.article-nav a.next span{
	background-image:url(../images/arrow-r-04.png);
	background-position:center right;
	background-repeat:no-repeat;
	display:inline-block;
	padding-right:20px;
}
.catering .content .holder h1 {
	font-size:23px;
}
.catering .sub1 {
	display:block;
}
.related {
	position:relative;
	width:100%;
	border-top:solid 3px #ed1c24;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
}
.related h1{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ed1c24;
	margin-bottom:30px;
	letter-spacing:1px;
	text-transform:uppercase;
}
.chi .related h1{
	letter-spacing:4px;
}
.related .product-list2 {
    position: relative;
    width: 98%;
    max-width: 1060px;
    margin: 0px auto;
    font-size: 0px;
	border-bottom:none;
	padding-bottom:0px;
}
.related .product-list2>a:hover p{
	color:#ed1c24;
}
.related .product-list2>a p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0px;
	margin-top:10px;
	background-image:url(../images/arrow-r-02.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding-left:15px;
}
/************************************ PROMOTION ************************************/
.promotion-row {
	position:relative;
	width:100%;
	border-bottom:solid 1px #d1d1d1;
	padding-bottom:45px;
	margin-bottom:45px;
	display:inline-block;
}
.promotion-row:last-child {
	border-bottom:none;
}
.promotion-row img{
	width:65%;
	display:inline-block;
	vertical-align:top;
}
.promotion-row .txt{
	width:30%;
	display:inline-block;
	vertical-align:top;
	margin-left:5%;
}
.promotion-row .txt h2{
	font-size:20px;
	color:#000;
	margin-bottom:25px;
	letter-spacing:1px;
}
.promotion-row .txt p{
	font-size:12px;
	line-height:22px;
	margin:0px;
	margin-bottom:25px;
}
.promotion-row .txt p.more{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:700;
	color:#ed1c24;
	text-transform:uppercase;
	background-image:url(../images/arrow-r-03.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	text-decoration:none;
	display:inline-block;
	letter-spacing:1px;
}
.chi .promotion-row .txt p.more {
	letter-spacing:3px;
}
/************************************ PRESS ************************************/
.press-left {
	position:relative;
	width:20%;
	display:inline-block;
	vertical-align:top;
	border-top:solid 1px #d1d1d1;
	margin-right:5%;
}
.content .press-left a{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	color:#838383;
	padding:10px 0px;
	border-bottom:solid 1px #d1d1d1;
	display:block;
	background-image:url(../images/arrow-r-01.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
	text-decoration:none;
	line-height:24px;
	letter-spacing:1px;
}
.content .press-left a:hover,
.content .press-left a.on{
	color:#ed1c24;
	background-image:url(../images/arrow-r-03.png);
}
.press-right {
	position:relative;
	width:75%;
	display:inline-block;
	vertical-align:top;
	border-top:solid 1px #d1d1d1;
}
.press-right .press-row{
	padding:10px 0px;
	border-bottom:solid 1px #d1d1d1;
	display:block;
}
.press-right .press-row p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0px;
	line-height:24px;
	display:inline-block;
}
.press-right .press-row p:hover {
	color:#ed1c24;
}
.press-right .press-row p strong{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:top;
	width:120px;
}
.press-right .press-row .pdf{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	color:#ed1c24;
	border:solid 1px #ed1c24;
	line-height:22px;
	padding:0px 10px;
	display:inline-block;
	border-radius:12px;
	float:right;
}
.press-right .press-row .pdf span{
	display:inline-block;
	background-image:url(../images/download.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
}
.press-right .article-nav{
	position:relative;
	padding-top:30px;
	margin-bottom:50px;
	text-align:center;
	clear:both;
}
.press-right .article-nav a{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#7f7f7f;
	display:inline-block;
	padding:10px 20px;
	border:solid 1px #d1d1d1;
	border-radius:18px;
	margin:0px 20px;
}
.press-right .article-nav a.prev span{
	background-image:url(../images/arrow-l-04.png);
	background-position:center left;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:20px;
}
.press-right .article-nav a.next span{
	background-image:url(../images/arrow-r-04.png);
	background-position:center right;
	background-repeat:no-repeat;
	display:inline-block;
	padding-right:20px;
}
/************************************ SAFETY ************************************/
.safety-process {
	position:relative;
	font-size:0px;
	text-align:center;
	margin-bottom:30px;
}
.safety-process a{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:700;
	color:#838282;
	text-transform:uppercase;
	display:inline-block;
	border-left:solid 1px #c3c2c2;
	border-right:solid 1px #c3c2c2;
	margin-right:-1px;
	background-image:url(../images/arrow-d-02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:0px 30px;
	padding-bottom:15px;
	letter-spacing:1px;
}
.chi .safety-process a {
	letter-spacing:4px;
}
.safety-process a:hover, 
.safety-process a.on{
	color:#ed1c24;
	background-image:url(../images/arrow-d-01.png);
}
.safety {
	position:relative;
	padding:30px 0px;
	clear:both;
}
.safety .holder{
	position:relative;
	/*padding:15px 0px;
	background-color:#FFF;
	border-radius:15px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);*/
	display:none;
}
.safety .holder p{
	text-align:center;
	margin-bottom:10px;
}
.safety .holder img{
	width:100%;
	background-color:#FFF;
	border-radius:15px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.10);
	margin:15px 0px;
}
.safety .holder img.mobile{
	display:none;
}
/************************************ CONTACT ************************************/
.contact-info {
	position:relative;
	margin-bottom:30px;
}
.contact-info .txt{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin-right:5%;
}
.contact-info .txt h1{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:20px;
	border-bottom:solid 1px #d4d4d4;
	/*text-transform:uppercase;*/
	padding-bottom:10px;
	margin-bottom:30px;
	letter-spacing:1px;
}
.chi .contact-info .txt h1 {
	letter-spacing:4px;
}
.contact-info .txt p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:24px;
	margin-bottom:25px;
}
.contact-info .txt a{
	color:#ed1c24;
	text-decoration:underline;
}
.contact-info .map{
	position:relative;
	display:inline-block;
	width:45%;
	margin-left:-10px;
}
.contact-info .map iframe{
	padding:5px;
	width:100%;
	height:400px;
	border:solid 1px #d4d4d4;
}
.contact-form {
	position:relative;
	margin-bottom:30px;
}
.contact-form h1{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size:20px;
	border-bottom:solid 1px #d4d4d4;
	/*text-transform:uppercase;*/
	padding-bottom:10px;
	margin-bottom:30px;
	letter-spacing:1px;
}
.chi .contact-form h1 {
	letter-spacing:4px;
}
.contact-form p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:24px;
	margin-bottom:25px;
}
.contact-form sup{
	font-size:100%;
	color:#ed1c24;
	top:0px;
}
.contact-form form{
	position:relative;
	width:80%;
	margin:0 auto;
	clear:both;
}
.contact-form form .row{
	margin-bottom:20px;
}
.contact-form form .row span{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	width:40%;
	display:inline-block;
	margin-right:-2px;
	vertical-align:middle;
}
.contact-form form .row input{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	width:60%;
	display:inline-block;
	border:solid 1px #d4d4d4;
	padding:5px 0px;
	vertical-align:middle;
}
.contact-form form .row>div{
	width:60%;
	display:inline-block;
	vertical-align:top;
	margin-bottom:-20px;
}
.contact-form form .row>div input{
	width:100%;
	margin-bottom:20px;
}
.contact-form form .row select{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	width:60%;
	height:26px;
	display:inline-block;
	border:solid 1px #d4d4d4;
	vertical-align:middle;
	background-color:#FFF;
}
.contact-form form .row textarea{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	width:60%;
	height:150px;
	display:inline-block;
	border:solid 1px #d4d4d4;
	background-color:#FFF;
}
.contact-form form .row .btn{
	background-color:#ed1c24;
	padding:10px 60px;
	display:inline-block;
	border-radius:23px;
	width:auto;
}
.contact-form form .row .btn input{
	font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-weight:700;
	background-color:transparent;
	font-size:17px;
	line-height:17px;
	color:#FFF;
	border:none;
	text-transform:uppercase;
	width:auto;
	background-image:url(../images/arrow-r-05.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	margin:0px;
	letter-spacing:1px;
}
.chi .contact-form form .row .btn input {
	letter-spacing:4px;
}
/************************************ PRIVACY ************************************/
.privacy {
	position:relative;
	clear:both;
}
.content .holder .privacy h1{
	font-size:15px;
	margin-bottom:20px;
	letter-spacing:1px;
}
.chi .content .holder .privacy h1{
	letter-spacing:2px;
}
.content .holder .privacy p{
	font-size:12px;
	line-height:22px;
	margin-top:0px;
	margin-bottom:20px;
}
.content .holder .privacy sup {
	font-size: 100%;
    color: #ed1c24;
    top: 0px;
}
.content .holder .privacy ol,
.content .holder .privacy ul,{
	font-size:12px;
	line-height:22px;
	margin-bottom:20px;
}
.privacy .row{
	padding-top:30px;
	margin-bottom:30px;
	border-top:solid 1px #d4d4d4;
}
.privacy .row2{
	padding-top:30px;
	margin-bottom:30px;
	border-top:solid 1px #d4d4d4;
	border-bottom:solid 1px #d4d4d4;
}
.privacy .row .row-holder {
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	position:relative;
	width:80%;
	margin:0 auto;
	margin-bottom:20px;
}
.privacy .row .row-holder span{
	width:25%;
	display:inline-block;
	vertical-align:top;
}
.privacy .row .row-holder span.right{
	width:60%;
	display:inline-block;
}
.privacy .row .row-holder span.right input{
	width:auto;
}
.privacy .row .row-holder label{
	margin-right:20px;
}
.privacy .row .row-holder label input{
	margin-right:5px;
}
.privacy .row .row-holder p{
	margin-left:25%;
}
.privacy .row .row-holder input{
	font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 60%;
    display: inline-block;
    border: solid 1px #d4d4d4;
    padding: 5px 0px;
    vertical-align: middle;
}
.privacy .row .row-holder select{
	font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
    height: 26px;
    display: inline-block;
    border: solid 1px #d4d4d4;
    vertical-align: middle;
    background-color: #FFF;
}
.privacy .row .row-holder .width-33{
	width:32.9% !important;
}
.privacy .row .row-holder .width-100{
	width:100% !important;
	margin-bottom:20px;
}
.privacy .row .row-holder .width-100:last-child{
	margin-bottom:0px;
}
.privacy .row .btn{
	background-color: #ed1c24;
    padding: 10px 60px;
    display: inline-block;
    border-radius: 23px;
    width: auto;
}
.privacy .row .btn input{
	font-family: 'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
    font-weight: 700;
    background-color: transparent;
    font-size: 17px;
    color: #FFF;
    border: none;
    text-transform: uppercase;
    width: auto;
    background-image: url(../images/arrow-r-05.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    margin: 0px;
    letter-spacing: 1px;
}
/************************************ MEMBER LOGIN ************************************/
.member-login {
	position:fixed;
	top:0px;
	left:0px;
	background-color:rgba(139,138,138,0.6);
	width:100%;
	height:100%;
	z-index:100;
	display:none;
}
.member-login .pop-up {
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	max-width:730px;
	opacity:0;
}
.member-login .pop-up .close{
	font-family:'Glyphter', Arial, Helvetica, sans-serif;
	font-size:20px;
	position:absolute;
	top:20px;
	right:20px;
	width:21px;
	height:21px;
	cursor:pointer;
}
.member-login .pop-up .txt{
	position:relative;
	margin:60px 100px;
	display:block;
	text-align:center;
	clear:both;
}
.member-login .pop-up h1{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:27px;
	color:#FFF;
	margin-bottom:15px;
	letter-spacing:normal;
}
.member-login .pop-up .row-holder{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	line-height:22px;
	margin-bottom:20px;
	max-height:200px;
	text-align:left;
	overflow:hidden;
}
.member-login .pop-up .row-holder span{
	width:15%;
	display:inline-block;
}
.member-login .pop-up .row-holder input{
	width:70%;
	padding:10px 5px;
	display:inline-block;
	border:none;
}
.member-login .pop-up .row-holder a{
	color:#FFF;
	display:inline-block;
	background-image:url(../images/arrow-r-06.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:10px;
}
.member-login .pop-up .row-holder .col{
	width:50%;
	display:inline-block;
}
.member-login .btn {
	background-color: #FFF;
    padding: 10px 60px;
    display: inline-block;
    border-radius: 23px;
    width: auto;
	margin-bottom:20px;
}
.member-login .btn input{
	font-family: 'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
    font-weight: 700;
    background-color: transparent;
    font-size: 17px;
    color: #ed1c24;
    border: none;
    text-transform: uppercase;
    width: auto;
    background-image: url(../images/arrow-r-03.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    margin: 0px;
    letter-spacing: 1px;
}
/************************************ ANNOUCEMENT ************************************/
.announcement {
	position:fixed;
	top:0px;
	left:0px;
	background-color:rgba(139,138,138,0.6);
	width:100%;
	height:100%;
	z-index:100;
	display:none;
}
.announcement .pop-up {
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	max-width:800px;
	opacity:0;
}
.announcement .pop-up .close{
	font-family:'Glyphter', Arial, Helvetica, sans-serif;
	font-size:20px;
	position:absolute;
	top:20px;
	right:20px;
	width:21px;
	height:21px;
	cursor:pointer;
    /*-webkit-mask: url(../images/close.svg) no-repeat 50% 50%;
    mask: url(../fonts/close.svg#maskid) no-repeat 50% 50%;
	-webkit-mask-size: 21px 21px;
	mask-size: 21px 21px;*/
}
.announcement .pop-up .close img{
	width:100%;
}
.announcement .pop-up .close svg{
	width:100% !important;
	height:auto !important;
}
.announcement .pop-up .close svg path{
	fill:#000;
}
.announcement .pop-up .txt{
	position:relative;
	margin:60px;
	display:block;
	clear:both;
}
.announcement .pop-up .txt img{
	width:100%;
	margin-bottom:20px;
}
.announcement .pop-up .date{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-bottom:15px;
}
.announcement .pop-up h1{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:19px;
	margin-bottom:15px;
	letter-spacing:normal;
}
.announcement .pop-up p{
	font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	margin-bottom:15px;
	max-height:200px;
	overflow:hidden;
}
@media screen and (max-width: 949px) {
	.main-banner .slider a img.desktop{
		display:none;
	}
	.main-banner .slider a img.mobile{
		width:100%;
		display:block;
	}
	.wrapper {
		margin-top:74px;
	}
	.brand-icon-main{
		width:100%;
		margin-bottom:0px;
		text-align:center;
	}
	.press-main .holder .scrollpane {
		height:auto;
		overflow:inherit;
	}
	.press-main .holder a {
		width:100%;
	}
	.promotion-main {
		width:100%;
		text-align:center;
		padding:30px 0px;
		padding-bottom:0px;
		background-image:url(../images/pattern.jpg);
		margin-bottom:30px;
	}
	.promotion-main .banner-holder {
		margin-right:0px;
	}
	.promotion-main .banner .prev,
	.promotion-main .banner .next{
		display:none;
	}
	.promotion-main .banner .slider {
		position:relative;
		width:100% !important;
		top:0px;
		left:0px;
		clear:both;
	}
	.promotion-main .banner .slider a{
		margin-bottom:30px;
		text-align:left;
	}
	.promotion-main .banner .slider a h3{
		font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000;
		margin:10px 0px;
		letter-spacing:normal;
	}
	.promotion-main .banner .thu-holder{
		display:none;
	}
	.promotion-main p {
		display:none;
	}
	.promotion-main .mask {
		width:auto;
		margin:0px 10px;
	}
	.press-main {
		width:100%;
		border:none;
	}
	.press-main .holder {
		width:100%;
		margin-left:0px;
	}
	.press-main .holder a span {
		width:35% !important;
		margin-left:10px;
	}
	.press-main .holder a p {
		width:60%;
	}
	.press-main h2{
		text-align:center;
	}
	.related-row {
		text-align:center;
	}
	.related-row a{
		width:50%;
		margin:0px 2px;
		margin-bottom:4px;
	}
	.announcement .pop-up .txt {
		margin:60px 20px;
	}
	.section-title {
		padding:15px 0px;
		border-top:solid 1px #cfcfcf;
		border-bottom:solid 1px #cfcfcf;
	}
	.section-title h1 {
		font-size:18px;
		line-height:18px;
	}
	.content .holder {
		width:auto;
		margin:0px 10px;
	}
	.content .holder h1 {
		font-size:23px;
		margin-bottom:15px;
		line-height:23px;
	}
	.content.pattern .holder h1 {
		margin-bottom:27px;
	}
	.content .holder p {
		font-size:13px;
		margin-top:0px;
		margin-bottom:25px;
		letter-spacing:1px;
	}
	.content .holder h2 {
		margin-bottom:8px;
	}
	.product-list2 {
		padding-bottom:10px;
		margin-bottom:20px;
	}
	.pattern {
		padding:25px 0px;
	}
	.content.pattern {
		padding-top:45px;
	}
	.content .holder2 .back {
		border-bottom:none;
		/*margin-bottom:10px;*/
		margin-bottom:0px;
	}
	.content .back a {
		background-image: url(../fonts/arrow-l-05.svg);
		font-size:0px;
		height:14px;
		display:inline-block;
		margin-top:-34px;
		margin-left:12px;
	}
	.back2 {
		margin-top:-34px;
		margin-bottom:20px;
	}
	.back2 a {
		background-image: url(../images/arrow-l-05.svg);
		font-size:0px;
		height:14px;
		display:inline-block;
		margin-left:12px;
	}
	.left, .right {
		width:100%;
		padding:10px 0px;
	}
	.content .left {
		padding:0px;
		z-index:10;
		background-color:#FFF;
		border-top:none;
		margin-right:0px;
		margin-bottom:10px;
	}
	.content .holder .select{
		position:absolute;
		width:100%;
		top:49px;
		left:0px;
		background-color:#FFF;
		z-index:10;
		display:none;
	}
	.content .holder p.selected {
		font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:700;
		color:#ed1c24;
		padding:10px 10px;
		margin:0px;
		display:block;
		border:solid 1px #c1c1c1;
		background-image:url(../images/arrow-d-03.png);
		background-position:95% 50%;
		background-repeat:no-repeat;
	}
	.safety-process p.selected {
		font-family:'Poppins', 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:700;
		color:#ed1c24;
		padding:10px 10px;
		margin:0px;
		display:block;
		border:solid 1px #c1c1c1;
		background-image:url(../images/arrow-d-03.png);
		background-position:95% 50%;
		background-repeat:no-repeat;
	}
	.content .left a {
		font-size:13px !important;
		padding:10px 10px !important;
		background-image:none;
		border:solid 1px #c1c1c1;
		border-top:none;
	}
	.content .left a:hover {
		background-image:none;
	}
	.right .block {
		width:90%;
		padding:15px 3%;
	}
	.news-row .txt p {
		font-size:11px;
		margin-bottom:0px;
		line-height:normal;
	}
	.content .product-list>a {
		width:48%;
		margin:1%;
	}
	.search-box {
		top:-68px;
	}
	.search-box.active {
		width:100%;
	}
	.search-box.active input{
		border:solid 1px #d3d3d3;
	}
	.search-box input {
		border:none;
	}
	.search-box.active input.field{
		width:70%;
		border-right:none;
		display:inline-block;
	}
	.search-box.active input.btn{
		border-left:none;
	}
	.search-box input.field {
		display:none;
	}
	.content .category {
		text-align:left;
		margin-top:25px;
	}
	.content .category a {
		font-size: 13px;
		padding: 10px 10px;
		background-image: none;
		border: solid 1px #c1c1c1;
		border-top: none;
		display:block;
		width:auto;
		margin:0px;
	}
	.category a.sub {
		display:none;
	}
	.content .product-list2>a {
		width:48%;
		margin:10px 1%;
	}
	.article-nav {
		padding:20px 10px !important;
		margin-bottom:0px !important;
		border-top:solid 1px #c9c9c9;
	}
	.content .holder .article-nav {
		padding:20px 10px !important;
		width:100%;
		margin-left:-10px;
		margin-bottom:0px !important;
		border-top:solid 1px #c9c9c9;
	}
	.related {
		padding-top:20px;
	}
	.related h1 {
		margin-bottom:20px;
	}
	.sub2 {
		margin-top:-30px;
		padding-bottom:0px;
		margin-bottom:15px;
		border-bottom:none;
	}
	.content .sub2 a {
		display:block;
		width:auto;
		text-align:left;
		background-image:url(../images/arrow-d-03.png);
		background-position:10px 50%;
		padding:15px 30px;
		border:none;
		border-bottom:solid 1px #c3c2c2;
	}
	.hidden-title {
		display:block;
	}
	.inner-banner {
		padding:0px;
		margin-bottom:10px;
	}
	.inner-banner .holder{
		width:100%;
	}
	.content .info h1 {
		display:none;
	}
	.product-details-1 .photo{
		width:100%;
		margin-bottom:20px;
		float:none;
	}
	.product-details-1 .txt {
		width:100%;
		height:auto;
		margin-right:0px;
	}
	.product-details-1 .pack-info {
		position:relative;
		margin-top:20px;
	}
	.product-details-1 .pack-info p {
		margin-bottom:0px;
	}
	.product-details-1 .pack-info .barcode {
		margin-top:10px;
	}
	.product-details-1 .txt h3 {
		font-size:16px;
		margin-bottom:5px;
	}
	.product-details-1 .photo .thu {
		text-align:center;
	}
	.product-list2 {
		margin-left:0px;
	}
	.product-details-2 .detail-left {
		width:100%;
		margin-right:0px;
	}
	.product-details-2 .detail-right {
		width:100%;
	}
	.info {
		padding-bottom:0px;
		margin-bottom:20px;
	}
	img.new {
		width:25% !important;
	}
	.promotion-row {
		padding-bottom:0px;
		margin-top:11px;
		margin-bottom:0px;
	}
	.promotion-row img {
		width:100%;
		margin-bottom:20px;
	}
	.promotion-row .txt {
		width:100%;
		margin-left:0px;
	}
	.promotion-row .txt h2 {
		margin-bottom:6px;
		line-height:24px;
	}
	.promotion-row .txt p {
		margin-bottom:10px;
	}
	.promotion-row .txt p.more {
		margin-bottom:16px;
	}
	.content .holder2 {
		width:100%;
	}
	.article.promotion h1{
		width:auto;
	}
	.article{
		width:100%;
		float:none;
	}
	.article h1 {
		width:70%;
		font-size:18px;
		margin:0px 10px;
		margin-bottom:15px;
		line-height:22px;
	}
	.article p {
		margin:0px 10px;
		margin-bottom:30px;
	}
	.article .banner {
		margin-bottom:15px;
	}
	.press-left {
		width:100%;
		margin:30px 0px;
	}
	.press-right {
		width:100%;
	}
	.content .press-left a{
		font-size: 13px;
		padding: 10px 10px;
		background-image: none;
		border: solid 1px #c1c1c1;
		border-top: none;
		display:block;
		width:auto;
		margin:0px;
	}
	.press-right .press-row p{
		margin-bottom:0px;
		width:80%;
		line-height:normal;
	}
	.press-right .press-row p span{
		width:55%;
		display:inline-block;
		vertical-align:top;
	}
	.holder2 .date {
		display:none;
	}
	.article>p.date {
		font-size:12px;
		display:block;
		width:80%;
		margin-left:10px;
		margin-bottom:6px;
		line-height:normal;
		clear:both;
	}
	.safety-process {
		margin:30px 10px;
		text-align:left;
	}
	.safety-process .select{
		position:absolute;
		width:100%;
		top:43px;
		left:0px;
		background-color:#FFF;
		z-index:10;
		display:none;
	}
	.safety-process a{
		font-size: 13px;
		padding: 10px 10px;
		background-image: none;
		border: solid 1px #c1c1c1;
		border-top: none;
		display:block;
		width:auto;
		margin:0px;
	}
	.safety-process a:hover,
	.safety-process a.on{
		background-image: none;
	}
	.contact-info {
		margin:30px 10px;
	}
	.contact-info .txt {
		width:100%;
		margin-right:0px;
	}
	.contact-info .map {
		width:98%;
		margin-left:0px;
	}
	.contact-form {
		margin:0px 10px;
	}
	.contact-form form {
		width:100%;
	}
	.press-right .press-row p strong {
		width:45%;
		max-width:120px;
	}
	table img {
		max-width:100%;
	}
	.catering .sub1 {
		display:none;
	}
	.text-center p {
		width:100%;
	}
	hr {
		margin-bottom:15px;
	}
	.main-row {
		width:100%;
	}
	.article .pdf {
		margin-right:10px;
	}
	.privacy {
		margin-top:20px;
	}
	.main-banner .prev,
	.main-banner .next{
		width:35px;
	}
	.contact-form form .row:nth-last-child(2) {
		text-align:center;
	}
	.contact-form form .row:nth-last-child(2) span{
		display:none;
	}
	.privacy .row .row-holder {
		width:100%;
	}
	.privacy .row .row-holder .width-33 {
		width:32% !important;
	}
	.member-login .pop-up .txt{
		position:relative;
		margin:60px 40px;
		display:block;
		text-align:center;
		clear:both;
	}
	.member-login .pop-up .row-holder span {
		width:100%;
		display:block;
		margin-bottom:5px;
	}
	.member-login .pop-up .row-holder input {
		width:100%;
		display:block;
		margin-left:-5px;
	}
}
@media screen and (max-width: 640px) {
	.promotion-main .banner .slider a h2{
		font-family:'Noto Sans TC', Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#000;
		margin:10px 0px;
	}
	/*.related-row a{
		width:100%;
		margin-bottom:10px;
	}*/
	.sub-section {
		width:100%;
	}
	.sub-section a {
		width:100%;
		margin:0px;
		margin-bottom:10px;
		border-bottom:solid 1px #cfcfcf;
		padding-bottom:10px;
	}
	.sub-section a img {
		width:50%;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}
	.sub-section a p {
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}
	.safety .holder img.desktop{
		display:none;
	}
	.safety .holder img.mobile{
		display:block;
	}
	
	.inner-banner .holder .desktop{display:none;}
	.inner-banner .holder .mobile{display:none;}
}