/*!

 */
body {
  
  font-family: 'Helvetica', 'Arial', 'HeitiTC', 'Microsoft JhengHei', sans-serif !important;
  line-height:1.5;
  margin: 0; 
  letter-spacing:0.1rem;
  word-break:normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: 'Helvetica', 'Arial', 'HeitiTC', 'Microsoft JhengHei', sans-serif !important;
 word-break:normal;
}

h1{
	font-size:2em;
	margin-block-start: 0em;
	margin-block-end: 0em;
 }
h2{
	font-size:1.95em;
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}
h3{
	font-size:1.2em;
}
p {
  line-height: 2;
  margin:0 0 2.5rem 0;
  letter-spacing:0.1rem;
}
:focus
{
    outline:#FA8000 dashed medium;
}
a{
	text-decoration: none;
	color:#3B3B3B;
	/*font-weight: bold;*/
}
a:focus
{
    outline:#FA8000 dashed medium;
}
a:hover{
	color:#0F55A7;  /*#030D8B;*/
}

/*地圖使用設定*/
    #map { 
	    width:100%;
      	height: 40em;
}
/*對齊方式設定*/
.div_l{
	float:left;
}
.div_r{
	float:right;
}
.ndiv_float {
    clear:both;
}
.div_block{
	display: block;
}
.div_line{
	display:inline;
}
.div_lineb{
	display:inline-block;
}
.te_center{
	text-align:center;
}
.te_right{
	text-align:right;
}
.te_left{
	text-align:left;
}
.te_mid{
	text-align:middle;
}
.te_vam{
	vertical-align:middle;
}
.te_wordwrap{
	word-wrap:break-word;
}
.te_vatop{
	vertical-align:top;
}
.width100{
	width:100%;
}
.width97{
	width:97%;
}
.width96{
	width:96%;
}
.width90{
	width:90%;
}
.width93{
	width:93%;
}
.width80{
	width:80%;
}
.width48{
	width:48%;
}
.height_15{
	height:15em;
}
.height_100{
	height:transparent !important;
}
.height_auto{
	height:auto;
}
.h1set{
	line-height:1;
}
.titlebag{
	background-color:#ffffff;
	background-image:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181002173800/https://smartcity.taipei/images/bg_page_title.png');
	background-repeat:no-repeat;
	background-size:Cover;
	padding-top:0.1em;
	padding-bottom:0.1em;
	
	margin:0 0 0.5em 0;
	
}
.te_select{
	overflow:hidden;
	text-overflow :ellipsis;
	white-space :nowrap;
	width:90%;
}
.tex-justfy{
	text-align: justify;
　  text-justify: inter-ideograph;
　  -ms-text-justify: inter-ideograph; /*IE9*/
　  -moz-text-align-last:justify; /*Firefox*/
　  -webkit-text-align-last:justify; /*Chrome*/
}
.white_spc{
	white-space:normal;/*IE*/
	word-wrap:break-word;/*IE*/
	word-break:break-all;/*Firefox*/
	overflow:auto;/*Firefox*/
}
.pig_b2{
	padding-bottom:2em;
}
.pig_r2{
	padding-right:2em;
}
.pig_l015{
	padding-left:0.15em;
}
.pig_a05{
	padding:0.5em 1em 0.5em 1em;
}
.pig_tb1{
	padding:1em 0em 1em 0em;
}
.mrgset{
	margin: 0 5% 0 5%;
}
.mrgset15{
	margin: 0 2% 0 2%;
}
.mrgtop05{
	margin-top:0.5em;
}
.mrgset2{
	margin-left:3%;
}
.mrgset_r3{
	margin-right:3%;
}
.mrgset_lr2{
	margin:auto 2% auto 2%;
}
.mrgset_l0{
	margin-left:0;
}
.mrgset_l05{
	margin-left:0.5em;
}
.mrgset_l1{
	margin-left:1em;
}
.mrgset_l2{
	margin-left:2em;
}
.mrgset_r03{
	margin-right:0.3em;
}
.mrgset_l4{
	margin-left:4.55em;
}
.mrgset_b1{
	margin-bottom:1em;
}
.mrgset_b05{
	margin-bottom:0.5em;
}
.mrgset_l10{
	margin-left:10%;
}
.mrgset_l2p{
	margin-left:2%;
}

