/*全站*/
html, body { 
	font-family: "Droid Sans", Arial, "Microsoft JhengHei";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    color: #777;
}
img { max-width:100%; }
.hideobj{
  display:none;
}

a{
  color:#000;
  background-color:none;
}
a:hover, a:focus {
  text-decoration: none;
  background:none;
  color:#000;
}
p{margin-bottom:20px;}
/*會員登入項目*/
ul{padding:0}
#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%;}
}

.container-fluid{padding:0!important;}
.navbar-default{ background:none; border:none;}

/*#header*/
/*註冊*/
#hello_member , #qsearch , #result{ display:none;}


header {
    position: absolute;
    top: 20px;
    margin: 0;
    padding: 10px 0 ;
    width: 100%;
    z-index: 1001;
    background: rgba(255,255,255,0.7);
}
.wrap{
  margin: 0 auto;
  clear: both;
  width: 1300px;
}
.wrap:after , .pro_wrap:after{content: '';overflow: hi dden; display: block; clear: both;}
#menu .nav>li>a {
    font-size: 18px;
    padding: 60px 10px 55px 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #000000;
    line-height: 70px;
    font-weight: bold;
	display:inline;
}
#menu .nav>li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
	float:none;
	vertical-align:middle;
}
#menu .nav li li{ display:block;}
#menu .nav>li>a:hover, #menu .nav>li>:focus, #menu .nav>li.active > a {
    color: #fff !important;
    background: #c10000;
}


#main_menu { float:right;}
#main_menu i.caret{    margin: 0 5px;}
#hello_member ul li a:hover, #hello_member ul li a:focus, #hello_member ul li a:active {
  text-decoration: underline;
  background: none;
}
.footer-qr {
  margin: 1em 0;
  text-align: center;
}
.footer-qr img {width: 100px;}
/*語言*/
#menu .language  {
    background: rgba(0,0,0,1.00);
    padding: 10px 15px;
    border-radius: 20px;
	color: rgba(255,255,255,1.00);
}
#menu .language p{ margin:0}
#menu .language a{
 	  background:none;
      line-height: 1;
	  padding:0;
	 color: rgba(255,255,255,1.00);
}
#menu .language a:hover, #menu .language a:focus, #menu .language a:active {
  background: none;
  text-decoration: underline;
}
#mainbanner{
  
}
/*--側欄--*/
#sidebar {
  padding:10px 0px;
  display: none;
}

#sidebar .nav-header{
 background:#eee;
 font-weight:bolder;
 padding:8px 15px;
 font-size:16px;
}

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

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

/*--內容區--*/
.com_txt {width: 60%;}
#content{
  padding:10px 0px 30px;
  width: 96%;
  margin: auto;
}
.container_product_show  #content{ width:100%;}
.pro_wrap{width: 800px; margin: 0 auto;}
.container_product_show #content .wrap{width: 100%;}
/*麵包屑*/
#content .breadcrumb {
  text-shadow: none;
      text-align: right;
    background: 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;
}
/* 描述 */
.prodesc .pshow_title, .proshowqty{display: none;}

.prodesc{
    background: rgba(221,221,221,1.00);
    color: rgba(0,0,0,1.00);
    
}
.prodesc .txtNormal{
  padding: 3.5em 2em;
}
.prochar {    padding: 3.5em 2em;}

/*個數*/
.page-header{border: none; text-align: center;}
.page-header h1 { 
  font-size: 36px;
  margin-bottom: 20px;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
}
.page-header h1:before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 50px;
  margin-left: -25px;
  height: 5px;
  left: 50%;
  background: #c10000;
}


/*產品頁*/
.thumbnail {
  border:1px #8B8682 solid;
}
.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;
}
/*產品介紹頁*/
.pro-name , .pshow_title{display: none;}
#pb_area , #pb_area_mobile{
  overflow:hidden;
  padding: 3.5em 2em;
  text-align:center;
}
.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:330px;
  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;
  display: none;
}
.showsmall li {
  float:left;
}
.showsmall li img  {
  margin: 3px;
  padding:3px;
  width:50px;
}
.overflow{overflow:auto;}
.pro-table{width: 100%;}
.pro-table th, .pro-table tr td {padding-top: 10px; padding-bottom: 10px;}
.pro-table thead tr{ background: rgba(0,0,0,1.00); color: rgba(255,255,255,1.00);}
.pro-table thead tr th{ text-align: center; border-right: 1px solid rgba(163,163,163,1.00);    border-bottom: 1px solid rgba(163,163,163,1.00);}
.pro-table tbody tr{text-align: center}
.pro-table tbody tr:nth-child(even){background: rgba(224,224,224,1.00); }

