@charset "utf-8";
/* CSS Document */
/* CSS Reset */
html, body, div, span, applet, object, iframe, form,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
em, img, q, strong, sub, sup,
dl, dt, dd, ol, ul, li { margin:0; padding:0; }
img { border:0; }
ul, ol { list-style:none; }
body { line-height:1; }
table { border-collapse:collapse; border-spacing:0 !important; }
p { line-height:160%; padding:3px 0; }


/* 通用設定 */
body { color:#555555; background-color:#f6f6f6; }
body { font-family:"Microsoft JhengHei", "微軟正黑體", Tahoma, Verdana, Geneva, sans-serif; }
th, h1, h2, h3, h4, h5, h6, .title, .btn_common, .btn_common input, .forward label, legend,
.menu_list > li > a {
	font-family:"Microsoft JhengHei", "微軟正黑體";
	}

/* 導盲磚 */
a.guide_tile { color:#cecece; text-decoration:none; font-size:12px; font-weight:normal; font-family:Arial; position:absolute; left:0; }
	#header a.guide_tile { top:0; }
	#breadcrumbs a.guide_tile { top:9px; }
	#column_right a.guide_tile { top:2px; left:2px; color:#b6b6b6; }

/* 連結 */
a { text-decoration:underline; color:#01afec; }
a:hover { text-decoration:none; color:#ff9000; }


/*----------------------------------------------------------------------*/
/* header */
#header { width:100%; background-color:#fff; position:relative; z-index:100; }
#header > div { width:1024px; height:55px; margin:0 auto; position:relative; }

	/* logo */
	#header .logo { display:block; width:257px; height:81px; background:url("../Images/logo.png") no-repeat 0 0; text-indent:-10000px; }

	/* 上選單 */
	.top_menu { position:absolute; top:18px; right:0; overflow:hidden; }
	.top_menu li { float:left; border-left:1px solid #d7d7d7; padding-left:8px; margin-left:8px; }
	.top_menu li:first-child { border-left:0; padding-left:0; margin-left:0; }
	.top_menu li a { display:block; line-height:18px; font-size:14px; color:#a3a3a3; text-decoration:none; }
	.top_menu li a:hover { color:#01afec; }

	/* 站內搜尋 */
	.header_search { position:absolute; top:47px; right:0; overflow:hidden; width:278px; height:28px; border:1px solid #c8c8c9; }
	.header_search input { float:left; }
	.header_search input[type="text"] { border:0; width:246px; height:24px; line-height:24px; margin:0; background-image:none; }
	.header_search input.submit {
		border:0; width:28px; height:28px; line-height:28px; margin:0; padding:0;
		text-indent:-10000px; background-color:transparent;
		background:url("../Images/icon_search.png") no-repeat 0 0;
		display:block; font-size:0; line-height:0;/* fix IE not interpreting text-indent on submit buttons */
		}
		.header_search input.submit:hover { background-position:0 -28px; }


/*----------------------------------------------------------------------*/
/* 選單 */
#menu { text-align:center; position:relative; z-index:100; }
#menu a { display:block; text-decoration:none; }
#menu > ul { display:inline-block; *display:inline; zoom:1; height:45px; padding-top:5px; }
#menu > ul > li { float:left; padding:5px 0; margin:0 10px; position:relative; }
#menu > ul > li > span { position:absolute; width:100%; height:45px; top:0; left:0; }
#menu > ul > li > a {
	padding:0 55px 0 35px; font-size:22px; font-weight:bold; color:#000; line-height:35px;
	/*background:url("../Images/icon_menu.png") no-repeat right 15px;*//*20160608 modify by 532816*/
    position:relative; z-index:100;
	}
#menu > ul > li:hover > span { background:url("../Images/menu.png") no-repeat right 0; }
#menu > ul > li:hover > a { color:#009edd; background-position:right -85px; }

#menu .submenu_outer { display:none; padding-right:6px; padding-bottom:6px; position:absolute; top:45px; left:0; }
	#menu > ul > li:hover .submenu_outer { display:block; background:url("../Images/menu.png") no-repeat right bottom; }

#menu ul ul {
	padding:10px 25px 25px 25px;
	text-align:left; background-color:#fff; z-index:99; overflow:hidden;
	background: -moz-linear-gradient(top,  #92d4db 0%, #01abeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92d4db), color-stop(100%,#01abeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #92d4db 0%,#01abeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #92d4db 0%,#01abeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #92d4db 0%,#01abeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #92d4db 0%,#01abeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92d4db', endColorstr='#01abeb',GradientType=0 ); /* IE6-9 */
	}

#menu ul ul li { line-height:18px; padding:9px 0; /*background:url("../Images/icon_menu.png") repeat-x 0 bottom;*/ }
#menu ul ul li a { color:#fff; font-size:13px; }
#menu ul ul li a:hover { color:#005dab; }

#menu .orgn .submenu_outer { right:0; left:auto; width:390px !important; }
#menu .orgn ul { overflow:hidden; width:360px; padding:10px 5px 25px 25px; }
#menu .orgn ul li { float:left; width:160px; margin-right:20px; }
/*2016.05.05 #btn_purchase by 532816*/
#menu #btn_purchase {
    width:170px;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -35px center;
    background-position-y:50px;*//*20160608 modify by 532816*/
}
#menu #btn_purchase a { width:120px;}
#menu #btn_purchase li:hover > #a_purchase {
    color:#009edd;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -25px center;*//*20160608 modify by 532816*/
}
#menu #btn_purchase .submenu_outer a { width:170px;}

/*2016.05.05 #btn_competition by 532816*/
#menu #btn_competition {
    width:160px;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -35px center;
    background-position-y:50px;*//*20160608 modify by 532816*/
}
#menu #btn_competition a { width:100px;}
#menu #btn_competition li:hover > #a_competition {
    color:#009edd;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -25px center;*//*20160608 modify by 532816*/
}
#menu #btn_competition .submenu_outer a { width:160px;}

/*2016.05.05 #btn_supplier by 532816*/
#menu #btn_supplier {
    width:180px;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -35px center;
    background-position-y:50px;*//*20160608 modify by 532816*/
}
#menu #btn_supplier a { width:120px;}
#menu #btn_supplier li:hover > #a_supplier {
    color:#009edd;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -25px center;*//*20160608 modify by 532816*/
}
#menu #btn_supplier .submenu_outer a { width:180px;}

/*2016.05.04 #btn_supplier_information by 532816 */
#menu #btn_supplier_information {
    width:170px;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -35px center;
    background-position-y:50px;*//*20160608 modify by 532816*/
}
#menu #btn_supplier_information a { width:120px; }
#menu #btn_supplier_information li:hover > #a_supplier_information {
    color:#009edd;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -25px center;*//*20160608 modify by 532816*/
}
#menu #btn_supplier_information .submenu_outer a { width:170px;}

