@charset "big5";
body {
	background-color: #FFFFFF;
	background-image: url(file:///E|/web%20file/formal_file/panther/images/bgbg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}




#outside {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#inside {
	background-image: url(images/bg2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	width: 100%;
}
#bottombg {
	background-image: url(images/bg3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 100%;
}
#contier {
	background-image: url(images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 1000px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#heater {
	float: left;
	width: 970px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#heater #logoarea {
	float: left;
	width: 760px;
	_margin-right: 5px;
	margin-left: 2px;
}
#heater #logoarea #logo1 {
	float: left;
	height: 36px;
	width: 250px;
}
#heater #logoarea #logo2 {
	float: left;
	height: 36px;
	width: 250px;
}
#heater #toolicon {
	float: left;
	width: 180px;
	_margin-left: 3px;
	text-align: right;
	font-size: 10pt;
	color: #666666;
	margin-top: 30px;
}
#topbar {
	background-image: url(images/topbarbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 960px;
	height: 40px;
	padding-right: 5px;
	padding-left: 5px;
}
#topbar ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 960px;
}
#topbar li {
	float: left;
	width: 120px;
	list-style-type: none;
}

#topbar li a {
	color: #000000;
	display: block;
	overflow: hidden;
	height/**/: 0px;
	height:0 !important;
	_height:0;
	padding-top: 40px;
	width: 100%;
	background-image: url(images/topbar.jpg);
	font-size: 12px;
}
#QWE {
	margin-right: 25px;
	margin-left: 25px;
}


#navicon01 a { background-position: 0 0;}
#navicon02 a { background-position: -120px 0;}
#navicon03 a { background-position: -240px 0;}
#navicon04 a { background-position: -360px 0;}
#navicon05 a { background-position: -480px 0;}
#navicon06 a { background-position: -600px 0;}
#navicon07 a { background-position: -720px 0;}
#navicon08 a { background-position: -840px 0;}

#navicon01 a:hover { background-position: 0 -40px;}
#navicon02 a:hover { background-position: -120px -40px;}
#navicon03 a:hover { background-position: -240px -40px;}
#navicon04 a:hover { background-position: -360px -40px;}
#navicon05 a:hover { background-position: -480px -40px;}
#navicon06 a:hover { background-position: -600px -40px;}
#navicon07 a:hover { background-position: -720px -40px;}
#navicon08 a:hover { background-position: -840px -40px;}

#intor {
	float: left;
	width: 960px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 8px;
}
.intor_part {
	float: left;
	width: 960px;
	margin-bottom: 15px;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
}
.intor_part .flash1 {
	float: left;
	height: 230px;
	width: 620px;
	margin-right: 15px;
	_margin-right: 7px;
}
.intor_part .newspart {
	float: left;
	width: 305px;
	background-image: url(images/newsbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 215px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footer {
	color: #333333;
	float: left;
	width: 960px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font: 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #92C520;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
}
.intor_part #rightpart {
	float: left;
	width: 614px;
	margin-left: 14px;
}
.intor_part #leftpart {
	float: left;
	width: 332px;
}
#workerinfo {
	float: left;
	height: 314px;
	width: 612px;
	background-image: url(images/workinfobg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	margin-bottom: 15px;
}
#workerinfo ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 612px;
}
#workerinfo li {
	float: left;
	width: 204px;
	list-style-type: none;
}
#workerinfo li a {
	color: #000000;
	display: block;
	overflow: hidden;
	height/**/: 0px;
	height:0 !important;
	_height:0;
	padding-top: 157px;
	width: 100%;
	background-image: url(images/workinfo.jpg);
	font-size: 12px;
}

#wicon01 a { background-position: -1px 0;}
#wicon02 a { background-position: -205px 0;}
#wicon03 a { background-position: -409px 0;}
#wicon04 a { background-position: -1px -157px;}
#wicon05 a { background-position: -205px -157px;}
#wicon06 a { background-position: -409px -157px;}


