@charset "utf-8";
/* CSS Document */
@import url(common.css);

/*Support*/
#Msupport, #Mcommunity, #Mitem, #Maccount{background:url(/Images/sub/bg_contentst.gif) no-repeat top;}
#Mcash, #Mdownload, #Mguide, #Mnews{background:url(/Images/sub/bg_contentst2.gif) no-repeat top;}
#Mabout{background:url(/Images/sub/bg_contentst5.gif) no-repeat top}
#Msupport .bottom, #Mcommunity .bottom, #Mitem .bottom, #Mcash .bottom, #Mdownload .bottom, #Maccount .bottom, #Mguide .bottom, #Mnews .bottom, #Mabout .bottom{clear:both; height:100px; background:url(/Images/sub/bg_contentsb.gif) no-repeat bottom;}
.location{padding:18px 25px 0 25px; font-size:11px; height:21px;}
#Msupport .title, #Mcommunity .title, #Mitem .title, #Mcash .title, #Mdownload .title, #Maccount .title, #Mguide .title, #Mnews .title, #Mabout .title{height:33px; width:610px; margin:0 auto; padding:16px 0 0 24px;}
#Msupport .title span, #Mcommunity .title span, #Mitem .title span, #Mcash .title span, #Mdownload .title span, #Maccount .title span, #Mguide .title span, #Mnews .title span, #Mabout .title span{display:none;}
/*TITLE*/
.t7-faq{background:url(/Images/support/title7_faq.gif) no-repeat; height:20px; width:350px;}
.t7-qna{background:url(/Images/support/title7_qna.gif) no-repeat; height:20px; width:350px;}
.t7-email{background:url(/Images/support/title7_email.gif) no-repeat; height:20px; width:350px;}
.t7-main{background:url(/Images/support/title7_main.gif) no-repeat; height:20px; width:380px;}
.t7-help{background:url(/Images/support/title7_help.gif) no-repeat; height:20px; width:380px;}
.t7-contactus{background:url(/Images/support/title7_contactus.gif) no-repeat; height:20px; width:380px;}
.t7-sitemap{background:url(/Images/sub/title_sitemap.gif) no-repeat; height:20px; width:380px;}

.t3-forum{background:url(/Images/community/title3_forums.gif) no-repeat; height:20px; width:350px;}
.t3-guideline{background:url(/Images/community/title3_guideline.gif) no-repeat; height:20px; width:350px;}
.t3-fansite{background:url(/Images/community/title3_fansite.gif) no-repeat; height:20px; width:350px;}
.t3-fanarts{background:url(/Images/community/title3_fanarts.gif) no-repeat; height:20px; width:350px;}
.t3-screenshot{background:url(/Images/community/title3_screenshot.gif) no-repeat; height:20px; width:350px;}
.t3-spotlight{background:url(/Images/community/title3_spotlight.gif) no-repeat; height:20px; width:350px;}

.t1-notice{background:url(/Images/news/title1_notice.gif) no-repeat; height:20px; width:350px;}
.t1-update{background:url(/Images/news/title1_update.gif) no-repeat; height:20px; width:350px;}
.t1-event{background:url(/Images/news/title1_event.gif) no-repeat; height:20px; width:350px;}
.t1-news{background:url(/Images/news/title1_news.gif) no-repeat; height:20px; width:350px;}
.t1-WallpaperMaker{background:url(/Images/news/title15_fanwallpaper.gif) no-repeat; height:20px; width:350px;}

/**MAin**/

#Msupport .customer-Main{margin-top:10px;}
#Msupport .customer-Main .helpdesk{height:59px; font-weight:bold; background:url(/Images/support/main_bg_img.gif) no-repeat;}
#Msupport .customer-Main .helpdesk li{float:left; width:306px; text-align:center; height:24px; padding-top:7px; color:#785818;}
#Msupport .customer-Main .Mqna{float:left; width:306px; margin:20px 0 15px 0;}
#Msupport .customer-Main .Memail{float:left; width:306px; margin-top:20px;} 
#Msupport .customer-Main .Memail .box-mid{background:url(/Images/sub/bg_dott2.gif) repeat-y;}
#Msupport .customer-Main .box-mid{padding:5px 10px; height:82px; border-bottom:1px solid #d6b775;}
#Msupport .customer-Main .box-mid dd.suptx{float:left; width:226px; padding-right:10px;}
#Msupport .customer-Main .box-mid dd.supimn{float:right;}
#Msupport .customer-Main .faq{clear:both; padding:0;}
#Msupport .customer-Main .faq ul{padding:10px 10px; background:url(/Images/sub/bg_dott.gif) repeat-x top;}
#Msupport .customer-Main h3{height:20px; margin-bottom:5px;}
#Msupport .customer-Main h3 span{display:none;}
#Msupport .customer-Main h3.stitle1{background:url(/Images/support/main_title_img1.gif) no-repeat;}
#Msupport .customer-Main h3.stitle2{background:url(/Images/support/main_title_img2.gif) no-repeat; border-bottom:2px solid #d6b775;}
#Msupport .customer-Main h3.stitle3{background:url(/Images/support/main_title_img3.gif) no-repeat; border-bottom:2px solid #d6b775;}
#Msupport .customer-Main h3.stitle4{background:url(/Images/support/main_title_img4.gif) no-repeat;}
/**FAQ**/
#Msupport .faq ul{border-bottom:2px solid #c0a266; padding:15px 10px;}
#Msupport .faq li{background:url(/Images/sub/bl.gif) no-repeat 0 5px; padding:0 0 5px 10px;}
#Msupport .faq .answer{background:url(/Images/sub/bg_dott.gif) repeat-x top; border-bottom:2px solid #c0a266; padding:15px 10px; margin-top:15px;}
#Msupport .faq .answer h4{background:url(/Images/support/bl_q.gif) no-repeat 0 2px; padding-bottom:10px; padding-left:25px; font-size:13px;}
#Msupport .faq .answer p{line-height:150%;}
#Msupport .faq .search{margin-top:10px; height:123px; background:url(/Images/support/faq_bg_img.gif) no-repeat;}
#Msupport .faq .search .tx{background:url(/Images/support/faq_bg_img2.gif) no-repeat 0 20px; margin-left:149px; padding-top:80px;}
#Msupport .faq .search .tx span{display:none;}
#Msupport .faq .search .tx .input{width:300px; margin:0 4px; background-color:#fdf2db; padding:2px 0 0 3px; border:1px solid #dec58e;}
#Msupport .faq .category{background:url(/Images/sub/bg_dott.gif) repeat-x top; margin-top:15px; padding:10px 10px 0 10px;}
#Msupport .faq .category ul{margin-bottom:15px;}
#Msupport .faq .category li{padding:3px 0; background:url(/Images/sub/bg_dott.gif) repeat-x bottom; margin-bottom:3px;}
/**Qna**/
#Msupport .faq, #Msupport .qna, #Msupport .email, #Msupport .customer-Main, #Msupport .help{padding:0 25px;}
#Msupport .qna .explanation{margin-top:10px; height:123px; background:url(/Images/support/qna_bg_img.gif) no-repeat;}
#Msupport .qna .explanation .tx{background:url(/Images/support/qna_bg_img2.gif) no-repeat 0 20px; margin-left:159px; height:83px;}
#Msupport .qna .explanation .tx span{display:none;}
#Msupport .qna .Bbs{clear:left; overflow:hidden;}
#Msupport .qna .Bbs .search{background:url(/Images/sub/bg_dott.gif) repeat-x top; padding-top:10px;}
/**Email**/
#Msupport .email .explanation{margin-top:10px; height:135px; background:url(/Images/support/email_bg_img.gif) no-repeat;}
#Msupport .email .explanation .tx{background:url(/Images/support/email_bg_img2.gif) no-repeat 0 20px; margin-left:165px; height:83px;}
#Msupport .email .explanation .tx span{display:none;}
#Msupport .email .Link-email{text-align:center; background:url(/Images/sub/bg_dott.gif) repeat-x top; padding:10px 0; margin-top:15px;}
#Msupport .email .Link-email li{display:inline;}
/**Help Desk**/
#Msupport .help .tx{background:url(/Images/support/help_img1.gif) no-repeat 0 20px; height:83px;}
#Msupport .help .tx span{display:none;}
#Msupport .help .help-link{height:308px; background:url(/Images/support/help_img2.jpg) no-repeat; padding:15px 25px 0 0;}
#Msupport .help .help-link img{margin-left:5px;}
#Msupport .help .help-link dl{margin-left:270px;}
#Msupport .help .help-link dt{color: #893519;	font-weight: bold;}
#Msupport .help .help-link dd{background:url(/Images/common/bg_dott.gif) repeat-x bottom; padding:5px 0 10px 0; margin-bottom:10px; line-height:150%;}


