@charset "utf-8";

*{
  position: relative;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  text-decoration: none;
  list-style-type: none;
  vertical-align:baseline;
}
body {
  min-width: 1100px;
  font-size: 14px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height:1.4;
  color: #000;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  outline: none;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration:none;
}
del {
  text-decoration:line-through;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
ul,ul li {
  list-style-type:none;
}
img {
  border: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear:both;
  zoom: 1;
}
.clearfix:after {
  content:'';
  display:block;
  clear:both;
}
.clearfix {
  *zoom:1;
}
.hidden {
  display: none;
}
.show {
  display: block;
}
.wrapper {
  width: 1100px;
  margin: 0 auto;
  overflow: visible;
}


/*
 * banner
 */
.banner {
  height: 698px;
  background: url(../images/banner-bg.jpg) no-repeat center;
}
.banner img {
  display: block;
}
.banner .wrapper {
  padding-top: 30px;
}
.banner a.logo {
  position: absolute;
  top: 23px;
  left: 50px;
  display: block;
  z-index: 9;
  width: 41px;
  height: 14px;
  text-indent: -9999px;
  background: url(../images/logo.png) center center no-repeat;
}
.banner h1.title {
  height: 74px;
  text-indent: -9999px;
  background: url("../images/banner-title.png") bottom center no-repeat;
}
.banner h2.subtitle {
  margin-top: 12px;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #ff9a9a;
}
.banner h2.subtitle.after {
  color: #fff;
}
.banner h2.subtitle > strong {
  display: inline-block;
  width: 25px;
}
.banner h2.subtitle > strong,
.banner h2.subtitle > span {
  font-size: 18px;
  color: #fff;
}
.banner ul.content {
  margin-top: 62px;
  width: 100%;
  height: 456px;
}
.banner ul.content li{
  position: absolute;
  width: 292px;
  height: 386px;
  background-color: #fff;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all .5s ease-out;
     -moz-transition: all .5s ease-out;
       -o-transition: all .5s ease-out;
          transition: all .5s ease-out;
}
.banner ul.content li.nobegin::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/banner-stratum.png") 0 0 no-repeat;
}
.banner ul.content li.isend::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/banner-stratum.png") -292px 0 no-repeat;
}

/*
 * left
 */
.banner ul.content li.on-left {
  top: 40px;
  left: 36px;
}
#db-1pc img.box {
  margin-top: 79px;
  margin-left: 45px;
  width: 174px;
  height: 160px;
}

/*
 * middle
 */
.banner ul.content li.on-middle {
  top: 0;
  left: 374px;
  z-index: 9;
  width: 353px;
  height: 456px;
  -webkit-box-shadow: 0 33px 38px 10px rgba(145,1,1,.94);
     -moz-box-shadow: 0 33px 38px 10px rgba(145,1,1,.94);
          box-shadow: 0 33px 38px 10px rgba(145,1,1,.94);
}
#db-3pc.on-middle img.off {
  position: absolute;
  top: 24px;
  right: 14px;
  width: 215px;
  height: 89px;
}
#db-3pc.on-left img.off {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 162px;
  height: 67px;
}
#db-3pc.on-middle img.box {
  margin-top: 100px;
  margin-left: 63px;
  width: 203px;
  height: 182px;
}
#db-3pc.on-left img.box {
  margin-top: 79px;
  margin-left: 46px;
  width: 174px;
  height: 156px;
}
#db-3pc.on-middle p.price {
  color: #f80000;
}
#db-3pc.on-left p.price {
  color: #000;
}
p.price.hidden {
  display: none;
}
p.attention.hidden {
  display: none;
}


/*
 * right
 */
.banner ul.content li.on-right {
  top: 40px;
  left: 772px;
}
#db-pf-sd.on-right img.off {
  position: absolute;
  top: 20px;
  right: 18px;
  width: 160px;
  height: 73px;
}
#db-pf-sd.on-middle img.off {
  position: absolute;
  top: 24px;
  right: 18px;
  width: 207px;
  height: 89px;
}
#db-pf-sd.on-right img.box {
  margin-top: 79px;
  margin-left: -6px;
  width: 276px;
  height: 160px;
}
#db-pf-sd.on-middle img.box {
  margin-top: 100px;
  margin-left: 1px;
}
#db-pf-sd.on-middle p.price {
  color: #f80000;
}


