@font-face {
    font-family: 'superstore-bold';
    src: url('../../font/superstore-bold-webfont.woff2') format('woff2'),url('../../font/superstore-bold-webfont.woff') format('woff'), url('../../font/superstore-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.gift-alert a{position:absolute; left:130px; bottom:12px; width:32px; height:32px; background:url(../../images/freegift/giftbox.gif) no-repeat; cursor:pointer; display:block;}
#bgBack{width:582px; height:446px; background-color: #333; filter:alpha(opacity=90); opacity: 0.9; position:absolute; left:0px; top:0px; z-index: 10002; }
.guideWay{width:16px; height:16px; margin:2px; background-color:#00ff00; filter:alpha(opacity=80);opacity: 0.8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index:2;}
.myTarget{width:38px; height:38px; position:absolute; background: url(../../images/map/target.gif) no-repeat; z-index:12000;}

#myAreaShop{width:582px; height:445px; position:absolute; z-index:1; overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; line-height:20pt;}
#divMap{width:582px; height:445px; position:relative; z-index:1; overflow:hidden; margin:0 auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#divMap .loading{width:582px; height:445px; position:absolute; left:0px; top:0px; z-index:1;}
#divMap .loading-process{background:url(../../images/ajax-loader.gif) no-repeat; position:absolute; width:138px; height:20px; left:217px; top:263px;}
#quest-area{position:absolute; width:240px; left: 45px; top: 70px; height: 335px; text-align:left;}
#myCharacterPointer{display:none; position:absolute; z-index:10000;}
#myCharacter{display:none; position:absolute; z-index:10000; left:0px; top:0px;}
#newOnMap{position:absolute; left:15px; top:7px; width:552px; height:25px; font-weight: bold; z-index:10003;}
#newOnMap #news{display:none; position:absolute; width: 100%; height: 25px;}
#newOnMap #news .text1{position:absolute; left:1px; top:1px; width: 100%;}
#newOnMap #news .text2{position:absolute; left:0px; top:0px; width: 100%;}

#mainquest-area{position:absolute; width:240px; left: 45px; top: 70px; height: 335px; text-align:left;}

#skill-effect-forME{position:absolute; width:150px; height: 70px; left: 20px; top: 24px; z-index:1998;}
#mypet{position:absolute; width:128px; height:128px; left:100px; top:130px; z-index:2000; cursor:pointer}
#mypetHP{position:absolute; width:60px; height:20px; left:35px; bottom:-20px; cursor:pointer; margin: 0 auto;}
#icon-buff{position:absolute; width:150px; height:20px; left:0px; bottom:-17px; z-index:2000;}
#START_FIGHTING{position:absolute; left:220px; top:135px; width:146px; height:70px; background:url(../../images/map/bg-vs.png) -208px 0px no-repeat;}
#START_FIGHTING .text{position:absolute; bottom:17px; width:100%; text-align:center; font-weight:bold;}
#power{position:absolute; width:200px; height: 150px; left:50px; top: 70px; z-index:2002; display:none;}
#attack-effect{position:absolute; width:200px; height: 200px; left: 393px; top: 43px; z-index:1900;display:none;}
.char-HP-area{position:absolute; width:150px; height: 50px; left:20px; top: 250px;}
.char-HP-areaPVP{position:absolute; width:150px; height: 50px; left:20px; top: 290px;}

#char-me{position:absolute; width:250px; height: 250px; left: 0px; top: 40px; z-index:2000;}
#mon{position:absolute; width:250px; height: 250px; right:0px; top: 40px; z-index:2000;}
#boss{position:absolute; width:200px; height: 200px; right:10px; top: 20px; z-index:2000;}
.base150{background:url(../../images/battle/base.png) no-repeat; width: 250px; height: 32px; position: absolute; bottom:48px; left:0px; z-index:-1;}
.base250{background:url(../../images/battle/base.png) no-repeat; width: 250px; height: 32px; position: absolute; bottom:10px; left:0px; z-index:-1;}
#monpower{position:absolute; width:256px; height: 256px; right:-3px; top: -3px; z-index:10000; display:none;}
#mypower{position:absolute; width:256px; height: 256px; left:-3px; top: -3px; z-index:10000; display:none;}


.char-HP-mon-area{position:absolute; width:150px; height: 50px; right:20px; top: 250px;}
.char-HP-mon-areaPVP{position:absolute; width:150px; height: 50px; right:20px; top: 290px;}

#FIGHTING_COUNT{position:absolute; left:237px; top:0px; width:109px; height:52px; z-index:3; background:url(../../images/map/bg-vs.png) -208px -152px no-repeat;}
#FIGHTING_COUNT #turn{position:absolute; bottom:5px; width:100%; font-weight:bold; text-align:center;}
.vs-area{position:absolute; width:104px; height: 82px; left:240px; top: 50px; background:url(../../images/map/bg-vs.png) -208px -70px no-repeat;}

#command-area{position:absolute; width: 580px; height: 300px; left: 0px; top: 0px;}
/*#command-area{position:absolute; width:203px; height: 80px; left:189px; top: 146px; z-index:2003;}*/

#END_FIGHTING{-moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; position:absolute; left: 0px; top: 0px; width:580px; height:430px; z-index:2000; filter:alpha(opacity=85); opacity: 0.85; background-color: #333333;}
#command-area #confirmEscapeWindow { width:169px; height:76px; background: url("../../images/map/confirm-escape.gif") no-repeat top left; border: 0px; position:absolute; left:90px; top:70px; text-align:center; z-index:10001; display:none;}

#skill-effect-stun{position:absolute; width:150px; height: 70px; background:url(../../images/skill/stun.gif) no-repeat; left: 413px; top: 24px; z-index:2001;display:;}

.zoom { 
		image-rendering: -moz-crisp-edges;         /* Firefox */
		image-rendering:   -o-crisp-edges;         /* Opera */
		image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
	
.panel_result_mon { width:147px; height:100px; background: url("../../images/map/panel_finght_result_mon.png") no-repeat;position:absolute;padding-top:35px;}
.panel_result_mon_critical { width:147px; height:100px; background: url("../../images/map/panel_finght_result_mon_cri.png") no-repeat; position:absolute; padding-top:35px;}
.panel_result_mon_miss { width:101px; height:57px; background: url("../../images/map/panel_finght_result_mon_miss.gif") no-repeat; filter:alpha(opacity=75);opacity: 0.75; position:absolute;padding-top:35px;}

.panel_result_me { width:147px; height:100px; background: url("../../images/map/panel_finght_result_me.png") no-repeat; position:absolute;z-index:0; padding-top:35px;}
.panel_result_me_critical { width:147px; height:100px; background: url("../../images/map/panel_finght_result_me_cri.png") no-repeat; position:absolute; z-index:0; padding-top:35px;}
.panel_result_me_miss { width:101px; height:57px; background: url("../../images/map/panel_finght_result_me_miss.gif") no-repeat; filter:alpha(opacity=75);opacity: 0.75; position:absolute; z-index:0; padding-top:35px;}
.panel_fighting { width:58px; height:53px; background: url("../../images/map/panel_finghting_count.gif") no-repeat; filter:alpha(opacity=80);opacity: 0.8; }

.vs-result { width:140px; height:70px; background: url("../../images/map/vs-alert.png") 0px 0px no-repeat;position:absolute; z-index: 10000; text-align: center; }
.vs-result strong{line-height: 70px; font-size: 12pt; font-weight: bold; color:#0066FF;}
.vs-result-critical { width:140px; height:70px; background: url("../../images/map/vs-alert.png") 0px -70px no-repeat; position:absolute; z-index: 10000; text-align: center; }
.vs-result-critical strong{line-height: 70px; font-size: 12pt; font-weight: bold; color:#FFFFCC;}
.vs-result-miss { width:140px; height:70px; background: url("../../images/map/vs-alert.png") 0px -140px no-repeat; position:absolute; z-index: 10000;}

.obutton-nextmonster{ width: 65px; height: 26px; background:url(../../images/new-button/button-fight.png) -130px 0px no-repeat; position:absolute; top:40px; left:15px; z-index:2000;}
.obutton-nextmonster:hover{ background:url(../../images/new-button/button-fight.png) -130px -26px no-repeat; cursor: pointer;}
.obutton-escape{ width: 104px; height: 26px; background:url(../../images/new-button/button-fight.png) -195px 0px no-repeat; position:absolute; top:40px; right:15px; z-index:2000;}
.obutton-escape:hover{ background:url(../../images/new-button/button-fight.png) -195px -26px no-repeat; cursor: pointer;}
.obutton-go2home{ width: 104px; height: 26px; background:url(../../images/new-button/button-fight.png) -299px 0px no-repeat; position:absolute; top:40px; left:50px; z-index:2000;}
.obutton-go2home:hover{ background:url(../../images/new-button/button-fight.png) -299px -26px no-repeat; cursor: pointer;}
.button-nextmonster-4char{ width: 65px; height: 26px; background:url(../../images/new-button/button-fight.png) -129px 0px no-repeat; z-index:20002; margin:0 auto;}
.button-nextmonster-4char:hover{ background:url(../../images/new-button/button-fight.png) -129px -26px no-repeat; z-index:20002; cursor: pointer; margin:0 auto;}

#swap_yes a{
	display:block; width:44px; height:20px; 	
	background:url("../../images/button/b-swap-yes.gif");
	background-position:0 0;
	position:absolute; left:35px; top: 32px;
}

#swap_yes a:hover{
	display:block; width:44px; height:20px; 	
	background:url("../../images/button/b-swap-yes.gif");
	background-position:0 20px;
	cursor:pointer;
}

#swap_no a{
	display:block; width:44px; height:20px; 	
	background:url("../../images/button/b-swap-no.gif");
	background-position:0 0;
	position:absolute; left:89px; top: 32px;
}

#swap_no a:hover{
	display:block; width:44px; height:20px; 	
	background:url("../../images/button/b-swap-no.gif");
	background-position:0 20px;
	cursor:pointer;
}

.radius-fight-result{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 8px;
	border:1px dashed #999;
    background: none repeat scroll 0 0 rgba(251, 251, 206, 0.8);
	position:absolute; width:560px; height: 150px; left:0px; bottom:0px;
}
.radius-fight-result .standby{text-align:center; position:relative;top:25%;}

#close_button{position:absolute; width:15px; height:15px; right:5px; top:3px; z-index:1; }

#SKILL_PVP{position:absolute; left:190px; top:225px; width:200px; height:85px; z-index:20001;}
.bg-skillPVP{width:592px; height:48px; background:url(../../images/battle/bg-skill-2016.png) no-repeat; position:absolute; left:0px; top:370px;}
.bg-skillPVP .skillitem-blank{width:48px; height:48px; float:left; margin:-3px 14px 0px -3px;}
.bg-skillPVP .skillitem{width:48px; height:48px; float:left; margin:-3px 14px 0px -3px;}
.bg-skillPVP .skillitem:hover{margin:0px 11px 0px 0px; cursor:pointer;}

.bg-skillFix{width:592px; height:24px; position:absolute; left:0px; top:403px;}
.bg-skillFix .skillButton-blank{width:48px; height:24px; float:left; margin:-3px 14px 0px -3px;}
.bg-skillFix .skillButton-selected{width:48px; height:24px; background:url(../../images/battle/button-selected.png) 0px -48px no-repeat; float:left; margin:0px 11px 0px 0px;}
.bg-skillFix .skillButton{width:48px; height:24px; background:url(../../images/battle/button-selected.png) 0px 0px no-repeat; float:left; position:relative; margin:0px 11px 0px 0px;}
.bg-skillFix .skillButton:hover{background:url(../../images/battle/button-selected.png) 0px -24px no-repeat; cursor:pointer;}

.bg-skillDetail{width:220px; height:30px; position:absolute; left:180px; top:305px; background-color:#CCC; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; line-height:28px; color:#333;}
.bg-skillDetail .skillname{width:110px; height:30px; float:left; padding-left:10px; overflow: hidden;}
.bg-skillDetail .skillmp{width:80px; height:30px; float:right; padding-right:8px; color:#ff0033; text-align: right;}


#SKILL_Plate{position:absolute; left:190px; top:225px; width:200px; height:85px; z-index:20001;}
.skill-window{position:relative; width:208px; height:88px; background: url(../../images/map/bg-vs.png) 0px -88px no-repeat;}
.skill-window .skillArea{position:absolute; width:190px; height:40px; left: 8px; bottom:5px;}
.skill-window .skillIcon{float:left; width:32px; height:32px; margin:3px; cursor:pointer;}
.skill-window .skillIconNone{float:left; width:32px; height:32px; margin:3px; background: url(../../images/skill/icon-blank.gif) no-repeat;}
.skill-window .name{position:absolute; width:170px; left:12px; top: 25px;}
.skill-window .mp{position:absolute; width:70px; right:4px; top: 25px; padding-right:8px;}

.skill-window-big{position:relative; width:208px; height:125px; background: url(../../images/map/bg-vs.png) 0px -381px no-repeat;}
.skill-window-big .skillArea{position:absolute; width:190px; height:75px; left: 8px; bottom:5px;}
.skill-window-big .skillIcon{float:left; width:32px; height:32px; margin:3px; cursor:pointer;}
.skill-window-big .skillIconNone{float:left; width:32px; height:32px; margin:3px; background: url(../../images/skill/icon-blank.gif) no-repeat;}
.skill-window-big .name{position:absolute; width:170px; left:12px; top: 25px;}
.skill-window-big .mp{position:absolute; width:70px; right:4px; top: 25px; padding-right:8px;}


#WEAPON_Plate{position:absolute; left:190px; top:22px; width:195px; height:94px; z-index:20002; display:none;}
#bag {position:relative; width:208px; height:88px; background: url(../../images/map/bg-vs.png) 0px 0px no-repeat;}
#bag .item-area{width:180px; height:38px; position:relative; left:15px; top:42px;}
#bag #weapon-name{position:absolute; width:180px; height:18px; left:15px; top: 25px;}
#bag .item{width:32px; height:32px; float:left; cursor:pointer; padding: 3px;}
#bag .item:hover{width:32px; height:32px; float:left; padding: 3px; cursor:pointer; background-color: #e17100;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#POTION_Plate{position:absolute; left:185px; top:150px; width:208px; height:105px; z-index:3; display:none; z-index:2010;}
#potion-area {position:relative; width:208px; height:105px; background: url(../../images/map/bg-vs.png) 0px -176px no-repeat;}
#potion-area .item-area{width:180px; height:60px; position:relative; left:15px; top:48px;}
#potion-area #potion-name{position:absolute; width:180px; height:18px; left:15px; top: 28px;}
#potion-area .item-set{float:left;margin-left:3px; margin-right:3px; width:35px; height:40px;}
#potion-area .item{width:32px; height:32px; float:left; cursor:pointer; padding: 0px; padding-right: 15px;}
#potion-area .item:hover{width:32px; height:32px; float:left; padding: 0px; cursor:pointer; background-color: #e17100;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#potion-area .item-amount{width:32px; height:10px; line-height:10px; float:left; margin-top:2px; text-align:center;}

#special-item-area{position:absolute; left:5px; top:0px; width:30px; height:200px; filter:alpha(opacity=100); opacity: 0.99;}
#special-item-area .exp10{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff1/exp10.gif) no-repeat; }
#special-item-area .exp5{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff/exp5.gif) no-repeat; }
#special-item-area .exp3{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff/exp3.gif) no-repeat; }
#special-item-area .exp2{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff/exp2.gif) no-repeat; }
#special-item-area .hp{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff/hp.gif) no-repeat; }
#special-item-area .atk{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff/atk.gif) no-repeat; }
#special-item-area .flee{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff/flee.gif) no-repeat; }
#special-item-area .hit{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff/hit.gif) no-repeat; }
#special-item-area .coin5{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff/coin5.gif) no-repeat; }
#special-item-area .coin10{width:24px; height:24px; padding:1px; background:url(../../images/map/icon/buff/coin10.gif) no-repeat; }

#popup-potion{z-index:20000; position:relative; }
#popup-potionplus{z-index:20000; position:relative; }
#popup-mystat{z-index:20000; position:relative; }
#popup-weapon{z-index:20000; position:relative;}
#popup-skill{z-index:20000; position:relative;}
#popup-warp{z-index:20000; position:relative; }
#popup-users{z-index:20000; position:absolute; right:20px; top:20px; width:281px; height:417px; cursor:move; display: none;}
#popup-myitem{z-index:20000; position:relative; }
#popup-other-character{z-index:20000; position:relative; }
#popup-questPreview{z-index:20000; position:relative;}
#popup-nextmap{z-index:20000; position:relative; display:none; }
#popup-itemmall{z-index:20000; position:relative;}
#popup-goldrefill{z-index:20000; position:relative;}
#popup-namelist{z-index:20000; position:relative; display:none; }

#quest-award-area .a-button-red{width:30px; height:20px; background:url(../../images/quest/button-xmas2023.png) 0px -80px no-repeat; float:left;}
#quest-award-area .a-button-red:hover{width:30px; height:20px; background:url(../../images/quest/button-xmas2023.png) 0px -40px no-repeat; cursor:pointer; float:left;}
#quest-award-area .a-button-gold{width:30px; height:20px; background:url(../../images/quest/button-xmas.png) 0px 0px no-repeat; float:left;}
#quest-award-area .a-button-gold:hover{width:30px; height:20px; background:url(../../images/quest/button-xmas.png) 0px -40px no-repeat; cursor:pointer; float:left;}
#quest-award-area .a-button-violet{width:30px; height:20px; background:url(../../images/quest/button-xmas.png) 0px -20px no-repeat; float:left;}
#quest-award-area .a-button-violet:hover{width:30px; height:20px; background:url(../../images/quest/button-xmas.png) 0px -40px no-repeat; cursor:pointer; float:left;}
#quest-award-area .a-button-fail{width:30px; height:20px; background:url(../../images/quest/quest60-fail.png) 0px 0px no-repeat; float:left;}
#quest-award-area .a-button-win{width:30px; height:20px; background:url(../../images/quest/button-xmas.png) 0px -60px no-repeat; float:left;}
#quest-award-area .a-button-area{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 2px;
    background: none repeat scroll 0 0 rgba(251, 251, 206, 0.7);
}

.number1forQ{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) 0px 0px no-repeat; float:right;}
.number1forQ:hover{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) 0px -25px no-repeat; cursor:pointer; float:right;}
.number1forQ-active{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) 0px -25px no-repeat; float:right;}

.number2forQ{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) -51px 0px no-repeat; float:right;}
.number2forQ:hover{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) -51px -25px no-repeat; cursor:pointer; float:right;}
.number2forQ-active{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) -51px -25px no-repeat; float:right;}

.number3forQ{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) -102px 0px no-repeat; float:right;}
.number3forQ:hover{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) -102px -25px no-repeat; cursor:pointer; float:right;}
.number3forQ-active{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) -102px -25px no-repeat; float:right;}

.number4forQ{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) -153px 0px no-repeat; float:right;}
.number4forQ:hover{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) -153px -25px no-repeat; cursor:pointer; float:right;}
.number4forQ-active{width:51px; height:25px; background:url(../../images/new-button/button-number-forquest.png) -153px -25px no-repeat; float:right;}


.menuITEM-area{width:450px; height:28px;}
.menuITEM-area .menu1{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) 0px 0px no-repeat; float:left;}
.menuITEM-area .menu1:hover{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) 0px -56px no-repeat; cursor:pointer; float:left;}
.menuITEM-area .menu1-active{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) 0px -56px no-repeat; float:left;}

.menuITEM-area .menu2{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -86px 0px no-repeat;float:left;margin-left: 5px;}
.menuITEM-area .menu2:hover{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -86px -56px no-repeat; cursor:pointer;float:left;margin-left: 5px;}
.menuITEM-area .menu2-active{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -86px -56px no-repeat; float:left;margin-left: 5px;}

.menuITEM-area .menu3{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -172px 0px no-repeat;float:left;margin-left: 5px;}
.menuITEM-area .menu3:hover{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -172px -56px no-repeat; cursor:pointer;float:left;margin-left: 5px;}
.menuITEM-area .menu3-active{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -172px -56px no-repeat; float:left;margin-left: 5px;}

.menuITEM-area .menu4{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -258px 0px no-repeat;float:left;margin-left: 5px;}
.menuITEM-area .menu4:hover{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -258px -56px no-repeat; cursor:pointer;float:left;margin-left: 5px;}
.menuITEM-area .menu4-active{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -258px -56px no-repeat; float:left;margin-left: 5px;}

.menuITEM-area .menu5{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -344px 0px no-repeat;float:left;margin-left: 5px;}
.menuITEM-area .menu5:hover{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -344px -56px no-repeat; cursor:pointer;float:left;margin-left: 5px;}
.menuITEM-area .menu5-active{width:86px; height:28px; background:url(../../images/map/menuitem-on-map.png) -344px -56px no-repeat; float:left;margin-left: 5px;}

#control-button-area2{position:absolute; background:url(../../images/map/bg-slide-toolbar-1.png) right top no-repeat; width:200px; height:38px; padding-top:7px; padding-left:5px; left:0px; bottom:0px; overflow:hidden; z-index:11001;}
#control-button-area-hide{position:absolute; background:url(../../images/map/bg-slide-toolbar-hide.png) no-repeat; width:30px; height:38px; left:0px; padding-top:7px; bottom:0px; overflow:hidden; z-index:3;}

#control-button-area2 .button-monsterbook{width:24px; height:24px; background:url(../../images/toolonmap/icon-monster-book.gif) 0px 0px no-repeat; margin-left: 0px; float:left; cursor:pointer;}
#control-button-area2 .button-home{width:24px; height:24px; background:url(../../images/toolonmap/icon-home2.gif) 0px 0px no-repeat; margin-left: 5px; float:left; cursor:pointer;}
#control-button-area2 .button-camera{width:24px; height:24px; background:url(../../images/toolonmap/icon-camera.gif) 0px 0px no-repeat; margin-left: 5px; float:left; cursor:pointer;}
#control-button-area2 .button-quest{width:24px; height:24px; background:url(../../images/toolonmap/icon-quest.gif) 0px 0px no-repeat; margin-left: 0px; float:left; cursor:pointer;}
#control-button-area2 .button-pm{width:24px; height:24px; background:url(../../images/toolonmap/icon-pm.gif) 0px 0px no-repeat; margin-left: 0px; float:left; cursor:pointer;}
#control-button-area2 .button-exchange{width:24px; height:24px; background:url(../../images/toolonmap/icon-exchange.gif) 0px 0px no-repeat; margin-left: 0px; float:left; cursor:pointer;}
#control-button-area2 .button-cardbook{width:24px; height:24px; background:url(../../images/toolonmap/icon-card-book.gif) 0px 0px no-repeat; margin-left: 5px; float:left; cursor:pointer;}


#control-button-area2 .button-nextmap-on{ width: 24px; height: 24px; background:url(../../images/new-button/icon-on-map2.png) -48px 0px no-repeat; float:left; margin-left: 2px;}
#control-button-area2 .button-nextmap-on:hover{width: 24px; height: 24px; background:url(../../images/new-button/icon-on-map2.png) -48px -72px no-repeat; cursor: pointer;float:left; margin-left: 2px;}

#control-button-area2 .button-gift a{ width: 24px; height: 24px; background:url(../../images/freegift/gift-alert.gif) 0px 0px no-repeat; float:left; margin-left: 2px; cursor:pointer; display:block;}

.slide-button-close{width:14px; height:21px; background:url(../../images/map/button-slide-tool.png) 0px 0px no-repeat; position:absolute; top: 9px; right: 0px;}
.slide-button-close:hover{width:14px; height:21px; background:url(../../images/map/button-slide-tool.png) 0px -21px no-repeat; cursor:pointer;}
.slide-button-open{width:14px; height:21px; background:url(../../images/map/button-slide-tool.png) -14px 0px no-repeat; position:absolute; top: 9px; right: 0px;}
.slide-button-open:hover{width:14px; height:21px; background:url(../../images/map/button-slide-tool.png) -14px -21px no-repeat; cursor:pointer;}


.menuItemmallType-area{width:500px; height:24px;}
.menuItemmallType-area .menu1{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) 0px 0px no-repeat; float:left;}
.menuItemmallType-area .menu1-active{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) 0px -24px no-repeat; cursor:pointer; float:left;}
.menuItemmallType-area .menu1:hover{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) 0px -24px no-repeat; cursor:pointer; float:left;}
.menuItemmallType-area .menu2{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -96px 0px no-repeat; float:left; margin-left: 5px;}
.menuItemmallType-area .menu2-active{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -96px -24px no-repeat; cursor:pointer; float:left; margin-left: 5px;}
.menuItemmallType-area .menu2:hover{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -96px -24px no-repeat; cursor:pointer; float:left; margin-left: 5px;}
.menuItemmallType-area .menu3{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -192px 0px no-repeat; float:left; margin-left: 5px;}
.menuItemmallType-area .menu3-active{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -192px -24px no-repeat; cursor:pointer; float:left; margin-left: 5px;}
.menuItemmallType-area .menu3:hover{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -192px -24px no-repeat; cursor:pointer; float:left; margin-left: 5px;}
.menuItemmallType-area .menu4{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -288px 0px no-repeat; float:left; margin-left: 5px;}
.menuItemmallType-area .menu4-active{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -288px -24px no-repeat; cursor:pointer; float:left; margin-left: 5px;}
.menuItemmallType-area .menu4:hover{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -288px -24px no-repeat; cursor:pointer; float:left; margin-left: 5px;}
.menuItemmallType-area .menu5{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -384px 0px no-repeat; float:left; margin-left: 5px;}
.menuItemmallType-area .menu5-active{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -384px -24px no-repeat; cursor:pointer; float:left; margin-left: 5px;}
.menuItemmallType-area .menu5:hover{width:96px; height:24px; background:url(../../images/new-button/button-itemmall-shop.png) -384px -24px no-repeat; cursor:pointer; float:left; margin-left: 5px;}

#REFILL1_Plate, #REFILL2_Plate, #REFILL3_Plate, #REFILL4_Plate{z-index:20005; position:absolute;}
.bgCommandBox1{width: 254px; height: 165px; background:url(../../images/map/refill-bg/bg-true1.png) no-repeat; position:relative; left:0px; top:0px;}
.bgCommandBox2{width: 254px; height: 165px; background:url(../../images/map/refill-bg/bg-true2.png) no-repeat; position:relative; left:0px; top:0px;}
.bgSMSBox{width: 254px; height: 165px; background:url(../../images/map/refill-bg/bg-sms.png) no-repeat; position:relative; left:0px; top:0px;}
.bgMOLBox{width: 254px; height: 165px; background:url(../../images/map/refill-bg/bg-mol.png) no-repeat; position:relative; left:0px; top:0px;}
.bgTopupBox{width: 254px; height: 165px; position:relative; left:0px; top:0px;}
.bgTRUEsuccess{width: 254px; height: 165px; background:url(../../images/map/refill-bg/result1.png) no-repeat; position:relative; left:0px; top:0px;}
.bgTRUEerror{width: 254px; height: 165px; background:url(../../images/map/refill-bg/error1.png) no-repeat; position:relative; left:0px; top:0px;}
.bgSMSerror, .bgMOLInvalid{width: 254px; height: 165px; background:url(../../images/map/refill-bg/error3.png) no-repeat; position:relative; left:0px; top:0px;}
.bgMOLUsed{width: 254px; height: 165px; background:url(../../images/map/refill-bg/error-used.png) no-repeat; position:relative; left:0px; top:0px;}

.button-true-terminal1{width:120px; height:102px; background:url(../../images/new-button/button-refill-true-terminal.png) 0px 0px no-repeat;float:left; }
.button-true-terminal1:hover{width:120px; height:102px; background:url(../../images/new-button/button-refill-true-terminal.png) 0px -102px no-repeat; cursor:pointer;float:left;}
.button-true-terminal2{width:120px; height:102px; background:url(../../images/new-button/button-refill-true-terminal.png) -120px 0px no-repeat;float:right; }
.button-true-terminal2:hover{width:120px; height:102px; background:url(../../images/new-button/button-refill-true-terminal.png) -120px -102px no-repeat; cursor:pointer;float:right; }

.loadingInButton{background:url(../../images/loading/potionplus2.gif) no-repeat; width:16px; height:11px; position:absolute; top:6px; right:5px; display: none;}
.button-refill-submit-OK{width:96px; height:24px; background:url(../../images/new-button/button-refill-submit.png) 0px 0px no-repeat; float:left; position:relative;}
.button-refill-submit-OK:hover{width:96px; height:24px; background:url(../../images/new-button/button-refill-submit.png) 0px -24px no-repeat; cursor:pointer; float:left; position:relative;}
.button-refill-submit-CANCEL{width:96px; height:24px; background:url(../../images/new-button/button-refill-submit.png) -96px 0px no-repeat; float:right; position:relative;}
.button-refill-submit-CANCEL:hover{width:96px; height:24px; background:url(../../images/new-button/button-refill-submit.png) -96px -24px no-repeat; cursor:pointer; float:right; position:relative;}


#GOLDREFILL_Plate{ width:572px; height:442px; position:absolute; left:5px; top:0px; z-index:20011; }
.bgGoldRefill{width:572px; height:442px; background:url("../../images/map/bg-newgoldrefill.png") no-repeat;}
.refill-button-area{ position:absolute; width: 480px; height: 310px;}
.button-refill-card1{ width: 240px; height: 150px; background:url(../../images/map/refill-bg/button-goldrefill-card-2556.png) 0px 0px no-repeat; float:left;}
.button-refill-card1:hover{width: 240px; height: 150px; background:url(../../images/map/refill-bg/button-goldrefill-card-2556.png) 0px -150px no-repeat; cursor: pointer; float:left;}
.button-refill-card2{ width: 240px; height: 150px; background:url(../../images/map/refill-bg/button-goldrefill-card-2556.png) -240px 0px no-repeat; float:left;}
.button-refill-card2:hover{width: 240px; height: 150px; background:url(../../images/map/refill-bg/button-goldrefill-card-2556.png) -240px -150px no-repeat; cursor: pointer; float:left;}
.button-refill-card3{ width: 240px; height: 150px; background:url(../../images/map/refill-bg/button-goldrefill-card-2556.png) -480px 0px no-repeat; float:left;}
.button-refill-card3:hover{width: 240px; height: 150px; background:url(../../images/map/refill-bg/button-goldrefill-card-2556.png) -480px -150px no-repeat; cursor: pointer; float:left;}
.button-refill-card4{ width: 240px; height: 150px; background:url(../../images/map/refill-bg/button-goldrefill-card-2556.png) -720px 0px no-repeat; float:left;}
.button-refill-card4:hover{width: 240px; height: 150px; background:url(../../images/map/refill-bg/button-goldrefill-card-2556.png) -720px -150px no-repeat; cursor: pointer; float:left;}

#ALLREFILL_Plate{ width:572px; height:448px; position:absolute; left:5px; top:-5px; z-index:20011; }
.bgGoldRefill2015{width:572px; height:448px; background:url("../../images/cash/bg-refill2015.png") no-repeat;}
.button-refill-area1{ position:absolute; width: 150px; height: 300px; left: 32px; top: 120px;}
.button-refill-area2{ position:absolute; width: 150px; height: 300px; left: 198px; top: 120px;}
.button-refill-area3{ position:absolute; width: 150px; height: 300px; right: 35px; top: 120px;}

.button-refill2015-1{ width: 149px; height: 94px; background:url(../../images/cash/button-refill-2558.png) 0px 0px no-repeat; margin-bottom:7px; position:relative;}
.button-refill2015-1:hover{background:url(../../images/cash/button-refill-2558.png) 0px -94px no-repeat; cursor: pointer;}
.button-refill2015-2{ width: 149px; height: 94px; background:url(../../images/cash/button-refill-2558.png) -149px 0px no-repeat; margin-bottom:7px; position:relative;}
.button-refill2015-2:hover{background:url(../../images/cash/button-refill-2558.png) -149px -94px no-repeat; cursor: pointer;}
.button-refill2015-3{ width: 149px; height: 94px; background:url(../../images/cash/button-refill-2558.png) -300px 0px no-repeat; margin-bottom:7px; position:relative;}
.button-refill2015-3:hover{background:url(../../images/cash/button-refill-2558.png) -300px -94px no-repeat; cursor: pointer;}
.button-refill2015-4{ width: 149px; height: 94px; background:url(../../images/cash/button-refill-2558.png) -450px 0px no-repeat; margin-bottom:7px; position:relative;}
.button-refill2015-4:hover{background:url(../../images/cash/button-refill-2558.png) -450px -94px no-repeat; cursor: pointer;}
.button-refill2015-5{ width: 149px; height: 94px; background:url(../../images/cash/button-refill-2558.png) -600px 0px no-repeat; margin-bottom:7px; position:relative;}
.button-refill2015-5:hover{background:url(../../images/cash/button-refill-2558.png) -600px -94px no-repeat; cursor: pointer;}

.percent10{width: 48px; height: 46px; background:url(../../images/cash/2015/10p.png) 0px 0px no-repeat; position: absolute; right:-10px; top:-10px;}
.percent15{width: 48px; height: 46px; background:url(../../images/cash/2015/15p.png) 0px 0px no-repeat; position: absolute; right:-10px; top:-10px;}
.percent20{width: 48px; height: 46px; background:url(../../images/cash/2015/20p.png) 0px 0px no-repeat; position: absolute; right:-10px; top:-10px;}

.input-refill-area1{left: 355px; top: 343px; position: absolute; width: 180px; height: 30px;}
.input-refill-area2{left: 165px; top: 308px; position: absolute; width: 160px; height: 111px;}
.input-refill-area3{left: 397px; top: 308px; position: absolute; width: 160px; height: 60px;}
.input-refill-area12{left: 397px; top: 298px; position: absolute; width: 160px; height: 85px;}

.resultXgold{left: 335px; top: 310px; position: absolute; width: 215px; height: 66px; background-color:#ffff99; border:2px #cc9900 solid; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:none;}
.resultXgold STRONG{color:#cc9900; font-size:12pt; padding:10px; display: block;}
.resultXdiamond{left: 335px; top: 310px; position: absolute; width: 215px; height: 66px; background-color:#0CF; border:2px #FFF solid; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:none;}
.resultXdiamond STRONG{color:#FFF; font-size:12pt; padding:10px; display: block;}
.buttonZone{left: 338px; top: 383px; position: absolute; width: 212px; height: 34px;}

.button-refill-gold1 { background: url("../../images/cash/button-refill2015.png") 0px -136px no-repeat; width:212px; height:34px; }
.button-refill-gold1:hover { background: url("../../images/cash/button-refill2015.png") 0px -170px no-repeat; cursor:pointer;}
.button-refill-gold2 { background: url("../../images/cash/button-refill2015.png") 0px -340px no-repeat; width:212px; height:34px; }
.button-refill-gold2:hover { background: url("../../images/cash/button-refill2015.png") 0px -374px no-repeat; cursor:pointer;}
.button-refill-gold4 { background: url("../../images/cash/button-refill-diamond.png") no-repeat; width:212px; height:34px; }
.button-refill-gold4:hover { background: url("../../images/cash/button-refill-diamond.png") 0px -34px no-repeat; cursor:pointer;}
.button-refill-gold5 { background: url("../../images/cash/button-refill-diamond.png") 0px -68px no-repeat; width:212px; height:34px; }
.button-refill-gold5:hover { background: url("../../images/cash/button-refill-diamond.png") 0px -102px no-repeat; cursor:pointer;}


#control-button-area{position:absolute; left:10px; bottom:10px; z-index:3; width:108px; height:28px;}
.button-speaker-on{ width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) 0px 0px no-repeat; float:left;}
.button-speaker-on:hover{width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) 0px -28px no-repeat; cursor: pointer; float:left;}
.button-speaker-off{ width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) 0px -28px no-repeat; float:left;}
.button-speaker-off:hover{width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) 0px 0px no-repeat; cursor: pointer; float:left;}

.button-chat-on{ width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -27px 0px no-repeat; float:left;}
.button-chat-on:hover{width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -27px -28px no-repeat; cursor: pointer; float:left;}
.button-chat-off{ width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -27px -28px no-repeat; float:left;}
.button-chat-off:hover{width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -27px 0px no-repeat; cursor: pointer; float:left;}

.button-nextmap-on{ width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -54px 0px no-repeat; float:left;}
.button-nextmap-on:hover{width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -54px -28px no-repeat; cursor: pointer;float:left;}

.button-monquest-on{ width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -81px 0px no-repeat;float:left;}
.button-monquest-on:hover{width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -81px -28px no-repeat; cursor: pointer;float:left;}
.button-monquest-off{ width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -81px -28px no-repeat;float:left;}
.button-monquest-off:hover{width: 27px; height: 28px; background:url(../../images/new-button/icon-on-map.png) -81px 0px no-repeat; cursor: pointer;float:left;}

