html, body {
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif ;
	background-color:#171717;

}
body{/*overflow: hidden;*/}
html{
overflow-x: hidden;

}
 @media (min-width: 1200px) {
.container {
	width: 1200px;
}
}
.tmargin {
	margin-top: 30px;
}
.bmargin {
	margin-bottom: 30px;
}
.bgmargin {
	margin-bottom: 50px;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover, a:focus {
	color: #fff;
	text-decoration: none;
}
.container-fluid{
	padding-right: 0px;
    padding-left: 0px;
	
}

/*-----------nav更改--------------*/

.navbar {
	border-radius: 0px;
	margin-bottom: 0px;
}
.btn-warning {
	background-color: #ff5600;
	border: 1px solid #ff5600;
}
.navbar-brand {
	height: 152px;
	margin-left: 55px;
	margin-right:40px;
	padding: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color:transparent;
}    

#google_translate_element{
	margin-top:43px;
	margin-left:20px;
}
.goog-te-gadget-simple{
	background-color:transparent !important;
	opacity:0.8 ;
	border-left: 1px solid #141319 !important;
	    border-top: 1px solid #141319 !important;
    border-bottom: 1px solid #141319 !important;
    border-right: 1px solid #141319 !important;
	
	
}
.goog-te-gadget-simple .goog-te-menu-value{
	color:#fff !important;
}
.goog-te-gadget-icon{
	display:none !important;
}
@media (max-width: 919px){
.goog-te-gadget-simple .goog-te-menu-value{
	color:#e7cd7c !important;
}	
#google_translate_element{
	margin-top:0px;
	
}
}
/*-修改-*/

.navbar-default {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+84,eaefea+100 */
	background:transparent; /* Old browsers */
	border-color: transparent;
}

 @media (min-width: 768px) {
.navbar-collapse {
	margin-top: 0px;
}
}

@media (max-width: 1024px) {
.navbar-collapse {
	margin-top: 0px !important;
	margin-right:0px;
}
}
.navbar-default .navbar-nav>li>a {

	font-size: 14px;
	height: 40px;
	line-height:40px;
	margin-top:45px;
	color: #fff;
	background-color: transparent;

	border-top: 1px solid transparent;
	
}
.navbar-default .navbar-nav>li>a:hover {
		color: #e7cd7c;
		border-top: 1px solid #e7cd7c;
	
}
@media (max-width: 919px) {
	.navbar-default .navbar-nav>li>a {
	margin-top:0px;
	font-size: 14px;
	height: 60px;
	line-height:60px;
	color: #e7cd7c;
	background-color: transparent;

	border-top: 1px solid transparent;
	border-bottom: 1px solid #6b5b2b;
	
}
.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color:#000;
	border-top: 1px solid transparent;
	opacity:0.7;

	
}
.container {
	width:100%;
	padding:0px;
}
.navbar-toggle{
	margin-right:30px;
}

	
}
.navbar-toggle {
	margin-top: 40px;
}
.navbar-default .navbox1 {
	margin-top: 5px;
	margin-right: 15px;
}
@media (max-width: 1024px) {
.navbar-default .nav {
	margin-right: 0px;
}
}
.navbar-default .navbox1>li>a {
	font-size: 13px;
	color: #46832c;
	padding: 15px 7px;
}
.navbar-default .navbox1>li>a::before {
	content: "| ";
}
.navbar-default .navbox1>li:nth-child(1)>a::before {
	content: " ";
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 20px;
}
.data {
	display: block;
	width: 313px;
	height: 77px;
	font-size: 13px;
	float: left;
	margin-top: 25px;
	background: url(../images/data.jpg) no-repeat;
}

