*{margin:0;padding:0}
html,body{
	color:#303030;
	font: 12px "lucida grande",tahoma,verdana,arial,sans-serif;
	background:#FFF;
	
}



h3 {
	font-size: 125%;	
	color: #0099CB;
}

h2, h3{
	padding: 10px;		
	margin: 0;
}


#wrapper1{ width:1003px; margin:0 auto;  }


ul.contentlist li , ul.contentlist1 li, ul.newslist li, ul.sublist li, ul.about_list li, ul.banner li, ul.download li, ul.inner_head li, ul.inner_body li, ul.advertise_detail_d li, ul.advertise_detail_c li
,ul.inner_body_all li, ul.allpage li, ul.listsubgroup li, ul.stat li, ul.showshop li, ul.boxnews li{list-style:none;}




blockquote, p{ padding-bottom:20px; }
blockquote { margin-left:40px; }


.x-center{text-align:center;}
.left_x{ float:left; }
.left {float:left; }
.clear{ clear:both; }
.clear2{height:20px;  }
.txt-center{ text-align: center; }
.txt-left{ text-align: left; }

.txt-green1{ color:#0994A9;}
.txt-white{ color:#FFFFFF;}
.txt-gray{ color:#999999;}
.txt-bluelight{ color:#00FFFF;  }
label{font-weight:bold; margin:0 10px; }
.space1{height:5px; }



/*--Main CSS--*/

#menu_head{ height:30px;  border-bottom:1px solid #009933; background:#096414;  }

#menu_head ul{ margin: 0 0 0 20px; clear:both ;}
#menu_head li{float:left; padding-left:8px;  padding-right:8px; font-size:12px; }


#menu_head a , #formsearch2 a{color: #FFF ; font-weight:bold; text-decoration:none;}
#menu_head a:hover , .cli a:hover , .member_body a:hover , .post21 a:hover, .show_main a:hover , .subhead3 a:hover , .subhead5 a:hover, . #formsearch2 a:hover, li.about_head a:hover,
li.ad_title a:hover{ color:#FF0000; text-decoration: underline;  }


.xsubx{width:100px;  }



button {
  color: #900;
  font-weight: bold;
}


#textrun{ width:980px; border:1px #CCC solid; background:#F4F4F4; padding:3px;  font-size:12px;  padding-top:5px; margin:0 auto;  }

#formsearch2 { width:100%; background:url("images/bg_menu.jpg"); background-repeat:repeat-x; height:45px;  }
#formsearch2 td{ padding-top:5px; padding-right:10px; color:#FFF; font-weight:bold;  text-align:right; }


.member_head, .member_body{ width:200px; margin:0 10px; }
.center_head, .center_body{ width:270px;  }
.center_body{height:280px; }
.member_head, .center_head{ padding-top:3px; padding-bottom:3px; font-weight:bold;color:#303030;   background:url("images/bg-head-box.gif"); background-repeat:repeat-x;  border:1px solid #CCC;}
.member_body, .center_body{ border-left:1px solid #CCC;  border-right:1px solid #CCC;  border-bottom:1px solid #CCC; background:#FBFBFB;   }



div#menu {
		margin:0 0 0 10px;
    position:absolute;
		}

.download3 td{ padding:5px; }


#advertise, #s4{ width:550px;  border:1px solid  #f4f4f4; height:200px; }
#advertise img, #s4 img{ width:550px; height:200px;}

#buttom {width: 960px ;  border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding-top:10px; height:60px; background:#F4f4f4;  }

.headday , .bodyday {width:20px;}
.headday td{ padding:2px; text-align:center; }

.imgnews img, .imgnews{ width: 265px; height: 100px; border:1px solid #CCC; margin:0 auto; }
ul.newslist{ margin:10px 10px; }
ul.newslist li{ padding-top: 10px;  }
ul.newslist li a,  .sublist li a, li.detailnavi a , .subhead3 a, .download3 a, .pha_condetail a{color:#666;  text-decoration:none; }

 ul.sublist li a{ display:block; padding-top:3px; padding-bottom:3px; padding-left:3px; font-weight:bold;  color:#0099ff; }
 ul.sublist li a:hover{background:#0099ff;  color:#FFF;  }

.subhead5 a{color:#006600;  text-decoration:none; font-weight:bold;   }

ul.newslist li a:hover, .sublist li a:hover, li.detailnavi a:hover, #navi a:hover, .download3 a:hover{  color:#FF0000; }

ul.banner{margin:10px 5px;}
.banner li img{width:190px; height:80px;  }
.banner li{margin:3px; border:1px solid #CCC; width:190px; height:80px; }

ul.sublist{ margin:0 5px; }
.sublist li{ padding-top:10px; }

#navi_buttom{ margin: 0 auto; width:98% ; height:170px; background:#F4F4F4; border-top:1px solid #CCC; padding:5px;}
.navi_buttom_detail{width:100%;  margin:0 auto; background:#F8F8F8; }


.navi_buttom_detail ul{ width:200px; margin:0 20px; }
.headnavi{font-weight:bold; font-size:12px; margin-top:5px; }
li.detailnavi { padding-left:5px;padding-top:5px; }


/********************** navigator flash ************************/

.nav_flash { margin: 5px 0;text-align:right; }
#nav_flash a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #EEE; background: #F8FBFC; text-decoration: none }
#nav_flash a.activeSlide { background: #0CA0E0 }
#nav_flash a:focus { outline: none; }

.nav_flash2  
{
	margin: 5px 0;text-align:right; 
	/*padding-top:3px;*/
}
#nav_flash2 a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #EEE; background: #F8FBFC; text-decoration: none }
#nav_flash2 a.activeSlide { background: #0CA0E0 }
#nav_flash2 a:focus { outline: none; }


#navi{ padding:5px;  font-size:12px; }
#navi a{ text-decoration:none; color:#666; }

.head_title{ font-size:18px;  font-weight:bold : color:#0994A9;  width:95%; padding:5px; margin:15px auto; background:#F4F4F4;   }
.body_title{ font-size:13px; width:850px; padding:5px; margin:15px auto;   }
.body_title img{ 
border-top:1px solid #CCC;
border-left:1px solid #CCC; 

border-bottom:3px solid #666; 
border-right:3px solid #666; 
}


ul.contentlist, ul.contentlist1{width:90%;  margin:0 auto; border-bottom:1px solid #CCC ; padding:10px;  }
ul.contentlist{background:#E7FDFE; }
ul.contentlist1{ background:#DAFFD9; }


li.conimg{ width:120px; height:80px;}
li.conimg img{width:100px; height:60px; }

li.conimg1{ width:80px; height:100px;}
li.conimg1 img{width:60px; height:80px; }

.condetail a{ text-decoration:none; color: #0000cc; font-weight:bold; }
.viewdetail , .moredetail{font-size:12px; width:100px; padding:5px; }

#listlistgroup{width:95%; margin:0 50px;  }
#conlist1{width: 450px; height:350px;  border:1px solid #ccc; background:url("images/bg_in.gif") repeat-x;   margin:10px 5px;   }

ul.menusub2{width: 450px; }
ul.menusub4{ margin:10px 5px; width:380px; }

.subhead2 {width:340px; padding:5px; font-size:14px; font-weight:bold; color: #FF3300  ; }
.subhead3 {width:88px; background:#F4F4F4;  padding:5px;  border-left:1px solid #CCC; border-bottom:1px solid #CCC;  }
.subhead4 { width:80px; height:40px;  border:1px solid #ccc; background:#F4F4F4; margin:5px 10px;  }
.subhead4 img{ width:80px; height:40px; }

.subhead41 { width:40px; height:50px;  border:1px solid #ccc; background:#F4F4F4; margin:5px 10px;  }
.subhead41 img{ width:40px; height:50px; }

.subhead5 { width:300px; margin:5px 0px; }


#editor-xtd-buttons { padding: 5px; }
.button2-left,
.button2-left div
{
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }

.page span,
.blank span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-left { background: url(setup_web/images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }

.button2-left .page,
.button2-left .blank { background: url(setup_web/images/j_button2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(setup_web/images/j_button2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(setup_web/images/j_button2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(setup_web/images/j_button2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(setup_web/images/j_button2_last_off.png) 100% 0 no-repeat; }

.button2-left .image 		{ background: url(setup_web/images/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(setup_web/images/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(setup_web/images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(setup_web/images/j_button2_blank.png) 100% 0 no-repeat; }


#buttom{
 padding : 10px; margin: 10px; 
text-align : center; 
}

table.tbl_board {
	background-color: #006600;
	
	
	border-collapse: collapse;
	margin: 0px 0 10px 10px;
	
	}

table.tbl_board td 			 { padding: 1px 1px 1px 4px;  color: #666; height: 30px; }
table.tbl_board td.spacer  { width: 10px; }
table.tbl_board td.divider { border-right: 1px solid #eee; width: 5px; }
table.tbl_board.nospace { margin-bottom: 0; }
table.tbl_board tr.row0 , .row0{ background-color: #FFFFFF; }
table.tbl_board tr.row1 , .typeboard { background-color: #F8F8F8; }

.boardlink{
padding:10px;
}
.boardlink a{ font-weight : normal ;  color: #0B55C4; text-decoration: none; margin : 5px; }


.pagex{
 border : 1px solid #CCCCCC  ; padding : 3px; text-align:center; margin:3px; width: 20px;  background-color : #FFFFFF ;
}

.pagex1{
 border : 1px solid #CCCCCC  ; padding : 3px; text-align:center; margin:3px; width: 20px;  background-color : #000000 ;
}



.pagex a{
color: #000000; font-weight: bold ; background-color : #FFFFFF ;  text-decoration: none; width: 20px;
}

.pagex1 a{
color: #FFF; font-weight: bold ; background-color : #000 ;  text-decoration: none; width: 20px;
}

.pagex a:hover  ,.pagex1 a:hover{
color:#FFFFFF ;  background-color :  #000000;
}

#con_body , #conlist_body {
width : 95%; background-color : #FFFFFF ;  border : 1px solid #CCCCCC  ;  padding: 10px; 
}
#conlist_body{
margin:0 0 0 5px;
}

#con_body1 {
width : 730px; background-color : #FFFFFF ;  border : 1px solid #CCCCCC  ;  padding: 10px; margin:0 auto; 
}

.con_body{
width : 730px; background-color : #FFFFFF ;  border : 1px solid #CCCCCC  ;  padding: 10px;  margin:0 auto;
}


#body_content , .securecode , #body_content_detail  {
background-color : #F0F0F0 ;  border : 1px solid #CCCCCC ;
}

#body_content1  {
width: 98%; background-color : #F0F0F0 ;  border : 1px solid #CCCCCC ; margin: 0 0 0 5px; 
}

#body_content_detail {
width : 98% ; margin-left:auto; margin-right:auto;
}

#body_content {
width : 710px ;
}


#board_detail_list{
width: 730px; border : 1px solid #000000;  background-color : #CCCCCC ;  margin:0 auto;

}

.board_detail_detail{
padding: 15px;   border : 1px solid #CCCCCC;  background-color : #FFFFFF ;  margin:0 auto;

}

.board_detail_x{

width: 180px;

}

.webboard{
width : 700px; height : 500px;  border : 1px solid #CCCCCC ; margin:0 50px;
}


ul.about_list{width:850px; margin:0 auto;  border-bottom:1px solid #CCC;  margin:10px auto; }
li.about_detail{ padding:10px; }
.about_head a, .about_head1 a{font-size:14px; font-weight:bold; text-decoration:none; color:#0994A9; }
.about_detail1{ padding-left:10px; }
.about_detail1 a{font-size:12px; font-weight:bold; text-decoration:none; color:#0994A9; }


.result_show{
padding-bottom:10px;
border-bottom: 1px dashed #666; 
margin-top:10px; 

}

.link_result a{
font-size:10px;
color:#CCCCCC;
text-decoration:none;
font-weight:normal;
}

.link_result a:hover{

color:#FF0000;

}

.event_show td{ padding:3px; padding-bottom:10px; }
.ev1{ width: 100px; }
.ev2{ width:100px;text-align:center;  }
.ev3{ width: 150px;text-align:center; }
.ev4{ } 

.download{width:187px; height:72px; background:url("images/download_bg.jpg") no-repeat;  margin:0 auto;  }
.down_head, .down_body{text-align:center; padding-top:5px; font-size:12px; font-weight:bold;}
.down_body{ padding-top:10px; }
.down_body a{font-size:18px; font-weight:bold ; color:#FFF; text-decoration:none;  }
.down_body a:hover{color:#000; }
.down_body1{ padding-top:2px; padding-left:5px; }


.phakeelogo , .conimg_pha{ width: 50px ; }
.phakeelogo img, .conimg_pha img{ width:40px; height:40px; }

li.allphakee { text-align:right; padding-bottom:5px; }

.showimage{width:90%; margin:10px 30px;}
.showimg { padding:3px; margin:5px; border:1px solid #CCC; }

.ad_no{ width:50px; }
.ad_title { width: 360px; text-align:left ;padding-left:11px; color:#666 ; }
.ad_shop { width: 100px; text-align:center;padding-left:20px; }
.ad_by { width: 80px; text-align:left;padding-left:11px; }
.ad_time  { width: 130px; text-align:left;padding-left:11px; }



.ad_title_all { width: 600px; text-align:left ;padding-left:11px; color:#666 ; }

ul.inner_body, ul.inner_body_all{ border-bottom:1px solid #CCC ;  padding-top:10px; padding-bottom:15px;    }

ul.inner_body_all{ height:40px; }
ul.inner_body{ height:60px; }

li.ad_title a{color:#0099ff;  text-decoration:none;  }

.headhead{ padding-top: 20px; font-size:15px;  font-weight:bold; color:#0000FF ;   }

.advertise_detail_a{text-align:right;  padding-right:5px; }
.advertise_detail_a li , .advertise_detail_b li, .advertise_detail_c li, .advertise_detail_d li{ border:1px solid #CCCCCC; background:#FFF; margin:5px; }
.advertise_detail_a a, .advertise_detail_b a , .advertise_detail_c a ,  .advertise_detail_d a{color:#999; text-decoration:none;}

.advertise_detail_d{ margin:0 5px; }


.advertise_price td{padding:5px; }


.allpage{margin:0 0 0 10px;}

.listpage, .listpage1{
margin: 3px;
padding:5px;
border: 1px solid #CCCCCC;
background:#FFFFFF ; 
}

.listpage a{
color:#000000;
}

.listpage1 a{
color:#FF0000;
}
.listpage a, .listpage1 a{
font-weight:bold;
text-decoration:none;
}

.listpage a:hover{
color:#FF0000;
}


	ul.listsubgroup {
width: 90%;
 list-style:none;
margin-left:20px; 
}

.listsub{
width:160px;
background-image:url(images/uparrow1.png);
background-repeat: no-repeat;
margin:5px; 
}



li.listsub a{
padding-left: 20px; 
font-weight:bold; 
font-size:12px;
color:#0000CC; 
text-decoration:none;
display:block; 
padding-top:3px;  padding-bottom:3px;
}

li.listsub a:hover{ background:#0099ff;  color:#FFF;  }

.detailst{
font-size:12px;
margin:5px;
width: 220px;
}

.detail_post , .detailpost{
width:95%;
font-size: 14px;
}

.showimage{
width:90%;
}

.detail_image{
margin:5px;
border: 1px solid  #FFFFFF;
}

label.lb1{font-weight:normal;   padding:10px; width: 30px; }
label.lb2{ font-weight:normal;   text-align:right; padding:10px; }

ul.stat{width:200px; margin:0 auto; background:#FFF; }
.stat1{background:#CCC;}
.stat2{background:#666;}
li.stat1, li.stat2{width:80px; text-align:right; padding:3px;  }

.postdetail td, .orderdetail td{padding:3px; }
.f_01{ text-align:right; }

.tblpage a{ text-decoration:none; color:#000; }
.tblpage td{ padding:3px; }


object { padding-bottom:20px; }


.shopmembermenu td{ padding:5px; }
.shopmembermenu a{
	color: #0099cb; 
	background-color: inherit;
text-decoration: none;

}

.shopmembermenu a:hover{
	color: #FF9900;
	background-color: inherit;
}

.postdetail td , .memberdetail1 td{ padding:5px; }

.showpost1 li{ padding-right:20px;  }

.shop_product td{ padding:5px; }
.product1 td{text-align:left;}


ul.showshop{ padding-bottom:5px; padding-top:5px; padding-left:10px; border-bottom:1px dashed #CCC;   }
.shoplogo {width:50px;height:40px; }
.shopdetail a{ text-decoration:none;  color:#0000FF ; font-size:12px; font-weight: bold;     }

.shopprice td{padding:3px; }

.f_02 {text-align:left; padding:3px;}

.payalert td{ padding:3px; }
.al1{ text-align:right; }


ul.boxnews{width:95%; padding-left:5px; color:#666; padding-bottom:10px; padding-top:10px; border-bottom:1px dashed #CCC;  }
li.boxnewsdetail a{ text-decoration:none; font-weight:bold;   color:blue;    }
li.boxnewsdetail a:hover{ color:#FF0000; text-decoration: underline;  }


a.userad { text-decoration:none ; color:#000099;   }
a.postsubject{text-decoration:none; color:#0099ff;  }

a:hover.userad,a:hover.postsubject {color:#FF0000; }

.head_head h3 { font-size:18px; font-weight:bold; }