BODY{
	margin: 0px; font-size: 10pt; font-family:"Tahoma";
	scrollbar-base-color: #F2BACE;
	scrollbar-arrow-color: #666666;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
}
.canvas{width:100%; position:relative; background-color:#EEE; }

@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");
}

A:hover{cursor:pointer;}
.color-red{color:red;}
.color-green{color:#009900;}
.color-yellow{color:#FFFF00;}
.color-orange{color:#FF3300;}
.color-black{color:#000;}
.color-brown{color:#D0792B;}
.color-white{color:white;}
.color-blue{color:blue;}
.color-bluesky{color:#0066FF;}
.color-pink{color:#FF0099;}
.color-violet{color:#9900FF;}
.color-gray{color:#585858;}

.color-lightblue{color:#66FFFF;}
.color-lightgreen{color:#CCFF00;}
.color-darkgreen{color:#006600;}
.color-darkbrown{color:#600;}
.color-darkblue{color:#069;}

.is-line{border-bottom:1px #CCC dotted; width:100%; margin:10px 0 5px 0; }
.isClear{clear: both;}
.container{width:1000px; min-height:458px; position:relative; margin:0 auto; background:url("../imgweb/bg-header.png") 0px 0px no-repeat; background-color:#e2fb98; z-index:1;}
.container-inside{width:1000px; min-height:327px; position:relative; margin:0 auto; background:url("../imgweb/bg-header-inside.png") 0px 0px no-repeat; background-color:#e2fb98; z-index:1;}

.leftmenu-area-2016{width:205px; min-height:300px; position:relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background:-moz-linear-gradient(0% 90% 90deg, #CCC, #FFFFFF 40%); top:-220px; z-index:10; left:10px; -moz-box-shadow: 0px 0px 5px #2e2d2e; -webkit-box-shadow: 0px 0px 5px #2e2d2e; box-shadow: 0px 0px 5px #2e2d2e; padding:8px;}
.leftmenu-area-2016 .menubody{width:205px; height:100%; position:relative; background-color:#e2fb98; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0px 0px 5px #2e2d2e; -webkit-box-shadow: 0px 0px 5px #2e2d2e; box-shadow:inset 0px 0px 2px #2e2d2e;}

.leftmenu-area{width:228px; min-height:715px; position:relative; right:0px; background:url(../imgweb/bg-left-menu.png) 0px 0px no-repeat; margin:-260px 0 0 7px; padding-top:-250px; z-index:2;}
.leftmenu-inside-area{width:228px; height:715px; position:relative; right:0px; background:url(../imgweb/bg-left-menu.png) 0px 0px no-repeat; margin:-60px 0 0 7px; padding-top:-60px; z-index:2;}

/*.top-menu{background:url("../imgweb/top-menu.png") 0px 0px no-repeat; width:1000px; height:236px;}*/
.top-menu{width:1000px; height:236px;}
.top-menu #top-menu-area{width:863px; height:41px; position:absolute; left:80px; top:0px;}
.top-menu #gameonweb-link a{width:80px; height:41px; position:absolute; left:0px; top:0px; display:block;}
.top-menu #naksat-link a{width:80px; height:41px; position:absolute; right:10px; top:0px; display:block;}

.top-menu #top-menu-area #menu1 a{background:url("../imgweb/top-menu-gamename.png") 0px 0px no-repeat; width:202px; height:35px; float: left; margin: 2px 0 0 5px; display:block;}
.top-menu #top-menu-area #menu1 a:hover{background:url("../imgweb/top-menu-gamename.png") 0px -35px no-repeat; cursor:pointer;}
.top-menu #top-menu-area #menu2 a{background:url("../imgweb/top-menu-gamename.png") -202px 0px no-repeat; width:240px; height:35px; float: left; margin: 2px 0 0 5px; display:block;}
.top-menu #top-menu-area #menu2 a:hover{background:url("../imgweb/top-menu-gamename.png") -202px -35px no-repeat; cursor:pointer;}

/* MENU MAIN */
.bg-mainmenu{background:url("../imgweb/bg-main-menu.png") 0px 0px no-repeat; width:799px; height:47px; position:absolute; left: 193px; top: 10px;}
.bg-mainmenu .m-menu1 a{background:url("../imgweb/main-menu-2016.png") 0px 0px no-repeat; width:111px; height:55px; float: left; margin-top:-15px; margin-left:150px; display:block;}
.bg-mainmenu .m-menu1 a:hover{background:url("../imgweb/main-menu-2016.png") 0px -55px no-repeat; cursor:pointer;}
.bg-mainmenu .m-menu1-active a{background:url("../imgweb/main-menu-2016.png") 0px -55px no-repeat; width:111px; height:55px; float: left; margin-top:-15px; margin-left:150px; display:block;}

.bg-mainmenu .m-menu2 a{background:url("../imgweb/main-menu-2016.png") -111px 0px no-repeat; width:152px; height:55px; float: left; margin-top:-15px; display:block;}
.bg-mainmenu .m-menu2 a:hover{background:url("../imgweb/main-menu-2016.png") -111px -55px no-repeat; cursor:pointer;}
.bg-mainmenu .m-menu2-active a{background:url("../imgweb/main-menu-2016.png") -111px -55px no-repeat; width:152px; height:55px; float: left; margin-top:-15px; display:block;}

.bg-mainmenu .m-menu3{background:url("../imgweb/main-menu-2016.png") -263px 0px no-repeat; width:122px; height:55px; float: left; margin-top:-15px; display:block; cursor:pointer;}
.bg-mainmenu .m-menu3:hover{background:url("../imgweb/main-menu-2016.png") -263px -55px no-repeat; cursor:pointer;}
.bg-mainmenu .m-menu3-active{background:url("../imgweb/main-menu-2016.png") -263px -55px no-repeat; width:122px; height:55px; float: left; margin-top:-15px; display:block; cursor:pointer;}

.bg-mainmenu .m-menu4 a{background:url("../imgweb/main-menu-2016.png") -385px 0px no-repeat; width:122px; height:55px; float: left; margin-top:-15px; display:block;}
.bg-mainmenu .m-menu4 a:hover{background:url("../imgweb/main-menu-2016.png") -385px -55px no-repeat; cursor:pointer;}
.bg-mainmenu .m-menu4-active a{background:url("../imgweb/main-menu-2016.png") -385px -55px no-repeat; width:122px; height:55px; float: left; margin-top:-15px; display:block;}

.bg-mainmenu .m-menu5 a{background:url("../imgweb/main-menu-2016.png") -507px 0px no-repeat; width:99px; height:55px; float: left; margin-top:-15px; display:block;}
.bg-mainmenu .m-menu5 a:hover{background:url("../imgweb/main-menu-2016.png") -507px -55px no-repeat; cursor:pointer;}
.bg-mainmenu .m-menu5-active a{background:url("../imgweb/main-menu-2016.png") -507px -55px no-repeat; width:99px; height:55px; float: left; margin-top:-15px; display:block;}

#top-banner-area{width: 470px; height: 250px; position:absolute; left:250px; bottom:4px;}
.button-refresh-menu{background:url("../imgweb/button-refreshmenu.png") 0px 0px no-repeat; width:85px; height:85px; position:absolute; right:5px; top:120px;}
.button-refresh-menu:hover{background:url("../imgweb/button-refreshmenu.png") 0px -85px no-repeat; cursor:pointer;}
#tr-banner-area{width: 270px; height: 170px; position:absolute; right:0px; bottom:4px;}

/* MENU SUB 1 */
.bg-submenu1{background:url("../imgweb/bg-main-menu.png") 0px -47px no-repeat; width:799px; height:35px; position:absolute; left: 20px; top: 45px; display:none;}

.bg-submenu1 #s1-menu1 a{background:url("../imgweb/sub-menu-2016.png") 0px 0px no-repeat; width:78px; height:45px; float: left; display:block; margin-top:-10px;}
.bg-submenu1 #s1-menu1 a:hover{background:url("../imgweb/sub-menu-2016.png") 0px -45px no-repeat; cursor:pointer; display:block;}
.bg-submenu1 #s1-menu2 a{background:url("../imgweb/sub-menu-2016.png") -78px 0px no-repeat; width:112px; height:45px; float: left; display:block; margin-top:-10px;}
.bg-submenu1 #s1-menu2 a:hover{background:url("../imgweb/sub-menu-2016.png") -78px -45px no-repeat; cursor:pointer;}
.bg-submenu1 #s1-menu3 a{background:url("../imgweb/sub-menu-2016.png") -190px 0px no-repeat; width:55px; height:45px; float: left; display:block; margin-top:-10px;}
.bg-submenu1 #s1-menu3 a:hover{background:url("../imgweb/sub-menu-2016.png") -190px -45px no-repeat; cursor:pointer;}
.bg-submenu1 #s1-menu4 a{background:url("../imgweb/sub-menu-2016.png") -245px 0px no-repeat; width:50px; height:45px; float: left; display:block; margin-top:-10px;}
.bg-submenu1 #s1-menu4 a:hover{background:url("../imgweb/sub-menu-2016.png") -245px -45px no-repeat; cursor:pointer;}
.bg-submenu1 #s1-menu5 a{background:url("../imgweb/sub-menu-2016.png") -295px 0px no-repeat; width:90px; height:45px; float: left; display:block; margin-top:-10px;}
.bg-submenu1 #s1-menu5 a:hover{background:url("../imgweb/sub-menu-2016.png") -295px -45px no-repeat; cursor:pointer;}
.bg-submenu1 #s1-menu6 a{background:url("../imgweb/sub-menu-2016.png") -385px 0px no-repeat; width:46px; height:45px; float: left; display:block; margin-top:-10px;}
.bg-submenu1 #s1-menu6 a:hover{background:url("../imgweb/sub-menu-2016.png") -385px -45px no-repeat; cursor:pointer;}
.bg-submenu1 #s1-menu7 a{background:url("../imgweb/sub-menu-2016.png") -431px 0px no-repeat; width:57px; height:45px; float: left; display:block; margin-top:-10px;}
.bg-submenu1 #s1-menu7 a:hover{background:url("../imgweb/sub-menu-2016.png") -431px -45px no-repeat; cursor:pointer;}
.bg-submenu1 #s1-menu8 a{background:url("../imgweb/sub-menu-2016.png") -488px 0px no-repeat; width:92px; height:45px; float: left; display:block; margin-top:-10px;}
.bg-submenu1 #s1-menu8 a:hover{background:url("../imgweb/sub-menu-2016.png") -488px -45px no-repeat; cursor:pointer;}

/* MENU SUB 2 */
.bg-submenu2{background:url("../imgweb/bg-main-menu.png") 0px -47px no-repeat; width:731px; height:35px; position:absolute; left: 20px; top: 45px; display:none;}

.bg-submenu2 #s2-menu1 a{background:url("../imgweb/sub-menu.png") 0px 0px no-repeat; width:109px; height:35px; float: left; display:block;}
.bg-submenu2 #s2-menu1 a:hover{background:url("../imgweb/sub-menu.png") 0px -35px no-repeat; cursor:pointer;}
.bg-submenu2 #s2-menu1-active a{background:url("../imgweb/sub-menu.png") 0px 0px no-repeat; width:109px; height:35px; float: left;display:block;}

.bg-submenu2 #s2-menu2 a{background:url("../imgweb/sub-menu.png") -109px 0px no-repeat; width:82px; height:35px; float: left;display:block;}
.bg-submenu2 #s2-menu2 a:hover{background:url("../imgweb/sub-menu.png") -109px -35px no-repeat; cursor:pointer;}
.bg-submenu2 #s2-menu2-active a{background:url("../imgweb/sub-menu.png") -109px 0px no-repeat; width:82px; height:35px; float: left;display:block;}

.bg-submenu2 #s2-menu3 a{background:url("../imgweb/sub-menu.png") -191px 0px no-repeat; width:103px; height:35px; float: left;display:block;}
.bg-submenu2 #s2-menu3 a:hover{background:url("../imgweb/sub-menu.png") -191px -35px no-repeat; cursor:pointer;}
.bg-submenu2 #s2-menu3-active a{background:url("../imgweb/sub-menu.png") -191px 0px no-repeat; width:103px; height:35px; float: left;display:block;}

.bg-submenu2 #s2-menu4 a{background:url("../imgweb/sub-menu.png") -294px 0px no-repeat; width:74px; height:35px; float: left;display:block;}
.bg-submenu2 #s2-menu4 a:hover{background:url("../imgweb/sub-menu.png") -294px -35px no-repeat; cursor:pointer;}
.bg-submenu2 #s2-menu4-active a{background:url("../imgweb/sub-menu.png") -294px 0px no-repeat; width:74px; height:35px; float: left;display:block;}

.bg-submenu2 #s2-menu5 a{background:url("../imgweb/sub-menu.png") -368px 0px no-repeat; width:67px; height:35px; float: left;display:block;}
.bg-submenu2 #s2-menu5 a:hover{background:url("../imgweb/sub-menu.png") -368px -35px no-repeat; cursor:pointer;}
.bg-submenu2 #s2-menu5-active a{background:url("../imgweb/sub-menu.png") -368px 0px no-repeat; width:67px; height:35px; float: left;display:block;}

.bg-submenu2 #s2-menu6 a{background:url("../imgweb/sub-menu.png") -435px 0px no-repeat; width:105px; height:35px; float: left;display:block;}
.bg-submenu2 #s2-menu6 a:hover{background:url("../imgweb/sub-menu.png") -435px -35px no-repeat; cursor:pointer;}
.bg-submenu2 #s2-menu6-active a{background:url("../imgweb/sub-menu.png") -435px 0px no-repeat; width:105px; height:35px; float: left;display:block;}

.bg-submenu2 #s2-menu7 a{background:url("../imgweb/sub-menu.png") -540px 0px no-repeat; width:68px; height:35px; float: left;display:block;}
.bg-submenu2 #s2-menu7 a:hover{background:url("../imgweb/sub-menu.png") -540px -35px no-repeat; cursor:pointer;}
.bg-submenu2 #s2-menu7-active a{background:url("../imgweb/sub-menu.png") -540px 0px no-repeat; width:68px; height:35px; float: left;display:block;}

/*#############################################################################*/

.body-container{width:1000px; min-height:850px;  position:relative; margin:0 auto; background:url(../imgweb/bg-mainweb.png) 0px 0px repeat-x; background-color:#FFF; z-index:2;}
.body-container #left-area{width:240px; min-height:400px; float:left; position:relative; z-index:2;}
.body-container #center-area{width:490px; min-height:435px; float:left; position:relative;}
.body-container #right-area{width:270px; min-height:435px; float:right; position:relative;}
.body-container #center-inside-area{width:750px; min-height:850px; float:left; position:relative; background:url(../imgweb/bg-inside.png) 0px 0px no-repeat; margin-top:-65px; padding-top:-65px; }
.body-container .preFooter{height:285px; width:100%; position:relative;}
.center-footer{width:760px; min-height:125px; float:right; position:relative;}

.rankArea{width:340px; min-height:150px; text-align:left; position:relative; font-size: 8pt;}
.rankArea .borderRank{height:32px; width:340px; margin-top:3px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: rgba(228, 254, 180, 0.8); background: rgba(228, 254, 180, 0.8); color: rgba(228, 254, 180, 0.8);}
.rankArea .icon{width:40px; height:32px; float:left; margin-left:5px;}
.rankArea .name{width:200px; height:32px; line-height:36px; float:left;overflow:hidden; font-size:10pt;}
.rankArea .onlinestatus{width:15px; height:32px; float:left;padding-left: 5px; }
.rankArea .level{width:40px; height:32px; line-height:40px; float:right; color:#333;}
.rankArea .linkAll{width:100%; height:32px; line-height:32px; text-align: center}

.rankEXP{width:340px; min-height:150px; text-align:left; position:relative; font-size: 8pt;}
.rankEXP .borderRank{height:32px; width:340px; margin-top:3px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: rgba(228, 254, 180, 0.8); background: rgba(228, 254, 180, 0.8); color: rgba(228, 254, 180, 0.8);}
.rankEXP .icon{width:40px; height:32px; float:left; margin-left:5px;}
.rankEXP .name{width:200px; height:32px; float:left;overflow:hidden; font-size:10pt;}
.rankEXP .name .isName{width:100%; height:16px;}
.rankEXP .name .level{width:100%; height:16px; text-align:left; padding-right:3px; color:#333;}
.rankEXP .rankValue{width:60px; height:32px; float:left; color:#333; text-align:right; padding-right:3px; font-size:10pt; line-height:18px;}
.rankEXP .linkAll{width:100%; height:32px; line-height:32px; text-align: center}

.rankKiller{width:340px; min-height:150px; text-align:left; position:relative; font-size: 8pt;}
.rankKiller .borderRank{height:32px; width:340px; margin-top:3px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: rgba(228, 254, 180, 0.8); background: rgba(228, 254, 180, 0.8); color: rgba(228, 254, 180, 0.8);}
.rankKiller .icon{width:40px; height:32px; float:left; margin-left:5px;}
.rankKiller .name{width:200px; height:32px; line-height:36px; float:left;overflow:hidden; font-size:10pt;}
.rankKiller .name .isName{width:70%; height:32px; float:left;}
.rankKiller .name .level{width:25%; height:32px; text-align:left; padding-right:3px; color:#333; float:right;}
.rankKiller .rankValue{width:80px; height:32px; float:left; color:#333; text-align:right; padding-right:3px; font-size:10pt; line-height:36px;}
.rankKiller .linkAll{width:100%; height:32px; line-height:32px; text-align: center}

.body-container #center-inside-area .body{width:95%; min-height:100%; background-color:#FFF; position:relative; margin:20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.body-container #center-inside-area #content-header{width:680px; height:50px; line-height:50px; position:relative; font-family:Quark_Bold; font-size:22pt; color:#00C; margin:15px 15px 0 15px; border-bottom:1px #999 dashed;}
.body-container #center-inside-area #content-header #navigator-main{height:50px; float:left; text-align:left;}
.body-container #center-inside-area #content-header #navigator-submenu{height:50px; float:left; text-align:left; margin-left:10px; font-size:18pt; color:#F00;}
.body-container #center-inside-area #content-header #navigator-subaddon{height:25px; float:left; text-align:left; margin-left:10px; margin-top:15px; font-size:18pt; color:#009900;}
.body-container #center-inside-area #content-header #navigator-submenu-sub{height:50px; float:left; text-align:left; margin-left:10px; font-size:18pt; color:#666; font-family:Quark_Light;}
.added{height:22px; font-size:8pt; color:#666; font-family:Tahoma; line-height:20px; clear:both;}
.body-container #center-inside-area #content-header #navigator-like{width:120px height:50px; float:right; text-align:right;}
.body-container #center-inside-area #content-body{width:680px; min-height:150px; position:relative; margin:15px; padding-bottom:15px;}

.body-container #center-inside-area #content-header-not{width:680px; height:50px; line-height:50px; position:absolute; margin:15px 15px 0px 15px; left:0px; top:0px; z-index:2;}
.body-container #center-inside-area #content-header-not #navigator-main{height:50px; float:left; text-align:left;}
.body-container #center-inside-area #content-header-not #navigator-submenu{height:50px; float:left; text-align:left; margin-left:10px; font-size:18pt; color:#F00;}
.body-container #center-inside-area #content-header-not #navigator-like{width:120px height:50px; float:right; text-align:right;}
.footer-container{width:1000px; height:285px; position:relative; background:url(../imgweb/bg-footer.png) 0px 0px no-repeat; z-index:2; margin:0 auto;}

/* LOGIN BY GID */
.bg-login-GID{ width:196px; height:201px; background:url(../imgweb/bg-login-area.png) 0px 0px no-repeat; position:relative; left: 5px; top: 5px; }
.bg-login-GID .inputtext-user{width:95px; height:20px; position:absolute; left: 85px; top: 13px;}
.bg-login-GID INPUT{width:95px; height:20px; color:#009900; font-size: 10pt; background-color: #CCFFCC; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.bg-login-GID .inputtext-pass{width:95px; height:20px; position:absolute; left: 85px; top: 43px;}
.bg-login-GID INPUT{width:95px; height:20px; color:#009900; font-size: 10pt; background-color: #CCFFCC; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.bg-login-GID .button-login-monstale{ background:url(../imgweb/bg-login-area.png) 0px -402px no-repeat; width:181px; height:45px; position:absolute; left:7px; top:84px; }
.bg-login-GID .button-login-monstale:hover{ background:url(../imgweb/bg-login-area.png) 0px -447px no-repeat; cursor:pointer;}
.bg-login-GID .button-choice-fb{ background:url(../imgweb/bg-login-area.png) 0px -540px no-repeat; width:90px; height:48px; position:absolute; left:104px; bottom:1px; }
.bg-login-GID .button-choice-fb:hover{ background:url(../imgweb/bg-login-area.png) -90px -540px no-repeat; cursor:pointer;}

/* LOGIN BY FB */
.bg-login-FB{ width:196px; height:201px; background:url(../imgweb/bg-login-area.png) 0px -201px no-repeat; position:relative; left: 5px; top: 5px; }
.bg-login-FB .button-choice-gid{ background:url(../imgweb/bg-login-area.png) 0px -492px no-repeat; width:90px; height:48px; position:absolute; left:1px; bottom:1px;}
.bg-login-FB .button-choice-gid:hover{ background:url(../imgweb/bg-login-area.png) -90px -492px no-repeat; cursor:pointer;}
.bg-login-FB .button-login-facebook a{ background:url(../imgweb/bg-login-area.png) -196px 0px no-repeat; width:168px; height:113px; position:absolute; left: 13px; top: 15px; display:block;}
.bg-login-FB .button-login-facebook a:hover{ background:url(../imgweb/bg-login-area.png) -196px -113px no-repeat; cursor:pointer;}
.bg-login-FB #loading-fb{width:85px; height:11px; background:url(../imgweb/loading-fb.gif) 0px 0px no-repeat; position:absolute; right:30px; top:105px; z-index:2; color:#0FF; font-size:8pt; line-height:11px; text-align:right; display:none;}

/* REGSTRATION */
.button-registration{ background:url(../imgweb/button/register.gif) 0px 0px no-repeat; width:226px; height:40px; position:absolute; left:-10px; top:-55px;}
.button-registration:hover{ background:url(../imgweb/button/register.png) 0px 0px no-repeat; cursor:pointer;}
.button-registration-active{ background:url(../imgweb/button/register.png) 0px 0px no-repeat; width:226px; height:40px; position:absolute; left:1px; top:-48px;}

.button-registration-confirm{ background:url(../imgweb/button/b-register-confirm.png) 0px 0px no-repeat; width:207px; height:41px; position:absolute; left:88px; top:10px;}
.button-registration-confirm:hover{ background:url(../imgweb/button/b-register-confirm.png) 0px -41px no-repeat; cursor:pointer;}

.button-X-close{ background:url(../imgweb/button/button_close.png) 0px 0px no-repeat; width:43px; height:43px; position:absolute; right:-20px; top:-20px; z-index:10;}
.button-X-close:hover{ background:url(../imgweb/button/button_close.png) 0px -43px no-repeat; cursor:pointer;}


/* MEMBER */
.bg-member-area{ width:191px; min-height:325px; position:relative; left: 6px; top: 6px; background-color: #FFF; border:#b1dc68 1px solid; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.button-playgame a{ background:url(../imgweb/bg-login-area.png) -196px -226px no-repeat; width:168px; height:113px; position:relative; left: 11px; top: 15px; display:block;}
.button-playgame a:hover{ background:url(../imgweb/bg-login-area.png) -196px -339px no-repeat; cursor:pointer;}
.bg-member-area .member-picture{width:50px; height:50px; position:absolute; top: 139px; left: 11px; border:1px #999 solid;}
.bg-member-area .member-name-area{width:115px; height:65px; position:absolute; top: 138px; color:#333; font-size:8pt; left: 71px; line-height:18px;}
.bg-member-area .member-name-area .id{width:100%;}
.bg-member-area .member-name-area .name{width:100%; height:18px; overflow:hidden;}
.bg-member-area .member-name-area SPAN{font-size:6pt; color:#06F}

.bg-member-area .link-area{width:168px; height:15px; font-size:8pt; position:relative; left:10px; bottom:7px;}

.bg-member-area A.editprofile:link {text-decoration: none; color: #009900; }
.bg-member-area A.editprofile:visited {text-decoration: none; color: #009900; }
.bg-member-area A.editprofile:active {text-decoration: none; color: #009900; }
.bg-member-area A.editprofile:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #CC00FF; }

.bg-member-area A.logout:link {text-decoration: none; color: #FF0000; }
.bg-member-area A.logout:visited {text-decoration: none; color: #FF0000; }
.bg-member-area A.logout:active {text-decoration: none; color: #FF0000; }
.bg-member-area A.logout:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #000000; font-weight: bold; }

.user-display-area{width:180px; height:120px; margin-top:200px; margin:0 auto; position:relative; top: 10px;}
.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:80px; margin:0 auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color:#FFF; border:1px #CCC dashed;}
.user-display-area .u-detail .padding{padding:5px 5px 5px 8px; color:#333;}

A:link {text-decoration: none; color: #009900; }
A:visited {text-decoration: none; color: #009900; }
A:active {text-decoration: none; color: #009900; }
A:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #CC00FF; }

/* LEFT MENU */
#button-leftmenu-area{width:196px; height:365px; position:relative; left: 5px; margin-top:20px;}
#button-leftmenu-area .button-leftmenu1 a{ background:url(../imgweb/button-left-menu.png) 0px 0px no-repeat; width:196px; height:87px; display:block;}
#button-leftmenu-area .button-leftmenu1 a:hover{ background:url(../imgweb/button-left-menu.png) -196px 0px no-repeat; cursor:pointer;}
#button-leftmenu-area .button-leftmenu2 a{ background:url(../imgweb/button-left-menu.png) 0px -87px no-repeat; width:196px; height:87px; margin-top: 3px; display:block;}
#button-leftmenu-area .button-leftmenu2 a:hover{ background:url(../imgweb/button-left-menu.png) -196px -87px no-repeat; cursor:pointer;}
#button-leftmenu-area .button-leftmenu3 a{ background:url(../imgweb/button-left-menu.png) 0px -174px no-repeat; width:196px; height:87px; margin-top: 3px; display:block;}
#button-leftmenu-area .button-leftmenu3 a:hover{ background:url(../imgweb/button-left-menu.png) -196px -174px no-repeat; cursor:pointer;}
#button-leftmenu-area .button-leftmenu4 a{ background:url(../imgweb/button-left-menu.png) 0px -261px no-repeat; width:196px; height:87px; margin-top: 3px; display:block;}
#button-leftmenu-area .button-leftmenu4 a:hover{ background:url(../imgweb/button-left-menu.png) -196px -261px no-repeat; cursor:pointer;}
#button-leftmenu-area .button-leftmenu5 a{ background:url(../imgweb/button-left-menu.png) 0px -348px no-repeat; width:196px; height:87px; margin-top: 3px; display:block;}
#button-leftmenu-area .button-leftmenu5 a:hover{ background:url(../imgweb/button-left-menu.png) -196px -348px no-repeat; cursor:pointer;}

/* EVENT TAB */
#rack-face{width:88px; height:80px; background:url(../imgweb/rock-face.png) 0px 0px no-repeat; position:absolute; left:23px; top:-45px;}
#eventTAB1{position:absolute; right:245px; top:-50px;}
#eventTAB2{position:absolute; right:135px; top:-47px;}
#eventTAB3{position:absolute; right:25px; top:-50px;}
.eTAB{width:100px; height:53px; background-color:#E4FEB4; border-left:#b1dc68 2px solid; border-top:#b1dc68 2px solid; border-right:#b1dc68 2px solid; z-index:0; }
.eTAB:hover{width:100px; height:53px; background-color:#FFF; border-left:#b1dc68 2px solid; border-top:#b1dc68 2px solid; border-right:#b1dc68 2px solid; z-index:0; cursor:pointer;}
.eTAB-active{width:100px; height:53px; background-color:#FFF; border-left:#b1dc68 2px solid; border-top:#b1dc68 2px solid; border-right:#b1dc68 2px solid; z-index:2; top:-47px;}
.eTAB-active DIV{width:90px; height:45px; position:absolute; left:3px; top:3px; border-left:#066 2px dotted; border-top:#066 2px dotted; border-right:#066 2px dotted; line-height:45px; text-align:center; font-family:Quark_Bold; font-size:18pt; color:#066;}
.eTAB DIV{width:90px; height:45px; position:absolute; left:3px; top:3px; border-left:#066 2px dotted; border-top:#066 2px dotted; border-right:#066 2px dotted; line-height:45px; text-align:center; font-family:Quark_Bold; font-size:18pt; color:#066;}

.TAB-border{-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}

/* BOX */
.box-green{width:745px; min-height:80px; position:absolute; background-color:#FFF; border:#b1dc68 3px solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:5px; z-index:1;}
.box-green .header{width:735px; height:35px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; position:relative; background-color:#E4FEB4; color:#066; font-size:12pt; font-weight:bold; text-align:left; padding-left:10px; line-height:30px; }
.box-green .header .isLeft{float:left; width:140px; height:30px; text-align:left; overflow:hidden;}
.box-green .header .isRight{float:right; width:110px; height:30px; font-size:9pt; font-weight:normal; text-align:right; margin-right:10px; overflow:hidden;}
.box-green .contentZ{width:730px; min-height:60px; margin:8px 8px 8px 8px; position:relative; display:block;}

.box-rank{float:left; width:360px; min-height:200px; position:relative; background-color:#FFF; border:#b1dc68 3px solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:5px; z-index:1;}
.box-rank .header{width:350px; height:35px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; position:relative; background-color:#E4FEB4; color:#066; font-size:12pt; font-weight:bold; text-align:left; padding-left:10px; line-height:30px; }
.box-rank .header .isLeft{float:left; width:140px; height:30px; text-align:left; overflow:hidden;}
.box-rank .header .isRight{float:right; width:110px; height:30px; font-size:9pt; font-weight:normal; text-align:right; margin-right:10px; overflow:hidden;}
.box-rank .contentZ{width:330px; min-height:200px; margin:8px 8px 8px 8px; position:relative; display:block;}


/* AVATAR ONLINE */
.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;}
.classBorder { border: #8B8B8B 2px solid; background-color:#e0e0e0;}


/* ICON LABEL */
.ico-new{width:45px; height:14px; background:url(../imgweb/icon-label-event.png) 0px 0px no-repeat;}
.ico-update{width:45px; height:14px; background:url(../imgweb/icon-label-event.png) 0px -14px no-repeat;}
.ico-info{width:45px; height:14px; background:url(../imgweb/icon-label-event.png) 0px -28px no-repeat;}

/* EVENT DATA HOT */
#event-data-area{width:470px; height:420px; position:absolute; background-color:#FFF; border:#b1dc68 3px solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:5px; margin-top:5px; z-index:1;}
#event-new{width:450px; min-height:400px; margin:10px; text-align:left;}
.hot-new{width:100%; min-height:100px; margin-top:5px;}
.hot-picture{width:130px; height:100px; float:left;}
.hot-picture IMG{width:120px; height:90px; border:#009900 5px solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.hot-detail{color:#999; width:310px; height:90px; float:right; text-align:left; overflow:hidden;}
.hot-detail SPAN{font-size:12pt; font-weight:bold; color:#069;}

/* EVENT DATA */
#event-general{width:100%; min-height:190px; margin-top:10px;}
#event-general .row{width:100$; height:25px; border-bottom:1px #099 dashed;}
#event-general .subject{width:290px; height:25px; float:left; line-height:25px; overflow:hidden;}
#event-general .date{width:85px; height:25px; float:right; line-height:25px; text-align:right; margin-right:5px;}

.banner-contact{background:url(../imgweb/contact-banner.png) 0px 0px no-repeat; width:204px; height:110px; margin: 10px 0 0 0px;}
.button-itemcode a{background:url(../imgweb/button-itemcode.png) 0px 0px no-repeat; width:267px; height:99px; margin-top: 10px; display:block;}
.button-itemcode a:hover{background:url(../imgweb/button-itemcode.png) 0px -99px no-repeat; cursor:pointer;}

/* MONSTER WALKER  */
#monster-walker{width:735px; height:100px; position:absolute; left:150px; top:18px;}
#monster-walker #mon1, #mon2, #mon3, #mon4{cursor:pointer;}
#monster-walker .mon1-move-right{background:url(../imgweb/monster-animation/1-move-right.gif) 0px 0px no-repeat; width:60px; height:60px; position:absolute; bottom:0px; left:100px; z-index:2;}
#monster-walker .mon1-move-left{background:url(../imgweb/monster-animation/1-move-left.gif) 0px 0px no-repeat; width:60px; height:60px; position:absolute; bottom:0px; left:0px; z-index:2;}
#monster-walker .mon2-move-right{background:url(../imgweb/monster-animation/2-move-right.gif) 0px 0px no-repeat; width:76px; height:63px; position:absolute; bottom:0px; left:300px; z-index:1;}
#monster-walker .mon2-move-left{background:url(../imgweb/monster-animation/2-move-left.gif) 0px 0px no-repeat; width:76px; height:63px; position:absolute; bottom:0px; left:0px; z-index:1;}
#monster-walker .mon3-move-right{background:url(../imgweb/monster-animation/3-move-right.gif) 0px 0px no-repeat; width:63px; height:53px; position:absolute; bottom:-10px; left:10px; z-index:3;}
#monster-walker .mon3-move-left{background:url(../imgweb/monster-animation/3-move-left.gif) 0px 0px no-repeat; width:63px; height:53px; position:absolute; bottom:-10px; left:600px; z-index:3;}
#monster-walker .mon4{background:url(../imgweb/monster-animation/4.gif) 0px 0px no-repeat; width:95px; height:55px; position:absolute; bottom:0px; right:-30px;}

#monster-walker #emo1{width:55px; height:46px; position:absolute; bottom:50px; right:-40px; display:none; }
#monster-walker #emo2{width:55px; height:46px; position:absolute; bottom:50px; right:-40px; display:none; }
#monster-walker #emo3{width:55px; height:46px; position:absolute; bottom:50px; right:-40px; display:none; }
#monster-walker #emo4{width:55px; height:46px; position:absolute; bottom:50px; right:-40px; display:none; }
#monster-walker .emoticon1{width:55px; height:46px; background:url(../imgweb/monster-animation/emo1.png) 0px 0px no-repeat; }
#monster-walker .emoticon2{width:55px; height:46px; background:url(../imgweb/monster-animation/emo2.png) 0px 0px no-repeat; position:absolute; left:-40px;}

/* CALENDAR */
.carlendar-zone{width:260px; height:420px; position:relative; background-color:#FFF; border:#b1dc68 3px solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-top:5px; z-index:1;}
.carlendar-zone .c-header{width:100%; height:30px; font-family:Quark_Bold; font-size:20pt; color:#066; margin:5px 0 15px 10px;}
.carlendar-zone #calendar-area {width:240px; height:200px; margin:0 auto; position:relative;}
.carlendar-zone #calendar-area DIV{	float:left;
	width:33px;
	height:27px;
	line-height:27px;
	text-align:center;
	background-color:#f7f7f7;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.carlendar-zone #calendar-area .day{background-color:#9b9b9b; position:relative;}
.carlendar-zone #calendar-area .blank{background-color:#efefef;}
.carlendar-zone #calendar-area .click{background-color:#CCFFCC; color:#009900;}
.carlendar-zone #calendar-area .act{background-color:#ffcacb; color:#ed1b24;font-weight:700;}
.carlendar-zone #calendar-area .event-mark{width:3px; height:3px; background-color: #FF0000; position:absolute;right:3px; top:3px;}

.carlendar-zone #calendar-event-area{width:240px; height:150px; margin:0 auto; position:relative; margin-top:10px;}
.carlendar-zone #calendar-event-area .line{border-bottom:1px #999 dashed; width:99%; margin-bottom:5px;}
.carlendar-zone #calendar-event-area .showDate{width:240px; height:18px; line-height:18px; text-align:left; font-weight: bold; color:#0066FF;}
.carlendar-zone #calendar-event-area .showDetail{width:240px; height:100px; margin-top:5px; color:#999;}

.ballloon-calendar{background:url(../imgweb/calendar/popup-box-red.png) no-repeat; width:81px; height:35px; line-height:25px; display:none; position:absolute; z-index:100;}
.ballloon-calendar-left{background:url(../imgweb/calendar/popup-box-red-left.png) no-repeat; width:81px; height:35px; line-height:25px; display:none; position:absolute; z-index:100;}
.ballloon-calendar-right{background:url(../imgweb/calendar/popup-box-red-right.png) no-repeat; width:81px; height:35px; line-height:25px; display:none; position:absolute; z-index:100;}


/* BUTTON SUB MENU CONTENTS */
.b-character1{ background:url(../imgweb/button/b-character.png) 0px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-character1:hover{ background:url(../imgweb/button/b-character.png) 0px -89px no-repeat; cursor:pointer;}
.b-character2 a{ background:url(../imgweb/button/b-character.png) -97px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-character2 a:hover{ background:url(../imgweb/button/b-character.png) -97px -89px no-repeat; cursor:pointer;}

.b-base1{ background:url(../imgweb/button/b-character.png) 0px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-base1:hover{ background:url(../imgweb/button/b-character.png) 0px -89px no-repeat; cursor:pointer;}
.b-base2 a{ background:url(../imgweb/button/b-base.png) -97px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-base2 a:hover{ background:url(../imgweb/button/b-base.png) -97px -89px no-repeat; cursor:pointer;}
.b-base3 a{ background:url(../imgweb/button/b-base.png) -194px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-base3 a:hover{ background:url(../imgweb/button/b-base.png) -194px -89px no-repeat; cursor:pointer;}
.b-base4 a{ background:url(../imgweb/button/b-base.png) -291px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-base4 a:hover{ background:url(../imgweb/button/b-base.png) -291px -89px no-repeat; cursor:pointer;}

.b-system1 a{ background:url(../imgweb/button/b-system.png) 0px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-system1 a:hover{ background:url(../imgweb/button/b-system.png) 0px -89px no-repeat; cursor:pointer;}
.b-system2 a{ background:url(../imgweb/button/b-system.png) -97px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-system2 a:hover{ background:url(../imgweb/button/b-system.png) -97px -89px no-repeat; cursor:pointer;}
.b-system3 a{ background:url(../imgweb/button/b-system.png) -194px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-system3 a:hover{ background:url(../imgweb/button/b-system.png) -194px -89px no-repeat; cursor:pointer;}
.b-system4 a{ background:url(../imgweb/button/b-system.png) -291px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-system4 a:hover{ background:url(../imgweb/button/b-system.png) -291px -89px no-repeat; cursor:pointer;}
.b-system5 a{ background:url(../imgweb/button/b-system.png) -388px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-system5 a:hover{ background:url(../imgweb/button/b-system.png) -388px -89px no-repeat; cursor:pointer;}
.b-system6 a{ background:url(../imgweb/button/b-system.png) -485px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-system6 a:hover{ background:url(../imgweb/button/b-system.png) -485px -89px no-repeat; cursor:pointer;}

.b-quest1{ background:url(../imgweb/button/b-quest.png) 0px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-quest1:hover{ background:url(../imgweb/button/b-quest.png) 0px -89px no-repeat; cursor:pointer;}
.b-quest2{ background:url(../imgweb/button/b-quest.png) -97px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-quest2:hover{ background:url(../imgweb/button/b-quest.png) -97px -89px no-repeat; cursor:pointer;}
.b-quest3{ background:url(../imgweb/button/b-quest.png) -194px 0px no-repeat; width:97px; height:89px; float: left; display:block;}
.b-quest3:hover{ background:url(../imgweb/button/b-quest.png) -194px -89px no-repeat; cursor:pointer;}

.b-monster1{ background:url(../imgweb/button/b-monster.png) 0px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-monster1:hover{ background:url(../imgweb/button/b-monster.png) 0px -90px no-repeat; cursor:pointer;}
.b-monster2{ background:url(../imgweb/button/b-monster.png) -97px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-monster2:hover{ background:url(../imgweb/button/b-monster.png) -97px -90px no-repeat; cursor:pointer;}
.b-monster3{ background:url(../imgweb/button/b-monster.png) -194px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-monster3:hover{ background:url(../imgweb/button/b-monster.png) -194px -90px no-repeat; cursor:pointer;}
.b-monster4{ background:url(../imgweb/button/b-monster.png) -291px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-monster4:hover{ background:url(../imgweb/button/b-monster.png) -291px -90px no-repeat; cursor:pointer;}
.b-monster5{ background:url(../imgweb/button/b-monster.png) -388px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-monster5:hover{ background:url(../imgweb/button/b-monster.png) -388px -90px no-repeat; cursor:pointer;}
.b-monster6{ background:url(../imgweb/button/b-monster.png) -485px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-monster6:hover{ background:url(../imgweb/button/b-monster.png) -485px -90px no-repeat; cursor:pointer;}

.b-item1 a{ background:url(../imgweb/button/b-item.png) 0px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-item1 a:hover{ background:url(../imgweb/button/b-item.png) 0px -90px no-repeat; cursor:pointer;}
.b-item2 a{ background:url(../imgweb/button/b-item.png) -97px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-item2 a:hover{ background:url(../imgweb/button/b-item.png) -97px -90px no-repeat; cursor:pointer;}
.b-item3 a{ background:url(../imgweb/button/b-item.png) -194px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-item3 a:hover{ background:url(../imgweb/button/b-item.png) -194px -90px no-repeat; cursor:pointer;}
.b-item4 a{ background:url(../imgweb/button/b-item.png) -291px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-item4 a:hover{ background:url(../imgweb/button/b-item.png) -291px -90px no-repeat; cursor:pointer;}
.b-item5 a{ background:url(../imgweb/button/b-item.png) -388px 0px no-repeat; width:97px; height:90px; float: left; display:block;}
.b-item5 a:hover{ background:url(../imgweb/button/b-item.png) -388px -90px no-repeat; cursor:pointer;}

/* REGIS */
.tranparent{filter:alpha(opacity=97); opacity: 0.97;}
#regisbox-area{width:750px; height:300px; position:absolute; left:245px; top:-240px; background-color:#FFF; border:#b1dc68 3px solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index:10; display:none;}
.regis-4main{position:absolute; top:-300px;}
#regisbox-area .arrow-left {position:absolute; left: -19px; top: 65px; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right:20px solid #FFF; }
#regisbox-area .regis-policy-area{width:350px; height:280px; margin:8px 0 8px 15px; float:left; text-align:left;}
#regisbox-area .regis-policy-area .subject{width:100%; height:40px; margin-top:20px; line-height:40px; font-family:Quark_Bold; font-size:24pt; color:#066; text-align:center; text-shadow:#CF0 1px 1px;}
#regisbox-area .regis-policy-area .policy-detail{width:100%; min-height:250px; color:#066; line-height:25px; font-size:16pt;  font-family:Quark_Bold; line-height:40px;}

#regisbox-area #regis-input{width:370px; min-height:285px; position:relative; margin:8px; float:right; background-color:#CF9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#regisbox-area #regis-input INPUT[type="text"], input[type="password"]{width:80px; height:20px; color:#006600; font-size: 10pt; background-color: #CCFFCC; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#regisbox-area #regis-input LABEL{cursor:pointer;}
#regisbox-area #regis-input .regisSuccess{font-family:Quark_Bold; font-size:16pt; color:#336600; margin-top: 100px; text-align: center; text-shadow: #FFFFFF 1px 1px;}
#regisbox-area #regis-input .regisSuccess SPAN{font-size:22pt; color:#0033FF;}

#regisbox-area #regis-input .subject{width:320px; height:35px; margin:0px 10px 0 10px; line-height:35px; font-family:Quark_Bold; font-size:18pt; color:#066; text-align:center; text-shadow:#CF0 1px 1px;}
#regisbox-area #regis-input .row{width:350px; height:25px; margin:0px 10px 5px 10px; position:relative;}
#regisbox-area #regis-input .row .label{float:left; text-align:left; width:130px; line-height:25px; font-weight:bold;}
#regisbox-area #regis-input .row .input{float:left; width:95px; height:25px; line-height:25px;}


.item-db-area{width:680px; height:200px; position:relative; margin:0 auto;}
.item-db-area .row{width:100%; height:46px; border-bottom:1px #999 dashed;}
.item-db-area .rowHeader{font-weight:bold; background-color:#CCC; margin-top: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-shadow: #FFF 1px 1px;}
.item-db-area .row .img{width:32px; height:32px; margin:3px; padding:3px; border:1px #CCC solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; background-color: #F5F5F5;}
.item-db-area .row .name{width:200px; height:32px; float:left; margin:3px; padding:3px; line-height:32px; font-size:12pt;  overflow:hidden;}
.item-db-area .row .level{width:60px; height:32px; float:left; margin:3px; padding:3px; line-height:32px; font-size:12pt;  overflow:hidden;}
.item-db-area .row .power{width:90px; height:32px; float:left; margin:3px 3px 3px 20px; padding:3px; line-height:32px; font-size:12pt;  overflow:hidden;}
.item-db-area .row .power-special{width:90px; height:32px; float:left; margin:3px 3px 3px 20px; padding:3px; line-height:32px; font-size:12pt;  overflow:hidden;}
.item-db-area .row .drop{width:80px; height:32px; float:right; margin:3px; padding:3px; font-size:12pt; line-height:32px; text-align:center;}

/* --- BUTTON-SELECT-TRIBE --- */
.tribe-selectbutton-area{width:100%; height:50px; position:absolute; left:0px; top:-30px; z-index:2;}
.tribe-selectbutton-area .button1{background:url('../images/create-character/button-select.png') 0px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button1-active{background:url('../images/create-character/button-select.png') 0px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button1-disabled{background:url('../images/create-character/button-select.png') 0px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button1:hover{background:url('../images/create-character/button-select.png') 0px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button2{background:url('../images/create-character/button-select.png') -42px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button2-active{background:url('../images/create-character/button-select.png') -42px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button2-disabled{background:url('../images/create-character/button-select.png') -42px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button2:hover{background:url('../images/create-character/button-select.png') -42px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button3{background:url('../images/create-character/button-select.png') -84px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button3-active{background:url('../images/create-character/button-select.png') -84px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button3-disabled{background:url('../images/create-character/button-select.png') -84px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button3:hover{background:url('../images/create-character/button-select.png') -84px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button4{background:url('../images/create-character/button-select.png') -126px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button4-active{background:url('../images/create-character/button-select.png') -126px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button4-disabled{background:url('../images/create-character/button-select.png') -126px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button4:hover{background:url('../images/create-character/button-select.png') -126px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button5{background:url('../images/create-character/button-select.png') -168px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button5-active{background:url('../images/create-character/button-select.png') -168px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button5-disabled{background:url('../images/create-character/button-select.png') -168px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button5:hover{background:url('../images/create-character/button-select.png') -168px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button6{background:url('../images/create-character/button-select.png') -210px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button6-active{background:url('../images/create-character/button-select.png') -210px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button6-disabled{background:url('../images/create-character/button-select.png') -210px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button6:hover{background:url('../images/create-character/button-select.png') -210px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button7{background:url('../images/create-character/button-select.png') -252px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button7-active{background:url('../images/create-character/button-select.png') -252px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button7-disabled{background:url('../images/create-character/button-select.png') -252px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button7:hover{background:url('../images/create-character/button-select.png') -252px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button8{background:url('../images/create-character/button-select.png') -294px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button8-active{background:url('../images/create-character/button-select.png') -294px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button8-disabled{background:url('../images/create-character/button-select.png') -294px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button8:hover{background:url('../images/create-character/button-select.png') -294px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button9{background:url('../images/create-character/button-select.png') -336px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button9-active{background:url('../images/create-character/button-select.png') -336px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button9-disabled{background:url('../images/create-character/button-select.png') -336px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button9:hover{background:url('../images/create-character/button-select.png') -336px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button10{background:url('../images/create-character/button-select.png') -378px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button10-active{background:url('../images/create-character/button-select.png') -378px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button10-disabled{background:url('../images/create-character/button-select.png') -378px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button10:hover{background:url('../images/create-character/button-select.png') -378px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button11{background:url('../images/create-character/button-select.png') -420px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button11-active{background:url('../images/create-character/button-select.png') -420px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button11-disabled{background:url('../images/create-character/button-select.png') -420px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button11:hover{background:url('../images/create-character/button-select.png') -420px -42px no-repeat; cursor:pointer;}

.tribe-selectbutton-area .button12{background:url('../images/create-character/button-select.png') -462px 0px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button12-active{background:url('../images/create-character/button-select.png') -462px -84px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button12-disabled{background:url('../images/create-character/button-select.png') -462px -126px no-repeat; width:42px; height:42px; float:left;}
.tribe-selectbutton-area .button12:hover{background:url('../images/create-character/button-select.png') -462px -42px no-repeat; cursor:pointer;}

.header-weapon{width:580px; height:81px; position:relative; margin:0 auto; margin-bottom:10px;}
.header-weapon .w1{background:url(../imgweb/info/header-weapon1.png) 0px 0px no-repeat; height:81px;}
.header-weapon .w2{background:url(../imgweb/info/header-weapon2.png) 0px 0px no-repeat; height:81px;}
.header-weapon .w3{background:url(../imgweb/info/header-weapon3.png) 0px 0px no-repeat; height:81px;}
.header-weapon .w4{background:url(../imgweb/info/header-weapon4.png) 0px 0px no-repeat; height:81px;}
.header-weapon .w5{background:url(../imgweb/info/header-weapon5.png) 0px 0px no-repeat; height:81px;}
.header-weapon .w6{background:url(../imgweb/info/header-weapon6.png) 0px 0px no-repeat; height:81px;}

.header-armor{width:580px; height:81px; position:relative; margin:0 auto; margin-bottom:10px;}
.header-armor .a1{background:url(../imgweb/info/header-armor1.png) 0px 0px no-repeat; height:81px;}
.header-armor .a2{background:url(../imgweb/info/header-armor2.png) 0px 0px no-repeat; height:81px;}
.header-armor .a3{background:url(../imgweb/info/header-armor3.png) 0px 0px no-repeat; height:81px;}

.textarea-area-post{width:680px; min-height:30px; position:relative; border:1px #CCC solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.textarea-area-post .input{width:100%; min-height:30px; position:relative; z-index:2px;}
.textarea-area-post .input TEXTAREA{width:670px;; height:90%;  position:relative; resize: none; border:none; z-index:1; margin:5px; color:#999; outline: none;}

.textarea-area-post #button-area{width:100%; height:32px; position:relative; background-color:#EEE;}
.textarea-area-post #button-area .button-post{width:60px; height:23px; background-color:#9C0; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align:center; line-height:20px; position:absolute; right:5px; top:5px; font-weight: bold; font-size: 12pt;}
.textarea-area-post #button-area .button-post:hover{background-color:#AFEA00; cursor:pointer;}
.textarea-area-post #loading-post{width:16px; height:11px; position:absolute; left:590px; top: 11px; background:url(../imgweb/loading-nso.gif) 0px 0px no-repeat; display:none;}

.topic-area{width:680px; min-height:100px; position:relative;}
.topic-area .picture-area{width:70px; min-height:100%; float:left; position:relative;}
.topic-area .picture-area IMG{margin:5px; position:relative;}
.topic-area .detail-area{width:600px; min-height:100%; float:right; position:relative;}
.topic-area .detail-area .name{width:100%; height:16px; text-align:left; line-height:16px; font-size:12pt; color:#069; position:relative;}
.topic-area .detail-area .detail{width:100%; min-height:40px; text-align:left; font-size:10pt; color:#333; margin-top:3px; position:relative;}
.topic-area .detail-area .t-time{width:100%; min-height:15px; margin-top:8px; float:left; position:relative; font-size:8pt; color:#999;}

.topic-area .detail-area .reply-area{width:100%; min-height:40px; position:relative; margin-top: 10px; background-color: #F0FDC8; text-align:left; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.topic-area .detail-area .reply-area .reply{width:595px; min-height:20px; position:relative; margin: 10px 0 0 0; background-color: #FFF; text-align:left; border:1px #EEE solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.topic-area .detail-area .reply-area .reply .r-picture{width:32px; min-height:32px; position:relative; float:left;}
.topic-area .detail-area .reply-area .reply .r-picture IMG{width:32px; height:32px; position:relative;}
.topic-area .detail-area .reply-area .reply TEXTAREA{width:530px; min-height:90%; position:relative; resize: none; border:none; margin:3px; color:#CCC; background-color: transparent; float:left; outline: none;}

.topic-area .detail-area .reply-area .reply-detail{width:580px; min-height:32px; position:relative; margin-top:10px; padding-bottom: 5px; border-bottom:1px #FFF dotted; color:#333;}
.topic-area .detail-area .reply-area .reply-detail .r-picture{width:32px; min-height:32px; float:left; position:relative;}
.topic-area .detail-area .reply-area .reply-detail .r-picture IMG{width:32px; min-height:32px; position:relative;}
.topic-area .detail-area .reply-area .reply-detail .r-detail{width:530px; min-height:32px; margin-left:10px; float:left; position:relative;}
.topic-area .detail-area .reply-area .reply-detail .r-time{width:100%; min-height:15px; margin-top:5px; float:left; position:relative; font-size:8pt; color:#999;}

.topic-area .detail-area .reply-area .reply-detail .post{width:550px; background-color: #FFF; min-height:32px; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.topic-area .detail-area .reply-area .reply-detail TEXTAREA{width:99%; min-height:90%; position:relative; resize: none; border:none; margin:3px; color:#CCC; background-color: transparent; outline: none;}

/* USER DETAIL */
.my-detail-area{width:670px; min-height:30px; padding:5px; line-height:30px; border-bottom:1px #999 dashed; position:relative; margin:0 auto;}
.my-detail-area:hover{background-color:#F0FDC8;}
.my-detail-area-active{background-color:#F0FDC8;}

.my-detail-area .label{float:left; width:150px; font-weight:bolder; color:#096; position:relative; }
.my-detail-area .data{float:left; color:#666; position:relative; }
.my-detail-area .tools{float:right; position:relative; }
.my-detail-area .tools A:link {text-decoration: none; color: #0033FF; }
.my-detail-area .tools A:visited {text-decoration: none; color: #0033FF; }
.my-detail-area .tools A:active {text-decoration: none; color: #0033FF; }
.my-detail-area .tools A:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #009900; }

.my-detail-area .edit-area{width:400px; min-height:100px; margin:10px 0 10px 150px; position:relative; clear:left; background-color:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:none;}
.my-detail-area .edit-area .description{width:380px; min-height:40px; line-height:20px; padding:10px 10px 0 10px; position:relative;}
.my-detail-area .edit-area .input-area{width:380px; height:30px; line-height:20px; padding:10px; position:relative; text-align:left;}
.my-detail-area .edit-area INPUT{width:95px; height:20px; color:#006600; font-size: 11pt; background-color: #CCFFCC; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left;}
.my-detail-area .edit-area .button-edit{width:60px; height:23px; background-color:#9C0; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align:center; line-height:20px; position:relative; font-weight: bold; font-size: 12pt; margin-left: 3px; float: left;}
.my-detail-area .edit-area .button-edit:hover{background-color:#AFEA00; cursor:pointer;}
.my-detail-area .edit-area .button-edit2{width:85px; height:23px; background-color:#9C0; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align:center; line-height:20px; position:relative; font-weight: bold; font-size: 12pt; margin-left: 3px; float: left;}
.my-detail-area .edit-area .button-edit2:hover{background-color:#AFEA00; cursor:pointer;}

/* MyPET */
.create-character-area2016{width:200px; height:200px; float:left; margin:6px 12px 6px 12px; position:relative; border-style: dashed; border-color: #CCCCCC  ; border-width:thin; background-color:#FFFFEE; -webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px;}
.create-character-area2016 .bottom-panel{background-color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); color:#000; width:100%; height:30px; position:absolute; bottom:0px;}
.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;}
.imagePointer { cursor: pointer; }

/* FONT COLOR */
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: #FFF; }
.msg_2 { font-family: "Tahoma"; font-size: 10pt; color: #FFF; }
.msg_4 { font-family: "Tahoma"; font-size: 10pt; color: #FFF; }
.msg_5 { font-family: "Tahoma"; font-size: 10pt; color: #FFF; }

.msg_6 { font-family: "Tahoma"; font-size: 10pt; color: #FFF; }
.msg_7 { font-family: "Tahoma"; font-size: 10pt; color: #FFF; }
.msg_8 { font-family: "Tahoma"; font-size: 10pt; color: #FFF; }
.msg_9 { font-family: "Tahoma"; font-size: 10pt; color: #FFF; }
.msg_10 { font-family: "Tahoma"; font-size: 10pt; color: #FFF; }
.hiclass, .msg_11{ font-family: "Tahoma"; font-size: 10pt; color: #FFF;}

.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;} 
.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; } 

.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: #66E4FB; }
.txtColorGreenSoft{ color: #00d200; }
.txtColorError{ color: #cc0000; }

.txtColorGreen{ color: #009900; }
.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; }
.txtColorBrown{ color: #993300; }
.txtColorHeadTools{ color: #AD2929; }
.txtColorViolet{ color: #9900CC; }

.txtColorTribe1{ color: #4D4D4D; }
.txtColorTribe2{ color: #e815ff; }
.txtColorTribe3{ color: #4189eb; }
.txtColorTribe4{ color: #009900; }
.txtColorTribe5{ color:#FF0000;}

/* Button 2016 */
.myButtonYellow {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Tahoma;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButtonYellow:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButtonYellow:active {
	position:relative;
	top:1px;
}

.myButtonRed {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Tahoma;
	font-size:12pt;
	font-weight:bold;
	padding:7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	line-height: 6px;
}
.myButtonRed:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
.myButtonRed:active {
	position:relative;
	top:1px;
}

.myButtonGreen {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Tahoma;
	font-size:12pt;
	font-weight:bold;
	padding:7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	line-height: 6px;
}
.myButtonGreen:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.myButtonGreen:active {
	position:relative;
	top:1px;
}

.myButtonBlue {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
.myButtonBlue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
	background-color:#468ccf;
}
.myButtonBlue:active {
	position:relative;
	top:1px;
}

/* FORUM NEW */
.forum-row{width:100%; height:50px; border-bottom:1px #099 dashed;}
.forum-row .forum-img{width:32px; height:32px; float:left; margin:9px;}
.forum-row .forum-name-area{width:350px; height:50px; float:left;}
.forum-row .forum-name{width:100%; height:30px; line-height:30px; font-size:12pt; font-weight:bold;}
.forum-row .forum-name-sub{width:100%; height:15px; line-height:15px; font-size:9pt; color:#999; margin-top:-5px;}
.forum-row .forum-amount-area{width:50px; height:50px; float:left; text-align:right; line-height:50px;}
.forum-row .forum-amount{width:100%; height:30px; line-height:30px; font-size:12pt; font-weight:bold;}
.forum-row .forum-amount-unit{width:100%; height:15px; line-height:15px; font-size:8pt; color:#999; margin-top:-5px;}
.forum-row .forum-posted-area{width:220px; height:50px; float:left; font-size:8pt; text-align:left; margin-left:8px;}
.forum-row .forum-posted-name{width:100%; height:30px; line-height:30px; overflow:hidden;}
.forum-row .forum-posted-owner{width:100%; height:15px; line-height:15px; color:#999; margin-top:-5px;}

.forum-subject{height:25px; float:left; text-align:left; margin-left:10px; margin-top:15px; font-size:18pt; color:#009900;}
.forum-added{height:22px; font-size:8pt; color:#666; font-family:Tahoma; line-height:20px; clear:both;}
.forum-reply-area{width:690px; min-height:100px; background-color:#FFF; border:2px #b1dc68 solid; position:relative; margin:10px 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:10px; font-size:12pt;}

.forum-reply-new-area{width:710px; height:370px; border:5px solid #b1dc68; position:absolute; left:15px; top:15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); z-index:2; display:none;}
.forum-reply-new-area .is-textarea{width:680px; height:220px; position:absolute; left:15px; top:15px; color:#FFF;}
.forum-reply-new-area .is-text{width:680px; height:40px; position:absolute; left:15px; top:255px; color:#FFF;}
.forum-reply-new-area .is-text INPUT{width:670px; height:30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size:16pt; color:#003399; padding-left:5px;}
.forum-reply-new-area .button-area{width:680px; height:40px; position:absolute; left:15px; bottom:15px;}

.forum-reply-result{width:680px; height:30px; position:absolute; left:15px; top:120px; color:#FFF; text-align:center; font-size:48pt; font-family:Quark_Bold;}
.forum-post-avatar{width:40px; height:40px; float:left; margin-top:8px;}
.avatar-border{width: 40px; height: 40px; display:block; cursor:pointer; border: 1px #CCC solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.btn-forum-post {
	-moz-box-shadow: 1px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 1px 1px 0px 0px #fff6af;
	box-shadow: 1px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Quark_Bold;
	font-size:22px;
	padding:8px 20px;
	text-decoration:none;
	text-shadow:1px 2px 0px #ffee66;
}
.btn-forum-post:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.btn-forum-post:active {
	position:relative;
	top:1px;
}

.btn-cancel {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.btn-cancel:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
.btn-cancel:active {
	position:relative;
	top:1px;
}

.btn-confirm {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btn-confirm:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.btn-confirm:active {
	position:relative;
	top:1px;
}

.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;}

.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);
}