body {
    /*width:100%;*/

}
label{    font-weight:normal;}
@font-face { font-family: dincondensedbold; src: url('../fonts/DIN Condensed Bold.otf'); }
@font-face { font-family: myriadproregular; src: url(../fonts/MyriadPro-Regular.otf); }
@font-face { font-family: myriadproitalic; src: url(../fonts/myriadpro-italic.otf); }
@font-face { font-family: myriadprosemibold; src: url(../fonts/MyriadPro-Semibold.otf); }
@font-face { font-family: discipulibritannica; src: url('../fonts/Discipuli Britannica.ttf'); }
@font-face { font-family: discipulibritannicabold; src: url('../fonts/Discipuli Britannica Bold.ttf'); }

.fontDINCondensedBold
{
    font-family:dincondensedbold!important;
    font-weight:bold!important;
}

.fontMyraidProBold{
    font-family:'Myriad Pro'!important;
    font-weight:bold!important;
}

.fontMyraidProRegular
{
    font-family:myriadproregular!important;
}
.fontMyraidProSemiBold
{
    font-family:myriadprosemibold!important;
}
.fontMyraidProItalic
{
    font-family:myriadproitalic!important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    
    -webkit-appearance: none;
    margin: 0; 
}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 20px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
    /*::-webkit-scrollbar {
    width: 0px;
    background: transparent;*/ /* make scrollbar transparent 
}

                               */
.czmobileviewpageheaderdiv
{
    margin-top:25px;right:20%;position:absolute;
}
.czmobileviewpageheaderback
{
    text-align:center;height:50px;width:120px;background:url('../img/shihlintheme.jpg');
}
.czmobileviewpageheader{
    font-size:15px;color:#830304;vertical-align:middle;line-height:60px; border-bottom: solid 1px ; display: inline;
      padding-bottom: 3px;
}
.czdesktopviewpageheaderdivreg
{
    margin-left:55%
}
.czdesktopviewpageheaderdiv
{
    margin-left:80%;margin-right:20%;
}
.czdesktopviewpageheaderback
{
    text-align:center;height:100px;width:150px;background:url('../img/shihlintheme.jpg');
}
.czdesktopviewpageheader{
     font-size:18.8px;color:#830304;vertical-align:middle;line-height:160px; border-bottom: solid 1px ;
      display: inline;
      padding-bottom: 3px;
}
.cznavigatespan{
    margin-left:10px;
}

.czsigninregdiv{
    /*background: url('../img/shihlintheme.jpg') repeat;*/
    position:initial;z-index:1!important;text-align:right;
     text-shadow:none!important;
}
.czsigninregdiv1{
    background: url('../img/shihlintheme.jpg') repeat;
    position:initial;z-index:1!important;text-align:right;
     text-shadow:none!important;

}
.czsigninreg{
    float:right;
    text-shadow:none!important;
    right: 0!important;color:#eb9d21!important;font-size: 12px!important;position:initial;z-index:1!important;vertical-align:central!important;text-align:center!important;
}
.czFieldMargin{
    margin-top:2px;
    margin-bottom:-1px;
}

.czshihlinbackcolor2{
    /*font-family:'Myriad Pro';
    font-weight:bold;
    background-color:#eb9d21!important;*/

    z-index:3;
    margin-top:0px;
}
.cztableheader
{
    border-bottom:2px solid black!important;
    text-align:center;
    width:150px;
}

.cztableitem
{
    text-align:center;
    width:150px;
}

