body
{
 	background: #e3e3e3 0px 0px;
    text-align: center;
	padding: 0; 
	margin: 0; 
	width: 100%;    
	font-size:small;
}

#page {
	width: 1010px;
	background-image: url(images/ffjh101bg1010x5.jpg);
	background-repeat: repeat-y;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: top;
}

#content
{
    width: 500px; *width: 500px!important; *width: 480px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px; *margin-left: 10px!important; *margin-left: 10px;
    float: left;
    text-align: left;
}

#content700
{
    width: 700px; *width: 700px!important; *width: 690px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 40px; *margin-left: 40px!important; *margin-left: 40px;
    float: left;
    text-align: left;
}

#rightblock
{
    width: 220px; *width: 220px!important; *width: 210px;
    height: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    /*margin-right: 15px; *margin-right: 15px!important; *margin-right: 5px;*/
    padding-right: 30px;
    float: right;
    position: relative;
    text-align: left;    
}

#sidemenu
{
    width: 190px; *width: 190px!important; *width: 180px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 20px;
    height: 100%;
    float: left;
    position: relative;
}

#content
{
    width: 480px; *width: 480px!important; *width: 460px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px; *margin-left: 10px!important; *margin-left: 10px;
    float: left;
    text-align: left;
}



/* Accordion */
#AccordionDiv
{
    margin-left: 8px;    
}

.accordionHeader
{
    /*background-image: url(images/bg_nav.gif);*/
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2e4d7b;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}



#nullblankheight
{
    height: 550px;
    width: 950px;
}

.headbar
{
    position: absolute;
    right: 200px;    
    top: 20px;
    text-align: right;
    z-index: 2;
    font-size:small;
    width: 100%;
    color: #ffffff;
}

#header .headbar a {
    color: #ffffff;
}

#header .headbar a:hover {
    color: #ffff00;
}

.headbar101
{
    padding-top: 18px;
    padding-left: 310px;
    padding-right: 5px;
    padding-bottom: 0px;
    color: #ffffff;
    font-size: 12px;
}

#header .headbar101 a {
    color: #ffffff;
}

#header .headbar101 a:hover {
    color: #ffff00;
}

#headerswf101
{
    padding-top: -5px;
    padding-left: 35px;
    padding-right: 5px;
    padding-bottom: 0px;
}

.headbar2
{
    position: absolute;
    right: 200px;    
    top: 5px;
    text-align: right;
    z-index: 2;
    font-size:small;
    width: 100%;
    color: #0066ff;
}

#accesskeyleftpos {
    position: absolute;
    left: 20px;
    top: -10px;
    text-align: right;
    z-index: 2;
}    

#accesskeycontentpos {
    position: absolute;
    left: 200px;
    top: 250px;
    text-align: right;
    z-index: 2;
}    

#header {
	background-image: url(images/ffjh100header1010x130blue2.jpg);
	height: 130px;
	width: 100%;
	margin-left: 0px; *margin-left: 0px!important; *margin-left: 1px;
	background-repeat: no-repeat;
}

#header2 {
	background-image: url(images/tycsporthead2_972.jpg);
	_background-image: url(images/none.jpg);
	height: 100px;
    width: 100%;
    margin-left: 0px; *margin-left: 0px!important; *margin-left: 1px;
	background-repeat: no-repeat;
}

#headerswf
{
    padding-top: 15px;     
    padding-left: 20px;
    padding-right: 5px;
    padding-bottom: 0px;
}

#headerswf2 {
	padding-top: 33px;
	padding-left: 20px;
	padding-right: 5px;
	padding-bottom: 0px;
    _float: right;
    _position: relative;    
}

#multibrowserfix-novideo {
  position: relative;
  top: 1px; /* firefox */
  *top: 1px; /* ie7 */
  _display: none;  /* ie6 */    
  left: 15px;
}

#multibrowserfix2 {
  position: relative;
  top: -145px; /* firefox */
  *top: -75px; /* ie7 */
  _display: none;  /* ie6 */    
  left: 5px;
}

#multibrowserfix {
  position: relative;
  top: -210px; /* firefox */
  *top: -210px; /* ie7 */
  _display: none;  /* ie6 */    
  left: 260px;
}
  
