body {margin: 0; padding: 0; background: #c8a16a url("pic/initiator.jpg");}
div,td {font-family: "Tahoma"; color: #35312c; text-shadow: 1px 1px #fff; letter-spacing: 0px; line-height: 21px; padding: 0; margin: 0;}
p {padding: 0; margin: 5px 0;}
a {color: #383838; text-decoration: underline;}
a:hover {color: #282828; text-decoration: underline;}
h1,h2 {padding: 4px 0 10px 0; font: normal 28px "Arial"; color: #514026; margin: 0 0 5px 0; letter-spacing: 0px; border-bottom: 1px dashed #ecdcc2; line-height: 27px; text-align: left;}
#inclusion {width: 1000px; margin: 0 auto; font-size: 15px;}
.influence {width: 100%; height: 280px; position: relative; display: flex; background: url("pic/influence.jpg"); margin: 0 0 5px 0; border-radius: 5px; box-shadow: 0 0 12px rgba(0,0,0,0.9); justify-content: space-between;}
.initiator {margin: 40px 0 0 30px;}
.contact {flex: 0 1 auto; padding-top: 5px;}
.contactbottom {flex: 0 1 auto; padding: 0 0 0 7px;}
.phone {width: 230px; height: 44px; background: url("pic/phone.png") no-repeat; margin: 5px 60px 0 0;}
.mobile {width: 230px; height: 44px; background: url("pic/mobile.png") no-repeat; margin: 5px 60px 0 0;}
.wa {width: 230px; height: 44px; background: url("pic/wa.png") no-repeat; margin: 5px 60px 0 0;}
.phoneword {padding: 11px 0 0 50px; font-size: 22px;}
.mess {width: 230px; height: 44px; background: url("pic/mess.png") no-repeat; margin: 5px 15px 0 0;}
.messword {padding: 11px 0 0 50px; font-size: 17px;}
.great {width: 100%; position: relative; display: flex; padding: 0;}
.menu {flex: 0 0 242px; background: #fef4e5; background-size: 100%; background-image: linear-gradient(to bottom, #fef4e5, #f8e8cf); font: normal 18px "Tahoma"; border: 1px solid #b18d58; border-radius: 5px; box-shadow: 0 0 12px rgba(0,0,0,0.9);}
.menu img {vertical-align: middle; margin: 0 4px 0 0; border-radius: 2px;}
.menu ul {list-style: none; margin: 0 3px; padding: 7px 0;}
.menu li {padding: 3px 0; border-bottom: 1px dashed #dfc08f;}
.menu li:hover {background: #fff9ef;}
.menu a:link, .menu a:visited {color: #3b2610; text-decoration: none;}
.menu a:hover {text-decoration: none; color: #170f06;}
.content {background:#fffbf5; margin: 0 0 0 3px; border-radius:5px; flex: 1 1 auto; padding:7px 10px 12px 10px; font-size:15px; text-align:justify; border: 1px solid #b18d58; box-shadow: 3px 1px 8px rgba(0,0,0,0.5);}
.bottom {position:relative; display:flex; justify-content:space-between; padding:0; height:155px; background:url("pic/bottom.jpg") no-repeat; margin:5px 0 0 0; border: 1px solid #b18d58; border-radius:5px; box-shadow: 0 0 12px rgba(0,0,0,0.9); align-items:center;}
.counter {flex: 0 1 auto; padding-right: 10px;}
.counter img {margin: 0 0 5px 0;}
.counterbottom {display:table; margin:0 auto;}
.counterbottom div {display:inline-block; float:left; margin-right:7px;}
.invention {display: table; margin-bottom: 10px;}
.domestic {display: table-cell;}
hr {margin: 30px 0; height: 0; border: none; border-top: 3px dashed #bbb;}

@media screen and (max-width:650px) {
#inclusion {width: 100%;}
.influence {justify-content: center; flex-wrap: wrap; align-items: center;}
.initiator {margin: 0; flex: 0 1 220px; text-align: center; margin-bottom: -10px;}
.initiator img {max-width: 100%; height: auto;}
.contact {flex: 0 1 auto; padding: 0;}
.phone {margin: 0;}
.mobile {margin: 0;}
.great {flex-wrap: wrap;}
.menu {order: 0; flex: 0 1 236px; box-shadow: none;}
.menu img {width:36px;}
.content {order: 1; margin: 0; padding: 7px 1px 12px 5px; text-align: left; border: 0;}
.content img {width: 98%; height: auto;}
.stick img {width: 70px;}
.bottom {justify-content: center; flex-wrap: wrap;}
.contactbottom {padding: 0;}
.mess {visibility: hidden; display: none;}
.messmenu {visibility: hidden; display: none;}
.invention {display: table; margin: 0 auto 10px;}
.domestic {display: block; margin: 0;}
}