@charset "UTF-8";
/* CSS Document */

/*-------------------------------
PC only
--------------------------------*/

/*----------PCcommon----------*/
body{
height:100%;
position:relative;
background:url(../img/BG.png) repeat-x,#000;
background-attachment:fixed;
font-size: 18px;
font-size: 1.8rem;/**/
line-height:160%;
}
#wrap_out{
width:100%;
min-width:960px;
margin:0 auto;
}
.conbox{
width:800px;
margin:0 aut 20px;
clear:both;
}
#wrap_in{
width:100%;
background:#000;
}
/*----------lan_switch----------*/
#langSwitch #lang-input{
display:none;
}
#langSwitch{
background:#000;
width:100%;
margin:0 auto;
}
#langSw_con{
width:800px;
margin:0 auto;
}
#langSwitch ul{
height:60px;
}
#langSwitch ul li{
list-style: none;
display:inline-block;
width:22%;
cursor: pointer;
text-align:center;
margin:0 1%;
padding:0;
}
#langSwitch ul li p{
margin:7px 0;
padding:0;
background:#E8B62B;
height:40px;
line-height:40px;
border-radius:20px;
color:#fff;
}
#langSwitch ul li.now p{
background: #AA1D22;
box-shadow: 0 0 0 4px #fff;
}
#langSwitch ul li p:hover{
background: #AA1D22;
}
#langSwitch ul li p a{
display:block;
text-indent:-99999px;
}
#langSwitch ul li.lang01 p a {
background:url(../img/langSwitch01.png) center center;
background-size:150px;
}
#langSwitch ul li.lang02 p a {
background:url(../img/langSwitch02.png) center center;
background-size:150px;
}
#langSwitch ul li.lang03 p a {
background:url(../img/langSwitch03.png) center center;
background-size:150px;
}
#langSwitch ul li.lang04 p a {
background:url(../img/langSwitch04.png) center center;
background-size:150px;
}
/*----------wrap_in----------*/
#wrap_in{
width:800px;
margin:0 auto;
}
h3{
background:url(../img/h3_BG.jpg);
height:72px;
text-align:center;
margin-bottom:8px;
}
/*----------top----------*/
#top{
}


/*----------link----------*/
#link{
text-align:center;
margin:0 auto 40px;
}
#link p {
position: relative;
width: 720px;
height: 120px;
margin: 0 auto 20px;
display: block;
overflow: hidden;
}
#link p img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: block;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#link p a:hover img:nth-of-type(2) {
opacity: 0;
}

/*----------PV----------*/
#PV .coninbox{
margin:0 auto;
clear:both;
border-top:none;
text-align:center;
}
#PV .coninbox iframe{
width:720px;
height:405px;
margin:20px auto 10px auto;
}
/*----------Features----------*/
#Features p{
width:90%;
margin:0 auto;

}
#Features .bxslider{
width:720px;
margin:0 auto;
height:520px;
}
/*----------Character----------*/
#Character {
text-align:center;
}
#Character .bx-pager{
height:120px;
margin:0 auto;
padding:0;
display:inline;
}
#Character .bx-pager img{
width:108px;
}
#Character .bx-pager img {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-moz-transition: -moz-transform 0.2s linear;
-webkit-transition: -webkit-transform 0.2s linear;
-o-transition: -o-transform 0.2s linear;
-ms-transition: -ms-transform 0.2s linear;
transition: transform 0.2s linear;
}
#Character .bx-pager img:hover {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
cursor:pointer;
opacity: 1;
}
#Character .bx-pager a img {
opacity: 0.5;
filter: alpha(opacity=50);
}

#Character .bx-pager a.active img {
opacity: 1;
filter: alpha(opacity=100);
}
/****character****/
#Character{
padding-bottom:60px;
}
#Character div.bx-pager{
}
#Character div.pic {
width:720px;
margin:20px auto;
}
#Character div.pic ul li img {
margin:0 auto;
}
/*----------product----------*/
#product{
}
#product dl{
width:80%;
margin:10px auto;
text-align:center;
border:2px solid #fff;
border-bottom:none;
line-height:150%;
}
#product dl dt{
background:#fff;
padding:10px 0;	
color:#000;
}
#product  dt span{
/*padding:5px 15px;
color: #fff;
border-radius: 10px;*/
}
#product  dl dd{
border-bottom:2px solid #fff;
padding:10px 0;
}
#product  dd span{
padding:0 5px;
}
#product .infoBox{
width:80%;
margin:10px auto;
text-align:center;
border:2px solid #fff;
}
#product .infoBox h4{
margin:10px 0;
padding:0 20px;
}
#product .infoBox p{
font-size:80%;
line-height:150%;
margin-bottom:10px;
padding:0 20px;
}
#product .infoBox:last-child{
margin-bottom:40px;
}
#product #update{
text-align:left;
}
#product #update h4{
background:#fff;
margin:0 0 10px;
padding:10px 0;	
color:#000;
text-align:center;
}
#product .infoBox ul{
width:96%;
font-size:80%;
margin:0 auto 20px;
}
/*----------footer----------*/
footer{
clear:both;
width:100%;
margin:0 auto;
background:#000;
border-top:1px solid #fff;
padding-bottom:80px;
}
footer .conbox{
clear:both;
width:800px;
margin:0 auto;
}
footer  ul{
text-align:center;
}
footer  ul li{
display:inline-block;
height:110px;
}
footer  ul li img{
vertical-align: middle;
}

footer  ul li.logo01{
width:250px;
}
footer  ul li.logo02{
width:210px;
}
footer  ul li.logo03{
width:112px;
}

footer p{
margin:10px 0;
}

/*----------backtop----------*/
.backtop{
width:100%;
height:80px;
position:fixed;
bottom:0;
z-index:1000;
background:#AA1D22;
text-indent:-99999px;
}
.backtop a{
display:block;
width:540px;
margin:0 auto;
height:80px;
background:url(../img/backtop.png) center bottom no-repeat;
}
.backtop:hover{
background:#E8B62B;
}
.backtop a:hover{
background:url(../img/backtop_on.png) center bottom no-repeat;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

/*--------------------*/
br.pcNo{
display:none;
}
/*---------challenge----------*/
#challenge .conbox{
text-align:center;
margin:0 auto 30px;
}
#challenge .conbox p{
	width:90%;
margin:0 auto 10px;
}
#challenge .conbox p.cau{
border:2px solid #fff;
padding:3px;
margin:5px auto 10px;
}