/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}


img, div
{ 
	behavior: url("iepngfix/iepngfix.htc");
}

hr {
	border: 0px;
	height: 1px;
	color: #999999;
}

h1,h2,h3,h4,h5,h6
{
	color: #444;
}

body
{
	margin: 0px auto;
	background: #FFFFFF url("images/bg.jpg") repeat-x top left;
	width: 860px;
	font-size: 13px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #777;
}

input,textarea
{
	font-size: 11px;
	color: #777;
}

input.button
{
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
	background-color: #eaeaea;
	color: #555;
	font-size: 11px;
	padding: 0.35em;
}

input.text
{
	border-top: solid 1px #888;
	border-left: solid 1px #888;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	padding: 0.1em;
	margin-top: 0.25em;
	margin-bottom: 0.5em;
}

select
{
	font-size: 12px;
	color: #777;
}

a
{
	color: #006699;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
	color: #CD1076;
/*	font-weight: bold;	*/
}

a.linkopacity img {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

a.linkopacity:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}

#breadcrumb{
	font: 12px bold;
	vertical-align: middle;
	margin: 0 0 5px 0;
}

#breadcrumb a{
	background: transparent url('images/arrow3.gif') no-repeat center right;
	text-decoration: none;
	padding-right: 12px; /*adjust bullet image padding*/
	padding-left: 3px;
	color: navy;
}

#breadcrumb a:visited, .breadcrumb a:active{
	color: navy;
}

#breadcrumb a:hover{
	text-decoration: underline;
}

/* Outer */

#outer
{
	margin: 0em auto 0em auto;
	width: 100%;
}

/* Header */

#header
{
	/*background: transparent url("/") no-repeat top right;*/
	margin: 0 0 0 0;
	padding: 0em;
	height: 200px;
	text-align: center;
}

#header-i
{
	background: transparent url("images/topbg/narrow/top_bg41.jpg") no-repeat right;
	margin: 0 0 0 0;
	padding: 0em;
	height: 150px;
	text-align: center;
}

#header-s
{
	background: transparent url("images/topbg/narrow/top_bg10.jpg") no-repeat right;
	margin: 0 0 0 0;
	padding: 0em;
	height: 150px;
	text-align: center;
}

#header-c
{
	background: transparent url("images/topbg/narrow/top_bg45.jpg") no-repeat right;
	margin: 0 0 0 0;
	padding: 0em;
	height: 150px;
	text-align: center;
}

#header-r
{
	background: transparent url("images/topbg/narrow/top_bg23.jpg") no-repeat right;
	margin: 0 0 0 0;
	padding: 0em;
	height: 150px;
	text-align: center;
}

#header-l
{
	background: transparent url("images/topbg/narrow/top_bg4.jpg") no-repeat right;
	margin: 0 0 0 0;
	padding: 0em;
	height: 150px;
	text-align: center;
}

#header-g
{
	background: transparent url("images/topbg/narrow/top_bg43.jpg") no-repeat right;
	margin: 0 0 0 0;
	padding: 0em;
	height: 150px;
	text-align: center;
}

#header-o
{
        background: transparent url("images/topbg/narrow/top_bg40.jpg") no-repeat right;
        margin: 0 0 0 0;
        padding: 0em;
        height: 150px;
        text-align: center;
}

#header-p
{
        background: transparent;
        margin: 0 0 0 0;
        padding: 0em;
}

/* Menu */

#menu
{
	margin: 0px auto;
	top: 0px;
	left: 0px;
	background: #558800 url("images/bg_t.gif") repeat-x;
	background: transparent url("images/bg_t.gif") repeat-x;
	border-bottom: solid 1px #336600;
	width: 848px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	text-align: right;
}


#menu ul
{
	list-style: none;
}

#menu li
{
	display: inline;
	font-size: 11px;
}

#menu li a
{
	color: #fff;
	background-color: inherit;
	padding: 0.2em 1.5em 0.2em 1.5em;
}

#menu .select a
{
	font-weight: bold;
	text-decoration: none;
	background: #007799 url("images/bg-bar.jpg") repeat-x top;
	border-top: solid 3px #ff8800;
	padding: 0.2em 1.5em 0.2em 1.5em;
}

#menu li a:hover
{
	font-weight: bold;
	background: #F1FFAF url("images/img05.gif") left;
	color: #558800;
	border-top: solid 3px #ff8800;
	padding: 0.2em 1.5em 0.2em 1.5em;
}


/* Content */

#content
{
	padding-left: 0em;
	padding-right: 0em;
}

.box
{
	margin-bottom: 1.25em;
}

.boxContent
{
	margin-top: 0.5em;
	padding: 1.25em 1em 0.25em 1em;
	background: #ffffff url('images/a1.gif') top left repeat-x;
}

.boxContentA
{
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding: 1.25em 1em 0.25em 1em;
	background: #F1FFAF url('images/img05.gif') top left repeat-x;
	color: #444;
}

