* {	margin:0px; padding:0px; /*border:0px;*/ }
body { font-size:100%; line-height:1.123em; font-family: Arial, Helvetica, sans-serif;}
P {font-size:0.875em; }

.Wraper_Group {width:90%; margin: 0 auto; float: none !important;}
.Wraper_CB {width:auto; margin: 0 auto; float: none !important;}
.Wraper_LL {width:auto; margin: 0 auto; float: none !important;}
.Wraper_CL {width:auto; margin: 0 auto; float: none !important;}

#WraperAll {/*float:left; width:800px; margin: 0 auto;*/ border-bottom:#999 solid 1px;} /*fix footer not included in Wraper in FF */
.TopBg { display:none; /*width:800px; height:34px;*/ }

#Navi { padding-left:5px; /*width:500px;*/ float:left; font-size:100%; /*font-weight:bold; background-color:#009900; z-index:1;*/ }
#SearchBox {padding-right: 20px; float:right; font-size:75%; }
.Searchbt { padding-top:6px; vertical-align: text-bottom;}

#LoginBox { display:none; /*margin-left:277px;*/}/* it fixs boarder display on FF, since LoginForm has to be float to left */
#LoginForm { width:510px; font-size:70%; font-weight:bold; padding-left:2px; /*padding:2px 0px 2px 2px;*/ background-color:#FFFFFF; /*z-index:2;*/ border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; float:left; margin-top:-1px;}
.LFDiv_SignIn { float:left; padding-right:4px;}
.LFDiv { float:left; padding-right:4px; }
#LoginResultBox { margin-left:577px;}
#LoginResult { width:210px; font-size:70%; font-weight:bold; text-align:center; padding-right:5px; /*padding:2px 0px 2px 2px;*/ background-color:#FFFFFF; /*z-index:2;*/ border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; float:left; margin-top:-1px;}
input.LR { font-size:100%; }

