@charset "utf-8";
*{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
body { font-size: 14px; line-height:1.4; color: #000; min-width: 1000px; font-family: 'Lato', Arial, Helvetica, sans-serif;}
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;}
.clear {display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after {content:'\20';display:block;height:0;clear:both;}
.clearfix {*zoom:1;}
.wrapper { width: 1000px; height: inherit; overflow: visible; margin: 0 auto; position: relative;}
i {display: inline-block; vertical-align: middle; margin-right: 5px; background: url(../images/icons.png);}
.buybtn { display: block; margin: 0px auto; width: 290px; height: 56px; line-height: 56px; border-radius: 25px; font-size: 22px; color: #fff; background: rgb(252,63,21);
  background-image: -moz-linear-gradient( 90deg, rgb(252,63,21) 0%, rgb(255,157,21) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(252,63,21) 0%, rgb(255,157,21) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(252,63,21) 0%, rgb(255,157,21) 100%);
  box-shadow: 0px 10px 20px 0px rgba(254, 165, 48, 0.7);
}
.buybtn i { width: 23px; height: 20px; background-position: 0px -18px;}
.buybtn:hover { background: rgb(255,157,21);
  background-image: -moz-linear-gradient( 90deg, rgb(255,157,21) 0%, rgb(252,63,21) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,157,21) 0%, rgb(252,63,21) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,157,21) 0%, rgb(252,63,21) 100%);
  box-shadow: 0px 10px 20px 0px rgba(254, 165, 48, 0.7);
}

