/* CSS Document */

/* Tag */
body {
    font-family: Microsoft JhengHei, 細明體, 新細明體;
    margin-top: 0px;
    font-size: 12px;
    background-image: url(../images/bg_house.gif);
    background-repeat: repeat;
}

select {
    cursor: pointer;
}

Table {
    font-size: 100%;
    border-collapse: collapse;
}

/*thead {
    display: table-header-group;
}*/

a {
    color: #060;
    text-decoration: none;
    font-size: 13px;
}

    a:hover {
        color: #F06;
        text-decoration: underline;
        font-size: 13px;
    }

/* Class */
.checkbox {
    background-color: Transparent;
    width: auto;
}

/*.button {
    background-color: ButtonFace;
    width: auto;
    border-style: inherit;
    border-width: inherit;
    padding: inherit;
}*/

.button {
    background-color: ButtonFace;
    width: auto;
    /*border: 1px dotted groove;*/
    padding: 5px;
    margin: 15px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}

    .button:hover {
        background-color: white;
        width: auto;
        /*border: 1px dotted groove;*/
        padding: 5px;
        margin: 15px;
        font-size: 15px;
        font-weight: bold;
        cursor: pointer;
    }

button.border {
    border-right: 1px solid #ffffff;
    border-top: 1px solid #cccccc;
}

    button.border:hover {
        border-right: 1px solid #cccccc;
        border-top: 1px solid #ffffff;
    }

.WarningWords {
    color: blue;
    padding: 5px;
    margin: 0 15px 10px 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

* .FieldLabel, .FieldLabel2, .FieldLabel55, .FieldLabel16 {
    text-align: right;
    padding-right: 2px;
}

.FieldLabel2 {
    min-width: 75px;
}

.FieldLabel55 {
    min-width: 55px;
}

.FieldLabel16 {
    width: 16%;
}

.bar {
    color: white;
    height: 40px;
    font-size: 130%;
    font-weight: bold;
}

.wording {
    color: Red;
    font-size: 130%;
    font-weight: bold;
}

.ProtectTitle {
    background-color: Yellow;
    text-align: center;
}

.RewardRateTable {
    width: auto;
}

.RewardRateTableTD {
    width: 35px;
    text-align: right;
}

.HiddenObject {
    display: none;
}

.PageBreakBefore, .PageBreakAfter {
    margin-top: 0px;
    margin-bottom: 0px;
}

.PageBreakBefore {
    page-break-before: always;
}

.PageBreakAfter {
    page-break-after: always;
}

.TextBox, .NumTextBox, .DecTextBox, .SmallNumTextBox, .SmallDecTextBox, .DropDownList, .BirthdayTextBox {
    font-family: Microsoft JhengHei, 細明體;
}

.TextBox, .NumTextBox, .DecTextBox, .SmallNumTextBox, .SmallDecTextBox, .BirthdayTextBox {
    width: 120px;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
}

.NumTextBox, .DecTextBox, .SmallNumTextBox, .SmallDecTextBox {
    text-align: right;
    ime-mode: disabled;
}

.SmallNumTextBox, .SmallDecTextBox {
    width: 35px;
}

.HiddenTextBox, .HiddenNumberTextBox, .SmallHiddenNumberTextBox {
    border-style: solid;
    border-width: 0;
    font-size: 130%;
}

.HiddenNumberTextBox {
    width: 100px;
    text-align: right;
}

.HiddenNumberTextBox_B {
    border-style: solid;
    border-width: 0;
    font-weight: bold;
    width: 100px;
    text-align: right;
}

.HiddenNumberTextBox_N {
    border-style: solid;
    border-width: 0;
    width: 100px;
    text-align: right;
}

.SmallHiddenNumberTextBox {
    text-align: right;
}

.CompareText {
    background-color: #FFFFCC;
    font-weight: bold;
    border-width: 2px;
}

.TitleTd {
    width: 100px;
}

.tooltip {
    background-color: #FFFFCC;
    border: 1px solid #CC9900;
    padding: 10px 15px;
    width: 250px;
    display: none;
    color: #000;
    text-align: left;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    position: absolute;
    z-index: 99;
}

.tooltipFrame {
    position: absolute;
    z-index: 1;
}

.ReadOnly {
    border: 1px solid #CCCCCC;
    background: #CCCCCC;
}

.ReportText {
    text-indent: -31px;
    margin-left: 31px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.ETFWarning, .RedText {
    color: Red;
}

.BirthdayTextBox {
    width: 80px;
}

.DIVCneter {
    text-align: center;
}

.FullWidth {
    width: 100%;
}

.OwnerName {
    font-size: 170%;
    font-weight: bold;
}

.ServiceAgent {
    font-size: 150%;
    width: 100%;
}

.ServiceAgentTitle {
    text-align: right;
    height: 40px;
    width: 50%;
}

.ReportDetail {
    font-size: 120%;
    font-family: Microsoft JhengHei, Arial, 新細明體;
}

.PageCode {
    color: white;
    position: absolute;
    width: 95%;
    text-align: center;
    font-size: 10px;
    display: none;
    padding-right: 30px;
    /*filter: chroma(color=white);*/
    /*filter:'progid:DXImageTransform.Microsoft.Chroma(color=white)';*/
    /* older safari/Chrome browsers */
    -webkit-opacity: 0;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0;
    /* Safari 1.x (pre WebKit!) 老式khtml的Safari器*/
    -khtml-opacity: 0;
    /* IE9 + etc...modern browsers */
    opacity: 0;
    /* IE 4-9 */
    filter: alpha(opacity=0);
    /*This works in IE 8 & 9 too*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /*IE4-IE9*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

/* 備註文字改為粗體 2012/04/26 by Mingwei */
.Notes {
    font-weight: bold;
}


/* ID */
#MainBody {
    width: 640px;
    text-align: left;
    background-color: White;
    margin: auto;
}

#TagTable1, #ProtectDetail {
    border-collapse: collapse;
    border-color: Black;
}

#VersionZone {
}

