@import url(http://fonts.googleapis.com/css?family=Sarpanch:400,900);

* {
	margin: 0px; padding: 0px;
}
ul,ol,li {
	list-style: none;	
}
body {
	background-image:url(../images/bg.jpg);
	background-attachment: fixed;
	color: rgb(98, 98, 90);
	font-family: "微軟正黑體", "細明體", Arial;
	font-size: 13px;
}
h1 img {
	margin-top: 10px;
}
h3 {
	font-size: 20px;
	line-height: 40px;
}
a {
	color: #960;
	text-decoration: none;
    outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
a:hover {
	text-decoration: none;
	border: 0;
	color: #000;
}
a:link {
	text-decoration:none;
    border: 0;
}
a:visited {
	text-decoration:none;
    border: 0;
}
a:active {
	text-decoration:none;
    border: 0;
}
img {
	border: 0px currentColor;
}
#main {
	margin: 0 auto;
	width: 1000px;
}
#container {
	margin: 0 auto 30px auto;
	width: 1000px;
	padding-top: 10px;
	background-color:#FFF;
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	border-radius: 0 0 15px 15px;
}
#container2 {
	margin: 0 auto 30px auto;
	width: 1000px;
	padding-top: 10px;
	background-color:#FFF;
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	border-radius: 0 0 15px 15px;
	float: left;
}
#header {
	height: 125px; margin-bottom: 10px;
}
#header h1 {
	width: 220px; float: left;
}
#header .nav {
	width: 728px; height: 55px; float: right;
}
#menuarea {
	width: auto; height: 93px; display: block;
}
#content {
	margin: 0 auto 10px auto;
	width: 1000px;
}
#detail {
	width: 990px;
	float: left;
	position:relative;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
}
/* 頁尾css */
#footer {
	width: 100%;
	min-width: 1000px;
	margin: 30px auto 10px auto;
	float:left;
}
#fitem {
	width: 990px;
	border-radius: 5px;
	margin: 0 auto;
	min-height: 80px;
	border-top:1px solid #ccc;
	padding-top: 10px;
}
#fitem2 {
	width: 990px;
	border-radius: 5px;
	margin: 0 5px;
	min-height: 80px;
	float:left;
	border-top:1px solid #ccc;
	padding-top: 10px;
}
#copyright {
    float:left;
	width: 100%;
	margin: 0 auto;
	text-align:center;
	letter-spacing:1px;
	line-height: 28px;
}
green {
    color: #59b200;
}
red {
    color: #f00;
}
#web-design {
	width: 980px;
	margin: 0 auto;
	position:relative;
    top:70px;
	text-align:right;
}
.contact-us {
	width: 630px;
    color: #666;
	margin: 0px 10px; 
	padding: 3px 10px;
	float:left;
}
.contact-us p {
    line-height: 22px;
}
.contact-us strong {
    color: #960;
}
.introduction {
	width: 350px;
    color: rgb(0,0,0);
	margin: 0px 10px; 
	padding: 10px;
	float:left;
	line-height: 22px;
}
.contact-us h2 , .introduction h2 {
	 line-height: 32px;
}
/* Social */
.social {
  width: 220px;
  margin-top: 10px;
  float:right;
  position: relative;
}
.social a.facebook i {
  background: #1e78ae;
  color:#FFF;
}
.social a.google-plus i {
  background: #f22d0c;
  color:#FFF;
}
.social a.envelope i {
  background: #0CF;
  color:#FFF;
}
.social i:hover,.social img:hover {
	opacity:0.7;
}
.social i {
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:80px;
	text-align:center;
}
.social a {
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:80px;
	display:inline-block;
}
.social a img {
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:80px;
}
/* Social */
.c-white { color: rgba(255,255,255,1);}
.c-green { color: rgba(89,178,0,0.9);}
.c-red { color: rgba(255,0,0,0.9);}
.c-brown { color: rgba(204,153,0,0.9);}
.bg-red { background-color: rgba(255,0,0,0.9);}

.height {height: 20px;}

/*選單-開始*/

