/*--general--*/
body, .ui-dialog {
    font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    overflow-x: hidden !important;
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
}
@font-face {
  font-family: 'cwTeXFangSong';
  font-style: normal;
  font-weight: 500;
  src: url(../font/cwTeXFangSong-zhonly.eot);
  src: url(../font/cwTeXFangSong-zhonly.eot?#iefix) format('embedded-opentype'),
       url(../font/cwTeXFangSong-zhonly.woff2) format('woff2'),
       url(../font/cwTeXFangSong-zhonly.woff) format('woff'),
       url(../font/cwTeXFangSong-zhonly.ttf) format('truetype');
}
@font-face {
  font-family: 'cwTeXKai';
  font-style: normal;
  font-weight: 500;
  src: url(../font/cwTeXKai-zhonly.eot);
  src: url(../font/cwTeXKai-zhonly.eot?#iefix) format('embedded-opentype'),
       url(../font/cwTeXKai-zhonly.woff2) format('woff2'),
       url(../font/cwTeXKai-zhonly.woff) format('woff'),
       url(../font/cwTeXKai-zhonly.ttf) format('truetype');
}

h1,h2,h3,h4 {
    display: block;
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 29px;
    z-index: -1;
    visibility: hidden;
}
.back{
    position: fixed;
    bottom: 8px;
    right: 8px;
    padding: 8px;
    width: 24px;
    height: 24px;
    text-align: center;
    background: url(../fimgs/top.png) no-repeat,-webkit-linear-gradient(rgba(151,113,74,.9), rgba(129,92,57,.9));
    background: url(../fimgs/top.png) no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(151,113,74,.9)), color-stop(100%, rgba(129,92,57,.9)));
    background: url(../fimgs/top.png) no-repeat,-o-linear-gradient(rgba(151,113,74,.9), rgba(129,92,57,.9));
    background: url(../fimgs/top.png) no-repeat,-moz-linear-gradient(rgba(151,113,74,.9), rgba(129,92,57,.9));
    background: url(../fimgs/top.png) no-repeat,-moz-(rgba(151,113,74,.9), rgba(129,92,57,.9));
    background-size: 85%, contain;
    background-position: center center, center center;
    z-index: 9999;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    transform: translate(0px,0px);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .32 ease-out;
}
.back:hover, .back:active{
    -ms-transform: translate(0px,-8px);
    -webkit-transform: translate(0px,-8px);
    transform: translate(0px,-8px);
}
.back a{
    text-decoration: none;
}

/*--font family--*/
.fmmeiryo{
    Font-family:Meiryo,'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
}
.fmsimsun{
    Font-family:'cwTeXFangSong',SimSun,'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
}
.fmkai{
    Font-family:'cwTeXKai','DFKai-sb','Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
}

/*--column--*/
.col12-1{width: 60px;}
.col12-2{width: 140px;}
.col12-3{width: 220px;}
.col12-4{width: 300px;}
.col12-5{width: 380px;}
.col12-6{width: 460px;}
.col12-7{width: 540px;}
.col12-8{width: 620px;}
.col12-9{width: 700px;}
.col12-10{width: 780px;}
.col12-11{width: 860px;}
.col12-12{width: 940px;}

/*--width--*/
.w100{width: 100%;}
.w1200px{width: 1200px;}

/*--max width--*/
.maxw70{max-width: 70%;}
.maxw75{max-width: 75%;}
.maxw80{max-width: 80%;}
.maxw85{max-width: 85%;}
.maxw90{max-width: 90%;}
.maxw95{max-width: 95%;}
.maxw100{max-width: 100%;}

/*--height--*/
.h100{height: 100%;}

/*--max height--*/
.maxh0{max-height: 0;}

/*--padding--*/
.padding0{padding: 0px;}
.padding4{padding: 4px;}
.padding8{padding: 8px;}
.padding16{padding: 16px;}
.paddingtb0lr4{padding: 0 4px;}
.paddingtb0lr8{padding: 0 8px;}
.paddingtb0lr16{padding: 0 16px;}
.paddingtb4lr0{padding: 4px 0px;}
.paddingtb4lr8{padding: 4px 8px;}
.paddingtb4lr16{padding: 4px 16px;}
.paddingtb8lr0{padding: 8px 0px;}
.paddingtb8lr4{padding: 8px 4px;}
.paddingtb8lr16{padding: 8px 16px;}
.paddingtb16lr0{padding: 16px 0px;}
.paddingtb16lr4{padding: 16px 4px;}
.paddingtb16lr8{padding: 16px 8px;}
.paddingtb16lr32{padding: 16px 32px;}
.paddingtb20lr0{padding: 20px 0px;}
.paddingtb40lr8{padding: 40px 8px;}