/*
 * price
 */
p.price {
  height: 54px;
  margin-top: 8px;
  text-align: center;
  color: #000;
}
p.price strong {
  font-size: 44px;
  font-weight: 600;
  line-height: 54px;
  color: inherit;
}
p.price sup {
  display: inline-block;
  font-size: 18px;
  line-height: 16px;
  top: -18px;
  color: inherit;
}
p.price del {
  display: inline-block;
  margin-left: -2.8em;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}


/*
 * banner ul.content li -> buybtn
 */
a.buybtn {
  display: block;
  margin: 10px auto 0;
  text-align: center;
  -webkit-box-shadow: 0 16px 16px rgba(255,96,0,.48);
     -moz-box-shadow: 0 16px 16px rgba(255,96,0,.48);
          box-shadow: 0 16px 16px rgba(255,96,0,.48);
}
a.buybtn span {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 49px;
  text-transform: Uppercase;
  color: #000;
}
a.buybtn.cart span::before{
  content: '';
  position: relative;
  display: inline-block;
  width: 19px;
  height: 14px;
  margin-right: 12px;
  margin-bottom: 3px;
  vertical-align: middle;
  background: url("../images/buybtn.png") 0 -98px no-repeat;
}

.banner ul.content li a.buybtn {
  width: 235px;
  height: 49px;
  background: url("../images/buybtn.png") 0 0 no-repeat;
}
.banner ul.content li a.buybtn:hover {
  background: url("../images/buybtn.png") 0 -49px no-repeat;
}
.banner ul.content li.on-middle a.buybtn {
  width: 279px;
  height: 59px;
  background: url("../images/buybtn.png") 0 -112px no-repeat;
}
.banner ul.content li.on-middle a.buybtn:hover {
  background: url("../images/buybtn.png") 0 -171px no-repeat;
}
.banner ul.content li.on-middle a.buybtn span {
  line-height: 59px;
}

/*
 * attention
 */
.banner ul.content li p.attention {
  margin-top: 18px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #000;
}
.banner ul.content li p.attention strong {
  font-size: 12px;
}
.banner ul.content li p.attention i {
  display: inline-block;
  width: 17px;
  height: 11px;
  margin-right: 5px;
  background: url("../images/buybtn.png") 0 -230px no-repeat;
  vertical-align: middle;
  letter-spacing: -.3px;
}

/*
 * countdown
 */
.banner ul.content li p.countdown {
  position: absolute;
  top: -20px;
  left: 21px;
  width: 315px;
  height: 34px;
  padding-top: 9px;
  padding-left: 38px;
  background: url("../images/banner-timer-bg.png") center center no-repeat;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #000;
}
.banner ul.content li p.countdown strong {
  display: inline-block;
  width: 21.5px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
  text-align: center;
}
.banner ul.content li p.countdown strong.small {
  font-size: 14px;
}





/* payment */

