/* --------------------------------------------------
topMain
 -------------------------------------------------- */
#topMain {
  margin-bottom: 1em;
}

#topMain .flex-direction-nav a:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#topMain .flex-direction-nav .flex-next {
  -webkit-background-size: contain;
  background-size: contain;
  right: 0;
}

#topMain .flex-direction-nav .flex-prev {
  -webkit-background-size: contain;
  background-size: contain;
  left: 0;
}

@media only screen and (max-width:991px) {
#topMain .flex-direction-nav a {
  margin: -60px 0 0;
}
#topMain .flex-direction-nav .flex-next {
  opacity: 0.5;
}

#topMain .flex-direction-nav .flex-prev {
  opacity: 0.5;
}
}

/* flex-control-nav */
#topMain .flex-control-nav {
  text-align: center;
  margin-top: 16px;
}

#topMain .flex-control-nav li {
  display: inline-block;
  margin-left: 20px;
}

#topMain .flex-control-nav li:first-child {
  margin-left: 0;
}

#topMain .flex-control-nav li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
  background-color: transparent;
  text-indent: -9999em;
  width: 8px;
  height: 8px;
  border: 1px solid #00316c;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transition: all .5s ease-in-out 0s;
  -webkit-transition: all .5s ease-in-out 0s;
  cursor:pointer;
}

#topMain .flex-control-nav li a:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 1px solid #00316c;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all .5s ease-in-out 0s;
  -webkit-transition: all .5s ease-in-out 0s;
}

#topMain .flex-control-nav li a.flex-active,
#topMain .flex-control-nav li a:hover {
  background: #00316c;
}

#topMain .flex-control-nav li a.flex-active:before {
  width: 18px;
  height: 18px;
  -moz-opacity: 1;
  opacity: 1;
}

/*--------------------------------------------------------------
# slider
--------------------------------------------------------------*/
#slider{
	margin-top:120px;
}

#news_section, #contact_section, #about_section, #product_section{
	margin:160px 0 60px 0;
}

@media only screen and (max-width:991px) {
#slider{
	margin-top:111px;
}

#news_section, #contact_section, #product_section{
	margin:140px 0 60px 0;
}
#about_section{
	margin:200px 0 60px 0;
}
}

/* --------------------------------------------------
About
 -------------------------------------------------- */
.about-header{
	border:1px solid #aa7939;
}

.about-header .title{
	font:700 48px/1em arial;
	color:#d2a061;
	position:absolute;
	bottom:20px;
	left:20px;
}
.about-header .bg{padding:0}
.about-header .bg img{
	width:100%;
}

#about_section .article{
	margin:50px 0 100px 0;
	color:#666;
}
@media only screen and (max-width:991px) {
.about-header .title{
	font:700 48px/1em arial;
	color:#d2a061;
	position:absolute;
	bottom:20px;
	left:20px;
}
}

/* --------------------------------------------------
News list
 -------------------------------------------------- */
