@charset "utf-8";
/* CSS Document */
img{ 
	border:0px;
}
body {
	color : #999 ;
	margin:0;
	font : 13px Arial ;
}
#OutShadow {
	width : 912px ;
	margin : 0 auto ;
	padding : 0 24px ;
	background : url('../images/MainBG.gif') repeat-y 24px 0px;
	clear : both ;
	}
#OutShadow001 {
	width : 912px ;
	margin : 0 auto ;
	padding : 0 24px ;
	clear : both ;
	}
#frame	{
	width :960px;
	height:auto;
	display :block ;
	margin:0 auto;
	background : url('../images/shadow.gif') repeat-y;
}
#WebPosLogo {
	width : 265px ;
	height :64px ;
	display :block ;
	background : url('../images/webposlogo.gif') no-repeat 24px 0px #FFF;
	float:left;
}
#WebPosLogo_00 {
	width : 704px ;
	height :64px ;
	display :block ;
	background : url('../images/webposlogo.gif') no-repeat 24px 0px #FFF;
	float:left;
}
#FHLogo {
	width : 195px ;
	height :64px ;
	display :block ;
	background : url('../images/FongHwaLogo.gif') no-repeat 0px 19px #FFF ;
	float:right;
}
#FHLogo a {
	width : 100% ;
	height : 64px ;
	display : block ;
}
#FHLogo_00 {
	width : 195px ;
	height :64px ;
	display :block ;
	background : url('../images/FongHwaLogo.gif') no-repeat 0px 19px #FFF ;
	float:right;
}
#FHLogo_00 a {
	width : 100% ;
	height : 64px ;
	display : block ;
}
#Nav {
	width : 912px ;
	height :42px ;
	display :block ;
	clear:both;
}
#btn01 a, #btn02 a, #btn03 a, #btn04 a, #btn05 a, #btn06 a, #btn07 a, #btn08 a, #btn09 a, #btn10 a,
#btn01 a:hover, #btn02 a:hover, #btn03 a:hover, #btn04 a:hover, #btn05 a:hover, #btn06 a:hover, #btn07 a:hover, #btn08 a:hover, #btn09 a:hover, #btn10 a:hover
{
	background : url('../images/Nav.jpg') no-repeat;
	display : block ;
	height : 42px ;
	float : left ;
}
#btn01 a { width : 150px ; }
#btn02 a { width : 124px ; background-position : -150px 0px ; }
#btn03 a { width : 96px ;  background-position : -274px 0px ; }
#btn04 a { width : 102px ;  background-position : -370px 0px ; }
#btn05 a { width : 112px ;  background-position : -468px 0px ; }
#btn06 a { width : 94px ;  background-position : -580px 0px ; }
#btn07 a { width : 94px ;  background-position : -676px 0px ; }
#btn08 a { width : 66px ;  background-position : -770px 0px ; }
#btn09 a { width : 74px ;  background-position : -836px 0px ; }

#btn01 a:hover { background-position : 0px -42px ; background-color : #EFEFEF ; }
#btn02 a:hover { background-position : -150px -42px ; background-color : #EFEFEF ; }
#btn03 a:hover { background-position : -274px -42px ; background-color : #EFEFEF ; }
#btn04 a:hover { background-position : -370px -42px ; background-color : #EFEFEF ; }
#btn05 a:hover { background-position : -468px -42px ; background-color : #EFEFEF ; }
#btn06 a:hover { background-position : -580px -42px ; background-color : #EFEFEF ; }
#btn07 a:hover { background-position : -676px -42px ; background-color : #EFEFEF ; }
#btn08 a:hover { background-position : -770px -42px ; background-color : #EFEFEF ; }
#btn09 a:hover { background-position : -835px -42px ; background-color : #EFEFEF ; }

.ulStyle {
	overflow:hidden; padding:0px; margin:0px; 
}
.ulStyle li {
	list-style:none; width:580px; overflow:hidden; margin-bottom:0px;
}
.sliderFullView{
	width:530px;
	height:46px;
}
.sliderLeftArea{
	width:530px; height:46px; text-align:center;
}
.sliderRightArea{
	width:530px; overflow:hidden;
}

#it{
	clear:both;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	background:url( url(images/b2.png)) no-repeat;
	line-height:15px;
}

.rightAFirst { margin:0 10px 0 0; }

.rightA { margin:0 10px; }

.rightSubTitle { font-weight:bolder; }

#Visual {
	width : 701px ;
	height :191px ;
	display :block ;
	background : url('../images/Visual.gif') no-repeat ;
	clear:both;
	float:left;
}
#DownloadButton {
	width : 211px ;
	height :191px ;
	display :block ;
	background : url('../images/DownloadButton.gif') no-repeat ;
	float:right;
}
#left {
	width : 210px ;
	display :block ;
	float:left;
	
}
#right {
	width : 662px ;
	display :block ;
	float:right;
	margin:0px;
	line-height:1.5;
}
#loginarea{
	width : 179px ;
	height: 209px;
	background : url('../images/LoginBase.gif') repeat-y ;
	padding:20px 0px 0px 32px
}
#loginareacontent{
	width : 179px ;
	background : url('../images/LoginBase.gif') repeat-y ;
	padding:20px 0px 0px 32px
}
#FreeOpemBar{
	width : 210px;
	height: 31px;
	background : url('../images/FreeOpemBar.gif') no-repeat;
}
.BoldRedTitle {
	width : 180px ;
	font : bold 11pt Arial ;
	margin-left : 20px ;
	margin-top : 29px ;
	color : #e12319 ;
	border-bottom : 1px solid #CCC ;
	padding-bottom : 4px ;
}
#leftlink{
	width : 100% ;
}
#leftlink ul{
	width : 100%;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 10px;
	list-style-type: disc;	
}
#list ul{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	list-style-type: circle;	
}

