@media screen and (min-width:1080px) {

html, body { background: #f0f4f9; margin:0px auto; padding:0px;font-family: "Arial", "Helvetica", sans-serif; font-size:0.85em; color:#909499; }
a { color: #303439; text-decoration: none }
a:hover { color: #b854b3; text-decoration: none; }
h2 { font-size:16px; }
ul, ul li { list-style:none; margin:0px; padding:0px; }
.icon-view {background:url("/images/view.png") no-repeat 8px 4px;}
.icon-author {background:url("/images/author.png") no-repeat 8px 4px;margin-right:0px;}
.icon-time {background:url("/images/time.png") no-repeat 8px 4px;margin-right:5px;}
.grey { color:#d1d2d3 !important; }
.clear { clear:both; }
.button { background:#4eb52f; color:#fff; padding:0px 10px; border:1px solid #4eb52f; height:30px; line-height:24px; cursor:pointer; }
.button:hover { background:#1a7fb4;  border:1px solid #1a7fb4;  }
.pl_button { background:#8aa1ae; color:#fff; padding:10px 30px; border:1px solid #8aa1ae; cursor:pointer; margin-top:5px; font-size:16px; }
.pl_button:hover { background:#1a7fb4;  border:1px solid #1a7fb4;  }
.header { width:100%;background:#b854b3;margin-bottom:30px; padding-top:10px; height:75px;border-bottom:3px solid #ffda00;}
.header ul, .index_pic, .footer ul, .top_tool ul { width:1200px; margin:0px auto; padding:0px; }
.header ul li { list-style:none;}
.logo a { float:left; overflow:hidden; height:45px; padding:12px 0px 0px 0px; margin-right:30px;}
.logo a img { height:40px;  }
.memberinfo {float:right;font-size:1.15em;padding-top:10px;text-align:right;height:50px;overflow:hidden;}
.memberinfo iframe {width:300px;margin-left:20px;}
.memberinfo a {margin-right:5px;}

.playmenu { margin:5px auto 0px auto; height:65px;float:left;width:400px;}
.playmenu ul { padding:0px; font-size:1.35em;}
.playmenu ul li {float:left; margin:20px 6px 0px 6px; height:21px;}
.playmenu ul li a {color:#fff;}
.playmenu ul li:hover a{color:#ffda00;}
.playmenu .active {border-bottom:3px solid #4d47bb;color#f;}
.playmenu .active a {color:#4d47bb;}
.closmenu {display:none;}
.menu {display:none;}

.search {float:right;margin-top:16px;border-radius:20px;padding:6px 10px 1px 10px;border:1px solid #d46ecf;}
.search:hover {border:2px solid #d46ecf;padding:5px 9px 0px 9px;}
.search input { border:none;margin:0px;margin-top:-12px; margin-bottom:2px;}
.search .inputText { background:none;border:none;height:22px;color:#aba7ff;outline:none;width:180px;}
.search .inputSub {position:absolute; height:24px;margin-left:-25px;margin-top:-6px;}
.searchpage {margin:160px auto;}
.searchpage table {background:#521687;padding:60px 120px;margin-left:auto;margin-right:auto;border-radius:20px;}
.searchpage table .searchinput {background:#410c6f;padding:6px 10px;border-radius:20px;border:none;height:22px;color:#aba7ff;outline:none;}
.searchpage table .searchbutton {background:#ffda00;padding:6px 10px;border-radius:20px;border:none;height:32px;width:120px;outline:none;}

footer  { width:100%; background:#313746; margin:0px; height:360px;padding-top:30px; font-size:1.2em; }
footer a { color:#fff;}
footer a:hover {color:#ffda00;}
footer div ul li {height:26px;}
.footer-w01 {font-size:0.85em;width:280px; margin-right:60px;float:left;}
.footer-w01 h5 {padding:0px;margin:0px 0px 10px 0px;}
.footer-w01 li {line-height:1.6em;}
.footer-w01 img {height:47px;}
.footer-w02 {width:220px;float:left;}
.footer-w02 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#ffda00;}
.footer-w03 {width:150px;float:left;}
.footer-w03 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#ffda00;}
.footer-w04 {width:180px;float:left;}
.footer-w04 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#ffda00;}
.foot-title { background:#313746;padding:40px 0px;border-bottom:1px solid #222836;font-size:1.2em;}
.foot-title ul {width:1180px; padding:0px; margin:0px auto 0px auto;text-align:center;}
.foot-title ul h1 { padding-bottom:5px; margin:0px;font-size:1.6em; color:#fff;}
.foot-title ul h2 { padding-bottom:5px; margin:0px;font-size:1.6em; color:#ffda00;}

.mainbox { width:1200px; padding:0px; margin:0px auto 20px auto;display:flex;}
.pleft {width:900px;}
.gamebox {margin-bottom:10px;}
.gamebox ul {padding:0px;margin:-10px 0px 0px 0px;}
.gamebox h2 {color:#505459;font-size:1.6em;margin-bottom:10px;padding-left:10px;}
.gamebox ul li {width:280px;margin:10px;float:left;overflow:hidden;background:#fff;transition: transform 0.3s ease-in-out;transform:scale(1);box-shadow:0px 2px 5px 0px rgba(224, 228, 233, 0.3);border-radius:12px;}
.gamebox ul li:hover {transform:translate(0, -5px);box-shadow: 0px 5px 12px 0px rgba(128, 128, 140, 0.1);}
.gamebox ul li a.picbox {height:158px;display:block;background:#e0e4e9;}
.gamebox ul li img {width:280px;height:158px;}
.gamebox ul li h2 {padding:10px 5px 10px 15px;font-size:1.35em;font-weight:600;width:240px;overflow:hidden;margin:0px 0px 8px 0px;height:12px;line-height:20px;word-spacing:-1px;}
.gamebox ul li span {padding:0px 15px 0px 15px;display:block;font-size:1.25em;font-weight:300;margin-bottom:10px;height:32px;overflow:hidden;text-overflow:ellipsis;}
.gamebox ul li dd {padding:10px 0px 10px 0px;font-size:1.0em;font-weight:normal;width:250px;margin-left:15px;margin-bottom:20px;color:#909499;overflow:hidden;text-overflow:ellipsis;}
.gamebox ul li dd small {border:1px solid #e0e4e9;padding:5px 12px 5px 30px;border-radius:20px;margin-right:5px;background-size:16px 16px;}

.videobox {margin-bottom:10px;}
.videobox ul {padding:0px;margin:-10px 0px 0px 0px;}
.videobox h2 {color:#505459;font-size:1.6em;margin-bottom:10px;padding-left:10px;}
.videobox ul li {width:280px;margin:10px;float:left;overflow:hidden;background:#fff;transition: transform 0.3s ease-in-out;transform:scale(1);box-shadow:0px 2px 5px 0px rgba(224, 228, 233, 0.3);border-radius:12px;}
.videobox ul li:hover {transform:translate(0, -5px);box-shadow: 0px 5px 12px 0px rgba(128, 128, 140, 0.1);}
.videobox ul li a.picbox {height:158px;display:block;background:#e0e4e9;}
.videobox ul li img {width:280px;height:158px;}
.videobox ul li h2 {padding:10px 5px 10px 15px;font-size:1.35em;font-weight:600;width:240px;overflow:hidden;margin:0px 0px 8px 0px;height:12px;line-height:20px;word-spacing:-1px;}
.videobox ul li span {padding:0px 15px 0px 15px;display:block;font-size:1.25em;font-weight:300;margin-bottom:10px;height:32px;overflow:hidden;text-overflow:ellipsis;}
.videobox ul li dd {padding:10px 0px 10px 0px;font-size:1.0em;font-weight:normal;width:250px;margin-left:15px;margin-bottom:20px;color:#909499;overflow:hidden;text-overflow:ellipsis;}
.videobox ul li dd small {border:1px solid #e0e4e9;padding:5px 12px 5px 30px;border-radius:20px;margin-right:5px;background-size:16px 16px;}

.icon-14 {position:absolute;background:url("/images/icon-games.png") no-repeat center center;border-radius:30px;height:60px;width:60px;margin-left:110px;margin-top:50px;z-index:3;}
.icon-15 {position:absolute;background:url("/images/icon-video.png") no-repeat center center;border-radius:30px;height:60px;width:60px;margin-left:110px;margin-top:50px;z-index:3;}
.introductionbox {background:#fff;padding:30px;margin-left:5px;margin-right:5px;margin-bottom:20px;border-radius:12px;font-size:1.4em;line-height:1.4em;}
.introductionbox h1 {color:#202429;padding:0px;margin:0px;font-size:1.4em;line-height:1.4em;}
.introductionbox div {padding:5px 0px;}
.introductionbox div ul {padding-left:40px;}
.introductionbox div ul li {list-style-type: disc;padding:5px 0px;}
.introductionbox ul {padding-left:40px;}
.introductionbox ul li {list-style-type: disc;padding:5px 0px;}
.introductionbox strong {color:#505459;font-size:1.4em;}
.introductionbox ul li strong {color:#505459;font-size:18px;font-weight:400;}
.sprunkitags p {width:auto;margin:10px;line-height:36px;font-size:0.75em;}
.sprunkitags p a {padding:8px 15px;border-radius:21px;background:#f0f4f9;white-space:nowrap;text-overflow: ellipsis;}
.sprunkitags p a:hover {padding:8px 15px;}
.searchbox {text-align:center; margin:60px auto;}
.searchbox h1 {margin-bottom:60px;color:#202429;}
.searchbox h1 strong {color:#b854b3;}
.listpage-top {width:1190px;;background:#fff;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:30px;border-radius:12px;font-size:1.3em;line-height:1.4em; padding:40px 0px 40px 0px;text-align:center;}
.listpage-top ul {margin-left:auto;margin-right:auto;width:1080px;}
.listpage-top ul h1 { padding:0px; margin:0px 0px 10px 0px; color:#b854b3;}

.articlesinfo {padding:6px 20px !important;border:1px solid #e0e4e9;background:#f0f4f9;font-size:0.85em;border-radius:6px;margin:10px auto;}
.articlesinfo a {color:#3367d1;}
.articlesinfo a:hover {color:#48be4e !important;}
.articlesinfo small {color:#909499;}

.rightbox {margin:0px;width:280px;margin-left:5px;}
.rightbox h2 {color:#505459;font-size:1.4em;margin-bottom:10px;}
.rightbox ul li {width:280px;margin:0px 10px 20px 10px;float:left;overflow:hidden;background:#fff;transition: transform 0.5s ease-in-out;transform: scale(1);box-shadow: 0px 2px 5px 0px rgba(224, 228, 233, 0.3);border-radius:12px;}
.rightbox ul li:hover {box-shadow: 0px 5px 12px 0px rgba(128, 128, 140, 0.1);}
.rightbox ul li img {width:280px;height:158px;}
.rightbox ul li h2 {padding:10px 5px 10px 15px;font-size:1.4em;font-weight:600;width:240px;overflow:hidden;margin:0px 0px 8px 0px;height:32px;line-height:20px;word-spacing:-1px;}
.rightbox ul li span {padding:0px 15px 0px 15px;display:block;font-size:1.15em;font-weight:300;margin-bottom:10px;height:32px;overflow:hidden;text-overflow:ellipsis;}
.rightbox ul li dd {padding:10px 15px 10px 0px;font-size:1.0em;font-weight:normal;width:250px;margin-left:15px;margin-bottom:20px;color:#909499;overflow:hidden;text-overflow:ellipsis;}
.rightbox ul li dd small {border:1px solid #e0e4e9;padding:5px 12px 5px 30px;border-radius:20px;margin-right:5px;background-size:16px 16px;}

.rightlist {width:270px;margin:0px 10px 20px 10px;padding:25px 10px 20px 0px;float:left;overflow:hidden;background:#fff;transition: transform 0.5s ease-in-out;transform: scale(1);box-shadow: 0px 2px 5px 0px rgba(224, 228, 233, 0.3);border-radius:12px;}
.rightlist h2 {color:#505459;margin-bottom:10px;margin-top:0px;padding-left:20px;font-size:1.6em;}
.rightlist li {margin:5px 20px;width:230px;font-size:1.30em;list-style-type:none;color:#909499;padding-top:0px;line-height:1.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rightlist p {display:block;font-size:1.25em;margin:6px 15px 15px 20px;line-height:1.25em;border-bottom:1px solid #f0f4f9;padding-bottom:10px;}

.rightmember {width:280px;margin:0px 10px 20px 10px;padding-bottom:30px;float:left;overflow:hidden;background:#fff;box-shadow:0px 2px 5px 0px rgba(224, 228, 233, 0.3);border-radius:12px;}
.memberpicbg {width:280px;height:150px;background-size:300% !important;}
.memberpicbg a {width:280px;height:150px;display:block;backdrop-filter:blur(75px);}
.memberpicbg a img {width:160px;height:160px;border-radius:100px;margin-top:30px;margin-left:56px;border:4px solid #fff;}
.rightmember ul {margin:55px 20px 20px 20px !important;}
.rightmember ul h2 {text-align:center;}
.rightmember ul li {box-shadow:none !important;border-radius:0px !important;width:220px !important;margin-bottom:5px !important;}
.rightmember ul li a {display:block;width:120px;text-align:center;margin-left:auto;margin-right:auto;padding:8px 20px;border-radius:30px;border:1px solid #e0e4e9;font-size:14px !important;}
.rightmember ul li a:hover {border:2px solid #b854b3;padding:7px 19px;}

.social-buttons {display:flex;margin-top:0px;}
.social-buttons img {width: 40px;height: auto;}
.social-buttons a {text-decoration: none;float:left;margin-left:5px;height:24px;padding:8px;border-radius:30px;}
.social-buttons svg {color:#fff;}
.share-Facebook {background-image: linear-gradient(to top, #3b60b0 , #4069c1); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(59, 96, 176, 0.3); }
.share-Facebook:hover {transform: scale(1.05);}
.share-Twitter {background-image: linear-gradient(to top, #231f20 , #423e3f); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3); }
.share-Twitter:hover {transform: scale(1.05);}
.share-LinkedIn {background-image: linear-gradient(to top, #0075b3 , #0c84c3);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(0, 117, 179, 0.3);}
.share-LinkedIn:hover {transform: scale(1.05);}
.share-WhatsApp {background-image: linear-gradient(to top, #48be4e , #54c75a);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(72, 190, 78, 0.3);}
.share-WhatsApp:hover {transform: scale(1.05);}
.share-Pinterest {background-image: linear-gradient(to top, #bb081b , #c91326);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(187, 8, 27, 0.3);}
.share-Pinterest:hover {transform: scale(1.05);}
.share-Reddit {background-image: linear-gradient(to top, #ff4400 , #fb5113);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(255, 68, 0, 0.3);}
.share-Reddit:hover {transform: scale(1.05);}
.share-Telegram {background-image: linear-gradient(to top, #2eb0e5 , #44bdee);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(46, 176, 229, 0.3);}
.share-Telegram:hover {transform: scale(1.05);}
.share-Instagram {background-image: linear-gradient(45deg, #ff8400 , #d41fb4);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(212, 31, 180, 0.3);}
.share-Instagram:hover {transform: scale(1.05);}


.pages{margin-top:-20px; text-align:right; padding:0px 20px; }
.pages ul {width:1180px;margin-left:auto;margin-right:auto;}
.pages a{ background: #fff; color:#222;padding:10px 12px; border-radius: 6px;box-shadow: 0px 0px 5px rgba(192, 196, 201, 0.5); }
.pages .on{ background: #ffda00; color: #303439; border-radius: 6px;box-shadow: 0px 0px 5px rgba(192, 196, 201, 0.5); }
.pages a:hover{ background: #ffda00; color: #303439 !important; border-radius: 6px;box-shadow: 0px 0px 5px rgba(192, 196, 201, 0.5); }
.pages b { padding:10px 12px;background: #ffda00; color: #303439; border-radius: 6px;box-shadow: 0px 0px 5px rgba(192, 196, 201, 0.5); }


.iframebox{border:0px;height:100%;width:1190px;background:#222836;}
.iframebox iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:676px; width:100%;}
.textiframe {margin:0px auto 0px 5px;width:1190px;border-radius:16px;height:100%;background:#fff;transform:none;overflow:hidden;box-shadow: 0px 0px 10px rgba(192, 196, 201, 0.3);}
.iframemenu {background:#fff;padding:20px;}
.iframemenu button { border:1px solid #7432af;background:#7432af;padding:5px 10px;border-radius:6px;cursor:pointer;float:right}

.gametitle{background:#fff;border-radius:0px;width:1130px;padding:20px 30px 10px 30px;min-height:56px;z-index:99;} 
.gametitle h2{display:block;color:#fff;margin:0px;font-size:2.0em;}
.gametitle button {border:0px;float:right;color:#fff;background-image: linear-gradient(to right, #b854b3 , #ffa200); border-radius:60px;padding:8px 20px 8px 20px;line-height:20px;margin-left:5px;cursor:pointer;}
.gametitle button img{height:16px;margin:0px 3px -3px 0px;}
.icon-like { border:1px solid #e0e4e9;padding:2px 15px 2px 20px !important;font-size:1.2em;line-height:30px;height:30px;border-radius:60px;float:right;border:1px solid #e0e4e9;}
.icon-like:hover {border:2px solid #b854b3;padding:1px 14px 1px 19px !important}
.icon-like a {width:24px;height:24px;padding:6px 12px;margin-left:10px;background: url("/images/icon-like.png") no-repeat 0px 2px;background-size:20px 20px;}

.icon-fav {padding:2px 15px 2px 20px !important;font-size:0.75em !important;line-height:30px;height:30px;border-radius:60px;float:right;margin-left:5px;border:1px solid #e0e4e9;}
.icon-fav:hover {border:2px solid #b854b3;padding:1px 14px 1px 19px !important}
.icon-fav a {width:24px;height:24px;padding:6px 10px 6px 22px;background: url("/images/icon-fav.png") no-repeat 0px 3px;background-size:20px 20px;}
.icon-fav a:hover {width:24px;height:24px;padding:6px 10px 6px 22px;background-size:20px 20px;}

.playbox {position:absolute;width:1190px;height:576px;margin-left:auto;margin-right:auto;z-index:9;border-radius:12px 12px 0px 0px;background-color: rgba(17, 28, 54, 0.1);color:#fff;text-align:center;padding-top:100px;backdrop-filter: blur(70px);}
.playbox h1 {font-size:2.0em !important;margin-bottom:30px;text-shadow: 0px 0px 10px #222836;}
.playbox img {border-radius:20px;width:180px;margin-bottom:10px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);padding:0px;}
.closebox {display:none;}
.playnow{ padding:15px 60px;background-image: linear-gradient(to right, #b854b3 , #ffa200);border:0px;border-radius:50px;font-size:1.6em;color:#fff;font-weight:bold;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);cursor:pointer}
.horizontal iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:676px; width:100% !important;}
.vertical iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:676px; width:380px !important;}

.tableborder {width:600px;border-radius:20px;overflow:hidden;background:#fff;box-shadow: 0px 0px 20px rgba(209, 211, 213, 0.5);}
.tableborder .tips {color:#fff; font-size:1.6em; padding:10px 0px; height:60px; background:#4d47bb; }
.tableborder .tips-text {padding:50px 0px 10px 0px; height:160px; color:#606469;font-size:1.2em; }
.tableborder .tips-text a { display:block;padding:15px 40px; width:120px; margin-top:10px; border-radius:12px; background:#ffda00;}

.howtoplay {margin:0px 60px 0px 30px;}
.howtoplay h2 {text-align:center;font-size:2.0em;margin:0px auto 30px auto;color:#b854b3;}
.howtoplay ol li {padding:5px 20px;margin-bottom:10px;border-radius:20px;}
.howtoplay ol li strong {display:block;color:#b854b3;font-size:1.25em;}
.faq {margin:0px 60px 0px 30px;}
.faq h2 {text-align:center;font-size:2.0em;margin:0px auto 30px auto;color:#b854b3;}
.faq ol li {padding:5px 20px;margin-bottom:0px;border-radius:20px;}
.faq ol li h3 {display:block; margin:10px 0px -15px 0px;color:#b854b3;}
.sprunkicharacters h2 {text-align:center;font-size:2.0em;color:#b854b3;padding:0px;}
.character { float:left;width:240px;height:220px;margin:10px;margin-bottom:0px;margin-top:100px;background:#fff; border-radius:12px;padding:20px;transition: transform 0.5s ease-in-out;transform: scale(1);}
.character div {font-size:1.25em;line-height:1.4em;}
.character div h3 {color:#b854b3;text-align:center;margin:5px;}
.character img {height:120px;margin-left:55px;margin-top:-100px;border-radius:0px 0px 60px 60px;background:#f0f4f9;border-bottom:2px solid #fff;}
.character:hover {transform: scale(1.02);}

.tipsbox {width:560px;border-radius:20px;overflow:hidden;background:#fff;box-shadow: 0px 0px 20px rgba(209, 211, 213, 0.5);}
.tipsbox .tips {color:#fff;font-size:1.15em;padding:20px auto;height:40px;background:#b854b3;border-radius:12px;overflow:hidden; }
.tipsbox .tips-text {padding:40px 0px 10px 0px; height:160px;color:#606469;font-size:1.3em; }
.tipsbox .tips-text a {display:block;padding:12px 30px;width:90px;margin-top:10px;border-radius:40px;background-image:linear-gradient(to top, #b854b3 , #c661c1);transition:transform 0.2s ease-in-out;transform:scale(1);box-shadow: 0px 3px 5px 0px rgba(170, 60, 170, 0.3);color:#fff;font-size:0.75em !important;}
.tipsbox .tips-text a:hover {transform: scale(1.05);}
}


@media screen and ( max-width:1080px ) {

html, body { background: #f0f4f9; margin:0px auto; padding:0px;font-family: "Arial", "Helvetica", sans-serif; font-size:0.95em; line-height:180%; color:#505459; min-width:100%;}
a { color: #303439; text-decoration: none }
a:hover { color: #b854b3; text-decoration: none; }
ul, ul li { list-style:none; margin:0px; padding:0px; }
.icon-view {background:url("/images/view.png") no-repeat 8px 4px;}
.icon-author {background:url("/images/author.png") no-repeat 8px 4px;margin-right:0px;}
.icon-time {background:url("/images/time.png") no-repeat 8px 4px;margin-right:5px;}
.clear { clear:both; }
.button { background:#4eb52f; color:#fff; padding:0px 10px; border:1px solid #4eb52f; height:30px; line-height:24px; cursor:pointer; }
.button:hover { background:#1a7fb4;  border:1px solid #1a7fb4;  }
.pl_button { background:#8aa1ae; color:#fff; padding:10px 30px; border:1px solid #8aa1ae; cursor:pointer; margin-top:5px; font-size:16px; }
.pl_button:hover { background:#1a7fb4;  border:1px solid #1a7fb4;  }
.header { width:100%; margin:0px; margin-bottom:10px; padding:10px 0px 0px 0px; height:46px;top:0;left:0;z-index:99;background:#b854b3;box-shadow: 0px 0px 10px 0px rgba(11, 11, 24, 0.3); }
.header ul, .index_pic, .footer ul, .top_tool ul { width:90%; margin:auto 5%; padding:0px;  }
.header ul li { list-style:none;}
.logo {width:38px;overflow:hidden;float:left;margin:0px 20px 0px 0px;}
.logo a { height:36px; padding:10px 0px 0px 0px; margin-right:20px;}
.logo a img { height:32px;  }
.memberinfo {display:none;}

.sprunkimenu {display:none;}
.menubox div {display:none;}
@keyframes slideInFromLeft {0% {transform: translateX(-100%);opacity: 0;} 100% {transform: translateX(0);opacity: 0.9; }}
.closemenu {animation: slideInFromLeft 0.5s ease-in-out forwards;}
.closemenu {position:fixed;width:60%;height:100vh;z-index:999;left:0px;top:0px;background:#fff;backdrop-filter: blur(70px);display:block !important;box-shadow: 0px 0px 10px 0px rgba(11, 11, 24, 0.3); }
.closemenu ul { width:100%; margin:0px auto; padding-top:60px; font-size:1.3em;}
.closemenu ul li {float:left; width:70%; margin-left:10%;padding:5px 10px 5px 20px;border-radius:60px;background:#b854b3;margin-bottom:2px;}
.closemenu ul li a {color:#fff;}
.closemenu .active {}
.closemenu .active a {color:#ffda00;}
.playemenu {display:none;}
.menu { float:right;padding:15px;background:url("/images/icon-menu.png") no-repeat center center;background-size:24px 24px;border:0px;outline:none;border-radius:6px;font-size:1.6em;cursor:pointer;margin-top:-30px;}


.search {margin-left:auto;margin-right:auto;background-color: rgba(0, 0, 0, 0.2);border-radius:20px;padding:4px 10px 1px 10px;width:150px;}
.search input { border:none;margin:0px;margin-top:-12px; margin-bottom:2px;}
.search .inputText { background:none;border:none;height:20px;color:#aba7ff;outline:none;width:140px;}
.search .inputSub {position:absolute; height:24px;margin-left:-20px;margin-top:-3px;}

footer  { width:94%; background:#fff; margin:0px; height:auto;padding-top:10px; padding-left:3%;padding-right:3%; font-size:1.15em; }
footer div ul li {height:26px;}
.footer-w01 {font-size:0.95em;width:100%; margin-top:20px;margin-right:60px;float:left;}
.footer-w01 h5 {padding:0px;margin:0px 0px 5px 0px;text-align:center;}
.footer-w01 li {line-height:1.6em;height:auto;}
.footer-w01 img {height:60px;}
.footer-w02 {width:100%;float:left;margin-top:20px;}
.footer-w02 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#b854b3;}
.footer-w03 {width:100%;float:left;margin-bottom:30px;margin-top:20px;}
.footer-w03 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#b854b3;}
.footer-w04 {width:100%;float:left;margin-bottom:30px;margin-top:20px;}
.footer-w04 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#b854b3;}
.foot-title { background:#fff;padding:40px 0px;border-bottom:1px solid #e0e4e9;margin-top:30px; font-size:1.2em;}
.foot-title ul {width:90%; padding:0px; margin:0px auto 0px auto;text-align:center;}
.foot-title ul h1 { padding-bottom:5px; margin:0px;font-size:1.4em;color:#b854b3;}

.mainbox { width:96%; margin:auto 2%; padding:0px; }
.gamebox { margin:0px;}
.gamebox ul li { width:46%;margin:2%;float:left;text-align:center;border-radius:12px;overflow:hidden;background:#fff;}
.gamebox ul li img { width:100%;height:120px; margin-bottom:-10px;z-index:2;}
.gamebox ul li h2 { padding:10px 10px 0px 10px;font-size:1.0em; margin:0px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.gamebox ul li span {padding:0px 15px 0px 15px;display:block;font-size:0.85em;line-height:1.4em;text-align:left;font-weight:300;height:32px;overflow:hidden;text-overflow:ellipsis;}
.gamebox ul li dd {padding:10px 0px 10px 0px;font-size:0.8em;font-weight:normal;width:auto;margin-left:0px;margin-bottom:10px;color:#909499;overflow:hidden;text-overflow:ellipsis;}
.gamebox ul li dd small {border:1px solid #e0e4e9;padding:5px 8px 5px 26px;border-radius:20px;margin-right:5px;background-size:16px 16px;}


.videobox { margin:0px;}
.videobox ul li { width:46%;margin:2%;float:left;text-align:center;border-radius:12px;overflow:hidden;background:#fff;}
.videobox ul li img { width:100%;height:120px;margin-bottom:-10px;z-index:2;}
.videobox ul li h2 { padding:10px 10px 0px 10px;font-size:1.0em; margin:0px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.videobox ul li span {padding:0px 15px 0px 15px;display:block;font-size:0.85em;line-height:1.4em;text-align:left;font-weight:300;height:32px;overflow:hidden;text-overflow:ellipsis;}
.videobox ul li dd {padding:10px 0px 10px 0px;font-size:0.8em;font-weight:normal;width:auto;margin-left:0px;margin-bottom:10px;color:#909499;overflow:hidden;text-overflow:ellipsis;}
.videobox ul li dd small {border:1px solid #e0e4e9;padding:5px 8px 5px 26px;border-radius:20px;margin-right:5px;background-size:16px 16px;}

.icon-14 {position:absolute;background:url("/images/icon-games.png") no-repeat center center;border-radius:20px;height:40px;width:40px;margin-left:60px;margin-top:40px;z-index:3;}
.icon-15 {position:absolute;background:url("/images/icon-video.png") no-repeat center center;border-radius:20px;height:40px;width:40px;margin-left:60px;margin-top:40px;z-index:3;}

.introductionbox {border-radius:12px;margin:20px 2%;font-size:1.2em;line-height:1.2em;background:#fff;padding:4% 6%;}
.introductionbox h1 {font-size:1.4em;line-height:1.4em;}
.introductionbox div {padding:5px 0px;}
.introductionbox div ul { padding-left:20px;}
.introductionbox div ul li {list-style-type: disc;padding:5px 0px;}
.introductionbox ul { padding-left:40px;}
.introductionbox ul li {list-style-type: disc;padding:5px 0px;}
.introductionbox strong { color:#b854b3;font-size:1.3em;}
.introductionbox ul li strong {  color:#b854b3;font-size:16px;font-weight:400;}
.sprunkitags p {width:auto;margin:10px;line-height:36px;font-size:0.75em;}
.sprunkitags p a {padding:8px 15px;border-radius:21px;border:1px solid #f0f4f9;white-space:nowrap;text-overflow: ellipsis;}
.sprunkitags p a:hover {padding:8px 15px;}
.searchbox {text-align:center; margin:60px auto;}
.searchbox h1 {margin-bottom:60px;color:#606469;}
.searchbox h1 strong { color:#fff;}
.listpage-top {width:86%;height:auto;margin-left:auto;margin-right:auto;font-size:1.2em;line-height:1.4em; margin-top:40px;margin-bottom:20px;}
.listpage-top .listimg {width:60px;height:60px;background:#57ac3a url("/images/icon-tag.png");background-size:60px 60px;float:left;border-radius:10px;overflow:hidden;margin-right:10px;}
.listpage-top .listimg img {width:60px;height:60px;}
.listpage-top ul {}
.listpage-top ul h1 { padding:0px; margin:0px 0px 10px 0px; color:#b854b3;font-size:1.4em;}
.articlesinfo {padding:6px 10px !important;border:1px solid #e0e4e9;background:#f0f4f9;font-size:0.75em;border-radius:6px;margin:10px auto;}
.articlesinfo a {color:#3367d1;}
.articlesinfo a:hover {color:#48be4e !important;}
.articlesinfo small {color:#909499;}


.social-buttons {margin-top:10px;height:60px;width:328px;margin-left:auto;margin-right:auto;}
.social-buttons img {width: 40px;height: auto;}
.social-buttons a {text-decoration:none;margin-left:3px;float:left;width:24px;height:24px;padding:6px;border-radius:30px;}
.social-buttons svg {color:#fff;}
.share-Facebook {background-image: linear-gradient(to top, #3b60b0 , #4069c1); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(59, 96, 176, 0.3); }
.share-Facebook:hover {transform: scale(1.05);}
.share-Twitter {background-image: linear-gradient(to top, #231f20 , #423e3f); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3); }
.share-Twitter:hover {transform: scale(1.05);}
.share-LinkedIn {background-image: linear-gradient(to top, #0075b3 , #0c84c3);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(0, 117, 179, 0.3);}
.share-LinkedIn:hover {transform: scale(1.05);}
.share-WhatsApp {background-image: linear-gradient(to top, #48be4e , #54c75a);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(72, 190, 78, 0.3);}
.share-WhatsApp:hover {transform: scale(1.05);}
.share-Pinterest {background-image: linear-gradient(to top, #bb081b , #c91326);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(187, 8, 27, 0.3);}
.share-Pinterest:hover {transform: scale(1.05);}
.share-Reddit {background-image: linear-gradient(to top, #ff4400 , #fb5113);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(255, 68, 0, 0.3);}
.share-Reddit:hover {transform: scale(1.05);}
.share-Telegram {background-image: linear-gradient(to top, #33afe2 , #44bdee);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(212, 31, 180, 0.3);}
.share-Telegram:hover {transform: scale(1.05);}
.share-Instagram {background-image: linear-gradient(45deg, #ff8400 , #d41fb4);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(223, 48, 107, 0.3);}
.share-Instagram:hover {transform: scale(1.05);}

.pages{margin:0px; text-align:right; padding:30px 20px; }
.pages a{ background: #fff; color: #222; padding:10px 15px; border-radius: 6px;}
.pages .on{ background: #ffda00; color: #222; border-radius: 6px;}
.pages a:hover{ background: #ffda00; color: #222 !important; border-radius: 6px;}
.pages b { padding:10px 15px;background: #ffda00; color: #222; border-radius: 6px;}

.rightbox {margin:0px;}
.rightbox h2 {color:#505459;font-size:1.4em;margin-bottom:10px;}
.rightbox ul li {margin:0px 10px 20px 10px;float:left;overflow:hidden;background:#fff;transition: transform 0.5s ease-in-out;transform: scale(1);box-shadow: 0px 2px 5px 0px rgba(224, 228, 233, 0.3);border-radius:12px;}
.rightbox ul li:hover {box-shadow: 0px 5px 12px 0px rgba(128, 128, 140, 0.1);}
.rightbox ul li img {width:280px;height:158px;}
.rightbox ul li h2 {padding:10px 5px 10px 15px;font-size:1.4em;font-weight:600;width:240px;overflow:hidden;margin:0px 0px 8px 0px;height:32px;line-height:20px;word-spacing:-1px;}
.rightbox ul li span {padding:0px 15px 0px 15px;display:block;font-size:1.15em;font-weight:300;margin-bottom:10px;height:32px;overflow:hidden;text-overflow:ellipsis;}
.rightbox ul li dd {padding:10px 15px 10px 0px;font-size:1.0em;font-weight:normal;width:250px;margin-left:15px;margin-bottom:20px;color:#909499;overflow:hidden;text-overflow:ellipsis;}
.rightbox ul li dd small {border:1px solid #e0e4e9;padding:5px 12px 5px 30px;border-radius:20px;margin-right:5px;background-size:16px 16px;}

.rightlist {width:92%;margin:0px 2% 20px 2%;padding:25px 2% 20px 2%;float:left;overflow:hidden;background:#fff;transition: transform 0.5s ease-in-out;transform: scale(1);box-shadow: 0px 2px 5px 0px rgba(224, 228, 233, 0.3);border-radius:12px;}
.rightlist h2 {color:#505459;margin-bottom:10px;margin-top:0px;padding-left:20px;font-size:1.6em;}
.rightlist li {margin:5px 20px;width:100%;font-size:1.30em;list-style-type:none;color:#909499;padding-top:0px;line-height:1.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rightlist p {display:block;font-size:1.25em;margin:6px 15px 15px 20px;line-height:1.25em;border-bottom:1px solid #f0f4f9;padding-bottom:10px;}

.rightmember {margin:0px 10px 20px 10px;padding-bottom:30px;float:left;overflow:hidden;background:#fff;box-shadow:0px 2px 5px 0px rgba(224, 228, 233, 0.3);border-radius:12px;}
.memberpicbg {height:150px;background-size:300% !important;}
.memberpicbg a {height:150px;display:block;backdrop-filter:blur(75px);text-align:center;}
.memberpicbg a img {width:160px;height:160px;border-radius:100px;margin-top:30px;margin-left:auto;margin-right:auto;border:4px solid #fff;}
.rightmember ul {margin:55px 20px 20px 20px !important;}
.rightmember ul h2 {text-align:center;}
.rightmember ul li {box-shadow:none !important;border-radius:0px !important;width:100% !important;margin-bottom:5px !important;}
.rightmember ul li a {display:block;width:120px;text-align:center;margin-left:auto;margin-right:auto;padding:8px 20px;border-radius:30px;border:1px solid #e0e4e9;font-size:14px !important;}
.rightmember ul li a:hover {border:2px solid #b854b3;padding:7px 19px;}

.iframebox{border:0px;width:100%;height:240px;margin:0 auto 0 auto;}
.textiframe {margin-top:20px;width:99%;height:auto;margin-bottom:10px;padding:0px;transform:none;overflow:hidden;border-radius:20px;}
.textiframe iframe {width:auto;height:240px;margin-left:auto;margin-right:auto;border:0px;z-index:1;}
.iframemenu {padding:20px;}
.iframemenu button { border:1px solid #e0e4e9;background:#f0f4f9;padding:5px 10px;border-radius:6px;cursor:pointer;float:right}

.gametitle{width:90%;padding:30px 5% 0px 5%;height:auto;z-index:9;text-align:center} 
.gametitle h2 {display:none !important;color:red;}
.gametitle p {display:none;}
.gametitle p a {background:#484679;padding:5px 10px;height:20px; margin-bottom:15px;border-radius:6px; }
.gametitle button {border:0px;background:url("/images/play.png") no-repeat;background-size:160px 50px;margin-bottom:10px;padding:10px 10px;text-indent:200px;white-space:nowrap;width:160px;border-radius:60px;height:50px;overflow:hidden;margin-top:5px; }
.gametitle button img{display:none;}
.icon-like { background:#fff;margin-top:8px;border:1px solid #e0e4e9;padding:6px 15px 6px 20px !important;font-size:1.2em;line-height:30px;height:30px;border-radius:60px;float:right;border:1px solid #e0e4e9;}
.icon-like:hover {border:2px solid #b854b3;padding:5px 14px 5px 19px !important}
.icon-like a {width:24px;height:24px;padding:6px 12px;margin-left:10px;background: url("/images/icon-like.png") no-repeat 0px 2px;background-size:20px 20px;}

.icon-fav {background:#fff;margin-top:8px;padding:6px 15px 6px 20px !important;font-size:0.75em !important;line-height:30px;height:30px;border-radius:60px;float:right;margin-left:5px;border:1px solid #e0e4e9;}
.icon-fav:hover {border:2px solid #b854b3;padding:5px 14px 5px 19px !important}
.icon-fav a {width:24px;height:24px;padding:6px 10px 6px 22px;background: url("/images/icon-fav.png") no-repeat 0px 3px;background-size:20px 20px;}
.icon-fav a:hover {width:24px;height:24px;padding:6px 10px 6px 22px;background-size:20px 20px;}

.playbox {position:absolute;left:2%;width:96%;height:210px;margin-left:auto;margin-right:auto;z-index:9; background-color: rgba(17, 28, 54, 0.1);text-align:center;padding-top:40px;border-radius:12px;backdrop-filter: blur(50px);}
.playbox h1 {font-size:1.6em !important;margin:5px;padding:0px;text-shadow: 0px 0px 10px #222836;color:#fff;}
.playbox img {border-radius:12px;width:180px;height:120px;margin-bottom:0px;}
.closebox {display:none;}
.playnow{ display:none;}
.horizontal iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:240px; width:100% !important;}
.vertical iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:240px; width:380px !important;}

.tableborder {width:600px;border-radius:20px;overflow:hidden;background:#fff;box-shadow: 0px 0px 20px rgba(209, 211, 213, 0.5);}
.tableborder .tips {color:#fff; font-size:1.6em; padding:10px 0px; height:60px; background:#4d47bb; }
.tableborder .tips-text {padding:50px 0px 10px 0px; height:160px; color:#606469;font-size:1.2em; }
.tableborder .tips-text a { display:block;padding:15px 40px; width:120px; margin-top:10px; border-radius:12px; background:#ffda00;}


.howtoplay {margin:0px;}
.howtoplay h2 {text-align:center;font-size:2.0em;margin:0px auto 30px auto;}
.howtoplay ol {padding:0px;list-style:none;}
.howtoplay ol li {padding:15px 0px;background:#fff;margin-bottom:10px;border-radius:12px;}
.howtoplay ol li strong {display:block;color:#b854b3;font-size:1.3em;}
.faq {margin:0px;}
.faq h2 {text-align:center;font-size:2.0em;margin:0px auto 30px auto;}
.faq ol {padding:0px;list-style:none;}
.faq ol li {padding:5px 0px;background:#fff;margin-bottom:10px;border-radius:12px;}
.faq ol li h3 {display:block; margin:10px 0px -15px 0px;color:#b854b3;}
.sprunkicharacters {}
.sprunkicharacters h2 {text-align:center;font-size:2.0em;}
.character { float:left;width:90%;height:auto;margin:3%;margin-bottom:0px;margin-top:100px;background:#fff; border-radius:12px;padding:2%;}
.character div {font-size:1.25em;line-height:1.4em;margin:0px 20px;}
.character div h3 {color:#b854b3;margin:5px;}
.character img {height:120px;margin-left:0px;margin-top:-100px;border-radius:0px 0px 60px 60px;background:#f0f4f9;}

}