body{font-family: '微軟正黑體';}
h2.title-w3 {
    display: inline-block;
    font-size: 24px;
    padding: 6px 20px;
    color: #fff;
    
    margin-top: 32px;
    margin-bottom: 20px;
}
.title-w3  img {height:30px;}
.imgs {
    max-width: 540px;
    width: 100%;
 }
   .pull-right {
   
    padding-top: 12px;
}
 .hvr-sweep-to-top {

    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
 .wow .flipInX {  
  
  border: 1px solid #626262; }
  
.titles2{
font-size: 16px;
line-height: 1.42857143;

}

  .titles3{
  color:#ce3137;font-size:1.6em;font-weight:bold;   font-style:normal;
   }

     .titles1{

font-size:1.6em;font-weight:bold;
   }
   .pray{
   
  letter-spacing: 2px;
color: #777;
margin: 1em 0;
line-height: 2em;
   }
   
   h2.title-w3 {
    display: inline-block;
    font-size: 24px;
    padding: 0px 9px;
    color: #fff;
    margin-left: -12px;
    margin-top: 2px;
    margin-bottom: 10px;
}

.media-heading{color:#626262 !important;}
 #celds {
    display: none;
}
  #celdsa {
    display: block;
}
#footerleft{
text-align: right;
padding: 0;
}

 #footerright{

padding: 0;
}

@media (min-width: 768px) {
.button_container{
    display: none;
}
.navbar-nav{
    display: block;
}
  #celds {
    display: block;
}
  #celdsa {
    display: none;
}


}

 .hs{font-size: 3.5em;
    letter-spacing: 13px;font-weight: normal;
    
    
    }
.contact-address{
    padding-top: 40px;
}

#logo{padding-right: 15px;
padding-left: 15px;}
#asd {display:block;}
#asd2 {display:none;} 

#asda {display:block;}
#asda2 {display:none;} 

/* iPad Landscape */
@media only screen and (device-width: 879px),
       only screen and (max-width: 879px) {
.contact-address{
    padding-top: 0px !important;
    
}

#asd {display:none;}
#asd2 {display:block;} 

#asda {display:none;}
#asda2 {display:block;} 


 }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.contact-address{
    padding-top: 0px !important;
}
#asd {display:none;}
#asd2 {display:block;} 
#asda {display:none;}
#asda2 {display:block;} 
}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.contact-address{
    padding-top: 0px;
}
#asd {display:none;}
#asd2 {display:block;} 
#asda {display:none;}
#asda2 {display:block;} 
}

 #PC {display:block;text-align: center;}
#mobil  {display:none;}

.sda{padding-top: 50px; padding-bottom: 50px; }

#tops{bottom:50px;}
@media (max-width: 768px) {
#tops{bottom:50px;}
  #asd {display:none;}
#asd2 {display:block;} 
.sda{padding-top: 0px; padding-bottom: 0px; }

.copynote { //margin-top: 100px;
}
 #mobil  {display:block;}
  #PC {display:none;}
 
#footerleft,#footerright{
text-align: center;

}
 

.navbar-nav{
    display: none;
}
#logo{padding-right: 0px;
padding-left: 0px;}
.contact-address{
    padding-top: 18px;
}

  .hs{font-size: 1em;
   }
.navbar-nav{
    display: block;
}
 .navbar-header{
padding: 1em;}
}



#about,#white{
    background-color: white !important;
    
  
}

.media-body2{width: auto;text-align:left;display: table-cell;
vertical-align: top;}



.media-left2{text-align:left;display: table-cell;
//vertical-align: middle;

padding-top: 5px;
padding-right: 10px;}


  #BG{
 background: url('../../assets/images/fb_b.png') no-repeat 0px 0px;
}    /*
  .scroll-top   {  
  width: 54px;
height: 54px;
background: url("../images/move-up.png") no-repeat 0px 0px;
background-size:54px 54px;

  }
   .scroll-top:hover   {
background: url("../images/top_bf.png") no-repeat 0px 0px; background-size:54px 54px;    width: 54px;
height: 54px;

  } */
#BG:hover{
 background: url('../../assets/images/fb_a.png') no-repeat 0px 0px;
}

  .nav > li > a {
  
    padding: 10px;
       
}


.carousel-caption h1 {
    //font-size: 36px;
}

.pd{text-align: center;}

#cen,#cen2{text-align: center;}
@media (max-width: 767px)  {
.carousel-caption h1 {
    font-size: 25px;
}
h2.title-w3  {text-align: left !important;}

.about, .cta-two-section {
    text-align: left;
}
#cen,#cen2{text-align: left;}
.pd{text-align: left;}
}