/*2016.05.04 #btn_loan by 532816 */
#menu #btn_loan {
    width:160px;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -18px center;
    background-position-y:50px;*//*20160608 modify by 532816*/
}
#menu #btn_loan a { width:120px; }
#menu #btn_loan li:hover > #a_loan {
    color:#009edd;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -8px center;*//*20160608 modify by 532816*/
}
#menu #btn_loan .submenu_outer a { width:160px;}


/*2016.05.04 #btn_opinion by 532816 */
#menu #btn_opinion {
    width:160px;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -28px center;
    background-position-y:50px;*//*20160608 modify by 532816*/
}
#menu #btn_opinion a { width:120px;}
#menu #btn_opinion li:hover > #a_opinion {
    color:#009edd;
    /*background:url("../images/icon_menu.png") no-repeat;
    background-position: right -18px center;*//*20160608 modify by 532816*/
}
#menu #btn_opinion .submenu_outer a { width:160px;}

/*----------------------------------------------------------------------*/
/* 中間區塊 */
#center { width:1024px; margin:0 auto; overflow:hidden; *overflow:visible; font-size:87.5%; }
#center.fs1 { font-size:14px !important; }

	/*#column_center { float:left; width:970px; padding:0 25px; border:1px solid #e5e5e5; background-color:#fff; }*//* 內頁中間 */
	/* #column_right { float:right; width:240px; position:relative; }內頁右邊 */