.sr-only {
    position: absolute;
    width: 0.063rem;
    height: 0.063rem;
    padding: 0;
    margin: -0.063rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
/*背景顏色*/
.bg1{/*藍色*/
	background-color:#4b98f8;
}
.bg2{/*藍色2*/
	background-color:#B1DFE5;
}
.bgry{/*藍*/
	/*background-color:#1482ff;*//*卡藍*/
	background-color:#035FCE;
}
.bgcw{/*白色*/
	background-color:#ffffff;
}
.bgcg{/*灰色*/
	background-color:#cccccc;
}
.bgcb{/*灰色*/
	background-color:#f2f2f2;
}
.bgcgr{/*綠色*/
	background-color:#05D2AF;
}
.bgor{/*橘色*/
    background-color:#ff4b50;
}
.bgb14{/*藍色*/
	background-color:#1480FF;
}
.bgrff{/*紅色*/
	background-color:#FF4B50;
}
.bgyf0{/*黃色*/
	background-color:#f5be14;
}
.bgg05{/*綠色*/
	background-color:#05CDAA;
}
/*字顏色*/
.co_bgrff{/*紅色*/
	color:#ff4b50;
}
.co_cw{/*白色*/
	color:#ffffff;
}
.co_bl{/*白色*/
	color:#000000;
}
/*字體大小*/
.fn_2em{
	font-size:2em;
}
/*粗體*/
.fonwi{
	font-weight:bold;
}
/*隱藏*/
.t_hidden{
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.q_hidden{
	display: none;
}
/*字級放大縮小*/
.fontset{
	border-style:solid;
	border-width:thin;
	
	text-align:center;
}
.fontset:hover{
	background-color:#035FCE;
	color:#ffffff;
}
.fontset a:hover{
	color:#ffffff;
}
.fontsetw15{
	width:1.5em;
}
.fontsetpig{
	padding:0 0.2em 0 0.2em;
}
.m_show{
    display: none;
}
.m_hide{
    display:block;
}
/*導盲磚區塊樣式*/
.header{
  /*display:absolute;
  background-color:#f2f2f2;*/
  font-size:0.85em;
  height:1em;
  /*position:fixed;	*/
}
.guide_block{
  padding-left:0.25em;
  text-decoration: none;
  font-weight:lighter;
  /*color:#ffffff;	*/
}
/*最頂端div選單區*/
.top_div{
	position: relative;
	z-index:9999;
}
/*內容區塊設定*/
.main_div{
	   position: relative;
	z-index:0;
}
.contentset{

   
}
.contentsetcp{
	padding:0;
}
/*首頁內容區塊設定*/
.carousel_box{/*輪播區*/
   padding:0;
}
.carousel_box .topbox{
	position: absolute;
	bottom:1.65em;
	right:1rem;
	width:auto;
	/*background-color:yellow;*/
	font-size:1.5rem;
	z-index:4;
	line-height:1.5;
}
.carousel_box .topbox_num{
	position: absolute;
	top:0.5em;
	right:1rem;
	width:auto;
	/*background-color:yellow;*/
	font-size:1.5rem;
	z-index:4;
	text-align:center;
}
.carousel_box .under{
	position:relative;
	width:100%;
	
}
.carousel_box .sliderup{
	position: absolute;
	bottom:0;
	right:0;
	z-index:2;
	height:100%;
	background-image:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181002173800/https://smartcity.taipei/images/back1.png');
	background-size: cover;
	/*background: linear-gradient(270deg, rgba(255, 255, 255, 0.3)42%, rgba(0, 0, 0, 0.6)74%);
	background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0.3)42%, rgba(0, 0, 0, 0.6)74%);
	background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.3)42%, rgba(0, 0, 0, 0.6)74%);
	background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0.3)42%, rgba(0, 0, 0, 0.6)74%);*/

}
.carousel_box .index3{
	z-index:3;
	/*background-color:yellow;*/

}
.projcount_num{
	margin-top: 0em;
	font-size:3em;
	/*font-weight:bold;*/
	/*-webkit-text-stroke: 0.02em black;*/
	color:#ffffff;
	line-height:1;
}
.projcount_num a{
	color:#ffffff;
	/*-webkit-text-stroke: 0.02em black;*/
} 
.projcount_num a:hover{
	color:#ffffff;  /*#030D8B;*/
}
.projcount{
	font-size:1.5em;
	color:#ffffff;
	
}
.projimg{
	height:4.3em;
}
.projimgbox{
	font-size:0.9em;
	padding-top:0.5em;
	color:#ffffff;
}
.projimgbox_num{
	font-size:1.5em;
	/*font-weight:bold;*/
	color:#ffffff;
	/*-webkit-text-stroke: 0.03em black;*/
	line-height:1.1;
}
.content_box_l{/*左區塊*/
   float:left;
   width:68%;
   order:1;
}
.content_box_r{/*右區塊*/
   float:right;
   margin-right:1%;
   width:30%;
   order:2;
}
.content_box_s{
   width:23%;
   margin-right:1%;
   vertical-align:top;
   display:inline-block;
}
.content_box_s .boxa{
	width:100%;
	 display:block;
}
.content_box_s .boxb{
	 width:100%;
	 display:block;
}
.content_box_s .cbtitle{
   padding-top:0.5em;
   padding-bottom:0.5em;
   font-size:1em;
}

.content_box_s .intro{
	width:100%;
	display:block;
	line-height:1.5;
	font-size:0.9em;
	height:7.2em;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5; 
	word-wrap: break-word;
    word-break: normal;
	overflow: hidden;
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 60%, rgba(1, 1, 1, 0) 95%);
}

.content_box_s .news_img:hover{
    -webkit-filter:opacity(.6);
}
.news_block{
    padding-inline-start:0em;
}
.news_block ul {
    list-style: none;
	padding-inline-start:0.5em;
}
.news_block li::before{content: "●"; color: #ff4b50; margin-right:0.7em;}
.news_block li{
	line-height:1.5;
	font-size:0.9em;
	border-bottom-style: dashed;
	border-width:thin;
	border-color:#9c9a9a;
	padding:0.5em 0 0.5em 0;
}
.news_block .news_title{
	font-size:1.25em;
	color:#C00000;
	margin-block-start: 0em;
    margin-block-end: 0em;
}
.mrb1{
	margin-bottom:2em;
}
/*關於我設定*/

.about_box {
	line-height:2;
    
}
.about_box h2{
	margin-block-start: 0em;
	padding-top:0.85em;
}

.about_box p{
	margin-bottom:1em;
}
.about_box .about_text{

    font-size:0.9em;
	line-height:1.5;
	
}
.about_box .about_text a{
   /* color:#f1c40f;*/
}
.about_box .about_text a:hover{
    /*color:#287fe1;*/
}
.about_box .img1{
	width:23%;
	/*height:auto;*/
}
.about_box2{
	width:47%;
	display:inline-block;
	vertical-align: middle;
}
.contact_l{
	display:inline-block;
	width:30%;
	margin-left:3%;
}
.contact_l ul{
	margin-block-start: 0em;
    margin-block-end: 0em;
	padding:1em 1em 1em 1em;
}
.contact_l li{
	list-style: none;
	font-size:0.8em;
    line-height:2.5;
}
.contact_l_border{
   border-bottom-style:solid;
   border-width:0em 0em 0.02em 0em;
   border-color:#cccccc;
}
.contact_r{
	display:inline-block;
	margin-left:3%;
	width:60%;
	
	
}
.contact_r_ti{
    width:97%;
	padding-left:3%;
	
}
/*搜尋頁*/
.google_div{
	margin:2em 5% 3em 5%;
}
/*最新消息內容區塊設定*/
.newscontent{
	width:100%;
}
.news_box{
	display:inline-block;
	margin:0 auto 3em 2%;
	width:22%;
	
}
.news_box .newsboxb{
	background-color:#ffffff;
	padding-bottom:0.5em;
	padding-top:0.5em;
	border-style:solid;
	border-width:0.05em;
	border-radius:0.3em;
}
.news_box .news_title{
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
	
	overflow: hidden;
	padding:0.2em 0 0.2em 0;
	height:3.5rem;
	font-size:1.2em;
	line-height:1.5;
	margin-bottom:0.5em;
}
.news_box .news_date{
	font-size:0.8em;
	
	color:#8a8d8b;
}
.news_box .news_info{
	
	font-size:0.95em;
	height:5em;
	line-height:1.5;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
	word-wrap: break-word;
    word-break: break-all;
	overflow: hidden;
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 60%, rgba(1, 1, 1, 0) 95%);
}
}
.news_box .news_img{
	margin-bottom:0.5em;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; 
	overflow: hidden;
}
.news_box .cat_box {
	font-size:0.8em;

}
.news_box .cat_box .setwidtd {
    width:5em;
	text-overflow:ellipsis;
    display:-webkit-inline-box; 
    -webkit-line-clamp:1;
	overflow: hidden;
	
	
}
.news_box .cat_box ul{
	margin-block-start: 0em;
    margin-block-end: 0em;
	padding-inline-start:0em;
}
.news_box .cat_box li{
	list-style: none;
	display:-webkit-inline-box; 
	-webkit-box-orient:vertical;
	-webkit-box-pack:end;
	padding:0.3em 0.6em 0.3em 0.6em;
	border-radius:2em;
	vertical-align:bottom;
}
.news_box .news_img:hover{
	
    -webkit-filter:opacity(.6);
}
.newsdetail_box{
	width:80%;
	margin:0 9% 0 9%;
	word-break:normal;
	
}
.newsdetail_box .cat_box {
	font-size:0.9em;
	margin-bottom:0.5rem;
}
.newsdetail_box .fb_box {
	float:right;
}
.newsdetail_box .cat_box ul{
	margin-block-start: 0em;
    margin-block-end: 0em;
	padding-inline-start:0em;
}
.newsdetail_box .cat_box li{
	list-style: none;
	display:inline-block;
	padding:0.3em 0.3em 0.3em 0.3em;
	border-radius:2em;
}
.newsdetail_box img{

}
.newsdetail_box .time_box{
	padding:0.5em 0 0.5em 0;
}
.newsdetail_box .orterinfo_box{
	padding:0.5em 0 0.5em 0;
	border-radius:0.5em;
}
.bannerimg{ 
    width:100%;
    
	margin-top:0.5em;
}
.returnb{
	width:100%;
	height:3em;
	line-height:3em;
	margin:0.5em 0em 0.5em 0;
}
.returnButton{
    
    padding:0.5em 4em 0.5em 4em;
	margin: 2em auto 2em auto;
    background-color:#035FCE;
	border-radius:2em;
	color:#ffffff;
}
.returnButton:hover{
	background-color:#0055BC;

}
.newsselectbox{
	margin-bottom:1em;
	height:3em;
	width:12em;
	font-size:1em;
	font-family: 'Microsoft JhengHei';
}
.newsselectbox :focus{
	box-shadow: 0 0 0.15em 0.2em #4b98f8;
}
.morediv{
	width:100%;
	line-height:1.5;
	margin:0em 0em 0em 0;
}
.moreButton{  
    display:inline-block;
    padding:0.2em 1em 0.2em 1em;
	margin: 0em auto 0em auto;
	border-radius:2em;
	color:#0F55A7;
	font-size:0.85em;
	font-family:Arial;
	font-weight:bold;
}
.moreButton:hover{
	/*background-color:#31bc6c;*/
	color:#3f3f3f;

}
/*專案頁面設定*/
.mapbotton{
	width:100%;
	margin-bottom:2em;

}

