@charset "utf-8";
/* CSS Document */

@page {
    size: A4;
    margin: 0;
    mso-page-border-surround-header: no;
    mso-page-border-surround-footer: no;
}

@media print {
    html, body {
        width: 210mm;
        height: 297mm;
    }

    .content_print_page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
    }
}

body {
    background-color: #eeeeef;
    margin: 0;
    padding: 0;
    color: #000;
    background-image: url(images/body_bg.png);
    background-position: top cneter;
    background-repeat: repeat-x;
    background-attachment: scroll;
    -webkit-print-color-adjust: exact;
}

.container {
    width: 1280px;
    background-color: #FFF;
    margin: 0 auto;
    position: relative;
}

.container_print {
    background-color: #FFF;
    margin: 0 auto;
    position: relative;
}

.header {
    position: absolute;
    top: 30px;
    left: 205px;
    z-index: 5;
}


.testing_doc {
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 10;
    font-size: 13px;
    color: #FFF;
}

.testing_time {
    position: absolute;
    top: 35px;
    right: 15px;
    z-index: 10;
    font-size: 15px;
}

.content {
    width: 1280px;
    height: 750px;
    position: relative;
    background-image: url(images/main-bg.png);
    background-repeat: no-repeat;
    background-position: center 105px;
}

.content_print_page {
    *width: 1241px; /*A4原始寬度 */
    *height: 1754px; /*A4原始高度 */
    width: 1179px;
    height: 1666px; /*調整適合於chrome*/
    position: relative;
    text-align: center;
    background-image: url(images/pring_bg_small.png);
    background-repeat: no-repeat;
    background-position: center -3px;
    margin: 0 auto;
}


.color_pink, .text_important, .index_title, .report_detail_title, .last_footer {
    color: #F74E79;
}

.color_red, .group_color1, .chart_title1, .item_analysis_title1 {
    color: #e5716e;
}

.color_blue, .group_color2, .chart_title2, .item_analysis_title2 {
    color: #416cb1;
}

.color_yellow, .group_color3, .chart_title3, .item_analysis_title3 {
    color: #ab9822;
}

.color_green, .group_color4, .chart_title4, .item_analysis_title4 {
    color: #69b15d;
}

.red_border_color, .item_analysis_title1 {
    border-bottom-color: #e5716e;
}

.blue_border_color, .item_analysis_title2 {
    border-bottom-color: #416cb1;
}

.yellow_border_color, .item_analysis_title3 {
    border-bottom-color: #ab9822;
}

.green_border_color, .item_analysis_title4 {
    border-bottom-color: #69b15d;
}

.page2_table, .page3_table, .page4_table, .page_table {
    padding-top: 18%;
    width: 886px;
    margin: 0 auto;
}

