﻿/*全站*/
html, body { font-family: "AlibabaPuHuiTi Bold" }
img { max-width:100%; }
.hideobj{
  display:none;
}

a{
  color:#000;
  background-color:none;
}
a:hover, a:focus {
  text-decoration: underline;
  background:none;
  color:#000;
}
/*會員登入項目*/
#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 {
  color:#000;
  background:none;
}
#language_area ul li a:hover, #language_area ul li a:focus, #language_area ul li a:active {
  background: none;
  text-decoration: underline;
}
#mainbanner{
  padding-top:5px;
}
/*--側欄--*/
#sidebar {
  padding:10px 0px
}

#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;
}

/*--內容區--*/
#content{
  padding:10px 0px 60px;
}
/*麵包屑*/
#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 #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;
  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{
  border:  1px solid #ccc;
  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%;font-size: 15px;    line-height: 30px;
}
#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;
}
.showsmall li {
  float:left;
}
.showsmall li img  {
  margin: 3px;
  padding:3px;
  width:50px;
}
/*頁籤**/
.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{
  text-align:center; padding:10px 15px;font-weight:bolder;
}
#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;
}
/*首頁用*/
#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: 43%;
  width: 17px;
  height: 30px;z-index:99;
}
.swiper-banner .arrow-right, .swiper-product .swiper-button-next {
  position: absolute;
  right: 1%;
  top: 43%;
  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;
}

//定义字体变量
@font-face {
  font-family: "AlibabaPuHuiTi Bold", 阿里巴巴普惠体, sans-serif;;
  src: url('/moduletek.com/fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2'),
        url('/moduletek.com/fonts/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
/* 其他字重需单独声明 */
@font-face {
  font-family: "AlibabaPuHuiTi Bold", 阿里巴巴普惠体, sans-serif;
  src: url('/fonts/Alibaba-PuHuiTi-Bold.woff2') format('woff2');
  font-weight: 700;
}
//应用全局字体
body {
  font-family: "AlibabaPuHuiTi Bold", 阿里巴巴普惠体, sans-serif;
}


.breadcrumb a{font-size: 14px;color: #00396f;}
.breadcrumb{font-size: 16px;color: #00396f;background: none;padding: 40px 0 15px;font-family: AlibabaPuHuiTi  Bold;}
#content {background: url(../file/content-bg.jpg) no-repeat top right #f7f8fa;}
.breadcrumb a:last-child{/* color: #fa020a; */}
.breadcrumb img{width: 16px !important;}
.page-header h1{font-size: 30px;color: #00396f;letter-spacing: 4px;text-transform: capitalize;}
.page-header {border-bottom: 0;margin: 20px 0 20px;border-bottom: none;text-align: center;}




@media (max-width: 640px){
#pb_area_mobile {
    padding: 10% 20%;
}}

@media (max-width: 991px){
.breadcrumb a{font-size: 14px;}	
.breadcrumb{font-size: 14px;}

#pb_area_mobile {
    background: url(../file/prolist-bg.png) no-repeat center;
    background-size: contain;
    padding: 10%;
    text-align: center;
    max-width: 600px;
    margin: auto;
}
.product-show {
    background: none !important;
        position: static !important;
}

}


@media screen and (min-width: 1920px){
.pro-info .pro-name {
    font-size: 28px;    color: rgb(0, 57, 111);margin-bottom: 60px;
}
.pro-info .txtNormal {
       font-size: 20px;
       line-height: 2;
       overflow: inherit;
       color: #333;
}
.proshowqty .input-group-btn>a {
    font-size: 20px;
}

}

.proshowqty {
    position: absolute;
    left: 38%;
    bottom: 14%;
}
.proshowqty .input-group-btn>a {
    background-color: transparent;
    border: none;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}