.boxContentB
{
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding: 1.25em 0em 0.25em 0em;
	background: #ffffff url('images/a1.gif') top left repeat-x;
	text-align: center;
}

.boxContentC
{
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding: 1.25em 1em 0.25em 1em;
	background: #00C4FD url('images/bg_bxc.gif') bottom left repeat-x;
	color: #fff;
}
/** boxA **/

.boxA .boxContent
{
	margin-top: 0em;
	margin-bottom: 1em;
	color: #fff;
	border-bottom: solid 1px #bb6600;
	background: #ff8800;
	padding: 1em 1em 1em 1em;
}

.boxA span
{
	font-weight: bold;
	font-size: 12px;
}

.boxA a
{
	background-color: inherit;
	color: #fff;
	font-size: 12px;
}

.boxA a:hover
{
	text-decoration: none;
	color: #fff;
	border-bottom: solid 1px #ff9900;
}

.boxA input.button
{
	margin-top: 0.25em;
	vertical-align: middle;
}

.boxA input.text
{
	width: 100%;
}

/** boxB **/

.boxB .boxContent
{
	margin-top: 0em;
	margin-bottom: 1em;
	color: #fff;
	border-bottom: solid 1px #004466;
	background: #007799;
	padding: 1em 1em 1em 1em;
}

.boxB span
{
	font-weight: bold;
	font-size: 12px;
}

.boxB a
{
	background-color: inherit;
	color: #fff;
	font-size: 12px;
}

.boxB a:hover
{
	text-decoration: none;
	color: #fff;
	border-bottom: solid 1px #007799;
}

.boxB input.button
{
	margin-top: 0.25em;
	vertical-align: middle;
}

.boxB input.text
{
	width: 100%;
}


/** boxC **/

.boxC .boxContent
{
        margin-top: 0em;
	margin-bottom: 1em;
        color: #999;
        border-bottom: solid 1px #999;
        background: #FFFCDD url("images/yellow_bg.gif");
	padding: 1em 1em 1em 1em;
}

.boxC span
{
        font-weight: bold;
        font-size: 12px;
}

.boxC a
{
        background-color: inherit;
        color: #999;
        font-size: 12px;
}

.boxC a:hover
{
        text-decoration: none;
	color: #435;
        border-bottom: solid 1px #FFFFFF;
}

.boxC input.button
{
        margin-top: 0.25em;
        vertical-align: middle;
}

.boxC input.text
{
        width: 100%;
}

/** boxD **/

.boxD .boxContent
{
	margin-top: 0em;
	margin-bottom: 1em;
	color: #fff;
	border-bottom: solid 1px #AA0000;
	background: #CC0000;
	padding: 1em 1em 1em 1em;
}

.boxD span
{
	font-weight: bold;
	font-size: 12px;
}

.boxD a
{
	background-color: inherit;
	color: #fff;
	font-size: 12px;
}

.boxD a:hover
{
	text-decoration: none;
	color: #fff;
	border-bottom: solid 1px #AA0000;
}

.boxD input.button
{
	margin-top: 0.25em;
	vertical-align: middle;
}

.boxD input.text
{
	width: 100%;
}

/** Content **/

#content p
{
	margin-bottom: 1em;
	/*text-align: justify;*/
	text-align: distribute;
	word-break: break-all;
	line-height: 1.5em;
	text-indent: 1em;
}

.fp:first-letter {
	font-size : 150%;
	color: brown;
	font-weight : bold;
	float : left;
	margin-right: 3px;
}

#content strong
{
	color: red;
}

#content h2,h3,h4,h5,h6
{
}

#content h4
{
	font-size: 12px;
	background: #9A9A9A;
	color: #FFFFFF;
}

#content h3
{
	font-size: 12px;
}

#content h2
{
	font-size: 13px;
  	background: #336699 url(images/bg-bar-2.jpg) repeat-x;
	color: #fff;
/*
	background: #e4e9f4 url(images/top-nav-bg.gif) repeat-x;
	color: #939393;
*/
        margin-top: 0px;
        margin-bottom: 5px;
	padding: 5px 5px 5px 0;
        font-weight: bold;
        border-bottom: 3px GROOVE #ff8800;
}

#content ul
{
	list-style: square;
	margin-bottom: 1em;
	padding-left: 1em;
	line-height: 1.8em;
}

#content ol
{
	margin-bottom: 1em;
	padding-left: 1em;
	line-height: 1.8em;
}

#content code {
	background: url(images/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
	font: normal;
}

#content cite {
	background: url(images/quote.gif) no-repeat;
	color: #666;
	display: block;
	font-style: normal;
	padding-left: 28px;
	margin-bottom: 8px;
}

#content blockquote
{
	padding: 1em 1em 1em 1em;
	margin-bottom: 1em;
	border-left: solid 6px #558800;
}

#content blockquote.lineright
{
        border-left: none;
        border-right: solid 6px #558800;
}

