.on {
	DISPLAY: block
}
.off {
	DISPLAY: none
}

body{
	margin: 0px;
	padding: 0px;
	font-size:15px; line-height:150%;
	font-family:Arial, Tahoma, "新細明體";
}
td {vertical-align: top;}
img,br,form{padding:0; margin:0; border:0;}
.note{color:#FF6600; margin:20px 10px; padding-left:30px; background:url(img/icon_note.gif) no-repeat 0 0;}
div.title1{
	font-size:19px;
	font-weight:bold;
	color:#4C637D;
	padding:3px 3px 1px 3px;
	border:10px solid #EDF1F2;
	border-bottom:0px;
	background:#EDF1F2 url(img/shr.gif) repeat-x bottom;
	display: block;
}

div.title2{
	font-size:19px;
	font-weight:bold;
	color:#4C637D;
	padding:3px 3px 1px 3px;
	margin-bottom:10px;
	border:10px solid #EDF1F2;
	border-bottom:0px;
	background:#EDF1F2 url(img/shr.gif) repeat-x bottom;

}
div.title3{
    width:294px;
	font-size:19px;
	font-weight:bold;
	color:#4C637D;
	padding:3px 3px 1px 3px;
	border:10px solid #EDF1F2;
	border-bottom:0px;
	background:#EDF1F2 url(img/shr.gif) repeat-x bottom;
    text-align:center;
}

div.title5{margin:2px 0 5px 30px;padding:10px 0 0 30px; background:url(img/icon_note.gif) no-repeat 0 10px;
	font-size:18px;
	color:#000;
}
table.tbbox{ width:500px; margin-bottom:20px; border:10px solid #E2E9F1;}
table.tbbox a{color:#3F1996;line-height:28px;text-decoration: none;}
table.tbbox a:hover{color:#FF9505;line-height:28px;text-decoration: underline;}
tr.tr_row1{display:block;padding:3px 8px 0 8px;background-color:#FFFFFF;
}
tr.tr_row2{ display:block;padding:3px 8px 0 8px;background-color:#F7FCFD;}
div.fast_bar {text-align:center;}
div.fast_bar a{margin:20px;}

div.title3 A {
  color: #4C637D;
  text-decoration: none;
}

div.title4{
    width:132px;
	font-size:19px;
	font-weight:bold;
	color:#4C637D;
	padding:3px 3px 1px 3px;
	border:10px solid #EDF1F2;
	border-bottom:0px;
	background:#EDF1F2 url(img/shr.gif) repeat-x bottom;
    text-align:center;
}

div.title4 A {
  color: #4C637D;
  text-decoration: none;
}

/*head*/
#head_box{height:105px;}
#head_right {background: url(img/h_r_bg.gif) repeat-x top;}
#head_left {background: url(img/h_l_bg.gif) repeat-x top;}

#head_box div#logo {margin:0 26px 0 43px;}
#head_box div#logo img {margin-top:20px;}
#head_box #logo_bg{background: url(img/head_logo_bg.gif) no-repeat;}

#fast_menu {height:31px; width:716px; background-color:#8C8C8C;}
#language {float:left;line-height:31px;}
#language a{float:left; display:block; padding:0 15px; font-size:12px; width:50px;	text-decoration:none;color:#FFF;
}
#language a:hover, #language a.now{background: url(img/laneage_btnbg.gif) no-repeat bottom ;}
#top_login label{color:#FFF; font-size:80%; font-weight:bold; padding:0 3px;}
#top_login .input_box{height:15px; width:120px; margin-top:3px; margin-right:8px;}
#top_login .btnsubmit{ margin-bottom:-4px;}
#fast_text {background: url(img/fast_text_bg.gif) no-repeat 0 6px;}
#fast_text marquee{ padding-top:9px;margin:0 0 1px 36px;}
#fast_text a{color:#000;}
#fast_text a:hover{ color:#ED6C00;}
#sbtn{ text-align:right;}
#sbtn a img{ padding-right:10px; padding-top:9px;}
#menu_bar{padding:0 16px;background: url(img/menu_bg.gif) repeat-x top;}
/*head*/


/*main body*/
td#main{clear:both;padding:15px;vertical-align: top;background: url(img/m_box_bg.gif) repeat-x top;}
td#p_box{vertical-align: top;background: url(img/m_box_bg.gif) repeat-x top;}
#m_right {background: url(img/m_r_bg.gif) left top;}
#m_left {background: url(img/m_l_bg.gif) right top;}
/*main body*/
/*main*/

#slogan{margin-bottom:10px; width:650px; height:250px;}
#slogan .text { padding:20px 0 0 60px;font-size:16px; font-weight:bold; }

#m_info{}
#fpp{width:380px; }
#rter{ width:180px;}
#rter1{width:180px; font-size:12px;}
#rter1 tr td{ height:25px;}
#rter1 tr td img{padding-right:2px; padding-left:2px; margin-bottom:-3px;
}
.bgs1{ background-color:#EDF1F2; padding:15px 20px; color:#163456;}
.bgs2{padding:10px; background-color:#FFF; border:10px solid #EDF1F2; border-top:3px;}
.bgs3{background-color:#EDF1F2; padding:10px; color:#163456;}
.bgs4{background-color:#EDF1F2; padding:10px; color:#163456;}
/*/.bgs3 img{ margin-bottom:10px;}
.box4_l{background-color:#EDF1F2; margin:0px 10px 10px 0; color:#163456;}
.box4_r{background-color:#EDF1F2; padding:0 0 10px 0; color:#163456;}*/
/*main*/
/*contactus_from*/
#contactus_from { padding:30px 0 10px 60px;background: url(img/contactus_bg.jpg) no-repeat right top;}

/*main normal*/
#main_normal{ background:#EDF1F2}
#main_normal div.row { color:#333333;
  clear: both; padding-bottom:5px; margin:0;
}
#main_normal label { text-align:right; padding:3px 8px 0 0;
  float: left;color:#336699;
  width: 100px;}
#main_normal .input_box{width:180px;}
/*
#main_normal .sandbar {padding-left:120px;}
*/
#main_normal .sandbar {text-align:center}
#main_normal .sandbar input,#main_normal .sandbar img{ margin:10px; padding-top:3px;}
/*main login*/
#main_login{ background:#EDF1F2 url(img/main_login_bg.gif) no-repeat right bottom;}
#main_login div.row { color:#333333;
  clear: both; padding-bottom:5px; margin:0;
}
#main_login label { text-align:right; padding:3px 8px 0 0;
  float: left;color:#336699;
  width: 100px;}
#main_login .input_box{width:180px;}
#main_login .sandbar {padding-left:120px;}
#main_login .sandbar input,#main_login .sandbar img{ margin:10px; padding-top:3px;}
/*pop login*/
#pop_login{ background:#EDF1F2;}
#pop_login div.row { color:#333333;
  clear: both; padding-bottom:5px; margin:0;
}
#pop_login label { text-align:center; padding:3px 8px 0 0;  color:#336699;}
/*
#pop_login .input_box{width:180px;}
*/
#pop_login .sandbar {text-align:center;}
#pop_login .sandbar input,#main_login .sandbar img{ margin:10px; padding-top:3px;}
#pop_login div.title2{
    width:250px;
    text-align:center;
    font-size:19px;
	font-weight:bold;
	color:#4C637D;
	padding:3px 3px 1px 3px;
	background:#EDF1F2 url(img/shr.gif) repeat-x bottom;

}

/*main online*/
td .online_account_crt_td{border:1px solid #000000; background:#FFFFFF url(img/water_mark.gif) no-repeat center center;}
table.online_account_rec{background:#FFFFFF}
table.online_account_crt{}
#main_online{ background:#FFFFFF}
#main_online div.row { color:#333333;
  clear: both; padding-bottom:5px; padding-left:30px;margin:0;
}
#main_online label { text-align:right; padding:3px 8px 0 0;
  float: left;color:#336699;
  width: 100px;}
#main_online div.title { text-align:center;font-size:19px; padding:3px 8px 0 0;color:#000000;}
#main_online div.note1{ text-align:center;font-size:17px; padding:3px 8px 0 0;color:#000000;}
#main_online div.note2{ font-size:15px; padding:3px 8px 0 0;padding-left:30px;color:#000000;}
#main_online div.note3{ font-size:14px; padding:3px 8px 0 0;color:#000000;}
#main_online div.note3 A {
  color: #000000;
    font-size:16px;
  text-decoration: none;
}
#main_online div.note3 A:hover{
  color: #ED6C00;
    font-size:16px;
  text-decoration: underline;
}
#main_online div.agree{ text-align:right;font-size:17px; padding:3px 8px 0 0;color:#000000;}
#main_online .outtable{border:10px solid #F8FBFE;border-bottom:1px;}
#main_online .input_box{border:0px solid #000000; border-bottom:1px;}
#main_online .sandbar {text-align:center}
#main_online .sandbar input,#main_online .sandbar img{ margin:10px; padding-top:3px;}
/*left box*/
div#point_l { margin:15px 0 15px 15px; background-color:#F8FBFE; padding:10px; border:10px solid #E2E9F1;}
/*
div#line_bottom img{padding-bottom:10px; margin-bottom:5px; background: url(img/shr.gif) repeat-x bottom;}
*/
div#line_bottom img,div.line_bottom img{padding-bottom:10px; margin-bottom:5px; background: url(img/shr.gif) repeat-x bottom;}

/*left box*/

/*right box*/
div#point_r{ margin:15px 15px 15px 0; background-color:#F8FBFE; padding:10px; border:10px solid #E2E9F1;}
div#open_acc {}
div#open_acc img { padding-bottom:10px; margin-bottom:5px; background: url(img/shr.gif) repeat-x bottom;}
div#box_pc_tp{ width:250px;text-align:right;background: url(img/box_pc_tp_bg.jpg) no-repeat bottom ; margin-bottom:10px;}
div#box_pda_tp{ width:250px;text-align:right;background: url(img/box_pda_tp_bg.jpg) no-repeat bottom ;margin-bottom:10px;}
/*right box*/

/*footer*/
.f_bg {background: url(img/f_bg.gif) repeat-x top;}
#footer_menu {width:945px; height:27px; padding:7px 10px 0 30px; text-align: center;background-color:#8C8C8C; color:#FFF;}
#footer_menu a{color:#FFF;text-decoration: none; margin:0 10px;}
#footer_menu a:hover{color:#ED6C00;}
#copyright{text-align: center;font-size: smaller;}
#copyright a{color:#000;}
#copyright a:hover{color:#ED6C00;}
/*footer*/