BODY { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; color: #000000; SCROLLBAR-FACE-COLOR: #CCCCCC; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; OVERFLOW: auto; BORDER-LEFT: 0px; SCROLLBAR-SHADOW-COLOR: #CCCCCC; SCROLLBAR-3DLIGHT-COLOR: #CCCCCC; SCROLLBAR-ARROW-COLOR: #0000FF; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #FFFFFF; BORDER-BOTTOM: 0px; FONT-FAMILY: "Tahoma", sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC; SCROLLBAR-BASE-COLOR: #FFFFFF; } .symbol-selected{width: 39px; height: 31px; background: url("../../images/dailyfree/bg-itemday.png") -334px -867px no-repeat; position:absolute; right:10px; top:10px; z-index:10;} .flipH {-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } @font-face { font-family: Quark_Light; src: url("../../font/Quark-Light.eot"), /* EOT file for IE */ url("../../font/Quark-Light.ttf"); } @font-face { font-family: Quark_Bold; src: url("../../font/Quark-Bold.eot"), url("../../font/Quark-Bold.ttf"); } @font-face { font-family: 'Natrinthorn'; src: url('../../font/psl170pro_0-webfont.eot'); src: url('../../font/psl170pro_0-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/psl170pro_0-webfont.woff2') format('woff2'), url('../../font/psl170pro_0-webfont.woff') format('woff'), url('../../font/psl170pro_0-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Natrinthorn-bold'; src: url('../../font/psl172pro_0-webfont.eot'); src: url('../../font/psl172pro_0-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/psl172pro_0-webfont.woff2') format('woff2'), url('../../font/psl172pro_0-webfont.woff') format('woff'), url('../../font/psl172pro_0-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'superstore'; src: url('../../font/superstore-book-webfont.eot'); src: url('../../font/superstore-book-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/superstore-book-webfont.woff2') format('woff2'), url('../../font/superstore-book-webfont.woff') format('woff'), url('../../font/superstore-book-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'superstore-bold'; src: url('../../font/superstore-bold-webfont.eot'); src: url('../../font/superstore-bold-webfont.eot?#iefix') format('embedded-opentype'), 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; } @font-face { font-family: 'max_pinjohnv2'; src: url('../../font/max_pinjohn_v2-webfont.eot'); src: url('../../font/max_pinjohn_v2-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/max_pinjohn_v2-webfont.woff2') format('woff2'), url('../../font/max_pinjohn_v2-webfont.woff') format('woff'), url('../../font/max_pinjohn_v2-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pixels'; src: url('../../font/04b_08_-webfont.eot'); src: url('../../font/04b_08_-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/04b_08_-webfont.woff2') format('woff2'), url('../../font/04b_08_-webfont.woff') format('woff'), url('../../font/04b_08_-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pixels2'; src: url('../../font/ZF2ndPixelus.eot'); src: url('../../font/ZF2ndPixelus.eot?#iefix') format('embedded-opentype'), url('../../font/ZF2ndPixelus.woff2') format('woff2'), url('../../font/ZF2ndPixelus.woff') format('woff'), url('../../font/ZF2ndPixelus.ttf') format('truetype'); font-weight: normal; font-style: normal; } A:hover{cursor:pointer;} .bodyDIV{width:1000px; min-height:100px; position:relative;} .bodyDIV #leftArea{width:200px; float:left; min-height:100%; position:relative;} .bodyDIV #centerArea{width:600px; float:left; min-height:100%; position:relative;} .bodyDIV #centerArea800{width:800px; float:left; min-height:100%; position:relative;} .bodyDIV #rightArea{width:200px; float:right; min-height:100%; position:relative; z-index:0;} .bodyDIV #rightAreaChat{width:200px; float:left; min-height:100%; position:relative; z-index:0;} .bodyDIV #canvasLeft{width:600px; min-height:100%; position:absolute; left:0px; top:0px; z-index:0; background-color:#FFF;} .bodyDIV #canvasRight{width:600px; min-height:100%; position:absolute; right:0px; top:0px; z-index:0; background-color:#FFF;} .w-shadow{text-shadow: 1px 1px #FFF;} .b-shadow{text-shadow: 1px 1px #000;} .error-text{color:#cd0716;} .footer { background: url("../../images/home/footer-shadow.gif") repeat-x; height:43px; } .footerText { padding-right:10px; color: #FFFFFF; } .footerTextCopyright { color: #FFFFFF; } .login { background: url("../../images/home/login-bg.gif") no-repeat; } .loginfrom { background: url("../../images/home/login-from.gif") no-repeat; } .leftBackground { background: url("../../images/home/left-bg.gif") repeat-y right top; } .dotlineHeight { background: url("../../images/home/vline.gif") repeat-y right top; } #imageLink { cursor: pointer; } .shopRank0{position:absolute; width:32px; height:32px; right:1px; top:4px;} .shopRank1{background:url("../../images/shop/shop01.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;} .shopRank2{background:url("../../images/shop/shop02.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;} .shopRank3{background:url("../../images/shop/shop03.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;} .shopRank4{background:url("../../images/shop/shop04.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;} .shopRank5{background:url("../../images/shop/shop05.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;} .start-button{width:206px; height:124px; background:url(../../images/start-button.png) 0px 0px no-repeat; margin-top:-50px; margin-left:-3px; z-index:10; position:relative;} .start-button:hover{width:206px; height:124px; background:url(../../images/start-button.png) 0px -124px no-repeat; cursor:pointer; margin-top:-50px; margin-left:-3px; z-index:10;position:relative;} .leftMenuList{width:200px;} .leftMenuList .top1{background: url("../../images/menu/left-top.png") no-repeat; height:33px;} .leftMenuList .top2{background: url("../../images/menu/left-top1.png") no-repeat; height:33px;} .leftMenuList .body{background: url("../../images/menu/left-body.png") repeat-y;} .leftMenuList .bottom1{background: url("../../images/menu/left-bottom.png") no-repeat; height:35px;} .leftMenuList .bottom2{background: url("../../images/menu/left-bottom1.png") no-repeat; height:35px;} .leftMenuList .header{background: url("../../images/menu/left-header.png") no-repeat; height:33px;} .leftMenuList .rank-top{background: url("../../images/menu/block.png") 0px 0px no-repeat; height:60px;} .leftMenuList .rank-body{background: url("../../images/menu/block-line.png") repeat-y;} .leftMenuList .rank-bottom{background: url("../../images/menu/block.png") 0px -60px no-repeat; height:25px;} .leftMenuList .tribe-top{background: url("../../images/menu/block.png") 0px -85px no-repeat; height:60px;} .leftMenuList .tribe-body{background: url("../../images/menu/block-line.png") repeat-y;} .leftMenuList .tribe-bottom{background: url("../../images/menu/block.png") 0px -60px no-repeat; height:25px;} .leftMenuList .exp-top{background: url("../../images/menu/block.png") 0px -170px no-repeat; height:60px;} .leftMenuList .exp-body{background: url("../../images/menu/block-line.png") repeat-y;} .leftMenuList .exp-bottom{background: url("../../images/menu/block.png") 0px -60px no-repeat; height:25px;} .leftMenuList .exp-text{width:160px; height:70px; background-color:#fc3f52; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:5px; text-align:center; color:#FFF;margin-top:10px;} .leftMenuList .top-tribecount{background: url("../../images/menu/left-top-tribecount.png") no-repeat; height:70px;} .leftMenuList .top-useronline{background: url("../../images/menu/bg-useronline.png") no-repeat; height:55px; cursor:pointer; } .rank-body .rankArea{width:170px; min-height:150px; text-align:left; position:relative; font-size: 8pt;} .rank-body .rankArea .icon{width:32px; height:32px; float:left;} .rank-body .rankArea .name{width:75px; height:32px; line-height:40px; float:left;overflow:hidden; font-size:10pt;} .rank-body .rankArea .onlinestatus{width:15px; height:32px; float:left;padding-left: 5px; } .rank-body .rankArea .level{width:40px; height:32px; line-height:40px; float:right;} .rank-body .rankArea .linkAll{width:100%; height:32px; line-height:32px; text-align: center} .rank-body .rankEXP{width:170px; min-height:150px; text-align:left; position:relative; font-size: 8pt;} .rank-body .rankEXP .borderRank{height:32px; width:170px; margin-top:3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.1);} .rank-body .rankEXP .icon{width:40px; height:32px; float:left;} .rank-body .rankEXP .name{width:100px; height:32px; float:left;overflow:hidden; font-size:10pt;} .rank-body .rankEXP .name .isName{width:100%; height:16px;} .rank-body .rankEXP .name .exp{width:100%; height:16px; text-align:left; padding-right:3px; color:#333;} .rank-body .rankEXP .onlinestatus{width:15px; height:16px; float:left;padding-left: 5px; } .rank-body .rankEXP .linkAll{width:100%; height:32px; line-height:32px; text-align: center} .isClear{clear:both;} .leftMenuList .icon{float:left; width:35px; height:25px;} .leftMenuList .textlink{float:right; width:135px; height:25px; line-height:25px; text-align:left;} .box-toplogin1{background: url("../../images/menu/bg-member-dmr.png") 0px 0px no-repeat; width:200px; height:60px;} .box-toplogin2{background: url("../../images/menu/bg-member-dmr.png") 0px -83px no-repeat; width:200px; height:60px;} .box-body{background: url("../../images/menu/bg-border-dmr.png") repeat-y; width:200px;} .box-bottom{background: url("../../images/menu/bg-member-dmr.png") 0px -63px no-repeat; width:200px; height:23px;} .box-normal-top{background: url("../../images/menu/block.png") 0px -255px no-repeat; width:200px; height:30px;} .box-normal-body{background: url("../../images/menu/block-body.png") repeat-y; width:200px;} .box-normal-bottom{background: url("../../images/menu/block.png") 0px -285px no-repeat; width:200px; height:30px;} .rightMenuList{width:200px;} .rightMenuList .top-login{background: url("../../images/menu/right-top-login.png") no-repeat; height:70px;} .rightMenuList .top-member{background: url("../../images/menu/right-top-member.png") no-repeat; height:70px;} .rightMenuList .top2{background: url("../../images/menu/left-top1.png") no-repeat; height:33px;} .rightMenuList .body-login{background: url("../../images/menu/right-body-login.png") no-repeat;} .rightMenuList .body-member{background: url("../../images/menu/right-body-member.png") repeat-y;} .rightMenuList .body{background: url("../../images/menu/left-body.png") repeat-y;} .rightMenuList .bottom-member{background: url("../../images/menu/right-bottom.png") no-repeat; height:35px;} .rightMenuList .bottom1{background: url("../../images/menu/left-bottom.png") no-repeat; height:35px;} .rightMenuList .bottom2{background: url("../../images/menu/right-bottom1.png") no-repeat; height:35px;} .rightMenuList .header{background: url("../../images/menu/left-header.png") no-repeat; height:33px;} .button-login{width:173px; height:69px; background:url(../../images/new-button/button-login-logout.png) 0px 0px no-repeat; position:relative; clear:both;} .button-login:hover{width:173px; height:69px; background:url(../../images/new-button/button-login-logout.png) 0px -69px no-repeat; cursor:pointer; position:relative; clear:both;} .button-logout{width:173px; height:69px; background:url(../../images/new-button/button-login-logout.png) -173px 0px no-repeat; position:relative; margin: 0 auto;} .button-logout:hover{background:url(../../images/new-button/button-login-logout.png) -173px -69px no-repeat; cursor:pointer; } .button-pmbox{width:200px; height:108px; background:url(../../images/new-button/button-pm.png) 0px 0px no-repeat;} .button-pmbox:hover{width:200px; height:108px; background:url(../../images/new-button/button-pm.png) 0px -108px no-repeat; cursor:pointer;} .button-register{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) 0px 0px no-repeat; position:relative;} .button-register:hover{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) 0px -74px no-repeat; cursor:pointer; position:relative;} .button-how2play{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -190px 0px no-repeat; position:relative;} .button-how2play:hover{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -190px -74px no-repeat; cursor:pointer; position:relative;} .button-gameinfo{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -380px 0px no-repeat; position:relative;} .button-gameinfo:hover{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -380px -74px no-repeat; cursor:pointer; position:relative;} .button-webboard{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -570px 0px no-repeat; position:relative;} .button-webboard:hover{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -570px -74px no-repeat; cursor:pointer; position:relative;} .button-itemmall{width:190px; height:125px; background:url(../../images/new-button/button-left-menu.png) -760px 0px no-repeat; position:relative; display:block;} .button-itemmall:hover{width:190px; height:125px; background:url(../../images/new-button/button-left-menu.png) -950px 0px no-repeat; cursor:pointer; position:relative; display:block;} .button-itemmallMAP a{width:190px; height:125px; background:url(../../images/new-button/button-left-menu.png) -760px 0px no-repeat; position:relative; display:block;} .button-itemmallMAP a:hover{width:190px; height:125px; background:url(../../images/new-button/button-left-menu.png) -950px 0px no-repeat; cursor:pointer; position:relative; display:block;} /* NEW MALL & DIAMOND */ .button-goldshop{width:189px; height:122px; background:url(../../images/menu/button-shop.png) 0px 0px no-repeat; position:relative; display:block; margin:0 auto; margin-top:3px;} .button-goldshop:hover{background:url(../../images/menu/button-shop.png) -189px 0px no-repeat; cursor:pointer; position:relative; display:block;} .button-diamondshop{width:189px; height:122px; background:url(../../images/menu/button-shop.png) 0px -122px no-repeat; position:relative; display:block; margin:0 auto; margin-top:3px;} .button-diamondshop:hover{background:url(../../images/menu/button-shop.png) -189px -122px no-repeat; cursor:pointer; position:relative; display:block;} .button-main-menu1{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) 0px 0px no-repeat; float: left;} .button-main-menu1:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) 0px -76px no-repeat; cursor:pointer; float: left;} .button-main-menu2{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -76px 0px no-repeat;float: right;} .button-main-menu2:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -76px -76px no-repeat; cursor:pointer;float: right;} .button-main-menu3{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -152px 0px no-repeat; float: left;} .button-main-menu3:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -152px -76px no-repeat; cursor:pointer; float: left;} .button-main-menu4{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -228px 0px no-repeat;float: right;} .button-main-menu4:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -228px -76px no-repeat; cursor:pointer;float: right;} .button-main-menu5{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -304px 0px no-repeat;float: left;} .button-main-menu5:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -304px -76px no-repeat; cursor:pointer;float: left;} .button-main-menu6{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -380px 0px no-repeat;float: right;} .button-main-menu6:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -380px -76px no-repeat; cursor:pointer;float: right;} .button-main-bugreport2{width:170px; height:50px; background:url(../../images/new-button/button-main-menu-bug.png) 0px 0px no-repeat; position:relative; float: left; margin: 5px 0 0 -3px;} .button-main-bugreport2:hover{background:url(../../images/new-button/button-main-menu-bug.png) 0px -50px no-repeat; cursor:pointer; position:relative;} .button-main-itemcode{width:170px; height:50px; background:url(../../images/new-button/button-main-menu-bug.png) 0px -100px no-repeat; position:relative; float: left; margin: 5px 0 0 -3px;} .button-main-itemcode:hover{background:url(../../images/new-button/button-main-menu-bug.png) 0px -150px no-repeat; cursor:pointer; position:relative;} .button-gold-refill{width:189px; height:71px; background:url(../../images/new-button/button-goldrefill.png) -0px 0px no-repeat;} .button-gold-refill:hover{width:189px; height:71px; background:url(../../images/new-button/button-goldrefill.png) -0px -71px no-repeat; cursor:pointer;} .skill-box{position:relative; width:205px; height:85px; background: url(../../images/skill/panel-skill.png) no-repeat;} .skill-box .skillArea{position:absolute; width:190px; height:40px; left: 8px; bottom:5px;} .skill-box .skillIcon{float:left; width:32px; height:32px; margin:3px; cursor:pointer;} .skill-box .skillIconNone{float:left; width:32px; height:32px; margin:3px; background: url(../../images/skill/icon-blank.gif) no-repeat;} .skill-box .skillIconNot{float:left; width:32px; height:32px; margin:3px; background: url(../../images/skill/icon-not.gif) no-repeat;} .skill-box .name{position:absolute; width:170px; left:12px; top: 23px;} .skill-box .mp{position:absolute; width:70px; right:4px; top: 23px; padding-right:8px;} .skill-selector{position:relative; width:224px; height:40px;} .skill-selector .skillArea{position:absolute; width:230px; height:32px; left: 5px;} .skill-selector .skillIcon{float:left; width:32px; height:32px; margin:7px; background: url(../../images/skill/icon-blank.gif) no-repeat; cursor:pointer;} .skill-selector .skillIconNot{float:left; width:32px; height:32px; margin:7px; background: url(../../images/skill/icon-not.gif) no-repeat; cursor:pointer;} .bg-freegift-areabox{width:340px; height:350px; background:url(../../images/freegift/bg-gift-item-box.png) 0px 0px no-repeat;} .button-getgift{width:130px; height:30px; background:url(../../images/new-button/button-getgift.png) 0px 0px no-repeat; float:left;} .button-getgift:hover{width:130px; height:30px; background:url(../../images/new-button/button-getgift.png) 0px -30px no-repeat; cursor:pointer; float:left;} .button-destroygift{width:36px; height:30px; background:url(../../images/new-button/button-getgift.png) -130px 0px no-repeat; float:left; margin-left: 3px; } .button-destroygift:hover{width:36px; height:30px; background:url(../../images/new-button/button-getgift.png) -130px -30px no-repeat; cursor:pointer; float:left; margin-left: 3px;} .button-FB-addfriend a{width:40px; height:30px; background:url(../../images/new-button/button-FB-add-friend.png) 0px 0px no-repeat; float:left;} .button-FB-addfriend a:hover{width:40px; height:30px; background:url(../../images/new-button/button-FB-add-friend.png) 0px -30px no-repeat; cursor:pointer; float:left;} .radius-giftbox{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 8px; background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7); position:absolute; width:340px; height:304px; left:113px; z-index:10; display:none; } .button-send-freegift{width:130px; height:30px; background:url(../../images/new-button/button-send-freegift.png) 0px 0px no-repeat; float:left;} .button-send-freegift:hover{width:130px; height:30px; background:url(../../images/new-button/button-send-freegift.png) 0px -30px no-repeat; cursor:pointer; float:left;} .button-send-freegift-destroy{width:70px; height:30px; background:url(../../images/new-button/button-send-freegift.png) -130px 0px no-repeat; float:left; margin-left: 3px; } .button-send-freegift-destroy:hover{width:70px; height:30px; background:url(../../images/new-button/button-send-freegift.png) -130px -30px no-repeat; cursor:pointer; float:left; margin-left: 3px;} .freegift{float:left; width:100px; height:140px;} .freegift .imgItem{width:80px; height:80px; margin:10px;} .freegift .imgItem:hover{background-color: #0798f9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor:pointer;} .freegift .imgItem-select{background-color: #0798f9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .terminalREFILL-area{width:580px; height:100px;} .terminalREFILL-area .menu1{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) 0px 0px no-repeat; float:left;} .terminalREFILL-area .menu1:hover{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) 0px -100px no-repeat; float:left; cursor:pointer;} .terminalREFILL-area .menu2{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -145px 0px no-repeat; float:left;} .terminalREFILL-area .menu2:hover{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -145px -100px no-repeat; float:left; cursor:pointer;} .terminalREFILL-area .menu3{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -290px 0px no-repeat; float:left;} .terminalREFILL-area .menu3:hover{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -290px -100px no-repeat; float:left; cursor:pointer;} .terminalREFILL-area .menu4{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -435px 0px no-repeat; float:left;} .terminalREFILL-area .menu4:hover{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -435px -100px no-repeat; float:left; cursor:pointer;} .menuDownload1 a{width:200px; height:78px; background:url(../../images/new-button/button-download-browser.png) 0px 0px no-repeat; display:block;} .menuDownload1 a:hover{width:200px; height:78px; background:url(../../images/new-button/button-download-browser.png) -200px 0px no-repeat; cursor:pointer;display:block;} .menuDownload2 a{width:200px; height:54px; background:url(../../images/new-button/button-download-browser.png) 0px -78px no-repeat;display:block;} .menuDownload2 a:hover{width:200px; height:54px; background:url(../../images/new-button/button-download-browser.png) -200px -78px no-repeat; cursor:pointer;display:block;} /* กล่องเดิมแต่เปลี่ยนเป็น PNG */ .mybox{position:relative; margin:0 auto; width:600px; min-height:20px; margin-bottom:5px;} .mybox .body{ width:600px; background: url("../../images/box/body.png") repeat-y top center; position:relative; height:50px;} .mybox .areaLeft{float:left; width:200px; height:40px; padding-left:20px;} .mybox .areaCenter{float:left; width:150px; height:40px; position:relative;} .mybox .areaRight{float:right; width:200px; height:40px;} .mybox .noneHeader{ width:600px; height:10px; background: url("../../images/box/none-header.png") no-repeat top center;} .mybox .textHeader{ width:600px; height:50px; background: url("../../images/box/text-header.png") no-repeat top center; line-height:50px; color: #FFF; font-size: 12pt; font-family:"tahoma"; font-weight: bold; text-align:center;} .mybox .footer{ width:600px; height:10px; background: url("../../images/box/footer.png") no-repeat top center;} .mybox .textBox{height:50%; line-height:25px;} .itemBG { background: url("../../images/home/item-bg.png") no-repeat; width: 50px; height: 50px; vertical-align: center; } .itemBG img { padding: 9px; } .itemWear1 { background: url("../../images/home/wear-blank1.png") no-repeat; width: 50px; height: 50px; vertical-align: center; } .itemWear1 img { padding: 9px; } .itemWear2 { background: url("../../images/home/wear-blank2.png") no-repeat; width: 50px; height: 50px; vertical-align: center; } .itemWear2 img { padding: 9px; } .itemWear3 { background: url("../../images/home/wear-blank3.png") no-repeat; width: 50px; height: 50px; vertical-align: center; } .itemWear3 img { padding: 9px; } .itemWear4 { background: url("../../images/home/wear-blank4.png") no-repeat; width: 50px; height: 50px; vertical-align: center; } .itemWear4 img { padding: 9px; } .itemWear5 { background: url("../../images/home/wear-blank5.png") no-repeat; width: 50px; height: 50px; vertical-align: center; } .itemWear5 img { padding: 9px; } .itemWear6 { background: url("../../images/home/wear-blank6.png") no-repeat; width: 50px; height: 50px; vertical-align: center; } .itemWear6 img { padding: 9px; } .itemWear7 { background: url("../../images/home/wear-blank7.png") no-repeat; width: 50px; height: 50px; vertical-align: center; } .itemWear7 img { padding: 9px; } .itemWear8 { background: url("../../images/home/wear-blank8.png") no-repeat; width: 50px; height: 50px; vertical-align: center; } .itemWear8 img { padding: 9px; } .areaRank{position:absolute; height:124px; width:222px; right:-5px; top:-3px;} #number-list{position:absolute; z-index:1; right: 20px; bottom: 8px; width: 85px; height: 21px;} .number1{float:left; background:url(../../images/home/banner/number-list.png) 0px 0px no-repeat; width: 21px; height: 21px;} .number1:hover{ float:left; background:url(../../images/home/banner/number-list.png) 0px -21px no-repeat; width: 21px; height: 21px; cursor:pointer;} .number1-active{ float:left; background:url(../../images/home/banner/number-list.png) 0px -42px no-repeat; width: 21px; height: 21px;} .number2{ float:left; background:url(../../images/home/banner/number-list.png) -21px 0px no-repeat;width: 21px; height: 21px;} .number2:hover{float:left; background:url(../../images/home/banner/number-list.png) -21px -21px no-repeat;width: 21px; height: 21px; cursor:pointer;} .number2-active{float:left; background:url(../../images/home/banner/number-list.png) -21px -42px no-repeat;width: 21px; height: 21px;} .number3{ float:left; background:url(../../images/home/banner/number-list.png) -42px 0px no-repeat;width: 21px; height: 21px;} .number3:hover{float:left; background:url(../../images/home/banner/number-list.png) -42px -21px no-repeat;width: 21px; height: 21px; cursor:pointer;} .number3-active{float:left; background:url(../../images/home/banner/number-list.png) -42px -42px no-repeat;width: 21px; height: 21px;} .number4{ float:left; background:url(../../images/home/banner/number-list.png) -63px 0px no-repeat;width: 21px; height: 21px;} .number4:hover{float:left; background:url(../../images/home/banner/number-list.png) -63px -21px no-repeat;width: 21px; height: 21px; cursor:pointer;} .number4-active{float:left; background:url(../../images/home/banner/number-list.png) -63px -42px no-repeat;width: 21px; height: 21px;} .areaPixelItemOnMap{float:left; width:32px; height:32px; padding:3px; margin-top:2px; margin-left:2px; position:relative; cursor:pointer;} .areaPixelItemOnMap .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:15px; right:1px; bottom:0px; background-color:#DBDBDB; padding-left: 3px; } .areaPixelItemOnMap .txt2{ position:absolute; height:15px; right:2px; bottom:1px;} .areaPixelItemOnMap .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; } a.test:hover{ background: url("../../images/topmenu/menu2/01.gif") no-repeat left top; } a.test1:hover{ background: url("../../images/topmenu/menu2/01.gif") no-repeat left; } .user_panel { background: url("../../images/home/user-panel.gif") no-repeat; width:188px; height:280px;} .user_panel #padleft { padding-left: 10px;} .user_panel #showname { color: #FF0099; font-weight: bold; } .user_panel-2 { background: url("../../images/home/user-panel-2.gif") no-repeat; width:188px; height:320px;} .user_panel-2 #padleft { padding-left: 10px;} .user_panel-2 #showname { color: #FF0099; font-weight: bold;} .user_tool_box #top { background: url("../../images/home/user-tool-box-top.gif") no-repeat; width:188px; height:18px;} .user_tool_box #top1 { background: url("../../images/home/user-tool-box-top1.gif") no-repeat; width:188px; height:15px;} .user_tool_box #bg { background: url("../../images/home/user-tool-box-bg.gif") repeat-y;} .user_tool_box #bottom { background: url("../../images/home/user-tool-box-bottom.gif") no-repeat; width:188px; height:15px;} .user_tool_box #bottom_next { background: url("../../images/home/user-tool-box-bottom-next.gif") no-repeat; width:188px; height:18px;} .backgroundPromp { background: url("../../images/background/fundo.gif"); } .leftCorner { background: url("../../images/home/left-corner.gif") no-repeat; width:3px; height:30px; background-position:left;} .rightCorner { background: url("../../images/home/right-corner.gif") no-repeat; width:3px; height:30px; background-position:right; } /*body { background-color: #FFFFFF; }*/ .topgraphic { width:1000px; height:200px; background: url("../../images/topmenu/topbg-newyear.jpg") no-repeat; background-position:top left; } .leftBorderBackground { background: url("../../img/bg__border_left.gif"); width:8px; } .rightBorderBackground { background: url("../../img/bg__border_right.gif"); width:8px;} .topic { background-color: #E9E9E9; } .topic #left_topic { height: 16px; background: url("../../images/home/left-topic.gif") no-repeat; background-position: left; background-color: #E9E9E9;} .topic #right_topic { height: 16px; background: url("../../images/home/right-topic.gif") no-repeat; background-position: right; background-color: #E9E9E9;} .inputRedText { color: red; font-size: 8pt; font-family:"Tahoma";} .inputBlueText { color: blue; font-size: 8pt; font-family:"Tahoma";} .inputGreenText { color: green; font-size: 8pt; font-family:"Tahoma";} .inputOrangeText { color: #ff6600; font-size: 8pt; font-family:"Tahoma";} .dotline_ver { background: url("../../images/home/dot_v_pixel.gif") repeat-y left bottom;} .dotline { background: url("../../images/home/dot_pixel.gif") repeat-x left bottom; } .pm_bgcolor1{background: url("../../images/home/dot_pixel.gif") repeat-x left bottom; background-color: #E9F8FE; } .pm_bgcolor2{background: url("../../images/home/dot_pixel.gif") repeat-x left bottom; background-color: #FEEAFF; } .pmheader_bgcolor1{background: url("../../images/home/dot_pixel.gif") repeat-x left bottom; background-color: #FFFFFF } .pmheader_bgcolor2{background: url("../../images/home/dot_pixel.gif") repeat-x left bottom; background-color: #F7F7F7 } A.wLink:link {text-decoration: none; color: #FFF; } A.wLink:visited {text-decoration: none; color: #FFF; } A.wLink:active {text-decoration: none; color: #ffff00; } A.wLink:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FFFF00; } A.DMOlink1:link {text-decoration: none; color: #ffffff; } A.DMOlink1:visited {text-decoration: none; color: #ffffff; } A.DMOlink1:active {text-decoration: none; color: #ffffff; } A.DMOlink1:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #99ff00;font-weight: bold; } A.DMOlink2:link {text-decoration: none; color: #804040; } A.DMOlink2:visited {text-decoration: none; color: #804040; } A.DMOlink2:active {text-decoration: none; color: #804040; } A.DMOlink2:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #492525;font-weight: bold; } A.DMOlink4:link {text-decoration: none; color: #009999; } A.DMOlink4:visited {text-decoration: none; color: #009999; } A.DMOlink4:active {text-decoration: none; color: #009999; } A.DMOlink4:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #004A4A;font-weight: bold; } A.DMOlink5:link {text-decoration: none; color: #009900; } A.DMOlink5:visited {text-decoration: none; color: #009900; } A.DMOlink5:active {text-decoration: none; color: #009900; } A.DMOlink5:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #006400;font-weight: bold; } A.DMOlink6:link {text-decoration: none; color: #8D1CFF; } A.DMOlink6:visited {text-decoration: none; color: #8D1CFF; } A.DMOlink6:active {text-decoration: none; color: #8D1CFF; } A.DMOlink6:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #480091;font-weight: bold; } A.DMOlink7:link {text-decoration: none; color: #FF06FF; } A.DMOlink7:visited {text-decoration: none; color: #FF06FF; } A.DMOlink7:active {text-decoration: none; color: #FF06FF; } A.DMOlink7:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #A400A4;font-weight: bold; } A.DMOlink8:link {text-decoration: none; color: #F00; } A.DMOlink8:visited {text-decoration: none; color: #F00; } A.DMOlink8:active {text-decoration: none; color: #F00; } A.DMOlink8:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #8C0000;font-weight: bold; } A.DMOlink9:link {text-decoration: none; color: #330099; } A.DMOlink9:visited {text-decoration: none; color: #330099; } A.DMOlink9:active {text-decoration: none; color: #330099; } A.DMOlink9:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #1B0053;font-weight: bold; } A.DMOlink10:link {text-decoration: none; color: #000; } A.DMOlink10:visited {text-decoration: none; color: #000; } A.DMOlink10:active {text-decoration: none; color: #000; } A.DMOlink10:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FFFF00;font-weight: bold; } A.DMOlink11:link {text-decoration: none; color: #000; background-color:#FFFF99; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0px 6px 2px 5px; border: 1px dotted #0033CC;} A.DMOlink11:visited {text-decoration: none; color: #000; background-color:#FFFF99; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0px 6px 2px 5px; border: 1px dotted #0033CC;} A.DMOlink11:active {text-decoration: none; color: #000; background-color:#FFFF99; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0px 6px 2px 5px; border: 1px dotted #0033CC;} A.DMOlink11:hover {text-decoration: none; color: #000; background-color:#FFFF99; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0px 6px 2px 5px; border: 1px dotted #0033CC;} background-color:#FFFF99; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0px 6px 2px 5px; border: 1px dotted #0033CC;} A.DMOlink40:link {text-decoration: none; color: #7BBAFF; } A.DMOlink40:visited {text-decoration: none; color: #7BBAFF; } A.DMOlink40:active {text-decoration: none; color: #7BBAFF; } A.DMOlink40:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #067CFF;font-weight: bold; } A.DMOlink50:link {text-decoration: none; color: #0066FF; } A.DMOlink50:visited {text-decoration: none; color: #0066FF; } A.DMOlink50:active {text-decoration: none; color: #0066FF; } A.DMOlink50:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #808000;font-weight: bold; } A.DMOlink60:link {text-decoration: none; color: #0066FF; } A.DMOlink60:visited {text-decoration: none; color: #0066FF; } A.DMOlink60:active {text-decoration: none; color: #0066FF; } A.DMOlink60:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #808000;font-weight: bold; } A.DMOlink70:link {text-decoration: none; color: #0066FF; } A.DMOlink70:visited {text-decoration: none; color: #0066FF; } A.DMOlink70:active {text-decoration: none; color: #0066FF; } A.DMOlink70:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #808000;font-weight: bold; } .msg_text { font-family: "Tahoma"; font-size: 10pt; color: #333; } .msg_1 { font-family: "Tahoma"; font-size: 10pt; color: #660000; } .msg_2 { font-family: "Tahoma"; font-size: 10pt; color: #660000; } .msg_4 { font-family: "Tahoma"; font-size: 10pt; color: #660000; } .msg_5 { font-family: "Tahoma"; font-size: 10pt; color: #660000; } .msg_6 { font-family: "Tahoma"; font-size: 10pt; color: #660000; } .msg_7 { font-family: "Tahoma"; font-size: 10pt; color: #660000; } .msg_8 { font-family: "Tahoma"; font-size: 10pt; color: #660000; } .msg_9 { font-family: "Tahoma"; font-size: 10pt; color: #660000; } .msg_10 { font-family: "Tahoma"; font-size: 10pt; color: #660000; } .hiclass, .msg_11{ font-family: "Tahoma"; font-size: 10pt; color: #660000;} .msg_40 { font-family: "Tahoma"; font-size: 10pt; color: #7BBAFF; } .msg_gm { font-family: "Tahoma"; font-size: 10pt; color: #0066FF; } .msg_50 { font-family: "Tahoma"; font-size: 10pt; color: #0066FF; } .msg_boss { font-family: "Tahoma"; font-size: 10pt; color: #0066FF;} /*text-shadow: -1px 0 #0FF, 0 1px #0FF, 1px 0 #0FF, 0 -1px #0FF;}*/ .msg_60 { font-family: "Tahoma"; font-size: 10pt; color: #0066FF; } .msg_70 { font-family: "Tahoma"; font-size: 10pt; color: #0066FF; } .msg_sys { font-family: "Tahoma"; font-size: 10pt; color: #003366; } /* */ /*.msg_boss { font-family: "Ms Sans Serif"; font-size: 10px; color: #FF00CC; }*/ .txtMSsize10 {font-size: 10pt; font-family:"Ms Sans Serif"; } .txtMSsize10_bold {font-size: 10pt; font-family:"Ms Sans Serif"; ; font-weight: bold;} .txtMSsize12 {font-size: 12pt; font-family:"Ms Sans Serif"; } .txtMSsize12_bold {font-size: 12pt; font-family:"Ms Sans Serif"; font-weight: bold;} .txtMSsize14 {font-size: 14pt; font-family:"Ms Sans Serif"; } .txtMSsize14_bold {font-size: 14pt; font-family:"Ms Sans Serif"; font-weight: bold;} .txtTahomaSize6 {font-size: 6pt; font-family:"Tahoma"; } .txtTahomaSize7 {font-size: 7pt; font-family:"Tahoma"; } .txtTahomaSize8 {font-size: 8pt; font-family:"Tahoma"; } .txtTahomaSize9 {font-size: 9pt; font-family:"Tahoma"; } .txtTahomaSize10 {font-size: 10pt; font-family:"Tahoma"; } .txtTahomaSize12 {font-size: 12pt; font-family:"Tahoma"; } .txtTahomaSize14 {font-size: 14pt; font-family:"Tahoma"; } .txtTahomaSize16 {font-size: 16pt; font-family:"Tahoma"; } .txtTahomaSize18 {font-size: 18pt; font-family:"Tahoma"; } .txtTahomaSize20 {font-size: 20pt; font-family:"Tahoma"; } .txtTahomaSize22 {font-size: 22pt; font-family:"Tahoma"; } .txtTahomaSize26 {font-size: 26pt; font-family:"Tahoma"; } /*.txtColorNPC{text-shadow: 1px 1px #fff; color:#E00; font-size: 16pt;font-weight: bold; padding-bottom:7px;}*/ .txtColorBlack{ color: black; } .txtColorWhite{ color: white; } .txtColorRed{ color: red; } .txtColorRedDark{ color: #d8183a; } .txtColorBlue{ color: blue; } .txtColorBlueX{ color: #131B62; } .txtColorBlueSky{ color: #3C8AFF; } .txtColorBlueSoft{ color: #0066ff; } .txtColorGreenSoft{ color: #00d200; } .txtColorGreen{ color: #009900; } .txtColorGreenDark{ color: #006600; } .txtColorError{ color: #cc0000; } .txtColorYello{ color: #FFFF00; } .txtColorOrange{ color: #ff6600; } .txtColorJOB{ color: #ff6600; text-shadow:0px 0px #ffff00;} .txtColorGray{ color: #666666; } .txtColorGray1{ color: #999999; } .txtColorGray2{ color: #CCCCCC; } .txtColorGray3{ color: #EAEAEA; } .txtColorPink{ color: #FF0099; } .txtColorPinkSoft{ color: #ff00ff; } .txtColorBrown{ color: #993300; } .txtColorHeadTools{ color: #AD2929; } .txtColorViolet{ color: #9900CC; } .txtColorTribe1{ color: #4D4D4D; } .txtColorTribe2{ color: #e815ff; } .txtColorTribe3{ color: #4189eb; } .txtColorTribe4{ color: #009900; } .txtColorTribe5{ color:#FF0000;}/* text-shadow: 1px 1px #333;}*/ .txtColorItemType1{color:#4f4f4f;} .txtColorItemType2{color:#00cc00;} .txtColorItemType3{color:#660099;} .txtColorItemType4{color:#666633;} .txtColorItemType5{color:#ff3399;} .txtColorItemType6{color:#336633;} .txtColorItemType7{color:#ffa41c;} .txtColorItemType8{color:#0033cc;} .txtColorItemType9{color:#ff0066;} .txtColorItemType10{color:#ff9900;} .txtColorItemType11{color:#0099ff;} .txtColorItemType12{color:#ff0033;} .txtColorItemType13{color:#009900;} .txtColorItemType14{color:#330099;} .txtUpStatPlate td{ font-size: 9pt; font-family:"Tahoma"; } .txtUpStatPlate #txtStatPlus {padding-left: 5px; font-size: 7pt; font-family:"Tahoma"; color: #996600; } .txtUpStatPlate #pad3 {padding-left: 3px; } .txtStatPlate td{ font-size: 8pt; font-family:"Tahoma"; } .txtStatPlate #txtStatPlus {padding-left: 5px; font-size: 7pt; font-family:"Tahoma"; color: #996600; } /* PET */ .boxMain { background-color:#FFFFFF; color: #000000; } .boxMain #top_left { width:8px; height:10px; background: url("../../images/main-border/top-left.gif") no-repeat; background-position:bottom; } .boxMain #top { height:10px; background: url("../../images/main-border/top.gif") repeat-x; background-position:bottom; } .boxMain #top_right { width:8px; height:10px; background: url("../../images/main-border/top-right.gif") no-repeat; background-position:bottom; } .boxMain #left { width:8px; background: url("../../images/main-border/left.gif") repeat-y; } .boxMain #right { width:8px; background: url("../../images/main-border/right.gif") repeat-y; } .boxMain #bottom_left { width:8px; height:10px; background: url("../../images/main-border/bottom-left.gif") no-repeat; } .boxMain #bottom { height:8px; background: url("../../images/main-border/bottom.gif") repeat-x; } .boxMain #bottom_right { width:8px; height:10px; background: url("../../images/main-border/bottom-right.gif") no-repeat; } /* PET */ .boxVice { background-color:#FFFFFF; color: #000000; } .boxVice #top_left { width:7px; height:10px; background: url("../../images/vice-border/top-left.gif") no-repeat; background-position:top; } .boxVice #top { height:10px; background: url("../../images/vice-border/top.gif") repeat-x; background-position:top; } .boxVice #top_right { width:7px; height:10px; background: url("../../images/vice-border/top-right.gif") no-repeat; background-position:top; } .boxVice #top_mainpet { height:10px background: url("../../images/vice-border/right-main-pet.gif") no-repeat; background-position:top;} .boxVice #left { width:7px; background: url("../../images/vice-border/left.gif") repeat-y; } .boxVice #right { width:7px; background: url("../../images/vice-border/right.gif") repeat-y; } .boxVice #bottom_left { width:7px; height:10px; background: url("../../images/vice-border/bottom-left.gif") no-repeat; } .boxVice #bottom { height:7px; background: url("../../images/vice-border/bottom.gif") repeat-x; } .boxVice #bottom_right { width:7px; height:10px; background: url("../../images/vice-border/bottom-right.gif") no-repeat; } /* PET */ .boxMain { background-color:#FFFFFF; color: #000000; } .boxMain #top_left { width:8px; height:10px; background: url("../../images/main-border/top-left.gif") no-repeat; background-position:bottom; } .boxMain #top { height:10px; background: url("../../images/main-border/top.gif") repeat-x; background-position:bottom; } .boxMain #top_right { width:8px; height:10px; background: url("../../images/main-border/top-right.gif") no-repeat; background-position:bottom; } .boxMain #left { width:8px; background: url("../../images/main-border/left.gif") repeat-y; } .boxMain #right { width:8px; background: url("../../images/main-border/right.gif") repeat-y; } .boxMain #bottom_left { width:8px; height:10px; background: url("../../images/main-border/bottom-left.gif") no-repeat; } .boxMain #bottom { height:8px; background: url("../../images/main-border/bottom.gif") repeat-x; } .boxMain #bottom_right { width:8px; height:10px; background: url("../../images/main-border/bottom-right.gif") no-repeat; } /* */ .box_main{ background-color:#FFFFFF; color: #000000; } /* */ .input_bt_120px { width:120px; background: url("../../images/button/input-bt-120px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_120px_blue { width:120px; background: url("../../images/button/input-bt-120px-blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_120px_orange { width:120px; background: url("../../images/button/input-bt-120px-red.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_100px { width:100px; background: url("../../images/button/input-bt-100px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_100px_blue { width:100px; background: url("../../images/button/input-bt-100px-blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_100px_orange { width:100px; background: url("../../images/button/input-bt-100px-red.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_80px_blue { width:80px; background: url("../../images/button/input-bt-80px-blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_80px_pink { width:80px; background: url("../../images/button/input-bt-80px-pink.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_80px_green { width:80px; background: url("../../images/button/input-bt-80px-green.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_80px_yellow { width:80px; background: url("../../images/button/input-bt-80px-yellow.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_80px_orange { width:80px; background: url("../../images/button/input-bt-80px-red.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_60px_blue { width:60px; background: url("../../images/button/input-bt-60px-blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_60px_pink { width:60px; background: url("../../images/button/input-bt-60px-pink.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_60px_green { width:60px; background: url("../../images/button/input-bt-60px-green.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_60px_yellow { width:60px; background: url("../../images/button/input-bt-60px-yellow.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_60px_orange { width:60px; background: url("../../images/button/input-bt-60px-red.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_40px { width:40px; background: url("../../images/button/input-bt-40px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_40px_blue { width:40px; background: url("../../images/button/input-bt-40px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_40px_orange { width:40px; background: url("../../images/button/input-bt-40px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_30px { width:30px; background: url("../../images/button/input-bt-30px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_30px_blue { width:30px; background: url("../../images/button/input-bt-30px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .input_bt_30px_orange { width:30px; background: url("../../images/button/input-bt-30px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; } .btn_paysbuy{ width: 69px; height: 30px; background: url("../../images/home/paysbuy_button.gif") no-repeat; cursor:pointer; border: 0px; } td {font-size : 10pt; font-family : "Tahoma"; color : #000000;} .size3 {font-size : 12pt; font-family : "Tahoma";} A.headForum:link {text-decoration: none; color: #0066cc; cursor:pointer; } A.headForum:visited {text-decoration: none; color: #0066cc; cursor:pointer; } A.headForum:active {text-decoration: none; color: #0066cc; cursor:pointer; } A.headForum:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #46a3ff; cursor:pointer; } A.none:link {text-decoration: none; color: blue; } A.none:visited {text-decoration: none; color: #6495ED; } A.none:active {text-decoration: none; color: blue; } A.none:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: red; } A.forumLink:link {text-decoration: none; color: #009900; cursor:pointer; } A.forumLink:visited {text-decoration: none; color: #009900; cursor:pointer; } A.forumLink:active {text-decoration: none; color: #009900; cursor:pointer; } A.forumLink:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FF00CC; cursor:pointer; } A.forumAdminLink:link {text-decoration: none; color: #FF00CC; cursor:pointer;} A.forumAdminLink:visited {text-decoration: none; color: #FF00CC; cursor:pointer; } A.forumAdminLink:active {text-decoration: none; color: #FF00CC; cursor:pointer; } A.forumAdminLink:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #0099FF; cursor:pointer; } A.facebook:link {text-decoration: none; color: #FFF; cursor:pointer; } A.facebook:visited {text-decoration: none; color: #FFF; cursor:pointer; } A.facebook:active {text-decoration: none; color: #FFF; cursor:pointer; } A.facebook:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FFF;font-weight: bold; cursor:pointer; } .leftmenu A:link {text-decoration: none; color: #009900; cursor:pointer; } .leftmenu A:visited {text-decoration: none; color: #009900; cursor:pointer; } .leftmenu A:active {text-decoration: none; color: #009900; cursor:pointer; } .leftmenu A:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FF00CC; cursor:pointer; } .leftmenu A.admin:link {text-decoration: none; color: #FF00CC; cursor:pointer; } .leftmenu A.admin:visited {text-decoration: none; color: #FF00CC; cursor:pointer; } .leftmenu A.admin:active {text-decoration: none; color: #FF00CC; cursor:pointer; } .leftmenu A.admin:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #0099FF; cursor:pointer; } A.itemMenu:link {text-decoration: none; color: #FFF; cursor:pointer; } A.itemMenu:visited {text-decoration: none; color: #FFF; cursor:pointer; } A.itemMenu:active {text-decoration: none; color: #FFF; cursor:pointer; } A.itemMenu:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FFFF00; font-weight: bold; cursor:pointer; } INPUT.none { font-family: Tahoma; BORDER-RIGHT: none; BORDER-TOP: none; BORDER-LEFT: none; BORDER-BOTTOM: none; FONT-SIZE: 9pt; BACKGROUND: none; COLOR: #333333; } INPUT.violet { /* input */ font-family: Tahoma; BORDER-RIGHT: #686898 1px; BORDER-TOP: #686898 2px solid; FONT-SIZE: 10pt; BACKGROUND: #FFFFCC; BORDER-LEFT: #686898 1px; COLOR: #FF0000; BORDER-BOTTOM: #686898 2px solid; } INPUT { /* input */ font-family: Tahoma; BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #686898 1px solid; FONT-SIZE: 10pt; BACKGROUND: #FFFFCC; BORDER-LEFT: #686898 1px solid; COLOR: #FF0000; BORDER-BOTTOM: #CCCCCC 1px solid; } TEXTAREA.violet { /* ( postnew)*/ font-family: Tahoma, sans-serif; BORDER-RIGHT: 1px solid #CCCCCC; BORDER-TOP: 1px solid #686898; FONT-SIZE: 10pt; BACKGROUND: #FFFFCC; BORDER-LEFT: 1px solid #686898; COLOR: #333333; BORDER-BOTTOM: 1px solid #CCCCCC; } SELECT.violet { BORDER-RIGHT: 1px solid #686898 ; BORDER-TOP: 1px solid #686898; BORDER-LEFT: 1px solid #686898; BORDER-BOTTOM: 1px solid #686898; font-family: "Tahoma", sans-serif; FONT-SIZE: 8pt; BACKGROUND: #FFFFCC; COLOR: #333333; } input.bluetext { font-family: Tahoma; BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #686898 1px solid; FONT-SIZE: 9pt; BACKGROUND: #FFFFCC; BORDER-LEFT: #686898 1px solid; COLOR: #003399; BORDER-BOTTOM: #CCCCCC 1px solid; } INPUT.gray { font-family: Tahoma; BORDER-RIGHT: 1px #666666; BORDER-TOP: 1px solid #666666; FONT-SIZE: 9pt; BACKGROUND: #C0C0C0; BORDER-LEFT: 1px #666666; COLOR: #000000; BORDER-BOTTOM: 1px solid #666666; } .star { color: #FF0000; } .pet_panel { border-style: dashed; border-color: #CCCCCC ; border-width:thin; background-color:#FFFFEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .pet_panel_selected { border-style: dashed; border-color: #CC66CC ; border-width:thin; background-color:#FFD9FF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} /* ToolTips */ .tool-tip { Z-INDEX: 13000; WIDTH: 139px; COLOR: #fff } .tool-title { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; background-color: #336600; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #9fd4ff; PADDING-TOP: 8px } .tool-text { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; background-color: #336600; PADDING-BOTTOM: 8px; PADDING-TOP: 4px } .custom-tip { Z-INDEX: 13000; WIDTH: 130px; COLOR: #000 } .custom-title { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #c3df7d; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #3e4f14; PADDING-TOP: 8px; BORDER-BOTTOM: #b5cf74 1px solid } .custom-text { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; BACKGROUND: #cfdfa7; PADDING-BOTTOM: 8px; PADDING-TOP: 4px } /* */ #kwicks_container { width: 575px; height: 150px; overflow:hidden; } #kwicks { position: relative; margin-left:-30px; } #kwicks .kwick { float: left; display: block; width: 185px; height: 150px; } #kwick_show1 { background-image: url(../../images/title/evil.gif); background-repeat: no-repeat; background-position: left top; background-color: #ffd8ff; width: 300px; height: 150px; } #kwick_show2 { background-color: #C7F0FE; background-image: url(../../images/title/angel.gif); background-repeat: no-repeat; background-position: left top; width: 300px; height: 150px; } #kwick_show3 { background-color: #ffecbd; background-image: url(../../images/title/titan.gif); background-repeat: no-repeat; background-position: left top; width: 300px; height: 150px; } #kwick_show4 { background-color: #c6fad3; background-image: url(../../images/title/pet2you.jpg); background-repeat: no-repeat; background-position: left top; width: 300px; height: 150px; } #gate_green_streaming { padding-left: 5px; } #gate_streaming { padding-left: 5px; } #gate_limit { overflow:hidden; width:102px; height:11px; } .gate_green { width:112px; height:11px; background: url("../../images/gate-green/gate-blank.gif") no-repeat; } .gate_green_start { width:112px; height:11px; background: url("../../images/gate-green/gate-start.gif") no-repeat; } .gate_green_end { width:112px; height:11px; background: url("../../images/gate-green/gate-end.gif") no-repeat; } .gate_pink { width:112px; height:11px; background: url("../../images/gate-pink/gate-blank.gif") no-repeat; } .gate_pink_start { width:112px; height:11px; background: url("../../images/gate-pink/gate-start.gif") no-repeat; } .gate_pink_end { width:112px; height:11px; background: url("../../images/gate-pink/gate-end.gif") no-repeat; } .gate_bluesky { width:112px; height:11px; background: url("../../images/gate-bluesky/gate-blank.gif") no-repeat; } .gate_bluesky_start { width:112px; height:11px; background: url("../../images/gate-bluesky/gate-start.gif") no-repeat; } .gate_bluesky_end { width:112px; height:11px; background: url("../../images/gate-bluesky/gate-end.gif") no-repeat; } .petstat_panel { width:268px; height:149px; background: url("../../images/main-pet/pet-panel.gif") no-repeat; } .petstat_panel_map { width:268px; height:149px; background: url("../../images/main-pet/pet-panel-map.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; } .petstat_panel_map2 { width:268px; height:182px; background: url("../../images/main-pet/pet-panel-map2.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; } .petstat_panel_useronmap { width:230px; height:250px; background: url("../../images/main-pet/pet-panel-useronmap.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; } .petstat_panel_useronmap2 { width:280px; height:300px; background: url("../../images/main-pet/pet-panel-useronmap2.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; } .panel_hp_map { width:195px; height:94px; background: url("../../images/main-pet/pet-panel-potion.gif") no-repeat; filter:alpha(opacity=95);opacity: 0.95; } .panel_skill_map { width:230px; height:250px; background: url("../../images/main-pet/pet-panel-useronmap.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; } .panel_deal { width:241px; height:223px; background: url("../../images/main-pet/pet-panel-deal.gif") no-repeat; } .panel_topmenu { width:150px; height:180px; background: url("../../images/main-pet/pet-panel-menu.gif") no-repeat; filter:alpha(opacity=90);opacity: 0.90; } .panel_pm { width:170px; height:164px; background: url("../../images/pm/panelDialog.gif") no-repeat; } .panel_weapon { width:170px; height:190px; background: url("../../images/mypet/panelWeapon.gif") no-repeat; } .panel_skill { width:200px; height:85px; background: url("../../images/main-pet/pet-panel-skill.gif") no-repeat; filter:alpha(opacity=95);opacity: 0.95; } .panel_saller { width:170px; height:109px; background: url("../../images/mypet/panelDialog2.gif") no-repeat; } .panel_topmenu2 { width:398px; height:87px; background: url("../../images/home/topmenu.gif") no-repeat; filter:alpha(opacity=90);opacity: 0.90; } .panel_save_map { width:230px; height:112px; background: url("../../images/map/savepoint/pet-panel-savepoint.gif") no-repeat; filter:alpha(opacity=95);opacity: 0.95; } .panel_save_map2 { width:230px; height:190px; background: url("../../images/map/savepoint/pet-panel-savepoint2.gif") no-repeat; filter:alpha(opacity=95);opacity: 0.95; } /* ส่วนของ ToolsTip */ #tooltip_gate { BORDER-LEFT: #439411 5px solid; BACKGROUND-COLOR: #88b823 } #tooltip_gate:hover { BACKGROUND-COLOR: #439411 } #dhtmltooltip { BORDER-TOP: #6d9ada 1px solid; BORDER-BOTTOM: #6d9ada 1px solid; BORDER-LEFT: #6d9ada 1px solid; BORDER-RIGHT: #6d9ada 1px solid; PADDING-TOP: 5px; PADDING-BOTTOM: 5px; PADDING-RIGHT: 5px; PADDING-LEFT: 8px; MIN-WIDTH: 100px; Z-INDEX: 100; VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #84adfb; TEXT-ALIGN: left; color:#FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #dhtmltooltip1 { BORDER-RIGHT: #9bc4f5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9bc4f5 1px solid; PADDING-LEFT: 5px; Z-INDEX: 100; VISIBILITY: hidden; PADDING-BOTTOM: 5px; BORDER-LEFT: #9bc4f5 1px solid; WIDTH: 215px; PADDING-TOP: 5px; BORDER-BOTTOM: #9bc4f5 1px solid; POSITION: absolute; BACKGROUND-COLOR: #BEDDFC; TEXT-ALIGN: left } .itemBorder { BORDER-RIGHT: #9bc4f5 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9bc4f5 1px solid; PADDING-LEFT: 10px; BACKGROUND: #ffffff; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #9bc4f5 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 10px; BORDER-BOTTOM: #9bc4f5 1px solid } .cardBorder { BORDER-RIGHT: #9bc4f5 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9bc4f5 1px solid; PADDING-LEFT: 10px; BACKGROUND: #ffffff; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #9bc4f5 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 10px; BORDER-BOTTOM: #9bc4f5 1px solid } .x { BORDER-RIGHT: #9bc4f5 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #9bc4f5 1px solid; PADDING-LEFT: 2px; BACKGROUND: #ffffff; FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #9bc4f5 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9bc4f5 1px solid } .box { BORDER-RIGHT: #084184 1px solid; BORDER-TOP: #084184 1px solid; MARGIN-BOTTOM: 2px; BORDER-LEFT: #084184 1px solid; BORDER-BOTTOM: #084184 1px solid; xborder-left: 1px #084184 solid; xborder-bottom: 1px #084184 solid } /* จบส่วนของ ToolsTip */ .showToolItem{ width:150px; height:70px; overflow:hidden; color: #009900; font-size: 8pt; font-family:"Tahoma"; } SELECT.showitem { BORDER-RIGHT: 0px none #686898 ; BORDER-TOP: 0px none #686898; BORDER-LEFT: 0px none #686898; BORDER-BOTTOM: 1px solid #686898; font-family: Tahoma; FONT-SIZE: 8pt; BACKGROUND: #FFFFCC; COLOR: #333333; } .itemBackground{ background: url("../../images/main-pet/wear.gif") no-repeat; width: 50px; height: 50px; line-height: 10px; vertical-align: center; } .itemBackgroundShow { background: url("../../images/main-pet/wear.gif") no-repeat; width: 50px; height: 50px; line-height: 10px; vertical-align: center; } .itemBackgroundShow img { padding: 9px; } .headPanel2{ background: url("../../images/main-pet/head-panel2.gif") no-repeat; width: 140px; height: 26px;} #wrapper { FLOAT: none; MARGIN: 0px auto; WIDTH: 100%; POSITION: relative; TEXT-ALIGN: center; } #wrapper .pageList { FONT-SIZE: 8pt; FLOAT: left; WIDTH: 18px; HEIGHT: 18px; LINE-HEIGHT: 18px; MARGIN-RIGHT: 2px; POSITION: relative; TEXT-ALIGN: center; } #wrapper .normal { background: url("../../images/main-pet/pagelist-normal.gif") no-repeat; width: 18px; height: 18px; FLOAT: left; MARGIN-RIGHT: 2px; POSITION: relative; cursor: pointer; COLOR: #444; } #wrapper .active { background: url("../../images/main-pet/pagelist-active.gif") no-repeat; width: 18px; height: 18px; FLOAT: left; MARGIN-RIGHT: 2px; POSITION: relative; cursor: pointer; COLOR: #FFF; } #wrapper .none { COLOR: #FFF; BACKGROUND-COLOR: #ECFAFF; } #wrapper .pagenext { background: url("../../images/main-pet/pagelist-next.gif") no-repeat; width: 11px; height: 18px; FLOAT: left; MARGIN-RIGHT: 2px; POSITION: relative; cursor: pointer; } #wrapper .pageback { background: url("../../images/main-pet/pagelist-back.gif") no-repeat; width: 11px; height: 18px; FLOAT: left; MARGIN-RIGHT: 2px; POSITION: relative; cursor: pointer; } #wrapper .pagenext_none { background: url("../../images/main-pet/pagelist-next-none.gif") no-repeat; width: 11px; height: 18px; FLOAT: left; MARGIN-RIGHT: 2px; POSITION: relative; } #wrapper .pageback_none { background: url("../../images/main-pet/pagelist-back-none.gif") no-repeat; width: 11px; height: 18px; FLOAT: left; MARGIN-RIGHT: 2px; POSITION: relative; } .m_register{ background: url("../../images/home/menu_register.gif") no-repeat; width: 190px; height: 52px; } .search_user_box { background: url("../../images/main-pet/send2-search-box.gif") no-repeat; width: 252px; height: 34px; } .gm_color1 {color: #0000FF} .gm_color2 {color: #0033FF} .gm_color3 {color: #0066FF} .gm_color4 {color: #0099FF} .gm_color5 {color: #00CCFF} .gm_color6 {color: #00CCFF} .gm_color2_1 {color: #FF0000} .gm_color2_2 {color: #FF0033} .gm_color2_3 {color: #FF0066} .gm_color2_4 {color: #FF0099} .gm_color2_5 {color: #FF00CC} .gm_color2_6 {color: #FF00FF} .black_overlay { DISPLAY: none; Z-INDEX: 1; FILTER: alpha(opacity=80); LEFT: 0%; WIDTH: 100%; TOP: 0%; HEIGHT: 5000px; BACKGROUND-COLOR: black; moz-opacity: 0.8; opacity: .80; POSITION: absolute; } .white_content { BORDER-RIGHT: #00CCFF 2px solid; BORDER-TOP: #00CCFF 2px solid; BORDER-LEFT: #00CCFF 2px solid; BORDER-BOTTOM: #00CCFF 2px solid; LEFT: 30%; TOP: 40%; HEIGHT: 20%; WIDTH: 40%; PADDING-RIGHT: 16px; DISPLAY: none; PADDING-LEFT: 16px; PADDING-BOTTOM: 16px; OVERFLOW: auto; PADDING-TOP: 16px; POSITION: absolute; BACKGROUND-COLOR: white; Z-INDEX: 2; } .truemonney { font-family: "Tahoma", "Tahoma"; BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #686898 1px solid; FONT-SIZE: 12pt; font-weight: bold; BACKGROUND: #FFFFCC; BORDER-LEFT: #686898 1px solid; COLOR: #FF0000; BORDER-BOTTOM: #CCCCCC 1px solid; } .truemonney-none { font-family: "Tahoma", "Tahoma"; BORDER: none; FONT-SIZE: 12pt; font-weight: bold; COLOR: #FF0000; background:none; height:25px; } .mol-none { font-family: "Tahoma", "Tahoma"; BORDER: none; FONT-SIZE: 12pt; font-weight: bold; COLOR: #009900; background:none; height:25px; } .sms-none { font-family: "Tahoma", "Tahoma"; BORDER: none; FONT-SIZE: 12pt; font-weight: bold; COLOR: #0066ff; background:none; height:25px; } .bgMacro{width:150px; height:20px; overflow:hidden; line-height:20px; padding-left:5px; cursor:pointer;} .bgActive { background-color:#FFCCFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .button_potion_100 { width:55px; height:46px; background: url("../../images/button/potion-100.gif") no-repeat; border: 0px ; cursor:pointer; } .button_potion_500 { width:55px; height:46px; background: url("../../images/button/potion-500.gif") no-repeat; border: 0px ; cursor:pointer; } .button_potion_1000 { width:55px; height:46px; background: url("../../images/button/potion-1000.gif") no-repeat; border: 0px ; cursor:pointer; } .button_potion_2000 { width:55px; height:46px; background: url("../../images/button/potion-2000.gif") no-repeat; border: 0px ; cursor:pointer; } .button_potion_5000 { width:55px; height:46px; background: url("../../images/button/potion-5000.gif") no-repeat; border: 0px ; cursor:pointer; } .button_potion_10000 { width:55px; height:46px; background: url("../../images/button/potion-10000.gif") no-repeat; border: 0px ; cursor:pointer; } .button_potion_50000 { width:55px; height:46px; background: url("../../images/button/potion-50000.gif") no-repeat; border: 0px ; cursor:pointer; } .button_80px_potion_maker { width:80px; height:20px; background: url("../../images/button/80x20-potion-maker.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;} .button_80px_potion { width:80px; height:20px; background: url("../../images/button/80x20-potion.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;} .button_100px_potion { width:100px; height:20px; background: url("../../images/button/100x20-potion.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;} .button_80px_gotomap { width:80px; height:20px; background: url("../../images/button/80x20-gotomap.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 20px; margin-top: 5px;} .button_120px20px { width:120px; height:20px; background: url("../../images/button/120x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;} .button_130px20px { width:130px; height:20px; background: url("../../images/button/130x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;} .button_150px20px { width:150px; height:20px; background: url("../../images/button/150x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;} .button_170px20px { width:170px; height:20px; background: url("../../images/button/170x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;} .button_170px { width:170px; height:25px; background: url("../../images/button/170px.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px;} .button_150px { width:150px; height:25px; background: url("../../images/button/150px.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px;} .button_itemmall1{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-1.gif") no-repeat; border: 0px ; cursor:pointer; float: left; } .button_itemmall2{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-2.gif") no-repeat; border: 0px ; cursor:pointer; float: left; margin-left: 4px;} .button_itemmall3{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-3.gif") no-repeat; border: 0px ; cursor:pointer; float: left; margin-left: 4px;} .button_itemmall4{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-4.gif") no-repeat; border: 0px ; cursor:pointer; float: left; margin-left: 4px;} .button_itemmall5{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-5.gif") no-repeat; border: 0px ; cursor:pointer; float: left; margin-left: 4px;} .button_itemmall6{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-6.gif") no-repeat; border: 0px ; cursor:pointer; float: left; margin-left: 4px;} .button_itemmall7{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-7.gif") no-repeat; border: 0px ; cursor:pointer; float: left; margin-left: 4px;} .button_itemmall8{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-8.gif") no-repeat; border: 0px ; cursor:pointer; float: left; margin-left: 4px;} .button_itemmall9{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-9.gif") no-repeat; border: 0px ; cursor:pointer; float: left; margin-left: 4px;} .button_buy_itemmall{ width:67px; height:32px; background: url("../../images/itemmall/b-buy.gif") no-repeat; border: 0px ; cursor:pointer; float: left; margin-left: 4px;} .divTR { display:block; POSITION: relative; FLOAT: left; width:580px;} .divTD { display:block; POSITION: relative; FLOAT: left; border:1px solid; width:20px;} .headPanelContext{ background: url("../../images/head-panel-context.gif") no-repeat; width: 140px; height: 26px;} .panelContext1 { width:170px; height:190px; background: url("../../images/panelContext1.gif") no-repeat; } .panelContext2 { width:170px; height:164px; background: url("../../images/panelContext2.gif") no-repeat; } .myHeaderQ { background-color: #999999; margin-top: -20px;color: #FFFFFF; padding: 2px; position:relative; min-height:20px; font-size:8pt;} .myquote{ border-style:dotted; border-width:thin; border-top-style: solid; border-color:#999999; padding:5px; position:relative; min-height:20px; font-size:8pt;} .button40 { width:40px; height:20px; background: url("../../images/button/40.gif") no-repeat; text-align:center; font-size: 10pt; color: #000000; border: 0px ; cursor:pointer; } .button60 { width:60px; height:20px; background: url("../../images/button/60.gif") no-repeat; text-align:center; font-size: 10pt; color: #000000; border: 0px ; cursor:pointer; } .button64 { width:64px; height:20px; background: url("../../images/button/64x20.gif") no-repeat; text-align:center; font-size: 10pt; color: #000000; border: 0px ; cursor:pointer; padding-left:18px; } .button80 { width:80px; height:20px; background: url("../../images/button/80.gif") no-repeat; text-align:center; font-size: 10pt; color: #000000; border: 0px ; cursor:pointer; } .button100 { width:100px; height:20px; background: url("../../images/button/100.gif") no-repeat; text-align:center; font-size: 10pt; color: #000000; border: 0px ; cursor:pointer; } .button120 { width:120px; height:20px; background: url("../../images/button/120.gif") no-repeat; text-align:center; font-size: 10pt; color: #000000; border: 0px ; cursor:pointer; } .button150 { width:150px; height:20px; background: url("../../images/button/150.gif") no-repeat; text-align:center; font-size: 10pt; color: #000000; border: 0px ; cursor:pointer; } .button64-fourleaf { width:64px; height:20px; background: url("../../images/button/64-fourleaf.gif") no-repeat; text-align:center; font-size: 10pt; color: #000000; border: 0px ; cursor:pointer; padding-left:30px; } .button64-solution { width:64px; height:20px; background: url("../../images/button/64-solution.gif") no-repeat; text-align:center; font-size: 10pt; color: #000000; border: 0px ; cursor:pointer; padding-left:25px; } .head_bar{ width:580px; height:30px; background: url("../../images/head-bar.gif") no-repeat top center; border: 0px ; color: #FFF; font-size: 12pt; font-family:"Ms Sans Serif"; font-weight: bold; text-align:center;} .mainbox_head { width:600px; height:50px; background: url("../../images/box-header.gif") no-repeat top center; line-height:50px; border: 0px ; color: #FFF; font-size: 12pt; font-family:"Ms Sans Serif"; font-weight: bold; text-align:center;} .mainbox_bg { width:600px; background: url("../../images/box-bg.gif") repeat-y top center; border: 0px ;} .mainbox_bg2 { width:600px; background: url("../../images/box-bg.gif") repeat-y top center; border: 0px; z-index:1; position:relative; text-align:center;} .mainbox_bgItem { width:600px; background: url("../../images/box-bg.gif") repeat-y top center; border: 0px; z-index:1; position:relative; text-align:center; padding-top:10px;} .mainbox_footer { width:600px; height:10px; background: url("../../images/box-footer.gif") no-repeat top center; border: 0px ;} .mainbox_head2 { width:600px; height:10px; background: url("../../images/box-header2.gif") no-repeat top center; border: 0px ; line-height:50px;} .boxArea {position:relative; min-height:150px; margin:0 auto; width:582px; text-align:left;} .chatmap-top{width:600px; height:25px; background: url("../../images/chat/chatmap.png") no-repeat;} .chatmap-body{width:600px; background: url("../../images/chat/chatmap-body.png") repeat-y;} .chatmap-bottom{width:600px; height:116px; background: url("../../images/chat/chatmap.png") 0px -25px no-repeat; position:relative; } .buttonChat-savememo{background:url(../../images/chat/button-memo.png) 0px 0px no-repeat; width:190px; height:85px; position:relative; margin-left:5px;} .buttonChat-savememo:hover{background:url(../../images/chat/button-memo.png) 0px -85px no-repeat; cursor:pointer;} .buttonChat1{background:url(../../images/chat/chat-top.png) -132px -50px no-repeat; width:49px; height:21px; float: right; margin-right:2px;} .buttonChat1:hover{background:url(../../images/chat/chat-top.png) -132px -71px no-repeat; cursor:pointer;} .buttonChat2{background:url(../../images/chat/chat-top.png) -181px -50px no-repeat; width:49px; height:21px; float: right; margin-right:2px;} .buttonChat2:hover{background:url(../../images/chat/chat-top.png) -181px -71px no-repeat; cursor:pointer;} .buttonChat3{background:url(../../images/chat/chat-top.png) -230px -50px no-repeat; width:49px; height:21px; float: right; margin-right:2px;} .buttonChat3:hover{background:url(../../images/chat/chat-top.png) -230px -71px no-repeat; cursor:pointer;} .buttonChat4{background:url(../../images/chat/chat-top.png) -279px -50px no-repeat; width:49px; height:21px; float: right; margin-right:2px;} .buttonChat4:hover{background:url(../../images/chat/chat-top.png) -279px -71px no-repeat; cursor:pointer;} .buttonChat5{background:url(../../images/chat/chat-top.png) -328px -50px no-repeat; width:49px; height:21px; float: right; margin-right:2px;} .buttonChat5:hover{background:url(../../images/chat/chat-top.png) -328px -71px no-repeat; cursor:pointer;} .buttonChat6{background:url(../../images/chat/chat-top.png) -377px -50px no-repeat; width:49px; height:21px; float: right; margin-right:2px;} .buttonChat6:hover{background:url(../../images/chat/chat-top.png) -377px -71px no-repeat; cursor:pointer;} .buttonChat7{background:url(../../images/chat/chat-top.png) -426px -50px no-repeat; width:49px; height:21px; float: right; margin-right:2px;} .buttonChat7:hover{background:url(../../images/chat/chat-top.png) -426px -71px no-repeat; cursor:pointer;} .buttonChat8{background:url(../../images/chat/chat-top.png) -475px -50px no-repeat; width:49px; height:21px; float: right; margin-right:2px;} .buttonChat8:hover{background:url(../../images/chat/chat-top.png) -475px -71px no-repeat; cursor:pointer;} .buttonChat9{background:url(../../images/chat/chat-top.png) -524px -50px no-repeat; width:65px; height:21px; float: right; margin-right:2px;} .buttonChat9:hover{background:url(../../images/chat/chat-top.png) -524px -71px no-repeat; cursor:pointer;} .buttonChat10{background:url(../../images/chat/chat-top.png) -589px -50px no-repeat; width:65px; height:21px; float: right; margin-right:2px;} .buttonChat10:hover{background:url(../../images/chat/chat-top.png) -589px -71px no-repeat; cursor:pointer;} .chat-private{ background-color:#CCFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding-left: 5px;} .chat-line{padding-bottom: 5px;} .chat-line .private{width: 17px; height: 15px; line-height: 17px; float: left;} .chat-line .award{width: 17px; height: 15px; float: left; margin-left: -3px; line-height: 17px;} .chat-line .time{width: 45px; height: 15px; float: left; line-height: 20px;} .chat-line .icon{width: 15px; height: 15px; float: left; margin: 3px 2px 0 0; cursor:pointer;} .b-iconshop{width: 65px; height: 21px; background:url(../../images/chat/bg-shop-icon.png) -89px -413px no-repeat;} .b-iconshop:hover{background:url(../../images/chat/bg-shop-icon.png) -89px -434px no-repeat; cursor:pointer;} .chat-shop{width: 281px; height: 413px; background:url(../../images/chat/bg-shop-icon.png) 0px 0px no-repeat; position:absolute; top:30px; right:50px; z-index: 2;} .chat-shop .b-buyall{width: 49px; height: 21px; background:url(../../images/chat/bg-shop-icon.png) 0px -413px no-repeat; float:right; margin: 1px 3px 0 0;} .chat-shop .b-buyall:hover{background:url(../../images/chat/bg-shop-icon.png) 0px -434px no-repeat; cursor:pointer;} .chat-shop .b-buy{width: 40px; height: 21px; background:url(../../images/chat/bg-shop-icon.png) -49px -413px no-repeat; float:right; margin: 1px 5px 0 0;} .chat-shop .b-buy:hover{background:url(../../images/chat/bg-shop-icon.png) -49px -434px no-repeat; cursor:pointer;} .chat-shop #shop-area{width:230px; height:350px; margin:0 auto; position:relative; top:65px;} .chat-shop .row{width:100%; height:25px; margin-bottom: 2px;} .chat-shop .row .icon{width:25px; height:25px; float:left;} .chat-shop .row .price{width:100px; height:25px; line-height:25px; float:left; text-align:right; padding-right:5px;} .chat-shop .row .icon{} .chat-shop .row .icon{} #itemWanted-area .bg{width: 492px; height: 345px; background:url(../../images/chat/bg-item-wanted.png) 0px 0px no-repeat; position:absolute; top:30px; left:-30px; z-index: 2;} #itemWanted-area .bg-my{width: 492px; height: 279px; background:url(../../images/chat/bg-item-wanted-my.png) 0px 0px no-repeat; position:absolute; top:30px; left:-30px; z-index: 2;} #itemWanted-area .b-contact{width: 49px; height: 21px; background:url(../../images/chat/bg-item-wanted.png) 0px -345px no-repeat; margin-top:5px;} #itemWanted-area .b-contact:hover{background:url(../../images/chat/bg-item-wanted.png) -49px -345px no-repeat; cursor:pointer;} #itemWanted-area .b-delete{width: 20px; height: 19px; background:url(../../images/chat/bg-item-wanted-my.png) 0px -279px no-repeat; margin-top:5px; margin-left:20px;} #itemWanted-area .b-delete:hover{background:url(../../images/chat/bg-item-wanted-my.png) -20px -279px no-repeat; cursor:pointer;} #itemWanted-area .item{float:left; width:32px; height:32px;} #itemWanted-area .name{float:left; width:110px; height:32px; line-height:32px; margin-left:8px; overflow:hidden; color:#330099; text-shadow: #B0DCFF 1px 1px;} #itemWanted-area .price_p{float:left; width:85px; height:32px; margin-left:5px; text-align:right; line-height:32px; color:#333;} #itemWanted-area .price_g{float:left; width:85px; height:32px; margin-left:5px; text-align:right; line-height:32px; color:#FF0;} #itemWanted-area .price_gg{float:left; width:85px; height:32px; margin-left:5px; text-align:right; line-height:32px; color:#FFF;} #itemWanted-area .unit{float:left; width:22px; height:32px; margin-left:5px; text-align:left; line-height:32px;} #itemWanted-area .contact{float:right; width:50px; height:32px; margin-left:5px;} #itemWanted-area .showname{float:right; width:120px; height:32px; text-align:left; overflow:hidden; line-height:32px;} #itemWanted-area .underline{border-bottom:1px #069 dashed; margin:3px;} .b-buyitem{width: 71px; height: 21px; background:url(../../images/chat/bg-item-wanted.png) -98px -345px no-repeat;} .b-buyitem:hover{background:url(../../images/chat/bg-item-wanted.png) -169px -345px no-repeat; cursor:pointer;} .mainbox_head-800 { width:800px; height:50px; background: url("../../images/box-header-800.png") no-repeat top center; line-height:50px; border: 0px ; color: #FFF; font-size: 12pt; font-family:"Tahoma"; font-weight: bold; text-align:center;} .mainbox_head-800-none { width:800px; height:10px; background: url("../../images/box-header-800-none.png") no-repeat top center; border: 0px ; line-height:50px;} .mainbox_bg-800 { width:800px; background: url("../../images/box-bg-800.png") repeat-y top center; border: 0px ;} .mainbox_footer-800 { width:800px; height:10px; background: url("../../images/box-footer-800.png") no-repeat top center; border: 0px ;} .boxArea-800 {position:relative; min-height:150px; margin:0 auto; width:782px; text-align:left;} .button_200px_quest { width:200px; height:20px; background: url("../../images/button/200x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 23px; margin-top: 5px;} .tools_myitem { width:600px; height:42px; background: url("../../images/main-pet/tool-bg.gif") 0px 0px no-repeat; font-size: 8pt; margin:0 auto; padding-top:10px; margin-top: -5px; } .tools_myitem .leftpos{float:left; width:80px; height:20px; line-height:20px; padding-left:10px; overflow: hidden;} .tools_myitem .rightpos{float:right; width:510px; height:20px; } .tools_myitem .rightpos .border-green{float:left; width:80px; margin-top:-3px; height:25px; border:1px dashed #093; margin-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .tools_myitem .rightpos .img-search{float:right; width:12px; height:12px; margin:6px; background:url(../../images/main-pet/search.gif) no-repeat;} #apDiv1 { background-image:url("../../images/bg-loading.gif"); FILTER: Alpha(opacity=80); opacity: 0.8; position:absolute; left:475px; top:362px; width:245px; height:82px; z-index:1000; display:none; } .bg_pm_on_forum { width:438px; height:223px; background: url("../../images/webboard/pm-border.gif") no-repeat top center; border: 0px; FILTER: alpha(opacity=98); moz-opacity: 0.98; opacity: .98;} #close_button a{ display:block; width:15px; height:15px; text-indent:-50px; background:url("../../images/close-button.gif"); background-position:0 0; cursor:pointer; } #close_button a:hover{ display:block; width:15px; height:15px; text-indent:-50px; background:url("../../images/close-button.gif"); background-position:0 15px; cursor:pointer; } #swap_sendpm a{ display:block; width:80px; height:20px; text-indent:-1000px; background:url("../../images/button/b-swap-sendpm.gif"); background-position:0 0; cursor:pointer; } #swap_sendpm a:hover{ display:block; width:80px; height:20px; text-indent:-1000px; background:url("../../images/button/b-swap-sendpm.gif"); background-position:0 20px; cursor:pointer; } .bg_refine { width:70px; height:70px; background: url("../../images/map/bg-refine.gif") no-repeat top center; border: 0px; } .bg_tooltip { width:338px; height:241px; background: url("../../images/tooltip/bg.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;} .bg_tooltip_anyitem { width:338px; height:120px; background: url("../../images/tooltip/body-item.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;} .bg_tooltip_anyitem2 { width:338px; height:150px; background: url("../../images/tooltip/body-item-2.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;} .bg-bg-removecard { width:190px; height:80px; background: url("../../images/map/bg-percent-removecard.gif") no-repeat top center; border: 0px; } /* WEAR */ .tooltip_top { width:320px; height:140px; position:absolute; left: 500px; top: 100px; background-color: rgba(225, 225, 225, 0.9); background: rgba(225, 225, 225, 0.9); color:#000; -moz-border-radius-topleft: 6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; z-index:20002; display:none;} #tooltip_picture{position:absolute; width:64px; height:64px; left:15px; top:10px; margin-right:5px;} #tooltip_picture IMG{ width:64px; height:64px; 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) */ } #tooltip_ranking{width:22px; height:22px; text-align:center; line-height:20px; font-size:14pt; font-weight:bold; position:absolute; right: 15px; top:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-shadow:0px 0px #000;} .rankS{background-color:#ffe8e1; color:#ff0000;} .rankA{background-color:#ddffff; color:#3399ff;} .rankB{background-color:#dcfecb; color:#009900;} .rankC{background-color:#CCC; color:#666;} .tootipname-area{position:absolute; width:220px; height:28px; left:90px; top:10px; text-align:left; line-height:25px; font-weight:bold;} .tootipname-area #tooltip_name1{float: left; min-width:100px; max-width:180px; height:36px; line-height: 30px; overflow: hidden; font-family:pixels2; font-size:22pt;} .tootipname-area #tooltip_plus{float: left; width:30px; height:28px; margin-left: 3px; line-height: 30px; font-size: 30pt; font-family:"pixels2"; color:#F00;} #tooltip_name2{position:absolute; width:160px; height:16px; left:90px; top:32px; text-align:left; line-height:16px; color:#333399; font-size: 10pt; font-family:"Tahoma"; font-style: italic; } #tooltip_description{position:absolute; width:290px; height:50px; left:15px; top:70px; text-align:left; line-height:18px; font-size: 11pt; color:#000; text-shadow: none;} .tooltip_line DIV{padding-left:10px; width:250px; text-align:left; line-height:15px;} .tooltip_line320 { width:320px; background-color: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95); color:#000;} .tooltip_bottom { width:320px; height:50px; position:absolute; background-color: rgba(225, 225, 225, 0.9); background: rgba(225, 225, 225, 0.95); color:#000; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;} .tooltip_bottom .bottom-area{width:300px; height:35px; position:absolute; left:10px; bottom:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9); color:#000;} .tooltip_bottom .price{position:absolute; width:200px; height:15px; left:10px; top:1px; text-align:left; line-height:15px; color: #000;} .tooltip_bottom #tooltip_tribe{position:absolute; width:200px; height:18px; left:10px; top:16px; text-align:left; line-height:18px; font-size: 9pt; } .tooltip_bottom #tooltip_card{position:absolute; width:40px; height:30px; right:50px; top:9px; text-align:left;} .tooltip_bottom #tooltip_element{position:absolute; width:20px; height:16px; right:90px; top:9px;} .tooltip_bottom #tooltip_level{position:absolute; width:40px; height:30px; right:5px; top:-2px; text-align:center; line-height:16px; font-size: 8pt; } /* GENERAL */ .tooltip_top_general { width:320px; height:155px; position:absolute; left: 500px; top: 100px; background-color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9); color:#000; -moz-border-radius-topleft: 6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; z-index:20002; display:none;} #tooltipG_picture{position:absolute; width:64px; height:64px; left:15px; top:10px; margin-right:5px;} #tooltipG_picture IMG{ width:64px; height:64px; 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) */ } .tootipgeneralname-area{position:absolute; width:220px; height:28px; left:90px; top:10px; text-align:left; line-height:25px; font-weight:bold;} .tootipgeneralname-area #tooltipG_name{float: left; min-width:200px; max-width:220px; height:36px; line-height: 30px; overflow: hidden; font-family:pixels2; font-size:22pt;} .tootipgeneralname-area .tooltipG_type{float: left; width:200px; height:15px; left:138px; top:67px; text-align:left; line-height:15px; font-size: 9pt; font-style: italic;} #tooltipG_description{position:absolute; width:290px; height:60px; left:15px; top:85px; text-align:left; line-height:18px; font-size: 11pt; color:#000; text-shadow: none;} .tooltipG_bottom { width:320px; height:50px; position:absolute; background-color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9); color:#000; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;} .tooltipG_bottom .Gbottom-area{width:300px; height:35px; position:absolute; left:10px; bottom:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: rgba(225, 225, 225, 0.8); background: rgba(225, 225, 225, 0.8); color:#000;} .tooltipG_bottom .price{position:absolute; width:200px; height:15px; left:10px; top:8px; text-align:left; line-height:15px; color: #000;} .tooltipG_bottom #tooltipG_level{position:absolute; width:40px; height:30px; right:5px; top:-2px; text-align:center; line-height:16px; font-size: 8pt;} /* CARD */ .tooltip_top_card { width:350px; height:130px; position:absolute; left: 500px; top: 100px; background-color: rgba(225, 225, 225, 0.9); background: rgba(225, 225, 225, 0.9); color:#000; -moz-border-radius-topleft: 6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; z-index:20002; display:none;} #tooltipC_picture{position:absolute; left:15px; top:20px; width:60px; height:80px; background: url("../../upload/card/none.png") no-repeat top left;} #tooltipC_name{position:absolute; left:85px; top:10px; min-width:250px; max-width:220px; height:28px; line-height: 30px; overflow: hidden; font-weight:bold; font-family:pixels2; font-size:22pt; color:#000;} #tooltipC_description{position:absolute; width:250px; height:90px; left:85px; top:35px; text-align:left; line-height:18px; font-size: 10pt; color:#000; overflow: hidden; } .tooltip_line350 { width:350px; background-color: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95); color:#000;} .tooltipC_bottom { width:350px; height:50px; position:absolute; background-color: rgba(225, 225, 225, 0.9); background: rgba(225, 225, 225, 0.9); color:#000; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;} .tooltipC_bottom .bottom-area{width:330px; height:35px; position:absolute; left:10px; bottom:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9); color:#000;} .tooltipC_bottom #tooltipC_wear{position:absolute; width:150px; height:18px; left:10px; top:16px; text-align:left; line-height:18px; color: #000;} .tooltipC_bottom #tooltipC_cardtype{position:absolute; width:18px; height:18px; right:8px; top:8px; text-align:center;} .tooltipC_bottom .price{position:absolute; width:200px; height:15px; left:10px; top:1px; text-align:left; line-height:15px;} .tooltipC_bottom #tooltipC_level{position:absolute; width:100px; height:30px; right:30px; top:8px; text-align:center; line-height:16px; font-size:8pt; color:#000;} .tooltip_top_card_battle { width:268px; height:128px; background: url("../../images/tooltip/header-card-battle.png") no-repeat top left;} .tooltip_top_card_battle #tooltipCB_picture{position:absolute; left:14px; top:9px; width:60px; height:80px;} .tooltip_top_card_battle #tooltipCB_name{position:absolute; width:155px; height:23px; left:95px; top:12px; text-align:left; line-height:18px; font-weight:bold; overflow: hidden;} .tooltip_top_card_battle #tooltipCB_description{position:absolute; width:155px; height:55px; left:95px; top:30px; text-align:left; line-height:14px; font-size: 9pt; color:#39F; text-shadow: #EEE 1px 1px;} .tooltip_top_card_battle #tooltipCB_cardoption{position:absolute; width:224px; height:25px; left:22px; top:96px; text-align:left; line-height:23px;} .tooltipCB_bottom{width:268px; height:45px; background: url("../../images/tooltip/footer-card-battle.png") 0px 0px no-repeat;} .tooltipCB_bottom #tooltipCB_cardtype{position:absolute; width:100px; height:15px; left:70px; top:14px; text-align:left; line-height:15px; font-weight: bold; color:#FF0000;} .tooltipCB_bottom #tooltipCB_cardpower{position:absolute; width:25px; height:18px; line-height:15px; left:223px; top:13px; text-align:center; color:#F00; font-weight: bold; font-size: 12pt; text-shadow: #000 1px 1px;} /* Tooltip Rune in wear */ #tooltipR_prompbox{width:211px; height:59px; background: url(../../images/tooltip/tooltip-rune1.png) 0px 0px no-repeat; position:absolute; left: 500px; top: 280px; z-index:20002; display:none;} #tooltipR_prompbox #t-pictureR{position:absolute; width:32px; height:32px; left:14px; top:13px;} #tooltipR_prompbox #t-nameR{position:absolute; width:134px; height:18px; left:64px; top:10px; overflow:hidden; line-height:18px; font-weight:bold; color:#06C;} #tooltipR_prompbox #t-detailR{position:absolute; width:134px; height:18px; left:64px; top:28px; overflow:hidden; line-height:18px; color:#666;} /* Tooltip Unlock Rune */ #tooltipUNR_prompbox{width:163px; height:59px; background: url(../../images/tooltip/tooltip-rune2.png) 0px 0px no-repeat; position:absolute; left: 500px; top: 280px; z-index:20002; display:none;} #tooltipUNR_prompbox #t-unlock-level{position:absolute; width:70px; height:18px; left:83px; top:10px; overflow:hidden; line-height:18px; color:#06C;} #tooltipUNR_prompbox #t-unlock-gold{position:absolute; width:40px; height:18px; left:98px; top:27px; line-height:18px; color:#FF0000; font-weight:bold; font-size: 10pt; text-align: center;} #tooltip-pet {width:268px; height:235px; background: url("../../images/tooltip/header-pet.png") no-repeat top left; border: 0px; position:absolute; left: 10px; top: 550px; z-index:20002;display:none;} #tooltip-pet #tooltip-pet-picture {position:absolute; width:32px; height:32px; left:36px; top:32px;} #tooltip-pet #tooltip-pet-icon {position:absolute; width:16px; height:16px; left: 90px; top: 56px;} #tooltip-pet #tooltip-pet-name {position:absolute; width:175px; height:23px; left:88px; top:15px; text-align:left; line-height:20px; overflow: hidden;} #tooltip-pet #tooltip-pet-wear{width:32px; height:32px; position:absolute; right:20px; top:40px;} #tooltip-pet #tooltip-pet-ability{width:55px; height:17px; position:absolute; left:150px; top:35px;} .ability-button-empty{width: 17px; height: 17px; background:url(../../images/mypet/ability-button.png) 0px 0px no-repeat; float: left; margin-top: 3px;} .ability-button{width: 17px; height: 17px; background:url(../../images/mypet/ability-button.png) 0px -17px no-repeat; float: left; margin-top: 3px;} #tooltip-pet .N-number{position:absolute; width:40px; height:15px; left:110px; top:57px; text-align:left; line-height:15px; font-size: 8pt; color:#009933;} #tooltip-pet .itemlevel{position:absolute; width:25px; height:15px; left:193px; top:56px; text-align:left; line-height:15px; font-size: 9pt; font-weight: bold; color:red;} #tooltip-pet #tooltip-pet-detail{position:absolute; width:238px; height:50px; left:15px; top:85px; text-align:left; line-height:16px; font-size: 9pt; color:#FFF; text-shadow: #3399FF 1px 1px;} #tooltip-pet .tooltip-pet-stat{position:absolute; width:140px; height:50px; left:25px; top:167px; text-align:left; line-height:17px;} #tooltip-pet #tooltip-pet-star{position:absolute; width:25px; height:20px; left:228px; top:151px; text-align:left; font-weight:bold;} #tooltip-pet #tooltip-pet-heart{position:absolute; width:25px; height:20px; left:228px; top:170px; text-align:left; font-weight:bold;} #tooltip-pet #tooltip-pet-bg{position:absolute; width:60px; height:15px; left:186px; top:198px; text-align:center; line-height:15px; font-size: 8pt;} .pet-showstatus-area{position:relative; width:140px; height:45px;} .pet-showstat-name{float:left; width:28%; height:15px; line-height:15px; font-weight: bold;} .pet-showstat-val{float:left; width:34%; height:15px; line-height:15px;} .pet-showstat-val-ability{float:left; width:38%; height:15px; line-height:15px;} #tooltip-normal-area {position:absolute; height:30px; min-width:100px; display:none; z-index:20002;} #tooltip-normal-area .left{background:url(../../images/tooltip/normal-tooltip.png) 0px 0px no-repeat; width:10px; height:30px; position:relative; float:left;} #tooltip-normal-area .right{background:url(../../images/tooltip/normal-tooltip.png) -10px 0px no-repeat; width:10px; height:30px; float:left;} #tooltip-normal-area #tooltip-normal-body{background:url(../../images/tooltip/normal-tooltip-body.png) repeat-x; height:30px; min-width:80px; float:left; color:#FFF; font-size:10pt; text-align:left; line-height:28px;} #swap_escape a{ display:block; width:80px; height:20px; text-indent:-1000px; background:url("../../images/button/b-swap-escape.gif"); background-position:0 0; cursor:pointer; } #swap_escape a:hover{ display:block; width:80px; height:20px; text-indent:-1000px; background:url("../../images/button/b-swap-escape.gif"); background-position:0 20px; cursor:pointer; } .swap_refill_TTCC { width:90px; height:25px; background:url(../../images/cash/button-truemoney.gif) 0px 0px no-repeat; } .swap_refill_TTCC:hover{ width:90px; height:25px; background:url(../../images/cash/button-truemoney.gif) 0px -25px no-repeat; cursor:pointer; } .swap-removing-card a{ display:block; width:191px; height:46px; background:url(../../images/button/button-removing-card.gif); background-position:0 0; cursor:pointer; } .swap-removing-card a:hover{ display:block; width:191px; height:46px; background:url(../../images/button/button-removing-card.gif); background-position:0 46px; cursor:pointer; } .swap-mini-close a{ display:block; width:5px; height:5px; background:url(../../images/button/button-mini-close.gif); background-position:0 0; cursor:pointer; } .swap-mini-close a:hover{ display:block; width:5px; height:5px; background:url(../../images/button/button-mini-close.gif); background-position:0 5px; cursor:pointer; } .bg-select-item { width:315px; height:206px; background: url("../../images/map/select-item.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;} .button-login a{ display:block; width:94px; height:29px; background:url(../../images/button/button-login.png); background-position:0 0; cursor:pointer; } .button-login a:hover{ display:block; width:94px; height:29px; background:url(../../images/button/button-login.png); background-position:0 29px; cursor:pointer; } .button-logout a{ display:block; width:166px; height:29px; background:url(../../images/button/button-logout.png); background-position:0 0; cursor:pointer; } .button-logout a:hover{ display:block; width:166px; height:29px; background:url(../../images/button/button-logout.png); background-position:0 29px; cursor:pointer; } .button-forgot a{ display:block; width:67px; height:29px; background:url(../../images/button/button-forgetpassword.png); background-position:0 0; cursor:pointer; } .button-forgot a:hover{ display:block; width:67px; height:29px; background:url(../../images/button/button-forgetpassword.png); background-position:0 29px; cursor:pointer; } .tutor-bg{position:absolute; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); z-index:11;} .tutor-panel{position:absolute; width:467px; z-index:12;} .tutor-panel .right-arrow{float:left; width:90px; height:100px;} .tutor-panel .bottom-arrow{float:left; width:355px; height:80px;} .tutor-panel .text{float:left; position:relative; background:url(../../images/tutor/bg-text1.png) left top no-repeat; width:355px; height:100px; padding-top: 25px;} .tutor-panel .text-area{float:left;width:355px;} .tutor-panel .button-area{position:relative;width:120px;margin:0 auto; bottom:-25px;} .tutor-panel .next{ float:left; background:url(../../images/tutor/next.png) 0px 0px no-repeat; width: 49px; height: 16px; } .tutor-panel .next:hover{ float:left; background:url(../../images/tutor/next.png) 0px -16px no-repeat; width: 49px; height: 16px; cursor: pointer; } .tutor-panel .back{ float:left; background:url(../../images/tutor/back.png) 0px 0px no-repeat; width: 49px; height: 16px; } .tutor-panel .back:hover{ float:left; background:url(../../images/tutor/back.png) 0px -16px no-repeat; width: 49px; height: 16px; cursor: pointer; } .tutor-panel-mini {position:absolute; width:290px;z-index:12;} .tutor-panel-mini .left-arrow{float:left; width:45px; height:69px;} .tutor-panel-mini .up-arrow{float:left; width:243px; height:43px; margin-top: -10px;} .tutor-panel-mini .down-arrow{float:left; width:243px; height:43px; margin-top: -10px;} .tutor-panel-mini .text{float:left; position:relative; background:url(../../images/tutor/bg-mini.png) left top no-repeat; width:243px; height:69px; padding-top: 10px;} .tutor-panel-mini .text-area{float:left;width:243px;} .tutor-panel-mini .button-area{position:relative;width:120px;margin:0 auto; bottom:-25px;} .tutor-panel-micro {position:absolute; width:200px;z-index:12; z-index:10001;} .tutor-panel-micro .left-arrow{float:left; width:45px; height:43px;} .tutor-panel-micro .right-arrow{float:left; width:45px; height:43px;} .tutor-panel-micro .up-arrow{float:left; width:150px; height:43px; margin-top: -10px;} .tutor-panel-micro .down-arrow{float:left; width:150px; height:43px; margin-top: -10px;} .tutor-panel-micro .text{float:left; position:relative; background:url(../../images/tutor/bg-micro.png) left top no-repeat; width:150px; height:43px; padding-top: 10px;} .tutor-panel-micro .text-area{float:left;width:150px;} .tutor-panel-micro .button-area{position:relative;width:120px;margin:0 auto; bottom:-25px;} .fighter-box{position:relative; margin:0 auto; width:600px; min-height:300px;} .fighter-result-box{position:relative; margin:0 auto; width:600px;} .mouse-right-panel{background:url(../../images/map/right-mouse-panel.png) left top no-repeat; width:148px; height:115px; position: absolute; z-index:10; display: none;} .vdo1-button{ background:url(../../images/vdo/vdo-button1.gif) 0px 0px no-repeat; width: 180px; height: 119px; } .vdo1-button:hover{ background:url(../../images/vdo/vdo-button1.gif) 0px -119px no-repeat; width: 180px; height: 119px; cursor: pointer; } .vdo2-button{ background:url(../../images/vdo/vdo-button2.gif) 0px 0px no-repeat; width: 180px; height: 119px; } .vdo2-button:hover{ background:url(../../images/vdo/vdo-button2.gif) 0px -119px no-repeat; width: 180px; height: 119px; cursor: pointer; } .vdo3-button{ background:url(../../images/vdo/vdo-button3.gif) 0px 0px no-repeat; width: 180px; height: 119px; } .vdo3-button:hover{ background:url(../../images/vdo/vdo-button3.gif) 0px -119px no-repeat; width: 180px; height: 119px; cursor: pointer; } .vdo4-button{ background:url(../../images/vdo/vdo-button4.gif) 0px 0px no-repeat; width: 180px; height: 119px; } .vdo4-button:hover{ background:url(../../images/vdo/vdo-button4.gif) 0px -119px no-repeat; width: 180px; height: 119px; cursor: pointer; } .button-cms-reply{ background:url(../../images/button/button-cms-reply.gif) 0px 0px no-repeat; width: 46px; height: 19px; } .button-cms-reply:hover{ background:url(../../images/button/button-cms-reply.gif) 0px -19px no-repeat; width: 46px; height: 19px; cursor: pointer; } .button-refill1{ float: left; background:url(../../images/cash/btn-refill1.png) 0px 0px no-repeat; width: 189px; height: 106px; } .button-refill1:hover{ float: left; background:url(../../images/cash/btn-refill1.png) 0px -106px no-repeat; width: 189px; height: 106px; cursor: pointer; } .button-refill2{ float: left; margin-left: 4px; background:url(../../images/cash/btn-refill2.png) 0px 0px no-repeat; width: 189px; height: 106px; } .button-refill2:hover{ float: left; margin-left: 4px; background:url(../../images/cash/btn-refill2.png) 0px -106px no-repeat; width: 189px; height: 106px; cursor: pointer; } .button-refill3{ float: right; background:url(../../images/cash/btn-refill3.png) 0px 0px no-repeat; width: 189px; height: 106px; } .button-refill3:hover{ float: right; background:url(../../images/cash/btn-refill3.png) 0px -106px no-repeat; width: 189px; height: 106px; cursor: pointer; } .button-gid{ background:url(../../images/home/gid/btn-gid.png) 0px 0px no-repeat; width: 465px; height: 93px; } .button-gid:hover{ background:url(../../images/home/gid/btn-gid.png) 0px -93px no-repeat; width: 465px; height: 93px; cursor: pointer; } .img-gid-ex{width:175px; height:149px; float:left;} .img-gid-ex img{border: 1px #DFDFDF solid;} .btn-facebook-main a{ display:block; background:url(../../images/home/btn-play.png) 0px 0px no-repeat; width: 227px; height: 55px; } .btn-facebook-main a:hover{ display:block; background:url(../../images/home/btn-play.png) 0px -55px no-repeat; width: 227px; height: 55px; cursor: pointer; } .buttonlist-select-item1{width: 32px; height: 28px; float: left; background:url(../../images/new-button/shop-select-item.png) 0px 0px no-repeat;} .buttonlist-select-item1:hover{width: 32px; height: 28px; float: left; background:url(../../images/new-button/shop-select-item.png) 0px -28px no-repeat;cursor: pointer; } .buttonlist-select-item2{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -32px 0px no-repeat;} .buttonlist-select-item2:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -32px -28px no-repeat;cursor: pointer; } .buttonlist-select-item3{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -64px 0px no-repeat;} .buttonlist-select-item3:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -64px -28px no-repeat;cursor: pointer; } .buttonlist-select-item4{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -96px 0px no-repeat;} .buttonlist-select-item4:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -96px -28px no-repeat;cursor: pointer; } .buttonlist-select-item5{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -128px 0px no-repeat;} .buttonlist-select-item5:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -128px -28px no-repeat;cursor: pointer; } .buttonlist-select-item6{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -160px 0px no-repeat;} .buttonlist-select-item6:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -160px -28px no-repeat;cursor: pointer; } .buttonlist-select-item7{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -192px 0px no-repeat;} .buttonlist-select-item7:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -192px -28px no-repeat;cursor: pointer; } .buttonlist-page-number1{width: 23px; height: 23px; float: left; background:url(../../images/new-button/page-number.png) 0px 0px no-repeat;} .buttonlist-page-number1:hover{width: 23px; height: 23px; float: left; background:url(../../images/new-button/page-number.png) 0px -23px no-repeat;cursor: pointer; } .buttonlist-page-number1-active{width: 23px; height: 23px; float: left; background:url(../../images/new-button/page-number.png) 0px -46px no-repeat;} .buttonlist-page-number2{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -23px 0px no-repeat;} .buttonlist-page-number2:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -23px -23px no-repeat;cursor: pointer; } .buttonlist-page-number2-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -23px -46px no-repeat;} .buttonlist-page-number3{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -46px 0px no-repeat;} .buttonlist-page-number3:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -46px -23px no-repeat;cursor: pointer; } .buttonlist-page-number3-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -46px -46px no-repeat; } .buttonlist-page-number4{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -69px 0px no-repeat;} .buttonlist-page-number4:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -69px -23px no-repeat;cursor: pointer; } .buttonlist-page-number4-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -69px -46px no-repeat; } .buttonlist-page-number5{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -92px 0px no-repeat;} .buttonlist-page-number5:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -92px -23px no-repeat;cursor: pointer; } .buttonlist-page-number5-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -92px -46px no-repeat; } .buttonlist-page-number6{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -115px 0px no-repeat;} .buttonlist-page-number6:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -115px -23px no-repeat;cursor: pointer;} .buttonlist-page-number6-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -115px -46px no-repeat;} .buttonlist-page-number7{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -138px 0px no-repeat;} .buttonlist-page-number7:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -138px -23px no-repeat;cursor: pointer;} .buttonlist-page-number7-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -138px -46px no-repeat;} .buttonlist-page-number8{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -161px 0px no-repeat;} .buttonlist-page-number8:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -161px -23px no-repeat;cursor: pointer;} .buttonlist-page-number8-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -161px -46px no-repeat;} .buttonlist-page-number9{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -184px 0px no-repeat;} .buttonlist-page-number9:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -184px -23px no-repeat;cursor: pointer;} .buttonlist-page-number9-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -184px -46px no-repeat;} .buttonlist-page-number10{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -207px 0px no-repeat;} .buttonlist-page-number10:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -207px -23px no-repeat;cursor: pointer;} .buttonlist-page-number10-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -207px -46px no-repeat;} /* 20 px */ .new-button-pm{width: 40px; height: 20px; background:url(../../images/new-button/pm.png) 0px 0px no-repeat;} .new-button-pm:hover{width: 40px; height: 20px; background:url(../../images/new-button/pm.png) 0px -20px no-repeat;cursor: pointer;} .new-button-friend{width: 60px; height: 20px; background:url(../../images/new-button/friend.png) 0px 0px no-repeat;} .new-button-friend:hover{width: 60px; height: 20px; background:url(../../images/new-button/friend.png) 0px -20px no-repeat; cursor: pointer;} .new-button-love{width: 55px; height: 20px; background:url(../../images/new-button/love.png) 0px 0px no-repeat;} .new-button-love:hover{width: 55px; height: 20px; background:url(../../images/new-button/love.png) 0px -20px no-repeat; cursor: pointer;} .new-button-exit{ width: 60px; height: 20px; background:url(../../images/new-button/exit.png) 0px 0px no-repeat;} .new-button-exit:hover{width: 60px; height: 20px; background:url(../../images/new-button/exit.png) 0px -20px no-repeat; cursor: pointer;} .new-button-buy{ width: 30px; height: 31px; background:url(../../images/new-button/buy.png) 0px 0px no-repeat;} .new-button-buy:hover{width: 30px; height: 31px; background:url(../../images/new-button/buy.png) 0px -31px no-repeat; cursor: pointer;} .new-button-yes{ width: 80px; height: 20px; background:url(../../images/new-button/yes.png) 0px 0px no-repeat;} .new-button-yes:hover{width: 80px; height: 20px; background:url(../../images/new-button/yes.png) 0px -20px no-repeat; cursor: pointer;} .new-button-delete{ width: 55px; height: 20px; background:url(../../images/new-button/delete.png) 0px 0px no-repeat;} .new-button-delete:hover{width: 55px; height: 20px; background:url(../../images/new-button/delete.png) 0px -20px no-repeat; cursor: pointer;} /* 25 px */ .new-button-create{ width: 80px; height: 25px; background:url(../../images/new-button/create.png) 0px 0px no-repeat; position: absolute; left:50px; top:90px;} .new-button-create:hover{width: 80px; height: 25px; background:url(../../images/new-button/create.png) 0px -25px no-repeat; cursor: pointer;} .button-quest-200black{ margin-top: 3px; width: 200px; height: 25px; background:url(../../images/new-button/questbuttom-200.png) 0px 0px no-repeat; margin-left: 25px; padding-left: 25px; font-size: 10pt; font-family: tahoma; color: #797979; line-height: 23px;} .button-quest-200black:hover{margin-top: 3px; width: 200px; height: 25px; background:url(../../images/new-button/questbuttom-200.png) 0px -25px no-repeat; margin-left: 25px; padding-left: 25px; font-size: 10pt; font-family: tahoma; color: #0066FF; line-height: 23px; cursor: pointer;} .new-button-reply-board{ width: 100px; height: 25px; background:url(../../images/new-button/reply-board.png) 0px 0px no-repeat;} .new-button-reply-board:hover{width: 100px; height: 25px; background:url(../../images/new-button/reply-board.png) 0px -25px no-repeat; cursor: pointer;} .statmap-chat{ width: 78px; height: 25px; background:url(../../images/new-button/statmap-chat.png) 0px 0px no-repeat;} .statmap-chat:hover{width: 78px; height: 25px; background:url(../../images/new-button/statmap-chat.png) 0px -25px no-repeat; cursor: pointer;} .statmap-sound{ width: 78px; height: 25px; background:url(../../images/new-button/statmap-sound.png) 0px 0px no-repeat;} .statmap-sound:hover{width: 78px; height: 25px; background:url(../../images/new-button/statmap-sound.png) 0px -25px no-repeat; cursor: pointer;} .statmap-effect{ width: 95px; height: 25px; background:url(../../images/new-button/statmap-effect.png) 0px 0px no-repeat;} .statmap-effect:hover{width: 95px; height: 25px; background:url(../../images/new-button/statmap-effect.png) 0px -25px no-repeat; cursor: pointer;} .button-change-money-100{ width: 60px; height: 40px; background:url(../../images/new-button/b100.png) 0px 0px no-repeat;} .button-change-money-100:hover{width: 60px; height: 40px; background:url(../../images/new-button/b100.png) 0px -40px no-repeat; cursor: pointer;} .button-change-money-500{ width: 60px; height: 40px; background:url(../../images/new-button/b500.png) 0px 0px no-repeat;} .button-change-money-500:hover{width: 60px; height: 40px; background:url(../../images/new-button/b500.png) 0px -40px no-repeat; cursor: pointer;} .button-change-money-1000{ width: 60px; height: 40px; background:url(../../images/new-button/b1000.png) 0px 0px no-repeat;} .button-change-money-1000:hover{width: 60px; height: 40px; background:url(../../images/new-button/b1000.png) 0px -40px no-repeat; cursor: pointer;} .radius{ -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 6px; background: none repeat scroll 0 0 rgba(127, 127, 127, 0.7); } .alert-box{position: absolute; width: 508px; height:208px; background:url(../../images/alert/alertbox-bg.png) 0px 0px no-repeat; } .alert-box .button-OK{position: absolute; width: 124px; height:55px; background:url(../../images/alert/alertbox-bg.png) 0px -208px no-repeat;} .alert-box .button-OK:hover{background:url(../../images/alert/alertbox-bg.png) 0px -263px no-repeat;cursor: pointer;} .alert-box .button-CANCEL{position: absolute; width: 124px; height:55px; background:url(../../images/alert/alertbox-bg.png) -124px -208px no-repeat;} .alert-box .button-CANCEL:hover{background:url(../../images/alert/alertbox-bg.png) -124px -263px no-repeat;cursor: pointer;} .disp-text{padding:10px;padding-top:40px; line-height:30px; font-family: pixels2; font-size: 24pt; color:#0033ff} .alert-box1{position: absolute; width: 384px; height:115px; background:url(../../images/confirm-alert.png) 0px -115px no-repeat;} .info-box{position: absolute; width: 384px; height:115px; background:url(../../images/confirm-alert.png) 0px -230px no-repeat;} .b-yes{position: absolute; width: 77px; height:29px; background:url(../../images/confirm-alert.png) -384px 0px no-repeat;} .b-yes:hover{background:url(../../images/confirm-alert.png) -384px -29px no-repeat;cursor: pointer;} .b-cancel{position: absolute; width: 77px; height:29px; background:url(../../images/confirm-alert.png) -384px -58px no-repeat;} .b-cancel:hover{background:url(../../images/confirm-alert.png) -384px -87px no-repeat;cursor: pointer;} .b-close{position: absolute; width: 77px; height:29px; background:url(../../images/confirm-alert.png) -384px -116px no-repeat;} .b-close:hover{background:url(../../images/confirm-alert.png) -384px -145px no-repeat;cursor: pointer;} .b-yes-blue{position: absolute; width: 77px; height:29px; background:url(../../images/confirm-alert.png) -384px -174px no-repeat;} .b-yes-blue:hover{background:url(../../images/confirm-alert.png) -384px -203px no-repeat;cursor: pointer;} .b-close-blue{position: absolute; width: 77px; height:29px; background:url(../../images/confirm-alert.png) -384px -232px no-repeat;} .b-close-blue:hover{background:url(../../images/confirm-alert.png) -384px -261px no-repeat;cursor: pointer;} .alertBox { position: absolute; width: 384px; height:115px; background:url(../../images/confirm-alert.png) 0px -115px no-repeat; overflow:hidden; text-align:center; font-weight:bold; padding-top: 30px; left:89px; top:176px; z-index:20003; } .b-refill{position: absolute; width: 77px; height:29px; background:url(../../images/confirm-alert.png) -384px -290px no-repeat;} .b-refill:hover{background:url(../../images/confirm-alert.png) -384px -319px no-repeat;cursor: pointer;} .box-preview-monster-top{background:url(../../images/map/quest-object/box-monster/top.png) no-repeat; width:71px; height:13px; position:relative;} .box-preview-monster-body{background:url(../../images/map/quest-object/box-monster/body.png) repeat-y; width:71px; min-height:26px; position:relative;} .box-preview-monster-bottom{background:url(../../images/map/quest-object/box-monster/bottom.png) no-repeat; width:71px; height:10px; position:relative; margin-top: -2px;} .box-preview-text{position:absolute; width:40px; height:13px; right:7px; top:2px;} .m-12{position: relative; background:url(../../images/map/quest-object/box-monster/12.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-21{position: relative; background:url(../../images/map/quest-object/box-monster/21.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-28{position: relative; background:url(../../images/map/quest-object/box-monster/28.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-32{position: relative; background:url(../../images/map/quest-object/box-monster/32.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-38{position: relative; background:url(../../images/map/quest-object/box-monster/38.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-46{position: relative; background:url(../../images/map/quest-object/box-monster/46.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-47{position: relative; background:url(../../images/map/quest-object/box-monster/47.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-62{position: relative; background:url(../../images/map/quest-object/box-monster/62.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-71{position: relative; background:url(../../images/map/quest-object/box-monster/71.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-79{position: relative; background:url(../../images/map/quest-object/box-monster/79.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-83{position: relative; background:url(../../images/map/quest-object/box-monster/83.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-85{position: relative; background:url(../../images/map/quest-object/box-monster/85.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-87{position: relative; background:url(../../images/map/quest-object/box-monster/87.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-108{position: relative; background:url(../../images/map/quest-object/box-monster/108.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-112{position: relative; background:url(../../images/map/quest-object/box-monster/112.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-190{position: relative; background:url(../../images/map/quest-object/box-monster/190.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-200{position: relative; background:url(../../images/map/quest-object/box-monster/200.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-265{position: relative; background:url(../../images/map/quest-object/box-monster/265.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-275{position: relative; background:url(../../images/map/quest-object/box-monster/275.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-278{position: relative; background:url(../../images/map/quest-object/box-monster/278.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-113{position: relative; background:url(../../images/map/quest-object/box-monster/113.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-165{position: relative; background:url(../../images/map/quest-object/box-monster/165.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-166{position: relative; background:url(../../images/map/quest-object/box-monster/166.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-42{position: relative; background:url(../../images/map/quest-object/box-monster/42.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-223{position: relative; background:url(../../images/map/quest-object/box-monster/223.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-9{position: relative; background:url(../../images/map/quest-object/box-monster/9.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-94{position: relative; background:url(../../images/map/quest-object/box-monster/94.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-103{position: relative; background:url(../../images/map/quest-object/box-monster/103.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-104{position: relative; background:url(../../images/map/quest-object/box-monster/104.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-362{position: relative; background:url(../../images/map/quest-object/box-monster/362.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-361{position: relative; background:url(../../images/map/quest-object/box-monster/361.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-360{position: relative; background:url(../../images/map/quest-object/box-monster/360.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-346{position: relative; background:url(../../images/map/quest-object/box-monster/346.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-341{position: relative; background:url(../../images/map/quest-object/box-monster/341.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-400{position: relative; background:url(../../images/map/quest-object/box-monster/400.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-401{position: relative; background:url(../../images/map/quest-object/box-monster/401.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-409{position: relative; background:url(../../images/map/quest-object/box-monster/409.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .m-415{position: relative; background:url(../../images/map/quest-object/box-monster/415.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;} .closeX{width:8px; height:8px; background:url("../../images/map/quest-object/box-monster/x.png") 0px 0px no-repeat;} .closeX:hover{width:8px; height:8px; background:url("../../images/map/quest-object/box-monster/x.png") 0px -8px no-repeat; cursor:pointer;} .hair-b0{width:40px; height:40px; background:url("../../images/new-button/hair-button-disable.png") 0px 0px no-repeat;} .hair-b1{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") 0px 0px no-repeat;} .hair-b1:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") 0px -40px no-repeat; cursor:pointer;} .hair-b2{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -40px 0px no-repeat;} .hair-b2:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -40px -40px no-repeat; cursor:pointer;} .hair-b3{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -80px 0px no-repeat;} .hair-b3:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -80px -40px no-repeat; cursor:pointer;} .hair-b4{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -120px 0px no-repeat;} .hair-b4:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -120px -40px no-repeat; cursor:pointer;} .hair-b5{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -160px 0px no-repeat;} .hair-b5:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -160px -40px no-repeat; cursor:pointer;} .hair-b6{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -200px 0px no-repeat;} .hair-b6:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -200px -40px no-repeat; cursor:pointer;} .hair-b7{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -240px 0px no-repeat;} .hair-b7:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -240px -40px no-repeat; cursor:pointer;} .hair-b8{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -280px 0px no-repeat;} .hair-b8:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -280px -40px no-repeat; cursor:pointer;} .hair-b9{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -320px 0px no-repeat;} .hair-b9:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -320px -40px no-repeat; cursor:pointer;} .hair-b10{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -360px 0px no-repeat;} .hair-b10:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -360px -40px no-repeat; cursor:pointer;} .hair-b11{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -400px 0px no-repeat;} .hair-b11:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -400px -40px no-repeat; cursor:pointer;} .hair-b12{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -440px 0px no-repeat;} .hair-b12:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -440px -40px no-repeat; cursor:pointer;} .hair-b13{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -480px 0px no-repeat;} .hair-b13:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -480px -40px no-repeat; cursor:pointer;} .hair-b14{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -520px 0px no-repeat;} .hair-b14:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -520px -40px no-repeat; cursor:pointer;} .hair-b15{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -560px 0px no-repeat;} .hair-b15:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -560px -40px no-repeat; cursor:pointer;} .hair-b16{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -600px 0px no-repeat;} .hair-b16:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -600px -40px no-repeat; cursor:pointer;} .head-divine1-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") 0px 0px no-repeat;} .head-divine1-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") 0px -55px no-repeat; cursor:pointer;} .head-divine2-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -77px 0px no-repeat;} .head-divine2-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -77px -55px no-repeat; cursor:pointer;} .head-divine3-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -154px 0px no-repeat;} .head-divine3-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -154px -55px no-repeat; cursor:pointer;} .head-divine1-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -231px 0px no-repeat;} .head-divine1-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -231px -55px no-repeat; cursor:pointer;} .head-divine2-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -308px 0px no-repeat;} .head-divine2-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -308px -55px no-repeat; cursor:pointer;} .head-divine3-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -385px 0px no-repeat;} .head-divine3-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -385px -55px no-repeat; cursor:pointer;} .head-archevil1-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -462px 0px no-repeat;} .head-archevil1-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -462px -55px no-repeat; cursor:pointer;} .head-archevil2-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -539px 0px no-repeat;} .head-archevil2-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -539px -55px no-repeat; cursor:pointer;} .head-archevil3-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -616px 0px no-repeat;} .head-archevil3-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -616px -55px no-repeat; cursor:pointer;} .head-archevil1-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -693px 0px no-repeat;} .head-archevil1-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -693px -55px no-repeat; cursor:pointer;} .head-archevil2-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -770px 0px no-repeat;} .head-archevil2-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -770px -55px no-repeat; cursor:pointer;} .head-archevil3-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -847px 0px no-repeat;} .head-archevil3-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -847px -55px no-repeat; cursor:pointer;} .head-ogre1-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -924px 0px no-repeat;} .head-ogre1-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -924px -55px no-repeat; cursor:pointer;} .head-ogre2-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1001px 0px no-repeat;} .head-ogre2-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1001px -55px no-repeat; cursor:pointer;} .head-ogre3-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1078px 0px no-repeat;} .head-ogre3-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1078px -55px no-repeat; cursor:pointer;} .head-ogre1-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1155px 0px no-repeat;} .head-ogre1-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1155px -55px no-repeat; cursor:pointer;} .head-ogre2-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1232px 0px no-repeat;} .head-ogre2-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1232px -55px no-repeat; cursor:pointer;} .head-ogre3-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1309px 0px no-repeat;} .head-ogre3-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1309px -55px no-repeat; cursor:pointer;} .box-item-menu-top{background:url(../../images/new-itemmenu/top.png) no-repeat; width:169px; height:45px; position:relative;} .box-item-menu-body{background:url(../../images/new-itemmenu/body.png) repeat-y; width:169px; min-height:26px; position:relative;} .box-item-menu-bottom{background:url(../../images/new-itemmenu/bottom.png) no-repeat; width:169px; height:15px; position:relative; margin-top: 0px;} .box-item-menu-icon{float:left; width:25px; height:25px;} .box-item-menu-link{float:right; width:105px; height:25px; line-height:25px;} /*.box-preview-text{position:absolute; width:40px; height:13px; right:7px; top:2px;}*/ .box-item-menu-by-treasury-top{background:url(../../images/new-itemmenu/top-treasury2.png) no-repeat; width:280px; height:45px; position:relative;} .box-item-menu-treasury-top{background:url(../../images/new-itemmenu/top-treasury.png) no-repeat; width:280px; height:45px; position:relative;} .box-item-menu-sale-top{background:url(../../images/new-itemmenu/top-sale.png) no-repeat; width:280px; height:45px; position:relative;} .box-item-menu-sale-body, .box-item-menu-treasury-body, .box-item-menu-skill-body{background:url(../../images/new-itemmenu/body-sale.png) repeat-y; width:280px; min-height:26px; position:relative;} .box-item-menu-sale-bottom, .box-item-menu-treasury-bottom, .box-item-menu-skill-bottom{background:url(../../images/new-itemmenu/bottom-sale.png) no-repeat; width:280px; height:15px; position:relative; margin-top: 0px;} .box-item-menu-skill-top{background:url(../../images/new-itemmenu/top-skill.png) no-repeat; width:280px; height:45px; position:relative;} .button-sale{width:70px; height:25px; background:url("../../images/new-button/timemenu-sale.png") 0px 0px no-repeat;} .button-sale:hover{width:70px; height:25px; background:url("../../images/new-button/timemenu-sale.png") 0px -25px no-repeat; cursor:pointer;} .button-treasury{width:70px; height:25px; background:url("../../images/new-button/timemenu-treasury.png") 0px 0px no-repeat;} .button-treasury:hover{width:70px; height:25px; background:url("../../images/new-button/timemenu-treasury.png") 0px -25px no-repeat; cursor:pointer;} .button-by-treasury{width:70px; height:25px; background:url("../../images/new-button/timemenu-by-treasury.png") 0px 0px no-repeat;} .button-by-treasury:hover{width:70px; height:25px; background:url("../../images/new-button/timemenu-by-treasury.png") 0px -25px no-repeat; cursor:pointer;} .button-mini-refill {width:11px; height:11px; background:url("../../images/new-button/button-mini-refill.png") 0px 0px no-repeat;} .button-mini-refill:hover{width:11px; height:11px; background:url("../../images/new-button/button-mini-refill.png") 0px -11px no-repeat; cursor:pointer;} .cycle-menu1{width:125px; height:94px; background:url("../../images/menu/cycle-menu-1.png") 0px 0px no-repeat;} .cycle-menu1:hover{width:125px; height:94px; background:url("../../images/menu/cycle-menu-1.png") 0px -94px no-repeat; cursor:pointer;} .cycle-menu2{width:125px; height:93px; background:url("../../images/menu/cycle-menu-2.png") 0px 0px no-repeat;} .cycle-menu2:hover{width:125px; height:93px; background:url("../../images/menu/cycle-menu-2.png") 0px -93px no-repeat; cursor:pointer;} .cycle-menu3{width:93px; height:124px; background:url("../../images/menu/cycle-menu-3.png") 0px 0px no-repeat;} .cycle-menu3:hover{width:93px; height:124px; background:url("../../images/menu/cycle-menu-3.png") 0px -124px no-repeat; cursor:pointer;} .cycle-menu4{width:93px; height:124px; background:url("../../images/menu/cycle-menu-4.png") 0px 0px no-repeat;} .cycle-menu4:hover{width:93px; height:124px; background:url("../../images/menu/cycle-menu-4.png") 0px -124px no-repeat; cursor:pointer;} .cycle-menu5{width:124px; height:93px; background:url("../../images/menu/cycle-menu-5.png") 0px 0px no-repeat;} .cycle-menu5:hover{width:124px; height:93px; background:url("../../images/menu/cycle-menu-5.png") 0px -93px no-repeat; cursor:pointer;} .cycle-menu6{width:125px; height:94px; background:url("../../images/menu/cycle-menu-6.png") 0px 0px no-repeat;} .cycle-menu6:hover{width:125px; height:94px; background:url("../../images/menu/cycle-menu-6.png") 0px -94px no-repeat; cursor:pointer;} .cycle-menu7{width:175px; height:127px; background:url("../../images/menu/cycle-menu-7.png") 0px 0px no-repeat;} .cycle-menu7:hover{width:175px; height:127px; background:url("../../images/menu/cycle-menu-7.png") 0px -127px no-repeat; cursor:pointer;} .cycle-menu-center{width:114px; height:114px; background:url("../../images/menu/cycle-menu-center.png") 0px 0px no-repeat;} .cycle-menu-center:hover{width:114px; height:114px; background:url("../../images/menu/cycle-menu-center.png") 0px -114px no-repeat; cursor:pointer;} .box-tip { background:url(../../images/tooltip/gold-point.png) no-repeat; width:173px; height:94px; position:absolute; z-index:20000;} .box-tip .data-area {padding:15px;} .box-tooltip{width:150px; height:60px; position:absolute; background-color:#eeffcc; border:#009900 2px solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index:1000; filter:alpha(opacity=98); opacity: 0.98; padding:5px;} .box-tooltip .arrow-bottom {position:absolute; left: 20px; bottom: -22px; width: 0; height: 0; border-top: 10px solid #009900; border-bottom: 10px solid transparent; border-left:10px solid transparent; border-right:10px solid transparent;} .box-tooltip .arrow-bottom-border {position:absolute; left: -10px; bottom: -8px; width: 0; height: 0; border-top: 10px solid #eeffcc; border-bottom: 10px solid transparent; border-left:10px solid transparent; border-right:10px solid transparent; filter:alpha(opacity=98); opacity: 0.98;} .box-submenu-treasury { background:url(../../images/tooltip/submenu-treasury.png) no-repeat; width:165px; height:49px; position:absolute; z-index:10;} .box-submenu-treasury .menu1{width:65px; height:25px; background:url("../../images/tooltip/submenu.png") 0px 0px no-repeat;} .box-submenu-treasury .menu1:hover{width:65px; height:25px; background:url("../../images/tooltip/submenu.png") 0px -25px no-repeat; cursor:pointer;} .box-submenu-treasury .menu2{width:65px; height:25px; background:url("../../images/tooltip/submenu.png") -65px 0px no-repeat;} .box-submenu-treasury .menu2:hover{width:65px; height:25px; background:url("../../images/tooltip/submenu.png") -65px -25px no-repeat; cursor:pointer;} .award-bg{position:absolute; background: none repeat scroll 0 0 rgba(82, 82, 82, 0.4); z-index:2;} .award-bg .award-frame-bg{width:450px; height:288px; background:url("../../images/home/day-gate/award-frame-bg.png") no-repeat; z-index:3; margin: 0 auto; position:relative; top:250px;} .gift-image{position:absolute; width:120px; height:120px; left: 40px; top: 70px;} .gift-name{position:absolute; width:146px; height:20px; left: 27px; top: 191px;} .gift-amount{position:absolute; width:30px; height:20px; left: 100px; top: 229px; font-weight: bold;} .button-gift-save{width:150px; height:40px; background:url("../../images/new-button/gift-save.png") 0px 0px no-repeat;} .button-gift-save:hover{width:150px; height:40px; background:url("../../images/new-button/gift-save.png") 0px -40px no-repeat; cursor:pointer;} .button-gift-reject{width:60px; height:40px; background:url("../../images/new-button/gift-reject.png") 0px 0px no-repeat;} .button-gift-reject:hover{width:60px; height:40px; background:url("../../images/new-button/gift-reject.png") 0px -40px no-repeat; cursor:pointer;} .day-gate-bg{position:absolute; width:187px; height:26px; background:url("../../images/home/day-gate/bg-1.png") no-repeat; left: 205px; top: 43px;} .day-gate1{float:left; width:38px; height:26px; background:url("../../images/home/day-gate/1-1.png") no-repeat;} .day-gate2{float:left; width:36px; height:26px; background:url("../../images/home/day-gate/2-1.png") no-repeat;} .day-gate3{float:left; width:37px; height:26px; background:url("../../images/home/day-gate/3-1.png") no-repeat;} .day-gate4{float:left; width:35px; height:26px; background:url("../../images/home/day-gate/4-1.png") no-repeat;} .day-gate5{float:left; width:41px; height:26px; background:url("../../images/home/day-gate/5-1.png") no-repeat;} .gift-item-list{position:absolute; width:408px; height:73px; background:url("../../images/home/day-gate/gift-item-1.png") no-repeat;} .gift-item-list .item-list{position:absolute; width:390px; height:36px; top: 11px; left: 8px;} .gift-item-list .item-day{float:left; width:32px; height:32px; padding:2px; margin-left:3px;} .normal-box{position:relative; margin:0 auto; width:600px; min-height:300px; margin-bottom:5px;} .normal-box-800{position:relative; margin:0 auto; width:800px; margin-bottom:5px;} .button-monsterList1{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") 0px 0px no-repeat;} .button-monsterList1:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") 0px -40px no-repeat; cursor:pointer;} .button-monsterList1-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") 0px -40px no-repeat;} .button-monsterList2{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -110px 0px no-repeat;} .button-monsterList2:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -110px -40px no-repeat; cursor:pointer;} .button-monsterList2-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -110px -40px no-repeat;} .button-monsterList3{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -220px 0px no-repeat;} .button-monsterList3:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -220px -40px no-repeat; cursor:pointer;} .button-monsterList3-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -220px -40px no-repeat;} .button-monsterList4{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -330px 0px no-repeat;} .button-monsterList4:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -330px -40px no-repeat; cursor:pointer;} .button-monsterList4-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -330px -40px no-repeat;} .button-monsterList5{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -440px 0px no-repeat;} .button-monsterList5:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -440px -40px no-repeat; cursor:pointer;} .button-monsterList5-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -440px -40px no-repeat;} .button-monsterList6{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -550px 0px no-repeat;} .button-monsterList6:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -550px -40px no-repeat; cursor:pointer;} .button-monsterList6-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -550px -40px no-repeat;} .button-monsterList7{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -660px 0px no-repeat;} .button-monsterList7:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -660px -40px no-repeat; cursor:pointer;} .button-monsterList7-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -660px -40px no-repeat;} .button-monsterList8{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -770px 0px no-repeat;} .button-monsterList8:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -770px -40px no-repeat; cursor:pointer;} .button-monsterList8-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -770px -40px no-repeat;} .button-monsterList9{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -880px 0px no-repeat;} .button-monsterList9:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -880px -40px no-repeat; cursor:pointer;} .button-monsterList9-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -880px -40px no-repeat;} .button-monsterList10{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -990px 0px no-repeat;} .button-monsterList10:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -990px -40px no-repeat; cursor:pointer;} .button-monsterList10-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -990px -40px no-repeat;} .monsterinfo-area{width:100%; min-height:240px; margin-top:15px; position:relative;} .monsterinfo-area .picture{float:left; width:160px; min-height:200px;} .monsterinfo-area .exp{height:25px; width:100%; font-weight:bold;} .monsterinfo-area .element{height:25px; width:100%;} .monsterinfo-area .mondata{float:right; width:390px; min-height:180px;} .monsterinfo-area .stat-area{width:200px; margin-top:10px; float:left; padding-bottom:5px;} .monsterinfo-area .stat-area .value-right{width:150px; float:right;} .monsterinfo-area .stat-area .value-left{width:30px; float:left;} .monsterinfo-area .map{min-height:100px; width:140px; margin-top:10px; float:right;} .monsterinfo-area .map IMG{border: 4px solid #CCC; width: 120px; height: 88px;} .monsterinfo-area .map4{min-height:100px; width:140px; margin-top:10px; float:right;} .monsterinfo-area .map4 .pos1{width: 58px; height: 42px; float:left;} .monsterinfo-area .map4 .pos2{width: 58px; height: 42px; float:left; padding-left:3px;} .monsterinfo-area .map4 .pos3{width: 58px; height: 42px; float:left; padding-top:3px;} .monsterinfo-area .map4 .pos4{width: 58px; height: 42px; float:left; padding-top:3px; padding-left:3px;} .monsterinfo-area .map4 IMG{border: 4px solid #CCC; width: 58px; height: 42px;} .monsterinfo-area .item-area{min-height:44px; width:380px;} .monsterinfo-boss-bg{width:150px; height:150px; background:url("../../images/home/bg-monster-boss.png") no-repeat; } .monsterinfo-boss-bg2{width:390px; height:200px; background:url("../../images/home/bg-monster-boss2.png") no-repeat; } .line-mon-data{border-bottom:1px dashed #39F; padding:3px;} .box-tip-mapname { background:url(../../images/tooltip/show-map-name.png) no-repeat; width:173px; height:78px;} .box-tip-mapname .data-area {padding:15px;} .radius-item-list{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 8px; border:1px dashed #999; background: none repeat scroll 0 0 rgba(220, 220, 220, 0.8); } .loading1{width:245px; height:82px; background:url("../../images/loading/bg-loading.png") no-repeat; position:absolute;} .button-sale-myorder{width:90px; height:40px; background:url("../../images/new-button/sale-myorder.png") 0px 0px no-repeat; margin-top:5px;} .button-sale-myorder:hover{width:90px; height:40px; background:url("../../images/new-button/sale-myorder.png") 0px -40px no-repeat; margin-top:5px; cursor:pointer;} .myorderList .picture{width:50px; height:50px; float:left;} .myorderList .nameANDdetail{width:300px; height:50px; float:left;} .myorderList .nameANDdetail .name{width:100%; height:25px; line-height:25px;} .myorderList .nameANDdetail .price{width:100%; height:20px; line-height:20px; color: #9B9B9B;} .myorderList .name{width:120px; float:left; height:50px; line-height:50px;} .myorderList .button{width:100px; float:right;height:50px;} .myorderList .line{clear:both; border-top:1px dotted #999;} .bg-itemmall-home{width:188px; height:111px; background:url("../../images/itemmall/bg-forhome.png") no-repeat; float:left; margin:3px; position:relative; } .buy-itemmall-home{width:60px; height:20px; background:url("../../images/new-button/buy-itemmall-home.png") 0px 0px no-repeat;} .buy-itemmall-home:hover{width:60px; height:20px; background:url("../../images/new-button/buy-itemmall-home.png") 0px -20px no-repeat; cursor:pointer;} .button_purchase_stampshop { width:84px; height:37px; background:url("../../images/new-button/purchase-button.png") 0px 0px no-repeat; cursor:pointer; } .button_purchase_stampshop:hover { width:84px; height:37px; background:url("../../images/new-button/purchase-button.png") 0px -37px no-repeat; cursor:pointer; } .button-gift2friend{width:150px; height:30px; background:url("../../images/new-button/gift-2-friend.png") 0px 0px no-repeat;} .button-gift2friend:hover{width:150px; height:30px; background:url("../../images/new-button/gift-2-friend.png") 0px -30px no-repeat; cursor:pointer;} .button-page-number1 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") 0px 0px no-repeat; cursor:pointer; } .button-page-number1:hover { background:url("../../images/new-button/button1.png") 0px -21px no-repeat; cursor:pointer; } .button-page-number1-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") 0px -42px no-repeat; } .button-page-number2 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -23px 0px no-repeat; cursor:pointer; } .button-page-number2:hover { background:url("../../images/new-button/button1.png") -23px -21px no-repeat; cursor:pointer; } .button-page-number2-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -23px -42px no-repeat; } .button-page-number3 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -46px 0px no-repeat; cursor:pointer; } .button-page-number3:hover { background:url("../../images/new-button/button1.png") -46px -21px no-repeat; cursor:pointer; } .button-page-number3-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -46px -42px no-repeat; } .button-page-number4 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -69px 0px no-repeat; cursor:pointer; } .button-page-number4:hover { background:url("../../images/new-button/button1.png") -69px -21px no-repeat; cursor:pointer; } .button-page-number4-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -69px -42px no-repeat; } .button-page-number5 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -92px 0px no-repeat; cursor:pointer; } .button-page-number5:hover { background:url("../../images/new-button/button1.png") -92px -21px no-repeat; cursor:pointer; } .button-page-number5-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -92px -42px no-repeat; } .button-back { width: 104px; height: 25px; background:url("../../images/new-button/button2.png") 0px 0px no-repeat; cursor:pointer; } .button-back:hover { background:url("../../images/new-button/button2.png") 0px -25px no-repeat; cursor:pointer; } .resultUsageArea{width:150px; height:120px;} .resultUsageArea .headerText{float:left; width:100%; height:30px; line-height:30px; font-weight:bold;} .resultUsageArea .bodyText{float:left; width:100%; height:20px; line-height:20px;} .buttonElement{background-color:#ffff99; width:73px; height:60px; margin:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display:block; font-size:18pt; font-family:Quark_Bold; color: #003399; cursor:pointer; line-height:60px; background:-moz-linear-gradient(60% 80% -90deg, #F3BD00, #DB9220 54%); -moz-box-shadow: 1px 1px 1px #333; -webkit-box-shadow: 1px 1px 1px #333; box-shadow: 1px 1px 1px #333;} .buttonElement:hover{background:-moz-linear-gradient(60% 80% -90deg, #F3BD00, #DB9220 54%); -moz-box-shadow: 1px 1px 3px #000000; -webkit-box-shadow: 1px 1px 3px #000000; box-shadow: 1px 1px 3px #000000; font-size:22pt;} .mypet{position:absolute; width:128px; height:128px; left:60px; top:22px; z-index:2001; cursor:pointer;} .dialog-forshow-pet{width:145px; height:85px; background:url(../../images/mypet/bg-dialog-forshow.png) 0px 0px no-repeat; position:absolute;left:-30px; top:-30px; display:none;} .dialog-forshow-pet .lv1{width:21px; height:70px; background:url(../../images/mypet/bg-dialog-forshow.png) -145px 0px no-repeat; position:absolute;right:-10px; top:-5px;} .dialog-forshow-pet .lv2{width:21px; height:70px; background:url(../../images/mypet/bg-dialog-forshow.png) -166px 0px no-repeat; position:absolute;right:-10px; top:-5px;} .dialog-forshow-pet .lv3{width:21px; height:70px; background:url(../../images/mypet/bg-dialog-forshow.png) -187px 0px no-repeat; position:absolute;right:-10px; top:-5px;} .dialog-forshow-pet .lv4{width:21px; height:70px; background:url(../../images/mypet/bg-dialog-forshow.png) -208px 0px no-repeat; position:absolute;right:-10px; top:-5px;} .dialog-forum{width:130px; height:85px; background:url(../../images/mypet/bg-dialog-forum.png) no-repeat; position:absolute;left:-30px; top:-30px; display:none;} #pet-status-area-forum{position:relative; width:123px; height:45px; margin-left: 7px; margin-top: 5px;} #pet-status-area-forum .icon{float:left; width:20px; height:18px; line-height:17px;} #pet-status-area-forum .name{float:left; width:85px; height:18px; line-height:17px; overflow:hidden;} #pet-status-area-forum .level{float:right; width:32px; height:18px; line-height:17px;} #pet-status-area-forum .pet-stat-name{float:left; width:28px; height:14px; line-height:13px; font-weight: bold;} #pet-status-area-forum .pet-stat-val{float:left; width:40px; height:14px; line-height:13px; text-align: right;} #pet-status-area-forum .pet-stat-val-ability{float:left; width:40px; height:14px; line-height:13px; text-align: right;} #card2item{background:url("../../images/mypet/bg-card2item.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #card2item .pictureArea{position:absolute; width:82px; height:108px; left: 47px; top: 30px;} #card2item .pictureArea .shadow{position:absolute; width:100%; height:40px; left:0px; bottom:0px; background:url(../../images/mypet/bg-carddisplaytext.png) no-repeat;} #card2item .pictureArea .text{position:absolute; width:100%; bottom:5px; left:0px; text-align:center;} #card2item #combine-name {position:absolute; width:170px; height:18px; left:4px; top:145px; text-align:center; font-weight:bold;} #card2item #combine-stat {position:absolute; width:150px; height:65px; left:14px; top:165px; text-align:center; overflow:hidden;} #send2card-area {background:url("../../images/mypet/bg-sendto.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #send2card-area .pictureArea{position:absolute; width:82px; height:108px; left: 47px; top: 30px;} #send2card-area .pictureArea .shadow{position:absolute; width:100%; height:40px; left:0px; bottom:0px; background:url(../../images/mypet/bg-carddisplaytext.png) no-repeat;} #send2card-area .pictureArea .text{position:absolute; width:100%; bottom:5px; left:0px; text-align:center;} #send2card-area #sendToCard-name {position:absolute; width:170px; height:18px; left:4px; top:145px; text-align:center; font-weight:bold;} #send2card-area #sendToCard-stat {position:absolute; width:150px; height:65px; left:14px; top:165px; text-align:center; overflow:hidden;} #send2card-area .button-sendToCard{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -104px 0px no-repeat; position:absolute; left:439px; top:201px;} #send2card-area .button-sendToCard:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -104px -34px no-repeat; cursor:pointer; position:absolute; left:439px; top:201px;} .isrow{cursor:pointer;} .isrow:hover{width:100%; height:32px; cursor:pointer; background-color: #7ca7fa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .isrowActive{width:100%; height:32px; cursor:pointer; background-color: #8ff436; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .button-searching{width:44px; height:21px; background:url(../../images/mypet/button-send.png) -312px 0px no-repeat; } .button-searching:hover{width:44px; height:21px; background:url(../../images/mypet/button-send.png) -312px -21px no-repeat; cursor:pointer; } .loading4Itempage{position:absolute; left: 310px; top: 120px; z-index:100; display:none;} #send2usage-area {background:url("../../images/map/myitem/bg-send.png") no-repeat; position:absolute; width:500px; height:250px; left:0px; top:50px; z-index: 2;display:none;} #send2usage-area .pictureArea{position:absolute; width:50px; height:50px; left: 65px; top: 30px;} #send2usage-area .text{position:absolute; width:120px; top:103px; left:30px; text-align:center;} #send2usage-area #sendToUsage-name {position:absolute; width:170px; height:18px; left:4px; top:85px; text-align:center; font-weight:bold;} #send2usage-area #sendToUsage-description {position:absolute; width:150px; height:55px; left:14px; top:125px; text-align:center; overflow:hidden;} .button-sendToUsage {width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px 0px no-repeat; position:absolute; left:439px; top:201px;} .button-sendToUsage:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px -34px no-repeat; cursor:pointer; position:absolute; left:439px; top:201px;} #send2general-area {background:url("../../images/mypet/bg-sendto.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #send2general-area .pictureArea{position:absolute; width:50px; height:50px; left: 65px; top: 30px;} #send2general-area .text{position:absolute; width:120px; top:103px; left:30px; text-align:center;} #send2general-area #sendToGeneral-name {position:absolute; width:170px; height:18px; left:4px; top:85px; text-align:center; font-weight:bold;} #send2general-area #sendToGeneral-description {position:absolute; width:150px; height:65px; left:14px; top:125px; text-align:center; overflow:hidden;} #send2general-area .button-sendToGeneral {width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px 0px no-repeat; position:absolute; left:439px; top:201px;} #send2general-area .button-sendToGeneral:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px -34px no-repeat; cursor:pointer; position:absolute; left:439px; top:201px;} #send2ore-area {background:url("../../images/mypet/bg-sendto.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #send2ore-area .pictureArea{position:absolute; width:50px; height:50px; left: 65px; top: 30px;} #send2ore-area .text{position:absolute; width:120px; top:103px; left:30px; text-align:center;} #send2ore-area #sendToOre-name {position:absolute; width:170px; height:18px; left:4px; top:85px; text-align:center; font-weight:bold;} #send2ore-area #sendToOre-description {position:absolute; width:150px; height:55px; left:14px; top:125px; text-align:center; overflow:hidden;} #send2ore-area .button-sendToOre {width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px 0px no-repeat; position:absolute; left:439px; top:201px;} #send2ore-area .button-sendToOre:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px -34px no-repeat; cursor:pointer; position:absolute; left:439px; top:201px;} #send2cb-area {background:url("../../images/mypet/bg-sendto.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #send2cb-area .pictureArea{position:absolute; width:50px; height:50px; left: 65px; top: 30px;} #send2cb-area .text{position:absolute; width:120px; top:103px; left:30px; text-align:center;} #send2cb-area #sendToCB-name {position:absolute; width:170px; height:18px; left:4px; top:85px; text-align:center; font-weight:bold;} #send2cb-area #sendToCB-description {position:absolute; width:150px; height:55px; left:14px; top:125px; text-align:center; overflow:hidden;} #send2cb-area .button-sendToCB {width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px 0px no-repeat; position:absolute; left:439px; top:201px;} #send2cb-area .button-sendToCB:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px -34px no-repeat; cursor:pointer; position:absolute; left:439px; top:201px;} #send2pet-area {background:url("../../images/mypet/bg-sendto.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #send2pet-area .pictureArea{position:absolute; width:50px; height:50px; left: 65px; top: 30px;} #send2pet-area .text{position:absolute; width:120px; top:103px; left:30px; text-align:center;} #send2pet-area #sendToPET-name {position:absolute; width:170px; height:18px; left:4px; top:85px; text-align:center; font-weight:bold;} #send2pet-area #sendToPET-description {position:absolute; width:150px; height:55px; left:14px; top:125px; text-align:center; overflow:hidden;} #send2pet-area .button-sendToPET {width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px 0px no-repeat; position:absolute; left:439px; top:201px;} #send2pet-area .button-sendToPET:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px -34px no-repeat; cursor:pointer; position:absolute; left:439px; top:201px;} #send2skill-area {background:url("../../images/mypet/bg-sendto.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #send2skill-area .pictureArea{position:absolute; width:50px; height:50px; left: 65px; top: 30px;} #send2skill-area .text{position:absolute; width:120px; top:103px; left:30px; text-align:center;} #send2skill-area #sendToSkill-name {position:absolute; width:170px; height:18px; left:4px; top:85px; text-align:center; font-weight:bold;} #send2skill-area #sendToSkill-description {position:absolute; width:150px; height:65px; left:14px; top:125px; text-align:center; overflow:hidden;} #send2skill-area .button-sendToSkill {width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px 0px no-repeat; position:absolute; left:439px; top:201px;} #send2skill-area .button-sendToSkill:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px -34px no-repeat; cursor:pointer; position:absolute; left:439px; top:201px;} #send2Rune-area {background:url("../../images/mypet/bg-sendto.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #send2Rune-area .pictureArea{position:absolute; width:50px; height:50px; left: 65px; top: 30px;} #send2Rune-area .text{position:absolute; width:120px; top:103px; left:30px; text-align:center;} #send2Rune-area #sendToRune-name {position:absolute; width:170px; height:18px; left:4px; top:85px; text-align:center; font-weight:bold;} #send2Rune-area #sendToRune-description {position:absolute; width:150px; height:55px; left:14px; top:125px; text-align:center; overflow:hidden;} .button-sendToRune {width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px 0px no-repeat; position:absolute; left:439px; top:201px;} .button-sendToRune:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px -34px no-repeat; cursor:pointer; position:absolute; left:439px; top:201px;} /* TRANSFER ITEM */ .bg-sendto {background:url("../../images/map/myitem/bg-send.png") no-repeat; position:absolute; width:441px; height:327px; left: 12px; top: 31px; z-index: 10;} .bg-combine {background:url("../../images/map/myitem/bg-combine.png") no-repeat; position:absolute; width:441px; height:326px; left:12px; top:32px; z-index: 10;} .sendto-text{position:absolute; width:160px; top:180px; left:30px; text-align:center;} #sendto-card {position:absolute; width:160px; height:25px; left:5px; top:120px; text-align:center; overflow:hidden; color:#e8ab8c;} #sendto-power {position:absolute; width:160px; height:20px; left:5px; top:145px; text-align:center; overflow:hidden; color:#e8ab8c;} .button-sendTo {width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px 0px no-repeat; position:absolute; right:15px; bottom:7px;} .button-sendTo:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px -34px no-repeat; cursor:pointer;} .button-combine{width:104px; height:34px; background:url(../../images/mypet/button-send.png) 0px 0px no-repeat; position:absolute; right:15px; bottom:12px;} .button-combine:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) 0px -34px no-repeat; cursor:pointer; } .cardpicture{position:absolute; width:82px; height:108px; left: 45px; top: 50px;} .cardshadow{position:absolute; width:100%; height:40px; left:0px; bottom:0px; background:url(../../images/mypet/bg-carddisplaytext.png) no-repeat;} .cardtext{position:absolute; width:100%; bottom:5px; left:0px; text-align:center; color:#FFF; font-size:9pt; text-shadow:1px 1px #000;} #sendtocard-name {position:absolute; width:155px; height:18px; left:10px; top:165px; text-align:center; color:#ffff00; font-family: superstore; font-size: 16pt; letter-spacing:1px;} #sendtocard-stat {position:absolute; width:160px; height:80px; left:5px; top:190px; text-align:center; overflow:hidden; color:#FFF; font-size:12pt;} #sendtocard-level {position:absolute; width:185px; height:30px; left:10px; top:280px; text-align:center; overflow:hidden; color:#e8002f; line-height:27px; font-size: 10pt; background-color:#99ff99; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #sendtocard-amount{font-size:12pt; color:#ffff00;} .combineSlot{position:absolute; width:250px; height:18px; left: 210px; top: 225px; text-align:left;color:#333; text-shadow: 1px 1px #FFF;} .combineItem{width:32px; height:32px; float:left; padding: 4px; cursor:pointer;} .combineItem:hover{width:32px; height:32px; float:left; padding: 4px; cursor:pointer; background-color: #7ca7fa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .combineItemActive{width:32px; height:32px; float:left; padding: 4px; cursor:pointer; background-color: #8ff436; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* END TRANSFER ITEM */ #send2wear-area {background:url("../../images/mypet/bg-sendto.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #send2wear-area .pictureArea{position:absolute; width:50px; height:50px; left: 65px; top: 30px;} #send2wear-area .text{position:absolute; width:120px; top:180px; left:30px; text-align:center;} #send2wear-area #sendToWear-name {position:absolute; width:170px; height:18px; left:4px; top:85px; text-align:center; font-weight:bold;} #send2wear-area #sendToWear-card {position:absolute; width:150px; height:20px; left:14px; top:105px; text-align:center; overflow:hidden;} #send2wear-area #sendToWear-description {position:absolute; width:150px; height:55px; left:14px; top:125px; text-align:center; overflow:hidden;} #send2wear-area #sendToWear-element {position:absolute; width:150px; height:20px; left:14px; top:180px; text-align:center; overflow:hidden;} #send2wear-area .button-sendToWear {width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px 0px no-repeat; position:absolute; left:439px; top:201px;} #send2wear-area .button-sendToWear:hover{width:104px; height:34px; background:url(../../images/mypet/button-send.png) -208px -34px no-repeat; cursor:pointer; position:absolute; left:439px; top:201px;} #usagepotion-area {background:url("../../images/mypet/bg-usage-potion.png") no-repeat; position:absolute; width:560px; height:239px; left:0px; top:0px; z-index: 2;display:none;} #usagepotion-area .pictureArea{position:absolute; width:50px; height:50px; left: 65px; top: 30px;} #usagepotion-area .text{position:absolute; width:120px; top:103px; left:30px; text-align:center;} #usagepotion-area #usagepotion-name {position:absolute; width:170px; height:18px; left:4px; top:85px; text-align:center; font-weight:bold;} #usagepotion-area #usagepotion-description {position:absolute; width:150px; height:55px; left:14px; top:125px; text-align:center; overflow:hidden;} #usagepotion-area .button-none {width:35px; height:21px; background:url(../../images/mypet/button-usage-potion.png) 0px -42px no-repeat; float:left; margin-left:5px; margin-right:5px;} #usagepotion-area .button-incPotion {width:35px; height:21px; background:url(../../images/mypet/button-usage-potion.png) 0px 0px no-repeat; float:left; margin-left:5px; margin-right:5px;} #usagepotion-area .button-incPotion:hover{width:35px; height:21px; background:url(../../images/mypet/button-usage-potion.png) 0px -21px no-repeat; cursor:pointer;} #usagepotion-area #usagepotion-canvas {position:absolute; width:360px; height:180px; left: 180px; top: 34px;} #usagepotion-area #usagepotion-canvas .itemArea{position:absolute; width:185px; height:50px; left: 90px; top: 55px;} #usagepotion-area #usagepotion-canvas .item{width:35px; height:40px; float:left; margin-left:5px; margin-right:5px;} #usagepotion-area #usagepotion-canvas .itemAmount{width:35px; height:10px; float:left; margin-left:5px; margin-right:5px; text-align:center; line-height:10px;} #usagepotion-area #usagepotion-canvas #itemButtonArea,#textAlert{position:absolute; width:185px; height:30px; left: 90px; top: 120px; line-height: 30px; text-align: center;} A.questLink:link {text-decoration: none; color: #FFFF00; } A.questLink:visited {text-decoration: none; color: #FFFF00; } A.questLink:active {text-decoration: none; color: #FFFF00; } A.questLink:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #0FF; } #calendar{ width:660px; } #calendar .day{ float:left; width:80px; height:50px; line-height:50px; border-right:1px solid #fff; border-bottom:1px solid #fff; text-align:center; position:relative; background-color:#e3e3e3; } #calendar .blank{ background-color:#efefef; } #calendar .act{ background-color:#ffcacb; color:#ed1b24; font-weight:700; } #calendar .click{ background-color:#CCFFCC; color:#009900; } #calendar .useract{ background-color:#ffcacb; color:#ed1b24; } .day-number{ width: 20px; height: 13px; float: right; line-height: 13px;} .userslogin{width: 75px; height: 20px; position:absolute; top:5px; float: left; line-height: 20px; text-align: center; } .userrefill{width: 75px; height: 15px; position:absolute; left:0px; bottom:10px; line-height: 10px; text-align: center; } .userrefillAmount{width: 75px; height: 15px; position:absolute; left:0px; bottom:0px; line-height: 10px; text-align: center; } .bg-mall-hot{width:191px; height:118px; background:url("../../images/itemmall/bg-hot-new.png") 0px 0px no-repeat; float:left; margin:0px; position:relative; } .bg-mall-new{width:191px; height:118px; background:url("../../images/itemmall/bg-hot-new.png") -191px 0px no-repeat; float:left; margin:0px; position:relative; } .new-label{width:60px; height:41px; background:url("../../images/itemmall/bg-hot-new.png") -382px 0px no-repeat; position:absolute; left:0; top:0; z-index:2;} .hot-label{width:60px; height:41px; background:url("../../images/itemmall/bg-hot-new.png") -382px -41px no-repeat; position:absolute; left:0; top:0; z-index:2;} .button-buy-mall{width:61px; height:29px; background:url("../../images/itemmall/bg-hot-new.png") -442px 0px no-repeat; float:right;} .button-buy-mall:hover{width:61px; height:29px; background:url("../../images/itemmall/bg-hot-new.png") -442px -29px no-repeat; float:right; cursor:pointer;} .bg-premium{width:191px; height:118px; background:url("../../images/itemmall/bg-hot-new.png") 0px -118px no-repeat; float:left; margin:0px; position:relative; } .input { background: none repeat scroll 0 0 transparent; border-width: 0; font-size: 15px; height: 17px; margin: 0; outline: medium none; padding: 0; resize: none; vertical-align: bottom; width: 100%; } #mySQLPageLimit{ width: 100%; position: relative; } #mySQLPageLimit .pageList{font-size: 8pt; float: left; width: 21px; height: 21px; line-height: 19px; margin: 1px; position: relative; text-align: center; font-weight: ; color:#993300;text-indent: -2px; text-shadow: 1px 1px #FFF;} #mySQLPageLimit .normal{width: 21px; height: 21px; background: url("../../images/page/button-page.png") 0px 0px no-repeat; } #mySQLPageLimit .normal:hover{background: url("../../images/page/button-page.png") 0px -21px no-repeat; cursor: pointer;} #mySQLPageLimit .active{width: 21px; height: 21px; background: url("../../images/page/button-page.png") 0px -21px no-repeat; } #mySQLPageLimit .none{width: 21px; height: 21px; background: url("../../images/page/button-page.png") 0px -42px no-repeat; } #mySQLPageLimit .pageback{width: 21px; height: 21px; background: url("../../images/page/button-page.png") -21px 0px no-repeat; } #mySQLPageLimit .pageback:hover{background: url("../../images/page/button-page.png") -21px -21px no-repeat; cursor: pointer;} #mySQLPageLimit .pageback_none{width: 21px; height: 21px; background: url("../../images/page/button-page.png") -21px -42px no-repeat; } #mySQLPageLimit .pagenext{width: 21px; height: 21px; background: url("../../images/page/button-page.png") -42px 0px no-repeat; } #mySQLPageLimit .pagenext:hover{background: url("../../images/page/button-page.png") -42px -21px no-repeat; cursor: pointer;} #mySQLPageLimit .pagenext_none{width: 21px; height: 21px; background: url("../../images/page/button-page.png") -42px -42px no-repeat; } #mySQLPageLimit .pageList2022{font-size: 12pt; float: left; width: 31px; height: 31px; line-height: 31px; margin: 3px; position: relative; text-align: center; font-weight: ; color:#993300;text-indent: -2px; text-shadow: 1px 1px #FFF;} #mySQLPageLimit .normal2022{width: 31px; height: 31px; background: url("../../images/page/button-page2022.png") 0px 0px no-repeat; } #mySQLPageLimit .normal2022:hover{background: url("../../images/page/button-page2022.png") 0px -31px no-repeat; cursor: pointer; color:#009900;} #mySQLPageLimit .active2022{width: 31px; height: 31px; background: url("../../images/page/button-page2022.png") 0px -31px no-repeat; color:#009900; font-weight:bold;} #mySQLPageLimit .none2022{width: 31px; height: 31px; background: url("../../images/page/button-page2022.png") 0px -62px no-repeat; } #mySQLPageLimit .pageback2022{width: 31px; height: 31px; background: url("../../images/page/button-page2022.png") -31px 0px no-repeat; } #mySQLPageLimit .pageback2022:hover{background: url("../../images/page/button-page2022.png") -31px -31px no-repeat; cursor: pointer;} #mySQLPageLimit .pageback2022_none{width: 31px; height: 31px; background: url("../../images/page/button-page2022.png") -31px -62px no-repeat; } #mySQLPageLimit .pagenext2022{width: 31px; height: 31px; background: url("../../images/page/button-page2022.png") -62px 0px no-repeat; } #mySQLPageLimit .pagenext2022:hover{background: url("../../images/page/button-page2022.png") -62px -31px no-repeat; cursor: pointer;} #mySQLPageLimit .pagenext2022_none{width: 31px; height: 31px; background: url("../../images/page/button-page2022.png") -62px -62px no-repeat; } #mongoPageLimit{ width: 100%; position: relative; } #mongoPageLimit .page{font-size: 8pt; float: left; width: 21px; height: 21px; line-height: 19px; margin: 1px; position: relative; text-align: center; font-weight: ; color:#993300;text-indent: -2px; text-shadow: 1px 1px #FFF;} #mongoPageLimit .normal{width: 21px; height: 21px; background: url("../../images/page/button-page.png") 0px 0px no-repeat; } #mongoPageLimit .normal:hover{background: url("../../images/page/button-page.png") 0px -21px no-repeat; cursor: pointer;} #mongoPageLimit .active{width: 21px; height: 21px; background: url("../../images/page/button-page.png") 0px -21px no-repeat; } #mongoPageLimit .none{width: 21px; height: 21px; background: url("../../images/page/button-page.png") 0px -42px no-repeat; } #mongoPageLimit .pageback{width: 21px; height: 21px; background: url("../../images/page/button-page.png") -21px 0px no-repeat; } #mongoPageLimit .pageback:hover{background: url("../../images/page/button-page.png") -21px -21px no-repeat; cursor: pointer;} #mongoPageLimit .pageback-none{width: 21px; height: 21px; background: url("../../images/page/button-page.png") -21px -42px no-repeat; } #mongoPageLimit .pagenext{width: 21px; height: 21px; background: url("../../images/page/button-page.png") -42px 0px no-repeat; } #mongoPageLimit .pagenext:hover{background: url("../../images/page/button-page.png") -42px -21px no-repeat; cursor: pointer;} #mongoPageLimit .pagenext-none{width: 21px; height: 21px; background: url("../../images/page/button-page.png") -42px -42px no-repeat; } /* item free for daily */ #dailyfree{position: absolute; left:280px; top:200px; width: 437px; height: 306px; z-index:3;} #dailyfree .bg1{width: 437px; height: 251px; background: url("../../images/dailyfree/bg.png") 0px -306px no-repeat; } #dailyfree .bg2{width: 437px; height: 306px; background: url("../../images/dailyfree/bg.png") 0px 0px no-repeat; } #dailyfree .buttonOK{width: 104px; height: 26px; background: url("../../images/dailyfree/bg.png") -210px -557px no-repeat; position:absolute; left: 135px; top: 162px;} #dailyfree .buttonOK:hover{background: url("../../images/dailyfree/bg.png") -210px -583px no-repeat; cursor: pointer;} #dailyfree .buttonNO{width: 45px; height: 26px; background: url("../../images/dailyfree/bg.png") -314px -557px no-repeat; position:absolute; left: 249px; top: 162px;} #dailyfree .buttonNO:hover{background: url("../../images/dailyfree/bg.png") -314px -583px no-repeat; cursor: pointer;} #dailyfree .buttonBuy{width: 105px; height: 62px; background: url("../../images/dailyfree/bg.png") 0px -557px no-repeat; position:absolute; right:21px; top: 14px;} #dailyfree .buttonBuy:hover{background: url("../../images/dailyfree/bg.png") -105px -557px no-repeat; cursor: pointer;} #dailyfree .percent30{width: 437px; height: 100px; background: url("../../images/dailyfree/itemmall.png") 0px 0px no-repeat; position:absolute; left:0; bottom:0; } #dailyfree .percent40{width: 437px; height: 100px; background: url("../../images/dailyfree/itemmall.png") 0px -100px no-repeat; position:absolute; left:0; bottom:0; } #dailyfree .percent50{width: 437px; height: 100px; background: url("../../images/dailyfree/itemmall.png") 0px -200px no-repeat; position:absolute; left:0; bottom:0; } #dailyfree .percent60{width: 437px; height: 100px; background: url("../../images/dailyfree/itemmall.png") 0px -300px no-repeat; position:absolute; left:0; bottom:0; } #dailyfree .percent70{width: 437px; height: 100px; background: url("../../images/dailyfree/itemmall.png") 0px -400px no-repeat; position:absolute; left:0; bottom:0; } #dailyfree .percent80{width: 437px; height: 100px; background: url("../../images/dailyfree/itemmall.png") 0px -500px no-repeat; position:absolute; left:0; bottom:0; } #dailyfree .percent90{width: 437px; height: 100px; background: url("../../images/dailyfree/itemmall.png") 0px -600px no-repeat; position:absolute; left:0; bottom:0; } #dailyfree .showItemPicture{width:110px; height:116px; position:absolute; left: 155px; top: 55px;} #dailyfree .itemPicture{width:48px; height:48px; position:absolute; left: 39px; top: 18px;} #dailyfree .itemPicture IMG{width:48px; height:48px;} #dailyfree .itemPriceGold{width:48px; height:15px; position:absolute; left: 38px; top: 70px; color:#F00; font-size: 10pt; font-weight: bold; text-align: center; line-height: 15px;} .addItemDrop{float: left; width:132px; height:60px; margin: 2px; position:relative; border:1px #960 dashed; color:#000; text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .addItemDrop .icon{width:32px; height:32px; padding:3px; position:absolute; top: 0px; left: 3px; cursor:pointer; overflow:hidden;} .addItemDrop .none{background: url("../../images/tools/bg-additem.png") 0px 0px; } .addItemDrop .name{width:90px; height:20px; position:absolute; top: 0px; left: 40px; overflow:hidden; line-height:20px; font-size:9pt;} .addItemDrop .price{width:90px; height:15px; position:absolute; top: 20px; left: 40px; overflow:hidden; line-height:15px; font-size:8pt; color:#FF6600;} .addItemDrop .option{width:98px; height:15px; position:absolute; top: 35px; left: 40px; overflow:hidden; line-height:15px; font-size:8pt; color:#3366CC} .addItemDrop .percent{width:65px; height:20px; position:absolute; top: 35px; left: 5px; font-size:8pt; color:#FF6600;} .addItemDrop .percent INPUT{min-height:18px; } .avaLeft{float: left;} .avatarImg{width: 50px; height: 50px; border:1px #EEE solid; display:block; margin: 1px; cursor:pointer; position:relative; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .avatarImg DIV{width: 50px; height: 50px; } .icoFB{width: 52px; height: 11px; background: url("../../images/bar-facebook.png") no-repeat; position:absolute; left:-1px; bottom:-1px; display:block;} .avatarImg-Mini{width: 32px; height: 32px; border:1px #EEE solid; display:block; margin: 2px; cursor:pointer; position:relative; overflow:hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .avatarImg-Mini DIV{width: 32px; height: 32px; } .icoFB-Mini{width: 32px; height: 8px; background: url("../../images/bar-facebook.png") no-repeat; position:absolute; left:-1px; bottom:-1px; display:block; background-size:32px;} .classBorder1 { border: #8B8B8B 2px solid; background-color:#e0e0e0;} .classBorder2 { border: #804040 2px solid; background-color:#be7c7c;} .classBorder4 { border: #009999 2px solid; background-color:#d9ffd9;} .classBorder5 { border: #009900 2px solid; background-color:#d9ffd9;} .classBorder6 { border: #8D1CFF 2px solid; background-color:#e9d2ff;} .classBorder7 { border: #FF06FF 2px solid; background-color:#ffd5ff;} .classBorder8 { border: #F00 2px solid; background-color:#ffbbbb;} .classBorder9 { border: #330099 2px solid; background-color:#702bff;} .classBorder10 { border: #000 2px solid; background-color:#dfdfdf;} .classBorder11 { border: #000 2px solid; background-color:#FFFF99;} .classBorder40 { border: #7BBAFF 2px solid; background-color:#def5fe;} .classBorder50 { border: #0066FF 2px solid; background-color:#def5fe;} .classBorder60 { border: #0066FF 2px solid; background-color:#def5fe;} .classBorder70 { border: #0066FF 2px solid; background-color:#def5fe;} .classBorder99 { border: #0066FF 2px solid; background-color:#def5fe;} .mylink{width:200px; min-height:30px; font-size:12pt; text-align:center; position:relative;} .mylink .myicon{width:140px; min-height:24px; position:relative; margin:10px 15px 10px 30px; border:1px #0CF solid; background-color:#F0FEFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .mylink .myicon IMG{padding:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .mylink .myicon IMG:hover{background-color:#33FFCC; cursor:pointer;} .golden-area{background:url(../../images/menu/bg-mymoney.png) 0px 0px no-repeat; width:152px; height:65px; position:relative; margin: 0 auto;} #myGold{width:58px; height:20px; position:absolute; left: 70px; top: 0px; color:#F30; font-weight:bold; font-size:10pt; text-align:right; line-height:22px; display:block;} #myDiamond{width:58px; height:20px; position:absolute; left: 70px; top: 20px; color:#06C; font-weight:bold; font-size:10pt; text-align:right; line-height:22px; display:block;} #mystampcenter{width:58px; height:20px; position:absolute; left: 70px; bottom: 5px; color:#ff00cc; font-weight:bold; font-size:10pt; text-align:right; line-height:22px; display:block;} .button-refillgold{background:url(../../images/menu/bg-mymoney.png) -152px 0px no-repeat; width:17px; height:19px; position:absolute; right:3px; top:3px;} .button-refillgold:hover{background:url(../../images/menu/bg-mymoney.png) -169px 0px no-repeat; cursor:pointer;} .button-refilldiamond{background:url(../../images/menu/bg-mymoney.png) -152px -19px no-repeat; width:17px; height:19px; position:absolute; right:3px; top:23px;} .button-refilldiamond:hover{background:url(../../images/menu/bg-mymoney.png) -169px -19px no-repeat; cursor:pointer;} /* NEW TAB MENU */ .tabMenu-area{width:580px; height:63px; position:absolute; left:10px; top:-35px; z-index:10;} .tabMenu1{background:url(../../images/mypet/button-tab-menu.png) 0px 0px no-repeat; width:64px; height:63px; float: left;} .tabMenu1:hover{background:url(../../images/mypet/button-tab-menu.png) 0px -63px no-repeat; cursor:pointer;} .tabMenu1-active{background:url(../../images/mypet/button-tab-menu.png) 0px -63px no-repeat; width:64px; height:63px; float: left;} .tabMenu2{background:url(../../images/mypet/button-tab-menu.png) -62px 0px no-repeat; width:62px; height:63px; float: left;} .tabMenu2:hover{background:url(../../images/mypet/button-tab-menu.png) -62px -63px no-repeat; cursor:pointer;} .tabMenu2-active{background:url(../../images/mypet/button-tab-menu.png) -62px -63px no-repeat; width:62px; height:63px; float: left;} .tabMenu3{background:url(../../images/mypet/button-tab-menu.png) -126px 0px no-repeat; width:62px; height:63px; float: left;} .tabMenu3:hover{background:url(../../images/mypet/button-tab-menu.png) -126px -63px no-repeat; cursor:pointer;} .tabMenu3-active{background:url(../../images/mypet/button-tab-menu.png) -126px -63px no-repeat; width:62px; height:63px; float: left;} .tabMenu4{background:url(../../images/mypet/button-tab-menu.png) -188px 0px no-repeat; width:62px; height:63px; float: left;} .tabMenu4:hover{background:url(../../images/mypet/button-tab-menu.png) -188px -63px no-repeat; cursor:pointer;} .tabMenu4-active{background:url(../../images/mypet/button-tab-menu.png) -188px -63px no-repeat; width:62px; height:63px; float: left;} .tabMenu5{background:url(../../images/mypet/button-tab-menu.png) -250px 0px no-repeat; width:62px; height:63px; float: left;} .tabMenu5:hover{background:url(../../images/mypet/button-tab-menu.png) -250px -63px no-repeat; cursor:pointer;} .tabMenu5-active{background:url(../../images/mypet/button-tab-menu.png) -250px -63px no-repeat; width:62px; height:63px; float: left;} .tabMenu6{background:url(../../images/mypet/button-tab-menu.png) -312px 0px no-repeat; width:72px; height:63px; float: left;} .tabMenu6:hover{background:url(../../images/mypet/button-tab-menu.png) -312px -63px no-repeat; cursor:pointer;} .tabMenu6-active{background:url(../../images/mypet/button-tab-menu.png) -312px -63px no-repeat; width:72px; height:63px; float: left;} .tabMenu7{background:url(../../images/mypet/button-tab-menu.png) -384px 0px no-repeat; width:62px; height:63px; float: left;} .tabMenu7:hover{background:url(../../images/mypet/button-tab-menu.png) -384px -63px no-repeat; cursor:pointer;} .tabMenu7-active{background:url(../../images/mypet/button-tab-menu.png) -384px -63px no-repeat; width:62px; height:63px; float: left;} .tabMenu8{background:url(../../images/mypet/button-tab-menu.png) -446px 0px no-repeat; width:62px; height:63px; float: left;} .tabMenu8:hover{background:url(../../images/mypet/button-tab-menu.png) -446px -63px no-repeat; cursor:pointer;} .tabMenu8-active{background:url(../../images/mypet/button-tab-menu.png) -446px -63px no-repeat; width:62px; height:63px; float: left;} .tabMenu9{background:url(../../images/mypet/button-tab-menu.png) -508px 0px no-repeat; width:72px; height:63px; float: left;} .tabMenu9:hover{background:url(../../images/mypet/button-tab-menu.png) -508px -63px no-repeat; cursor:pointer;} .tabMenu9-active{background:url(../../images/mypet/button-tab-menu.png) -508px -63px no-repeat; width:72px; height:63px; float: left;} /* item_contents */ #item_contents{position:relative; min-height:225px; margin:0 auto; width:577px; background:url(../../images/mypet/bg-item-list70ea.png) no-repeat;} #item_contents .allitem-area{width:560px; min-height:200px; position:absolute; left:8px; top:16px;} #divRightUsageMenuPanel{position:absolute; left:7px; top:53px; z-index:13; font-size: 10pt;} #divRightUsageMenuPanel .tempSale{width:90%; margin:0 auto; position:relative; display:none;} #divRightUsageMenuPanel .temp2Center{width:90%; margin:0 auto; position:relative; display:none;} #divOreResult{width:140px; margin:0 auto; position:relative; display:none;} #divOreDetail{width:140px; margin:0 auto; position:relative; display:none;} #divCBResult{width:140px; margin:0 auto; position:relative; display:none;} #divCBDetail{width:140px; margin:0 auto; position:relative; display:none;} #divPETResult{width:140px; margin:0 auto; position:relative; display:none;} #divPETDetail{width:140px; margin:0 auto; position:relative; display:none;} .button-registration-confirm{ background:url(../../images/register/b-register-confirm.png) 0px 0px no-repeat; width:207px; height:41px; position:absolute; left:88px; top:-5px;} .button-registration-confirm:hover{ background:url(../../images/register/b-register-confirm.png) 0px -41px no-repeat; cursor:pointer;} .button-X-close{ background:url(../../images/register/button_close.png) 0px 0px no-repeat; width:43px; height:43px; position:absolute; right:-20px; top:-20px; z-index: 2;} .button-X-close:hover{ background:url(../../images/register/button_close.png) 0px -43px no-repeat; cursor:pointer;} /* END REGIS */ /* USER BY FB */ .tranparent60{filter:alpha(opacity=60); opacity: 0.6;} .tranparent70{filter:alpha(opacity=70); opacity: 0.7;} .tranparent80{filter:alpha(opacity=80); opacity: 0.8;} .tranparent90{filter:alpha(opacity=90); opacity: 0.9;} .tranparent95{filter:alpha(opacity=95); opacity: 0.95;} #user-display-area{width:180px; min-height: 120px; margin-top:-40px; margin:0 auto; position:relative;} #user-display-area .u-left{width:90px; height:155px; float:left;} #user-display-area .u-right{width:90px; height:155px; float:right; position:relative;} #user-display-area .u-right .link1{width:90px; height:20px; position:absolute; top:10px; text-align:center;} #user-display-area .u-right .link2{width:90px; height:20px; position:absolute; top:30px; text-align:center;} #user-display-area .u-right .button-add-friend{width:65px; height:25px; background-color:#09C; color:#FFF; line-height:25px; text-align:center; position:absolute; bottom:15px; left:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #user-display-area .u-right .button-add-friend:hover{background-color:#00CCFF; cursor:pointer;} #user-display-area .u-right .button-del-friend{width:65px; height:25px; background-color:#F28C99; color:#FFF; line-height:25px; text-align:center; position:absolute; bottom:15px; left:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #user-display-area .u-right .button-del-friend:hover{background-color:#F7ACB6; cursor:pointer;} #user-display-area .u-right .button-send-pm{width:65px; height:25px; background-color:#09C; color:#FFF; line-height:25px; text-align:center; position:absolute; bottom:45px; left:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #user-display-area .u-right .button-send-pm:hover{background-color:#00CCFF; cursor:pointer;} #user-display-area .u-right .button-send-pm-disable{width:65px; height:25px; background-color:#999; color:#FFF; line-height:25px; text-align:center; position:absolute; bottom:45px; left:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #user-display-area .showname{width:180px; height:25px; line-height:25px; text-align:center; overflow:hidden; font-size:14pt;} #user-display-area .u-detail{width:165px; min-height:120px; margin:0 auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color:#FFF; border:1px #CCC dashed; position:relative;} #user-display-area .u-detail .padding{padding:5px 5px 5px 8px; color:#333;} .button-usershop{width:65px; height:25px; background-color:#09C; color:#FFF; line-height:25px; text-align:center; position:absolute; bottom:75px; left:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .button-usershop:hover{background-color:#00CCFF; cursor:pointer;} .button-usershop-disable{width:65px; height:25px; background-color:#999; color:#FFF; line-height:25px; text-align:center; position:absolute; bottom:75px; left:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /* CHAR THUMNAIL DISPLAY */ .charThumnail {width:128px; height:128px; float:left; border:1px dashed #999; margin:5px; position:relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;} .charThumnail .char-level{width:37px; 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;} .charThumnail .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;} .charThumnail .char-this{background-color:#ff33cc;} .charThumnail .char-auraB{height:128px; width:128px; position: absolute; left:0px; top:0px; z-index:1; } .charThumnail .char-stand{height:128px; width:128px; position: absolute; left:0px; top:0px; z-index:2; } .charThumnail .char-auraF{height:128px; width:128px; position: absolute; left:0px; top:0px; z-index:3; } .myAuraB{height:150px; width:150px; position: absolute; left:0px; top:0px; z-index:1; } .myAuraStand{height:150px; width:150px; position: absolute; left:0px; top:0px; z-index:2; } .myAuraF{height:150px; width:150px; position: absolute; left:0px; top:0px; z-index:3; } .myPETthumb{height:100px; width:100px; position: absolute; left:35px; top:20px; z-index:4; } /* USER POST */ .textarea-area-post{width:598px; min-height:60px; position:relative; border:1px #CCC solid; background-color: #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} #user-post .userinput{width:100%; min-height:50px; position:relative; z-index:2px;} #user-post .userinput TEXTAREA{width:550px;; height:100%; border: 1px #CCC solid; position:relative; resize: none; z-index:1; margin:5px 0px 5px 15px; color:#999; outline: none; background-color: #EEE; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 10px;} #user-post #button-area{width:580px; height:35px; margin-left: 10px; position:relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #user-post #button-area .button-post{width:60px; height:23px; background-color:#09C; color:#FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-align:center; line-height:20px; position:absolute; right:5px; top:5px; font-weight: bold; font-size: 12pt;} #user-post #button-area .button-post:hover{background-color:#00CCFF; cursor:pointer;} #user-post #loading-post{width:16px; height:11px; position:absolute; left:590px; top: 11px; background:url(../../images/loading/potionplus2.gif) 0px 0px no-repeat; display:none;} .friendinput TEXTAREA{width:460px;; height:100%; border: 1px #CCC solid; position:relative; resize: none; z-index:1; margin:3px; color:#999; outline: none; background-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px;} .myPost{width:555px; min-height:40px; margin:0px 0px 5px 15px; padding:8px; background-color:#EFEFEF; position:relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .friendAvatar{width: 35px; height: 35px; display:block; cursor:pointer; float: left; margin: 2px; border: 1px #CCC solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float:left;} .myAvatar{width: 40px; height: 40px; display:block; cursor:pointer; float: left; margin: 3px; border: 1px #CCC solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float:left;} .myName{float:left; margin-left:5px; height:50px; padding-top:5px;} .fb-post-comment{width:100%; min-height:30px; color:#333;} .fb-line{width:550px; height:1px; border-top:1px #CCC dotted; margin:7px 0 7px 0;} .fb-reply{width:540px; min-height:40px; position:relative; margin-top: 5px; background-color:#FAFAFA; text-align:left; padding: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .fb-reply-comment{width:480px; min-height:30px; float:left; margin:2px 2px 2px 5px; color:#666; position:relative;} .fb-reply-date{position:relative; bottom:0px; height:20px; font-size:8pt; line-height:27px;} /* USER TOP HEADER */ .button-upload-toppicture{width:110px; height:20px; line-height: 18px; text-align: center; position:absolute; right:10px; top:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #EEE; filter:alpha(opacity=65); opacity: 0.65;} .button-upload-toppicture:hover{background-color: #FFF; cursor:pointer; filter:alpha(opacity=95); opacity: 0.95;} .cover-upload-area{width:300px; height:65px; position:absolute; right:10px; top:34px; background-color:#EEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:2px #999 solid;} .cover-upload-area .fileupload{float:left; width:180px; height:25px; margin:10px 10px 10px 20px;} .cover-upload-area INPUT[type="file"]{width:180px; height:25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .cover-upload-area .button-cover-submit{float:left; width:65px; height:27px; margin:10px 10px 10px 5px; background-color:#AAA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; line-height:25px;} .cover-upload-area .button-cover-submit:hover{background-color: #FFF; border:1px #333 solid; height:25px; cursor:pointer;} .cover-upload-area .text-description{width:250px; height:18px; color:#F06; position:absolute; bottom:8px; left:20px;} /* BUTTON FB */ .fb-button-delete{width:16px; height:11px; position:absolute; right:8px; top:8px; background:url(../../images/users/fb-button-delete.png) 0px 0px no-repeat;} .fb-button-delete:hover{background:url(../../images/users/fb-button-delete.png) 0px -11px no-repeat; cursor:pointer;} .fb-command-area{width:150px; height:75px; position:absolute; right:0px; top:15px; border:1px #999 solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#FFF;border-bottom-width:2px; padding: 2px; display:none;} .fb-command-area .bt{width:140px; height:25px; padding-left:10px; line-height:25px; background-color:#FFF; color:#333;} .fb-command-area .bt:hover{background-color:#999; border-top:1px #666 solid; color:#FFF;} .fb-command-area .bt-disable{width:140px; height:25px; padding-left:10px; line-height:25px; background-color:#FFF; color:#CCC;} /* USER LOG */ .log-name{height:35px; width:100%; line-height:17px; margin-left:5px; overflow: hidden;} .log-item-detail{min-height:35px; width:100%; position:relative;} .log-item-detail .img{float:left; width:32px;} .log-item-detail .i-detail{width:280px; min-height:35px; float:left; margin-left:8px; position:relative;} .log-item-detail .i-detail .i-name{min-height:20px; line-height:18px;} .log-item-detail .i-detail .i-time{height:15px; line-height:15px; color:#CCC; font-size:8pt;} .log-item-detail .u-detail{width:230px; height:35px; float:left; margin-left:8px;} .log-item-detail .u-detail .u-name{height:20px; line-height:18px;} .log-item-detail .u-detail .u-time{height:15px; line-height:15px; color:#CCC; font-size:8pt;} /* CHAT MSG */ .chatmapnew-top{width:600px; height:25px; background: url("../../images/chat/chatmap-new.png") no-repeat;} .chatmapnew-body{width:600px; background: url("../../images/chat/chat-body-new.png") repeat-y;} .chatmapnew-bottom{width:600px; height:86px; background: url("../../images/chat/chatmap-new.png") 0px -28px no-repeat; position:relative; } .q-symbol{width:10px; height:12px; position:absolute; left:-9px; top:5px; background:url(../../images/chat/q-symbol.png) 0px 0px no-repeat;} .r-symbol{width:10px; height:12px; position:absolute; right:-9px; top:5px; background:url(../../images/chat/q-symbol.png) -10px 0px no-repeat;} .sys-symbol{width:10px; height:12px; position:absolute; left:-9px; top:5px; background:url(../../images/chat/q-symbol.png) -20px 0px no-repeat;} .pv-q-symbol{width:10px; height:12px; position:absolute; left:-9px; top:5px; background:url(../../images/chat/q-symbol.png) -30px 0px no-repeat;} .pv-r-symbol{width:10px; height:12px; position:absolute; right:-9px; top:5px; background:url(../../images/chat/q-symbol.png) -40px 0px no-repeat;} .button-swap{width:19px; height:19px; position:absolute; left:590px; top:190px; z-index:20000; background:url(../../images/chat/button-swap.png) 0px -25px no-repeat;} .button-swap:hover{width:44px; height:44px; position:absolute; left:578px; top:178px; z-index:20000; background:url(../../images/chat/button-swap.png) -19px 0px no-repeat; cursor:pointer;} .star-class1{width:15px; height:15px; background: url("../../images/users/star.png") 0px 0px no-repeat; float: left; margin: 0px 0 0 3px;} .star-class2{width:31px; height:15px; background: url("../../images/users/star.png") 0px 0px no-repeat; float: left; margin: 0px 0 0 3px;} .star-class3{width:47px; height:15px; background: url("../../images/users/star.png") 0px 0px no-repeat; float: left; margin: 0px 0 0 3px;} .star-class4{width:63px; height:15px; background: url("../../images/users/star.png") 0px 0px no-repeat; float: left; margin: 0px 0 0 3px;} .star-class5{width:79px; height:15px; background: url("../../images/users/star.png") 0px 0px no-repeat; float: left; margin: 0px 0 0 3px;} /* CHAT BOX BIG */ .chatbox-body{width:800px; background: url("../../images/chat/chat-body-800.png") repeat-y;} .chatbox-bottom{width:800px; height:145px; background: url("../../images/chat/bg-chat.png") 0px -50px; no-repeat; position:relative; } .chatbox-top{width:800px; height:50px; background: url("../../images/chat/bg-chat.png") no-repeat;} .chatbox-top .button1{background:url(../../images/chat/bg-chat.png) 0px -238px no-repeat; width:84px; height:21px; position:absolute; left:18px; top:16px;} .chatbox-top .button1-active{background:url(../../images/chat/bg-chat.png) -168px -238px no-repeat; width:84px; height:21px; position:absolute; left:18px; top:16px;} .chatbox-top .button1:hover{background:url(../../images/chat/bg-chat.png) -84px -238px no-repeat; cursor:pointer;} .chatbox-top .button2{background:url(../../images/chat/bg-chat.png) -252px -238px no-repeat; width:84px; height:21px; position:absolute; left:116px; top:16px;} .chatbox-top .button2-active{background:url(../../images/chat/bg-chat.png) -420px -238px no-repeat; width:84px; height:21px; position:absolute; left:116px; top:16px;} .chatbox-top .button2:hover{background:url(../../images/chat/bg-chat.png) -336px -238px no-repeat; cursor:pointer;} .buttonChat-send{background:url(../../images/chat/bg-chat.png) -654px -196px no-repeat; width:40px; height:21px; float:left;} .buttonChat-send:hover{background:url(../../images/chat/bg-chat.png) -654px -217px no-repeat; cursor:pointer;} .buttonChat-clear{background:url(../../images/chat/bg-chat.png) 0px -196px no-repeat; width:57px; height:21px; float:left;} .buttonChat-clear:hover{background:url(../../images/chat/bg-chat.png) 0px -217px no-repeat; cursor:pointer;} .buttonChat-selectitem{background:url(../../images/chat/bg-chat.png) -57px -196px no-repeat; width:75px; height:21px; float:left; margin-right:3px;} .buttonChat-selectitem:hover{background:url(../../images/chat/bg-chat.png) -57px -217px no-repeat; cursor:pointer;} .buttonChat-info{background:url(../../images/chat/bg-chat.png) -694px -196px no-repeat; width:40px; height:21px; float:left;} .buttonChat-info:hover{background:url(../../images/chat/bg-chat.png) -694px -217px no-repeat; cursor:pointer;} .buttonChat-emo{background:url(../../images/chat/bg-chat.png) -734px -196px no-repeat; width:28px; height:21px; float:left;} .buttonChat-emo:hover{background:url(../../images/chat/bg-chat.png) -734px -217px no-repeat; cursor:pointer;} /* CHAT EMOTION POPUP */ #chat-emotion-popup{width:250px; height:180px; position:absolute; left:537px; top:-154px; background:url(../../images/chat/bg-emotion.png) no-repeat; z-index:100;} #chat-emotion-popup .emo-area{width:227px; height:120px; position:absolute; left: 13px; top: 35px;} #chat-emotion-popup .button-emo{width:20px; height:20px; float:left; padding: 4px; margin: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #chat-emotion-popup .button-emo:hover{background-color:#99FFFF; cursor:pointer;} #chat-emotion-popup .button-sticker{width:60px; height:30px; float:left; padding: 4px; margin: 2px 3px 2px 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #chat-emotion-popup .button-sticker:hover{background-color:#99FFFF; cursor:pointer;} #chat-emotion-popup #emo-menu-area{width:244px; height:30px; position:absolute; left:3px; top:3px; background-color:#CCC; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px;} #chat-emotion-popup #emo-menu-area .menu{width:30px; height:30px; float: left; margin-left: 1px; background:-webkit-gradient(linear, 0% 100%, 10% 10%, from(#666), to(#BBB)); background:-moz-linear-gradient(0% 100% 90deg, #666, #BBB 10%); -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px;} #chat-emotion-popup #emo-menu-area .menu-active{width:30px; height:30px; float: left; margin-left: 1px; background:-webkit-gradient(linear, 0% 100%, 10% 30%, from(#666), to(#878c95)); background:-moz-linear-gradient(0% 100% 90deg, #666, #878c95 30%); -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px;} #chat-emotion-popup #emo-menu-area .menu:hover{background:-webkit-gradient(linear, 0% 100%, 10% 50%, from(#666), to(#878c95)); background:-moz-linear-gradient(0% 100% 90deg, #666, #878c95 50%); cursor:pointer;} #chat-emotion-popup #emo-menu-area .emo-title0{width:30px; height:30px; background:url("../../images/chat/emo-face.png") 0px 0px no-repeat;} #chat-emotion-popup #emo-menu-area .emo-title1{width:30px; height:30px; background:url("../../images/chat/emo-face.png") -30px 0px no-repeat;} #chat-emotion-popup #emo-menu-area .emo-title2{width:30px; height:30px; background:url("../../images/chat/emo-face.png") -60px 0px no-repeat;} .sticker-buy{width: 100px; height:30px; border:1px solid #0099CC; position:absolute; left:60px; bottom:10px; text-align:center; line-height:30px; color:#FFF; background:-webkit-gradient(linear, 0% 100%, 0% 70%, from(#0066CC), to(#33CCFF)); background:-moz-linear-gradient(0% 100% 90deg, #0066CC, #33CCFF 70%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sticker-buy:hover{background:-webkit-gradient(linear, 0% 100%, 0% 50%, from(#33CCFF), to(#0066CC)); background:-moz-linear-gradient(0% 100% 90deg, #33CCFF, #0066CC 50%); cursor:pointer;} .sticker-price{width:100%; height:30px; position:absolute; margin:0 auto; color:#009900; text-align: center; margin-top: 40px; font-size: 12pt; background-color: #FFF; line-height: 28px; filter:alpha(opacity=85); opacity: 0.85;} .sticker1-small-1{width:60px; height:30px; background:url("../../images/sticker/sticker1.png") -160px 0px no-repeat;} .sticker1-small-2{width:60px; height:30px; background:url("../../images/sticker/sticker1.png") -160px -30px no-repeat;} .sticker1-small-3{width:60px; height:30px; background:url("../../images/sticker/sticker1.png") -160px -60px no-repeat;} .sticker1-small-4{width:60px; height:30px; background:url("../../images/sticker/sticker1.png") -160px -90px no-repeat;} .sticker1-small-5{width:60px; height:30px; background:url("../../images/sticker/sticker1.png") -160px -120px no-repeat;} .sticker1-small-6{width:60px; height:30px; background:url("../../images/sticker/sticker1.png") -160px -150px no-repeat;} .sticker1-small-7{width:60px; height:30px; background:url("../../images/sticker/sticker1.png") -160px -180px no-repeat;} .sticker1-small-8{width:60px; height:30px; background:url("../../images/sticker/sticker1.png") -160px -210px no-repeat;} .sticker1-small-9{width:60px; height:30px; background:url("../../images/sticker/sticker1.png") -160px -240px no-repeat;} .sticker1-1{width:160px; height:80px; background:url("../../images/sticker/sticker1.png") 0px 0px no-repeat;} .sticker1-2{width:160px; height:80px; background:url("../../images/sticker/sticker1.png") 0px -80px no-repeat;} .sticker1-3{width:160px; height:80px; background:url("../../images/sticker/sticker1.png") 0px -160px no-repeat;} .sticker1-4{width:160px; height:80px; background:url("../../images/sticker/sticker1.png") 0px -240px no-repeat;} .sticker1-5{width:160px; height:80px; background:url("../../images/sticker/sticker1.png") 0px -320px no-repeat;} .sticker1-6{width:160px; height:80px; background:url("../../images/sticker/sticker1.png") 0px -400px no-repeat;} .sticker1-7{width:160px; height:80px; background:url("../../images/sticker/sticker1.png") 0px -480px no-repeat;} .sticker1-8{width:160px; height:80px; background:url("../../images/sticker/sticker1.png") 0px -560px no-repeat;} .sticker1-9{width:160px; height:80px; background:url("../../images/sticker/sticker1.png") 0px -640px no-repeat;} .sticker2-small-1{width:60px; height:30px; background:url("../../images/sticker/sticker2.png") -160px 0px no-repeat;} .sticker2-small-2{width:60px; height:30px; background:url("../../images/sticker/sticker2.png") -160px -30px no-repeat;} .sticker2-small-3{width:60px; height:30px; background:url("../../images/sticker/sticker2.png") -160px -60px no-repeat;} .sticker2-small-4{width:60px; height:30px; background:url("../../images/sticker/sticker2.png") -160px -90px no-repeat;} .sticker2-small-5{width:60px; height:30px; background:url("../../images/sticker/sticker2.png") -160px -120px no-repeat;} .sticker2-small-6{width:60px; height:30px; background:url("../../images/sticker/sticker2.png") -160px -150px no-repeat;} .sticker2-small-7{width:60px; height:30px; background:url("../../images/sticker/sticker2.png") -160px -180px no-repeat;} .sticker2-small-8{width:60px; height:30px; background:url("../../images/sticker/sticker2.png") -160px -210px no-repeat;} .sticker2-small-9{width:60px; height:30px; background:url("../../images/sticker/sticker2.png") -160px -240px no-repeat;} .sticker2-1{width:160px; height:80px; background:url("../../images/sticker/sticker2.png") 0px 0px no-repeat;} .sticker2-2{width:160px; height:80px; background:url("../../images/sticker/sticker2.png") 0px -80px no-repeat;} .sticker2-3{width:160px; height:80px; background:url("../../images/sticker/sticker2.png") 0px -160px no-repeat;} .sticker2-4{width:160px; height:80px; background:url("../../images/sticker/sticker2.png") 0px -240px no-repeat;} .sticker2-5{width:160px; height:80px; background:url("../../images/sticker/sticker2.png") 0px -320px no-repeat;} .sticker2-6{width:160px; height:80px; background:url("../../images/sticker/sticker2.png") 0px -400px no-repeat;} .sticker2-7{width:160px; height:80px; background:url("../../images/sticker/sticker2.png") 0px -480px no-repeat;} .sticker2-8{width:160px; height:80px; background:url("../../images/sticker/sticker2.png") 0px -560px no-repeat;} .sticker2-9{width:160px; height:80px; background:url("../../images/sticker/sticker2.png") 0px -640px no-repeat;} #chat-emotion-popup #emo-menu-area .emo-title3{width:30px; height:30px; background:url("../../images/sticker/sticker3.png") -160px -270px no-repeat;} .sticker3-small-1{width:60px; height:30px; background:url("../../images/sticker/sticker3.png") -160px 0px no-repeat;} .sticker3-small-2{width:60px; height:30px; background:url("../../images/sticker/sticker3.png") -160px -30px no-repeat;} .sticker3-small-3{width:60px; height:30px; background:url("../../images/sticker/sticker3.png") -160px -60px no-repeat;} .sticker3-small-4{width:60px; height:30px; background:url("../../images/sticker/sticker3.png") -160px -90px no-repeat;} .sticker3-small-5{width:60px; height:30px; background:url("../../images/sticker/sticker3.png") -160px -120px no-repeat;} .sticker3-small-6{width:60px; height:30px; background:url("../../images/sticker/sticker3.png") -160px -150px no-repeat;} .sticker3-small-7{width:60px; height:30px; background:url("../../images/sticker/sticker3.png") -160px -180px no-repeat;} .sticker3-small-8{width:60px; height:30px; background:url("../../images/sticker/sticker3.png") -160px -210px no-repeat;} .sticker3-small-9{width:60px; height:30px; background:url("../../images/sticker/sticker3.png") -160px -240px no-repeat;} .sticker3-1{width:160px; height:80px; background:url("../../images/sticker/sticker3.png") 0px 0px no-repeat;} .sticker3-2{width:160px; height:80px; background:url("../../images/sticker/sticker3.png") 0px -80px no-repeat;} .sticker3-3{width:160px; height:80px; background:url("../../images/sticker/sticker3.png") 0px -160px no-repeat;} .sticker3-4{width:160px; height:80px; background:url("../../images/sticker/sticker3.png") 0px -240px no-repeat;} .sticker3-5{width:160px; height:80px; background:url("../../images/sticker/sticker3.png") 0px -320px no-repeat;} .sticker3-6{width:160px; height:80px; background:url("../../images/sticker/sticker3.png") 0px -400px no-repeat;} .sticker3-7{width:160px; height:80px; background:url("../../images/sticker/sticker3.png") 0px -480px no-repeat;} .sticker3-8{width:160px; height:80px; background:url("../../images/sticker/sticker3.png") 0px -560px no-repeat;} .sticker3-9{width:160px; height:80px; background:url("../../images/sticker/sticker3.png") 0px -640px no-repeat;} #chat-emotion-popup #emo-menu-area .emo-title4{width:30px; height:30px; background:url("../../images/sticker/sticker4.png") -160px -270px no-repeat;} .sticker4-small-1{width:60px; height:30px; background:url("../../images/sticker/sticker4.png") -160px 0px no-repeat;} .sticker4-small-2{width:60px; height:30px; background:url("../../images/sticker/sticker4.png") -160px -30px no-repeat;} .sticker4-small-3{width:60px; height:30px; background:url("../../images/sticker/sticker4.png") -160px -60px no-repeat;} .sticker4-small-4{width:60px; height:30px; background:url("../../images/sticker/sticker4.png") -160px -90px no-repeat;} .sticker4-small-5{width:60px; height:30px; background:url("../../images/sticker/sticker4.png") -160px -120px no-repeat;} .sticker4-small-6{width:60px; height:30px; background:url("../../images/sticker/sticker4.png") -160px -150px no-repeat;} .sticker4-small-7{width:60px; height:30px; background:url("../../images/sticker/sticker4.png") -160px -180px no-repeat;} .sticker4-small-8{width:60px; height:30px; background:url("../../images/sticker/sticker4.png") -160px -210px no-repeat;} .sticker4-small-9{width:60px; height:30px; background:url("../../images/sticker/sticker4.png") -160px -240px no-repeat;} .sticker4-1{width:160px; height:80px; background:url("../../images/sticker/sticker4.png") 0px 0px no-repeat;} .sticker4-2{width:160px; height:80px; background:url("../../images/sticker/sticker4.png") 0px -80px no-repeat;} .sticker4-3{width:160px; height:80px; background:url("../../images/sticker/sticker4.png") 0px -160px no-repeat;} .sticker4-4{width:160px; height:80px; background:url("../../images/sticker/sticker4.png") 0px -240px no-repeat;} .sticker4-5{width:160px; height:80px; background:url("../../images/sticker/sticker4.png") 0px -320px no-repeat;} .sticker4-6{width:160px; height:80px; background:url("../../images/sticker/sticker4.png") 0px -400px no-repeat;} .sticker4-7{width:160px; height:80px; background:url("../../images/sticker/sticker4.png") 0px -480px no-repeat;} .sticker4-8{width:160px; height:80px; background:url("../../images/sticker/sticker4.png") 0px -560px no-repeat;} .sticker4-9{width:160px; height:80px; background:url("../../images/sticker/sticker4.png") 0px -640px no-repeat;} /* BOTTOM TOOL CHAT */ .button-chat-area1{width:135px; height:110px; position:absolute; top: 8px; left: 7px;} .button-chat-area2{width:300px; height:110px; position:absolute; top: 7px; left: 145px;} /* MAIN BUTTON */ .main-button-refill{background:url("../../images/menu/main-button.png") 0px 0px no-repeat; width:131px; height:106px; float:left;} .main-button-refill:hover{background:url("../../images/menu/main-button.png") 0px -106px no-repeat; cursor:pointer;} .main-button-create{background:url("../../images/menu/main-button.png") -131px 0px no-repeat; width:93px; height:48px; float:left; margin: 3px;} .main-button-create:hover{background:url("../../images/menu/main-button.png") -131px -48px no-repeat; cursor:pointer;} .main-button-chat{background:url("../../images/menu/main-button.png") -224px 0px no-repeat; width:93px; height:48px; float:left; margin: 3px;} .main-button-chat:hover{background:url("../../images/menu/main-button.png") -224px -48px no-repeat; cursor:pointer;} .main-button-market{background:url("../../images/menu/main-button.png") -317px 0px no-repeat; width:93px; height:48px; float:left; margin: 3px;} .main-button-market:hover{background:url("../../images/menu/main-button.png") -317px -48px no-repeat; cursor:pointer;} .main-button-myitem{background:url("../../images/menu/main-button.png") -131px -96px no-repeat; width:93px; height:48px; float:left; margin: 3px;} .main-button-myitem:hover{background:url("../../images/menu/main-button.png") -131px -144px no-repeat; cursor:pointer;} .main-button-pvp{background:url("../../images/menu/main-button.png") -224px -96px no-repeat; width:93px; height:48px; float:left; margin: 3px;} .main-button-pvp:hover{background:url("../../images/menu/main-button.png") -224px -144px no-repeat; cursor:pointer;} .main-button-skill{background:url("../../images/menu/main-button.png") -317px -96px no-repeat; width:93px; height:48px; float:left; margin: 3px;} .main-button-skill:hover{background:url("../../images/menu/main-button.png") -317px -144px no-repeat; cursor:pointer;} /* item free for daily new */ #dailyfreeNEW{position: absolute; left:228px; top:200px; width: 545px; height: 472px; z-index:3;} #dailyfreeNEW .bg1{width: 545px; height: 395px; background: url("../../images/dailyfree/bg-itemday.png") 0px 0px no-repeat; position:relative; } #dailyfreeNEW .bg2{width: 545px; height: 472px; background: url("../../images/dailyfree/bg-itemday.png") 0px -395px no-repeat; position:relative; } #dailyfreeNEW .buttonBuy{width: 167px; height: 73px; background: url("../../images/dailyfree/bg-itemday.png") 0px -867px no-repeat; position:absolute; right:-55px; top: 8px;} #dailyfreeNEW .buttonBuy:hover{background: url("../../images/dailyfree/bg-itemday.png") -167px -867px no-repeat; cursor: pointer;} #dailyfreeNEW .symbol-area{width:479px; height:291px; position:absolute; left: 37px; top: 78px;} #dailyfreeNEW .symbol-true0{width: 39px; height: 31px; background: url("../../images/dailyfree/bg-itemday.png") -334px -867px no-repeat; float:left; margin:19px 15px 24px 13px;} #dailyfreeNEW .symbol-true1{width: 39px; height: 31px; background: url("../../images/dailyfree/bg-itemday.png") -334px -898px no-repeat; float:left; margin:19px 15px 24px 13px;} #dailyfreeNEW .dailymall-area{width:100%; height:90px; position:absolute; bottom:10px;} #dailyfreeNEW .percent30{width: 437px; height: 90px; background: url("../../images/dailyfree/itemmall.png") 0px 0px no-repeat; position:absolute; left:13px; bottom:0; } #dailyfreeNEW .percent40{width: 437px; height: 90px; background: url("../../images/dailyfree/itemmall.png") 0px -100px no-repeat; position:absolute; left:13px; bottom:0; } #dailyfreeNEW .percent50{width: 437px; height: 90px; background: url("../../images/dailyfree/itemmall.png") 0px -200px no-repeat; position:absolute; left:13px; bottom:0; } #dailyfreeNEW .percent60{width: 437px; height: 90px; background: url("../../images/dailyfree/itemmall.png") 0px -300px no-repeat; position:absolute; left:13px; bottom:0; } #dailyfreeNEW .percent70{width: 437px; height: 90px; background: url("../../images/dailyfree/itemmall.png") 0px -400px no-repeat; position:absolute; left:13px; bottom:0; } #dailyfreeNEW .percent80{width: 437px; height: 90px; background: url("../../images/dailyfree/itemmall.png") 0px -500px no-repeat; position:absolute; left:13px; bottom:0; } #dailyfreeNEW .percent90{width: 437px; height: 90px; background: url("../../images/dailyfree/itemmall.png") 0px -600px no-repeat; position:absolute; left:13px; bottom:0; } #dailyfreeNEW .showItemPicture{width:110px; height:116px; position:absolute; left: 155px; top: 55px;} #dailyfreeNEW .itemPicture{width:48px; height:48px; position:absolute; left: 39px; top: 18px;} #dailyfreeNEW .itemPicture IMG{width:48px; height:48px;} #dailyfreeNEW .itemPriceGold{width:48px; height:15px; position:absolute; left: 38px; top: 70px; color:#F00; font-size: 10pt; font-weight: bold; text-align: center; line-height: 15px;} /* NEW TAB MENU 2014 */ .tabMenu2-area{width:420px; height:49px; position:absolute; left:15px; top:-30px; z-index:10;} .tabMenu2-area .tab-Menu1{background:url("../../images/mypet/button-tab-menu2.png") 0px 0px no-repeat; width:48px; height:49px; float: left;} .tabMenu2-area .tab-Menu1:hover{background:url("../../images/mypet/button-tab-menu2.png") 0px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu1-active{background:url("../../images/mypet/button-tab-menu2.png") 0px -49px no-repeat; width:48px; height:49px; float: left;} .tabMenu2-area .tab-Menu2{background:url("../../images/mypet/button-tab-menu2.png") -48px 0px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu2:hover{background:url("../../images/mypet/button-tab-menu2.png") -48px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu2-active{background:url("../../images/mypet/button-tab-menu2.png") -48px -49px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu3{background:url("../../images/mypet/button-tab-menu2.png") -100px 0px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu3:hover{background:url("../../images/mypet/button-tab-menu2.png") -100px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu3-active{background:url("../../images/mypet/button-tab-menu2.png") -100px -49px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu4{background:url("../../images/mypet/button-tab-menu2.png") -152px 0px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu4:hover{background:url("../../images/mypet/button-tab-menu2.png") -152px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu4-active{background:url("../../images/mypet/button-tab-menu2.png") -152px -49px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu5{background:url("../../images/mypet/button-tab-menu2.png") -204px 0px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu5:hover{background:url("../../images/mypet/button-tab-menu2.png") -204px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu5-active{background:url("../../images/mypet/button-tab-menu2.png") -204px -49px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu6{background:url("../../images/mypet/button-tab-menu2.png") -256px 0px no-repeat; width:60px; height:49px; float: left;} .tabMenu2-area .tab-Menu6:hover{background:url("../../images/mypet/button-tab-menu2.png") -256px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu6-active{background:url("../../images/mypet/button-tab-menu2.png") -256px -49px no-repeat; width:60px; height:49px; float: left;} .tabMenu2-area .tab-Menu7{background:url("../../images/mypet/button-tab-menu2.png") -316px 0px no-repeat; width:49px; height:49px; float: left;} .tabMenu2-area .tab-Menu7:hover{background:url("../../images/mypet/button-tab-menu2.png") -316px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu7-active{background:url("../../images/mypet/button-tab-menu2.png") -316px -49px no-repeat; width:49px; height:49px; float: left;} .tabMenu2-area .tab-Menu8{background:url("../../images/mypet/button-tab-menu2.png") -365px 0px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu8:hover{background:url("../../images/mypet/button-tab-menu2.png") -365px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu8-active{background:url("../../images/mypet/button-tab-menu2.png") -365px -49px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu9{background:url("../../images/mypet/button-tab-menu2.png") -417px 0px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu9:hover{background:url("../../images/mypet/button-tab-menu2.png") -417px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu9-active{background:url("../../images/mypet/button-tab-menu2.png") -417px -49px no-repeat; width:52px; height:49px; float: left;} .tabMenu2-area .tab-Menu10{background:url("../../images/mypet/button-tab-menu2.png") -469px 0px no-repeat; width:55px; height:49px; float: left;} .tabMenu2-area .tab-Menu10:hover{background:url("../../images/mypet/button-tab-menu2.png") -469px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu10-active{background:url("../../images/mypet/button-tab-menu2.png") -469px -49px no-repeat; width:55px; height:49px; float: left;} .tabMenu2-area .tab-Menu11{background:url("../../images/mypet/button-tab-menu2.png") -524px 0px no-repeat; width:50px; height:49px; float: left; z-index:2; position:relative;} .tabMenu2-area .tab-Menu11:hover{background:url("../../images/mypet/button-tab-menu2.png") -524px -49px no-repeat; cursor:pointer;} .tabMenu2-area .tab-Menu11-active{background:url("../../images/mypet/button-tab-menu2.png") -524px -49px no-repeat; width:50px; height:49px; float: left; z-index:2; position:relative;} .tabMenu2-area .sub-Menu2{background:url("../../images/mypet/submenu.png") 0px 0px no-repeat; width:34px; height:34px; position:absolute; right: 40px; top: 2px;} .tabMenu2-area .sub-Menu2:hover{background:url("../../images/mypet/submenu.png") 0px -34px no-repeat; cursor:pointer;} .tabMenu2-area .sub-Menu2-active{background:url("../../images/mypet/submenu.png") 0px 0px no-repeat; width:34px; height:34px; position:absolute; right: 40px; top: 2px;} .tabMenu2-area .sub-Menu1{background:url("../../images/mypet/submenu.png") -34px 0px no-repeat; width:34px; height:34px; position:absolute; right: 80px; top: 2px;} .tabMenu2-area .sub-Menu1:hover{background:url("../../images/mypet/submenu.png") -34px -34px no-repeat; cursor:pointer;} .tabMenu2-area .sub-Menu1-active{background:url("../../images/mypet/submenu.png") -34px 0px no-repeat; width:34px; height:34px; position:absolute; right: 80px; top: 2px;} .subMenuStore{width:130px; height:36px; position:absolute; right: 25px; top: 4px; background-color:#ccffcc; border:1px #339966 dashed; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display:none;} /* RUNE AREA */ #rune-area{width:580px; height:285px; position:relative; margin:0 auto; display:;} #rune-area .bg-rune-item{float:left; width:390px; height:285px; background:url(../../images/mypet/bg-rune-item.png) no-repeat;} #rune-area .bg-rune-stat{float:right; width:188px; height:285px; background:url(../../images/mypet/bg-rune-stat.png) no-repeat;} #rune-area .bg-rune-stat .stat-area{width:135px; height:204px; position:absolute; left: 413px; top: 48px; overflow-y:scroll; overflow-x:hide; padding:5px;} #rune-area .bg-rune-stat .stat-area .row{width:120px; height:20px; line-height:20px; border-bottom:1px dotted #CCC; display:block; position:relative; text-align:left;} #rune-area .bg-rune-stat .stat-area .rowstat{float:left; width:45px; min-height:100%; color:#333;} #rune-area .bg-rune-stat .stat-area .rowvalue{float:right; width:70px; min-height:100%; text-align:right; color:#999;} #rune-area .is-lock{width:32px; height:32px; background:url(../../images/mypet/icon-lock1.png) no-repeat; cursor:pointer;} #rune-area #rune-unlock-area{width:580px; height:285px; position:absolute; left: 0px; top: 0px; z-index: 10; 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: 5px; -moz-border-radius: 5px; border-radius: 5px; display:none;} #rune-area #rune-unlock-area .bg-rune-unlock{width:222px; height:131px; background:url(../../images/mypet/bg-rune-unlock.png) 0px 0px no-repeat; position:absolute; left: 85px; top: 55px; z-index: 10;} #rune-area #rune-unlock-area .bg-rune-unlock .buttonG{background:url(../../images/mypet/bg-rune-unlock.png) 0px -131px no-repeat; width:134px; height:34px; position:absolute; left: 15px; bottom: 15px;} #rune-area #rune-unlock-area .bg-rune-unlock .buttonG:hover{background:url(../../images/mypet/bg-rune-unlock.png) 0px -165px no-repeat; cursor:pointer;} #rune-area #rune-unlock-area .bg-rune-unlock .buttonP{background:url(../../images/mypet/bg-rune-unlock.png) -134px -131px no-repeat; width:134px; height:34px; position:absolute; left: 15px; bottom: 15px;} #rune-area #rune-unlock-area .bg-rune-unlock .buttonP:hover{background:url(../../images/mypet/bg-rune-unlock.png) -134px -165px no-repeat; cursor:pointer;} #rune-area #rune-unlock-area .bg-rune-unlock .buttonClose{background:url(../../images/mypet/bg-rune-unlock.png) -222px 0px no-repeat; width:53px; height:34px; position:absolute; right: 15px; bottom: 15px;} #rune-area #rune-unlock-area .bg-rune-unlock .buttonClose:hover{background:url(../../images/mypet/bg-rune-unlock.png) -222px -34px no-repeat; cursor:pointer;} #rune-area #rune-unlock-area .bg-rune-unlock #txt-unlock-level{position:absolute; width:100px; height:18px; left: 108px; top: 28px; font-size:11pt; overflow:hidden; line-height:18px; color:#06C; text-align: left;} #rune-area #rune-unlock-area .bg-rune-unlock #txt-unlock-gold{position:absolute; width:40px; height:18px; left: 142px; top: 48px; line-height:18px; color:#FF0000; font-weight:bold; font-size: 14pt; text-align: center;} #runeY1{width:32px; height:32px; position:absolute; left: 302px; top: 206px;} #runeY2{width:32px; height:32px; position:absolute; left: 341px; top: 223px;} #runeY3{width:32px; height:32px; position:absolute; left: 317px; top: 249px;} #runeY4{width:32px; height:32px; position:absolute; left: 284px; top: 249px;} #runeY5{width:32px; height:32px; position:absolute; left: 261px; top: 222px;} #runeY6{width:32px; height:32px; position:absolute; left: 261px; top: 189px;} #runeY7{width:32px; height:32px; position:absolute; left: 282px; top: 160px;} #runeY8{width:32px; height:32px; position:absolute; left: 312px; top: 134px;} #runeY9{width:32px; height:32px; position:absolute; left: 341px; top: 109px;} #runeY10{width:32px; height:32px; position:absolute; left: 344px; top: 71px;} #runeY11{width:32px; height:32px; position:absolute; left: 274px; top: 71px;} #runeY12{width:32px; height:32px; position:absolute; left: 309px; top: 59px;} #runeY13{width:32px; height:32px; position:absolute; left: 309px; top: 27px;} #runeB1{width:32px; height:32px; position:absolute; left: 175px; top: 206px;} #runeB2{width:32px; height:32px; position:absolute; left: 214px; top: 223px;} #runeB3{width:32px; height:32px; position:absolute; left: 190px; top: 249px;} #runeB4{width:32px; height:32px; position:absolute; left: 157px; top: 249px;} #runeB5{width:32px; height:32px; position:absolute; left: 134px; top: 222px;} #runeB6{width:32px; height:32px; position:absolute; left: 134px; top: 189px;} #runeB7{width:32px; height:32px; position:absolute; left: 155px; top: 160px;} #runeB8{width:32px; height:32px; position:absolute; left: 185px; top: 134px;} #runeB9{width:32px; height:32px; position:absolute; left: 214px; top: 109px;} #runeB10{width:32px; height:32px; position:absolute; left: 216px; top: 71px;} #runeB11{width:32px; height:32px; position:absolute; left: 146px; top: 71px;} #runeB12{width:32px; height:32px; position:absolute; left: 181px; top: 59px;} #runeB13{width:32px; height:32px; position:absolute; left: 181px; top: 27px;} #runeR1{width:32px; height:32px; position:absolute; left: 47px; top: 206px;} #runeR2{width:32px; height:32px; position:absolute; left: 86px; top: 223px;} #runeR3{width:32px; height:32px; position:absolute; left: 62px; top: 249px;} #runeR4{width:32px; height:32px; position:absolute; left: 29px; top: 249px;} #runeR5{width:32px; height:32px; position:absolute; left: 6px; top: 222px;} #runeR6{width:32px; height:32px; position:absolute; left: 6px; top: 189px;} #runeR7{width:32px; height:32px; position:absolute; left: 27px; top: 160px;} #runeR8{width:32px; height:32px; position:absolute; left: 57px; top: 134px;} #runeR9{width:32px; height:32px; position:absolute; left: 86px; top: 109px;} #runeR10{width:32px; height:32px; position:absolute; left: 88px; top: 71px;} #runeR11{width:32px; height:32px; position:absolute; left: 18px; top: 71px;} #runeR12{width:32px; height:32px; position:absolute; left: 53px; top: 59px;} #runeR13{width:32px; height:32px; position:absolute; left: 53px; top: 27px;} /* webboard */ .vboard-canvas{width:600px; min-height:235px; position:relative;} .vboard-quote{width:600px; height:20px; text-align:right;} .vboard-auction{width:400px; min-height:100px; text-align:right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#FFC; border:2px #FC3 solid; overflow:hidden; margin-bottom:20px;} .vboard-auction-header{width:100%; height:25px; background-color:#FC3; font-size:12pt; font-weight:bold; text-align:left; padding-left:8px; line-height:23px; color:#C60;} .vboard-auction-value{width:100%; height:75px; line-height:75px; text-align:center; font-size:20pt; font-weight:bold; color:#666;">