@charset "utf-8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written: Kim Tae sun 090317
updated: 
------------------------------------------------------------
*/

@import url("/css/default.css");

/*
h1{display:none;}
body{background:#eae4c8; font-size:10px; line-height:14px;}
#warp{position:relative; width:100%; min-width:1000px; background:url(http://web-download.netgame.com/fate/images/bg_body.jpg) no-repeat center top;}
#header{position:relative; width:1000px; height:469px; margin:0 auto; font-size:1px; z-index:10;}
#header .start{position:absolute; top:237px; left:2px;}
#container{position:relative; width:962px; padding:0 19px 20px 0; margin:0 auto; z-index:100; _zoom:1; border:1px solid #f00;}
#container:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}
#container .snb {display:inline; float:left; margin:-77px 0 0 0; padding:0 16px 0 0; position:relative;width:195px; border:1px solid #ff0;} 
#container .content{position:relative; float:left; width:540px; border:1px solid #f0f;}
#container .banner{position:relative; float:right; width:195px; margin:-77px 0 0 0;}
#footer{clear:both; width:962px; margin:0 auto;}
*/

/* layout */
h1{display:none;}
body{background:#eae4c8; font-size:10px; line-height:14px;}
#warp{position:relative; width:100%; min-width:1000px; background:url(http://web-download.netgame.com/fate/images/bg_body.jpg) no-repeat center top;}
#header{position:relative; width:1000px; height:469px; margin:0 auto; font-size:1px; z-index:10;}
#header .start{position:absolute; top:237px; left:2px;}
#container{position:relative; width:962px; padding:0 19px 20px 19px; margin:0 auto; z-index:100; _zoom:1;}
#container:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}
#container .snb{display:inline; position:relative; float:left; width:195px; margin:-77px 16px 0 0;}
#container .content{position:relative; float:left; width:540px;}
#container .banner{position:relative; float:right; width:195px; margin:-77px 0 0 0;}
#footer{clear:both; width:962px; margin:0 auto;}


/* login Style */
label{display:none;}
.snb .login{width:195px; height:173px; margin:0 0 10px 0; background:url(http://image.netgame.com/fate/common/login/bg_login.gif) no-repeat left bottom;}
.snb .login fieldset{padding:5px 0 0 10px;}
.snb .login #loginId{float:left; width:102px; height:16px; padding:3px 2px 0 4px; margin:0 0 3px 0; border:none; background:url(http://image.netgame.com/fate/common/login/bg_input01.gif) no-repeat; color:#858585; font-size:9px;}
.snb .login #loginPw{float:left; width:102px; height:16px; padding:3px 2px 0 4px; border:none; background:url(http://image.netgame.com/fate/common/login/bg_input02.gif) no-repeat; color:#858585; font-size:9px;}
.snb .login #loginBtn{float:right; width:61px; height:41px; padding:0; margin:-22px 10px 0 0;}
.snb .login .btn{margin:5px 0 3px 10px;}
.snb .login ul li{padding:0 0 0 7px; margin:0 0 0 13px; background:url(http://image.netgame.com/fate/common/login/icon_view.gif)  no-repeat left center; color:#6e5f38; font-size:9px; line-height:15px;}
.snb .login ul li a{color:#6e5f38;}

/* logout Style */
.logout{width:195px; height:289px; margin:0 0 10px 0; background:url(http://image.netgame.com/fate/main/login/bg_logout.gif) no-repeat left bottom;}
.logout h2{width:195px; height:19px; padding:10px 0 0 0; background:url(http://image.netgame.com/fate/main/login/txt_login01.gif) no-repeat; color:#5c4f43; font-size:12px; text-align:center;}
.logout .profile{padding:5px; margin:5px 0 0 33px; background:url(http://image.netgame.com/fate/main/login/bg_profile.gif) no-repeat;}
.logout ul.logoutBtn{padding:2px 0 0 10px;}
.logout ul.logoutBtn li{padding:6px 0 0 0;}
.logout ul.option{overflow:hidden; width:185px; margin:5px 0 0 10px; _zoom:1;}
.logout ul.option li{float:left; width:62px; padding:0 0 0 6px; background:url(http://image.netgame.com/fate/main/login/icon_view.gif) no-repeat left center; font-size:1px; line-height:1%;}
.logout ul.option li.differ{width:180px; margin-bottom:3px; font-size:10px; line-height:14px; background:url(http://image.netgame.com/fate/main/login/icon_view.gif) no-repeat left 7px;}
.logout ul.option li.differ strong{ display:inline-block; width:60px;}
.logout ul.option li.differ img{vertical-align:middle; }
.logout .btnMail{padding:2px 0 0 10px;}

/* quick button */
.quick{margin:0 0 9px 0;}
.quick ul{width:175px; height:204px; padding:17px 0 0 20px; background:url(http://image.netgame.com/fate/common/bg_quick.gif) no-repeat;}
.quick ul li{width:144px; padding:0 0 18px 0; line-height:1%; font-size:1px;}

/* premium Shop */
.premiumShop{height:200px; background:url(http://image.netgame.com/fate/main/bg_wallpaper.gif) no-repeat left bottom;}
.premiumShop h3{float:right; padding:8px 0; color:#99571b; font-size:10px; line-height:13px; text-align:center; font-weight:bold; letter-spacing:1px;}
.premiumShop p.img{float:left; padding:12px 0; text-align:center;}
.premiumShop p.img img{border:1px solid #000;}
.premiumShop ul{padding:8px 0 0 12px;}
.premiumShop ul li{color:#6e5f38; line-height:13px;}
.premiumShop .more{position:absolute; top:211px; left:10px; width:83px; height:15px;}

.premiumShop dl{margin:0 0 0 10px; width:175px; word-break:break-all; word-wrap:break-word;}
.premiumShop dt{position:relative; padding:0 0 15px 0; font-weight:bold; line-height:13px; overflow:hidden; _zoom:1;}
.premiumShop dt img{float:left; margin:0 5px 0 0; border:1px solid #000; display:inline;}
.premiumShop dt img.hot{position:absolute; top:1px; left:1px; width:auto; width:auto; border:none;}
.premiumShop dt a{color:#99571b;}
.premiumShop dd{float:right; margin:-60px 0 0 0; width:102px; line-height:11px; display:inline;}
.premiumShop dd a{position:relative; color:#635D51 !important;}

/* hot Post */
.hotPost{height:160px; margin:0 0 9px 0; background:url(http://image.netgame.com/fate/main/bg_hotpost.gif) no-repeat left bottom;}
.hotPost ul{padding:0 10px 0 10px;}
.hotPost ul li{height:101px; margin:10px 0 0 0; padding:5px; line-height:13px;  color:#6e5f38;}
.hotPost ul li strong{padding:5px 0 0 10px; color:#231a12; background:url(http://image.netgame.com/fate/common/icon_point.gif) no-repeat 4px 10px;}
.hotPost ul li span.txt strong{display:block; font-weight:normal;}
.hotPost ul li a,
.hotPost ul li a:hover{color:#6E5F38 !important;}
.hotPost ul li span.gmMore{display:block; color:#fff;}
.hotPost ul li span.gmMore a,
.hotPost ul li span.gmMore a:hover{color:#fff;}
.hotPost ul li span.gmMore img{vertical-align:middle;}


/* best Fan Art */
.bestFan{position:relative; height:200px; margin:0 0 9px 0; background:url(http://image.netgame.com/fate/main/bg_fan.gif) no-repeat left bottom;}
.bestFan ul{ padding:0 10px; text-align:center;}
.bestFan ul li{width:173px; padding:1px; margin:8px 0 0 0; line-height:14px; background:url(http://image.netgame.com/fate/main/bg_img.gif) no-repeat left top;}
.bestFan ul li img{display:block; margin:0 0 3px 0;}
.bestFan ul li a{color:#2c2513;}
.bestFan ul li a:visited{color:#2c2513;}
.bestFan ul li span{display:block; color:#6e5f38;}
.bestFan .more{position:absolute; top:172px; left:10px; width:83px; height:15px;}

/* wallpaper */
.wallpaper{position:relative; height:180px; margin:0 0 9px 0; background:url(http://image.netgame.com/fate/main/bg_wallpaper.gif) no-repeat left bottom;}
.wallpaper ul{padding:0 10px;}
.wallpaper ul li{width:173px; padding:1px; margin:8px 0 0 0; line-height:14px; background:url(http://image.netgame.com/fate/main/bg_img.gif) no-repeat left top;}
.wallpaper .more{position:absolute; top:152px; left:10px; width:83px; height:15px;}
.wallpaper img.new{position:absolute; top:37px; left:10px; margin:0; border:none;}

/* poll */
.poll{height:132px; background:url(http://image.netgame.com/fate/main/bg_poll.gif) no-repeat left bottom;}
.poll .txt{padding:18px 24px 0 44px; color:#6e5f38; line-height:13px;}
.poll .btn{padding:15px 0 0 0; text-align:center;}

/* character Ranking */
.ranking{position:relative; margin:0 0 25px 0;}
.ranking .rankingTable{width:520px; margin:7px 10px 0 10px; border-collapse:collapse;}
.ranking .rankingTable th{padding:2px 0 4px 0; background:#8c7b5e; color:#fff; letter-spacing:1px;}
.ranking .rankingTable tbody tr{background:url(http://image.netgame.com/fate/main/bg_table.gif) repeat-x left bottom;}
.ranking .rankingTable td{padding:5px 0 1px 0; color:#636363; text-align:center;}
.ranking .more{position:absolute; top:12px; left:504px; width:23px; height:7px;}

/* notice */
.notice{position:relative; margin:0 0 10px 0;}
.notice ul{padding:0 15px;}
.notice ul li{padding:10px 0 9px 2px; background:url(http://image.netgame.com/fate/main/line_notice.gif) repeat-x left bottom;}
.notice ul li h3{font-size:11px; line-height:16px;}
.notice ul li h3 a{color:#99571b;}
.notice ul li h3 a:visited{color:#99571b;}
.notice ul li p{padding:9px 0 5px 0;}
.notice .more{position:absolute; top:12px; left:504px; width:23px; height:7px;}

/* event */
.event{position:relative; margin:0 0 25px 0;}
.event h3{padding:18px 0 2px 15px; font-size:11px; line-height:16px;}
.event h3 a{color:#da5700;}
.event h3 a:visited{color:#da5700;}
.event .date{padding:3px 0 3px 15px;}
.event .txt{padding:0 0 14px 15px;}
.event .img{margin:0 0 0 12px;}
.event .more{position:absolute; top:12px; left:504px; width:23px; height:7px;}

/* screenshots and player photo */
.screenshot{margin:0 0 25px 0;}
.screenshot,
.players{position:relative;}
.screenshot ul,
.players ul{overflow:hidden; padding:12px 0 0 13px; _zoom:1;}
.screenshot ul li,
.players ul li{float:left; width:114px; padding:0 8px 0 7px; text-align:center; _zoom:1;}
.screenshot ul li a,
.players ul li a{color:#99571b;}
.screenshot ul li a:visited,
.players ul li a:visited{color:#99571b;}
.screenshot ul li img,
.players ul li img{display:block; padding:3px; margin:0 0 3px 0; background:url(http://image.netgame.com/fate/main/bg_screenshot.gif) no-repeat;}
.screenshot ul li span,
.players ul li span{display:block;}
.screenshot .more,
.players .more{position:absolute; top:12px; left:504px; width:23px; height:7px;}

/* banner */
.banner p {margin:0 0 10px 0;}

/* footer */
#footer{overflow:hidden; padding:17px 0 15px 0; border-top:3px solid #c5bca6; _zoom:1;}
#footer p{float:left; padding:0 14px 0 22px;}
#footer ul{overflow:hidden; padding:0 0 8px 2px; border-bottom:1px solid #c7c2aa; _zoom:1;}
#footer ul li{float:left; padding:0 10px; margin:0 0 0 -1px;  background:url(http://image.netgame.com/fate/main/line_footer.gif) no-repeat left center;}
#footer address{padding:7px 0 0 0;}