@charset "utf-8";

section#title p {
  color: #000;
}

#body>section:nth-child(odd) {
  background: #fafafa;
}

#body>section>.inner {
  padding: 60px 0;
  overflow: hidden;
}

#body>section>.inner>.tit {
  margin: 0 0 30px;
}

#body>section>.inner>.tit>.re {
  float: left;
  padding: 0;
  margin: 0 24px 0 0;
}

#body>section>.inner>.tit>table {
  width: 855px !important;
  float: left;
  text-align: left;
}

#body>section>.inner>.tit>table th {
  margin: 0;
  padding: 0 30px 0 0;
  font-size: 42px;
  line-height: 120%;
  vertical-align: top;
  color: #462D0C;
  font-weight: 900;
}

#body>section>.inner>.tit>table td {
  font-size: 14px;
  line-height: 160%;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 436px;
}

#re01 .move {
  width: 718px;
  height: 400px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

#re01 .move>.bg {
  position: absolute;
  top: 0;
  right: 0;
  background: url(img/re01_img02.png) right top no-repeat;
}

#re01 .move>.bg>.img1 {
  position: absolute;
  top: 100px;
  opacity: 0;
  right: 50px;
}

#re01 .move>.bg>.img2 {
  position: absolute;
  top: 100px;
  opacity: 0;
  right: 186px;
}

#re01 .move>.bg>.img3 {
  position: absolute;
  top: 100px;
  opacity: 0;
  right: 318px;
}

#re01 .move>.bg>.img4 {
  position: absolute;
  top: 100px;
  opacity: 0;
  right: 455px;
}

#re01 .move>.bg>.img5 {
  position: absolute;
  top: 100px;
  opacity: 0;
  right: 575px;
}

#re01 .move>p {
  font-size: 24px;
  line-height: 160%;
  font-weight: 900;
  text-align: center;
  position: absolute;
  opacity: 0;
}

#re01 .move>.com1 {
  color: #D6993B;
  right: -50px;
  bottom: 20px;
}

#re01 .move>.com1>span {
  font-size: 30px;
}

#re01 .move>.com2 {
  left: 343px;
  color: #BE3A6E;
  bottom: 14px;
}

#re01 .move>.com2>span {
  font-size: 45px;
}

#re01 .move>.com3 {
  color: #3B5887;
  left: 118px;
  bottom: 20px;
}

#re01 .move>.com3>span {
  font-size: 30px;
}

#re02 .move {
  background: url(img/re02_bg.jpg) 0 0 no-repeat;
  width: 876px;
  height: 364px;
  position: relative;
  opacity: 0;
  overflow: hidden;
}

.cn #re02 .move,
.tw #re02 .move,
.ko #re02 .move {
  height: 414px;
}

#re02 .move>p {
  line-height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
}

#re02 .move>p:nth-child(1) {
  top: 200px;
  left: 125px;
  opacity: 0;
}

#re02 .move>p:nth-child(2) {
  top: 250px;
  left: 223px;
  opacity: 0;
}

#re02 .move>p:nth-child(3) {
  top: 300px;
  left: 326px;
  opacity: 0;
}

#re02 .move>p:nth-child(4) {
  top: 300px;
  left: 391px;
  opacity: 0;
}

#re02 .move>p:nth-child(5) {
  top: 49px;
  left: 400px;
  opacity: 0;
}

#re02 .move>p:nth-child(6) {
  top: 200px;
  right: 10px;
  opacity: 0;
}

#re02 .move>p.com {
  font-size: 35px;
  line-height: 120%;
  color: #DF4C44;
  right: 0;
  bottom: -33px;
  font-weight: 900;
  opacity: 0;
}

html:lang(vi) #re02 .move > p.com {
  font-size: 1.3rem;
}

html:lang(th) #re02 .move > p.com {
  font-size: 1.3rem;
  line-height: 150%;
}

