/*featuresTop*/
.featuresTop{
    padding: 33px 0 0 0;
    font-size: 14px;
}
.featuresTop h2{
    font-weight: 500;
    padding: 0 0 16px 0;
    font-size:16px;
    letter-spacing: 0.2em;
}
.featuresTop > ul{
    overflow: hidden;
    margin: 22px 0 0 0;
}
.featuresTop > ul li{
    width: 30%;
    margin: 12px 0 0 0;
    padding: 6px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/bgLinePink.png) 0 0;
    position: relative;
}
.featuresTop > ul li:after{
    content:"...";
    position: absolute;
    top: 22px;
    right: 22px;
    color: #fd746c;
    font-size:18px;
}
.featuresTop > ul li:hover{
    padding: 6px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/bgLineBlue.png) 0 0;
}
.featuresTop > ul li:nth-child(3n+1){
    float: left;
    margin: 12px 0 0 0;
}
.featuresTop > ul li:nth-child(3n+2){
    float: left;
    margin: 12px 0 0 3%;
}
.featuresTop > ul li:nth-child(3n+3){
    float: right;
    margin: 12px 0 0 0;
}
.featuresTop > ul li a{
    border-radius: 2px;
    display: block;
    padding: 20px 20px 20px 15px;
    background: #fbfbf6;
    color: #ed8219;
}
.featuresTop > ul li a:hover{
    opacity: 1;
    background: #fff;
}
@media screen and (max-width: 1200px) {
    .featuresTop{
        width: calc(100% - 96px);
        float: none;
    }
}
@media screen and (max-width: 780px) {
    .featuresTop{
        width: 100%;
        float: none;
    }
    .featuresTop > ul li{
        width: calc(100% - 12px);
        margin: 12px 0 0 0;
        padding: 6px;
        background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/bgLinePink.png) 0 0;
        position: relative;
    }
    .featuresTop > ul li:nth-child(3n+1){
        float: none;
        margin: 12px 0 0 0;
    }
    .featuresTop > ul li:nth-child(3n+2){
        float: none;
        margin: 12px 0 0 0;
    }
    .featuresTop > ul li:nth-child(3n+3){
        float: none;
        margin: 12px 0 0 0;
    }
}

/*feture*/
.feature{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 0 0;
}
.feature li{
    width: calc(100% - 12px);
    margin: 10px 0 0 0;
    padding: 6px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/bgLineBlue.png);
}
.feature li:hover{
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/bgLinePink.png);
}
.feature li a{
    display: block;
    background: #fbfbf6;
    padding: 3px;
    overflow: hidden;
}
.feature li a:hover{
    opacity: 1;
    background: #fff;
}
.feature li a div{
    float: left;
}
.feature li a div h3{
    padding: 19px 0 7px 66px;
    color: #ed8219;
    position: relative;
    font-size: 18px;
    font-weight: 400;
}
.feature li:nth-child(1) a div h3:before{
    content:"1";
    width: 41px;
    height: 34px;
    position: absolute;
    padding: 3px 0 0 18px;
    top: 15px;
    left: 18px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/leaf.png) no-repeat 0 0;
}
.feature li:nth-child(2) a div h3:before{
    content:"2";
    width: 41px;
    height: 34px;
    position: absolute;
    padding: 3px 0 0 18px;
    top: 15px;
    left: 18px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/leaf.png) no-repeat 0 0;
}
.feature li:nth-child(3) a div h3:before{
    content:"3";
    width: 41px;
    height: 34px;
    position: absolute;
    padding: 3px 0 0 18px;
    top: 15px;
    left: 18px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/leaf.png) no-repeat 0 0;
}
.feature li:nth-child(4) a div h3:before{
    content:"4";
    width: 41px;
    height: 34px;
    position: absolute;
    padding: 3px 0 0 18px;
    top: 15px;
    left: 18px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/leaf.png) no-repeat 0 0;
}
.feature li:nth-child(5) a div h3:before{
    content:"5";
    width: 41px;
    height: 34px;
    position: absolute;
    padding: 3px 0 0 18px;
    top: 15px;
    left: 18px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/leaf.png) no-repeat 0 0;
}
.feature li:nth-child(6) a div h3:before{
    content:"6";
    width: 41px;
    height: 34px;
    position: absolute;
    padding: 3px 0 0 18px;
    top: 15px;
    left: 18px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/leaf.png) no-repeat 0 0;
}
.feature li a div p{
    font-size: 14px;
    line-height: 1.4em;
    padding: 0 0 0 18px;
    letter-spacing: 0.2em;
}
.feature li a img{
   float: right;
}
@media screen and (max-width: 600px) {
    .feature li a img{
        width: 90%;
       float:none;
       margin: 12px 0 0 5%;
    }
    .feature li a{
        display: block;
        background: #fbfbf6;
        padding: 3px 3px 8px 3px;
        overflow: hidden;
    }
    .feature li a div p{
        font-size: 13px;
        line-height: 1.4em;
        padding: 0 0 0 18px;
    }
}

