#Logo{background-color:#FFFFFF;background-image:url(../Userfile/file/ff221226161530280887.jpg);background-repeat:no-repeat;background-position:center center;width:230px;height:80px;float:left;display:inline-block;position:absolute;left:8vw;-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;

transition: all .1s ease-in;
}
@media screen and (max-width: 1199px) {#Logo{left:3%;}}
@media screen and (max-width: 480px) {#Logo{left:10px;}}
#gblmenu1{background-color:#FFFFFF;width:100%;float:left;display:inline-block;}
@media screen and (max-width: 1199px) {#gblmenu1{display:none;}}
#gblmenu1 .menu_ul1{width:auto;padding:0px;float:right;position:relative;right:140px;}#gblmenu1 .menu_ul1 li.li_1 a.a_1{font-size:12.5pt;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px;margin-bottom:-4px;display:inline-block;}#gblmenu1 .menu_ul1 li.li_1 a.a_1:hover{color:#FFFFFF;background-color:#0099FF;}#gblmenu1 .menu_ul1 li.sel_1 a.a_1{color:#FFFFFF;background-color:#0099FF;}#gblmenu1 .menu_ul1 li.li_1 a.a_1 div{background-color:#FFFFFF;width:120px;height:120px;margin-bottom:-150px;position:relative;top:-80px;
border-radius: 300px;}#gblmenu1 .menu_ul1 li.li_1 a.a_1 img{background-position-x:center;width:110px;height:110px;position:relative;top:10px;left:5px;border-radius: 300px;}#gblmenu1 .menu_ul2 div.menu_div2{background-image:url(../Userfile/file/ff221219100959907155.svg);background-repeat:no-repeat;background-position:left top;padding-top:25px;position:relative;top:20px;left:15px;
background-size: 25px;}#gblmenu1 .menu_ul2 li.li_2{background-color:#FFFFFF;}#gblmenu1 .menu_ul2 li.li_2 a.a_2{padding:10px;display:inline-block;}
@media screen and (max-width: 1199px) {#gblmenu1 .menu_ul1 li.li_1 a.a_1{margin-right:0px;margin-left:0px;}}
#navbar{display:none;}
@media screen and (max-width: 1199px) {#navbar{display:inline-block;position:absolute;top:10px;right:0px;z-index:99;}}
#navbar a:before{z-index:999;}#navbar .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width:35px;height:1px;}
.mm-menu{background-color:#FFFFFF;text-align:left;position:relative;}.mm-menu .mm-panel:first-child .mm-navbar{background-image:url(../Userfile/file/ff221219142438791237.jpg);background-repeat:no-repeat;background-position:center center;height:80px;border-top:none;border-right:none;border-bottom:none;border-left:none;
background-size:180px;}.mm-menu .mm-panel:first-child .mm-title{color:TRANSPARENT;}.mm-menu .mm-listview{display:inline-block;}.mm-menu .mm-listview li{width:100%;float:left;display:inline-block;}.mm-menu .mm-listview li a{padding-top:20px;padding-bottom:20px;}.mm-menu .mm-listview .mm-listview{background-color:#EBEFF7;width:100%;display:inline-block;}.mm-menu .mm-listview .mm-listview li{background-color:#EBEFF7;}
@media screen and (max-width: 1199px) {.mm-menu .mm-listview li a{font-size:13pt;}}
@media screen and (max-width: 768px) {.mm-menu .mm-listview li a{font-size:12pt;}}
@media screen and (max-width: 480px) {.mm-menu .mm-listview li a{font-size:14px;padding-top:15px;padding-bottom:15px;}}
#gblfollow2{position:absolute;top:15px;right:60px;z-index:999;}#gblfollow2 .followbar{background-color:transparent;}#gblfollow2 .followbar li{background-color:#0099FF;width:50px;height:50px;display:inline-block;transition: all .1s ease-in;

border-radius: 300px;}#gblfollow2 .followbar a{height:50px;display: grid;
margin: 0 auto;
place-content: center}#gblfollow2 .followbar i{color:#FFFFFF;font-size:18pt;padding-top:10px;padding-bottom:10px;
transition:  .2s ease-in;}#gblfollow2 .followbar .cart_p i{position:relative;z-index:2;}#gblfollow2 .followbar .cart_p ._ctma{color:#FFFFFF;font-size:14px;background-color:#FF0000;width:auto;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;float:right;display:inline-block;position:relative;top:30px;left:44px;
border-radius: 300px;}#gblfollow2 .followbar .cart_p ._ctqa{background-color:#000000;width:18px;height:18px;padding:0px;display:inline-block;position:relative;top:-49px;left:97px;display: grid;
place-content: center;}
@media screen and (max-width: 1199px) {#gblfollow2{right:80px;}#gblfollow2 .followbar li:hover{background-color:transparent;}#gblfollow2 .followbar i{height:40px;display: grid;
margin: 0 auto;
place-content: center}}
@media screen and (max-width: 480px) {#gblfollow2 .followbar li{width:40px;height:40px;}#gblfollow2 .followbar i{font-size:15pt;padding-top:0px;padding-bottom:0px;position:relative;top:-5px;}#gblfollow2 .followbar .cart_p ._ctma{font-size:12px;line-height:17px;top:22px;left:39px;}#gblfollow2 .followbar .cart_p ._ctqa{top:-55px;left:91px;}}
#gblfollow1{background-color:#F2994B;float:left;display:inline-block;position:relative;z-index:99;}
@media screen and (max-width: 1199px) {#gblfollow1{background-color:transparent;width:100%;height:50px;display:none;position:fixed;bottom:0px;}}
#gblfollow1{width:100%;

transition: all .4s ease;}#gblfollow1 .followbar{background-color:transparent;width:auto;float:right;position:relative;right:150px;}#gblfollow1 .followbar li{width:50px;height:50px;transition: all .1s ease-in;}#gblfollow1 .followbar a{background-color:#F2994B;height:50px;display: grid;
margin: 0 auto;
place-content: center}#gblfollow1 .followbar a:hover{background-color:#FFB778;}#gblfollow1 .followbar i{color:#FFFFFF;font-size:18px;padding-top:10px;padding-bottom:10px;
transition:  .2s ease-in;}#gblfollow1 .followbar .email_p i:hover{
transition:  .1s ease-in;}#gblfollow1 .followbar .cart_p i{position:relative;z-index:2;}#gblfollow1 .followbar .cart_p ._ctma{color:#FFFFFF;font-size:16px;font-weight:bold;background-color:#F23054;width:auto;padding-top:3px;padding-right:10px;padding-bottom:3px;padding-left:10px;float:right;display:inline-block;position:relative;top:30px;left:43px;
border-radius: 300px;}#gblfollow1 .followbar .cart_p ._ctqa{background-color:#000000;width:18px;height:18px;padding:0px;display:inline-block;position:relative;top:-46px;left:93px;display: grid;
place-content: center;}
@media screen and (max-width: 1199px) {#gblfollow1 .followbar{width:100%;right:auto;}#gblfollow1 .followbar li{width:25%;}#gblfollow1 .followbar li:hover{background-color:transparent;}#gblfollow1 .followbar i{font-size:20pt;height:60px;display: grid;
margin: 0 auto;
place-content: center}#gblfollow1 .followbar .cart_p ._ctma{top:-25px;}#gblfollow1 .followbar .cart_p ._ctqa{float:right;display:inline-block;}}
@media screen and (max-width: 768px) {#gblfollow1 .followbar .cart_p i{padding-bottom:0px;padding-left:70px;right:40px;}}
#gblx005dtilist1{width:150px;position:fixed;right:0px;bottom:30vh;z-index:99;}
@media screen and (max-width: 1199px) {#gblx005dtilist1{width:100%;right:auto;bottom:0px;left:0px;}}
@media screen and (max-width: 480px) {#gblx005dtilist1{-moz-box-shadow: 0.5px 1px 5px #999;
-webkit-box-shadow: 0.5px 1px 5px #999;
box-shadow: 0.5px 1px 5px #999;
}}
#gblx005dtilist1 .item{text-align:left;width:100%;margin-bottom:5px;float:left;display:inline-block;}#gblx005dtilist1 .subject a{color:#212121;background-color:#EDEBE8;width:100%;padding:15px;display:inline-block;
box-sizing: border-box;

border-radius: 5px 0 0 5px;}#gblx005dtilist1 .subject a:hover,#gblx005dtilist1 .over .subject a{color:#FFFFFF;text-transform:uppercase;background-color:#0099FF;}
@media screen and (max-width: 1199px) {#gblx005dtilist1 .item{text-align:center;width:20%;margin-bottom:0px;writing-mode: horizontal-tb;}#gblx005dtilist1 .subject a{width:100%;height:auto;border-radius: 0px;}}
@media screen and (max-width: 480px) {#gblx005dtilist1 .item{font-size:10pt;}#gblx005dtilist1 .subject a{font-size:10pt;padding-right:7px;padding-left:7px;}}
#gblpagetitle1,#gblpagetitle1.pte{color:#FFFFFF;width:auto;padding-top:20px;padding-bottom:20px;border-top:#ffffff 1px solid;border-bottom:#ffffff 1px solid;float:right;position:relative;top:70px;right:15%;}
@media screen and (max-width: 1199px) {#gblpagetitle1,#gblpagetitle1.pte{top:80px;}}
@media screen and (max-width: 768px) {#gblpagetitle1,#gblpagetitle1.pte{padding-top:15px;padding-bottom:15px;top:65px;right:10%;}#gblpagetitle1 .ptl_0{font-size:17pt;}}
@media screen and (max-width: 480px) {#gblpagetitle1,#gblpagetitle1.pte{right:5%;}#gblpagetitle1 .ptl_0{font-size:15pt;}}
#gblhtml4 p{margin-right:0px;margin-left:0px;}
#gblhtml3 p{margin-right:0px;margin-left:0px;}
#gblcss1{background-repeat:no-repeat;background-position:right center;width:45%;height:55px;margin-top:60px;margin-right:5%;float:left;display:none;
background-size:contain;

}
@media screen and (max-width: 768px) {#gblcss1{background-position-x:left;width:200px;margin-right:auto;margin-left:40px;}}
#gblhtml1{width:1000px;margin-right:auto;margin-left:auto;display:block;}
@media screen and (max-width: 1199px) {#gblhtml1{width:85%;}}
@media screen and (max-width: 480px) {#gblhtml1{width:96%;}}
#gblhtml1 .content{color:#FFFFFF;padding-top:60px;padding-bottom:60px;}#gblhtml1 a{color:#FFFFFF;}#gblhtml1 a:hover{color:#F2994B;}#gblhtml1 h2{margin-top:0px;}
#gblfollow3{display:none;}
@media screen and (max-width: 1199px) {#gblfollow3{display:inline-block;}}
#gblfollow3{width:250px;float:left;position:relative;top:-50px;left:6vw;

transition: all .4s ease;}#gblfollow3 .followbar{background-color:transparent;}#gblfollow3 .followbar li{width:50px;height:50px;transition: all .1s ease-in;}#gblfollow3 .followbar a{height:50px;display: grid;
margin: 0 auto;
place-content: center}#gblfollow3 .followbar i{color:#FFFFFF;font-size:22px;padding-top:10px;padding-bottom:10px;
transition:  .2s ease-in;}#gblfollow3 .followbar .email_p i:hover{
transition:  .1s ease-in;}#gblfollow3 .followbar .cart_p i{position:relative;z-index:2;}#gblfollow3 .followbar .cart_p ._ctma{color:#FFFFFF;font-size:16px;font-weight:bold;background-color:#F23054;width:auto;padding-top:3px;padding-right:10px;padding-bottom:3px;padding-left:10px;float:right;display:inline-block;position:relative;top:30px;left:43px;
border-radius: 300px;}#gblfollow3 .followbar .cart_p ._ctqa{background-color:#000000;width:18px;height:18px;padding:0px;display:inline-block;position:relative;top:-46px;left:93px;display: grid;
place-content: center;}
@media screen and (max-width: 1199px) {#gblfollow3 .followbar{width:100%;right:auto;}#gblfollow3 .followbar li{width:25%;}#gblfollow3 .followbar li:hover{background-color:transparent;}#gblfollow3 .followbar i{height:60px;display: grid;
margin: 0 auto;
place-content: center}#gblfollow3 .followbar .cart_p ._ctma{top:-25px;}#gblfollow3 .followbar .cart_p ._ctqa{float:right;display:inline-block;}}
@media screen and (max-width: 768px) {#gblfollow3{width:220px;left:8vw;}#gblfollow3 .followbar .cart_p i{padding-bottom:0px;padding-left:70px;right:40px;}}
@media screen and (max-width: 480px) {#gblfollow3{width:200px;}}
#gblhtml2{color:#FFFFFF;font-size:11px;background-color:#262626;width:100%;padding-top:10px;padding-bottom:10px;margin-top:-6px;display:inline-block;}
#gblhtml2 a{color:#FFFFFF;}#gblhtml2 a:hover{color:#F2994B;}
@media screen and (max-width: 480px) {#gblhtml2 .content{padding-right:5px;padding-left:5px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}}
.srby #gblfollow1 .followbar a{height:40px;}.srby #gblfollow1 .followbar li{height:40px;}
.srby #gblmenu1 .menu_ul1 li.li_1 a.a_1{padding-top:20px;padding-bottom:20px;}
.srby #Logo{height:60px;}
.srby #gblfollow2{top:5px;}
.block-table{margin-left:0px;}
@media screen and (max-width: 480px) {.block-table th{padding:1px;}.block-table td{font-size:10pt;padding:1px;}}
@media screen and (min-width: 1025px){

#gblx005dtilist1 .subject a::before{
    content:"・";
}

}


#cartrbox{
display:none;
}
/*流動效果banner*/

@-webkit-keyframes move-forever{
 0% {
    -webkit-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0);
 }
 100% {
    -webkit-transform: translate3d(85px, 0, 0);
    transform: translate3d(85px, 0, 0);
 }
}
.waves1 {
    position: relative;
    bottom: ;
    left: 0;
    z-index: 98;
    width: 100%;
    height: 4em;
    margin-bottom: -1.25em;
    min-height: 4em;
    max-height: 4em;
}
.waves1--ter .waves__parallax > use {
    fill: #F2994B;
}
#x008html2 .waves__parallax > use{
   fill: #F2994B;
}
.waves__parallax > use {
    -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    fill: #fff;
}
.waves__parallax > use:nth-of-type(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-animation-duration: 4.2s;
    animation-duration: 4.2s;
    opacity: 0.2;
}
.waves__parallax > use:nth-of-type(2) {
    -webkit-animation-delay: -1.5s;
    animation-delay: -0.5s;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    opacity: 0.5;
}
.waves__parallax > use:nth-of-type(3) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    opacity: 0.3;
}
.waves__parallax > use:nth-of-type(4) {
    -webkit-animation-delay: -2.5s;
    animation-delay: -2.5s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    opacity: 0.8;
}
/*流動效果結束*/

/*流動效果footer*/

@-webkit-keyframes move-forever{
 0% {
    -webkit-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0);
 }
 100% {
    -webkit-transform: translate3d(85px, 0, 0);
    transform: translate3d(85px, 0, 0);
 }
}
.waves {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 98;
    width: 100%;
    height: 4em;
    margin-bottom: -1.25em;
    min-height: 5em;
    max-height: 4em;
}
.waves--ter .waves__parallax > use {
    fill: #0099FF;
}
#x008html2 .waves__parallax > use{
   fill: #0099FF;
}
.waves__parallax > use {
    -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    fill: #fff;
}
.waves__parallax > use:nth-of-type(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-animation-duration: 4.2s;
    animation-duration: 4.2s;
    opacity: 0.2;
}
.waves__parallax > use:nth-of-type(2) {
    -webkit-animation-delay: -1.5s;
    animation-delay: -0.5s;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    opacity: 0.5;
}
.waves__parallax > use:nth-of-type(3) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    opacity: 0.3;
}
.waves__parallax > use:nth-of-type(4) {
    -webkit-animation-delay: -2.5s;
    animation-delay: -2.5s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    opacity: 0.8;
}
/*流動效果結束*/