@charset "utf-8";
/* CSS Document */
/* backside css */
#backbody{
position:relative;
background:url(../images/backside.png);
margin:0 auto;
width:100%;
}
innerbody{
background:url(../images/innerbg.gif);
text-align:center;
margin:0;
}
img{
border:0;
display:block;
margin:0;
padding:0;
border:0;
}

a {
text-decoration:none;
}
input.text{width:100px;}
.center{text-align:center;}
.block{ display:block;}
#bannerdiv{
   text-align:center;
   width:1000px;
   }
#navselect{

text-align:center;
width:1000px;
}
#bannerimg{ 
width:1000px;
height:50px;
}
#viewarea{float:left; width:10%;}
img.border{
  display:inline;
}
.upborder{height:9px;}
#upborder01{ background:url(../images/back_04.gif);
height:8px;
}
#upborder02{ 
background:url(../images/back_07.gif);
width:10px;
background-repeat:repeat-y;
}
#upborder03{
 background:url(../images/back_08.gif);
 text-align:center;
 margin:0 auto;
 vertical-align:middle;
 padding-top:30px;
 padding-bottom:30px;
 width:1000px;
           }
#upborder04{ 
background:url(../images/back_09.gif);
				width:12px;
				}
#db01{ width:10px;
       height:15px;
   }
#db02{ background:url(../images/back_11.gif);
height:12px;}
#contentdiv {
text-align:center;
vertical-align:middle;
width:100%;
}
#contentdiv img{ display:inline;}
.rb{width:12px;
width:80%;}
#tt{width:800px;
 height:300px;}
#tf{
width:800px;
margin:auto auto;
}
#createtb{ text-align:center; 

width:100%;
}
.bi{width:80%;}
#viewtb{width:100%;text-align:center;
}
.postimg{cursor:pointer;}
.style1{border:1px #000000 solid;

text-align:left;
padding-left:5px;
}
.inline{ display:inline;}
.norightborder{border-right:0;}
.noleftborder{border-left:0;}
.width100{width:100%;}
.width80{width:80%;}
.width70{width:70%;}
.width60{width:60%;}
.width50{width:50%;}
.width40{width:40%;}
.width30{width:30%;}
.width20{width:20%;}
.width10{width:10%;}
.font20{}
.font19{}
.font18{}
.font17{}
.font16{}
.font15{
	
	line-height: 25px;
}
.font14{}
.font13{}
.font12{}
h1{
font-weight:lighter;
}
.font11{}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
#itemstb{width:100%;text-align:center;}
#editdata{
position:absolute;
border:1px solid black;
width:400px;height:300px;
left:400px; z-index:100;
background:#FFFFFF;
display:none;
}
.pointer{ cursor:pointer;}
.bg{background:url(../images/topb.gif);}
#sortkinds td{width:100px;}
#signnote td{width:100px;}
#wc{width:1000px;}
#copyright{ 
display:block;
   width:100%;
   text-align:center;
   height:24px;
   }
/*----end-----*/
   
/* CSS Document */
#frontbody{
font-size:81%;
font-family:"新細明體",Verdana, Arial, Helvetica, sans-serif;;
background:#efefef;
margin:0;
position:relative;
}
#viewarea_front{
margin:auto;
width:1003px;
position:relative;
}
#bodyarea{
background:#FFFFFF;
margin:0!important;margin-top:-13px;
padding-bottom:3px;
}
#decoration1{
background:url(../images/b_05.gif);
width:150px;
height:34px;
margin-top:3px;
}

#leftside{
position:relative;
z-index:10;

float:left;}
#aboutnorthtrainning
{
margin-top:2px;
width:148px;
}
#jobtrainnig{
margin-top:2px;
width:148px;
}
#serverceforppl{
margin-top:2px;
*margin-top:-1px;
width:148px;
}
#mainarea{
width:853px!important; width:840px;
margin:0px;
padding:0px;
margin-top:0px;
float:left;
}
#midcontent{
width:695px!important; width:690px;
float:left;
margin-left:10px !important;margin-left:5px;
font-size:1em;
line-height:20px;
overflow:hidden;
}
#midcontent div div img{
display:inline;
margin:0 10px 0 10px;
}
#midcontent div div a{
float:right;
margin-top:10px;
margin-bottom:auto;
margin-right:5px;
color:#8d918d;
}
#midcontent div div a:link
{
color:#8d918d;
}
#midcontent div div a:visited
{
color:#8d918d;
}
#midcontent div div a:hover
{
color:#CCCCCC;
}


#newsbanner{
margin-top:1px;
background:url(../images/b_11.gif);
width:650px;
height:35px;
}