.menu{
	width: 100%;
	min-width: 1000px;
	height: 100px;
	margin: 0 auto;
}
.access {
	border-radius: 15px 15px 0 0 ;
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 95px;
	display: block;
	position: relative;
	background-color:#FFF;
	border-bottom: 1px solid #eee;
	border-top: 5px solid #955931;
	-moz-box-shadow:1px 1px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:1px 1px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:1px 1px 12px -2px rgba(20%,20%,40%,0.5);
}
ul.m {
	list-style: none; margin: 0px; padding-left: 0px;
}
ul.m > li {
	float: right;
	position: relative;
	letter-spacing:1px;
}

ul.m li a {
	text-decoration: none;
	display: block;
	text-align: center;
}
ul.m > li > a {
	line-height: 95px;
	padding: 0px;
}
ul.m > li > a:hover {

}
ul.m li.f2 a:hover {
	background-image:url(../images/m1.jpg);
    color:#000;
	border-bottom:3px solid #955931;
}
ul.m li.f2:first-child a:hover {
	border-radius: 0 15px 0 0;
}
.f2 {
	color:#955931;
	font-weight:bold;
	font-size: 16px;
	width: 120px;
	height: 95px;
}
.f2 a {
	color:#955931;
}
.f2 span {
	font-size: 11px;
	display: block;
	border-right:1px dotted #955931;
	height: 35px;
	width:120px;
	position:absolute;
	z-index:10;
	top: 25px;
	line-height: 14px;
	font-family: 'Sarpanch', sans-serif;
}
a.mhere {
	background-image:url(../images/m1.jpg);
    color:#000;
	border-bottom:3px solid #955931;
}
a.mherelast {
	background-image:url(../images/m1.jpg);
    color:#000;
	border-bottom:3px solid #955931;
	border-radius: 0 15px 0 0;
}
.mlogo {
	width:280px;
}
.mlogo img {
	margin: 10px 0 0 0;
}
.mlogo:hover {
	opacity:0.8;
}
/*選單-結束*/
.imgshow {
    width: 990px;
}
.imgshow2 {
    width: 1000px;
	border-bottom:5px solid #ddd;
}
.main-text {
	position: absolute; top: 0; right: 0; width: 295px;
	font-size:14px; line-height:22px;
	padding: 0 5px 0 10px;
 }
.main-text h4 {
	font-size:18px;
	line-height:38px;
	color: #069;
	text-decoration:underline;
 }
/*側欄產品項目css*/
#side {
	float: left;
	width: 220px;
	margin-right: 15px;
}
#sidebar {
	float: left;
	width: 200px;
	padding: 10px;
	background-image: url(../images/sidebar-bg.jpg);
	border: 0px solid rgba(204,204,204,0.4);
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,1);
    -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,1);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,1);
	border-radius: 10px;
}
#sidebar h2 {
	color:#FFF;
}
ul.classify {
	background-image:url(../images/bgfff90.png);
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	border-radius: 10px;
}
ul.classify li {
	line-height: 40px;
	font-size: 17px;
	margin-left: 0px;
	padding-left: 10px;
	border-bottom: 1px dotted rgba(0,0,0,1);
	font-weight:bold;
}
ul.classify li a {
	display:block;
	font-weight:bold;
	color:#930;
}
ul.classify li a:hover {
	color:#000;
}
ul.classify li:last-child { border-bottom: none; }
.sub {
	font-size:15px !important;
	font-weight:bold;
	padding-left: 20px !important;
	letter-spacing:1px;
	line-height: 30px !important;
}
.sub a {
	color:#960 !important;
}
.sub a:hover {
	color:#000 !important;
}
.sub-here {
	background-color:rgba(153,51,0,0.8) !important;
	font-size:15px !important;
	font-weight:bold;
	padding-left: 20px !important;
	letter-spacing:1px;
	line-height: 30px !important;
}
.sub-here a {
	color:#fff !important;
}
.mfist-here {
	background-color:rgba(153,51,0,0.9) !important;
	font-weight:bold;
	letter-spacing:1px;
	border-radius: 10px 10px 0 0;
}
.main-here {
	background-color:rgba(153,51,0,0.9) !important;
	font-weight:bold;
	letter-spacing:1px;
}
.main-here a , .mfist-here a {
	color:#fff !important;
}
/*側欄產品項目css*/

