body{
	font-family: helvetica, 微軟正黑體;
	background-color: #000;
	background-position:center top;
	background-attachment:fixed;
	background-repeat:repeat;
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
	text-align:center;
}

img{
	border:0px;
}

ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul > li{
	margin:0px;
	padding:0px;
}

.text_red{
	color: red;
}
/*--需要消失的PC版區塊--*/

.roc_menu{
	display: none;
}

/*----menu----*/ 

.roc_menu_mb{
	margin: 0 auto;
	width:100%;
	position: fixed;
	top: 0;
	box-shadow:0px 5px 10px rgba(0, 0, 0, 0.5) ;
}
.roc_menu_mb img{
	width:100%;
}
.roc_menu_mb_list{
	display: none;
	background: url(../images/menu_mb_bg.jpg) repeat-x;
	background-color: #000;
}
#roc_menu_close{
	display: none;
}

/*----kv----*/ 
.roc_kv{
	width:100%;
	margin:0px auto;
	margin-top: 13%;
}
.roc_kv img{
	width:100%;
}
.btn_signup{
	margin:10% auto;
	text-align: center;
}
.btn_signup img{
	width:100%;
}

/*----徵選辦法----*/ 
.roc_part1{
	padding: 10% 0px;
	width: 100%;
	background: url(../images/bg1.jpg);
	
}
.roc_part1 img{
	width:100%;
}
.roc_box{
	width:90%;
	margin:0px auto;
	font-size: 20px;
	line-height: 36px;
	color: #fff;
}

.roc_box a{
	color: #ff0000;
	text-decoration:none;
}
.roc_box a:hover{
	color: #fff100;
	text-decoration:none;
}
.jtr_box{
	padding-top:10%;
	width:90%;
	margin:0px auto;
	font-size: 20px;
	line-height: 36px;
	color: #fff;
}

/*----徵選辦法----*/ 
.roc_part2{
	padding:10% 0px;
	width: 100%;
	background: url(../images/bg2.jpg);
	background-size:cover;
}
.roc_part2 img{
	width:100%;
}
.msg_box{
	width:90%;
	margin:0px auto;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	text-align: left;
}
.game_text_box{
	padding-top:10%;
	width:90%;
	margin:0px auto;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	text-align: left;
}
/*==如果不要捲軸效果 把這邊註解掉就好==*/
.msg_text_box{
	width:80%;
	margin:0px auto;
	margin-top:5%;
	padding: 2%;
	border: 1px #5c0309 solid;
	background-color:rgba(0,0,0,0.7);
	height: 300px;
	overflow-x:hidden;
	overflow-y:auto;
}
.msg_text_box::-webkit-scrollbar { width: 12px; }
.msg_text_box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } 
.msg_text_box::-webkit-scrollbar-thumb {background:#5c0309; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } 
.msg_text_box::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); } 


/*==如果不要捲軸效果 end==*/

/*----徵選流程----*/ 
.roc_part3{
	padding:10% 0px;
	width: 100%;
	background: url(../images/bg3.jpg);
	background-size:cover;
}
.roc_part3 img{
	width:100%;
}
.process_box{
	width:90%;
	margin:0px auto;
	font-size: 18px;
	line-height: 36px;
	color: #fff;
	text-align: left;
}
.process_text{
	margin:0px auto;
}
.process_text_title{
	background: url(../images/icon.jpg) no-repeat;
	background-position:2% 50%;
	background-color: #3b3739;
	padding-left:12%;
	line-height: 350%;
	margin: 5% 0;
}

.process_table{
	border: 1px #fff solid;
	background: #000;
	width:100%;
	line-height: 200%;
}
.process_table tr,th,td{
	border: 0px;
}
.process_table th{
	background: #860303;
	padding: 2%;
}
.process_table td{
	padding: 2%;
}
.process_table_trbg_gary{
	background: #1b1b1b;
}