﻿@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;}  a{text-decoration:none;}  a:hover{text-decoration:none;}

.clearfix:before,.clearfix:after{
    content:" ";
    display:table;
}
.clearfix:after{
    clear:both;
}

.ly-send{
    margin:0 auto;;
    width:100%;
    height:760px;
    background:url("../images/ly-send.jpg") no-repeat center /cover;
    overflow:hidden;
}
.ly-send h2{
    padding:50px 0 30px;
    font-size:40px;
    line-height:60px;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
}
.ly-send h2 span{
    font-size:50px;
    color:#ffe15c;
}
.ly-send form{
    margin:0 auto;;
    width:470px;;
}
.ly-send form input{
    margin-bottom:30px;
    font-size:24px;
}
.ly-send form input.ly-send-name,.ly-send form input.ly-send-phone{
    padding:0  20px 0 100px;
    width:350px;
    height:85px;
    line-height:85px;
    display:block;
    color:#ffffff;
    border:none;
}
.ly-send form .ly-send-name{
    background:url("../images/name.png") no-repeat center;
    background-size:470px 85px;
}
.ly-send form .ly-send-phone{
    background:url("../images/phone.png") no-repeat center;
    background-size:470px 85px;
}
.ly-send form .ly-send-num{
    float:left;
    padding:0 40px;
    width:200px;
    height:85px;
    line-height:85px;
    color:#ffffff;
    text-align:center;
    background:url("../images/num.png") no-repeat center;
    background-size:280px 85px;
    border:none;
}
.ly-send form .ly-send-send{
    float:right;
    width:170px;
    height:85px;
    line-height:85px;
    color:#ffffff;
    font-size:24px;
    text-align:center;
    cursor:pointer;
    background:url("../images/send.png") no-repeat center;
    background-size:170px 85px;
    border:none;
}
.ly-send form .ly-send-submit{
    margin:0 auto;
    width:350px;
    height:80px;
    line-height:75px;
    color:#ffffff;
    font-size:38px;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    display:block;
    text-shadow:-2px -2px 2px #ff7e00;
    background:url("../images/link.png") no-repeat center;
    background-size:350px 80px;
    border:none;
}
input::-webkit-input-placeholder{
    color:#898b8b;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#898b8b;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#898b8b;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#898b8b;
}

@media screen and (max-width: 750px) {

    .ly-send{
        height:610px;
    }
    .ly-send h2{
        padding:40px 0 24px;
        font-size:32px;
        line-height:48px;
    }
    .ly-send h2 span{
        font-size:40px;
    }
    .ly-send form{
        width:376px;;
    }
    .ly-send form input{
        margin-bottom:24px;
        font-size:18px;
    }
    .ly-send form input.ly-send-name,.ly-send form input.ly-send-phone{
        padding:0  16px 0 80px;
        width:280px;
        height:68px;
        line-height:68px;
        display:block;
        color:#ffffff;
        border:none;
    }
    .ly-send form .ly-send-name{
        background:url("../images/name.png") no-repeat center;
        background-size:376px 68px;
    }
    .ly-send form .ly-send-phone{
        background:url("../images/phone.png") no-repeat center;
        background-size:376px 68px;
    }
    .ly-send form .ly-send-num{
        padding:0 32px;
        width:160px;
        height:68px;
        line-height:68px;
        background:url("../images/num.png") no-repeat center;
        background-size:224px 68px;
    }
    .ly-send form .ly-send-send{
        width:136px;
        height:68px;
        line-height:68px;
        font-size:18px;
        background:url("../images/send.png") no-repeat center;
        background-size:136px 68px;
    }
    .ly-send form .ly-send-submit{
        width:280px;
        height:64px;
        line-height:60px;
        font-size:30px;
        background:url("../images/link.png") no-repeat center;
        background-size:280px 64px;
    }

}

@media screen and (max-width: 640px) {

    .ly-send{
        height:480px;
    }
    .ly-send h2{
        padding:30px 0 18px;
        font-size:24px;
        line-height:36px;
    }
    .ly-send h2 span{
        font-size:30px;
    }
    .ly-send form{
        width:282px;;
    }
    .ly-send form input{
        margin-bottom:18px;
        font-size:14px;
    }
    .ly-send form input.ly-send-name,.ly-send form input.ly-send-phone{
        padding:0  12px 0 60px;
        width:210px;
        height:51px;
        line-height:51px;
    }
    .ly-send form .ly-send-name{
        background:url("../images/name.png") no-repeat center;
        background-size:282px 51px;
    }
    .ly-send form .ly-send-phone{
        background:url("../images/phone.png") no-repeat center;
        background-size:282px 51px;
    }
    .ly-send form .ly-send-num{
        padding:0 24px;
        width:120px;
        height:51px;
        line-height:51px;
        background:url("../images/num.png") no-repeat center;
        background-size:168px 51px;
    }
    .ly-send form .ly-send-send{
        width:102px;
        height:51px;
        line-height:51px;
        font-size:14px;
        background:url("../images/send.png") no-repeat center;
        background-size:102px 51px;
    }
    .ly-send form .ly-send-submit{
        width:210px;
        height:48px;
        line-height:45px;
        font-size:28px;
        background:url("../images/link.png") no-repeat center;
        background-size:210px 48px;
    }
}


@media screen and (max-width: 480px) {


    .ly-send{
        height:410px;
    }
    .ly-send h2{
        padding:25px 0 15px;
        font-size:20px;
        line-height:30px;
    }
    .ly-send h2 span{
        font-size:25px;
    }
    .ly-send form{
        width:235px;;
    }
    .ly-send form input{
        margin-bottom:15px;
        font-size:12px;
    }
    .ly-send form input.ly-send-name,.ly-send form input.ly-send-phone{
        padding:0  10px 0 50px;
        width:175px;
        height:42px;
        line-height:42px;
    }
    .ly-send form .ly-send-name{
        background:url("../images/name.png") no-repeat center;
        background-size:235px 42px;
    }
    .ly-send form .ly-send-phone{
        background:url("../images/phone.png") no-repeat center;
        background-size:235px 42px;
    }
    .ly-send form .ly-send-num{
        padding:0 20px;
        width:100px;
        height:42px;
        line-height:42px;
        background:url("../images/num.png") no-repeat center;
        background-size:140px 42px;
    }
    .ly-send form .ly-send-send{
        width:85px;
        height:42px;
        line-height:42px;
        font-size:12px;
        background:url("../images/send.png") no-repeat center;
        background-size:85px 42px;
    }
    .ly-send form .ly-send-submit{
        width:175px;
        height:40px;
        line-height:38px;
        font-size:18px;
        background:url("../images/link.png") no-repeat center;
        background-size:175px 40px;
    }

}