.mapa{
	width:100%;
	color:#ffffff;
	padding:1em 2.5em 1em 2.5em;
	background-color:#3f3f3f;
	border-radius:1em;
}
.mapa:hover{
	background-color:#5D5D5D;
}
.projtext{
	 width:70%;
	 margin:1em 15% 1em auto;
	 font-size:0.8em;
}
.projstatuse{
	
	border-radius:0.2em;
}
.projresult {
	margin:2.5em auto 1em 5%; 
	position:relative;
}
.projresult .restitle{
	position:absolute;
	top:-1em;
	left:1.5em;
	padding:0.25em 1.5em 0.25em 1.5em;
	background-color:#ffffff;
	border:0.05em solid #acf3ca;
	border-radius:0.3em;
}
.projresult .resimg{
	margin:2em 1em 1em 1em;
	width:12%;
}
.resimg img{
	width:100%;
}
.projresult .retext{
	margin:2em 0em 1em 0em;
	width:78%;
}
.projmapsta{
	font-size:0.8em;
}
.tex-set_result{
	text-align: justify;
}
.projadd{
	margin:1em auto 1em 5%; 
	padding-top: 0.1em;
	padding-bottom: 0.1em;

}
.projaddset{
	margin-top: 0.5rem;
	margin-left:4.3em;
}
/*專案地圖設定*/
.mapdiv{
	width:18em;
	font-family: "Noto Sans TC","Microsoft JhengHei", "Poppins", "Helvetica", "Arial", sans-serif;
	font-size:0.9em;
	line-height:1.5;
}
.maptitle{

	font-size:1.25em;

}
.mapimg{
	width:100%
}
.mapadd{
   line-height:1.5;

}
.mapintro{

	text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4; 
	overflow: hidden;
}
/*媒合專區設定*/
.matchdt_info {
	margin:2.5em auto 1em auto; 
	position:relative;
}
.matchdt_info .restitle{
	position:absolute;
	top:-1em;
	left:1.5em;
	padding:0.25em 1.5em 0.25em 1.5em;
	background-color:#ffffff;
	border:0.05em solid #acf3ca;
	border-radius:0.3em;
}
.matchdt_info .retext{
	margin:2em 0em 1em 0em;
	padding-inline-start:2%;
	width:96%;
	
}
.prolist_box{
	margin-left:2.5%;
	width:45%;
	display:inline-block;
}
.prolist{
	
	line-height:2;
    padding-inline-start:1em;
	padding-inline-end:1em;

}
.prolButton{
    
    padding:0.5em 4em 0.5em 4em;
	margin: 2em auto 2em auto;
    background-color:#3f3f3f;
	border-radius:2em;
	color:#ffffff;
}
.prolButton:hover{
	background-color:#5D5D5D;

}
/*下載設定*/
.downlolist{
	margin:auto 5% 1em 5%;
	padding-top:1em;
	padding-bottom:1em;
	background-color:#ffffff;

}
.downlolist ul li{
	display:inline;
}

