@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@charset "utf-8";

/* PC 1150*/
.ad_all{margin-bottom:20px; }
.banner{width:100%; margin:0 auto;text-align:center;line-height:0;}
.banner img{width:auto;}

.ad_300x250_mo {display: none;}
.ad_728x90{overflow:hidden;}

.ad_block { margin: 0 auto; text-align:center; line-height:0; }
.ad_block img { width:auto; }

/*1024*/
@media (max-width:1149px){
.ad_728x90{width:100%;display: none;}
.ad_728x90 img{width:100%;}	
}
/* Mobile 1023*/
@media (max-width:767px) {

.ad_300x250_mo { display: block; width:auto; margin: 0 auto; text-align: center; line-height:0; overflow: hidden; }
.ad_300x250_mo img { width: auto; }
}



@charset "utf-8";
/* CSS Document */
body,
html {
word-wrap:break-word;	
position:relative;
margin: 0;padding: 0;outline:none;
font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Microsoft JhengHei, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif, 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Myriad Pro, Microsoft, bauerbodonistd-roman, Century Gothic,"Asap",Futura,"Lucida Grande", Geneva, Helvetica, "sourcehansans-tc-normal","sans-serif",Tahoma;
-webkit-overflow-scrolling: touch; 
}
p,ul,li{margin:0;padding:0;list-style:none;}
a:link,a:visited,a:active {color: #000;text-decoration: none;}
a:hover {text-decoration:none; color:#ff9398;}
img{width:100%; border:0;}


input{outline:none;font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Microsoft JhengHei, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif, 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Myriad Pro, Microsoft, bauerbodonistd-roman, Century Gothic,"Asap",Futura,"Lucida Grande", Geneva, Helvetica, "sourcehansans-tc-normal","sans-serif",Tahoma;}
.img{position:relative;}
a:hover .img_mask{background-color: rgba(0,0,0,0.3);}
.img_mask{position: absolute;width:100%;height:100%;background-color: rgba(0,0,0,0);z-index:1;transition:0.3s;}
.img_mask:hover{background-color: rgba(0,0,0,0.3);}
.txt{word-break: break-word;}
input::-ms-clear { display: none; }

/*去除input默認樣式*/
textarea,
text,
select,
input {
 -webkit-appearance: none; 
 -moz-appearance: none; 
 -o-appearance: none; 
 appearance: none;
border:1px #ff9398 solid;	
 }
/*去除 Chrome focus 時外框*/
input:focus { 
 outline:0;
}
textarea:focus { 
 outline:0; 
}
select:focus { 
 outline:0; 
}
/* 共用物件 */
/*--按鈕--*/
.button01{padding:3px 20px;color:#ff9398;border:1px #ff9398 solid;border-radius:30px;cursor:pointer;}
.button01 a{color:#ff9398;}
.button01:hover,.button01:hover a{background:#ff9398;color:#fff;}
/*--按鈕ed--*/
/*--gotoTop--*/
#back{
	text-align: center;
	position: fixed;
	z-index:100;
	right: 0;
	bottom:0;
	transition:0.5s;
	display: block;
	cursor:pointer;
	padding:0 10px 15px 0;
}
#back-img1{
	
	cursor:pointer;width:40px;height:40px;
    background:#ff9398;
	border-radius:30px;
	display: block;
	
}
#back-img1 img{width:100%;}
/*--gotoTop end--*/

/* 文字 */
.line-through{text-decoration: line-through;}
.font_bold{font-weight:bold;}
.a30{font-size:30px;}
.a22{font-size:22px;}
.a18{font-size:18px;}
.a16{font-size:16px;}
.a14{font-size:14px;}
.color1{color:#fff;}
.color2{color:#000;}
.color3{color:#ff9398;}
.color4{color:#e4007f;}
.color5{color:#9f9f9f;}
@media (max-width:1149px){
.a30{font-size:26px;}	
.a22{font-size:18px;}
.a18{font-size:16px;}
}
@media (max-width:767px){
.a30{font-size:22px;}	
.a22{font-size:16px;}
}
/* 文字ed */

/* 間距 */
.margin_t10{margin-top:10px;}
.margin_r10{margin-right:10px;}
.margin_r20{margin-right:20px;}
.margin_l20{margin-left:20px;}
.margin_b10{margin-bottom:10px;}
.margin_b15{margin-bottom:15px;}
.margin_b20{margin-bottom:20px;}
.margin_b25{margin-bottom:25px;}
.margin_b30{margin-bottom:30px;}
.padding_lr_20-15{padding:0 20px;}
@media (max-width:1023px){
.padding_lr_20-15{padding:0 15px;}	
.margin_r20{margin-right:10px;}
.margin_l20{margin-left:10px;}	
}
/* 間距ed */

/* 靠左靠右 */
.float_none{float:none;}
.float_left{float:left;}
.float_right{float:right;}
.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}
/* 靠左靠右ed */
/* 日期 */
.txtbottom .data{font-size:14px; color:#9f9f9f;margin-top:8px;}
/* 日期 ed*/

/* 隱藏 */
.mobile_block{display:none;}
.display_block{display:block;}
.display_none{display:none;}
@media (max-width:1023px){
.mobile_block{display:block;}
}
/* 隱藏 */

/* 圈圈小物件 */
.object01,.object02,.object03,.object03_1,.object04,.object_community01,.object_community02,.object_community03,.object_community04{width:30px;height:30px;cursor: pointer;}
/*愛心*/
.object01{background:url(../fonts/object01.svg) 100%;}
.object01:hover,.object01.active{background:url(../fonts/object01-o.svg) 100%;}
@media (max-width:1149px) {
    .object01:hover {
        background:url(../fonts/object01.svg) 100%;
    }
	.object01.active{
		background:url(../fonts/object01-o.svg) 100%;
	}
}
/*播放*/
.object02{background:url(../fonts/object02.svg) 100%;}
.object02:hover,.object02.active{background:url(../fonts/object02-o.svg) 100%;}
/*購物*/
.object03,.object03_1{background:url(../fonts/object03.svg) 100%;}
.object03:hover,.object03_1:hover,.object03.active{background:url(../fonts/object03-o.svg) 100%;}
/*購物空*/
.object03-1{width:30px;height:30px;background:url(../fonts/object03-f.svg) 100%;}
@media (max-width:320px){
.object03-1{width:22px;height:22px;}
}
/*+1*/
.object04{background:url(../fonts/object04.svg) 100%;}
.object04:hover,.object04.active{background:url(../fonts/object04-o.svg) 100%;}
/*臉書*/　
.object04{background:url(../fonts/object_community01.svg) 100%;}
.object_community01{background:url(../fonts/object_community01.svg) 100%;}
/*g+ */  
.object_community02{background:url(../fonts/object_community02.svg) 100%;}
/*fbm*/  
.object_community03{background:url(../fonts/object_community03.svg) 100%;}
/*line*/ 
.object_community04{background:url(../fonts/object_community04.svg) 100%;}

/*圖片播放屬性*/
.pic-video-icon {
 position: absolute;z-index: 2;bottom: 0;right: 0;width: 29px;height: 23px;
 background: url(../fonts/b8c9f742d4d046a7a42b1bd00b3143ee.svg) no-repeat #FFF;
	background-position: 15px;
	background-size: 16px 16px;
	box-sizing: border-box;
}
.track_icon p {
	text-align: center;
	margin: 1px 0 0 0;
}
.track_icon.track_click {
	color: #FFF;
	background: url(../fonts/track-icon-2.svg) no-repeat #ff9398;
	background-position: 8px;
	background-size: 16px 16px;
}
.track_icon.track_click p {
	margin: 1px 0 0 0;
	margin: 0\0;


}

/*More*/
.more_link a {
 display: block; height: 26px; line-height: 26px; font-size: 14px;
 color: #ff9398; text-decoration: underline;float:right;
}
/* 圈圈小物件 ed*/

/* 物件 */
.txtbottom .object{}
.txtbottom .object ol{padding:0;margin:0;border:0;display:inline-block;cursor:pointer;}
/* 物件 ed */
@media (max-width:320px){
.txtbottom .data{margin-top:0px;font-size:12px;}	
.object01,.object02,.object03,.object03_1,.object04,.object_community01,.object_community02,.object_community03,.object_community04{width:22px;height:22px;cursor: pointer;}	
}

/*header*/
.header{}

/*header底圖*/
.header_kv{position:relative; width:100%;height:120px;background: url(../images/header_kv.jpg)no-repeat;display:flex;}
/*會員*/
.header_kv_mask{display: none;position:fixed; background-color: rgba(0,0,0,0);width: 100%;height:100%;left:0;z-index:4;}
.header_member_login{
	display: none;
	color:#ff9398;
	position:absolute;top:45px;right:10px;;z-index:5;
	background-color:rgba(255,255,255,1);
	padding:10px;padding:14px 10px 15px; border-radius:5px;
	box-shadow:rgba(0,0,0,0.2) 0px 2px 10px;
}
.header_member_login a{color:#ff9398;}
.header_member_login .list{max-width:305px;}
.header_member_login .list a{margin:5px;}
.header_member_login .list .img{width:30px;height:30px;margin: 0 auto 5px;position:relative;}
.header_member_login .list .point{
	width:5px;height:5px;position:absolute;border-radius:10px;background: #f70c1b;overflow: hidden;right:-15px;top:-5px;
}
.header_member_login .list .img_s2{width:35px;height:30px;margin: 0 auto 5px;}
.header_member_login .list li{
	width: auto;
	display:inline-block;

	background-color:#fafafa;
	padding:15px 8px 10px;border-radius:5px;
	box-shadow:rgba(0,0,0,0.2) 0px 2px 8px;
	margin-bottom:15px;
}
.header_member_login .list li p{
width:72px;	
overflow: hidden;
white-space: nowrap;
font-size:18px;	
}

.header_member_login .btn{text-align:center;}
.header_member_login .btn span::after{content:'/';}
@media (max-width:413px){

}
@media (max-width:359px){
.header_member_login .list{max-width:282px;}	
.header_member_login .list li p{
width:65px;	
overflow: hidden;
white-space: nowrap;
font-size:16px;	
}
}
/*會員ed*/
.header_logo{width:195px;height:80px;margin:auto;}
.quantity{border: 2px solid #fff; left:-10px;top:-10px;position: absolute;z-index: 1;width:20px;height:20px;background:#f70c1b;text-align:center;font-size:10px;color: #fff;border-radius:60px;display:flex;}
.quantity p{margin:auto;}
.header_community{position:absolute; overflow:hidden;top:10px;left:20px;}
.header_community li{float:left;width:24px;height:24px;margin-left:10px;cursor:pointer;}
.header_community li:first-child{margin-left:0;}
.header_list{position:absolute;top:10px;right:20px;}
.header_list li{float:left;width:24px;height:24px;margin-left:10px;cursor: pointer;position: relative;}
.header_list li .point,.header_list_mo li .point{
	width:5px;height:5px;position:absolute;border-radius:10px;background: #f70c1b;overflow: hidden;right:-3px;top:-3px;
}
.header_list li.login img,.header_list_mo li.login img{border-radius:30px;}

.header_list_mo{display:none;margin:auto 0 auto auto;}
.header_list_mo li{float:left;width:22px;height:22px;margin-left:15px;position: relative;}
@media (max-width:1149px){
.header_kv{background-size:1024px 114px;height:114px;}
}
@media (max-width:1023px){
.header_kv{width:auto;height:55px;background:none;padding:0 15px;}
.header_logo{width:105px;height:44px;margin:auto 0;}
.header_community,.header_list{display:none;}		
.header_list_mo{display:block;}
}	
/*header底圖ed*/

/*menu*/
.header_nav,.menu_bar,.header_float{}
.header_nav,.header_float .menu_bar{}
.header_nav{position:relative;}

.menu_bar{height:45px; color:#fff;position:relative;background-color:#ff9398;border-radius:5px;}
.menu_bar .menu_list{width:98%;float:left;}
@media (max-width:767px){.menu_bar{height:auto; overflow: hidden;}}
.menu_bar .menu{}
.menu_bar .magnifier{width:20px;position:absolute;top:12px;right:20px;}

/*float*/
.header_float{width:100%;display:none;margin:0;position:fixed;top:0;left:0;z-index:11;}
.header_float .menu_bar{background-color:#ff9398;border-radius:0 0 5px 5px;}
.header_float .magnifier{top:12px;right:20px;}
.header_float .child_menu{}
/*float ed*/
.menu_bar .menu ul{}
.menu_bar .menu li{font-size:20px;color:#fff;padding:9px 20px;position:relative;cursor: pointer;float:left;}
.menu_bar .menu li:hover{background-color:#ffaaaf;}

.menu_bar .menu li a{ color:#fff;}
.menu_bar .menu li.active{background-color: #ffaaaf;}
.menu_bar .menu li:nth-child(n+12){display:none;}
/*子選單*/
#special_p{}

.child_menu{width:150px;position:absolute;z-index:10;display:none;left:50%;top:45px;margin-left:-75px;}
.child_menu p{width:auto;padding: 10px 20px;background-color:#ff9398;color:#fff;font-size:18px;cursor: pointer;text-align: center;overflow: hidden; white-space:normal;word-wrap:break-word;}
.child_menu p a{color:#fff;font-size:18px;}
.child_menu p:hover{background-color:#ffaaae;}
/*子選單ed*/
@media (max-width:1149px){
.child_menu{position:absolute;z-index:10;}	    
.menu_bar .menu li{padding:8px 13px;white-space:nowrap;}
.menu_bar .menu_list{width:95%;}	
.menu_bar .menu_list{white-space:nowrap;}	
.child_menu p{overflow: hidden; white-space:normal;word-wrap:break-word;
}
}
@media (max-width:1023px){

.menu_bar{height:auto;overflow: hidden;}
.menu_bar .menu {
	width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;    
}
.menu_bar .menu li{padding:0 13px;line-height:45px;}		
.menu_bar .menu li a{}

#special_p{display:none;}
.menu_bar .menu li:nth-child(n+12){display:inline-block;}
.menu_bar .menu_list{overflow-x:auto;overflow-y:hidden;}
.menu_bar .menu_list::-webkit-scrollbar {background-color:rgba(255,255,255,0);height:0px;}
.menu_bar .menu_list::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0);}	
.menu_bar{border-radius:0;}	

.menu_bar .menu_list{width:100%;}.menu_bar .magnifier{display:none;}
.header_nav{margin-bottom:0;}	
.header_nav,.menu_bar,.header_float{}
.header_nav,.header_float .menu_bar{border-radius:0;padding:0;}
.menu_bar .menu li{font-size:18px;}
}
/*menu ed*/
/*header ed*/
/* 共用物件 ed*/

/* 內框架 */
.container{overflow: hidden; padding-bottom:50px;}
.frame_box{width:640px; margin:0 auto;position: relative;}
@media (max-width:639px){
.frame_box{width:640px;margin:0 auto;}
}
@media (max-width:640px){
.frame_box{width:640px;margin:0 auto;}	
}
@media (max-width:640px){
.frame_box{width:640px;margin:0 auto;}	
.container{padding-bottom:80px;}	
}
@media (max-width:640px){
.frame_box{width:100%;margin:0 auto;}	
}
/* 內框架 ed */

/* 置頂廣告 */
.top_banner{background-color:#f7f7f7;padding:10px 0;border-bottom: 1px #ededed solid;}
@media (max-width:1023px){
.top_banner{display:none;}
}
/* 置頂廣告 ed*/
/*--搜尋--*/
.page_search{display:none;position:fixed;z-index:100;width:100%;height:100vh;top:0;background-color:rgba(0,0,0,0.9);overflow:hidden;overflow-y:auto;}
.search_contxt{padding:45px 20px 20px;color:#9f9f9f;}
.search_txt{margin-bottom:10px;}
.search_txt input{border-radius:0; width:100%; font-size:60px;color:#9f9f9f;border:0;border-bottom: 1px solid #fff; background-color:rgba(0,0,0,0);padding-bottom:10px;}
.search_title{font-size:26px;color:#9f9f9f;margin-bottom:10px;}
.search_list{overflow:hidden;}
.search_list ul{width:100%;}
.search_list li{padding:5px 15px;float:left;border:1px #fff solid;border-radius:30px;margin-right:20px;cursor: pointer;margin-bottom:20px;}
.search_list li:hover{background-color:#ff9398;border:1px #ff9398 solid;}
.search_list li a{color:#fff;font-size:20px;}
.page_search .frame_box{position:relative;}
.page_search .close{width:30px;height:30px; position:absolute;right:15px;top:20px;cursor:pointer;}
.mobilesubmenu{display:none;}
@media (max-width:1149px){
}
@media (max-width:1023px){
.search_txt input{width:100%; font-size:26px;color:#9f9f9f;border:0;border-bottom: 1px solid #fff; background-color:rgba(0,0,0,0);padding-bottom:10px;}	
.page_search .close{width:20px;height:20px;}
.search_title{font-size:22px;}
.search_list li{margin-right:16px;margin-bottom:16px;}	
.search_list li a{font-size:16px;}
.mobilesubmenu{display:block;}
}
@media (max-width:375px){
.search_list li{padding:5px 11px;margin-right:15px;margin-bottom:10px;}		
}
@media (max-width:360px){
.search_list ul{width:100%;}
.search_list li{padding:5px 10px;margin-right:10px;margin-bottom:10px;}		
}
@media (max-width:320px){
.search_list li{padding:5px 15px;margin-right:10px;margin-bottom:10px;}		
}
/*--搜尋ed--*/
/* hamburger 漢堡*/
.hambuger_link,.hambuger_service,.hambuger_community{overflow: hidden; margin-bottom:20px;}
.hambuger{display:none;position:fixed;z-index:100;width:100%;height:100vh;top:0;background-color:rgba(255,255,255,1);overflow:hidden;}
.hambuger .frame_box{position:relative;}
.hambuger .logo{}
.hambuger_list,.hambuger_link{text-align: center;}
.hambuger_list li,.hambuger_link li{padding:10px 20px;font-size:20px;color:#ff9398;}
.hambuger_list li a,.hambuger_link li a{padding:5px 10px;font-size:20px;color:#ff9398;}
.hambuger_list li a:hover,.hambuger_link li a:hover{border-bottom: 1px solid #ff9398;}
.hambuger .close{width:20px;height:20px; position:absolute;right:15px;top:20px;cursor:pointer;}
.hambuger .close img{width:100%;}
.hambuger_service,.hambuger_copyright,.hambuger_community{font-size:14px;text-align:center;}
.hambuger_community{overflow: hidden;}
.hambuger_community li{display:inline-block; width:30px;height:30px;margin-left:10px;cursor:pointer;}
.hambuger_copyright{color:#9f9f9f;padding-bottom:20px;}
.hambuger_copyright br{display:block;}
.hambuger #special_p{display:block;}
.hambuger_list li:nth-child(n+12){display:none;}

.hambuger_child_menu{text-align: center;}
.hambuger_child_menu .child_menu1{overflow:hidden;display:none;}
.hambuger_child_menu .child_menu1 a{color:#9f9f9f;}
.hambuger_child_menu .child_menu1 p{padding: 10px 20px;color:#9f9f9f;font-size:16px;cursor: pointer;}
.hambuger_child_menu .child_menu1 p a:hover,.hambuger_child_menu .child_menu1 p:hover{color:#ff9398;}
/* hamburger 漢堡ed*/
/*footer*/
.footer{padding-top:0px!important;}
.footer a ,.footer h2{color: #fff; font-size:18px;}.footer h2:hover{}
.footer_box,.footer_arraw,.footer_arraw2{background-color:#ff9398;color:#fff;}
.footer_box{width:1150px;position:fixed;z-index:10;bottom:0; left:50%; margin-left:-575px;}
.footer{width:100%;position:absolute;z-index:2;top:-8px;}
.footer_arraw_box{width:100%;position:absolute;top:-33px;z-index:2;}
.footer_arraw,.footer_arraw2{margin:0 auto;width:65px;height:65px;border-radius:60px;cursor:pointer;}
.footer_arraw2{display:none;}
.footer_arraw .img,.footer_arraw2 .img{width:25px;height:25px; margin:0 auto;padding-top:8px;}
.footer_arraw2 .img{}
.footer .frame_box{background-color:#ff9398;overflow: hidden;}
.footer_center{list-style:none;margin-top:20px;}
.footer_center_L{width:420px;margin-right:20px;}
.footer_center_L,.footer_center_R{float: left;}
.footer_center_L h2{margin-top:10px;}
.footer_center_L .logo{width:120px;height:58px;}.footer_center_L .logo img{width:100%;height:100%;}
.footer_center_L .footer_service{word-wrap:break-word;}
.footer_center_L .footer_service li{color:#fff;padding-bottom:10px;padding-left:30px;width:100%;}
.footer_center_L .footer_service li a{color:#fff;}
.footer_center_L .footer_service li:nth-child(1){background: url(../images/footer_list01.png) no-repeat; background-size:30px;background-position:left -2px;}
.footer_center_L .footer_service li:nth-child(2){background: url(../images/footer_list02.png) no-repeat; background-size:30px;background-position:left -2px;}
.footer_center_L .footer_service li:nth-child(3){background: url(../images/footer_list03.png) no-repeat; background-size:30px;background-position:left -2px;}

.footer_center_R{width:670px;margin-top:72px; overflow:hidden;}
.footer_center_R li{border-top:#fff 1px solid;float:left;padding:0px 0 15px;margin-right:90px;}
.footer_center_R li:last-child{margin-right:0;}
.footer_center_R li h2{margin-bottom:15px;}
.footer_center_R li h2:last-child{margin-bottom:0px;}

/*footer_bottom*/
.footer_bottom {width:100%; color: #fff;font-size:14px;margin:0;padding:10px 0 20px 0;border-top:#fff 1px solid;overflow: hidden;}
.footer_bottom .link {list-style:none;float:left;}
.footer_bottom .link li{display:inline;}
.footer_bottom .link li::after{content:"│";padding-left: 10px;padding-right:6px;}
.footer_bottom .link li:last-child::after{content:"";padding:0;margin:0;}
.footer_bottom .link li:last-child a{border-right:none;}
.footer_bottom .copyright {float:right;color:#fff;}
.footer_bottom .copyright br{display:none;}
/*footer_bottom*/
@media (max-width:1149px){
.footer_center_L{width:420px;margin-right:20px;}	
.footer_center_R{width:520px;overflow:hidden;}	
.footer_center_R li{margin-right:40px;}	
.footer_box{width:1000px;position:fixed;z-index:10;bottom:0; left:50%; margin-left:-500px;}
}
@media (max-width:1023px){
.footer_box{display: none;}
}
/*footer ed*/
/* 載入更多 */
#load-more{border:1px solid #ff9398;text-align:center;border-radius:3px}
#load-more a{display:block;color:#ff9398;line-height:3em}
/* 載入更多 ed */

/*我的收藏 tab*/
.keep_page_tab {
	width: 100%;
	margin: 15px 0;
}
.keep_page_tab ul {
	margin: 0;
	padding: 0;
}
.keep_page_tab li { 
	display: inline-block;
	padding: 8px 30px;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 5px;
	font-size: 20px;
	color: #000;
	text-align: center;
	background: #EEE;
}
.keep_page_tab li:hover { 	
	color: #FFF;
	background: #ff9398;
}
.keep_page_tab li:hover a { 	
	color: #FFF;
}
.keep_page_tab .active {
	background: #ff9398;
	color: #FFF;
}
@media (max-width:1149px) {
.keep_page_tab li { 
	font-size: 18px;
}
}

@media (max-width:414px) {
.keep_page_tab li {
	font-size: 16px;
	padding: 8px 15px;
	margin-right: 3px;
}
}
@media (max-width:360px) {
.keep_page_tab li {
	font-size: 16px;
	padding: 8px 7px;
	margin-right: 3px;
}
}
/*我的收藏 tab ed*/

/*我的收藏刪除 icon*/
.keep_del_btn {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #9f9f9f;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	background: url(../images/icon_del.svg) no-repeat center center;
	background-size: 20px 20px;
	cursor: pointer;
}
.keep_del_btn:hover {
	background: url(../fonts/icon_del_white.svg) no-repeat center center #ff9398;
	background-size: 20px 20px;
	border: 1px solid #ff9398;
}
@media (max-width:320px) {
.keep_del_btn {
	width: 22px;
	height: 22px;
	border-radius: 15px;
	margin-top: -11px;
	background-size: 15px 15px;
}
.keep_del_btn:hover {
	background: url(../fonts/icon_del_white.svg) no-repeat center center #ff9398;
	background-size: 15px 15px;
}
}
/*我的收藏刪除 icon ed*/
@charset "utf-8";
/* helper class */

.clearfix{overflow:auto;zoom:1;width:100%}
.clearfix::after{content:"";clear:both;display:table}

/*spacing*/
.mt-0{margin-top:0!important}
.mt-1{margin-top:1em!important}
.mt-2{margin-top:2em!important}
.mt-3{margin-top:3em!important}
.mt-4{margin-top:4em!important}
.mt-5{margin-top:5em!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:1em!important}
.mb-2{margin-bottom:2em!important}
.mb-3{margin-bottom:3em!important}
.mb-4{margin-bottom:4em!important}
.mb-5{margin-bottom:5em!important}
.ml-0{margin-left:0!important}
.ml-1{margin-left:1em!important}
.ml-2{margin-left:2em!important}
.ml-3{margin-left:3em!important}
.ml-4{margin-left:4em!important}
.ml-5{margin-left:5em!important}
.mr-0{margin-right:0!important}
.mr-1{margin-right:1em!important}
.mr-2{margin-right:2em!important}
.mr-3{margin-right:3em!important}
.mr-4{margin-right:4em!important}
.mr-5{margin-right:5em!important}



/*完美研究室*/
.kv .title img{width:67px;display:flex}
.kv .title span{overflow:hidden;padding-left:calc(67px + 15px);position:relative;top:-47px;font-size:22px;display:block;white-space:nowrap;text-overflow:ellipsis}





/*.kv .title span.one-line{top:-48px;}*/
.beautylab .more{text-align:right;clear: both;margin-bottom:12px;}
.beautylab .more a{color:#ff9398;text-decoration:underline;font-size:14px;}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}


/*spacing*/
.mb-20{margin-bottom:20px}



@media screen and (min-width:767px){
	

	.ad728X90{margin:20px auto}
.ad385x256{display: none;}
}

@media screen and (max-width:767px){
.ad385x256{display: block;margin-top:10px;}
	.ad728X90{display: none;}
.container{padding-bottom:20px;
}

}

/*分類標題*/

.all-article-title{margin-top:0;overflow:hidden;height:30px;width:100%;margin-bottom:20px}
.all-article-title .icon{display:inline-block;width:30px;float:left;margin-right:0;padding:6px 5px 0;height: auto;}
.all-article-title div.txt{position:relative;box-sizing:border-box;width:auto;display:inline-block;background-color:#fff;color:#ff9398;height:30px;padding-right:5px;font-size:22px;top:1px}
.all-article-title:after{z-index:-1;content:"";border-top:1px solid #ff9398;width:100%;display:block;position:relative;top:16px;right:-90px}


/* playlist */

.playlist_pic{overflow:hidden;position:relative;z-index:1;line-height:0}
.playlist_pic img{height:auto}
.playlist_txt{height:45px;margin-top:6px;overflow:hidden;line-height:22px;overflow:hidden;}
.content_L .playlist-wrap .txtbottom{position:relative}
.playlist-wrap{margin-bottom:1em}
.playlist-wrap:last-child{ margin-bottom:0em;   }
.playlist{position:relative;z-index:1;box-sizing:border-box;overflow:hidden}
.playlist.right{float:right;margin:0 20px 0 0}
.playlist.left{float:left;margin:0 0 0 20px}
.playlist_pic{overflow:hidden;position:relative;line-height:0;z-index:1}
.playlist_pic img{height:auto}


@media screen and (min-width:769px){
.item4-1 .playlist_pic .img{height:100.96875px;width: 100%;}    
}

@media screen and (max-width:1149px){
.item4-1 .playlist_pic .img{height:84.375px;}
.kv .title span{overflow:hidden;padding-left:calc(67px + 10px);}
}

@media screen and (max-width:1023px){
.item4-1 .playlist_pic .img{height:84px;width: 100%; margin-bottom: 0;}  
.beautylab .more{margin-right:15px;}  
}

@media screen and (max-width:767px){
.beautylab .more{margin-right:0px;}  

}








@media screen and (max-width:412px){
.item4-1 .playlist_pic .img {
    height: 86.0625px;
    width: 100%;
}
}


@media screen and (max-width:375px){
.item4-1 .playlist_pic .img {
    height: 77.625px;
    width: 100%;
}
}

@media screen and (max-width:360px){
.item4-1 .playlist_pic .img {
    height: 74.25px;
    width: 100%;
}
}

@media screen and (max-width:320px){
.item4-1 .playlist_pic .img {
    height: 65.25px;
    width: 100%;
}
}


@media screen and (min-width:767px){
.item3-1 .playlist_pic img{height: auto;}  

.item3-1 .playlist_pic .img{
    height:136.61px;width: 100%;
} 
}
@media screen and (max-width:1149px){
.item3-1 .playlist_pic .img{height:114.1875px;}
}

@media screen and (max-width:1023px){
.item3-1 .playlist_pic .img {
    height: 114px;
    width: 100%;
}}

@media screen and (max-width:767px){
.item3-1 .playlist_pic .img{height:86.0625px;margin-bottom:0;}    
}


@media screen and (max-width:375px){
.item3-1 .playlist_pic .img{height:77.625px;margin-bottom:0;}    
}

@media screen and (max-width:360px){
.item3-1 .playlist_pic .img{height:74.25px;}    
}
@media screen and (max-width:320px){
.item3-1 .playlist_pic .img{height:65.25px;}    
}


@media screen and (min-width:767px){
.item3-2 .playlist_pic .img {height:137px;width: 100%;}    
}

@media screen and (max-width:1149px){
    .item3-2 .playlist_pic .img {height:114.1875px;width: 100%;} 
}
@media screen and (max-width:1023px){
.item3-2 .playlist_pic .img{height:114px;width: 100%;} 
}
@media screen and (max-width:767px){
.item3-2 .playlist_pic .img{height:102.375px;width: 100%;margin-bottom:0;}    
}

@media screen and (max-width:412px){
.item3-2 .playlist_pic .img{height:101.8125px;width: 100%;}    
}
@media screen and (max-width:375px){
.item3-2 .playlist_pic .img{height:91.125px;width: 100%;}    
}

@media screen and (max-width:360px){
.item3-2 .playlist_pic .img{height:87.1875px;width: 100%;}    
}
@media screen and (max-width:320px){
.item3-2 .playlist_pic .img{height:75.9375px;width: 100%;}    
}





.playlist_txt{height:45px;margin-top:6px;overflow:hidden;line-height:22px;}












.content_L .playlist-wrap .txtbottom{position:relative}
@media screen and (max-width:767px){
.playlist_box{margin-bottom:1em;position:relative;width:100%;float:left;margin-right:30px}
.item3-1 .playlist_pic,.item4-1 .playlist_pic{float:left;width:40%;overflow:hidden;position:relative;z-index:1}
.item3-2 .playlist_pic{width: 100%;}
.item3-1 .playlist_txt,.item4-1 .playlist_txt{box-sizing:border-box;padding-left:1em;width:60%;margin-top:0;overflow:hidden;line-height:22px}
.content_L .playlist-wrap .item3-1 .txtbottom,.content_L .playlist-wrap .item4-1 .txtbottom{float:right;position:absolute;width:60%;bottom:0;right:0;width:calc(60% - 1em)}
.playlist.right,.playlist.left{float:none;margin:0}	
}

/*相關商品*/
.relative-goods{overflow:hidden}
.relative-goods h3{color:#9f9f9f;font-weight:100;font-size:16px;}
.relative-goods .media h5{margin-bottom:.7em;font-size:16px;}
.relative-goods .media .media-body span:nth-of-type(even){color:#ff9398}
.relative-goods .media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.relative-goods .media .align-self-start{margin-right:1em}
.relative-goods{overflow:hidden}
.relative-goods .goods .media>img{width:100px}
.relative-goods .media .media-body span:nth-of-type(even){color:#ff9398}
.relative-goods .align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.relative-goods .media h5{margin-bottom:.7rem}


/* 商品外掛修改 */
.relative-goods .owl-prev,.relative-goods .owl-next{width:40px!important;height:40px!important;position:absolute;background-repeat:no-repeat!important;background-color:rgba(255,147,152,0.8)!important;opacity:1!important}
.relative-goods .owl-dots{display:none!important}
.relative-goods .owl-prev,.relative-goods .owl-next{top:35%!important}
.relative-goods .owl-prev:hover,.relative-goods .owl-next:hover{opacity:1}
.relative-goods .owl-prev{background-image:url(../fonts/arraw02-l.svg)!important;left:0!important}
.relative-goods .owl-next{background-image:url(../fonts/arraw02-r.svg)!important;right:0!important}

@media screen and (max-width: 767px) {
.relative-goods{width:100%;overflow:hidden}
.relative-goods .button-group{float:right;position:relative;right:2em;top:-.5em}
.relative-goods .subscribe{width:33px;float:left;margin-right:10px}
.relative-goods .buy{width:33px;float:left}
.info>.title{width:100%}
}
/* 商品外掛修改 ed */

.related_commodity .owl-next {
    right: 8px !important;
}
@media screen and (min-width: 768px) {
.content_L .beautylab .box{margin:0 0 0px} 
}
@media screen and (max-width: 767px) {
/*.related_commodity .list .price{padding-top:10px;}*/
}
/* 相關商品 ed */

@media screen and (max-width: 1920px) {
.playlist_box.item3-1:nth-of-type(3n){margin-right:0}
}

@media screen and (min-width: 767px) {
.playlist_box.item3-1,.playlist_box.item3-2{width:calc((100% - 60px)/3);float:left;margin-right:30px}
.playlist_box.list_article.item3-2 .img{height:  162px;overflow: hidden;}


.playlist-wrap .playlist_box.item4-1{width:calc((100% - 72px)/4);float:left;margin-right:24px}
.playlist-wrap .playlist_box.item4-1:nth-of-type(4n){margin-right:0}
}


@media screen and (max-width:1149px) {
.playlist_box.item3-1:nth-of-type(3n),.playlist_box.item3-2:nth-of-type(3n){margin-right:0}

.playlist_box.list_article.item3-2 .img{height:135.3333px;}
.kv .title span{font-size:18px;padding-right: 15px;}
}
@media screen and (max-width:1023px) {
.playlist_box.list_article.item3-2 .img{height: 135px; overflow: hidden;}  
}
@media screen and (max-width: 767px) {
.playlist_box.item3-1{margin-right:0;width:100%}
.playlist_box.item3-1:nth-of-type(3n),.playlist_box.item3-2:nth-of-type(3n){margin-right:20px;}
.playlist_box.item3-2:nth-of-type(2n){margin-right:0}
.playlist_box.item3-2{width:calc((100% - 20px)/2);float:left;margin-right:20px}
.playlist_box.item3-2:nth-of-type(2n){margin-right:0}
.playlist-wrap .playlist_box.item4-1{width:100%;margin-right:0} 
}
@media screen and (max-width:767px) {
.playlist_box.list_article.item3-2 .img{height: 121.333px; overflow: hidden;}  
}
@media screen and (max-width: 412px) {
.playlist_box.list_article.item3-2 .img{height: 120px; overflow: hidden;}  
}
@media screen and (max-width: 375px) {
.playlist_box.list_article.item3-2 .img{height:108.666667px;}
}
@media screen and (max-width: 360px) {
.playlist_box.list_article.item3-2 .img{height:103.33333px;}
}
@media screen and (max-width: 320px) {
.playlist_box.list_article.item3-2 .img{height:90px;}
}
/* playlist ed */

/*相關商品*/

.relative-goods .media .media-body span:nth-of-type(odd){margin-right:1em;text-decoration:line-through}
.relative-goods{overflow:hidden}
.relative-goods h3{color:#9f9f9f;font-weight:100}
.relative-goods .goods{float:left;border:1px solid #eec39e}
.relative-goods .media>img{width:100px}

.relative-goods .media .media-body span:nth-of-type(odd){margin-right:1rem;text-decoration:line-through}
.relative-goods .media .media-body span:nth-of-type(even){color:#ff9398}
.relative-goods .button-group{float:right;position:relative;right:3em;top:-0.5em}
.relative-goods .subscribe{width:33px;float:left;margin-right:10px}
.relative-goods .buy{width:33px;float:left}


@media (max-width: 767px) {
.relative-goods h3{margin:5px 0;}
.relative-goods .owl-item{width:325px}
.relative-goods .media .media-body span:nth-of-type(odd){margin-right:.5em;text-decoration:line-through}
.relative-goods .button-group{float:right;position:relative;right:1em;top:-.5em}
.relative-goods .button-group{float:right;position:relative;right:10px;top:-10px}
}


/* 影片列表 */
@media screen and (max-width:767px) {
/*.kv .title span{height:50px;font-size:18px;padding-left:calc(67px + 10px);display:block;position:relative;top:-60px;padding-right:15px;overflow:hidden}*/
.related_commodity .owl-theme .owl-controls{margin-top:20px}
/*.beautylab .related_commodity .list .txt{width:calc(100% - 96px)}*/
.kv .title span.twoline{padding-left:75px;position:relative;top:-58px;font-size:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:58px;white-space:inherit;text-overflow:inherit;font-size:18px}
.content_L .beautylab .box{margin:0 0 15px}
}

@media screen and (max-width:767px){
.kv .title span{top:-54px;font-size:18px;padding-left:calc(67px + 10px);display:block;position:relative;text-overflow:initial;width:calc(100% - 90px);height:40px;white-space:normal;line-height:20px}
.kv .title span{height: 45px;white-space: normal;line-height: 22px;}













}


@media screen and (max-width:375px){

/*.kv .title span{top:-58px;line-height:25px;height:50px}*/
}


@media screen and (width:360px){
.kv .title span{height:45px;top:-55px}




}
.content_L .kv .title{margin-bottom:0;height:68px}
/*.related_commodity .list .txt p{line-height: 22px;height:46px;overflow:hidden; }*/

@media screen and (max-width:360px) {
/*.related_commodity .list li{position:relative;padding:5px;border:1px #dfdfdf solid;width:calc(100% - 40px);line-height:0;}*/
.kv .title span{width: calc(100% - 95px);}
}


/* 女大硑究室影音內頁  */

@media screen and (min-width:1024px) {
.ad_all.videodetail .banner.ad_728x90{display: block}
.ad_all.tvdetail .banner.ad_728x90{display: block}
}




/*完美研究室相關商品 iPhone 5/SE*/
@media screen and (max-width:320px) {
.kv .title span {
    width: calc(100% - 90px);
}


/*.related_commodity .list li{width:calc(100% - 80px)}*/


/*.beautylab .related_commodity .list .txt{width:calc(100% - 96px)}*/
}


#session-language {
    margin: 8px 15px 0 20px;
}

#session-language-dropdown {
    margin: 13px 15px 0 0;
}

#session-language-dropdown li {
    position: relative;
}

.selected-session-language {
    position: absolute;
    top: 6px;
    left: 4px;
}

#captcha {
    width: 100px !important;
    display: inline-block !important;
}


@media (max-width:767px) {
    #session-language {
        margin: 12px 0 0 15px;
    }
}

pre.error-404 {
    border: 0;
    margin: 0 auto;
    display: table;
}

h1{
	//color: #00A8C6;
}

pre {
	display: block;
	font-family: monospace;
	overflow: hidden;
}
code.hljs {
	padding: 1em 2em 2em 2em;
	font-size: 1.1em;
	line-height: 1.2
}
.margin-top{
	margin-top: 4em;
}
.footer{
	padding-top: 30px;
}
.code{
	background: #23241f;
}

/* Table */

table {
	margin-bottom: 1.25rem;
	border: 0px;
}

table tr td,
table tr th
{
	border-bottom: solid 1px #ddd;
	background: #FFFFFF;
	padding: 1em;
}

/* demos */
.article{
	background: #008cba;
	height: 180px;
	padding: 10px;
}

.article-video{
	height:100%;
}

.article h2{
	color: #FFF;
}

.article p{
	color: #FFF;
}

.video-demo .article-video{
	height: 300px;
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-size:100%;

}
.hash .owl-center .owl-item{
	opacity: 0.5;

	transition-property: opacity;
  	transition-duration: 300ms,300ms;
  	transition-timing-function: ease;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.hash .owl-center .owl-item.center{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.owl-dots:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.thumbnails-dot .owl-dot{
	display: block;
	float:left;
	overflow: hidden;
	margin-right: 10px;
	opacity: 0.7
}

.thumbnails-dot .owl-dot.active{
	opacity: 1
}

.callbacks div{
	margin-bottom: 3px;
}
.callbacks .label.secondary{
	color: #e7e7e7;
}
.callbacks .label{
	transition: background-color 300ms ease-out;
}

.owl-carousel .red{
	background-color: #E0444F;
}
.owl-carousel .green{
	background-color: #2CC990;
}
.owl-carousel .yellow{
	background-color: #EEE657
}
.owl-carousel .curry{
	background-color: #FCB941;
}
.owl-carousel .pink{
	background-color: #FC6042
}
.owl-carousel .darkblue{
	background-color: #25373D
}
.owl-carousel .fiolet {
	background: #9b59b6;
}
.owl-carousel .red2{
	background: #e74c3c;
}






@charset "utf-8";
.error404 {
    position: relative;
    background-image: url(../images/desktop404.png);
    height: 831px;
    width: 100%;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat
}

a.gotoIndex {
    display: inline-block;
    padding: 3px 13px;
    border: 1px #ff9398 solid;
    border-radius: 20px;
    cursor: pointer;
    margin-right: 5px;
    font-size: 16px;
    color: #ff9398;
    background: #FFF
}

.error404 .chinese {
    line-height: 44px;
    color: #3b3b3b;
    position: absolute;
    bottom: 190px;
    right: 7px;
    width: 600px;
    height: 170px;
    font-size: 38px;
    text-align: justify;
}

.error404 .note {
    position: absolute;
    bottom: 95px;
    right: -25px;
    width: 600px;
    height: 170px;
    font-size: 22px;
    text-align: justify;
    color: #686868;
}

.error404 .note ul li {
    list-style-type: disc;
}

@media screen and (min-width:1280px) {
    .error404 .chinese {
        bottom: 179px;
        right: 77px;
    }

    .error404 .note {
        bottom: 73px;
        right: 53px;
    }
    .gotoIndex-box {
        right: 70px;
    }
}

@media screen and (min-width:1023px) {
    .gotoIndex-box {
        position: absolute;
        bottom: 0;
        right: 70px;
        width: 532px;
        height: 195px
    }
}

@media screen and (min-width:1280px) {

    .gotoIndex-box {

        bottom: -25px;
        right: 142px;
    }
}

a.gotoIndex:hover {
    background: #ff9398;
    border: 1px #ff9398 solid;
    color: #FFF
}

@media screen and (max-width:1023px) {
    .error404 {

        background-size: 100%;
        height: 680px;
        background-image: url(../images/mobile404.png)
    }
    .gotoIndex-box {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 189px;
        height: 40px
    }
    a.gotoIndex {
        padding: 10px 13px
    }


    .error404 .chinese {
        padding-right: 15px;
        line-height: 30px;
        color: #3b3b3b;
        position: absolute;
        bottom: 130px;
        right: -4px;
        width: 250px;
        height: 76px;
        font-size: 20px;
        text-align: justify;
    }

    .error404 .note {
        right: 0;
        bottom: -35px;
        width: 220px;
        height: 170px;
        font-size: 17px;
        padding-right: 15px;
    }
}


@media screen and (max-width:768px) {
    .error404 {

        background-size: 100%;
        height: 680px;
        background-image: url(../images/tablet404.png);
    }
    .gotoIndex-box {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 189px;
        height: 40px
    }
    a.gotoIndex {
        padding: 10px 13px
    }


    .error404 .chinese {
        padding-right: 15px;
        line-height: 37px;
        color: #3b3b3b;
        position: absolute;
        bottom: auto;
        right: 5px;
        width: 380px;
        height: 76px;
        font-size: 31px;
        text-align: justify;
        top: 517px;
    }

    .error404 .note {
        right: 0;
        bottom: auto;
        width: 350px;
        height: 170px;
        font-size: 17px;
        padding-right: 15px;
        top: 608px;
    }
}



@media screen and (max-width:768px) {
    .error404 {
        height: 736px;
    }
    .gotoIndex-box {
        padding-right: 15px;
        text-align: center;
        position: absolute;
        bottom: auto;
        right: 190px;
        width: 250px;
        height: 46px;
        top: 694px;
    }
}

@media screen and (max-width:414px) {
.error404{
     background-image: url(../images/mobile404.png);
}
    .error404 .chinese {
        line-height: 30px;
        color: #3b3b3b;
        position: absolute;
        bottom: auto;
        right: 0;
        width: 220px;
        height: 76px;
        font-size: 20px;
        text-align: justify;
        padding-right: 15px;
        top: 290px;
    }
    .error404 .note {
        right: 0;
        bottom: auto;
        width: 200px;
        height: 170px;
        font-size: 17px;
        padding-right: 15px;
        top: 350px;
    }

    .gotoIndex-box {
        padding-right: 15px;
        text-align: center;
        position: absolute;
        bottom: auto;
        right: 0;
        width: 220px;
        height: 46px;
        top: 430px;
    }
}

@media screen and (max-width:375px) {
    .error404 .chinese {
        line-height: 25px;

        position: absolute;
        right: -24px;
        bottom: 88px;
    }
    .error404 .note {
        right: 0;
        bottom: -60px;
        width: 200px;
        height: 170px;
        font-size: 16px;
    }
}

@media screen and (max-width:375px) {
    .error404 .chinese {
        width: 204px;
        font-size: 18px;
        line-height: 25px;
        position: absolute;
        right: 0px;
        bottom: auto;
        top: 260px;
    }
    .error404 .note {
        right: 0;
        bottom: auto;
        width: 183px;
        height: 170px;
        font-size: 16px;
        top: 320px;
    }
    .gotoIndex-box {
        width: 204px;
        bottom: auto;
        top: 400px;
    }
}

@media screen and (max-width:360px) {
    .error404 .chinese {
        width: 195px;
    }
    .error404 .note {

        width: 177px;
    }
    .gotoIndex-box {
        width: 195px;
    }
}


@media screen and (max-width:320px) {

    .error404 .chinese {
        width: 173px;
        font-size: 18px;
        line-height: 21px;
        position: absolute;
        right: 0;
        bottom: auto;
        top: 230px;
    }

    .error404 .note {
        right: 0;
        bottom: auto;
        width: 154px;
        height: 170px;
        font-size: 14px;
        top: 300px;
    }
    .gotoIndex-box {
        width: 173px;
        bottom: auto;
        top: 370px;
    }
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2') format('woff2'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}

@charset "utf-8";
/* CSS Document */
/*間隔共用margin-bottom:10px*/
.well-being .img,.tv_list .txt{margin-bottom:10px;}
/*間隔共用margin-bottom:10px ed*/
/*間隔共用margin-bottom:15px*/
.now_hot li,.tv_list .img{margin-bottom:15px;overflow:hidden;}
/*間隔共用margin-bottom:15px ed*/
/*間隔共用margin-bottom:20px*/
.content_L .box,.content_R .box,.content_R .box .title,.content_R .box .title p,.tv_list li,.content_L .box-ad{margin-bottom:20px;}
/*間隔共用margin-bottom:20px ed*/
/*間隔共用margin-bottom:25px*/
.content_L .ad_title,.content_L .title{margin-bottom:25px;}
/*間隔共用margin-bottom:25px ed*/
/*cursor:pointer*/
.menu_bar .magnifier,.commodity .input input,.beauty_video .play_icon,.tv_list .txtbottom .object li{cursor:pointer;}
/*cursor:pointe ed*/

/*主視覺*/
.main_kv{width:100%;margin-top:10px;overflow: hidden;}
.main_kv,.main_kv .left,.main_kv .right,.main_kv .left .img{height:740px;position:relative;}
.main_kv .left,.main_kv .right{float:left;}
/*左輪播*/
.main_kv .left{width:620px;background-color:#fe9ea3;}
.main_kv .left .carousel{width:100%;}
.main_kv .left .carousel .txt{
color: #fff;overflow:hidden;
width: 100%;height:130px;bottom:0;
position:absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fea3a7+0,fea3a7+100&0+1,1+100 */
background: -moz-linear-gradient(top, rgba(254,158,163,0) 0%,rgba(254,158,163,1) 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,158,163,0) 0%,rgba(254,158,163,1) 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,158,163,0) 0%,rgba(254,158,163,1) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fea3a7', endColorstr='#fea3a7',GradientType=0 ); /* IE6-9 */}
.main_kv .left .carousel .txt p{width:auto; padding:13% 20px 0;overflow : hidden;font-size: 22px;
  text-overflow : ellipsis;
  white-space : nowrap;}    
.main_kv .left .carousel li{}
/* 輪播外掛修改 */
.owl-theme .owl-controls .owl-nav div{
	margin:0 !important;
	padding:0 !important;
	-webkit-border-radius:0px !important;
	-moz-border-radius:0px !important;
	border-radius:0px !important;
}
.carousel .owl-prev,.carousel .owl-next{
	width:66px !important;height:66px !important;
	position:absolute; 
    background-repeat:no-repeat !important; 
	background-color:rgba(255,255,255,0.8) !important; 
	opacity:0.8;
}
.carousel .owl-dots{display:none!important;}
.carousel .owl-prev,.carousel .owl-next{top:45%!important;}
.carousel .owl-prev:hover,.owl-next:hover{opacity:1;}
.carousel .owl-prev{background-image: url(../fonts/arraw01-l.svg) !important;  left:0 !important;}
.carousel .owl-next{background-image: url(../fonts/arraw01-r.svg) !important;  right:0 !important;}

/* 輪播外掛修改 ed */
/*左輪播ed*/

/*右老師*/
.main_kv .right{width:530px;background: url(../images/main_kv_bg_new.jpg)no-repeat;background-size:100%;}
.teacher_pc{}
.teacher_mo{display:none;}
.teacher{}
.teacher ul{}
.teacher ul li{overflow: hidden;}
.teacher ul li:nth-child(1){padding:16px 0 9px 36px;}
.teacher ul li:nth-child(2){padding:0px 0 13px 81px;}
.teacher ul li:nth-child(3){padding:0px 0 13px 21px;}
.teacher ul li:nth-child(4){padding:0px 0 0 60px;}
.teacher ul li a{color:#000;}
.teacher .box{}
.teacher .box .img,.teacher .box .txt{float:left; overflow: hidden;}
.teacher .box .img{width:168px;height:168px;}
.teacher .box .txt{float:none;padding:18px 25px 0 30px;}
.teacher .box .txt p:first-child{overflow: hidden;margin-bottom:10px;}
.teacher .a18{height:50px;line-height:24px;}
/*右老師ed*/
@media (max-width:1149px){
.teacher .box .img{width:145px;height:145px;}	
.teacher .box .txt{}	
.teacher .box .txt p:first-child{margin-bottom:5px;}	
.teacher .a18{height:45px;line-height:22px;}	
/*左輪播*/	
.main{z-index:2;}	
.main_kv,.main_kv .left,.main_kv .right,.main_kv .left .img{height:643px;}
.main_kv .left{width:540px;}
.main_kv .right{width:460px;}
/*左輪播ed*/
/*右老師*/	
.teacher ul li{overflow: hidden;}	
.teacher ul li:nth-child(1){padding:14px 0 9px 32px;}
.teacher ul li:nth-child(2){padding:0px 0 12px 70px;}
.teacher ul li:nth-child(3){padding:0px 0 12px 19px;}
.teacher ul li:nth-child(4){padding:0px 0 0 52px;}

/*右老師ed*/	
}
@media (max-width:1023px){
/*左輪播*/	
.main_kv,.main_kv .left,.main_kv .right,.main_kv .left .img{height:430px;}
.main_kv .left{width:360px;}
.main_kv .right{width:310px;}
/*左輪播ed*/
/*右老師*/	
.teacher .box .img{width:98px;height:98px;}
.teacher .box .txt{float:none;padding:15px 20px 0 20px;}	
.teacher ul li{overflow: hidden;}		
.teacher ul li:nth-child(1){padding:9px 0 6px 21px;}
.teacher ul li:nth-child(2){padding:0px 0 7px 47px;}
.teacher ul li:nth-child(3){padding:0px 0 8px 12px;}
.teacher ul li:nth-child(4){padding:0px 0 0 35px;}
.teacher .box .txt p:first-child{width: 100%; white-space:nowrap;text-overflow :ellipsis;line-height:20px;overflow:hidden;}	
.teacher .a18{height:40px;line-height:20px;}	
/*右老師ed*/
.carousel .owl-prev,.carousel .owl-next{width:38px !important;height:38px !important;}	
.main_kv .left .carousel .txt{height:100px;bottom:0px;padding-bottom:10px;}
.main_kv .left .carousel .txt p{width:auto;height:50px; padding:13% 20px 0;overflow :hidden;font-size: 22px;white-space:normal;line-height:26px;}	
}
@media (max-width:767px){
.teacher_pc{display:none;}
.teacher_mo{display:block;}
.main_kv{margin-top:0;}		
.main_kv,.main_kv .left,.main_kv .right{height:auto;}	
.main_kv .left{width:100%;overflow: hidden;padding-bottom:0px;}
.main_kv .right{width:100%;background:url("");background-color:#fe9ea3;}
.main_kv .left .carousel .txt{height:100px;bottom:-2px;padding-bottom:10px;}	

.carousel .owl-prev,.carousel .owl-next{width:44px !important;height:44px !important;}	
.teacher{width:auto; margin: 0 15px 10px;overflow:hidden;}
.teacher ul li:nth-child(1),.teacher ul li:nth-child(2),.teacher ul li:nth-child(3),.teacher ul li:nth-child(4){padding:0;}
.teacher ul{width:450px;height:210px;}	
.teacher ul li{width:135px; float:left;height:auto;}

.teacher .box{display:block;overflow:hidden;}
.teacher .box .img,.teacher .box .txt{float:none;}	
.teacher .box .img{width:100%;height:135px; margin-right:0px;margin-bottom:10px;}
.teacher .box .img img{width:100%;}	
.teacher .box .txt{width:100%;line-height:20px;padding:0;}
.teacher .box .txt p{overflow: hidden;}	
.teacher .box .txt p:first-child{text-align:center;margin-bottom:5px;height:auto;}
.teacher .a18{height:auto;line-height:20px;}
	
}
@media (max-width:414px){.main_kv .left .carousel .txt{height:98px;bottom:0;}}
@media (max-width:375px){

}
/*主視覺ed*/

/*內容區塊*/
.yes{position: fixed;width: 100%; height: 100%;background-color: #000;z-index: 10;}
.login_box{z-index:10;width:100%; position:fixed;top:50%;text-align: center;}
.login_img{width:40px;height:40px; margin: 0 auto 5px;}
.login_ok{display:none; font-size:18px; width:200px;background-color: rgba(0,0,0,0.7);margin: 0 auto;padding:10px 0px;color:#fff;box-shadow:rgba(0,0,0,0.7) 0px 0px 5px;border-radius:5px;}
.content{margin-top:20px;position:relative;}
.content_L,.content_R,.content_L .img,.content_L .txt,.content_L .title .t1,.content_L .txtbottom .data{float:left;}

.content_R{overflow:hidden;}
.content_L{width:790px;margin-right:60px;overflow:hidden;}
.content_L .img,.content_L .txt{width:395px;height:265px;overflow:hidden;}
.content_L .img{line-height:0;}
.content_L .txt{width:375px;position:relative;}
.content_L .txt{width:375px;position:relative;}
.content_L .title{overflow:hidden;}
.content_L .title .t1,.content_L .title .t2{height:65px;overflow:hidden;display:flex;height:63px\0;}
.content_L .title .t1{width:67px;margin-right:15px;background-color:#ff9398;}
.content_L .title .t1 br{display: none;}
.content_L .title .t1 p{margin:auto;color:#FFF;margin-top:20px\0;}
.content_L .title .t2{display:block;padding-top:1px;}
.content_L .title .t2 p{}
.content_L .contxt{}
.content_L .contxt p{line-height:22px;height:65px;overflow:hidden;}
.content_L ul{}
.content_L ul li{overflow:hidden;}
.content_L .box.no1 .img{float:right;}
.content_L .box.no1 .txt{margin-right:20px;}
.content_L .box.no2 .txt{margin-left:20px;}

.content_L .box,.content_L .box-ad{overflow:hidden;}
.content_L .txtbottom{width:100%;position:absolute;bottom:0px;overflow:hidden;}

/*廣告用*/
.content_L .ad_img1,.content_L .ad_txt1{width:520px;height:265px;overflow:hidden;float:left;}
.content_L .ad_img1{position:relative;line-height:0;}
.content_L .ad_title1{height: 55px; overflow:hidden;margin-bottom:20px;}
.content_L .ad_txt1{width:250px;position:relative;}
/*廣告用ed*/

@media (max-width:1149px){
.content_L{width:670px;margin-right:30px;}
.content_L .img,.content_L .txt{width:335px;height:215px;}	
.content_L .txt{width:315px;position:relative;}
.content_L .title .t1{margin-right:10px;}	
.content_L .title .t2{height:50px;margin-top:5px;line-height:25px}
.content_L .contxt{}
.content_L .contxt p{line-height: 20px;height:60px;overflow:hidden;}	

/*廣告用*/
.content_L .ad_img1,.content_L .ad_txt1{width:444px;height:232px;}
.content_L .ad_title1{height:50px;overflow:hidden;margin-bottom:20px;}
.content_L .ad_txt1{width:206px;}
/*廣告用ed*/	
}
@media (max-width:1023px){
.content{margin-top:0;}
.content_L{width:100%;margin-right:0;}
}
@media (max-width:767px){
.content_L .box,.content_L .box-ad{width:auto; margin: 0 15px 15px;padding-bottom:0px;border-bottom: 0px solid #ffd4d6;overflow:hidden;}	
.content_L{width:100%;margin-right:0;}	
.content_L .img,.content_L .txt{width:100%;height:auto;overflow:hidden;}
.content_L .box.no1 .txt{margin-right:0;}
.content_L .box.no2 .txt{margin-left:0;}
.content_L .box .img{margin-bottom:10px;}	
	
.content_L .title{margin-bottom:10px;}.content_L .title .t1 br{display:block;}		
.content_L .title .t1{width:43px;height:43px;margin-right:10px;text-align: center;}
.content_L .title .t2{width:85%;display:block;height:40px;overflow: hidden;line-height:20px;margin-top:0;}
.content_L .title .t1 p{margin-top:10px\0;}
.content_L .contxt{display:none;}
.content_L .txtbottom{width:100%;position:relative;overflow:hidden;}	
/*廣告用*/
.content_L .ad_case{overflow:hidden;margin-bottom:10px;}	
.content_L .ad_img1,.content_L .ad_txt1{width:auto;height:auto;}
.content_L .ad_txt1{margin:0;}	
.content_L .ad_img1{width:100%!important;margin-bottom:10px;line-height:0;height:auto;}
.content_L .ad_txt1{width:100%;position:relative;}	
.content_L .ad_title1{height:auto; overflow:hidden;margin-bottom:10px;}
/*廣告用ed*/	
}
@media (max-width:412px){
	
}
@media (max-width:375px){
.content_L .title .t2{width:84%;}
}
@media (max-width:360px){
.content_L .title .t2{width:83%;}	
}
@media (max-width:359px){
.content_L .title .t2{width:80%;}
}
/* 玩美研究室 */
.content_L .video_box{padding: 0;margin-bottom:20px;overflow:hidden;}
.beauty_video{height:auto; overflow:hidden;background: url(../images/beauty_video_bg.jpg)no-repeat;background-size:100%;}
.beauty_video .txt,.beauty_video .video{float:left;}
.beauty_video .txt{width:328px;}
.beauty_video .txt p{width:220px;height:65px; padding-top:150px;margin-left:10px;overflow:hidden;}
.beauty_video .video{position:relative; width:454px;height:255px; border:4px solid #ff9398;background-color:#000;}
.beauty_video .video img{width:100%;}
.beauty_video .youtube_video{width: 100%; height:255px;}
.beauty_video .play_icon{position:absolute;width:60px;text-align: center;top:38%;left:43%;}
@media (max-width:1149px){
.beauty_video .txt{width:282px;}
.beauty_video .txt p{width:200px;height:45px;padding-top:135px;margin-left:0px;line-height:22px;}	
.beauty_video .video{position:relative; width:380px; border:4px solid #ff9398;background-color:#000;}	
.beauty_video .video,.beauty_video .youtube_video{height:214px;}
}
@media (max-width:767px){
.content_L .video_box{padding:0px 15px;margin:30px 0;}
.beauty_video{background: url(../images/beauty_video_bg.jpg)no-repeat;background-size:120%;}	
.beauty_video .txt{width:auto;height:120px;}	
.beauty_video .txt p{width:auto;padding-top:10%;margin-left:200px;}	
.beauty_video .video{width:100%;border:0px solid #ff9398;}	
.beauty_video .video,.beauty_video .youtube_video{height:216px;}	
}
@media (max-width:375px){
.beauty_video .video,.beauty_video .youtube_video{height:194px;}
.beauty_video .txt p{margin-left:180px;}		
}
@media (max-width:360px){
.beauty_video .video,.beauty_video .youtube_video{height:186px;}	
.beauty_video .txt p{margin-left:160px;}
}
@media (max-width:320px){
.beauty_video .video,.beauty_video .youtube_video{height:163px;}
.beauty_video .txt p{margin-left:150px;}	
}
/* 玩美研究室ed */

/*右側欄*/
.r_box{bottom:0;}
.content_R,.r_box{width:300px;z-index:1;}
.content_R .box{}
.content_R .box:last-child{margin-bottom:0;}
.content_R .box .title{height: 50px; text-align: center;border-bottom:2px dashed #ff9398;position:relative;}
.content_R .box .title .img_absolute{width:100%;position:absolute;top:32px}
.content_R .box .title .img{width:40px;background-color:#fff;margin: 0 auto;}
.content_R .box .title .img img{width:30px;}
.content_R .box .title p{color: #ff9398;font-weight:bold;}

/*會員專區右側攔*/
.member_sidebar_mo{display:none;margin-top:30px;}
.member_sidebar_mo .box{margin:0 0 15px;}
.member_sidebar_mo .box:last-child{margin-bottom:0;}
.member_sidebar_mo .box .title{
	height:45px; text-align: center;border-bottom:2px dashed #ff9398;
	position:relative;overflow:visible;margin-bottom:30px;
}
.member_sidebar_mo .box .title .img_absolute{width:100%;position:absolute;top:30px}
.member_sidebar_mo .box .title .img{width:45px;height:45px; background-color:#fff;margin: 0 auto;float:none;}
.member_sidebar_mo .box .title .img img{width:30px;}
.member_sidebar_mo .box .title p{font-size:22px; color: #ff9398;font-weight:bold;}
@media (max-width:1023px) {
.member_sidebar_mo{display:block;}
}
/*會員專區右側攔 ed*/

/*會員中心-無東西*/
.member_nothing{width:100%;text-align: center;margin:15% 0;}
.member_nothing .img{width:120px;height:120px;margin:0 auto;overflow: hidden;float: none;}
.member_nothing p{font-size:20px;color:#ff9398;font-weight: bold;}
.member_nothing .infor{font-size:16px;margin:10px auto 20px;color:#7f7f7f;}
.member_nothing .infor .infor-img{
	width:30px;height:30px;padding:0 5px;position: relative;
	overflow: hidden;display:inline-block;vertical-align: middle;margin-bottom: 5px;
}
.member_nothing .infor .infor-img2{
	width:90px;height:auto;padding:0 5px;position: relative;
	overflow: hidden;display:inline-block;vertical-align: middle;
}
.member_nothing .btn{display: inline-block; font-size:18px;font-weight: bold;color:#ff9398;background: url(../images/finger01.svg) no-repeat left center;padding-left:35px;background-size:30px 30px;}
.member_nothing .btn a{color:#ff9398;}
/*會員中心-無東西ed*/

@media (max-width:1023px){
.content_R,.r_box{display:none;}
}

/*追蹤我們*/
.track_me ul{}
.track_me li{width:31%;display:inline-block; background-color:#f7f7f7;padding:15px 0;margin-right:5px;cursor: pointer;}
.track_me li:last-child{margin-right:0;}
.track_me .img{width:25px;height:25px;margin:0 auto 3px;}
.track_me .txt{text-align:center;font-size:14px;}
.track_me_mo{margin-bottom:20px;overflow: hidden;}
@media (max-width:1023px){
.track_me li{width:31.8%;margin-right:10px;}
.track_me .txt{width:100%; height:auto;}		
.track_me .img{float:none;}	
}
@media (max-width:767px){
.track_me li{width:31.6%;margin-right:5px;}
}
@media (max-width:414px){
.track_me li{width:31.4%;margin-right:5px;}
}
@media (max-width:375px){
.track_me li{width:31.2%;}
}
@media (max-width:320px){
.track_me li{width:30.5%;}
}
/*追蹤我們ed*/

/*發燒活動*/
.well-being{}
.well-being-id{}
.well-being li{margin-bottom:20px;overflow:hidden;height:95px;}
.well-being li:last-child{margin-bottom:0px;}
.well-being .img{width:140px;height:93px;float:left;margin-right:15px;overflow: hidden;}
.well-being .img img{height:auto;}
.well-being .txt{display:flex;overflow: hidden;height:45px;margin-top:20px;}
.well-being .txt p{font-size:18px;line-height:24px;}
.well-being-id-mo{display:none;}
.right_box_mo{margin-bottom: 20px;}
.right_box_mo .title{overflow:visible; width:100%; text-align: center;border-bottom:2px dashed #ff9398;position:relative;margin-bottom:20px;}
.right_box_mo .title .img_absolute{width:100%; position:absolute;top:33px;}
.right_box_mo .title .img{width:40px;height:40px; background-color:#fff;margin: 0 auto;float:none;}
.right_box_mo .title .img img{width:30px;}
.right_box_mo .title p{color: #ff9398;font-weight:bold;font-size: 22px;padding-bottom:20px;}
@media (max-width:1149px){.well-being .txt p{line-height:22px;overflow: hidden;}}
@media (max-width:1023px){
.well-being .txt p{line-height:24px;overflow: hidden;}
.well-being{overflow: hidden;}	
.well-being-id-mo{display:block;margin:0 0 20px 0;overflow: hidden;}
.well-being-id-mo li{width:47.5%;float:left;margin-right:30px;margin-bottom:15px;}
.well-being-id-mo .img{width:140px;height:93px;float:left;margin-right:15px;}
.well-being-id-mo .txt{width:163px;height:45px;display:inline-block;margin-top:25px;}	
.well-being-id-mo li:nth-child(even){margin-right:0px;}	
}
@media (max-width:767px){
.well-being .txt p{;overflow: hidden;}
.well-being-id-mo{display:block;margin:0 15px 20px;}
.well-being-id-mo li{width:100%;float:none;margin-right:0px;margin-bottom:20px;}
.well-being-id-mo .txt{width:225px;}			
}
@media (max-width:375px){
.well-being-id-mo .txt{width:190px;}		
}
@media (max-width:360px){
.well-being-id-mo .txt{width:170px;}		
}
@media (max-width:320px){
.well-being .txt p{font-size:16px;margin:auto;}	
.well-being-id-mo .txt{width:130px;display:inline-block;}	
}
/*發燒活動ed*/

/*今日熱門*/
.now_hot{}
.now_hot li{overflow: hidden;padding-bottom:15px; border-bottom:1px solid #ffd4d6;}
.now_hot li:last-child{ border-bottom:0px solid #ffd4d6;margin-bottom:0;padding-bottom:0;}
.now_hot .num,.now_hot .txt{overflow:hidden;}
.now_hot .num{
float:left;width:50px; font-size:56px;color: #cccccc;line-height:0.9;font-style:italic;
font-family:Times New Roman;font-weight:bold;}
.now_hot .txt{width:auto; height:45px;line-height:22px;}

@media (max-width:1023px){
.now_hot{text-align: center;}	
.now_hot li:nth-child(even){margin-right:0px;}	
.now_hot li:last-child{border-bottom:0px solid #ffd4d6;margin-bottom:15px;padding-bottom:15px;}
.now_hot li{width:48%;display:inline-block;vertical-align:top;margin-right:15px;border:none;}	
.now_hot .txt{text-align: left; width:80%; height:45px;line-height:22px;}
}

@media (max-width:767px){
.now_hot li{width:100%;display:block;margin-right:0px;border:none;border-bottom:1px solid #ffd4d6;}	
.now_hot li:last-child{border-bottom:0px solid #ffd4d6;margin-bottom:0px;padding-bottom:15px;}	
.now_hot .txt{width:85%; height:45px;line-height:22px;margin-top:5px;}	
}
@media (max-width:413px){
.now_hot .txt{width:80%; height:45px;line-height:22px;margin-top:5px;}		
}
/*今日熱門ed*/
/*嚴選商品*/
.commodity_box{position:relative;overflow:hidden;height:405px;margin:0 15px 20px;}
.commodity_box ul{margin-bottom:20px;width:900px;}
.commodity_all{position:relative;overflow: hidden;}
.commodity_arraw1,.commodity_arraw2{
	cursor: pointer;
	width:40px !important;height:40px;
	position: absolute;top:43.5%;z-index:10;
	background-color:rgba(255,147,152,0.8);
	background-image: url(../fonts/arraw02-l.svg);}
.commodity_arraw2{
	background-image: url(../fonts/arraw02-r.svg);
	right:0px;
}

.commodity{width:200px;height:auto;padding:5px 5px 15px; border-bottom-color:#fff;border:#eee 1px solid; box-shadow:#eee 1px 1px 1px;overflow:hidden;float:left;}
.commodity .img,.commodity .txt{}
.commodity .img{width:100%;height:200px;position:relative;line-height:0;margin-bottom:20px;}
.commodity .txt{width:auto;height:auto; position:relative;}
.commodity_object{text-align: center;}
.commodity_object ol{padding:0;margin:0;display:inline-block;}
.commodity .title1,.commodity .price,.commodity .input{text-align:center;}
.commodity .title1,.commodity .contxt,.commodity .price{margin-bottom:7px;overflow:hidden;}
.commodity .title1{width:auto;height:50px;font-weight:bold;padding:0;margin:0 15px 5px;overflow: hidden;text-align: justify;}
.commodity .contxt{width:auto;height:45px; margin:0px;color:#9f9f9f;}
.commodity .contxt p{overflow: hidden;text-align:justify;}
.commodity .price{margin:0 15px 5px;}
.commodity .price span{}
.commodity .special{position:absolute;left:5px;top:0; width:40px;height:93px;background: url(../fonts/special.svg)no-repeat;z-index: 1;}
.commodity .special p{height: 85px;overflow:hidden; padding:5px 0 0 13px;color:#fff;font-size:14px;letter-spacing:2px;line-height:16px;
-ms-writing-mode: tb-lr;
-webkit-writing-mode: vertical-lr;
-moz-writing-mode: vertical-lr;
-ms-writing-mode: vertical-lr;
writing-mode: vertical-lr;}
.commodity .input{}.commodity .input p a{color:#ff9398;}
.commodity .input p{display: inline-block; width:max-content; border:1px solid #ff9398;border-radius:30px;padding:5px 25px;background-color:#fff;margin: 0 auto;color:#ff9398;cursor: pointer;}
.commodity .input p:hover{background-color:#ff9398!important;color:#FFFFFF;}
.commodity .input p:hover a{color:#FFFFFF;}
/*手機*/
/* 商品外掛修改 */
.commodity_box .owl-prev,.commodity_box .owl-next{
	width:40px !important;height:40px !important;
	position:absolute; 
    background-repeat:no-repeat !important; 
	background-color:rgba(255,147,152,0.8) !important; 
	opacity:1!important;
}
.commodity_box .owl-carousel{}
.commodity_box .owl-dots{display:none!important;}
.commodity_box .owl-prev,.commodity_box .owl-next{top:35%!important;display: none!important;}
.commodity_box .owl-prev:hover,.commodity_box .owl-next:hover{opacity:1;}
.commodity_box .owl-prev{background-image: url(../fonts/arraw02-l.svg) !important;  left:0 !important;}
.commodity_box .owl-next{background-image: url(../fonts/arraw02-r.svg) !important;  right:110px !important;}

/* 商品外掛修改 ed */
@media (max-width:1149px){
.commodity{width:200px;height:auto;padding:5px 5px 10px;}	
.commodity_box{position:relative;overflow:hidden;height:400px;margin:0 15px 15px;}	
.commodity .title1{width:auto;height:45px;font-weight:bold;padding:0;line-height: 22px;}
.commodity .contxt{display: block; width:auto;height:40px;margin:0px;color:#9f9f9f;line-height:20px;}	
.commodity_box .owl-next{background-image: url(../fonts/arraw02-r.svg) !important;  right:238px !important;}
}
@media (max-width:767px){
.commodity{height:370px;}	
.commodity_box{margin:0 15px 15px;}	
.commodity_box .owl-next{background-image: url(../fonts/arraw02-r.svg) !important;  right:514px !important;}
.commodity .title1{width:auto;height:40px;font-weight:bold;padding:0;line-height:20px;}	
.commodity .contxt{width:auto;height:40px; margin:0px;line-height:20px;}	
}
@media (max-width:375px){.commodity_box .owl-next{background-image: url(../fonts/arraw02-r.svg) !important;  right:555px !important;}}
@media (max-width:360px){.commodity_box .owl-next{background-image: url(../fonts/arraw02-r.svg) !important;  right:570px !important;}}
@media (max-width:320px){.commodity_box .owl-next{background-image: url(../fonts/arraw02-r.svg) !important;  right:610px !important;}}
/*手機ed*/

/*嚴選商品ed*/

/*節目TV*/
.tv_box_mo{display:none;overflow: hidden;}
.tv_program{overflow: hidden;}
.tv_logo{width:240px;height:100px;margin:0 auto 20px;}
.tv_slogan{margin:0 auto 20px;}
.tv_slogan p{color:#e4007f;}
.tv_time{width:100%;margin-bottom:10px;}
.tv_time .t1,.tv_time .t2{}
.tv_time .t1{color:#fff;background-color:#e4007f;text-align:center;padding:2px 8px;border-radius:5px;}
.tv_time .t2{color:#e4007f;text-align:center;padding:2px 0;}
.tv_time .t3{width:170px;}
.tv_time table{margin-bottom:0;}
.tv_time td{margin: 0;border:0;padding:0;overflow: hidden;vertical-align:top;}
.tv_list{}
.tv_list li{overflow:hidden;}
.tv_list li:last-child{margin-bottom:0;}
.tv_list .img{height:170px;}
.tv_list .txt{height:45px;overflow:hidden;}
.tv_list .txtbottom .object li{padding:0;margin:0;border:0;display:inline-block;}
@media (max-width:1023px){
.tv_box_mo{display:block;margin: 0 0 20px;}	
.tv_box_mo li{width:203px;height:auto; margin-right:30px; float:left;}
.tv_box_mo li:last-child{margin-right:0;}
.tv_list .img{width:100%;height:114px;margin-bottom: 15px;line-height: 0;overflow:hidden;}
.tv_list .img img{width:100%;}	
.tv_list .txt{width:100%;height:45px;overflow:hidden;display:block;padding-top:0;}	
.tv_list .txtbottom{position: relative;}
.tv_time .t3{width:auto;}
}
@media (max-width:767px){
.tv_box_mo li{width:100%;margin-right:0px;float:none;}
.tv_box_mo{display:block;margin: 0 15px 40px;}
.tv_list .img{height:auto;margin-bottom: 15px;line-height: 0;}
.tv_list .txt{height:45px;overflow:hidden;display:block;padding-top:0;}	
.tv_time .t1{width:50px;}.tv_time .t2{width:50px;}.tv_time .t3{width:220px;}
}
@media (max-width:414px){
.tv_list .txt{height:40px;overflow:hidden;display:block;padding-top:0;line-height: 20px;}	
}
@media (max-width:359px){.tv_time .t3{width:160px;white-space:pre-wrap; }}

/*節目TVed*/
/*右側欄ed*/
/*內容區塊ed*/

/*分類頁---------------------------------------------------------------------------------------------------------------------------------------------------*/
.category_kv{height:273px; background: url(../images/category_kv_bg.jpg) no-repeat;background-size:100%;}
.category_kv .logo{width:15%;height: 75px; margin:0 auto;padding:8% 0 30px;}
.category_kv .list{text-align: center;}
.category_kv .list li{width: auto; display: inline-block;margin-right:20px;font-weight:bold;}
.category_kv .list li:last-child{margin-right:0;}
/*分類頁第一則*/
.category_content_first{overflow:hidden;}
.category_content_first .img,.category_content_first .txt{height:354px;}
.category_content_first .img{width:530px;}
.category_content_first .txt{width:260px;}
.category_content_first .txt .square{
margin-top: 30px;
padding: 35px 15px 10px 30px;
border-top: #ff9398 2px solid;
border-right: #ff9398 2px solid;
border-bottom: #ff9398 2px solid;
}
.category_content_first .txt .title,.category_content .txt .title{height:55px;margin-bottom:15px;overflow: hidden;}
.category_content_first p,.category_content p{overflow: hidden;margin-bottom:20px;}
.category_content_first p{height:65px;margin-bottom:80px;line-height: 22px;}
.category_content_first .txt .txtbottom,.category_content .txt .txtbottom{position:relative;}
/*分類頁第一則 ed*/
/*分類頁四塊*/
.category_content{}
.category_content .box{margin-bottom:0;}
.category_content li{display:inline-block;width:47.8%;margin-right:30px;margin-bottom:20px;overflow: hidden;vertical-align:top;}
.category_content li:nth-last-of-type(2){margin-bottom:0px;}
.category_content li:last-child{margin-bottom:0px;}
.category_content li:nth-child(even){margin-right:0;}
.category_content .img{width:100%; margin-bottom:15px;height:252px;;}
.category_content .img img{}
.category_content .txt{width:100%;height:auto;}
.category_content p{height:65px;height:63px\0;}
.category_content .txt .txtbottom{position:relative;}
/*分類頁四塊ed*/
@media (max-width:1149px){
.category_kv{height:auto;}
.category_content_first .txt .square{margin-top: 10px;padding: 20px 10px 10px 20px;}
.category_content_first .txt .title,.category_content .txt .title{height:45px;line-height:22px;}
.category_content_first p,.category_content p{line-height:20px;}
.category_content_first .img,.category_content_first .txt{height:274px;}	
.category_content_first .img{width:410px;}
.category_content_first .txt{width:260px;}	
.category_content_first p{height:60px;margin-bottom:65px;}
.category_content li{display:inline-block;width:47%;margin-right:30px;}	
.category_content .img{height:210px;}
.category_content p{height:60px;overflow: hidden;}	
}
@media (max-width:1023px){
.category_kv{height:auto;}
.category_kv .list{padding:15px 0;}
	
.category_kv .logo{width:15%;margin:0 auto;padding:8% 0 40px;}
}
@media (max-width:767px){
.categorPy_content_first{padding-top: 15px;}	

.category_kv .logo{width:20%;height: 50px; padding:7% 0 20px;}
.category_content_first .img,.category_content_first .txt{height:auto;}
.category_content_first .img{width:100%;}
.category_content_first .txt{width:100%;}
.category_content_first .txt .square{margin-top:0px;padding:0px;border:none;}
.category_content_first p,.category_content p{display:none;}
.category_content_first .txt .title,.category_content .txt .title{height:45px;margin-bottom:10px;}

.category_content li{width:100%;margin-right:0;}
.category_content li:nth-last-of-type(2){margin-bottom:20px;}	
.category_content li:last-child{margin-bottom:0;}	
.category_content .img{height:auto;}	
}
@media (max-width:414px){.category_kv .logo{width:20%;height: 45px; padding:7% 0 20px;}}
@media (max-width:375px){.category_kv .list li{display: inline-block;margin-right:10px;font-weight:bold;}.category_kv .list li a{font-size:15px;}}
@media (max-width:360px){.category_kv .list li{width:auto;}}
@media (max-width:320px){.category_kv .list li{width:45%;text-overflow: ellipsis; white-space:nowrap;overflow:hidden; display: inline-block;margin-right:5px;font-weight:bold;}.category_kv .list li a{font-size:14px;
}
.category_kv .list li:nth-child(even){margin-right:0px;}	
.category_kv .list { padding-top:0px;}}
/*分類頁ed-------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 內頁文章區塊 --------------------------------------------------------------------------------------------------------------------------------------------*/
.detail_article{}
.detail_title{margin-bottom:10px;text-align: justify;}
.detail_article_title{width:100%;border-bottom: 1px #dbdbdb solid;position:relative;clear:both;padding-top:10px;margin-bottom:30px;}
.detail_article_title p{font-size:18px; position:absolute;background-color:#fff;top:0;left:0;padding-right:5px;font-weight:bold;}
.detail_article_title2{width:100%;border-bottom: 2px #ff9398 solid;clear:both;padding-top:10px;margin-bottom:30px;position:relative;}
.detail_article_title2 .txtbox{width: 100%;position:absolute;top:-5px;text-align: center;}
.detail_article_title2 p{
	margin: 0 auto;font-size:22px; padding-right:5px;font-weight:bold;padding:5px 10px 0; background-color: #fff;width:auto;display:inline; color: #ff9398;
}
.detail_article_title3{width:100%;border-bottom:1px #ff9398 solid;clear:both;padding-top:13px;margin-bottom:30px;position:relative;}
.detail_article_title3 p{font-size:22px;background-color:#fff;color: #ff9398;padding-right:5px;float:left;}
.detail_article_title3 .txtbox{width:100%;position:absolute;top:-3px; text-align: center;}
.detail_article_title3 .txtbox .img{width:30px;float:left;margin-right:0; padding:6px 5px 0;background-color:#fff;}
@media (max-width:767px){.detail_article_title3 p{padding-top:2px;}}
/* 資訊社群區塊 */
.detail_status{position:relative;margin-bottom:20px;}
.detail_status .time{font-size:16px}
.detail_status .time br{display:none;}
.detail_status .time span{}
.detail_status .time span:after{content:"|";margin:0 6px;color: #9f9f9f;}
.detail_status .time span:last-child:after{content:"";}
.detail_status .object{position:absolute;top:-5px;right:0;}
.detail_status .object li{display:inline-block;}
/* 資訊社群區塊ed */
/* 編輯器區塊 */
/* 會員專屬頁影片設置 */

.member_only_one img{max-width:100%!important;height: auto!important;}
.member_only_one .detail_article_contxt .video{width: 100%!important; height:647px!important;}
@media (max-width:1149px){
.member_only_one .detail_article_contxt .video{height:563px!important;}	
}
@media (max-width:1023px){
.member_only_one .detail_article_contxt .video{height:377px!important;}	
}
@media (max-width:767px){
.member_only_one .detail_article_contxt .video{height:216px!important;}	
}
@media (max-width:413px){
.member_only_one .detail_article_contxt .video{height:215px!important;}	
}
@media (max-width:411px){
.member_only_one .detail_article_contxt .video{height:194px!important;}	
}
@media (max-width:374px){
.member_only_one .detail_article_contxt .video{height:186px!important;}	
}
@media (max-width:359px){
.member_only_one .detail_article_contxt .video{height:163px!important;}	
}
/* 會員專屬頁影片設置ed*/

.detail_article_contxt .firstimg{text-align:center;width:100%;height:auto;overflow:hidden;margin:0 auto 5px;line-height:0px;}
.detail_article_contxt .img img{max-width:100%;height:auto!important;}
.detail_article_contxt  img{max-width:100%;height:auto!important;}
.detail_article_contxt .img{text-align:center;width:100%;height:auto;overflow:hidden;margin:0 auto 5px;line-height:0px;}
.detail_article_contxt .img-small-txt{font-size:16px;color:#9f9f9f;text-align:center;}
.detail_article_contxt .video{width: 100%!important; height:444px!important;overflow: hidden;}

.article_content{}
.article_content .img{}
.article_content img{width:auto;height:auto!important;}
.article_content ul li{list-style:disc!important; list-style-position:outside;overflow:visible !important;margin-left:40px;}
.article_content ol li{list-style:decimal;}



/* 格言 */
.detail_article_contxt .quote{
	position:relative;
	padding-left:20px;
	margin-left:35px;
	border-left:#ff9398 3px solid;
	font-style: italic;
	color: #686868;
}
.detail_article_contxt .quoteimg{
	width: 30px;height: 30px;
	position:absolute;
	background: url(../images/quote_img.svg) no-repeat;
	background-size:30px;
	left:-40px;z-index:1;
}
.detail_article_contxt blockquote{
	position:relative;
	padding-left:20px;
	margin-left:35px;
	border-left:#ff9398 3px solid;
	font-style: italic;
	color: #686868;
}
/* 格言 ed*/
.detail_article_contxt p{word-break: break-all;font-size:18px;margin-bottom:20px;line-height:30px;}
/* 編輯器區塊 ed*/

/* 內頁商品區塊 */
.detail_article_commodity{overflow: hidden;}
.detail_article_commodity .img{width:50%;height:auto;overflow:hidden;}
.detail_article_commodity .txt{position:relative; width:40%;height:auto;overflow:hidden;padding:15px 15px 0 15px;text-align:justify;}
.detail_article_commodity .title{overflow: hidden;}
.detail_article_commodity .title p{height:45px;font-size:18px;overflow: hidden;text-align:left;line-height:22px;}
.detail_article_commodity .price{margin-bottom:15%;}
.detail_article_commodity li{width:50%; float:left;margin-bottom: 20px;}
.detail_article_commodity li:nth-child(even) .txt{padding:15px 0 0 15px;}
.detail_article_commodity .commodity_object{text-align:right;}
/* 內頁商品區塊ed */

/* 購物車規格選單 */
.shopping_cart{width:100%;height:100vh;background-color: rgba(0,0,0,0.8);position:fixed;z-index:20;display: none;}
.shopping_cart .box{width:410px;margin:0 auto;margin-top:5%;position:relative;}
.shopping_cart .bg{padding:20px 30px;background-color:#fff;border-radius:5px;overflow: hidden;}
.shopping_cart .xx{width:40px;position:absolute;top:-10px;right:-10px;cursor:pointer;z-index:1;}
.shopping_cart .img{float:left;width:140px;height:140px;overflow: hidden;margin-right:30px;}
.shopping_cart .txt{text-align: left;word-break: break-all;}
.shopping_cart .title{line-height:22px;font-size:18px;height:65px;overflow: hidden;margin:20px 0;}
.shopping_cart .price{margin-bottom: 30px;}
.shopping_cart .specification{text-align: left; font-size:18px;clear:both;margin-bottom:10px;}
.shopping_cart .specification select{width:83%;background-color:#f9f9f9;background: url("../images/arrow.png") no-repeat scroll right center transparent;}
.shopping_cart .button01{margin-top:10px;}
select::-ms-expand{ 
 display: none; 
}
.shopping_cart .specification select,.shopping_cart .specification option{
background-color:#f9f9f9;border:1px solid #dcdcdc;
border-radius:5px;padding:5px 20px 5px 10px;
color:#aaaaaa;font-size:18px;}

@media (max-width:414px){
.shopping_cart .box{width:auto;}	
.shopping_cart .bg{margin:20px 15px;padding:15px;}
.shopping_cart .xx{top:-10px;right:0;}	
.shopping_cart .specification select{width:82%;}	
}
@media (max-width:400px){
.shopping_cart .img{margin-right:20px;}		
.shopping_cart .specification select{width:80%;}	
}
@media (max-width:360px){
.shopping_cart .img{margin-right:10px;}		
.shopping_cart .specification select{width:75%;}	
}
/* 購物車規格選單ed */
/* 購物車規格選單IOS */
.shopping_cart_ios{width:100%;}
.shopping_cart_ios .box{margin:0 auto;margin-top:5%;position:relative;}
.shopping_cart_ios .bg{padding:20px 30px;background-color:#fff;border-radius:5px;overflow: hidden;}
.shopping_cart_ios .img{float:left;width:140px;height:140px;overflow: hidden;margin-right:30px;}
.shopping_cart_ios .txt{text-align: left;word-break: break-all;}
.shopping_cart_ios .title{line-height:22px;font-size:18px;height:65px;overflow: hidden;margin:20px 0;}
.shopping_cart_ios .price{margin-bottom: 30px;}
.shopping_cart_ios .specification{text-align: left; font-size:18px;clear:both;margin-bottom:10px;}
.shopping_cart_ios .specification select{width:93%;background-color:#f9f9f9;background: url("../images/arrow.png") no-repeat scroll right center transparent;}
.shopping_cart_ios .button01{margin-top:10px;}
select::-ms-expand{ 
 display: none; 
}
.shopping_cart_ios .specification select,.shopping_cart_ios .specification option{
background-color:#f9f9f9;border:1px solid #dcdcdc;
border-radius:5px;padding:5px 20px 5px 10px;
color:#aaaaaa;font-size:18px;}
@media (max-width:1023px){
.shopping_cart_ios .specification select{width:91%;}	
}
@media (max-width:767px){
.shopping_cart_ios .box{width:auto;}	
.shopping_cart_ios .bg{margin:20px 15px;padding:15px;}
.shopping_cart_ios .specification select{width:86%;}	
}
@media (max-width:480px){
.shopping_cart_ios .box{width:auto;}	
.shopping_cart_ios .bg{margin:20px 15px;padding:15px;}
.shopping_cart_ios .specification select{width:83%;}	
}
@media (max-width:400px){
.shopping_cart_ios .img{margin-right:20px;}		
.shopping_cart_ios .specification select{width:80%;}	
}
@media (max-width:360px){
.shopping_cart_ios .img{margin-right:10px;}		
.shopping_cart_ios .specification select{width:75%;}	
}
/* 購物車規格選單IOS ed*/
/* 激安情報 */
.detail_article_lightbox{display:none;width:100%;height:100vh;background-color: rgba(0,0,0,0.8);position:fixed;z-index:20;}
.detail_article_lightbox .box{width:670px;margin:0 auto;padding:10px;position:relative;background-color:#fff;margin-top:5%;}
.detail_article_lightbox .xx{width:40px;position:absolute;top:0;right:0;cursor: pointer;z-index:1;}
.detail_article_lightbox .img{margin-bottom:10px;}
.detail_article_lightbox .txt{padding:0 20px;}
.detail_article_lightbox .txt p{margin-bottom:15px;color:#3b3b3b;font-size:18px;text-align:left;word-wrap:break-word;}
.detail_article_lightbox .title{font-size:22px;font-weight:bold;margin-bottom:10px;}

.detail_article_intelligence{background-color:#f7f7f7;padding:15px 10px;overflow:hidden;position:relative;margin-bottom:20px;}
.detail_article_intelligence1{cursor:pointer;}
.detail_article_object{position:absolute;right:5px;top:10px;}
.detail_article_intelligence p,.detail_article_intelligence li{margin-bottom:5px;}
.detail_article_intelligence p{font-size: 18px;}
.detail_article_intelligence li{}
.detail_article_intelligence li:last-child{margin-bottom:0;}
@media (max-width:767px){
.detail_article_lightbox .box{width:80%;}
.detail_article_lightbox .txt{padding:0 10px;}	
.detail_article_lightbox .txt p{color:#3b3b3b;font-size:16px;}
.detail_article_lightbox .title{font-size:20px;}	
.detail_article_intelligence{padding:15px 50px 15px 10px;}
}
@media (max-width:414px){
.detail_article_lightbox{height:100%; margin-bottom:20px;overflow:scroll;}	
.detail_article_lightbox .box{width:auto;margin:20px 15px 20px;}	
		
}
@media (max-width:320px){
.detail_article_intelligence{padding:15px 20px 15px 10px;}
.detail_article_lightbox .txt{padding:0;}
.detail_article_lightbox .txt p{color:#3b3b3b;font-size:15px;}	
}
/* 激安情報ed */
/* 延伸閱讀 */
.detail_article_read{margin-bottom:20px;overflow: hidden;}
.detail_article_read ul{}
.detail_article_read li{float:left;margin-bottom:20px;width:48.5%;margin-right:10px;}
.detail_article_read li:nth-child(even){margin-right:0;}
.detail_article_read .img{float:left;width:120px;height:80px;overflow:hidden;line-height:0;position: relative;margin-right:10px;}
.detail_article_read .txt{width:250px;height:80px;}
.detail_article_read .txt p{height:45px;overflow:hidden;margin-bottom:10px;overflow: hidden;}
.detail_article_read .txtbottom{position:relative;}
/* 延伸閱讀 ed*/
/* 關鍵字*/
.detail_article_keywords{clear:both;margin-bottom:20px;}
.detail_article_keywords .title{position:relative;overflow:visible;width:-webkit-max-content;width:-ms-max-content;width:max-content;margin-left:10px;padding-bottom:15px;clear: both;cursor: pointer;}
.detail_article_keywords .title .img{width:30px;height:35px; background: url(../images/keywords.svg) no-repeat; position:absolute;top:-5px;left:-10px;}
.detail_article_keywords .title:hover .img{background: url(../fonts/keywords-o.svg) no-repeat;}
.detail_article_keywords .title p{width:auto; font-size: 16px;padding:0px 10px 0 20px;border:1px solid #ff9398;color: #ff9398;float:left;}
.detail_article_keywords .title:hover p{border:1px solid #ff9398;color: #fff;background:#ff9398; }
.detail_article_keywords .list{clear: both;}
.detail_article_keywords .list li{
	width: auto;
	display:inline-block;padding:2px 10px;background-color:#f7f7f7;border:1px solid #eeeeee;margin-right:10px;margin-bottom:10px;
}
.detail_article_keywords .list li:hover{background-color:#ff9398;border:1px solid #ff9398;cursor: pointer;}
.detail_article_keywords .list li:hover a{color:#fff;}

@media (max-width:767px){
.detail_article_keywords .list{padding-top:15px;}	
}
/* 關鍵字 ed*/

/* 你可能會喜歡 共用區塊三塊3:2*/
.detail_article_like{margin-bottom:20px;}
.detail_article_like li{width:243px;position:relative;overflow:hidden;float:left;margin-bottom:20px;margin-right:30px;}
.detail_article_like li:nth-child(3n){margin-right:0;}

.detail_article_like .img{width:100%;height:160px;margin-bottom:10px;}
.detail_article_like .txt{width:100%;height:45px;overflow: hidden;margin-bottom:10px;}
.detail_article_like .txt p{overflow: hidden;}
.detail_article_like .txtbottom{ position:relative;}
.detail_article_like .more{clear: both;text-align: right;}
.detail_article_like .txtbottom .object ol{float:left;padding:0;}
.tv_page_playlist .detail_article_like .txt{height:auto;}
.tv_page_playlist .detail_article_like .txt p{height:45px;margin-bottom:10px;}
@media (max-width:1149px){
.detail_article_contxt .video{width: 100%!important; height:377px!important;}
.detail_article_read li{float:left;margin-bottom:20px;width:48.5%;margin-right:10px;}
.detail_article_read .img{float:left;width:120px;height:80px;overflow:hidden;line-height:0;position: relative;margin-right:10px;}
.detail_article_read .txt{width:180px;height:80px;}	
	
.detail_article_like li{width:203px;}
.detail_article_like .img{width:100%;height:134px;margin-bottom:10px;}	

.detail_article_like .txt p{line-height:22px;}
.detail_article_read .txt p{line-height:22px;}
}
@media (max-width:1023px){
.detail_article{padding-top:15px;}
.detail_article_commodity .title p{height:40px;font-size:18px;overflow: hidden;text-align:left;line-height:20px;}
}
@media (max-width:767px){

.detail_article_contxt .img-small-txt{font-size:14px;}	
.detail_article_contxt .img img{width:100%;height:auto;}	
.detail_article_contxt p{font-size:16px;}	
.detail_status .object{position:absolute;top:5px;right:0;}	
.detail_status .time span:nth-child(2):after{content:"";margin:0 6px;}	
.detail_status .time{font-size:14px}	
.detail_article{margin: 0 15px;}
.detail_status .time br{display:block;}
.detail_article_contxt .video{width: 100%!important; height:216px!important;}
.detail_article_commodity li{width:100%; float:left;}
.detail_article_commodity .txt{padding:10px 0 0 10px;}	
.detail_article_commodity .price{margin-bottom:8%;}	
.detail_article_commodity .img{width:40%;}
.detail_article_commodity .txt{width:55%;padding:5px 0 0 10px;}	
.detail_article_commodity li:nth-child(even) .txt{padding:5px 0 0 10px;}

.detail_article_read li{margin-bottom:20px;width:100%;}
.detail_article_read .img{width:40%;height:103px;margin-right:10px;}
.detail_article_read .txt{width:55%;height:auto;}
.detail_article_read .txt p{height:40px;overflow:hidden;margin-top:5px; margin-bottom:15px;line-height:20px;}
	
.detail_article_like li{width:47%;margin-right:20px;}
.detail_article_like li:nth-child(n){margin-right:20px;}
.detail_article_like li:nth-child(even){margin-right:0px;}	
.detail_article_like .img{width:100%;height:119px;margin-bottom:10px;overflow: hidden;}
.detail_article_like .txt{width:100%;height:40px;overflow: hidden;line-height:20px;}	
.detail_article_like .txt p{line-height:20px;}
.detail_article_read .txt p{line-height:20px;}
.tv_page_playlist .detail_article_like .txt p{height:40px;margin-bottom:10px;}	
}
@media (max-width:414px){.detail_status .time{width:50%;}}
@media (max-width:413px){
.detail_article_contxt .video{width: 100%!important;height:194px!important;}
.detail_article_commodity .price{margin-bottom:5%;}	
.detail_article_read .img{height:92px;}	
.detail_article_like .img{height:107px;}	
}
@media (max-width:374px){
.detail_status .time{width:50%;}	
.detail_status .time span:nth-child(2){display: block;}		
.detail_status .time br{display:none;}			
.detail_article_contxt .video{height:186px!important;}
.detail_article_like li{width:46.8%;margin-right:20px;}	
.detail_article_read .img{height:88px;}		
.detail_article_like .img{height:101px;}	
}
@media (max-width:359px){
.detail_status .object{position:absolute;top:0;right:0;}		
.detail_status .time{font-size:12px}	
.detail_article_contxt .video{height:163px!important;}
.detail_article_like .img{height:88px;}		


.detail_article_commodity .img{width:40%;}
.detail_article_commodity .txt{width:55%;padding:0 0 0 10px;overflow:hidden;}
.detail_article_read .txt p{height:40px;overflow:hidden;margin-bottom:20px;margin-top:0;}
.detail_article_read .img{height:77px;}		
.detail_article_like li{width:46%;margin-right:20px;}
}
/* 你可能會喜歡 共用區塊三塊3:2ed*/
/* 內頁文章區塊ed ---------------------------------------------------------------------------------------------------------------------------------------*/

/*TV頁----------------------------------------------------------------------------------------------------------------------------------------------*/

.tv_page_kv{}
.tv_page_kv .video{height:444px;}
.tv_page_kv .title{margin-bottom:10px;}
.tv_page_kv .title .t1{width:67px;height:67px;}
.tv_page_kv .title .t1 p{}
.tv_page_kv .title .p1{padding-top:20px;}
.tv_page_kv .title .p1 p{overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.tv_page_kv .title .p1 p:hover{color:#ff9398;}
.tv_page_kv .more{clear:both;text-align: right;}
@media (max-width:1023px){
.tv_page_kv .more{margin-right:15px;}	
}
/*相關商品*/
.related_commodity{overflow:hidden;}
.related_commodity .title{color:#9f9f9f;margin-bottom:5px;}
.related_commodity .title.a16{font-size:16px!important;}
.related_commodity .list{width:101%;}
.related_commodity .list li{width:356px;position:relative;padding:5px 26px 5px 5px;border: 1px #dfdfdf solid;overflow: hidden;}
.related_commodity .list li:last-child{margin-right:0px;}
.related_commodity .list .img{width:86px;height:86px;float:left;margin-right:10px;margin-bottom: 0;}
.related_commodity .list .txt{width:250px;height:auto;overflow:hidden;}
.related_commodity .list .txt p{text-align:left; height:45px;font-size:16px; font-weight:bold;margin-bottom:5px;padding-top:5px;overflow: hidden;line-height:22px;}
.related_commodity .list .price{float:left;padding-top:5px;}
.related_commodity .list .object{float:right;}
.related_commodity .list .txtbottom{position:relative;}
.related_commodity .owl-controls{margin-top:0px!important;}

/* 相關商品外掛修改 */
.related_commodity .owl-prev,.related_commodity .owl-next{
	width:30px !important;height:30px !important;
	position:absolute; 
    background-repeat:no-repeat !important; 
	background-color:rgba(255,147,152,0.8) !important; 
	opacity:1!important;
}
.related_commodity.owl-carousel{}
.related_commodity .owl-dots{display:none!important;}
.related_commodity .owl-prev,.related_commodity .owl-next{top:33%!important;}
.related_commodity .owl-prev:hover,.related_commodity .owl-next:hover{opacity:1;}
.related_commodity .owl-prev{background-image: url(../fonts/arraw02-l.svg) !important; left:0!important;}
.related_commodity .owl-next{background-image: url(../fonts/arraw02-r.svg) !important; right:10px !important;}

/* 相關商品外掛修改 ed */
@media (max-width:1149px){
.tv_page_kv .video{height:377px;}
.related_commodity .list li{width:296px;}
.related_commodity .list .img{width:86px;height:86px;float:left;margin-right:10px;}
.related_commodity .list .txt{width:190px;height:auto;overflow:hidden;}	
}
@media (max-width:1023px){
.tv_page_kv .title .p1{padding-right:15px;}
}
@media (max-width:767px){
    .related_commodity .list li{padding:5px;width:318px;}
	.related_commodity .list .txt{width:220px;height:auto;overflow:hidden;}	
	.related_commodity .list{width:175%;}
	.related_commodity .owl-prev,.related_commodity .owl-next{display:none!important;}
	.tv_page_kv .video{height:233px;}
	.tv_page_kv .title .p1{padding-top:13px;padding-right:15px;}
	.tv_page_kv .title .p1.a22{font-size:18px!important;}
	.tv_page .title .p1 p{height:45px; white-space:normal;line-height:22px;}
}
@media (max-width:412px) {.tv_page_kv .video{height:232px;}}
@media (max-width:375px) {.tv_page_kv .video{height:211px;}.related_commodity .list{width:195%;}}
@media (max-width:360px) {.tv_page_kv .video{height:203px;}.related_commodity .list{width:205%;}}
@media (max-width:320px) {
	.tv_page_kv .video{height:180px;}
	.related_commodity .list{width:235%;}
	.related_commodity .list li{width:275px;}
    .related_commodity .list .txt{width:175px;}
	.related_commodity .list .object{margin-top: 10px;}
	
}
/*相關商品ed*/

/*完整節目*/
.tv_page_program{}
.tv_page_program_section{margin-bottom:20px;}
.tv_page_program_section p{display:block;}
.tv_page_program_section .txt{height:auto;}
.tv_page_program_section .txt .title{height:auto;margin-bottom:0px;}
.tv_page_program_section .txt .title .t1{width:67px;height:67px;}
.tv_page_program_section .txt .title .t1 p{height:auto;}  
.tv_page_program_section .txt .title .p1 a{}
.tv_page_program_section .txtbottom ol{float:left;}
.tv_page_program_section .txtbottom .more_link{padding-top:2px; padding-left:5px;}

.tv_page_playlist .box {margin-bottom:0;}
.tv_page_playlist .loadmore{clear: both;}
/*16:9*/
.tv_page_playbox .img{height:137px;margin-right:10px;}
/*3:2*/
.tv_page_playbox2 .img{height:160px;margin-right:10px;}
@media (max-width:1149px){
.tv_page_program_section .txt .title .p1{padding-top:10px;}
.tv_page_program_section .txt .title .p1 p{height:40px;}
/*16:9*/
.tv_page_playbox .img{height:114px;}
/*3:2*/
.tv_page_playbox2 .img{height:134px;}	
}
@media (max-width:767px){
.tv_page_program_section .txt .title .t1 p{height:auto;}
.tv_page_program_section .txt .title .p1{height:auto; padding-top: 13px;}
.tv_page_program_section .txt .title .p1{padding-top:10px;}
.tv_page_program_section .txt .title .p1 p{height:40px;line-height:20px;}	

.tv_page_playlist .box .img{margin-bottom:0;}

.tv_page_playbox li,.tv_page_playbox2 li{width:100%;height: auto;}
.tv_page_playbox li,.tv_page_playbox2 li{margin-bottom:20px;width:100%;}
/*16:9*/	
.tv_page_playbox .img{width:40%;height:86px;margin-bottom: 0;}
/*3:2*/	
.tv_page_playbox2 .img{width:40%;height:101px;margin-bottom: 0;}	
	
.tv_page_playbox .txt,.tv_page_playbox2 .txt{width:55%;height:auto;margin-bottom:0px;}
.tv_page_playbox .txt p,.tv_page_playbox2 .txt p{margin-top:5px; height:40px;overflow:hidden;margin-bottom:15px;line-height:20px;}
.tv_page_playbox2 .txt p{margin-top:10px;}
}

@media (max-width:375px){
.tv_page_playbox .img{height:78px;}	
/*3:2*/	
.tv_page_playbox2 .img{height:91px;}
.tv_page_playbox2 .txt p{margin-top:5px;}
}
@media (max-width:360px){
.tv_page_playbox .img{height:75px;}
/*3:2*/	
.tv_page_playbox2 .img{height:87px;}		

}
@media (max-width:320px){
.tv_page_playbox .img{height:66px;}
/*3:2*/	
.tv_page_playbox2 .img{height:77px;}	
.tv_page_playbox .txt p,.tv_page_playbox2 .txt p{margin-top:0;}

}
/*TV頁ed----------------------------------------------------------------------------------------------------------------------------------------------*/



/*2017/11/15 EJ*/

/*! jQuery UI - v1.11.4 - 2015-03-11
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
@media (max-width:1920px){
.ui-datepicker{ left:16.1%!important;margin-top:8px;}
}
@media (max-width:1600px){
.ui-datepicker{ left:13.3%!important;}
}
@media (max-width:1366px){
.ui-datepicker{ left:10.6%!important;}
}
@media (max-width:1280px){
.ui-datepicker{ left:18.8%!important;}
}
@media (max-width:1024px){
.ui-datepicker{ left:13.6%!important;}
}
@media (max-width:768px){
.ui-datepicker{ left:auto!important; right:6% !important;}
}
@media (max-width:414px){
.ui-datepicker{left:auto!important; right:5% !important;}
}
@media (max-width:375px){
.ui-datepicker{left:auto!important; right:6% !important;}
}
@media (max-width:320px){

}
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker-next:hover{
	background-color: #fff!important;
}
.ui-datepicker-prev:hover{
	background-color: #fff!important;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 0px;
}
.ui-datepicker .ui-datepicker-next {
	right: 0px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 0px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 0px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -5px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
    font-size: .875em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
	
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item:hover {
background:#E9E9E9;
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4, Verdana, sans-serif;
	font-size: 15px;
}
.ui-widget .ui-widget {
	font-size: 15px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4, Verdana, sans-serif;
	font-size: 15px;
}
.ui-widget-content {
	border: 1px solid #d9d9d9;
	background: #ffffff url("../images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
	box-shadow: 0 3px 5px rgba(170,170,170,0.5);
}
.ui-widget-content a {
	color: #222222;
}

.ui-widget-header {
	border: 0px solid #aaaaaa;
	background: #cccccc url("../images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
	background: #fff;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	
	background: #e6e6e6 url("../images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	border: 0px solid #d3d3d3;
    background: #fff;
    font-weight: normal;
    color: #555555;
    text-align: center;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
    font-weight: normal;
    color: #222;
}


.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #222;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 0px solid #aaaaaa;
    background: #ffffff url("../images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #222;
	border-radius: 5px;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	
	background: #fbf9ee url("../images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	border: 0px solid #fd3a13;
    background: #fd3a13;
    color: #ffffff;
    border-radius: 5px;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("../images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("../images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("../images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("../images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("../images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}


/*我的收藏 List*/
.keep_list {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}
.keep_item {
	width: auto;
	margin-bottom: 20px;
	position: relative;
}
.keep_item_left {
	width: 90%;
	overflow: hidden;
}
.keep_article_pic,
.keep_video_pic,
.keep_product_pic,
.sidebar_product_pic {
	position: relative;
	overflow: hidden;
	z-index: 1;
	line-height: 0;
}
.keep_article_pic {
	width: 180px;
	height: 120px;
	float: left;
}
.keep_video_pic {
	width: 180px;
	height: 102px;
	float: left;
}
.keep_product_pic {
	width: 180px;
	height: 180px;
	float: left;
}
/*右側欄商品*/
.sidebar_product_pic {
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

.keep_article_pic img,
.keep_video_pic img,
.keep_product_pic img,
.sidebar_product_pic img {
	width: 100%;
	height: auto;
}

.keep_item_txt {
	margin: 10px 0 0 0;
	padding-left: 20px;
	overflow: hidden;
}
/*右側欄商品文字*/
.keep_item_txt.center {
	text-align: center;
	padding-left: 0;
}
/*追蹤達人文章文字*/
.keep_item_txt.track {
	margin: 15px 0 0 0;
	padding-left: 0;
	float: left;
}
.keep_item_txt h2,
.keep_item_txt.center h2 {
	font-size: 18px;
	margin: 0;
	font-weight: normal;
	line-height: 24px;
	height: 50px;
	overflow: hidden;
	word-break: break-all;
}
.keep_item_txt h2 span {
	color: #9f9f9f;
}
.keep_item_txt h3 {
	font-size: 16px;
	margin: 35px 0 0 0;
	font-weight: normal;
	line-height: 20px;
	color: #ff9398;
	word-break: break-all;
}
.keep_item_txt.track h3 {
	margin: 20px 0 0 0;
}
.keep_item_txt h3 span {
	font-size: 14px;
	margin: 0 0 0 5px;
	color: #9f9f9f;
}
.keep_item_txt h4 {
	font-size: 16px;
	margin: 20px 0 0 0;
	color: #9f9f9f;
	font-weight: normal;
}
.keep_item_txt h5,
.keep_item_txt.center h5 {
	display: block;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	margin: 5px 0;
	color: #9F9F9F;
	max-height: 40px;
	overflow: hidden;
}
@media (max-width:1149px){
.keep_item_txt {
	margin: 10px 0 0 0;
}
.keep_item_txt.track {
	margin: 10px 0 0 0;
}
.keep_item_txt h2,
.keep_item_txt.center h2 {
	font-size: 16px;
	line-height: 22px;
	height: 45px;
}
.keep_item_txt h3 {
	margin: 30px 0 0 0;
}
.keep_item_txt.track h3 {
	margin: 10px 0 0 0;
}
}
@media (max-width:1023px){
.keep_item_txt.center {
	text-align: left;
	padding-left: 20px;
	margin: 15px 0 0 0;
}
.sidebar_product_pic {
	width: 180px;
	height: 180px;
	float: left;
	margin: 0;
}
}
@media (max-width:767px) {
.keep_article_pic {
	width: 120px;
	height: 80px;
}
.keep_video_pic {
	width: 120px;
	height: 68px;
}
.keep_product_pic,
.sidebar_product_pic {
	width: 120px;
	height: 120px;
}
.keep_item_txt,
.keep_item_txt.center {
	margin: 0;
	padding-left: 10px;
}
.keep_item_txt h3 {
	margin: 10px 0 0 0;
}
.keep_item_txt.track {
	width: 57%;
	float: right;
	margin: 0;
	padding: 0;
}
.keep_item_txt.track h3 {
	width: 57%;
	position: absolute;
	margin: 0;
	right: 0;
	bottom: 0;
}
.keep_item_txt h4 {
	margin: 2px 0 0 0;
}
.keep_item_txt h5,
.keep_item_txt.center h5 {
	display: none;
}
}
@media (max-width:359px) {
.keep_item_left {
	width: 88%;
}
.keep_article_pic {
	width: 100px;
	height: 67px;
}
.keep_video_pic {
	width: 100px;
	height: 57px;
}
.keep_product_pic,
.sidebar_product_pic {
	width: 100px;
	height: 100px;
}
.keep_item_txt h3 {
	font-size: 14px;
	margin: 5px 0 0 0;
	line-height: 18px;
}
}
/*我的收藏 List ed*/

/*我的收藏商品價錢區塊*/
.keep_product_root {
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 12px;
	z-index: 1;
	left: 180px;
	padding-left: 20px;
	box-sizing: border-box;
}
.keep_product_root.center {
	width: auto;
	position: relative;
	bottom: 0;
	left: 0;
	padding-left: 0;
	text-align: center;
}
.keep_product_root .search_commodity_object {
	float: left;
}
.keep_product_root.center .search_commodity_object {
	float: none;
}
.keep_product_icon {
	overflow: hidden;
	margin-top: 6px;
}
.keep_product_root .soldout_txt {
	font-size: 18px;
	color: #9F9F9F;
}
@media (max-width:1149px){
.keep_product_root .soldout_txt {
	font-size: 16px;
}
}

@media (max-width:1023px){
.keep_product_root.center {
	width: 100%;
	position: absolute;
	bottom: 12px;
	left: 180px;
	padding-left: 20px;
	text-align: left;
}
.keep_product_root.center .search_commodity_object {
	float: left;
}
}

@media (max-width:767px) {
.keep_product_root {
	width: 50%;
	bottom: 0;
	left: 120px;
	padding-left: 10px;
}
.keep_product_root.center {
	bottom: 0;
	left: 120px;
	padding-left: 10px;
}
}
@media (max-width:359px) {
.keep_product_root {
	left: 100px;
}
.keep_product_root.center {
	left: 100px;
}
}
/*我的收藏商品價錢區塊 ed*/

/*我的收藏商品售完*/
.soldout_mask {
	width: 100%;
	height: 100%;
	background: url(../fonts/icon_soldout.svg) center center no-repeat rgba(0,0,0,.6);
	background-size: 80% 80%;
	position: absolute;
	z-index: 1;
}
.soldout_mask.img {
	width: 100%;
	height: 100%;
	background: url(../images/icon_soldout.svg) center center;
}
/*我的收藏商品售完 ed*/


/*我的收藏載入更多外框*/
.keep_load_box {
	width: auto;
	margin: 0;
	box-sizing: border-box;
}
/*我的收藏載入更多外框 ed*/


/*我的收藏右側欄-商品*/
.keep_sidebar {
	width: 100%;
}
.keep_sidebar_item {
	width: 250px;
	margin: 0 auto 20px;
	position: relative;
	overflow: hidden;
}
.keep_sidebar_item:last-child {
	margin: 0 auto 10px;
}
@media (max-width:1023px) {
.keep_sidebar_item {
	width: auto;
}
}
/*我的收藏右側欄-商品 ed*/

/*我的追蹤*/
.track_master_title {
	width: 100%;
	margin: 25px 0 15px 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.track_master_title_pic {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.track_master_title_name {
	width: 85%;
	height: 55px;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
	display: -webkit-flex;
	display: flex;
	word-break: break-all;
	overflow: hidden;
}
.vertical {
	margin: auto 0;
	text-align: left;
}

.track_box {
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.track_box:last-child {
	margin-bottom: 20px;
}
.track_item {
	width: 243px;
	float: left;
	margin-bottom: 20px;
	margin-right: 30px;
	overflow: hidden;
}
.track_item:nth-child(3n) {
	margin-right: 0;
}
@media (max-width:1149px) {
.track_item {
	width: 203px;
}
.track_master_title_name {
	width: 80%;
	font-size: 20px;
	line-height: 24px;
}
}
@media (max-width:767px) {
.track_master_title {
	margin: 15px 0 10px 0;
}
.track_master_title_name {
	width: 70%;
	font-size: 18px;
	height: 46px;
	line-height: 23px;
	padding-top: 2px;
}
.track_box {
	margin-bottom: 30px;
}
.track_item {
	width: 100%;
	margin-right: 0;
	position: relative;
	z-index: 1;
}
.track_item:last-child {
	margin-bottom: 0;
}
}
@media (max-width:375px) {
.track_master_title_name {
	width: 65%;
}
}

.track_master_article_pic {
	width: 243px;
	height: 162px;
	overflow: hidden;
	position: relative;
	z-index: 1;	
	line-height: 0;
	float: left;
}
.track_master img {
	width: 100%;
	height: auto;
}
@media (max-width:1149px) {
.track_master_article_pic {
	width: 203px;
	height: 135px;
}
}
@media (max-width:767px) {
.track_master_article_pic {
	width: 40%;
	height: 102px;
}
}
@media (max-width:413px) {
.track_master_article_pic {
	height: 92px;
}
}
@media (max-width:374px) {
.track_master_article_pic {
	height: 88px;
}
}
@media (max-width:359px) {
.track_master_article_pic {
	height: 77px;
}
}
/*我的追蹤 ed*/


/*我的追蹤 NEW icon*/
.track_new_btn {
	position: absolute;
	z-index: 1;
	top: 8px;
	right: 6px;
	font-size: 14px;
	line-height: 20px;
	background: #fb2928;
	padding: 0 8px;
	color: #FFF;
	border-radius: 15px;
}
@media (max-width:767px) {
.track_new_btn {
	top: 6px;
	right: 6px;
	font-size: 12px;
	line-height: 16px;
	padding: 0 6px;
}
}
/*我的追蹤 NEW icon ed*/


/*我的追蹤右側欄*/
.track_sidebar {
	width: 100%;
	overflow: hidden;
}
.track_sidebar li {
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ffd4d6;
}
.track_sidebar li:last-child {	
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 15px;
}
.track_master_title_pic.big {
	width: 60px;
	height: 60px;
	border-radius: 30px;
}
.track_sidebar_txt {
	width: auto;
	padding-left: 10px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.track_sidebar_txt .name {
	width: 100%;
	max-height: 45px;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	float: left;
	overflow: hidden;
	word-break: break-all;
}
/*追蹤 icon*/
.track_sidebar_txt .track_icon {
	float: left;
	margin-top: 10px;
}

@media (max-width:1023px) {
.track_sidebar li {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	border: none;
}
.track_sidebar li:nth-child(even) {
	margin-right: 0;
}	
.track_sidebar li:last-child {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
}
@media (max-width:767px){
.track_sidebar li {
	width: 100%;
	display: block;
	margin-right: 0;
	border-bottom: 1px solid #ffd4d6;
}	
.track_sidebar li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 15px;
}
.track_master_title_pic.big {
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
.track_sidebar_txt {
	width: auto;
	height: 50px;
	display: -webkit-flex;
	display: flex;
	position: relative;
}
.track_sidebar_txt .name {
	width: 200px;
	max-height: 46px;
	font-size: 18px;
	line-height: 22px;
	display: -webkit-flex;
	display: flex;
}
/*追蹤 icon*/
.track_sidebar_txt .track_icon {
	float: none;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
}
}
@media (max-width:413px){
.track_sidebar_txt .name {
	width: 170px;
	line-height: 23px;
}
}
@media (max-width:359px){
.track_sidebar_txt .name {
	width: 140px;
}
}
/*我的追蹤右側欄 ed*/





@media (max-width:1149px){	
}
@media (max-width:1023px) {
}
@media (max-width:375px) {
}



@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

.padding-override {
    padding: 0 15px !important;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"],
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


/*達人首頁*/
.master_div {
	width: 100%;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
@media (max-width:1023px) { 
.master_div:nth-child(1) {
	margin-top: 15px;
}
}
.master_pic {
	width: 330px;
	height: 437px;
	position: relative;
	z-index: 1;
}
.master_pic.left {
	float: left;
	background: url(../images/master-pic-bg.png) no-repeat left center;
}
.master_pic.right {
	float: right;
	background: url(../images/master-pic-bg.png) no-repeat right center;
}
.master_pic_img {
	width: 310px;
	height: 432px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	line-height: 0;
}
.master_pic_img img {
	width: 100%;
	height: auto;
}
.master_pic_img.left {
	left: 20px;
	top: 10px;
}
.master_pic_img.right {
	right: 20px;
	top: 10px;
}

.master_info {
	width: 435px;
	position: relative;
	background: url(../images/master-title-bg.png) no-repeat left top;
	min-height: 100px;
}
.master_info.right {
	float: right;
}
.master_info.left {
	float: left;
}
.master_info_box {
	width: 400px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}
.master_info_box.right {
	margin-left: 15px;
}
.master_info_box.left {
	margin-left: 20px;
}
.master_info_box h2 {
	font-size: 20px;
	margin: 0;
}
.master_info_box h3 {
	font-size: 32px;
	margin: 10px 0 0 0;
	line-height: 35px;
	height: 70px;
	word-wrap: break-word;
}
.master_info_box h4 {
	font-size: 18px;
	line-height: 24px;
	margin: 6px 0 0 0;
	font-weight: normal;
	min-height: 82px;
	word-break: break-word;
}
.master_article {
	width: 400px;
	overflow: hidden;
}
.master_article.right {
	float: right;
	margin: 0 20px 0 0;
}
.master_article.left {
	float: left;
	margin: 0 0 0 20px;
}
.master_article_box {
	width: 187px;
	float: left;
}
.master_article_box:nth-child(even) {
	float: right;
}
.master_article_pic {
	width: 187px;
	height: 123px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	line-height: 0;
}
.master_article_pic img {
	width: 100%;
	height: auto;
}
.master_article_txt {
	width: auto;
	height: 46px;
	margin-top: 5px;
	overflow: hidden;
	line-height: 22px;
	word-break: break-word;
}
.article_date {
	font-size: 14px;
	color: #9f9f9f;
	margin: 0;
}
.master_link {
	width: 100%;
	overflow: hidden;
}
.master_track {
	width: 100%;
	overflow: hidden;
}

@media (max-width:1149px) {
.master_pic {
	width: 278px;
	height: 364px;
}
.master_pic_img {
	width: 261px;
	height: 364px;
}
.master_info {
	width: 368px;
	min-height: 80px;
}
.master_info_box {
	width: 339px;
	margin-top: 8px;
	margin-bottom: 10px;
}
.master_info_box.right {
	margin-left: 10px;
}
.master_info_box.left {
	margin-left: 20px;
}	
.master_info_box h2 {
	font-size: 20px;
	margin: 0;
	word-break: break-word;
}
.master_info_box h3 {
	font-size: 26px;
	margin: 3px 0 0 0;
	height: auto;
	line-height: 30px;
}
.master_info_box h4 {
	font-size: 16px;
	line-height: 20px;
	margin: 6px 0 0 0;
	min-height: 67px;	
}

.master_article {
	width: 339px;
}
.master_article.right {
	margin: 0 20px 0 0;
}
.master_article.left {
	margin: 0 0 0 20px;
}
.master_article_box {
	width: 158px;
}
.master_article_pic {
	width: 158px;
	height: 104px;
}
}


@media (max-width:767px) {
.master_div {
	width: 384px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 15px;
}
.master_pic {
	width: 180px;
	min-height: 230px;
	height: auto;
}
.master_pic.left {
	background: url(../images/master-pic-bg.png) no-repeat left 12px;
	background-size: 18px auto;
}
.master_pic.right {
	background: url(../images/master-pic-bg.png) no-repeat right 12px;
	background-size: 18px auto;
}
.master_pic_img {
	width: 170px;
	height: 237px;
}
.master_pic_img.left {
	left: 10px;
	top: 5px;
}
.master_pic_img.right {
	right: 10px;
	top: 5px;
}
.master_info {
	width: 190px;
	background: url(../images/master-title-bg.png) no-repeat left top;
	background-size: 25px auto;
	min-height: 100px;
}
.master_info_box {
	width: 170px;
	margin-top: 10px;
	margin-bottom: 0;
	height: 232px;
	position: relative;
}
.master_info_box.right {
	float: right;
	margin-right: 10px;
}
.master_info_box.left {
	float: left;
	margin-left: 10px;
}
.master_info_box h2 {
	font-size: 16px;
}
.master_info_box h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 6px 0 0 0;
}
.master_info_box h4 {
	font-size: 14px;
	line-height: 20px;
	margin: 8px 0 0 0;
	min-height:auto;
}
.master_link {
	width: 100%;
	position: absolute;
	bottom: 0;
}	
.master_article {
	width: 364px;
	padding-top: 20px;
}
.master_article.right {
	margin: 0 10px 0 0;
}
.master_article.left {
	margin: 0 0 0 10px;
}
.master_article_box {
	width: 170px;
}
.master_article_pic {
	width: 170px;
	height: 112px;
}
}

@media (min-width:375px) and (max-width:413px) {
.master_div {
	width: 345px;
	margin: 0 auto;
	margin-bottom: 15px;
}
.master_pic {
	width: 165px;
	min-height: 200px;
	height: auto;
}
.master_pic.left {
	background: url(../images/master-pic-bg.png) no-repeat left 12px;
	background-size: 15px auto;
}
.master_pic.right {
	background: url(../images/master-pic-bg.png) no-repeat right 12px;
	background-size: 15px auto;
}
.master_pic_img {
	width: 155px;
	height: 216px;
}
.master_pic_img.left {
	left: 10px;
	top: 5px;
}
.master_pic_img.right {
	right: 10px;
	top: 5px;
}
.master_info {
	width: 175px;
	background: url(../images/master-title-bg.png) no-repeat left top;
	background-size: 25px auto;
	min-height: 100px;
}
.master_info_box {
	width: 155px;
	margin-top: 10px;
	height: 210px;
	position: relative;
}
.master_info_box.right {
	float: right;
	margin-right: 10px;
}
.master_info_box.left {
	float: left;
	margin-left: 10px;
}
.master_info_box h2 {
	font-size: 16px;
	line-height: 18px;
}
.master_info_box h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 5px 0 0 0;
}
.master_info_box h4 {
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0 0 0;
	min-height:auto;
}	
.master_article {
	width: 325px;
	padding-top: 15px;
}
.master_article.right {
	margin: 0 10px 0 0;
}
.master_article.left {
	margin: 0 0 0 10px;
}
.master_article_box {
	width: 155px;
}
.master_article_pic {
	width: 155px;
	height: 102px;
}
}

@media (min-width:360px) and (max-width:374px) {
.master_div {
	width: 330px;
	margin-bottom: 20px;
}
.master_pic {
	width: 155px;
	min-height: auto;
	height: auto;
}
.master_pic.left,
.master_pic.right {
	background: none
}
.master_pic_img {
	width: 155px;
	height: 216px;
}
.master_pic_img.left {
	left: 0;
	top: 0;
}
.master_pic_img.right {
	right: 0;
	top: 0;
}
.master_info {
	width: 155px;
	background: none;
	min-height: auto;
}
.master_info_box {
	width: 155px;
	margin-top: 0;
	height: 216px;
	position: relative;
}
.master_info_box.right {
	float: right;
	margin-right: 0;
}
.master_info_box.left {
	float: left;
	margin-left: 0;
}
.master_info_box h2 {
	font-size: 16px;
	line-height: 18px;
}
.master_info_box h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 5px 0 0 0;
}
.master_info_box h4 {
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0 0 0;
	min-height:auto;
}	
.master_article {
	width: 330px;
}
.master_article.right {
	margin: 0;
}
.master_article.left {
	margin: 0;
}
.master_article_box {
	width: 155px;
}
.master_article_pic {
	width: 155px;
	height: 102px;
}
}

@media (min-width:320px) and (max-width:359px) {
.master_div {
	width: 290px;
	margin-bottom: 20px;
}
.master_pic {
	width: 140px;
	min-height: auto;
	height: auto;
}
.master_pic_img {
	width: 140px;
	height: 195px;
}
.master_pic_img.left {
	left: 0;
	top: 0;
}
.master_pic_img.right {
	right: 0;
	top: 0;
}
.master_info {
	width: 140px;
	background: none;
	min-height: auto;
}
.master_info_box {
	width: 140px;
	margin-top: 5px;
	height: 190px;
	position: relative;
}
.master_info_box.right {
	float: right;
	margin-right: 0;
}
.master_info_box.left {
	float: left;
	margin-left: 0;
}
.master_info_box h2 {
	font-size: 16px;
	line-height: 18px;
}
.master_info_box h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 5px 0 0 0;
}
.master_info_box h4 {
	display: none;
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0 0 0;
	min-height:auto;
}	
.master_article {
	width: 290px;
}
.master_article.right {
	margin: 0;
}
.master_article.left {
	margin: 0;
}
.master_article_box {
	width: 140px;
}
.master_article_pic {
	width: 140px;
	height: 92px;
}
}
@media (max-width:319px) {
.master_div {
	width: 290px;
	margin-bottom: 20px;
}
.master_pic {
	width: 140px;
	min-height: auto;
	height: auto;
}
.master_pic_img {
	width: 140px;
	height: 195px;
}
.master_pic_img.left {
	left: 0;
	top: 0;
}
.master_pic_img.right {
	right: 0;
	top: 0;
}
.master_info {
	width: 140px;
	background: none;
	min-height: auto;
}
.master_info_box {
	width: 140px;
	margin-top: 5px;
	height: 190px;
	position: relative;
}
.master_info_box.right {
	float: right;
	margin-right: 0;
}
.master_info_box.left {
	float: left;
	margin-left: 0;
}
.master_info_box h2 {
	font-size: 16px;
	line-height: 18px;
}
.master_info_box h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 5px 0 0 0;
}
.master_info_box h4 {
	display: none;
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0 0 0;
	min-height:auto;
}	
.master_article {
	width: 290px;
}
.master_article.right {
	margin: 0;
}
.master_article.left {
	margin: 0;
}
.master_article_box {
	width: 140px;
}
.master_article_pic {
	width: 140px;
	height: 92px;
}
}
/*達人首頁ed*/

/*達人載入更多外框*/
@media (min-width:319px) and (max-width:1023px) {
.master_load_box {
	width: auto;
	margin: 0 15px;
	box-sizing: border-box;
}
}
/*達人載入更多外框 ed*/



/*達人老師專頁主圖*/
.master_content {
	margin: 0;
	padding: 0;
}
.master_detail_kv {
	width: 100%;
	height: 400px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.master_detail_kv_pic {
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.master_detail_kv_pic img {
	width: 1150px;
	height: auto;
}
.master_detail_kv_mask {
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-clip-path: polygon(40% 0, 100% 0%, 100% 100%, 13% 100%);
	clip-path: polygon(40% 0, 100% 0%, 100% 100%, 13% 100%);
}

.master_detail_kv_name {
	width: auto;
	position: absolute;
	z-index: 2;
	top: 80px;
	left: 30px;
}
.master_detail_kv_name h2 {
	font-size: 20px;
	margin: 0 0 10px 0;
}
.master_detail_kv_name h3 {
	font-size: 32px;
	margin: 0;
}
.master_detail_kv_info {
	width: 400px;
	position: absolute;
	z-index: 2;
	bottom: 95px;
	left: 30px;
	overflow: hidden;
}
.master_detail_kv_info .txt {
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
}
.master_detail_kv_info .txt h4 {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	font-weight: normal;
	word-break: break-word;
}
.master_detail_kv_info .button {
	width: 100%;
	float: left;
	margin: 0;
}


@media (max-width:1149px) {
.master_detail_kv {
	height: 348px;
}
.master_detail_kv_pic {
	height: 348px;
}
.master_detail_kv_pic img {
	width: 100%;
	height: auto;
}
.master_detail_kv_mask {
	height: 348px;
}

.master_detail_kv_name {
	top: 60px;
	left: 30px;
}
.master_detail_kv_name h2 {
	font-size: 20px;
	margin: 0 0 10px 0;
}
.master_detail_kv_name h3 {
	font-size: 28px;
}
.master_detail_kv_info {
	width: 350px;
	bottom: 80px;
	left: 30px;
}
.master_detail_kv_info .txt {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}
.master_detail_kv_info .txt h4 {
	font-size: 16px;
	line-height: 22px;
}
}

@media (max-width:1023px) {
.master_detail_kv {
	height: 233px;
}
.master_detail_kv_pic {
	height: 233px;
}
.master_detail_kv_mask {
	height: 233px;
}

.master_detail_kv_name {
	width: 240px;
	top: 20px;
	left: 15px;
}
.master_detail_kv_name h2 {
	font-size: 18px;
	margin: 0 0 5px 0;
}
.master_detail_kv_name h3 {
	font-size: 24px;
	line-height: 28px;
}
.master_detail_kv_info {
	width: 240px;
	bottom: 25px;
	left: 15px;
}
.master_detail_kv_info .txt {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}
.master_detail_kv_info .txt h4 {
	font-size: 14px;
	line-height: 20px;
}
}

@media (max-width:767px) { 
.master_detail_kv {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.master_detail_kv_pic {
	width: 100%;
	height: auto;
	line-height: 0;
}
.master_detail_kv_mask {
	width: 100%;
	height: auto;
}

.master_detail_kv_name {
	width: 40%;
	top: 40px;
	left: 15px;
}
.master_detail_kv_name h2 {
	font-size: 14px;
	margin: 0 0 5px 0;
	line-height: 18px;
}
.master_detail_kv_name h3 {
	font-size: 18px;
	line-height: 22px;
}
.master_detail_kv_info {
	width: auto;
	position: relative;
	z-index: 2;
	top:0;
	bottom: 0;
	left: 0;
	margin: 10px 15px 0 15px;
}
.master_detail_kv_info .txt {

	width: 100%;
	float: left;
	margin: 0;
}
.master_detail_kv_info .txt h4 {
	font-size: 14px;
	line-height: 20px;
}
.master_detail_kv_info .button {
	width: 90px;
	float: right;
	margin: 0 0 0 5px;
}
}
@media (min-width:375px) and (max-width:413px) {
.master_detail_kv_name {
	width: 40%;
	top: 30px;
}
.master_detail_kv_info .txt {
	width: 100%;
}
}
@media (min-width:360px) and (max-width:374px) {
.master_detail_kv_name {
	width: 40%;
	top: 20px;
}
.master_detail_kv_name h3 {
	font-size: 16px;
	line-height: 20px;
}
.master_detail_kv_info .txt {
	width: 100%;
}
}
@media (min-width:320px) and (max-width:359px) {
.master_detail_kv_name {
	width: 40%;
	top: 10px;
}
.master_detail_kv_name h3 {
	font-size: 16px;
	line-height: 20px;
}
.master_detail_kv_info .txt {
	width: 100%;
}
}
@media (max-width:319px) {
.master_detail_kv_name {
	width: 35%;
	top: 15px;
}
.master_detail_kv_info .txt {
	width: 100%;
}
}
/*達人老師專頁主圖 ed*/



/*達人老師專頁內容*/
.master_detail_div {
	width: 100%;
	overflow: hidden;
}
@media (max-width:767px) {
.master_detail_div {
	width: auto;
	margin: 0 15px;
}
}


.master_detail_box {
	width: 100%;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.master_detail_pic {
	width: 430px;
	height: 286px;
	line-height: 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.master_detail_pic img {
	width: 430px;
	height: auto;
}
.master_detail_pic.right {
	float: right;
}
.master_detail_pic.left {
	float: left;
}
.master_detail_article {
	width: 310px;
	margin-top: 40px;
}
.master_detail_article.right {
	float: right;
	margin-right: 15px;
}
.master_detail_article.left {
	float: left;	
	margin-left: 15px;
}
.master_detail_article h2 {
	width: 100%;
	margin: 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 28px;
	overflow: hidden;
	height: 60px;
	word-break: break-word;
}
.master_detail_article h3 {
	width: 100%;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	overflow: hidden;
	height: 75px;
	border-top: 1px solid #ff9398;
	margin: 5px 0 20px 0;
	padding-top: 10px;
	word-break: break-word;
}
.master_detail_article .root {
	width: 100%;
	overflow: hidden;
}
.master_detail_article .root .article_date {
	margin-top: 6px;
}


@media (max-width:1149px) {
.master_detail_pic {
	width: 360px;
	height: 239px;
}
.master_detail_pic img {
	width: 360px;
	height: auto;
}
.master_detail_article {
	width: 275px;
	margin-top: 25px;
}
.master_detail_article h2 {
	font-size: 20px;
	line-height: 26px;
	height: 55px;
}
.master_detail_article h3 {
	font-size: 16px;
	line-height: 22px;
	height: 68px;
	margin: 8px 0 20px 0;
	padding-top: 10px;
}
}

@media (max-width:767px) {
.master_detail_pic {
	width: 100%;
	height: auto;
}
.master_detail_pic img {
	width: 100%;
	height: auto;
}
.master_detail_pic.right,
.master_detail_pic.left,
.master_detail_article.right,
.master_detail_article.left {
	float: none;
	margin: 0;
}
.master_detail_article {
	width: 100%;
	height: auto;
}
.master_detail_article h2 {
	font-size: 16px;
	line-height: 22px;	
	height: 45px;
	margin: 10px 0 0 0;
}
.master_detail_article h3 {
	display: none;
}
.master_detail_article .root {
	margin: 10px 0 0 0;
}
}

@media (min-width:375px) and (max-width:413px) {
.master_detail_article h2 {
	font-size: 16px;
	line-height: 22px;
}
}

@media (min-width:360px) and (max-width:374px) {
.master_detail_article h2 {
	font-size: 16px;
	line-height: 22px;
}
}

@media (min-width:320px) and (max-width:359px) {
.master_detail_article h2 {
	font-size: 16px;
	line-height: 22px;
}
.master_detail_article .root .article_date {
	margin-top: 0;
}
}

@media (max-width:319px) {
.master_detail_article h2 {
	font-size: 16px;
	line-height: 22px;
}
.master_detail_article .root .article_date {
	margin-top: 0;
}
}
/*達人老師專頁內容ed*/


@charset "utf-8";
/* CSS Document */
/*會員頁------------------------------------------------------------------------*/
.member{font-size:18px;padding-top:20px;margin:0 auto 15px;text-align:center;width:100%;}

/*會員個資*/
.member_data{overflow:hidden;margin-bottom:30px;}
.member_peo_box{width:120px;margin: 0 auto 10px;position:relative;}
.member_peo{width:120px;height:120px;overflow: hidden;border-radius:60px;position:relative;margin: 0 auto 10px;}
.member_peo_box .camera{
	width:20px;height:20px;position:absolute;right:0;bottom:0;background:#e5e5e5;
	padding:5px;border-radius:60px;border:solid 2px #fff;cursor:pointer;
}
.member_id{color:#686868;margin-bottom:15px;}.member_id a{color:#686868;}
.member_name{font-size:26px;font-weight:bold;color:#000;}
.member .button01{margin: 0 auto 50px;display: inline-block;}
.member .button01.bt1{padding:3px 30px;}
.member_data .button01{margin: 0 auto;}
/*會員個資 ed*/
/*會員資訊*/
.member_information{}
.member_information .left,.member_information .right,.member_information .box .list li{display:inline-block;vertical-align:top;}
.member_information .left{width:820px;margin-right:20px;}
.member_information .right{width:280px;}
.member_information .section{margin-bottom:20px;}
.member_information .title_box{text-align:left;}
.member_information .title{color:#ff9398;font-weight: bold;font-size:24px;margin-bottom:10px;display:inline-block;}
.member_new{
display:inline-block;font-size:14px;background:#fb2928;vertical-align:top;
padding:2px 10px;color:#fff;border-radius:20px;margin-top:5px;
}
.member_information .title_box .btn{
float:right;padding:0px 10px;color:#ff9398;font-size:16px;background:#fff;border:#ff9398 1px solid;
border-radius:20px;margin-top:5px;
}
.member_information .title_box .btn a{color:#ff9398;}
.member_information .title_box .btn:hover,.member_information .title_box .btn a:hover{color:#fff;background-color:#ff9398;}

.member_information .box{padding:15px;border-radius:5px;box-shadow:rgba(0,0,0,0.2) 0px 1px 6px;}
.member_information .box .list{overflow: hidden;}
.member_information .box .list .one{width:100%;height:250px;background-color:#fafafa;overflow: hidden;}
.member_information .box .list .contxt{margin-top:80px;}
.member_information .box .list .img1{width:60px; height:60px;overflow:hidden;margin: 0 auto;}
.member_information .box .list .one .txt{font-size: 32px;color:#ff9398;padding-top:15px;}
.member_information .box .list .one .img2{width:45px;overflow:hidden;margin: 0 auto;display:inline-block;vertical-align:top;}
.member_information .box .list .one p{display:inline-block;vertical-align:top;}
.member_information .box .list p{color:#ff9398;font-weight: bold;font-size:22px;}
.member_information .box .list li{width: calc((100% - 30px)/3);height:250px;background-color:#fafafa;margin-right:15px;float:left;}
.member_information .box .list li a{overflow: hidden;display:block;}
.member_information .box .list li:last-child{margin-right:0;}
/*會員專屬*/
.member_information .box .list2{height:250px;overflow:hidden;}
.member_information .box .list2 .img{width:100%;height:167px;margin-bottom:10px;overflow:hidden;}
.member_information .box .list2 .txt{text-align: left; height:45px;line-height:22px; overflow:hidden;font-size:18px;}
/* 輪播外掛修改 */
.member_information .box .list2 .owl-dots{display:block!important;}
.member_information .box .list2 .owl-nav{display:none!important;}
.member_information .box .list2 .owl-controls{margin-top:5px;}
.member_information .box .list2 .owl-dot.active span{background:#ff9398!important;}
.member_information .box .list2 .owl-dot span{background:#c9c9c9!important;margin:4px 4px!important;}
/* 輪播外掛修改 ed */

@media (max-width:1149px){
.member_information .box .list .contxt{margin-top:80px;}	
.member_information .left{width:680px;margin-right:20px;}
.member_information .box .list li{width: calc((100% - 20px)/3);height:250px;margin-right:10px;}	
.member_information .box .list .one .txt{padding-top:0px;}	
}
@media (max-width:1023px){
.member_information .box .list .contxt{margin-top:60px;}	
.member_information .left{width:100%;margin-right:0;}
.member_information .right{width:100%;}	
.member_information .box .list .img1{width:50px; height:50px;}
.member_information .box .list li{height:200px;margin-right:10px;}
.member_information .box .list .one{height:200px;}	
.member_information .box .list .one .txt{padding-top:0px;}	
.member_information .box .list2{height:auto;}	
.member_information .box .list2 .img{height:427px;}	
}
@media (max-width:767px){
.member_data{overflow:hidden;margin-bottom:10px;}	
.member_new{margin-top:2px;}	
.member_information .title_box .btn{margin-top:1px;}
.member{font-size:16px;}	
.member_name{font-size:22px;font-weight:bold;color:#000;}	
.member_information .title{font-size:20px;}	
.member_information .box .list p{font-size:16px;}
.member_information .box .list .contxt{margin-top:0px;padding:20px 0 26px;}	
.member_information .box .list .one .contxt{margin-top:0px;padding:28px 0 28px;}		
.member_information .left{width:90%;margin-right:0;}
.member_information .right{width:90%;}
.member_information .box .list .img1{width:40px; height:40px;}
.member_information .box .list .one .img2{width:35px;}	
.member_information .box .list li{width: calc((100% - 10px)/3);height:auto;margin-right:5px;}
.member_information .box .list .one{height:auto;}	
.member_information .box .list .one .txt{font-size:18px;}	
.member_information .box .list2{height:auto;}	
.member_information .box .list2 .img{height:229px;}	
}
@media (max-width:413px){
.member_information .box .list li{margin-right:5px;}
.member_information .box .list2 .img{height:205px;}		
.member_information .box .list .contxt{margin-top:0px;padding:16px 0 22px;}	
.member_information .box .list .one .contxt{margin-top:0px;padding:24px 0 24px;}	
}
@media (max-width:374px){
.member_information .box .list li{margin-right:5px;}
.member_information .box .list2 .img{height:196px;}		
}
@media (max-width:359px){
.member_information .box .list .img1{width:35px; height:35px;}
.member_information .box .list .contxt{margin-top:0px;padding:15px 0 20px;}		
.member_information .box .list .one .contxt{margin-top:0px;padding:20px 0 20px;}
.member_information .box .list2 .img{height:172px;}		
}
/*會員專屬ed*/
/*會員資訊*/
.member_forms{width:50%;margin: 0 auto;}
.member_forms .input_all_w{width:450px;}
.member_forms .input_all_w1{width:100px;}
.member_forms .input_all_w2{width:190px;}
.member_forms .input_all_sel{width:470px;}
.member_forms .input_all_sel2{width:230px;text-align: center;}
.member_forms .forms{margin-bottom:30px;text-align: left;clear: both;}
.member_forms .forms select{background-color:#f9f9f9;background: url("../images/arrow.png") no-repeat scroll right center transparent;}
.member_forms .data{width:90px;font-size:18px;float:left;padding-top: 5px;}
.member_forms .data2{width:90px;font-size:18px;float:left;padding-top:5px;}
.member_forms .input p{padding-top: 5px;color: #7f7f7f;}
.member_forms .input span{margin-right:5px;}
.member_forms .input span:last-child{margin-right:0;}
.select .forms{margin-bottom:20px;}
.member_forms .input input,.member_forms .input select,.member_forms .input option{
background-color:#f9f9f9;border:1px solid #dcdcdc;
border-radius:5px;padding:5px 10px;
font-size:18px;
font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Microsoft JhengHei, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif, 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Myriad Pro, Microsoft, bauerbodonistd-roman, Century Gothic,"Asap",Futura,"Lucida Grande", Geneva, Helvetica, "sourcehansans-tc-normal","sans-serif",Tahoma;
}
.member_forms .input input{color:#7f7f7f;}
.member_forms .input select{color:#aaaaaa;}
.member_forms .input select option:first-child{color:#aaaaaa;}
.member_forms .input select option{color:#7f7f7f;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#aaaaaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#aaaaaa;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#aaaaaa;
}
.member_forms .gender{margin-left:40%;}
.member_forms .gender01,.member_forms .gender02{display:inline-block;}
.member_forms .gender01{margin-right:10px;}
.member_forms .gender01 p,.member_forms .gender02 p{color: #aaaaaa;text-align: center;}
.member_forms .gender01 .img{width:72px;height:72px;background: url(../images/gender01.png) no-repeat;}
.member_forms .gender02 .img{width:72px;height:72px;background: url(../images/gender02.png) no-repeat;}
.member_forms .gender01.ative .img,.member_forms .gender01.active .img{background: url(../images/gender01-o.png) no-repeat;}
.member_forms .gender02.ative .img,.member_forms .gender02.active .img{background: url(../images/gender02-o.png) no-repeat;}
.member_forms .gender01.ative p,.member_forms .gender01.active p{color:#00acee;}
.member_forms .gender02.ative p,.member_forms .gender01.active p{color:#ff9398;}
@media (max-width:1149px){
.member_forms{width:60%;}
}
@media (max-width:1023px){
.member_forms{width:90%;}
.member_forms .input_all_w{width:450px;}
.member_forms .input_all_w1{width:100px;}
.member_forms .input_all_w2{width:190px;}
.member_forms .input_all_sel{width:470px;}
.member_forms .input_all_sel2{width:230px;}	
}
@media (max-width:767px){
.member_forms{width:100%;margin:0 15px 20px;}
.member_forms .data{width:100%; margin-bottom: 10px;}
.member_forms .input{width:100%;}	
.member_forms .gender{margin-left:0;text-align: center;}	
.member_forms .input_all_w{width:85%;}
.member_forms .input_all_w1{width:15%;}
.member_forms .input_all_w2{width:40%;}

.member_forms .input_all_sel{width:90%;}
.member_forms .input_all_sel2{width:44%;}		
.member .button01{font-size: 16px; width:max-content;margin: 0px auto 20px;padding: 5px 10px;}
.member_forms .forms{margin-bottom:10px;}
.member_forms .data2{width:90px;font-size:18px;float:left;padding-top:0;}	
}
@media (max-width:320px){
.member_forms .input_all_w{width:85%;}
.member_forms .input_all_w1{width:10%;}
.member_forms .input_all_w2{width:45%;}
.member_forms .input_all_sel{width:90%;}
.member_forms .input_all_sel2{width:44%;}
.member_forms .input input,.member_forms .input select,.member_forms .input option{font-size:16px;}	
.member_forms .input select{margin-bottom:10px;}
.member_forms .forms{margin-bottom:0px;}	
}
/*會員頁ed---------------------------------------------------------------------------------------------------------------------*/
/*會員資料兩欄---------------------------------------------------------------------------------------------------------------------*/
.member_forms_box{overflow: hidden;}
.member_forms_box .member_forms {
display:inline-block;	
width:50%;
margin-right:30px;	
}
.member_forms_box .member_forms .forms {
margin-bottom:15px;
text-align: left;
clear: both;
}
/*偏好主題*/
.preference{
text-align: left;	
display:inline-block;
width:40%;
vertical-align: top;	
}

.preference .title{margin-bottom:20px;}
.preference .list{}
.preference .list .img{
cursor:pointer;width:130px;height:130px; position: relative;
border-radius:20px;border:solid 3px #ff9398;overflow:hidden;
}
.preference .list .txt{
position:absolute;width:100%;text-align: center;color:#fff;
font-weight: bold;font-size: 18px;bottom:5px;
text-shadow:#000 0px 1px 5px;
}
.preference .list .mask{display:none;width:100%;height:100%;position:absolute;background-color: rgba(255,147,152,0.6);}
.preference .list .mark{width:20px;height:20px;position:absolute;right:10px;top:10px;}
.preference .list li{display:inline-block;margin-right:15px;margin-bottom:25px;vertical-align: top;width:auto;}
.preference .list li:nth-child(3n){margin-right:0px;}

/*燈箱用*/
.member_lightbox .pre .box{width:40%;padding:20px;}
.member_lightbox .pre .xx{top:-10px;right:-10px;}
.member_lightbox .preference{
text-align: center;
display:inline-block;
width:auto;
vertical-align: top;
margin: 0 auto;
padding:0;
}
.member_lightbox .preference p{color:#ff0000; }
.member_lightbox .preference .title {font-size:18px;margin-bottom:20px;}
.member_lightbox .preference .title br{display: none;}
.member_lightbox .preference .list li{margin-bottom:15px;}
.member_lightbox .preference .list li:nth-child(3n){margin-right:0;}
.member .preference .title{font-size:18px;margin-bottom:20px;}
/*燈箱用*/

/*放空訊息燈箱用*/
.member_lightbox .relax .box{width:60%;padding:30px;}
.member_lightbox .relax .xx{top:-10px;right:-10px;}
.member_lightbox .relax_img{position:relative;height:280px;border-bottom:#dedede 1px solid;margin-bottom:15px;}
.member_lightbox .relax_girl{position:absolute;bottom:-5px;left:5px;}
.member_lightbox .relax_txt{position:absolute;right:0;top:20px;font-size:36px;text-align:center;}
.member_lightbox .relax_txt span{
color:#ff9398;background: url(../images/object09.png) no-repeat left center;background-size:50px 50px; margin-left:0px;}
.member_lightbox .relax_txt span a{color:#ff9398;padding-left:42px;}

.member_lightbox .relax_box{}
.member_lightbox .relax_box .title{color:#ff9398;font-size:18px;}
.member_lightbox .relax_box .list{}
.member_lightbox .relax_box .list li{width:48%;vertical-align:top;display:inline-block;margin-right:10px;margin-bottom:10px;}
.member_lightbox .relax_box .list li:nth-child(even){margin-right:0px;}
.member_lightbox .relax_box .img{display:inline-block;width:35%;height:77px; margin-right:10px;margin-bottom:0px;overflow: hidden;line-height:0;}
.member_lightbox .relax_box .txt{
	display:inline-block;width:60%;height:45px; overflow: hidden; 
	line-height: 22px; margin:0;margin-top:15px; vertical-align:top;
}
/*放空訊息燈箱用ed*/
@media (max-width:1149px){
.member_forms_box{margin-bottom:10px;}	
.member_forms_box .member_forms{margin-right:10px;}
.member_forms_box .member_forms .data{}
.member_forms_box .member_forms .input_all_w{width:380px;}
.member_forms_box .member_forms .input_all_w1 {width:83px;}	
.member_forms_box .member_forms .input_all_w2 {width:150px;}
.member_forms_box .member_forms .input_all_sel {width:400px;}
.member_forms_box .member_forms .input_all_sel2 {width:195px;}	
.member_forms_box .member_forms .input p{}
	
.preference{width:45%;}	
.preference .list .img{width:128px;height:128px;}

.member_lightbox .pre .box{width:45%;}
.member_lightbox .relax .box{width:70%;padding:30px;}	
}
@media (max-width:1023px){
.member .preference .title{float: left;}
.member_forms_box .member_forms{width:90%;margin-bottom:20px;}
.member_forms_box .member_forms .input_all_w{width:450px;}
.member_forms_box .member_forms .input_all_w1{width:100px;}
.member_forms_box .member_forms .input_all_w2{width:190px;}
.member_forms_box .member_forms .input_all_sel{width:470px;}
.member_forms_box .member_forms .input_all_sel2{width:230px;}	
.preference{width:91.5%;}
.preference .list{width:76%; text-align: center;margin-left:90px;}	
.preference .list .img{width:130px;height:130px;}
	
.member_lightbox .pre .box{width:70%;padding:30px 10px;}
.member_lightbox .preference .list {width:100%;text-align:center;margin-left:0px;}
	
.member_lightbox .relax .box{width:90%;padding:20px;}
.member_lightbox .relax_txt{font-size:30px;}	
.member_lightbox .relax_box .list li{width:48%;}	
.member_lightbox .relax_box .img{height:67px;}
.member_lightbox .relax_box .txt{width:58%;height:45px;margin:0;margin-top:8px;}
.member_lightbox .relax_girl{width:330px;height:283px; position:absolute;bottom:0;left:5px;}	
}
@media (max-width:767px){
.preference{width:auto;padding:0 15px;}	
.member .preference .title{float:none;}	
.member_forms_box{margin-bottom:0px;}	
.member_forms_box .member_forms{width:100%;margin:0 15px 20px;}
.member_forms_box .member_forms .data{width:100%; margin-bottom: 10px;}
.member_forms_box .member_forms .input{width:100%;}	
.member_forms_box .member_forms .gender{margin-left:0;text-align: center;}	
.member_forms_box .member_forms .input_all_w{width:85%;}
.member_forms_box .member_forms .input_all_w1{width:15%;}
.member_forms_box .member_forms .input_all_w2{width:40%;}
.member_lightbox .preference .title br{display:block;}	
.member_forms_box .member_forms .input_all_sel{width:90%;}
.member_forms_box .member_forms .input_all_sel2{width:44%;}		
	

.preference .list{width:auto;margin:0 auto;text-align:center;}	
.preference .list .img{width:100px;height:100px;}
	
.member_lightbox .pre .box{width:85%;padding:30px 10px;}
.member_lightbox .preference .list .img{width:90px;height:90px;margin-bottom:0px;}
.member_lightbox .preference .list .txt{margin: 15px auto 0px;}
.member_lightbox .preference .list{width:100%;text-align:center;margin-left:0px;}
.member_lightbox .preference .list li{margin-right:10px;margin-bottom:10px;}
	
	
.member_lightbox .relax .box{width:85%;padding:10px;margin-top:30px;}
.member_lightbox .relax_girl{width: 100%;height: auto; position:relative;top:auto;left:auto;margin: 0 auto;margin-bottom:10px;}	
.member_lightbox .relax_txt{position:relative;width:100%;right:auto;top:auto;font-size:26px;bottom:10px;line-height:35px;}
.member_lightbox .relax_txt br:nth-child(2){display:none;}
.member_lightbox .relax_box .list li{width:100%;margin-right:0;}
.member_lightbox .relax_box .img{width:30%;height:70px;}
.member_lightbox .relax_box .txt{width:65%;height:45px;margin:0;margin-top:12px;}
.member_lightbox .relax_txt span{background-size:30px 30px;}
.member_lightbox .relax_txt span a{padding-left:35px;}	
.member_lightbox .relax_img {
    position: relative;
    height:auto;
    border-bottom: #dedede 1px solid;
    margin-bottom: 15px;
}	
}

@media (max-width:413px){
.preference{width:auto;padding:0 15px;}		
.member_forms_box .member_forms .input_all_w1{width:15%;}
.member_forms_box .member_forms .input_all_w2{width:38%;}
.preference .list .img{width:90px;height:90px;}	
.member_lightbox .preference .list .img{width:80px;height:80px;}
.member_lightbox .relax_box .img{width:30%;height:63px;}

}
@media (max-width:412px){
.preference{width:auto;padding:0 25px 0 15px;}		
}
@media (max-width:375px){
.preference{width:auto;padding:0 15px;}		
}
@media (max-width:374px){
.preference .list .img{width:85px;height:85px;}
.member_lightbox .preference .list .img{width:80px;height:80px;}
.member_lightbox .relax_box .txt{margin-top:5px;}	
}
@media (max-width:359px){
.preference .list .img{width:80px;height:80px;}
.preference .list li{margin-right:10px;}
	
.member_lightbox .preference .list .img{width:70px;height:70px;}
.member_lightbox .preference .list li{margin-right:5px;}
.member_lightbox .relax_box .txt {width:63%;}
.member_lightbox .relax_box .img{width:30%;height:54px;}	
.member_lightbox .relax_txt{font-size:22px;bottom:10px;}	
.member_lightbox .relax_txt span{background-size:28px 28px;}
.member_lightbox .relax_txt span a{padding-left:30px;}		
}
/*偏好主題ed*/
/*會員資料兩欄ed---------------------------------------------------------------------------------------------------------------------*/

/*修改密碼*/
.member .password{}
.member .password_title{font-size:26px;font-weight: bold;margin-bottom: 30px;}

.password .member_forms{width:30%;margin-bottom:0;margin:0 auto;}
.password .member_forms input{
	width:85%;margin-bottom: 20px;
	background: url(../images/lock.svg) no-repeat 10px center #fbfbfb;
	background-size:15px 15px;padding-left:35px;
}
.password .member_forms .forms{margin-bottom:5px;}
.member .password .button{width:100%;}
.member .password .button .button01{margin-bottom:0;}
.member .password .button .button01:first-child{margin-right:5px;}

@media (max-width:1149px){.password .member_forms{width:35%}}
@media (max-width:1023px){
.password .member_forms{width:50%}
.member .password_title{font-size:24px;}
}
@media (max-width:767px){
.password .member_forms{width:80%}
.password .member_forms input{font-size:16px;}	
}
@media (max-width:359px){
.password .member_forms{width:90%}
}

.repass.block,.nc18.block{display:block;}
.repass,.nc18{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;z-index:101;}
.repass .box,.nc18 .box{
position: relative;width:20%;background-color:#fff;margin:0 auto;padding:20px 40px;
border-radius:10px;text-align:center;margin-top:20%;
box-shadow:rgba(0,0,0,0.5) 0px 2px 8px;
}
.repass .xx,.nc18 .xx{width:35px;height:35px; position:absolute;top:-15px;right:-15px;cursor: pointer;}
.repass .mask{width:100%;height:100%;position:fixed;left:0;top:0;}
.repass .title,.nc18 .title{font-size:26px;font-weight: bold;margin:0 auto 30px;}
.repass .btn{padding:5px 20px;background-color:#ff9398;color:#fff;border-radius:30px;display:inline-block;}
.repass .btn a{color:#fff;}
.repass p{font-size:16px;color:#686868; font-weight: bold;margin:0 auto 15px;}
@media (max-width:1023px){
.repass .box{width:35%;}
}
@media (max-width:767px){
.repass .box{width:70%;}	
.repass .title{font-size:24px;}	
}
@media (max-width:359px){
.repass .box{width:60%;}
}
/*修改密碼ed*/
/*18禁*/
.nc18{}
.nc18 .box{width:35%;padding:50px 20px;}
.nc18 .button01{display:inline-block;margin-right:10px;}
.nc18 .button01:last-child{margin-right:0px;}
.nc18 .title{font-size:20px;}
.nc18 .title br{display:none;}
@media (max-width:1023px){
.nc18 .box{width:50%;}
}
@media (max-width:767px){
.nc18 .box{width:80%;}	
}
@media (max-width:413px){
.nc18 .title br{display:block;}		
}
@media (max-width:359px){
.nc18 .box{width:75%;}
.nc18 .button01{width:max-content; display:inline-block;margin:0px auto;margin-bottom:10px;}	
.nc18 .button01:last-child{margin-bottom:0px;}
}
/*18禁ed*/
/*我的情報*/
.myintel .keep_page_tab li br{display: none;}
.myintel .keep_page_tab li:last-child{margin-right:0;}
@media (max-width:767px){
.myintel .keep_page_tab li br{display:block;}	
.myintel .keep_page_tab li{margin-bottom:5px;}
}
/*右側欄-推薦情報*/
.intelligence{}
.intelligence .member_new{margin-top:2px;margin-left:5px;} 
.intelligence .noline{border:none;padding-bottom:0px;}
.intelligence li{border-bottom:1px solid #ffd4d6;margin-bottom:15px;padding-bottom:15px;position: relative;}
.intelligence .bgcolor{background-color:#f7f7f7;padding:15px 10px;border-bottom:0px solid #ffd4d6;}
.intelligence .contxt{display:inline-block;width:90%;vertical-align:top;}
.intelligence .txt1,.intelligence .infor{margin-bottom:10px;}
.intelligence .txt1{font-size:20px;}

.intelligence .infor{font-size:18px;}
.intelligence .more1{display:inline-block;width:25px;vertical-align:top;}
.intelligence .btn,.intelligence .btn a{font-size:14px;color:#ff9398;}

.mycalendar{margin-bottom: 15px;}
.mycalendar_img{width:45px;height:45px;border-radius:10px;overflow: hidden;display:inline-block;vertical-align:middle;margin-right:10px;}
.mycalendar p{font-size:20px;display:inline-block;vertical-align:middle;}
/*右側欄-推薦情報ed*/
@media (max-width:1023px){
.intelligence .more1{display:inline-block;width:25px;vertical-align:top;position: absolute;right:0;}	
.intelligence .contxt{padding:0px 10px;}
.intelligence .bgcolor{background-color:#f7f7f7;padding:15px 10px;}	
}
@media (max-width:767px){
.intelligence .contxt{width:80%;}	
.intelligence .txt1{font-size:18px;}
.intelligence .infor,.mycalendar p{font-size:16px;}	
.mycalendar{margin-bottom:0;}	
}
/*我的情報ed*/
/*會員專屬*/
.member_only{}
.member_only .search_all_title .icon{top:0;}
.member_only .search_all_title{margin: 0 0 15px 0;}
.member_only_list{}
.member_only_list .new_box,.member_only_one .new_box,.member_only_one_list .new_box{position: absolute;top:5px;right:10px;}

.member_only_list .img{position: relative;margin-bottom:10px;overflow: hidden;height:370px;}
.member_only_one .new_box,.member_only_one_list .new_box{line-height:22px;}	
.member_only_list .title{font-size:22px;font-weight:bold;margin-bottom:10px;height:60px;line-height:30px;overflow:hidden;}
.member_only_list .txt{font-size:18px;height:45px;overflow:hidden;line-height:22px;margin-bottom:15px;}

.member_only_one{margin-bottom:20px;}
.member_only_one .img{position: relative;margin-bottom:10px;overflow: hidden;line-height:0;}
.member_only_one .title{font-size:22px;font-weight:bold;margin-bottom:10px;overflow:hidden;}
.member_only_one .txt{font-size:18px;overflow:hidden;line-height:22px;}

.member_only_list .date,.member_only_one .date{font-size:18px;margin-bottom:5px;}
.member_only_list li{width:48.5%;display:inline-block;vertical-align:top;margin-right:30px;margin-bottom:15px;}
.member_only_list li:nth-child(even){margin-right:0;}

.member_only_one_list{}
.member_only_one_list li{width:23.3%; display:inline-block;margin-right:20px;vertical-align:top;margin-bottom:15px;}
.member_only_one_list li:nth-child(4n){margin-right:0;}
.member_only_one_list .img{position: relative;margin-bottom:10px;overflow: hidden;height:177px;}
.member_only_one_list .txt{font-size:18px;height:45px;overflow:hidden;line-height:22px;margin-bottom:15px;}
.member_only_one_list .date{color:#9f9f9f;font-size:14px;}
@media (max-width:1149px){
.member_only_list li{width:48.2%;}	
.member_only_list .img{height:320px;}
.member_only_one_list li{width:23%;}
.member_only_one_list .img{height:153px;}	
}
@media (max-width:1023px){
.member_only_list li{width:47.3%;}	
.member_only_list .img{height:210px;}

.member_only_one_list li{width:47.3%;margin-bottom:15px;margin-right:30px;}
.member_only_one_list li:nth-child(even){margin-right:0px;}	
.member_only_one_list .img{height:210px;}		
	
}
@media (max-width:767px){
.member_only_list li{width:100%;margin-right:0;}
.member_only_list li:last-child{margin-bottom:0;}		
.member_only_list .img{line-height:0;}	
.member_only_list .new_box{line-height:22px;}	
.member_only_list .title{font-size:20px;}
.member_only_list .txt,.member_only_list .date,.member_only_one_list .txt{font-size:16px;}	
.member_only_list .img,.member_only_list .title,.member_only_list .txt,
.member_only_one_list .img,.member_only_one_list .txt{height:auto;}
.member_only_one_list li{width:100%;margin-bottom:15px;margin-right:0;}
.member_only_one_list li:last-child{margin-bottom:0;}	

}
/*會員專屬ed*/
/*lightbox*/
.member_lightbox.block{display:block;}
.member_lightbox{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;z-index:101;overflow-y:scroll;}
.member_lightbox .box{
position: relative;width:60%;background-color:#fff;margin:0 auto;padding:10px;
border-radius:5px;margin-top:10%;
box-shadow:rgba(0,0,0,0.5) 0px 2px 8px;
}
.member_lightbox .txtbox{margin:0 10px;}
.member_lightbox .xx{width:35px;height:35px; position:absolute;top:0px;right:0px;z-index:1;cursor: pointer;}
.member_lightbox .mask{width:100%;height:100vh;position:fixed;left:0;top:0;}
.member_lightbox .img{width:100%;height:auto;margin-bottom:10px;position:relative;}
.member_lightbox .title{font-size:22px;font-weight: bold;margin:0 auto 10px;}
.member_lightbox .txt{font-size:18px;margin:15px auto 10px;}
.member_lightbox .date{font-size:18px;}
.member_lightbox .btn{padding:5px 20px;background-color:#ff9398;color:#fff;border-radius:30px;display:inline-block;}
.member_lightbox .btn a{color:#fff;}
.member_lightbox p{font-size:16px;color:#686868; font-weight: bold;margin:0 auto 15px;}
@media (max-width:1023px){
.member_lightbox .box{width:80%;}
}
@media (max-width:767px){
.member_lightbox .title{font-size:20px;}	
.member_lightbox .txt,.member_lightbox .date{font-size:16px;}
.member_lightbox .box{width:85%;margin-top:20px;margin-bottom:20px;}	
.member_lightbox .txtbox{margin:0;}	
}
/*lightbox ed*/

/*Smart Banner*/
.smart_banner, #smart_smart_banner_android, #smart_smart_banner_ios {
 display: none;
}

@media  (max-width:1366px) {
 .smart_banner {
  display: block;
  width: 100%;
  margin: 0;
  padding:10px;
  position: relative;
  z-index:20;
  box-sizing: border-box;
  overflow: hidden;
  background: #f0f0f0;
 }
 .smart_banner .close {
  width: 20px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  vertical-align: top;
  background: url('../fonts/icon-close3.svg') center center no-repeat;
  background-size: 15px;
  cursor: pointer;
 }
 .smart_banner .app_icon {
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
 }
 .smart_banner .app_icon img {
  width: 100%;
  height: auto;
 }
 .smart_banner .app_txt {
  display: inline-block;
  vertical-align: top;
  margin-top:10px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
 }
 .smart_banner .app_txt p {
  margin: 0;
  font-size: 14px;
  color: #666;
  font-weight: normal;
 }
 .smart_banner .download {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 15px;
  vertical-align: top;
  float: right;
  background: #ff9398;
  font-size: 16px;
  color: #FFF;
  border-radius: 3px;
  transition: 0.3s linear;
 }
 .smart_banner .download:hover {
  color: #FFF;
  background: #333;
 }
}
@media (max-width:413px) {
 .smart_banner .close {
  width: 10px;
  height: 50px;
  line-height: 50px;
  background-size: 12px;
 }
 .smart_banner .app_icon {
  width: 50px;
  height: 50px;
  margin: 0 3px;
 }
 .smart_banner .app_txt {
  margin-top: 7px;
  font-size: 15px;
  line-height: 20px;
 }
 .smart_banner .app_txt p {
  font-size: 13px;
 }
 .smart_banner .download {
  margin-top: 10px;
  padding: 5px 12px;
  font-size: 15px;
 }
}
@media (max-width:359px) {
 .smart_banner .close {
  height: 35px;
  line-height: 35px;
 }
 .smart_banner .app_icon {
  width: 35px;
  height: 35px;
  margin: 0 3px;
 }
 .smart_banner .app_txt {
  margin-top: 2px;
  font-size: 14px;
  line-height: 16px;
 }
 .smart_banner .app_txt p {
  font-size: 12px;
 }
 .smart_banner .download {
  margin-top: 5px;
  padding: 5px 8px;
  font-size: 14px;
 }
}
/*Smart Banner ed */
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel{
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index:1;
}


.owl-carousel .owl-stage{
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage-outer{
	position:relative;
	overflow: hidden;
	/* temporary fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-stage-outer.owl-height{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-video-wrapper{
	position: relative;
	height: 100%;
	background: #000;
}

.owl-controls .owl-nav div,
.owl-controls .owl-dot{
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel .owl-video-play-icon{
	position:absolute;
	height: 70px;
	width: 70px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url('../images/owl-video-play.png') no-repeat;
	background-size:100% 100%;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition-property: scale;
	transition-duration: 100ms;
	transition-timing-function: ease;
}



.owl-carousel .owl-video-play-icon:hover{
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;

	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	transition-property: opacity;
  	transition-duration: 400ms;
  	transition-timing-function: ease;
}

.owl-carousel .owl-video-frame{
	position: relative;
	z-index: 1;
}

.owl-loaded{
	display: block;
}
.owl-loading{
	opacity: 0;
	display: block;
}
.owl-hidden{
	opacity:0;
}
.owl-carousel .owl-refresh .owl-item{
	display: none;
}

.owl-carousel .owl-item{
	position:relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* If mouseDrag:false then you are able to select text */
.owl-carousel.owl-text-select-on .owl-item{
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel .owl-item img.owl-lazy{
	opacity: 0;
}

.owl-carousel .owl-item img{
	opacity: 1;
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition-property: opacity;
  	transition-duration: 400ms;
  	transition-timing-function: ease;
}

/* to do */
.owl-carousel .owl-stage.backfacefix .owl-item{
	-webkit-backface-visibility: hidden;
}

.owl-rtl{
	direction: rtl;
}
.owl-rtl .owl-item {
	float:right;
}

/* No Js */
.no-js .owl-carousel{
	display: block;
}

/* animate */

.animated {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-animated-in{
	z-index: 0
}
.owl-animated-out{
	z-index: 1
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-nav div{
    color: #FFF;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0px;
    background: #fff;
    cursor: pointer;
    opacity: 0.8;
}
.owl-theme .owl-controls .owl-nav .disabled{
	opacity: 0.5;
	cursor: default;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls .owl-nav div:hover{
	text-decoration: none;
}

/* Styling dots*/
.owl-theme .owl-dots .owl-dot{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

.owl-theme .owl-dots .owl-dot span{
	-webkit-backface-visibility: visible;
	display: block;
	width: 10px;
	height: 10px;
	margin: 6px 6px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	opacity:0.5;
	transition-property: opacity;
  	transition-duration: 200ms;
  	transition-timing-function: ease;
}
@media (max-width:767px) {
	.owl-theme .owl-dots .owl-dot span{
	width: 6px;
	height: 6px;
	margin: 4px 4px;	
	}
}

.owl-theme .owl-dots .owl-dot.active span{
	filter: Alpha(Opacity=50);/*IE7 fix*/
	background: #fff;
	opacity:1;
}


/* helper class */
.clearfix{overflow:auto;zoom:1;width:100%}
.clearfix::after{content:"";clear:both;display:table}


/*完美研究室*/

.playlist .more{text-align:right}
.playlist .more a{color:#ff9398;text-decoration:underline;font-weight:100}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}


.playlist_box.item3-2:nth-of-type(3n){margin-right:0}


@media screen and (max-width:1023px){
	.playlist .all-article-title{
		margin-top:20px;
	}
	/*.playlist_box.item3-2:nth-of-type(3n) {
    margin-right: 20px;
}*/
.playlist_box.item3-2:nth-of-type(3n) {
    margin-right:0px;
}
.playlist_box.item3-2:nth-of-type(6n){   margin-right: 0px;}
}


@media screen and (max-width: 768px){
.playlist_box.item3-2:nth-of-type(3n) {
    margin-right:0px;
}
}
@media screen and (max-width: 767px){
.playlist_box.item3-2:nth-of-type(3n) {
    margin-right:20px;
}
.playlist_box.item3-2:nth-of-type(6n) {
    margin-right:0px;
}
}
/* 商品外掛修改 ed */

.ad728X90{margin:20px auto}
.ptitle{overflow:hidden; margin-bottom:10px;}
.pbutton{background-color:#FFF;border-radius:10px;padding:10px 0;border:2px #ffdcdf solid;text-align:center;overflow:hidden;}
.button_clicked{background-color:#ffa7a6;border:2px #ffa7a6 solid;color:#ffffff;}
.pbutton:hover{background-color:#ffa7a6;border:2px #ffa7a6 solid;color:#ffffff;}
.button_box{width:80%;margin: 0 auto;}
.plist{overflow:hidden;margin-bottom:30px;}
.plist li{float:left;width:31%;margin-bottom:10px; margin-right:10px;}
.plist li:nth-child(n+3){margin-right:0;}
@media (max-width:360px){.list li{width:30.5%;}}



/*搜尋頁*/

/*搜尋頁最外框*/
.search_page_div {
	width: 100%;
	overflow: hidden;
}
@media (max-width:1023px) {
.search_page_div {
	width: auto;
	margin: 15px 0 0 0;
}
}

@media (max-width:767px) {
.search_page_div {
	width: auto;
	margin: 15px 15px 0 15px;
}
}
/*搜尋頁最外框 ed*/


/*Search bar*/
.search_page_bar {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: #FFF;
	border: 1px solid #dbdbdb;
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
}
.search_page_button {
	width: 40px;
	height: 40px;
	float: right;
}
.search_page_button img {
	width: 25px;
	height: 25px;
	margin: 6px 0 0 0;
}
.search_page_keyword {
	width: 88%;
	height: 35px;
	float: left;
	border: 0;
	font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Microsoft JhengHei, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;
    font-size: 18px;
	margin: 0 0 0 20px;
}
.search_page_title {
	font-size: 22px;
	color: #ff9398;
	margin: 0 0 5px 0;
}
@media (max-width:1023px) {
.search_page_keyword {
	width: 80%;
	margin: -2px 0 0 10px;
}
}
@media (max-width:375px) {
.search_page_keyword {
	width: 75%;
}
}
/*Search bar ed*/

/*Search tab*/
.search_page_tab {
	margin: 15px 0;
	overflow: hidden;
}
.search_page_tab ul { 
	width:100%;
}
.search_page_tab li { 
	display: inline-block;
	padding: 3px 13px;
	border: 1px #ff9398 solid;
	border-radius: 20px;
	cursor: pointer;
	margin-right: 5px;
	font-size: 16px;
	color: #ff9398;
	background: #FFF;
}
.search_page_tab li:hover { 
	background: #ff9398;
	border: 1px #ff9398 solid;
	color: #FFF;
}
.search_page_tab .active {
	background: #ff9398;
	border: 1px #ff9398 solid;
	color: #FFF;
}
@media (max-width:1023px) {
.search_page_tab {
	margin: 10px 0 0 0;
}
.search_page_tab li { 
	padding: 3px 13px;
	margin: 0 5px 6px 0;
}
}
@media (max-width:413px) {
.search_page_tab li { 
	padding: 3px 13px;
	margin: 0 1px 6px 0;
}
}
/*Search tab ed*/


/*Search All 分類大標*/
.search_all_title {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.search_all_title .icon {
	width: 30px;
	position: absolute;
	left: 0;
	top: 5px;
}
.search_all_title .icon img {
	width: 30px;
	height: auto;
}
.search_all_title .txt {
	width: 100%;
	font-size: 22px;
	color: #ff9398;
	margin-left: 35px;
	box-sizing: border-box;
	line-height: 32px;
	height: 30px;
}
.search_all_title .txt:after {
	content:"";
	border-top: 1px solid #ff9398;
	width: calc(100% - 100px);
	display: block;
	position: relative;
	top: -15px;
	right: -93px;
}

@media (max-width:1023px) {
.search_all_title {
	margin: 5px 0 5px 0;
}
}
/*Search All 分類大標 ed*/



/*Search 結果外框&文字*/

/*h2 文章影音標題 */
/*h3 達人老師名字*/
/*h4 商品名稱*/
/*h5 商品介紹*/

.search_result_all {
	margin-bottom: 30px;
	padding: 0;
	overflow: hidden;
}
.search_result {
	font-size: 16px;
	margin: 5px 0 15px 0;
}
.search_result_all h2 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
}
.search_result_all h3 {
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 10px 0 8px 0;
	height: 45px;
}
.search_result_all h4 {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	height: 48px;
	overflow: hidden;
}
.search_result_all h5 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	margin: 5px 0;
	color: #9F9F9F;
	height: 40px;
	overflow: hidden;
}

@media (max-width:1149px) {
.search_result_all h2 {
	font-size: 16px;
	line-height: 22px;
}
.search_result_all h3 {
	height: 50px;
	margin: 10px 0 2px 0;
}
.search_result_all h4 {
	font-size: 16px;
	line-height: 22px;
	height: 45px;
}
}

@media (max-width:767px) {
.search_result_all h2 {
	font-size: 16px;
	line-height: 22px;
}
.search_result_all h3 {
	font-size: 16px;
	line-height: 20px;
	height: 45px;
	margin: 10px 0 8px 0;	
}
.search_result_all h5 {
	margin: 5px 0 15px 0;
}
}
@media (max-width:374px) {
.search_result_all h3 {
	height: 40px;
	margin: 10px 0 2px 0;
}
}

@media (max-width:375px) { 
.search_result_all h5 {
	margin: 5px 0 5px 0;
}
}
@media (max-width:320px) { 
.search_result_all h5 {
	margin: 2px 0 5px 0;
}
}
/*Search 結果外框&文字 ed*/


/*達人外框*/
.search_master_box {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.search_master_box .master_item {
	width: 175px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.search_master_box .master_item:nth-child(4n) {
	margin-right: 0;
}

@media (max-width:1149px) {
.search_master_box .master_item {
	width: 150px;
	margin-right: 23px;
}
}

@media (max-width:767px) {
.search_master_box .master_item {
	width: 47%;
	margin-right: 0;
}
.search_master_box .master_item:nth-child(2n) {
	margin-right: 0;
	float: right;
}
.search_master_box .master_item:nth-last-child(1) {
	margin-bottom: 0;
}
.search_master_box .master_item:nth-last-child(2) {
	margin-bottom: 0;
}
}
/*達人外框 ed*/

/*達人內容*/
.search_master_top {
	width: 100%;
	text-align: center;
}
.search_master_top .master_pic {
	width: 175px;
	height: 175px;
	border-radius: 175px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.search_master_top .master_pic img {
	width: 100%;
	height: auto;
}
.search_master_root {
	width: 100%;
	display: -webkit-flex; 
	display: flex;
}
.search_master_root .center {
	margin: auto;
}
@media (max-width:1149px) {
.search_master_top .master_pic {
	width: 150px;
	height: 150px;
	border-radius: 150px;
}
}
@media (max-width:1023px) {
.search_master_top .master_pic {
	width: 100%;
	height: 100%;
	line-height: 0;
}
}
/*達人內容ed*/


/*文章、影音、商品外框*/
.search_article_box {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.search_article_box .article_item {
	width: 243px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.search_article_box .article_item:nth-child(3n) {
	margin-right: 0;
}

@media (max-width:1149px) {
.search_article_box .article_item {
	width: 203px;
}
}

@media (max-width:767px) {
.search_article_box .article_item {
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
	position: relative;
	z-index: 1;
}
.search_article_box .article_item:nth-last-child(1) {
	margin-bottom: 0;
}
}
/*文章、影音、商品外框 ed*/

/*文章、影音、商品內容*/
.search_article_pic {
	width: 243px;
	height: 162px;
	overflow: hidden;
	position: relative;
	z-index: 1;	
	line-height: 0;
}
.search_video_pic {
	width: 243px;
	height: 137px;
	overflow: hidden;
	position: relative;
	z-index: 1;	
	line-height: 0;
}
.search_product_pic {
	width: 243px;
	height: 243px;
	overflow: hidden;
	position: relative;
	z-index: 1;	
	line-height: 0;
}
.search_article_pic img,
.search_video_pic img,
.search_product_pic img {
	width: 100%;
	height: auto;
}

.search_article_txt {
	width: 100%;
	height: 50px;
	margin: 15px 0 0 0;
	overflow: hidden;
}
.search_article_root {
	width: 100%;
	margin: 13px 0 0 0;
	overflow: hidden;
}
.search_article_root .article_date {
	font-size: 14px;
	color: #9f9f9f;
	margin-top: 6px;
}

.search_product_txt {
	width: 100%;
	margin: 15px 0 0 0;
	overflow: hidden;
	text-align: left;
}
/*商品購物車*/
.search_commodity_object {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.search_commodity_object ol { 
padding: 0;
margin: 0 2px;
display:inline-block;
}
/*商品購物車 ed*/


@media (max-width:1149px) {
.search_article_pic {
	width: 203px;
	height: 135px;
}
.search_video_pic {
	width: 203px;
	height: 114px;
}
.search_product_pic {
	width: 203px;
	height: 203px;
}
.search_article_txt {
	height: 45px;
	margin: 10px 0 0 0;
}
.search_product_txt {
	margin: 10px 0 0 0;
}
}

@media (max-width:767px) {
.search_article_pic,
.search_video_pic,
.search_product_pic {
	width: 40%;
	float: left;
}
.search_article_pic {
	height: 102px;
}
.search_video_pic {
	height: 87px;
}
.search_product_pic {
	height: auto;
}

.search_article_txt {
	width: 55%;
	height: 43px;
	margin: 0;
	float: right;
}
.search_article_root {
	width: 55%;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 5px;
}
.search_product_txt {
	width: 55%;
	margin: 0;
	float: right;
	text-align: left;
}
.search_product_txt .margin_r10 {
	margin-right: 5px;
}
/*商品購物車*/
/**
.search_commodity_object {
	text-align: right;
	position: absolute;
	z-index: 1;
	margin-top: 0;
	bottom: 0;
	right: 0;
	line-height: 0;
}
.search_commodity_object ol { 
margin: 0 0 0 2px;
}
**/
/*商品購物車 ed*/
}
@media (max-width:413px) {
.search_article_pic {
	height: 92px;
}
.search_video_pic {
	height: 78px;
}
}

@media (max-width:374px) {
.search_article_pic {
	height: 88px;
}
.search_video_pic {
	height: 74px;
}
}

@media (max-width:359px) {
.search_article_pic {
	height: 77px;
}
.search_video_pic {
	height: 65px;
}
}

@media (max-width:360px) {
.search_article_txt {
	margin: 0;
}
.search_article_root {
	bottom: 0;
}
}

@media (max-width:320px) {
.search_article_root .article_date {
	margin-top: 2px;
}
}
/*文章、影音、商品內容ed*/


/*Search More*/
.search_result_all .more {
	width: 100%;
	margin: -25px 0 25px 0;
	padding: 0;
	overflow: hidden;
	text-align: right;
}
@media (max-width:767px) {
.search_result_all .more {
	margin: 10px 0 15px 0;
}
}
/*Search More ed*/


/*搜尋分頁按鈕*/
.search_result_all div.center { 
	text-align: center;
	margin: 0 auto 20px;
}
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
ul.pagination li { 
	display: inline;
}
ul.pagination li a {
	width: 38px;
	height: 38px;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	font-weight: bold;
    color: #000;
    float: left;
	border-radius: 50px;
    text-decoration: none;
    transition: background .3s;
	background: #FFF;
	box-shadow: 0 2px 5px #CCC;
    margin: 0 4px;
}
ul.pagination li a.active {
    background: #ff9398;
    color: #FFF;
}

ul.pagination li a:hover:not(.active) {
	background: #ff9398;
	color: #FFF;
}
@media (max-width:1023px) {
.search_result_all div.center { 
	margin: 0 auto 25px;
}
}
@media (max-width:375px) {
.search_result_all div.center { 
	margin: 0 auto 25px;
}
}
@media (max-width:320px) {
ul.pagination li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
    margin: 0 3px;
}
}
/*搜尋分頁按鈕 ed*/

/*搜尋頁 ed*/







.related_commodity .title {
    margin-bottom: 7px;
}

.info>.title {
   /* font-size: 22px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.info .tag {
    margin-bottom: 20px;
}


@media screen and (max-width:1023px) {

    .info>.title {
        margin: 5px 0;
    }
}

/*@media screen and (max-width:767px) {
.tvdetail .related_commodity .list .txt{width:calc(100% - 96px)}
}*/

/*電視內頁相關商品 iPhone 5/SE*/
@media screen and (max-width:320px) {
.content_L .tvdetail .box{margin:0 0 15px}
/*.related_commodity .list li{width:calc(100% - 63px)}*/
}


.videodetail .more a{color:#ff9398;text-decoration: underline;}

@charset "utf-8";
/* helper class */

.clearfix{overflow:auto;zoom:1;width:100%}
.clearfix::after{content:"";clear:both;display:table}



/*spacing*/
.mt-0{margin-top:0!important}
.mt-1{margin-top:1rem!important}
.mt-2{margin-top:2rem!important}
.mt-3{margin-top:3rem!important}
.mt-4{margin-top:4rem!important}
.mt-5{margin-top:5rem!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:1rem!important}
.mb-2{margin-bottom:2rem!important}
.mb-3{margin-bottom:3rem!important}
.mb-4{margin-bottom:4rem!important}
.mb-5{margin-bottom:5rem!important}
.ml-0{margin-left:0!important}
.ml-1{margin-left:1rem!important}
.ml-2{margin-left:2rem!important}
.ml-3{margin-left:3rem!important}
.ml-4{margin-left:4rem!important}
.ml-5{margin-left:5rem!important}
.mr-0{margin-right:0!important}
.mr-1{margin-right:1rem!important}
.mr-2{margin-right:2rem!important}
.mr-3{margin-right:3rem!important}
.mr-4{margin-right:4rem!important}
.mr-5{margin-right:5rem!important}


/* media object */
.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.media .align-self-start{margin-right:1em}
@media (max-width: 767px) {
.media .align-self-start{margin-right:.3em}
}

.relative-goods{margin-top:5px;}
@media (max-width: 767px) {
.relative-goods{width:100%;overflow:hidden}
.info>.title{width:100%}.relative-goods{margin-top:6px;}
}



/* �ӫ~�~���ק� ed */
.ad728X90{margin:20px auto}
.info{position:relative}
.info .more{float:right;width:50%;text-align:right}
.info p{font-size:18px;line-height:24px;margin-bottom:20px;text-align:justify;}
.info>.title{line-height:1.5em;width:calc(100% - 200px);display:inline-block;font-size:22px;margin-top:10px;margin-bottom:10px;font-weight:700}
.info .share{position:absolute;top:7px;right:0}
.info .share ul{float:left;margin:.5em auto;width:fit-content;width:-moz-max-content;display:table;}
.info .share ul li{list-style-type:none!important;width:35px;height:35px;margin-right:5px;float:left;text-indent:-9999px;background-position:center center;margin-left:0!important}
.info .share ul li.facebook{background-image:url(../images/object_community01.svg)}
.info .share ul li.googleplus{background-image:url(../fonts/object_community02.svg)}
.info .share ul li.fbmessage{background-image:url(../fonts/object_community03.svg)}
.info .share ul li.line{background-image:url(../fonts/object_community04.svg)}
.info .share ul li.subscribe{background-image:url(../fonts/object01.svg)}
.info .share ul li.subscribe:focus,.info .share ul li.subscribe:hover,.info .share ul li.subscribe.active{background:url(../fonts/object01-o.svg) 100%}
@media (max-width:1149px) {
    .info .share ul li.subscribe:hover {
        background:url(../fonts/object01.svg) 100%;
    }
	.info .share ul li.subscribe.active {
		background:url(../fonts/object01-o.svg) 100%;
	}
}
.info .share ul li:last-child{margin-right:0}
.info .tag{margin-bottom:20px}
.info .tag li{border:1px solid #eeeeee;color:#686868;font-size:16px;background-color:#f7f7f7;display:inline-block;border-radius:3px;padding:4px 8px}
.info .tag li:hover{    background-color: #ff9398;border: 1px solid #ff9398;cursor: pointer;}
.info .tag li:hover a{color:white;}
.info .share li a,.info .tag li a{display:block;width:100%;height:100%}
.info .time{color:#9f9f9f;margin-bottom:20px;font-size:16px}
.related_commodity .title{margin-bottom:7px}


.playlist_box.item3-2:nth-of-type(3n){margin-right:0}

@media screen and (max-width: 1023px) {
.related_commodity .owl-theme .owl-controls{margin-top:5px}
.info .share ul{margin:.5em auto}
}
@media(max-width:767px) {
.info>.title{width:100%;font-size:20px}
.info .share{text-align:center;*/height:35px;top:8px;position:relative}
.info .share ul{clear:both;margin:1.5em auto;width:fit-content;height:35px;float:none}
.relative-goods .owl-item{width:325px}
.relative-goods .button-group{float:right;position:relative;right:10px;top:-10px}
.info p{margin-bottom:10px;font-size:16px}
.info .time{margin-bottom:15px;width:50%}
.info .tag{margin-bottom:20px}
.playlist_box.item3-2:nth-of-type(3n){margin-right:20px;}
.playlist_box.item3-2:nth-of-type(6n){margin-right:0px;}
.videodetail .related_commodity .list .txt{width:calc(100% - 96px)}
}


@media(max-width:767px) {
	.info>.title{width:100%;font-size:20px;overflow:hidden;}
}

@media(max-width:413px){
/*.related_commodity .list .txt {
    width: 219px;
    height: auto;
    overflow: hidden;
}*/
}

@media(max-width:412px){
	/*.related_commodity .list li{width:calc(100% - 18px)}*/
}
@media(max-width:360px){
	/*calc(100% - 18px)*/
}
/*������s�Ǥ��������ӫ~ iPhone 5/SE*/
@media screen and (max-width:320px) {
/*.content_L .videodetail .box{margin:0 0 15px}*/
/*.related_commodity .list li{width:calc(100% - 63px)}*/
/*.related_commodity .list li{width:calc(100% - 80px)}
.videodetail .related_commodity .list .txt{width:calc(100% - 96px)}*/
}