.mainmenu101
{
    background-image: url(images/ffjh101msgbar1010x33.jpg);
    background-repeat: no-repeat;
    height: 33px;
    width: 100%;
    padding-left: 100px;
    *padding-top: 2px;
}

.mainmenu
{
  left: 10px;
  position: relative;
  width: 98%;
  height:22px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  text-align: center;
  font-size:small;
  color: #0066ff;
}

#bottomttt {
	height: 1000px;
	width: 90%;
	text-align: center;
	color: #999999;
	position: static;
	clear: both;
	margin: 0 auto;
}

#bottombody {
	background-image: url(images/ffjh100body_1010x5.jpg);	
	background-repeat: repeat-y;
	height: 1100px;
	width: 100%;
	text-align: center;
	color: #999999;
	position: static;
	clear: both;
	padding: 10px 0px 0px 10px;
}

#footer2 {
	background-image: url(images/ffjh100footer2_1010x5blue.jpg);	
	background-repeat: repeat-y;
	height: 60px;
	width: 100%;
	margin-left: 0px; *margin-left: 0px!important; *margin-left: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align: center;
	color: #ffffff;
	position: static;
	clear: both;
}

#footer {
	background-image: url(images/ffjh100footer1010x20.jpg);
	height: 20px;
	width: 100%;
	margin-left: 0px; *margin-left: 0px!important; *margin-left: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align: center;
	color: #999999;
	position: static;
	clear: both;
}

#rightblock .counter
{
    background-image: url(images/board200x106nohead.gif);
    height: 110px;
    width: 220px;
    padding: 10px 0px 0px 0px;
    background-repeat: no-repeat;
    text-align: center;
    margin-left: 5px;
}

#rightblock .time
{
    background-image: url(images/board200x106nohead.gif);
    height: 110px;
    width: 220px;
    padding: 10px 0px 0px 10px;
    border-bottom: 1px dotted #CCCCCC;
    background-repeat: no-repeat;
    text-align: center;
}

#rightblock .calendar
{
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #CCCCCC;
}

#rightblock .weblink
{
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #CCCCCC;
}

#rightblock .weblinkblock
{
    padding: 5px 0px 5px 0px;
    text-align: center;
}

#content2 {
	width: 500px;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
}

#content3 {
	width: 630px;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 30px;
	margin-left: 30px;
	float: left;
}

#content31 {
	width: 690px;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 60px;
	padding-left: 150px;
	float: left;
}

#content4 {
	width: 500px;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 30px;
	float: left;
}

#content5
{
    width: 480px;
    margin-top: 5px;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 20px;
    float: left;
}

.dividebydotline 
{
	padding: 5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.memberzone
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
    text-align: left;
    color: #0000ff;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 5px;
}

.td1
{
    background-image: url(images/board180forHTML_1.jpg);
    background-repeat: no-repeat;
    width: 183px;
    height: 37px;
}

.td3
{
    background-image: url(images/board180forHTML_3.jpg);
    background-repeat: no-repeat;
    width: 183px;
    text-align: center;
}

.td5
{
    background-image: url(images/board180forHTML_5.jpg);
    background-repeat: no-repeat;
    width: 183px;
    height: 15px;
}


#webInfo {
	padding-top: 45px;
	padding-left: 230px;
	padding-right: 30px;
}
#webInfo .webNavigation {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	line-height: 150%;
	color: #FFFFFF;
	text-align: right;
	height: 30px;
}
#webInfo .webNavigation a {
	color: #FFFFFF;
	text-decoration: none;
}
#webInfo .webNavigation a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#webInfo .webName {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	font-weight: bold;
	line-height: 120%;
	color: #FFFFFF;
}
#webInfo .webDesc {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	font-weight: bold;
}
#content h1 {
	font-size:small;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #0066CC;
}
#content h2 {
	font-size:small;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #FF9900;
}
#content h3 {
	font-size:small;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #0066CC;
}
#content .time {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	line-height: 120%;
	color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#content .albumpic {
	float: left;
	height: 130px;
	width: 130px;
	padding: 12px;
	margin: 5px 3px;
	background: white;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	font-size:small;
	text-align: center;
	vertical-align: baseline;
}
#content .albumpic .ls{height: 96px; width: 128px; margin: 16px 0;}
#content .albumpic .pt {height: 128px; width: 96px; margin: 0 16px;}