#re02 .move>p.com>span {
  font-size: 21px;
  color: #462C0C;
  padding-bottom: 5px;
}

#body.en #re02 .move>p.com {
  width: 260px;
}

#re03 .move {
  width: 100%;
  height: 392px;
  overflow: hidden;
  position: relative;
}

/*タイ語*/
.th #re03 .move {
  height: 442px;
}

.th #re03 .move .com3 img,
.vi #re03 .move .com3 img {
  vertical-align: top;
  margin-top: -30px;
}

/*ベトナム語*/
.vi #re03 .move {
  height: 492px;
}

#body.en #re03 .move {
  height: 492px;
}

#re03 .move>p {
  position: absolute;
  line-height: 120%;
  font-weight: 900;
  font-size: 18px;
  margin: 0;
  padding: 0;
}

#re03 .move>i {
  position: absolute;
}

#re03 .move>.com {
  color: #462E0C;
  border: 3px solid #462E0C;
  background: #fff;
  padding: 5px 8px;
  top: 0;
  left: 0;
}

#re03 .move>.add1 {
  font-size: 24px;
  color: #E04D44;
  top: 68px;
  left: 0;
}

#re03 .move>.add2 {
  top: 116px;
  left: 0;
}

#re03 .move>.add3 {
  top: 164px;
  left: 0;
}

#re03 .move>.add4 {
  top: 212px;
  left: 0;
}

#re03 .move>.add5 {
  top: 260px;
  left: 0;
}

/*ベトナム語*/
.vi #re03 .move>.add1 {
  line-height: 1;
  font-size: 18px;
}

.vi #re03 .move>.add2,
.vi #re03 .move>.add3,
.vi #re03 .move>.add4,
.vi #re03 .move>.add5 {
  line-height: 1;
  font-size: 16px;
}

.vi #re03 .move .com2 span {
  line-height: 1;
  padding-bottom: 20px;
  display: inline-block;
}

#re03 .move>.bar {
  position: absolute;
  line-height: 100%;
  top: 53px;
  left: 149px;
}

#body.en #re03 .move>.bar {
  left: 169px;
}

#re03 .move>.w1 {
  position: absolute;
  line-height: 100%;
  width: 0;
  height: 36px;
  background: #E04D44;
  top: 66px;
  left: 153px;
}

#re03 .move>.w2 {
  position: absolute;
  line-height: 100%;
  width: 0;
  height: 34px;
  background: rgba(51, 51, 51, 0.3);
  top: 112px;
  left: 153px;
}

#re03 .move>.w3 {
  position: absolute;
  line-height: 100%;
  width: 0;
  height: 34px;
  background: rgba(51, 51, 51, 0.3);
  top: 157px;
  left: 153px;
}

#re03 .move>.w4 {
  position: absolute;
  line-height: 100%;
  width: 0;
  height: 34px;
  background: rgba(51, 51, 51, 0.3);
  top: 202px;
  left: 153px;
}

#re03 .move>.w5 {
  position: absolute;
  line-height: 100%;
  width: 0;
  height: 34px;
  background: rgba(51, 51, 51, 0.3);
  top: 247px;
  left: 153px;
}

#body.en #re03 .move>.w1,
#body.en #re03 .move>.w2,
#body.en #re03 .move>.w3,
#body.en #re03 .move>.w4,
#body.en #re03 .move>.w5 {
  left: 173px;
}

#re03 .move>.par1 {
  font-size: 20px;
  top: 69px;
  left: 385px;
  opacity: 0;
}

#body.en #re03 .move>.par1 {
  left:
}

#re03 .move>.par2 {
  font-size: 14px;
  top: 117px;
  left: 283px;
  opacity: 0;
}

#re03 .move>.par3 {
  font-size: 14px;
  top: 164px;
  left: 254px;
  opacity: 0;
}

#re03 .move>.par4 {
  font-size: 14px;
  top: 209px;
  left: 244px;
  opacity: 0;
}

