@charset "utf-8";
@import url("header.css");/* 上頭選單 */
@import url("fonts/fi/flaticon.css");/* 上頭選單2 */
@import url("classification.css");/* 分類圖 */
@import url("about.css");/* 分類圖 */
@import url("news.css");/* news */
@import url("service.css");/* service */
@import url("unite-gallery.css");/* 產品內頁小圖放大 */
@import url("rwd.css");/* 特仕版CSS */
@import url("other.css");/* 其它 */

/*全部col-md列表
.col-md-1{width:50%;
.col-md-2{width:20%;text-align:center
.col-md-3{width:30%;
.col-md-4{width:40%;
.col-md-5{width:58.33333333%
.col-md-6{width:66.66666667%
.col-md-7{width:38.66666667%
.col-md-8{width:33.33333333%
*/
.col-md-9{width:10%}
.col-md-10{width:48%; float:left}
@media (max-width:780px){.col-md-9{width:100%}}
@media (max-width:841px){.col-md-10{width:100%;}}


/* CSS Document */
/*-- reset code --*/
body{padding:0;margin:0;}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}	
body {font-family: "Helvetica Neue", Helvetica, Arial, STHeitiTC-light, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;line-height: 1.42857143;font-size:100%; letter-spacing:0.03em;color: #000;}
a{text-decoration: none;color:#000}
a:hover,a:focus {text-decoration: underline;}
a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
p{margin:0;padding:0}
ul{margin:0;padding:0; list-style:none}
img {max-width: 100% !important; border:0; text-align:center; vertical-align:middle;}
.hr { height: 36px }

/*清理浮動*/
.clearfix:before,.clearfix:after { content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1; /*For IE 6&7 only*/}
.text-center{text-align:center !important}
.text-left{text-align:left}

/*文字*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;line-height:normal;color:inherit; font-weight:normal; margin:0; padding:0}
.h1,h1{font-size:200%}/*首頁項目標題、內頁抬頭名稱*/
.h2,h2{font-size:160%}/*產品內頁大圖產品名、login.php會員登入註冊標題*/
.h3,h3{font-size:145.3%; font-weight: 700;color: #000}/*footer公司名*/
.h3,h3 img{max-height: 80px}
.h4,h4{font-size:135.0%; font-weight: 700; color: #af9349}/*內頁標題*/
.h41,h41{font-size:135.0%; font-weight: 700;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;display: -webkit-box;}/*RWD首頁產品輪播-產品名*/
.h5,h5{font-size:93.8%}
.h6,h6{font-size:81.3%}
.page-html{font-size:120%;line-height: 165%;}
.page-html table, .page-html tr, .page-html th, .page-html td{border-collapse: collapse;border:1px solid #8b8b8b}

/*框架*/
.wrapper{width: 100%; background-image: url(../images/bg.jpg); background-repeat: repeat-x;}
.contain{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.container{width:1170px; margin:0 auto}
@media (max-width:1200px){.container{width:90%}}
@media (max-width:991px){.container{width:100%}}



/*margin*/
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr60{margin-right:60px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}


/*padding*/
.pt8{padding-top:8px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
@media (max-width:900px){
.mts10{margin-top:10px}
.mts20{margin-top:20px}
.mts25{margin-top:25px}
.mts30{margin-top:30px}
.mts35{margin-top:35px}
.mts40{margin-top:40px}
.mts50{margin-top:50px}
.mts60{margin-top:60px}
}

/*float*/
.floatleft{ float:left}
.floatright{ float:right}

/*height*/
.h50{height:65px; overflow:hidden}

/*------------------------------------------------------------------ 
  footer CSS
-------------------------------------------------------------------*/
#footer{
    width: 100%;
    border-top: solid 1px #CCC;
    margin: 30px 0 0 0;
    padding: 20px 0 20px 0;
    clear: both;
    color: #fff;
    background-image: url(../images/bg-footer.jpg);
    background-repeat: repeat;
}
.col-md-2{width:20%; text-align:center;float:left}
.map{width:40%;float:left}
.col-md-4{width:40%;float:left;color: #000;}
#footer .linklist li{display:block;padding:0 0 10px 0; font-size:1.2em;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}
#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:40px;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;font-style:normal;}
#footer .contact li a{color:#000}
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px;text-align:center;}
.f-social{margin:20px 0 0 0;color: #000;}
.f-social li{width:100%; margin:5px 0 10px 0; font-size:18px; text-align:left;}
.f-social li a{color:#000}
.f-menu{ background-color:#af9349; text-align:center; padding:5px 10px; font-size:18px;color:#fff}
.f-menu a{color:#fff}
.copywrite{background-color:#cfcfcf;text-align:center; padding:5px 10px; font-size:13px; color:#6c6c6c}
.copywrite a{color:#6c6c6c}
@media (max-width:900px){
.col-md-2{width:30%;}
.col-md-4{width:70%}
.map{display:none}
}
@media (max-width:510px){
.col-md-2{width:100%;text-align:left; }
.col-md-4{width:100%}
.col-md-2 img{float:right;width:25%}
.f-social{float:left; margin:0 0 0 8px; width:70%;}
}
@media (max-width:320px){
.col-md-2 img{width:30%}
.f-social{width:65%;}
}


/*------------------------------------------------------------------ 
  產品列表 CSS
-------------------------------------------------------------------*/
.col-md-3{width:30%; float:left; margin:0 15px}
@media (max-width:1196px){.col-md-3{margin:0 12px;}}
@media (max-width:956px){.col-md-3{width:29%;}}
@media (max-width:768px){.col-md-3{width:46%;}}
@media (max-width:715px){.col-md-3{width:45%;}}
@media (max-width:600px){.col-md-3{width:100%;}}

.gallery-section{position:relative;	padding:100px 0 0 0;}
.gallery-section p{ text-align:center; color:#777; margin-bottom: 10px}
.default-gallery-item .inner-box{position:relative;display:block;overflow:hidden;height: 265px;}
.default-gallery-item .inner-box .image-box{position:relative;width: 100%; height: auto;overflow: hidden}
@media (max-width:990px){.default-gallery-item .inner-box{height:225px;}}
@media (max-width:600px){.default-gallery-item .inner-box{height:auto;}}
.default-gallery-item .inner-box .image-box img{position:relative;width:100%;display:block;height:100%;object-fit:scale-down;}
.default-gallery-item .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	padding:0px;
	color:#ffffff;
	opacity:0;
	text-align:center;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
}
.default-gallery-item .inner-box:hover .overlay-box{
	top:0px;
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);	
}
.default-gallery-item .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 20px;
	background:rgba(23,39,69,0.85);
}
.default-gallery-item .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}
.default-gallery-item .overlay-inner .option-btn{
	position:relative;
	display:inline-block;
	line-height:42px;
	color:#ffffff;
	font-size:14px;
	width:42px;
	height:42px;
	margin:0px 4px;
	background:rgba(255,255,255,0.30);
	border-radius:50%;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}
.default-gallery-item .overlay-inner .option-btn:hover{
	background:#af9349;
	color:#ffffff;	
}
.default-gallery-item .overlay-inner h3{
	color:#af9349;
	font-weight:600;
	text-transform:capitalize;
	margin-bottom:15px;
}
.default-gallery-item .overlay-inner h3 a{
	color:#af9349;	
}
.default-gallery-item .overlay-inner h3 a:hover{
	color:#ffffff;
}
.default-gallery-item.mix{
	display:none;
}
.mixitup-gallery{
	position:relative;
	padding:30px 0px 0px;
}
.mixitup-gallery .outer-box{
	position:relative;	
}
.mixitup-gallery .filters{
	position:relative;
	margin-bottom:40px;
}
.mixitup-gallery .filters li{
	position:relative;
	display:block;
	padding:7px 0px 7px 50px;
	line-height:24px;
	color:#777777;
	cursor:pointer;
	text-transform:uppercase;
	border:1px solid #e3e3e3;
	font-size:15px;
	font-weight:700;
	margin:0px 0px 30px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	font-family: 'Source Sans Pro', sans-serif;
}
.mixitup-gallery .filters li:hover,
.mixitup-gallery .filters li.active{
	color:#222222;
	border-color:#af9349;
}
/* boxlight */
.fancybox-next span,
.fancybox-prev span{
	background-image:none !important;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	text-align:center;
}
.fancybox-next span:before,
.fancybox-prev span:before{
	content:'';
	position:absolute;
	font-family: 'FontAwesome';
	left:0px;
	top:0px;
	font-size:12px;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	background-color:rgba(28,28,28,0.40) !important;
	color:#ffffff;
	visibility:visible;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}
.fancybox-next span:before{content:'\f178';}
.fancybox-prev span:before{	content:'\f177';}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
	background-color:#ffffff !important;
	color:#000000;	
}
.fancybox-type-image .fancybox-close{
	right:7px;
	top:7px;
	width:45px;
	height:45px;
	background:url(../images/icon-cross.png) center center no-repeat;
	background-color:rgba(17,17,17,0.50) !important;	
}
.fancybox-type-image .fancybox-close:hover{background-color:#000000 !important;	}
.fancybox-type-image .fancybox-skin{padding:7px !important;	}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto;}
.fancybox-lock body { overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
		background-image: url('../images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*------------------------------------------------------------------ 
  產品內頁 CSS
-------------------------------------------------------------------*/ 
.col-md-5{width:58.33333333%;float:left; margin-right:19px;}
.col-md-7{width:38.66666667%;float:left}
/* - 左邊區塊 CSS */
.price {color: #252525;  float: left;  font-size: 20px;  font-weight: 700;}
.old-price {color: #959595;font-size: 13px;font-weight: 400;margin-left: 5px;text-decoration: line-through; line-height:33px}
.price-box {float: left;}
.old-price{}
.pro-rating {float: right;}
.pro-rating a {color: #777676;  display: inline-block;}
.pro-title{}
.pro-title h3 a {color: #333;font-size: 14px;font-weight: 400;padding: 5px 0;text-decoration: none;text-transform: capitalize;}
.pro-title h3 a:hover,.pro-rating a:hover{color: #ffae00;}
.tab-content > .tab-pane {display: block; height: 0; opacity: 0; overflow: hidden;}
.tab-content > .active {display: block; height: auto; opacity: 1; overflow: visible;}
.owl-carousel .owl-controls .owl-nav div {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #ebebeb;
  border-radius: 0;
  color: #ebebeb;
  font-size: 18px;
  height: 40px;
  left: -35px;
  line-height: 34px;
  margin-top: -20px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 400ms ease-in 0s;
  width: 40px;
}
.owl-carousel .owl-controls .owl-nav div.owl-next {left:auto;right:-35px}
.owl-carousel:hover .owl-controls .owl-nav div{opacity:1}
.owl-carousel .owl-controls .owl-nav div:hover{color: #ffae00;border-color:#ffae00;}
.pro-large-img {position: relative;}
.pro-large-img img{width: 100%;}
.pro-large-img a {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  color: #777676;
  display: block;
  font-weight: 700;
  left: 50%;
  line-height: 22px;
  margin-left: -68px;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  width: 136px;
}
.pro-large-img a i{margin-left:5px}
.details-tab {margin: 10px 0 0;}
.details-tab img {width: 100%;}
.owl-item > div {width: 100%;}
.pro-ref{}
.pro-ref p{margin-bottom: 6px;font-size: 16px;}
.pro-ref label{color: #444444;font-size: 16px;font-style: italic;font-weight: normal;font-style:italic}
.pro-ref span{}
.product-details{}
.pro-d-title{color: #000;font-weight: 500;margin:0 0 40px 0;text-transform: capitalize;}
.product-details .price-box{float:none}
.short-desc {margin-top: 35px;}
.short-desc p {border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; clear: both; margin: 25px 0; padding: 10px 0; word-wrap: break-word;color:#9c9c9c}
.box-quantity{}
.box-quantity label{display: inline-block;float: left;font-size: 16px;font-weight: normal;line-height: 35px;margin-right: 10px; }
.box-quantity input{border: 1px solid #ebebeb;height: 35px;line-height: 35px;padding: 0 6px;width: 20%;}
.box-quantity button {
  background: #fff none repeat scroll 0 0;
  border: 3px solid #ebebeb;
  color: #4e4e4e;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  margin: 15px 10px 0 0;
  padding: 3px 20px;
  text-transform: uppercase;
  transition: all 300ms ease-in 0s;
}
.box-quantity button:hover{border-color:#ffae00;color:#ffae00}
.usefull_link_block {margin-top: 20px; overflow: hidden; text-align: left; width: 100%;}
.usefull_link_block ul{}
.usefull_link_block ul li{ margin: 0 0 8px;}
.usefull_link_block ul li a{color: #828282;display: inline-block;font-size: 16px;font-weight: normal;line-height: 22px;position: relative;}
.usefull_link_block ul li a i {width: 20px;}
.select-size {margin: 10px 0;}
.select-size label{display: inline-block;float: left;font-size: 16px;font-weight: normal;line-height: 35px;margin: 0 10px 0 0;}
.select-size select {height: 35px; max-width: 50%;}
select {
    width: 100%;
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    padding-left: 10px;
    box-shadow: none;
    font-size: 14px;
    color: #626262;
}
@media only screen and (max-width: 1067px) {
.box-quantity button {padding: 3px 15px;}
}
@media only screen and (max-width: 883px) {
.col-md-5{width:100%;float:none;margin-bottom:25px}
.col-md-7{width:100%;float:none;margin-bottom:25px}
.pro-d-title{margin:0 0 20px 0;}
.box-quantity{ text-align:center;}
.box-quantity button {margin:20px 10px; border: 3px solid #f1ac10;color:#ce8f00}
.short-desc {margin-top: 0;}
.short-desc p {padding: 15px 0;margin:10px 0 20px 0;}
}
@media only screen and (max-width: 419px) {
.box-quantity button {margin:10px 5px;}
}
@media only screen and (max-width: 343px) {
.select-size label{margin: 0 10px;}
.box-quantity input{width: 15%;}
}

/*------------------------------------------------------------------ 
  頁碼 CSS
-------------------------------------------------------------------*/ 
nav[role="navigation"] { text-align: center;margin-bottom: 40px;}
.cd-pagination {width: 100%; text-align: center;margin: 2.5em auto 0em}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none; margin: 0 .2em;}
.cd-pagination li a{color: #000;text-decoration: none;}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .1em .5em;
  font-size: 1.1rem;
}
.cd-pagination a { border: 1px solid #e6e6e6; border-radius: 0.25em;}
.no-touch .cd-pagination a:hover { background-color: #f2f2f2;}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after { opacity: .4;}
.cd-pagination .button:first-of-type a::before { content: '\00ab  ';}
.cd-pagination .button:last-of-type a::after { content: ' \00bb';}
.cd-pagination .current {
  /* selected number */
  background-color: #ffb400;
  border-color: #ffb400;
  color: #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
.cd-pagination li {display: inline-block;}
}

/*------------------------------------------------------------------ 
  Back to Top CSS
-------------------------------------------------------------------*/
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:80px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}
#backtotop{color:#FFFFFF; background-color:#0077b0;}

/* - 內頁CSS
 ------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------ 
  Page title CSS
-------------------------------------------------------------------*/ 
.page-title-heading {margin-bottom: 65px;}
.page-title {text-align: center;margin-bottom: 50px;}
.page-title .page-title-heading .title {color: #fff;margin: 20px 0 0 0;}
.page-title {padding-top: 80px;	padding-bottom: 15px;}
.parallax {background-attachment: fixed;  background-size: cover; background-position: 50% 50%;}
.parallax1 { background-image: url(../images/page-banner.jpg); }
@media only screen and (max-width: 991px) {
.parallax.parallax1 {background-position: 0 0 !important;}
}

/*------------------------------------------------------------------ 
  麵包屑 CSS
-------------------------------------------------------------------*/ 
.breadcrumbs {
    color: rgba(255, 255, 255, 0.8);
    font-size: 95%;
    text-transform: uppercase;
    letter-spacing: 1px; 
	text-shadow: 2px 2px 3px #000;
}
.breadcrumbs > p {float: left;margin: 0;}
.breadcrumbs ul li {display: inline-block;float: left;}
.breadcrumbs ul li a {margin: 0 16px;color: rgb(255, 255, 255);	position: relative;}
.breadcrumbs ul li:last-child{margin-left: 18px;}
.breadcrumbs ul li:first-child a{margin-left: 10px;}
.breadcrumbs ul li a:after {
	content: "\f178";
	font-family: FontAwesome;
	position: absolute;
    right:-25px;
    bottom: -2px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
@media only screen and (max-width: 357px) {
.breadcrumbs { padding-bottom: 10px;}
}

/*------------------------------------------------------------------ 
  Produdt Page title CSS
-------------------------------------------------------------------*/ 
.p-titel{margin: 2% 0;border-bottom: solid 1px #a3a3a3}
.p-titel h2{font-size: 2em; color: #000000;border-bottom: solid 5px #af9349;display:inline-block;padding-bottom: 0.7%;margin-bottom: -3px}

/*------------------------------------------------------------------ 
  最新消息 CSS
-------------------------------------------------------------------*/
.circledate {color:#fff;background: url(../images/blackcircle.png) no-repeat; width:100px; height:100px; float:left;margin-right:10px; margin-bottom:1px; margin-top:1px;padding:15px 10px}
.textcircle {margin-left:0;margin-top:15px;text-align:center;color:#ddd;font-size:19px;line-height:normal}
.day {margin-bottom:10px;}
.saymore {font-weight:bold;color:#F30}
.comments {float:right;font-family:BitterItalic;font-size:11px;font-weight:normal;color:#888;margin-top:10px;}
.dots { background: url(../images/dots.gif) repeat-x; height: 10px; }
.blogdots { margin-left: 110px; margin-top: -5px; margin-bottom: 10px; }

/*------------------------------------------------------------------
   contact us CSS
-------------------------------------------------------------------*/ 
.col-md-1{width:50%; float:left}
.col-lg-1{width:20%; float:left}
.col-lg-2{width:80%; float:left}
.col-lg-3{width:100%; clear:both;padding-bottom:5px;margin:10px 0 35px 0;}
.contacts{padding: 75px 0 140px 0;}
.contacts__address{ margin-left: 50px;}
.contacts__address-info-main{padding: 35px;background-color:#f5f5f5;}
.contacts__address-info{margin-bottom:45px;}
.contacts__address-info-main-item{width:100%;margin-bottom: 10px;float:left}
.contacts__address-info-main-item span.fa{font-size:16px; margin-right: 10px;color:#f76d2b;	fill:#f76d2b;}
.contacts__address-info-main-item p{font-weight:bold;margin: 5px 0 10px 30px;}
.contacts__address-info-main-item em{font-weight:bold; float:left; width:100%}
.s-titleDet{
	font-weight:700;
    text-transform: uppercase;
    padding-left: 12px;
    border-left:4px solid #f76d2b;
}
.s-titleDet{border-color:#f76d2b;}
.iframe-rwd {
    position: relative;
    padding-bottom: 75%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.s-lineDownLeft{
    text-align: left;
    border-bottom: 1px solid #B4B4B4;
    position: relative;
}

.s-lineDownLeft:after{
    background: url(../images/chevron-down.png) center no-repeat;
    width: 15px;
    left: 5%;
    height: 7px;
    content: '';
    position: absolute;
    top: 100%;
    display: block
}
@media (max-width: 1140px){
.col-lg-1{width:22%;}
.col-lg-2{width:78%;}
}
@media (max-width: 991px){
.col-lg-1{width:100%;}
.col-lg-2{width:100%;}
.contacts__address-info-main-item em{margin: 5px 0 5px 30px;}
}
@media (max-width: 900px){
.col-md-1{width:100%;margin-bottom:30px;}
.contacts__address{ margin-left: 0;}
.contacts__address-info-main-item em{float:none;}
}
@media (max-width: 366px){
.contacts__address-info-main-item em{float:left;}
}
/*------------------------------------------------------------------
   form
-------------------------------------------------------------------*/
.form-group { margin-bottom: 28px;}
.form-group label {text-transform: uppercase; font-weight:700;  color:#0077b0;font-size:18px}
.form-contact {
  font: 17px/36px "Muli", sans-serif;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid #f5f4f4;
  position: relative;
  background: none;
  display:block;
  width:100%;
}
.form-contact:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-color: #ccc;
  border-color:#66afe9;outline:0;-webkit-box-shadow:none;box-shadow:none}
textarea.form-contact {
  height: 105px;
  line-height: 35px;
  resize: none;
  background-image: -webkit-radial-gradient(transparent 0%, transparent 0%), -webkit-radial-gradient(transparent 0%, transparent 0%), -webkit-linear-gradient(top, transparent 0%, transparent 98%, #e9f0f4 95%, #e9f0f4 100%);
  background-repeat: repeat-y, repeat-y, repeat;
  -webkit-background-size: 35px 35px, 35px 35px, 35px 35px;
  background-size: 35px 35px, 35px 35px, 35px 35px;
  border: none;
}
.subscribe-form .form-contact {width: 255px; margin-right: 25px;}
select.m-select{
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid #f5f4f4;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  width:100%!important;
  font: 17px/36px "Muli", sans-serif;
  line-height: 35px;
  color:#757575;
}
select.m-select:focus{outline: none;}
select.m-select + span.fa{ position:absolute}
@media (max-width: 1199px) {
.subscribe-form .form-contact {margin-right: 15px; width: 198px; }
}
@media (max-width: 991px) {
.subscribe-form .form-contact {margin-right: 0; margin-bottom: 10px; width: 100%; }
}
@media (max-width: 767px) {
.subscribe-form .form-contact {margin-bottom: 0;}
}
@media (max-width: 991px) {
 .subscribe-form .form-group {width: 100%;  }
}
@media (max-width: 767px) {
.subscribe-form .form-group {width: 255px; float: left; margin-right: 15px;  }
}
/*購物車表單*/
.checkout-form-list{margin-bottom: 18px;}
.checkout-form-list label{color: #333; float:left; width:100%}
.checkout-form-list label span.required{}
.checkout-form-list input[type=text],.checkout-form-list input[type=password],.checkout-form-list input[type=email]{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 42px;
  width: 100%;
  padding: 0 0 0 10px;
  font-size:17px;
}
.checkout-form-list input[type="checkbox"] {
  display: inline-block;
  height: inherit;
  margin-right: 10px;
  position: relative;
  top: 2px;
  width: inherit;
}
.create-acc label { color: #333; display: inline-block;}
.checkout-form-list input[type=password]{font-size:17px;}
.order-notes{}
.order-notes textarea{height: 90px; padding: 15px; width:100%; font-size:17px;}
.checkbox-form{}
.checkbox-form h3 {
  border-bottom: 1px solid #e5e5e5;
  color: #333333;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}
.country-select{margin-bottom: 18px;position: relative;}
.country-select label,.checkout-form-list label{
  color: #333;
  margin: 0 0 5px;
  display:block;
  font-size:20px;
}
.country-select label span.required,.checkout-form-list label span.required{color:red}
.country-select select {
  -moz-appearance: none;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  height: 42px;
  padding-left: 10px;
  width: 100%;
  font-size:17px;
}
.country-select::before {
  content: ;
  display: inline-block;
  font-family: fontawesome;
  font-size: 20px;
  position: absolute;
  right: 12px;
  top: 34px;
}

/*Button*/
.btn-primary {
  background: transparent;
  border-width: 0 2px;
  border-style: solid;
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 2px;
  background-size: 100% 2px;
  border-radius: 0;
  text-transform: uppercase;
  padding: 0 40px;
  line-height: 42px;
  font-weight:700;
  font-size:17px;
  color: #fff;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}
.btn-primary span {
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}
.btn-primary:hover, .btn-primary:focus {
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  border-left: 2px solid;
  border-right: 2px solid;
  color: #fff;
}
.btn-primary.btn-sm {padding: 0 18px;line-height: 38px;}
.btn-primary {
  border-left-color: #f1ac10;
  border-right-color: #00acff;
  background-image: -webkit-linear-gradient(left, #f1ac10 0%, #00acff 100%), -webkit-linear-gradient(left, #f1ac10 0%, #00acff 100%);
  background-image: -moz-linear-gradient(left, #f1ac10 0%, #00acff 100%), -moz-linear-gradient(left, #f1ac10 0%, #00acff 100%);
  background-image: -o-linear-gradient(left, #f1ac10 0%, #00acff 100%), -o-linear-gradient(left, #f1ac10 0%, #00acff 100%);
  background-image: linear-gradient(to right, #f1ac10 0%, #00acff 100%), linear-gradient(to right, #f1ac10 0%, #00acff 100%);
}
.btn-primary span {
  background: -webkit-linear-gradient(330deg, #f1ac10 0%, #00acff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #00acff;
}
.btn-primary:hover, .btn-primary:focus {
  background-size: 100% 100%;
  border-left-color: #f1ac10;
  border-right-color: #00acff;
}
.btn-primary:hover span, .btn-primary:focus span {
  background: -webkit-linear-gradient(330deg, white 0%, white 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
}

/*------------------------------------------------------------------
   購物車CSS開 始
-------------------------------------------------------------------*/
.col-md-6{width:66.66666667%; float:left;}
.col-md-8{width:33.33333333%; float:left;}
.note1{color:#F00}
.note2{color:#00F; margin-top:10px}
.note3{width:100%; float:left; color:#BE0105; margin-top:5px}
.note4{color:#00F;}
.note5{color:#999;}
.note6{color:#999; clear:both;}
.ordernumber{color:#ff0000;font-size:25px}
.table-responsive{overflow-x:auto;min-height:0.01%}
.table-content {} .table-content table {
    background: #fff none repeat scroll 0 0;
    border-color: #e5e5e5;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 0 0 30px;
    text-align: center;
    width: 100%;
}
.table-content table {} .table-content table th {
    border-top: medium none;
    font-weight: normal;
    padding: 10px;
    vertical-align: middle;
    white-space: nowrap;
	font-size:17px;
}
.table-content table th,
.table-content table td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.table-content table td { border-top: medium none; padding: 10px; vertical-align: middle; font-size: 17px;white-space: nowrap;}
.table-content table td input {
    background: #e5e5e5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #6f6f6f;
    font-size: 17px;
    font-weight: normal;
    height: 40px;
    padding: 0 5px 0 10px;
    width: 60px;
}
.table-content table td.product-subtotal {font-size: 17px;font-weight: bold; width: 120px;}
.table-content table td.product-name a {font-size: 17px;font-weight: 700;margin-left: 10px; color: #6f6f6f;}
.table-content table td.product-thumbnail {width: 130px;}
.table-content table td.product-remove i {
    color: #919191;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.table-content table .product-price .amount {font-size: 17px;font-weight: 700;}
.table-content table td.product-remove i:hover {color: #ffae00;}
.table-content table td.product-quantity {width: 130px;}
.table-content table td.product-remove {width: 50px;}
.table-content table td.product-price { width: 130px;}
.table-content table td.product-name a:hover,.buttons-cart a:hover {color: #ffae00;}
.product-thumbnail img {width: 100%;}
.buttons-cart {margin-bottom: 30px;overflow: hidden;}
.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
    background: #252525 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 17px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 15px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: inherit;
}
.wc-proceed-to-checkout { clear: both; display: block;}
.buttons-cart input:hover,.buttons-cart a:hover {background: #ffae00 none repeat scroll 0 0; color: #fff;}
.buttons-cart a {color: #fff; float: left; height: 40px; line-height: 40px;}
.cart_totals {float: left; width: 100%;}
.cart_totals table {border: medium none;float: right;margin: 0; text-align: right;}
.cart_totals table th {
    border: medium none;
    font-weight: bold;
    padding: 0 20px 12px 0;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
}
.cart_totals table td {border: medium none;padding: 0 0 12px; vertical-align: top;}
.cart_totals table {} .cart_totals table td .amount {
    color: #ffae00;
    float: right;
    font-size: 17px;
    margin-left: 5px;
    text-align: right;
    text-transform: uppercase;
}
.cart_totals table td ul#shipping_method {list-style: outside none none; margin: 0; padding: 0;}
.cart_totals table td ul#shipping_method li { float: left; margin: 0 0 10px; padding: 0;text-indent: 0; width: 100%;}
.cart_totals table td ul#shipping_method li input { margin: 0; position: relative; top: 2px;}
.cart_totals table {} a.shipping-calculator-button {font-weight: bold;color: #6f6f6f;}
a.shipping-calculator-button:hover { color: #83CBDC}
.cart_totals table tr.order-total th,.cart_totals table tr.order-total .amount {font-size: 20px; text-transform: uppercase; white-space: nowrap;}
.cart_totals table tr.order-total .amount {} .wc-proceed-to-checkout a {
    background: #ffae00 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 30px;
    text-transform: none;
}
.wc-proceed-to-checkout a:hover {background: #252525;}
@media (max-width: 480px) {
.col-md-6{width:100%; float:none; margin-bottom:30px}
.col-md-8{width:100%; float:none;}
.buttons-cart input, .coupon input[type="submit"], .buttons-cart a, .coupon-info p.form-row input[type="submit"] {margin: 0 10px; width:45%; text-align:center;margin-bottom: 15px}
.buttons-cart{margin-bottom:15px}
.table-content table{margin:0 0 20px}
}
/*購物頁登入*/
.login-check{border:1px solid #ececec;margin-bottom:80px;width:100%; padding:15px}
.login-form{padding:20px 40px 40px 80px}
.check-details{padding:20px 50px 0 50px;text-align:center;}
.check-detail{margin-bottom:27px;min-width:220px;text-align:left}
.login-out{display:none}
@media (max-width:768px){
.login-out{display:block}
}
@media (max-width:500px){
.login-form{padding:0}
.check-details{padding:10px 0 0 0;}
}
/*購物流程*/
.bsm_section_2 { text-align: center; height: auto; margin: 30px auto; padding: 0;}
.bsm_section_2 ul {width: auto; display: inline-block; margin: auto;}
.bsm_section_2 ul li { display: inline-block; position: relative; width: 150px; margin: 0; float: left;}
.bsm_section_2 ul li div {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    font-size: 20px;
    position: relative;
    margin: auto;
    z-index: 1;
}
.bsm_section_2 ul li div:before {
    content: "";
    width: 103px;
    height: 3px;
    background-color: #f0e9e1;
    position: absolute;
    z-index: 1;
    left: -100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}
.bsm_section_2 ul li div:after {
    content: "";
    width: 103px;
    height: 3px;
    background-color: #f0e9e1;
    position: absolute;
    z-index: 1;
    right: -100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}
.bsm_section_2 ul li:nth-child(1) div:before {display: none;}
.bsm_section_2 ul li:nth-child(3) div:after {display: none;}
.bsm_section_2 ul li.bsm_section_2_shopping_cart_active_page {z-index: 9;}
.bsm_section_2 ul li.bsm_section_2_shopping_cart_active_page div:before,
.bsm_section_2 ul li.bsm_section_2_shopping_cart_active_page div:after {background-color: #cf3045; z-index: 9;}
.bsm_section_2 ul li:nth-child(2) div:before {background-color: #cf3045; z-index: 9; width: 100px;}
.bsm_section_2 ul li:nth-child(2) div span {}
.bsm_section_2 ul li.bsm_section_2_shopping_cart_active_page div span { border-color: #cf3045; color: #cf3045;}
.bsm_section_2 ul li div span {
    display: block;
    width: 50px;
    background-color: #FFFFFF;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #d9c2a0;
    text-align: center;
    color: #857a6b;
    line-height: 45px;
    padding: 0;
    font-size: 20px;
    position: relative;
    margin: auto;
    z-index: 3;
}
.bsm_section_2 ul li p {line-height: 14px; margin-top: 20px; color: #857a6b;}
.bsm_section_2 ul li.bsm_section_2_shopping_cart_active_page p { color: #cf3045;}
@media (max-width: 480px) {
.bsm_section_2{ display:none}
}


/*dddd*/
.helper-button-info,.helper-button-success,.helper-button-warn,.helper-button-error{color:#fff}.helper-button-info:hover,.helper-button-success:hover,.helper-button-warn:hover,.helper-button-error:hover{opacity:.8;color:#fff}.helper-button-info:active,.helper-button-success:active,.helper-button-warn:active,.helper-button-error:active{opacity:1}.helper-button-info{background:#2285ee;border-color:#2285ee}.helper-button-info:hover{border-color:#2285ee}.helper-button-info:active{background:#0c74e3;border-color:#0c74e3}

/*video*/
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video-container iframe, .video-container object,.video-container embed  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*other*/
.color-blue{color:#0013ce}
table, tr, th, td{border-collapse: collapse; border:0}