#content5 .hotnews {	 	
    background: url(images/board2.gif) no-repeat;
	width: 478px;
	height: 320px; 
}

#content .pageCount {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	margin-top: 10px;
	text-align: center;
	line-height: 150%;
}
#page a {
	color: #0066CC;
	text-decoration: none;
}
#page a:hover
{
    color: blue;
    text-decoration: none;
}


#rightblock h2 {
	font-family: 新細明體, 細明體, Georgia, "Times New Roman", Times, serif;
	font-size:small;
	line-height: 150%;
	/* color: #0066CC; */
	background-color: #F0F0F0;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}
#rightblock ul {
	list-style-type: square;
	font-size:small;
	line-height: 160%;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#rightblock li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	list-style-position: inside;
	list-style-type: disc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.postContent {
	margin: 10px;
}

.shadow {
	float: left; 
	width: auto;
	background: url(images/fuzzy_shadow.png) no-repeat bottom right;
}

.shadow div {
	background: url(images/fuzzy_shadow1.png) no-repeat right top;
}

.shadow div div 
{
	background: url(images/fuzzy_shadow2.png) no-repeat left bottom;
	padding: 0 6px 6px 0;
}

.shadow .photoimg {
	background-color: #fff;
	color: #000;
	border: 1px solid #999;
	padding: 4px;
	vertical-align: bottom;
}

.page {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.photo-frame
{
    margin-left: auto;
    margin-right: auto;
}

#photos, #details, #admin-details {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0;
	width: 650px;
}

.buttonbar {
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 650px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(images/photonav-top-bg.gif);
	width: 650px;
}

.postContent h1 {
	font-size:small;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #0066CC;
}

.album {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	background: url(images/albumback.gif) no-repeat;
	float: left;
	width: 180px;
	height: 170px;
}

.album .ls{
	width:138px;
	height:120px;
	margin: 24px 5px 5px 30px;
	border-color: #444 #AAA #AAA #444;
}

.pic2 {
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 4px;
	padding-left: 4px;
	float: left;
	width: 150px;
	height: 150px;
}

.pic2 .ls{
	width:150px;
	height:112px;
	margin: 5px 0;
	margin-left: 0px;
	border-color: #444 #AAA #AAA #444;
}

.pic2 .pt{
	height:150px;
	margin: 0 17px;
	width: 112px;
	border-color: #444 #AAA #AAA #444;
}

.pic {
	padding-bottom: 10px;
	padding-top: 6px;
	padding-right: 15px;
	padding-left: 6px;
	background: url(images/photoback.gif) no-repeat;
	float: left;
	width: 150px;
	height: 150px;
}

.pic .ls{
	width:150px;
	height:112px;
	margin: 19px 0;
	margin-left: 0px;
	border-color: #444 #AAA #AAA #444;
}

.pic .pt{
	height:150px;
	margin: 0 19px;
	width: 112px;
	border-color: #444 #AAA #AAA #444;
}

.blockcontent {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color: #0066CC;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 150%;
	clear: both;
}

.postCommand {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color: #0066CC;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 150%;
	clear: both;
}

.postCommand2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color: #0066CC;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	clear: both;
}

#commentform {
	margin:10px;
}
#commentform form {
	margin:0px;
}
#commentform table {
	width: 100%;
	background-image: url(images/commentformbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #F0F0F0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F0F0F0;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-left-color: #F0F0F0;
}
#commentform th {
	font-size:small;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #BCBCBC;
}
#commentform tr,td {
	font-size:small;
	vertical-align: baseline;
	line-height: 24px;
}
input, textarea {
	font-size:small;
	line-height: 120%;
}
#title2 {
	font-size:small;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #FF9900;
}
tr.row1,td.row1	{ background-color: #EFEFEF; font-size:small;}
tr.row2,td.row2	{ background-color: #DEE3E7; font-size:small;}	
.nav			{ color : #000000; font-size:small;}
.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid;}

#content3 h1 {
	font-size:small;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #0066CC;
}
#content3 h2 {
	font-size:small;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #FF9900;
}
#content3 h3 {
	font-size:small;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #0066CC;
}
#content3 .time {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	line-height: 120%;
	color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#content3 .albumpic {
	float: left;
	height: 130px;
	width: 130px;
	padding: 12px;
	margin: 5px 3px;
	background: white;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	font-size:small;
	text-align: center;
	vertical-align: baseline;
}
#content3 .postContent {
	margin: 10px;
}
#content3 .postContent p {
	font-size:small;
	line-height: 150%;
	margin: 0 0 5px 0;
	word-spacing: 4pt;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content3 .postContent .pic {
	padding-bottom: 10px;
	padding-top: 6px;
	padding-right: 25px;
	padding-left: 6px;
	background: url(images/photoback.gif) no-repeat;
	float: left;
	width: 150px;
	height: 150px;
}

