@charset "utf-8";
body{
	background: #fff;
}
.wrapper{
	background: #222222;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}

/*LANGUAGE*/
.langswitch{
	text-align: right;
}
.btn-default{
	background: #333333;
	color: #fff !important;
	border: 1px solid #A9A9A9 !important;
}
.header .navbar-default .navbar-nav > li ul.dropdown-sm ul li a:hover, .header .navbar-default .navbar-nav > li ul.dropdown-md ul li a:hover{
	background: #000;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
	background: #333333;
	color: #fff !important;
}
.dropdown-menu{
	background-color: #333333;	
}
.dropdown-menu>li>a{
	color: #fff !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	background-color: #222;
}
/*NAVIGATION*/
.header .header-info{
	margin-bottom: 0;
	border-bottom: 4px solid #1D1D1D;

}
.header-navigation{
	background: #fff;
}
.header .logo{
	margin-top: 20px;
	margin-bottom: 10px;
}
.logo img{
	height: 108px;
}
.header .navbar-default{
	margin-top: 32px;
	margin-bottom: 4px;
}
.header .navbar-default .navbar-nav > li > a{
	margin-bottom: 0;
	position: inherit;
}
.header .navbar-default .navbar-nav > li > a span.link-title{
	position: inherit;
	bottom: inherit; 
	right: inherit; 
	font-weight: bold;
	
}
.header .navbar-default .navbar-nav > .dropdown .dropdown-menu:after{
border-bottom-color: transparent;
}
.nav>li>a{
	padding: 38px 4px;
	text-align: center;
}
.nav>li>a.navResearch{
	padding: 28px 4px !important;
	height: 80px;
}
.br-home{ background: #011DFF !important;}
.br-pink{ background: #FF02FF !important;}
.br-bright{ background: #FFFF00 !important; color: #000 !important;}
.br-black{ background: #010101 !important;}
.br-lightblue{ background: #01FFFF !important;}
.br-lightpink{ background: #FFB6C1 !important;}
.header .navbar-default .navbar-nav > li ul.dropdown-sm ul li a, .header .navbar-default .navbar-nav > li ul.dropdown-md ul li a{
	background: #222;
}
/*BANNER*/
.container{
	width: 99%;
}
.header {
	margin-bottom: 23px;
}
.tp-banner-container .tp-banner li, .slotholder, .tp-bgimg, .tp-bgimg img{
	border-radius: 10px !important;
	overflow: hidden !important; 
}
/*BOX STYLE*/
.box{
  box-shadow: inset 0px 0px 0px 10px rgba(0,0,0,0.1);  
  margin-bottom: 10px;
}
.box .box-default h4{
	font-size: 34px;
	margin-bottom: 16px;
}
.box .box-testimonial h4 {
  margin: 0px;
  margin-bottom: 16px;
  font-size: 34px;
  line-height: 30px;
}
.box .box-content {
  width: 100%;
  height: 100%;
  padding: 30px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}
.box.box-index{
	height: 500px;
}
.view-button{
	right: 18px;
	bottom: 22px;
}
.view-button a {
	border-radius: 6px;
}
.box .box-service .view-button{
	position: absolute;
}
.c-control{
	width: 30px;
	height: 30px;
	background: #0066CC;
	font-size: 14px !important;
	line-height: 26px;
	position: absolute;
	top: 30px;
	right: 45px;
	z-index: 100;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	border-radius: 40px;
	border: 2px solid #fff;
	color: #fff;
}
.left.c-control{
	position: absolute;
	right: 95px;
}
.c-control:hover, .c-control:active, .c-control:focus{
	border: 3px solid #fff;
	color: #fff;
	line-height: 24px;
	font-weight: bold;
}
.contentAbout{
	width: 100%;
	height: 500px;
	background-image: url(../img/u63.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.contentAbout:hover{
	background-image: url(../img/u63_mouseOver.png);
}
/*news*/

table.newsTable, .newsTable td, .newsTable th{
	border: 1px solid #fff;
	font-size: 13px;
}
.newsTable td a{
	color: #fff;
	display: block;
}
.newsTable th{
	padding: 12px !important;
	background: #333333;
	font-weight: normal;
	text-align: center;	
}
.newsTable td{
	padding: 12px !important;
}
.newsTable td.topic{
	text-align: left;
}
.newsTable tr{
	background: #666666;
	text-align: center;
}
.table-hover>tbody>tr:hover{
	background: #333;
}
.newsTable td span{
	color: red;
}
.newsTopic span{
	color: #555;
	font-size: 18px;
	float: right;
}
/*picBox*/
.picBox img{
	width: 100%;
	
	
}
.picBox .col-xs-3{
	padding-right: 3px;
	padding-left: 3px;
	height: 200px;
	overflow: hidden;
	margin-bottom: 8px;

}
.picBoxTxt{
	padding: 15px 20px 8px 20px;
	height: 200px;
	background: #417CB7;
	border-top: 1px solid #fff;
}
.iconMore{	
	padding:15px;
	border-radius: 100%;
	background: #fff;
}
.iconMore i {
	font-size: 20px !important;
	color: #417CB7 !important;
	font-weight: bold;
}
.picBoxContent{
	padding-top: 60px;
	display: block;
	line-height: 1.33 !important;
	font-size: 12px !important;
	color: #9995A5;
}
.picBoxContent h4{
	margin-bottom: 4px !important;
	padding: 4px 0;
	font-size: 14px !important;
	line-height: 1.33 !important;
	color: #fff;
}
/*box carousal*/
.box .box-testimonial .carousel.testimonial .item .carousel-caption img{
	max-width: inherit;
	width: 100%;
	display:block;
}
.box .box-testimonial .carousel.testimonial .item{
	height: 380px !important;
}
.newsCaption{
	color: #FFFFFF;
	font-size: 16px;
}
.newsContent{
	color: #FFFFFF;
	text-shadow:none;
}
.newsContent span{
	color: #000;
}
/*tab*/
.TabbedPanelsTab{
	width: 160px;
	height: 38px;
	padding-top: 12px;
	background-image: url(../img/tabBg.png);
	background-repeat: no-repeat;
	border: 0;
	border-bottom: 1px solid #fff;
	background-color: transparent;
	font-size: 12px;
	font-weight: normal;	
}
.TabbedPanelsTabSelected{
	border: 0;
}
.TabbedPanelsTab:hover{
	background-image: url(../img/hTabBg.png);
}
.TabbedPanelsTabSelected:hover{
	background-image: url(../img/tabBg.png);
}
.TabbedPanelsContent {
	padding: 10px;
	background-color: #333333;
}

.carousel-caption{
	width: 100%;
	height: 352px;
	padding-top: 200px !important;
	border: 4px solid transparent;
	font-size: 13px;
	transition-duration: 0.7s;
	opacity: 0;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9999;
}
.carousel-caption:hover{
	border: 4px solid #fff;	
	opacity: 0.6;
	background-image: url(../img/go.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9999;
}
.carousel-inner .item{
	padding: 30px 15px;
}
.box .box-testimonial .carousel.testimonial .item .carousel-caption{
	margin-top: 20px;
	padding: 7px;

}
/*PAGE*/
.inner-page{
	margin-top: -24px;
	padding-top: 24px;
	
}
.page-sidebar{
	margin-right: -25px;
}
.inner-page .page-title{
	min-height: 160px;
}
.inner-page .page-title p{	
	font-size: 12px;
	line-height: 1.5;
}
.guideline{
	margin: 0px;	
	margin-bottom: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	font-size: 13px;
	border-bottom: 1px solid #2a2a2a;
	display: block;
	text-align: right;
}
.guideline a{
	color: #fff;
}
.inner-page .page-mainbar h3{
	margin-bottom: 25px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size: 36px;
}
/*page content*/
.inner-page .contactus-content h3{
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 20px;
}
.inner-page .contact-form h3{
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 20px;
}
.pageInfo{
	padding: 7px 15px;
	font-size: 14px;
	line-height: 1.5;
}
.aboutInfo{
	padding: 0 20px 0 36px;
	line-height: 1.5;
	font-size: 18px;
}
.aboutInfo p{
	margin: 12px 0;
}
.newsInfo{
	padding: 0 20px 0 36px;
	line-height: 1.5;
	font-size: 16px;
}
.researchInfo{
	min-height: 580px;
	padding: 0 20px 0 36px;
	font-size: 14px;
	line-height: 1.5;
}
.researchInfo span{
	color: #0C00CC;
	font-size: 18px;
}
.researchInfo .row{
	margin-bottom: 50px;
}
.researchImg img{
	width: 100%;
}
.proInfo{
	padding-bottom: 20px;
}
.proInfo span{
	color: #ffffff;
}
.pro2Info{
	padding-bottom: 20px;
}
.pro2Info .pageTitle{
	font-size: 28px;
}
.pro2Info span{
	color: #ffffff;
}
.sName{
	color: #fff;
	display: block;
	text-align: center;
}
/*PRODUCT PICSWITCH*/
.switchBox img{
	width: 100%;
	border-radius: 7px;
}
.picarray img{
	width: 100%;
	border-radius: 7px;
}
.pro2Artical{
	margin-bottom: 20px;
	padding: 0 24px 20px 24px;
	line-height: 1.75;
	color:#FFFFFF;
}
.pageTitle{
	margin-bottom: 20px;
	font-size: 18px;
}
.pageTitle span{
	margin-left: 20px;
	font-size: 12px;
}
.pageTitle select{
	width: 230px;
	background: #333;
}
.pImg img{
	width: 100%;
	border: 2px solid #000;
	border-radius: 12px;
}
.pImg{
	border-bottom: 7px solid #6F1616;
	border-radius: 14px;
}
.pName a{
	margin-top: 4px;
	padding: 10px 4px;
	height:58px;
	display: block;
	background: #0033FF;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 6px;
}
.pName a:hover{
	color: #fff;
}
.proItem{
	margin-bottom: 16px;
}
.dImg {
	padding: 2px;
}
.dImg img{
	width: 100%;
	border-radius: 4px;
}
.detailItem{
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 20px;
	background: #fff; 
	border: 2px solid #555;
}
.dName{
	margin-top: 0px;
	padding: 2px 4px;
	display: block;
	color: #222;
	font-size: 13px;
	text-align: center;
}
.detailBox{
	padding: 0 35px;
}
.content-item .grey{
	display: block;
	background: #333333;
	color: #fff !important;
}
/*form*/
.form-control{
	border-radius: 0;
}
.form-group{
	margin-bottom: 10px;
}
.refreshBtn {
	font-size: 13px;
	text-decoration: underline;
	color: #fff;
}
/*pagination*/
.paging{
	width: 620px;
	margin-top: 10px;
}
.paging a{
	margin: 0 4px;
	padding: 12px 15px;
	background: #000;
	color: #fff;
	border-radius: 6px;
	border: 4px solid #fff;
	font-size: 14px;
}
.paging a.pArrow{

	background: #222;
	border-radius: 100%;
	font-size: 22px;
}
.paging .current{
	margin: 0 4px;
	padding: 12px 15px;
	border-radius: 6px;
	border: 4px solid #fff;
}
.backGroup{
	margin-top: 18px;
	text-align: right;
}
.backGroup a.pArrow{
	margin: 0 4px;
	color: #fff;
	border: 4px solid #fff;
	font-size: 14px;
	padding: 9px 12px;
	background: #222;
	border-radius: 100%;
	font-size: 22px;
}
a.backBtn{
	padding: 18px 24px 22px;
	background-image: url(../img/bgBtn.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	color: #fff;
	font-size: 14px;
}
/*SIDER BAR*/
.inner-page .sidebar-link{
	margin-top: 14px;
}
.sidebar-link{
	z-index: 99;
}
.left_item01focus a, .left_item01 a{
	display: block;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #fff;
	text-transform: capitalize;
	margin-top: 5px;
	text-align: right;
	font-family: Arial, 'Open Sans', sans-serif;
}
.left_item01focus a{
	background: #e63131;
}
.left_item01focus a:hover, .left_item01 a:hover{
	color: #fff;
	background: #e63131;
}
.left_item01focus a i, .left_item01 a i{
	display: inline-block;
	margin-left: 2px;
	height: 22px;
	line-height: 22px;
	font-size: 15px;
	color: #eee;
}
.left_item02focus a, .left_item02 a{
	display: block;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	text-transform: capitalize;
	margin-top: 3px;
	text-align: center;	
	font-family: Arial, 'Open Sans', sans-serif;
}
.left_item02focus a{
	background: #999999;
}
.left_item02focus a:hover, .left_item02 a:hover{
	color: #fff;
	background: #999999;
}
.left_item02focus i, .left_item02 i{
	display: inline-block;	
	margin-left: 2px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #eee;
	float: right;
	z-index: 100;
	font:normal normal normal 14px/1 FontAwesome;
}
/*FOOTER*/
.footer .footer-widget h5{
	color: #fff;
}
.footer .footer-widget address{
	color: #fff;
	display: inline-block;
}
.footer .footer-widget h2{
	font-size: 28px;
	display: block;
}
.footer .footer-widget h2 span{
	font-size: 12px;
}
.footer .footer-widget p{	
	color: #fff;
}
.footer .footer-widget address a, .footer .footer-copyright p span{
	border-bottom: none;
	font-size: 14px;
	color: #fff;
}
.footer .footer-copyright p{
	font-size: 12px;
	color: #fff;
}
.location-name{
	color:#fff;
}
.footer .footer-widget .map i.taiwan{
	top: 38%;
	left: 77.2%;
}
@media (max-width: 1200px){
	.paging, .backGroup{
		text-align: center;
	}
}
/*******************************/
@media (max-width: 991px){
	.page-sidebar{
		margin-right: 0;
	}
}
/******************************/
@media (min-width: 767px){
	.inner-page{
			background-image: url(../img/headerBottom.png);
			background-repeat: repeat-x;
		}
}
@media (max-width: 767px){
	.header .header-navigation{
		width: 100%;
		max-width: 100%;
	}
	.navbar{
		background: #222 !important;
	} 
	.header .navbar-default .navbar-nav > li > a{
		width: 100%;
	}
	.navbar-collapse{
		padding: 0;
	}
	.navbar-nav{
		margin: 0;
	}
	.paging, .backGroup{
		text-align: center;
	}
}



/********************************************************/
body{
	background: #222;
}
.wrapper{
	max-width: 100%;
	background: #222222;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}
#attheader, #attsection, #attfooter{	
	margin: 0 auto;
}
.wideBox{
	max-width: 1300px;
	margin: 0 auto;
}

.outterBox{
	  padding: 30px;
	  
	border-radius: 0;
	box-shadow: inset 0px 0px 0px 10px rgba(0,0,0,0.1);
	margin-bottom: 10px;
	position: relative;
	margin-top: 7px;
	overflow: hidden;
	
	z-index: 20;
	border: 0px;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.outterBox h4{
	font-size: 34px;
}
.box{
	border-radius: 0;
}
.box .box-gallery img.box-gallery-img{
	border-radius: 0;
}
.header .navbar-default .navbar-nav > li ul.dropdown-sm{
	width: 300px;
}

/*****************************************************/