/*--general--*/
body {
    font-family: Microsoft JhengHei,Verdana,sans-serif;
    scrollbar-face-color: #000;
}
h1,h2,h3,h4 {
    display: block;
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 29px;
    width: 0;
    height: 0;
    visibility: hidden;
}
.top{
    position: fixed;
    bottom: 8px;
    right: 8px;
    padding: 15px 10px;
    text-align: center;
    background: url(../fimgs/mainbg.png) center repeat;
    background: -webkit-radial-gradient(top, rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 50%), url(../fimgs/mainbg.png) center repeat;
    background: -o-radial-gradient(top, rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 50%), url(../fimgs/mainbg.png) center repeat; 
    background: -moz-radial-gradient(top, rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 50%), url(../fimgs/mainbg.png) center repeat;
    background: radial-gradient(top, rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 50%), url(../fimgs/mainbg.png) center repeat;
    z-index: 1000;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0px 0px 5px -1px rgba(255,255,255,.8);
}

/*--user setting - column--*/
.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;}

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

/*--user setting - width--*/
.w100{width: 100%;}
.w1200px{width: 1200px;}
.w0px{width: 0px;}
.h100{height: 100%;}
.h50{height: 50%;}
/*--user setting - padding--*/
.padding0{padding: 0px;}
.padding4{padding: 4px;}
.padding8{padding: 8px;}
.padding16{padding: 16px;}
.padding160{padding: 160px;}
.paddingtb0lr2{padding: 0 2px;}
.paddingtb0lr4{padding: 0 4px;}
.paddingtb0lr8{padding: 0 8px;}
.paddingtb0lr16{padding: 0 16px;}
.paddingtb0lr40{padding: 0 40px;}
.paddingtb4lr8{padding: 4px 8px;}
.paddingtb4lr16{padding: 4px 16px;}
.paddingtb4lr0{padding: 4px 0px;}
.paddingtb8lr0{padding: 8px 0px;}
.paddingtb8lr4{padding: 8px 4px;}
.paddingtb8lr16{padding: 8px 16px;}
.paddingtb8lr24{padding: 8px 24px;}
.paddingtb16lr0{padding: 16px 0px;}
.paddingtb16lr8{padding: 16px 8px;}
.paddingtb20lr0{padding: 20px 0px;}
.paddingtb20lr16{padding: 20px 16px;}
.paddingtb40lr0{padding: 40px 0px;}
.paddingtb40lr8{padding: 40px 8px;}

/*--user setting - margin--*/
.margin0auto{margin: 0 auto;}
.margin0auto00{margin: 0 auto 0 0;}
.margin000auto{margin: 0 0 0 auto;}
.margin8auto{margin: 8px auto;}
.margin16auto{margin: 16px auto;}

/*--user setting - display--*/
.dpinb{display: inline-block;}
.dpb{display: block;}
.dpf{display: flex;display: -webkit-flexbox;display: -webkit-flex;}
.dpinf{display: inline-flex;display: -webkit-inline-flexbox;display: -webkit-inline-flex;}
.alignitemcenter{align-items: center;-webkit-align-items: center;}
.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;}

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

/*--user setting - line height--*/
.ls48{letter-spacing: 4.8px;}
.ls24{letter-spacing: 2.4px;}
.ls16{letter-spacing: 1.6px;}
.ls08{letter-spacing: 0.8px;}

/*--user setting - font family--*/
.fmmeiryo{Font-family:Meiryo,Microsoft JhengHei,Verdana,sans-serif;}
.fmyahei{Font-family:Microsoft YaHei,Microsoft JhengHei,Verdana,sans-serif;}
.fmsimsun{Font-family:simsun,Microsoft JhengHei,Verdana,sans-serif;}

/*--user setting - 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;}
.fs41{font-size: 41px;}
.fs51{font-size: 51px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .fs09{font-size: 9px;}
}
@media screen and (-moz-images-in-menus:0) {
    .fs09{font-size: 9px;}
}

/*--user setting - font weight--*/
.fw100{font-weight: 100;}
.fw400{font-weight: 400;}
.fw700{font-weight: 700;}
.fw900{font-weight: 900;}

