@charset "UTF-8";
/* 請勿直接修改CSS，請修改SCSS後再行編譯 */
/* INSOWE-GAGU-2014/5/22 */
/* line 15, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap {
  /* /#section00 */
  /* /#section03 */
  /* /#section03 */
  /* /#section04 */
}
/* line 17, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .pagination {
  display: break;
  position: absolute;
  top: 40px;
  text-align: center;
  width: 100%;
  z-index: 12;
}



/* line 24, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .pagination > .center {
  display: inline-block;
}
/* line 26, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .pagination > .center > a {
  display: inline-block;
  border: none;
  margin: 0;
  padding: 4px 7px;
  outline: none;
}
/* line 32, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .pagination > .center > a > b {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 8px;
  height: 8px;
  border: #aaa solid thin;
  background-color: #C8C8C8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition-property: width;
  -moz-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
/* line 44, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .pagination > .center > a:hover {
  background-color: inherit;
}
/* line 46, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .pagination > .center > a:hover > b {
  background-color: #00A8FF;
}
/* line 50, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .pagination > .center > a.active {
  background-color: inherit;
}
/* line 52, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .pagination > .center > a.active > b {
  width: 40px;
  background-color: #00A8FF;
}
/* line 57, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .pagination > .center > a.off > b {
  width: 8px;
  background-color: #C8C8C8;
}
/* line 65, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .signpost a {
  display: break;
  width: 50px;
  height: 59px;
  position: absolute;
  top: 50%;
  text-indent: -9999px;
  overflow: hidden;
  background-position: 10px -0px;
  background-repeat: no-repeat;
  z-index: 200;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 77, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .signpost a.prev {
  background-image: url(../img/ui/signpost-left.png);
  left: 0;
}
/* line 81, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .signpost a.next {
  background-image: url(../img/ui/signpost-right.png);
  right: 0;
}
/* line 85, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .signpost a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


#special-sectionOverview #wrap > section > .page.dark.show ~ .signpost a{
  background-position: 10px -59px;
}

#special-sectionOverview #wrap > section > .signpost a.prev {
  background-image: url(../img/ui/prevpage.png);
  left: 3%;
}
/* line 81, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .signpost a.next {
  background-image: url(../img/ui/nextpage.png);
  right: 3%;
}
/* line 85, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .signpost a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 91, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > #section00 {
  /* /.page00 */
}
/* line 93, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > #section00 > .page > .bg {
  background-color: #FFF;
}
/* line 95, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap >  section > .page > .bg > img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
}

#special-sectionOverview #wrap > #section00 > .page > .bg > img {
  min-width: 100%;
  min-height: 100%;

  position: relative;
  bottom: 0;
  left: 0;
}




/* line 104, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > section > .page > .view > .fg > .group00 {
  top: 11%;  
}
#special-sectionOverview #wrap > #section00 > .page.page00 > .view > .fg > .group00  {
  top: 25%;  
}

#special-sectionOverview #wrap > #section00 > .page > .view > .text.center { 
  top:35%;
}

#special-sectionOverview #wrap > #section02 > .page.page00 > .view > .text.center { 
  top:15%;
}


#special-sectionOverview #wrap > section > .page > .view > .text > h1 {
 font-size: 39px;
 line-height: 42px;
 font-family:'HelveticaNeueLTPro-Th',"Segoe UI",Helvetica,Arial,sans-serif;
}
#special-sectionOverview #wrap > section > .page > .view > .text > h1 > span.small{
  font-size: 13px;
  font-family:'HelveticaNeueLTPro-Th',"Segoe UI",Helvetica,Arial,sans-serif;
  letter-spacing:0;
  line-height: 15px;
}

#special-sectionOverview #wrap > section > .page > .view > .text > p {
  font-size: 18px;
  font-family:'HelveticaNeueLTPro-Th',"Segoe UI",Helvetica,Arial,sans-serif;
}

#special-sectionOverview #wrap > section > .page > .view > .text > p > span.small-text{
  font-size: 12px;
  font-family:'HelveticaNeueLTPro-Th',"Segoe UI",Helvetica,Arial,sans-serif;
}

#special-sectionOverview #wrap > section > .page > .view > .text > p > a{
  text-decoration: none;
}



#special-sectionOverview #wrap > section > .page > .view > .text > p >  a:link {
    color: #3399FF;
    text-decoration: none;
}

/* visited link */
#special-sectionOverview #wrap > section > .page > .view > .text > p > a:visited {
    color: #3399FF;
    text-decoration: none;
}

/* mouse over link */
#special-sectionOverview #wrap > section > .page > .view > .text > p > a:hover {
    color: #3399FF;
    text-decoration: none;
}

/* selected link */
#special-sectionOverview #wrap > section > .page > .view > .text > p > a:active {
    color: #3399FF;
    text-decoration: none;
}

#special-sectionOverview #wrap > section > .page > .view > .text > p > span.small{
  font-size: 14px;
  line-height: 15px;
}

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

  #special-sectionOverview #wrap > section > .page > .view > .text > p{
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0px;
  }
}

#special-sectionOverview #wrap > section > .page > .view > .text { 
  width:450px;
}


@media screen and ( min-width: 1400px ) {
  #special-sectionOverview #wrap > section > .page > .view > .text > p {
    line-height: 25px;
  }

  #special-sectionOverview #wrap > section > .page > .view > .text > h1 {
    font-size: 39px;
    line-height: 42px;
  }
}

@media screen and ( min-width: 640px) and ( max-width: 1399px ) {
  #special-sectionOverview #wrap > section > .page > .view > .text > p {
    line-height: 19px;
  }

  /*#special-sectionOverview #wrap > section#section00 > .page > .view > .text > p {
    line-height: 19px;
  }

  #special-sectionOverview #wrap > section#section00 > .page > .view > .text > h1 {    
    line-height: 39px;
  }*/
  #special-sectionOverview #wrap > section > .page > .view > .text > h1 {
    font-size: 36px;
  }
}
#special-sectionOverview #wrap > section > .page > .view > .fg .mb-pic{
  display: none;
}
@media screen and ( max-width: 720px){
  #special-sectionOverview #wrap > section > .page > .view > .fg .mb-pic{
    display: block;
  }
}
@media screen and ( min-width:640px){
  
  #special-sectionOverview #wrap > section > .page > .view > .text > p {
	 line-height: 25px;
  }

  
  #special-sectionOverview #wrap > section > .page > .view > .text > h1 {
	 font-size: 48px;
	 line-height: 52px;
	     font-size: 39px;
    line-height: 42px;
   	 padding-top: 40px;
  }

  #special-sectionOverview #wrap > section > .page > .view > .text > p {
    font-size: 18px;
  }
  
  #special-sectionOverview #wrap > section > .page > .view > .fg .mb-pic{
    display: none;
  }



  #special-sectionOverview #wrap > section > .page > .view > .text { 
    width:450px;
  }

  #special-sectionOverview #wrap > section > .page > .view > .text.center { 
    width:100%;
  }

} 

