@charset "utf-8";



.characteristic{ background:url(/images/characteristic_bg.jpg) no-repeat center bottom;}

.characteristic .panel{ background:none;}

.characteristic .panel-body{ padding-top:5px;}

.characteristic .panel-body>.row>div{padding:5px;}

.characteristic .panel-body .row{ border:none; padding-top:0px; margin-left:-20px; margin-right:-20px;}

.characteristic .panel-body .row:hover{ background:none;}

.characteristic .panel-body .row img{ width:100%;}

.characteristic .panel-body .row a{ display:block; position:relative; color:#fff;}

.characteristic .panel-body .row h2{ text-align:right; width:100%; font-size:14px; height:36px; line-height:36px; display:block; position:absolute; left:0px; bottom:-10px;background-color: rgba(0,0,0,0.5); padding-right:10px;}

.characteristic .panel-body .row i{ font-size:22px; position:absolute; left:10px; top:7px; font-weight:100;}

.characteristic .col-sm-2{ width:20%;}

.characteristic .col-sm-2 a:last-child{ margin-top:10px;}

.characteristic .col-sm-2.hx2 a:last-child{ margin:0;}

.characteristic .col-sm-2 img{ height:100px;}

.characteristic .col-sm-4{ width:40%;}

.characteristic .col-sm-4 img,.characteristic .col-sm-2.hx2 img{height:210px;}



@media (max-width: 760px) {

  .col-xs-0{ display:none;}

  .logo img{margin:15px 0;}

  .search,.tel{ display:none;}

  footer>.container>.row>div,footer>.container>.row>div:last-child{ border:none; height:inherit; margin:0px;}

  .logo-foot{border-top:1px solid #932626;border-bottom:1px solid #932626;}

  .characteristic .col-sm-2{ width:100%;}

  .characteristic .col-sm-4{ width:100%;}

  .characteristic .col-sm-2 img,.characteristic .col-sm-4 img{ height:inherit;}

}


.character360{

 width:150px;

 height:150px;

 border:2px solid #8F9193;

 border-radius:50%;

 overflow:hidden;

 margin: 40px auto 10px;

 -webkit-transition: -webkit-transform 3s ease-out;

 -moz-transition: -moz-transform 3s ease-out;

 -o-transition: -o-transform 3s ease-out;

 -ms-transition: -ms-transform 3s ease-out;

}

.character360-1{

 background:url(/images/or1.png);

}

.character360-1:hover{

  border:2px solid #4F5D73;

  -webkit-transform: rotateZ(360deg);

  -moz-transform: rotateZ(360deg);

  -o-transform: rotateZ(360deg);

  -ms-transform: rotateZ(360deg);

}

.character360-2{

 background:url(/images/or2.png);

}

.character360-2:hover{

    border:2px solid #76C2AF;

  -webkit-transform: rotateZ(360deg);

  -moz-transform: rotateZ(360deg);

  -o-transform: rotateZ(360deg);

  -ms-transform: rotateZ(360deg);

}

.character360-3{

 background:url(/images/or3.png);

}

.character360-3:hover{

    border:2px solid #77B3D4;

  -webkit-transform: rotateZ(360deg);

  -moz-transform: rotateZ(360deg);

  -o-transform: rotateZ(360deg);

  -ms-transform: rotateZ(360deg);

}

.character360-4{

 background:url(/images/or4.png);

}

.character360-4:hover{

    border:2px solid #399BDC;

  -webkit-transform: rotateZ(360deg);

  -moz-transform: rotateZ(360deg);

  -o-transform: rotateZ(360deg);

  -ms-transform: rotateZ(360deg);

}



.character360-5{

  background:url(/images/or5.png);

}

.character360-5:hover{

    border:2px solid #C75C5C;

  -webkit-transform: rotateZ(360deg);

  -moz-transform: rotateZ(360deg);

  -o-transform: rotateZ(360deg);

  -ms-transform: rotateZ(360deg);

}





.character360p{

 font-size:14px;

 font-family:'΢ÈíÑźÚ';

 margin-bottom:20px;

 font-weight:bold;

}



.gallery {

  position: relative;

  z-index: 1;

  overflow: hidden;

  list-style: none;

  padding:5px;

}

ul.gallery li:before,

ul.gallery li:after {

  content: '';

  z-index: -1;

  position: absolute;

  left: 10px;

  bottom: 10px;

  width: 70%;

  height: 55%;

  -webkit-box-shadow: 0 15px 16px #6b6b6b;

  -moz-box-shadow: 0 15px 16px #6b6b6b;

  box-shadow: 0 15px 16px #6b6b6b;

  -webkit-transform: skew(-15deg) rotate(-6deg);

  -moz-transform: skew(-15deg) rotate(-6deg);

  -ms-transform: skew(-15deg) rotate(-6deg);

  -o-transform: skew(-15deg) rotate(-6deg);

  transform: skew(-15deg) rotate(-6deg); 

}

ul.gallery li:after {

  left: auto;

  right: 11px;

  -webkit-transform: skew(15deg) rotate(6deg);

  -moz-transform: skew(15deg) rotate(6deg);

  -ms-transform: skew(15deg) rotate(6deg);

  -o-transform: skew(15deg) rotate(6deg);

  transform: skew(15deg) rotate(6deg); 

}

a.gallery_links img {

  border:none;

}

a.gallery_links {

  position: relative;

  text-decoration: none;

}

 

a.gallery_links:after {

  content: attr(data-tooltip);

  position: absolute;

  bottom: 0%;

  top;

  left:30%;

  background: #111;

  padding: 5px 15px;

  color: white;

  font-family: 'Open Sans', sans-serif;

  text-shadow: 0px 0px 1px #000;

  white-space: nowrap;

  opacity:0.7;

  -webkit-transition: all 0.4s ease;

  -moz-transition   : all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  width:85;

}

  

a.gallery_links:before {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  -webkit-transition: all 0.4s ease;

  -moz-transition   : all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  opacity: 0;

  left:30%;

  bottom: 90%;

}

a.gallery_links:hover:after {

  bottom: 50%;

}

  

a.gallery_links:hover:before {

  bottom: 70%;

}

a.gallery_links:hover:after, a.gallery_links:hover:before {

  opacity:0.9;

}





.clear{clear:both}








.rslides{

  position:relative;

  list-style:none;

  overflow:hidden;

  width:100%;

  padding:0;

  margin:0;

}

.rslides li{

  -webkit-backface-visibility:hidden;

  position:absolute;

  display:none;

  width:100%;

  left:0;

  top:0;

}

.rslides li:first-child{

  position:relative;

  display:block;

  float:left;

}

.rslides img{

  display:block;

  height:auto;

  float:left;

  width:100%;

  border:0;

}



.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;display:none}

.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}

