/* =====================================================================================================
   Benefits  文字 > 一般定義 
===================================================================================================== */


/* Icon 置中 */
.markets-solutions-applications .app-block-container {
    float: none;
    display: inline-table;
    margin-bottom: 45px;
}


/** 所有 ICON 區塊 >> 間隔 **/
#benefits .markets-solutions-applications .app-block-container .app-products {
    margin-bottom: 50px;
}


/** 所有 ICON 區塊 (三個一排) >> 方型 **/
#benefits .markets-solutions-applications .app-block-container .app-products.Shape_Square {
    padding: 20px 45px 30px;
    background: #fff;
    border-radius: 12px !important;
    border: 1px solid #f3f6f7;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


/** 所有 ICON 區塊 (四個一排) >> 方型 **/
#benefits .markets-solutions-applications .container.item_x4 .app-block-container .app-products.Shape_Square {
    padding: 15px 30px 30px;
}


/** 所有 ICON 區塊 >> 方型:Hover **/
#benefits .markets-solutions-applications .app-block-container .app-products.Shape_Square:hover {
    z-index: 100;
    -webkit-transform: translateY(-6px) scale(1.07);
    -ms-transform: translateY(-6px) scale(1.07);
    transform: translateY(-6px) scale(1.07);
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
    transition: all 0.3s;
}


/* Benefits > Title > h2 */
#benefits .markets-solutions-applications h2, #Requirements .markets-solutions-applications h2 {
    margin-bottom: 50px;
}



/* Benefits > 文字 > h3 */
#benefits .markets-solutions-applications h3 {
    font-weight: 400 !important;
    word-spacing: .01em;
    /*height: 68px; 
    max-height: 50px;*/
    margin-bottom: 12px;
    color: #000;
}


/* Benefits > 文字 > h3:hover  */
#benefits .markets-solutions-applications h3:hover {
    color: unset !important;
}


/* Benefits > 文字 > h4 */
#benefits .markets-solutions-applications h4 {
    color: #535b5e;
    font-size: 1.15em;
    font-weight: 400;
    line-height: 1.5em;
    display: inline-block;
    /*opacity: 0.8;*/
    opacity: 1.0;
    margin: 20px 0 65px;
}


/* Benefits > 文字 > p */
#benefits .markets-solutions-applications p {
    font-weight: 300 !important;
    margin-bottom: 20px;
}







/* =====================================================================================================
   RWD   >>  Benefits
   ===================================================================================================== */




   /* Bowei 筆電寬螢幕 */
@Media (min-width: 1281px) and (max-width: 1366px)  { 


	/* Benefits/ Requirements x 4 > container */
    #benefits #item_x4.markets-solutions-applications .container, 
    #Requirements #item_x4.markets-solutions-applications .container, 
    #benefits.item_x4 .markets-solutions-applications .container, 
    #Requirements.item_x4 .markets-solutions-applications .container, 
    #benefits .markets-solutions-applications .container.item_x4, 
    #Requirements .markets-solutions-applications .container.item_x4 {
	width: 1200px !important;
    }

}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1200 以上 */
@Media (min-width: 1500px) { 
	
	/* Benefits/ Requirements x 4 > container */
    #benefits #item_x4.markets-solutions-applications .container, 
    #Requirements #item_x4.markets-solutions-applications .container, 
    #benefits.item_x4 .markets-solutions-applications .container, 
    #Requirements.item_x4 .markets-solutions-applications .container, 
    #benefits .markets-solutions-applications .container.item_x4, 
    #Requirements .markets-solutions-applications .container.item_x4 {
	width: 1400px !important;
    }
    
}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1400 以上 */
@Media (min-width: 1400px) { 
	
	/* Benefits/ Requirements x 4 > container */
    #benefits #item_x4.markets-solutions-applications .container, 
    #Requirements #item_x4.markets-solutions-applications .container, 
    #benefits.item_x4 .markets-solutions-applications .container, 
    #Requirements.item_x4 .markets-solutions-applications .container, 
    #benefits .markets-solutions-applications .container.item_x4, 
    #Requirements .markets-solutions-applications .container.item_x4 {
	width: 1400px;
    }
    
}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1300 以上 */
@Media (min-width: 1300px) { 
	
	/* Benefits/ Requirements x 4 > container */
    #benefits #item_x4.markets-solutions-applications .container, 
    #Requirements #item_x4.markets-solutions-applications .container, 
    #benefits.item_x4 .markets-solutions-applications .container, 
    #Requirements.item_x4 .markets-solutions-applications .container, 
    #benefits .markets-solutions-applications .container.item_x4, 
    #Requirements .markets-solutions-applications .container.item_x4 {
	width: 1300px;
    }
    
}


   /* 橫向智慧手機到竪立平板電腦解析度 >> 1024 以上 */
   @Media (min-width: 1024px) { 

	/* Benefits > Icon 總寬度 > 縮小 */
	#benefits .markets-solutions-applications .icon_Bullet {
    width: 90%;
    float: none;
    text-align: center;
    margin: 0 auto;
    }


        
    /* Benefits > h3 */
    #benefits .markets-solutions-applications h3 {
    font-size: 1.32em !important;
    line-height: 34px;
    text-align: center;
    }
        
        
        
    /* Benefits > Title > h2 */	
    #benefits .markets-solutions-applications h2 {
    font-size: 3.5em;
    }


    #benefits .markets-solutions-applications p {
        font-size: 1em !important;
        line-height: 1.5 !important;
    }


}




/* 寬電腦解析度 >> 1023 以下 */
@Media (max-width: 1023px) { 



}



/* 平板電腦、橫向手機和一般桌機解析度 */
@Media (min-width: 768px) and (max-width: 979px) { 

   
}



/* 橫向智慧手機到竪立平板電腦解析度 >> 959 以下 */
@Media (max-width: 959px) { 


}




/* 比手機大-比平板小-解析度 */
@Media (min-width: 481px) and (max-width: 600px) { 

	
	#benefits .markets-solutions-applications .app-block-container .app-products:hover {
	box-shadow: unset !important;
	-webkit-box-shadow: unset !important;
	-moz-box-shadow: unset !important;
    }
	
}




/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */
@Media (min-width: 373px) and (max-width: 414px) { 

        #benefits .markets-solutions-applications .app-block-container .app-products:hover {
        box-shadow: unset !important;
        -webkit-box-shadow: unset !important;
        -moz-box-shadow: unset !important;
        }

}



/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) { 
	

	
	#benefits .markets-solutions-applications .app-block-container .app-products:hover {
	box-shadow: unset !important;
	-webkit-box-shadow: unset !important;
	-moz-box-shadow: unset !important;
    }

	
}





@media (max-width: 460px){
	
	
	#benefits .markets-solutions-applications .app-block-container .app-products:hover {
	box-shadow: unset !important;
	-webkit-box-shadow: unset !important;
	-moz-box-shadow: unset !important;
	}
	


}