body,table{font-family:Arial,sans-serif;font-size:12px}.container::after,.containerLeft::before,.content::after,.welcome::after{content:''}.tab-content table,table{border-collapse:collapse}@font-face{src:url(../img/BebasNeue.otf);font-family:BebasNeue}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0;color:#e0e6ff;background:url(../img/bg.jpg) center top no-repeat;background-color:#0a0e1f;}#pagemenu a:hover,.action a,.action span.anchor,.block-link,.pages .page-next,.pages .page-prev,.shop-item-action a,.shop-item-action a:hover,.toggler a,a,a:hover{color:#00d4ff;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border:0}.sortable,.sortable:hover{color:#00d4ff}button,input{outline:0;border:0}table{border-spacing:0}h1,h2,h3{font-family:BebasNeue;color:#00d4ff;line-height:1;margin:10px 0;text-shadow:0 0 10px rgba(0,212,255,0.5);letter-spacing:1px;font-size:22px;font-weight:400;border:0}.container,.topBar{width:995px;margin:0 auto}input[type=file],input[type=password],input[type=text],textarea{font-family:Arial,sans-serif}.topBar{height:68px;background:url(../img/topBg.png) center top no-repeat;position:relative}.topBar .onlineStatus,.topBar .playerOnline,.topBar .serverTime{position:absolute}.topBar .onlineStatus{width:76px;height:22px;text-align:center;top:10px;left:91px;padding-top:3px;color:#00ff88;}.topBar .playerOnline{width:70px;height:18px;text-align:center;top:11px;left:auto;right:218px;line-height:18px;font-size:14px;color:#00ff88;}.topBar .serverTime{width:84px;height:18px;top:11px;left:auto;right:49px;color:#00d4ff;text-align:center;}.header{height:364px;position:relative}.logo{position:absolute;top:12px;left:calc(50%);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}.container::after,.content::after{clear:both;display:block}.containerLeft{width:230px;height:784px;background:url(../img/leftBg.png) center top no-repeat;float:left;position:relative;z-index:10;margin-top:-43px}.containerLeft::before{width:248px;height:135px;background:url(../img/poring.png) center top no-repeat;position:absolute;top:-15px;left:-15px}.containerMiddle{width:626px;min-height:1px;float:left;margin-left:-47px}.containerRight{width:205px;height:552px;background:url(../img/rightBg.png) center top no-repeat;float:left;margin-left:-20px;margin-top:14px}.contentBottom,.contentInner,.contentTop{width:626px;float:left}.contentTop{height:90px;background:url(../img/contentTop.png) center top no-repeat}.contentInner{min-height:714px;background:url(../img/contentInner.png) center top repeat-y;padding:0 33px;color:#c8d5ff;}.contentInner.mainindex{padding:0;height:714px}.contentBottom{height:74px;background:url(../img/contentBottom.png) center top no-repeat}.footer{height:108px}.no-list li,ul.no-list{padding:0;margin:0;list-style:none}.database-search form,.slider{margin:0 auto;position:relative}.left-navigation{height:370px}.left-navigation ul{width:141px;position:relative;top:133px;left:37px}.left-navigation ul li{font-family:BebasNeue;font-size:25px;line-height:1;border-bottom:1px solid rgba(0,212,255,0.3);}.accountPanel table tr td span,.generic-form,.generic-form-div,.left-navigation ul li span,.tab-content,.woe_countdown{font-family:Arial,sans-serif}.left-navigation ul li a{display:block;line-height:18px;text-align:right;padding:7px 8px 5px 5px;color:#00d4ff;}.navigation,.pvp-rankings table tr td:last-child{text-align:center}.left-navigation ul li span{display:block;font-size:10px;line-height:10px;color:#8aa8ff;}.left-navigation ul li:last-child{border-bottom:0;padding-top:6px}.left-navigation ul li:last-child a{line-height:25px}.left-navigation ul li:first-child a{background:url(../img/left-nav-item-icons.png) 16px 6px no-repeat}.left-navigation ul li:nth-child(2) a{background:url(../img/left-nav-item-icons.png) 16px -36px no-repeat}.left-navigation ul li:nth-child(3) a{background:url(../img/left-nav-item-icons.png) 16px -82px no-repeat}.left-navigation ul li a:hover{color:#ff00ff;background-position-x:20px}.database-search{height:103px}.database-search form{width:142px;height:37px;top:34px}.database-search form input[type=text]{width:111px;height:25px;background:url(../img/search-input-bg.png) center top no-repeat;outline:0;border:0;color:#00d4ff;float:left;font-size:11px;padding:0 7px}.database-search form input[type=submit]{width:31px;height:26px;background:url(../img/search-btn.png) center top no-repeat;display:block;font-size:0;float:left;cursor:pointer}.select-db a{width:49px;height:10px;float:left;overflow:hidden;display:block}.select-db a img{position:relative;top:0;left:-65px}.select-db a:last-child{width:64px}.select-db a:last-child img{left:0}.select-db a.active img{top:-15px}.pvp-rankings{height:315px}.pvp-rankings table{width:166px;color:#00d4ff;position:relative;top:136px;left:25px;font-size:11px}.pvp-rankings table tr{background:url(../img/ranking-tr-bg.png) center bottom no-repeat}.pvp-rankings table tr td{height:25px;vertical-align:middle;white-space:nowrap}.pvp-rankings table tr:hover{background-position:top center}
.navigation{width:459px;height:40px;position:relative;left:81px;top:36px}
.navigation ul{display:inline-block}
.navigation ul li a{display:block;padding:10px 0}
.navigation ul li a img{position:relative;left:0;top:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.navigation ul li{width:56px;float:left}
.navigation ul li:first-child{width:40px}
.navigation ul li:nth-child(2){width:78px}
.navigation ul li:nth-child(2) img{left:-41px}
.navigation ul li:nth-child(3){width:66px}
.navigation ul li:nth-child(3) img{left:-220px}
.navigation ul li:nth-child(4){width:68px}
.navigation ul li:nth-child(4) img{left:-286px}
.navigation ul li:nth-child(5){width:48px}
.navigation ul li:nth-child(5) img{left:-356px}
.navigation ul li a:hover img{top:-2px}
/* ===== SLIDE FRAME ===== */
.slider{
  width: 100%;
  max-width: 605px;
  height: 180px;
  margin: 0 auto;
  background: url("../img/slideBg.png") center top no-repeat;
  background-size: 93% 91%;
  position: relative;
  overflow: hidden;
}

/* ===== SLIDES AREA ===== */
.slides {
  position: absolute;

  top: 15px;               /* ขยับขึ้นเล็กน้อย */
  left: 30px;

  width: calc(100% - 60px);
  height: calc(100% - 50px); /* 🔥 เพิ่มความสูงเล็กน้อย */

  border-radius: 6px;
  overflow: hidden;
  background: #000;
}

/* รูปภาพภายใน */
.slides img {
  width: 100%;
  height: 100%;
  object-fit: cover;           /* ทำให้เต็มกรอบ */
  object-position: top center; /* ตั้งต้นจากด้านบน */
  filter: contrast(1.05) saturate(1.1);
}


.slides::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow: inset 0 0 25px rgba(0,0,0,0.6);
  pointer-events:none;
}