@media (min-width: 1408px) {
.data {
	margin-left: 20px;
}
}
@media (max-width: 1440px) {
.data {
	margin-left: 0px !important;
}
}
 @media (max-width: 1407px) {
.data {
	display: none;
}
}
.toplink {
	display: block;
	position: absolute;
	top: 15px;
	right: 0;
	float: right;
}
.nav>li.searchbox {
	display: none !important;
}
.navbar-nav{
	margin:0 -15px;
}
 @media (max-width:919px) {
.navbar-collapse .navbar-ex1-collapse .collapse .in{
	background-color:#CC9;
}
.navbar-header {
	height:152px;
}
.navbar-brand {
	height: 100px;
	margin-left: 30px;
	margin-right:0px;
}
.navbar-toggle {
	margin-top: 35px;
}
.toplink {
	display: none;
}
.nav>li.searchbox {
	display: block !important;
}
.navbar-default .navbar-nav>li>a {

	font-size: 16px;
	padding: 0px 20px;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	/*border-bottom: 1px solid #141319;*/
}
.navbar-collapse {
	padding-right: 0px !important;
}

}
 @media (max-width:1220px) {
/*.navbar-brand {
	margin-left:20px;
	
	margin-right:20px;
}*/
.nav>li>a{
	padding:10px ;
}
 }
  @media (max-width:1250px) {
/*.navbar-brand {
	margin-left:20px;
}*/
}
@media (max-width:400px) {
.navbar-brand {
	height: 90px;
	
	margin-right:0px;
}
.navbar-toggle {
	margin-top: 30px;
}

}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #000;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #ddd;
}

@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #333;
	background-color: #e7e7e7
}
}
.dropdown-menu {
	background-color: rgba(255,255,255,0.96)!important;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0;
	border-radius: 0;
	top: 122%;
}
.dropdown-menu>li>a {
	padding: 10px 20px;
	o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.dropdown-menu>li>a:hover {
	background-color: #3a9214;
	color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #3a9214;
	background-color: transparent;
}
@media (max-width: 820px) {
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #3c3c3c;
	background-color: #eeeeee;
}
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
	right: auto;
}
}
/*---------------topbanner-----------------*/
nav{
	position:absolute;
	z-index:2;
}
.background{
	position:absolute;
	z-index:1;
	width:100%;
	height:770px;
	
	background:url(../images/bg.jpg) no-repeat center center;
}

