@charset "utf-8";
/* CSS Document */
/*layout*/
div#container{width:943px;
margin:0 auto 0;
background:#fff;
overflow:hidden;
}
/*header area*/
#header{background:url(images/bg_header.jpg) no-repeat;
height:410px;
width:943px;
position:relative;
}
/*------topnav------*/
#topnav{
height:22px;
float:right;
margin:4px 0 0 0;
list-style:none;
}
#topnav li{
float:left;
padding:0 0 0 18px;
margin:0 0 0 10px;
}
#topnav li a{
color:#00366b;
}
#topnav .join_union{
	background:url(images/icon_add.png) left no-repeat;
}
#topnav .opinion{
	background:url(images/icon_post.png) left no-repeat;
}
/*------logo------*/
#logo{
position:absolute;
left:16px;
top:26px;
}
#logo a{
display:block;
width:236px;
height:39px;
outline-style:none;
overflow:hidden;
}
/*------nav------*/
#nav{
background:url(images/menu.jpg) no-repeat;
width:613px;
position:absolute;
right:19px;
top:29px;
list-style:none;
height:53px;
padding:0 0 0 37px;
}
#nav li{float:left;
}
#nav li a{
background:url(images/menu.jpg) no-repeat;
display:block;
width:96px;
height:53px;
overflow:hidden;
text-indent:-9999px;
outline-style:none;
}
ul#nav li#nav_synopsis a{background-position:-37px 0;
}
ul#nav li#nav_plan a{background-position:-133px 0;
}
ul#nav li#nav_financial a{background-position:-229px 0;
}
ul#nav li#nav_member a{background-position:-325px 0;
}
ul#nav li#nav_physical a{background-position:-421px 0;
}
ul#nav li#nav_intelligent a{background-position:-517px 0;
}

ul#nav li#nav_synopsis a:hover{background-position:-37px -53px;
}
ul#nav li#nav_plan a:hover{background-position:-133px -53px;
}
ul#nav li#nav_financial a:hover{background-position:-229px -53px;
}
ul#nav li#nav_member a:hover{background-position:-325px -53px;
}
ul#nav li#nav_physical a:hover{background-position:-421px -53px;
}
ul#nav li#nav_intelligent a:hover{background-position:-517px -53px;
}
/*------searchBox------*/
.searchBox{
	position:absolute;
	top:95px;
	right:36px;
	height:18px;
}
.searchBox div{
	float:left;
}
.searchBox .title{
	background:url(images/title_search.png) no-repeat;
	width:76px;
	height:14px;
	margin:2px 5px 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
*html .searchBox .title{
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='css/images/title_search.png');
}
.searchBox .btn{
	height:18px;
}
.searchBox .btn .input_search{
	float:left;
	width:122px;
	height:16px;
	margin:0 5px 0 0;
	border-top:1px solid #999;
	border-left:1px solid #999;
}
.searchBox .btn .btn_search{
	float:left;
	background:url(images/btn_go.gif) no-repeat;
	width:33px;
	height:18px;
	display:block;
	cursor:pointer;
	border:none;
}
/*------flash------*/
#flash{
	width:237px;
	height:268px;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
}
/*------left------*/
#left{
	background:url(images/bg_quickLink.gif) no-repeat;
	background-position:0 0;
	float:left;
	width:190px;
	padding:26px 0 0 8px;
}
#left2{
	background:url(images/bg_quickLink.gif) no-repeat;
	background-position:0 0;
	float:left;
	width:176px;
	padding:26px 0 0 8px;
}
#subMenu{
	float:left;
	list-style:none;
	width:172px;
	margin:0 0 20px 0;
}
#subMenu li{
	float:left;
	width:164px;
	height:24px;
	padding:0 0 2px 8px;
	margin:0 0 4px 0;
	border-bottom:1px dashed #CCC;
}
#subMenu li span{
	float:left;
	width:18px;
	height:18px;
	margin:0 10px 0 0;
}
#subMenu li a{
	text-decoration:none;
}
#subMenu li:hover{
	background:url(images/bg_hover.gif) no-repeat;
}
.sbanner{
	float:left;
	list-style:none;
	width:172px;
}
.sbanner li{
	float:left;
	margin:0 0 3px 0;
}
.sbanner li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}
/*subnav*/
ul#subnav{width:162px;
height:266px;
list-style:none;
position:absolute;
right:5px;
top:5px;
overflow:hidden;
}
ul#subnav.sub_subnav{position:static;
margin:5px auto;
}
ul#subnav li{list-style:none;
overflow:hidden;
}
/*ie6*/
*html ul#subnav li{list-style:none;
overflow:hidden;
margin:-3px;
}
/*ie7*/
*+html ul#subnav li{list-style:none;
overflow:hidden;
margin:-3px;
}

