@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300,400italic,300italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Nunito:400,300,700);
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

.clear{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;}
/* ==========================================================================
Typography
========================================================================== */
body { font-family:"Nanum Gothic" !importantz }

p {
  font-size: 15px;
  line-height: 29px;
  color: rgba(65, 82, 105, 1.0);
  padding-bottom: 20px; }

h1 {
  font-size: 60px; }

h2 {
  font-size: 40px;
  font-weight: 300;
  color: #3D4351; }

h3 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #3D4351; }

h4 {
  font-weight:bold;
  font-size: 18px; }

h5 {
  font-size: 15px;
  color: #3D4351;
  text-transform: uppercase;
  font-weight: 500; }

.btn {
  font-size: 13px;
  border: solid 2px;
  border-radius: 40px;
  display: inline-block;
  text-transform: uppercase; }

.btn:hover, .btn:focus {
  color: #fff;
  border-color: #ffb031;
  background-color: #ffb031; }

.btn-white {
  font-size: 13px;
  border: solid 2px;
  border-radius: 40px;
  display: inline-block;
  border-color: #fff; 
  }

.btn-white:hover, .btn-white:focus {
  color: #ffb031;
  border-color: #ffb031; 
  }

.btn-fill {
  color: #fff;
  border: solid 2px #ffb031;
  border-radius: 40px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #ffb031; 
  }

.btn-fill:hover, .btn-fill:focus {
  color: #fff;
  background-color: #ffb031;
  border-color: #ffb031; 
  }

.btn-small {
  padding: 10px 20px; 
}

.btn-small_p {
  padding: 0px 20px; 
  margin-top:6px;
}

.btn-large {
  padding: 12px 40px; }

.btn-margin-right {
  margin-right: 20px; }

section.intro, section.features-extra, section.sign-up {
  background: #fff; 
}

section.features, section.blog-intro, section.blog {
  background: #F3F4F8; }



.m_content{
  text-align:center;
  display: table-cell;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
  margin:0px;
}

#videobcg {
position:absolute;
top: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}


/* ==========================================================================
Global Styles
========================================================================== */
.group:after {
  content: "";
  display: table;
  clear: both; }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }


.effect-chico span a {
  color: #ffffff;
}
.effect-chico span a:hover, a:focus {
  color: #D7405D;
  text-decoration: none; 
}

a {
  color: #ffb031;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: color, border-color, background-color;
  transition-property: color, border-color, background-color; 
}

a:hover, a:focus {
  color: #D7405D;
  text-decoration: none; 
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: rgba(65, 82, 105, 1.0);
  -webkit-text-size-adjust: 100%; }

ul, ol {
  margin: 0;
  padding: 0; }

ul li {
  list-style: none; }

.section-padding {
  padding: 40px 0; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0; }

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9; }

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px; }

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px; }

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px; }

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  background-color: #000;
  border-radius: 4px; }

/* ==========================================================================
	$Works
========================================================================== */

.works {
  margin:0 auto;
  background:#fff;
  text-align:center;
}
  .hero .down-arrow a {
    color: #fff; 
  }
  .works h1 {
    text-align;center;
    font-weight: 500;
    font-size: 40px;
    color: #3c3c3c;
    margin-bottom: 20px; 
    }
  .works p {
    color: #fff;
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 300;
    margin-top: 12px; 
    line-height:32px;
    }
  .works .title_line{
     height:1px;
     border-bottom:2px solid #ffb031;
     width:80px;
     margin:0 auto;
    }
  .works .port_more_box{
     width:100%;
     margin:0 auto;
     padding:32px 0;
     background:#fff;
  }
    
  .works .port_more{
     max-width:335px;
     height:73px;
     border:2px solid #ffb031;
     margin:0 auto;
  }
  .works .port_more a:hover {
    color: #ffb031;
  }
    
  .works .port_more h2{
    text-align:center;
    font-size:20px;
    text-indent:-40px;
    display:inline-block;
  }
  .works .port_more h2 a{
    color:#2c2c2c;
  }
  
  .works .port_more .more_bn{    
    margin:20px 0 0 8px;
    padding:0;
    position:absolute;
    

    display:inline-block;
    
  }
  