#center	#column_center {top:0;
      right:0;
      bottom:0;
      left:0;
      margin:auto; }
#column_center { width:880px; padding:0 25px; border:1px solid #e5e5e5; background-color:#fff;}  /* 內頁中間 */


/*----------------------------------------------------------------------*/
/* footer */
#footer { width:100%; clear:both; margin-top:40px; }
#footer > div > div { width:990px; margin:0 auto; }

#footer .footer_sitemap { width:100%; padding:30px 0 20px; background:#dfdfdf url("../Images/footer_arrow.png") no-repeat center 0; }
#footer .menu { overflow:hidden; width:950px; margin:0 auto; }
#footer .menu > li { float:left; padding:5px 60px 0 12px; border-left:1px solid #bebebe; }
#footer .menu > li > a { font-size:15px; font-weight:bold; color:#000; text-decoration:none; }
#footer .menu ul { max-width:180px; padding-top:30px; }
#footer .menu ul li { line-height:16px; padding-bottom:8px; }
#footer .menu ul a { font-size:13px; color:#6f6f6f; text-decoration:none; }
#footer .menu ul a:hover { color:#01afec; }
#footer .menu .orgn { padding-right:0; }
#footer .menu .orgn ul { overflow:hidden; max-width:none; width:350px; }
#footer .menu .orgn ul li { float:left; width:160px; margin-right:15px; }

#footer .footer_menu { width:100%; background-color:#f2f2f2; }
#footer .footer_menu > div { width:990px; padding:25px 0; margin:0 auto; background:url("../Images/footer_slogan.png") no-repeat right 0;}
#footer .footer_menu ul { overflow:hidden; padding-bottom:5px; }
#footer .footer_menu ul li { float:left; border-left:1px solid #d0d0d0; padding-left:8px; margin-left:8px; }
	#footer .footer_menu ul li:first-child { border-left:0; padding-left:0; margin-left:0; }
#footer .footer_menu ul a { display:block; color:#6c6c6c; text-decoration:none; font-size:13px; line-height:16px; }
	#footer .footer_menu ul a:hover { color:#01afec; }

#footer .footer_menu p { color:#848484; font-size:13px; line-height:18px; }
#footer .footer_menu a.map { display:inline-block; *display:inline; *zoom:1; color:#848484; margin:0 3px; padding-left:15px; background:url("../Images/icon_map.png") no-repeat 0 0; }

/* logo */
#footer .logo { display:block; width:230px; height:81px; background:url("../Images/logo.png") no-repeat 0 0; text-indent:-10000px; }
/*#footer .logo { float:left;padding:0px 0px 0px 0px;display:block; background:url("../Images/logo.png") no-repeat 0 0; }*/