ul#subnav li a{display:block;
overflow:hidden;
width:162px;
height:100%;
width:0 !important;
padding-left:162px;
color:#ffffff;
background:url(images/subnav.gif);
}
ul#subnav li#subnav_news{height:34px;
}
ul#subnav li#subnav_meeting{height:26px;
}
ul#subnav li#subnav_friendly{height:30px;
}
ul#subnav li#subnav_link{height:26px;
}
ul#subnav li#subnav_download{height:29px;
}
ul#subnav li#subnav_blog{height:28px;
}
ul#subnav li#subnav_preferential{height:30px;
}
ul#subnav li#subnav_dispute{height:29px;
}
ul#subnav li#subnav_interests{height:35px;
}

ul#subnav li#subnav_news a{background-position:0 0;
}
ul#subnav li#subnav_meeting a{background-position:0 -34px;
}
ul#subnav li#subnav_friendly a{background-position:0 -60px;
}
ul#subnav li#subnav_link a{background-position:0 -90px;
}
ul#subnav li#subnav_download a{background-position:0 -116px;
}
ul#subnav li#subnav_blog a{background-position:0 -145px;
}
ul#subnav li#subnav_preferential a{background-position:0 -173px;
}
ul#subnav li#subnav_dispute a{background-position:0 -203px;
}
ul#subnav li#subnav_interests a{background-position:0 -232px;
}

