@charset "utf-8";
@Import url("common.css");

/***** MyAccount AddCC Wrap *****/
div.body .content_wrap .title { width:728px; height:42px; margin:16px 10px 10px 10px; border-bottom:1px solid #E1E1E1; }
div.body .content_wrap .title p { margin-left:15px; width:auto; height:100%; line-height:42px; font-size:12pt; color:#4D4D4D; font-weight:bold; }

/**** Campus Game List ****/
div.body .content_wrap .download_wrap { position:relative; float:left; margin:0 10px 10px 10px; width:728px; z-index:0; }
div.body .content_wrap .download_wrap .menutitle { background-position:0px -54px; }
div.body .content_wrap .download_wrap ul { margin:0; padding:0; width:100%; height:auto; min-height:423px; }
div.body .content_wrap .download_wrap ul li { float:left; width:100%; height:152px; margin-bottom:10px;  }
div.body .content_wrap .download_wrap ul li div { position:relative; float:left; width:357px; height:152px; margin:0px; border:1px solid #E1E1E1; z-index:0; }
div.body .content_wrap .download_wrap ul li div.even { margin-left:10px; }
div.body .content_wrap .download_wrap ul li div.cbt { background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/main/game_ico_cbt.gif) top right no-repeat;  }
div.body .content_wrap .download_wrap ul li div.new { background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/main/game_ico_new.gif) top right no-repeat;  }
div.body .content_wrap .download_wrap ul li div p { float:left; margin:10px; width:131px; height:79px; border:2px solid #D7D7D7; overflow:hidden; }
div.body .content_wrap .download_wrap ul li div p img { width:131px; height:79px; }
div.body .content_wrap .download_wrap ul li div fieldset { margin:10px 10px 0 0; padding:0; }
div.body .content_wrap .download_wrap ul li div dl { float:left; margin-top:12px; padding:0; color:#4D4D4D; }
div.body .content_wrap .download_wrap ul li div dl a { text-decoration:none; color:#4D4D4D; }
div.body .content_wrap .download_wrap ul li div dl dt, div.body .content_wrap .download_wrap ul li div dl dd { line-height:13px; }
div.body .content_wrap .download_wrap ul li div dl dt a { font-weight:bold; color:#369C15; font-size:10pt;  }
div.body .content_wrap .download_wrap ul li div dl dd { margin:0; padding:0; }
div.body .content_wrap .download_wrap ul li div dl dd.genre a { font-size:8pt; color:#888888; }
div.body .content_wrap .download_wrap ul li div dl dd.info { margin-top:2px; }
div.body .content_wrap .download_wrap ul li div dl dd input { position:absolute; right:10px; bottom:10px; }
div.body .content_wrap .download_wrap ul li div .btns { position:relative; width:100%; height:48px; line-height:48px; border:none; border-top:1px solid #E1E1E1; background-color:#F5F5F5; }
div.body .content_wrap .download_wrap ul li div .btns span { margin-left:15px; color:#888888; }
div.body .content_wrap .download_wrap ul li div .btns span em { font-size:15px; font-weight:bold; color:#4D4D4D; }
div.body .content_wrap .download_wrap ul li div .btns img { position:absolute; top:10px; right:13px; }
/**** Campus Game List. End ****/

/**** Popup *****/
div.body .content_wrap .download_wrap .popup_wrap { float:left; width:726px; min-height:600px; color:#4d4d4d; border:1px solid #5B9D82; background:#ffffff url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/signup/bg_top.gif) top center repeat-x; z-index:11; margin-bottom:60px; }
div.body .content_wrap .download_wrap .popup_wrap .close { position:absolute; top:7px; right:10px; width:20px; height:20px; cursor:pointer; z-index:12; background:url(//onnetus.gamescampuscdn.com/ImageWeb//gamescampus/signup/btn_close.gif) no-repeat; }
div.body .content_wrap .download_wrap .popup_wrap span.title { margin-left:15px; height:35px; line-height:35px; color:#ffffff; font-size:14px; font-weight:bold; border:none; }
div.body .content_wrap .download_wrap .popup_wrap .sep { margin:0 auto; width:413px; height:1px; background-color:#e1e1e1; }
div.body .content_wrap .download_wrap .popup_wrap .wrap { margin:10px; width:706px; height:auto; }

div.body .content_wrap .download_wrap .popup_wrap .wrap .header { width:100%; height:32px; line-height:32px; border-bottom:1px solid #E1E1E1; }
div.body .content_wrap .download_wrap .popup_wrap .wrap .header b { margin:0 0 10px 10px;  }
div.body .content_wrap .download_wrap .popup_wrap .wrap p.desc { margin:10px; }
div.body .content_wrap .download_wrap .popup_wrap .wrap p.desc span { color:#369D15; }
div.body .content_wrap .download_wrap .popup_wrap .wrap a.client { margin:0 0 20px 240px; }
div.body .content_wrap .download_wrap .popup_wrap .wrap a.mirror { margin:0 0 20px 8px; }

div.body .content_wrap .download_wrap .popup_wrap .wrap table.system { clear:left; float:left; width:708px; margin:0 5px; border:1px solid #dcdcdc; background-color:#fff; }
div.body .content_wrap .download_wrap .popup_wrap .wrap table.system thead th { height:30px; border:1px solid #dcdcdc; color:#4b4b4b; font-weight:bold; background-color:#f5f5f5; }
div.body .content_wrap .download_wrap .popup_wrap .wrap table.system thead th.sys { background-color:#ebebeb; }
div.body .content_wrap .download_wrap .popup_wrap .wrap table.system tbody td, table.system tbody th { height:30px; border:1px solid #dcdcdc; color:#4b4b4b; text-align:center; }
div.body .content_wrap .download_wrap .popup_wrap .wrap table.system tbody th { background-color:#f5f5f5; font-weight:bold; }

div.body .content_wrap .download_wrap .popup_wrap .wrap div.note { float:left; margin:10px 10px 100px 10px; }
div.body .content_wrap .download_wrap .popup_wrap .wrap div.note b { color:#4382C5; }
div.body .content_wrap .download_wrap .popup_wrap .wrap div.note a { color:#369D15; text-decoration:underline; }

/**** Popup. End *****/