html body #app{height:auto;font-family:Microsoft JhengHei;margin:0;padding:0;background-image:url(../../assets/img/5.24b6.jpg);background-repeat:no-repeat;background-size:cover;min-height:900px;display:flex;flex-direction:column;min-height:100vh}@media screen and (max-width: 560px){html body #app{background-image:none}html body #app img{transition:all 0.8s ease-in-out}html body #app img:active{transition:all 0.2s ease;-webkit-transform:scale(1.2);transform:scale(1.2)}}nav{font-weight:600;height:50px;padding:10px;backdrop-filter:blur(50px)}@media screen and (max-width: 560px){nav{background-color:#71edff;height:70px;padding:10px 10px 0px 10px}}.nav_box{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 560px){.nav_box{background:#fff;border-radius:10px;color:#5c5c5c}}.nav_box h1{color:#fff;font-style:"微軟正黑體";font-weight:900}@media screen and (max-width: 560px){.nav_box h1{color:#5c5c5c;font-weight:300}}.nav_box .nav_button{padding-right:10px}.nav_box .nav_button a{display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:900}@media screen and (max-width: 560px){.nav_box .nav_button span{display:none}}.nav_box .nav_button img{height:50px;padding-right:10px}@media screen and (max-width: 560px){.nav_box .nav_button img{height:40px}}.nav_box .website_title_box{padding:15px 50px;font-size:1.5rem}@media screen and (max-width: 560px){.nav_box .website_title_box{padding:15px 10px;margin:5px 10px}}footer{background:#000;text-align:center;display:flex;height:100px;justify-content:center;align-items:center}@media screen and (max-width: 560px){footer{height:80px;background:#19c9ff}}.main_box{padding:10px;margin:0;width:auto;height:100%;position:relative}@media screen and (max-width: 1370px){.main_box{margin:0;width:auto;height:100%;position:relative}}@media screen and (max-width: 560px){.main_box{position:relative;background-color:#71edff;background-image:none}}.other_box{color:#fff;background:rgba(26,25,25,0.8);border-radius:15px;min-height:720px;padding:10px 50px;margin:10px;font-size:1.5em;font-weight:600;line-height:4rem;flex:1}@media screen and (max-width: 1370px){.other_box{margin:0px}}.other_box p{margin-bottom:0}@media screen and (max-width: 560px){.other_box{padding:0;padding:10px;background:#fff;color:#2c2c2c}.other_box span{color:#5c5c5c}.other_box .flex_box_2_item_1{color:#5c5c5c}}.other_box_title{text-align:center;padding:10px}.other_box_title p{font-size:2rem;padding:20px}.city_button{background-color:rgba(26,25,25,0.4);border-style:none;font-weight:600;font-size:1.5rem;padding:20px;margin:10px;color:white;border-radius:8px;display:inline-block;cursor:pointer}@media screen and (max-width: 560px){.city_button{background-color:#ffda6d;padding:20px 10px;line-height:1.6rem}}.sub_info_box{display:flex;justify-content:center}.sub_info_box .sub_info{position:fixed;top:0;z-index:10;display:flex;justify-content:center;align-items:center;width:auto}.sub_info_box .sub_info p{margin-top:20px;padding:10px;border-radius:10px;color:#fff;font-weight:bolder;background:rgba(99,99,99,0.5)}@media screen and (max-width: 560px){.sub_info_box .sub_info p{background:#ff8484}}.sub_info{position:fixed;top:0;z-index:10;display:flex;justify-content:center;align-items:center;width:100%}.sub_info p{margin-top:20px;padding:10px;border-radius:10px;color:#fff;font-weight:bolder;background:rgba(99,99,99,0.5)}@media screen and (max-width: 560px){.sub_info p{background:#ff8484}}.sub_button{display:flex;align-items:center;justify-content:center;background:#383838;width:200px;padding-left:20px}@media screen and (max-width: 1370px){.sub_button{width:72px;padding-left:0px}}@media screen and (max-width: 560px){.sub_button{background:#fee2f0}}.sub_button img{height:72px}.sub_text{font-size:1.5rem;color:#c2c2c2;font-weight:900}@media screen and (max-width: 1370px){.sub_text{display:none}}#local_icon{width:70px}.title_box_title{background:rgba(26,25,25,0.4);overflow:hidden;color:#ffffff;border-radius:15px;display:flex;flex:1;height:72px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 560px){.title_box_title{background:#fff;color:#9c9c9c}}.title_box_title .city_block{display:flex;height:72px;width:72px;align-items:center;justify-content:center;background:rgba(0,0,0,0.3)}@media screen and (max-width: 560px){.title_box_title .city_block{height:72px;width:54px;background:#ffe8a5}}.title_box_title .city_block p{width:72px;font-size:2rem;color:#fff;font-weight:bolder}.title_box_title .title_city{font-size:50px;padding:10px;flex:1}@media screen and (max-width: 1370px){.title_box_title .title_city{font-size:35px}}.title_box_title .next_city{display:flex;height:72px;width:72px;align-items:center;justify-content:center;background:rgba(0,0,0,0.3)}@media screen and (max-width: 560px){.title_box_title .next_city{height:72px;width:54px;background:#dedede}}.title_box_title .next_city img{height:60px;font-size:2rem}.title_box_title .next_city p{height:60px;font-size:2rem}.info_box_title_box{overflow:hidden;position:relative;color:#fff;margin:10px 10px 0px 0px;text-align:center;display:flex;justify-content:space-between;text-align:none !important;max-height:70px;align-items:center}.info_box_title_box .h4{margin-bottom:0;color:#fff;background:rgba(26,25,25,0.4);max-width:200px;margin-right:10px;border-radius:15px;display:flex;cursor:pointer;justify-content:center;align-items:center}.info_box_title_box .h4 span{color:#ffffff;font-weight:600;font-size:1.6rem;padding:0px 10px 0px 0px}.info_box_title_box .hover:hover img{transition:all 0.4s ease;-webkit-transform:scale(1.15);transform:scale(1.15)}.info_box_title_box a:hover{text-decoration:none}.info_box_title_box span{padding-right:20px}@media screen and (max-width: 1370px){.info_box_title_box{margin:0px}}@media screen and (max-width: 560px){.info_box_title_box .h4{background:#fff;color:#2c2c2c}.info_box_title_box span{display:none}}.dist_list{margin-top:20px}@media screen and (max-width: 560px){.dist_list{margin-top:15px;overflow:scroll;overflow-y:auto;overflow-x:auto;display:flex;background:#fff;align-items:center;border-radius:20px}}.dist_list .dist_name{background-color:rgba(26,25,25,0.4);border-style:none;font-weight:600;font-size:1.5rem;padding:20px;margin:10px;color:white;border-radius:8px;display:none}@media screen and (max-width: 560px){.dist_list .dist_name{display:inline-block;background-color:#ffffff;color:#afafaf;padding:20px 10px;line-height:1.6rem}}::-webkit-scrollbar-track{padding:2px 0px;border-radius:5px}@media screen and (max-width: 560px){::-webkit-scrollbar-track{border-radius:0px;background-color:#71edff;border:1px solid #71edff}}::-webkit-scrollbar-thumb{border-radius:10px;border:none}@media screen and (max-width: 560px){::-webkit-scrollbar-thumb{background-color:#26bad1}}.flex_box1{display:flex;align-items:stretch}.now_weather_flex_box_child:hover img{transition:all 0.4s ease;-webkit-transform:scale(1.15);transform:scale(1.15)}.now_weather_flex_box_child{width:auto;height:calc(50% - 10px);overflow:hidden;position:relative;color:#fff;background:rgba(26,25,25,0.8);border-radius:15px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width: 1370px){.now_weather_flex_box_child{width:50%}}@media screen and (max-width: 560px){.now_weather_flex_box_child{height:auto;background:#fff;font-weight:600;color:#2c2c2c}}.now_weather_flex_box_child img{width:100%;max-width:196px}.now_weather_flex_box_child .WD{font-size:3rem;padding-bottom:20px}@media screen and (max-width: 1370px){.now_weather_flex_box_child .WD{font-size:2rem;padding-bottom:20px}}@media screen and (max-width: 560px){.now_weather_flex_box_child .WD{font-size:1.5rem;color:#5c5c5c}}.now_weather_flex_box_child .temp{font-size:3rem;padding-bottom:20px;font-weight:bolder}@media screen and (max-width: 1370px){.now_weather_flex_box_child .temp{font-size:2rem;padding-bottom:20px}}@media screen and (max-width: 560px){.now_weather_flex_box_child .temp{font-size:1.5rem;color:#5c5c5c}}.now_weather_flex_box_child_line{display:block;height:20px}@media screen and (max-width: 1370px){.now_weather_flex_box_child_line{width:10px}}@media screen and (max-width: 560px){.now_weather_flex_box_child_line{width:10px}}.flex_box_2{display:flex;text-align:center;flex-wrap:wrap;color:#d6d6d6;height:50px;font-size:1.2rem}.flex_box_2 p{width:100%}.flex_box_2_item_1{flex:1;white-space:nowrap;justify-content:center;text-align:center}.flex_box_2_item_2{flex:4;white-space:nowrap;display:flex;justify-content:center;text-align:center;max-height:64px}.flex_box_2_item_3{flex:4;white-space:nowrap;display:flex;text-align:center;overflow:scroll;overflow-y:auto;overflow-x:visible}::-webkit-scrollbar{height:4px;width:0px;background:#5c5c5c;overflow:hidden}.info_box{width:900px}.info_box #list_now_container{padding:0;max-width:none}@media screen and (max-width: 1370px){.info_box{width:100%;position:relative}}@media screen and (max-width: 560px){.info_box{width:100%;position:relative}}.now_weather_box1{display:flex}@media screen and (max-width: 1370px){.now_weather_box1{display:block}}.now_weather_flex_box{align-content:flex-start;width:300px;display:block;padding:10px 0px}@media screen and (max-width: 1370px){.now_weather_flex_box{width:100%;display:flex}}.location_show{display:flex;overflow:hidden;position:relative;border-radius:15px;text-align:center;margin-top:10px;background:#ffda6d;background:rgba(26,25,25,0.63)}@media screen and (max-width: 560px){.location_show{background:#ffda6d}}.citys_list_title_box{width:100%}@media screen and (max-width: 560px){.citys_list_title_box{border-left:2px solid #fff}}.citys_list_title_box:nth-child(1){border-left:0px}.citys_list_title{font-size:1.5rem;font-weight:600;padding:20px 0px;color:#fff;display:inline-block;width:100%;cursor:pointer}@media screen and (max-width: 560px){.citys_list_title{background:#ffda6d;padding:20px 20px;width:auto}}.citys_list{list-style:none;width:100%;overflow:scroll;overflow-y:auto;overflow-x:auto;display:flex}.citys_list_height{min-height:85px}@media screen and (max-width: 560px){.citys_list_height{height:130px}}.citys_list_child{width:auto;padding:20px;margin:10px;font-size:1.5rem;font-weight:bolder;padding:20px;background-color:rgba(26,25,25,0.4);color:white;border-radius:15px;cursor:pointer}@media screen and (max-width: 560px){.citys_list_child{background:#fff;color:#afafaf;width:1.5rem}}.city_box{display:flex;margin-top:20px}.city_box .city_box_item{flex:1}@media screen and (max-width: 1370px){.city_box{flex-direction:column}}.city_other_box{max-width:750px;padding:20px 20px 0px 20px;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 1370px){.city_other_box{max-width:none;margin-bottom:50px;padding-bottom:100px}}.chart_body{margin:10px}@media screen and (max-width: 560px){.chart_body{margin:30px 0px 0px 0px}}.chart_line{height:20px;display:block}.chart_box{margin:0px 30px 0px 10px;background:rgba(26,25,25,0.8);padding:10px;border-radius:20px;text-align:center}.chart_box .chart_box_title{font-size:2rem;color:white}@media screen and (max-width: 560px){.chart_box .chart_box_title{margin-bottom:20px}}@media screen and (max-width: 1370px){.chart_box{margin:5px 0px 20px 0px}}@media screen and (max-width: 560px){.chart_box{padding:50px 10px;margin:0px 0px 20px 0px}}#myChart,#myChart2{max-height:400px}#footer_vue{padding:3rem 0;background:#000;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:auto}#footer_vue .link_box{text-align:start;padding-top:0rem}@media screen and (max-width: 560px){#footer_vue{background:#fff;color:#000}}#footer_vue a{color:#8ac6cd}#footer_vue .GitInfo{padding-top:1rem}@media screen and (max-width: 1370px){.flex_box_2_item_1{flex:1;font-size:1.2rem}.flex_box_2_item_2{flex:4;font-size:1.2rem}.flex_box_2_item_3{font-size:1.2rem}}