ul#subnav li#subnav_news a:hover{background-position:-162px 0;
}
ul#subnav li#subnav_meeting a:hover{background-position:-162px -34px;
}
ul#subnav li#subnav_friendly a:hover{background-position:-162px -60px;
}
ul#subnav li#subnav_link a:hover{background-position:-162px -90px;
}
ul#subnav li#subnav_download a:hover{background-position:-162px -116px;
}
ul#subnav li#subnav_blog a:hover{background-position:-162px -145px;
}
ul#subnav li#subnav_preferential a:hover{background-position:-162px -173px;
}
ul#subnav li#subnav_dispute a:hover{background-position:-162px -203px;
}
ul#subnav li#subnav_interests a:hover{background-position:-162px -232px;
}
/*------ marquee ------*/
.marquee{
	width:350px;
	position:absolute;
	top:4px;
	left:324px;
	height:22px;
	line-height:22px;
	overflow:hidden;
}
.marquee a{
	background:url(images/icon_news01.gif) left no-repeat;
	background-position:0 3px;
	height:22px;
	line-height:22px;
	padding-left:30px;
	color:#F00;
}
/*------ marquee01 ------*/
#marquee01{
	width:350px;
	position:absolute;
	top:4px;
	left:324px;
}
#marquee01 dt{
	float:left;
	width:35px;
	padding:0 5px 0 0;
	text-align:right;
}
#marquee01 dd{
	float:left;
	width:310px;
	height:22px;
	overflow:hidden;
}
#marquee01 dd ul{
	list-style:none;
}
#marquee01 dd ul li{
	width:310px;
	height:22px;
	overflow:hidden;
}
#marquee01 dd ul li a{
	color:#F00;
}
/*------ content ------*/
#content{overflow:hidden;
min-height:400px;
}
#content_top{overflow:hidden;
padding:0 0 0 25px;
margin:0 0 20px 0;
}
*html #content_top{
float:left;
}
/*------news------*/
#news{width:475px;
float:left;
}
#news h3{background:url(images/title_news.gif) left top no-repeat;
height:15px;
width:475px;
overflow:hidden;
text-indent:-9999px;
padding:0 0 5px 0;
border-bottom:1px solid #d2d2d2;
margin:0 0 5px 0;
float:left;
}
.abgne_tab{
	float:left;
	width:475px;
}
.ultabs{
	width:475px;
	height:33px;
}
#a4{
	float:left;
	list-style:none;
	width:475px;
	height:33px;
}
#a4 li{
	float:left;
	margin:0 2px 0 0;
	text-align:center;
	width:117px;
	height:25px;
	padding:8px 0 0 0;
	cursor:pointer;
}
.tab_container{
	float:left;
	width:463px;
	position:relative;
	border:1px solid #ccc;
	padding:0 0 0 10px;
}
.tab_container #b4{
	height:186px;
	overflow:hidden;
	padding:10px 0 0 0;
}
*+html .tab_container #b4{
	height:180px;
}
.newsList{
	float:left;
	list-style:none;
	width:455px;
	margin:0 0 5px 0;
}
.newsList li{
	background:url(images/icon_gray.gif) left no-repeat;
	float:left;
	width:438px;
	padding:0 0 2px 15px;
	margin:0 0 5px 0;
	border-bottom:1px dashed #CCC;
}
.newsList li a{
	text-decoration:none;
	color:#059;
}
.btn_more{
	float:right;
	margin:0 10px 0 0;
}
/*------news------*/
#member{
float:left;
width:475px;
margin:0 0 20px 0;
}
#member h3{background:url(images/title_mem.gif) left top no-repeat;
height:15px;
width:475px;
overflow:hidden;
text-indent:-9999px;
padding:0 0 5px 0;
border-bottom:1px solid #d2d2d2;
margin:0 0 5px 0;
float:left;
}
#a3{
	float:left;
	list-style:none;
	width:475px;
	height:33px;
}
#a3 li{
	float:left;
	margin:0 2px 0 0;
	text-align:center;
	width:117px;
	height:25px;
	padding:8px 0 0 0;
	cursor:pointer;
}
.hidden{
    float:left;
	width:463px;
	border:1px solid #ccc;
	padding:0 0 0 10px;
	height:176px;
	overflow:hidden;
}
#b3{
	width:463px;
	padding:10px 0 0 0;
}
.reply ul{
	float:left;
	list-style:none;
	width:453px;
}
.reply ul li{
	float:left;
	width:453px;
}
.reply ul li a{
	text-decoration:none;
	color:#059;
}
.reply ul .item{
	background-image:none;
	border:none;
	width:453px;
	height:22px;
	margin:0 0 5px 0;
	padding:0;
}
.reply ul .item span{
	float:left;
	height:22px;
}
.reply ul .item .w353{
	display:block;
	width:353px;
	text-align:center;
	background-color:#CEDF8F;
}
.reply ul .item .w100{
	display:block;
	width:100px;
	text-align:center;
	background-color:#EAE7E0;
}
.reply ul .topic span{
	display:block;
	float:left;
	height:22px;
	border-bottom:1px dashed #CCC;
	margin:0 0 5px 0;
}
.reply ul .topic .w353{
	width:353px;
	overflow:hidden;
}
.reply ul .topic .w100{
	width:100px;
	overflow:hidden;
	text-align:center;
}
/*------activities------*/
#activities{width:160px;
height:504px;
overflow:hidden;
float:right;
padding:0 25px 0 0;
}
#activities h3{background:url(images/title_album.gif) left top no-repeat;
height:15px;
width:160px;
overflow:hidden;
text-indent:-9999px;
padding:0 0 5px 0;
margin:0 0 5px 0;
float:left;
}
.jcarousel-skin-tango{
	float:left;
}
.jcarousel-skin-tango .jcarousel-container-vertical{
    width:160px;
    height:403px;
    padding:38px 0;
	overflow:hidden;
}
.jcarousel-skin-tango .jcarousel-clip-vertical{
    width:160px;
    height:403px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical{
	background:url(images/btn_up.gif) no-repeat;
	background-position:0 0;
    position:absolute;
    top:0;
    left:0;
    width:160px;
    height:18px;
    cursor:pointer;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active{
	background:url(images/btn_up.gif) no-repeat;
	background-position:0 -18px;
}
.jcarousel-skin-tango .jcarousel-next-vertical{
	background:url(images/btn_down.gif) no-repeat;
	background-position:0 -18px;
    position:absolute;
    bottom:0;
    left:0;
    width:160px;
    height:18px;
    cursor:pointer;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active{
	background:url(images/btn_down.gif) no-repeat;
	background-position:0 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom:20px;
	margin-left:14px;
}
*html .jcarousel-skin-tango .jcarousel-item-vertical {
	margin-left:7px;
}
.jcarousel li{
	width:125px;
	height:115px;
	padding:2px;
	border:1px solid #CCC;
	overflow:hidden;
	text-align:center;
}
.jcarousel li a{
	width:125px;
	height:93px;
	overflow:hidden;
	float:left;
	text-decoration:none;
}
.jcarousel li .albumName{
	width:125px;
	height:22px;
	line-height:22px;
}
/*------intelligent------*/
#intelligent{width:720px;
float:right;
}
*html #intelligent{
	margin:0 0 20px 0;
}
#intelligent h3{background:url(images/title_intel.gif) left top no-repeat;
width:720px;
height:15px;
overflow:hidden;
text-indent:-9999px;
border-bottom:1px solid #d2d2d2;
padding:0 0 5px 0;
margin:0 0 10px 0;
float:left;
}
#intelligent ul{overflow:hidden;
list-style:none;
width:720px;
}

