body {
  font-family: "微軟正黑體",Verdana, sans-serif;
  font-size: 16px;
  margin: 0;
  
}
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 105px;
  transition: background 0.5s;
}

.back-to-top:hover {
    background: #1c8dbd;
    color: #fff;
}
.itm1 img,.itm2 img {
  max-height:48px;
  width: auto;
}
/*.itm2 img {
  max-height:48px;
}*/
@media (min-width: 721px) {
.logo{width:auto;height:5rem;}
.mwth{width:65%;}  
.itm1{
  background-color:#fff;
  font-size: 1.5rem;
  /*background-color:#fff;*/
  color:#0d327c;
  font-weight: 800;
  /*color:#00E000;*/
}
.itm1:hover{
  background-color:#fff;
  color:#0d327c;
  text-decoration: none;
}

.itm2{
  background-color:#48700e;
  font-size: 1.5rem;
  /*background-color:#fff;*/
  font-weight: 800;
  color:#fff;
}
.itm2:hover{
  background-color:#48700e;
  color:#fff;
  text-decoration: none;
}
.itm3{
  background-color:#0d327c;
  font-size: 1.5rem;
  font-weight: 800;
  /*background-color:#fff;*/
  color:#fff;
}
.itm3:hover{
  background-color:#0d327c;
  color:#fff;
  text-decoration: none;
}
}
@media (max-width: 720px) {
.logo{width:auto;height:3.5rem;} 
.mwth{width:70%;}  
.itm1{
  background-color:#fff;
  font-size: 1.5rem;
  font-weight: 800;
  /*background-color:#fff;*/
  color:#0d327c;
  /*color:#00E000;*/
}
.itm1:hover{
  background-color:#fff;
  color:#0d327c;
  text-decoration: none;
}

.itm2{
  background-color:#48700e;
  font-size: 1.5rem;
  font-weight: 800;
  /*background-color:#fff;*/
  color:#fff;
}
.itm2:hover{
  background-color:#48700e;
  color:#fff;
  text-decoration: none;
}
.itm3{
  background-color:#0d327c;
  font-size:1.5rem;
  font-weight: 800;
  /*background-color:#fff;*/
  color:#fff;
}
.itm3:hover{
  background-color:#0d327c;
  color:#fff;
  text-decoration: none;
}
}
@media (max-width: 420px) {
.logo{width:auto;height:3.5rem;} 
.mwth{width:80%;}  
.itm1{
  background-color:#fff;
  font-size: .7rem;
  font-weight: 700;
  /*background-color:#fff;*/
  color:#0d327c;
  /*color:#00E000;*/
}
.itm1:hover{
  background-color:#fff;
  color:#0d327c;
  text-decoration: none;
}

.itm2{
  background-color:#48700e;
  font-size: .7rem;
  font-weight: 700;
  /*background-color:#fff;*/
  color:#fff;
}
.itm2:hover{
  background-color:#48700e;
  color:#fff;
  text-decoration: none;
}
.itm3{
  background-color:#0d327c;
  font-size:.7rem;
  font-weight: 700;
  /*background-color:#fff;*/
  color:#fff;
}
.itm3:hover{
  background-color:#0d327c;
  color:#fff;
  text-decoration: none;
}
}
@media (max-width: 375px) {
.logo{width:auto;height:3rem;} 
.mwth{width:85%;}  
.itm1{
  background-color:#fff;
  font-size: .7rem;
  font-weight: 700;
  /*background-color:#fff;*/
  color:#0d327c;
  /*color:#00E000;*/
}
.itm1:hover{
  background-color:#fff;
  color:#0d327c;
  text-decoration: none;
}

.itm2{
  background-color:#48700e;
  font-size: .7rem;
  font-weight: 700;
  /*background-color:#fff;*/
  color:#fff;
}
.itm2:hover{
  background-color:#48700e;
  color:#fff;
  text-decoration: none;
}
.itm3{
  background-color:#0d327c;
  font-size: .7rem;
  font-weight: 700;
  /*background-color:#fff;*/
  color:#fff;
}
.itm3:hover{
  background-color:#0d327c;
  color:#fff;
  text-decoration: none;
}
}
#demo{
  color: #000;
}
/*底部設定*/
/*foot background color*/
footer{
  background-color: #062a4d;
  color: #fff;
}
.un-left {
  position: absolute;  
  padding: 0px;
  width:100%;  
  border: 0px solid #fff;  
  background-color: rgba(255,255,255,0);
  color:#fff;
  bottom:2.5rem;
  
  
}
a .text-light{
  color: #8eaac2;
  text-decoration: none;
}
.foot-txt{
  padding-bottom: .2rem;
  color:#c9e9ff;
  border-bottom:1px solid #8eaac2;
}
.foot-border-bottom{
  border-bottom-color: #c9e9ff;
}
.foot-top{
  background-color: #ebf2f3;  
}
.copry-top{  
  font-size: 13px;
  color:#062a4d;
  padding-bottom: .3rem;
  padding-top: .3rem;
  border-bottom: 1px solid #062a4d;
}
.copry-down{
  font-size: 13px;
  letter-spacing: .2rem;
  color:#062a4d;
  padding-top: .3rem;
  padding-bottom: .3rem;
  padding-left: 1.5rem;
  padding-right: 0rem;
  font-weight: 800;
 
}
.copry-downall{
  font-size: 12px;
  color:#062a4d;
  padding-top: .3rem;
  padding-bottom: .3rem; 
}

/*.carousel .carousel-indicators li {
   width: 10px;
  height: 10px;
  border-radius: 100%;
}*/
/*各種裝置CSS設定
@media (max-width: 767.98px) {

  
  
}

@media (min-width: 768px){
.navbar-brand img {
  max-height:48px;
}
.tel {
	margin-top:0rem;
	display: inline-block;
	margin-left: 50%;
	margin-right: 0.5rem;
	color: #004185;
} 
  
}

@media (min-width: 1200px) {
.navbar-brand img {
  max-height:48px;
}
.tel {
	margin-top:0rem;
	display: inline-block;
	margin-left: 72%;
	margin-right: 0.5rem;
	color: #004185;
} 
}
*/