/*全站*/
html, body { font-family: "Microsoft JhengHei"; }
body{ background:url(../images/bg.jpg); font-size:18px; font-family:Calibri-Light ,Arial, sans-serif}
.sb-site{ background:none}
.container-fluid{padding:0}
img { max-width:100%; }
.hideobj{
  display:none;
}

a{
  color:#000;
  background-color:none;
}
a:hover, a:focus {
  text-decoration: none;
  background:none;
  color:#000;
}
a ,a:focus{outline:none;border:0;}
img , img:focus{border:0;}
a:active{noOutline:expression(this.onFocus=this.blur());}
.left_zone a{color:#fff}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}
/*會員登入項目*/
#login-tabs li{
  background:none;
}
#login-tabs a{
  color:#000;
  background:none;
}
#login-tabs a:hover,#login-tabs a:focus{
  text-decoration: underline;
  background:none;
  color:#000;
}
/**表單元素**/
fieldset.over-border {
  border: 1px solid #ccc !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.4em 0 !important;
  border-radius: 16px;
}
legend.line-border {
  font-size: 16px !important;
  text-align: left !important;
  width:inherit;
  border-bottom:none; display:none;
}
fieldset > div { margin-top:30px; }
.red{
  color: #cc0000;
}
.radio-inline input[type='radio'] {
  margin-left: -20px;
  float: left;
}
.radio-inline {
  padding-left: 20px;
  font-weight: normal;
  margin-bottom: 0px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.help-inline{
  vertical-align: middle;
  display: inline-block;
  padding-top:5px;
  float:left;
  padding-left:0px;
  cursor: default;
}
.control-label{
  cursor: default;
}

.form-show .input-prepend {
  clear:both;
}
fieldset.instep-border {
  border: 1px solid #ccc !important;
  padding: 0 16px 16px 16px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 15px; /*圓角*/
  background:#eeeeee;
  height:100px;
  font-weight:bold;
  color:#000000;
  text-align: center;
}
fieldset.step-border {
  border: 1px solid #ccc !important;
  padding: 0 16px 16px 16px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 15px; /*圓角*/
  height:100px;
  text-align: center;
}
legend.stepline-border {
  text-align: center !important;
  width:inherit;
  border-bottom:none;
}
.enlarge{clear:both;}
@media only screen and (max-width : 480px) {
    .navbar-inner li {display:block; width:100%;}
}
/*#header*/
/*註冊*/

#hello_member ul li a:hover, #hello_member ul li a:focus, #hello_member ul li a:active {
  text-decoration: underline;
  background: none;
}

/*語言*/
#language_area ul li a {

  background:none;
}
#language_area ul li a:hover, #language_area ul li a:focus, #language_area ul li a:active {
  background: none;

}
#mainbanner{

}
/*--側欄--*/
#sidebar {
  padding:10px 0px
}

#sidebar .nav-header{


}

/*RSS*/
#rss_area a{
  text-shadow: none;
}

#rss_area a:hover{
  text-shadow: none;
}

/*--內容區--*/
#content{
  padding:10px 0px 0;
}
/*麵包屑*/
#content .breadcrumb {
  text-shadow: none;
}
#content .breadcrumb li {
  text-shadow: none;
}
#content .breadcrumb li a {
  text-shadow:none;
  text-decoration: none;
}
#content .breadcrumb li a:hover {
  text-shadow: none;
  background:none;
  text-decoration: underline;
}
#content .breadcrumb li .divider{
  text-shadow:none;
  background:none;
}
/*個數*/
.page-header {
  border-bottom:1px #eee solid;
}
/*產品頁*/
.thumbnail {
  border:1px solid rgba(216,216,216,1.00);padding:5px; position:relative
}
.cate-name,.cate-name-more{
  color:#333333;
  font-weight:bold;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}

.cate-name a ,.cate-name-more a{
  color:#333333;
  font-weight:bold;
  text-decoration:none;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.cate-name a:hover ,.cate-name-more a:hover{
  color:#8B8682;
  font-weight:bold;
  text-decoration:underline;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}
/*產品介紹頁*/
#pb_area{

  overflow:hidden;
}
.thumbnail img{
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
}
.input-group {
  display: table;
  padding-bottom:10px;
  width: 100%;
}
.input-group .form-control {
  margin-bottom: 0px;
}
.txtNormal {
  overflow:auto;
  width:100%;
}
#content .thumbnails .prodlist{
  /*height:250px;*/
  overflow:hidden;
}
#content .thumbnails .catelist{
  height:210px;
  overflow:hidden;
}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{
  /*height:150px;*/
}

#lineqty{
  width:30%;
}
.showsmall ul {
  padding: 0px; margin: 0px;
  list-style: none;
}
.showsmall li {
  float:left;
	width: 24%;
}
.showsmall li img  {
/*  margin:0 22px;*/
  padding:13px;
  width:160px;
}

.showsmall li:hover img{ border:1px solid #ea0a34}
figure{ background:#fff}
.mfp-title{ color:#080861}

/*頁籤**/
.nav-tabs .active a{
 font-weight:bold;
}
/*訊息用*/
.msgcont{
  width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:10px;
}
.msg_img_title {
  width:30%;
}

/*尾檔*/
#cominfo ul li {
  display:inline-block;
}
#copyright{

}
#footlink ul li a {  }
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {

}
/*首頁用*/
#index_msg_ul a{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul a:hover{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul .msgcont{

}
#idxprocarousel .span{small_class} .item {
  background-color : #EEE;
  height : {small_height}px;
  text-align : center;

  /* Firefox, Chrome */
  line-height : {small_height}px;

  /* IE */
  *font-size : 180px;  /* 200px * 0.9 = 180px */
}

#idxprocarousel  img {
  vertical-align : middle;
}
#idxprocarousel .caption {
    background : #666; padding : 5px;
}
#idxprocarousel .caption a {
    color : #fff;
}

#content .pshow_title{
  border-left:5px solid #ccc;
  font-size:18px;
  font-weight:bold;
  background-color: #eee; padding:7px;
}

ul{
  list-style:none;
}

#footer .ftbar{
background-color:#f8f8f8;
border-color:#e7e7e7;
}


/***style for banner's arrows and pagination ****/
.swiper-banner .arrow-left, .swiper-product .swiper-button-prev {
  position: absolute;
  left: 1%;
  top: 40%;
  width: 17px;
  height: 30px;z-index:99;
}
.swiper-banner .arrow-right, .swiper-product .swiper-button-next {
  position: absolute;
  right: 1%;
  top: 40%;
  width: 17px;
  height: 30px;z-index:99;
}

.swiper-banner .page-banner, .swiper-product .swiper-pagination{
  position: absolute;
  left: 0; z-index:99;
  text-align: center;
  bottom:0;
  width: 100%;
}
.swiper-banner .swiper-pagination-switch, .swiper-product .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-banner .swiper-active-switch, .swiper-product .swiper-active-switch {
  background: #fff;
}
/***style for banner's arrows and pagination end ****/

/*style for google map  2015.10.21*/
.googlemap { width:100%; height:12em; }
.listimg a.btn.btn-link {
    display: initial;
}