#intelligent ul li.col{width:230px;
float:left;
margin:0 10px 20px 0;
}
#intelligent ul li.col .topic{width:200px;
height:20px;
padding:2px 0 0 30px;
float:left;
background:url(images/bg_intel.gif) no-repeat;
margin:0 0 10px 0;
overflow:hidden;
font-size:13px;
font-weight:700;
color:#ff9d04;
}
#intelligent ul li.col ul{
	width:230px;
}
#intelligent ul li.col ul li{
border-bottom:1px dashed #ccc;
width:230px;
height:22px;
overflow:hidden;
}
*html #intelligent ul li.col ul li{
height:21px;
}
#intelligent ul li.col ul li.hot span{background:url(images/icon_new.gif) no-repeat;
background-position:5px 3px;
}
#intelligent ul li.col ul li.no_hot span{background:url(images/icon_arrow.gif) no-repeat;
background-position:15px 3px;
}
#intelligent ul li.col ul li a{padding:0 0 0 38px;
}
/*------footer------*/
#footer{background:url(images/bg_footer.gif) no-repeat;
width:942px;
height:100px;
margin:0 auto;
position:relative;
}
#footer #bottomnav{
	height:28px;
list-style:none;
float:right;
padding:14px 0 0 0;
}
#bottomnav li{
float:left;
}
#bottomnav li a{
	display:block;
background:url(images/btn_footer.gif) no-repeat;
width:98px;
height:28px;
text-align:center;
color:#FFF;
text-decoration:none;
}
#bottomnav li a:hover{
color:#FFF;
}
.copyRight{
	position:absolute;
	top:26px;
	left:200px;
	width:450px;
}
.copyRight span{
	width:450px;
	float:left;
}
.copyRight span a{
	color:#059;
}
.cct95{
	position:absolute;
	bottom:10px;
	right:10px;
}
.cct95 a{
	text-decoration:none;
}
.cct95 a:hover{
	text-decoration:underline;
}
#sidebar{width:184px;
float:left;
}
#main{width:750px;
float:right;
}
#sub_banner{display:none;
}
#quide{
float:left;
list-style:none;
margin:5px 0;
}
#quide li{float:left;
list-style:none;
}
#quide li.back_index{font-weight:bold;
}
#quide li span{margin-left:5px;
}
#quide li img{vertical-align:middle;
margin:0 5px;
}

#mainbox{width:737px;
margin:8px auto;
}
/*ie7*/
*+html div#mainbox{min-height:260px;
}
div#mainbox h3{height:75px;
overflow:hidden;
}
/*sub page title*/
div#mainbox h3.search01{background:url(images/title_search.gif) left top no-repeat;
}
div#mainbox h3.news{background:url(images/title_news_17.gif) left top no-repeat;
}
div#mainbox h3.plan{background:url(images/title_plan_17.gif) left top no-repeat;
}
div#mainbox h3.synopsis{background:url(images/title_synopsis_17.gif) left top no-repeat;
}
div#mainbox h3.financial{background:url(images/title_financial_17.gif) left top no-repeat;
}
div#mainbox h3.member{background:url(images/title_member_17.gif) left top no-repeat;
}
div#mainbox h3.physical{background:url(images/title_physical_17.gif) left top no-repeat;
}
div#mainbox h3.intelligent{background:url(images/title_intelligent_17.gif) left top no-repeat;
}
div#mainbox h3.meeting{background:url(images/title_meeting_17.gif) left top no-repeat;
}
div#mainbox h3.friendly{background:url(images/title_friendly_17.gif) left top no-repeat;
}
div#mainbox h3.link{background:url(images/title_link_17.gif) left top no-repeat;
}
div#mainbox h3.download{background:url(images/title_download_17.gif) left top no-repeat;
}
div#mainbox h3.blog{background:url(images/title_blog_17.gif) left top no-repeat;
}
div#mainbox h3.preferential{background:url(images/title_preferential_17.gif) left top no-repeat;
}
div#mainbox h3.dispute{background:url(images/title_dispute_17.gif) left top no-repeat;
}
div#mainbox h3.interests{background:url(images/title_interests_17.gif) left top no-repeat;
}
div#mainbox h3.opinion{background:url(images/title_opinion_17.gif) left top no-repeat;
}
div#mainbox h3.join_union{background:url(images/title_join_union_17.gif) left top no-repeat;
}
div#mainbox h3.activities{background:url(images/title_activities_17.gif) left top no-repeat;
}
div#mainbox h3.admin{background:url(images/title_admin_17.gif) left top no-repeat;
}
div#mainbox h3.map{background:url(images/title_map_17.gif) left top no-repeat;
}
div#mainbox h3 span{padding-top:75px;
display:block;
}
div#mainbox ul.bg{list-style:none;
background:url(images/mainbox_bg_25.gif) left top repeat-y;
line-height:2.5;
padding:5px 10px;
overflow:hidden;
width:737px;
}
#mainbox ul.bg .note01{
	width:700px;
	margin:0 0 5px 0;
	text-align:center;
}
#mainbox ul.bg .input01{
	width:700px;
	margin:0 0 5px 0;
	text-align:center;
}
.input01 .input_search{
	width:510px;
	height:22px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
#mainbox ul.bg .btn01{
	width:700px;
	margin:0 0 5px 0;
	text-align:center;
}
.btn01 .btn_search01{
	background:url(images/btn_a.gif) no-repeat;
	width:60px;
	height:24px;
	border:none;
	text-align:center;
	cursor:pointer;
}
#mainbox ul.bg .note02{
	float:left;
	width:690px;
	padding:0 0 0 10px;
	font-size:15px;
}
#mainbox ul.bg .note02 strong{
	font-weight:700;
}
#mainbox ul.bg .note03{
	float:left;
	width:690px;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	text-align:right;
	color:#999;
}
#mainbox ul.bg .input02{
	float:left;
	width:690px;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
}
.input02 .input_search{
	float:left;
	width:440px;
	height:20px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	margin:0 2px 0 0;
}
.input02 .btn_search01{
	display:block;
	float:left;
	background:url(images/btn_a.gif) no-repeat;
	width:60px;
	height:24px;
	border:none;
	text-align:center;
	cursor:pointer;
}
.btn01 .btn_search01:hover{
	color:#FFF;
}
.searchList{
	float:left;
	width:690px;
	padding:0 0 0 10px;
}
.searchList .listA{
	float:left;
	width:690px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #CCC;
}
.searchList .listA a{
	float:left;
	color:#059;
	font-size:15px;
	line-height:1.5;
}
.searchList .listA span{
	float:left;
	width:690px;
	line-height:1.5;
}

