/*全站*/
html, body { font-family: "Microsoft JhengHei"!important; }
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:#f5f5f5;
  background:none;
}
#login-tabs a:hover,#login-tabs a:focus{
  text-decoration: underline;
  background:none;
  color:#ddd;
}
.form-horizontal .radio, .form-horizontal .checkbox, .radio-inline{ color:#f5f5f5;}
/**表單元素**/
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{color:#f5f5f5;
  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 50px;
}
/*麵包屑*/
#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;
  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{
  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%;
}
#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: 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;
}

/* =========================== */
.wrapper { width: 1400px; margin: auto; }
#container { background: url(../images/bg.jpg); }
#header { background: url(../images/header_bg.jpg) repeat-x #0d0d0d; padding: 1em 0; }
#language_area, #hello_member { display: none; }
.logo { position: relative; z-index: 1; }
#company_logo { padding: 1em 2em; }
#company_logo img { max-width: 365px; max-height: 52px; }
#mainnav { background-color: transparent; border: none; }
#main_menu a { transition: all 0.3s ease; }
#main_menu a:hover, #main_menu >.active>a, #main_menu >.active>a:hover, #main_menu >.active>a:focus { color: #ea6100; background-color: transparent; }
#main_menu > li { text-align: center; margin: 0 10px; }
#main_menu > li > a { background: url(../images/main_menu_icon01.png) center top; color: #b4b4b4; text-transform: uppercase; font-size: 12px; height: 80px; min-width: 110px; padding: 80px 0 0; transition: all 0.3s ease; }
#main_menu #m2 a { background: url(../images/main_menu_icon02.png) center top; }
#main_menu #m3 a { background: url(../images/main_menu_icon03.png) center top; }
#main_menu #m4 a { background: url(../images/main_menu_icon04.png) center top; }
#main_menu #m5 a { background: url(../images/main_menu_icon05.png) center top; }
#main_menu #m1 > a:hover, #main_menu #m1.active > a { background-position: center top -80px; }
#main_menu #m2 > a:hover, #main_menu #m2.active > a { background-position: center top -80px; }
#main_menu #m3 > a:hover, #main_menu #m3.active > a { background-position: center top -80px; }
#main_menu #m4 > a:hover, #main_menu #m4.active > a { background-position: center top -80px; }
#main_menu #m5 > a:hover, #main_menu #m5.active > a { background-position: center top -80px; }
.qsearch { position: relative; z-index: 1; }
#qsearch { margin-top: 20px; padding-right: 30px; }
#qsearch #kwd { background: #474542; border-radius: 50px; color: #fff; border: none; }
#qsearch .input-group-btn { z-index: 1; }
#qsearch .input-group-btn .btn  { background-color: transparent; border: none; margin: 0 5px; padding: 0; }
#qsearch .input-group-btn .btn span { font-size: 28px; }

