/* --------------------------------------------------
                  MAIN TOPIC STYLES
-------------------------------------------------- */

BODY
{
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color: #a8163a;
	background: url(red.jpg) repeat;	/* 用這種方式 fixed 才有作用 */
	color: #000000;
	font-family: DFKai-sb\9;	// for IE
	width: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:0){
BODY {font-family: "Times New Roman", 標楷體,  新細明體, Verdana, Arial, Helvetica, sans-serif;} 	// for chrome
}


/* --------------------------------------------------
                    HEADING STYLES
-------------------------------------------------- */

H1, H2, H3, H4
{
	margin-bottom: .4em;
	margin-top: 1em;
	font-weight: bold;
	text-align: center;
}

H1
{
	font-size: 650%;
	margin-top: 50px;
}

H2
{
	font-size: 500%;
	margin-top: 0px;
}

H3
{
	font-size: 360%;
	margin-top: 70px;
	color: #003015;
}

H4
{
	font-size: 150%;
}



/* --------------------------------------------------
                      BUTTON STYLES
-------------------------------------------------- */
/**
 * CSS Buttons Generator 
 * http://html-generator.weebly.com/
 * 
 * 
 * Usage: 
 *   <a href="#" class="css_button">進入</a>
 * 
 */

.css_button {
    font-size: 43px;
    font-weight:bold;
    -moz-border-radius: 37px;
    -webkit-border-radius: 37px;
    border-radius: 37px;
    border: 4px solid #18355C;
    padding: 5px 22px;
    text-shadow:3px -2px 5px rgba(94, 94, 94, 0.41);
    -moz-box-shadow:inset 5px 1px 10px 5px rgba(190, 226, 249, 0.7);
    -webkit-box-shadow:inset 5px 1px 10px 5px rgba(190, 226, 249, 0.7);
    box-shadow:inset 5px 1px 10px 5px rgba(190, 226, 249, 0.7);
    text-decoration:none;
    cursor: pointer;
    background:-webkit-linear-gradient(104deg, #468ccf 5%, #63b8ee 100%);
    background:-moz-linear-gradient(104deg, #468ccf 5%, #63b8ee 100%);
    background:-ms-linear-gradient(104deg, #468ccf 5%, #63b8ee 100%);
    background:linear-gradient(194deg, #63b8ee 5%, #468ccf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    /*background-color:#468ccf;*/
    color:#0D1280;
    display:inline-block;
}
.css_button:hover {
    background:-webkit-linear-gradient(104deg, #63b8ee 5%, #468ccf 100%);
    background:-moz-linear-gradient(104deg, #63b8ee 5%, #468ccf 100%);
    background:-ms-linear-gradient(104deg, #63b8ee 5%, #468ccf 100%);
    background:linear-gradient(194deg, #468ccf 5%, #63b8ee 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
    /*background-color:#63b8ee;*/
}
.css_button:active {
}