#mainbox ul.bg .pageNav{
	float:left;
	width:690px;
	padding:0 0 0 10px;
}
/*------ pagination ------*/
.pageSelect{
	float:right;
}
#pagecontrol{
	height:21px;
	border:1px solid #05b1c5;
}
.pagination{
	float:left;
	width:100%;
	padding:15px 0;
}
#page{
	float:right;
	list-style:none;
	height:21px;
}
.pageInfo{
	float:right;
	margin:0 10px 0 0;
	color:#999;
	height:22px;
	line-height:22px;
}
#page li{
	float:left;
	height:21px;
	margin:0 5px 0 0;
}
#page .numb{
	margin:0 3px 0 0;
}
*html #page .numb{
	margin:0 1px 0 0;
}
#page li .btn{
	display:block;
	width:21px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
}
#page li .frist{
	background:url(images/btn_frist.gif) no-repeat;
}
#page li .prev{
	background:url(images/btn_prev.gif) no-repeat;
}
#page li .next{
	background:url(images/btn_next.gif) no-repeat;
}
#page li .last{
	background:url(images/btn_last.gif) no-repeat;
}
#page .numb a{
	display:block;
	float:left;
	width:19px;
	height:19px;
	border:1px solid #05b1c5;
	text-align:center;
	margin:0 2px 0 0;
	color:#05b1c5;
	text-decoration:none;
	line-height:19px;
}
#page .numb a:hover{
	background-color:#05b1c5;
	border:none;
	width:21px;
	height:21px;
	color:#fff;
	line-height:21px;
}


div#mainbox ul li{list-style:none;
}
div#mainbox ul li.col_4{width:718px;
}
div#mainbox ul li.col_4 dl dt.row{background:#cedf8f;
color:#333333;
text-align:center;
border-bottom:1px dashed #CCCCCC;
}
div#mainbox ul li.col_4 dl dd.row{border-bottom:1px dashed #CCCCCC;
}
div#mainbox ul li.col_4 dl dd.orangecor{background:url(images/icon_orangecor_36.gif) 12px center no-repeat;
}
div#mainbox ul li.col_4 dl dd a{padding-left:40px;
}
div#mainbox ul li.col_4 dl dd.hot{background:url(images/icon_hot_37.gif) 5px center no-repeat;
}
div#mainbox ul li.col_1{
}
div#mainbox ul li.col_1 dl dt.row1{background:#cedf8f;
color:#333333;
text-align:center;
width:586px;
float:left;
}
div#mainbox ul li.col_1 dl dt.row2{background:#eae7e0;
color:#333333;
text-align:center;
width:132px;
float:left;
}
div#mainbox ul li.col_2{
}
div#member_footer{background:url(images/index_member_footer_42.gif) left top no-repeat;
height:9px;
}
div#mainbox ul li.col_2 dl dd.row{border-bottom:1px dashed #CCCCCC;
}
/*sub page news row only*/
div#mainbox ul li.col_2 dl dd.new{background:url(images/icon_orangecor_36.gif) 5px center no-repeat;
}
div#mainbox ul li.col_2 dl dd.row1{border-bottom:1px dashed #CCCCCC;
width:586px;
float:left;
}
div#mainbox ul li.col_2 dl dd.row2{border-bottom:1px dashed #CCCCCC;
text-align:center;
color:#a5b461;
font-weight:bold;
width:132px;
float:left;
letter-spacing:2px;
}
div#mainbox ul li.col_2 dl dd a.text{padding-left:25px;
}
/*ie 6*/
*html div#mainbox ul li.col_2 dl dd{height:32px;
}
div#mainbox ul li.col_2 dl dd img{vertical-align:middle;
}
div#mainbox ul li.col_2 dl dd.orangecor{background:url(images/icon_orangecor_36.gif) 12px center no-repeat;
}
div#mainbox ul li.col_2 dl dd.hot{background:url(images/icon_hot_37.gif) 5px center no-repeat;
}

