﻿.fe-row{
    padding:20px;
    margin: 0 auto !important;
}

.fe-col{
    /*background-color: #511a37;*/
    font-weight: bold;
}

.cp-button {
    background-color: #5b6472;
    cursor: pointer;
    padding: 65px 30px 60px 30px;
    height: 200px;
    display: block;
    margin-top: 20px;
    opacity: 0.9;
    /* border-radius: 15px; */
    border: 10px solid white;
}

.cp-button:hover{
    background-color: #A6ACAF;
}

    .cp-button img {
        width: 65px;
        height: 70px;
    }

    .cp-button span {
        color: white;
        font-size: 20px;
    }










/*** Mid ***/
.ccmsfe .mid { border-bottom: 1px solid #F5F5F5; position:relative; }

/* index menu button add-on */
.ccmsfe .mid .content-nav { display:none; }

/*** Background image ***/
.ccmsfe .mid .image{
    
    width:100%;
}

    .ccmsfe .mid #back-image {
        content:url('../image/WX8C9149-FOOD_Small.png');
        /*background-image: url('../image/WX8C9149-FOOD_Small.png') !important;*/
        background-repeat: no-repeat;
        width: 100%; /*or your image's width*/
        height: 650px; /*or your image's height*/
        margin: 0;
        padding: 0;
    }
    
/*.ccmsfe .top .wrapper .corp-login{    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 85%;
    color: white;
    width: 55%;}

.ccmsfe .top .wrapper .logo{min-width: 100px;
    width: 165px;
    vertical-align: middle;
    margin: auto;
    float: left;
    text-align: center;
    margin: 0;}*/

