﻿@charset "utf-8";

body {
	margin:0;
	padding:0;
	background-image: url(../images/frame/bg.gif);
	background-repeat: repeat-x;
	font-size: 13px;
	color: #666666;
	/*overflow-x:hidden;*/
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th{margin:0;padding:0;font-weight:normal;}
ol,ul {	margin: 0px;padding:0px;list-style:none;}
fieldset,img{border:0;}
table { border-collapse: collapse;border-spacing: 0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/*Text Color*/
.color_blue     { color:#09C; }
.color_blue02   { color:#479; }
.color_blue03   { color:#369; }
.color_red      { color:#F00; }
.color_brown    { color:#974; }
.color_gray     { color:#888; }
.color_gray02   { color:#666; }
.color_orange   { color:#F90; }
.color_orange02 { color:#F60; }
.Text_BColor { background-color:#ACF; color:#333; padding:3px; font-weight:normal; }

/*LinkStyle*/
.LinkStyle01 { color:#09C; text-decoration:underline;}
.LinkStyle01:hover { color:#000;}


/**Browser Alert**/
.Update_alert
{
    background-color:#2A2A2A;
    color:#FFF;
    padding:15px;
    text-align:center;
    font-size:15px;
    position:relative;
}
.Update_alert a{ position:absolute; top:18px; right:20px; }

/* TOP */
.macrocosm { margin:0 auto; padding:0; width: 996px; }
.toplogo
{
	float:left;
	text-align:left;
	width: 250px;
	height:95px;
}
.topatmosphere
{
	float:left;
	text-align:right;
	width:731px;
	height:40px;
	padding-right:15px;
	margin-top:15px;
	position:relative;
	display:inline;
	font-size:12px;
	color:#333;
}
.topatmosphere a { color:#fff; text-decoration:none; }
.topatmosphere a:hover { color:#fff; text-decoration:none; }
.topswf,.topsub
{
	float:left;
	text-align:right;
	width:650px;
	height:35px;
	position:relative;
	top:15px; left:40px;
	color:#FFF;
	z-index:100;
}
.topswf a,.topsub a { font-size:12px; color:#FFF; }

.topmenu
{
	background-image:url(../images/frame/topmenu_bg.jpg);
    margin:0 auto;
	padding:0;
	position:relative;
	width: 996px;
	height:105px;
	z-index:99;
}

.topmenu .FB 
{
    position:absolute;
    left:225px; top:68px;
}


.area_left,.area_left2
{
	float:left;
	width:206px;
	height:auto;
	margin-top:5px;
	overflow:hidden;
}

.area_right
{
	float:left;
	width:790px;
	min-height:700px;
	_height:700px;
	background-color:#FFF;
	margin-top:5px;
	_overflow-x:hidden; /*ForIE6*/
}
.area_ad
{
	float:left;
	width:200px;
	height:auto;
	margin-top:5px;
	padding-left:4px;
	overflow:hidden;
	border:solid 0px #000;
}
.area_ad p { margin-bottom:5px; _margin-bottom:7px; }
.area_center
{
	float:left;
	width:584px;
	height:auto;
	margin-top:5px;
	overflow:hidden;
	background-color:#fff;
}
.area_all
{
	float:left;
	width:996px;
	height:auto;
	padding-top:2px;
}
.area_page
{
	float:left;
	width:996px;
	height:auto;
	margin-top:5px;
	background-image:url(../images/area_all_bg.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
}
.area_underline
{
	width:auto;
	height:5px;
	background-image:url(../images/underline_01.gif);
	background-repeat: repeat-x;
	margin:0 auto;
	overflow:hidden;
}
.area_underline3
{
	width:99%;
	height:3px;
	background-image:url(../images/underline_03.gif);
	background-repeat: repeat-x;
	margin:0 auto;
	overflow:hidden;
}
.select
{
	font-size: 12px;
	color: #666666;
	height: 20px;
	border: 1px solid #999999;
}
.btn1
{
	font-size: 12px;
	color: #666666;
	height: 20px;
	width: 90px;
	border: 1px solid #999999;
	background-color: #ececec;
}
.abtn a
{
	float:left;
	margin:0 2px 0 0;
	padding:0;
	width:100px;
	height:20px;
	text-align: center;
	font-size:12px;
	color: #fff;
	text-decoration:none;
	line-height: 20px;
	background-image: url(../images/btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.abtn a:hover
{
	float:left;
	margin:0 2px 0 0;
	padding:0;
	width:100px;
	height:20px;
	text-align: center;
	font-size:12px;
	color: #fff;
	line-height: 20px;
	background-image: url(../images/btn_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.bbtn a
{
	float:left;
	margin:0 2px 0 0;
	padding:0;
	width:50px;
	height:20px;
	text-align: center;
	font-size:12px;
	color: #fff;
	text-decoration:none;
	line-height: 20px;
	background-image: url(../images/btn2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.bbtn a:hover
{
	float:left;
	margin:0 2px 0 0;
	padding:0;
	width:50px;
	height:20px;
	text-align: center;
	font-size:12px;
	color: #fff;
	line-height: 20px;
	background-image: url(../images/btn2_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/* Search */
.search_index
{
	background-image:url(../images/frame/search_index.jpg);
	width:564px;
	height:35px;
	font-size:12px;
	color:#eee;
	text-align:right;
	padding-right:20px;
	padding-top:5px;
	overflow:hidden;
}
.search_index a { font-size:12px; color:#FFF; text-decoration:none; }
.search_index a:hover { font-size:12px; color:#000; text-decoration:none; }

.search_mainpage
{
	background-image:url(../images/frame/search_main.jpg);
	width:770px;
	height:35px;
	font-size:12px;
	text-align:right;
	color:#eee;
	padding-right:20px;
	padding-top:5px;
	overflow:hidden;
}
.search_mainpage a { font-size:12px; color:#FFF; text-decoration:none; }
.search_mainpage a:hover { font-size:12px; color:#000; text-decoration:none; }

.search_all
{
	background-image:url(../images/frame/search_main2.jpg);
	width:940px;
	height:35px;
	font-size:12px;
	color:#eee;
	text-align:right;
	padding-right:20px;
	padding-top:5px;
	overflow:hidden;
	margin:0 auto;
}
.search_all a { font-size:12px; color:#FFF; text-decoration:none; }
.search_all a:hover { font-size:12px; color:#000; text-decoration:none; }
.serach_area
{
	height:20px;
	margin-top:3px;
	background-color:#ddd;
	border: none;
	font-size:13px;
}
/*page*/
.page
{
	width:100%;
	height:auto;
	margin:10px 0;
	text-align:center;
	font-weight:bold;
}
.page span.none,.page span.links a
{
	padding:1px 3px 1px 3px;
	margin:5px 0 0 5px;
	font-size:12px;
	text-align:center;
	color:#09c;
}
.page span.links a
{
	text-decoration:none;
	color:#999;
	background-color:#f8f8f8;
	border: 1px solid #eee;
}
.page span.links a:hover{ color:#09c; text-decoration:none; }

.pagenum
{
	float:right;
	width:140px;
	height:auto;
	text-align:left;
	font-size:11px;
	overflow:hidden;
	padding-right:10px;
	padding-top:5px;
}
.pagenum input
{
	width:16px;
	height:13px;
	font-size:11px;
	text-align:center;
	background-color:#ccc;
	border:#eee 1px solid;
	margin-right:3px;
}

/*Paging*/
.Paging
{
    width:420px;
    margin:0px auto;
    padding:5px 0px;
    font-weight:bold;
}
.Paging a
{
    margin-left:5px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
    padding:1px 3px;
    color:#999;
	background-color:#f8f8f8;
	border:1px solid #EEE;
}
.Paging a:hover  { color:#09c; }
.Paging .PSelect { color:#09c; }

/*Footer Area*/
#footer
{
	position:relative;
    padding-top:10px; margin:10px auto;
	width: 996px;
	height:auto;
	overflow:hidden;
}

#footer .logo98
{
	position:absolute;
	left:0px; top:25px;
}

#footer .Actitle
{
    width:67px; height:18px;
    background:url(../images/logos/title.gif) no-repeat;
    text-indent:-6000px;
    position:absolute;
    left:190px; top:75px;
}

#footer div.footerright
{
    position:relative;
	left:190px; top:0px;
	width:800px;
	margin-top:5px;
	font-size:12px;
	color:#666;
	text-align:left;
	line-height:16px;
}
#footer div.footerright a { color:#666; text-decoration:none;}
#footer div.footerright a:hover { color:#000;text-decoration:underline; }

.footerright ul { padding-left:70px; }
.footerright li { display:inline; padding:3px; }


#footer div.footerright .Mail  { color:#0099cc; text-decoration:underline;}
#footer div.footerright .Mail:hover  { color:#000; }
/*sitemap*/
.sitemap
{
	color:#999;
	font-size:12px;
	line-height:25px;
	padding-left:20px;
	width:770px; height:25px;
	overflow:hidden;
	position:relative;
}
.sitemap a { color:#333; text-decoration:none; }
.sitemap a:hover { color:#000; text-decoration:underline; }
.sitemap .targe { color:#5ab3dd; text-decoration:none; }

hr
{
	height:0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	overflow:hidden;
}
/*Top banner*/
.Tbanner
{
    width:750px;
    border:Solid 1px #CCC;
    margin:auto;
    margin-bottom:10px;
    text-align:center;
}
/*ntitle*/
.ntitle
{
	clear:both;
	margin:10px auto;
	width:100%;
	position:relative;
}
.ntitle a       { color:#000; }
.ntitle a:hover { color:#09C; text-decoration:none; }

/*label*/
.labelindex, .labenews, .labenews .main,
.label1
{
    background-image:url(../images/label_bg.gif);
    background-repeat:repeat-x;
    height:33px;
}

.labelindex     { width:490px; }
.labenews       { width:575px; }
.labenews .main { float:left; width:561px; margin:0 auto; }
.label1         { width:752px; margin:0 auto; }

.labelindex .topleft, .labelindex .topleft2,
.labelindex .topright, .labelindex .main,
.label1 .topleft,.label1 .topright  { float:left; height:33px; }

.labelindex .topleft,
.label1 .topleft  { width:7px; background-image:url(../images/label_top1.gif);  }

.labelindex .topleft2 { width:171px; background-image:url(../images/label_top4.gif);}

.labelindex .topright,
.label1 .topright { width:7px; background-image:url(../images/label_top3.gif);  }

.labelindex .main,.labelindex .main2,
.label1 .main
{
    margin:0 auto;
    background-image:url(../images/label_bg.gif);
	background-repeat:repeat-x;
}
.labelindex .main  { width:476px; }
.labelindex .main2 { float:left; width:312px; height:33px; }
.label1 .main      { float:left; width:738px; height:33px; }

.labelindex .main span,.labelindex .main p a, .labelindex .main2 span,
.labenews .main span, .labenews .main p a,
.label1 .main span, .label1 .main p a
{
    float:left;
    height:25px;
    position: fixed;
    text-decoration:none;
    text-align:center;
    padding-top:8px;
	margin-left:2px;
}

.labelindex .main span, .labelindex .main2 span,
.labenews .main span, .label1 .main span
{
	color:#8d7700;
	font-size:13px;
	background-image:url(../images/label_on.gif);
}

.labelindex .main p a,.labelindex .main2 p a,
.labenews .main p a, .label1 .main p a
{
	color:#333;
	font-size:12px;
	background-image:url(../images/label.gif);
}

.labelindex .main span,
.labelindex .main2 span,.labelindex .main2 p a,
.label1 .main span, .label1 .main p a { width:71px; }

.labelindex .main p a,.labelindex .main2 p a,
.labenews .main span,.labenews .main p a { width:61px; }


.labelindex .main p a:hover,.labelindex .main2 p a:hover,
.labenews .main p a:hover,.label1 .main p a:hover
{
	color:#8d7700;
	font-size:13px;
	background-image:url(../images/label_on.gif);
}

.labenews .topleft,.labenews .topright { float:left; width:7px; height:33px; }
.labenews .topleft  { background-image:url(../images/label_top1.gif); }
.labenews .topright { background-image:url(../images/label_top3.gif); }

.labeldown
{
	width:752px;
	height:9px;
	margin:0 auto;
	overflow:hidden;
	background-image:url(../images/label_bg.gif);
	background-repeat:repeat-x;
}
.labeldown .downleft, .labeldown .downright, .labeldown .downmain  { float:left; width:7px; height:9px; }

.labeldown .downleft  { background-image:url(../images/label_down1.gif); }
.labeldown .downright { background-image:url(../images/label_down3.gif); }
.labeldown .downmain
{
	width:738px;
	margin:0 auto;
	background-image:url(../images/label_down2.gif);
	background-repeat:repeat-x;
}

/*label2 & label3*/
.label2, .label3
{
    height:35px;
    background-image:url(../images/label2_top.gif);
	background-repeat:repeat-x;
}
.label2  { width:960px; margin:0 auto; }
.label3  { width:760px; margin-left:10px; }

.label2 .topleft, .label2 .topright, .label2 .main,
.label3 .topleft, .label3 .topright, .label3 .main { float:left; width:15px; height:35px; }

.label2 .topleft, .label3 .topleft   { background-image:url(../images/label2_top1.gif); }
.label2 .topright,.label3 .topright  { background-image:url(../images/label2_top3.gif); }

.label2 .main     { width:930px; }
.label3 .main     { width:730px; }

.label2 .main span, .label2 .main p a,
.label3 .main span, .label3 .main p a
{
    float:left;
	width:71px;
	height:23px;
	position: fixed;
	text-decoration:none;
	text-align:center;
	padding-top:12px;
	margin-left:2px;
}

.label2 .main span,
.label3 .main span
{
	color:#8d7700;
	font-size:13px;
	background-image:url(../images/label2_on.gif);
}
.label2 .main p a,
.label3 .main p a
{
	color:#333;
	font-size:12px;
	background-image:url(../images/label2.gif);
}
.label2 .main p a:hover,
.label3 .main p a:hover
 {
	color:#8d7700;
	font-size:13px;
	background-image:url(../images/label2_on.gif);
}


/* TabStyle 090212_Vivian */
ul.TabStyle
{
    position:relative;
    list-style:none;
    background-repeat:repeat-x;
    background-position:left top;
    z-index:10;
    clear:both;
}
ul.TabStyle li,
ul.TabStyle .Tab_L
{
    float:left;
    height:100%;
    background-repeat:no-repeat;
    background-position:left top;
}
ul.TabStyle a
{
    height:100%;
    float:left;
    background-repeat:no-repeat;
    background-position:right top;
    text-align:center;
    text-decoration:none;
}
 /* TAB:10 */
.TabStyle_10{ height:30px; padding-left:10px; }
.TabStyle_10 li { margin-right:3px; position:relative; }
.TabStyle_10 li a
{
    line-height:32px;
    padding:0px 20px 0px 20px;
    text-decoration:none;
    color:#000;
}
.TabStyle_10 li     { background-image:url(../images/tab/tab_10_off_l.gif); }
.TabStyle_10 li a   { background-image:url(../images/tab/tab_10_off_r.gif); }

.TabStyle_10 li.Tab_On,
.TabStyle_10 li:hover         { background-image:url(../images/tab/tab_10_on_l.gif); color:#369; text-decoration:none; }

.TabStyle_10 li.Tab_On a,
.TabStyle_10 li:hover  a { background-image:url(../images/tab/tab_10_on_r.gif); color:#930; text-decoration:none; }

.TabStyle_10 li.Tab_On a b { visibility:visible; }

/* TAB:20 */
.TabStyle_20    { height:30px; padding-left:10px; }
.TabStyle_20 li { margin-right:3px; position:relative; }
.TabStyle_20 li a
{
    line-height:30px;
    padding:0px 15px;
    text-decoration:none;
    color:#000;
}

.TabStyle_20 li          { background-image:url(../images/tab/tab_10_off_l.gif); }
.TabStyle_20 li a        { background-image:url(../images/tab/tab_10_off_r.gif); }
.TabStyle_20 li.Tab_On,
.TabStyle_20 li:hover         { background-image:url(../images/tab/tab_20_on_l.gif); color:#369; text-decoration:none; }

.TabStyle_20 li.Tab_On a,
.TabStyle_20 li:hover a { background-image:url(../images/tab/tab_20_on_r.gif); color:#FFF; text-decoration:none; }

.TabStyle_20 li.Tab_On a b { visibility:visible;  }

#UlTab01.TabStyle_20 li:hover,
#UlTab02.TabStyle_20 li:hover,
#UlTab03.TabStyle_20 li:hover,
#UlTab04.TabStyle_20 li:hover { background-image:url(../images/tab/tab_20_on_l.gif);  color:#369; text-decoration:none;}

#UlTab01.TabStyle_20 li:hover a,
#UlTab02.TabStyle_20 li:hover a,
#UlTab03.TabStyle_20 li:hover a,
#UlTab04.TabStyle_20 li:hover a { background-image:url(../images/tab/tab_20_on_r.gif); color:#FFF; text-decoration:none;}

#UlTab01.TabStyle_20 li a:hover,
#UlTab02.TabStyle_20 li a:hover,
#UlTab03.TabStyle_20 li a:hover,
#UlTab04.TabStyle_20 li a:hover { text-decoration:none; }

#ultab.TabStyle_20      { height:30px; padding-left:20px; }
#ultab.TabStyle_20 li a { line-height:33px;padding:0px 6px; }

/* TAB:H38 */
.TabStyle_H38    { height:38px; padding-left:10px; }
.TabStyle_H38 li { margin-right:3px; position:relative; }
.TabStyle_H38 li a
{
    line-height:12px;
    padding:8px 15px;
    text-decoration:none;
    color:#000;
}

.TabStyle_H38 li          { background-image:url(../images/tab/tab_H38_off_l.gif); }
.TabStyle_H38 li a        { background-image:url(../images/tab/tab_H38_off_r.gif); }
.TabStyle_H38 li.Tab_On,
.TabStyle_H38 li:hover         { background-image:url(../images/tab/tab_H38_on_l.gif); color:#369; text-decoration:none; }

.TabStyle_H38 li.Tab_On a,
.TabStyle_H38 li:hover a { background-image:url(../images/tab/tab_H38_on_r.gif); color:#FFF; text-decoration:none; }

.TabStyle_H38 li.Tab_On a b { visibility:visible;  }

#UlTab01.TabStyle_H38 li:hover,
#UlTab02.TabStyle_H38 li:hover,
#UlTab03.TabStyle_H38 li:hover,
#UlTab04.TabStyle_H38 li:hover { background-image:url(../images/tab/tab_H38_on_l.gif);  color:#369; text-decoration:none;}

#UlTab01.TabStyle_H38 li:hover a,
#UlTab02.TabStyle_H38 li:hover a,
#UlTab03.TabStyle_H38 li:hover a,
#UlTab04.TabStyle_H38 li:hover a { background-image:url(../images/tab/tab_H38_on_r.gif); color:#FFF; text-decoration:none;}

#UlTab01.TabStyle_H38 li a:hover,
#UlTab02.TabStyle_H38 li a:hover,
#UlTab03.TabStyle_H38 li a:hover,
#UlTab04.TabStyle_H38 li a:hover { text-decoration:none; }

#ultab.TabStyle_H38      { height:30px; padding-left:20px; }
#ultab.TabStyle_H38 li a { line-height:33px;padding:0px 6px; }


ul.TabStyle li.TabTitle { width:160px; position:relative; top:0px;}
ul.TabStyle li.TabTitle p
{
    position:absolute;
    left:-10px; top:2px;
    width:171px; height:40px;
    background:url(../images/label_top4.gif) no-repeat;
    text-indent:-6000px;
}

#TitleTab a b { position:relative; top:5px; left:-3px; background:url(../images/icon/o_line.gif) no-repeat; }
#TitleTab a em { font-size:11px; font-style:normal; color:#cde9fb; }

/**FrameBlock 090212_vivian**/
.FrameBlock,
.Frame_b_l,
.GFrameBlock,
.GFrame_b_l{ width:100%; position:relative;background-repeat:no-repeat;}

.Frame_t_r,
.Frame_b_r,
.GFrame_t_r,
.GFrame_b_r { position:absolute; right:0px; top:0px; background-repeat:no-repeat; width:7px; height:9px; }

.FrameBlock {background-image:url(../images/tab/frame_t_l.gif);padding-top:9px;}
.Frame_t_r {background-image:url(../images/tab/frame_t_r.gif);}
.Frame_b_l {background-image:url(../images/tab/frame_b_l.gif); height:10px; }
.Frame_b_r {background-image:url(../images/tab/frame_b_r.gif);}


.FrameBlock_02
{
    border:solid 1px #CCC;
    background-color:#FFF;
    position:relative;
    min-height:100px; _height:100px;
}
.FrameBlock_02 .Frame_02_t_l,.FrameBlock_02 .Frame_02_t_r,
.FrameBlock_02 .Frame_02_b_l,.FrameBlock_02 .Frame_02_b_r { position:absolute; width:9px; height:9px; }

.FrameBlock_02 .Frame_02_t_l {  left:-1px; top:-1px; }
.FrameBlock_02 .Frame_02_t_l img { position:absolute; clip:rect(0 9px 9px 0); }

.FrameBlock_02 .Frame_02_t_r {  right:8px; top:-1px; }
.FrameBlock_02 .Frame_02_t_r img { position:absolute; clip:rect(0 18px 9px 9px); }

.FrameBlock_02 .Frame_02_b_l { left:-1px; bottom:8px; }
.FrameBlock_02 .Frame_02_b_l img { position:absolute; clip:rect(9px 9px 18px 0); }

.FrameBlock_02 .Frame_02_b_r { right:8px; bottom:8px; }
.FrameBlock_02 .Frame_02_b_r img { position:absolute; clip:rect(9px 18px 18px 9px); }

/***GFrame***/
.GFrameBlock {background-image:url(../images/tab/Gframe_t_l.gif);padding-top:9px;}
.GFrame_t_r {background-image:url(../images/tab/Gframe_t_r.gif);}
.GFrame_b_l {background-image:url(../images/tab/Gframe_b_l.gif); height:10px; }
.GFrame_b_r {background-image:url(../images/tab/Gframe_b_r.gif);}
.GFrameBlock dl
{
    position:relative;
    border:solid 1px;
    border-width:0px 1px;
    border-color:#8EC124;
    background-color:#ffffcb;
    z-index:20;
    Zoom:1;
}

 /***BoldFrame***/
.FrameBold {background-image:url(../images/tab/frame_tb_l.gif);padding-top:9px;}
.FrameBold .Frame_t_r,
.FrameBold .Frame_b_r { width:15px; height:13px;}
.FrameBold .Frame_t_r {background-image:url(../images/tab/frame_tb_r.gif);}
.FrameBold .Frame_b_l {background-image:url(../images/tab/frame_bb_l.gif); height:13px; }
.FrameBold .Frame_b_r {background-image:url(../images/tab/frame_bb_r.gif);}

.FrameBlock ul,
.FrameBlock .ArticleBlock,
.FrameBlock .FrameBorder
{
    position:relative;
    border-width:0px 1px;
    border-style:solid;
    border-color:#D1D1D1;
    background-color:#FFF;
    z-index:20;
}
.FrameBold .FrameBorder { border-width:0px 3px; border-color:#DDD;  padding:10px 20px; }
.FrameBold ul { border:none; }
.FrameBlock ul .LastOne { background-image:none; border:none; }
.FrameBlock .ArticleBlock_SetSpace { padding:5px 10px; }
.FrameBlock .ArticleBlock li
{
    position:relative;
    width:100%;
    line-height:28px;
    background:url(../images/underline_01.gif) repeat-x left bottom;
}
.FrameBlock .ArticleBlock li a     { text-decoration:none; color:#000; }
.FrameBlock .ArticleBlock li a:hover  { color:#09C; }
.FrameBlock .ArticleBlock li b { display:block; position:absolute; right:0px; top:0px; font-weight:normal; font-size:11px; color:#AAA; }

/**FrameStyle**/
.FrameStyle
{
	position:relative;
	width:760px;
	background-image: url(../images/news/page_mainbg_w.gif);
	background-repeat:repeat-y;
	background-position:left top;
	zoom:1;
}

.FrameStyle_Top
{
	position:relative;
	left:0px; top:0px;
	height:8px; width:760px;
	background-repeat:no-repeat;
	background-image: url(../images/news/page_titlebg_s.gif);
}

.FrameStyle_bottom
{
	position:relative;
	left:0px; bottom:0px; _bottom:-10px;
	width:760px;
	height:10px;
	background-image: url(../images/news/page_footer.gif);
	background-repeat:no-repeat;
}
/*FrameStyle-left area*/
.area1, .areaother
{
	float:left;
	position:relative;
	width:200px; height:18px;
	margin-top:7px;
	zoom:1;
	padding-top:5px;
	background-image:url(../images/indextitle_bg.gif);
	overflow:hidden;
}

.areatv
{
	position:relative;
	width:200px; height:18px;
	margin-top:7px;
	zoom:1;
	padding-top:5px;
	background-image:url(../images/indextitle_bg02.png);
	overflow:hidden;
}

.area1 h1, .areaother h1,.areatv h1 { float:left; padding-left:15px; font-size:12px; color:#e0e0e0; }
.area1 h2, .areaother h2,.areatv h2 { float:left; padding-left:5px; font-size:11px; color:#bababa; }
.area1 h3,.areatv h3{ position:absolute; right:0px; width:40px; height:11px; font-size:11px; }
.area1 h3 a,.areatv h3 a
{
    background:url(../images/icon/icon_arrow.gif) no-repeat;
    background-position:left center;/*For Firefox*/
    *background-position:left top;/*For IE*/
    padding-left:15px;
}
.area1 h3 a,.areatv h3 a
{
    display:block;
    top:0px; right:0px;
    position:relative;
    color:#FFF;
    font-size:11px;
}
.area1 h3 a:hover,.areatv h3 a:hover { color:#CCC; }

.area1main, .areaothermain
{
	float:left;
	width:200px; height:auto;
	padding-bottom:5px;

}
.area1main { background-color:#ccc; }

.area1main dl
{
	float:left;
	width:190px; height:auto;
	margin:5px 0px 0px 5px;/*FF*/
	*margin:5px 0px 0px 5px !important;/*IE7*/
	*margin:5px 0px 0px 3px;/*IE6*/
	padding:3px 0;
	overflow:hidden;
	background-color:#FFF;
}
.area1main dt { padding:0px 0px 5px 25px; }

.area1main dd
{
	position:relative;
	font-size:12px;
	line-height:27px;
	height:27px;
	background-color:#FFF;
	background:url(../images/underline_01.gif) repeat-x left top;
}

/**Visitor List-left area**/
#Visitor
{
    width:200px;
    float:left;
    margin:0px 5px 0px 0px;
 }
#Visitor dt { text-indent:20px; }
#Visitor dd a
{
    display:block;
    width:90px;
    line-height:30px;
    _line-height:20px;
    _margin-top:5px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
#Visitor dd a { color:#09C; }
#Visitor dd a:hover { color:#000; }

#Visitor dd span
{
	position:absolute;
	top:3px; right:5px;
	color:#999;
	font-size:11px;
}
#Visitor .msg_on, #Visitor .msg_off { border:solid 0px; width:42px; margin:7px 2px 0 2px; _margin-right:0; float:left; }
#Visitor dd.First { background-image:none; }

.areaothermain .newf
{
	float:left;
	width:190px; height:auto;
	margin:5px 0 0 4px;
	padding:3px 0;
	display:inline;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #eee;
}
.areaothermain .b01, .areaothermain .b02,
.areaothermain .b03, .areaothermain .b04,
.areaothermain .b05
{
    float:left;
    height:35px;
    display:inline;
	overflow:hidden;
	margin-top:6px;
}
.areaothermain .b03, .areaothermain .b04,
.areaothermain .b05 { height:20px; margin-top:3px; }

.areaothermain .b01 { width:40px; }
.areaothermain .b02 { width:160px; line-height:15px; }
.areaothermain .b03 { width:200px; line-height:15px; text-align:right; }
.areaothermain .b04 { width:20px; text-align:center; }
.areaothermain .b05 { width:170px; line-height:20px; }

.areaothermain .b01 img { float:left; }
.areaothermain .b04 img { margin-top:1px; }
.areaothermain .b05 img { float:left; margin:5px 0; }

.areaothermain .b02 a, .areaothermain .b03 a,
.areaothermain .b05 a { font-size:12px; color:#666; text-decoration:none; }

.areaothermain .b02 a:hover, .areaothermain .b03 a:hover,
.areaothermain .b05 a:hover { color:#000; text-decoration:underline; }
.areaothermain .b03 a{ color:#09c; }

.areaotherfooter
{
	float:left;
	width:200px;
	height:8px;
	margin-bottom:5px;
	background-image:url(../images/indexfooter_bg.gif);
	overflow:hidden;
}

/*mianpage*/
.maintable1
{
	margin:0 auto;
	width:700px;
	height:10px;
	background-color:#006;
}


.popuptitle
{
	padding-left:55px;
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	color:#666;
	background-image: url(../images/popupbg.gif);
	background-repeat: no-repeat;
}

/*Error Area*/
.ErrorFrame { background:url(../images/frame/error_bg.png) no-repeat; height:579px; }
.ErrorFrame div
{
    background:url(../images/banner/alert.png) no-repeat left top;
    width:400px; height:200px;
    margin:200px auto;
    border:solid 0px;
}
.ErrorFrame div H4{ padding:40px 0px 0px 120px;}
.ErrorFrame a { top:50px; left:200px;}

/**Message Function**/
.msg_on,.msg_off
{
    width:42px; height:18px;
    background:url(../images/icon/icon_all.png) no-repeat;
    text-indent:-6000px;
}

.msg_on        { background-position:right -114px; }
.msg_on:hover  { background-position:-66px -114px; }
.msg_off       { background-position:right -134px; }


/**AD Banner**/
.AD_728x90   { width:790px; float:left; padding-top:10px;   }
.AD_728x90 p { width:728px; height:90px;  margin:0 auto; }

.AD_200x200   { width:200px; height:200px; float:left; margin-top:8px;  }