div#mainbox ul li.col_5 dl{margin-top:-2px;
}
/*ie6*/
*html div#mainbox ul li.col_5 dl{margin-top:-18px;
}
/*ie7*/
*+html div#mainbox ul li.col_5 dl{margin-top:-18px;
}
div#mainbox ul li.col_5 dl dt.row1{background:#cedf8f;
color:#333333;
text-align:center;
width:250px;
float:left;
}
div#mainbox ul li.col_5 dl dt.row2{background:#eae7e0;
color:#333333;
text-align:center;
width:468px;
float:left;
}
div#mainbox ul li.col_6 dl dd.row1{border-bottom:1px dashed #CCCCCC;
width:250px;
float:left;
}
div#mainbox ul li.col_6{
}
div#mainbox ul li.col_6 dl dd.row2{border-bottom:1px dashed #CCCCCC;
width:468px;
float:left;
}
div#mainbox ul li.col_6 dl dd.orangecor{background:url(images/icon_orangecor_36.gif) 12px center no-repeat;
}
div#mainbox ul li.col_6 dl dd a.text{padding-left:40px;
}
div#mainbox ul li.col_6 span.blog_name{padding-left:40px;
}

/*sub page single row*/
div#mainbox ul li.col_3{width:718px;
list-style:none;
border-bottom:1px dashed #CCCCCC;
}
div#mainbox ul li.orangecor{background:url(images/icon_orangecor_36.gif) 12px center no-repeat;
}
div#mainbox ul li.arrow{background:url(images/icon_orangecor_36.gif) 5px center no-repeat;
}
div#mainbox ul li.hot{background:url(images/icon_hot_37.gif) 6px center no-repeat;
}
div#mainbox ul li.col_3 a{padding-left:25px;
}
div#mainbox_footer{background:url(images/mainbox_footer_27.gif) left top no-repeat;
height:7px;
}
div#pagination{text-align:center;
margin:10px auto;
padding-top:5px;
}
div#pagination img{vertical-align:middle;
margin-left:2px;
}
div#pagination span{display:none;
}
div#pagination a.current{color:#f7a72a;
text-decoration:none;
}
div#pagination a{text-decoration:underline;
letter-spacing:4px;
}