#ProposalTitle {
    font-weight: bold;
    font-size: 150%;
    color: #666699;
    width: 400px;
}

#EntryFeeTable, #MgtFeeTable {
    border-collapse: collapse;
    width: 215px;
}

#DebugTable {
    width: 1200px;
}

#SpecialWording {
    clip: rect(auto auto auto auto);
}

#PrintZone1, #PrintZone2, #PrintZone3, #PrintZone4, #PrintZoneUIHI001, #PrintZoneUDD001, #PrintZoneUSG001, #PrintZoneUOP001 {
    border-right: 1px dotted;
    border-top: 1px dotted;
    border-left: 1px dotted;
    border-bottom: 1px dotted;
    width: 100%;
    height: 900px \9;
}

#PrintZone3 {
    height: 978px;
}

#CopyRight {
    text-align: center;
    color: White;
}

#ReprotInfo {
    color: Red;
    text-align: right;
    font-weight: bold;
}

/* FreePA 的checkbox 2012/04/26 By Mingwei */
#FreePAWording {
    color: Red;
    font-weight: bold;
    font-size: 95%;
}

/* FreePA 的提示文字 2012/04/26 By Mingwei */
#lblFreePAWording {
    font-size: 95%;
}

#lblHighInsAmount {
    color: Red;
}

/*2012/12新增*/
.headerbg {
    background-image: url(../images/headerBg_CF_850.png);
    background-repeat: no-repeat;
    height: 200px;
    width: 670px;
    padding-top: 20px;
    background-position: center;
}

.titlebg {
    background-image: url(../images/titleBg_748.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 40px;
    width: 670px;
    padding-top: 0px;
    text-align: right;
}

.productName {
    color: #F06;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.formbg {
    background-image: url(../images/formBg_GF_750.png);
    background-repeat: no-repeat;
    background-position: top;
    width: 750px;
    background-color: #c5d6e7;
    padding-top: 30px;
    padding-bottom: 0px;
}

.btnbg {
    background-image: url(../images/btnBg.png);
    text-align: center;
    height: 40px;
    width: 136px;
    color: #FFF;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.copyrightFont {
    font-size: 12px;
    color: #066;
    text-align: center;
    height: 55px;
    width: 640px;
    font-family: Microsoft JhengHei, 新細明體;
}

.copyrightbg {
    background-image: url(../images/copyrightBg_GF_750.png);
}

.inputtxt, .DropDownList2 {
    border: 1px solid #9cbee0;
    color: #006;
    /*text-indent: 2px;*/
    height: 19px;
    margin: 1px;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: middle;
}

.inputtxt_r, .inputtxt_w {
    border: 1px solid #9cbee0;
    color: #006;
    text-indent: 2px;
    height: 19px;
    margin: 1px;
    text-align: right;
    padding-right: 2px;
    padding-left: 2px;
    font-family: Microsoft JhengHei, Verdana, Geneva, sans-serif;
    vertical-align: middle;
}

.inputtxt_s {
    border: 1px solid #9cbee0;
    color: #006;
    text-indent: 2px;
    height: 19px;
    margin: 1px;
    width: 35px;
    text-align: right;
    padding-right: 2px;
    padding-left: 2px;
    font-family: Microsoft JhengHei, Verdana, Geneva, sans-serif;
    vertical-align: middle;
}

.inputtxt_m {
    border: 1px solid #9cbee0;
    color: #006;
    text-indent: 2px;
    height: 19px;
    margin: 1px;
    width: 100px;
    text-align: right;
    padding-right: 2px;
    padding-left: 2px;
    font-family: Microsoft JhengHei, Verdana, Geneva, sans-serif;
    vertical-align: middle;
}

.inputtxt_w {
    min-width: 120px;
}

.DropDownList {
    width: 50px;
}

.white {
    color: #FFF;
}

.blue {
    color: #069;
}

.whitebg {
    background-color: #FFF;
}

.bgregular {
    background-image: url(../images/ico_regular.gif);
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
    padding-top: 100px;
}

.bgsingle {
    background-image: url(../images/ico_single.gif);
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
    padding-top: 100px;
}

#TBFinalAmount td {
    font-size: 16px;
}

