/*---------------------------------- Related-Links (相關圖文連結 ) >> 需使用 Customized Related Products 模組-----------------------------------*/
/*---------------------------------- 基於 Series_Produts_for-Related-Products-Module.css -----------------------------------*/



.Related-Links.With-Des .markets-solutions-applications .container > .row:first-child {
	width: 60%;
	margin: 0 auto 4%;
	float: none;
  }

.Related-Links.With-Des .markets-solutions-applications > h2 > p {
	line-height: 1.4 !important;
	font-weight: 400 !important;
	font-size: 0.4em;
	display: inline-block;
	margin: 2% auto 3%;
}

.Related-Links .markets-solutions-applications .app-block-container {
    margin-bottom: 70px;
}

.Related-Links.item_x3 .markets-solutions-applications .app-block-container {
    padding: 0 40px;
}

.Related-Links.Out-Line .markets-solutions-applications .app-block-container {
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 15px;
    padding: 2.5% 2.5% 3.5%;
    margin: 1% 1.2% 2%;
}

.Related-Links.Out-Line.Box .markets-solutions-applications .app-block-container {
    border: 1px solid #e9ebee !important;
    border-bottom: 1px solid #dddfe0 !important;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.Related-Links.Out-Line.item_x3 .markets-solutions-applications .app-block-container, 
.Related-Links.item_x3.Out-Line .markets-solutions-applications .app-block-container {
	padding: 2.5% 3.5% 3.5%;
	margin: 1% 1.5% 2%;
}


.Related-Links.Out-Line .markets-solutions-applications .app-products {
	height: auto;
}

.Related-Links.Out-Line.Image-Circle .markets-solutions-applications img, 
.Related-Links.Out-Line.Image-Circle img {
	border-radius: 50%;
	width: 80%;
	padding: 2%;
}


.Related-Links .markets-solutions-applications .Image-Circle img {
	margin-bottom: 4%;
}

.Related-Links .markets-solutions-applications h3 {
	font-weight: 600;
    line-height: 1.2em;
    margin: 5% 0 3%;
}

/* 兩行字 */
.Related-Links.Long-Title .markets-solutions-applications h3 {
	max-height: unset !important;
	height: 92px !important;
}



.Related-Links .markets-solutions-applications h3 span {
    font-size: 0.8em;
	font-weight: 400;
    line-height: 1.2em;
    display: inline-block;
    margin: 1% 0 2%;
    margin: 2% 0 2%;
    margin: 4% 0 7%;
}

.Related-Links .markets-solutions-applications p {
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

.Related-Links.li-section .markets-solutions-applications ul {
    display: block;
    margin-top: 10%;
}

.Related-Links.li-section .markets-solutions-applications li span {
    font-size: 0.95em;
    opacity: 0.85;
}

.Related-Links.li-section .markets-solutions-applications li::before {
    list-style: none;
    content: "■ ";
    color: #0080b1;
    color: #75b719;
    margin: 0 10px;
    font-family: "Arial";
    font-size: 0.75em;
    position: relative;
    display: block;
    line-height: 1.3em;
    top: -8px !important;
  }

  #Applications.Related-Links .markets-solutions-applications .app-block-container, 
  .Related-Links .markets-solutions-applications .app-block-container {
    background: rgba(255, 255, 255, 0);
    /*border: 1px solid transparent;*/
    border-radius: 12px !important;
    margin-top: 50px;
    /*padding: 15px 25px 50px;*/
    box-shadow: 0px 2px 10px rgba(68, 49, 49, 0.15);
    transform: translateY(0px) scale(1);
    transition: all 0.3s;
  }


#Applications.Related-Links .markets-solutions-applications .app-block-container:hover, 
.Related-Links .markets-solutions-applications .app-block-container:hover {
    transform: translateY(-6px) scale(1.07);
    background: rgba(255, 255, 255, 1.0);
    /*border: 1px solid transparent;*/
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
    transition: all 0.3s;
  }




    /* 有加 .Linkto >> 才會變化 */
    #Applications.Related-Links .markets-solutions-applications .app-block-container:hover > .linkto + .app-products + div > .btn-group a.btn.btn-primary, 
    .Related-Links .markets-solutions-applications .app-block-container:hover > .linkto + .app-products + div > .btn-group a.btn.btn-primary {
      color: #fff !important;
      background-color: #85c12f !important;
      border: solid 2px #85c12f !important;
      background-color: rgba(159, 226, 40, 1.0) !important;
      border: solid 2px rgba(159, 226, 40, 1.0) !important;
      transition: all 0.3s ease-in-out 0s;
    }
  
  
  
    /* 有加 .Linkto >> 才會變化 */
    #Applications.Related-Links .markets-solutions-applications .app-block-container:hover > .linkto + .app-products + div > .btn-group a.btn.btn-primary::after, 
    .Related-Links .markets-solutions-applications .app-block-container:hover > .linkto + .app-products + div > .btn-group a.btn.btn-primary::after {
      color: #fff !important;
      transition: all 0.3s linear 0s;
  }




/* =========================================================================
	                    RWD (Related-Links (相關圖文連結))
========================================================================= */

 /* 980 以上 */
 @media (min-width: 980px) {

    .Related-Links.Out-Line.Box .markets-solutions-applications .container {
    width: 95%;
    }

    .Related-Links.Out-Line.item_x3 .markets-solutions-applications .app-block-container, 
    .Related-Links.item_x3.Out-Line .markets-solutions-applications .app-block-container {
    width: 25%;
    }

    .Related-Links.Out-Line.item_x4 .markets-solutions-applications .app-block-container, 
    .Related-Links.item_x4.Out-Line .markets-solutions-applications .app-block-container {
    width: 18%;
    }

 }



 /* 1024 以上 */
 @media (min-width: 1024px) {

    .Related-Links .markets-solutions-applications .app-products {
    height: 61vh;
    }

    .Related-Links.li-section .markets-solutions-applications ul {
    position: relative;
    left: -2%;
    }

}


 /* 1200 以上 */
 @media (min-width: 1200px) {

	.Related-Links.Out-Line.Box .markets-solutions-applications .container {
	width: 95%;
	}

 }


 /* 1500 以上 */
 @media (min-width: 1500px) {

    .Related-Links.Out-Line.Box .markets-solutions-applications .container {
    width: 85%;
    }

	.Related-Links .markets-solutions-applications .app-products {
	height: 63vh;
	}

    .Related-Links.Out-Line .markets-solutions-applications h3 {
    font-size: 1.7em;
    }

    .Related-Links.Out-Line .markets-solutions-applications h3 spn {
    font-size: 0.8em;
    margin: 4% 0 7%;
    }

 }


/* 1900 以上 */
@media (min-width: 1900px) {

    .Related-Links.Out-Line.Box .markets-solutions-applications .container {
    width: 80%;
    }

    .Related-Links.Out-Line.item_x3 .markets-solutions-applications .container, 
    .Related-Links.item_x3.Out-Line .markets-solutions-applications .container {
    width: 75%;
    }

    .Related-Links.Out-Line.item_x4 .markets-solutions-applications .container, 
    .Related-Links.item_x4.Out-Line .markets-solutions-applications .container {
    width: 90%;
    }

    .Related-Links.Out-Line.item_x3 .markets-solutions-applications .app-block-container {
    padding: 2.5% 3.5% 3.5%;
    }

    .Related-Links .markets-solutions-applications .app-products {
    height: 62vh;
    }

    .Related-Links.Out-Line .markets-solutions-applications .app-products {
    min-height: 60vh;
    }

	.Related-Links.item_x3 .markets-solutions-applications .app-block-container {
	padding: 0 5%;
	}

    .Related-Links.Out-Line.item_x3 .markets-solutions-applications .app-block-container {
    padding: 2.5% 3.5% 3.5%;
    }

}


/* 2561 以上 */
@media (min-width: 2561px) {

    .Related-Links .markets-solutions-applications .app-products {
    height: auto;
    }

}


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

	.Related-Links .markets-solutions-applications .app-products {
	height: 84vh;
	}

}