/*產品介紹css*/
#pro-detail {
	float: left;
	width: 750px;
	margin-top: 10px;
}
.m-title {
	border-bottom: 1px solid #ccc;
	float: left;
	width: 730px;
	line-height:32px;
	margin: 10px;
}
.s-title {
		float: left;
		border-bottom: 2px solid #f00;
}
.en-title {
	float: left;
	margin: 7px 0 0 5px;
	line-height:25px;
}
.s-title h2 {
		color:#f00;
		font-weight:700;
		font-size:21px;
		letter-spacing:2px;
}
.breadcrumb {
		float: right;
		font-size:14px;
}
.pro-main {
	border-bottom: 1px solid #ccc;
	float: left;
	width: 730px;
	line-height:32px;
	margin: 10px;
	padding-bottom: 20px;
	font-size:15px;
}
.pro-noborder {
	float: left;
	width: 730px;
	line-height:32px;
	margin: 10px;
	padding-bottom: 20px;
	font-size:15px;
}
.pro-text {
	width: 400px;
}
.pro-text2 {
	width: 720px;
}
.pro-text3 {
	font-size:14px;
}
.contact-text {
	width: 730px;
}
/*產品介紹css*/

/*諮詢表單css*/
.form {
   padding-top: 25px;
   width: 480px;
   margin: 0 0 0 30px;
   font-size: 15px;
   line-height: 25px;
   float:left;
}
.careers_form {
   padding-top: 25px;
   width: 500px;
   margin: 0 0 0 30px;
   font-size: 15px;
   line-height: 25px;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
}

.form-control {

  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  letter-spacing: 1px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control:-moz-placeholder {
  color: #999;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="date"] {
  line-height: 34px;
}

.careers-group {
	margin-bottom: 15px;
	margin-right: 45px;
	width: 210px;
	display:inline-block;
}
.careers-group-2 {
	margin-bottom: 15px;
	margin-right: 0px;
	width: 220px;
	display:inline-block;
}
.careers-group-3 {
	margin-bottom: 15px;
	margin-right: 0px;
	display:inline-block;
}
.form-group {
	margin-bottom: 15px;
	margin-right: 40px;
	width: 180px;
	float: left;
}
.form-group-2 {
	margin-bottom: 15px;
	width: 260px;
	float: left;
}
.form-group-3 {
	margin-bottom: 15px;
	margin-right: 40px;
	width: 480px;
	float: left;
}
.careers-textarea {
	margin-bottom: 15px;
	margin-right: 40px;
	width: 480px;
	display:inline-block;
}
.form-textarea {
	margin-bottom: 15px;
	margin-right: 40px;
	width: 480px;
	float: left;
}
.form-submit {
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
}
.form-submit-2 {
	margin-bottom: 15px;
	margin-right: 15px;
}
.form-text {
	margin-bottom: 15px;
	width: 380px;
	float: left;
	font-size:13px;
	line-height: 18px;
	color:#F30;
}
.form-text2 {
	margin-bottom: 15px;
	width: 380px;
	float: left;
	font-size:15px;
	line-height: 30px;
	color:#F30;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;

}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,

fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 22px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
/*諮詢表單css*/

.form-text {
	margin-bottom: 15px;
	width: 250px;
	float: left;
	font-size:13px;
	line-height: 18px;
	color:#F30;
}

.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

.left{float: left;}
.right{float: right;}
.tleft{text-align:left!important;}
.tright{text-align:right!important;}
/*表格css*/
#t-p1 { 
   width: 100%;
} 
#t-p1 th {
font-weight: bold;
color: #fff;
text-align: center;
padding: 3px;
margin: 0px;
background-color: #678240;
} 
#t-p1 td { 
color: #555;
text-align: center;
padding: 3px;
margin: 0px;
background-color: #fff;
border-bottom: 1px solid #bbb;
}
#t-p2 { } 
#t-p2 th {
font-weight: bold;
color: #fff;
text-align: center;
padding: 3px;
margin: 0px;
background-color: #678240;
} 
#t-p2 td { 
color: #555;
text-align: center;
padding: 3px;
margin: 0px;
background-color: #fff;
border-bottom: 1px solid #bbb;
}
#t-p3 { 
   width: 100%;
} 
#t-p3 th {
font-weight: bold;
text-align: center;
padding: 3px;
margin: 0px;
border-bottom: 1px solid #bbb;
} 
#t-p3 td { 
color: #555;
text-align: center;
padding: 3px;
margin: 0px;
}
.th_list { 
color: #fff !important;
text-align: center;
background-color: #333 !important;
}
.pro_th_list { 
color: #fff !important;
text-align: center;
background-color: #333 !important;
font-size:19px;
letter-spacing:2px;
}
.no_th_list { 
color: #fff !important;
text-align: center;
background-color: #930 !important;
line-height: 0px !important;
font-size: 0px !important;
}
.th_title {
	font-size:19px;
	word-spacing: 25px;
}
/*表格css*/