#mainbanner { display: none; }
#sidebar { display: none; }
#content { padding-top: 0; padding-bottom: 0; }
/*.breadcrumb { padding-bottom: 0; border-radius: 0; background: #666; }*/
.breadcrumb>li+li:before { content: ""; padding: 0; }
#content .breadcrumb li a:hover { text-decoration: none; }
.breadcrumb{ overflow: hidden; width: 100%; background: none; }
.breadcrumb li { float: left; margin: 0 5px 0 0; }
.breadcrumb a { background: #ddd; padding: 4px 1em; float: left; text-decoration: none; color: #444;  text-shadow: 0 1px 0 rgba(255,255,255,.5); position: relative; line-height: 22px; white-space: nowrap; }
.breadcrumb .active a { background: #ea6100; color: #fff; }
/*
.breadcrumb .active a::before{ border-color: #ea6100 #ea6100 #ea6100 transparent; }
.breadcrumb .active a::after{ border-left-color: #ea6100;}
*/
.breadcrumb a:hover { background: #99c22e; color: #fff; }
/*
.breadcrumb a::before{ content: ""; position: absolute; top: 50%;  margin-top: -15px; border-width: 15px 0 15px 15px; border-style: solid; border-color: #ddd #ddd #ddd transparent; left: -14px; }
.breadcrumb a:hover::before{ border-color: #99c22e #99c22e #99c22e transparent; }
.breadcrumb a::after{ content: ""; position: absolute; top: 50%;  margin-top: -15px;   border-top: 15px solid transparent; border-bottom: 15px solid transparent;  border-left: 10px solid #ddd; right: -9px;}
.breadcrumb a:hover::after{ border-left-color: #99c22e;}
*/
.breadcrumb .current,.breadcrumb .current:hover{ font-weight: bold; background: none;}
.breadcrumb .current::after,.breadcrumb .current::before{  content: normal;}

#result { display: none; }
.page-header { margin: 2em 0 0; border-bottom: none; }
.page-header h1, .page-header > li a { font-family: 'Roboto Condensed', "Arial", "sans-serif"; font-size: 36px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; }
.container_product_show .page-header h1 { display: none; }
.page-header > li { list-style-type: none; text-align: center; }
 
.catelist { width: 50%; }
#content .thumbnails .catelist, .listimg { height: inherit; }
.thumbnails { padding: 0; }
.thumbnail { border: none; border-radius: 0; background-color: transparent; }
.thumbnail .caption { display: none; }
.catelist .thumbnail .listimg img { box-shadow: rgba(0,0,0,.4) 10px 10px 10px; }
.thumbnail .prolistqty, .thumbnail .prolistbtn { display: none; }
#content .thumbnails .prodlist { height: inherit; }
.prodlist { padding-right: 1px; padding-left: 1px; position: relative; margin-bottom: 2em; }
.prodlist .thumbnail { background: #fff; padding: 0; }
.prodlist .thumbnail .listimg { box-shadow: rgba(0,0,0,.35) 10px 0px 30px inset; overflow: hidden; }
.prodlist .thumbnail .listimg img { transition: all 0.3s ease; }
.prodlist .thumbnail:hover .listimg img { transform: scale(1.1); }
.prodlist .thumbnail .cate-name, .prodlist .thumbnail .cate-name-more { background: #1b1b1b; }
.prodlist .thumbnail .cate-name a { padding-top: 0.5em; }
.prodlist .thumbnail .cate-name-more a { padding-bottom: 1em; }
.prodlist .thumbnail .cate-name a { display: block; font-size: 30px; color: #99c22e; font-weight: bold; font-family: Arial, "sans-serif"; }
.prodlist .thumbnail .cate-name-more a { display: block; font-size: 20px; color: #fff; font-weight: normal; font-family: Arial, "sans-serif"; }
.prodlist .prolistdesc { position: absolute; right: 5px; bottom: 140px; }
.prodlist .prolistdesc img { display: inline-block; margin-right: 5px; }

.pro-no { font-size: 48px; text-align: left; color: #99c22e; font-weight: bold; font-family: Arial, "sans-serif"; margin-top: 20px; padding-left: 20px; line-height: 1em; }
.pro-name { font-size: 30px; text-align: left; color: #898989; font-weight: bold; font-family: 'Roboto Condensed', "Arial", "sans-serif"; padding-left: 20px; }
#pb_area, #pb_area_mobile { background: #fff; text-align: center; margin: 0 auto 5em; position: relative; }
#pb_area > .txtNormal ul, #pb_area_mobile > .txtNormal ul { position: absolute; z-index: 2; top: 120px; left: 0px; display: inline-block; width: inherit; font-size: 30px; color: #898989; text-align: left; font-family: "Arial", "sans-serif"; font-weight: bold; }
#pb_area > .txtNormal ul, #pb_area_mobile > .txtNormal ul { padding-left: 0; }
#pb_area > .txtNormal li, #pb_area_mobile > .txtNormal li { width: 100px; float: left; text-align: center; line-height: 1; }
#pb_area > .txtNormal li+li, #pb_area_mobile > .txtNormal li+li { border-left: #898989 7px solid; }
#pb_area > .txtNormal li strong, #pb_area_mobile > .txtNormal li strong { display: block; font-size: 60px; }
.pro-inquiry, .proshowqty { display: none; }
.prodesc h5 { display: none; }
#pb_area .showsmall { position: absolute; top: 150px; left: 10px; width: 120px; display: none; }
.showsmall li img { border: #9f9f9f 3px solid; border-radius: 5px; width: inherit; }
#pb_area .fea, #pb_area_mobile .fea { position: absolute; z-index: 2; bottom: 20px; right: 20px; }
#pb_area .fea li { max-width: 120px; margin-bottom: 10px; }
#pb_area_mobile .fea li { max-width: 60px; margin-bottom: 10px; }
#pb_area .fea li img, #pb_area_mobile .fea li img { border: #9f9f9f 4px solid; border-radius: 5px; }
.item { background: #fff; }

.prochar { display: none; }

.related { background: rgba(20,19,17,.6); padding-top: 1em; }
#content .pshow_title { text-align: center; background-color: transparent; border: none; color: #fff; font-size: 36px; font-weight: bold; font-family: 'Roboto Condensed', "Arial", "sans-serif"; text-transform: uppercase; margin-bottom: 24px; }
.related .thumbnails { width: 80%; margin: auto; }
.related .prodlist { width: 25%; padding-right: 6px; padding-left: 6px; }
.related .prodlist .cate-name-more, .related .prodlist .protlistbtn, .related .prodlist .prolistdesc { display: none; }
.related .prodlist .thumbnail { position: relative; }
.related .prodlist .thumbnail .cate-name { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(235,97,0,.75); opacity: 0; transition: all 0.3s ease; }
.related .prodlist .thumbnail .cate-name a { display: inline-block; font-size: 16px; color: #fff; background: rgba(0,0,0,.7); padding: 10px 60px; border-radius: 10px; margin-top: 30%; }
.related .prodlist .thumbnail:hover .cate-name { opacity: 1; }
.related .prodlist .thumbnail .listimg { box-shadow: none; }
.related .prodlist .thumbnail:hover .listimg img { transform: scale(1); }

.table-striped>thead>tr { background: #ea6100; color: #fff; }
.table-striped>tbody>tr:nth-child(odd) { background-color: #f9f9f9; }
.table-striped>tbody>tr:nth-child(even) { background-color: #c9c9c9; }
.btn-warning { color: #fff; background-color: #ea6100; border-color: #ea6100; }
.msg-inner { padding: 3em; background: rgba(255,255,255,.75); margin-bottom: 3em; }
.msg-date { font-size: 20px; color: #ea6100; }
.container_msg3 .newtitle h1 { font-size: 24px; text-align: left; }

.prosearch { padding: 3em; background: rgba(255,255,255,.75); margin-bottom: 3em; }

#footer { background: #000; color: #fff; padding: 4.5em 0 0; }
#footer a { color: #fff; padding: 0 10px; }
#footer .ftbar { background-color: transparent; border: none; }
#footer .ftbar .nav-pills>li { float: none; background: url(../images/footer-line.gif) no-repeat 0px 16px; padding-left: 20px; }
#footer .ftbar .nav-pills>li a { padding: 0 10px; font-weight: bold; line-height: 2.5em; text-transform: uppercase; }
#footer .ftbar .nav>li>a:hover, #footer .ftbar .nav>li>a:focus { background-color: #ea6100; }
.qr { position: absolute; top: 5px; right: 0; }
#custnav .nav-header { font-weight: bold; font-size: 16px; line-height: 2; background: url(../images/footer-line.gif) no-repeat 0px 16px; padding-left: 20px; text-transform: uppercase; }
#custnav ul ul { margin-left: 25px; padding-bottom: 2em; padding-left: 12px; line-height: 2em; border-left: #fff 1px solid; }
#custnav .nav>li>a:hover, #custnav .nav>li>a:focus { background-color: #ea6100; border-radius: 4px; }
#cominfo ul { margin-bottom: 2em; }
#cominfo ul:first-child { margin-bottom: 4em; }
#cominfo ul li { display: block; padding-left: 20px; line-height: 1.5em; }
#cominfo .cominfoname { font-weight: bold; font-size: 16px; line-height: 2; background: url(../images/footer-line.gif) no-repeat 0px 14px; }
#cominfo .cominfotel, #cominfo .cominfofax { display: none; }
#copyright { background: #474542; color: #a49f97; padding: 1em 0; }
#footlink { display: inline-block; vertical-align: middle; }
#footlink .nav>li>a { padding: 0; color: #a49f97; margin-left: 5px; }

.sb-slidebar { background: url(../images/bg.jpg) #000; background-size: cover; box-shadow: #222 -5px 0px 50px inset; }
#left_menu a, .sb-submenu a { color: #fff; font-weight: normal; font-size: 18px; padding: 1em 20px 1em 65px; text-transform: uppercase; }
#left_menu .sb-menu > li:nth-child(2), #left_menu .sb-menu > li:last-child { display: none; }
#left_menu #m1 { background: url(../images/main_menu_01.png) no-repeat 0 5px; background-size: 60px; }
#left_menu #m2 { background: url(../images/main_menu_02.png) no-repeat 0 5px; background-size: 60px; }
#left_menu #m3 { background: url(../images/main_menu_03.png) no-repeat 0 5px; background-size: 60px; }
#left_menu #m4 { background: url(../images/main_menu_04.png) no-repeat 0 5px; background-size: 60px; }
#left_menu #m5 { background: url(../images/main_menu_05.png) no-repeat 0 5px; background-size: 60px; }
#left_menu #m1.active >a, #left_menu #m1>a:hover, #left_menu #m1>a:focus { background: url(../images/main_menu_01.png) no-repeat 0 -70px #ea6100; background-size: 60px; color: #fff; }
#left_menu #m2.active >a, #left_menu #m2>a:hover, #left_menu #m2>a:focus { background: url(../images/main_menu_02.png) no-repeat 0 -70px #ea6100; background-size: 60px; color: #fff; }
#left_menu #m3.active >a, #left_menu #m3>a:hover, #left_menu #m3>a:focus { background: url(../images/main_menu_03.png) no-repeat 0 -70px #ea6100; background-size: 60px; color: #fff; }
#left_menu #m4.active >a, #left_menu #m4>a:hover, #left_menu #m4>a:focus { background: url(../images/main_menu_04.png) no-repeat 0 -70px #ea6100; background-size: 60px; color: #fff; }
#left_menu #m5.active >a, #left_menu #m5>a:hover, #left_menu #m5>a:focus { background: url(../images/main_menu_05.png) no-repeat 0 -70px #ea6100; background-size: 60px; color: #fff; }
@media (max-width:1440px) {
	.wrapper { width: 100%; }
	#content > .wrapper { padding: 0 15px; }
	.main_menu { width: 100%; float: none; }
	.product { width: 90%; margin: auto; }
	.pro-show { padding: 0 10%; }
	.proshow { padding: 0 15px; }
	#footer .footer > .wrapper { padding: 0 15px; }
	.qr { right: 15px; }
	
}
@media (max-width:1024px) {
	.qsearch { width: 30%; }
}
@media (max-width:991px) {
	.logo { float: left; width: 70%; }
	.qsearch { float: right; }
	.catelist, .prodlist { width: 50%; float: left; }
	.related { margin-top: 3em; }
	.related .thumbnails { width: 100%; }
	.related .prodlist { float: left; }
	.msg-inner { padding: 2em 15px; }
	.footer .col-md-2 { width: 40%; float: left; }
	.footer .col-md-4 { width: 60%; float: left; padding-bottom: 1em; }
	.footer .col-md-6 { clear: both; padding-top: 2em; }
	.qr { top: 2em; }
}
@media (max-width: 800px) {
	.logo {z-index: 0;}
	.hidden-xs { display: none!important; }
	.visible-xs { display: block!important; }
	.sb-site, .sb-site-container { padding: 0; }
	.mobile { position: absolute; z-index: 1; top: 14px; left: 10px; }
	#mobile_toggle .btn-default, #mobile_toggle .btn-default:hover, #mobile_toggle .btn-default:focus, #mobile_toggle .btn-default.focus, #mobile_toggle .btn-default:active, #mobile_toggle .btn-default.active, #mobile_toggle .open>.dropdown-toggle.btn-default { background: #ea6100; color: #fff; }
	#header { padding: 0; }
	#company_logo img { max-width: 200px; }
	#left_menu .form-search { padding: 0; margin: 10px 10px 0; }
	.thumbnails { padding: 0 15px; }
	fieldset > div { margin-top: 1em; }
	#pb_area_mobile { padding-top: 10px; }
	#pb_area_mobile > .txtNormal li+li { border-left: #898989 3px solid; }
	#pb_area_mobile > .txtNormal { font-size: 18px; left: 10%; }
	#pb_area_mobile > .txtNormal li strong { font-size: 30px; }
	#pb_area_mobile .pro-no { margin-top: 0; }
	#footer { padding-top: 2em; }
	.logo { width: 100%; float: none; text-align: center; }
}
@media (max-width:640px) {
	.breadcrumb { padding-bottom: 0; }
	.breadcrumb li { margin-bottom: 8px; }
	#pb_area_mobile > .txtNormal ul { position: static; }
	.footer .col-md-2, .footer .col-md-4 { float: none; width: 100%; padding-bottom: 0; }
}
@media (max-width:480px) {
	#company_logo { text-align: center; }
	.page-header h1 { font-size: 36px; }
	.catelist, .prodlist { width: 100%; float: none; }
	.pro-no { margin-top: 0; }
	.pro-name { margin-bottom: 10px; font-size: 24px; }
	.pro-show { padding: 0 15px; }
	#pb_area_mobile > .txtNormal { left: 15px; }
	#pb_area_mobile .pro-no { font-size: 40px; }
	#content .pshow_title { font-size: 30px; }
	fieldset.over-border { padding: 0 !important; }
	.qr { position: static; margin: 1em 0; padding-left: 20px; }
	#cominfo ul:first-child { margin-bottom: 1em; }
}
@media (max-width:375px) {
	.prodlist .prolistdesc img { max-width: 40px; }
}