/*featuresNonburn*/
.featuresNonburn{
    padding: 33px 0 0 0;
    font-size: 14px;
}
.featuresNonburn h2{
    font-weight: 500;
    padding: 0 0 16px 0;
    font-size:16px;
    letter-spacing: 0.2em;
}
.featuresNonburn > div{
    overflow: hidden;
    padding: 0 0 26px 0;
    border-radius: 3px;
}
.featuresNonburn > div img{
    width: 33%;
    padding: 5px 20px 0 26px;
    float: right;
    border-radius: 3px;
}
.featuresNonburn > div p{
    text-align: justify;
    margin: -2px 0 0 20px;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
}
.featuresNonburn > div h3{
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    background: #f08200;
    line-height: 1em;
    padding: 12px;
    text-align: center;
    letter-spacing: 0.2em;
    margin: 0 0 20px 0;
}
.featuresNonburn > ul{
    padding: 0 0 20px 0;
}
.featuresNonburn > ul > li{
    padding: 0 0 28px 0;
}
.featuresNonburn > ul > li > h3{
    font-weight: 500;
    font-size: 15px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/line.png) 0 top no-repeat #f9f8f1;
    padding: 8px 0 8px 12px;
    position: relative;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #eee;
}
.featuresNonburn > ul > li > h3:before{
    content:"";
    width: 4px;
    height: 8px;
    background: #ca5833;
    position: absolute;
    top: 18px;
    left: 0;
}
.featuresNonburn > ul > li > div{
    padding: 20px 12px 8px 12px;
    overflow: hidden;
}
.featuresNonburn > ul > li > div img{
    float: left;
}
.featuresNonburn > ul > li > div h4{
    float: left;
    padding: 0 0 0 20px;
    letter-spacing: 0.2em;
    font-weight: 500;
    font-size: 15px;
}
.featuresNonburn > ul > li > div p{
    float: left;
    padding: 0 0 0 20px;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
}
.featuresNonburn > ul > li > div p a{
    letter-spacing: 0.2em;
    color: #f08200;
}

