/* common style */
BODY   {
	BACKGROUND-COLOR: transparent;
	scrollbar-face-color: #DEDDDA;
	scrollbar-highlight-color: #F4F4F2;
	scrollbar-shadow-color: #737166;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #878778;
	scrollbar-darkshadow-color: #D8D7D3;
	scrollbar-track-color: transparent;
	font-family:arial;
	font-size: 10pt;
	color:#333
	}

TABLE,TR,P,DIV,SPAN,INPUT,TEXTAREA.SELECT,OPTION  {  font-family:arial;font-size:10pt ;color:#333}
LI {line-height:150%}
/* top & foot menu style */
.menu_item {color:#666666;width:775px;text-align:right;margin-bottom:2px;padding-right:8px}
.menu_item a:link  {color:#999999;text-decoration: none}
.menu_item a:visited  {color:#999999;text-decoration: none}
.menu_item a:hover  {color:#666666;text-decoration: underline}
.menu_order {color:#FB2D0F;}
.menu_order a:link  {color:#FB2D0F;text-decoration: none}
.menu_order a:visited  {color:#FB2D0F;text-decoration: none}
.menu_order a:hover  {color:#666666;text-decoration: underline}
.menu_blue {color:#1E36E3;}
.menu_blue a:link  {color:#1E36E3;text-decoration: none}
.menu_blue a:visited  {color:#1E36E3;text-decoration: none}
.menu_blue a:hover  {color:#1E36E3;text-decoration: underline}
.menu_bold {color:#000000;font-weight:bold}
.menu_bold a:link  {color:#000000;font-weight:bold;text-decoration: none}
.menu_bold a:visited  {color:#000000;font-weight:bold;text-decoration: none}
.menu_bold a:hover  {color:#666666;font-weight:bold;text-decoration: underline}
#menu_gray {color:#F25204}
#menu_gray a:link  {color:#999999;text-decoration: none}
#menu_gray a:visited  {color:#999999;text-decoration: none}
#menu_gray a:hover  {color:#666666;text-decoration: underline}

.foot_topbar {border-top: 1px solid #9B9B9B; border-bottom: 1px solid #9B9B9B ;background-color:#FFFFFF}
.foot_btbar {background-color:#FBF2A3; border-bottom: 1px solid #9B9B9B ;}

/* logbox style */
.top_div {font-family:arial;font-size:7pt;color:#FFFFFF;text-align:center;padding-top:5px;height:14px;letter-spacing: 1px;margin-left:0px}
.top_div a:link {font-family:arial;font-size:7pt;color:#FFFFFF;text-align:center;text-decoration: none;}
.top_div a:visited {font-family:arial;font-size:7pt;color:#FFFFFF;text-align:center;text-decoration: none;}
.top_div a:hover {font-family:arial;font-size:7pt;color:#999999;text-align:center;text-decoration: none;}
.top_join {color:#FFFFFF;}
.top_join a:link {font-family:arial;font-size:9pt;color:#FFFFFF;text-align:center;text-decoration: none;filter:shadow(color=#ff0000, direction=90);}
.top_join a:visited {font-family:arial;font-size:9pt;color:#FFFFFF;text-align:center;text-decoration: none;filter:shadow(color=#ff0000, direction=90);}
.top_join a:hover {font-family:arial;font-size:9pt;color:#FAED92;text-align:center;text-decoration: none;filter:glow(color=#E28343, strength=3);}

.put_div {padding-left:28px;margin-top:3px;height:17px}
.put_box {height:16px;width:80px;font-size:8pt; background-color: #FFFFCC; border-left: 1px solid #A48439; border-right: 1px solid #CEB373; border-top: 1px solid #A48439; border-bottom: 1px solid #CEB373;}
.submit_div {text-align:right;margin-bottom:1px;padding-right:13px}
.mem_div{font-family:arial;font-size:9pt;color:#FFFFFF;text-align:center;padding-top:20px;letter-spacing: 1px;font-weight:bold}
.login_div{font-family:arial;font-size:9pt;font-weight:bold;padding-top:15px;padding-left:70px;color:#3F8AE7;letter-spacing: 1px;}
.welcome_div {text-align:center;padding-top:5px}

/* menu style */
.box_top {filter:alpha(Opacity=0,FinishOpacity=100,style=1,startx=0, starty=0, finishx=0, finishy=8)}
.box_line {background-color:#FFFFFF;padding:3px;border-left:0px solid #cacaca; border-right:2px solid #cacaca; border-top:0px solid #cacaca; border-bottom:0px solid #cacaca;filter:alpha(Opacity=0,FinishOpacity=100,style=1,startx=0, starty=0, finishx=0, finishy=10)}
.box_line2 {background-color:#FFFFFF;padding:3px;border-left:0px solid #cacaca; border-right:2px solid #cacaca; border-top:0px solid #cacaca; border-bottom:0px solid #cacaca;filter:alpha(Opacity=0,FinishOpacity=100,style=1,startx=0, starty=0, finishx=0, finishy=6)}
.box_line3 {background-color:#FFFFFF;padding:3px;border-left:0px solid #cacaca; border-right:2px solid #cacaca; border-top:0px solid #cacaca; border-bottom:0px solid #cacaca;filter:alpha(Opacity=0,FinishOpacity=100,style=1,startx=0, starty=0, finishx=0, finishy=3)}
/*.menu_on {border:1px solid #888888;filter:alpha(Opacity=80,FinishOpacity=50,style=2) gray}*/
.menu_on {border:1px solid #888888;filter:progid:DXImageTransform.Microsoft.alpha(Opacity=80,FinishOpacity=40,style=2);-moz-opacity:0.6;cursor:pointer}
.menu_off {border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #E9E9E9;}
.menutx_on {font-size:10pt;font-weight:bold;color:#C5CED6;width:103px;padding-top:7px;padding-bottom:5px;margin-left:55px;border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #E9E9E9;cursor:pointer;text-decoration: none}
.menutx_off {font-size:10pt;font-weight:bold;color:#498AE5;width:103px;padding-top:7px;padding-bottom:5px;margin-left:55px;border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #E9E9E9;}
.upmenu_on {filter:progid:DXImageTransform.Microsoft.alpha(Opacity=80,FinishOpacity=40,style=2);-moz-opacity:0.6;cursor:pointer}
/*.upmenu_on {filter:alpha(Opacity=80,FinishOpacity=50,style=2) gray;cursor:pointer}*/
.upmenu_off {}
.h_line {height:1px}
.menu_item_bbs {font-weight:normal;font-size:9pt;color:#999999;padding-top:5px}
.menu_item_bbs a:link {font-weight:normal;font-size:9pt;color:#999999;padding-top:5px;text-decoration: none}
.menu_item_bbs a:visited {font-weight:normal;font-size:9pt;color:#999999;padding-top:5px;text-decoration: none}
.menu_item_bbs a:hover {font-weight:normal;font-size:9pt;color:#666666;padding-top:5px;text-decoration: underline}
/* left-adbar style */
.adbar_table {border-right:5px solid #CCCCCC;width:164px;background-color:#FFFFFF;height:100%}
.adbox_cell {padding:5px;border-left:1px solid #EEEEEE; border-right:1px solid #BBBBBB; border-top:1px solid #EEEEEE; border-bottom:1px solid #BBBBBB;text-align:center;height:60px;}

 /*MainBox*/
.maintitle_login {width:588px;vertical-align:top;text-align:center;background-image: url(/images/common/mainbox/login_title.jpg);background-repeat: no-repeat}
.maintitle_member {width:588px;vertical-align:top;text-align:center;background-image: url(/images/common/mainbox/member_title.jpg);background-repeat: no-repeat}
.maintitle_quick {width:588px;vertical-align:top;text-align:center;background-image: url(/images/common/mainbox/quick_title.jpg);background-repeat: no-repeat}
.mainbox_body {width:566px;padding:2px;margin-top:60px}

/*bodybox*/
.body_td {padding-left:30px;padding-right:30px}
.body_o_title {font-size:10pt;font-weight:bold;color:#FF6600;padding-top:15px}
.body_z_title {height:20px;vertical-align:center;font-size:9pt;font-weight:bold;color:#FF6600;}
.body_b_title {font-size:9pt;font-weight:bold;color:#285DCC;padding:5px;line-height:150%}
.body_headline {font-size:11pt;font-weight:bold;color:#124E96;padding-top:10px;background-image: url(/images/common/titlebox/back_under.jpg)}
.line_solid {background-image: url(/images/common/titlebox/line_solid.gif)}
.line_dot {background-image: url(/images/common/titlebox/line_dot.gif)}
.line_dot_y {background-image: url(/images/common/titlebox/line_dot_y.gif)}
.line_dot95 {border: 1px dashed #50A2EF;width:98%;text-align:left;margin-left:20px}
.line_dot100 {border: 1px dashed #50A2EF;width:100%;}
.body_toptb {margin-top:10px}
.body_dntb {margin-bottom:20px}
.body_put {border:1px solid #CCCCCC;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:120px}
.body_put30 {border:1px solid #CCCCCC;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:30px}
.body_put40 {border:1px solid #CCCCCC;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:40px}
.body_put60 {border:1px solid #CCCCCC;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:60px}
.body_put80 {border:1px solid #CCCCCC;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:80px}
.body_put100 {border:1px solid #CCCCCC;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:100px}
.body_put160 {border:1px solid #CCCCCC;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:160px}
.body_put220 {border:1px solid #CCCCCC;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:210px}
.body_put300 {border:1px solid #CCCCCC;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:300px}
.body_bottom {font-size:8pt;color:#A9860E;background-color:#F9EAB7;padding:2px;cursor:pointer;border-left:1px solid #D8BC7A; border-right:1px solid #80671C; border-top:1px solid #D8BC7A; border-bottom:1px solid #80671C;}
.body_file {border:1px solid #AAAAAA;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;width:220px;}
.body_view {border:1px solid #AAAAAA;height:20px;margin-top:3px;margin-bottom:3px;margin-left:6px;margin-right:6px;}
.pe_back {width:474px;height:532px;vertical-align:top;text-align:center;background-image: url(/images/family/mempic/bigback.gif);background-repeat: no-repeat}
.pe_tr {vertical-align:top;padding-top:30px;text-align:center;cursor:pointer}

/*BBS */

/*KNOWLEDGE */

/*TOPIC */

/*NEWS*/

/*SHARE*/
/*VIP*/

/* news box style */
.news_star {width:16px;height:15px;text-align:center;vertical-align:middle}
.news_text {color:#1E36E3;border-bottom:1px dotted #FBCC60}
.news_text a:link {color:#1E36E3;text-decoration: none}
.news_text a:visited {color:#1E36E3;text-decoration: none}
.news_text a:hover {color:#E8AA37;text-decoration: none}
.news_new {color:#FB2D0F;border-bottom:1px dotted #FBCC60}
.news_new a:link {color:#FB2D0F;text-decoration: none}
.news_new a:visited {color:#FB2D0F;text-decoration: none}
.news_new a:hover {color:#E8AA37;text-decoration: none}
.news_vip {width:23px;text-align:right;vertical-align:middle;border-bottom:1px dotted #FBCC60}
.news_last {color:#1E36E3;border-bottom:0px dotted #FBCC60}
.news_last a:link {color:#1E36E3;text-decoration: none}
.news_last a:visited {color:#1E36E3;text-decoration: none}
.news_last a:hover {color:#E8AA37;text-decoration: none}


/*LEARN*/
/*ABC Bubbles*/

/* pagelink */
.pglink {color:#666666;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;text-decoration: underline}
.pglink a:link  {color:#999999;text-decoration: none;font-weight:normal;}
.pglink a:visited  {color:#999999;text-decoration: none;font-weight:normal;}
.pglink a:hover  {color:#666666;text-decoration: underline;font-weight:normal;}

/* site */
.site_headline {font-size:11pt;font-weight:bold;color:#124E96;padding-top:10px;padding-left:40px}
.site_content {padding-top:10px;padding-left:10px;padding-right:20px;padding-bottom:15px;text-align:justify;line-height:140%}
.site_rule {color:#FF6600;margin-top:30px;margin-bottom:15px;border-bottom:1px #C0C0C0 solid;font-size:10pt;font-weight:bold}
.site_look {margin-left:15px;margin-top:8px;margin-bottom:8px}
.site_remark {color:#FF6600;margin-top:20px;margin-bottom:15px;font-size:9pt;font-weight:bold}


/* demo use */
.demobox {border:1px dashed #999999;margin-top:2px;margin-bottom:2px}

/* quick */
.quick_main {font-size:10pt;color:#000}
.mypaidoff {text-align:center;margin-top:30px;padding:5px;margin-left:15px;margin-right:2px;background-color:#66B331;color:#FFFFFF}
.mypaidon {text-align:center;margin-top:30px;padding:5px;margin-left:15px;margin-right:2px;background-color:#8BD25B;color:#FFFFFF;cursor:pointer}
.mylogoff {text-align:center;margin-top:30px;padding:5px;margin-left:15px;margin-right:2px;background-color:#627A99;color:#FFFFFF}
.mylogon {text-align:center;margin-top:30px;padding:5px;margin-left:15px;margin-right:2px;background-color:#96A6BC;color:#FFFFFF;cursor:pointer}
.myindexwd {letter-spacing:2px;line-height:180%;padding-left:12px;height:150px;font-size:11pt;color:#000}
.out_tb {margin:20px;text-align:center}
.out_tb_lf {margin:20px;text-align:left;margin-left:50px}
.in_tb {background-color:#CECECE;margin-top:20px;}
.in_td_top {background-color:#EFEFEF;padding:6px}
.in_tr_sty {background-color:#E6E6E6;text-align:center;height:20px}
.in_tr_stw {background-color:#FFFFFF;text-align:center;height:20px}
.out_div_lf {margin:10px;margin-top:20px;padding-left:40px;text-align:left}
.over_txt {color:blue;cursor:pointer}
.out_txt {color:red;text-decoration:underline}
.out_info_td {padding:15px;background-color:#FFFFFF}
.imp_txt {color:#FF0000}
.in_div_info {margin-top:5px}
.out_img_tb {width:100%;text-align:center;margin-left:20px}
.mypaid_box {background-image: url(/images/general/quick/mypaid.gif);background-repeat: no-repeat; background-position: 7px 2px;}
.mylog_box {background-image: url(/images/general/quick/mylog.gif);background-repeat: no-repeat; background-position: 7px 2px;}
.citi_rule_tb {width:90%;font-size:9pt;color:#666;margin-bottom:20px;line-height:180%}
.gift_div {text-align:left;padding:2px}
.gift_div2 {text-align:left;padding:2px; color: #F25204;}
.gift_div2 div{color: #F25204;}
/* old css */