#TBFinalAmount input {
    background: auto;
    font-size: 16px;
    height: 25px;
    text-align: right;
}

.underline {
    text-decoration: underline;
}

.TagWording1 {
    font-family: Microsoft JhengHei;
    font-style: normal;
    font-variant: normal;
    border-right: red 2px solid;
    border-top: red 2px solid;
    border-left: red 2px solid;
    border-bottom: red 2px solid;
    /*font-weight: bold;*/
    font-size: 10pt;
    padding: 10px;
}

.TagWording1_SCSB {
    border-right: red 2px solid;
    border-top: red 2px solid;
    border-left: red 2px solid;
    border-bottom: red 2px solid;
    font-weight: bold;
    font-size: 10pt;
    text-align: left;
    padding: 10px;
}

.special {
    color: #9F6000;
}

.star {
    float: left;
    width: 18px;
    height: 18px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/star.png", sizingMethod="scale");
}

/* 解約金注意事項(1)文字box */
.xu-note {
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}
    /* 解約金注意事項(1)文字 */
    .xu-note span {
        vertical-align: top;
        color: Red;
        font-size: 13px;
        /*font-weight: bold;*/
    }
/* 解約金注意事項(1)文字加大 */
.xu-note-font2 {
    font-size: 15px !important;
    font-weight: bold;
}

.xu-note-font3 {
    font-weight: bold;
}
/* 解約金注意事項(2) */
.xu-note2 {
    margin-top: 8px;
    margin-left: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
}
    /* 解約金注意事項(2)文字 */
    .xu-note2 li {
        color: black;
        font-size: 13px;
        font-weight: bold;
    }

/* 解約金注意事項(2)子項目 */
.xu-note2-sub {
    margin-left: 5px;
}

.CompareTable {
    font-size: 10px;
    width: 100%;
    text-align: center;
    border: 1px solid #000000;
    padding: 0;
    border-collapse: collapse;
}

    .CompareTable td {
        /*width: 9%;*/
        border: 1px solid #000000;
        padding: 3px;
    }

    .CompareTable .ColorBackground {
        background-color: #FFE9E7;
    }

.ColorBackground2 {
    background-color: #FFFFFF;
}

.CompareTable .CompareTitle {
    background-color: #FC6C85;
    color: #000000;
}

.CompareTable .CompareColTitle {
    background-color: pink;
}

.ebarcode img {
    width: 178px;
    text-align: right;
}

.GTSB_Tb_PaymentTable {
    width: 100%;
    border: 1px solid #000000;
    padding: 0;
    border-collapse: collapse;
    background-color: #FFF;
}

    .GTSB_Tb_PaymentTable th {
        border: 1px solid #000000;
        padding: 3px;
        vertical-align: top;
        text-align: left;
        font-size: 11px;
        background-color: pink;
    }

    .GTSB_Tb_PaymentTable td {
        border: 1px solid #000000;
        padding: 3px;
        vertical-align: top;
        text-align: left;
        font-size: 11px;
    }

.TDWidth {
    width: 90px;
}

.TDWidth110 {
    width: 110px;
}

.TDWidthPaddingT {
    width: 90px;
    padding-top: 3px;
}

.print-only {
    /*display: none;*/
    opacity: 0; /* Opacity for Modern Browsers */
    filter: alpha(opacity=0); /* Opacity for IE8 and lower */
}

@media print {
    .no-print, .no-print * {
        display: none;
    }

    .print-only {
        display: block;
        opacity: 1; /* Opacity for Modern Browsers */
        filter: alpha(opacity=100); /* Opacity for IE8 and lower */
        color: #000000;
        font-weight: bold;
        filter: '';
    }

    body {
        /*for Chrome to print background-color*/
        -webkit-print-color-adjust: exact;
    }
}

.supportbg {
    font-size: 12px;
    color: red;
    text-align: left;
    height: 30px;
    width: 614px;
    padding: 0 0 0 16px;
    font-family: Microsoft JhengHei, 新細明體;
}

.title {
    color: red;
    font-size: 24px;
    font-weight: bold;
}

.myTable {
    border: 1px solid red;
}

    .myTable td {
        border: 1px solid red;
    }

