很多的重构，包括怪物头像

languages/language-list.js

@@ -1,26 +1,26 @@
 var languageList = [
     {
         name:"English",i18n:"en",searchlist:["en","ja"],
-        guideURL:"http://www.puzzledragonx.com/en/monster.asp?n=$1"
+        guideURL:id=>`http://www.puzzledragonx.com/en/monster.asp?n=${id}` //or (id,name)=>`http://www.puzzledragonx.com/en/search.asp?q=${name}`
     },
     {
         name:"中文（繁體）",i18n:"zh-TW",searchlist:["cht","ja"],
-        guideURL:"http://pad.skyozora.com/pets/$1"
+        guideURL:id=>`http://pad.skyozora.com/pets/${id}`
     },
     {
         name:"中文（简体）技能解析",i18n:"zh-CN",searchlist:["chs","ja"],
-        guideURL:"http://pad.skyozora.com/pets/$1"
+        guideURL:id=>`http://pad.skyozora.com/pets/${id}`
     },
     {
         name:"中文（简体）原版技能",i18n:"zh",searchlist:["chs","ja"],
-        guideURL:"http://pad.skyozora.com/pets/$1"
+        guideURL:id=>`http://pad.skyozora.com/pets/${id}`
     },
     {
         name:"日本語",i18n:"ja",searchlist:["ja"],
-        guideURL:"https://pd.appbank.net/m$1" //or https://altema.jp/pazudora/monster/$1
+        guideURL:id=>`https://pd.appbank.net/m${id}` //or id=>`https://pd.appbank.net/m${id}`
     },
     {
         name:"한국어",i18n:"ko",searchlist:["ko","ja"],
-        guideURL:"http://www.thisisgame.com/pad/info/monster/detail.php?code=$1"
+        guideURL:id=>`http://www.thisisgame.com/pad/info/monster/detail.php?code=${id}`
     },
 ];

script.js

@@ -3,15 +3,18 @@ var Skills; //技能数据
 var currentLanguage; //当前语言
 var currentDataSource; //当前数据
 
+const teamBigBoxs = []; //储存全部teamBigBox
+const allMembers = []; //储存所有成员，包含辅助
+
 var interchangeSvg; //储存划线的SVG
 var controlBox; //储存整个controlBox
 var statusLine; //储存状态栏
 var formationBox; //储存整个formationBox
-var teamBigBoxs = []; //储存全部teamBigBox
-var allMembers = []; //储存所有成员，包含辅助
 var editBox; //储存整个editBox
 var showSearch; //整个程序都可以用的显示搜索函数
 
