@charset "utf-8"; /* CSS Document */ @import url("reset.css"); * { margin: 0; padding: 0; } html {} a{text-decoration:none; color:#000000;} a:hover{ color:#119EB2;} body { font-family:Arial,"微軟正黑體", sans-serif; font-size:15px; line-height: 130%; background-color:#F6F6F6; } caption{ display: none;} input{font-family:Arial,"微軟正黑體", sans-serif;font-size:15px; float:none;} input[type="text"]{border:1px solid #999; background-color:#fff; height:25px; line-height:25px; padding:0 5px;} input[type="password"]{border:1px solid #999; background-color:#fff; height:25px; line-height:25px; padding:0 5px;} input[type="submit"]{border:0; } input.full{ width:98%;} input.code{border:1px solid #999; background-color:#fff; height:25px; line-height:25px; padding:0 5px; width:45px;} input.code2{border:1px solid #999; background-color:#fff; height:25px; line-height:25px; padding:0 5px; width:80px;} input.code3{width:68%;} input.code4{border:1px solid #999; background-color:#fff; height:25px; line-height:25px; padding:0 5px; width:150px;} input.btn1{ width:170px; height:30px; background:url(../images/btnbg.jpg) no-repeat; color:#fff;} input.clear{ margin-top:5px; padding:0 5px;} input.inbtn01{ width:180px; height:42px; background:url(../images/xca_btn.jpg) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff;text-shadow:1px 1px 1px #86ae1e; font-weight:bold;margin:0 5px; border:0;} input.inbtn02{ width:180px; height:42px; background:url(../images/xca_btn2.jpg) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff;text-shadow:1px 1px 1px #999; font-weight:bold;margin:0 5px;} select{font-family:Arial,"微軟正黑體", sans-serif;font-size:15px;float:none;} select.add{ width:185px;border:1px solid #999; background-color:#fff; height:25px; line-height:25px; margin-bottom:5px;} .clr{ clear:both;} .t_center{ text-align:center;} .t_left{ text-align:left;} .t_right{ text-align:right;} .f_r{ float:right;} .f_l{ float:left;} .wallpaper{ width:100%; background:url(../images/xca_border.jpg) repeat-x top center; padding-top:5px;} .header{width:1000px; margin:0 auto;height:105px;position:relative;} .header .links{ position: absolute; right:10px; top:27px; width:480px;} .header .links li{ float:left; padding-left:10px; word-spacing: 10px; } h1{ width:430px; height:105px; background:url(../images/xca_logo.jpg) no-repeat; text-indent:-9999px;} h1 a{ width:430px; height:105px; display:block;} .sr-only {position: absolute;width: 0.063rem;height: 0.063rem;padding: 0.4rem;margin: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; z-index: 1000000;color: #333; } .sr-only:active,.sr-only:focus {position: absolute;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;} /*選單*/ .nav{ height:40px; background-color:#404040; margin-bottom:20px;} .nav ul{ width:970px; margin:0 auto; position:relative; padding-left:30px;} .nav li{ float:left; width:155px; border-left:1px solid #0F0F0F; border-right:1px solid #959595; line-height:40px; text-align:center;} .nav li a{ color:#fff; display:block;} .nav li a:hover{ color:#119EB2;} .nav li.home{ background:url(../images/xca_home.jpg) no-repeat center 5px; width:50px; text-indent:-9999px;} .nav li.accesskey{ position:absolute; color:#FFF;float:none; width:15px;border-left:none; border-right:none; left:10px; z-index:33;} /*頁寬*/ .pagesize{ width:980px; margin:0 auto; padding:0 10px; padding-bottom:15px;} .index{ width:990px; margin:0 auto;padding:0 5px;padding-bottom:15px;} /*XCA簡介*/ .section p{margin-top:10px;} .section .red{ color: #C00;} /*index*/ .firstrow{ margin-bottom:20px;} .frequentlink{ width:185px; border:1px solid #A0A0A0; background-color:#fff; float:left; position:relative; margin-left:5px;} .frequentlink h2{ background-color:#5786BE; color:#fff; line-height:42px; height:42px; font-size:16px; font-weight:normal; text-indent:15px;} .frequentlink li{ border-bottom:1px solid #CACACA;} .frequentlink li:last-child{ border-bottom:none;} .frequentlink li a{ display:block; padding:6px 5px; padding-right:15px} .frequentlink li a:hover{background-color:#efefef;} .bigbanner{ float:right; width:780px; height:265px; border:1px solid #A0A0A0; margin-right:5px;} .secondrow{ margin-bottom:15px;} .secondrow li{ float:left; width:165px; height:135px; margin:0 6px 0 5px;border:1px solid #A0A0A0; background-color:#fff; padding:10px; position:relative;} .secondrow li h3{ font-weight:bold;} .secondrow li .btn{ width:103px; height:28px; position:absolute; bottom:10px; left:10px;} .secondrow li .btn a{ width:103px; height:28px; display:block;} .secondrow li .btn span{ display:none;} .secondrow li.work01{ background:url(../images/work01.jpg) no-repeat right bottom;background-color:#fff;} .secondrow li.work01 h3{ color:#f95561} .secondrow li.work01 .btn{ background: url(../images/wbtn01.jpg) no-repeat;} .secondrow li.work02{ background:url(../images/work02.jpg) no-repeat right bottom;background-color:#fff;} .secondrow li.work02 h3{ color:#8ac500} .secondrow li.work02 .btn{ background: url(../images/wbtn02.jpg) no-repeat;} .secondrow li.work03{ background:url(../images/work03.jpg) no-repeat right bottom;background-color:#fff;} .secondrow li.work03 h3{ color:#ff9900} .secondrow li.work03 .btn{ background: url(../images/wbtn03.jpg) no-repeat;} .secondrow li.work04{ background:url(../images/work04.jpg) no-repeat right bottom;background-color:#fff;} .secondrow li.work04 h3{ color:#4889ed} .secondrow li.work04 .btn{ background: url(../images/wbtn04.jpg) no-repeat;} .secondrow li.work05{ background:url(../images/work05.jpg) no-repeat right bottom;background-color:#fff;} .secondrow li.work05 h3{ color:#aa80cb} .secondrow li.work05 .btn{ background: url(../images/wbtn05.jpg) no-repeat;} .thirddrow { padding:0 5px;} .thirddrow .news{ width:710px; float:left;} .thirddrow h4{background:url(../images/xca_titbg.jpg) repeat-x; border:1px solid #C7CCCF; text-indent:15px; height:34px; line-height:34px; color: #333; font-size:15px; margin-bottom:15px;} .thirddrow .news h5{ font-size:18px; color:#4a7fc1; font-weight:bold; } .thirddrow .news .date{ font-size:13px; color:#999; line-height:30px;} .thirddrow .news .txt{border-bottom:1px solid #ccc; line-height:25px; margin-bottom:10px; font-weight:bold; padding-bottom:10px;} .thirddrow .news .list li{ background:url(../images/xca_li.jpg) no-repeat 5px 5px; margin:10px 0; padding-left:20px;} .thirddrow .news .list li a{ color:#F60} .thirddrow .news .appliance{ width:710px; border-bottom:1px solid #C3C3C3;border-top:1px solid #C3C3C3; background-color:#fff;} .thirddrow .news .appliance li{ float:left; height:95px; width:88px; font-size:18px;padding-left:80px;} .thirddrow .news .appliance li.a00{ background:url(../images/appliance00.jpg) no-repeat center center;width:34px;background-color:#34B9CA; padding-left:0;} .thirddrow .news .appliance li.a00 span{ display:none;} .thirddrow .news .appliance li.a01{ background:url(../images/appliance01.jpg) no-repeat; line-height:95px; border-right:1px solid #C3C3C3;} .thirddrow .news .appliance li.a02{ background:url(../images/appliance02.jpg) no-repeat;border-right:1px solid #C3C3C3;padding-top:30px;height:65px;} .thirddrow .news .appliance li.a03{ background:url(../images/appliance03.jpg) no-repeat;border-right:1px solid #C3C3C3;padding-top:20px;height:75px;} .thirddrow .news .appliance li.a04{ background:url(../images/appliance04.jpg) no-repeat;border-right:1px solid #C3C3C3;padding-top:30px;height:65px;} /*新手上路*/ .newuser{ float:right; width:250px;} .newuser li{ width:250px; height:96px; margin-bottom:7px;} .newuser li a{ width:250px; height:96px; display:block;} .newuser li span{ display:none;} .newuser li.n00{ background:url(../images/newuser00.jpg) no-repeat} .newuser li.n01{ background:url(../images/newuser01.jpg) no-repeat} .newuser li.n02{ background:url(../images/newuser02.jpg) no-repeat} .newuser li.n03{ background:url(../images/newuser03.jpg) no-repeat} .newuser li.n04{ background:url(../images/newuser04.jpg) no-repeat} /*次選單*/ .sub{ width:175px; border:1px solid #A0A0A0; background-color:#fff; float:left; position:relative;} .sub .accesskey{ position:absolute; top:-20px;} .sub h2{ background-color:#404040; color:#fff; line-height:36px; height:36px; font-size:16px; font-weight:normal; text-indent:15px;} .sub li{ border-bottom:1px solid #CACACA;} .sub li:last-child{ border-bottom:none;} .sub li a{ display:block; padding:10px 5px; padding-right:15px} .sub li a:hover{ color:#fff; background:url(../images/arrow.jpg) no-repeat 5px; background-color:#119EB2;} .sub li.select{ color:#fff; background:url(../images/arrow.jpg) no-repeat 5px; background-color:#119EB2;} .sub li.select a{ color:#fff;} /*右側內容區*/ .content{ float:right; width:785px; position: relative; min-height:350px;} .content .accesskey{ position:absolute; top:-20px;} .content p{ line-height:24px; padding:0 15px;} .content p a{color:#119EB2} .content h3{ background:url(../images/xca_tit.jpg) no-repeat; border-bottom:2px solid #F18C00; text-indent:35px; height:34px; line-height:34px; color:#F18C00; font-size:23px; margin:10px 0;} .content h4{background:url(../images/xca_titbg.jpg) repeat-x; border:1px solid #C7CCCF; text-indent:15px; height:34px; line-height:34px; color: #333; font-size:15px; margin-bottom:10px; position:relative;} .content h4 p{ position: absolute; top:0; left:140px; color:#F90; padding:0; margin:0; height:34px; line-height:34px;} .content h5{ font-size:15px; margin-bottom:5px; } .content .note{border:1px solid #C00; padding:10px;color: #C00; font-size:15px; margin-bottom:10px; background-color:#fff;} .section{ margin-bottom:15px;} /*按鈕區*/ .btnset{ width:570px; margin:10px auto; text-align:center;} .btnset4{ width:760px; margin:5px auto; text-align:center;} .btnset .btn{ width:202px; height:42px; background:url(../images/xca_btn.jpg) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff;text-shadow:1px 1px 1px #86ae1e; font-weight:bold; margin:0 auto;} .btnset .btn a{ width:202px; height:42px; display:block; color:#fff;text-shadow:0px 0px 5px #86ae1e;} .btnset .btn a:hover{color:#119EB2;text-shadow:0px 0px 0px #86ae1e;} .btnset .btn2{ width:270px; height:42px; background:url(../images/xca_btn-long.jpg) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff;text-shadow:1px 1px 1px #86ae1e; font-weight:bold; margin:0 auto;} .btnset .btn2 a{ width:270px; height:42px; display:block; color:#fff;text-shadow:0px 0px 5px #86ae1e;} .btnset .btn2 a:hover{color:#119EB2;text-shadow:0px 0px 0px #86ae1e;} .btnset .tips{ color:#c00; font-size:13px; margin-top:5px;} .btnset .tips2{font-size:18px;margin-top:5px;} .btnset .tips2 a{color:#119EB2;} .btnset2{ width:450px;} .btnset .btn01{ width:180px; height:42px; background:url(../images/xca_btn2.jpg) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff;text-shadow:1px 1px 1px #86ae1e; font-weight:bold; margin:0 5px;} .btnset .btn01 a{ width:180px; height:42px; display:block; color:#fff;text-shadow:1px 1px 5px #666;} .btnset .btn01 a:hover{color:#119EB2;text-shadow:0px 0px 0px #666;} .btnset .btn02{ width:180px; height:42px; background:url(../images/xca_btn.jpg) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff;text-shadow:1px 1px 1px #86ae1e; font-weight:bold; margin:0 5px;} .btnset .btn02 a{ width:180px; height:42px; display:block; color:#fff;text-shadow:0px 0px 2px #333;} .btnset .btn02 a:hover{color:#333;text-shadow:0px 0px 0px #333;} .btnset .btn03{ width:180px; height:42px; background:url(../images/xca_btn.jpg) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff;text-shadow:1px 1px 1px #86ae1e; font-weight:bold;margin:0 5px;} .btnset .btn03 a{ width:180px; height:42px; display:block; color:#fff;text-shadow:0px 0px 2px #333;} .btnset .btn03 a:hover{color:#333;text-shadow:0px 0px 0px #333;} .btnset .btn04{ width:180px; height:42px; background:url(../images/xca_btn.jpg) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff;text-shadow:1px 1px 1px #86ae1e; font-weight:bold; margin-right:10px;} .btnset .btn04 a{ width:180px; height:42px; display:block; color:#fff;text-shadow:0px 0px 2px #333;} .btnset .btn04 a:hover{color:#333;text-shadow:0px 0px 0px #333; } .btnset .last{ margin-right:0;} .btn_speaker{ width: 30px; height: 30px; margin-right: 20px; cursor:pointer; border: 0} .btn_speaker img { max-width:100%; vertical-align: middle; } /*single btn*/ .openbtn { width: 170px; height: 30px; background: url(../images/btnbg.jpg) no-repeat; color: #fff; text-align: center; line-height: 30px; float: left; margin-left: 10px; } .openbtn a{width:170px; height:30px;color:#fff; display:block;} /*下載按鈕*/ .download01{ width:112px; height:28px; line-height:28px; text-align:center; color:#fff; background:url(../images/dwonload01.jpg) no-repeat;} .download01 a{ width:112px; height:28px; display:block;color:#fff;} .download01 a:hover{ color:#333;} .download02{ width:112px; height:28px; line-height:28px; text-align:center; color:#fff; background:url(../images/dwonload02.jpg) no-repeat;} .download02 a{ width:112px; height:28px; display:block;color:#fff;} .download02 a:hover{ color:#333;} /*路徑*/ .route { color:#898989;} .route a{ color:#898989;} .route span{ color:#4a7fc1;} /*表格設定*/ .tabstyle{ border-top:1px solid #ccc;border-left:1px solid #ccc; margin:10px 0;} .tabstyle th{ padding:10px; background-color:#a0a0a0; color:#fff; text-align:center;} .tabstyle td{ padding:10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} .tabstyle p{ line-height:24px; padding:0px; margin-top:0;} .tabstyle .red{ color:#C00; font-size:13px;} .tabstyle .tips{ color:#C00; font-size:13px;} .tabstyle .point{ color:#C00; } .tabstyle .add a{ color:#119EB2; font-size:12px;} .tabstyle .codetxt{ font-size:13px;} .tabstyle2{ border-top:1px solid #ccc;border-left:1px solid #ccc; margin:10px 0;} .tabstyle2 th{ padding:10px; background-color:#a0a0a0; color:#fff; border-bottom:1px solid #ccc;} .tabstyle2 td{ padding:10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} .tabstyle2 p{ line-height:24px; padding:0px;margin-top:0;} .tabstyle2 .work{ color:#4a7fc1;} .tabstyle2 .notwork{ color:#de4c84;} .tabstyle3{ border-top:1px solid #ccc;border-left:1px solid #ccc; margin:10px 0; background-color:#FFF} .tabstyle3 th{ padding:5px; background-color: #666; color: #fff; border-bottom:1px solid #ccc; text-align:center} .tabstyle3 td{ padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} .tabstyle3 tr.color01{ background-color: #F2F2F2} .tabstyle3 tr.color02{ background-color: #E3E3E3} .tabstyle .vertical{ vertical-align : middle } /*步驟圖*/ .step { } .step .stepimg{height:150px; text-indent:-9999px;} .step .point{ color:#C00;} /*正卡*/ .step .step01a{ background:url(../images/xca_step01a.jpg) no-repeat; } .step .step01{ background:url(../images/xca_step01.jpg) no-repeat; } .step .step02{ background:url(../images/xca_step02.jpg) no-repeat; } .step .step03{ background:url(../images/xca_step03.jpg) no-repeat; } .step .step04{ background:url(../images/xca_step04.jpg) no-repeat; } .step .step05{ background:url(../images/xca_step05.jpg) no-repeat; } .step .step06{ background:url(../images/xca_step06.jpg) no-repeat; } /*附卡*/ .step .bstep01{ background:url(../images/b_step01.jpg) no-repeat; } .step .bstep02{ background:url(../images/b_step02.jpg) no-repeat; } .step .bstep03{ background:url(../images/b_step03.jpg) no-repeat; } .step .bstep04{ background:url(../images/b_step04.jpg) no-repeat; } .step .bstep05{ background:url(../images/b_step05.jpg) no-repeat; } .step .bstep06{ background:url(../images/b_step06.jpg) no-repeat; } /*非IC卡*/ .step .cstep01{ background:url(../images/c_step01.jpg) no-repeat; } .step .cstep02{ background:url(../images/c_step02.jpg) no-repeat; } .step .cstep03{ background:url(../images/c_step03.jpg) no-repeat; } .step .cstep04{ background:url(../images/c_step04.jpg) no-repeat; } .step .cstep05{ background:url(../images/c_step05.jpg) no-repeat; } .step .cstep06{ background:url(../images/c_step06.jpg) no-repeat; } /*IC卡*/ .step .dstep01{ background:url(../images/d_step01.jpg) no-repeat; } .step .dstep02{ background:url(../images/d_step02.jpg) no-repeat; } .step .dstep03{ background:url(../images/d_step03.jpg) no-repeat; } .step .dstep04{ background:url(../images/d_step04.jpg) no-repeat; } .step .dstep06{ background:url(../images/d_step06.jpg) no-repeat; } /*申請憑證*/ .step .estep01{ background:url(../images/e_step01.jpg) no-repeat; } .step .estep02{ background:url(../images/e_step02.jpg) no-repeat; } .step .estep03{ background:url(../images/e_step03.jpg) no-repeat; } .step .estep04{ background:url(../images/e_step04.jpg) no-repeat; } .step .estep05{ background:url(../images/e_step05.jpg) no-repeat; } .step .estep06{ background:url(../images/e_step06.jpg) no-repeat; } /*step 選取卡片類別*/ .step .selectbox li{ float: left; list-style:none; margin-right:10px; padding-left:15px;} .step .selectbox li input{ vertical-align:middle;} /*安全保密函step*/ .voucherstep{ background: url(../images/stepbg.jpg) no-repeat; width:785px; height:220px;} .voucherstep li{ width:130px; height:170px; float:left; margin:40px 14px 0 14px ;} .voucherstep li a{color:#119EB2;} .voucherstep li.last{ margin-right:0;} /*查詢條件*/ .condition{ border-top:1px solid #ccc;} .condition li{ width:450px; float:left; text-align:center; padding:20px 10px;} /*輸入憑證*/ .cardinput{ border-top:1px solid #ccc; padding:15px 0; text-align:center;} .cardinput2{padding:15px 0; text-align:center;} /*說明樣式*/ .notetxt{ padding:10px; background-color:#e9e9e9; margin-bottom:15px;} /*成功訊息*/ .successbox{ border:1px solid #5687C2; margin-bottom:20px; text-align:center; line-height:20px;padding:10px 0;} .successbox .number{ font-size:18px; padding-top:10px; color:#de4c84;} /*注意事項列表*/ .tips li{ list-style:decimal; padding:5px 0px;padding-right:15px;margin-left:35px;} .tips li a{ color:#119EB2;} .tips li span{ color:#de4c84;} .tips li span.point{ color:#C00;} .tips li.point{ color:#C00;} /*列表有底線樣式*/ .style{} .style li{ list-style: none; padding:15px 15px;margin:0;margin-left:15px; background:url(../images/xca_li.jpg) no-repeat 0 18px; border-bottom:1px solid #ccc; } .style li span{ color:#C00;} .style li a{color:#119EB2;} .style li .tit{ font-weight:bold; color:#C00;} /*列表無底線樣式*/ .style2{} .style2 li{ list-style: none; padding:10px 15px;margin:0;margin-left:15px; background:url(../images/xca_li.jpg) no-repeat 0 15px;} .style2 li span{ color:#de4c84;} .style2 li a{color:#119EB2;} /*數字列表*/ .style4{} .style4 li{ list-style:decimal; padding:5px 0px;padding-right:15px;margin-left:35px; background:none; border-bottom:0;} .style4 li a{ color:#119EB2;} /*查詢結果列表*/ .results{} .results li{ padding:8px 10px;} .results li:nth-child(even){ background-color:#e5e5e5;} /*主管機關列表*/ .officelist{ padding:10px 0;} .officelist li{ width:16%; float:left; text-align:center; border-right:1px solid #ccc; padding:10px 0;} /*other*/ .oidsearch{ width:500px; margin:0 auto;} .success{ text-align:center; padding:20px;} .success span{ font-size:20px; color:;} .topline{ border-top:1px solid #ccc;} /*列表無底線無點點樣式*/ .style3{ text-align:justify;} .style3 li{ list-style: none; padding:5px 15px;margin:0;} .style3 li span{ color:#de4c84;} .style3 li a{color:#119EB2;} /*年分選擇*/ .year{ border:1px solid #4a7fc1; margin-bottom:15px;} .year li{ float:left; padding:10px; text-align:center; width:85px;} .year li.select{ background-color:#4a7fc1; color:#fff;} .year li.select a{ color:#fff;} /*特別樣式框*/ .spbox{ border:1px solid #4a7fc1; border-top:3px solid #4a7fc1; padding:15px; margin:10px 0;} .spbox h5{ border-bottom:1px dashed #4a7fc1; padding-bottom:10px;color:#4a7fc1;} .spbox a{ color:#4a7fc1;} /*另開頁面CSS*/ .newpage{ width:800px; margin:0 auto; padding:20px 0;} .newpage h3{ background:url(../images/xca_tit.jpg) no-repeat; border-bottom:2px solid #F18C00; text-indent:35px; height:34px; line-height:34px; color:#F18C00; font-size:23px; margin:10px 0;} /*表單與資料下載*/ .formbox{ border:1px solid #4a7fc1; border-top:3px solid #4a7fc1; padding:15px; margin:10px 0; position:relative;} .formbox .icon{ position:absolute; right:10px; top:10px; } .formbox .icon li{width:90px; height:24px; float:right; margin-left:10px;} .formbox .icon li span{ visibility:hidden;} .formbox .icon li a{width:90px; height:24px; display:block;} .formbox .icon li.pdf{ background:url(../images/pdficon.jpg) no-repeat;} .formbox .icon li.word{ background:url(../images/wordicon.jpg) no-repeat;} .formbox .icon li.excel{ background:url(../images/excelicon.jpg) no-repeat;} .formbox .icon li.zip{ background:url(../images/zipicon.jpg) no-repeat;} .formbox .icon li.ie{ background:url(../images/ie.jpg) no-repeat;} .formbox .icon li.card{ background:url(../images/card.jpg) no-repeat;} .formbox .icon li.key{ background:url(../images/key.jpg) no-repeat;} .formbox h5{ border-bottom:1px dashed #4a7fc1; padding-bottom:10px;color:#4a7fc1; padding-right:200px;} .formbox a{ color:#4a7fc1;} .formbox .twodown{ margin-top:15px;} .formbox .pzip{width:90px; height:24px;margin-left:10px;background:url(../images/zipicon.jpg) no-repeat; float:left} .formbox .pzip a{width:90px; height:24px; display:block;} .formbox .pzip span{ visibility:hidden;} /*簽發統計資料*/ .statistics{ width:380px; margin-top:15px;} .statistics h5{ color:#4C7FC1; font-size:16px; font-weight:bold;} .statistics .card{ color:#000; font-weight:bold;} .statistics .blu{ color:#6fa3eb;} .statistics .pink{ color:#f15f77;} .statistics .box{ border:1px solid #4C7FC1; border-top:2px solid #4C7FC1;} .statistics .box .tit{ padding:5px; text-align:center; border-bottom:1px solid #ccc;} .statistics .box .tit p{ padding:0; margin:0;} .statistics .box td{ padding:10px 5px;} .statistics .box tr.bg{ background-color:#E5E5E5} .statistics .box td li{ background:url(../images/xca_li.gif) no-repeat 5px; padding-left:20px;} .statistics .box .noic{ } .statistics .box .noic li{background:url(../images/xca_li.gif) no-repeat 5px;padding:10px; padding-left:20px;} .statistics .box .noic li span{color:#6fa3eb;} .statistics .box .noic li:nth-child(even){background-color:#E5E5E5} /*憑證相關系統*/ .voucher{ width:145px; margin:15px auto;} .voucher h5{ padding-top:10px; color:#4a7fc1;} /*FAQ*/ .faq h4{ position:relative;} .faq h4 span{ position: absolute; right:5px;} .faq h4 span a{color:#119EB2;} .faq .aa{ margin-top:5px; background-color:#efefef; padding:10px 10px 0 10px;text-align:justify;} .faq .aa p{ margin:0; padding:0; padding-bottom:10px;} .faq .aa table{ border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#fff;} .faq .aa td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px;} .faq .aa th{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background-color:#efefef; text-align:center;} /*sitemap*/ .sitemap{} .sitemap ol li{ border-bottom:1px solid #ccc; padding:10px 0;} .sitemap ol li h5{ float:left; font-size:20px; font-weight:bold; width:220px;margin-bottom:0;} .sitemap ol li h5.color1{ color:#b28850; } .sitemap ol li h5.color2{ color:#fb7c00; } .sitemap ol li h5.color3{ color:#e4b807; } .sitemap ol li h5.color4{ color:#89bb1d; } .sitemap ol li h5.color5{ color:#42ad68; } .sitemap ol li h5.color6{ color:#3cc4af; } .sitemap ol li h5.color7{ color:#5997cc; } .sitemap ol li h5.color8{ color:#6f86d2; } .sitemap ol li h5.color8 a{ color:#6f86d2; } .sitemap ol li h5.color9{ color:#9d8ddc; } .sitemap ol li h5.color9 a{ color:#9d8ddc; } .sitemap ol li h5.color10{ color:#b278be; } .sitemap ol li h5.color10 a{ color:#b278be; } .sitemap ol li h5.color11{ color:#e12a85; } .sitemap ol li h5.color11 a{ color:#e12a85; } .sitemap ol li h5.color12{ color:#e12a51; } .sitemap ol li h5.color12 a{ color:#e12a51; } .sitemap ol li h5.color13{ color:#ff0202; } .sitemap ol li h5.color13 a{ color:#ff0202; } .sitemap ul{ float:left;} .sitemap ul li{ border-bottom:none;font-size:15px; padding:0;padding-bottom:5px;} /*print*/ .printarea{ width:785px; margin:0 auto; padding-top:10px;} .printarea ul{ border-bottom:1px dashed #ccc;margin:20px 0;} .printarea li{ font-size:16px; font-weight:bold; margin:10px 0;} .printarea h2{margin-bottom:10px;} .printarea h4{background:url(../images/xca_titbg.jpg) repeat-x; border:1px solid #C7CCCF; text-indent:5px; height:34px; line-height:34px; color: #F00; font-size:14px; font-weight:none; margin:10px 0; } .printarea table{ margin:0; margin-bottom:10px;} .printarea th{ border-bottom:1px solid #A0A0A0; border-right:1px solid #A0A0A0; padding:0;} .printarea .tips{ text-align:center;font-size:15px;} .printarea .tips p{ margin:3px 0;} .printarea .tips strong{ font-weight:bold;} .printarea .tips .red{color: #F00;} /*快速連結*/ .linkarea{ width:100%; background-color:#fff; border-top:2px solid #E3E3E3; padding:20px 0;} .linkarea p{ line-height:18px;} .linkarea .title{ font-size:18px; margin-bottom:5px; font-weight: bold;} .linkarea .c01{ color:#00a7bc;} .linkarea .c02{ color:#87c600;} .linkarea .c03{ color:#5785be;} .linkarea .c04{ color:#009dd7;} .linkarea p{ padding:5px 0;} .linkarea ul{ width:1000px; margin:0 auto;} .linkarea ul li{ width:225px; float:left; color:#666;margin-left:10px; position:relative; } .linkarea ul li .accesskey{ position:absolute; top:-20px;} .linkarea ol li{padding:5px 0; margin-left:0;} .linkarea .contact{ color:#009dd7} .linkarea .contact a{ color:#009dd7} .linkarea .company{ font-size:13px;} .footer{ display: flex; align-items: center; justify-content: center; background-color:#4A7FC1; height:60px; text-align:center; color:#fff; } .footer a{color:#fff; margin:0 5px;} .footer a:hover{color:#D1DFEF;} .footer a#accessibility-badge{ margin-right: 30px; } /*無障礙tab時提示邊框*/ @keyframes accessible-hint { 0% { outline: 3px dotted red; } 50% { outline: 3px dotted transparent; } } a:focus, button:focus, input:focus, select:focus { outline: 3px dotted red; animation-name: accessible-hint; animation-duration: 1.8s; animation-iteration-count: infinite; animation-timing-function: linear; } /* 不支援JavaScript時,