@charset "utf-8";


.sub_container{ clear:both; }

/* common */

.sub_notice h2, .sub_faq h2{ font-size:60px; font-weight:600;
               text-align:center; color:#fff; padding-top:200px;
               text-shadow: 2px 2px 6px #565656; }
.sub_notice_arrow, .sub_faq_arrow{ width:20px; padding-top:580px; margin:0 auto; }
.sub_notice_arrow span, .sub_faq_arrow span{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.sub_notice_arrow span:nth-child(2), .sub_faq_arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.sub_notice_arrow span:nth-child(3), .sub_faq_arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}




/* notice */



.sub_notice, .sub_notice2{ width:100%; }
.sub_notice{ height:1130px; background:url(../images/notice1.png) no-repeat center; }

.sub_notice2{ height:690px; background-color:#060608; padding-top:80px; }


.notice_table_head{ width:100%; height:30px; line-height:30px; border-top:1px solid #7A7F84; border-bottom:1px solid #7A7F84; }
.notice_table_head ul{ width:1200px; margin:0 auto; }
.notice_table_head li{ float:left; width:400px; color:#7A7F84; text-align:center; }



.notice_table{ width:1200px; margin:30px auto 50px auto; }

.notice_table ul{ height:70px; border:1px solid #7a7f84; margin-top:20px; }
.notice_table li{ float:left; line-height:70px; color:#fff; }

.notice_table li:nth-child(1){ width:15%; }
.notice_table li:nth-child(1) p{ width:120px; height:40px; line-height:40px; border-radius:5%; background:#fff; margin:15px; color:#2d2d2d; font-weight:600; }
.notice_table li:nth-child(1) p img{ vertical-align:middle; margin:0 15px; }


.notice_table li:nth-child(2){ width:70%; }
.notice_table li:nth-child(2) a{ display:block; color:#fff; }
.notice_table li:nth-child(3){ width:13%; text-align:right; margin-right:20px; }



.notice_table ul:nth-child(2){ margin-top:20px; }



.notice_btn{ width:100%; margin:0 auto; }

.notice_btn ul{ width:11.5%; margin:0 auto; }
.notice_btn li{ float:left; }
.notice_btn li button{ font-size:16px; color:#fff; }
.notice_btn li:nth-child(2){ border-bottom:1px solid #fff; margin:0 20px; }




/* notice1~ */



.sub_notice_content, .sub_notice_content2{ width:100%; background:url(../images/notice7.png) no-repeat center bottom; background-color:#000; }
.sub_notice_content_wrap{ width:1200px; margin:0 auto; padding-top:300px; }
.sub_notice_content_wrap table{ width:100%; color:#fff; border-collapse:collapse; }
.sub_notice_content_wrap tr:nth-child(1){ height:60px; line-height:60px; border-top:2px solid #7a7f84; font-weight:600; }
.sub_notice_content_wrap tr:nth-child(1) p:nth-child(1){ float:left; padding-left:20px; }
.sub_notice_content_wrap tr:nth-child(1) p:nth-child(2){ float:right; padding-right:20px; }

.sub_notice_content_wrap tr:nth-child(2){ border:1px solid #7a7f84; }
.sub_notice_content_wrap tr:nth-child(2) td{ padding:20px 0 200px 20px; }

.sub_notice_content_wrap>p{ margin-top:20px; }
.sub_notice_content_wrap p img{ vertical-align:middle; margin-right:10px; }
.sub_notice_content_wrap a{ color:#fff; }


/* notice1 */

.sub_notice_content{ height:1130px; }


/* notice2 */

.sub_notice_content2{ height:1800px; }
.notice2_content{ color:#fff; }
.notice2_content img{ width:500px; }
.notice2_content p{ line-height:30px; }
.notice2_content p:nth-child(1), .notice2_content p:nth-child(3), .notice2_content p:nth-child(5){ margin:20px 0; }


/* faq */

.sub_faq, .sub_faq2{ width:100%; }
.sub_faq{ height:1130px; background:url(../images/faq.png) no-repeat center; }

.sub_faq2{ background-color:#060608; padding:80px 0; }
.sub_faq2 dl{ width:1200px; margin:0 auto; }
.sub_faq2 dt{ height:60px; line-height:60px; color:#fff; font-size:20px; border-top:1px solid #7A7F84; border-bottom:1px solid #7A7F84; background:url(../images/faq3.png) no-repeat right center; cursor:pointer; }
.sub_faq2 dd{ display:none; color:#fff; padding:30px 0 30px 20px; }



/* terms, privacy */


.terms, .privacy{ width:100%; background-color:#000; color:#fff; }
.terms_wrap, .privacy_wrap{ width:1200px; margin:0 auto; padding:150px 0; }
.terms_wrap h3, .privacy_wrap h3{ font-size:50px; padding-bottom:20px; }
.terms_wrap h4, .privacy_wrap h4{ font-size:25px; padding:20px 0; }
.terms_wrap ol, .privacy_wrap ol{ padding:20px 0; }
.terms_wrap li, .privacy_wrap li{ line-height:30px; }