@font-face {
    font-family: 'epos_condensedBold';
    src:url("fonts/OpenSans-CondBold.ttf");
}

@font-face {
    font-family: "epos_bold";
    src:url("fonts/OpenSans-Bold.ttf");
}

@font-face {
    font-family: "epos_emiBold";
    src:url("fonts/OpenSans-Semibold.ttf");
}

@font-face {
    font-family: "epos_light";
    src:url("../fonts/ITCAvantGardeStd-Bk.otf");
}

@font-face {
    font-family: "epos_regular";
    src:url("../fonts/ITCAvantGardeStd-Bk.otf");
}
@font-face {
    font-family: 'epos_Black';
    src:url("../fonts/ITCAvantGardeStd-Bold.otf");
}

.eposBody {
    font-family: "epos_bold";
    text-shadow:none!important;
    margin:0px;
    padding: 0px;
    overflow: hidden;
}

.sharpEpos {
    width: 1920px;
    overflow: hidden;
    bottom: 0px;
    display:none;
}
.sharp_epos_feature{
    width: 1920px;
    height: 72px;
    /*background: url(img/sharp/A6107/epos_features_en.png) no-repeat;*/
    overflow: hidden;
    position: absolute;
    bottom: 96px;
    left: 0px;
}
#sharp_epos_feature_img{
    width: 1920px;
    height: 72px;
    content: url("img/sharp/A6107/epos_features_en.png");
}
.sharp_epos_highLight{
    width: 1920px;
    height: 96px;
    /*background: url(img/sharp/A6107/epos_highlight_2_sp.png) no-repeat;*/
    overflow: hidden;
    position: absolute;
    bottom: 96px;
    left: 0px;
}
#sharp_epos_title_img{
    width: 1920px;
    height: 96px;
    content: url("");
}
.sharp_epos_bottom{
    width: 1920px;
    height: 96px;
    /*background: url(img/sharp/A6107/epos_bottom_1_en.png) no-repeat;*/
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#sharp_epos_detail_img{
    width: 1920px;
    height: 96px;
    content: url("");
}
.epos_banner_static {
    width: 1920px;
    height: 96px;
    background: url(img/epos_bottom.png) no-repeat;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 96px;
    font-size: 36px;
    color: #403f41;
}

.epos_banner_dynamic {
    width: 1920px;
    height: 96px;
    background: url(img/epos_highlight_1.png) no-repeat;
    overflow: hidden;
    position: absolute;
    bottom: 95px;
    vertical-align: middle;
    line-height: 96px;
    font-size: 40px;
    z-index: 90;
}
.epos_title_background {
    width: 1920px;
    height: 72px;
    background: url(img/epos_features.png) no-repeat;
    overflow: hidden;
    margin-top: 24px;
    position: absolute;
    bottom: 95px;
    float: left;
    vertical-align: middle;
    line-height: 72px;
    color: white;
}
.tab_title{
    width: 476px;
    height: 100%;
    display: inline-block;
    font-size: 36px;
    color: #fefefe;
    text-align: center;
}
.tab_title_focus{
    width: 471px;
    height: 100%;
    display: inline-block;
    color: #403f41;
    font-family: 'epos_Black';
    font-size: 48px;
    text-align: center;
}
#title0 > span {
    padding-left: 60px;
}
#title3 > span {
    padding-right: 60px;
}

.slideshow {
    position:absolute;
    top:0px;
    z-index:-1;
    height:1080px;
    width:1920px;
    margin:0 0 0 0;
    background-color:#000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    overflow: hidden;
}
.slideshow img {
    position:absolute;
    top:0px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

/*.slideshow img:nth-of-type(1) {
    content: url("img/epos_image_4.jpg");
}
.slideshow img:nth-of-type(2) {
    content: url("img/epos_image_3.jpg");
}
.slideshow img:nth-of-type(3) {
    content: url("img/epos_image_2.jpg");
}
.slideshow img:nth-of-type(4) {
    content: url("img/epos_image_1.jpg");
}*/
#logo {
    top: 10px;
    right: 10px;
    position: absolute;
    background-size: 100%;
    overflow: hidden;
    height: 80px;
    width: 640px ;
}

#logo > img{
    content: url("");
    width: 640px;
    height: 80px;
}
#mallLogo {
    top: 10px;
    left: 10px;
    position: absolute;
    background-size: 100%;
    overflow: hidden;
    height: 160px;
    width: 378px ;
}

#mallLogo > img{
    content: url("");
    width: 378px;
    height: 160px;
}
#hi_3dlogo {
    position: absolute;
    top: 848px;
    left: 0px;
    width: 418px;
    height: 232px;
}
#hi_3dlogo > img {
    content: url("");
    width: 418px;
    height: 232px;
}

