@charset "utf-8";
/* CSS Document */
body {
	background-color:#FFF;
    font-size: 12px;
    color: #000;
}
/*
body.home .main .side1 {
    display: none;
}
*/
p {
    line-height: 24px;
    margin-bottom: 24px;
}
ul li{
	list-style-type: none;
	line-height: 24px;
}
.contentp.number{
	margin:15px auto 5px;
}

.content p.name {
    color: #000;
    font-size: 25px;
    margin-bottom: 10px;
}

body.product.p03 p.number {
    color: #ababab;
    font-size: 15px;
    margin: 0 auto 9px;
}


.content p.title {
    border: 2px solid #6cccaa;
    border-radius: 5px;
    color: #18a372;
    font-size: 16px;
    margin: 55px 0 10px;
    padding: 5px 10px;
    text-align: center;
}

.content p.content {
    font-size: 15px;
    color: #4b4b4b;
	text-align:justify;
	margin-top:12px;
}

h1 {
	margin:60px 0 0 0;
}

h3 {
    color: #7f3a20;
    font-size: 24px;
}

.wrapfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active {
    background-color:inherit;
    border-color: #adadad;
    color: #333;
}

body.home .main_content {min-height: 0;}

.main_content { min-height: 300px;}

.content .breadcrumb{ display:none;}
.content .breadcrumb{
	background-color:transparent;
	color:#d0d0d0;
	margin-top:13px;
}

.content .breadcrumb a{ color:#d0d0d0;}

.content .breadcrumb .active a{ color:#000;}

body.product.p02 .content .breadcrumb,
body.product.p03 .content .breadcrumb,
body.solve .content .breadcrumb{
	display:block;
}

body.solve .content .breadcrumb{
	margin-bottom:0;
}

body.solve.show .content .breadcrumb{
	margin-bottom:20px;
}

.content .btn-box { 
    font-size: 13px;
    line-height: 24px;
    margin: 20px 0;
    position: relative;
    text-align: center;
}

.clearall{ clear:both;}
img{ width:100%;}


/*--------- 防止float溢出 --------*/
.content .txt:after,
.content .news-box .news-list li:after,
body.news .content h3:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#floating,
#floating.fixed {
	position: static;
	text-align: right;
	margin: 50px 60px 0 0;
}
#floating a {
	display: inline-block;
	color: #fff;
	background-color:#42a180;
	width:32px;
	height:32px;
	text-align:center;
	line-height:26px;
	font-family: 標楷體;
}




/********************* Header *********************/
.header {
    background-color: #fff;
}
.header .navbar {
    z-index: 20;
}

/*LOGO*/
.header .navbar-header .navbar-brand {
    background: url(../images/all/logo.png) no-repeat;
    display: block;
    padding: 0;
    text-indent: -9999px;
    width: 65px;
    height: 72px;
    margin: 23px 0 15px 30px;
}

.header .brand_font{
	display:none;
}

.header .navbar-header .navbar-brand:hover {
    opacity: 0.7;
}

.header .navbar-nav{
	position:absolute;
	top:63px;
	right:0px;
	width: 775px;
}

.header .navbar-nav > li > a {
    background: url(../images/all/nav_en.png) no-repeat;
    text-indent: -9999px;
	height:35px;
    margin-right: 10px;
}
.header .navbar-nav > li > a:hover {
    background-image: url(../images/all/nav_en.png);
	background-position:0 -35px;
}

.header .navbar-nav > li.b1 > a { background-position: 0px 0; width: 43px;}
.header .navbar-nav > li.b2 > a { background-position: -50px 0; width: 120px;}
.header .navbar-nav > li.b3 > a { background-position: -298px 0; width: 66px;}
.header .navbar-nav > li.b4 > a { background-position: -177px 0; width: 120px;}
.header .navbar-nav > li.b5 > a { background-position: -370px 0; width: 90px;}
.header .navbar-nav > li.b6 > a { background-position: -468px 0; width: 52px; }
.header .navbar-nav > li.b7 > a { background-position: -532px 0; width: 86px; }
.header .navbar-nav > li.b8 > a { background-position: -625px 0; width: 70px;}


body.index .header .navbar-nav > li.b1 > a, .header .navbar-nav > li.b1 > a:hover { background-position: 0px -35px; }
body.case .header .navbar-nav > li.b2 > a, .header .navbar-nav > li.b2 > a:hover  { background-position: -50px -35px; }
body.case .header .navbar-nav > li.b3 > a, .header .navbar-nav > li.b3 > a:hover { background-position: -298px -35px; }
body.service .header .navbar-nav > li.b4 > a, .header .navbar-nav > li.b4 > a:hover { background-position: -177px -35px; }
body.product .header .navbar-nav > li.b5 > a, .header .navbar-nav > li.b5 > a:hover    { background-position: -370px -35px; }
body.news .header .navbar-nav > li.b6 > a, .header .navbar-nav > li.b6 > a:hover { background-position: -468px -35px; }
body.download .header .navbar-nav > li.b7 > a, .header .navbar-nav > li.b7 > a:hover  { background-position: -532px -35px; }
body.contact .header .navbar-nav > li.b8 > a, .header .navbar-nav > li.b8 > a:hover  { background-position: -625px -35px; }


/*
.header .navbar-nav > li.b1 > a { background-position: -16px 0; width: 95px; }
.header .navbar-nav > li.b2 > a { background-position: -269px 0; width: 93px; }
.header .navbar-nav > li.b3 > a { background-position: -140px 0; width: 94px; }
.header .navbar-nav > li.b4 > a { background-position: -400px 0; width: 76px; }
.header .navbar-nav > li.b5 > a { background-position: -515px 0; width: 62px; }
.header .navbar-nav > li.b6 > a { background-position: -613px 0; width: 61px; }
.header .navbar-nav > li.b7 > a { background-position: -709px 0; width: 61px; margin-right: 0;}

body.about .header .navbar-nav > li.b1 > a, .header .navbar-nav > li.b1 > a:hover { background-position: -16px -35px; }
body.case .header .navbar-nav > li.b2 > a, .header .navbar-nav > li.b2 > a:hover  { background-position: -269px -35px; }
body.service .header .navbar-nav > li.b3 > a, .header .navbar-nav > li.b3 > a:hover { background-position: -140px -35px; }
body.product .header .navbar-nav > li.b4 > a, .header .navbar-nav > li.b4 > a:hover { background-position: -400px -35px; }
body.news .header .navbar-nav > li.b5 > a, .header .navbar-nav > li.b5 > a:hover    { background-position: -515px -35px; }
body.download .header .navbar-nav > li.b6 > a, .header .navbar-nav > li.b6 > a:hover { background-position: -613px -35px; }
body.contact .header .navbar-nav > li.b7 > a, .header .navbar-nav > li.b7 > a:hover  { background-position: -709px -35px; }*/




.header_top .collapse .search-box{
	position:absolute;
	top:15px;
	right:110px;
	width:232px;
}

.header_top .collapse .search-box .input-group {
    display: block;
}

.container .search-box .input-group .form-control{
	width:200px;
	padding:2px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #ccc;
    display: block;
    font-size: 12px;
    height: 26px;
    line-height: 1.42857;
    padding: 3px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	
}

.container .search-box .input-group .form-control{
	border-color:
}

.container .search-box span.glyphicon-search{
	font-size:12px;
	color:#009e7d;
}

.container .search-box span.glyphicon-search{ font-size:12px;}
.container .search-box span.glyphicon-search02{ font-size:17px; color:#000;}

.container .search-box .input-group-btn .btn_search{
    border-radius: 4px;
    padding: 2px 7px;
}

.container .search-box .input-group .form-control02 {
    height: 44px;
    width: 210px;
	border-color:#009e7d;
	font-size:16px;
}

.container .search-box .input-group-btn .btn_search02 {
    border-radius: 4px;
    padding: 11px 15px;
	border-color:#009e7d;
	margin-left:5px;
}
/*語系*/
.lang {
    position: absolute;
    right: 40px;
    top: 15px;
}
.lang .btn-default {
    background: #99b202;
    color: #fff;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding:4px 7px;
}
.lang .dropdown-menu {
    background: #99b202;
    color: #fff;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #99b202;
    border-color: #99b202;
}

/*下拉選單*/

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:transparent;
}

.dropdown-menu > li > a {
    clear: both;
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 7px 5px;
    text-align: center;
    white-space: nowrap;
    width: auto;
	font-size:13px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);    
    text-decoration: none;
	color:#fff;
}

 .dropdown-menu {
    background-clip: padding-box;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);    
	border: none;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: -10px;
    list-style: outside none none;
    margin: 0 0 7px !important;
    min-width: 109px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

li.b1 .dropdown-menu {
    left: 8px;
}

li.b2 .dropdown-menu {
    left: 2px;
}

li.b3 .dropdown-menu {
    left: -8px;
}

li.b4 .dropdown-menu {
    left: -1px;
}

li.b5 .dropdown-menu {
    left: -5px;
}

li.b6 .dropdown-menu {
    left: -30px;
}

li.b7 .dropdown-menu {
    left: -9px;
}


