body{
    margin:0px 0px 0px 0px;
    text-align: left;
    background-color: #fff;
    font-family: arial,helvetica,sans-serif, Microsoft JhengHei;
    color: #3C3C3C;
}

a:link {
    text-decoration: underline;
    color: #c10230;
	}

a:visited {
    text-decoration: underline;
    color: #c10230;
}

a:hover {
    text-decoration: underline;
    color: #c10230;
}

a:active {
    text-decoration: underline;
    color: #c10230;
}


.no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* --------------trademark--------------*/
sup {
    position: relative;
    font-size: 60%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.7em;
}

/* --------------point form--------------*/
/* ----decimal: 1, 2, 3, ------------ decimal-leading-zero: 01, 02, 03,------*/
/* ----cjk-decimal: 一, 二, 三,------- square: [] ----------------------------*/
/* ----disc: ... -------------------- circle: o o o -------------------------*/
/* ----lower-roman:  i, ii, iii, ---- upper-roman: ! I, II, III, ------------*/
/* ----lower-alpha: a, b, c, ---_____ upper-alpha: A, B, C,------------------*/
ul.a {list-style-type: decimal;}
ul.b {list-style-type: disc;} 
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}
ol.e {list-style-type: lower-roman;}
ol.f {list-style-type: upper-alpha;}


/* --hidden div----*/
.hidden {
	display:none;
}
display: none;
}

// Use Bootstrap breakpoints for consistency.
$bootstrap-sm: 576px;
$bootstrap-md: 768px;
$bootstrap-lg: 992px;
$bootstrap-xl: 1200px;

// Crop thumbnail images.
#gallery {
  
  img {
    height: 75vw;
    object-fit: cover;
    
    @media (min-width: $bootstrap-sm) {
      height: 35vw;
    }
    
    @media (min-width: $bootstrap-lg) {
      height: 18vw;
    }
  }
}


// Crop images in lightbox.
.carousel-item {
  
  img {
    height: 60vw;
    object-fit: cover;
    
    @media (min-width: $bootstrap-sm) {
      height: 350px;
    }
  }
}

// --- END: crop images --- //