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

    html {
      height: 100%;
    }
    body {
      background: #fff;
      padding: 0;
      text-align: center;
      /*font-family: 'open sans';*/
      position: relative;
      margin: 0;
      height: 100%;
      -webkit-font-smoothing: antialiased;
    }
    
    .wrapper {
    	height: 100% !important;
    	height: 100%;
    	margin: 0 auto; 
    	overflow: hidden;
    }
    
    a {
      text-decoration: none;
    }

    .main {
      float: left;
      width: 100%;
      margin: 0 auto;
    }
    
    .main section .page_container {
      position: relative;
      /*top: 25%;*/
      margin: 0 auto 0;
      /*max-width: 950px;*/
      z-index: 3;
    }
    .main section  {
      overflow: hidden;
    }
    
    .main section > img {
      position: absolute;
      max-width: 100%;
      z-index: 1;
    }
   
    .main section.page1 .fullSlideShow {
      position: relative;
	  top: 0;
    }
	
	.main section.page1 .onepage-pagination li a.active:before {
    border: #fff;
    background: rgba(255,255,255,1.0);
	}
    .main section .page_container .btns {
      clear: both;
      float: left;
      text-align: center;
      width: 435px;
    }
    .main section .page_container .btns a{
      text-align: center;
    }
    .main section.page2 {
      /*background: #555557;*/
	  position: relative;
	  margin-top: 10%;
      margin-bottom: 10%;
    }
    /*.main section.page2 > img {
      position: absolute;
      top: -300px;
      left: 50%;
      margin-left: -1095px;
    }*/
    .main section.page2 .page_container {
     /*margin-top: 240px;
     overflow: hidden;
	top: 7%;*/
    }

    .main section.page3 .page_container {
    overflow: hidden;
	position: relative;
	background-color:#eee;
	width: 100%;
	height: auto;
    /*width: 500px;*/
    top: 26%;/*27%*/
	background-position:right bottom;
    }
    
    body.disabled-onepage-scroll .onepage-wrapper  section {
      min-height: 100%;
      height: auto;
    }
    
    body.disabled-onepage-scroll .main section .page_container, body.disabled-onepage-scroll .main section.page3 .page_container  {
      padding: 20px;
      margin-top: 150px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    body.disabled-onepage-scroll  section .page_container h1{
      text-align: center;
      font-size: 50px;
    }
    body.disabled-onepage-scroll section .page_container h2, body.disabled-onepage-scroll section .page_container .credit, body.disabled-onepage-scroll section .page_container .btns{
      text-align: center;
      width: 100%;
    }
    
    body.disabled-onepage-scroll .main section.page1 > img {
      position: absolute;
      width: 80%;
      left: 10%;
    }
    
    body.disabled-onepage-scroll .main section > img {
      position: relative;
      max-width: 80%;
      bottom: 0;
    }
    body.disabled-onepage-scroll code {
      width: 95%;
      margin: 0 auto 25px;
      float: none;
      overflow: hidden;
    }
    
    body.disabled-onepage-scroll .main section.page3 .page_container {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      right: 0;
    }
	.bk-gray{
		background: #eee;
		height: 100%;
		width: 100%;
	}


/* iPad Pro：1366px以上 */
@media only screen and (min-width: 1366px) {
.main section.page3 .page_container {
	top: 43%;
}
}
/* iPad Pro：1024px以上 */
@media only screen and (min-width: 1024px) and (orientation:landscape) {	
  .main section.page2 .page_container {
top: 15%:
}
	
/* iPad Pro：1024px以上 */
@media only screen and (min-width: 1024px) and (orientation:portrait) {
.main section.page2 .page_container {
	top: 60%;
}
}

@media screen and (max-width: 480px){
    .main section.page3 .page_container {
    top: 15%;
	padding-bottom: 30px;
    }
}