@font-face { font-family: MYoungHK-Xbold; src: url('MYoungHK-Xbold.otf'); } 
              @font-face { font-family: MYoungHK-Medium; src: url('MYoungHK-Medium.otf'); } 
              @font-face { font-family: MYuenHK-Light; src: url('MYuenHK-Light.otf'); } 
              @font-face { font-family: MYuenHK-SemiBold; src: url('MYuenHK-SemiBold.otf'); } 
              @font-face { font-family: MYuen-Medium; src: url('MYuen-Medium.ttf'); } 
              @font-face { font-family: MYuen-Xbold; src: url('MYuen-Xbold.ttf'); } 
              @font-face { font-family: MYuen-Light; src: url('MYuen-Light.ttf'); } 
              .borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th{
                border:none;
              }
              .borderbottomonly tbody tr td, .borderbottomonly tbody tr th, .borderbottomonly thead tr th{
                border-left:0px;
                border-right:0px;
                border-top:0px;
                border-bottom:1px solid #CCC;
              }
              .bordered tbody tr td, .bordered tbody tr th, .bordered thead tr th{
                border:1px solid #CCC;
              }
              table{
                border-collapse: collapse;
                border:0px;
              }
              .table-rowheader tbody tr td:nth-child(odd) {
                width:100px;
                color:dd8db8;
              }
              body{
                background-color: #FFF !important;
                background-image:url('bgimage.png') !important;
                background-repeat: no-repeat;
                background-size:100%;
              }
              .top-contact{
                background: url('backstrip.png') no-repeat;
                background-size:100% 100%
              }
              .row-padding-right{
                padding-right: 10
              }
              .row-margin-right{
                margin-right: 10
              }
                .text-pink{
                  color:f08fbb;
                }
                .text-orange{
                  color:de796f;
                }
                .text-red{
                  color:de5e7a;
                }
                .text-yellow{
                  color:fbb92a;
                }
                .text-menu1{
                  color:885fa9;
                }
                .text-menu2{
                  color:f08fbb;
                }
                .text-menu3{
                  color:de5e7a;
                }
                .text-menu4{
                  color:de796f;
                }
                .text-highlight{
                  color:fff;
                }
                .left-menu{
                  border-bottom-right-radius:18px;border-top-right-radius:18px;height:60px
                }
                .menu-pink1{
                  background-color:faeff5
                }.menu-pink2{
                  background-color:fae7ee
                }.menu-pink3{
                  background-color:faf0f6
                }.menu-pink4{
                  background-color:fae7ee
                }
                .menu-highlight1{
                  background-color:885fa9
                }.menu-highlight2{
                  background-color:f08fbb
                }.menu-highlight3{
                  background-color:de5e7a
                }.menu-highlight4{
                  background-color:de796f
                }
              .div_clear{
                background-color:rgba(0,0,0,0);
                border:0px;
              }
              .rounded-div{
                background-color:#FFF;
                border-radius:30px;
              }
              h2,h3{
                font-family: MYoungHK-Medium, Apple Color Emoji, 'Segoe UI';
              }
              span, h4, h5{
                font-family: MYuenHK-SemiBold, Apple Color Emoji, 'Segoe UI';
              }
              p, li, td{
                font-family: MYuenHK-SemiBold, Apple Color Emoji, 'Segoe UI';
              }
          .col-centered{
          float: none;
          margin: 0 auto;
      }
      
      a:hover, a:visited{
        text-decoration: none;
      }
      .hidden{
        display:none;
      }

      .pull-bottom{
        position: absolute;
        bottom: 0;
      }
      .ui-page {
        background: transparent;
      }
      .ui-content{
        background: transparent;
      }


      /* Ting Edited */
      div[name='btnToggleSideMenu'] {
        background-color: #E0786D;
        border-radius: 10px;
        text-align: center;
        min-height: 40px;
        display: table;
        width: 100%;
      }
      div[name='btnToggleSideMenu'] i{
        display: table-cell;
        vertical-align: middle;
        color: white;
        text-shadow: none;
      }
      div[name='btnToggleSideMenu'] span {
        display: none;
      }

      .top-contact {
        display: none;
      }
      .promo {
        display: none;
      }
      #main {
        /*margin-left: 30px;*/
        /*padding: 10px;*/
      }

      @media (min-width: 768px) {
        .top-contact {
          display: block;
        }
        .promo {
          display: block;
        }
      }

      @media (max-width: 1024px) {
        #main{
          margin-left: 30px;
          padding: 10px;  
        }
      }

      @media (max-width: 768px) {
        .container-full > div {
          padding-left: 10;
          margin-left: 10px;
        }
        #main{
          margin-left: 0px;
          margin: 10px;
        }
      }

      

      h2 {
        white-space: nowrap;
      }

      .footer {
        margin: 10px;
      }

      i {
        font-family: FontAwesome !important;
      }