.errorMessage{
    color:#f00;
}

.hard-separator{
    margin-left: 15px;
    margin-right:15px;
}

.pzm-symbol-font{
    font-family: "Times New Roman", Times, serif;
}

.pzm-fontch{
    font-family: font_ch;
}



.pzm-question-logo{
    max-width:120px;
    margin: 0 auto;
}

#pzm-question-field_ch{
    background-color: #ffda00;
    color: #cb6521;
    padding: 2% 0px;
    /* min-height: 720px; */
    position: relative;
    margin-bottom: 4%;
}

#pzm-question-field_ch *{
	font-family: font_ch,PMingLi, MingLiU,DFKai-SB;
    background-repeat: no-repeat;
    background-position-x: center;
    font-weight: 400;
}

.pzm-table{
    display:inline-table;
}

.pzm-table-cell{
    display:table-cell;
}


.pzm ul{
    list-style-type: disc !important;
}

.pzm ul li{
    margin-left: 12px;
}

.pzm-container{
    margin: 0;
    padding: 0;
    margin-top: -34px;
}

.pzm-container .row{
    width: 100%;
    margin: 0 auto;
}

#pzm-question-field_ch p,
#pzm-question-field_ch div,
#pzm-question-field_ch span,
#pzm-question-field_ch a
{
    font-size: 2.2rem;
}

#pzm-question-field_ch p,
#pzm-question-field_ch div div,
#pzm-question-field_ch span{
    -webkit-touch-callout: none;  
    -webkit-user-select: none;  
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

canvas,a{
    -webkit-touch-callout: auto !important; 
    -webkit-user-select: auto !important; 
    -moz-user-select: auto !important; 
    -ms-user-select: auto !important; 
    user-select: auto !important; 
}



.pzm-slogan-container{
    color: #424242;
    display: table;
    width: 100%;
    margin: -10px 0 2px;
}

.pzm-slogan-container .pzm-slogan{
    display: table-cell;
    line-height: 2.5rem;
    vertical-align: middle;
    color: #3e3e3e;
    font-weight: bolder;
}

.title-bar *{
    font-family: 'Noto Sans TC' !important;
}

.pzm-slogan-container .pzm-brand{
    display: table-cell;
    vertical-align: middle;
    width: 14%;
}

.pzm-slogan-container .pzm-tableContainer{

    display: table;

    width: 100%;

    text-align: center;
}

.pzm-slogan-container .pzm-brand p{margin: 2px 0 0;color: #888888;font-size: 1rem;/* font-family: font_ch; */}


#pzm-question-field_ch a{
    cursor: pointer;
}
#pzm-question-field_ch a:hover{
    text-decoration: none;
}

/**********pzm-question-index**********/
/*#pzm-question-index{
    background-image: url('/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_index_bg1.png');
    background-size: 65% auto;
    background-position-x: center;
    background-repeat: no-repeat;
}*/

#pzm-question-index .cartoon-bg{
    width: 80%;
    max-width: 512px;
}

#pzm-question-field_ch .pzm-question-row{
    text-align: center;
    margin: 4% 0;
    position: relative;
    line-height: 2.5rem;
}

#pzm-question-field_ch #pzm-question-index .pzm-question-inputname{
    border-radius: 14px !important;
    border-color: transparent;
    text-align: center;
    font-size: 2.2rem;
    width: 300px;
}

#pzm-question-field_ch #pzm-question-index  .pzm-question-inputname:focus{
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: transparent;
}

#pzm-question-field_ch #pzm-question-index .pzm-question-tnc-checkbox{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_index_tick1.png);
    width: 3rem;
    height: 3rem;
    background-position: center;
    background-size: 54%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    line-height: 1rem;
}

#pzm-question-field_ch #pzm-question-index .pzm-question-tnc-checkbox.active{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_index_tick2.png);
}

#pzm-question-field_ch #pzm-question-index .pzm-question-bold{
    font-weight: bolder;
}

#pzm-question-field_ch #pzm-question-index .pzm-question-bold{
    font-weight: bolder;
}

#pzm-question-field_ch #pzm-question-index .pzm-question-name{
    display: inline-block;
    font-size: 2.5rem;
}
#pzm-question-field_ch #pzm-question-index .pzm-question-tnc-text
{
    display: inline-block;
    font-size: 1.4rem;
    padding-left: 2px;
}

#pzm-question-field_ch #pzm-question-index .pzm-question-tnc-text a{
    font-size: inherit;
    color: #cb6521;
    text-decoration: underline;
}

#pzm-question-field_ch #pzm-question-index .pzm-question-table{
    margin-left: auto;
    margin-right: auto;
    display: table;
}

#pzm-question-field_ch #pzm-question-index .pzm-question-cell{
    display: table-cell;
    vertical-align: top;
}

#pzm-question-field_ch #pzm-question-index.pzm-question-intro{

}

#pzm-question-field_ch #pzm-question-index .pzm-question-start {
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_index_btn_start_1.png);
    width: 250px;
    height: 136px;
    background-size: contain;
    display: inline-block;
    vertical-align: text-bottom;
    cursor: pointer;
}

#pzm-question-field_ch #pzm-question-index .pzm-question-start:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_index_btn_start_2.png);
}

#pzm-question-field_ch #pzm-question-index .pzm-name-row{
    margin-bottom: -3%;
}

/**********pzm-question-index**********/

#pzm-question-field_ch .pzm-question-title div,
#pzm-question-field_ch .pzm-question-suptitle div{
    display:inline-block;
}

#pzm-question-field_ch .pzm-question-title{
    line-height: 3rem;
}

#pzm-question-field_ch .pzm-question-suptitle,
#pzm-question-field_ch .pzm-question-suptitle-2
{
    line-height: 3rem;
}

/**********pzm-question-page1**********/

#pzm-question-field_ch #pzm-question-page1 .cartoon-bg{
    position: absolute;
    left:0;
    right:0;
    width: 90%;
    margin: 0 auto;
}

#pzm-question-field_ch #pzm-question-page1 .pzm-question-header{
    padding: 39px 0 80px;
}

#pzm-question-field_ch #pzm-question-page1 .pzm-question-title{
    margin: 0 auto;
    font-size: 4rem;
}

#pzm-question-field_ch #pzm-question-page1 .pzm-question-table{
    display: table;
    width: 100%;
}

