@charset "utf-8";
/* CSS Document */
/*img,object,embed,video{max-width:100%}
.ie6 img{width:100%}*/
/*中華民國地下管道技術協會 CSS Document */


body {font:13pt "微軟正黑體";color:#7d7d7d;line-height:20px;/*font-size:13px;font-size:small;*font:x-small;font-size:10pt;font-style:normal;font-weight:normal;font-family:Verdana, Geneva, sans-serif;*/}
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, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;}

input[type=radio], input[type=checkbox] {padding:0;margin:0;}
input[type=hidden]{display:none !important;}
button {cursor:pointer;overflow:visible;}
button:-moz-focus-inner {border:none;}
ol, ul {list-style:none;}
img{border:none; width: auto;max-width: 100%; height: auto;}
a {text-decoration:none;}
blockquote {quotes:none;}
blockquote:before, blockquote:after {content:'';content:none;}
:focus {outline: 0;}
ins {text-decoration:none;}
a,a:hover{text-decoration:none;}
/*table {border-collapse:collapse;border-spacing:0;}*/
#hidden{position:absolute;width:0px;height:0px;z-index:1}
#backbutton{position:absolute;width:72px;height:30px;z-index:100;left:900px;top:-50px;}
.clear{clear: both;}

.Pline01{background:#e5e5e5;height:1px;line-height:1px;font-size:0px;overflow:hidden;}
.Pline02{background:#e5e5e5;height:1px;line-height:1px;margin:15px 0;font-size:0px;overflow:hidden;}
.Pline03{clear: both;background:#303030;height:1px;line-height:1px;font-size:0px;margin-top:50px;overflow:hidden;}

.Hespace{height:1px;width:1px;padding-top:50px;clear:both;}

.red{color:#FF0000;font:10.5pt "微軟正黑體";font-weight:500;padding:0.2em 0;}
.pB{font:11pt "微軟正黑體";}
.pM{font:10pt "微軟正黑體";}
.pS{font:9pt "微軟正黑體";}
.pl{font:8pt "微軟正黑體";}

a{color:#4F4F4F;}
a:hover{color:#ff6600;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

select ,option {font:11pt "微軟正黑體";}
.gray_block{background:#f1f1f1 ;padding:calc(20%/2);width:auto;color:#ff0000;font:13pt "微軟正黑體";font-weight:700;line-height:30px;text-align:center;}
.gray_block01{background:#f1f1f1 ;padding:calc(10%/2);width:auto;color:#000000;font:13pt "微軟正黑體";font-weight:500;line-height:30px;}

/*search*/
/*.search{width:165px;font:12px Arial;height:30px;line-height:30px;float:right;}
.search01{width:165px;font:12px Arial;height:30px;line-height:30px;float:right;}
.search li{float:left;display:block;}
.search .left {width:848px;display:block;text-align:left;}
.search .right{width:152px;}*/

.btn-select{font:10pt "微軟正黑體";font-weight:500;position:relative;display:inline-block;width:150px;height:22px;line-height:22px;border:1px #bbbbbb solid;background-color:#ffffff;color:#888888;}
.btn-select .cur-select{position:absolute;display:block;width:150px;height:22px;line-height:22px;background:#ffffff url(../Nimages/drow_arrow.jpg) no-repeat 130px center;text-indent:10px}
.btn-select:hover .cur-select{background-color:#ffffff}
.btn-select select{position:absolute;top:0;left:0;width:150px;height:22px;line-height:22px;opacity:0;filter:alpha(opacity: 0;);color:#888888}
.btn-select select option{text-indent:10px}
.btn-select select option:hover{background-color:#c1c1c1;color:#888888}

/*.input{border:1px #c9caca solid;background:#f8f8f8;padding:3px;height:20px;}
*/
/*button*/
.buttonst a{font:13pt "微軟正黑體";font-weight:700;background:#666;color:#ffffff;display:inline-block;padding:0.4em 1.5em; text-align:center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.buttonst a:hover{background:#000000;color:#ffffff;}

/*#backbu a{width:87px;height:33px;background:#666;color:#ffffff;display: block;text-align:center;line-height:33px;}
#backbu a:hover{width:87px;height:33px;background:#1d50a3;color:#ffffff;display: block;text-align:center;line-height:33px;}
.backbu a:hover{width:87px;height:33px;background:#000000;color:#ffffff;display: block;text-align:center;line-height:33px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
*/
#backbu_red a{width:87px;height:33px;background:#ff0011;color:#ffffff;display: block;text-align:center;line-height:33px;}
#backbu_red a:hover{width:87px;height:33px;background:#c20005;color:#ffffff;display: block;text-align:center;line-height:33px;}

#searchst{width:96%;padding:2% 2%;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background:#E7E7E7;}

/*searchsp*/
.spnews_searchst{width:80%;height:auto;display:inline-block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background:#E7E7E7;padding:0.7em 1.2em 1.3em 1.2em;margin:2em 0;}
.spnews_searchst .news_search{position:absolute;/*right:0;top:2em;*/margin:0 auto;font-weight:700;}
.spnews_searchbu03 a{font:11pt "微軟正黑體";background:#3b9300 url(../Nimages/search.svg) no-repeat center center;color:#ffffff;display: inline-block;text-align:center;padding:0.4em 1em;margin:0 1em;background-size:18px;height:30px;width:30px;}
.spnews_searchbu03 a:hover{background:#2e6533 url(../Nimages/search.svg) no-repeat center center;color:#000000;display: inline-block;text-align:center;background-size:18px;height:30px;width:30px}


/*search*/

.news_searchst{width:calc(100%-2.4em);height:auto;/*padding:3% 2% 0 2%;*/border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background:#E7E7E7;padding:0.8em 1.2em 0em 1.2em;margin:2em 0}
.news_searchst .news_search{width:100%;display:inline-block;margin:0 auto;font-weight:700;}
.news_searchst .news_search .inpu{width:100%;display:inline-block;color:#000000;}
.news_searchst .news_search .inpu .input{width:60%;border:0px solid #DDDDDD;padding:0.2em 0.5em;font:12pt "微軟正黑體";margin:0 0.7em}
@media only screen and (max-width: 385px) {
.news_searchst .news_search .inpu .input{width:40%;border:0px solid #DDDDDD;padding:0.2em 0.5em;font:12pt "微軟正黑體";margin:0 0.7em}

}

.news_searchst .news_search .news_searchbu a{font:11pt "微軟正黑體";width:60px;height:32px;background:#f85800 url(../Nimages/search.svg) no-repeat center center;color:#ffffff;display:inline-block;text-align:center;padding:0.4em 1em;background-size:18px;height:18px;width:18px;border:none;cursor:pointer;}
.news_searchst .news_search .news_searchbu a:hover{width:60px;height:32px;background:#662400 url(../Nimages/search.svg) no-repeat center center;color:#ffffff;display:inline-block;text-align:center;padding:0.4em 1em;background-size:18px;height:18px;width:18px;}

.news_searchst .news_search .news_searchbu01 a{font:11pt "微軟正黑體";width:60px;height:32px;background:#0d5fb3 url(../Nimages/search.svg) no-repeat center center;color:#ffffff;display:inline-block;text-align:center;padding:0.4em 1em;background-size:18px;height:18px;width:18px;border:none;cursor:pointer;}
.news_searchst .news_search .news_searchbu01 a:hover{width:60px;height:32px;background:#073d74 url(../Nimages/search.svg) no-repeat center center;color:#ffffff;display:inline-block;text-align:center;padding:0.4em 1em;background-size:18px;height:18px;width:18px;}

.news_searchst .news_search .news_searchbu02 a{font:11pt "微軟正黑體";width:60px;height:32px;background:#3b9300 url(../Nimages/search.svg) no-repeat center center;color:#ffffff;display:inline-block;text-align:center;padding:0.4em 1em;background-size:18px;height:18px;width:18px;border:none;cursor:pointer;}
.news_searchst .news_search .news_searchbu02 a:hover{width:60px;height:32px;background:#2e6533 url(../Nimages/search.svg) no-repeat center center;color:#ffffff;display:inline-block;text-align:center;padding:0.4em 1em;background-size:18px;height:18px;width:18px;}

.news_searchst .news_search .news_searchbu03 a{font:11pt "微軟正黑體";width:60px;height:32px;background:#3b9300 url(../Nimages/search.svg) no-repeat center center;color:#ffffff;display:inline-block;text-align:center;padding:0.4em 1em;background-size:18px;height:18px;width:18px;border:none;cursor:pointer;}
.news_searchst .news_search .news_searchbu03 a:hover{width:60px;height:32px;background:#2e6533 url(../Nimages/search.svg) no-repeat center center;color:#ffffff;display:inline-block;text-align:center;padding:0.4em 1em;background-size:18px;height:18px;width:18px;}

/*page*/
#pagecount{width:auto;margin:0 0.2em;font:12pt "微軟正黑體";padding:1.5em 0 1.5em 0;/*border-top:1px #bfbfbf solid;*/color:#ff6600;font-weight:700;}
#pagecount a{color:#A6A6A6;cursor:pointer;margin:0 0.2em;}
#pagecount a:hover{color:#7F7F7F;cursor:pointer;margin:0 0.2em;}



/*#pagecount .Cover{padding:0.1em 0.5em;margin:0 0.2em;color:#ffffff;background:#ff6600;display:inline-block;}
#pagecount .Cout a{color:#515151;padding:0.1em 0.5em;margin:0 0.2em;background:#A2A2A2;display:inline-block;cursor:pointer;}
#pagecount .Cout a:hover{color:#f4f4f4;padding:0.1em 0.5em;margin:0 0.2em;background:#000000;display:inline-block;cursor:pointer;}
*/
.member_button{width:100%;overflow:hidden;padding: 0; text-align: center;}
.member_button01{width:100%;overflow:hidden;padding: 0; text-align: right;}
.member_button02{width:100%;overflow:hidden;padding: 0; text-align: left;}

.member_button #backbu a{font:13pt "微軟正黑體";font-weight:700;width:auto;padding:0.5em 2em;background:#666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button #backbu a:hover{width:auto;padding:0.5em 2em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button #backbu_circle a{font:13pt "微軟正黑體";font-weight:700;padding:1vw 5vw;background:#666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.member_button #backbu_circle a:hover{padding:1vw 5vw;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

/*@media only screen and (max-width: 479px) {
	
.member_button #backbu a{font:13pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.8em;background:#666666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button #backbu a:hover{width:auto;height:auto;padding:0.8em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
	
}*/


/*next _ pre*/
.NP_button{width:100%;overflow:hidden;padding: 0; text-align: center;}
.NP_button #backbu a{font:11.5pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.3em 2em;border:1px solid #666;background:#fff;color:#666;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.NP_button #backbu a:hover{width:auto;height:auo;padding:0.3em 2em;background:#000000;color:#ffffff;border:1px solid #000;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}


/*circle_l*/
.CNP_button_l{width:100%;overflow:hidden;padding: 0; text-align: center;}
a .CNP_button_l #backbu {vertical-align:middle;background:#BCBCBC url(../Nimages/arrow.svg) no-repeat center center;background-size:30px;height:31px;width:31px;display: inline-block;text-indent:-9999px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
a:hover .CNP_button_l #backbu {vertical-align:middle;background:#ff6600 url(../Nimages/arrow.svg) no-repeat center center;background-size:30px;height:31px;width:31px;display: inline-block;text-indent:-9999px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

/*circle_r*/
.CNP_button_r{width:100%;overflow:hidden;padding: 0; text-align: center;}
a .CNP_button_r #backbu {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);vertical-align:middle;background:#BCBCBC url(../Nimages/arrow.svg) no-repeat center center;background-size:30px;height:31px;width:31px;display: inline-block;text-indent:-9999px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
a:hover .CNP_button_r #backbu {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);vertical-align:middle;background:#ff6600 url(../Nimages/arrow.svg) no-repeat center center;background-size:30px;height:31px;width:31px;display: inline-block;text-indent:-9999px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

.dotted_line{float:left;width:100%;font:7pt Arial;height:auto !important;margin-bottom:10px;background-image: linear-gradient(to right, #333 40%, rgba(51, 51, 51, 0) 40%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:10px;}
.solid_line{float:left;width:100%;font:7pt Arial;height:auto !important;margin-bottom:10px;background-image: linear-gradient(to right, #c0c0c0 40%, rgba(192, 192, 192, 1) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:10px;}