﻿a { color:black; }
a:hover { color:#339999}
.ac{ clear:both}
.hp_left {width:650px; float:left;}
.hp_right {width:260px; float:right;}


DIV.scott { 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: #339966; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none }
DIV.scott A:hover {	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.scott A:active {	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.scott SPAN.current {	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR:#339966}
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}

#hid_out { border:#555 2px solid; background:white; position:absolute; display:none}
#hid_out .toolbar { text-align:right; line-height:22px; }
#hid_out .toolbar a { cursor:pointer}
.exc_table { width:500px;  }
.exc_table th { height:22px; line-height:22px; background:#04a377; font-weight:bold; color:white;}
.exc_table td { height:22px; line-height:22px; background:white; color:black}
.exc_table td a { cursor:pointer}




.hp_intro { text-align:20px; text-align:left; text-indent:2em;}
.hp_intro  img { margin:3px;}

.title_260_t { background:url(../img/left_title_top.gif); width:260px; height:54px;}
.title_260_m { background:url(../img/left_title_m.gif); width:260px; }
.title_260_m ul{ style:none; margin:0; padding:0}
.title_260_m li{ text-align:left;line-height:20px; border-bottom:#ccc 1px dashed; font-size:12px; text-indent:10px;;}
.title_260_m li.more{ text-align:right; line-height:20px; border-bottom:#ccc 1px dashed; font-size:12px;}
.title_260_m li a { color:black; }
.title_260_m li a:hover { color:#339999}

.title_260_b { background:url(../img/left_title_b.gif); width:260px; height:13px;}

.title_bar { margin-top:4px; background:url(../img/title_back.gif); height:25px; line-height:25px; font-size:14px; font-weight:bold; color:#33CC99; text-align:right; padding-right:5px;}
.title_bar_l { margin-top:4px; background:url(../img/title_back.gif); height:25px; line-height:25px; font-size:14px; font-weight:bold; color:#33CC99; text-align:left; padding-left:5px;}


.hp_cell { float:left; margin:2px; width:125px; text-align:center; line-height:20px;height:150px; overflow:hidden}
.hp_cell img { width:115px; height:100px; margin-left:auto; margin-right:auto; border:#eee 1px solid; margin-top:4px;}
.hp_cell a { color:black;}
.hp_cell a:hover {color:#339999} 

.listcell { width:315px;height:80px; position:relative; float:left; margin:2px; border:#ccc 1px solid; height:120px;overflow:hidden}
.listcell table { width:315px;}
.listcell table h3{ font-size:14px;}
.listcell table td { vertical-align:top; text-align:left; overflow:hidden ; height:115px}
.listcell table td img  { width:115px;}

.ht_title { background:url(../img/tit_bg.gif); height:25px}
.ht_title h2 { line-height:25px; font-size:14px; text-align:left; margin-left:20px; font-weight:bold }

.ht_imgs img { height:110px; width:150px; margin-top:4px;}
.ht_imgs_m { margin-right:10px; text-align:right;}
.ht_imgs_m a{ color:black;}
.ht_imgs_m a:hover { color:#339999}

.ht_title_f { color:#663300; line-height:22px; border-bottom:#ccc 1px dashed; font-size:13px; font-weight:bold; text-align:left; margin-left:20px; }
.ht_text_f { text-indent:2em; font-size:12px; text-align:left; color:#666666; margin:10px; margin-left:20px; line-height:20px;}
.ht_text_f table { width:500px;}
.ht_text_f table td { text-align:left; text-indent:0em;}

.ht_Traffic { text-align:left}
.ht_Traffic table { width:400px; margin-left:20px;  }
.ht_Traffic table td { background:white; text-align:center; line-height:20px;}
.ht_Traffic table th{  background:url(../images/topmenu.png); height:22px; line-height:22px; color:white; font-weight:bold}

.ht_txt_f_tab {   width:630px; background:#000 }
.ht_txt_f_tab td { height:22px; line-height:22px; text-align:center;}
.ht_txt_f_tab td.a { background:#04a377; font-weight:bold ; color:white; text-align:center; width:150px }
.ht_txt_f_tab td.b { background:#fff;text-align:center; width:150px  }

.news_title { text-align:left}
.news_title h3 { font-size:16px; line-height:25px;text-align:center;  margin:3px; }
.news_title span{ font-size:12px; color:#CCC ; line-height:20px;}
.news_intro { color:#333; margin:5px; margin-left:12px; text-indent:2em; text-align:left }
.news_more {  text-align:right; border-bottom: #ccc 1px dashed;}

.step_act { background:url(../images/topmenu.png); height:22px; line-height:22px; color:white; font-weight:bold ; text-align:left; padding-left:10px;}
.step_nact { background:#ccc; border:#bbb 1px solid; line-height:22px; text-align:left; padding-left:10px;}
.step_act_cell { padding:10px; border:#ccc 1px solid; background:#F6F6F6}
.step_act_cell div.memo { margin:10px; background:white; border:#ccc 1px solid; padding:5px; color:red;}
.s1_left { margin:10px; width:380px; float:left; text-align:left; }
.s1_left span.time{ font-size:22px; color:black; }

.s1_left input.s1_left_time { height:30px;font-size:22px;color:#33CC66;border:#ccc 2px solid;width:120px;}
.s1_left input.s1_left_time_lock { height:30px;font-size:22px;color:#666666;border:#ccc 2px solid;width:120px; background:#eee}

.sl_btn { background:url(../img/step_btn.gif); width:148px; height:30px; line-height:30px; text-align:center; margin-left:auto; margin-right:auto; cursor:pointer}
.sl_btn div { line-height:30px; color:white;  text-align:center }


.s1_right { margin:10px; width:200px; float:right; text-align:left; border-left:#ccc 1px dotted ; height:100px; line-height:20px;}
.s1_right span { font-size:14px; font-weight:bold; color:#6699FF }

.sla_txt { width:350px; border:#ccc 2px solid; font-size:14px; line-height:22px; height:130px; text-align:left}
.sla_txt2 { width:600px; border:#ccc 2px solid; font-size:14px; line-height:22px; height:100px; text-align:left}
.step_act_cell h3{ font-size:13px;}
.rate { font-size:13px; line-height:22px; }
div.bbs_cell { margin:10px; background:#FFFFCC; border:#ccc 1px solid; padding:5px; color:black; text-align:left}
div.bbs_cell div.tit { font-weight:bold; line-height:22px;}


.view_navi{ text-align:right; border-bottom:#ccc 2px solid;}
.view_navi div.a{ line-height:22px;background:url(../images/topmenu.png); color:white; font-size:12px; font-weight:bold; float:right; width:120px; text-align:center; margin:1px;cursor:pointer}
.view_navi div.b{ line-height:22px;background:#eee; color:black; font-size:12px; font-weight:bold; float:right; width:120px; text-align:center;margin:1px; cursor:pointer}
.view_tit { line-height:25px; text-align:left; margin-left:10px; text-indent:2em;}
.view_tit img {width:24px;}
.hr_dot { border-bottom:#ccc 1px dotted; margin-bottom:10px;}


.plan_cell { background:url(../images/plan_cell_bk.gif); width:620px; height:100px; position:relative; margin-left:auto; margin-right:auto;}
.plan_cell div.pci { margin-left:20px; text-align:left }
.plan_cell span.count{ color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold}
.plan_cell td.plan_pick { background:url(../images/plan_pick.jpg); width:209px; height:32px;}
.plan_cell td.plan_pick div.l { float:left; width:70px; line-height:32px; height:32px; margin-left:5px; color:white;}
.plan_cell td.plan_pick div.r { float:left; width:120px; line-height:32px; height:32px; cursor:pointer }



.user_panel { background:url(../images/bk.gif); height:40px;}
.user_panel_u {background:url(../images/bk_u.gif); height:40px; line-height:40px; color:#cccccc; font-size:12px; font-weight:bold; float:left; width:100px; margin-left:3px;}
.user_panel_u a {color:#cccccc;}
.user_panel_a {background:url(../images/bk_a.gif); height:40px; line-height:40px; color:#ffffff; font-size:12px; font-weight:bold; float:left; width:100px; margin-left:3px;}
.user_panel_a a {color:#ffffff;}

.card_type_cell { float:left; margin:1px; border:#bbb 1px solid; height:25px; width:195px; line-height:25px ; text-align:left; background:#ccc}
.card_type_cell img { vertical-align:middle; border:#ccc 0px solid}
.user_his_cell { height:100px; border-bottom:#ccc 1px dotted; text-align:left }
.user_his_cell div.time { font-size:14px; font-weight:bold; color:#009966; margin:5px;}
.user_his_cell div.dd { margin:8px;}
.user_his_cell div.dc { margin:8px; text-align:right;}