.myTable2 {
    border: 1px solid green;
}

    .myTable2 td {
        border: 1px solid green;
    }

.menuBtn {
    display: block;
    float: right;
}

.menuBtn_L {
    display: block;
    float: left;
}

.SeventyText {
    border: 1px black solid;
    padding: 1px;
}

.RedBold14 {
    color: Red;
    font-weight: bold;
    font-size: 14px;
}

.RedBold16 {
    color: Red;
    font-weight: bold;
    font-size: 16px;
}

.RedBold {
    color: Red;
    font-weight: bold;
}

.floatDiv {
    position: fixed;
    /*right: 20px;*/
    top: 300px;
}

#PrintFunction {
    text-align: left;
    border: 1px dotted red;
    background-color: aqua;
    z-index: 99999;
    filter: drop-shadow(8px 8px 10px gray);
    /*width: 101%;*/
}

.pageNum {
    text-align: right;
    font-size: 10px;
    padding: 10px 10px 0px 0px;
    /*font-size: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #f0f0f0;
    padding: 10px 0;*/
}

#btnPrint {
    color: red;
}

.topTable {
    /*border:1px solid black;*/
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
}

    .topTable tr {
        /*overflow: hidden;
    height: 16px;*/
    }

    .topTable td {
        padding: 2px 2px;
        font-weight: bold;
    }

.dtlTable {
    font-size: 12px;
    width: 100%;
    margin: 0 auto;
}

    .dtlTable tr {
        overflow: hidden;
        height: 16px;
    }

    .dtlTable th {
        padding: 5px 3px;
    }

    .dtlTable td {
        padding: 3px;
    }

.dtlTable_2, .dtlTable_3 {
    border: 1px solid black;
    font-size: 12px;
    width: 96%;
    margin: 0 auto;
}

    .dtlTable_2 th {
        border: 1px solid black;
        padding: 5px;
        text-align: center;
    }

    .dtlTable_2 td {
        border: 1px solid black;
        padding: 5px;
    }

    .dtlTable_3 th {
        border: 1px solid black;
        padding: 5px;
        text-align: left;
        background-color: #e2e2e2;
    }

    .dtlTable_3 td {
        border: 1px solid black;
        padding: 5px;
    }

.productTable {
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #EBF1DE;
}

    .productTable td.container {
        height: 40px;
    }

.fontSize14 {
    font-size: 14px;
}

.SavingHintTable td {
    padding: 4px;
    font-size: 15px;
}

.SavingHintTable {
    table-layout: fixed;
    width: 100%;
    border: 1px black solid;
    line-height: 20px;
}

    .SavingHintTable td, .SavingHintTable tr {
        border: 1px solid black;
    }

.TdMinWidth25 {
    width: 25px;
    min-width: 25px;
}

.TdMinWidth70 {
    width: 70px;
    min-width: 70px;
}

.PZ10_table table {
    border: 1px solid black;
}

.PZ10_table td {
    border: 1px solid black;
}

.SeventyTable {
    width: 98%;
    border: 1px black solid;
    line-height: 20px;
}

/*.SeventyTable td, .SeventyTable tr {
    border: 1px solid black;
}*/

.SeventyTable td {
    border: 1px solid black;
    padding: 4px;
    font-size: 17px;
}

.tr_red_top {
    border-top: 2px solid red;
    border-left: 2px solid red;
    border-right: 2px solid red;
}

.tr_red_bottom {
    border-left: 2px solid red;
    border-right: 2px solid red;
    border-bottom: 2px solid red;
}

.red_td {
    border: 1px solid red;
}

.tr_black_top {
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

.tr_black_bottom {
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
}

.tr_black_side {
    border-left: 2px solid black;
    border-right: 2px solid black;
}

.Fun9Font {
    font-family: 細明體, 新細明體;
}

.funTop_headers {
    width:100%;
    text-align:center;
}

.fun3_headers {
    padding: 4px;
    /*color: white;*/
    font-size:14px;
    font-weight: bold;
    /*background-color: #00B050;*/
}

.note-list-style-chinese {
    list-style-type: none;
    counter-reset: item;
}

    .note-list-style-chinese li {
        text-indent: -2.8em;
    }

        .note-list-style-chinese li:before {
            counter-increment: step-counter;
            content: '註'counter(item)'：';
            counter-increment: item;
        }

.GrayLine {
    background-color: #D3D3D3;
}

.decimal_1 {
    margin-left: -40px;
    list-style-type: none;
    counter-reset: num;
}

    .decimal_1 li {
        counter-increment: num;
    }

        .decimal_1 li:before {
            content: "("counter(num)")";
        }

/*#breakMoneyNote ul li {
    line-height:20px;
}*/

.Font15 {
    font-size: 15px;
}