div#mainbox_content{background:url(images/mainbox_bg_25.gif) left top repeat-y;
padding:5px 10px;
overflow:hidden;
}
div#mainbox_content h4{padding:5px;
}
div#mainbox_content h4 span.headline{font-size:15px;
float:left;
color:#8f9967;
}
div#mainbox_content h4 span.date{color:#f7a72a;
font-weight:bold;
float:right;
font-size:12px;
width:110px;
text-align:left;
letter-spacing:2px;
}
div#mainbox_content p.editor{padding:5px 10px 10px 3px;
}
div#mainbox_content p.editor a{text-decoration:underline;
}
div#mainbox_content table.discuss_mbox{width:720px;
margin:10px 0 10px 0;
border:1px solid #c5c5c5;
padding:5px;
font-size:12px;
}
div#mainbox_content table.discuss_mbox td.discuss_edit{text-align:right;
}
div#mainbox_content table.discuss_mbox tr.title{background:#f7a72a;
}
div#mainbox_content table.discuss_mbox th.discuss_mname{width:200px;
height:35px;
}
div#mainbox_content table td,div#mainbox_content table th{padding:4px;
}
table.discuss_inbox{width:100%;
border:1px solid #c5c5c5;
padding:5px;
margin:5px 0 0 0;
}
table.discuss_inbox h5.discuss_slist{overflow:hidden;
height:25px;
}
table.discuss_inbox h5.discuss_slist a{font-size:15px;
}
table.discuss_inbox h5.discuss_slist a:hover{color:#f6c06b;
text-decoration:underline;
}
table.discuss_inbox td.icon_publish{background:url(images/icon_publish_53.gif) 10px 10px no-repeat;}
table.discuss_inbox th.publish_people{background:#eae7e0;
}
table.discuss_inbox th.reply_ublish{background:#cedf8f;
}
table.discuss_inbox h4.discuss_title a{font-size:13px;
}
table.discuss_inbox td.discuss_number{color:#f7a72a;
text-align:center;
font-weight:bold;
}
table.discuss_inbox td.text_count{width:30px;
text-align:center;
}
table.discuss_inbox td.publish_date{width:246px;
}
table.discuss_inbox p.publish_date{color:#999999;
margin-top:5px;
}
table.discuss_inbox p.publish_date2{color:#999999;
text-align:center;
}
span.notice{color:#f7a72a;
font-weight:bold;
}
table.discuss_inbox h5.discuss_slist a{text-decoration:none;
color:#f7a72a;
}
table.discuss_inbox td.align_center{text-align:center;
}
table.discuss_inbox th.discuss_name{width:413px;
}
td.discuss_number th.discuss_number{width:50px;
}
td.discuss_number th.discuss_last{width:246px;
}
table.discuss_inbox th.icon_publish{width:5%;
}
table.discuss_inbox th.discuss_name2{width:63%;
}
table.discuss_inbox th.discuss_count{width:7%;
}
td.discuss_number th.discuss_last2{width:20%;
}
table.discuss_inbox a{text-decoration:underline;
}
#bottom_tool{text-align:right;
padding-right:40px;
margin:10px 0 10px 0;
}
#bottom_tool img{border:none;
margin-left:5px;
vertical-align:middle;
}
#bottom_tool span{margin-left:5px;

}
/* ****************************contact form**************************** */
div#contact_form{overflow:hidden;
margin:10px 0 0 0;
padding:10px;
width:698px;
}
div#contact_form p.login_p{text-align:center;
}
div#contact_form textarea{border:1px solid #CCCCCC;
}
div#contact_form p{margin:10px auto;
width:610px;
}
dl.form_style{width:610px;
margin:10px auto 0;
overflow:hidden;
}
dl.form_style dt{width:80px;
font-weight:bold;
color:#666666;
text-align:right;
clear:left;
float:left;
padding:7px 0 5px 10px;
background:#eae7e0;
}
dl.form_style dt.your_code{
	padding:17px 0 25px 10px;
}
/*ie6*/
*html dl.form_style dt{padding:9px 0 5px 10px;
}
/*ie7*/
*+html dl.form_style dt{padding:9px 0 5px 10px;
}
dl.form_style dt.you_opinion{padding:108px 0 77px 10px;
}
/*ie6*/
*html dl.form_style dt.you_opinion{padding:90px 0 80px 10px;
}
/*ie7*/
*+html dl.form_style dt.you_opinion{padding:90px 0 80px 10px;
}
dl.form_style dd{width:510px;
float:left;
border:1px solid #CCCCCC;
border-left:4px solid #f6a82a;
padding:5px 0 5px 5px;
}
dl.form_style dd.you_opinion{padding:10px 0 10px 5px;
}
dl.form_style em{color:#f6a82a;
}
input.address,input.ask_title{width:257px;
}
dl.form_style input.name,dl.form_style input.phone,dl.form_style input.tel{width:200px;
}
dl#login.form_style{width:600px;
margin:0 auto;
}
dl#login.form_style dd{width:480px;
}
dl#login.form_style dd#your_password a{color:#f7a72a;
}
dl#login.form_style input{width:200px;
}

dl#small.form_style{width:400px;
margin:0 auto;
}
dl#small.form_style dd{width:280px;
}
dl#small.form_style dd#your_password a{color:#f7a72a;
}
dl#small.form_style input{width:200px;
}


p.form_tool{clear:both;
height:30px;
text-align:center;
padding:10px;
}
input.btn_two{background:url(images/btn_two.gif) left top no-repeat;
width:59px;
height:31px;
border:none;
cursor:pointer;
color:#ffffff;
font-weight:bold;
}
input.btn_four{background:url(images/btn_four.gif) left top no-repeat;
width:82px;
height:31px;
border:none;
cursor:pointer;
color:#ffffff;
font-weight:bold;
}
input.btn_four2{background:url(images/btn_four2.gif) left top no-repeat;
width:82px;
height:31px;
border:none;
cursor:pointer;
color:#333333;
font-weight:bold;
}
table#join_union{width:500px;
margin:0 auto;
border:none;
padding:5px;
}
table#join_union th{height:35px;
}
table#join_union p.notice{color:#FF0000;
}
table#join_union input{margin:3px;
border:1px solid #999999;
}
table.member_info{width:80%;
border:1px solid #CCCCCC;
padding:2px;
}
table#join_union td.align_right{text-align:right;
}
table#join_union p{margin:10px;
}
table.member_info th.th_title{background:#f7a72a;
height:35px;
}
table.member_info input{width:83px;
}
div#mainbox h4.link_mlist{text-align:center;
font-size:13px;
font-weight:bold;
width:718px;
background:#f7a72a;
margin-bottom:3px;
}
/*member area*/
div#mainbox_content ul#member_area{width:720px;
background:#eae7e0;
padding-top:5px;
height:30px;
overflow:hidden;
}
div#mainbox_content ul#member_area li{
padding-left:8px;
float:right;
}
/*暫不用這個會員部落格欄
div#mainbox_content ul#member_area li.blog{width:200px;
float:left;
margin-top:-5px;
}
*/
div#mainbox_content ul#member_area li.personal{width:400px;
text-align:right;
padding-right:10px;
}
div#mainbox_content ul#member_area li.two{background:url(images/bg_line_62.gif) left center no-repeat;
width:40px;
}
div#mainbox_content ul#member_area li.four{background:url(images/bg_line_62.gif) left center no-repeat;
width:60px;
}
span.bold{font-weight:bold;
}
div#mainbox ul.publish_title{background:none;
width:100%;
text-align:center;
}
/*ie6*/
*html div#mainbox ul.publish_title{margin-left:15px;
}
/*ie7*/
*+html div#mainbox ul.publish_title{margin-left:15px;
}

