@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; display:flex; overflow:hidden; background:#222222 url(../images/bg_domain.png) center top no-repeat; background-size:cover; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  domain                                                                             *
 *-------------------------------------------------------------------------------------*/
.domain_wrap{float:left; width:100%; display:flex; padding:0 0 50px;}
.domain_box{width:900px; margin:0 auto;}

.domain_logo{float:left; width:100%; text-align:center; margin:150px 0 0 0;}
.domain_title{float:left; width:100%; text-align:center; margin:50px 0 0 0; font-family: 'rocket'; font-size:60px; color:#ffffff;}
.domain_title span{color:#ffce7a;}

.domain_btn{float:left; width:100%; margin:40px 0 0 0;}
/*.domain_btn li{float:left; width:60%; margin:10px 0 0 0; text-align:center;}*/
.domain_btn li{margin:5% 20%; text-align:center;}
.domain_btn li:nth-child(2n){margin:0 0 2% 0;}
.domain_btn li a{display:block; width:100%; padding:40px 30px; border-radius:10px; background:linear-gradient(to right, #ffcb71 0%, #febe4f 100%); font-family: 'rocket'; font-size:40px; color:#ffffff; transition:all 0.5s;}
.domain_btn li a span{display:block; font-size:20px; color:#331c00;}
.domain_btn li a:hover{box-shadow:0 0 50px rgba(255, 166, 0, 0.651);}

.domain_text{float:left; width:100%; text-align:center; margin:50px 0 0 0; line-height:1.6; font-weight: bolder; font-family: 'GmarketSans'; font-size:32px; color:#ffffff;}
.domain_text span{color:#ffce7a;}

@media screen and (max-width:1024px) {
.domain_box{float:left; width:100%; padding:0 20px;}
.domain_logo img{width:60%;}
.domain_title{font-size:30px; margin:30px 0 0 0;}
.domain_text{font-size:20px; margin:30px 0 0 0;}
.domain_btn li a{font-size:30px; padding:20px;}
.domain_btn li a span{font-size:18px;}
}

@media screen and (max-width:768px) {
.domain_logo img{width:70%;}	
/*.domain_btn{margin:20px 0 0 0;}*/
.domain_btn{margin:20% 1%;}
.domain_btn li{width:100%; margin:0 0 1% 0;}
.domain_btn li:nth-child(2n){margin:0 0 1% 0;}

.domain_title{font-size:24px;}
.domain_text{font-size:16px;}
.domain_btn li a{font-size:24px;}
.domain_btn li a span{font-size:14px;}

}

.footer_size{
    display: flex; 
    justify-content: center;
}

.footer_size_li{
    margin-right: 35px;
}

@media screen and (max-width:400px) {
    .footer_size {
        display: flex;
        flex-wrap: wrap;
    }

    .footer_size_li{
        margin-bottom: 10px;
    }
}