.downlolist ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0em;
    margin-inline-end: 0em;
    padding-inline-start: 0em ;
	
}

.downlolist li{
	
	list-style: none;
    padding:1em 1em 1em 1em;

}

.downlolist .date{
	font-size:0.7em;
	
}
.downlo_cat{
    font-size:0.8em;
	padding:0.1em 0.3em 0.1em 0.3em;
	border-radius:2em;
}
.downlo_imgbox{
	display:inline-block;
	width:20%
}
.downlo_imgbox img{
	width:100%
}
.downlo_contbox{
	display:inline-block;
	margin-right:3%;
	width:76%;
	
}
.topicsdt_box{
	width:90%;
	margin:1em auto auto 5%;
}
.downlo_file{
	margin:1em auto 1em auto;
	padding-top:1em;
	padding-bottom:1em;
	padding-inline-start:1em;
	border-radius:0.5em;
}
.topics_cat{
	margin-bottom:1em;
}
.topics_cat ul li{
	display:inline;
}
.topics_cat ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0em;
    margin-inline-end: 0em;
    padding-inline-start: 0em ;
}
.topics_cat li{
	list-style: none;
    font-size:1em;
	padding:0.3em 0.3em 0.3em 0.3em;
	border-radius:2em;
}
/*網站導覽*/
.webguide_box{
	width:19%;
	display:inline-block;
	vertical-align:top;
}
/*頁尾設定*/
.linkblock{/*相關連結區塊*/
  padding: 0.5em 0 0.85em 0.5em; 
  /*background-color:#D6D6DD;*/
  background-color:#ffffff;
  color:#000000;
}
.footer{/*頁尾區塊*/
  
  background-color:#3f3f3f;
  color:#ffffff;
  
}