@media screen and (max-width: 720px) {
  /* line 247, ../../../../../../scss/overview.scss */


  #special-sectionOverview #wrap > section > .page > .view > .fg .pc-pic{
    display: none;
  }
}

#special-sectionOverview #wrap > #section00 > .page.page00 > .view > .text{
  left:560px;
  width:580px;
  padding-top: 45px;
}

#special-sectionOverview #wrap > #section00 > .page.page00 > .view > .fg > .group00 {
  width: 572px;
  left: 0px;
}

#special-sectionOverview #wrap > #section00 > .page.page00 > .view > .fg > .group00 > .fg00{
  width: 100%;
  position: relative;
  left: 0%;
  top: 0%;
}

@media screen and (max-width: 480px) {
  #special-sectionOverview #wrap > #section00 > .page.page00 > .view > .text {
    top: 40% !important;
    width: 120% !important;
    left: -10% !important;
  }
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
  #special-sectionOverview #wrap > #section00 > .page.page00 > .view > .text{
    top: 45% !important;
  }
  #special-sectionOverview #wrap > #section00 > .page.page00 > .view > .fg > .group00{
    width:95% !important;
    left:2.5% !important;
  }
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  

	
}

@media screen and (min-width: 960px)  {
  	
  #special-sectionOverview #wrap > #section00 > .page.page00 > .view > .text{
    left:560px;
    width:580px;
    padding-top: 45px;
  }

  #special-sectionOverview #wrap > #section00 > .page.page00 > .view > .fg > .group00 {
    width: 572px;
    left: 0px;
  }

  #special-sectionOverview #wrap > #section00 > .page.page00 > .view > .fg > .group00 > .fg00{
    width: 100%;
    position: relative;
    left: 0%;
    top: 0%;
  }

}



#special-sectionOverview #wrap > #section01 > .page.page00 > .view > .fg > .group00 {
  width: 522px;
  left: 500px;
  top:11%;
}

#special-sectionOverview #wrap > #section01 > .page.page00 > .view > .fg > .group00  .fg00 {
  position: relative;
  width: 100%;
}

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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
  #special-sectionOverview #wrap > #section01 > .page.page00 > .view > .fg > .group00 {
    width: 522px;
    left: 500px;
    top:11%;
  }

  #special-sectionOverview #wrap > #section01 > .page.page00 > .view > .fg > .group00  .fg00 {
    position: relative;
    width: 100%;
  }
}




#special-sectionOverview #wrap > #section02 > .page.page00 > .view > .fg > .group00 {
  width: 567px;
  left: 500px;
  top:11%;
}

#special-sectionOverview #wrap > #section02 > .page.page00 > .view > .fg > .group00  .fg00 {
  position: relative;
  width: 100%;
}

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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
  #special-sectionOverview #wrap > #section02 > .page.page00 > .view > .fg > .group00 {
    width: 567px;
    left: 500px;
    top:11%;
  }

  #special-sectionOverview #wrap > #section02 > .page.page00 > .view > .fg > .group00  .fg00 {
    position: relative;
    width: 100%;
  }
}



#special-sectionOverview #wrap > #section03 > .page.page00 > .view > .fg > .group00 {
  width: 521px;
  left: 500px;
  top:10%;
}

#special-sectionOverview #wrap > #section03 > .page.page00 > .view > .fg > .group00  .fg00 {
  position: relative;
  width: 100%;
}

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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
  #special-sectionOverview #wrap > #section03 > .page.page00 > .view > .fg > .group00 {
    width: 521px;
    left: 500px;
    top:10%;
  }

  #special-sectionOverview #wrap > #section03 > .page.page00 > .view > .fg > .group00  .fg00 {
    position: relative;
    width: 100%;
  }
}



#special-sectionOverview #wrap > #section04 > .page.page00 > .view > .fg > .group00 {
  width: 775px;
  left: 450px;
  top:13%;
}

#special-sectionOverview #wrap > #section04 > .page.page00 > .view > .fg > .group00  .fg00 {
  position: relative;
  width: 100%;
}

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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
  #special-sectionOverview #wrap > #section04 > .page.page00 > .view > .fg > .group00 {
    width: 775px;
    left: 450px;
    top:13%;
  }

  #special-sectionOverview #wrap > #section04 > .page.page00 > .view > .fg > .group00  .fg00 {
    position: relative;
    width: 100%;
  }
}

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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
 

 
}
#special-sectionOverview #wrap > section > .page > .view > .text{
  top: 14%;
}
#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00{
  left: 500px;
  top: 20%;
  width: 608px;/*658*/
}


#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > div {
  position: absolute;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .btn-entry{
  top:105%;
  
  width:13.22188449848024%;
  margin-left: 30px;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}




#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .text-entry{
  text-align: center;
  color: #fff;
  font-size: 18px;    
  width: 13.22188449848024%;
  top: 121%;
  margin-left: 30px;
}
#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg13{
  left:0px;
  position: relative;
  z-index: 5;
}


#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg00{
  left:12%;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg01{
  left:29.5%;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg02{
  left:47%;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg03{
  left:65%;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg09{
  left:12%;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg10{
  left:29.5%;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg11{
  left:47%;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg12{
  left:65%;
}
#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .fg14{
  top:0px;
  width:75.37993920972644%;
  left: 11.5%;
  position: absolute;
  z-index: 2;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .btnBg{
  top:105%;  
  position: absolute;
  left: 0;
  padding :5px;
  width:64.13373860182371%;
  margin-left: 105px;
  z-index: 1;
}


#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .scr{
  top:0px;
  width:75.37993920972644%;
  left: 11.5%;
  position: absolute;
}

#special-sectionOverview #wrap > #section05 > .page.page01 > .view > .fg > .group00 > .scr > p{
  margin-top: 18px;
}
@media screen and (max-width: 480px) {


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
 

 
}

#special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00{
  left: 600px;
  top: 14%;
  width: 471px;
}

#special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00 > .fg00{
  width: 100%;
  position: relative;
}


#special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00 > .fg01{
  position: absolute;
  width: 100%;
  left: 0%;
  top:0%;
}
#special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00 > .fg02{
  position: absolute;
  width: 95.96602972399151%;
  left: 2.016985138004245%;
  top:-4%;
}

