﻿html {
    font-size: 16px;
}

body {
    line-height: 1.2;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Helvetica, Arial, 微軟正黑體, Verdana, sans-serif;
}

/* --------------------------------------------------------
headings
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    text-transform: none;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
}

h1 {
    font-size: 25px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 19px;
}

h4 {
    font-size: 18px;
}

h5, h6 {
    font-size: 18px;
}


@media only screen and (min-width: 769px) {
    h1, h2, h3, h4, h5, h6 {
        text-align: left;
    }
}


/* --------------------------------------------------------
Paragraph 
----------------------------------------------------------*/

p {
    font-size: 16px;
    line-height: normal;
}


/* --------------------------------------------------------
Form elements
----------------------------------------------------------*/
fieldset {
    margin: 10px 0px;
    padding: 8px 5px 10px 5px;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }


    fieldset legend {
        font-weight: 600;
        padding: 0px;
    }

/* --------------------------------------------------------
input
----------------------------------------------------------*/
input {
    font-size: 14px;
}


/* --------------------------------------------------------
Font styles
----------------------------------------------------------*/
.bold {
    font-weight: bold;
}

.empha {
    color: #d93800;
}

.clear-font {
    color:black;
}

.minor {
    font-size: 15px;
}

.validation {
    color: #ff006e;
}

/* --------------------------------------------------------
RadioButtonList 
----------------------------------------------------------*/
.radio-button-list * {
    vertical-align: middle
}