#newbloodbanner{
margin-top:1px;
background:url(../images/b_37.gif);
width:650px;
height:33px;
}
#casedeclarebanner{
margin-top:1px;
background:url(../images/b_47.gif);
width:650px;
height:35px;
}
#outsidefoot
{
background:url(../images/b_56.gif);
height:111px;
width:100%;
margin-top:0px;
text-align:center;
padding-top:5px;
position:relative;
z-index:0;
/*****/
}
#nat{
position:absolute;
top:10px;
left:130px;
}
#outsidefoot p
{
color:#FFFFFF;
margin-right:auto;
margin-left:auto;
width:100%;
}
#bottomhr{
height:10px;
background:#CCCCCC;
margin-bottom:7px;
*margin-bottom:0px;
}
#rightside{
float:right;
width:148px;
}
#unitedstatics{
margin-top:2px;
width:148px;
}
#links
{
margin-top:2px;
width:148px;
text-align:center;
}
#links img{
margin-left:auto;
margin-right:auto;
}
#links ul{
list-style:none;
margin:0;
padding:0;
}
#links ul li{
*margin-top:-11px;
*margin-bottom:-11px;
}
#headarea{
width:100%;
}
#homepage{
background:url(../images/a_01.gif);
display:block;
width:445px;
height:90px;
float:left;
}
#homepage a{
background:url(../images/a_01.gif);
display:block;
width:445px;
height:90px;
float:left;
}
#navigation
{
float:left;
width:550px;
height:90px;
text-align:right;
vertical-align:middle;
}
#navigation div{
margin-top:5px;
height:13px;
vertical-align:bottom;

padding-top:4px;
}
#navigation div a {
margin-left:8px;
margin-right:8px;
text-decoration:none;
color:#333333;
}
#navigation div a:link{
color:#333333;
}
#navigation div a:visited{
color:#333333;
}
#navigation div a:hover{
color:#CCCCCC;
}
#banner{
background:url(../images/a_03.gif);
height:135px;
width:1000px;
margin-top:0!important;margin-top:-15px;
}
#midarea{
width:100%;
}
#midarea form
{
margin-top:0px;
margin-bottom:0px;
}
#messagebanner{
width:100%;
background-image:url(../images/e_03.jpg);
height:30px;
margin-top:-7px;
*margin-top:3px;
position:relative;
}
#messagetitle{
margin-left:120px;
margin-top:10px;
}
#messagemethod{
float:right;
margin-top:-15px;
margin-right:280px!important;margin-right:135px;
}
.messagea{
display:inline;
}
#describediv{
padding:5px 0 5px 0;
width:478px;
color:#3366CC;
float:left;
}
#leftarea{
width:280px;
float:left;
padding-left:10px;

}
.choice{
color:#FF0000;
}
#footarea{
width:100%;
}
form span{
color:#777777;
}
.clear{
clear:both;
height:0px;
display:block;
width:100%;
padding:0;
margin:0px;
}
#upperarea{ }
#leftupper{
float:left;
width:478px;
}
.quote{
border:1px red groove;
padding:10px 10px 10px 10px;
}
#d_list{
float:left;
width:318px;
}
#d_list p
{
margin-left:10px;
}
#d_subject h2{
text-align:center;
margin:0;
}
.postdiv{
float:right;
margin-right:10px;
margin-bottom:0px;
}
#leftsec{
float:left;
width:474px;
padding-left:4px;
 }
#rightsec{
float:left;
width:316px;
padding-left:4px;
}
#distitle{
margin-left:10px;
}
.inthere{
color:#FF0000;
}
.discussdiv{
width:100%;
border:1px #eae6c4 solid;
margin:10px auto 10px auto;
}
.upperinfo{
}
.namedivg{
color:#333333;
width:422px;
float:left;
vertical-align:middle;
}
.namedivb{
color:#0099FF;
width:422px;
float:left;
margin:auto;
vertical-align:middle;
}
.modifyinformation{
text-align:center;
color:#CC0000;
font-size:1em;
}
.upperinfo h3{
margin:0px;
height:18px;
padding-left:20px;
padding-top:3px;
vertical-align:middle;
}
.persenalinfo{
width:50px;
float:left;
vertical-align:middle;
}
.persenalinfo a 
{
margin-left:7px;
margin-right:7px;
float:left;
}
.dismaincontent{
padding:10px;
background-color:#fffce6;
border:1px #eae6c4 solid;
margin-top:6px;
color:#4f4c36;
font-size:1.15em;
}
.mandq{
float:left;
width:30%;
text-align:center;
}
.mandq a{
float:left;
}
.posttime{
float:left;
width:50%;
text-align:center;
}
.postipdiv
{
float:left;
width:19%;
text-align:center;
vertical-align:middle;
}
.disfootdiv{
padding-top:3px;
}
.quote p{
color:#000033;
}
#newsarea ul
{
list-style:none;
margin-left:-40px;
*margin-left:0px;
width:96.5%;
font-size:1em;
}
#newsarea form{
text-align:center;
margin:auto;
}
#newsarea form fieldset
{
width:70%;
padding-bottom:30px;
margin:auto;
}
#newsarea ul li{
height:21px;
padding-left:40px;
padding-top:5px;
}
#newsarea ul li img{
display:inline;
margin:auto 10px auto 0;
}
.decoration4{
float:right;
margin-top:-15px;
*margin-top:-10px;
margin-right:10px;
}
.newstime{
float:right;
margin-top:-15px;
*margin-top:-10px;

}
.newb{
background:#f7fdff;
}
.neww{
background:#ffffff;
margin-bottom:0px!important;margin-bottom:-8px ;
}