#special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00 > .fg03{
  position: absolute;
  width: 100%;
  left: 0%;
  top:0%;
  opacity: 0.5;
}

#special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00 > .fg04{
}

#special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00 > .fg05{
}

#special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00 > .fg06{
}
#special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00 > .photo{
  position: absolute;
  top: 53%;
  left: 5%;
  width: 91.93205944798301%;
}



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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
 

 
}

#special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00 {
  width: 713px;
  left: 450px;
  top:11%;
}

#special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00  .fg00 {
  position: relative;
  width: 100%;
}
#special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00  .fg01{
  position: absolute;
  width: 61.15007012622721%;
  left: 19%;
  top:6%;
}
#special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00  .fg04 {
  position: absolute;
  width: 61.15007012622721%;
  left: 19%;
  top:6%;
}
#special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00  .fg05 {
  position: absolute;
  width: 47.68583450210379%;
  left: 44%;
  top: 2%;
}
#special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00  .fg02 {
  position: absolute;
  width: 23.84291725105189%;
  left: 37%;
  top:15%;
}
#special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00  .fg03 {
  position: absolute;
  width: 23.84291725105189%;
  left: 37%;
  top:15%;
}

#special-sectionOverview #wrap > #section06 > .page.page00 > .view > .text{
  top: 9%;
}

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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
  #special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00 {
    width: 713px;
    left: 450px;
    top:11%;
  }

  #special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00  .fg00 {
    position: relative;
    width: 100%;
  }
}


#special-sectionOverview #wrap > #section07 > .page.page00 > .view > .text{
  left:620px;
  width:450px;
}

#special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 {
  width: 581px;
  left: 0px;
}

#special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg00{
  width: 100%;
  position: relative;
  left: 0%;
  top: 0%;
}

#special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg01{
  width: 21.51462994836489%;
  position: absolute;e;
  left: 8%;
  bottom: 0%;
  margin-left: 100%;
}
#special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg02{
  width: 21.51462994836489%;
  position: absolute;
  left: 30%;
  bottom: 0%;
  margin-left: 100%;
}
#special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg03{
  width: 21.51462994836489%;
  position: absolute;
  left: 52%;
  bottom: 0%;
  margin-left: 100%;
}
#special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg04{
  width: 21.51462994836489%;
  position: absolute;
  left: 74%;
  bottom: 0%;
  margin-left: 100%;
}

@media screen and (max-width: 480px) {
  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {

}

@media screen and (max-width: 720px){
  #special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg01{
    width: 21.51462994836489%;
    position: absolute;
    left: 8%;
    top: 100%;
    margin-left: 0%;
  }
  #special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg02{
    width: 21.51462994836489%;
    position: absolute;
    left: 30%;
    top: 100%;
    margin-left: 0%;
  }
  #special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg03{
    width: 21.51462994836489%;
    position: absolute;
    left: 52%;
    top: 100%;
    margin-left: 0%;
  }
  #special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg04{
    width: 21.51462994836489%;
    position: absolute;
    left: 74%;
    top: 100%;
    margin-left: 0%;
  }
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  

  
}

@media screen and (min-width: 960px)  {
    
  #special-sectionOverview #wrap > #section07 > .page.page00 > .view > .text{
    left:650px;
    width:450px;
  }

  #special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 {
    width: 581px;
    left: 0px;
  }

  #special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00 > .fg00{
    width: 100%;
    position: relative;
    left: 0%;
    top: 0%;
  }

}








#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00 {
  width: 713px;
  left: 450px;
  bottom:0%;
  top: auto;
  top:initial;
}

#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg00 {
  position: relative;
  width: 100%;
}

#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg01 {
  position: absolute;
  left: 49%;
  top: -37%;
  width: 10.9375%;
}


#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg02 {
  position: absolute;
  left: 0%;
  top: -6%;
  width: 49.375%;
}


#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg03 {
  position: absolute;
  left: 0%;
  top: 10%;
  width: 100%;
}


#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg04 {
  position: absolute;
  left: 0%;
  top: 10%;
  width: 100%;
}


#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg05 {
  position: absolute;
  left: 0%;
  top: 10%;
  width: 100%;
}


#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg06 {
  position: absolute;
  left: 50%;
  top: -33%;
  width: 9.0625%;
}


#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg07 {
  position: absolute;
  left: 50%;
  top: -16%;
  width: 9.0625%;
}


#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg08 {
  position: absolute;
  left: 50%;
  top: -4%;
  width: 9.0625%;
}


#special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg09 {
  position: absolute;
  left: -2%;
  top: -43%;
  width: 22.65625%;
}

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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
  #special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00 {
    width: 713px;
    left: 500px;
    bottom:0%;
    top:auto;
    top:initial;
  }

  #special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00  .fg00 {
    position: relative;
    width: 100%;
  }
}

@media screen and ( min-width: 960px) and (max-height: 900px){
    #special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00{
      width: 600px;
      left: 600px;
    }
}


#special-sectionOverview #wrap > #section09 > .page.page00 > .view > .text{
  top: 10%;
}
#special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00 {
  width: 911px;
  left: 350px;
  top:15%;
}

#special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00  .fg00 {
  position: relative;
  width: 100%;
  top: 0%;
  left: 0%;
}

#special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00  .fg01 {
  position: absolute;
  width: 76.50933040614709%;
  top: 3.01%;
  left: 22%;
}

#special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00  .fg02 {
  position: absolute;
  width: 40.94401756311745%;
  top: 55.8%;
  left: 0%
}


#special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00  .fg03 {
  position: absolute;
  width: 30.0768386388584%;
  top: 60.3%;
  left: 5.5%;
}


#special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00  .fg04 {
  position: absolute;
  width: 20.85620197585071%;
  top: 89%;
  left: -7.3%;
}

