@font-face {
  font-family: "PingFang TC Regular", "Microsoft JhengHei","Helvetica"; }
* {
  line-height: 1.5em;
  font-family: "PingFang TC Regular", "Microsoft JhengHei", "Helvetica"; }

body {
  color: #333333;
  font-size: 15px;
  overflow-x: hidden;
  background-color: #e0d9d3; }

h1 {
  font-size: 30px;
  letter-spacing: 22px; }

p {
  line-height: 32px;
  margin: 30px auto; }

ul {
  line-height: 32px;
  margin: 30px; }

ul > li {
  list-style-type: none;
  list-style-position: outside;
  line-height: 32px; }

ul > li::before {
  content: '- ';
  text-indent: -1em; }

/* body::-webkit-scrollbar { 
  display: none;
}
 */
a:hover {
  text-decoration: none;
  color: #d0b6a8; }

.navbar {
  background-color: #31302e; }
  .navbar .navbar-nav {
    margin: 40px 70px 20px 0px; }
    .navbar .navbar-nav li > a {
      color: #ffffff;
      margin: auto 20px;
      padding: 0 0 7px 0; }
    .navbar .navbar-nav li > a:hover {
      color: #c29576;
      border-bottom: solid 2px;
      padding-bottom: 5px; }

.navbar-header {
  margin: 30px 0 30px 60px; }

/*key_visual*/
#key_visual_sec {
  background-image: url(../img/kv_bg.jpg);
  margin-top: -20px;
  padding: 40px 0 0 0;
  background-size: cover; }

#socialBtns {
  padding-left: 0;
  margin-top: 16%; }
  #socialBtns .btn {
    display: block;
    padding-left: 0;
    text-align: unset; }

/*news section*/
.card {
  background-color: #ffffff;
  padding: 20px;
  margin: 50px auto auto 0px; }
  .card .classfication {
    font-size: 30px; }
  .card .explain {
    border-top: solid 2px; }

.btnMore {
  background-color: #000000;
  font-size: 10px;
  /* line-height: 8px; */
  text-align: center;
  padding: 8px;
  max-width: 50px;
  /* height:22px; */ }
  .btnMore a {
    color: #ffffff; }

.fullResponsive {
  width: 100%; }

#carousel-product .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #888888; }
#carousel-product .carousel-indicators li {
  border: 0px solid #eeeeee;
  background-color: #eeeeee; }
#carousel-product .cardWithCarousel {
  background-color: #ffffff; }
  #carousel-product .cardWithCarousel img {
    width: 100%;
    margin-bottom: 130px; }
  #carousel-product .cardWithCarousel .carousel-caption {
    color: #000000;
    text-shadow: unset; }
    #carousel-product .cardWithCarousel .carousel-caption p {
      margin: 10px auto; }
#carousel-product .btnMore {
  margin: 0 auto; }

/*slogn section*/
#slogn_sec {
  background: #e0d9d3;
  background: -moz-linear-gradient(left, #e0d9d3 0%, #e0d9d3 53%, #d0b6a8 100%);
  background: -webkit-linear-gradient(left, #e0d9d3 0%, #e0d9d3 53%, #d0b6a8 100%);
  background: linear-gradient(to right, #e0d9d3 0%, #e0d9d3 53%, #d0b6a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0d9d3', endColorstr='#d0b6a8',GradientType=1 );
  margin-top: 30px;
  /* margin-bottom: 30px; */
  padding: 70px 0; }

/*brandStory_sec*/
.brandStory {
  background-image: url(../img/bg_brandStory.png);
  margin-top: -20px;
  padding: 40px 0 0 0;
  background-size: cover;
  background-position: right top;
  /* margin-top: -116px; */ }
  .brandStory .row {
    padding: 40px 0 0 0; }

.gd {
  background: #e0d9d3;
  background: -moz-linear-gradient(left, #e0d9d3 0%, #e0d9d3 53%, #d0b6a8 100%);
  background: -webkit-linear-gradient(left, #e0d9d3 0%, #e0d9d3 53%, #d0b6a8 100%);
  background: linear-gradient(to right, #e0d9d3 0%, #e0d9d3 53%, #d0b6a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0d9d3', endColorstr='#d0b6a8',GradientType=1 ); }

#strengthPart {
  background-image: url(../img/bg_strength.png);
  margin-top: -110px;
  padding-bottom: 110px; }
  #strengthPart ul {
    padding-left: 0; }

/*service items section*/
#service_sec {
  text-align: center; }
  #service_sec img {
    width: auto;
    height: 75px; }
  #service_sec h1 {
    margin: 120px auto; }
  #service_sec .desc {
    margin: auto 15%; }
    #service_sec .desc h2 {
      font-size: 20px;
      color: #c29576; }
    #service_sec .desc ul {
      text-align: left; }

/*device mangement section*/
.sec_title {
  margin-top: 80px; }
  .sec_title h1 {
    background-image: url(../img/bg_devMgt.jpg);
    height: 280px;
    background-size: cover;
    background-position: 0% 22%;
    text-align: center;
    /* padding: 110px 0; */
    line-height: 150px;
    margin-bottom: -130px; }

.sec_content h1 {
  margin: 120px auto;
  text-align: center; }
.sec_content ul {
  padding: 25px 0; }
.sec_content li {
  list-style-type: disc;
  font-weight: 800;
  margin: 30px auto; }
.sec_content ul > li::before {
  content: '';
  text-indent: 0em; }
.sec_content .devItem {
  width: 100%;
  height: auto;
  margin: 20px auto; }
  .sec_content .devItem .devImg {
    width: 100%;
    height: 100%; }
  .sec_content .devItem img {
    width: 100%;
    height: auto; }
.sec_content .title {
  color: #ffffff;
  background-color: #000000;
  width: 107px;
  padding: 10px;
  text-align: center;
  letter-spacing: 5px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0; }

.formInlineBlock {
  display: inline-block; }

form {
  margin: -80px 0 80px 0; }
  form input, form textarea {
    background-color: #e0d9d3;
    font-size: 10px;
    color: #31302e;
    padding: 10px;
    border: none; }
  form input {
    float: left;
    width: 36%; }
  form input:nth-child(2) {
    margin-left: 2%;
    width: 62%; }
  form .btn {
    float: right;
    border: 2px solid;
    font-weight: 800;
    border-radius: 0; }

#footer {
  background-color: #31302e;
  color: #e0d9d3;
  text-align: center; }
  #footer .comInfo {
    font-size: 13px;
    text-align: left; }
  #footer #brandSec {
    text-align: center;
    margin: 40px auto; }
  #footer #copyrightSec {
    color: #717071;
    font-size: 6px;
    margin: 10px auto; }

.footerBtns {
  position: absolute;
  right: 0px;
  bottom: 0; }
  .footerBtns a {
    margin: 10px; }

/*meida interview section*/
#mediaInterview_title h1 {
  background-image: url(../img/bg_interview.jpg); }

/*** mobile breakpoint***/

/*# sourceMappingURL=style.css.map */