@charset "UTF-8";
.row_dm {
    opacity: 0.3; /* 預設完全透明 */

    transition: opacity 0.8s ease-out, transform 0.8s ease-out; /* 漸變時間 0.8 秒 */
}
/* 啟動狀態 */
.row_dm.active {
    opacity: 1;
}
.row_dm1 .left_outer_dm{
    background-image: 
        linear-gradient(to right,#1c2838,#1c2838),          
        linear-gradient(to right, #a5d5b7, #0074b0); /* 第二層：外層漸層 (露出的邊框) */
}
.row_dm1.active .left_outer_dm{
    background-image: 
        linear-gradient(to right,#a5d5b7,#0074b0),          
        linear-gradient(to right, #a5d5b7, #0074b0); /* 第二層：外層漸層 (露出的邊框) */
}
.row_dm2 .left_outer_dm{
    background-image: 
        linear-gradient(to right,#1c2838,#1c2838),          
        linear-gradient(to right, #ff7aaa, #ff5354); /* 第二層：外層漸層 (露出的邊框) */
}
.row_dm2.active .left_outer_dm{
    background-image: 
        linear-gradient(to right,#ff7aaa,#ff5354),          
        linear-gradient(to right, #ff7aaa, #ff5354); /* 第二層：外層漸層 (露出的邊框) */
}
.row_dm3 .left_outer_dm{
    background-image: 
        linear-gradient(to right,#1c2838,#1c2838),          
        linear-gradient(to right, #f39800, #f8b616); /* 第二層：外層漸層 (露出的邊框) */
}
.row_dm3.active .left_outer_dm{
    background-image: 
        linear-gradient(to right,#f39800,#f8b616),          
        linear-gradient(to right, #f39800, #f8b616); /* 第二層：外層漸層 (露出的邊框) */
}

.row_dm1 .right_top_dm{
	color: #a5d5b7;
	border-bottom: 1px solid #a5d5b7;
}
.row_dm1 .right_topnum_dm{
    border: 1px solid #a5d5b7; 
    color: #a5d5b7;           
}
.row_dm2 .right_top_dm{
	color: #ff7aaa;
	border-bottom: 1px solid #ff7aaa;
}
.row_dm2 .right_topnum_dm{
    border: 1px solid #ff7aaa; 
    color: #ff7aaa;           
}
.row_dm3 .right_top_dm{
	color: #f39800;
	border-bottom: 1px solid #f39800;
}
.row_dm3 .right_topnum_dm{
    border: 1px solid #f39800; 
    color: #f39800;           
}

.left_outer_dm{
	width: 100%;
	border: 2px solid transparent; 
    border-radius: 50%; 
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: inline-block;
    color: white;
    text-decoration: none;
    transition: transform 0.3s ease;
}
.left_outer_dm img{
	width: 80%;
	margin:10%; 
}
.right_outer_dm{
	width: 100%;
	padding-left:2%;
	padding-top: 15px;
}
.right_top_dm{
	color: #a5d5b7;
	width: 100%;
	border-bottom: 1px solid #a5d5b7;
	padding-bottom: 20px;
}
.right_topnum_dm{
    width: 40px;           
    height: 40px;
    border-radius: 50%;   
    border: 1px solid #a5d5b7; 
    color: #a5d5b7;           
    display: flex;
    align-items: center;   
    justify-content: center; 
    font-family: Arial, sans-serif; 
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin-right: 30px;
}
.right_bottom_dm{
	color:#ffffff;
	margin-top: 15px;
}
.border_outer_dm{
	text-align: center;
}
.border_outer_dm img{
	width: 2px;
	opacity: 0.5;
}
.content_dm .row{
	margin-bottom: 20px;
}



@media screen and (min-width: 992px) {
	/* 電腦版 */
.title3_dm{
	margin-bottom: 100px;
}
.flow_border_new{
	margin-top: 20px;
	margin-bottom: 20px;
}
}

@media screen and (max-width: 991px) {
	/* 手機版 */
.title3_dm{
	margin-bottom: 100px;
}
.row_dm .col-md-2{
	text-align: center;
}
.left_outer_dm{
	width: 100%;
    max-width: 150px; 
}
.flow_border_new{
	margin-top: 30px;
	margin-bottom: 35px;
}
}