.navbar{
	border-bottom: 2px solid #ccc;
}
#investment-stock{
		width: 1280px;
		margin: 0 auto;
		background: #f6f6f6;
	}
	.stock-title{
		text-align:left;
		    overflow: hidden;
	    padding: 38px 20 20px 20px;	
	}
		.stock-title .title-blue{
		 padding-left:0;
		}
	
	.stock-title span:last-child{
		font-size: 18px;
		    position: relative;
   			 top: 10px;
	}.stock-title span:first-child{
		float-left		
	}
	.stock-quote>div{
		float: left;
	}
	.stock-quote>div:first-child{
		padding: 25px 10px 86px 20px;
		height: 245px;
		width: 27.58%;
		
		color: #fff;
		background: #00457c;
	}
	#footer {
    position: fixed;
    bottom: 0;
    left:50%;
   margin-left: -640px;
	}
	.stock-quote.container-fluid{
		width: 100%;
		padding: 0;
		position: relative;
	}
		.stock-quote  h3{
		line-height:45px;
		font-size: 30px;
		font-weight: 400;
		text-align:left;
		}
	
	.stock-quote>div:last-child{
		width: 72.42%;
		height: 245px;
		font-size: 20px;
		color: #fff;
		background: #0072bd;
		padding:55px 31px 58px 115px ;
		line-height: 46px;
	}
	.stock-quote>div:last-child table{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}
	.stock-quote>div:last-child table td{
		padding-right: 20px;
		color:#fff;
	    line-height: 35px;
   	 font-size: 18px;
	}
	.stock-quote>div:last-child .unit{
		position: absolute;
		right: 30px;
		top:15px ;
		font-size: 15px;
		filter: alpha(Opacity=80);
   		 -moz-opacity: 0.8;
   		 opacity: 0.8;
	}
	#investment-stock>div:nth-child(3)>div:first-child{
		width: 27.58%;
		float: left;
		padding: 20px 50px 60px 50px;
		display: flex;
		justify-content: space-between;
		font-size: 14px;
	}
	#investment-stock>div:nth-child(3)>div:last-child{
		width: 72.42%;
		float: left;
		padding: 20px  30px 60px 0;
		display: flex;
		justify-content: space-between;
		font-size: 15px;
	}
	#investment-stock>div:nth-child(3)>div:last-child span  span:last-child a{
		color: #c84d52;
	}
	.stock-img{
		padding: 45px 110px 123px 50px;	
		overflow: hidden;
		border-top: 1px solid #666666;
	}
	
	.stock-img>div{
		float:left;
	}
	.stock-img>div:first-child{
		margin-right:130px ;
	}
	.stock-img>div:first-child div:nth-child(2){
		margin: 30px 0 15px 0;
	}
	.stock-img>div:first-child span:nth-child(2){
		color: #c84d52;
	}
	.stock-img>div:first-child .title-blue{
		font-size: 30px;
	}
	.stock-img>div:last-child img{		
		width:800px ;
	}
@media screen and (max-width: 540px) {	
		#investment-stock{
		width: 100%;
		background: rgb(245,246,247);
	}
		#footer {
           position: initial;
    margin: 0;
    left: 0;
	}
.stock-quote>div:last-child  .unit{
		position: absolute;
		right: inherit;
		top:15px ;
		font-size: 14px;
	}
	.stock-quote h3 {
    line-height: 30px;
    margin:0;
    font-size: 22px;
    font-weight: 400;
    text-align: left;
}
.stock-quote>div:first-child {
    padding:0 60px 0 0;
    height: auto;
 
    background: rgb(214,215,216);
    }
    .stock-quote>div:first-child div{
    		padding: 20px 10px;
    		height:inherit;
    	  	 border: 1px solid rgb(229,239,231);
    	    color: #00457c;
    		background: rgb(229,230,231);
    }

.stock-title span:last-child {
    font-size: 14px;
    float: left!important;
    width: 100%;
 
    
}
.stock-title .title-blue {
    padding-left: 0;
}
	.stock-title{
		display: inherit;
		    padding-right: 10px;
	    padding-left: 0;
	    height: 100px;
	    line-height: 30px;
		padding:20px;
	}
	#investment-stock>div:nth-child(3)>div:first-child{
		width: 50%;
		float: left;
		padding: 15px 0 20px 15px; 
	  margin-bottom: 20px;
		font-size: 12px;	
		line-height: 18px;
	}
	#investment-stock>div:nth-child(3){
		position: relative;
	}
	#investment-stock>div:nth-child(3)>div:last-child{
		    width: 50%;
    padding: 15px 15px 0 0;
    line-height: 18px;
    float: right;
    font-size: 12px;
		
	}
	#investment-stock>div:nth-child(3)>div:last-child .delay{
		position: absolute;
		left: 15px;
		top: 50px;
		font-size:12px;
	}
	/* #footer{
    position: fixed;
    bottom: 0;
	} */
	.stock-img>div:first-child .title-blue{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.stock-img>div:first-child{
		margin-right:0;
	}
	.stock-img{
		padding: 20px 20px 50px 20px;	
	}
	.stock-img>div:first-child{
	}
	.stock-img>div:last-child img{		
		width:98% ;
	}
	.stock-quote>div:first-child {
    
    letter-spacing:0;
}
	.stock-img>div:first-child div:nth-child(2){
		margin: 0;
	}
	#investment-stock .stock-quote>div:first-child{
		width: 100%;
	}
	.stock-quote>div:last-child{
		height: auto;
		font-size: 15px;
		padding:50px 20px 20px 20px;		
		line-height: 30px;
		position: relative;
	}
	.stock-img>div:first-child div:nth-child(4){
	}
	
	.stock-img{
		position: relative;
	}
	.stock-img>div:first-child div:nth-child(2){
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	.stock-quote>div:last-child table td {
    color: #fff;
    line-height: 18px;
    font-size: 14px;
}
	.stock-img>div:first-child div:nth-child(3){
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
	#investment-stock .stock-quote>div:nth-child(2){
		width: 100%;
		    overflow-x: auto;
	}
#investment-stock	 table td  {  
              padding: 0;
		    text-align: left;
		    height: 38px;
		    vertical-align: middle;
	
        }  

  #investment-stock    table{  
              min-width: 600px;
   			 table-layout: fixed;
        }  
#investment-stock	.stock-span{
	
	text-align:left;
}
#investment-stock	.stock-span span:first-child{
display:block;
}
#investment-stock .stock-span-right{
	    width: 100%;
}
#investment-stock .stock-span-right span:first-child{
	    display: block;
	        text-align: right;
}
#investment-stock .stock-span-right span:nth-child(2){
    display: block;
        text-align: right;
        padding-right:7px;
}

	}