.BANNER_TITLE{
	position: relative;
    z-index: 3;
    margin: 0;
    top: 340px;
    left: 0;
    
    font-size: 17px;
    text-align: center;
    text-shadow: 0 0 5px rgba(0,0,0,.8);
    letter-spacing: 0.1em;
    color: #ffe6b9;
    font-family: "新細明體",Arial;
}
.BANNER_TITLE>span{display: block;margin-bottom: 8px; animation-delay: 2s;   color: #fff;animation-duration: 3.5s !important;}
.BANNER_TITLE span~span{display: block;margin-bottom: 5px; animation-delay: 5s;   color: #fff;animation-duration: 3.5s !important;}
.BANNER_h4{
	font-size: 21px;display: block;
	margin-bottom:30px;

	color: #efd98a;
	animation-duration: 3s !important;
}
@media (max-width: 820px)  {
	/*.BANNER_TITLE{display: none;}*/
	.BANNER_TITLE{
	position: relative;
    z-index: 3;
    margin: 0;
    top: 270px;
    left: 0;
    
    font-size: 17px;
    text-align: center;
    text-shadow: 0 0 5px rgba(0,0,0,.8);
    letter-spacing: 0.1em;
    color: #ffe6b9;
    font-family: "新細明體",Arial;
}
.BANNER_h4 {
    font-size: 13px;
    display: block;
    margin-bottom: 17px;
    color: #efd98a;
    animation-duration: 3s !important;
}

.BANNER_TITLE>span {
    display: block;
    margin: 0 auto 8px auto;
    width: 60%;line-height: 1.5;
    font-size: 11px;
    animation-delay: 2s;
    color: #fff;
    animation-duration: 3.5s !important;
}
}

















.background2{
	position:absolute;
	z-index:1;
	width:100%;
	height:auto;
	overflow: hidden;
	background:url(../images/bg.jpg) no-repeat top center;
	background-size: cover;
}
.default_txt{position:relative;left: 0;top: 0;}



 @media (min-width:870px){
.default_txt{position:relative;left:-160px;top: 110px;}
}

.default_box{margin: auto;padding: 80px 10px 60px;min-height: 450px;}
.default_box h2{
	color: #efd98a;
    text-align: center;
    min-width: 320px;
    max-width: 100%;
    padding:10px;
    display: block;
    line-height:2;font-size: 21px;
    animation-duration: 3s !important;}

.default_box h4{
	color: #fff;
    font-size: 15px;
    max-width: 100%;
    text-align: center;
    min-width: 320px;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0 ;
    display: block;
    line-height:2;
    /*margin-bottom: 100px;*/
    animation-delay: 2.5s!important;
    animation-duration: 3s !important;}
.default_box h4~h4 {
	animation-delay: 5s;
    animation-duration: 3.5s !important;}
 @media (min-width:768px){
.default_box h2{
	font-size: 23px;
}
.default_box h4{font-size: 17px;}
}

.item2_box{background: #171717; width: 100%;    margin-top: 220px; }
.itemtitle2 {
	position: relative;
	z-index:4;
	top:-45px;
	/*margin-bottom:0px;*/
}
.itemtitle2 .col-md-4{
  padding-right: 0px;
  padding-left: 0px;
	
}

 @media (max-width:992px){
	
	.item2_box {
    background: #171717;
    width: 100%;
    margin-top: 0px;
}
.itemtitle2 {
    position: relative;
    z-index: 4;
    top: 0;
    
}
}

@media (max-width:768px) {
	.itemtitle2 {
	position: relative;
	z-index:4;
	margin-top: 0px;
	
}
}

@media (max-width:992px) {

.itemtitle2 .col-xs-12{

  padding-right: 30px;
  padding-left: 30px;
  margin-bottom:15px;
	
}
}
.navbar-brand>img:hover{box-shadow: 0 5px 25px rgba(228,198,115,.6);}


























/*-----------footer-----------*/
footer{
	width:100%;
	position:absolute;
	bottom:0;
}
.copyright {
	min-height: 52px;

	line-height: 52px;
	background-color: #000000;
	border-top:1px solid #2d2d2d;
	color: #b4b4b4;
	font-size: 12px;
	padding-left:15px;
}
.copyline {
	width:100%;
	border-top:3px solid #000;
}
.address p{float: left;}
.address p~p{margin-left: 20px;}
@media (max-width: 768px)  {
	.copyright {
	min-height: 52px;
	line-height: 1.5;
	background-color: #000000;
	border-top:1px solid #2d2d2d;
	color: #b4b4b4;
	font-size: 12px;
	padding-left:15px;
}
.address p{float: none;padding: 0;line-height: 1.5;margin-bottom: 0px;}
.address p~p{margin-left: 0px;}
}
.community,.community li {
	list-style:none;
    float:left;
    margin: 0;
    padding: 0;
}
.community li a{
	display:block;
	width:32px;
	height:52px;
	float:left;
	background-image:url(../images/icon.png);
}
.copy{
	float:left;
}
.fbicon{
	background-position:0 0;
}
.sicon{
	background-position: -30px 0 ;
}
.lineicon{
	background-position: -64px  0 ;
}
.wechaticon{
	background-position:-97px  0 ;
}
.fbicon:hover{
	background-position:0 -52px;
}
.sicon:hover{
	background-position: -30px -52px;
}
.lineicon:hover{
	background-position: -64px  -52px;
}
.wechaticon:hover{
	background-position:-97px  -52px;
}
.Pinteresticon{background-position:-97px  0 ; background: none;}
.twittericon{background-position:-125px  0 ;}

.twittericon:hover{background-position:-125px  -52px ;}
.pinteresticon{background-position:-159px  0 ;}
.pinteresticon:hover{background-position:-159px  -52px ;}

/*-----------內頁--------------*/
.ctop {
	width: 100%;
	height: auto;
}
/*------------------top-----------------*/

#gotop {
	display: none;
	position: fixed;
	right: 35px;	/*45*/
	bottom: 60px;   /*40*/
	padding: 10px 15px;
	font-size: 20px;
	background: #777;
	color: white;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#gotop:hover {
	background: #ff6600;
}
#gotop span {
	display: block;
	width: 45px !important;
	text-align: center;
	height: 45px;
	padding-top: 11px;
	border: 1px solid #fff;
	background-color: #73ae09;
	-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.53);
	box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.53);
}
#gotop span:hover {
	opacity: 0.8;
}
.label {
	font-size: 16px;
	line-height: 2;
	background-color: #fff;
	color: #b69715;
	padding: 0;
}