#pzm-question-field_ch #pzm-question-page1 .pzm-question-cell{
    display: table-cell;
    vertical-align: middle;
}

#pzm-question-field_ch #pzm-question-page1 .answer-1{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_btn_ob1.1.png); }
#pzm-question-field_ch #pzm-question-page1 .answer-1.active,#pzm-question-field_ch #pzm-question-page1 .answer-1:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_btn_ob1.2.png);
}
#pzm-question-field_ch #pzm-question-page1 .answer-2{background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_btn_ob2.1.png);}
#pzm-question-field_ch #pzm-question-page1 .answer-2.active,#pzm-question-field_ch #pzm-question-page1 .answer-2:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_btn_ob2.2.png);
}
#pzm-question-field_ch #pzm-question-page1 .answer-3{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_btn_ob3.1.png); }
#pzm-question-field_ch #pzm-question-page1 .answer-3.active,#pzm-question-field_ch #pzm-question-page1 .answer-3:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_btn_ob3.2.png);
}
#pzm-question-field_ch #pzm-question-page1 .answer-4{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_btn_ob4.1.png); }
#pzm-question-field_ch #pzm-question-page1 .answer-4.active,#pzm-question-field_ch #pzm-question-page1 .answer-4:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_btn_ob4.2.png);
}
/**********pzm-question-page1**********/

/**********pzm-question-page2**********/
#pzm-question-field_ch #pzm-question-page2 .cartoon-bg{
    position: absolute;
    left:0;
    right:0;
    width: 90%;
    margin: 0 auto;
}
#pzm-question-field_ch #pzm-question-page2 .pzm-question-header{
    padding: 17px 0 50px;
}
#pzm-question-field_ch #pzm-question-page2 .pzm-question-title{
    margin: 0 auto;
    font-size: 4rem;
}
#pzm-question-field_ch #pzm-question-page2 .pzm-question-suptitle
{
    width: 30%;
    margin: 1vw auto 0;
    font-size: 2rem;
}

#pzm-question-field_ch #pzm-question-page2 .pzm-question-table{
    display: table;
    width: 100%;
}

#pzm-question-field_ch #pzm-question-page2 .pzm-question-cell{
    display: table-cell;
    vertical-align: middle;
}

#pzm-question-field_ch #pzm-question-page2 .answer-1{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q2_btn_ob1.1.png); }
#pzm-question-field_ch #pzm-question-page2 .answer-1.active,#pzm-question-field_ch #pzm-question-page2 .answer-1:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q2_btn_ob1.2.png);
}
#pzm-question-field_ch #pzm-question-page2 .answer-2{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q2_btn_ob2.1.png); }
#pzm-question-field_ch #pzm-question-page2 .answer-2.active,#pzm-question-field_ch #pzm-question-page2 .answer-2:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q2_btn_ob2.2.png);
}
#pzm-question-field_ch #pzm-question-page2 .answer-3{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q2_btn_ob3.1.png); }
#pzm-question-field_ch #pzm-question-page2 .answer-3.active,#pzm-question-field_ch #pzm-question-page2 .answer-3:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q2_btn_ob3.2.png);
}

/**********pzm-question-page2**********/

/**********pzm-question-page3**********/

#pzm-question-field_ch #pzm-question-page3 .cartoon-bg{
    position: absolute;
    left:0;
    right:0;
    width: 90%;
    margin: 0 auto;
}
#pzm-question-field_ch #pzm-question-page3 .pzm-question-header{
    padding: 16px 0 50px;
}
#pzm-question-field_ch #pzm-question-page3 .pzm-question-title{
    margin: 0 auto;
    font-size: 4rem;
}
#pzm-question-field_ch #pzm-question-page3 .pzm-question-suptitle,
#pzm-question-field_ch #pzm-question-page3 .pzm-question-suptitle-2
{
    margin: 12px auto 0;
    font-size: 2.5rem;
}

#pzm-question-field_ch #pzm-question-page3 .pzm-question-table{
    display: table;
    width: 100%;
}

#pzm-question-field_ch #pzm-question-page3 .pzm-question-cell{
    display: table-cell;
    vertical-align: middle;
}

#pzm-question-field_ch .pzm-question-answerrow{
    display: inline-block;
}

/*------------Gender-----------------*/
#pzm-question-field_ch #pzm-question-page3 .pzm-question-gender .option-male{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob1.1.png); }
#pzm-question-field_ch #pzm-question-page3 .pzm-question-gender .option-male.active,#pzm-question-field_ch #pzm-question-page3 .pzm-question-gender .option-male:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob1.2.png);
}
#pzm-question-field_ch #pzm-question-page3 .pzm-question-gender .option-female{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob2.1.png); }
#pzm-question-field_ch #pzm-question-page3 .pzm-question-gender .option-female.active,#pzm-question-field_ch #pzm-question-page3 .pzm-question-gender .option-female:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob2.2.png);
}

/*------------Male-----------------*/
#pzm-question-field_ch #pzm-question-page3 .pzm-question-male .answer-1{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob3.1.png); }
#pzm-question-field_ch #pzm-question-page3 .pzm-question-male .answer-1.active,#pzm-question-field_ch #pzm-question-page3 .pzm-question-male .answer-1:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob3.2.png);
}
#pzm-question-field_ch #pzm-question-page3 .pzm-question-male .answer-2{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob4.1.png); }
#pzm-question-field_ch #pzm-question-page3 .pzm-question-male .answer-2.active,#pzm-question-field_ch #pzm-question-page3 .pzm-question-male .answer-2:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob4.2.png);
}
#pzm-question-field_ch #pzm-question-page3 .pzm-question-male .answer-3{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob5.1.png); }
#pzm-question-field_ch #pzm-question-page3 .pzm-question-male .answer-3.active,#pzm-question-field_ch #pzm-question-page3 .pzm-question-male .answer-3:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob5.2.png);
}
/*------------Famale-----------------*/
#pzm-question-field_ch #pzm-question-page3 .pzm-question-female .answer-1{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob6.1.png); }
#pzm-question-field_ch #pzm-question-page3 .pzm-question-female .answer-1.active,#pzm-question-field_ch #pzm-question-page3 .pzm-question-female .answer-1:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob6.2.png);
}
#pzm-question-field_ch #pzm-question-page3 .pzm-question-female .answer-2{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob7.1.png); }
#pzm-question-field_ch #pzm-question-page3 .pzm-question-female .answer-2.active,#pzm-question-field_ch #pzm-question-page3 .pzm-question-female .answer-2:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob7.2.png);
}
#pzm-question-field_ch #pzm-question-page3 .pzm-question-female .answer-3{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob8.1.png); }
#pzm-question-field_ch #pzm-question-page3 .pzm-question-female .answer-3.active,#pzm-question-field_ch #pzm-question-page3 .pzm-question-female .answer-3:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_btn_ob8.2.png);
}

