body{padding-top: 94px !important;}

.h2-bold{font-weight: bold;}

.h4-col{background:#c6d6e5; margin-bottom: 0px !important; color: #024992; text-align:left;}
.h4-mar{margin-top: 35px}


.bor-top-no{border-top: none !important;}
.bor-bot-no{border-bottom: none !important;}
.nav-color{border-color: #60b1b5 !important;}
.nav-color li a{border:1px solid #60b1b5 !important; font-weight: bold;}
.nav-color a{background-color:#d9edf7;  color:#000;}
.table-center{text-align: center;}
.table-left{text-align:left;}
.level{margin:6px auto;}

.bor-none{border: none !important;}
.content-p{font-size:20px !important;}
.nav-color>li.active>a, .nav-color>li.active>a:focus, .nav-color>li.active>a:hover {border-color: #60b1b5 !important;border-bottom-color: transparent !important; color: #024992 !important;}

.margin-f15 li{margin-left: -16px;}
.margin-10{margin-left: 10px; font-size:18px;}

.p-18{font-size: 16px !important; }

.family{font-family: 楷体_GB2312,標楷體; font-weight: bold !important;}
.tb-col{color: #e09311;}

.bor-div{border: 1px solid #60b1b5!important;}
.table-bor-td>tbody>tr>td, .table-bor-td>tbody>tr>th, .table-bor-td>tfoot>tr>td, .table-bor-td>tfoot>tr>th, .table-bor-td>thead>tr>td, .table-bor-td>thead>tr>th{border: 1px solid #60b1b5!important; }
.table-bor-no>tbody>tr>td, .table-bor-no>tbody>tr>th, .table-bor-no>tfoot>tr>td, .table-bor-no>tfoot>tr>th, .table-bor-no>thead>tr>td, .table-bor-no>thead>tr>th{border-top:none !important;}
.width-100 li a {padding:10px 10px !important;border:1px solid #090;}
.pro-index-nav li{margin-bottom: 5px;}
.th-type td{background-color: #ffd477; height: 30px; border:1px solid #60b1b5; }

#ts{
	position: absolute;
	top:75px;
	left: 200px;
	height: 25px;
	background: #fff;
	line-height: 25px;
	font-size:14px;
	color: #000;
	display: none;
	border-radius: 5px;
	}
#inquiry{position:relative;}
#mic{margin-top:32px; z-index: 1001;}


.breadcrumb{background:#000 !important;font-size: 16px; font-weight:bold !important; border-radius: 0px !important;}
.breadcrumb li a{color:#4baafc; }


.active{color:#fff !important;}
.headroom--unpinned{top:-130px !important;}
.intro{border:1px solid #60B1B5 ; padding:0px 10px;}


.col-no-p [class*="col-"]{	padding-right: 0px;   padding-left:0px;}
.information{
	height:228px;
	background:#fff;
	border: 2px solid #3395cc;
	border-radius:5px;
	overflow:hidden;
	position:relative;
	margin-left: 0px;
	margin-bottom: 15px;
}
.product-display{background:#ccc; margin-top: 50px;}
.product-name{text-align: center;}
.product-img{width: 80%; height: 75%;}
.information .txt{
	width:100%;
	height:60px;
	background:#43b4ff repeat;
	position:absolute;
	left:0;
	bottom:0;
	color:#fff ;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
.information .txt h3{font-size:16px !important;font-weight:bold;height:60px;text-align:center;}
.information .txt p{font-size:14px;text-align:center;}
.product-jump{background-color: #3399FF; border: 2px solid #3399FF;border-radius:3px; width: 80px; margin:0 auto;}
.product-jump a{color:#fff;}

.txt a:hover{
	color:#fff;
}
.nav-pills > li + li{
	margin-right: 0px;
	margin-left: 0px;
}


.txt span{
	display: none;
}
.txt:hover span{
	display: block;
	position:absolute;
	bottom: 30px;
	left: 38%;
}
.imgf-20{
	padding-top: 20px !important;
}
.imgf-10{
	padding-top: 10px !important;
}
.but-border{
	padding-bottom: 1px !important;
}

#pag{position: relative !important;}
.paging{position:absolute; top: 8px; right: 60px; border:1px solid #ccc; border-radius:5px;padding:8px 15px;background: #ffff6b;}
.red{color: red;}

.paging-show{
	position:absolute !important;
	top:2.9rem;
	right: 3.9rem;
	display: none;
	z-index: 1000;
	padding-top:0.8rem;
	padding-bottom:0.8rem;

}
.paging-show .paging-show-box{
	background-color: #ffc;
	border:1px solid #ccc;
	border-radius: 5px;
	padding: 0.8em;
}
.paging-show .paging-show-box li{
	list-style-type: none;
	margin-bottom: 8px;
}
.paging-show .paging-show-box li:hover{
	list-style-type: none;
	margin-bottom: 8px;
}
.default-color,.red{
	color: red;
}
.pro-span{
	font-size: 1.2em;
	display: block;
}

.note{
	font-size:14px  !important; 
	margin-top:0.5em;
}

@media screen and (max-width: 768px){
	.txt:hover span{
		display: block;
		position:absolute;
		bottom: 10%;
		left: 30%;
	}

}