/*-------------動態----------------*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 -ms-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}


/*--------------產品列表頁-------------, .features-box h4, .prod-category-65, .prod-category-69---*/
 .features-box .product-price, .features-box .btn, #myTab, .product1 .breadcrumb li:nth-child(1), .product1 .breadcrumb>li+li:before , .prod-category-66 , .prod-category-67 , .prod-category-68,.prod-category-70{
	display: none !important;
}
.categorybg2{
	position:absolute;
	z-index:1;
	width:100%;
	height:auto;
	background:url(../images/categorybg2.jpg) no-repeat center center;
	background-size:cover;
	overflow: hidden;
}
.categorybg{
	position:absolute;
	z-index:1;
	width:100%;
	height:auto;
	background:url(../images/categorybg.jpg) no-repeat center center;
	background-size:cover;
	overflow: hidden;
}

.nav_cate_current{
	display:none !important;
}
.product_list ul{
	float:none !important;
	margin-top:20px;
	margin-bottom:10px;
}
@media (min-width: 768px){
.product_list ul{
	float:right !important;
	margin-top:30px;
}}
.product_list li{
	float:left !important;	
}
.product_list  .nav>li>a:focus, .product_list .nav>li>a:hover{
	    background-color:transparent !important;	
}
.product_list li>a{
	color:#e7cd7c !important;
		border-bottom:1px solid transparent;
}
.product_list li>a:hover{
	color:#fff !important;
	border-bottom:1px solid #fff;
}
.li-item{
	background:transparent !important;
	border: 1px solid #5e5e5e; margin: 10px 15px;
}
@media (min-width: 768px)  {
	.li-item{
	background:transparent !important;
	border: 1px solid #5e5e5e; margin: 0px;
}}
.li-item:hover{
	border: 1px solid #b4b4b4 !important;
}
.li-item div p{display: none;}
.features-box h4{display: none;}
.mask h2{display: block!important;    margin-top: 50%; font-size: 22px; color: #fff;}
.mask p{display: block!important;font-size: 14px; color: #fff;margin: 0 20px;  }
.info{ text-indent: -9999px; background: none;  color: transparent; width: 100%; position: absolute;top:0;
    height: 100%; display: block;}
.thumbnail-list .view {
    float: none;
}
.view {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;}
.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}    
.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(0,0,0,.8);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.product{
	min-height:503px;
	margin: auto;
	margin-bottom:50px;
	width: 100%;
}

.product img{
	margin: auto;

    clear: both;
    display: block;

}
@media (max-width:992px) {
	.product img{
	margin: auto;
    width: 100%;
    clear: both;
    display: block;

}
}


/*--------------產品內頁----------------*/
.product1 .alltext{
	color:#fff;
}
.product1  hr{
	display:none;
	
}
/*--------------end 產品內頁----------------*/
/*--------------聯絡我們----------------*/
.contactbg{
	position:absolute;
	z-index:1;
	width:100%;
	height:auto;
	background:url(../images/contactbg.jpg) no-repeat center center;
	background-size:cover;
	overflow: hidden;
}
/*--------------聯絡我們 end----------------*/
/*--------------精湛工藝----------------*/
.sbg{
	position:absolute;
	z-index:1;
	width:100%;
	height:auto;
	background:url(../images/sbg.jpg) no-repeat center center;
	background-size:cover;
	overflow: hidden;
}
/*--------------精湛工藝 end----------------*/

/*-----------分類--------------*/
.itemtitle1 {
	position: relative;
	z-index:4;
	margin-top: 575px;
	margin-bottom:50px;
}
.itemtitle1 .col-md-4{
  padding-right: 0px;
  padding-left: 0px;
	
}

@media (max-width:768px) {
	.itemtitle1 {
	position: relative;
	z-index:4;
	margin-top: 300px;
	margin-bottom:50px;
}
}

@media (max-width:992px) {

.itemtitle1 .col-xs-12{

  padding-right: 30px;
  padding-left: 30px;
  margin-bottom:15px;
	
}
}
.itempic0{
	width:100%;
	height:250px;
	background:url(/rwd1035/store/F1/images/bb.jpg) no-repeat right center;
	background-size:cover;
	float:right;
	
}
.itempic{
	width:50%;
	height:250px;
	background:url(/rwd1035/store/F1/mpic02.jpg) no-repeat right center;
	background-size:cover;
	float:right;
	
}
.itempic1{
	width:50%;
	height:250px;
	background:url(/rwd1035/store/F1/mpic03.jpg) no-repeat right center;
	background-size:cover;
	float:right;
	
}
.black{
	width:50%;
	background-color:#000;
	height:250px;
	font-size:13px;
	color:#adadad;
	padding:36px 25px;
	font-family:"新細明體" ;
	
}

.title{
	height:36px;
	line-height:36px;
	font-size:21px;

	color:#ffffff;
	
}
.grayline{
	width:30px;
	height:1px;
	background-color:#3f3e3e;
	margin:0 auto;
}
.mtitle{
	height:100px;
	padding:20px 0 25px 0;
	line-height:28px;
	
}
.more{
	display:block;
	/*width:136px;*/
	height:30px;
	line-height:30px;
	border:1px solid #5e5e5e;
	margin:0 auto;
}
.more:hover{
	color:#e7cd7c;
	border:1px solid #e7cd7c;

}
.gray{
	
	width:50%;
	background-color:#141319;
	height:250px;
	font-size:13px;
	color:#adadad;
	padding:36px 25px;
	font-family:"新細明體" ;
}


/*-----------end 分類--------------*/



/*--------------關於芳澤----------------*/
.aboutbg{
	position:absolute;
	z-index:1;
	width:100%;
	height:auto;
	background:url(../images/aboutbg.jpg) no-repeat center center;
	background-size:cover;
	overflow: hidden;
}
.carousel-inner>.item{
	min-height:500px;
}
.aboutpic{
	display:block;
	float:left;
	margin-top:10px;
	margin-left:140px;
}
.aboutword{
	width:56%;
	color:#fff;
	float:right;
	padding:0 160px 0 50px;
	overflow: auto;
	overflow-x:hidden;
	height: 350px;
	
}
.aboutpt{
	margin-top:20px;
	font-size:15px;
	line-height:1.5;
/*	letter-spacing:1px;
	text-align:justify;*/
}


.founder{
	display:block;
	float:left;
	margin-top:0;
	margin-left:165px;
}
.about_date{


    color: #fff;
    padding: 15px 4%;
    border: 1px solid #fff;
    font-size: 27px;
}

.arrleft,.arrright{
	position: absolute;
    top: 30%;
    z-index: 5;
    display: inline-block;
}
.arrleft{
	left:0;
}
.arrright{
	right:0;
}
.carousel-caption{
	right:auto;
	left:auto;
}
.carousel-control.left,.carousel-control.right{
	background-image:none;
}
.carousel-indicators{
	display:none;
}
.about{
	margin-top:8%;
	
}

@media (max-width:1200px) {
	
.aboutpic{
	display:none !important;

}
.aboutword{
	width:100%;
	height:100%;
	padding:0 50px 60px 50px;
}
.aboutword .h2{
	font-size:26px;
	
}
.aboutword .h3{
	font-size:21px;
	
}
.aboutpt{

	line-height:25px;
}

.founder{
	display:block;
	float:none;
	width: 50%;

	margin:20px auto ;
	
}
.about_date{
	display: block;
    float: none;
    color: #fff;
    padding: 0;
    border: none;
    font-size: 25px;
    width: 100%;
    margin: 20px auto;
    
}
.arrleft,.arrright{
    top: 50%;
}
footer{
	width:100%;
	position:static;
	bottom:0;
}
.carousel-inner>.item{
	min-height:100%;
	
}



	 
}

/*--------------關於芳澤 end----------------*/

/*--------------聯絡我們----------------*/
.contact_box{margin: auto;padding: 80px 0 30px;
}
.contact-img img{padding-left: 150px;}
.contact-txt p{
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	display: block;
	margin-bottom: 15px;
}
.contact-txt p a{
	color: #e7cd7c;
	text-decoration: none;
}
.contact-txt h4{
	color: #fff;
    font-size: 30px;
    display: block;
    margin-bottom: 40px;
}
.contact_p{
	color: #fff;
    font-size: 15px;
    padding: 0 20px;
    margin: 60px auto;
    text-align: center;
}

@media (max-width:992px){
	.contact-img img {
    padding-left: 0;
    width: 100%;
    margin-bottom: 30px;
}
.contact-txt p a{
	color: #e7cd7c;
	display: block;
	text-decoration: none;
}
}

.servicebg{
	position:absolute;
	z-index:1;
	width:100%;
	height:auto;
	background:url(../images/servicebg.jpg) no-repeat center center;
	background-size:cover;
	overflow: hidden;
}
.service_box{margin: auto;padding: 80px 0 60px;min-height: 450px;}
.service_box h2{
	color: #efd98a;
    font-size: 23px;
    width: 100%;
    text-align: center;
    margin: auto;
    letter-spacing: 0.1em;
    padding:10px;
    display: block;
    line-height:2;

    animation-duration: 3s !important;}

.service_box h4{
	color: #fff;
    font-size: 17px;
    width: 100%;
    text-align: center;
    margin: auto;
    letter-spacing: 0.1em;
    padding:10px;
    display: block;
    line-height:2;
    margin-top: 20px;
    margin-bottom: 100px;
    animation-delay: 2.5s!important;
    animation-duration: 3s !important;}

 @media (max-width:992px){
	.service_box h4{
	color: #fff;
    font-size: 15px;
    width: 100%;
    text-align: center;
    margin: auto;
    letter-spacing: 0.1em;
    padding:10px;
    display: block;
    line-height:2;
    margin-bottom: 40px;}
    .PRO_TOP{color: #fff;animation-duration: 3s !important;    font-size: 19px; line-height:2; display: block; text-align: center;
padding: 40px 40px 80px;}
}   


.pro_box{
	clear: both;
}
.image-box img{
	width: 100%;
	padding:10px 20px;
}
.text-desc{padding: 10px 20px 20px;color: #fff; font-size: 15px;}
.PRO_TOP{color: #fff;animation-duration: 3s !important;    font-size: 19px; line-height:2; display: block; text-align: center;
padding: 80px 40px 80px;}
.pro_list{animation-duration: 4s !important;}

/*產品說明*/
.arti-news{padding-bottom: 120px;}
.arti-news > img {
    max-width: 100%!important;
}
 @media (min-width:768px){
 	.arti-news > img {
    width: 90%!important;
    max-width: 100%;
}
 }
.arti-news h3{color: #fff;font-size: 17px;text-align: center;}
.arti-news p{
 color: #fff;
 margin-top: 10px;
 font-size: 15px;
 margin-bottom: 20px;
 line-height: 1.5;
 text-align: center;
}
.cross{text-align: center;}
@media screen and (min-width: 992px){

.croclose {
    display: block;
    margin: 0 auto;
    position: inherit;
    margin-top: 20px;
    padding-right: 0px;
}}
.croclose {
    width: 60px;
    height: 60px;
    opacity: 0.8;
    position: relative;
    top: 85px;
    padding-right: 20px;
}
.croclose:before {
    transform: rotate(45deg);
    border:1px solid #fff;
    border-right-color: transparent;
    border-top-color: transparent;
    height: 15px;
    width: 15px;
    top:5px;
    
}
.croclose:before {
    position: absolute;
    content: ' ';
/*    top:0px;
    left: 16px;*/
}
/*.croclose:after {
    transform: rotate(-45deg);
}*/
.croclose span{
	position: absolute;
	top:0px;
	font-size: 17px;
	left: 30px;
	padding-left: 8px;
}