.footer ul li{
	display:block;
}
.footer ul{
	margin-block-start: 0em;
    margin-block-end: 0em;
	padding-inline-start: 1em;
}
.footer li{
    list-style: none;
	font-size:0.85em;
	margin: 0 1em 0.5em 0;
	line-height:2;
	vertical-align:middle; 
}
.footer li a {
  text-decoration: none;
  color:#ffffff;
}
.footer li a:hover{
	color:#D6D6DD;
}
.footer .logoimg{
	margin:0 1em 0 0;
	height:2em;
}
.logoimg2{
	/*margin:0;*/
	/*height:2.5em;*/
}
.i_set{
	margin:0 0.5em 0 0;
}
.div_margin1{
	margin:0 0 0 0;
	padding:0.5em 0em 0.85em 0em;
}
.footer_block{
	display:inline-block;
	width:32%;
}
.footer_block_l{
	display:inline-block;
	width:25%;
}
.footer_block_c{
	display:inline-block;
	width:32%;
}
.footer_block_r{
	display:inline-block;
	width:39%;
}
.footer_block_r .divset{
	vertical-align:top;
	display:inline-block;
	width:49%;
}
.link_box{
	display:inline-block;
	vertical-align:top;
	width:15rem;
	height:5rem;
	text-align:center;
	background-color:#ffffff;
}
.link_box .imgbox{
	overflow:hidden;
	height:5rem;
	justify-content: center;
	text-align:center;
	display: flex;
	align-items: center;
}
/*loding*/
.lodingdiv{
	position: fixed;
	width:100%;
    height:100%;
	top:0;
	z-index:999;
    opacity:0.8;
	background-color:#fffff;
	display:none;
	
}
/*選單設定：最新消息------->*/
.menu_2{
	width:100%;
	padding-inline-start:0em;
}
.menu_2 ul{
    margin-block-start: 0em;
    margin-block-end: 0em;
	
}
.menu_2 li{
	list-style: none;
	display:inline-block;
	background-color:#035FCE;
	/*background: -webkit-linear-gradient(30deg,#4a98f9,#afcff7);
    background: -o-linear-gradient(30deg,#4a98f9,#afcff7);
    background: -moz-linear-gradient(30deg,#4a98f9,#afcff7);
    background: linear-gradient(to 30deg,#4a98f9,#afcff7);*/
	padding:0.5em 1.5em 0.5em 1.5em;
	margin-bottom:0.3em;
}
.menu_2 a{
	color: #ffffff;
}
.menu_2 li:hover{
	
   background-color:#0055BC;
}
.menu_2 .active {
	/*color:yellow;*/
	background-color:#0055BC;
}