/*--margin--*/
.margin0auto{margin: 0 auto;}
.margin0auto00{margin: 0 auto 0 0;}
.margin000auto{margin: 0 0 0 auto;}
.margin4auto{margin: 4px auto;}
.margin8auto{margin: 8px auto;}
.margin16auto{margin: 16px auto;}
.margin04{margin: 0px 4px;}
.margin08{margin: 0px 8px;}
.margin4{margin: 4px;}
.margin8{margin: 8px;}

/*--display--*/
.dpinb{display: inline-block;}
.dpb{display: block;}
.dpf{display: flex;display: -webkit-flexbox;display: -webkit-flex;}
.dpinf{display: inline-flex;display: -webkit-flexbox;display: -webkit-inline-flex;}
.alignitemcenter{align-items: center;-webkit-align-items: center;}
.alignitemstretch{align-items: stretch;-webkit-align-items: stretch;}
.alignitemstart{align-items: flex-start;-webkit-align-items: flex-start;}
.justifycontentspacebetween{justify-content: space-between; -webkit-justify-content: space-between;}
.justifycontentspacearound{justify-content: space-around; -webkit-justify-content: space-around;}
.justifycontentcenter{justify-content: center; -webkit-justify-content: center;}
.justifycontentstart{justify-content: flex-start; -webkit-justify-content: flex-start;}

/*--line height--*/
.lh64{line-height: 64px;}
.lh40{line-height: 40px;}
.lh32{line-height: 32px;}
.lh24{line-height: 24px;}
.lh16{line-height: 16px;}

/*--letter spacing--*/
.ls48{letter-spacing: 4.8px;}
.ls32{letter-spacing: 3.2px;}
.ls24{letter-spacing: 2.4px;}
.ls16{letter-spacing: 1.6px;}
.ls08{letter-spacing: 0.8px;}

/*--font size--*/
.fs11{font-size: 11px;}
.fs13{font-size: 13px;}
.fs15{font-size: 15px;}
.fs17{font-size: 17px;}
.fs19{font-size: 19px;}
.fs21{font-size: 21px;}
.fs23{font-size: 23px;}
.fs25{font-size: 25px;}
.fs27{font-size: 27px;}
.fs29{font-size: 29px;}
.fs31{font-size: 31px;}
.fs33{font-size: 33px;}
.fs35{font-size: 35px;}
.fs37{font-size: 37px;}
.fs39{font-size: 39px;}
.fs41{font-size: 41px;}
.fs45{font-size: 45px;}
.fs49{font-size: 49px;}
.fs51{font-size: 51px;}
.fs55{font-size: 55px;}
.fs59{font-size: 59px;}

