@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:13px; line-height:20px; background:url(../images/bg.jpg) top center no-repeat; }
a{ color:#3b7ab8; text-decoration:none;}
a:hover{ color:#da0015; text-decoration:none;}
.table01 { border:1px #000 solid; border-collpase:collpase; border-bottom:none; border-right:none;} 
.table01 td,th { border-right:1px solid #000; border-bottom:1px solid #000; padding:1px 2px;}

#container{ margin:0; padding:0;}

/*#header{ height:128px;}*/
#header .info{width: 1000px;margin: 0 auto;position: relative;}
#header .logo{  height: 88px;width: auto;}
#header .logo p{margin: 0; padding: 0;}
#header .logo a{ display:block;  float:left;  }
#header .state{ font-size: 15px;color: #6c6c6c;min-width: 700px;text-align: right;vertical-align: top;position: absolute;right: 200px;top: 5px;}
#header .state a{ color:#6c6c6c; height: 15px;}
#header .navigator{height:27px; clear:both; text-align:center; padding-top:5px;background: rgb(216,216,216); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(216,216,216,1) 0%, rgba(209,209,209,1) 15%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(15%,rgba(209,209,209,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(209,209,209,1) 15%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(209,209,209,1) 15%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(209,209,209,1) 15%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(216,216,216,1) 0%,rgba(209,209,209,1) 15%,rgba(244,244,244,1) 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2e2e2, endColorstr=#fefefe)";/* IE6-9 */}

#footer{ margin-top:15px; }
#footer .div01{ border-top:1px #494949 solid; height:20px; text-align:center; color:#494949; padding-top:7px;}
#footer .div01 a{color:#494949; text-decoration:none;}
#footer .div02{ color:#494949; padding-top:15px; padding-bottom:5px; min-height: 100px;
background: rgb(216,216,216); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(216,216,216,1) 0%, rgba(209,209,209,1) 15%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(15%,rgba(209,209,209,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(209,209,209,1) 15%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(209,209,209,1) 15%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(209,209,209,1) 15%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(216,216,216,1) 0%,rgba(209,209,209,1) 15%,rgba(244,244,244,1) 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2e2e2, endColorstr=#fefefe)";/* IE6-9 */}

#footer .copyRight:after{ clear:both;}
#footer .info{ width:1000px; margin:0 auto;}
#footer .logo{  width:75px; height:75px; float:left; margin:5px 55px 0 50px;}
#footer .logo a{ display:block;width:75px; height:75px;}
#footer .copyRight{ width:800px; float:left; }
#footer u{ background:url(../images/icons/icon_yellow_arrow.png) center no-repeat; width:10px; height:5px; padding:3px 7px;}
#menu {  padding: 0  ;	list-style: none;	position: relative;	width: 700px;   text-align:left; z-index:1000; margin:-3px auto 0 auto; } 
#menu li {	margin: 0;	padding: 0 0 0 15px;	float: left; font-size:16px; width:150px; font-weight:800;}
#menu li a {	padding: 5px 5px 5px 20px;	display: block;	color: #333333;	text-decoration: none; color:#494949;}
#menu li ul {	margin: 0;	padding:5px 0;	list-style: none; position: absolute; ; width: 150px;	color: #fff; display: none;}
#menu li ul li { padding:0; display:block; width:170px; background:#5f5f5f;}
#menu li ul li a { display: block; border-bottom:#FFF 1px  dotted;  font-size:13px; color:#FFF;}
#menu li ul li a:hover { background:#faa730; }

#menu li ul li ul {	margin:-32px 0 0 0;	padding:5px 0;	list-style: none; position: absolute;	left: 150px; width: 170px;color: #fff; display: none;}
#menu li ul li ul li { padding:0;  display:block; width:170px; background:#5f5f5f;}
#menu li ul li ul li a { display: block; border-bottom:#FFF 1px  dotted;  font-size:13px;}
#menu li ul li ul li a:hover { background:#faa730; }
 
.naviIcon01{ background:url(../images/icons/icon_menu1.png) no-repeat 0 4px;}
.naviIcon02{ background:url(../images/icons/icon_menu2.png) no-repeat 0 4px;}
.naviIcon03{ background:url(../images/icons/icon_menu3.png) no-repeat 0 4px;}
.naviIcon04{ background:url(../images/icons/icon_menu4.png) no-repeat 0 4px;}

.tab li
{
    background-image:url('/images/query/queryBg.png'); background-repeat:repeat;-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px; padding:5px;
    behavior: url(ie-css.htc); /* �ϥ�ie-css3 */
}
.tab label, .tab a 
{
    cursor:pointer;
}

.tab label
{
    font-size:larger;font-weight:bold;
}

.selected
{
    color:#D00000;
}
.queryKeyInDiv .msssage
{
    color:Black;
}
.SearchIcon
{
    width: 46px;
    height: 46px;
    display: block;    
}


.middleContent{ margin:0 auto; width:1054px; padding:10px 0;overflow: hidden; }

.leftNavi{ float:left; width:180px; margin-right:5px;}
.zoom{ width:10px; float:left; margin-right:10px;}
.zoomOutArrow{ background: url(../images/icons/zoomOutArrowLeft.png) no-repeat; width:10px; height:30px; display:block;}
.rightDetail{ float:right; width:760px; border:1px solid #b1a7a7; padding:15px; background:#FFF;  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-box-shadow:0px 0px 3px 3px #ccc;-webkit-box-shadow: 0px 0px 0px 0px #ccc; box-shadow:0px 0px 3px 3px #ccc;}

.NewsTable2 tr:nth-child(even){background:  5px  center no-repeat #EDEDED;}

.leftOftenUse{border:1px solid #b1a7a7; width:163px; padding:5px; margin-bottom:10px; background:#FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-box-shadow:0px 0px 3px 3px #ccc;-webkit-box-shadow: 0px 0px 0px 0px #ccc; box-shadow:0px 0px 3px 3px #ccc;}
.leftOftenUse ul{ overflow: hidden;  margin:10px 0 0 15px; padding:0; list-style:none; width:163px;}
.leftOftenUse li{ height:28px; float:left;  }
.leftOftenUse ul:after{ clear:both;}
.leftOftenUse img{ border: none; }
.leftQuickLink{border:1px solid #b1a7a7; width:163px;  padding:5px;  background:#FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-box-shadow:0px 0px 3px 3px #ccc;-webkit-box-shadow: 0px 0px 0px 0px #ccc; box-shadow:0px 0px 3px 3px #ccc;}
.leftQuickLink .separeLine{ background:#8e8e8e; height:1px; margin:10px 0px;}
.leftQuickLink ul{margin:10px 0 0 5px; padding:0; list-style:none;}
.leftQuickLink li{  margin-right:5px;}
.leftQuickLink  img{ border: none; }
.leftQuickLink:after{ clear:both;}



.path{ border-bottom:1px dashed #999; padding-bottom:5px; margin-bottom:20px;}

.publish a{ text-decoration:none; line-height:18px; color:#000;}
.publish a:hover{ text-decoration: underline;}
.publish ul{ display:none;list-style-type: disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px;}
.publish strong{ padding-left:15px; background:url(/images/icons/icon_open.png) 0 2px no-repeat;font-size: 13px;line-height: 20px;}
.publish strong:hover{ cursor:pointer;}
.publish ul li {font-size: 13px;}
.marginBottom01{margin-bottom:15px;}

.titleTab{ margin:0  ; padding:0 0 0 30px; border-bottom:1px solid #d2d2d2; height:25px;justify-content:center;display:flex;}
.titleTab:after{ clear:both; }
.titleTab li.state{ width:auto; display:block !important; float:left;  border:1px solid #d2d2d2; height:25px; border-bottom:none; margin-right:10px;  background:#dfdfdf; text-align:center;  -webkit-border-radius:5px 5px 0 0 ;-moz-border-radius: 5px 5px 0 0 ;border-radius: 5px 5px 0 0 ; cursor:pointer; margin-bottom: 5px; }
.titleTab li.state a{display:inline-block;width:auto; height:20px; padding:3px 5px 0 5px;pointer-events:none;}
.titleTab li.select{ }
.titleTab li.select a{ color:#ff0000; background: #ffffff; display:inline-block;width:auto; height:23px; padding-top:3px; -webkit-border-radius:5px 5px 0 0 ;-moz-border-radius: 5px 5px 0 0 ;border-radius: 5px 5px 0 0 ; }
.titleTab li a{ font-size:13px; text-decoration:none; color:#005fb6; }
.titleTab li a:hover{ color:#333; text-decoration:underline;}
.divHadBorder{ border:1px solid #d2d2d2; border-top:none; padding:10px; overflow:auto; -webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px; }
.divHadBorder img{ border:none;}
.twoColumsUl{ list-style:none;}
.twoColumsUl li{ width:45%; float:left; margin-bottom:15px;}
.twoColumsUl li:nth-child(even){ margin-left:30px;}
.twoColumsUl table{ width:100%;}
.twoColumsUl table a{ color:#333;}
.twoColumsUl table a:hover{ color:#da0015; text-decoration:none;}

.ulList4Items{ margin-bottom:15px;}
.ulList4Items:after{ clear:both; }
.ulList4Items li{ float:left; width:25%;}
.ulList3Items{ margin-bottom:15px;}
.ulList3Items:after{ clear:both; }
.ulList3Items li{ float:left; width:33%;}
.ulList2Items{ margin-bottom:15px;}
.ulList2Items:after{ clear:both; }
.ulList2Items li{ float:left; width:50%;}

.epaper{ list-style:none; margin:0; padding:0;}
.epaper li{ float:left; text-align:center; width:33%; height:300px;}
.epaper:after{ clear:both;}

.eMagazine{ list-style:none; margin:0; padding:0;}
.eMagazine li{ float:left; text-align:center; width:25%; height:300px;}
.eMagazine:after{ clear:both;}
/*.detailTitle{ background:#c20014; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b00010), color-stop(30%,#cb0013), color-stop(100%,#6D0019)); font-size:15px; color:#FFF; -webkit-border-radius:5px ;-moz-border-radius: 5px ;border-radius: 5px; padding:3px 3px 3px 10px; font-weight:800; margin-top:10px; margin-bottom:10px; padding-right:10px;height:20px; position:relative;}
.detailTitle .close{ right:0px;color:#FFF; display:block; width:50px; position:absolute; top:3px;  }
*/
.detailTitle{ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-box-shadow:0px 0px 3px 3px #efefef;-webkit-box-shadow: 0px 0px 0px 0px #efefef; box-shadow:0px 0px 3px 3px #efefef; background:#efefef; font-size:15px; font-weight:800; margin-top:10px; margin-bottom:10px; padding-right:10px;height:20px; position:relative; padding:3px;  }
.detailTitle .close{ right:0px; display:block; width:50px; position:absolute; top:3px;  }
.tabDetailLeftDiv{ float:left; width:76%; margin-right:4%;}
.tabDetailRightDiv{ float:left; width:20%;}

.branchLeft{float:left; width:21%; margin-right:1%; text-align:left; } 
.branchMiddle{float:left; width:51%; padding:0px 10px; margin-right:1%;border-left:1px dashed  #dbcebe;border-right:1px dashed  #dbcebe; } 
.branchRight{float:left; width:23%; }
.branchRight ul li{ cursor:pointer;}
.branchMiddle h4{ background:#dbcebe; color:#940324; padding-left:10px; margin-bottom:10px;}
.branchRight h4{ background:#dbcebe; color:#940324; padding-left:10px; margin-bottom:10px; margin-top:0px;}

.title01{ background:#dbcebe; color:#940324; padding-left:10px; margin-bottom:10px; margin-top:0px; -webkit-border-radius:2px;-moz-border-radius:2px; border-radius: 2px;}
.siteMapContainer{ width:100%;  }
.siteMap h3{color:#363636;height: 25px;line-height: 25px;padding: 2px 0px 2px 2px;text-decoration: none;vertical-align: middle; width: auto; text-align: left; margin:0; background:#CCC url(../images/icons/h3_bg.gif) repeat-x; height:25px; padding-left:10px;}
.siteMap ul{ margin:10px 0 0 25px; padding:0; color:#6d6d6d;}
.siteMap li{ margin-bottom:3px;}
.siteMap ul ul{ margin:2px 0 0 20px; padding:0;}
.siteMap ul a{ color:#333; text-decoration:none; color:#597ace;text-decoration:underline;}
.siteMap ul a:hover{ color:#da0015;  }

.btn{ border:1px solid #cbcbcb; text-decoration:none; margin:5px 5px; padding:1px 4px; color:#333; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-box-shadow:0px 0px 3px 3px #ccc;}
.btn:hover{ background: #ed0000; color:#FFF;}
.btnOn{ border:1px solid #cbcbcb; text-decoration:none; margin:5px 5px; padding:1px 4px; background-color:#da0015; color:#FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-box-shadow:0px 0px 3px 3px #ccc;}
.btnOn:hover{ background: #ed0000; color:#cbcbcb;}

.homeMsn{ position:relative;}
.msnMessageDiv{ width:420px; height:430px; position:absolute; background:#CCC; border:1px solid #903; right:0px; top:-100px; padding:15px; display:none;z-index:99999; text-align:left; cursor:default;}
.msnMessageDiv .close{ background: url(../images/icons/icon_redCross.png) left center no-repeat; padding-left:15px; }
.message{ width:410px; height:230px; overflow-x:hidden; overflow-y:scroll ; padding:5px; background:#FFF; margin-bottom:10px; word-wrap: break-word;}
.keyin{width:413px; height:80px; }

.NewsTable a {text-decoration:none;}

/*.box {
  margin: 5px;
  padding: 5px;
  background: # FFF; 
  line-height: 1.4em;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  border:1px solid #D3CBC2;	
}*/

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.col1 { width: 280px; }



/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.decreaseFont{ background:url(../images/icons/font_a01.gif) center no-repeat; width:23px; height:20px; display:inline-block; }
.increaseFont{ background:url(../images/icons/font_a02.gif) center  no-repeat; width:23px; height:20px; display:inline-block; }


 
::-webkit-input-placeholder
{
    color: #A9A9A9 !important; 
}
:-moz-placeholder
{
    color: #A9A9A9 !important; 
}
.placeholder
{
    color: #000000; 
}