#wicon01 a:hover { background-position: -1px -315px;}
#wicon02 a:hover { background-position: -205px -315px;}
#wicon03 a:hover { background-position: -409px -315px;}
#wicon04 a:hover { background-position: -1px -472px;}
#wicon05 a:hover { background-position: -205px -472px;}
#wicon06 a:hover { background-position: -409px -472px;}



.more {
	font: 10pt/14pt Verdana, Arial, Helvetica, sans-serif;
	color: #0033CC;
	width: 100%;
	text-align: right;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
#qaindex {
	background-image: url(images/qa2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	width: 614px;
}
#qaindex .bottom {
	background-image: url(images/qa3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}
#qaindex .head {
	background-image: url(images/qa1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 594px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
}
#qaindex #listarea {
	float: left;
	width: 100%;
}
#qaindex #listarea .onelist {
	font: 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-image: url(images/action_forward.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	float: left;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	width: 559px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 5px;
}
#qaindex #listarea .onelist .titlea {
	float: left;
	width: 559px;
	margin-bottom: 5px;
}

#qaindex  #listarea .onelist .titlea a {
	color: #333333;
}
#qaindex #listarea .onelist .titlea a:hover {
	color: #FF6600;
}
#qaindex #listarea .onelist2 {
	font: 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-image: url(images/action_forward.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	float: left;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	width: 559px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 5px;
	background-color: #D9D9D9;
}
#qaindex #listarea .onelist2 .titlea {
	float: left;
	width: 559px;
	margin-bottom: 5px;
}

#qaindex  #listarea .onelist2 .titlea a {
	color: #333333;
}
#qaindex #listarea .onelist2 .titlea a:hover {
	color: #FF6600;
}
.newspart #newslistarea {
	float: left;
	width: 290px;
	margin-right: 6px;
	margin-left: 8px;
	margin-top: 15px;
}
.newspart #newslistarea .listb {
	float: left;
	width: 270px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	background-image: url(images/comment.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 20px;
	margin-bottom: 8px;
}
.newspart #newslistarea .listb a {
	color: #006699;
}
.newspart #newslistarea .listb a:hover {
	color: #CC0000;
}
#threebt {
	float: left;
	width: 332px;
}
#threebt ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 332px;
}
#threebt li {
	float: left;
	height: 82px;
	width: 332px;
	list-style-type: none;
	margin-bottom: 10px;
}
#threebt li a {
	color: #000000;
	display: block;
	overflow: hidden;
	height/**/: 0px;
	height:0 !important;
	_height:0;
	padding-top: 82px;
	width: 100%;
	background-image: url(images/leftthreebt.jpg);
	font-size: 12px;
}
#threeicon01 a { background-position: 0 0;}
#threeicon02 a { background-position: 0 -164px;}
#threeicon03 a { background-position: 0 -328px;}
#threeicon04 a { background-position: 0 -493px;}

#threeicon01 a:hover { background-position: 0 -82px;}
#threeicon02 a:hover { background-position: 0 -246px;}
#threeicon03 a:hover { background-position: 0 -410px;}
#threeicon04 a:hover { background-position: 0 -576px;}
#prod {
	float: left;
	width: 332px;
}
#toolicon ul {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#toolicon li {
	float: right;
	height: 25px;
	width: 86px;
	list-style-type: none;
}
#toolicon li a {
    color: #000000;
	display: block;
	overflow: hidden;
	height/**/: 0px;
	height:0 !important;
	_height:0;
	padding-top: 25px;
	width: 100%;
	font-size: 12px;
	background-image: url(images/toolicon.jpg);
}
#toolicon01 a { background-position: 0 0;}
#toolicon02 a { background-position: -86px 0;}
#toolicon03 a { background-position: -172px 0;}

#toolicon01 a:hover { background-position: 0 -25px;}
#toolicon02 a:hover { background-position: -86px -25px;}
#toolicon03 a:hover { background-position: -172px -25px;}

