@charset "UTF-8";
/* CSS Document */
body{ 
	font-size:16px;
    line-height: 1.75;
    font-family: 微軟正黑體, Arial, sans-serif !important;
}
a{
	color: #333;
}
a:hover{
	color: #0683bb;
	cursor: pointer;
}

.btn{
	background-color: #0683bb;
    border-color: #0683bb;
}
.btn:hover{
	background-color: #056f9c;
    border-color: #0683bb;
}
.btn:active, .btn.active, .open > .btn.dropdown-toggle {
    color: #fff;
    background-color: #056f9c;
    border-color: #0683bb;
}
/*gotop*/
.scrollToTop{
	z-index: 999;
}
.scrollToTop:hover .scrollToTop-overlay{
	background: rgba(0, 0, 0, 0.8);
}
/*fck*/
.fck {    overflow-x: auto; font-family: 微軟正黑體, Arial, sans-serif !important;}
.fck * { max-width: 100%; }
.fck,.fck p { line-height: 1.75; font-size: 16px; color: #444; }
.fck p{ font-size: 16px;}
.fck hr{border: 0px;    border-top: 1px solid #ccc; margin:0.5em 0; }
.fck .marker {   background-color: Yellow;}
.fck em { font-style: italic; font-size: inherit;}
.fck b,.fck strong, .fck b>*,.fck strong>* { font-weight: bold;font-size: inherit; }
.fck a{ }
.fck h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 { font-weight: normal; line-height: 1.5em; }
.fck h1 { font-size: 2em; margin:0.67em 0; }
.fck h2 { font-size: 1.5em;margin: 0.83em 0; }
.fck h3 { font-size: 1.17em; margin:1em 0; }
.fck ins { text-decoration: underline; }
.fck pre { white-space: pre-wrap; word-wrap: break-word; tab-size: 4;margin: 1em 0px;font-family: monospace; }
.fck blockquote{ padding-left: 20px; padding-right: 8px; border-left-width: 5px; font-style: italic; border:none; border-left:3px solid #ccc; margin:1em 40px; display:table-cell; }
.fck img { max-width:100%!important; height:auto; /*margin-bottom:10px;*/ }
.fck ul, .fck ol { padding-left:20px; }
.fck ul>li {  list-style-type: disc; display: list-item;  }
.fck ol>li {     list-style-type: decimal; display: list-item; }
.fck table { border-collapse: collapse; }
.fck table tr td,.fck table tr th {/* border: 1px solid #aaa; */ padding: 8px;}

/********** top-bar **********/
#top-bar{
	background: #0683bb;
	/*background:#004f8a;*/
	border-bottom: 0;
}
.top-links li{
	color: #fff;
	padding: 0 10px;
	font-size: 14px;
}
.top-links li i{
	margin-right: 5px;
}
.top-links{
	float: right;
}
/********** logo **********/
#header .navbar .navbar-brand{
	padding: 5px;
}
@media (max-width: 1200px){
	#header .navbar .navbar-brand{
		padding: 5px;
	}
	.navbar-brand > img{
		max-height: inherit;
	}
}
@media (max-width: 992px){
	.navbar-brand > img{
		max-height: 60px;
	}
	#header .navbar .navbar-brand{
		padding: 10px;
	}
}
/********** navbar **********/
#header .navbar .navbar-nav > li > a .caret{

}
#header .navbar .navbar-nav > li > a{
	font-size: 18px;
	/*color: #333;*/
	font-weight: bolder;
}
#header .navbar .navbar-nav > li > a:hover{
	color: #0683bb;
	color: #fff;
	/*text-shadow: 0 0 7px rgba(255, 255, 255, 0.7);*/
}
#header .navbar .navbar-nav li .dropdown-menu > li a{
	font-size: 18px;
}
#header .navbar .navbar-nav li .dropdown-menu > li a:hover{
	color: #0683bb;
}
.navbar-nav > li > .dropdown-menu{
	min-width: 15em !important;
    max-width: 25em !important;
}
#header .navbar .navbar-nav > li.hover > a:after, 
#header .navbar .navbar-nav > li:hover > a:after, 
#header .navbar .navbar-nav > li:focus > a:after{
	border-color: #0683bb;
}

