﻿/*將所有元素的內距邊界歸零*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, th, td, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea {
margin: 0;
padding: 0;
}
/*重置頁面基本字型大小及行高,不希望行高被繼承可把line-height: 1拿掉*/
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 75%;
line-height: 1;
}
/*將標題的字型大小及粗細都重置*/
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
/*將影像及欄位集的邊框歸零*/
img, fieldset {
border: 0;
}
/*將清單樣式清除*/
ol, ul {
list-style: none;
}
/*將表格邊框的預設值separate(分離)改為collapse(重疊)*/
table {
    border:0;
    border-collapse: collapse;
    border-spacing: 0;/*=table的cellspacing=0,針對不同瀏覽器須再將儲存格間距設為0*/
}
table td {
    padding:0;/*=table的cellpadding=0*/
}
/*重置表格註解及標題儲存格的對齊*/
caption, th {
text-align: left;
}
/*將連結、底線、刪除線重置*/
a, ins,del {
text-decoration: none;
}
/*將表單元素的字型樣式設為繼承(父元素)樣式保持一致性*/
input, button, textarea, select, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
/*將這些元素的字型樣式及粗細重置*/
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
font-style: normal;
font-weight: normal;
}
/*將縮寫元素的邊框及大小寫重置，acronym對IE5瀏覽器有用(雖然已沒人用IE5了)*/
abbr,acronym {
border: 0;
font-variant: normal;
}
/*將上標、下標的樣式重置*/
sup, sub {
font-size: 100%;
vertical-align: baseline;
}
/*將引用元素重置，讓各瀏覽器的符號一致*/
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}



/* -------------------------------------------自訂------------------------------------------------------------------ */
body   
{
    margin-top:0px;
    margin-right:0px;
    margin-left:0px;
    /* background-color:#f6ebcb; */
    background-color:#fff;
    /*font-weight:bold;*/
    font-family:Microsoft JhengHei, PMingLiU,MingLiU, DFKai-sb, Arial;
    text-decoration:none;
    font-size:0.9em;
    color: #000000;
}