.list-news-01{list-style:none;margin:0;padding:0;margin-bottom:30px;width:100%}
.list-news-01 li{border-bottom:1px solid #ccc; height:auto}
.list-news-01 li a:hover,.list-news-01 li a:focus{color:#dc1e37;background:#f5f5f5;text-decoration:none}
.list-news-01 li a:hover .content .date,.list-news-01 li a:focus .content .date{color:#333}
.list-news-01 li a:hover .content .text,.list-news-01 li a:focus .content .text{text-decoration:underline}
.list-news-01 li a:active .content .text{color:#e6465a;text-decoration:none}
.list-news-01 li a{display:flex;padding:13px 16px 12px;vertical-align:middle;color:#333}
.list-news-01 li a .content .date{margin-right:20px;display:block;float:left;width:290px}
.list-news-01 li a .content .date .icon{float:right;width:130px;color:#fff;font-size:86%;text-align:center;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline}
.list-news-01 li a .content .date .icon.category-01{background:#999}
@media screen and (max-width: 991px){
	.list-news-01{font-size:86%}
	.list-news-01 li a{padding:10px}
	.list-news-01 li a .content .date{margin-right:10px;width:260px}
}
@media screen and (max-width: 660px){
	.list-news-01{margin-bottom:2em}
	.list-news-01 li a .content .date{margin-right:0;margin-bottom:5px;width:auto;float:none;color:#666}
	.list-news-01 li a .content .date .icon{margin-top:2px;margin-left:10px;float:none;width:110px;font-size:65%}
}

#news_section .section-header h3{
	color: #000;
	text-align:left;
}
#news-article-date{
	text-align:right
}
.nav-back-01 p a{
	color:#dc1e37;
	padding:0 0 0 20px;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	background:url(../images/icon_arrow-left_01.png) no-repeat 0 0.5em
}
#news-file-list{
	margin:2em 0;
}
#news_section .box-section h2{
	margin-bottom:24px;
	padding-bottom:4px;
	font-size:200%;
	font-weight:400;
	color:#000;
	border-bottom:1px solid #ddd
}
#news_section .box-section h3{
	margin-bottom:15px;
	padding-top:10px;
	font-size:143%;
	font-weight:700;
	color:#000
}
#news_section .box-section p{
	margin-bottom:18px
}
.hdg-level3-01{
	margin-bottom:24px;
	padding-bottom:4px;
	border-bottom:1px solid #ddd;
	color:#000;
	font-size:158%;
	font-weight:normal;
}
.list-catalog-01{
	list-style-type: none;
	padding:0;
}
.list-catalog-01 li{
	border-top:1px solid #ddd
}
.list-catalog-01 li:first-child{
	border-top-style:none
}
.list-catalog-01__item-title{
	color:#dc1e37;
	line-height:2em;
	padding-left:18px;
	position:relative
}
.list-catalog-01__item-title::before{
	background-image:url(../images//icon_arrow-right_01.png);
	background-position:left;
	background-repeat:no-repeat;
	content:'';
	display:block;
	height:1.75em;
	left:0;
	min-height:13px;
	position:absolute;
	top:0;
	width:13px
}
@media only screen and (max-width:991px) {
	.nav-back-01 p a{
		padding:0 0 0 16px !important;
		background:url(../images/icon_arrow-left_01_sp.png) no-repeat 0 0.5em;
		-moz-background-size:11px 8px;
		-o-background-size:11px 8px;
		-webkit-background-size:11px 8px;
		background-size:11px 8px
	}
	#news_section .box-section h2{
		font-size:186%
	}
	#news_section .box-section h3{
		font-size:129%
	}
	#news_section .box-section p{
		font-size:86%
	}
	.hdg-level3-01{
		margin-bottom:12px;
		font-size:115%
	}
}
@media screen and (max-width: 660px){
	#news_section .box-section h2{
		margin-bottom:12px;
		font-size:129%
	}
	#news_section .box-section h3{
		margin-bottom:5px
	}
	#news_section .box-section p{
		margin-bottom:9px
	}
}
@media (min-width: 0) and (max-width: 659px){
	.list-catalog-01 li{padding:10px 0}
	.list-catalog-01 li:first-child{padding-top:0}
	.list-catalog-01 li:last-child{padding-bottom:0}
	.list-catalog-01 a{align-items:flex-start;display:flex}
	.list-catalog-01__item-info{flex-grow:1}
	.list-catalog-01__item-title{font-size:93%}
	.list-catalog-01__item-info button{margin-top:5px;width:100%}
}
@media (min-width: 660px){
	.list-catalog-01 li{padding:15px 0}
	.list-catalog-01 li:first-child{padding-top:0}
	.list-catalog-01 li:last-child{padding-bottom:0}
	.list-catalog-01 a{align-items:center;display:flex}
	.list-catalog-01__item-info{align-items:center;display:flex;flex-grow:1}
	.list-catalog-01__item-title{flex-grow:1;font-size:115%}
	.list-catalog-01__item-info button{flex-shrink:0}
}

/* --------------------------------------------------
Contact
 -------------------------------------------------- */
#contact_section .section-header h3{
	color: #000;
	text-align:left;
}

.contact-container{
	background:url(../images/contact_bg.jpg) repeat-y top center #19120d;
	padding-top:7px;
}
.contact-container .row{
	border-top:2px solid #F00;
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding:1em 0 4em 0;
}

.contact-container .box{
	color:#FFF;
	font:700 15px/22px arial;
	border-bottom:1px dotted #a6a19c;
	padding:.9em 0;
}

