@charset "utf-8";
/* CSS Document */
/**/
#hhead{
	position:relative;
	width:100%;	
	/*height:;910px*/
	padding-bottom:45.5%;
	background-attachment: scroll;
	background-image: url(../images/h/h_bg.jpg);
	/*background-image: url(../images/h_head.jpg);*/
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100% auto;
	overflow:hidden;
	}
.hbg{
	background-attachment: scroll;
	background-image: url(../images/inbg.jpg);
	background-repeat:repeat-y;
	background-position: 50% 0%;
	background-size: 100% auto;
	}
/**/
.hcontent{
	position:relative;
	width:1394px;/*69.7%*/
	min-height:350px;
	margin:0 auto;
	background-attachment:scroll;
	background-image:url(../images/box_01.jpg),url(../images/box_03.jpg),url(../images/box_02.jpg);
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:50% 0%,50% 100%,50% 50%;
	background-size:100% auto,100% auto,100% auto;
	text-align:center;
	/**/
	font-size:1.5rem;
	line-height:2.2rem;
	color:#4d4124;
	}
.hcbg{
	position:relative;
	width:100%;
	/*height:65px;*/
	padding-bottom:4.3%;/*4.8*/
	display:inline-block;
	}
.hcbg2{
	position:relative;
	width:100%;
	padding-bottom:2%;
	display:inline-block;
	}
.h_tit{
	position:relative;
	width:100%;
	display:block;
	text-align:center;
	}
