.item {
 background-color: #ffffff;
 display: flex;
 margin-right:auto;
 margin-left:auto;
 margin-top: 5px;
}

.item1 {
 background-color: #dddddd;
 display: flex;
 margin-top: 5px;
 overflow-wrap: break-word;
}

.wid1100 {
 width: 1100px;
 background-color: #333333;
 margin: 0 auto;
}

.wid100 {
 width: 0;
 background-color: #dddddd;
 margin: 0 auto;
 padding: 0;
}

.wid150 {
 width: 150px;
 margin: 0;
 padding: 0;
}

.wid250 {
 width: 250px;
 margin: 0;
 padding: 0;
}

.wid300 {
 width: 300px;
 margin: 0;
 padding: 0;
}

.wid400 {
 width: 400px;
 margin: 0;
 padding: 0;
}



/* mobile */
@media only screen and (max-width: 430px) {

.item {
 background-color: #ffffff;
 display: block;
 margin-right:auto;
 margin-left:auto;
 overflow-wrap: break-word;
}

.item1 {
 background-color: #ffffff;
 display: flex;
 width: 100%;
 margin: auto;
}

.item1 ul {
 background-color: #dddddd;
 margin: 0;
 text-align: left;
}

.wid1100 {
 width: 100%;
 background-color: #333333;
 margin: 0 auto;
}

.wid50 {
 width: 20%;

 margin: 1;
}

.wid150 {
 width: 100%;

 margin: 0;
}

.wid250 {
 width: 100%;

 margin: 0;
}

.wid300 {
 width: 100%;

 margin: 0;
}

.wid400 {
 width: 100%;

 margin: 0;
}

}