+const className_displayNone = "display-none";
+
 //数组去重
 /* https://www.cnblogs.com/baiyangyuanzi/p/6726258.html
 * 实现思路：获取没重复的最右一值放入新数组。
@@ -747,12 +750,12 @@ function initialize()
 	editBox.latentBox = null;
 	editBox.memberIdx = []; //储存队伍数组下标
 	editBox.show = function(){
-		this.classList.remove("display-none");
+		this.classList.remove(className_displayNone);
 		formationBox.classList.add("blur-bg");
 		controlBox.classList.add("blur-bg");
 	};
 	editBox.hide = function(){
-		this.classList.add("display-none");
+		this.classList.add(className_displayNone);
 		formationBox.classList.remove("blur-bg");
 		controlBox.classList.remove("blur-bg");
 	};
@@ -811,7 +814,7 @@ function initialize()
 	searchOpen.onclick = function(){
 		s_includeSuperAwoken.onclick();
 		s_canAssist.onclick();
-		searchBox.classList.toggle("display-none");
+		searchBox.classList.toggle(className_displayNone);
 	};
 
 	const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio"));
@@ -844,9 +847,9 @@ function initialize()
 	const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒
 	s_includeSuperAwoken.onclick = function(){
 		if (this.checked)
-			s_sawokenDiv.classList.add("display-none");
+			s_sawokenDiv.classList.add(className_displayNone);
 		else
-			s_sawokenDiv.classList.remove("display-none");
+			s_sawokenDiv.classList.remove(className_displayNone);
 	};
 
 	function search_awokenAdd1()
@@ -915,10 +918,10 @@ function initialize()
 	//将搜索结果显示出来（也可用于其他的搜索）
 	showSearch = function(searchArr){
 		editBox.show();
-		searchBox.classList.remove("display-none");
+		searchBox.classList.remove(className_displayNone);
 		const createCardHead = editBox.createCardHead;
 
-		searchMonList.classList.add("display-none");
+		searchMonList.classList.add(className_displayNone);
 		searchMonList.innerHTML = ""; //清空旧的
 		if (searchArr.length>0)
 		{
@@ -930,7 +933,7 @@ function initialize()
 			headsArray.forEach(head=>fragment.appendChild(head));
 			searchMonList.appendChild(fragment);
 		}
-		searchMonList.classList.remove("display-none");
+		searchMonList.classList.remove(className_displayNone);
 	};
 	const startSearch = function(cards){
 		const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue);
@@ -959,7 +962,8 @@ function initialize()
 		const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
 		const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
 		const awokensFilter = s_awokensCounts.filter(btn=>parseInt(btn.innerHTML,10)>0).map(btn=>{
-			return {id:parseInt(btn.value,10),num:parseInt(btn.innerHTML,10)};
+			const awokenIndex = parseInt(btn.parentNode.querySelector(".awoken-icon").getAttribute("data-awoken-icon"),10);
+			return {id:awokenIndex,num:parseInt(btn.innerHTML,10)};
 		});
 		const searchResult = searchCards(cards,
 			attr1,attr2,
@@ -977,7 +981,7 @@ function initialize()
 		startSearch(Cards);
 	};
 	searchClose.onclick = function(){
-		searchBox.classList.add("display-none");
+		searchBox.classList.add(className_displayNone);
 	};
 	searchClear.onclick = function(){ //清空搜索选项
 		s_attr1s[0].checked = true;
@@ -1023,12 +1027,12 @@ function initialize()
 	//对搜索到的Cards重新排序
 	function reSortCards()
 	{
-		searchMonList.classList.add("display-none");
+		searchMonList.classList.add(className_displayNone);
 		let fragment = document.createDocumentFragment(); //创建节点用的临时空间
 		const headsArray = sortHeadsArray(searchMonList.originalHeads);
 		headsArray.forEach(head=>fragment.appendChild(head));
 		searchMonList.appendChild(fragment);
-		searchMonList.classList.remove("display-none");
+		searchMonList.classList.remove(className_displayNone);
 	}
 	s_sortList.onchange = reSortCards;
 	s_sortReverse.onchange = reSortCards;
@@ -1171,16 +1175,16 @@ function initialize()
 			if (latent[ai] != undefined) //有的潜觉
 			{
 				monEditLatents[ai].setAttribute("data-latent-icon", latent[ai]);
-				monEditLatents[ai].classList.remove("display-none");
+				monEditLatents[ai].classList.remove(className_displayNone);
 			}
 			else if(ai < showLatentCount) //空格
 			{
 				monEditLatents[ai].removeAttribute("data-latent-icon");
-				monEditLatents[ai].classList.remove("display-none");
+				monEditLatents[ai].classList.remove(className_displayNone);
 			}
 			else //不显示的部分
 			{
-				monEditLatents[ai].classList.add("display-none");
+				monEditLatents[ai].classList.add(className_displayNone);
 			}
 		}
 	};
@@ -1222,7 +1226,7 @@ function initialize()
 	//可选觉醒的添加
 	function addLatent(){
 		if (this.classList.contains("unselected-latent")) return; //不能选的觉醒直接退出
-		const lIdx = parseInt(this.value); //潜觉的序号
+		const lIdx = parseInt(this.getAttribute("data-latent-icon"),10); //潜觉的序号
 		const usedHoleN = usedHole(editBox.latent); //使用了的格子
 		const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量
 		if (lIdx >= 12 && usedHoleN<=(maxLatentCount-2) || //如果能添加2格的觉醒
@@ -1340,7 +1344,7 @@ function initialize()
 		editBox.hide();
 	};
 	window.onkeydown = function(e){
-		if (!editBox.classList.contains("display-none"))
+		if (!editBox.classList.contains(className_displayNone))
 		{
 			if (e.keyCode == 27)
 			{ //按下ESC时，自动关闭编辑窗
@@ -1580,28 +1584,30 @@ function changeid(mon,monDom,latentDom)
 		parentNode.classList.add("delay");
 		parentNode.classList.remove("null");
 		parentNode.appendChild(fragment);
-		if (latentDom) latentDom.classList.add("display-none");
+		if (latentDom) latentDom.classList.add(className_displayNone);
 		return;
 	}else if (monId==0) //如果是空
 	{
 		parentNode.classList.add("null");
 		parentNode.classList.remove("delay");
 		parentNode.appendChild(fragment);
-		if (latentDom) latentDom.classList.add("display-none");
+		if (latentDom) latentDom.classList.add(className_displayNone);
 		return;
 	}else if (monId>-1) //如果提供了id
 	{
 		parentNode.classList.remove("null");
 		parentNode.classList.remove("delay");
-		monDom.className = "monster";
-		monDom.classList.add("pet-cards-" + Math.ceil(monId/100)); //添加图片编号
+
+		monDom.setAttribute("data-cards-pic-idx",Math.ceil(monId/100)); //添加图片编号
 		const idxInPage = (monId-1) % 100; //获取当前页面的总序号
-		monDom.classList.add("pet-cards-index-x-" + idxInPage % 10); //添加X方向序号
-		monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
-		monDom.querySelector(".property").className = "property property-" + card.attrs[0]; //主属性
-		monDom.querySelector(".subproperty").className = "subproperty subproperty-" + card.attrs[1]; //副属性
+		monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号
+		monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号
+
+		monDom.querySelector(".property").setAttribute("data-property", card.attrs[0]); //主属性
+		monDom.querySelector(".subproperty").setAttribute("data-property", card.attrs[1]); //副属性
+
 		monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
-		monDom.href = monId.toString().replace(/^(\d+)$/ig,currentLanguage.guideURL);
+		monDom.href = currentLanguage.guideURL(monId, card.name);
 		if (card.canAssist)
 			monDom.classList.add("allowable-assist");
 		else
@@ -1636,11 +1642,11 @@ function changeid(mon,monDom,latentDom)
 		const awokenIcon = monDom.querySelector(".awoken-count");
 		if (mon.awoken == 0 || card.awakenings.length < 1 || !awokenIcon) //没觉醒
 		{
-			awokenIcon.classList.add("display-none");
+			awokenIcon.classList.add(className_displayNone);
 			awokenIcon.innerHTML = "";
 		}else
 		{
-			awokenIcon.classList.remove("display-none");
+			awokenIcon.classList.remove(className_displayNone);
 			awokenIcon.innerHTML = mon.awoken;
 			if (mon.awoken == card.awakenings.length)
 			{
@@ -1656,12 +1662,12 @@ function changeid(mon,monDom,latentDom)
 	{
 		if (mon.sawoken != undefined && mon.sawoken>=0 && card.superAwakenings.length)
 		{
-			sawoken.classList.remove("display-none");
+			sawoken.classList.remove(className_displayNone);
 			const sawokenIcon = sawoken.querySelector(".awoken-icon");
 			sawokenIcon.setAttribute("data-awoken-icon",card.superAwakenings[mon.sawoken]);
 		}else
 		{
-			sawoken.classList.add("display-none");
+			sawoken.classList.add(className_displayNone);
 		}
 	}
 	const m_id = monDom.querySelector(".id");
@@ -1676,18 +1682,18 @@ function changeid(mon,monDom,latentDom)
 		const plusCount = plusArr[0]+plusArr[1]+plusArr[2];
 		if (plusCount <= 0)
 		{
-			plusDom.classList.add("display-none");
+			plusDom.classList.add(className_displayNone);
 		}else if (plusCount >= 297)
 		{
 			plusDom.classList.add("has297");
-			plusDom.classList.remove("display-none");
+			plusDom.classList.remove(className_displayNone);
 		}else
 		{
 			plusDom.querySelector(".hp").innerHTML = plusArr[0];
 			plusDom.querySelector(".atk").innerHTML = plusArr[1];
 			plusDom.querySelector(".rcv").innerHTML = plusArr[2];
 			plusDom.classList.remove("has297");
-			plusDom.classList.remove("display-none");
+			plusDom.classList.remove(className_displayNone);
 		}
 	}
 	if (latentDom)
@@ -1702,10 +1708,10 @@ function changeid(mon,monDom,latentDom)
 			});
 			if (latent.length < 1)
 			{
-				latentDom.classList.add("display-none");
+				latentDom.classList.add(className_displayNone);
 			}else
 			{
-				latentDom.classList.remove("display-none");
+				latentDom.classList.remove(className_displayNone);
 
 				const usedHoleN = usedHole(latent); //使用的格子数
 				const maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
@@ -1715,22 +1721,22 @@ function changeid(mon,monDom,latentDom)
 					if (latent[ai]) //有的潜觉
 					{
 						latentDoms[ai].setAttribute("data-latent-icon", latent[ai]);
-						latentDoms[ai].classList.remove("display-none");
+						latentDoms[ai].classList.remove(className_displayNone);
 					}
 					else if(ai<showLatentCount) //空格
 					{
 						latentDoms[ai].removeAttribute("data-latent-icon");
-						latentDoms[ai].classList.remove("display-none");
+						latentDoms[ai].classList.remove(className_displayNone);
 					}
 					else //不显示的部分
 					{
-						latentDoms[ai].classList.add("display-none");
+						latentDoms[ai].classList.add(className_displayNone);
 					}
 				}
 			}
 		}else
 		{
-			latentDom.classList.add("display-none");
+			latentDom.classList.add(className_displayNone);
 		}
 	}
 
@@ -1740,10 +1746,10 @@ function changeid(mon,monDom,latentDom)
 		//const skill = Skills[card.activeSkillId];
 		if (card.activeSkillId == 0)
 		{
-			skillCdDom.classList.add("display-none");
+			skillCdDom.classList.add(className_displayNone);
 		}else
 		{
-			skillCdDom.classList.remove("display-none");
+			skillCdDom.classList.remove(className_displayNone);
 		}
 	}
 
@@ -1809,13 +1815,13 @@ function editMon(teamNum,isAssist,indexInTeam)
 	{
 		editBox.latent = mon.latent ? mon.latent.concat() : [];
 		editBox.refreshLatent(editBox.latent, mon.id);
-		btnDelay.classList.add("display-none");
-		rowMonLatent.classList.remove("display-none");
+		btnDelay.classList.add(className_displayNone);
+		rowMonLatent.classList.remove(className_displayNone);
 		editBoxTitle.classList.remove("edit-box-title-assist");
 	}else
 	{
-		btnDelay.classList.remove("display-none");
-		rowMonLatent.classList.add("display-none");
+		btnDelay.classList.remove(className_displayNone);
+		rowMonLatent.classList.add(className_displayNone);
 		editBoxTitle.classList.add("edit-box-title-assist");
 	}
 	editBox.reCalculateExp();
@@ -1857,20 +1863,20 @@ function editBoxChangeMonId(id)
 	mSeriesId.setAttribute("data-seriesId",card.seriesId);
 	if (card.seriesId == 0)
 	{
-		mSeriesId.classList.add("display-none");
+		mSeriesId.classList.add(className_displayNone);
 	}else
 	{
-		mSeriesId.classList.remove("display-none");
+		mSeriesId.classList.remove(className_displayNone);
 	}
 	const mCollabId = monInfoBox.querySelector(".monster-collabId");
 	mCollabId.innerHTML = card.collabId;
 	mCollabId.setAttribute("data-collabId",card.collabId);
 	if (card.collabId == 0)
 	{
-		mCollabId.classList.add("display-none");
+		mCollabId.classList.add(className_displayNone);
 	}else
 	{
-		mCollabId.classList.remove("display-none");
+		mCollabId.classList.remove(className_displayNone);
 	}
 	const mAltName = monInfoBox.querySelector(".monster-altName");
 	mAltName.innerHTML = card.altName;
@@ -1878,10 +1884,10 @@ function editBoxChangeMonId(id)
 
 	if (card.altName.length == 0)
 	{ //当没有合作名
-		mAltName.classList.add("display-none");
+		mAltName.classList.add(className_displayNone);
 	}else
 	{
-		mAltName.classList.remove("display-none");
+		mAltName.classList.remove(className_displayNone);
 	}
 
 	const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
@@ -1915,10 +1921,10 @@ function editBoxChangeMonId(id)
 		{
 			mType[ti].setAttribute("data-type-name",card.types[ti]);
 			mType[ti].querySelector(".type-icon").setAttribute("data-type-icon",card.types[ti]);
-			mType[ti].classList.remove("display-none");
+			mType[ti].classList.remove(className_displayNone);
 		}else
 		{
-			mType[ti].classList.add("display-none");
+			mType[ti].classList.add(className_displayNone);
 		}
 	}
 
@@ -1962,10 +1968,10 @@ function editBoxChangeMonId(id)
 				mSAwoken[ai].classList.add(`display-none`);
 			}
 		}
-		monEditSAwokensRow.classList.remove("display-none");
+		monEditSAwokensRow.classList.remove(className_displayNone);
 	}else
 	{
-		monEditSAwokensRow.classList.add("display-none");
+		monEditSAwokensRow.classList.add(className_displayNone);
 	}
 	monEditSAwokensRow.querySelector("#sawoken-choice--1").click(); //选中隐藏的空超觉
 
@@ -1976,10 +1982,10 @@ function editBoxChangeMonId(id)
 	const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
 	if (card.limitBreakIncr)
 	{
-		monEditLv110.classList.remove("display-none");
+		monEditLv110.classList.remove(className_displayNone);
 	}else
 	{
-		monEditLv110.classList.add("display-none");
+		monEditLv110.classList.add(className_displayNone);
 	}
 	const rowPlus =  settingBox.querySelector(".row-mon-plus");
 	const rowLatent =  settingBox.querySelector(".row-mon-latent");
@@ -2150,9 +2156,9 @@ function refreshTeamAwokenCount(awokenDom,team){
 		const countDom = ali.querySelector(".count");
 		countDom.innerHTML = number;
 		if (number)
-			ali.classList.remove("display-none");
+			ali.classList.remove(className_displayNone);
 		else
-			ali.classList.add("display-none");
+			ali.classList.add(className_displayNone);
 	}
 	for (let ai=1;ai<=72;ai++)
 	{
@@ -2189,9 +2195,9 @@ function refreshFormationAwokenCount(awokenDom,teams){
 		const countDom = ali.querySelector(".count");
 		countDom.innerHTML = number;
 		if (number)
-			ali.classList.remove("display-none");
+			ali.classList.remove(className_displayNone);
 		else
-			ali.classList.add("display-none");
+			ali.classList.add(className_displayNone);
 	}
 	
 	for (let ai=1;ai<=72;ai++)
@@ -2240,11 +2246,11 @@ function refreshAbility(abilityDom,team,idx){
 	[hpDom,atkDom,rcvDom].forEach(function(div,ai){
 		if (mainAbility)
 		{
-			div.classList.remove("display-none");
+			div.classList.remove(className_displayNone);
 			div.innerHTML = memberData.ability[ai];
 		}else
 		{
-			div.classList.add("display-none");
+			div.classList.add(className_displayNone);
 			div.innerHTML = 0;
 		}
 	});

solo.html

@@ -435,78 +435,78 @@ var formation = new Formation(teamsCount,6);
 					<input type="checkbox" name="include-super-awoken" class="config-checkbox-ipt" id="include-super-awoken"><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
 				</div>
 				<ul class="awoken-ul">
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="43" value="43"></button><button class="count" value="43">0</button></li><!--7c-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="61" value="61"></button><button class="count" value="61">0</button></li><!--10c-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="58" value="58"></button><button class="count" value="58">0</button></li><!--下半血强化-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="48" value="48"></button><button class="count" value="48">0</button></li><!--破无效-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="19" value="19"></button><button class="count" value="19">0</button></li><!--手指-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="21" value="21"></button><button class="count" value="21">0</button></li><!--SB-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="45" value="45"></button><button class="count" value="45">0</button></li><!--心追-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="49" value="49"></button><button class="count" value="49">0</button></li><!--武器觉醒-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="52" value="52"></button><button class="count" value="52">0</button></li><!--大防封-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="11" value="11"></button><button class="count" value="11">0</button></li><!--防暗-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="12" value="12"></button><button class="count" value="12">0</button></li><!--防废-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="13" value="13"></button><button class="count" value="13">0</button></li><!--防毒-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="54" value="54"></button><button class="count" value="54">0</button></li><!--防云-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="55" value="55"></button><button class="count" value="55">0</button></li><!--防封条-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="1" value="1"></button><button class="count" value="1">0</button></li><!--HP+-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="2" value="2"></button><button class="count" value="2">0</button></li><!--攻击+-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="3" value="3"></button><button class="count" value="3">0</button></li><!--回复+-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="4" value="4"></button><button class="count" value="4">0</button></li><!--火盾-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="5" value="5"></button><button class="count" value="5">0</button></li><!--水盾-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="6" value="6"></button><button class="count" value="6">0</button></li><!--木盾-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="7" value="7"></button><button class="count" value="7">0</button></li><!--光盾-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="8" value="8"></button><button class="count" value="8">0</button></li><!--暗盾-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="9" value="9"></button><button class="count" value="9">0</button></li><!--自回-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="10" value="10"></button><button class="count" value="10">0</button></li><!--防封-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="14" value="14"></button><button class="count" value="14">0</button></li><!--火+-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="15" value="15"></button><button class="count" value="15">0</button></li><!--水+-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="16" value="16"></button><button class="count" value="16">0</button></li><!--木+-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="17" value="17"></button><button class="count" value="17">0</button></li><!--光+-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="18" value="18"></button><button class="count" value="18">0</button></li><!--暗+-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="20" value="20"></button><button class="count" value="20">0</button></li><!--心解-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="22" value="22"></button><button class="count" value="22">0</button></li><!--火横-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="23" value="23"></button><button class="count" value="23">0</button></li><!--水横-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="24" value="24"></button><button class="count" value="24">0</button></li><!--木横-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="25" value="25"></button><button class="count" value="25">0</button></li><!--光横-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="26" value="26"></button><button class="count" value="26">0</button></li><!--暗横-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="27" value="27"></button><button class="count" value="27">0</button></li><!--U-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="28" value="28"></button><button class="count" value="28">0</button></li><!--SX-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="29" value="29"></button><button class="count" value="29">0</button></li><!--心+-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="30" value="30"></button><button class="count" value="30">0</button></li><!--协力-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="31" value="31"></button><button class="count" value="31">0</button></li><!--龙杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="32" value="32"></button><button class="count" value="32">0</button></li><!--神杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="33" value="33"></button><button class="count" value="33">0</button></li><!--恶魔杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="34" value="34"></button><button class="count" value="34">0</button></li><!--机杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="35" value="35"></button><button class="count" value="35">0</button></li><!--平衡杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="36" value="36"></button><button class="count" value="36">0</button></li><!--攻击杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="37" value="37"></button><button class="count" value="37">0</button></li><!--体力杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="38" value="38"></button><button class="count" value="38">0</button></li><!--回复杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="39" value="39"></button><button class="count" value="39">0</button></li><!--进化杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="40" value="40"></button><button class="count" value="40">0</button></li><!--觉醒杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="41" value="41"></button><button class="count" value="41">0</button></li><!--强化杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="42" value="42"></button><button class="count" value="42">0</button></li><!--卖钱杀-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="44" value="44"></button><button class="count" value="44">0</button></li><!--5色破防-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="46" value="46"></button><button class="count" value="46">0</button></li><!--全体HP-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="47" value="47"></button><button class="count" value="47">0</button></li><!--全体回复-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="50" value="50"></button><button class="count" value="50">0</button></li><!--方块心追-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="51" value="51"></button><button class="count" value="51">0</button></li><!--5色溜-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="53" value="53"></button><button class="count" value="53">0</button></li><!--大手指-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="56" value="56"></button><button class="count" value="56">0</button></li><!--大SB-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="57" value="57"></button><button class="count" value="57">0</button></li><!--满血强化-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="59" value="59"></button><button class="count" value="59">0</button></li><!--L盾-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="60" value="60"></button><button class="count" value="60">0</button></li><!--L解锁-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="62" value="62"></button><button class="count" value="62">0</button></li><!--c珠-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="63" value="63"></button><button class="count" value="63">0</button></li><!--语音-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="64" value="64"></button><button class="count" value="64">0</button></li><!--奖励增加-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="65" value="65"></button><button class="count" value="65">0</button></li><!--HP--->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="66" value="66"></button><button class="count" value="66">0</button></li><!--攻击--->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="67" value="67"></button><button class="count" value="67">0</button></li><!--回复--->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="68" value="68"></button><button class="count" value="68">0</button></li><!--大防暗-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="69" value="69"></button><button class="count" value="69">0</button></li><!--大防废-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="70" value="70"></button><button class="count" value="70">0</button></li><!--大防毒-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="71" value="71"></button><button class="count" value="71">0</button></li><!--掉废-->
-					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="72" value="72"></button><button class="count" value="72">0</button></li><!--掉毒-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="43"></button><button class="count">0</button></li><!--7c-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="61"></button><button class="count">0</button></li><!--10c-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="58"></button><button class="count">0</button></li><!--下半血强化-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="48"></button><button class="count">0</button></li><!--破无效-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="19"></button><button class="count">0</button></li><!--手指-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="21"></button><button class="count">0</button></li><!--SB-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="45"></button><button class="count">0</button></li><!--心追-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="49"></button><button class="count">0</button></li><!--武器觉醒-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="52"></button><button class="count">0</button></li><!--大防封-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="11"></button><button class="count">0</button></li><!--防暗-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="12"></button><button class="count">0</button></li><!--防废-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="13"></button><button class="count">0</button></li><!--防毒-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="54"></button><button class="count">0</button></li><!--防云-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="55"></button><button class="count">0</button></li><!--防封条-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="1"></button><button class="count">0</button></li><!--HP+-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="2"></button><button class="count">0</button></li><!--攻击+-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="3"></button><button class="count">0</button></li><!--回复+-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="4"></button><button class="count">0</button></li><!--火盾-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="5"></button><button class="count">0</button></li><!--水盾-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="6"></button><button class="count">0</button></li><!--木盾-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="7"></button><button class="count">0</button></li><!--光盾-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="8"></button><button class="count">0</button></li><!--暗盾-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="9"></button><button class="count">0</button></li><!--自回-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="10"></button><button class="count">0</button></li><!--防封-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="14"></button><button class="count">0</button></li><!--火+-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="15"></button><button class="count">0</button></li><!--水+-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="16"></button><button class="count">0</button></li><!--木+-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="17"></button><button class="count">0</button></li><!--光+-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="18"></button><button class="count">0</button></li><!--暗+-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="20"></button><button class="count">0</button></li><!--心解-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="22"></button><button class="count">0</button></li><!--火横-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="23"></button><button class="count">0</button></li><!--水横-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="24"></button><button class="count">0</button></li><!--木横-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="25"></button><button class="count">0</button></li><!--光横-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="26"></button><button class="count">0</button></li><!--暗横-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="27"></button><button class="count">0</button></li><!--U-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="28"></button><button class="count">0</button></li><!--SX-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="29"></button><button class="count">0</button></li><!--心+-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="30"></button><button class="count">0</button></li><!--协力-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="31"></button><button class="count">0</button></li><!--龙杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="32"></button><button class="count">0</button></li><!--神杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="33"></button><button class="count">0</button></li><!--恶魔杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="34"></button><button class="count">0</button></li><!--机杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="35"></button><button class="count">0</button></li><!--平衡杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="36"></button><button class="count">0</button></li><!--攻击杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="37"></button><button class="count">0</button></li><!--体力杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="38"></button><button class="count">0</button></li><!--回复杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="39"></button><button class="count">0</button></li><!--进化杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="40"></button><button class="count">0</button></li><!--觉醒杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="41"></button><button class="count">0</button></li><!--强化杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="42"></button><button class="count">0</button></li><!--卖钱杀-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="44"></button><button class="count">0</button></li><!--5色破防-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="46"></button><button class="count">0</button></li><!--全体HP-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="47"></button><button class="count">0</button></li><!--全体回复-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="50"></button><button class="count">0</button></li><!--方块心追-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="51"></button><button class="count">0</button></li><!--5色溜-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="53"></button><button class="count">0</button></li><!--大手指-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="56"></button><button class="count">0</button></li><!--大SB-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="57"></button><button class="count">0</button></li><!--满血强化-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="59"></button><button class="count">0</button></li><!--L盾-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="60"></button><button class="count">0</button></li><!--L解锁-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="62"></button><button class="count">0</button></li><!--c珠-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="63"></button><button class="count">0</button></li><!--语音-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="64"></button><button class="count">0</button></li><!--奖励增加-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="65"></button><button class="count">0</button></li><!--HP--->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="66"></button><button class="count">0</button></li><!--攻击--->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="67"></button><button class="count">0</button></li><!--回复--->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="68"></button><button class="count">0</button></li><!--大防暗-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="69"></button><button class="count">0</button></li><!--大防废-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="70"></button><button class="count">0</button></li><!--大防毒-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="71"></button><button class="count">0</button></li><!--掉废-->
+					<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="72"></button><button class="count">0</button></li><!--掉毒-->
 				</ul>
 			</div>
 			<div class="sawoken-div"><!--超觉醒-->
@@ -709,39 +709,39 @@ var formation = new Formation(teamsCount,6);
 					<li class="latent-icon"></li>
 				</ul>
 				<ul class="m-latent-allowable-ul">
-					<li class="latent-icon" data-latent-icon="1" value="1"></li><!--HP-->
-					<li class="latent-icon" data-latent-icon="2" value="2"></li><!--攻击-->
-					<li class="latent-icon" data-latent-icon="3" value="3"></li><!--回复-->
-					<li class="latent-icon" data-latent-icon="4" value="4"></li><!--手指-->
-					<li class="latent-icon" data-latent-icon="5" value="5"></li><!--自回-->
-					<li class="latent-icon" data-latent-icon="6" value="6"></li><!--火盾-->
-					<li class="latent-icon" data-latent-icon="7" value="7"></li><!--水盾-->
-					<li class="latent-icon" data-latent-icon="8" value="8"></li><!--木盾-->
-					<li class="latent-icon" data-latent-icon="9" value="9"></li><!--光盾-->
-					<li class="latent-icon" data-latent-icon="10" value="10"></li><!--暗盾-->
-					<li class="latent-icon" data-latent-icon="11" value="11"></li><!--防坐-->
-					<li class="latent-icon" data-latent-icon="12" value="12"></li><!--三维-->
-					<li class="latent-icon" data-latent-icon="13" value="13"></li><!--进化杀-->
-					<li class="latent-icon" data-latent-icon="14" value="14"></li><!--觉醒杀-->
-					<li class="latent-icon" data-latent-icon="15" value="15"></li><!--强化杀-->
-					<li class="latent-icon" data-latent-icon="16" value="16"></li><!--卖钱杀-->
-					<li class="latent-icon" data-latent-icon="17" value="17"></li><!--神杀-->
-					<li class="latent-icon" data-latent-icon="18" value="18"></li><!--龙杀-->
-					<li class="latent-icon" data-latent-icon="19" value="19"></li><!--恶魔杀-->
-					<li class="latent-icon" data-latent-icon="20" value="20"></li><!--机械杀-->
-					<li class="latent-icon" data-latent-icon="21" value="21"></li><!--平衡杀-->
-					<li class="latent-icon" data-latent-icon="22" value="22"></li><!--攻击杀-->
-					<li class="latent-icon" data-latent-icon="23" value="23"></li><!--体力杀-->
-					<li class="latent-icon" data-latent-icon="24" value="24"></li><!--回复杀-->
-					<li class="latent-icon" data-latent-icon="25" value="25"></li><!--大HP-->
-					<li class="latent-icon" data-latent-icon="26" value="26"></li><!--大攻击-->
-					<li class="latent-icon" data-latent-icon="27" value="27"></li><!--大回复-->
-					<li class="latent-icon" data-latent-icon="28" value="28"></li><!--大手指-->
-					<li class="latent-icon" data-latent-icon="29" value="29"></li><!--大火盾-->
-					<li class="latent-icon" data-latent-icon="30" value="30"></li><!--大水盾-->
-					<li class="latent-icon" data-latent-icon="31" value="31"></li><!--大木盾-->
-					<li class="latent-icon" data-latent-icon="32" value="32"></li><!--大光盾-->
-					<li class="latent-icon" data-latent-icon="33" value="33"></li><!--大暗盾-->
+					<li class="latent-icon" data-latent-icon="1"></li><!--HP-->
+					<li class="latent-icon" data-latent-icon="2"></li><!--攻击-->
+					<li class="latent-icon" data-latent-icon="3"></li><!--回复-->
+					<li class="latent-icon" data-latent-icon="4"></li><!--手指-->
+					<li class="latent-icon" data-latent-icon="5"></li><!--自回-->
+					<li class="latent-icon" data-latent-icon="6"></li><!--火盾-->
+					<li class="latent-icon" data-latent-icon="7"></li><!--水盾-->
+					<li class="latent-icon" data-latent-icon="8"></li><!--木盾-->
+					<li class="latent-icon" data-latent-icon="9"></li><!--光盾-->
+					<li class="latent-icon" data-latent-icon="10"></li><!--暗盾-->
+					<li class="latent-icon" data-latent-icon="11"></li><!--防坐-->
+					<li class="latent-icon" data-latent-icon="12"></li><!--三维-->
+					<li class="latent-icon" data-latent-icon="13"></li><!--进化杀-->
+					<li class="latent-icon" data-latent-icon="14"></li><!--觉醒杀-->
+					<li class="latent-icon" data-latent-icon="15"></li><!--强化杀-->
+					<li class="latent-icon" data-latent-icon="16"></li><!--卖钱杀-->
+					<li class="latent-icon" data-latent-icon="17"></li><!--神杀-->
+					<li class="latent-icon" data-latent-icon="18"></li><!--龙杀-->
+					<li class="latent-icon" data-latent-icon="19"></li><!--恶魔杀-->
+					<li class="latent-icon" data-latent-icon="20"></li><!--机械杀-->
+					<li class="latent-icon" data-latent-icon="21"></li><!--平衡杀-->
+					<li class="latent-icon" data-latent-icon="22"></li><!--攻击杀-->
+					<li class="latent-icon" data-latent-icon="23"></li><!--体力杀-->
+					<li class="latent-icon" data-latent-icon="24"></li><!--回复杀-->
+					<li class="latent-icon" data-latent-icon="25"></li><!--大HP-->
+					<li class="latent-icon" data-latent-icon="26"></li><!--大攻击-->
+					<li class="latent-icon" data-latent-icon="27"></li><!--大回复-->
+					<li class="latent-icon" data-latent-icon="28"></li><!--大手指-->
+					<li class="latent-icon" data-latent-icon="29"></li><!--大火盾-->
+					<li class="latent-icon" data-latent-icon="30"></li><!--大水盾-->
+					<li class="latent-icon" data-latent-icon="31"></li><!--大木盾-->
+					<li class="latent-icon" data-latent-icon="32"></li><!--大光盾-->
+					<li class="latent-icon" data-latent-icon="33"></li><!--大暗盾-->
 				</ul>
 			</div>
 			<div class="setting-row row-mon-skill">

style-monsterimages.css

@@ -3,368 +3,368 @@
 .property{ /*主属性*/
 	background-position-y: 0;
 }
