body{background-image:url("../img/bg_01.jpg");padding:0;margin:0}li{list-style:none}#headers{width:100%;height:100px;background-color:black;padding:0px;display:-webkit-box;display:-ms-flexbox;display:flex}#headers .headers_top{width:980px;margin:auto}#headers .headers_top p{right:4px;bottom:-10px;font-size:1.2rem;color:#e9bc29;padding:4px 6px;border-radius:3px;-webkit-box-shadow:0 8px 20px rgba(74,72,72,0.1);box-shadow:0 8px 20px rgba(74,72,72,0.1)}#main_data{margin:auto;width:980px}.data_main{width:980px;border:2px solid #d4d6cc}.data_main .main_menu{display:-ms-grid;display:grid;grid-auto-flow:dense;-ms-grid-rows:1fr 0.8fr 0.5fr;grid-template-rows:1fr 0.8fr 0.5fr;-ms-grid-columns:auto auto auto auto;grid-template-columns:auto auto auto auto;grid-gap:10px;padding:0 0 4px 0;-ms-grid-columns:(minmax(220px, 1fr))[auto-fill];grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))}.data_main .main_menu div{position:relative;border-radius:8px;border:2px solid rgba(6,6,7,0.5);-webkit-box-shadow:0px 4px 5px 0px 0.45,0px 1px 8px 0px var(--shadow-color),0px 2px 4px -1px var(--shadow-color);box-shadow:0px 4px 5px 0px 0.45,0px 1px 8px 0px var(--shadow-color),0px 2px 4px -1px var(--shadow-color);padding:2px}.data_main .main_menu div .style_ul1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0px}.data_main .main_menu div .style_ul1 .list_style0{font-size:0.8em;color:#f0f8ff;background-color:rgba(17,16,45,0.5);padding:2px 4px;border-radius:40px;letter-spacing:1px;-webkit-box-shadow:0 8px 20px rgba(74,72,72,0.1);box-shadow:0 8px 20px rgba(74,72,72,0.1)}.data_main .main_menu img{position:relative;height:150px;width:100%;right:4px;inset:0;bottom:-4px;border-radius:3px;-webkit-box-shadow:0 8px 20px rgba(74,72,72,0.1);box-shadow:0 8px 20px rgba(74,72,72,0.1)}.data_main .main_menu p{position:absolute;left:20px;top:40px;text-align:center;font-size:1.2em;font-weight:900;color:#e1fa04;background-color:rgba(17,16,45,0.3);border-radius:4px;-webkit-box-shadow:0 8px 20px rgba(74,72,72,0.1);box-shadow:0 8px 20px rgba(74,72,72,0.1)}.list_style1{width:80px;color:#f0f8ff;background-color:#e9a107;border-radius:30px;letter-spacing:1px;padding:2px 2px;font-size:0.6em;font-weight:500}.style_ul2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0px}.list_btn1{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.list_btn1 button{width:90px;color:#f0f8ff;padding:2px 2px;outline:0px;background-color:#336cd7;border:2px solid #336cd7;border-radius:50px;font-size:0.6em;font-weight:500;margin-left:3px;cursor:pointer;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.list_btn1 button:hover{background-color:#5a8be7;border:2px solid #97b1e2}#jl_bottom{width:100%;height:100px;background-color:black;border:solid 1px}#jl_bottom .jl_bottom_s{width:980px;margin:auto;position:relative}#jl_bottom .jl_bottom_s .jl_bottom_vs{width:100%;position:relative;top:70px}#jl_bottom .jl_bottom_s .jl_bottom_vs p{font-size:0.7em;text-align:center;bottom:10;color:#b8bcc0}.jl_class1{border:solid 1px;width:400px;height:400px;margin:0 auto;margin-top:50px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;-ms-grid-rows:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:10px;-webkit-transition:0.2s;transition:0.2s}.item:nth-child(1){background:#ff7a7a}.jl_class1:has(.item:nth-child(1):hover){-ms-grid-columns:2fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr;-ms-grid-rows:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr}.item:nth-child(2){background:#ffd37a}.jl_class1:has(.item:nth-child(2):hover){-ms-grid-columns:2fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr;-ms-grid-rows:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr}.item:nth-child(3){background:#d3ff7a}.jl_class1:has(.item:nth-child(3):hover){-ms-grid-columns:2fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr;-ms-grid-rows:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr}.item:nth-child(4){background:#7aff7a}.jl_class1:has(.item:nth-child(4):hover){-ms-grid-columns:2fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr;-ms-grid-rows:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr}.item:nth-child(5){background:#7affd3}.jl_class1:has(.item:nth-child(5):hover){-ms-grid-columns:2fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr;-ms-grid-rows:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr}.item:nth-child(6){background:#7ad3ff}.jl_class1:has(.item:nth-child(6):hover){-ms-grid-columns:2fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr;-ms-grid-rows:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr}.item:nth-child(7){background:#7a7aff}.jl_class1:has(.item:nth-child(7):hover){-ms-grid-columns:2fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr;-ms-grid-rows:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr}.item:nth-child(8){background:#d37aff}.jl_class1:has(.item:nth-child(8):hover){-ms-grid-columns:2fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr;-ms-grid-rows:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr}.item:nth-child(9){background:#ff7ad3}.jl_class1:has(.item:nth-child(9):hover){-ms-grid-columns:2fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr;-ms-grid-rows:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr}.jl0{background-color:yellow;border:solid 1px}.jl0 span{width:200px;margin-left:2px;border:solid 1px;border-radius:8px;color:red}