#Msupport .bgtab{width:586px; margin:0 auto; background:url(/Images/support/bg_tab.gif) no-repeat; height:26px; padding:10px 0 0 10px;}
#Msupport .bgtab li{display:inline; margin-right:18px; font-weight:bold;}
#Msupport .contact h3{margin-top:30px; text-indent:-3000px;}
#Msupport .contact h3.tx1{background:url(/Images/support/tx_1.gif) no-repeat; height:25px;}
#Msupport .contact h3.tx2{background:url(/Images/support/tx_2.gif) no-repeat; height:25px;}
#Msupport .contact h3.tx3{background:url(/Images/support/tx_3.gif) no-repeat; height:25px;}

#Msupport .contact table{width:100%; background-color:#f2deb2; border:1px solid #caad6f; margin:0 auto;}
#Msupport .contact td{padding:5px 5px 5px 10px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#Msupport .contact th{width:90px; padding-right:10px;text-align:right; background:url(/Images/sub/bg_dott.gif) #e7d0a0 repeat-x bottom;}
#Msupport .contact td.sendemail{height:18px; text-align:center; font-weight:bold; background-color:#cba85b;}
#Msupport .contact1, #Msupport .contact2, #Msupport .contact3{margin:0 45px; margin-top:15px;}
#Msupport .contact1 p, #Msupport .contact2 p, #Msupport .contact3 p{margin-bottom:20px; color:#9b7645;}