.czfirstname
{
    font-size: 18px; font-family:Verdana, Geneva, sans-serif;
}
/* Member Portal Menu Navigations */
ul.menu-panel { font-family: myriad; position: relative; background: #fff; width: 220px; padding: 0; list-style: none; overflow: hidden; }
.menu-panel li:first-child a:hover, .menu-panel li:first-child a { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.menu-panel li div.member-name { background: url('../img/shihlintheme.jpg') no-repeat; width: 220px; padding-left: 0px; height: 40px; line-height: 45px; display: block; overflow: hidden; position: relative;text-align:center; text-decoration: none; font-size: 14px; color: #686868; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.menu-panel li a.profile { border-left: 1px dashed #E99D3B; border-right: 1px dashed #E99D3B; padding-left: 0px; height: 30px; line-height: 30px; display: block; overflow: hidden; position: relative; text-decoration: none; font-size: 13px; color: #830304; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.menu-panel > li:hover { background-color: #E99D3B; }
.menu-panel li a.cards { border-left: 1px dashed #E99D3B; border-right: 1px dashed #E99D3B; padding-top:5px; padding-left: 10px; height: 40px; line-height: 30px; display: block; overflow: hidden; position: relative; text-decoration: none; font-weight:bold; font-size: 16px; color: #830304; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.menu-panel li a.card-rewards { border-left: 1px dashed #E99D3B; border-right: 1px dashed #E99D3B; padding-left: 10px; height: 30px; line-height: 30px; display: block; overflow: hidden; position: relative; text-decoration: none; font-size: 13px; color: #830304; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.menu-panel li a.card-summary { border-left: 1px dashed #E99D3B; border-right: 1px dashed #E99D3B; padding-left: 10px; height: 30px; line-height: 30px; display: block; overflow: hidden; position: relative; text-decoration: none; font-size: 13px; color: #830304; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.menu-panel li a.password { border-left: 1px dashed #E99D3B; border-right: 1px dashed #E99D3B; padding-left: 12px; height: 30px; line-height: 30px; display: block; overflow: hidden; position: relative; text-decoration: none; font-size: 13px; color: #830304; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.menu-panel li a.email-address { border-left: 1px dashed #E99D3B; border-right: 1px dashed #E99D3B; padding-left: 12px; height: 30px; line-height: 30px; display: block; overflow: hidden; position: relative; text-decoration: none; font-size: 13px; color: #830304; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.menu-panel li a.logout { border-left: 1px dashed #E99D3B; border-right: 1px dashed #E99D3B; padding-left: 12px; height: 30px; line-height: 30px; display: block; overflow: hidden; position: relative; text-decoration: none; font-size: 13px; color: #830304; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.menu-panel i { margin-right: 15px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

/* Card Rewards Tab (My Vouchers | My Redemptions) */
/*.tab-wrapper { margin: -50px 0 0 -50px; padding: 35px 0; width: 850px; }*/
ul.rewards-tab { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
ul.rewards-tab li { border-top-left-radius: 8px; border-top-right-radius: 8px; float: left; height: 25px; line-height: 25px; overflow: hidden; padding: 0; position: relative; }
ul.rewards-tab > li.active, ul.rewards-tab > li#vouchers.active, ul.rewards-tab > li#redemptions.active { background: #E99D3B; border: 1px solid #E99D3B; }
ul.rewards-tab > li.inactive, ul.rewards-tab > li#vouchers.inactive, ul.rewards-tab > li#redemptions.inactive { background-color: transparent; border-left: 1px dotted #E99D3B; border-right: 1px dotted #E99D3B; border-top: 1px dotted #E99D3B; }
ul.rewards-tab li a { border-top-left-radius: 8px; border-top-right-radius: 8px; color: #000; font-size: 16px; padding: 0 50px; text-decoration: none; }
.panel-rewards { background: #fff; border-bottom: 5px solid #E99D3B; border-left: 1px dotted #E99D3B; border-radius: 8px; border-right: 1px dotted #E99D3B; border-top: 5px solid #E99D3B; border-top-left-radius: 8px; clear: both; float: left; height: 420px; overflow: hidden; width: 100%; }
.rewards-content { font-size: 1.2em; padding: 20px; }
.voucher-button { padding-top: 15px; text-align: center; width: 200px; }
.button-available { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #830304; border-radius: 5px; color: #830304 !important; cursor: pointer; display: inline-block; font-family: myriad; font-size: 12px; font-weight: bold; margin: 0 2px; outline: none; padding: .4em 3.5em .42em; text-decoration: none; text-align: center; vertical-align: baseline; zoom: 1; }
.button-expiry { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #808080; border: solid 1px #808080; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: myriad; font-size: 12px; font-weight: bold; margin: 0 2px; outline: none; padding: .4em 3.5em .42em; text-align: center; text-decoration: none; vertical-align: baseline; zoom: 1; }
.redeem-date { color: #830304; font-family: myriad; font-size: 12px; padding-top: 15px !important; text-align: center; text-transform: none; width: 200px; }

/* Desktop Card Designs Panel */
.panel-card-designs { margin-top: 50px; margin-left: 20px; font-family: myriad; text-transform: uppercase; font-weight: bold; position: absolute; width: 250px; }

/* Mobile Card Designs */
#card-designs { border-bottom: 1px dashed #E99D3B; border-left: 1px dashed #E99D3B; border-radius: 20px; border-right: 1px solid #E99D3B; border-top: 1px dashed #E99D3B; box-shadow: 5px -5px 0px 5px #830304; position: absolute; top: 40px; width: 373px; height: 400px; background: #fff; border-radius: 8px; border-top-left-radius: 8px; padding-top: 20px; }


/* Mobile Card Rewards Tab (My Vouchers | My Redemptions) */
#grid-vouchers, #list-redemptions { border-top: 5px solid #E99D3B; border-left: 1px dotted #E99D3B; border-right: 1px dotted #E99D3B; border-bottom: 5px solid #E99D3B; position: absolute; top: 40px; width: 373px; height: 400px; background: #fff; border-radius: 8px; border-top-left-radius: 8px; padding-top: 20px; }


/* Card Rewards Tab (My Redemptions) */
.redeem-scrollbar { float: left; height: 300px; /*margin-top: 50px;*/ overflow-x: hidden; width: 800px; }
#redemptions::-webkit-scrollbar { background-color: #F5F5F5; border-radius: 20px; width: 12px; }
#redemptions::-webkit-scrollbar-thumb { background-color: #FFF8DC; border-radius: 20px; }
#redemptions::-webkit-scrollbar-track { background-color: #FFE5B4; border-radius: 20px; }
.redeem-details-list { height: 150px; margin: -30px 15px 30px 15px; padding: 10px; width: 750px; }
.redeem-details-list img:first-child { float: left; width: 190px; }
.redeem-image { border-radius: 20px; height: 140px; padding-bottom: 10px; width: 140px !important; }
.redeem-details-list h3 a { color: #830304; cursor: text; float: left; font-family: myriad; font-size: 16px; font-weight: bold; margin: -20px 30px; text-decoration: none; width: 320px; }
.redeem-details-list p.redeem-description { color: #830304; float: left; font-family: myriad; font-size: 13px; margin: 15px 30px 0px 30px; width: 360px; }
.redeem-details-list p.redeem-terms { color: #FFD700; float: left; font-family: myriad; font-size: 13px; margin: 15px 30px 0px 30px; width: 360px; }
.redeem-details-list .redemption-banner { float: right; height: auto; width: 95px; }
.redeem-details-list .redemption-date { color: #830304; display: block; font-family: myriad; font-size: 14px; font-weight: bold; margin: 20px 40px 7px 0px; }
.redeem-divider { border-bottom: 1px dashed #E99D3B; float: right; padding-right: 722px; }

/* Card Details Information */
.card-name { width: 280px; margin-left: 500px; margin-top: -150px; font-family: myriad; color: #830304; font-weight: bold; font-size: 16px; text-transform: uppercase; left: 450px; top: 100px; position: absolute; visibility: inherit; }
.card-description { font-family: myriad; width: 35%; font-size: 14px; line-height: 18px; top: 140px; left: 500px; color: #830304; position: absolute;  }


/* Footer Panel */
.footer-container { z-index: 2; background-color: #830304; border-top: 4px solid #E99D3B; bottom: 0; height: 40px!important; left: 0; padding: 1rem; position: fixed; right: 0; text-align: center; }
.footer-welcome { float: left; margin-top: -20px; height: 50px; line-height: 60px; letter-spacing: 4px; font-size: 25pt; color: #FFFFFF; font-family:discipulibritannica; font-weight:bold; /*background:url('../img/PrepaidCard-HeaderLine2.jpg')*/ }
.privacy-panel { float: right; }
ul.nav-privacy { list-style: none; height: 14px; margin-top: -0.2rem; margin-right: 8rem; }
a#privacy-terms.link, a#terms-of-use.link { font-size: 15px; }
.terms { margin-top: -24px; margin-right: -250px; }
div.bottom-line { width: 2px; background-color: #E99D3B; float: left; height: 10px; margin: -17px 0 0 130px; }
.cziconlineheight30{
    line-height:30px;
}
.czfacebook {
    background: url(../img/FB.png) no-repeat;
    font-size:24px;
    width:22px;
    height:22px;
    text-decoration:none;
    line-height:20px;
    vertical-align:bottom;
}
.czfacebook a:hover
{

}
.czyoutube {
    background: url(../img/YoutubeIcon.png) no-repeat;
    font-size:24px;
    width:22px;
    height:22px;
    text-decoration:none;
    line-height:20px;
    vertical-align:bottom;

}
.czyoutube a:hover
{

}
.czinstagram {
    background: url(../img/Insta.png) no-repeat;
    font-size:24px;
    width:22px;
    height:22px;
    text-decoration:none;
    line-height:20px;
    vertical-align:bottom;

}
.czinstagram a:hover
{

}
.czheaderlinks{
    color:white; 
    font-family: myriad; 
    font-size: 12px; 
    font-weight: bold;
}

.czch {
   
    color:white; font-family: dincondensedbold; font-size: 20px; font-weight: bold;
}

.czen {
    color: #eb9d21!important;
  font-family:dincondensedbold; font-size:49px; font-weight:bold;
}

.czch a:hover {
    color: #eb9d21!important;
    text-decoration: none;


}

.czen a:hover {
    color: #eb9d21!important;
    text-decoration: none;
}



.czlink{
    color:white; font-family:dincondensedbold; font-size: 15px; font-weight: bold;
}
.czlink:hover{
    color:#FCAF17;
}

.czleftlink{
    color:white; font-family: myriad; font-size: 12px; font-weight: bold;
    
}


.czrowmargin{
    /*margin-top:50px!important;*/
}
.czleftlink:hover{
    background-color:yellow;
}


.labelcardpin
{
    font-family:myriadproregular;
  position:absolute;
   font-size:12px; 
    border:solid;border-color:black; border-radius: 5px;
    width:160px; height:80px;
    text-align:center;
    vertical-align:middle;
    background-color:#FCFCFA;
    /*background-color:#fff6e5*/
    z-index:1000;
}
.logo{
     background: url(../img/shihlinlogo.png) top left no-repeat;
    height: 112px;
    width: 295px;
    text-indent: -9999px;
    position: absolute;
    top: 20px;
    left: 20px;
}
.czdesktopview{
    display:normal;
}

.czmobileview { 
    display:none;
}
.czmobileviewnormal { 
    display:none;
}
.shihlincolor
{
    /*background-image: url("../Images/CardHome-BtmBarBg.jpg");
    background-repeat:repeat-x;*/
    background:#830304!important;
    color: #eb9d21!important;
}

.normalfontweight{
    font-weight:normal;
}
.tablerownoborder td{
 border-top:none!important; 
}
.tablerownoborder td label{
   text-align: justify;
}
.tablerowcolor
{
    background-color:#fff6e5;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.rightseperatorline{
   
    height:450px;
    border-width:0px;
    border-right-width:2px;
    border-style:dotted; 
    border-color:#830304; 
 
}
.rightseperatorlinesolid{
   
    height:380px;
    border-width:0px;
    border-right-width:2px;
    border-style:solid; 
    border-color:#830304; 
 width:initial;
}
.minwidth90{
    min-width:90px;
}
.minwidth120{
    min-width:120px;
}

.inputredborder{
    border: 1px solid #830304;
}

.labelredbold{
     /*font-family:'DIN Condensed';*/
    color:#830304 !important; 
   font-weight:bold!important;
}

.labelred{
     /*font-family:'DIN Condensed';*/
    color:#830304 !important; 
    font-family:myriadproregular;

}

.highlightnavigate{
     /*font-family:'DIN Condensed';*/
   background-color:darkorange; width:80%;
   
}
.highlightnavigateimage{
     /*font-family:'DIN Condensed';*/
   background-color:#eb9d21; 
   color:black!important;
}
.labelbold{
    font-weight: bold;
}
.actionbuttonheader{ background: #eb9d21!important; /*width:200px; min-width:200px;*/ display: inline-block; padding: 10px 20px 10px 20px; color: #830304!important; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius:  0px 0px 5px 5px; border-radius:  0px 0px 5px 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif;}
.actionbuttonheader a {color: #830304!important; text-decoration: none;}
.actionbutton{ background: #830304; /*width:200px; min-width:200px;*/ display: inline-block; padding: 10px 20px 10px 20px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif;}
.actionbutton:hover	{ color:#eb9d21; background-color: #830304; }
.buttom { 
    font-family:myriadprosemibold;
        background: #999; 
        color:#000000;
        /*width:200px; 
        min-width:200px;*/
        display: inline-block; 
        padding: 10px 20px 10px 20px; 
        text-decoration: none; 
        font-weight: bold; 
        line-height: 1; 
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
        border-radius: 5px; 
        -moz-box-shadow: 0 1px 3px #999; 
        -webkit-box-shadow: 0 1px 3px #999;
         box-shadow: 0 1px 3px #999; 
         text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif;
    }
.margintop180{
    margin-top:180px;

}
.container .czheaderword{
    font-family:'DIN Condensed';
    color:#830304;
   
    text-decoration:none;
  border-bottom:5px solid #eb9d21;
  width:150px;
   
}

.contentmargin{
     margin-top:10px;
    margin-bottom:25px;
}

@media screen and (max-width: 971px) {
    .footermargintop10 { margin-top: -10px; }
}
@media screen and (max-width: 768px) {
  
.footer-container { z-index: 2; background-color: #830304; border-top: 4px solid #E99D3B; bottom: 0; height: 40px!important; left: 0; padding: 1rem; position: fixed; right: 0; text-align: center; }
.footer-welcome { float: left; margin-top: -20px; height: 30px; line-height: 60px; letter-spacing: 4px; font-size: 16px; color: #FFFFFF; font-family:discipulibritannica; font-weight:bold; }
.privacy-panel { float: right; }
ul.nav-privacy { list-style: none; height: 12px; margin-top: -0.2rem; margin-right: 8rem; }
a#privacy-terms.link, a#terms-of-use.link { font-size: 12px; }
.terms { margin-top: -24px; margin-right: -250px; }
    .minmarginbtm20 { 
        margin-bottom:22px;
    }

   .rightseperatorline{
  
   height:0px;
    border-width:0px;
    border-bottom-width:2px;
    border-style:dotted; 
    border-color:#830304; 
    display:inline-table;
 
}
   .rightseperatorlinesolid{
  width:100%;
   height:0px;
    border-width:0px;
    border-bottom-width:2px;
    border-style:solid; 
    border-color:#830304; 
    display:inline-table;
}
  .czdesktopview{
    display:none;
}

.czmobileview { 
    display:unset;
}
.czmobileviewnormal { 
    display:block;
}

.czch {
   
    color:white; font-family: dincondensedbold; font-size: 12px; font-weight: bold;
}

.czen {
  font-family:dincondensedbold; font-size:18px; font-weight:bold;
}

.czlink{
    color:white; font-family: dincondensedbold; font-size: 9px; font-weight: bold;
}
}
  
   @media screen and (max-width: 980px) and (min-width: 768px) {
       
.footer-container { z-index: 2; background-color: #830304; border-top: 4px solid #E99D3B; bottom: 0; height: 40px!important; left: 0; padding: 1rem; position: fixed; right: 0; text-align: center; }
.footer-welcome { float: left; margin-top: -20px; height: 50px; line-height: 60px; letter-spacing: 4px; font-size: 25pt; color: #FFFFFF; font-family:discipulibritannica; font-weight:bold; }
.privacy-panel { float: right; }
ul.nav-privacy { list-style: none; height: 14px; margin-top: -0.2rem; margin-right: 8rem; }
a#privacy-terms.link, a#terms-of-use.link { font-size: 15px; }
.terms { margin-top: -24px; margin-right: -250px; }
     
.czch {
   
    color:white; font-family: dincondensedbold; font-size: 12px; font-weight: bold;
}

.czen {
  font-family:dincondensedbold; font-size:33px; font-whttps://xxl.shihlinsnacks.com.tw/img/tem320_360.pngeight:bold;
}

.czlink{
    color:white; font-family: dincondensedbold; font-size: 12px; font-weight: bold;
}
     .czdesktopview{
    display:normal;
}

.czmobileview { 
    display:none;
}
.czmobileviewnormal { 
    display:none;
}
}

   @media screen and (min-width: 981px) {
       
.footer-container { z-index: 2; background-color: #830304; border-top: 4px solid #E99D3B; bottom: 0; height: 40px!important; left: 0; padding: 1rem; position: fixed; right: 0; text-align: center; }
.footer-welcome { float: left; margin-top: -20px; height: 50px; line-height: 60px; letter-spacing: 4px; font-size: 25pt; color: #FFFFFF; font-family:discipulibritannica; font-weight:bold; }
.privacy-panel { float: right; }
ul.nav-privacy { list-style: none; height: 14px; margin-top: -0.2rem; margin-right: 8rem; }
a#privacy-terms.link, a#terms-of-use.link { font-size: 15px; }
.terms { margin-top: -24px; margin-right: -250px; }
    .czdesktopview{
    display:normal;
}

.czmobileview { 
    display:none;
}
.czmobileviewnormal { 
    display:none;
}
}