/* เมนูคลิกขวา ในแมพ */
.bg-right-click{width:230px; height:210px; position: absolute; z-index:20002; display: none;}
.button-right-click1{ width:64px; height:64px; background:url(../../images/map/right-menu/button-right-click2018.png) 0px 0px no-repeat; position:absolute;}
.button-right-click1:hover{ background:url(../../images/map/right-menu/button-right-click2018.png) 0px -64px no-repeat; cursor:pointer;}
.button-right-click2{ width:64px; height:64px; background:url(../../images/map/right-menu/button-right-click2018.png) -64px 0px no-repeat; position:absolute;}
.button-right-click2:hover{ background:url(../../images/map/right-menu/button-right-click2018.png) -64px -64px no-repeat; cursor:pointer; }
.button-right-click3{ width:64px; height:64px; background:url(../../images/map/right-menu/button-right-click2018.png) -128px 0px no-repeat; position:absolute;}
.button-right-click3:hover{ background:url(../../images/map/right-menu/button-right-click2018.png) -128px -64px no-repeat; cursor:pointer;}
.button-right-click4{ width:64px; height:64px; background:url(../../images/map/right-menu/button-right-click2018.png) -192px 0px no-repeat; position:absolute;}
.button-right-click4:hover{ background:url(../../images/map/right-menu/button-right-click2018.png) -192px -64px no-repeat; cursor:pointer;}
.button-right-click5{ width:64px; height:64px; background:url(../../images/map/right-menu/button-right-click2018.png) -256px 0px no-repeat; position:absolute;}
.button-right-click5:hover{ background:url(../../images/map/right-menu/button-right-click2018.png) -256px -64px no-repeat; cursor:pointer;}
.button-right-click6{ width:64px; height:64px; background:url(../../images/map/right-menu/button-right-click2018.png) -320px 0px no-repeat; position:absolute;}
.button-right-click6:hover{ background:url(../../images/map/right-menu/button-right-click2018.png) -320px -64px no-repeat; cursor:pointer;}
.button-right-click7{ width:64px; height:64px; background:url(../../images/map/right-menu/button-right-click2018.png) -384px 0px no-repeat; position:absolute;}
.button-right-click7:hover{ background:url(../../images/map/right-menu/button-right-click2018.png) -384px -64px no-repeat; cursor:pointer;}


.mouse-right-panel2{background:url(../../images/map/right-mouse-panel2.png) left top no-repeat; width:158px; height:74px; position: absolute; left:10px; top:10px; z-index:20002; display: none;}
.box-nextmap{width:514px; height:364px; background:url("../../images/map/nextmap/bg-next-map.png") no-repeat; position:absolute; z-index:20001; }

.panel_stat-onmap { width:280px; height:225px; background: url("../../images/main-pet/pet-panel-map.png") no-repeat; position:absolute; left:20px; top:20px; z-index:20000; cursor:move;}

.panel_potionplus { width:300px; height:150px; background: url("../../images/main-pet/pet-panel-potionplus.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; position:absolute; left:140px; top:150px; z-index:20000; cursor:move;}
.panel_potionplus .closed{position:absolute; width:15px; height:15px; left:275px; top:9px; text-align:center; line-height:20px; z-index:1}
.panel_potionplus .header{position:absolute; width:250px; height:25px; line-height:25px; left: 12px; top: 3px;}

.button-potion-plus{
	background:url(../../images/button/button-potion-plus.gif) 0px 0px no-repeat;
	width: 56px; height: 21px;
}
.button-potion-plus:hover{
	background:url(../../images/button/button-potion-plus.gif) 0px -21px no-repeat;
	width: 56px; height: 21px;
	cursor: pointer;
}


.menuSkillType-area{width:264px; height:24px;}
.menuSkillType-area .menu1{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) 0px 0px no-repeat; float:left;}
.menuSkillType-area .menu1:hover{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) 0px -24px no-repeat; cursor:pointer; float:left;}
.menuSkillType-area .menu2{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -44px 0px no-repeat; float:left;}
.menuSkillType-area .menu2:hover{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -44px -24px no-repeat; cursor:pointer; float:left;}
.menuSkillType-area .menu3{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -88px 0px no-repeat; float:left;}
.menuSkillType-area .menu3:hover{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -88px -24px no-repeat; cursor:pointer; float:left;}
.menuSkillType-area .menu4{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -132px 0px no-repeat; float:left;}
.menuSkillType-area .menu4:hover{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -132px -24px no-repeat; cursor:pointer; float:left;}
.menuSkillType-area .menu5{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -176px 0px no-repeat; float:left;}
.menuSkillType-area .menu5:hover{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -176px -24px no-repeat; cursor:pointer; float:left;}
.menuSkillType-area .menu6{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -220px 0px no-repeat; float:left;}
.menuSkillType-area .menu6:hover{width:44px; height:24px; background:url(../../images/new-button/button-skillshop-skilltype.png) -220px -24px no-repeat; cursor:pointer; float:left;}

.menuWeaponType-area{width:264px; height:28px;}
.menuWeaponType-area .menu1{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) 0px 0px no-repeat; float:left;}
.menuWeaponType-area .menu1:hover{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) 0px -28px no-repeat; cursor:pointer; float:left;}
.menuWeaponType-area .menu2{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -34px 0px no-repeat; float:left; margin-left:4px;}
.menuWeaponType-area .menu2:hover{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -34px -28px no-repeat; cursor:pointer; float:left;}
.menuWeaponType-area .menu3{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -68px 0px no-repeat; float:left; margin-left:4px;}
.menuWeaponType-area .menu3:hover{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -68px -28px no-repeat; cursor:pointer; float:left;}
.menuWeaponType-area .menu4{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -102px 0px no-repeat; float:left; margin-left:4px;}
.menuWeaponType-area .menu4:hover{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -102px -28px no-repeat; cursor:pointer; float:left;}
.menuWeaponType-area .menu5{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -136px 0px no-repeat; float:left; margin-left:4px;}
.menuWeaponType-area .menu5:hover{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -136px -28px no-repeat; cursor:pointer; float:left;}
.menuWeaponType-area .menu6{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -170px 0px no-repeat; float:left; margin-left:4px;}
.menuWeaponType-area .menu6:hover{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -170px -28px no-repeat; cursor:pointer; float:left;}
.menuWeaponType-area .menu7{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -204px 0px no-repeat; float:left; margin-left:4px;}
.menuWeaponType-area .menu7:hover{width:34px; height:28px; background:url(../../images/new-button/button-weapontype-shop.png) -204px -28px no-repeat; cursor:pointer; float:left;}


.buttonArea{position:absolute; width:220px; bottom: 30px; margin-left:-10px;}
.buttonAreaNew{position:absolute; width:220px; bottom: 0px; left:20px;}
.button-buy {width:33px; height:66px; background:url(../../images/new-button/button-buy.png) 0px 0px no-repeat;display:block;}
.button-buy:hover{width:33px; height:66px; background:url(../../images/new-button/button-buy.png) 0px -66px no-repeat; cursor:pointer;display:block;}

.button-select-card {width:32px; height:32px; background:url(../../images/new-button/button-select-card.png) 0px 0px no-repeat;display:block; float:left;}
.button-select-card:hover{width:32px; height:32px; background:url(../../images/new-button/button-select-card.png) 0px -32px no-repeat; cursor:pointer;display:block;float:left;}
.button-select-cardmixer {width:51px; height:25px; background:url(../../images/new-button/button-select-cardmixer.png) 0px 0px no-repeat;display:block;}
.button-select-cardmixer:hover{width:51px; height:25px; background:url(../../images/new-button/button-select-cardmixer.png) 0px -25px no-repeat; cursor:pointer;display:block;}
.button-mixcard{width:104px; height:26px; background:url(../../images/new-button/button-mixcard.png) 0px 0px no-repeat;display:block;}
.button-mixcard:hover{width:104px; height:26px; background:url(../../images/new-button/button-mixcard.png) 0px -26px no-repeat; cursor:pointer;display:block;}

.button-close-npc {width:104px; height:26px; background:url(../../images/new-button/button-close-npc.png) 0px 0px no-repeat;display:block;}
.button-close-npc:hover{width:104px; height:26px; background:url(../../images/new-button/button-close-npc.png) 0px -26px no-repeat; cursor:pointer;display:block;}
.button-go-back{width:104px; height:26px; background:url(../../images/new-button/button-close-npc.png) -104px 0px no-repeat;display:block;}
.button-go-back:hover{width:104px; height:26px; background:url(../../images/new-button/button-close-npc.png) -104px -26px no-repeat; cursor:pointer;display:block;}