#leftpart2 {
	float: left;
	width: 240px;
	padding-right: 10px;
	background-color: #FFFFFF;
}
#rightpart2 {
	float: left;
	width: 709px;
	padding-left: 1px;
}
#memberarea {
	background-image: url(images/memberarea.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 125px;
	width: 210px;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font: 10pt/14pt Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#memberarea #form1 {
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftpart2 #edpart {
	float: left;
	width: 240px;
	margin-top: 10px;
}

#memberarea #form1 #login{
	height: 27px;
	width: 50px;
	float: right;
}
#memberarea #form1 #login a {
	background-image: url(images/login.gif);
	background-position: 0px -27px;
	display: block;
	overflow: hidden;
	height:0 !important;
	_height:0;
	padding-top: 27px;
}
#memberarea #form1 #login a:hover {
	background-position: 0px 0px;
}









#memberarea #form1 #joimm {
	float: left;
	height: 27px;
	width: 75px;
}
#memberarea #form1 #joimm a {
	background-image: url(images/joinm.gif);
	background-position: 0px -27px;
	display: block;
	overflow: hidden;
	height:0 !important;
	_height:0;
	padding-top: 27px;
}
#memberarea #form1 #joimm a:hover {
	background-position: 0px 0px;
}
#memberarea #form1 #passw{
	float: left;
	height: 27px;
	width: 75px;
}
#memberarea #form1 #passw a {
	background-image: url(images/password.gif);
	background-position: 0px -27px;
	display: block;
	overflow: hidden;
	height:0 !important;
	_height:0;
	padding-top: 27px;
}
#memberarea #form1 #passw a:hover {
	background-position: 0px 0px;
}
.tspace8 {
	margin-top: 8px;
}
#memberarea #memberbt {
	float: left;
	width: 210px;
}
#memberarea #memberbt ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 210px;
}
#memberarea #memberbt li {
	float: left;
	height: 40px;
	width: 210px;
	list-style-type: none;
}
#memberarea #memberbt li a {
display: block;
	overflow: hidden;
	height/**/: 0px;
	height:0 !important;
	_height:0;
	padding-top: 40px;
	width: 100%;
	font-size: 0pt;
	background-image: url(images/memberbt.gif);
}

#membticon01 a { background-position: -210px 0;}
#membticon02 a { background-position: -210px -40px;}
#membticon03 a { background-position: -210px -80px;}

#membticon01 a:hover { background-position: 0 -0px;}
#membticon02 a:hover { background-position: 0 -40px;}
#membticon03 a:hover { background-position: 0 -80px;}
#atitle {
	background-image: url(images/atitlebg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	width: 100%;
	height: 42px;
}
#leftbt {
	float: left;
	width: 238px;
	padding-right: 1px;
	padding-left: 1px;
}
#leftbt ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 238px;
}
#leftbt li {
	float: left;
	width: 238px;
	list-style-type: none;
}
#leftbt li a {
    display: block;
	overflow: hidden;
	height/**/: 0px;
	height:0 !important;
	_height:0;
	padding-top: 54px;
	width: 100%;
	font-size: 0pt;
	background-image: url(images/liftbt1.jpg);
}
#leftbt2 {
	float: left;
	width: 238px;
	padding-right: 1px;
	padding-left: 1px;
}
#leftbt2 ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 238px;
}
#leftbt2 li {
	float: left;
	width: 238px;
	list-style-type: none;
}
#leftbt2 li a {
    display: block;
	overflow: hidden;
	height/**/: 0px;
	height:0 !important;
	_height:0;
	padding-top: 54px;
	width: 100%;
	font-size: 0pt;
	background-image: url(images/liftbt2.jpg);
}
#leftbt3 {
	float: left;
	width: 238px;
	padding-right: 1px;
	padding-left: 1px;
}
#leftbt3 ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 238px;
}
#leftbt3 li {
	float: left;
	width: 238px;
	list-style-type: none;
}
#leftbt3 li a {
    display: block;
	overflow: hidden;
	height/**/: 0px;
	height:0 !important;
	_height:0;
	padding-top: 54px;
	width: 100%;
	font-size: 0pt;
	background-image: url(images/liftbt3.jpg);
}
#lbt01 a { background-position: 0 0;}
#lbt02 a { background-position: 0 -54px;}
#lbt03 a { background-position: 0 -108px;}
#lbt04 a { background-position: 0 -162px;}
#lbt05 a { background-position: 0 -216px;}
#lbt06 a { background-position: 0 -270px;}
#lbt07 a { background-position: 0 -324px;}
#lbt08 a { background-position: 0 -378px;}