div#mainbox ul.publish_title li{float:left;
border-left:1px solid #999999;
padding:0 10px;
}
/*ie6*/
*html div#mainbox ul.publish_title li{padding:0 5px;
}
/*ie7*/
*+html div#mainbox ul.publish_title li{padding:0 5px;
}
div#mainbox ul.publish_title li.publish_man{width:200px;
border:none;
color:#f7a72a;
}
div#mainbox ul.publish_title li.date{width:110px;
}
div#mainbox ul.publish_title li.personal_web{
text-align:left;
}
div#mainbox ul.publish_title span.date{color:#666666;
}
div#mainbox ul.publish_title li.floor{width:50px;
float:right;
}
div#reply_editor{
background:#999999;
overflow:hidden;
}
table#publish_box{width:700px;
border:1px solid #c5c5c5;
padding:5px;
}
table#publish_box input,dl.form_style input{border:1px solid #cccccc;
margin-right:3px;
}
table#publish_box input.title{width:400px;
}
table#publish_box th.col_1{width:100px;
background:#eae7e0;
}
table#publish_box td.col_2{border-left:3px solid #f6a82a;
}
table#publish_box td.col_2 img{border:1px solid #cccccc;
vertical-align:bottom;
margin-right:5px;
}

ul#photo_content{margin:15px auto 0;
overflow:hidden;
}
ul#photo_content li{width:213px;
background:url(images/photo_bg_28.gif) left top no-repeat;
height:195px;
float:left;
text-align:center;
padding:25px 0;
margin:0 10px;
}
ul#photo_content li h4{font-size:13px;
}
li.photo{margin-top:5px;
}
ul#photo_content li #photo_img img{border:4px solid #eeeeee;
}
div#mainbox_content h4.photobook_title{width:705px;
background:#eae7e0;
height:30px;
text-align:center;
font-size:13px;
}
/*photo edit*/
#photo_edit{width:250px;
float:right;
padding-top:5px;
}
#photo_edit img{vertical-align:middle;
margin:0 4px;
}
#photo_edit a{
font-weight:normal;
text-decoration:none;
}
div#show_photo{width:710px;
text-align:center;
position:relative;
margin-top:15px;
}
div#show_photo img{
}
div#show_photo .btn_blast{
	background:url(images/btn_blast.gif) no-repeat;
	display:block;
	position:absolute;
	top:40%;
	left:20px;
	width:33px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
}
div#show_photo .btn_bnext{
	background:url(images/btn_bnext.gif) no-repeat;
	display:block;
	position:absolute;
	top:40%;
	right:20px;
	width:33px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
}
ul#photo_view{margin:15px auto 0;
overflow:hidden;
border-top:1px solid #d1d0ce;
width:700px;
padding-left:10px;
}

ul#photo_view li{width:135px;
float:left;
text-align:center;
padding:5px 0;
}
ul#photo_view li img{width:125px;
margin:0 10px;
}
/*ie6*/
*html ul#photo_view li img{margin:0 5px;
}
ul.map{width:150px;
margin:0 auto;
}
ul.map li{padding-left:10px;
}
ul.map li a{padding-left:15px;
background:url(images/icon_orangecor_36.gif) left center no-repeat;
}

.codeBox{
	clear:both;
	margin:0 auto;
	width:100%;
}
.code_longDl{
	float:right;
	margin:0 auto;
	width:383px;
}
.code_longDl dt{
	float:left;
	width:70px;
	text-align:right;
}
.code_longDl dd{
	float:left;
	width:313px;
}
.code_longDl dd input{
	border:1px solid #999;
}