/**********pzm-question-page3**********/

/**********pzm-question-page4**********/

#pzm-question-field_ch #pzm-question-page4 .cartoon-bg{
    position: absolute;
    left:0;
    right:0;
    width: 90%;
    margin: 0 auto;
}
#pzm-question-field_ch #pzm-question-page4 .pzm-question-header{
    padding: 50px 0;
}
#pzm-question-field_ch #pzm-question-page4 .pzm-question-title{
    position: absolute;
    top: 10%;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 4rem;
    line-height: 4rem;
}
#pzm-question-field_ch #pzm-question-page4 .pzm-question-suptitle{
    margin: 12px auto 0;
    font-size: 2rem;
}

#pzm-question-field_ch #pzm-question-page4 .pzm-question-table{
    display: table;
    width: 100%;
}

#pzm-question-field_ch #pzm-question-page4 .pzm-question-cell{
    display: table-cell;
    vertical-align: middle;
}

#pzm-question-field_ch #pzm-question-page4 .answer-1{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q4_btn_ob1.1.png); }
#pzm-question-field_ch #pzm-question-page4 .answer-1.active,#pzm-question-field_ch #pzm-question-page4 .answer-1:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q4_btn_ob1.2.png);
}
#pzm-question-field_ch #pzm-question-page4 .answer-2{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q4_btn_ob2.1.png); }
#pzm-question-field_ch #pzm-question-page4 .answer-2.active,#pzm-question-field_ch #pzm-question-page4 .answer-2:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q4_btn_ob2.2.png);
}

/**********pzm-question-page4**********/

/**********pzm-question-page5**********/

#pzm-question-field_ch #pzm-question-page5 .cartoon-bg{
    position: absolute;
    left:0;
    right:0;
    width: 90%;
    margin: 0 auto;
}
#pzm-question-field_ch #pzm-question-page5 .pzm-question-header{
    padding: 50px 0;
}
#pzm-question-field_ch #pzm-question-page5 .pzm-question-title{
    position: absolute;
    top: 12%;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 4rem;
    line-height: 4rem;
}
#pzm-question-field_ch #pzm-question-page5 .pzm-question-suptitle{
    margin: 12px auto 0;
    font-size: 2rem;
}

#pzm-question-field_ch #pzm-question-page5 .pzm-question-table{
    display: table;
    width: 100%;
}

#pzm-question-field_ch #pzm-question-page5 .pzm-question-cell{
    display: table-cell;
    vertical-align: middle;
}

#pzm-question-field_ch #pzm-question-page5 .answer-1{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q5_btn_ob1.1.png); }
#pzm-question-field_ch #pzm-question-page5 .answer-1.active,#pzm-question-field_ch #pzm-question-page5 .answer-1:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q5_btn_ob1.2.png);
}
#pzm-question-field_ch #pzm-question-page5 .answer-2{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q5_btn_ob2.1.png); }
#pzm-question-field_ch #pzm-question-page5 .answer-2.active,#pzm-question-field_ch #pzm-question-page5 .answer-2:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q5_btn_ob2.2.png);
}

/**********pzm-question-page5**********/

/**********pzm-question-page6**********/

#pzm-question-field_ch #pzm-question-page6 .cartoon-bg{
    position: absolute;
    left:0;
    right:0;
    width: 90%;
    margin: 0 auto;
}
#pzm-question-field_ch #pzm-question-page6 .pzm-question-header{
    padding: 50px 0;
}
#pzm-question-field_ch #pzm-question-page6 .pzm-question-title{
    position: absolute;
    top: 12%;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 4rem;
    line-height: 4rem;
}
#pzm-question-field_ch #pzm-question-page6 .pzm-question-suptitle{
    margin: 12px auto 0;
    font-size: 2rem;
}

#pzm-question-field_ch #pzm-question-page6 .pzm-question-table{
    display: table;
    width: 100%;
}

#pzm-question-field_ch #pzm-question-page6 .pzm-question-cell{
    display: table-cell;
    vertical-align: middle;
}

#pzm-question-field_ch #pzm-question-page6 .answer-1{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q6_btn_ob1.1.png); }
#pzm-question-field_ch #pzm-question-page6 .answer-1.active,#pzm-question-field_ch #pzm-question-page6 .answer-1:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q6_btn_ob1.2.png);
}
#pzm-question-field_ch #pzm-question-page6 .answer-2{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q6_btn_ob2.1.png); }
#pzm-question-field_ch #pzm-question-page6 .answer-2.active,#pzm-question-field_ch #pzm-question-page6 .answer-2:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q6_btn_ob2.2.png);
}

/**********pzm-question-page6**********/

/**********pzm-question-page7**********/

#pzm-question-field_ch #pzm-question-page7 .cartoon-bg{
    position: absolute;
    left:0;
    right:0;
    width: 90%;
    margin: 0 auto;
}
#pzm-question-field_ch #pzm-question-page7 .pzm-question-header{
    padding:12px 0 50px;
}
#pzm-question-field_ch #pzm-question-page7 .pzm-question-title{
    margin: 0 auto;
    font-size: 4rem;
    line-height: 4rem;
    width: 37%;
}
#pzm-question-field_ch #pzm-question-page7 .pzm-question-suptitle{
    margin: 12px auto 0;
}
#pzm-question-field_ch #pzm-question-page7 .pzm-question-suptitle div{
    font-size:2.5rem;
}

#pzm-question-field_ch #pzm-question-page7 .pzm-question-table{
    display: table;
    width: 100%;
}

#pzm-question-field_ch #pzm-question-page7 .pzm-question-cell{
    display: table-cell;
    vertical-align: middle;
}

