@charset "utf-8";body{background-color:#fff;min-width:320px}body a,body a:active,body a:hover,body a:link,body a:visited{text-decoration:none}body h1{font-size:3em;letter-spacing:3px;line-height:150%;font-weight:700;color:#fff;margin-top:1em;margin-bottom:1em}body h2{font-size:2em;letter-spacing:3px;line-height:150%;font-weight:400;color:#e7336e;margin-top:1em;margin-bottom:1em}body h3{font-size:1.5em;letter-spacing:3px;line-height:150%;font-weight:400;color:#666;margin-top:1em;margin-bottom:1em}body h4{font-size:1em;letter-spacing:3px;line-height:150%;font-weight:400;color:#666;margin-top:1em;margin-bottom:1em}body p{font-size:1em;letter-spacing:1px;line-height:170%;font-weight:400;color:#666;margin-top:1em;margin-bottom:1em;padding:0 .4em}body .app-subtitle{font-size:1.2em;padding:0 .4em;color:#e7336e}body button{border-style:none;outline:0}body button.btn-1{width:auto;min-width:10em;background-color:#e7336e;margin:1em;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}body button.btn-1 h4{margin:.1em .5em;font-size:1.3em;color:#fff}body a{outline:0}body h1,body h2,body h3,body h4,body h5,body p{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}body .disable-link{cursor:default}body .rotate-down{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}body .hidden{visibility:hidden}body .no-padding{padding-left:0;padding-right:0}body .no-margin{margin-left:0;margin-right:0}body .container-w1920{max-width:1920px;margin:0 auto}@keyframes flicker{from{opacity:.5}}body section#banner-sec{font-size:16px;display:block;background-color:#909090;height:50vh}body section#banner-sec div.container-w1920{background-image:url(../_img/smart-retail-solution/bg/Retail_index_banner.jpg);height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}body section#banner-sec div.container-w1920 div.container{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}body section#banner-sec div.container-w1920 div.container figure{padding:0;text-align:center}body section#banner-sec div.container-w1920 div.container figure div.pic-box{z-index:4}body section#banner-sec div.container-w1920 div.container figure div.pic-box a img{height:6em;width:6em;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s}body section#banner-sec div.container-w1920 div.container figure div.pic-box a img:hover{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}body section#banner-sec div.container-w1920 div.container figure div.title-box{padding:0;z-index:4}body section#banner-sec div.container-w1920 div.container figure div.title-box h1{display:inline-block;font-size:1.3em;text-align:center;margin-top:.3em;margin-bottom:0;padding:.1em .4em;background-color:rgba(231,51,110,.6)}body section#theme-sec{font-size:16px;background-color:#e7336e;height:auto}body section#theme-sec div.tip{display:none}body section#theme-sec div.triangle{position:relative;top:-1.2em;text-align:center;height:0}body section#theme-sec div.triangle img{width:3em;height:3em}body section#theme-sec div.container article{padding:0;margin-top:1em;margin-bottom:1em}body section#theme-sec div.container article div.title-box{padding:0}body section#theme-sec div.container article div.title-box h2{margin-bottom:0;color:#fff;font-size:1.4em;letter-spacing:2px}body section#theme-sec div.container article div.content-box{padding:0}body section#theme-sec div.container article div.content-box h4{color:rgba(255,255,255,.84);letter-spacing:2px;line-height:167%}body section#theme-sec div.container div.arrow-box{text-align:center;margin-bottom:1em}body section#theme-sec div.container div.arrow-box a.arrow{height:2em;position:relative;bottom:20px;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:rgba(255,255,255,0);font:normal 400 20px/1;letter-spacing:.1em;text-decoration:none;transition:opacity .3s}body section#theme-sec div.container div.arrow-box a.arrow:hover{opacity:.6}body section#theme-sec div.container div.arrow-box a.arrow span{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:arrow 1.5s infinite;animation:arrow 1.5s infinite;box-sizing:border-box}@-webkit-keyframes arrow{0%{-webkit-transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}100%{-webkit-transform:rotate(-45deg) translate(-20px,20px);opacity:0}}@keyframes arrow{0%{transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}100%{transform:rotate(-45deg) translate(-20px,20px);opacity:0}}body section#theme-2-sec{background-color:#eee;font-size:16px}body section#theme-2-sec div.container-w1920 figure{padding:0;overflow:hidden}body section#theme-2-sec div.container-w1920 figure img{width:100%}body section#theme-2-sec div.container-w1920 article{margin-bottom:1em}body section#theme-2-sec div.container-w1920 article div.title-box h2{text-align:center;margin-top:1em;margin-bottom:.5em}body section#product-sec{font-size:16px;padding-bottom:0}body section#product-sec div.container div.title-box h2{text-align:center}body section#product-sec div.container ul.product-list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}body section#product-sec div.container ul.product-list li div.panel-block{margin-bottom:2em}body section#product-sec div.container ul.product-list li div.panel-block figure{padding:1em;border-top:1px solid gray;border-bottom:1px solid gray;overflow:hidden}body section#product-sec div.container ul.product-list li div.panel-block figure a img{width:100%;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}body section#product-sec div.container ul.product-list li div.panel-block figure a img:hover{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}body section#product-sec div.container ul.product-list li div.panel-block div.title-box{display:none;margin-top:1.2em}body section#product-sec div.container ul.product-list li div.panel-block div.title-box h3{color:#e7336e;margin-top:.5em;margin-bottom:.5em}body section#product-sec div.container ul.product-list li div.panel-block div.series-box{margin-left:1px}body section#product-sec div.container ul.product-list li div.panel-block div.series-box a h4{font-size:1.3em;margin-top:.5em;margin-bottom:.5em;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s}body section#product-sec div.container ul.product-list li div.panel-block div.series-box a h4:hover{color:#e7336e}body section#product-sec div.container ul.product-list li div.panel-block div.content-box{margin-left:1px}body section#product-sec div.container ul.product-list li div.panel-block div.content-box ul{list-style-type:disc;padding-left:1em}body section#product-sec div.container ul.product-list li div.panel-block div.content-box ul li{color:gray}body section#product-sec div.container ul.product-list li div.panel-block div.content-box ul li p{margin-top:.5em;margin-bottom:.5em;padding:0}body section#product-sec div.container ul.product-list li div.panel-block div.button-box{text-align:center;margin-left:1px}body section#product-sec div.container ul.product-list li div.panel-block div.button-box a button.btn-1 h4{font-size:1.3em}body section#series-sec{font-size:16px;padding-bottom:1.8em}body section#series-sec div.container div.title-box h2{text-align:center;margin-top:0}body section#series-sec div.container figure img{width:100%}body section#bottom-sec{font-size:16px;padding-bottom:3em;background-color:#eee}body section#bottom-sec div.container article div.title-box h2{color:#e7336e;text-align:center}body section#bottom-sec div.container figure{padding:0 .4em}body section#bottom-sec div.container figure img{width:100%;border:6px solid #fff;-moz-box-shadow:0 2px 15px rgba(0,0,0,.37);-webkit-box-shadow:0 2px 15px rgba(0,0,0,.37);box-shadow:0 2px 15px rgba(0,0,0,.37)}@media only screen and (min-width:375px){body section#banner-sec{height:50vh}body section#banner-sec div.container-w1920,body section#banner-sec div.container-w1920 div.container{height:100%}body section#banner-sec div.container-w1920 div.container figure div.title-box{margin-top:.8em}body section#banner-sec div.container-w1920 div.container figure div.title-box h1{font-size:1.6em;margin-top:.3em}}@media only screen and (min-width:410px){body section#theme-sec div.container article div.title-box h2{font-size:1.6em}}@media only screen and (min-width:768px){body section#banner-sec{height:60vh;font-size:25px;display:block}body section#banner-sec div.container-w1920{height:100%}body section#banner-sec div.container-w1920 div.container{height:100%;padding-top:0}body section#banner-sec div.container-w1920 div.container figure div.pic-box{margin-top:0}body section#banner-sec div.container-w1920 div.container figure div.title-box h1{padding:.2em .9em}body section#theme-sec{height:auto;font-size:25px}body section#theme-sec div.triangle{position:relative}body section#theme-sec div.triangle img{width:4em;height:4em}body section#theme-sec div.container article div.content-box h4{font-size:.9em}body section#theme-2-sec div.container-w1920 article div.content-box p{padding:0 1em}body section#product-sec{padding-bottom:0}body section#product-sec div.container div.title-box h2{margin-top:1.6em;margin-bottom:1.3em}body section#product-sec div.container ul.product-list li{margin-bottom:1em}body section#product-sec div.container ul.product-list li div.panel-block div.title-box{min-height:4.6em}body section#product-sec div.container ul.product-list li div.panel-block div.series-box a h4{margin-top:.9em;margin-bottom:.9em}body section#series-sec div.container div.title-box h2{margin-top:0;position:relative}body section#series-sec div.container div.title-box h2 span{background:#fff;padding:0 1em;z-index:1}body section#series-sec div.container div.title-box h2:before{border-top:1px solid #e7336e;content:"";margin:0 auto;position:absolute;top:50%;left:0;right:0;bottom:0;width:95%;z-index:-1}body section#series-sec div.container div.content-box p{padding:.5em 1em}body section#bottom-sec div.container article div.title-box h2{margin-top:1.6em}body section#bottom-sec div.container figure{margin-top:1em;text-align:center}body section#bottom-sec div.container figure img{width:80%}}@media only screen and (min-width:1000px){body section#banner-sec{height:680px;font-size:25px;display:block}body section#banner-sec div.container-w1920{height:680px;width:100%;background-repeat:no-repeat;background-size:1573px;background-position:center top;background-attachment:fixed;position:relative}body section#banner-sec div.container-w1920 div.container{height:100%}body section#banner-sec div.container-w1920 div.container figure div.pic-box{margin-top:0;visibility:hidden}body section#banner-sec div.container-w1920 div.container figure div.pic-box a img{height:5em;width:5em}body section#banner-sec div.container-w1920 div.container figure div.title-box{visibility:hidden}body section#banner-sec div.container-w1920 div.container figure div.title-box h1{font-size:1.3em}body section#theme-sec{height:auto;font-size:25px}body section#theme-sec div.container{height:auto}body section#theme-sec div.container article div.title-box{padding:0 4em;visibility:hidden}body section#theme-sec div.container article div.title-box h2{text-align:center}body section#theme-sec div.container article div.content-box{margin-top:1em;visibility:hidden}body section#theme-sec div.container article div.content-box h4{text-align:center;font-size:.7em}body section#theme-sec div.container div.arrow-box{margin-bottom:0}body section#theme-2-sec div.container-w1920{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center}body section#theme-2-sec div.container-w1920 figure img{-webkit-clip-path:polygon(0 0,100% 0,77% 100%,0 100%);clip-path:polygon(0 0,100% 0,77% 100%,0 100%)}body section#theme-2-sec div.container-w1920 article{padding-left:0}body section#theme-2-sec div.container-w1920 article div.title-box h2{text-align:left;padding-left:.1em}body section#theme-2-sec div.container-w1920 article div.content-box p{font-size:.8em;padding:0 .4em}body section#product-sec div.container ul.product-list li div.panel-block div.button-box{text-align:left}body section#product-sec div.container ul.product-list li div.panel-block div.button-box a button.btn-1{margin-left:1px;background-color:#fff;border:1px solid #e7336e;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s}body section#product-sec div.container ul.product-list li div.panel-block div.button-box a button.btn-1 h4{color:#e7336e;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s}body section#product-sec div.container ul.product-list li div.panel-block div.button-box a button.btn-1:hover{background-color:#e7336e;border:1px solid #e7336e}body section#product-sec div.container ul.product-list li div.panel-block div.button-box a button.btn-1:hover h4{color:#fff}body section#series-sec div.container figure{margin-top:1.5em}body section#bottom-sec div.container article div.title-box h2{text-align:left;padding-left:.3em}body section#bottom-sec div.container figure{margin-top:8.7em}}@media only screen and (min-width:1280px){body section#banner-sec div.container-w1920{background-size:1665px}body section#theme-2-sec div.container-w1920 article div.content-box p{font-size:1em}}@media only screen and (min-width:1366px){body section#banner-sec,body section#banner-sec div.container-w1920{height:570px}}@media only screen and (min-width:1440px){body section#banner-sec{height:700px}body section#banner-sec div.container-w1920{height:700px;background-size:1668px}}@media only screen and (min-width:1600px){body section#banner-sec div.container-w1920{background-size:1707px}}@media only screen and (min-width:1680px){body section#banner-sec div.container-w1920{background-size:1946px}body section#banner-sec div.container-w1920 div.container figure div.pic-box a img{height:6em;width:6em}body section#banner-sec div.container-w1920 div.container figure div.title-box h1{font-size:1.5em}}@media only screen and (min-width:1920px){body section#banner-sec,body section#banner-sec div.container-w1920{height:850px}}