/*** Content Nav ***/
.ccmsfe .mid .content-nav-small { display: table; width: 100%; position: absolute; top:0 }
.ccmsfe .mid .content-nav-small .wp-row { display: table-row; width:50%;}
.ccmsfe .mid .content-nav-small .wp-row .wp-col { display: table-cell; vertical-align: middle; width: 16.66%; background-color: #F5F5F5; transition: 0.7s; }
.ccmsfe .mid .content-nav-small .wp-row .wp-col.even { background-color: #E7E7E7; }
.ccmsfe .mid .content-nav-small .wp-row .wp-col:hover { background-color: #0EA94E; text-decoration: none; }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a { text-align: center; color: #000000; padding: 50px 0; display: block; }
.ccmsfe .mid .content-nav-small .wp-row .wp-col:hover a { text-decoration: none; color: #FFFFFF; }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a .icon { display: block; height: 60px; background-repeat: no-repeat; background-size: 50px auto; background-position: center; }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a .icon.application { background-image: url(../image/application-black.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col:hover a .icon.application { background-image: url(../image/application-white.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a .icon.payment { background-image: url(../image/payment-black.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col:hover a .icon.payment { background-image: url(../image/payment-white.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a .icon.profile { background-image: url(../image/profile-black.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col:hover a .icon.profile { background-image: url(../image/profile-white.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a .icon.cancellation { background-image: url(../image/cancellation-black.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col:hover a .icon.cancellation { background-image: url(../image/cancellation-white.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a .icon.inquiry { background-image: url(../image/inquiry-black.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col:hover a .icon.inquiry { background-image: url(../image/inquiry-white.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a .icon.faq { background-image: url(../image/faq-black.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col:hover a .icon.faq { background-image: url(../image/faq-white.png); }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a span { display: block; margin: 0 auto; }
.ccmsfe .mid .content-nav-small .wp-row .wp-col a div { display:none; }

.ccmsfe .mid .content-nav-small ul li ul { display: none; padding-left:12px }
 
/*** index small device ***/
.ccmsfe .mid .content-nav-small { width: 50%; vertical-align: top; float: right; position: absolute; left: 0; padding-top: 48px; font-weight: bold; min-width:319px; }
.ccmsfe .mid .content-nav-small .smallContentMenuIcon { display:block; background-color: #E7E7E7; transition: 0.3s; }
.ccmsfe .mid .content-nav-small .smallContentMenuIcon:hover,
.ccmsfe .mid .content-nav-small .smallContentMenuIcon.sel { background-color: #0EA94E; }
.ccmsfe .mid .content-nav-small .smallContentMenuIcon a .icon { display: block; height: 80px; background-repeat: no-repeat; background-size: 35px auto; background-position: center; }
.ccmsfe .mid .content-nav-small .smallContentMenuIcon a .icon.nav { background-image: url(../image/content-nav-small-black.png); }
.ccmsfe .mid .content-nav-small .smallContentMenuIcon:hover a .icon.nav,
.ccmsfe .mid .content-nav-small .smallContentMenuIcon.sel a .icon.nav { background-image: url(../image/content-nav-small-white.png); }
.ccmsfe .mid .content-nav-small .smallContentMenu { display: block; }
/**/
.ccmsfe .content-nav-small .content-nav-ul { list-style: none; margin: 0; padding: 0; display: none; }
.ccmsfe .content-nav-small .content-nav-ul .content-nav-ul-li { margin: 0; list-style: none; transition: 0.3s; opacity: 0.90; padding: 0; margin-bottom: 10px; width: 80%; }
/*.ccmsfe .content-nav-small .content-nav-ul .content-nav-ul-li.even { opacity: 0.90; }*/
.ccmsfe .content-nav-small .content-nav-ul .content-nav-ul-li a { color: white; display: block; padding: 1.3em;}
.ccmsfe .content-nav-small .content-nav-ul .content-nav-ul-li a:hover { color: white; text-decoration:none; }
.ccmsfe .content-nav-small .content-nav-ul .content-nav-ul-li.sel {  }
.ccmsfe .content-nav-small .content-nav-ul .content-nav-ul-li ul li { margin: 0; list-style: none; transition: 0.3s; opacity: 0.90; }
.ccmsfe .content-nav-small .content-nav-ul .content-nav-ul-li ul li :hover{ text-decoration: none; }

/*** info area, added by: Jeremy ***/
.ccmsfe .mid .info{font-size:0; color:#fff;background-color:rgb(31, 74, 126);overflow-x: auto;}
.ccmsfe .mid .info .info-sides{ width: 100%; display: block;font-size:13px;vertical-align:top;}
.ccmsfe .mid .info .info-sides h6{padding:20px 2.5% 0;margin:0;line-height: 100%;text-align:left;color:#fff;font-family:"Arial", sans-serif;font-weight:600;font-size:123.07%;}
.ccmsfe .mid .info .info-wrap{width:100%;display:inline-block;font-size:13px;vertical-align:top;}
.ccmsfe .mid .info .info-table {width:100%;  min-width:710px; margin: auto;}
.ccmsfe .mid .info .info-table tr:first-child{border-bottom:1px solid #fff;}
.ccmsfe .mid .info .info-table tr{font-size:123.07%;}
.ccmsfe .mid .info .info-table tr th{font-weight:600;}
.ccmsfe .mid .info .info-table tr td,
.ccmsfe .mid .info .info-table tr th{padding:20px 2.5%; vertical-align: top;}

    /*.ccmsfe .mid .content-nav-ul {
        display: none;
    }*/
    
/* alphawave add-on */

    .ccmsfe .mid .annoucement {
        display: block;
        background-color: #1F4A7E;
        color: white;
        width: 100%;
        padding: 15px;
    }

        .ccmsfe .mid .annoucement button {
            color: white;
            margin-top: -4px;
        }

















        .table{
  display: table;
  width:100%;
  border-collapse:collapse;
}
  .table-row{
    display: table-row;
  }
    .table-cell, .table-head{
      display: table-cell;
      padding:1em;
      border:#f0f0f0 1px solid;
    }
    .table-head{
        font-weight:bold;
    }