html, body {
    width: 100%;
    height: 100%;
    min-width:312px;
    min-height:420px;
}
body {    
    position: relative;
    font-family: 'Open Sans', sans-serif;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: rgba(60,60,60,0.8);
    padding: 0px;
    margin: 0px;
}
body form {
    width: 100%;
    height: 100%;
}

.container,.contents,.box-wrap{width: 100%;height: 100%;}
/*
.container .box-wrap{position: relative;height:100%;min-width:320px;max-width:550px;}
*/
/* 170421 khoh change  */
.container .box-wrap{position: relative;height:100%;min-width:320px;max-width:520px;}
.container .box{position: relative;width: 100%;background-color: transparent; margin-top: -100px}
.container .box .logo{width: 100%;text-align: center;}
/*
.container .box .logo>img{width: 120%; padding:0px 0 0; position: relative;left: 50%; margin-left: -100%; image-rendering: auto;}
*/
/* 170421 khoh change  */
.container .box .logo>img{padding:0px 0 0; position: relative;left: 50%; margin-left: -100%; image-rendering: auto;}

.container .box .btn{padding: 15px 0;width: 74%;position: absolute;left: 13%;outline:none;background-color: #1793BD;border: none;color: #ffffff;font-weight:500;margin: 12px 0 0;border-radius: 3px;cursor:pointer;}

.sublogo-wrap{position: relative;}
.sublogo-wrap .suntek_logo{position: fixed;right: 50%;bottom: 1%;margin-right: -15%;width:30%;}
.sublogo-wrap .suntek_logo>img{width: 100%;}

.mainLogo {
    position: fixed;
    right: 2%;top: 3%;
    background-position: left top;
    background-image:url(iManifest_logo.png);
    background-size: 350px 42px;
    background-repeat: no-repeat;
    height: 42px;
    width: 350px;
}

.mainTable{
    width:100%;
    height:100%;
    background-color:transparent;
    margin: 0px;
}
.mainTable td{
    width:100%;
    vertical-align: middle;
    text-align: center;
}
.mainTable tr{
    width:100%;
}
.btnContainer{
    margin: 0 auto;
}
/*.btnContainer table{
    margin: 0 auto;
    background-color:rgba(156, 32, 64, 0.85);
    width:450px;
    height:100%;
}*/

/* Buttons ( AMS, ISF, ACI, ACI_eManifest, AMS(Korea), AFR(Japan) ) */
/*
.selectText{
    position: fixed;
    background-position: left top;
    background-image:url(select.png);    
    background-repeat: no-repeat;
    margin: 50px 0px 0px 0px;
    background-size: 225px 21px;
    height: 21px;
    width: 225px;
}
*/
/* 170421 khoh change  
.selectText{
    position: fixed;
    background-position: left top;
    background-image:url(select.png);    
    background-repeat: no-repeat;
    margin: 50px 0px 0px 0px;
    height: 39px;
    width: 441px;
}
 */
/* 170426 khoh change  */
.selectText{
    position: fixed;
    background-position: left top;
    background-image:url(select.png);    
    background-repeat: no-repeat;
    margin: 40px 0px 0px 0px;
    height: 39px;
    width: 441px;
}


/*
.btnUSAMS{
    position: fixed;
    background-position: left top;
    background-image:url(ams_btn.png);    
    background-repeat: no-repeat;
    margin: 110px 0px 0px 50px;
    background-size: 277px 21px;
    height: 21px;
    width: 277px;
}
.btnUSISF{
    position: fixed;
    background-position: left top;
    background-image:url(isf_btn.png);
    background-repeat: no-repeat;
    margin: 170px 0px 0px 50px;
    background-size: 277px 21px;
    height: 21px;
    width: 277px;
}
.btnCanadaACI{
    position: fixed;
    background-position: left top;
    background-image:url(aci_btn.png);
    background-repeat: no-repeat;
    margin: 230px 0px 0px 50px;
    background-size: 277px 21px;
    height: 21px;
    width: 277px;
}
.btnCanadaACIeManifest{
    position: fixed;
    background-position: left top;
    background-image:url(aciem_new.png);    
    background-repeat: no-repeat;
    margin: 290px 0px 0px 50px;
    background-size: 420px 21px;
    height: 21px;
    width: 420px;
}

.btnKoreaAMS{
    position: fixed;
    background-position: left top;
    background-image:url(kms_btn.png);
    background-repeat: no-repeat;
    margin: 350px 0px 0px 50px;
    background-size: 277px 21px;
    height: 21px;
    width: 277px;
}
.btnJapanAFR{
    position: fixed;
    background-position: left top;
    background-image:url(afr_btn.png);
    background-repeat: no-repeat;
    margin: 410px 0px 0px 50px;
    background-size: 277px 21px;
    height: 21px;
    width: 277px;
}
*/
/* 170421 khoh change 
.btnUSAMS{
    position: fixed;
    background-position: left top;
    background-image:url(ams_btn.png);    
    background-repeat: no-repeat;
    margin: 145px 0px 0px 0px;
    height: 33px;
    width: 440px;
}
.btnUSISF{
    position: fixed;
    background-position: left top;
    background-image:url(isf_btn.png);
    background-repeat: no-repeat;
    margin: 215px 0px 0px 0px;
    height: 35px;
    width: 440px;
}
.btnCanadaACI{
    position: fixed;
    background-position: left top;
    background-image:url(aci_btn.png);
    background-repeat: no-repeat;
    margin: 287px 0px 0px 0px;
    height: 37px;
    width: 440px;
}
.btnCanadaACIeManifest{
    position: fixed;
    background-position: left top;
    background-image:url(aciem_new.png);    
    background-repeat: no-repeat;
    margin: 359px 0px 0px 0px;
    height: 37px;
    width: 440px;
}

.btnKoreaAMS{
    position: fixed;
    background-position: left top;
    background-image:url(kms_btn.png);
    background-repeat: no-repeat;
    margin: 429px 0px 0px 0px;
    height: 35px;
    width: 440px;
}
.btnJapanAFR{
    position: fixed;
    background-position: left top;
    background-image:url(afr_btn.png);
    background-repeat: no-repeat;
    margin: 501px 0px 0px 0px;
    height: 37px;
    width: 440px;
}
*/ 

/* 170426 khoh change */ 
.btnUSAMS{
    position: fixed;
    background-position: left top;
    background-image:url(ams_btn.png);    
    background-repeat: no-repeat;
    margin: 110px 0px 0px 0px;
    height: 44px;
    width: 440px;
}
.btnUSISF{
    position: fixed;
    background-position: left top;
    background-image:url(isf_btn.png);
    background-repeat: no-repeat;
    margin: 170px 0px 0px 0px;
    height: 46px;
    width: 440px;
}
.btnCanadaACI{
    position: fixed;
    background-position: left top;
    background-image:url(aci_btn.png);
    background-repeat: no-repeat;
    margin: 231px 0px 0px 0px;
    height: 48px;
    width: 440px;
}
.btnCanadaACIeManifest{
    position: fixed;
    background-position: left top;
    background-image:url(aciem_new.png);    
    background-repeat: no-repeat;
    margin: 292px 0px 0px 0px;
    height: 48px;
    width: 440px;
}

.btnKoreaAMS{
    position: fixed;
    background-position: left top;
    background-image:url(kms_btn.png);
    background-repeat: no-repeat;
    margin: 355px 0px 0px 0px;
    height: 46px;
    width: 440px;
}
.btnJapanAFR{
    position: fixed;
    background-position: left top;
    background-image:url(afr_btn.png);
    background-repeat: no-repeat;
    margin: 418px 0px 0px 0px;
    height: 48px;
    width: 440px;
}


/* 170421 khoh add
.btnUSAMS:hover{
    background-image:url(ams_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnUSISF:hover{
    background-image:url(isf_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnCanadaACI:hover{
    background-image:url(aci_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnCanadaACIeManifest:hover{
    background-image:url(aciem_new_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnKoreaAMS:hover{
    background-image:url(kms_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnJapanAFR:hover{
    background-image:url(afr_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}
 */

/* 170502 khoh add
.btnUSAMS:active{
    background-image:url(ams_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnUSISF:active{
    background-image:url(isf_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnCanadaACI:active{
    background-image:url(aci_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnCanadaACIeManifest:active{
    background-image:url(aciem_new_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnKoreaAMS:active{
    background-image:url(kms_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnJapanAFR:active{
    background-image:url(afr_btn_hover.png);    
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnUSAMS:visited{
    position: fixed;
    background-position: left top;
    background-image:url(ams_btn.png);    
    background-repeat: no-repeat;
    margin: 110px 0px 0px 0px;
    height: 44px;
    width: 440px;
}
.btnUSISF:visited{
    position: fixed;
    background-position: left top;
    background-image:url(isf_btn.png);
    background-repeat: no-repeat;
    margin: 170px 0px 0px 0px;
    height: 46px;
    width: 440px;
}
.btnCanadaACI:visited{
    position: fixed;
    background-position: left top;
    background-image:url(aci_btn.png);
    background-repeat: no-repeat;
    margin: 231px 0px 0px 0px;
    height: 48px;
    width: 440px;
}
.btnCanadaACIeManifest:visited{
    position: fixed;
    background-position: left top;
    background-image:url(aciem_new.png);    
    background-repeat: no-repeat;
    margin: 292px 0px 0px 0px;
    height: 48px;
    width: 440px;
}

.btnKoreaAMS:visited{
    position: fixed;
    background-position: left top;
    background-image:url(kms_btn.png);
    background-repeat: no-repeat;
    margin: 355px 0px 0px 0px;
    height: 46px;
    width: 440px;
}
.btnJapanAFR:visited{
    position: fixed;
    background-position: left top;
    background-image:url(afr_btn.png);
    background-repeat: no-repeat;
    margin: 418px 0px 0px 0px;
    height: 48px;
    width: 440px;
}
 */

.btnClassic:hover{
    background-color:rgba(258, 258, 258, 0.2);
    cursor: pointer;
}

/* 170426 khoh change
.btnClassic:hover{
    background-color:rgba(258, 258, 258, 0.3);
    cursor: pointer;
}
*/
.btnStart {
    position: absolute;
    padding: 15px 0;
    width: 50%;
    left: 25%;
    top: 120%;
    
    background-color: #1793BD;
    border: none;
    color: #ffffff;
    font-size: large;

    margin: 12px 0 0;
    border-radius: 3px;
    cursor:pointer;
}
/* end */

.topLogo{
    position: fixed;
    bottom: 0;
    right: 0;
    background-image:url(mainview_logo.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 600px 90px;
    height: 96%;
    width: 100%;
}
.bottomLogo{
    position: fixed;
    bottom: 0;
    right: 0;
    background-image:url(bottom_logo.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 300px 30px;
    height: 35px;
    width: 310px;
}
.btnBottomMargin{
    height:20%;
}
.btnMiddleMargin{
    height:20%;
}
.btnTopMargin{
    height:20%;
}
.lastbtn{
    border-bottom: 1px solid rgba(258, 258, 258, 0.4);
}
.linkBtns{
    border-top: 1px solid rgba(258, 258, 258, 0.4);
    vertical-align:middle;
}
h2{
    margin:0;
    font-weight:normal;
}
.linkBtns h2{
    padding-top:14px;
    color:#d9d8d8;
}
.linkBtns:hover{
    background-color:rgba(258, 258, 258, 0.3);
    cursor: pointer;
}
/*#ACI{
    background-image:url(ACI_btn_none.png);
    
}
#ACI:hover{
    background-image:url(ACI_btn_over.png);
}
#AMS{
    background-image:url(AMS_btn_none.png);
}
#AMS:hover{
    background-image:url(AMS_btn_over.png);
}
#ISF{
    background-image:url(ISF_btn_none.png);
}
#ISF:hover{
    background-image:url(ISF_btn_over.png);
}*/




@media screen and (min-width:0px){
    .btnContainer{
        display:block;
        height:100%;
    }
    .btnMenuTop{
        height:100%;
        width: 100%;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image:url(iManifest_logo2.png);
    }
    .btnBottomMenu{
        display:inline-block;
        width:100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 300px 60px;
        margin-top: 50px;
    }
    .linkBtns{
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 170px 60px;
        height:60px;
        width:100%;
    }
}

/*@media screen and (max-width:720px){
    .btnContainer{
        position:relative;
        display:inline-block;
        width:80%;
        min-width: 300px;
        padding-bottom: 30px;
    }
    
    .btnMenuTop{
        width:100%;
        height:60px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 300px 60px;
        background-image:url(iMANIFEST_LOGO.png);
    }
    .btnBottomMenu{
        display:inline-block;
        width:100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 300px 60px;
        margin-top: 50px;
    }
    .linkBtns{
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 170px 60px;
        height:60px;
        width:100%;
    }
}*/
/*
@media screen and (max-width:449px){
    .container .box{position: absolute;left: 50%;top: 18%;margin-left: -225px;max-width:450px;height: 515px;border-radius: 3px;}
    .sublogo-wrap {display: none;}
}
*/
/* 170421 khoh change  */
@media screen and (max-width:520px){
    .container .box{position: absolute;left: 50%;top: 18%;margin-left: -260px;max-width:520px;height: 515px;border-radius: 3px;}
    .sublogo-wrap {display: none;}
}

@media screen and (min-width:450px){
.container .box-wrap{position:fixed;left:50%;margin-left: -225px;}
.container .box{position: absolute;left: 50%;top: 18%;margin-left: -225px;max-width:450px;height: 515px;border-radius: 3px;}
.sublogo-wrap .suntek_logo{width:30%;margin-right: -15%;}
.container .box .btn{font-size: 15px;}
.wrap_defaultPage .default_list .default_item .default_item_logo>img{max-width:250px;}
.wrap_defaultPage .default_list .default_item .default_item_ifulfill>img{width:70%;max-width:60%;}
.backToProduct{
    position:absolute;
    /*top: 90%;*/
    margin-top:70px;
    left: 57%
}
}
@media screen and (max-width:767px) {
    .mainLogo {display: none;}
    body form {
        background-color: #464646;
    }
}
/*
@media screen and (min-width:768px){
.container .box-wrap{position:fixed;left:23%;background-color: rgba(60,60,60,0.7);}
.sublogo-wrap .suntek_logo{width:15%;right:15px;margin-right: 0;min-width:270px;}
.container .box .btn{font-size: 15px;}
.container .box_ipims .btn{margin:40px 0 0;}
}
*/
/* 170421 khoh change  */
@media screen and (min-width:768px){
.container .box-wrap{position:fixed;left:23%;background-image: url(img_boxBg.png); background-repeat: repeat}
.sublogo-wrap .suntek_logo{width:15%;right:15px;margin-right: 0;min-width:270px;}
.container .box .btn{font-size: 15px;}
.container .box_ipims .btn{margin:40px 0 0;} 
}


@media screen and (min-width:1000px){
    .container .box {
        position: absolute;
        left: 50%;
        top: 20%;
    }
}

/* height screen */
@media screen and (max-height:670px) {
    .selectText { margin-top: 30px; }
    .btnUSAMS { margin-top: 80px; }
    .btnUSISF{ margin-top: 130px; }
    .btnCanadaACI{ margin-top: 180px; }
    .btnCanadaACIeManifest{ margin-top: 230px; }
    .btnKoreaAMS{ margin-top: 280px; }
    .btnJapanAFR{ margin-top: 330px; }
    .btnStart {top: 100%}
}
@media screen and (max-height:550px) {
    .selectText { margin-top: 0px; }
    .btnUSAMS { margin-top: 40px; }
    .btnUSISF{ margin-top: 80px; }
    .btnCanadaACI{ margin-top: 120px; }
    .btnCanadaACIeManifest{ margin-top: 160px; }
    .btnKoreaAMS{ margin-top: 200px; }
    .btnJapanAFR{ margin-top: 240px; }
    .btnStart {top: 100%}
}
/* 170428 khoh add */
@media screen and (max-height:750px) {
    .selectText { margin-top: 17px; }
    .btnUSAMS { margin-top: 77px; }
    .btnUSISF{ margin-top: 132px; }
    .btnCanadaACI{ margin-top: 188px; }
    .btnCanadaACIeManifest{ margin-top: 246px; }
    .btnKoreaAMS{ margin-top: 304px; }
    .btnJapanAFR{ margin-top: 362px; }
    .btnStart {top: 100%}
}
/*

@media screen and (max-height:600px) {
    .container .box .logo>img{ padding:0px 0px 30px 0px; }
    .btnUSAMS { margin-top: 0px; }
    .btnUSISF{ margin-top: 0px; }
    .btnCanadaACI{ margin-top: 80px; }
    .btnCanadaACIeManifest{ margin-top: 80px; }
    .btnKoreaAMS{ margin-top: 160px; }
    .btnJapanAFR{ margin-top: 160px; }
    .btnStart {top: 80%}
}*/
/*@media screen and (max-height:800px) {
    .container .box{ margin-top: -80px }
    .container .box .logo>img{ padding:0px 0px 50px 0px; }
    .btnUSAMS { margin-top: -20px; }
    .btnUSISF{ margin-top: 70px; }
    .btnCanadaACI{ margin-top: 160px; }
    .btnCanadaACIeManifest{ margin-top: 250px; }
    .btnKoreaAMS{ margin-top: 340px; }
    .btnJapanAFR{ margin-top: 430px; }
}
@media screen and (max-height:700px) {
    .container .box{ margin-top: -90px }
    .container .box .logo>img{ padding:0px 0px 30px 0px; }
    .btnUSAMS { margin-top: -20px; }
    .btnUSISF{ margin-top: 60px; }
    .btnCanadaACI{ margin-top: 140px; }
    .btnCanadaACIeManifest{ margin-top: 220px; }
    .btnKoreaAMS{ margin-top: 300px; }
    .btnJapanAFR{ margin-top: 380px; }
}
@media screen and (max-height:600px) {
    .sublogo-wrap {display: none;}
    .container .box{ margin-top: -90px }
    .container .box .logo>img{ padding:0px 0px 30px 0px; }
    .btnUSAMS { margin-top: -30px; }
    .btnUSISF{ margin-top: 35px; }
    .btnCanadaACI{ margin-top: 100px; }
    .btnCanadaACIeManifest{ margin-top: 165px; }
    .btnKoreaAMS{ margin-top: 230px; }
    .btnJapanAFR{ margin-top: 295px; }
}*/