dl.price { text-align: center;}
dl.price dt strong { font-size: 26px; color: #f44336;}
dl.price dt del { color: #97989b; font-weight: 700;}
dl.price dd.last { margin-top: 10px; color: #97989b;}
dl.price dd.last i { width: 11px; height: 14px; background-position: 0px -41px;}

h2 { font-weight: 400;}

.banner { height: 650px; background: url(../images/banner.jpg) no-repeat center;}
.banner .logo { display: inline-block; width: 42px; height: 14px; margin-top: 15px; margin-left: 57px; text-indent: -9999px; background: url(../images/logo.png);}
.banner h1,.banner h2 { text-align: center; color: #fff; font-weight: 400; text-shadow: 0px 2px 2px rgba(125, 38, 9, 0.7);}
.banner h1 { margin-top: 25px; font-size: 36px;}
.banner h2 { font-size: 18px;}
.banner .left-img { position: relative; float: left; margin-top: 35px;}
.banner .left-img .reduce { position: absolute; width: 150px; height: 150px; left: 152px; top: 213px; background: url(../images/reduce.png);
animation:reduce .8s forwards;
-webkit-animation:reduce .8s forwards; 
}
@keyframes reduce
{
 0%{ opacity: 1; top: 213px;}
 100%{ opacity: 0; top: 150px;}
}

.banner .left-img .reduce1 { background-position: 0px -150px;}
.banner .left-img .reduce2 { background-position: 0px 0px;}

.banner .right-message { width: 460px; float: right; margin-top: 65px; margin-right: 50px;}
.banner .right-message .box { height: 320px; padding-top: 20px; border-bottom: solid #fa8866 7px; background: #fff; border-radius: 5px; box-shadow: 0px 23px 34px 0px rgba(128, 35, 6, 0.7);}
.banner .right-message .box dl { width: 375px; margin: 0px auto;}

.banner .right-message .box dl.message { padding-bottom: 15px; border-bottom: solid rgba(33,33,33,.18) 1px;}
.banner .right-message .box dl.message h3 {font-size: 22px; font-size: 20px\0; line-height: 32px;}
.banner .right-message .box dl.message h3 .countdown { position: relative; display: inline-block; height: 32px; vertical-align: middle; overflow: hidden; }
.banner .right-message .box dl.message h3 .countdown .scroll-tick { float: left;}
.banner .right-message .box dl.message h3 .countdown .scroll-tick span { display: block; width: auto; color: #f44336; }

.banner .right-message .box dl.message dt { padding-bottom: 25px; margin-bottom: 10px; border-bottom: solid rgba(33,33,33,.18) 1px;}
.banner .right-message .box dl.message dt span { color: #97989b;}
.banner .right-message .box dl.message del { color: #97989b; font-size: 16px; font-weight: 700;}
.banner .right-message .box dl.message span { display: inline-block; width: 255px; width: 245px\0;}
.banner .right-message .box dl.message dd { line-height: 24px;}
.banner .right-message .box dl.message dd span i { width: 14px; height: 14px; margin-top: -2px;}
.banner .right-message .box dl.message dd em { font-style: inherit; font-size: 12px; color: #f4584c; text-transform: uppercase; font-weight: 700;}

.banner .right-message .box .price dt { margin: 20px 0px; }

.banner .right-message .payment { display: block; width: 455px; height: 61px; background-color: rgba(240,123,77,.54); border: solid #d76037 1px; margin: 0px auto; margin-top: 10px;}
.banner .right-message .payment dt { float: left; margin-left: -7px; margin-right: 15px;}
.banner .right-message .payment dd { float: left;}
.banner .right-message .payment h3 { margin-bottom: 5px; font-size: 14px; color: #290e04;}
.banner .right-message .payment h3 span { margin-left: 15px; font-size: 12px; color: #6c2308;}
.banner .right-message .payment p { font-size: 12px; color: #441909;}
.banner .right-message .payment p a  { position: relative; text-decoration: underline;}
.banner .right-message .payment p a span { position: absolute; width: 440px; height: 45px; left: -362px; bottom: -70px; padding: 10px; display: none; background-color: #ebeef2; border-radius: 3px;}
.banner .right-message .payment p a span:after { position: absolute; content: ""; width: 0; height: 0; right: 65px; top: -4px; border-left: solid transparent 5px; border-right: solid transparent 5px; border-bottom: solid #e0e3e8 5px;}
.banner .right-message .payment p a:hover span { display: block;}


.cruces { position: relative; margin-top: 35px; padding-bottom: 60px; text-align: center; border-bottom: solid #e0e0e0 1px;}
.cruces:after { position: absolute; content: ""; width: 94px; height: 26px; left: 50%; margin-left: -47px; bottom: -24px; background: url(../images/arrow.png) no-repeat;}
.cruces h2 { font-size: 26px;}
.cruces ul li { position: relative; float: left; margin-top: 35px; margin-right: 80px; width: 460px;}
.cruces ul li:after { position: absolute; content: ""; width: 33px; height: 121px; right: -40px; top: -15px; background: url(../images/way.png);}
.cruces ul li h3 { font-size: 18px; color: #424242;}
.cruces ul li p { margin-top: 5px; line-height: 18px; color: #666;}
.cruces ul li.last { margin-right: 0px;}
.cruces ul li.last:after { display: none;}

.db-message { margin-top: 60px; text-align: center; color: #666;}
.db-message h2 { font-size: 26px;}
.db-message .message-box { position: relative; padding-top: 90px;}
.db-message .img-box { display: block; margin: 0px auto;}
.db-message .message-box dl { position: absolute; width: 245px; height: 150px; padding: 0px 20px; background: #fff; border-radius: 5px; text-align: left; 
  box-shadow: 0px 0px 17px 0px rgba(31, 33, 38, 0.24);
}
.db-message .message-box dl:after { position: absolute; content: ""; width: 82px; height: 42px; background: url(../images/point.png);}
.db-message .message-box dl dt { margin-top: 15px; margin-bottom: 5px; font-size: 20px; color: #f44336; font-weight: 700;}
.db-message .message-box dl dd { color: #666;}
.db-message .message-box dl.list01 { left: 14px; top: 60px;}
.db-message .message-box dl.list01:after { bottom: -20px; right: -33px;}
.db-message .message-box dl.list02 { right: 20px; top: 173px;}
.db-message .message-box dl.list02:after { position: absolute; width: 74px; height: 49px; left: -56px; top: -19px; background-position: 0px -42px;}
.db-message .message-box dl.list02 dt { margin-top: 10px;}
.db-message dl.price dt { margin-bottom: 5px;}

.feature { height: 364px; margin-top: 45px; text-align: center; color: #fff; background: url(../images/feature-bg.jpg) no-repeat center;}
.feature h2 { padding-top: 40px; font-size: 26px;}

.feature dl { float: left; width: 25%; margin-top: 40px;}
.feature dl dt { height: 80px; line-height: 80px;}
.feature dl dt img { display: inline-block; vertical-align: middle;}
.feature dl dd { padding: 0px 10px; line-height: 24px; color: rgba(255,255,255,.6);}
.feature dl h3 { margin: 10px 0px; font-size: 16px; color: #fff;}

.gift-message { height: 365px; text-align: center; color: #fff; background: url(../images/gift-message-bg.jpg) no-repeat center;}
.gift-message h2 { padding-top: 35px; font-size: 32px; font-weight: 700;}
.gift-message h3 { margin-top: 5px; font-size: 18px; color: rgba(255,255,255,.6);}
.gift-message dl { float: left; width: 50%; margin-top: 40px; text-align: left; color: rgba(255,255,255,.6);}
.gift-message dl dt { float: left; margin-right: 15px; margin-left: 24px;}
.gift-message dl dd strong { display: block; margin-top: 15px; margin-bottom: 5px; font-size: 18px; color: #fff;}
.gift-message dl dd del  { font-size: 16px; color: #fff; font-weight: 700;}
.gift-message dl dd.last { margin-top: 20px;}

.between-buy { background: #fff; height: 140px; padding-top: 30px; border-bottom: solid #ccc 1px; transition: all .5s; -webkit-transition: all .5s; }
.between-buy dl dt { margin-bottom: 5px;}
.between-buy.on { position: fixed; width: 100%; top: 0px; left: 0px; z-index: 99;}

.review { margin-top: 50px; text-align: center;}
.review h2 { font-size: 30px;}
.review dl { float: left; width: 334px; height: 500px; margin-top: 75px; border-radius: 5px; border: solid #d9dade 1px;}
.review dl dt { margin-top: 35px; margin-bottom: 60px;}
.review dl dd strong { position: relative; display: block; margin-bottom: 60px; font-weight: 400; font-size: 20px; color: #222429;}
.review dl dd strong:after { position: absolute; content: ""; width: 39px; height: 2px; left: 0px; right: 0px; margin: auto; bottom: -20px; background: #ddd;}
.review dl dd { padding: 0px 25px; color: #7a7a7a;}
.review dl.gelu-batir { margin-left: -58px;}
.review dl.david-cassidy { margin-right: -60px;}
.review dl.software { margin-left: -58px; width: 380px; height: 540px; margin-top: 47px; margin-left: 24px; margin-right: 24px;}
.review dl.software dt { margin-top: 64px; margin-bottom: 60px;}


.footer { margin-top: 60px; background: #31353d;}

.award { padding-bottom: 40px; padding-top: 40px; color: #babcca; text-align: center; }
.award h2 { font-size: 36px; font-weight: 400;}
.award ul { margin-top: 40px; }
.award li { display: inline-block; margin: 0 16px;}
.award li.first { margin-left: 0; }
.award li.last { margin-right: 0; }

/* service */
.service dl {
  margin-top: 30px;
  margin-bottom: 18px;
  width: 498px;
  height: 124px;
  text-align: center;
  overflow: hidden;
  background-color: #3d4047;

  color: #babcca;
}
.service dl { float: left;}
.service dl.fr { float: right;}
.service .fl dt {
  float: left;
  margin-top: 25px;
  margin-left: 5px;
  width: 96px;
  text-align: center;
}
.service .fl dd {
  float: left;
  width: 390px;
  text-align: left;
}
.service dd h4 {
  padding: 22px 0 10px;
  font-size: 15px;
  font-weight: 400;
}
.service .fr dd h4 {
  padding-left: 20px;
  padding-bottom: 12px;
  text-align: left;
}
.service dd p {
  font-size: 12px;
  line-height: 18px;
}

.note { padding-top: 15px; font-size: 12px; color: #53555e; border-top: solid #53555e 1px;}
.footer .copyright { padding: 15px 0px;  text-align: center; color: #53555e;}