.work {
  -moz-box-shadow: 0 0 0 0px #fff;
  -webkit-box-shadow: 0 0 0 0px #fff;
  box-shadow: 0 0 0 0px #fff;
  min-height: 399px;
  overflow: hidden;
  position: relative;
  visibility: hidden; }
  .work .overlay {
    background: rgba(255, 176, 49, 0.9);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -moz-transition: opacity, 0.3s;
    -o-transition: opacity, 0.3s;
    -webkit-transition: opacity, 0.3s;
    transition: opacity, 0.3s; }
  .work .overlay-caption {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .work h5, .work p, .work img {
    -moz-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s; }
  .work h5, .work p {
    color: #fff;
    margin: 0;
    opacity: 0; }
  .work h5 {
    font-size:24px;
    margin-bottom: 5px;
    -moz-transform: translate3d(0, -200%, 0);
    -ms-transform: translate3d(0, -200%, 0);
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0); }
  .work p {
    -moz-transform: translate3d(0, 200%, 0);
    -ms-transform: translate3d(0, 200%, 0);
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0); }

.work-box:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }
.work-box:hover .overlay {
  opacity: 1; }
  .work-box:hover .overlay h5, .work-box:hover .overlay p {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }


/* ==========================================================================
	$Utilities
========================================================================== */
.work:nth-child(1) {
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }
.work:nth-child(2) {
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }
.work:nth-child(3) {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }
.work:nth-child(4) {
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }
.work:nth-child(5) {
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }
.work:nth-child(6) {
  -moz-animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; }