#pzm-question-field_ch #pzm-question-page7 .answer-1{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q7_btn_ob1.1.png); }
#pzm-question-field_ch #pzm-question-page7 .answer-1.active,#pzm-question-field_ch #pzm-question-page7 .answer-1:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q7_btn_ob1.2.png);
}
#pzm-question-field_ch #pzm-question-page7 .answer-2{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q7_btn_ob2.1.png); }
#pzm-question-field_ch #pzm-question-page7 .answer-2.active,#pzm-question-field_ch #pzm-question-page7 .answer-2:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q7_btn_ob2.2.png);
}

/**********pzm-question-page7**********/

/**********pzm-question-page8**********/

#pzm-question-field_ch #pzm-question-page8 .cartoon-bg{
    position: absolute;
    left:0;
    right:0;
    width: 90%;
    margin: 0 auto;
}
#pzm-question-field_ch #pzm-question-page8 .pzm-question-header{
    padding: 16px 0 50px;
}

#pzm-question-field_ch #pzm-question-page8 .pzm-question-title{
    margin: 0 auto;
    font-size: 4rem;
    line-height: 4rem;
}
#pzm-question-field_ch #pzm-question-page8 .pzm-question-suptitle{
    margin: 12px auto 0;
    font-size: 2.5rem;
}

#pzm-question-field_ch #pzm-question-page8 .pzm-question-table{
    display: table;
    width: 100%;
}

#pzm-question-field_ch #pzm-question-page8 .pzm-question-cell{
    display: table-cell;
    vertical-align: middle;
}


/*------------Diagnosis-----------------*/

#pzm-question-field_ch #pzm-question-page8 .pzm-question-diagnosis .option-have{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_btn_ob1.1.png); }
#pzm-question-field_ch #pzm-question-page8 .pzm-question-diagnosis .option-have.active,#pzm-question-field_ch #pzm-question-page8 .pzm-question-diagnosis .option-have:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_btn_ob1.2.png);
}
#pzm-question-field_ch #pzm-question-page8 .pzm-question-diagnosis .option-havent{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_btn_ob2.1.png); }
#pzm-question-field_ch #pzm-question-page8 .pzm-question-diagnosis .option-havent.active,#pzm-question-field_ch #pzm-question-page8 .pzm-question-diagnosis .option-havent:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_btn_ob2.2.png);
}

#pzm-question-field_ch #pzm-question-page8 .answer-1{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_btn_ob3.1.png); }
#pzm-question-field_ch #pzm-question-page8 .answer-1.active,#pzm-question-field_ch #pzm-question-page8 .answer-1:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_btn_ob3.2.png);
}
#pzm-question-field_ch #pzm-question-page8 .answer-2{ background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_btn_ob4.1.png); }
#pzm-question-field_ch #pzm-question-page8 .answer-2.active,#pzm-question-field_ch #pzm-question-page8 .answer-2:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_btn_ob4.2.png);
}

/**********pzm-question-page8**********/

#pzm-question-field_ch #pzm-question-progressbar{
    position: relative;
    margin-top: 14%;
}

#pzm-question-field_ch .pzm-question-bar{
    width: 70%;
    margin: 0 auto;
    display: block;
}

#pzm-question-field_ch .pzm-question-progressbubble{
    width: 20%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: -154%;
    left: 23%;
    background-size: contain;
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_progress_2.png);
    -webkit-animation: progressbubbleFloat 3s ease-in-out infinite;
    animation: progressbubbleFloat 3s ease-in-out infinite;
}

@-webkit-keyframes progressbubbleFloat {
    0% { -webkit-transform: translatey(0px); transform: translatey(0px); }
    50% { -webkit-transform: translatey(10px); transform: translatey(10px); }
    100% { -webkit-transform: translatey(0px); transform: translatey(0px); }
}

@keyframes progressbubbleFloat {
    0% { -webkit-transform: translatey(0px); transform: translatey(0px); }
    50% { -webkit-transform: translatey(10px); transform: translatey(10px); }
    100% { -webkit-transform: translatey(0px); transform: translatey(0px); }
}





#pzm-question-field_ch #pzm-question-progressbar.page1 .pzm-question-progressbubble{left: 23%;top: -190%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_progress_2.png);}
#pzm-question-field_ch #pzm-question-progressbar.page2 .pzm-question-progressbubble{left: 29.5%;width: 13%;height: 76%;top: -200%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q2_progress_2.png);}
#pzm-question-field_ch #pzm-question-progressbar.page3 .pzm-question-progressbubble{left: 40%;top: -201%;width: 16%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_progress_2.png);}
#pzm-question-field_ch #pzm-question-progressbar.page4 .pzm-question-progressbubble{left: 48%;top: -196%;width: 15%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q4_progress_2.png);}
#pzm-question-field_ch #pzm-question-progressbar.page5 .pzm-question-progressbubble{left: 52.5%;top: -224%;width: 22%;height: 104%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q5_progress_2.png);}
#pzm-question-field_ch #pzm-question-progressbar.page6 .pzm-question-progressbubble{top: -196%;left: 64.5%;width: 18%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q6_progress_2.png);}
#pzm-question-field_ch #pzm-question-progressbar.page7 .pzm-question-progressbubble{left: 73%;top: -207%;width: 17%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q7_progress_2.png);}
#pzm-question-field_ch #pzm-question-progressbar.page8 .pzm-question-progressbubble{left: 77%;top: -232%;width: 18%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_progress_2.png);}


#pzm-question-field_ch .pzm-question-char{
    position: absolute;
    width: 8%;
    height: 144%;
    left: 16%;
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_progress_1.png);
    background-size: contain;
    -webkit-transition: left 0.5s; /* For Safari 3.1 to 6.0 */
    -o-transition: left 0.5s;
    transition: left 0.5s;
}
#pzm-question-field_ch #pzm-question-progressbar.page1 .pzm-question-char{left: 16%;top: -121%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q1_progress_1.png);}
#pzm-question-field_ch #pzm-question-progressbar.page2 .pzm-question-char{left: 24.5%;top: -135%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q2_progress_1.png);}
#pzm-question-field_ch #pzm-question-progressbar.page3 .pzm-question-char{left: 33%;top: -131%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q3_progress_1.png);}
#pzm-question-field_ch #pzm-question-progressbar.page4 .pzm-question-char{left: 42%;top: -135%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q4_progress_1.png);}
#pzm-question-field_ch #pzm-question-progressbar.page5 .pzm-question-char{left: 50.5%;top: -134%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q5_progress_1.png);}
#pzm-question-field_ch #pzm-question-progressbar.page6 .pzm-question-char{left: 58.5%;top: -130%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q6_progress_1.png);}
#pzm-question-field_ch #pzm-question-progressbar.page7 .pzm-question-char{left: 68%;top: -132%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q7_progress_1.png);}
#pzm-question-field_ch #pzm-question-progressbar.page8 .pzm-question-char{left: 76%;top: -133%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_Q8_progress_1.png);}