/*回上一頁及客製化詢問css*/
.pro-footer {
  float: left;
  margin: 6px 0;
  padding: 20px 0;
  width: 100%;
  border-top: 2px solid rgba(204,204,204,0.4);
}
.pro-center {
  margin: 0 auto;
  width: 300px;
}
.back-page {
  float: left;
  width: 130px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgba(89,178,0,0.7);
  margin-right: 30px;
}
.back-page:hover {
  background-color: rgba(89,178,0,1);
}
.back-page a {
  color: rgba(255,255,255,1);
  font-size: 16px;
  display:block;
}
.settle-accounts {
  float: left;
  width: 130px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgba(255,0,0,0.7);
}
.settle-accounts:hover {
  background-color: rgba(255,0,0,1);
}
.settle-accounts a {
  color: rgba(255,255,255,1);
  font-size: 16px;
  display:block;
}
/*回上一頁及客製化詢問css*/


/*line-qrcode css*/
.line-qrcode {
	position: absolute;
	display: inline-block;
	left: 86px;
}
.linesubnav {
	/* 預先隱藏第二層 */
	visibility:hidden;
}
.line-qrcode:hover .linesubnav {
	/* 觸動第一層時，顯示第二層 */
	visibility:visible;
}
.line-qrcode .linesubnav {
	/* 讓第二層ul跳脫文件流以利定位 */
	position:absolute;
	/* 避免出現捲軸 */
	overflow:visible;
	/* 讓ul與母階層li相同位置 */
	clear:left;
	opacity:1;
	left: 1px;
	top: -150px;
	z-index:20;
}
/*line-qrcode css*/

/*人才招募css*/
.careers-list {
	margin-top: 25px;
	float: left;
	width: 700px;
	margin: 5px 10px;
}
.careers-list ul li {
	margin-top: 5px;
	border-bottom: 1px dashed #ccc;
	padding: 0 0 10px 0;
}
.careers-list ul li h3 {
	color: #C60;
	font-size:17px;
	line-height:34px;
}
.careers-list ul li p {
	font-size:14px;
	line-height:24px;
}
/*人才招募css*/

/*最新消息css*/
.news-list {
	margin-top: 25px;
	float: left;
	width: 700px;
	font-size:14px;
	line-height:32px;
	margin: 5px 10px;
}
.news-list ul li {
	margin-top: 5px;
	border-bottom: 1px dashed #ccc;
	line-height:56px;
}
.news-list ul li span {
	color:#F03;
}
.news-list strong {
	font-size:16px;
	line-height:38px;
	color:#669;
}
/*最新消息css*/

/*產品列表css*/
.pro-list {
	float: left;
	margin-top: 15px;
}
.pro-one {
	float: left;
	text-align:center;
}
.pro-one2 {
	float: right;
	text-align:center;
}
/*產品列表css*/

.red-text {
	font-size:16px;
	line-height:38px;
	color:#f00;
	font-weight:bold;
}
.marleft {margin-left: 15px;}
.marleft2 {margin-left: 30px;}
.color1 {color:#85B200;}
.b2 i {font-size:18px;}
.b3 i {font-size:20px; margin:0 1px 0 2px;}