body, .ui-dialog {
    font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    overflow-x: hidden;
}
@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');
}

h1,h2,h3,h4 {
    display: block;
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 35px;
    width: 0;
    height: 0;
    visibility: hidden;
}
.back{
    position: fixed;
    bottom: 48px;
    right: 8px;
    padding: 8px;
    text-align: center;
    z-index: 1000;
    vertical-align: middle;
    -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 .2s 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;
}

.col12-1{width: 60px;}
.col12-2{width: 140px;}
.col12-3{width: 220px;}
.col12-4{width: 300px;}
.col12-5{width: 380px;}
.col12-6{width: 450px;}
.col12-7{width: 520px;}
.col12-8{width: 600px;}
.col12-9{width: 690px;}
.col12-10{width: 760px;}
.col12-11{width: 850px;}
.col12-12{width: 960px;}
.w1200px{width: 1200px;}
.w100{width: 100%;}

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

.h100{height: 100%;}
.h50{height: 50%;}

.maxh100{max-height: 100%;}

.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;}
.paddingtb8lr24{padding: 8px 24px;}
.paddingtb16lr0{padding: 16px 0px;}
.paddingtb16lr4{padding: 16px 4px;}
.paddingtb16lr8{padding: 16px 8px;}
.paddingtb20lr0{padding: 20px 0px;}
.paddingtb40lr0{padding: 40px 0px;}
.paddingtb40lr8{padding: 40px 8px;}

.margin0{margin: 0px;}
.margin04{margin: 0px 4px;}
.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;}

.dpinb{display: inline-block;}
.dpb{display: block;}
.dpf{display: flex;display: -webkit-flex;}
.dpinf{display: inline-flex;display: -webkit-inline-flex;}
.aicenter{align-items: center;-webkit-align-items: center;}
.aistretch{align-items: stretch;-webkit-align-items: stretch;}
.aiend{align-items: flex-end;-webkit-align-items: flex-end;}
.aistart{align-items: flex-start;-webkit-align-items: flex-start;}
.jccenter{justify-content: center;-webkit-justify-content: center;}
.jcsa{justify-content: space-around;-webkit-justify-content: space-around;}
.jcsb{justify-content: space-between;-webkit-justify-content: space-between;}
.jcstart{justify-content: flex-start;-webkit-justify-content: flex-start;}
.asend{align-self: flex-end;-webkit-align-self: flex-end;}

.lh40{line-height: 40px;}
.lh32{line-height: 32px;}
.lh24{line-height: 24px;}
.lh16{line-height: 16px;}
.lh0{line-height: 0;}

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

.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;}

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

.textleft{text-align: left;}
.textright{text-align: right;}
.textcenter{text-align: center;}
.textjustify{text-align: justify;}
.textformjustify{text-align: justify;}
.textformjustify::after {content: '';display: inline-block;width: 100%;}
.textdecnone{text-decoration: none;}
.textdeclt{text-decoration: line-through;}
.textul{text-decoration: underline;}
.textdecul{text-decoration: none;}
.textdecul:hover, .textdecul:active{text-decoration: underline;}

.overflowhidden{overflow: hidden;}
.nowrap{white-space: nowrap;}
.breakall{word-break: break-all;}
.textnowrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


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

.positionfixed{position: fixed;}
.positionabsolute{position: absolute;}
.positionrelative{position: relative;}

.top0{top: 0;}
.left0{left: 0;}
.bottom0{bottom: 0;}
.right0{right: 0;}
.zindex-2{z-index: -2;}
.zindex-1{z-index: -1;}
.zindex2{z-index: 2;}
.zindex9999{z-index: 9999;}

.borderr3{border-radius: 3px;-webkit-border-radius: 3px;}
.borderr7{border-radius: 7px;-webkit-border-radius: 7px;}
.borderrtl7{border-top-left-radius: 7px;-webkit-border-top-left-radius: 7px;}
.borderrtr7{border-top-right-radius: 7px;-webkit-border-top-right-radius: 7px;}
.borderrbl7{border-bottom-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;}
.borderrbr7{border-bottom-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;}
.borderr15{border-radius: 15px;-webkit-border-radius: 15px;}
.borderr25{border-radius: 25px;-webkit-border-radius: 25px;}
.borderr50{border-radius: 50%;-webkit-border-radius: 50%;}
.borderrtl15{border-top-left-radius: 15px;-webkit-border-top-left-radius: 15px;}
.borderrtr15{border-top-right-radius: 15px;-webkit-border-top-right-radius: 15px;}