@media (max-width: 1200px){
	.navbar-nav > li > a{
		padding-top: 30px;
    	padding-bottom: 30px;
	}
}
@media (max-width: 992px){
	.nav > li > a{
		padding: 30px 10px;
	}
	#header .navbar .navbar-nav > li > a{
		font-size: 16px;
	}
}
@media (max-width: 768px){
	#header .navbar .navbar-brand{
		padding: 5px;
	}
}
/********** sticky **********/
.navbar.sticky-active{
	border-bottom: 1px solid #ddd;
	box-shadow: -3px -3px 3px 0 rgba(0,0,0,0.19), 3px 0 3px 0 rgba(0,0,0,0.19), 0 3px 3px 0 rgba(0,0,0,0.23);
}
.navbar.sticky-active .navbar-brand > img{
	max-height: 60px;
}
.navbar.sticky-active .navbar-nav > li > a{
	padding-top: 30px;
    padding-bottom: 30px;
}
body.sticky #header .navbar{
	/*background: #fff;*/
}
.navbar.sticky-active .navbar-brand{
	padding: 10px !important;
}
.navbar-nav > li:first-child > a{
	padding-left: 10px;
}
.navbar-nav > li:last-child > a{
	padding-right: 10px;
}


/********* mobile nav **********/
@media (max-width: 767px){
	#header .navbar .navbar-nav > li > a{
		font-size: 18px;
	}
	#header .navbar-collapse-inner{
		padding-top: 80px;
		/*padding-top: 0;*/
	}
	.navbar-nav{
		margin: 0px;
	}
	.top-links{
		max-width: 100%; 
		display: none;
	}
	.top-links li{
		color: #333;
	}
	.navbar-header{
		/*background: #fff;*/
	}
	.navbar-toggle{
		/*color: #000;*/
		margin-top: 15px;
    	margin-bottom: 15px;
    	border: 1px solid #ddd;
	}
	#header .navbar .navbar-toggle:hover, 
	#header .navbar .navbar-toggle:focus{
		background-color: #ddd;
		background-color: #000;
	}
	.nav > li > a{
		padding: 15px 10px;
	}
	.navbar-fixed-top .navbar-collapse {
		/*background: #fff;*/
	}
	.navbar.sticky-active .navbar-nav > li > a{
		padding-top: 15px;
    	padding-bottom: 15px;
	}
	.nav > li{
		border-bottom: 1px solid #ddd;
	}
	#header .navbar .navbar-nav .open .dropdown-menu{
		background: #f1f1f1;
		background:#333;
	}
	#header .navbar .navbar-nav .open .dropdown-menu > li > a{
		/*color: #333;*/
		border-bottom: 1px dashed #ddd;
		line-height: 24px;
		padding: 10px 15px 10px 25px;
	}
	#header .navbar .navbar-nav .open .dropdown-menu > li > a:hover, 
	#header .navbar .navbar-nav .open .dropdown-menu > li > a:focus{
		color: #0683bb;
	}
	.navbar-nav > li > .dropdown-menu{
		min-width: 100% !important;
    	max-width: 100% !important;
	}
	#header .navbar .navbar-nav .open .dropdown-menu{
		padding: 0;
	}
}	
/********* index-banner-box *********/
#to-slider-scrollto:hover{
	color: #f00;
}
.index-banner-box{
	border-bottom: 2px solid #DDD;
}
.index-banner-box .carousel-caption{
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8)
}
.index-banner-box .carousel-caption h2{
	font-size: 50px;
	font-weight: bold;
}
.index-banner-box .carousel-caption p{
	font-size: 20px;
	font-weight: bold;
}
.index-banner-box .carousel-caption .btn{
	font-size: 16px;
}
.index-banner-box .carousel-inner > .item .to-slide-image{
	/*height: 65vh;*/
	height: initial;
}
.index-banner-box  .carousel-indicators{
	display: none;
}
.index-banner-box  .carousel-caption.aleft{
	margin: 0 auto;
    left: 0;
    right: 0;
}

