@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/

.flex_cc{
    display: flex;
}
.flex_out{
    margin: auto;
    width: 100%;
}
.flex_out img{
    max-width: 100%;
}

.b{
    margin: 50px 20px;
}
.subject{
    text-align: center;
    color: #165A14;
    margin: 30px 0;
}
.solu_gr{
    color: #165A14;
}
.newTitle h1{
    display: none;
}
.list_gray_light figure{
    border-bottom: solid #E0E0E0;
}
.list_gray_light .n0{
    border-top: solid #E0E0E0;
}
.b .flex{
    display: flex;
    gap: 40px;
}
.b .solutions_img{
    max-width: 440px;
}
.b .solutions_img img{
    /*max-width: 100%;*/
    height: 306px;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    min-width: 200px;
}
.b .newContent{
    max-width: 630px;
}
.b .newContent .newTitle h2{
    margin-bottom: 10px;
}
.b .newContent .newTitle h5{
    color: #88B928;
}


/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*iPad Pro*/
@media screen and (max-width: 1279px) {
}

/*iPad*/
@media screen and (max-width: 1023px) {
    .flex_cc{
        flex-direction: column;
    }
}
/*iPhone*/
@media screen and (max-width: 767px) {
    .b .flex{
        display: unset;
    }
}