.prodesc h3{background: #c10000; display: inline-block; padding: 10px 2em; border-radius: 30px; color: rgba(255,255,255,1.00); font-weight: bold;}

/*頁籤**/
.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%;
}

/*尾檔*/
#footer{
	background: rgba(41,32,32,1.00);
	padding-top: 2em;
    padding-bottom: 1em;
	position:relative;
}
/*
.footer-qr {
    position: absolute;
    right: 2em;
    top: 2em;
    text-align: center;
}
.footer-qr img{width:50%;}	
*/
#footer a{    color: #777;}
#footer h3 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,1.00);
}
#cominfo ul li {
margin: 0 0 10px 0;
}
#cominfo li i {
    width: 30px;
    float: left;
    font-size: 18px;
    position: relative;
    margin-top: 4px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
}


.ftbar li {
    padding: 0;
    margin: 0 0 15px 0;
    list-style: none;
    line-height: 1;
}	
.ftbar li a {
    font-weight: bold;
	padding:0;
}
#footlink ul li a { border-radius:inherit; }
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {
  background:none;
  text-decoration:underline;
}

#copyright{}
#footlink li { display: inline-block;}
#footlink a{ padding:0;}

/*首頁用*/
#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;
  clear: both;
}

ul{
  list-style:none;
}

#gotop{	
	position: fixed; right: 20px; bottom: 20px; z-index: 1000; cursor:pointer;    
	background: rgba(0, 0, 0, 0.5);
	width: 50px;
    height: 50px;
    display: table;
    color: #fff;
    text-align: center;
	border-radius: 4px;
	opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#gotop.active {
  opacity: 1;
  visibility: visible;
}


/*
#gotop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
*/
#gotop i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}





#footer .ftbar{
	color:#fff;
}
#footer .ftbar .nav>li{ float:none;}
#footer .ftbar .nav>li>a{
	color:#fff;    padding: 5px 0;
}
#footer .ftbar .nav>li>a:hover{background:none;}

/***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;
}
@media only screen and (max-width: 1500px) {

  #copyright, #footlink{width: 60%; display: inline-block;    clear: both;}
/*
  .footer-qr{width: 30%; display: inline-block;position: static;margin-top: 10px;}
  .footer-qr img{ width: 120px;}
*/

}
@media only screen and (max-width: 1300px) {
  .wrap{width:100%;}
}

@media only screen and (max-width: 1024px) {
  #menu{display: none;}
  #mobile{  width: auto; display: block !important; margin: 0; position: absolute; z-index: 9;  }
  #mobile p { margin-bottom: 0; }
  #company_logo{ width: 70%; float: none; text-align: center; margin: 1% auto;  }
  #company_logo img{ width: 200px;}

  #mainbanner { width: 150%;}
  #mainbanner .swiper-slide{margin:0 -25% 0 -25%}

  .logo_wrap {margin: 1% 0 2%; display: block; float: none;     width: 100%;}
  .logo,
  .footer-qr {    width: 44%;
    display: inline-block;
    text-align: left;
    margin-right: 2em;}

  .ftbar , #cominfo { display: inline-block; width: 48%; vertical-align: top; margin: 1% 0; }
  .ftbar h3 , #cominfo h3{margin: 0 0 10px ;}
  #copyright, #footlink /*, .footer-qr*/{ text-align: center; display: block; width: 100%; }
  #footer .col-md-push-1{left: 0}
	
  .com_txt {width: 100%;}
  
  /* .footer-qr{display: none;} */
	.res_qr{padding: 12px;}
  .res_qr img{width: 120px;}

}
@media only screen and (max-width: 966px) {
.pro_wrap{ width:100%;}

}
@media only screen and (max-width: 640px) {
  .ftbar{display: none;}
  .logo_wrap{text-align: center;}

  .logo, .footer-qr {
      width: 94%;
      display: inline-block;
      text-align: center;
      margin: 0 0 1em;
  }

  #cominfo { display: block; width: 98%;margin: 1% auto; text-align: center;}
  #cominfo li i{ display: inline-block;    float: none;}
  
  .pro-table{width:640px;}
  #pb_area_mobile{ padding: 0.5em 2em;}
  .prodesc h3{font-size:20px;}
  body{font-size:15px}

}
@media only screen and (max-width: 570px) {
  header{top: 0; padding: 0;}
  #mobile_toggle{padding:0 5px;}
  #company_logo img{ width: 160px;}

}