@media screen and (max-width: 1200px) {
    .featuresNonburn{
        width: calc(100% - 96px);
        float: none;
    }
}
@media screen and (max-width: 780px) {
    .featuresNonburn{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 600px) {
    .featuresNonburn{
        width: 100%;
        float: none;
    }
    .featuresNonburn > div img{
        width: 100%;
        padding: 5px 0 0 0;
        float: none;
        border-radius: 3px;
    }
    .featuresNonburn > ul > li > div{
        text-align: center;
    }
    .featuresNonburn > ul > li > div img{
        float: none;
        display: block;
        margin: 0 auto;
        width: 50%;
    }
    .featuresNonburn > div p{
        text-align: justify;
        margin: 0 0 0 0;
    }
    .featuresNonburn > ul > li > div h4{
        float: none;
        padding: 0 0 0 0;
        letter-spacing: 0.2em;
        font-weight: 500;
        font-size: 15px;
        text-align: center;
    }
    .featuresNonburn > ul > li > div p{
        float: none;
        padding: 0 0 0 0;
        text-align: left;
    }
}

/*featuresDesign*/
.featuresDesign{
    padding: 33px 0 0 0;
    font-size: 14px;
}
.featuresDesign h2{
    font-weight: 500;
    padding: 0 0 16px 0;
    font-size:16px;
    letter-spacing: 0.2em;
}
.featuresDesign > div{
    overflow: hidden;
    padding: 0 0 26px 0;
    border-radius: 3px;
}
.featuresDesign > div img{
    width: 100%;
    border-radius: 3px;
    display: block;
}
.featuresDesign > div p{
    text-align: justify;
    margin: 0 0 0 0;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
}
.featuresDesign > div h3{
    width: 100%;
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    line-height: 1.7em;
    text-align: left;
    letter-spacing: 0.4em;
    position: absolute;
    bottom: 69px;
    left: 26px;
}
.featuresDesign > div{
    position: relative;
}
@media screen and (max-width: 1200px) {
    .featuresDesign{
        width: calc(100% - 96px);
        float: none;
    }
}
@media screen and (max-width: 780px) {
    .featuresDesign{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 600px) {
    .featuresDesign{
        width: 100%;
        float: none;
    }
    .featuresDesign > div img{
        width: 100%;
        padding: 5px 0 0 0;
        float: none;
        border-radius: 3px;
    }
    .featuresDesign > div h3{
        width: 90%;
        display: block;
        font-size: 12px;
        color: #fff;
        font-weight: 300;
        line-height: 1.7em;
        text-align: left;
        letter-spacing: 0.4em;
        position: absolute;
        bottom: 69px;
        left: 26px;
    }
    .featuresDesign > div p{
        text-align: justify;
        margin: 0 0 0 0;
    }
}

/*featuresLight*/
.featuresLight{
    padding: 33px 0 0 0;
    font-size: 14px;
}
.featuresLight h2{
    font-weight: 500;
    padding: 0 0 16px 0;
    font-size:16px;
    letter-spacing: 0.2em;
}
.featuresLight > div{
    overflow: hidden;
    padding: 0 0 26px 0;
    border-radius: 3px;
}
.featuresLight > div img{
    width: 100%;
    border-radius: 3px;
    display: block;
}
.featuresLight > div p{
    text-align: justify;
    margin: 0 0 0 0;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
}
.featuresLight > div h3{
    width: 100%;
    display: block;
    font-size: 20px;
    color: #ff6f10;
    font-weight: 300;
    line-height: 1.7em;
    text-align: right;
    letter-spacing: 0.4em;
    position: absolute;
    bottom: 13%;
    right: 3%;
}
.featuresLight > div{
    position: relative;
}
@media screen and (max-width: 1200px) {
    .featuresLight{
        width: calc(100% - 96px);
        float: none;
    }
}
@media screen and (max-width: 780px) {
    .featuresLight{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 600px) {
    .featuresLight{
        width: 100%;
        float: none;
    }
    .featuresLight > div img{
        width: 100%;
        padding: 5px 0 0 0;
        float: none;
        border-radius: 3px;
    }
    .featuresLight > div h3{
         width: 100%;
        display: block;
        font-size: 12px;
        color: #ff6f10;
        font-weight: 300;
        line-height: 1.3em;
        text-align: right;
        letter-spacing: 0.4em;
        position: absolute;
        bottom: 20%;
        right: 5%;
    }
}

/*featuresSafety*/
.featuresSafety{
    padding: 33px 0 0 0;
    font-size: 14px;
}
.featuresSafety h2{
    font-weight: 500;
    padding: 0 0 26px 0;
    font-size:16px;
    letter-spacing: 0.2em;
}
.featuresSafety > ul{
    padding: 0 0 20px 0;
}
.featuresSafety > ul > li{
    padding: 0 0 28px 0;
}
.featuresSafety > ul > li > h3{
    font-weight: 500;
    font-size: 15px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/line.png) 0 top no-repeat #f9f8f1;
    padding: 12px 0 12px 12px;
    position: relative;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #eee;
    line-height: 1.2em;
}
.featuresSafety > ul > li > h3:before{
    content:"";
    width: 4px;
    height: 8px;
    background: #ca5833;
    position: absolute;
    top: 18px;
    left: 0;
}
.featuresSafety > ul > li > p{
    padding: 10px 12px 0 12px;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
}
.featuresSafety > ul > li > div{
    padding: 20px 12px 8px 12px;
    overflow: hidden;
}
.featuresSafety > ul > li > div img{
    float: left;
    width: 25%;
    border-radius: 3px;
    margin: 0 0 26px 0;
    display: block;
}
.featuresSafety > ul > li > div p{
    width: 70%;
    float: right;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
    margin: -5px 0 0 0;
}
.featuresSafety > ul > li > div p span{
    content: "*";
    color: #ff0000;
}
.featuresSafety > ul > li > div p.attention{
    width: 70%;
    float: right;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
    padding: 20px 0 0 0;
    position: relative;
}
.featuresSafety > ul > li > div p.attention:before{
    content: "*";
    color: #ff0000;
    position: absolute;
    top: 24px;
    left: -8px;
}
@media screen and (max-width: 1200px) {
    .featuresSafety{
        width: calc(100% - 96px);
        float: none;
    }
}
@media screen and (max-width: 780px) {
    .featuresSafety{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 600px) {
    .featuresSafety{
        width: 100%;
        float: none;
    }
    .featuresSafety > div img{
        width: 100%;
        padding: 5px 0 0 0;
        float: none;
        border-radius: 3px;
    }
    .featuresSafety > ul > li > div{
        text-align: center;
    }
    .featuresSafety > ul > li > div img{
        float: none;
        display: block;
        margin: 0 auto 20px auto;
        width: 80%;
    }
    .featuresSafety > div p{
        text-align: justify;
        margin: 0 0 0 0;
    }
    .featuresSafety > ul > li > div h4{
        float: none;
        padding: 0 0 0 0;
        letter-spacing: 0.2em;
        font-weight: 500;
        font-size: 15px;
        text-align: center;
    }
    .featuresSafety > ul > li > div p{
        width: 100%;
        float: none;
        padding: 0 0 0 0;
        text-align: left;
    }
    .featuresSafety > ul > li > div p.attention{
        width: 100%;
        float: none;
        font-size: 14px;
        letter-spacing: 0.2em;
        line-height: 1.8em;
        padding: 20px 0 0 0;
        position: relative;
    }
}

/*featuresUD*/
.featuresUD{
    padding: 33px 0 33px 0;
    font-size: 14px;
}
.featuresUD h2{
    font-weight: 500;
    padding: 0 0 16px 0;
    font-size:16px;
    letter-spacing: 0.2em;
}
.featuresUD > div{
    overflow: hidden;
    padding: 0 0 26px 0;
    border-radius: 3px;
}
.featuresUD > div img{
    width: 100%;
    border-radius: 3px;
    display: block;
}
.featuresUD > div p{
    text-align: justify;
    margin: 0 0 0 0;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
}
.featuresUD > div h3{
    width: 100%;
    display: block;
    font-size: 20px;
    color: #ff6f10;
    font-weight: 300;
    line-height: 1.7em;
    text-align: left;
    letter-spacing: 0.4em;
    position: absolute;
    bottom: 13%;
    left: 3%;
}
.featuresUD > div{
    position: relative;
}
@media screen and (max-width: 1200px) {
    .featuresUD{
        width: calc(100% - 96px);
        float: none;
    }
}
@media screen and (max-width: 780px) {
    .featuresUD{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 600px) {
    .featuresUD{
        width: 100%;
        float: none;
    }
    .featuresUD > div img{
        width: 100%;
        padding: 5px 0 0 0;
        float: none;
        border-radius: 3px;
    }
    .featuresUD > div h3{
         width: 100%;
        display: block;
        font-size: 12px;
        color: #ff6f10;
        font-weight: 300;
        line-height: 1.3em;
        text-align: left;
        letter-spacing: 0.4em;
        position: absolute;
        bottom: 20%;
        left: 5%;
    }
}

/*featuresCombination*/
.featuresCombination{
    padding: 33px 0 33px 0;
    font-size: 14px;
}
.featuresCombination h2{
    font-weight: 500;
    padding: 0 0 16px 0;
    font-size:16px;
    letter-spacing: 0.2em;
}
.featuresCombination > div{
    overflow: hidden;
    padding: 0 0 26px 0;
    border-radius: 3px;
}
.featuresCombination > div img{
    width: 100%;
    border-radius: 3px;
    display: block;
}
.featuresCombination > div p{
    text-align: justify;
    margin: 0 0 0 0;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
}
.featuresCombination > div h3{
    width: 100%;
    display: block;
    font-size: 20px;
    color: #ff6f10;
    font-weight: 300;
    line-height: 1.7em;
    text-align: left;
    letter-spacing: 0.4em;
    position: absolute;
    bottom: 13%;
    left: 3%;
}
.featuresCombination > div{
    position: relative;
}
@media screen and (max-width: 1200px) {
    .featuresCombination{
        width: calc(100% - 96px);
        float: none;
    }
}
@media screen and (max-width: 780px) {
    .featuresCombination{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 600px) {
    .featuresCombination{
        width: 100%;
        float: none;
    }
    .featuresCombination > div img{
        width: 100%;
        padding: 5px 0 0 0;
        float: none;
        border-radius: 3px;
    }
    .featuresCombination > div h3{
         width: 100%;
        display: block;
        font-size: 12px;
        color: #ff6f10;
        font-weight: 300;
        line-height: 1.3em;
        text-align: left;
        letter-spacing: 0.4em;
        position: absolute;
        bottom: 20%;
        left: 5%;
    }
}

.mainContent > ul{
    overflow: hidden;
}
.mainContent > ul li a{
    font-size: 13px;
}
.mainContent > ul li:nth-child(1){
    float: left;
    margin: 5px 0 0 0;
}
.mainContent > ul li:nth-child(2){
    float: right;
}
.mainContent > ul li:nth-child(1) a{
    color: #5e2f16;
    padding: 11px 0 11px 18px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/linkArrowB.png) 0 16px no-repeat;
}
.mainContent > ul li:nth-child(2) a{
    line-height: 1;
    text-align:center;
    color: #f08200;
    font-size: 13px;
    display: block;
    border: 1px solid #f08200;
    border-radius: 3px;
    padding: 11px 33px 11px 18px;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/linkArrowO.png) 94% 12px no-repeat;
}
.mainContent > ul li:nth-child(2) a:hover{
    color: #fff;
    background: url(/w-R8djqD9c/wp-content/themes/comany/common/img/linkArrowO.png) 96% 12px no-repeat #f08200;
}
@media screen and (max-width: 1200px) {
    .mainContent > ul{
        width: 92%;
        overflow: hidden;
    }
}
@media screen and (max-width: 780px) {
    .mainContent > ul{
        width: 100%;
        overflow: hidden;
        text-align: center;
    }
    .mainContent > ul li a{
        font-size: 13px;
    }
    .mainContent > ul li:nth-child(1){
        float: none;
        margin: 0 0 0 0;
    }
    .mainContent > ul li:nth-child(2){
        float: none;
        display: none;
    }
}