.h_tit img{
	width:610px;
	display:inline-block;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
/**/
.timebox{
	position:relative;
	text-align:center;
	}
.timebox img{
	position:absolute;
	width:36%;/*29.6*/
	display:inline-block;
	margin-left:-18%;/*-14.8*/
	left:50%;
	bottom:15px;
	}
/**/
.award{
	position:relative;
	display:block;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	}
.reward{
	position:relative;
	display:block;
	margin:0 auto;
	margin-bottom:30px;
	}
.reward{
	width:90%;
	background-attachment: scroll;
	background-image: url(../images/s1.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}
.award > div{
	position:relative;
	display:inline-block;
	padding:0 5px 0 5px;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.reward> div{
	position:relative;
	width:48%;
	display:inline-block;
	padding:0 5px 0 5px;
	text-align:center;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}	
.award > div img{display:inline-block;}
.reward > div img{display:inline-block;}
/**/
.gobt{
	position:relative;
	width:35%;/*684px*/
	/*height:180px;*/
	padding-bottom:9.210495%;/*26.3157*/
	display:block;
	cursor:pointer;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;/**/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image: url(../images/go.gif);
	background-position:50% 0%;
	background-size:100% auto;
	}
.gobt:hover{background-position:50% 100%;}
.butmbox{ text-align:center;}
.butm{
	position:relative;
	width:257px;
	height:196px;
	display:inline-block;
	cursor:pointer;
	margin:10px 5px -4px 5px;
	margin-top:10px;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	/*background-size:100% auto;*/
	}
.butm:hover{background-position:50% 100%;}
.butm1{background-image: url(../images/butm_01.jpg);}
.butm2{background-image: url(../images/butm_02.jpg);}
.ba{background-position:50% 100%;}
/**/
.matterbox{
	position:relative;
	width: 1333px;	
	/*border-radius:50px;*/
	margin:0 auto;
	background-attachment:scroll;
	
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:50% 0%,50% 100%,50% 50%;
	background-size:100% auto,100% auto,100% auto;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	/**/
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	}
.mat1{background-image:url(../images/mbox_01.jpg),url(../images/mbox_03.jpg),url(../images/mbox_02.jpg);padding:25px 0 23px 0;}
.mat2{background-image:url(../images/mbox2_01.jpg),url(../images/mbox2_03.jpg),url(../images/mbox2_02.jpg);padding:10px 0 23px 0;}
.mcbox{
	position:relative;
	width:79%;
	font-size:1.6rem;
	line-height:2.5rem;
	color:#5b430a;
	margin:0 auto;
	padding:55px 0 60px 0;
	}
.mcbox > ul{ padding-left:22px;}
.mcbox > ul li{list-style-type:decimal;}
.mcbox .htx{
	position:relative;
	font-size:2rem;
	line-height: 3.5rem;
	color: #382810;
	font-weight: 600;
	display:block;
	margin:10px 0 5px 0;
	left:-5px;
	}
.mcbox strong{position:relative;color:#382810; display:block;margin-bottom:5px;}
.red_t{color:#bb2b28;}
.bb_t{font-weight:600;}
/**/
.acbx{padding:20px 0 30px 0;}
.acbox1,.acbox2{
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:0 45px 0 0;
	overflow:hidden;
	}
.acbox1{background-image:url(../images/dir1.png);}
.acbox2{background-image:url(../images/dir2.png);}
.acbox3{display:inline-block;overflow:hidden;}
.acbt{
	width:85%;
	font-size: 1.6rem;
	line-height: 2.5rem;
	color:#bb2b28;
	text-align:center;
	display:block;
	margin:0 auto;
	margin-top:10px;
	}
.acbt2{
	width:85%;
	font-size: 1.6rem;
	line-height: 2.5rem;
	color:#bb2b28;
	text-align:center;
	display:block;
	margin:0 auto;
	margin-bottom:15px;
	}
.acbox{
	position: relative;
	width:310px;
	display:inline-block;
	cursor:pointer;
	/*margin: 0 auto;*/
	background-attachment: scroll;
	background-repeat: no-repeat,repeat-y;
	background-position: 50% 100%,50% 0%;
	background-size: 100% auto,100% auto;
	padding: 0 0 25px 0;
	font-size:1.8rem;
	line-height:2.5rem;
	font-weight:600;
	overflow:hidden;
	/**/
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	}
.act{
	position:relative;
	width:100%;
	display:block;
	background-attachment:scroll;	
	background-repeat:no-repeat,repeat-y;
	background-position:50% 0%,50% 0%;
	background-size:100% auto,100% auto;
	padding:8px 0 3px 0;
	font-size:2rem;
	line-height:2.5rem;	
	/**/
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	}
.acc{
	width:87%;
	/*min-height:50px;*/
	display:block;
	margin:0 auto;
	padding:18px 0 5px 0;
	color:#FFF;
	/**/
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	 }
.ach{min-height:120px;}	 
.acc span{font-size: 1.5rem;font-weight:500;}		
.ac1a{background-image:url(../images/acbox1_01.jpg),url(../images/acbox1_02.jpg);}
.ac1b{background-image:url(../images/acbox1_04.jpg),url(../images/acbox1_03.jpg);}	
.ac2a{background-image:url(../images/acbox2_01.jpg),url(../images/acbox2_02.jpg);}
.ac2b{background-image:url(../images/acbox2_04.jpg),url(../images/acbox2_03.jpg);}	
.ac3a{background-image:url(../images/acbox3_01.jpg),url(../images/acbox3_02.jpg);}
.ac3b{background-image:url(../images/acbox3_04.jpg),url(../images/acbox3_03.jpg);}	
.acbox1:hover .ac1a{background-image:url(../images/acbox1a_01.jpg),url(../images/acbox1a_02.jpg);}
.acbox1:hover .ac1b{background-image:url(../images/acbox1a_04.jpg),url(../images/acbox1a_03.jpg);}
.acbox2:hover .ac2a{background-image:url(../images/acbox2a_01.jpg),url(../images/acbox2a_02.jpg);}
.acbox2:hover .ac2b{background-image:url(../images/acbox2a_04.jpg),url(../images/acbox2a_03.jpg);}
.acbox3:hover .ac3a{background-image:url(../images/acbox3a_01.jpg),url(../images/acbox3a_02.jpg);}
.acbox3:hover .ac3b{background-image:url(../images/acbox3a_04.jpg),url(../images/acbox3a_03.jpg);}
/**/
.rclos{
	position:absolute;
	width:15%;
	height:78%;
	display:block;
	cursor:pointer;
	top:0;
	right:0;
	}
.rsbox{
	position:relative;
	width:600px;
	display:block;
	margin:0 auto;
	display:none;/**/
	}
.rst,.rsc,.rsd{
	position:relative;
	width:100%;
	background-attachment: scroll;
	background-size:100% auto;
	}
.rst{
	padding-bottom:19.3333333%;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	
	}
.rsc{
	background-repeat:repeat-y;
	background-position: 50% 0%;
	text-align:center;
	font-size:1.5rem;
	line-height:2.5rem;
	color:#382810;	
	top:-1px;
	}
.rsc img{width:100%;margin:0 auto;}
.rpp{display:block;}
.rpm{display:none;}
.rsd{
	padding-bottom:7.8333333%;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	top:-2px;
	}
.rsctxt{
	position:relative;
	width:91%;
	display:block;
	margin:0 auto;
	}
.rsctxt strong{font-size:1.65rem;}
.rsctxt strong > span{ display:inline-block;}
.rs1a{background-image:url(../images/race_schedule1_01.png)}
.rs1b{background-image:url(../images/race_schedule1_02.png)}	
.rs1c{background-image:url(../images/race_schedule1_03.png)}	
.rs2a{background-image:url(../images/race_schedule2_01.png)}
.rs2b{background-image:url(../images/race_schedule2_02.png)}	
.rs2c{background-image:url(../images/race_schedule2_03.png)}
.rs3a{background-image:url(../images/race_schedule3_01.png)}
.rs3b{background-image:url(../images/race_schedule3_02.png)}	
.rs3c{background-image:url(../images/race_schedule3_03.png)}


@media only screen and (max-width:1400px){
/**/
.hcontent{width:100%;}
.h_tit img{width:45.6%;}
/**/
.timebox img{
/*	width:42%;
	margin-left:-21%;*/
	width:38%;
	margin-left:-19%;
	bottom:0px;
	}
/**/
.award{
	width:90%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	}
.award > div{width:24%;padding:0;}
.award > div img {width:100%;}
/**/
.gobt{
	position:relative;
	width:40%;
	padding-bottom:10.52628%;/*26.3157*/
	}
.butm{
	position:relative;
	width:25%;
	height:0;/**/
	padding-bottom:19.066125%;/*76.2645*/
	background-size:100% auto;
	}
/**/
.matterbox{width:100%;}	
.mat1{padding:15px 0 23px 0;}
.mat2{padding:0 0 23px 0;}
/**/
.mcbox{width:85%;}
/**/
.acbox1,.acbox2,.acbox3{width:25%;}
.acbox{width:100%;}
}
@media only screen and (max-width:1200px){
/**/
}
@media only screen and (max-width:880px){
/**/
.reward > div{width:45%; padding:0 5px 0 5px;}
.reward > div img{width:100%;}	

}
@media only screen and (max-width:750px){
/**/
#hhead{
	/*height:;888px*/
	padding-bottom:118.4%;
	background-image: url(../images/h/h_bg_m.jpg);
	/*background-image: url(../images/h_head_m.jpg);*/
	}
.hbg{background-image: url(../images/inbg_m.jpg);}
/**/
.hcontent{
	width:100%;
	background-image:url(../images/box_m_01.jpg),url(../images/box_m_03.jpg),url(../images/box_m_02.jpg);
	}
/**/
.hcbg{padding-bottom:6%;}
.h_tit img{width:84.8%;}
/**/
.timebox img{
	position:relative;
	width:90%;/*78.93*/
	margin-left:auto;
	left:auto;
	bottom:3px;
	}
/**/
.award{
	margin-top:10px;
	margin-bottom:0;
	}
.award > div{width:45%;padding:0;}	
/**/
.reward{
	width:90%;
	margin-top:0;
	margin-bottom:0;
	background-image: url(../images/s1m.gif);
	background-size:80% 2px;
	}
.reward > div{width:auto; padding:0 5px 0 5px;}
.reward > div img{width:100%;}
/**/
.gobt{
	width:91.2%;
	padding-bottom:23.9999184%;/*26.3157*/
	}
.butm{
	width:35%;
	padding-bottom:26.692575%;/*76.2645*/
	}	
/**/
.mcbox{padding:40px 0 30px 0;}
.mat1{background-image:url(../images/mboxm_01.jpg),url(../images/mboxm_03.jpg),url(../images/mboxm_02.jpg);}
.mat2{background-image:url(../images/mboxm2_01.jpg),url(../images/mboxm2_03.jpg),url(../images/mboxm2_02.jpg);}
/**/
.acbox1,.acbox2,.acbox3{width:310px; display:block; margin:0 auto;}
.acbox1,.acbox2{
	background-position:50% 100%;
	padding:0 0 45px 0;
	}
.acbox1{background-image:url(../images/dir1a.png);}
.acbox2{background-image:url(../images/dir2a.png);}
.ach{min-height:inherit;}	
}
@media only screen and (max-width:600px){
/**/
.rsbox{width:100%;}
.rpp{display:none;}
.rpm{display:block;}
}
@media only screen and (max-width:500px){
/**/

}
@media only screen and (max-width:450px){
/**/

}
@media only screen and (max-width:380px){
/**/
.acbox1,.acbox2,.acbox3{width:85%;}
}
@media only screen and (max-width:330px){
/**/
.award > div{width:70%;}
}
@media only screen and (max-width:300px){
/**/

}