@charset "utf-8";
/* Standard */

*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body {margin:0 0; padding:0 0; width:auto; text-align:center; font-family:verdana, arial, tahoma; color:#444444; line-height:150%;  font-size:11px; background:url('http://image.mapleeurope.com/en/new_main/bg_pattern.jpg') 0 30px repeat;}
ul, li {list-style:none; margin:0; padding:0;}
hr {display:none; clear:both;}
img {border:0}
table {border-collapse:collapse;}
table th, table td{padding:0;}

form { margin:0; }
textarea,td,form {font-family:verdana, arial, tahoma; font-size:11px;}
select	{font-family:arial, verdana, tahoma; font-size:11px;}

.radio		{vertical-align: -4px;}
ul.bullet01 {list-style:none;padding:0px;margin:7px;}
ul.bullet01 li	{background:url('http://image.mapleeurope.com/en/bullet/bullet01.gif') no-repeat 0 10px;padding:7px 0 3px 10px;}

ul.p {list-style:none;padding:0px;margin:0px;}
ul.p li	{padding:0 0; margin:0 0;}

a {color: #444444;}
a:link {color:#444444;text-decoration:none}
a:visited {color:#444444;text-decoration:none}
a:hover {color:#444444;text-decoration:underline}

.orenge {color: #FF5A00;}
.orange a {color: #FF5A00;font-weight:bold}
.orange a:link {color:#FF5A00;text-decoration:none;font-weight:bold}
.orange a:visited {color:#FF5A00;text-decoration:none;font-weight:bold}
.orange a:hover {color:#FF5A00;text-decoration:underline;font-weight:bold}

.green_p {margin:0 0 0 10px;}
.green_t {margin:0 0 0 10px;color:#33A500; text-decoration:underline}

.green a {color: #454545;font-weight:normal}
.green a:link {color:#454545;text-decoration:none}
.green a:visited {color:#454545;text-decoration:none}
.green a:hover {color:#33A500;text-decoration:underline}

.poll_re {color:#5EA20D}
.cen {text-align:center}

/* layout */
#wrap	{background:url(http://image.mapleeurope.com/en/new_main/bg_btm.jpg) bottom repeat-x; width:100%; min-width:1350px; padding-bottom:230px;}
#body	{width:1075px; margin:0 auto;}

#top    {background:url(http://image.mapleeurope.com/en/new_main/bg_top.jpg) no-repeat; height:369px; width:1075px; margin-left:-140px; padding-left:140px; padding-right:140px;}
#sub_top {background:url(http://image.mapleeurope.com/en/new_main/sub/bg_sub_top.jpg) no-repeat center; height:305px; width:1075px; margin-left:-115px; margin-left:-115px; padding-left:115px; padding-right:115px;}

#mid_wrap {margin-top:-369px; padding-top:330px; z-index:50; position:relative;}

#left_area, #left_area_main, #mid_area, #right_area, #mid_area_sub, #right_area_sub {float:left;}
#left_area {width:228px; margin-right:11px;}
#left_area_main {width:228px; margin-right:12px;}
#mid_area {width:595px; margin-bottom:0; margin-right:12px; }
#mid_area_sub01 {margin-left:11px;}
#mid_area_sub {background:url(http://image.mapleeurope.com/en/new_main/sub/con_bg_mid.gif) 0 10px; repeat-y; width:655px; margin-bottom:23px; margin-right:11px; text-align:left;}
#right_area {margin-top:-10px; margin-right:-14px; width:228px; text-align:left;}
#right_area_sub { background:url(http://image.mapleeurope.com/en/new_main/sub/bg_flash_banner.png) no-repeat; margin-top:-10px; padding-top:19px; padding-left:10px; height:629px; width:170px; margin-right:-10px;}

/* footer */
#footer {clear:both; width:100%; text-align:center; }
#about {padding-bottom:15px;}
#bottom {padding-top:8px; text-align:left; padding-left:72px;}
.logo {vertical-align:top; margin-top:14px;}
.copy {vertical-align:top;}
.select {vertical-align:top;}

#footer_b	{line-height:17px; font-size:10px; width:160px; background:url('http://image.mapleeurope.com/en/footer_b_bg.gif') repeat;}
.footer_select {z-index:1000; position:absolute; width:160px; visibility: hidden;display: block;}

/* left_area */
#login_area {margin-top:-112px; z-index:1000; padding-top:137px; height:291px; margin-bottom:-140px;}
#log_off {margin-left:18px; text-align:left; padding-left:3px;}
.find {float:left; margin-top:10px; vertical-align:top;}
@-moz-document url-prefix() { .find {padding-top:5px;}}

#log_on {margin-left:18px;}
#log_on #charecter {float:left; width:96px; height:96px; text-align:center;}
#log_on #charecter img {margin:auto; padding:auto;}
#log_on #log_detail {float:left; margin-top:3px; font-size:10px;}
#log_on #log_detail #log_id {background:url(http://image.mapleeurope.com/en/new_main/bg_login_id.gif) bottom no-repeat; width:96px; color:#ff5400; font-size:12px; height:24px; line-height:24px; font-family:Arial;}
#log_on #log_detail #log_level {background:url(http://image.mapleeurope.com/en/new_main/log_tit_level.gif) no-repeat; height:16px; padding-left:39px; text-align:left; margin-top:5px;}
#log_on #log_detail #log_rank {background:url(http://image.mapleeurope.com/en/new_main/log_tit_rank.gif) no-repeat; height:16px; padding-left:39px; text-align:left;}
#log_on #log_detail #log_move {background:url(http://image.mapleeurope.com/en/new_main/log_tit_move.gif) no-repeat; height:16px; padding-left:37px; text-align:left; margin-bottom:7px;}
#log_on #log_detail #log_move>img {vertical-align:text-top;}
#log_on #log_detail #btn01 {float:left; padding-right:6px; }
#log_on #log_detail #btn02 {float:left; }
#log_on #log_info {background:url(http://image.mapleeurope.com/en/new_main/bg_login_info.gif) no-repeat; padding-left:32px; clear:both; height:25px; text-align:left; color:#000000; line-height: 24px; font-family:Arial;}

#banner_01 {padding-top:8px;} 
#banner_02 {padding-top:6px;}
@-moz-document url-prefix() {#banner_02 {padding-top:4px;}}

#other_link {background:url(http://image.mapleeurope.com/en/new_main/bg_link.gif) no-repeat; margin-top:14px; padding-top:54px; padding-left:20px; width:228px; height:324px; text-align:center; vertical-align:top;}
#other_link #icon_link_all {padding:0 11px 0 36px; height:59px;}
#other_link #icon_link li {float:left; padding:0 5px; margin-bottom:0px;}
#other_link #link_bar {width:190px; clear:both; height:1px; #padding-top:-13px;}
#other_link #link_bar img {#margin-left:-19px; #float:left;}
#other_link #link_frame {width:190px; padding-top:5px; height:168px; vertical-align:top; #float:left;}


/* mid_area */
#news {}
#news img {text-align:left;}

#news_btn {width:595px; padding-top:18px;}
#news_btn li {float:left;}
#news_icon, #news_title, #news_date, #news_date, #news_more{float:left;}
.news_more {width:335px; text-align:right;}
.news_bar {margin-top:6px;clear:both;}

#news_contents {padding-top:6px;}
#news_contents>li {width:595px;}
#news_aticle {padding-top:5px; clear:both;}
#news_aticle #news_icon {padding-right:10px; vertical-align:middle;}
#news_aticle #news_title {width:438px; text-align:left; font-weight:bold;}
#news_aticle #news_date {width:100px; text-align:left; color:#888888;}
#news_aticle #news_date02 {width:100px; color:#888888; float:right;}

.news_title_txt a {color: #666666;font-weight:bold; line-height:160%;}
.news_title_txt a:link {color:#666666;text-decoration:none; font-weight:bold; line-height:160%;}
.news_title_txt a:visited {color:#666666;text-decoration:none; font-weight:bold; line-height:160%;}
.news_title_txt a:hover {color:#666666; text-decoration:underline; font-weight:bold; line-height:160%;}

/*
#news_aticle #news_date {width:85px; text-align:left; color:#888888;}
#news_aticle #news_more {width:13px;}
#news_aticle #news_view {clear:both; padding-left:57px; width:513px; color:#888888; text-align:left; line-height:14px; margin-bottom:12px;}
#news_aticle #news_view a{color:#888888;}
*/
#news_aticle .news_view {clear:both; padding-left:12px; width:560px; color:#888888; text-align:left; line-height:16px; margin-bottom:10px;}
#news_aticle .news_view a{color:#888888;}

.mid_mid {clear:both;}
#ranking {float:left; padding-top:20px; width:293px;}
#rank_btn {padding-top:5px; height:25px;}
#ranking #rank_btn li {float:left;}
#rank_detail {background:url(http://image.mapleeurope.com/en/new_main/bg_rank.gif) no-repeat; width:293px; height:154px; clear:both;}
@-moz-document url-prefix() { #rank_detail {margin-top:-4px;}}
#rank_detail td {font-family:verdana, arial, tahoma; color:#444444; line-height:24px; font-size:11px;}
#rank_detail img {vertical-align:text-bottom;}
	#rank_detail #rank_info {width:125px; height:154px; vertical-align:middle; text-align:left; padding-left:13px;}
	#rank_people {padding-left:12px;}
	
.rank_orenge {color: #444444;}
.rank_orange a {color: #444444; font-weight:normal}
.rank_orange a:link {color:#444444;text-decoration:none;font-weight:normal}
.rank_orange a:visited {color:#444444;text-decoration:none;font-weight:normal}
.rank_orange a:hover {color:#644dc5;text-decoration:none;font-weight:normal;}

#tip {float:left; padding-top:20px; width:293px; padding-left:8px;}
#tip_contents {background:url(http://image.mapleeurope.com/en/new_main/bg_tip.gif) no-repeat; width:293px; height:179px; text-align:left; margin-top:5px; padding-bottom:24px; }

.tip_tit		a {color: #644dc5;font-weight:bold; line-height:140%;}
.tip_tit		a:link {color:#644dc5;text-decoration:none;font-weight:bold; line-height:140%;}
.tip_tit		a:visited {color:#644dc5;text-decoration:none;font-weight:bold; line-height:140%;}
.tip_tit		a:hover {color:#644dc5;text-decoration:underline;font-weight:bold; line-height:140%;}

.tip_con		a {color: #444444; line-height:130%;}
.tip_con		a:link {color:#444444;text-decoration:none; line-height:130%;}
.tip_con		a:visited {color:#444444;text-decoration:none; line-height:130%;}
.tip_con		a:hover {color:#444444;text-decoration:underline; line-height:130%;}

.tit_mapletip {padding-bottom:5px;}

#game_img {clear:both; width:595px;}
#gimg_btn li {float:left;}
#gimg_list {width:595px; height:144px; background:url(http://image.mapleeurope.com/en/new_main/bg_gimg.gif) no-repeat; padding:19px 26px 20px 26px; #margin-top:-1px;}
#gimg_list li {float:left;}
.gimg_list {width:130px; padding:0 3px;}
.gimg img {border:1px #b0b0b0; width:130px; height:83px;}
.gimg_txt {padding-top:7px; height:14px; padding-left:2px;}


/* right_area */
#update {}
#update_btn {float:left; margin:0; padding:0; height:45px; width:242px;}
#update_con {clear:both; background:url(http://image.mapleeurope.com/en/new_main/bg_update.gif) no-repeat; width:242px; height:141px; padding:8px 0 0 14px;}
#update_txt {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; padding-left:50px;}

#poll {padding-top:10px;}
@-moz-document url-prefix() { #poll {padding-top:2px;}}


#poll_detail {width:214px; margin:0 7px;}
#poll_tit {font-size:11px; line-height:120%; padding:0 5px 8px; background:url(http://image.mapleeurope.com/en/new_main/bar_poll.gif) no-repeat bottom;}
#poll_list {padding-top:8px;}
.poll_list {font-size:11px; line-height:20px; padding-bottom:5px;}
.poll_btn {text-align:center; padding-top:0px;}
.poll_bar {padding:0; margin:0; background:#000000;}

#flash_game {padding-top:10px;}


/*sub page*/
#contents_area {background:url(http://image.mapleeurope.com/en/new_main/sub/con_bg_top.gif) top no-repeat; width:655px; padding-top:30px; padding-bottom:20px;}
#flash_banner {background:url(http://image.mapleeurope.com/en/new_main/sub/bg_flash_banner.png) no-repeat; width:180px; padding-top:19px; padding-left:10px;}

#left_menu {background:url(http://image.mapleeurope.com/en/new_main/sub/left_tit_bg.gif) repeat-y; text-align:left;}
#left_menu_list {padding-left:25px; text-align:left; line-height:200%; width:188px;}

.orenge {color: #FF5A00;}
.orange a {color: #FF5A00;font-weight:bold}
.orange a:link {color:#FF5A00;text-decoration:none;font-weight:bold}
.orange a:visited {color:#FF5A00;text-decoration:none;font-weight:bold}
.orange a:hover {color:#FF5A00;text-decoration:underline;font-weight:bold}

.arial	{font-family:arial, verdana, tahoma;}

#main_fla				{position:relative; top:0px ; z-index:1000000; float:left; text-align:left; margin-left:0px;}
#main_fla01				{position:absolute;}