.payment { height: 80px; line-height: 80px; text-align: center; background: #e9e9e9;}
.payment img { display: inline-block; vertical-align: middle;}



/* benfits */
.benfits {
  color: #1c1e23;
}
.benfits > h2 {
  margin-top: 62px;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
}
.benfits .showcase {
  position: absolute;
  top: 183px;
  left: 18px;
  display: block;
  width: 538px;
  height: 364px;
  background: url("../images/computer.png") center no-repeat;
}
.benfits .showcase .inner {
  display: inline-block;
  width: 377px;
  height: 252px;
  margin-top: 13px;
  margin-left: 22px;
  overflow: hidden;
}
.benfits .showcase .inner ul {
  width: 2025px;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
}
.benfits .showcase .inner li {
  position: relative;
  float: left;
  width: 405px;
  height: 273px;
}
.benfits .showcase .zoom {
  position: absolute;
  top: 0;
}
.benfits .showcase .container {
  position: absolute;
  width: 0;
  height: 0;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
}
.benfits .showcase .container img {
  width: inherit;
  height: inherit
}
.benfits .showcase li.fun1 .container {
  top: 40px;
  left: 150px;
}
.benfits .showcase li.fun1.active .container {
  left: 70px;
  top: 86px;
  width: 297px;
  height: 219px;
}
.benfits .showcase li.fun2 .container {
  top: 120px;
  left: 169px;
}
.benfits .showcase li.fun2.active .container {
  left: 244px;
  top: 55px;
  width: 172px;
  height: 208px;
}
.benfits .showcase li.fun3 .container {
  top: 50px;
  left: 220px;
}
.benfits .showcase li.fun3.active .container {
  left: -87px;
  top: 100px;
  width: 320px;
  height: 139px;
}
.benfits .showcase li.fun4 .container {
  top: 50px;
  left: 220px;
}
.benfits .showcase li.fun4.active .container {
  left: 90px;
  top: 48px;
  width: 431px;
  height: 139px;
}
.benfits .detail-list {
  margin-top: 36px;
  float: right;
}
.benfits .detail-list dl {
  display: block;
  margin: 12px 0;
  width: 518px;
  height: 98px;
  clear: both;
  cursor: pointer;
  background: #fff;
}
.benfits .detail-list dl:hover,
.benfits .detail-list dl.active { background:url("../images/btnfits-list-bg.png") left center no-repeat; }
.benfits .detail-list dl:hover dt i.benfits01,
.benfits .detail-list dl.active dt i {
  background-color: #cb1f20;
  background-position: 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.benfits .detail-list dl:hover dt i.benfits02,
.benfits .detail-list dl.active dt i.benfits02 { background-position: 0 -55px; }
.benfits .detail-list dl:hover dt i.benfits03,
.benfits .detail-list dl.active dt i.benfits03 { background-position: 0 -110px; }
.benfits .detail-list dl:hover dt i.benfits04,
.benfits .detail-list dl.active dt i.benfits04 { background-position: 0 -165px;}
.benfits .detail-list dt {
  float: left;
  width: 100px;
  text-align: left;
}
.benfits .detail-list dt i {
  display: inline-block;
  margin-top: 20px;
  margin-left: 20px;
  width: 55px;
  height: 55px;
  background: url(../images/benfits-icon.png) center center no-repeat;
}
.benfits .detail-list dt i {
  background-color: #f6f5f4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.benfits .detail-list dt i.benfits01 { background-position: -55px 0; }
.benfits .detail-list dt i.benfits02 { background-position: -55px -55px; }
.benfits .detail-list dt i.benfits03 { background-position: -55px -110px; }
.benfits .detail-list dt i.benfits04 { background-position: -55px -165px; }
.benfits .detail-list dd {
  display: inline-block;
  margin-top: 14px;
  float: left;
  color: #1c1e23;
  box-sizing: border-box;
}
.benfits .detail-list dd h3 {
  font-size: 18px;
  font-weight: 600;
}
.benfits .detail-list dd p {
  font-size: 12px;
  line-height: 20px;
}
.benfits a.intro {
  display: block;
  margin-right: 204px;
  font-size: 12px;
  color: #0075e9;
  text-decoration: underline;
}

/*
 * gift-box
 */

.gift-box {
  height: 625px;
  margin-top: 100px;
  background: url("../images/gift-box-bg.jpg") top center no-repeat;
}
.gift-box .wrapper {
  padding-top: 60px;
}
.gift-box h2 {
  height: 49px;
  background: url(../images/h2-title.png) no-repeat center;
  text-indent: -9999px;
}.gift-box dt {
  float: left;
  margin-top: 52px;
  margin-left: 209px;
  width: 240px;
  text-align: left;
}
.gift-box dd{
  float: left;
  margin-top: 126px;
  margin-left: 58px;
  width: 406px;
  text-align: left;
}
.gift-box dd h3 {
  margin-bottom: 8px;
  font-size: 20px;
  color: #fff;
}
.gift-box dd h3 span {
  display: inline-block;
  position: relative;
  margin-top: -6px;
  margin-left: 14px;
  padding: 0 8px;
  height: 20px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  background: #FFCE00;
;
  vertical-align: middle;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.gift-box dd h3 span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #FFCE00;
;
       
}
.gift-box dd p {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #febfc2;
}
.gift-box h4 {
  margin-top: 38px;
  font-size: 22px;
  font-weight: 600;
  line-height: 23px;
  color: #fff;
  text-align: center;
}
.gift-box .countdown{
  text-align: center;
  color: #FFCE00;
  width: fit-content;
  border-radius: 6px;
  padding: 2px 8px;
  box-sizing: border-box;
  margin: 12px auto 0;
}
.gift-box .countdown strong{
  min-width: 20px;
  display: inline-block;
}
.gift-box a.buybtn.disabled {
  background: #858383;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  cursor: inherit;
}
.gift-box a.buybtn.disabled span {
  color: #cfcfcf;
}
.gift-box a.buybtn.disabled:hover {
  background: #858383;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.gift-box a.buybtn.disabled.cart span::before {
  background: url("../images/buybtn.png") -19px -433px no-repeat;
}

.gift-box a.buybtn {
  width: 279px;
  height: 59px;
  margin-top: 60px;
  background: url(../images/buybtn.png) 0 -112px no-repeat;
  -webkit-box-shadow: 0 6px 16px rgba(255,96,0,.48);
     -moz-box-shadow: 0 6px 16px rgba(255,96,0,.48);
          box-shadow: 0 6px 16px rgba(255,96,0,.48);
}
.gift-box a.buybtn span {
  font-size: 18px;
  font-weight: 700;
  line-height: 59px;
}
.gift-box a.buybtn:hover {
  background: url("../images/buybtn.png") 0 -171px no-repeat;
}
.gift-box a.buybtn.cart span::before {
  display: none;
}


/*
 * review
 */
.review{ padding: 40px 0; margin-top: 35px; }
.review h2 { text-align: center; font-size: 32px; font-weight: 600; line-height: 66px;color: #212121;}

.review .review-message { position: relative; height: 434px; margin-top: 30px; background: url(../images/map.jpg) no-repeat center;}
.review .review-message dl { position: absolute; width: 115px; height: 101px;}
.review .review-message dl dt { position: relative; height: 101px; text-align: center;}
.review .review-message dl dt .img-box { position: relative; z-index: 30; width: 115px; height: 101px; cursor: pointer;}
.review .review-message dl h4 { padding-top: 30px; font-size: 12px; font-weight: 500; color: #d82029}
.review .review-message dl img {position: relative; z-index: 5; width: 38px; height: 38px; margin-top: 2px; border-radius: 50%; border: solid #d82029 2px;
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
}
.review .review-message dl .line { position: absolute; background: url(../images/line.png);}
.review .review-message dl dd { filter:alpha(opacity=0); opacity: 0; position: absolute; z-index: 8; left: 108px; top: 5px; width: 310px; padding: 15px 15px; border-radius: 5px; font-size: 12px; color: #Fff; background: rgba(232,26,19,.65); box-shadow: 0 6px 15px 0 rgba(216, 32, 41, 0.39);
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}
.review .review-message dl dd:after {position: absolute; content: ""; width: 10px; height: 17px; top: 50%; left: -10px; margin-top: -9px; background: url(../images/arrow.png);}
.review .review-message dl .line:after { position: absolute; content: ""; width: 6px; height: 6px; top: 114px; left: 93px; border-radius: 50%; background: #ababab;    }
.review .review-message dl .line:before { position: absolute; content: ""; width: 12px; height: 12px; border-radius: 50%; top: 111px; left: 90px; background: rgba(171,171,171,.35);}

.review .review-message dl.active dd { z-index: 35; filter:alpha(opacity=100); opacity: 1;}
.review .review-message dl.active h4 {padding-top: 0; font-size: 16px; font-weight: 600}
.review .review-message dl.active img { width: 77px; height: 77px; border: solid #d82029 3px;}
.review .review-message dl.active.wayne .line { background-position: -96px 0;}
.review .review-message dl.active.myo .line { background-position: -251px 0;}
.review .review-message dl.active.pcmag .line { background-position: -374px 0;}
.review .review-message dl.active.chip .line { background-position: -473px 0;}
.review .review-message dl.active.fabio .line { background-position: -533px 0;}
.review .review-message dl.active.vector .line { background-position: -644px 0;}
.review .review-message dl.active.adam .line { background-position: -62px -147px;}

.review .review-message dl.active.olnet .line { background-position: -227px -135px; }
.review .review-message dl.active.olorin .line { background-position: -382px -135px; }
.review .review-message dl.active.html .line { background-position: -518px -134px; }
.review .review-message dl.active .line:after,.review .review-message dl.active .line:before {  animation: round 1s;  }
@keyframes round
{
  from {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  
}
.review .review-message dl.red-round .line:after { background: #d82029;}
.review .review-message dl.red-round .line:before { background: rgba(211,50,50,.3);}


.review .review-message { position: relative; width: 1000px; height: 434px; margin: 30px auto 0; background: url(../images/map.jpg) no-repeat center;}
.review .review-message dl { position: absolute; width: 115px; height: 101px;}
.review .review-message dl dt { position: relative; height: 101px; text-align: center;}
.review .review-message dl dt .img-box { position: relative; z-index: 30; width: 115px; height: 101px; cursor: pointer;}
.review .review-message dl h4 { padding-top: 30px; font-size: 12px; color: #d82029}
.review .review-message dl img {position: relative; z-index: 5; width: 38px; height: 38px; margin-top: 2px; border-radius: 50%; border: solid #d82029 2px;
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
}
.review .review-message dl .line { position: absolute; background: url(../images/line.png);}
.review .review-message dl dd { filter:alpha(opacity=0); opacity: 0; position: absolute; z-index: 8; left: 108px; top: 5px; width: 310px; padding: 15px 15px; border-radius: 5px; font-size: 12px; color: #Fff; background: rgba(232,26,19,.65); box-shadow: 0 6px 15px 0 rgba(216, 32, 41, 0.39);
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}
.review .review-message dl dd:after {position: absolute; content: ""; width: 10px; height: 17px; top: 50%; left: -10px; margin-top: -9px; background: url(../images/arrow.png);}
.review .review-message dl .line:after { position: absolute; content: ""; width: 6px; height: 6px; top: 114px; left: 93px; border-radius: 50%; background: #ababab;    }
.review .review-message dl .line:before { position: absolute; content: ""; width: 12px; height: 12px; border-radius: 50%; top: 111px; left: 90px; background: rgba(171,171,171,.35);}

.review .review-message dl.active dd { z-index: 35; filter:alpha(opacity=100); opacity: 1;}
.review .review-message dl.active h4 {padding-top: 0; font-size: 16px;}
.review .review-message dl.active img { width: 77px; height: 77px; border: solid #d82029 3px;}
.review .review-message dl.active.wayne .line { background-position: -96px 0;}
.review .review-message dl.active.myo .line { background-position: -251px 0;}
.review .review-message dl.active.pcmag .line { background-position: -374px 0;}
.review .review-message dl.active.chip .line { background-position: -473px 0;}
.review .review-message dl.active.fabio .line { background-position: -533px 0;}
.review .review-message dl.active.vector .line { background-position: -644px 0;}
.review .review-message dl.active.adam .line { background-position: -62px -147px;}

.review .review-message dl.active.olnet .line { background-position: -227px -135px; }
.review .review-message dl.active.olorin .line { background-position: -382px -135px; }
.review .review-message dl.active.html .line { background-position: -518px -134px; }
.review .review-message dl.active .line:after,.review .review-message dl.active .line:before {  animation: round 1s;  }
@keyframes round
{
  from {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  
}
.review .review-message dl.red-round .line:after { background: #d82029;}
.review .review-message dl.red-round .line:before { background: rgba(211,50,50,.3);}

.review .review-message dl.wayne { top: 12px; left: -5px;}
.review .review-message dl.wayne .line { width: 94px; height: 115px; left: 54px; bottom: -89px;  }

.review .review-message dl.myo {top: 38px; left: 134px;}
.review .review-message dl.myo .line { width: 58px; height: 83px; left: 53px; bottom: -75px; background-position: -192px 0; }
.review .review-message dl.myo .line:after { top: 81px; left: 57px;}
.review .review-message dl.myo .line:before { top: 78px; left: 54px;}

.review .review-message dl.pcmag {top: 32px; left: 268px;}

.review .review-message dl.pcmag .line { width: 62px; height: 87px; left: -7px; bottom: -68px; background-position: -311px 0; }
.review .review-message dl.pcmag .line:after { top: 83px; left: -3px;}
.review .review-message dl.pcmag .line:before { top: 80px; left: -6px;}

.review .review-message dl.chip {top: 28px; left: 386px;}
.review .review-message dl.chip .line { width: 34px; height: 68px; left: 55px; bottom: -57px; background-position: -438px 0; }
.review .review-message dl.chip .line:after { top: 68px; left: 35px;}
.review .review-message dl.chip .line:before { top: 65px; left: 32px;}

.review .review-message dl.fabio {top: 39px; left: 462px;}
.review .review-message dl.fabio .line { width: 24px; height: 77px; left: 35px; bottom: -66px; background-position: -509px 0; }
.review .review-message dl.fabio .line:after { top: 75px; left: -6px;}
.review .review-message dl.fabio .line:before { top: 72px; left: -9px;}

.review .review-message dl.vector {top: 55px; left: 675px;}
.review .review-message dl.vector .line { width: 83px; height: 79px; left: 56px; bottom: -69px; background-position: -559px 0; }
.review .review-message dl.vector .line:after { top: 76px; left: 78px;}
.review .review-message dl.vector .line:before { top: 73px; left: 75px;}

.review .review-message dl.olnet dd,.review .review-message dl.adam dd,.review .review-message dl.olorin dd,.review .review-message dl.html dd { top: 30px; left: 117px;}
.review .review-message dl.adam h4,.review .review-message dl.olnet h4,.review .review-message dl.olorin h4,.review .review-message dl.html h4 { padding-top: 0;}
.review .review-message dl.adam img,.review .review-message dl.olnet img,.review .review-message dl.olorin img,.review .review-message dl.html img { margin-top: 30px;}


.review .review-message dl.adam {top: 274px; left: 44px;}
.review .review-message dl.adam .line { width: 61px; height: 85px; left: 56px; bottom: 71px; background-position: 0 -147px; }
.review .review-message dl.adam .line:after { top: -3px; left: 63px;}
.review .review-message dl.adam .line:before { top: -6px; left: 60px;}

.review .review-message dl.olnet {top: 273px; left: 304px;}
.review .review-message dl.olnet .line { width: 97px; height: 98px; left: 58px; bottom: 71px; background-position: -130px -135px; }
.review .review-message dl.olnet .line:after { top: -6px; left: 96px;}
.review .review-message dl.olnet .line:before { top: -9px; left: 93px;}

.review .review-message dl.olorin {top: 252px; left: 373px;}
.review .review-message dl.olorin .line { width: 47px; height: 74px; left: 58px; bottom: 68px; background-position: -335px -135px; }
.review .review-message dl.olorin .line:after { top: -6px; left: 47px;}
.review .review-message dl.olorin .line:before { top: -9px; left: 44px;}

.review .review-message dl.html {top: 275px; left: 520px;}
.review .review-message dl.html .line { width: 82px; height: 85px; left: -22px; bottom: 68px; background-position: -435px -134px; }
.review .review-message dl.html .line:after { top: -5px; left: -6px;}
.review .review-message dl.html .line:before { top: -8px; left: -9px;}

.review .review-message dl.pcmag dd { left: -335px;}
.review .review-message dl.pcmag dd:after { width: 9px; height: 16px; top: 50%; right: -9px; left: initial; margin-top: -8px; background: url(../images/right-arrow.png);}



.comparison-table { margin: 30px auto 10px; display:block; width:1000px; color: #000; font-weight: 600; }
.comparison-table table { border:0; border-collapse:separate; border-spacing:0; }
.comparison-table tr th {border-bottom:1px #ccc solid;border-top:1px #ccc solid; vertical-align: middle;}
.comparison-table thead tr th:first-of-type { text-align: left; font-size: 20px;}
.comparison-table th { padding: 25px 0; font-size: 16px;}
.comparison-table tr td.virtue { text-align:left; width: 574px; color: #21222a;}
.comparison-table tr { text-align: center; font-size: 14px; }
.comparison-table .itema { color: #000; background: #fcfaf4; text-align: center; width: 178px; }
.comparison-table .itemb { color: #000; background-color: #f7f7f7; text-align: center; width: 178px; }
.comparison-table th.itema { background-color: #c00618; color: #fff;}
.comparison-table th.itemb { background-color: #7a7a7a; color: #fff;}
.comparison-table td { padding: 10px 0; vertical-align: middle; border-bottom: 1px #ccc solid;}
.comparison-table td.icons { text-align: center; width: 50px; }
.comparison-table td.yellow { background-color: #f4f4f4;}
.comparison-table .space { width: 10px; border: none;}
.comparison-table td sup { display: inline-block; vertical-align: top; font-size: 12px; color: #54bb3f;}
.comparison-table td sup.nou { color: #db0a14;}

.bottomcart { margin-top: 70px; height: 264px; background: url(../images/bottom-buy-bg.jpg) no-repeat center bottom;}
.bottomcart h2 { height: 45px; margin-bottom: 16px; text-indent: -9999px; background: url(../images/bottom-title.png) no-repeat center;}
.bottomcart .showcase .img{ float: left; width: 316px; height: 168px; margin-top: 29px; background: url(../images/bottom-change.png) no-repeat; transition: all .4s ease-out;}
.bottomcart .showcase .img.one-pc { background-position:-632px 0; }
.bottomcart .showcase .img.three-pc { background-position:-316px 0; }

.bottomcart ul { float: left; margin-top: 45px; width: 480px;}
.bottomcart ul li { height: 42px; line-height: 42px; cursor: pointer;}
.bottomcart ul li span { float: left; width: 250px; margin-left: 115px; font-size: 16px; line-height: 42px; color: #fac6c6;}
.bottomcart ul li strong { float: left; width: 115px; text-align: center; font-size: 22px; font-style: italic; line-height: 42px; color: #490007;}
.bottomcart ul li.active { background: url(../images/active.png);}
.bottomcart ul li.active span { font-size: 16px; color: #fff;}
.bottomcart ul li.active strong { margin-top: 3px; height: 43px; text-indent: -9999px; background: url(../images/bottom-discount.png) no-repeat center top;}
.bottomcart ul li.active.three-pc strong { background-position: center -39px;}
.bottomcart ul li.active.one-pc strong { background-position: center -78px;}
.bottomcart dl {float: right; margin-top: 35px; margin-right: 30px}
.bottomcart dl dt { color: #ffe508;}
.bottomcart dl dt del { color: #fac6c6;}
.bottomcart p.price {
  color: #ffe508;
}
.bottomcart p.price del {
  color: #fda2a2;
}
.bottomcart p.price.after {
  padding-right: 3.5em;
}
.bottomcart a.buybtn {
  width: 272px;
  height: 60px;
  background: url("../images/buybtn.png") 0 -373px no-repeat;
  -webkit-box-shadow: 0 16px 13px rgba(119,9,9,.66);
     -moz-box-shadow: 0 16px 13px rgba(119,9,9,.66);
          box-shadow: 0 16px 13px rgba(119,9,9,.66);
}
.bottomcart a.buybtn:hover {
  background: url("../images/buybtn.png") -272px -373px no-repeat;
}
.bottomcart a.buybtn span {
  font-weight: 500;
  line-height: 60px;
}
.bottomcart ul li.three-pc {
  cursor: inherit;
}
.bottomcart ul li.three-pc::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 488px;
  height: 42px;
  background: url("../images/bottomcart-termine.png") center center no-repeat;
}



.footer { padding: 20px 0; background: #f5f5f5;}
.footer .service dl{ float: left; width: 33.3%; padding-top: 20px; text-align: center;}
.footer .service dl dt { height: 68px; line-height: 68px; font-size: 16px;}
.footer .service dl dt img { display: inline-block; vertical-align: middle;}
.footer .service dl dd { margin-top: 10px; font-size: 12px;}
.footer .service dl h3 { font-size: 16px;}
/* annotation */
.annotation {
  padding-top: 20px;
  border-top: solid #c8c8c8 1px;
  margin-top: 40px;
}
.annotation dd,
.annotation dt {
  font-size: 12px;
  line-height: 16px;
  color: #555a5f;
}

/* footer */
.footer p{  padding-top: 15px; font-size: 14px; text-align:center; color: #3c3c3c;}