#vue_first_loding{height:800px;background:#0c0c0c;display:flex;align-items:center;justify-content:center;transition:opacity 3s ease-in-out}@media screen and (max-width: 560px){#vue_first_loding{background:#71edff;height:800px}}#Element_loding{height:800px;display:flex;align-items:center;justify-content:center;opacity:1}@media screen and (max-width: 560px){#Element_loding{height:500px}}.loading span{display:inline-block;vertical-align:middle;width:0.6em;height:0.6em;margin:0.19em;background:#007db6;border-radius:0.6em;animation:loading 1s infinite alternate}.loading span:nth-of-type(2){background:#008fb2;animation-delay:0.2s}.loading span:nth-of-type(3){background:#009b9e;animation-delay:0.4s}.loading span:nth-of-type(4){background:#00a77d;animation-delay:0.6s}.loading span:nth-of-type(5){background:#00b247;animation-delay:0.8s}.loading span:nth-of-type(6){background:#5ab027;animation-delay:1s}.loading span:nth-of-type(7){background:#a0b61e;animation-delay:1.2s}@keyframes loading{0%{opacity:0}100%{opacity:1}}.fade-enter-active{transition:ease 1s}.fade-enter,.fade-leave-to{opacity:0}.fade_switch-enter-active{transition:ease 0.5s}.fade_switch-leave-active{transition:ease 0.2s}.fade_switch-enter,.fade_switch-leave-to{opacity:0}.fade_PC-enter-active{transition:ease 1s}@media screen and (max-width: 560px){.fade_PC-enter-active{transition:0s}}.fade_PC-enter,.fade_PC-leave-to{opacity:0}.fade_long-enter-active,.fade_long-leave-active{transition:all ease 0.5s}.fade_long-enter,.fade_long-leave-to{opacity:0}.load-enter-active{transition:ease 0.5s}.load-enter,.load-leave-to{opacity:0}.bob-enter-active{transition:ease 0.5s;transform:scale(1, 1)}.bob-enter,.bob-leave-to{opacity:0;transform:scale(0.8, 0.8)}.bob_sub-enter{transform:scale(0.8, 0.8);opacity:0}.bob_sub-enter-to{transform:scale(1, 1);opacity:1}.bob_sub-leave-to{opacity:0}.bob_sub-enter-active{transition:all 0.5s ease}.bob_sub-leave-active{transition:all 0.8s ease}@media screen and (max-width: 560px){.bob_long_mobile-enter-active{transition:ease 1s;transform:scale(1, 1)}}@media screen and (max-width: 560px){.bob_long_mobile-enter,.bob_long_mobile-leave-to{opacity:0;transform:scale(0.8, 0.8)}}@media screen and (max-width: 560px){.bob_mobile-enter-active{transition:ease 0.5s;transform:scale(1, 1)}}@media screen and (max-width: 560px){.bob_mobile-enter,.bob_mobile-leave-to{opacity:0;transform:scale(0.8, 0.8)}}@media screen and (max-width: 560px){.down-enter-active{transition:ease 0.5s;transform:translateY(0px);opacity:100}}.down-enter{transform:translateY(-20px);opacity:0}@media screen and (max-width: 560px){.down-leave-to{transition:ease 0.2s;transform:translateY(-20px);opacity:0}}.left-enter{transition:0s}@media screen and (max-width: 560px){.left-enter{transform:translateX(20px)}}.left-leave-to{display:none}@media screen and (max-width: 560px){.left-enter-to{transition:ease 1s;transform:translateX(0px)}}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}input:focus,button:focus{outline:none;box-shadow:none}div,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type="button"],button{cursor:pointer}