.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}

.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}



.callbacks_container{

  margin-bottom:2px;

  position:relative;

  width:100%;

  max-width:100%;

  text-align:center;

}

.callbacks{

  position:relative;

  list-style:none;

  overflow:hidden;

  width:100%;

  padding:0;

  margin:0;

}

.callbacks li{

  position:absolute;

  width:100%;

  left:0;

  top:0;

}

.callbacks img{

  display:block;

  position:relative;

  z-index:1;

  height:auto;

  width:100%;

  border:0;

}

.callbacks .caption{

  display:block;

  position:absolute;

  z-index:2;

  font-size:20px;

  text-shadow:none;

  color:#fff;

  background:#000;

  background:rgba(0,0,0, .8);

  left:0;

  right:0;

  bottom:0;

  padding:10px 20px;

  margin:0;

  max-width:none;

}

.callbacks_nav{

  position:absolute;

  -webkit-tap-highlight-color:rgba(0,0,0,0);

  top:50%;

  left:5%;

  opacity:0.6;

  z-index:3;

  text-indent:-9999px;

  overflow:hidden;

  text-decoration:none;

  height:61px;

  width:38px;

  background:transparent url("../images/themes.gif") no-repeat left top;

  margin-top:-30px;

  display:none;

}

.callbacks_container:hover .callbacks_nav{display:block;}

.callbacks_nav:active{opacity:1.0;}

.callbacks_nav.next{

  left:auto;

  background-position:right top;

  right:5%;

}