/*--font weight--*/
.fw100{font-weight: 100;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw700{font-weight: 700;}
.fw900{font-weight: 900;}

/*--text align--*/
.textleft{text-align: left;}
.textright{text-align: right;}
.textcenter{text-align: center;}
.textjustify{text-align: justify;}
.nowrap{white-space: nowrap;}
.breakall{word-break: break-all;}
.overflowhidden{overflow: hidden;}

/*--text decoration--*/
.textdecnone{text-decoration: none;}
.textdecul{text-decoration: none;}
.textdecul:hover, .textdecul:active{text-decoration: underline;}

/*--vertical align--*/
.valigntop{vertical-align: top;}
.valignmiddle{vertical-align: middle;}
.valignbottom{vertical-align: bottom;}

/*--font color--*/
.whitefont{color: rgba(255,255,255,1);}
.yellowfont{color: rgba(255,253,208,1);}
.brownfont{color: rgba(131,95,58,1);}
.blackfont{color: rgba(22,24,1,1);}
.bufferfont{color: rgba(189,156,132,1);}
.dimgrayfont{color: rgba(43,43,43,1);}
.dimbrownfont{color: rgba(92,78,62,1);}
.winefont{color: rgba(173,30,45,1);}
.whitetoyellowfont, .whitetoyellowfont:visited{
    color: rgba(255,255,255,1);
    text-decoration: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s; 
}
.whitetoyellowfont:hover, .whitetoyellowfont:focus, .whitetoyellowfont:active{
    color: rgba(255,253,208,1);
}

/*--border--*/
.graysolidt1{border-top: 1px solid rgba(215,215,215,1);}
.graysolidb1{border-bottom: 1px solid rgba(215,215,215,1);}
.graysolidl1{border-left: 1px solid rgba(215,215,215,1);}
.graysolidr1{border-right: 1px solid rgba(215,215,215,1);}
.lighgreensolidb1{border-bottom: 1px solid rgba(227,212,180,1);}
.lighgreensolidr1{border-right: 1px solid rgba(227,212,180,1);}
.buffersolidb1{border-bottom: 1px solid rgba(176,145,123,1);}
.buffersolidb4{border-bottom: 4px solid rgba(176,145,123,1);}
.buffersolidr1{border-right: 1px solid rgba(176,145,123,1);}
.dimgraysolidb1{border-bottom: 1px solid rgba(43,43,43,1);}

/*--border radius--*/
.borderr3{
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.borderr5{
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.borderr7{
    border-radius: 7px;
    -webkit-border-radius: 7px;
}

.borderr15{
    border-radius: 15px;
    -webkit-border-radius: 7px;
}

/*--position--*/
.positionfixed{position: fixed;}
.positionabsolute{position: absolute;}
.positionrelative{position: relative;}
.top0{top: 0;}
.top64px{top: 64px;}
.left0{left: 0;}
.bottom0{bottom: 0;}
.right0{right: 0;}
.zindex-1{z-index: -1;}
.zindex1{z-index: 1;}
.zindex2{z-index: 2;}

/*--box shadow--*/
.blackboxshadowlr8{
    box-shadow: 8px 0px 8px -9px rgba(0,0,0,.7),-8px 0px 8px -9px rgba(0,0,0,.7);
    -webkit-box-shadow: 8px 0px 8px -9px rgba(0,0,0,.7),-8px 0px 8px -9px rgba(0,0,0,.7);
}
.blackboxshadowlr4b8{
    box-shadow: 4px 0px 4px -5px rgba(0,0,0,.7),-4px 0px 4px -5px rgba(0,0,0,.7),0px 8px 8px -9px rgba(0,0,0,.8);
    -webkit-box-shadow: 4px 0px 4px -5px rgba(0,0,0,.7),-4px 0px 4px -5px rgba(0,0,0,.7),0px 8px 8px -9px rgba(0,0,0,.8);
}
.blackboxshadow4{
    box-shadow: 0px 0px 4px -1px rgba(0,0,0,.7);
    -webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,.7);
}

/*--background--*/
.whitebg{
    background: rgba(255,255,255,1);
}
.headbg{
    background: url(../fimgs/bgtop.png) center center repeat;
}
.brown40totransbg{
    background: -webkit-linear-gradient(rgba(135,67,7,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%),url(../fimgs/bgbanner.png) bottom center no-repeat;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135,67,7,.4)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0))),url(../fimgs/bgbanner.png) bottom center no-repeat;
    background: -o-linear-gradient(rgba(135,67,7,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%),url(../fimgs/bgbanner.png) bottom center no-repeat;
    background: -moz-linear-gradient(rgba(135,67,7,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%),url(../fimgs/bgbanner.png) bottom center no-repeat;
    background: linear-gradient(rgba(135,67,7,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%),url(../fimgs/bgbanner.png) bottom center no-repeat;
    background-size: contain,auto;
}

.navbg{
    background: url(../fimgs/bgnav.png) center center repeat,-webkit-linear-gradient(rgba(151,113,74,.8) 0%, rgba(129,92,57,.9));
    background: url(../fimgs/bgnav.png) center center repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(151,113,74,.8)), color-stop(100%, rgba(129,92,57,.9)));
    background: url(../fimgs/bgnav.png) center center repeat,-o-linear-gradient(rgba(151,113,74,.8) 0%, rgba(129,92,57,.9));
    background: url(../fimgs/bgnav.png) center center repeat,-moz-linear-gradient(rgba(151,113,74,.8) 0%, rgba(129,92,57,.9));
    background: url(../fimgs/bgnav.png) center center repeat,linear-gradient(rgba(151,113,74,.8) 0%, rgba(129,92,57,.9));
    background-size: auto,contain;
}

.footerbg{
    background: -webkit-linear-gradient(rgba(102,78,54,.85) 0%, rgba(102,78,54,.65)),url(../fimgs/bgfooter.png) top center repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(102,78,54,.85)), color-stop(100%, rgba(102,78,54,.65))),url(../fimgs/bgfooter.png) top center repeat-x;
    background: -o-linear-gradient(rgba(102,78,54,.85) 0%, rgba(102,78,54,.65)),url(../fimgs/bgfooter.png) top center repeat-x;
    background: -moz-linear-gradient(rgba(102,78,54,.85) 0%, rgba(102,78,54,.65)),url(../fimgs/bgfooter.png) top center repeat-x;
    background: linear-gradient(rgba(102,78,54,.85) 0%, rgba(102,78,54,.65)),url(../fimgs/bgfooter.png) top center repeat-x;
    background-size: contain,contain;
}

.khachibg{
    background: -webkit-linear-gradient(rgba(137,119,100,1) 0%, rgba(86,75,64,1));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(137,119,100,1)), color-stop(100%, rgba(86,75,64,1)));
    background: -o-linear-gradient(rgba(137,119,100,1) 0%, rgba(86,75,64,1));
    background: -moz-linear-gradient(rgba(137,119,100,1) 0%, rgba(86,75,64,1));
    background: linear-gradient(rgba(137,119,100,1) 0%, rgba(86,75,64,1));
    background-size: contain;
}