/* ===== PAGER ===== */
.slider-pager{
  width: 86px;
  height: 24px;
  background: url("../img/slideNavBg.png") center top no-repeat;
  position: absolute;
  left: 28px;
  bottom: 22px;
  z-index: 200;
  padding: 7px;
}

.featured-item,.featured-items,.indexPage,.news-section,.video iframe{position:relative}
.slider-pager span{width:12px;height:12px;background:url(../img/slide-nav-inactive.png) center top no-repeat;display:inline-block;font-size:0;float:left;margin:0 1px;white-space:nowrap;cursor:pointer}.slider-pager span.cycle-pager-active{background:url(../img/slide-nav-active.png) center top no-repeat}.featured-item{width:561px;height:148px;background:url(../img/featured-item-bg.png) center top no-repeat;margin:-19px auto 0;z-index:110}.featured-items{width:545px;height:100px;top:36px;left:8px;padding:0 26px;overflow:hidden}.featured-items img{margin:0 12px}.welcome{width:561px;margin:4px auto}.welcome::after{display:block;clear:both}.video{width:297px;height:173px;float:left;background:url(../img/videoBg.png) center top no-repeat}.welcomeText{width:264px;float:left;color:#c8d5ff;padding-left:5px}.welcomeText h2{font-style:italic;padding-left:5px;color:#00d4ff;}.welcomeText p{line-height:1.3;font-size:11px;padding:0;margin:0}.video iframe{width:281px;height:157px;left:8px;top:8px;border-radius:4px}.news-section{width:561px;height:281px;background:url(../img/newsBg.png) center top no-repeat;margin:-5px auto 0}.indexPage{z-index:12;margin-top:-28px}.news{width:356px;height:194px;position:absolute;top:68px;right:31px}.tab li,.tab ul{padding:0;margin:0;list-style:none}.tab ul::after{clear:both;display:block;content:""}.left-navigation ul li::before,.message_nav::after,.navigation ul li::before{content:''}.tab-links{height:20px;text-align:right}.tab ul{float:right;width:131px;height:23px}.tab li{line-height:1;float:left;border-right:1px solid rgba(255,255,255,0.2);text-align:center}.tab li:last-child{border:0}.tab li a{display:block;font-size:10px;padding:0 10px;color:#8aa8ff;line-height:1}.tab li a.active{color:#00ff88}.tab-content{font-size:11px;padding:12px 6px;color:#c8d5ff;}.tab-content table{width:100%}.tab-content table tr td{vertical-align:middle;font-size:11px}.tab-content table tr td a{display:block;line-height:1;color:#00d4ff;}.tab-content table tr td:nth-child(1){padding:0}.tab-content table tr td:nth-child(2){text-align:left}.woe .tab ul li{height:23px;background:rgba(0,20,60,.7)}.news .tab-links ul{width:auto;height:20px}.tab-content table tr td:last-child{padding-right:10px;text-align:right;background:0 0;color:#ff00ff}.hidden{display:none}.accountPanel{height:261px;padding:50px 18px 0}.accountPanel table tr td span{display:block;font-size:10px;text-align:left;color:#8aa8ff;padding:3px 0}input.inputPassword,input.inputUsername{width:168px;height:32px;background:url(../img/usernameBg.png) center top no-repeat;border:0;outline:0;padding:0 0 0 40px;color:#00d4ff}input.inputPassword{background:url(../img/passwordBg.png) center top no-repeat}.accountBtns,.accountBtns a{text-align:right;color:#8aa8ff;padding:4px 0;font-size:10px}input.loginBtn{width:161px;height:43px;overflow:hidden;background:url(../img/loginBtn.png) center top no-repeat;margin:5px auto 0;display:block;cursor:pointer}input.loginBtn:hover{background-position:bottom center}.logged p{height:140px}.logged,.logged p a{color:#8aa8ff}.logged>a{width:50%;border-radius:2px;display:inline;background:#00d4ff;padding:6px 10px;text-align:center;color:#0a0e1f;}.woe-block{height:295px;position:relative}.next-woe{width:162px;height:73px;top:41px;left:23px;position:relative}.next-woe .castle-name{width:98px;height:15px;line-height:15px;text-align:center;text-transform:uppercase;position:absolute;top:2px;left:30px;color:#00d4ff;font-size:10px}.top-castle img{position:absolute;top:148px;left:92px}.guild-buttons{position:absolute;left:24px;bottom:12px}.guild-buttons a{width:161px;height:37px;display:block;overflow:hidden;margin-bottom:5px}.guild-buttons a img{position:relative;top:0;left:0}.guild-buttons a:nth-child(2) img{top:-45px}.guild-buttons a:hover img{left:-167px}.quicklinks{margin-top:10px}.quicklinks ul{width:195px;display:block;margin:0 auto}.quicklinks ul li{width:195px;height:54px;overflow:hidden;margin-bottom:4px}.quicklinks ul li a{display:block}.quicklinks ul li a img{position:relative;top:0;left:0}.quicklinks ul li:nth-child(2) a img{top:-59px}.quicklinks ul li:nth-child(3) a img{top:-117px}.quicklinks ul li:hover a img{left:-221px}.footer .container{width:620px;padding-top:28px}.copyrights{width:410px;float:left;color:#8aa8ff;text-align:center;font-size:10px;padding-top:15px}.copyrights a{color:#00d4ff;font-weight:700}.credits{width:210px;float:left}.woe_countdown{font-size:20px;color:#00d4ff;text-align:center;padding:30px 0 0 15px;height:73px;text-shadow:0 0 10px rgba(0,212,255,0.5);}.woe_countdown span{padding:0;line-height:1;position:relative;float:left}.woe_countdown span em{display:block;font-size:8px;width:100%;text-align:center;text-transform:uppercase;color:#8aa8ff;padding-top:5px}.woe_countdown span.colon{padding:0 3px}.generic-form,.generic-form-div{background:rgba(10,20,50,0.8);border:1px solid rgba(0,212,255,0.3);color:#c8d5ff;}.generic-form button[type=submit],.generic-form input[type=submit]{display:inline;color:#fff;background:#00d4ff;background:-moz-linear-gradient(top,#00d4ff 0,#0088ff 52%,#00d4ff 100%);background:-webkit-linear-gradient(top,#00d4ff 0,#0088ff 52%,#00d4ff 100%);background:linear-gradient(to bottom,#00d4ff 0,#0088ff 52%,#00d4ff 100%);border:1px solid #0088ff;padding:4px 5px;outline:0;cursor:pointer;text-transform:uppercase;border-radius:2px;box-shadow:0 0 10px rgba(0,212,255,0.3);}.extra-buttons ul li a,.social-icons ul li a{display:block}#adminmenu,#pagemenu,#submenu{background:rgba(10,20,50,0.8);border-radius:2px;padding:5px;margin-bottom:2px;color:#00d4ff;border:1px solid rgba(0,212,255,0.3);margin-top:0}#adminmenu a,#pagemenu a,#submenu a{color:#00d4ff}.horizontal-table,.vertical-table{width:100%;border-collapse:collapse}.horizontal-table th,.vertical-table th{background:rgba(10,20,50,0.9);border-color:rgba(0,212,255,0.3);color:#00d4ff}.horizontal-table td,.info-text,.shop-table td,.vertical-table td{background:rgba(10,20,50,0.6);border-color:rgba(0,212,255,0.2);color:#c8d5ff;}.shop-item-name{border-color:rgba(0,212,255,0.3)}.shop-item-cost-qty{color:#00ff88}#footer{width:880px;height:175px;margin:0 auto;padding-top:112px}.footerLeft{width:170px;float:left}.footerCenter{width:550px;float:left;text-align:center}.pages{color:#00d4ff;border-color:#00d4ff}.adjust{width:560px;overflow:auto}.message_nav::after{clear:both;display:block}.action{color:inherit}.extra-buttons{width:474px;height:113px;overflow:hidden;position:absolute;left:50%;bottom:-25px;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}.extra-buttons ul li{width:183px;height:113px;overflow:hidden;float:left}.extra-buttons ul li:nth-child(2){width:108px}.extra-buttons ul li img{position:relative;top:0;left:0}.extra-buttons ul li:nth-child(2) a img{left:-185px}.extra-buttons ul li:nth-child(3) a img{left:-293px}.extra-buttons ul li a:hover img{top:-122px}.social-icons{position:fixed;top:200px;right:20px;z-index:300}.social-icons ul li{width:70px;overflow:hidden;height:67px;margin-bottom:3px}.social-icons ul li a img{position:relative;top:0;left:0}.social-icons ul li:nth-child(2) a img{top:-72px}.social-icons ul li:nth-child(3) a img{top:-143px}.navigation{overflow:inherit}.navigation ul li{overflow:inherit;position:relative}.navigation ul li a{overflow:hidden}.navigation ul li::before{width:35px;height:40px;position:absolute;top:-30px;left:calc(50% - 17px);background:url(../img/nav-hover.png) center top no-repeat;display:block;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.navigation ul li:hover::before{opacity:1}.left-navigation ul li{position:relative}.left-navigation ul li::before{width:45px;height:32px;position:absolute;top:0;left:-35px;background:url(../img/left-nav-hover.png) center top no-repeat;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.left-navigation ul li:hover::before{opacity:1}.left-navigation ul li:last-child::before{display:none}.message{background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.3);color:#00d4ff;padding:10px;border-radius:3px;}.error{background:rgba(255,0,100,0.1);border:1px solid rgba(255,0,100,0.3);color:#ff0066;}input[type=text],input[type=password],textarea,select{background:rgba(10,20,50,0.6);border:1px solid rgba(0,212,255,0.3);color:#00d4ff;padding:5px;}input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:#00d4ff;box-shadow:0 0 5px rgba(0,212,255,0.5);}
/* ===== DOWNLOAD PAGE FIX ===== */
.download-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 30px 20px;
  color: #222;
}

