body {
    font-family: Microsoft JhengHei, serif;
    background-color: rgb(237, 236, 231);
}

.container-fluid {
    max-width: 75vw;
    padding-top: 5vh;
    margin: auto;
}

.borderradius {
    border-radius: 1vw;
}

.displaynone {
    display: none;
}

.navbar-toggle {
    background-color: white;
}

#navbr {
    color: white;
}

.navbar {
    background-color: rgb(229, 86, 20);
    box-shadow: 0px 1vh 2vh -1.5vh #000;
    border-bottom: 0.1vh solid rgb(229, 86, 20);
}

.navbar-right {
    padding-right: 10vw;
}

.navbar-brand {
    padding-left: 10vw;
    font-size: 1.5em;
}

.nav {
    font-size: 1.4em;
}

.bookmark {
    display: block;
    margin-top: -55px;
    height: 50px;
    visibility: hidden;
}

.justablock {
    min-height: 10vh;
}

.jumbotronfa {
    background: url(../pictures/demopics.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 45vw;
    max-height: 100vw;
    position: relative;
}

#jumbohead {
    max-width: 40vw;
    font-weight: bold;
}

#jumbotrontext {
    position: absolute;
    max-width: 40vw;
    margin-left: 5%;
    bottom: 10%;
}

#jumboparagraph1 {
    font-size: 1.5em;
}

.specialty {
    background: url(../pictures/specialtybigtext.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    min-height: 40vw;
    max-height: 100vw;
}

.whiteshodow {
    text-shadow: 0 0 30px rgb(255, 255, 255), -10px -10px 30px rgb(255, 255, 255), 10px 10px 30px rgb(255, 255, 255);
}

#intropic {
    position: absolute;
    max-width: 25vw;
    height: auto;
    display: block;
    right: 10%;
    bottom: 10%;
}

.produceintroleft {}

.produceintroleftparagraph {
    max-width: 60%;
    margin: auto;
}

#produceintroleftparagraphparagraph {
    font-size: 1.3em;
    font-weight: bold;
}

.produceintrorightparagraph {
    max-width: 90%;
    margin: auto;
    font-size: 1.3em;
    font-weight: bold;
}

.marginauto {
    margin: auto;
}

.fontsize1dot2em {
    font-size: 1.2em;
}

.fontsize1dot3em {
    font-size: 1.3em;
}

.fontsize1dot4em {
    font-size: 1.4em;
}

.fontsize1dot5em {
    font-size: 1.5em;
}

.maxwidth10vw {
    max-width: 10vw;
}

.maxwidth15vw {
    max-width: 15vw;
}

.maxwidth20vw {
    max-width: 20vw;
}

.maxwidth25vw {
    max-width: 25vw;
}

.maxwidth30vw {
    max-width: 30vw;
}

.maxwidth35vw {
    max-width: 35vw;
}

.maxwidth40vw {
    max-width: 40vw;
}

.maxwidth45vw {
    max-width: 45vw;
}

.maxwidth50vw {
    max-width: 50vw;
}

.maxwidth55vw {
    max-width: 55vw;
}

.maxwidth60vw {
    max-width: 60vw;
}

.maxwidth65vw {
    max-width: 65vw;
}

.maxwidth70vw {
    max-width: 70vw;
}

.maxwidth75vw {
    max-width: 75vw;
}

.maxwidth80vw {
    max-width: 80vw;
}

.maxwidth85vw {
    max-width: 85vw;
}

.maxwidth90vw {
    max-width: 90vw;
}

.maxwidth95vw {
    max-width: 95vw;
}

.paddingleft20vw {
    padding-left: 20vw;
}

#workingplace {
    max-width: 30vw;
}

.pageheader {
    border-top: 0.2vh solid rgb(175, 175, 175);
    min-height: 10vh;
    color: rgb(0, 0, 128)
}

#gotomk1{
	color:white;
}
#gotomk2{
	color:white;
}

#gotomk3{
	color:white;
}

#gotomk4{
	color:white;
}

#gotomk5{
	color:white;
}

#gotomk6{
	color:white;
}


.whitebackground {
    background-color: rgb(255, 255, 255);
}


#redtext {
    color: red;
}

#boldtext {
    font-weight: bold;
}

#yellowboldtext {
    font-weight: bold;
    color: rgb(255, 153, 0);
}

.textbold {
    font-weight: bold;
}

.textred {
    color: red;
}

.produceintro1 {
    font-size: 1.5em;
}

.produceintro2 {
    color: rgb(255, 153, 0);
}

.produceintroleft {}

.graytriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5vh;
    border-color: transparent transparent rgb(237, 236, 231) transparent;
    margin: auto;
}

.orangetriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5vh;
    border-color: rgb(228, 85, 19) transparent transparent transparent;
    margin: auto;
}

.orangename {
    color: rgb(228, 85, 19);
    border-style: solid;
    border-width: 2px;
    border-color: rgb(228, 85, 19);
}

.performancetestpics {
    width: 100%;
}

.produceintro {
    background: url(../pictures/wood.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

#panelpic {
    width: 40vw;
}

#performancetest2 {
    width: 60vw;
}

.positionrelative {
    position: relative;
}

.positionabsolute {
    position: absolute;
}

.positionfixed {
    position: fixed;
}

.top15vh {
    top: 15vh;
}

.orangeandwhite {
    font-weight: bold;
    color: rgb(229, 86, 20);
    text-shadow: 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255);
}

#shining {
    color: rgb(229, 86, 20);
    border-style: solid;
    border-width: 0.5vh;
    border-color: rgb(229, 86, 20) rgb(229, 86, 20) rgb(229, 86, 20) rgb(229, 86, 20);
}

#floorxray {
    background-color: rgb(228, 85, 19);
    color: rgb(255, 255, 255);
    min-height: 3vh;
    border-style: solid;
    border-color: rgb(228, 85, 19);
}

.orangeblockandline {
    padding-left: 2vw;
}

.colordarkorange {
    color: rgb(229, 86, 20);
}

.stayatmid {
    margin: auto;
}

.orangeblock {
    color: white;
    background-color: rgb(228, 85, 19);
    margin: auto;
    border-style: solid;
    border-color: rgb(228, 85, 19);
}

.companyintro {
    font-size: 1.2em;
    color: #444545;
}

#heatactlogo {
    width: 20%;
    height: 20%;
}

#offic1 {
    font-size: 1.2em;
}

#offic2 {
    display: none;
}

#copyright {
    font-size: 1em;
}

.heatingtest {
    width: 65vw;
}

@media screen and (max-width:992px) {
    .container-fluid {
        max-width: 95vw;
        margin: auto;
        padding-top: 6vh;
    }
    #jumbotrontext {
        display: none;
    }
    .paddisplayblock {
        display: block;
    }
    .paddisplaynone {
        display: none;
    }
    .heatingtest {
        width: 80vw;
    }
    #panelpic {
        width: 80vw;
    }
    .produceintro {
        background: url(../pictures/wood.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    #performancetest2 {
        width: 80vw;
    }
    .produceintroleftparagraph {
        max-width: 60vw;
        margin: auto;
    }
    #produceintroleftparagraphparagraph {
        text-shadow: 0 0 20px rgb(237, 236, 231);
        font-size: 1.4em;
    }
    .produceintrorightparagraph {
        max-width: 60vw;
        margin: auto;
        font-weight: bold;
        text-shadow: 0 0 20px rgb(237, 236, 231);
        font-size: 1.4em;
    }
    .orangeblockandline {
        padding-left: 4vw;
    }
}

@media screen and (max-width:768px) {
    .container-fluid {
        max-width: 90vw;
        margin: auto;
        padding-top: 6vh;
    }
    .mobilemarginauto {
        margin: auto;
    }
    .mobiledisplaynone {
        display: none;
    }
    .mobiledisplayblock {
        display: block;
    }
    .navbar-brand {
        font-size: 1.3em;
        padding-left: 4vw;
    }
    .jumbotronfa {
        background: url(../pictures/demopics_mini.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        min-height: 120vw;
        max-height: 75vh;
        position: relative;
    }
    #jumbotrontext {
        display: none;
    }
    #intropic {
        position: absolute;
        max-width: 35vw;
        height: auto;
        display: block;
        right: 0%;
        bottom: 0%;
    }
    .heatingtest {
        width: 90vw;
    }
    #panelpic {
        width: 90vw;
    }
    #performancetest2 {
        width: 90vw;
    }
    .produceintro {
        background: url(../pictures/wood.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .produceintroleftparagraph {
        max-width: 90%;
    }
    #offic1 {
        display: none;
    }
    #offic2 {
        display: block;
        font-size: 2em;
        max-width: 75vw;
        margin: auto;
    }
    .produceintrorightparagraph {
        text-shadow: 0 0 20px rgb(237, 236, 231);
        font-size: 1.4em;
        max-width: 80vw;
    }
    #produceintroleftparagraphparagraph {
        text-shadow: 0 0 20px rgb(237, 236, 231);
        font-size: 1.4em;
    }
}