textarea{
    resize: none;
    min-height: 240px;
}
input{
    resize: none;
    min-height: 24px;
}
.ui-datepicker{
    font-size: 13px;
    font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
}
::-webkit-input-placeholder {
    font-size: 15px;
    color: rgba(195,195,195,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:-moz-placeholder {
    font-size: 15px;
    color: rgba(115,115,115,1);
    opacity:  1;
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
::-moz-placeholder {
    font-size: 15px;
    color: rgba(115,115,115,1);
    opacity:  1;
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:-ms-input-placeholder {
    font-size: 15px;
    color: rgba(115,115,115,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:placeholder-shown {
    font-size: 15px;
    color: rgba(115,115,115,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
input[name=zipcode]{
    width: 56px;
    margin: 0 4px;
}
input, select{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0px;
    border: 1px solid rgba(195,195,195,1);
    font-size: 1.063em;
    line-height: 32px;
    letter-spacing: 1.6px;
    height: 32px;
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}

.fmeng{
    font-family: 'Bona Nova', serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtitle{
    font-family: 'Noto Serif TC', serif, Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.graybg{
    background: rgba(200,200,200,1);
}
.bluebg{
    background: rgba(0,101,178,1);
}
.aquabg{
    background: rgba(239,248,255,1);
}
.greenbg{
    background: rgba(146,208,80,1);
}
.yellowbg{
    background: rgba(254,206,59,1);
}
.darkyellowbg{
    background: rgba(255,155,51,1);
}
.orangebg{
    background: rgba(255,63,41,1);
}
.darkorangebg{
    background: rgba(205,28,32,1);
}
.darkredbg{
    background: rgba(154,21,23,1);
}
.lightyellowbg{
    background: rgba(254,253,224,1);
}
.blackbg64{
    background: rgba(0,0,0,.64);
}
.graygradientttobbg64{
    background: -webkit-linear-gradient(top, rgba(255,255,255,.64), rgba(235,235,235,.64));
    background: -o-linear-gradient(top, rgba(255,255,255,.64), rgba(235,235,235,.64));
    background: -moz-linear-gradient(top, rgba(255,255,255,.64), rgba(235,235,235,.64));
    background: linear-gradient(to bottom, rgba(255,255,255,.64), rgba(235,235,235,.64));
}
.greengradientttobbg{
    background: -webkit-linear-gradient(top left, rgba(151,242,10,1), rgba(5,182,0,1));
    background: -o-linear-gradient(top left, rgba(151,242,10,1), rgba(5,182,0,1));
    background: -moz-linear-gradient(top left, rgba(151,242,10,1), rgba(5,182,0,1));
    background: linear-gradient(to bottom right, rgba(151,242,10,1), rgba(5,182,0,1));
}
.graygradientttobbg{
    background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(235,235,235,1));
    background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(235,235,235,1));
    background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(235,235,235,1));
    background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(235,235,235,1));
}
.yellowgradienlttorbg{
    background: -webkit-linear-gradient(left, rgba(255,155,51,1), rgba(254,206,59,1));
    background: -o-linear-gradient(left, rgba(255,155,51,1), rgba(254,206,59,1));
    background: -moz-linear-gradient(left, rgba(255,155,51,1), rgba(254,206,59,1));
    background: linear-gradient(to right, rgba(255,155,51,1), rgba(254,206,59,1));
}
.bluegradienlttorbg{
    background: -webkit-linear-gradient(left, rgba(0,69,152,1), rgba(0,101,178,1));
    background: -o-linear-gradient(left, rgba(0,69,152,1), rgba(0,101,178,1));
    background: -moz-linear-gradient(left, rgba(0,69,152,1), rgba(0,101,178,1));
    background: linear-gradient(to right, rgba(0,69,152,1), rgba(0,101,178,1));
}
.bluetoaquagradienlttorbg{
    background: -webkit-linear-gradient(left, rgba(15,95,173,1), rgba(98,176,221,1));
    background: -o-linear-gradient(left, rgba(15,95,173,1), rgba(98,176,221,1));
    background: -moz-linear-gradient(left, rgba(15,95,173,1), rgba(98,176,221,1));
    background: linear-gradient(to right, rgba(15,95,173,1), rgba(98,176,221,1));
}
.aquatobluegradienltltorbbg{
    background: -webkit-linear-gradient(left top, rgba(201,230,242,1), rgba(0,77,160,1), rgba(32,39,47,1), rgba(0,77,160,1), rgba(201,230,242,1));
    background: -o-linear-gradient(left top, rgba(201,230,242,1), rgba(0,77,160,1), rgba(32,39,47,1), rgba(0,77,160,1), rgba(201,230,242,1));
    background: -moz-linear-gradient(left top, rgba(201,230,242,1), rgba(0,77,160,1), rgba(32,39,47,1), rgba(0,77,160,1), rgba(201,230,242,1));
    background: linear-gradient(to right bottom, rgba(201,230,242,1), rgba(0,77,160,1), rgba(32,39,47,1), rgba(0,77,160,1), rgba(201,230,242,1));
}
.bluegradienttxt{
    background: -webkit-linear-gradient(top, rgba(0,156,227,1) 2%, rgba(0,72,156,1) 98%);
    background: -o-linear-gradient(top, rgba(0,156,227,1) 2%, rgba(0,72,156,1) 98%);
    background: -moz-linear-gradient(top, rgba(0,156,227,1) 2%, rgba(0,72,156,1) 98%);
    background: linear-gradient(to bottom, rgba(0,156,227,1) 2%, rgba(0,72,156,1) 98%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.logotxt::before{
    content: "玄閎科技有限公司";
    text-shadow: 3px 3px 0px rgba(200,200,200,1);
    position: absolute;
    left: 0px;
    -webkit-text-stroke: 2px rgba(255,255,255,1);
    text-stroke: 2px rgba(255,255,255,1);
}

.blackfont{
    color: rgba(68,68,68,1);
}
.grayfont{
    color: rgba(200,200,200,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.bluefont{
    color: rgba(0,77,160,1);
}
.orangefont{
    color: rgba(239,108,77,1);
}
.yellowfont{
    color: rgba(248,183,95,1);
}
.lightyellowfont{
    color: rgba(255,248,158,1);
}
.whitetobluefont, .whitetobluefont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetobluefont:hover, .whitetobluefont:active{
    color: rgba(0,77,160,1);
}
.whitetolightyellowfont, .whitetolightyellowfont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetolightyellowfont:hover, .whitetolightyellowfont:active{
    color: rgba(255,248,158,1);
}

.bluesolid1{
    border: 1px solid rgba(0,77,160,1);
}
.graysolid1{
    border: 1px solid rgba(210,210,210,1);
}
.yellowsolid1{
    border: 1px solid rgba(248,183,95,1);
}
.whitesolidb1{
    border-bottom: 1px solid rgba(255,255,255,1);
}
.graysolidb1{
    border-bottom: 1px solid rgba(210,210,210,1);
}
.lightyellowsolidb1{
    border-bottom: 1px solid rgba(255,248,158,1);
}
.yellowsolidt2{
    border-top: 2px solid rgba(248,183,95,1);
}
.graysolidr1inset{
    border-right: 1px solid rgba(210,210,210,1);
    box-sizing: border-box;
}
.tiffinytobluesolidt4{
    border-style: solid;
    border-width: 4px 0px 0px 0px;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(0,178,173,1) 2%, rgba(0,135,166,1) 98%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(0,178,173,1) 2%, rgba(0,135,166,1) 98%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(0,178,173,1) 2%, rgba(0,135,166,1) 98%) 1;
    border-image: linear-gradient(to right, rgba(0,178,173,1) 2%, rgba(0,135,166,1) 98%) 1;
}
.tiffinytobluesolidb4{
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(0,178,173,1) 2%, rgba(0,135,166,1) 98%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(0,178,173,1) 2%, rgba(0,135,166,1) 98%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(0,178,173,1) 2%, rgba(0,135,166,1) 98%) 1;
    border-image: linear-gradient(to right, rgba(0,178,173,1) 2%, rgba(0,135,166,1) 98%) 1;
}
.bluetotranssolidb1{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(0,135,166,1) 2%, rgba(0,135,166,.001) 98%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(0,135,166,1) 2%, rgba(0,135,166,.001) 98%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(0,135,166,1) 2%, rgba(0,135,166,.001) 98%) 1;
    border-image: linear-gradient(to right, rgba(0,135,166,1) 2%, rgba(0,135,166,.001) 98%) 1;
}
.transtobluesolidb1{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(0,135,166,.001) 2%, rgba(0,135,166,1) 98%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(0,135,166,.001) 2%, rgba(0,135,166,1) 98%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(0,135,166,.001) 2%, rgba(0,135,166,1) 98%) 1;
    border-image: linear-gradient(to right, rgba(0,135,166,.001) 2%, rgba(0,135,166,1) 98%) 1;
}
.bluegradientsolid1{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    -webkit-border-image: -webkit-linear-gradient(left top, rgba(201,230,242,1), rgba(0,77,160,1), rgba(32,39,47,1), rgba(0,77,160,1), rgba(201,230,242,1)) 1;
    -o-border-image: -o-linear-gradient(left top, rgba(201,230,242,1), rgba(0,77,160,1), rgba(32,39,47,1), rgba(0,77,160,1), rgba(201,230,242,1)) 1;
    -moz-border-image: -moz-linear-gradient(left top, rgba(201,230,242,1), rgba(0,77,160,1), rgba(32,39,47,1), rgba(0,77,160,1), rgba(201,230,242,1)) 1;
    border-image: linear-gradient(to right bottom, rgba(201,230,242,1), rgba(0,77,160,1), rgba(32,39,47,1), rgba(0,77,160,1), rgba(201,230,242,1)) 1;
}

.grayboxshadowlr4{
    box-shadow: 4px 0px 4px -3px rgba(150,150,150,1), -4px 0px 4px -3px rgba(150,150,150,1);
    -webkit-box-shadow: 4px 0px 4px -3px rgba(150,150,150,1), -4px 0px 4px -3px rgba(150,150,150,1);
}
.grayboxshadowrb4{
    box-shadow: 4px 4px 4px -1px rgba(135,135,135,1);
    -webkit-box-shadow: 4px 4px 4px -1px rgba(135,135,135,1);
}
.grayboxshadowb8{
    box-shadow: 0px 8px 8px -7px rgba(135,135,135,1);
    -webkit-box-shadow: 0px 8px 8px -7px rgba(135,135,135,1);
}
.grayboxshadowt8{
    box-shadow: 0px -8px 8px -7px rgba(135,135,135,1);
    -webkit-box-shadow: 0px -8px 8px -7px rgba(135,135,135,1);
}
.grayboxshadowtb8{
    box-shadow: 0px 8px 8px -7px rgba(135,135,135,1), 0px -8px 8px -7px rgba(135,135,135,1);
    -webkit-box-shadow: 0px 8px 8px -7px rgba(135,135,135,1), 0px -8px 8px -7px rgba(135,135,135,1);
}
.grayboxshadowt8inset{
    box-shadow: 0px 8px 8px -7px rgba(135,135,135,1) inset;
    -webkit-box-shadow: 0px 8px 8px -7px rgba(135,135,135,1) inset;
}

.bluedot::before{
    position: absolute;
    content: "";
    left: 7px;
    top: 12px;
    height: 100%;
    border-left: 1px solid rgba(0,77,160,1);
}
.bluedot::after{
    position: absolute;
    content: "●";
    left: 0;
    top: 0;
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 0.8px;
    font-weight: 500;
}

.nav .subnav{
    height: 0px;
    max-height: 0px;
}
.nav:hover .subnav, .nav:active .subnav{
    height: auto;
    max-height: 384px;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.cusmaxw88px{
    width: 88px;
    max-width: 88px;
}
.cusmaxw96px{
    width: 96px;
    max-width: 96px;
}
.cusmaxw120px{
    width: 120px;
    max-width: 120px;
}
.cusmaxw240px{
    width: 240px;
    max-width: 240px;
}
.cusmaxw360px{
    width: 360px;
    max-width: 360px;
}
.cusmaxw50-360px{
    width: calc(50% - 360px);
    max-width: calc(50% - 360px);
}
.cusmaxw100-112px{
    width: calc(100% - 112px);
    max-width: calc(100% - 112px);
}
.cusmaxw100-120px{
    width: calc(100% - 120px);
    max-width: calc(100% - 120px);
}
.cusmaxw100-240px{
    width: calc(100% - 240px);
    max-width: calc(100% - 240px);
}
.cush360px{
    height: 360px;
    max-height: 360px;
}
@media only screen and (min-width: 1201px){
    .max1201dpb{
        display: block;
    }
    .max1201hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02002.jpg) center center no-repeat;
        background-size: contain;
    }
    .cusmaxbluesolidr1{
        border-right: 1px solid rgba(0,77,160,1);
    }
    .cusmaxgraysolidr1inset{
        border-right: 1px solid rgba(210,210,210,1);
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 1301px){
    .max1301dpb{
        display: block;
    }
    .max1301hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02001.jpg) center center no-repeat;
        background-size: contain;
    }
}

@media only screen and (max-width: 1200px){
    .cusmin1200maxw280px{
        width: 280px;
        max-width: 280px;
    }
    .cusmin1200maxw100-280px{
        width: calc(100% - 280px);
        max-width: calc(100% - 280px);
    }
    .banner01{
        background: url(../fimgs/indexbanner01003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02003.jpg) center center no-repeat;
        background-size: contain;
    }
    .cusmingraysolidb1{
        border-bottom: 1px solid rgba(210,210,210,1);
    }
}

@media only screen and (max-width: 600px){
    .banner01{
        background: url(../fimgs/indexbanner01004.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02004.jpg) center center no-repeat;
        background-size: contain;
    }
}