@charset "utf-8";a,body,div,footer,form,header,html,i,img,label,li,span,strong,ul{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}footer,header{display:block}ul{list-style:none;margin:0;padding:0}img{max-width:100%;height:auto;vertical-align:middle;border:0}@media \0screen{img{width:auto}}a{display:block;color:#555;text-decoration:none;cursor:pointer}a:active,a:focus,a:hover{color:#777}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a,div,input,li,span,ul{font-family:century gothic,Arial,microsoft jhenghei,PMingLiU,sans-serif}html{width:100%;height:100%}body{height:100%;line-height:1;color:#555;font-size:1rem;font-family:century gothic,Arial,microsoft jhenghei,PMingLiU,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=submit]{padding:5px 30px;color:rgba(255,255,255,.8);text-align:center;border:1px solid rgba(255,255,255,.4);-webkit-transition:all ease-in .15s;-moz-transition:all ease-in .15s;-o-transition:all ease-in .15s;transition:all ease-in .15s;vertical-align:middle;cursor:pointer}input[type=submit]:hover{color:#fff}input[type=submit],input[type=text]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}input.input100:-moz-read-only{color:#bf9999;cursor:default}input[type=password]:disabled,input[type=text]:disabled{color:#bf9999;cursor:default}input[type=submit]:disabled{color:rgba(0,0,0,.4);background-color:#bbb;border:1px solid #bbb;cursor:default}input[type=submit]:disabled:active,input[type=submit]:disabled:focus,input[type=submit]:disabled:hover{color:rgba(255,255,255,.5)}input[type=checkbox]{width:5vw;height:5vw;margin:0;background:#fff;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;vertical-align:middle;cursor:pointer}input[type=checkbox]+span{padding:0 10px 0 0;vertical-align:middle;cursor:pointer}::-webkit-input-placeholder{font-size:1em;font-weight:400}:-moz-placeholder{font-size:1em;font-weight:400}::-moz-placeholder{font-size:1em;font-weight:400}::-ms-input-placeholder{font-size:1em;font-weight:400}input[type=password]:focus,input[type=text]:focus{color:#aaa}@media only screen and (hover:hover) and (pointer:fine){::-webkit-scrollbar{width:7px;height:4px}*{scrollbar-width:thin}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25)}*{scrollbar-color:rgba(255,255,255,.3)}}@media screen and (min-width:1920px){input[type=checkbox]{width:1.4vw;height:1.4vw}}@media screen and (min-width:1301px) and (max-width:1900px){input[type=checkbox]{width:1.6vw;height:1.6vw}}@media screen and (min-width:1024px) and (max-width:1300px){input[type=checkbox]{width:1.8vw;height:1.8vw}}@media screen and (min-width:901px) and (max-width:1023px){input[type=checkbox]{width:2.8vw;height:2.8vw}}@media screen and (min-width:751px) and (max-width:900px){input[type=checkbox]{width:3vw;height:3vw}}@media screen and (min-width:671px) and (max-width:750px){input[type=checkbox]{width:3vw;height:3vw}}@media screen and (min-width:551px) and (max-width:670px){input[type=checkbox]{width:3.5vw;height:3.5vw}}@media screen and (min-width:401px) and (max-width:550px){input[type=checkbox]{width:4vw;height:4vw}}@charset "UTF-8";.has-header{padding-top:10.6667vw}.header{position:fixed;left:0;top:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:96%;height:10.6667vw;padding:0 2%;color:#000;background:#fff;z-index:15}.header .logo img{display:block;width:26.6667vw}.header .rightbox{display:flex;align-items:center}.header .rightbox .hd-icon{position:relative;margin-left:3vw;cursor:pointer}.has-footer{padding-bottom:25.3333vw}.footer{position:fixed;left:0;bottom:0;width:96%;padding:3% 2% 0 2%;color:#1294cc;background:url(/images/footer/bg.png) no-repeat;background-size:100% auto;z-index:19}.ft-navbox{display:flex;justify-content:space-between;align-items:flex-start}.ft-nav{display:flex;align-items:center;color:#0061c1;flex-direction:column}.ft-nav img{display:block;width:12.3333vw}.ft-title{width:19vw;margin:0;text-align:center;word-break:break-word;font:normal normal 2.8vw/3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.ft-nav .gif-box,.ft-nav.active .gif-box{width:9.3333vw;height:9.3333vw;padding:1vw;margin-bottom:5px;background:url(/images/footer/footer-icon-bg6d34.png?061402) center center no-repeat;background-size:200% auto;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;overflow:hidden}.ft-nav.active .gif-box{background:url(/images/footer/footer-icon-bgd535.png?061403) center center no-repeat;background-size:200% auto}.ft-nav.active{color:#0061c1}.ft-nav:nth-child(3) .ft-home{width:11.3333vw;height:11.3333vw}.ft-nav:nth-child(3) .ft-home{-webkit-transform:translateY(-7vw);-moz-transform:translateY(-7vw);-ms-transform:translateY(-7vw);-o-transform:translateY(-7vw);transform:translateY(-7vw)}.ft-nav:nth-child(3) img{width:12.6667vw}.ft-nav:nth-child(3) .ft-title{-webkit-transform:translateY(-6vw);-moz-transform:translateY(-6vw);-ms-transform:translateY(-6vw);-o-transform:translateY(-6vw);transform:translateY(-6vw)}i.fa-eye-slash{font-size:4vw;cursor:pointer}.text_red{color:#f22}a.text_red:active,a.text_red:focus,a.text_red:hover{color:#ff4747}.text_blue{color:#0089ff}a.text_blue:active,a.text_blue:focus,a.text_blue:hover{color:#0074d9}input.btn100{width:100%}input.btn_superbig{padding:10px 5px;font:normal bold 3.2vw/3.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.btn_superbig{text-align:center;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px}input.btn_blue{color:#fff;background-color:#1294cc;border:1px solid #1294cc}input.btn_blue:active,input.btn_blue:focus,input.btn_blue:hover{background-color:#1685b5;border:1px solid #1685b5}.mt5{margin-top:5px}.mb5{margin-bottom:5px}.col_1{width:calc(100% - 10px);padding:5px}.col_flex{display:flex;align-items:center;flex-wrap:wrap;width:calc(100% - 10px);padding:5px;font:normal normal 3.5vw/4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{display:flex;flex-direction:row;width:calc(100% - 12px);padding:5px;color:#333;font:normal normal 3.5vw/3.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif;background-color:#fff;border:0;border-bottom:1px solid #ddd;vertical-align:middle;cursor:pointer}input.input100{width:calc(100% - 12px)}.item_title{margin:1vw;font:normal bold 3.5vw/3.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox{display:inline-block;margin-right:15px;font:normal bold 3.5vw/3.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox label{vertical-align:middle;cursor:pointer}.btn_box{display:flex;align-items:center;justify-content:space-evenly;width:100%;margin:10px 0;padding:15px 0 0 0}.btn_box input{margin-right:5px}.btn_box input:last-of-type,.col_checkbox:last-of-type{margin-right:0}.jc_bt{justify-content:space-between}.flex_wrap{flex-wrap:wrap}.popup_windows{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow:auto;z-index:20}.popup_container{position:absolute;width:100%;z-index:21}.popup{position:relative;width:95%;margin:0 auto;background-color:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.5);-moz-box-shadow:0 0 8px rgba(0,0,0,.5);-ms-box-shadow:0 0 8px rgba(0,0,0,.5);box-shadow:0 0 8px rgba(0,0,0,.5)}.popup.popup_m{max-width:600px}.popup_title{padding:.7vw 2vw;text-align:center;color:#fff;font:normal bold 1.2vw/1.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif;background-color:#1294cc;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-ms-border-radius:20px 20px 0 0;-o-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}.popup_in{width:90%;margin:auto;padding:20px;color:#888;font:normal normal 3.5vw/4.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_in a{color:#888}.popup_in a.text_red{color:#f22}.popup_in a:active,.popup_in a:focus,.popup_in a:hover{color:#bb6969}.popup_in a.text_blue{font-weight:bolder;color:#0089ff}@media screen and (min-width:1024px){.has-header{padding-top:3.6667vw}.index.has-header{padding-top:1.6667vw}.header{width:97%;height:3.6667vw}.header .logo img{width:12.6667vw}.header .rightbox .hd-icon img{width:45px}.has-footer{padding-bottom:21.3333vw}.ft-title{font:normal normal 2vw/2.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.ft-nav .gif-box,.ft-nav.active .gif-box{width:6.3333vw;height:6.3333vw}.ft-nav:nth-child(3) .ft-home{width:7.6667vw;height:7.6667vw}.ft-nav:nth-child(3) .ft-home{-webkit-transform:translateY(-2.5vw);-moz-transform:translateY(-2.5vw);-ms-transform:translateY(-2.5vw);-o-transform:translateY(-2.5vw);transform:translateY(-2.5vw)}.ft-nav:nth-child(3) .ft-title{-webkit-transform:translateY(-1.5vw);-moz-transform:translateY(-1.5vw);-ms-transform:translateY(-1.5vw);-o-transform:translateY(-1.5vw);transform:translateY(-1.5vw)}.item_title{margin:.5vw 0;font:normal bold 1.2vw/1.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.btn_superbig{padding:12px 5px;font:normal bold 3.4vw/3.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_flex{font:normal normal 1.5vw/1.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.item_title{font:normal bold 1.8vw/1.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox{font:normal bold 1.1vw/1.1vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{padding:.5vw;font:normal normal 1.4vw/1.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{width:calc(100% - 22px)}i.fa-eye-slash{font-size:1.5vw}.popup_container{top:48%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.popup_in{font:normal normal 1vw/1.3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_title{font:normal bold 1.2vw/1.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup input.btn_superbig{font:normal normal 1.6vw/1.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup input.input100{font:normal normal 1.4vw/1.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:1920px){.has-header,.index.has-header{padding-top:2.6667vw}.header{height:2.6667vw}.header .logo img{width:10.6667vw}.has-footer{padding-bottom:11.3333vw}.footer{padding:2%}.ft-title{font:normal normal 1.2vw/1.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.ft-nav .gif-box,.ft-nav.active .gif-box{width:5.3333vw;height:5.3333vw}.ft-nav:nth-child(3) .ft-home{width:5.6667vw;height:5.6667vw}.ft-nav:nth-child(3) .ft-home{-webkit-transform:translateY(.5vw);-moz-transform:translateY(.5vw);-ms-transform:translateY(.5vw);-o-transform:translateY(.5vw);transform:translateY(.5vw)}.ft-nav:nth-child(3) .ft-title{-webkit-transform:translateY(1.5vw);-moz-transform:translateY(1.5vw);-ms-transform:translateY(1.5vw);-o-transform:translateY(1.5vw);transform:translateY(1.5vw)}input.btn_superbig{padding:8px;font:normal bold 2.2vw/2.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{width:calc(100% - 32px)}.col_flex{font:normal normal 1vw/1vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.item_title{font:normal bold 1.2vw/1.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_in{font:normal normal 1.2vw/1.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_title{font:normal bold 1.4vw/1.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup .item_title{font:normal bold 1.2vw/1.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif!important}.popup input.btn_superbig{padding:10px 5px;font:normal normal 1.6vw/1.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup input.input100{padding:.2vw;font:normal normal 1.2vw/1.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup i.fa-eye-slash{font-size:1.2vw}}@media screen and (min-width:1301px) and (max-width:1900px){input.btn_superbig{font:normal bold 3vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox{font:normal bold 1.4vw/1.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-seriff}input.input100{padding:.5vw;font:normal normal 1.6vw/1.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_title{font:normal bold 1.6vw/1.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:1024px) and (max-width:1300px){.has-header,.index.has-header{padding-top:4.6667vw}.header{height:4.6667vw}.header .logo img{width:12.6667vw}.header .rightbox .hd-icon img{width:45px}.ft-nav{font:normal normal 1.7vw/1.9vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.item_title{font:normal bold 1.8vw/1.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.btn_superbig{font:normal bold 3.4vw/3.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox{font:normal bold 1.5vw/1.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{font:normal normal 1.8vw/1.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{width:calc(100% - 1.8vw)}i.fa-eye-slash{font-size:2vw}.popup_container{top:49%}.popup_title{font:normal bold 2vw/2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup input.btn_superbig{font:normal normal 2.4vw/2.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (max-width:1023px){.header .rightbox .hd-icon img{width:7.5vw}.col_checkbox{margin-right:10px}input.btn_superbig{padding:5px;font:normal bold 5vw/6.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_container{top:3%}.popup_title{padding:1.2vw;font:normal bold 4vw/4.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_in{width:calc(100% - 30px);padding:15px;font:normal normal 3.2vw/3.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:901px) and (max-width:1023px){.has-header{padding-top:5.6667vw}.index.has-header{padding-top:2vw}.header{height:5.6667vw}.header .logo img{width:22.6667vw}.header .rightbox .hd-icon img{width:5vw}input.btn_superbig{font:normal bold 3.2vw/4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_flex{width:calc(100% - 3vw);padding:1.5vw;font:normal normal 2.6vw/2.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox,.item_title{font:normal bold 2.6vw/2.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{font:normal normal 2.6vw/2.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}i.fa-eye-slash{font-size:3vw}.popup_container{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.popup_title{padding:1vw;font:normal bold 3.4vw/3.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:751px) and (max-width:900px){.has-header{padding-top:5.6667vw}.index.has-header{padding-top:2vw}.header{height:5.6667vw}.header .logo img{width:22.6667vw}.header .rightbox .hd-icon img{width:5vw}.has-footer{padding-bottom:16.3333vw}.footer{padding:2.5% 2% 0 2%}.ft-title{font:normal normal 2.2vw/2.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.ft-nav .gif-box,.ft-nav.active .gif-box{width:6.3333vw;height:6.3333vw;margin-bottom:5px}.ft-nav:nth-child(3) .ft-home{width:8.3333vw;height:8.3333vw}.ft-nav:nth-child(3) img{width:9.6667vw}.ft-nav:nth-child(3) .ft-home{-webkit-transform:translateY(-3vw);-moz-transform:translateY(-3vw);-ms-transform:translateY(-3vw);-o-transform:translateY(-3vw);transform:translateY(-3vw)}.ft-nav:nth-child(3) .ft-title{-webkit-transform:translateY(-2vw);-moz-transform:translateY(-2vw);-ms-transform:translateY(-2vw);-o-transform:translateY(-2vw);transform:translateY(-2vw)}input.btn_superbig{font:normal bold 3.2vw/4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_flex{width:calc(100% - 3vw);padding:1.5vw;font:normal normal 2.6vw/2.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox,.item_title{font:normal bold 2.8vw/2.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{font:normal normal 2.8vw/2.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}i.fa-eye-slash{font-size:3vw}.popup_container{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.popup_title{padding:1vw;font:normal bold 3.2vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:671px) and (max-width:750px){.has-header{padding-top:5.6667vw}.index.has-header{padding-top:1vw}.header{height:5.6667vw}.header .logo img{width:21.6667vw}.header .rightbox .hd-icon img{width:4.5vw}.has-footer{padding-bottom:16.3333vw}.ft-title{font:normal normal 2.2vw/2.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.ft-nav .gif-box,.ft-nav.active .gif-box{width:6.3333vw;height:6.3333vw;margin-bottom:3px}.ft-nav:nth-child(3) .ft-home{width:8.3333vw;height:8.3333vw}.ft-nav:nth-child(3) img{width:10.6667vw}.ft-nav:nth-child(3) .ft-home{-webkit-transform:translateY(-3vw);-moz-transform:translateY(-3vw);-ms-transform:translateY(-3vw);-o-transform:translateY(-3vw);transform:translateY(-3vw)}.ft-nav:nth-child(3) .ft-title{-webkit-transform:translateY(-2vw);-moz-transform:translateY(-2vw);-ms-transform:translateY(-2vw);-o-transform:translateY(-2vw);transform:translateY(-2vw)}input.btn_superbig{font:normal bold 3.2vw/4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_flex{width:calc(100% - 3vw);padding:1.5vw;font:normal normal 2.6vw/2.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox,.item_title{font:normal bold 2.6vw/2.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{font:normal normal 2.6vw/2.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_container{top:5%}.popup_title{padding:1vw;font:normal bold 3.2vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:551px) and (max-width:670px){.has-header{padding-top:5.6667vw}.index.has-header{padding-top:.6667vw}.header{height:5.6667vw}.header .logo img{width:23.6667vw}.header .rightbox .hd-icon img{width:5vw}.has-footer{padding-bottom:14.3333vw}.ft-title{font:normal normal 2.5vw/3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.ft-nav .gif-box,.ft-nav.active .gif-box{width:6.3333vw;height:6.3333vw;margin-bottom:3px}.ft-nav:nth-child(3) .ft-home{width:8.3333vw;height:8.3333vw}.ft-nav:nth-child(3) img{width:10.6667vw}.ft-nav:nth-child(3) .ft-home{-webkit-transform:translateY(-3vw);-moz-transform:translateY(-3vw);-ms-transform:translateY(-3vw);-o-transform:translateY(-3vw);transform:translateY(-3vw)}.ft-nav:nth-child(3) .ft-title{-webkit-transform:translateY(-2vw);-moz-transform:translateY(-2vw);-ms-transform:translateY(-2vw);-o-transform:translateY(-2vw);transform:translateY(-2vw)}input.btn_superbig{font:normal bold 3.8vw/4.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox{font:normal bold 2.8vw/3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{font:normal normal 2.8vw/3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.item_title{font:normal bold 2.8vw/3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_flex{font:normal normal 2.5vw/3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}i.fa-eye-slash{font-size:3vw}.popup_container{top:5%}.popup_title{padding:1vw;font:normal bold 3.2vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:401px) and (max-width:550px){.has-header{padding-top:7.6667vw}.index.has-header{padding-top:1.6667vw}.header{height:7.6667vw}.ft-title{font:normal normal 3.6vw/4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.btn_superbig{padding:5px;font:normal bold 4.6vw/5.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{font:normal normal 3.6vw/4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.item_title{font:normal bold 3.6vw/4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox{margin-right:5px;margin-bottom:5px;font:normal bold 3.4vw/3.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_container{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.popup_title{padding:1.5vw}}@media screen and (min-width:401px) and (max-width:414px){.has-header{padding-top:8.6667vw}.index.has-header{padding-top:.6667vw}.header{height:8.6667vw}.popup_title{padding:1.5vw;font:normal bold 4.6vw/4.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:321px) and (max-width:400px){.has-header{padding-top:9.6667vw}.index.has-header{padding-top:.1vw}.header{height:9.6667vw}.footer{height:20.3vw}.ft-title{font:normal normal 14px/14px "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.btn_superbig{padding:5px;font:normal bold 5vw/6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{padding:3px;font:normal normal 4vw/4.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox{margin-right:5px;margin-bottom:5px}.col_checkbox{font:normal bold 4vw/5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.item_title{font:normal bold 4.2vw/5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_container{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.popup_title{padding:3vw;font:normal bold 5vw/5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (max-width:320px){.has-header{padding-top:9.6667vw}.index.has-header{padding-top:0}.header{height:9.6667vw}.footer{height:20.3vw}.ft-title{font:normal normal 2.6vw/3.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.col_checkbox{margin-right:5px;margin-bottom:5px;font:normal bold 4.5vw/4.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.item_title{font:normal bold 4.6vw/5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.btn_superbig{padding:5px;font:normal bold 5.2vw/6.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}input.input100{font:normal normal 4.8vw/5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.popup_container{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.popup_title{padding:3vw;font:normal bold 5vw/5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (max-width:280px){input.input100{font:normal normal 15px/17px "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@charset "UTF-8";.user-info{width:92%;margin:3% auto 0;padding:1%;color:#354c76;background:linear-gradient(180deg,#fff 89.06%,#ebebeb 100%);-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.25);-ms-box-shadow:0 0 8px 0 rgba(0,0,0,.25);-o-box-shadow:0 0 8px 0 rgba(0,0,0,.25);box-shadow:0 0 8px 0 rgba(0,0,0,.25);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}.status-box{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;padding:2%;word-break:break-word}.user-status{display:flex;flex-direction:column;justify-content:center;width:40%;font:normal normal 3vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.user-status .username{margin-bottom:2vw}.user-status .user-id{color:#2196f3;font-weight:700}.user-status .login-balance{display:flex;align-items:center;cursor:pointer}.user-status .login-balance img{width:7.3333vw;margin-left:2px}.user-info .btn-list{display:flex;align-items:flex-start;justify-content:space-evenly;width:60%}.user-info .btn-item{width:25%;font:normal normal 3vw/3.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif;text-align:center}.user-info .btn-list img{display:block;width:10.6667vw;margin:0 auto 1.6vw}.home-game{display:flex;justify-content:space-between;height:120vw;margin-top:2.6667vw}.home-game .tabs-list{position:relative;height:127.9333vw;width:27.4667vw}.tabs-list .game-tab{position:absolute;width:13.3333vw;height:13.3333vw;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-repeat:no-repeat;background-size:contain;background-position:center center;cursor:pointer}.tabs-list .game-tab.active:after{content:"";position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-size:contain;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tabs-list .game-tab.gametype-tab-1{background-image:url(/images/games/tabs-list/sportsd365.png?230627)}.tabs-list .game-tab:nth-child(1){left:0;top:2.6667vw}.tabs-list .game-tab.gametype-tab-2{background-image:url(/images/games/tabs-list/lived365.png?230627)}.tabs-list .game-tab:nth-child(2){left:6.9333vw;top:18.4667vw}.tabs-list .game-tab.gametype-tab-3{background-image:url(/images/games/tabs-list/lotteryd365.png?230627)}.tabs-list .game-tab:nth-child(3){left:12.4333vw;top:35.1667vw}.tabs-list .game-tab.active.gametype-tab-3:after{width:12.2667vw;height:10.1333vw;background-image:url(/images/games/tabs-list/m-lotteryd365.png?230627)}.tabs-list .game-tab.gametype-tab-4{background-image:url(/images/games/tabs-list/Multi74b4.png?230607)}.tabs-list .game-tab:nth-child(4){left:14.4667vw;top:53.0333vw}.tabs-list .game-tab.gametype-tab-5{background-image:url(/images/games/tabs-list/slot74b4.png?230607)}.tabs-list .game-tab:nth-child(5){left:13.6667vw;top:71.1333vw}.tabs-list .game-tab.gametype-tab-6{background-image:url(/images/games/tabs-list/Racing74b4.png?230607)}.tabs-list .game-tab:nth-child(6){left:8.6667vw;top:88.6333vw}.tabs-list .game-tab.gametype-tab-7{background-image:url(/images/games/tabs-list/Fishing74b4.png?230607)}.tabs-list .game-tab:nth-child(7){left:0;top:104.3333vw}.tabs-list .game-tab.active{background-image:url(/images/games/tabs-list/m-bg75d0.png?230621)}.home-game .game-list{width:69.3333vw;height:100%;overflow-y:auto}.game-list .game{position:relative;width:61.3333vw;height:26.6667vw;margin-bottom:2.6667vw;font:normal bold 4vw/4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif;-webkit-border-radius:2.6667vw;-moz-border-radius:2.6667vw;-ms-border-radius:2.6667vw;-o-border-radius:2.6667vw;border-radius:2.6667vw;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;cursor:pointer}.game-list .game .game-bg{width:100%;-webkit-border-radius:2.6667vw;-moz-border-radius:2.6667vw;-ms-border-radius:2.6667vw;-o-border-radius:2.6667vw;border-radius:2.6667vw}.game-list .logobox{position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;align-content:center;width:100%;height:100%}.game-list .game-icon{display:flex;flex-wrap:wrap;justify-content:space-around;flex-direction:column;align-items:center;width:50%;height:26vw;padding:0 0 0 3%;word-break:break-word}.game-list .game-name{margin:2% 0;text-align:left;font:normal bold 4.2vw/4.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .newhot-box{display:flex;align-items:center;justify-content:flex-start;width:100%;height:10vw}.game-list .game.position-2{-webkit-transform:translateX(4vw);-moz-transform:translateX(4vw);-ms-transform:translateX(4vw);-o-transform:translateX(4vw);transform:translateX(4vw)}.game-list .game.position-3{-webkit-transform:translateX(6.6667vw);-moz-transform:translateX(6.6667vw);-ms-transform:translateX(6.6667vw);-o-transform:translateX(6.6667vw);transform:translateX(6.6667vw)}.game-list .game.position-4{-webkit-transform:translateX(2.6667vw);-moz-transform:translateX(2.6667vw);-ms-transform:translateX(2.6667vw);-o-transform:translateX(2.6667vw);transform:translateX(2.6667vw)}.game-type-1 .game-name{color:#69d627}.game-type-2 .game-name{color:#fd7427}.game-type-3 .game-name{color:#f33}.game-type-4 .game-name{color:#e28904}.game-type-5 .game-name{color:#f63dac}.game-type-6 .game-name{color:#00b460}.game-type-7 .game-name{color:#0076da}@media screen and (min-width:1024px){.status-box{padding:1% 2%}.user-info .btn-list img{width:6.6667vw;margin:0 auto 1vw}.user-status .login-balance img{width:5vw;margin-left:8px}.user-info .btn-item,.user-status{font:normal normal 1.8vw/2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .newhot-box{height:12vw}.game-list .game,.game-list .game-name{font:normal bold 3vw/3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:1920px){.status-box{padding:1%}.user-info .btn-list img{width:5vw}.user-status .login-balance img{width:4vw}.user-info .btn-item,.user-status{font:normal normal 1.6vw/1.8vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:1024px) and (max-width:1300px){.user-info .btn-item,.user-status{font:normal normal 2.2vw/2.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game,.game-list .game-name{font:normal bold 3vw/3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:901px) and (max-width:1023px){.user-status .login-balance img{width:5.3333vw;margin-left:5px}.user-info .btn-list img{width:8.6667vw;margin:0 auto 1vw}.user-info .btn-item,.user-status{font:normal normal 2.4vw/2.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game{font:normal bold 3.2vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game-name{font:normal bold 3.2vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game-name{margin:0}}@media screen and (min-width:751px) and (max-width:900px){.user-status .login-balance img{width:5.3333vw;margin-left:5px}.user-info .btn-list img{width:8.6667vw;margin:0 auto 1vw}.user-info .btn-item,.user-status{font:normal normal 2.4vw/2.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game{font:normal bold 3.2vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game-name{font:normal bold 3.2vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game-name{margin:0}}@media screen and (min-width:671px) and (max-width:750px){.user-status .login-balance img{width:5.3333vw;margin-left:5px}.user-info .btn-list img{width:8.6667vw;margin:0 auto 1vw}.user-info .btn-item,.user-status{font:normal normal 2.4vw/2.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game{font:normal bold 3.2vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game-name{font:normal bold 3.2vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game-name{margin:0}}@media screen and (min-width:551px) and (max-width:670px){.user-status .login-balance img{width:5.3333vw;margin-left:5px}.user-info .btn-list img{width:7.6667vw;margin:0 auto 1vw}.game-list .game{font:normal bold 3.5vw/3.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.user-info .btn-item,.user-status{font:normal normal 2.5vw/3vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.game-list .game-name{font:normal bold 3.4vw/3.4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:401px) and (max-width:550px){.user-status .login-balance img{width:7.3333vw;margin-left:5px}.user-info .btn-list img{width:8.6667vw;margin:0 auto 1vw}.user-info .btn-list{width:65%}.game-list .game{font:normal bold 3.5vw/3.5vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}.user-info .btn-item,.user-status{width:35%;font:normal normal 3.2vw/3.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:401px) and (max-width:414px){.user-info .btn-item,.user-status{font:normal normal 3.4vw/3.6vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}@media screen and (min-width:321px) and (max-width:400px){.user-info .btn-list{width:65%}.user-status{width:35%;font:normal normal 3.5vw/4vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif}}