#leftlink li{
	margin:0px auto;
	padding:0px;
}
/*#leftlink ul, #leftlink ol{
	margin-top : 0 ;
}

#leftlink ul, #leftlink ol{
	list-style : none;
	padding: 0px ;
	padding-top : 10px ;
	margin-bottom : 15px ;
}
#leftlink li{
	color : #ccc;
	line-height : 28px ;
	background : url('../images/DeltaOL.gif') no-repeat 20px 50% ;
	padding-left : 30px ;
}
#leftlink li .black{
	color:#000;
	font-size:10pt;
}*/



#leftlink a { color : #000 ; text-decoration : none ; }
#leftlink a:hover {
	color : #000;
	text-decoration : underline;
}
#footer {
	width : 882px ;
	height:57px;
	background : #75a92d ;
	clear:both;
	color:#FFFFFF;
	font:10px verdana;
	padding : 15px 15px 0 15px ;
}
#content{
	width : 630px;
	float:left;
	color:#000000;
	line-height:29px;
}
#content ul{
	padding-left:12px;
	margin:3px;
	}
#content ol{
	padding-left : 25px ;
}
#content li {
	color : #e12319 ;
}
#content li a {
	color : #e12319 ;
	text-decoration : none ;
}
#content li a:hover {
	color : #F90 ;
	border-bottom : 1px solid #F90 ;
}
#News_b {
	width : 207px;
	float : left;
}
#News {
	width : 207px;
	float : left;
}
#right img{
	margin-top:0px;
}
#content h3{
	color:#000;
	border-bottom:1px solid #ccc;
	font-weight : bold ;
	font-size : 14pt ;
}
#Mail {
	display :  block;
	float : right ;
	background : url('../images/letter.gif') no-repeat ;
	padding : 0px 5px 0px 25px ;
	color : #fff;
}
#Mail a{
	color : #fff;
}
.LockPage {
	width : 88%;
	display : block;
	color : #FFF;
	font : bold 13px Arial;
	margin: 0px;

}
.LockPage1 {
	width : 75%;
	display : block;
	color : #FFF;
	font : 13px Arial;
	margin: 0px;
}

#pictureleft {
	width : 100px ;
	display :block ;
	float:left;
}
#contentcooperate{
	width : 602px ;
	color:#000;
	line-height:29px;
	padding:0px 140px
}
#contentcooperate h3{
	color:#000;
	border-bottom:1px solid #ccc;
	font-weight : bold ;
	font-size : 14pt ;
}
#rightcooperate {
	width : 882px ;
	display :block ;
	float:right;
	padding:5px 5px 30px 5px;
}
#contentassociatorleft{
	width:270px;
	float:left;
	padding:0px 0px 0px 0px;
}
#contentassociatorleft_member{
	width:600px;
	float:left;
	padding:0px 0px 0px 0px;
}
#contentassociatorright{
	width:245px;
	float:right;
	margin-top:0px;
}
#associatorrtable{
	width:236px;
	height:120px;
	margin-top:0px;
	border:1px solid #CCCCCC;
}
.readMoreTitle{
	width: 630px;
	height: 25px;
	background-color: #FFFFFF;
	margin-top:8px;
	padding-left: 5px;
	color: #e12319;
	font-weight: bold;
}
.readMoreTitle :link{
	color: #e12319;
	text-decoration:none;
}
.readMoreTitle :visited{
	color: #e12319;
	text-decoration:none;
}
.readMoreTitle :active{
	color: #e12319;
	text-decoration:none;
}
.readMoreTitle :hover{
	color: #e12319;
	text-decoration:none;
}
.readMoreContent{
	width:580px;
	height:60px;
	line-height:22px;
	overflow:hidden;
	background-color:#FFFFFF;
	padding-bottom:5px;
	border-bottom:1px dashed #CCC;
}
.readMoreTab{
	color:#e12319;
	width:50px;
	float:right;
	display:block;
	margin-top:-19px;
}
.readMoreTab :link{
	color: #e12319;
	text-decoration:none;
}
.readMoreTab :visited{
	color: #e12319;
	text-decoration:none;
}
.readMoreTab :active{
	color: #e12319;
	text-decoration:none;
}
.readMoreTab :hover{
	color: #e12319;
	text-decoration:none;
}
.readMoreLi{
	list-style:decimal;
	line-height:30px;
	
}
.readMoreLiP{
	list-style:decimal;
	text-indent:-20px;
	padding-left:20px;
	margin-top:13px;
	}


#list { padding:0px 0px 0px 10px;
        margin:0px;
		color:#000;}