#newblood ul
{
list-style:none;
margin-left:-40px;
*margin-left:0px;
width:96.5%;
font-size:1em;
}
#newblood ul li{
height:21px;
padding-left:40px;
padding-top:5px;
}
#newblood ul li img{
display:inline;
margin:auto 10px auto 0;
}
.bloodb{
background:#eaf6e8;
}
.bloodw{
background:#ffffff;
margin-bottom:0px!important;margin-bottom:-8px ;
}
#casedeclare ul
{
list-style:none;
margin-left:-40px;
*margin-left:0px;
width:96.5%;
font-size:1em;
}
#casedeclare ul li{
height:21px;
padding-left:40px;
padding-top:5px;
}
#casedeclare ul li img{
display:inline;
margin:auto 10px auto 0;
}
.outg{
background:#f7f4e3;
}
.outw{
background:#ffffff;
margin-bottom:1px!important;margin-bottom:-8px;
}
.linka{
font-size:1.153em;
text-decoration:none;
}
.linka:link{
color:#000000;
}
.linka:visited{
color:#000000;
}
.linka:hover{
color:#666666;
}

.leftnmenu{
background-attachment:fixed;
background:url(../images/b_20.gif);
background-repeat:no-repeat;
height:29px;
width:148px;

text-indent:40px;
line-height:30px;
vertical-align:middle;
margin-top:1px;
cursor:pointer;
position:relative;
}
.leftnmenu a:link{
text-decoration:none;
color:#000000;
}
.leftnmenu a:visited{
text-decoration:none;
color:#000000;
}
.leftnmenu a:hover{
text-decoration:none;
color:#999999;
}
.innerlayer{
display:none;
top:0px;
background:url(../images/c01.gif);
text-indent:0px;
z-index:100;
left:150px;
position:absolute;
}
.innerarticle {
margin:auto;
height:25px;
padding-left:5px;
padding-right:5px;
text-align:center;
white-space:nowrap;
position:relative;
z-index:30;
}
.leftcmenu{
background-attachment:fixed;
background:url(../images/b_34.gif);
background-repeat:no-repeat;
height:29px;
width:148px;

text-indent:40px;
line-height:30px;
vertical-align:middle;
margin-top:1px;
cursor:pointer;
position:relative;
}
.leftcmenu a:link{
text-decoration:none;
color:#000000;
}
.leftcmenu a:visited{
color:#000000;
}
.leftcmenu a:hover{
color:#999999;
}
.leftsmenu{
background-attachment:fixed;
background:url(../images/b_49.gif);
background-repeat:repeat-x;
height:29px;
width:148x;

text-indent:35px;
line-height:30px;
vertical-align:middle;
margin-top:1px;
cursor:pointer;
position:relative;

}
.leftsmenu a:link{
text-decoration:none;
color:#000000;
}
.leftsmenu a:visited{
color:#000000;
}
.leftsmenu a:hover{
color:#999999;
}
.righttmenu{
background-attachment:fixed;
background:url(../images/b_49.gif);
background-repeat:repeat-x;
height:29px;
width:148px;

text-indent:40px;
line-height:30px;
vertical-align:middle;
margin-top:1px;
cursor:pointer;
position:relative;
}
.righttmenu a:link{
text-decoration:none;
color:#000000;
}
.righttmenu a:visited{
color:#000000;
}
.righttmenu a:hover{
color:#999999;
}
.innerrlayer{
display:none;
top:0px;
right:150px;
background:url(../images/c01.gif);
text-indent:0px;
position:absolute;
}