#content3 .postContent .pic .ls{
	width:150px;
	height:112px;
	margin: 19px 0;
	margin-left: 0px;
	border-color: #444 #AAA #AAA #444;
}

#content3 .postContent .pic .pt{
	height:150px;
	margin: 0 19px;
	width: 112px;
	border-color: #444 #AAA #AAA #444;
}

#content3 .albumpic {
	float: left;
	height: 130px;
	width: 130px;
	padding: 12px;
	margin: 5px 3px;
	background: white;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	font-size:small;
	text-align: center;
	vertical-align: baseline;
}
#content3 .albumpic .ls{height: 96px; width: 128px; margin: 16px 0;}
#content3 .albumpic .pt {height: 128px; width: 96px; margin: 0 16px;}

#content3 .postCommand {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color: #0066CC;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	clear: both;
}
#content3 .pageCount {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:small;
	margin-top: 10px;
	text-align: center;
	line-height: 150%;
	clear: both;
}
.menupage {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}	
.temppage {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
   border-top : 1px solid #CCCCCC;
}	

.temppage2 {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;  
  border-bottom : 1px solid #CCCCCC;
}	

.temppage3 {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
  border-bottom : 1px solid #CCCCCC;
  border-right : 0px solid #CCCCCC;
}	

.headmenu
{
    font-size:small;
    color: black;
    font-family: 標楷體, 新細明體, 細明體, 'Courier New';
    background-color: transparent;
    text-align: left;
    position: relative;
    top: 7px;
    left: 15px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px 10px 5px 10px;
    margin: 0px 35px 5px 5px;
    width: 910px;
}

.addborder
{
    border-top: deepskyblue 1px solid;
    border-bottom: deepskyblue 1px solid;
    border-right: deepskyblue 1px solid;
    border-left: deepskyblue 1px solid;
}

.morelink
{
    left: 620px;
    top: 323Px; /* *top: 323Px!important; *top: 300Px; */
    position: absolute;    
    width: 100px;
    height: 30px;
    z-index: 0;   
}

.morelink2_1
{
    left: 620px;
    position: absolute;
    top: 280Px;
    width: 100px;
    height: 30px;
    z-index: 0;
}

.morelink2_2
{
    left: 620px;
    position: absolute;
    top: 600Px;
    width: 100px;
    height: 30px;
    z-index: 0;
}

.morelink2_3
{
    left: 620px;
    position: absolute;
    top: 920Px;
    width: 100px;
    height: 30px;
    z-index: 0;
}

.morelink2_4
{
    left: 620px;
    position: absolute;
    top: 1240Px;
    width: 100px;
    height: 30px;
    z-index: 0;
}

.morelink2_5
{
    left: 620px;
    position: absolute;
    top: 1560Px;
    width: 100px;
    height: 30px;
    z-index: 0;
}


.scroll
{
    left: 500px;
    position: absolute;
    top: 5px;
    font-size:small;
    width: 100%;
    text-align: left;
    color: #0066ff;
}

#page .menuHeader a {
	color: #FFFFFF;
	text-decoration: none;
}
#page .menuHeader a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}
#page #footer a
{
    color: #636363;
    text-decoration: none;
}
.registerdoc
{
    font-size:small;
}
.noborder
{
	border:0;
}
.aligncenter
{
	text-align: center;
}
.aligncenter2
{
	background-color: #FFFFFF;
	text-align: center;
}


/* -------------------------------------------------------------- */
/* Navigation/menu bar                                            */
/* -------------------------------------------------------------- */

#menubar {
    margin-bottom     : 10px;
    height            : 24px;
}

#menu {
    padding-top       : 1px;
    padding-bottom    : 1px;
}

