﻿
@font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/notosanssc/NotoSansSC-Light.otf") format("opentype")
}

@font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 500;
    src: url("fonts/notosanssc/NotoSansSC-Medium.otf") format("opentype")
}

@font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 600;
    src: url("fonts/notosanssc/NotoSansSC-Medium.otf") format("opentype")
}

@font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 700;
    src: url("fonts/notosanssc/NotoSansSC-Bold.otf") format("opentype")
}

/*
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
*/
html {
    font-size: 62.5%;
    line-height: normal
}

body {
    background-color: #e7e7e7;
    font-family: "Noto Sans SC", sans-serif;
    color: #2e2e2e;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem
}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
    font-weight: 500
}

h1,.h1,h2,.h2,h3,.h3 {
    margin: 0
}

h4,.h4,h5,.h5,h6,.h6 {
    margin-top: 8px;
    margin-bottom: 8px
}

h1,.h1 {
    font-size: 24px;
    font-size: 2.4rem
}

h1.h1-big,.h1.h1-big {
    font-size: 36px;
    font-size: 3.6rem
}

h2,.h2 {
    font-size: 24px;
    font-size: 2.4rem
}

h3,.h3 {
    font-size: 16px;
    font-size: 1.6rem
}

h3.h3-medium,.h3.h3-medium {
    font-size: 24px;
    font-size: 2.4rem
}

h3.h3-big,.h3.h3-big {
    font-size: 32px;
    font-size: 3.2rem
}

h4,.h4 {
    font-size: 14px;
    font-size: 1.4rem
}

h4.h4-big,.h4.h4-big {
    font-size: 24px;
    font-size: 2.4rem
}

h5,.h5 {
    font-size: 12px;
    font-size: 1.2rem
}

h5.h5-big,.h5.h5-big {
    font-size: 16px;
    font-size: 1.6rem
}

.prodDetail .faq .collapse-box a .icon.ico-minus-4-box-line:before,.promoDetail .faq .collapse-box a .icon.ico-minus-4-box-line:before {
    color: #fff;
    background: transparent;
    position: relative;
    top: -4px;
    left: -1px;
    width: 31px;
    display: inline-block
}

.col-right-content.col-right-content-sc, .col-left-content.col-left-content-sc {
    margin-right: 30px;
}

h1.section_head_title_single, h2.section_head_title, .title_image h3, h1.section_head_title, .box-title, .sec-hidden-title, .sec-hidden-intro-title, .section-title {
    font-weight: 600 !important;
}

.sec-hidden-intro-title.text-center, .sec-hidden-intro-body.text-center {
    text-align: center !important;
}