/*分頁設定：最新消息---------*/
.page_box{
	padding-inline-start:0em;
}
.page_box ul{
    margin-block-start: 0em;
    margin-block-end: 0em;
	padding-inline-start: 0;
}
.page_box .page-item{
	color:#fffff;
	padding:0 0.5em 0 0.5em;
	list-style: none;

	font-size:1.2em;
	line-height:1.5;
	display:inline-block;
	
	border-radius:5em;
}
.page_box a{
	color: #000000;
}
.page_box  li:hover{
	background-color:#ffffff;
}
.page_box .page-item a:hover{
	
    background-color:#ffffff;
	color: #3f3f3f;
}
.page_box  .active{
	background-color:#ffffff;
	
}
/*關聯div*/
.Reltitle{
	padding-left:1em;
	padding-top:1em;
}
.Reldiv{
	width:49%;
	font-size:0.9em;
	padding-bottom:0.5em;
}
/*主選單設定 ------->*/
.menu {
	width: 100%;
    display: flex;
    background: #FFFFFF;
	padding-top:0.4em;
}
.menu a{
    color: #000000;
}
.menu li {
    float: left;
    list-style: none;
    margin: 0em 0.1em 0 0;
	padding: 1.1rem 0.8rem 1.1rem 0.8rem;
    font-size: 1em;
	
}
.menu ul{
	margin-block-start: 0em;
    margin-block-end: 0em;
	margin-right:1em;
}

.menu li a {
	text-decoration: none;
    cursor: pointer;
	color: #000000;
 }
.menu li a:hover {
	color: #ffffff;
 }