/*20191021 amy*/
body {
    font-family: "Microsoft JhengHei",Verdana,Arial;
    color: #323232;
}
a:link {color: #016364; text-decoration: none;}
a:visited {color: #7a5937;}
a:hover, a:active {
    color: #016364;
    text-decoration: underline;
    transition: color ease-in-out 0.15s;
}


/*menu*/

#menu > ul > li:hover > a,#menu #btn_purchase li:hover > #a_purchase,#menu #btn_competition li:hover > #a_competition,#menu #btn_supplier li:hover > #a_supplier,#menu #btn_supplier_information li:hover > #a_supplier_information,#menu #btn_loan li:hover > #a_loan,#menu #btn_opinion li:hover > #a_opinion{color: #016364;}

#menu .submenu_outer {
    display: none;
    padding-right: 0;
    padding-bottom: 0;
    position: absolute;
    top: 45px;
    left: 0;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
    /* border: 1px solid #cccccc; */
}

#menu ul ul {
	padding:10px 25px 25px 25px;
	text-align:left; background-color:#fff; z-index:99; overflow:hidden;
	background: -moz-linear-gradient(top,  #f4f4f5 0%, #f4f4f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f5), color-stop(100%,#f4f4f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f5 0%,#f4f4f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f5 0%,#f4f4f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f5 0%,#f4f4f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f5 0%,#f4f4f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f5', endColorstr='#f4f4f5',GradientType=0 ); /* IE6-9 */
	}

#menu ul ul li{
	display: flex;
    flex-wrap: nowrap;
}

#menu ul ul li::before {
    display: inline-block;
    content: " ";
    width: 7px;
    height: 7px;
    border-top: 2px solid #03a3a4;
    border-right: 2px solid #03a3a4;
    transform: rotate(45deg);
    margin-right: 8px;
    margin-top: 4px;
}

#menu ul ul li a {color: #016364;font-size: 1rem;}
#menu ul ul li a:hover { color:#016364;text-decoration: underline;transition: color ease-in-out 0.15s;}

/*center*/
#center{width: 80%;}
/*#center p{line-height: 2.5rem;}*/
    #center p {
        line-height: 1.5rem; /*2019.10.23 modify by @ITRI AmySun 調小*/
    }
#column_center {
    width: 100%;
    font-size: 1rem; /*2019.10.23 modify by @ITRI Amy Snn 字太肥了，從1.125rem調小*/
    box-sizing: border-box;
}
#column_center .style1 td input.button1{
	color: #9d0924;
	background-color: #f6f6f6;
	font-size: 1rem;
    height: auto;
    border: solid 1px #cccccc;
    padding: 0.5rem;
    font-family: unset;
    min-width: 120px;
}

/*大標*/
#center h1.title {
    clear: both;
    font-size: 2rem;
    line-height: 120%;
    color: #fff;
    padding: 10px 25px 15px;
    margin: 0 -25px 12px;
    background: none;
    text-align: left;
    background-color: #03a3a4;
    background-image: none;
}

#center h1.title a#ctl00_lbVen_Login:after{    content: "|";     display: inline-block;     margin-left: 8px;}

/*input*/
#center input,#center select{font-family: "Microsoft JhengHei",Verdana,Arial;	font-size: 1rem;    height: auto;    border: solid 1px #cccccc;    line-height: 1.5rem;    height: 28px;}
#center input[type="text"],#center select{}

/*table*/
#center table{width: 100%;}
/*#center table td{padding:1rem 0.5rem;}*/
    #center table td {
        padding: 0.3rem 0.3rem; /*2019.10.23 modify by @ITRI AmySun 行距太大嚇人，調窄*/
    }

#center #Table1 font{font-size: 1.125rem !important; line-height: 2rem;}
#center #Table1 center{text-align: left !important;}
#center #Table1 center font{font-weight: bold;font-size: 1.25rem;}

#center #ctl00_ContentPlaceHolder1_UpdatePanel2 #Table1{border:0 !important;}
/*#center #ctl00_ContentPlaceHolder1_UpdatePanel2 table#Table1 th{ padding:0.5rem; }*/
#center #ctl00_ContentPlaceHolder1_UpdatePanel2 table#Table1 td{ padding:0.5rem; }
/*reqno=20200874 A70528:原padding:0.5rem 影響日期元件天數顯示，故調整為0 */
#center #ctl00_ContentPlaceHolder1_UpdatePanel2 table#Table1 td{ padding:0; }
#center #table2{}
#center #table2 th{ background-color: transparent;text-align: right; text-align: right; }
#center #table2 input#txtCollno{width: 100%;}
#center .vert_list{
	border: 1px solid #353434;
    width: 100%;
    text-align: left;
    margin-bottom: 24px;
}
#center table.vert_list tr:nth-child(odd) {
    background-color: #f7f7f7;
}
#center table.vert_list th {
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #cac9c9;
    border-bottom: 1px solid #cac9c9;
    background-color: #d1f7f7;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#center table.vert_list th:last-child {
    border-right: 0;
}
#center table.vert_list td:last-child {
    border-right: 0;
}
#center table.vert_list td {
    text-align: left;
    padding: 1.5625rem 0.5rem;
    border-top: 1px solid #cac9c9;
    border-right: 1px solid #cac9c9;
    word-break: break-all;
}

