header{box-shadow:0 .125rem .25rem rgba(0,0,0,.075);background-color:rgba(0,0,0,1)}
header > div{display:flex;flex-wrap:wrap;padding-left:calc(1.5rem * .5);align-items:center;height:100%}
header > div > a{display:flex;align-items:center;padding:.5rem 1rem .5rem 0;text-align:center}
header > div > a > img{width:30px;height:30px}
header > div > a > p{font-size:1rem;font-weight:bold;color:#f0b90b;padding-left:.25rem}
nav{display:block;height:100%}
nav > ul{position:relative;display:flex;height:100%}
nav > ul > li{padding:0 .5rem;text-align:center;color:#fff;display:flex;align-items:center}
nav > ul > li > a{color:#fff}
header > div > div:nth-child(3){margin-left:auto}
header > div > div:nth-child(3) > a{padding:.375rem .5rem;border:1px solid #dee2e6;margin-right:1rem;font-size:13px;border-radius:0.375rem;display:inline-block;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;line-height:1.5;font-weight:400;color:#fff}
header > div > div:nth-child(3) > i{display:inline-block;width:18px;height:12px;background:url(../images/menu_btn.png) no-repeat;background-size:18px 12px;margin-right:10px}

.top_box_1{margin:0 auto;padding-top:1rem;margin-bottom: 10px;}
.top_box_1 > div{display:flex;flex-wrap:wrap;margin-top:.25rem}
.top_box_1 > div > div{}
.top_box_1 > div > div:nth-child(1){max-width:100%;padding-right:calc(1.5rem * .5);padding-left:calc(1.5rem * .5);margin-top:0}
.top_box_1 > div > div:nth-child(1) > p{line-height:1.5}
.top_box_1 > div > div:nth-child(1) > p:nth-child(1){font-weight:bold;color:#212529;font-size:clamp(15.54px,0.971rem + ((1vw - 3.2px) * 2.595),40.32px)}
.top_box_1 > div > div:nth-child(1) > p:nth-child(2){color:#f0b90b;font-weight:bold;font-size:clamp(37px,2.31rem + ((1vw - 3.2px) * 2.595),96px)}
.top_box_1 > div > div:nth-child(1) > p:nth-child(3){font-weight:bold;font-size:clamp(37px,2.31rem + ((1vw - 3.2px) * 2.595),96px);color:#212529}
.top_box_1 > div > div:nth-child(1) > p:nth-child(4){font-weight:bold;font-size:clamp(15.54px,0.971rem + ((1vw - 3.2px) * 2.595),40.32px);color:#f0b90b}
.top_box_1 > div > div:nth-child(1) > div:nth-child(5){display:flex;justify-content:flex-start;align-items:center}
.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > a,.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > span{display:flex;position:relative;border:1px solid #dee2e6;justify-content:center;align-items:center;margin:1rem .25rem;padding:.5rem;color:#fff;background-color:#000;border-radius:.375rem;cursor:pointer;padding-right:1rem}
.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > a > i,.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > span > i{display:inline-block;width:2rem;height:2rem}

.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > a > i.apple,.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > span > i.apple{background:url('../images/ico_apple.png') no-repeat;background-size:26px 32px;position:relative;top:-2px}
.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > a > i.android,.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > span > i.android{background:url('../images/ico_android.png') no-repeat;background-size:28px 32px;position:relative;top:-1px}
.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > a > i.pc,.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > span > i.pc{background:url('../images/ico_pc.png') no-repeat;background-size:40px 32px;position:relative;top:-1px;width:40px;margin-right:5px}
.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > a > i.arr_rig,.top_box_1 > div > div:nth-child(1) > div:nth-child(5) > span > i.arr_rig{background:url('../images/arr_rig.png') no-repeat;background-size:23px 20px;position:relative;width:23px;margin-left:5px;height:20px;left:5px}



.top_box_1 > div > div:nth-child(2){max-width:100%;margin-top:0;display:flex;justify-content:center;align-items:center;padding:0 1rem}
.top_box_1 > div > div:nth-child(2) > div{display:flex;width:100%;justify-content:center;align-items:center;padding-top:3rem;padding-bottom:3rem;background:url(../images/phone-wrap.png);background-size:100% 100%;background-repeat:no-repeat;border-radius:30px;overflow:hidden}
.top_box_1 > div > div:nth-child(2) > div video{flex:0 0 auto;width:83.33333333%}

.container{padding-left: calc(1.5rem * .5);padding-right: calc(1.5rem * .5);width: 100%;box-sizing: border-box;}
.slicing_box{margin-top: 3rem;margin-bottom: 3rem;border: 0;}
.idx_title_1{display: flex;position: relative;    align-items: center;    margin-bottom: .25rem;}
.idx_title_1 > p:nth-child(1){font-size: 1rem;width: auto;overflow: hidden;position: relative;padding: .8em 0 .8em 0;font-weight: bold;color: #212529;line-height: 1.2;margin-bottom: .5rem;}
.idx_title_1 > p:nth-child(1)::before{content: "";position: absolute;height: 3px;width: 65%;background-color: #f0b90b;bottom: 0;left: 17.5%;}
.idx_title_1 > a{font-size: .875em;position: absolute;color: rgb(108,117,125);right: 0;cursor: pointer;}

.top_box_2{margin:0 auto}
.top_box_2 > div{display:flex;flex-wrap:wrap;border:1px solid #dee2e6;border-radius:.375rem;box-sizing:border-box}
.top_box_2 > div > div{align-items:center;display:flex;max-width:100%;padding-right:calc(1.5rem * .5);box-sizing:border-box;flex:0 0 auto;width:100%;}
.top_box_2 > div > div:nth-child(1){padding-left:calc(1.5rem * .5);justify-content:flex-end;}
.top_box_2 > div > div:nth-child(1) > div{padding-top:3rem;padding-bottom:3rem;flex:0 0 auto;width:100%}
.top_box_2 > div > div:nth-child(1) > div > div{max-width:100%;margin:0 auto;background-color:rgb(248,249,250);border-radius:.375rem;padding:1rem}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1){margin-bottom:1rem}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul{}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul li{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-top:.25rem;padding-bottom:.25rem;cursor:pointer}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul li > div{flex:0 0 auto;width:41.66666667%;display:flex;align-items:center}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul li > div > img{margin-right:.5rem;width:35px;border-radius: 50%;}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul li > div > strong{font-weight:bold;color:#212529}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul li > div > span{color:rgb(108,117,125);padding-left:.25rem;font-size:.875em}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul li > span{font-weight:bold;color:#212529}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul li > em{font-weight:bold;color:#0ecb81}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul li > em.red{color:red}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(2){}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(2) > ul{display:flex;flex-wrap:wrap}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(2) > ul li{flex:0 0 auto;width:100%;margin-bottom:.5rem;padding:0;max-width:100%;list-style:none}
.top_box_2 > div > div:nth-child(1) > div > div:nth-child(2) > ul li > a{color:#000;width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top_box_2 > div > div:nth-child(2){}
.top_box_2 > div > div:nth-child(2) > img{flex: 0 0 auto;width: 100%;    cursor: pointer;}

.top_box_3{    width: 100%;    box-sizing: border-box;color: rgb(33,37,41);}
.top_box_3 > div{margin:2rem auto 0;}
.top_box_3 > div > p{margin-bottom: 1rem;    box-sizing: border-box;    text-align: center;    font-weight: bold;font-size: clamp(22.94px,1.44rem + ((1vw - 3.2px) * 2.5945),59.52px);color:rgb(33,37,41);line-height: 1.5;}
.top_box_3 > div > div:nth-child(2){margin-top: 3rem;margin-bottom: 3rem;color: #fff;display: grid;grid-gap: 3rem;grid-template-columns: repeat(1, 1fr);}
.top_box_3 > div > div:nth-child(2) > div{    display: flex;    box-sizing: border-box;justify-content: center;    align-items: center;background-color: #000;border-radius: .375rem;}
.top_box_3 > div > div:nth-child(2) > div > div{padding: 3rem}
.top_box_3 > div > div:nth-child(2) > div > div > p{}
.top_box_3 > div > div:nth-child(2) > div > div > p:nth-child(1){font-size:clamp(15.54px,0.971rem + ((1vw - 3.2px) * 2.595),40.32px);font-weight: bold;margin-bottom: 1rem;color: #fff;line-height: 1.5;}
.top_box_3 > div > div:nth-child(2) > div > div > p:nth-child(2){color: rgb(108,117,125);}
.top_box_3 > div > div:nth-child(2) > div > div > div:nth-child(3){    display: flex;justify-content: center;margin-top: 3rem;}
.top_box_3 > div > div:nth-child(2) > div > div > div:nth-child(3) > video{width: 100% }

.top_box_4{margin:0 auto;box-sizing:border-box}
.top_box_4 > p{font-size:clamp(22.94px,1.44rem + ((1vw - 3.2px) * 2.5945),59.52px);color:#000;font-weight:bold;margin-top:2rem;text-align:center;margin-bottom:1rem;line-height:1.5}
.top_box_4 > p img{width:clamp(22.94px,1.44rem + ((1vw - 3.2px) * 2.5945),59.52px);height:auto;position:relative;top:13px}
.top_box_4 > div{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0}
.top_box_4 > div > div{box-sizing:border-box;overflow:hidden;width:100%}
.top_box_4 > div > div > div{box-sizing:border-box}
.top_box_4 > div > div > div:nth-child(1),.top_box_4 > div > div > a:nth-child(1){display:flex;flex-wrap:wrap;position:relative;padding-top:1rem;padding-bottom:1rem;cursor:pointer;border-radius:.375rem}
.top_box_4 > div > div > div:nth-child(1) > span,.top_box_4 > div > div > a:nth-child(1) > span{font-weight:bold;background-color:#eaecef;padding:0;margin:0;display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;overflow:hidden;border-radius:5px;font-size:1rem !important;margin-right:calc(1.5rem * .5);margin-left:calc(1.5rem * .5);color:#212529}
.top_box_4 > div > div > div:nth-child(1) > p,.top_box_4 > div > div > a:nth-child(1) > p{flex:0 0 auto;width:83.33333333%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;font-size:clamp(16px,1rem + ((1vw - 3.2px) * 1.275),20.4px);color:#000;line-height:1.5}
.top_box_4 > div > div > div:nth-child(1) > i,.top_box_4 > div > div > a:nth-child(1)>i{border-radius:100%;color:#000;font-size:1.5rem;padding:0;margin:0;top:.5em;height:1.5em;width:1.5em;line-height:1.6em;text-align:center;background-color:#eaecef;position:absolute;right:1vw}


.top_box_4 > div > div > div:nth-child(2){width:83.33333333%;box-sizing:border-box;display:none}
.top_box_4 > div > div > div:nth-child(2) > p{padding:1rem 0 1rem 3rem;color:#212529;font-size:1rem}
.top_box_4 > div > div.open > div:nth-child(1) > i{background-color:#f0b90b}
.top_box_4 > div > div.open > div:nth-child(2){display:block}
.top_box_4 > div > div > div:nth-child(1):hover,.top_box_4 > div > div > a:nth-child(1):hover{background-color:#f8f9fa}

.top_box_5{width: 100%;margin: 0 auto;overflow: hidden;
    position: relative;color: #fff;background-color: #000;height: 378px;}
.top_box_5 > div{}
.top_box_5 > div:nth-child(1){position: absolute;width: 100%;bottom: 0;z-index: 50;}
.top_box_5 > div:nth-child(1) > div{    overflow: hidden;display: flex;width: 100%;height: 100%;    justify-content: center;align-items: center;}
.top_box_5 > div:nth-child(1) > div img{    overflow: hidden ;display: flex;width: 100%;    height: 100% ;justify-content: center;    align-items: center;}
.top_box_5 > div:nth-child(2){display: flex;position: relative;justify-content: center;height: 100%;align-items: center;padding-bottom: 3rem;z-index: 100;}
.top_box_5 > div:nth-child(2) > div{}
.top_box_5 > div:nth-child(2) > div >p{text-align: center ;}
.top_box_5 > div:nth-child(2) > div >p:nth-child(1){    margin-bottom: 1rem;font-weight: bold;font-size: clamp(22.94px,1.44rem + ((1vw - 3.2px) * 2.5945),59.52px);line-height: 1.5}
.top_box_5 > div:nth-child(2) > div >p:nth-child(2){line-height: 1.5;font-size:clamp(16px,1rem + ((1vw - 3.2px) * 1.275),21.12px);}
.top_box_5 > div:nth-child(2) > div >div:nth-child(3){    padding-top: 3rem;    text-align: center;}
.top_box_5 > div:nth-child(2) > div >div:nth-child(3) span{ color: #000;    display: inline-block;padding: .375rem 3rem;font-size: 1rem;font-weight: 400;    text-align: center;line-height: 1.5;background-color: #ffc107;border:1px solid #ffc107;border-radius: .375rem;cursor:pointer;}

.top_box_6{    width: 100%;margin: 0 auto;overflow: hidden ;
    position: relative;color: #fff;background-color: #000;}
.top_box_6 > div{    text-align: center}
.top_box_6 > div > p{margin-bottom: 1rem;}
.top_box_6 > div > p a{color: rgb(108,117,125);font-size: 1rem;line-height: 1.5;}

footer{border-top: 1px solid #dee2e6;padding-top: 1.5rem;padding-bottom: 1.5rem;color: #fff;background-color: #000;}
footer > div{margin: 0 auto;}
footer > div:nth-child(1){}
footer > div:nth-child(2){border-top: 1px solid #dee2e6; padding-top:10px;}

.about_box .idx_title_1 > p:nth-child(1){color:#fff}
.about_box > div{display:flex}
.about_box > div > div{}
.about_box > div > div:nth-child(1){}
.about_box > div > div:nth-child(2){display:flex}
.about_box > div > div:nth-child(2) > div{display:flex}
.about_box > div > div:nth-child(2) > div:nth-child(1){}
.about_box > div > div:nth-child(2) > div:nth-child(2){}
.about_box > div > div:nth-child(2) > div:nth-child(1) > div{width:50%}
.about_box > div > div:nth-child(2) > div:nth-child(2) > div{width:50%}
.about_box > div > div:nth-child(2) > div ul{margin-top:.5rem;display:flex;flex-wrap:wrap;list-style:none}
.about_box > div > div:nth-child(2) > div ul li{width:100%;margin-bottom:.25rem;cursor:pointer}
.about_box > div > div:nth-child(2) > div ul li span{color:#fff;line-height:1.5}

.about_box > div > div:nth-child(1) > ul{margin-top:.5rem;display:flex;flex-wrap:wrap;list-style:none}
.about_box > div > div:nth-child(1) > ul li{margin-bottom:.25rem;cursor:pointer;margin-right: .3rem}
.about_box > div > div:nth-child(1) > ul li > a{display: block;overflow: hidden;color: #fff;white-space: nowrap;text-overflow: ellipsis;}


body{overflow: unset;}
.dangling{margin: 0 auto;color:#fff;background-color: #000;position: -webkit-sticky;position: sticky;bottom: 0;z-index: 1020;}
.dangling > div{display: flex;align-items: center;cursor: pointer;}
.dangling > div img{margin: .2rem;padding: .5rem;width: 55px;height: auto;}
.dangling > div p{margin-right: 2rem;}
.dangling > div i{cursor: pointer;    right: 1vw;position: absolute;width: 1rem;height: 1rem;padding: .25em .25em;border-radius: .375rem;background:transparent url("../images/x_btn.png") center/1em auto no-repeat;background-color: #fff;background-size: 16px 16px;box-sizing: content-box;opacity: .5;z-index: 1021;}

.upTopBtn{position:fixed;right:25px;bottom:40%;opacity:.7;z-index:9999;background-color:rgb(33,37,41);padding:.375rem .75rem;color:#212529;font-size:1rem;cursor:pointer;vertical-align:middle;text-align:center;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display: none;}
.upTopBtn > i{display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#fff;position:relative;}
.upTopBtn > i::after{content:"";width:40px;height:40px;background:url(../images/icon_up.png) no-repeat;background-position:center center;background-size:12px 21px;position:absolute;display:inline-block;left:0;top:0}