img[name=counter]{
    max-width: 16px;
    vertical-align: middle;
}
img[name=share]{
    max-width: 32px;
    vertical-align: middle;
}
img[name=back]{
    max-width: 48px;
    vertical-align: middle;
}
img[name=qrcode]{
    max-width: 100px;
    vertical-align: middle;
}
.opacity0{
    opacity: 0.0;
    filter: alpha(opacity=0);
}

.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);
}
.translate-8{
    transform:translate(0px,0px);
    -webkit-transform:translate(0px,0px);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.translate-8:hover, .translate-8:focus, .translate-8:active{
    transform:translate(0px,-8px);
    -webkit-transform:translate(0px,-8px);
}

textarea{
    resize: none;
    min-height: 100px;
}
::-webkit-input-placeholder {
    font-size: 11px;
    color: rgba(136,136,136,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:-moz-placeholder {
    font-size: 11px;
    color: rgba(136,136,136,1);
    opacity:  1;
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
::-moz-placeholder {
    font-size: 11px;
    color: rgba(136,136,136,1);
    opacity:  1;
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:-ms-input-placeholder {
    font-size: 11px;
    color: rgba(136,136,136,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:placeholder-shown {
    font-size: 11px;
    color: rgba(136,136,136,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}

#map, #map01{
    max-width: 100%;
    white-space: 100%;
    height: 200px;
    margin: 8px auto;
    padding: 0px;
    display: block;
}
.blackboxshadowbr8{
    box-shadow: 8px 8px 8px -9px rgba(68,68,68,.7);
    -webkit-box-shadow: 8px 8px 8px -9px rgba(68,68,68,.7);
}
.blackboxshadowbr8{
    box-shadow: 8px 8px 8px -9px rgba(68,68,68,.7);
    -webkit-box-shadow: 8px 8px 8px -9px rgba(68,68,68,.7);
}
.blackboxshadowlr8{
    box-shadow: 8px 0px 8px -9px rgba(68,68,68,.7), -8px 0px 8px -9px rgba(68,68,68,.7);
    -webkit-box-shadow: 8px 0px 8px -9px rgba(68,68,68,.7), -8px 0px 8px -9px rgba(68,68,68,.7);
}
.blackboxshadowlr16{
    box-shadow: 16px 0px 12px -11px rgba(68,68,68,.8), -16px 0px 12px -11px rgba(68,68,68,.8);
    -webkit-box-shadow: 16px 0px 12px -11px rgba(68,68,68,.8), -16px 0px 12px -11px rgba(68,68,68,.8);
}
.blackboxshadow8{
    box-shadow: 0px 0px 8px -2px rgba(68,68,68,.7);
    -webkit-box-shadow: 0px 0px 8px -2px rgba(68,68,68,.7);
}

.whitesolidr1{border-right: 1px solid rgba(255,255,255,1);}
.whitesolidl1{border-left: 1px solid rgba(255,255,255,1);}
.whitesolidb2{border-bottom: 2px solid rgba(255,255,255,1);}
.whitesolid2{border: 2px solid rgba(255,255,255,1);}
.bluesolidb1{border-bottom: 1px solid rgba(60,120,171,1);}
.bluesolidt1{border-top: 1px solid rgba(60,120,171,1);}
.bluesolidb4{border-bottom: 4px solid rgba(60,120,171,1);}
.bluesolidl8{border-left: 8px solid rgba(68,138,202,1);}
.graysolidtb1{border-top: 1px solid rgba(222,222,222,1);border-bottom: 1px solid rgba(222,222,222,1);}
.graysolid1{border: 1px solid rgba(222,222,222,1);}
.graysolidb1{border-bottom: 1px solid rgba(222,222,222,1);}

.bluefont{color: rgba(68,138,202,1);}
.aquafont{color: rgba(126,206,244,1);}
.lightgrayfont{color: rgba(222,222,222,1);}
.whitefont{color: rgba(255,255,255,1);}
.blackfont{color: rgba(30,30,30,1);}
.redfont{color: rgba(240,50,50,1);}
.darkgrayfont{color: rgba(112,112,112,1);}
.grayfont{color: rgba(149,149,149,1);}
.yellowfont{color: rgba(248,181,81,1);}
.blacktowhitefont{color: rgba(30,30,30,1);transition: all 0.1s;-webkit-transition: all 0.1s;}
.blacktowhitefont:hover, .blacktowhitefont:focus, .blacktowhitefont:active{color: rgba(255,255,255,1);}
.whitetoblackfont{color: rgba(255,255,255,1);transition: all 0.1s;-webkit-transition: all 0.1s;}
.whitetoblackfont:hover, .whitetoblackfont:focus, .whitetoblackfont:active{color: rgba(30,30,30,1);}
.whitetoyellowfont{color: rgba(255,255,255,1);transition: all 0.1s;-webkit-transition: all 0.1s;}
.whitetoyellowfont:hover, .whitetoyellowfont:focus, .whitetoyellowfont:active{color: rgba(255,220,28,1);}

.blackbg{background: rgba(0,0,0,.75);}
.graybg{background: rgba(222,222,222,1);}
.whitebg{background: rgba(255,255,255,1);}
.whitebg20{background: rgba(255,255,255,.2);}
.bluebg{background: rgba(68,138,202,1);}
.darkbluebg{background: rgba(8,94,134,1);}
.yellowbg{background: rgba(247,203,28,1);}
.bluegradientbg{
    background: -webkit-linear-gradient(rgba(83,143,194,1),rgba(46,105,156,1));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(83,143,194,1)),  color-stop(100%, rgba(46,105,156,1)));
    background: -o-linear-gradient(rgba(83,143,194,1),rgba(46,105,156,1));
    background: -moz-linear-gradient(rgba(83,143,194,1),rgba(46,105,156,1));
    background: linear-gradient(to bottom,rgba(83,143,194,1),rgba(46,105,156,1));
}
.linegreengradientbg{
    background: -webkit-linear-gradient(rgba(160,206,101,1),rgba(102,173,55,1));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(160,206,101,1)),  color-stop(100%, rgba(102,173,55,1)));
    background: -o-linear-gradient(rgba(160,206,101,1),rgba(102,173,55,1));
    background: -moz-linear-gradient(rgba(160,206,101,1),rgba(102,173,55,1));
    background: linear-gradient(to bottom,rgba(160,206,101,1),rgba(102,173,55,1));
}
.transtowhitebg{
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 8%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)),  color-stop(8%, rgba(255,255,255,1)));
    background: -o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 8%);
    background: -moz-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 8%);
    background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1) 8%);
}
.hoveraquabg{
    position: relative;
}
.hoveraquabg .skewbg{
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    right: 0;
    background: -webkit-linear-gradient(rgba(255,255,255,.95),rgba(126,206,244,.95));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.95)),  color-stop(100%, rgba(126,206,244,.95)));
    background: -o-linear-gradient(rgba(255,255,255,.95),rgba(126,206,244,.95));
    background: -moz-linear-gradient(rgba(255,255,255,.95),rgba(126,206,244,.95));
    background: linear-gradient(to bottom,rgba(255,255,255,.95),rgba(126,206,244,.95));
    transition: width 0.1s;
    -webkit-transition: width 0.1s;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
}
.hoveraquabg:hover .skewbg, .hoveraquabg:focus .skewbg, .hoveraquabg:active .skewbg{
    width: 100%;
}
.hoverbluebg{
    background: rgba(68,68,68,1);
    transition: width 0.1s;
    -webkit-transition: width 0.1s;
}
.hoverbluebg:hover, .hoverbluebg:focus, .hoverbluebg:active{
    background: rgba(68,138,202,1);
    transition: width 0.1s;
    -webkit-transition: width 0.1s;
}
.filterblur{
    -webkit-filter: blur(16px);
    filter: blur(16px);
}
.minnavborder{
    border-style: solid;
    border-width: 0px 0px 0px 16px;
    -moz-border-image: url(../fimgs/minnavborder.png) 0 3 0 28 stretch;
    -webkit-border-image: url(../fimgs/minnavborder.png) 0 3 0 28 stretch;
    -o-border-image: url(../fimgs/minnavborder.png) 0 3 0 28 stretch;
    border-image: url(../fimgs/minnavborder.png) 0 3 0 28 fill stretch;
}
.blackboxshadowt8{
    box-shadow: 0px -8px 8px -9px rgba(68,68,68,.7);
    -webkit-box-shadow: 0px -8px 8px -9px rgba(68,68,68,.7);
}
.blackboxshadowrb8{
    box-shadow: 8px 8px 8px -9px rgba(68,68,68,.7);
    -webkit-box-shadow: 8px 8px 8px -9px rgba(68,68,68,.7);
}
.dropshadowrb2{
    -webkit-filter: drop-shadow(2px 2px 2px rgba(68,68,68,.7));
    filter: drop-shadow(2px 2px 2px rgba(68,68,68,.7));
}
.dropshadowrb10{
    -webkit-filter: drop-shadow(1px 1px 0px rgba(68,68,68,.7));
    filter: drop-shadow(1px 1px 0px rgba(68,68,68,.7));
}
.liststyledecimal{list-style-type: decimal;}
frame[name=fb]{width: 300px;}
.fmnotosans{
    font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
}
.ui-widget{font-size: 13px;}

