﻿body {
}

.fontBlack {
    color:#000;
}
.fontRed {
    color:#b60909;
}
.fontDeepBlue {
    color:#110d64;
}
.fontBlue {
    color:#0f497b;
}
.fontOrange {
    color:#ff6a00;
}
.fontCoffee {
    color:#593719;
}
.fontSize13pt {
    font-size:13pt;
}
.fontSize12pt {
    font-size:12pt;
}
.fontSize10pt {
    font-size:10pt;
}
.fontSize1em {
    font-size:1em;
}
.fontSize1-25em {
    font-size:1.25em;
}
.fontSize1-5em {
    font-size:1.5em;
}
.fontSize2em {
    font-size:2em;
}
.margin1p {
    margin:1%;
}

.padding1p {
    padding:1%;
}
.paddingL1p {
    padding-left:1%;
}
.paddingT1p {
    padding-top:1%;
}
.paddingL10pxB2px {
    padding-left:10px;
    padding-bottom:2px;
}
.paddingR10pxB2px {
    padding-right:10px;
    padding-bottom:2px;
}
.marginT2px {
    margin-top:2px;
}
.marginT6px {
    margin-top:6px;
}
.marginL1p {
    margin-left:1%;
}
.marginR1p {
    margin-right:1%;
}
.marginT1p {
    margin-top:1%;
}
.marginB1p {
    margin-bottom:1%;
}
.marginRL2p {
    margin-left:2%;
    margin-right:2%;
}
.H10p {
    height:10%;
}
.H40px {
    height:40px;
}
.H80px {
    height:80px;
}
.H150px {
    height:150px;
}
.W3p {
    width:3%;
}
.W5p {
    width:5%;
}
.W6p {
    width:6%;
}
.W7p {
    width:7%;
}
.W8p {
    width:8%;
}
.W9p {
    width:9%;
}
.W10p {
    width:10%;
}
.W11p {
    width:11%;
}
.W12p {
    width:12%;
}
.W14p {
    width:14%;
}
.W15p {
    width:15%;
}
.W16p {
    width:16%;
}
.W20p {
    width:20%;
}
.W25p {
    width:25%;
}
.W30p {
    width:30%;
}
.W35p {
    width:35%;
}
.W45p {
    width:45%;
}
.W50p {
    width:50%;
}
.W60p {
    width:60%;
}
.W65p {
    width:65%;
}
.W100p {
    width:100%;
}
.Wcenter {
    text-align:center;
}
.Wmiddle {
    vertical-align:middle;
}
.WcenterMiddle {
    text-align:center;
    vertical-align:middle;
}
.Wright {
    text-align:right;
}
.WLeft {
    text-align:left;
}
.FontWeight600 {
    font-weight:600;
}

.floatLeft {
    float:left;
}
.floatRight {
    float:right;
}

.fontSize20px {
    font-size:20px;
}

.bgColord4e8ff {
    background-color:#d4e8ff;
}

/*藍色*/
.bgColora7d5ff {
    background-color:#a7d5ff;
}
/*淡藍色*/
.bgColorf5faff {
    background-color:#f5faff;
}

/*上面圓角*/
.radiusTop {
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*下面圓角*/
.radiusBottom {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*隱藏*/
.displayNone {
    display:none;
}

/* * 必填的星星 */
.asterisk {
    color:#b60909;
    font-weight:600;
}
/*圓角3*/
.radius3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
