.tj {
  text-align: justify;
  text-justify: inter-word;
}

.zoom {
  transition: transform .5s; /* Animation */
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.or-padeh {float: right; font-size: 15px; color: tomato; font-weight: normal; padding-top: 10px}

.cm-name-s {color: black; font-weight: bold; font-size: 22px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif}

.cm-name {color: black; font-weight: bold; font-size: 28px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif}

.cm-desig {font-style: italic}

.cm-assoname {font-weight: bold}

.president_message {font-family: 'Merienda', cursive;}

html {
  scroll-behavior: smooth;
}
.prodM {display: none}
.preProdM:hover > .prodM {display: block}


.hide {
  display: none;
}

.myDIV:hover + .hide {
  display: block;
  color: red;
}

.f12 {font-size: 12px !important}

.f14 {font-size: 14px !important}

.f16 {font-size: 16px !important}

.f17 {font-size: 17px !important}

.f18 {font-size: 18px !important}

.subm {padding: 15px; background-color: rgba(0, 0, 0, 0.5); color: white; padding-bottom: 0px}





.silma_word {font-family: 'Bodoni Bk BT'}

.silma_w {font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 600; color: #004455}

.silma_w_ss {font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 600; color: #004455; font-size: 20px}

.rt_s {font-size: 15px}
.rt_l {font-size: 18px}



.h1_s {font-family: 'Raleway', sans-serif; font-size: 30px; color: #0056b3; font-weight: 700}
.i1_s {font-family: 'Roboto Condensed', sans-serif; font-size: 20px}
.h2_s {font-family: 'Raleway', sans-serif; font-size: 25px; color: #0056b3}
.i2_s {font-family: 'Roboto Condensed', sans-serif; font-size: 18px}
.h3_s {font-family: 'Raleway', sans-serif; font-size: 18px; color: #0056b3}



.h1_l {font-family: 'Raleway', sans-serif; font-size: 40px; color: #0056b3; font-weight: 700}
.i1_l {font-family: 'Roboto Condensed', sans-serif; font-size: 25px}
.h2_l {font-family: 'Raleway', sans-serif; font-size: 35px; color: #0056b3}
.i2_l {font-family: 'Roboto Condensed', sans-serif; font-size: 20px}
.h3_l {font-family: 'Raleway', sans-serif; font-size: 25px; color: #0056b3}




.nav_1_sh{
-webkit-box-shadow: 2px 0px 29px 0px rgba(0,0,0,1);
-moz-box-shadow: 2px 0px 29px 0px rgba(0,0,0,1);
box-shadow: 2px 0px 29px 0px rgba(0,0,0,1);
}

video {
 

  
  /*to edit the opacity effect change the percentage below */
  filter:opacity(40%);
}


ul.small_menu {text-align:left; width: 150px; padding: 5px}

.navbar-toggler{
    width: 47px;
    height: 34px;
    border:none;
}
.navbar-toggler .line{
    width: 100%;
    float: left;
    height: 2px;
    background-color: grey;
    margin-bottom: 5px;
}


h3 {font-size: 13px !important}

li a {color: grey; font-size: 15px; text-align: center; vertical-align: middle}

/*.nav-link:hover {font-size: 18px !important}*/

.Font1 {font-family: 'Noto Sans TC', sans-serif;}

.Font2 {font-family: 'Raleway', sans-serif;}

.Font3 {font-family: 'Roboto Condensed', sans-serif;}

.Font4_handwriting {font-family: 'Dancing Script', cursive;}

.font1 {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif}

.Font-heavy1 {font-family: 'Raleway', sans-serif; font-weight: 800}

h1 {font-family: 'Raleway', sans-serif;
font-weight: 500;
}