#menu ul {
    padding           : 0px 0px;
    margin            : 0px;
    list-style-type   : none;
    color             : #FFF;
    width             : 100%;
    text-align        : center;
}

#menu li {
    position          : relative;
    padding           : 0px;
    border-left       : 0px solid #B4B4B4;
    display           : inline;
    font-weight       : bold;
    font-family       : arial, verdana, tahoma, sans-serif;
    font-size         : 1em;
    letter-spacing    : 2px;
    text-transform    : uppercase;
}

#menu a, #menu a:link, #menu a:visited {
    padding           : 0.3em 0.3em;
    color             : #0E3862;
    text-decoration   : none;
}

#menu a:hover {
    background        : #818181;
    color             : #FFFFFF;
    text-decoration   : underline;
}

#menu li.selected {
    display           : block;
    width             : auto;
    padding           : 2px 2px;
    background        : #FFFFFF;
    color             : #000000;
    border-bottom     : 1px solid #FFFFFF;
}

#menu br {
    clear             : both;
}

h2 {
   margin            : 12px 0px 12px 0px;
   border-bottom     : 2px solid #cccccc;
   font-size         : small;
/* clear             : both; */
}

a img {
    border           : 0px;
}

fieldset {
   border             :1px solid #cccccc; 
   padding-top        :10px; 
   margin-top         :10px; 
   padding-left       :10px; 
   padding-bottom     :10px;
}

subtitle {
   color              : #777;
}
    
.postinfo {
   color              : #777;
   margin-bottom      : 12px;
   padding-bottom     : 6px;
}

#onecolumn {
    float             : center;
    width             : 90%;
    margin-bottom     : 12px;
    margin-left       : 50px;
}
#registrationform label {
   display            :block;
}

#registrationform .formHelp {
   color              :#777777;
}

#registrationform fieldset {
   padding            :1em 2em 1em 2em;
}

.buttons {
   padding-top        : 1em; 
   float              : right;
}

#intro {
   background-color   : #efefef;
   margin             : 0px 0px 12px 0px;
   padding            : 12px;
   border             : 1px solid #cccccc;
}

.field {
    top               : 0px;
    left              : 0px;
    margin            : 0px 1em 1em 0px;
}

#bottom2 {
	height: 170px;
	width: 90%;
	text-align: center;
	color: #999999;
	position: static;
	clear: both;
	margin: 0 auto;
}

.morelink2
{
    left: 350px;
    position: absolute;
    top: 230Px;
    width: 100px;
    height: 30px;
    z-index: 0;
}

.directlink
{
    left: 180px;
    position: absolute;
    top: 65Px;
    width: 300px;
    height: 30px;
    z-index: 0;
}

.directlink2
{
    font-family:標楷體,新細明體; 
    font-size:17pt;
    font-weight: bold;     
    position: relative;
    width: 300px;
    height: 30px;
    top: -35px;
}

#awardlogo
{
    width: 125px;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 170px;
    float: right;
    position: relative;
    text-align: left;

}

#rightblock7
{
    width: 135px;
    height: 100%;
    margin: 10px 25px 10px 0px;    
    float: right;
    position: relative; 
    text-align: left;
}

* html #rightblock7   /* ie6 */    
{
    left: 20px;
    position: absolute;
    top: 200Px;
    width: 125px;
    height: 100%;
    z-index: 0;
    margin: 0 auto;
}

#rightblock7 .container7 { 
   margin   : 5px 5px 5px 5px; 
   padding  : 5px 5px 5px 5px; 
   border   : 1px solid #cccccc;
   width: 100%;
}

* html #rightblock7 .container7 { /* ie6 */    
   margin   : 12px 12px 12px 12px;
   padding  : 12px 12px 12px 12px; 
   border   : 1px solid #cccccc;
   width: 100%;
}

#content7
{
    width: 800px;    
    text-align: left;
    margin: 30px 0px 10px 10px;
}

* html #content7
{
    _margin: 30px 0px 10px 300px;
}

#content7 .title1
{
    padding: 7px 30px 10px 15px;
    font-weight: bold;
    font-size: larger;
    left: 5px;
    top: 5px;
    font-family: 標楷體,新細明體;
    font-size: 15pt;
    font-color: #ff0000;
    font-weight: bold;
    position: relative;
    color: #0000FF;
}

#content7 .body1
{
	padding: 20px 10px 0px 25px;    
}