#special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00  .fg05 {
  position: absolute;
  width: 32.27222832052689%;
  top: 72%;
  left: -32%;
}


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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  

}
@media screen and (max-width: 720px)  {  
  #special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00  .fg05 {
    top: 107%;
    left: 30%;
  }

}

@media screen and ( min-width: 960px) and (max-height: 900px){
    #special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00{
      width: 800px;
      left: 400px;
    }
}





#special-sectionOverview #wrap > #section10 > .page.page00 > .view > .fg > .group00 {
  width: 713px;
  left: 450px;
  top:11%;
}

#special-sectionOverview #wrap > #section10 > .page.page00 > .view > .fg > .group00  .fg00 {
  position: relative;
  width: 100%;
}

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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}


@media screen and (min-width: 960px)  {  
  #special-sectionOverview #wrap > #section10 > .page.page00 > .view > .fg > .group00 {
    width: 713px;
    left: 450px;
    top:11%;
  }

  #special-sectionOverview #wrap > #section10 > .page.page00 > .view > .fg > .group00  .fg00 {
    position: relative;
    width: 100%;
  }
}
@media screen and ( min-width: 960px) and (max-height: 900px){
    #special-sectionOverview #wrap > #section10 > .page.page00 > .view > .fg > .group00{
      top: 7%;
    }
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 {
  width: 616px;
  height: 400px;  
  left: 550px;
}
#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .pic-btn {
  position: absolute;
  width: 175px;
  height:50px;
  cursor: default;
  z-index: 10;
  top: 160px;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .pic-btn > img{
  width: 100%;
  height: 100%;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .pic-entry {
  position: absolute;
  width: 580px;
  left:3%;
  top: 1%;
  z-index: 2;
  margin-left: 80px;
}



#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .pic-entry img{
  height: 100%;
  width: 100%;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .pic-entry.active {
  z-index: 3;
  left:0px;
  width: 616px;
  height:506px;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .fg00 {  
  top: 38%;
  left:7%;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .fg01 {  
  top: 51%;
  left:5%;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .fg02 {  
  top: 64%;
  left:3%;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .fg03 {  
  top: 77%;
  left:1%;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .fg04 {  
  top: 90%;
  left:-1%;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .fg05 {  
  top: 103%;
  left:-3%;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 .pic-btn .btn-text{
  position: absolute;
  width: 100%;
  color: #a06d27;
  top: 0px;
  font-family: 'HelveticaNeueLTPro-Md',sans-serif,"Segoe UI",Helvetica,Arial,sans-serif;
  text-align: center;
  font-size: 16px;
  letter-spacing: -1.2px;
  font-weight: bold;
  opacity: 0.5;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 .pic-btn.active .btn-text{   
  color: #b52b1a;  
  opacity: 1;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 .pic-btn .btn-text.single{
  line-height: 50px;
}

#special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 .pic-btn .btn-text.double{
  line-height: 25px;
}

@media screen and (max-width: 480px) {
  #special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .pic-entry{
    position: relative;
    width: 70%;
    left: 17%;
    height: auto;
    float: left;
    top: 1%;
    z-index: 2;
    margin: 0 auto;
    
  }

  #special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .pic-entry > img {
    opacity: 1 !important;
  }

}
@media screen and (min-width: 481px) and ( max-width: 719px) {
  #special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .pic-entry{
    position: relative;
    width: 70%;
    left: 17%;
    height: auto;
    float: left;
    top: 1%;
    z-index: 2;
    margin: 0 auto;

  }
  #special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00 > .pic-entry > img{
    opacity: 1 !important;
  }
}


@media screen and (min-width: 720px) and ( max-width: 959px) {

}



#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .text{
	width: 90%;
	width: 1120px;
	left: 50px;
	top:12%;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .text > h1{
	margin-left: 144px;
	width: 60%;

}

@media screen and (max-width: 720px){
	#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .text > h1{
		margin-left: 0px;
		width: 100%;
	}
}


#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .text > p{
	width: 94%;
	line-height: 21px;
}

#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .icon{
	width: 118px;
	top: 12%;
  	padding-top: 15px;
	left: 50px;
	position: absolute;
}
/*#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00{
  width: 1133px;
  height: 294px;
  top:auto;
  top: 50%;
  -webkit-transform: scale(0.5, 0.5);
	-moz-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5,0.5);
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	left: 0%;
}*/
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 *{
	font-family: 'HelveticaNeueLTPro-Md',"Segoe UI",Helvetica,Arial,sans-serif;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .rect{
  position: relative;
  width: 100%;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .br01{
  width: 20.12356575463372%;
  top: 20%;
  position: absolute;  
}

#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .br01 > .title{
	width: 100%;
	top:25%;
	margin-left: -2%;
	position: absolute;
	color: #fff;
	width: 100%;
	text-align: center;
	color: #05def8 \0/;
	color: #05def8 \9;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#05def8,direction=45);*/
	text-shadow: 0px 0px 2px #05def8,0px 0px 2px #05def8,0px 0px 2px #05def8,0px 0px 2px #05def8;

	font-size: 16px;
}

#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .br01 > .context{
	width: 100%;
	top: 52%;
	margin-left: -2%;
	position: absolute;
	color: #fff;
	width: 100%;
	text-align: center;
	
	text-shadow: 0px 0px 2px #05def8,0px 0px 2px #05def8;
	font-size: 16px;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .br02{
  width: 23.30097087378641%;
  top: 17.5%;
  position: absolute;  
}

#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .br02 > .title{
	width: 100%;
	top:19%;
	margin-left: -2%;
	position: absolute;
	color: #fff;
	width: 100%;
	text-align: center;
	color: #05def8 \0/;
	color: #05def8 \9;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#05def8,direction=45);*/
	text-shadow: 0px 0px 2px #05def8,0px 0px 2px #05def8,0px 0px 2px #05def8,0px 0px 2px #05def8;
	font-size: 16px;
}

#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .br02 > .context{
	width: 100%;
	top: 43%;
	margin-left: -2%;
	position: absolute;
	color: #fff;
	width: 100%;
	text-align: center;
	text-shadow: 0px 0px 2px #05def8,0px 0px 2px #05def8;
	font-size: 16px;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .yr01{
  width: 84.90732568402471%;
  position: absolute;  
}

#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .yr01 > .title{
	width: 100%;
	top:22%;
	margin-left: -2%;
	position: absolute;
	color: #fff;
	width: 100%;
	text-align: center;
	color: #eff805 \0/;
	color: #eff805 \9;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#eff805,direction=45);*/
	text-shadow: 0px 0px 2px #eff805,0px 0px 2px #eff805,0px 0px 2px #eff805,0px 0px 2px #eff805;
	font-size: 16px;
}

#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .yr01 > .context{
	width: 100%;
	top: 53%;
	margin-left: -2%;
	position: absolute;
	color: #fff;
	width: 100%;
	text-align: center;
	text-shadow: 0px 0px 2px #eff805,0px 0px 2px #eff805;
	font-size: 16px;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg01{  
  left: 6%;  
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg02{  
  left: 26.7%;  
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg03{  
  left: 47.5%;  
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg04{  
  left: 67.7%;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg05{
  top: 56%;
  left: 6%;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg06{
  position: absolute;  
  top: 0%;
  width: 4.324801412180053%;
  left: 34%;
}

#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .bicon > .text{
	line-height: 49px;
	font-size: 30px;
	position: absolute;
	top: 0;
	left: 120%;
	width: 240px;
	color: #fff;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#00e0fb,direction=45);*/
	text-shadow: 0px 0px 5px #00e0fb,0px 0px 5px #00e0fb,0px 0px 5px #00e0fb;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg07{
  position: absolute; 
  bottom: 0%;
  width: 4.324801412180053%;
  left: 33%;
}

#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .yicon > .text{
	line-height: 49px;
	font-size: 30px;
	position: absolute;
	top: 0;
	left: 120%;
	width: 290px;
	color: #fff;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#fafa01,direction=45);*/
	text-shadow: 0px 0px 5px #fafa01,0px 0px 5px #fafa01,0px 0px 5px #fafa01;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg08{
  position: absolute; 
  top: 33%;
  right: 0%;
  width: 8.031774051191527%;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg09{
  position: absolute;  
  top: 27%;
  left: 0%;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00 > .fg10{
  position: absolute; 
  top: 63%;
  left: 0%;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00{
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9,0.9);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    progid:DXImageTransform.Microsoft.Matrix(M11='0.5', sizingmethod='auto expand');
    left: 50px;
    top: 50%;
  }
@media screen and (max-width: 480px) {

}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px) and ( max-width: 1400px) {  

 
}


@media screen and ( min-height: 600px) and (max-height: 700px){
	/*#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00{
		-webkit-transform: scale(0.7, 0.7);
		-moz-transform: scale(0.7, 0.7);
		-o-transform: scale(0.7, 0.7);
		transform: scale(0.7, 0.7);
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-ms-transform: scale(0.7,0.7);
		left: 15%;
    	top: 62%;
	}*/

}

@media screen and ( min-height: 700px) {
	/*#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00{
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		-ms-transform: scale(1,1);
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		left: 0%;
	}*/

}
@media screen and ( max-width: 719px) {
	/*#special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00{
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		-ms-transform: scale(1,1);
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
    width: 50% !important;
	}*/
  #special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg{
    top: 10%;
  }

}
#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00{
  width: 909px;
  top: 13%;
  left: 500px;
}


#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .text> p{
  width: 415px;

}


#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg00{
  left:0%;
  width:100%;
  top: 0%;
  position: relative;
}
@media screen and (max-width: 720px){
  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .text> p{
    width: auto;
  }
}
/*
#special-sectionOverview #wrap > #section12 > .page.page00 > .bg > .ani-bg {
  opacity: 0;
  z-index: 1;
  left:0%;
  width: initial;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00{
  left: 2%;
  margin-left: 0;
  top: auto;
  bottom: 20%;
  height: 256px;
  width: 260px;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .text> p{
  width: 415px;

}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > div{
  position: absolute;
  z-index: 3;
}
#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > div > .text-entry{
  text-align: center;
  position: absolute;
  width:200%;
  left:-50%;
  top: 100%;
  color:#fff;
  font-size: 13px
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > div.pc-pic > .text-entry{
  text-shadow: 1px 2px 1px #FFCC33;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > div.pc-pic{  
  z-index: 4;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg00{
  left:0%;
  width:28.616352201257861635220125786164%;
  bottom: 0%;
  cursor: pointer;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg01{
  left: 40.327044%;
  width:24.528301886792452830188679245283%;
  bottom: 0%;
  cursor: pointer;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg02{
  left: 77.6%;
  width:26.415094339622641509433962264151%;
  bottom: 0%;
  cursor: pointer;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg03{
  left: 117.660377%;
  width:19.811320754716981132075471698113%;
  cursor: pointer;
  bottom:0%;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg04{
  left: 151.327044%;
  width:27.04402515723270440251572327044%;
  bottom:0%;
  cursor: pointer;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg05{
  left:0%;
  width:28.616352201257861635220125786164%;
  bottom:0%;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg06{
  left: 40.327044%;
  width:27.04402515723270440251572327044%;
  bottom:0%;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg07{
  left: 77.6%;
  bottom: 0%;
  width:28.930817610062893081761006289308%;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg08{
  left: 117.660377%;
  width:19.811320754716981132075471698113%;
  bottom:0%;
}

#special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg09{
  left: 151.327044%;
  width:29.559748427672955974842767295597%;
  bottom:0%;
}


@media screen and ( max-width: 959px) {  
  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg {
    top: 10%
  }
  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00{
    width:60% !important;
  }
  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .text > p{
    width: 100%;

  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg00{
    left:0%;
    width:28.616352201257861635220125786164%;
    cursor: pointer;
    bottom:auto;
    bottom: initial;
  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg01{
    left: 72.32704402515723270440251572327%;
    width:24.528301886792452830188679245283%;
    cursor: pointer;
    bottom:auto;
    bottom: initial;
  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg02{
    left: 37.6%;
    width:26.415094339622641509433962264151%;
    top:39.0625%;
    cursor: pointer;
    bottom:auto;
    bottom: initial;
  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg03{
    left: 5.6603773584905660377358490566038%;
    width:19.811320754716981132075471698113%;
    cursor: pointer;
    bottom:0%;
  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg04{
    left: 72.32704402515723270440251572327%;
    width:27.04402515723270440251572327044%;
    bottom:0%;
    cursor: pointer;
  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg05{
    left:0%;
    width:28.616352201257861635220125786164%;
    bottom:auto;
    bottom: initial;
  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg06{
    left: 72.32704402515723270440251572327%;
    width:27.04402515723270440251572327044%;
    bottom:auto;
    bottom: initial;
  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg07{
    left: 36.5%;
    top: 39.0625%;
    width:28.930817610062893081761006289308%;
    bottom:auto;
    bottom: initial;
  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg08{
    left: 5.6603773584905660377358490566038%;
    width:19.811320754716981132075471698113%;
    bottom:0%;
  }

  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > .fg09{
    left: 71.069182389937106918238993710692%;
    width:29.559748427672955974842767295597%;
    bottom:0%;
  }
}


@media screen and (max-width: 480px) {
  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00 > div > .text-entry{
    font-size: 12px;
  }

}


@media screen and ( min-width:640px){
  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .text {

    margin-top: 45px;

  }  
}

@media screen and ( min-width: 720px) and (max-height: 900px){
    #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00{
      bottom: 20%;
    }

    #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .text{
      top: 3%;
    }
}
@media screen and (min-width: 720px){

  #special-sectionOverview #wrap > #section12 > .page.page00 > .bg > .ani-bg {
    opacity: 0;
    z-index: 1;
    left:-15%;
    width: initial;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
  }
}*/

#special-sectionOverview #wrap > #section13 > .page.page00 > .view > .fg > .group00 {
  width: 624px;
  left: 500px;
  top:11%;
}

