@charset 'utf-8';
ul, li, ol { list-style: none; margin: 0; padding: 0; } dl, dt, dd { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } li img, dt img, dd img { vertical-align: top; }
img { border: 0; } form { margin: 0; padding: 0; }
a { cursor:pointer; outline: none; behavior:expression(this.onFocus=this.blur());}
* { font-family: "微軟正黑體", "Hiragino Kaku Gothic Pro", Meiryo, Arial, Helvetica, sans-serif; word-break: break-all; line-height: 1.5; }

.ptcl {width: 100%; height: 1900px; position: absolute; z-index: 1; }

body { margin: 0; padding: 0; line-height: 2.0em; font-size: 14px; background:#000; }

.main_visual { width:100%; height:100%; background: url(../images/main_visual_pc.jpg) no-repeat top center; float: left; overflow: hidden; }

.wrapper{ width:100%; min-width:240px; max-width:1200px; margin:0px auto 0; padding:0; position:relative;}
.pcimg{ height:804px; display:block; }
.spimg{display:none;} .spimg img{ width:100%;}

.logo{
	position: fixed;
	background: url(../images/rc_logo.png) no-repeat center;
	background-size: contain;
	width: 242px;
	height: 108px;
	margin-top: 40px;
	margin-left: 20px;
	z-index: 100;
}


.skipbar { width:100%; background-color: #656565; text-align: center;}
.skipbar a { color: #fff; font-size: 20px; line-height: 30px; }
.skipbar a:hover { color: #a9ff12;}


.btn-cover,.btn-cover2{transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease;}
.btn-cover:hover,.btn-cover2:hover {transform:scale(0.95);}

.btn-cover { position: absolute; left: 290px; bottom: 200px; width: 309px; height: 110px; background: url(../images/btn-cover.png) no-repeat; }

.btn-cover2 { position: absolute; left: 580px; bottom: 200px; width: 309px; height: 110px; background: url(../images/btn-cover2.png) no-repeat; }




.footer{ width:100%; clear:both;
background: #000;
}
.footer_wrap{ overflow: hidden; *zoom: 1; max-width:1200px; height: 100px; margin: 0 auto; padding-left:2%; padding-right:2%; background: url(../images/cr-pc.png) no-repeat top center;}

@media screen and (min-width:1000px) and (max-width:1300px){
	.logo{position: fixed;
	background: url(../images/rc_logo.png) no-repeat center;
	background-size: contain;
	width: 88px;
	height: 40px;
	margin-top: 5px;
	margin-left: 5px;
		z-index: 100;}
}
@media screen and (min-width:1301px) and (max-width:1600px){
	.logo{position: fixed;
	background: url(../images/rc_logo.png) no-repeat center;
	background-size: contain;
	width: 125px;
	height: 56px;
	margin-top: 5px;
	margin-left: 5px;
		z-index: 100;}
}

@media screen and (max-width: 919px) {

.main_visual{ background:none; }
.pcimg{ display:none; }
.spimg{ display:block; position:relative; }

.logo{ width: 3.42rem; height: 1.54rem; background-size:3.42rem 1.54rem; position: absolute; margin-left: 25%; margin-top: 2%; }	

.btn-cover{ left: 0.7rem; top: 4.7rem; width: 3.09rem; height: 1.10rem; background-size:3.09rem 1.10rem; }
.btn-cover2{ left: 3.6rem; top: 4.7rem; width: 3.09rem; height: 1.10rem; background-size:3.09rem 1.10rem; }

.footer{ width:100%; padding-top:0px; padding-bottom:0px; }

.footer_wrap { width: 7.5rem; height: 1.7rem; background: url(../images/cr-sp.png) no-repeat top center; background-size: 7.5rem 1.7rem;}
	
}