.charaList #wrapCol #mainCol section{padding-bottom:20px}.charaList #wrapCol #mainCol section .btnPdf{padding-left:20px}.charaList #wrapCol #mainCol section .btnPdf a:hover{opacity:0.7}.charaList #wrapCol #mainCol section dl{width:440px;margin:15px 0 20px 22px;padding:5px 10px;border-bottom:1px solid #FFF;border-top:1px solid #FFF}.charaList #wrapCol #mainCol section dl dt,.charaList #wrapCol #mainCol section dl dd{letter-spacing:3px;display:inline-block;text-shadow:1px 1px 3px #000}.charaList #wrapCol #mainCol section ul{margin-left:21px}.charaList #wrapCol #mainCol section ul li{width:460px;margin-bottom:20px;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,0.5);box-shadow:0 0 9px 0 rgba(0,0,0,0.5)}.charaList #wrapCol #mainCol #psychicer{float:left;margin:20px 0;width:515px;background:url(../images/characters/bg_psychicer.png) top right no-repeat}.charaList #wrapCol #mainCol #psychicer .stit{padding:10px 30px 20px}.charaList #wrapCol #mainCol #magician{float:right;width:502px;background:url(../images/characters/bg_magician.png) top right no-repeat}.charaList #wrapCol #mainCol #magician .stit{padding:34px 30px 20px}.detail #wrapCol{padding:0}.detail #wrapCol #mainCol{width:auto}.detail #wrapCol #mainCol #charaDetail{position:relative}.detail #wrapCol #mainCol #charaDetail #btnPrev{top:50%;left:10px}.detail #wrapCol #mainCol #charaDetail #btnNext{top:50%;right:10px}.detail #wrapCol #mainCol #charaDetail #btnNext,.detail #wrapCol #mainCol #charaDetail #btnPrev{position:fixed;width:81px;height:161px}.detail #wrapCol #mainCol #charaDetail #btnNext a,.detail #wrapCol #mainCol #charaDetail #btnPrev a{position:absolute;top:-50%;right:0;width:100%;height:100%}.detail #wrapCol #mainCol #charaDetail #btnNext a:hover,.detail #wrapCol #mainCol #charaDetail #btnPrev a:hover{opacity:0.5}.detail #wrapCol #mainCol #charaDetail #charaDetailInner{padding:70px 0 30px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox{width:1024px;margin:0 auto}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile{float:right;width:755px;padding-top:10px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .name{position:relative;width:741px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .name .cv{position:absolute;top:90px;right:25px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .serif{text-align:center}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .txt{width:650px;margin:20px auto 40px;border:1px solid #57abbb;background-color:rgba(0,0,0,0.9)}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .txt p{padding:30px;background:url(../images/characters/bg_txt_psychicer.png) 220px center no-repeat}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .attention{width:730px;margin:0 auto 10px;text-shadow:2px 2px 0px #000}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table{position:relative;float:right;width:742px;background-color:rgba(0,0,0,0.9)}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table th,.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table td{box-sizing:border-box}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table th{padding:12px 135px 12px 105px;font-size:20px;font-weight:bold;display:table-cell;vertical-align:middle}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table th .icon{position:absolute;top:0;left:0}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table th a{position:absolute;top:11px;right:-10px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table th a:hover{opacity:0.5}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table td{width:247px;line-height:1.3;text-align:center}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .forceNote td{padding:8px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .forceNote td .physical,.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .forceNote td .cost,.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .forceNote td .type{margin-right:10px;padding:5px 10px;border:1px solid rgba(255,255,255,0.5);float:left}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .skillName td{padding:8px;text-align:left;font-size:110%;vertical-align:middle}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .skillName td .icon{margin-right:8px;vertical-align:middle;float:left}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .skillName td .icon img{vertical-align:middle}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .skillName td .name{font-weight:bold;display:table-cell;vertical-align:middle}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .skillNote td{padding:5px 10px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox ul{clear:both;padding-top:30px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox ul li{float:right;margin-left:10px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.psychicer table th,.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.psychicer table td{border:1px solid #62b2f2}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.psychicer table th{background-color:#142430}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.psychicer table .skillName td{color:#62b2f2}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.psychicer table .skillName td .icon img{border:solid 1px #3b6b91}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.magician #profile .txt{border-color:#d05f67}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.magician #profile .txt p{background:url(../images/characters/bg_txt_magician.png) 315px center no-repeat}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.magician table th,.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.magician table td{border:1px solid #d05f67}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.magician table th{background-color:#270310}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.magician table .skillName td{color:#d05f67}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox.magician table .skillName td .icon img{border:solid 1px #812140}.detail #wrapCol #mainCol #charaDetail.sivan{background:url(../images/characters/sivan/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.sivan #charaDetailInner{background:url(../images/characters/sivan/bg_02.png) no-repeat;background-position:center 70px;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.dos{background:url(../images/characters/dos/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.dos #charaDetailInner{background:url(../images/characters/dos/bg_02.png) no-repeat;background-position:center 70px;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.lock{background:url(../images/characters/lock/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.lock #charaDetailInner{background:url(../images/characters/lock/bg_02.png) no-repeat;background-position:center 70px;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.ice{background:url(../images/characters/ice/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.ice #charaDetailInner{background:url(../images/characters/ice/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.haaron{background:url(../images/characters/haaron/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.haaron #charaDetailInner{background:url(../images/characters/haaron/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.tam{background:url(../images/characters/tam/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.tam #charaDetailInner{background:url(../images/characters/tam/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.quatre{background:url(../images/characters/quatre/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.quatre #charaDetailInner{background:url(../images/characters/quatre/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.cralis{background:url(../images/characters/cralis/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.cralis #charaDetailInner{background:url(../images/characters/cralis/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.auxilia{background:url(../images/characters/auxilia/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.auxilia #charaDetailInner{background:url(../images/characters/auxilia/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.lokinion{background:url(../images/characters/lokinion/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.lokinion #charaDetailInner{background:url(../images/characters/lokinion/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.ripple{background:url(../images/characters/ripple/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.ripple #charaDetailInner{background:url(../images/characters/ripple/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.regard{background:url(../images/characters/regard/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.regard #charaDetailInner{background:url(../images/characters/regard/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.tera{background:url(../images/characters/tera/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.tera #charaDetailInner{background:url(../images/characters/tera/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}.detail #wrapCol #mainCol #charaDetail.mecelle{background:url(../images/characters/mecelle/bg.png) top center no-repeat fixed}.detail #wrapCol #mainCol #charaDetail.mecelle #charaDetailInner{background:url(../images/characters/mecelle/bg_02.png) no-repeat;background-position:center 0;background-attachment:fixed}@media screen and (max-width: 640px){.charaList #wrapCol #mainCol{width:100%}.charaList #wrapCol #mainCol .tit{width:100%;height:auto;padding:0 0 20px}.charaList #wrapCol #mainCol .tit img{width:70%;padding-left:10px}.charaList #wrapCol #mainCol section{padding-bottom:10px}.charaList #wrapCol #mainCol section .btnPdf{width:96%;margin:0 auto;padding-left:0}.charaList #wrapCol #mainCol section dl{width:96%;margin:15px auto 20px;padding:5px 0;text-align:center;letter-spacing:1px}.charaList #wrapCol #mainCol section dl dt,.charaList #wrapCol #mainCol section dl dd{width:50%}.charaList #wrapCol #mainCol section ul{margin-left:0}.charaList #wrapCol #mainCol section ul li{width:96%;margin:10px auto}.charaList #wrapCol #mainCol #psychicer{float:none;margin:5px 0 0;width:100%;background-size:100% auto}.charaList #wrapCol #mainCol #psychicer .stit{padding:2% 5% 4%}.charaList #wrapCol #mainCol #magician{float:none;width:100%;background-size:100% auto}.charaList #wrapCol #mainCol #magician .stit{padding:6% 5% 4%}.detail #wrapCol{padding:0}.detail #wrapCol #mainCol #charaDetail{background:none}.detail #wrapCol #mainCol #charaDetail #btnPrev{top:11%;left:5%}.detail #wrapCol #mainCol #charaDetail #btnNext{top:11%;right:5%}.detail #wrapCol #mainCol #charaDetail #btnNext,.detail #wrapCol #mainCol #charaDetail #btnPrev{position:absolute;width:10%;height:auto}.detail #wrapCol #mainCol #charaDetail #btnNext a,.detail #wrapCol #mainCol #charaDetail #btnPrev a{position:absolute;top:0;right:0;width:100%;height:100%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner{padding:15% 0 10%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox{width:100%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile{float:none;width:100%;padding:0}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .name{width:100%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .name .cv{width:26%;top:65%;right:2%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .serif{width:90%;margin:0 auto}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .txt{width:90%;margin:100% auto 40px;background-color:rgba(0,0,0,0.7)}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox #profile .txt p{padding:15px;background:none}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table{float:none;width:100%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table th{font-size:110%;height:auto;padding:3% 3%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table th .icon{display:none}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table th .name{font-size:105%;display:block;margin-bottom:2px;vertical-align:top}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table th a{position:static;float:right;width:30%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table td{font-size:80%;width:33%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .forceNote td .physical,.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .forceNote td .cost,.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .forceNote td .type{margin-right:2%;margin-left:0;padding:1% 2%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .skillName td{text-align:center;font-size:80%;vertical-align:middle}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .skillName td .icon{display:none}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .skillNote td{vertical-align:middle}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .control td{height:47px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox table .control td img{width:auto;height:100%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl{float:none}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl dt{width:100%;height:auto;padding:3% 3%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl dt .icon{display:none}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl dt .name{font-size:105%;display:block;margin-bottom:2px;vertical-align:top}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl dt .physical,.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl dt .cost{margin-right:10px;margin-left:0;padding:0 2%;float:left}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl dt a{position:static;float:right;width:30%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl dd .info{padding:5px;background-color:rgba(0,0,0,0.9);border-bottom:1px solid #c96801;font-size:80%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl dd .info p{float:none;margin-bottom:2px;padding-left:0;font-size:95%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox dl dd .info a{float:none;padding:3px 2% 2px;border:1px solid rgba(255,255,255,0.7)}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox ul{clear:both;padding-top:30px}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox ul li{width:48%;margin-left:3%}.detail #wrapCol #mainCol #charaDetail #charaDetailInner #charaDetailBox ul li:last-child{margin-left:0}.detail #wrapCol #mainCol #charaDetail.sivan{background:none}.detail #wrapCol #mainCol #charaDetail.sivan #charaDetailInner{background-size:430% auto;background-position:26% 15%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.sivan #charaDetailInner #charaDetailBox #profile .name .cv{width:30%}.detail #wrapCol #mainCol #charaDetail.dos{background:none}.detail #wrapCol #mainCol #charaDetail.dos #charaDetailInner{background-size:430% auto;background-position:26% 20%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.lock{background:none}.detail #wrapCol #mainCol #charaDetail.lock #charaDetailInner{background-size:410% auto;background-position:24% 12%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.ice{background:none}.detail #wrapCol #mainCol #charaDetail.ice #charaDetailInner{background-size:400% auto;background-position:22% 14%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.haaron{background:none}.detail #wrapCol #mainCol #charaDetail.haaron #charaDetailInner{background-size:360% auto;background-position:25% 14%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.haaron #charaDetailInner #charaDetailBox #profile .name .cv{width:30%}.detail #wrapCol #mainCol #charaDetail.tam{background:none}.detail #wrapCol #mainCol #charaDetail.tam #charaDetailInner{background-size:400% auto;background-position:24% 10%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.tam #charaDetailInner #charaDetailBox #profile .name .cv{width:30%}.detail #wrapCol #mainCol #charaDetail.quatre{background:none}.detail #wrapCol #mainCol #charaDetail.quatre #charaDetailInner{background-size:395% auto;background-position:24% 2%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.quatre #charaDetailInner #charaDetailBox #profile .name .cv{width:30%}.detail #wrapCol #mainCol #charaDetail.cralis{background:none}.detail #wrapCol #mainCol #charaDetail.cralis #charaDetailInner{background-size:430% auto;background-position:26% 8%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.auxilia{background:none}.detail #wrapCol #mainCol #charaDetail.auxilia #charaDetailInner{background-size:415% auto;background-position:24% 13%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.lokinion{background:none}.detail #wrapCol #mainCol #charaDetail.lokinion #charaDetailInner{background-size:420% auto;background-position:26% 13%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.ripple{background:none}.detail #wrapCol #mainCol #charaDetail.ripple #charaDetailInner{background-size:400% auto;background-position:25% 8%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.ripple #charaDetailInner #charaDetailBox #profile .name .cv{width:30%}.detail #wrapCol #mainCol #charaDetail.regard{background:none}.detail #wrapCol #mainCol #charaDetail.regard #charaDetailInner{background-size:410% auto;background-position:26% 15%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.tera{background:none}.detail #wrapCol #mainCol #charaDetail.tera #charaDetailInner{background-size:410% auto;background-position:26% 15%;background-attachment:inherit}.detail #wrapCol #mainCol #charaDetail.mecelle{background:none}.detail #wrapCol #mainCol #charaDetail.mecelle #charaDetailInner{background-size:405% auto;background-position:28% 2%;background-attachment:inherit}}