#UserLinksBox { display:none; /*margin-left:431px;*/}/* it fixs boarder display on FF, since LoginForm has to be float to left */
#UserLinks { /*margin-left:431px;*/ width:352px; background-color:#FFFFFF; padding:3px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; float:left; margin-top:-1px;}
.UL_Register { font-size:70%; text-align:center; color:#FFFFFF; background-color:#75B760; border: #999999 solid 1px; padding:1px 1px; width:152px; float:left; margin-right:4px;}
.UL_GetPass { font-size:70%; text-align:center; color:#FFFFFF; background-color:#787878; border: #999999 solid 1px; padding:1px 1px; width:185px; float:left;}
.UL_Register a:link, .UL_Register a:visited, .UL_GetPass a:link, .UL_GetPass a:visited { color:#FFFFFF; text-decoration:none; }
.UL_Register a:hover, .UL_GetPass a:hover { color:#000000; text-decoration:none; }

#Logo { /*width:750px; margin-left:25px; */}

#HeadGraphic { display:none; /*width: 750px; margin-left:25px; text-align:center;*/ }

#PageHead { width:750px; margin-left:25px; margin-top:10px; font-size:110%; font-weight:bold; color:#666666; }
#SectionPageHead { /*width:750px; margin-left:25px;*/ margin-top:10px; padding-bottom:10px; font-size:110%; font-weight:bold; color:#666666; border-bottom:#333333 solid 1px;}

.IndexContent { width:750px; margin-left:25px; padding-top:10px; }
.SectionContent { /*width:750px; margin-left:25px;*/margin-left:1%; margin-right:1%; padding-top:10px;  }
.SectionContent p { font-size:0.80em; padding-bottom:1em;}
.SectionContent table { font-size:100%; margin-top:10px; width:95%;}
.SectionContent ul { font-size:0.80em; margin-left:30px;}
.SectionContent strong { font-size:0.9em; }

/*.SectionContent a:link, .SectionContent a:visited { color:#4169E1; text-decoration:underline;}
.SectionContent a:hover { color:#696969;}*/
.SectionContent a:link, .SectionContent a:visited { color: #520; background: transparent; font-weight: bold; text-decoration: underline;}
.ErrorMSG { font-size:100%; font-weight:bold; color:#800000; padding-bottom:20px;}
.SearchResult { font-size:80%; }
.SearchResult a:link, .SearchResult a:visited, .SearchResult a:hover { font-size:110%; }
blockquote { padding-left:30px; padding-right:30px; padding-top:10px;}


.BoxPro { width:410px; float:left; border-top:#ee2e24 solid 1px; padding-top:5px;}
.BoxEnt { width:340px; float:left; border-top:#1893D2 solid 1px; padding-top:5px;}
.BoxNews, .BoxLinks { width:200px; float:left; border-right: #D3EDC2 solid 2px;}
.BoxService { width:340px; float:left;}
.BoxTitle { font-size:100%; font-weight:bold; padding-bottom:10px;}
.BoxTitleRed { font-size:100%; font-weight:bold; color:#ee2e24; padding-bottom:10px;}
.BoxTitleBlue { font-size:100%; font-weight:bold; color:#1893D2; padding-bottom:10px;}
.BoxPro_Link { margin-left:15px; padding-top:3px; padding-bottom:3px;}
.BoxPro_Link a:link, .BoxPro_Link a:visited{ font-size:90%; color:#333333;text-decoration:none; background-image:url(../images/pro_list.gif); background-repeat:no-repeat; padding-left:18px; padding-right:5px;}
.BoxPro_Link a:hover{ font-size:90%; color:#000000; text-decoration:none; background-image:url(../images/pro_list_over.gif); background-repeat:no-repeat; padding-left:18px; padding-right:5px;}
#BoxEnt_Link { padding-left:5px; }
#BoxEnt_Link ul { list-style-type:none; padding-left: 10px; margin-top:0px; margin-left:0;}
#BoxEnt_Link li { padding-bottom:2px; margin-bottom:2px;}
#BEL a:link, #BEL a:visited { font-size:90%; color:#333333; text-decoration:none; background-image:url(../images/pro_list.gif); background-position:left center; background-repeat:no-repeat; padding-left:20px; display:block;}
#BEL a:hover { font-size:90%; color:#000000; text-decoration:none; background-image:url(../images/pro_list_over.gif); background-position:left center; background-repeat:no-repeat; padding-left:20px; display:block;}
.BoxNews_Link { padding-left:30px; font-size:90%; min-height:130px;}
/*\*/ * html .BoxNews_Link { height: 130px; }/**/ /* fix IE min-height */
.BoxNews_Link a:link, .BoxNews_Link a:visited{ font-size:90%; color:#333333; text-decoration:none;}
.BoxNews_Link a:hover { font-size:90%; color:#000000; text-decoration: underline;}
.BoxLinks_Link { padding-left:12px; min-height:130px; }
/*\*/ * html .BoxLinks_Link { height: 130px; }/**/ /* fix IE min-height */
.BoxLinks_Link a:link, .BoxLinks_Link a:visited{ font-size:80%; color:#333333; font-weight:bold; text-decoration:none;}
.BoxLinks_Link a:hover { font-size:80%; color:#000000; font-weight:bold; text-decoration: none;}
.BoxService_Text { padding-left:30px; font-size:90%; color: #333333;}
.BoxService_Link { padding-left:100px; padding-top:5px; font-size:80%; font-weight:bold;}
.BoxService_Link a:link, .BoxService_Link a:visited { color:#666666; font-size:100%; text-decoration:none;}
.BoxService_Link a:hover { color: #000000; font-size:100%; text-decoration: underline;}

.IconPosition { vertical-align: middle; }

input.Search { width:150px; font-size:100%; border:#CCCCCC solid 1px; padding:1px 1px; }
input.Index { width:150px; font-size:100%; border:#CCCCCC solid 1px; padding:2px 2px; }
select.Index { width:150px; font-size:100%; border:#CCCCCC solid 1px; padding:2px 2px; }

#Footer { clear:both; /*width:750px; margin-left:25px;*/ padding-top:20px;font-size:60%; color: #666666; }
.FooterLinks { display:none;/* float:left;*/ }
.FooterLinks a:link, .FooterLinks a:visited { color: #666666; text-decoration:none;}
.FooterLinks a:hover { color: #000000; text-decoration:none;}
.Copyrights { float:right; }


/*** form style ***/
fieldset { border: 1px solid #DCDCDC; width: 400px; padding:10px; font-size:0.85em;}
fieldset.Rating { margin-left:25px; border: 1px solid #DCDCDC; width: 500px; padding:10px; font-size:0.85em;}
fieldset.GetPass { border: 1px solid #DCDCDC; width: 400px; padding:10px; font-size: 0.85em; margin:0 auto;}

legend { color: #fff; background: #696969; font-size:90%; border: 1px solid #DCDCDC; padding: 2px 6px; margin-bottom:10px; }
label { width: 150px; font-size:85%; float: left; text-align: right; margin-right: 0.5em; margin-bottom: 0.5em; display: block; }
label.long { text-align: right; width: 315px; padding-right: 20px; }
label.RatingLeft { text-align: left; width: 100px;  }
label.RatingRight { text-align: left; width: 350px;  }

input.Reg  { width:150px; font-family: Arial, Helvetica, sans-serif; font-size:85%; color: #333333; background: #F5F5F5; margin-bottom: 0.5em; border: 1px solid #DCDCDC; }
textarea.Reg { width:200px; height:100px; font-family: Arial, Helvetica, sans-serif; font-size:85%; color: #333333; background: #F5F5F5; margin-bottom: 0.5em; border: 1px solid #DCDCDC;}
textarea.Rating { width:350px; height:100px; font-family: Arial, Helvetica, sans-serif; font-size:85%; color: #333333; background: #F5F5F5; margin-bottom: 0.5em; border: 1px solid #DCDCDC;}
.RatingRadio { margin-left: 110px; width: 350px; font-size:85%; margin-bottom: 0.5em; }
select.Reg { width:150px; height:50px; font-family: Arial, Helvetica, sans-serif; font-size:85%; color: #333333; background: #F5F5F5; margin-bottom: 0.5em; border: 1px solid #DCDCDC; } 
input.submit { margin-left: 160px; color: #000; background: #FFFACD; border: 1px outset #DCDCDC }
input.Ratingsubmit { margin-left: 115px; color: #000; background: #FFFACD; border: 1px outset #DCDCDC }
input.ForgetPassSubmit { margin-left: 160px; color: #000; background: #FFFACD; border: 1px outset #DCDCDC }
input.ForgetPassCancel { margin-left: 5px; color: #000; background: #FFFACD; border: 1px outset #DCDCDC }

br { clear: left; }

/*** ***/

/* single color class */
em, i { vertical-align:top; }


/***Cyberbahn Service main menu layout***/
.accordion_toggle {	display: block;	height: 28px; width: 720px;	background: url(../images/xml_toggle.gif) no-repeat top left #e4e4e4; padding: 0 10px 0 25px; line-height: 30px; color: #ffffff;font-weight: normal; text-decoration: none; outline: none; font-size: 90%; color: #000000; border-bottom: 2px solid #FFF; cursor: pointer; margin: 0 0 0 0;	}
		
.accordion_toggle_active { background: url(../images/xml_toggle_active.gif) no-repeat top left #d4d4d4; color:#333; font-weight:bold;/*border-bottom: 1px solid #f68263;*/}
		
.accordion_content { width: 700px; background-color: #ffffff; color: #444444; overflow: hidden; font-size:80%; padding-bottom:5px;}
.ServiceLeft { width:160px; float:left;}
.ServiceRight { width:540px; float:left;}
.ServiceDetail { width:240px; display:none;}
.BigIcon { padding:2px 5px; float:left;}
.ServiceDetail { float:left;}
.ServiceMenu { /*width:350px;*/ float:left;}
.ServiceMenu ul { padding-left:0px; list-style:none;}
.ServiceMenu li { display:block; padding:3px;}
.ServiceMenu li a:hover { background-color: #DCDCDC;}
.ServiceMenu img { padding:2px;}
.ServiceMenu a:link, .ServiceMenu a:visited { font-size:100%; font-weight:bold; color:#0066CC; text-decoration:none; display:block;}
.ServiceMenu a:hover { color:#333333;}
.accordion_content h2 { color:#333333; font-size:90%; font-weight:bold;	}