body
{
  font-family:"Microsoft JhengHei","Helvetica Neue",​Arial,​Helvetica,​sans-serif;
	background-color: #fff;
	/*margin: 0;*/
	padding: 0;
	color: #4c4c4c;
}

a
{
  text-decoration: none;
  outline: none; /* for Firefox */
  /*hlbr:expression(this.onFocus=this.blur());  for IE */
}

button::-moz-focus-inner,  
input[type="reset"]::-moz-focus-inner,  
input[type="button"]::-moz-focus-inner,  
input[type="submit"]::-moz-focus-inner,  
input[type="file"] > input[type="button"]::-moz-focus-inner{  
   border:none;  
}  
  
input:focus, button:focus {outline:none;}  /*IE*/  

/*.container 
{
    width: 1000px;
    margin: 0 auto;
    background-color: White;
    min-height: 600px;
}*/

.siteHeader
{
    background: url("../images/header.jpg");
    height: 130px;
}

.top-menu
{
    float: right;
    height:40px;
    font-size: 12px;
    z-index:1001; 
}

.top-menu ul
{
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 10px;
    z-index:1001; 
}

.top-menu ul li
{
    display: inline-block;
    width: 100px;
    text-align: center;
    z-index:1001; 
}

div.mainContent
{
    text-align: center;
    padding: 10px 0px 0px 0px;
    
  margin:6px 0px 0px 0px;
}

div.mainContent .dataform
{
    margin:0 auto;
}

div.note
{
    margin:20px;
    text-align: left;
}

div.note > p.notetitle
{
    padding-left:0;
    color:#E56717;
}

div.note > ol.wordcolor, div.note > ul.wordcolor
{
    color:#555;
    padding-left: 25px;
}

div.RadPane-panel
{
	z-index:-1000; 
}
.caption
{
    color: #1e395b;
    padding-top: 1px;
    padding-left: 1px;
    padding-bottom: 0px;
    text-align: center;
    font-size: 14px;
	/*background-image: url('../images/pager/defaultCaptionBg.gif');*/
	/*background-image: url('../images/pager/defaultCaptionBgOrange.png');*/
	background-repeat: repeat;
	margin-top:4px;
}
caption
{
    color: #1e395b;
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 2px;
    text-align: center;
    font-size: 14px;
	/*background-image: url('../images/pager/defaultCaptionBg.gif');*/
	/*background-image: url('../images/pager/defaultCaptionBgOrange.png');*/
	background-repeat: repeat-x;
	margin-top:4px;
}

.pager
{
	/*background-image: url('../images/defaultFooterBg.gif');*/
	/*background-image: url('../images/pager/defaultFooterBgOrange.png');*/
	text-align: center;
	vertical-align: middle;
	background-color: #e8e8e8;
	border-top: 1px #b5b5b5 dotted;
	padding: 6px 0px 4px 0px;
}

.pager img
{
  vertical-align: middle;
}

.pager .pagedisplay
{
  width: 40px;
  text-align: right;
  padding-right: 2px;
}

span.headr
{
  display :block;
  width:100%;
  text-align:center;
  padding:0px !important;
  margin-bottom:10px;
  font-size:20px !important;
  font-weight:normal !important;
  background-image: url(../images/BG-head.gif);
}
.anavigator_title {
    border-top: 1px dashed #b0b6bb;
    color: #FF4400;
    padding: 10px 30px 0;
    text-align: left;
    font-size: 15px !important;
    background: url(../images/icon_arrowa.png) no-repeat left bottom ;
    font-weight: bold;
    vertical-align: middle;
    margin: 8px;
    width: 930px;
}
.headnavigator_title
{
    border-bottom: 1px dashed #b0b6bb;
    color: #FF4400;
    text-align: left;
    font-size: 15px !important; /*background: url(../images/icon_arrowa.png) no-repeat left bottom ;*/
    /*font-weight: bold;*/
    vertical-align: top;
    background-repeat: no-repeat;
}

.infoMsg 
{
  text-align: left;
  line-height: 20px;
  color: blue;
  font-size: 14px;
}

.txtNum
{
  text-align: right;
  width:80px;
}