#vue_first_loding{height:800px;background:#0c0c0c;display:flex;align-items:center;justify-content:center;transition:opacity 3s ease-in-out}@media screen and (max-width: 560px){#vue_first_loding{background:#71edff;height:800px}}#Element_loding{height:800px;display:flex;align-items:center;justify-content:center;opacity:1}@media screen and (max-width: 560px){#Element_loding{height:500px}}.loading span{display:inline-block;vertical-align:middle;width:0.6em;height:0.6em;margin:0.19em;background:#007db6;border-radius:0.6em;animation:loading 1s infinite alternate}.loading span:nth-of-type(2){background:#008fb2;animation-delay:0.2s}.loading span:nth-of-type(3){background:#009b9e;animation-delay:0.4s}.loading span:nth-of-type(4){background:#00a77d;animation-delay:0.6s}.loading span:nth-of-type(5){background:#00b247;animation-delay:0.8s}.loading span:nth-of-type(6){background:#5ab027;animation-delay:1s}.loading span:nth-of-type(7){background:#a0b61e;animation-delay:1.2s}@keyframes loading{0%{opacity:0}100%{opacity:1}}.fade-enter-active{transition:ease 1s}.fade-enter,.fade-leave-to{opacity:0}.fade_switch-enter-active{transition:ease 0.5s}.fade_switch-leave-active{transition:ease 0.2s}.fade_switch-enter,.fade_switch-leave-to{opacity:0}.fade_PC-enter-active{transition:ease 1s}@media screen and (max-width: 560px){.fade_PC-enter-active{transition:0s}}.fade_PC-enter,.fade_PC-leave-to{opacity:0}.fade_long-enter-active,.fade_long-leave-active{transition:all ease 0.5s}.fade_long-enter,.fade_long-leave-to{opacity:0}.load-enter-active{transition:ease 0.5s}.load-enter,.load-leave-to{opacity:0}.bob-enter-active{transition:ease 0.5s;transform:scale(1, 1)}.bob-enter,.bob-leave-to{opacity:0;transform:scale(0.8, 0.8)}.bob_sub-enter{transform:scale(0.8, 0.8);opacity:0}.bob_sub-enter-to{transform:scale(1, 1);opacity:1}.bob_sub-leave-to{opacity:0}.bob_sub-enter-active{transition:all 0.5s ease}.bob_sub-leave-active{transition:all 0.8s ease}@media screen and (max-width: 560px){.bob_long_mobile-enter-active{transition:ease 1s;transform:scale(1, 1)}}@media screen and (max-width: 560px){.bob_long_mobile-enter,.bob_long_mobile-leave-to{opacity:0;transform:scale(0.8, 0.8)}}@media screen and (max-width: 560px){.bob_mobile-enter-active{transition:ease 0.5s;transform:scale(1, 1)}}@media screen and (max-width: 560px){.bob_mobile-enter,.bob_mobile-leave-to{opacity:0;transform:scale(0.8, 0.8)}}@media screen and (max-width: 560px){.down-enter-active{transition:ease 0.5s;transform:translateY(0px);opacity:100}}.down-enter{transform:translateY(-20px);opacity:0}@media screen and (max-width: 560px){.down-leave-to{transition:ease 0.2s;transform:translateY(-20px);opacity:0}}.left-enter{transition:0s}@media screen and (max-width: 560px){.left-enter{transform:translateX(20px)}}.left-leave-to{display:none}@media screen and (max-width: 560px){.left-enter-to{transition:ease 1s;transform:translateX(0px)}}.index{padding:10px;display:flex;height:1000px}@media screen and (max-width: 1527px){.index{display:block;margin:0;width:auto;height:auto;position:relative;height:auto}}@media screen and (max-width: 560px){.index{background-color:#71edff;background-image:none;padding-bottom:50px;min-height:1000px;min-height:1000px}}.index_child{flex:2;text-align:center}@media screen and (max-width: 1527px){.index_child{width:100%;position:relative !important}}svg{width:auto;max-width:600px}@media screen and (max-width: 1750px){svg{margin-right:50px}}svg path{fill:#7fe4ff;stroke:white;stroke-width:1.5;cursor:pointer}svg path.active{fill:pink;transform:translateY(-5px);transition:all 0.5s ease}svg text{fill:#000;font-size:0.8rem;font-weight:bold;-webkit-user-select:none;cursor:pointer}.d3_select{fill:#ffda98}@media screen and (max-width: 1527px){#tw_box{display:none}}#taiwan_box{text-align:right;right:100px;font-size:1.5em;padding:25px}#pin_icon{width:60px}