/*panel*/
#Panel1{width: 100% !important; margin-bottom: 2.5rem;}
#Panel1 .datagrid{width: 100% !important;}

/*DIVtb2 財物標售*/
#center #DIVtb2{
	background: #f6f6f6;
    border-radius: 5px;
    padding-top: 1rem;
}
#center #DIVtb2 table.table1{border:0;}
#center #DIVtb2 table.table1 td{padding:0.5rem;}
    #center #DIVtb2 table.table1 td:first-child {
        /*text-align: right;*/   /*2019.10.25 modify by @ITRI　AmySun 標案附件全部右置齊太醜了 故marked*/
        font-weight: bold;
    }
#center #DIVtb2 table.table1 table#DataGrid1{width: 75%;}
#center #DIVtb2 table.table1 table#DataGrid1 tr:first-child{background-color: #d1f7f7;}
#center #DIVtb2 table.table1 input{
    padding-left: 0.5rem;
}
#center #DIVtb2 table.table1 textarea{
	padding: 1rem 0.5rem;
    font-size: 1.0rem !important;
    font-family: "Microsoft JhengHei",Verdana,Arial;
}

/*驗證畫面*/
#center table td.text18{
	font-family: "Microsoft JhengHei",Verdana,Arial;
    padding: 0.5rem;
    font-size: 2rem;
    font-weight: bold;}
#center table td.text14 {
    font-family: "Microsoft JhengHei",Verdana,Arial;
    font-size: 1rem;
    color:inherit;
    line-height:1.5rem;
    padding:0.5rem;
}

#center table td.text14 img#img1 + div{
    border-top: 1px solid #d8d8d8;
    padding-top: 1rem;
    margin-top: 2rem;
}
/*#center table td.text14 img#img1{margin-top: 1rem;}*/

/*submit btn*/
#center input.btn_common,#center input#ctl00_ContentPlaceHolder1_btnclear,#center input#ctl00_ContentPlaceHolder1_btnqry{
	background: #fff;
    border: solid 1px #016364;
    color: #016364;
    height: 40px;
    line-height: 40px;
    padding: 0px 2.5rem;
    box-sizing: content-box;
}
#center input.btn_common:hover,#center input#ctl00_ContentPlaceHolder1_btnclear:hover,#center input#ctl00_ContentPlaceHolder1_btnqry:hover{
	background-color: #016364;
	border: 1px solid #016364;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}


/*文字藍色*/
.style3,#ctl00_ContentPlaceHolder1_lblcontact_info{
    color: #01abeb !important;
}


/*表單*/
form{background-color: #ffffff;border:0;}

/*footer*/
#footer .footer_menu{background-color: transparent;}
#footer .footer_menu > div {
    width: 80%;
    padding: 25px 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background: url(../images/sligan.svg) no-repeat center right;
}
#footer .logo {
    display: block;
    width: 300px;
    height: 81px;
    background: url(../images/itrilogo.svg) no-repeat 0 0;
    text-indent: -10000px;
}
#footer .address{ margin-left: 3rem;}
#footer .footer_menu p {
    color: #848484;
    font-size: 1rem;
    line-height: 1.125rem;
    padding: 0;
    margin-bottom: 1rem;
}