#special-sectionOverview #wrap > #section13 > .page.page00 > .view > .fg > .group00 > .fg00 {
  position: relative;
  width: 100%;
}

#special-sectionOverview #wrap > #section13 > .page.page00 > .view > .fg > .group00 > .fg01 {
  position: absolute;
  top: 81%;
  left: 45%;
  width: 54.32692307692308%;
}
#special-sectionOverview #wrap > #section13 > .page.page00 > .view > .fg > .group00 > .fg02 {
  position: absolute;
  top: 81%;
  left: 43%;
  width: 24.67948717948718%;
}


#special-sectionOverview #wrap > #section13 > .page.page00 > .view > .fg > .group00 > .fg03 {
  position: absolute;
  top: 62%;
  left: 29%;
  width: 60.57692307692308%;
}
#special-sectionOverview #wrap > #section13 > .page.page00 > .view > .fg > .group00 > .fg04 {
  position: absolute;
  top: 65%;
  left: 36%;
  width: 45.7%;
  height: 31%;
}
#special-sectionOverview #wrap > #section13 > .page.page00 > .view > .fg > .group00 > .fg04 > img{
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 480px) {

}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px) and ( max-width: 1400px) {  
  #special-sectionOverview #wrap > #section13 > .page.page00 > .view > .fg > .group00{
    width:500px;
  }
 
}


