@charset "UTF-8";
/* CSS Document */
body{
font-size:1.6rem;
line-height:2rem;
}
#wrapper{
width:100%;
margin:0 auto;
background:#3c4079;
}
.conbox{
width:100%;
margin:0 auto;
clear:both;
}
img{
max-width:100%;
}
/****header****/
#header{
width:100%;
height:auto;
background:#000;
z-index:100000;
position:fixed;
top:0;
}
#intirogo {
margin-left:5px;
}
#backPortal a,
#backPortal a:hover{
background:url(../img/header/bt_back.jpg) -16px center no-repeat;
}
#languagebutton{
width:100%;
float:none;
background:#000;
text-align:center;
display:none;
}
#languagebutton ul {
width:96%;
margin: 5px auto 10px;
}
#languagebutton ul li{
float:none;
display: -moz-inblock;
/display: inlinline-box;
display:inline-block;
/zoom: 1;
margin-left:0;
margin:0 5px;
}
#languagebutton .g-btn{
padding: 16px 20px;
}
/* nintenicon */
#nintenicon {
float: none;
position:absolute;
top:0;right:0;
}
#Nav .headerMenu {
top:90px;
left:20px;
z-index: 1000;
}
#Nav nav ul {
margin:  160px 0 0;
padding: 0;
}
/****Nav****/
#Nav button{
border: none;
background: none;
outline: none;
}
#Nav .headerMenu,
#Nav .headerMenu span {
display: inline-block;
-webkit-transition: all .4s;
transition: all .4s;
box-sizing: border-box;
}
#Nav .headerMenu {
position:absolute;
top:48px;
left:50%;
margin-left:-30px;
width: 60px;
height:60px;
z-index:1000;
background: #3c4079;/*#F6AF5B*/
border-radius: 10%;
-moz-border-radius: 10%;
-webkit-border-radius: 10%;
}
#Nav .headerMenu.active{
background:#08102B;
}
#Nav .headerMenu span {
position: absolute;
left: 20%;
width: 60%;
height: 3px;
background-color: #fff;
z-index: 100000;
}
#Nav .headerMenu span:nth-of-type(1) {
top: 15px;
}
#Nav .headerMenu span:nth-of-type(2) {
top: 30px;
}
#Nav .headerMenu span:nth-of-type(3) {
bottom: 15px;
}
#Nav .headerMenu.active span:nth-of-type(1) {
-webkit-transform: translateY(14px) rotate(135deg);
transform: translate rotate(135deg);
}
#Nav .headerMenu.active span:nth-of-type(2) {
opacity: 0;
}
#Nav .headerMenu.active span:nth-of-type(3) {
-webkit-transform: translateY(-14px) rotate(-135deg);
transform: translateY(-14px) rotate(-135deg);
}
#Nav nav {
position: fixed;
top: 0;
right: 0;
z-index: 10;
width: 100%;
height: 100vh;
opacity: 0;
background:#9fa1bb;
transition: all 0.2s ease-in-out;
visibility: hidden;
}
#Nav nav.active {
right: 0;
opacity: 0.9;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
#Nav nav ul {
margin:  120px 0 0;
padding: 0;
background:#9fa1bb;
}
#Nav nav ul li {
list-style-type: none;
background:url(../img/nav/navSPbg.png) center left no-repeat;
background-size:contain;
}
#Nav nav ul li a {
display: block;
padding: 0;
transition: all 0.2s ease-in-out;
text-align: center;
text-decoration: none;
}
#Nav nav ul li:hover {
background:url(../img/nav/navSPbg_on.png) center left no-repeat;
background-size:contain;
}


/****pageConts************/
#main{
padding-top:100px;
}
/****pageConts************/
#pageConts{
width:96%;
margin:0 auto;
color:#fff;
padding:10px 0 20px;
}
#pageConts #pChead{
margin-bottom:10px;
}
#pageConts #pChead h2{
background:url(../img/h2BG.png) center center no-repeat;
background-size:contain;
}
#pageConts #pChead h2 span{
display:block;
width:80%;
margin:0 auto;
}
#pageConts #pChead nav{
text-align:center;
position: relative;
overflow: hidden;
}
#pageConts #pChead ul{
list-style-type: none;
padding: 0;
text-align:center;
}
#pageConts #pChead ul li{
width:32%;
height:auto;
display:inline-block;
background:url(../img/pNavBG.png) center top no-repeat;
background-size:contain;
}
#pageConts #pChead ul li:hover,
#pageConts #pChead ul li.select{
background:url(../img/pNavBG_on.png) center top no-repeat;
background-size:contain;
cursor:pointer;
}

#pageConts #pCmain{
background:#08102B;
border:solid 3px #fff;
margin-bottom:20px;
}
#pageConts #pCmain .pCmConts{
padding:10px 10px 40px; 
}
#pageConts h3{
background: linear-gradient(90deg, #08102B 5%, #FFB45A 50%,#08102B 95%);
margin:10px 0;
}
/****globalfooterwrap************/
#globalfooterwrap {
min-width:100%;
padding:0  0 80px;
}

.t-link {
height: auto;
border-bottom: solid 1px ;
}

.t-link ul{
margin:0;
padding:0;
}
.t-link ul li {
width:100%;
float:none;
border-left:none;
}
.t-link ul li  a{
width:100%;
display:block;
padding: 10px 0;
}
.copylight{
width:70%;
margin:20px auto;
text-align:center;
}

/****backTop************/
#backtop {
width:100%;
position:fixed;
bottom:0;
z-index:1000;
text-align:center;
}
#backtop a{
display:block;
width:100%;
text-indent:-99999px;
}

#backtop a{
display:block;
width:100%;
height:60px;
background:url(../img/backtop.png) center bottom no-repeat;
background-size:contain;
}
#backtop a:hover{
background:url(../img/backtop_on.png) center bottom no-repeat;
background-size:contain;
}