.button-question-220{ position:relative; margin-top: 3px; width: 220px; height: 27px; background:url(../../images/quest/button-quest-220.png) 0px 0px no-repeat; padding-left: 28px; font-size: 10pt; color: #797979; line-height: 25px;}
.button-question-220:hover{background:url(../../images/quest/button-quest-220.png) 0px -27px no-repeat; color: #0066FF; cursor: pointer;}
.button-question-220-disable{ position:relative; margin-top: 3px; width: 220px; height: 27px; background:url(../../images/quest/button-quest-220.png) 0px 0px no-repeat; padding-left: 28px; font-size: 10pt; color: #FF0033; line-height: 25px;}

.button-question-200{ margin-top: 3px; width: 201px; height: 27px; background:url(../../images/new-button/button-question-200.png) 0px 0px no-repeat; margin-left: 30px; padding-left: 33px; font-size: 10pt; font-family: tahoma; color: #797979; line-height: 25px;}
.button-question-200:hover{margin-top: 3px;  width: 201px; height: 27px; background:url(../../images/new-button/button-question-200.png) 0px -27px no-repeat; margin-left: 33px; padding-left: 33px; font-size: 10pt; font-family: tahoma; color: #0066FF; line-height: 25px; cursor: pointer;}
.button-question-200-disable{ margin-top: 3px; width: 201px; height: 27px; background:url(../../images/new-button/button-question-200.png) 0px 0px no-repeat; margin-left: 30px; padding-left: 33px; font-size: 10pt; font-family: tahoma; color: #AAA; line-height: 25px;}


.bg-character-onmap{width:508px; height:318px; background:url("../../images/map/bg-char-detail.png") no-repeat; position:absolute; left:35px; top:50px;}
.bg-character-onmap .char-picture{position:absolute; width:250px; height:250px; left: 25px; top:45px; z-index:1;}
.bg-character-onmap .char-detail{position:absolute; width:130px; height:110px; left: 355px; top:55px; line-height:22px; z-index:1; color:#ffff00; overflow: hidden;}
.bg-character-onmap .char-items{position:absolute; width:160px; height:80px; left: 309px; top:174px; z-index:1;}
.bg-character-onmap .char-contact{position:absolute; width:155px; height:23px; left: 309px; top:260px; z-index:2;}

#ITEMMALL_Plate{position:absolute; left:5px; top:0px; z-index:20004;}
.bgItemmallShop{width:572px; height:442px; background:url("../../images/itemmall/bg-newmall.png") no-repeat;}
.bgItemmallShop .mygold-area{position:absolute; width:236px; left: 166px; top: 10px; height: 26px; line-height:30px;}
.bgItemmallShop #shop-area{position:absolute; width:548px; left: 10px; top: 71px; height: 375px; text-align:left}
.bgItemmallShop .bgitem{width:174px; height:104px; background:url("../../images/itemmall/bg-item.png") 0px 0px  no-repeat; float:left; position:relative; }
.bgItemmallShop .hot{width:59px; height:40px; background:url("../../images/itemmall/bg-item.png") -173px 0px  no-repeat; position:absolute; left:0; top:0; z-index:2;}
.bgItemmallShop .buy{width:64px; height:26px; background:url("../../images/itemmall/bg-item.png") -173px -40px  no-repeat; }
.bgItemmallShop .buy:hover{background:url("../../images/itemmall/bg-item.png") -173px -66px  no-repeat; cursor: pointer;}


.button-refill-onmap{ width: 88px; height: 33px; background:url("../../images/new-button/button-refill-onmap.png") 0px 0px no-repeat;}
.button-refill-onmap:hover{ width: 88px; height: 33px; background:url("../../images/new-button/button-refill-onmap.png") -88px 0px no-repeat; cursor: pointer;}

.bgShop{background:url("../../images/map/bg-newshop-x.png") no-repeat; width:572; height:457px; position:relative; left:5px; top:-7px; z-index:2; font-size:14pt;}
.bgShop #shop-area{position:absolute; width:548px; left: 10px; top: 55px; height: 388px; text-align: left;}
.moneyAreaTop{position:absolute; width:236px; left: 166px; top: 12px; height: 26px; line-height:30px;}
.moneyAreaTop strong{color:#0066ff; }
.bgShop .itemshopArea{position:relative; min-height:118px; width:255px; float:left; margin-left:14px;}
.bgShop #itemshop-picture{position:absolute; width:32px; height:32px; padding:2px; left: 6px; top: 6px; background-color:#dfffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.bgShop #itemshop-name{position:absolute; width:190px; height:17px; line-height:17px; left: 50px; top: 4px; color:#660000; font-weight:bold; }
.bgShop #itemshop-power{position:absolute; width:158px; height:54px; left: 50px; top: 25px; overflow:hidden; line-height:12px; color:#666; font-size:9pt; font-family:"Tahoma";}
.bgShop #itemshop-money{position:relative; width:200px; height:20px; font-weight:bold; font-size:16pt; color:#0033cc;}
.bgShop #itemshop-money-discount{position:relative; width:200px; height:15px; line-height:13px;font-size:14pt; color:#660033;}
.bgShop .itemshop-amount-area{width:40px; height:50px; position:absolute; left:4px; top:47px;}
.bgShop .itemshop-amount-area .text{width:100%; height:15px; text-align:center; font-size:12pt; line-height:10px;}
.bgShop .itemshop-amount-area .select-area{width:100%; height:15px; text-align:center;}
.bgShop .itemshop-amount-area SELECT{width:45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#00F;}
.bgShop .itemshop-price-area{position:absolute; width:200px; height:35px; left: 55px; bottom: 5px;}
.bgShop .itemshop-dot{position:absolute; bottom:0px; left:5px; width:95%; height:3px; border-bottom:1px dashed #999; }

.xbgShop{background:url("../../images/map/bg-newshop-x.png") no-repeat; width:572; height:457px; position:relative; left:5px; top:-16px; z-index:2;}
.xbgShop #shop-area{position:absolute; width:548px; left: 10px; top: 77px; height: 363px; text-align: left;}
.xbgShop .moneyAreaTop{position:absolute; width:236px; left: 166px; top: 9px; height: 26px; line-height:30px; text-shadow: 1px -1px #FFF;}
.xbgShop .moneyAreaTop strong{color:#FFFF00; text-shadow:none;}

.bgShop14{background:url("../../images/map/shop/bg-shop14.png") no-repeat; width:572; height:458px; position:relative; left:5px; top:-16px; z-index:2;}
.bgShop14 .moneyAreaTop{position:absolute; width:236px; left: 166px; top: 12px; height: 26px; line-height:30px; text-shadow: 1px -1px #FFF;}
.bgShop14 .moneyAreaTop strong{color:#FF3300; }
.bgShop14 #shop-area{position:absolute; width:535px; left: 22px; top: 42px; height: 363px; text-align: left;}
.bgShop14 #shop-area .item-img{position:absolute; width:32px; height:32px; left: 14px; top: 16px;}
.bgShop14 #shop-area .item-name{position:absolute; width:85px; height:12px; left: 45px; top: 14px; font-size:6pt;}
.bgShop14 #shop-area .item-stat{position:absolute; width:80px; height:20px; left: 48px; top: 15px; font-size:9pt; color:#03C;}
.bgShop14 #shop-area .item-price{position:absolute; width:80px; height:15px; left: 48px; top: 30px; font-size:8pt; color:#333;}
.bgShop14 #shop-area .buy-area{width:105px; height:25px; position:absolute; left:15px; top:53px;}
.bgShop14 #shop-area .buy-area .isAmount{width:55px; height:20px; float:left; margin-top:2px;}
.bgShop14 #shop-area .buy-area .isAmount SELECT{width:55px; height:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:8pt; color:#0033CC;}

.bg-itemshop{background:url("../../images/map/shop/bg-itemshop-rune.png") no-repeat; width:132px; height:91px; float:left; margin:0px; position:relative;}
.bg-itemshop .buy-button{background:url("../../images/map/shop/bg-itemshop-rune.png") 0px -91px no-repeat; width:49px; height:21px;}
.bg-itemshop .buy-button:hover{background:url("../../images/map/shop/bg-itemshop-rune.png") -49px -91px no-repeat; cursor:pointer;}

#close-button a{
	display:block; width:15px; height:15px; 	
	background:url("../../images/close-button.gif");
	background-position:0 0;
	cursor:pointer;
	position:absolute; right: 28px; top:40px; z-index:2
}

#close-button a:hover{
	display:block; width:15px; height:15px; 	
	background:url("../../images/close-button.gif");
	background-position:0 15px;
	cursor:pointer;
	position:absolute; right: 28px; top:40px; z-index:2
}

.description-for-shop2016{position:absolute; width:240px; height:170px; left: 55px; top: 60px; color:#0066cc; font-family:superstore; font-size:20pt;}
.firstpage-button-area2016{width:250px; position:absolute; bottom:10px; left:0px;}

.description-for-shop{position:absolute; width:200px; height:158px; left: 68px; top: 51px; font-weight:bold;}
.firstpage-button-area{width:200px; position:absolute; bottom:10px; left:0px;}
.button-shop-open{ width: 76px; height: 26px; background:url("../../images/new-button/button-shop-fpage.png") 0px 0px no-repeat; float: left; margin-left:}
.button-shop-open:hover{ width: 76px; height: 26px; background:url("../../images/new-button/button-shop-fpage.png") 0px -26px no-repeat; cursor: pointer; float: left;}
.button-shop-exit{ width: 76px; height: 26px; background:url("../../images/new-button/button-shop-fpage.png") -76px 0px no-repeat; float: left; margin-left: 5px;}
.button-shop-exit:hover{ width: 76px; height: 26px; background:url("../../images/new-button/button-shop-fpage.png") -76px -26px no-repeat; cursor: pointer; float: left; margin-left: 5px;}
.nonShadow{text-shadow:none;}
.itemArea{position:relative; min-height:110px; width:255px; float:left; margin-left:14px;}
.itemArea #item-picture{position:absolute; width:32px; height:32px; left: 8px; top: 9px;}
.itemArea #item-name{position:absolute; width:161px; height:15px; left: 50px; top: 4px;}
.itemArea #item-tribe{position:absolute; width:162px; height:54px; left: 50px; top: 22px;}
.itemArea #item-power{position:absolute; width:162px; height:42px; left: 50px; top: 40px;}
.itemArea .priceArea{position:absolute; width:200px; height:15px; left: 50px; bottom: 0px;}
.itemArea .priceArea .purePrice{position:relative; width:200px; height:12px;}
.itemArea .priceArea .discPrice{position:relative; width:200px; height:10px; padding-bottom: 5px;}

.itemArea .buttonArea{position:absolute; right: 5px; top: 5px;}
.bgShop #page-number{position:absolute; width:250px; height:15px; left: 275px; bottom: 10px;}
.bgShop .exitButtonArea{position:absolute; width:250px; left: 23px; bottom: 15px; height: 26px;}

/***********************************************************************************************/

.refine_element {  background:  url("../../images/map/bg-refine-element.jpg") no-repeat; width: 582px; height: 300px; } 
.potion_maker {  background:  url("../../images/map/bg-potion-maker.jpg") no-repeat; width: 582px; height: 370px; } 

.map1{  background:  url("../../images/map/map1.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1{  background:  url("../../images/map/bg-fight-map1.jpg") no-repeat; width: 582px; height: 218px; } 

.map2{  background:  url("../../images/map/map2.jpg") no-repeat; width: 582px; height: 445px; }
.nomap2{  background:  url("../../images/map/bg-fight-map2.jpg") no-repeat; width: 582px; height: 218px; } 

.map3{  background:  url("../../images/map/map3.jpg") no-repeat; width: 582px; height: 445px; }
.nomap3{  background:  url("../../images/map/bg-fight-map3.jpg") no-repeat; width: 582px; height: 218px; } 

.map4{  background:  url("../../images/map/map4.jpg") no-repeat; width: 582px; height: 445px; }
.nomap4{  background:  url("../../images/map/bg-fight-map4.jpg") no-repeat; width: 582px; height: 218px; } 

.map5{  background:  url("../../images/map/map5.jpg") no-repeat; width: 582px; height: 445px; }
.nomap5{  background:  url("../../images/map/bg-fight-map5.jpg") no-repeat; width: 582px; height: 218px; } 

.map6{  background:  url("../../images/map/map6.jpg") no-repeat; width: 582px; height: 445px; }
.nomap6{  background:  url("../../images/map/bg-fight-map6.jpg") no-repeat; width: 582px; height: 218px; } 

.map7{  background:  url("../../images/map/map7.jpg") no-repeat; width: 582px; height: 445px; }
.nomap7{  background:  url("../../images/map/bg-fight-map7.jpg") no-repeat; width: 582px; height: 218px; } 

.map8{  background:  url("../../images/map/map8.jpg") no-repeat; width: 582px; height: 445px; }
.nomap8{  background:  url("../../images/map/bg-fight-map8.jpg") no-repeat; width: 582px; height: 218px; } 

.map9{  background:  url("../../images/map/map9.jpg") no-repeat; width: 582px; height: 445px; }
.nomap9{  background:  url("../../images/map/bg-fight-map9.jpg") no-repeat; width: 582px; height: 218px; } 

.map10{  background:  url("../../images/map/map10.jpg") no-repeat; width: 582px; height: 445px; }
.nomap10{  background:  url("../../images/map/bg-fight-map10.jpg") no-repeat; width: 582px; height: 218px; } 

.map11{  background:  url("../../images/map/map11.jpg") no-repeat; width: 582px; height: 445px; }
.nomap11{  background:  url("../../images/map/bg-fight-map11.jpg") no-repeat; width: 582px; height: 218px; } 

.map12{  background:  url("../../images/map/map12.jpg") no-repeat; width: 582px; height: 445px; }
.nomap12{  background:  url("../../images/map/bg-fight-map12.jpg") no-repeat; width: 582px; height: 218px; } 

.map13{  background:  url("../../images/map/map13.jpg") no-repeat; width: 582px; height: 445px; }
.nomap13{  background:  url("../../images/map/bg-fight-map13.jpg") no-repeat; width: 582px; height: 218px; } 

.map14{  background:  url("../../images/map/map14.jpg") no-repeat; width: 582px; height: 445px; }
.nomap14{  background:  url("../../images/map/bg-fight-map14.jpg") no-repeat; width: 582px; height: 218px; } 

.map15{  background:  url("../../images/map/map15.jpg") no-repeat; width: 582px; height: 445px; }
.nomap15{  background:  url("../../images/map/bg-fight-map15.jpg") no-repeat; width: 582px; height: 218px; } 

.map16{  background:  url("../../images/map/map16.jpg") no-repeat; width: 582px; height: 445px; }
.nomap16{  background:  url("../../images/map/bg-fight-map16.jpg") no-repeat; width: 582px; height: 218px; } 

.map17{  background:  url("../../images/map/map17.jpg") no-repeat; width: 582px; height: 445px; }
.nomap17{  background:  url("../../images/map/bg-fight-map17.jpg") no-repeat; width: 582px; height: 218px; } 

.map18{  background:  url("../../images/map/map18.jpg") no-repeat; width: 582px; height: 445px; }
.nomap18{  background:  url("../../images/map/bg-fight-map18.jpg") no-repeat; width: 582px; height: 218px; } 

.map19{  background:  url("../../images/map/map19.jpg") no-repeat; width: 582px; height: 445px; }
.nomap19{  background:  url("../../images/map/bg-fight-map19.jpg") no-repeat; width: 582px; height: 218px; } 

.map20{  background:  url("../../images/map/map20.jpg") no-repeat; width: 582px; height: 445px; }
.nomap20{  background:  url("../../images/map/bg-fight-map20.jpg") no-repeat; width: 582px; height: 218px; } 

.map21{  background:  url("../../images/map/map21.jpg") no-repeat; width: 582px; height: 445px; }
.nomap21{  background:  url("../../images/map/bg-fight-map21.jpg") no-repeat; width: 582px; height: 218px; } 

.map22{  background:  url("../../images/map/map22.jpg") no-repeat; width: 582px; height: 445px; }
.nomap22{  background:  url("../../images/map/bg-fight-map22.jpg") no-repeat; width: 582px; height: 218px; } 

.map23{  background:  url("../../images/map/map23.jpg") no-repeat; width: 582px; height: 445px; }
.nomap23{  background:  url("../../images/map/bg-fight-map23.jpg") no-repeat; width: 582px; height: 218px; } 

.map24{  background:  url("../../images/map/map24.jpg") no-repeat; width: 582px; height: 445px; }
.nomap24{  background:  url("../../images/map/bg-fight-map24.jpg") no-repeat; width: 582px; height: 218px; } 

.map25{  background:  url("../../images/map/map25.jpg") no-repeat; width: 582px; height: 445px; }
.nomap25{  background:  url("../../images/map/bg-fight-map25.jpg") no-repeat; width: 582px; height: 218px; } 

.map26{  background:  url("../../images/map/map26.jpg") no-repeat; width: 582px; height: 445px; }
.nomap26{  background:  url("../../images/map/bg-fight-map26.jpg") no-repeat; width: 582px; height: 218px; } 

.map27{  background:  url("../../images/map/map27.jpg") no-repeat; width: 582px; height: 445px; }
.nomap27{  background:  url("../../images/map/bg-fight-map27.jpg") no-repeat; width: 582px; height: 218px; } 

.map28{  background:  url("../../images/map/map28.jpg") no-repeat; width: 582px; height: 445px; }
.nomap28{  background:  url("../../images/map/bg-fight-map28.jpg") no-repeat; width: 582px; height: 218px; } 

.map29{  background:  url("../../images/map/map29.jpg") no-repeat; width: 582px; height: 445px; }
.nomap29{  background:  url("../../images/map/bg-fight-map29.jpg") no-repeat; width: 582px; height: 218px; } 

.map30{  background:  url("../../images/map/map30.jpg") no-repeat; width: 582px; height: 445px; }
.nomap30{  background:  url("../../images/map/bg-fight-map30.jpg") no-repeat; width: 582px; height: 218px; } 

.map31{  background:  url("../../images/map/map31.jpg") no-repeat; width: 582px; height: 445px; }
.nomap31{  background:  url("../../images/map/bg-fight-map31.jpg") no-repeat; width: 582px; height: 218px; } 

.map32{  background:  url("../../images/map/map32.jpg") no-repeat; width: 582px; height: 445px; }
.nomap32{  background:  url("../../images/map/bg-fight-map32.jpg") no-repeat; width: 582px; height: 218px; } 

.map33{  background:  url("../../images/map/map33.jpg") no-repeat; width: 582px; height: 445px; }
.nomap33{  background:  url("../../images/map/bg-fight-map33.jpg") no-repeat; width: 582px; height: 218px; } 

.map34{  background:  url("../../images/map/map34.jpg") no-repeat; width: 582px; height: 445px; }
.nomap34{  background:  url("../../images/map/bg-fight-map34.jpg") no-repeat; width: 582px; height: 218px; } 

.map35{  background:  url("../../images/map/map35.jpg") no-repeat; width: 582px; height: 445px; }
.nomap35{  background:  url("../../images/map/bg-fight-map35.jpg") no-repeat; width: 582px; height: 218px; } 

.map36{  background:  url("../../images/map/map36.jpg") no-repeat; width: 582px; height: 445px; }
.nomap36{  background:  url("../../images/map/bg-fight-map36.jpg") no-repeat; width: 582px; height: 218px; } 

.map37{  background:  url("../../images/map/map37.jpg") no-repeat; width: 582px; height: 445px; }
.nomap37{  background:  url("../../images/map/bg-fight-map37.jpg") no-repeat; width: 582px; height: 218px; } 

.map38{  background:  url("../../images/map/map38.jpg") no-repeat; width: 582px; height: 445px; }
.nomap38{  background:  url("../../images/map/bg-fight-map38.jpg") no-repeat; width: 582px; height: 218px; } 

.map39{  background:  url("../../images/map/map39.jpg") no-repeat; width: 582px; height: 445px; }
.nomap39{  background:  url("../../images/map/bg-fight-map39.jpg") no-repeat; width: 582px; height: 218px; } 

.map40{  background:  url("../../images/map/map40.jpg") no-repeat; width: 582px; height: 445px; }
.nomap40{  background:  url("../../images/map/bg-fight-map40.jpg") no-repeat; width: 582px; height: 218px; } 

.map41{  background:  url("../../images/map/map41.jpg") no-repeat; width: 582px; height: 445px; }
.nomap41{  background:  url("../../images/map/bg-fight-map41.jpg") no-repeat; width: 582px; height: 218px; } 

.map42{  background:  url("../../images/map/map42.jpg") no-repeat; width: 582px; height: 445px; }
.nomap42{  background:  url("../../images/map/bg-fight-map42.jpg") no-repeat; width: 582px; height: 218px; } 

.map43{  background:  url("../../images/map/map43.jpg") no-repeat; width: 582px; height: 445px; }
.nomap43{  background:  url("../../images/map/bg-fight-map43.jpg") no-repeat; width: 582px; height: 218px; } 

.map44{  background:  url("../../images/map/map44.jpg") no-repeat; width: 582px; height: 445px; }
.nomap44{  background:  url("../../images/map/bg-fight-map44.jpg") no-repeat; width: 582px; height: 218px; } 

.map45{  background:  url("../../images/map/map45.jpg") no-repeat; width: 582px; height: 445px; }
.nomap45{  background:  url("../../images/map/bg-fight-map45.jpg") no-repeat; width: 582px; height: 218px; } 

.map46{  background:  url("../../images/map/map46.jpg") no-repeat; width: 582px; height: 445px; }
.nomap46{  background:  url("../../images/map/bg-fight-map46.jpg") no-repeat; width: 582px; height: 218px; } 

.map47{  background:  url("../../images/map/map47.jpg") no-repeat; width: 582px; height: 445px; }
.nomap47{  background:  url("../../images/map/bg-fight-map47.jpg") no-repeat; width: 582px; height: 218px; } 

.map48{  background:  url("../../images/map/map48.jpg") no-repeat; width: 582px; height: 445px; }
.nomap48{  background:  url("../../images/map/bg-fight-map48.jpg") no-repeat; width: 582px; height: 218px; } 

.map49{  background:  url("../../images/map/map49.jpg") no-repeat; width: 582px; height: 445px; }
.nomap49{  background:  url("../../images/map/bg-fight-map49.jpg") no-repeat; width: 582px; height: 218px; } 

.map50{  background:  url("../../images/map/map50.jpg") no-repeat; width: 582px; height: 445px; }
.nomap50{  background:  url("../../images/map/bg-fight-map50.jpg") no-repeat; width: 582px; height: 218px; } 

.map51{  background:  url("../../images/map/map51.jpg") no-repeat; width: 582px; height: 445px; }
.nomap51{  background:  url("../../images/map/bg-fight-map51.jpg") no-repeat; width: 582px; height: 218px; } 

.map52{  background:  url("../../images/map/map52.jpg") no-repeat; width: 582px; height: 445px; }
.nomap52{  background:  url("../../images/map/bg-fight-map52.jpg") no-repeat; width: 582px; height: 218px; } 

.map53{  background:  url("../../images/map/map53.jpg") no-repeat; width: 582px; height: 445px; }
.nomap53{  background:  url("../../images/map/bg-fight-map53.jpg") no-repeat; width: 582px; height: 218px; } 

.map54{  background:  url("../../images/map/map54.jpg") no-repeat; width: 582px; height: 445px; }
.nomap54{  background:  url("../../images/map/bg-fight-map54.jpg") no-repeat; width: 582px; height: 218px; } 

.map55{  background:  url("../../images/map/map55.jpg") no-repeat; width: 582px; height: 445px; }
.nomap55{  background:  url("../../images/map/bg-fight-map55.jpg") no-repeat; width: 582px; height: 218px; } 

.map56{  background:  url("../../images/map/map56.jpg") no-repeat; width: 582px; height: 445px; }
.nomap56{  background:  url("../../images/map/bg-fight-map56.jpg") no-repeat; width: 582px; height: 218px; } 

.map57{  background:  url("../../images/map/map57.jpg") no-repeat; width: 582px; height: 445px; }
.nomap57{  background:  url("../../images/map/bg-fight-map57.jpg") no-repeat; width: 582px; height: 218px; } 

.map58{  background:  url("../../images/map/map58.jpg") no-repeat; width: 582px; height: 445px; }
.nomap58{  background:  url("../../images/map/bg-fight-map58.jpg") no-repeat; width: 582px; height: 218px; } 

.map59{  background:  url("../../images/map/map59.jpg") no-repeat; width: 582px; height: 445px; }
.nomap59{  background:  url("../../images/map/bg-fight-map59.jpg") no-repeat; width: 582px; height: 218px; } 

.map60{  background:  url("../../images/map/map60.jpg") no-repeat; width: 582px; height: 445px; }
.nomap60{  background:  url("../../images/map/bg-fight-map60.jpg") no-repeat; width: 582px; height: 218px; } 

.map61{  background:  url("../../images/map/map61.jpg") no-repeat; width: 582px; height: 445px; }
.nomap61{  background:  url("../../images/map/bg-fight-map61.jpg") no-repeat; width: 582px; height: 218px; } 

.nomap62{  background:  url("../../images/map/bg-fight-map62.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap63{  background:  url("../../images/map/bg-fight-map63.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap64{  background:  url("../../images/map/bg-fight-map64.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1062{  background:  url("../../images/map/bg-fight-map62.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1063{  background:  url("../../images/map/bg-fight-map63.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1064{  background:  url("../../images/map/bg-fight-map64.jpg") no-repeat; width: 582px; height: 218px; } 

.map66{  background:  url("../../images/map/map66.jpg") no-repeat; width: 582px; height: 445px; }
.nomap66{  background:  url("../../images/map/bg-fight-map66.jpg") no-repeat; width: 582px; height: 218px; } 

.map67{  background:  url("../../images/map/map67.jpg") no-repeat; width: 582px; height: 445px; }
.nomap67{  background:  url("../../images/map/bg-fight-map67.jpg") no-repeat; width: 582px; height: 218px; } 

.map68{  background:  url("../../images/map/map68.jpg") no-repeat; width: 582px; height: 445px; }
.nomap68{  background:  url("../../images/map/bg-fight-map68.jpg") no-repeat; width: 582px; height: 218px; } 

.map69{  background:  url("../../images/map/map69.jpg") no-repeat; width: 582px; height: 445px; }
.nomap69{  background:  url("../../images/map/bg-fight-map69.jpg") no-repeat; width: 582px; height: 218px; } 

.map70{  background:  url("../../images/map/map70.jpg") no-repeat; width: 582px; height: 445px; }
.nomap70{  background:  url("../../images/map/bg-fight-map70.jpg") no-repeat; width: 582px; height: 218px; } 

.map71{  background:  url("../../images/map/map71.jpg") no-repeat; width: 582px; height: 445px; }
.nomap71{  background:  url("../../images/map/bg-fight-map71.jpg") no-repeat; width: 582px; height: 218px; } 

.map72{  background:  url("../../images/map/map72.jpg") no-repeat; width: 582px; height: 445px; }
.nomap72{  background:  url("../../images/map/bg-fight-map72.jpg") no-repeat; width: 582px; height: 218px; } 

.map73{  background:  url("../../images/map/map73.jpg") no-repeat; width: 582px; height: 445px; }
.nomap73{  background:  url("../../images/map/bg-fight-map73.jpg") no-repeat; width: 582px; height: 218px; } 

.map74{  background:  url("../../images/map/map74.jpg") no-repeat; width: 582px; height: 445px; }
.nomap74{  background:  url("../../images/map/bg-fight-map74.jpg") no-repeat; width: 582px; height: 218px; } 

.map75{  background:  url("../../images/map/map75.jpg") no-repeat; width: 582px; height: 445px; }
.nomap75{  background:  url("../../images/map/bg-fight-map75.jpg") no-repeat; width: 582px; height: 218px; } 

.map76{  background:  url("../../images/map/map76.jpg") no-repeat; width: 582px; height: 445px; }
.nomap76{  background:  url("../../images/map/bg-fight-map76.jpg") no-repeat; width: 582px; height: 218px; } 

.map77{  background:  url("../../images/map/map77.jpg") no-repeat; width: 582px; height: 445px; }
.nomap77{  background:  url("../../images/map/bg-fight-map77.jpg") no-repeat; width: 582px; height: 218px; } 

.map78{  background:  url("../../images/map/map78.jpg") no-repeat; width: 582px; height: 445px; }
.nomap78{  background:  url("../../images/map/bg-fight-map78.jpg") no-repeat; width: 582px; height: 218px; } 

.map79{  background:  url("../../images/map/map79.jpg") no-repeat; width: 582px; height: 445px; }
.nomap79{  background:  url("../../images/map/bg-fight-map79.jpg") no-repeat; width: 582px; height: 218px; } 

.map80{  background:  url("../../images/map/map80.jpg") no-repeat; }
.nomap80{  background:  url("../../images/map/bg-fight-map80.jpg") no-repeat; } 

.map81{  background:  url("../../images/map/map81.jpg") no-repeat; }
.nomap81{  background:  url("../../images/map/bg-fight-map81.jpg") no-repeat; } 

.map82{  background:  url("../../images/map/map82.jpg") no-repeat; width: 582px; height: 445px; }
.nomap82{  background:  url("../../images/map/bg-fight-map82.jpg") no-repeat; width: 582px; height: 218px; } 

.map83{  background:  url("../../images/map/map83.jpg") no-repeat; width: 582px; height: 445px; }
.nomap83{  background:  url("../../images/map/bg-fight-map83.jpg") no-repeat; width: 582px; height: 218px; } 

.map84{  background:  url("../../images/map/map84.jpg") no-repeat; width: 582px; height: 445px; }
.nomap84{  background:  url("../../images/map/bg-fight-map84.jpg") no-repeat; width: 582px; height: 218px; } 

.map85{  background:  url("../../images/map/map85.jpg") no-repeat; width: 582px; height: 445px; }
.nomap85{  background:  url("../../images/map/bg-fight-map85.jpg") no-repeat; width: 582px; height: 218px; } 

.map86{  background:  url("../../images/map/map86.jpg") no-repeat; width: 582px; height: 445px; }
.nomap86{  background:  url("../../images/map/bg-fight-map86.jpg") no-repeat; width: 582px; height: 218px; } 

.map87{  background:  url("../../images/map/map87.jpg") no-repeat; width: 582px; height: 445px; }
.nomap87{  background:  url("../../images/map/bg-fight-map87.jpg") no-repeat; width: 582px; height: 218px; } 

.map88{  background:  url("../../images/map/map88.jpg") no-repeat; width: 582px; height: 445px; }
.nomap88{  background:  url("../../images/map/bg-fight-map88.jpg") no-repeat; width: 582px; height: 218px; } 

.nomap89{  background:  url("../../images/map/bg-fight-map89.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap90{  background:  url("../../images/map/bg-fight-map90.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap91{  background:  url("../../images/map/bg-fight-map91.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap92{  background:  url("../../images/map/bg-fight-map92.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap93{  background:  url("../../images/map/bg-fight-map93.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap94{  background:  url("../../images/map/bg-fight-map94.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap95{  background:  url("../../images/map/bg-fight-map95.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap96{  background:  url("../../images/map/bg-fight-map96.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap97{  background:  url("../../images/map/bg-fight-map97.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap98{  background:  url("../../images/map/bg-fight-map98.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap99{  background:  url("../../images/map/bg-fight-map99.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap100{  background:  url("../../images/map/bg-fight-map100.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap101{  background:  url("../../images/map/bg-fight-map101.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap102{  background:  url("../../images/map/bg-fight-map102.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap103{  background:  url("../../images/map/bg-fight-map103.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap104{  background:  url("../../images/map/bg-fight-map104.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap105{  background:  url("../../images/map/bg-fight-map105.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap106{  background:  url("../../images/map/bg-fight-map106.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap107{  background:  url("../../images/map/bg-fight-map107.jpg") no-repeat; width: 582px; height: 218px; } 

.nomap109{  background:  url("../../images/map/bg-fight-map109.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap110{  background:  url("../../images/map/bg-fight-map110.jpg") no-repeat; width: 582px; height: 218px; } 

.map111{  background:  url("../../images/map/map111.jpg") no-repeat; width: 582px; height: 445px; }
.nomap111{  background:  url("../../images/map/bg-fight-map111.jpg") no-repeat; width: 582px; height: 218px; } 
.map112{  background:  url("../../images/map/map112.jpg") no-repeat; width: 582px; height: 445px; }
.nomap112{  background:  url("../../images/map/bg-fight-map112.jpg") no-repeat; width: 582px; height: 218px; } 
.map113{  background:  url("../../images/map/map113.jpg") no-repeat; width: 582px; height: 445px; }
.nomap113{  background:  url("../../images/map/bg-fight-map113.jpg") no-repeat; width: 582px; height: 218px; } 
.map114{  background:  url("../../images/map/map114.jpg") no-repeat; width: 582px; height: 445px; }
.nomap114{  background:  url("../../images/map/bg-fight-map114.jpg") no-repeat; width: 582px; height: 218px; } 
.map115{  background:  url("../../images/map/map115.jpg") no-repeat; width: 582px; height: 445px; }
.nomap115{  background:  url("../../images/map/bg-fight-map115.jpg") no-repeat; width: 582px; height: 218px; } 

.map116{  background:  url("../../images/map/map116.jpg") no-repeat; width: 582px; height: 445px; }
.nomap116{  background:  url("../../images/map/bg-fight-map116.jpg") no-repeat; width: 582px; height: 218px; } 

.map117{  background:  url("../../images/map/map117.jpg") no-repeat; width: 582px; height: 445px; }
.nomap117{  background:  url("../../images/map/bg-fight-map117.jpg") no-repeat; width: 582px; height: 218px; } 

.map118{  background:  url("../../images/map/map118.jpg") no-repeat; width: 582px; height: 445px; }
.nomap118{  background:  url("../../images/map/bg-fight-map118.jpg") no-repeat; width: 582px; height: 218px; } 

.map119{  background:  url("../../images/map/map119.jpg") no-repeat; width: 582px; height: 445px; }
.nomap119{  background:  url("../../images/map/bg-fight-map119.jpg") no-repeat; width: 582px; height: 218px; } 

.map120{  background:  url("../../images/map/map120.jpg") no-repeat; width: 582px; height: 445px; }
.nomap120{  background:  url("../../images/map/bg-fight-map120.jpg") no-repeat; width: 582px; height: 218px; } 

.map121{  background:  url("../../images/map/map121.jpg") no-repeat; width: 582px; height: 445px; }
.nomap121{  background:  url("../../images/map/bg-fight-map121.jpg") no-repeat; width: 582px; height: 218px; } 

.map122{  background:  url("../../images/map/map122.jpg") no-repeat; width: 582px; height: 445px; }
.nomap122{  background:  url("../../images/map/bg-fight-map122.jpg") no-repeat; width: 582px; height: 218px; } 

.map123{  background:  url("../../images/map/map123.jpg") no-repeat; width: 582px; height: 445px; }
.nomap123{  background:  url("../../images/map/bg-fight-map123.jpg") no-repeat; width: 582px; height: 218px; } 

.map124{  background:  url("../../images/map/map124.jpg") no-repeat; width: 582px; height: 445px; }
.nomap124{  background:  url("../../images/map/bg-fight-map124.jpg") no-repeat; width: 582px; height: 218px; } 

.map125{  background:  url("../../images/map/map125.jpg") no-repeat; width: 582px; height: 445px; }
.nomap125{  background:  url("../../images/map/bg-fight-map125.jpg") no-repeat; width: 582px; height: 218px; } 

.map126{  background:  url("../../images/map/map126.jpg") no-repeat; width: 582px; height: 445px; }
.nomap126{  background:  url("../../images/map/bg-fight-map126.jpg") no-repeat; width: 582px; height: 218px; } 

.map127{  background:  url("../../images/map/map127.jpg") no-repeat; width: 582px; height: 445px; }
.nomap127{  background:  url("../../images/map/bg-fight-map127.jpg") no-repeat; width: 582px; height: 218px; } 

.map128{  background:  url("../../images/map/map128.jpg") no-repeat; width: 582px; height: 445px; }
.nomap128{  background:  url("../../images/map/bg-fight-map128.jpg") no-repeat; width: 582px; height: 218px; } 

.map129{  background:  url("../../images/map/map129.jpg") no-repeat; width: 582px; height: 445px; }
.nomap129{  background:  url("../../images/map/bg-fight-map129.jpg") no-repeat; width: 582px; height: 218px; } 

.map130{  background:  url("../../images/map/map130.jpg") no-repeat; width: 582px; height: 445px; }
.nomap130{  background:  url("../../images/map/bg-fight-map130.jpg") no-repeat; width: 582px; height: 218px; } 



.map1001{  background:  url("../../images/map/darkmap/map1.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1001{  background:  url("../../images/map/bg-fight-map1.jpg") no-repeat; width: 582px; height: 218px; } 

.map1002{  background:  url("../../images/map/darkmap/map2.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1002{  background:  url("../../images/map/bg-fight-map2.jpg") no-repeat; width: 582px; height: 218px; } 

.map1003{  background:  url("../../images/map/darkmap/map3.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1003{  background:  url("../../images/map/bg-fight-map3.jpg") no-repeat; width: 582px; height: 218px; } 

.map1004{  background:  url("../../images/map/darkmap/map4.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1004{  background:  url("../../images/map/bg-fight-map4.jpg") no-repeat; width: 582px; height: 218px; } 

.map1005{  background:  url("../../images/map/darkmap/map5.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1005{  background:  url("../../images/map/bg-fight-map5.jpg") no-repeat; width: 582px; height: 218px; } 

.map1006{  background:  url("../../images/map/darkmap/map6.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1006{  background:  url("../../images/map/bg-fight-map6.jpg") no-repeat; width: 582px; height: 218px; } 

.map1007{  background:  url("../../images/map/darkmap/map7.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1007{  background:  url("../../images/map/bg-fight-map7.jpg") no-repeat; width: 582px; height: 218px; } 

.map1008{  background:  url("../../images/map/darkmap/map8.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1008{  background:  url("../../images/map/bg-fight-map8.jpg") no-repeat; width: 582px; height: 218px; } 

.map1009{  background:  url("../../images/map/darkmap/map9.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1009{  background:  url("../../images/map/bg-fight-map9.jpg") no-repeat; width: 582px; height: 218px; } 

.map1010{  background:  url("../../images/map/darkmap/map10.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1010{  background:  url("../../images/map/bg-fight-map10.jpg") no-repeat; width: 582px; height: 218px; } 

.map1011{  background:  url("../../images/map/darkmap/map11.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1011{  background:  url("../../images/map/bg-fight-map11.jpg") no-repeat; width: 582px; height: 218px; } 

.map1012{  background:  url("../../images/map/darkmap/map12.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1012{  background:  url("../../images/map/bg-fight-map12.jpg") no-repeat; width: 582px; height: 218px; } 

.map1013{  background:  url("../../images/map/darkmap/map13.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1013{  background:  url("../../images/map/bg-fight-map13.jpg") no-repeat; width: 582px; height: 218px; } 

.map1014{  background:  url("../../images/map/darkmap/map14.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1014{  background:  url("../../images/map/bg-fight-map14.jpg") no-repeat; width: 582px; height: 218px; } 

.map1015{  background:  url("../../images/map/darkmap/map15.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1015{  background:  url("../../images/map/bg-fight-map15.jpg") no-repeat; width: 582px; height: 218px; } 

.map1016{  background:  url("../../images/map/darkmap/map16.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1016{  background:  url("../../images/map/bg-fight-map16.jpg") no-repeat; width: 582px; height: 218px; } 

.map1017{  background:  url("../../images/map/darkmap/map17.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1017{  background:  url("../../images/map/bg-fight-map17.jpg") no-repeat; width: 582px; height: 218px; } 

.map1018{  background:  url("../../images/map/darkmap/map18.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1018{  background:  url("../../images/map/bg-fight-map18.jpg") no-repeat; width: 582px; height: 218px; } 

.map1019{  background:  url("../../images/map/darkmap/map19.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1019{  background:  url("../../images/map/bg-fight-map19.jpg") no-repeat; width: 582px; height: 218px; } 

.map1020{  background:  url("../../images/map/darkmap/map20.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1020{  background:  url("../../images/map/bg-fight-map20.jpg") no-repeat; width: 582px; height: 218px; } 

.map1021{  background:  url("../../images/map/darkmap/map21.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1021{  background:  url("../../images/map/bg-fight-map21.jpg") no-repeat; width: 582px; height: 218px; } 

.map1022{  background:  url("../../images/map/darkmap/map22.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1022{  background:  url("../../images/map/bg-fight-map22.jpg") no-repeat; width: 582px; height: 218px; } 

.map1023{  background:  url("../../images/map/darkmap/map23.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1023{  background:  url("../../images/map/bg-fight-map23.jpg") no-repeat; width: 582px; height: 218px; } 

.map1024{  background:  url("../../images/map/darkmap/map24.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1024{  background:  url("../../images/map/bg-fight-map24.jpg") no-repeat; width: 582px; height: 218px; } 

.map1025{  background:  url("../../images/map/darkmap/map25.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1025{  background:  url("../../images/map/bg-fight-map25.jpg") no-repeat; width: 582px; height: 218px; } 

.map1026{  background:  url("../../images/map/darkmap/map26.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1026{  background:  url("../../images/map/bg-fight-map26.jpg") no-repeat; width: 582px; height: 218px; } 

.map1027{  background:  url("../../images/map/darkmap/map27.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1027{  background:  url("../../images/map/bg-fight-map27.jpg") no-repeat; width: 582px; height: 218px; } 

.map1028{  background:  url("../../images/map/darkmap/map28.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1028{  background:  url("../../images/map/bg-fight-map28.jpg") no-repeat; width: 582px; height: 218px; } 

.map1029{  background:  url("../../images/map/darkmap/map29.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1029{  background:  url("../../images/map/bg-fight-map29.jpg") no-repeat; width: 582px; height: 218px; } 

.map1030{  background:  url("../../images/map/darkmap/map30.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1030{  background:  url("../../images/map/bg-fight-map30.jpg") no-repeat; width: 582px; height: 218px; } 

.map1031{  background:  url("../../images/map/darkmap/map31.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1031{  background:  url("../../images/map/bg-fight-map31.jpg") no-repeat; width: 582px; height: 218px; } 

.map1032{  background:  url("../../images/map/darkmap/map32.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1032{  background:  url("../../images/map/bg-fight-map32.jpg") no-repeat; width: 582px; height: 218px; } 

.map1033{  background:  url("../../images/map/darkmap/map33.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1033{  background:  url("../../images/map/bg-fight-map33.jpg") no-repeat; width: 582px; height: 218px; } 

.map1034{  background:  url("../../images/map/darkmap/map34.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1034{  background:  url("../../images/map/bg-fight-map34.jpg") no-repeat; width: 582px; height: 218px; } 

.map1035{  background:  url("../../images/map/darkmap/map35.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1035{  background:  url("../../images/map/bg-fight-map35.jpg") no-repeat; width: 582px; height: 218px; } 

.map1036{  background:  url("../../images/map/darkmap/map36.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1036{  background:  url("../../images/map/bg-fight-map36.jpg") no-repeat; width: 582px; height: 218px; } 

.map1037{  background:  url("../../images/map/darkmap/map37.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1037{  background:  url("../../images/map/bg-fight-map37.jpg") no-repeat; width: 582px; height: 218px; } 

.map1038{  background:  url("../../images/map/darkmap/map38.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1038{  background:  url("../../images/map/bg-fight-map38.jpg") no-repeat; width: 582px; height: 218px; } 

.map1039{  background:  url("../../images/map/darkmap/map39.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1039{  background:  url("../../images/map/bg-fight-map39.jpg") no-repeat; width: 582px; height: 218px; } 

.map1040{  background:  url("../../images/map/darkmap/map40.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1040{  background:  url("../../images/map/bg-fight-map40.jpg") no-repeat; width: 582px; height: 218px; } 

.map1041{  background:  url("../../images/map/darkmap/map41.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1041{  background:  url("../../images/map/bg-fight-map41.jpg") no-repeat; width: 582px; height: 218px; } 

.map1042{  background:  url("../../images/map/darkmap/map42.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1042{  background:  url("../../images/map/bg-fight-map42.jpg") no-repeat; width: 582px; height: 218px; } 

.map1043{  background:  url("../../images/map/darkmap/map43.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1043{  background:  url("../../images/map/bg-fight-map43.jpg") no-repeat; width: 582px; height: 218px; } 

.map1044{  background:  url("../../images/map/darkmap/map44.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1044{  background:  url("../../images/map/bg-fight-map44.jpg") no-repeat; width: 582px; height: 218px; } 

.map1045{  background:  url("../../images/map/darkmap/map45.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1045{  background:  url("../../images/map/bg-fight-map45.jpg") no-repeat; width: 582px; height: 218px; } 

.map1046{  background:  url("../../images/map/darkmap/map46.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1046{  background:  url("../../images/map/bg-fight-map46.jpg") no-repeat; width: 582px; height: 218px; } 

.map1047{  background:  url("../../images/map/darkmap/map47.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1047{  background:  url("../../images/map/bg-fight-map47.jpg") no-repeat; width: 582px; height: 218px; } 

.map1048{  background:  url("../../images/map/darkmap/map48.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1048{  background:  url("../../images/map/bg-fight-map48.jpg") no-repeat; width: 582px; height: 218px; } 

.map1049{  background:  url("../../images/map/darkmap/map49.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1049{  background:  url("../../images/map/bg-fight-map49.jpg") no-repeat; width: 582px; height: 218px; } 

.map1050{  background:  url("../../images/map/darkmap/map50.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1050{  background:  url("../../images/map/bg-fight-map50.jpg") no-repeat; width: 582px; height: 218px; } 

.map1051{  background:  url("../../images/map/darkmap/map51.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1051{  background:  url("../../images/map/bg-fight-map51.jpg") no-repeat; width: 582px; height: 218px; } 

.map1052{  background:  url("../../images/map/darkmap/map52.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1052{  background:  url("../../images/map/bg-fight-map52.jpg") no-repeat; width: 582px; height: 218px; } 

.map1053{  background:  url("../../images/map/darkmap/map53.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1053{  background:  url("../../images/map/bg-fight-map53.jpg") no-repeat; width: 582px; height: 218px; } 

.map1054{  background:  url("../../images/map/darkmap/map54.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1054{  background:  url("../../images/map/bg-fight-map54.jpg") no-repeat; width: 582px; height: 218px; } 

.map1055{  background:  url("../../images/map/darkmap/map55.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1055{  background:  url("../../images/map/bg-fight-map55.jpg") no-repeat; width: 582px; height: 218px; } 

.map1056{  background:  url("../../images/map/darkmap/map56.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1056{  background:  url("../../images/map/bg-fight-map56.jpg") no-repeat; width: 582px; height: 218px; } 

.map1057{  background:  url("../../images/map/darkmap/map57.jpg") no-repeat; width: 582px; height: 445px; }
.nomap105{  background:  url("../../images/map/bg-fight-map57.jpg") no-repeat; width: 582px; height: 218px; } 

.map1058{  background:  url("../../images/map/darkmap/map58.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1058{  background:  url("../../images/map/bg-fight-map58.jpg") no-repeat; width: 582px; height: 218px; } 

.map1059{  background:  url("../../images/map/darkmap/map59.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1059{  background:  url("../../images/map/bg-fight-map59.jpg") no-repeat; width: 582px; height: 218px; } 

.map1060{  background:  url("../../images/map/darkmap/map60.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1060{  background:  url("../../images/map/bg-fight-map60.jpg") no-repeat; width: 582px; height: 218px; } 

.map1061{  background:  url("../../images/map/darkmap/map61.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1061{  background:  url("../../images/map/bg-fight-map61.jpg") no-repeat; width: 582px; height: 218px; } 

.map1066{  background:  url("../../images/map/darkmap/map66.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1066{  background:  url("../../images/map/bg-fight-map66.jpg") no-repeat; width: 582px; height: 218px; } 

.map1067{  background:  url("../../images/map/darkmap/map67.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1067{  background:  url("../../images/map/bg-fight-map67.jpg") no-repeat; width: 582px; height: 218px; } 

.map1068{  background:  url("../../images/map/darkmap/map68.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1068{  background:  url("../../images/map/bg-fight-map68.jpg") no-repeat; width: 582px; height: 218px; } 

.map1069{  background:  url("../../images/map/darkmap/map69.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1069{  background:  url("../../images/map/bg-fight-map69.jpg") no-repeat; width: 582px; height: 218px; } 

.map1070{  background:  url("../../images/map/darkmap/map70.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1070{  background:  url("../../images/map/bg-fight-map70.jpg") no-repeat; width: 582px; height: 218px; } 

.map1071{  background:  url("../../images/map/darkmap/map71.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1071{  background:  url("../../images/map/bg-fight-map71.jpg") no-repeat; width: 582px; height: 218px; } 

.map1072{  background:  url("../../images/map/darkmap/map72.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1072{  background:  url("../../images/map/bg-fight-map72.jpg") no-repeat; width: 582px; height: 218px; } 

.map1073{  background:  url("../../images/map/darkmap/map73.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1073{  background:  url("../../images/map/bg-fight-map73.jpg") no-repeat; width: 582px; height: 218px; } 

.map1074{  background:  url("../../images/map/darkmap/map74.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1074{  background:  url("../../images/map/bg-fight-map74.jpg") no-repeat; width: 582px; height: 218px; } 

.map1075{  background:  url("../../images/map/darkmap/map75.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1075{  background:  url("../../images/map/bg-fight-map75.jpg") no-repeat; width: 582px; height: 218px; } 

.map1076{  background:  url("../../images/map/darkmap/map76.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1076{  background:  url("../../images/map/bg-fight-map76.jpg") no-repeat; width: 582px; height: 218px; } 

.map1077{  background:  url("../../images/map/darkmap/map77.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1077{  background:  url("../../images/map/bg-fight-map77.jpg") no-repeat; width: 582px; height: 218px; } 

.map1078{  background:  url("../../images/map/darkmap/map78.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1078{  background:  url("../../images/map/bg-fight-map78.jpg") no-repeat; width: 582px; height: 218px; } 

.map1079{  background:  url("../../images/map/darkmap/map79.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1079{  background:  url("../../images/map/bg-fight-map79.jpg") no-repeat; width: 582px; height: 218px; } 

.map1080{  background:  url("../../images/map/darkmap/map80.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1080{  background:  url("../../images/map/bg-fight-map80.jpg") no-repeat; width: 582px; height: 218px; } 

.map1081{  background:  url("../../images/map/darkmap/map81.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1081{  background:  url("../../images/map/bg-fight-map81.jpg") no-repeat; width: 582px; height: 218px; } 

.map1082{  background:  url("../../images/map/darkmap/map82.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1082{  background:  url("../../images/map/bg-fight-map82.jpg") no-repeat; width: 582px; height: 218px; } 

.map1083{  background:  url("../../images/map/darkmap/map83.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1083{  background:  url("../../images/map/bg-fight-map83.jpg") no-repeat; width: 582px; height: 218px; } 

.map1084{  background:  url("../../images/map/darkmap/map84.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1084{  background:  url("../../images/map/bg-fight-map84.jpg") no-repeat; width: 582px; height: 218px; } 

.map1085{  background:  url("../../images/map/darkmap/map85.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1085{  background:  url("../../images/map/bg-fight-map85.jpg") no-repeat; width: 582px; height: 218px; } 

.map1086{  background:  url("../../images/map/darkmap/map86.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1086{  background:  url("../../images/map/bg-fight-map86.jpg") no-repeat; width: 582px; height: 218px; } 

.map1087{  background:  url("../../images/map/darkmap/map87.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1087{  background:  url("../../images/map/bg-fight-map87.jpg") no-repeat; width: 582px; height: 218px; } 

.map1088{  background:  url("../../images/map/darkmap/map88.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1088{  background:  url("../../images/map/bg-fight-map88.jpg") no-repeat; width: 582px; height: 218px; } 

.map1111{  background:  url("../../images/map/darkmap/map111.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1111{  background:  url("../../images/map/bg-fight-map111.jpg") no-repeat; width: 582px; height: 218px; } 
.map1112{  background:  url("../../images/map/darkmap/map112.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1112{  background:  url("../../images/map/bg-fight-map112.jpg") no-repeat; width: 582px; height: 218px; } 
.map1113{  background:  url("../../images/map/darkmap/map113.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1113{  background:  url("../../images/map/bg-fight-map113.jpg") no-repeat; width: 582px; height: 218px; } 
.map1114{  background:  url("../../images/map/darkmap/map114.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1114{  background:  url("../../images/map/bg-fight-map114.jpg") no-repeat; width: 582px; height: 218px; } 
.map1115{  background:  url("../../images/map/darkmap/map115.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1115{  background:  url("../../images/map/bg-fight-map115.jpg") no-repeat; width: 582px; height: 218px; } 

.nomap1089{  background:  url("../../images/map/bg-fight-map89.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1090{  background:  url("../../images/map/bg-fight-map90.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1091{  background:  url("../../images/map/bg-fight-map91.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1092{  background:  url("../../images/map/bg-fight-map92.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1093{  background:  url("../../images/map/bg-fight-map93.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1094{  background:  url("../../images/map/bg-fight-map94.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1095{  background:  url("../../images/map/bg-fight-map95.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1096{  background:  url("../../images/map/bg-fight-map96.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1097{  background:  url("../../images/map/bg-fight-map97.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1098{  background:  url("../../images/map/bg-fight-map98.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1099{  background:  url("../../images/map/bg-fight-map99.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1100{  background:  url("../../images/map/bg-fight-map100.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1101{  background:  url("../../images/map/bg-fight-map101.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1102{  background:  url("../../images/map/bg-fight-map102.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1103{  background:  url("../../images/map/bg-fight-map103.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1104{  background:  url("../../images/map/bg-fight-map104.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1105{  background:  url("../../images/map/bg-fight-map105.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1106{  background:  url("../../images/map/bg-fight-map106.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1107{  background:  url("../../images/map/bg-fight-map107.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1109{  background:  url("../../images/map/bg-fight-map109.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1110{  background:  url("../../images/map/bg-fight-map110.jpg") no-repeat; width: 582px; height: 218px; } 

.map1128{  background:  url("../../images/map/darkmap/map128.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1128{  background:  url("../../images/map/bg-fight-map128.jpg") no-repeat; width: 582px; height: 218px; } 

.map1129{  background:  url("../../images/map/darkmap/map129.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1129{  background:  url("../../images/map/bg-fight-map129.jpg") no-repeat; width: 582px; height: 218px; } 

.map1130{  background:  url("../../images/map/map130.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1130{  background:  url("../../images/map/bg-fight-map130.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1131{  background:  url("../../images/map/bg-fight-map131.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap131{  background:  url("../../images/map/bg-fight-map131.jpg") no-repeat; width: 582px; height: 218px; } 


.map132{  background:  url("../../images/map/map132.jpg") no-repeat; width: 582px; height: 445px; }
.map133{  background:  url("../../images/map/map133.jpg") no-repeat; width: 582px; height: 445px; }
.map134{  background:  url("../../images/map/map134.jpg") no-repeat; width: 582px; height: 445px; }
.map135{  background:  url("../../images/map/map135.jpg") no-repeat; width: 582px; height: 445px; }
.map1132{  background:  url("../../images/map/darkmap/map132.jpg") no-repeat; width: 582px; height: 445px; }
.map1133{  background:  url("../../images/map/darkmap/map133.jpg") no-repeat; width: 582px; height: 445px; }
.map1134{  background:  url("../../images/map/darkmap/map134.jpg") no-repeat; width: 582px; height: 445px; }
.map1135{  background:  url("../../images/map/darkmap/map135.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1132{  background:  url("../../images/map/bg-fight-map132.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap132{  background:  url("../../images/map/bg-fight-map132.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1133{  background:  url("../../images/map/bg-fight-map133.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap133{  background:  url("../../images/map/bg-fight-map133.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1134{  background:  url("../../images/map/bg-fight-map134.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap134{  background:  url("../../images/map/bg-fight-map134.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap1135{  background:  url("../../images/map/bg-fight-map135.jpg") no-repeat; width: 582px; height: 218px; } 
.nomap135{  background:  url("../../images/map/bg-fight-map135.jpg") no-repeat; width: 582px; height: 218px; } 

/*MAP PIXELS */
.map136{  background:  url("../../images/map/map136.jpg") no-repeat; width: 582px; height: 445px; }
.map1136{  background:  url("../../images/map/darkmap/map136.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1136, .nomap136{  background:  url("../../images/map/bg-fight-map136.jpg") no-repeat; width: 582px; height: 218px; } 

.map137{  background:  url("../../images/map/map137.jpg") no-repeat; width: 582px; height: 445px; }
.map1137{  background:  url("../../images/map/darkmap/map137.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1137, .nomap137{  background:  url("../../images/map/bg-fight-map137.jpg") no-repeat; width: 582px; height: 218px; } 

.map138{  background:  url("../../images/map/map138.jpg") no-repeat; width: 582px; height: 445px; }
.map1138{  background:  url("../../images/map/darkmap/map138.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1138, .nomap138{  background:  url("../../images/map/bg-fight-map138.jpg") no-repeat; width: 582px; height: 218px; } 

.map139{  background:  url("../../images/map/map139.jpg") no-repeat; width: 582px; height: 445px; }
.map1139{  background:  url("../../images/map/darkmap/map139.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1139, .nomap139{  background:  url("../../images/map/bg-fight-map139.jpg") no-repeat; width: 582px; height: 218px; } 

.map140{  background:  url("../../images/map/map140.jpg") no-repeat; width: 582px; height: 445px; }
.map1140{  background:  url("../../images/map/darkmap/map140.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1140, .nomap140{  background:  url("../../images/map/bg-fight-map140.jpg") no-repeat; width: 582px; height: 218px; } 

.map141{  background:  url("../../images/map/map141.jpg") no-repeat; width: 582px; height: 445px; }
.map1141{  background:  url("../../images/map/darkmap/map141.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1141, .nomap141{  background:  url("../../images/map/bg-fight-map141.jpg") no-repeat; width: 582px; height: 218px; } 

.map142{  background:  url("../../images/map/map142.jpg") no-repeat; width: 582px; height: 445px; }
.map1142{  background:  url("../../images/map/darkmap/map142.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1142, .nomap142{  background:  url("../../images/map/bg-fight-map142.jpg") no-repeat; width: 582px; height: 218px; } 

.map143{  background:  url("../../images/map/map143.jpg") no-repeat; width: 582px; height: 445px; }
.map1143{  background:  url("../../images/map/darkmap/map143.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1143, .nomap143{  background:  url("../../images/map/bg-fight-map143.jpg") no-repeat; width: 582px; height: 218px; } 

.map144{  background:  url("../../images/map/map144.jpg") no-repeat; width: 582px; height: 445px; }
.map1144{  background:  url("../../images/map/darkmap/map144.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1144, .nomap144{  background:  url("../../images/map/bg-fight-map144.jpg") no-repeat; width: 582px; height: 218px; } 

.map145{  background:  url("../../images/map/map145.jpg") no-repeat; width: 582px; height: 445px; }
.map1145{  background:  url("../../images/map/darkmap/map145.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1145, .nomap145{  background:  url("../../images/map/bg-fight-map145.jpg") no-repeat; width: 582px; height: 218px; } 

.map146{  background:  url("../../images/map/map146.jpg") no-repeat; width: 582px; height: 445px; }
.map1146{  background:  url("../../images/map/darkmap/map146.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1146, .nomap146{  background:  url("../../images/map/bg-fight-map146.jpg") no-repeat; width: 582px; height: 218px; } 

.map147{  background:  url("../../images/map/map147.jpg") no-repeat; width: 582px; height: 445px; }
.map1147{  background:  url("../../images/map/darkmap/map147.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1147, .nomap147{  background:  url("../../images/map/bg-fight-map147.jpg") no-repeat; width: 582px; height: 218px; } 

.map148{  background:  url("../../images/map/map148.jpg") no-repeat; width: 582px; height: 445px; }
.map1148{  background:  url("../../images/map/darkmap/map148.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1148, .nomap148{  background:  url("../../images/map/bg-fight-map148.jpg") no-repeat; width: 582px; height: 218px; } 

.map149{  background:  url("../../images/map/map149.jpg") no-repeat; width: 582px; height: 445px; }
.map1149{  background:  url("../../images/map/darkmap/map149.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1149, .nomap149{  background:  url("../../images/map/bg-fight-map149.jpg") no-repeat; width: 582px; height: 218px; } 

.map150{  background:  url("../../images/map/map150.jpg") no-repeat; width: 582px; height: 445px; }
.map1150{  background:  url("../../images/map/darkmap/map150.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1150, .nomap150{  background:  url("../../images/map/bg-fight-map150.jpg") no-repeat; width: 582px; height: 218px; } 

.map151{  background:  url("../../images/map/map151.jpg") no-repeat; width: 582px; height: 445px; }
.map1151{  background:  url("../../images/map/darkmap/map151.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1151, .nomap151{  background:  url("../../images/map/bg-fight-map151.jpg") no-repeat; width: 582px; height: 218px; } 

.map152{  background:  url("../../images/map/map152.jpg") no-repeat; width: 582px; height: 445px; }
.map1152{  background:  url("../../images/map/darkmap/map152.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1152, .nomap152{  background:  url("../../images/map/bg-fight-map152.jpg") no-repeat; width: 582px; height: 218px; } 

.map153{  background:  url("../../images/map/map153.jpg") no-repeat; width: 582px; height: 445px; }
.map1153{  background:  url("../../images/map/darkmap/map153.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1153, .nomap153{  background:  url("../../images/map/bg-fight-map153.jpg") no-repeat; width: 582px; height: 218px; } 

.map154{  background:  url("../../images/map/map154.jpg") no-repeat; width: 582px; height: 445px; }
.map1154{  background:  url("../../images/map/darkmap/map154.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1154, .nomap154{  background:  url("../../images/map/bg-fight-map154.jpg") no-repeat; width: 582px; height: 218px; } 

.map155{  background:  url("../../images/map/map155.jpg") no-repeat; width: 582px; height: 445px; }
.map1155{  background:  url("../../images/map/darkmap/map155.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1155, .nomap155{  background:  url("../../images/map/bg-fight-map155.jpg") no-repeat; width: 582px; height: 218px; } 

.map156{  background:  url("../../images/map/map156.jpg") no-repeat; width: 582px; height: 445px; }
.map1156{  background:  url("../../images/map/darkmap/map156.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1156, .nomap156{  background:  url("../../images/map/bg-fight-map156.jpg") no-repeat; width: 582px; height: 218px; } 


.map157{  background:  url("../../images/map/map157.jpg") no-repeat; width: 582px; height: 445px; }
.map1157{  background:  url("../../images/map/darkmap/map157.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1157, .nomap157{  background:  url("../../images/map/bg-fight-map157.jpg") no-repeat; width: 582px; height: 218px; } 
.map158{  background:  url("../../images/map/map158.jpg") no-repeat; width: 582px; height: 445px; }
.map1158{  background:  url("../../images/map/darkmap/map158.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1158, .nomap158{  background:  url("../../images/map/bg-fight-map158.jpg") no-repeat; width: 582px; height: 218px; } 
.map159{  background:  url("../../images/map/map159.jpg") no-repeat; width: 582px; height: 445px; }
.map1159{  background:  url("../../images/map/darkmap/map159.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1159, .nomap159{  background:  url("../../images/map/bg-fight-map159.jpg") no-repeat; width: 582px; height: 218px; } 
.map160{  background:  url("../../images/map/map160.jpg") no-repeat; width: 582px; height: 445px; }
.map1160{  background:  url("../../images/map/darkmap/map160.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1160, .nomap160{  background:  url("../../images/map/bg-fight-map160.jpg") no-repeat; width: 582px; height: 218px; } 

.map200{  background:  url("../../images/map/map200.jpg") no-repeat; width: 582px; height: 445px; }
.map1200{  background:  url("../../images/map/darkmap/map200.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1200, .nomap200{  background:  url("../../images/map/bg-fight-map200.jpg") no-repeat; width: 582px; height: 218px; } 


.map400{  background:  url("../../images/map/map400.jpg") no-repeat; width: 582px; height: 445px; }
.map1400{  background:  url("../../images/map/darkmap/map400.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1400, .nomap400{  background:  url("../../images/map/bg-fight-map400.jpg") no-repeat; width: 582px; height: 218px; } 
.map477{  background:  url("../../images/map/map477.jpg") no-repeat; width: 582px; height: 445px; }
.map1477{  background:  url("../../images/map/darkmap/map477.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1477, .nomap477{  background:  url("../../images/map/bg-fight-map477.jpg") no-repeat; width: 582px; height: 218px; } 

.map478{  background:  url("../../images/map/map478.jpg") no-repeat; width: 582px; height: 445px; }
.map1478{  background:  url("../../images/map/darkmap/map478.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1478, .nomap478{  background:  url("../../images/map/bg-fight-map478.jpg") no-repeat; width: 582px; height: 218px; } 

.map999{  background:  url("../../images/map/map999.jpg") no-repeat; width: 582px; height: 445px; }
.map1999{  background:  url("../../images/map/darkmap/map999.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1999, .nomap999{  background:  url("../../images/map/bg-fight-map999.jpg") no-repeat; width: 582px; height: 218px; } 

.map555{  background:  url("../../images/map/map555.jpg") no-repeat; width: 582px; height: 445px; }
.map1555{  background:  url("../../images/map/darkmap/map555.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1555, .nomap555{  background:  url("../../images/map/bg-fight-map555.jpg") no-repeat; width: 582px; height: 218px; } 

.map556{  background:  url("../../images/map/map556.jpg") no-repeat; width: 582px; height: 445px; }
.map1556{  background:  url("../../images/map/darkmap/map556.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1556, .nomap556{  background:  url("../../images/map/bg-fight-map556.jpg") no-repeat; width: 582px; height: 218px; } 

/* super dugdae */
.map161{  background:  url("../../images/map/map161.jpg") no-repeat; width: 582px; height: 445px; }
.map1161{  background:  url("../../images/map/darkmap/map161.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1161, .nomap161{  background:  url("../../images/map/bg-fight-map161.jpg") no-repeat; width: 582px; height: 218px; } 
.map162{  background:  url("../../images/map/map162.jpg") no-repeat; width: 582px; height: 445px; }
.map1162{  background:  url("../../images/map/darkmap/map162.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1162, .nomap162{  background:  url("../../images/map/bg-fight-map162.jpg") no-repeat; width: 582px; height: 218px; } 
.map163{  background:  url("../../images/map/map163.jpg") no-repeat; width: 582px; height: 445px; }
.map1163{  background:  url("../../images/map/darkmap/map163.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1163, .nomap163{  background:  url("../../images/map/bg-fight-map163.jpg") no-repeat; width: 582px; height: 218px; } 
.map164{  background:  url("../../images/map/map164.jpg") no-repeat; width: 582px; height: 445px; }
.map1164{  background:  url("../../images/map/darkmap/map164.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1164, .nomap164{  background:  url("../../images/map/bg-fight-map164.jpg") no-repeat; width: 582px; height: 218px; } 
.map165{  background:  url("../../images/map/map165.jpg") no-repeat; width: 582px; height: 445px; }
.map1165{  background:  url("../../images/map/darkmap/map165.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1165, .nomap165{  background:  url("../../images/map/bg-fight-map165.jpg") no-repeat; width: 582px; height: 218px; } 
.map166{  background:  url("../../images/map/map166.jpg") no-repeat; width: 582px; height: 445px; }
.map1166{  background:  url("../../images/map/darkmap/map166.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1166, .nomap166{  background:  url("../../images/map/bg-fight-map166.jpg") no-repeat; width: 582px; height: 218px; } 

.map167{  background:  url("../../images/map/map167.jpg") no-repeat; width: 582px; height: 445px; }
.map1167{  background:  url("../../images/map/darkmap/map167.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1167, .nomap167{  background:  url("../../images/map/bg-fight-map167.jpg") no-repeat; width: 582px; height: 218px; } 

.map168{  background:  url("../../images/map/map168.jpg") no-repeat; width: 582px; height: 445px; }
.map1168{  background:  url("../../images/map/darkmap/map168.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1168, .nomap168{  background:  url("../../images/map/bg-fight-map168.jpg") no-repeat; width: 582px; height: 218px; } 
.map169{  background:  url("../../images/map/map169.jpg") no-repeat; width: 582px; height: 445px; }
.map1169{  background:  url("../../images/map/darkmap/map169.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1169, .nomap169{  background:  url("../../images/map/bg-fight-map169.jpg") no-repeat; width: 582px; height: 218px; } 
.map170{  background:  url("../../images/map/map170.jpg") no-repeat; width: 582px; height: 445px; }
.map1170{  background:  url("../../images/map/darkmap/map170.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1170, .nomap170{  background:  url("../../images/map/bg-fight-map170.jpg") no-repeat; width: 582px; height: 218px; } 
.map171{  background:  url("../../images/map/map171.jpg") no-repeat; width: 582px; height: 445px; }
.map1171{  background:  url("../../images/map/darkmap/map171.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1171, .nomap171{  background:  url("../../images/map/bg-fight-map171.jpg") no-repeat; width: 582px; height: 218px; } 

/* BABY CLASS */
.map172{  background:  url("../../images/map/map172.jpg") no-repeat; width: 582px; height: 445px; }
.map1172{  background:  url("../../images/map/darkmap/map172.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1172, .nomap172{  background:  url("../../images/map/bg-fight-map172.jpg") no-repeat; width: 582px; height: 218px; } 

.map173{  background:  url("../../images/map/map173.jpg") no-repeat; width: 582px; height: 445px; }
.map1173{  background:  url("../../images/map/darkmap/map173.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1173, .nomap173{  background:  url("../../images/map/bg-fight-map173.jpg") no-repeat; width: 582px; height: 218px; } 

.map174{  background:  url("../../images/map/map174.jpg") no-repeat; width: 582px; height: 445px; }
.map1174{  background:  url("../../images/map/darkmap/map174.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1174, .nomap174{  background:  url("../../images/map/bg-fight-map174.jpg") no-repeat; width: 582px; height: 218px; } 

.map175{  background:  url("../../images/map/map175.jpg") no-repeat; width: 582px; height: 445px; }
.map1175{  background:  url("../../images/map/darkmap/map175.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1175, .nomap175{  background:  url("../../images/map/bg-fight-map175.jpg") no-repeat; width: 582px; height: 218px; } 

.map176{  background:  url("../../images/map/map176.jpg") no-repeat; width: 582px; height: 445px; }
.map1176{  background:  url("../../images/map/darkmap/map176.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1176, .nomap176{  background:  url("../../images/map/bg-fight-map176.jpg") no-repeat; width: 582px; height: 218px; } 

.map177{  background:  url("../../images/map/map177.jpg") no-repeat; width: 582px; height: 445px; }
.map1177{  background:  url("../../images/map/darkmap/map177.jpg") no-repeat; width: 582px; height: 445px; }
.nomap1177, .nomap177{  background:  url("../../images/map/bg-fight-map177.jpg") no-repeat; width: 582px; height: 218px; } 



#quest-award-area .songkran-button{width:30px; height:20px; background:url(../../images/quest/quest68/reward.png) 0px 0px no-repeat; float:left;}
#quest-award-area .songkran-button:hover{width:30px; height:20px; background:url(../../images/quest/quest68/reward.png) 0px -20px no-repeat; cursor:pointer; float:left;}
#quest-award-area .songkran-button-fail{width:30px; height:20px; background:url(../../images/quest/quest68/reward-fail.png) 0px 0px no-repeat; float:left;}
#quest-award-area .songkran-button-win{width:30px; height:20px; background:url(../../images/quest/quest68/reward-win.png) 0px 0px no-repeat; float:left;}
#quest-award-area .songkran-button-area{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 2px;
    background: none repeat scroll 0 0 rgba(251, 251, 206, 0.7);
}

#PMcontent{ width:187px; height:71px; background: url("../../images/map/mailbox.png") no-repeat; position:absolute; left:0px; top:90px; cursor:pointer;}
#PMcontent #numberOfPM {position:absolute; font-weight:bold; left:111px; height:10px; width:25px; height:18px; top: 13px; text-align:center;}
#QUESTcontent { width:582px; height:210px; background: url("../../images/map/npc-quest.png") no-repeat; position:absolute; text-align:center; left:0px; bottom:-200px; z-index:11002;}
#showDetailOfQuest{clear:both; position:absolute; left:190px; top: 100px; font-size: 12pt; font-weight: bold; color:#000; text-align:left;}

#PETSTAT_Plate {position:absolute; left:172px; top:50px; width:267px; height:100px; z-index:10000;display:none;}
#PETSTAT_Plate #PETSTAT_area{position:relative; width:267px; height:100px; background: url(../../images/map/bg-vs.png) 0px -281px no-repeat;}
#PETSTAT_Plate #petname{width:150px; height:18px; line-height:18px; position:absolute; left:58px; top:29px;}
#PETSTAT_Plate #petEXP{width:230px; height:16px; position:absolute; left:44px; top:51px;}
#PETSTAT_Plate #petHP{width:230px; height:16px; position:absolute; left:44px; top:70px;}

.button-pet-command1{width:44px; height:21px; background:url(../../images/mypet/button-pet-command.png) 0px 0px no-repeat; position:absolute; right:25px; top:2px;}
.button-pet-command1:hover{width:44px; height:21px; background:url(../../images/mypet/button-pet-command.png) -132px 0px no-repeat; cursor:pointer;}

#food-PET-onmap{width:142px; height:77px; background:url(../../images/mypet/bg-food-onmap.png) 0px 0px no-repeat ; position:absolute;right:23px; top:18px; z-index: 2; display:none; }
#food-PET-onmap .item-area{width:116px; height:60px; position:relative; left:15px; top:28px;}
#food-PET-onmap .item-set{float:left;margin-left:3px; margin-right:3px; width:32px;}
#food-PET-onmap .item{width:32px; height:32px; float:left; cursor:pointer;}
#food-PET-onmap .item:hover{width:32px; height:32px; float:left; cursor:pointer; background-color: #7ea9fb;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#food-PET-onmap .item-amount{width:32px; height:10px; line-height:10px; float:left; margin-top:3px; text-align:center;}
#food-PET-onmap #timeDelayFood{position:absolute; width:40px; height:11px; line-height:11px; left: 50px; top:12px;}
.mini-loading-onmap{background:url(../../images/loading/ajax-small-loading-w.gif) no-repeat; position:absolute; width:16px; height:11px; right: 20px; top:12px; display:none;}
.closeWindow-PET-onmap{width:9px; height:9px; background:url(../../images/mypet/sprite-mypet.png) -142px -77px no-repeat ; position:absolute;right:5px; top:13px;}
.closeWindow-PET-onmap:hover{width:9px; height:9px; background:url(../../images/mypet/sprite-mypet.png) -142px -86px no-repeat ; cursor:pointer;}



#levelUpArea{width:230px; height:160px; position:absolute; left: 180px; top:20px; z-index: 20002;}
#levelUpArea .levelup{width:230px; height:137px; background:url(../../images/map/levelup.png) 0px 0px no-repeat; position:relative; }
#levelUpArea .award{width:230px; height:40px; background:url(../../images/map/levelup.png) 0px -138px no-repeat; position:absolute;display:none; bottom: 0px; }
#levelUpArea .item{width:32px; height:32px; position:absolute; left:82px; top:4px;}
#levelUpArea .amount{width:32px; height:25px; position:absolute; left:165px; top:10px; text-align:center; line-height: 25px;}

.bg-tutor-big1{width:524px; height:118px; background: url("../../images/map/bg-tutor-mid.png") 0px 0px no-repeat; position:absolute;}
.bg-tutor-big2{width:524px; height:114px; background: url("../../images/map/bg-tutor-mid.png") 0px -118px no-repeat; position:absolute;}
.bg-tutor-big3{width:524px; height:117px; background: url("../../images/map/bg-tutor-mid.png") 0px -232px no-repeat; position:absolute;}
#quest-info{width:555px; height:250px; position:absolute; left:13px; top:10px; z-index: 20002;}
.information-complete{width:560px; height:396px; background:url("../../images/map/infomation.png") no-repeat; position:absolute; z-index: 20002;}
.headLeft{float: left; width: 300px; height: 50px; text-align:left; padding-left: 20px; }
.headRight{float: right; width: 200px; height: 50px; text-align: right; padding-right: 20px; font-weight: normal; }

.button-quest-info{width:117px; height:107px; background: url("../../images/quest/info/button-quest.png") 0px 0px no-repeat; position:absolute; display:block;}
.button-quest-info:hover{width:117px; height:107px; background: url("../../images/quest/info/button-quest.png") 0px -107px no-repeat; position:absolute; display:block; cursor:pointer;}
.iconQuest{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap01.gif) no-repeat; position:absolute; z-index:1}
.iconQuested{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap01-1.gif) no-repeat; position:absolute; z-index:1}
.iconPotion{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap02.gif) no-repeat; position:absolute; z-index:1}
.iconWeapon{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap03.gif) no-repeat; position:absolute; z-index:1}
.iconArmor{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap11.gif) no-repeat; position:absolute; z-index:1}
.iconOri{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap10.gif) no-repeat; position:absolute; z-index:1}
.iconRefine{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap04.gif) no-repeat; position:absolute; z-index:1}
.iconMoney{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap05.gif) no-repeat; position:absolute; z-index:1}
.iconSpecial{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap06.gif) no-repeat; position:absolute; z-index:1}
.iconQmoney{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap07.gif) no-repeat; position:absolute; z-index:1}
.iconPET{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap08.gif) no-repeat; position:absolute; z-index:1}
.iconDigg{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap09.gif) no-repeat; position:absolute; z-index:1}
.iconWarp{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconwarp.gif) no-repeat; position:absolute; z-index:1}
.iconCraft{width:30px; height:30px; background:url(../../images/map/icon-onmap/craft.gif) no-repeat; position:absolute; z-index:1}
.warp{width:38px; height:19px; background:url(../../images/map/warp-main.png) no-repeat; position:absolute; z-index:1}
.warpWhite{width:38px; height:19px; background:url(../../images/map/warp-main2.png) no-repeat; position:absolute; z-index:1}
.warpQuest{background:url(../../images/map/new-warp.gif) no-repeat; width:20px; height:20px; position:absolute;z-index:1;}
.iconCardRemover{width:30px; height:30px; background:url(../../images/map/icon-onmap/card.gif) no-repeat; position:absolute; z-index:1}
.warpAni1{background:url(../../images/map/w1.gif) no-repeat; width:24px; height:24px; position:absolute; left:320px; top:88px; z-index:1}
.warpAni2{background:url(../../images/map/w2.gif) no-repeat; width:24px; height:24px; position:absolute; left:320px; top:88px; z-index:1}
.iconQuestXmas{width:30px; height:36px; background:url(../../images/map/icon-onmap/icon-xmas.gif) no-repeat; position:absolute; z-index:1000}
.iconQuestXmas2{width:30px; height:36px; background:url(../../images/map/icon-onmap/icon-xmas2.gif) no-repeat; position:absolute; z-index:1000}
.iconBall2018{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap-ball.gif) no-repeat; position:absolute; z-index:1}
.warp32{background:url(../../images/map/warp2016.gif) no-repeat; width:32px; height:32px; position:absolute; z-index:1}
.iconScissors{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap-scissors.gif) no-repeat; position:absolute; z-index:1}

.warp32-1{background:url(../../images/map/warp2016.gif) no-repeat; width:32px; height:32px; position:absolute; z-index:1}
.warp32-2{background:url(../../images/map/warp2021-2.gif) no-repeat; width:32px; height:32px; position:absolute; z-index:1}
.warp32-3{background:url(../../images/map/warp2021-3.gif) no-repeat; width:32px; height:32px; position:absolute; z-index:1}


.iconM{width:30px; height:30px; background:url(../../images/map/icon-onmap/icon-m.gif) no-repeat; position:absolute; z-index:1}
.iconMarket{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap-market.gif) no-repeat; position:absolute; z-index:1}
.iconQuest2016{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap-quest.gif) no-repeat; position:absolute; z-index:1}
.iconRune{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap-rune.gif) no-repeat; position:absolute; z-index:1}
.iconPVP{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap-pvp.gif) no-repeat; position:absolute; z-index:1}
.iconKrathong{width:30px; height:30px; background:url(../../images/map/icon-onmap/iconmap-krathong.gif) no-repeat; position:absolute; z-index:1}


.bottom-tools{margin:0 auto; position:relative;}
.bottom-tools .char-name-bg{width:250px; height:30px; margin:10px 10px 10px 0px; position:absolute; left:0px; top:0px;}
.bottom-tools .char-icon{width:20px; height:20px; position:absolute; left:17px; top:15px;}
.bottom-tools #char-name{width:220px; height:25px; position:absolute; left: 45px; top:15px; font-size:12pt; color:#FFF; line-height:25px;}
.bottom-tools #char-name #name{float:left; min-width:70px; max-width:180px;  height:25px; overflow:hidden; font-weight:bold; margin-right:5px;}
.bottom-tools #char-name #level{float:left; width:70px; height:25px; }

.bottom-tools .power-group{width:160px; height:50px; position:absolute; left: 20px; top: 50px;}
.bottom-tools .exp-group{width:160px; height:25px; position:absolute; left: 20px; top: 100px;}
.bottom-tools .expextra-group{width:120px; height:25px; position:absolute; left: 20px; top: 120px;}

.bottom-tools .potion-group{width:72px; height:90px; position:absolute; left: 166px; top: 5px;}
.bottom-tools .potion-label-active{width:68px; height:21px; background:url(../../images/map/bottom-tool.png) -566px -120px no-repeat; position:absolute; left:3px; top:0px;}
.bottom-tools .potion-label-disable{width:68px; height:21px; background:url(../../images/map/bottom-tool.png) -566px -141px no-repeat; position:absolute; left:3px; top:0px;}
.bottom-tools .potion-my1{width:35px; height:35px; background:url(../../images/map/bottom-tool.png) -461px -120px no-repeat; position:absolute; left:0px; top:24px;}
.bottom-tools .potion-my1:hover{width:35px; height:35px; background:url(../../images/map/bottom-tool.png) -461px -155px no-repeat; cursor:pointer;}
.bottom-tools .potion-my1-disable{width:35px; height:35px; background:url(../../images/map/bottom-tool.png) -461px -190px no-repeat; position:absolute; left:0px; top:24px;}
.bottom-tools .potion-my2{width:35px; height:35px; background:url(../../images/map/bottom-tool.png) -496px -120px no-repeat; position:absolute; left:37px; top:24px;}
.bottom-tools .potion-my2:hover{width:35px; height:35px; background:url(../../images/map/bottom-tool.png) -496px -155px no-repeat; cursor:pointer;}
.bottom-tools .potion-my2-disable{width:35px; height:35px; background:url(../../images/map/bottom-tool.png) -461px -190px no-repeat; position:absolute; left:37px; top:24px;}
.bottom-tools .potion-my3{width:35px; height:35px; background:url(../../images/map/bottom-tool.png) -531px -120px no-repeat; position:absolute; left:18px; top:54px;}
.bottom-tools .potion-my3:hover{width:35px; height:35px; background:url(../../images/map/bottom-tool.png) -531px -155px no-repeat; cursor:pointer;}
.bottom-tools .potion-my3-disable{width:35px; height:35px; background:url(../../images/map/bottom-tool.png) -461px -190px no-repeat; position:absolute; left:18px; top:54px;}

.bottom-tools .my-itemmall{width:116px; height:116px; background:url(../../images/map/bottom-tool.png) -607px -1px no-repeat; position:absolute; left: 238px; top: 10px;}
.bottom-tools .my-itemmall:hover{background:url(../../images/map/bottom-tool.png) -723px -1px no-repeat; cursor:pointer;}

.bottom-tools .button-group{width:350px; height:130px; position:absolute; left: 255px; top: 19px;}
.bottom-tools #button-mytools1{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) 0px 0px no-repeat; position:absolute; left: 105px; top: 5px;}
.bottom-tools #button-mytools1:hover{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) 0px -55px no-repeat; cursor:pointer;}
.bottom-tools #button-mytools2{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -77px 0px no-repeat; position:absolute; left: 181px; top: 5px;}
.bottom-tools #button-mytools2:hover{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -77px -55px no-repeat; cursor:pointer;}
.bottom-tools #button-mytools3{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -154px -0px no-repeat; position:absolute; left: 258px; top: 5px;}
.bottom-tools #button-mytools3:hover{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -154px -55px no-repeat; cursor:pointer;}

.bottom-tools #button-mytools4{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -231px 0px no-repeat; position:absolute; left: 105px; top: 63px;}
.bottom-tools #button-mytools4:hover{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -231px -55px no-repeat; cursor:pointer;}
.bottom-tools #button-mytools5{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -308px 0px no-repeat; position:absolute; left: 181px; top: 63px;}
.bottom-tools #button-mytools5:hover{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -308px -55px no-repeat; cursor:pointer;}
.bottom-tools #button-mytools6{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -385px 0px no-repeat; position:absolute; left: 258px; top: 63px;}
.bottom-tools #button-mytools6:hover{width:77px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -385px -55px no-repeat; cursor:pointer;}

.bottom-tools #button-mytools7{width:104px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -462px 0px no-repeat; position:absolute; left: 0px; top: 5px;}
.bottom-tools #button-mytools7:hover{width:104px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -462px -55px no-repeat; cursor:pointer;}
.bottom-tools #button-mytools8{width:104px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -566px 0px no-repeat; position:absolute; left: 0px; top: 63px;}
.bottom-tools #button-mytools8:hover{width:104px; height:55px; background:url(../../images/map/bottom-menu/button-bottom2021.png) -566px -55px no-repeat; cursor:pointer;}

.map-bar-exp{position:relative; background:url(../../images/mypet/bg-power-gate.png) 0px -131px; no-repeat; width:190px; height:17px; margin-top: 2px;}
.map-bar-exp-blank{position:relative; background:url(../../images/mypet/bg-power-gate.png) 0px -114px no-repeat; width:190px; height:17px; margin-top: 2px;}
.map-bar-exp .power-area{width:156px; height:6px; position:absolute; left:34px; top:8px;}
.map-bar-exp .power{position:relative; background:url(../../images/mypet/bg-power.png) 0px -12px repeat-x; height:6px; float:left;}
.map-bar-exp .power-end{position:relative; background:url(../../images/mypet/bg-power-end.png) 0px -12px no-repeat; height:6px; width:6px; float:left;}
.map-bar-exp .power-animate{position:relative; background:url(../../images/mypet/animate-exp.gif) no-repeat; height:6px; width:6px; float:left;}

.map-bar-expextra{position:relative; background:url(../../images/mypet/bg-power-gate.png) 0px -165px; no-repeat; width:190px; height:17px; margin-top: 2px;}
.map-bar-expextra-blank{position:relative; background:url(../../images/mypet/bg-power-gate.png) 0px -148px no-repeat; width:190px; height:17px; margin-top: 2px;}
.map-bar-expextra .power-area{width:156px; height:6px; position:absolute; left:34px; top:8px;}
.map-bar-expextra .power{position:relative; background:url(../../images/mypet/bg-power.gif) repeat-x; height:6px; float:left;}
.map-bar-expextra .power-end{position:relative; background:url(../../images/mypet/bg-power-end.png) 0px -18px no-repeat; height:6px; width:6px; float:left;}
.map-bar-expextra .power-animate{position:relative; background:url(../../images/mypet/animate-expextra.gif) no-repeat; height:6px; width:6px; float:left; margin-left:-5px;}

#bottom-menu1{width:492px; height:307px; background:url(../../images/map/popup-menu/bg-bottom-menu1.png) no-repeat; position:absolute; left:50px; top:30px; z-index:20010; display:none;}
#bottom-menu1 .button-area{width:445px; height:200px; position:absolute; left:25px; top:60px;}
#bottom-menu1 .padMenu1{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu1.png) 0px 0px no-repeat; float:left; margin:5px;}
#bottom-menu1 .padMenu1:hover{background:url(../../images/map/popup-menu/button-menu1.png) 0px -101px no-repeat; cursor:pointer;}
#bottom-menu1 .padMenu2{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu1.png) -101px 0px no-repeat; float:left; margin:5px;}
#bottom-menu1 .padMenu2:hover{background:url(../../images/map/popup-menu/button-menu1.png) -101px -101px no-repeat; cursor:pointer;}
#bottom-menu1 .padMenu3{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu1.png) -202px 0px no-repeat; float:left; margin:5px;}
#bottom-menu1 .padMenu3:hover{background:url(../../images/map/popup-menu/button-menu1.png) -202px -101px no-repeat; cursor:pointer;}
#bottom-menu1 .padMenu4{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu1.png) -303px 0px no-repeat; float:left; margin:5px;}
#bottom-menu1 .padMenu4:hover{background:url(../../images/map/popup-menu/button-menu1.png) -303px -101px no-repeat; cursor:pointer;}
#bottom-menu1 .padMenu5{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu1.png) -404px 0px no-repeat; float:left; margin:5px;}
#bottom-menu1 .padMenu5:hover{background:url(../../images/map/popup-menu/button-menu1.png) -404px -101px no-repeat; cursor:pointer;}
#bottom-menu1 .padMenu6{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu1.png) -505px 0px no-repeat; float:left; margin:5px;}
#bottom-menu1 .padMenu6:hover{background:url(../../images/map/popup-menu/button-menu1.png) -505px -101px no-repeat; cursor:pointer;}
#bottom-menu1 .padMenu7{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu1.png) -606px 0px no-repeat; float:left; margin:5px;}
#bottom-menu1 .padMenu7:hover{background:url(../../images/map/popup-menu/button-menu1.png) -606px -101px no-repeat; cursor:pointer;}
#bottom-menu1 .padMenu8{width:101px; height:101px; background:url(../../images/map/popup-menu/button-cardbattle.png) 0px 0px no-repeat; float:left; margin:5px;}
#bottom-menu1 .padMenu8:hover{background:url(../../images/map/popup-menu/button-cardbattle.png) 0px -101px no-repeat; cursor:pointer;}

#bottom-menu4{width:492px; height:197px; background:url(../../images/map/popup-menu/bg-bottom-menu4.png) no-repeat; position:absolute; left:50px; top:30px; z-index:20010; display:none;}
#bottom-menu4 .button-area{width:445px; height:110px; position:absolute; left:25px; top:60px;}
#bottom-menu4 .padMenu1{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu4.png) 0px 0px no-repeat; float:left; margin:5px;}
#bottom-menu4 .padMenu1:hover{background:url(../../images/map/popup-menu/button-menu4.png) 0px -101px no-repeat; cursor:pointer;}
#bottom-menu4 .padMenu2{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu4.png) -101px 0px no-repeat; float:left; margin:5px;}
#bottom-menu4 .padMenu2:hover{background:url(../../images/map/popup-menu/button-menu4.png) -101px -101px no-repeat; cursor:pointer;}
#bottom-menu4 .padMenu3{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu4.png) -202px 0px no-repeat; float:left; margin:5px;}
#bottom-menu4 .padMenu3:hover{background:url(../../images/map/popup-menu/button-menu4.png) -202px -101px no-repeat; cursor:pointer;}

#bottom-menu5{width:492px; height:417px; background:url(../../images/map/popup-menu/bg-bottom-menu5.png) no-repeat; position:absolute; left:50px; top:10px; z-index:20010; display:none;}
#bottom-menu5 .button-area{width:445px; height:380px; position:absolute; left:25px; top:60px;}
#bottom-menu5 .padMenu1{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) 0px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu1:hover{background:url(../../images/map/popup-menu/button-menu5.png) 0px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu2{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -101px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu2:hover{background:url(../../images/map/popup-menu/button-menu5.png) -101px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu3{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -202px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu3:hover{background:url(../../images/map/popup-menu/button-menu5.png) -202px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu4{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -303px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu4:hover{background:url(../../images/map/popup-menu/button-menu5.png) -303px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu5{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -404px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu5:hover{background:url(../../images/map/popup-menu/button-menu5.png) -404px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu6{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -505px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu6:hover{background:url(../../images/map/popup-menu/button-menu5.png) -505px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu7{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -606px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu7:hover{background:url(../../images/map/popup-menu/button-menu5.png) -606px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu8{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -707px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu8:hover{background:url(../../images/map/popup-menu/button-menu5.png) -707px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu9{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -808px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu9:hover{background:url(../../images/map/popup-menu/button-menu5.png) -808px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu10{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -909px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu10:hover{background:url(../../images/map/popup-menu/button-menu5.png) -909px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu11{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu5.png) -1010px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu11:hover{background:url(../../images/map/popup-menu/button-menu5.png) -1010px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu13{width:101px; height:101px; background:url(../../images/map/popup-menu/button-quest.png) 0px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu13:hover{background:url(../../images/map/popup-menu/button-quest.png) 0px -101px no-repeat; cursor:pointer;}
#bottom-menu5 .padMenu14{width:101px; height:101px; background:url(../../images/map/popup-menu/button-menu4.png) -202px 0px no-repeat; float:left; margin:5px;}
#bottom-menu5 .padMenu14:hover{background:url(../../images/map/popup-menu/button-menu4.png) -202px -101px no-repeat; cursor:pointer;}

#bottom-menu6{width:281px; height:417px; background:url(../../images/map/popup-menu/bg-bottom-menu6.png) no-repeat; position:absolute; left:280px; top:10px; z-index:20010; display:none;}
#bottom-menu6 .button-area{width:245px; height:380px; position:absolute; left:25px; top:60px;}
#bottom-menu6 .arrowLeft{width:18px; height:20px; background:url(../../images/map/popup-menu/button-menu6.png) -45px 0px no-repeat;}
#bottom-menu6 .arrowLeft:hover{background:url(../../images/map/popup-menu/button-menu6.png) -45px -20px no-repeat; cursor:pointer;}
#bottom-menu6 .arrowRight{width:18px; height:20px; background:url(../../images/map/popup-menu/button-menu6.png) -45px -40px no-repeat;}
#bottom-menu6 .arrowRight:hover{background:url(../../images/map/popup-menu/button-menu6.png) -45px -60px no-repeat; cursor:pointer;}
#bottom-menu6 .buttonOpen{width:45px; height:45px; background:url(../../images/map/popup-menu/button-menu6.png) 0px 0px no-repeat;}
#bottom-menu6 .buttonOpen:hover{background:url(../../images/map/popup-menu/button-menu6.png) 0px -45px no-repeat; cursor:pointer;}
#bottom-menu6 .buttonClose{width:45px; height:45px; background:url(../../images/map/popup-menu/button-menu6.png) -63px 0px no-repeat;}
#bottom-menu6 .buttonClose:hover{background:url(../../images/map/popup-menu/button-menu6.png) -63px -45px no-repeat; cursor:pointer;}

#controlButton{width:120px; height:120px; position:absolute; left:30px; bottom:-150px; z-index:20003;}
#controlButton .bg{width:90px; height:90px; background:url(../../images/map/popup-menu/button-control.png) 0px 0px no-repeat; left:17px; top:19px; position:absolute;}
#controlButton .buttonUp{width:76px; height:76px; position:absolute; left:23px; top:-29px; background:url(../../images/map/popup-menu/button-control.png) -242px 0px no-repeat;}
#controlButton .buttonUp-active{width:76px; height:76px; position:absolute; left:23px; top:-29px; background:url(../../images/map/popup-menu/button-control.png) -318px 0px no-repeat;}
#controlButton .buttonUp:hover{background:url(../../images/map/popup-menu/button-control.png) -318px 0px no-repeat; cursor:pointer;}

#controlButton .buttonLeft{width:76px; height:76px; position:absolute; left:-32px; top:26px; background:url(../../images/map/popup-menu/button-control.png) -90px 0px no-repeat;}
#controlButton .buttonLeft-active{width:76px; height:76px; position:absolute; left:-32px; top:26px; background:url(../../images/map/popup-menu/button-control.png) -166px 0px no-repeat;}
#controlButton .buttonLeft:hover{background:url(../../images/map/popup-menu/button-control.png) -166px 0px no-repeat; cursor:pointer;}

#controlButton .buttonDown{width:76px; height:76px; position:absolute; left:23px; bottom:-35px; background:url(../../images/map/popup-menu/button-control.png) -546px 0px no-repeat;}
#controlButton .buttonDown-active{width:76px; height:76px; position:absolute; left:23px; bottom:-35px; background:url(../../images/map/popup-menu/button-control.png) -622px 0px no-repeat;}
#controlButton .buttonDown:hover{background:url(../../images/map/popup-menu/button-control.png) -622px 0px no-repeat; cursor:pointer;}

#controlButton .buttonRight{width:76px; height:76px; position:absolute; right:-35px; top:26px; background:url(../../images/map/popup-menu/button-control.png) -394px 0px no-repeat;}
#controlButton .buttonRight-active{width:76px; height:76px; position:absolute; right:-35px; top:26px; background:url(../../images/map/popup-menu/button-control.png) -470px 0px no-repeat;}
#controlButton .buttonRight:hover{background:url(../../images/map/popup-menu/button-control.png) -470px 0px no-repeat; cursor:pointer;}

/*
#tools-fighting-me-area{ width:178px; height:85px; position:absolute; left:20px; top:30px; z-index:1999;}
#tools-fighting-me-area .plate{ width:178px; height:35px; background:url(../../images/map/tools-fighting-me.png) 0px -104px no-repeat; position:absolute; z-index:2; border:none;}
#tools-fighting-me-area .plate .button1{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) 0px -52px no-repeat; position:absolute; left:6px; top:-22px;}
#tools-fighting-me-area .plate .button1-active{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) 0px 0px no-repeat; position:absolute; left:6px; top:-22px;}
#tools-fighting-me-area .plate .button1:hover{ background:url(../../images/map/tools-fighting-me.png) 0px 0px no-repeat; cursor:pointer;}
#tools-fighting-me-area .plate .button2{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) -57px -52px no-repeat; position:absolute; left:57px; top:-22px;}
#tools-fighting-me-area .plate .button2-active{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) -57px 0px no-repeat; position:absolute; left:57px; top:-22px;}
#tools-fighting-me-area .plate .button2:hover{ background:url(../../images/map/tools-fighting-me.png) -57px 0px no-repeat; cursor:pointer;}
#tools-fighting-me-area .plate .button3{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) -114px -52px no-repeat; position:absolute; left:115px; top:-22px;}
#tools-fighting-me-area .plate .button3-active{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) -114px 0px no-repeat; position:absolute; left:115px; top:-22px;}
#tools-fighting-me-area .plate .button3:hover{ background:url(../../images/map/tools-fighting-me.png) -114px 0px no-repeat; cursor:pointer;}
#tools-fighting-me-area #autoStatus{width:151px; height:22px; background:url(../../images/map/tools-fighting-me.png) 0px -139px no-repeat; position: absolute; left:14px; top:10px; z-index: 1px;}
*/

#tools-fighting-me-area{ width:178px; height:55px; position:absolute; left:20px; top:0px; z-index:1999;}
#tools-fighting-me-area .plate{ width:178px; height:35px; background:url(../../images/map/tools-fighting-me2.png) 0px -80px no-repeat; position:absolute; z-index:2; border:none;}

#tools-fighting-me-area .plate .button1{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) 0px -52px no-repeat; position:absolute; left:6px; top:-22px;}
#tools-fighting-me-area .plate .button1-active{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) 0px 0px no-repeat; position:absolute; left:6px; top:-22px;}
#tools-fighting-me-area .plate .button1:hover{ background:url(../../images/map/tools-fighting-me.png) 0px 0px no-repeat; cursor:pointer;}
#tools-fighting-me-area .plate .button2{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) -57px -52px no-repeat; position:absolute; left:57px; top:-22px;}
#tools-fighting-me-area .plate .button2-active{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) -57px 0px no-repeat; position:absolute; left:57px; top:-22px;}
#tools-fighting-me-area .plate .button2:hover{ background:url(../../images/map/tools-fighting-me.png) -57px 0px no-repeat; cursor:pointer;}
#tools-fighting-me-area .plate .button3{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) -114px -52px no-repeat; position:absolute; left:115px; top:-22px;}
#tools-fighting-me-area .plate .button3-active{ width:57px; height:52px; background:url(../../images/map/tools-fighting-me.png) -114px 0px no-repeat; position:absolute; left:115px; top:-22px;}
#tools-fighting-me-area .plate .button3:hover{ background:url(../../images/map/tools-fighting-me.png) -114px 0px no-repeat; cursor:pointer;}

#tools-fighting-me-area #autoStatus{width:151px; height:22px; background:url(../../images/map/tools-fighting-me2.png) 0px -115px no-repeat; position: absolute; left:14px; top:10px; z-index: 1px;}

#tools-fighting-mon-area{ width:178px; height:35px; position:absolute; right:20px; top:0px; z-index:1999;}
#tools-fighting-mon-area .plate{ width:178px; height:35px; background:url(../../images/map/tools-fighting-me2.png) 0px -80px no-repeat; position:absolute; z-index:2; border:none;}
#tools-fighting-mon-area .plate .button1{ width:27px; height:27px; background:url(../../images/map/buddyball.gif) 0px 0px no-repeat; position:absolute; left:20px; top:4px;}
#tools-fighting-mon-area .plate .button1:hover{ width:54px; height:54px;  background:url(../../images/map/buddyball.gif) 0px -27px no-repeat; position:absolute; left:7px; top:-9px; cursor:pointer;}
#tools-fighting-mon-area .plate .button2{ width:27px; height:27px; background:url(../../images/map/buddyball.gif) -27px 0px no-repeat; position:absolute; left:75px; top:4px;}
#tools-fighting-mon-area .plate .button2:hover{ width:54px; height:54px;  background:url(../../images/map/buddyball.gif) -54px -27px no-repeat; position:absolute; left:62px; top:-9px; cursor:pointer;}
#tools-fighting-mon-area .plate .button3{ width:27px; height:27px; background:url(../../images/map/buddyball.gif) -54px 0px no-repeat; position:absolute; left:130px; top:4px;}
#tools-fighting-mon-area .plate .button3:hover{ width:54px; height:54px;  background:url(../../images/map/buddyball.gif) -108px -27px no-repeat; position:absolute; left:117px; top:-9px; cursor:pointer;}


#ITEM_STAMP{position:absolute; left:5px; top:0px; z-index:20004;}
.bgItemStamp{width:572px; height:442px; background:url("../../images/itemmall/bg-newstamp.png") no-repeat;}
.bgItemStamp #stampshop-area{position:absolute; width:548px; left: 10px; top: 71px; height: 375px; text-align:left}
.bgItemStamp .bgitem{width:262px; height:104px; background:url("../../images/itemmall/bg-item-stamp.png") 0px 0px  no-repeat; float:left; position:relative; }
.bgItemStamp .bgitem .iarea{width:168px; height:60px; position:absolute; left:10px; top:10px;}
.bgItemStamp .bgitem .iarea .img{position:absolute; width:50px; height:50px; left: 5px; top: 5px;}
.bgItemStamp .bgitem .iarea .text{position:absolute; width:79px; height:46px; left: 64px; top: 7px; overflow:hidden;}
.bgItemStamp .bgitem .amountArea{width:150px; height:20px; position:absolute; left:14px; top:68px;}
.bgItemStamp .bgitem .price1{width:45px; height:18px; position:absolute; right:32px; top:18px; text-align:right; color:#CC3333;}
.bgItemStamp .bgitem .price2{width:45px; height:18px; position:absolute; right:32px; top:44px; text-align:right; color:#FFFF00;}
.bgItemStamp .bgitem .price3{width:65px; height:18px; position:absolute; right:32px; top:74px; text-align:right; color:#3333CC;}

.bgItemStamp .hot{width:59px; height:40px; background:url("../../images/itemmall/bg-item-stamp.png") -173px 0px  no-repeat; position:absolute; left:0; top:0; z-index:2;}
.bgItemStamp .buy{width:64px; height:26px; background:url("../../images/itemmall/bg-item-stamp.png") -262px -40px  no-repeat; }
.bgItemStamp .buy:hover{background:url("../../images/itemmall/bg-item-stamp.png") -262px -66px  no-repeat; cursor: pointer;}

#invite-popup{width:359px; height:197px; background:url(../../images/map/popup-menu/bg-invite.png) no-repeat; position:absolute; left:120px; top:100px; z-index:20010; display:none}
#invite-popup .button-invite{ width:95px; height:45px; background:url(../../images/map/popup-menu/button-invite.png) 0px 0px no-repeat; position:absolute; left:127px; bottom:20px;}
#invite-popup .button-invite:hover{ background:url(../../images/map/popup-menu/button-invite.png) 0px -45px no-repeat; cursor:pointer;}

.item-refineplus{width:32px; height:32px; margin:4px; float:left; position:relative; cursor:pointer; }
.selectItem4refineplus{width:32px; height:32px; margin:4px; float:left; cursor:pointer; background-color: #8ff436; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative; 
	color:red;
}
.myKrathong{position:relative; z-index:1;}
.mywind{width:48px; height:20px; background:url("../../images/map/krathong/wind.gif") no-repeat; position:absolute; left:-8px; bottom:-18px; z-index:2; display: none ;}

.party-border{background:url(../../images/party/bg-party2.png) no-repeat; width:212px; height:332px; position:absolute; left: 360px; top: 100px; z-index:20010;}
.party-border .char-area{width:180px; height:230px; position:absolute; left: 18px; top: 55px; text-align: left;}
.party-border .char-area .character{float:left; width:20px; height:20px; margin-bottom: 3px;}
.party-border .char-area .name{float:left; width:85px; height:20px; line-height:20px; padding-left:3px; overflow:hidden; margin-bottom: 3px; text-shadow:1px 1px #BBB;}
.party-border .char-area .online{float:left; width:15px; height:20px; margin-bottom: 3px;}
.party-border .char-area .level{float:left; width:35px; height:20px; line-height:20px; margin-bottom: 3px;}
.party-border .party-name{width:70px; height:15px; color:#0070FF; text-shadow:1px 1px #FFF; font-size:9pt; text-align:left; overflow:hidden; position:absolute; left:80px; bottom:30px;}
.party-border #party-time{width:50px; height:15px; color:#ff0000; text-shadow:1px 1px #FFF; font-size:8pt; text-align:left; position:absolute; left:150px; bottom:28px;}
.party-border .party-rate{width:80px; height:20px; color:#00cc00; text-shadow:2px 2px #FFF; font-size:14pt; text-align:center; overflow:hidden; position:absolute; left:110px; bottom:12px; font-weight:bold;}
.party-border .not-party{width: 100%; height: 120px;text-align: center; font-weight: bold; line-height: 20px; text-shadow: 1px 1px #000; margin-top:50px; color:#F00; font-size:12pt;}
.party-border .not-party .SPAN1{font-size:8pt; color:#FFF; text-shadow:none; font-weight:normal;}

.guild-border{background:url(../../images/guild/bg-guild2020.png) no-repeat; width:432px; height:396px; position:absolute; left: 80px; top: 30px; z-index:20010;}
.guild-border .char-area{width:400px; height:230px; position:absolute; left: 18px; top: 60px; text-align: left;}
.guild-border .char-area .character{float:left; width:20px; height:20px; margin-bottom: 3px;}
.guild-border .char-area .name{float:left; width:85px; height:20px; line-height:20px; padding-left:3px; overflow:hidden; margin-bottom: 3px; text-shadow:1px 1px #BBB;}
.guild-border .char-area .online{float:left; width:15px; height:20px; margin-bottom: 3px;}
.guild-border .char-area .level{float:left; width:35px; height:20px; line-height:20px; margin-bottom: 3px;}
.guild-border .guild-name{width:200px; height:20px; color:#0070FF; text-shadow:1px 1px #FFF; font-size:12pt; text-align:left; overflow:hidden; position:absolute; left:70px; bottom:80px;}
.guild-border .guild-level{width:30px; height:30px; color:#ff0000; text-shadow:1px 1px #FFF; font-size:22pt; text-align:right; overflow:hidden; position:absolute; left:385px; bottom:63px; font-weight:bold;}
.guild-border .guild-member{width:20px; height:20px; color:#0070FF; text-shadow:1px 1px #FFF; font-size:12pt; text-align:left; overflow:hidden; position:absolute; left:100px; bottom:60px;}
.guild-border .guild-member-max{width:20px; height:20px; color:#333300; text-shadow:1px 1px #FFF; font-size:12pt; text-align:left; overflow:hidden; position:absolute; left:120px; bottom:60px;}
.guild-border #guild-time{width:50px; height:15px; color:#ff0000; text-shadow:1px 1px #FFF; font-size:8pt; text-align:left; position:absolute; left:150px; bottom:28px;}
.guild-border .not-guild{width: 100%; height: 120px;text-align: center; font-weight: bold; line-height: 20px; text-shadow: 1px 1px #000; margin-top:50px; color:#F00; font-size:12pt;}
.guild-border .not-guild.SPAN1{font-size:8pt; color:#FFF; text-shadow:none; font-weight:normal;}

.button-delete{background:url(../../images/party/button-close.png) 0px 0px no-repeat; width:20px; height:19px; float:left;}
.button-delete:hover{background:url(../../images/party/button-close.png) 0px -19px no-repeat; cursor:pointer; float:left;}

.bg-useronline-map{width:281px; height:417px; background:url("../../images/map/popup-menu/bg-usernonline-map.png") no-repeat; position:relative;}
.bg-useronline-map .user-amount{width:40px; height:25px; line-height:25px; position:absolute; left: 149px; top: 18px; text-align:center; font-weight:bold; text-shadow: 1px 1px #000;}

.bg-savewarp{width:492px; height:357px; background:url("../../images/map/popup-menu/bg-warp2022.png") 0px 0px no-repeat; position:absolute; z-index:20000; top:40px; left: 50px; cursor:move;}
.savewarp-area{width:495px; height:258px; position:absolute; left:21px; top:52px;}
.savewarp-area .button-savewarp{width:49px; height:21px; background:url("../../images/map/popup-menu/bg-savewarp.png") 0px -354px no-repeat; position:absolute; left:25px; top:27px;cursor:pointer;}
.savewarp-area .button-savewarp:hover{width:49px; height:21px; background:url("../../images/map/popup-menu/bg-savewarp.png") -49px -354px no-repeat;}
.savewarp-area .saveAgain{position:absolute; top:5px; display:none;}
.savewarp-area .lockclass-savewarp{width:21px; height:26px; background:url("../../images/map/popup-menu/bg-savewarp.png") -98px -354px no-repeat; position:absolute; left:40px; top:15px;}
.savewarp-area .lock-savewarp{width:21px; height:26px; background:url("../../images/map/popup-menu/bg-savewarp.png") -98px -354px no-repeat; position:absolute; left:40px; top:25px; cursor:pointer;}
.savewarp-area .slotArea{width:100px; height:76px; float:left; margin:5px; border:1px #069 dashed; position:relative;}
.savewarp-area .slotArea .name{width:100%; height:20px; line-height:20px; color:#000; text-align:center; overflow:hidden; position:absolute; bottom:0px; left:0px; background-color:#FFF; filter:alpha(opacity=50);opacity: 0.5; display:none; cursor:pointer;}
.savewarp-area .slotArea .label{width:100%; position:absolute; text-align:center; bottom:10px;}
.savewarp-area .slotArea IMG{cursor:pointer;}
.item4warp-area{width:114px; height:20px; position:absolute; bottom:9px; left:200px; text-align:center;}

.divMapClass{position:relative; height:445px; margin:0 auto; width:582px;}
.npcName{color: #FFFF00; font-weight: bold; text-shadow: 1px 1px #660000;}
#centershop-area{position:absolute; width:260px; left: 36px; top: 69px; height: 307px; text-align:left;}
#centershop-area .conversation-zone{position:relative; width:245px; min-height:100px; margin-left:8px; color:blue;}
#centershop-area .buttonArea{position:absolute; width:260px; min-height: 30px; bottom:0px; margin:0 auto;}
#centershop-area .button-buy-small{width:49px; height:21px; background:url("../../images/map/shop/button-buy-small.png") 0px 0px no-repeat;}
#centershop-area .button-buy-small:hover{background:url("../../images/map/shop/button-buy-small.png") 0px -21px no-repeat; cursor:pointer;}

.itemShopList{width:230px; height:55px; margin-bottom:2px; position:relative;}
.itemShopList .item{width:32px; height:32px; position:absolute; left:5px; top:10px;}
.itemShopList .name{width:174px; height:20px; position:absolute; left:45px; top:5px;}
.itemShopList .buy-area{width:150px; height:17px; position:absolute; left:45px; top:26px;}

.conversation-zone .itemEmpty{width:32px; height:32px; float:left; padding: 3px; position:relative;}
.conversation-zone .item{width:32px; height:32px; float:left; padding: 3px; position:relative;}
.conversation-zone .item-selected{width:32px; height:32px; float:left; padding: 3px; position:relative; cursor:pointer; background-color: #F493EB; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}.conversation-zone .item:hover{width:32px; height:32px; float:left; padding: 3px; position:relative; background-color: #7ca7fa;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	cursor:pointer;
}
.itemBlock{width:32px; height:32px; position:absolute; left:3px; top:3px; background:url("../../images/map/shop/item-empty.png") 0px 0px no-repeat; }
.conversation-zone .ticket-zone{width:138px; height:13px; position:absolute; left: 4px; top: 56px;}
.conversation-zone .ticket-zone .ticket{width:32px; height:13px; float:left; text-align:center; line-height:13px; margin-right:2px;}

.buttonElementRefine{width:104px; height:34px; position:absolute; left: 78px; top: 163px; background:url(../../images/map/shop/shop8-1.png) 0px 0px no-repeat;}
.buttonElementRefine:hover{background:url(../../images/map/shop/shop8-1.png) 0px -34px no-repeat; cursor:pointer;}

.item4elementArea{width:105px; height:65px; position:absolute; left: 14px; top: 78px;}
.item4elementArea .item1{width:32px; height:32px; position:absolute; left: 13px; top: 5px;}
.item4elementArea .item3{width:32px; height:32px; position:absolute; left: 60px; top: 5px;}
.item4elementArea .xhover:hover{background-color: #7ca7fa; padding: 3px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
.item4elementArea .xclick{background-color: #FF99CC; padding: 3px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bgElementArea {width:260px; height:307px; background:url(../../images/map/shop/shop8-0.png) 0px 0px no-repeat; position:relative;}
.bgElementAreaSuccess {width:260px; height:307px; background:url(../../images/map/shop/shop8-success.png) 0px 0px no-repeat; position:relative;}
.bgElementAreaFail {width:260px; height:307px; background:url(../../images/map/shop/shop8-fail.png) 0px 0px no-repeat; position:relative;}
.item4elementArea .elementArea1{width:48px; height:16px; position:absolute; left:3px; bottom:3px;}
.item4elementArea .elementArea2{width:48px; height:16px; position:absolute; right:3px; bottom:3px;}
.item4elementArea .elementX{width:16px; height:16px; float:left;}

.anvil4elementArea{width:105px; height:65px; position:absolute; left: 141px; top: 78px;}
.anvil4elementArea .item1{width:32px; height:32px; position:absolute; left: 13px; top: 5px; }
.anvil4elementArea .item2{width:32px; height:32px; position:absolute; left: 60px; top: 5px;}
.anvil4elementArea .buttonElement{width:49px; height:21px; position:absolute; left: 3px; top: 44px; background:url(../../images/map/shop/shop8-1.png) -104px 0px no-repeat;}
.anvil4elementArea .buttonElement:hover{background:url(../../images/map/shop/shop8-1.png) -104px -21px no-repeat; cursor:pointer;}
.anvil4elementArea .buttonAnvil{width:49px; height:21px; position:absolute; left: 53px; top: 44px; background:url(../../images/map/shop/shop8-1.png) -153px 0px no-repeat;}
.anvil4elementArea .buttonAnvil:hover{background:url(../../images/map/shop/shop8-1.png) -153px -21px no-repeat; cursor:pointer;}

.item-window{width:258px; height: 400px; background:url(../../images/map/bg-itemlist-new.png) no-repeat; display:;}
.item-window #itemArea{width:225px; height:333px; position:absolute; top: 20px; left: 17px;}
.item-window #itemArea .header1{width:225px; height:30px; position:relative; background:url(../../images/map/shop/shop8-2.png) 0px 0px no-repeat;}
.item-window #itemArea .header2{width:225px; height:30px; position:relative; background:url(../../images/map/shop/shop8-2.png) 0px -30px no-repeat;}
.item-window #itemArea .icon{width:32px; height:32px; float:left; margin:3px; position:relative; }
.item-window #itemArea .detail{width:175px; height:32px; float:right; margin:3px;}
.item-window #itemArea .detail .name{width:175px; height:15px; overflow:hidden; color:#039;}
.item-window #itemArea .detail .description{width:175px; height:15px; overflow:hidden;}
.item-window #itemArea .line{border-bottom:1px dashed #069; width:100%; height:3px;}
.item-window #itemArea .itemHover:hover{background-color:#99FFFF; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}

/* Refine Plus */
.bgRefinePlusStart {width:260px; height:307px; background:url(../../images/map/shop/refine3-start2018.png) 0px 0px no-repeat; position:relative;}
.bgRefinePlusArea1 {width:260px; height:307px; background:url(../../images/map/shop/refine-plus2018.png) 0px 0px no-repeat; position:relative;}
.bgRefinePlusArea2 {width:260px; height:307px; background:url(../../images/map/shop/refine3-2018.png) 0px 0px no-repeat; position:relative;}
.bgRefinePlusArea2 #labelRefine{width:218px; height:56px; position:absolute; left: 21px; top: 160px;}
.bgRefinePlusArea2 .label1{width:218px; height:56px; background:url(../../images/map/shop/refine3-2018.png) -260px 0px no-repeat;}
.bgRefinePlusArea2 .label2{width:218px; height:56px; background:url(../../images/map/shop/refine3-2018.png) -260px -56px no-repeat;}
.bgRefinePlusArea2 .label3{width:218px; height:56px; background:url(../../images/map/shop/refine3-2018.png) -260px -112px no-repeat;}
.bgRefinePlusArea2 .label4{width:218px; height:56px; background:url(../../images/map/shop/refine3-2021-2.png) 0px 0px no-repeat;}
.bgRefinePlusArea2 .label5{width:218px; height:56px; background:url(../../images/map/shop/refine3-2021-2.png) 0px 0px no-repeat;}
.bgRefinePlusArea2 .label6{width:218px; height:56px; background:url(../../images/map/shop/refine3-2024.png) 0px 0px no-repeat;}
.bgRefineBasicArea {width:260px; height:307px; background:url(../../images/map/shop/refine-basic.png) 0px 0px no-repeat; position:relative;}

.buttonRefinePlus{width:104px; height:34px; position:absolute; left: 100px; top: 175px; background:url(../../images/map/shop/refine3-button.png) 0px 0px no-repeat;}
.buttonRefinePlus:hover{background:url(../../images/map/shop/refine3-button.png) 0px -34px no-repeat; cursor:pointer;}
.item-window #itemArea .header-insurance3{width:225px; height:30px; position:relative; background:url(../../images/map/shop/refine3-header.png) 0px 0px no-repeat;}
.item-window #itemArea .header-percent3{width:225px; height:30px; position:relative; background:url(../../images/map/shop/refine3-header.png) 0px -30px no-repeat;}
.item-window #itemArea .header-oreC{width:225px; height:30px; position:relative; background:url(../../images/map/shop/craft-header.png) 0px 0px no-repeat;}
.item-window #itemArea .header-oreD{width:225px; height:30px; position:relative; background:url(../../images/map/shop/craft-header.png) 0px -30px no-repeat;}
.item-window #itemArea .header-oreE{width:225px; height:30px; position:relative; background:url(../../images/map/shop/craft-header.png) 0px -60px no-repeat;}

.buttonRefinePlus1{background:url(../../images/map/shop/refine3-button2.png) 0px 0px no-repeat; width:200px; height:70px; position:relative; margin:0 auto;}
.buttonRefinePlus1:hover{background:url(../../images/map/shop/refine3-button2.png) 0px -70px no-repeat; cursor:pointer;}
.buttonRefinePlus2{background:url(../../images/map/shop/refine3-button2.png) -200px 0px no-repeat; width:200px; height:70px; position:relative; margin:0 auto; margin-top: 10px;}
.buttonRefinePlus2:hover{background:url(../../images/map/shop/refine3-button2.png) -200px -70px no-repeat; cursor:pointer;}

.rpOptionArea{width:90px; height:85px; position:absolute; left: 160px; top: 78px;}
.rpOptionArea .item1{width:32px; height:32px; position:absolute; left: 7px; top: 5px; }
.rpOptionArea .item2{width:32px; height:32px; position:absolute; left: 47px; top: 5px; }
.rpOptionArea .buttonOption1{width:40px; height:21px; position:absolute; left: 2px; bottom: 3px; background:url(../../images/map/shop/refine3-button.png) -104px 0px no-repeat;}
.rpOptionArea .buttonOption1:hover{background:url(../../images/map/shop/refine3-button.png) -104px -21px no-repeat; cursor:pointer;}
.rpOptionArea .buttonOption2{width:40px; height:21px; position:absolute; left: 44px; bottom: 3px; background:url(../../images/map/shop/refine3-button.png) -144px 0px no-repeat;}
.rpOptionArea .buttonOption2:hover{background:url(../../images/map/shop/refine3-button.png) -144px -21px no-repeat; cursor:pointer;}

.item4RefinePlusArea{width:125px; height:85px; position:absolute; left: 18px; top: 80px;}
.item4RefinePlusArea .item1{width:32px; height:32px; position:absolute; left: 13px; top: 5px;}
.item4RefinePlusArea .xhover:hover{background-color: #7ca7fa; padding: 3px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
.item4RefinePlusArea .xclick{background-color: #FF99CC; padding: 3px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}

.INCplus{width:32px; height:15px; position:absolute; right:-4px; top:-7px; text-align:right; font-size:8pt; text-shadow:#FFF 1px 1px;}
.oreAmount{width:32px; height:15px; position:absolute; right:-4px; bottom:-9px; text-align:right; font-size:8pt; text-shadow:#FFF 1px 1px;}

.item4OreArea{width:165px; height:85px; position:absolute; left:50px; top:61px;}
.item4OreArea .itemOre{width:32px; height:32px; margin:4px; float:left; position:relative; cursor:pointer;}
.item4OreArea .itemOre:hover{background-color: #7ca7fa; padding: 2px; margin:4px 2px 0px 2px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
.item4OreArea .itemOreClick{width:32px; height:32px; float:left; background-color: #FF99CC; padding: 2px; margin:4px 2px 0px 2px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}
.bgOreAreaSuccess{width:260px; height:307px; position:relative;}
.bgOreSuccess9947{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px 0px no-repeat; position:absolute; left:18px; top:50px;}
.bgOreSuccess3371{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px -75px no-repeat; position:absolute; left:18px; top:50px;}
.bgOreSuccess3371{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px -150px no-repeat; position:absolute; left:18px; top:50px;}
.bgOreSuccess2782{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px -225px no-repeat; position:absolute; left:18px; top:50px;}
.bgOreSuccess645{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px -300px no-repeat; position:absolute; left:18px; top:50px;}
.bgOreSuccess646{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px -375px no-repeat; position:absolute; left:18px; top:50px;}
.bgOreSuccess647{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px -450px no-repeat; position:absolute; left:18px; top:50px;}
.bgOreSuccess648{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px -525px no-repeat; position:absolute; left:18px; top:50px;}
.bgOreSuccess649{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px -600px no-repeat; position:absolute; left:18px; top:50px;}
.bgOreSuccess650{width:223px; height:75px; background: url("../../images/map/shop/ori2024.png") 0px -675px no-repeat; position:absolute; left:18px; top:50px;}

.oreAmountResult{width: 55px; height: 20px; line-height: 20px; font-size: 18pt; color:#F00; font-weight: bold; text-align: center; position:absolute; left:130px; top:42px;}



/* CSS for potion maker */
#potion-maker{width:333px; height:425px; background: url("../../images/potion/bg.png") 0px 0px no-repeat; position:absolute; left:17px; top:10px; z-index:20001;}

.button-potion-area{width:270px; height:90px; position:absolute; left: 31px; top: 132px; text-align:left;}
.button-potion-1{width: 63px; height: 51px; background:  url("../../images/potion/button.png") 0px 0px  no-repeat; float:left; margin:2px;}
.button-potion-1:hover{background:  url("../../images/potion/button.png") 0px -51px  no-repeat; cursor: pointer;}
.button-potion-1-select{width: 63px; height: 51px; background:  url("../../images/potion/button.png") 0px -51px  no-repeat; float:left; margin:2px;}
.button-potion-1-disable{width: 63px; height: 51px; background:  url("../../images/potion/button.png") 0px -102px  no-repeat; float:left; margin:2px;}

.button-potion-2{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -63px 0px  no-repeat; float:left; margin:2px;}
.button-potion-2:hover{background:  url("../../images/potion/button.png") -63px -51px  no-repeat; cursor: pointer;}
.button-potion-2-select{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -63px -51px  no-repeat; float:left; margin:2px;}
.button-potion-2-disable{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -63px -102px  no-repeat; float:left; margin:2px;}

.button-potion-3{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -126px 0px  no-repeat; float:left; margin:2px;}
.button-potion-3:hover{background:  url("../../images/potion/button.png") -126px -51px  no-repeat; cursor: pointer;}
.button-potion-3-select{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -126px -51px  no-repeat; float:left; margin:2px;}
.button-potion-3-disable{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -126px -102px  no-repeat; float:left; margin:2px;}

.button-potion-4{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -189px 0px  no-repeat; float:left; margin:2px;}
.button-potion-4:hover{background:  url("../../images/potion/button.png") -189px -51px  no-repeat; cursor: pointer;}
.button-potion-4-select{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -189px -51px  no-repeat; float:left; margin:2px;}
.button-potion-4-disable{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -189px -102px  no-repeat; float:left; margin:2px;}

.button-potion-5{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -252px 0px  no-repeat; float:left; margin:2px;}
.button-potion-5:hover{background:  url("../../images/potion/button.png") -252px -51px  no-repeat; cursor: pointer;}
.button-potion-5-select{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -252px -51px  no-repeat; float:left; margin:2px;}
.button-potion-5-disable{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -252px -102px  no-repeat; float:left; margin:2px;}

.button-potion-6{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -315px 0px  no-repeat; float:left; margin:2px;}
.button-potion-6:hover{background:  url("../../images/potion/button.png") -315px -51px  no-repeat; cursor: pointer;}
.button-potion-6-select{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -315px -51px  no-repeat; float:left; margin:2px;}
.button-potion-6-disable{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -315px -102px  no-repeat; float:left; margin:2px;}

.button-potion-7{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -378px 0px  no-repeat; float:left; margin:2px;}
.button-potion-7:hover{background:  url("../../images/potion/button.png") -378px -51px  no-repeat; cursor: pointer;}
.button-potion-7-select{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -378px -51px  no-repeat; float:left; margin:2px;}
.button-potion-7-disable{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -378px -102px  no-repeat; float:left; margin:2px;}

.button-potion-8{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -441px 0px  no-repeat; float:left; margin:2px;}
.button-potion-8:hover{background:  url("../../images/potion/button.png") -441px -51px  no-repeat; cursor: pointer;}
.button-potion-8-select{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -441px -51px  no-repeat; float:left; margin:2px;}
.button-potion-8-disable{width: 63px; height: 51px; background:  url("../../images/potion/button.png") -441px -102px  no-repeat; float:left; margin:2px;}

.result-potion-area{width:279px; height:79px; position:absolute; left: 26px; top: 48px; text-align:left;}
.result-potion-area #potion-result{width:279px; height:79px; position:absolute; left: 0px; top: 0px;}
.result-potion-area .potionSuccess{width:279px; height:79px; background:  url("../../images/potion/result.png") 0px 0px  no-repeat;}
.result-potion-area .potionFail{width:279px; height:79px; background:  url("../../images/potion/result.png") 0px -79px  no-repeat;}
.result-potion-area .item{width:48px; height:48px; position:absolute; left: 19px; top: 15px;}
.result-potion-area .item IMG{width:48px; height:48px;}
.result-potion-area .name{width:200px; height:20px; position:absolute; left: 75px; top: 18px; overflow:hidden; font-weight:bold; color:#039; text-shadow:#FFF 1px 1px;}
.result-potion-area .detail{width:200px; height:35px; position:absolute; left: 75px; top: 38px; overflow:hidden;}

.require-material-potion-area{width:208px; height:70px; position:absolute; left: 64px; top: 274px; text-align:left;}
.require-material-potion-area .item1{width:32px; height:32px; position:absolute; left: 0px; top: 0px;}
.require-material-potion-area .item2{width:32px; height:32px; position:absolute; left: 0px; top: 34px;}
.require-material-potion-area .name1{width:169px; height:20px; position:absolute; left: 39px; top: 6px; overflow:hidden; font-weight:bold; color:#039; text-shadow:#FFF 1px 1px;}
.require-material-potion-area .name2{width:169px; height:20px; position:absolute; left: 39px; top: 38px; overflow:hidden; font-weight:bold; color:#039; text-shadow:#FFF 1px 1px;}

.button-compute-potion{width: 104px; height: 34px; background:  url("../../images/potion/button-compute.png") 0px 0px  no-repeat; position:absolute; left:113px; bottom:30px;}
.button-compute-potion:hover{background:  url("../../images/potion/button-compute.png") 0px -34px  no-repeat; cursor: pointer;}

.bg-monquest1{width: 134px; height: 86px; background:  url("../../images/map/popup-menu/bg-show-monquest.png") 0px 0px  no-repeat; position:absolute; left:445px; top:30px; z-index:10001;}
.bg-monquest2{width: 134px; height: 119px; background:  url("../../images/map/popup-menu/bg-show-monquest.png") -134px 0px  no-repeat; position:absolute; left:445px; top:30px; z-index:10001;}
.bg-monquest3{width: 134px; height: 152px; background:  url("../../images/map/popup-menu/bg-show-monquest.png") -268px 0px  no-repeat; position:absolute; left:445px; top:30px; z-index:10001;}
.bg-monquest4{width: 134px; height: 185px; background:  url("../../images/map/popup-menu/bg-show-monquest.png") -402px 0px  no-repeat; position:absolute; left:445px; top:30px; z-index:10001;}

.showmon-area{width:109px; height:150px; position:absolute; top: 29px; left: 13px;}
.showmon-element{width:110px; height:33px; position:relative;}
.showmon-img{width:33px; height:33px; position:absolute;}
.showmon-name{width:65px; height:17px; position:absolute; left: 38px; top: -1px; font-size:9pt; text-align:left; color:#FFF; text-shadow:#666 1px 1px; overflow:hidden;}
.showmon-amount-area{width:65px; height:17px; position:absolute; left:38px; top:14px; font-size:12pt;}
.showmon-amount-area .mePoint{width:32px; height:17px; float:left; text-align:center; color:#FFF; font-weight:bold; line-height:17px; text-shadow:#000 1px 1px; }
.showmon-amount-area .reqPoint{width:30px; height:17px; float:right; text-align:right; color:#333; font-weight:bold; line-height:17px;}
.showmon-amount-area .reqPoint1000{width:30px; height:17px; float:right; text-align:right; color:#333; font-weight:bold; line-height:17px; font-size:8pt;}
.showmon-questtype{width:110px; height:15px; position:relative; color:#093; text-align:center; font-size:8pt; line-height:15px; margin-top:2px;}

#myQuest{width: 231px; height: 287px; background:  url(../../images/map/popup-menu/bg-myquest.png) 0px 0px  no-repeat; position:absolute; left:323px; top: 140px; z-index:20001; display: none;}
.myquest-area{width:195px; height:200px; position:absolute; left: 19px; top: 60px;}
.myquest-area .myQuest-element{width:195px; height:30px; position:relative; text-align:left;}
.myquest-area .myQuest-element .name{width:145px; height:30px; float:left; position:relative; line-height:30px; color:#FFF; text-shadow:#333 1px 1px; overflow:hidden;}
.myquest-area .myQuest-element .line{border-bottom:1px dotted #FFFFCC; position:relative;}
.oButtonOpen{width:45px; height:24px; background:url(../../images/map/popup-menu/button-myquest.png) 0px 0px no-repeat; float:right; position:relative; margin-top:3px;}
.oButtonOpen:hover{background:url(../../images/map/popup-menu/button-myquest.png) 0px -24px no-repeat; cursor:pointer; }
.oButtonClose{width:45px; height:24px; background:url(../../images/map/popup-menu/button-myquest.png) -45px -24px no-repeat; float:right; position:relative; margin-top:3px;}
.oButtonClose:hover{background:url(../../images/map/popup-menu/button-myquest.png) -45px 0px no-repeat; cursor:pointer;}

.shop2013{}

.bgCraftArea {width:260px; height:307px; background:url(../../images/map/shop/craft-1.png) 0px 0px no-repeat; position:relative;}
.bgCraftArea200 {width:260px; height:307px; background:url(../../images/map/shop/craft-2.png) 0px 0px no-repeat; position:relative;}
.bgCraftArea300 {width:260px; height:307px; background:url(../../images/map/shop/bg-craftcircle300.png) 0px 0px no-repeat; position:relative;}
.button-goExit{width:104px; height:34px; background:url(../../images/map/shop/button-craft.png) -104px 0px no-repeat; float: right;}
.button-goExit:hover{background:url(../../images/map/shop/button-craft.png) -104px -34px no-repeat; cursor:pointer;}
.button-goCraft{width:104px; height:34px; background:url(../../images/map/shop/button-craft.png) 0px 0px no-repeat; float: left;}
.button-goCraft:hover{background:url(../../images/map/shop/button-craft.png) 0px -34px no-repeat; cursor:pointer;}
.button-goCreate{width:75px; height:39px; background:url(../../images/map/shop/button-craft.png) -208px 0px no-repeat; position:absolute; left: 92px; top: 134px;}
.button-goCreate:hover{background:url(../../images/map/shop/button-craft.png) -208px -39px no-repeat; cursor:pointer;}

#item4CraftArea{width:165px; height:85px; position:absolute; left: 52px; top: 180px;}
#item4CraftArea .item{width:32px; height:32px; margin:4px; float:left; position:relative; cursor:pointer; }
#item4CraftArea .selectItem4craft{width:32px; height:32px; margin:4px; float:left; cursor:pointer; background-color: #8ff436; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative; 
	color:red;
}
.bgCraftCircleArea {width:260px; height:307px; background:url(../../images/map/shop/bg-craftcircle.png) 0px 0px no-repeat; position:relative;}
.bgCraftCircleArea #result4craft{width:32px; height:32px; position:absolute; left: 112px; top: 86px;}
.bgCraftCircleArea #item1{width:32px; height:32px; position:absolute; left: 26px; top: 153px;}
.bgCraftCircleArea #item1 DIV{height:15px; position:absolute; right: -3px; bottom: -9px; color:#FFFF00; text-shadow: #000 1px 1px; font-weight: bold; font-size: 10pt;}

.bgCraftCircleArea #item2{width:32px; height:32px; position:absolute; left: 64px; top: 192px;}
.bgCraftCircleArea #item2 DIV{height:15px; position:absolute; right: -3px; bottom: -9px; color:#FFFF00; text-shadow: #000 1px 1px; font-weight: bold; font-size: 10pt;}

.bgCraftCircleArea #item3{width:32px; height:32px; position:absolute; left: 113px; top: 204px; cursor:pointer;}
.bgCraftCircleArea #item3 DIV{height:15px; position:absolute; right: -3px; bottom: -9px; color:#FFFF00; text-shadow: #000 1px 1px; font-weight: bold; font-size: 10pt;}

.bgCraftCircleArea #item4{width:32px; height:32px; position:absolute; left: 164px; top: 192px; cursor:pointer;}
.bgCraftCircleArea #item4 DIV{height:15px; position:absolute; right: -3px; bottom: -9px; color:#FFFF00; text-shadow: #000 1px 1px; font-weight: bold; font-size: 10pt;}

.bgCraftCircleArea #item5{width:32px; height:32px; position:absolute; left: 201px; top: 153px; cursor:pointer;}
.bgCraftCircleArea #item5 DIV{height:15px; position:absolute; right: -3px; bottom: -9px; color:#FFFF00; text-shadow: #000 1px 1px; font-weight: bold; font-size: 10pt;}


.button-select-tribe1{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) 0px 0px no-repeat; float: left; margin: 3px;}
.button-select-tribe1:hover{background:url(../../images/map/shop/button-select-tribe.png) 0px -39px no-repeat; cursor:pointer;}
.button-select-tribe1-active{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) 0px 0px no-repeat;}

.button-select-tribe2{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -75px 0px no-repeat; float: left; margin: 3px;}
.button-select-tribe2:hover{background:url(../../images/map/shop/button-select-tribe.png) -75px -39px no-repeat; cursor:pointer;}
.button-select-tribe2-active{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -75px 0px no-repeat;}

.button-select-tribe3{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -150px 0px no-repeat; float: left; margin: 3px;}
.button-select-tribe3:hover{background:url(../../images/map/shop/button-select-tribe.png) -150px -39px no-repeat; cursor:pointer;}
.button-select-tribe3-active{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -150px 0px no-repeat;}

.button-select-tribe4{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -225px 0px no-repeat; float: left; margin: 3px;}
.button-select-tribe4:hover{background:url(../../images/map/shop/button-select-tribe.png) -225px -39px no-repeat; cursor:pointer;}
.button-select-tribe4-active{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -225px 0px no-repeat;}

.button-select-tribe5{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -300px 0px no-repeat; float: left; margin: 3px;}
.button-select-tribe5:hover{background:url(../../images/map/shop/button-select-tribe.png) -300px -39px no-repeat; cursor:pointer;}
.button-select-tribe5-active{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -300px 0px no-repeat;}

.button-select-tribe6{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -375px 0px no-repeat; float: left; margin: 3px;}
.button-select-tribe6:hover{background:url(../../images/map/shop/button-select-tribe.png) -375px -39px no-repeat; cursor:pointer;}
.button-select-tribe6-active{width:75px; height:39px; background:url(../../images/map/shop/button-select-tribe.png) -375px 0px no-repeat;}

.bg-amount-area{width:223px; height:151px; background:url(../../images/map/shop/bg-amount-area.png) 0px 0px no-repeat; position:absolute; left:18px; top:60px;}
.bg-amount-area .number-area{width:133px; height:31px; position:absolute; left: 44px; top: 54px;}
.bg-amount-area .number-area .buttonLeft{width:29px; height:31px; background:url(../../images/map/shop/bg-amount-area.png) -148px -151px no-repeat; float:left;}
.bg-amount-area .number-area .buttonLeft:hover{background:url(../../images/map/shop/bg-amount-area.png) -148px -182px no-repeat; cursor:pointer;}
.bg-amount-area .number-area .buttonRight{width:29px; height:31px; background:url(../../images/map/shop/bg-amount-area.png) -177px -151px no-repeat; float:right;}
.bg-amount-area .number-area .buttonRight:hover{background:url(../../images/map/shop/bg-amount-area.png) -177px -182px no-repeat; cursor:pointer;}
.bg-amount-area .number-area .text{width:65px; height:31px; float:left; margin-left:5px; font-size:16pt; color:#333; font-weight:bold; line-height:31px; text-align:center;}

.bg-amount-area .button-area{width:161px; height:30px; position:absolute; left: 32px; bottom: 20px;}
.bg-amount-area .buttonOK{width:74px; height:34px; background:url(../../images/map/shop/bg-amount-area.png) 0px -151px no-repeat; float:left;}
.bg-amount-area .buttonOK:hover{background:url(../../images/map/shop/bg-amount-area.png) 0px -185px no-repeat; cursor:pointer;}
.bg-amount-area .buttonCancel{width:74px; height:34px; background:url(../../images/map/shop/bg-amount-area.png) -74px -151px no-repeat; float:right;}
.bg-amount-area .buttonCancel:hover{background:url(../../images/map/shop/bg-amount-area.png) -74px -185px no-repeat; cursor:pointer;}


.bg-dropitem{width:232px; height:120px; background:url(../../images/map/bg-dropitem.png) 0px 0px no-repeat; position:absolute; left: 173px; top:260px; z-index: 10000;}
.bg-dropitem .item-area{width:175px; height:60px; position:absolute; left: 29px; top: 42px;}
.bg-dropitem .item-area DIV{width:32px; height:32px; margin:13px; float:left;}

.bg-dropitem2020{width:330px; height:120px; background:url(../../images/map/bg-dropitem2020.png) 0px 0px no-repeat; position:absolute; left: 126px; top:260px; z-index: 10000;}
.bg-dropitem2020 .item-area{width:290px; height:60px; position:absolute; left: 21px; top: 42px;}
.bg-dropitem2020 .item-area DIV{width:32px; height:32px; margin:13px; float:left;}

#bgAlertGiftArea {width:437px; height:306px; background:url(../../images/freegift/alert-gift.png) 0px 0px no-repeat; position:absolute; left:72px; top:50px; z-index: 10000;}
#bgAlertGiftArea .buttonOK a{background:url(../../images/freegift/alert-gift.png) 0px -306px no-repeat; width:317px; height:73px; position:absolute; left:60px; bottom:20px; display:block;}
#bgAlertGiftArea .buttonOK a:hover{background:url(../../images/freegift/alert-gift.png) 0px -379px no-repeat; cursor:pointer; display:block;}


#bgAlertGiftAreaBig{width:545px; height:439px; background:url(../../images/freegift/bg-reward-new.png) 0px 0px no-repeat; font-size: 10pt; position:absolute; left:18px; top:0px; z-index: 10000;}
#bgAlertGiftAreaBig #gift-area{width:475px; height:270px; position:absolute; left:35px; top:94px; overflow-y:auto; overflow-x:hide;}
#bgAlertGiftAreaBig #gift-area .row{border-bottom:1px dashed #666; height:60px; width:450px; text-align: left; position:relative;}
#bgAlertGiftAreaBig #gift-area .row .imgSV4{width:50px; height:50px; float:left; display:block; cursor:pointer; float: left; margin: 3px 10px 3px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#bgAlertGiftAreaBig #gift-area .row .img{width: 50px; height: 50px; display:block; cursor:pointer; float: left; margin: 3px 10px 3px 3px;}
#bgAlertGiftAreaBig #gift-area .row .name-area{width:170px; height:60px; float:left; overflow:hidden; margin-left:5px;}
#bgAlertGiftAreaBig #gift-area .row .name-area .name{height:35px; line-height:35px; color:#FFFFCC; font-weight:bold; font-size: 12pt; text-shadow: #FFF 1px 1px;}
#bgAlertGiftAreaBig #gift-area .row .name-area .time{height:20px; color:#666; font-size: 8pt;}
#bgAlertGiftAreaBig #gift-area .row .item-area {width:32px; height:32px; float:left; text-align:center; margin: 14px;}
#bgAlertGiftAreaBig #gift-area .row .button-area {width:150px; height:60px; float:right; position:relative; }
#bgAlertGiftAreaBig #gift-area .row .button-area .bb{width:100%; height:40px; float:right; margin-top:16px; font-size:12pt; color:#FFF; text-shadow:#000 1px 1px;}
.button-allgift{background:url(../../images/freegift/bg-reward-new.png) 0px -439px no-repeat; width:167px; height:33px; position:absolute; left:190px; bottom:15px; }
.button-allgift:hover{background:url(../../images/freegift/bg-reward-new.png) -167px -439px no-repeat; cursor:pointer; }
.giftLoader{background:url(../../images/loading/ajax-loader.gif) no-repeat; width:128px; height:15px; position:absolute; left:208px; bottom:25px; }

.button-A-getgift{width:132px; height:29px; background:url(../../images/new-button/button-gift-send-gift.png) 0px 0px no-repeat; float:left;}
.button-A-getgift:hover{width:132px; height:29px; background:url(../../images/new-button/button-gift-send-gift.png) 0px -29px no-repeat; cursor:pointer; float:left;}
.button-A-gift2friend{width:132px; height:29px; background:url(../../images/new-button/button-gift-send-gift.png) -132px 0px no-repeat; float:left;}
.button-A-gift2friend:hover{width:132px; height:29px; background:url(../../images/new-button/button-gift-send-gift.png) -132px -29px no-repeat; cursor:pointer; float:left;}


#isDebuffMap{
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
width: 160px; height: 22px; line-height: 20px; text-align: center; position: absolute; top:0px; left:212px; 
background-color: #ff0000; color:#ffff00; font-size: 10pt;
}

#isTimeDungeon, #isTimeDungeonSea{
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 100px; height: 20px; line-height: 18px; text-align: center; position: absolute; top:0px; left:240px; 
background-color: #FFFF00; color:#000; font-size: 12pt; font-weight:bold;
}

#isTimePartyDungeon{
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 100px; height: 20px; line-height: 16px; text-align: center; position: absolute; top:0px; left:240px; 
background-color: #FFF; color:#f00; font-size: 12pt; font-weight:bold;
}

#isTimeQuest{
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 100px; height: 20px; line-height: 16px; text-align: center; position: absolute; top:0px; left:240px; 
background-color: #FFF; color:#f00; font-size: 12pt; font-weight:bold;
}

.home-name-label
{
    transform: skew(-1deg, 27deg) ;
    -webkit-transform: skew(-1deg, 27deg) ;
    -moz-transform: skew(-1deg, 27deg) ;
    -o-transform: skew(-1deg, 27deg) ;
    -ms-transform: skew(-1deg, 27deg) ;
}

/* ระบบถอดการ์ด */
.bgCardRemover1 {width:260px; height:307px; background:url(../../images/map/shop/card-remover-1.png) 0px 0px no-repeat; position:relative;}
.bgCardRemover2 {width:260px; height:307px; background:url(../../images/map/shop/card-remover-2.png) 0px 0px no-repeat; position:relative;}

.cardRemover-area{position:absolute; width:100%; left: 0px; top: 42px;}
.cardRemover-area .row{border-bottom:1px dashed #999; width:240px; height:32px; margin:0 auto; position:relative;}
.cardRemover-area .row .img{float:left; width:35px; margin-left: 5px; clear:both;}
.cardRemover-area .row .name{float:left; width:100px; height:32px; padding-left:5px; overflow:hidden; text-align:left; line-height: 32px; color:#0066CC;}
.cardRemover-area .row .name-disable{color:#666;}
.cardRemover-area .row .card{float:right; width:80px; margin-top:10px; text-align:left;}
.cardRemover-area .row:hover{background-color: #AEFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer;}

.crOptionArea{width:90px; height:70px; position:absolute; left: 37px; top: 200px;}
.crOptionArea .item1{width:32px; height:32px; position:absolute; left: 7px; top: 5px; }
.crOptionArea .item2{width:32px; height:32px; position:absolute; left: 47px; top: 5px; }
.crOptionArea .buttonOption1{width:40px; height:21px; position:absolute; left: 2px; bottom: 3px; background:url(../../images/map/shop/button-card-remover.png) -90px 0px no-repeat;}
.crOptionArea .buttonOption1:hover{background:url(../../images/map/shop/button-card-remover.png) -90px -21px no-repeat; cursor:pointer;}
.crOptionArea .buttonOption2{width:40px; height:21px; position:absolute; left: 44px; bottom: 3px; background:url(../../images/map/shop/button-card-remover.png) -130px 0px no-repeat;}
.crOptionArea .buttonOption2:hover{background:url(../../images/map/shop/button-card-remover.png) -130px -21px no-repeat; cursor:pointer;}

.button-card-remover{width:90px; height:34px; position:absolute; left: 135px; bottom: 35px; background:url(../../images/map/shop/button-card-remover.png) 0px 0px no-repeat;}
.button-card-remover:hover{background:url(../../images/map/shop/button-card-remover.png) 0px -34px no-repeat; cursor:pointer;}

.bgCR-Result1{width:260px; height:307px; background:url(../../images/map/shop/cr-result1.png) 0px 0px no-repeat; position:relative;}
.bgCR-Result2{width:260px; height:307px; background:url(../../images/map/shop/cr-result2.png) 0px 0px no-repeat; position:relative;}
.bgCR-Result3{width:260px; height:307px; background:url(../../images/map/shop/cr-result3.png) 0px 0px no-repeat; position:relative;}
.bgCR-Result4{width:260px; height:307px; background:url(../../images/map/shop/cr-result4.png) 0px 0px no-repeat; position:relative;}
.bgCR-Result5{width:260px; height:307px; background:url(../../images/map/shop/cr-result5.png) 0px 0px no-repeat; position:relative;}

.bgRefineResultXmas1{width:240px; height:307px; background:url(../../images/map/shop/rp-result-xmas1.png) 0px 0px no-repeat; position:relative;}
.bgRefineResultXmas2{width:240px; height:307px; background:url(../../images/map/shop/rp-result-xmas2.png) 0px 0px no-repeat; position:relative;}

.bgRP-Result1{width:260px; height:307px; background:url(../../images/map/shop/rp-result1.png) 0px 0px no-repeat; position:relative;}
.bgRP-Result2{width:260px; height:307px; background:url(../../images/map/shop/rp-result2.png) 0px 0px no-repeat; position:relative;}
.bg-Result1{width:260px; height:307px; background:url(../../images/quest/new-success.png) 0px 0px no-repeat; position:relative;}
.bg-Result2{width:260px; height:307px; background:url(../../images/quest/new-fail.png) 0px 0px no-repeat; position:relative;}
.bgRefineBasic-Result1{width:260px; height:307px; background:url(../../images/map/shop/refinebasic-result1.png) 0px 0px no-repeat; position:relative;}
.bgRefineBasic-Result2{width:260px; height:307px; background:url(../../images/map/shop/refinebasic-result2.png) 0px 0px no-repeat; position:relative;}
.bg-PremiumResult1{width:260px; height:307px; background:url(../../images/map/shop/rp-premuim-result1.png) 0px 0px no-repeat; position:relative;}
.bg-PremiumResult2{width:260px; height:307px; background:url(../../images/map/shop/rp-premuim-result2.png) 0px 0px no-repeat; position:relative;}


/* Card Album*/
.bgCardAlbum{width:553px; height:436px; background:url(../../images/cardalbum/bg-album.png) 0px 0px no-repeat; position:absolute; left: 14px; top: 0px; z-index: 11002}
.bgCardAlbum .leftArea{width:152px; height:360px; position:absolute; left:34px; top:43px;}
.bgCardAlbum .rightArea{width:350px; height:380px; position:absolute; left:203px; top:52px;}
.bgCardAlbum .label1{width:144px; height:50px; position:absolute; left: 0px; top:-8px; background:url(../../images/cardalbum/bg-album.png) -553px -236px no-repeat;}

.bgCardAlbum .buttonShopArea{width:100%; height:115px; position:absolute; bottom:0px; left:0px;}
.bgCardAlbum .buttonShopArea .button1{width:155px; height:59px; position:absolute; left: -3px; top:0px; background:url(../../images/cardalbum/bg-album.png) -553px 0px no-repeat;}
.bgCardAlbum .buttonShopArea .button1:hover{background:url(../../images/cardalbum/bg-album.png) -553px -59px no-repeat; cursor:pointer;}
.bgCardAlbum .buttonShopArea .button2{width:155px; height:59px; position:absolute; left: -3px; top:60px; background:url(../../images/cardalbum/bg-album.png) -553px -118px no-repeat;}
.bgCardAlbum .buttonShopArea .button2:hover{background:url(../../images/cardalbum/bg-album.png) -553px -177px no-repeat; cursor:pointer;}

.bgCardAlbum .labelON{width:65px; height:19px; background:url(../../images/cardalbum/bg-album.png) -553px -286px no-repeat; margin-left: -3px; line-height: 17px; text-align: right; }
.bgCardAlbum .labelON DIV{padding-right:7px; color:#663300;}
.bgCardAlbum .labelOFF{width:65px; height:19px; background:url(../../images/cardalbum/bg-album.png) -618px -286px no-repeat; margin-left: -3px; line-height: 17px; text-align: right; }
.bgCardAlbum .labelOFF DIV{padding-right:7px; color:#444;}
.bgCardAlbum .buttonBUY{width:40px; height:21px; background:url(../../images/cardalbum/bg-album.png) -553px -305px no-repeat; position:absolute; right:2px; top:2px;}
.bgCardAlbum .buttonBUY:hover{background:url(../../images/cardalbum/bg-album.png) -593px -305px no-repeat; cursor:pointer;}

.bgCardAlbum .leftArea .rankArea{width:145px; height:170px; padding-left:3px; padding-top: 8px; text-align:left;}
.bgCardAlbum .leftArea .row{width:140px; height:16px; line-height:16px;}
.bgCardAlbum .leftArea .colName{width:80px; height:16px; float:left; overflow:hidden; }
.bgCardAlbum .leftArea .colPoint{width:40px; height:16px; float:right; font-size:8pt; text-align:right; line-height:19px; color:#660033;}
.bgCardAlbum .leftArea .myRankArea{width:100%; height:25px; margin-top:8px; margin-left:5px; text-align:left;}

.bgCardAlbum .rightArea .nameOfAlbum{width:100%; height:25px; text-align:left; line-height:25px; text-shadow:#000 1px 1px; font-weight:bold; font-size:10pt; color:#FF0;}
.bgCardAlbum .rightArea .cardblock{width:60px; height:100px; float:left; margin:2px;}
.bgCardAlbum .rightArea .cardblock .card{width:60px; height:80px; }

.bgCardAlbum .number1{width:15px; height:15px; background:url(../../images/cardalbum/number.png) 0px 0px no-repeat; margin-top: 1px; display:block; float:left;}
.bgCardAlbum .number2{width:15px; height:15px; background:url(../../images/cardalbum/number.png) -15px 0px no-repeat; margin-top: 1px; display:block; float:left;}
.bgCardAlbum .number3{width:15px; height:15px; background:url(../../images/cardalbum/number.png) -30px 0px no-repeat; margin-top: 1px; display:block; float:left;}
.bgCardAlbum .number4{width:15px; height:15px; background:url(../../images/cardalbum/number.png) -45px 0px no-repeat; margin-top: 1px; display:block; float:left;}
.bgCardAlbum .number5{width:15px; height:15px; background:url(../../images/cardalbum/number.png) -60px 0px no-repeat; margin-top: 1px; display:block; float:left;}
.bgCardAlbum .number6{width:15px; height:15px; background:url(../../images/cardalbum/number.png) -75px 0px no-repeat; margin-top: 1px; display:block; float:left;}
.bgCardAlbum .number7{width:15px; height:15px; background:url(../../images/cardalbum/number.png) -90px 0px no-repeat; margin-top: 1px; display:block; float:left;}
.bgCardAlbum .number8{width:15px; height:15px; background:url(../../images/cardalbum/number.png) -105px 0px no-repeat; margin-top: 1px; display:block; float:left;}
.bgCardAlbum .number9{width:15px; height:15px; background:url(../../images/cardalbum/number.png) -120px 0px no-repeat; margin-top: 1px; display:block; float:left;}
.bgCardAlbum .number10{width:15px; height:15px; background:url(../../images/cardalbum/number.png) -135px 0px no-repeat; margin-top: 1px; display:block; float:left;}

.imggray1 {
    opacity: 0.2;
    filter: alpha(opacity=20); /* msie */
    background-color: #000;
}

.imggray{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.bgCardAlbum .rightArea .productArea{width:100px; height:125px; margin-top: 3px; background-color:#FFFFCC; border:#666 2px solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-right:4px; position:relative;}
.bgCardAlbum .rightArea .productArea .name{width:100px; height:18px; position:absolute; left:0px; bottom:2px; font-size:10pt; color:#0033FF; text-align:center;}
.bgCardAlbum .rightArea .productArea IMG{margin:10px 13px 0px 13px; width:70px; height:95px;}

.bgCardAlbum .rightArea .productPriceArea{width:100px; height:25px; background-color:#996633; border:2px solid #8F6030; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:3px 4px 0 0; position:relative;}
.bgCardAlbum .rightArea .productPriceArea .price{width:80px; height:20px; line-height:20px; text-align:left; position:absolute; left:8px; top:2px;}
.bgCardAlbum .rightArea #buyAlertCard{width:244px; height:170px; background:url(../../images/cardalbum/bg-buycard-alert.png) 0px 0px no-repeat; position:absolute; left:43px; top:70px;}
.bgCardAlbum .rightArea #buyAlertCard .buttonClose{background:url(../../images/cardalbum/bg-buycard-alert.png) 0px -170px no-repeat; width:104px; height:34px; position:absolute; left:70px; bottom:15px;}
.bgCardAlbum .rightArea #buyAlertCard .buttonClose:hover{background:url(../../images/cardalbum/bg-buycard-alert.png) -104px -170px no-repeat; cursor:pointer;}
.bgCardAlbum .rightArea #buyAlertCard .displayCardArea{width:210px; height:88px; position:absolute; left:20px; top:25px;}
.bgCardAlbum .rightArea #buyAlertCard .displayCardArea DIV{width:60px; height:80px; float:left; margin:4px;}

/* เควส */
#bgMyQuest {width:545px; height:439px; background:url(../../images/quest/bg-allmyquest.png) 0px 0px no-repeat; font-size: 10pt; position:absolute; left:18px; top:0px; z-index: 11002;}
#bgMyQuest .q-area{width:500px; height:355px; position:absolute; left:23px; top:60px; overflow-y:auto; overflow-x:hide;}
#bgMyQuest .q-area .row{border-bottom:1px dashed #999; min-height:50px; width:480px; text-align: left; position:relative; padding-top:5px;}
#bgMyQuest .q-area .row .colLeft{float:left; width:380px; min-height:50px; position:relative;}
#bgMyQuest .q-area .row .colLeft .qID{float:left; width:75px; height:33px; line-height:33px; padding-left:5px;position:relative; text-align:left; font-size:20pt; font-weight:bold;  color:#999; }
#bgMyQuest .q-area .row .colLeft .name-zone{float:left; width:200px; height:33px; line-height:15px; overflow:hidden; padding-left:5px;position:relative; text-align:left;}
#bgMyQuest .q-area .row .colLeft .name{width:200px; height:18px; font-weight:bold; font-size:12pt; line-height:18px; color:#0033cc; text-shadow:#FFF 1px 1px; overflow:hidden;}
#bgMyQuest .q-area .row .colLeft .date{width:90px; height:18px; line-height:15px; color:#333; font-size:8pt; float:left;}
#bgMyQuest .q-area .row .colLeft .location{width:100px; height:18px; line-height:15px; color:#660000; font-size:8pt; float:left;}
#bgMyQuest .q-area .row .colLeft .level{float:left; width:60px; height:33px; line-height:33px; font-size:12pt; font-weight:bold; color:#d70000; position:relative;}
#bgMyQuest .q-area .row .colLeft .detail{width:375px; min-height:20px; float:left; position:relative; padding:5px 0 10px 5px;}
#bgMyQuest .q-area .row .colRight{float:right; width:80px; height:100px; line-height:25px; text-align:center; font-weight:bold; color:#339900; position:relative; padding-right:10px;}
.buttonMyQuest { width:60px; height:20px; background: url("../../images/button/60.gif") no-repeat; text-align:center; font-size: 10pt; padding-bottom: 10px; color:#0066FF; border: 0px; }
.buttonMyQuest:hover{ color:#FF0000; cursor:pointer; }
.b-navi{width: 77px; height:48px; background:url(../../images/quest/button-navi.png) 0px 0px no-repeat; position:relative;}
.b-navi:hover{background:url(../../images/quest/button-navi.png) 0px -48px no-repeat;cursor: pointer;}


/* Gachapon */
.bgGachapon{width:508px; height:336px; background:url(../../images/gachapon/bg-gachapon.png) 0px 0px no-repeat; position:absolute; left:40px; top:100px; z-index: 10002;}
.bgGachapon .buttonARound{background:url(../../images/gachapon/bg-gachapon.png) 0px -336px no-repeat; width:98px; height:92px; position:absolute; left:334px; top:170px;}
.bgGachapon .buttonARound:hover{background:url(../../images/gachapon/bg-gachapon.png) -98px -336px no-repeat; cursor:pointer;}
.bgGachapon .buttonAnimate{background:url(../../images/gachapon/button-animate.gif) 0px 0px no-repeat; width:98px; height:92px; position:absolute; left:334px; top:170px;}
.bgGachapon #display-coin{width:64px; height:30px; line-height:30px; position:absolute; left:160px; top:142px; color:#FF0; text-shadow:#333 2px 2px; font-size:16pt; font-weight:bold; text-align:right;}
.bgGachapon .bgResult{width:244px; height:69px; background:url(../../images/gachapon/bg-gachapon.png) -196px -336px no-repeat; position:absolute; left:16px; top:19px; display:none;}
.bgGachapon .bgResult #itemAward{width:32px; height:32px; position:absolute; left:111px; top:18px;}
.bgGachapon .display-egg{width:80px; height:42px; position:absolute; left:343px; top:264px;}
.bgGachapon #egg-gachapon{width:32px; height:32px; position:absolute; left:22px; top:7px; display:none;}

.bgGachapon .buttonRefillCoin1{background:url(../../images/gachapon/button-refill-coin.png) 0px 0px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.bgGachapon .buttonRefillCoin1:hover{background:url(../../images/gachapon/button-refill-coin.png) -198px 0px no-repeat; cursor:pointer;}
.bgGachapon .buttonRefillCoin1-disable{background:url(../../images/gachapon/button-refill-coin.png) -396px 0px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.bgGachapon .buttonRefillCoin2{background:url(../../images/gachapon/button-refill-coin.png) 0px -49px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.bgGachapon .buttonRefillCoin2:hover{background:url(../../images/gachapon/button-refill-coin.png) -198px -49px no-repeat; cursor:pointer;}
.bgGachapon .buttonRefillCoin2-disable{background:url(../../images/gachapon/button-refill-coin.png) -396px -49px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.bgGachapon .buttonRefillCoin3{background:url(../../images/gachapon/button-refill-coin.png) 0px -98px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.bgGachapon .buttonRefillCoin3:hover{background:url(../../images/gachapon/button-refill-coin.png) -198px -98px no-repeat; cursor:pointer;}
.bgGachapon .buttonRefillCoin3-disable{background:url(../../images/gachapon/button-refill-coin.png) -396px -98px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.bgGachapon .buttonRefillCoin4{background:url(../../images/gachapon/button-refill-coin.png) 0px -147px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.bgGachapon .buttonRefillCoin4:hover{background:url(../../images/gachapon/button-refill-coin.png) -198px -147px no-repeat; cursor:pointer;}
.bgGachapon .buttonRefillCoin4-disable{background:url(../../images/gachapon/button-refill-coin.png) -396px -147px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.bgGachapon .buttonRefillCoin5{background:url(../../images/gachapon/button-refill-coin.png) 0px -196px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.bgGachapon .buttonRefillCoin5:hover{background:url(../../images/gachapon/button-refill-coin.png) -198px -196px no-repeat; cursor:pointer;}
.bgGachapon .buttonRefillCoin5-disable{background:url(../../images/gachapon/button-refill-coin.png) -396px -196px no-repeat; width:198px; height:49px; position:absolute; left:37px; bottom:66px;}
.promotion{width:550px; height:344px; background:url("../../images/promotion/2024.jpg") no-repeat; position:absolute; z-index: 20002;}

#tagdog{width:545px; height:428px; background:url(../../images/tagdog/bg-tagdog.png) 0px 0px no-repeat; position:absolute; left:20px; top:10px; z-index: 10002;}
#tagdog INPUT{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FFFFCC; color:#0033FF;}
#tagdog textarea{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FFFFCC; color:#0033FF;}
#tagdog select{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FFFFCC; color:#0033FF;}

/* DMO SLOT */
.bgSlot{width:450px; height:425px; background:url(../../images/slot/bg-slot2021.png) 0px 0px no-repeat; position:absolute; left:20px; top:-60px; z-index: 10002;}
.bgSlot .coin1{width:30px; height:30px; background:url(../../images/slot/bg-slot2021.png) -252px -508px no-repeat; position:absolute; left: 143px; top: 109px;}
.bgSlot .coin2{width:30px; height:30px; background:url(../../images/slot/bg-slot2021.png) -282px -508px no-repeat; position:absolute; left: 143px; top: 109px;}
.bgSlot #slot-coin-amount{width:150px; height:25px; position:absolute; right: 130px; top: 243px; color:#33A; font-size:16pt; font-weight:bold; text-align:right;}
.bgSlot #slot-ball-amount{width:150px; height:25px; position:absolute; right: 130px; top: 277px; color:#d74600; font-size:16pt; font-weight:bold; text-align:right;}
.bgSlot #dmo-slot1{width:60px; height:60px; position:absolute; left:51px; top:167px;}
.bgSlot #dmo-slot2{width:60px; height:60px; position:absolute; left:124px; top:167px;}
.bgSlot #dmo-slot3{width:60px; height:60px; position:absolute; left:197px; top:167px;}
.bgSlot #dmo-slot4{width:60px; height:60px; position:absolute; left:270px; top:167px;}
.bgSlot #dmo-slot5{width:60px; height:60px; position:absolute; left:343px; top:167px;}

.bgSlot .button-slot{background:url(../../images/slot/bg-slot2021.png) 0px -508px no-repeat; width:126px; height:83px; position:absolute; left:289px; top:300px;}
.bgSlot .button-slot:hover{background:url(../../images/slot/bg-slot2021.png) -126px -508px no-repeat; cursor:pointer;}

.bgSlot .button-bet10{background:url(../../images/slot/bg-slot2021.png) -256px -508px no-repeat; width:75px; height:33px; position:absolute; left:45px; top:318px;}
.bgSlot .button-bet10:hover{background:url(../../images/slot/bg-slot2021.png) -331px -508px no-repeat; cursor:pointer;}
.bgSlot .button-bet10active{background:url(../../images/slot/bg-slot2021.png) -331px -508px no-repeat; width:75px; height:33px; position:absolute; left:45px; top:318px;}

.bgSlot .button-bet50{background:url(../../images/slot/bg-slot2021.png) -256px -640px no-repeat; width:75px; height:33px; position:absolute; left:125px; top:318px;}
.bgSlot .button-bet50:hover{background:url(../../images/slot/bg-slot2021.png) -331px -640px no-repeat; cursor:pointer;}
.bgSlot .button-bet50active{background:url(../../images/slot/bg-slot2021.png) -331px -640px no-repeat; width:75px; height:33px; position:absolute; left:125px; top:318px;}

.bgSlot .button-bet100{background:url(../../images/slot/bg-slot2021.png) -256px -541px no-repeat; width:75px; height:33px; position:absolute; left:205px; top:318px;}
.bgSlot .button-bet100:hover{background:url(../../images/slot/bg-slot2021.png) -331px -541px no-repeat; cursor:pointer;}
.bgSlot .button-bet100active{background:url(../../images/slot/bg-slot2021.png) -331px -541px no-repeat; width:75px; height:33px; position:absolute; left:205px; top:318px;}

.bgSlot .button-bet250{background:url(../../images/slot/bg-slot2021.png) -256px -673px no-repeat; width:75px; height:33px; position:absolute; left:45px; top:358px;}
.bgSlot .button-bet250:hover{background:url(../../images/slot/bg-slot2021.png) -331px -673px no-repeat; cursor:pointer;}
.bgSlot .button-bet250active{background:url(../../images/slot/bg-slot2021.png) -331px -673px no-repeat; width:75px; height:33px; position:absolute; left:45px; top:358px;}

.bgSlot .button-bet500{background:url(../../images/slot/bg-slot2021.png) -256px -574px no-repeat; width:75px; height:33px; position:absolute; left:125px; top:358px;}
.bgSlot .button-bet500:hover{background:url(../../images/slot/bg-slot2021.png) -331px -574px no-repeat; cursor:pointer;}
.bgSlot .button-bet500active{background:url(../../images/slot/bg-slot2021.png) -331px -574px no-repeat; width:75px; height:33px; position:absolute; left:125px; top:358px;}

.bgSlot .button-bet1000{background:url(../../images/slot/bg-slot2021.png) -256px -607px no-repeat; width:75px; height:33px; position:absolute; left:205px; top:358px;}
.bgSlot .button-bet1000:hover{background:url(../../images/slot/bg-slot2021.png) -331px -607px no-repeat; cursor:pointer;}
.bgSlot .button-bet1000active{background:url(../../images/slot/bg-slot2021.png) -331px -607px no-repeat; width:75px; height:33px; position:absolute; left:205px; top:358px;}




.bgSlot .face1{width:60px; height:60px; background:url(../../images/slot/bg-slot2021.png) 0px -425px no-repeat;}
.bgSlot .face2{width:60px; height:60px; background:url(../../images/slot/bg-slot2021.png) -60px -425px no-repeat;}
.bgSlot .face3{width:60px; height:60px; background:url(../../images/slot/bg-slot2021.png) -120px -425px no-repeat;}
.bgSlot .face4{width:60px; height:60px; background:url(../../images/slot/bg-slot2021.png) -180px -425px no-repeat;}
.bgSlot .face5{width:60px; height:60px; background:url(../../images/slot/bg-slot2021.png) -240px -425px no-repeat;}
.bgSlot .face6{width:60px; height:60px; background:url(../../images/slot/bg-slot2021.png) -300px -425px no-repeat;}

.bgSlot .slot-award-area{width:255px; height:58px; background:url(../../images/slot/bg-slot2021.png) 0px -591px no-repeat; position:absolute; left: 101px; top: 96px; display: none;}
.bgSlot .slot-award-area .amountAward{width:180px; height:25px; position:absolute; right: 20px; top: 14px; color:#ffff00; font-size:16pt; font-weight:bold; text-align:right;}

/* ARCHIEVE MONSTER */
#archieve-monster{width:545px; height:439px; background:url(../../images/archieve-monster/bg.png) 0px 0px no-repeat; position:absolute; left:20px; top:-10px; z-index: 11002;}
#archieve-monster #arch-mon-area{width:510px; height:380px; position:absolute; left:21px; top: 50px;}
#archieve-monster .face-area{width:48px; height:48px; margin:4px; float:left; margin-top: 12px;}
#archieve-monster .gate-rank-area{width:40px; height:5px; position:relative; margin:0 auto; margin-top:3px; border:1px #666 dotted; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right:3px; overflow:hidden;}
#archieve-monster .gate-rank-area .rank0{width:5px; height:5px; background-color:#AAA; float:left;}
#archieve-monster .gate-rank-area .rank1{width:5px; height:5px; background-color:#6fff25; float:left;}
#archieve-monster .gate-rank-area .rank2{width:5px; height:5px; background-color:#b5ff24; float:left;}
#archieve-monster .gate-rank-area .rank3{width:5px; height:5px; background-color:#ffec29; float:left;}
#archieve-monster .gate-rank-area .rank4{width:5px; height:5px; background-color:#ffb625; float:left;}
#archieve-monster .gate-rank-area .rank5{width:5px; height:5px; background-color:#ff8424; float:left;}
#archieve-monster .gate-rank-area .rank6{width:5px; height:5px; background-color:#ff4b3c; float:left;}
#archieve-monster .gate-rank-area .rank7{width:5px; height:5px; background-color:#d247ec; float:left;}
#archieve-monster .gate-rank-area .rank8{width:5px; height:5px; background-color:#7663ff; float:left;}
#archieve-monster #arch-mon-info2{width:319px; height:349px; background:url(../../images/archieve-monster/info-rank2.png) 0px 0px no-repeat; position:absolute; right:8px; top:0px; display:none;}
#archieve-monster .button-info{width:80px; height:25px; position:absolute; right:5px; bottom:8px; color:#FFF; background-color:#09F; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#archieve-monster .button-info:hover{background-color:#00CCFF; font-weight: bold; cursor:pointer;}
#archieve-monster .button-pin{width:60px; height:25px; position:absolute; right:90px; bottom:8px; color:#FFF; background-color:#F49D3E; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#archieve-monster .button-pin:hover{background-color:#F8D13A; font-weight: bold; cursor:pointer;}
#archieve-monster .pagelist-arch{width:280px; height:30px; position:absolute; bottom: 0px; left:0px;}

.symbol-true{width:30px; height:15px; background:url(../../images/archieve-monster/true.png) 0px 0px no-repeat; float:left; margin: 7px 0 0 1px;}
.symbol-false{width:30px; height:15px; float:left; margin-left: 1px;}

.big-rank0{width:30px; height:30px; background-color:#AAA; float:left; border-right: 1px dotted #666;}
.big-rank1{width:30px; height:30px; background-color:#6fff25; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#6fff25), to(#ccffcc)); background:-moz-linear-gradient(0% 100% 90deg, #6fff25, #ccffcc 50%);
}
.big-rank1:hover{background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#ccffcc), to(#6fff25)); background:-moz-linear-gradient(0% 100% 90deg, #ccffcc, #6fff25 50%); cursor:pointer;}
.big-rank1_used{width:30px; height:30px; background-color:#6fff25; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#6fff25), to(#ccffcc)); background:-moz-linear-gradient(0% 100% 90deg, #6fff25, #ccffcc 50%);
}

.big-rank2{width:30px; height:30px; background-color:#b5ff24; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#b5ff24), to(#e4fdb2)); background:-moz-linear-gradient(0% 100% 90deg, #b5ff24, #e4fdb2 50%);
}
.big-rank2:hover{background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#e4fdb2), to(#b5ff24)); background:-moz-linear-gradient(0% 100% 90deg, #e4fdb2, #b5ff24 50%); cursor:pointer;}
.big-rank2_used{width:30px; height:30px; background-color:#b5ff24; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#b5ff24), to(#e4fdb2)); background:-moz-linear-gradient(0% 100% 90deg, #b5ff24, #e4fdb2 50%);
}

.big-rank3{width:30px; height:30px; background-color:#ffec29; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#ffec29), to(#fefea8)); background:-moz-linear-gradient(0% 100% 90deg, #ffec29, #fefea8 50%);
}
.big-rank3:hover{background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#fefea8), to(#ffec29)); background:-moz-linear-gradient(0% 100% 90deg, #fefea8, #ffec29 50%); cursor:pointer;}
.big-rank3_used{width:30px; height:30px; background-color:#ffec29; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#ffec29), to(#fefea8)); background:-moz-linear-gradient(0% 100% 90deg, #ffec29, #fefea8 50%);
}

.big-rank4{width:30px; height:30px; background-color:#ffb625; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#ffb625), to(#fbd385)); background:-moz-linear-gradient(0% 100% 90deg, #ffb625, #fbd385 50%);
}
.big-rank4:hover{background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#fbd385), to(#ffb625)); background:-moz-linear-gradient(0% 100% 90deg, #fbd385, #ffb625 50%); cursor:pointer;}
.big-rank4_used{width:30px; height:30px; background-color:#ffb625; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#ffb625), to(#fbd385)); background:-moz-linear-gradient(0% 100% 90deg, #ffb625, #fbd385 50%);
}

.big-rank5{width:30px; height:30px; background-color:#ff8424; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#ff8424), to(#fcc192)); background:-moz-linear-gradient(0% 100% 90deg, #ff8424, #fcc192 50%);
}
.big-rank5:hover{background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#fcc192), to(#ff8424)); background:-moz-linear-gradient(0% 100% 90deg, #fcc192, #ff8424 50%); cursor:pointer;}
.big-rank5_used{width:30px; height:30px; background-color:#ff8424; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#ff8424), to(#fcc192)); background:-moz-linear-gradient(0% 100% 90deg, #ff8424, #fcc192 50%);
}

.big-rank6{width:30px; height:30px; background-color:#ff4b3c; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#ff4b3c), to(#fc9188)); background:-moz-linear-gradient(0% 100% 90deg, #ff4b3c, #fc9188 50%);
}
.big-rank6:hover{background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#fc9188), to(#ff4b3c)); background:-moz-linear-gradient(0% 100% 90deg, #fc9188, #ff4b3c 50%); cursor:pointer;}
.big-rank6_used{width:30px; height:30px; background-color:#ff4b3c; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#ff4b3c), to(#fc9188)); background:-moz-linear-gradient(0% 100% 90deg, #ff4b3c, #fc9188 50%);
}

.big-rank7{width:30px; height:30px; background-color:#d247ec; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#d247ec), to(#d885e8)); background:-moz-linear-gradient(0% 100% 90deg, #d247ec, #d885e8 50%);
}
.big-rank7:hover{background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#d885e8), to(#d247ec)); background:-moz-linear-gradient(0% 100% 90deg, #d885e8, #d247ec 50%); cursor:pointer;}
.big-rank7_used{width:30px; height:30px; background-color:#d247ec; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#d247ec), to(#d885e8)); background:-moz-linear-gradient(0% 100% 90deg, #d247ec, #d885e8 50%);
}

.big-rank8{width:30px; height:30px; background-color:#7663ff; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#7663ff), to(#a59af8)); background:-moz-linear-gradient(0% 100% 90deg, #7663ff, #a59af8 50%);
}
.big-rank8:hover{background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#a59af8), to(#7663ff)); background:-moz-linear-gradient(0% 100% 90deg, #a59af8, #7663ff 50%); cursor:pointer;}
.big-rank8_used{width:30px; height:30px; background-color:#7663ff; float:left; border-right: 1px dotted #666;
background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#7663ff), to(#a59af8)); background:-moz-linear-gradient(0% 100% 90deg, #7663ff, #a59af8 50%);
}

.bface-area{width:48px; height:48px; margin:4px; float:left; margin-top: 12px;}

/* REWARD ARCH MONSTER */
#reward-arch-mon{width: 323px; height: 243px; position: relative; margin: 0 auto; margin-top: 40px; background:url(../../images/archieve-monster/bg-reward.png) 0px 0px no-repeat; }
#reward-arch-mon #r-arch-img{width: 48px; height: 48px; position: absolute; left:35px; top:68px;}
#reward-arch-mon #r-arch-detail{width: 185px; height: 80px; position: absolute; left:100px; top:65px; padding: 8px; text-align: left; font-size: 10pt;}
#reward-arch-mon .button-reward-area{width: 248px; height: 30px; position: absolute; bottom:35px; left:35px; border:2px #666 solid; -webkit-border-radius: 3px; -moz-border-radius: 15px; border-radius: 15px; margin-right:15px; overflow:hidden;}
#reward-arch-mon .symbol-reward-area{width: 248px; height: 15px; position: absolute; bottom:45px; left:35px;}

/* POTION PLUS */
#bg-auto-hp{width:378px; height:225px; background:url(../../images/auto-hp/bg-auto-hp.png) 0px 0px no-repeat; position:absolute; left:100px; top:50px; z-index: 10004;}
#bg-auto-hp #allHP{width:150px; height:20px; font-size:12pt; text-align:left; line-height:20px; color:#FF0; position:absolute; left:196px; top:57px; text-shadow:#000 1px 1px; font-weight: bold;}
#bg-auto-hp .input1{width:80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:3px; height:18px; position:absolute; left:224px; top: 88px;}
#bg-auto-hp .input2{width:80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:3px; height:18px; position:absolute; left:224px; top: 113px;}
#bg-auto-hp .input3{width:80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:3px; height:18px; position:absolute; left:224px; top: 138px;}
#bg-auto-hp .chk1{width:93px; height:25px; position:absolute; left:23px; top:186px; text-align:left; cursor:pointer;}
#bg-auto-hp .chk2{width:93px; height:25px; position:absolute; left:131px; top:186px; text-align:left; cursor:pointer;}
#bg-auto-hp .button-save-autohp{width:65px; height:25px; position:absolute; right:25px; bottom:15px; color:#FFF; background-color:#09F; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#bg-auto-hp .button-save-autohp:hover{background-color:#00CCFF; font-weight: bold; cursor:pointer;}
#bg-auto-hp #auto-hp-result{width:39px; height:22px; position:absolute; bottom:16px; right:103px; background:url(../../images/auto-hp/ok.png) no-repeat; display:none;}

/* STATUS */
#bg-status{width:479px; height:214px; background:url(../../images/status/bg-status2022.png) 0px 0px no-repeat; position:absolute; left:80px; top:80px; z-index: 100004;}
#bg-status #st-name{width:150px; height:20px; line-height:20px; position:absolute; left: 46px; top: 14px; text-shadow:#FFF 1px 1px; color:#09F; font-size:12pt; text-align:left;}
#bg-status #st-tribename{width:150px; height:15px; line-height:13px; position:absolute; left: 230px; top: 18px; text-shadow:#FFF 1px 1px; color:#999; font-size:9pt; text-align:left;}
#bg-status #st-level{width:52px; height:30px; line-height:30px; position:absolute; left: 365px; top: 8px; text-shadow:#FFF 1px 1px; color:#F03; font-size:16pt; font-weight:bold;}
#bg-status #st-EXP-gate{width:160px; height:20px; line-height:13px; position:absolute; left: 24px; top: 50px; text-shadow:#FFF 1px 1px; color:#999;}
#bg-status #st-EXP-amount{width:200px; height:20px; line-height:18px; position:absolute; right: 30px; top: 55px; text-shadow:#000 1px 1px; color:#FFF; text-align:right; font-size:8pt;}
#bg-status #st-EXPextra-gate{width:160px; height:20px; line-height:13px; position:absolute; left: 24px; top: 65px; text-shadow:#FFF 1px 1px; color:#999;}
#bg-status #st-EXPextra-amount{width:200px; height:20px; line-height:18px; position:absolute; right: 30px; top: 70px; text-shadow:#000 1px 1px; color:#FFF; text-align:right; font-size:8pt;}

#bg-status .stat-area{width:220px; height:140px; line-height:20px; position:absolute; left: 24px; top: 60px; text-shadow:#FFF 1px 1px; color:#333;}
#bg-status .stat-area .stat-description-area{width:35px; height:140px; position:absolute; left:0px; top:0px;}
#bg-status .stat-area .stat-description-area DIV{width:35px; height:22px;}
#bg-status .stat-area #stat-main-number{width:60px; height:130px; position:absolute; left:35px; top:2px; text-align:right; line-height:21px; font-size:11pt;}
#bg-status .stat-area #stat-second-number{width:60px; height:130px; position:absolute; left:100px; top:2px; text-align:left; line-height:21px; font-size:7pt; color:#090;}
#bg-status .stat-area #stat-volume{width:12px; height:110px; position:absolute; left:127px; top:2px; text-align:right; line-height:16px; font-size:7pt; color:#F06;}
#bg-status .stat-area #stat-up-button{width:105px; height:130px; position:absolute; left:158px; top:3px; text-align:right; line-height:21px; font-size:7pt; color:#F06;}
#bg-status .stat-area #stat-up-button .buttonUParea{background-color:#9de7ff; width:45px; height:18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin:3px;}
#bg-status .stat-area #stat-up-button .buttonUParea .vLeft{float:left; margin:1px;}
#bg-status .stat-area #stat-up-button .buttonUParea .vRight{float:right; color:#333; padding-right:5px; text-align:right; height:18px; line-height:18px; font-size:10pt;}

#bg-status #stat-last{width:130px; height:140px; line-height:17px; position:absolute; left: 320px; top: 56px; color:#000; text-align:right;}
#bg-status #stat-point{width:70px; height:20px; position:absolute; left: 380px; top: 175px; color:#ffff00; text-align:right; text-shadow:#333 1px 1px; font-weight:bold; font-size:12pt;}

#bg-status .button-upstat1{width:22px; height:16px; background:url(../../images/status/button-upstat.gif) 0px 0px no-repeat; position:relative; float:left; margin:2px;}
#bg-status .button-upstat1:hover{background:url(../../images/status/button-upstat.gif) 0px -16px no-repeat; cursor:pointer;}
#bg-status .button-upstat100{width:28px; height:16px; background:url(../../images/status/button-upstat.gif) -22px 0px no-repeat; position:relative; float:left; margin:2px;}
#bg-status .button-upstat100:hover{background:url(../../images/status/button-upstat.gif) -22px -16px no-repeat; cursor:pointer;}
#bg-status .button-upstat5000{width:32px; height:16px; background:url(../../images/status/button-upstat.gif) -50px 0px no-repeat; position:relative; float:left; margin:2px;}
#bg-status .button-upstat5000:hover{background:url(../../images/status/button-upstat.gif) -50px -16px no-repeat; cursor:pointer;}


/* WEAR ON MAP */
#bg-wear{width:332px; height:366px; background:url(../../images/status/bg-wear2022.png) 0px 0px no-repeat; position:absolute; left:120px; top:50px; z-index: 100004;}
#bg-wear #char-name{width:150px; height:25px; line-height:25px; position:absolute; left: 46px; top: 8px; text-shadow:#FFF 1px 1px; color:#09F; font-size:12pt; text-align:left;}
#bg-wear #char-tribename{width:150px; height:15px; line-height:13px; position:absolute; left: 46px; top: 28px; text-shadow:#FFF 1px 1px; color:#999; font-size:9pt; text-align:left;}
#bg-wear #char-level{width:52px; height:30px; line-height:30px; position:absolute; left: 210px; top: 16px; text-shadow:#FFF 1px 1px; color:#F03; font-size:16pt; font-weight:bold;}
#bg-wear .char-area{width:280px; height:250px; position:absolute; left: 25px; top: 60px;}


/* icon usage */
.bg-icon-usage{width:36px; height:180px; position:absolute; right:10px; top:30px; z-index:1001;}
.bg-icon-usage .item-area{width:32px; height:32px; margin:2px; position: relative;
    background-color: rgba(151, 185, 252, 0.3);
    background: rgba(151, 185, 252, 0.3);
    color: rgba(151, 185, 252, 0.3);
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.bg-icon-usage .item-area:hover{background-color: rgba(151, 185, 252, 0.7); background: rgba(151, 185, 252, 0.7); color: rgba(151, 185, 252, 0.7);
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright:8px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:8px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:8px;
    border-top-left-radius:0px;
    border-top-right-radius:8px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:8px;	
}

.bg-icon-usage .item-area .img{width:32px; height:32px; position:absolute; left:0px; top:0px; filter:alpha(opacity=90); opacity: 0.9;}
.bg-icon-usage .item-area .itemdetail{width:120px; height:32px; position:absolute; left:-128px; top:0px; background-color: rgba(151, 185, 252, 0.7);
    background: rgba(151, 185, 252, 0.7); color: rgba(151, 185, 252, 0.7); color:#FFF; text-shadow:#000 1px 1px; text-align: left; padding-left:8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:8px;
    border-top-right-radius:0px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:0px;	
	display:none;
	}
.bg-icon-usage .item-area .itemdetail SPAN{font-size:8pt; color:#ffff00;}
.bg-talking{width:450px; height:30px; position:absolute; left: 65px; top: 50px; z-index: 3000; text-align:center; line-height:30px; font-size:12pt; font-weight:bold; text-shadow:#000 1px 1px; background-color:#ffff99; 
	background-color: rgba(151, 185, 252, 0.3);
    background: rgba(151, 185, 252, 0.5);
    color: rgba(151, 185, 252, 0.5);
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	color:#ffff00; 
}

.istime-area{width:32px; height:32px; position:absolute; left:3px; top:3px; z-index:10004;}
.istime-area .sun{width:32px; height:32px; background:url(../../images/map/sun.gif) no-repeat; position:absolute; left:0px; top:0px; z-index:1; cursor:pointer;}
.istime-area .moon{width:32px; height:32px; background:url(../../images/map/moon.gif) no-repeat; position:absolute; left:0px; top:0px; z-index:1; cursor:pointer;}
.istime-area .plate{width:90px; height:28px; border:none; background-color:#EEE; text-shadow:1px 1px #000; position:absolute; left:16px; top:3px; z-index:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(151, 185, 252, 0.7); background: rgba(151, 185, 252, 0.7); color: rgba(151, 185, 252, 0.7);}
.istime-area .plate .time-value{width:100px; height:25px; font-size:16pt; color:#FFF; text-align:center; line-height:27px; font-weight:bold; display:;}

#award-daily-button{width:96px; height:28px; background:url(../../images/map/button-award-daily.gif) no-repeat; position:absolute; left:120px; top:5px; z-index:10004; cursor:pointer;}
#award-dailycoin-button{width:22px; height:22px; background:url(../../images/map/button-award-dailycoin.gif) no-repeat; position:absolute; right:20px; bottom:10px; z-index:10004; cursor:pointer;}
#award-dailydice-button{width:32px; height:32px; background:url(../../images/map/button-award-dailydice.gif) no-repeat; position:absolute; right:20px; bottom:10px; z-index:10004; cursor:pointer;}

#dataArea5{left: 165px; top: 308px; position: absolute; width: 160px; height: 111px;}
#dataArea6{left: 390px; top: 308px; position: absolute; width: 160px; height: 60px;}

.button-refill-z1{ width: 240px; height: 150px; background:url(../../images/cash/button-goldrefill-card-2556.png) 0px 0px no-repeat; float:left;}
.button-refill-z1:hover{width: 240px; height: 150px; background:url(../../images/cash/button-goldrefill-card-2556.png) 0px -150px no-repeat; cursor: pointer; float:left;}
.button-refill-z2{ width: 240px; height: 150px; background:url(../../images/cash/button-goldrefill-card-2556.png) -240px 0px no-repeat; float:left;}
.button-refill-z2:hover{width: 240px; height: 150px; background:url(../../images/cash/button-goldrefill-card-2556.png) -240px -150px no-repeat; cursor: pointer; float:left;}
.button-refill-z3{ width: 240px; height: 150px; background:url(../../images/cash/button-goldrefill-card-2556.png) -480px 0px no-repeat; float:left;}
.button-refill-z3:hover{width: 240px; height: 150px; background:url(../../images/cash/button-goldrefill-card-2556.png) -480px -150px no-repeat; cursor: pointer; float:left;}
.button-refill-z4{ width: 240px; height: 150px; background:url(../../images/cash/button-goldrefill-card-2556.png) -720px 0px no-repeat; float:left;}
.button-refill-z4:hover{width: 240px; height: 150px; background:url(../../images/cash/button-goldrefill-card-2556.png) -720px -150px no-repeat; cursor: pointer; float:left;}


/* FLAG for WARP */
.isflag{background:url(../../images/map/flag/all-flag.gif) no-repeat; width:32px; height:32px; z-index:10000;}
.flag1{background-position:0px 0px;}
.flag2{background-position:-32px 0px;}
.flag3{background-position:-64px 0px;}
.flag4{background-position:-96px 0px;}
.flag5{background-position:-128px 0px;}
.flag6{background-position:-160px 0px;}
.flag7{background-position:-192px 0px;}
.flag8{background-position:-224px 0px;}
.flag9{background-position:-256px 0px;}
.flag10{background-position:-288px 0px;}

.flag11{background-position:0px -32px;}
.flag12{background-position:-32px -32px;}
.flag13{background-position:-64px -32px;}
.flag14{background-position:-96px -32px;}
.flag15{background-position:-128px -32px;}
.flag16{background-position:-160px -32px;}
.flag17{background-position:-192px -32px;}
.flag18{background-position:-224px -32px;}
.flag19{background-position:-256px -32px;}
.flag20{background-position:-288px -32px;}

.flag21{background-position:0px -64px;}
.flag22{background-position:-32px -64px;}
.flag23{background-position:-64px -64px;}
.flag24{background-position:-96px -64px;}
.flag25{background-position:-128px -64px;}
.flag26{background-position:-160px -64px;}
.flag27{background-position:-192px -64px;}
.flag28{background-position:-224px -64px;}
.flag29{background-position:-256px -64px;}
.flag30{background-position:-288px -64px;}

.flag31{background-position:0px -96px;}
.flag32{background-position:-32px -96px;}
.flag33{background-position:-64px -96px;}
.flag34{background-position:-96px -96px;}
.flag35{background-position:-128px -96px;}
.flag36{background-position:-160px -96px;}
.flag37{background-position:-192px -96px;}
.flag38{background-position:-224px -96px;}
.flag39{background-position:-256px -96px;}
.flag40{background-position:-288px -96px;}

.flag41{background-position:0px -128px;}
.flag42{background-position:-32px -128px;}
.flag43{background-position:-64px -128px;}
.flag44{background-position:-96px -128px;}
.flag45{background-position:-128px -128px;}
.flag46{background-position:-160px -128px;}
.flag47{background-position:-192px -128px;}
.flag48{background-position:-224px -128px;}
.flag49{background-position:-256px -128px;}
.flag50{background-position:-288px -128px;}

.flag51{background-position:0px -160px;}
.flag52{background-position:-32px -160px;}
.flag53{background-position:-64px -160px;}
.flag54{background-position:-96px -160px;}
.flag55{background-position:-128px -160px;}
.flag56{background-position:-160px -160px;}
.flag57{background-position:-192px -160px;}
.flag58{background-position:-224px -160px;}
.flag59{background-position:-256px -160px;}
.flag60{background-position:-288px -160px;}

.flag61{background-position:0px -192px;}
.flag62{background-position:-32px -192px;}
.flag63{background-position:-64px -192px;}
.flag64{background-position:-96px -192px;}
.flag65{background-position:-128px -192px;}
.flag66{background-position:-160px -192px;}
.flag67{background-position:-192px -192px;}
.flag68{background-position:-224px -192px;}
.flag69{background-position:-256px -192px;}
.flag70{background-position:-288px -192px;}

.flag71{background-position:0px -224px;}
.flag72{background-position:-32px -224px;}
.flag73{background-position:-64px -224px;}
.flag74{background-position:-96px -224px;}
.flag75{background-position:-128px -224px;}
.flag76{background-position:-160px -224px;}
.flag77{background-position:-192px -224px;}
.flag78{background-position:-224px -224px;}
.flag79{background-position:-256px -224px;}
.flag80{background-position:-288px -224px;}

.flag81{background-position:0px -256px;}
.flag82{background-position:-32px -256px;}
.flag83{background-position:-64px -256px;}
.flag84{background-position:-96px -256px;}
.flag85{background-position:-128px -256px;}
.flag86{background-position:-160px -256px;}
.flag87{background-position:-192px -256px;}
.flag88{background-position:-224px -256px;}
.flag89{background-position:-256px -256px;}
.flag90{background-position:-288px -256px;}

.flag95{background-position:0px -288px;}
.flag99{background-position:-32px -288px;}
.flag30D{background-position:-64px -288px;}
.flagHome{background-position:-96px -288px;}
.flagFish{background-position:-128px -288px;}

/* My HOME */
.bgMyHome{width:553px; height:419px; background:url(../../images/myhome/bg.png) 0px 0px no-repeat; position:absolute; left: 14px; top: 20px; z-index: 11002}
.bgMyHome .leftArea{width:152px; height:320px; position:absolute; left:34px; top:75px;}
.bgMyHome .rightArea{width:330px; height:360px; position:absolute; left:203px; top:30px;}
.bgMyHome .label1{width:144px; height:50px; position:absolute; left: 0px; top:-8px; background:url(../../images/cardalbum/bg-album.png) -553px -236px no-repeat;}

.bgMyHome .rankArea{width:145px; height:268px; padding-left:3px; text-align:left;}
.bgMyHome .row{width:140px; height:16px; line-height:16px; padding:2px 2px 2px 0; font-size:8pt;}
.bgMyHome .row:hover{background-color:#ffffcc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer; }
.bgMyHome .colName{width:85px; height:16px; float:left; overflow:hidden; }
.bgMyHome .colPoint{width:33px; height:16px; float:right; font-size:10pt; font-weight:bold; text-align:right; line-height:19px; color:#660033;}
.bgMyHome .myRankArea{width:100%; height:25px; margin-top:12px; margin-left:5px; text-align:left;}
.bgMyHome #nameOfHome{width:100%; height:25px; text-align:left; line-height:25px; text-shadow:#000 1px 1px; font-weight:bold; font-size:10pt; color:#FF0;}

.bgMyHome .number{width:15px; height:15px; margin: 1px 3px 0 0; float:left; text-align:center;}
.bgMyHome .number1{width:15px; height:15px; background:url(../../images/myhome/cup-icon.gif) 0px 0px no-repeat; margin: 1px 3px 0 0; display:block; float:left;}
.bgMyHome .number2{width:15px; height:15px; background:url(../../images/myhome/cup-icon.gif) -15px 0px no-repeat; margin: 1px 3px 0 0; display:block; float:left;}
.bgMyHome .number3{width:15px; height:15px; background:url(../../images/myhome/cup-icon.gif) -30px 0px no-repeat; margin: 1px 3px 0 0; display:block; float:left;}

.bgMyHome .homeItemArea{margin:2px 2px 3px 2px; float:left;}
.bgMyHome .item{width:32px; height:32px; margin:3px 5px 2px 5px;}
.bgMyHome .homeAmount{color:#FFF; text-align:center; text-shadow:1px 1px #333; height:17px; line-height:17px;}
.bgMyHome .labelON{width:65px; height:19px; background:url(../../images/cardalbum/bg-album.png) -553px -286px no-repeat; margin-left: -3px; line-height: 17px; text-align: right; }
.bgMyHome .labelON DIV{padding-right:7px; color:#663300;}
.bgMyHome .labelOFF{width:65px; height:19px; background:url(../../images/cardalbum/bg-album.png) -618px -286px no-repeat; margin-left: -3px; line-height: 17px; text-align: right; }
.bgMyHome .labelOFF DIV{padding-right:7px; color:#444;}

/* My CARD */
.bgMyCard{width:582px; height:445px; background:url(../../images/albumcard/bg-card.png) 0px 0px no-repeat; position:absolute; left: 0px; top: 0px; z-index: 11002}
.bgMyCard .leftArea{width:152px; height:320px; position:absolute; left:34px; top:75px;}
.bgMyCard .rightArea{width:350px; height:385px; position:absolute; left:203px; top:30px;}
.bgMyCard .label1{width:144px; height:50px; position:absolute; left: 0px; top:-8px; background:url(../../images/cardalbum/bg-album.png) -553px -236px no-repeat;}

.bgMyCard .rankArea{width:145px; height:295px; padding-left:3px; text-align:left;}
.bgMyCard .row{width:140px; height:15px; line-height:15px; padding:2px 2px 2px 0; font-size:8pt;}
.bgMyCard .row:hover{background-color:#ffffcc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer; }
.bgMyCard .colName{width:85px; height:16px; float:left; overflow:hidden; }
.bgMyCard .colPoint{width:33px; height:16px; float:right; font-size:10pt; font-weight:bold; text-align:right; line-height:19px; color:#660033;}
.bgMyCard .myRankArea{width:100%; height:25px; margin-top:12px; margin-left:5px; text-align:left;}
.bgMyCard #nameOfCard{width:100%; height:25px; text-align:left; line-height:25px; text-shadow:#000 1px 1px; font-weight:bold; font-size:10pt; color:#FF0;}

.bgMyCard .number{width:15px; height:15px; margin: 1px 3px 0 0; float:left; text-align:center;}
.bgMyCard .number1{width:15px; height:15px; background:url(../../images/myhome/cup-icon.gif) 0px 0px no-repeat; margin: 1px 3px 0 0; display:block; float:left;}
.bgMyCard .number2{width:15px; height:15px; background:url(../../images/myhome/cup-icon.gif) -15px 0px no-repeat; margin: 1px 3px 0 0; display:block; float:left;}
.bgMyCard .number3{width:15px; height:15px; background:url(../../images/myhome/cup-icon.gif) -30px 0px no-repeat; margin: 1px 3px 0 0; display:block; float:left;}

.bgMyCard .homeItemArea{margin:2px 2px 3px 2px; float:left;}
.bgMyCard .item{width:82px; height:108px; margin:0;}
.bgMyCard .homeAmount{color:#FFF; text-align:center; text-shadow:1px 1px #333; height:17px; line-height:17px;}
.bgMyCard .labelON{width:65px; height:19px; background:url(../../images/cardalbum/bg-album.png) -553px -286px no-repeat; margin-left: -3px; line-height: 17px; text-align: right; }
.bgMyCard .labelON DIV{padding-right:7px; color:#663300;}
.bgMyCard .labelOFF{width:65px; height:19px; background:url(../../images/cardalbum/bg-album.png) -618px -286px no-repeat; margin-left: -3px; line-height: 17px; text-align: right; }
.bgMyCard .labelOFF DIV{padding-right:7px; color:#444;}


#canvasResult{width:582px; height:445px; position:absolute; top: 0px; left:0px; z-index:12003; overflow:hidden; 	
	background-color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.5);
	color:#000; 
}
#snapArea{width:300px; height:200px; position:absolute; top: 120px; left:140px; border:8px #EEE solid; z-index:12003; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow:hidden;}
#snapArea .button-download-area {width:150px; height: 50px; position:absolute; left:75px; bottom:15px; z-index: 2; color:#FFF; text-shadow:1px 1px #333; text-align:center; line-height:50px; font-size:16pt; font-weight:bold; display:block;}
#snapArea .button-download A{width:150px; height: 50px; background-color:#ccff99; position:absolute; left:75px; bottom:15px; z-index: 2; color:#006600; border:2px #006600 solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align:center; line-height:50px; font-size:14pt; font-weight:bold; display:block;}
#snapArea .button-download A:hover{background-color:#a8ff51; cursor:pointer; color:#006600; border:2px #006600 solid; }

/* Quest Timer */
.questtimer-area{width:32px; height:32px; position:absolute; right:8px; top:3px; z-index:10004;}
.questtimer-area .Qmon{width:32px; height:32px; background:url(../../images/questnew/hourglass-icon.gif) no-repeat; position:absolute; left:0px; top:0px; z-index:1;}
.questtimer-area .Qplate{width:90px; height:28px; border:none; background-color:#EEE; text-shadow:1px 1px #000; position:absolute; right:16px; top:3px; z-index:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(151, 185, 252, 0.7); background: rgba(151, 185, 252, 0.7); color: rgba(151, 185, 252, 0.7);}
.questtimer-area .Qplate .Qtime-value{width:80px; height:25px; font-size:16pt; color:#ffff00; text-align:center; line-height:27px; font-weight:bold; display:;}

/* Treasure-box */
.bg-treasure-box{width:253px; height:219px; background:url(../../images/map/bg-treasure-box.png) 0px 0px no-repeat; position:absolute; top:20px; left:163px; z-index: 21000;}
.bg-treasure-box .buttonOpenBox{background:url(../../images/map/bg-treasure-box.png) 0px -219px no-repeat; position:absolute; bottom:-15px; width:53px; height:23px;}
.bg-treasure-box .buttonOpenBox:hover{background:url(../../images/map/bg-treasure-box.png) -53px -219px no-repeat; cursor:pointer;}
.bg-treasure-box .buttonOpenBox_disable{background:url(../../images/map/bg-treasure-box.png) -106px -219px no-repeat; position:absolute; bottom:0px; width:53px; height:23px;}
.bg-treasure-box #slotItemKey1{position:absolute; top:162px; left: 23px;  width:32px; height:32px;}
.bg-treasure-box #slotItemKey2{position:absolute; top:162px; left: 81px;  width:32px; height:32px;}
.bg-treasure-box #slotItemKey3{position:absolute; top:163px; left: 139px;  width:32px; height:32px;}
.bg-treasure-box #slotItemKey4{position:absolute; top:163px; left: 199px;  width:32px; height:32px;}
.bg-treasure-box .itemKeyAmount{position:absolute; bottom:-5px; right:-5px; width:15px; height:15px; color:#F00;}
.bg-treasure-box .buttonXclose{background:url(../../images/map/bg-treasure-box.png) -159px -219px no-repeat; position:absolute; top:15px; right:-15px; width:34px; height:36px;}
.bg-treasure-box .buttonXclose:hover{background:url(../../images/map/bg-treasure-box.png) -193px -219px no-repeat; cursor:pointer;}

.bgRefill-2019{width:572px; height:278px; background:url("../../images/cash/bgRefill-2019.png") no-repeat; position:absolute; top:80px; left:0px;}
.button-refill-area1{ position:absolute; width: 150px; height: 300px; left: 30px; top: 120px;}
.button-refill-area2{ position:absolute; width: 150px; height: 300px; left: 211px; top: 120px;}
.button-refill-area3{ position:absolute; width: 150px; height: 300px; right: 32px; top: 120px;}

.button-refill-10-2015-1{ width: 150px; height: 94px; background:url(../../images/cash/button-refill-10-2015.png) 0px 0px no-repeat; margin-bottom:20px; position:relative;}
.button-refill-10-2015-1:hover{background:url(../../images/cash/button-refill-10-2015.png) 0px -94px no-repeat; cursor: pointer;}

.button-refill-10-2015-2{ width: 150px; height: 94px; background:url(../../images/cash/button-refill-10-2015.png) -150px 0px no-repeat; margin-bottom:20px; position:relative;}
.button-refill-10-2015-2:hover{background:url(../../images/cash/button-refill-10-2015.png) -150px -94px no-repeat; cursor: pointer;}

.button-refill-10-2015-3{ width: 150px; height: 94px; background:url(../../images/cash/button-refill-10-2015.png) -300px 0px no-repeat; margin-bottom:20px; position:relative;}
.button-refill-10-2015-3:hover{background:url(../../images/cash/button-refill-10-2015.png) -300px -94px no-repeat; cursor: pointer;}

.button-refill-10-2015-4{ width: 150px; height: 94px; background:url(../../images/cash/button-refill-10-2015.png) -450px 0px no-repeat; margin-bottom:20px; position:relative;}
.button-refill-10-2015-4:hover{background:url(../../images/cash/button-refill-10-2015.png) -450px -94px no-repeat; cursor: pointer;}

.button-refill-10-2015-5{ width: 150px; height: 94px; background:url(../../images/cash/button-refill-10-2015.png) -600px 0px no-repeat; margin-bottom:20px; position:relative;}
.button-refill-10-2015-5:hover{background:url(../../images/cash/button-refill-10-2015.png) -600px -94px no-repeat; cursor: pointer;}

.button-refill-10-2015-6{ width: 150px; height: 94px; background:url(../../images/cash/button-refill-10-2015.png) -750px 0px no-repeat; margin-bottom:20px; position:relative;}
.button-refill-10-2015-6:hover{background:url(../../images/cash/button-refill-10-2015.png) -750px -94px no-repeat; cursor: pointer;}

#refill11{width: 571px; height: 428px; background:url(../../images/cash/2015/itemset-true.png) no-repeat; position:relative; z-index:20001; left:0px; top:5px; z-index:20005;}
#refill12{width: 571px; height: 428px; background:url(../../images/cash/2015/itemset-bank.png) no-repeat; position:relative; z-index:20001; left:0px; top:5px; z-index:20005;}

.button-refill-gold11 { background: url("../../images/cash/button.png") 0px 0px no-repeat; width:212px; height:34px; }
.button-refill-gold11:hover { background: url("../../images/cash/button.png") 0px -34px no-repeat; cursor:pointer;}
.button-refill-gold12 { background: url("../../images/cash/button.png") 0px 0px no-repeat; width:212px; height:34px; }
.button-refill-gold12:hover { background: url("../../images/cash/button.png") 0px -34px no-repeat; cursor:pointer;}

/*specialreward*/
.button-reward2015-reward { background: url(../../images/map/button-special-reward.png) 0px 0px no-repeat; width:27px; height:30px; float:left; margin:2px 2px 1px 2px;}
.button-reward2015-reward:hover { background: url(../../images/map/button-special-reward.png) -27px 0px no-repeat; cursor:pointer;}
.button-reward2015-reward-open { width:27px; height:30px; float:left; margin:2px 2px 1px 2px;}

/*new button last fighting */
.button-go2home{ width: 170px; height: 48px; background:url(../../images/battle/button-battle.png) 0px 0px no-repeat; position:absolute; bottom:80px; left:205px; z-index:2000;}
.button-go2home:hover{ background:url(../../images/battle/button-battle.png) 0px -48px no-repeat; cursor: pointer;}
.button-gotoheal{ width: 170px; height: 48px; background:url(../../images/battle/button-battle.png) -170px 0px no-repeat; position:absolute; left: 205px; bottom: 80px; z-index:2000;}
.button-gotoheal:hover{ background:url(../../images/battle/button-battle.png) -170px -48px no-repeat; cursor: pointer;}
.button-nextmonster{ width: 105px; height: 48px; background:url(../../images/battle/button-battle.png) -340px 0px no-repeat; position:absolute; bottom: 20px; left: 290px; z-index:2000;}
.button-nextmonster:hover{ background:url(../../images/battle/button-battle.png) -340px -48px no-repeat; cursor: pointer;}
.button-escape{ width: 105px; height: 48px; background:url(../../images/battle/button-battle.png) -445px 0px no-repeat; position:absolute; left: 180px; top: 150px; z-index:2000;}
.button-escape:hover{ background:url(../../images/battle/button-battle.png) -445px -48px no-repeat; cursor: pointer;}
.button-again{ width: 170px; height: 48px; background:url(../../images/battle/button-battle.png) -550px 0px no-repeat; position:absolute; left: 205px; top: 150px; z-index:2000;}
.button-again:hover{ background:url(../../images/battle/button-battle.png) -550px -48px no-repeat; cursor: pointer;}

/* box for quest detail */
.quest-req-item{width:220px; min-height:60px; position:relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin:0 auto; margin-top:15px; background-color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); border:2px #1b93cd solid; padding:5px;}
.quest-req-item .req-item-block{height:32px; line-height:32px; position:relative;}
.quest-req-item .req-item{width:32px; height:32px; float:left;}
.quest-req-item .req-item-name{width:115px; height:32px; float:left; color:#0773de; font-style:italic; font-weight:bold; overflow:hidden; margin-left:5px;}
.quest-req-item .req-item-amount{width:65px; height:32px; float:right; color:#333333; text-align:right; font-size:10pt;}
.quest-req-item .req-item-amount strong{color:#F00; font-size:12pt;}

.quest-reward-allitems{width:220px; min-height:60px; position:relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin:0 auto; margin-top:15px; rgba(255, 255, 80, 0.6); background: rgba(255, 255, 80, 0.6); color: rgba(255, 255, 80, 0.6); border:2px #f0c61c solid; padding:5px;}
.quest-reward-allitems .req-item-block{height:32px; line-height:32px; position:relative;}
.quest-reward-allitems .req-item{width:32px; height:32px; float:left;}
.quest-reward-allitems .req-item-name{width:120px; height:32px; float:left; color:#330099; font-style:italic; font-size:10pt; font-weight:bold; overflow:hidden; margin-left:5px;}
.quest-reward-allitems .req-item-amount{width:60px; height:32px; float:right; color:#333333; text-align:right; font-size:10pt;}
.quest-reward-allitems .req-item-amount strong{color:#F00; font-size:12pt;}

.quest-reward-item{width:220px; height:90px; position:relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin:0 auto; margin-top:15px; background-color: rgba(255, 255, 80, 0.6); background: rgba(255, 255, 80, 0.6); color: rgba(255, 255, 80, 0.6); border:2px #f0c61c solid;}
.quest-reward-item .reward-item{width:64px; height:64px; position:absolute; top:0px; left:78px; 
			image-rendering: -moz-crisp-edges;         /* Firefox */
			image-rendering:   -o-crisp-edges;         /* Opera */
			image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
			image-rendering: crisp-edges;
			-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */	
}
.quest-reward-item .reward-item-name{width:210px; height:23px; line-height:23px; text-align:center; color:#330099; font-style:italic; font-weight:bold; overflow:hidden; position:absolute; bottom:4px; left:5px; text-shadow:#FFF 1px 1px;}
.fix-pixels{image-rendering: -moz-crisp-edges;         /* Firefox */
			image-rendering:   -o-crisp-edges;         /* Opera */
			image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
			image-rendering: crisp-edges;
			-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */	}

.bossmap{width:130px; height:31px; background:url(../../images/map/show-bossmap.png) 0px 0px no-repeat; position:absolute; left:226px; top:5px; z-index:10004;}

/* PM on MAP */
.bg-pm{ width: 572px; height: 414px; background:url(../../images/pm/bg-pm.png) 0px 0px no-repeat; position:absolute; top:15px; left:5px; z-index:20003;}
#PM-area-onmap{width:535px; height:350px; position:absolute; left:20px; top:40px; text-align:left; overflow-y:auto; overflow-x:hide;}
.PMitem{ padding: 8px; margin-bottom:5px; position:relative; width:500px;
	background-color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 1);
}
.PMreply{width:50px; height:25px; position:absolute; right:10px; top:10px; font-size:10pt; color:#ff0066; text-align:center; line-height:25px; background-color:#ffccff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.PMreply:hover{background-color:#ff66ff; cursor:pointer; color:#FFF;}
.PMsubject{width:490px; height:25px; position:reletive; font-size:12pt; color:#0066cc; font-weight:bold; text-align:left; line-height:25px; overflow: hidden;}
.PMmessage{width:495px; min-height:80px; position:reletive; text-align:left;}

/* BUDDYBALL */
.buddy-fail { width:140px; height:60px; background: url("../../images/battle/fail.png") 0px 0px no-repeat; position:absolute; z-index: 10000;}

/* Myitem on map */
.item-list-formap{width:578px; height:421px; background:url("../../images/map/myitem/bg-itemonmap2022.png") no-repeat; position:absolute; left:1px; top:20px; z-index:20001; }
.img-search{float:right; width:12px; height:12px; margin:6px; background:url(../../images/main-pet/search.gif) no-repeat;}
.button-searchitem{width:44px; height:21px; background:url(../../images/mypet/button-pet-command.png) -88px 0px no-repeat; float:right; margin-left:3px;}
.button-searchitem:hover{width:44px; height:21px; background:url(../../images/mypet/button-pet-command.png) -220px 0px no-repeat; cursor:pointer;}

.item-area-formap{float:left; width:32px; height:32px; padding:2px; margin:1px; margin-top:2px; position:relative; cursor:pointer;}
.item-area-formap .txt1{
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
	position:absolute; height:13px; right:-1px; bottom:-3px; background-color:#5a7fc2; padding-left: 4px; padding-right: 3px; line-height:13px; font-size:8pt;
}
.item-area-formap .txt2{ position:absolute; height:15px; right:2px; bottom:1px;}
.item-area-formap .txt1-my{
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
	position:absolute; height:15px; right:1px; bottom:0px; background-color:#FFF; padding-left: 2px; padding-right: 2px;
	text-shadow:1px 1px #FFF; font-size:8pt;
	color:#333;
}

.item-area-formap .txt-amount{
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
	position:absolute; height:13px; right:-1px; bottom:-1px; background-color:#537ac0; padding-left: 2px; padding-right: 2px; text-shadow:1px 1px #333; line-height:13px; font-size:8pt; color:#FFF;
}

.item-area-forExc{float:left; width:32px; height:32px; padding:5px; margin-top:1px; position:relative; cursor:pointer;}
.item-area-forExc .txt1{
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
	position:absolute; height:13px; right:-1px; bottom:-3px; background-color:#5a7fc2; padding-left: 4px; padding-right: 3px; line-height:13px; font-size:8pt;
}
.item-area-forExc .txt2{ position:absolute; height:15px; right:2px; bottom:1px;}
.item-area-forExc .txt1-my{
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
	position:absolute; height:15px; right:1px; bottom:0px; background-color:#FFF; padding-left: 2px; padding-right: 2px;
	text-shadow:1px 1px #FFF; font-size:8pt;
	color:#333;
}
.item-area-forExc .txt-amount{
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
	position:absolute; height:13px; right:-1px; bottom:-1px; background-color:#537ac0; padding-left: 2px; padding-right: 2px; text-shadow:1px 1px #333; line-height:13px; font-size:8pt; color:#FFF;
}

/* Button CRAFT 2016 */
.buttonColor1{width:578px; height:381px;}

/* EXP Rank */
.bg-exp-rank{ width: 572px; height: 440px; background:url(../../images/map/popup-menu/bg-exp-rank.png) no-repeat; position:absolute; top:0px; left:5px; z-index:20003;}

.bg-exp-rank .rankarea{width:170px; height:335px; position:absolute; font-size: 8pt; left:21px; top:95px; text-align:left;}
.bg-exp-rank .rankarea .borderRank{width:170px; height:30px; margin-top:2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);}
.bg-exp-rank .rankarea .icon{width:36px; height:30px; float:left;}
.bg-exp-rank .rankarea .icon img{margin: 6px;}
.bg-exp-rank .rankarea .name{width:100px; height:30px; float:left; overflow:hidden; font-size:10pt;}
.bg-exp-rank .rankarea .name .isName{width:100px; height:15px; overflow:hidden; color: #ff00cc; text-shadow: 1px 1px #000; font-weight: bold;}
.bg-exp-rank .rankarea .name .isValue{width:100%; height:15px; text-align:left; padding-right:3px; color:#333; line-height:13px;}
.bg-exp-rank .rankarea .onlinestatus{width:15px; height:15px; float:left;padding-left: 5px; }

/* CASH SHOP */
.bg-cashshop{ width: 571px; height: 455px; background:url(../../images/itemmall/bg-cashshop.png) no-repeat; position:absolute; top:-5px; left:0px; z-index:20003;}
.bg-cashshop .symbol-gold{width: 37px; height: 31px; background:url(../../images/itemmall/bg-cash.png) -870px -76px no-repeat; position:absolute; top:6px; left:190px;}
.bg-cashshop .symbol-diamond{width: 37px; height: 31px; background:url(../../images/itemmall/bg-cash.png) -907px -76px no-repeat; position:absolute; top:6px; left:190px;}
.bg-cashshop .symbol-stamp{width: 37px; height: 31px; background:url(../../images/itemmall/bg-cash-stamp.png) 0px 0px no-repeat; position:absolute; top:6px; left:190px;}
.bg-cashshop .symbol-refill{width: 31px; height: 31px; background:url(../../images/itemmall/bg-cash.png) -944px -76px no-repeat; position:absolute; top:6px; left:355px; cursor:pointer;}

.bg-cashshop .cash-amount-area{width:110px; height:30px; line-height:30px; color:#ff9900; position:absolute; top:5px; left:240px; font-size:16pt; font-weight:bold; text-shadow:1px 1px #333; text-align:left;}
.button-cash-area{width:530px; height:55px; position:absolute; top:45px; left:25px;}
.itemcash-area{width:530px; height:305px; position:absolute; top:100px; left:25px;}
.bg-cashshop .diamond-amount-area{width:110px; height:30px; line-height:30px; color:#06cef9; position:absolute; top:5px; left:240px; font-size:16pt; font-weight:bold; text-shadow:1px 1px #333; text-align:left;}
.bg-cashshop .stamp-amount-area{width:110px; height:30px; line-height:30px; color:#ff33cc; position:absolute; top:5px; left:240px; font-size:16pt; font-weight:bold; text-shadow:1px 1px #333; text-align:left;}

.bg-cash-itemarea{width: 174px; height: 100px; background:url(../../images/itemmall/bg-cash.png) -522px 0px no-repeat; float:left; position:relative;}
.bg-cash-itemarea .button-buy-cash{background:url(../../images/itemmall/bg-cash.png) -927px 0px no-repeat; width: 61px; height: 29px; position:absolute; top:58px; right:13px;}
.bg-cash-itemarea .button-buy-cash:hover{background:url(../../images/itemmall/bg-cash.png) -927px -29px no-repeat; cursor:pointer;}
.bg-cash-itemarea .item-picture{width:32px; height:32px; position:absolute; top:17px; left:18px; z-index:2;}
.bg-cash-itemarea .item-picture .isLevel{width:40px; height:12px; position:absolute; bottom:-8px; left:-3px; color:#0033cc; text-shadow:1px 1px #FFF; background-color: rgba(233, 248, 254, 0.7);     background: rgba(233, 248, 254, 0.7); line-height: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align:center;}
.bg-cash-itemarea .item-name{width:105px; height:20px; position:absolute; top:13px; left:53px; overflow:hidden; line-height:20px; color: #333;}
.bg-cash-itemarea .item-price{width:55px; height:25px; position:absolute; top:29px; left:75px; line-height:25px; font-size:12pt; font-weight:bold; color: #ff0000; text-align: right; text-shadow:1px 1px #FFF;}
.bg-cash-itemarea .item-amount{width:60px; height:25px; position:absolute; top:61px; left:48px; text-align:left;}
.bg-cash-itemarea .item-amount SELECT{width:50px; height:25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #00A;}
.bg-cash-itemarea .symbol-new{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px 0px no-repeat; position:absolute; top:2px; left:2px;}
.bg-cash-itemarea .symbol-hot{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px -38px no-repeat; position:absolute; top:2px; left:2px;}

.button-cash1{background:url(../../images/itemmall/bg-cash.png) 0px 0px no-repeat; width: 87px; height: 55px; float:left;}
.button-cash1:hover{background:url(../../images/itemmall/bg-cash.png) 0px -55px no-repeat; cursor:pointer;}
.button-cash1-active{background:url(../../images/itemmall/bg-cash.png) 0px -55px no-repeat; width: 87px; height: 55px; float:left;}

.button-cash4{background:url(../../images/itemmall/bg-cash.png) -87px 0px no-repeat; width: 87px; height: 55px; float:left;}
.button-cash4:hover{background:url(../../images/itemmall/bg-cash.png) -87px -55px no-repeat; cursor:pointer;}
.button-cash4-active{background:url(../../images/itemmall/bg-cash.png) -87px -55px no-repeat; width: 87px; height: 55px; float:left;}

.button-cash3{background:url(../../images/itemmall/bg-cash.png) -174px 0px no-repeat; width: 87px; height: 55px; float:left;}
.button-cash3:hover{background:url(../../images/itemmall/bg-cash.png) -174px -55px no-repeat; cursor:pointer;}
.button-cash3-active{background:url(../../images/itemmall/bg-cash.png) -174px -55px no-repeat; width: 87px; height: 55px; float:left;}

.button-cash2{background:url(../../images/itemmall/bg-cash.png) -261px 0px no-repeat; width: 87px; height: 55px; float:left;}
.button-cash2:hover{background:url(../../images/itemmall/bg-cash.png) -261px -55px no-repeat; cursor:pointer;}
.button-cash2-active{background:url(../../images/itemmall/bg-cash.png) -261px -55px no-repeat; width: 87px; height: 55px; float:left;}

.button-cash5{background:url(../../images/itemmall/bg-cash.png) -348px 0px no-repeat; width: 87px; height: 55px; float:left;}
.button-cash5:hover{background:url(../../images/itemmall/bg-cash.png) -348px -55px no-repeat; cursor:pointer;}
.button-cash5-active{background:url(../../images/itemmall/bg-cash.png) -348px -55px no-repeat; width: 87px; height: 55px; float:left;}

.button-cash6{background:url(../../images/itemmall/bg-cash.png) -435px 0px no-repeat; width: 87px; height: 55px; float:left;}
.button-cash6:hover{background:url(../../images/itemmall/bg-cash.png) -435px -55px no-repeat; cursor:pointer;}
.button-cash6-active{background:url(../../images/itemmall/bg-cash.png) -435px -55px no-repeat; width: 87px; height: 55px; float:left;}

.premium-area{width:530px; height:360px; position:absolute; top:43px; left:25px;}
.bg-premium-itemarea{width: 172px; height: 90px; background:url(../../images/itemmall/bg-cash.png) -696px 0px no-repeat; float:left; position:relative;}
.bg-premium-itemarea .button-buy-cash{background:url(../../images/itemmall/bg-cash.png) -927px 0px no-repeat; width: 61px; height: 29px; position:absolute; top:50px; right:11px;}
.bg-premium-itemarea .button-buy-cash:hover{background:url(../../images/itemmall/bg-cash.png) -927px -29px no-repeat; cursor:pointer;}
.bg-premium-itemarea .item-picture{width:32px; height:32px; position:absolute; top:13px; left:15px; z-index:2;}
.bg-premium-itemarea .item-picture .isLevel{width:40px; height:12px; position:absolute; bottom:-8px; left:-3px; color:#0033cc; text-shadow:1px 1px #FFF; background-color: rgba(233, 248, 254, 0.7);     background: rgba(233, 248, 254, 0.7); line-height: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align:center;}
.bg-premium-itemarea .item-name{width:105px; height:20px; position:absolute; top:12px; left:53px; overflow:hidden; line-height:20px; color: #333;}
.bg-premium-itemarea .item-price{width:55px; height:25px; position:absolute; top:25px; left:75px; line-height:25px; font-size:12pt; font-weight:bold; color: #ff0000; text-align: right; text-shadow:1px 1px #FFF;}
.bg-premium-itemarea .item-amount{width:60px; height:25px; position:absolute; top:53px; left:48px; text-align:left;}
.bg-premium-itemarea .item-amount SELECT{width:50px; height:25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #00A;}
.bg-premium-itemarea .symbol-new{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px 0px no-repeat; position:absolute; top:2px; left:2px;}
.bg-premium-itemarea .symbol-hot{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px -38px no-repeat; position:absolute; top:2px; left:2px;}

.stamp-area{width:530px; height:360px; position:absolute; top:43px; left:25px;}
.bg-stamp-itemarea{width: 172px; height: 90px; background:url(../../images/itemmall/bg-cash-stampitem.png) 0px 0px no-repeat; float:left; position:relative;}
.bg-stamp-itemarea .button-buy-cash{background:url(../../images/itemmall/bg-cash.png) -927px 0px no-repeat; width: 61px; height: 29px; position:absolute; top:50px; right:11px;}
.bg-stamp-itemarea .button-buy-cash:hover{background:url(../../images/itemmall/bg-cash.png) -927px -29px no-repeat; cursor:pointer;}
.bg-stamp-itemarea .item-picture{width:32px; height:32px; position:absolute; top:13px; left:15px; z-index:2;}
.bg-stamp-itemarea .item-picture .isLevel{width:40px; height:12px; position:absolute; bottom:-8px; left:-3px; color:#0033cc; text-shadow:1px 1px #FFF; background-color: rgba(233, 248, 254, 0.7);     background: rgba(233, 248, 254, 0.7); line-height: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align:center;}
.bg-stamp-itemarea .item-name{width:105px; height:20px; position:absolute; top:12px; left:53px; overflow:hidden; line-height:20px; color: #333;}
.bg-stamp-itemarea .item-price{width:55px; height:25px; position:absolute; top:25px; left:75px; line-height:25px; font-size:12pt; font-weight:bold; color: #ff0000; text-align: right; text-shadow:1px 1px #FFF;}
.bg-stamp-itemarea .item-amount{width:60px; height:25px; position:absolute; top:53px; left:48px; text-align:left;}
.bg-stamp-itemarea .item-amount SELECT{width:50px; height:25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #00A;}
.bg-stamp-itemarea .symbol-new{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px 0px no-repeat; position:absolute; top:2px; left:2px;}
.bg-stamp-itemarea .symbol-hot{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px -38px no-repeat; position:absolute; top:2px; left:2px;}

.normalshop-area{width:530px; height:360px; position:absolute; top:43px; left:25px;}
.bg-pshop-itemarea{width: 172px; height: 90px; background:url(../../images/itemmall/bg-shop2021.png) 0px 0px no-repeat; float:left; position:relative;}
.bg-pshop-itemarea .button-buy-cash{background:url(../../images/itemmall/bg-cash.png) -927px 0px no-repeat; width: 61px; height: 29px; position:absolute; top:50px; right:11px;}
.bg-pshop-itemarea .button-buy-cash:hover{background:url(../../images/itemmall/bg-cash.png) -927px -29px no-repeat; cursor:pointer;}
.bg-pshop-itemarea .item-picture{width:32px; height:32px; position:absolute; top:13px; left:15px; z-index:2;}
.bg-pshop-itemarea .item-picture .isLevel{width:40px; height:12px; position:absolute; bottom:-8px; left:-3px; color:#0033cc; text-shadow:1px 1px #FFF; background-color: rgba(233, 248, 254, 0.7);     background: rgba(233, 248, 254, 0.7); line-height: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align:center;}
.bg-pshop-itemarea .item-name{width:105px; height:20px; position:absolute; top:12px; left:53px; overflow:hidden; line-height:20px; color: #333;}
.bg-pshop-itemarea .item-price{width:85px; height:25px; position:absolute; top:25px; left:50px; line-height:25px; font-size:12pt; font-weight:bold; color: #ff0000; text-align: right; text-shadow:1px 1px #FFF;}
.bg-pshop-itemarea .item-amount{width:60px; height:25px; position:absolute; top:53px; left:48px; text-align:left;}
.bg-pshop-itemarea .item-amount SELECT{width:50px; height:25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #00A;}
.bg-pshop-itemarea .symbol-new{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px 0px no-repeat; position:absolute; top:2px; left:2px;}
.bg-pshop-itemarea .symbol-hot{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px -38px no-repeat; position:absolute; top:2px; left:2px;}

.bg-rshop-itemarea{width: 172px; height: 90px; background:url(../../images/itemmall/bg-shop2021R.png) 0px 0px no-repeat; float:left; position:relative;}
.bg-rshop-itemarea .button-buy-cash{background:url(../../images/itemmall/bg-cash.png) -927px 0px no-repeat; width: 61px; height: 29px; position:absolute; top:50px; right:11px;}
.bg-rshop-itemarea .button-buy-cash:hover{background:url(../../images/itemmall/bg-cash.png) -927px -29px no-repeat; cursor:pointer;}
.bg-rshop-itemarea .item-picture{width:32px; height:32px; position:absolute; top:13px; left:15px; z-index:2;}
.bg-rshop-itemarea .item-picture .isLevel{width:40px; height:12px; position:absolute; bottom:-8px; left:-3px; color:#0033cc; text-shadow:1px 1px #FFF; background-color: rgba(233, 248, 254, 0.7);     background: rgba(233, 248, 254, 0.7); line-height: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align:center;}
.bg-rshop-itemarea .item-name{width:105px; height:20px; position:absolute; top:12px; left:53px; overflow:hidden; line-height:20px; color: #333;}
.bg-rshop-itemarea .item-price{width:85px; height:25px; position:absolute; top:25px; left:50px; line-height:25px; font-size:12pt; font-weight:bold; color: #009900; text-align: right; text-shadow:1px 1px #FFF;}
.bg-rshop-itemarea .item-amount{width:60px; height:25px; position:absolute; top:53px; left:48px; text-align:left;}
.bg-rshop-itemarea .item-amount SELECT{width:50px; height:25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #00A;}
.bg-rshop-itemarea .symbol-new{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px 0px no-repeat; position:absolute; top:2px; left:2px;}
.bg-rshop-itemarea .symbol-hot{width: 57px; height: 38px; background:url(../../images/itemmall/bg-cash.png) -870px -38px no-repeat; position:absolute; top:2px; left:2px;}

/* MARKET */
.bg-market{ width: 571px; height: 455px; background:url(../../images/market/bg-market.png) no-repeat; position:absolute; top:-5px; left:0px; z-index:20003;}
.market-itemarea{width:525px; height:390px; position:absolute; top:55px; left:23px;}
.market-itemlist{width:525px; height:40px; position:relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: rgba(255, 255, 255, 0.3);background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3); margin-top:2px;}
.market-itemlist-img{float:left; width:30px; margin:4px;}
.market-itemlist-find{float:left; margin:4px; background:url(../../images/menu/bg-mymoney.png) -152px 0px no-repeat; width:17px; height:19px; margin-top:10px; cursor:pointer;}
.market-itemlist-name{float:left; width:170px; height:40px; overflow:hidden; line-height:40px; text-align:left; color:#000099; font-size:12pt;}
.market-itemlist-lock{float:left; width:15px; height:40px; text-align:center;}
.market-itemlist-price{float:left; width:150px; height:40px; overflow:hidden; line-height:40px; text-align:right; color:#ec0000; font-size:12pt;}
.market-itemlist-amount{float:left; width:50px; height:40px; overflow:hidden; line-height:42px; text-align:left; color:#333; font-size:8pt; margin-left:3px;}
.market-itemlist-owner{float:left; width:80px; height:40px; margin-left:3px;}
.market-itemlist-owner .oname{width:90px; height:23px; overflow:hidden; line-height: 25px;}
.market-itemlist-owner .oday{width:90px; height:15px; overflow:hidden;  line-height: 13px; font-size:8pt; color:#666;}
.market-money-amount{width:110px; height:30px; line-height:30px; color:#ff0099; position:absolute; top:5px; left:230px; font-size:14pt; font-weight:bold; text-shadow:1px 1px #333; text-align:left;}

/* MY MARKET */
.mymarket-itemlist-name{float:left; width:200px; height:40px; overflow:hidden; line-height:40px; text-align:left; color:#000099; font-size:12pt;}
.mymarket-itemlist-amount{float:left; width:70px; height:40px; overflow:hidden; line-height:42px; text-align:center; color:#333; font-size:12pt; margin-left:3px;}
.mymarket-itemlist-price{float:right; width:130px; height:40px; overflow:hidden; line-height:40px; text-align:right; color:#ec0000; font-size:12pt; margin-right:10px;}
.mymarket-itemlist-delete{float:right; width:25px; height:40px; line-height:40px; text-align:center; margin-right:10px;}
.closeitem-onshop{background:url("../../images/close-button.gif") 0px 0px no-repeat; width:15px; height:15px; position:absolute; margin:12px;}
.closeitem-onshop:hover{background:url("../../images/close-button.gif") 0px -15px no-repeat; cursor:pointer;}

.marketbutton-peece{width:90px; height:30px; color:#FFF; background-color:#ff0099; text-align:center; line-height:28px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; margin-bottom:5px; font-size:12pt;}
.marketbutton-peece:hover{background-color:#ff0033; font-weight: bold; cursor:pointer;}
.marketbutton-gold{width:90px; height:30px; color:#FFF; background-color:#ffcc00; text-align:center; line-height:28px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; margin-bottom:5px; font-size:12pt;}
.marketbutton-gold:hover{background-color:#ff9900; font-weight: bold; cursor:pointer;}


.marketbutton-ore{width:45px; height:25px; color:#FFF; background-color:#996600; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin-right:5px;}
.marketbutton-ore:hover{background-color:#df9700; font-weight: bold; cursor:pointer;}
.marketbutton-wear{width:45px; height:25px; color:#FFF; background-color:#ff33ff; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin-right:5px;}
.marketbutton-wear:hover{background-color:#ff66ff; font-weight: bold; cursor:pointer;}
.marketbutton-item{width:45px; height:25px; color:#FFF; background-color:#09F; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin-right:5px;}
.marketbutton-item:hover{background-color:#00CCFF; font-weight: bold; cursor:pointer;}
.marketbutton-card{width:45px; height:25px; color:#FFF; background-color:#F49D3E; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin-right:5px;}
.marketbutton-card:hover{background-color:#F8D13A; font-weight: bold; cursor:pointer;}
.marketbutton-show{width:45px; height:25px; color:#FFF; background-color:#ef4343; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin-right:5px;}
.marketbutton-show:hover{background-color:#fb9384; font-weight: bold; cursor:pointer;}
.marketbutton-showcard{width:60px; height:25px; color:#FFF; background-color:#009900; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin-right:5px;}
.marketbutton-showcard:hover{background-color:#8cff8c; font-weight: bold; cursor:pointer;}

.marketbutton-search{width:40px; height:25px; position:relative; color:#FFF; background-color:#009900; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.marketbutton-search:hover{background-color:#ccffcc; font-weight: bold; cursor:pointer;}
.marketbutton-clear{width:40px; height:25px; position:relative; color:#FFF; background-color:#af09f7; text-align:center; line-height:23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:5px;}
.marketbutton-clear:hover{background-color:#ccffcc; font-weight: bold; cursor:pointer;}
.symbol-peece{width: 37px; height: 31px; background:url(../../upload/items/20110419_213353_1412.gif) no-repeat; position:absolute; top:6px; left:190px;}

.buymarket-black{width:582px; height:445px; position:absolute; top:0px; left:0px; background-color: rgba(0, 0, 0, 0.3);background: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3); z-index:20003;}
.buymarket-bg-buy{width:245px; height:252px; position:absolute; left:165px; top:80px; background:url(../../images/itemmall/bg-itemmarket-pw.png) 0px 0px no-repeat; z-index:20003;}
.buymarket-bg-buy .item-picture{width:32px; height:32px; position:absolute; left:106px; top:30px;}
.buymarket-bg-buy .item-name{width:200px; height:20px; position:absolute; left:23px; top:65px; text-align:center; color:#0033cc; font-size:12pt; font-weight:bold; overflow:hidden;}
.buymarket-bg-buy .item-all-amount{width:200px; height:20px; position:absolute; left: 23px; top: 160px; font-size:12pt; text-align:center; }
.buymarket-bg-buy .item-price-area{width:200px; height:20px; position:absolute; left:23px; top:85px; text-align:center; color:#333; font-size:10pt;}
.buymarket-bg-buy .item-price{font-size:12pt; color:#ff0000; text-shadow:1px 1px #FFF; font-weight: bold;}
.buymarket-bg-buy .item-amount{width:55px; height:25px; position:absolute; left:99px; top:123px;}
.buymarket-bg-buy .item-amount INPUT{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#0033ff; font-size:12pt; font-weight:bold; text-align:center; width:45px;}

.buymarket-bg-buy .item-password{width:200px; height:25px; position:absolute; left:25px; top:158px;}
.buymarket-bg-buy .item-password INPUT{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#db2234; font-size:12pt; font-weight:bold; text-align:center; width:45px;}

.button-up{width:35px; height:30px; background:url(../../images/itemmall/bg-itemmarket.png) -245px 0px no-repeat; position:absolute; left:62px; top:120px;}
.button-up:hover{background:url(../../images/itemmall/bg-itemmarket.png) -245px -120px no-repeat; cursor:pointer;}
.button-upup{width:35px; height:30px; background:url(../../images/itemmall/bg-itemmarket.png) -245px -30px no-repeat; position:absolute; left:26px; top:120px;}
.button-upup:hover{background:url(../../images/itemmall/bg-itemmarket.png) -245px -150px no-repeat; cursor:pointer;}

.button-down{width:35px; height:30px; background:url(../../images/itemmall/bg-itemmarket.png) -245px -60px no-repeat; position:absolute; left:150px; top:120px;}
.button-down:hover{background:url(../../images/itemmall/bg-itemmarket.png) -245px -180px no-repeat; cursor:pointer;}
.button-downdown{width:35px; height:30px; background:url(../../images/itemmall/bg-itemmarket.png) -245px -90px no-repeat; position:absolute; left:186px; top:120px;}
.button-downdown:hover{background:url(../../images/itemmall/bg-itemmarket.png) -245px -210px no-repeat; cursor:pointer;}

.button-buyconfirm{width:99px; height:34px; background:url(../../images/itemmall/bg-itemmarket.png) 0px -219px no-repeat; position:absolute; left:24px; bottom:25px;}
.button-buyconfirm:hover{background:url(../../images/itemmall/bg-itemmarket.png) 0px -253px no-repeat; cursor:pointer;}
.button-buycancel{width:99px; height:34px; background:url(../../images/itemmall/bg-itemmarket.png) -99px -219px no-repeat; position:absolute; left:124px; bottom:25px;}
.button-buycancel:hover{background:url(../../images/itemmall/bg-itemmarket.png) -99px -253px no-repeat; cursor:pointer;}

/* CHAT */
#chatinfo1{width: 584px; height: 390px; position: absolute; top: -412px; left: 0px; display: block;       background-color: rgba(0, 0, 0, 0.8);     background: rgba(0, 0, 0, 0.8);     color: rgba(0, 0, 0, 0.8); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display:none;}
.chattime{float:right; width:130px; font-size:10pt; font-weight:normal; text-align:right; padding-right:8px;}
#server-time{float:left; font-size:12pt; font-weight:bold; margin-left:5px; margin-right:5px; color:#ffff00;}
#bodyChat{width:584px; height: 445px; background-color:#97bafc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow:hidden; margin-top:7px;}
#layerCloseChat{width:584px; height: 445px; position:absolute; background-color: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index: 1; display:none;}
#layerCloseChatBottom{width:600px; height: 60px; position:absolute; background-color: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px;  -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; z-index: 1; display:none;}
.chat_contents{position:relative; width:570px; height:435px; top: 5px;  left:10px; overflow-y:scroll;overflow-x:hide; word-wrap:break-word;}
.chat_cmd_area{width:580px; height:30px; position:absolute; left:10px; top:15px;}
.chat_cmd_area_bg{width:90%; height:165px; position:absolute; left:20px; top:45px; line-height:16px; text-align:left; color:#FFF; text-shadow:#000 1px 1px;}
#forprivate{font-size:12pt; width:85px;height:23; padding-left:3px; padding-top:3px; background-color:#EEE; color:#333;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#msg{width:325px;height:23; padding-left:5px; padding-top:3px; background-color:#FFFFCC;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/*SEND ITEM */
.bg-sendto-map {background:url("../../images/map/myitem/bg-send.png") no-repeat; position:absolute; width:535px; height:250px; left: 18px; top: 66px; z-index: 2000; border: 3px solid #00486a; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#sendto-character{position:absolute; width:310px; height:165px; left: 205px; top: 41px; text-align:left;}
.sendto-searcharea{position:absolute; width:145px; height:18px; right: 0px; top: 10px; text-align:left;} 

.bg-combine {background:url("../../images/map/myitem/bg-combine-dmo.png") no-repeat; position:absolute; width:542px; height:250px; left:18px; top:66px; z-index: 2000;}



.button-delete-all{width:71px; height:21px; background:url(../../images/mypet/button-delete-all.png) 0px 0px no-repeat;}
.button-delete-all:hover{width:71px; height:21px; background:url(../../images/mypet/button-delete-all.png) 0px -21px no-repeat; cursor:pointer;}
.button-move-all{width:75px; height:21px; background:url(../../images/mypet/button-move-all.png) 0px 0px no-repeat;}
.button-move-all:hover{width:75px; height:21px; background:url(../../images/mypet/button-move-all.png) 0px -21px no-repeat; cursor:pointer;}

.bgAddSlotArea {width:260px; height:307px; background:url(../../images/map/shop/addslot1.png) 0px 0px no-repeat; position:relative;}
.buttonPercentPlus{width:40px; height:21px; position:absolute; left: 44px; bottom: 3px; background:url(../../images/map/shop/refine3-button.png) -144px 0px no-repeat;}
.buttonPercentPlus:hover{background:url(../../images/map/shop/refine3-button.png) -144px -21px no-repeat; cursor:pointer;}
.buttonAddSlot{width:104px; height:34px; position:absolute; left: 145px; top: 225px; background:url(../../images/map/shop/refine3-button.png) 0px 0px no-repeat;}
.buttonAddSlot:hover{background:url(../../images/map/shop/refine3-button.png) 0px -34px no-repeat; cursor:pointer;}

.refill-confirm-area{width:560px; height:418px; left:5px; top:5px; position:absolute; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family:superstore; font-size:20pt; line-height:20pt; background-color: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8);}
.refill-confirm-area .text-header{width:560px; height:30px; left:0px; top:40px; position:absolute; color:#99ff00; text-align:center; font-size:40pt; font-weight:bold;}
.refill-confirm-area .canvas-area-left{width:210px; height:200px; left:30px; top:100px; position:absolute; padding:10px; color:#ffff00; text-align:center; font-size:24pt; border:2px #fff dashed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.refill-confirm-area .canvas-area-right{width:210px; height:200px; right:30px; top:100px; position:absolute; padding:10px; color:#ffff00; text-align:center; font-size:24pt; border:2px #fff dashed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.refill-confirm-area .button-exit{bottom:120px; width:180px; position:absolute; left:45px; text-align:center; font-size:20pt;}
.refill-confirm-area .button-confirm{bottom:120px; width:180px; position:absolute; right:45px; text-align:center; font-size:20pt;}

.bgTextCaedrandom{width:260px; height:307px; background:url(../../images/map/shop/text-cardrandom.png) 0px 0px no-repeat; position:relative;}
.bgCardRandomArea {width:260px; height:307px; background:url(../../images/map/shop/bg-cardrandom.png) 0px 0px no-repeat; position:relative;}
.bgCardRandomArea2 {width:260px; height:307px; background:url(../../images/map/shop/bg-cardrandom2.png) 0px 0px no-repeat; position:relative;}
.bgCardRandomAreaNone {width:260px; height:307px; position:relative;}
.card4RandomArea{width:200px; height:160px; position:absolute; left: 29px; top: 55px;}
.card4RandomArea .item1{width:32px; height:32px; position:absolute; left: 13px; top: 5px;}
.card4RandomArea .xhover:hover{background-color: #7ca7fa; padding: 3px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
.card4RandomArea .xclick{background-color: #FF99CC; padding: 3px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}

.card-random{width:32px; height:32px; margin:4px; float:left; position:relative; cursor:pointer; }
.selectCard4random{width:32px; height:32px; margin:4px; float:left; cursor:pointer; background-color: #8ff436; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative; 
	color:red;
}

/* EXCHANGE ITEM */
.exchangeArea {background:url(../../images/exchange/bg-exchange.png) 0px 0px no-repeat; position:absolute; width:580px; height:368px; left: 0px; top: 50px; z-index: 20000;}
.receiverArea{position:absolute; width:250px; height:65px; right: 35px; top: 63px; z-index:1;}
.receiverArea .nameArea{float:left; width:180px; height:50px; margin-top:5px; z-index:1;}
.receiverArea .recv-charname{position:relative; width:180px; height:25px; line-height:25px; float:left; font-size:12pt; text-align:right;}
.receiverArea .recv-showname{position:relative; width:180px; height:20px; line-height:20px; float:left; text-align:right;}
.receiverArea .recv-avatar{float:right; margin-left:10px;}

.exchangeArea .button-select-item{position:absolute; width:80px; height:30px; line-height:30px; text-align:center; left: 20px; top: 70px; background-color:#ffff00; cursor:pointer;}
.exchangeArea .button-select-recv{position:absolute; width:80px; height:30px; line-height:30px; text-align:center; left: 120px; top: 70px; background-color:#ff3366; cursor:pointer;}
.exchangeArea .button-refresh{position:absolute; width:80px; height:30px; line-height:30px; text-align:center; left: 250px; top: 180px; background-color:#ff9900; cursor:pointer;}
.exchangeArea .button-ready{position:absolute; width:80px; height:30px; line-height:30px; text-align:center; left: 250px; top: 230px; background-color:#38e7bf; cursor:pointer;}
.exchangeArea .button-confirm{position:absolute; width:80px; height:30px; line-height:30px; text-align:center; left: 250px; top: 280px; background-color:#ff33ff; cursor:pointer;}

.exchangeArea  .exchange-bg{position:absolute; width:582px; height:445px; left: 0px; top: -50px; background-color:#000; z-index:2; display:none;}
.exchangeArea  #ReceiverList{background:url(../../images/exchange/bg-exchange-receiver.png) 0px 0px no-repeat; position:absolute; width:400px; height:302px; left: 85px; top: 50px; z-index:3; display:none;}
.exchangeArea  #myitemExchange{background:url(../../images/exchange/bg-exchange-myitem.png) 0px 0px no-repeat; position:absolute; width:578px; height:293px; left: 0px; top: 50px; z-index:3; display:none;}
.exchangeArea  #itemTemp{position: absolute; width: 220px; height: 190px; left: 22px; top: 160px; display:none;}
.exchangeArea  #itemTempReceiver{position: absolute; width: 220px; height: 190px; right: 24px; top: 160px; display:none;}

/* Battle Button 2020 */
.button-go2home2020{ width: 174px; height: 100px; background:url(../../images/battle/button-back.gif) 0px 0px no-repeat; position:absolute; top:150px; left:201px; z-index:2000;}
.button-go2home2020:hover{ background:url(../../images/battle/button-back.gif) 0px -100px no-repeat; cursor: pointer;}

.button-escape2020{ width: 171px; height: 100px; background:url(../../images/battle/button-battle2020.png) -701px 0px no-repeat; position:absolute; left: 90px; top: 150px; z-index:2000;}
.button-escape2020:hover{ background:url(../../images/battle/button-battle2020.png) -701px -100px no-repeat; cursor: pointer;}
.button-nextmonster2020{ width: 171px; height: 100px; background:url(../../images/battle/button-battle2020.png) -530px 0px no-repeat; position:absolute; top: 150px; right: 90px; z-index:2000;}
.button-nextmonster2020:hover{ background:url(../../images/battle/button-battle2020.png) -530px -100px no-repeat; cursor: pointer;}

.button-gotoheal2020{ width: 265px; height: 100px; background:url(../../images/battle/button-battle2020.png) -265px 0px no-repeat; position:absolute; left: 158px; top: 280px; z-index:2000;}
.button-gotoheal2020:hover{ background:url(../../images/battle/button-battle2020.png) -265px -100px no-repeat; cursor: pointer;}
.button-again2020{ width: 265px; height: 100px; background:url(../../images/battle/button-battle2020.png) -872px 0px no-repeat; position:absolute; left: 158px; top: 150px; z-index:2000;}
.button-again2020:hover{ background:url(../../images/battle/button-battle2020.png) -872px -100px no-repeat; cursor: pointer;}

#treasure{-moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; position:absolute; left: 0px; top: 0px; width:580px; height:420px; z-index:2001; filter:alpha(opacity=95); opacity: 0.95; background-color: #333333;}
.button-opentreas{ width: 167px; height: 70px; background:url(../../images/battle/button-battle2020.png) -1137px 0px no-repeat; position:absolute; left:47px; top:250px; z-index:2000;}
.button-opentreas:hover{ background:url(../../images/battle/button-battle2020.png) -1137px -70px no-repeat; cursor: pointer;}
.button-opentreas_disable{ width: 167px; height: 70px; background:url(../../images/battle/button-battle2020.png) -1137px -140px no-repeat; position:absolute; left:47px; top:250px; z-index:2000;}


/* You Win & You Lose */
.youwin{ width: 354px; height: 50px; background:url(../../images/battle/win-lose.png) 0px 0px no-repeat; position:absolute; top:30px; left:114px; z-index:2000;}
.youlose{ width: 354px; height: 50px; background:url(../../images/battle/win-lose.png) 0px -50px no-repeat; position:absolute; top:30px; left:114px; z-index:2000;}
.textEXP{width:400px; height:30px; color:#ccff00; font-size:18pt; text-align:center; position:absolute; top:90px; left:90px; z-index:2000;}
.textEXPextra{width:400px; height:30px; color:#ff0099; font-size:18pt; text-align:center; position:absolute; top:115px; left:90px; z-index:2000;}

#mask	{
		position: absolute;
		width: 583px;
		height: 445px;
		pointer-events: none;
		background: -webkit-gradient(radial, center center, 0, center center, 70, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
		background: -moz-radial-gradient(center 70deg, circle closest-side, transparent 0%, #000033 90px); /*transparent, #000033 60px);*/
		z-index:12;
		filter:alpha(opacity=85); opacity: 0.85;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
}

/* Character On Map */
#bg-char{width:570px; height:440px; background:url(../../images/character/bg-char2021.png) 0px 0px no-repeat; position:absolute; left:5px; top:5px; z-index: 100004;}
.charAreaOnMap{position:absolute; width:530px; height:340px; left:30px; top:30px;}
.charThumnailOnMap {width:100px; height:100px; float:left; border:1px dashed #FFF; margin:7px 12px; position:relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
.charThumnailOnMap .char-level{width:50px; height:15px; background-color:#E0E0E0; color:#000; text-shadow: 1px 1px #FFF; position:absolute; top:0px; right:0px; font-size:7pt; text-align:right; padding-right: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 3; font-weight: bold;}
.charThumnailOnMap .char-name{width:100%; height:18px; line-height:17px; background-color:#CCC; color:#000; text-shadow: 1px 1px #FFF; position:absolute; bottom:0px; left:0px; font-size:8pt; text-align:center; z-index: 3; font-weight: bold;}
.charThumnailOnMap .char-this{background-color:#ffff00;}
.charThumnailOnMap .char-auraB{height:100px; width:100px; position: absolute; left:0px; top:0px; z-index:1;  }
.charThumnailOnMap .char-stand{height:100px; width:100px; position: absolute; left:0px; top:0px; z-index:2;  }
.charThumnailOnMap .char-auraF{height:100px; width:100px; position: absolute; left:0px; top:0px; z-index:3; }

/* Create Character On Map */
#bg-char-create{width:570px; height:440px; background:url(../../images/character/bg-char2021.png) 0px 0px no-repeat; position:absolute; left:5px; top:5px; z-index: 100004;}
.charAreaOnMap-create{position:absolute; width:510px; height:320px; left:40px; top:45px; overflow-y:auto; overflow-x:hidden;}
.charThumnailOnCreate {width:140px; height:140px; float:left; border:1px dashed #FFF; margin:8px 8px; position:relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.charThumnailOnCreate .char-level{width:50px; height:15px; background-color:#E0E0E0; color:#000; text-shadow: 1px 1px #FFF; position:absolute; top:0px; right:0px; font-size:7pt; text-align:right; padding-right: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 3; font-weight: bold;}
.charThumnailOnCreate .char-name{width:100%; height:18px; line-height:17px; background-color:#CCC; color:#000; text-shadow: 1px 1px #FFF; position:absolute; bottom:0px; left:0px; font-size:8pt; text-align:center; z-index: 3; font-weight: bold;}
.charThumnailOnCreate .char-this{background-color:#ffff00;}
.charThumnailOnCreate .char-auraB{height:140px; width:140px; position: absolute; left:0px; top:0px; z-index:1;  }
.charThumnailOnCreate .char-stand{height:140px; width:140px; position: absolute; left:0px; top:0px; z-index:2;  }
.charThumnailOnCreate .char-auraF{height:140px; width:140px; position: absolute; left:0px; top:0px; z-index:3; }