#pzm-question-field_ch .pzm-question-btn{
    position: absolute;
    width: 18%;
    height: 47%;
    top: 5%;
    background-size: contain;
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_progress_bar_2.png);
    -webkit-transition: left 0.5s; /* For Safari 3.1 to 6.0 */
    -o-transition: left 0.5s;
    transition: left 0.5s;
}

#pzm-question-field_ch #pzm-question-progressbar.page1 .pzm-question-btn{left: 10.5%;}
#pzm-question-field_ch #pzm-question-progressbar.page2 .pzm-question-btn{ left: 19.5%; }
#pzm-question-field_ch #pzm-question-progressbar.page3 .pzm-question-btn{ left: 28%; }
#pzm-question-field_ch #pzm-question-progressbar.page4 .pzm-question-btn{ left: 36.5%; }
#pzm-question-field_ch #pzm-question-progressbar.page5 .pzm-question-btn{ left: 45%; }
#pzm-question-field_ch #pzm-question-progressbar.page6 .pzm-question-btn{ left: 53.5%; }
#pzm-question-field_ch #pzm-question-progressbar.page7 .pzm-question-btn{ left: 62%; }
#pzm-question-field_ch #pzm-question-progressbar.page8 .pzm-question-btn{ left: 71.5%; }



#pzm-question-field_ch .pzm-question-pCell,
#pzm-question-field_ch .pzm-question-bCell{
    width: 12%;
}

#pzm-question-field_ch .pzm-question-previous,
#pzm-question-field_ch .pzm-question-next{
    width: 40px;
    height: 40px;
    background-size: contain;
    margin: 0 auto;
    cursor: pointer;
}

#pzm-question-field_ch .pzm-question-previous{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_btn_previous.png);
    /*animation: previousFloat 3s ease-in-out infinite;*/
}

#pzm-question-field_ch .pzm-question-next{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_btn_next.png);
    /*animation: nextFloat 3s ease-in-out infinite;*/
}

/*@keyframes previousFloat {
    0% { transform: translatex(0px); }
    50% { transform: translatex(5px); }
    100% { transform: translatex(0px); }
}

@keyframes nextFloat {
    0% { transform: translatex(0px); }
    50% { transform: translatex(-5px); }
    100% { transform: translatex(0px); }
}*/

#pzm-question-field_ch .pzm-question-next.shake{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_btn_next.png);
    -webkit-animation: nextShake 0.2s ease-in-out infinite;
    animation: nextShake 0.2s ease-in-out infinite;
}

@-webkit-keyframes nextShake {
    0% { -webkit-transform: translatex(0px); transform: translatex(0px); }
    50% { -webkit-transform: translatex(-10px); transform: translatex(-10px); }
    100% { -webkit-transform: translatex(0px); transform: translatex(0px); }
}

@keyframes nextShake {
    0% { -webkit-transform: translatex(0px); transform: translatex(0px); }
    50% { -webkit-transform: translatex(-10px); transform: translatex(-10px); }
    100% { -webkit-transform: translatex(0px); transform: translatex(0px); }
}


#pzm-question-field_ch div[class|='answer'],
#pzm-question-field_ch div[class|='option']{
    width: 160px;
    height: 160px;
    display: inline-block;
    background-size: contain;
    cursor: pointer;
    margin: 10px 8px;
}

#pzm-question-field_ch div[class|='pzm-popupMessage']{
    display: none;
    z-index: 10;
    width: 100%;
    height: 100%; 
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

#pzm-question-field_ch .pzm-table{
    display: inline-table;
    width: 100%;
    height: 100%;
}

#pzm-question-field_ch .pzm-table-2{
    width: 80%;
    height: auto;
    max-height: 80%;
    position: relative;
    background-color: #db7530;
    display: inline-table;
    border-radius: 14px;
}

#pzm-question-field_ch .pzm-popup-container{
    display: table-cell;
    vertical-align: middle;
}

#pzm-question-field_ch .pzm-popup-cell{
    display: table-cell;
    vertical-align: middle;
    padding: 40px 50px 36px;
}

#pzm-question-field_ch .pzm-popup-header{
    font-size: 3rem;
    color:#fff;
}

#pzm-question-field_ch .pzm-popup-content{
    color: #fff9f0;
    font-size: 2rem;
    margin-top: 28px;
    padding: 2px 0;
    overflow-y: hidden;
    line-height: 2rem;
}

#pzm-question-field_ch .pzm-popupMessage-index .pzm-popup-name,
#pzm-question-field_ch .pzm-popupMessage-index .pzm-popup-tnc,
#pzm-question-field_ch .pzm-popupMessage-selectAnswer .pzm-popup-selectAnswer
{
    font-size: 3rem;
    line-height: 4rem;
    color:#fff;
}

#pzm-question-field_ch .pzm-popupMessage-2 .pzm-popup-content{
    text-align: left;
}

#pzm-question-field_ch .pzm-popup-content span{
    color: #fce574;
    font-size: 2rem;
    margin-top: 0vw;
}

#pzm-question-field_ch .pzm-popup-close{
    width:30px;
    height:30px;
    position: absolute;
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_btn_close.png);
    background-size: contain;
    top: 5%;
    right: 2%;
    cursor: pointer;
}

#pzm-question-field_ch #pzm-question-result{
}

#pzm-question-field_ch #pzm-question-result canvas.pzm-desktop{
    width:100%;
    margin-bottom: 10%;
}

#pzm-question-field_ch #pzm-question-result .pzm-question-end.pzm-desktop{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_btn_save1.png);
    background-size: contain;
    position: fixed;
    left: 70vw;
    top: 290px;
    margin: 0 auto;
    width: 220px;
    height: 140px;
    cursor: pointer;
    -webkit-animation: progressbubbleFloat 3s ease-in-out infinite;
    animation: progressbubbleFloat 3s ease-in-out infinite;
    z-index: 100;
}
#pzm-question-field_ch #pzm-question-result .pzm-question-reminder{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_result_reminder_2.png);
    background-size: contain;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 47vw;
    height: 75px;
    bottom: 16%;
    position: absolute;
}