.work:nth-child(7) {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }
.work:nth-child(8) {
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.animated {
  visibility: visible; }

.no-padding {
  padding: 0; }

.no-gutter [class*=col-] {
  padding-right: 0;
  padding-left: 0; }
  
/* ==========================================================================
Animations
========================================================================== */
.pulse2 {
  -webkit-animation-name: pulse2;
          animation-name: pulse2;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes pulse2 {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.floating-arrow {
  -webkit-animation-name: floating-arrow;
          animation-name: floating-arrow;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes floating-arrow {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  65% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@keyframes floating-arrow {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  65% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }
.floating-logo {
  -webkit-animation-name: floating-logo;
          animation-name: floating-logo;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes floating-logo {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  50% {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@keyframes floating-logo {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  50% {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }
/* ==========================================================================
Waypoinsts
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9 {
  visibility: hidden; }

.wp2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
  visibility: visible; }

/* ==========================================================================
Navigation
========================================================================== */
.header-nav.open {
  visibility: visible;
  opacity: 0.9;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.nav-toggle {
  position: absolute;
  top: -18px;
  right: 15px;
  z-index: 999999;
  padding: 10px 35px 16px 0;
  cursor: pointer; }

.nav-toggle:focus {
  outline: none; }

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  content: "";
  position: absolute;
  display: block;
  width: 35px;
  height: 3px;
  border-radius: 1px;
  background: #fff;

  cursor: pointer; }

.nav-toggle span:before {
  top: -10px; }

.nav-toggle span:after {
  bottom: -10px; }

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.nav-toggle.active span {
  background-color: transparent; }

.nav-toggle.active span:before, .nav-toggle.active span:after {
  top: 0px; }

.nav-toggle.active span:before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.nav-toggle.active span:after {
  top: 10px;
  -ms-transform: translatey(-10px) rotate(-45deg);
  -webkit-transform: translatey(-10px) rotate(-45deg);
  transform: translatey(-10px) rotate(-45deg); }

.navicon {
  position: absolute;
  height: 26px;
  right: 10px;
  top: 74px;
  visibility: hidden;
  -webkit-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out; }

/* ==========================================================================
Hero
========================================================================== */


.gnb_1dli{position:relative;  padding:16px 0 20px 0; line-height:1.12em; position:relative;}
.gnb_1dli a{color:#fff;}

.gnb_1dli_on>a,#gnb li.gnb_1dli>a:hover{color:#be9153; text-decoration:none;}
.gnb_2dul {z-index:1000; position:absolute; display:none; line-height:34px; }

#gnb_1dul:after {display:block; visibility:hidden; clear:both;content:""}


.gnb_2dul li{padding:0; margin:0; width:110px; text-align:center;}
.gnb_2dul li a{display:block; font-size:1.0em; }
.gnb_2dul li a:hover{background:#444; text-decoration:none; text-align:center;}

.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block; top:42px; text-align:center; width:110px; left:-10px; opacity:0.8; background:#000;}



		
@media (max-width :1920px) {
  .gnb_2dul{poaition:none;float:none; opacity:0; display:none;}
}

.hero {

  background: url("img/1.jpg");
  background-size: cover;
  position: relative; }
  .hero .down-arrow a {
    color: #fff; }
  .hero h1 {
    font-weight:500;
    font-size: 4.5em;
    color: #fff;
    margin-bottom: 10px;
    }
  .hero p.intro {
    color: #fff;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 20px; 
    line-height:32px;
    }
  .hero .hero-content {
    padding-top: 26%; }


.navigation {
  -webkit-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;
  position: fixed;
  width: 100%;
  z-index: 999; 
  }

.fixed {
  position: fixed;
  background-color: #232731;
  z-index: 999;
  width: 100%; }

header {
  padding: 50px 0;

  position: relative;
  width: 1170px;
  margin: 0 auto;
  -webkit-transition: padding 300ms ease-in-out;
          transition: padding 300ms ease-in-out; }
  header a {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px; }
    header a.login {
    margin-right: 20px; }
  header .logo {
    position:relative;
    top:-8px;
    display: inline-block; 
  }
  header .t_call {display:inline-block;  float:right; right:0;
  background:url('../img/phone_icon.png') 0 0 no-repeat;
  -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;}
  header .t_call a {width:60px; height:60px;  padding-top:5px;}
  header .t_call p {display:inline-block; color:#fff; padding-left:50px; font-size:22px; padding-top:4px;}
  /*header .t_call p b {font-size:30px;}*/
  header ul.primary-nav {
    margin:0 0 0 50px;
    padding:0;
  }
    header ul.primary-nav li {
      display: inline; 
    }
      header ul.primary-nav li a {
        color: #fff;
        padding-right: 25px; 
      }
        header ul.primary-nav li a:hover {
          color: #ffb031; 
        }
      header ul.primary-nav li:last-child a {
        padding-right: 0px; 
      }
  header ul.member-actions li {
    display: inline; 
  }
    header ul.member-actions li a {
      color: #fff; 
      }
      header ul.member-actions li a:hover {
        color: #ffb031; 
      }
  header .header-nav {
    display: inline-block; 
  }
  header .member-actions {
    position: absolute;
    right: 0;
    top: 46px;
    -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out; 
  }
            

.down-arrow {
  color: #fff;
  font-size: 30px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index:333;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.m_c_n>h1{display: none;}
.m_c_n>p{display: none;}

@media (max-width: 800px) {
header .t_call {width:39px; height:39px; background:url('../img/phone_icon.png') 0 0; text-indent:-99999;}
header .t_call p {display:none;}
.phoenix-slider {
  max-height:760px;
}
.m_c_n>h1{display: block;}
.m_c_n>p{display: block;}
}

/* ==========================================================================
Intro
========================================================================== */

.intro h3 {
  font-size: 30px;
  color: #ffb031;
  font-weight: bold; 
  }
  
.intro span.icon {
  font-size: 40px;
  color: #ffb031;
  font-weight: bold; 
  }

  
.intro-icon {
  display: inline-block;
  vertical-align: top;
  padding: 6px 0 0 0;
  margin-right: 20px;
  width: 42px;
  }

.intro span.icon01 {
  background: url("../img/icon01.png") no-repeat center center;
  display: inline-block;
  width: 42px; 
  height:42px;

  }
.intro span.icon02 {
  background: url("../img/icon02.png") no-repeat center center;
  display: inline-block;
  width: 42px; 
  height:42px;

  }
.intro span.icon03 {
  background: url("../img/icon03.png") no-repeat center center;
  display: inline-block;
  width: 42px; 
  height:42px;
  }
.intro span.icon04 {
  background: url("../img/icon04.png") no-repeat center center;
  display: inline-block;
  width: 42px; 
  height:42px;
  }
.intro span.icon05 {
  background: url("../img/icon05.png") no-repeat center center;
  display: inline-block;
  width: 42px; 
  height:42px;
  }
          
  
.intro-content {
  display: inline-block;
  width: 80%; 
  }


/* ==========================================================================
Features-stack
========================================================================== */
.features {
  position: relative; 
  }
  .features p {
    margin-bottom: 0;
    padding-bottom: 0; 
    }
  .features h3 {
    margin: 0 0 20px 0; 
    }
  .features span.icon {
    font-size: 35px;
    color: #ffb031;
    font-weight: bold; 
    }
  .features .feature-icon {
    display: inline-block;
    vertical-align: top;
    padding: 6px 0 0 0;
    margin-right: 20px;
    width: 35px; 
    }
  .features .feature-content {
    display: inline-block;
    width: 75%; 
    }
  .features .intro-icon {
    display: inline-block;
    vertical-align: top;
    padding: 6px 0 0 0;
    margin-right: 20px; 
    }
  .features .intro-content {
    display: inline-block;
    width: 80%; 
    }
  .features ul.features-stack {
    margin-top: 50px; 
    }
  .features ul.features-stack li {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #E6E9EA; 
    }
  .features ul.features-stack li:last-child {
    padding-bottom: 0px;
    border-bottom: none; 
    }
  .features .ipad-wrap {
    width: 706px;
    height: 1002px;
    background: url("../img/ipad-device.png") no-repeat center center;
    z-index: 1; 
    }
  .features .iphone-wrap {
    width: 304px;
    height: 620px;
    background: url("../img/iphone6.png") no-repeat center center;
    position: absolute;
    left: 530px;
    bottom: 129px;
    z-index: 2; }
  .features .device-showcase {
    position: absolute;
    bottom: -365px;
    right: 61%; }

.features .responsive-feature-img, .features-extra .responsive-feature-img {
  display: none; }

.devices {
  position: relative; }

/* ==========================================================================
.features-extra
========================================================================== */
.features-extra {
  position: relative;
  z-index: 3; }
  .features-extra .btn {
    margin-top: 20px; }
  .features-extra .macbook-wrap {
    position: absolute;
    width: 916px;
    height: 540px;
    background: url("../img/macbook-pro.png") no-repeat center center;
    top: 114px;
    z-index: 4;
    left: 50%; }

/* ==========================================================================
.hero-strip
========================================================================== */
.hero-strip {
  margin-top: 0px;
  background: #2c2c2c url("../img/polygonal-bg.jpg") no-repeat center center;
  height:282px;
  position: relative; }
  .hero-strip h2 {
    color: #fff;
    margin: 0 0 20px 0; 
  }
  .hero-strip p {
    color: #ACB1B4; 
    line-height:24px;
    margin: 10px 0 0 0;
  }
  .hero-strip .btn {
    margin-top: 40px; }
    
  

/* ==========================================================================
.testimonial-slider
========================================================================== */
.testimonial-slider {
  background: url("../img/testimonials-bg2.jpg") no-repeat center center;
  background-size: cover; }
  .testimonial-slider .avatar {
    width: 82px;
    height: 82px;
    margin: 0 auto;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 50%;
    border: solid 3px #fff;
    background-color: #fff; }
    .testimonial-slider .avatar img {
      width: 82px;
      height: auto; }
  .testimonial-slider h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    font-style: italic;
    margin: 30px 0; }
  .testimonial-slider p {
    color: #ACB1B4;
    text-transform: uppercase;
    letter-spacing: 2px; }

/* ==========================================================================

/* ==========================================================================
To top
========================================================================== */
.to-top {
  }
  .to-top .to-top-wrap {
    height: 60px;
    width: 70px;
    position: absolute;
    right: 0;
    bottom:2px;
    text-align: center; }
    .to-top .to-top-wrap a {
      display: block;
      width: 100%;
      height: 100%;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.15); }
    .to-top .to-top-wrap a:hover, .to-top .to-top-wrap a:focus {
      background-color: rgba(0, 0, 0, 0.4); }
    .to-top .to-top-wrap i {
      font-size: 30px;
      line-height: 55px; }
  .to-top .row {
    position: relative; }


/* ==========================================================================
Sub-about
========================================================================== */

.sub-contents {
  height:300px;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #232731;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  
}

.sub-contents .sub-feather {
  background: transparent none scroll no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  display: table;
  width: 100%;
  z-index: 2;
 
}

.s_con{
  text-align:center;
  display: table-cell;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
}

.s_title{margin-top:140px;}

h1.list_title{text-align:center; font-weight:500; font-size:36px; color: #3c3c3c;}
.list_txt{text-align:center;}

.ad_table{width:100%;}

.ad_table th{
  padding:10px 0 10px 0;
  border:1px solid #dfdfdf;
  background-color:#efefef;
  font-size:10pt;
  text-align:center;
}
.ad_table td{
  padding:10px 0 10px 0;
  border:1px solid #dfdfdf;
  font-size:10pt;
  font-weight: bold;
  text-align:center;
}
.stitle{font-size:15px;color:#000;font-weight:bold;padding:20px 0 0 0;}
.content ul li{line-height:200%;}


ul.sub_menu{text-align:center; padding-bottom:15px; margin-bottom:10px; }
ul.sub_menu li{width:; margin-top:2%; display:inline-block;  margin-right:1%; border:1px solid #ddd;}
ul.sub_menu li.over{background:#444;}
ul.sub_menu li.over a{color:#fff;}
ul.sub_menu li a{display:inline-block; width:; padding:10px 20px; color:#000;}
ul.sub_menu li a:hover{font-weight:bold;}


ul.app_btn{text-align:center; padding-bottom:64px; }
ul.app_btn li{width:209px; margin-top:2%; display:inline-block;  margin-right:1%;}
ul.app_btn li a{display:inline-block; width:209px; color:#000;}
ul.app_btn li a:hover{font-weight:bold;}

ul.list_ul{padding:10px;}
ul.list_ul li{list-style-type:disc; margin-left:20px;}

ol.list_ol{margin-top:20px; margin-left:20px;}
ol.list_ol li{margin-bottom:20px;}
.card_btn{display:inline-block; padding:0; color:#fff; background:#444;}
.card_btn a{padding:10px; color:#fff;}

.edit_top_box {width:100%; height:100%; margin-bottom:30px;}
.ninfo_edit{padding:10px 30px 0px 30px; border:1px solid #ddd;}
.ninfo_edit h3{color:#000; font-size:1.4em;}
.ninfo_edit_box{margin-bottom:8px; font-size:1.1em; background:#444; color:#fff; display:inline-block; padding:10px;}

ul.edit_btn{margin-left:40px;}
ul.edit_btn li{width:180px; text-align:center; border:1px solid #ddd; margin-top:2%; display:inline-block;  margin-right:1%;}
ul.edit_btn li a{display:inline-block; font-weight:bold; width:180px; padding:12px 10px; color:#000;}
ul.edit_btn li a:hover{font-weight:bold;}

.customer_call{padding:0px; font-size:1.2em; line-height:90%;}
.customer_call h3{font-size:1.1em; margin-bottom:6px;}
.yellow_id_banner {width:100%; margin-top:12px;}

.app_icon{text-align:center; position:relative; padding:0px 0 54px 0;}
.app_icon ul{list-style:none;}
.app_icon ul li{display:inline-block; margin-right:20px;}
.app_icon ul li.end{margin-right:0;}
.app_icon ul li img{width:50%; min-width:209px; text-align:center; margin-bottom:20px;}


.photo_bottom{
   background: transparent none scroll no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  display: table;
  width: 100%;
  z-index: 2;
}

.photo-contents {
  height:228px;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #232731;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  
}

.p_con{
  text-align:center;
  display: table-cell;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
}

.p_title{ display:inline-block; color:#fff; margin-top:0px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.p_title p{color:#fff; font-size:1.5em; font-weight:bold; margin:0; padding:14px 0;}
.p_title p a{color:#fff;}

/* appÁ¦ÀÛ */
/*#app {width:100%;background:url('../images/app/bg.jpg');}
.app_wrap {width:1170px; text-align:center;}
.app_wrap h2 {color:#000; font-weight:600;}
.app_wrap h2 b {color:#ffb031;}*/
.app_bot_text {width:100%;  margin:80px auto 0; }
.app_img {width:100%;}
.app_img ul {}
.app_img ul li {position:relative;}
.bxslider .btns {text-align:center; margin-top:40px;}
.bxslider .btns a {padding:0 10px; display:inline-block;}
.bxslider .btns a img {width:240px;}


/* ==========================================================================
Footer
========================================================================== */

/* partnership */
@media (max-width: 800px){ #partner {display:none;}}
#partner {width:100%; height:120px; background:#303030; border-top:1px solid #444; border-bottom:1px solid #444;}
.part_wrap {width:800px; margin:0 auto;}
.part_wrap .bx-pager {display:none;}
.part_link {width:100%; margin:200px auto 0px;}
.part_link ul {width:1150px; margin-top:-170px;  text-align:center;}
.part_link ul li {display:inline-block; width:118px; height:60px; margin-right:100px; margin-top:10px;}
.part_link ul li p {font-size:12px; color:#888; }
.part_slider {}
.slider1 {width:700px;}
.slide {margin-top:40px; width:180px;}
.slide p {font-size:12px; color:#fff; text-align:center;} 

.copy_i{
  width:100%;
  font-size:12px;
  margin:0 auto;
  text-align:center;
  background:#ffb031;
  color:#51422b;
  font-weight:bold;
  padding:10px 0; 
}
footer {
  background-color: #3D4351;
  position: relative; 
  height:100%;
  }
  footer p {
    color: #ACB1B4;
    font-size: 13px; 
  }
  footer a {
    color: #fff; 
  }
  footer a:hover {
    color: #ffb031; 
  }
  footer ul.footer-group {
  
  }
  footer ul.footer-group li {
    padding-right:14px;
    font-size: 13px;
    display: inline-block;
  }
  footer .f_line{
    font-size: 16px;
    color:#fff;
    border-top:2px solid #fff;
    margin-bottom:10px;
    width:16px;
  }
  footer h4{
    font-size: 16px;
    color:#fff;
  }
  
  
  footer ul.footer-group li a {
    font-size: 13px;
    text-transform: uppercase; 
  }
  footer ul.footer-group li a:hover {
    color: #ffb031; 
  }
  footer ul.footer-group li {
    float:left;
    width:33%;
    margin:0 0 50px 0; 
    display: inline-block;
  }
  footer ul.footer-group li p{
    line-height:180%;
  }
  footer ul.footer-group li span.tel{
    font-size:16px;
    color:#ffb031;
  }
  footer ul.footer-group li span.bank{
    font-size:16px;
  }
  
  footer ul.footer-group li:last-child {
    margin-right: 0; 
  }
  footer span.fa-heart {
    color: #ff415c;
    font-size: 15px;
    margin: 0 2px; 
  }
  footer .social-share {
    position: absolute;
    background-color: #373D4A;
    right: 0;
    width: 40%;
    height: 100%;
    padding: 40px 0 0 70px; }
    footer .social-share p {
      color: #fff;
      text-transform: uppercase;
      padding-bottom: 10px; 
    }
    footer .social-share a.twitter-share {
      height: 60px;
      width: 60px;
      background-color: #1AB4EF;
      border-radius: 3px;
      font-size: 22px;
      display: inline-block;
      text-align: center;
      margin-right: 20px; 
    }
    footer .social-share a.twitter-share:hover, footer .social-share a.twitter-share:focus {
      background-color: #1590BF; 
    }
    footer .social-share a.facebook-share:hover, footer .social-share a.facebook-share:focus {
      background-color: #324C85; 
    }
    footer .social-share a.facebook-share {
      height: 60px;
      width: 60px;
      background-color: #3B5898;
      border-radius: 3px;
      font-size: 22px;
      display: inline-block;
      text-align: center; 
    }
    footer .social-share a {
      color: #fff; 
    }
    footer .social-share a:hover {
      color: #fff;
    }
    footer .social-share a i {
      margin-top: 20px; 
    }
  footer .footer-links {
    margin: 40px 0 120px 0; 
  }