/*board*/
.Pager{clear:both; text-align:center; background-color:#e8d0a1; padding:9px 0; font-weight:bold; font-size:11px;}
.Pager img{margin:0 8px;}
.Pager a{margin:0 2px;}
.Pager a:link, .Pager a:visited, .Pager a:active{text-decoration: none; color:#75593e;}
.Pager a:hover{text-decoration: none; color:#fff;}
a.current:link, a.current:visited, a.current:hover, a.current:active{color:#e53900;}




/*******************Account********************/
/*title**/
#Maccount .t0-signup{background:url(/Images/account/title1_signup.gif) no-repeat; height:20px; width:380px;}
#Maccount .t0-findid{background:url(/Images/account/title1_findid.gif) no-repeat; height:20px; width:380px;}
#Maccount .t0-findpw{background:url(/Images/account/title1_findpw.gif) no-repeat; height:20px; width:380px;}
#Maccount .t0-agreement{background:url(/Images/account/title1_agreement.gif) no-repeat; height:20px; width:380px;}
#Maccount .t0-info{background:url(/Images/account/title1_info.gif) no-repeat; height:20px; width:380px;}
#Maccount .t0-withdraw{background:url(/Images/account/title1_withdraw.gif) no-repeat; height:20px; width:380px;}
#Maccount .t0-login{background:url(/Images/account/title1_login.gif) no-repeat; height:20px; width:380px;}

/*join*/
#Maccount .join, #Maccount .info, #Maccount .withdraw{width:509px; margin:50px auto 0 auto; background:url(/Images/account/bg_box_midd.gif) repeat-y;}
#Maccount .join .sbtitle{background:url(/Images/account/bg_box_top.gif) no-repeat; padding:20px 14px;}
#Maccount .join h3, #Maccount .info h3, #Maccount .withdraw h3{height:29px;  margin:0 auto; background:url(/Images/account/join_bar.gif) no-repeat; font-size:12px; color:#fff; padding:7px 0 0 35px;}
#Maccount .sblocation{position:absolute;	width:103px; height:19px;	background:url(/Images/account/join_bar_1.gif) no-repeat; margin-top:16px; margin-left:394px; padding-top:47px; text-align:center; color:#ff5400; z-index:2; background-color:#00FF99;}
#Maccount .sblocation2{position:absolute;	width:103px; height:19px;	background:url(/Images/account/join_bar_2.gif) no-repeat; margin-top:16px; margin-left:394px; padding-top:47px; text-align:center; color:#ff5400; z-index:2; background-color:#00FF99;}
#Maccount .sblocation3{position:absolute;	width:103px; height:19px;	background:url(/Images/account/join_bar_3.gif) no-repeat; margin-top:16px; margin-left:394px; padding-top:47px; text-align:center; color:#ff5400; z-index:2; background-color:#00FF99;}
#Maccount .join-input{width:440px; border:1px solid #f2deb2; padding:15px; margin:0 auto;} 
#Maccount .join-input p{text-align:center;}
#Maccount .join-input th{text-align:right; padding:2px 10px 2px 0; color:#555; border-bottom:1px solid #eee;}
#Maccount .join-input td{padding:4px 0; border-bottom:1px solid #eee;}
#Maccount .join .join-btn, #Maccount .info .join-btn, #Maccount .withdraw .join-btn{background:url(/Images/account/bg_box_bottom.gif) no-repeat bottom; padding:0 20px 25px 0; text-align:right; margin-top:15px; }
#Maccount .extx{padding:0 80px 0 20px; margin:20px 0; color:#898989;}
#Maccount input.input-box{border:1px solid #e5ce9c; background-color:#f2deb2; padding:2px 0 0 3px;}
#Maccount table{width:100%;}
#Maccount .agree{background:url(/Images/sub/bg_dott.gif) repeat-x bottom; margin:0 20px; padding:10px 0 20px 0; color:#898989;}
#Maccount .complete{height:283px; background:url(/Images/account/bg_completebg.gif) no-repeat bottom; padding:0 0 0 220px;}
#Maccount .complete h4{color:#000; font-size:12px; margin-bottom:10px;}
#Maccount .complete p{color:#898989;}

/*find*/
#Maccount .findid{width:578px; margin:10px auto 0 auto; background:url(/Images/account/bg_box_top2.gif) no-repeat top right;}
#Maccount .findpw{width:578px; margin:10px auto 0 auto; background:url(/Images/account/bg_box_top3.gif) no-repeat top right;}
#Maccount .find-tx{margin:45px 50px 15px 60px;}
#Maccount .find-tx h3{color:#000; font-weight:bold; font-size:12px; margin-bottom:10px;}
#Maccount .find-tx p{color:#898989;}
#Maccount .explanation{padding:57px 150px 0 40px;}
#Maccount .findid .join-btn{background:url(/Images/account/bg_box_top2.gif) no-repeat bottom right; text-align:right; padding:10px 50px 30px 0;}
#Maccount .findpw .join-btn{background:url(/Images/account/bg_box_top3.gif) no-repeat bottom right; text-align:right; padding:10px 50px 30px 0;}


/*******/
#Maccount .new-login{width:509px; margin:50px auto 0 auto; padding-top:18px; text-align:center; background:url(/Images/account/bg_box_top.gif) no-repeat top right;}
#Maccount .new-login table{}
#Maccount .new-login th{color:#89692e; width:180px; text-align:right; border-bottom:0;}
#Maccount .new-login td{text-align:left; border-bottom:0;}
#Maccount .new-login .input-box{background-color:#f2deb2;}
#Maccount .join-btn{padding:15px;background:url(/Images/account/bg_box_bottom.gif) no-repeat bottom;}
#Maccount .new-login h3{height:29px;  margin:0 0 0 14px; background:url(/Images/account/join_bar.gif) no-repeat; font-size:12px; color:#fff; padding:7px 0 0 35px; text-align:left;}
/*agreement*/
#Maccount .agreement{width:509px; margin:50px auto 0 auto; background:url(/Images/account/bg_box_midd.gif) repeat-y;}
#Maccount .agreement-top{height:68px; background:url(/Images/account/bg_box_top.gif) #f2deb2 no-repeat 0 30px;}
#Maccount .agreement h3{width:463px; height:29px;  margin:0 0 0 15px; background:url(/Images/account/join_bar.gif) no-repeat; font-size:12px; color:#fff; padding:7px 0 0 35px;}
#Maccount .agreement-input{width:440px; height:150px; border:1px solid #f2deb2; padding:15px; margin:0 auto 10px auto; overflow:auto;}
#Maccount .agreement .sbtitle{background:url(/Images/account/bg_box_top.gif) no-repeat; padding:20px 14px 0 14px;}
#Maccount .agreement .agreement-bottom{height:15px; background:url(/Images/account/bg_box_bottom.gif) no-repeat bottom;}

/*info*/
#Maccount .info .sbtitle, #Maccount .withdraw .sbtitle{background:url(/Images/account/bg_box_top.gif) no-repeat; padding:20px 14px;}
#Maccount .sbtx{background-color:#f2deb2; padding:0 10px 10px 10px;}
#Maccount .withdraw-input{text-align:left; width:440px; border:1px solid #f2deb2; padding:15px; margin:0 auto 10px auto; overflow:auto;}


/******************************Community*******************************/
#Mcommunity .smenu, #Mcommunity .tit-ex, .Mdownload .tit-ex, #Mdownload .tit-ex, #Msupport .tit-ex{margin:10px 25px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom; padding:10px; position:relative;}
#Mcommunity .smenu img{margin-right:5px;}
/*Guideline*/
#Mcommunity .gildeline{width:419px; height:465px; margin:35px 0 0 68px; padding:70px 70px 0 70px; background:url(/Images/community/bg_guideline.gif) no-repeat; color:#48280f;}
#Mcommunity .gildeline h3{width:300px; height:41px; margin:0 0 38px 40px; background:url(/Images/community/guideline_title.gif) no-repeat;}
#Mcommunity .gildeline h3 span{text-indent:-3000px;}
#Mcommunity .gildeline ol, #Mcommunity .fan-guide ol{margin-bottom:43px; padding-right:50px;}
#Mcommunity .gildeline li, #Mcommunity .fan-guide li{padding-bottom:15px;}
#Mcommunity .gildeline .btn{padding-left:30px;}
/*Fansite*/
#Mcommunity .fansite-qu{width:567px; height:109px; margin:0 auto; text-indent:-3000px; background:url(/Images/community/fansite_t1.gif) no-repeat;}
#Mcommunity .fan-guide{width:453px; height:406px; margin:10px auto 0 auto; padding:68px 10px 0 70px; background:url(/Images/community/bg_fanguide.gif) no-repeat; color:#48280f;}
#Mcommunity .fan-guide h3{width:419px; height:41px; margin-left:-10px; background:url(/Images/community/fanguide_title.gif) no-repeat;}
#Mcommunity .kit-down{padding:0 10px 0 5px; margin-right:50px;}
#Mcommunity .kit-down p.btn{text-align:center; margin-top:10px;}
#best-fan{margin:10px 14px; padding:5px 10px 0 10px;}
#best-fan .img-fan{border:1px solid #fdf2db; padding:1px;}
#best-fan dl{background:url(/Images/sub/bg_dott.gif) repeat-x bottom; overflow:hidden; padding:10px 0;}
#best-fan dt{float:left; width:172px; text-align:center;}
#best-fan dd{padding-top:10px; padding-left:10px; height:100px;}
#best-fan dd strong{font-size:15px; color:#ab490f;}
#best-fan dd .btn{margin-top:10px;}
/*fanarts*/
.gallery{margin:10px 14px;  padding:5px 10px 0 10px; border-top:3px solid #d7bf94;}
/*Screen shot list*/
#gallery-list table{width:100%;}
#gallery-list div.gy-contents td{width:50%;	padding:15px 0; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#gallery-list div.gy-contents dl{overflow:hidden; width:200px;}
#gallery-list div.gy-contents dd.scr-img{width:151px; height:123px; background:url(/Images/community/bg_gallery.gif) no-repeat; text-align:center; padding-top:6px; margin:0 auto;}
#gallery-list div.gy-contents dd.scr-tx{text-align:center;}
#gallery-list div.gy-contents .scr-title{font-weight:bold; color:#48280f; margin-bottom:8px;}
#gallery-list div.gy-contents .scr-name{height:16px; margin-bottom:5px; padding-left:70px; background:url(/Images/community/ss_name.gif) no-repeat;}
#gallery-list div.gy-contents .scr-date{height:16px; margin-bottom:5px; padding-left:70px; background:url(/Images/community/ss_date.gif) no-repeat; font-size:11px;}
#gallery-list div.gy-contents .scr-recommend{height:16px; margin-bottom:5px; padding-left:70px; background:url(/Images/community/ss_re.gif) no-repeat; font-size:11px; font-weight:bold;}
#gallery-list img.gallimg{border:1ox solid #2d0b0a;}
#gallery-list span.comment{font-size:11px; font-family:Tahoma; font-weight:bold; color:#ff6000; margin-left:5px;}
.gallery .board-bbtn, #bbs-view .board-bbtn{position:absolute; margin-top:5px; width:610px; text-align:right;}
/*view*/
#bbs-view{margin:30px 14px 10px 14px;  padding:5px 10px 0 10px; border-top:3px solid #d7bf94;}
#bbs-view .bod-tcon dl{overflow:hidden;}
#bbs-view .bod-tcon dt{float:left; height:15px; padding:5px 0; font-weight:bold; color:#48280f; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#bbs-view .bod-tcon dd{height:15px; padding:5px 0; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#bbs-view .bod-tcon dt.scr-subject{width:15%;}
#bbs-view .bod-tcon dd.scr-subject{width:85%; float:left;}
#bbs-view .bod-tcon table{width:100%;}
#bbs-view .bod-tcon th.scr-subject{width:70px;  padding:5px 0; background:url(/Images/sub/bg_dott.gif) repeat-x bottom; font-weight:bold;}
#bbs-view .bod-tcon td.scr-subject{padding:5px 0; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#bbs-view .bod-tcon th.scr-name, #bbs-view .bod-tcon td.scr-name{padding:5px 0; border-bottom:2px solid #d7bf94;}
#bbs-view .bod-tcon dt.scr-view{width:40px;}
#bbs-view .bod-tcon dd.scr-view{width:70px;}
#bbs-view .bod-tcon dt.scr-name{width:40px;}
#bbs-view .bod-tcon dd.scr-name{width:259px;}
#bbs-view .bod-tcon dt.scr-re{width:80px;}
#bbs-view .bod-tcon dd.scr-re{width:70px;}
#bbs-view .bod-tcon dd.scr-date{width:40px;}
#bbs-view .bod-tcon dd.scr-date{width:80px;}
/*Contents*/
#bbs-view .c-contents{clear:left; margin:20px 20px 30px 20px;}
#bbs-view .c-contents p{line-height:140%;}
/*nextprev*/
#bbs-view .prnx{height:50px; padding-bottom:2px; border-top:3px solid #d7c196; border-bottom:3px solid #d7c196;}
#bbs-view .prnx dl{overflow:hidden;}
#bbs-view .prnx dt, #bbs-view .prnx dd{float:left; height:15px; padding:5px 0;}
#bbs-view .prnx dd{width:544px;}
#bbs-view .prnx dt{width:75px; padding-left:5px;}
#bbs-view .prnx dt.tx-prev{font-weight:bold; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#bbs-view .prnx dt.tx-prev2{font-weight:bold; background:url(../images/customer/faq_view_rbar2.gif) no-repeat bottom right;}
#bbs-view .prnx dd.tx-prev{background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#bbs-view .btn{text-align:right; margin-top:10px;}
/*write*/
#bbs .bbs-write{margin:10px 14px;  padding:5px 10px 0 10px; border-top:3px solid #d7bf94;}
#bbs .wwrite .wtype{margin-bottom:10px;}
#bbs .wwrite{clear:left; background:url(/Images/sub/bg_dott.gif) repeat-x bottom; margin:0 14px 20px 14px; padding:0 10px 10px 10px;}
#bbs .wwrite p{padding:5px 0;}
#bbs .wwrite iframe{margin:0 auto;}
#bbs .wwrite textarea{width:620px; height:250px; overflow:auto; background-color:#e4cc97; border:1px solid #d1b371;}
#bbs .bbs-write dt{float:left; width:60px; padding-left:10px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom; font-weight:bold;}
#bbs .bbs-write dd{float:left; width:544px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#bbs .bbs-write dt.wsubject, .Bbs .bbs-write dt.wfile{height:20px; padding-top:10px;}
#bbs .bbs-write dd.wsubject, .Bbs .bbs-write dd.wfile{height:26px; padding:4px 0 0 10px;}
#bbs .bbs-write dd.wsubject input, .Bbs .bbs-write dd.wfile input{width:500px; background-color:#e4cc97; border:1px solid #d1b371; padding:2px 0 0 3px;}
#bbs .footbtn{margin:0 20px; text-align:right;}
/*IP*/
#bbs-view .ip{position:relative; text-align:right; font-size:11px; margin:0 0 10px 0; font-family:Tahoma;}
#bbs-view .ip p{margin-bottom:5px;}
/*Comment*/
#comment{position:relative; margin-bottom:10px; padding:5px 10px; border:1px solid #ccb47f; background-color:#e4cc97;}
#comment .listm img{margin-left:5px;}
#comment .listm{margin:8px 0; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#comment .com-id{padding-left:10px; background:url(/Images/community/arrow_org.gif) no-repeat 3px 4px; color:#48280f; font-weight:bold;}
#comment .comment-text{padding:5px 10px;}
#comment span.comment-id{margin-right:10px;}
#comment span.comment-date{font-size:11px; font-family:Tahoma; font-weight:normal; color:#89692e;}
#comment .com-write textarea{width:530px; height:58px; border:1px solid #d1b371; background-color:#f2deb2; margin-right:5px;}
#comment .com-write .input-text{border:1px solid #d1b371; background-color:#f2deb2;}
/*spotlight*/
#bbs-view .bod-tcon2 dl{background-color:#d5b87a; overflow:hidden;}
#bbs-view .bod-tcon2 dt{float:left; width:40px; height:15px; padding:5px 5px; font-weight:bold;}
#bbs-view .bod-tcon2 dd.spot-subject{font-weight:bold; height:15px; padding:5px 5px; color:#48280f;}
#bbs-view .ch-info{padding:5px; border:1px solid #ccb47f; background-color:#e4cc97; overflow:hidden; height:85px;}
#bbs-view .charimg{border:1px solid #ccd39e;}
#bbs-view .ch-rg input{margin-bottom:20px;}
#bbs-view .ch{float:left; width:100px;}
#bbs-view .ch-con{float:left; margin-top:10px;}
#bbs-view .ch-rg{float:right; margin-top:10px; margin-right:10px; text-align:right; font-family:Tahoma; font-size:11px;}
#bbs-view .ch-con label{font-weight:bold; color:#48280f; float:left; width:50px;}
#bbs-view .vtop-btn{text-align:right; margin:10px 0;}
#bbs-view .quote{clear:both; position:relative; margin-top:5px; padding:10px; border:1px solid #ddd; background-color:#eee; color:#555;}
.spotlight{margin:0 28px; border-top:3px solid #ddbe89;}
.spotlight table{width:100%; border-bottom:3px solid #ddbe89;}
.spotlight tr.bar1{background-color:#e8cc98;}
.spotlight tr.bar2{background-color:#eed6a4;}
.spotlight td{padding:8px 0; border-bottom:1px solid #f2deb2;}
.spotlight td.subject{font-weight:bold; color:#48280f;}
.spotlight .spot-write{font-size:11px; font-family:Tahoma; color:#c9702b; font-weight:normal; padding-left:4px;}




/*ITEM SHOP*/
#Mitem .t4-all{background:url(/Images/item/title4_all.gif) no-repeat; height:20px; width:350px;}
#Mitem .t4-new{background:url(/Images/item/title4_new.gif) no-repeat; height:20px; width:350px;}
#Mitem .t4-list{background:url(/Images/item/title4_list.gif) no-repeat; height:20px; width:350px;}
#Mitem .t4-cart{background:url(/Images/item/title4_cart.gif) no-repeat; height:20px; width:350px;}

#item-list .boxmidd{width:571px; margin: 0 auto; padding:0 30px 0 30px;}
#item-list .boxmidd dt{width:132px; height:127px; background:url(/Images/item/bg_itemboxc.gif) no-repeat center top; padding:10px 0 0 0;}
#item-list .boxmidd dt img{border:1px solid #ddd; padding:1px;}
#item-list .boxmidd dd{padding:3px 0;}
#item-list .boxmidd .list-title{color:#ab490f; font-weight:bold;}
#item-list .boxmidd .list-money{font-size:12px; color:#69461b;}
#item-list .boxmidd .list{float:left; width:142px; text-align:center; overflow:hidden; padding:15px 0 0 0;}
#item-list .boxmidd .listline{background:url(/Images/sub/bg_dott.gif) repeat-x bottom; height:240px; margin-top:15px;}
#item-list .boxbottom{clear:both; height:10px; background:url(../images/item/bg_grt_bottom.gif) repeat-y center bottom;}

#item{margin:20px 0;}
#item .menu{height:81px; padding-left:45px; background:url(/Images/item/bg_itemview.gif) no-repeat center bottom;}
#item .menu li{float:left; margin-right:5px;}
#item-view{margin:0 20px;}
#item-view .boxmidd{width:571px; margin: 30px auto 0 auto; padding:0 30px;}
#item-view .boxbottom{clear:both; height:20px; background:url(../images/item/bg_grt_bottom.gif) repeat-y center bottom;}
#item-view .boxmidd .fl{float:left; width:132px; text-align:center;}
#item-view .boxmidd .fr{float:right; width:400px;}
#item-view .boxmidd .fr h4{margin-bottom:4px; font-weight:bold; font-size:17px; color:#48280f;}
#item-view .boxmidd .fl p{margin-top:3px;}
#item-view .item-img{width:132px;height:127px; background:url(/Images/item/bg_itemboxc.gif) no-repeat center top; padding:10px 0 0 0;}
#item-view .item-img img{border:1px solid #ddd; padding:1px;}
#item-view .item-con{margin-top:5px; padding:10px 0; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#item-view .item-con .gr{color:#ce3f00; font-size:13px; font-weight:bold;}
#item-view .item-con li{padding:5px 0;}
#item-view .item-con li label{font-weight:bold; font-size:13px; margin-right:10px;}
#item-view .explanation{padding-top:10px;}
#item-view .explanation .gr{color:#ce3f00; font-weight:bold;}
#item-view .btn{margin-top:15px; text-align:center; border-top:3px solid #ddc79e; padding-top:10px;}

#item-list{margin:20px 15px; background:url(/Images/item/bg_item.gif) no-repeat center top; padding-top:60px;}
#item-list .shoplist-img{width:69px; height:63px; background:url(/Images/item/bg_itemboxb.gif) no-repeat; text-align:center; padding-top:5px; margin:0 auto;}
#item-list .board-bbtn, .Bbs .board-bbtn{position:absolute; margin-top:5px; width:620px; text-align:right;}
#item-list #Bbs{margin:0 10px;}
#item-list .Bbs table{border-bottom:2px solid #ddc79e;}
#item-list .Bbs td{padding:9px 0;}


/****Payment*******/
#Mcash .t6-charge{background:url(/Images/cash/title6_charge.gif) no-repeat; height:20px; width:350px;}
#Mcash .t6-log{background:url(/Images/cash/title6_log.gif) no-repeat; height:20px; width:350px;}
#Mcash .t6-guide{background:url(/Images/cash/title6_guide.gif) no-repeat; height:20px; width:350px;}
#Mcash .charge, #Mcash .log, #Mcash .guide{width:588px; margin:0 auto;}
#Mcash .sbtitle{padding:20px 14px 10px 14px;}
#Mcash .sbtitle h3{height:22px; background:url(/Images/cash/cash_bar.gif) no-repeat; color:#fff; padding:7px 0 0 36px;}
#Mcash .cash-buy{background:url(/Images/cash/bg_box.gif) no-repeat; }
#Mcash .cash-buy ul{padding:0 0 30px 25px;background: url(/Images/cash/bg_box.gif) no-repeat bottom; height:150px; overflow:hidden;}
#Mcash .cash-buy li{margin:0 2px; float:left; display:block; width:180px; height:150px;}
#Mcash .cash-buy li p.btn{text-align:center; padding-top:5px;}
#Mcash .cash-buy li p.btn img{margin:0 3px;}
#Mcash .whatscash{margin:10px 10px;}
#Mcash .whatscash h5{height:28px; background:url(/Images/cash/tx_whatcash.gif) no-repeat; border-bottom:3px solid #dac596; margin:0 0 10px 0; text-indent:-3000px;}
#Mcash .whatscash p{line-height:150%;}
#Mcash .sbtx{height:90px; margin:10px 0; background:url(/Images/cash/bg_cash.gif) no-repeat; padding:30px 0 0 160px;}
#Mcash .sbtx2{margin:10px 0; background:url(/Images/cash/bg_cash.gif) no-repeat; padding:30px 0 0 160px;}
#Mcash .select-buy{background: url(/Images/cash/bg_box.gif) no-repeat bottom; overflow:hidden; padding-bottom:58px; padding-left:10px; overflow:hidden;}
#Mcash .select-buy .fl{width:214px; float:left; text-align:center;}
#Mcash .select-buy .fr{margin-left: 200px; background:url(/Images/cash/bg_sline.gif) repeat-y;}
#Mcash .select-buy .tx-selectop{height:59px; background:url(/Images/cash/tx_selectop.gif) no-repeat center top; text-indent:-3000px;}
#Mcash .select-buy .fr dt{margin-bottom:5px; color:#898989;}
#Mcash .select-buy .fr dd{margin-bottom:8px;}
#Mcash .select-buy p.point{background:url(/Images/cash/bl_1.gif) no-repeat 15px 0; padding:0 0 0 31px; color:#898989;}
#Mcash .log-bar{height:58px; margin-top:20px; background:url(/Images/cash/bg_pointview.gif) no-repeat; padding:28px 0 0 110px;}
#Mcash .log-bar label{float:right; margin-top:-22px; margin-right:20px;}
#Mcash .log-bar strong{text-decoration:underline;}
#Mcash #Bbs{margin-top:19px;}
#Mcash .Bbs .list{clear:left; margin-top:0;}
#Mcash .guide .whatscash{margin:0;}
/*Cash Guide*/
#Mcash .cash-guide{width:588px; background:url(/Images/cash/bg_box.gif) no-repeat; margin-top:20px;}
#Mcash .cash-guide dl, #Mcash .seller{background:url(/Images/cash/bg_box.gif) no-repeat bottom; padding:0 30px 30px 30px;}
#Mcash .cash-guide dt{clear:left; float:left; width:190px; height:120px; padding-bottom:10px; margin-bottom:10px;}
#Mcash .cash-guide dd p{color:#898998; margin-bottom:8px;}
#Mcash .cash-guide dd{padding-bottom:10px; height:120px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#Mcash .seller .tx{height:30px; margin-top:10px; background:url(/Images/cash/tx_everywhere.gif) no-repeat;  text-indent:-3000px;}
#Mcash .seller ul{height:300px; background:url(/Images/sub/bg_dott.gif) repeat-x top; padding-top:30px;}
#Mcash .seller li{display:inline;}
#Mcash .seller li img{border:1px solid #ddd;}

/*Download*/
.t5-book{background:url(/Images/gamed/title5_book.gif) no-repeat; height:20px; width:380px;}
.t5-download{background:url(/Images/gamed/title5_download.gif) no-repeat; height:20px; width:380px;}
.t5-wallpaper{background:url(/Images/gamed/title5_wallpaper.gif) no-repeat; height:20px; width:380px;}
.t5-media{background:url(/Images/gamed/title5_media.gif) no-repeat; height:20px; width:380px;}
.t5-document{background:url(/Images/gamed/title5_document.gif) no-repeat; height:20px; width:380px;}
.t5-artwork{background:url(/Images/gamed/title5_artwork.gif) no-repeat; height:20px; width:380px;}


.Mdownload .box, #Mdownload .box{margin:20px 30px 0 30px;}
.con-1title{background:url(/Images/sub/dot_con.gif) no-repeat 3px 0; padding-left:20px; padding-bottom:5px; border-bottom:3px solid #ddc79e; margin-bottom:10px; margin-top:30px;}
#Mdownload p{padding:0 10px;}
#Mdownload .drivers{border-top:3px solid #ddc79e; margin-top:20px;}
#Mdownload .drivers dt{float:left; width:220px;}
#Mdownload .drivers dl{padding:10px;}
#Mdownload .drivers dd{font-weight:bold; margin-bottom:10px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom; padding:10px 0 10px 220px;}
#Mdownload .drivers ul{padding-top:10px;}
#Mdownload .drivers li{font-weight:normal;}
ul.ul1-style li{background:url(/Images/sub/bl.gif) no-repeat 3px 4px; padding:0 0 0 15px;}
#Mdownload .tab-menu li{display:inline;}
.setup-tb{margin-top:10px;}
.setup-tb table{width:100%; border:1px solid #bfa772;}
.setup-tb th, .setup-tb td{padding:5px;}
.setup-tb th{background-color:#c9b384; color:#69461b;}
.setup-tb td.bold{font-weight:bold;}
.setup-tb td{background:url(/Images/sub/bg_dott.gif) repeat-x bottom; text-align:center; border-right:1px solid #c9b384;}
#Mdownload .client-down{width:610px; height:135px; margin:0 auto; background:url(/Images/gamed/bg_box.gif) no-repeat; text-align:center; padding-top:15px;}
#Mdownload .client-down input{margin:0 10px;}
#Mdownload .client-down .sty1{margin-top:12px;}
#Mdownload .btn-directx{text-align:center; margin-top:30px;}
#Mdownload .wallpaper, .Mdownload .media{margin:0 30px 50px 30px; border-top:3px solid #ddc79e; padding:10px 0;}
#Mdownload .artwork{margin:30px 30px;}
#Mdownload .wallpaper li,#Mdownload .artwork li{float:left; width:50%; margin:10px 0;}
#Mdownload .wall-img, #Mdownload .media-img, .Mdownload .media-img{margin:0 auto; width:272px; height:162px; background:url(/Images/gamed/bg_wallpaperb.gif) no-repeat; padding:5px 0 0 6px;}
.Mdownload .media-img{float:left; width:280px;}
.Mdownload .media li{margin-bottom:10px; height:172px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
.Mdownload .media-title span{font-family:Tahoma; font-size:11px; font-weight:normal; margin-left:10px; color:#d59011;}
.Mdownload .media-title{font-weight:bold; margin-bottom:10px;}
#Mdownload .wall-link{text-align:center;}
#Mdownload .wall-link img{margin:0 3px;}
#Mdownload .wall-title{background:url(/Images/gamed/dot.gif) no-repeat 3px 5px; padding:0 0 0 10px; margin:0 5px 8px 12px;}
#Mdownload .search, .Mdownload .search{text-align:right; margin:0 30px; margin-bottom:5px;}
#Mdownload .search select, .Mdownload .search select{color:#fff; background-color:#104039; border:1px solid #ceb680;}
#Mdownload .book{margin:0 30px;}
#Mdownload .book .guidebook{width:550px; height:110px; margin:0 auto; padding:80px 0 0 30px; background:url(/Images/gamed/bg_guidebook.jpg) no-repeat;}
#Mdownload .cd{background:url(/Images/gamed/bg_bookimg.jpg) no-repeat 30px 0; padding:0 20px 0 180px;}
#Mdownload .cd ol{padding-left:28px; margin:15px 0;}
#Mdownload .cd li{list-style:decimal;}
#Mdownload .cd p{padding:0; font-weight:bold;}


#Mdownload .document{margin:0 25px}
#Mdownload .document h3{text-indent:-3000px; margin-top:30px; margin-bottom:8px;}
#Mdownload .document h3.titdo-1{background:url(/Images/gamed/tx_1.gif) no-repeat; height:25px;}
#Mdownload .document h3.titdo-2{background:url(/Images/gamed/tx_2.gif) no-repeat; height:25px;}
#Mdownload .document li{display:inline; margin:0 2px;}
#Mdownload .document ul{background:url(/Images/gamed/bg_back.gif) no-repeat; width:596px; height:155px; margin:0 auto; padding:15px 0 0 0; text-align:center;}
/*****************Guide**************************/
#Mguide .t2-intro{background:url(/Images/guide/title2_intro.gif) no-repeat; height:20px; width:380px;}
#Mguide .t2-guide{background:url(/Images/guide/title2_guide.gif) no-repeat; height:20px; width:380px;}

#Mguide .gm-guide{margin:10px 20px;}
#Mguide .tab-menu{margin-top:15px;}
#Mguide .tab-menu li{display:inline;}
#Mguide .media{border-top:3px solid #ddc79e; margin-top:30px; padding:15px 0;}
#Mguide .media-img{float:left; width:290px; margin:0 auto; height:162px; background:url(/Images/gamed/bg_wallpaperb.gif) no-repeat; padding:5px 0 0 6px;}
#Mguide .intro-img{float:left; width:290px; margin:0 auto; height:162px;padding:0 0 0 6px;}
#Mguide .media li{margin-bottom:10px; height:172px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
#Mguide .media-title span{font-family:Tahoma; font-size:11px; font-weight:normal; margin-left:10px; color:#d59011;}
#Mguide .media-title{font-weight:bold; margin-bottom:10px;}
#Mguide .intro-title{color:#bf3100; font-size:14px; font-weight:bold; margin-bottom:10px; margin-top:5px;}


/*******************************News******************************************/

#Mnews .Bbs{margin:30px 25px;}
/*********************BBS***********************/
.Bbs .list{clear:left; margin-top:12px;}
.Bbs .list table{width:100%;}
.Bbs .list th{border-bottom:2px solid #c0a266; border-top:1px solid #c0a266; padding:5px 0; background:url(/Images/bbs/bg_th.gif) repeat-x; color:#333;}
.Bbs .list th.input{border-bottom:2px solid #c0a266; border-top:1px solid #c0a266; background:url(/Images/bbs/bg_th.gif) repeat-x; background-color:#0066CC;}
.Bbs .list th.input input{margin-top:-5px;}
.Bbs .list td{padding:5px 0; background:url(/Images/sub/bg_dott.gif) repeat-x bottom;}
.Bbs .list td.num{font-size:11px; text-align:center;}
.Bbs .list td.bnum{text-align:center;}
.Bbs .search{text-align:right; margin-top:10px;}
.Bbs .search .input{margin:0 4px; background-color:#fdf2db; padding:2px 0 0 3px; border:1px solid #dec58e;}
.Bbs .tab-menu li{float:left; margin-right:2px;}
/************** **************/
#Mabout .start h3, #Mabout .ui h3, #Mabout .skill h3, #Mabout .quest h3{text-indent:-3000px; margin-top:30px;}
#Mabout .start .box{margin:10px 0; height:240px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom; padding:10px 0;}
#Mabout .start h3.txs-1{margin-left:300px; background:url(/Images/guide/tx_1.gif) no-repeat; height:25px; width:300px;}
#Mabout .start h3.txs-2{margin-left:300px; background:url(/Images/guide/tx_2.gif) no-repeat; height:25px;}
#Mabout .start h3.txs-3{margin-left:300px; background:url(/Images/guide/tx_3.gif) no-repeat; height:25px;}
#Mabout .start h3.txs-4{margin-left:300px; background:url(/Images/guide/tx_4.gif) no-repeat; height:25px;}
#Mabout .start li{padding:2px 0;}
#Mabout .start p{float:left; margin-right:10px;}
#Mabout .ui{width:600px; margin:0 auto;}
#Mabout .ui ul{padding:10px 0 0 0;}
#Mabout .ui li{padding:2px 15px;}
#Mabout .ui h3{margin:25px 15px 8px 0px;}
#Mabout .ui h3.txui-1{background:url(/Images/guide/tx_5.gif) no-repeat; height:25px;}
#Mabout .ui h3.txui-2{background:url(/Images/guide/tx_6.gif) no-repeat; height:25px;}
#Mabout .ui p{padding-top:10px; padding-bottom:10px; background:url(/Images/sub/bg_dott.gif) repeat-x top; }
#Mabout .skill {margin:0 15px;}
#Mabout .skill h3.txsk-1{margin-left:250px; background:url(/Images/guide/tx_7.gif) no-repeat; height:25px;}
#Mabout .skill h3.txsk-2{background:url(/Images/guide/tx_8.gif) no-repeat; height:25px;}
#Mabout .skill ul * li{margin-left:15px; font-weight:normal; color:#9b7645;}
#Mabout .skill li{padding:4px 0; font-weight:bold;}
#Mabout .active p{float:left; margin-right:25px;}
#Mabout .active{height:440px; margin-top:15px;}
#Mabout .skill .dline{background:url(/Images/sub/bg_dott.gif) repeat-x top; margin-left:250px; padding:10px;}
#Mabout .skill .dline2{background:url(/Images/sub/bg_dott.gif) repeat-x top; padding:10px; margin-right:250px;}
#Mabout .passive p{float:right;}
#Mabout .quest{margin:0 15px;}
#Mabout .quest table{width:100%; border:1px solid #d6bd85; margin:0 auto;}
#Mabout .quest td{padding:5px 6px; background:url(/Images/sub/bg_dott.gif) repeat-x bottom; border-right:1px solid #d6bd85; }
#Mabout .quest th{background-color:#ccb072; padding:5px 0;}
#Mabout .quest td.qun{font-weight:bold;}
#Mabout .quest td.qun2{color:#fc5900; text-align:center;}
#Mabout .quest h3.txqu-1{background:url(/Images/guide/tx_10.gif) no-repeat; height:25px;}
#Mabout .quest h3.txqu-2{background:url(/Images/guide/tx_9.gif) no-repeat; height:25px;}
#Mabout .quest img{margin-bottom:20px;}
#Mabout .npc, #Mabout .monster{margin:0 15px;}
#Mabout .npc h3{background:url(/Images/guide/tx_11.gif) no-repeat; height:35px; text-indent:-3000px; margin:15px 0;}
#Mabout .monster h3{background:url(/Images/guide/tx_12.gif) no-repeat; height:35px; text-indent:-3000px; margin:15px 0;}
#Mabout .guideinfo{margin:30px 15px 0 15px;}
#Mabout .guideinfo h3{background:url(/Images/guide/tx_13.gif) no-repeat; height:35px; text-indent:-3000px; margin:15px 0;}
#Mabout .guideinfo h4{background:url(/Images/guide/tx_14.gif) no-repeat; height:35px; text-indent:-3000px; margin:15px 0;}
#Mabout .guideinfo p{margin-bottom:15px;}
#Mabout .map{margin:30px 15px 0 15px;}
#Mabout .map h3{background:url(/Images/guide/tx_15.gif) no-repeat; height:48px; text-indent:-3000px; margin:15px 0;}
#Mabout .overmap{text-align:center; margin:20px 0 0 0;}
/**/
#Mabout .t9-info{background:url(/Images/about/title9_intro.gif) no-repeat; height:20px; width:380px;}
#Mabout .t9-char{background:url(/Images/about/title9_char.gif) no-repeat; height:20px; width:380px;}
#Mabout .t9-job{background:url(/Images/about/title9_job.gif) no-repeat; height:20px; width:380px;}
#Mabout .t9-company{background:url(/Images/about/title9_company.gif) no-repeat; height:20px; width:380px;}

#Mabout .t2-beginner{background:url(/Images/guide/title2_guide.gif) no-repeat; height:20px; width:380px;}
#Mabout .t2-library{background:url(/Images/guide/title2_library.gif) no-repeat; height:20px; width:380px;}
#Mabout .t2-info{background:url(/Images/guide/title2_info.gif) no-repeat; height:20px; width:380px;}

#Mabout .about{margin:20px 25px; padding:15px 0;}
#Mabout .tab-menu{height:40px; background:url(/Images/about/bg_tab.gif) no-repeat 0 36px; padding-left:10px;}
#Mabout .tab-menu li{float:left;}
#Mabout .intro{background:url(/Images/about/bg_introback.jpg) no-repeat top left; padding:120px 10px 0 10px;}
#Mabout .intro .tx1{background:url(/Images/about/tx_1.gif) no-repeat 195px 0; height:50px; text-indent:-3000px; margin:0 0 30px 0;}
#Mabout .intro .tx2{clear:both; background:url(/Images/about/tx_2.gif) no-repeat; height:22px; text-indent:-3000px; margin:30px 0 15px 0;}
#Mabout .intro .img1{float:left; margin:0 10px 10px 0; width:180px; margin-top:-80px;}
#Mabout .intro .img2{float:right; margin-left:10px;}
#Mabout  p{line-height:130%; color:#9b7645;}
/*job*/
#Mabout .job{margin:20px -10px;}
#warrior .jobtx1{margin:30px 0 10px 0; background:url(/Images/about/tx_3.gif) no-repeat; height:31px; text-indent:-3000px;}
#Magician .jobtx2{margin:30px 0 10px 0; background:url(/Images/about/tx_4.gif) no-repeat; height:33px; text-indent:-3000px;}
#archer .jobtx3{margin:30px 0 10px 0; background:url(/Images/about/tx_5.gif) no-repeat; height:33px; text-indent:-3000px;}
#Thief .jobtx4{margin:30px 0 10px 0; background:url(/Images/about/tx_6.gif) no-repeat; height:33px; text-indent:-3000px;}
#Mabout .jobcontents{background:url(/Images/sub/bg_dott.gif) repeat-x top; padding:15px 0 0 0;}
#Mabout .job-link{margin-top:35px;}
#Mabout .job-link strong{color:#e45600; text-decoration:underline;}
#warrior{height:375px; background:url(/Images/about/char_1.gif) no-repeat; padding-left:280px; padding-top:20px;}
#Magician{height:375px; background:url(/Images/about/char_2.gif) no-repeat; padding-left:280px; padding-top:20px;}
#archer{height:415px; background:url(/Images/about/char_3.gif) no-repeat right; padding-top:20px; padding-right:280px; padding-left:20px;}
#Thief{height:415px; background:url(/Images/about/char_4.gif) no-repeat right; padding-top:20px; padding-right:280px; padding-left:20px;}
#Mabout .class{margin:0 auto; width:594px; background:url(/Images/about/bg_char.gif) repeat-y;}

#Mabout .class ul.tab-menu{background:url(/Images/about/bg_char_1.gif) no-repeat; padding-top:60px; padding-left:90px;}
#Mabout .class ul.tab-menu2{background:url(/Images/about/bg_char_2.gif) no-repeat; padding-top:60px; padding-left:90px;}
#Mabout .class ul.tab-menu3{background:url(/Images/about/bg_char_3.gif) no-repeat; padding-top:60px; padding-left:90px;}
#Mabout .class ul.tab-menu4{background:url(/Images/about/bg_char_4.gif) no-repeat; padding-top:60px; padding-left:90px;}
#Mabout .class .tab-menu li, #Mabout .class ul.tab-menu2 li, #Mabout .class ul.tab-menu3 li, #Mabout .class ul.tab-menu4 li{display:inline;}
#Mabout .class p{padding:25px;}
#Mabout .class ul.addimg {padding-left:15px; padding-bottom:10px; background:url(/Images/about/bg_char_bm.gif) no-repeat bottom;}
#Mabout .class ul.addimg li{display:inline;}
#Mabout .submenu{height:27px; background:url(/Images/about/bg_submenu.gif) no-repeat; padding:5px 10px; margin-left:300px; margin-top:5px;}
#Mabout .submenu li{display:inline; background:url(/Images/about/bg_submenu_dot.gif) no-repeat right; padding:0 6px;}
#Mabout .submenu li.notline{background:none;}
#Mabout .gamech{width:596px; margin:15px auto;}
#Mabout .gamech p{font-size:11px;}
#Mabout .chbg1{height:109px; background:url(/Images/about/chbg_1.gif) no-repeat; padding:40px 10px 0 220px;}
#Mabout .chbg2{height:117px; background:url(/Images/about/chbg_2.gif) no-repeat; padding:45px 220px 0 20px; margin-top:-17px;}
#Mabout .chbg3{height:113px; background:url(/Images/about/chbg_3.gif) no-repeat; padding:23px 10px 0 235px;}
#Mabout .chbg4{height:93px; background:url(/Images/about/chbg_4.gif) no-repeat; padding:23px 220px 0 20px;}
#Mabout .chbg5{height:117px; background:url(/Images/about/chbg_5.gif) no-repeat; padding:49px 10px 0 220px;}
#Mabout .chbg1 h3{height:20px; background:url(/Images/about/tx_7.gif) no-repeat; text-indent:-3000px; margin-bottom:8px;}
#Mabout .chbg2 h3{height:20px; background:url(/Images/about/tx_8.gif) no-repeat; text-indent:-3000px; margin-bottom:8px;}
#Mabout .chbg3 h3{height:20px; background:url(/Images/about/tx_9.gif) no-repeat; text-indent:-3000px; margin-bottom:8px;}
#Mabout .chbg4 h3{height:20px; background:url(/Images/about/tx_10.gif) no-repeat; text-indent:-3000px; margin-bottom:8px;}
#Mabout .chbg5 h3{height:20px; background:url(/Images/about/tx_11.gif) no-repeat; text-indent:-3000px; margin-bottom:8px;}
.gamech .select{background:url(/Images/about/q2_box_midd.gif) repeat-y;}
.gamech .select h3{background:url(/Images/about/q2_box_top.gif) no-repeat;}
.gamech .char-img{background:url(/Images/about/q2_box_bm.gif) no-repeat bottom; padding:15px;}
.gamech .char-img img{margin-right:0;}
.gamech .gmtx1{padding:10px; background:url(/Images/about/tx_7.gif) no-repeat 20px 20px; height:35px; text-indent:-3000px;}
.gamech .gmtx2{padding:10px; background:url(/Images/about/tx_8.gif) no-repeat 20px 20px; height:35px; text-indent:-3000px;}
.gamech .gmtx3{padding:10px; background:url(/Images/about/tx_9.gif) no-repeat 20px 20px; height:35px; text-indent:-3000px;}
.gamech .gmtx4{padding:10px; background:url(/Images/about/tx_10.gif) no-repeat 20px 20px; height:35px; text-indent:-3000px;}
.gamech .gmtx5{padding:10px; background:url(/Images/about/tx_11.gif) no-repeat 20px 20px; height:35px; text-indent:-3000px;}

.gamech .select p{padding:10px 20px;}
.gamech .notselect{margin:5px 0; height:23px; background:url(/Images/about/qon_box.gif) no-repeat; padding:8px 0 0 40px;}

#company{width:596px; margin:0 auto;}
#company .com-bm{height:10px; background:url(/Images/about/bg_company_bm.gif) no-repeat bottom; margin-top:-2px;}
#company .company1{background:url(/Images/about/bg_company_1.gif) no-repeat; padding:0 15px;}
#company .company2{margin-top:5px; background:url(/Images/about/bg_company_2.gif) no-repeat; padding:0 15px;}
#company .company3{margin-top:5px; background:url(/Images/about/bg_company_3.gif) no-repeat;}
#company .company4{margin-top:5px; background:url(/Images/about/bg_company_4.gif) no-repeat;  padding:0 15px;}
#company .company5{margin-top:5px; background:url(/Images/about/bg_company_5.gif) no-repeat; padding:0 15px;}
#company .company1 h3, #Mabout .company3 h3{padding:45px 0 0 70px; color:#ebd5a4; height:35px;}
#Mabout .company2 h3{padding:38px 0 0 70px; color:#ebd5a4; height:35px;}
#Mabout .company4 h3{padding:48px 0 0 70px; color:#ebd5a4; height:35px;}
#Mabout .company5 h3{padding:35px 0 0 70px; color:#ebd5a4; height:35px;}
#company table.profile, #company table.address{width:560px; margin:0; padding:0;}
#company table.address{border:1px solid #caad6f; background-color:#f2deb2;}
#company table.profile td, #Mabout table.profile th, #Mabout table.address th, #Mabout table.address td{background:url(/Images/sub/bg_dott.gif) repeat-x bottom; padding:5px 0;}
#Mabout table.address td span{word-spacing:30px;}
#Mabout table.address td{padding:5px 5px 5px 10px;}
#company table.profile th, #Mabout table.address th{text-align:left; padding:5px 0 5px 15px;}
#Mabout table.address th{background-color:#e7d0a0;}
#company table.profile td p{background:url(/Images/sub/bl.gif) no-repeat 0 5px; padding:0 0 0 10px;}
#company .competitive{text-align:center;}

.sitemap{margin:55px 25px 0 38px;}
.sitemap ul * li{margin-left:7px; font-weight:normal; background:none; background:url(/Images/sub/bl.gif) no-repeat 0 8px; padding-left:10px;}
.sitemap ul * ul{margin-top:15px;}
.sitemap li{padding:3px 0; font-weight:bold;}
.sitemap .box{float:left; width:196px; height:314px; background:url(/Images/sub/bg_sitemap.gif) no-repeat; padding:10px 0 0 5px;}
.sitemap li.ultitle{background:url(/Images/sub/dot_con.gif) no-repeat 3px 3px; padding-left:19px;}

/*pop delete*/
.pop-del{color:#251806; background:url(/Images/sub/pop_bg.gif) no-repeat; border:5px solid #281b09; text-align:center; padding:30px 0 0 0;}
.pop-del .input-box{background-color:#fff; border:1px solid #d2b779; width:100px;}
.pop-del span{font-size:11px;}
.pop-del .pop-btb{margin-top:35px;}

.line-dot{background:url(/Images/sub/bg_dott.gif) repeat-x bottom; padding:3px 0;}
.line-dot .input-text{border:1px solid #d1b371; background-color:#e4cc97;}

/*artwork popup*/
.art-popup{background-color:#3b2514; width:800px; height:579px;} 
.art-popup dl{width:779px; margin:0 auto;}
.art-popup dt{text-align:center; font-size:11px; color:#fff; padding:10px 0; font-weight:bold;}
.art-popup dd.btn{position:absolute; text-align:right; margin-top:-20px; width:780px;}
.art-popup dd.img img{border:1px solid #846045;}
.art-popup .btnNum{text-align:center; color:#FFFF00; margin-top:10px; font-size:11px; font-family:Verdana; font-weight:bold;}
.art-popup .btnNum a:link, .art-popup .btnNum a:visited, .art-popup .btnNum a:active{color:#d0b77e; font-size:11px; font-family:Verdana; font-weight:bold; margin:0 4px;}
.art-popup .btnNum a:hover{color:#fff;}
.selectLink{color:#fff; margin:0 4px; font-family:Verdana; font-size:11px;}

/* npc&monster update-20090227 ?´ì???/
.npcswf{position:absolute; width:649px; height:624px;float:top; z-index:100; margin:170px 0 0 12px;}
.npcswf2{position:absolute; width:649px; height:624px;float:top; z-index:100; margin:158px 0 0 12px;}
.npcwrap{margin-left:40px}
.npctab{width:582px; margin:12px 0 10px 0;}
.npctab ul{height:24px; background:url(../../Images/guide/npctab_bg.gif) no-repeat;}
.npctab li{float:left;}
.npctab li.npctab01on{width:105px; height:24px; background:url(../../Images/guide/npctab_01_over.gif) no-repeat;text-indent:-3000px;}
.npctab li.npctab02on{width:105px; height:24px; background:url(../../Images/guide/npctab_02_over.gif) no-repeat;text-indent:-3000px;}
.npctab li.npctab03on{width:105px; height:24px; background:url(../../Images/guide/npctab_03_over.gif) no-repeat;text-indent:-3000px;}
.npctab li.npctab04on{width:105px; height:24px; background:url(../../Images/guide/npctab_04_over.gif) no-repeat;text-indent:-3000px;}
.npctab li.npctab05on{width:105px; height:24px; background:url(../../Images/guide/npctab_05_over.gif) no-repeat;text-indent:-3000px;}
.npctab li.npctab01off{width:105px; height:24px; background:url(../../Images/guide/npctab_01.gif) no-repeat;}
.npctab li.npctab02off{width:105px; height:24px; background:url(../../Images/guide/npctab_02.gif) no-repeat;}
.npctab li.npctab03off{width:105px; height:24px; background:url(../../Images/guide/npctab_03.gif) no-repeat;}
.npctab li.npctab04off{width:105px; height:24px; background:url(../../Images/guide/npctab_04.gif) no-repeat;}
.npctab li.npctab05off{width:105px; height:24px; background:url(../../Images/guide/npctab_05.gif) no-repeat;}
.npctab li.npctab01off a{width:104px; height:24px; display:block;}
.npctab li.npctab02off a{width:104px; height:24px; display:block;}
.npctab li.npctab03off a{width:104px; height:24px; display:block;}
.npctab li.npctab04off a{width:104px; height:24px; display:block;}
.npctab li.npctab05off a{width:104px; height:24px; display:block;}
.disnone{text-indent:-3000px;}

.en_npctab{width:582px; margin:640px 0 10px 0;}
.en_npctab ul{height:24px; background:url(../../Images/guide/npctab_bg.gif) no-repeat;}
.en_npctab li{float:left;}
.en_npctab li.npctab01on{width:105px; height:24px; background:url(../../Images/guide/en_npctab_01_over.gif) no-repeat;text-indent:-3000px;}
.en_npctab li.npctab02on{width:105px; height:24px; background:url(../../Images/guide/en_npctab_02_over.gif) no-repeat;text-indent:-3000px;}
.en_npctab li.npctab03on{width:105px; height:24px; background:url(../../Images/guide/en_npctab_03_over.gif) no-repeat;text-indent:-3000px;}
.en_npctab li.npctab04on{width:105px; height:24px; background:url(../../Images/guide/en_npctab_04_over.gif) no-repeat;text-indent:-3000px;}
.en_npctab li.npctab05on{width:105px; height:24px; background:url(../../Images/guide/en_npctab_05_over.gif) no-repeat;text-indent:-3000px;}
.en_npctab li.npctab01off{width:105px; height:24px; background:url(../../Images/guide/en_npctab_01.gif) no-repeat;}
.en_npctab li.npctab02off{width:105px; height:24px; background:url(../../Images/guide/en_npctab_02.gif) no-repeat;}
.en_npctab li.npctab03off{width:105px; height:24px; background:url(../../Images/guide/en_npctab_03.gif) no-repeat;}
.en_npctab li.npctab04off{width:105px; height:24px; background:url(../../Images/guide/en_npctab_04.gif) no-repeat;}
.en_npctab li.npctab05off{width:105px; height:24px; background:url(../../Images/guide/en_npctab_05.gif) no-repeat;}
.en_npctab li.npctab01off a{width:104px; height:24px; display:block;}
.en_npctab li.npctab02off a{width:104px; height:24px; display:block;}
.en_npctab li.npctab03off a{width:104px; height:24px; display:block;}
.en_npctab li.npctab04off a{width:104px; height:24px; display:block;}
.en_npctab li.npctab05off a{width:104px; height:24px; display:block;}

.jp_npctab{width:582px; margin:640px 0 10px 0;}
.jp_npctab ul{height:24px; background:url(../../Images/guide/npctab_bg.gif) no-repeat;}
.jp_npctab li{float:left;}
.jp_npctab li.npctab01on{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_01_over.gif) no-repeat;text-indent:-3000px;}
.jp_npctab li.npctab02on{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_02_over.gif) no-repeat;text-indent:-3000px;}
.jp_npctab li.npctab03on{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_03_over.gif) no-repeat;text-indent:-3000px;}
.jp_npctab li.npctab04on{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_04_over.gif) no-repeat;text-indent:-3000px;}
.jp_npctab li.npctab05on{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_05_over.gif) no-repeat;text-indent:-3000px;}
.jp_npctab li.npctab01off{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_01.gif) no-repeat;}
.jp_npctab li.npctab02off{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_02.gif) no-repeat;}
.jp_npctab li.npctab03off{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_03.gif) no-repeat;}
.jp_npctab li.npctab04off{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_04.gif) no-repeat;}
.jp_npctab li.npctab05off{width:105px; height:24px; background:url(../../Images/guide/jp_npctab_05.gif) no-repeat;}
.jp_npctab li.npctab01off a{width:104px; height:24px; display:block;}
.jp_npctab li.npctab02off a{width:104px; height:24px; display:block;}
.jp_npctab li.npctab03off a{width:104px; height:24px; display:block;}
.jp_npctab li.npctab04off a{width:104px; height:24px; display:block;}
.jp_npctab li.npctab05off a{width:104px; height:24px; display:block;}

.npc-container{width:582px; border:1px solid #caad6f; float:left;}
.grade{width:438px; float:left}
.grade dl{width:438px; }
.grade dt{width:100px; background-color:#e7d0a0; border-bottom:1px dashed #caad6f; font-weight:bold; text-align:center;line-height:20px; float:left;}
.grade dd{width:333px; padding-left:5px; border-bottom:1px dashed #caad6f; float:left; line-height:20px; }
.npcname{float:left; width:120px; line-height:20px;}
.npctitle{float:left; width:100px; font-weight:bold; text-align:center;background-color:#e7d0a0;}
.npcsex{float:left; padding-left:5px;}
.grade-info{padding:5px; width:428px; height:92px; border-bottom:1px dashed #caad6f; float:left;line-height:18px;}

.monsterwrap{margin-left:40px; margin-top:20px;}
.monster-container{width:582px; border:1px solid #caad6f; float:left; margin-top:630px;}
.monstername{float:left; width:150px; line-height:20px; letter-spacing:-1px;}
.monstertitle{float:left; width:100px; font-weight:bold; text-align:center;background-color:#e7d0a0;}
.monsterlevel{float:left; padding-left:5px;}


.grade-img01{background:url(../../Images/guide/npcInfo_01.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img02{background:url(../../Images/guide/npcInfo_02.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img03{background:url(../../Images/guide/npcInfo_03.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img04{background:url(../../Images/guide/npcInfo_04.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img05{background:url(../../Images/guide/npcInfo_05.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img06{background:url(../../Images/guide/npcInfo_06.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img07{background:url(../../Images/guide/npcInfo_07.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img08{background:url(../../Images/guide/npcInfo_08.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img09{background:url(../../Images/guide/npcInfo_09.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img10{background:url(../../Images/guide/npcInfo_10.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img11{background:url(../../Images/guide/npcInfo_11.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img12{background:url(../../Images/guide/npcInfo_12.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img13{background:url(../../Images/guide/npcInfo_13.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img14{background:url(../../Images/guide/npcInfo_14.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img15{background:url(../../Images/guide/npcInfo_15.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img16{background:url(../../Images/guide/npcInfo_16.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img17{background:url(../../Images/guide/npcInfo_17.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img18{background:url(../../Images/guide/npcInfo_18.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img19{background:url(../../Images/guide/npcInfo_19.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img20{background:url(../../Images/guide/npcInfo_20.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img21{background:url(../../Images/guide/npcInfo_21.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img22{background:url(../../Images/guide/npcInfo_22.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img23{background:url(../../Images/guide/npcInfo_23.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img24{background:url(../../Images/guide/npcInfo_24.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img25{background:url(../../Images/guide/npcInfo_25.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img26{background:url(../../Images/guide/npcInfo_26.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img27{background:url(../../Images/guide/npcInfo_27.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img29{background:url(../../Images/guide/npcInfo_29.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img30{background:url(../../Images/guide/npcInfo_30.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img31{background:url(../../Images/guide/npcInfo_31.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img32{background:url(../../Images/guide/npcInfo_32.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img33{background:url(../../Images/guide/npcInfo_33.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img35{background:url(../../Images/guide/npcInfo_35.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img37{background:url(../../Images/guide/npcInfo_37.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img38{background:url(../../Images/guide/npcInfo_38.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img39{background:url(../../Images/guide/npcInfo_39.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img40{background:url(../../Images/guide/npcInfo_40.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img41{background:url(../../Images/guide/npcInfo_41.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img45{background:url(../../Images/guide/npcInfo_45.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img60{background:url(../../Images/guide/npcInfo_60.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img62{background:url(../../Images/guide/npcInfo_62.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img67{background:url(../../Images/guide/npcInfo_67.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img68{background:url(../../Images/guide/npcInfo_68.png) no-repeat; width:144px; height:144px; float:left;}
.grade-img82{background:url(../../Images/guide/npcInfo_82.png) no-repeat; width:144px; height:144px; float:left;}

.monster-img01{background:url(../../Images/guide/monster_001.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img02{background:url(../../Images/guide/monster_002.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img03{background:url(../../Images/guide/monster_003.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img04{background:url(../../Images/guide/monster_004.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img05{background:url(../../Images/guide/monster_005.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img06{background:url(../../Images/guide/monster_006.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img07{background:url(../../Images/guide/monster_007.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img08{background:url(../../Images/guide/monster_008.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img09{background:url(../../Images/guide/monster_009.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img10{background:url(../../Images/guide/monster_010.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img11{background:url(../../Images/guide/monster_011.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img12{background:url(../../Images/guide/monster_012.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img13{background:url(../../Images/guide/monster_013.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img14{background:url(../../Images/guide/monster_014.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img15{background:url(../../Images/guide/monster_015.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img16{background:url(../../Images/guide/monster_016.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img17{background:url(../../Images/guide/monster_017.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img18{background:url(../../Images/guide/monster_018.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img19{background:url(../../Images/guide/monster_019.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img20{background:url(../../Images/guide/monster_020.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img21{background:url(../../Images/guide/monster_021.png) no-repeat; width:144px; height:144px; float:left;}
.monster-img22{background:url(../../Images/guide/monster_022.png) no-repeat; width:144px; height:144px; float:left;}