#article_time{
text-align:right;
padding-right:10px;
}
#newsarea h1{

}
.sitemapstyle1 {color: #FFFFFF}
.sitemapstyle2 {color: #333333}
#pagechange
{text-align:center;
width:100%;
}
#pagechange img{
display:inline;
margin:auto 5px auto 5px;
}
#pagechange span{
float:right;
right:110px;
margin-top:-23px;
margin-right:10px;
}
#mailtochef{
background:url(../images/mailto.gif);
width:650px;
height:35px;
}
#forumbanner{
background:url(../images/c_03.jpg);
width:695px !important;width:691px;
height:29px;
position:relative;
float:left;
}
#postarea{
text-align:center;
}

#postarea a img {
display:inline;
}
#topicpost{
float:left;
width:140px; 
height:29px;
}
#forumde{
position:absolute;
z-index:1;
top:5px;
left:70px;
}
#forummenutb{
width:100%;
text-align:center;

}
#forummenutb td{

}
.forumsubject{
padding-left:10px;
text-align:left;
}
.forumsubject a{
color:#000000;

}
.forumsubject a:link{
color:#000000;
}
.forumsubject a:visited{
color:#000000;
}
.forumsubject a:hover{
color:#666666;
}


.forumdescription{
padding-left:10px;
text-align:left;
color:#666666;

}
.forumdata a{
margin:auto 10px auto 10px;
}
.forumdata span{
margin:auto 10px auto 10px;

}
#questionary{
margin-top:150px;
border:4px solid #eeeeee;
padding:5px;
background-color:#eeeeee;
font-size:1em;
}
#questionary form{
padding:-10;
margin:0;
}
#questionarytimeperid{
}
#questionarytimeperid span{
margin:auto 0px auto 20px;
}
#querytionbody{
text-align:center;
height:20px;
}
.questionay_question{
width:50%;
float:left;
padding-left:20px;
}
.questionay_options
{
width:100%;
float:left;
}
#questionaryfoot {
text-align:center;
margin-top:10px;
}
#questionaryfoot span{
margin-left:auto;
margin-right:auto;
}
#searchsub{
background:url(../images/h_10.gif);
width:46px;
height:18px;
border:0;
margin-left:10px;
cursor:pointer;
}
#decoration2{
background:url(../images/b_07.gif);
height:34px;
margin-top:3px;
width:100%;
}
#decoration2 form{
display:inline;
padding:0;
border:0;
}
#decoration2 form input{
margin-top:2px;
margin-left:7px;
margin-right:7px;
}
#decoration2 img{
margin-left:100px;
display:inline;
margin-right:3px;
margin-top:5px;
}
#emailsub{
background:url(../images/g_12.gif);
border:0;
width:63px;
height:18px;
margin-left:10px;
cursor:pointer;
}
#justtext{
text-align:center;
margin-top:30px;
}
#searchbanner{
background:url(../images/searchbanner.jpg);
width:650px;
height:34px;
}
#querynaryexplain{
}
#accesskeyright{
position:absolute;
z-index:2;
}
#listrouting{

margin-top:5px;
}
#listrouting a {
margin-left:8px;
margin-right:8px;
text-decoration:none;
color:#333333;
}
#listrouting a:link{
color:#333333;
}
#listrouting a:visited{
color:#333333;
}
#listrouting a:hover{
color:#CCCCCC;
}
#label1{
}
#reback{
margin-top:40px;
text-align:center;
width:100%;
}
#reback input{
margin:auto;
}
.qcolor0{
background-color:#0033FF;
height:13px;
}
.qcolor1{
background-color:#66CC33;
height:13px;
}
.qcolor2{background-color:#FF0000;
height:13px;
}
.qcolor3{background-color:#993300;
height:13px;
}
.qcolor4{background-color:#CCFF00;
height:13px;
}
.qcolor5{background-color:#FF00FF;
height:13px;
}
.qcolor6{
background-color:#FF3300;
height:13px;
}
.bggray{background-color:#CCCCCC;
width:90%;
}
#votesmount{
width:100%;
text-align:right;
}
#questionarybanner{
margin-top:1px;
background:url(../images/banner.jpg);
width:650px;
height:34px;
}
#fontsizeset{
text-align:right;
padding-right:0px;
position:absolute;
width:1000px;
top:-61px;
left:5px;

}
#fontsizeset a{

color:#8d918d;
}
#fontsizeset a:link
{
color:#8d918d;
}
#fontsizeset a:visited
{
color:#8d918d;
}
#fontsizeset a:hover
{
color:#CCCCCC;
}
.rss{
background:url(../images/rss.gif);
display:block;
width:15px;
height:15px;
margin-right:10px;
}
.msubject{
padding-left:20px;
}

.expdate:link{
color:#808000;
}
.expdate:visited{
color:#808000;
}
.expdate:hover{
color:#008080;
}
#dfdstudio{
height:0px;
overflow:hidden;
}
.font-size2
{
margin-top:5px;
}
