@charset "utf-8";

body, html { margin:0; }
body, html { height:100%; }
body { background:url('../images/common/temp/bg_pattern.jpg'); }
body, div, p, table, th, td, dt, dd, li, input, select, textarea, h1, h2, h3, h4, h5, h6 { font:11px/14px Arial, Verdana, sans-serif; color:#5e5c57; }
h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, form { list-style-type:none; margin:0; padding:0; }
p {margin:0; padding:0;}

a, a:link, a:visited { color:#5e5c57; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
fieldset { border:none; }
table { border-collapse:collapse; }

.center { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

.paging { margin:20px 0 0; text-align:center; }
.paging .first { padding:0 4px 0 14px; background:url('../images/common/icon/icon_prev.gif') 0 3px no-repeat; font-weight:bold; }
.paging .last { padding:0 14px 0 4px; background:url('../images/common/icon/icon_next.gif') right 3px no-repeat; font-weight:bold; }
.paging .prev, .paging .next { padding:0 8px; font-weight:bold; }
.paging a { padding:0 4px; }
.paging a.on { font-weight:bold; color:#323232; text-decoration:underline; }

#mainleft .login_id, #subleft .login_id { display:block; width:129px; height:21px; background:url('../images/common/temp/login_input_bg_id.gif') no-repeat; }
.login_id .on { background:url('../images/common/temp/login_input_id-ptbr.gif') 5px 4px no-repeat; }
#mainleft .login_pw, #subleft .login_pw { display:block; width:129px; height:21px; margin-top:2px; background:url('../images/common/temp/login_input_bg_id.gif') no-repeat; }
.login_pw .on { background:url('../images/common/temp/login_input_pw-ptbr.gif') 5px 4px no-repeat; }

.mainvisual, .subvisual { position:absolute; top:0; left:0; width:100%; min-width:990px; height:100%; z-index:1; }
    .mainvisual .centerimages, .subvisual .centerimages { position:relative; width:990px; height:590px; margin:0 auto; background:url('../images/common/temp/sub_vi_right.jpg') -229px 0 repeat-x; z-index:10; }
    .mainvisual .leftimages, .subvisual .leftimages { position:absolute; top:0; left:0; width:50%; height:590px; background: url('../images/common/temp/sub_vi_left.jpg') right top repeat-x; }
    .mainvisual .rightimages, .subvisual .rightimages { position:absolute; top:0; right:0; width:50%; height:590px; background: url('../images/common/temp/sub_vi_right.jpg') left top repeat-x; }

#mainwrapper { position:relative; min-width:990px; min-height:100%; _height:100%; z-index:1; overflow:hidden; _overflow-y:visible; }
#subwrapper { position:relative; min-width:990px; min-height:100%; _height:100%; z-index:1; overflow:hidden; _overflow-y:visible; }

#serverwrap { background: url('../images/common/temp/bg_server.jpg') center top no-repeat; padding:113px 0 0 0; }
    #serverwrap div.servercon { position:relative; width:990px; text-align:center; background: #343336 url('../images/common/temp/bg_serverwrap.gif') left top no-repeat; padding:100px 0 150px 0; margin:0 auto; z-index:3; }
    #serverwrap div.servercon h2 { width:455px; font-size:26px; line-height:110%; color:#cecece; text-align:left; padding:0; margin:0 auto; }
    #serverwrap div.servercon p { width:455px; font-size:12px; color:#878787; text-align:left; margin:0 auto; padding:55px 0 0 0; }
    #serverwrap div.servercon p.line2 { padding-top:20px; }
    #serverwrap div.servercon p.timearea { font-size:18px; line-height:110%; color:#cecece; text-align:left; padding:30px 0 0 0; margin:0 auto; }
    #serverwrap div.servercon ul { width:178px; margin:125px auto 0; overflow:hidden; }

#pluginwrap { min-width:990px; background:#eaeaea url('../images/common/temp/bg_server.jpg') center top no-repeat; padding:90px 0 0 0; }
    #pluginwrap div.plugincon { position:relative; width:990px; background:url('../images/common/temp/bg_serverwrap.gif') repeat-y; margin:0 auto; z-index:3; }
    #pluginwrap div.pluginconbg { padding:45px 0 30px 0; background:url('../images/common/temp/bg_serverwrap_t.jpg') left top no-repeat; }
    #pluginwrap div.plugincon h2 { font-size:24px; line-height:27px; text-align:left; color:#e9e9e9; text-align:center; }
    #pluginwrap div.plugincon p.plugtxt01 { font-size:12px; line-height:15px; color:#4d4b5a; margin:15px 0 0; padding:0; text-align:center; }
    #pluginwrap div.plugincon p.plugtxt02 { font-weight:bold; font-size:12px; line-height:15px; color:#4d4b5a; text-align:left; margin:13px 0 0; padding:0 0 35px; text-align:center; }
    #pluginwrap div.plugincon p.plugtxt02 a { color:#fefefe; text-decoration:underline; }
    #pluginwrap div.plugincon img.plugdown { display:block; margin:0 auto; }
    #pluginwrap div.plugincon div.installbox { width:868px; margin:40px auto 0; border:1px solid #c6c6c6; }
    #pluginwrap div.plugincon div.installbox2 { padding:0 28px; background-color:#d2d2d2; border:1px solid #e5e5e5; }
    #pluginwrap div.plugincon div h3 { font-size:14px; color:#4d4b5a; padding:15px 0 10px 18px; border-bottom:1px solid #b2b2b7; background: url('../images/common/icon/bu_down.gif') 1px 20px no-repeat; }
    #pluginwrap div.plugincon div ul { border-top:1px solid #e5e5e5; }
    #pluginwrap div.plugincon div ul li { background: url('../images/plugin/plugin_dot.gif') left bottom repeat-x; }
    #pluginwrap div.plugincon div ul li p { overflow:hidden; margin:0; }
    #pluginwrap div.plugincon div ul li p strong { display:block; float:left; width:96px; height:32px; text-indent:-500000px; }
    #pluginwrap div.plugincon div ul li p strong.step01 { background: url('../images/plugin/step_01.gif') left top no-repeat; }
    #pluginwrap div.plugincon div ul li p strong.step02 { background: url('../images/plugin/step_02.gif') left top no-repeat; }
    #pluginwrap div.plugincon div ul li p strong.step03 { background: url('../images/plugin/step_03.gif') left top no-repeat; }
    #pluginwrap div.plugincon div ul li p strong.step04 { background: url('../images/plugin/step_04.gif') left top no-repeat; }
    #pluginwrap div.plugincon div ul li p span { display:block; float:right; width:714px; height:22px; font-size:12px; color:#353535; padding-top:7px; }
    #pluginwrap div.plugincon div ul li img { margin:0 0 0 96px; }
    #pluginwrap div.plugincon div ul li.step12 { padding:20px 0; }
    #pluginwrap div.plugincon div ul li.step12 p { padding:0 0 7px; }
    #pluginwrap div.plugincon div ul li.step34 { padding:20px 0; background:none; }
    #pluginwrap div.plugincon div ul li p.pad01 { padding:0 0 7px; }
    #pluginwrap div.plugincon div ul li p.pad02 { padding:20px 0 14px; }
    #pluginwrap div.plugincon div ul li p.pad03 { padding:0 0 0 0; }
    #pluginwrap div.plugincon div.btntype { margin:35px 0 0; text-align:center; }
    #pluginwrap #subbottom { width:990px; height:55px; margin:0 auto; background:url('../images/common/temp/bg_plugin_bottom.gif') left top no-repeat; border-bottom:1px solid #c5c2c2; }

#mainheader { position:relative; width:990px; height:274px; margin:0 auto; z-index:3; background: url('../images/common/temp/sub_vi_center_new.jpg') no-repeat; }
    #mainheader div.main_nav_obj { position:relative; width:100%; z-index:2; }
    #mainheader div.main_nav_obj object { position:absolute; left:0; top:0; }
    #mainheader div.main_visual_obj { position:relative; width:100%; height:100%; z-index:1; }                                                                     
    #mainheader div.menu { position:absolute; width:990px; height: 86px; left:0; top:198px; background: url('../images/common/temp/bg_menu_header.png') no-repeat; }
    #mainheader div.menu ul li { float: left; padding: 0px 10px 0px 10px; position: relative; top: 27px; left: 45px; font-size: 12px; color: white; margin-right: 41px; }
    #mainheader div.menu ul li a { text-decoration: none; }
    
    div.menuLogin ul li { list-style-position: outside; list-style-image: url(../images/common/icon/icon_next.gif); list-style-type: square; margin-left: 20px; }
    div.menuLogin ul li a { color: #C5C0AD; }
    
    .btnStartGameImg {position: relative; top: -8px;} /* 2011.01.05  */
    
#subheader { position:relative; width:990px; height:239px; margin:0 auto; background: url('../images/common/temp/sub_vi_center_new.jpg') no-repeat; z-index:3; }
    
    #subheader div.sub_nav_obj { position:relative; width:100%; height:100%; z-index:5; }
    #subheader div.sub_nav_obj object { position:absolute; left:0; top:0; }
    #mainheader div.servertime { position:absolute; bottom:10px; right:-1px; width:216px; height:55px; overflow:hidden; z-index:3; }
    #subheader div.servertime { position:absolute; bottom:10px; right:23px; width:216px; height:55px; overflow:hidden; z-index:3; }
    #mainheader div.servertime .pngbg, #subheader div.servertime .pngbg { position:absolute; left:0; top:0; width:216px; height:55px; background:url('../images/common/temp/bg_servertime.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/temp/bg_servertime.png', sizingMethod='crop'); }
    #mainheader div.servertime h3, #subheader div.servertime h3 { display:none; }
    #mainheader div.servertime dl dt, #subheader div.servertime dl dt { position:relative; height:24px; background:url('../images/common/temp/gst_tit.gif') 52px 8px no-repeat; text-indent:-500000px; }
    #mainheader div.servertime dl dd, #subheader div.servertime dl dd { position:relative; height:23px; padding-top:5px; background:url('../images/common/temp/gst_time.gif') center top no-repeat; font-weight:bold; color:#cdcdcd; text-align:center; letter-spacing:1px; }
    #mainheader div.servertime dl dd span, #subheader div.servertime dl dd span { color:#ded191; }

#footer { position:relative; clear:both; width:990px; padding-top:20px; margin:0 auto; border-top:1px solid #cbc9c0; overflow:hidden; z-index:10; }
    #footer address { display:block; float:left; width:100%; font-size: 12px; font-style: normal; }
    
#mainbody { position:relative; width:990px; margin:0 auto; z-index:13; }
#mainwrapper #subbottom { position:relative; clear:both; width:990px; height:30px; margin:0 auto; background:none; border-bottom:1px solid #837e6c; z-index:10; }

#subbody { position:relative; width:990px; overflow:hidden; background: url('../images/common/temp/bg_sub.gif') 224px 0 repeat-y; margin:0 auto; z-index:3; }
#subbottomPanel { position:relative; width:990px; height:40px; margin:0 auto; background:url('../images/common/temp/bg_sub_bottom.gif') 224px 0 no-repeat; border-bottom:1px solid #837e6c; z-index:10; }

/* Main Body Style */
/* Main Left */
#mainleft { float:left; width:214px; margin:0; }

    /* Common Main & Sub Login Form */
    #mainleft #loginBox, #subleft #loginBox { width:214px; height:136px; background:url('../images/common/temp/bg_sub_login_new.gif') no-repeat; }
    #mainleft fieldset, #subleft fieldset { position:relative; width:100%; overflow:hidden; margin:0; padding:15px 0 0 0; border:none; }
    #mainleft fieldset legend, #subleft fieldset legend { display:none; }
    #mainleft fieldset div.inputtxt, #subleft fieldset div.inputtxt { float:left; width:135px; padding:2px 0 0 16px; }
    #mainleft fieldset div.inputtxt label, #subleft fieldset div.inputtxt label { display:block; }
    #mainleft fieldset div.inputtxt label span, #subleft fieldset div.inputtxt label span { display:none; }
    #mainleft fieldset div.inputtxt input, #subleft fieldset div.inputtxt input { width:126px; height:15px; background-color:#000; border:none; padding:0; margin:1px; vertical-align:top; color:#c5c0ad; }
    #mainleft fieldset div.inputbtn, #subleft fieldset div.inputbtn { float:left; }
    #mainleft fieldset div.inputbtn input, #subleft fieldset div.inputbtn input { display:block; padding:0; vertical-align:top; }

    #mainleft div.logoutform, #subleft div.logoutform { width:214px; height:136px; background:url('../images/common/temp/bg_sub_login_new.gif') no-repeat; }
    #mainleft div.logoutform span.username, #subleft div.logoutform span.username { display:block; width:182px; height:33px; color:#c5c0ad; line-height:33px; margin:0 auto; background: url('../images/common/temp/bg_name_02.gif') left top no-repeat; text-align:center; }
    #mainleft div.logoutform ul, #subleft div.logoutform ul { float:left; padding:9px 0 2px 16px; }
    #mainleft div.logoutform ul li.bt_mail, #subleft div.logoutform ul li.bt_mail { display:block; float:left; width:20px; height:14px; padding:1px 0 0 0; }
    #mainleft div.logoutform ul li.info_cash, #subleft div.logoutform ul li.info_cash { display:block; float:left; width:61px; height:15px; text-align:left; }
    #mainleft div.logoutform ul li.info_cash span, #subleft div.logoutform ul li.info_cash a { font-weight:bold; font-size:11px; color:#ffb000; }
    #mainleft div.logoutform ul li.myaccount, #subleft div.logoutform ul li.myaccount { display:block; float:left; height:12px; padding:2px 0 0 11px; background: url('../images/common/temp/ma_cur.gif') 0 3px no-repeat; }
    #mainleft div.logoutform ul li.myaccount a, #subleft div.logoutform ul li.myaccount a { display:block; width:73px; height:9px; font-weight:bold; font-size:11px; color:#cfb988; line-height:100%; }
    #mainleft div.logoutform p.bt_logout, #subleft div.logoutform p.bt_logout { padding:7px 0 3px 183px; }
    #mainleft div.logoutform div.welcomsun, #subleft div.logoutform div.welcomsun { clear:both; padding:4px 0 0 18px; line-height:10px; font-size:10px; color:#c5c0ad; }

    #mainleft ul.membermnu, #subleft ul.membermnu { position:relative; clear:both; margin-top:3px; padding:0 0 0 16px; }
    #mainleft ul.membermnu li { display:block; height:13px; padding:3px 0 0 0; font-size:11px; vertical-align:top; }
    #mainleft ul.membermnu li, #subleft ul.membermnu li { display:block; height:13px; padding:3px 0 0 16px; background:url('../images/common/icon/icon_login_forgot.gif') 0 5px no-repeat; font-size:11px; vertical-align:top; }
    #mainleft ul.membermnu li a, #subleft ul.membermnu li a { font-size:11px; color:#cfb988; }
    #mainleft ul.membermnu li.signup, #subleft ul.membermnu li.signup { background:url('../images/common/icon/icon_login_signup.gif') 0 5px no-repeat; }
    
    #mainleft ul.membermnu li.cash, #subleft ul.membermnu li.cash {float:left; background:url('../images/common/icon/icon_login_cash.gif') 0 5px no-repeat; }
    #mainleft ul.membermnu li.cash a, #subleft ul.membermnu li.cash a { font-size:11px; color:#ffb000; text-decoration:underline; }
    
    #mainleft ul.membermnu li.gift, #subleft ul.membermnu li.gift {float:left;padding-left:25px; background:url('../images/common/icon/gift_icon.gif') 10px 5px no-repeat; }
    #mainleft ul.membermnu li.gift a, #subleft ul.membermnu li.gift a { font-size:11px; color:#ffb000; text-decoration:underline; }
    
    #mainleft div.logoutform dl, #subleft div.logoutform dl { clear:both; width:100%; height:15px; overflow:hidden; }
    #mainleft div.logoutform dl dt, #subleft div.logoutform dl dt { float:left; width:75px; height:15px; font:11px/11px arial; color:#ffb000; text-align:left; background: url('../images/common/icon/icon_logout_bullet.gif') 16px 6px no-repeat; padding-left:22px; }
    #mainleft div.logoutform dl dt.point, #subleft div.logoutform dl dt.point { background: url('../images/common/icon/icon_logout_bullet.gif') 16px 6px no-repeat; padding-left:22px;}
    #mainleft div.logoutform dl dd, #subleft div.logoutform dl dd { float:left; padding:0 0 0 11px; background: url('../images/common/temp/ma_cur.gif') 0 1px no-repeat; font:11px/11px arial; text-align:left; }
    #mainleft div.logoutform dl dd a, #subleft div.logoutform dl dd a { font:11px/11px arial; color:#d7c67f; }
    #mainleft div.logoutform dl dd a:hover, #subleft div.logoutform dl dd a:hover { font:11px/11px arial; color:#d7c67f; text-decoration:underline; }

    #mainleft div.downloadbtn { margin:10px 0 10px 0; }
    #mainleft div.downloadbtn img { cursor:pointer; }

    #mainleft div.quickbnr, #subleft div.quickbnr { padding:10px 0 0; overflow:hidden; }
        #mainleft div.quickbnr h3 { height:32px; background: url('../images/main/title_quicklink.gif') left top no-repeat; text-indent:-500000px; }
        #mainleft div.quickbnr h3, #subleft div.quickbnr h3 { height:32px; margin:0 auto; background: url('../images/common/temp/sub_title_quicklink.gif') left top no-repeat; text-indent:-500000px; }
        #mainleft div.quickbnr ul.quicklink, #subleft div.quickbnr ul.quicklink { padding:3px 0 0; }
        #mainleft div.quickbnr ul.quicklink li, #subleft div.quickbnr ul.quicklink li { font-size:11px; color:#323232; line-height:14px; background: url('../images/common/icon/bu_ql.gif') 9px 8px no-repeat; padding:2px 16px 0; }
        #mainleft div.quickbnr ul.quicklink li a, #subleft div.quickbnr ul.quicklink li a { color:#323232; }
        
    #mainleft div.community { position:relative; margin:12px 0; height:121px; background: url('../images/main/bg_community.gif') no-repeat; }
    #mainleft div.communityModi { position:relative;width:199px;height:226px;padding:0 0 0 15px;margin:12px 0;background: url('../images/main/bg_community_101005.gif') no-repeat; }
        #mainleft div.community h3 { height:36px; margin:0 0 0 13px; background: url('../images/main/title_community.gif') 0 14px no-repeat; text-indent:-500000px; }
        #mainleft div.communityModi h3 { height:36px; margin:0 0 0 13px;text-indent:-500000px; }
        #mainleft div.community ul { margin:8px 0 0 20px; }
        #mainleft div.community ul li { float:left; display:inline; margin-right:5px; }
        
        #mainleft div.communityModi table th {height:10px;padding-top:7px;font:normal 9px Arial, Helvetica, sans-serif;color:#989898;}
        #mainleft div.communityModi table td {height:26px;padding:0;text-align:center;font:normal 11px Arial, Helvetica, sans-serif;color:#c5c0ad;}
        #mainleft div.communityModi table .txt {text-align:center;}
        #mainleft div.communityModi table .OurG {color:#fcda96;text-align:center;}
        #mainleft div.communityModi .chkSnsGo {padding:7px 0 0 0;margin-left:-15px;text-align:center;}
        
    #subleft div.communityModi { position:relative;width:199px;height:226px;padding:0 0 0 15px;margin:12px 0;background: url('../images/main/bg_community_101005.gif') no-repeat; }
        #subleft div.communityModi h3 { height:36px; margin:0 0 0 13px;text-indent:-500000px; }
        #subleft div.community ul { margin:8px 0 0 20px; }
        #subleft div.community ul li { float:left; display:inline; margin-right:5px; }
        
        #subleft div.communityModi table th {height:10px;padding-top:7px;font:normal 9px Arial, Helvetica, sans-serif;color:#989898;}
        #subleft div.communityModi table td {height:26px;padding:0;text-align:center;font:normal 11px Arial, Helvetica, sans-serif;color:#c5c0ad;}
        #subleft div.communityModi table .txt {text-align:right;}
        #subleft div.communityModi table .OurG {color:#fcda96;text-align:right;}
        #subleft div.communityModi .chkSnsGo {padding:7px 0 0 0;margin-left:-15px;text-align:center;}
    
    #mainleft div.worldlink { position:relative; margin:0 0 12px 0; height:82px; background:url('../images/main/bg_worldlink_01.gif') no-repeat; }
        #mainleft div.worldlink h3 { height:36px; margin:0 0 0 13px; background: url('../images/main/title_worldlink.gif') 0 14px no-repeat; text-indent:-500000px; }

    .selectlayer { display:block; position:relative; width:188px; height:17px; margin:12px auto 0; background-color:#a8a596; border:1px solid #e6e1cc; cursor:pointer; }
        .selectlayer a.default { display:block; height:18px; padding:0 0 0 4px; background:url('../images/common/icon/ico_selectdown.gif') right 7px no-repeat; color:#000; line-height:16px; }
        .selectlayer a.default:hover { text-decoration:none; }
        .selectlayer ul { position:absolute; left:-1px; top:19px; display:none; width:100%; background-color:#a8a596; border:1px solid #e6e1cc; }
        .selectlayer ul li { display:block; width:100%; }
        .selectlayer ul li a { display:block; height:18px; padding:0 0 0 4px; color:#000; line-height:20px; }
        .selectlayer ul li a:hover { background-color:#646057; color:#fff; text-decoration:none; }
        .selectlayer ul li a.selected { background-color:#646057; color:#fff; }
        
    #mainleft ul.leftbanner, #subleft ul.leftbanner { margin:10px auto 0; overflow:hidden; }
        #mainleft ul.leftbanner li, #subleft ul.leftbanner li { padding:0 0 8px 0; text-align:center; }
        #mainleft ul.leftbanner li a, #subleft ul.leftbanner li a {  }
        #mainleft ul.leftbanner li img, #subleft ul.leftbanner li img { vertical-align:top; }

/* Main Center */
#maincenterTop { position:absolute; width:528px; height: 10px; left: 231px; background-image: url(../images/common/temp/bg_maincenter_top.png); z-index: 100;}
#maincenter { position:relative; float:left; display:inline; width:528px; margin:10px 0px 0px 17px; background-image: url(../images/common/temp/bg_pattern.jpg);}

    #maincenter div.centerbnr { height:171px; margin:0 0 22px 0; padding:9px 0 0 0; background:url('../images/main/bg_mainbanner.gif') no-repeat; }
    #maincenter div.centerbnr object { display:block; margin:0 9px 0; }

    #maincenter div.itemshop { background: url('../images/main/bg_nf_title.jpg') right top no-repeat; }
        #maincenter div.itemshop div.is_title { height:35px; overflow:hidden; }
        #maincenter div.itemshop div.is_title h3 { float:left; width:150px; height:35px; background: url('../images/main/title_itemshop.gif') 5px 0 no-repeat; text-indent:-500000px; }
        #maincenter div.itemshop div.is_title a { float:right; display:block; margin:4px 20px 0 0; }
        #maincenter div.itemshop div.is_title a img { padding:3px; }

        #maincenter div.itemshop div.is_list { padding-left:20px; height:97px; overflow:hidden; }

            #maincenter div.itemshop div.is_list a.week_item { display:block; float:left; cursor:pointer; }
            #maincenter div.itemshop div.is_list a.week_item:hover { display:block; float:left; cursor:pointer; text-decoration:underline; }
            #maincenter div.itemshop div.is_list a.week_item dl { width:237px; overflow:hidden; }
            #maincenter div.itemshop div.is_list a.week_item dl dt { float:left; width:80px; height:66px; background:url('../images/main/bg_item_img.jpg') no-repeat; }
            #maincenter div.itemshop div.is_list a.week_item dl dt img { margin:14px; }
            #maincenter div.itemshop div.is_list a.week_item dl dd { float:left; width:157px; overflow:hidden; }
            #maincenter div.itemshop div.is_list a.week_item dl dd strong { font-size:11px; color:#e1dfd2; line-height:100%; }
            #maincenter div.itemshop div.is_list a.week_item dl dd ul { margin-top:3px; }
            #maincenter div.itemshop div.is_list a.week_item dl dd ul li { font-size:10px; line-height:15px; }
            #maincenter div.itemshop div.is_list a.week_item dl dd ul li img { margin:0 0 2px 4px; vertical-align:middle; }
            #maincenter div.itemshop div.is_list a.week_item dl dd ul li span.witxt { font-size:12px; color:#323232; }
            #maincenter div.itemshop div.is_list a.week_item dl dd ul li span.witxt strong { font-size:11px; color:#323232; }
            #maincenter div.itemshop div.is_list a.week_item dl dd ul li span.witxt span { font-size:10px; }
            #maincenter div.itemshop div.is_list a.week_item dl dd ul li.decoration { padding:5px 10px 0 0; color:#565550; line-height:12px; }

            #maincenter div.itemshop div.is_list div.hot_new { float:right; width:180px; padding-top:7px; }
            #maincenter div.itemshop div.is_list div.hot_new dl { width:100%; height:42px; overflow:hidden; }
            #maincenter div.itemshop div.is_list div.hot_new dl dt { float:left; width:50px; }
            #maincenter div.itemshop div.is_list div.hot_new dl dt img { border:2px solid #434548; }
            #maincenter div.itemshop div.is_list div.hot_new dl dd { float:left; }
            #maincenter div.itemshop div.is_list div.hot_new dl dd strong.hot { display:block; font-size:5px; line-height:5px; width:30px; height:10px; background: url('../images/common/icon/ico_hot.gif') left top no-repeat; text-indent:-500000px; }
            #maincenter div.itemshop div.is_list div.hot_new dl dd strong.new { display:block; font-size:5px; line-height:5px; width:30px; height:10px; background: url('../images/common/icon/ico_new.gif') left top no-repeat; text-indent:-500000px; }
            #maincenter div.itemshop div.is_list div.hot_new dl dd ul { margin-top:4px; }
            #maincenter div.itemshop div.is_list div.hot_new dl dd ul li { font-size:10px; color:#8e8c85; line-height:12px; background: url('../images/common/icon/bu_is.gif') 1px 5px no-repeat; padding-left:8px; }
            #maincenter div.itemshop div.is_list div.hot_new dl dd ul li a { color:#8e8c85; }

    #maincenter div.newsforum { background: url('../images/main/bg_nf_title.jpg') right top no-repeat; }

        #maincenter div.newsforum div.nf_title { height:35px; overflow:hidden; }
        #maincenter div.newsforum div.nf_title h3.news { float:left; width:150px; height:35px; background: url('../images/main/title_news.gif') 5px 0 no-repeat; text-indent:-500000px; }
        #maincenter div.newsforum div.nf_title h3.forums { float:left; width:150px; height:31px; background: url('../images/main/title_forums.gif') 5px 0 no-repeat; text-indent:-500000px; }
        #maincenter div.newsforum div.nf_title h3.custom { float:left; width:100%; height:31px; background: url('../images/main/title_ico.gif') 4px 0 no-repeat; padding-left: 20px; top: 12px; left: 14px; }
        /*div.levelranking div.ranking_title h2 { float:left; width:150px; height:35px; background: url('../images/main/title_ico.gif') no-repeat; position: relative; padding-left: 17px; top: 12px; left: 14px; } 
        */
        #maincenter div.newsforum div.nf_title a { float:right; display:block; margin:4px 20px 0 0; }
        #maincenter div.newsforum div.nf_title a img { padding:3px; }

        #maincenter div.newsforum ul { padding:0 0 20px; }
        #maincenter div.newsforum ul li { height:20px; vertical-align:top; }
        #maincenter div.newsforum ul li span.w_date { float:right; width:110px; color:#4b4740; padding-right:20px; text-align:right; }
        #maincenter div.newsforum ul li span.w_text { float:left; width:360px; background: url('../images/common/icon/bu_list.gif') 21px 6px no-repeat; padding-left:29px; }
        #maincenter div.newsforum ul li span.w_text a { color:#323232; }
        #maincenter div.newsforum ul li span.w_text a span { font-weight:bold; color:#323232; }
        #maincenter div.newsforum ul li span.new a { background: url('../images/common/icon/icon_star.gif') right center no-repeat; padding-right:16px; }
        
        #maincenter div.newsforum ul li div a { float:left; width:360px; background: url('../images/common/icon/bu_list.gif') 21px 6px no-repeat; padding-left:29px; font-weight: bold; }
        
        /* s:100806 */
    #maincenter div.fansiteWrap{ background: url('../images/main/bg_nf_title.jpg') right top no-repeat; }

        #maincenter div.fansiteWrap div.nf_title { height:35px; overflow:hidden; }
        #maincenter div.fansiteWrap div.nf_title h3.fansite { float:left; width:150px; height:31px; background: url('../images/main/title_fansite.gif') 5px 0 no-repeat; text-indent:-500000px; }
        #maincenter div.fansiteWrap div.nf_title a { float:right; display:block; margin:4px 20px 0 0; }
        #maincenter div.fansiteWrap div.nf_title a img { padding:3px; }
        
        #maincenter .fanSiteMainList {position:relative;clear:both;height:140px;overflow:hidden;}
        #maincenter .fanSiteMainList .firstBox {position:absolute;left:21px;top:16px;}
        #maincenter .fanSiteMainList .firstBox .img {border:1px solid #36363a;}
        #maincenter .fanSiteMainList .firstBox .txt  {padding:8px 0 0 2px;}
        #maincenter .fanSiteMainList .firstBox .txt a {color:#333;}
        #maincenter .fanSiteMainList .firstBox .txt a span {color:#b66836;}
        #maincenter .fanSiteMainList .listFansite {position:absolute;left:163px;top:20px;}
        #maincenter .fanSiteMainList .listFansite li { padding:3px 0; vertical-align:top; overflow:hidden; }
        #maincenter .fanSiteMainList .listFansite li span.w_text { float:left; width:310px; background: url('../images/common/icon/bu_list.gif') 0 5px no-repeat; padding-left:10px; }
        #maincenter .fanSiteMainList .listFansite li span.w_text a { color:#333; }
        #maincenter .fanSiteMainList .listFansite li span.w_text a span { color:#b66836; }
        #maincenter .fanSiteMainList .listFansite li span.new a { background: url('../images/common/icon/icon_star.gif') right center no-repeat; padding-right:16px; }
    /* e:100806 */

/* Main Right */
#mainright { float:left; display:inline; width:214px; padding:0; margin-left:17px; }
    #mainright div.siegewarfare, #mainright div.finalbattle { display:none; position:relative; margin:0 0 10px 0; height:136px; background: url('../images/main/bg_finalbattle_01.gif') no-repeat; }
    #mainright div.siegewarfare h3 { height:36px; background: url('../images/main/title_siegewarfare.gif') 0 14px no-repeat; }
    #mainright div.finalbattle h3 { height:36px; background: url('../images/main/title_finalbattle.gif') 0 14px no-repeat; }
    #mainright div.sw_list { position:relative; width:171px; margin:0 0 0 13px; }
    #mainright div.sw_list h3 { text-indent:-500000px; }
    #mainright div.sw_list div.schedule { padding:6px 0 0 0; height:44px; color:#aba08b; }
    #mainright div.sw_list div.schedule span { font-size:10px; color:#aba08b; }
    #mainright div.sw_list div.commingsoon { padding:7px 0 0 0; font-size:10px; color:#c2c2c2; }
    #mainright div.sw_list ul { margin:9px auto 0; }
    #mainright div.sw_list ul li { font-size:11px; line-height:12px; background: url('../images/common/icon/bu_rlist.gif') 8px 8px no-repeat; padding:5px 0 0 20px; }
    #mainright div.sw_list ul li strong { color:#c6c09e; }
    #mainright div.sw_list ul li span { color:#706f70; }

    #mainright ul.rightbnr { margin:0 auto; }
    #mainright ul.rightbnr li { padding:0 0 8px 0; }
    #mainright ul.rightbnr li a { display:block; }
    #mainright ul.rightbnr li a img { vertical-align:top; }
    
    #mainright div.adminarea .guidebanner { margin-bottom:11px; }
    #mainright div.adminarea h3 { width:214px; height:36px; background:url('../images/main/title_trailer.gif') no-repeat; text-indent:-5000px; }
    #mainright div.adminarea .trailer { margin-bottom:20px; }
    #mainright div.adminarea .trailer .bgtop { height:4px; background:url('../images/main/bg_trailer_top.gif') no-repeat; overflow:hidden; }
    #mainright div.adminarea .trailer .trailer_mov { padding:0 4px; background-color:#646057; }
    #mainright div.adminarea .trailer .bgbottom { height:4px; background:url('../images/main/bg_trailer_bottom.gif') no-repeat; overflow:hidden; }

    /* 100105 ??? AC Ranking ??*/
    div.levelranking{ position:relative; margin:0 0 10px 0; height:448px; background: url('../images/main/bg_level_ranking.gif') no-repeat; }
        div.levelranking div.ranking_title { height:35px; overflow:hidden; }
        /*#mainright div.levelranking div.ranking_title h3 { float:left; width:150px; height:35px; background: url('../images/main/title_levelranking.gif') 12px 15px no-repeat; text-indent:-500000px; } */
        div.levelranking div.ranking_title h2 { float:left; width:150px; height:35px; background: url('../images/main/title_ico.gif') no-repeat; position: relative; padding-left: 17px; top: 12px; left: 14px; } 
        div.levelranking div.ranking_title a { float:right; display:block; margin:15px 10px 0 0; }
        div.levelranking div.ranking_title a img { padding:3px; }
        div.levelranking div.ranking_sub{clear:both; margin:7px 0 0 13px; height:36px; width:187px; background: url('../images/main/bg_level_ranking_2.gif') no-repeat;}
        div.levelranking div.ranking_sub p.left_sub{float:left; padding:10px 15px; color:#b66836;}
        div.levelranking div.ranking_sub p.right_sub{float:left; padding:3px 0 0 0; color:#b66836;}
        div.levelranking div.ranking_list table{width:184px; margin:5px 13px;}
        div.levelranking div.ranking_list table tr th{text-align:right;border-bottom:solid 1px #514d43; line-height:14px; color:#c5c0ad;}
        div.levelranking div.ranking_list table tr td{padding:2px 0 4px 15px;border-bottom:solid 1px #514d43; line-height:14px; color:#c5c0ad;}
        div.levelranking div.ranking_list table tr th.bend {border-bottom:0;}
        div.levelranking div.ranking_list table tr td.bend {border-bottom:0;}
        
        
        
    
    div.boxMenu{ position:relative; margin:0 0 10px 0; padding: 0px; /*background: url('../images/main/bg_box_content.gif') repeat-y;*/ }
        div.boxMenu div.title { height:36px; overflow:hidden; background: url('../images/main/bg_box_begin.gif') no-repeat; }
        div.boxMenu div.title h2 { float:left; width:150px; height:35px; background: url('../images/main/title_ico.gif') no-repeat; position: relative; padding-left: 17px; top: 12px; left: 14px; } 
        div.boxMenu div.title a { float:right; display:block; margin:15px 10px 0 0; }
        div.boxMenu div.title a img { padding:3px; }
        div.boxMenu div.contentBox { background: url('../images/main/bg_box_content.gif') repeat-y; margin: 0; padding: 10px; }
        div.boxMenu div.end { background: url('../images/main/bg_box_end.gif') no-repeat; height: 5px; }
    
    
        div.boxMenu div.contentBox ul.commonArrow li { list-style-position: outside; list-style-image: url(../images/common/icon/icon_next.gif); list-style-type: square; margin-left: 20px; color: #C5C0AD; }
        div.boxMenu div.contentBox ul.commonArrow li a { color: #C5C0AD; }
                     
    
    div.quadrosOut div.quadros/*,div.qdestaques,div.qdestaques2*/ {    
      margin: 5px 0;
      padding: 10px;
      text-align: left;
      display: block;
      overflow: auto;  
      border: 1px solid #2F2F2F;  
      color: #000; 
    }
    div.qdestaques {
        color: red;
        background: url(../images/common/icon/icon-error.gif) no-repeat;
        padding-left: 20px;
        padding-bottom : 2px;
    }
    div.qdestaques2 {
        background: url(../images/common/icon/icon-info.gif) no-repeat;
        color: blue;
        padding-left: 25px;
        padding-bottom : 2px;
    }
    
    .staffOffline { color:#524D3A; font-weight:normal; }
    .staffOnline { color:#008000; }
        
        
        
/* Sub Body Style */
/* Sub Left */
#subleft { width:214px; float:left; padding:0 10px 10px 0; }

    #subleft div.downloadbtn { margin:10px 0 0 0; }
    #subleft div.downloadbtn img { cursor:pointer; }

    div.snb_wrap { position:relative; margin:10px auto 0; background: url('../images/common/temp/bg_snbmid.gif') left top repeat-y; }
    div.snb_wrap h2 { width:193px; height:34px; background: url('../images/common/title/stit_bg.gif') left top no-repeat; color:#fff; font-size:15pt; padding:12px 0 0 21px;}
    div.snb_wrap h2 img { margin:12px 0 0 21px; }
    div.snb_wrap ul.snb_1dep { position:relative; width:100%; _height:150px; min-height:150px; background: url('../images/common/temp/bg_snbbtm.gif') left bottom no-repeat; padding:0 0 18px 0; margin-bottom: 15px; }
    div.snb_wrap ul.snb_1dep li.d2_mnu { display:block; width:177px; font-size:1px; line-height:1px; margin:-1px auto 0; border-bottom:1px solid #302f28; }
    div.snb_wrap ul.snb_1dep li.d2_mnu a.off { color:#c5c0ad; display:block; font-weight:bold; font-size:11px; line-height:12px; background: url('../images/common/temp/snb_off.gif') left top no-repeat; padding:5px 0 5px 12px; text-decoration:none; }
    div.snb_wrap ul.snb_1dep li.d2_mnu a.off:hover { font-weight:bold; font-size:11px; line-height:12px; color:#b66836; display:block; background: url('../images/common/temp/snb_off.gif') left top no-repeat; padding:5px 0 5px 12px; text-decoration:none; }
    div.snb_wrap ul.snb_1dep li.d2_mnu a.on { font-weight:bold; font-size:11px; line-height:12px; color:#b66836; display:block; background: url('../images/common/temp/snb_off.gif') left top no-repeat; padding:5px 0 5px 12px; text-decoration:none; }
    div.snb_wrap ul.snb_1dep li.d3_mnu { display:block; width:177px; font-size:1px; line-height:1px; margin:-1px auto 0; }
    div.snb_wrap ul.snb_1dep li.d3_mnu h3 { border-bottom:1px solid #302f28; }
    div.snb_wrap ul.snb_1dep li.d3_mnu h3 a.off { font-weight:bold; font-size:11px; line-height:12px; color:#c5c0ad; display:block; background: url('../images/common/temp/snb_depthon.gif') left top no-repeat; padding:5px 0 5px 12px; text-decoration:none; }
    div.snb_wrap ul.snb_1dep li.d3_mnu h3 a.off:hover { font-weight:bold; font-size:11px; line-height:12px; color:#b66836; display:block; background: url('../images/common/temp/snb_depthon.gif') left top no-repeat; padding:5px 0 5px 12px; text-decoration:none; }
    div.snb_wrap ul.snb_1dep li.d3_mnu h3 a.on { font-weight:bold; font-size:11px; line-height:12px; color:#b66836; display:block; background: url('../images/common/temp/snb_depthoff.gif') left top no-repeat; padding:5px 0 5px 12px; text-decoration:none; }
    div.snb_wrap ul.snb_1dep li.d3_mnu ul li { border-bottom:1px solid #302f28; }
    div.snb_wrap ul.snb_1dep li.d3_mnu ul li a { display:block; padding:5px 0 4px 14px; background-color:#3d3b35; font-size:11px; line-height:12px; color:#c5c0ad; }
    div.snb_wrap ul.snb_1dep li.d3_mnu ul li a.m_off:hover { text-decoration:none; font-weight:bold; color:#b66836; }
    div.snb_wrap ul.snb_1dep li.d3_mnu ul li a.m_on { text-decoration:none; font-weight:bold; color:#b66836; }

/* Sub Right */
#subright { width:766px; float:right; background: url('../images/common/temp/bg_sub_right.gif') left top no-repeat; padding-top:21px; padding-bottom:40px; }

    /* Location & Title */
    #subright div.locationtitle { width:725px; margin:0 auto; border-bottom:1px solid #ededed; }
    #subright div.locationtitle div.location { height:29px; margin:0 auto; padding:0 0 0 29px; background: url('../images/common/temp/bg_sub_location.gif') left top no-repeat; font-size:10px; color:#f1eddf; line-height:28px; }
    #subright div.locationtitle div.location a.home { color:#f1eddf; }
    #subright div.locationtitle div.location strong { font-weight:bold; color:#f1eddf; }
    #subright div.locationtitle h3.subtitle { width:686px; margin:0 auto; padding:18px 0 9px; border-bottom:1px solid #ddd9cb; font-size:18px; color:#3b3325; font-weight:normal; line-height:18px; }

    /* Sub Content */
    #subright div.sub_wrap { width:696px; margin:0 auto; }
    #subright div.sub_download { width:686px; margin:0 auto; }
    #subright div.sub_mediawrap { width:634px; margin:0 auto; overflow:hidden; }
    #subright div.sub_guide { width:686px; margin:0 auto; }
    #subright div.sub_ranking { width:686px; margin:0 auto; }
    #subright div.sub_season4 { width:686px; margin:0 auto; }
    #subright div.sub_shop { width:686px; margin:0 auto; overflow:hidden; }
    #subright div.sub_shopguide { width:681px; margin:0 auto; overflow:hidden; }

/* Media Layer Controls */
.Lposmv { top:100px; }
.Lposss { top:50px; }
.Lposst { top:355px; }
.layercon { position:absolute; left:0; top:0; z-index:9; width:100%; height:100%; display:none; }
    .layercon div.alphadiv { position:absolute; top:0; left:0; width:100%; height:2000px; background-color:black; filter:alpha(opacity=78); opacity:0.78; z-index:9; }
    .layercon div.lpopdiv { position:fixed; left:0; width:100%; z-index:9; }
    .layercon div.lpopdiv table { border-collapse:collapse; border:3px solid #3f3f41; background-color:#232225; margin:0 auto; }
    .layercon div.lpopdiv table td.starterh { height:39px; text-align:right; background: #555457 url('../images/common/temp/bg_scv_layer.gif') left top no-repeat; }
    .layercon div.lpopdiv table td.starterh h3 { font-size:14px; color:#dfdfdf; height:27px; background: url('../images/common/temp/bg_start_layer_right.gif') right top no-repeat; padding:12px 0 0 35px; text-align:left !important; }
    .layercon div.lpopdiv table td.optionbtn { height:53px; text-align:right; background: #555457 url('../images/common/temp/bg_scv_layer.gif') left top no-repeat; }
    .layercon div.lpopdiv table td.optionbtn div { height:41px; background: url('../images/common/temp/bg_scv_layer_right.gif') right top no-repeat; padding-top:12px; }
    .layercon div.lpopdiv table td.optionbtn div img.closebt { float:right; margin-right:15px; }
    .layercon div.lpopdiv table td.optionbtn div ul { float:right; }
    .layercon div.lpopdiv table td.optionbtn div ul li { float:left; padding-right:20px; }
    .layercon div.lpopdiv table td.optionbtn div ul li.curimg { background: url('../images/common/temp/curimages.gif') 83px 2px no-repeat; }
    .layercon div.lpopdiv table td.data_area { padding:18px; }
    .layercon div.lpopdiv table td.data_area img.ssimg { border:1px solid #3f3f41; }
    .layercon div.lpopdiv table td.data_area div.objarea { width:424px; height:319px; background: url('../images/media/mv_play_area.jpg') left top no-repeat; padding:7px 8px 0 8px; }
    .layercon div.lpopdiv table td.data_area ul { width:440px; height:30px; background: url('../images/media/mv_bt_area.gif') left top no-repeat; }
    .layercon div.lpopdiv table td.data_area ul li.pause { float:left; padding:5px 0 0 8px; }
    .layercon div.lpopdiv table td.data_area ul li.playbar { float:left; padding:8px 0 0 4px; }
    .layercon div.lpopdiv table td.data_area ul li.playbar div { display:block; position:relative; width:265px; height:14px; background: url('../images/media/bt_mv_line.gif') left top repeat-x; }
    .layercon div.lpopdiv table td.data_area ul li.playbar div img { position:absolute; top:0; }
    .layercon div.lpopdiv table td.data_area ul li.playtime { float:left; font-size:10px; color:#717171; line-height:100%; padding:9px 9px 0 11px; background: url('../images/media/bt_mv_cur.gif') right 11px no-repeat; }
    .layercon div.lpopdiv table td.data_area ul li.playtime span { color:#fff; }
    .layercon div.lpopdiv table td.data_area ul li.volumbt { float:left; font-size:1px; line-height:100%; padding:11px 9px 0 7px; background: url('../images/media/bt_mv_cur.gif') right 11px no-repeat; }
    .layercon div.lpopdiv table td.data_area ul li.fullview { float:left; font-size:1px; line-height:100%; padding:11px 0 0 7px; }
    .layercon div.lpopdiv table td.data_area div.startmsg { width:435px; height:80px; padding:22px 20px; border:1px solid #3f3f41; background-color:#1e1d1f; }
    .layercon div.lpopdiv table td.data_area div.startmsg p { font-size:12px; color:#878787; margin:0; padding:0; }
    .layercon div.lpopdiv table td.data_area div.startmsg ul { width:183px; margin:22px auto 0; overflow:hidden; background:none; }


/* Media ScreenShot List */
#ssl_wrap { width:725px; margin:2px 0 0 -23px; overflow:hidden; background:url('../images/media/w_dotline.gif'); }
    #ssl_wrap dl { float:left; width:227px; padding:26px 0 0 0; }
    #ssl_wrap dl dt { width:172px; height:130px; margin:0 auto; border:4px solid #bdb9ac; }
    #ssl_wrap dl dt img { display:block; border:1px solid #f1eddf; }
    #ssl_wrap dl dd { height:54px; padding-top:11px; text-align:center; }

#layercontents { overflow:hidden; }
#layercontents .maximize { float:left; height:55px; padding:0 0 0 8px; }
#layercontents .slide { float:right; height:55px; padding:0 8px 0 0; }
#layercontents .slide img { float:left; margin:0 2px; }
#layercontents .maximize img, #layercontents .slide img { margin-top:13px; cursor:pointer; }
#layercontents .viewimage { clear:both; }
#layercontents .viewimage td { height:477px; text-align:center; }
#layercontents .viewimage img { border:1px solid #e6e6e6; }

/* Media Wallpaper List */
#wp_wrap { width:725px; margin:2px 0 0 -23px; overflow:hidden; background:url('../images/media/w_dotline.gif'); }
    #wp_wrap dl { float:left; width:227px; padding:26px 0 0 0; }
    #wp_wrap dl dt { width:172px; height:130px; margin:0 auto; border:4px solid #bdb9ac; }
    #wp_wrap dl dt img { display:block; border:1px solid #f1eddf; }
    #wp_wrap dl dd { width:227px; height:48px; padding:17px 0 0 0; text-align:center; }
    #wp_wrap dl dd ul { display:inline; width:227px; overflow:hidden; }
    #wp_wrap dl dd ul li { display:inline; padding:0 2px; }
    #wp_wrap dl dd ul li.cursor { padding:0 2px 0 6px; background:url('../images/media/w_cur.gif') 0 3px no-repeat; }
    #wp_wrap dl dd ul li a { display:inline; height:15px; font-size:10px; }

/* DownLoad */
    #subright div.sub_download h4 { font:18px/18px arial; color:#323232; margin:0; padding:25px 0 0 0; }
    #subright div.sub_download p.enjoytext { font:13px/13px arial; margin:0; padding:6px 0 27px 0; background:url('../images/download/down_dot.gif') left bottom repeat-x; }
    #subright div.sub_download div.p2pdown { background:url('../images/download/down_dot.gif') left bottom repeat-x; text-align:center; }
    #subright div.sub_download div.p2pdown h5 { font:bold 12px/14px arial; background: url('../images/common/icon/bu_down.gif') 0 23px no-repeat; padding:18px 0 0 9px; text-align:left; }
    #subright div.sub_download div.p2pdown a img { margin:4px 0 19px 0; }
    #subright div.sub_download div.mirrors { width:685px; background:url('../images/download/down_dot.gif') left bottom repeat-x; overflow:hidden; }
    #subright div.sub_download div.mirrors h5 { font:bold 12px/14px arial; background: url('../images/common/icon/bu_down.gif') 0 29px no-repeat; padding:24px 0 0 9px; }
    #subright div.sub_download div.mirrors ul { width:635px; margin:0 auto; padding:11px 0 31px 0; overflow:hidden; }
    #subright div.sub_download div.mirrors ul li { float:left; padding:0 16px 0 17px; text-align:center; }
    #subright div.sub_download div.mirrors ul li img { display:block; margin-bottom:6px; }
    #subright div.sub_download div.downsys { padding-bottom:32px; background:url('../images/download/down_dot.gif') left bottom repeat-x; }
    #subright div.sub_download div.downsys h5 { font:bold 12px/14px arial; background: url('../images/common/icon/bu_down.gif') 0 28px no-repeat; padding:23px 0 0 9px; }
    #subright div.sub_download div.downsys table { width:100%; border-collapse:collapse; margin:8px 0 0 0; }
    #subright div.sub_download div.downsys table thead th { color:#fff; text-align:center; font-weight:bold; padding:9px 0 10px; background-color:#848074; border:1px solid #f1eddf; }
    #subright div.sub_download div.downsys table thead th.setting { color:#f9e073; }
    #subright div.sub_download div.downsys table tbody td { padding:8px 0 9px; background-color:#dbd6c6; border:1px solid #f1eddf; text-align:center; }
    #subright div.sub_download div.downsys table tbody td.bold { background-color:#c5c0ad; }
    #subright div.sub_download div.downsys table tbody td.setting { color:#323232; }
    #subright div.sub_download h5.drv_tit { font:bold 12px/14px arial; background: url('../images/common/icon/bu_down.gif') 0 31px no-repeat; padding:26px 0 0 9px; }
    #subright div.sub_download div.driverbox { margin:17px 0 0 0; }
    #subright div.sub_download dl.drv_srap { padding:20px 0 18px 0; background-color:#dbd6c6; overflow:hidden; }
    #subright div.sub_download dl.drv_srap dt.dx_tit01 { float:left; width:146px; padding:0 0 0 42px; }
    #subright div.sub_download dl.drv_srap dt.dx_tit01 strong { font:18px/18px arial; color:#424242; }
    #subright div.sub_download dl.drv_srap dd.dx { float:left; padding:2px 0 0 10px; }
    #subright div.sub_download dl.drv_srap dd.dx span { color:#424242; padding-right:10px; }
    #subright div.sub_download dl.drv_srap dd.dx a { color:#b66836; }
    #subright div.sub_download div.gpd_wrap { margin:1px 0 0 0; padding:20px 0; height:165px; background-color:#dbd6c6; overflow:hidden; }
    #subright div.sub_download div.gpd_wrap dl { float:left; padding:0 0 18px 0; }
    #subright div.sub_download div.gpd_wrap dl dt { float:left; width:146px; padding:0 0 0 42px; }
    #subright div.sub_download div.gpd_wrap dl dt strong { font:18px/18px arial; color:#424242; }
    #subright div.sub_download div.gpd_wrap dl dd { float:left; padding:2px 0 0 10px; }
    #subright div.sub_download div.gpd_wrap dl dd span { color:#424242; }
    #subright div.sub_download div.gpd_wrap ul { clear:both; float:left; width:100%; overflow:hidden; padding:3px 0 25px 0; background-color:#e5e0d1; }
    #subright div.sub_download div.gpd_wrap ul li.gpd_01 { float:left; padding:19px 0 0 41px; width:299px; }
    #subright div.sub_download div.gpd_wrap ul li.gpd_02 { float:left; padding-top:19px; width:310px; }
    #subright div.sub_download div.gpd_wrap ul li img { float:left; display:block; }
    #subright div.sub_download div.gpd_wrap ul li span { float:left; display:block; font:10px/10px arial; color:#4b4b4b; padding-left:5px; }
    #subright div.sub_download div.gpd_wrap ul li span strong { display:block; font:bold 11px/11px arial; color:#4b4b4b; padding:1px 0 4px; }
    #subright div.sub_download div.gpd_wrap ul li span a { display:block; font:10px/10px arial; color:#b66836; padding-top:3px; }

/* Guide */
#char_category { float:left; margin:0 0 0 -10px; padding:26px 0 16px 0; overflow:hidden;}
#char_category li { float:left; height: 21px; padding:0 12px; margin-left:-2px; background:url('../images/guide/char_division.gif') left 2px no-repeat; white-space:nowrap; }
#char_category li a { color:#3b3325; font-size:12px; }
#char_category li a.on { color:#323232; font-weight:bold; text-decoration:underline; display: inline-block; padding: 0 0 1px 30px; background: url('../images/guide/bul_arrow.gif') left top no-repeat;}

#char_contents { clear:both; width:100%; overflow:hidden; }
#char_info { background-color:#dad6c8; padding:20px; line-height:1.4; overflow:hidden; }
    #char_info p, #char_info font { line-height:1.4; }
    #char_info table.table { border-top:1px solid #767676; border-left:1px solid #767676; border-collapse:collapse; }
    #char_info table.table tr th { font-weight:lighter; color:#cecece; background-color:#1d1d1e; line-height:12px; padding:9px 0 12px 0; border-right:1px solid #767676; border-bottom:1px solid #767676; }
    #char_info table.table tr td { font-weight:bold; color:#e2e2e2; background-color:#505051; line-height:12px; text-align:center; padding:10px 0 11px 0; border-right:1px solid #767676; border-bottom:1px solid #767676; }
    #char_info .title1 { padding:0 0 0 17px; background:url('../images/guide/char_tit_icon_1.gif') left center no-repeat; font-size:15px; font-family:'Arial Black', Arial; color:#323232; line-height:1.2; }
    #char_info .title2 { padding:0 0 0 13px; background:url('../images/guide/char_tit_icon_2.gif') left center no-repeat; font-size:12px; font-weight:bold; color:#323232; line-height:1.2; }


/* Ranking */
#update_date { padding:30px 0 7px 0; font-size:10px; font-style:italic; color:#555; text-align:right; }
#guild_info { position:relative; padding:42px 0 7px 0; font-size:10px; font-style:italic; color:#555; }
#guild_info .btn_guild { position:absolute; left:0; top:30px; }
#guild_info .btn_guild img { cursor:pointer; }
#guild_info .update_date { text-align:right; font-style:italic; }

/* 100105 ??? AC Ranking ??*/
#guild_info .btn_ac { position:absolute; left:0; top:25px; border-bottom:solid 1px #adaa9f; height:24px; width:100%;}
#guild_info .btn_ac img { cursor:pointer; margin-right:5px;}

#ac_info{ width:100%; margin-bottom:25px; }
#ac_info p{color:#726f69; font-size:12px; font-family:Arial; font-weight:bold; margin-top:5px;}
#ac_info p.sub{font-size:14px; color:#323232; margin-top:15px;}
#ac_info p.sub span{color:#fe100f;}
#ac_info p.text_uline{text-decoration:underline;}

#ac_info table{ width:100%;}
#ac_info table tr th{padding:0; margin:0;}
#ac_info table tr td{padding:0; margin:0;}
#ac_info table.newentries{ width: 100%; border-top:solid 2px #adaa9f; border-bottom:solid 2px #adaa9f; margin-top:5px;}
#ac_info table.newentries th, #ac_info table.newentries td {border-bottom:solid 1px #adaa9f; border-right:solid 1px #adaa9f; color:#5e5c57; height:38px;}
#ac_info table.newentries th{ background-color:#dad6c8;}
#ac_info table.newentries td{ text-align:center;}
#ac_info table.newentries th.brend, #ac_info table.newentries td.brend{ border-right:0;}

#ac_sorting {background-color:#48463f; width:100%; height:27px; margin-bottom:1px;}
#ac_sorting ul li{float:left; background:url(../images/ranking/ac_ranking_line.gif) right 3px no-repeat; padding:0 12px; margin-top:6px;}
#ac_sorting ul li.end{background:none;}
#ac_sorting ul li a{color:#b0ac9e;} 
#ac_sorting ul li span{padding-left:10px; background:url(../images/ranking/ac_ranking_arrow.gif) 0 5px no-repeat; font-weight:bold; }
#ac_sorting ul li span a{color:#eae6d8;} 


#tbl_ranking { clear:both; width:100%; background: url('../images/news/t_notice.gif') left top repeat-x; }
#tbl_ranking thead th { height:32px; padding:0; background:url('../images/ranking/t_ranking_line.gif') 0 9px no-repeat; font-size:12px; font-weight:bold; color:#f1eddf; line-height:14px; }
#tbl_ranking thead th.lbg { background: url('../images/news/t_notice_l.gif') left top no-repeat; vertical-align:middle; }
#tbl_ranking thead th.rbg { background: url('../images/news/t_notice_r.gif') right top no-repeat; }
#tbl_ranking thead th.rbg span { display:block; height:23px; padding:9px 0 0 0; background:url('../images/ranking/t_ranking_line.gif') 0 9px no-repeat; }
#tbl_ranking tbody td { padding:7px 0 10px; background:url('../images/news/tbl_dotline.gif') left bottom repeat-x; text-align:center; }
#tbl_ranking tbody td.gainedxp { padding:0 23px 0 0; text-align:right; }
#tbl_ranking tbody td.flag, #tbl_ranking_top100 tbody td.flag { padding:0; }
#tbl_ranking tbody td.flag img, #tbl_ranking_top100 tbody td.flag img { margin:0 0 2px 0; border:1px solid #d5d4d6; }

#ranking_search { width:100%; height:40px; margin:0 0 17px 0; background-color:#dad6c8; _overflow:hidden; }
#ranking_search #input_search { float:left; padding:10px 0 0 11px; }
#ranking_search #input_search input { vertical-align:middle; }
#ranking_search #input_search input.input_character { width:136px; height:15px; padding:3px 0 0 0; background:#fff url('../images/ranking/search_input_character.gif') 2px 5px no-repeat; border:none; }
#ranking_search #input_search input.input_guild { width:136px; height:15px; padding:3px 0 0 0; background:#fff url('../images/ranking/search_input_guild.gif') 2px 5px no-repeat; border:none; }
#ranking_search #input_search input.on { background-image:none; }
#ranking_search img { vertical-align:middle; cursor:pointer; }

#select_search { float:right; padding:10px 9px 20px 0; }
#select_search .selectlayer { float:left; display:block; position:relative; width:119px; height:18px; margin:0 0 0 5px; background-color:#b0ac9e; border:1px solid #848074; cursor:pointer; }
#select_search .selectlayer a.default { display:block; height:18px; padding:0 0 0 9px; background:url('../images/common/icon/ico_selectdown_search.gif') right center no-repeat; font-size:10px; color:#fff; line-height:18px; }
#select_search .selectlayer a.default:hover { text-decoration:none; }
#select_search .selectlayer ul { position:absolute; left:-1px; top:19px; display:none; width:100%; background-color:#b0ac9e; border:1px solid #848074; }
#select_search .selectlayer ul li { display:block; width:100%; }
#select_search .selectlayer ul li a { display:block; height:18px; padding:0 0 0 9px; color:#fff; font-size:10px; line-height:20px; }
#select_search .selectlayer ul li a:hover { background-color:#7c7766; color:#fff; text-decoration:none; }
#select_search .selectlayer ul li a.selected { background-color:#7c7766; color:#fff; }


/* SHOP */
.iteminfolayer { position:absolute; width:494px; height:275px; padding:19px 0 0 0; border:3px solid #a7a7a7; background-color:#3b3b3b; z-index:99; }
    .iteminfolayer a { position:absolute; right:3px; top:0; display:block; width:68px; height:14px; background: url('../images/common/btn/bt_iteminfoclose.gif') left top no-repeat; }
    .iteminfolayer a span { display:none; }
    .iteminfolayer .itemlayerbox { width:480px; height:267px; margin:0 auto; border:1px solid #b1b1b1; background-color:#ccc; }
    .iteminfolayer .itemlayerbox dl { display:block; width:441px; height:80px; margin:0 auto; overflow:hidden; }
    .iteminfolayer .itemlayerbox dl dt { position:relative; float:left; width:72px; height:60px; padding:10px 0 0 0; }
    .iteminfolayer .itemlayerbox dl dt img { margin:14px; }
    .iteminfolayer .itemlayerbox dl dt span.frame { display:block; width:66px; height:66px; background: url('../images/shop/bg_item_frame.gif') no-repeat; }
    .iteminfolayer .itemlayerbox dl dd { float:left; width:369px; height:48px; padding:15px 0 0 0; background: url('../images/shop/bg_item_line.gif') left bottom repeat-x; }
    .iteminfolayer .itemlayerbox dl dd strong { display:block; font:bold 11px/14px arial; color:#535353; }
    .iteminfolayer .itemlayerbox dl dd span.coin { display:block; font:11px/12px arial; color:#e06f00; padding:4px 0 0 0; }
    .iteminfolayer .itemlayerbox dl dd span.coin span { font:10px/11px arial; color:#535259; }
    .iteminfolayer .itemlayerbox div.infobox { width:441px; height:178px; padding:0 0 0 1px; margin:0 auto; overflow-y:auto; }
    .iteminfolayer .itemlayerbox div.infobox p.infotxt { font:11px/14px arial; color:#727171; padding-bottom:8px; }
    .iteminfolayer .itemlayerbox div.infobox p.timetxt { background:url('../images/shop/shop_layer_icon.gif') 0 6px no-repeat; font:11px/14px arial; color:#727171; padding:0 0 15px 8px; }
    .iteminfolayer .itemlayerbox div.infobox p.timetxt strong { color:#ae4646; }
    .iteminfolayer .itemlayerbox div.infobox p.endtxt { font:11px/14px arial; color:#727171; background: url('../images/common/icon/bu_shoplayerfoot.gif') 11px 12px no-repeat; }
    .iteminfolayer .itemlayerbox div.infobox table { width:343px; border-collapse:collapse; margin-bottom:7px; border:1px solid #a9a9a9; }
    .iteminfolayer .itemlayerbox div.infobox table thead th { font:10px/11px arial; color:#4a4a4a; border-bottom:1px solid #a9a9a9; background-color:#a9a9a9; padding:4px 0 3px; }
    .iteminfolayer .itemlayerbox div.infobox table tbody td { font:10px/11px arial; color:#4a4a4a; border-bottom:1px solid #a9a9a9; background-color:#ccc; text-align:center; padding:3px 0 2px; }

h4.hotitem_tit { margin:30px 0 10px; padding:0 0 0 16px; background: url('../images/shop/shop_tit_icon.gif') no-repeat; font-size:15px; font-family:Arial Black; color:#323232; }
#hotitem { border:1px solid #dbd6c6; overflow:hidden; }
    #hotitem div.hotitemlist { height:132px; padding:18px 0 0 0; border:1px solid #f1eddf; background-color:#dbd6c6; overflow:hidden; }
    #hotitem div.hotitemlist div { float:left; width:169px; margin-left:-2px; background: url('../images/shop/bg_hotitem_line.gif') no-repeat; }
    #hotitem div.hotitemlist div a { display:block; width:120px; margin:0 auto; padding:6px 0 10px; }
    #hotitem div.hotitemlist div a:hover { display:block; width:120px; margin:0 auto; padding:6px 0 10px; text-decoration:underline; }
    #hotitem div.hotitemlist div a dl { cursor:pointer; width:120px; margin:0 auto; }
    #hotitem div.hotitemlist div a dl dt { position:relative; width:66px; height:66px; margin:0 auto; }
    #hotitem div.hotitemlist div a dl dt img { margin:14px; }
    #hotitem div.hotitemlist div a dl dt span.frame { display:block; width:66px; height:66px; background: url('../images/shop/bg_item_frame.gif') no-repeat; }
    #hotitem div.hotitemlist div a dl dd { width:120px; font-size:10px; color:#323232; text-align:center; overflow:hidden; }
    #hotitem div.hotitemlist div a dl dd strong { display:block; font-size:11px; color:#5e5c57; padding:8px 0 1px; }
    #hotitem div.hotitemlist div a dl dd span { font-size:11px; color:#b66836; }

h4.item_s_tit { margin:30px 0 10px; padding:0 0 0 16px; background: url('../images/shop/shop_tit_icon.gif') no-repeat; font-size:15px; font-family:Arial Black; color:#323232; }
h4.item_s_tit img {vertical-align: top; margin-top: -2px;}
h4.item_s_tit .ipt178 {border: 1px solid #a3a3ac; width: 178px; height: 16px; background-color: #ebebed; vertical-align: top; margin-top: -2px; margin-left: 272px; color: #a5a4ac;}
#item_s_list { width:100%; overflow:hidden; }
    #item_s_list div.cateid { float:left; width:100%; background:#848074 url('../images/shop/bg_itemtab.gif'); overflow:hidden; }
    #item_s_list div.cateid ul { float:left; overflow:hidden; margin-left:5px; }
    #item_s_list div.cateid ul li.cateidli { float:left; margin-left:-2px; padding:8px 0; white-space:nowrap; }
    #item_s_list div.cateid ul li.cateidli a.cateida { display:block; font:10px/11px arial; color:#f1eddf; background: url('../images/shop/cur_shoptab.gif') left top no-repeat; padding:0 10px; }
    #item_s_list div.cateid ul li.cateidli a.cateida_b { display:block; font:bold 10px/11px arial; color:#fefefe; text-decoration:underline; background: url('../images/shop/cur_shoptab.gif') left top no-repeat; padding:0 10px; }
    #item_s_list div.cateidunder { float:left; width:100%; margin-top:1px; background-color:#dbd6c6; overflow:hidden; }
    #item_s_list div.cateidunder ul { float:left; margin-left:5px; overflow:hidden; padding:8px 0; }
    #item_s_list div.cateidunder ul li { float:left; margin-left:-2px; }
    #item_s_list div.cateidunder ul li a.vtid { display:block; font:10px/11px arial; color:#5e5c57; background: url('../images/shop/cur_shoptab2.gif') left top no-repeat; padding:0 10px; }
    #item_s_list div.cateidunder ul li a.vtid_b { display:block; font:bold 10px/11px arial; color:#5e5c57; text-decoration:underline; background: url('../images/shop/cur_shoptab2.gif') left top no-repeat; padding:0 10px; }
    #item_s_list div.shop_list { float:left; margin-left:-21px; padding:8px 0 30px 0; background:url('../images/news/tbl_dotline.gif') left bottom repeat-x; }
    #item_s_list div.shop_list div.sl_box { float:left; position:relative; display:inline; width:332px; margin-left:21px; background: url('../images/shop/bg_item_list.gif') 0 19px no-repeat; }
    #item_s_list div.shop_list div.sl_box a { display:block; position:relative; width:332px; height:110px; margin:19px 0 0 0; }
    #item_s_list div.shop_list div.sl_box a:hover { color:#727171; text-decoration:underline; }
    #item_s_list div.shop_list div.sl_box a:hover strong { text-decoration:underline; }
    #item_s_list div.shop_list div.sl_box a:hover p.coin { text-decoration:underline; }
    #item_s_list div.shop_list div.sl_box a:hover p.text { text-decoration:underline; }
    #item_s_list div.shop_list div.sl_box a span.itemnew { display:block; position:absolute; top:-1px; right:-1px; width:47px; height:36px; background: url('../images/common/icon/item_new.gif') left top no-repeat; cursor:pointer; }
    #item_s_list div.shop_list div.sl_box a span.itemhot { display:block; position:absolute; top:-1px; right:-1px; width:47px; height:36px; background: url('../images/common/icon/item_popular.gif') left top no-repeat; cursor:pointer; }
    #item_s_list div.shop_list div.sl_box a span.itemevent { display:block; position:absolute; top:-1px; right:-1px; width:47px; height:36px; background: url('../images/common/icon/item_event.gif') left top no-repeat; cursor:pointer; }
    #item_s_list div.shop_list div.sl_box a span.itemsale { display:block; position:absolute; top:-1px; right:-1px; width:47px; height:36px; background: url('../images/common/icon/item_sale.gif') left top no-repeat; cursor:pointer; }
    #item_s_list div.shop_list div.sl_box a span.itemtag span { display:none; }
    #item_s_list div.shop_list div.sl_box a dl { width:320px; overflow:hidden; cursor:pointer; }
    #item_s_list div.shop_list div.sl_box a dl dt { position:relative; float:left; width:66px; height:54px; padding:15px 15px 0 15px; }
    #item_s_list div.shop_list div.sl_box a dl dt img { margin:14px; }
    #item_s_list div.shop_list div.sl_box a dl dt span.frame { display:block; width:66px; height:66px; background: url('../images/shop/bg_item_frame.gif') no-repeat; }
    #item_s_list div.shop_list div.sl_box a dl dd { float:left; width:221px; padding-top:15px; }
    #item_s_list div.shop_list div.sl_box a dl dd strong { display:block; font:bold 11px/14px arial; color:#5e5c57; }
    #item_s_list div.shop_list div.sl_box a dl dd p.coin { padding:7px 0; border-bottom:1px solid #afaca0; font:10px/11px arial; color:#323232; }
    #item_s_list div.shop_list div.sl_box a dl dd p.coin span { font:11px/11px arial; color:#b66836; }
    #item_s_list div.shop_list div.sl_box a dl dd p.text { width:221px; height:30px; border-top:1px solid #edebe3; font:11px/14px arial; color:#5e5c57; padding:3px 0 0 0; overflow:hidden; }

.shopguide_box { width:100%; padding-bottom:20px; background:url('../images/news/tbl_dotline.gif') left bottom repeat-x; overflow:hidden; }
.shopguide_bgnone { background:none; }
.shopguide_box h4 { padding:30px 0 20px; font-family:Arial Black; font-size:14px; color:#555; }
.shopguide_box .guide_img img { margin:0 0 13px 0; }
.shopguide_box .color_text { color:#b66836; padding:10px 0 0 18px; }
.shopguide_box .guide_text { padding:0 0 0 12px; font-size:12px; }
.shopguide_box .guide_text01 { padding:0 0 20px 12px; }
.shopguide_box .guide_text p { font-size:12px; }
.shopguide_box .guide_text p.text { padding:0 0 10px 0; font-size:12px; }
.shopguide_box .guide_text p.text_icon { padding:10px 0 8px 16px; background:url('../images/common/icon/icon_text.gif') 0 11px no-repeat; }
.shopguide_box .guide_text p.text_icon a { color:#053fb4; text-decoration:underline; font-weight:bold; font-size:12px; line-height:20px; }
.shopguide_box .guide_text p.strong { padding:0 0 10px 0; font-size:12px; color:#bf2635; }
.shopguide_box .guide_text p.text_top { padding-bottom:15px; }
.shopguide_box .fl ol { padding-top:18px; }
.shopguide_box ol li.ollist { padding:0 0 4px 16px; font-size:12px; }
.shopguide_box ol li.ollist img { margin:10px 0 10px -28px; }
.shopguide_box ol li.ollist p.wctype { padding-top:4px; }
.shopguide_box ol li.ollist p.wctype span { color:#b66836; }
.shopguide_box ol li.ollist p.pmtype { padding:4px 0 4px 0; }
.shopguide_box ol li.ollist ul.text_g { margin:0; padding:0; }
.shopguide_box ol li.ollist ul.text_g li { font-size:12px; background: url('../images/shop/bu_guide.gif') 2px 6px no-repeat; margin:0; padding:0 0 3px 8px; }
.shopguide_box ol li.ollist ul.comp { width:610px; overflow:hidden; margin:0; padding:4px 0 10px 8px; }
.shopguide_box ol li.ollist ul.comp li { float:left; width:120px; height:33px; font-size:0px; line-height:0px; margin:0; padding:0; }
.shopguide_box ol li.ollist ul.comp li img { margin:0; }
.shopguide_box ol li.numb_01 { background:url('../images/common/icon/icon_numb_01.gif') 0 1px no-repeat; }
.shopguide_box ol li.numb_02 { background:url('../images/common/icon/icon_numb_02.gif') 0 1px no-repeat; }
.shopguide_box ol li.numb_03 { background:url('../images/common/icon/icon_numb_03.gif') 0 1px no-repeat; }
.shopguide_box ol li.numb_04 { background:url('../images/common/icon/icon_numb_04.gif') 0 1px no-repeat; }
.shopguide_box ol li.numb_05 { background:url('../images/common/icon/icon_numb_05.gif') 0 1px no-repeat; }

/* BBS */
#tbl_news { width:100%; margin-top:30px; background: url('../images/news/t_notice.gif') left top repeat-x; }
#tbl_news tbody th { cursor:pointer; }
#tbl_news thead th { height:32px; padding-top:0; padding-bottom:0; font-size:12px; font-weight:bold; color:#f1eddf; }
#tbl_news thead th.lbg { background: url('../images/news/t_notice_l.gif') left top no-repeat; }
#tbl_news thead th.rbg { background: url('../images/news/t_notice_r.gif') right top no-repeat; }
#tbl_news tbody th { padding:8px 0 11px; background:url('../images/news/tbl_dotline.gif') left bottom repeat-x; }
#tbl_news tbody td.content_events { padding:0 0 3px 0; background:url('../images/news/tbl_dotline.gif') left bottom repeat-x; }
#tbl_news tbody td div.content { width:535px; padding:10px 10px 30px; overflow:hidden; line-height:1.4; }
#tbl_news tbody td div.content p { line-height:1.4; }
#tbl_news tbody tr.content_events { position:relative; }
#tbl_news tbody td div.content_events { width:595px; overflow:hidden; line-height:1.4; }
#tbl_news tbody td div.content_events p { line-height:1.4; }
#tbl_news tbody td.t_content { }
#tbl_news tbody th.game { font-weight:bold; }
#tbl_news tbody th.subject_notice { padding-right:8px; font-weight:normal; text-align:left; table-layout:fixed; overflow-x:hidden; }
#tbl_news tbody th.date { text-align:left; font-size:10px; }
#tbl_news tbody th.date span { display:block; padding:0 0 0 20px; background:url('../images/common/icon/icon_tbl_open.gif') 8px 6px no-repeat; }
#tbl_news tbody th.t_game { background-color:#c5c0ad; font-weight:bold; color:#8c3600; }
#tbl_news tbody th.t_subject_notice { padding-right:8px; background-color:#c5c0ad; font-weight:normal; color:#8c3600; text-align:left; }
#tbl_news tbody th.t_date { background-color:#c5c0ad; text-align:left; font-size:10px; color:#8c3600; }
#tbl_news tbody th.t_date span { display:block; padding:0 0 0 20px; background:url('../images/common/icon/icon_tbl_open.gif') 8px 6px no-repeat; }
/* on */
#tbl_news tbody .on th.game { background:none; background-color:#dbd6c6; color:#323232; }
#tbl_news tbody .on th.subject_notice { background:none; background-color:#dbd6c6; font:bold 12px/16px Arial, Verdana, sans-serif; color:#323232; }
#tbl_news tbody .on th.date { background:none; background-color:#dbd6c6; color:#323232; }
#tbl_news tbody .on th.date span { display:block; padding:0 0 0 20px; background:url('../images/common/icon/icon_tbl_close.gif') 8px 6px no-repeat; }
#tbl_news tbody .on th.t_game { background:none; background-color:#dbd6c6; color:#323232; }
#tbl_news tbody .on th.t_subject_notice { background:none; background-color:#dbd6c6; font:bold 12px/16px Arial, Verdana, sans-serif; color:#323232; }
#tbl_news tbody .on th.t_date { background:none; background-color:#dbd6c6; color:#323232; }
#tbl_news tbody .on th.t_date span { display:block; padding:0 0 0 20px; background:url('../images/common/icon/icon_tbl_close.gif') 8px 6px no-repeat; }

#tbl_news tbody .over th.game { color:#323232; }
#tbl_news tbody .over th.subject_notice { color:#323232; text-decoration:underline; }
#tbl_news tbody .over th.date { color:#323232; }
#tbl_news tbody .over th.t_game { color:#8c3600; }
#tbl_news tbody .over th.t_subject_notice { color:#8c3600; text-decoration:underline; }
#tbl_news tbody .over th.t_date { color:#8c3600; }
/* no data */
#tbl_news tbody td.no-data { padding:10px 0; background:url('../images/news/tbl_dotline.gif') left bottom repeat-x; font-weight:bold; letter-spacing:0.1em; text-align:center; }



/* Sale Promotion Template */
.salePromotion { width:596px; margin:0 auto; }
.salePromotion .sale_title { height:280px; background:url('../images/shop/tmpSalePromotion/event_img_01.jpg') no-repeat; }
.salePromotion .sale_title .tit_txtbox { padding:75px 0 0 55px; }
.salePromotion .sale_title .txt_tit { font-size:16px; color:#ede5c3; font-family:verdana; line-height:25px; }
.salePromotion .sale_title .txt_anything { font-weight:bold; font-size:28px; color:#fff; font-family:verdana; line-height:32px; }
.salePromotion .sale_title .txt_now { font-weight:bold; font-size:36px; color:#ffb400; font-family:verdana; line-height:38px; }
.salePromotion .sale_period { height:106px; background:url('../images/shop/tmpSalePromotion/event_img_02.jpg') no-repeat; }
.salePromotion .sale_period .txt_period { height:20px; padding:3px 0 0 0; font-size:11px; color:#bebdbc; font-family:verdana; text-align:center; overflow:hidden; }
.salePromotion .sale_period .txt_period span { color:#d5e57d; }
.salePromotion .sale_period .txt_etc { margin:13px 55px 0; font-weight:bold; font-size:11px; color:#bebdbc; color:#f8ebcd; }
.salePromotion .sale_accessory_title { height:37px; padding:0 40px; background:url('../images/shop/tmpSalePromotion/event_img_06.jpg') no-repeat; }
.salePromotion .sale_accessory { padding:0 40px 30px; background:url('../images/shop/tmpSalePromotion/event_img_03.jpg') repeat-y; }
.salePromotion h4.sale_tit { height:25px; padding:0 0 0 42px; background:url('../images/shop/tmpSalePromotion/event_icon_title.gif') no-repeat; font-weight:bold; font-size:14px; color:#fff; font-family:verdana; line-height:20px; }
.salePromotion h4.sale_tit strong { font-size:18px; color:#ffde00; }
.salePromotion table.sale_tbe { width:516px; table-layout:fixed; border-collapse:collapse; }
#tbl_news .salePromotion table.sale_tbe th { height:24px; margin:0; padding:0; background:none; overflow:hidden; }
.salePromotion table.sale_tbe th { height:24px; overflow:hidden; }
.salePromotion table.sale_tbe td { height:52px; background:url('../images/shop/tmpSalePromotion/event_tbe_line.gif') left bottom repeat-x; text-align:center; font-size:10px; color:#fff; font-family:verdana; }
.salePromotion table.sale_tbe td.itemname { text-align:left; }
.salePromotion table.sale_tbe td span.wcoin_sale { color:#ffdb4a; }
.salePromotion .sale_notice { height:112px; background:url('../images/shop/tmpSalePromotion/event_img_04.jpg') no-repeat; }
.salePromotion .sale_notice h4 { display:none; }
.salePromotion .sale_notice ul { margin:0 0 0 60px; padding:27px 0 0 0; }
.salePromotion .sale_notice ul li { padding:0 0 5px 8px; background:url('../images/shop/tmpSalePromotion/event_icon_notice.gif') 0 6px no-repeat; font-size:10px; color:#d9d4c6; font-family:verdana; }
.salePromotion .sale_item { padding:0 40px 30px; background:url('../images/shop/tmpSalePromotion/event_img_05.jpg') repeat-y; }
.salePromotion .sale_item h4 { margin-bottom:12px; }

/* BoxReual */
.Event_BoxReWrap {width:596px; margin:0 auto;}
.Event_BoxReTop {position:relative;width:596px;height:384px;margin:0 auto;background:url('../images/event/100608_boxRe/event_img_01_bg.jpg') no-repeat left top;}
.Event_BoxReTop h1 {position:absolute;left:0;top:50px;font:bold 68px Arial, Helvetica, sans-serif;line-height:50px;color:#000;}
.Event_BoxReTop h1 strong {font:normal 34px Arial, Helvetica, sans-serif;color:#98af2d;}
.Event_BoxReTop .date01 {position:absolute;left:1px;top:188px;font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#827c78;}
.Event_BoxReTop .date02 {position:absolute;left:1px;top:230px;font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#827c78;}
.Event_BoxReTop .infoTxt {position:absolute;left:1px;top:290px;font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#807165;}
.Event_BoxReWrap h2 {height:26px;font:bold 18px "Times New Roman", Times, serif;color:#47443d;background:url('../images/event/100608_boxRe/h2_bg.gif') repeat-x left top;}
.Event_BoxReInfo {margin:0;padding:0;padding-bottom:45px;background:#f1eedf;}
.Event_BoxReInfo li {padding-top:18px;font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#807d74;}
.Event_BoxReInfo li strong {display:block;padding-bottom:3px;color:#967043;}
.Event_BoxReConts {background:#f1eedf;}
.Event_BoxReConts h3 {padding:0 0 10px 29px;background:url('../images/event/100608_boxRe/h3_bg.gif') no-repeat left top;font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#5e5c57;}
.Event_BoxReConts table {width:596px;margin:0;padding:0;margin-bottom:30px;border-top:2px solid #b2a885;border-bottom:2px solid #b2a885;}
.Event_BoxReConts table th {padding:3px 0;font:bold 10px Arial, Helvetica, sans-serif;color:#a99b88;background:#f1eedf;border-bottom:2px solid #b2a885;}
.Event_BoxReConts table th.none {display:none;}
.Event_BoxReConts table td {padding:3px 10px;font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#908069;border-bottom:1px solid #d9d6c7;text-align:left;background:#f8f6ef;}
.Event_BoxReConts table td.itemname {border-right:1px solid #d9d6c7;}

/* s:100617 acRanking */
#mainright .adminarea .AcRankingWrap {width:214px;margin-bottom:5px;background:url('../images/main/acRanking_wrapbg.gif') no-repeat left bottom;}
#mainright .adminarea .AcRankingWrap h3 {height:36px;background:none;text-indent:0}
.AcRankingWrap .worldWrap {width:187px;height:36px;margin:6px 0 0 14px;background:url('../images/main/acRanking_selectbg.gif') no-repeat;}

.worldWrap {padding:8px 0 0 10px;}
.worldWrap .title {float:left;margin:3px 7px 0 0;font:normal 11px Arial, Helvetica, sans-serif;color:#b66836;}
.worldWrap .worldlink {float:left;position:relative; margin:0 0 12px 0;}
.worldWrap .selectlayer { display:block; position:relative; width:124px; height:17px; margin:0 auto 0; background-color:#a8a596; border:1px solid #e6e1cc; cursor:pointer; }
.worldWrap .selectlayer a.default { display:block; height:18px; padding:0 0 0 4px; background:url('../images/common/icon/ico_selectdown.gif') right 7px no-repeat; color:#000; line-height:16px; }
.worldWrap .selectlayer a.default:hover { text-decoration:none; }
.worldWrap .selectlayer ul { position:absolute; left:-1px; top:19px; display:none; width:100%; background-color:#a8a596; border:1px solid #e6e1cc; }
.worldWrap .selectlayer ul li { display:block; width:100%; }
.worldWrap .selectlayer ul li a { display:block; height:18px; padding:0 0 0 4px; color:#000; line-height:20px; }
.worldWrap .selectlayer ul li a:hover { background-color:#646057; color:#fff; text-decoration:none; }
.worldWrap .selectlayer ul li a.selected { background-color:#646057; color:#fff; }

.AcListWrap {width:185px;padding:0 14px 7px 14px;}
.AcListWrap dt {float:left;padding:0 0 5px 17px;margin:0;font:normal 11px Arial, Helvetica, sans-serif;color:#fcda96;background:url('../images/main/icon_ac_jum.gif') no-repeat 9px 5px;z-index:1;}
.AcListWrap dt strong {float:left;width:150px;font-weight:normal;}
.AcListWrap dt a {float:right;width:15px;margin-top:3px;}
.AcListWrap dd {clear:both;}
.AcListWrap ul {border-bottom:1px solid #4c483e;overflow:hidden;_zoom:1;}
.AcListWrap ul.end {border-bottom:0;}
.AcListWrap li {clear:both;height:20px;padding-left:15px;}
.AcListWrap li .acNum {float:left;width:14px;font:normal 11px Arial, Helvetica, sans-serif;color:#c5c0ad;}
.AcListWrap li .flagBox {float:left;width:27px;padding-top:2px;}
.AcListWrap li .rankName {float:left;width:125px;font:normal 11px Arial, Helvetica, sans-serif;color:#c5c0ad;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; resize:horizontal}
/* e:100617 acRanking */

/* s:100628 sns */
.sns100625Wrap {width:596px; margin:0 auto;}
.sns100625Wrap .snsTableBox {width:536px;height:360px;padding:0 30px;background:url('../images/event/100628_sns/event_img_02.jpg') no-repeat left top;}
.sns100625Wrap .snsTableBox .snsTableConts {width:536px;height:360px;margin:0;padding:0;border-top:2px solid #5691cc;border-bottom:1px solid #5691cc;}
.sns100625Wrap .snsTableBox .snsTableConts table th {height:60px;font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#646464;letter-spacing:-0.1em;border-bottom:1px solid #5691cc;border-right:1px solid #5691cc;background:none;}
.sns100625Wrap .snsTableBox .snsTableConts table td {height:60px;font:normal 10px Verdana, Arial, Helvetica, sans-serif;color:#646464;text-align:center;border-bottom:1px solid #5691cc;border-right:1px solid #5691cc;background:none;}
.sns100625Wrap .snsTableBox .snsTableConts table .strRed {color:#ce4900;font-weight:bold;}
.sns100625Wrap .snsTableBox .snsTableConts table .strBlue {color:#0061ce;font-weight:bold;}
.sns100625Wrap .snsTableBox .snsTableConts table .end {border-right:0;}
/* e:100628 sns */

/* pansite ?? 100810 */
.panSiteWrap {width:685px;margin:auto;}
.panSiteWrap h4 {padding:0 0 15px 13px;font:bold 15px Arial, Helvetica, sans-serif;color:#323232;background:url('../images/pansite/h4_icon_bg_20100811.gif') left 1px no-repeat;}
.monthPansiteWrap {clear:both;background:url('../images/pansite/containerBox_bottom.gif') no-repeat left bottom;overflow:hidden;_zomm:1;}
.monthPansiteWrap .contents {padding:6px 0 0 14px;border-top:1px solid #afaca7; background: url('../images/pansite/containerBox_top.gif') left top no-repeat;}
.monthPansiteWrap .contents li {position:relative;width:638px;height:131px;overflow:hidden;}
.monthPansiteWrap .contents li .img {position:absolute;left:7px;top:15px;}
.monthPansiteWrap .contents li .img img {border:1px solid #bbb;}
.monthPansiteWrap .contents li .img a {cursor:pointer;}
.monthPansiteWrap .contents li .img span {position:absolute; top:-7px; left:-7px; display:block; width:122px; height:92px;z-index:10; background:url('../images/pansite/sum_mark.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pansite/sum_mark.png', sizingMethod='crop');}
.monthPansiteWrap .contents li .tit {position:absolute;left:158px;top:18px;font:bold 11px Arial, Verdana, sans-serif;color:#fff;}
.monthPansiteWrap .contents li .tit span {color:#b66836;font-weight:bold;}
.monthPansiteWrap .contents li .tit a {color:#333;}
.monthPansiteWrap .contents li .txt {position:absolute;left:158px;top:38px;height:43px;font:normal 11px Arial, Verdana, sans-serif;color:#918e87;overflow:hidden;}
.monthPansiteWrap .contents li .txt a {color:#918e87;font:normal 10px Arial, Verdana, sans-serif;}
.monthPansiteWrap .contents li .link {position:absolute;left:158px;top:85px;}
.monthPansiteWrap .contents li .link a {color:#496194;font:normal 10px Arial, Verdana, sans-serif;}
.monthPansiteWrap .contents li.notDateCase {font:bold 14px Arial, Helvetica, sans-serif;text-align:center;height:40px;padding-top:20px;}

.panSiteWrap .btnCase01 {clear:both;padding:33px 0;text-align:center;font-size:0;line-height:0;}
.panSiteWrap .btnCase01 input {margin-right:4px;}

.pansiteListWrap {}
.pansiteListWrap .tab {clear:both;height:22px;padding:8px 0 0 19px;background:#5e5c57;}
.pansiteListWrap .tab li {float:left;padding-right:20px;}
.pansiteListWrap .tab li a.cateida {font:normal 11px Arial, Verdana, sans-serif;color:#fff;}
.pansiteListWrap .tab li a.cateida_b {font:bold 11px Arial, Verdana, sans-serif;color:#fff;text-decoration:underline;}
.pansiteListWrap .subTab {clear:both;padding:0 0 8px 19px;background:#dbd6c6;overflow:hidden;_zoom:1;}
.pansiteListWrap .subTab li {float:left;padding:8px 20px 0 0;}
.pansiteListWrap .subTab li a.cateida {font:normal 11px Arial, Verdana, sans-serif;color:#7a7a7a;}
.pansiteListWrap .subTab li a.cateida_b {font:bold 11px Arial, Verdana, sans-serif;color:#585858;text-decoration:underline;}

.pansiteListWrap .contents {clear:both;padding:0 0 0 20px;background:url('../images/pansite/ul_list_bg02.gif') repeat-y left top;overflow:hidden;_zoom:1;}
.pansiteListWrap .contents li {position:relative;width:654px;height:133px;overflow:hidden;font-size:0;line-height:0;}
.pansiteListWrap .contents li .img {position:absolute;left:0;top:15px;}
.pansiteListWrap .contents li .img img {border:1px solid #848586;}
.pansiteListWrap .contents li .img span {position:absolute; top:4px; left:85px; display:block; width:33px; height:17px;z-index:10;}
.pansiteListWrap .contents li .img span.info {background:url('../images/pansite/icon_type_info.gif') no-repeat;}
.pansiteListWrap .contents li .img span.guild {background:url('../images/pansite/icon_type_guild.gif') no-repeat;}
.pansiteListWrap .contents li .tit {position:absolute;left:151px;top:18px;font:bold 11px Arial, Verdana, sans-serif;color:#333;}
.pansiteListWrap .contents li .tit span {color:#b66836;}
.pansiteListWrap .contents li .txt {position:absolute;left:151px;top:38px;height:43px;font:normal 11px Arial, Verdana, sans-serif;color:#918e87;overflow:hidden;}
.pansiteListWrap .contents li .txt a {color:#918e87;font:normal 10px Arial, Verdana, sans-serif;}
.pansiteListWrap .contents li .link {position:absolute;left:151px;top:85px;}
.pansiteListWrap .contents li .link a {color:#496194;font:normal 10px Arial, Verdana, sans-serif;}

.panSiteWrap .topinfoTxt {padding:25px 0 20px 10px;font:normal 11px Arial, Verdana, sans-serif;color:#8e8e8e;}
.panSiteWrap .topinfoUl {padding:0 0 30px 8px;}
.panSiteWrap .topinfoUl li {padding:0 0 4px 9px; background:url('../images/pansite/ul_list_jum01.gif') no-repeat 3px 6px;  font:normal 11px Arial, Verdana, sans-serif; color:#8e8e8e;}
.panSiteWrap .topinfoUl li a {font-weight:normal;text-decoration:underline; color:#496194;}

.formWriteWrap {clear:both;margin-bottom:15px;border:1px solid #b5b2ac;}
.formWriteWrap .formWriteBox {clear:both;padding:20px 15px;background:#e9e6d5; margin: 1px;}
.formWriteWrap .formWriteBox table th {padding:2px 0 0 9px;font:normal 11px Arial, Verdana, sans-serif;color:#5a5959;text-align:left;vertical-align:text-top;  background:url('../images/pansite/icon_disclaimer_li_20100811.gif') no-repeat 3px 8px;}
.formWriteWrap .formWriteBox table td {padding-bottom:3px;}
.formWriteWrap .formWriteBox table td input {height:16px;padding:2px 0 0 2px;margin:0;font:normal 11px Arial, Verdana, sans-serif;color:#fff;text-align:left;background:#aaa7a2;border:1px solid #333;}
.formWriteWrap .formWriteBox table td textarea {height:65px;padding:2px 0 0 2px;margin:0;font:normal 11px Arial, Verdana, sans-serif;color:#fff;text-align:left;background:#aaa7a2;border:1px solid #333;}
.formWriteWrap .formWriteBox table td select {height:20px;margin:0;border:0;paddding:0;font:normal 11px Arial, Verdana, sans-serif;color:#fff;background:#aaa7a2;}
.formWriteWrap .formWriteBox table td img {vertical-align:top;}
.formWriteWrap .formWriteBox table td div.txtinfo {padding:5px 0 5px 8px;font:normal 10px Arial, Verdana, sans-serif;color:#a1a1a1;}
.formWriteWrap .formWriteBox table td div.txtinfo strong {color:#d16b07;}
.formWriteWrap .formWriteBox table td div.txtinfo span {color:#496194;}
.formWriteWrap .formWriteBox table td div.txtinfo span.add {color:#c71300;}
.formWriteWrap .formWriteBox table td div.txtinfo br {line-height:5px;}

.formWriteWrap .formWriteBox ul.formWriteinfo {padding-top: 12px;  margin-top: 10px; background: url('../images/pansite/bg_ul_lin_20100811.gif') left top repeat-x;}
.formWriteWrap .formWriteBox ul.formWriteinfo li {padding:0 0 3px 17px;background:url('../images/pansite/ul_list_jum01.gif') no-repeat 9px 6px;font:normal 11px Arial, Verdana, sans-serif;color:#8e8e8e;}

.pansiteAgreeWrap {width:643px;height:150px;padding:10px 20px;font:normal 12px Arial, Verdana, sans-serif;color:#fff;background:#b0ada9;border:1px solid #8a8780;overflow-y:auto;overflow-x:hidden;}
.pansiteAgreeChk {padding-top:15px;text-align:left;font:normal 11px Arial, Verdana, sans-serif;color:#666;}
.pansiteAgreeChk input {vertical-align:middle;}
.pansiteAgreeWrap p {padding-bottom:20px; color:#fff;}

.panSiteWrap .headlineTxt {padding:25px 0 20px 0;font:normal 11px/18px Arial, Helvetica, sans-serif;color:#acacac;}
.panSiteWrap .disclaimer {margin-top:30px; }
.panSiteWrap .disclaimer strong {display:block; font:bold 11px Arial, Helvetica, sans-serif;color:#ff0000;}
.panSiteWrap .disclaimer ul { padding-top: 10px;}
.panSiteWrap .disclaimer ul li {padding:0 0 5px 10px;background:url('../images/pansite/icon_disclaimer_li.gif') no-repeat 0 6px;font:normal 11px Arial, Helvetica, sans-serif;color:#a6a6a6;}

/* s:100826 you tube promotion */
#uTube {background: url('../images/event/100826_youTube/bg_body.jpg') left top repeat-y; text-align: center;}
#uTube table {border-collapse:collapse;}
#uTube .tableType01 {width: 534px; margin: 0 auto; border-left: 1px solid #3e3e58; border-top: 1px solid #3e3e58; text-align: center;}
#uTube .tableType01 th {border-right: 1px solid #3e3e44; padding: 0; background: none; border-bottom: 1px solid #3e3e58; width: 132px;}
#uTube .tableType01 td {height: 25px; font-size: 11px; border-right: 1px solid #3e3e58; border-bottom: 1px solid #3e3e58; color: #999; text-align: center; font-family: Dotum, '??';}
/* e:100826 you tube promotion */

/* 20101111 sun db Event */
.sunDbWrap {width:596px; margin:0 auto; background-color: #f1eddf;}
.txtDBAbout {width: 596px; padding: 6px 0 14px 10px;}
.txtDBAbout li {font: bold 11px Arial; padding-left: 9px; color: #807165; background: url('../images/event/20101111_DB/bul_squ.gif') left 6px no-repeat;}
.txtDBAbout li.txt01 {font: normal 11px Arial; color: #9f9186; background: none;}
.txtDBAbout li span.txtIndent {display: inline-block; text-indent: 7px;}
.txtNote {padding-top: 11px; width: 596px;}
.txtWCoin {padding: 9px 0 20px; width: 596px;}
.txtWCoin li {color: #807d74; font: normal 11px/14px Arial;}
.txtWCoin li.txtWcoinOther {color: #b28b52;}
.txtImportant {padding-top: 14px; width: 596px;}
.txtTransfer {padding: 9px 0 18px; width: 596px;}
.txtTransfer li { color: #807d74; font: normal 11px/14px Arial;}
.txtTransfer li.txtStrong {font-weight: bold; color:#c42717;}
.txtTransfer li span {display: inline-block; text-indent: 8px;}
.txtTransferrable {padding-top: 12px; width: 596px;}
.tableTransferrable {width: 596px; height: 159px; margin: 10px 0 18px; border-bottom: 2px solid #b3a886;}
.tableTransferrable th {color: #fff; font: normal 10px Arial; background-color: #b3a886; height: 22px;}
.tableTransferrable td {color: #88857c; padding: 10px 0; border-right: 1px solid #d9d6c7; border-bottom: 1px solid #d9d6c7; padding-left: 10px;}
.tableTransferrable td.firTd {text-align: center; padding-left:0;}

.popWrap {position: relative; width: 480px; height: 480px; border: 3px solid #878794; background-color: #b1b1b6;}    
.popWrap h1 {color: #383838; font: normal 14px Arial; padding: 13px 0 0 12px; width: 462px; height: 24px;}
.popArea {border: 1px solid #b9b9ba; width: 460px; height: 430px; margin: 0 auto;}
.popArea .popConts {border: 1px solid #d9d9da; width: 438px; height: 408px; padding: 20px 0 0 20px; background-color: #c5c5c6;}
.popConts h2 {height: 19px; font: bold 12px Arial; color: #383838;}
.txtInfo {overflow: hidden; width: 390px; height: 56px; background-color: #fff; padding: 8px 0 0 25px;}
.txtInfo dt {float: left; width: 95px; color: #383838; font: bolf 10px Arial; padding: 5px 0 4px 0; height: 17px;}
.txtInfo dd {float: left; width: 295px; font: normal 10px Arial; height: 22px; padding-bottom: 4px;}
.txtAccount {clear: both; width: 435px; padding-top: 18px;}
.txtAccount li {padding-left: 7px; background: url('../images/event/20101111_DB/bul_squ01.gif') left 6px no-repeat; color: #6f6f84; font: normal 10px/14px Arial;}
.txtAccount li.txtClick {margin: 10px 0 30px;}
.txtAccount li.txtClick a {color: #0033ff; text-decoration: underline;}
.txtAgree {background-color: #fff; color: #999; font: normal 11px/14px Arial; width: 400px; height: 53px; padding: 15px 0 0 15px;}
.txtAgreeCheck {position: relative; left: -3px; padding-top: 5px;}
.btnConfrim {padding-top: 39px; width: 415px; text-align: center;}
.btnClose {position: absolute; right: 18px; top: 0;}

.txtSuccess {width: 387px; height: 92px; padding: 14px 0 0 15px;  margin-bottom: 30px; background-color: #fff;}
.txtSuccess strong {font: bold 11px Arial;}
.txtSuccess ul {padding-top: 13px;}
.txtSuccess ul li {color: #999; font: bold 11px/18px Arial;}
.txtSuccess ul li span {color: #5e5e9d;}
.txtWcoin {overflow: hidden; background-color: #fff; color: #999; font: normal 11px/14px Arial; width: 400px; height: 63px; padding: 10px 0 0 15px;}
.txtWcoin p {float: left;}
.txtWcoin ul {float: left; width: 327px; padding: 4px 0 0 15px; }
.txtWcoin ul li {color: #5e5e9d; color: #999; font: bold 11px Arial;}
.txtWcoin ul li span {color: #5e5e9d; display: inline-block; padding: 0 0 5px;}
.txtAccount01 {clear: both; width: 435px;}
.txtAccount01 li {padding-left: 7px; background: url('../images/event/20101111_DB/bul_squ01.gif') left 6px no-repeat; color: #6f6f84; font: bold 10px/14px Arial;}
.txtAccount01 li span {color: #c4340e;}
.pleaseNote {padding: 20px 0 6px;}
.btnConfrim01 {padding-top: 20px; width: 415px; text-align: center;}

.ipt200 {width: 198px; height: 16px; border: 1px solid #ccc; padding-top: 2px;}
.ipt43 {width: 43px; height: 16px; border: 1px solid #ccc; padding-top: 2px;}
.popLayerBox101111 {position:absolute; left:50%; top:50%; margin:-263px 0 0 -260px; display:none;}
.popLayerBox101111 iframe {margin:0;padding:0;}

/* s:101208 ijji total event */
.g_sun_1208EventConts {width:596px;height:78px; margin:0 auto; position:relative;background:url('../images/event/20101208_total/event_graph.jpg') no-repeat;}
.g_sun_1208EventConts .graphBar01 {position:absolute;left:43px;top:27px;width:512px;}
.g_sun_1208EventConts .graphBar01 .playBar_on {height:29px;background:url('../images/event/20101208_total/bar_bg.gif') repeat-x;padding-top:10px;font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#fff;text-align:center;}
/* e:101208 ijji total event */


div.gaugeDiv {
    margin: 0px;
    padding: 0px;
}
div.gaugeDiv ul li { list-style-position: outside; list-style-image: url(../images/common/icon/icon_next.gif); list-style-type: square; margin-left: 20px; color: #C5C0AD;  }
div.gaugeDiv ul li a { color: #C5C0AD; }


.gauge{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    overflow: hidden;
}
.gauge .top{
    margin: 0px 1px;
    overflow: hidden;
    height: 1px;
    background: #B7AE96;
}
.gauge .bottom{
    margin: 0px 1px;
    overflow: hidden;
    height: 1px;
    background: #8F8874;
}
.gauge .content{
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: none solid;
    border-left-color: #8F8874;
    border-right-color: #8F8874;
    overflow: hidden;
    background: none;
}
.gauge .content .filling{
    background-color: #39b3d5;
}
.gauge .content .remaining{
    border: 1px solid #efefef;
    overflow: hidden;
    background-color: #fff;
}

input.button {
    padding: 2px 8px;
    border: 1px solid #1D1D1D;
    background: /*url(../../../images/grad-1.gif) repeat-x top */ #49463C;
    color: #FFF;
    text-transform: uppercase;
    font-size: 92%;
    font-weight: bold;
    cursor: pointer;
}

.legend-title {
    background: #F1EDDF;
    display: block;
    font-size: 100%;
    float: left;
    font-weight: bold;
    left: 7px;
    margin: 0;
    padding: 0 3px;
    position: absolute;
    top: -10px;
}

.legend {
    border: 1px solid #3B3B3B;
    margin: 10px 0;
    padding: 0 10px;
    position: relative;
}

#etc li {
    list-style-position: outside; 
    list-style-image: url(../images/common/icon/icon_next.gif); 
    list-style-type: square; 
    margin-left: 20px;
    
    
}
#etc h1{
    background: url(../images/common/icon/so-q.gif) no-repeat;
    margin: 0px 0px 4px;
    padding: 0px;
    padding-left: 25px;
    font-size: 20px;
}
#etc table {
    border-collapse: separate;
}
#etc td {
    background: #EAE3CE;
    padding: 2px;
}
#etc td:hover {
    background: #EDE7D3;
    padding: 2px;
}
pre, .code {
    background: #C5C0AD;
    border-left: 5px solid #524D3A;
    font: 1em/1.5 "Courier News", monospace;
    margin: 5px 0 15px;
    padding: 10px 15px;
}
#menu_cp {
    margin-bottom: 5px;
    border: 1px solid #3b3b3b;
    padding: 5px;
}
#menu_cp ul {
    margin: 0 2px 2px 4px;
}
#menu_cp li {
    margin: 0px;
    display: inline;
    list-style: none;
    background: url(../images/common/icon/icon_next.gif) no-repeat 1px 3px;
    padding: 0px 13px 0px 13px;
}

/* Virtual vault */
.vaultBox {                
    width: 300px;
    height: 589px;
    background-image: url(../images/vault/vault.png); 
}

.vaultBox #vaultName {                
    position: relative;
    top: 15px;  
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #fff;
}

.vaultBox ul#itemsVaultGame, ul#itemsVaultVirtual {                   
    position: relative;
    top: 68px;
    left: 25px;               
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto;                 
    width: 251px;
    height: 474px;    
}
.vaultBox ul#itemsVaultGame li, ul#itemsVaultVirtual li {                
    width: 96%;
    height: 17px;    
    margin: 0;
    padding-left: 8px;
    color: #fff;
    overflow: hidden;
    list-style: none; 
    background: none;
}
.vaultBox ul#itemsVaultGame li:hover, ul#itemsVaultVirtual li:hover {                
    width: 96%;
    height: 17px;    
    margin: 0;    
    padding-left: 8px;
    color: #000;
    background-color: #FFF;
    overflow: hidden; 
}
.vaultBox ul#itemsVaultGame li:hover, ul#itemsVaultVirtual li:hover {                
    cursor: pointer; 
}


#logs_ .quadros {
    border: 1px solid #3b3b3b;
    margin: 6px 0;
    padding: 6px;
    color: #000;
}
#logs_ textarea {
    margin: 5px auto;
    width: 100%;
}
#logs_ select {
    padding: 3px 2px;
    border: 1px solid #1D1D1D;
    /*background: url(../../../images/input-bg.gif) repeat-x top #333333; */
    color: #FFFFFF;
    font-size: 100%;
}
#logs_ input {
    padding: 3px 2px;
    border: 1px solid #1D1D1D;
    /*background: url(../../../images/input-bg.gif) repeat-x top #333333; */
    color: #FFFFFF;
    font-size: 100%;
}
#logs_ h1 {
    margin-top: 10px;
    margin-bottom: 10px;
}
#topsServerHome div.legend
{
    border-color: #726754; 
}
#topsServerHome td
{
    padding : 3px; 
}
#topsServerHome ul
{
    padding: 10px 0px 10px 0px !important; 
}
#topsServerHome li, a 
{
    font-weight: bold;
}

/* interface game */
.goldenArcherBox {                
    width: 626px;
    height: 589px;
    background-image: url(../images/goldenarcher/interface.jpg); 
}

.goldenArcherBox #goldenArcherName {                
    position: relative;
    top: 15px;  
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #96FFF0;
    width: 300px;
}
.goldenArcherBox #serialText {                
    height: 300px;
    left: 30px;
    position: relative;
    top: 65px;
    width: 240px;
    text-align: justify;
}
.goldenArcherBox #serialText p {                
    color: #fff;
    font-size: 11px;
}
.goldenArcherBox #serialText p.goldText {                
    color: #EAE25B;
    font-size: 11px;
    text-align: center;
}
.goldenArcherBox #serialText p.bold { 
    font-weight: bold;
}
.goldenArcherBox #serialInput {                
    position: relative;
    top: 106px;
    left: 62px;
    width: 174px;
}
.goldenArcherBox #serialInput input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    height: 17px;
    text-align: center;
    width: 168px;
}
.goldenArcherBox #serialCheck {                
    position: relative;
    top: 131px;
    left: 53px;
    width: 193px;
}  
.goldenArcherBox #serialCheck input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: yellow;
    font-size: 12px;
    height: 31px;
    text-align: center;
    width: 190px;
}
.goldenArcherBox #serialResponse {                
    position: relative;
    top: 151px;
    left: 53px;
    width: 193px;
    text-align: center;  
}
.goldenArcherBox #serialResponse p.yellow{                
    color: yellow;
    font-weight: bold;
}
.goldenArcherBox #serialResponse p.white{                
    color: white; 
    font-weight: bold;
}

/* question event */
#questionsEvent {
    width: 450px; 
    height: 360px;
    font-size: 12px;
}
#questionsEvent #answerQuestion {
    text-align: center;
}
#questionsEvent #answerQuestion p { 
    font-weight: bold;
    font-size: 12px;
    color: #000;
}
#questionsEvent #answerQuestion p.congratulations { 
    font-weight: bold;
    font-size: 16px;
    color: green;
}
#questionsEvent #optionsQuestion { 
    margin: 10px;
    width: 425px;
    overflow: hidden;
    padding-top: 10px;
}
#questionsEvent #stringQuestion { 
    color: black;
    font-weight: bold;
    font-size: 16px;
    width: 425px;
    background-color: #F2F2F2;
    /*padding: 5px;*/
    text-align: center;
    margin-bottom: 2px;
}
#questionsEvent #stringsAnswer { 
    color: black;
    font-size: 12px;       
    padding: 5px;
    background-color: #F8F8F8;
}
#questionsEvent #buttonSubmit { 
    width: 425px;
    background-color: #F8F8F8;
} 
#questionsEvent #buttonSubmit input { 
    color: #000;
    margin: 5px;
    width: 412px;
}  
#questionsEvent #reponseSubmit { 
    text-align: center;
} 
#questionsEvent #reponseSubmit p { 
    font-weight: bold;
    font-size: 12px;
    color: #000;
} 
#questionsEvent #reponseSubmit p.correctResponse { 
    font-weight: bold;
    font-size: 16px;
    color: green;
}
#questionsEvent #reponseSubmit p.incorrectResponse { 
    font-weight: bold;
    color: red;
}
#questionsEvent #reponseSubmit p.serial { 
    font-weight: bold;
    font-size: 16px;
    color: green;
}
                           
#questionsEvent #timerString {
    float: right;
    padding-right: 10px;
    font-weight: bold;
    font-size: 12px;
}
#questionsEvent #timerCount {
    display: inline;
    font-weight: bold;
    color: green;
    font-size: 12px;
}