@charset "gb2312";
/* Global */ 
body{font: 14px "΢ÈíÑźÚ",Arial, Helvetica, sans-serif; line-height:1.6em;}
a{color:#666;}
a:hover{color:#09aac7; text-decoration:none!important}
/* header and topnav */
.navbar-brand img{max-height:36px;}
.navbar-brand{padding:12px 20px 0 10px;}
li.topphone{
    padding-top: 20.5px;
    padding-bottom: 20.5px;}
.pagebanner{margin-top:64px;}

/* side-bar */
.side-bar a{text-decoration:none;}
.side-bar ul{padding-left:2em; margin-bottom:0;}
.side-bar li{ line-height:2em; list-style:circle;}

.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #09aac7;
    border-color: #2196f3;
}

/* products sidebar Secondary classification parents nav */
.parents-link{
	display:block;
	padding: 8px 15px;
    margin-bottom: 10px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;}

/* footer */
.footerwrap {
	background:#393939;
	color:#fff;
}
footer {
	padding: 30px 0 20px 0;
}
footer a{color:#CCC;}
footer a:hover{color:#EEE;}
footer dt, footer dd{line-height:2em;}
.footbottom{
    padding: 20px 0 0 15px;
    border-top: 1px solid #eee;
}

/***** pages - layout *****/

/* page */
.page-header .right-crumbs{ position:relative; top:30px;}

/* .page-body */
.page-body h1, .page-header h1{font-size:28px;}
.page-body h2, .page-header h2{font-size:24px;}
.page-body h3, .page-header h3{font-size:20px;}
.page-body h4, .page-header h4{font-size:16px;}
.page-body img{
	max-width: 100%;
    height: auto;
}

/* products class tags */
.pro-tags a{margin-bottom:2px;}

/* thumbnail */
.thumbnail{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	}
.thumbnail:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.thumbnail img:hover {opacity: 0.7;}

/* .col-sm-9 .thumbnail */
.col-sm-9 .thumbnail .caption p{height:2em; overflow:hidden; margin-bottom:0.5em;}

/* pagination */
.pagination-wrap{width:300px; margin:10px auto;}
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination a.active {
    background-color: #2d91a3;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

/* pagerwrap */
.pagerwrap{margin-bottom:40px;}
.pagerwrap a{color:#2d91a3;}
.pagerwrap a:hover{color:#09aac7;}

/* infolist class */

.infolist span{color:#999; font-size:12px;}
/* text overfollow display... */
.fonts-ellipsis li{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* .dl-infolist */
.dl-infolist{padding:15px 0; border-bottom:dotted 1px #EEE; margin-bottom:0;}
.dl-infolist dt {
	font-size:16px;
	font-weight:200;
    float: left;
    width: 740px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-infolist dd{color:#999;}

/* Responsive Table .table-default */
.table-default{overflow-x:auto;}
.table-default table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}
.table-default th, .table-default td {
    border: none;
    text-align: left;
    padding: 8px;
}
.table-default tr:nth-child(even){background-color: #f2f2f2}

  @media (max-width: 768px) {
	.navbar-brand{padding:18px 20px 0 10px;} 
	.navbar-brand img{max-height:28px;}
	
	li.topphone{display:none;}
	
    /* Hide the carousel text when the screen is less than 768px pixels wide */	
    .carousel-caption {
      display: none; 
    }
	.footerwrap{margin-bottom:4em; border-bottom:solid 1px #232323;}
	.footerwrap .footphone{position:fixed; bottom:0; left:0; width:100%; overflow:hidden; height:4em; line-height:4em; padding:0 15px; color:#FFF; background:#393939;}
	
	.sidenav{margin-bottom:20px;}
	.sidenav li{width: 33.3%; float:left;}
	.sidenav li.active{width: 100%;}
	
	.sidebar-offcanvas{margin-right:5px;}
	/* .sidebar-offcanvas{margin-left:5px;} */
	
	.xs-right{text-align:right;}
	
  }

/* layout margin */
.margin-t-0{margin-top:0px;}
.margin-t-5{margin-top:5px;}
.margin-t-10{margin-top:10px;}
.margin-t-15{margin-top:15px;}
.margin-t-20{margin-top:20px;}
.margin-t-25{margin-top:25px;}
.margin-t-30{margin-top:30px;}
.margin-t-35{margin-top:35px;}
.margin-t-40{margin-top:40px;}
.margin-t-45{margin-top:45px;}
.margin-t-50{margin-top:50px;}

.margin-r-0{margin-right:0px;}
.margin-r-5{margin-right:5px;}
.margin-r-10{margin-right:10px;}
.margin-r-15{margin-right:15px;}
.margin-r-20{margin-right:20px;}
.margin-r-25{margin-right:25px;}
.margin-r-30{margin-right:30px;}
.margin-r-35{margin-right:35px;}
.margin-r-40{margin-right:40px;}
.margin-r-45{margin-right:45px;}
.margin-r-50{margin-right:50px;}

.margin-b-0{margin-bottom:0px;}
.margin-b-5{margin-bottom:5px;}
.margin-b-10{margin-bottom:10px;}
.margin-b-15{margin-bottom:15px;}
.margin-b-20{margin-bottom:20px;}
.margin-b-25{margin-bottom:25px;}
.margin-b-30{margin-bottom:30px;}
.margin-b-35{margin-bottom:35px;}
.margin-b-40{margin-bottom:40px;}
.margin-b-45{margin-bottom:45px;}
.margin-b-50{margin-bottom:50px;}

.margin-l-0{margin-left:0px;}
.margin-l-5{margin-left:5px;}
.margin-l-10{margin-left:10px;}
.margin-l-15{margin-left:15px;}
.margin-l-20{margin-left:20px;}
.margin-l-25{margin-left:25px;}
.margin-l-30{margin-left:30px;}
.margin-l-35{margin-left:35px;}
.margin-l-40{margin-left:40px;}
.margin-l-45{margin-left:45px;}
.margin-l-50{margin-left:50px;}

/* layout padding */
.padding0{padding:0px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}
.padding25{padding:25px;}
.padding30{padding:30px;}
.padding35{padding:35px;}
.padding40{padding:40px;}
.padding45{padding:45px;}
.padding50{padding:50px;}

/* add left and right padding */
.padding-lr5{padding:0 5px;}
.padding-lr10{padding:0 10px;}
.padding-lr15{padding:0 15px;}
.padding-lr20{padding:0 20px;}
.padding-lr25{padding:0 25px;}
.padding-lr30{padding:0 30px;}
.padding-lr35{padding:0 35px;}
.padding-lr40{padding:0 40px;}
.padding-lr45{padding:0 45px;}
.padding-lr50{padding:0 50px;}

/* add top and bottom padding */
.padding-tb5{padding:5px 0;}
.padding-tb10{padding:10px 0;}
.padding-tb15{padding:15px 0;}
.padding-tb20{padding:20px 0;}
.padding-tb25{padding:25px 0;}
.padding-tb30{padding:30px 0;}
.padding-tb35{padding:35px 0;}
.padding-tb40{padding:40px 0;}
.padding-tb45{padding:45px 0;}
.padding-tb50{padding:50px 0;}

/* font style */
/* fontsize */
.font30{font-size:30px;}
.font26{font-size:26px;}
.font22{font-size:22px;}
.font18{font-size:18px;}
.font16{font-size:16px;}
.font14{font-size:14px;}
.font12{font-size:12px;}

/* color */
.white-font{color:#FFF;}
.black-font{color:#000;}

.gray1-font{color:#111;}
.gray3-font{color:#333;}
.gray6-font{color:#666}
.gray9-font{color:#999;}
.grayc-font{color:#CCC;}
.graye-font{color:#EEE;}
.grayf5-font{color:#f5f5f5;}

/* bg color */
.white-bg{background:#FFF;}
.black-bg{background:#000;}

.gray1-bg{background:#111;}
.gray3-bg{background:#333;}
.gray6-bg{background:#666}
.gray9-bg{background:#999;}
.grayc-bg{background:#CCC;}
.graye-bg{background:#EEE;}
.grayf5-bg{background:#f5f5f5;}