﻿@charset "utf-8";
/* reset */
html, body {height: 100%}		
body {margin:0;padding:0;background:#f3f2ee}
body, table, th, td, select, input, textarea, form, a, p, blockquote, li, dd, dt {color:#4b4b4b;font-family:Arial, Verdana;font-size:12px;line-height:150%}
em, cite, address, dfn, var {font-style:normal}
dl, div > ul, ol {list-style:none;margin:0px}
table, img, form, p, div, div > ul, ol, li, dl, dt, dd, fieldset {margin:0px;padding:0}
table {border-collapse:collapse;border-spacing:0}
legend {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;display:none;font-size:0;line-height:0} 
hr, caption {display:none}
img {border:0}
h1, h2, h3, h4 {margin:0;padding:0;line-height:120%}
form,fieldset{margin:0;padding:0}
fieldset,img{border:0 none}
a {text-decoration:none;color:inherit}
a:hover {text-decoration:underline}
a:active {}
a:focus {outline:none}
a.no:hover {text-decoration:none}
select:focus {outline:none}
a.inline {display:inline-block;width:100%;height:100%;text-indent:-10000px}
/*** .borderall {border:1px solid #404447} editable : border color ***/
.show {display:block}
.hide {display:none}


/* global */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px}
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}

/* layout */
.page {float:left;width:100%;min-width:1120px;background-position:50% 0;background-repeat:no-repeat;background-color:#fff;}
.page_skin1 {background-image:url(../images/bg.jpg);}
.page_skin2 {background-image:url(http://image.gamescampus.com/rumblefighter/bg/page_skin2.jpg)}
.page_skin3 {background-image:url(http://image.gamescampus.com/rumblefighter/bg/page_skin3.jpg)}
.page .header {position:relative;z-index:10;width:1120px;height:150px;margin:0 auto}
.page .body {overflow:hidden;width:1115px;margin:0 auto;padding-left:5px}
.page .left {float:left;width:285px;min-height:383px}
.page .center {float:left;padding:0 19px 100px 20px}
.page .contents {float:left;padding:19px 20px;background:#fff;}
.page .contents .inner_cont {float:left;width:728px;padding:20px;border:1px solid #c7c6c4}
.inner_cont .select-box-wrap {margin:0}
.page .foot {overflow:hidden;width:100%}

/* logo */
.tit_logo {position:absolute;top:150px;left:0;width:270px;height:135px}
.tit_logo .link_logo {display:block;width:270px;height:135px}

/* gnb */
.mnb {width:100%;height:100%}
.mnb .gnb_comm {overflow:hidden;position:absolute;top:17px;left:277px;width:830px}
.mnb .link_gnb {display:block;overflow:hidden;width:180px;height:34px;font-size:0px;line-height:0;background:url(../images/img_gnb.png) no-repeat;text-indent:-9999px}
.gnb_comm li {float:left}
.gnb_comm .link_gnb1 {margin-right:12px;background-position:0 0}
.gnb_comm .link_gnb2 {margin-right:47px;background-position:-191px 0}
.gnb_comm .link_gnb3 {margin-right:29px;background-position:-419px 0}
.gnb_comm .link_gnb4 {;background-position:-628px 0}
.gnb_comm .on .link_gnb1 {background-position:0 -35px}
.gnb_comm .on .link_gnb2 {background-position:-191px -35px}
.gnb_comm .on .link_gnb3 {background-position:-419px -35px}
.gnb_comm .on .link_gnb4 {background-position:-628px -35px}
.mnb .submenu {display:none;position:absolute;top:0;width:180px;padding-bottom:6px;background:url(http://image.gamescampus.com/rumblefighter/bg/bg_lnb.png) 0 100% no-repeat}
.mnb .mnb_1 {left:277px}
.mnb .mnb_2 {left:469px}
.mnb .mnb_3 {left:696px}
.mnb .mnb_4 {left:905px}
.submenu .inner_submenu {padding:17px 0 9px;background:#1b1b1b}
.submenu .link_gnb1 {background-position:0 -35px}
.submenu .link_gnb2 {background-position:-191px -35px}
.submenu .link_gnb3 {background-position:-419px -35px}
.submenu .link_gnb4 {background-position:-628px -35px}
.submenu .lnb_comm {padding:0 29px}
.submenu .link_menu {font-weight:bold;font-family:Verdana,sans-serif;font-size:12px;color:#a5a5a5;line-height:24px}
.submenu .link_menu:hover {color:#90d7ff;text-decoration:underline}

/* wrap_start */
.wrap_start {width:100%;height:170px;margin-bottom:35px;padding-top:135px;background:url(../images/frame_start.png) -1px 14px no-repeat;}
.wrap_start .link_dowload {display:block;width:208px;height:99px;margin:0 0 10px 16px}
.wrap_start .link_installation {float:left;width:180px;height:30px;margin:0 9px 0 23px}
.wrap_start .link_beginner {float:left;width:112px;height:24px}

/* wing */
.wing_basic {margin-bottom:22px}
.left .wing_basic {width:250px;margin-left:15px}
.left .wing_sns {width:224px}
.wing_basic .tit_wing {display:block;overflow:hidden;width:100%;height:35px;font-size:0px;line-height:0;text-indent:-9999px}
.wing_basic .link_tit {display:block;overflow:hidden;width:100%;height:100%;font-size:0px;line-height:0;text-indent:-9999px}

/* login */
.wing_loginbox {position:relative;height:219px;padding:41px 0 0 0;color:#6b5720;background:url(../images/frame_login.png) 0 0 no-repeat}
.wing_loginbox .form_login {position:relative;z-index:1;width:100%}
.wing_loginbox label {float:left;margin-left:7px;margin-top:59px;line-height:120%}
.wing_loginbox input {clear:left;float:left;}
.wing_loginbox .lab_login {position:absolute;z-index:20;left:15px;margin-top:0;font-size:10px;color:#4f4844}
.wing_loginbox .lab_id {top:6px}
.wing_loginbox .lab_password {top:36px}
.wing_loginbox .lab_off {display:none}
.wing_loginbox .tf_login {margin:0 0 5px 15px;width:125px;height:21px;color:#4f4844;border:1px solid #dadbd8;text-indent:5px;background:#fff}
.wing_loginbox .inp_remember {float:left;padding:0;margin:60px 0 0 15px;clear:both}
.wing_loginbox .btn_sign {position:absolute;top:0;right:15px;width:85px;height:55px}
.wing_loginbox .btn_signout {position:absolute;top:41px;right:16px;width:85px;height:55px}
.wing_loginbox .btn_facebooksign {position:absolute;top:65px;left:15px;width:220px;height:45px}
.wing_loginbox .bnr_freesignup {
	bottom:2px;
	right:0px;
	width:238px;
	height:95px;
	padding-left:11px;
	cursor:pointer
}
.wing_loginbox .bnr_addcc {position:absolute;bottom:1px;right:1px;width:238px;height:95px;padding-left:11px;cursor:pointer}
.wing_loginbox .lab_remember {width:150px;font-family:tahoma, sans-serif;font-size:11px;color:#3f3f3f}
.wing_loginbox .txt_useract {
	position:relative;
	z-index:1;
	overflow:hidden;
	width:235px;
	height:21px;
	margin:50px 0 0 0px;
	font-size:11px;
	text-align:center;
	text-indent:20px
}
.wing_loginbox .link_useract {font-family:tahoma, sans-serif,微軟正黑體;font-size:12px;line-height:20px;color:#3f3f3f;}
.wing_loginbox .emph_useract {float:right;margin-right:15px;font-weight:bold;color:#902116;text-decoration:underline} 
.wing_loginbox .info_member {height:68px;margin:0 14px 11px;background:url(http://image.gamescampus.com/rumblefighter/bg/login_line.gif) repeat-x 0 100%;color:#c8c8c8} 
.wing_loginbox .txt_greeting {padding-top:4px;width:135px;font-family:tahoma, sans-serif;line-height:17px;color:#000;font-weight:bold} 
.wing_loginbox .ico_facebook {display:inline-block;width:16px;height:16px;background:url(http://image.gamescampus.com/rumblefighter/bg/facebook.png) no-repeat 0 0;vertical-align:top} 
.wing_loginbox .emph_greeting {font-size:11px;font-weight:normal} 
.wing_loginbox .link_greeting {font-size:11px;font-family:tahoma, sans-serif;color:#902116;text-decoration:underline} 

/* social */
.wing_social .tit_facebook {background:url(http://image.gamescampus.com/rumblefighter/title/comm_facebook.png) 0 0 no-repeat}
.social_content {overflow:hidden;width:239px;height:255px;padding:11px 0 20px 9px;border:1px solid #c7c6c5}
.wing_social .inner_cont {overflow:hidden;width:100%;height:255px}
.social_link {width:100%;min-height:100px}

/* sns */
.wing_sns {width:224px;height:49px;padding:12px;border:1px solid #c7c6c5;background:url(../images/social.png) 0 0 no-repeat}
.wing_sns .link_wing {display:block;overflow:hidden;float:left;height:49px;font-size:0px;line-height:0;text-indent:-9999px}
.wing_sns .link_twitter {width:130px}
.wing_sns .link_youtube {width:87px}

/* foot */
.foot p {width:100%;height:1px;border-top:1px solid #cfcecb}
.corpinfo {padding:20px 0 10px 0;width:100%;margin:0 auto;text-align:center;color:#9e9e9e;background-color:#f3f2ee}
.corpinfo a {color:#9e9e9e;margin:0 9px}
.foot .copyright {overflow:hidden;width:1080px;margin:0 auto;padding-bottom:77px}
.foot .company {float:left;padding:34px 43px 0 197px}
.foot .company li {float:left;padding:3px 53px 0 0}
.foot .company a {display:block}
.foot .copyright p {float:left;height:auto;margin-top:28px;border:0 none;font-size:0;line-height:0;width:303px;height:51px;background:url(../images/copyright.png) no-repeat 0 0;text-indent:-9999px}
.page .forum_contents {position:relative;width:1000px;margin-left:15px;padding:30px 40px 270px}
.page .forum_contents .inner_cont {width:998px;padding:0;border:0 none}
.contents .banner {width:100%;height:90px;overflow:hidden}
.contents .title {margin:15px 0 10px 0;width:100%;height:49px;border-bottom:1px solid #c8c8c8}
.forum_contents .title {margin-top:-5px}

/* Sub Menu */
.left .submenu {overflow:hidden;width:250px;margin:0 0 22px 15px}
.left .submenu .title {width:100%;height:40px}
.left .submenu ul {border:1px solid #c7c6c5;border-top:none;background-color:#f3f2ee}
.left .submenu ul li {overflow:hidden;width:246px;height:34px;margin:0 1px;background:url(http://image.gamescampus.com/rumblefighter/bg/sub_bullet.png) left no-repeat;border-top:1px solid #dcdcdc}
.left .submenu ul li:first-child {border-top:none}
.left .submenu ul li a {display:block;width:100%;height:100%;line-height:34px;text-indent:22px;color:#4b4b4b;font-size:14px;font-weight:bold;vertical-align:top}
.left .submenu ul li.selected a {color:#8a0705}

/* Buttons */
.btn_buyit {float:left;margin:0;padding:0;width:75px;height:25px;line-height:25px;color:#fff;font-weight:bold;text-align:center;background-color:#cd5500;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0px 1px 2px #d1d1d1;-webkit-box-shadow:0px 1px 2px #d1d1d1;box-shadow:0px 1px 2px #d1d1d1} /*** editable : size, text color, bgcolor, shadow color ***/
.btn_normal {float:left;margin-left:10px;width:75px;height:25px;line-height:25px;color:#fff;font-weight:bold;text-align:center;background-color:#a14a39;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0px 1px 2px #d1d1d1;-webkit-box-shadow:0px 1px 2px #d1d1d1;box-shadow:0px 1px 2px #d1d1d1} /*** editable : size, text color, bgcolor, shadow color ***/
.btn_submit {background-color:#c84d00}
.btn_cancel {float:left;margin-left:10px;width:75px;height:25px;line-height:25px;color:#fff;font-weight:bold;text-align:center;background-color:#a9a9a9;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0px 1px 2px #d1d1d1;-webkit-box-shadow:0px 1px 2px #d1d1d1;box-shadow:0px 1px 2px #d1d1d1} /*** editable : size, text color, bgcolor, shadow color ***/
.btn_upload {float:left;margin-left:20px;width:85px;height:20px;line-height:20px;color:#fff;font-weight:bold;text-align:center;background-color:#a9a9a9;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0px 1px 2px #d1d1d1;-webkit-box-shadow:0px 1px 2px #d1d1d1;box-shadow:0px 1px 2px #d1d1d1} /*** editable : size, text color, bgcolor, shadow color ***/
/* Buttons. End */

#mainbanner {width:810px !important;height:300px !important}
#mainbanner img {width:810px !important;height:300px !important}

div.description {float:left;margin-top:10px;padding:10px;width:710px;height:auto}
div.description h4 {margin:15px 0 10px 0;color:#3c9813;font-weight:bold;font-size:10pt}
div.description h4:first-child {margin-top:0}
div.description .screenshot {margin-top:10px}
div.description .screenshot li {clear:none;float:left;margin-left:15px;width:222px;height:134px;padding:1px}
div.description .screenshot li:first-child {margin-left:0}
div.description .screenshot li img {width:222px;height:134px}
div.description h2 {font-size:18px;font-weight:bold}
div.description p {margin:15px 0;line-height:18px}
div.description p span {font-weight:bold;color:#00697f}

.pop_wrap {display:none;position:relative;margin:0 auto;width:987px}
.pop {position:absolute;top:1000px;left:257px;width:471px;height:614px;border:1px solid #5b9d82;background:#ffffff url(http://image.gamescampus.com/gamescampus/signup/bg_top.gif) top center repeat-x;z-index:11}
.pop .close {position:absolute;top:7px;right:10px;width:20px;height:20px;cursor:pointer;z-index:12;background:url(http://image.gamescampus.com/gamescampus/signup/btn_close.gif) no-repeat}
.pop span.title {margin-left:15px;height:35px;line-height:35px;color:#ffffff;font-size:14px;font-weight:bold}
.pop .pop_bg {margin:11px;background-color:#ebebeb;width:447px;height:555px}
.pop .pop_body {float:left;margin:5px;background-color:#FFFFFF;width:435px;height:543px;overflow:hidden;border:1px solid #b4b4b4}
.pop .pop_body .info {width:100%;min-height:127px;margin:0;margin-bottom:10px;padding:0px;overflow:hidden;border-bottom:1px solid #C8C8C8;background-color:#F5F5F5}
.pop .pop_body .info div {margin:20px 0 20px 20px;line-height:normal}
.pop .pop_body .signbox {clear:left;float:left;margin-top:5px;margin-left:20px;width:395px;height:185px}
.pop .pop_body .signbox h1 {font-size:12px;margin:0px;color:#359c17}
.pop .pop_body .signbox h1 a {font-size:12px;margin:0px;color:#359c17;text-decoration:underline}
.pop .pop_body .signbox form input {width:393px;height:28px;line-height:28px;margin-bottom:10px;border:1px solid #d3d3d3;background:#f0f0f0;text-indent:10px}
.pop .pop_body .signbox form textarea {clear:left;margin-top:10px;padding:10px;width:373px;height:200px;border:1px solid #d3d3d3;background:#f0f0f0}
.pop .pop_body .signbox form input.btnsign {margin:19px 0 0 147px;width:100px;height:36px;color:#FFFFFF;font-weight:bold;background:url(http://image.gamescampus.com/common/button/sign.gif) no-repeat;border:none;cursor:pointer;font-size:13px;text-indent:0;letter-spacing:normal}

/*修正因為bootstrap而導致的亂版*/
.page .body div{
	box-sizing: initial;
}