.download-title {
  text-align: center;
  font-size: 28px;
  color: #00cfff;
  margin-bottom: 8px;
}

.download-subtitle {
  text-align: center;
  color: #555;
  margin-bottom: 30px;
}

/* FULL BOX */
.download-box {
  background: #fff6dc;
  border: 2px solid #d1b066;
  border-radius: 14px;
  padding: 25px;
  text-align: center;
}

/* กันธีมบังคับสีลิงก์ */
.download-box a {
  color: inherit !important;
  text-decoration: none !important;
}

.desc {
  margin: 15px 0 25px;
  line-height: 1.6;
}

/* ปุ่ม */
.download-action {
  display: flex;
  justify-content: center;
}

/* ===== CYBER BUTTON (VISIBLE FIX) ===== */
.download-btn {
  display: inline-block;
  width: 100%;
  max-width: 420px;
  padding: 16px 40px;

  font-size: 18px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;

  /* TEXT COLOR ชัด */
  color: #ffffff;
  text-shadow:
    0 0 6px rgba(0,255,255,0.9),
    0 0 12px rgba(0,180,255,0.8);

  /* BACKGROUND */
  background: linear-gradient(135deg, #050b2e, #0b1a55);
  border: 2px solid #00f6ff;
  border-radius: 40px;

  box-shadow:
    0 0 18px rgba(0,246,255,0.9),
    inset 0 0 14px rgba(0,246,255,0.4);

  position: relative;
  overflow: hidden;
}

/* เอฟเฟกต์อยู่ด้านหลังตัวหนังสือ */
.download-btn::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(0,246,255,0.35),
    transparent
  );
  animation: cyber-glow 3s linear infinite;
  pointer-events: none;
  z-index: 0;
}

/* ตัวหนังสืออยู่บนสุด */
.download-btn span,
.download-btn {
  position: relative;
  z-index: 2;
}

/* Hover */
.download-btn:hover {
  background: linear-gradient(135deg, #0d1cff, #00f6ff);
  color: #ffffff;
  box-shadow:
    0 0 25px rgba(0,246,255,1),
    0 0 40px rgba(0,140,255,0.9);
}

/* Animation */
@keyframes cyber-glow {
  from { transform: translateX(-100%) rotate(25deg); }
  to   { transform: translateX(100%) rotate(25deg); }
}



/* INSTALL */
.install-box {
  mar