#hi_banner {
    position: absolute;
    top: 882px;
    left: 0px;
    height: 144px;
    width: 1920px;
}
#hi_ic_logo {
    float: left;
     width: 338px;
     height: 144px;
 }
#hi_ic_logo > img {
    content: url("");
    width: 338px;
    height: 144px;
}
#hi_icon_contant {
    float: left;
    width: 1582px;
    height: 144px;
    background-image: url("");
}
#icon_1 {
    margin-top: 22px;
    margin-left: 204px;
    /*left: 204px;*/
    content: url("");
}
#icon_2{
    margin-top: 22px;
    margin-left: 236px;
    content: url("");
}
#icon_3{
    margin-top: 22px;
    margin-left: 236px;
    content: url("");
}
#icon_4{
    margin-top: 22px;
    margin-left: 236px;
    content: url("");
}



#hi_banner_detail{
    position: absolute;
    top: 882px;
    left: 0px;
    height: 144px;
    width: 1920px;
}
#hi_detail_logo > img{
    float: left;
    width: 338px;
    height: 144px;
    content: url("");
}
#hi_contant_1 {
    position: absolute;
    left: 338px;
    z-index: 100;
    width: 1582px;
    height: 144px;
}
#hi_contant_1 .hi_icon_div {
    float: left;
    width: 718px;
    height: 144px;
}
#hi_contant_1 .hi_detail_div {
    float: left;
    width: 864px;
    height: 144px;
}
#hi_contant_1 .hi_icon {
    width: 718px;
    height: 144px;
    content: url("");
}
#hi_contant_1 .hi_detail {
    width: 864px;
    height: 144px;
    content: url("");
}
#hi_contant_2 {
    position: absolute;
    left: 338px;
    z-index: 1;
    width: 1582px;
    height: 144px;
}
#hi_contant_2 .hi_icon_div {
    float: left;
    width: 718px;
    height: 144px;
}
#hi_contant_2 .hi_detail_div {
    float: left;
    width: 864px;
    height: 144px;
}
#hi_contant_2 .hi_icon {
    float: left;
    margin: 0px;
    width: 718px;
    height: 144px;
    content: url("");
}
#hi_contant_2 .hi_detail {
    margin: 0px;
    float: left;
    width: 864px;
    height: 144px;
    content: url("");
}

#hi_contant_3 {

    position: absolute;
    left: 338px;
    z-index: 1;
    width: 1582px;
    height: 144px;
}
#hi_contant_3 .hi_icon_div {
    float: left;
    width: 718px;
    height: 144px;
}
#hi_contant_3 .hi_detail_div {
    float: left;
    width: 864px;
    height: 144px;
}
#hi_contant_3 .hi_icon {
    width: 718px;
    height: 144px;
    content: url("");
}
#hi_contant_3 .hi_detail {
    width: 864px;
    height: 144px;
    content: url("");
}

#hi_contant_4 {
    position: absolute;
    left: 338px;
    z-index: 1;
    width: 1582px;
    height: 144px;
}
#hi_contant_4 .hi_icon_div {
    float: left;
    width: 718px;
    height: 144px;
}
#hi_contant_4 .hi_detail_div {
    float: left;
    width: 864px;
    height: 144px;
}
#hi_contant_4 .hi_icon {
    width: 718px;
    height: 144px;
    content: url("");
}
#hi_contant_4 .hi_detail {
    width: 864px;
    height: 144px;
    content: url("");
}
#tos_epos {
    width: 100%;
    height: 148px;
    position: absolute;
    top: 0;
}
@keyframes tos_eng {
    0% {
        background: url('img/tos/eng/top1.png')  no-repeat;
        background-size: cover;
    }
    25% {
        background: url('img/tos/eng/top1.png')  no-repeat;
        background-size: cover;
    }
    25.01% {
        background-image: none;
    }
    49.99% {
        background-image: none;
    }
    50% {
        background: url('img/tos/eng/top2.png')  no-repeat;
        background-size: cover;
    }
    75% {
        background: url('img/tos/eng/top2.png')  no-repeat;
        background-size: cover;
    }
    75.01% {
        background-image: none;
    }
    100% {
        background-image: none;
    }
}
@keyframes tos_span {
    0% {
        background: url('img/tos/span/top1.png')  no-repeat;
        background-size: cover;
    }
    25% {
        background: url('img/tos/span/top1.png')  no-repeat;
        background-size: cover;
    }
    25.01% {
        background-image: none;
    }
    49.99% {
        background-image: none;
    }
    50% {
        background: url('img/tos/span/top2.jpg')  no-repeat;
        background-size: cover;
    }
    75% {
        background: url('img/tos/span/top2.jpg')  no-repeat;
        background-size: cover;
    }
    75.01% {
        background-image: none;
    }
    100% {
        background-image: none;
    }
}