.headTD1 { font-size:20px;font-weight:bold;color:#0808ff;padding-left:15px }
.headTD2 { font-size:11px;color:#0808ff;padding-right:5px;letter-spacing:0.02cm }
.headTD3 { font-size: 18px; color: #0808FF; font-weight: bold }
.headTD4 { font-size: 16px; color: #004080; font-weight: bold }
.headTD5 { font-size:16px;color:#0808ff;padding-right:5px;letter-spacing:0.1cm }

.text_left  {
	COLOR : #000000;
	FONT-FAMILY : 新細明體;
	FONT-SIZE : 8.7pt;
	FONT-WEIGHT : normal;
	LETTER-SPACING : 1px;
	LINE-HEIGHT : 120%;
	text-align:left;
}
.text_hidden  {
	COLOR : white;
	FONT-FAMILY : 新細明體;
	FONT-SIZE : 8.7pt;
	FONT-WEIGHT : normal;
	LETTER-SPACING : 1px;
	LINE-HEIGHT : 140%;
	text-align:center;
}
img.print
{
  vertical-align: middle;
  border: 0px;
}
img.imgCalndr
{
  border: 0px;
  margin-bottom: .4em;
  vertical-align: middle;
}
iframe.imgCalndr
{
  border: 0px;
  height: 205px;
  position: absolute;
  visibility: hidden;
  width: 205px;
}
/*input[type=submit]
{
  border: 1px solid silver;
}*/

.feform {
  text-align: left;
}

/*理財錦囊*/
.Headerblock {
	margin: 15px 0px 0px 0px;
	/*width: 950px;
    padding-left: 10px;*/
	background: url(../images/plan/main_bgs.png) no-repeat top center;
}
.TableblockPlan {
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	background: url(../images/plan/main_bgstable.png) repeat-y top center;
}
.Tabledata {
      border-collapse: collapse;
      margin:0px 0px 0px 0px;
      width: 100% !important;
      border: 0px solid silver;
    padding: 0px 0px 0px 0px;
}
.HeaderblockEnd {
	margin: 0px 0px 0px 0px;
	/*width: 921px;*/
	background: url(../images/plan/main_bgstableE.png) no-repeat top center; height:30px; z-index:9999; text-align:center;  color:#fff; font-size:18px; text-shadow:0px 0 4px #FFFFC4; margin-bottom:5px;
}
#memo { margin: 16px; COLOR : #E56717;}
#memoNote { margin: 16px; }
#ReMark { margin: 0 20px; font: normal normal normal 12px/18px 微軟正黑體, Verdana, Geneva, Arial, Helvetica; }
#ReMark ul { padding-left: 20px; }
#ReMark .markItem {
  display: inline-block;
  height: 100%;
  text-align: right;
  width: 30px;
  *display: inline;
  *zoom: 1;
}
#ReMark .markRed { color: #F00; }
#ReMark .markBlue { color: #00F; }
.Red { color: #F00; }
.headbg0 { background : White; }
.Header1 { background:url(../images/plan/header_01.png) no-repeat top center; height:35px; z-index:9999; text-align:center;  color:#fff; font-size:18px; line-height:30px; text-shadow:2px 0 4px #FFFFC4; margin-bottom:0px;}
.Header2 {position: relative; background:url(../images/plan/header_02.png) no-repeat left ; height:22px; text-align:left;  color:#444; font-size:15px; font-weight:bold; line-height:22px; padding-left:15px; letter-spacing:2px;}
.Header3 { position:relative; background: #fff url(../images/plan/header_03.gif) no-repeat top left ; width:400px; height:36px; text-align:left;  color:#fff; font-size:16px; font-weight:bold; line-height:36px; padding-left:25px; letter-spacing:1px; border:#fff 1px solid; border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px;}
.Header4 {  position:relative; margin:7px auto; background: #fff url(../images/plan/Header4.png) no-repeat left; width:405px; height:40px; text-align:left;  color:#fff; font-size:16px; font-weight:bold; line-height:40px; padding:0 5px 0 7px; letter-spacing:1px; border:#fff 1px solid; border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px;}
.Header5 {background: url(../images/plan/redio_01.gif) no-repeat 6px; text-align:left; font-size:17px; color:#fff; padding:4px 12px 4px 12px}
.Header6 {position:relative; background:#fafafa url(../images/plan/header_06.png) no-repeat left; width:420px; height:43px; text-align:left;  color:#fff; font-size:15px; font-weight:bold; line-height:19px; padding:6px 0 0 15px; margin-top:2px; border:#fff 1px solid; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; }
.Header7 {position: relative; background:url(../images/plan/header_07.png) no-repeat left ; height:25px; text-align:left;  color:#444; font-size:15px; font-weight:bold; line-height:22px; padding-left:25px; letter-spacing:2px;}
/*********************************************input****************************************************************************/
/*input[type="checkbox"]{width:94px;height:27px;background:url('../images/plan/checkbox2.png');-webkit-appearance:none;border:0;float:right;margin:8px 4px 0 0}
input[type="checkbox"]:checked{background-position:0 27px;background:url('../images/plan/checkbox.png');}*/

/*
input[type="radio"]{width:23px;height:23px;background:url('../images/plan/redio_02.gif');-webkit-appearance:none;border:0;margin:10px 5px 5px 10px; }
input[type="radio"]:checked{background-position:0 23px;background:url('../images/plan/redio_01.gif');}
*/
input[readonly] {background: buttonface;}
span.hd 
{
	font-size: 15px;
    font-weight:bold;
    display:block;
    width:600px;   
    border-bottom: solid 1px #bcbcbc;  
    padding-left: 20px;
    margin-left : 15px;
}
span.ft
{
    text-align: center;  
    display:block;
    width:94%;   
    border-top: solid 1px #bcbcbc; 
    margin-left : 15px; 
}
span.errmsg 
{
    padding-left: 30px;
    font-weight:bold;
    color:#C71525;
}

hr 
{
border: none;
border-top: dotted 1px #c5c5c5;
color: #ffffff;
background-color: #ffffff;
}
/*********************************************txt****************************************************************************/
.txt1 { font-size:14px; font-weight:bold; color:#333; }
.txt2 { position:absolute; right:5px; bottom:2px; font-size:18px; font-weight:bold; color:#F00;}
.txt3 { font-size:11pt; color:#343434; letter-spacing:1px; line-height:25px; margin:2px;  font-weight:normal; padding:20px;}

.txtarea{ border:#ccc 1px solid; width:250px; height:20px; font-size:15px; padding:1px 0 0px 5px;}
.txtarea1{ border: none; font-size:16px; background:none; vertical-align:baseline; height:20px; padding-top:2px; font-weight:bold;}
.txtarea1r{ border: none; font-size:16px; background:none; vertical-align:baseline; height:20px; padding-top:2px; font-weight:bold; text-align: right; padding-left: 0px; padding-right: 0px; }
.txtarea2{border: none; font-size:16px; background:none; vertical-align:baseline; width:60px; height:20px; padding-top:3px}
.txtarea3{ border: none; font-size:16px; background:none; vertical-align:baseline; width:30px; height:20px; padding-top:3px}

.note {background:url(../images/plan/note.png) no-repeat left;text-align:left; color:#555; font-size:11px; font-weight:bold;padding-left:24px;top:0; bottom:0; left:0; right:0; margin:auto; height: 20px;}
.line_v { background:url(../images/plan/line_v.gif) repeat-y top; height:240px}
.line_inner { color: #CCCCCC;}
.line_note {
    border-top: 1px dashed #b0b6bb;
    color: #FF4400;
    padding: 10px 3px 0;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    /*width:500px;*/
    display:inline-block;
}
.dream{ border-radius: 6px; /*background: #efefef;*/ position:relative; list-style:none; /*height:30px; background:url(../images/plan/dream_bg1.png) no-repeat top;*/}
.dream li{ float:left; padding:2px 0px 0px 10px; font-size:16px; line-height:30px; color:#333;}

.plan-box {
    width: 130px;
    height: 150px;
    margin:8px;
    padding: 5px;
    border: 1px #cccccc solid;
    float: left;
    box-shadow: 2px 2px 3px #888;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
}
.plan-box-text {
  position:relative;
  top:15px;
  text-align:left;
}