#lbt01 a:hover { background-position: -238px -0px;}
#lbt02 a:hover { background-position: -238px -54px;}
#lbt03 a:hover { background-position: -238px -108px;}
#lbt04 a:hover { background-position: -238px -162px;}
#lbt05 a:hover { background-position: -238px -216px;}
#lbt06 a:hover { background-position: -238px -270px;}
#lbt07 a:hover { background-position: -238px -324px;}
#lbt08 a:hover { background-position: -238px -378px;}


#rightpart2 #maintext {
	width: 695px;
	margin-left: 14px;
	float: left;
	margin-top: 10px;
}
#rightpart2 #maintext .ptandpt {
	float: left;
	width: 695px;
	margin-bottom: 5px;
	font-size: 12pt;
	line-height: 20pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
h1 {
	font: bold large/20pt Arial, Helvetica, sans-serif;
	color: #184B7E;
	background-image: url(images/icon2.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.ptandpt .textpart {
	font-size: 12pt;
	line-height: 20pt;
	color: #333333;
	float: left;
	width: 665px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 15px;
}
.intor_part2 {
	float: left;
	width: 960px;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/point.gif);
	background-repeat: repeat-y;
	background-position: 250px 0px;
}
#pagbgg {
	float: left;
	width: 960px;
	background-image: url(images/leftbgbg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.textpart h2 {
	font: bold 14pt/24pt Verdana, Arial, Helvetica, sans-serif;
	color: #679A21;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	display: block;
}

.textpart h3 {
	font: bold 12pt/20pt Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	display: block;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.textpart h4 {
	font: bold 12pt/20pt Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	display: block;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #FFFFCC;
}
.textpart h5 {
	font: bold 12pt/20pt Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	display: block;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


.textpart .other {
	float: left;
	width: 100%;
	font-size: 12pt;
	line-height: 20pt;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
.textpart li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #0099CC;
	font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	padding-left: 25px;
	background-image: url(images/control_play.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	list-style-type: none;
}

#pbg1 {
	background-image: url(images/pbg1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.other img {
	margin-right: 0px;
}
#pageline {
	float: left;
	width: 665px;
}
.textpart #toptag {
	background-image: url(images/toptagbg.jpg);
	background-position: left bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #A2A2A2;
	border-right-color: #A2A2A2;
	border-left-color: #A2A2A2;
	color: #006699;
	font: 10pt/18pt Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	float: left;
}
#toptag ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 663px;
}
#toptag li {
	float: left;
	width: 132px;
	list-style-type: none;
	height: 34px;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#toptag li a {
	font-size: 10pt;
	line-height: 16pt;
	color: #006699;
	background-image: url(images/toptag.jpg);
	background-position: -133px 0px;
	text-align: center;
	height: 25px;
	width: 132px;
	display: block;
	padding-top: 10px;
	background-color: #FFFFFF;
}
#toptag li a:hover {
	background-position: 0px 0px;
}
#toptag a.stay {
	color: #CC0000;
	background-position: 0px 0px;
}
.other .halfpart {
	float: left;
	width: 325px;
	padding-left: 7px;
}
.other .text10 {
	font: 10pt/20pt Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C3C3C3;
	margin-left: 10px;
	float: left;
	width: 655px;
}
.allworktable {
	font: 10pt/20pt Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.red {
	color: #990000;
	font-weight: bold;
}
ul.textz {
	font-size: 10pt;
	line-height: 16pt;
	color: #333333;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	width: 620px;
}
ul.textz li {
	font-size: 10pt;
	line-height: 16pt;
	font-weight: normal;
	color: #006699;
}
.textpart .q {
	font-size: 10pt;
	line-height: 16pt;
	font-weight: bold;
	background-image: url(images/q.jpg);
	float: left;
	height: 25px;
	width: 640px;
	padding-top: 10px;
	padding-left: 25px;
	color: #009999;
}
.textpart .a {
	font-size: 10pt;
	line-height: 20pt;
	color: #333333;
	float: left;
	width: 625px;
	margin-top: 10px;
	padding-left: 40px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
#pageline {
	font: bold 12pt/20pt Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	float: left;
	width: 100%;
	margin-top: 15px;
	text-align: center;
}
#pageline a {
	color: #006699;
}
#pageline a:hover {
	color: #CC0000;
}
.fomearea {
	float: left;
	width: 665px;
	padding-right: 15px;
	padding-left: 15px;
}
}.icon4 {
	background-image: url(images/control_play.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.texta1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	font-weight: bold;
	color: #330033;
}
.icon4 a:hover {
	color: #FF6600;
}
.linedown1 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}

