@charset "utf-8";
*{box-sizing:border-box;}
a {
  -webkit-transition: ease .3s;
  -moz-transition: ease .3s;
  -ms-transition: ease .3s;
  -o-transition: ease .3s;
  transition: ease .3s;
}
.center{width:1200px;margin:0 auto;}
/*滿版選單*/
header .center{width:100%;margin:0 auto;}
header{width:100%;height:130px;position:relative;}
.logo{height:60px;margin:30px;position:absolute;width:260px;}
.logo img{height:60px;width:100%;}
.nav {width: 100%;}
.nav ul{right:0; top:40px;position: absolute; z-index:99999;}
.nav ul li {display:inline-block;text-align:center;width:130px;}
.nav ul li a {display:block;text-decoration:none;padding: 20px 0 5px 0;font-size:16px;}
.nav ul li a span{display:block;font-size:15px;line-height:20px;}
.nav a:hover {opacity:0.8;}
.menu-trigger {display:none;}

.nav ul.hs_m_box { position:absolute; display: block; right:10px; top:10px;}
.nav ul.hs_m_box li { margin: 0 7px; width:30px;}
.nav ul.hs_m_box li a { padding:0; margin:0; font-size:12px; line-height:24px; background: no-repeat center center; border:2px #fff solid; border-radius:5px; text-indent:-9999px;}
.nav ul.hs_m_box li a.t_a_icon01 { background-image:url(../images/icon_fb.png);}
.nav ul.hs_m_box li a.t_a_icon02 { background-image:url(../images/icon_line.png);}
.nav ul.hs_m_box li a.t_a_icon03 { background-image:url(../images/icon_call.png);}

.nav ul li.rwd_show { display:none;}

/*1200寬 選單*/
.header.slide_d{animation:slideInDown 1s ease;position:fixed;top:0;z-index: 999;}
.header.slide_d .center{width:1200px;margin:0 auto;position:relative;}
.header.slide_d .center .nav{position:fixed;right:0;}
.header.slide_d .center .nav ul{width:auto;}
.header.slide_d .center .nav ul li {width:90px;margin: 0px 0 0 0;}
.header.slide_d .center .nav ul li a{font-size:15px;padding:35px 0 25px 0;}
.header.slide_d .center .nav ul.hs_m_box li { width:30px;}
.header.slide_d .center .nav ul.hs_m_box li a { padding:0;}
.header.slide_d .center .nav ul li a span{display:none;}

/*footer*/
body.index_page footer{margin-top:100vh;}
footer{width:100%;text-align:center;color:#989898;padding:50px 0 40px;}
footer .company_contact_text{width:40%;float:left;text-align:left;}
footer .footer_menu{width:60%;float:left;text-align:right;}
footer .company_contact_text ul.footer_contact_detail{margin:30px 10px;display:block;}
footer .company_contact_text ul.footer_contact_detail li{margin:5px 0 0 0;}

footer a.contact_btn{border:1px solid #989898;margin:10px;display:block;line-height:30px;height:30px;border-radius:5px;text-align:center;width:250px;}
footer a.contact_btn:hover{opacity:0.8;}
footer .footer_menu ul li{display:inline-block;margin:5px;}
footer .center{position:relative;}
footer div.text_footer{font-size:14px;display:inline-block;padding:10px;position:absolute;bottom:0;right:0;text-align:right;border-top:1px solid #989898;}
.keywords{width:100%;display:block;height:5px;overflow:hidden;color:#989898;text-indent:-9999999px;white-space: nowrap;-webkit-text-size-adjust:none;background:#000;}

.container{}
/********main_title**********/
.main_title{background:#F8F8F8;height:130px;padding:30px;}
.main_title h1{font-size:28px;margin:0;letter-spacing:3px;}
.main_title span{font-size:16px;}
.services_page .main_title{height:auto;}

/***********sub menu*************/
.sub_menu ,.third_menu{background:#F8F8F8;margin:0 auto;padding:10px 0;}
.sub_menu #owl-demo{width:90%; margin:0 auto;height: 40px;}
#owl-demo .item ,#owl-demo3 .item{text-align:center;width:200px;}
#owl-demo .item h1{font-size:16px;color:#575747;}
#owl-demo3 .item h1{font-size:15px;color:#575747;}
.customNavigation{width:100%;position:relative;}
.customNavigation .btn{width:24px;height:25px;display:block;position:absolute;margin-top:-30px;cursor:pointer;}
.sub_menu .customNavigation .btn.prev{background:url(../images/icon_left.png);text-indent:-9999px;left:5%;}
.sub_menu .customNavigation .btn.next{background:url(../images/icon_right.png);text-indent:-9999px;right:5%;}
.third_menu .customNavigation .btn.prev{background:url(../images/icon_left2.png);text-indent:-9999px;left:0;}
.third_menu .customNavigation .btn.next{background:url(../images/icon_right2.png);text-indent:-9999px;right:0;}
/*************作品特效*************/
.works_album{padding:5px 0 10px;}
.single_pic{width:25%;float:left;}
.single_pic img{width:100%;height:100%;}
#galleryContainer {
  position: relative;
}

#galleryContainer .column {
  width: 25%;
  height: 300px;
  float:left;
  overflow: hidden;}
#galleryContainer .photo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#galleryContainer img {
  display: block;
  width: 100%;
  height: auto;
}
#galleryContainer img[src="img/loader.gif"]{
  width: 32px;
  margin: 30% auto;
}

#galleryContainer .navigation img[src="img/loader.gif"]{
  margin: 0 auto;
}
#galleryContainer .column{position:relative;}
#galleryContainer .column h4 {
  position: absolute;
  bottom:10%;
  width:100%;
  text-align:center;
  color: #fff;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  opacity:0;
}

#galleryContainer .column:hover img {
  opacity: .45;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s
}
#galleryContainer .column:hover h4 {
  bottom: 50%;
  opacity:1;
}
/************page_num**********/
ul.page_num{width:100%;text-align:center;background:#f8f8f8;}
ul.page_num li{display:inline-block;height:45px;}
ul.page_num li a{padding:10px;color:#777;font-size:14px;display:block;line-height:25px;}
ul.page_num li:hover a{text-decoration:underline;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;color:#222;font-size:16px;font-weight:bold;}
ul.page_num li a.selected{text-decoration:underline;color:#222;font-size:16px;font-weight:bold;}

/************商品***********/
.products_album{background:#f8f8f8;margin:60px 0 0 0;padding-bottom:60px;text-align: center;}
.products_album2{background:#f8f8f8;margin:60px auto 0 auto;padding:20px 10%;}
.products_album h2 ,.products_album2 h2{margin:20px;text-align:center;}
.products_album2 h3{margin:20px;text-align:left;}
.products_list_box{width:18%;margin:0.8%;text-align:center;display:inline-block;border:1px solid #eee;padding:10px;}
.product_box{width:100%;height:150px;overflow:hidden;}
.product_box img{width:100%;}
.products_list_box h3{font-size:16px;color:#444;padding:5px 0;}
.button_link{float:right;}
.button_link a{background:#444;line-height:30px;margin:-20px auto 0 10px;padding:5px;height:30px;color:#fff;}
/*商品圖片*/
.abgne-frame {
	width: 100%;
	overflow: hidden;
	padding:5vh 0;
}
.abgne-frame .showbox {
	float: left;
	width:50%;
}
.show-image {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.abgne-frame .abgne-block {
	width: 40%;
	overflow: hidden;
	float: right;
	margin:0 auto;
}
.abgne-block a{display:block;}
.abgne-block a img {
	width: 33%;
	border:1px solid #EEEEEE;
	padding:5px;
	vertical-align: middle;
	margin:1%;
	float: left;
}
.abgne-block a:hover img{background:#DB214D;}

.products_btn_{width:100%;margin:0 auto;}
.half_box{width:50%;float:left;display: block;text-align:center;height:50px;}
.price.half_box{background:#000;color:#fff;font-size:16px;line-height:50px;}
.price.half_box span{font-size: 20px;font-style: italic;line-height:50px;}
.butn{background:#C92929;color:#fff;font-size:16px;width:100%;display:block;line-height:50px;}
.product_detail{width:100%;margin:0 auto;padding:30px;border-bottom:1px #bbb solid;}
.product_detail .table01{width:20%;float:left;font-weight:bold;padding:0;}
.table02{width:80%;float:left;}
.product_edit{margin:40px auto 0;border-bottom:1px #bbb solid;padding:0 0 40px 0;}	
.title{font-size:18px;font-weight:bold;border-bottom:1px #bbb solid;padding:10px;}
/*商品表格*/
.tableall01{width:100%;}
.tableall01 li{
display:block;
overflow: hidden;
zoom: 1;
clear:both;
border-bottom:1px #bbb solid;
width:100%;
}
.tableall02 li{
display:block;
overflow: hidden;
zoom: 1;
clear:both;
border-bottom:1px dashed #ccc;
}
.table01{
float:left;
width:17%;
text-align: left;
padding:25px 20px;
font-weight:bold;
height:100%;
}
.tableall01 .he01{
min-height:180px;
}
.tableall01.he02{
min-height:90px;
}
.tableall01 .table01 span{
background:#db214d;
color:#FFF;
font-size: xx-small;
padding:0 3px;
font-weight: normal;
float:right;
}
.tableall01 .table02{
float:right;
width:82%;
padding:20px 8px 20px 8px;
}
.tableall01 .table03{
text-align:center;
padding:8px;
border:none;
}
.tableall01 .table03 input[type="submit"]{border:1px solid #444;padding:10px 20px;border-radius:3px;margin:20px;}
.tableall01 .table03 input[type="submit"]:hover{opacity:0.8;}
.input01 {
border: 1px solid #d6d6d6;
width: 100%;
line-height: 25px;
padding: 0 5px;
}
.input02 {
border: 1px solid #d6d6d6;
width: 30%;
line-height: 25px;
padding: 0 5px;
}
.input01_area {
border: 1px solid #d6d6d6;
width: 100%;
height: 130px;
line-height: 25px;
padding: 0 5px;
}
.tableall01 li .table02 input[type="radio"],
.tableall01 li .table02 input[type="checkbox"]{
margin-left:10px;
}

/*cart*/
.cart_form{width:100%;}
.cart_form ul li:first-child{background:#898989;color:#fff;line-height:40px;height:50px;font-weight:bold;}
.cart_form ul li:last-child{border-bottom:1px solid #898989;padding-bottom:10px;}
.cart_form ul li{color:#666;}
.cart_form ul li .cart_title1{display:inline-block;width:10%;text-align:center;padding:5px;}
.cart_form ul li .cart_title2{display:inline-block;width:40%;text-align:left;padding:5px;}
.cart_form ul li .cart_title3{display:inline-block;width:15%;text-align:center;padding:5px;}
.cart_form ul li .cart_title4{display:inline-block;width:12%;text-align:center;padding:5px;}
.price1{text-align:right;display: block;margin:10px;}
.price_num{color:#D9234E;font-size:20px;width:120px;display:inline-block;font-weight:bold;}
.btn_area{width:100%;text-align:center;}
.btn_area .button3{width:30%;margin:1%;display:inline-block;height:40px;line-height:40px;color:#fff;margin-top:30px;border:0;}
.button3.color1{background:#868686;}
.button3.color2{background:#3E3E3E;}
.button3.color3{background:#DA224D;}
.btn_area .button3:hover{opacity:0.8;}
.cart_table{color:#555;font-size:15px;}
.cart_table .title_note{color:#898989;font-size:13px;}
.cart_table .title3{padding:10px 0;font-size:14px;color:#565656;}
.cart_table .title2{margin:20px 0 0;font-weight:bold;}
.dis a{font-size:13px;color:#565656;}
.note1{font-size:13px;color:#333;display:block;margin-left:10px;}
/*********contact**********/
.contact_form{padding:30px;margin:60px auto 0;background:#fff;color:#444;width:1200px;}
.contact_form .title2{font-size:22px;color:#4A4A4A;font-weight:bold;margin-left:10px;}
.contact_form input[type="radio"], .contact_form input[type="checkbox"]{margin-left:10px;}
.contact_form input[type="radio"]:first-of-type ,.contact_form input[type="checkbox"]:first-of-type{margin-left:0px;}
/*********news & pomotion**********/
.news_page .edit{padding: 60px 0 20px;margin:0 auto;}
.honors_page .edit{padding: 60px 0 20px;margin:0 auto;}
.promotion_page .edit{padding:0 0 20px;margin:0 auto;}
.promotion_lists{padding:30px 10px;margin:60px auto 0;background:#fff;width:1200px;}
.promotion_lists ul{width:90%;margin:0 auto;}
.promotion_lists ul.promotion_list li{padding:10px 5px 10px 40px;border-bottom:1px #888888 dashed;background:url(../images/list_title_bg.jpg) 20px center no-repeat;}
.promotion_lists ul.promotion_list li a{color:#575746;}
.promotion_lists ul.promotion_list li:hover a{color:#1a1a1a;}
span.list_title{width:100%;display:block;}
span.list_data{width:160px;display:block;text-align:center;float:right;}
.promotion_lists ul.promotion_list li:first-child{letter-spacing:3px;background:#888888;font-weight:bold;color:#fff;line-height:40px;height:40px;padding:0;}

.edit h2.title{color:#111;margin:10px 0;font-size:20px;font-weight:bold;}
@media screen and (max-width:1200px){
.nav ul li{width:100px;}
.center,.header.slide_d .center{width:100%;}
footer{height:auto;font-size:15px;padding:30px 5px 0;}
.products_album ,.contact_form{width:94%;margin:60px 3% 0;}
.abgne-block a img{width:40%;}
.edit.center section{width:96%;margin:auto;}
@media screen and (max-width:1008px) {
.logo{width: 140px;height: 50px;margin:35px 0 35px 20px;}
.logo img{width:100%;height:50px;}
.nav ul li{width:83px;}
.header.slide_d .center .nav ul li {width:83px;margin: 15px 0 0 0;}
#galleryContainer .column{height:auto;width:33.33%;}
.products_list_box {width: 22%;}
.products_album2{padding:20px 2%;}
@media screen and (max-width:768px) {
header{height:60px;top:0;z-index:105;}
.a {display:inline-block;position:absolute;left:10px;top:10px;}
.logo{width:100%;height:50px;margin:5px auto;text-align:center;position:initial;}
.logo img{height:50px;width:auto;}
.nav ul {display:none;top:60px;background:#000; width:100%; z-index:100;}
.nav ul li {display:block; width:95%;margin:10px auto;}
.nav ul li a{line-height:46px;padding:0 20px;color:#fff!important;}
.nav ul li a span{display:none;}

.menu-trigger {display:block;float:left;display:block;position:relative;margin:14px 20px;cursor:pointer;height:24px;width:36px;position:absolute;top: 0;}

.new_box_1051215,
.nav ul.hs_m_box { display:none;}
.nav ul li.rwd_show { display:block;}

.menu-trigger span {display:block;background:white;height:3px; width:34px;position:absolute;}
.menu-trigger span:nth-child(1){top:2px;}
.menu-trigger span:nth-child(2){top:12px;}
.menu-trigger span:nth-child(3){top:22px;}
.menu-trigger:hover span:nth-child(2){width:29px;transition:all 0.3s ease;}

.header.slide_d .menu-trigger{position:fixed;}
.header.slide_d .center .nav{position: absolute;top:0;margin-top:55px;z-index:200;}
.header.slide_d .center .nav ul {display:none;top:0; width:100%; z-index:160;}
.header.slide_d .center .nav ul li{display:block; width:95%;margin:10px auto;}
.header.slide_d .center .nav ul li a{line-height:46px;padding:0 20px;}
.header.slide_d .center .nav ul li a span{display:none;}

footer{font-size:13px;position:absolute;z-index:150;}
footer .company_contact_text{width:100%;float:none;text-align:center;}
footer .company_contact_text ul.footer_contact_detail{}
footer a.contact_btn{width:100%;margin: 10px 0;}
footer .footer_menu{width:100%;float:none;text-align:center;}
footer div.text_footer{position:inherit;margin: 30px 0 0 0;font-size:12px;width: 100%;border-top:1px solid #1B1B1B;}

.main_title h1{font-size:24px;letter-spacing:1px;}
.main_title span{font-size:14px;}
.promotion_lists ul.promotion_list li{padding:10px 5px;}
.contact_form{padding:15px;}

.single_pic{width:50%}
#galleryContainer .column{width:50%;}
.products_list_box {width: 30%;}
.abgne-frame .showbox ,.abgne-frame .abgne-block{width:100%;}
.abgne-block a img {width: 31%;}
.table01 ,.tableall01 .table02{width:98%;padding:10px 0 5px 0;}

.promotion_lists ul{width:100%;}
span.list_data {width: 100px;}
.promotion_lists {width: 96%;}
.products_list_box{font-size:15px;font-weight:normal;}
.product_box{height:auto;}

@media screen and (max-width:540px) {
#owl-demo .item, #owl-demo3 .item{width:auto;}
.products_album h2, .products_album2 h2{margin:10px 10px 20px;}
.btn_area .button3{width:100%;margin:10px 0 0;}
.cart_form ul li .cart_title1{width:12%;padding:3px;font-size:14px;}
.cart_form ul li .cart_title2{width:30%;padding:3px;font-size:14px;}
.cart_form ul li .cart_title3{width:20%;padding:3px;font-size:14px;}
.cart_form ul li .cart_title4{width:12%;padding:3px;font-size:14px;}
}
}
}
}


/**********效果****************/
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #fff;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

.scrollToTop{
	width:40px; 
	height:40px;
	line-height:40px;
	text-align:center; 
	color: #262626;
	text-decoration: none;
	position:fixed;
	bottom:55px;
	right:30px;
	display:none;
	background: #eaf2f4 url(../images/chevron-arrow-up.png) center center no-repeat ;
	z-index:100;
}
.scrollToTop:hover{
	text-decoration:none;
}