nav{
	
}

.navbar-brand{
	color:#189ADE;
	font-size: 30px;
	font-weight: bold;
}

footer {
	background-color: #333333;
	padding:30px 0px;
	color:#ccc;
	margin-top:50px; 
}


#banner{
	height: 430px;

	background-image: url(../img/page2.jpg);
	background-position: center center;
	background-size:100% auto;
	margin-bottom: 30px;
	background-repeat:no-repeat;
}

.item p,pre {
	font-size: 15px;
	font-weight: normal;
	font-family: "微軟正黑體";
}
.center{
    margin: 0 auto;
    float: none;
}

.D{
  position: relative;
}

#aboutcompany {
    font-weight: bold;
    font-family: "微軟正黑體";
}

#about p{
    font-size: 15px;
	font-weight: normal;
	font-family: "微軟正黑體";
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

pre {
white-space: pre-wrap;
word-wrap: break-word;
}

#productitem{
     font-size: 15px;
	font-weight: normal;
	font-family: "微軟正黑體";
}
#productall{
    flex-wrap: nowrap;
}

#prodiscript{
    margin-left: 0px;
    flex-wrap: nowrap;
}
#prodiscript div{
    
    border-style:  solid;
    border-width:   1px;
}
#prodiscript2{
    border-left-style:  none;
   
}

#prodiscripttop{
    
}

@media screen and (max-width:991px){
	.col-md-8,
	footer{
		margin-top:30px;
	}
	.col-md-3{margin-bottom:30px;}
	#banner{
		height:200px;
		width:100%;
		background-size:cover;
	}
	

}
@media screen and (max-width:640px){
	.col-md-8,
	footer{
		margin-top:30px;
	}
	.col-md-3{margin-bottom:30px;}
	#banner{
		height:130px;
		width:100%;
		background-size:cover;
	}
	#productall{
        flex-wrap: wrap;
    }
    #prodiscript{
    margin-left: 20px;
    margin-right: 0px;
}


}