.menu li:hover{
   background-color:#035FCE;
   color: #ffffff;  
}
.menu .menu-logo {
    margin: auto;
    margin-left: 0;
    padding: 0 0.5em 0 0.8em;
}
.menu .menu-logo .logodiv{
	width:100%;
}
.menu .menu-logo .menu-img{
	width:100%;
}
.menu a:visited {
    color: #000000;
}
.menu a:hover, .menu .current-active a {
    text-decoration: none;
    color: #fffff;
	cursor: pointer;
}
.toggle-nav {
    display: none;
}

/*form設定*/
 .required_mark{
	 color:#FF4B50;
 }
.searchdiv{
	width:98%;
	margin-right:1%;
	text-align:right;
}
.text_height{
	height:5em;
}
.input_height{
	height: calc(0.8em + 0.75rem);
}
.msg_rad{
     border-radius: 0.25rem;
	 padding:1rem 1rem 1rem 1rem;
}
.form-control {
  
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #3f3f3f;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #3f3f3f;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(250, 44, 0, 1);
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;

}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.formbtn {
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1.5 rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 .formbtn {
    transition: none;
  }
}
.formbtn:hover {
  color: #0055BC;
  text-decoration: none;
}

.formbtn:focus,
.formbtn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(250, 128, 0, 0.5);
}

.formbtn.disabled,
.formbtn:disabled {
  opacity: 0.65;
}

.formbtn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.formbtn.disabled,
fieldset:disabled a.listbtn {
  pointer-events: none;
}

.formbtn-primary {
  color: #fff;
  background-color: #035FCE;
  border-color: #035FCE;
}

.formbtn-primary:hover {
  color: #fff;
  background-color: #0055BC;
  border-color: #0055BC;
}

.formbtn-primary:focus,
.formbtn-primary.focus {
  color: #fff;
  background-color: #0055BC;
  border-color: #0055BC;
  box-shadow: 0 0 0 0.2rem rgba(250, 44, 0, 1);
}

.formbtn-primary.disabled,
.formbtn-primary:disabled {
  color: #fff;
  background-color: #3490dc;
  border-color: #3490dc;
}

.formbtn-primary:not(:disabled):not(.disabled):active,
.formbtn-primary:not(:disabled):not(.disabled).active,
.show > .formbtn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2176bd;
  border-color: #1f6fb2;
}

.formbtn-primary:not(:disabled):not(.disabled):active:focus,
.formbtn-primary:not(:disabled):not(.disabled).active:focus,
.show > .formbtn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
}
.invalid-feedback{
	font-size:0.8em;
	color: #e3342f;
}
/*影片設定*/
.video-w{
	width: 60%;
	margin-left: 18%;
}
.video-container {
   /*position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;*/
    position: relative;
    padding-bottom: 56.3%;
    top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe, 
.video-container object, 
.video-container embed {
   /*position: absolute;
   top: 0;left: 0;
   width: 100%;
   height: 100%;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
   }
/*輪播*/
    #my-slider {
      width: 100%;
      height: 480px;
      color: white;
    }

    @media (max-width: 640px) {
	  #my-slider {
        width: 100%;
        height: 400px;
        color: white;
      }
      #my-slider .crs-bar-roll-current {
        width: 38px;
        height: 38px;
      }

      #my-slider .crs-bar-roll-item {
        width: 30px;
        height: 30px;
      }
    }