@media screen and ( max-width: 640px){
  #special-sectionOverview #wrap > section > .page > .view > .fg .pc-pic{
    display: none;
  }
}
@media screen and ( min-width:640px){
  #special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 {
    width: 615px;
    top: 52%;
    height:492px;
    margin-top: -265px;
    margin-left: -100px;
    right: 575px;
  }
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .text {
  padding-top: 0;
  margin-top: 0;
  position: absolute;
  width: 550px;
  left: 640px;
  top: 11%;
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg00 {
  position: relative;
  top: 0;
  width: 100%;
  left: 0%;
  z-index: 10;
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg01 {
  position: absolute;
  width: 67.09%;
  top: 4%;
  left: 16.2%;
  height: 48.764227642276422764227642276423%;
  overflow: hidden;
  z-index: 1;
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg02 {
  position: absolute;
  width: 67.09%;
  top: 4%;
  left: 16.2%;
  height: 48.764227642276422764227642276423%;
  overflow: hidden;
  z-index: 1;
  
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .scr > img{
  width: 130%;
  left: -15%;
  top: -15%;
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .scr.active{
  z-index: 3;
}
/* line 1007, ../../../../../../scss/overview.scss */
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg03 {
  position: absolute;
  z-index: 3;
  left: 18%;
  top: 39%;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg03 > img{
  opacity: 0;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg04 {
  position: absolute;
  z-index: 3;
  left:78.373983739837398373983739837398%;
  top:3%;
  overflow: hidden;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg04 > img{
  opacity: 1;
  left: 100%;
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg05 {
  position: absolute;  
  width: 92.682926829268292682926829268293%;
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg05 img {
  opacity: 0.7;
}


#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg06 {
  position: absolute;
  overflow: hidden;
  left: 103%;
  bottom: 0%;
  width: 132px;    
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg06 > img{
  left: 0%;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg07 {
  position: absolute;
  overflow: hidden;
  left: 127%;
  bottom: 0%;
  width: 132px;    
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg07 > img{
  left: -112.12%;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg08 {
  position: absolute;
  overflow: hidden;
  left: 150.8%;
  bottom: 0%;
  width: 132px;    
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg08 > img{
  left: -222.72727272727272727272727272727%;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg09 {
  position: absolute;
  overflow: hidden;
  left: 174.4%;
  bottom: 0%;
  width: 132px;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg09 > img{    
  left: -332.57575757575757575757575757576%;
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .blue-btn > img{
  width: 431.81818181818181818181818181818%;
  opacity: 0.7;
  cursor: pointer;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg10{
  z-index: 12;
  top:84%;
  left:37%;
  width: 15%;
  overflow: hidden;
  opacity:0;
  position: absolute;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg11{
  z-index: 12;
  width:22.7%;
  top:90%;
  left:43%;
  overflow: hidden;
  opacity:0;
  position: absolute;
}
#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg10 > img{
  opacity: 1;
  width: 432px; 
}

#special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00 > .fg11 > img{
  opacity:1;
  width: 661px;  
}


#special-sectionOverview #wrap > #section00 > .page > .view > .text > p > span.pre{
  position: absolute;
  left:-15px;
}

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

}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px) and ( max-width: 1400px) {  
 
}



#special-sectionOverview #wrap > #section15 > .page.page00 > .view > .fg > .group00 {
  width: 725px;
  left: 500px;
  top:20%;
}

#special-sectionOverview #wrap > #section15 > .page.page00 > .view > .fg > .group00  .fg00 {
  position: relative;
  width: 100%;  
}
#special-sectionOverview #wrap > #section15 > .page.page00 > .view > .fg > .group00  .fg00 > img{
  bottom: 0;
}
#special-sectionOverview #wrap > #section15 > .page.page00 > .view > .fg > .group00  .fg01 {
  position: absolute;
  width:99.31034482758621%;
  top: 38%;
  left: 1%;
}

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


  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
 
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  
}

@media screen and (min-width: 960px)  {  
  
}

#special-sectionOverview #wrap > #section16 > .page.page00 > .view > .text {
 left:0;
 width: 100%;
 text-align: center;
 top: 55%;
 padding-left: 0;
}

@media screen and (max-width: 480px) {
  #special-sectionOverview #wrap > #section16 > .page.page00 > .view > .fg > .group00{
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2,0.2);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  #special-sectionOverview #wrap > #section16 > .page.page00 > .view > .fg {
    top: 20% !important;
  }
  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
  #special-sectionOverview #wrap > #section16 > .page.page00 > .view > .fg > .group00{
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5,0.5);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  #special-sectionOverview #wrap > #section16 > .page.page00 > .view > .fg {
    top: 10%  !important;
  }
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
  #special-sectionOverview #wrap > #section16 > .page.page00 > .view > .fg > .group00{
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6,0.6);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  #special-sectionOverview #wrap > #section16 > .page.page00 > .view > .fg {
    top: 10%  !important;
  } 
}

@media screen and (min-width: 960px)  {  
  
}
#special-sectionOverview #wrap > #section17 > .page.page00 > .view > .fg > .group00{
  top: 0%;
  left: 131px;
  width: 938px;
}
#special-sectionOverview #wrap > #section17 > .page.page00 > .view > .fg > .group00 > .fg00{
  position: relative;
  width: 100%;
}

