@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
/*@import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css);*/
html,body/*,'Noto Sans TC'*/
{
    font-family: 'Noto Sans TC', sans-serif;/*'cwTeXHei',*/
    font-size:20px;
    width:100%;
    margin:0px;
    padding:0px;
    height:100%;
    
}
strong
{
    font-weight:bold;
    
}
a {
    text-decoration:none;
}
a >img
{
    border:0px;
}
img.full
{
    max-width:100%;max-height:100%;
}
.outer {
    width:100%;
    
    
}

.inner {
    display: table;
    margin: 0 auto;
    width:1230px;
    height:100%;
    
    
}
@media screen and (max-width: 1440px) {
    .inner
    {        
        overflow:hidden;  
    }
}


.bgimage
{
    /*height: 777px;*/
    height:100%;
    /*border:1px solid gray;*/
    /*padding-right:200px;*/
    width:100%;
    /*margin-right: -200px;*/
    background-size: cover;
    background-position:center bottom;
    background-image:url(../images/index-bg.jpg);
	
}
.clr{
    clear:both;
}
.main
{
    min-height:822px;
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-direction: row;
   
}
.menu
{
    padding-top:40px ;
    width:20%;
    height:100%;
	flex:0.2;
    -webkit-flex: 0.2;
   
}

.content
{
    padding-top:50px;
    width:70%;
    min-height:822px;
    color:#334551;
	flex:0.7;
    -webkit-flex: 0.7;
    text-align: justify;
    
}
.buttons
{
    padding-top:70px ;
    width:10%;
    height:100%;
    flex:0.1;
    -webkit-flex: 0.1;
  
   
    /*margin: 0 10px 0 10px;*/
}
.buttons .myicon
{
    flex:1;
    -webkit-flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
}
.buttons > .myicon >  div 
{
    width:100px;
    height:150px;
    padding:0px 10px 0 10px;
    
}
.buttons #icon2 
{
    padding-top: 30px;
}
.buttons img
{
    padding:10px 10px 0 10px;
    
}
.logo
{
    padding:20px;
	padding-left:40px;
}
ul.menus
{
    list-style-type: none;
    line-height: 30px;
	z-index:999;
    display:block;
	
}
ul.menus  a:visited ,ul.menus  a:active  ,ul.menus a:link
{
	color:#776F69;
	text-decoration: none;
	background-color: transparent;
}
ul.menus a:hover 
{
	color:#334551;
    font-weight: bold;
}
ul.menus li.active a:visited ,ul.menus li.active a:active  ,ul.menus li.active a:link
{
	color:#7A371C;
}
footer
{
	padding-bottom:0px;
	height:82px;
    color:#776F69;
}
.bgimage2
{
    
 /*height: 777px;*/
    height:100%;
    /*border:1px solid gray;*/
    padding-right:200px;
    width:100%;
    margin-right: -200px;
    background-size: cover;
    background-position:center bottom;
    background-image:url(../images/flow chart-background.png);
}
.bgimage3
{
    padding-right:0px;
    width:100%;
    margin-right: 0px;
    background-color:#FEF5E9;(255,241,222,40);
    background-image:url(../images/skin2.png);
}
.bg
{
	padding-right:0px;
    width:100%;
    margin-right: 0px;
	background-color:#FEF5E9;
    width:100%;
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center bottom;
    background-image:url(../images/yellow2.png);
}
.bg2
{
    padding-right:0px;
    width:100%;
    margin-right: 0px;
	/*background-color:#FEF5E9;*/
	background-image:url(../images/skin2.jpg)
    width:100%;
	background-size: cover;
	background-position:center bottom;
    background-image:url(../images/ymap3.png);
}
#submenu
{
	list-style-type: none;
    line-height: 25px;
	margin: 0px; padding: 0px;
	margin: 1em;
	font-size:15px;
	list-style:none;
}
#submenu  li
{
	
	overflow-x: visible;
	width:312px;
	
	
}
#submenu  li.active
{
	margin-left:1em;
	list-style-image: url(../images/right-arrow.png);
	
}
#submenu.active   a:visited ,#submenu.active a:active  ,#submenu.active a:link
{
	color:blue;
}
table.information th 
{
    border-bottom: 1px solid #68615C;
    border-top: 1px solid #68615C;
}

table.information
{
    border-spacing: 15px 0px;
    width:90%;
    text-align:center;
    margin-left:auto; 
    margin-right:auto;
   
}
.data
{
    text-indent: 2em;
    
}

ol.app_items li:before
{ 
    content:"/ " counter(item, decimal) " /   "; 
    counter-increment: item;
	margin-left: 4px;
    /*margin-left:-40px;*/
    
}
ol.app_items li{
    
    padding-bottom:5px;
}
ol.app_items{

    counter-reset: item;
    list-style-type: none;
    text-indent: -2.3em;
    
}
.search_input
{
    border:2px #78675F solid;
    border-radius:15px;
    padding:0 10px 0 10px;
    height:26px;
    width:240px;
    background: transparent;
    /*border: none;*/
}
.search_button
{
   background-color: #78675F;
   color:white;
    margin:0 15px 0 15px;
     width:30%;
    
}
#bulletin
{
     width:calc(100% - 20px);
    border:1px #826659 dashed;
    border-radius:10px;
    display: inline-flex;
    flex-direction: row;
    margin:20px 0 0 0;
    padding:0px 0px 0px 0px;
    /*margin:150px 0px 0px 0px;*/
    min-height:500px;
}
.news
{
  width:100%;
    
    /*height:calc(100% - 100px);*/
    
}
.news ol
{
    list-style-type: none;
    
}
.news_date
{
    -webkit-border-radius: 60px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius: 80px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-radius: 60px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width:140px;
    text-align:center;
    height:24px;
    background-color:#78675F;
    color: #FEFEFE;
    font-weight: bold;

    
}
.news_title
{
    width:calc(100% - 40px);
    height:24px;
    line-height: 24px;
    overflow:hidden;
    word-wrap: break-word;
    word-break: break-all;
   
}
news_list  a
{
	color:#776F69;
}
#news_list a:visited ,#news_list  a:active  ,#news_list  a:link
{
	color:#776F69;
	text-decoration: none;
	background-color: transparent;
}
#news_list a:hover
{
	font-weight: bold;
	color:#0087CA;
}
/*.news_title a:hover
{
	color:yellow;
}
#news_list li.active   a:visited ,#news_list li.active a:active  ,#news_list li.active a:link
{
	color:red;
}
#news_list li.active .news_date
{
	color:red;
}*/
.result
{
    width:calc(100% );/*- 40px*/
    border:5px solid #FABA00;
    /*min-height:680px;*/
    margin:5px;
    border-radius: 10px;
    
}
.result .news_content
{
    padding:10px;
    text-align: justify;
}

.content2 {
    float:right;
    padding-top: 85px;
    
}
#icon1 >div
{
	padding-bottom:10px;
}
.mycolor
{
    color:darkgoldenrod;
}
.mycolor2
{
    color:0087CA;
}
.search_txt{
height:66px;padding-top:5px;padding-bottom:5px;
display:block;
}
.result660X323 {
   
}
.icons td
{
	/*padding-left:10px;font-size:20px;*/
	color:#776F69;
	
	font-weight:500;
	font-size:14px;
	text-align:center;
	/*margin-top:10px;*/
	
   	
   
}
.icons a:visited ,.icons a:active  ,.icons a:link
{
	color:#776F69;
}
.icon {
    width: 80px;
}

.iconfont {
  
   
}