/*--img--*/
img[name=counter]{
    max-width: 16px;
    max-height: 36px;
    display: inline-block;
    vertical-align: middle;
}
img[name=indexshare]{
    max-width: 24px;
    display: inline-block;
    vertical-align: middle;
}
img[name=share]{
    max-width: 32px;
    display: inline-block;
    vertical-align: middle;
}
img[name=qrcode]{
    max-width: 96px;
    display: inline-block;
    vertical-align: middle;
}

/*--opacity--*/
.opacity0{
    opacity: 0.0;
    filter: alpha(opacity=0);
}

/*--transform--*/
.translate2{
    transform:translate(0px,0px);
    -webkit-transform:translate(0px,0px);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.translate2:hover, .translate2:focus, .translate2:active{
    transform:translate(2px,2px);
    -webkit-transform:translate(2px,2px);
}
.blackboxshadow881{
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    transform:translate(0px,0px);
    -webkit-transform:translate(0px,0px);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.blackboxshadow881:hover, .blackboxshadow881:focus, .blackboxshadow881:active{
    box-shadow: 8px 8px 1px -1px rgba(0,0,0,.3);
    -webkit-box-shadow: 8px 8px 1px -1px rgba(0,0,0,.3);
    transform:translate(-4px,-4px);
    -webkit-transform:translate(-4px,-4px);
}

/*--min 1001px--*/
@media only screen and (min-width: 1001px){
    .maxhidden{display: none;}
    .maxnowrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .mintextjustify{text-align: justify;}
    .maxdpb{display: block;}
    .maxdpf{display: flex;display: -webkit-flexbox;display: -webkit-flex;}
    .maxdpinf{display: inline-flex;display: -webkit-inline-flexbox;display: -webkit-inline-flex;}
    .maxalignitemcenter{align-items: center;-webkit-align-items: center;}
    .maxalignitemstart{align-items: flex-start;-webkit-align-items: flex-start;}
    .maxalignitemstretch{align-items: stretch;-webkit-align-items: stretch;}
    .maxjustifycontentspacebetween{justify-content: space-between; -webkit-justify-content: space-between;}
    .maxjustifycontentstart{justify-content: flex-start;-webkit-justify-content: flex-start;}
    .maxjustifycontentspacearound{justify-content: space-around; -webkit-justify-content: space-around;}
    .maxjustifycontentcenter{justify-content: center; -webkit-justify-content: center;}
    .maxflexwrap{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
    .maxmargin0auto{margin: 0 auto;}
    .middlemargin4{margin: 4px;}
    .middlemargin04{margin:0px 4px;}
    .middlepaddingt64r224lb0{padding: 64px 224px 0px 0px;}
    .aboutbg{background: url(../fimgs/aboutbg.png) right bottom no-repeat;}
    #map{
        max-width: 100%;
        margin: 0 auto;
        padding: 0px;
        width: 696px;
        height: 456px;
    }
}
/*--min 1201px--*/
@media only screen and (min-width: 1201px){
    .maxmargin08{margin: 0 8px;}
    .maxmargin016{margin: 0 16px;}
    .maxmargin024{margin: 0 24px;}
    .maxmargin16{margin: 16px;}
    .maxmargin8{margin: 8px;}
    .maxmargin4{margin: 4px;}
    .aboutbg{background: url(../fimgs/aboutbg.png) 88% bottom no-repeat;}
}
/*--max 1000px--*/
@media only screen and (max-width: 1000px){
    .mindpb{display: block;}
    .mindpinb{display: inline-block;}
    .mindpin{display: inline;}
    .minhidden{display: none;}
    .mintextleft{text-align: left;}
    .mintextcenter{text-align: center;}
    .mintextjustify{text-align: justify;}
    .mindpf{display: flex;display: -webkit-flexbox;display: -webkit-flex;}
    .minalignitemcenter{align-items: center;-webkit-align-items: center;}
    .minjustifycontentspacebetween{justify-content: space-between; -webkit-justify-content: space-between;}
    .minjustifycontentspacearound{justify-content: space-around;-webkit-justify-content: space-around;}
    .minflexdireccr{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;}
    .minmargin8auto{margin: 8px auto;}
    .minmargin0auto{margin: 0 auto;}
    .minpaddingtb0lr8{padding: 0px 8px;}
    .minpadding12px{padding: 12px;}
    .minoverflowxhidden{overflow-x: hidden;}
    .minfs45{font-size: 45px;}
    .minfs17{font-size: 17px;}
    .minls24{letter-spacing: 2.4px;}
    .minlh48{line-height: 48px;}
    #map{
        max-width: 100%;
        margin: 0 auto;
        padding: 0px;
        width: 696px;
        height: 216px;
    }
}