#re03 .move>.par5 {
  font-size: 14px;
  top: 254px;
  left: 168px;
  opacity: 0;
}

#re03 .move>.par6 {
  top: 299px;
  left: 259px;
}

#re03 .move>.par7 {
  top: 299px;
  left: 381px;
}

#re03 .move>.yaji {
  position: absolute;
  line-height: 100%;
  top: 122px;
  left: 455px;
  opacity: 0;
}

#re03 .move>.img {
  top: 61px;
  right: 0;
  opacity: 0;
}

#re03 .move>.com2 {
  color: #DF4C44;
  font-size: 35px;
  line-height: 110%;
  top: 270px;
  left: 562px;
  opacity: 0;
}

#re03 .move>.com2>span {
  font-size: 21px;
  color: #462E0C;
}

#re03 .move>.com3 {
  color: #462D0C;
  font-size: 14px;
  right: 0;
  bottom: 0;
  vertical-align: text-bottom;
  font-weight: normal;
}

#re03 .move>.com3>img {
  vertical-align: text-bottom;
}

#re04 .move {
  padding: 0;
  margin: 0 0 0 60px;
  position: relative;
}

#re04 .move>.f1 {
  position: relative;
}

#re04 .move>.f1>img:nth-child(1) {
  position: relative;
  z-index: 2;
}

#re04 .move>.f1>img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#re04 .move>.f2 {
  width: 508px;
  height: 297px;
  position: relative;
}

#re04 .move>.f2>p {
  font-size: 35px;
  line-height: 120%;
  left: 1px;
  color: #DF4C44;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -100px;
  left: 0;
  font-weight: 900;
  opacity: 0;
}

#re04 .move>.f2>.clearfix {
  margin: 0 0 32px;
}

#re04 .move>.f2>.clearfix>p {
  float: left;
  width: 46px;
  height: 46px;
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0 6px 8px 0;
}

#re04 .move>.f2>.clearfix>p:nth-child(9n) {
  margin-right: 0;
}

#re04 .move>.f2>.clearfix>p>img {
  position: absolute;
  top: 100px;
  left: 0;
}

#re05 .move {
  width: 100%;
  height: 368px;
  position: relative;
  overflow: hidden;
}

html:lang(vi) #re05 .move {
  height: 398px;
}

html:lang(th) #re05 .move {
  height: 439px;
}

#re05 .move>.com1 {
  font-size: 35px;
  line-height: 110%;
  color: #DF4C44;
  position: absolute;
  top: 0;
  left: -50px;
  z-index: 10;
  font-weight: 900;
  opacity: 0;
}

#re05 .move>.com2 {
  font-size: 35px;
  line-height: 110%;
  color: #DF4C44;
  position: absolute;
  top: 0;
  left: 459px;
  z-index: 10;
  font-weight: 900;
  opacity: 0;
}

#re05 .move>.com1>span,
#re05 .move>.com2>span {
  font-size: 21px;
  color: #462E0C;
}

#re05 .move>.img1 {
  position: absolute;
  left: 94px;
  z-index: 5;
  opacity: 0;
}

#re05 .move>.img2 {
  position: absolute;
  left: 614px;
  z-index: 5;
  opacity: 0;
}

#re06 .move {
  width: 891px;
  height: 326px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

#re06 .move>.img1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  line-height: 100%;
  opacity: 0;
}

#re06 .move>.img2 {
  position: absolute;
  top: 0;
  left: 315px;
  z-index: 5;
  line-height: 100%;
  opacity: 0;
}

#re06 .move>.img3 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  line-height: 100%;
  opacity: 0;
}

#re06 .move>.img4 {
  position: absolute;
  top: 106px;
  left: 56px;
  z-index: 10;
  line-height: 100%;
  opacity: 0;
}

