@charset "utf-8";

#mainvis{
background-image: url("../img/company/mi.png");
}

#mf1 table{
width: 1200px;
margin: 0 auto;
position: relative;
}
#mf1 table:before{
content: "";
width: 33px;
background: linear-gradient(0deg, rgba(235,251,255,1) 0%, rgba(10,173,214,1) 100%);
position: absolute;
top: 40px;
bottom: 0;
left: 280px;
}
#mf1 table:after{
content: "";
max-width: 40px;
max-height: 48px;
width: 5.33vw;
height: 6.4vw;
background: url("../img/company/ic1.png") center center /cover no-repeat;
position: absolute;
top: 0;
left: 275px;
}
#mf1 th,
#mf1 td{
padding: 20px;
}
#mf1 th{
background: #FBF7EF;
font-weight: bold;
border-bottom: #fff solid 3px;
}
#mf1 td{
padding-left: 100px;
position: relative;
}
#mf1 td:before{
content: "";
background: #0AADD6;
width: 5px;
position: absolute;
right: 0;
top: 20px;
bottom: 20px;
}

@media screen and (max-width: 800px) {
#mf1{
margin: 0 5vw;
}
#mf1 table,
#mf1 table *{
width: auto;
display: block;
}
#mf1 table:before{
max-width: 33px;
width: 4.4vw;
top: 5.33vw;
left: 1vw;
}
#mf1 table:after{
top: 0;
left: 0;
}
#mf1 th,
#mf1 td{
padding: 2vw;
margin: 0 0 0 9vw;
}
#mf1 td:before{
display: none;
}
}