@import url(https://fonts.googleapis.com/css2?family=Krona+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Noto+Serif+Display:wght@600&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:400;vertical-align:baseline;font-family:'Noto Serif TC',serif,"微軟正黑體","Lucida Grande",Arial,"Arial Narrow";font-size:18px}
html{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:400;vertical-align:baseline;font-family:'Noto Serif TC',serif,"微軟正黑體","Lucida Grande",Arial,"Arial Narrow";font-size:87px}
body{position:relative;color:#000}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
li,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
td,th{vertical-align:middle}
a{outline:0;color:#000;text-decoration:none;-webkit-backface-visibility:hidden}
a:focus{outline:0}
input:focus,select:focus,textarea:focus{outline:-webkit-focus-ring-color auto 0}
select{border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
img{max-width:100%;display:block}
.wrapper{overflow:hidden;position:relative}
.bigw{width:980px;margin:0 auto;position:relative}
.flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.bigw2{width:85%;margin:0 auto;position:relative;justify-content:space-between}
.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.5s;animation-duration:.5s}
.mobileSet{display:none}
header{-webkit-transition:ease-in-out .2s;-o-transition:ease-in-out .2s;transition:ease-in-out .2s;position:fixed;top:0;left:0;width:100%;z-index:999;background: #991e1e;
    background: -moz-linear-gradient(top,#991e1e 0,#f30303 0,#900000 100%);
    background: -webkit-linear-gradient(top, #991e1e 0, #f30303 0, #900000 100%);
    background: linear-gradient(to bottom, #991e1e 0, #f30303 0, #900000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#004f90', GradientType=0 )}
header .bigw.flexbox{align-items:center}
header nav{margin:0}
header nav li a{display:block;position:relative;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s;height:100px;line-height:100px;font-size:24px;font-weight:700;padding:0 18px;cursor:pointer;color:#fff}
header nav li a:hover{color:#9ec9ff}
header #cis{display:flex}
header h1{align-self:center}
.banner{overflow:hidden;padding:40px;margin-top:100px}
.banner .box{background-image:url(../images/banner/bg.jpg);position:relative;background-position:50% 60%}
.banner .box .slogan{width:400px;text-align:center;background:rgb(193 20 20 / 79%);padding:50px 0;margin-left:300px}
.banner .box .slogan img{margin:0 auto}
.banner .gqN{position:absolute;right:20px;bottom:20px;animation-name:tada;animation-duration:1s;animation-iteration-count:infinite}
.banner .gqN span{position:absolute;right:10px;bottom:-40px;transform:rotate(-35deg)}
.banner>img{padding:300px 5% 50px 0;float:right}
.topic .title h2{text-align:center}
.topic .title h2 b{display:inline-block;    background: #FFEB3B;
    color: #000;padding:15px 80px;border-radius:50px;font-size:30px}
.topic1{background: #991e1e;
    background: -moz-linear-gradient(top,#991e1e 0,#f30303 0,#900000 100%);
    background: -webkit-linear-gradient(top, #991e1e 0, #f30303 0, #900000 100%);
    background: linear-gradient(to bottom, #991e1e 0, #f30303 0, #900000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#004f90', GradientType=0 );padding:50px 0 80px}
.topic1 .topic1_one li{margin:30px 0}
.topic1 .topic1_one li .nox{overflow:hidden;background:#fff;border-top-right-radius:50px;border-bottom:6px solid #d8fbff;filter:drop-shadow(2px 4px 6px #000)}
.topic1 .topic1_one li .nox .left{float:left}
.topic1 .topic1_one li .nox .right{float:right;width:calc(100% - 450px);padding:25px 50px}
.topic1 .topic1_one li .nox .right h3{text-align:center;font-size:30px;color:#004b8a;margin-bottom:20px}
.topic1 .topic1_one li .nox .right h3 b{font-size:30px;font-weight:700}
.topic1 .topic1_one li .nox .right p{line-height:150%;font-size:20px}
.topic1 h4{text-align:center;font-size:40px;color:#fff;margin:50px 0}
.topic1 h4 b{font-size:45px;font-weight:700;margin:0 10px}
.abar{text-align:center;    background: hsl(0deg 97% 49%);color:#fff}
.abar p{font-size:30px;padding:15px 0;font-weight:700}
.topic2{background:hsl(195deg 96% 90%);text-align:center;padding:50px 0 180px}
.topic2 .people{display:inline-block;text-align:center;position:relative;margin-top:200px;max-width:60%}
.topic2 .people img{display:inline-block}
.topic2 .people .dialog{position:absolute;width:50%;max-width:700px;background:#ffffffcf;border-radius:25px;border-bottom:5px solid #d10000;animation-name:bounceIn}
.topic2 .people .dialog .box{padding:25px 50px;position:relative}
.topic2 .people .dialog .box:after{content:'';display:block;position:absolute;right:0;bottom:-40px;filter:drop-shadow(-2px 4px 0 #d10000);width:0;height:0;border-style:solid;border-width:25px 30px 40px 0;border-color:transparent #fff transparent transparent}
.topic2 .people .dialog2 .box:after{width:0;height:0;border-style:solid;border-width:65px 30px 0 0;border-color:#fff transparent transparent transparent;filter:drop-shadow(2px 4px 0 #d10000);right:50%;bottom:inherit;top:100%}
.topic2 .people .dialog3 .box:after{width:0;height:0;border-style:solid;border-width:0 0 45px 30px;border-color:transparent transparent #fff transparent;bottom:100%;filter:none;right:30%}
.topic2 .people .dialog4 .box:after{right:80%;width:0;height:0;border-style:solid;border-width:0 30px 45px 0;border-color:transparent #fff transparent transparent;bottom:-44px}
.topic2 .people .dialog5 .box:after{width:0;height:0;border-style:solid;border-width:0 0 45px 30px;border-color:transparent transparent #fff transparent;bottom:99%;filter:none;right:30%}
.topic2 .people .dialog6 .box:after{width:0;height:0;border-style:solid;border-width:0 0 35px 30px;border-color:transparent transparent #fff transparent;filter:none;bottom:100%;right:70%}
.topic2 .people .dialog .box p{text-align:left;font-size:14px}
.topic2 .people .dialog .box p b{font-size:14px}
.topic2 .people .dialog .box p.who{color:#004b8a;font-weight:700;margin-top:20px;font-size:20px}
.topic2 .people .dialog1{top:-150px;right:54%}
.topic2 .people .dialog2{right:-30%;top:-130px}
.topic2 .people .dialog3{bottom:100px;left:-30%}
.topic2 .people .dialog4{right:-20%;bottom:150px}
.topic2 .people .dialog5{bottom:-90px;left:-10%}
.topic2 .people .dialog6{right:-30%;bottom:-60px}
.topic3{background-image:url(../images/sec3/bg.png);padding:80px 0;background-repeat:no-repeat;background-color:#c7ecf9}
.topic3 .topic1_one>li{margin:30px 0}
.topic3 .topic1_one>li .nox{overflow:hidden;background: #e90d0d;border-top-right-radius:25px;filter:drop-shadow(2px 4px 6px #000)}
.topic3 .topic1_one>li .nox .left{float:left}
.topic3 .topic1_one>li .nox .right{width:calc(100% - 550px);float:right;color:#fff;padding:50px}
.topic3 .topic1_one>li .nox .right h3{font-size:26px;font-weight:700}
.topic3 .topic1_one>li .nox .right p{margin:20px 0}
.topic3 .topic1_one>li .nox .right .inin li{display:inline-block}
.topic3 .topic1_one>li .nox .right .inin li a{display:block;color:#004b89;background:#fff;padding:1px 15px;border-radius:15px}
.topic3 h4{text-align:center;color:#000;font-size:28px;font-weight:700;letter-spacing:.3em}
.topic3 h4 b{font-size:45px;color:#ee2e24}
.topic3 h5{text-align:center;margin-top:20px}
.topic3 h5 b{display:inline-block;background: #e90d0d;color:#fff;padding:10px 35px;border-top-right-radius:20px;filter:drop-shadow(1px 2px 3px #000);font-size:20px}
.topic4{padding:80px 0}
.topic4 .qalist{margin-top:50px}
.topic4 .qalist li{margin-bottom:50px;padding-bottom:10px;position:relative;justify-content:flex-start;align-items:center}
.topic4 .qalist li .qaq{background-image:url(../images/sec4/q.png);color:#fff;overflow:hidden;position:relative;width:90px;height:90px;text-align:center;line-height:90px;margin-right:20px}
.topic4 .qalist li .qaa{width:calc(100% - 115px)}
.topic4 .qalist li .qaq span{font-family:Inter,sans-serif;font-size:30px;font-weight:400}
.topic4 .qalist li .qaq span:after{display:inline-block;width:1px;height:120%;vertical-align:middle;background:#fff;position:absolute;right:-50%;top:-10%;transform:rotate(30deg)}
.topic4 .qalist li:nth-child(even) .qaq span:after{background:#a5a5a5}
.topic4 .qalist li .qaq h3{display:inline-block;font-size:22px;margin-left:100px;width:calc(100% - 300px);font-family:'微軟正黑體'}
.topic4 .qalist li .qaa h3{font-size:26px;font-family:'微軟正黑體'}
.topic4 .qalist li .qaa span{display:inline-block;font-family:'Noto Serif Display',sans-serif;font-size:90px;width:90px;line-height:100%}
.topic4 .qalist li .qaa p b{color:#cd0000;font-family:'微軟正黑體';font-size:20px}
.topic4 .qalist li .qaa p{font-family:'微軟正黑體';color:#cd0000;font-size:20px;margin-top:5px}
.topic5{background:hsl(195deg 96% 90%);padding:80px 0}
.topic5 .title{margin-bottom:30px}
.topic5 .title h3{text-align:center;font-size:20px;color:#cd0000;font-weight:700}
.topic5 .title h3 b{font-size:40px}
.topic5 .title h3 b span{font-size:40px;color:red}
.topic6{background-image:url(../images/sec6/bg.jpg);padding:100px;background-position:50% 100%}
.topic6 .box{width:900px;margin:0 auto;background:rgb(255 255 255 / 87%);border-radius:25px;padding:50px}
.topic6 p{text-align:center;font-size:24px}
.topic6 p b{font-size:24px;margin-right:10px;color:#cd0000;font-weight:700}
.topic6 h3{text-align:center;font-size:60px;color:#f70000}
.topic.alert{padding:70px}
.topic.alert p{font-family:'微軟正黑體';line-height:180%}
.topicN .formDiv{margin:0 auto 90px;width:600px}
.topicN .formDiv h3{text-align:center;font-size:30px;font-weight:700;margin-bottom:30px;color:#e5b900}
.topicN .formDiv ul li{margin:10px 0}
.topicN .formDiv ul li input{border:1px solid #fff;font-size:20px;padding:10px 20px;display:block;width:calc(100% - 42px);border-radius:5px;font-family:'微軟正黑體'}
.topicN .formDiv ul li textarea{border:1px solid #ca4e32;padding:10px 20px;display:block;width:calc(100% - 42px);font-size:20px;border-radius:5px}
.topicN .formDiv ul li.btn .fillform,.topicN .formDiv ul li.chexType{text-align:center}
.topicN .formDiv ul li.btn .fillform a{display:inline-block;background:#f80;background:-moz-linear-gradient(top,rgba(255,136,0,1) 0,rgba(255,88,0,1) 100%);background:-webkit-linear-gradient(top,rgba(255,136,0,1) 0,rgba(255,88,0,1) 100%);background:linear-gradient(to bottom,rgb(255 0 0) 0,rgb(255 0 0) 100%);padding:5px 40px;border-radius:5px;color:#fff;font-size:30px}
.topicN .formDiv ul li input::-webkit-input-placeholder,.topicN .formDiv ul li textarea::-webkit-input-placeholder{color:#8e8e8e}
.topicN .formDiv ul li input::-moz-placeholder,.topicN .formDiv ul li textarea::-moz-placeholder{color:#8e8e8e}
.topicN .formDiv ul li input:-ms-input-placeholder,.topicN .formDiv ul li textarea:-ms-input-placeholder{color:#8e8e8e}
.topicN .formDiv ul li input::-ms-input-placeholder,.topicN .formDiv ul li textarea::-ms-input-placeholder{color:#8e8e8e}
.topicN .formDiv ul li input::placeholder,.topicN .formDiv ul li option,.topicN .formDiv ul li textarea::placeholder{color:#8e8e8e}
.topicN .formDiv ul li select{border:1px solid #fff;font-size:20px;padding:10px 20px;display:block;width:100%;border-radius:5px;}
.topicN .formDiv ul .chex{position:relative;display:inline-block;margin:40px 0}
.topicN .formDiv ul .chex input{visibility:hidden;position:absolute}
.topicN .formDiv ul .chex label{width:20px;height:20px;cursor:pointer;position:absolute;top:4px;left:0;border:1px solid #000}
.topicN .formDiv ul .chex label:after{content:'';width:9px;height:5px;position:absolute;top:4px;left:4px;border:3px solid #333;border-top:none;border-right:none;background:0 0;filter:alpha(Opacity=0);opacity:0;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.topicN .formDiv ul .chex input[type=checkbox]:checked+label:after{filter:alpha(enabled=false);opacity:1}
.topicN .formDiv ul .chex p{display:inline-block;margin:0;margin-left:30px;color:#020202}
.topicN .formDiv ul .chex p a{display:inline-block;border-bottom:1px solid #000;color:#000;font-weight:700}
.topicN .formDiv ul li span{display:block;text-align:center;color:#ca4e32;margin-top:15px;font-size:13px}
.topicN .formDiv ul li.spe #inputCode{width:200px;display:inline-block}
.topicN .formDiv ul li.spe .v_code{display:inline-block;color:#fff}
.topicN .formDiv ul li.spe .v_code a{color:#b72e2e}
.topicN .formDiv ul li.spe .v_code span{display:inline-block;margin:0 5px}
footer{background:#fff;padding:50px 0;color:#000;font-family:'微軟正黑體'}
footer *{font-family:'微軟正黑體';color:#fff}
footer b{font-weight:700}
footer .getContact{margin-bottom:20px}
footer .getContact li{display:inline-block}
footer .getContact li a{display:block;color:#005393;background:#fff;padding:5px 25px;border-radius:15px}
.moSet,.mobileSet{display:none}
.screen{position:fixed;width:70%;height:70%;top:15%;left:15%;background:rgb(255 255 255 / 82%);z-index:99;border-radius:25px}
.screen .closed{position:absolute;right:30px;top:15px;width:50px}
.screen .container{padding:50px 50px 50px;overflow:auto;height:calc(100% - 100px)}
.screen .container h5{text-align:center;font-size:30px;margin-bottom:20px}
.screen .container p{margin:10px 0}
.screen.feedback_text{width:600px;height:150px;top:calc(50% - 75px);left:calc(50% - 300px)}
.feedback_text.screen .closed{width:50px}
.feedback_text.screen{text-align:center}
.feedback_text.screen button{display:inline-block;background:#f7f7f7;border-radius:25px;padding:5px 25px;-webkit-box-shadow:none;box-shadow:none;font-size:18px}
aside{position:fixed;right:20px;top:40%;z-index:8}
aside li{margin:10px 0}
#GoTop{position:fixed;bottom:20px;width:50px;height:50px;background:rgb(198 234 255 / 76%);line-height:50px;border-radius:50%;text-align:center;border:2px solid #945050;right:30px;opacity:1;z-index:99}
footer{text-align:center;color:#040404;background: #991e1e;
    background: -moz-linear-gradient(top,#991e1e 0,#f30303 0,#900000 100%);
    background: -webkit-linear-gradient(top, #991e1e 0, #f30303 0, #900000 100%);
    background: linear-gradient(to bottom, #991e1e 0, #f30303 0, #900000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#004f90', GradientType=0 );}
footer .info h3{font-size:32px;margin-bottom:40px}
footer .info h3 b{display:inline-block;vertical-align:middle}
footer .info h3 b img{display:inline-block}
footer .info .footertop{border-bottom:2px solid #fff;margin-bottom:20px;padding-bottom:20px;color:#fff}
.mobr,br.mo{display:none}
.topic1 ol.list2 li{max-width:calc(100% / 3)}
@media screen and (min-width:1921px){
.wrapper{width:1920px;margin:0 auto}
}
@media screen and (max-width:1440px){
header h1{width:150px}
header nav li a{font-size:20px;height:80px;line-height:80px}
footer .info h3,footer .info h3 b{font-size:35px}
.banner{margin-top:80px;padding:20px}
.banner .box .slogan{margin-left:200px;width:200px;padding:50px}
.banner .gqN{width:250px}
.banner .gqN span{width:30px;bottom:-20px}
.abar p,.topic .title h2 b,.topic1 .topic1_one li .nox .right h3,.topic1 .topic1_one li .nox .right h3 b{font-size:20px}
.topic1 .topic1_one li .nox .right p{font-size:16px}
.topic1 .topic1_one li .nox .right h3{margin-bottom:10px}
.topic1 h4{font-size:30px}
.topic1 h4 b{font-size:35px}
.topic1 .topic1_two{justify-content:space-around}
.topic1 .topic1_two li{max-width:30%}
.topic3{background-size:100%}
.topic3 .topic1_one>li .nox .left{width:300px}
.topic3 .topic1_one>li .nox .right{width:calc(100% - 400px);padding:30px 50px}
.topic3 .topic1_one>li .nox .right h3{font-size:20px}
.topic3 .topic1_one>li .nox .right p{margin:10px 0;font-size:14px}
.topic3 .topic1_one>li .nox .right .inin li a{font-size:14px}
.topic3 .topic1_one{width:700px;margin:0 auto}
.topic4 .qalist li .qaq{background-size:100%;width:60px;height:60px;line-height:60px}
.topic4 .qalist li .qaa{width:calc(100% - 80px)}
.topic4 .qalist li .qaa h3{font-size:20px}
.topic4 .qalist li .qaa p,.topic4 .qalist li .qaa p b{font-size:16px}
.topic6 p{font-size:20px}
.topic6 p b{font-size:20px}
.topic6 h3{font-size:40px}
.topic2 .people .dialog .box{padding:25px}
.topic2 .people .dialog{width:70%}
.topic2 .people .dialog1{top:-35%}
.topic2 .people .dialog2{top:-30%}
.topic2 .people .dialog3{bottom:30%}
.topic2 .people .dialog4{width:80%;right:-30%}
.topic2 .people .dialog5{left:-30%;bottom:-20%}
.topic2 .people .dialog6{bottom:-15%}
}
@media screen and (min-width:1281px){
header nav li a:after{content:'';display:block;position:absolute;width:100%;height:2px;background:#9ec9ff;opacity:0;bottom:10px;left:0}
header nav li a:hover:after{opacity:1}
.toform a,.toform a span{transition:all linear .2s}
.toform a:hover{letter-spacing:.2em;cursor:pointer;box-shadow:0 0 5px #fff}
.toform a:hover span{bottom:-5px}
.topic3 .topic1_one>li .nox .right .inin li a:hover,footer .getContact li a:hover{background:#e5b900;color:#fff}
}
@media screen and (max-width:1280px){
.bigw{width:700px}
header .bigw.flexbox{width:calc(100% - 40px)}
footer .flexbox{width:100%}
.topic1 .topic1_one li .nox .left{width:230px}
.topic1 .topic1_one li .nox .right{width:calc(100% - 330px)}
.topic3 .topic1_one{width:100%}
.topic3 h4{font-size:20px}
.topic3 h4 b{font-size:30px}
.topic3 h5 b{padding:10px 15px;font-size:16px}
.topic2 .people .dialog{position:relative;width:100%;top:0;right:0;left:0;max-width:100%;margin:20px 0}
.topic2 .people .dialog .box:after{display:none}
.topic2 .people{margin:30px}
.topic2{padding-bottom:50px}
}
@media screen and (max-width:980px){
.fillform a{padding:8px 20px;font-size:20px}
footer .footerQR{width:100%}
footer .footerInfo{width:calc(100% - 40px);margin:0 auto;margin-top:40px;padding-left:0;border:0}
header nav li a{padding:0 7px;font-size:18px}
aside{right:10px;top:50%}
aside li{width:50px}
#GoTop{right:12px;width:20px;height:20px;line-height:15px;padding:10px;bottom:10px}
.topic1 ol.list1 li .txt{width:calc(100% - 300px)}
.bigw2{width:95%}
.topic6 .box{width:95%;padding:20px 30px}
.topic6{padding:80px 50px}
.topic2 .people{max-width:calc(100% - 60px)}
}
@media screen and (max-width:768px){
.mobileSet{display:block;position:absolute;right:10px;top:4px;z-index:9}
.pcSet{display:none}
.moSet{display:block}
header ol.flexbox{display:none;position:fixed;left:0;width:100%;z-index:9;background:rgb(255 255 255 / 85%);top:40px;padding:5px 0}
#cis img{width:120px}
header{height:40px}
header nav li{width:100%}
header nav li a{height:auto;line-height:150%;padding:7px 15px;color:#0261a0;text-align:center}
header #cis{top:0;margin-top:5px}
header nav li a:after{display:none}
.screen{width:85%;height:85%;top:7.5%;left:7.5%}
.screen .closed{width:40px;top:25px}
.txtBox{text-align:center}
.txtBox .txt{padding:20px 30px}
#navBtn p{width:30px;height:30px;display:block;position:relative;cursor:pointer}
#navBtn span{-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s;width:100%;background:#fff;display:block;height:2px;position:absolute;top:33%;left:0}
#navBtn span:nth-child(2){top:50%}
#navBtn span:nth-child(3){top:67%}
#navBtn.close span:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:25% 0;-ms-transform-origin:25% 0;transform-origin:25% 0}
#navBtn.close span:nth-child(2){opacity:0}
#navBtn.close span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:25% 0;-ms-transform-origin:25% 0;transform-origin:25% 0}
#navList{display:none;width:100%;background:rgb(255 255 255 / 85%);margin-top:5px}
header .bigw.flexbox{width:100%}
.topicN .formDiv ul li.btn .fillform a{font-size:22px}
.bigw2{width:100%;justify-content:center}
.banner{margin-top:40px}
.banner .box{background-size:900px}
.banner .box .slogan{margin-left:50px;width:150px;padding:50px 20px}
.topic3 h4{letter-spacing:0}
}
@media screen and (max-width:640px){
.bigw{width:calc(100% - 40px)}
.screen .container{padding:50px 20px 50px}
.screen.feedback_text{width:300px;height:250px;left:calc(50% - 150px);top:calc(50% - 125px)}
.screen.feedback_text .container{padding:80px 20px 20px}
.topicN .formDiv,footer .footerInfo ul li{width:100%}
.topicN .narrowW{width:90%}
footer .footerInfo ul li{text-align:left}
.topicN .formDiv{margin:0 auto;padding:40px 0}
footer .info h3,footer .info h3 b{font-size:28px}
br.mo{display:block}
.topic.alert{padding:40px 20px}
.topic .title h2 b{padding:10px 50px}
.topic3 .topic1_one>li .nox .left,.topic3 .topic1_one>li .nox .left img{width:100%}
.topic3 .topic1_one>li .nox .right{width:calc(100% - 100px)}
.topic6 p{font-size:18px}
.topic6 p b{font-size:18px}
.topic6 h3{font-size:30px}
}
@media screen and (max-width:480px){
.screen .container{padding:25px 20px 20px;height:calc(100% - 45px)}
.screen .container p,.topicN .formDiv ul .chex p,.topicN .formDiv ul .chex p a,.topicN .formDiv ul li input,.topicN .formDiv ul li select,.topicN .formDiv ul li.spe .v_code a{font-size:14px}
.topic5 .title h3 b,.topic5 .title h3 b span,.topicN .formDiv h3{font-size:24px}
.topicN .formDiv ul li.spe #inputCode{display:block;width:calc(100% - 42px)}
.topic4 .qalist li .qaa{align-items:end}
.topic4 .qalist li .qaa span{font-size:40px;width:40px}
.banner{background-position:40% 100%;background-size:auto 90%;padding:10px}
.banner>img{width:80%;filter:drop-shadow(2px 4px 2px #fff)}
.toform a span{right:10px}
.toform a{font-size:24px}
footer .info h3 b{display:block;margin:0 auto}
footer .info h3,footer .info h3 b{font-size:20px}
footer .footerbottom,footer .info .footertop,footer b{font-size:14px}
.mobr{display:block}
.banner .box .slogan{width:100px;margin-left:20px}
.banner .gqN{width:150px}
.banner .gqN span{right:0;bottom:-10px;width:15px}
.topic1 .topic1_one li .nox .left,.topic1 .topic1_one li .nox .left img{width:100%}
.topic1 .topic1_one li .nox .right{width:calc(100% - 50px);padding:25px}
.topic1 .topic1_two li{max-width:45%;margin:0 0 20px}
.topic1 h4{font-size:24px;margin-bottom:20px}
.topic1 h4 b{font-size:30px}
.abar p,.topic5 .title h3,.topicN .formDiv ul li.btn .fillform a{font-size:16px}
.topic6{padding:80px 20px}
.topic.alert p{font-size:12px}
.disappear{display: none;}
}
@media screen and (max-width:350px){
header nav li a{padding:7px}
}