#re06 .move>.img5 {
  position: absolute;
  top: 127px;
  left: 361px;
  z-index: 10;
  line-height: 100%;
  opacity: 0;
}

#re06 .move>.img6 {
  position: absolute;
  top: 127px;
  left: 668px;
  z-index: 10;
  line-height: 100%;
  opacity: 0;
}

#re06 .move>.com1 {
  position: absolute;
  bottom: -30px;
  left: 87px;
  z-index: 5;
  font-size: 24px;
  font-weight: 900;
  line-height: 160%;
  color: #E9AE19;
  opacity: 0;
}

#re06 .move>.com2 {
  position: absolute;
  bottom: -30px;
  left: 394px;
  z-index: 5;
  font-size: 24px;
  font-weight: 900;
  line-height: 160%;
  color: #3DAADE;
  opacity: 0;
}

html:lang(th) #re06 .move > .com2 {
  left: 356px;
}

html:lang(vi) #re06 .move > .com2 {
  left: 370px;
}

html:lang(th) #re06 .move > .com3 {
  left: 674px;
}

html:lang(vi) #re06 .move > .com3 {
  left: 680px;
  line-height: 1.1;
}

#re06 .move>.com3 {
  position: absolute;
  bottom: -30px;
  left: 714px;
  z-index: 5;
  font-size: 24px;
  font-weight: 900;
  line-height: 160%;
  color: #00BC5C;
  opacity: 0;
}

.en #re06 .move>.com1 {
  left: 79px;
}

.en #re06 .move>.com2 {
  left: 384px;
}

.en #re06 .move>.com3 {
  left: 635px;
  text-align: center;
}

.ko #re06 .move>.com1 {
  left: 108px;
}

.ko #re06 .move>.com2 {
  left: 404px;
}

.ko #re06 .move>.com3 {
  left: 720px;
}

#re07 .move {
  width: 748px;
  height: 314px;
  position: relative;
  overflow-x: hidden;
  margin: 0 77px 0 auto;
  background: url(img/re07_bg.png) right top no-repeat;
  overflow: hidden;
}

#re07 .move>.rever {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: url(img/re07_img01.png) 0 0 no-repeat;
  opacity: 0.4;
}

#re07 .move>p {
  position: absolute;
  line-height: 100%;
  opacity: 0;
}

#re07 .move>.img1 {
  top: 111px;
  left: 52px;
}

#re07 .move>.img2 {
  top: 168px;
  left: 190px;
}

#re07 .move>.img3 {
  top: 253px;
  left: 262px;
}

#re07 .move>.img4 {
  top: 191px;
  left: 306px;
}

#re07 .move>.img5 {
  top: 169px;
  left: 387px;
}

#re07 .move>.img6 {
  top: 181px;
  left: 528px;
}

#re07 .move>.img7 {
  top: 164px;
  left: 651px;
}

#re08 .move {
  width: 861px;
  height: 277px;
  position: relative;
  overflow: hidden;
  background: url(img/re08_bg.png) 0 0 no-repeat;
}

html:lang(th) #re08 .move {
  width: 981px;
}

html:lang(vi) #re08 .move {
  width: 981px;
}

#re08 .move>p {
  position: absolute;
  line-height: 100%;
  opacity: 0;
}

#re08 .move>.img1 {
  top: 0;
  left: 17px;
}

#re08 .move>.img2 {
  top: 0;
  left: 38px;
}

#re08 .move>.img3 {
  top: 0;
  left: 59px;
}

#re08 .move>.img4 {
  top: 0;
  left: 80px;
}

#re08 .move>.img5 {
  top: 0;
  left: 101px;
}

#re08 .move>.img6 {
  top: 0;
  left: 122px;
}

#re08 .move>.img7 {
  top: 0;
  left: 143px;
}

#re08 .move>.img8 {
  top: 0;
  left: 164px;
}

#re08 .move>.img9 {
  top: 0;
  left: 185px;
}