.contact-container .box span{
	color:#b60003;
	font:700 22px/22px arial;
}

.contact-container input{
	width: 100%;
	max-width: 300px;
	padding:0 .4em;
}

.contact-container h3{
	color:#FFF;
	font:20px/1.5em arial;
	padding:.9em 0 .4em 0;
	border-bottom:2px solid #FFF;
}

.contact-container .box2{
	padding:.6em 0;
}

.contact-container textarea{
	width: 100%;
	height: 260px;
	padding:.4em;
}

.contact-container #btn_send{
	font:700 16px/32px arial;
	color: #FFF;
	background:#fd0104;
	width: 150px;
	height: 32px;
	border: 0;
	cursor:pointer;
}

#contact_block{
	border: 1px solid #F00;
	width: 100%;
	max-width: 345px;
	margin: 0 auto;
	margin-top: 52px;
	margin-bottom: 58px;
	padding: 41px 40px 27px 40px;
}

#contact_block .image{
	text-align:center;
}

#contact_block p{
	font:14px/24px arial;
	padding:1.6em 0 0 0;
	margin:0;
	color: #333;
}

#contact_block p.title{
	font-weight: 700;
	color: #000;
}

#contact_block a{
	/*color:#333*/
}


/* --------------------------------------------------
Top
 -------------------------------------------------- */
.search_submit{
	background:none;
	border:none;
	cursor:pointer;
	padding:0 .7em;
	margin-top:32px;
}
.search_text{
	border:none;
	border-bottom:1px solid #000;
	font:13px/1.5em arial;
	padding-left:.5em;
}

@media only screen and (max-width:1199px) {
	.main-nav a {
	  margin: 40px 15px 0 15px;
	}
	.main-nav form{
		margin-left:.5em;
	}
}

@media only screen and (max-width:991px) {
	.search_submit{
		margin:12px 0 0 12px;
		color:#FFF;
	}
}

/* --------------------------------------------------
News Section
 -------------------------------------------------- */
#news {
  background: #fff;
  padding: 60px 0;
}

#news .section-header{
	background:url(../images/index_title_border.gif) no-repeat top center;
	padding:2.5em 0 1em 0;
}

#news .more{
	text-align:center;
}

#news .more a{
	font-size:13px;
	line-height:23px;
	color:#dc1e37;
	padding:0 0 0 20px;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	background:url(../images/icon_arrow-right_01.png) no-repeat 0 0.5em
}

@media only screen and (max-width:991px) {
	#news .more a{
		padding:0 0 0 16px !important;
		background:url(../images/icon_arrow-right_01_sp.png) no-repeat 0 0.5em;
		-moz-background-size:11px 8px;
		-o-background-size:11px 8px;
		-webkit-background-size:11px 8px;
		background-size:11px 8px
	}
}

/* --------------------------------------------------
Products Section
 -------------------------------------------------- */
#products{
  background:url(../images/index_product_bg2.gif) no-repeat top right;
}
 
#products .container{
  margin-bottom:60px;
  background:url(../images/index_product_bg.gif) no-repeat top left;
}

#products .section-header{
	padding:65px 0 0 3px;
}

#products .list{
	margin-top:85px;
}

#products .list .col-lg-3{
	padding:0 .3em;
}

#products .list img{
	width:100%;
	border:1px solid #999;
}

#products .list h4{
	text-align:center;
	font:14px/3em arial;
}

#products .list a{
	color:#000;
}

#products .more a{
	display:block;
	border:1px solid #351212;
	font:700 12px/63px arial;
	color:#000;
	width:180px;
	margin:0 auto;
	text-align:center;
}

#product_cate h2, #product-title h2{
	font-size: 24px; 
	font-weight: 300; 
	text-transform: uppercase; 
	letter-spacing: 1px;
	margin-bottom: 15px; 
	color:#1e1e1e;
}

.cate-title div{
	margin-bottom:10px !important;
	padding-bottom:8px !important;
	border-bottom:1px dotted #B6B6B6 !important;
}

.cate-title a{
	display:block;
	font-size:14px !important;
	cursor:pointer;	
	color:#1e1e1e;
}