.dropdown-menu .divider {
    background-color: #888;
    height: 1px;
    margin: 0 0;
    overflow: hidden;
}

/*下拉選單結束*/

/*----------------------- Banner -----------------------*/
.banner {
    position: relative;
	background-color:#000;

}
/*.banner .container {
	max-width: 1144px;
	padding: 0;
}*/

body.home .banner .bxslider li {

}
.banner .bxslider li {
    background-position:center top;
    background-repeat:no-repeat;    	
}

.banner_cover{
	width:100%;

}
.banner_cover img{
	width:100%;
	height:18px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a{ background-color:#c7d380;}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner  .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color:#009e7d;}





/********************* Footer *********************/
.footer { margin-top:5em;}
.footer_content {
	background-image:url(../images/all/footer_bg.jpg);
	background-repeat:no-repeat;
	background-color: #f7f7f7;
	padding: 15px 0;
    color: #000;
    line-height: 22px;
	text-align:center;
}

.footer .logo {
	display: inline-block;
	width: 239px;
	margin-top: 10px;
	margin-bottom: 20px;
	vertical-align: top;
}

.footer .siteinfo {
	background-image:url(../images/all/logo_footer.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
.footer .copyright,
.footer .siteinfo {
    display: inline-block;
	text-align:right;
}

.footer .siteinfo ul {
    display: inline-block;
}
.footer .siteinfo ul > li {
    padding: 0;
}
.footer .siteinfo ul > li + li:before {
    content: "| ";
    padding: 0 5px;
    color: #9c9c9c;
}
.footer .siteinfo .sitemap-link {
    color: #d8ce72;
    margin-right: 10px;
}
.footer .siteinfo .sitemap-link:hover {
    text-decoration: underline;
}
.footer .store_box{
    font-family: "微軟正黑體";
    font-size: 12px;
    line-height: 28px;
    padding-bottom: 20px;
    text-align: right;
}

.footer .powered a {
    color: #b2b2b2;
}

.footer .text_box{
	margin:10px auto;
	border-bottom:1px solid #d0d0d0;
}

.footer .text_1{
	display:inline-block;
	margin:40px 20px 25px;
	text-align:left;
	vertical-align: top;
}

.footer .title{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:14px;
	color:#000;
}

.footer .text_1 > .list_block{
	display:block;

}

.footer .list_block > li{
	list-style: outside none none;
}
.footer .list_block > li > a{
	padding:2px 0;
	color:#3d3935;
	display:block;
}

.footer .green{
	color:#99b202;
	padding:0 0;
}


/*----------------------- Side1 -----------------------*/
.side1 .menu,
.side1 .search-box {
    position: relative;
    z-index: 10;
}

.side1 .input-group {
    border-collapse: separate;
    display: table;
    margin: 35px 0 -20px;
    position: relative;
}

.side1 .menu h3{
	border:1px solid #e5e5e5;
	margin-bottom:10px;

}
.side1 .side-toggle {
    display: none;
}

.side1 .menu .nav_1 {
    max-width: 254px;
	margin:5px 0 0 12px;
}
.side1 .menu .nav_1 > li {
    /*border-bottom: 1px dotted #b2b2b2;*/
    margin-left: 15px;
}

.side1 .menu .nav > li > ul > li {
    border-bottom: none;
}

.side1 .menu  .nav > li > ul > li > ul > li {
    border-bottom: none;
}

.side1 ul{
	list-style: outside none none;

}

.side1 .menu .nav_2 {
    margin: 0px 0 5px 13px;
}

.side1 .menu .nav_1 > li > a {
    line-height: 28px;
    padding: 10px 20px;
    color: #5a3e1c;
    display: block;
    font-size: 15px;
    position: relative;
	background: url(../images/all/leftmenu_icon.jpg) no-repeat 0 center;
	
}

.side1 .menu .nav_1 > li > a span {
	padding-right:4px;
	font-size:12px;
}

.side1 .menu .nav_1 > li > a:hover,
.side1 .menu .nav_1 > li > a:focus,
.side1 .menu .nav_1 > li > a.action{
    color: #fff;
	background-color:#5a3e1c;
	background-image:none;	
}

.side1 .menu .nav > nav1 > li > ul > li a span{
    /*color: #696969;
	font-size:13px;
	padding-right:5px*/
}

.side1 .menu .nav > nav1 > li > ul > li a.action span{
	/*color:#f47e00;*/
}
.side1 .menu .nav_2 > li > a {
    line-height: 20px;
    padding: 10px 20px;
    color: #a75c00;
    display: block;
    font-size: 14px;
    position: relative;
    border-bottom:1px solid #e0d8ce;	
}
.side1 .menu .nav_2 > li > a.action02:hover{
	background-color:#fff6ea;
}
.side1 .menu .nav_2 > li > a span {
	padding-right:4px;
	font-size:14px;
}
.side1 .menu .nav_2 > li > a:hover, .side1 .menu .nav_2 > li > a.action02 {
	background-color:#fff6ea;
}
.side1 .menu .nav > li > ul > li > a.action02 span {
	color:#a75c00;
	font-size:14px;
}



.side1 .menu .nav_3 {
	margin: 0 0 0 33px;
}

.side1 .menu .nav_3 > li > a {
    color: #9d7e59;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 15px;
}

.side1 .menu .nav_3 > li a:hover, .side1 .menu .nav_3 > li a.action03 {
	color:#000;
	background-color:transparent;
}

.side1 .menu .nav_4{
    margin-left: 17px;
}
.side1 .menu .nav_4 > li > a{
    color: #9d7e59;

    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.side1 .search-box {
    padding-bottom: 20px;
    max-width: 254px;
}
.side1 .search-box .form-group .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    width: 100%;
}
.side1 .search-box .form-group.w1 {
    width: 100%;
}
.side1 .search-box .form-group.w2 {
    width: 100%;
    margin-top: 10px;
}
.side1 .search-box .form-group select {
    /*min-width: 80px;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/all/search_select_bg.html) no-repeat right center #fff;
} 

.h3{
	font-size:16px;
	color:#000;
}

.leaf {
    color: #7f3a20;
    font-size: 17px;
    padding-right: 5px;
}

.en{ 
	color:#d0d0d0; 
	font-size:18px;
    padding-left: 10px;
}

body.product .side1{
	margin-top:10px;

}

/*----------------------- About -----------------------*/

/*ab_box*/
.ab_box{
	background-image:url(../images/about/deco_01.jpg);
	background-repeat:no-repeat;
	background-position:left top;/*左右 上下*/
	position:relative;
	height:230px;
	margin:65px 0;
}

.ab_box .text_box{
	padding-left:340px;
}

.ab_box .text {
    font-size: 14px;
    line-height: 30px;
    padding-left: 150px;
    text-align: justify;
}

.ab_box .h3_cn{
	background-image:url(../images/about/en_h3.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:612px;
	height:87px;
	text-indent:-99999px;
}

.ab_box .text_en {
    color: #d9d9d9;
    font-family: "Muli",sans-serif;
    font-size: 30px;
    padding-right: 3em;
    text-align: right;
}


.text strong{ font-weight:100;}

.text .green_01{
	color:#8eb600;
}

.text .green_02{
	color:#009e7d;
}

.ab_box .deco_img {
    background-image: url(../images/about/deco_02.png);
    background-position: left top;
    background-repeat: no-repeat;
    bottom: -20px;
    height: 120px;
    left: 305px;
    position: absolute;
    text-indent: -9999px;
    width: 168px;
}

.cp_box{
    background-image: url(../images/about/cp_bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
	font-size:17px;
	width:575px;
	height:400px;
}

.cp_text_box{
    background-image: url(../images/about/deco_06.png);
    background-position: right center;
    background-repeat: no-repeat;
	padding-left:467px;
	padding-top:30px;
	width:1055px;
}

.cp_box .h3_cn img{
	width: 280px;
    height: 72px;
}

.cp_box .text_en {
  color: #d9d9d9;
  font-size: 22px;
  padding-left: 172px;
}

.side2 .text_en{ padding-left:258px;}

.cp_text_box .side2{ padding-left:50px;}

.side2 .h3_cn{ margin:0 0;}

body.about h4{ text-align:center;} 

body.about h4 img{
	width:590px;
	height:99px;
}

body.about .moblie h4{ display:none;}

.list_all {
    margin-bottom: 6em;
}

.list_box{
	background-image:url(../images/about/en_list_bg_01.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:250px;
}

.list_box2{ background-image:url(../images/about/en_list_bg_02.png);}
.list_box3{ background-image:url(../images/about/en_list_bg_03.png);}
.list_box4{ background-image:url(../images/about/en_list_bg_04.png);}


.list_box h4 {
    font-size: 12px;
    padding-top: 79px;
	font-weight:700;
}

.text_center{ text-align:center;}

.list_side {
    margin: 0 auto;
    width: 256px;
}
.list_side ul li{
    width: 100%;
}

.green {
    padding: 26px 0 0 40px;
    width: 100%;
}

.list_box4 .green{ padding: 15px 0 0 40px;}

.green > li{ color:#7a9c00; font-size:15px; float:left; padding-right:24px;}

.list_box2 .green > li,
.list_box4 .green > li{ color:#00735b;}
/*ab_box02*/

.ab_box02{
	background-repeat:repeat-x;
	background-position:left center;
	position:relative;
	padding:13px 0;
	background-color: #F4F6F3;
	border-top: 1px solid #DAE884;
	margin-top: 7px;
	border-bottom: 1px solid #DAE884;
}

.container .h2_en{
	background-image:url(../images/about/about_h2.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:436px;
	height:111px;
	text-indent:-9999px;

}

.container .h2_en .span_cn{
	background-image:url(../images/about/about_h2_02.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:110px;
	height:27px;
	text-indent:-9999px;
	position:absolute;
	right:2em;
	bottom:0;
	z-index:9;
}

.history_box,
.history_box02{ position:relative;}

.history_box .left{
	background-image:url(../images/about/table_bg_01.jpg);
	background-repeat:no-repeat;
    background-position: center 10em;	
	height:500px;
	text-indent:-9999px;
}

.history_box02 .left{
	background-image:url(../images/about/table_bg_02.jpg);
	background-repeat:no-repeat;
    background-position: center 10em;	
	height:500px;
	text-indent:-9999px;
}

.table_a{
    border-left: 1px solid #c7e800;	
}

.table_a tr{

}

.table_a td{
	padding: 10px 0;

}

.table_a th{
	text-align:left;
	color:#4b6000;
	/*font-weight:100;*/
	min-width:20%;
	padding: 0 5px 0 9px;
}

.history_box02 .deco_img{
    left: -22em;
    position: absolute;
    top: -11em;
}

/*ab_box03*/
.ab_box03 {
    background-image: url(../images/all/title_shadow.png);
    background-position: center 1px;
    background-repeat: no-repeat;
    border-top: 1px solid #e9e9e9;
    margin: -8px auto 0;
    padding: 60px 0 0
}



.ab_box03 .left .text{
	background-image:url(../images/about/en_deco_04.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:210px;
	text-indent:-9999px;
}

.ab_box03 .right .text_ul {
    background-image: url(../images/about/ab_box03_line.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 5em;
    position: relative;
	height:250px;
}


.ab_box03 .right li {
    /*background-image: url(../images/about/icon.png);*/
    background-position: 0 1em;
    background-repeat: no-repeat;
    padding: 0.8em 2em;

}

.ab_box03 .right .deco_img {
    position: absolute;
    right: -18px;
    top: -80px;
}

/*----------------- 設備借用服務 service -----------------*/
body.service h2{ font-weight:100; font-size:22px; padding-top:20px; font-weight:700;}
body.service h7{ font-weight:100; font-size:18px; padding:5px; color:#093;}
body.service h4{ font-weight:100; font-size:20px; text-align:center; background-color:#090; color:#fff;padding:8px;}
.step_box{
	box-shadow: 0 0 6px -1px #ccc;
	-ms-box-shadow: 0 0 6px -1px #ccc;
	-moz-box-shadow: 0 0 6px -1px #ccc;
	-webkit-box-shadow: 0 0 6px -1px #ccc;
	border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:20px;
	border:6px solid #fff;
	width:100%;
}

.step_box1{ background-color:#d5f3ed; padding:20px 10px;font-size:15px;min-height: 400px;}
.step_box1 ul li{
	text-align:left;
	width:210px;
	margin:0 auto;
}
.step_box1 .step_word{
	color:#fff;
	background-color:#009e7d;
	font-size:30px;
	font-family:"Times New Roman", Times, serif;
    width: 100%;
	padding:10px;
	margin-left:-33px;	
}
.step_box1 h5{
	padding:10px 0;
	font-size:20px;
	color:#00d0a5;
	text-align:center;
	border-bottom:1px solid #50d3b8;
}
.step_box1 img.b_img {
    width: 128px;
}

.h2_step1{ padding:20px 0; margin:0 0;}
.step_box2 {
    background-image: url(../images/service/clock.png);
    background-position: 900px 66px;
    background-repeat: no-repeat;
    background-color: #d5f073;
    margin-top: 20px;
    padding: 40px 60px 40px;
}

.step_box3{ background-color:#ddb98b; padding: 0; margin: 20px auto 0; min-height: 280px;}

.step_box3 h3{ font-size: 18px; margin-bottom: 5px; margin-top: 10px; text-align: center; border-bottom: 1px dotted #BB853F; padding-bottom: 5px;}
.step_box3 span{ margin-top:10px;}
.step_box3 .glyphicon-ok {
    text-align: center;
	width: 100%;
	color:#fff;
	font-size:24px;
}
.step_box3 p{ font-size: 15px; min-height: 50px; padding: 0 10px;}
.step_box1 .img_box,
.step_box3 .img_box{
    text-align:  center;
	bottom: 30px;
    position: absolute;
    left: 0;
    right: 0;
}
.step_box3 img.b_img{
    width: 128px;
}

body.service .left,
body.service .right {
    background-image: url(../images/service/left_bg.html);
    background-position: 388px center;
    background-repeat: no-repeat;
    margin-top: 15px;
    padding: 15px 0 15px 35px;
}

.glyphicon-hand-right{
    color: #fff;
    padding-right:8px;
}
.glyphicon-leaf{
    color: #000;
    padding-right:8px;
}

body.service .right{ 
	background-image: url(../images/service/right_bg.html);
	background-position: 334px center;
}

.step_box .step {
    background-image: url(../images/service/step_1.png);
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 17px;
    height: 131px;
    letter-spacing: 1px;
    margin: 0 auto;
    width: 100%;
}

.step p {
    margin: 0 auto;
    padding-top: 27px;
    width: 220px;
}

.step_3 p{ width: 80px; padding-top:35px;}
.step_6 p{ width: 130px;}

.step .word2{
    padding-top: 35px;
    width: 149px;
}

.step_box .step_2{ background-image:url(../images/service/step_2.png)}
.step_box .step_3{ background-image:url(../images/service/step_3.png)}
.step_box .step_4{ background-image:url(../images/service/step_4.png)}
.step_box .step_5{ background-image:url(../images/service/step_5.png)}
.step_box .step_6{ background-image:url(../images/service/step_6.png)}

.sec1{
    border: 6px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 6px -1px #ccc;
    width: 100%;
	height:auto;
	margin-top:30px;
}

.step_box2 .glyphicon-star{ color:#fff; padding-right:15px;}
.s_list h3{ color:#7a9c00; float:left; font-size:20px; margin:0 0;}
.s_list p { font-size:16px;}
.s_list strong{ color:#d80000; font-weight:100;}

.sec2 {
    margin-top: 50px;
    position: relative;
}

.sec2.step_box8 {
    margin-bottom: 80px;
	margin-top:0;
}

.sec2 p,
.text p {
    font-size:15px;
	color: #414141;
    padding-top: 10px;
    margin-bottom: 0;
    width: 90%;
}
.step_box4 .deco,
.step_box7 .deco  {
    padding: 0 30px 0 90px;
}

.step_box5 .deco,
.step_box8 .deco {
    padding: 0 90px 0 30px;
}

.deco01,.deco04{ float:left;}
.deco02,.deco05{ float:right;}
.deco03{ text-align:center;}

.step_box6 {
    max-width: 100%;
}

body.service .line {
    background-image: url(../images/service/line.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    bottom: -37px;
    display: block;
    height: 10px;
    left: 224px;
    position: absolute;
    width: 78.5%;
}

body.service .step_box5 .line {
    bottom: -54px;
    left: 81px;
    width: 73%;
}

.step_box4 h3{ color:#ff3838;}
.step_box5 h3{ color:#0054bb;}
.step_box6 h3{ color:#ff3838;}
.step_box7 h3{ color:#cf9e1a;}
.step_box8 h3{ color: #db6700; padding-top: 41px;}

.step_box5 .text,
.step_box8 .text{ text-align:right;}

.step_box7 .text{ padding-top:40px;}

.step_box6 {
    margin: 50px auto 0;
}

.step_box6 img{
	width: 470px;
}

.step_box6 .deco03 img{
	width: 600px;

}
.step_box6 h3,.step_box6 p{ text-align:center;}
.step_box6 h3{ margin:20px 0;}

.center_box{}
.center_box .title{
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
    margin-top: 33px;
}

.center_box .title img,
.center_box .title h3,
.center_box .title span{
    display: inline-block;
}

.center_box .title img{
    width: 25px;
    vertical-align: top;
}

.center_box .title h3{
    margin: 0 0;
    font-size: 20px;
    color: #000;
    padding: 0 5px;
}
.center_box .title span{
    font-family: Times New Roman;
    font-size: 22px;
    vertical-align: text-top;
    color: #6b850d;
    letter-spacing: 1px;
}
.center_box img.c_img{
	box-shadow: 0 0 9px rgb(124, 150, 29);
	-webkit-box-shadow: 0 0 9px rgb(124, 150, 29);
	-moz-box-shadow: 0 0 9px rgb(124, 150, 29);
    width: 255px;
    float: left;
	margin-right: 10px;
}

.center_box2 img.c_img{
    width: 100%;
    float: none;
    margin: 0 0;	
	border-radius:50px;
}
.center_box .c_txt{
    font-size: 16px;
    padding-top: 60px;
}

.center_box2 .c_txt{
    font-size: 15px;
    padding-top: 7px;
    text-align: center;
}

.center_box .c_txt p{
    margin: 0 0;
	font-size:13px;
}

.center_box .c_txt p:before{
	display:inline-block;
	content:"►";
	padding-right:5px;
	font-family:Times New Roman;
	font-size: 12px;
	color: #009E7D;

	padding: 0 5px 0 2px;
}







/*----------------------- 通路解決方案 solve -----------------------*/

body.act .content .row {
    background-image: url(../images/solve/bg_line.png);
    background-position: center 100px;
    background-repeat: no-repeat;
}

.content .act_title{
	margin:10px auto 60px;
}

.act_title h2{ font-size:22px; text-align:center; }
.act_title h2 strong{ color:#009e7d; font-weight:100;}
.act_title p{ color:#717171; font-size:16px; text-align:center; letter-spacing:1px; margin-top:10px;}
.txt-theory h3 {
    background-image: url(../images/solve/en_deco1.png);
    background-position: center top;
    background-repeat: no-repeat;
    border: 9px solid #baf6e9;
    border-radius: 100px;
    display: block;
    height: 201px;
    margin: 0 auto 38px;
    position: relative;
    text-indent: -99999px;
    width: 201px;
}

.txt-theory.theory2 h3{
    background-image: url(../images/solve/en_deco2.png);
	border-color:#dcf28d;
}

.txt-theory.theory3 h3{
    background-image: url(../images/solve/en_deco3.png);
	border-color:#ffc189;
}

.txt-theory h3::after {
    background-color: #baf6e9;
    bottom: -53px;
    content: " ";
    display: block;
    height: 45px;
    left: 50%;
    position: absolute;
    width: 10px;
	margin-left:-4px;
}

.txt-theory.theory2 h3::after {
    background-color: #dcf28d;
}

.txt-theory.theory3 h3::after {
    background-color: #ffc189;
}


.txt-theory .txt {
    border: 9px solid #baf6e9;
    border-radius: 22px;
    height: auto;
    margin: 42px auto 0;
    padding: 15px 15px 0;
    width: 290px;
}

.txt-theory.theory2 .txt {
	border-color:#dcf28d;
}

.txt-theory.theory3 .txt {
	border-color:#ffc189;
}

.txt p {
    color: #717171;
    font-size: 15px;
    /*text-align: justify;*/
}

.txt-theory .txt span {
    color: #000;
    display: block;
    font-weight:bold;
}

.txt-theory .txt span + span{
	padding-top:8px;
}

body.solve.show .bxsilder-title{
    text-align: right;
    font-size: 15px;
}


/*----------------------- Content -----------------------*/
.breadcrumb {
    background-color: #f5f5f5;
}

.main_top{
	border-bottom:1px solid #e9e9e9;
}

.main_content{
	background-image:url(../images/all/title_shadow.png);
	background-position:center 0;
	background-repeat:no-repeat;
}

.container h1,.main_ex .h1_02 {
    background: url(../images/all/h1_en.png);
	background-repeat:no-repeat;
	background-position:center top;
    text-indent: -9999px;
    height: 100px;
    position: relative;
}

.content{
	margin-top:35px;
}

body.home .content{ margin-top:68px;}
body.solve .content{ margin-top:10px;}

body.about .main_ex .h1_02{ background-position: left -700px; display:block;}
body.solve h1{ background-position:center -220px; }
body.about img.h1_03{ display:none;}
body.news .container h1 { background-position: center -412px; }
body.product .container h1 { background-position: center -303px; }
body.download .container h1 { background-position: center -512px; }
body.contact .container h1 { background-position: center -612px; }
body.service .container h1 { background-position: center -212px; }

body.home .title h2,
body.home .title2 h2{
    background: url(../images/home/h1_02.png);
	background-repeat:no-repeat;
	background-position: 60px top;
    text-indent: -9999px;
    height: 100px;
    position: relative;
	height:78px;
}

body.home .title2 h2 {
    background: rgba(0, 0, 0, 0) url("../images/home/h1_03.png") no-repeat scroll left top;
    height: 74px;
    margin-top: 45px;
    z-index: 99;
}


.text_phone{
    background-color: #8eb600;
    border: 1px dashed #fff;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 5px 1em;
}

body.contact .main_ex h2 {
	background: url(../images/all/h2.png) no-repeat;
    text-indent: -9999px;
    height: 100px; 
	background-position: center 0;
	margin-top:65px; 
}




.content .content-banner {
    margin-bottom: 20px;
}
.content .txt {
    color: #B3B3B3;
    line-height: 24px;
}

body.solve .content .txt.editor {
    color: #000;
    font-size: 15px;
    padding: 0 53px;
    margin: 0 0;
}
.content .btn-more {
    position: absolute;
    right: 15px;
    top: 30px;
    display: block;
    width: 52px;
    height: 24px;
    background: url(../images/all/btn_more.html) no-repeat;
    text-indent: -9999px;
}
.content .btn-box {
    margin: 20px 0;
    clear: both;
}
.content .btn-box .pager {
    text-align: left;
    display: inline-block;
}
.content .btn-box .pager li {
    margin: 0 5px;
}
.content .btn-box .pager li > a, .content .btn-box .btn {
    border: none;
    color: #000;
}
.content .btn-box .pager li > a:hover, .content .btn-box .btn{
    background-color: #e8eee2;
	border-radius: 0;
}
.content .btn-box .pager li > a .icon {
    background: url(../images/all/pager_icon.html) no-repeat;
    display: inline-block;
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.content .btn-box .pager li > a .icon-first { background-position: -6px -1px; }
.content .btn-box .pager li > a .icon-prev { background-position: -6px -29px; }
.content .btn-box .pager li > a .icon-next { background-position: -6px -58px; }
.content .btn-box .pager li > a .icon-last { background-position: -6px -87px; }
.content .btn-box .pager li > a .icon-back { background-position: -6px -112px; }

.content .btn-box .page-info {
    display: inline-block;
    margin: 0 5px;
    color: #000;
    text-align: center;
}
.content .btn-box .page-info select {
	-moz-appearance:none;
    border: 1px solid #e8eee2;
    padding: 0 30px 0 0;
    height: 24px;
    margin-right: 10px;
    background: #fff url(../images/all/pager_select_bg.png) no-repeat right center;
}

/*----------------------------------------- News --------------------------------------*/

body.news .side1{
	margin-top:10px;
}
body.download .side1{margin-top:0px;}

.news_list { margin: 0; }

.news_list a .title,.news_list .news_list_show .title {
	color:#000;
}

.news_list a .date, .news_list_show .date {
    color: #a9a9a9;
    text-align: right;
	font-size:13px;
}
.news_list a:hover .date{ color:#009e7d;}

.news_list a {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 11px 5px;
    width: 100%;
	font-size:15px;
}

.news_list_show{ 
	border-bottom:1px solid #000;
    display: inline-block;
    margin-bottom: 10px;
    padding: 11px 0;
    width: 100%;
	font-size:15px;
	color:#000;
}

.news_list_show .title,
.news_list_show .date{
	padding:0 0;
}

.news_list_show .title{ font-weight:bold;}


.news_list a:hover {
    border: 1px solid #6cccaa;
	color:#6cccaa;
}

.news_list a .title .right{ display:none;}

.news_list a:hover .title,.news_list a:hover .right{ color:#6cccaa; display:inline-block;}

.news_list a .right{
	padding-right:5px;
	font-weight:bold;
}

p.text02 {
    color: #464646;
    font-size: 15px;
    text-align: justify;
}

.remark{
	border-top:1px solid #ccc;
	padding:10px 0;
	margin-top:60px;
}

.remark p.text02{ font-size:14px; color:#5bb09e;}


/*-----------------------------------------  Download --------------------------------------*/
.table-h th{
	background-color:#9ae0d1;
	color:#fff;
	font-size:16px;
	text-align:center;
	font-weight:100;
}

.table-h th,.table-h td{
	padding:5px 0;
	font-size:15px;
}

.table-h td{
	border-bottom:1px solid #ccc;
	padding:12px 10px;
}


.table-h .download{ text-align:center; min-width:10%;}
.table-h .name{min-width:30%;}

.table-h .download a .tn02{
	color:#42a180;
	font-size:24px;
}


.table-h .download a:hover .tn02 {
    color: #000;
    font-size: 24px;
}
.table-h .tn{ display:none;}



/*-----------------------------------------  Product --------------------------------------*/

h1.title{
    background-image: none;
    text-indent: inherit;
    font-size: 16px;
    height: auto;
    margin: 10px 16px;
    color: #239A70;
	line-height:30px;
}

.content .product-list a {
    background-color: #fff;
    border: 7px solid #f4f4f4;
    border-radius: 5px;
    display: inline-block;
    padding: 10px;
}

.content .product-list.sovle-list a{
    border: 5px solid #f4f4f4;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
}

.content .product-list a:hover {
    border-color: #6cccaa;
}
.content .product-list a .pic,
.content .product_box a .pic {
    overflow: hidden;
}
.content .product-list a .pic img,
.content .product_box a .pic img{
    width: 100%;
    transform: scale(1);
    transition: all 0.35s ease-in-out 0s;
}
.content .product-list a:hover .pic img {
    transform: scale(1.15);
}

.content .product-list a h4 {
    text-align: center;
    color: #A7A384;
    font-size: 15px;
}
.content .product-list a:hover h4 {
    color: #fff;
}
.content .product-list ul {
    margin-left: 20px;
    color: #d1d1d1;
}
body.product .content .quick-buy input {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 16px;
    padding-right: 5px;
}
body.product .content .quick-buy button {
    width: 50%;
    background-color: #706B49;
    color: #fff;
    float: right;
    min-width: 115px;
}
body.product .content .quick-buy button:hover {
    background-color: #4A462A;
}
body.product .content .content-banner {
    margin-top: 20px;
    border: 1px solid #635338;
    padding: 2px;
}

body.product .content .icon {
    display: inline-block;
    width:20px;
    height: 16px;
    background: url(../images/product/shopping_icon.html) no-repeat;
    vertical-align: text-bottom;
}
body.product .content .btn-box {
}

.header .navbar{ display:none;}

.item {
    margin: 10px auto;
    min-height: 200px;	
}

body.product .content .info {
    color: #000;
    min-height: 323px;
}

.content .title_green {
    background-image: url(../images/product/title_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 16px;
    height: 131px;
    line-height: 133px;
    margin: 12px 0;
    text-align: center;
    width: 130px;
	font-weight:bold;
}

.content .title_line{
	border:3px solid #f4f4f4;
	border-radius: 10px;
	padding-left: 197px;
	margin-left: 108px;
}

.content .title_green {
  margin: 12px 0 -8px;
}

body.product.p03 .content .product-list.row {
    padding-left: 37px;
}

.content .bx-wrapper .bx-pager.bx-default-pager a{ display:none;}

/*----------------------------------------- Contact 聯絡我們--------------------------------------*/

body.contact .content-wrap{
	background-image:url(../images/contact/bg_img.png);
	background-position:top right;
	background-repeat:no-repeat;
	width:80%;
	margin:30px auto 0 auto;
}
body.contact img{
	width:auto;
}

.form-group .form-control{
	color:#ababab;
}

.form-control:focus{
	border:1px solid #bae813;

}

body.contact .form-control{
	height:40px;
}

body.contact textarea.form-control{
	height:120px;

}

.col_1{
	margin-left:30px;
}

.help-block{
	margin:0 0 0 13px;
	color:#d16170;
	font-weight:bold;
}

.red{
	color:#d16170;
	font-weight:bold;
}

.help-block.col_1{
	margin-left:43px;
}

p.text_1{
	font-size:27px;
	color:#a2ad15;
}

p.text{
	font-size:16px;
	color:#ababab;
}

p.text_2{
	text-align:right;
	margin-right:40px;
}

body.contact .btn.brown{
	background-color:#a88359;
	padding:10px 40px 10px 80px;
	color:#fff;
	font-size:18px;
}

.btn.brown::after{
    content: ">";	
	font-family:標楷體;
	font-size:20px;
	font-weight:100;
	padding:0 25px;
}


.googlemap {
    border-bottom: 3px solid #bae813;
    border-top: 3px solid #bae813;
    height: 361px;
}

body.contact .content .btn-box{ text-align:left;}


/*----------------------------------------- 相簿 album --------------------------------------*/
body.album .content h3 {
    color: #000;
    padding: 10px;
}

.content .album-list a {
    margin: 20px 0;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.content .album-list a:hover {
    opacity: 0.7;
}

.content .album-list a img {
    width: 100%;
}

.content .album-list a h4 {
    text-align: center;
    color: #666;
    font-size: 15px;
}

.pic-gallery {
    margin-bottom: 20px;
}

.pic-gallery .pic-stage {
    margin: 0 auto 20px;
    width: 87%;
}

.pic-gallery .pic-stage ul li a {
    display: block;
}

.pic-gallery .pic-pager {
    position: relative;
    margin: 0 50px;
}

.pic-gallery .pic-pager .jcarousel div a {
    opacity: 0.5;
}

.pic-gallery .pic-pager .jcarousel div a.active {
    opacity: 1;
}

.pic-gallery .pic-stage .bx-wrapper .bx-pager {
    display: none;
}

.pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a,
.pic-gallery .pic-pager .jcarousel-control {
    background: url(../images/all/gallery_btn.png) no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

.pic-gallery .pic-pager .jcarousel div {
    overflow: auto;
    width: 20000em;
    position: relative;
    list-style-type: none;
}

.pic-gallery .pic-pager .jcarousel div a {
    float: left;
    padding: 0 5px;
}

.pic-gallery .pic-pager .jcarousel div a img,
.pic-gallery .pic-stage ul li a img {
    width: 100%;
}

.pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-prev {
    background-position: 0 0;
    left: -45px;
}

.pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-next {
    background-position: -38px 0;
    right: -45px;
}

.pic-gallery .pic-pager .jcarousel-control-prev {
    background-position: -80px 0;
    left: -40px;
}

.pic-gallery .pic-pager .jcarousel-control-next {
    background-position: -120px 0;
    right: -40px;
}

.jcarousel-wrapper {
    position: relative;
    margin-top: 10px;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0;
}

.jcarousel li a {
    display: block;
}

.img-responsive, .thumbnail > img, 
.thumbnail a > img, 
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img {
    width: auto;
}

.pic a {
    display: block;
}

/*----------------------------------------- Home 首頁--------------------------------------*/

body.home .header_ex{
	background-image:url(../images/home/header_ex_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	max-width:2000px;
	height:278px;
	position:relative;
}

body.home .container h1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
	text-indent:inherit;
}

body.home .text_left_box h1{ margin-top:20px;}
body.home .main .title h2{ margin-bottom:-2px;}

body.home .container h1 img {
    width: 240px;
	height:auto;
}

body.home .text_left_box {
	padding:7px 0 0 100px;
}

body.home .text_left {
	padding:30px 0 0 52px;
    width: 500px;
}

body.home .text_left li {
    color: #fff;
    float: left;
    font-size: 14px;
    padding:3px 0;
}

body.home .deco_box {
    bottom: 0;
    height: auto;
    position: absolute;
    right: -144px;
    top: -41px;
    width: 50%;
    z-index: 1;
}

body.home .deco_box img {
    height: auto;
    width: 316px;
}


body.home .main_ex {
    background-image: url(../images/home/main_ex_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -20px;
    max-width: 2000px;
    padding-top: 43px;
    width: 100%;
}

.home_img_box img{
	border:1px solid #ededed;
}

.more_a{
	position:absolute;
	bottom:0;
	right:15px;
}

img.btn_more{
	width:85px;
}

body.home .content p{ margin-bottom:40px;}
body.home .content h2{ font-size:20px;}

body.home .main_ex iframe {
    border: 6px solid #fff;
    box-shadow: 0 0 6px -1px #ccc;
	-ms-box-shadow: 0 0 6px -1px #ccc;
	-moz-box-shadow: 0 0 6px -1px #ccc;
	-webkit-box-shadow: 0 0 6px -1px #ccc;
	border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
    height: 240px;
	height:27svh;
    margin: 0 auto;
    width: 100%;
}

.brand_box{
	margin-top:80px;
	position:relative;
}

/*下方品牌的baslider*/
body.home .brand_box .bx-wrapper .bx-controls-direction a {
    height: 20px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 12px;
    z-index: 9999;
}

body.home .brand_box .bx-wrapper .bx-controls-direction a:hover{
	opacity: 0.7;
}

body.home .brand_box .bx-wrapper .bx-prev {
    background: rgba(0, 0, 0, 0) url(../images/home/arrow.png) no-repeat scroll 0 -20px;
    left: 10px;
}

body.home .brand_box .bx-wrapper .bx-prev:hover {
    background-position: 0 -20px;
}

body.home .brand_box .bx-wrapper .bx-next {
    background: rgba(0, 0, 0, 0) url(../images/home/arrow.png) no-repeat scroll 0 0;
    right: 10px;
}

body.home .brand_box .bx-wrapper .bx-next:hover {
    background-position: 0 0;
}



@media (max-width: 1199px) {
    #floating {
		margin:0 45px;
    }
    body.home .banner .bxslider li {
        height: auto;
    }
    body.home .banner .bxslider li img {
        display: block;
    }
    .header .navbar .navbar-nav {
        margin-top: 0;
        clear: both;
        float: none;
    }
    .header .navbar .navbar-header {
        float: none;
    }
    .header .navbar .navbar-brand {
        float: none;
        margin: 23px auto 15px;
    }
    .content .news-box .news-list li span.news-title {
		float: left;
		color:#848275;
		width:74%;
	}
    .content .txt img {
        width: 100%;
    }

    .main .side1 .search-box{
        width: 100%;
    }
	.header .navbar-header .navbar-brand {
    margin: 23px 0 15px 0;
	}
	body.home .main_ex {
    background-image: url(../images/home/main_ex_md_bg.jpg);
	}
	.center_box img.c_img{
		margin-bottom: 30px;
		margin-right: 20px;	
		width: 350px;
	}	
	
	.center_box2 img.c_img {
		float: left;
	}
	
	.center_box2 .c_txt {
		font-size: 15px;
		padding-top: 10px;
		text-align: left;
	}	
	
		
		
	.header .navbar-nav {
    position: absolute;
    top: 65px;
    right: 0px;
    width: 799px;
	}
	
	.header .navbar-nav > li > a {
    background: url(../images/all/nav.png) no-repeat;
    text-indent: -9999px;
	height:35px;
    margin-right: 0px;
}
		
}

@media (max-width: 991px) {
	.navbar-header {
		float: left;
		padding-left:34px;
	}
	.header .navbar-header .navbar-brand {
		margin: 23px 0 15px;
		padding: 0;
	}
	.header_top .collapse .search-box {
		position: absolute;
		right: 40px;
		top: 15px;
		width: 232px;
	}
	.header_top {
		margin-bottom: 80px;
		position: relative;
	} 

	  	.header .navbar-nav {
    position: absolute;
    top: 131px;
    right: auto;
    width: 697px;
	left:40px;
	}


	.header .navbar-nav > li > a {
	  margin-right: 0px;
	}
	
	.header_top .collapse .search-box {
		margin: 67px -28px 0 0;
	}

	.col_1 {
    	margin:0 0;
	}
	
	.footer .siteinfo {
		background-image: url(../images/all/logo_footer.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
		padding: 10px 0 0;
		width: 100%;
	}
	
  .header .navbar .navbar-nav {
        padding: 0;
        margin: 0 -20px 30px;
    }
    .content .btn-more {
        top: 12px;
    }
    .content h1:after {
        top: 0;
    }
    .content .txt {
        padding: 0 0;
    }
    .main .side1 .menu .nav {
        max-width: none;
        margin: 0;
    }
    .main .side1 .menu .nav > li {
        float: none;
        display: list-item;
        border-bottom: 0;
        margin: 0 5px;
        vertical-align: top;
		border-bottom: 1px dotted #b2b2b2;
    }
	
	.main .side1 .menu .nav > li > ul > li {
		border-bottom: none;
	}
	
	.main .side1 .menu .nav > li > ul > li > ul > li {
		border-bottom: none;
	}
	
	.main .side1 .menu .nav_2{
		padding-left:2.5em;
	}
		
	.main .side1 .menu .nav_3{
		padding-left:1em;
	}	
	
    .main .side1 .search-box {
        max-width: none;
    }
	
	.side-menu{ position:relative;}
	
	.side-menu .side-toggle {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		color: #000;
		display: none;
		font-size: 16px;
		height: 40px;
		position: absolute;
		text-align: right;
		top: 0;
		right:11px;
		width: 100%;
		padding-right:19px;
	}
	
	.side-menu .side-toggle:hover, .side-menu .side-toggle:focus {
		box-shadow: none;
		color: #139278;
		outline: medium none;
	}
	
	.side1 .menu{
		width:100%;
	}
	.side-menu .side-toggle .glyphicon-chevron-down, .side-menu.open .side-toggle .glyphicon-chevron-up,.side1 .menu {
		display: inline-block;
	}
	.side-menu .side-toggle .glyphicon-chevron-up, .side-menu.open .side-toggle .glyphicon-chevron-down,.side1 .open .menu{
		display: none;
	}	
	.content .news-box .news-list li span.news-title {
		float: left;
		color:#848275;
		width:83%;
	}
    .content .txt img {
        width: auto;
    }
	
	.side-menu .side-toggle {
		display: block;
	}

	.side1 h3{
		border-bottom:1px dotted #b2b2b2;
		padding-bottom:10px;
	}
	
	.item {
		margin: 24px auto;
	}
	
	.detail{
		float:none;
	
	}
	
	.content .title_line {
	  border: 3px solid #f4f4f4;
	  border-radius: 10px;
	  padding-left: 0;
	  margin-left: 0;
	}

	.content .title_green {
		background-image: url(../images/product/title_bg.png);
		background-position: center center;
		background-repeat: no-repeat;
		color: #fff;
		font-size: 16px;
		height: 131px;
		margin: 12px 0;
		text-align: center;
		width: 130px;
		font-weight:bold;
	}
	
	body.product.p03 .content .product-list.row {
		padding-left:15px;
	}
	.content {
		margin-top: 30px;
	}
	
	.table-h {
		margin-top: 55px;
	}
	.container .search-box .input-group .form-control02{
		height: 38px;
		font-size: 14px;
		padding: 5px 10px;
		width:100%;
	}
	
	.container .search-box span.glyphicon-search02 {
		font-size: 17px;
		color:#000;
	}


	.container .search-box .input-group-btn .btn_search02 {
		font-size: 8px;
		margin-left: 10px;
		padding: 9px 15px;
	}	
	
/*------------------- 關於我們 About ---------------------*/
	/*ab_box*/
	.ab_box {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
	height: 300px;
	}
	
	
	.ab_box .h3_cn {
		background-image: url(../images/about/en_h3.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		height: 87px;
		text-indent: -99999px;
		width: 612px;
	}
	
	.ab_box .text_en {
		color: #d9d9d9;
		font-family: "Muli",sans-serif;
		font-size: 30px;
		padding: 0 0;
		text-align: left;
	}
	.ab_box .text_box {
		padding:0 0;
}
	
	.ab_box .text {
		font-size: 14px;
		line-height: 30px;
		padding: 0;
		text-align: justify;
	}
	
	.ab_box .deco_img {
		background-image: url(../images/about/deco_02.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		height: 120px;
		text-indent: -9999px;
		width: 430px;
	}
	
	.table_a th{ min-width:16%;}
	
	/*ab_box02*/
	.ab_box02 .container {
		width: 100%;
	}
	.ab_box02 {
		background-image: none;
		padding:0 0;
	}
	
	.history_box, .history_box02 {
		background-image: url(../images/about/ab_box02_img_bg.jpg);
		background-position: left top;
		background-repeat: repeat-x;
		padding: 13px 0;
		position: relative;
	}
	
	.history_box .left{
		background-position: center 12em;	
	}
	
	.history_box02 .left{
		background-position: center 12em;	
	}
	
	.history_box02 {
		margin-top: 9em;
	}	
	.ab_box03 .right .deco_img {
		position: absolute;
		right: 0;
		top: -11px;
	}
	
	.history_box .right {
		margin-top: 7px;
	}
		
	.history_box02 .right {
		margin-top: 48px;
	}
	.history_box02 .deco_img {
		left: -22em;
		position: absolute;
		top: -13em;
	}
	/*ab_box03*/
	.ab_box03 .left .text{
		display:none;
	}
	.ab_box03 .right li{
		font-size:15px;
	}
	.cp_box {
    background-image: none;
    height: auto;
    width: auto;
	}
	
	.cp_text_box {
		background-image: url(../images/about/deco_06.png);
		background-position: 484px center;
		padding: 30px 36px;
		width: auto;
	}
	
	.cp_text_box .side2 {
		padding: 19px 0 0 0;
	}
	
	body.about .text{ padding:10px 0 0 2em;}
	.step_box .step{ height:197px;}
	.step_box .step  { background-image:url(../images/service/step_1_767.png)}
	.step_box .step_2{ background-image:url(../images/service/step_2_767.png)}
	.step_box .step_3{ background-image:url(../images/service/step_3_767.png)}
	.step_box .step_4{ background-image:url(../images/service/step_4_767.png)}
	.step_box .step_5{ background-image:url(../images/service/step_5_767.png)}
	.step_box .step_6{ background-image:url(../images/service/step_6_767.png)}
	.step p {
		font-size: 20px;
		margin: 0 auto;
		padding-top: 39px;
		width: 193px;
	}
	
	.step .word2 {
		font-size: 24px;
		padding-top: 51px;
		width: 88px;
	}
	.step p {
    font-size: 20px;
    margin: 0 auto;
    /* padding-top: 39px; */
    width: 193px;
	}
	.step_3 p,
	.step_4 p {
		font-size: 24px;
		padding-top: 51px;
		width: 88px;
	}
	
	.step_box2 {
		padding: 40px 30px 15px;
	}
	
	body.service .left,
	body.service .right {
		margin: 15px auto;
		padding: 20px 30px 10px;
	}
	
	body.service .left {
		background-position: 485px center;
	}
	
	body.service .right {
		background-position: 458px center;
	}
	
	.s_list h3 {
		float: none;
	}
	
	.s_list p {
		padding-top: 8px;
	}
	.text_phone {
		font-size: 15px;
		letter-spacing: 0;
		padding-left:0;
	}
	body.service h2{ padding:10px 0;}
	
	body.service .step_box1 h2{ padding:20px 0;}
	
	.step_box1{ margin-top:20px;}
	
	.step_box2 .glyphicon-star {
		display: none;
	}
	
	body.home .text_left {
		padding: 30px 0 0;
		width: 500px;
	}
	body.home .text_left_box {
		padding: 7px 0 0;
	}
	
	body.home .text_left {
		padding: 30px 0 0;
		width: 500px;
	}
	
	body.home .brand_box .bx-wrapper .bx-prev {
		left: -30px;
	}
	
	body.home .brand_box .bx-wrapper .bx-next {
		right: -30px;
	}
	
	body.home .video {
		margin-bottom: 30px;
	}
	
	.step_box4 .deco,
	.step_box7 .deco  {
		padding: 0 30px 0 10px;
	}
	
	.step_box5 .deco,
	.step_box8 .deco {
		padding: 0 10px 0 30px;
	}
	
	body.service .line {
		bottom: -50px;
		left: 22px;
		width: 96%;
	}
	
	body.service .step_box5 .line {
		display: none;
	}
	
	.sec2.step_box5 {
		margin-top:90px;
	}
	
	body.solve .txt p {
		font-size: 18px;
		line-height: 30px;
		text-align: center;
	
		margin-bottom: 0;
}
	
	.txt-theory + .txt-theory{
		margin-top:20px;	
	}
	
	body.solve .content .row {
    	background-image: none;
	}
	body.solve .txt-theory .txt {
    	width: 100%;
	}
	body.solve .content .title {
		margin: 50px auto 30px;
	}	
	
	.step_box3{ padding:0 0; min-height: 310px;}
	.step_box3 h3{
    padding: 0 10px 8px 10px;
}	
	.step_box3 span{
    margin-top: 10px;
}
	.step_box3 p{
    	padding: 0 12px;
	
}
	.step_box3 img.b_img{
    width: 150px;
}
       
	   .header .navbar-nav > li.b1 > a{
		display:none;
		}

}

@media (max-width: 767px) {
	body{ font-size:14px;}
	
	.header_top {
		margin-bottom: 10px;
		position: relative;
	}
	
	.header_top .collapse .search-box {
		position: static;
	}
	
	.header .navbar-header{
		text-align:center;
		margin:0 auto;
		position:static;
		float:none;
	}
	.header .navbar-header .navbar-brand {
		margin:35px auto 12px auto;
		float:none;
	}
	
	.header .brand_font{
		display:block;
		font-size:20px;
		text-align:center;
		color:#009e7d;
	}	

	.header .navbar-collapse {
		border-top: 1px solid #e0e0e0;
		margin-top:10px;
	}
	

	.header .navbar-nav {
		float: none;
		text-align: center;
		margin: 0 auto 10px;
		position:static;
		padding:0;
	
		width: 100%;
		position: initial;
}
	
	.header .navbar-nav > li {
		width: 100%;
		margin:0;
		padding:0;
		border-bottom:1px dotted #ccc;
	}
	.header .navbar-nav > li > a,
	.header .navbar-nav > li.b1 > a,
	.header .navbar-nav > li.b2 > a,
	.header .navbar-nav > li.b3 > a,
	.header .navbar-nav > li.b4 > a,
	.header .navbar-nav > li.b5 > a,
	.header .navbar-nav > li.b6 > a,
	.header .navbar-nav > li.b7 > a,
	.header .navbar-nav > li.b8 > a{
		background-image:none;
		color:#4f2b1f;
		font-size:15px;
		width:100%;
		text-align:center;
		text-indent:inherit;
		display:inline-block;
		padding:4px 0;
		margin: 4px auto;
		line-height:32px;
		height:42px;
		
	}
	
	body.about .header .navbar-nav > li.b1 > a,
	body.case .header .navbar-nav > li.b2 > a,
	body.service .header .navbar-nav > li.b3 > a,
	body.product .header .navbar-nav > li.b4 > a,
	body.news .header .navbar-nav > li.b5 > a,
	body.download .header .navbar-nav > li.b6 > a,
	body.contact .header .navbar-nav > li.b7 > a{
		color:#8eb600;
	
	}	

	.header .navbar-nav > li > a:hover,
	.header .navbar-nav > li > a:focus {
		width: 100%;
		background-image:none;
		text-align:center;
		text-indent:inherit;
		background-color: #fff59d;
		border-radius: 0;
	}
	
	.header_top .collapse .search-box .input-group {
		display: inline-block;
		width:100%;
	}
		
	.header_top .collapse .search-box{
		position:static;
		margin:0 auto;
		width:100%;
	}
	
	.header_top .input-group-addon, .header_top .input-group-btn {
		width: auto;
		display: inline-block;
	}
	
	.header_top .search-box .input-group .form-control {
		display:inline-block;
	}
	
	.header_top .search-box .input-group-btn .btn_search {
		display:inline-block;
	}
	
	.content {
		margin-top: 10px;
	}
	
	h1 {
	margin:40px 0 0 0;
	}
	
	.table-h { margin:0 0;}
	
    .col_1 {margin:0 0;}
	
	body.contact .content-wrap{
		width:100%;
	}
	
	p.text{
		font-size:14px;
		color:#ababab;
	}
	p.text_2{ text-align:left;}
	
	.side-menu .side-toggle {
		display: block;
	}
	
	.content p.name{ font-size:20px;}

	.side1 h3{
		border-bottom:1px dotted #b2b2b2;	
	}
	.side1 .menu a{
		font-size:14px;
	}
		
	.side1 .menu .nav > li{ padding:2px 0;}
		
	.header .navbar-header .navbar-toggle {
		float: none;
		margin: 0 0 15px 0;
		padding: 10px;
		width: 100%;
		font-size:18px;
		border:1px solid #d1ea75;
		color:#8eb600;
	}
	
	.header .navbar-header .navbar-toggle:hover{
		background-color:#d1ea75;
		color:#fff;
		border:1px solid #d1ea75;
	}

	.footer .siteinfo {
		background-image: url(../images/all/logo_footer.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
		padding: 10px 0 0;
		width: 100%;
	}   
	
	#floating,
    #floating.fixed {
        top: 40px;
		margin:0 15px;

    }
    #floating .btn-floating {
        display: block;
    }
    #floating ul {
        width: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;                  
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #floating.open ul {
        width: 60px;
    }
	
	body.contact .content-wrap{
		background-image:none;
		width:95%;
		text-align:justify;
		
	}
	
	.content .txt {
		margin: 0 auto;
		width: 100%;
		padding: 12px;
	
}
	
	.form-horizontal{
		width:100%;
	
	}
	
	.btn.brown{
		width:100%;
	
	}
	
	.footer .siteinfo {
		background-image: url(../images/all/logo_footer.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		padding: 52px 0 0;
		width: 100%;
	}	
	
	.footer .text_1 {
		display: table;
		font-size: 15px;
		margin: 30px auto;
		text-align: inherit;
		vertical-align: top;
	}
	
	.footer .title {
		color: #000;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 4px;
		margin: 0;
		padding: 0;
	}
	
	body.contact .content-wrap{
		margin-top:42px;
	
	}
	
	.content p.title {
		margin: 20px 0 0;
	}
	
	.main .side2 h3 {
        display: block;
    }
    body.product.show .content .info h3 {
        margin-top: 30px;
    }
    body.product.show .content .info .txt {
        min-height: 0;
    }

	.content .title_green {
		margin: 12px auto;
	}
	
	body.product.p02 .content .breadcrumb,
	body.product.p03 .content .breadcrumb{
		display:none;
	}
	
    body.product.p03 .content .product-list.row {
		padding-left:3px;
	}

	
	.news_list a .date{ 
		float: none;
		line-height: 35px;
		text-align: left;
	}
	
	.news_list a:hover .right{
		display:none;
	
	}
	
	.content .btn-box .pager {
		display: none;
	}
	
	.table-h tbody tr,
	.table-h tbody td,
	.table_a tbody tr,
	.table_a tbody th,
	.table_a tbody td{
		display:block;
	}
	.content .btn-box .page-info select{ padding:0 100px 0 0;}

	.table-h thead {
		display: none;
	}
	/*.table-h tbody tr:first-child {
		border-top: 1px solid #b2b2b2;
	}*/
	.table-h tbody tr {
		border-bottom: 1px solid #b2b2b2;
		margin: 0 -15px;
		padding: 10px 15px;
		position: relative;
	}    

	.table-h tbody td {
		border: none;
		padding: 5px 0;
		text-align: left;
		font-size:14px;
	}
	
	.table-h tbody td .tn {
		color: #7f7f7f;
		display: inline-block;
		font-size: 15px;
		letter-spacing:1px;
	}	
	
	.table-h .download {
		margin: 15px 0;
		min-width: 10%;
		text-align: right;
	}
	
	.table-h .download a {
		border: 1px solid #6cccaa;
		border-radius: 11px;
		margin: 23px 1px;
		padding: 20px 37px 15px 40px;
	}
	
	.table-h .download a:hover,.table-h .download a:hover .tn02 {
		border-color: #000;
		color: #000;
	}
		
	.container .search-box .input-group .form-control{
		height: 38px;
		font-size: 14px;
		padding: 5px 10px;
		width:82%;
	}
	
	.container .search-box span.glyphicon-search {
		font-size: 17px;
	}


	.container .search-box .input-group-btn .btn_search {
		font-size: 8px;
		margin-left: 3px;
		padding: 9px 15px;
	}
	
	/*About767*/
	body.about .content{ margin:0 0;}
	
	.ab_box .deco_img {
		background-image: none;
	}
	
	.history_box02 .deco_img {
		display:none;
	}
	.ab_box .h3_cn {
		background-image: url(../images/about/en_h3_767.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		height: 90px;
		text-indent: -99999px;
		width: 350px;
	
		margin: -55px auto 0;
	}
	
	.container .h2_en {
		background-image: url(../images/about/about_h2_767.png);
		background-position: center;
		background-repeat: no-repeat;
		height: 108px;
		text-indent: -9999px;
		width: 283px;
	}


	.container .h2_en .span_cn {
		background-position: center top;
		bottom: 0;
		height: 27px;
		left: 17px;
		position: absolute;
	}
	
	.history_box .left {
		background-image: url(../images/about/table_bg_01_991.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		height: 85px;
		text-indent: -9999px;
	}
	
	.history_box02 .left {
		background-image: url(../images/about/table_bg_01_991.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		height: 85px;
		text-indent: -9999px;
	}
	
	
	.ab_box02 {
		background-image:none;
		padding: 0 0;
		position: relative;
		border-top: 1px solid #e6e6e6;
		border-bottom:  1px solid #e6e6e6;
		background-color:#f3f6f2;
		margin-top:1em;
	}
	
	
	.history_box, .history_box02 {
		background-image:none;
	}
	
	.history_box{
		border-bottom:1px solid #ccc;
		padding-bottom:2em;
	}
	
	.history_box02 {
		margin:0 0;
	}
	
	.history_box .right,
	.history_box02 .right {
		margin-top: 7px;
	}
		
	.table_a {
		border: none;
		font-size: 14px;
		padding: 5px 0;
		text-align: left;
	}
	
	.table_a th {
		background-color: #cff059;
		color: #4b6000;
		font-weight: 100;
		min-width: 20%;
		padding: 6px 1em;
		text-align: left;
	}
	
	.table_a tbody td {
		border: medium none;
		font-size: 14px;
		padding: 6px 1em;
		text-align: left;
	}
	
	body.about .main_ex .h1_02 {
		display:none;
	}
	body.about img.h1_03 { width:100%; margin: 50px 0 25px; display:block;}
	
	body.about .container h1{ background-position:center top;}
	
	.ab_box03{
		padding: 30px 0;
	}

	.ab_box03 .right .text_ul{
		background-image:none;
		height: 500px;
		padding-left: 2em;
	}

	
	.ab_box03 .right .deco_img {
		display:none;
	}
	
	.ab_box .text_en {
		font-size: 22px;
		padding: 6px 0px;
	}
	
	.footer .copyright, .footer .siteinfo {
		display: inline-block;
		text-align: center;
		font-size:12px;
	}

	.text_phone{ text-align:center; display: block;}

		
/*}
/*@media (max-width: 510px) {*/
    .footer .siteinfo ul > li {
        display: block;
    }
    .footer .siteinfo ul > li + li:before {
        display: none;
    }
	.cp_text_box {
    background-image: none;
    padding: 10px 5px;
    width: auto;
	}
	
	.cp_box .text_en {
		display:none;
	}	
	
	body.about .text {
    	padding: 5px 0 15px;
	}
	
	body.about .web h4{ display:none;}
	body.about .moblie h4{ display:block; margin-top:35px;}
	body.about .moblie h4 img{ width:100%; height:auto;}
			
	.list_all {
		margin-bottom: 0;
	}
	.navbar-header {
		padding-left:0;
	}
	
	
	body.home .header_ex {
		background-color: #9ab202;
		background-image: none;
		height: auto;
		padding-bottom: 20px;
	}
	
	body.home .text_left {
    padding: 30px 0 0;
    width: auto;
	}
	
	body.home .text_left li {
		display: inline-block;
		float: left;
		font-size: 17px;
		margin: 0 auto;
		padding: 6px 0;
		text-align: center;
	}
	
	body.home .deco_box {
		display:none;
	}
	
	body.home .header_ex {
		background-image: none;
		background-color:#9ab202;
	}
	
	.home_img_box img {
		border: 1px solid #ededed;
		margin-top: 15px;
		width: 100%;
	}
	
	body.home .container h1 {
    text-align: center;
	}
	
	body.home .title2 h2 {
		background: rgba(0, 0, 0, 0) url(../images/home/h1_xs_03.png) no-repeat scroll center top;
		height: 119px;
	}
	
	body.home .brand_box .bx-wrapper .bx-prev {
		left: 0;
	}
	
	body.home .brand_box .bx-wrapper .bx-next {
		right: 0;
	}
	
	.step_box2 {
    	padding: 25px;
	}
	.s_list p{
		padding:0 0;
		margin:10px 0;
	
	
		font-size: 15px;
}
	
	body.service .s_list h3 {
		margin: 0;
		text-align: inherit;
	
		font-size: 16px;
}

	body.service h2 {
	    margin: 30px 0 5px;
	    padding: 0;
		text-align:center;
	
	    font-size: 17px;
}
	
	body.service h2.h2_step1 {
	    padding: 30px 0 10px;
	}
	
	.step_box1 {
	    margin-top: 10px;
	}
	
	.sec2.step_box5 {
	    margin-top: 0;
	}
	
	 body.service h3 {
	margin: 30px 0 0;
	font-size: 17px;
}
	 body.service .sec1 h3 {
		text-align:center;
	}
	
	.deco {
		float: none;
	}
	
	.step_box4 .deco,
	.step_box5 .deco,
	.step_box7 .deco,
	.step_box8 .deco {
		padding: 0;
		text-align: center;
	
		margin: 0 auto;
		width: 100%;
}
	
	.step_box7 .deco{
		padding-left:39px;
	}
	
	.sec2 {
		margin-top: 20px;
	}
	
	body.service .line{
		display: none;
	}
	
	body.service .text {
    	padding: 10px;
    	text-align: justify;
	}
	
	.step_box5 .text, 
	.step_box8 .text,
	.step_box6 p {
    	text-align: justify;
	}
		
	body.service .step_box4 h3 {
		margin: 0 0 ;
		text-align: center;
	}
	
	.step_box6 {
		margin: 0 auto;
		width: 100%;
	}
	
	body.service .step_box6 h3 {
		margin: 0 0 20px;
		text-align: center;
	}
	
	body.service .sec2 .text h3{
    	margin: 0 0 ;
	
    	font-size: 16px;
    	padding-top: 0;
}
	
	.sec2.step_box8 {
		margin-bottom: 0;
		margin-top: 0;
	}
	.pic-gallery .pic-pager {
	  display: none;
	}
	
	.pic-gallery .bx-viewport {
	  height: auto !important;
	}

	body.service .left {
    	background-position: 440px center;
	}
	.deco img{ width: 40%;} 
	
	.step_box6 img{
		width:80%;	
	}
	.step_box6 .deco03 img {
		width: 90%;
	}		
	.step p,
	.step .word2 {
    	font-size: 16px;	
    	text-align: center;
	}
	.sec2 p,.text p{ width:100%;}
	.act_title h2,
	.act_title h2 strong{
		font-size:16px;
	}
	body.solve .txt p{
		font-size:15px;
	}
	.act_title p{ margin:0 0;}
	
	.act_title strong{ display:block; padding-top:5px;}
	
	.content .act_title{ margin:10px auto 20px;}
	
	body.solve .content .txt.editor {
    	padding: 0 0;
	}
	.center_box img.c_img {
	
		margin: 15px 0 15px;
		width: 283px;
	}
	.step_box3 p{
		min-height: initial;
	
		padding-top: 10px;
	}	
	 .lang {
    	position: static;
    	display: block;
    	text-align: center;
    	margin-top: 10px;
	}
	.lang .dropdown-menu {
    	position: relative;
    	float: none;
    	text-align: center;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	box-shadow: none;
    	z-index: 9999;
	}
	.lang .btn:active,
	.lang .btn:focus {
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	box-shadow: none;
	}
	.lang .btn {
    	display: block;
   	 	width: 100%;
    	float: none;
    	padding: 8px;
    	border: none;
    	font-size: 14px;
	    background: none;
		color: #000;
	}
	.btn-default {
   	 color: #333;
	}
	.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #000; 
    background-color: #fff;
    border-color: #FFF;
}


}

@media (max-width: 480px) {	
    .content h1,
    .main .side1 .menu h3 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .content .news-box .news-list li span {
        width: 100%;
    }
    .content h1:after {
        display: none;
    }
	.content .news-box .news-list li span.news-title {
		float: left;
		color:#848275;
		width:100%;
	}
    .content .btn-box .pager li {
        margin: 0;
    }
    .content .btn-box .pager li > a {
        width: 100%;
        margin: 5px 0;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    body.news .content .news-box .news-list li a span {
        padding-left: 0;
    }
    body.news .content .news-box .news-list li.list-header a span {
        display: none;
    }
    .footer .sitemap {
        display: none;
    }
    body.product.show .content h3 small {
        margin-left: 0;
        display: inline-block;
        width: 100%;
    }
	
	.dropdown-menu > li > a {
 	   color: #3b4c00;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 12px 0;
	}	
	
	.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: #f2f9d8;
		background-image: none;
		color: #3b4c00;
	}
	
	
	
}