.page2_title, .page3_title, .page4_title, .page5_title {
    width: 851px;
    height: 49px;
    padding-left: 35px;
    text-align: left;
    margin: 0 auto;
    color: #FFF;
    font-size: 22.5px;
    font-weight: bold;
    line-height: 48px;
    font-family: "微軟正黑體", "細明體";
    letter-spacing: 6.5px;
    background-image: url(images/page2_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.page5_title {
    background-position: left top;
    width: 90%;
    letter-spacing: 1px;
}

.page5_text_area {
    width: 90%;
    padding-left: 35px;
    padding-top: 15px;
    padding-bottom: 25px;
    font-size: 18px;
    font-family: "微軟正黑體", "細明體";
    margin-bottom: 10px;
    text-align: left;
}

.page5_text_area_bg {
    background-image: url(images/pro_report_bg04.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 320px;
    height: 246px;
    float: left;
}

.page2_item_title {
    background-color: #FFF;
    font-size: 22.5px;
    font-family: "微軟正黑體", "細明體";
    height: 45px;
    border: 0;
}

.page2_HeaderStyle {
    font-weight: normal;
    border: #FFF;
}

.page2_ItemStyle {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: #FFF 5px solid;
}

.page2_ItemStyle_Bold {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: #FFF 5px solid;
    font-weight: bold;
}

.page2_ItemTextStyle {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: #FFF 5px solid;
    font-size: 22.5px;
    font-family: "微軟正黑體", "細明體";
    line-height: 30px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.st_page_no {
    font-size: 18px;
    position: absolute;
    bottom: 8%;
    left: 49%;
    z-index: 15;
    font-family: '微軟正黑體', '細明體';
}

.page_table {
    height: 1320px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.page2_AlternatingRowStyle {
    background-color: #efefef;
}

.GridViewStyle {
    border: 0;
    font-family: "微軟正黑體", "細明體";
    font-size: 22.5px;
}

.report_title, .report_detail_title {
    font-size: 56px;
    font-family: "微軟正黑體", "細明體";
    color: #ec6d86;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    padding-top: 30%;
    width: 100%;
    margin-bottom: 5%;
}

.report_detail_title {
    padding-top: 33%;
}

.index_area {
    position: absolute;
    right: 160px;
    top: 380px;
    z-index: 5;
    width: 380px;
    text-align: left;
    font-family: "微軟正黑體", "細明體";
    font-size: 24px;
    color: #000;
    line-height: 65px;
    font-weight: bold;
}

.index_title {
    font-size: 30px;
}

.index_dot {
    background-image: url(images/p_title_dot1.png);
    background-repeat: no-repeat;
    background-position: left 28px;
    height: 15px;
    width: 20px;
}

.report_Regards {
    text-align: left;
    width: 50%;
    color: #000;
    margin: 0 auto;
    margin-top: 90px;
    height: 50px;
    position: relative;
}

.report_Regards_name {
    font-size: 30px;
    font-family: "微軟正黑體", "細明體";
    border-bottom: #000 1px solid;
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 2px;
    color: #000;
}

.report_Regards_sex {
    font-size: 24px;
    font-family: "微軟正黑體", "細明體";
    padding-left: 10px;
    color: #000;
}


.report_doc {
    text-align: left;
    width: 50%;
    font-size: 24px;
    font-family: "微軟正黑體", "細明體";
    color: #000;
    margin: 0 auto;
    margin-top: 20px;
}


.report_contend {
    text-align: center;
    width: 937px;
    position: relative;
    margin: 0 auto;
}



.report_main_doc {
    width: 64.6%;
    font-size: 19px;
    font-family: "微軟正黑體", "細明體";
    color: #000;
    margin: 0 auto;
    margin-top: 40px;
    line-height: 29px;
    text-align: left;
    padding-left: 5px;
}

.report_main_bg {
    background-image: url(images/pro_report_bg03.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 289px;
    margin-bottom: 20px;
}

.report_main_footer {
    border: 4px #F1E19C solid;
    background-color: #fcf7e8;
    width: 100%;
    margin-top: 20px;
    margin-left: -20px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.last_footer {
    border: 4px #F1E19C solid;
    background-color: #fcf7e8;
    width: 100%;
    margin-top: 30px;
    margin-left: -20px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}

.last_page {
    width: 80%;
    margin: 0 auto;
    font-size: 19px;
    font-family: '微軟正黑體', '細明體';
    text-align: left;
    line-height: 30px;
    margin-top: 90px;
}

.text_important {
    font-weight: bold;
}

.text_center {
    width: 100%;
    text-align: center;
    height: 50px;
    font-weight: bold;
}

.pro_report_title, .pro_report_title01, .pro_report_title02, .pro_report_title03, .pro_report_title04 {
    background-repeat: no-repeat;
    background-position: center center;
    width: 326px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #FFF;
    position: absolute;
    top: 297px;
    left: 50%;
    margin-left: -163px;
    z-index: 5;
}

.pro_report_title01 {
    background-image: url(images/pro_report_title01.png);
}
/* red     */
.pro_report_title02 {
    background-image: url(images/pro_report_title02.png);
}
/* blue    */
.pro_report_title03 {
    background-image: url(images/pro_report_title03.png);
}
/* yellow  */
.pro_report_title04 {
    background-image: url(images/pro_report_title04.png);
}
/* green   */


.yellow_box {
    width: 847px;
    position: absolute;
    top: 320px;
    left: 50%;
    margin-left: -423.5px;
    z-index: 3;
    font-size: 19px;
}

.yellow_box_footer {
    background-image: url(images/yellow_box_footer.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 847px;
    min-height: 179px;
}


.yellow_box_body {
    margin: 0 auto;
    width: 746px;
    padding-top: 45px;
    padding-bottom: 50px;
    padding-left: 6px;
    max-height: 250px;
    min-height: 107px;
}

.group_chart {
    margin-top: 400px;
    width: 847px;
    position: absolute;
    bottom: 240px;
    left: 50%;
    margin-left: -423.5px;
    z-index: 2;
}


.detail_title {
    background-image: url(images/pro_report_bg02.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 99.8%;
    height: 107px;
    text-align: center;
    font-size: 32px;
    font-family: "微軟正黑體", "細明體";
    font-weight: bold;
    line-height: 107px;
    padding-left: 3px;
    padding-top: 180px;
    letter-spacing: 3px;
}

.reoprt_contend_bg01 {
    width: 938px;
    height: 326px;
    background-image: url(images/report_content_bg01.png);
    background-repeat: no-repeat;
    background-position: 25px top;
}


.reoprt_contend_bg02 {
    margin-top: 300px;
    width: 938px;
    height: 385px;
    background-image: url(images/report_content_bg02.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
}

.report_detail_bg01 {
    width: 918px;
    height: 780px;
    background-image: url(images/pro_report_bg01.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin: 0 auto;
    position: relative;
}

.report_detail_page_no {
    font-size: 18px;
    position: absolute;
    bottom: 7%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 15;
    font-family: '微軟正黑體', '細明體';
}

.report_Declare {
    font-size: 20px;
    font-family: "微軟正黑體", "細明體";
    color: #000;
    margin-top: 220px;
    font-weight: bold;
}

.report_Detail_Declare {
    font-size: 20px;
    font-family: "微軟正黑體", "細明體";
    color: #000;
    font-weight: bold;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}


.report_contend_bg03 {
    padding: 35px;
    padding-top: 40px;
    position: absolute;
    left: 130px;
    top: 107px;
    z-index: 5;
    width: 617px;
    height: 615px;
    background-image: url(images/report_content_bg03.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.item_title, .item_title1, .item_title2 {
    width: 229px;
    height: 55px;
    text-align: center;
    line-height: 54px;
    font-size: 22px;
    font-family: "微軟正黑體", "細明體";
    color: #FFF;
    float: left;
    margin-bottom: 5px;
}

.item_title1 {
    background-color: #eb5f84;
}

.item_title2 {
    background-color: #af0f4d;
}


.item_text {
    height: 55px;
    text-align: left;
    line-height: 54px;
    font-size: 22px;
    font-family: "微軟正黑體", "細明體";
    color: #000;
    float: left;
    padding-left: 30px;
    margin-bottom: 5px;
}


.item_line {
    clear: both;
    border: #f0f0ef 1px solid;
    margin: 0;
    width: 100%;
    margin-bottom: 5px;
}

.login-area {
    position: absolute;
    top: 185px;
    right: 205px;
    width: 272px;
    height: 265px;
    z-index: 5;
    font-family: "微軟正黑體", "細明體";
    font-size: 20px;
    color: #000;
    background-image: url(images/login-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 10px;
}

.bottom_bg {
    list-style-type: decimal;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.03, #FFFFFF), color-stop(1, #CDCFCF));
    background-image: -o-linear-gradient(bottom, #FFFFFF 3%, #CDCFCF 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 3%, #CDCFCF 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 3%, #CDCFCF 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 3%, #CDCFCF 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 3%, #CDCFCF 100%);
}


.login-title {
    position: absolute;
    top: 156px;
    right: 293px;
    z-index: 5;
    font-family: "微軟正黑體", "細明體";
    font-size: 19px;
    color: #ff618a;
    text-shadow: 2px 2px 5px 5px #FFF;
}

.login-msg {
    position: absolute;
    top: 15px;
    left: 26px;
    z-index: 5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    color: #fff;
    font-style: italic;
}

.login-text {
    font-family: "微軟正黑體","細明體";
    font-size: 14px;
    color: #000;
}

.check-text {
    padding-left: 10px;
    font-family: "微軟正黑體", "細明體";
    font-size: 14px;
    color: #ff618a;
}

.input-area {
    position: absolute;
    top: 72px;
    left: 20px;
    z-index: 10;
    color: #000;
}

.footer {
    position: absolute;
    top: 630px;
    left: 205px;
    z-index: 5;
    font-family: "微軟正黑體", "細明體";
    font-size: 20px;
    color: #231815;
}

.profile_style {
    margin-bottom: 3px;
}

.qa_style {
    width: 572px;
    background-image: url(images/question-bg.png);
    background-repeat: repeat-x;
    background-position: center top;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.question_no {
    width: 41px;
    height: 30px;
    margin-left: 15px;
    margin-top: 3px;
    background-image: url(images/question-no.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-shadow: 0px 0px 0.1px 0.1px #000;
    color: #FFF;
    font-size: 25px;
    line-height: 30px;
    padding-left: 4px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    vertical-align: middle;
}

.question_number {
    font-size: 14px;
    padding-left: 2px;
}

.question_content {
    color: #000;
    font-size: 15px;
    font-family: "微軟正黑體", "細明體";
    width: 490px;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
}

.question_line {
    height: 2px;
    background-image: url(images/bg-line.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-bottom: 12px;
}

.answer_style {
    font-size: 15px;
    font-family: "微軟正黑體", "細明體";
    width: 497px;
    background-color: #efefef;
    color: #666;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 65px;
    line-height: 22px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.basetitle {
    font-size: 15px;
    height: 25px;
    color: #000;
    text-align: right;
    padding-right: 15px;
    width: 136px;
    font-family: "微軟正黑體", "細明體";
}


.basedata {
    color: #268ca8;
    font-size: 15px;
    text-align: left;
    height: 25px;
    letter-spacing: 1px;
    font-family: "微軟正黑體", "細明體";
    padding-left: 5px;
}

.apt_item {
    font-size: 13px;
    color: #FFF;
    font-family: "微軟正黑體", "細明體";
    background-image: url(images/apt_item_icon.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    background-color: #ff739b; /* 桃色*/
    /* background-color:#00b48c;    綠色 */
    /* background-color:#b4a0dc;    紫色 */
    /* background-color:#b5abee6;   藍色 */
    /* background-color:#5a5d5e;   灰色 */
    text-align: left;
    vertical-align: text-bottom;
    width: 180px;
    height: 22px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



.apt_item_name {
    font-size: 14px;
    color: #FFF;
    padding-left: 6px;
}


.apt_item_score {
    font-size: 14px;
    color: #FF0;
    padding-left: 3px;
}

.apt_content {
    border: #f7f2df 3px solid;
    width: 98%;
    margin-left: 1%;
}

.apt_rank {
    color: #ff739b; /* 桃色*/
    /* color:#00b48c;    綠色 */
    /* color:#b4a0dc;    紫色 */
    /* color:#b5abee6;   藍色 */
    /* color:#5a5d5e;   灰色 */
    font-family: "微軟正黑體", "細明體";
    font-size: 13px;
    height: 22px;
    letter-spacing: 1px;
}

.apt_item_part {
    padding-top: 15px;
    font-family: "微軟正黑體", "細明體";
    font-size: 13px;
    text-align: left;
    line-height: 20px;
}


.match_label {
    *background-image: url(images/apt_group_label.png);
    *background-repeat: no-repeat;
    *background-position: left top;
    width: 302px;
    height: 40px;
    font-size: 18px;
    font-family: "微軟正黑體", "細明體";
    line-height: 34px;
    text-align: left;
    padding-left: 20px;
    position: absolute;
    left: 28px;
    top: 95px;
    z-index: 26;
    letter-spacing: 1px;
}

.match_circle {
    background-image: url(images/p_title_dot1.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
}

.match_like {
    border: #f7f2df 3px solid;
    height: 120px;
    font-size: 15px;
    letter-spacing: 1px;
    padding-top: 25px;
    line-height: 25px;
    background-color: #fdfbf5;
}

.DNA_COMPARE2_1 {
    background-color: #eb6180;
    color: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 265px;
    left: 35px;
    z-index: 25;
    letter-spacing: 1px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #CCCCCC;
}

.DNA_COMPARE2_2 {
    background-color: #fffce4;
    font-size: 14px;
    width: 96.5%;
    padding: 10px;
    margin-top: 10px;
    padding-left: 15px;
    text-align: left;
    line-height: 22px;
}

.DNA_COMPARE3_1 {
    background-color: #eb6180;
    color: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 515px;
    left: 35px;
    z-index: 25;
    letter-spacing: 1px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #CCCCCC;
}

.apt_group_label {
    background-image: url(images/apt_group_label.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 302px;
    height: 40px;
    position: absolute;
    left: 35px;
    top: 390px;
    z-index: 26;
    font-size: 18px;
    font-family: "微軟正黑體", "細明體";
    line-height: 34px;
    text-align: left;
    padding-left: 20px;
}


.match_contend_label {
    height: 40px;
    width: auto;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 26;
    font-size: 18px;
    font-family: "微軟正黑體", "細明體";
    line-height: 34px;
    text-align: left;
    padding: 0;
}

.match_label_head {
    background-image: url(images/match_label_head.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 40px;
    width: 10px;
    float: left;
}

.match_label_body {
    background-image: url(images/match_label_body.png);
    background-repeat: repeat-x;
    background-position: left top;
    height: 40px;
    float: left;
    padding-left: 10px;
    padding-right: 20px;
    font-weight: bold;
}

.match_label_footer {
    background-image: url(images/match_label_footer.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 40px;
    width: 16px;
    float: left;
}


.apt_item_line {
    width: 100%;
    background-image: url(images/apt_item_line.png);
    background-repeat: repeat-x;
    background-position: center 30px;
}


#progressBackgroundLayer {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=30);
    opacity: 0.5;
    z-index: 1000;
}

#processMessageLayer {
    position: fixed;
    text-align: center;
    border: none;
    padding: 5px;
    background-color: #fff;
    vertical-align: middle;
    z-index: 1001;
    top: 300px;
    left: 45%;
    margin: auto;
}

.blink {
    color: #F33;
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

@keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.page1_match_bg {
    width: 875px;
    background-image: url(images/page1_bg.png);
    background-repeat: no-repeat;
    background-position: 440px 70px;
    height: 817px;
    margin: 0 auto;
    position: relative;
}



.page1_match_box {
    width: 875px;
    height: 452px;
    background-image: url(images/page1_box_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0 auto;
    position: relative;
    padding-top: 365px;
}

.page1_table_style {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    border: 0;
    font-family: "微軟正黑體", "細明體";
    font-size: 23px;
    color: #000;
    letter-spacing: 1px;
}


.page1_table_cell {
    padding-top: 2px;
    padding-bottom: 5px;
    /* border-bottom-color: #ececec; */
    border-bottom-color: #d8d8d8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-align: center;
}

.page1_table_title {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #eb6180;
    color: #FFF;
    height: 60px;
    width: 80%;
    line-height: 60px;
}

.page2_table_bg {
    background-image: url(images/page2_bg01.png);
    background-repeat: no-repeat;
    background-position: 470px 0;
    padding: 18px;
    width: 96%;
    position: relative;
}

.page2_match_title1 {
    font-size: 20px;
    color: #eb6180;
    font-family: '微軟正黑體', '細明體';
    font-weight: bold;
    background-image: url(images/page2_title_dot.png);
    background-position: left center;
    background-repeat: no-repeat;
    width: 100%;
    text-align: left;
    margin-top: 90px;
    padding-left: 26px;
    letter-spacing: 1.5px;
}


.chart_title, .chart_title1, .chart_title2, .chart_title3, .chart_title4 {
    font-size: 20px;
    font-family: '微軟正黑體', '細明體';
    font-weight: bold;
    background-position: left center;
    background-repeat: no-repeat;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    padding-left: 26px;
    letter-spacing: 1.5px;
}

.chart_title1 {
    background-image: url(images/chart_title_dot1.png);
}

.chart_title2 {
    background-image: url(images/chart_title_dot2.png);
}

.chart_title3 {
    background-image: url(images/chart_title_dot3.png);
}

.chart_title4 {
    background-image: url(images/chart_title_dot4.png);
}

.page2_match_text1 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
}

.page2_match_text1_table {
    width: 88%;
    margin: 0 auto;
    font-size: 20px;
    font-family: '微軟正黑體', '細明體';
    border-collapse: collapse;
    font-weight: bold;
    letter-spacing: 1px;
}

.page2_td_style1 {
    background-color: #e96380;
    border: #FFF 5px solid;
    color: #FFF;
    height: 50px;
}


.page2_td_style2 {
    background-color: #ececec;
    border: #FFF 5px solid;
}

.page2_match_text2 {
    width: 100%;
    height: 489px;
    text-align: center;
    margin-top: 120px;
    background-image: url(images/page2_bg02.png);
    background-repeat: no-repeat;
    background-position: center 20px;
}

.page2_match_title2 {
    width: auto;
    font-size: 28px;
    font-family: "微軟正黑體", "細明體";
    font-weight: bold;
    color: #FFF;
    background-color: #e96380;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
    letter-spacing: 0.6px;
    background-image: url(images/page2_bg03.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.compare_doc {
    margin: 0 auto;
    font-size: 20px;
    font-family: "微軟正黑體", "細明體";
    padding: 40px;
    padding-left: 45px;
    text-align: left;
    line-height: 32px;
    font-weight: bold;
}

.page2_footer_bg {
    width: 100%;
    background-image: url(images/report_content_bg02.png);
    background-position: center -30px;
    height: 400px;
    background-repeat: no-repeat;
}

.page3_HeaderStyle {
    display: none;
}

.page3_AlternatingRowStyle {
    background-color: #efefef;
}

.page3_ItemStyle {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: #FFF 5px solid;
    background-color: #eb6180;
    color: #FFF;
    font-size: 18px;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    min-height: 105px;
}

.page3_GridViewStyle {
    border: 0;
    font-family: "微軟正黑體", "細明體";
}

.page3_ItemTextStyle {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: #FFF 5px solid;
    font-size: 15px;
    font-family: "微軟正黑體", "細明體";
    line-height: 20px;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #efefef;
}

.DIRECT_Style {
    font-size: 15.5px;
    font-weight: bold;
    line-height: 25px;
}

.page4_bg {
    background-image: url(images/page2_bg01.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 316px;
    height: 212px;
    right: 120px;
    bottom: 80px;
    z-index: 1;
}

.page_bg, .page_bg1, .page_bg2, .page_bg3, .page_bg4  {
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    width: 880px;
    height: 266px;
    right: 130px;
    bottom: 115px;
    z-index: 1;
}

.item_container, .item_container1, .item_container2, .item_container3, .item_container4 {
    width: 910px;
    height: 1410px;
    margin: 0 auto;
    padding-top: 140px;
    text-align: left;
    position: relative;
    background-repeat: no-repeat;
}

.page_bg1, .item_container1 {
    background-image: url(images/pro_report_gp_bg1.png);
    background-position: bottom right;
}
/* red    */
.page_bg2, .item_container2 {
    background-image: url(images/pro_report_gp_bg2.png);
    background-position: bottom right;
}
/* blue   */
.page_bg3, .item_container3 {
    background-image: url(images/pro_report_gp_bg3.png);
    background-position: bottom center;
}
/* yellow */
.page_bg4, .item_container4 {
    background-image: url(images/pro_report_gp_bg4.png);
    background-position: bottom center;
}
/* green  */

.item_contend {
    margin: 0 auto;
    width: 837px;
    padding-top: 0;
    padding: 25px;
}

.item_title_bar, .item_title_bar01, .item_title_bar02, .item_title_bar03, .item_title_bar04 {
    background-repeat: no-repeat;
    background-position: left top;
    width: 837px;
    height: 49px;
    text-align: left;
    line-height: 49px;
    font-size: 27px;
    padding-left: 50px;
    letter-spacing: 5px;
    font-weight: bold;
    color: #FFF;
    font-family: "微軟正黑體", "細明體";
    position: relative;
    margin: 0 auto;
    margin-top: 110px;
}

.item_title_bar01 {
    background-image: url(images/pro_report_bar01.png);
}
/* red */
.item_title_bar02 {
    background-image: url(images/pro_report_bar02.png);
}
/* blue */
.item_title_bar03 {
    background-image: url(images/pro_report_bar03.png);
}
/* yellow */
.item_title_bar04 {
    background-image: url(images/pro_report_bar04.png);
}
/* green */


.item_title_english {
    position: absolute;
    z-index: 1;
    top: 9px;
    right: 25px;
    height: 49px;
    font-family: "Times New Roman", Times, serif;
    font-size: 66px;
    font-style: italic;
    color: #FFF;
    letter-spacing: 0;
    filter: alpha(opacity=30);
    opacity: 0.3;
    overflow: hidden;
}


.introduction_list {
    font-size: 14px;
    font-family: "細明體";
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
}

.item_define {
    margin-top: 20px;
    font-size: 24px;
    color: #000;
    width: 537px;
    padding-right: 300px;
    font-size: 21px;
    line-height: 32px;
    font-family: "微軟正黑體", "細明體";
    color: #000;
    font-weight: bold;
    position: relative;
    min-height: 100px;
}

.item_bar_bg,
.item_bar01_bg1, .item_bar01_bg2, .item_bar01_bg3,
.item_bar02_bg1, .item_bar02_bg2, .item_bar02_bg3,
.item_bar03_bg1, .item_bar03_bg2, .item_bar03_bg3,
.item_bar04_bg1 {
    position: absolute;
    top: -25px;
    right: 30px;
    z-index: 5;
    width: 258px;
    height: 188px;
    background-repeat: no-repeat;
    background-position: top center;
}


.item_bar01_bg1 {
    background-image: url(images/pro_report_bar01_bg1.png);
}
/*親密接觸*/
.item_bar01_bg2 {
    background-image: url(images/pro_report_bar01_bg2.png);
}
/*金錢觀念*/
.item_bar01_bg3 {
    background-image: url(images/pro_report_bar01_bg3.png);
}
/*事業展望*/
.item_bar02_bg1 {
    background-image: url(images/pro_report_bar02_bg1.png);
}
/*責任歸屬*/
.item_bar02_bg2 {
    background-image: url(images/pro_report_bar02_bg2.png);
}
/*子女教養*/
.item_bar02_bg3 {
    background-image: url(images/pro_report_bar02_bg3.png);
}
/*家庭觀念*/
.item_bar03_bg1 {
    background-image: url(images/pro_report_bar03_bg1.png);
}
/*戀愛取向*/
.item_bar03_bg2 {
    background-image: url(images/pro_report_bar03_bg2.png);
}
/*兩性互動*/
.item_bar03_bg3 {
    background-image: url(images/pro_report_bar03_bg3.png);
}
/*佔有層次*/
.item_bar04_bg1 {
    background-image: url(images/pro_report_bar04_bg1.png);
}
/*品德規範*/

.item_detail_title {
    font-size: 18px;
    line-height: 32px;
    font-family: "微軟正黑體", "細明體";
    font-weight: bold;
    text-align: left;
    margin-top: 40px;
}

.item_detail_contend {
    margin-top: 5px;
    font-size: 18px;
    line-height: 29px;
    font-family: "微軟正黑體", "細明體";
    text-align: left;
}

.item_analysis {
    width: 820px;
    margin: 0 auto;
    border: 4px #F1E19C solid;
    background-color: #fcf7e8;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 30px;
    font-family: "微軟正黑體", "細明體";
    color: #000;
    margin-top: 30px;
}

.item_analysis_title1, .item_analysis_title2, .item_analysis_title3, .item_analysis_title4 {
    font-weight: bold;
    height: 48px;
    border-bottom: 2px solid;
}

.item_analysis_doc1 {
    margin-top: 25px;
    padding-left: 30px;
    font-weight: bold;
}

.item_analysis_doc2 {
    margin-top: 20px;
}



.group_color1, .group_color2, .group_color3, .group_color4 {
    padding-top: 20px;
}



.item_detail_footer {
    width: 827px;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 18px;
    line-height: 30px;
    font-family: "微軟正黑體", "細明體";
    text-align: left;
}

.item_detail_footer_title {
    font-weight: bold;
}

.sum_chart {
    padding: 40px;
    width: 830px;
    margin-top: 110px;
}

.chart_contend {
    margin-top: 50px;
    width: 100%;
}

.table_contend {
    margin: 0 auto;
    width: 95%;
}

.table_cell, .table_cell_main, .table_cell_b {
    border-top: 2px #c1c1c1 solid;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-family: '微軟正黑體', '細明體';
}

.table_cell_b {
    font-weight: bold;
}


.table_cell_main {
    width: 13%;
    color: #FFF;
}

.table_cell_3w {
    border-top: 2px #c1c1c1 solid;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-family: '微軟正黑體', '細明體';
    font-weight: bold;
}

.table_cell_title {
    border-top: 2px #c1c1c1 solid;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 18px;
    font-family: '微軟正黑體', '細明體';
}

.table_cell_title1 {
    background-color: #F74E79;
    color: #FFF;
    width: 100%;
    line-height: 36px;
}

.table_cell_title2 {
    background-color: #636363;
    color: #FFF;
    width: 100%;
    line-height: 36px;
}

.table_cell_title3 {
    background-color: #fcdfe5;
    color: #000;
    width: 100%;
    line-height: 36px;
}

.table_cell_title4 {
    background-color: #ececec;
    color: #000;
    width: 100%;
    line-height: 36px;
}

.table_rank_title, .table_rank_body {
    background-color: #F74E79;
    text-align: center;
    font-family: '微軟正黑體', '細明體';
    color: #FFF;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.table_rank_body {
    background-color: #ececec;
    color: #000;
}

.rank_no {
    color: #e34a34;
}