a:link, a:visited {color: #000000;}
a:hover {color: #ff0000;text-decoration: none;}
a:active {color: #ff0000;}

ul { list-style:none;margin:0px;padding:0px; }
ul li { margin:0px;padding:0px; }

/* ---語言列------------ */
.styled-select select {
   background-color: #ffffff;
   width: 80px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 26px;
   }

/*表格*/
.CssTableCellpadding3 {
    border:0;
    border-spacing: 0;/*=cellspacing=0*/
}
.CssTableCellpadding3 td {
    padding:3px;/*=cellpadding="0"*/
}


/*網頁body*/
.CssBody {
    /* max-width:1004px;*/
    margin:0px auto;
}
/*快速鍵*/
a.CssAccessKey {
    color:#848484;
    text-decoration:none;
}
a.CssAccessKey2 {
    color:#ffffff;
    text-decoration:none;
}

/*文字框*/
.input1 {
    border: 1px solid #CCCCCC;
    font-size: 1em;
    padding: 2px;
}

/*連結*/
a.data-link1 {
    font-size: 0.9em;
    padding: 2px 5px 3px 25px;
    background-image: url('/FileImages/Link1.png');
    background-repeat: no-repeat;
    background-color: #8B8B8B;
    background-size: 15px;
    background-position: 5px center;
    color: #FFFFFF !important;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    text-align: center;
}

/*圓弧色塊*/
 .large90 {
  display: table-cell;
  font-size: 14px;
  padding: 5px 14px 6px;
  background-color: #0b3e75;
  color: #FFFFFF !important;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  text-align: center;
}
 .large91 {
  font-size: 14px;
  padding: 5px 14px 6px;
  background-color: #CC0000;
  color: #FFFFFF !important;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  text-align: center;
}
.large92 {
  font-size: 12pt;
  margin-left:auto;
  margin-right:auto;
  margin-top:2px;
  margin-bottom:2px;
  padding:1px 10px 1px 10px;   
  background-color: #8FB048;
  color: #FFFFFF !important;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: bold;
}
.large93 {
  font-size: 10pt;
  margin-left:auto;
  margin-right:auto;
  margin-top:2px;
  margin-bottom:2px;
  padding:1px 10px 1px 10px;   
  background-color: #CC0000;
  color: #FFFFFF !important;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  text-align: center;
}
.large95 {
  font-size: 10pt;
  margin-left:auto;
  margin-right:auto;
  margin-top:2px;
  margin-bottom:2px;
  padding:1px 10px 1px 10px;   
  background-color: #0000ff;
  color: #FFFFFF !important;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: bold;
}
.large96 {
    font-size: 12pt;
    margin-right: 5px;
    padding: 5px 10px 5px 10px;
    background-color: #8FB048;
    color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    width: 70px;
    text-align: center;
    float: left;
}
.large97 {
    font-size: 12pt;
    margin-left: 120px;
    padding: 5px 10px 5px 10px;
    background-color: #e0d4b0;
    color: #877e63;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    width: 70px;
    text-align: center;
}
.large98 {
    font-size: 12pt;
    margin-right: 3px;
    padding: 2px 8px 2px 8px;
    background-color: #fff;
    color: #000;
    border-radius: 8px 8px 8px 8px;
    font-weight: bold;
    width: 70px;
    text-align: center;
    z-index: 6;
}
.large99 {
    font-size: 12pt;
    margin-right: 3px;
    padding: 2px 8px 2px 8px;
    background-color: #F99100;
    color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    font-weight: bold;
    width: 70px;
    text-align: center;
    z-index: 6;
}
.large100 {
    font-size: 10pt;
    margin-left: auto;
    margin-right: 5px;
    margin-top: 2px;
    padding: 1px 10px 3px 10px;
    color: #FFFFFF !important;
}
.large101 {
    font-size: 12pt;
    padding: 5px 14px 6px;
    background-color: #F98F00;
    color: #FFFFFF !important;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    text-align: center;
}
.large102 {
    font-size: 12pt;
    margin-left: auto;
    margin-right: 5px;
    margin-top: 2px;
    padding: 8px 15px 8px 15px;
    background-color: #D8D8D8;
    color: #000000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.large103 {
    font-size: 10pt;
    padding: 0px 10px 2px 10px;
    background-color: #F98F00;
    color: #FFFFFF !important;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    text-align: center;
}
.large104 {
    font-size: 10pt;
    padding: 0px 10px 2px 10px;
    background-color: #64861C;
    color: #FFFFFF !important;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    text-align: center;
}
.large105 {
    font-size: 12pt;
    padding: 5px 10px 5px 10px;
    background-color: #000000;
    color: #FFFFFF !important;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    text-align: center;
}
.large106 {
  display: table-cell;
  font-size: 20px;
  padding: 28px 20px 28px;
  background-color: #72878f;
  color: #FFFFFF !important;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  text-align: center;
}
.join_cssbtn:hover
{
  text-decoration: none;
  background-color: #A70000;
}
.join_cssbtn2:hover
{
  text-decoration: none;
  background-color: #A70000;
  color: #ffffff;
}
.triangle {
    float: left;
    width: 0px;
    height: 0px;
    border: 12px solid;
    border-color: #f00 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    margin-left: 35px;
    margin-right: 35px;
    text-align: center;
}

/*網頁標題Title*/
.CssPageTitle {
}

/*兼容Ie firefox，解决文字溢出的问题(需wordwrap.xml)*/
.wordwrap
{
     word-wrap:break-word;
    /*-moz-binding: url('wordwrap.xml#wordwrap');*/
     display: block;
     overflow: auto;
}
	
/*清除內部的float設定*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ---底部------------ */
 .bettomTxt1{margin-bottom:8px;padding:5px 10px 5px 10px;background-color:#451508;color:#e0d2aa;font-size:12pt;text-align:center;}
 .bettomTxt2{color:#451508;font-size:12pt;}
 .bettomTa1Td1{padding:5px 5px 5px 5px;color:#451508;font-size:12pt;font-weight:bold;}
 .bettomTa2Td1{vertical-align:top;}
 .bettomTa1Td2Li1{padding:5px 5px 5px 5px;color:#451508;font-size:12pt;font-weight:bold;}
 .bettomUl1Li1{padding:5px 5px 5px 5px;color:#451508;font-size:12pt;font-weight:bold;}
 .bettomUl2Li1L{overflow:auto;overflow:hidden;width:50px;float:left;/*_float:left;*/padding:5px 5px 5px 5px;color:#451508;font-size:12pt;font-weight:bold;}
 .bettomUl2Li1R{overflow:auto;overflow:hidden;width:80px;float:right;/*_float:right;*/padding:5px 5px 5px 5px;color:#451508;font-size:12pt;font-weight:bold;}
 .bettomUl3Li1L{overflow:auto;overflow:hidden;width:70px;float:left;/*_float:left;*/padding:5px 5px 5px 5px;color:#451508;font-size:12pt;font-weight:bold;}
 .bettomUl3Li1R{overflow:auto;overflow:hidden;width:120px;float:right;/*_float:right;*/padding:5px 5px 5px 5px;color:#451508;font-size:12pt;font-weight:bold;}
 .bettomUl4Li1{padding:8px 0px 8px 0px;color:#451508;font-size:11pt;font-weight:bold;}
 .span1{padding-right:20px;}

 .TMBT_AddSty1{font-size:10pt;}
 .TMBT_AddStyTxt1{font-size:10pt;}

/* ---下拉、------------ */
.styled-select1 select {
   background-color: #fbf7e9;
   width: 180px;
   height: 32px;
   padding:5px 5px 5px 5px;
   font-size: 12pt;
   line-height: 1;
   border: 0;
   border-radius: 0;
   color:#847862;
   }

/* ---主版上1------------ */
.iLtMenuBk{
  height: 34px;
  z-index:10;
  vertical-align:middle;
  padding:5px 5px 0px 4px;
  float:left;
  border-bottom:#ffffff 1px dashed;
}

/* ---主版左1------------ */
 .Left1_Title1 {
  width:251px;
  height:58px;
  font-size: 20px;
  color: #FFFFFF !important;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  text-align: center;
  line-height:60px;
  vertical-align:middle;
}
 .Left1_Ul1_Li1{overflow:auto;overflow:hidden;padding:10px 0px 10px 20px;color:#6d6651;font-weight:bold;white-space: nowrap;}
 .Left1_Ul1_Li1_L{overflow:auto;overflow:hidden;width:64px;float:left;/*_float:left;*/padding:10px 0px 10px 20px;color:#6d6651;font-weight:bold;white-space: nowrap;}
 .Left1_Ul1_Li1_R{overflow:auto;overflow:hidden;width:180px;float:right;/*_float:right;*/padding:10px 0px 10px 15px;color:#6d6651;font-weight:bold;white-space: nowrap;}


/* ---主版左2------------ */
   .Left2_Title1 {
        color: #4B200E;
        font-size: 16pt;
        font-weight: bold;
        margin:20px 0px 10px 0px;
        padding-left:0px;
        width:200px;padding-bottom:5px;border-bottom:#797979 1px dashed;
    }
    .Left2_Ul1_Li1 {
        overflow: auto;
        overflow: hidden;
        /*_float: left;*/
        padding: 6px 0px 6px 20px;
        color: #4B200E;
        font-size: 12pt;
        font-weight: bold;
    }
    .Left2_Ul1_Li1_L {
        overflow: auto;
        overflow: hidden;
        width: 64px;
        float: left;
        /*_float: left;*/
        padding: 6px 0px 6px 20px;
        color: #4B200E;
        font-size: 12pt;
        font-weight: bold;
    }

    .Left2_Ul1_Li1_R {
        overflow: auto;
        overflow: hidden;
        width: 150px;
        float: right;
        /*_float: right;*/
        padding: 6px 0px 6px 15px;
        color: #4B200E;
        font-size: 12pt;
        font-weight: bold;
    }

    .Left2_Icon1 {
        background-image: url(/FileImages/ico/Round1.png);
        background-repeat: no-repeat;
        background-position: 0px 10px;
    }

    /*連結*/
    a.CssPageLink01 {
        color:#451508;
    }
    a.CssPageLink01:hover {
        color:#ff0000;
    }

    a.CssPageLink02 {
        color:#6d6651;
        white-space: nowrap;/*不換行*/
    }
    a.CssPageLink02:hover {
        color:#ff0000;
    }

    a.CssPageLink03 {
        color:#4B200E;
        white-space: nowrap;/*不換行*/
    }
    a.CssPageLink03:hover {
        color:#ff0000;
    }

    a.CssPageLink04 {
        color:#000;
    }
    a.CssPageLink04:hover {
        color:#ff0000;
    }

        /*線上語音*/
        #tts-box {
            background-color: #f1feff;
            border: 1px solid #21a0e8;
            margin: 10px 10px;
            padding: 10px;
        }
        #tts-box .tts-title {
            font-size:0.9em;
        }
        #tts-box .tts-voice {
            padding:10px 0 5px 0;
        }
        #tts-box .tts-voice ul {
            display:inline-block;
            width:100%;
        }
        #tts-box .tts-voice ul li {
            float:left;
            padding:0 10px;
            height:35px;
            line-height:35px;
            margin-right:10px;
        }
        #tts-box .tts-poweredby {
            padding:10px 0 5px 0;
        }
