/*============Glogbal Style================ */
html,
body {
/*
    height: 100%;
	font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";
*/
	

height: 100%;
font-family:
"Microsoft JhengHei",
"Segoe UI",
-apple-system, BlinkMacSystemFont,
"PingFang TC",
sans-serif;
-webkit-font-smoothing: antialiased;

}

p {
/*    font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";*/
    font-size: 17px;
    line-height: 2.3rem;
    color: #000;
    margin: 0;
	
/* default
	font-size: 17px;
    line-height: 26px;
*/
}


/*lihung add start*/
.text-changing{
	color: #0192ff;
}
/*lihung add end*/

.text-green{
	color:#8bc751;
}

a {
    -webkit-transition: .3s;
    transition: .3s
}

a:hover {
    color: #000;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
/*    font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";*/
	font-family: "Microsoft JhengHei", "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang TC", sans-serif;
    color: #000;
    font-weight: 600;
    line-height: 1.7;
    margin: 0;
}


td,th,a,p{
font-size:17px;	
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color:#04b1cd;}


.investor-bg-cover{
padding:13% 0;
background-image:url("../images/investor/banner_bg2.png");
background-size: cover;
background-position: center center;
background-color: #000;
position: relative;
}


.main-banner-title h1{
/*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
line-height: 4.9rem;
font-size: 60px;
color: #fff;	
}


.invest-title {
margin-bottom: 60px;
}

.invest-title h2 {
position: relative;
font-size: 45px;
padding-bottom: 20px;
margin-bottom: 15px;
line-height: 4rem;
}

.invest-title h2:before,
.invest-title h2:after {
position: absolute;
content: '';
left: 50%;
bottom: 0;
width: 50px;
height: 5px;
background-color: #000;
}

.invest-title h2:before {
left: auto;
right: 50%;
background-color: #0192ff
}



/*collapse 控制箭頭方向*/
.with-chevron[aria-expanded='true'] i {
display: block;
transform: rotate(180deg) !important;
}

.fa{
font-size:25px;
}
.btn-color {
color: #fff; 
background-color: #333535;
border-color: #fff;
}


.collapse-title h5{
color: #fff;

}

 
/*table表頭顏色*/

.table .thead-dark-changing th {
color: #fff;
background-color: #05a2cc;
/*    border-color: #006cc4;*/
}


 
/*media query*/
/*Large devices 筆電*/
@media screen and (max-width: 1500px) {

	
}

/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {


}


/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
.main-banner-title h1{
line-height: 3.5rem;
font-size: 45px;
}
	
.invest-title h2 {
font-size: 38px;
line-height: 3rem;
}
	
	
}


/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) { 

}


/*Extra small devices (portrait phones, less than 576px)*/

@media screen and (max-width: 575.98px) { 

.investor-bg-cover{
padding:40% 0;
background-image:url("../images/investor/banner_bg2_phone.png");
}
	
.main-banner-title h1{
font-size: 38px;
line-height: 3rem;
}

.invest-title h2 {
font-size: 28px;
line-height: 2.4rem;
}
	
	
	
}

/*Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width*/