﻿.spot_Visual { clear:both; height:322px;  }
.homeMain { padding:20px 11px 0 11px; /* background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_spot_homeMain.jpg) no-repeat left top; */ }

.btn_gamePlay { 
	position:absolute; 
	left:4px; 
	top:72px;
	padding-top:42px;
	width:285px; 
	height:88px; 
	font-family:Times New Roman, Times, serif; 
	font-weight:bold; 
	color:#faf83d;
	text-align:center;
	background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_playBtn.png) no-repeat -7px top; 
	
}
.btn_gamePlay a { 
	padding-top:17px;
	width:255px;
	height:51px;
	font-size:32px; 
	line-height:32px;
	text-shadow:-1px -1px 0 #141414;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1, Color=#141414, Positive=true);
	display:inline-block; 
	zoom:1;
	color:#faf83d;
	
}

.btn_gamePlay a.longtext { 
	padding-top:8px;
	width:255px;
	height:58px;
	font-size:26px;
	line-height:26px; 
	text-shadow:-1px -1px 0 #141414;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1, Color=#141414, Positive=true);
	display:inline-block; 
	zoom:1;
	color:#faf83d;
}

.section_homeRolling { float:left; width:658px; height:279px; }

/* sprite */

.mainTopBanner .position span, .section_homeMain_news .titleBox .linkBtn_sns a.twitter, .section_homeMain_news .titleBox .linkBtn_sns a.facebook, .section_homeMain_news .titleBox .linkBtn_sns a.youtube, 
.section_homeMain_news .titleBox .linkBtn_sns a.rss_feed, .section_homeMain_news .titleBox .linkBtn_sns a.blog, .section_homeMain_news .titleBox .linkBtn_sns a.google, .fanGallery .bl, span.btnAdd,
.fanGallery .br, .rankingBoard .datatable tbody tr td .icon_level_up , .rankingBoard .datatable tbody tr td .icon_level_down , .rankingBoard .datatable tbody tr td .icon_level_keep { background: url(http://simg.gpotato.eu/rappelz/2012/common/bg/sprite_lines.png); }

/* home main top rolling */
.mainTopBanner{width:656px; height:277px;position:relative; border:1px solid #000; overflow:hidden}
.mainTopBanner ul {position:relative;}
.mainTopBanner ul li{position:absolute;top:0; left:0;width:100%; height:277px}
.mainTopBanner ul li div{position:absolute;height:69px;background:#000; opacity:0.95; bottom:0; left:0; width:100%;-ms-filter: alpha(opacity=95);filter: alpha(opacity=95);}
.mainTopBanner .title{font-family:"Times New Roman", Times, serif;color:#ff6000; line-height:1em; font-size:18px;margin:9px 13px 0 13px;}
.mainTopBanner .summary{margin:5px 13px; color:#c08142;}
.mainTopBanner .position{position:absolute; right:9px; top:8px;}
.mainTopBanner .position span{display:inline-block; background-repeat: no-repeat; background-position: 0px -112px; width:14px; height:14px; cursor:pointer; *margin-left:4px;}
.mainTopBanner .position span.on{background-position:0 -126px;}

/* top_R_banner_area */
.section_quickBanner { float:right; width:288px; }
.section_quickBanner ul { }
.section_quickBanner ul li.first { margin-top:0px; }
.section_quickBanner ul li { margin-top:6px; }
.section_quickBanner ul li:hover { margin-top:6px; }
.section_quickBanner ul li.first:hover { margin-top:0px; }
.section_quickBanner ul li a { display:block; padding-left:15px; height:89px; font-family:Times New Roman, Times, serif; font-size:20px; color:#8d7b6d; line-height:1.25em; }
.section_quickBanner ul li a:hover { color:#ffa300; }

.section_quickBanner ul li a.banner_01 { background:#3a342f url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_qucikBanner_01_off.png) no-repeat right top; }
.section_quickBanner ul li a.banner_01:hover { background:#342d29 url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_qucikBanner_01_on.png) no-repeat right top; }

.section_quickBanner ul li a.banner_02 { background:#3a342f url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_qucikBanner_02_off.png) no-repeat right top; }
.section_quickBanner ul li a.banner_02:hover { background:#342d29 url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_qucikBanner_02_on.png) no-repeat right top; }

.section_quickBanner ul li a.banner_03 { background:#3a342f url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_qucikBanner_03_off.png) no-repeat right top; }
.section_quickBanner ul li a.banner_03:hover { background:#342d29 url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_qucikBanner_03_on.png) no-repeat right top; }

.section_quickBanner ul li a span.text { display:inline-block; width:180px; overflow:hidden; vertical-align:middle; cursor:pointer; line-height:1em;  }
.section_quickBanner ul li a span.groundPoint { display:inline-block; width:0%; height:86px; vertical-align:middle; cursor:pointer;  }

*first-child+html .section_quickBanner ul li a span.text { display:inline; zoom:1; }
*first-child+html .section_quickBanner ul li a span.groundPoint { display:inline; zoom:1; }

.section_quickBanner ul li span.textStyle { display:block; font-family:Tahoma; font-size:13px; color:#6f635a; line-height:1.4em; }
.section_quickBanner ul li a.banner_01:hover span.textStyle {color:#ffa300;}

/* news */
.section_homeMain_news { }

.section_homeMain_news .titleBox { position:relative; border-bottom:1px solid #363632;  }
.section_homeMain_news .titleBox h3 { padding:3px 10px 3px 10px; border-bottom:1px solid #000000; }
.section_homeMain_news .titleBox .linkBtn_sns { padding-left:6px; }
.section_homeMain_news .titleBox .linkBtn_sns a { display:inline-block; width:15px; height:15px; text-indent:-5000px; overflow:hidden; }
*:first-child+html .section_homeMain_news .titleBox .linkBtn_sns a { display:inline; zoom:1; vertical-align:6px; }
.section_homeMain_news .titleBox .linkBtn_sns a.twitter, .section_homeMain_news .titleBox .linkBtn_sns a.facebook, .section_homeMain_news .titleBox .linkBtn_sns a.youtube, .section_homeMain_news .titleBox .linkBtn_sns a.rss_feed, .section_homeMain_news .titleBox .linkBtn_sns a.blog, .section_homeMain_news .titleBox .linkBtn_sns a.google { background-repeat: no-repeat; }
.section_homeMain_news .titleBox .linkBtn_sns a.twitter { background-position: 0 -284px; }
.section_homeMain_news .titleBox .linkBtn_sns a.facebook { background-position: 0 -250px; }
.section_homeMain_news .titleBox .linkBtn_sns a.youtube { background-position: 0 -301px; }
.section_homeMain_news .titleBox .linkBtn_sns a.rss_feed { background-position: 0 -267px; }
.section_homeMain_news .titleBox .linkBtn_sns a.blog { background-position: 0 -318px; }
.section_homeMain_news .titleBox .linkBtn_sns a.google { background-position: 0 -336px; }

.section_homeMain_news .titleBox .btn_more { position:absolute; right:0px; top:0px; }

.section_homeMain_news ul { overflow:hidden; }
.section_homeMain_news ul li { padding:25px 8px 22px 8px; border-bottom:1px solid #000; }
.section_homeMain_news ul li.last { border-bottom:0px; }
.section_homeMain_news ul li .title a { font-family:Times New Roman, Times, serif; font-size:18px; color:#ff9600; }
.section_homeMain_news ul li .cnts { position:relative; margin-top:8px; padding:0 0 0 158px; }
.section_homeMain_news ul li .pldNone { padding-left:0; }
.section_homeMain_news ul li .cnts .sum_pic { position:absolute; left:0px; top:0px; width:144px; height:108px; border:1px solid #000; }
.section_homeMain_news ul li .cnts .sum_pic img { width:144px; height:108px; }
.section_homeMain_news ul li .cnts .summary { height:50px; line-height:1.4em; overflow: hidden; word-break: break-word; word-wrap: break-word;  }
.section_homeMain_news ul li .cnts .summary a { color:#dabaa0; word-break: break-word; word-wrap: break-word; }
.section_homeMain_news ul li .cnts .item_infor { margin-top:10px; font-size:11px; color:#695C54; }
.section_homeMain_news ul li .cnts .item_infor a { font-size:11px; color:#695C54; }
.section_homeMain_news ul li .cnts .item_infor a:hover { font-size:11px; color:#ea803d; }
.section_homeMain_news ul li .cnts .btn_sns { position:relative; margin-top:14px; height: 20px; }
.section_homeMain_news ul li .cnts .btn_sns .cnts_textMore { position:absolute; right:0px; bottom:0px; font-size:11px; color:#c87b0d; }
.section_homeMain_news ul li .cnts .btn_sns .cnts_textMore a { font-size:11px; color:#c87b0d; text-decoration:underline; }
.section_homeMain_news ul li .cnts .btn_sns .cnts_textMore a:hover { color:#ea803d; }


/* fang allery */
.fanGallery{width:280px;height:222px; padding:4px; background:url(http://simg.gpotato.eu/rappelz/2012/homeMain/bg_fan_gallery.jpg) no-repeat;position:relative; }
.fanGallery h3{padding:9px 0 7px 15px; border-bottom:1px solid #363028;}
.fanGallery .wrap{width:280px; overflow:hidden;position:relative;}
.fanGallery .wrap ul{height:181px;  position:relative; }
.fanGallery .wrap ul li{ width: 281px; height:277px; position:absolute }
.fanGallery a.left{position:absolute; top:96px; left:13px;}
.fanGallery a.right{position:absolute; top:96px; right:13px}
.fanGallery .submitImage{position:absolute;bottom:4px;left:4px; width:280px; height:40px; background:#000; text-align:center;opacity:0.70;-ms-filter: alpha(opacity=70);filter: alpha(opacity=70);}
.fanGallery .submitImage a{font-weight:bold; color:#dabaa0; display:inline-block; margin-top:12px; background-repeat: no-repeat; padding-left: 5px; }
.fanGallery .btnType02{position:absolute; top:13px; right:10px}
.fanGallery .bl, .fanGallery .br{ background-repeat: no-repeat; width:9px; height:8px; line-height:8px; position:absolute; bottom:4px;}
.fanGallery .bl{ background-position: 0 0; left:4px;}
.fanGallery .br{ background-position: 0 -10px; right:4px;}

span.btnAdd { display: inline-block; position: relative; width: 13px; height: 13px; background-repeat: no-repeat; background-position: 0 -156px;}

/* sns */
.snsFans{ margin-top:22px; width:280px; height:276px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_sns_fans.jpg) no-repeat; padding:4px; overflow:hidden}
.snsArea{border:1px solid #b0771f;height:244px;width:278px;margin-left:-1px;overflow:hidden}

/* news expansion */
.expansion { position:relative; margin-top:22px; padding:4px; width:280px; height:120px; background:url(http://simg.gpotato.eu/rappelz/2012/common/bg/bg_expansion_outline.jpg) no-repeat left top; }
.expansion_banner {  }
.position_mark { position:absolute; left:0px; top:0px; width:280px; height:120px; background:url(http://simg.gpotato.eu/rappelz/2012/common/common_banner_logo.png) no-repeat center 13px; }

/* ranking */
.rankingBoard { position:relative; margin-top:22px; background:url(http://simg.gpotato.eu/rappelz/2012/homeMain/bg_leaderboard_outline_btm.jpg) no-repeat left bottom; overflow:hidden; }
.rankingBoard .innerBox {padding:4px; background:url(http://simg.gpotato.eu/rappelz/2012/homeMain/bg_leaderboard_outline_top.jpg) no-repeat left top; }

.rankingBoard .btn_more { position:absolute; right:4px; top:16px; }

.rankingArea{position:relative; overflow:hidden; padding:50px 4px 8px; border:1px solid #b0771f;}

.rankingBoard .datatable { width:270px; border-collapse:collapse; border-spacing:0px; table-layout:fixed;}
.rankingBoard .datatable thead tr th { padding:9px 0 9px 10px; font-family:Times New Roman, Times, serif; font-size:14px; color:#caad82; text-align:left; background-color:#1d170d; }
.rankingBoard .datatable thead tr th.blank_area { height:1px; padding:0 !important; font-size:0px !important; background-color:transparent !important; border-bottom:1px solid #08090a; }
.rankingBoard .datatable tbody tr td {padding:7px 0 7px 10px; font-size:11px; color:#ddd0c9; border-top:1px solid #08090a; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.rankingBoard .datatable tbody tr td.level { padding-left:20px; }
/*.rankingBoard .datatable tbody tr td.name{padding:0 10px;}*/
.rankingBoard .datatable tbody tr td.alignC {padding:0; text-align:center; }
.rankingBoard .datatable tbody tr td .icon_level_up , .rankingBoard .datatable tbody tr td .icon_level_down , .rankingBoard .datatable tbody tr td .icon_level_keep { display:inline-block; margin-right:5px; width:12px; height:12px; vertical-align:middle; background-repeat:no-repeat; }
.rankingBoard .datatable tbody tr td .icon_level_up { background-position: -66px 3px; }
.rankingBoard .datatable tbody tr td .icon_level_down { background-position: -66px -30px;  }
.rankingBoard .datatable tbody tr td .icon_level_keep { background-position: -67px -63px; }
.rankingBoard .datatable tbody tr td .mark { display:inline-block; margin-right:9px; width:15px; height:15px; vertical-align:middle; border:1px solid #08090a; }

.rankingSelect{position:absolute; left:4px; top:18px;}
.rankingSelect .selectForm{left:0; top:0;}

.rankingBoard .tabType01 li.titleLeader a{height:23px; padding-top:12px;}
.rankingBoard .tabType01 li.titleDungeon a{height:31px; padding-top:4px;}
.rankingBoard .tabType01 li a{background-position:0 -115px; font-size:13px; line-height:13px;}
.rankingBoard .tabType01 li a.on{background-position:1px -80px;}