#carousel-markup { margin-top: 80px}
@media (max-width: 767px){
	#carousel-markup{
		margin-top: 73px;
	}
}

/********** index about ***********/
.index-about-box{

}
.index-about-box p{
	font-size: 16px;
}
.index-about-box .title-box h2{
	text-align: center;
	margin-bottom: 30px;
    position: relative;
    color: #111111;
    font-size: 24px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-top: 0;
}
.index-about-box .title-box h2:after{
	position: absolute;
    content: "";
    background: #0683bb;
    height: 3px;
    width: 50px;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;

}
.index-about-box .history-item-box{
	margin: 0;
	padding: 0;
	list-style: none;
}
.index-about-box .history-item-box li{
	border-bottom: 1px dashed #e1e1e1;
	margin-bottom: 5px;
	padding: 5px 0;
}
.index-about-box .history-item-box li span{
	color: #0683bb;
	font-weight: bold;
}
.index-about-box .img-box img{
	border: 1px solid #ddd;
	padding: 3px;
}

/*istory-list*/
.index-about-box  .history-list {
  width: 33.33333%;
  float: left;
  margin-top: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.index-about-box  .history-list li {
  border-left: 1px dashed #646464;
  padding-left: 15px;
  position: relative;
  margin-left: 15px;
  padding-bottom: 20px;
  margin-right: 10px;
}
.index-about-box  .history-list li:before {
  position: absolute;
  content: url(../images/bullet.png);
  background-repeat: no-repeat;
  top: -1px;
  left: -10px;
  z-index: 1;
}
.index-about-box  .history-list li h3{
  line-height: 1;
  color: #111111;
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.index-about-box  .history-list li p {
  margin-bottom: 0;
  color: #646464;
  text-align: justify;
  font-size: 15px
}
.index-about-box  .history-list li:last-child {
  border-left: 0;
}

@media (max-width: 767px){
	.index-about-box .img-box{
		margin-bottom: 20px;
	}
}

/**/
.index-about-box blockquote{
	background: #f1f1f1;
    text-align: justify;
    border-left-width: 5px;
    border: none;
    border-left: 3px solid #D71819;
    color: #000;
    margin-top:0;
    margin-bottom: 30px;
    box-shadow: 1px 1px 6px rgba(0,0,0,.3);
}
.index-about-box blockquote p{
	font-size: 18px;
}
/**/
.timeline dl dd.pos-right .events{
	padding: 10px;
	background: #dedede;
	box-shadow: 1px 1px 6px rgba(0,0,0,.3);
}
.timeline dl dd.pos-left .events:before{
	border-color: transparent transparent transparent #dedede;
}
.timeline dl dd.pos-right .events:before{
	border-color: transparent #dedede transparent transparent;
}
.timeline dl dd .events{
	padding: 10px;
	background: #dedede;
	box-shadow: 1px 1px 6px rgba(0,0,0,.3);
}
.timeline dl dd .time{
	width: 145px;
	color: #333;
	font-weight: bolder;
}
.timeline dl dd.pos-right .time{
	margin-left: -145px;
}
.timeline dl dd .circ{
	background-color: #0683bb;
}
@media (max-width: 767px){
	.timeline dl{
		padding: 8px 0;
	}
	.timeline dl dd.pos-left .time{
		margin-left: 0;
		margin-top: -40px;
		padding: 5px 10px;
	}
	.timeline dl dd.pos-right .time{
		margin-left: 0;
		margin-top: -40px;
		padding: 5px 10px;
	}
	.timeline dl:before, 
	.timeline dl dd .circ{ 
		left:40px;
	}
	.timeline dl dd .circ{ 
		top:0;
		display: none;
	}
	.timeline dl dd .time{ 
		padding:10px; 
		background-color: #aab2bd; 
		color:#fff;    
		border-radius: 4px; 
		text-align:left ; 
		padding: 5px;
	} 
	.timeline dl dd .events{ 
		padding:10px; 
		margin:20px 0 20px; 
		width:100% !important; 
	}
	.timeline dl dd.pos-right .events{

	}
	.timeline dl dd .events .pull-left{ 
		float:right !important;
	}
	.timeline dl dd .events .events-object{ 
		margin:0 0 0 10px !important;
	}
	.timeline dl dd.pos-left .events:before{
		left: 0px;
	}
	.timeline dl dd.pos-right .events:before{
		left: 0px;
	}
}

/********** featured-section *********/
#featured-section{
	background:transparent;
}
#featured-section-white{
	background-color: #fff;
}
#featured-section .btn{
	margin-top: 25px;
	border-radius: 0;
	padding: 10px 20px;
}
#featured-section .featured li .item-info{
	padding-top: 0px;
   	padding-bottom: 0px;
}
#featured-section .featured li .item-name a:hover{
	color: #0683bb;
}
/********** index-news-box **********/
.index-news-box{
	background: #fff !important;
}
.index-news-box .title-box h2{
	text-align: center;
	margin-bottom: 30px;
    position: relative;
    color: #111111;
    font-size: 24px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-top: 0;
}
.index-news-box .title-box h2:after{
	position: absolute;
    content: "";
    background: #0683bb;
    height: 3px;
    width: 50px;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
.index-news-box .featured{
	margin:0;
	padding: 0;
	list-style: none;
}
.index-news-box .featured li{
	margin-bottom: 30px;
}
.index-news-box .featured li .item-box{
	border: 1px solid #ddd;
}
.index-news-box .featured li .item-name{
	text-align: center;
	padding: 10px;
	line-height: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-box .featured li .item-name a{
	font-size: 16px;
}
.index-news-box .item-info{
	line-height: 24px;
    height: 65px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.index-news-box .item-info:before{
	content: '';
   display: block;
   width:100%;
}
.index-news-box .item-box .feature-tag{
	background: rgb(43, 202, 110);
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 15px 102px;
    position: absolute;
    left: -24%;
    top: 6%;
    transform: rotate(-45deg);
    transition: none 0s ease 0s;
    line-height: 24px;
    border-width: 0px;
    margin: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 14px;
}

/********** index-application **********/
.index-application-box{
	
}
.index-application-box{
    background-color: #f5f6fa !important;
}
.index-application-box .title-box h2:after{
	background: #c00;
}
.index-application-box .featured li .item-info{
	background:#f5f6fa;
	background: #fff;
}
.index-application-box .featured li .item-info:after{
	 border-bottom: 16px solid #fff;
}
.index-application-box .btn{
	background-color: #c00;
    border-color: #c00;
	margin-top: 25px;
	border-radius: 0;
	padding: 10px 20px;
}
.index-application-box .btn:hover{
	background-color: #9c0505;
    border-color: #bb0606;
}
/********** index-prod **********/
.index-prod-box{

}
.index-prod-box .title-box h2{
	text-align: center;
	margin-bottom: 30px;
    position: relative;
    color: #111111;
    font-size: 24px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-top: 0;
}
.index-prod-box .title-box h2:after{
	position: absolute;
    content: "";
    background: #0683bb;
    background: #004f8a;
    height: 3px;
    width: 50px;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
.index-prod-box .item-box{
	border: 1px solid #ddd;
}
.index-prod-box ul{
	list-style: none;
}
.index-prod-box ul li{
	margin-bottom: 30px;
}
.products-grid li.item{

}

/********** idnex-message-box ********/
.idnex-message-box{
	padding: 0 !important;
}

/********** footer **********/
footer{
	font-size: 16px;
	background: #404040;
}
footer a{
	color: #fff;
}
footer .footer-container{
	padding-top: 0;
}
footer .footer-container h3{
	font-size: 18px;
	margin-top: 0;
}
footer .footer-link{

}
footer .footer-link ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
footer .footer-link ul li{
	margin-bottom: 10px;
}
footer .footer-link ul li img{
	width: 120px;
	margin-bottom: 10px;
}
footer .footer-link ul li a{
	color: #b8e5f9;
}
footer .footer-link ul li a:hover{
	text-decoration: underline;
}
footer .company-info{

}
footer .company-info ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
footer .company-info ul li{
	 margin-bottom: 8px;
}
footer .company-info ul li a:hover{
	text-decoration: underline;
}
footer .company-info ul li i{
	margin-right: 6px;
	width: 10px;
	color: #b8e5f9;
}
footer .footer-bottom{
	background: #000;
	line-height: 20px;
    padding: 15px 0;
}
@media (max-width: 992px){
	footer .footer-link{
		margin-top: 20px;
	}
	footer .footer-link ul li{
		display: inline-block;
		margin-right: 15px;
	}
}
@media (max-width: 600px){
	footer .company-info{
		margin-bottom: 20px;
	}
	footer .footer-link{
		margin-top: 0;
	}
}


/********** page-title **********/
#page-title{
	margin-top: 80px;
	background-color:rgba(0,0,0,.8);
}
#page-title .container{
	padding: 65px 15px;
}
.page-header{
	font-size: 40px;
	 background-color:transparent;
}
#page-title .inner{
	opacity: 1;
}
@media (max-width: 992px){
	#page-title .container{
		padding: 40px 15px;
	}
}
@media (max-width: 768px){
	#page-title{
		margin-top: 73px;
	}
	.page-header{
		font-size: 30px;
	}
}
@media (max-width: 768px){
	.page-header{
		font-size: 30px;
		text-align: center;
	}
}
/********** breadcrumb **********/
#breadcrumb{
	border-bottom: 2px solid #ccc;
}
#breadcrumb .breadcrumb{
	padding: 15px 0;
}
/********** inside **********/
.title{
	margin-bottom: 25px;
	border-left: 4px solid #ff9204;
	border-left: 4px solid #004f8a;
    padding-left: 10px;
}
.title h1{
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0;

}

