﻿@import url('commsset.css');
@import url('burger_menu3.css');

.msg{ font-size:1em;}
#msg001{ border: 1px solid #b5cbaa; width:90%; max-width:800px; margin:15px 5% 20px 5%; font-size:1em;text-align: left;
    padding:20px 10px 20px 10px;border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;
    -webkit-order: 2;-ms-flex-order: 2;order: 2;
    -webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
#ctgy_box2{ position:relative; border: 1px solid #a6a6a6; width:98%; height:auto; margin-top:110px; padding:3px 3px 3px 3px;
    -webkit-order: 5;-ms-flex-order: 5;order: 5;
    -webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
    /*
   border-radius:5px 5px 5px / 5px 5px 5px 5px; 
   box-shadow:-2px -2px 1px #bbd5d6, 2px 2px 2px #ddfeff;
   */
    display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
  #ctgytitle{  position:static; border: 1px solid #b5cbaa; width: auto; height:auto; left:50%; margin-top:-95px; padding: 5px 15px 3px 35px;
   font-size:1.12em; font-weight:500; line-height:1.5em; text-indent:-1em;
   -webkit-border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px;
}

   #ctgytitle a:hover{cursor:pointer; color:#ff6c00;}
   #ctgytitle a:active{cursor:pointer; color:#ff6c00;}
   #ctgytitle a:focus{cursor:pointer; color:#ff6c00;}
  .ctgyChild{border: 1px solid #9b9b9b; width:90%; height: auto; margin:50px 0 0 0 ;
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  } 


 .childbox{ border: 1px solid #028500; width: calc(100% - 20px); height:auto; margin:20px 0 20px 0; padding:10px;}
 .mbmimg{ border: 1px solid #b5cbaa; float:left;background-repeat:no-repeat; background-position:center; background-color:#001565; margin:0 10px 10px 0;}
 #mbmimg001{ background-image:url('../images/03/mbm_01.png'); width:536px;height:189px;}
 #mbmimg002{ background-image:url('../images/03/mbm_03.png'); width:777px;height:468px;}
 .mbmmsg{border: 1px solid #ff9d00; background-color:#fff0d9;}