.mainarea {
	float: left;
	width: 687px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 4px;
	padding-left: 4px;
}

.mainarea .aphoto {
	background-image: url(images/photobg1.jpg);
	_background-image: url(images/photobg1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 215px;
	width: 180px;
	padding-top: 21px;
	padding-right: 22px;
	padding-left: 27px;
	text-align: center;
}
.mainarea .aphoto2 {
	background-image: url(images/photobg2.jpg);
	_background-image: url(images/photobg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 180px;
	padding-top: 21px;
	padding-right: 22px;
	padding-left: 27px;
	text-align: center;
	height: 250px;
}
.mainarea .aphoto img {
	border: 1px solid #999999;
}
.mainarea .aphoto .pname {
	font-size: 10pt;
	line-height: 16px;
	font-weight: bold;
	color: #FF6600;
	text-align: center;
	float: left;
	width: 180px;
	margin-top: 5px;
}
.mainarea .aphoto .pname a {
	color: #754F00;
}
.mainarea .aphoto .pname a:hover{
	color: #FF3300;
}

.mainarea .aphoto .pdate {
	color: #999999;
	float: left;
	text-align: center;
	width: 180px;
	font: normal 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
}
.mainarea .onephoto {
	background-image: url(images/onephoto.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
	float: left;
	width: 180px;
	height: 135px;
	margin-bottom: 10px;
	padding-top: 36px;
	padding-right: 21px;
	padding-bottom: 36px;
	padding-left: 19px;
	text-align: center;
}
.mainarea .k2 {
	float: left;
}
.mainarea .onephoto {
	background-image: url(images/onephoto.jpg);
	background-repeat: no-repeat;
	background-position: 5px top;
	float: left;
	width: 180px;
	height: 135px;
	margin-bottom: 10px;
	padding-top: 36px;
	padding-right: 21px;
	padding-bottom: 36px;
	padding-left: 19px;
	text-align: center;
}
.mainarea .bigphoto {
	float: left;
	width: 600px;
	text-align: center;
	margin: 20px;
	_margin-left: 10px;
	_margin-right:10px;
	padding: 10px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
.onephoto img {
	border: 1px solid #999999;
	text-align: center;
}
.mainarea .k3 {
	background-image: url(images/k3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 660px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.mainarea .k1 {
	float: left;
	width: 687px;
}
.jobarea {
	background-image: url(images/jobpic1.jpg);
	background-position: left top;
	float: left;
	width: 665px;
	margin-bottom: 15px;
}
.jobarea .jobbottom {
	background-image: url(images/jobpic2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 430px;
	padding-left: 215px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
}
.textb {
	font: normal 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
}
.other .weblink {
	float: left;
	width: 640px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 10pt;
	line-height: 18pt;
	color: #333333;
	background-image: url(images/action_go2.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 25px;
}
.other .weblink .wname {
	font-weight: bold;
	color: #FF6600;
	float: left;
	padding-right: 10px;
	font-size: 12pt;
}
.other .weblink .wlink a {
	color: #333333;
}
.other .weblink .wlink a:hover {
	color: #CC0000;
}
.ponit1 {
	float: left;
	width: 635px;
	padding-left: 30px;
	font-size: 10pt;
	line-height: 16pt;
}

.other .weblink .wlink {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ponit1 .head {
	font-weight: bold;
	color: #003399;
	display: block;
	margin-bottom: 5px;
	margin-top: 15px;
}
.ponit1 .top {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.weblink .newstitle {
	float: left;
	width: 490px;
	font-size: 12pt;
	line-height: 18pt;
	color: #FF6600;
}
.weblink .newstitle a {
	color: #FF6600;
}
.weblink .newstitle a:hover {
	color: #006699;
}

.weblink .data {
	font-size: 10pt;
	line-height: 18pt;
	color: #666666;
	float: left;
	width: 149px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}
#newsmainarea {
	font-size: 12pt;
	line-height: 20pt;
	font-weight: normal;
	color: #333333;
	float: left;
	width: 600px;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 20px;
}
#newsmainarea imag {
	margin: 10px;
}
#bigarea {
	float: left;
	width: 960px;
	margin-top: 10px;
}
#joinmem {
	font-size: 12pt;
	line-height: 20pt;
	color: #666666;
	width: 630px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#joinmem ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-position: outside;
	list-style-type: decimal;
}
#joinmem li {
	display: block;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#loginarea {
	height: 180px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 17px;
	padding-left: 200px;
	background-image: url(images/loginbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10pt;
	line-height: 18pt;
	color: #666666;
}
#loginarea2 {
	height: 180px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 17px;
	padding-left: 200px;
	background-image: url(images/loginbg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10pt;
	line-height: 18pt;
	color: #666666;
}
#serchsq {
	font: 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-image: url(images/serchsq.jpg);
	float: left;
	height: 290px;
	width: 213px;
	padding-top: 133px;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 30px;
}
#serchsq #form1 {
	margin: 0px;
	padding: 0px;
}
#serchsq #form1 #serchbt {
	height: 47px;
	width: 102px;
	margin-right: auto;
	margin-left: auto;
}
#serchsq #form1 #serchbt a {
	font-size: 0px;
	color: #FFFFFF;
	height/**/: 0px;
	height:0 !important;
	_height:0;
	padding-top: 47px;
	background-image: url(images/serchbt.gif);
	float: left;
	width: 102px;
	display: block;
	overflow: hidden;
	line-height: 0px;
}
#serchsq #form1 #serchbt a:hover {
	background-position: 0px -47px;
}
.workpart {
	background-image: url(images/pickwork2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	width: 347px;
	margin-top: 10px;
}
.workpart .workbottom {
	background-image: url(images/pickwork3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 347px;
}
.workpart .workbottom .workhead {
	background-image: url(images/pickwork1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 312px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.workpart .workbottom .workhead img {
	padding: 7px;
	border: 1px solid #999999;
}
.ptandpt .textpart2 {
	font-size: 12pt;
	line-height: 20pt;
	color: #333333;
	float: left;
	width: 675px;
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
.workbtt {
	font: 10pt/20pt Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}
#Marquee {
	height: 30px;
	margin-bottom: 10px;
}
#outside #inside #bottombg #contier p {
	color: #030;
}
#outside #inside #bottombg #contier #intor #pagbgg .intor_part2 #rightpart2 #maintext .ptandpt .textpart .other .ponit1 table {
	text-align: center;
}
#outside #inside #bottombg #contier #intor #pagbgg .intor_part2 #rightpart2 #maintext .ptandpt .textpart .other .ponit1 table tr td {
	text-align: center;
}
#post {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#skill {
	width: 900px;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
}
#Photo {
	float: left;
	width: 270px;
	padding: 15px;
	text-align: center;
}
#word {
	float: right;
	width: 600px;
}
#subject {
	font-size: 30px;
	line-height: 50px;
	color: #F30;
}
#word-inner {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 12pt;
	line-height: 20pt;
}


.mid {
	text-align: center;
}
.aphoto3 {
	font-size: 10pt;
	line-height: 18pt;
	color: #666;
}