/*RWD顯示設定------->*/
@media screen and (max-width: 1024px) {
.m_show{
    display:inline-block;
}
.m_hide{
    display:none;
}
/*最上方區塊隱藏*/
    .guidediv{
        display:none;
    }
/*頁尾手機顯示設定------->*/
	.footer_block{
		margin-left:5%;
		width:90%;
		text-align:center;
	}
	.footer_block_l{
		margin-left:5%;
		width:90%;
		text-align:center;
	}
	.footer_block_c{
		margin-left:5%;
		width:90%;
		text-align:center;
	}
	.footer_block_r{
		margin-left:5%;
		width:90%;
		text-align:center;
	}
	.footer_block_r .divset{
		width:100%;
		text-align:center;
	}
	.link_box{
		width:45%;
		margin-left:2%;
		height:5rem;
	}
	.logoimg2{
		/*margin:0;*/
		width:90%;
	}
/*手機內容區塊設定*/
   .content_main{
	    display: flex;
		flex-direction: column;
   }
   .content_box_l{/*左區塊*/
       float:none;
       width:94%;
       margin-left:3%;
	   order:2;
    }
    .content_box_r{/*右區塊*/
       float:none;
       width:94%;
       margin-left:3%;
       margin-bottom:2rem;
	   order:1;
    }
    .content_box_s{
       width:100%;
       margin-bottom:0.5em;
       display:black;
    }
	.content_box_s .boxa{
	    width:50%;
	    display:inline-block;
		vertical-align:top;
		
    }
	.content_box_s .boxb{
	    width:48%;
	    display:inline-block;
		vertical-align:top;
    }
/*最新消息*/
    .news_box{
	   display:black;
	   margin:0 auto 3em 10%;
	   width:80%;
	
   }
.news_box .news_title{
	overflow: hidden;
	padding:0.2em 0 0.2em 0;
	
	font-size:1.2em;
	line-height:1.5;

	margin-bottom:0.5em;
}

/*最新消息選單設定*/
.menu_2 li{
    width:40%;
    padding:0.5em 0 0.5em 0;
}
/*關於我設定*/
.about_box2{
	width:100%;
	display:block;
	vertical-align:middle;
}
.about_box .img1{
	width:90%;
}
.about_film{
	width:100%;
	
}
.contact_l{
	display:block;
	width:90%;

	margin-left:5%;
}
.contact_r{
	display:block;
	margin-left:5%;
	margin-top:1em;
	width:90%;
	
}
.video-w{
	width: 100%;
	margin-left: 0;
}
/*專案頁面設定*/
.mapbotton{
	width:80%;
	margin:auto auto auto 10%;
	padding:1em 0 1em 0;
}
.projresult .resimg{
	width:25%;
	margin:2em auto auto auto ;
}

.projresult .retext{
	width:80%;
	margin:0.5em auto 0.5em auto ;
}
.projaddset{
	margin-left:0.5em;
}
/*網站導覽*/
.webguide_box{
	width:48%;
	display:inline-block;
	vertical-align:top;
}

.webguide_h4{
	font-size:6em;
	line-height:1.5;
	color:#FF4B50;
}
/*媒合*/
.prolist_box{
	margin-left:5%;
	margin-bottom:2em;
	width:90%;
	display:block;
}
/*手機選單設定 ------->*/
    .menu {
        position: relative;
        display: inline-block;
    }
	.menu a:visited {
        color: #000000;
    }
    .menu a {
		text-decoration: none;
        display: block;
		color: #000000;
    }
    .toggle-nav {
        position: absolute;
        left: 4%;
        color: #000000;
        text-decoration: none;
		padding-top:0.3em;
		font-size:1.5em;
    }
    .menu .menu-logo {
        position: relative;
		text-align:center;
		margin:0 0 0 3.5em;
		padding-right:3.5em;
    }
	.menu .menu-logo .logodiv{
		 width:80%;
	}
    .menu .menu-logo .logodiv .menu-img{
	    width:100%;
    }
	.menu li a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
	}
	.menu li {
       color: #ffffff;
	}
    .menu ul.active {
        display: none;
    }
    .menu ul {
        left: 0px;
        padding: 10px 25px;
        margin-top: -5px;
        border-radius: 0px 0px 3px 3px;
        background: #3f3f3f;
		margin-right:0;
    }
    .menu li {
        margin: 10px 0px 10px 0px;
        float: none;
		border-bottom-style:dashed;
		border-width:thin;
        display: block;
    }
   .menu li:hover{
       background-color:#3f3f3f;
	   color:#ffffff;
    }
   .menu li a:hover{
       color:#ffffff;
    }
	.menu li a:visited {
        color: #ffffff;
    }
   .fontset:hover{
	background-color:#000000;
	color:#ffffff;
   }
   .fontset a:hover{
	   color:#ffffff;
   }






/*
     FILE ARCHIVED ON 17:38:00 十月 2, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 22:48:39 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/