.main-top {
    height: 300px;
    text-align: center;
    position: relative;
}
.main-top:after{
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;

 background: url('../images/footer-bg.jpg')center center no-repeat;
    background-size: contain;
	bottom:-3px;
   
}
.main-title {
    font-family: 'Text Me One', "微軟正黑體";
    font-size: 32px;
    color: #FFF;
	position: absolute;
    bottom: 10px;
    left: 50%;
width: 400px;
    margin-left: -200px;
	text-shadow: 1px 1px 5px #000000;
}

.main-content {
    padding: 35px 0;
}
 .quick-contact-wrap{  width:100%;  margin:0 auto;  padding:0;  position:relative;}
  /*======quick-contact-btn start======*/
  .quick-contact-title{display:block; color:#666; font-size: 1.5em; font-weight:normal; text-align:center; margin:15px 15px 0 15px;padding:0;}
  .visible-xs{ display: none ;}
  .quick-contact{ list-style:none; margin:0; padding:0; display:block; text-align:center; vertical-align:top; }

  .quick-contact li{margin:0; padding:0 0 20px 0; display:inline-block; width:10%; text-align:center;  vertical-align:top;}
  .quick-contact li .btn-text{color:#888; font-size: 1em;}
  .quick-contact li a{display:block; width:100%; max-width:300px;}
  .quick-contact li a:hover{margin-top:-2px;}
  .quick-contact li a img{ width:100%; height:auto;}
  @media (max-width: 768px) {
      .visible-xs { display: block ;}
      table.visible-xs { display: table;  }
      tr.visible-xs { display: table-row ; }
      th.visible-xs,
      td.visible-xs { display: table-cell ; }
  }
  /*======quick-contact-btn end======*/
.content {
    max-width: 1200px;
    margin: 0 auto;
    min-height: 360px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.btn-box {
    clear: both;
    padding-top: 50px;
    position: relative;
    text-align: center;
}
.corner {
    position: relative;
    overflow: hidden;
}
.corner:before {
    content: "";
    display: block;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}
.corner:hover:before,
a:hover .corner:before {
   /* border-color: #454545;*/
}
.corner .cor {
    display: block;
    position: absolute;
    border: solid #454545;
    width: 10px;
    height: 10px;
    z-index: 2;
    pointer-events: none;
}
.corner .cor.lt { border-width: 1px 0px 0px 1px; top:    0;  left: 0; }
.corner .cor.rt { border-width: 1px 1px 0px 0px; top:    0; right: 0; }
.corner .cor.lb { border-width: 0px 0px 1px 1px; bottom: 0;  left: 0; }
.corner .cor.rb { border-width: 0px 1px 1px 0px; bottom: 0; right: 0; }

/*
@media screen and (max-width: 1440px) {
    .main-top {
        background-position: -100px 0, 120% 0;
    }
}
@media screen and (max-width: 1140px) {
    .main-top {
        background-position: -200px 0, 120% 0;
    }
}
@media screen and (max-width: 970px) {
    .main-top {
        background-position: -300px 0, 150% 0;
    }
}
*/
@media screen and (max-width: 767px) {
    .main-top {
        background: none;
        height: 200px;
    }
    .main-title {
        padding-top: 80px;
    }
}