@import url(//fonts.googleapis.com/css?family=Open+Sans);

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
  font-family: 'Open Sans', 'Microsoft JhengHei' , sans-serif;
  
}

body a{transition: all .6s}
body a:hover,
body a:focus,
body a:active{text-decoration: none;}





.text-default{color:#777;}
.text-primary{color:#337ab7;}
.text-success{color:#5cb85c;}
.text-info{color:#5bc0de;}
.text-warning{color:#f0ad4e;}
.text-danger{color:#d9534f;}

.btn-ghost{border:1px solid #fff; color:#fff;}
.btn-ghost:hover, 
.btn-ghost:focus{background-color: #fff;}

.container-vm{height:100%; width: 100%; display:table; table-layout: fixed; position: relative;}
.container-vm-box{display:table-cell; vertical-align: middle;}


.ehdiv{background-color:#efefef; height:100%;}
.equalheight {overflow: hidden; }

/*Button Style*/
/*.btn-theme{background:#ff5b00; color:#fff; border-radius: 0; border:0;}*/

/*Google Map*/
/*#map_canvas{height:490px;}*/


/*Bootstrap Responsive Material Design Card*/


@media (max-width: 767px){}
@media (min-width: 768px){
  .text-sm-left{text-align: left;}
  .text-sm-center{text-align: center;}
  .text-sm-right{text-align: right;}
}
@media (max-width: 991px){}
@media (min-width: 992px){
  .text-md-left{text-align: left;}
  .text-md-center{text-align: center;}
  .text-md-right{text-align: right;}
}
@media (max-width: 1199px){}
@media (min-width: 1200px){
  .text-lg-left{text-align: left;}
  .text-lg-center{text-align: center;}
  .text-lg-right{text-align: right;}
}


@media (max-width: 767px){}
@media (min-width: 768px) and (max-width: 991px) { }
@media (min-width: 992px) and (max-width: 1199px) { }
@media (min-width: 1200px){}


@media (max-width: 767px){}
@media (min-width: 768px) and (max-width: 991px) { }
@media (min-width: 992px) and (max-width: 1199px) { }
@media (min-width: 1200px) and (max-width: 1399px) { }
@media (min-width: 1400px){}