/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.roboto {font-family: 'Roboto', sans-serif;}

.h100 {
    height: 100px;
}
.h220 {
    height: 220px;
}

.container {
    width: 980px;
}
@media only screen and (max-width: 992px) {
    #brand {
        margin-top: -100px;
    }
    .container {
        width: 90%;
    }
}

h1.header {
    margin: 0;
    font-size: 1.2rem;
}
h1.header img {
    width: 125px;
    margin-top: 3px;
}
div.section h5 {
    margin-bottom: 1rem;
}

nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 100px;
}

nav ul a,
nav .brand-logo {
  color: #444;
  width: 100%;
}
img.brand-logo {
    max-width: 200px;
    max-height: 100px;
    margin-top: 3.6em;
    margin-bottom: 1em;
}
img.huangs-logo {
    margin-top: 2em !important;
}

@media only screen and (max-width: 992px) {
    img.brand-logo {
        margin-top: 1em !important;
    }
}


p {
  line-height: 2rem;
}
ol {
    margin: 0;
    padding: 0;
    padding-inline-start: 1.2em;
    text-align: left;
}
ol li {
    margin-bottom: 0.2em;
}
table#company-table {
    border-top: 1px solid #e0e0e0;
    margin-top: 3em;
}
table tr th {
    border-right: 1px solid #e0e0e0;
}
table tr td {
    padding-left: 2em;
}
@media only screen and (max-width: 992px) {
    table#company-table {
        border-top: none;
    }
    table tr th {
        border-right: none;
    }
    table.responsive-table thead tr {
        padding: 0 30px 0 0;
    }
}

img.banner {
    width: 250px;
    margin: 0 auto;
    display: block;
}

#mainvisual {
    min-height: 500px;
}
@media only screen and (max-width: 600px) {
    #mainvisual {
        /*
        width: 100vh;
        */
        height: 50vh;
    }
}

.pc {display:block;}
.sp {display:none;}

@media only screen and (max-width: 600px) {
    .pc {display:none;}
    .sp {display:block;}
}

.white-bg {
    background-color: #fff;
}
.white-color {
    color: #fff;
}
.navy-bg {
    background-color: #1c2e48 !important;
}

#about div.section,
#brand-list div.section {
    margin: 50px auto 100px;
    padding: 0;
}

#brand-list div.section:nth-of-type(1) {
    margin-top: 0px;
}

#brand-list div.section:nth-of-type(1),
#brand-list div.section:nth-of-type(2) {
    margin-bottom: 100px;
}

@media only screen and (max-width : 600px) {
    #brand-list div.section:nth-of-type(1),
    #brand-list div.section:nth-of-type(2) {
        margin-bottom: 1em;
    }
}

a.brand-link {
    display: block;
    width: 70%;
    margin: 2em auto 2em;
    border: solid 1px #1c2e48;
    background-color: #fff;
    color: #1c2e48;
    text-align: center;
    padding: 0.5em 0;
}
a.brand-link:hover {
    background-color: #1c2e48;
    color: #fff;
}
@media only screen and (max-width : 600px) {
    a.brand-link {
        width: 100%;
    }
}

.navbar-fixed {
    z-index: 998;
}

.sidenav-trigger {
  color: #26a69a;
}

.light {
    width: 95%;
    margin: 0 auto;
    line-height: 1.75em;
}

.parallax-container {
  /* min-height: 320px; */
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

.page-footer .footer-copyright {
    color: #444;
}

@media only screen and (max-width : 600px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}




/* list */
.company-info,
.shopinfo {
    margin-top: 2em;
    margin-bottom: 2.5em;
    border-top: 1px solid #ccc;
}
.company-info dl,
.shopinfo dl {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.company-info dt,
.shopinfo dt {
    padding-bottom: 5px;
    text-align: left;
}

.company-info dd,
.shopinfo dd {
    text-align: left;
    margin-left: 0;
}

@media screen and (min-width: 600px) {
    .company-info dt,
    .shopinfo dt {
        clear: left;
        float: left;
        width: 15%;
    }
    .company-info dd,
    .shopinfo dd {
        margin-left: 16%;
    }
}



/* slides */
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
    background-image: url(../images/btns-next-prev.png);
    background-repeat: no-repeat;
    display:block;
    width:12px;
    height:18px;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin-right:5px;
}

a.slidesjs-next {
    margin-right:10px;
    background-position: -12px 0;
}

a:hover.slidesjs-next {
    background-position: -12px -18px;
}

a.slidesjs-previous {
    background-position: 0 0;
}

a:hover.slidesjs-previous {
    background-position: 0 -18px;
}

a.slidesjs-play {
    width:15px;
    background-position: -25px 0;
}

a:hover.slidesjs-play {
    background-position: -25px -18px;
}

a.slidesjs-stop {
    width:18px;
    background-position: -41px 0;
}

a:hover.slidesjs-stop {
    background-position: -41px -18px;
}

#slides a:link,
#slides a:visited {
    color: #333
}

#slides a:hover,
#slides a:active {
    color: #9e2020
}

#slides {
    position: relative;
}
.slidesjs-navigation {
    display: none !important;
    height: 0;
}

.slidesjs-pagination {
    margin: 7px 0 0;
    float: right;
    list-style: none;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(../images/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
    text-indent: 13px;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -26px
}