#floatpic
{
    margin-top: -50px;
    margin-bottom: 10px;
    margin-right: 580px;
    float: right;
    position: relative;
}

#floataward
{
    margin-top: -5px;
    float: right;
    position: relative;
}

#floataward2
{
    margin-top: -20px;
    float: right;
    position: relative;
}

/*Popup Control*/
.popupControl
{
    border: thin solid #0000FF;
    background-color: White;
    position: absolute;
    visibility: hidden;
}

/*leftside menu*/
#sidemenu .menu {
	margin-bottom: 15px;
	width: 200px;
}

#sidemenu .menu ul {
	list-style-type: square;
	font-size:small;
	line-height: 150%;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#sidemenu .menu ul li {
	font-weight: bold;
	background: #FFFFFF url(images/menu_li.jpg) no-repeat left top;
	color: #FFFFFF;
	line-height: 140%;
	padding: 9px 5px 0 20px;
	padding: 10px 5px 0 20px \9;
	*padding: 10px 5px 0 20px;
	display: block;
	_display: inline-block;
}

#sidemenu .menu ul li a {
	color: #FFFFFF;
	background: url(images/menu_li_a.jpg) no-repeat left bottom;
	display: block;
	margin-left: -20px;
	padding-left: 20px;
	padding-bottom: 6px;
	padding-right: 3px;
	margin-right: -5px;
}

#sidemenu .menu ul li a:hover {
	color: #FFFF00;
}


#content360
{
    width: 480px; *width: 480px!important; *width: 470px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 40px; *margin-left: 40px!important; *margin-left: 40px;
    float: left;
    text-align: left;
}

.hotnews1011
{
    background: url(images/board101_500x320.png) no-repeat;
    width: 490px;
    height: 300px;
    margin-bottom: 85px;
    margin-top: 15px;
}

.hotnews1011 .title1
{
    padding-top: 5px;
    padding-left: 45px;
    padding-right: 5px;
    font-weight: bold;
    font-size: small;
    left: 5px;
    position: relative;
    top: 2px;
    color: #FFFFFF;
}

.hotnews1011 .body1
{
	padding: 15px 5px 15px 15px;
	line-height: 100%; *line-height: 70%!important; *line-height: 65%;
}

.hotnews1011 .title1 .moremsg
{
    padding-left: 300px;
    padding-top: 150px;
}

.hotnews1011 .title1 .moremsg2
{
    padding-left: 240px;
    padding-top: 150px;
}

.hotnews1011 .title1 .moremsg3
{
    padding-left: 135px;
    padding-top: 150px;
}

.hotnews1012 .title1
{
    padding-top: 5px;
    padding-left: 45px;
    padding-right: 5px;
    font-weight: bold;
    font-size:small;
    left: 5px;
    position: relative;
    top: 2px;
    color: #FFFFFF;
}

.hotnews1012 .title1 .moremsg
{
    padding-left: 140px;
    padding-top: 150px;
}

.hotnews1012 .title1 .moremsg2
{
    padding-left: 180px;
    padding-top: 150px;
}

.hotnews1012 .body1
{
	padding: 15px 5px 0px 15px;
	line-height: 100%; *line-height: 70%!important; *line-height: 65%;
}

.hotnews1012 {	 	
    background: url(images/board101no2_360x310.png) no-repeat;
	width: 360px;
	height: 320px; 
	margin-bottom: 10px;
}

.hotnews1013
{
    background: url(images/board101_500x320.png) no-repeat;
    width: 490px;
    height: 220px;
    margin-bottom: 15px;
}

.hotnews1013 .title1
{
    padding-top: 5px;
    padding-left: 45px;
    padding-right: 5px;
    font-weight: bold;
    font-size: small;
    left: 5px;
    position: relative;
    top: 2px;
    color: #FFFFFF;
}

.hotnews1013 .body1
{
	padding: 15px 5px 0px 15px;
	line-height: 100%; *line-height: 70%!important; *line-height: 65%;
}

.hotnews1013 .title1 .moremsg
{
    padding-left: 250px;
    padding-top: 150px;
}

.hotnews1013 .title1 .moremsg2
{
    padding-left: 240px;
    padding-top: 150px;
}

.hotnews1013 .title1 .moremsg3
{
    padding-left: 135px;
    padding-top: 150px;
}