#re08 .move>.img10 {
  top: 0;
  left: 206px;
}

#re08 .move>.img11 {
  top: 0;
  left: 227px;
}

#re08 .move>.img12 {
  top: 0;
  left: 248px;
}

#re08 .move>.img13 {
  top: 0;
  left: 269px;
}

#re08 .move>.img14 {
  top: 0;
  left: 290px;
}

#re08 .move>.img15 {
  top: 0;
  left: 311px;
}

#re08 .move>.img16 {
  top: 0;
  left: 332px;
}

#re08 .move>.img17 {
  top: 0;
  left: 353px;
}

#re08 .move>.img18 {
  top: 0;
  left: 374px;
}

#re08 .move>.img19 {
  top: 0;
  left: 395px;
}

#re08 .move>.img20 {
  top: 0;
  left: 416px;
}

#re08 .move>.img21 {
  top: 0;
  left: 437px;
}

#re08 .move>.img22 {
  top: 0;
  left: 458px;
}

#re08 .move>.img23 {
  top: 0;
  left: 479px;
}

#re08 .move>.img24 {
  top: 0;
  left: 500px;
}

#re08 .move>.img25 {
  top: 0;
  left: 521px;
}

#re08 .move>.img26 {
  top: 117px;
  left: 17px;
}

#re08 .move>.img27 {
  top: 117px;
  left: 38px;
}

#re08 .move>.img28 {
  top: 117px;
  left: 59px;
}

#re08 .move>.img29 {
  top: 117px;
  left: 80px;
}

#re08 .move>.img30 {
  top: 117px;
  left: 101px;
}

#re08 .move>.img31 {
  top: 117px;
  left: 122px;
}

#re08 .move>.img32 {
  top: 117px;
  left: 143px;
}

#re08 .move>.img33 {
  top: 117px;
  left: 164px;
}

#re08 .move>.img34 {
  top: 117px;
  left: 185px;
}

#re08 .move>.img35 {
  top: 117px;
  left: 206px;
}

#re08 .move>.img36 {
  top: 117px;
  left: 227px;
}

#re08 .move>.img37 {
  top: 117px;
  left: 248px;
}

#re08 .move>.img38 {
  top: 117px;
  left: 269px;
}

#re08 .move>.img39 {
  top: 117px;
  left: 290px;
}

#re08 .move>.img40 {
  top: 117px;
  left: 311px;
}

#re08 .move>.img41 {
  top: 117px;
  left: 332px;
}

#re08 .move>.img42 {
  top: 117px;
  left: 353px;
}

#re08 .move>.img43 {
  top: 117px;
  left: 374px;
}

#re08 .move>.img44 {
  top: 117px;
  left: 395px;
}

#re08 .move>.img45 {
  top: 117px;
  left: 416px;
}

#re08 .move>.img46 {
  top: 117px;
  left: 437px;
}

#re08 .move>.img47 {
  top: 117px;
  left: 458px;
}

#re08 .move>.img48 {
  top: 117px;
  left: 479px;
}

#re08 .move>.img49 {
  top: 117px;
  left: 500px;
}

#re08 .move>.img50 {
  top: 117px;
  left: 521px;
}

#re08 .move>.img51 {
  top: 159px;
  left: 521px;
  opacity: 1;
  display: none;
}

#re08 .move>.com {
  top: 113px;
  right: -20px;
  font-size: 35px;
  line-height: 110%;
  color: #DF4C44;
  font-weight: 900;
}

#re08 .move>.com>span {
  font-size: 21px;
  color: #462D0C;
}

#body.en #re08 .move>.com {
  width: 200px;
}

#re09 .move {
  width: 858px;
  height: 387px;
  position: relative;
  margin: 0 auto;
}

#re09 .move>#chart1 {
  width: 233px;
  height: 233px;
  position: absolute;
  top: 0;
  left: 0;
}

