@charset "utf-8";
/* CSS Document */

@import "routine.css";

@import "eng_nav.css";


/*************************************/
/*                index              */
/*************************************/

header{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,daeafb+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(218,234,251,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(218,234,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(218,234,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#daeafb',GradientType=0 ); /* IE6-9 */
	border-bottom: 8px solid #382400;
}

.lang ul{
	list-style-type:none;
	float:right;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	background:#82a63c;
	font-family:Arail;
	border-radius:0 0 5px 5px;
	margin-bottom:15px;
}

.lang ul li{
	display:inline-block;
	margin-right:5px;
	height:35px;
}

ul li.lang-btn a{
	display:block;
	/*width:80px;*/	
	text-align:center;
	font-size:13px;
	color:#fff;	
	text-decoration:none;
	margin-top:10px;
	padding:0 10px;
}

ul li.lang-btn a:hover{
	color:#2e4600;
}


ul.menu li a i{
	display:none;
}

.logo a{
	margin:20px auto 10px;
}

.logo a img{
	margin:20px auto 10px;
}

.wrap nav .navbar{
	margin-bottom:0;
}

.index-content{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fc45a+0,d1e5ab+100 */
	background: rgb(159,196,90); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(159,196,90,1) 0%, rgba(209,229,171,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(159,196,90,1) 0%,rgba(209,229,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(159,196,90,1) 0%,rgba(209,229,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fc45a', endColorstr='#d1e5ab',GradientType=0 ); /* IE6-9 */
}

.index-content2{
	background: #acce6b;
}

.index-title1-box{
	height:118px;
	overflow:hidden;
	background:url(../tw_img/index/dot.png) left bottom no-repeat, url(../tw_img/index/dot.png) right bottom no-repeat;
}

.index-title2-box{
	width:70%;
	margin:0 auto;
	height:118px;
	overflow:hidden;
	background:url(../tw_img/index/dot.png) left bottom no-repeat, url(../tw_img/index/dot.png) right bottom no-repeat;
}

.index-title1{
	font-family:"微軟正黑體";
	font-weight:bold;
	font-size:30px;
	color:#654100;
	line-height:60px;
	text-align:center;
	border-bottom:1px solid #654100;
	margin-top:50px;
	margin-bottom:20px;
	letter-spacing:1px;
}

.index-company-text{
	width:90%;
	margin:50px auto 20px;
	font-size:14px;
	line-height:25px;
	color:#000;
}

.index-more a{
	font-size:13px;
	display:block;
	color:#654100;
	width:145px;
	height:32px;
	border:2px solid #654100;
	text-align:center;
	font-weight:bold;
	line-height:32px;
	margin:80px auto 10px;
}

.index-more2 a{
	font-size:13px;
	display:block;
	color:#654100;
	width:145px;
	height:32px;
	border:2px solid #654100;
	text-align:center;
	font-weight:bold;
	line-height:32px;
	margin:40px auto 60px;
}

.index-more a:hover, .index-more2 a:hover{
	text-decoration:none;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}

@media (max-width:1200px){
.index-more a{
	margin-top:40px;
}
}

@media (max-width:992px){
.lang ul{
	float:none;
	text-align:center;
	margin-bottom:0;
	width:80%;
	margin-left:10%;
}

.index-title2-box{
	width:100%;
}
}

@media (max-width:767px){

ul.menu li a i{
	display:inherit;
}

.logo a img{
	margin-left:auto;
}
}



/*------------------footer------------------*/

footer{
	background:#382400;
	overflow:hidden;
}

.contact-info ul{
	list-style-type:none;
	padding-left:0;
	margin-top:20px;
	margin-bottom:20px;
}

.contact-info ul li{
	font-size:1.4rem;
	color:#fff;
	line-height:2rem;
	letter-spacing:0.05rem;
	font-family:"微軟正黑體";
	display:inline-block;
	margin-right:10px;
	margin-bottom:5px;
}

.contact-info ul li a{
	color:#fff;
}

.contact-info ul li a:hover{
	text-decoration:none;
	color:#ddd;
}

.contact-info ul li .icon{
	color:#fff;
	background:#ff3e3e;
	border-radius:50%;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	display:inherit;
	margin-right:8px;
}

.com-box{
	margin-bottom:80px;
}

@media (max-width:992px){
.contact-info ul{
	text-align:center;
}
}

@media (max-width:500px){
.contact-info br{
	display:block;
}

.contact-info ul li{
	font-size:1.4rem;
	letter-spacing:0;
}

.contact-info ul li .icon {
	display:none;
}

.footerUl li a{
	padding:0;
}
}




.footer-box{
	overflow:auto;
	margin-top:-5px;
}

.footerUl{
	position:relative;
	list-style-type: none;	
	padding-left:0;
	text-align:right;
	margin-top:60px;
}

.footerUl li{
	display:inline;
}

.footerUl li a{
	color:#fff;
	font-size:1.5rem;
	font-family:"微軟正黑體";
	letter-spacing:0.05rem;
	padding:0 10px;
}

.footerUl li a:hover{
	text-decoration:none;
	color:#d31a4e;
}

.vLine{
	color:#000;
	font-size:1.5rem;
}

.footerUl2{
	list-style-type: none;
	color:#9fda2c;
	font-size:1.2rem;
	font-family:"微軟正黑體";
	margin-top:2rem;
	line-height:2.5rem;
	margin-bottom:1.8rem;
	padding-left:5px;
	text-align:center;
}

.footerUl2 li{
	display:inline;
	/*padding:0 1%;*/
}

.footerUl2 li a{
	color:#9fda2c;
	font-size:1.3rem;
}

.footerUl2 li a:hover{
	text-decoration:none;
}

.vLine2{
	color:#fff;
	font-size:1.4rem;
}

.footerUl br, .dis{
	display:none;
}

.img-responsive.footer-logo{
	float:right;
	margin-top:23%;
}


@media (max-width: 992px) {
.footerUl, .footerUl2{
	text-align:center;
	float:none;
	margin-top:30px;
}

.img-responsive.footer-logo{
	float:none;
	margin:0 auto 30px;
}

.footerUl2{
	margin-bottom:2rem;
	padding-left:0;
}
}

@media (max-width:768px){
.footerUl li a{
	padding:0 10px;
	margin-bottom:10px;
	display:inline-block;
}

}

@media (max-width: 650px) {
  
.footerUl2{
	text-align:center;
	font-size:1.4rem;
	/*padding:2rem 1rem;*/
}

.footerUl2 li{
	  display:inherit;
}

.vLine2{
	display:none;
}

.footerUl{
	margin-bottom:30px;
}

.footerUl br{
	display:inherit;
}

.dis{
	display:inline;
}
}



/*************************************/
/*              company              */
/*************************************/

.inside-content{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#699f00+0,d8eab2+100 */
	background: rgb(105,159,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(105,159,0,1) 0%, rgba(216,234,178,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(105,159,0,1) 0%,rgba(216,234,178,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(105,159,0,1) 0%,rgba(216,234,178,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699f00', endColorstr='#d8eab2',GradientType=0 ); /* IE6-9 */
}

.title{
	margin-top:35px;
	border-bottom:3px solid #334f00;
}

.title > p{
	font-size:20px;
	color:#46260e;
	font-family:"微軟正黑體";
	font-weight:bold;
	margin-bottom:5px;
}

.title > p > span{
	font-size:13px;
	color:#1e2e00;
	font-weight:500;
	float:right;
	position:relative;
	top:10px;
}

.company-box{
	background:#fff;
	overflow:hidden;
	padding:20px 10px 20px 50px;
	margin-top:10px;
	margin-bottom:35px;
}

.company-box p{
	font-family:Arial;
	font-size:15px;
	line-height:25px;
}

.company-box p{
	padding-top:5px;
}

.company-box p:first-child{
	margin-top:10px;
}

.company-box .company_01{
	margin-top:15px;
}

@media (max-width:992px){

.company-box{
	padding:10px;
}

.company-box img{
	margin:35px auto 0;
}
}

/*------------side product--------------*/

.hotPro{
	color:#fff;
	font-size:2.5rem;
	letter-spacing:1px;
	font-family:"微軟正黑體";
	font-weight:bold;
	background-color:#def9a9;
	padding-bottom:3.5rem;
	margin-top:35px;
	width:268px;
	border-radius:5px;
}

i.titleIcon{
	font-size:3rem;
	margin-right:0.8rem;
}

.hotPro>p{
	width:281px;
	height:72px;
	padding-left:1.5rem;
	padding-top:0.2rem;
	background:url(../tw_img/other/sideBar_title.png) top left no-repeat;
	margin-left:-7px;
	margin-bottom:0;
	border-radius:5px;
	line-height:58px;
	text-align:center;
	text-shadow:2px 2px 5px rgba(0,0,0,0.6);
}

.hotPro>p>span{
	color:#fff;
}

/*.hotPro img{
	width:80%;
}*/

.box{
	width:90%;
	margin:0 auto;
	/*box-shadow:1px 1px 2px rgba(0,0,0,0.2);*/
}

.slider_frame p{
	color:rgba(0,0,0,1.00);
}

#cssmenu2 ul{
	list-style-type:none;
}

#cssmenu2 ul li{
	background:url(../tw_img/other/list_icon.png) left center no-repeat;
	border-bottom:1px solid #476c00;
}

#cssmenu2 ul li a{
	color:#382400;
	font-size:15px;
	font-weight:bold;
	font-family:"微軟正黑體";
	padding-left:10px;
	display:block;
	text-shadow:0 1px 1px rgba(0,0,0,0.35);
}

#cssmenu2 ul li a:hover{
	text-decoration:none;
}

.sidBtn{
	float:right;
	padding-right:15px;
	display:none;
}

@media (max-width:992px){
.hotPro>p{
	cursor:pointer;
	width:100% !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbf125+0,835801+100 */
	background: rgb(187,241,37); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(187,241,37,1) 0%, rgba(131,88,1,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(187,241,37,1) 0%,rgba(131,88,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(187,241,37,1) 0%,rgba(131,88,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbf125', endColorstr='#835801',GradientType=0 ); /* IE6-9 */
	height:60px;
	margin-left:0;
}
.hotPro{
	padding-bottom:2rem;
	width:100% !important;
	border-radius:5px;
}

.box{
	display:none;
}

.sidBtn{
	display:inherit;
}

}

@media (max-width:680px){
.hotPro img{
	/*width:70%;*/
}
}

@media (max-width:480px){
.hotPro img{
	max-width:180px;
	height:auto;
}
}


.index-com{
	margin-top:20px;
}

.index-com p{
	color:#fff;
	font-family:"微軟正黑體";
	letter-spacing:1px;
	text-align:justify;
}

.index-com p span{
	color:#ffd33c;
}

.more{
	background-color:#ffd33c;
	color:rgba(0,0,0,1.00);
	padding:2px 4px;
	border-radius:5px;
	font-size:1.2rem;
}

a.more:hover{
	text-decoration:none;
	color:#333;
	background-color:#ffbf43;
}


/*************************************/
/*          product list             */
/*************************************/

.pro_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 10px 0;
  margin: 0;
}

/*.pro_list li:hover figure{
  opacity:0.7;
}*/

/*.pro_list li:hover figcaption{
  color:#134e60;
  background-color:#b0e4f2;
}*/

.pro_list_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.333%;
  padding: 0.625rem;
  margin: 0;
}

@media (max-width:992px){
  .pro_list_item {
    width: 50%;
  }
}

@media (max-width:768px){
  .pro_list_item {
    width: 33.333%;
  }
}


@media (max-width:600px){
  .pro_list_item {
    width: 50%;
  }
}

@media (max-width:450px){
  .pro_list_item {
    width: 100%;
  }
}


.pro_list_item figure {
  margin: 0;
  /*padding:10px;*/
  /*border:1px solid #aaaaaa;*/
}

.pro_list_inner {
  /*background: #fff;*/
  width: 100%;
}
.pro_list_inner img {
  display: block;
  border-radius:10px;
}
.pro_list_inner figcaption {
  padding: 0 1.25rem 1.25rem;
  color:#333333;
  font-size:15px;
  text-align:center;
}

@media (max-width:768px){
.pro_list_inner figcaption {
	margin-top:15px;
}
}


/*--------------- page ------------------*/

.page{
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
}

.page ul{
	list-style-type:none;
	padding-left:0;
}

.page ul li{
	display:inline-block;
	color:#083b3e;
}

.page ul li a{
	color:#083b3e;
	padding:5px;
}

.page ul li a:hover, .page ul li a.active-page{
	color:#f13232 !important;
	text-decoration:none;
}


/*************************************/
/*         product detail            */
/*************************************/

.pro-box{
	margin-top:10px;
}

.pro-box img{
	border-radius:10px;
}

.proInfoBox p{
	margin-top:75px;
	text-align:center;
	font-size:48px;
	font-family:"微軟正黑體";
	color:#323232;
	font-weight:bold;
}

.proBtn{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa85a+0,96640e+100 */
	background: rgb(255,168,90); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,168,90,1) 0%, rgba(150,100,14,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,168,90,1) 0%,rgba(150,100,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,168,90,1) 0%,rgba(150,100,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa85a', endColorstr='#96640e',GradientType=0 ); /* IE6-9 */

	border:1px solid #adadad;
	border-radius:8px;
	margin:0.5rem 0;
	width:200px;
	color:#fff;
	padding:9px;
	box-shadow:inset 0 2px 10px rgba(0,0,0,0.5);
}
.proBtn:hover{
	box-shadow:0 0 2px rgba(0,0,0,0.3);
}

#button-wrap-inner{
	text-align:center;
}

.pro-info-bar{
	background:#fff url(../tw_img/pro/product_detial.png) left no-repeat;
	background-size:cover;
	height:35px;
	border-bottom:2px solid #382400;
	color:#382400;
	font-size:15px;
	font-weight:bold;
	margin-top:45px;
	line-height:35px;
	padding-left:25px;
	margin-bottom:15px;
}

.pro-info{
	font-size:15px;
	color:#2f4700;
	line-height:25px;
	padding:0 15px;
	font-family:"微軟正黑體";
	margin-bottom:30px;
}

@media (max-width:768px){
.pro-info{
	padding:0;
}
}



/*************************************/
/*            inquiry table          */
/*************************************/
.responsive-table {
  width: 100%;
  margin-bottom: 1.5em;
}
@media (min-width: 704px) {
  .responsive-table {
    font-size: .9em;
  }
}
@media (min-width: 992px) {
  .responsive-table {
    font-size: 1em;
  }
}
.responsive-table thead {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
@media (min-width: 704px) {
  .responsive-table thead {
    position: relative;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
  }
}
.responsive-table thead th {
  background-color: #083b3e;
  border: 1px solid #083b3e;
  font-weight: normal;
  text-align: center;
  color: white;
}
.responsive-table thead th:first-of-type {
  text-align: center;
}
.responsive-table tbody,
.responsive-table tr,
.responsive-table th,
.responsive-table td {
  display: block;
  padding: 0;
  text-align: left;
  white-space: normal;
}
@media (min-width: 704px) {
  .responsive-table tr {
    display: table-row;
  }
}
.responsive-table th,
.responsive-table td {
  padding: .5em;
  vertical-align: middle;
}
@media (min-width: 480px) {
  .responsive-table th,
  .responsive-table td {
    padding: .75em .5em;
  }
}
@media (min-width: 704px) {
  .responsive-table th,
  .responsive-table td {
    display: table-cell;
    padding: .5em;
  }
}
@media (min-width: 992px) {
  .responsive-table th,
  .responsive-table td {
    padding: .75em .5em;
  }
}
@media (min-width: 1200px) {
  .responsive-table th,
  .responsive-table td {
    padding: .5em;
	font-family:"微軟正黑體";
  }
}
.responsive-table caption {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 704px) {
  .responsive-table caption {
    font-size: 1.5em;
  }
}
.responsive-table tfoot {
  font-size: .8em;
  font-style: italic;
}
@media (min-width: 992px) {
  .responsive-table tfoot {
    font-size: .9em;
  }
}
@media (min-width: 704px) {
  .responsive-table tbody {
    display: table-row-group;
  }
}
.responsive-table tbody tr {
  margin-bottom: 1em;
  /*border: 2px solid #dd7901;*/
}
@media (min-width: 704px) {
  .responsive-table tbody tr {
    display: table-row;
    border-width: 1px;
  }
}
.responsive-table tbody tr:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 704px) {
  .responsive-table tbody tr:nth-of-type(even) {
    /*background-color: rgba(94, 93, 82, 0.1);*/
  }
}
.responsive-table tbody th[scope="row"] {
  background-color: #dd7901;
  color: white;
}
@media (min-width: 704px) {
  .responsive-table tbody th[scope="row"] {
    background-color: transparent;
    color: #5e5d52;
    text-align: left;
  }
}
.responsive-table tbody td {
  text-align: center;
}
@media (min-width: 480px) {
  .responsive-table tbody td {
    /*border-bottom: 1px solid #dd7901;*/
  }
}
@media (min-width: 704px) {
  .responsive-table tbody td {
    text-align: center;
	border-bottom:1px solid #083b3e;
  }
}
.responsive-table tbody td[data-type=currency] {
  text-align: center;
}
.responsive-table tbody td[data-title]:before {
  content: attr(data-title);
  float: left;
  color: rgba(94, 93, 82, 0.85);
  font-weight:bold;
}
@media (min-width: 480px) {
  .responsive-table tbody td[data-title]:before {
    font-size: 1.1em;
	font-weight:bold;
  }
}
@media (min-width: 704px) {
  .responsive-table tbody td[data-title]:before {
    content: none;
  }
}

@media (max-width:710px){
.responsive-table tr{
	border-bottom:3px solid #a9a9a9;
}
}


/*************************************/
/*             inquiry               */
/*************************************/

.inquiry-box{
	background:rgba(255,255,255,1.00);
	margin-top:10px;
	margin-bottom:50px;
	overflow:hidden;
	padding:15px 20px;
}

.sub-content{
	width:100%;
	margin:0 auto;
}

.getCode img{
	padding-top:12px;
	text-align:left;
}

.inq_title{
	color:#598808;

	font-size:18px;
	font-family:"微軟正黑體";
	text-align:left;
	letter-spacing:1px;
	padding:0;
	/*font-weight:bold;*/
}

.conBtn{
	text-align:center;
	margin:30px auto;
}

.btn_con{
	font-family:"微軟正黑體";
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c0c5b6+0,382400+100 */
	background: rgb(192,197,182); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(192,197,182,1) 0%, rgba(56,36,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(192,197,182,1) 0%,rgba(56,36,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(192,197,182,1) 0%,rgba(56,36,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c5b6', endColorstr='#382400',GradientType=0 ); /* IE6-9 */
	color:#fff;
	width:150px;
	height:40px;
	vertical-align:middle;
	text-align:center;
	margin:5px 10px;
	font-size:1.4rem;
	border-radius:10px;	
	border:1px solid #382400;
	box-shadow:inset 0 0 2px 1px rgba(255,255,255,1.00);
}

.btn_con:hover{
	color:#fff;
	text-decoration:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bec1b8+0,352700+100 */
	background: rgb(190,193,184); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(190,193,184,1) 0%, rgba(53,39,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(190,193,184,1) 0%,rgba(53,39,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(190,193,184,1) 0%,rgba(53,39,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec1b8', endColorstr='#352700',GradientType=0 ); /* IE6-9 */
	border:1px solid #4e3201;

	box-shadow:2px 2px 2px rgba(0,0,0,0.3);
}

input, button, select, textarea {
	border:1px solid #000;
}

.proInquiry a {
    color: #cc2a1e;
	font-size:2.5rem;
	font-weight:800;
}


@media (max-width:768px) {

.sub-content{
	width:100%;
}

.getCode img{
	margin-left:-15px;
	margin-right:-15px;
}
}

@media (max-width:500px){
.btn_con{
	width:100%;
	display:block;
	margin:10px 0;
}

.proInquiry{
	width:100%;
}
}


/*************************************/
/*             sitenews              */
/*************************************/

.mt42{
	margin-top:42px;
}

.newsTitleBorder{
	overflow:auto;
}

.newsTitle{
	text-align:left;
	vertical-align:middle;
	display:block;
	background-color:#083b3e;
	padding-left:5px;
}

.newsTitle p{
	text-align:left;
	padding:0;
	font-size:1.5rem;
	margin-top:10px;
	color:#fff;
}

.dataTitle p{
	text-align:center !important;
}

.news{
	font-size:1.4rem;
	overflow:auto;
	border-bottom:1px solid #d1d1d1;
	color:hsla(0,0%,0%,1.00);
	background-color:#fff;
}

.news .subj{
	line-height:2.5rem;
	padding-bottom:9px;
	padding-top:9px;
}

.news .subj a{
	text-decoration:none;
	color:rgba(0,0,0,1.00);
}

.news .subj a:hover{
	text-decoration:none;
	color:rgba(0,108,185,1.00);
}

.news .data{
	line-height:2.5rem;
	padding-bottom:8px;
	padding-top:8px;
	text-align:center;
	color:rgba(0,0,0,0.6);
	font-weight:bold;
}

.back{
	display:block;
	margin-top:5%;
	margin-bottom:5%;
}

.page{
	margin:35px auto;
	text-align:center;
}


#newsBack{
	float:right;
	width:130px;
	text-align:center;	
	background: #083b3e;
	color:#fff;
	margin-top:15px;
	box-shadow:1px 2px 3px rgba(0,0,0,0.5);
}

#newsBack a{
	color:#fff;
	display:block;
	padding-bottom:8px;
}

#newsBack:hover{
	
}

.proBtn-3{
	padding-top:0;
}


@media (max-width:768px){
.news .data, .news .data2{
	text-align:left;
	padding-left:20px;
}

.newsDetail .data{
	text-align:left;
}

.newsCon{
	width:100%;
	margin-left:0;
}

.dataTitle{
	display:none;
}

.newsTitle{
	text-align:left;
}

.news .data{
	line-height:0.5rem;
	padding-top:15px;
	margin-bottom:8px;
}

}

@media (max-width:500px){

#newsBack{
	width:100%;
}
}


/*-------------  page  --------------*/

.page{
	margin:20px auto 0;
	text-align:center;
}

.page .pagination > li a{
	border:1px solid #9fa0a0;
	color:#9fa0a0;
	margin-right:5px;
	border-radius:0;
	font-weight:bold;
}


.page .pagination li a:hover{
	opacity:0.7;
	background:none;
}


/*--------------news detail--------------*/


.new-detail-box{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01b5da+0,01b5da+95,f0f1f3+100,f0f1f3+100,f0f1f3+100 */
	background: rgb(1,181,218); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(8,59,62,1) 0%, rgba(8,59,62,1) 95%, rgba(240,241,243,1) 100%, rgba(240,241,243,1) 100%, rgba(240,241,243,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(8,59,62,1) 0%,rgba(8,59,62,1) 95%,rgba(240,241,243,1) 100%,rgba(240,241,243,1) 100%,rgba(240,241,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(8,59,62,1) 0%,rgba(8,59,62,1) 95%,rgba(240,241,243,1) 100%,rgba(240,241,243,1) 100%,rgba(240,241,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b5da', endColorstr='#f0f1f3',GradientType=1 ); /* IE6-9 */

	border-bottom:1px solid #083b3e;
	overflow:hidden;
	border-right:1px solid #083b3e;
	border-left:1px solid #083b3e;
}

.new-detail-box:first-child{
	border-top:1px solid #083b3e;
}

.news-detail-title{
	width:25%;
	float:left;
	background-color:#083b3e;
	text-align:center;
	padding:10px 10px;
	color:#fff;
	font-family:"微軟正黑體";
}

.news-detail-content{
	width:75%;
	float:left;
	padding:10px 10px;
	color:#000;
	font-family:"微軟正黑體";
	background-color:#f0f1f3;
}

.detailConBg{
	background:rgba(0,0,0,0.00);
	padding:0 !important;
}

.text-lf{
	text-align:left !important;
}

@media (max-width:768px){
.news-detail-title{
	width:100%;
	float:none;
	text-align:center;
}

.news-detail-content{
	width:100%;
	float:none;
	text-align:center;
}
}

/*************************************/
/*            e-catalog              */
/*************************************/

.catalog-box{
	margin-top:10px;
}

.catalog-box img{
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

.catalog-text{
	text-align:center;
	line-height:20px;
	color:#2f4700;
	font-size:14px;
	letter-spacing:1px;
	font-family:"微軟正黑體";
}


@media (max-width:768px){
.catalog-text{
	margin-top:15px !important;
}
}


/*************************************/
/*            contact us             */
/*************************************/

.contact-inf{
	list-style-type:none;
	margin-top:35px;
}

.contact-inf li{
	line-height:25px;
}

.contact-text{
	line-height:25px;
	margin-top:15px;
	font-family:"微軟正黑體";
	font-size:15px;
}



.conBtn{
	text-align:center;
	margin:30px auto;
}


input, button, select, textarea {
	border:none;
}


@media (max-width:500px){
.btn_con{
	width:100%;
	margin:0 0 10px;
}
}