/* css 歸零 1 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; }
/* css 歸零 0 */

body                    { min-width:1240px; background:#ddd; margin:0; font:16px/1.1 'MingLiU', 'MingLiU-ExtB', 'DFKai-SB', 'NSimSun', 'SimSun', sans-serif; color:#000; }
a                       { color:#00c; text-decoration:none; }
a:hover                 { color:#f00; }
table                   { border-spacing:0; }
td                      { padding:5px; vertical-align:middle; }
th                      { background:#d28b44; color:#fff; padding:8px; vertical-align:middle; }
input                   { padding:3px; border:1px solid #bbb; border-radius:2px; font:16px/1.1 'MingLiU', 'MingLiU-ExtB', 'DFKai-SB', 'NSimSun', 'SimSun', sans-serif; }
input:hover             { color:#c00; }
input.upper             { text-transform:uppercase; } /*自動轉換成大寫*/
input[type=file]        { cursor:pointer; background:#fff; }
input[type=checkbox], input[type=radio] { border:0; }

textarea, select        { padding:3px; border:1px solid #bbb; border-radius:2px; resize:none; font:16px/1.1 'MingLiU', 'MingLiU-ExtB', 'DFKai-SB', 'NSimSun', 'SimSun', sans-serif; }
textarea:hover, select:hover { border:1px solid #c00; color:#c00; }
form                    { margin:0px; padding:0; display:inline; }
img                     { vertical-align:middle; border-width:0px; }

#din-wrapper { margin:0 10px; background:#fff }
#din-header  { height:137px; }
#din-body    { width:98%; background:#fff; margin:20px auto; }
/*************** 底部 1 ***************/
#din-footer { width:100%; background:#fb6; font:0.8em 'Microsoft YaHei', sans-serif; letter-spacing:1px; border-top:1px solid #444; height:30px; line-height:30px; color:#411; }
.copyright  { width:70%; float:left;  display:inline; padding-left:15px;  text-align:left; }
.version    { width:28%; float:right; display:inline; padding-right:15px; text-align:right; }
/*************** 底部 0 ***************/

#banner             { height:100px; background:#0f255b url('../images/banner.jpg') }
#banner div         { padding:15px; color:#fff; text-align:right; font:500 30px 'Microsoft YaHei', sans-serif; letter-spacing:1px; }
#menu, .menu        { height:35px; border-top:1px solid #fff; border-bottom:1px solid #444;
background:#f1895e;
background:-webkit-gradient(linear, left top, left bottom, from(#f1895e), to(#dd551c));
background:-webkit-linear-gradient(top, #f1895e, #dd551c, #f1895e);
   background:-moz-linear-gradient(top, #f1895e, #dd551c, #f1895e);
    background:-ms-linear-gradient(top, #f1895e, #dd551c, #f1895e);
     background:-o-linear-gradient(top, #f1895e, #dd551c, #f1895e);
        background:linear-gradient(top, #f1895e, #dd551c, #f1895e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1895e', endColorstr='#dd551c',GradientType=0);
 }
#menu a, #menu span, .menu a { display:inline-block; width:80px; height:35px; font:bold 1.2em/35px 'Microsoft JhengHei'; color:#fff; letter-spacing:3px; text-align:center; border-left:1px solid #ff9f0f; border-right:1px solid #d27e00; text-shadow:0 0 3px #000; }
#menu a:hover       { color:#ff0;
background:#951195;
background:-webkit-gradient(linear, left top, left bottom, from(#951195), to(#e954e9));
background:-webkit-linear-gradient(top, #951195, #e954e9, #951195);
   background:-moz-linear-gradient(top, #951195, #e954e9, #951195);
    background:-ms-linear-gradient(top, #951195, #e954e9, #951195);
     background:-o-linear-gradient(top, #951195, #e954e9, #951195);
        background:linear-gradient(top, #951195, #e954e9, #951195);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#951195', endColorstr='#e954e9',GradientType=0);
 }
#menu .menu_on      { color:#ff0; border-left:1px solid #6578e4; border-right:1px solid #2843d9;
background:#115cb0;
background:-webkit-gradient(linear, left top, left bottom, from(#115cb0), to(#4193ed));
background:-webkit-linear-gradient(top, #115cb0, #4193ed, #115cb0);
   background:-moz-linear-gradient(top, #115cb0, #4193ed, #115cb0);
    background:-ms-linear-gradient(top, #115cb0, #4193ed, #115cb0);
     background:-o-linear-gradient(top, #115cb0, #4193ed, #115cb0);
        background:linear-gradient(top, #115cb0, #4193ed, #115cb0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#115cb0', endColorstr='#4193ed',GradientType=0);
 }

.table       { display:table; margin:0 auto; }
.td          { display:inline-block; vertical-align:middle; }
.center      { text-align:center; margin:0 auto; }
.letf        { text-align:left; }
.right       { text-align:right; }
.float_left  { float:left; display:inline; }
.float_right { float:right; display:inline; }
.text_top    { vertical-align:top; }
.ps          { color:#888; font:13px/1.1 monospace, Arial, Helvetica, 'Helvetica Neue', sans-serif; }

.f_size13    { font-size:13px; }
.f_size15    { font-size:15px; }
.f_size16    { font-size:16px; }
.f_size17    { font-size:17px; }
.f_size18    { font-size:18px; }
.f_size19    { font-size:19px; }
.f_size20    { font-size:20px; }
.f_size21    { font-size:21px; }
.f_size22    { font-size:22px; }
.f_size23    { font-size:23px; }
.f_size24    { font-size:24px; }
.f_size25    { font-size:25px; }
.f_size26    { font-size:26px; }
.f_size27    { font-size:27px; }
.f_size28    { font-size:28px; }
.f_size29    { font-size:29px; }
.f_size30    { font-size:30px; }
.f_size31    { font-size:31px; }
.f_size32    { font-size:32px; }
.F           { color:#00d; }
.M           { color:#d00; }
.number      { font-weight:bold; font-family:'NSimSun', 'SimSun', 'DFKai-SB', 'MingLiU', 'MingLiU-ExtB', sans-serif; }

/***** 簡易資料 父母鴿牽引線 1 *****/
.g_arrow1 { margin-left:4px;  height:1px;   border-top:2px solid #000; }
.g_arrow2 { margin-right:4px; height:150px; border:2px solid #000; border-right:0; }
/***** 簡易資料 父母鴿牽引線 0 *****/


/***** 訊息方塊 1 *****/
.message-block { width:600px; padding:3px; margin:20px auto; background:#fff; border:1px solid #4ad; border-radius:5px; box-shadow:5px 5px 10px #888; -o-box-shadow:5px 5px 10px #888; -webkit-box-shadow:5px 5px 10px #888; -moz-box-shadow:5px 5px 10px #888; position:relative; z-index:2;   }
.message-title { padding:5px 0; background:#4ad; border-radius:5px 5px 0 0; position:relative; z-index:2;   text-align:center; color:#ff0; font:bold 1.3em 'Microsoft JhengHei'; text-shadow:1px 1px 2px #000; }

.message-body   { width:100%; padding:3px 0; text-align:center; font:bold 1.05em/1.5em 'Microsoft JhengHei'; }
.message-button { width:100%; padding:5px 0; background:#c9effc; text-align:center; border-radius:0 0 5px 5px; position:relative; z-index:2;   }
/***** 訊息方塊 0 *****/

/***** 表格方塊 1 *****/
.title1, .title2, .title3, .title4 { width:30%; padding:8px; border:1px solid #aaa; text-align:center; white-space:nowrap; }
.body1 , .body2 , .body3 , .body4  { width:70%; padding:8px; border:1px solid #aaa; text-align:left; }
.title1 { background:#fbeecc; }
.body1  { background:#fefbf1; }
.title2 { background:#f9cccc; }
.body2  { background:#fdecec; }
.title3 { background:#d7f9e0; }
.body3  { background:#f2fdf5; }
.title4 { background:#b5ddf4; }
.body4  { background:#e3f2fb; }

.title, .titleF, .titleM { text-align:center; padding:10px; white-space:nowrap; }
.title  { background:#f7e2c1; }
.body   { background:#fdf9f0; padding:10px; }
.titleF { background:#a6beff; }
.bodyF  { background:#d5e0ff; padding:10px; }
.titleM { background:#ffa8a8; }
.bodyM  { background:#ffdfdf; padding:10px; }
.body:hover, .body1:hover, .body2:hover, .body3:hover, .body4:hover, .bodyF:hover, .bodyM:hover  { background:#ffffbf; }
/***** 表格方塊 0 *****/

/***** 按鈕 1 *****/
.submit, .reset, .cancel, .edit, .del, .change, .sub_menu1, .sub_menu2, .sub_menu3, .sub_menu4, .sub_menu5, .sub_menu6
{ margin:0 10px; border:2px solid #fff; padding:3px 8px; font:bold 1.1em 'Microsoft JhengHei'; color:#fff; border-radius:5px; text-shadow:1px 1px 2px #000; box-shadow:0px 0px 3px #000; -o-box-shadow:0px 0px 3px #000; -webkit-box-shadow:0px 0px 3px #000; -moz-box-shadow:0px 0px 3px #000; cursor:pointer; position:relative; z-index:2;  filter:glow(color=black，strength=5); }
.submit:hover, .reset:hover, .cancel:hover, .edit:hover, .del:hover, .change:hover, .sub_menu1:hover, .sub_menu2:hover, .sub_menu3:hover, .sub_menu4:hover, .sub_menu5:hover, .sub_menu6:hover
{ border:2px solid #fff; color:#ff0; box-shadow:1px 1px 6px #000; -o-box-shadow:1px 1px 6px #000; -webkit-box-shadow:1px 1px 6px #000; -moz-box-shadow:1px 1px 6px #000; }

.submit    { background:#072; }                                   *input.submit    { padding:0; margin:0; }
.reset     { background:#853; }                                   *input.reset     { padding:0; }
.cancel    { background:#888; }                                   *input.cancel    { padding:0; }
.edit      { background:#909; }                                   *input.edit      { padding:0; }
.del       { background:#c00; }                                   *input.del       { padding:0; }
.change    { background:#00c; padding:1px 8px; margin-top:3px; }  *input.change    { padding:0; }
.sub_menu1 { background:#a62; *padding:5px 8px; }
.sub_menu2 { background:#a2a; *padding:5px 8px; }
.sub_menu3 { background:#26a; *padding:5px 8px; }
.sub_menu4 { background:#2a6; *padding:5px 8px; }
.sub_menu5 { background:#e60; *padding:5px 8px; }
.sub_menu6 { background:#0ae; *padding:5px 8px; }
.on        { color:#ff0; font-size:1.3em; }

.pic_sw { margin:0 10px; cursor:pointer; border:2px solid #fff; padding:1px 3px; font:bold 0.9em 'Microsoft JhengHei'; color:#fff; border-radius:5px; text-shadow:1px 1px 2px #000; box-shadow:0px 0px 3px #000; -o-box-shadow:0px 0px 3px #000; -webkit-box-shadow:0px 0px 3px #000; -moz-box-shadow:0px 0px 3px #000; background:#828; letter-spacing:2px; position:relative; z-index:2;   }
.pic_sw:hover { border:2px solid #fff; color:#ff0; box-shadow:1px 1px 6px #000; -o-box-shadow:1px 1px 6px #000; -webkit-box-shadow:1px 1px 6px #000; -moz-box-shadow:1px 1px 6px #000; }
/***** 按鈕 0 *****/

.error_block { margin-top:10px; text-align:center; vertical-align:middle; font:bold 1.1em/140% 'Microsoft JhengHei'; color:#e22; } /***** 錯誤提示 *****/

/***** 所見即所得常用字詞按鈕 1 *****/
.word_sw { display:inline-block; cursor:pointer; width:28px; height:24px; margin-right:5px; background:#acedfd; color:#061; border-radius:5px; box-shadow:1px 1px 3px #000; -o-box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; -moz-box-shadow:1px 1px 3px #000; font:bold 18px/18px 'NSimSun', 'SimSun', 'DFKai-SB', 'MingLiU', 'MingLiU-ExtB', sans-serif; position:relative; z-index:2;   }
/***** 所見即所得常用字詞按鈕 0 *****/

.big_table    { width:100%; margin:0 auto; }
.big_table td { height:30px; border:1px solid #da9a3a; }
.upload_block td { border:0; padding:0; }

/***** 查詢資料陳列 1 *****/
.up { margin-right:5px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #00c; height:0; display:inline-block; vertical-align:middle; }
.dw { margin-left:5px;  border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #00c;    height:0; display:inline-block; vertical-align:middle; }
.list_table, .list_table1, .list_table2, .list_table3 { width:100%; margin:0 auto; }
.list_table th, .list_table1 th, .list_table2 th, .list_table3 th { font:bold 1.05em 'Microsoft JhengHei'; text-shadow:0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff; color:#83250a; border:1px solid #da9a3a; white-space:nowrap; }

.list_table1 th.th_title, .list_table2 th.th_title, .list_table3 th.th_title { font:bold 1.3em 'Microsoft JhengHei'; text-shadow:1px 1px 3px #000, 1px 1px 3px #000, 1px 1px 3px #000, 1px 1px 3px #000; color:#fff; border:1px solid #da9a3a; white-space:nowrap; }

.list_table1 th.th_title { background:#4359da; border:1px solid #0b129f; }
.list_table2 th.th_title { background:#db4246; border:1px solid #a00a0e; }
.list_table3 th.th_title { background:#3ed057; border:1px solid #0b9f1a; }

.list_table  th { background:#f4d59f; }
.list_table1 th { background:#9b9ff9; border:1px solid #0b129f; }
.list_table2 th { background:#fa9a9c; border:1px solid #a00a0e; }
.list_table3 th { background:#9bf9a5; border:1px solid #0b9f1a; }

.list_table  td { text-align:center; border:1px solid #da9a3a; }
.list_table1 td { text-align:center; border:1px solid #0b129f; }
.list_table2 td { text-align:center; border:1px solid #a00a0e; }
.list_table3 td { text-align:center; border:1px solid #0b9f1a; }

.list_table1 .row1 { background:#e0e1fe; }   .list_table1 .row2	{ background:#f4f4ff; }
.list_table2 .row1 { background:#fee0e0; }   .list_table2 .row2	{ background:#fff4f4; }
.list_table3 .row1 { background:#e0fee3; }   .list_table3 .row2	{ background:#f4fff4; }
/***** 查詢資料陳列 0 *****/

.self_text { line-height:140%; }
.F_table   { width:100%; margin:0 auto; border:1px solid #00c; background:#f0f8ff; border-radius:5px; text-align:center; position:relative; z-index:2;   }
.M_table   { width:100%; margin:0 auto; border:1px solid #c00; background:#fff0f0; border-radius:5px; text-align:center; position:relative; z-index:2;   }
.F_table .title, .M_table .title { padding:8px; color:#fff; font:bold 1.1em 'Microsoft JhengHei'; text-shadow:1px 1px 2px #000; border-radius:5px 5px 0 0; position:relative; z-index:2;   }
.F_table .title                  { border-bottom:1px solid #00c; background:#73bcff; }
.M_table .title                  { border-bottom:1px solid #c00; background:#ff7376; }
.F_table .body, .M_table .body   { min-height:50px; padding:15px; background:transparent; line-height:150%; }
.pic_block                       { padding:2px; margin:5px; background:#fff; border:1px solid #ccc; border-radius:5px; box-shadow:3px 3px 5px #888; -o-box-shadow:3px 3px 5px #888; -webkit-box-shadow:3px 3px 5px #888; -moz-box-shadow:3px 3px 5px #888; }

.search_block      { width:700px; margin:20px auto; border:1px solid #ccc; box-shadow:5px 5px 8px #888; -o-box-shadow:5px 5px 8px #888; -webkit-box-shadow:5px 5px 8px #888; -moz-box-shadow:5px 5px 8px #888; position:relative; z-index:2;   background:#fff; }
.search_block .tr1 { background:#faeabe; border-bottom:1px solid #ccc; }
.search_block .tr2 { background:#fdfeef; border-bottom:1px solid #ccc; }
.search_block .tr1:hover, .search_block .tr2:hover { background:#ffffbf; }
.search_block td   { height:32px; line-height:32px; vertical-align:middle; white-space:nowrap; }
.search_block strong { letter-spacing:1px; font:bold 1.1em 'Microsoft JhengHei'; text-shadow:1px 1px 0px #fff;  }
.search_block input  { margin-right:5px; }

/*.inline-block{ display:inline-block; height:36px }*/

.row1 { background:#fcf7e7; }
.row2 { background:#f9fffd; }
.row3 { background:#f5b478; }
.row4 { background:#b6dff5; }
.row1:hover, .row2:hover, .row3:hover, .row4:hover { background:#ffffbf; }
.row1 .edit, .row1 .del, .row2 .edit, .row2 .del { font-size:1.05em; padding:1px 8px; }
.on_td, .on_td:hover { background:#ffe1e1; }
/*
.small_table { width:60%; border:1px solid #da9a3a; margin:0 auto; }
.small_table td{ border:1px solid #da9a3a; }

.big_block   { width:97%; border:1px solid #da9a3a; padding:2px; margin:0 auto; text-align:left; }
.small_block { width:30%; border:1px solid #3399ff; padding:15px; margin:0 auto }
.page_title  { background:#68A257; border:1px solid #406435; padding:3px 10px; font-size:17px; color:#FFFFFF; font-weight:bold; }
*/
.st { padding:0px; }
.error { font-size:16px; color:#e22; }

.pagination       { background:#eef; font:bold 16px 'Arial'; border:1px solid #03c; color:#03c; padding:3px 8px; border-radius:5px; box-shadow:2px 2px 5px #888; -o-box-shadow:2px 2px 5px #888; -webkit-box-shadow:2px 2px 5px #888; -moz-box-shadow:2px 2px 5px #888; }
.pagination:hover { background:#ff8; border:1px solid #a00; color:#a00; }
.on_pagination    { background:#36b; font:bold 16px 'Arial'; border:2px solid #fff; color:#fff; padding:3px 8px; border-radius:5px; box-shadow:0px 0px 3px #000; -o-box-shadow:0px 0px 3px #000; -webkit-box-shadow:0px 0px 3px #000; -moz-box-shadow:0px 0px 3px #000; }

.TaP        { width:1030px; margin:0px; padding:0px; margin:0 auto 20px auto; clear:none; } /* 整體區塊位置 */
.TaP ul     { color:#050; text-align:center; font:bold 1.1em 'Microsoft JhengHei'; }       /* 連結點位置 */
.TaP ul li  { position:relative; top:1px; left:10px; float:left; padding:5px 10px; margin:0px 5px; background:#f4f9f4; list-style:none; border:solid 1px #1c5e27; cursor:pointer; border-radius:5px 5px 0 0; } /* 連結點屬性 */
.TaP .TaPTH, .TaP a li:hover { color:#f00; background:#c7f8c2; } /* 按下類 連結點滑鼠移過的屬性 */
.TaP .TaPTS { color:#fff; background:#486C42; text-shadow:1px 1px 2px #000; }                  /* 當前連結的區塊 */
.TaPCG      { clear:both; border:solid 1px #888; border-radius:5px; box-shadow:5px 5px 10px #888; -o-box-shadow:5px 5px 10px #888; -webkit-box-shadow:5px 5px 10px #888; -moz-box-shadow:5px 5px 10px #888; }              /* 說明內容框 */
.TaPC       { color:#000; font-size:16px; padding:10px; }        /* 說明內容 */
.pic_box    { border:1px solid #aaa; padding:3px; background:#fff; border-radius:5px; }

/***** 查詢列表之概述框 1 *****/
.view_img { cursor:pointer; }
.pop { display:none; position:absolute; width:450px; padding-bottom:3px; border-radius:5px; clear:both; margin-top:-200px; margin-left:-452px; *margin-top:-185px; *margin-left:-500px; font-size:16px; text-align:left; letter-spacing:1px; line-height:150%; box-shadow:-5px -3px 10px #888; -o-box-shadow:-5px -3px 10px #888; -webkit-box-shadow:-5px -3px 10px #888; -moz-box-shadow:-5px -3px 10px #888; z-index:2;   }


.sex1_block { background:#f0f9ff; border:2px solid #43a9fc; }
.sex2_block { background:#ffeeee; border:2px solid #ff6266; }
.sex0_block { background:#f6f6f6; border:2px solid #a8a9a7; }

.pop_line { position:absolute; margin-top:175px; margin-left:452px; border-top:15px solid transparent; border-bottom:15px solid transparent; width:0; height:0; }
.sex1_block .pop_line { border-left:20px solid #43a9fc; }
.sex2_block .pop_line { border-left:20px solid #ff6266; }
.sex0_block .pop_line { border-left:20px solid #a8a9a7; }

.list_title             { padding:5px; margin-bottom:5px; border-radius:5px 5px 0 0; position:relative; z-index:2;   }
.sex1_block .list_title { background:#cfe7fe; }
.sex2_block .list_title { background:#fed1d5; }
.sex0_block .list_title { background:#dfdfdf; }

.list_title strong { font-size:19px; font-weight:bold; }
.pop-close         { display:block; cursor:pointer; width:24px; height:18px; background:url('../images/close.gif') 0 0 no-repeat; border:0; position:absolute; top:8px; right:10px; }
.pop-close:hover   { background:url('../images/close_on.gif') 0 0 no-repeat; }
.list_body { height:250px; padding:3px; overflow-y:auto; overflow-x:hidden; }
/***** 查詢列表之概述框 0 *****/
.search_keyword { text-align:center; font:bold 1.2em 'Microsoft JhengHei'; color:#909; }

/***** 檢視完整血統 表格 1 *****/
.complete_table    { width:100%; height:630px; font:16px 'MingLiU', 'MingLiU-ExtB', 'DFKai-SB', 'NSimSun', 'SimSun', sans-serif; border-collapse:separate; }
.complete_table td { word-break:break-all; padding:0; border-radius:6px; }
.complete_table .mm_table .number a { color:#00d; }
.complete_table .vv_table .number a { color:#d00; }

.complete_table .x_line_F   { height:1px; border-top:2px solid #00c; }
.complete_table .x_line_M   { height:1px; border-top:2px solid #c00; }
.complete_table td.ss_table { padding:5px; vertical-align:top; line-height:135%; background:#fcf8f1; border:2px solid #d93; }
.complete_table td.mm_table { min-height:50px; *height:50px; padding:5px; vertical-align:top; line-height:135%; background:#f0f8ff; border:2px solid #00c; }
.complete_table td.vv_table { min-height:50px; *height:50px; padding:5px; vertical-align:top; line-height:135%; background:#fff0f0; border:2px solid #c00; }
.complete_table td.ss_table, .complete_table td.mm_table, .complete_table td.vv_table{ box-shadow:3px 3px 5px #888; -o-box-shadow:3px 3px 5px #888; -webkit-box-shadow:3px 3px 5px #888; -moz-box-shadow:3px 3px 5px #888; }
.complete_table .border0   { /*border:0px dashed transparent;*/ }

.complete_table td.mm_table div.data, .complete_table td.vv_table div.data { min-height:50px; }
/***** 檢視完整血統 表格 0 *****/

.demo_pic { border:solid 1px #ccc; box-shadow:5px 5px 5px #888; -o-box-shadow:5px 5px 5px #888; -webkit-box-shadow:5px 5px 5px #888; -moz-box-shadow:5px 5px 5px #888; }