#special-sectionOverview #wrap > #section17 > .page.page00 > .view > .fg > .group00 > .fg01{
  position: absolute;
  width: 23.02771855010661%;
  left: 91%;
  top:8%;
}

#special-sectionOverview #wrap > #section17 > .page.page00 > .view > .fg > .group00 > .fg02{
  position: absolute;
  width: 23.02771855010661%;
  left: -15%;
  top:8%;
}

#special-sectionOverview #wrap > #section17 > .page.page00 > .view > .fg > .group00 > .fg03{
  position: absolute;
  width: 17.16417910447761%;
  left: 80%;
  top:46%;
}


#special-sectionOverview #wrap > #section17 > .page.page00 > .view > .text {
 left:0;
 width: 100%;
 text-align: center;
 top: 50%;
 padding-left: 0;
}

@media screen and (max-width: 480px) {
  
  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
  
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
 
}

@media screen and (min-width: 960px)  {  
  
}

#special-sectionOverview #wrap > #section18 > .page.page00 > .view > .fg > .group00{
  top: 0%;
  width: 650px;/*705*/
  left: 500px;
  top: 10%;
}
#special-sectionOverview #wrap > #section18 > .page.page00 > .view > .fg > .group00 > .fg00{
  position: relative;
  width: 100%;
}

#special-sectionOverview #wrap > #section18 > .page.page00 > .view > .fg > .group00 > .fg01{
  position: absolute;
  width: 25.67375886524823%;
  left: -1%;
  top:68%;
}



@media screen and (max-width: 480px) {
  
  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
  
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
 
}

@media screen and (min-width: 960px)  {  
  
}



#special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00{
  top: 0%;
  width: 650px;/*735*/
  left: 500px;
  top: 10%;
}
#special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00 > .fg00{
  position: relative;
  width: 100%;
}

#special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00 > .fg01{
  position: absolute;
  width: 61.7687074829932%;
  left: 26%;
  top:0%;
}

#special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00 > .fg02{
  position: absolute;
  width: 64.08163265306122%;
  left: 0%;
  top:58%;
}


#special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00 > .fg03{
  position: absolute;
  width: 40.27210884353741%;
  left: 55%;
  top:66%;
}


#special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00 > .fg04{
  position: absolute;
  width: 10.34013605442177%;
  left: 88%;
  top:78%;
}


#special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00 > .fg05{
  position: absolute;
  width: 10.74829931972789%;
  left: 19%;
  top:47%;
  overflow: hidden;
}


#special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00 > .fg06{
  position: absolute;
  width: 5.578231292517007%;
  left: 64%;
  top:54%;
  overflow: hidden;
}

#special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00 > .fg07{
  position: absolute;
  width: 11.56462585034014%;
  left: 88%;
  top:51%;
  overflow: hidden;
}



@media screen and (max-width: 480px) {
  
  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
  
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
 
}

@media screen and (min-width: 960px)  {  
  
}



#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .text{
  left: 700px;
  top: 10%;
}


#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00{
  top: 0%;
  width: 919px;
  left: 0px;
  top: 10%;
}

#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .fg00{
  position: relative;
  width: 100%;
}

#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .fg01{
  position: absolute;
  width: 69.0968443960827%;
  left: 0%;
  top: 0%;
}
#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .mouse{
  width:21.43634385201306%;
  left: 64%;
  top: 69%;
  position: absolute;
  z-index: 1;
}

#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .mouse.dur{
  z-index: 2;
}
#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .mouse.curr{
  z-index: 3;
}
#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .fg06{
  position: absolute;
  width: 100%;
  left: -9%;
  top: 40%;
}

#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .fg07{
  position: absolute;
  width: 100%;
  left: 5%;
  top: 73%;
  font-size: 16px;
  font-family:'HelveticaNeueLTPro-Th',"Segoe UI",Helvetica,Arial,sans-serif;
}

#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .fg08{
  position: absolute;
  width: 100%;
  left: 89%;
  top: 71%;
  font-size: 16px;
  font-family: 'HelveticaNeueLTPro-Th',"Segoe UI",Helvetica,Arial,sans-serif;
  line-height: 38px;
}

#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .color{
  width: 3.373231773667029%;
  position: absolute;
  top: 78%;
  margin-left: 96%;
  cursor: pointer;
}

#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .fg09{  
  left: 0%;  
}

#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .fg10{
  left:4%;
}

#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .fg11{
  left:8%;
}
#special-sectionOverview #wrap > #section20 > .page.page00 > .view > .fg > .group00 > .fg12{
  left:12%;
}


@media screen and (max-width: 480px) {
  
  
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
  
}

@media screen and (min-width: 720px) and ( max-width: 959px) {  
 
}

@media screen and (min-width: 960px)  {  
  
}

