* {margin: 0; padding: 0; box-sizing: border-box;}
html, body {width: 100%; height: auto; min-width: 1280px;}
body {background-color: #0a0100;}
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track {background: #051323;}
::-webkit-scrollbar-thumb {background: #771d26;}
.page-bg2 {width: 100%; min-width: 1280px; min-height:573px; background: url("bg02.jpg") no-repeat center top; position: absolute; top: 0; left: 0; z-index: -1;}
.container {width: 1280px; margin: 0 auto; position: relative;}
.logo-box {width: 175px; height: 88px; margin: 20px 0 0 0; background: url("logo.png") no-repeat left center; animation: logoFlash 0.8s ease forwards;}
@keyframes logoFlash {0% {opacity: 0; transform: scale(0.9);} 50% {opacity: 1; transform: scale(1.05);} 100% {opacity: 1; transform: scale(1);}}
.top-btn-wrap {position: absolute; top:0px; right: 0; display: flex; gap: 12px; z-index: 99;}
.top-btn {display: block; width: 79px; height: 14px; transition: filter 0.2s ease; text-decoration: none;}
.top-btn:hover {filter: brightness(1.2);}
.top-btn1 {background: url("top_btn1.png") no-repeat center;}
.top-btn2 {background: url("top_btn2.png") no-repeat center;}
.btn-wrap2 {width: 1200px; height:90px; margin:591px auto 0; position: relative; z-index: 2;}
.btn-wrap2 .btn-items {position: absolute;top: 0;width:240px;height:90px; background: url("btn_bar.png") no-repeat;text-decoration: none;}
.btn-wrap2 .btn-item1 {left: 0; background-position: 0 -0px;}
.btn-wrap2 .btn-item2 {left:240px; background-position: -240px -0px;}
.btn-wrap2 .btn-item3 {left:480px; background-position: -480px -0px;;}
.btn-wrap2 .btn-item4 {left:720px; background-position: -720px -0px;;}
.btn-wrap2 .btn-item5 {left:960px; background-position: -960px -0px;;}
.btn-wrap2 .btn-item1:hover,.btn-wrap2 .btn-item1.yes {left: 0; background-position: -0px -90px;}
.btn-wrap2 .btn-item2:hover,.btn-wrap2 .btn-item2.yes {left:240px; background-position: -240px -90px;}
.btn-wrap2 .btn-item3:hover,.btn-wrap2 .btn-item3.yes {left:480px; background-position: -480px -90px;}
.btn-wrap2 .btn-item4:hover,.btn-wrap2 .btn-item4.yes {left:720px; background-position: -720px -90px;}
.btn-wrap2 .btn-item5:hover,.btn-wrap2 .btn-item5.yes {left:960px; background-position: -960px -90px;}
.content-area {width: 100%; position: relative; z-index: 1;margin-top:80px;}
.content-bg-1 {width: 1225px; margin: 20px auto; background: url("01.png") no-repeat center top;}
.content-box-1 {width: 1280px; height:1200px; margin: 0 auto; position: relative;}
.content-bg-2 {width: 1280px; margin: 20px auto; background: url("02.png") no-repeat center top;}
.content-box-2 {width: 1280px; height:2200px; margin: 0 auto; position: relative;}
.content-box-2 .act-btn-1 {position: absolute; background: url("btn06.png") no-repeat center top;width:215px;height:42px;transition: filter 0.2s ease;right:60px;top:150px;text-decoration: none;}
.content-box-2 .act-btn-2 {position: absolute; background: url("btn06.png") no-repeat center top;width:215px;height:42px;transition: filter 0.2s ease;right:60px;top:1490px;text-decoration: none;}
.content-bg-3 {width: 1280px; margin: 20px auto; background: url("03.png") no-repeat center top;padding-top:100px;}
.content-box-3 {width: 1280px; height: 2000px; margin: 0 auto; position: relative;}
.content-box-3 .act-btn-1 {position: absolute; background: url("btn06.png") no-repeat center top;width:215px;height:42px;transition: filter 0.2s ease;right:60px;top:150px;text-decoration: none;}
.content-box-3 .act-btn-2 {position: absolute; background: url("btn06.png") no-repeat center top;width:215px;height:42px;transition: filter 0.2s ease;right:60px;top:150px;text-decoration: none;}
.content-box-3 .act-btn-3 {position: absolute; background: url("btn06.png") no-repeat center top;width:215px;height:42px;transition: filter 0.2s ease;right:60px;top:150px;text-decoration: none;}
.tab-wrap{width:100%;}
.tab-nav{display:flex;margin-top:0px;margin-left:40px;margin-bottom:24px;gap:0px;}
.tab-item{flex:0 0 399px;height:89px;line-height:89px;text-align:center;font-size:20px;color:#fff;background:url(btn07.png) no-repeat center;cursor:pointer;transition:all 0.2s;}
.tab-item.active{color:#ffd464;font-weight:bold;}
.tab-panel{display:none;}
.tab-panel.active{display:block;}
.content-bg-4 {width: 1280px; margin: 20px auto; background: url("04.png") no-repeat center top;}
.content-box-4 {width: 1280px; height:1102px; margin: 0 auto; position: relative;}
.content-bg-5 {width: 1280px; margin: 20px auto; background: url("05.png") no-repeat center top;}
.content-box-5 {width: 1280px; height:1700px; margin: 0 auto; position: relative;}