#wrap { z-index: 5; }

/* section */
section >* {z-index: 3;}
section .title_box {padding-bottom: 0.5vw;font-size: 20px;font-weight: 500;}

.top_area {padding: 100px 8% 40px;width: 84%;background: linear-gradient(rgb(0 0 0 / 59%), rgb(0 0 0 / 0%)), url(/images/44/background-color.png) center / cover no-repeat;}

#about_area .video {width: 57%;margin: 0;}
#about_area .video .video_box iframe {border-radius:40px;}

/* detail_title */
.detail_title {position: relative;text-align: center; /* 水平置中 */     /* 垂直置中 */margin-top: 20px;}
.detail_title img{opacity: 0.6;filter: blur(0.5px);mix-blend-mode: screen;position: relative;top: 40px;left: 0;}
.detail_title title-image { display: block;max-width: 100%;height: auto;}
.detail_title .title{color: white;font-size:35px;text-shadow: 1px 1px 5px rgba(0,0,0,0.7);text-align: center;}
.text1{font-size:18px;text-align: center;margin-bottom: 70px;margin-top: 20px;line-height: 50px;}

/* _area */
#_area {display:flex;align-items: center;justify-content: center;padding: 40px;}

/* message_area */
#message_area{display:grid;grid-template-columns: 65% 33%;margin-top: 50px;justify-content: space-between;}
#message_area .new{display: grid;grid-template-columns: 41% 56%;justify-content: space-between;background: #2c3d5b;border-radius: 35px;padding: 25px;align-items: center;}
#pt_area img{height: 237px;object-fit: cover;border-radius: 20px;}
#pt_area iframe{width: 100%;aspect-ratio: 9/5;}
/* casino */ 
.casino{background:url(/images/44/logo3.png);background-repeat:no-repeat;background-position:100% 0%;margin-left:36px}
#message_area .casino h2{font-size:35px;margin-bottom:20px;font-weight:400}
#message_area .casino p{font-size:18px;line-height:1.7;margin-bottom:20px;letter-spacing:4px;font-weight:300}
#message_area p.math{font-size:30px;background:linear-gradient(to bottom,#2b3a52,#141A23  56%,#141A23  86%,#55617440 97%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.5);padding:4px 6px;border-radius:10px;letter-spacing:14px;text-align:center;font-weight:600}
.safeicon{display:grid;grid-template-columns:25% 70%;justify-content:space-between;border-radius:35px;padding:0px;align-items: center;}
.safeicon .safe{font-size:14px;letter-spacing:1px;font-weight:300}
.safeicon #link_btn svg{width:20px;height:20px}
#link_btn{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
#link_btn a{background:linear-gradient(to bottom,#33425f,#202b3f);border-radius:10px;width:2.8vw;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}
.video_box iframe{width:100%;aspect-ratio:4 /2.3}
.introduce{padding:2vh 0 12vh 0}
.introduce .workframe{width:min(80%,1280px)}
.introduce .content{display:grid;grid-template-columns:repeat(4,1fr);gap:80px}
.introduce .content .item{position:relative}
.introduce .content .item h3 {font-size:26px;font-weight: 400;}
.introduce .content .item .stat .number {font-size: 4.8vw;line-height: 80%;display: flex;align-items: baseline;color:#cb9057;font-weight: 500;}
.introduce .content .item .stat .number span{font-size:20px;}
.introduce .content .item .stat .number .title {font-size:20px;}
.introduce .content .item .unit {color:#cb9057}
.introduce .content .item .desc .dot {font-size:16px;}
.introduce .content .item .line01{width: 1px;height: 100px;background-color: #FFF;}
.introduce .stat{display: flex;flex-direction: row;padding: 12px 0 27px 0;gap: 20px;align-items: flex-end;}
.introduce .content .item::before {content: "";display: inline-block;width: 1px;height: 170px;position: absolute;right: -40px;bottom: 20px;background: rgb(52 63 84);}
.introduce .content .item:last-child::before {display: none;}

/* product_sub_list */
#product_sub_list >div { margin: auto; width: 100%; }
#product_sub_list li { width: 210px; }
#product_sub_list li .clip { height: 210px; -webkit-clip-path: url(#clip_sub_product); clip-path: url(#clip_sub_product); }
#product_sub_list li h3 { font-weight: 300; }

/* product_list */
#product_area{padding:10px 0  70px 0}
#product_area .atag_item{z-index: 0;}
#product_area:before{content:"";position: absolute;width: 100%;height: 100%;background: linear-gradient(to bottom, #1c2537, #141a2340 16%, #232b3a75 36%, #141a234d 86%, #55617440 97%);z-index: 1;top: 0;}
#product_area .productItem{padding: 0;}
#product_area  .progap{display: flex;flex-direction: column;gap: 40px;}
#product_area .productItem h2{text-align:center;letter-spacing:1px;margin-bottom:30px;font-size:1.8rem;padding: 30px 0;}
#product_area .clip{margin: 0 5px;text-align:center;aspect-ratio: 2 / 2.4;}
#product_area .clip img{object-fit:cover}

.product_list {padding: 0;}
.product_list ul {display: flex;flex-direction: column;}
.product_list li .info_box {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 367 228'%3E%3Cpath d='M367.78 126C374 16.84 244.78 11.74 169 1.62c-30.92-4.22-65.18-.49-89.25 18.28-10.07 8.27-21.49 9.51-30.69 14.7-10.8 7-24 26.55-31.88 38.77-20.79 30.78-25.12 73.93 3.58 101.93 42.82 40.82 125.08 59.41 182.75 51.15 18.44-2.61 31-8 48.42-10.85 17.13-1.86 30.89-3.56 48.43-10.85 33.48-12.81 54.43-40.22 67.42-78.75z' fill='%23f4ece5'/%3E%3C/svg%3E") no-repeat center / 100%; bottom: 0; left: 0; }
.product_list li .info_box >div { margin: auto; width: 80%; }
.product_list li .info_box h3 { height: auto; font-size: 20px; }
.product_list li .info_box p { margin-right: 10px; font-weight: 300; }
.product_list li .info_box p:first-letter { margin-right: 2px; font-size: 12px; }
.product_list *{transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;}
/* about_area */
#about_area {padding: 8vw 0 3vw 0;z-index: 5;}
#about_area .title_box { padding-bottom: 0; }
#about_area .area_title h1{font-size: 35px;text-align: center;margin-bottom: 20px;}
#about_area .area_title p {margin-bottom: 50px;line-height: 150%;letter-spacing: 2px;font-weight: 400;text-align: center;color: #cb9057;font-size: 25px;}
#about_area .nowrap_box{gap:30px;display:flex;justify-content:space-between;align-items:flex-start;width:min( 80%,1440px )}
#about_area .nowrap_box .info_item{width:490px;margin:0}

/* custom_area */
#custom_area .parallax_svg.top { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M1440 64V16.67c-90 24.285-138.35 6.45-203.49-2.259-59.67-7.998-119.29 10.198-179.14 5.869-78.82-5.09-135.28-41.99-217.6-1.58C797.82 34.596 776 42.875 718.33 38.326c-164.07-15.317-329.57 33.862-490.92 5.169C150.6 31.857 79.33-8.834 0 16.62V64h1440z' fill='%23E2CEBC'/%3E%3C/svg%3E"); }
#custom_area .parallax_svg.bottom { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 0v47.33c90-24.285 138.35-6.45 203.49 2.259 59.67 7.998 119.29-10.198 179.14-5.869 78.82 5.09 135.28 41.99 217.6 1.58C642.18 29.403 664 21.125 721.67 25.674c164.07 15.317 329.57-33.862 490.92-5.169C1289.4 32.143 1360.67 72.834 1440 47.38V0H0z' fill='%23E2CEBC'/%3E%3C/svg%3E"); }
#custom_area ul li >div { margin: auto; width: 70% }
#custom_area ul li .clip { width: 250px; height: 250px; -webkit-clip-path: url(#clip_custom); clip-path: url(#clip_custom); }
#custom_area ul li h3 { margin: 10px 0 5px; font-size: 20px; }
#custom_area ul li article { font-weight: 300; font-size: 14px; }

/* news_area */
#news_area li {border-bottom: 1px solid rgb(255 255 255 / 10%);}
#news_area li .img_box , #book_area li .img_box { border-radius: 15px; background-color: #f9f9f9; }
#news_area li .info_box {margin: 10px 0;display: grid;grid-template-columns: 85px 1fr 50px;align-items: center;gap: 15px;}
#news_area li .time { width: 65px; font-weight: 400; font-size: 13px; }
#news_area li .more_btn {padding: 2px 15px;height: 22px;font-weight: 100;font-size: 13px;z-index: 6;border-radius: 6px;}
#news_area li h3 {line-height: 180%;font-size: 16px;font-weight: 400;}
#news_area li .Nmore{
    position: relative;
    display: flex;
    justify-content: flex-end;
}
#news_area li .Nmore span{position: absolute;font-size: 12px;top: 50%;left: -50%;transform: translate(-50%, -50%);width: 40px;opacity: 0;}
#news_area li:hover .Nmore span{     left: 30%;   opacity: .6;}
#news_area li .Nmore svg{fill:#fff}
.content .item{display:flex;font-size: 17px;flex-direction: column;}

/* photo_area */
#photo_area .item { width: 260px; height: 110px; }
#photo_area .item img { height: 100%; }


@media screen and (max-width: 1440px){
	#about_area .about_sub_1 , #about_area .about_sub_2 , #about_area .about_sub_3 { width: 20vw; }
	#message_area .new {grid-template-columns: 370px 50%;}
	#_area img {height: auto;max-height: 237px;}
	.top_area{width: 90%;padding: 80px 5% 0;}
	#link_btn{gap: 5px;}
	#message_area{margin-top:30px}
	#message_area p.math{font-size: 1.4rem;letter-spacing: 12px;}
}
@media screen and (max-width: 1280px){
	#message_area .new{grid-template-columns:300px 50%;gap:20px}
	.content .item h3{padding:0 0 20px 0;font-size}
	.stat{padding:20px 0}
	.casino{background:url(/images/44/logo3.png);background-repeat:no-repeat;background-position:100% 0%}
	#message_area p.math{letter-spacing:9px}
	#message_area .casino h2{font-size:24px;margin-bottom:10px}
	.introduce .content{grid-template-columns:repeat(2,1fr);gap:40px 40px}
	.introduce .content .item:nth-child(2)::before{display:none}
}
@media screen and (max-width: 1024px){
	#message_area .new{grid-template-columns:41% 56%;gap:20px}
	#message_area{display:flex;flex-direction:column-reverse}
	.safeicon{margin:20px 0;grid-template-columns:1fr;gap:20px}
	#link_btn{gap:13vw}
	#link_btn a{width:100%}
	.safeicon #link_btn svg{width:25px;height:25px}
	.pos_rel ul li h3{margin:0px;font-size:20px}
	.product_list{margin:auto}
	#news_area li h3{height:30px;-webkit-line-clamp:1}
	.content{display:grid;grid-template-columns:repeat(2,1fr)}
	.introduce .content .item:nth-child(2)::before{display:none}
	#product_area .productItem{padding:15px 0}
	#product_area .productItem h2{margin-bottom:10px;font-size:1.6rem}
	.product_list ul{}
	#about_area .area_title h1{display:flex;align-items:center;justify-content:center;margin-top:7px;font-size:30px;line-height:160%}
	#about_area .nowrap_box{display:flex;flex-direction:column}
	#about_area .nowrap_box .info_item,#about_area .video{width:-webkit-fill-available}
	#about_area .arrowbtn{padding:10px}
	.casino{margin-left:0px}
}

@media screen and (max-width: 980px){
	#about_area #about_info { margin-bottom: 8vw; }
	#about_area .about_sub_2 { top: auto; bottom: 35vw; width: 35vw; }
	#about_area .about_sub_3 { width: 29vw; left: 10vw; }
	#message_area .new .casino{display:flex;}
	#about_area .nowrap_box{display:flex;gap: 60px;}
	.video {width:85%;}
	.video .video_box iframe {border-radius:40px;}
}
@media screen and (max-width: 768px){
	#product_sub_list >div{margin:10px auto 50px}
	#product_sub_list li{width:150px}
	#product_sub_list li .clip{height:150px}
	.product_list li .info_box{width:45vw;height:30vw}
	#message_area .new{display:flex;flex-direction:column;align-items:center;gap:50px;background:none;padding:25px 0}
	#message_area #pt_area{width:100%}
	#message_area #news_area{background:#2c3d5b;border-radius:26px;padding:20px;width:90%}
	#news_area ul li .info_box h3{font-size:16px;height:27px}
	#_area{flex-direction:column;gap:20px;padding:40px 20px 90px}
	.video{width:85%}
	.video .video_box iframe{border-radius:40px}
	.detail_title .title{font-size:28px}
	.content{flex-direction:column;align-items:center;justify-content:center;align-content:space-around;grid-template-columns:repeat(1,1fr);gap:15px}
	.content .item{disay:flex}
	.introduce .content .item .stat .number{font-size:60px}
	.introduce .content .item::before{width:100%;height:1px;bottom:-20px;right:0}
	.introduce .content .item:nth-child(2)::before,.introduce .content .item:nth-child(4)::before{display:block}
	.product_list ul{grid-template-columns:repeat(3,1fr)}
	.detail_title img{top:30px}
	#about_area .area_title,.text1{width:80%;margin:auto}
	.introduce .workframe{margin-top:50px}
	#about_area .introduce .detail_title .text1{line-height:2;width:80%;margin:auto}
	#about_area .area_title p{margin-bottom:0px}
	#pt_area img{height:100%;width:100%}
	#link_btn{gap:5vw}
}


@media screen and (max-width: 550px){
    .introduce .content{grid-template-columns:repeat(1,1fr)}
	#product_sub_list li{margin:10px;width:35vw}
	#product_sub_list li .clip{height:35vw}
	.product_list li .info_box{width:55vw;height:40vw}
	#about_area #about_img{width:80vw}
	#about_area .about_sub_2{bottom:60vw}
	#news_area li .row{margin:auto;width:280px}
	#news_area .casino .safeicon{display:flex}
	.casino{margin-left:0}
	#message_area .casino h2,#message_area .casino p{text-align:left}
	#message_area .casino .math{text-align:center}
}
@media screen and (max-width: 480px){
	#book_area li .row{margin:auto;width:250px}
	#news_area .casino .safeicon{display:flex}
	.product_list ul{grid-template-columns:repeat(2,1fr)}
}