#pzm-question-field_ch #pzm-question-result .pzm-question-reminder.pzm-high{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_result_reminder_1.png);
    height: 11%;
    bottom: 14%;
}

#pzm-question-field_ch #pzm-question-result .pzm-result-tnc{
    position: absolute;
    top: 68%;
    left: 52%;
    width: 12%;
    height: 5%;
}

#pzm-question-field_ch #pzm-question-result .pzm-question-end.pzm-desktop:hover{
    background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/desktop/img_btn_save2.png);
}



@font-face {
    font-family: font_ch;
    src: url(/content/dam/sunlife/legacy/assets/hk/Life Moments/Staying Healthy/Diabetes Alert/font_ch.ttf)  format('truetype'),
        url(/content/dam/sunlife/legacy/assets/hk/Life Moments/Staying Healthy/Diabetes Alert/font_ch.eot?#iefix) format('embedded-opentype');

}

#pzm-question-field_ch .pzm-bmi-margin{
    margin:0 2px;
    font-size: 3rem;
}

.pzm-cta{
    color: #3e3e3e;
    font-weight: bolder;
}

#pzm-question-field_ch .pzm-cta .pzm-upperArrow{
    font-size: 2rem;
}

.pzm-cta .pzm-reference{
    font-size: 1.5rem;
}

.pzm-cta .pzm-ul{
    list-style: disc !important;
    padding-left: 14px !important;
    font-family: 'agenda';
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #424242;
}

.pzm-cta .pzm-li{
    color: #424242;
    font-weight: normal !important;
}

.pzm-cta a{
    font-size: 1.6rem;
}

.pzm-cta .pzm-question-table{
    display: table;
    width: 100%;
}

.pzm-cta .pzm-question-cell {
    display: table-cell;
    vertical-align: middle;
}

.pzm-cta .pzm-question-cell.pzm-content{
    padding-left: 8px;
}

@media only screen and (min-width: 640px) {
    .pzm-mobile{
        display:none !important;
    }
}

