@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

/*-------------------- 當瀏覽器小於 1550px 時套用 -------------------*/
@media (max-width: 1550px) {
/*    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    } */ 
    .slide-text > p {
        font-size: 18px;
    }
	.text-title {
        font-size: 20px;
        line-height: 34px;
		font-weight: 500;
        margin-top: 0px;
		padding-top: 13px;

	}	
	.text-title2 {
        font-size: 24px;
        line-height: 34px;
		font-weight: 450;
        margin-top: 0px;
		padding-top: 6px;

	}	
	.text-title3 {
        font-size: 24px;
        line-height: 8px;
		font-weight: 450;
        margin-top: 0px;
		padding-top: 0px;

	}		
	.text-title4 {   
		height: 58px;
		width: 23%;	
		margin-left: 90px;
		margin-top: 27px;
		margin-bottom: 27px;
		padding-top: 20px;	
		font-size: 24px;
		float: right;
	position: relative;	
	}
	.text-content {
        font-size: 12px;
        line-height: 34px;
		font-weight: 300;
        margin-top: 0px;
		padding-top: 4px;

	}		

	.slide-text-title-block {
		margin-top: -10px;
		height: 59px;
		width: 68%;
	}	
	.slide-text-title2-block {
		height: auto;
		width: 68%;
	}	
	
	/* 主選單 超連結 */
	.nav-pills > li > a {
	  border-radius: 1px;
	  width: 100px;
	  height: 50px;
	  text-align: center;
	  color: #cc1e17;
	  background-color: #fff;
	  padding-top: 13px;
	  font-weight: 500;
	  font-size: 12px;
	  white-space: nowrap;
	}

	.social_align {
		text-align: center;
	}
	
}




/*-------------------- 當瀏覽器小於 991px 時套用 -------------------*/
@media  (max-width: 991px) {
    .slide-text {
        padding: 10px 50px;
    }
/*    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }  */
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }	
	
	
	.text-title {
        font-size: 18px;
        line-height: 34px;
		font-weight: 500;
        margin-top: 0px;
		padding-top: 3px;


	}	
	.text-title2 {
        font-size: 13px;
        line-height: 14px;
		font-weight: 600;
        margin-top: 0px;
		padding-top: 0px;

	}	
	.text-title3 {
        font-size: 14px;
        line-height: 8px;
		font-weight: 600;
        margin-top: 0px;
		padding-top: 0px;

	}		
	.text-title4 {   
		height: 42px;
		width: 24%;	
		margin-left: 90px;
		margin-top: 27px;
		margin-bottom: 27px;
		padding-top: 12px;	
		font-size: 16px;

		float: right;
	    position: relative;		
	}
	.text-content {
        font-size: 12px;
        line-height: 34px;
		font-weight: 300;
        margin-top: 0px;
		padding-top: 4px;

	}		

	.slide-text-title-block {
		margin-top: -12px;
		height: 40px;
		width: 100%;
	}	
	.slide-text-title2-block {
		padding-top: 5px;
		height: 70px;
		width: 100%;
	}	
	.slide-text-title2-block > p {
		margin-top: 2px;
        font-size: 11px;
        line-height: 16px;
		font-weight: 400;
		
	}
	
	.foot-info {
		height: 300px;
		padding: 10px;
		font-size: 13px;
	}
	
	.social_align {
		text-align: right;
	}
	
}


/*-------------------- 當瀏覽器小於 480px 時套用 -------------------*/
@media  (max-width: 480px) {
    .slide-text {
        padding: 10px 50px;
    }
/*    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }  */
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }	
	
	
	.text-title {
        font-size: 13px;
        line-height: 34px;
		font-weight: 500;
        margin-top: 0px;
		padding-top: 3px;


	}	
	.text-title2 {
        font-size: 12px;
        line-height: 14px;
		font-weight: 600;
        margin-top: 0px;
		padding-top: 0px;

	}	
	.text-title3 {
        font-size: 12px;
        line-height: 8px;
		font-weight: 600;
        margin-top: 0px;
		padding-top: 0px;

	}		
	.text-title4 {   
		height: 42px;
		width: 24%;	
		margin-left: 90px;
		margin-top: 27px;
		margin-bottom: 27px;
		padding-top: 12px;	
		font-size: 12px;

		float: right;
	    position: relative;		
	}
	.text-content {
        font-size: 11px;
        line-height: 34px;
		font-weight: 300;
        margin-top: 0px;
		padding-top: 4px;

	}		

	.slide-text-title-block {
		margin-top: -12px;
		height: 40px;
		width: 100%;
	}	
	.slide-text-title2-block {
		padding-top: 5px;
		height: 70px;
		width: 100%;
	}	
	.slide-text-title2-block > p {
		margin-top: 2px;
        font-size: 11px;
        line-height: 16px;
		font-weight: 400;
		
	}
	
	.foot-info {
		height: 300px;
		padding: 10px;
		font-size: 13px;
	}	
	
	.social_align {
		text-align: left;
	}
	
}