@charset "utf-8";

/* @import url("layout.css"); */
@import url("lightbox.css");




/* common */

/* 20090910 modify01 */
body {margin:0; padding:0; font:13px Trebuchet MS; text-align:center; background:#000000; word-spacing:-1px;}
/* //20090910 modify02 */
div, p, dl, dt, dd, table, th, td, form, fieldset, adddress {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
ul, ol, li {margin:0; padding:0;}
ul li {list-style:none;}
a {text-decoration:none; color:#ffffff;}
a:hover {text-decoration:underline;}
em {font-style:normal;}
img {vertical-align:top;}
img, fieldset {border:0;}
hr, legend {display:none;}
input {margin:-1px 0 1px; font:13px, Trebuchet MS; vertical-align:middle;}
textarea {font:13px Trebuchet MS; overflow:hidden; overflow-y:auto;}
input.text {height:20px; _margin:-1px 0 0; padding:1px 3px 0; border:1px solid #ccc;}
textarea.text {_margin:-1px 0 0; padding:1px 3px 0; border:1px solid #ccc;}
select {font:13px Trebuchet MS; vertical-align:middle;}


/* background main*/
.bg_l {overflow:hidden; position:absolute; right:50%; top:38px; width:50%; height:840px; margin-right:500px; background:url(http://image.metalrage.gamehi.com/images/main/bg_left.gif) right top no-repeat;}
.bg_r {overflow:hidden; position:absolute; right:0; _right:auto; _left:50%; top:38px; width:50%;  height:840px; background:url(http://image.metalrage.gamehi.com/images/main/bg_right.gif) 500px top no-repeat;}
body:first-of-type .bg_l {left:-500px;}
body:first-of-type .bg_r {left:50%;}


/* main */
#main {overflow:hidden; width:1000px; position:relative; text-align:left;margin:0 auto;}
#main .top {position:relative; overflow:hidden; width:1000px; height:162px; background:#000000 url(http://image.metalrage.gamehi.com/images/main/top.gif) left no-repeat;}
#main .main_menu {width:1000px; height:52px; margin:0px 0px 0px 0px; float:left;}
#main .m1 {width:126px; height:52px; padding:0px 0px 0px 0px; float:left;}
#main .m2 {width:109px; height:52px; padding:0px 0px 0px 0px; float:left;}
#main .m3 {width:175px; height:52px; padding:0px 0px 0px 0px; float:left;}
#main .m4 {width:131px; height:52px; padding:0px 0px 0px 0px; float:left;}
#main .m5 {width:145px; height:52px; padding:0px 0px 0px 0px; float:left;}
#main .m6 {width:102px; height:52px; padding:0px 0px 0px 0px; float:left;}
#main .m7 {width:93px; height:52px; padding:0px 0px 0px 0px; float:left;}
#main .m8 {width:119px; height:52px; padding:0px 0px 0px 0px; float:left;}
#main .mainflash {width:1000px; height:505px; padding:0px 0px 0px 0px; float:left;}
#main .footer {clear:both; padding:0px 0px 0px 0px;}



/* common sub*/
.sub_bg_l {overflow:hidden; position:absolute; right:50%; top:38px; width:50%; height:450px; margin-right:460px; background:url(http://image.metalrage.gamehi.com/images/_common/sub_bg_left.gif) right top no-repeat;}
.sub_bg_r {overflow:hidden; position:absolute; right:0; _right:auto; _left:50%; top:38px; width:50%;  height:750px; background:url(http://image.metalrage.gamehi.com/images/_common/sub_bg_right.gif) 460px top no-repeat;}
body:first-of-type .sub_bg_l {left:-460px;}
body:first-of-type .sub_bg_r {left:50%;}
#sub {overflow:hidden; width:920px; position:relative; text-align:left;margin:0 auto;}
#sub .sub_left {width:40px; height:548px; margin:0px 0px 0px 0px; float:left; background:#000000 url(http://image.metalrage.gamehi.com/images/_common/sub_left_line.gif) left no-repeat; float:left;}
#sub .sub_right {width:39px; height:645px; margin:0px 0px 0px 0px; float:left; background:#000000 url(http://image.metalrage.gamehi.com/images/_common/sub_right_line.gif) left no-repeat; float:left;}
#sub .sub_top {overflow:hidden; width:921px; height:175px; background:#000000; margin:0px 0px 0px 0px; float:left;}
#sub .sub_menu { position:relative; width:230px; height:511px; margin:0px 0px 0px 0px; float:left;}
#sub .sub_menutop {overflow:hidden;width:230px; height:14px; margin:0px;}
#sub .sub_menubt {overflow:hidden;width:230px; height:59px; margin:0px 0px 0px 0px;}
#sub .sub_menubottom {overflow:hidden;width:230px; height:143px; margin:0px 0px 0px 0px; background:#000000 url(http://image.metalrage.gamehi.com/images/_common/sub_menu_bottom.gif) left no-repeat;}
#sub .sub_content {clear:both; width:921px; margin:0px 0px 0px 0px; float:left;position: relative; height:auto;}
#sub .sub_content_1{margin:0px 0px 0px 0px; float:left; width:230px;}
#sub .sub_content_2{margin:0px 0px 0px 0px; float:left; width:691px;}
#sub .title {clear:both; width:691px; height:52px; margin:0px 0px 0px 0px; text-align:right}

/* 20090910 modify02 */
#sub .sub_footer_2 {clear:both; width:675px; height:60px; text-align:center; color:#666666; line-height:120%; top:-40px; left:45px; position:relative;}
#sub .sub_footer_3 {clear:both; width:50px; height:40px; padding:0px 0px 0px 0px; text-align:left; line-height:120%; top:0px; left:15px; position:relative;}
/* //20090910 modify02 */
#sub .sub_footer_1 {clear:both; width:600px; height:40px; padding:0px 0px 0px 0px; color:#ffffff; text-align:center; font-size:14px; color:#e9e9e9; font-weight:bold; line-height:120%; top:10px; left:50px; position:relative}
/* end */



/* synopsis */
#sub .synopsis {clear:both; width:691px; height:718px; padding:0px 0px 0px 0px; background:#000000 url(http://image.metalrage.gamehi.com/images/sub/bg_sinopsis.gif) left no-repeat; }
#sub .synopsis_title {clear:both; width:654px; height:55px; padding:0px 0px 0px 0px; position:relative; top:7px; left:20px; color:#484848; font-size:17px; line-height:120%; font-weight:bold;}
#sub .synopsis_content_1 {clear:both; width:600px; height:20px; padding:0px 0px 0px 0px; position:relative; top:320px; left:30px; color:#484848; font-size:13px; line-height:120%;}
#sub .synopsisstory { position:relative; width:400px; height:511px; margin:0px 0px 0px 0px; float:left;}
#sub .synopsissy1 {clear:both; color:#484848; font-size:13px; line-height:130%; height:30px; font-weight:bold;}
#sub .synopsissy2 {clear:both; color:#5b5b5b; font-size:13px; line-height:130%; padding:0 0 5px 0;}


/* metalrage unit */
#sub .unit {clear:both; width:691px; height:948px; padding:0px 0px 0px 0px; background:#000000 url(http://image.metalrage.gamehi.com/images/sub/bg_unit.gif) left no-repeat; }
#sub .unit_title {clear:both; width:640px; height:55px; margin:0px 0px 0px 0px; position:relative; top:65px; left:20px; color:#484848; font-size:16px; line-height:120%; font-weight:bold; text-align:right}
#sub .unit_title1 {clear:both; width:691px; height:59px; margin:0px 0px 0px 0px; background:#000000 url(http://image.metalrage.gamehi.com/images/sub/unit_02.gif) left no-repeat;}
#sub .unit_title1_1 {clear:both; width:660px; height:26px; margin:0px 0px 0px 0px; position:relative; color:#484848; font-size:16px; font-weight:bold; text-align:right; vertical-align:text-bottom; top:4px;}
#sub .unit_title1_2 {width:660px; height:26px;font-size:13px; font-weight: 600; color:#5f5f5f; text-align:right; vertical-align:text-bottom}
#sub .unit_title2 {clear:both; width:691px; height:53px; margin:0px 0px 0px 0px; background:#000000 url(http://image.metalrage.gamehi.com/images/sub/unit_05.gif) left no-repeat;}
#sub .unit_title2_1 {clear:both; width:620px; height:26px; margin:0px 0px 0px 0px; position:relative; color:#484848; font-size:16px; font-weight:bold; vertical-align:text-bottom; left:30px; top:4px;}
#sub .unit_title2_2 {width:620px; height:26px; font-size:13px; font-weight: 600; color:#5f5f5f; vertical-align:text-bottom; position:relative; left:30px;}
#sub .viewunit1 ul{ overflow:hidden; float:left; width:691px; height:339px; background:#000000 url(http://image.metalrage.gamehi.com/images/sub/unit_03.gif) left top no-repeat; padding:0px 0px 0px 0px;}
#sub .viewunit1 li{ float:left;  padding:0px 2px 2px 0px;position:relative; left:34px; top:10px; width:153px;}
#sub .viewunit1 .unit_padding1{ float:left;  padding:0px 2px 2px 0px;position:relative; left:34px; top:0px;}
#sub .viewunit2 ul{ overflow:hidden; float:left; width:691px; height:339px; background:#000000 url(http://image.metalrage.gamehi.com/images/sub/unit_06.gif) left top no-repeat; padding:0px 0px 0px 0px;}
#sub .viewunit2 li{ float:left;  height:339px; padding:0px 2px 2px 0px;position:relative; left:34px; top:10px; width:153px;}
#sub .viewunit2 .unit_padding2{ float:left;  padding:0px 2px 2px 0px;position:relative; left:34px; top:0px;}
.unit_download{ clear:both; float:left; position:relative; left:0px; top:-33px; height:33px; width:129px;  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; overflow:hidden;}

/******************************************************** 2009.09.03 modify *********************************************************************************************************************************************************/
/* gamemode */
#sub .gamemode {clear:both; width:691px; height:611px; padding:0px 0px 0px 0px; background:#000000 url(http://image.metalrage.gamehi.com/images/sub/bg_gamemode.gif) left no-repeat; }
#sub .gamemode_title {clear:both; width:630px; height:105px; margin:0px 0px 0px 0px; position: absolute; color:#484848; font-size:16px; font-weight: bold; vertical-align:text-bottom; top:58px; left:250px; line-height:120%;}
#sub .gamemode_title2 {font-size:13px; font-weight: bold; color:#5f5f5f; vertical-align:text-bottom;left:10px; line-height:120%;}
#sub .flash1 {overflow:hidden; position:relative; width:386px; height:320px; margin:0px 0px 0px 0px; left:30px; top:194px; background-color:#eeeeee0;}
#sub .modeflash1title { position:relative; width:386px; height:22px; margin:0px 0px 0px 0px; text-align:center; font-weight:bold; color:#5b5b5b; font-size:13px;}
#sub .modeflash1 { position: relative; width:386px; height:295px; margin:0px 0px 0px 0px;}
#sub .pve {overflow:hidden; width:114px; height:99px; margin:0px 0px 0px 0px; left:657px; top:245px; float:left; position:absolute}
#sub .modeimg_big {overflow:hidden; position:relative; width:386px; height:320px; margin:0px 0px 0px 0px; left:280px; top:249px;}
#sub .modeimg { position:relative; width:367px; height:256px; margin:0px 0px 0px 0px; border:#c0c0c0 1px solid;}
#sub .pvp {clear:both;width:238px; height:316px; position: absolute; top:287px; left:256px;}
#sub .pvp ul{ float:left; width:240px; height:316px;}
#sub .pvp li{ float:left; width:120px; height:104px;}


/* conceptart */
#sub .conceptart {clear:both; width:691px; height:1000px; padding:0px 0px 0px 0px; background:#000000 url(http://image.metalrage.gamehi.com/images/sub/bg_conceptart.gif) left no-repeat; }
#sub .conceptart_title {clear:both; width:654px; height:55px; padding:0px 0px 0px 0px; position:relative; top:7px; left:20px; color:#484848; font-size:17px; line-height:120%; font-weight:bold;}
#sub .conceptart ul{ overflow:hidden; float:left; width:660px; height:200px; position:relative; top:182px; left:20px; padding:0px 0px 0px 0px;}
#sub .conceptart li{ float:left; width:220px;}
#sub .conceptart_content_1 {clear:both; width:600px; height:20px; padding:0px 0px 0px 0px; position:relative; top:320px; left:30px; color:#484848;}
#sub .conceptartstory { position:relative; width:400px; height:511px; margin:0px 0px 0px 0px; float:left;}
#sub .conceptartsy1 {clear:both; color:#484848; font-size:13px; line-height:130%; height:30px; font-weight:bold;}
#sub .conceptartsy2 {clear:both; color:#5b5b5b; font-size:13px; line-height:130%; padding:0 0 5px 0;}
.art_download{ clear:both; float:left; position:relative; left:0px; top:-34px; height:33px; width:93px;  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; overflow:hidden;}


/* trailer */
#sub .trailer {clear:both; width:691px; height:839px; padding:0px 0px 0px 0px; background:#000000 url(http://image.metalrage.gamehi.com/images/sub/bg_trailer.gif) left no-repeat; }
#sub .trailer_title2_1 {clear:both; width:630px; height:40px; margin:0px 0px 0px 0px; position:relative; color:#484848; font-size:16px; font-weight: bold; vertical-align:text-bottom; top:6px; left:20px;}
#sub .trailer_movietitle {clear:both; width:623px; height:20px; margin:0px 0px 0px 0px; position:relative; top:77px; left:31px; font-weight: bold; color:#5b5b5b; text-align:center;}
#sub .trailer_movie {clear:both; width:623px; height:445px; margin:0px 0px 0px 0px; position:relative; top:81px; left:31px;}
#sub .tr_mbt ul{ overflow:hidden; float:left; width:650px; height:216px; position:relative; top:88px; left:27px; padding:0px 0px 0px 0px;}
#sub .tr_mbt li{ float:left; width:320px;}
/******************************************************** //2009.09.03 modify ************************************************************************************************************************/



/************************************************************ 2009.09.03 add *******************************************************************************/
/*
#top_cp {background-image:url(http://image.metalrage.gamehi.com/images/_common/bg_top_bar.gif); width:100%; height:38px; text-align:center; padding:0 auto 0 auto; margin:0 auto 0 auto;}
#menu2_layer{ height:20px; width:389px; position:relative; z-index:10;}
#menu_2depth{ width:426px; height:76px; background:url(http://image.metalrage.gamehi.com/images/_common/sub_2depth_bg.gif) top left no-repeat; position:absolute; z-index:100; top:25px; left:-35px;}

.top_img_b{ width:2px;}
.top_img_b1{ width:11px;}
.top_img1{ width:111px; text-align:center; vertical-align:top; line-height:12px;}
.top_img2{ width:89px; text-align:center; vertical-align:top; line-height:12px;}
.top_img_border{ border:1px solid #2a2421; margin:10px 0 0 0;}
.top_game_menu_ov{ color:#ff4200; text-decoration:underline; font-size:11px;}
.top_game_menu{ color:#ffffff; font-size:11px; text-decoration:none; }

.game_close_btn{line-height:20px; margin:0 0 0 0;}
.top_img_border{ border:1px solid #2a2421; margin:10px 0 0 0;}
.top_game_menu_ov{ color:#ff4200; text-decoration:underline; font-size:11px;}
.top_game_menu{ color:#ffffff; font-size:11px;}
.game_close_btn{line-height:20px; margin:0 0 0 0;}
*/
/************************************************************ //2009.09.03 add *******************************************************************************/


/************************************************************ 20090908 modify & add *******************************************************************************/
.t_download{float:left; position:relative; left:0px; top:-31px; height:31px; width:89px;  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; overflow:hidden;}
.t_tag{float:left; position:relative; left:92px; top:-31px; height:31px; width:74px;  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; overflow:hidden;}
/************************************************************ //20090908 modify & add *******************************************************************************/