﻿.BackgroundColor-rgb192_255_192 {
    background-color: rgb(192, 255, 192);
}
.BackgroundColor-rgba192_255_192_0_2) {
    background-color: rgba(192, 255, 192, 0.2);
}
.BackgroundColor-28a745 {
    background-color: #28a745
}
.BackgroundColor-fff {
    background-color: #fff;
}

.BackgroundImage-url_imagespng {
    background-image: url(../images/images.png);
}

.BorderBottom-orange_1px_solid {
    border-bottom: orange 1px solid;
}
.BorderColor-red {
    border-color: red;
}
.Bottom-100px {
    bottom: 100px;
}

.BorderTop-3px_solid_28a745 {
    border-top: 3px solid #28a745;
}
.BorderBottomStyle-solid {
    border-bottom-style: solid;
}
.BorderBottomWidth-1px {
    border-bottom-width: 1px;
}

.Color-28a745 {
    color: #28a745;
}
.Color-3061AF {
    color: #3061AF;
}

Color-fff {
    color: #fff;
}
.Color-ffff70-important {
    color: #ffff70 !important;
}

.Color-black {
    color: black;
}
.Color-darkred {
    color: darkred
}
.Color-green {
    color: green;
}
.Color-red {
    color: red;
}
.Color-orange {
    color: orange
}
.Color-hotpink {
    color: hotpink;
}
.Color-white {
    color: white;
}


.Display-block {
    display: block;
}
.Display-none {
    display: none;
}
.Display-scroll {
    display: scroll;
}

.Float-left {
    float: left;
}

.FontFamily-Microsoft_JhengHei {
    font-family: Microsoft JhengHei;
}
.FontSize-1_2rem {
    font-size: 1.2rem;
}
.FontSize-20px {
    font-size: 20px;
}
.FontWeight-bloder {
    font-weight: bloder;
}
.FontWeight-bold {
    font-weight: bold;
}

.Height-24px {
    height: 24px;
}
.Height-30px {
    height: 30px;
}
.Height-300px {
    height: 300px;
}
.Height-356px {
    height: 356px;
}

.LineHeight-24px {
    line-height: 24px;
}
.LineHeight-50px {
    line-height: 50px;
}

.ListStyleType-none {
    list-style-type: none;
}
.ListStylePosition-inside {
    list-style-position: inside;
}
.ListStyleType-circle {
    list-style-type: circle;
}
.ListStyleType-lower-alpha {
    list-style-type: lower-alpha;
}


.Margin-0-1em {
    margin: 0 1em;
}
.Margin-1em {
    margin: 1em;
}
.Margin-0_auto {
    margin: 0 auto;
}

.MarginBottom-0em {
    margin-bottom: 0em;
}
.MarginBottom-2em {
    margin-bottom: 2em;
}
.MarginBottom-7px {
    margin-bottom: 7px;
}

.MarginLeft-1px {
    margin-left: 1px;
}

.MarginTop-0px {
    margin-top: 0px;
}

.MarginTop--0_65em {
    margin-top: -0.65em;
}
.MarginTop-1em {
    margin-top: 1em;
}
.MarginTop-2_6em {
    margin-top: 2.6em;
}
.MarginTop_-25px {
    margin-top: -25px;
}

.Overflow-auto {
    overflow: auto;
}
.Overflow-hidden {
    overflow: hidden;
}
.OverflowX-hidden {
    overflow-x: hidden;
}

.Padding-0 {
    padding: 0;
}
.Padding-4px-4px {
    padding: 4px 4px;
}
.PaddingBottom-0em {
    padding-bottom: 0em;
}
.PaddingTop-0px {
    padding-top: 0px;
}
.PaddingTop-10px {
    padding-top: 10px;
}
.PaddingTop-0_5rem {
    padding-top: 0.5rem;
}

.PaddingLeft-1em {
    padding-left: 1em;
}
.PaddingLeft-2em {
    padding-left: 2em;
}
.PaddingRight-0_5em {
    padding-right: 0.5em;
}

.Position-fixed {
    position: fixed;
}

.Right-10px {
    right: 10px;
}

.TextAlign-center {
    text-align: center
}
.TextAlign-justify {
    text-align: justify;
}
.TextAlign-left {
    text-align: left;
}


.VerticalAlign-middle {
    vertical-align: middle;
}


.Width-25 {
    width: 25%;
}
.Width-30 {
    width: 30%;
}
.Width-100 {
    width: 100%;
}

.Width-15em {
    width: 15em;
}
.Width-18em {
    width: 18em;
}

.Width-30px {
    width: 30px;
}
.Width-100px {
    width: 100px;
}
.Width-350px {
    width: 350px;
}