#re09 .move>#chart2 {
  width: 233px;
  height: 233px;
  position: absolute;
  top: 0;
  left: 314px;
}

#re09 .move>#chart3 {
  width: 233px;
  height: 233px;
  position: absolute;
  top: 0;
  right: 0;
}

#re09 .move>.cup1 {
  position: absolute;
  top: 86px;
  left: 69px;
  font-size: 14px;
  color: #E9AF19;
  line-height: 180%;
  text-align: center;
  font-weight: 900;
}

#re09 .move>.cup2 {
  position: absolute;
  top: 86px;
  left: 379px;
  font-size: 14px;
  color: #585756;
  line-height: 180%;
  text-align: center;
  font-weight: 900;
}

#re09 .move>.cup3 {
  position: absolute;
  top: 86px;
  left: 692px;
  font-size: 14px;
  color: #A2400D;
  line-height: 180%;
  text-align: center;
  font-weight: 900;
}

#re09 .move>p>span {
  display: inline-block;
  width: 90px;
  font-size: 28px;
  opacity: 0;
}

#re09 .move>.com1 {
  position: absolute;
  bottom: 40px;
  left: 0;
  font-size: 45px;
  line-height: 65px;
  color: #DF4C44;
  padding-left: 65px;
  font-weight: 900;
  background: url(img/re09_com1.png) 0 0 no-repeat;
  opacity: 0;
}

#re09 .move>.com2 {
  position: absolute;
  bottom: 40px;
  left: 340px;
  font-size: 45px;
  line-height: 65px;
  color: #462E0C;
  padding-left: 65px;
  font-weight: 900;
  background: url(img/re09_com2.png) 0 0 no-repeat;
  opacity: 0;
}

#re09 .move>.com3 {
  position: absolute;
  bottom: 40px;
  left: 660px;
  font-size: 45px;
  line-height: 65px;
  color: #462E0C;
  padding-left: 65px;
  font-weight: 900;
  background: url(img/re09_com3.png) 0 0 no-repeat;
  opacity: 0;
}

#body.en #re09 .move>.com1,
#body.en #re09 .move>.com2,
#body.en #re09 .move>.com3 {
  font-size: 37px;
}

#body.en #re09 .move>.com1 {
  left: 18px;
}

#body.en #re09 .move>.com2 {
  left: 314px;
}

#body.en #re09 .move>.com3 {
  right: -10px;
  left: inherit;
}

html:lang(vi) #re09 .move>.com1 {
  left: 0;
  font-size: 30px;
}

html:lang(vi) #re09 .move>.com2 {
  left: 330px;
  font-size: 30px;
}

html:lang(vi) #re09 .move>.com3 {
  left: 615px;
  font-size: 30px;
}

#re10 .move {
  text-align: center;
}