.hotnews1014
{
    background: url(images/board101_500x320.png) no-repeat;
    width: 490px;
    height: 300px;
    margin-bottom: 15px;
}

.hotnews1014 .title1
{
    padding-top: 5px;
    padding-left: 45px;
    padding-right: 5px;
    font-weight: bold;
    font-size: small;
    left: 5px;
    position: relative;
    top: 2px;
    color: #FFFFFF;
}

.hotnews1014 .body1
{
	padding: 15px 5px 0px 15px;
	line-height: 100%; *line-height: 70%!important; *line-height: 65%;
}

.hotnews1014 .title1 .moremsg
{
    padding-left: 300px;
    padding-top: 150px;
}

.hotnews1014 .title1 .moremsg2
{
    padding-left: 240px;
    padding-top: 150px;
}

.hotnews1014 .title1 .moremsg3
{
    padding-left: 135px;
    padding-top: 150px;
}


#rightblock360 {
    width: 360px; *width: 360px!important; *width: 350px;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-right: 40px;
    float: right;
    position: relative;
    text-align: left;    
}

.hotnews .title1
{
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 5px;
    font-weight: bold;
    font-size:small;
    left: 5px;
    position: relative;
    top: 5px;
}

.hotnews .body1
{
	padding: 15px 5px 0px 15px;
	line-height: 100%; *line-height: 70%!important; *line-height: 65%;
}

.hotnews .title1 .moremsg
{
    padding-left: 170px;
    font-size: small;
    font-weight: normal;
}

.hotnews .title1 .moremsg2
{
    padding-left: 184px;
    font-size: small;
    font-weight: normal;
}

.hotnews .title1 .moremsg2_3
{
    padding-left: 198px;
    font-size: small;
    font-weight: normal;
}

.hotnews .title1 .moremsg2_6
{
    padding-left: 155px;
    font-size: small;
    font-weight: normal;
}

#sidemenu .counter
{
    background-image: url(images/board180x106nohead.gif);
    height: 100px;
    width: 180px;
    padding: 5px 0px 0px 0px;
    background-repeat: no-repeat;
    text-align: center;
    margin-left: 5px;
}

#sidemenu .awardlogo101
{
    border: 1px solid #C0C0C0;
    margin: 5px;
    height: 200px;
    width: 180px;
    padding: 15px 0px 10px 2px;
    text-align: center;
}

.columncontainer { 
   margin-bottom     : 12px;
   margin-left       : 20px;
   padding           : 12px 12px 12px 20px; 
   border            : 1px solid #cccccc;
   width: 90%;
}

.columncontainer2
{
    margin: 0px 15px 0px 25px;
    padding: 15px 25px 15px 30px;
    border: 1px solid #cccccc;
    width: 85%;
}

.marqueePos
{
    left: 2px;
    position: relative;
    top: -7px;
    color: #990099;
}

.marqueePos #MarqueeId1
{
    /*
    border: 0px solid #C0C0C0;
    background-image: url(images/msgbar.jpg);
    background-repeat: no-repeat;
    */
    color: #990099;
}

.columncontainertop
{
    margin-bottom: 20px;
    margin-left: 5px;
    padding: 5px 0px 5px 10px;
    border: 1px solid #FF0000;
    width: 100%;
}

.columncontainertop2
{
    margin-top: 10px;
    margin-left: 5px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #0000FF;
    width: 100%;
}

.hotnews1015
{
    background: url(images/board101_500x320.png) no-repeat;
    width: 490px;
    margin-bottom: 5px;
}

.hotnews1015 .title1
{
    padding-top: 5px;
    padding-left: 45px;
    padding-right: 5px;
    font-weight: bold;
    font-size: small;
    left: 5px;
    position: relative;
    top: 2px;
    color: #FFFFFF;
}

.hotnews1015 .body1
{
	padding: 15px 5px 5px 15px;
	line-height: 100%; *line-height: 70%!important; *line-height: 65%;
}

.hotnews1015 .title1 .moremsg
{
    padding-left: 250px;
    padding-top: 150px;
}

.hotnews1015 .title1 .moremsg2
{
    padding-left: 240px;
    padding-top: 150px;
}

.hotnews1015 .title1 .moremsg3
{
    padding-left: 135px;
    padding-top: 150px;
}