#content blockquote.dottedgreen
{
	color: #888;
        border: dotted 1px #558800;
	background: #ffffff url(images/x7.gif) repeat-x top;
}

#content blockquote.dottedorange
{
	color: #888;
        border: dotted 1px #ff8800;
	background: #ffffff url(images/x7.gif) repeat-x top;
}

#content blockquote p
{
	margin-bottom: 0.8em;
	line-height: 1.5em;
}

#content table
{
	font-size: 12px;
	margin-bottom: 1em;
	border: #EFEFEF dotted 1px;
}

#content table th
{
	font-size: 12px;
	background: #F1FFAF url("images/img05.gif") repeat-x top left;
	text-align: center;
	font-weight: bold;
	padding: 0.3em;
	color: #444;
}

#content table th.thred
{
	font-size: 12px;
	background: #FFBAAF url("images/img05_red.gif") repeat-x top left;
	text-align: center;
	font-weight: bold;
	padding: 0.3em;
	color: #444;
}

#content table th.thblue
{
	font-size: 12px;
	background: #C5F4FF url("images/img05_blue.gif") repeat-x top left;
	text-align: center;
	font-weight: bold;
	padding: 0.3em;
	color: #444;
}

#content table th.thyel
{
	font-size: 12px;
	background: #FFFBC5 url("images/img05_yellow.gif") repeat-x top left;
	text-align: center;
	font-weight: bold;
	padding: 0.3em;
	color: #444;
}

#content table th.thpur
{
	font-size: 12px;
	background: #DCDCFF url("images/img05_purple.gif") repeat-x top left;
	text-align: center;
	font-weight: bold;
	padding: 0.3em;
	color: #444;
}

#content table th.thmilk
{
	font-size: 12px;
	background: #EAEAEA url("images/img05_milk.gif") repeat-x top left;
	text-align: center;
	font-weight: bold;
	padding: 0.3em;
	color: #444;
}

#content table th.thora
{
	font-size: 12px;
	background: #FFE49C url("images/img05_orange.gif") repeat-x top left;
	text-align: center;
	font-weight: bold;
	padding: 0.3em;
	color: #444;
}

#content table td
{
	font-size: 12px;
	padding: 0.5em;
}

#content table tr.rowA
{
	background-color: #efefef;
	color: inherit;
}

#content table tr.rowB
{
	background-color: #fafafa;
	color: inherit;
}

#content table td.colA
{
	background-color: #EEEEFF;
}

#content table td.colB
{
	background-color: #FFEEFF;
}

/* Primary Content */

#primaryContentContainer
{
	float: right;
	margin-left: -19em;
	width: 100%;
	background: #FFFFF0 url("images/bgcode.gif") repeat-x;
}

#primaryContentContainer-print
{
	float: left;
	margin-left: 0em;
	width: 100%;
	background: #FFFFF0 url("images/bgcode.gif") repeat-x;
}

#primaryContent
{
	margin: 0em 1em 0em 16em;
	padding: 1.5em 0em 1.5em 0em;
}

#primaryContent-print
{
	margin: 0em 0em 0em 0em;
	padding: 1.5em 1.5em 1.5em 1.5em;
}

/* Secondary Content */

#secondaryContent
{
	float: left;
	width: 185px;
	background: #D8EFD8 url("images/sidebar_bg3.gif") repeat-x;
	margin-top: 0.3em;
	padding: 1.2em 0.4em 0em 0.4em;
	border-bottom: solid 5px #88C78A;
}

/* Link CSS Button */

.rssbutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: normal 12px Verdana;
}

.rssbutton:visited, .rssbutton:hover {
color: white;
}

.rssbutton_active {
background-color: #336699;
border: 1px #336699 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: normal 12px Verdana;
}

.rssbutton_active:visited, .rssbutton_active:hover {
color: white;
}

.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}


/* 圓角矩形 */
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h5 { background: transparent url(images/demobox.gif) no-repeat bottom right; } 

.cssbox { width: 595px !important; /* intended total box width - padding-right(next) */ width: 320px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 20px auto; /* use to position the box */ } /* set the top-right image */ 

.cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 

.cssbox_head h5 { font-size: 14px; background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 

.cssbox_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 


.cssbox_gold, .cssbox_body_gold, .cssbox_head_gold, .cssbox_head_gold h5 { background: transparent url(images/demobox_gold.gif) no-repeat bottom right; } 

.cssbox_gold { width: 595px !important; /* intended total box width - padding-right(next) */ width: 320px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 20px auto; /* use to position the box */ } /* set the top-right image */ 

.cssbox_head_gold { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 

.cssbox_head_gold h5 { font-size: 14px; background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 

.cssbox_body_gold { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 


/* Footer */

#footer
{
	background: #FFFFFF url("images/foot-border2.gif") repeat-x;
	font-size: 85%;
	border-top: solid 1px #e5e5e5;
	text-align: right;
	padding: 1.5em 0em 1.5em 0em;
}

.clear
{
	clear: both;
}