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: 17;
    line-height: 32px;
    letter-spacing: 0.8px;
    height: 32px;
}
.fc-title{
    max-width: 100%;
    display: block;
}
.fc-day-grid-event .fc-content{
    white-space: normal;
}
.fc-basic-view .fc-body .fc-row{
    height: auto;
    font-size: 1em;
}
table, td, th{
    border:1px solid rgba(33,33,33,1);
    max-width: 100%;
    margin: 0 auto;
}
.nav .subnav{
    height: 0px;
    max-height: 0px;
}
.nav:hover .subnav, .nav:active .subnav{
    height: auto;
    max-height: 389px;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.fmeng{
    font-family: 'K2D', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtitle{
    font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.lighttiffinybg{
    background: rgba(210,244,245,1);
}
.tiffinybg{
    background: rgba(93,197,193,1);
}
.greenbg{
    background: rgba(0,199,91,1);
}
.lightskinbg{
    background: rgba(255,249,241,1);
}
.orangebg{
    background: rgba(250,150,40,1);
}
.graybg{
    background: rgba(150,150,150,1);
}

.lightskingradientttobbg{
    background: -webkit-linear-gradient(top, rgba(253,254,249,1), rgba(255,249,241,1));
    background: -o-linear-gradient(top, rgba(253,254,249,1), rgba(255,249,241,1));
    background: -moz-linear-gradient(top, rgba(253,254,249,1), rgba(255,249,241,1));
    background: linear-gradient(to bottom, rgba(253,254,249,1), rgba(255,249,241,1));
}
.lighttiffinygradientttobbg{
    background: -webkit-linear-gradient(top, rgba(192,242,239,1), rgba(169,232,229,1));
    background: -o-linear-gradient(top, rgba(192,242,239,1), rgba(169,232,229,1));
    background: -moz-linear-gradient(top, rgba(192,242,239,1), rgba(169,232,229,1));
    background: linear-gradient(to bottom, rgba(192,242,239,1), rgba(169,232,229,1));
}
.whitetolighttiffinyttobbg{
    background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(192,242,239,1));
    background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(192,242,239,1));
    background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(192,242,239,1));
    background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(192,242,239,1));
}
.whitetoskinttobbg{
    background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,249,241,1));
    background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,249,241,1));
    background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,249,241,1));
    background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,249,241,1));
}
.greengradienttltobrbg{
    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));
}

