@charset "utf-8"; 
/* reset */  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:Arial,sans-serif;color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/* global */
#onnetIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
.ir_pm {width:100%;display:block;background-color:none;position:absolute;font-size:19px;word-spacing:-1px;color:white;text-align:center;line-height:25px;align-self:center;margin-top:147px;margin-left:335px;z-index:1010}
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing: 0}
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}

.img_maintop {overflow:hidden;background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/main/gc_mainimage/img_maintop.png) no-repeat;text-indent:-9999px}


/* onnetHead */
.gc_head {position:relative;width:100%;height:600px}
.game_slide {overflow:hidden;position:relative;width:100%;height:600px}
.list_item {position:absolute;top:0;left:0;width:100%;height:600px}
.item_skin {float:left;width:100%;height:600px;text-align:center}
.list_quick {overflow:hidden;position:absolute;top:90px;left:50%;width:68px;height:342px;margin-left:515px}
.list_quick li {float:left;width:58px;height:114px;padding:0 5px}
.list_quick li .link_quick {display:block;font-weight:bold;font-size:12px;line-height:16px;color:#fff;text-align:center}
.list_quick .link_quick .img_maintop {display:block;width:58px;height:67px;margin-bottom:5px}
.list_quick .link_quick .ico_website {background-position:-270px -120px}
.list_quick .link_quick .ico_forum {background-position:-270px -190px}
.list_quick .link_quick .ico_movie {background-position:-330px -120px}

.ico_news {overflow:hidden;float:left;margin:7px 15px 0 0;width:45px;height:15px;font-size:0;line-height:0;background:url(//onnetus.gamescampuscdn.com/ImageWeb/karosreturns/img_state.png) no-repeat 0 0;text-indent:-9999px}
div.ico_notice {background-position:0 0}
div.ico_update {background-position:0 -20px}
div.ico_ongoing {background-position:0 -40px}
div.ico_coming {background-position:0 -60px}
div.ico_done {background-position:0 -80px}

/**** Broadcast ****/
div.body .broadcast { float:left;width:490px; height:136px;}
div.body .broadcast .menutitle #news_blank {border-top:0 none}
div.body .broadcast .broadcast_cont { position:relative; margin:0; padding:0; width:490px; height:136px; padding-top:13px; border-top:none; overflow:hidden; float:left;}
div.body .broadcast .broadcast_cont .news_ticker {width:468px;height:136px;padding:0;margin:3px 0 0 0; }
div.body .broadcast .broadcast_cont li { float:left;width:468px;height:31px;padding:0 12px 0 10px;border-top:1px solid #434343}
/*div.body .broadcast .broadcast_cont li .img_maintop {float:left;width:45px;height:15px;margin:7px 15px 0 0}
div.body .broadcast .broadcast_cont li .ico_notice {background-position:0 -50px}*/
/*div.body .broadcast .broadcast_cont li.ico_news {overflow:hidden;float:left;margin:7px 15px 0 0;width:45px;height:15px;font-size:0;line-height:0;background:url(//onnetus.gamescampuscdn.com/ImageWeb/karosreturns/img_state.png) no-repeat 0 0;text-indent:-9999px}
div.body .broadcast .broadcast_cont li.ico_notice {background-position:0 0}
div.body .broadcast .broadcast_cont li.ico_update {background-position:0 -20px}
div.body .broadcast .broadcast_cont li.ico_ongoing {background-position:0 -40px}
div.body .broadcast .broadcast_cont li.ico_coming {background-position:0 -60px}
div.body .broadcast .broadcast_cont li.ico_done {background-position:0 -80px}*/
div.body .broadcast .broadcast_cont li div {float:left;}
div.body .broadcast .broadcast_cont li div.news_subject { overflow:hidden;float:left;max-width:280px;height:31px;font-size:13px;line-height:28px;color:#fff;white-space:nowrap;text-overflow:ellipsis}
div.body .broadcast .broadcast_cont li div.news_date { float:right;font-size:13px;line-height:30px;color:#fff;font-weight:normal}
div.body .broadcast .broadcast_cont li div.news_blank { float:none; width:0px;}
div.body .broadcast .broadcast_cont a { text-decoration:none; color:#fff; }
/**** Broadcast. End ****/

.gc_notice {position:absolute;bottom:0;left:0;width:100%;height:150px;background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/main/gc_mainimage/bg_alpha80.png) repeat}
.gc_notice .inner_notice {overflow:hidden;width:1000px;height:150px;margin:0 auto}
.tit_rewards {float:left;width:260px;height:110px;margin:20px 20px 0 0;background-position:0 -120px}
.list_notice {float:left;width:490px;padding-top:13px}
.list_notice li {float:left;width:468px;height:30px;padding:0 12px 0 10px;border-top:1px solid #434343}
.list_notice li.fst {border-top:0 none}
.list_notice li .img_maintop {float:left;width:45px;height:15px;margin:7px 15px 0 0}
.list_notice li .ico_ongoing {background-position:0 -90px}
.list_notice li .ico_update {background-position:0 -70px}
.list_notice li .ico_notice {background-position:0 -50px}
.list_notice li .link_notice {overflow:hidden;float:left;max-width:330px;height:30px;font-size:13px;line-height:28px;color:#fff;white-space:nowrap;text-overflow:ellipsis}
.list_notice li .tit_g {font-weight:normal}
.txt_date {float:right;font-size:13px;line-height:30px;color:#fff}
.link_prev {overflow:hidden;position:absolute;bottom:0;left:50%;width:58px;height:89px;padding-top:61px;margin-left:-558px}
.link_prev .img_maintop {float:left;width:18px;height:29px;background-position:-60px -50px}
.link_next {overflow:hidden;position:absolute;bottom:0;right:50%;width:58px;height:89px;padding-top:61px;margin-right:-558px}
.link_next .img_maintop {float:right;width:18px;height:29px;background-position:-80px -50px}
.link_down {float:right;width:210px;height:78px;margin-top:18px;padding-top:32px;background-position:-170px 0;text-indent:0;text-align:center;margin-left:10px}
.link_down:hover {text-decoration:none}
.link_down .txt_title {display:block;font-weight:bold;font-size:18px;line-height:22px;color:#fffc02}
.link_down .txt_download {display:block;font-weight:bold;font-size:24px;line-height:26px;color:#fff}

/* onnetContent */
.gc_body {overflow:hidden;width:1000px;margin:0 auto;padding-top:30px;padding-left:77px;padding-right:77px}
#mArticle {float:left;width:690px}
#mAside {float:right;width:310px}
/* mArticle */
.gc_feature {position:relative;width:509px;height:290px;padding-left:151px;margin-bottom:20px;border:5px solid #d6d6d6}
.box_info {position:absolute;top:0;left:0;width:140px;height:280px;padding:10px 9px 0 10px;word-break:break-word}
.box_info .ico_new {display:block;width:131px;height:50px;margin-bottom:10px;font-weight:bold;font-size:34px;line-height:50px;color:#97bd3e;background:#64821f;text-align:center}
.box_info .tit_feature {display:block;padding-left:4px;font-weight:bold;font-size:20px;line-height:22px;color:#646464}
.box_info .txt_feature {margin-bottom:6px;padding-left:4px;font-weight:bold;font-size:34px;line-height:28px;color:#fff}
.box_info .txt_g {display:block;padding-left:4px;font-weight:bold;font-size:20px;line-height:24px;color:#fff}
.box_info .link_website2 {position:absolute;bottom:55px;left:11px;width:114px;height:27px;padding:11px 0 0 14px;background:#fff}
.box_info .link_website2 .img_maintop {display:inline-block;width:11px;height:15px;margin-right:7px;vertical-align:top}
.box_info .link_website2 .link_g {display:inline-block;font-weight:bold;font-size:16px;line-height:18px;color:#97bd3e}
.box_info .link_website {position:absolute;bottom:9px;left:11px;width:114px;height:27px;padding:11px 0 0 14px;background:#fff}
.box_info .link_website .img_maintop {display:inline-block;width:11px;height:15px;margin-right:7px;vertical-align:top}
.box_info .link_website .link_g {display:inline-block;font-weight:bold;font-size:16px;line-height:18px;color:#97bd3e}
.list_game {overflow:hidden;width:690px}
.list_game li {display:inline-block;width:330px;margin:0 7px 25px 0;vertical-align:top}
.game_thumb {display:block;position:relative;width:326px;height:136px;margin-bottom:10px;border:2px solid #d6d6d6}
.game_thumb .game_skip {display:none}
.game_thumb:hover .game_skip {display:block;overflow:hidden;position:absolute;top:0;left:0;width:303px;height:106px;padding:30px 0 0 23px;background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/main/gc_mainimage/bg_alpha60.png) repeat}
.game_thumb .link_home {float:left;margin:0 0 10px 75px;width:123px;height:31px;border:3px solid #97bd3e;font-weight:bold;font-size:18px;line-height:32px;color:#fff;text-align:center}
.game_thumb .link_skip {float:left;width:123px;height:31px;margin-right:22px;border:3px solid #97bd3e;font-weight:bold;font-size:18px;line-height:32px;color:#fff;text-align:center}
.link_gameinfo {display:inline-block;line-height:14px}
.link_gameinfo .txt_gcgame {font-size:18px;color:#0087c8}
.link_gameinfo .txt_gametype {font-size:12px;color:#646464}
.link_gameinfo .txt_desc {display:block;font-size:11px;line-height:14px;color:#969696}

/* mAside */
.box_facebook {width:295px;margin-bottom:20px;padding:21px 0 20px 13px;border:1px solid #dfdfdf}



.box_newuser {position:relative;width:294px;margin-bottom:20px;padding:21px 0 0 14px;border:1px solid #dfdfdf}
.box_newuser .tit_newuser {width:271px;padding-left:9px;font-size:18px;line-height:32px;color:#0087c8;border-bottom:1px solid #dfdfdf}
.box_newuser .list_user {width:272px;padding:13px 0 0 8px}
.box_newuser .list_user li {margin-bottom:36px}
.box_newuser .tit_user {display:block;font-weight:bold;font-size:14px;line-height:24px;color:#646464}
.box_newuser .txt_user {font-size:11px;line-height:14px;color:#646464}
.box_newuser .txt_user .link_g {color:#0087c8;text-decoration:underline}
.box_newuser .link_more {position:absolute;top:41px;right:20px;width:36px;height:8px;background-position:-60px -90px;text-indent:-9999px}
.list_sns {overflow:hidden;width:186px;margin:0 auto}
.list_sns li {float:left;width:42px;padding:0 10px}
.list_sns li .img_maintop {display:block;width:42px;height:42px;font-size:0;line-height:0}
.list_sns li .link_facebook {background-position:-20px 0}
.list_sns li .link_twitter {background-position:-70px 0}
.list_sns li .link_mov {background-position:-120px 0}



/* footer */
.gc_foot {overflow:hidden;padding-top:151px}
.use_term { clear:both; width:980px; height:30px; line-height:30px; margin:40px auto 0; padding:0px; border-bottom:1px solid #E6E6E6; text-align:center; color:#969696; }
.use_term a { margin:0 5px; color:#969696; text-decoration:underline; }
.footer { clear:left; width:980px; min-height:60px; margin:0 auto; padding:15px 0 55px 0; }
.footer img { float:left; }
.footer img.esrb { float:right; margin:5px 20px; }
.footer div { float:left; margin-top:10px; color:#969696; line-height:30px; font-size:11px; margin-right:70px; vertical-align:middle; }
.footer div b { color:#4D4D4D; }

/* System Message */
#message{ display:none; width:250px;height:100px; background:#282828; border:1px solid #369d16; color:#979797; text-align:center; position:fixed; _position:absolute; _z-index:5000; z-index:5000; right:10px;bottom:10px; }
#message em{ font-weight:bold; color:#389c16; }