.account_box{height:800px;justify-content:center;align-items:center;display:flex}@media screen and (max-width: 560px){.account_box{height:auto;padding-top:50px;padding-bottom:100px}}.account_box .account_info_box{background-color:rgba(44,51,56,0.79);color:#606468;max-width:600px;border-radius:20px;text-align:center;padding:50px;margin:0 auto}@media screen and (max-width: 560px){.account_box .account_info_box{padding:50px 10px;background-color:#fff}}.account_box .account_info_box .account_main_box{display:flex;flex-direction:column;justify-content:center;text-align:center;width:400px;margin:0 auto}@media screen and (max-width: 560px){.account_box .account_info_box .account_main_box{width:100%}}.account_box .account_info_box .account_main_box .switch_register{font-weight:600}@media screen and (max-width: 560px){.account_box .account_info_box .account_main_box .switch_register{color:#2c2c2c}}.account_check{margin-bottom:20px;color:#fff}.switch_register{margin-top:20px;color:#fff;cursor:pointer}.account_info_title{color:#fff;font-size:3rem;text-align:center;padding-bottom:50px}@media screen and (max-width: 560px){.account_info_title{color:#938f8f}}.account_type_box{height:70px;flex:1;margin-bottom:50px;display:flex;border-radius:10px;overflow:hidden}@media screen and (max-width: 560px){.account_type_box{height:50px}}.account_type_box div{display:flex;width:70px;height:70px;background:#747474;justify-content:center;align-items:center}@media screen and (max-width: 560px){.account_type_box div{height:50px;width:50px;background:#969494}}.account_type_box div img{width:40px;height:40px}@media screen and (max-width: 560px){.account_type_box div img{width:30px;height:30px}}.account_type_box input{border:none;width:calc(100% + -50px);font-size:2rem;padding:0px 10px;border-radius:0px}@media screen and (max-width: 560px){.account_type_box input{font-size:1.5rem;background:#efeded}}.account_type_box input:focus{background:#fff4bd;outline:none}.account_input_button{width:100%;background-color:#4be6fe;border-style:none;border-radius:8px;font-size:2rem;color:#fff;font-weight:900}@media screen and (max-width: 560px){.account_input_button{height:50px;background-color:#ffd65b}}.login_check{margin-top:10px;color:#fff}.switch_register{margin-top:20px;color:#fff;cursor:pointer}

.main_user{min-height:800px}.user_nav{display:flex}.user_nav .user_nav_item{flex:1;padding:20px 0px;font-size:2rem;color:#fff;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 560px){.user_nav .user_nav_item{padding:0px 0px}}.user_nav .user_nav_item img{height:50px}@media screen and (max-width: 560px){.user_nav .user_nav_item img{display:block}}@media screen and (max-width: 560px){.user_nav .user_nav_item p{display:none}}.user_nav .item_2{background:rgba(255,152,152,0.69);cursor:pointer}.user_nav .item_3{background:rgba(25,201,255,0.78);cursor:pointer}.user_box{text-align:center;margin:0 auto;background:rgba(32,32,32,0.7);border-radius:30px;overflow:hidden;max-width:1000px;margin-top:50px}#login_out{width:100%;height:50px;font-size:1.2rem;background:rgba(0,0,0,0.5);color:#afafaf;font-weight:900;border-style:none;cursor:pointer}.sub_box{min-height:500px}.sub_list{-webkit-flex-flow:row wrap;width:100%;display:flex;padding-top:50px}.sub_list h2{width:100%;font-size:3rem;color:#fff;margin-bottom:50px}@media screen and (max-width: 560px){.sub_list h2{font-size:2rem;margin-bottom:30px}}.sub_item_box{display:flex;margin-bottom:50px;background:#fff;border-radius:15px;overflow:hidden;margin:20px 10px;width:calc(50% - 20px);justify-content:space-between}@media screen and (max-width: 900px){.sub_item_box{width:calc(100%)}}.sub_item_box .sub_item_text{width:100%;font-size:2rem;margin:15px 10px;cursor:pointer}@media screen and (max-width: 560px){.sub_item_box .sub_item_text{font-size:1.2rem;font-weight:900}}.sub_item_box .sub_item_button button{width:80px;height:100%;border-style:none;background:#ff9898;color:#fff;font-weight:900;font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.sub_item_box .sub_item_button button img{display:none;height:30px}@media screen and (max-width: 560px){.sub_item_box .sub_item_button button img{display:block}}@media screen and (max-width: 560px){.sub_item_box .sub_item_button button p{display:none}}.sub_item_box:hover{transform:perspective(1px) scale(1.02);transition:0.2s ease;background:#fff0c5}.user_info_box{min-height:400px}.user_info_nav{display:flex;height:50px;color:#fff}.user_info_nav .user_info_nav_items{flex:1;height:100%;background:#626262;display:flex;justify-content:center;align-items:center;cursor:pointer}.user_info_nav .user_info_nav_items img{height:100%}.user_info_nav .line{border:1px solid rgba(32,32,32,0)}.telegram_box h2,.change_password_box h2{padding-top:50px;font-size:3rem;color:#fff;padding-bottom:50px}@media screen and (max-width: 560px){.telegram_box h2,.change_password_box h2{font-size:2rem}}.change_password_box_item_box{max-width:350px;width:auto;margin:0 auto;padding:20px 0px 20px 0px}@media screen and (max-width: 560px){.change_password_box_item_box{padding:20px 10px 20px 10px}}.change_password_box_item_box .password_item{display:flex;justify-content:space-between;color:#fff;margin-bottom:50px;height:30px;align-items:center;font-size:1.2rem}.change_password_box_item_box .password_item input{height:100%;background:#333;border-style:none;border-radius:10px;padding:5px 20px;color:#ccc}.change_password_box_item_box button{border-style:none;width:calc(100% - 40px);margin:0px 20px;height:40px;background:#82a25e;border-radius:10px;color:#fff;font-weight:900;font-size:1.5rem}.change_password_box_item_box .send_change_result{padding-top:10px;color:#fff}.telegram_box{height:100%}@media screen and (max-width: 560px){.telegram_box{margin-bottom:30px}}.telegtam_item_box{display:flex;align-items:center;justify-content:center;margin-top:30px;margin-bottom:20px}@media screen and (max-width: 560px){.telegtam_item_box{flex-direction:column;margin-top:10px;margin-bottom:0}}.telegtam_item_box .telegram_item{flex:1;color:#fff;height:200px}@media screen and (max-width: 560px){.telegtam_item_box .telegram_item{margin-top:20px}}.telegtam_item_box .telegram_item .item_status{display:flex;justify-content:center;align-items:center}.telegtam_item_box .telegram_item .item_status img{height:40px;padding-right:10px}.telegtam_item_box .telegram_item .item_status #update{height:25px;padding-left:10px;cursor:pointer}.telegtam_item_box .telegram_item .item_user{margin-top:50px}@media screen and (max-width: 560px){.telegtam_item_box .telegram_item .item_user{margin-top:40px}}.telegtam_item_box .telegram_item .item_user .bind_box{padding:10px 0px;display:flex;justify-content:center;align-items:center}.telegtam_item_box .telegram_item .item_user .bind_box p{background:#000;padding:15px;border-radius:10px 0px 0px 10px}.telegtam_item_box .telegram_item .item_user .bind_box button{height:46px;width:50px;border-radius:0px 10px 10px 0px;border-style:none;background:rgba(34,32,32,0.63);cursor:pointer}.telegtam_item_box .telegram_item .item_user .bind_box button img{height:20px}.telegtam_item_box .telegram_item .item_user .notice_box{height:50px}.telegtam_item_box .telegram_item .item_user .notice{color:#fff;background:#fa5959;width:100px;padding:5px;margin:0 auto;margin-bottom:20px;border-radius:10px;z-index:10}.bind_status{font-size:2rem}