/*--user setting - 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;}

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

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

/*--user setting - font color--*/
.defaultfont{color: rgba(234,234,234,1);}
.grayfont{color: rgba(114,114,114,1);}
.whitefont{color: rgba(255,255,255,1);}
.yellowfont{color: rgba(255,224,119,1);}
.whitetoyellowfont{color: rgba(255,255,255,1);text-decoration: none;transition: all 0.3s;-webkit-transition: all 0.3s;}
.whitetoyellowfont:hover, .whitetoyellowfont:active{color: rgba(255,224,119,1);}
.graytoyellowfont{color: rgba(114,114,114,1);text-decoration: none;transition: all 0.3s;-webkit-transition: all 0.3s;}
.graytoyellowfont:hover, .graytoyellowfont:active{color: rgba(255,224,119,1);}

/*--user setting - border--*/
.graysolidbottom1{border-bottom: 1px solid rgba(188,188,188,1);}
.goldsolidbottom1{border-bottom: 1px solid rgba(149,126,84,1);}
.goldsolid1{border: 1px solid rgba(149,126,84,1);}
.whitedotbottom1{border-bottom: 1px dotted rgba(255,255,255,1);}
.navborder{
    border-style: solid; 
    border-width: 2px; 
    -moz-border-image: url(../fimgs/navborder.png) 1 stretch; 
    -webkit-border-image: url(../fimgs/navborder.png) 1 stretch;
    -o-border-image: url(../fimgs/navborder.png) 1 stretch;
    border-image: url(../fimgs/navborder.png) 1 fill stretch;
}
.starborder{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.starborder:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 70%,rgba(255,255,255,.8) 95%,rgba(255,255,255,1));
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(255,255,255,0)), color-stop(95%, rgba(255,255,255,.8)), color-stop(100%, rgba(255,255,255,1)));
    background: -o-linear-gradient(rleft, rgba(255,255,255,0) 70%,rgba(255,255,255,.8) 95%,rgba(255,255,255,1));
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 70%,rgba(255,255,255,.8) 95%,rgba(255,255,255,1));
    background: linear-gradient(to right, rgba(255,255,255,0) 70%,rgba(255,255,255,.8) 95%,rgba(255,255,255,1));
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.starborder:hover:before, .starborder:focus:before, .starborder:active:before {
    right: -50%;
}