@media only screen and (min-width: 1001px){
    .maxhidden{display: none;}
    .maxnowrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .maxdpb{display: block;}
    .maxdpf{display: flex;display: -webkit-flexbox;display: -webkit-flex;}
    .maxdpinf{display: inline-flex;display: -webkit-inline-flexbox;display: -webkit-inline-flex;}
    .maxaicenter{align-items: center;-webkit-align-items: center;}
    .maxaistart{align-items: flex-start;-webkit-align-items: flex-start;}
    .maxaistretch{align-items: stretch;-webkit-align-items: stretch;}
    .maxjcsb{justify-content: space-between; -webkit-justify-content: space-between;}
    .maxjcsa{justify-content: space-around; -webkit-justify-content: space-around;}
    .maxjccenter{justify-content: center; -webkit-justify-content: center;}
    .maxmargin0auto{margin: 0 auto;}
    .maxmargin8auto{margin: 8px auto;}
    .maxmargin04{margin: 0 4px;}
    .maxmargin84{margin: 8px 4px;}
    .maxmargin164{margin: 16px 4px;}
    .maxw2-1{max-width: calc(100% / 2 - 8px);}
    .maxw2-1-0{max-width: calc(100% / 2);}
    .maxw3-1{max-width: calc(100% / 3 - 8px);}
    .maxw3-2{max-width: calc(100% / 3 * 2 - 8px);}
    .maxw4-1{max-width: calc(100% / 4 - 8px);}
    .maxh4-1{max-height: calc(100% / 4 - 8px);}
    .maxw4-3{max-width: calc(100% / 4 * 3 - 8px);}
    .maxw5-1{max-width: calc(100% / 5 - 8px);}
    .maxw5-2{max-width: calc(100% / 5 * 2 - 8px);}
    .maxw5-3{max-width: calc(100% / 5 * 3 - 8px);}
    .maxw5-4{max-width: calc(100% / 5 * 4 - 8px);}
    .maxw6-1{max-width: calc(100% / 6 - 8px);}
    .maxw6-5{max-width: calc(100% / 6 * 5 - 8px);}
    .maxw7-1{max-width: calc(100% / 7 - 8px);}
    .maxw9-1{max-width: calc(100% / 9);}
    .maxpaddingtb60lr0{padding: 60px 0;}
    .maxpaddingtb0lr4{padding: 0 4px;}
    .w200{width: 200%;}
    .mainbg{
        background: url(../fimgs/bgb.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .maxwhitesolidr1{border-right: 1px solid rgba(255,255,255,1);}
    .fdcolumn{
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .maxgraysolidr1{border-right: 1px solid rgba(222,222,222,1);}
}

@media only screen and (min-width: 1201px){
    .max1200margin08{margin: 0 8px;}
    .max1200margin016{margin: 0 16px;}
    .max1200margin024{margin: 0 24px;}
    .max1200margin16{margin: 16px;}
    .max1200margin24{margin: 24px;}
    .max1200margin8{margin: 8px;}
    .max1200margin4{margin: 4px;}
    iframe[name=fb]{width: 380px;}
}

@media only screen and (max-width: 1000px){
    .mindpb{display: block;}
    .mindpinb{display: inline-block;}
    .minhidden{display: none;}
    .mintextleft{text-align: left;}
    .mintextright{text-align: right;}
    .mintextcenter{text-align: center;}
    .mintextjustify{text-align: justify;}
    .mindpf{display: flex;display: -webkit-flexbox;display: -webkit-flex;}
    .minaicenter{align-items: center;-webkit-align-items: center;}
    .minjcsb{justify-content: space-between; -webkit-justify-content: space-between;}
    .minflexdireccr{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;}
    .minmargin4auto{margin: 4px auto;}
    .minmargin8auto{margin: 8px auto;}
    .minmargin16auto{margin: 16px auto;}
    .minpadding0{padding: 0px;}
    .minpadding8{padding: 8px;}
    .minmargin0auto{margin: 0 auto;}
    .minnormal{white-space: normal;}
    .mainbg{
        background: url(../fimgs/bgm.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .minmaxw2-1{max-width: calc(100% / 2 - 8px);}
    .minmaxw2-1-0{max-width: calc(100% / 2);}
    .minmaxw3-1{max-width: calc(100% / 3 - 8px);}
    .minmaxw3-2{max-width: calc(100% / 3 * 2 - 8px);}
    .minfs17{font-size: 17px;}
    .mingraysolidb1{border-bottom: 1px solid rgba(222,222,222,1);}
}

@media only screen and (max-width: 700px){
    .mainbg{
        background: url(../fimgs/bgs.jpg) bottom center no-repeat;
        background-size: cover;
    }
}
@media only screen and (max-width: 380px){
    iframe[name=fb]{width: 289px;}
}

@media only screen and (max-width: 350px){
    iframe[name=fb]{width: 259px;}
}