@media only screen and (max-width: 640px) {
    .pzm-desktop{
        display:none !important;
    }

    #pzm-question-field_ch .pzm-bmi-margin{
        font-size: 6vw;
    }

    .pzm-slogan-container .pzm-brand{
        display: block;
        text-align: center;
        margin-bottom: 24px;
        width: 100%;
        margin-top: -30px;
    }

    .pzm-slogan-container .pzm-slogan{
        display: block; 
        margin: 0 15px;
        text-align: center;
    }

    .pzm-slogan-container .pzm-brand p{
        margin: 6px 0 0 2vw;
        display: inline-block;
    }

    #pzm-question-field_ch{
        margin-bottom: 12%;
        padding: 2% 0 4%;
    }

    #pzm-question-field_ch p, #pzm-question-field_ch div, #pzm-question-field_ch span, #pzm-question-field_ch a{
        font-size: 4vw;
    }

    #pzm-question-index .pzm-question-tnc-text{
        font-size: 1.4rem;
        vertical-align: baseline;
        width: 95%;
        text-align: left;
    }
    #pzm-question-index .pzm-question-tnc-text a{
        font-size: 1.4rem;
    }

    #pzm-question-field_ch .pzm-question-row.pzm-mobile{
        margin: 8% 14%;
    }

    .pzm-slogan-container  .pzm-slogan{
        display: block;
        padding: 0 15px;
    }

    .pzm-slogan-container  .pzm-brand{
        display: block;
        text-align: center;
        margin-bottom: 24px;
    }

    .pzm-slogan-container .pzm-tableContainer {
        border-left: none;
    }

    /************* Index **************/
    #pzm-question-field_ch #pzm-question-index .cartoon-bg{
        width: 70%;
        max-width: none;
        margin-left: -16vw;
    }


    #pzm-question-field_ch #pzm-question-index .pzm-question-row.pzm-mobile.pzm-question-intro p{
        line-height: 8vw;
        font-size: 4.5vw;
    }

    #pzm-question-field_ch #pzm-question-index .pzm-question-name{
        margin-bottom: 2%;
        font-size: 5.5vw;
    }

    #pzm-question-field_ch #pzm-question-index .pzm-question-inputname{
        width:70%;
        max-width: 300px;
        font-size: 1.8rem;
    }

    #pzm-question-field_ch #pzm-question-index .pzm-question-start{
        /*margin-top: 10%;*/
        width: 67vw;
        height: 24vw;
    }

    #pzm-question-field_ch #pzm-question-index .pzm-question-table{
        width:65%;
    }
    /************* Index **************/


    #pzm-question-field_ch .pzm-question-suptitle, #pzm-question-field_ch .pzm-question-suptitle-2 {
        line-height: 2vw;
        font-size: 2vw;
    }
    #pzm-question-field_ch .pzm-question-previous, #pzm-question-field_ch .pzm-question-next {
        width: 30px;
        height: 30px;
    }

    #pzm-question-field_ch .pzm-question-row{
        margin: 6% 0;
    }

    #pzm-question-field_ch .pzm-question-answergroup .pzm-question-answerrow{
        white-space: nowrap;
        /* width: 100%; */
    }

    #pzm-question-field_ch div[class|='answer'], #pzm-question-field_ch div[class|='option']{
        width: 28vw;
        height: 28vw;
        margin: 1vw 1vw;
    }

    .pzm-question-suptitle{
        line-height: 2.5rem;
    }

    /************* Page1 **************/
    #pzm-question-field_ch #pzm-question-page1 .cartoon-bg{
        width:95%;
    }
    #pzm-question-field_ch #pzm-question-page1 .pzm-question-header{
        padding: 12vw 0 14vw;
    }

    #pzm-question-field_ch #pzm-question-page1 .pzm-question-title {
        top: 46%;
        font-size: 2.5rem;
    }
    /*#pzm-question-field_ch .pzm-question-answergroup*/
    #pzm-question-field_ch .pzm-question-innercontainer{
        display:inline-block;
        width: 81%;
        /* white-space: nowrap; */
        /* overflow-x: auto; */
        text-align: left;
        vertical-align: middle;
    }

    /************* Page1 **************/

    /************* Page2 **************/
    #pzm-question-field_ch #pzm-question-page2 .cartoon-bg{
        width: 95%;
    }

    #pzm-question-field_ch #pzm-question-page2 .pzm-question-header{
        padding: 6vw 0 6vw;
    }

    #pzm-question-field_ch #pzm-question-page2 .pzm-question-title {
        width: 60%;
        font-size: 6vw;
    }

    #pzm-question-field_ch #pzm-question-page2 .pzm-question-suptitle
    {
        width: 53%;
        margin: 1vw auto 0;
        font-size: 2rem;
    }

    #pzm-question-field_ch #pzm-question-page2 .pzm-question-suptitle div{
        font-size: 3.5vw;
        line-height: 6vw;
    }

    #pzm-question-field_ch .pzm-popupMessage-2 .pzm-popup-content{
        text-align: left;
        height: 100%;
        max-height: 95vw;
    }

    /************* Page2 **************/

    /************* Page3 **************/
    #pzm-question-field_ch #pzm-question-page3 .cartoon-bg{
        width: 95%;
    }
    #pzm-question-field_ch #pzm-question-page3 .pzm-question-header{
        padding: 6vw 0 6vw;
    }
    #pzm-question-field_ch #pzm-question-page3 .pzm-question-title{
        font-size: 6vw;
        margin: -6px auto 0;
    }
    #pzm-question-field_ch #pzm-question-page3 .pzm-question-suptitle,
    #pzm-question-field_ch #pzm-question-page3 .pzm-question-suptitle-2 {
        font-size: 4vw;
        margin: 4vw auto 0;
    }
    /************* Page3 **************/

    /************* Page4 **************/
    #pzm-question-field_ch #pzm-question-page4 .cartoon-bg{
        width: 95%;
    }
    #pzm-question-field_ch #pzm-question-page4 .pzm-question-header{
        padding: 6vw 0 27vw;
    }
    #pzm-question-field_ch #pzm-question-page4 .pzm-question-title{
        font-size: 6vw;
        line-height: 8vw;
    }
    #pzm-question-field_ch #pzm-question-page4 .pzm-question-suptitle {
        top: 60%;
        font-size: 0.4rem;
    }
    /************* Page4 **************/

    /************* Page5 **************/
    #pzm-question-field_ch #pzm-question-page5 .cartoon-bg{
        width: 95%;
    }
    #pzm-question-field_ch #pzm-question-page5 .pzm-question-header{
        padding: 14%;
    }
    #pzm-question-field_ch #pzm-question-page5 .pzm-question-title{
        font-size: 6vw;
        line-height: 8vw;
    }
    #pzm-question-field_ch #pzm-question-page5 .pzm-question-suptitle {
        top: 60%;
        font-size: 0.4rem;
    }
    /************* Page5 **************/

    /************* Page6 **************/
    #pzm-question-field_ch #pzm-question-page6 .pzm-question-header{
        padding: 6vw 0 30vw;
    }
    #pzm-question-field_ch #pzm-question-page6 .cartoon-bg{
        width: 95%;
    }
    #pzm-question-field_ch #pzm-question-page5 .pzm-question-header{
        padding: 6vw 0 22vw;
    }
    #pzm-question-field_ch #pzm-question-page6 .pzm-question-title{
        font-size: 6vw;
        line-height: 8vw;
    }
    #pzm-question-field_ch #pzm-question-page6 .pzm-question-suptitle {
        top: 60%;
        font-size: 0.4rem;
    }
    /************* Page6 **************/

    /************* Page7 **************/
    #pzm-question-field_ch #pzm-question-page7 .cartoon-bg{
        width: 95%;
    }
    #pzm-question-field_ch #pzm-question-page7 .pzm-question-header{
        padding: 6vw 0 6vw;
    }
    #pzm-question-field_ch #pzm-question-page7 .pzm-question-title{
        font-size: 6vw;
        line-height: 8vw;
        width: 46%;
    }
    #pzm-question-field_ch #pzm-question-page7 .pzm-question-suptitle {
        font-size: 3vw;
        margin: 7px auto 0;
        width: 50%;
        line-height: 6vw;
    }
    #pzm-question-field_ch #pzm-question-page7 .pzm-question-suptitle div{
        font-size: 4vw;
    }
    /************* Page7 **************/

    /************* Page8 **************/
    #pzm-question-field_ch #pzm-question-page8 .cartoon-bg{
        width: 95%;
    }
    #pzm-question-field_ch #pzm-question-page8 .pzm-question-header{
        padding: 6vw 0 8vw;
    }
    #pzm-question-field_ch #pzm-question-page8 .pzm-question-title{
        font-size: 6vw;
        line-height: 8vw;
        width: 60%;
    }
    #pzm-question-field_ch #pzm-question-page8 .pzm-question-suptitle {
        font-size: 4vw;
    }
    /************* Page8 **************/



    #pzm-question-field_ch #pzm-question-progressbar{
        margin-top: 34%;
    }

    #pzm-question-field_ch .pzm-question-btn{
        height: 44%;
        top: 0%;
        background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_progress_bar_2.png);
    }

    #pzm-question-progressbar {

    }

    #pzm-question-progressbar .pzm-question-bar {
        width: 88%;
        margin-bottom: 12%;
    }

    #pzm-question-progressbar .pzm-question-progressbubble{

    }

    #pzm-question-field_ch #pzm-question-progressbar.page1 .pzm-question-progressbubble{ left: 22%;width: 30%; background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q1_progress_2.png); }
    #pzm-question-field_ch #pzm-question-progressbar.page2 .pzm-question-progressbubble{left: 29.5%;width: 30%;height: 76%;top: -200%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q2_progress_2.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page3 .pzm-question-progressbubble{left: 41%;top: -178%;width: 28%;height: 110%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q3_progress_2.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page4 .pzm-question-progressbubble{left: 52%;top: -171%;width: 25%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q4_progress_2.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page5 .pzm-question-progressbubble{left: 17.5%;width: 32%;top: -182%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q5_progress_2.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page6 .pzm-question-progressbubble{top: -191%;left: 37.5%;width: 26%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q6_progress_2.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page7 .pzm-question-progressbubble{left: 42%;top: -158%;width: 26%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q7_progress_2.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page8 .pzm-question-progressbubble{left: 45%;top: -184%;width: 38%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q8_progress_2.png);}


    #pzm-question-progressbar .pzm-question-char{
        width: 18%;
    }

    #pzm-question-field_ch #pzm-question-progressbar.page1 .pzm-question-char{left: 7%;top: -122%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q1_progress_1.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page2 .pzm-question-char{left: 14.5%;top: -144%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q2_progress_1.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page3 .pzm-question-char{left: 25%;top: -138%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q3_progress_1.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page4 .pzm-question-char{left: 37%;top: -142%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q4_progress_1.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page5 .pzm-question-char{left: 46.5%;top: -139%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q5_progress_1.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page6 .pzm-question-char{left: 58.5%;top: -136%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q6_progress_1.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page7 .pzm-question-char{left: 68%;top: -132%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q7_progress_1.png);}
    #pzm-question-field_ch #pzm-question-progressbar.page8 .pzm-question-char{left: 80%;top: -139%;background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_Q8_progress_1.png);}


    #pzm-question-progressbar .pzm-question-btn{

    }

    #pzm-question-field_ch #pzm-question-progressbar.page1 .pzm-question-btn{ left: 3%; }
    #pzm-question-field_ch #pzm-question-progressbar.page2 .pzm-question-btn{ left: 14%; }
    #pzm-question-field_ch #pzm-question-progressbar.page3 .pzm-question-btn{ left: 25%; }
    #pzm-question-field_ch #pzm-question-progressbar.page4 .pzm-question-btn{ left: 35%; }
    #pzm-question-field_ch #pzm-question-progressbar.page5 .pzm-question-btn{ left: 46%; }
    #pzm-question-field_ch #pzm-question-progressbar.page6 .pzm-question-btn{ left: 57%; }
    #pzm-question-field_ch #pzm-question-progressbar.page7 .pzm-question-btn{ left: 68%; }
    #pzm-question-field_ch #pzm-question-progressbar.page8 .pzm-question-btn{ left: 79%; }

    #pzm-question-field_ch div[class|='pzm-popupMessage']{
    }

    #pzm-question-field_ch .pzm-popup-container{
    }

    #pzm-question-field_ch .pzm-popup-cell{
        padding: 10vw 8vw 8vw;
    }

    #pzm-question-field_ch .pzm-popup-header{
        font-size: 6vw;
        line-height: 7vw;
        color:#fff;
    }

    #pzm-question-field_ch .pzm-popup-content{
        font-size: 4.5vw;
        overflow-y: auto;
        line-height: 5vw;
    }

    #pzm-question-field_ch .pzm-popup-content span{
        color: #fce574;
        font-size: 4.5vw;
    }

    #pzm-question-field_ch .pzm-popup-close{
        width:25px;
        height:25px;
        top: 8px;
        right: 8px;
        cursor: pointer;
    }

    #pzm-question-field_ch #pzm-question-result canvas.pzm-mobile{
        width:100%;
        margin-bottom: 35%;
    }

    #pzm-question-field_ch #pzm-question-result .pzm-question-reminder{
        background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_result_reminder2.png);
       width: 83vw;
        height: 16vw;
        /*bottom: 45vw;*/
        bottom: 18vw;
    }

    #pzm-question-field_ch #pzm-question-result .pzm-question-reminder.pzm-high{
        background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_result_reminder1.png);
        height: 40vw;
        bottom: -3%;
    }

    #pzm-question-field_ch #pzm-question-result .pzm-question-end.pzm-mobile{
        background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_btn_form1.png);
        background-size: contain;
        position: fixed;
        top: 270px;
        left: initial;
        width: 42vw;
        right: -11px;
        margin: 0 auto;
        height: 26vw;
        z-index: 100;
        -webkit-animation: progressbubbleFloat 3s ease-in-out infinite;
        animation: progressbubbleFloat 3s ease-in-out infinite;
    }

    #pzm-question-field_ch #pzm-question-result .pzm-question-end.pzm-mobile:hover{
        background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_btn_form1.png);
    }

    #pzm-question-field_ch #pzm-question-result #pzm-question-result{
        -webkit-touch-callout: auto !important;  
        -webkit-user-select: auto !important; 
        -moz-user-select: auto !important; 
        -ms-user-select: auto !important; 
        user-select: auto !important; 
    }
    #pzm-question-field_ch #pzm-question-result .pzm-mobile.pzm-resultimg{
        width: 100%;
        margin-bottom: 16vw;
        -webkit-touch-callout: auto !important;
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        -ms-user-select: auto !important;
        user-select: auto !important;
    }

    #pzm-question-field_ch #pzm-question-result .pzm-result-tnc{
        top: 150vw !important;
        left: 55vw !important;
        width: 21vw !important;
        height: 10vw !important;
    }

    .pzm-cta{
        padding-left: 15px;;
        padding-right: 15px;
    }

    .pzm-cta .pzm-reference{

    }
    #pzm-question-field_ch #pzm-question-index .pzm-question-tnc-checkbox{
        margin-top: -1.5vw;
        width: 12vw;
        height: 12vw;
    }
    
    #pzm-question-field_ch #pzm-question-result .pzm-question-end.pzm-mobile.hover,
    #pzm-question-field_ch #pzm-question-result .pzm-question-end.pzm-mobile.active
    {
        background-image: url(/content/dam/sunlife/legacy/assets/hk/Life%20Moments/Staying%20Healthy/Diabetes%20Alert/images/mobile/img_btn_form2.png);
    }

}

@media only screen and (max-width: 1024px) and (min-width: 768px){
    .pzm-cta,.pzm-slogan-container{
        padding-left: 15px;;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 640px) {
    #pzm-question-field_ch #pzm-question-index .pzm-question-tnc-checkbox{
        margin-top: 0.1vw;
    }
}

@media only screen and (max-width: 767px){
    .pzm-slogan-container .pzm-brand{
        display: block;
        text-align: center;
        margin-bottom: 8px;
        width: 100%;
        margin-top: -30px;
    }
    
    .pzm-container{
        margin-top: 10px;
    }

    .pzm-slogan-container .pzm-slogan{
        display: block; 
        margin: 0 15px;
        text-align: center;
    }
}

@media (hover: none) {
    a:hover { color: inherit; }
}