﻿@charset "utf-8";
/******  此CSS設定所有基底設定 ******/
body{
	/*font-family: "微軟正黑體", "細明體", Tahoma, Geneva, sans-serif;*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size: medium;
	color:#444;
	background-color:#fff;
}
strong{
	font-weight:bold;
}
em{
	font-style: italic;
}
a{
	color: #1874CE;
	text-decoration: none;
}
a:link{
	color: #1874CE;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a[disabled=disabled] { color: #444; font-weight: bold; cursor: default; pointer-events: none; }

/* 強制 a 標籤一直保持藍色 */
.linkBlue
{
	color: blue;
	text-decoration: none;
}
.linkBlue:hover
{
	color: red;
	text-decoration: none;
}
/* 強制 a 標籤一直保持橘色 */
.linkOrange
{
	color: orange;
	text-decoration: none;
}
.linkOrange:hover
{
	color: red;
	text-decoration: none;
}
/* 強制 a 標籤一直保持綠色 */
.linkGreen
{
	color: green;
	text-decoration: none;
}
.linkGreen:hover
{
	color: red;
	text-decoration: none;
}
/* 強制 a 標籤一直保持棕色 */
.linkBrown
{
	color: brown;
	text-decoration: none;
}
.linkBrown:hover
{
	color: red;
	text-decoration: none;
}

/* Content */
#mainFrameContent{
	line-height: 1.5em;
}
p{
	margin-bottom: 1.5em;
}
h2,h3,h4,h5,h6{
	font-weight:bolder;
	color: #555;
	margin-bottom:.5em;
}
#mainFrameContent .applicationTitle{
	margin:0;
	padding:0;
}
h2{
	font-size:1.5em;
}
h3{
	font-size:1.3em;
}
h4{
	font-size:1.15em;
}
ul{
	margin-bottom: 1em;
	padding-left: 2em;
	list-style:  circle;
}
ol{
	margin-bottom: 1em;
	padding-left: 2em;
	list-style: decimal-leading-zero;
}
#mainFrameContent blockquote,#content q{
	margin: .5em 0 1em;
	padding:.75em .75em .75em 1.5em;
	border-left: solid .75em #005082;
	background:transparent url('/images/icons/blockquoteBackground.png') repeat;
}

#mainFrameContent li{
	display: list-item;
    margin-left: 0em;
    padding-left: 0em;
	color: #362b36;
}

/*add by 9338*/
@media only screen and (max-width: 1920px) {
    #mainFrameContent .doubleColumns li{
	    display: list-item;
        float: left;
        margin-left: 0; word-break: break-all;
        padding-left: 0;padding-right: 1%;
	    color: #362b36;
	    width: 24%;
	    min-height:1.7em;
        list-style-position: outside;
    }
}

@media only screen and (max-width: 1080px) {
    #mainFrameContent .doubleColumns li{
	    display: list-item;
        float: left;
        margin-left: 0em; 
        padding-left: 0em;
	    color: #362b36;
	    width: 33%;
	    min-height:1.7em;
        list-style-position: outside;
    }
}

@media only screen and (max-width: 860px) {
    #mainFrameContent .doubleColumns li{
	    display: list-item;
        float: left;
        margin-left: 0em;
        padding-left: 0em;
		margin-right: 0.5em;
	    color: #362b36;
	    width: 45%;
	    min-height:1.7em;
        list-style-position: outside;
    }
}

@media only screen and (max-width: 640px) {
    #mainFrameContent .doubleColumns li{
	    display: list-item;
        float: left;
        margin-left: 0em;
        padding-left: 0em;
	    color: #362b36;
	    width: 86%;
	    min-height:1.7em;
		list-style-position: outside;
        /*list-style-position:inside;*/
    }
}
/*add by 9338*/

blockquote p{
	margin-bottom: 0em;
}
table{
	margin-bottom: 1.5em;
	border-collapse:collapse;
}
#mainFrameContent table th{
	padding: .5em;
}
#mainFrameContent table td{
}

#mainFrameContent table caption, #mainFrameContent table th{
	text-align: center; font-weight: bold;
}

#applicationMessage{
	margin-top:.2em;
	margin-bottom:.5em;	
}

.fontRed
{
	color: Red;
}
.fontBlue
{
	color: Blue;
}
.fontBrown
{
	color: brown;
}
/* 讓firefox 圖檔遺失時也會產生如同IE 叉燒包的圖示 */
@-moz-document url-prefix(http), url-prefix(file) {
	img:-moz-broken;
	-moz-force-broken-image-icon:1;
	width:24px;
	height:24px;
}
