body,button,input,select,textarea{font-family:Meiryo,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei","標楷體",DFKai-SB,sans-serif}
.BOX li,.BOX ul{width:100%;margin:0;padding:0;list-style-type:none;font-family:"微軟正黑體","Microsoft JhengHei",sans-serif}
.BOX,.box::before{width:100%;height:200px}
.BACK,.FRONT{height:200px}
.BACK{background:url(../images/gov/question.png) no-repeat right 20px}
.BOX li{padding:25px}
.BOX{position:relative;margin:0 auto;overflow:hidden;cursor:pointer;margin-bottom:30px}
.box{height:400px;position:absolute;background:#eb893a;left:0}
.box::before{content:"";display:block;position:absolute;width:100%;background:#000;left:0;bottom:0;opacity:.1}
.box p{font-size:30px;color:#FFF;margin:0;line-height:1.4em}
.FRONT{text-align:center}
.backup_bg{background:#d74a44}
.harmless_bg{background:#54b395}
.odf_bg{background:#2e7eb0}
.box{-webkit-transition:top .3s linear;transition:top .3s linear;top:0}
.box:hover{top:-200px}
.pt-20{
	padding-top: 20px;
}

.BOX2 li,.BOX2 ul{width:100%;margin:0;padding:0;list-style-type:none;font-family:"微軟正黑體","Microsoft JhengHei",sans-serif;}
.BOX2,.box2::before{width:100%;height:104px}
.BACK2,.FRONT2{height:104px; border:#c2e9fb 1px solid;}
.BACK2{ color:#1e88e5; text-align: center; font-size: 24px;background:url(../images/gov/arrow_03.jpg) no-repeat center bottom;}
.BOX2 li{padding:10px}
/* .BACK2 p{
 border-bottom: #9ac8f0 2px dotted;
} */
.BOX2{position:relative;margin:0 auto;overflow:hidden;cursor:pointer;margin-bottom:30px}
.box2{height:208px;position:absolute;left:0}
.box2::before{content:"";display:block;position:absolute;width:100%;left:0;bottom:0;}
.box2 p{margin:0;line-height:1.4em}
.FRONT2{color:#434343; }
.box2{-webkit-transition:top .3s linear;transition:top .3s linear;top:0}
.box2:hover{top:-104px}
#level1,#level2,#level3{
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 100%;
	color: white;
	font-size: 16px;
	font-weight: bold;
}
#level3{
	background-color: #0e65b0;
}
#level2{
	background-color: #57a0df;
}
#level1{
	background-color: #9ac8f0;
}

#contact_area {
    color: #fff;
    font-size: 19px;
    background: #1f75b6;
    line-height: 1.8;
    border-radius: 5px;
    padding: 15px;
    padding-top: 20px;
    margin-top: 20px;
    }
#contact_area > span {
        border-bottom: #ffc107 solid 2px;
    } 
#contact_area a{
    color: #f2f397;
    border-bottom: 1px dashed #fff;
    font-weight: normal;
    text-decoration: none;
    font-size: 16px;
} 
#contact_area a:hover{
    border-bottom: none;
}   

.Q{
	background: url(../images/issue/Q_icon.png) 0 0 no-repeat;
	padding-left: 70px;
	padding-top: 30px;
	color: #2196f3;
	min-height: 84px;
/* 	cursor: pointer;
 */	font-size: 17px;
}
.A{
	background: url(../images/issue/A_icon.png) 0 0 no-repeat;
	padding-left: 60px;
	min-height: 50px;
/* 	padding-top: 10px;
padding-bottom: 15px; */
}
ul.features {
	list-style-type: none;
	font-size: 18px;
	padding-left: 0;
}
.features li{
	line-height: 2.4;
/* 	border-bottom: 1px dashed #ccc;
 */	background: url(../images/issue/check.jpg) left top no-repeat;
    padding-left: 40px;
    font-weight: 600;

}
.slidedown{
	border-bottom: 1px #f6921d dashed;
/* 	background: url(../images/issue/open_icon.png) right 10px no-repeat;
 */	margin-top: 20px;
}
.down{
	background: url(../images/issue/close_icon.png) right 10px no-repeat;
}
figure.news{
	background: #78909c; 
	color:#fff;
	opacity: 0.9;
	transition: all .3s;
}
figure.news:hover{
	background-color: #546269;
	opacity: 1;
}
figure.news>img{
	text-align: center;
}
figure.news > figcaption{
	letter-spacing: 2px;
	padding: 15px;
	padding-right: 20px;
	background: url(../images/arrow_news.png) right center no-repeat;
}
figure.news+p{
	padding: 10px;
}
figure.news > div{
	width: 100%;
	height: 127px;

}
figure.news .p01{
	background: url(../images/news_01.jpg) left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
figure.news .p02{
	background: url(../images/news_02.jpg) left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
figure.news .p03{
	background: url(../images/news_03.jpg) left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
figure.news .p04{
	background: url(../images/news_04.jpg) left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#cases{
	padding: 40px 0;
	padding-top: 30px;
}
#cases img{
	max-width: 100%;
	margin: 10px 0;
	transition: all .3s;
	border: #fff 2px solid;
	padding: 5px;
}
#cases img:hover{
	border: #29b6f6 2px solid;
}
.subject_title{
    font-size: 20px;
    border-left: #ec8f26 8px solid;
    padding-left: 10px;
    margin-bottom: 15px;
}
.subject_title + p{
    color: #78909c;
    font-size: 15px;
}

.square_bord{
    border: #f9e2c8 2px solid;
    padding: 15px;
    background: #fdf8f8;
}

.square_bord li{
    color: #5d514b;
}
.square_bord ol{
margin-bottom: 0;
}

@media (max-width: 767px){
a.snav {
    padding: 20px 2px;
    display: inline-block !important;
    text-decoration: none;
    color: white;
  }
}

@media (min-width:320px){body,button,input,select,textarea{font-size:12px}
.table_txt{font-size:11px}
td{padding:2px}}
@media (min-width:480px){body,button,input,select,textarea{font-size:15px}
.table_txt{font-size:13px}
td{padding:5px}}
@media (min-width:640px){body,button,input,select,textarea{font-size:15px}
.table_txt{font-size:13px}
td{padding:10px}}
@media (min-width:768px){.table_txt,body,button,input,select,textarea{font-size:15px}
td{padding:10px}}
body{margin:0}
table{margin:15px 0 30px}
li,p{line-height:1.6em}
.page_title{color:#f66f1e}
.page_title2{font-size:20px;font-weight:700;color:#5A5A5A}
.page_title3{font-size:18px;font-weight:700;color:#8A8A8A}
.redtxt{color:#DB0003}
.graytxt{color:#939393}
.index_events_list:hover,.index_news_list:hover{padding:0}
.img_space{padding:20px}
.img_space2{padding:5px}
.mov_space{margin:25px 0}
@media(min-width:320px){.img_space3,.img_space4{margin:15px auto}
.img_space4{padding:10px;border:1px solid #E7E7E7}}
@media(min-width:768px){.img_space3{margin:0 auto}
.img_space4{margin:15px auto;padding:10px;border:1px solid #E7E7E7}}
.temp_list1,.temp_list2{padding:15px 0}
@media (min-width:320px){.txtbox2:before,.txtbox:before{content:'我是備胎元素'}
.txtbox2:before,.txtbox2_midtxt,.txtbox:before,.txtbox_midtxt{display:inline-block;vertical-align:middle}
.txtbox{height:45px;width:100%;font-size:0}
.txtbox:before{width:0;height:130%}
.txtbox_midtxt{font-size:12px;line-height:1.4em}
.txtbox2{height:45px;width:100%;font-size:0}
.txtbox2:before{width:0;height:180%}
.txtbox2_midtxt{font-size:15px;line-height:1.4em}}
@media (min-width:480px){.txtbox2:before,.txtbox:before{content:'我是備胎元素'}
.txtbox2:before,.txtbox2_midtxt,.txtbox:before,.txtbox_midtxt{display:inline-block;vertical-align:middle}
.txtbox{height:45px;width:100%;font-size:0}
.txtbox:before{width:0;height:150%}
.txtbox_midtxt{font-size:15px;line-height:1.4em}
.txtbox2{height:45px;width:100%;font-size:0}
.txtbox2:before{width:0;height:180%}
.txtbox2_midtxt{font-size:15px;line-height:1.4em}}
@media (min-width:768px){.txtbox2:before,.txtbox:before{content:'我是備胎元素'}
.txtbox2:before,.txtbox2_midtxt,.txtbox:before,.txtbox_midtxt{display:inline-block;vertical-align:middle}
.txtbox{height:45px;width:100%;font-size:0}
.txtbox:before{width:0;height:150%}
.txtbox_midtxt{font-size:15px;line-height:1.4em}
.txtbox2{height:45px;width:100%;font-size:0}
.txtbox2:before{width:0;height:180%}
.txtbox2_midtxt{font-size:15px;line-height:1.4em}}
@media (min-width:992px){.txtbox2:before,.txtbox:before{content:'我是備胎元素'}
.txtbox2:before,.txtbox2_midtxt,.txtbox:before,.txtbox_midtxt{display:inline-block;vertical-align:middle}
.txtbox{height:45px;width:100%;font-size:0}
.txtbox:before{width:0;height:150%}
.txtbox_midtxt{font-size:15px;line-height:1.4em}
.txtbox2{height:45px;width:100%;font-size:0}
.txtbox2:before{width:0;height:120%}
.txtbox2_midtxt{font-size:15px;line-height:1.4em}}
.temp3_date{margin-top:2px;color:grey}
.temp_imgbt:hover{border-color:#337ab7}
.temp_list1{background-color:#f1f1f1}
.temp_list1:hover{background-color:#edf8ff}
.temp5_txtbt{padding:15px 5px 0;text-align:center;line-height:1.4em}
@media (min-width:320px){h2.temp_title{margin:5px 0 20px}
.temp2_colbox{min-height:0}
.temp2_colbox_txt{margin:20px 0}
.temp2_colbox_bt{width:50%;padding:10px 0;margin-bottom:20px;font-size:18px}
.temp_align{text-align:center}}
@media (min-width:768px){h2.temp_title{margin:5px 0 20px}
.temp2_colbox{min-height:500px}
.temp2_colbox_txt{margin:0 0 20px}
.temp2_colbox_bt{width:70%;padding:10px 0;margin-bottom:0;font-size:18px}
.temp_align{text-align:right}
#level1,#level2,#level3{
	position: relative;
    left: -50px;
}
#level_line::before{
    content:"";display:block;position:absolute;width:3px; height:900px; left:-15px;top:220px;
    background-color: #0e65b0;
    background-image: linear-gradient(#0e65b0, white);
}
}
@media (min-width:992px){h2.temp_title{margin:20px 0}
.temp2_colbox{min-height:370px}
.temp2_colbox_txt{margin:0 0 10px}
.temp2_colbox_bt{width:70%;padding:10px 0;margin-bottom:0;font-size:15px}
.temp_align{text-align:right}}
@media (min-width:320px){.op_map{display:none}
.footer_rightbox{padding-left:30px}
.index_ad_bt_space{margin-top:0}}
@media (min-width:1024px){.op_map{display:block}
.footer_rightbox{padding-left:0}
.index_ad_bt_space{margin-top:35px}}