-.property--1{
+.property[data-property='-1']{
 	background: none; /*无*/
 }
-.property-0{
+.property[data-property='0']{
 	background-position-x: 0; /*火*/
 }
-.property-1{
+.property[data-property='1']{
 	background-position-x: -102px; /*水*/
 }
-.property-2{
+.property[data-property='2']{
 	background-position-x: -204px; /*木*/
 }
-.property-3{
+.property[data-property='3']{
 	background-position-x: -306px; /*光*/
 }
-.property-4{
+.property[data-property='4']{
 	background-position-x: -408px; /*暗*/
 }
 .subproperty{ /*副属性*/
 	background-position-y: -104px;
 }
-.subproperty--1{
+.subproperty[data-property='-1']{
 	background: none; /*无*/
 }
-.subproperty-0{
+.subproperty[data-property='0']{
 	background-position-x: 0; /*火*/
 }
-.subproperty-1{
+.subproperty[data-property='1']{
 	background-position-x: -102px; /*水*/
 }
-.subproperty-2{
+.subproperty[data-property='2']{
 	background-position-x: -204px; /*木*/
 }
-.subproperty-3{
+.subproperty[data-property='3']{
 	background-position-x: -306px; /*光*/
 }
-.subproperty-4{
+.subproperty[data-property='4']{
 	background-position-x: -408px; /*暗*/
 }
 /*宠物头像所用的图片*/
-.pet-cards-1{background-image: url(images/cards_ja/CARDS_001.PNG);}
-.pet-cards-2{background-image: url(images/cards_ja/CARDS_002.PNG);}
-.pet-cards-3{background-image: url(images/cards_ja/CARDS_003.PNG);}
-.pet-cards-4{background-image: url(images/cards_ja/CARDS_004.PNG);}
-.pet-cards-5{background-image: url(images/cards_ja/CARDS_005.PNG);}
-.pet-cards-6{background-image: url(images/cards_ja/CARDS_006.PNG);}
-.pet-cards-7{background-image: url(images/cards_ja/CARDS_007.PNG);}
-.pet-cards-8{background-image: url(images/cards_ja/CARDS_008.PNG);}
-.pet-cards-9{background-image: url(images/cards_ja/CARDS_009.PNG);}
-.pet-cards-10{background-image: url(images/cards_ja/CARDS_010.PNG);}
-.pet-cards-11{background-image: url(images/cards_ja/CARDS_011.PNG);}
-.pet-cards-12{background-image: url(images/cards_ja/CARDS_012.PNG);}
-.pet-cards-13{background-image: url(images/cards_ja/CARDS_013.PNG);}
-.pet-cards-14{background-image: url(images/cards_ja/CARDS_014.PNG);}
-.pet-cards-15{background-image: url(images/cards_ja/CARDS_015.PNG);}
-.pet-cards-16{background-image: url(images/cards_ja/CARDS_016.PNG);}
-.pet-cards-17{background-image: url(images/cards_ja/CARDS_017.PNG);}
-.pet-cards-18{background-image: url(images/cards_ja/CARDS_018.PNG);}
-.pet-cards-19{background-image: url(images/cards_ja/CARDS_019.PNG);}
-.pet-cards-20{background-image: url(images/cards_ja/CARDS_020.PNG);}
-.pet-cards-21{background-image: url(images/cards_ja/CARDS_021.PNG);}
-.pet-cards-22{background-image: url(images/cards_ja/CARDS_022.PNG);}
-.pet-cards-23{background-image: url(images/cards_ja/CARDS_023.PNG);}
-.pet-cards-24{background-image: url(images/cards_ja/CARDS_024.PNG);}
-.pet-cards-25{background-image: url(images/cards_ja/CARDS_025.PNG);}
-.pet-cards-26{background-image: url(images/cards_ja/CARDS_026.PNG);}
-.pet-cards-27{background-image: url(images/cards_ja/CARDS_027.PNG);}
-.pet-cards-28{background-image: url(images/cards_ja/CARDS_028.PNG);}
-.pet-cards-29{background-image: url(images/cards_ja/CARDS_029.PNG);}
-.pet-cards-30{background-image: url(images/cards_ja/CARDS_030.PNG);}
-.pet-cards-31{background-image: url(images/cards_ja/CARDS_031.PNG);}
-.pet-cards-32{background-image: url(images/cards_ja/CARDS_032.PNG);}
-.pet-cards-33{background-image: url(images/cards_ja/CARDS_033.PNG);}
-.pet-cards-34{background-image: url(images/cards_ja/CARDS_034.PNG);}
-.pet-cards-35{background-image: url(images/cards_ja/CARDS_035.PNG);}
-.pet-cards-36{background-image: url(images/cards_ja/CARDS_036.PNG);}
-.pet-cards-37{background-image: url(images/cards_ja/CARDS_037.PNG);}
-.pet-cards-38{background-image: url(images/cards_ja/CARDS_038.PNG);}
-.pet-cards-39{background-image: url(images/cards_ja/CARDS_039.PNG);}
-.pet-cards-40{background-image: url(images/cards_ja/CARDS_040.PNG);}
-.pet-cards-41{background-image: url(images/cards_ja/CARDS_041.PNG);}
-.pet-cards-42{background-image: url(images/cards_ja/CARDS_042.PNG);}
-.pet-cards-43{background-image: url(images/cards_ja/CARDS_043.PNG);}
-.pet-cards-44{background-image: url(images/cards_ja/CARDS_044.PNG);}
-.pet-cards-45{background-image: url(images/cards_ja/CARDS_045.PNG);}
-.pet-cards-46{background-image: url(images/cards_ja/CARDS_046.PNG);}
-.pet-cards-47{background-image: url(images/cards_ja/CARDS_047.PNG);}
-.pet-cards-48{background-image: url(images/cards_ja/CARDS_048.PNG);}
-.pet-cards-49{background-image: url(images/cards_ja/CARDS_049.PNG);}
-.pet-cards-50{background-image: url(images/cards_ja/CARDS_050.PNG);}
-.pet-cards-51{background-image: url(images/cards_ja/CARDS_051.PNG);}
-.pet-cards-52{background-image: url(images/cards_ja/CARDS_052.PNG);}
-.pet-cards-53{background-image: url(images/cards_ja/CARDS_053.PNG);}
-.pet-cards-54{background-image: url(images/cards_ja/CARDS_054.PNG);}
-.pet-cards-55{background-image: url(images/cards_ja/CARDS_055.PNG);}
-.pet-cards-56{background-image: url(images/cards_ja/CARDS_056.PNG);}
-.pet-cards-57{background-image: url(images/cards_ja/CARDS_057.PNG);}
-.pet-cards-58{background-image: url(images/cards_ja/CARDS_058.PNG);}
-.pet-cards-59{background-image: url(images/cards_ja/CARDS_059.PNG);}
-.pet-cards-60{background-image: url(images/cards_ja/CARDS_060.PNG);}
-.pet-cards-61{background-image: url(images/cards_ja/CARDS_061.PNG);}
-.pet-cards-62{background-image: url(images/cards_ja/CARDS_062.PNG);}
-.pet-cards-63{background-image: url(images/cards_ja/CARDS_063.PNG);}
-.pet-cards-64{background-image: url(images/cards_ja/CARDS_064.PNG);}
-.pet-cards-65{background-image: url(images/cards_ja/CARDS_065.PNG);}
-.pet-cards-66{background-image: url(images/cards_ja/CARDS_066.PNG);}
-.pet-cards-67{background-image: url(images/cards_ja/CARDS_067.PNG);}
-.pet-cards-68{background-image: url(images/cards_ja/CARDS_068.PNG);}
-.pet-cards-69{background-image: url(images/cards_ja/CARDS_069.PNG);}
-.pet-cards-70{background-image: url(images/cards_ja/CARDS_070.PNG);}
-.pet-cards-71{background-image: url(images/cards_ja/CARDS_071.PNG);}
-.pet-cards-72{background-image: url(images/cards_ja/CARDS_072.PNG);}
-.pet-cards-73{background-image: url(images/cards_ja/CARDS_073.PNG);}
-.pet-cards-74{background-image: url(images/cards_ja/CARDS_074.PNG);}
-.pet-cards-75{background-image: url(images/cards_ja/CARDS_075.PNG);}
-.pet-cards-76{background-image: url(images/cards_ja/CARDS_076.PNG);}
-.pet-cards-77{background-image: url(images/cards_ja/CARDS_077.PNG);}
-.pet-cards-78{background-image: url(images/cards_ja/CARDS_078.PNG);}
-.pet-cards-79{background-image: url(images/cards_ja/CARDS_079.PNG);}
-.pet-cards-80{background-image: url(images/cards_ja/CARDS_080.PNG);}
-.pet-cards-81{background-image: url(images/cards_ja/CARDS_081.PNG);}
-.pet-cards-82{background-image: url(images/cards_ja/CARDS_082.PNG);}
-.pet-cards-83{background-image: url(images/cards_ja/CARDS_083.PNG);}
-.pet-cards-84{background-image: url(images/cards_ja/CARDS_084.PNG);}
-.pet-cards-85{background-image: url(images/cards_ja/CARDS_085.PNG);}
-.pet-cards-86{background-image: url(images/cards_ja/CARDS_086.PNG);}
-.pet-cards-87{background-image: url(images/cards_ja/CARDS_087.PNG);}
-.pet-cards-88{background-image: url(images/cards_ja/CARDS_088.PNG);}
-.pet-cards-89{background-image: url(images/cards_ja/CARDS_089.PNG);}
-.pet-cards-90{background-image: url(images/cards_ja/CARDS_090.PNG);}
-.pet-cards-91{background-image: url(images/cards_ja/CARDS_091.PNG);}
-.pet-cards-92{background-image: url(images/cards_ja/CARDS_092.PNG);}
-.pet-cards-93{background-image: url(images/cards_ja/CARDS_093.PNG);}
-.pet-cards-94{background-image: url(images/cards_ja/CARDS_094.PNG);}
-.pet-cards-95{background-image: url(images/cards_ja/CARDS_095.PNG);}
-.pet-cards-96{background-image: url(images/cards_ja/CARDS_096.PNG);}
-.pet-cards-97{background-image: url(images/cards_ja/CARDS_097.PNG);}
-.pet-cards-98{background-image: url(images/cards_ja/CARDS_098.PNG);}
-.pet-cards-99{background-image: url(images/cards_ja/CARDS_099.PNG);}
+.monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);}
+.monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);}
+.monster[data-cards-pic-idx='3']{background-image: url(images/cards_ja/CARDS_003.PNG);}
+.monster[data-cards-pic-idx='4']{background-image: url(images/cards_ja/CARDS_004.PNG);}
+.monster[data-cards-pic-idx='5']{background-image: url(images/cards_ja/CARDS_005.PNG);}
+.monster[data-cards-pic-idx='6']{background-image: url(images/cards_ja/CARDS_006.PNG);}
+.monster[data-cards-pic-idx='7']{background-image: url(images/cards_ja/CARDS_007.PNG);}
+.monster[data-cards-pic-idx='8']{background-image: url(images/cards_ja/CARDS_008.PNG);}
+.monster[data-cards-pic-idx='9']{background-image: url(images/cards_ja/CARDS_009.PNG);}
+.monster[data-cards-pic-idx='10']{background-image: url(images/cards_ja/CARDS_010.PNG);}
+.monster[data-cards-pic-idx='11']{background-image: url(images/cards_ja/CARDS_011.PNG);}
+.monster[data-cards-pic-idx='12']{background-image: url(images/cards_ja/CARDS_012.PNG);}
+.monster[data-cards-pic-idx='13']{background-image: url(images/cards_ja/CARDS_013.PNG);}
+.monster[data-cards-pic-idx='14']{background-image: url(images/cards_ja/CARDS_014.PNG);}
+.monster[data-cards-pic-idx='15']{background-image: url(images/cards_ja/CARDS_015.PNG);}
+.monster[data-cards-pic-idx='16']{background-image: url(images/cards_ja/CARDS_016.PNG);}
+.monster[data-cards-pic-idx='17']{background-image: url(images/cards_ja/CARDS_017.PNG);}
+.monster[data-cards-pic-idx='18']{background-image: url(images/cards_ja/CARDS_018.PNG);}
+.monster[data-cards-pic-idx='19']{background-image: url(images/cards_ja/CARDS_019.PNG);}
+.monster[data-cards-pic-idx='20']{background-image: url(images/cards_ja/CARDS_020.PNG);}
+.monster[data-cards-pic-idx='21']{background-image: url(images/cards_ja/CARDS_021.PNG);}
+.monster[data-cards-pic-idx='22']{background-image: url(images/cards_ja/CARDS_022.PNG);}
+.monster[data-cards-pic-idx='23']{background-image: url(images/cards_ja/CARDS_023.PNG);}
+.monster[data-cards-pic-idx='24']{background-image: url(images/cards_ja/CARDS_024.PNG);}
+.monster[data-cards-pic-idx='25']{background-image: url(images/cards_ja/CARDS_025.PNG);}
+.monster[data-cards-pic-idx='26']{background-image: url(images/cards_ja/CARDS_026.PNG);}
+.monster[data-cards-pic-idx='27']{background-image: url(images/cards_ja/CARDS_027.PNG);}
+.monster[data-cards-pic-idx='28']{background-image: url(images/cards_ja/CARDS_028.PNG);}
+.monster[data-cards-pic-idx='29']{background-image: url(images/cards_ja/CARDS_029.PNG);}
+.monster[data-cards-pic-idx='30']{background-image: url(images/cards_ja/CARDS_030.PNG);}
+.monster[data-cards-pic-idx='31']{background-image: url(images/cards_ja/CARDS_031.PNG);}
+.monster[data-cards-pic-idx='32']{background-image: url(images/cards_ja/CARDS_032.PNG);}
+.monster[data-cards-pic-idx='33']{background-image: url(images/cards_ja/CARDS_033.PNG);}
+.monster[data-cards-pic-idx='34']{background-image: url(images/cards_ja/CARDS_034.PNG);}
+.monster[data-cards-pic-idx='35']{background-image: url(images/cards_ja/CARDS_035.PNG);}
+.monster[data-cards-pic-idx='36']{background-image: url(images/cards_ja/CARDS_036.PNG);}
+.monster[data-cards-pic-idx='37']{background-image: url(images/cards_ja/CARDS_037.PNG);}
+.monster[data-cards-pic-idx='38']{background-image: url(images/cards_ja/CARDS_038.PNG);}
+.monster[data-cards-pic-idx='39']{background-image: url(images/cards_ja/CARDS_039.PNG);}
+.monster[data-cards-pic-idx='40']{background-image: url(images/cards_ja/CARDS_040.PNG);}
+.monster[data-cards-pic-idx='41']{background-image: url(images/cards_ja/CARDS_041.PNG);}
+.monster[data-cards-pic-idx='42']{background-image: url(images/cards_ja/CARDS_042.PNG);}
+.monster[data-cards-pic-idx='43']{background-image: url(images/cards_ja/CARDS_043.PNG);}
+.monster[data-cards-pic-idx='44']{background-image: url(images/cards_ja/CARDS_044.PNG);}
+.monster[data-cards-pic-idx='45']{background-image: url(images/cards_ja/CARDS_045.PNG);}
+.monster[data-cards-pic-idx='46']{background-image: url(images/cards_ja/CARDS_046.PNG);}
+.monster[data-cards-pic-idx='47']{background-image: url(images/cards_ja/CARDS_047.PNG);}
+.monster[data-cards-pic-idx='48']{background-image: url(images/cards_ja/CARDS_048.PNG);}
+.monster[data-cards-pic-idx='49']{background-image: url(images/cards_ja/CARDS_049.PNG);}
+.monster[data-cards-pic-idx='50']{background-image: url(images/cards_ja/CARDS_050.PNG);}
+.monster[data-cards-pic-idx='51']{background-image: url(images/cards_ja/CARDS_051.PNG);}
+.monster[data-cards-pic-idx='52']{background-image: url(images/cards_ja/CARDS_052.PNG);}
+.monster[data-cards-pic-idx='53']{background-image: url(images/cards_ja/CARDS_053.PNG);}
+.monster[data-cards-pic-idx='54']{background-image: url(images/cards_ja/CARDS_054.PNG);}
+.monster[data-cards-pic-idx='55']{background-image: url(images/cards_ja/CARDS_055.PNG);}
+.monster[data-cards-pic-idx='56']{background-image: url(images/cards_ja/CARDS_056.PNG);}
+.monster[data-cards-pic-idx='57']{background-image: url(images/cards_ja/CARDS_057.PNG);}
+.monster[data-cards-pic-idx='58']{background-image: url(images/cards_ja/CARDS_058.PNG);}
+.monster[data-cards-pic-idx='59']{background-image: url(images/cards_ja/CARDS_059.PNG);}
+.monster[data-cards-pic-idx='60']{background-image: url(images/cards_ja/CARDS_060.PNG);}
+.monster[data-cards-pic-idx='61']{background-image: url(images/cards_ja/CARDS_061.PNG);}
+.monster[data-cards-pic-idx='62']{background-image: url(images/cards_ja/CARDS_062.PNG);}
+.monster[data-cards-pic-idx='63']{background-image: url(images/cards_ja/CARDS_063.PNG);}
+.monster[data-cards-pic-idx='64']{background-image: url(images/cards_ja/CARDS_064.PNG);}
+.monster[data-cards-pic-idx='65']{background-image: url(images/cards_ja/CARDS_065.PNG);}
+.monster[data-cards-pic-idx='66']{background-image: url(images/cards_ja/CARDS_066.PNG);}
+.monster[data-cards-pic-idx='67']{background-image: url(images/cards_ja/CARDS_067.PNG);}
+.monster[data-cards-pic-idx='68']{background-image: url(images/cards_ja/CARDS_068.PNG);}
+.monster[data-cards-pic-idx='69']{background-image: url(images/cards_ja/CARDS_069.PNG);}
+.monster[data-cards-pic-idx='70']{background-image: url(images/cards_ja/CARDS_070.PNG);}
+.monster[data-cards-pic-idx='71']{background-image: url(images/cards_ja/CARDS_071.PNG);}
+.monster[data-cards-pic-idx='72']{background-image: url(images/cards_ja/CARDS_072.PNG);}
+.monster[data-cards-pic-idx='73']{background-image: url(images/cards_ja/CARDS_073.PNG);}
+.monster[data-cards-pic-idx='74']{background-image: url(images/cards_ja/CARDS_074.PNG);}
+.monster[data-cards-pic-idx='75']{background-image: url(images/cards_ja/CARDS_075.PNG);}
+.monster[data-cards-pic-idx='76']{background-image: url(images/cards_ja/CARDS_076.PNG);}
+.monster[data-cards-pic-idx='77']{background-image: url(images/cards_ja/CARDS_077.PNG);}
+.monster[data-cards-pic-idx='78']{background-image: url(images/cards_ja/CARDS_078.PNG);}
+.monster[data-cards-pic-idx='79']{background-image: url(images/cards_ja/CARDS_079.PNG);}
+.monster[data-cards-pic-idx='80']{background-image: url(images/cards_ja/CARDS_080.PNG);}
+.monster[data-cards-pic-idx='81']{background-image: url(images/cards_ja/CARDS_081.PNG);}
+.monster[data-cards-pic-idx='82']{background-image: url(images/cards_ja/CARDS_082.PNG);}
+.monster[data-cards-pic-idx='83']{background-image: url(images/cards_ja/CARDS_083.PNG);}
+.monster[data-cards-pic-idx='84']{background-image: url(images/cards_ja/CARDS_084.PNG);}
+.monster[data-cards-pic-idx='85']{background-image: url(images/cards_ja/CARDS_085.PNG);}
+.monster[data-cards-pic-idx='86']{background-image: url(images/cards_ja/CARDS_086.PNG);}
+.monster[data-cards-pic-idx='87']{background-image: url(images/cards_ja/CARDS_087.PNG);}
+.monster[data-cards-pic-idx='88']{background-image: url(images/cards_ja/CARDS_088.PNG);}
+.monster[data-cards-pic-idx='89']{background-image: url(images/cards_ja/CARDS_089.PNG);}
+.monster[data-cards-pic-idx='90']{background-image: url(images/cards_ja/CARDS_090.PNG);}
+.monster[data-cards-pic-idx='91']{background-image: url(images/cards_ja/CARDS_091.PNG);}
+.monster[data-cards-pic-idx='92']{background-image: url(images/cards_ja/CARDS_092.PNG);}
+.monster[data-cards-pic-idx='93']{background-image: url(images/cards_ja/CARDS_093.PNG);}
+.monster[data-cards-pic-idx='94']{background-image: url(images/cards_ja/CARDS_094.PNG);}
+.monster[data-cards-pic-idx='95']{background-image: url(images/cards_ja/CARDS_095.PNG);}
+.monster[data-cards-pic-idx='96']{background-image: url(images/cards_ja/CARDS_096.PNG);}
+.monster[data-cards-pic-idx='97']{background-image: url(images/cards_ja/CARDS_097.PNG);}
+.monster[data-cards-pic-idx='98']{background-image: url(images/cards_ja/CARDS_098.PNG);}
+.monster[data-cards-pic-idx='99']{background-image: url(images/cards_ja/CARDS_099.PNG);}
 /*美服*/
-.ds-en .pet-cards-1{background-image: url(images/cards_en/CARDS_001.PNG);}
-.ds-en .pet-cards-2{background-image: url(images/cards_en/CARDS_002.PNG);}
-.ds-en .pet-cards-3{background-image: url(images/cards_en/CARDS_003.PNG);}
-.ds-en .pet-cards-4{background-image: url(images/cards_en/CARDS_004.PNG);}
-.ds-en .pet-cards-5{background-image: url(images/cards_en/CARDS_005.PNG);}
-.ds-en .pet-cards-6{background-image: url(images/cards_en/CARDS_006.PNG);}
-.ds-en .pet-cards-7{background-image: url(images/cards_en/CARDS_007.PNG);}
-.ds-en .pet-cards-8{background-image: url(images/cards_en/CARDS_008.PNG);}
-.ds-en .pet-cards-9{background-image: url(images/cards_en/CARDS_009.PNG);}
-.ds-en .pet-cards-10{background-image: url(images/cards_en/CARDS_010.PNG);}
-.ds-en .pet-cards-11{background-image: url(images/cards_en/CARDS_011.PNG);}
-.ds-en .pet-cards-12{background-image: url(images/cards_en/CARDS_012.PNG);}
-.ds-en .pet-cards-13{background-image: url(images/cards_en/CARDS_013.PNG);}
-.ds-en .pet-cards-14{background-image: url(images/cards_en/CARDS_014.PNG);}
-.ds-en .pet-cards-15{background-image: url(images/cards_en/CARDS_015.PNG);}
-.ds-en .pet-cards-16{background-image: url(images/cards_en/CARDS_016.PNG);}
-.ds-en .pet-cards-17{background-image: url(images/cards_en/CARDS_017.PNG);}
-.ds-en .pet-cards-18{background-image: url(images/cards_en/CARDS_018.PNG);}
-.ds-en .pet-cards-19{background-image: url(images/cards_en/CARDS_019.PNG);}
-.ds-en .pet-cards-20{background-image: url(images/cards_en/CARDS_020.PNG);}
-.ds-en .pet-cards-21{background-image: url(images/cards_en/CARDS_021.PNG);}
-.ds-en .pet-cards-22{background-image: url(images/cards_en/CARDS_022.PNG);}
-.ds-en .pet-cards-23{background-image: url(images/cards_en/CARDS_023.PNG);}
-.ds-en .pet-cards-24{background-image: url(images/cards_en/CARDS_024.PNG);}
-.ds-en .pet-cards-25{background-image: url(images/cards_en/CARDS_025.PNG);}
-.ds-en .pet-cards-26{background-image: url(images/cards_en/CARDS_026.PNG);}
-.ds-en .pet-cards-27{background-image: url(images/cards_en/CARDS_027.PNG);}
-.ds-en .pet-cards-28{background-image: url(images/cards_en/CARDS_028.PNG);}
-.ds-en .pet-cards-29{background-image: url(images/cards_en/CARDS_029.PNG);}
-.ds-en .pet-cards-30{background-image: url(images/cards_en/CARDS_030.PNG);}
-.ds-en .pet-cards-31{background-image: url(images/cards_en/CARDS_031.PNG);}
-.ds-en .pet-cards-32{background-image: url(images/cards_en/CARDS_032.PNG);}
-.ds-en .pet-cards-33{background-image: url(images/cards_en/CARDS_033.PNG);}
-.ds-en .pet-cards-34{background-image: url(images/cards_en/CARDS_034.PNG);}
-.ds-en .pet-cards-35{background-image: url(images/cards_en/CARDS_035.PNG);}
-.ds-en .pet-cards-36{background-image: url(images/cards_en/CARDS_036.PNG);}
-.ds-en .pet-cards-37{background-image: url(images/cards_en/CARDS_037.PNG);}
-.ds-en .pet-cards-38{background-image: url(images/cards_en/CARDS_038.PNG);}
-.ds-en .pet-cards-39{background-image: url(images/cards_en/CARDS_039.PNG);}
-.ds-en .pet-cards-40{background-image: url(images/cards_en/CARDS_040.PNG);}
-.ds-en .pet-cards-41{background-image: url(images/cards_en/CARDS_041.PNG);}
-.ds-en .pet-cards-42{background-image: url(images/cards_en/CARDS_042.PNG);}
-.ds-en .pet-cards-43{background-image: url(images/cards_en/CARDS_043.PNG);}
-.ds-en .pet-cards-44{background-image: url(images/cards_en/CARDS_044.PNG);}
-.ds-en .pet-cards-45{background-image: url(images/cards_en/CARDS_045.PNG);}
-.ds-en .pet-cards-46{background-image: url(images/cards_en/CARDS_046.PNG);}
-.ds-en .pet-cards-47{background-image: url(images/cards_en/CARDS_047.PNG);}
-.ds-en .pet-cards-48{background-image: url(images/cards_en/CARDS_048.PNG);}
-.ds-en .pet-cards-49{background-image: url(images/cards_en/CARDS_049.PNG);}
-.ds-en .pet-cards-50{background-image: url(images/cards_en/CARDS_050.PNG);}
-.ds-en .pet-cards-51{background-image: url(images/cards_en/CARDS_051.PNG);}
-.ds-en .pet-cards-52{background-image: url(images/cards_en/CARDS_052.PNG);}
-.ds-en .pet-cards-53{background-image: url(images/cards_en/CARDS_053.PNG);}
-.ds-en .pet-cards-54{background-image: url(images/cards_en/CARDS_054.PNG);}
-.ds-en .pet-cards-55{background-image: url(images/cards_en/CARDS_055.PNG);}
-.ds-en .pet-cards-56{background-image: url(images/cards_en/CARDS_056.PNG);}
-.ds-en .pet-cards-57{background-image: url(images/cards_en/CARDS_057.PNG);}
-.ds-en .pet-cards-58{background-image: url(images/cards_en/CARDS_058.PNG);}
-.ds-en .pet-cards-59{background-image: url(images/cards_en/CARDS_059.PNG);}
-.ds-en .pet-cards-60{background-image: url(images/cards_en/CARDS_060.PNG);}
-.ds-en .pet-cards-61{background-image: url(images/cards_en/CARDS_061.PNG);}
-.ds-en .pet-cards-62{background-image: url(images/cards_en/CARDS_062.PNG);}
-.ds-en .pet-cards-63{background-image: url(images/cards_en/CARDS_063.PNG);}
-.ds-en .pet-cards-64{background-image: url(images/cards_en/CARDS_064.PNG);}
-.ds-en .pet-cards-65{background-image: url(images/cards_en/CARDS_065.PNG);}
-.ds-en .pet-cards-66{background-image: url(images/cards_en/CARDS_066.PNG);}
-.ds-en .pet-cards-67{background-image: url(images/cards_en/CARDS_067.PNG);}
-.ds-en .pet-cards-68{background-image: url(images/cards_en/CARDS_068.PNG);}
-.ds-en .pet-cards-69{background-image: url(images/cards_en/CARDS_069.PNG);}
-.ds-en .pet-cards-70{background-image: url(images/cards_en/CARDS_070.PNG);}
-.ds-en .pet-cards-71{background-image: url(images/cards_en/CARDS_071.PNG);}
-.ds-en .pet-cards-72{background-image: url(images/cards_en/CARDS_072.PNG);}
-.ds-en .pet-cards-73{background-image: url(images/cards_en/CARDS_073.PNG);}
-.ds-en .pet-cards-74{background-image: url(images/cards_en/CARDS_074.PNG);}
-.ds-en .pet-cards-75{background-image: url(images/cards_en/CARDS_075.PNG);}
-.ds-en .pet-cards-76{background-image: url(images/cards_en/CARDS_076.PNG);}
-.ds-en .pet-cards-77{background-image: url(images/cards_en/CARDS_077.PNG);}
-.ds-en .pet-cards-78{background-image: url(images/cards_en/CARDS_078.PNG);}
-.ds-en .pet-cards-79{background-image: url(images/cards_en/CARDS_079.PNG);}
-.ds-en .pet-cards-80{background-image: url(images/cards_en/CARDS_080.PNG);}
-.ds-en .pet-cards-81{background-image: url(images/cards_en/CARDS_081.PNG);}
-.ds-en .pet-cards-82{background-image: url(images/cards_en/CARDS_082.PNG);}
-.ds-en .pet-cards-83{background-image: url(images/cards_en/CARDS_083.PNG);}
-.ds-en .pet-cards-84{background-image: url(images/cards_en/CARDS_084.PNG);}
-.ds-en .pet-cards-85{background-image: url(images/cards_en/CARDS_085.PNG);}
-.ds-en .pet-cards-86{background-image: url(images/cards_en/CARDS_086.PNG);}
-.ds-en .pet-cards-87{background-image: url(images/cards_en/CARDS_087.PNG);}
-.ds-en .pet-cards-88{background-image: url(images/cards_en/CARDS_088.PNG);}
-.ds-en .pet-cards-89{background-image: url(images/cards_en/CARDS_089.PNG);}
-.ds-en .pet-cards-90{background-image: url(images/cards_en/CARDS_090.PNG);}
-.ds-en .pet-cards-91{background-image: url(images/cards_en/CARDS_091.PNG);}
-.ds-en .pet-cards-92{background-image: url(images/cards_en/CARDS_092.PNG);}
-.ds-en .pet-cards-93{background-image: url(images/cards_en/CARDS_093.PNG);}
-.ds-en .pet-cards-94{background-image: url(images/cards_en/CARDS_094.PNG);}
-.ds-en .pet-cards-95{background-image: url(images/cards_en/CARDS_095.PNG);}
-.ds-en .pet-cards-96{background-image: url(images/cards_en/CARDS_096.PNG);}
-.ds-en .pet-cards-97{background-image: url(images/cards_en/CARDS_097.PNG);}
-.ds-en .pet-cards-98{background-image: url(images/cards_en/CARDS_098.PNG);}
-.ds-en .pet-cards-99{background-image: url(images/cards_en/CARDS_099.PNG);}
+.ds-en .monster[data-cards-pic-idx='1']{background-image: url(images/cards_en/CARDS_001.PNG);}
+.ds-en .monster[data-cards-pic-idx='2']{background-image: url(images/cards_en/CARDS_002.PNG);}
+.ds-en .monster[data-cards-pic-idx='3']{background-image: url(images/cards_en/CARDS_003.PNG);}
+.ds-en .monster[data-cards-pic-idx='4']{background-image: url(images/cards_en/CARDS_004.PNG);}
+.ds-en .monster[data-cards-pic-idx='5']{background-image: url(images/cards_en/CARDS_005.PNG);}
+.ds-en .monster[data-cards-pic-idx='6']{background-image: url(images/cards_en/CARDS_006.PNG);}
+.ds-en .monster[data-cards-pic-idx='7']{background-image: url(images/cards_en/CARDS_007.PNG);}
+.ds-en .monster[data-cards-pic-idx='8']{background-image: url(images/cards_en/CARDS_008.PNG);}
+.ds-en .monster[data-cards-pic-idx='9']{background-image: url(images/cards_en/CARDS_009.PNG);}
+.ds-en .monster[data-cards-pic-idx='10']{background-image: url(images/cards_en/CARDS_010.PNG);}
+.ds-en .monster[data-cards-pic-idx='11']{background-image: url(images/cards_en/CARDS_011.PNG);}
+.ds-en .monster[data-cards-pic-idx='12']{background-image: url(images/cards_en/CARDS_012.PNG);}
+.ds-en .monster[data-cards-pic-idx='13']{background-image: url(images/cards_en/CARDS_013.PNG);}
+.ds-en .monster[data-cards-pic-idx='14']{background-image: url(images/cards_en/CARDS_014.PNG);}
+.ds-en .monster[data-cards-pic-idx='15']{background-image: url(images/cards_en/CARDS_015.PNG);}
+.ds-en .monster[data-cards-pic-idx='16']{background-image: url(images/cards_en/CARDS_016.PNG);}
+.ds-en .monster[data-cards-pic-idx='17']{background-image: url(images/cards_en/CARDS_017.PNG);}
+.ds-en .monster[data-cards-pic-idx='18']{background-image: url(images/cards_en/CARDS_018.PNG);}
+.ds-en .monster[data-cards-pic-idx='19']{background-image: url(images/cards_en/CARDS_019.PNG);}
+.ds-en .monster[data-cards-pic-idx='20']{background-image: url(images/cards_en/CARDS_020.PNG);}
+.ds-en .monster[data-cards-pic-idx='21']{background-image: url(images/cards_en/CARDS_021.PNG);}
+.ds-en .monster[data-cards-pic-idx='22']{background-image: url(images/cards_en/CARDS_022.PNG);}
+.ds-en .monster[data-cards-pic-idx='23']{background-image: url(images/cards_en/CARDS_023.PNG);}
+.ds-en .monster[data-cards-pic-idx='24']{background-image: url(images/cards_en/CARDS_024.PNG);}
+.ds-en .monster[data-cards-pic-idx='25']{background-image: url(images/cards_en/CARDS_025.PNG);}
+.ds-en .monster[data-cards-pic-idx='26']{background-image: url(images/cards_en/CARDS_026.PNG);}
+.ds-en .monster[data-cards-pic-idx='27']{background-image: url(images/cards_en/CARDS_027.PNG);}
+.ds-en .monster[data-cards-pic-idx='28']{background-image: url(images/cards_en/CARDS_028.PNG);}
+.ds-en .monster[data-cards-pic-idx='29']{background-image: url(images/cards_en/CARDS_029.PNG);}
+.ds-en .monster[data-cards-pic-idx='30']{background-image: url(images/cards_en/CARDS_030.PNG);}
+.ds-en .monster[data-cards-pic-idx='31']{background-image: url(images/cards_en/CARDS_031.PNG);}
+.ds-en .monster[data-cards-pic-idx='32']{background-image: url(images/cards_en/CARDS_032.PNG);}
+.ds-en .monster[data-cards-pic-idx='33']{background-image: url(images/cards_en/CARDS_033.PNG);}
+.ds-en .monster[data-cards-pic-idx='34']{background-image: url(images/cards_en/CARDS_034.PNG);}
+.ds-en .monster[data-cards-pic-idx='35']{background-image: url(images/cards_en/CARDS_035.PNG);}
+.ds-en .monster[data-cards-pic-idx='36']{background-image: url(images/cards_en/CARDS_036.PNG);}
+.ds-en .monster[data-cards-pic-idx='37']{background-image: url(images/cards_en/CARDS_037.PNG);}
+.ds-en .monster[data-cards-pic-idx='38']{background-image: url(images/cards_en/CARDS_038.PNG);}
+.ds-en .monster[data-cards-pic-idx='39']{background-image: url(images/cards_en/CARDS_039.PNG);}
+.ds-en .monster[data-cards-pic-idx='40']{background-image: url(images/cards_en/CARDS_040.PNG);}
+.ds-en .monster[data-cards-pic-idx='41']{background-image: url(images/cards_en/CARDS_041.PNG);}
+.ds-en .monster[data-cards-pic-idx='42']{background-image: url(images/cards_en/CARDS_042.PNG);}
+.ds-en .monster[data-cards-pic-idx='43']{background-image: url(images/cards_en/CARDS_043.PNG);}
+.ds-en .monster[data-cards-pic-idx='44']{background-image: url(images/cards_en/CARDS_044.PNG);}
+.ds-en .monster[data-cards-pic-idx='45']{background-image: url(images/cards_en/CARDS_045.PNG);}
+.ds-en .monster[data-cards-pic-idx='46']{background-image: url(images/cards_en/CARDS_046.PNG);}
+.ds-en .monster[data-cards-pic-idx='47']{background-image: url(images/cards_en/CARDS_047.PNG);}
+.ds-en .monster[data-cards-pic-idx='48']{background-image: url(images/cards_en/CARDS_048.PNG);}
+.ds-en .monster[data-cards-pic-idx='49']{background-image: url(images/cards_en/CARDS_049.PNG);}
+.ds-en .monster[data-cards-pic-idx='50']{background-image: url(images/cards_en/CARDS_050.PNG);}
+.ds-en .monster[data-cards-pic-idx='51']{background-image: url(images/cards_en/CARDS_051.PNG);}
+.ds-en .monster[data-cards-pic-idx='52']{background-image: url(images/cards_en/CARDS_052.PNG);}
+.ds-en .monster[data-cards-pic-idx='53']{background-image: url(images/cards_en/CARDS_053.PNG);}
+.ds-en .monster[data-cards-pic-idx='54']{background-image: url(images/cards_en/CARDS_054.PNG);}
+.ds-en .monster[data-cards-pic-idx='55']{background-image: url(images/cards_en/CARDS_055.PNG);}
+.ds-en .monster[data-cards-pic-idx='56']{background-image: url(images/cards_en/CARDS_056.PNG);}
+.ds-en .monster[data-cards-pic-idx='57']{background-image: url(images/cards_en/CARDS_057.PNG);}
+.ds-en .monster[data-cards-pic-idx='58']{background-image: url(images/cards_en/CARDS_058.PNG);}
+.ds-en .monster[data-cards-pic-idx='59']{background-image: url(images/cards_en/CARDS_059.PNG);}
+.ds-en .monster[data-cards-pic-idx='60']{background-image: url(images/cards_en/CARDS_060.PNG);}
+.ds-en .monster[data-cards-pic-idx='61']{background-image: url(images/cards_en/CARDS_061.PNG);}
+.ds-en .monster[data-cards-pic-idx='62']{background-image: url(images/cards_en/CARDS_062.PNG);}
+.ds-en .monster[data-cards-pic-idx='63']{background-image: url(images/cards_en/CARDS_063.PNG);}
+.ds-en .monster[data-cards-pic-idx='64']{background-image: url(images/cards_en/CARDS_064.PNG);}
+.ds-en .monster[data-cards-pic-idx='65']{background-image: url(images/cards_en/CARDS_065.PNG);}
+.ds-en .monster[data-cards-pic-idx='66']{background-image: url(images/cards_en/CARDS_066.PNG);}
+.ds-en .monster[data-cards-pic-idx='67']{background-image: url(images/cards_en/CARDS_067.PNG);}
+.ds-en .monster[data-cards-pic-idx='68']{background-image: url(images/cards_en/CARDS_068.PNG);}
+.ds-en .monster[data-cards-pic-idx='69']{background-image: url(images/cards_en/CARDS_069.PNG);}
+.ds-en .monster[data-cards-pic-idx='70']{background-image: url(images/cards_en/CARDS_070.PNG);}
+.ds-en .monster[data-cards-pic-idx='71']{background-image: url(images/cards_en/CARDS_071.PNG);}
+.ds-en .monster[data-cards-pic-idx='72']{background-image: url(images/cards_en/CARDS_072.PNG);}
+.ds-en .monster[data-cards-pic-idx='73']{background-image: url(images/cards_en/CARDS_073.PNG);}
+.ds-en .monster[data-cards-pic-idx='74']{background-image: url(images/cards_en/CARDS_074.PNG);}
+.ds-en .monster[data-cards-pic-idx='75']{background-image: url(images/cards_en/CARDS_075.PNG);}
+.ds-en .monster[data-cards-pic-idx='76']{background-image: url(images/cards_en/CARDS_076.PNG);}
+.ds-en .monster[data-cards-pic-idx='77']{background-image: url(images/cards_en/CARDS_077.PNG);}
+.ds-en .monster[data-cards-pic-idx='78']{background-image: url(images/cards_en/CARDS_078.PNG);}
+.ds-en .monster[data-cards-pic-idx='79']{background-image: url(images/cards_en/CARDS_079.PNG);}
+.ds-en .monster[data-cards-pic-idx='80']{background-image: url(images/cards_en/CARDS_080.PNG);}
+.ds-en .monster[data-cards-pic-idx='81']{background-image: url(images/cards_en/CARDS_081.PNG);}
+.ds-en .monster[data-cards-pic-idx='82']{background-image: url(images/cards_en/CARDS_082.PNG);}
+.ds-en .monster[data-cards-pic-idx='83']{background-image: url(images/cards_en/CARDS_083.PNG);}
+.ds-en .monster[data-cards-pic-idx='84']{background-image: url(images/cards_en/CARDS_084.PNG);}
+.ds-en .monster[data-cards-pic-idx='85']{background-image: url(images/cards_en/CARDS_085.PNG);}
+.ds-en .monster[data-cards-pic-idx='86']{background-image: url(images/cards_en/CARDS_086.PNG);}
+.ds-en .monster[data-cards-pic-idx='87']{background-image: url(images/cards_en/CARDS_087.PNG);}
+.ds-en .monster[data-cards-pic-idx='88']{background-image: url(images/cards_en/CARDS_088.PNG);}
+.ds-en .monster[data-cards-pic-idx='89']{background-image: url(images/cards_en/CARDS_089.PNG);}
+.ds-en .monster[data-cards-pic-idx='90']{background-image: url(images/cards_en/CARDS_090.PNG);}
+.ds-en .monster[data-cards-pic-idx='91']{background-image: url(images/cards_en/CARDS_091.PNG);}
+.ds-en .monster[data-cards-pic-idx='92']{background-image: url(images/cards_en/CARDS_092.PNG);}
+.ds-en .monster[data-cards-pic-idx='93']{background-image: url(images/cards_en/CARDS_093.PNG);}
+.ds-en .monster[data-cards-pic-idx='94']{background-image: url(images/cards_en/CARDS_094.PNG);}
+.ds-en .monster[data-cards-pic-idx='95']{background-image: url(images/cards_en/CARDS_095.PNG);}
+.ds-en .monster[data-cards-pic-idx='96']{background-image: url(images/cards_en/CARDS_096.PNG);}
+.ds-en .monster[data-cards-pic-idx='97']{background-image: url(images/cards_en/CARDS_097.PNG);}
+.ds-en .monster[data-cards-pic-idx='98']{background-image: url(images/cards_en/CARDS_098.PNG);}
+.ds-en .monster[data-cards-pic-idx='99']{background-image: url(images/cards_en/CARDS_099.PNG);}
 /*韩服*/
-.ds-ko .pet-cards-1{background-image: url(images/cards_ko/CARDS_001.PNG);}
-.ds-ko .pet-cards-2{background-image: url(images/cards_ko/CARDS_002.PNG);}
-.ds-ko .pet-cards-3{background-image: url(images/cards_ko/CARDS_003.PNG);}
-.ds-ko .pet-cards-4{background-image: url(images/cards_ko/CARDS_004.PNG);}
-.ds-ko .pet-cards-5{background-image: url(images/cards_ko/CARDS_005.PNG);}
-.ds-ko .pet-cards-6{background-image: url(images/cards_ko/CARDS_006.PNG);}
-.ds-ko .pet-cards-7{background-image: url(images/cards_ko/CARDS_007.PNG);}
-.ds-ko .pet-cards-8{background-image: url(images/cards_ko/CARDS_008.PNG);}
-.ds-ko .pet-cards-9{background-image: url(images/cards_ko/CARDS_009.PNG);}
-.ds-ko .pet-cards-10{background-image: url(images/cards_ko/CARDS_010.PNG);}
-.ds-ko .pet-cards-11{background-image: url(images/cards_ko/CARDS_011.PNG);}
-.ds-ko .pet-cards-12{background-image: url(images/cards_ko/CARDS_012.PNG);}
-.ds-ko .pet-cards-13{background-image: url(images/cards_ko/CARDS_013.PNG);}
-.ds-ko .pet-cards-14{background-image: url(images/cards_ko/CARDS_014.PNG);}
-.ds-ko .pet-cards-15{background-image: url(images/cards_ko/CARDS_015.PNG);}
-.ds-ko .pet-cards-16{background-image: url(images/cards_ko/CARDS_016.PNG);}
-.ds-ko .pet-cards-17{background-image: url(images/cards_ko/CARDS_017.PNG);}
-.ds-ko .pet-cards-18{background-image: url(images/cards_ko/CARDS_018.PNG);}
-.ds-ko .pet-cards-19{background-image: url(images/cards_ko/CARDS_019.PNG);}
-.ds-ko .pet-cards-20{background-image: url(images/cards_ko/CARDS_020.PNG);}
-.ds-ko .pet-cards-21{background-image: url(images/cards_ko/CARDS_021.PNG);}
-.ds-ko .pet-cards-22{background-image: url(images/cards_ko/CARDS_022.PNG);}
-.ds-ko .pet-cards-23{background-image: url(images/cards_ko/CARDS_023.PNG);}
-.ds-ko .pet-cards-24{background-image: url(images/cards_ko/CARDS_024.PNG);}
-.ds-ko .pet-cards-25{background-image: url(images/cards_ko/CARDS_025.PNG);}
-.ds-ko .pet-cards-26{background-image: url(images/cards_ko/CARDS_026.PNG);}
-.ds-ko .pet-cards-27{background-image: url(images/cards_ko/CARDS_027.PNG);}
-.ds-ko .pet-cards-28{background-image: url(images/cards_ko/CARDS_028.PNG);}
-.ds-ko .pet-cards-29{background-image: url(images/cards_ko/CARDS_029.PNG);}
-.ds-ko .pet-cards-30{background-image: url(images/cards_ko/CARDS_030.PNG);}
-.ds-ko .pet-cards-31{background-image: url(images/cards_ko/CARDS_031.PNG);}
-.ds-ko .pet-cards-32{background-image: url(images/cards_ko/CARDS_032.PNG);}
-.ds-ko .pet-cards-33{background-image: url(images/cards_ko/CARDS_033.PNG);}
-.ds-ko .pet-cards-34{background-image: url(images/cards_ko/CARDS_034.PNG);}
-.ds-ko .pet-cards-35{background-image: url(images/cards_ko/CARDS_035.PNG);}
-.ds-ko .pet-cards-36{background-image: url(images/cards_ko/CARDS_036.PNG);}
-.ds-ko .pet-cards-37{background-image: url(images/cards_ko/CARDS_037.PNG);}
-.ds-ko .pet-cards-38{background-image: url(images/cards_ko/CARDS_038.PNG);}
-.ds-ko .pet-cards-39{background-image: url(images/cards_ko/CARDS_039.PNG);}
-.ds-ko .pet-cards-40{background-image: url(images/cards_ko/CARDS_040.PNG);}
-.ds-ko .pet-cards-41{background-image: url(images/cards_ko/CARDS_041.PNG);}
-.ds-ko .pet-cards-42{background-image: url(images/cards_ko/CARDS_042.PNG);}
-.ds-ko .pet-cards-43{background-image: url(images/cards_ko/CARDS_043.PNG);}
-.ds-ko .pet-cards-44{background-image: url(images/cards_ko/CARDS_044.PNG);}
-.ds-ko .pet-cards-45{background-image: url(images/cards_ko/CARDS_045.PNG);}
-.ds-ko .pet-cards-46{background-image: url(images/cards_ko/CARDS_046.PNG);}
-.ds-ko .pet-cards-47{background-image: url(images/cards_ko/CARDS_047.PNG);}
-.ds-ko .pet-cards-48{background-image: url(images/cards_ko/CARDS_048.PNG);}
-.ds-ko .pet-cards-49{background-image: url(images/cards_ko/CARDS_049.PNG);}
-.ds-ko .pet-cards-50{background-image: url(images/cards_ko/CARDS_050.PNG);}
-.ds-ko .pet-cards-51{background-image: url(images/cards_ko/CARDS_051.PNG);}
-.ds-ko .pet-cards-52{background-image: url(images/cards_ko/CARDS_052.PNG);}
-.ds-ko .pet-cards-53{background-image: url(images/cards_ko/CARDS_053.PNG);}
-.ds-ko .pet-cards-54{background-image: url(images/cards_ko/CARDS_054.PNG);}
-.ds-ko .pet-cards-55{background-image: url(images/cards_ko/CARDS_055.PNG);}
-.ds-ko .pet-cards-56{background-image: url(images/cards_ko/CARDS_056.PNG);}
-.ds-ko .pet-cards-57{background-image: url(images/cards_ko/CARDS_057.PNG);}
-.ds-ko .pet-cards-58{background-image: url(images/cards_ko/CARDS_058.PNG);}
-.ds-ko .pet-cards-59{background-image: url(images/cards_ko/CARDS_059.PNG);}
-.ds-ko .pet-cards-60{background-image: url(images/cards_ko/CARDS_060.PNG);}
-.ds-ko .pet-cards-61{background-image: url(images/cards_ko/CARDS_061.PNG);}
-.ds-ko .pet-cards-62{background-image: url(images/cards_ko/CARDS_062.PNG);}
-.ds-ko .pet-cards-63{background-image: url(images/cards_ko/CARDS_063.PNG);}
-.ds-ko .pet-cards-64{background-image: url(images/cards_ko/CARDS_064.PNG);}
-.ds-ko .pet-cards-65{background-image: url(images/cards_ko/CARDS_065.PNG);}
-.ds-ko .pet-cards-66{background-image: url(images/cards_ko/CARDS_066.PNG);}
-.ds-ko .pet-cards-67{background-image: url(images/cards_ko/CARDS_067.PNG);}
-.ds-ko .pet-cards-68{background-image: url(images/cards_ko/CARDS_068.PNG);}
-.ds-ko .pet-cards-69{background-image: url(images/cards_ko/CARDS_069.PNG);}
-.ds-ko .pet-cards-70{background-image: url(images/cards_ko/CARDS_070.PNG);}
-.ds-ko .pet-cards-71{background-image: url(images/cards_ko/CARDS_071.PNG);}
-.ds-ko .pet-cards-72{background-image: url(images/cards_ko/CARDS_072.PNG);}
-.ds-ko .pet-cards-73{background-image: url(images/cards_ko/CARDS_073.PNG);}
-.ds-ko .pet-cards-74{background-image: url(images/cards_ko/CARDS_074.PNG);}
-.ds-ko .pet-cards-75{background-image: url(images/cards_ko/CARDS_075.PNG);}
-.ds-ko .pet-cards-76{background-image: url(images/cards_ko/CARDS_076.PNG);}
-.ds-ko .pet-cards-77{background-image: url(images/cards_ko/CARDS_077.PNG);}
-.ds-ko .pet-cards-78{background-image: url(images/cards_ko/CARDS_078.PNG);}
-.ds-ko .pet-cards-79{background-image: url(images/cards_ko/CARDS_079.PNG);}
-.ds-ko .pet-cards-80{background-image: url(images/cards_ko/CARDS_080.PNG);}
-.ds-ko .pet-cards-81{background-image: url(images/cards_ko/CARDS_081.PNG);}
-.ds-ko .pet-cards-82{background-image: url(images/cards_ko/CARDS_082.PNG);}
-.ds-ko .pet-cards-83{background-image: url(images/cards_ko/CARDS_083.PNG);}
-.ds-ko .pet-cards-84{background-image: url(images/cards_ko/CARDS_084.PNG);}
-.ds-ko .pet-cards-85{background-image: url(images/cards_ko/CARDS_085.PNG);}
-.ds-ko .pet-cards-86{background-image: url(images/cards_ko/CARDS_086.PNG);}
-.ds-ko .pet-cards-87{background-image: url(images/cards_ko/CARDS_087.PNG);}
-.ds-ko .pet-cards-88{background-image: url(images/cards_ko/CARDS_088.PNG);}
-.ds-ko .pet-cards-89{background-image: url(images/cards_ko/CARDS_089.PNG);}
-.ds-ko .pet-cards-90{background-image: url(images/cards_ko/CARDS_090.PNG);}
-.ds-ko .pet-cards-91{background-image: url(images/cards_ko/CARDS_091.PNG);}
-.ds-ko .pet-cards-92{background-image: url(images/cards_ko/CARDS_092.PNG);}
-.ds-ko .pet-cards-93{background-image: url(images/cards_ko/CARDS_093.PNG);}
-.ds-ko .pet-cards-94{background-image: url(images/cards_ko/CARDS_094.PNG);}
-.ds-ko .pet-cards-95{background-image: url(images/cards_ko/CARDS_095.PNG);}
-.ds-ko .pet-cards-96{background-image: url(images/cards_ko/CARDS_096.PNG);}
-.ds-ko .pet-cards-97{background-image: url(images/cards_ko/CARDS_097.PNG);}
-.ds-ko .pet-cards-98{background-image: url(images/cards_ko/CARDS_098.PNG);}
-.ds-ko .pet-cards-99{background-image: url(images/cards_ko/CARDS_099.PNG);}
-/*.en-only.pet-cards-54{background-image: url(images/cards/en/CARDS_054.PNG);}
-.en-only.pet-cards-55{background-image: url(images/cards/en/CARDS_055.PNG);}*/
+.ds-ko .monster[data-cards-pic-idx='1']{background-image: url(images/cards_ko/CARDS_001.PNG);}
+.ds-ko .monster[data-cards-pic-idx='2']{background-image: url(images/cards_ko/CARDS_002.PNG);}
+.ds-ko .monster[data-cards-pic-idx='3']{background-image: url(images/cards_ko/CARDS_003.PNG);}
+.ds-ko .monster[data-cards-pic-idx='4']{background-image: url(images/cards_ko/CARDS_004.PNG);}
+.ds-ko .monster[data-cards-pic-idx='5']{background-image: url(images/cards_ko/CARDS_005.PNG);}
+.ds-ko .monster[data-cards-pic-idx='6']{background-image: url(images/cards_ko/CARDS_006.PNG);}
+.ds-ko .monster[data-cards-pic-idx='7']{background-image: url(images/cards_ko/CARDS_007.PNG);}
+.ds-ko .monster[data-cards-pic-idx='8']{background-image: url(images/cards_ko/CARDS_008.PNG);}
+.ds-ko .monster[data-cards-pic-idx='9']{background-image: url(images/cards_ko/CARDS_009.PNG);}
+.ds-ko .monster[data-cards-pic-idx='10']{background-image: url(images/cards_ko/CARDS_010.PNG);}
+.ds-ko .monster[data-cards-pic-idx='11']{background-image: url(images/cards_ko/CARDS_011.PNG);}
+.ds-ko .monster[data-cards-pic-idx='12']{background-image: url(images/cards_ko/CARDS_012.PNG);}
+.ds-ko .monster[data-cards-pic-idx='13']{background-image: url(images/cards_ko/CARDS_013.PNG);}
+.ds-ko .monster[data-cards-pic-idx='14']{background-image: url(images/cards_ko/CARDS_014.PNG);}
+.ds-ko .monster[data-cards-pic-idx='15']{background-image: url(images/cards_ko/CARDS_015.PNG);}
+.ds-ko .monster[data-cards-pic-idx='16']{background-image: url(images/cards_ko/CARDS_016.PNG);}
+.ds-ko .monster[data-cards-pic-idx='17']{background-image: url(images/cards_ko/CARDS_017.PNG);}
+.ds-ko .monster[data-cards-pic-idx='18']{background-image: url(images/cards_ko/CARDS_018.PNG);}
+.ds-ko .monster[data-cards-pic-idx='19']{background-image: url(images/cards_ko/CARDS_019.PNG);}
+.ds-ko .monster[data-cards-pic-idx='20']{background-image: url(images/cards_ko/CARDS_020.PNG);}
+.ds-ko .monster[data-cards-pic-idx='21']{background-image: url(images/cards_ko/CARDS_021.PNG);}
+.ds-ko .monster[data-cards-pic-idx='22']{background-image: url(images/cards_ko/CARDS_022.PNG);}
+.ds-ko .monster[data-cards-pic-idx='23']{background-image: url(images/cards_ko/CARDS_023.PNG);}
+.ds-ko .monster[data-cards-pic-idx='24']{background-image: url(images/cards_ko/CARDS_024.PNG);}
+.ds-ko .monster[data-cards-pic-idx='25']{background-image: url(images/cards_ko/CARDS_025.PNG);}
+.ds-ko .monster[data-cards-pic-idx='26']{background-image: url(images/cards_ko/CARDS_026.PNG);}
+.ds-ko .monster[data-cards-pic-idx='27']{background-image: url(images/cards_ko/CARDS_027.PNG);}
+.ds-ko .monster[data-cards-pic-idx='28']{background-image: url(images/cards_ko/CARDS_028.PNG);}
+.ds-ko .monster[data-cards-pic-idx='29']{background-image: url(images/cards_ko/CARDS_029.PNG);}
+.ds-ko .monster[data-cards-pic-idx='30']{background-image: url(images/cards_ko/CARDS_030.PNG);}
+.ds-ko .monster[data-cards-pic-idx='31']{background-image: url(images/cards_ko/CARDS_031.PNG);}
+.ds-ko .monster[data-cards-pic-idx='32']{background-image: url(images/cards_ko/CARDS_032.PNG);}
+.ds-ko .monster[data-cards-pic-idx='33']{background-image: url(images/cards_ko/CARDS_033.PNG);}
+.ds-ko .monster[data-cards-pic-idx='34']{background-image: url(images/cards_ko/CARDS_034.PNG);}
+.ds-ko .monster[data-cards-pic-idx='35']{background-image: url(images/cards_ko/CARDS_035.PNG);}
+.ds-ko .monster[data-cards-pic-idx='36']{background-image: url(images/cards_ko/CARDS_036.PNG);}
+.ds-ko .monster[data-cards-pic-idx='37']{background-image: url(images/cards_ko/CARDS_037.PNG);}
+.ds-ko .monster[data-cards-pic-idx='38']{background-image: url(images/cards_ko/CARDS_038.PNG);}
+.ds-ko .monster[data-cards-pic-idx='39']{background-image: url(images/cards_ko/CARDS_039.PNG);}
+.ds-ko .monster[data-cards-pic-idx='40']{background-image: url(images/cards_ko/CARDS_040.PNG);}
+.ds-ko .monster[data-cards-pic-idx='41']{background-image: url(images/cards_ko/CARDS_041.PNG);}
+.ds-ko .monster[data-cards-pic-idx='42']{background-image: url(images/cards_ko/CARDS_042.PNG);}
+.ds-ko .monster[data-cards-pic-idx='43']{background-image: url(images/cards_ko/CARDS_043.PNG);}
+.ds-ko .monster[data-cards-pic-idx='44']{background-image: url(images/cards_ko/CARDS_044.PNG);}
+.ds-ko .monster[data-cards-pic-idx='45']{background-image: url(images/cards_ko/CARDS_045.PNG);}
+.ds-ko .monster[data-cards-pic-idx='46']{background-image: url(images/cards_ko/CARDS_046.PNG);}
+.ds-ko .monster[data-cards-pic-idx='47']{background-image: url(images/cards_ko/CARDS_047.PNG);}
+.ds-ko .monster[data-cards-pic-idx='48']{background-image: url(images/cards_ko/CARDS_048.PNG);}
+.ds-ko .monster[data-cards-pic-idx='49']{background-image: url(images/cards_ko/CARDS_049.PNG);}
+.ds-ko .monster[data-cards-pic-idx='50']{background-image: url(images/cards_ko/CARDS_050.PNG);}
+.ds-ko .monster[data-cards-pic-idx='51']{background-image: url(images/cards_ko/CARDS_051.PNG);}
+.ds-ko .monster[data-cards-pic-idx='52']{background-image: url(images/cards_ko/CARDS_052.PNG);}
+.ds-ko .monster[data-cards-pic-idx='53']{background-image: url(images/cards_ko/CARDS_053.PNG);}
+.ds-ko .monster[data-cards-pic-idx='54']{background-image: url(images/cards_ko/CARDS_054.PNG);}
+.ds-ko .monster[data-cards-pic-idx='55']{background-image: url(images/cards_ko/CARDS_055.PNG);}
+.ds-ko .monster[data-cards-pic-idx='56']{background-image: url(images/cards_ko/CARDS_056.PNG);}
+.ds-ko .monster[data-cards-pic-idx='57']{background-image: url(images/cards_ko/CARDS_057.PNG);}
+.ds-ko .monster[data-cards-pic-idx='58']{background-image: url(images/cards_ko/CARDS_058.PNG);}
+.ds-ko .monster[data-cards-pic-idx='59']{background-image: url(images/cards_ko/CARDS_059.PNG);}
+.ds-ko .monster[data-cards-pic-idx='60']{background-image: url(images/cards_ko/CARDS_060.PNG);}
+.ds-ko .monster[data-cards-pic-idx='61']{background-image: url(images/cards_ko/CARDS_061.PNG);}
+.ds-ko .monster[data-cards-pic-idx='62']{background-image: url(images/cards_ko/CARDS_062.PNG);}
+.ds-ko .monster[data-cards-pic-idx='63']{background-image: url(images/cards_ko/CARDS_063.PNG);}
+.ds-ko .monster[data-cards-pic-idx='64']{background-image: url(images/cards_ko/CARDS_064.PNG);}
+.ds-ko .monster[data-cards-pic-idx='65']{background-image: url(images/cards_ko/CARDS_065.PNG);}
+.ds-ko .monster[data-cards-pic-idx='66']{background-image: url(images/cards_ko/CARDS_066.PNG);}
+.ds-ko .monster[data-cards-pic-idx='67']{background-image: url(images/cards_ko/CARDS_067.PNG);}
+.ds-ko .monster[data-cards-pic-idx='68']{background-image: url(images/cards_ko/CARDS_068.PNG);}
+.ds-ko .monster[data-cards-pic-idx='69']{background-image: url(images/cards_ko/CARDS_069.PNG);}
+.ds-ko .monster[data-cards-pic-idx='70']{background-image: url(images/cards_ko/CARDS_070.PNG);}
+.ds-ko .monster[data-cards-pic-idx='71']{background-image: url(images/cards_ko/CARDS_071.PNG);}
+.ds-ko .monster[data-cards-pic-idx='72']{background-image: url(images/cards_ko/CARDS_072.PNG);}
+.ds-ko .monster[data-cards-pic-idx='73']{background-image: url(images/cards_ko/CARDS_073.PNG);}
+.ds-ko .monster[data-cards-pic-idx='74']{background-image: url(images/cards_ko/CARDS_074.PNG);}
+.ds-ko .monster[data-cards-pic-idx='75']{background-image: url(images/cards_ko/CARDS_075.PNG);}
+.ds-ko .monster[data-cards-pic-idx='76']{background-image: url(images/cards_ko/CARDS_076.PNG);}
+.ds-ko .monster[data-cards-pic-idx='77']{background-image: url(images/cards_ko/CARDS_077.PNG);}
+.ds-ko .monster[data-cards-pic-idx='78']{background-image: url(images/cards_ko/CARDS_078.PNG);}
+.ds-ko .monster[data-cards-pic-idx='79']{background-image: url(images/cards_ko/CARDS_079.PNG);}
+.ds-ko .monster[data-cards-pic-idx='80']{background-image: url(images/cards_ko/CARDS_080.PNG);}
+.ds-ko .monster[data-cards-pic-idx='81']{background-image: url(images/cards_ko/CARDS_081.PNG);}
+.ds-ko .monster[data-cards-pic-idx='82']{background-image: url(images/cards_ko/CARDS_082.PNG);}
+.ds-ko .monster[data-cards-pic-idx='83']{background-image: url(images/cards_ko/CARDS_083.PNG);}
+.ds-ko .monster[data-cards-pic-idx='84']{background-image: url(images/cards_ko/CARDS_084.PNG);}
+.ds-ko .monster[data-cards-pic-idx='85']{background-image: url(images/cards_ko/CARDS_085.PNG);}
+.ds-ko .monster[data-cards-pic-idx='86']{background-image: url(images/cards_ko/CARDS_086.PNG);}
+.ds-ko .monster[data-cards-pic-idx='87']{background-image: url(images/cards_ko/CARDS_087.PNG);}
+.ds-ko .monster[data-cards-pic-idx='88']{background-image: url(images/cards_ko/CARDS_088.PNG);}
+.ds-ko .monster[data-cards-pic-idx='89']{background-image: url(images/cards_ko/CARDS_089.PNG);}
+.ds-ko .monster[data-cards-pic-idx='90']{background-image: url(images/cards_ko/CARDS_090.PNG);}
+.ds-ko .monster[data-cards-pic-idx='91']{background-image: url(images/cards_ko/CARDS_091.PNG);}
+.ds-ko .monster[data-cards-pic-idx='92']{background-image: url(images/cards_ko/CARDS_092.PNG);}
+.ds-ko .monster[data-cards-pic-idx='93']{background-image: url(images/cards_ko/CARDS_093.PNG);}
+.ds-ko .monster[data-cards-pic-idx='94']{background-image: url(images/cards_ko/CARDS_094.PNG);}
+.ds-ko .monster[data-cards-pic-idx='95']{background-image: url(images/cards_ko/CARDS_095.PNG);}
+.ds-ko .monster[data-cards-pic-idx='96']{background-image: url(images/cards_ko/CARDS_096.PNG);}
+.ds-ko .monster[data-cards-pic-idx='97']{background-image: url(images/cards_ko/CARDS_097.PNG);}
+.ds-ko .monster[data-cards-pic-idx='98']{background-image: url(images/cards_ko/CARDS_098.PNG);}
+.ds-ko .monster[data-cards-pic-idx='99']{background-image: url(images/cards_ko/CARDS_099.PNG);}
+/*.en-only.monster[data-cards-pic-idx='54']{background-image: url(images/cards/en/CARDS_054.PNG);}
+.en-only.monster[data-cards-pic-idx='55']{background-image: url(images/cards/en/CARDS_055.PNG);}*/
 /*宠物在图中编号对应的坐标*/
-.pet-cards-index-x-0{background-position-x:0px;}
-.pet-cards-index-x-1{background-position-x:-102px;}
-.pet-cards-index-x-2{background-position-x:-204px;}
-.pet-cards-index-x-3{background-position-x:-306px;}
-.pet-cards-index-x-4{background-position-x:-408px;}
-.pet-cards-index-x-5{background-position-x:-510px;}
-.pet-cards-index-x-6{background-position-x:-612px;}
-.pet-cards-index-x-7{background-position-x:-714px;}
-.pet-cards-index-x-8{background-position-x:-816px;}
-.pet-cards-index-x-9{background-position-x:-918px;}
-.pet-cards-index-y-0{background-position-y:0px;}
-.pet-cards-index-y-1{background-position-y:-102px;}
-.pet-cards-index-y-2{background-position-y:-204px;}
-.pet-cards-index-y-3{background-position-y:-306px;}
-.pet-cards-index-y-4{background-position-y:-408px;}
-.pet-cards-index-y-5{background-position-y:-510px;}
-.pet-cards-index-y-6{background-position-y:-612px;}
-.pet-cards-index-y-7{background-position-y:-714px;}
-.pet-cards-index-y-8{background-position-y:-816px;}
-.pet-cards-index-y-9{background-position-y:-918px;}
+.monster[data-cards-pic-x='0']{background-position-x:0px;}
+.monster[data-cards-pic-x='1']{background-position-x:-102px;}
+.monster[data-cards-pic-x='2']{background-position-x:-204px;}
+.monster[data-cards-pic-x='3']{background-position-x:-306px;}
+.monster[data-cards-pic-x='4']{background-position-x:-408px;}
+.monster[data-cards-pic-x='5']{background-position-x:-510px;}
+.monster[data-cards-pic-x='6']{background-position-x:-612px;}
+.monster[data-cards-pic-x='7']{background-position-x:-714px;}
+.monster[data-cards-pic-x='8']{background-position-x:-816px;}
+.monster[data-cards-pic-x='9']{background-position-x:-918px;}
+.monster[data-cards-pic-y='0']{background-position-y:0px;}
+.monster[data-cards-pic-y='1']{background-position-y:-102px;}
+.monster[data-cards-pic-y='2']{background-position-y:-204px;}
+.monster[data-cards-pic-y='3']{background-position-y:-306px;}
+.monster[data-cards-pic-y='4']{background-position-y:-408px;}
+.monster[data-cards-pic-y='5']{background-position-y:-510px;}
+.monster[data-cards-pic-y='6']{background-position-y:-612px;}
+.monster[data-cards-pic-y='7']{background-position-y:-714px;}
+.monster[data-cards-pic-y='8']{background-position-y:-816px;}
+.monster[data-cards-pic-y='9']{background-position-y:-918px;}
 /*觉醒、类型、潜觉*/
 .awoken-icon,.type-icon,.latent-icon{
 	display:inline-block;

style.css

@@ -516,7 +516,7 @@ ul{
 }
 .formation-box .team-badge .team-total-info
 {
-	display:inline-block;
+	display: inline-block;
 }
 /*
 .team-info .tIf-total-hp,.team-info .tIf-total-rcv{
@@ -526,14 +526,14 @@ ul{
 /*队伍的潜觉*/
 .team-latents .latents{
 	width: var(--head-block-width);
-	/*float:left;*/
-	margin-bottom: -20px;
 	display: inline-block;
 }
 .team-latents .latent-ul{
 	font-size: 0;
 	width: 152px;
-	transform: translate(-22px,-8px) scale(0.63);
+	transform: scale(0.63);
+	margin: calc(-64px * (1 - 0.63) / 2 + 3px) calc((108px - 152px) / 2);
+	/*-152 * (1 - 0.63) + 108 - 152 * 0.63，化简为108 - 152*/
 }
 
 .team-latents .latent-icon{
@@ -698,22 +698,24 @@ ul{
 	font-size: 25px;
 }
 .edit-box .setting-box .row-mon-id .evo-card-list li,
-.edit-box .search-box .search-mon-list li,
-.detail-mon{
+.edit-box .search-box .search-mon-list li
+{
 	display: inline-block;
 	vertical-align: top; 
-	top: 0;
-	width: 80px;
-	height: 78px;
+	margin-right: 5px;
+	margin-bottom: 5px;
 }
 .detail-mon{
+	display: inline-block;
 	vertical-align: bottom;
 }
 .edit-box .setting-box .row-mon-id .evo-card-list .monster,
 .edit-box .search-box .search-mon-list .monster,
-.detail-mon .monster{
+.detail-mon .monster
+{
 	float: none;
-	transform: scale(0.75) translate(-16px,-16px);
+	transform: scale(0.75);
+	margin: calc(-100px * (1 - 0.75) / 2);
 }
 .edit-box .setting-box .row-mon-id .evo-card-list .monster .id,
 .edit-box .search-box .search-mon-list .monster .id,
@@ -727,7 +729,8 @@ ul{
 	height: 50px;
 }
 .detail-box .detail-mon .monster{
-	transform: scale(0.5) translate(-58px,-58px);
+	transform: scale(0.5);
+	margin: calc(-100px * (1 - 0.5) / 2);
 }
 .detail-box .detail-mon .monster .id{
 	font-weight: bold;

universal_function.js

@@ -378,7 +378,7 @@ function searchCards(cards,attr1,attr2,fixMainColor,types,awokens,sawokens,equal
 function createCardA()
 {
 	const cdom = document.createElement("a");
-	cdom.class = "monster";
+	cdom.className = "monster";
 	cdom.target = "_blank";
 	const property = cdom.appendChild(document.createElement("div"));
 	property.className = "property";