.product .media .flex-box {display: flex;width: 100%;margin: 0 auto 5%;border-radius: 12px;box-sizing: border-box;justify-content: space-between;}
.product .media .flex-box .picture {width: 50%;}
.product .media .flex-box .picture .img_box {padding-top: 61%;position: relative;height: 0;width: 100%;}
.product .media .flex-box .picture img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: all ease-in-out .3s;border-radius: 20px;}
.product .media .flex-box .describe {box-sizing: border-box;width: 50%;padding-left: 5%;display: flex;flex-direction: column;align-items: start;}
.product .media .flex-box .describe .title {font-size: 30px;color: #000;margin-top: 20px;font-family: Kanit-Medium;}
.product .media .flex-box .describe .title.blue {color: #0b64e9;}
.product .media .flex-box .describe .p1 {font-size: 30px;font-weight: 500;}
.product .media .flex-box .describe .content {font-size: 16px;color: #667588;margin: 20px 0 20px 0;opacity: .5;}
.product .media .flex-box .describe .ulist {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px 10px;}
.product .describe .more {width: 170px;height: 62px;line-height: 62px;border-radius: 50px;text-align: center;background: rgba(226, 197, 33, 0.29);display: inline-block;padding: 0 5px;margin-top: 20px;border: none;}
.product .describe .more:after {display: none;}
.product.bolg .model .more {display: block;margin: 20px auto;overflow: hidden;text-align: center;}
.product .more>div {background-color: #e2c521;height: 52px;line-height: 52px;border-radius: 50px;margin-top: 5px;}
.product.bolg .more:hover>div {text-decoration: underline;text-decoration-color: #000000;}
.product .describe .more:hover>div {text-decoration: underline;text-decoration-color: #000000;}
.product .more>div a:after {content: "";display: inline-block;width: 30px;height: 20px;vertical-align: middle;margin-left: 10px;background: url(../images/read_more1.png) no-repeat center center;background-size: 70%;}
.product .more>div:after {display: none;}
.product .more>div a {display: block;width: 100%;height: 100%;color: #000;}
.product .flex-box .ulist li {width: 100%;float: left;padding-left: 20px;box-sizing: border-box;line-height: 30px;position: relative;}
.product .flex-box .ulist li:after {content: "";width: 6px;height: 6px;border-radius: 50%;background-color: #0b68f2;position: absolute;left: 0;top: 11px;}
.product .media .flex-box:nth-child(2n) {flex-direction: row-reverse;}
.product .media .flex-box:nth-child(2n) .describe{padding-right: 5%;padding-left: 0;}

@media (max-width:950px) {
    .product .media .flex-box{flex-direction: column;}
    .product .media .flex-box .picture{width: 100%}
    .product .media .flex-box .describe{width: 100%;padding: 0;margin-top: 5%;}
    .product .media .flex-box .describe .title{margin-top: 0;font-size: 24px;}
    .product .media .flex-box .describe .ulist{width: 100%;}
    .product .media .flex-box:nth-child(2n){flex-direction: column;}
}
@media (max-width:480px) {
    .product .media .flex-box .describe .ulist{display: grid;grid-template-columns: repeat(1,1fr);}
}

