/* CSS Document */
.s_clear:after, .line_list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.s_clear, .line_list li { zoom: 1; }
* { word-wrap: break-word; margin:0 auto; padding:0;}
body {text-align:left;color:#666666; width:980px; margin:0 auto;}
body, td, input, textarea, select, button {font: 12px/1.6em Helvetica, Arial, sans-serif; }
ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
ol, ul li { list-style: none; }
h4 { color: #ffffff; padding-left:10px; }
a { text-decoration: none; color:#545454; }
a:hover { text-decoration: underline; color:#545454; }
a img { border: none; }
table { empty-cells: show; border-collapse: collapse; }
html { overflow:-moz-scrollbars-vertical; } 
img.double-border{padding: 2px;background: #eee; border:#ddd 1px solid;}

#guide { background:url(../images/01.png) left top no-repeat; width:980px; height:800px; margin:0 auto;}
#guide a{  background:url(../images/English.jpg) left top no-repeat; width:94px; height:19px; display:block; position:relative; top:167px; left:372px;}
#flash { position:relative; top:193px;}
#gfooter{position:relative; top:223px;height:80px;padding:25px 0 10px;text-align:center;width:100%;}
#gfooter a{ background:none; position:static; display:inline; left:0; top:0;}

#warp { float:left; width:980px; margin:0 auto; }
#sidebar { float:left; width:212px; margin-right:15px; margin:5px 0 0 0px;}
#main { float:left; width:756px; margin:5px 0 0 0px;}
#footer { float:left; background:url(../images/footerbg.jpg) left bottom repeat-x; height:70px;float:left;padding:50px 0 20px;text-align:center;width:980px;}

.bodybg{ background:url(../images/bodybg.jpg) left top no-repeat; width:980px; float:left;}
.warp{ background:#fff;width:980px; float:left;}
/*--------------------------------------------------------*/
.logo{float:left;width:199px;display:none;}
.banner{clear:both;width:980px;height:136px;}
.banner img{width:980px;height:136px;}
.banner embed{width:980px;height:136px;}
.navBg{ background:url(../images/libg.jpg) left top repeat-x; color:#FFFFFF; font-size:14px;font-weight:bold; height:40px;text-align:center; }
.navBg a{ text-decoration: none; color:#FFFFFF; margin:0 -1px;}
.navBg a:hover{text-decoration: underline;color:#FFFFFF;}
.bodytop{  height:26px;background:url(../images/bodytop.jpg) left top no-repeat; }
.dateBlk { word-wrap:normal;}
.bodytop2{  height:26px;background:url(../images/bodytop.jpg) right top no-repeat; }
/*--------------------------LEFTSIDE-------------------------------------------------------*/
.leftbg01 { float:left; background:url(../images/leftbg01.png) left bottom no-repeat; width:100%; height:7px;}
.leftbg02 { float:left; background:url(../images/leftbg02.jpg) left top repeat-y; width:200px; padding:0px 0px 28px 4px;}
.leftbg03 { float:left; background:url(../images/leftbg03.png) left top no-repeat; width:100%; height:8px;}
.leftbg04 { float:left; background:url(../images/leftbg04.png) left top no-repeat; width:3px; height:24px; margin-top:5px;}
.leftbg05 { float:left; background:url(../images/leftbg05.jpg) left top no-repeat; width:198px; height:24px; margin-top:5px}
.leftbg06 { float:left; background:url(../images/leftbg06.png) left top no-repeat; width:3px; height:24px; margin-top:5px}

.leftbg02 h1 { font-size:14px; color:#be3106; float:left; border-bottom:1px dotted #c0c0c0; width:92%;background:url(../images/publicbg.png) 10px top no-repeat; padding-left:5px; margin-left:5px; height:24px; margin-top:15px;}
.leftbg02 h1 span{ float:left; margin:3px 0 0 45px;}
.leftbg02 h1 a{ float:right; width:50px; height:20px;}
.leftbg02 h1 a:hover{ text-decoration:none;}
.leftbg02 .h1{background:url(../images/logintop.png) 20px top no-repeat;}
.leftbg02 .h2{background:url(../images/h2bg.png) 10px top no-repeat; width:82%; padding-left:22px;}
.leftbg02 .h2 a{ float:right;background:url(../images/more.jpg) left top no-repeat; width:37px; height:5px; margin-top:8px; }
.leftbg02 .h2 span{ float:left; margin:0;}
.leftbg02 li { padding:5px 0; float:left; width:78%; padding-left:20px; margin-left:15px; height:20px; overflow:hidden;}
.leftbg02 li strong{background:#59656e;display:inline;float:left;height:3px;margin:10px 8px 10px 12px;width:3px;}
.leftbg02 p { padding:5px 0; width:100%; float:left;}
.leftbg02 p label { margin-right:3px; float:left; padding-left:20px;}
.leftbg02 p input { width:56%; float:left;}
.leftbg02 .loginbox1{float:left; width:100%; height:130px;margin-top:10px;position:relative;}
.leftbg02 .loginbox { float:left; width:100%; margin-top:10px;}
          .loginbox .p { float:left; width:75%;}
.leftbg02 .forget { float:left; background:url(../images/forget.PNG) center top no-repeat; width:178px; text-align:center; height:21px; margin:10px 0px 10px 0; margin-left:11px; display:inline}
          .forget a { color:#fff;}
#Login_LoginButton { background:url(../images/loginbg.png) no-repeat; width:40px; height:39px; border:0; margin-top:8px;}
#Login_ReloginButton { background:url(../images/loginbg_en.png) no-repeat; width:40px; height:39px; border:0; margin-top:8px;}
/*.leftbg05 strong {background:#59656e;display:block;float:left;height:3px;margin:7px 5px 0 0;width:3px; margin:10px 8px;}*/
.leftbg05 span { font-weight:bold; margin:2px 0 0 3px; float:left; min-width:28%; background:url(../images/point2.jpg) 7px center no-repeat; padding-left:15px; color:#000;}
.leftbg05 strong{ float:left; min-width:40%; font-size:8px; font-family:"hooge 05_55"; margin:3px 0 0 3px; font-weight:normal;}
.tp { width:100%;}
.leftbg05 a{ background:url(../images/go.JPG) left top no-repeat; width:15px; height:15px; float:right; margin-top:5px;}
.tp span { width:90%; padding:10px 0 0 20px; float:left;}
.tp p { width:100%; float:left;}
.tp p table {width:100%;}
/*.tp p td{ width:80%; margin:5px 0; display:inline}*/
.tp p td input { width:10%; margin:0px 0 0 20px; }
.tp a { width:66px; height:19px; background:url(../images/ck.png) no-repeat; float:left; margin:5px 10px 0px 20px;}
.tp .okbtn { width:66px; height:19px; background:url(../images/tp.png) no-repeat; border:0; margin:5px 5px 0px 30px; float:left;}
.tp .tpbtn { width:66px; height:19px; background:url(../images/ck.png) no-repeat; border:0; margin:5px 0 0px 0; float:left;}
.gg {height:103px; width:100%;}
.gg1 {height:150px;}
.gg li{ background:url(../images/ico01.GIF) 10px 8px no-repeat; display:inline; padding: 0 0 0 20px; margin:8px 0 0 0;}
/*-----------------------------------------------------------------------------------*/
.leftside { width:214px; margin:10px; float:left; display:inline}
.leftsidebg01 { background:url(../images/leftsidebg01.gif) top left no-repeat; width:214px; height:27px; float:left;}
.leftsidebg02 { background:url(../images/leftsidebg02.gif) bottom left no-repeat; width:214px;float:left;  padding:10px 0 30px 0;}


.leftsidebg02 h1 { background:url(../images/leftsidebg03.gif) left bottom no-repeat; width:90%; font-size:16px; color:#BE3106; padding:0 0 10px 10px; margin-left:2px;}
/*-----------------------------------------------------------------------------------*/
.rightside { width:745px; float:left; margin:10px 0;}
.rightside .media{text-align:center;margin:10px;}
.position { float:left; width:95%; margin:10px 0 10px 15px; display:inline;text-align:left;}
.title{background:url(../images/rightpic01.gif) left top no-repeat; padding-top:22px; width:722px; height:61px; float:left; margin-bottom:20px}
.title h1{ float:left; width:100px; color:#3aa7b8; font-size:18px; margin:10px 0 0 40px;}
.title h1 strong{ color:#fa8d00;}
.title span{ float:left; width:250px;}
.deatilsbox{ width:100%; float:left; margin:10px 0 30px 0;}
.deatilsbox .rightbg02{ width:97%; padding-left:25px;}
.deatilsbox h1{ float:left; font-size:16px; width:100%; text-align:center; padding:0 0 10px 0; margin-top:10px; border-bottom:1px solid #cccccc;}
.deatilsbox .span{ float:left; width:100%; text-align:center; margin:10px 0;}
.deatilsbox .detailsbody{ width:96%; margin:10px 20px;}
.deatilsbox .detailsbody p{ font-size:14px;}
.detailsfoot {margin-top:20px;text-align:right;font-size:14px;}
/*-----------------------------------------------------------------------------------*/


/*--------------------------RIGHTSIDE----------------------------------------------------*/
.rightbg01 { float:left; background:url(../images/rightbg01.png) left top no-repeat; width:10px; height:33px;}
.rightbg02 { float:left; background:url(../images/rightbg02.png) left top no-repeat; width:721px; height:33px; padding:3px 0 0 18px;}
.rightbg022{ float:left; background:url(../images/rightbg022.png) left top no-repeat;}
.rightbg03 { float:left; background:url(../images/rightbg03.png) left top no-repeat; width:12px; height:33px;}
.rightbg04 { float:left; background:url(../images/rightbg04.png) left top no-repeat; width:100%; height:49px; margin-top:10px;}
.rightbg05 { float:left; background:url(../images/rightbg05.jpg) -1px top no-repeat; width:735px; padding:0 0 0 21px; margin-left:1px;}
.rightbg06 { float:left; background:url(../images/rightbg06.png) left top no-repeat; width:755px; height:20px; margin-left:1px;}

.rightbg05 .headpic { float:left; width:438px; height:260px; border:1px solid #d3d4d3; position:relative; top:-20px;}
           .brief { float:left; width:235px; margin-left:20px; max-height:260px; overflow:hidden; position:relative; top:-20px;}
		   .brief h1{ height:29px;background:url(../images/briefbg.png) left top no-repeat; font-size:14px; color:#fff; padding:3px 0 0 45px;}
		   .brief strong { display:block;}
		   .brief .quote_l { float:left; background:url(../images/quote_l.png) center top no-repeat; width:21px; height:11px;}
		   .maincont { width:100%; float:left; position:relative;}
		   .maincont .contbox { width:315px; height:203px; float:left; margin-bottom:15px;}
		             .contbox h1{ width:315px; float:left; background:url(../images/rightbg07.png) no-repeat; height:22px; font-size:14px; color:#fff; padding:1px 0 0 8px;}
					 .contbox h1 span { float:left;}
					 .contbox h1 a{ width:45px; height:22px; display:block; float:right;margin-right:15px;}
					 .contbox li { width:95%; float:left;  border-bottom:1px solid #c0c0c0; padding:5px 0 5px 15px; background: url(../images/point.jpg) 3px center no-repeat;}
					 .contbox li strong {background:#59656e;display:block;float:left;height:3px;margin:7px 5px 0 0;width:3px;}
					 .contbox_margin { margin-right:60px;}
.bottompic { background:url(../images/rightbg08.png) left top no-repeat;  width:88%; height:158px; position:relative; left:-1px; clear:both; top:10px; padding:22px 4px 0 79px; margin-bottom:10px;}
.bottompic .img { float:left; margin-top:5px;}
.bottompicbg {width:579px;  float:left;}
.bottompicbg td{ color:#000;}
.bottom	{ background:url(../images/mainbottombg.PNG); float:left; width:100%; height:22px}	  
/*---------------------------------------------------------------------------------------*/
.showbody {border-bottom:1px dotted #999999;float:left;margin:0 0 15px;padding-bottom:15px;width:100%;}
.picshow {width:97%; line-height:25px;  margin:10px 0 10px 10px; float:left;} 
.picshow h1 {color:#BE3106;font-size:14px; float:left;}
.picshow img {float:left;margin:5px 10px;width:25%;}
.picshow span {float:left;text-align:left;width:70%;}
#showbtn {background:transparent url(../images/showbtn.GIF) no-repeat left top;border:0 none;float:right;height:26px;margin-right:20px;width:89px;}
.pics { width:100%; float:left; margin:10px 0;}
.pics li { float:left; width:190px;text-align:center; margin:10px 25px; display:inline;}
.pics li img { border:3px solid #dbdbda;}	
.pics li span { color:#7c634f; height:20px; float:left; overflow:hidden; width:100%; text-align:center;}
/*--------------------------------------------------------------------------------------------------*/
.details { width:97%; margin:10px 0 10px 10px; float:left; display:inline}
.details h1 { color:#BE3106;font-size:16px; border-bottom:2px solid #dfd6ae; float:left; width:97%; padding-left:18px;}
.details h1 img { position:relative; top:10px;float:right; margin-right:20px;}
.details h1 span { float:left;}
.detailsbody { width:100%; float:left; margin:10px 0;}
.detailsbody img { border:6px solid #dee3ea; float:left; margin:18px;}
.detailscont { width:72%; float:left; margin:10px 0;}
/*-------------------PAGES-----------------------------*/
DIV.scott { width:96%;
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.scott A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #999999; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #eeeeee
}
DIV.scott A:active {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #eeeeee
}
DIV.scott SPAN.current {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #999999 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #999999
}
DIV.scott SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}
/*------------------------------------------------------------------------------------------------------------*/
.menu { width:100%; float:left; }
.menu * { margin:0; padding:0; list-style:none;}
.menu table { width:100%; border-collapse:collapse;}
.menu a { text-decoration:none; color:#333; font-size:14px;}
.menu a:hover { color:#BE3106;}
.menu li.current {background:url(../images/ico04.GIF) 13px 5px no-repeat; }
.menu li.current ul { position:static; visibility:visible;}
.menu a.current {color:#BE3106;}
.menu .optionone { background:url(../images/ico03.GIF) 13px 5px no-repeat; padding-left:30px;border-bottom:0; margin:5px 0;}
.menu .optionone:hover { background:url(../images/ico04.GIF) 13px 5px no-repeat;}
.menu .lastone:hover {background:url(../images/ico03.GIF) 13px 5px no-repeat;}
.menu ul ul { position:absolute; visibility:hidden;}
.menu li {  position:relative; _position:static; float:left; width:85%;}
.menu li .option { display:block; padding:5px 0 5px 10px; background:url(../images/ico01.GIF) 0 13px no-repeat; cursor:pointer;}
.menu li .option:hover {background:url(../images/ico02.GIF) 0 13px no-repeat;}
.menu .optionone .last:hover {background:url(../images/ico01.GIF) 0 13px no-repeat;}
.menu li li, .menu li li li { margin-left:10px;}
.menu li:hover ul { visibility:visible; position:static;}
.menu li:hover ul ul { visibility:hidden; position:absolute;}
.menu li:hover li:hover ul { visibility:visible; left:145px; top:-2px; position:static;}
/*-------------------------------------------------------------------------------------------------------------*/

/*-- ·ÖÒ³ --*/
#PageStyle_lblPageNumber table{
	padding:3px;margin:3px;text-align:center;
}
#PageStyle_lblPageNumber .links a {
	background:#ffffff;line-height:25px;border:#dedfde 1px solid;padding:2px 5px 2px 5px;margin:1px;color:#999999;text-decoration:none;
}
#PageStyle_lblPageNumber .links strong a {
	background:#999999;line-height:25px;border:#dedfde 1px solid;padding:2px 5px 2px 5px;margin:1px;color:#ffffff;text-decoration:none;
}
#PageStyle_lblPageNumber .links a:hover {
	border:#666666 1px solid;color:#333333;background:#eeeeee;
}
#PageStyle_lblPageNumber .links a:active {
	border:#666666 1px solid;color:#333333;background:#eeeeee;
}
#PageStyle_lblPageNumber img {
	border:#eeeeee 1px solid;padding:2px 5px 2px 5px;margin:1px;
}
#PageStyle_lblPageNumber a img {
	border:#dedfde 1px solid;
}
#PageStyle_lblPageNumber a:hover img {
	border:#666666 1px solid;
}
#PageStyle_lblPageNumber a:active img {
	border:#666666 1px solid;
}
#Ballot_rdlContent{ float:left; margin:0 0 0 50px; _display:inline;}