@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Archivo+Black');
section { width: 1160px; }
.delay1 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; }
.delay2 { animation-delay: 1.0s; -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -ms-animation-delay: 1.0s; -o-animation-delay: 1.0s; }
.delay3 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -o-animation-delay: 1.5s; }
.delay4 { animation-delay: 2.0s; -webkit-animation-delay: 2.0s; -moz-animation-delay: 2.0s; -ms-animation-delay: 2.0s; -o-animation-delay: 2.0s; }
.delay5 { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -ms-animation-delay: 2.5s; -o-animation-delay: 2.5s; }
.delayli1 { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -o-animation-delay: 0.2s; }
.delayli2 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -o-animation-delay: 0.4s; }
.delayli3 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; }
.delayli4 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -ms-animation-delay: 0.8s; -o-animation-delay: 0.8s; }
.delayli5 { animation-delay: 1.0s; -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -ms-animation-delay: 1.0s; -o-animation-delay: 1.0s; }
.delayli6 { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -o-animation-delay: 1.2s; }
.delayli7 { animation-delay: 1.4s; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -ms-animation-delay: 1.4s; -o-animation-delay: 1.4s; }
.delayli8 { animation-delay: 1.6s; -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -ms-animation-delay: 1.6s; -o-animation-delay: 1.6s; }
.delayli9 { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -ms-animation-delay: 1.8s; -o-animation-delay: 1.8s; }
font { display: inline-block; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

/* banner */
#banner { position: relative; padding: 40px 0 120px; background: #000; color: #fff;}
#banner .topText { position: absolute; right: 15%; top: 120px; z-index: 6; }
#banner .topText h4 { font-weight: normal; font-size: 22px; color: #888888; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#banner .topText h3 { font-size: 28px; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#banner .topText h3 font { margin: 0 5px; font-size: 36px; color: #f93390; -webkit-animation: bounceIn 1.5s infinite alternate ease-in-out; animation: bounceIn 1.5s infinite alternate ease-in-out; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
#banner .leftText { position: absolute; top: 270px; left: 10%; z-index: 6; }
#banner .leftText h5 { overflow: hidden; height: 38px; font-size: 36px; line-height: 36px; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
#banner .leftText h5 font { width: 72px; display: inline-block; color: #369bff; -webkit-animation: flash 2s infinite alternate ease-in-out; animation: flash 2s infinite alternate ease-in-out; }
#banner .leftText h5 span { overflow: hidden; margin-left: 5px; width: 155px; height: 11px; background: url(/web/images/imgEnsure/banner/img-textBg.png) no-repeat 0 0; display: inline-block; }
#banner .leftText h2 { font-size: 57px; line-height: 87px; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
#banner .conputer { position: relative; margin: 60px 0 0 auto; padding-top: 130px; width: 90%; text-align: center; }
#banner .conputer:before { position: absolute; content: url(/web/images/imgEnsure/banner/img-Bcolor.png); top: 0; left: 5%; z-index: 1; -webkit-animation: zoomC 1.5s infinite alternate ease-in-out; animation: zoomC 1.5s infinite alternate ease-in-out; }
@keyframes zoomC { 0%,20%,100% { transform: scale(1); } 50% {  transform: scale(0.8); } }
@-webkit-keyframes zoomC { 0%,20%,100% { -webkit-transform: scale(1); } 50% {  -webkit-transform: scale(0.8); } }
#banner .conputer:after { position: absolute; content: url(/web/images/imgEnsure/banner/img-Bline.png); top: 0; right: 0; z-index: 2; }
#banner .conputer .itemA { position: absolute; margin-top: -60px; display: inline-block; z-index: 3; left: 20%; }
#banner .conputer .itemA p , #banner .conputer .itemB p { -webkit-animation-name: tada; animation-name: tada; }
#banner .conputer .itemA p:first-child { margin-left: 60px; }
#banner .conputer .itemB { position: absolute; display: inline-block; z-index: 4; right: 15%; }
#banner .conputer .itemC { position: relative; text-align: center; z-index: 5; -webkit-animation-name: bounceIn; animation-name: bounceIn; }
#banner:after { position: absolute; width: 100%; height: 292px; display: block; background: url(/web/images/imgEnsure/box1/img-Top.png) repeat-x 0 0; bottom: -10px; z-index: 1; content: ""; -webkit-animation: banerBg 40s infinite linear; animation: banerBg 40s infinite linear; }
@keyframes banerBg { 0%{ background-position: 0 0; } 100%{ background-position: 1920px 0; } }
@-webkit-keyframes banerBg { 0%{ background-position: 0 0; } 100%{ background-position: 1920px 0; } }

/* box1 */
#box1 { padding-bottom: 260px; background: url(/web/images/imgEnsure/box1/img-box1Bg.png) no-repeat 0 0; color: #414141; }
#box1 h3 { font-size: 36px; text-align: center; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
#box1 h3 font { color: #208efb; -webkit-animation: jackInTheBox 1s infinite alternate ease-in-out; animation: jackInTheBox 1s infinite alternate ease-in-out; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
#box1 p.delay1 { font-size: 22px; text-align: center; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
#box1 ul.info { margin: 70px 0 50px; text-align: center; }
#box1 ul.info li { margin: 10px 3%; display: inline-block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#box1 ul.info li p { color: #89898a; font-size: 22px; }
#box1 ul.info li p font { display: inline-block; font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 80px; color: #e54870; }
#box1 ul.info li:nth-child(2) p font { color: #5b8bd7; }
#box1 ul.info li:nth-child(3) p font { color: #8f72c9; }
#box1 ul.info li p:nth-child(2) { font-size: 18px; }
#box1 .btn { text-align: center; }
#box1 .btn .item { margin: 10px 2%; display: inline-block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#box1 .btn .item ul { position: relative; margin: 25px 10px 0; padding: 10px; background: rgba(28, 28, 28, 0.9); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; opacity: 0; }
#box1 .btn .item ul.is-active { opacity: 1; }
#box1 .btn .item ul:before { position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent rgba(28, 28, 28, 0.9) transparent; top: -15px; left: 50%; margin-left: -15px; content: ""; }
#box1 .btn .item ul li { padding: 10px 0; border-bottom: 1px #fff solid; font-size: 16px; }
#box1 .btn .item ul li:last-child { border-bottom: 0; }

/* box2 */
#box2 { padding: 30px 0; color: #414141; }
#box2 h5 { font-weight: normal; text-align: center; font-size: 18px; color: #a8a8a8; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#box2 h3 { text-align: center; font-size: 36px; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#box2 h3 font { color: #e22e5c; }
#box2 article { margin: 25px 0; }
#box2 article p.wow { text-align: center; font-size: 22px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#box2 .computer { position: relative; text-align: center; }
#box2 .computer .wow { overflow: hidden; position: absolute; padding-bottom: 60px; background: url(/web/images/imgEnsure/box2/img-arrow01.png) no-repeat right bottom; font-weight: bold; font-size: 16px; -webkit-animation-name: tada; animation-name: tada; }
#box2 .computer .left { width: 280px; left: 12%; bottom: 80px; }
#box2 .computer .wow article { margin: 0 1%; width: 47%; display: inline-block; }
#box2 .computer .wow article h4 { font-size: 24px; color: #00bdb4; -webkit-animation: ationH4 1s infinite alternate ease-in-out; animation: ationH4 1s infinite alternate ease-in-out; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
@keyframes ationH4 { 0%,20%,100% { transform: scale(1); } 50% { transform: scale(1.2); } }
@-webkit-keyframes ationH4 { 0%,20%,100% { transform: scale(1); } 50% { transform: scale(1.2); } }
#box2 .computer .wow article h4 font { font-size: 40px; }
#box2 .computer .right { padding-left: 30px; width: 330px; background: url(/web/images/imgEnsure/box2/img-arrow02.png) no-repeat left bottom; right: 15%; top: 80px; }
#box2 .computer .right article h4 { color: #499efb; }

/* box3 */
#box3 , #box5 { padding: 30px 0; background: url(/web/images/imgEnsure/box3/img-box3Bg.jpg) no-repeat 50%; background-attachment: fixed; background-size: 100% auto; color: #fff; }
#box3 h3 { text-align: center; font-size: 36px; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
#box3 h3 font { color: #f62056; }
#box3 p.wow { text-align: center; font-size: 22px; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
#box3 ul { overflow: hidden; margin: 40px 0; }
#box3 ul li { margin: 15px 1%; float: left; width: 18%; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#box3 ul li p { text-align: center; font-size: 16px; }
#box3 ul li p.circle { overflow: hidden; margin: 0 auto 10px; width: 125px; height: 125px; border: 1px #fff solid; -webkit-border-radius: 50%; border-radius: 50%; line-height: 125px; }
#box3 ul li:hover p.circle { background: #fff; -webkit-animation: flipInY 1s alternate ease-in-out; animation: flipInY 1s alternate ease-in-out; }
#box3 ul li:hover p.circle img { overflow: hidden; position: relative; width: 73px; height: 73px; border-right: 73px solid transparent; -webkit-filter: drop-shadow(#f62056 123px 0px); filter: drop-shadow(#f62056 123px 0px); left: -98px; }

/* box4 */
#box4 { position: relative; padding: 90px 0 50px; background: url(/web/images/imgEnsure/box4/img-box4Bg.png) #a8ccd5 repeat-x 0 bottom; color: #414141; -webkit-animation: baner4Bg 40s infinite linear; animation: baner4Bg 40s infinite linear; }
@keyframes baner4Bg { 0%{ background-position: 0 bottom; } 100%{ background-position: 1920px bottom; } }
@-webkit-keyframes baner4Bg { 0%{ background-position: 0 0; } 100%{ background-position: 1920px bottom; } }
#box4 section { position: relative; z-index: 2; }
#box4 .topText { margin-bottom: 60px; }
#box4 .topText h5 , #box4 .topText h4 { text-align: center; font-size: 26px; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
#box4 .topText h5 font { color: #ff4a15; }
#box4 .topText h4 { margin-bottom: 20px; font-size: 36px; }
#box4 .topText h4 font { margin: 0 5px; color: #6951d9; -webkit-animation: tada 1.5s infinite alternate ease-in-out; animation: tada 1.5s infinite alternate ease-in-out; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
#box4 .topText p.wow { text-align: center; font-size: 22px; -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
#box4 .info , #box4 .computer { width: 45%; display: inline-block; vertical-align: top; }
#box4 .info h3 { font-size: 26px; line-height: 33px; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
#box4 .info h3 font { color: #ee724e; }
#box4 .info p { font-size: 16px; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
#box4 .info ul li { margin: 10px 1%; width: 30%; display: inline-block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#box4 .info ul li p { text-align: center; }
#box4 .info ul li:hover p img { -webkit-animation: swing 1s alternate ease-in-out; animation: swing 1s alternate ease-in-out; }
#box4 .computer { overflow: hidden; position: relative; width: 54%; -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
#box4 .computer p { position: absolute; }
#box4 .computer p.KText { overflow: hidden; width: 70px; height: 23px; top: 29px; left: 172px; -webkit-animation: KText 4.5s ease-in; animation: KText 4.5s  ease-in; -webkit-animation-delay: 1s; animation-delay: 1s; }
@keyframes KText { 0% { width: 0; opacity: 0; } 10% { width: 20px; opacity: 1; } 20% { width: 30px; } 30% { width: 50px; } 40% { width: 60px; } 50%,100% { width: 70px; opacity: 1; } }
@-webkit-keyframes KText { 0% { width: 0; opacity: 0; } 10% { width: 20px; opacity: 1; } 20% { width: 30px; } 30% { width: 50px; } 40% { width: 60px; } 50%,100% { width: 70px; opacity: 1; } }
#box4 .computer p.sText { width: 110px; font-weight: bold; font-size: 18px; color: #f00; right: 105px; top: 90px; line-height: 24px; opacity: 0; -webkit-animation: sText 2s infinite ease-in-out; animation: sText 2s infinite ease-in-out; -webkit-animation-delay: 1s; animation-delay: 1s; }
#box4 .computer:after { position: absolute; width: 250px; height: 52px; display: block; border: 2px #f00 solid; content: ""; top: 145px; left: 165px; opacity: 0; -webkit-animation: sText 2s infinite ease-in-out; animation: sText 2s infinite ease-in-out; -webkit-animation-delay: 1s; animation-delay: 1s; }
@keyframes sText { 0%,50% { opacity: 0; } 25%,75%,100% { opacity: 1; } }
@-webkit-keyframes sText { 0%,50% { opacity: 0; } 25%,75%,100% { opacity: 1; } }
#box4:after { position: absolute; width: 100%; height: 249px; content: url(/web/images/imgEnsure/box4/img-house.png); bottom: 0; left: 0; z-index: 1; }

/* box5 */
#box5 { padding: 50px 0; background-image: url(/web/images/imgEnsure/box5/img-box5Bg.jpg) }
#box5 section , #box5 ul { text-align: center; }
#box5 .topText , #box5 .partner , #box5 ul li { display: inline-block; }
#box5 .topText h3 , #box5 .topText p { font-size: 36px; -webkit-animation-name: slideInDown; animation-name: slideInDown; }
#box5 .topText p { font-size: 22px; }
#box5 .partner { margin-left: 20px; -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
#box5 ul li { margin: 30px 50px 10px; width: 330px; }
#box5 ul li p.name { position: relative; margin: 0 auto; width: 148px; height: 148px; background: #ff426a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 2; }
#box5 ul li:nth-child(2) p.name { background: #86af00; }
#box5 ul li p.name font { margin-top: 45px; text-align: center; font-weight: bold; font-size: 25px; }
#box5 ul li p.name font b { margin-bottom: 6px; width: 100%; display: inline-block; }
#box5 ul li .info { position: relative; margin-top: -100px; padding: 110px 25px 30px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #2a2a2a; z-index: 1; }
#box5 ul li .info h5 { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px #ccc solid; text-align: center; font-weight: normal; font-size: 18px; color: #ff426a; }
#box5 ul li:nth-child(2) .info h5 { color: #86af00; }
#box5 ul li .info article p { overflow: hidden; position: relative; margin: 5px 0; text-align: center; font-size: 18px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#box5 ul li .info article p img { position: relative; top: 3px; -webkit-animation: artIcon 1.6s both; animation: artIcon 1.6s both; -webkit-animation-delay: 2s; animation-delay: 2s; }
#box5 ul li .info article p:nth-child(2) img { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
#box5 ul li .info article p:nth-child(3) img { -webkit-animation-delay: 3s; animation-delay: 3s; }
#box5 ul li .info article p:nth-child(4) img {  -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
@keyframes artIcon { 0% { top: -21px; opacity: 0; } 25%,100% { top: 0; opacity: 1; } }
@-webkit-keyframes artIcon { 0% { top: -21px; opacity: 0; } 25%,100% { top: 0; opacity: 1; } }

/* box6 */
#box6 .item { background: url(/web/images/imgEnsure/box6/img-box6Bg01.jpg) no-repeat 0 bottom; }
#box6 .topBox > div , #box6 .downBox section > div { padding: 35px 0; display: inline-block; }
#box6 .topBox .photo { margin: 0 3% 0 10%; width: 34%; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
#box6 .topBox .info { width: 46%; }
#box6 .topBox .info h4 , #box6 .topBox .info h3 { font-size: 36px; color: #2690fb; line-height: 42px; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#box6 .topBox .info h3 { color: #201f1f; }
#box6 .topBox .info h3 font { color: #00bdb3; }
#box6 .topBox .info article { margin-top: 50px; width: 49%; display: inline-block; vertical-align: top; }
#box6 .item .info article p { margin: 5px 0; font-size: 20px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#box6 .item .info article p.big { font-size: 24px; }
#box6 .item .info article p i { margin-top: 11px; font-size: 12px; color: #959595; vertical-align: top; }
#box6 .topBox .info h5 { margin-top: 30px; font-weight: normal; font-size: 25px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#box6 .downBox { background: url(/web/images/imgEnsure/box6/img-box6Bg02.jpg) no-repeat right bottom; }
#box6 .downBox .info h3 , #box6 .downBox .info h4 { font-weight: normal; font-size: 36px; color: #00bdb3; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
#box6 .downBox .info h4 { color: #2690fb; }
#box6 .downBox .photo { margin-left: 5%; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

/* box7 */
#box7 { position: relative; padding: 90px 0; background: #eeeeee; color: #393939; }
#box7 .computer , #box7 .pad { position: absolute; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; z-index: 1; }
#box7 section > div { width: 49%; display: inline-block; vertical-align: bottom; }
#box7 h3.top { margin-left: 15%; font-size: 40px; color: #464646; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
#box7 h3.top font { display: block; text-align: center; }
#box7 h3.top font:nth-child(1):before { margin-right: 10px; content: url(/web/images/imgEnsure/box7/icon01.png); }
#box7 h3.top font:nth-child(2):after { margin-left: 10px; content: url(/web/images/imgEnsure/box7/icon02.png); }
#box7 .pad { position: relative; z-index: 2; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
#box7 .info h4 { margin-top: 20px; font-size: 39px; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
#box7 .info .textBox { padding: 10px 0 10px 20px; border-top: 1px #bdbdbd solid; }
#box7 .info .textBox .row { margin: 20px 0; padding-bottom: 20px; background: url(/web/images/imgEnsure/box7/img-line01.png) no-repeat 35% bottom; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
#box7 .info .textBox .row:nth-child(2) { background: url(/web/images/imgEnsure/box7/img-line02.png) no-repeat 60% bottom; -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
#box7 .info .textBox .row article { width: 30%; display: inline-block; }
#box7 .info .textBox .row:nth-child(1) article:nth-child(2) ,
#box7 .info .textBox .row:nth-child(2) article:nth-child(1) ,
#box7 .info .textBox .row:nth-child(3) article:nth-child(2) { margin-left: 5%; width: 64%; font-weight: bold; font-size: 16px; }
#box7 .info .textBox .row:nth-child(2) article:nth-child(1) { margin-left: 0; margin-right: 2%; }
#box7 .info .textBox .row article h5 { text-align: center; font-size: 24px; color: #00bdb4; -webkit-animation: ationH4 1s infinite alternate ease-in-out; animation: ationH4 1s infinite alternate ease-in-out; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
#box7 .info .textBox .row:nth-child(2) article h5 { color: #2690fb; }
#box7 .info .textBox .row article h5 font { font-size: 40px; }
#box7 .info .textBox .row article h6 { text-align: center; font-size: 18px; color: #000; }

/* box8 */
#box8 { padding: 90px 0; background: url(/web/images/imgEnsure/box8/img-box8Bg.jpg) #f6f6f6 no-repeat center bottom; color: #464646; }
#box8 ul.topPrice { margin: 0 0 60px; text-align: center; }
#box8 ul.topPrice li { display: inline-block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#box8 ul.topPrice li h3 { font-size: 23px; font-weight: normal; }
#box8 ul.topPrice li h3 font { font-family: 'Archivo Black', sans-serif; font-size: 40px; font-weight: bold; color: #f6a659; }
#box8 ul.topPrice li h3 font b { font-family: '微軟正黑體', '蘋果儷中黑', "Lucida Grande", "Arial", "Arial Narrow"; font-size: 33px; }
#box8 ul.topPrice li:nth-child(3) h3 font { color: #4292ff; }
#box8 ul.topPrice li:nth-child(5) h3 font { color: #00bdb4; }
#box8 ul.topPrice li h4 { font-size: 25px; color: #656565; }
#box8 ul.topPrice li:nth-child(2n) { margin: 0 10px; font-weight: bold; font-size: -webkit-xxx-large; color: #bababa; }
#box8 ul.topPrice li h2 { font-size: 24px; color: #ea2759; }
#box8 ul.topPrice li h2 font { font-family: 'Archivo Black', sans-serif; font-size: 60px; -webkit-animation: jackInTheBox 1s infinite alternate ease-in-out; animation: jackInTheBox 1s infinite alternate ease-in-out; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
#box8 section > div { width: 50%; display: inline-block; vertical-align: top; }
#box8 .photo p { margin-bottom: 10px; text-align: center; }
#box8 .photo p:nth-child(2) a { margin: 0 5px; padding-left: 50px; height: 44px; display: inline-block; background: url(/web/images/imgEnsure/box8/icon-line.png) no-repeat 0 center; font-size: 23px; color: #353535; }
#box8 .photo p:nth-child(2) a:nth-child(2) { padding-left: 40px; background: url(/web/images/imgEnsure/box8/icon-location.png) no-repeat 0 center; }
#box8 .info { margin-left: 3%; width: 46%; }
#box8 .info h3 { font-size: 36px; color: #2f2f2f; line-height: 40px; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
#box8 .info p { padding: 10px 0; font-weight: bold; font-size: 22px; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#box8 .info .phone { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#box8 .info .phone a { margin: 15px 0; padding-left: 70px; display: inline-block; background: url(/web/images/imgEnsure/box8/icon-phone.png) no-repeat 0 center; font-family: 'Archivo Black', sans-serif; font-size: 58px; color: #6951d9; -webkit-animation: bounceIn 1.5s infinite alternate ease-in-out; animation: bounceIn 1.5s infinite alternate ease-in-out; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
#box8 .info p.delay3 { background: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 5px 20px #a7a6a6; -moz-box-shadow:0 5px 20px #a7a6a6; box-shadow: 0 5px 20px #a7a6a6; text-align: center; color: #000; }

@media screen and (max-width: 1680px) {
	#box2 .computer .left { left: 7%; }
	#box2 .computer .right { right: 9%; }
	#box7 h3.top { margin-left: 25%; }
}

@media screen and (max-width: 1440px) {
	#banner .conputer .itemA { left: 15%; }
	#banner .conputer .itemB { right: 8%; }
	#banner .topText { right: 5%; }
	#banner .leftText { left: 7%; }
	#box1 { padding-bottom: 50px; }
	#box2 .computer .left { left: 20px; }
	#box2 .computer .right { right: 30px; }
	#box6 .topBox .photo { margin-left: 5%; }
	#box6 .topBox .info { width: 54%; }
	#box7 .computer { left: -90px; }
}

@media screen and (max-width: 1366px) {
	#box7 h3.top { margin-left: auto; width: 49%; }
}

@media screen and (max-width: 1280px) {
	section { width: 90%; }
	#banner .leftText { left: 10px; }
	#banner .conputer .itemA { left: 8%; }
	#banner .conputer .itemB { right: 10px; }
	#box2 .computer .left { width: 160px; left: 30px; }
	#box2 .computer .wow article { margin-left: 15px; width: auto; }
	#box2 .computer .left article:nth-child(1) ,
	#box2 .computer .right article:nth-child(2) ,
	#box4 .computer p.KText ,
	#box4 .computer p.sText ,
	#box4 .computer:after { display: none; }
	#box2 .computer .right { width: 160px; right: 120px; }
	#box3 , #box5 { background-attachment: inherit; background-size: cover; }
}

@media screen and (max-width: 1140px) {
	header .menu h3 .burger { -webkit-box-shadow: 0 0 10px #fff; -moz-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; }
	header .menu h3 .burgerMenu p { text-shadow: 1px 1px 0 #fff; }
	#banner .topText { top:40px; }
	#banner .leftText { top: 170px; }
	#banner .conputer { padding-top: 50px; }
	#banner .conputer .itemA { margin-top: -20px; }
	#box6 .topBox .info article { width: auto; }
	#box6 .item .info article p { text-shadow: 1px 1px 0 #fff; }
	#box7 { padding: 50px 0; }
	#box7 .computer { left: 0; bottom: 20px; }
	#box7 .computer img { width: 600px; }
	#box7 h3.top { margin-left: 0; width: 100%; }
	#box8 ul.topPrice li h3 , #box8 ul.topPrice li h2 , #box8 .photo p a { font-size: 18px; }
	#box8 ul.topPrice li h3 font { font-size: 30px; }
	#box8 ul.topPrice li h4 { font-size: 20px; }
	#box8 ul.topPrice li:nth-child(2n) { margin: 0; font-size: 30px; }
	#box8 ul.topPrice li h2 font , #box8 .info .phone a { font-size: 50px; }
}

@media screen and (max-width: 1024px) {
	#banner .leftText h2 { font-size: 50px; }
	#box2 .computer .right { right: 90px; }
	#box7 .computer { left: -70px; }
	#box8 .info .phone a { font-size: 45px; }
	#box8 .info p.delay3 { margin: 10px 10px 20px; }
}

@media screen and (max-width: 768px) {
	#banner .conputer { margin: 60px 10px 0 auto; width: 70%; }
	#banner .conputer:before ,
	#banner .conputer:after ,
	#banner .conputer .itemA ,
	#banner .conputer .itemB ,
	#box6 .item .photo ,
	#box7 .computer ,
	#box7 .pad { display: none; }
	#box2 .computer .left { left: 0; bottom: 170px; }
	#box2 .computer .right { right: 0; }
	#box4 { background: #a8ccd5; }
	#box6 { background: url(/web/images/imgEnsure/box6/img-box6Bg01.jpg) no-repeat 0 0; background-size: cover; }
	#box6 .item { background: none; }
	#box6 .item .info { padding: 35px 5%; width: 90%; background: rgba(255, 255, 255, 0.5); display: block; }
	#box6 .item .info article p { text-shadow: none; }
	#box6 .downBox section ,
	#box8 section > div ,
	#box8 .info { width: 100%; }
	#box6 .downBox .info h3 ,
	#box6 .downBox .info h4 { display: inline-block; font-weight: bold; }
	#box7 .info { margin: 0 auto; width: 90%; }
	#box8 ul.topPrice li:nth-child(7) { margin-top: 30px; }
	#box8 .info { margin-top: 30px; margin-left: 0; }
	#box8 .info h3 { font-size: 30px; }
}

@media screen and (max-width: 640px) {
	#banner .leftText h2 { font-size: 40px; }
	#box1 .btn .item { width: 45%; vertical-align: top; }
	#box3 ul { text-align: center; }
	#box3 ul li { float: none; display: inline-block; width: 22%; }
	#box4 { padding-bottom: 150px; }
	#box4 .topText h4 { font-size: 30px; }
	#box4 .info { width: 100%; }
	#box4 .info h3 { margin-right: 1%; display: inline-block; }
	#box4 .computer { display: none; }
	#box5 .partner { margin-top: 15px; margin-left: 0; }
	#box8 ul.topPrice li:nth-child(5) ,
	#box8 ul.topPrice li:nth-child(6) { margin-top: 30px; }
}

@media screen and (max-width: 480px) {
	#banner { padding-bottom: 190px; }
	#banner .topText { top: 100px; }
	#banner .topText h3 { font-size: 20px; }
	#banner .conputer { padding-top: 90px; }
	#banner .leftText { top: auto; bottom: 210px; }
	#banner .leftText h2 ,
	#box2 .computer ,
	#box7 h3.top font:nth-child(1):before ,
	#box7 h3.top font:nth-child(2):after { display: none; }
	#banner .conputer { margin: 60px auto 0; width: 90%; }
	#banner .leftText h5 span { width: 75px; }
	#box1 h3 ,
	#box3 h3 ,
	#box6 .topBox .info h4 ,
	#box6 .topBox .info h3 ,
	#box7 h3.top { font-size: 30px; }
	#box3 ul li { width: 45%; }
	#box7 .info h4 { font-size: 29px; }
	#box8 .photo p a { margin: 10px 5px; }
}

@media screen and (max-width: 450px) {
	#banner .topText h4 { font-size: 20px; }
	#banner .topText h3 ,
	#box2 article p.wow ,
	#box5 ul li .info article p { font-size: 16px; }
	#banner .topText h3 font { font-size: 26px; }
	#banner .leftText { bottom: 200px; }
	#banner .leftText h5 ,
	#box7 h3.top ,
	#box8 .info h3 { font-size: 25px; }
	#banner .leftText h5 font { width: 54px; }
	#box1 p.delay1 ,
	#box3 p.wow ,
	#box5 .topText p ,
	#box8 .info p.delay3 { font-size: 18px; }
	#box1 ul.info li { margin: 20px 3%; }
	#box1 .btn ,
	#box7 .info .textBox .row:nth-child(1) article:nth-child(2) ,
	#box7 .info .textBox .row:nth-child(2) article:nth-child(1) ,
	#box7 .info .textBox .row:nth-child(3) article:nth-child(2)	{ display: none; }
	#box2 h3 ,
	#box8 .info .phone a { font-size: 30px; }
	#box5 .topText h3 { font-size: 28px; }
	#box5 ul li { margin: 30px 1% 10px; width: 98%; }
	#box7 .info .textBox .row article { width: 100%; }
	#box7 .info .textBox .row ,
	#box7 .info .textBox .row:nth-child(2) { background: none; }
	#box8 ul.topPrice li { margin-top: 30px; }
	#box8 .info .phone { text-align: center; }
	#box8 .info .phone a { background: none; padding-left: 0; }
}