@media (max-width:763px) {
  #whykyoto #body>section>.inner {
    padding: 30px 0;
  }

  #whykyoto #body>section>.inner>.tit>.re {
    width: 16%;
    margin-right: 10px;
    display: inline-block;
  }

  #whykyoto #body>section>.inner>.tit>table {
    width: 80% !important;
    display: inline-block;
  }

  #whykyoto #body>section>.inner>.tit>table th {
    display: block;
    width: 100%;
    font-size: 23px;
    padding-bottom: 5px;
    line-height: 140%;
    min-height: 58px;
  }

  #whykyoto #body>section>.inner>.tit>table td {
    display: block;
    width: 121%;
    margin-left: -21%;
  }

  #whykyoto #body>section>.inner>.move {
    width: 100%
  }

  #whykyoto #body>section>.inner>.move img {
    width: auto;
  }

  #re01 .move {
    height: auto;
  }

  #re01 .move>.bg {
    background: none;
    width: 100%;
    height: auto;
    position: static;
    margin-bottom: 15px;
  }

  #re01 .move p {
    display: none;
    opacity: 1;
  }

  #re01 .move>.bg>.sp {
    display: block;
  }

  #re01 .move>.bg>.sp>img {
    width: 100% !important;
  }

  #re01 .move>.com1>span {
    font-size: 18px;
  }

  #re01 .move>.com1 {
    display: block;
    position: static;
    float: right;
    width: 33%;
    font-size: 20px;
  }

  #re01 .move>.com2 {
    display: block;
    position: static;
    float: right;
    width: 33%;
    font-size: 20px;
  }

  .en #re01 .move>.com2 {
    padding-top: 35px;
  }

  #re01 .move>.com2>span {
    font-size: 20px;
  }

  #re01 .move>.com3 {
    display: block;
    position: static;
    float: right;
    width: 33%;
    font-size: 20px;
  }

  #re01 .move>.com3>span {
    font-size: 18px;
  }

  #re01 .move>.bg>i {
    display: none;
  }

  #re02 .move {
    background: no-repeat;
    height: auto;
    opacity: 1;
    height: auto !important;
  }

  #re02 .move>p {
    display: none;
  }

  #re02 .move>p.img,
  #re02 .move>p.sp,
  #re02 .move .com {
    display: block;
  }

  #re02 .move>p.img {
    position: static;
    width: 40%;
    float: right;
    opacity: 1;
  }

  #re02 .move>p.sp {
    float: right;
    width: 60%;
    padding-top: 20px;
  }

  #re02 .move>p.com {
    position: static;
    float: right;
    font-size: 20px;
    padding: 20px 0 0 0;
    width: 100%;
    text-align: center;
    opacity: 1;
  }

  #re02 .move>p.com>span {
    font-size: 16px;
  }

  #re02 .move>p.img>img,
  #re02 .move>p.sp>img {
    width: 100% !important;
  }

  #re03 .move {
    height: auto !important;
  }

  #re03 .move>p {
    font-size: 14px;
  }

  #re03 .move>.bar {
    width: 64%;
    left: 30%;
  }

  #re03 .move>.bar>img {
    width: 100% !important;
  }

  #re03 .move>p,
  #re03 .move>i {
    display: none;
  }

  #re03 .move .sp.img1,
  #re03 .move .sp.img2,
  #re03 .move .img,
  #re03 .move .com2,
  #re03 .move .com3 {
    display: block;
  }

  #re03 .move .sp.img1 {
    position: static;
    margin-bottom: 20px;
    opacity: 1;
  }

  #re03 .move .sp.img1>img {
    width: 100% !important
  }

  #re03 .move .sp.img2 {
    position: static;
    text-align: center;
    margin-bottom: 20px;
    opacity: 1;
  }

  #re03 .move .img {
    position: static;
    top: 0 !important;
    text-align: center;
    margin-bottom: 20px;
    opacity: 1;
  }

  #re03 .move .img>img {
    width: 100% !important;
  }

  #re03 .move .com2 {
    position: static;
    font-size: 20px;
    top: 0 !important;
    margin-bottom: 20px;
    opacity: 1;
  }

  #re03 .move .com3 {
    position: static;
    font-size: 14px;
    top: 0 !important;
    text-align: center;
    line-height: 180%;
  }

  #re04 .move {
    margin: 0;
    position: relative;
    padding-bottom: 60px;
  }

  #re04 .move img {
    width: 100% !important;
  }

  #re04 .move>.f1 {
    width: 40%;
  }

  #re04 .move>.f2 {
    width: 56%;
    height: auto;
    position: static;
  }

  #re04 .move>.f2>.clearfix {
    margin: 17px 0 0;
  }

  #re04 .move>.f2>.clearfix>p {
    width: 17px;
    height: 17px;
    margin: 0 2px 10px 0;
    opacity: 1;
    position: static;
  }

  #re04 .move>.f2>.clearfix>p>img {
    position: static;
    width: 100% !important;
  }

  #re04 .move>.f2>p {
    font-size: 20px;
    position: static;
    margin-top: 20px;
    opacity: 1;
    text-align: center;
  }

  html:lang(th) #re05 .move,
  html:lang(vi) #re05 .move {
    height: 0px;
    padding-bottom: 64%;
  }

  #re05 .move>.com1,
  #re05 .move>.com2 {
    font-size: 20px;
    opacity: 1;
  }

  #re05 .move>.com1 {
    left: 0 !important;
    width: 50%;
  }

  #re05 .move>.com2 {
    opacity: 1;
    left: 50% !important;
    width: 50%;
  }

  #re05 .move>.com1>span,
  #re05 .move>.com2>span {
    font-size: 16px;
  }

  #re05 .move>.img1>img,
  #re05 .move>.img2>img {
    width: 100% !important;
  }

  #re05 .move>.img1 {
    width: 50%;
    left: 4%;
    opacity: 1;
    left: 0 !important;
    top: 50px !important;
  }

  #re05 .move>.img2 {
    width: 40%;
    left: 55%;
    opacity: 1;
    left: 55% !important;
    top: 70px !important;
  }

  #re06 .move {
    height: auto;
  }

  #re06 .move>.img1,
  #re06 .move>.img2,
  #re06 .move>.img3 {
    width: 30%;
  }

  #re06 .move>.img4,
  #re06 .move>.img5,
  #re06 .move>.img6 {
    width: 20%;
  }

  #re06 .move img {
    width: 100% !important;
  }

  #re06 .move>.sp {
    width: 100%;
    margin-bottom: 20px;
  }

  #re06 .move>.sp>img {
    width: 100% !important;
  }

  #re06 .move>.img1,
  #re06 .move>.img2,
  #re06 .move>.img3,
  #re06 .move>.img4,
  #re06 .move>.img5,
  #re06 .move>.img6 {
    display: none;
  }

  #re06 .move>.com1,
  #re06 .move>.com2,
  #re06 .move>.com3 {
    font-size: 17px;
    position: static;
    width: 33%;
    opacity: 1;
    float: left;
    line-height: 160%;
    text-align: center;
  }

  #re07 .move {
    background: none;
    height: 100%;
  }

  #re07 .move>img {
    display: none;
  }

  #re07 .move>.rever {
    display: none;
  }

  #re07 .move>p>img {
    width: 100% !important;
  }

  #re07 .move>.img1,
  #re07 .move>.img2,
  #re07 .move>.img3,
  #re07 .move>.img4,
  #re07 .move>.img5,
  #re07 .move>.img6,
  #re07 .move>.img7 {
    display: none;
  }

  #re07 .move>.sp {
    position: static;
    opacity: 1;
  }

  #re07 .move>.sp>img {
    width: 100% !important;
  }

  #re08 .move {
    background: none;
    height: auto;
  }

  #re08 .move>p {
    display: none;
  }

  #re08 .move>.sp {
    display: block;
    opacity: 1;
    position: static;
    margin-bottom: 20px;
  }

  #re08 .move>.sp>img {
    width: 100% !important;
  }

  #re08 .move>.com {
    width: auto;
    position: static;
    font-size: 23px;
    text-align: center;
    opacity: 1;
    display: block;
    width: 100% !important;
  }

  #re09 .move {
    height: auto;
  }

  #re09 .move>#chart1,
  #re09 .move>#chart2,
  #re09 .move>#chart3,
  #re09 .move>.cup1,
  #re09 .move>.cup2,
  #re09 .move>.cup3 {
    display: none;
  }

  #re09 .move>.sp {
    opacity: 1;
  }

  #re09 .move>.sp>img {
    width: 100% !important;
  }

  #re10 img {
    width: 100% !important;
    height: auto !important;
  }

  #re10 .move>img {
    display: none;
  }

  .th #re03 .move .com3 img,
  .vi #re03 .move .com3 img {
    margin-top: 0px;
  }

}