.blackfont{
    color: rgba(88,88,88,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.grayfont{
    color: rgba(150,150,150,1);
}
.tiffinyfont{
    color: rgba(38,162,158,1);
}
.redorangefont{
    color: rgba(238,108,72,1);
}
.orangefont{
    color: rgba(250,150,40,1);
}
.lightyellowfont{
    color: rgba(255,247,155,1);
}
.tiffinytowhitefont, .tiffinytowhitefont:visited{
    color: rgba(38,162,158,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.tiffinytowhitefont:hover, .tiffinytowhitefont:active{
    color: rgba(255,255,255,1);
}

.graydotb1{
    border-bottom: 1px dotted rgba(150,150,150,1);
}
.graysolidb1{
    border-bottom: 1px solid rgba(150,150,150,1);
}
.lightorangesolidb2{
    border-bottom: 2px solid rgba(254,206,110,1);
}
.whitesolidr1{
    border-right: 1px solid rgba(255,255,255,1);
}
.whitesolidl1{
    border-left: 1px solid rgba(255,255,255,1);
}
.orangesolidt1{
    border-top: 1px solid rgba(250,150,40,1);
}
.graysolid1{
    border: 1px solid rgba(150,150,150,1);
}
.lightorangesolid1{
    border: 1px solid rgba(254,206,110,1);
}
.whitesolid1{
    border: 1px solid rgba(255,255,255,1);
}
.darkskinsolid1{
    border: 1px solid rgba(242,226,203,1);
}
.tiffinysolid1{
    border: 1px solid rgba(93,197,193,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);
}
.grayboxshadowb4{
    box-shadow: 0px 4px 4px -1px rgba(150,150,150,1);
    -webkit-box-shadow: 0px 4px 4px -1px rgba(150,150,150,1);
}
.grayboxshadowt8{
    box-shadow: 0px -8px 8px -7px rgba(150,150,150,1);
    -webkit-box-shadow: 0px -8px 8px -7px rgba(150,150,150,1);
}
.grayboxshadowb8{
    box-shadow: 0px 8px 8px -7px rgba(150,150,150,1);
    -webkit-box-shadow: 0px 8px 8px -7px rgba(150,150,150,1);
}
.grayboxshadowrb8{
    box-shadow: 8px 8px 8px -7px rgba(150,150,150,1);
    -webkit-box-shadow: 8px 8px 8px -7px rgba(150,150,150,1);
}
.grayboxshadowb8inset{
    box-shadow: 0px 8px 8px -7px rgba(150,150,150,1) inset;
    -webkit-box-shadow: 0px 8px 8px -7px rgba(150,150,150,1) inset;
}

.whiteedgetxtlogo::before{
    content: "張皓昱地政士";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.whiteedgeteltxtlogo::before{
    content: "03-8561961";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 25px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'K2D', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.indexwhiteedgetxt01::before{
    content: "優質服務";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.indexwhiteedgetxt02::before{
    content: "專業文章";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.indexwhiteedgetxt03::before{
    content: "留言諮詢";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.aboutwhiteedgetxt01::before{
    content: "關於我們";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.mapwhiteedgetxt01::before{
    content: "交通位置";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.linkwhiteedgetxt01::before{
    content: "推薦網站";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.knowswhiteedgetxt01::before{
    content: "文章留言";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.knowswhiteedgetxt02::before{
    content: "留言回覆";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}
.knowswhiteedgetxt03::before{
    content: "相關文章";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 3px 1px rgba(200,200,200,1);
}

.cusmaxw112px{
    width: 112px;
    max-width: 112px;
}
.cusmaxw120px{
    width: 120px;
    max-width: 120px;
}
.cusmaxw256px{
    width: 256px;
    max-width: 256px;
}
.cusmaxw50-64px{
    width: calc(50% - 64px);
    max-width: calc(50% - 64px);
}
.cusmaxw50-128px{
    width: calc(50% - 128px);
    max-width: calc(50% - 128px);
}
.cusmaxw100-128px{
    width: calc(100% - 128px);
    max-width: calc(100% - 128px);
}
.cusmaxh320px{
    height: 320px;
    max-height: 320px;
}

@media only screen and (min-width: 1025px){
    .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;
    }
    .banner03{
        background: url(../fimgs/indexbanner03002.jpg) center center no-repeat;
        background-size: contain;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01002.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01002.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01002.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01002.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center bottom, center center;
        background-repeat: no-repeat, no-repeat;
    }
    .indexbg02{
        background: url(../fimgs/indexbg02001.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg02001.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg02001.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg02001.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center right, center center;
        background-repeat: no-repeat, no-repeat;
    }
}

@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        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;
    }
    .banner03{
        background: url(../fimgs/indexbanner03001.jpg) center center no-repeat;
        background-size: contain;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01001.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01001.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01001.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01001.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center bottom, center center;
        background-repeat: no-repeat, no-repeat;
    }
}

@media only screen and (max-width: 1024px){
    .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;
    }
    .banner03{
        background: url(../fimgs/indexbanner03003.jpg) center center no-repeat;
        background-size: contain;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01003.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01003.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01003.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01003.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: contain, auto;
        background-position: center bottom, center center;
        background-repeat: no-repeat, no-repeat;
    }
    .indexbg02{
        background: url(../fimgs/indexbg02002.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg02002.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg02002.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg02002.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center right, center center;
        background-repeat: no-repeat, no-repeat;
    }
    .cusminbottom120px{
        bottom: 120px;
    }
}

@media only screen and (max-width: 600px){
    .cusmin600maxw2-1{
        max-width: calc(100% / 2 - 7.99px);
        width: calc(100% / 2 - 7.99px);
    }
    .indexbg02{
        background: url(../fimgs/indexbg02002.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg02002.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg02002.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg02002.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: 50%, auto;
        background-position: center right, center center;
        background-repeat: no-repeat, no-repeat;
    }
    .cusmin600fs31{
        font-size: 31px;
    }
    .cusmin600lh32{
        line-height: 32px;
    }
    .whiteedgetxtlogo::before{
        content: "張皓昱地政士";
        position: absolute;
        text-stroke: 4px rgba(255,255,255,1);
        -webkit-text-stroke: 4px rgba(255,255,255,1);
        font-size: 31px;
        line-height: 32px;
        letter-spacing: 0.8px;
        Font-family: 'Kosugi Maru', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
        white-space: nowrap;
        text-shadow: 0px 3px 1px rgba(200,200,200,1);
    }
}