/*--user setting - position--*/
.positionfixed{position: fixed;}
.positionabsolute{position: absolute;}
.positionrelative{position: relative;}
.top0{top: 0;}
.top50{top: 50%;}
.top100{top: 100%;}
.top-200{top: -200%;}
.left0{left: 0;}
.left50{left: 50%;}
.left100{left: 100%;}
.bottom0{bottom: 0;}
.bottom100{bottom: 100%;}
.right0{right: 0;}
.right100{right: 100%;}
.zindex-1{z-index: -1;}
.zindex0{z-index: 0;}
.zindex1{z-index: 1;}
.zindex2{z-index: 2;}
.overflowhidden{overflow: hidden;}
.translatex-50y0{
    transform:translate(-50%,0%);
    -ms-transform:translate(-50%,0%);
    -webkit-transform:translate(-50%,0%);
}
.translatex0y-50{
    transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);
    -webkit-transform:translate(0%,-50%);
}
.translatexy-50{
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
}
.indexani:not(*:root) {
   left: 50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
}
@-moz-document url-prefix(){
    .indexani{
        left: 50%;
        transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -webkit-transform:translate(-50%,-50%);
    }
}
/*--user setting - box shadow--*/
.blackshadow8{
    position: relative;
}
.blackshadow8::after {
    content:"";
    background: -webkit-radial-gradient(top,farthest-side, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    background: -o-radial-gradient(top,farthest-side, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%); 
    background: -moz-radial-gradient(top,farthest-side, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    background: -ms-radial-gradient(top,farthest-side, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    background: radial-gradient(farthest-side at 50% 0%, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    width: 100%;
    height: 8px;
    position:absolute;
    top:0;
    left: 0;
    background-repeat: no-repeat;
    display: block;
}
.blackshadow5{
    position: relative;
}
.blackshadow5::after {
    content:"";
    background: -webkit-radial-gradient(top,farthest-side, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    background: -o-radial-gradient(top,farthest-side, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%); 
    background: -moz-radial-gradient(top,farthest-side, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    background: -ms-radial-gradient(top,farthest-side, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    background: radial-gradient(farthest-side at 50% 0%, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    width: 100%;
    height: 8px;
    position:absolute;
    top:0;
    background-repeat: no-repeat;
    display: block;
}
.blackshadowt5{
    position: relative;
}
.blackshadowt5::after {
    content:"";
    background: -webkit-radial-gradient(bottom,farthest-side, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    background: -o-radial-gradient(bottom,farthest-side, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%); 
    background: -moz-radial-gradient(bottom,farthest-side, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    background: -ms-radial-gradient(bottom,farthest-side, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    background: radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    width: 100%;
    height: 8px;
    position:absolute;
    bottom:0;
    background-repeat: no-repeat;
    display: block;
}

/*--user setting - background--*/
.mainbg{
    background: url(../fimgs/mainbg.png) center top repeat;
}
.contactbg{
    background: -webkit-linear-gradient(rgba(255,255,255,0) 25%,rgba(20,20,20,.9)),url(../fimgs/contactbg.jpg) center no-repeat;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(255,255,255,0)), color-stop(100%, rgba(20,20,20,.9))),url(../fimgs/contactbg.jpg) center no-repeat;
    background: -o-linear-gradient(rgba(255,255,255,0) 25%,rgba(20,20,20,.9)),url(../fimgs/contactbg.jpg) center no-repeat;
    background: -moz-linear-gradient(rgba(255,255,255,0) 25%,rgba(20,20,20,.9)),url(../fimgs/contactbg.jpg) center no-repeat;
    background: -ms-linear-gradient(rgba(255,255,255,0) 25%,rgba(20,20,20,.9)),url(../fimgs/contactbg.jpg) center no-repeat;
    background: linear-gradient(rgba(255,255,255,0) 25%,rgba(20,20,20,.9)),url(../fimgs/contactbg.jpg) center no-repeat;
    background-size: contain, cover;
}
.footerbg{
    background: url(../fimgs/footerbg.png) center repeat;
}
.newsbg{
    background: url(../fimgs/newsbg.png) center no-repeat;
    background-size: 100% 100%;
}
.indexlogobg{
    background: -webkit-radial-gradient(50% 50%, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
    background: -o-radial-gradient(50% 50%, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
    background: -moz-radial-gradient(50% 50%, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
    background: -ms-radial-gradient(50% 50%, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
    background: radial-gradient(50% 50%, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
}
.navbg{
    background: -webkit-linear-gradient(rgba(255,255,255,0) 25%,rgba(42,54,61,.9)),-webkit-linear-gradient(rgba(255,255,255,.2) 25%,rgba(255,255,255,0));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(255,255,255,0)), color-stop(100%, rgba(42,54,61,.9))),-webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
    background: -o-linear-gradient(rgba(255,255,255,0) 25%,rgba(42,54,61,.9)),-o-linear-gradient(rgba(255,255,255,.2) 25%,rgba(255,255,255,0));
    background: -moz-linear-gradient(rgba(255,255,255,0) 25%,rgba(42,54,61,.9)),-moz-linear-gradient(rgba(255,255,255,.2) 25%,rgba(255,255,255,0));
    background: -ms-linear-gradient(rgba(255,255,255,0) 25%,rgba(42,54,61,.9)),-ms-linear-gradient(rgba(255,255,255,.2) 25%,rgba(255,255,255,0));
    background: linear-gradient(rgba(255,255,255,0) 25%,rgba(42,54,61,.9)),linear-gradient(rgba(255,255,255,.2) 25%,rgba(255,255,255,0));
    background-size: contain;
    position: relative;
}
.navbg:after {
    content:"";
    background: -webkit-radial-gradient(bottom,farthest-side, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    background: -o-radial-gradient(bottom,farthest-side, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%); 
    background: -moz-radial-gradient(bottom,farthest-side, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    background: -ms-radial-gradient(bottom,farthest-side, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    background: radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    width: 100%;
    height: 8px;
    position:absolute;
    top:-8px;
    background-repeat: no-repeat;
    display: block;
}
.lightbg{
    background: -webkit-radial-gradient(50% 0%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
    background: -o-radial-gradient(50% 0%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
    background: -moz-radial-gradient(50% 0%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
    background: -ms-radial-gradient(50% 0%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
    background: radial-gradient(50% 0%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
}
.indexlightbg{
    background: -webkit-radial-gradient(50% 0%, circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 5%,rgba(255,255,255,0) 25%);
    background: -o-radial-gradient(50% 0%, circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 5%,rgba(255,255,255,0) 25%);
    background: -moz-radial-gradient(50% 0%, circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 5%,rgba(255,255,255,0) 25%);
    background: -ms-radial-gradient(50% 0%, circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 5%,rgba(255,255,255,0) 25%);
    background: radial-gradient(50% 0%, circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 5%,rgba(255,255,255,0) 25%);
}
.bottomlightbg{
    background: -webkit-radial-gradient(50% 100%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
    background: -o-radial-gradient(50% 100%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
    background: -moz-radial-gradient(50% 100%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
    background: -ms-radial-gradient(50% 100%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
    background: radial-gradient(50% 100%, circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 38%);
}
.blackbg{
    background: -webkit-linear-gradient(rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
    background: -o-linear-gradient(rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    background: -moz-linear-gradient(rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    background: -ms-linear-gradient(rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    background-size: contain;
}
.indexbg{
    background: rgba(0,0,0,1) repeat;
}
/*--user setting - border radius--*/
.borderr3{
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.borderr7{
    border-radius: 7px;
    -webkit-border-radius: 7px;
}

/*--user setting - img--*/
img[name=counter]{
    max-width: 24px;
    display: inline-block;
    vertical-align: middle;
}
img[name=share]{
    max-width: 40px;
    display: inline-block;
    vertical-align: middle;
}
.opacity0{
    opacity: 0.0;
    filter: alpha(opacity=0);
}

/*--user setting - footer--*/
footer a{
    text-decoration: none;
}
footer a:hover, footer a:active{
    text-decoration: underline;
}
.qrcode{
    max-width: 100px;
}
.navbar li:hover, .navbar li:active{
    background: -webkit-radial-gradient(bottom,farthest-side, rgba(255,255,255,1) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,.2) 15%,rgba(0,0,0,0) 45%);
    background: -o-radial-gradient(bottom,farthest-side, rgba(255,255,255,1) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,.2) 15%,rgba(0,0,0,0) 45%); 
    background: -moz-radial-gradient(bottom,farthest-side, rgba(255,255,255,1) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,.2) 15%,rgba(0,0,0,0) 45%);
    background: radial-gradient(farthest-side at 50% 100%, rgba(255,255,255,1) 0%,rgba(255,255,255,.4) 5%,rgba(255,255,255,.2) 15%,rgba(0,0,0,0) 45%);
    background-size: contain;
}
.navbar li .whitefont{text-decoration: none;transition: all 0.3s;-webkit-transition: all 0.3s;}
.navbar li:hover .whitefont, .navbar li:active .whitefont{color: rgba(255,224,119,1);}
.navlogo{max-width: 132px;}
.navclass{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 4px);
    max-width: 100%;
    display: block;
    z-index: 1000;
    background: -webkit-linear-gradient(rgba(0,0,0,1) 25%,rgba(42,54,61,1));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0,0,0,1)), color-stop(100%, rgba(42,54,61,1)));
    background: -o-linear-gradient(rgba(0,0,0,1) 25%,rgba(42,54,61,1));
    background: -moz-linear-gradient(rgba(0,0,0,1) 25%,rgba(42,54,61,1));
    background: linear-gradient(rgba(0,0,0,1) 25%,rgba(42,54,61,1));
}
.jewelmaxw{
    max-width: 100px;
}
.jewelmaxh{
    max-height: 100px;
}
.jewelh100px{
    height: 100px;
}
.translate12{
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-animation: drop 0.8s ease-out 1 forwards;
    animation: drop 0.8s ease-out 1 forwards;
}
.translate12:hover, .translate12:active{
    transform:translateY(12px);
    -webkit-transform:translateY(12px);
}
.translate-12{
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.translate-12:hover, .translate-12:active{
    transform:translateY(-12px);
    -webkit-transform:translateY(-12px);
}
.translate8{
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.translate8:hover, .translate8:active{
    transform:translateY(8px);
    -webkit-transform:translateY(8px);
}
@-webkit-keyframes drop {
  0%  {
    bottom:56%;
  }
  100% {
    bottom:0;
  }
}
@keyframes drop {
  0%  {
    bottom:56%;
  }
  100% {
    bottom:0;
  }
}
.scale2{
    transform:scale(1);
    -webkit-transform:scale(1);
    -webkit-animation: scaleimg 26s ease-out infinite;
    animation: scaleimg 26s ease-out infinite;
}
@-webkit-keyframes scaleimg {
  0%  {
    transform:scale(1);
    -webkit-transform:scale(1);
  }
  50% {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
  }
  100% {
    transform:scale(1);
    -webkit-transform:scale(1);
  }
}
@keyframes scaleimg {
  0%  {
    transform:scale(1);
    -webkit-transform:scale(1);
  }
  50% {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
  }
  100% {
    transform:scale(1);
    -webkit-transform:scale(1);
  }
}
.textshadow8{
    text-shadow: 0px 0px 0px rgba(0,0,0,0);
    -webkit-text-shadow: 0px 0px 0px rgba(0,0,0,0);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.textshadow8:hover, .textshadow8:active{
    text-shadow: 2px 2px 0px rgba(0,0,0,1);
    -webkit-text-shadow: 2px 2px 0px rgba(0,0,0,1);
}
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  width: 100%; 
}
.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0),rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(0,0,0,0));
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0)),color-stop(30%, rgba(255,255,255,1)),color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(0,0,0,0)));
    background: -o-linear-gradient(left, rgba(0,0,0,0),rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(0,0,0,0));
    background: -moz-linear-gradient(left, rgba(0,0,0,0),rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(0,0,0,0));
    background: linear-gradient(to right, rgba(0,0,0,0),rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(0,0,0,0));
    background-size: contain;
    height: 1px;
    width: 100%;
}
/*--min 1001px--*/
@media only screen and (min-width: 1001px){
    .maxhidden{display: none;}
    .maxnowrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .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;}
    .maxjustifycontentspacebetween{justify-content: space-between; -webkit-justify-content: space-between;}
    .maxjustifycontentcenter{justify-content: center; -webkit-justify-content: center;}
    .maxblacksolidr1{border-right: 1px solid rgba(30,37,43,1);}
    .maxwhiteborder{border: 2px solid rgba(255,255,255,1);}
    .maxleft40px{left: 40px;}
    .maxright40px{right: 40px;}
    .maxmaxh350px{max-height: 350px;}
    .maxoverflowyauto{overflow-y: auto;}
    .maxw50{width: 50%;}
    .navbar li{width: 112px; max-width: 112px;}
    .maxgraydotbottom1{border-bottom: 1px dotted rgba(188,188,188,1);}
    .navlogopa{max-width: 132px;width: 132px;}
    .maxpaddingtbr8l0{padding: 8px 8px 8px 0px;}
    .glass::after{
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 50%;
        background: -webkit-linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0));
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(255,255,255,0)));
        background: -o-linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0));
        background: -moz-linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0));
        background: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0));
        background-size: contain;
    }
}
/*--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;}
    .maxpadding016{padding:0px 16px;}
    .navlogo,.navlogopa{max-width: 144px;}
    .navlogopa{width: 144px;}
    .maxcol12-5{width: 380px;}
}
/*--max 1000px--*/
@media only screen and (max-width: 1000px){
    .mindpb{display: block;}
    .minmaxw90{max-width: 90%;}
    .minmaxw100{max-width: 100%;}
    .minhidden{display: none;}
    .mintextalignleft{text-align: left;}
    .mintextaligncenter{text-align: center;}
    .mintextalignjustify{text-align: justify;}
    .mindpf{display: flex;display: -webkit-flexbox;display: -webkit-flex;}
    .minalignitemcenter{align-items: center;-webkit-align-items: center;}
    .minalignitemend{align-items: flex-end;-webkit-align-items: flex-end;}
    .minjustifycontentspacebetween{justify-content: space-between; -webkit-justify-content: space-between;}
    .minflexdireccr{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;}
    .minpaddingtb8lr0{padding: 8px 0px;}
    .minpaddingtb16lr0{padding: 16px 0px;}
    .minmargin4{margin: 4px;}
    .minmargin16auto{margin: 16px auto;}
    .minnormal{white-space: normal;}
    .minpositionabsolute{position: absolute;}
    .mintop50{top: 50%;}
    .mintranslatey-50{transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);}
    .minlh24{line-height: 24px;}
    .mingraydotbottom1{border-bottom: 1px dotted rgba(188,188,188,1);}
    .minblacksolidb1{border-bottom: 1px solid rgba(30,37,43,1);}
    .navlogo img{max-width: 108px;}
    .minmaxh216px{max-height: 216px;}
    .minbest01{
        background: url(../fimgs/bestemeraldimg0101.png) center top no-repeat;
        background-size: contain;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }
    .minbest02{
        background: url(../fimgs/bestemeraldimg0201.png) center top no-repeat;
        background-size: contain;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }
}