/* 
------------------------------------------------------------
MGAME Web Design Team
first written: Yang Young bok 181112
updated:
------------------------------------------------------------
*/
/* sub */
.wrap{background:url(../image/bg_wrap.jpg) no-repeat center 0}
.table{border-collapse:collapse;width:100%}
.path{position:absolute;top:45px;right:29px;padding:0 0 0 15px;background:url(../image/bu_path.gif) no-repeat;font-size:11px;color:#969696}
/* news */
.list{border-bottom:4px solid #dccba9}
.list th{padding:7px 5px;background:#5f5754;font-weight:normal;font-size:15px;color:#fff}
.list td{padding:10px 5px;border-top:1px solid #dccba9;font-size:14px;color:#4b4b4b;text-align:center}
.list td a{display:block;text-align:left}
.list tr:nth-child(odd){background:#f9f5f0}
.pagination{margin:36px 0 22px 0;font-weight:bold;color:#3b3e45;text-align:center}
.pagination a,.pagination strong{margin:0 3px}
.pagination a:hover,.pagination strong{color:#4772cb}
.fSearch{margin:0 auto 90px auto;padding:9px;width:640px;border:1px solid #e4e4e4;background:#f5f5f5;text-align:center}
.fSearch *{vertical-align:middle}
.fSearch legend{display:none}
.fSearch select{width:130px;height:23px;border:1px solid #c1c1c1;font-size:11px}
.fSearch input[type=text]{padding:3px 5px;width:230px;height:15px;border:1px solid #c1c1c1}
.fSearch button{border:none;background:none;cursor:pointer}
.newsView .title{position:relative;background:#5f5754;font-size:15px;color:#fff}
.newsView .title div{padding:6px 15px}
.newsView .title div:first-child{border-bottom:1px solid #fff}
.newsView .title span{display:inline-block;width:60px;font-weight:normal;font-size:11px}
.newsView .date{position:absolute;bottom:0;right:0;font-size:15px}
.newsView .view{margin:0 0 10px 0;padding:25px;min-height:300px;border-bottom:3px solid #d0e0ff;font-size:14px;line-height:22px}
.newsView .view p{margin:0 0 25px 0;color:#4b4b4b}
.button{text-align:right;word-spacing:1px;overflow:hidden;_zoom:1}
.button .left{float:left;margin:0 5px 0 0}
/* game */
.about,.howto,.guide{border-top:3px solid #c86f0f}
.about h3{position:relative;margin:23px 0 0 0;padding:14px 10px;border-radius:5px;background:#5e5654;font-size:20px;color:#fff}
.about h3 span{position:absolute;top:11px;right:10px;font-weight:normal;font-size:12px;color:#b8b8b8;text-align:right}
.about h4{margin:35px 0 20px 0;font-size:20px;color:#c86f0f}
.about p{margin:0 0 25px 0;font-size:14px;line-height:22px;color:#4b4b4b}
.about1{margin:0 8px 0 0;padding-right:340px;background:url(../image/img_about1.jpg) no-repeat right 34px}
.about2{margin:75px 0 0 0;padding:0 0 420px 0;background:url(../image/img_about2.jpg) no-repeat center bottom}
.characters li{margin:30px 0 0 0;padding:35px 370px 0 45px;height:240px;background:url(../image/bg_characters.jpg) no-repeat;overflow:hidden}
.characters h3{margin:0 0 10px 0;font-size:20px;color:#ddd;text-transform:uppercase}
.characters h3 strong{display:block;margin:-5px 0 0 0;font-size:30px;color:#ff9000}
.characters p{margin:0 0 30px 0;font-size:16px;line-height:25px;color:#777b95}
.characters .blade{background-position:0 0}
.characters .mystic{background-position:0 -305px}
.characters .piercing{background-position:0 -610px}
.characters .overseer{background-position:0 -915px}
.characters .majestic{padding-right:360px;background-position:0 -1220px}
.characters .monk{background-position:0 -1525px}
.characters .beast{background-position:0 -1830px}
.tabs{margin:0 0 30px 0;padding:9px 0 0 36px;border:solid #343232;border-width:1px 1px 0 1px;background:#1a1919;*zoom:1}
.tabs:after{content:'';display:block;clear:both}
.tabs li{float:left;margin:0 15px 0 0;padding:0 10px 0 0;height:50px;background:url(../image/bg_tabs.png) no-repeat right 0}
.tabs a{display:block;margin:0 0 0 -10px;padding:13px 0 0 10px;min-width:204px;height:37px;background:url(../image/bg_tabs.png) no-repeat;font-weight:bold;font-size:20px;color:#acacac;text-align:center}
.tabs .on{background-position:right -50px}
.tabs .on a{background-position:0 -50px;color:#423b39}
.howto{font-size:14px;line-height:22px}
.howto .tabs{margin-top:30px}
.howto h3{margin:50px 0 20px 0;font-size:20px;color:#c86f0f}
.howto p{margin:0 0 30px 0}
.tableCamera{border:solid #bab4a9;border-width:1px 1px 0 1px}
.tableCamera th,.tableCamera td{padding:10px 25px;border-bottom:1px solid #bab4a9}
.tableCamera th{border-right:1px solid #b99e7d;background:#f5cd99;font-weight:normal;text-align:left}
.tableCamera td{background:#f6f2e1}
.slots{overflow:hidden;_zoom:1}
.slots img{float:left;margin:0 15px 0 0}
.guide h3{margin:30px 0 20px 0;font-size:20px;color:#c86f0f}
.guide .box{padding:10px;background:#ece5d8;font-size:14px;line-height:40px;color:#ab9a77}
.guide a{margin:0 20px;color:#958156;text-decoration:none}
.guide a:hover{font-weight:bold;color:#e52713;letter-spacing:-1px}
/* ranking */
.tabSub{margin:0 0 2px 0;border-radius:5px 5px 0 0;background:#3a3534;overflow:hidden;_zoom:1}
.tabSub li{float:left}
.tabSub a{display:block;padding:12px 24px 15px 25px;font-weight:bold;font-size:14px;color:#acacac}
.tabSub .on a{background:url(../image/bu_arrow.gif) no-repeat center 33px;color:#efdd19}
.tableRanking th{font-weight:bold;font-size:11px}
/* community */
.welcome{padding:7px 15px;background:#5f5754;font-weight:bold;color:#fff}
.greeting{padding:76px 0 0 264px;height:111px;background:url(../image/bg_forums.jpg) no-repeat;font-size:18px;line-height:24px;color:#a3c1b8}
.forums li{position:relative;padding:44px 0 0 264px;height:143px;background:url(../image/bg_forums.jpg) no-repeat;font-size:14px;line-height:18px;color:#eee}
.forums .online{background-position:0 -187px}
.forums .steam{background-position:0 -374px}
.forums .facebook{background-position:0 -561px}
.forums h3{margin:0 0 5px 0}
.forums a{position:absolute;top:133px;left:308px;font-family:Verdana;font-size:12px;color:#3c3f4e}
/* support */
.downloads h3{margin:40px 0 30px 0;padding:7px 15px;background:#5f5754;font-weight:normal;font-size:15px;color:#fff}
.downloads h3:first-child{margin:0 0 10px 0}
.downloads .download{text-align:center}
.downloads h3+.download{margin:0 0 28px 0}
.downloads h4{margin:0 0 8px 0;font-size:14px;text-align:center;color:#7b7b7b}
.downloads p{margin:0 auto 15px auto;width:640px;font-size:14px;line-height:18px;color:#7b7b7b}
.tableDownload{margin:0 auto;width:640px;font-size:14px}
.tableDownload th,.tableDownload td{padding:5px 10px}
.tableDownload th{background:#d5d1cd;color:#ac823f}
.tableDownload td{border-bottom:1px solid #ded9d3;color:#7b7b7b}
.tableDownload td:first-child{text-align:center}
.tableDownload img{vertical-align:middle}
.tableDownload span{display:inline-block;width:150px}
.tableDownload.system th,.tableDownload.system td{width:50%}
.tableDownload.system td:first-child{text-align:left}
.tableDownload.requirement tbody th,.tableDownload.requirement tbody td{border:1px solid #ded9d3;border-width:0 0 1px 0;background:#fff;font-weight:normal;color:#7b7b7b}
.tableDownload.requirement tbody td{padding-left:50px;border-width:0 0 1px 1px;text-align:left}
.patch{margin:0 auto;display:block;width:640px;text-align:center}
.patch a{display:block;background:#f6ebe0;font-size:14px;line-height:67px;text-decoration:underline}