html{scroll-behavior:smooth;}
body{background:#fff;color:#000;margin:0;font:16px/1.5 Arial,sans-serif;}
body.wap{max-width:500px;margin:2px auto;}
a{text-decoration:none;color:#15529D;}
a:hover{background:#B7EAFF;text-decoration:none;color:#014598;}
img{border:0;}
h1{color:#45688e;font-size:21px;line-height:1.2;margin:9px 0 0;}
h2{color:#45688e;font-size:18px;line-height:1.2;margin:9px 0 0;}
input[type=text],input[type=password],textarea,select{box-sizing:content-box;min-width:30px;margin:0;padding:9px;font-size:17px;border:1px solid #ccc;border-radius:12px;}
input[type=checkbox]{width:15px;height:15px;color:#40b832;background:#edebeb;border:1px solid #ccc;border-radius:3px;}
textarea{border-radius:12px;}
textarea{width:98%;}

.t{text-align:center;font-size:17px;text-shadow:0 -1px 0 #333;}
.t a{color:#fff;font-size:17px;font-weight:bold;}
.t a:hover{color:#fff;background:#2b8f1f;text-shadow:0 1px 0 #000;}

.t.center{display:block;padding:10px;}
.t.menu,.t.mail,.t.user,.t.cart,.t.search,.t.home{display:block;padding:32px 7px 11px;background:50% 50%/auto auto no-repeat transparent;border-left:1px solid #2b8f1f;border-right:1px solid #2b8f1f;}
.t.menu{background-image:url(/images/touch/menu.png);}
.t.mail{background-image:url(/images/touch/mail.png);}
.t.user{background-image:url(/images/touch/user.png);}
.t.cart{background-image:url(/images/touch/cart.png);}
.t.search{background-image:url(/images/touch/search.png);}
.t.home{background-image:url(/images/touch/home.png);}

.m{font-size:14px;background:#f7f7f7;padding:3px;}
.m a{font-size:14px;color:#000;}
.m a:hover{display:block;color:#fff;font-size:15px;font-weight:bold;background:#000;}

.headnav{text-align:right;line-height:20px;margin:0;padding:0 5px 0 0;}
.headnav a,.headnav div{display:block;float:right;margin:0;padding:11px 9px;font-weight:bold;font-size:14px;color:#fff;background:transparent url(/images/headNav.jpg) no-repeat top left;}
.headnav div{height:22px;}
.headnav a:hover{color:#fff;text-decoration:underline;}

.home{position:absolute;left:0;top:0;width:220px;}
.home a{display:block;height:43px;text-indent:-9999px;}
.home a:hover{background:transparent;}


.menu{padding:10px 12px;font-weight:700;background:#f1f0d6;border-left:1px solid #DAE1E8;border-right:1px solid #DAE1E8;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}
.menu::-webkit-scrollbar,.nav::-webkit-scrollbar {display:none;}
.menu a{color:#000;font-weight:500;text-decoration:underline;}


.gray{font-size:14px;color:#666;}
.quote{font-size:x-small;padding:2px 0 2px 4px;color:#878787;border-left:3px solid #c0c0c0;}
.error,.warning{color:#000;background-repeat:no-repeat;background-position:12px;border:1px solid;padding:14px 14px 14px 38px;margin:4px;border-radius:8px;}
.error{background:#ffe3df url(/images/error.png) no-repeat 12px;border-color:#f08a73;}
.warning{background:#f7f6da url(/images/warning.png) no-repeat 12px;border-color:#dae1e8;}
.info{padding:11px 8px;margin:2px;background:#F9F6E7;border:1px solid #D4BC4C;border-radius:4px;font-weight:normal;line-height:1.5;}

.ublok{padding:12px 12px 12px 16px;line-height:10px;border-bottom:1px solid #DAE1E8;}
.ublok a{display:block;}
.ublok:hover{background:#B7EAFF;}
.ublok a:hover{color:#15529D;background:transparent;}

.nav{padding:12px;font-size:15px;}
.nav a{padding:4px 12px;font-size:14px;border:1px solid #dedede;border-radius:4px;}
.nav a:hover{background:#B7EAFF;}
.navcurrent{color:#fff;background:#74c940;border:1px solid #006400;padding:4px 12px;font-weight:bold;border-radius:4px;}

.blok{width:90%;padding:8px 6px 8px 8px;line-height:12px;}
.blok a{display:block;font-size:16px;}
.blok:hover{background:#B7EAFF;border-top:1px solid #DAE1E8;}
.blok a:hover{color:#15529D;background:transparent;}

input[type=submit],input[type=button],a.button,a.redton{padding:3px 10px 6px;}
.button{color:#fff;font-weight:bold;padding:4px;font-size:15px;background:#74c940;border:1px solid #006400;border-radius:3px;}

input[type=submit],input[type=button],a.button{
color:#fff;text-align:center;outline:0;background:linear-gradient(#48c938,#31a424);text-shadow:0 -1px 0 #11390C;box-shadow:inset 0 1px 0 #8dc893;font-weight:bold;border-radius:4px;font-size:15px;border:0;text-decoration:none;cursor:pointer;margin:3px;border-top:1px solid #7ea982;white-space:nowrap;
}
input[type=submit]:hover,input[type=button]:hover,a.button:hover{background:linear-gradient(#31a424,#48c938);}

a.redton{color:#fff;text-align:center;outline:0;background:linear-gradient(#FF513D,#E0321E);text-shadow:0 -1px 0 #390c0c;box-shadow:inset 0 1px 0 #c88d8d;font-weight:bold;border-radius:4px;font-size:15px;border:0;text-decoration:none;cursor:pointer;margin:3px;border-top:1px solid #a97e7e;white-space:nowrap;}
a.redton:hover{background:linear-gradient(#E0321E,#FF513D);}

.card-seasonreward1,.card-seasonreward2,.card-seasonreward3{color:#000;background-repeat:no-repeat;background-size:295px 350px;background-position:center;}
.card-seasonreward1{background-image:url(/images/card/1.png);}
.card-seasonreward2{background-image:url(/images/card/2.png);}
.card-seasonreward3{background-image:url(/images/card/3.png);}

.card-20{font-family:din pro condensed bold;position:relative;width:204px;height:306px;text-transform:uppercase;line-height:normal!important;}
.card-face{position:absolute;right:22px;top:20px;overflow:hidden;width:110px;height:140px;}
.card-face-inner{position:absolute;top:0;left:0;}
.card-badge{position:absolute;top:115px;left:37px;z-index:11;}
.card-flag{position:absolute;top:92px;left:37px;z-index:11;}
.card-name{font-family:din pro condensed bold;font-size:17px;position:absolute;top:160px;left:20px;width:164px;white-space:nowrap;overflow:hidden;text-align:center;z-index:11;}
.card-rating{font-family:din pro condensed regular;font-size:23px;position:absolute;top:25px;left:27px;width:37px;text-align:center;z-index:11;}
.card-position{font-family:din pro condensed regular;font-size:18px;position:absolute;top:60px;left:28px;width:38px;text-align:center;z-index:11;}
.card-atts{font-family:din pro condensed bold;position:absolute;top:188px;left:42px;z-index:11;}
.card-atts1{position:absolute;top:1px;}
.card-attnum1,.card-attnum2,.card-attnum3,.card-attnum4,.card-attnum5,.card-attnum6{position:absolute;}
.card-attnum{font-size:18px;}
.card-attlabel1,.card-attlabel2,.card-attlabel3{position:absolute;left:18px;}
.card-attlabel{font-family:din pro condensed medium;font-size:18px;top:0;}
.card-attnum4,.card-attnum5,.card-attnum6{left:82px;}
.card-attlabel4,.card-attlabel5,.card-attlabel6{position:absolute;left:101px;}
.card-atts2{position:absolute;top:19px;}
.card-atts3{position:absolute;top:37px;}
.card-atts4{position:absolute;top:55px;}

.card-seasonreward .card-headeroverlay{display:block;background:linear-gradient(to bottom,rgba(18,22,32,0) 8%,rgba(18,22,32,1) 29%,rgba(18,22,32,1) 50%,rgba(18,22,32,1) 81%,rgba(18,22,32,0) 100%);}
.card-headeroverlay{width:37px;height:222px;position:absolute;left:33px;top:19px;opacity:.7;z-index:10;display:none;}
.card-seasonreward .card-split{border-color:#fc5461;}
.card-flag-split{height:23px;width:20px;left:42px;border-top:1px solid;border-bottom:1px solid;position:absolute;top:97px;}
.card-split{z-index:11;}
.card-name-split{height:1px;width:120px;left:42px;border-bottom:1px solid;position:absolute;top:184px;}
.card-atts-split{height:67px;width:1px;left:102px;border-left:1px solid;position:absolute;top:193px;}
.card-chem-split{height:1px;width:30px;left:87px;border-bottom:1px solid;position:absolute;top:270px;}
.card-chemstyleimg{position:absolute;left:50%;margin-left:-14px;bottom:27px;font-size:20px;}

.base,.gold,.pink,.dark{padding:6px 16px;margin:0 0 3px;border-radius:10px;}
.base{background:#f7f7f7;}
.gold{background:#f6f6de;}
.pink{background:#ffefef;}
.dark{background:#eee;}

.whiteheader{font-size:13px;color:#fff;background:#45C236 url(/images/hg.gif);font-weight:bold;text-shadow:0 -1px 0 #237319;}
.whiteheader a{font-size:13px;color:#fff;text-decoration:underline;}

.game{color:#505050;background:#FFEFEF;padding:12px;margin:12px 1px;border:1px solid #f08a73;border-radius:4px;}
.photo{background:#fff;border:1px solid #ccc;padding:6px;}

.form_search{position:absolute;right:-1px;width:85px;height:10px;padding:3px 3px 3px 17px;font-size:8px;background:#fff url(/images/search.png) 7px 7px no-repeat;border:1px solid #169AAF;outline:0;border-radius:3px;}
.quick_search{display:inline;float:right;margin:11px 30px 0 0;position:relative;width:90px;}

.tabby{width:100%;color:#505050;border-collapse:collapse;}
.tabby td,.tabby th{border:1px solid #DAE1E8;padding:6px;}
.tabby th{font-size:13px;color:#fff;background:#45C236 url(/images/hg.gif);font-weight:bold;text-shadow:0 -1px 0 #237319;}
.tabby th a{font-size:13px;color:#fff;text-decoration:underline;}
.tabby .row-white{background:#fff;}
.tabby .row-gray{background:#f2f6f9;}
.tabby .row-red{background:#ffefef;}

.field-wrap{width:340px;text-align:center}
.field{background:#268c1b;box-shadow:#268c1b 0 0 0 4px;display:inline-block;height:177px;margin:10px auto;position:relative;vertical-align:middle;width:50%}
.field::before,.field::after,.field__in::before,.field__in::after{content:"";display:block}
.field__in{border:1px solid #fff;height:100%;position:absolute;width:100%}
.field__in::before,.field__in::after{border:1px solid #fff;bottom:0;position:absolute}
.field__in::before{border-radius:50%;height:0;left:40%;padding-bottom:28%;width:20%}
.field__in::after{background:#268c1b;border-bottom:0;height:24%;left:16.5%;width:67%}
.field::before,.field::after{border:1px solid #fff;position:absolute;z-index:2}
.field::before{bottom:0;height:12%;left:33.5%;width:33%}
.field::after{border-radius:0 0 250px 250px;height:15%;left:35.5%;top:0;width:29%}
.pos{background:#fff;border:2px solid #268c1b;border-radius:50%;box-shadow:#fff 0 0 0 2px;position:absolute;z-index:2;width:calc(var(--dot)*2);height:calc(var(--dot)*2)}
.pos--main{--dot:.5625rem}
.pos--alt{--dot:.375rem}
.pos--1{left:calc(50% - var(--dot));top:calc(11rem - var(--dot))}
.pos--2{left:calc(50% - var(--dot));top:calc(9.0625rem - var(--dot))}
.pos--3{left:calc(31% - var(--dot));top:calc(8.375rem - var(--dot))}
.pos--3-2{right:calc(31% - var(--dot));top:calc(8.375rem - var(--dot))}
.pos--4{left:calc(8% - var(--dot));top:calc(7.9375rem - var(--dot))}
.pos--5{right:calc(8% - var(--dot));top:calc(7.9375rem - var(--dot))}
.pos--6{left:calc(50% - var(--dot));top:calc(7.375rem - var(--dot))}
.pos--7{left:calc(50% - var(--dot));top:calc(5.5rem - var(--dot))}
.pos--8{right:calc(8% - var(--dot));top:calc(4.8125rem - var(--dot))}
.pos--9{left:calc(8% - var(--dot));top:calc(4.8125rem - var(--dot))}
.pos--10{left:calc(50% - var(--dot));top:calc(3.75rem - var(--dot))}
.pos--11{left:calc(8% - var(--dot));top:calc(1.6875rem - var(--dot))}
.pos--12{right:calc(8% - var(--dot));top:calc(1.6875rem - var(--dot))}
.pos--13{left:calc(50% - var(--dot));top:calc(2.125rem - var(--dot))}
.pos--14{left:calc(50% - var(--dot));top:calc(.625rem - var(--dot))}