@media (min-width:461px){
    #container{width: 1500px; height: 500px; margin: 100px auto; position: relative;}
    #slide-wrap{width: 1200px; height: 500px; overflow: hidden; margin: 0 auto;}
    .prev{position: absolute; top: 45%; left: 5%; cursor: pointer; opacity: 0.3;}
    .next{position: absolute; top: 45%; right: 5%; cursor: pointer;  opacity: 0.3;}
    .slide{width: 3600px;}
    .slide li{width: 1200px; height: 500px; float: left; position: relative;}
    .slide img{width: 100%; height: 100%;}

    .slide li p {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);
        color: #000;background: rgba(255, 255, 255, 0.8);padding: 10px 20px;border-radius: 10px;
        text-transform: uppercase;font-weight: bold; font-size: 30px;}

    section{width: 1300px; margin: 100px auto; opacity: 0; transform: translateY(30%); transition: all 1.5s; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}
    #banner{padding-top: 30px; width: 600px; height: 300px; border: 2px solid #ccc; display: flex; flex-direction: column; justify-content: space-around; }
    #banner .tel{width: 600px; height: 80px; float: left; display: flex;align-items: center;}
    #banner b{font-size: 35px; font-weight: bolder;}
    #banner .com{margin-left: 30px;}
    #banner img{padding: 30px;}
    #mobile-banner{display: none;}

    #field{display:flex; width:600px; height:300px; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:space-between;}
    #field .icon{text-align: center; padding: 5px; width: 280px; height: 130px; border: 2px solid #ccc;display: flex; justify-content: space-around; align-items: center;}
    #field .icon p{font-size: 20px;}
    #field button{width: 100px; height: 50px; color: #666; border: none; font-size: 18px; border: 0.5px solid #ccc; background-color: #fff;}
    #field button:hover{background-color: lightblue; border: none; color: #fff;}

    #qu{margin-top: 30px; text-align: center; width: 400px; height: 550px; }
    #qu img{width: 100%; height: 100%}

    #process{margin-top: 30px; width: 800px; height: 355px; border: 2px solid #ccc;
            background-image: url(../img/etc/powder\ coating.jpg); background-repeat: no-repeat; background-size: cover;}
    #process .button-wrap{width: 300px; height: 50%; margin: 10% auto; display: flex; flex-direction: column; justify-content: space-around; align-items: center;}
    #process p{color: #fff; font-size: 40px;}
    #process button{width: 100px; height: 50px; color: #666; border: none; font-size: 18px; border: 0.5px solid #ccc; background-color: #fff;}
    #process button:hover{background-color: lightblue; border: none; color: #fff;}

    #product{width: 1200px; height: 500px; margin: 100px auto; opacity: 0; transform: translateY(30%); transition: all 1.5s; display: flex; flex-direction: column; justify-content: space-around; align-items: center; text-align: center;  }
    #product h1{width: 1200px; height: 50px; font-size: 40px; border-bottom: 1px solid #ccc;}
    #product .imgbox{display: flex; justify-content: space-between; align-items: center;}
    #product img{width: 300px; height: auto; margin: 20px;}
    #product button{width: 130px; height: 50px; color: #666; border: 2px solid #ccc; background-color: #fff;}
    #product button:hover{background-color: lightblue; border: none; color: #fff;}

    #logo2{width: 800px; height: 100px; margin: 100px auto; display: flex; justify-content: space-around; align-items: center;}
    #logo2 img{width: 100px; height: auto; margin: 10px;}
};