.cate-title2{display:none}
#results-count{margin-bottom:1.5em; background:url(../images/product_top_line.gif) repeat-x 0 7px}
#results-count .counts{float:right; text-align:right; background:#FFF; padding:0 1em}
.product-info a { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.product-thumb img{width:100%}
#product-results h3 { text-align:center; font-size:15px; font-weight:700; margin:0 0 9px 0; }
#product-results h3 a { text-align:center; color:#1e1e1e; }
#product-results h3 a:hover { color:#E31C21; }
#product-results .series p { font-size:13px; margin:0 0 9px 0; text-align:center; font-weight:400; line-height:normal; }

@media only screen and (max-width:991px) {
	#products .section-header{
		padding:65px 0 0 1em;
	}
	#products .list{
		margin:.1em;
	}
	.cate-title{
		display: none;
	}
	.cate-title2{display:block}
	.cate-title2 select {
	    -webkit-appearance: none !important;
	    -moz-appearance: none !important;
	    background-color: #FAFAFA;
	    border-radius: 0;
	    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
		background-position: 100% center;
		background-repeat: no-repeat;
		border-style: solid;
		border-width: 1px;
		border-color: #cccccc;
		color: rgba(0, 0, 0, 0.75);
		font-family: inherit;
		font-size: 0.875rem;
		line-height: normal;
		padding: 0.5rem;
		border-radius: 0;
		width:100%;
		margin-bottom: 1.5em;
	}
}

#product-title h2{
	text-align:center;
}

#product-image{
	width: 100%;
	max-width: 800px;
	margin: 0 auto
}

#product-image img {
    height: auto;
    max-width: 100%;
}

#product-image .active{
	text-align:center;
}

#product-article{
	margin:2em 0;
}


/* --------------------------------------------------
Footer
 -------------------------------------------------- */
#footer {
  background:url(../images/footer_bg.jpg) no-repeat top center #000;
  color: #FFF;
  font-size: 14px;
  min-height:471px;
}

#footer .footer-top {
  padding: 50px 0 0 0;
  min-height:440px;
}

#footer .footer-top .footer-info {
	text-align:center;
}

#footer .footer-top .footer-info p {
  margin-bottom: 2.5em;
}

#footer .footer-top .footer-info img {
	width:100%;
}

#footer .footer-top .ATFE{
	font:700 14px/2.5em arial;
	color:#CCC;	
}

#footer .copyright {
  text-align: center;
  color:#FFF;	
}

.footer-social-1, .footer-right {
  display:inline;
  padding-top:185px;
}

.footer-social-1 .title{
	font:700 10px/1em arial;
	margin-bottom:30px;
}

.footer-social-1 a img{
	width:30px;
	margin-right:10px;
}

.footer-social-2{
	display:none;
}

@media only screen and (max-width:991px) {
.footer-social-1, .footer-right {
  display:none;
}
.footer-social-2 {
	display:inline;
}
.footer-social-2 img{
	max-width:30px;
	margin:20px;
}
}


.logo{padding-right:1em}
@media (max-width: 991px) {
  .logo{
	  width:100%;
	  text-align:center;
  }
}


.button-01,a.button-01,button.button-01{
	background-color:#dc1e37;
	border:2px solid #dc1e37;
	box-sizing:border-box;color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:arial;
	line-height:1.5;
	max-width:100%;
	outline:none;
	padding:calc(0.6em - 2px) calc(1.5em - 2px);
	text-align:center;
	transition:opacity 0.1s linear;
	user-select:none;
	white-space:nowrap
}
.button-01:hover,.button-01:active,a.button-01:hover,a.button-01:active,button.button-01:hover,button.button-01:active{
	opacity:0.8;
	text-decoration:none
}
.button-01:focus,a.button-01:focus,button.button-01:focus{text-decoration:none}
@media (min-width: 0) and (max-width: 659px){
	.button-01{font-size:72%}
}
@media (min-width: 660px) and (max-width: 1063px){
	.button-01{font-size:79%}
}
@media (min-width: 1064px){
	.button-01{font-size:93%}
}

/* 手機選單位置 */
.mobile-nav-toggle i {
  margin: 8px 8px 0 0;
  color: #999;
}

.mailto a{color:#CCC}

.row{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.row [class="col-"]{
	display: flex;
	flex-direction: column;
}

div.verror{line-height:2em; text-align:left; color:#FFF; font-weight:normal}