html body{

	letter-spacing: 1px !important;

}

body {	
	font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,sans-serif!important;
	font-size: 1.2em!important;	
	letter-spacing: 1px!important;
}

.sr-only {
  color: #111111!important;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  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;
}

[role="button"] {
  cursor: pointer;
}

a:focus {
  outline: 3px dotted #ff0000 !important;
  outline: 3px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

button:focus {
  outline: 3px dotted #ff0000 !important;
  outline: 3px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input:focus  {outline: dotted 3px #ff0000 !important;}

select:focus  {outline: dotted 3px #ff0000 !important;}


nav ul li a{
font-size: 0.9em!important;		
	
}

.body{
	background-image: url(../img/be_girl.png),url(../img/be_r.png),url(../img/be_cat.png),url(../img/be_top_left.png), url(../img/be_top_middle.png), url(../img/be_bottom_email.png1), url(../img/be_top_right.png), url(../img/be_bottom_right.png);
	background-repeat:  no-repeat,no-repeat,no-repeat,no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 0% 0%,100% 94%,5% 93%,100% 100%, 63.3% 1%, 100% 0%, 100% 0%, 0% 100%;
	background-size: auto,auto,auto,100%,auto,auto,auto,auto; 
	background-color: #cbc2c2;
	
}

.body2{
	background-image: url(../img/be_girl.png), url(../img/be_top_middle.png), url(../img/be_top_right.png);
	background-repeat:  no-repeat,no-repeat,  no-repeat, no-repeat;
	background-position: 0% 0%, 63.3% 1%, 100% 0%;
	background-size: auto,auto,auto; 
	background-color: #cbc2c2;
	
}

@media (max-width:1370px){
	
.body{
	background-image: url(../img/be_top_left.png), url(../img/be_top_middle.png), url(../img/be_top_right.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 100% 100%, 63.3% 1%, 100% 0%;
	background-size: contain,auto,auto; 
	
}	
.body2{
	background-image: url(../img/be_top_left.png), url(../img/be_top_middle.png),  url(../img/be_top_right.png);
	background-repeat: no-repeat, no-repeat,  no-repeat;
	background-position: 100% 100%, 63.3% 1%,100% 0%;
	background-size: contain,auto,auto; 
	
}		
}

p{
color: #111!important;
line-height: 2.5!important;
font-size: 1.2em!important;	
}
.c_pic{
height: 90px!important;	
}
@media (max-width:576px){
.main{margin-top: -50px!important}	
.c_pic{
height: 300px!important;
	margin-bottom: 10px;
}
#header .header-nav.header-nav-divisor nav > ul > li{

width:100%!important;	
	text-align: center!important;
	}	
	
#header .header-nav.header-nav-divisor nav > ul > li > a{
width:100%!important;	
	text-align: center!important;	
	}
}
@media (min-width:576px){

.epaper_date_formobile{
display: none!important;
	
}	
#header .header-nav.header-nav-divisor nav > ul > li{

width:140px!important;	
	text-align: center!important;
	}	
	
#header .header-nav.header-nav-divisor nav > ul > li > a{
width:140px!important;	
	text-align: center!important;	
	}	
}
.bg-primary-new{
	background-color: transparent!important;
	color: #fff!important;
}

.bg-primary-new a{
	color: #fff!important;
}

#footer {
	margin-top: 0!important;
	border-top: 0!important;
}
#header .header-nav.header-nav-divisor nav > ul > li{


	text-align: center!important;
	}	
	
#header .header-nav.header-nav-divisor nav > ul > li > a{

display: block!important;
border-right: 0px solid #ccc!important;
background-color: #555452!important;	
margin-right: 2px!important;

height: 43px!important;
line-height: 43px!important;	
text-align: center!important;
padding: 0!important;	
	}


.bg_section{
	background-color: rgba(255,255,255,1); 
	padding: 50px 50px 5px 50px; 
	margin-bottom: 50px;
	border-radius: 25px;
}		
@media (max-width:576px){
	
.epaper_date_formobile{
display: none!important;
	
}	
	
.bg_section{	
	padding: 50px 20px 5px 20px!important;
}
}	
.h3{
	line-height: 2.5!important;
	
}

.t_img img{
	
	margin-top: 15px!important;
}

footer p{
	color: #ccc!important;
	font-size: 0.8em!important;
}

.thumb-info-caption-text {
overflow-x: auto!important;	
	
}

.thumb-info-caption-text table{ 
color: #111111!important;
line-height: 2.5!important;
font-size: 1.2em!important;	

}
.thumb-info-caption-text table p{ 
font-size: 1.0em!important;	

}
.thumb-info-caption-text th{ 
color: #111111!important;
line-height: 2.5!important;
padding: 10px 10px 10px 10px!important;	
font-weight: 600!important;	
background-color: #bcebf1!important;
text-align: center!important;
width: 33.333%!important;	
}
.thumb-info-caption-text td{ 
color: #111111!important;
line-height: 2.5!important;
padding: 15px 20px 15px 20px!important;	
}

.dropdown a:hover{
color: #FFD600!important;	
	
}
.news_h4 a{
overflow:hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;	
}

.news_c {
overflow:hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all!important;
line-height: 200%!important;
}
.btn-his-title {
    transition: all .15s ease-out;
    background: #f7f7f7;
    border-left: 3px solid #79543d;
    border-radius: 5px;
    color: #79543d;
    display: block;
    min-height: 20px;
    padding: 12px 20px 12px 15px;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: -0.2px;
    text-decoration: none !important;
	margin-bottom: 10px;
}

.btn-save{
	    background-color: #926344;
    border-color: #926344;
    color: #FFF;
    --color: #fff!important;
    --hover: #666666!important;
    --disabled: #666666!important;
    --active: #000!important;
}
.btn-save:hover{
	background-color: #894d26;
    border-color: #894d26;
    color: #FFF; 
}
.text-color-danger{
	color: #cf1313 !important;
}
caption{
	text-align: center!important;
	font-weight: 600!important;
	font-size: 1.2em!important;
	caption-side: top!important;	
}

.d-inline-block{
display: block!important;	
}