/********** sidebar-box **********/
.sidebar-box{

}
.sidebar-box .sidebar-head{
	margin-bottom: 10px;
}
.sidebar-box .nav-sidebar{

}
.sidebar-box .nav-sidebar > li > a{
	font-weight: inherit;
	padding: 10px 10px 10px 0;
	font-size: 16px;
}
.sidebar-box .nav-sidebar > li > a:hover{
	color: #79ae29;
}
.sidebar-box .nav-sidebar > li{
	position: relative;
	padding-left: 18px;
	line-height: 24px;
}
.sidebar-box .nav-sidebar > li:after{
	content: '';
	display: block;  
	position: absolute;
	left: 0;
	top: 16px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left:6px solid #79ae29;
	border-left: 6px solid #c00;
}
.sidebar-box .nav-sidebar > li.active a{
	color: #79ae29;
	color: #c00;
	font-weight: bold;
}
.sidebar-box .nav-sidebar > li.active{
	border-bottom: 1px solid #79ae29;
	border-bottom: 1px solid #c00;
}

@media (max-width: 768px){
	.sidebar-box .box-title{
		margin-bottom: 20px;
	}
	.sidebar-box .sidebar-head{
		margin-bottom: 0;
	}
}
/*********** prod list products-grid *********/
.products-grid{
	
}
.products-grid li{
	list-style: none;
	margin-bottom: 30px;
}
.products-grid .item-box{
	position: relative;
	border: 1px solid #ddd;
}
.products-grid .item-box:hover{

}
.products-grid .item-box .item-images{
	display: block;
    overflow: hidden;
}
.products-grid .item-box .item-images img{
	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.products-grid .item-box:hover .item-images img{
	-webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    cursor: pointer;
}
.products-grid .item-box .product-name{
	margin-top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: absolute;
    bottom: 0;
    padding: 10px 10px;
    font-size: 14px;
    color: #fff;
    width: 100%;
}
.products-grid .item-box .product-name h2{
	margin-top: 0;
	font-size: 16px;
    text-align: center;
    margin-bottom: 0;
}

/*********** pagination *********/
.Page.navigation{
	text-align: center;
}
.pagination > li > a, .pagination > li > span{
	color: #0683bb;
	color: #004f8a;
}
.pagination > li > a:hover, 
.pagination > li > a:focus, 
.pagination > li > span:hover, 
.pagination > li > span:focus{
	color: #333;
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span{
	color: #0683bb;
	color: #004f8a;
	border-bottom-left-radius: 0px; 
    border-top-left-radius: 0px;
}
.pagination > li:last-child > a, 
.pagination > li:last-child > span{
	border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.pagination > .active > a, 
.pagination > .active > a:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span, 
.pagination > .active > span:hover, 
.pagination > .active > span:focus{
	background-color: #0683bb;
    border-color: #0683bb;
    background-color: #004f8a;
    border-color: #004f8a;
}
/*********** prod dt *********/
.product-view h1.product-name{
	font-size: 24px;
	border-left: 4px solid #ff9204;
	border-left: 4px solid #004f8a;
	padding-left: 10px;
}

/*product-view top*/
.product-view .product-essential .product-img-box{
	float: left;
}
.product-view .product-img-box .product-image{
	border: 1px solid #ddd;
	padding: 3px;
}
.product-view .product-essential{
	margin-bottom: 0;
}
.product-shop .info-box{
	min-height: 300px;
	margin-bottom: 10px;
}
/*prod-download*/
.prod-download-box{

}
.prod-download-box h3{
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
    margin-bottom: 10px;
}
.prod-download-item-box{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
	border-top: 1px solid #dddd;
    padding-top: 20px;
}
.prod-download-item-box li{
	display: inline-block;
	margin-bottom: 5px;
}
.prod-download-box .btn{
	background-color: #bb0606;
    border-color: #bb0606;
}
.prod-download-box .btn:hover{
	background-color: #900505;
    border-color: #bb0606;
}
.product-collateral .toggle-tabs li.current span, 
.product-collateral .toggle-tabs li:hover span{
	color: #0683bb;
	color: #004f8a;
}

.prod-bottom-text-box{

}
.prod-bottom-text-box img{
	margin: 0 0 10px 0;
    padding: 4px;
    border: 1px solid #cccccc;
}
.product-collateral  .mobile-text{
		display: none !important;
}

@media (max-width: 992px){
	.product-collateral > dl > dt.last .mobile-text{
		display: inline-block !important;
	}
}
@media (max-width: 768px){
	.product-view h1.product-name{
		text-align: left;
	}
	.product-collateral > dl > dt{
		font-size: 16px;
	}
	.product-collateral > dl > dt:hover{
		color: #0683bb;
		color: #004f8a;
	}
}

/********** contact  **********/
.red{
	color: #c00;
}
.about-top-box .title-box h2{
	text-align: center;
    margin-bottom: 30px;
    position: relative;
    color: #111111;
    font-size: 24px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-top: 0;
}
.about-top-box .title-box h2:after{
	position: absolute;
    content: "";
    background: #0683bb;
    height: 3px;
    width: 50px;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
.about-top-box blockquote{
	background: #f1f1f1;
	border-left: 5px solid #c00;
}
.contact-box{

}
.contact-box .info-box{ 

}
.contact-box .info-box h3{ 
	margin-top: 0;
	font-size: 20px;
	font-weight: bold;
	color: #0683bb;
}
.contact-box .info-box ul{
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 20px;
}
.contact-box .info-box ul i{
	width: 20px;
}
.contact-box .form-horizontal .control-label span{
	margin-right: 5px;
}
.contact-box hr{
	margin-top: 30px;
    margin-bottom: 30px;
}
/********** news list  **********/
.news-list-table-box{

}
.news-list-table-box .tableList thead th, 
.news-list-table-box .tableList thead td{
	background: #0683bb;
}


/********** messaging **********/

#messaging { position: fixed; right:0; bottom:20%;}
#messaging a { position: relative; display: block; margin-bottom:15px; border-radius: 5px 0 0 5px;}
#messaging a:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); transition: all 0.3s;}
#messaging a.line { background:#00b900; padding:2px; }
#messaging a.WC { background:#209e17; padding:2px; }
#messaging img {width: 45px;}
#messaging p { display: block; color:#FFF; font-size: 14px; margin-bottom: 0; font-weight: bold; text-align: center;}
@media (max-width: 768px){
	#messaging img {width: 40px;}
	#messaging p { display: none;}
}
/*
#header .navbar .navbar-nav > .open > a, #header .navbar .navbar-nav > .open > a:hover, #header .navbar .navbar-nav > .open > a:focus{ background:none;}
@media (min-width: 768px) {
#header .navbar .navbar-nav li ul{-webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;-o-transition: -o-transform 0.2s ease, opacity 0.2s ease;transition: transform 0.2s ease, opacity 0.2s ease;border: none;padding: 0;visibility:hidden;}
#header .navbar .navbar-nav li .dropdown-menu{width:200px !important;}
#header .navbar .navbar-nav li .dropdown-menu .dropdown-menu, #header .navbar .navbar-nav li .dropdown-menu .scroll-up, #header .navbar .navbar-nav li .dropdown-menu .scroll-down{ margin-left:200px !important;}
#header .navbar .navbar-nav li:hover>ul {overflow: visible;max-height: 3000px;opacity: 1;visibility:visible;}
#header .navbar .navbar-nav li .dropdown-menu > li a {    line-height: 16px;   padding-top: 7px;    padding-bottom: 7px; position:relative;}
li.sub-item > a:after { content:'';    margin-top: -6px;    border-left: 4px dashed;    border-top: 4px solid transparent;    border-bottom: 4px solid transparent;    position: absolute;    right: 10px;    top: 50%;} 
}

.navbar-nav ul.sm-nowrap > li > a{ white-space:normal}
.timeline dl dd .time{ font-family:Arial, Helvetica, sans-serif;font-size: 16px;    line-height: 22px;}
.timeline dl dd .events{ padding:15px 20px 10px; font-size:15px; line-height:24px;}
.timeline dl dd.pos-right .events .events-object{ margin:0 0 0 10px;}


.top-nav .hello{ color:#fff;font-size: 13px;line-height: 24px;margin-right: 5px;display: inline-block;}

.nav-sidebar  li > a .count{ margin-left:5px; font-size:85%;color: #f00; font-weight:normal; font-family:Arial, Helvetica, sans-serif}

.product-collateral .toggle-tabs li > span, .product-collateral > dl > dt{ text-transform:none !important;}

.search-tab{ margin-top:20px;}
.search-tab > li > a{ border-radius:0; margin-right:0;}
.search-tab > li > a:hover, .search-tab > li > a:focus{ color: #fff;    background: #e67d5a; }
.search-title{ color:#fff; background:#e67d5a; padding:8px;line-height: 1.42858; font-size:16px; margin:0;border-radius:3px}
.search-title strong{ margin:0 5px;font-family:Arial, Helvetica, sans-serif;}
.search-list{ padding:9px; border:1px solid #ddd; border-top:none;}
.search-list li{border-bottom: 1px solid #ddd; line-height: 22px;}
.search-list li:last-child{ border-bottom:none;}
.search-list li a{ color:#333; padding:8px;display:block; font-size:16px;}
.search-list li strong{color: #df5a2e;}
.search-list li a:hover, .search-list li a:focus {  color: #a73d1a; background:#f5f5f5;}

.customer .map-pc{ margin-bottom:30px;}
.customer div#customer_list {position: relative;overflow: hidden;height: 40px;}
.customer div#customer_list ul{margin: 0;padding:0;list-style: none;position: absolute; width:100%;}
.customer div#customer_list ul li {padding:0; border-bottom: #ddd 1px solid;}
.customer div#customer_list ul li a {display: block;overflow: hidden; line-height:19px; color:#444; padding:10px; }
.customer div#customer_list ul li a:hover{ color: #df5a2e;background:#f5f5f5;}
.customer-list li span{ line-height:19px; color:#444; padding:10px 10px 10px 20px;border-bottom: #ddd 1px solid; display:block; position:relative;}
.customer-list li span:before{font-family: FontAwesome;    content: '\f105'; position:absolute; display:block; top:10px; line-height:19px; left:5px; color: #df5a2e; font-weight:bold; font-size:20px;}

.customer div#customer_list div.marquee_btn {position: absolute;cursor: pointer; right:0; z-index:999; background:#df5a2e; color:#fff; display:block; width:30px; height:30px; font-size:20px; line-height:20px;  padding:5px; border-radius:50%; text-align:center;
-webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -webkit-transition-property: all;    transition-property: all; }
.customer div#customer_list div.marquee_btn:hover{ background:#a73d1a;}
.customer div#customer_list div#marquee_next_btn { top:auto !important; bottom:5px;}
.customer div#customer_list div#marquee_prev_btn { top:5px !important;}
.product-view .actions{ text-align:right;}
*/
/*
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed{ position:absolute; top:0; left:0; width:100% !important; height:100% !important;}

@media (min-width: 1200px){
.products-grid li p, .grid-holder li p{  max-height:126px;}
.layout-2cols .products-grid li p, .layout-2cols .grid-holder li p{  max-height:147px;}
.modal-dialog{ width:1170px;}
}

@media (max-width: 1199px){
}

@media (min-width: 992px){
body {    font-size: 16px;}
.customer div#customer_list div.marquee_btn{opacity:0}
.customer div#customer_list:hover div.marquee_btn{opacity:1}
.modal-content{ width:800px; float:right;}
}

@media (max-width: 991px){
.customer div#customer_list {height: 30px;}
.customer div#customer_list ul li a{ padding:5px 0;}
.customer div#customer_list div#marquee_next_btn {bottom:0;}
.customer div#customer_list div#marquee_prev_btn { top:0 !important;}
}

@media (min-width: 991px) and  (max-width: 1199px){
.products-grid li p, .grid-holder li p{ max-height:84px;}
.layout-2cols .products-grid li p, .layout-2cols .grid-holder li p{  max-height:105px;}
.modal-dialog{ width:970px;}
}

@media (min-width: 768px){
.search-list li a{  position:relative; padding-right:100px;}
.search-list li a .btn{ position:absolute; right:8px; top:8px;display:block; padding:0; width:80px; line-height:22px; border:none; }
.customer-list li:nth-child(odd){ clear:both;}
}

@media (min-width: 768px) and  (max-width: 991px){
.products-grid li p, .grid-holder li p{ max-height:210px;}
.layout-2cols .products-grid li p, .layout-2cols .grid-holder li p{  max-height:105px;}
.customer div#customer_list {height: 30px;}
.customer .customer div#customer_list ul li a{ padding:5px 10px;}
}

@media (max-width: 767px){
#header .navbar {background-color: #000;position: fixed;right: 0;left: 0;z-index: 1030;-webkit-animation: header-reveal 0.8s ease-in;-moz-animation: header-reveal 0.8s ease-in;-o-animation: header-reveal 0.8s ease-in;animation: header-reveal 0.8s ease-in;}
.timeline dl:before, .timeline dl dd .circ{ left:40px;}
.timeline dl dd .circ{ top:0}
.timeline dl dd .time{ padding:10px; background-color: #aab2bd; color:#fff;    border-radius: 4px; text-align:center !important; padding:5px 10px !important;} 
.timeline dl dd .events{ padding:15px !important; margin:71px 0 20px; width:100% !important; }
.timeline dl dd .events .pull-left{ float:right !important;}
.timeline dl dd .events .events-object{ margin:0 0 0 10px !important;}
.search-list li a{ padding:15px 0}
.search-list li a .btn{ margin-top:15px; display:block; width:90px; padding:1px 0;}
.customer .sidebar-head{ margin-bottom:10px;}
}

@media (min-width: 480px) and  (max-width: 767px){
.products-grid li p, .grid-holder li p{ max-height:126px; }
}

@media (min-width: 480px){
.products-grid li h2.product-name, .grid-holder li h2.product-name{ font-size:16px; margin-bottom:15px; line-height:20px; height:40px; max-height:40px;white-space:normal; overflow:hidden;}
.products-grid li p, .grid-holder li p{ overflow:hidden;line-height:21px;}
.products-grid li:hover h2.product-name, .grid-holder li:hover h2.product-name { margin-bottom:10px; height:auto;}
.products-grid li .product-info, .grid-holder li .product-info{ padding:15px 10px; font-size:14px;height:70px;}
.products-grid li h2.product-name a, .grid-holder li h2.product-name a{ display:table-cell; height:40px; vertical-align:middle;}
.products-grid li:hover h2.product-name a, .grid-holder li:hover h2.product-name a{ display:block; height:auto; vertical-align:inherit;}
}

@media (max-width: 479px){
}
*/