/* RWD position */


@media screen and (max-width: 480px) {
  
  #special-sectionOverview #wrap > #section03 > .page.page01 > .view > .fg{

  }
  #special-sectionOverview #wrap > #section00 > .page.page00 > .view > .text{
    top: 40% !important;
  }

  #special-sectionOverview #wrap > #section02 > .page.page00 > .view > .fg{
    top: 6%;
  }
 


  #special-sectionOverview #wrap > section#section04 > .page > .view > .text{
    top: 45% !important;
  }

  #special-sectionOverview #wrap > section > .page.shadow > .view > .text > h1{
  	font-size: 16px;
  	line-height: 18px;
  }

  #special-sectionOverview #wrap > section > .page > .view > .text > h1{
    font-size: 16px;
    line-height: 18px;
  }
  #special-sectionOverview #wrap > #section01 > .page > .view > .text {
    top: 60% !important;
  }
  #special-sectionOverview #wrap > #section14 > .page > .view > .text {
    top: 60% !important;
  }
  #special-sectionOverview #wrap > #section02 > .page > .view > .fg > .group00{
  	width: 70% !important;
  }
  #special-sectionOverview #wrap > #section03 > .page > .view > .fg > .group00{
  	width: 70% !important;
  }
  #special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00{
  	width: 60% !important;
  }
  #special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00{
    width: 80% !important;
  }
  #special-sectionOverview #wrap > #section11 > .page.page01 > .view > .fg > .group00{
  	width: 80% !important;
  }
  #special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00{
    width: 80% !important;
  }
  #special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg{
    top:10%;
  }
}
@media screen and (min-width: 481px) and ( max-width: 719px) {
  #special-sectionOverview #wrap > #section02 > .page.page00 > .view > .fg > .group00{
    width: 60% !important;
  }
  #special-sectionOverview #wrap > #section01 > .page.page00 > .view > .fg > .group00{
    width: 60% !important;
  }
  #special-sectionOverview #wrap > #section03 > .page.page00 > .view > .fg > .group00{
    width: 60% !important;
  }
  #special-sectionOverview #wrap > #section05 > .page.page00 > .view > .fg > .group00{
    width: 50% !important;
  }
  #special-sectionOverview #wrap > #section03 > .page.page04 > .view > .fg{
    top: 6%;
  }
  #special-sectionOverview #wrap > #section03 > .page.page04 > .view > .fg > .group00{
    width: 80% !important;
  }
  #special-sectionOverview #wrap > #section03 > .page > .view > .text{
    top: 60% !important;
  }

  #special-sectionOverview #wrap > #section04 > .page.page00 > .view > .fg{
    top: 10%;
  }
  #special-sectionOverview #wrap > #section03 > .page.page02 > .view > .fg{
  	top: 10%;
  }
  #special-sectionOverview #wrap > #section03 > .page.page01 > .view > .fg{
  	top: 10%;
  }
  #special-sectionOverview #wrap > #section04 > .page.page00 > .view > .fg > .group00{
    width: 70% !important;
  }
  #special-sectionOverview #wrap > #section04 > .page.page03 > .view > .fg > .group00{
    width: 70% !important;
  }


  #special-sectionOverview #wrap > #section07 > .page.page00 > .view > .fg > .group00{
    width: 60% !important;
  }

  #special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg > .group00{
    width: 60% !important;
  }
  #special-sectionOverview #wrap > #section08 > .page.page00 > .view > .fg{
    top:10%;
  }
  #special-sectionOverview #wrap > #section09 > .page.page00 > .view > .fg > .group00{
    width: 70% !important;
  }
  #special-sectionOverview #wrap > #section10 > .page.page00 > .view > .fg > .group00{
    width: 70% !important;
  }
  #special-sectionOverview #wrap > #section11 > .page.page00 > .view > .fg > .group00{
    width: 60% !important;
  }

  #special-sectionOverview #wrap > #section03 > .page.page00 > .view > .fg > .group00{
  	width: 80% !important;
  }
  #special-sectionOverview #wrap > #section06 > .page.page00 > .view > .fg > .group00{
    width: 80% !important;
  }
  #special-sectionOverview #wrap > #section12 > .page.page00 > .view > .fg > .group00{
    width: 40% !important;
  }
  #special-sectionOverview #wrap > #section13 > .page.page00 > .view > .fg > .group00{
    width: 60% !important;
  }
  #special-sectionOverview #wrap > #section14 > .page.page00 > .view > .fg > .group00{
    width: 50% !important;
  }

  #special-sectionOverview #wrap > #section15 > .page.page00 > .view > .fg > .group00{
    width: 50% !important;
  }
  #special-sectionOverview #wrap > #section17 > .page.page00 > .view > .fg > .group00{
    width: 70% !important;
  }
  #special-sectionOverview #wrap > #section18 > .page.page00 > .view > .fg > .group00{
    width: 70% !important;
  }
  #special-sectionOverview #wrap > #section19 > .page.page00 > .view > .fg > .group00{
    width: 70% !important;
  }

}

@media screen and (min-width: 720px) and ( max-width: 959px) {  

}

@media screen and (min-width: 960px)  {  

}
/*
#special-sectionOverview #wrap > section .pagination{
  display: none !important;
}
*/
/*#special-sectionOverview #wrap > section .signpost{
  display: none !important;
}*/




#special-sectionOverview #wrap > section > .page > .view > .pageBtn{
  top: 40%;
  position: absolute;
  width: 84px;
  right: 0%;
  cursor: pointer;
  z-index: 10;
  display:  none !important;
}

#special-sectionOverview #wrap > section > .page > .view > .pageBtn>img{
  width: 100%;
}


@media screen and (max-width: 720px){
  #special-sectionOverview #wrap > section > .page > .view > .pageBtn{
    width: 15%;
  }
}
@media (max-width: 719px){
  #asus-api-footer .aai-fbootom {
  padding: 0px 0px 6px 30px;
  }
  	
}



#special-sectionOverview #wrap > section > .page > .bg > img {
  opacity: 1;
  left:0%;
  width: auto;
  width: initial;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
}

@media screen and (min-width: 720px){

  #special-sectionOverview #wrap > section > .page > .bg > img {
    opacity: 1;
    left:-25%;
    width: auto;
    width: initial;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
  }
}

#special-sectionOverview #wrap > section > .page > .view > .text > p{
  color: #000;
}