@charset "UTF-8";

.campaign a {
  /*background: blue;*/
  /*opacity: 0.6;*/
}

.campaign img {
  max-width: 100%;
  height: auto;
  display: block;
}

.s01 {
  padding: 30px 0 0;
}

.catalog {
  position: relative;
}
.catalog a {
  display: block;
  width: 35.857142857142857142857142857143%;
  height: 47.126436781609195402298850574713%;
  position: absolute;
  top: 09.19540229885057%;
  left: 62.57142857142857%;
  z-index: 200;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  /*	 background: rgba(0,0,0,0.5);*/
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.s08,
.s09,
.s11,
.s12 {
  position: relative;
}
.s08 ul,
.s09 ul,
.s11 ul {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.s08 li {
  position: absolute;
  width: 23.14285714285714%; /*162px*/
  height: 2.91666666666667% !important; /*35px*/
}
.s08 li.T-25 {
  left: 21.85714285714286%;
  top: 32.83333333333333%;
}
.s08 li.T-34 {
  left: 70.42857142857143%;
  top: 32.83333333333333%;
}
.s08 li.S-22 {
  left: 21.85714285714286%;
  top: 61%;
}
.s08 li.U-33 {
  left: 70.42857142857143%;
  top: 61%;
}
.s08 li.U-52 {
  left: 21.85714285714286%;
  top: 90.5%;
}
.s08 li.U-54 {
  left: 70.42857142857143%;
  top: 90.5%;
}

.s09 li {
  position: absolute;
}
.s09 li.U-68 {
  width: 43.85714285714286%;
  height: 29.49308755760369%;
  left: 02.42857142857143%;
  top: 39.1705069124424%;
}
.s09 li.U-69 {
  width: 46.42857142857143%;
  height: 29.49308755760369%;
  left: 50.85714285714286%;
  top: 39.1705069124424%;
}
.s09 li.S-39 {
  width: 31%;
  height: 26.42089093701997%;
  left: 47.14285714285714%;
  top: 71.12135176651306%;
}

.s11 li {
  position: absolute;
}
.s11 li.T-28 {
  width: 21.14285714285714%;
  height: 41.51898734177215%;
  left: 21.42857142857143%;
  top: 42.53164556962025%;
}
.s11 li.T-38 {
  width: 32%;
  height: 44.30379746835443%;
  left: 62.14285714285714%;
  top: 42.53164556962025%;
}

/*.s11 li{
	position: absolute;
	width: 23%;
	height: 05.794701986754966887417218543046%;
	}
	.s11 li.T-41{ left: 72.571428571428571428571428571429%; top: 40.562913907284768211920529801325%; }
	.s11 li.U-28{ left: 25.142857142857142857142857142857%; top: 84.437086092715231788079470198675%; }
	.s11 li.T-38{ left: 72.571428571428571428571428571429%; top: 84.437086092715231788079470198675%; }*/

.s08 a,
.s09 a,
.s11 a,
.s12 a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  /*	 background: rgba(0,0,0,0.5);*/
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.s07 a:hover,
.s08 a:hover,
.s09 a:hover,
.s11 a:hover,
.s12 a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.s09 img,
.s10 img,
.hover {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.s09 img:hover,
.s10 img:hover,
.hover:hover {
  opacity: 0.7;
}

.s12 li {
  position: absolute;
  width: 48.57142857142857%; /*w340px*/
  height: 2.6865671641791%; /*h27px*/
}
.s12 li.left {
  left: 1.42857142857143%;
} /*left:10px*/
.s12 li.right {
  left: 50%;
} /*left:350px;*/

li.T-31,
li.T-39,
li.S-64,
li.S-68,
li.S-66,
li.S-71,
li.U-31,
li.U-35,
li.U-38 {
  height: 4.97512437810945%;
} /* h50px*/

li.U-60 {
  width: 54.57142857142857%;
} /* w382px */

li.U-61 {
  width: 50.42857142857143%;
} /* w353px */

/* left */
li.S-61 {
  top: 09.95024875621891%;
}
li.S-62 {
  top: 12.63681592039801%;
}
li.S-63 {
  top: 15.32338308457711%;
}
li.T-21 {
  top: 26.56716417910448%;
}
li.T-22 {
  top: 29.25373134328358%;
}
li.T-23 {
  top: 31.94029850746269%;
}
li.T-24 {
  top: 34.62686567164179%;
}
li.T-26 {
  top: 37.3134328358209%;
}
li.T-61 {
  top: 40%;
}
li.T-65 {
  top: 42.6865671641791%;
}
li.S-21 {
  top: 45.37313432835821%;
}
li.S-23 {
  top: 48.05970149253731%;
}
li.T-31 {
  top: 60.29850746268657%;
}
li.T-35 {
  top: 65.57213930348259%;
}
li.T-36 {
  top: 68.25870646766169%;
}
li.T-37 {
  top: 70.9452736318408%;
}
li.T-39 {
  top: 73.6318407960199%;
}
li.U-59 {
  top: 89.75124378109453%;
}
li.U-60 {
  top: 92.43781094527363%;
}
li.U-61 {
  top: 95.12437810945274%;
}

/* right */
li.S-64 {
  top: 09.95024875621891%;
}
li.S-68 {
  top: 15.12437810945274%;
}
li.S-65 {
  top: 26.56716417910448%;
}
li.S-66 {
  top: 29.25373134328358%;
}
li.S-67 {
  top: 34.62686567164179%;
}
li.S-71 {
  top: 37.51243781094527%;
}
li.S-72 {
  top: 42.6865671641791%;
}
li.U-36 {
  top: 45.37313432835821%;
}
li.U-37 {
  top: 48.05970149253731%;
}
li.U-55 {
  top: 50.74626865671642%;
}
li.S-31 {
  top: 60.29850746268657%;
}
li.S-32 {
  top: 62.98507462686567%;
}
li.U-31 {
  top: 65.57213930348259%;
}
li.U-32 {
  top: 70.54726368159204%;
}
li.U-35 {
  top: 73.03482587064677%;
}
li.U-38 {
  top: 77.81094527363184%;
}

/*.s10,
.s11{
	margin-bottom: 20px;
}*/

.spec_infor a {
  text-decoration: underline;
}

.spec_infor p:not(:last-of-type) {
  margin-bottom: 20px;
}

.foot_cc__banner img {
  max-width: 240px;
}

@media (max-width: 550px) {
  .foot_cc__banner {
    margin: 20px auto;
    display: block;
    text-align: center;
  }
}