html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.mask:before{width:100%;height:100%;content:"";position:absolute;left:auto;right:0;background-color:#f5f5f5;z-index:2;top:0}.mask:after{width:100%;height:100%;content:"";position:absolute;left:auto;right:0;background-color:#64dcf0;z-index:1;top:0}.mask.effect:before{width:0;transition:visibility 0s .5s,width .5s cubic-bezier(0.55, 0.055, 0.675, 0.19);visibility:hidden}.mask.effect:after{width:0;transition:background-color 0s .8s,visibility 0s 1.2s,width .5s .5s cubic-bezier(0.77, 0, 0.175, 1);visibility:hidden}.btn_grp{margin:2em 0;position:relative;display:flex}a.btn{cursor:pointer;min-width:120px;max-width:360px;display:flex;align-items:center;height:2.75em;padding:.5em 2em;font-size:1.25em;border-radius:3em;text-align:center;outline:0 !important;overflow:hidden;border:none;position:relative;z-index:1;font-weight:normal;transition:.3s ease-out;background-color:#31edf3}a.btn:hover,a.btn:focus{background-color:#57ffbe}a.btn:hover span,a.btn:focus span{color:#fff}a .btn-title{position:relative;z-index:2}a.btn-primary{background-color:#00b8d4;color:#fff}select::-ms-expand{display:none}.form_grid{font-size:.938em;margin:.5em;border-top:1px solid #ddd}.form_grid .form_grp{border-bottom:1px dashed #ddd;overflow:hidden;padding:.2em 0}.form_grid .form_grp.agree{border-bottom:none}.form_grid .form_grp.agree label{float:left;width:auto;margin:0 .5em .5em 0}.form_grid .form_title{float:left;width:150px;padding:0 1em;padding-top:5px}@media only screen and (max-width: 767px){.form_grid .form_title{width:100%}}.form_grid .form_content{float:left;padding-top:3px;width:calc(100% - 150px);padding:0 1em;overflow:hidden}@media only screen and (max-width: 767px){.form_grid .form_content{width:100%}}.form_grid .form_content .form_grp{min-height:2.5em}.form_grid .form_content .form_grp .form_content{float:none;display:block;padding:0 1em}.form_grid .form_content .form_grp .form_content.form_inline input[type=text],.form_grid .form_content .form_grp .form_content.form_inline select{width:auto;min-width:100px;display:inline-block}@media only screen and (max-width: 576px){.form_grid .form_content .form_grp .form_content.form_inline input[type=text],.form_grid .form_content .form_grp .form_content.form_inline select{width:100%;display:block}}.form_grid .form_content .form_grp:last-child{border-bottom:none;margin-bottom:0}.form_grid .form_content .tel input[type=text]:first-child{background:url(../images/icon/icon_add.svg) no-repeat .5em center;background-size:12px;padding-left:1.5em}.form_grid .form_content .tel input[type=text]:first-child,.form_grid .form_content .tel select:first-child{width:100px !important}.form_grid .form_content .tel input[type=text]:first-child~input,.form_grid .form_content .tel select:first-child~input{width:calc(100% - 200px)}@media only screen and (max-width: 576px){.form_grid .form_content .tel input[type=text]:first-child~input,.form_grid .form_content .tel select:first-child~input{width:100% !important;display:block !important}}.form_grid .form_content .birthday select{display:inline-block;margin-right:.5em;-moz-text-align-last:center;text-align-last:center}@media only screen and (max-width: 576px){.form_grid .form_content .birthday select{width:88% !important;min-width:88% !important;display:inline-block !important;-moz-text-align-last:left;text-align-last:left}}.form_grid .form_content .birthday select option{text-align:center}.form_grid .form_content .birthday select~select{margin-left:.2em}@media only screen and (max-width: 576px){.form_grid .form_content .birthday select~select{margin-left:0}}.form_grid .form_content .address select{min-width:100px}.form_grid .form_content .address select option{text-align:center}@media only screen and (max-width: 576px){.form_grid .form_content .address select{width:100px;display:inline-block !important}}.form_grid .form_content .address input[type=text]{width:calc(100% - 211px) !important}@media only screen and (max-width: 767px){.form_grid .form_content .address input[type=text]{display:block !important;width:100% !important}}.form_grid .form_content .datepick{padding-right:.5em;position:relative;display:inline-block}@media only screen and (max-width: 576px){.form_grid .form_content .datepick{width:100%;display:block}}.form_grid .form_content .datepick+.datepick{margin-left:.3em;margin-right:0;padding-right:0}.form_grid .form_content .datepick+.datepick:before{content:"~";font-size:1.5em;display:inline-block;position:absolute;left:-0.65em;top:.3em;color:#777}@media only screen and (max-width: 576px){.form_grid .form_content .datepick+.datepick{margin-left:0em}.form_grid .form_content .datepick+.datepick:before{display:none}}.form_grid .form_content .datepick+.datepick i{right:.5em}.form_grid .form_content .datepick i{position:absolute;padding:.37em .1em !important;right:1em;top:.2em;min-width:1em;background:none;border:none;width:auto;pointer-events:none}.form_grid .form_content .datepick i:hover,.form_grid .form_content .datepick i:focus{box-shadow:none;border:none !important}.form_grid .form_content .datepick>input[type=text]{width:10em;padding-right:2em}@media only screen and (max-width: 576px){.form_grid .form_content .datepick>input[type=text]{width:100%}}form .form_grp,form .check_grp,form .radio_grp,form .btn_grp,form .upload_grp{margin-bottom:.2em}form .check_grp,form .radio_grp{display:block}form .check_grp label,form .radio_grp label{display:block}form .check_grp.form_inline label,form .radio_grp.form_inline label{display:inline-block;margin:.2em .5em 0 0}form .form_grp.form_inline label,form .upload_grp.form_inline label{display:inline-block;margin-right:.5em}form .form_grp.form_inline input,form .form_grp.form_inline textarea,form .form_grp.form_inline select,form .upload_grp.form_inline input,form .upload_grp.form_inline textarea,form .upload_grp.form_inline select{width:auto}form.form_inline label{display:inline-block;vertical-align:middle;margin-right:.5em}form.form_inline label~input,form.form_inline label~textarea{display:inline-block;width:auto;vertical-align:middle}form.form_inline input[type=text],form.form_inline input[type=password],form.form_inline select,form.form_inline textarea{width:auto;display:inline-block}form.form_inline .form_grp,form.form_inline .check_grp,form.form_inline .radio_grp,form.form_inline .btn_grp,form.form_inline .upload_grp{display:inline-block;margin-right:.5em}form.form_inline .btn_grp .btn,form.form_inline .btn_grp input[type=submit],form.form_inline .btn_grp input[type=reset],form.form_inline .btn_grp input[type=button],form.form_inline .btn_grp input[type=search]{margin-top:-3px;padding:.45em 1em}form.form_inline select,form.form_inline textarea{width:auto}label,legend{display:inline-block;margin:0 0 .5em 0}@media only screen and (max-width: 576px){label,legend{display:block}}label.inline input,label.inline select,label.inline textarea,legend.inline input,legend.inline select,legend.inline textarea{width:auto}fieldset{border:none;padding:0;margin:0}input,textarea,select,button{color:#005087;font-size:1em;border:1px solid #005087;height:3em;padding:.5em 1em;background:#fff;vertical-align:middle;margin-bottom:.3em;transition:.3s ease-out;border-radius:.5em}input,select,textarea{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=file]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder{color:#999}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=file]::-moz-placeholder,input[type=tel]::-moz-placeholder{color:#999}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=file]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder{color:#999}input[type=text]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=file]:-moz-placeholder,input[type=tel]:-moz-placeholder{color:#999}textarea{color:#005087;font-size:1em;border:1px solid #005087;height:3em;padding:.5em 1em;background:#fff;vertical-align:middle;margin-bottom:.3em;transition:.3s ease-out;border-radius:.5em;height:5em;overflow-y:scroll}@media only screen and (max-width: 576px){textarea{width:100%}}input[type=text]:focus,input[type=reset]:focus,input[type=file]:focus,input[type=tel]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #87daff;outline:none;box-shadow:0px 0px 0px 2px #87daff}select{line-height:3em;height:3em;padding:0em 1em;border:1px solid #005087;background:#fff url(../images/i_select_arrow.svg) no-repeat right center;background-size:16px}select option{outline:none;border:none}select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #000}input[type=reset]{text-shadow:none}input[type=checkbox],input[type=radio]{font-size:1em;margin:-4px .2em 0 0;width:1em;height:1em;background-color:#f7f6ee;border:2px solid #ccc;border-radius:2px;margin-right:.5em}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{border-color:#21baff;background-color:#21baff;outline:none}input[type=checkbox]:checked{background-image:url(../images/basic/icon_checked.svg);background-repeat:no-repeat;background-position:center center;background-size:98%;box-shadow:#21baff 0 0 0 1px;border-radius:2px}input[type=radio]:checked{box-shadow:#fff 0 0 0 3px inset,#21baff 0 0 0 1px}input[readonly],input[disable]{background:#f2f2f2;color:#b3b3b3;border-color:#b3b3b3}input[readonly]~label,input[disable]~label{color:#b3b3b3}input[readonly]:hover,input[readonly]:focus,input[disable]:hover,input[disable]:focus{border-color:#b3b3b3;box-shadow:none}.upload_grp{position:relative}.upload_grp input[readonly],.upload_grp input[disable]{background:rgba(0,0,0,0);color:#666}.upload_grp .upload_btn{position:absolute;overflow:hidden;top:1px;right:3px;padding:.2em 1em !important;border-radius:4px}.upload_grp .upload_btn:hover,.upload_grp .upload_btn:focus{cursor:pointer !important}input[type=file]{position:absolute;top:0;right:0;margin:0;padding:0;font-size:1.25em;cursor:pointer;opacity:0;filter:alpha(opacity=0)}img.captcha{display:inline-block;vertical-align:middle;max-height:2.5em;margin-bottom:.3em}img.captcha+input{display:inline-block;width:auto;vertical-align:middle}img.captcha~.btn{margin-top:-1px}img.captcha~img{display:inline-block;vertical-align:middle;max-height:2.4em;margin-bottom:.5em}abbr[title]{border-bottom:none;text-decoration:none}table{width:100%;border-collapse:collapse;color:#222}@media only screen and (max-width: 576px){table{width:100%}}table tr{transition:.3s ease-out}table tr:hover{color:#111}table th,table td{padding:.5em .5em;text-align:left;font-size:1em}table th.main_data,table td.main_data{text-align:left}@media only screen and (max-width: 767px){table th.main_data,table td.main_data{max-width:100%;min-width:300px}}table th.text-left,table td.text-left{text-align:left}table th.text-right,table td.text-right{text-align:right}table th.last-child,table td.last-child{min-width:8em}table th input[type=checkbox],table td input[type=checkbox]{margin-top:4px}table th time,table td time{margin:0 .25em}table th .pic,table td .pic{max-width:80px;aspect-ratio:3/4;position:relative}table th .pic a,table td .pic a{display:block;position:absolute;width:100%;height:100%;top:0;left:0}table th .pic img,table td .pic img{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;-o-object-fit:cover;object-fit:cover}table th.hasInput,table td.hasInput{width:3em}table td{border-bottom:#ebebeb 1px solid;word-break:break-all;border-left:none;border-right:none;text-align:left;min-height:3em;font-size:.938em}table td .meta{padding:0 0 0 1em;font-size:.813em;color:#555}table td .meta li{margin:0 0 .01em 0;padding:0em;line-height:1.45em}table td a{color:#21baff}table td a:hover,table td a:focus{color:#54caff}table td.main_data{text-align:left;min-width:10em;font-weight:bold}table td.main_data a{word-break:break-all;color:#1f72bb;display:block;font-size:1rem}table td.main_data a:hover,table td.main_data a:focus{color:#308cdd}table td span.status{font-size:.938em;display:inline-block;border-radius:.25em;padding:.5em;text-align:center}table td span.actived{color:#77d74f;background:#fff}table td span.notActivated{color:#aaa;background:#f1f1f1}table td>.btn-delete:hover,table td>.btn-delete:focus{color:#fff;background:#ff3e4d;border:1px solid #ff3e4d}table td.num{text-align:center;width:3em}table td time{white-space:nowrap;font-size:.875rem}table td span{display:inline-block;border-radius:.2em;text-align:center;margin-right:.25em;font-size:.938rem;padding:.2em .5em;display:block;max-width:10em}table td span.green{color:#5d951e;margin:0 .1em 0em;min-width:4em;white-space:nowrap;background:#ddfabb}table td span.yellow{color:#ffda31;margin:0 .2em .2em;min-width:4em;white-space:nowrap;background:#fffffd}table td span.red{color:#ff0b1e;margin:0 .2em .2em;min-width:4em;white-space:nowrap;background:#ffd7da}table td span.blue{color:#36d2ec;margin:0 .2em .2em;min-width:4em;white-space:nowrap;background:#fff}table td span.orange{color:#e66c08;margin:0 .2em .2em;min-width:4em;white-space:nowrap;background:#fddabd}table td span.gray{color:gray;margin:0 .2em .2em;min-width:4em;white-space:nowrap;background:#e6e6e6}table th{color:#111;text-align:left;white-space:nowrap;border-left:none;border-right:none;padding:.5em}table th a{color:#111;display:flex;align-items:center}table th a i,table th a img{opacity:.5;font-size:.813em;width:1em;height:1em;display:inline-block;margin:.1em}table th a i:before,table th a img:before{top:-0.2em}table th a:hover,table th a:focus{color:#333}table th a:hover i,table th a:focus i{opacity:1}table th i{margin:0 .05em}table th i:before{width:.75em !important;height:.75em !important}table.table_hover tr:hover{background:#fafafa}table.table_sprite tr:nth-child(even){background:#fafafa}table .dropdown{position:relative;display:inline-block}table .dropdown>.btn{padding:0;width:2.5em;height:2.5em;border-radius:50%;min-width:2em;background:#fff;position:relative;border:2px solid #ddd}table .dropdown>.btn:hover,table .dropdown>.btn:focus{border:2px solid #21baff;background:#fff;box-shadow:none}table .dropdown>.btn:hover:before,table .dropdown>.btn:focus:before{border:2px solid #fff;border-left:none;border-top:none}table .dropdown>.btn:hover i,table .dropdown>.btn:focus i{filter:invert(100%)}table .dropdown>.btn:hover i span,table .dropdown>.btn:focus i span{filter:invert(100%)}table .dropdown>.btn:hover span,table .dropdown>.btn:focus span{filter:invert(100%)}table .dropdown .dropdown-content{position:absolute;top:1em;width:150px;left:50%;margin-left:-120px;opacity:0;background:#fff;padding:.5em 1em;box-shadow:rgba(50,50,93,.25) 0px 13px 27px -5px,rgba(0,0,0,.3) 0px 8px 16px -8px;transition:cubic-bezier(0.4, 0.01, 0.165, 0.99) .3s;pointer-events:none;z-index:9999;border-radius:.5em}table .dropdown .dropdown-content.open{opacity:1;top:3em;pointer-events:auto}table .dropdown .dropdown-content .btn{color:#555;font-size:.875em;display:block;background:#f1f1f1;padding:.5em 1em;border-radius:.25em;display:flex;align-items:center;width:100%;border:1px solid #ccc;margin:.5em 0}table .dropdown .dropdown-content .btn img{width:1em;height:1em;margin:0 .5em 0 0;transition:.3s ease-out}table .dropdown .dropdown-content .btn:hover,table .dropdown .dropdown-content .btn:focus{background:#00a3ed;border:1px solid #0080ba;color:#fff}table .dropdown .dropdown-content .btn:hover img,table .dropdown .dropdown-content .btn:focus img{filter:invert(100%)}table .dropdown .dropdown-content .btn.btn-delete:hover,table .dropdown .dropdown-content .btn.btn-delete:focus{background:#ff3e4d;border:1px solid #ff0b1e}@media only screen and (max-width: 576px){.table_list{background-color:rgba(0,0,0,0) !important}.table_list thead,.table_list tbody,.table_list th,.table_list td,.table_list tr{display:block}.table_list thead tr{position:absolute;top:-9999px;left:-9999px}.table_list tr{border:1px solid #ccc;margin-bottom:10px}.table_list td{border:none !important;border-bottom:1px solid #eee !important;position:relative;padding-left:35% !important;white-space:normal;text-align:left}.table_list td:before{content:attr(data-title);position:absolute;top:.5em;left:.5em;width:30%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold;color:#000}}.fix_th_table{margin:1em 0}@media only screen and (max-width: 767px){.fix_th_table{position:relative;width:100%;overflow:hidden !important}}@media only screen and (max-width: 767px){.fix_th_table table{display:block;width:100%;overflow-x:scroll;padding-bottom:1em}}.fix_th_table th,.fix_th_table td{width:10em;padding:.8em 0;text-align:center;line-height:1.2}@media only screen and (max-width: 767px){.fix_th_table th,.fix_th_table td{display:inline-block;margin-right:-6px;margin-left:0;margin-top:-1px}}.fix_th_table th:first-child{width:8em;white-space:normal}@media only screen and (max-width: 767px){.fix_th_table th:first-child{position:absolute !important;left:0;top:auto}}@media only screen and (max-width: 767px){.fix_th_table tr{display:block;clear:both;white-space:nowrap;width:auto;padding-left:8em}.fix_th_table tr:first-child{border-top:#ddd 1px solid}}.table_wrapper{margin-bottom:2em}@media only screen and (max-width: 1023px){.table_wrapper{width:100%;display:block;overflow-y:hidden;overflow-x:auto;padding-bottom:1em;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0, 0, 0)}.table_wrapper table{width:100%;min-width:600px}}.scroltable{min-width:600px !important}.scroltable-wrapper{position:relative;-webkit-overflow-scrolling:touch;transform:translate3d(0, 0, 0);overflow-y:hidden}.scroltable-container{overflow:auto}.scroltable-nav{display:none;position:absolute;width:60px;height:100%;cursor:pointer;z-index:9}.scroltable-nav.scroltable-nav-left{left:0}.scroltable-nav.scroltable-nav-left .tablearrow_left{position:fixed;left:0em;top:0em;display:none;z-index:9}@media only screen and (max-width: 767px){.scroltable-nav.scroltable-nav-left .tablearrow_left{display:block}}.scroltable-nav.scroltable-nav-left .tablearrow_left:before{position:absolute;top:0em;left:-0.2em;width:30px;height:30px;background:url(../vendor/scrolltable/images/arrow-left.png) no-repeat 10px center;content:"";z-index:2}.scroltable-nav.scroltable-nav-right{right:0}.scroltable-nav.scroltable-nav-right .tablearrow_right{position:fixed;top:0em;right:0em;display:none;z-index:9}@media only screen and (max-width: 767px){.scroltable-nav.scroltable-nav-right .tablearrow_right{display:block}}.scroltable-nav.scroltable-nav-right .tablearrow_right:before{position:absolute;top:0em;right:-0.2em;width:30px;height:30px;background:url(../vendor/scrolltable/images/arrow-right.png) no-repeat right 10px center;content:"";z-index:2}@keyframes arrow_left{from{left:-0.2em}to{left:.3em}}@keyframes arrow_right{from{right:-0.2em}to{right:.3em}}.header{height:100px;z-index:99;position:fixed;transform:translate3d(0, 0, 0);width:100%;top:0;left:0;transition:.3s cubic-bezier(0.4, 0.01, 0.165, 0.99)}@media only screen and (max-width: 767px){.header{height:60px}}@media only screen and (max-width: 1023px){.header{height:60px}}.header a{text-decoration:none;color:#005087}.header .container{max-width:1600px;margin:0 auto;display:flex;flex-flow:row wrap;align-items:center;padding:0 3em;position:relative;height:100px;transition:.3s ease-out;align-content:center;align-items:stretch;justify-content:flex-end;justify-content:flex-start}@media screen and (max-width: 1200px){.header .container{padding:0 1em}}@media only screen and (max-width: 767px){.header .container{padding:0 1em}}@media only screen and (max-width: 1023px){.header .container{height:60px;padding-right:0}}.header .auo_college{flex-grow:0;flex-shrink:1;flex-basis:auto;text-align:right;display:flex;align-self:stretch;align-items:center;margin:0 0 0 auto}@media only screen and (max-width: 767px){.header .auo_college{display:none}}.header .auo_college p{margin:0 0 0 1em;padding-left:1em;border-left:1px solid #31edf3}.header h1{flex-grow:0;flex-shrink:1;flex-basis:15%;align-self:center;display:flex;margin:0}@media only screen and (max-width: 1023px){.header h1{margin:0 auto 0 0}}@media only screen and (max-width: 767px){.header h1{height:40px}.header h1 a{display:flex;align-items:center;color:#fff}}.header h1 a{display:flex;flex-flow:row nowrap;align-items:center;color:#fff}.header h1 img{width:160px;flex-grow:0;flex-shrink:1;flex-basis:160px;margin:0;margin-right:.5em;transition:.3s ease-out}@media screen and (max-width: 1200px){.header h1 img{margin-right:.5em}}@media only screen and (max-width: 1023px){.header h1 img{width:80px;margin-right:.25em}}.header h1 span{flex-grow:0;flex-shrink:1;flex-basis:auto;font-size:2rem;font-weight:normal;align-self:center;white-space:nowrap;transition:.3s ease-out;text-align:left;line-height:1.25em;align-self:stretch;display:flex;align-items:center;font-weight:normal}.header h1 span br{display:block}@media only screen and (max-width: 767px){.header h1 span br{display:block}}@media only screen and (max-width: 1023px){.header h1 span{font-size:.938rem;white-space:nowrap}}@media only screen and (max-width: 767px){.header h1 span{font-size:1.125rem;white-space:nowrap;text-align:left;line-height:1.25em}}@media only screen and (max-width: 576px){.header h1 span{font-size:1.125rem}}.header nav{flex-grow:1;flex-shrink:1;flex-basis:40%;align-self:stretch;display:flex;justify-content:flex-end;position:relative;height:100%}@media only screen and (max-width: 1023px){.header nav{display:none;height:60px}}@media only screen and (max-width: 767px){.header nav{display:none}}.header nav>ul{list-style:none;display:flex;justify-content:flex-end;margin:0;align-self:stretch}.header nav>ul>li{font-weight:700;margin-right:28px;align-items:center;display:flex;position:relative}.header nav>ul>li a{display:flex;align-self:stretch;align-items:center;position:relative;padding:0 .5em;font-size:1.125rem;color:#fff}.header nav>ul>li a span{font-weight:normal}.header nav>ul>li a:hover,.header nav>ul>li a:focus{color:#31edf3}.header nav>ul>li a:hover:after,.header nav>ul>li a:focus:after{width:100%;left:0%}.header nav>ul>li a:after{content:"";display:inline-block;position:absolute;width:0;left:50%;height:4px;width:0;background-color:#31edf3;bottom:0px;transition:.3s}.header nav>ul>li>ul{position:absolute;width:200px;height:200px;display:block;top:125px;padding-top:1em;background-color:#fff;border-radius:.5em;padding:1em 0;box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px;display:none;overflow:hidden}.header nav>ul>li>ul>li{display:block}.header nav>ul>li>ul>li a{width:100%;padding:.5em 1.5em;margin:0 auto;font-weight:normal;transition:.3s ease-out;font-size:1rem;list-style:none !important}.header nav>ul>li>ul>li a:hover,.header nav>ul>li>ul>li a:focus{background-color:#eee}.header nav>ul>li>ul>li a span{font-weight:normal}.header nav>ul>li>ul>li a:after{display:none}.header nav>ul>li>ul>li>ul{position:relative;width:100%;background-color:rgba(0,0,0,0);height:auto;padding:0;transition:.3s ease-out}.header nav>ul>li>ul>li>ul li a{list-style:none;padding-left:2.5em}.header .search_button,.header .mobile_button,.header .language_button,.header .login_button{width:60px;height:60px;right:0;top:0;display:flex;justify-content:center;align-self:center;align-items:center;transition:.3s ease-out}@media only screen and (max-width: 1023px){.header .search_button,.header .mobile_button,.header .language_button,.header .login_button{width:48px;height:48px}}.header .search_button a,.header .mobile_button a,.header .language_button a,.header .login_button a{border-radius:50%;background-color:#f0f0f0;display:block;width:3em;height:3em;display:flex;align-items:center;justify-content:center;line-height:2em;transition:.3s ease-out}.header .search_button a:hover,.header .search_button a:focus,.header .mobile_button a:hover,.header .mobile_button a:focus,.header .language_button a:hover,.header .language_button a:focus,.header .login_button a:hover,.header .login_button a:focus{background-color:#64dcf0}.header .search_button a img,.header .mobile_button a img,.header .language_button a img,.header .login_button a img{width:1.25em;height:1.25em}@media only screen and (max-width: 1023px){.header .search_button a,.header .mobile_button a,.header .language_button a,.header .login_button a{width:2em;height:2em}.header .search_button a img,.header .mobile_button a img,.header .language_button a img,.header .login_button a img{width:1em;height:1em}}.header .language_button{position:relative}@media only screen and (max-width: 1023px){.header .language_button{display:none}}.header .language_button a{z-index:1}.header .language_button:after{position:absolute;content:"";background-color:red;height:100px;width:80%;top:0;left:50%;margin-left:-35%;background:rgba(0,0,0,0);z-index:0}.header .language_button .submenu{position:absolute;width:200px;height:200px;display:block;top:80px;padding-top:1em;background-color:#fff;border-radius:.5em;padding:1em 0;box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px;overflow:hidden;padding:0;display:none}.header .language_button .submenu>li{display:block;padding:1em 0;background-color:none}.header .language_button .submenu>li a{width:100%;padding:.5em .5em !important;margin:0 auto;font-weight:normal;transition:.3s ease-out;font-size:1rem;list-style:none !important;border-radius:0;height:auto;line-height:1.5em !important;background-color:#fff !important}.header .language_button .submenu>li a:hover,.header .language_button .submenu>li a:focus{background-color:#eee !important}.header .language_button .submenu>li a span{font-weight:normal}.header .language_button .submenu>li a:after{display:none}.header .mobile_button{display:none}@media only screen and (max-width: 1023px){.header .mobile_button{display:flex}}.header .mobile_button a.btn{width:48px;height:48px;background:#eee;border-radius:50%;overflow:hidden;transition:.3s ease-out;min-width:2em;padding:0;font-size:1em}@media only screen and (max-width: 1023px){.header .mobile_button a.btn{width:2em;height:2em}}.header .mobile_button a.btn:hover,.header .mobile_button a.btn:focus{background-color:#64dcf0;box-shadow:none}.header .mobile_button a.btn span{width:1em;height:2px;display:block;background-color:#041f43;position:absolute;left:50%;margin-left:-0.5em;top:48%}.header .mobile_button a.btn span:before,.header .mobile_button a.btn span:after{position:absolute;content:"";width:1em;height:2px;display:block;background-color:#041f43;position:absolute;left:50%;margin-left:-0.5em;top:-6px}.header .mobile_button a.btn span:after{top:auto;bottom:-6px}@media only screen and (max-width: 767px){.header.fixed{background:rgba(0,0,0,.35);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(15px)}}@media screen and (min-width: 768px){.header.fixed{background:rgba(0,0,0,.35);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(15px);z-index:999;height:60px}.header.fixed .container{height:60px;width:100%;border:none}.header.fixed .container .btn_menu{background:rgba(0,0,0,0);top:0}.header.fixed .container .btn_menu span{background:#041f43}.header.fixed:before{background:#fff}.header.fixed .search_button,.header.fixed .mobile_button,.header.fixed .login_button,.header.fixed .language_button{width:48px;height:48px}.header.fixed .search_button a,.header.fixed .mobile_button a,.header.fixed .login_button a,.header.fixed .language_button a{width:2em;height:2em}.header.fixed .search_button a img,.header.fixed .mobile_button a img,.header.fixed .login_button a img,.header.fixed .language_button a img{width:1em;height:1em}.header.fixed h1{margin:0;height:40px;transition:.3s ease-out}}@media only screen and (min-width: 768px)and (max-width: 1023px){.header.fixed h1{margin:0 auto 0 0}}@media screen and (min-width: 768px){.header.fixed h1 a{display:flex;align-items:center}.header.fixed h1 a img{width:100px}.header.fixed h1 a span{font-size:1.125rem}.header.fixed h1 a span br{display:block}}@media screen and (min-width: 768px)and (max-width: 1150px){.header.fixed h1 a span{font-size:1.125rem}}@media screen and (min-width: 768px){.header.fixed nav{transition:.3s ease-out}.header.fixed nav>ul>li>ul{top:65px;transition:.3s ease-out}.header.fixed nav>ul>li a:hover,.header.fixed nav>ul>li a:focus{color:#00a3ed}.header.fixed .language a:hover,.header.fixed .language a:focus{color:#00a3ed}}.sidebar{background:#041f43;position:fixed;top:0;width:100%;height:100%;left:100%;z-index:98;transition:.3s ease-out;pointer-events:none;display:none}@media only screen and (max-width: 1023px){.sidebar{display:block}}.sidebar nav{position:absolute;width:90%;height:80%;overflow-x:hidden;overflow-y:auto;top:100px;left:5%;transform:translateX(30px);transition-delay:1.5s;transition:.3s ease-out;max-width:480px}.sidebar nav ul{list-style:none;padding:0}.sidebar nav ul li{transform:scale(1.15) translateY(-30px);opacity:0;transition:transform .5s cubic-bezier(0.4, 0.01, 0.165, 0.99),opacity .6s cubic-bezier(0.4, 0.01, 0.165, 0.99)}.sidebar nav ul li:nth-child(1){transition-delay:0.49s}.sidebar nav ul li:nth-child(2){transition-delay:0.42s}.sidebar nav ul li:nth-child(3){transition-delay:0.35s}.sidebar nav ul li:nth-child(4){transition-delay:0.28s}.sidebar nav ul li:nth-child(5){transition-delay:0.21s}.sidebar nav ul li:nth-child(6){transition-delay:0.14s}.sidebar nav ul li:nth-child(7){transition-delay:0.07s}.sidebar nav ul li a{color:#fff;display:block;padding:.75em 2em .75em .25em;font-size:1.25em;position:relative;text-decoration:none}.sidebar nav ul li a.has_child:before{position:absolute;content:"";width:.6em;height:2px;background-color:#64dcf0;right:.5em;top:1.25em}.sidebar nav ul li a.has_child:after{position:absolute;content:"";width:.6em;height:2px;background-color:#64dcf0;right:.5em;top:1.25em;transform:rotate(90deg)}.sidebar nav ul li a:hover,.sidebar nav ul li a:focus{color:#00a3ed}.sidebar nav ul li ul{padding-left:1.4em;display:none}.sidebar nav ul li ul a{font-size:1.125rem;padding:.5em .25em;font-weight:normal}.sidebar nav ul li ul a:before{display:none}.sidebar nav ul li ul a:after{display:none}.sidebar nav ul li ul li ul{padding-left:1em;display:block}.sidebar.menu-opened{transition:all .3s ease-in;transition-delay:.25s;left:0;pointer-events:auto}.sidebar.menu-opened nav{transform:translateX(0px)}.sidebar.menu-opened ul li{transform:scale(1) translateY(0px);opacity:1}.sidebar.menu-opened ul li:nth-child(1){transition-delay:0.27s}.sidebar.menu-opened ul li:nth-child(2){transition-delay:0.34s}.sidebar.menu-opened ul li:nth-child(3){transition-delay:0.41s}.sidebar.menu-opened ul li:nth-child(4){transition-delay:0.48s}.sidebar.menu-opened ul li:nth-child(5){transition-delay:0.55s}.sidebar.menu-opened ul li:nth-child(6){transition-delay:0.62s}.sidebar.menu-opened ul li:nth-child(7){transition-delay:0.69s}.sidebar.menu-opened ul li a.already_open:after{display:none}.footer{padding:2em 0 1em;background-color:#0b1628;display:block;flex-grow:0;flex-shrink:1;flex-basis:100%;padding:5em 0 3em}@media only screen and (max-width: 767px){.footer{padding:40px 0 1em}}.footer a{text-decoration:none}.footer p{margin:0 0 1em}.footer .container{flex-wrap:wrap;display:flex;padding:0 2em}@media only screen and (max-width: 1023px){.footer .container{flex-wrap:wrap;padding:0 2em}}.footer .container>*{align-items:flex-start}.footer .container .footer_logo{flex-grow:0;flex-shrink:1;flex-basis:30%;margin-top:0;margin-right:160px;display:flex;align-items:flex-start;font-size:2.5em;color:#acb4d1;line-height:1.25em;text-align:left}@media only screen and (max-width: 1023px){.footer .container .footer_logo{flex-basis:100%;text-align:left;margin:0 0 .5em;font-size:1.5em;padding:.5em 0}}.footer .container .footer_logo img{max-width:180px}@media only screen and (max-width: 1023px){.footer .container .footer_logo img{max-width:80px}}.footer .container .social_link{flex-grow:0;flex-shrink:1;flex-basis:auto;padding-left:80px;margin-left:auto;display:flex;align-items:center}@media only screen and (max-width: 576px){.footer .container .social_link{padding-left:20px}}.footer .container .social_link ul{margin:0;padding:0;display:flex;list-style:none}.footer .container .social_link ul li{width:2.5em;height:2.5em;margin:0 .5em;display:block}.footer .container .social_link ul li a{display:block;transition:.3s ease-out;opacity:.85;color:#acb4d1;display:block}.footer .container .social_link ul li a:hover,.footer .container .social_link ul li a:focus{opacity:1}.footer .container .social_link ul li a img{width:100%}.footer .container .link{flex-grow:1;flex-shrink:1;flex-basis:auto;align-self:flex-start}@media only screen and (max-width: 1023px){.footer .container .link{padding:0}}@media only screen and (max-width: 767px){.footer .container .link{margin:1em 0}}.footer .container .link ul{margin:0;padding:1em 0 0;display:flex;justify-content:flex-start}@media only screen and (max-width: 1023px){.footer .container .link ul{padding:0}}@media only screen and (max-width: 767px){.footer .container .link ul{flex-flow:row wrap}}.footer .container .link ul li{list-style:none;text-align:left;margin-bottom:.5em;flex-grow:0;flex-shrink:1;flex-basis:200px;color:#acb4d1;font-weight:bold;padding:0 1em 0 0;font-size:1.25em}@media only screen and (max-width: 1023px){.footer .container .link ul li{padding:0 0 1em 0}}@media only screen and (max-width: 767px){.footer .container .link ul li{flex-basis:48%;font-size:1em}}.footer .container .link ul li a{display:inline-block;position:relative;color:#acb4d1}.footer .container .link ul li a:hover,.footer .container .link ul li a:focus{color:#fff}.footer .container .link ul li a:hover:after,.footer .container .link ul li a:focus:after{width:100%}.footer .container .link ul li a:after{content:"";display:inline-block;position:absolute;width:0;height:2px;background-color:#64dcf0;bottom:-4px;left:0;transition:.3s}.footer .container .link ul li ul{display:block;margin-top:.75em;padding:0}.footer .container .link ul li ul li{padding:0;margin-bottom:.45em}.footer .container .link ul li ul li a{display:block;font-weight:normal;margin-right:1em;display:flex;align-items:center;white-space:nowrap;font-size:1rem}@media only screen and (max-width: 767px){.footer .container .link ul li ul li a{font-size:.938em}}.footer .container .link ul li ul li a img{display:inline-block;width:1em;height:1em;margin:0 .5em 0 0}.footer .container .contact{flex-grow:0;flex-shrink:1;flex-basis:30%;text-align:left;color:#31edf3;display:flex;padding:0 1em;align-self:flex-start;font-size:.875rem;flex-flow:row wrap}@media only screen and (max-width: 1023px){.footer .container .contact{flex-grow:1;flex-basis:50%}}@media only screen and (max-width: 767px){.footer .container .contact{flex-basis:100%;text-align:left;padding:0 .5em;margin-bottom:1em}}.footer .container .contact img{width:100px;height:100px;margin:0 0 0 auto}@media only screen and (max-width: 767px){.footer .container .contact img{width:auto;margin:0 auto 0 0}}.footer .container .contact p{flex-grow:0;flex-shrink:1;flex-basis:auto;margin-right:1em}@media only screen and (max-width: 576px){.footer .container .contact p{flex-basis:100%}}.footer .container .contact a{text-decoration:underline;color:#414141}.footer .container .contact a:hover,.footer .container .contact a:focus{color:#041f43}.footer .container .coyright{flex-grow:0;flex-shrink:1;flex-basis:100%;justify-content:flex-end;align-self:flex-start;font-size:.875rem;margin:1em 10em 0 auto;display:flex;flex-flow:row wrap}@media only screen and (max-width: 767px){.footer .container .coyright{flex-basis:80%;margin:1em auto 0 0;text-align:left;flex-flow:row wrap;justify-content:flex-start}}.footer .container .coyright a{flex-grow:0;flex-shrink:1;flex-basis:auto;text-align:left;color:#31edf3;margin:0 auto 0 0}.footer .container .coyright a:hover,.footer .container .coyright a:focus{color:#64dcf0}@media only screen and (max-width: 767px){.footer .container .coyright a{margin:0 1em .5em 0}}.footer .container .coyright p{flex-grow:0;flex-shrink:1;flex-basis:100%;font-size:.913rem;color:#31edf3;text-align:left;margin:0}@media only screen and (max-width: 767px){.footer .container .coyright p{flex-basis:100%;text-align:left;padding-right:0}}@font-face{font-family:"Mabry Pro";src:url("font/Mabry-Italic-Pro.woff") format("woff");src:url("font/Mabry-Medium-Pro.woff") format("woff")}body::-webkit-scrollbar,body::-webkit-scrollbar-track{background-color:rgba(0,0,0,.4)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{border-radius:0px;background-color:#31edf3}body{line-height:1.5em;font-family:"Mabry Pro",Verdana,"Noto Sans TC","Noto Sans SC","Noto Sans JP","Microsoft JhengHei","sans-serif";color:#333;background-color:#041f43;overflow-x:hidden !important;overflow-y:auto}*{box-sizing:border-box}img.img_circle{border-radius:50%}img:not([src]){visibility:hidden;opacity:0}img.lazy{visibility:hidden}img.loaded{visibility:visible;animation:lazy_animation .3s ease-out}@keyframes lazy_animation{from{opacity:0}to{opacity:1}}a{text-decoration:none}@media only screen and (max-width: 1023px){.wrapper{padding-top:60px;overflow-x:hidden !important;overflow-y:auto}}@media only screen and (max-width: 767px){.wrapper{padding-top:60px}}.wrapper.dashboard_wrapper{background-color:#f1f1f1}.container{max-width:1600px;margin:0 auto;padding:0 3em;position:relative;z-index:2;text-align:center;width:100%}@media only screen and (max-width: 767px){.container{padding:0 1em}}p a{color:#005087}a{color:#005087}a:hover,a:focus{color:#006eba}p,li{color:rgba(255,255,255,.8)}.scrollToTop{width:56px;height:56px;border-radius:50%;background:url(../images/top.svg) no-repeat center center;background-size:contain;text-align:center;color:#fff;line-height:50px;text-decoration:none;position:fixed;bottom:1.5em;right:1.5em;transition:.3s ease-out;display:none;z-index:99999999;text-indent:-999999px}@media only screen and (max-width: 576px){.scrollToTop{bottom:1em;right:1em}}.scrollToTop:hover,.scrollToTop:focus{background:url(../images/top.svg) no-repeat center center;background-size:contain}.cover{position:absolute;width:1600px;height:1000px;top:-1200px}.cover img{width:100%}h2{display:block;position:relative}h2.title{font-size:3em;color:#fff;margin:0 0 .5em;line-height:1.35em;position:relative}@media only screen and (max-width: 767px){h2.title{font-size:2em}}h2.title+p{display:block;margin:1em 0;text-align:center}h2.h2_line{position:relative;width:100%;margin:1.5em auto 1em}h2.h2_line:before{position:absolute;content:"";left:0;top:50%;width:100%;border-top:1px solid #555}h2.h2_line span{display:inline-block;background-color:#fff;padding:.5em 1em;position:relative;z-index:2}@media only screen and (max-width: 576px){h2.h2_line{width:90%}}table{width:100%;border-collapse:collapse}@media only screen and (max-width: 576px){table{width:100%}}table th,table td{padding:.5em;text-align:left;font-size:1.125em;min-height:3em;color:rgba(255,255,255,.75)}table td{border-bottom:#777 1px solid;word-break:break-all}table td.website_title{width:250px}table td.big_title{width:150px}table td a{word-break:break-all}table td.num{width:2em}table th{color:#333;border-bottom:#ddd 1px solid;text-align:center;white-space:nowrap}table.table_hover tr:hover{background:#f3f3f3}table.table_sprite tr:nth-child(even){background:#f5f5f5}.table_wrapper{width:100%}@media only screen and (max-width: 767px){.table_wrapper{width:100%;display:block;overflow:hidden;overflow-x:auto;padding-bottom:1em;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0, 0, 0)}.table_wrapper table{width:100%;min-width:600px}}.scroltable{min-width:600px !important}.scroltable-wrapper{position:relative;-webkit-overflow-scrolling:touch;transform:translate3d(0, 0, 0);overflow-y:hidden}.scroltable-container{overflow:auto}.scroltable-nav{display:none;position:absolute;width:60px;height:100%;cursor:pointer;z-index:9}.scroltable-nav.scroltable-nav-left{left:0;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 100%, rgb(255, 255, 255) 1%)}.scroltable-nav.scroltable-nav-left .tablearrow_left{position:fixed;left:0em;top:0em;display:none;z-index:9}@media only screen and (max-width: 767px){.scroltable-nav.scroltable-nav-left .tablearrow_left{display:block}}.scroltable-nav.scroltable-nav-left .tablearrow_left:before{position:absolute;top:0em;left:-0.2em;width:30px;height:30px;background:url(../vendor/scrolltable/images/arrow-left.png) no-repeat 10px center;content:"";z-index:2}.scroltable-nav.scroltable-nav-right{right:0;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)}.scroltable-nav.scroltable-nav-right .tablearrow_right{position:fixed;top:0em;right:0em;display:none;z-index:9}@media only screen and (max-width: 767px){.scroltable-nav.scroltable-nav-right .tablearrow_right{display:block}}.scroltable-nav.scroltable-nav-right .tablearrow_right:before{position:absolute;top:0em;right:-0.2em;width:30px;height:30px;background:url(../vendor/scrolltable/images/arrow-right.png) no-repeat right 10px center;content:"";z-index:2}@keyframes arrow_left{from{left:-0.2em}to{left:.3em}}@keyframes arrow_right{from{right:-0.2em}to{right:.3em}}.btn-auo{border-radius:4em;min-width:10em;background-color:#005087;color:#fff;border:none}.btn-auo:hover,.btn-auo:focus{background-color:#64dcf0;color:#005087}.divider{padding:1em 0;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.divider:before{position:absolute;content:"";border-top:1px solid #ccc;width:100%;top:50%;left:0;display:block;z-index:0}.divider span{flex-grow:0;flex-shrink:1;flex-basis:auto;padding:.5em 1em;background-color:#fff;text-align:center;color:#888;position:relative;z-index:1}.content{display:block;min-height:600px;width:100%}.content .container{max-width:1600px}section.section{padding:5em 0 2em}@media only screen and (min-width: 1024px)and (max-width: 1729px){section.section{padding:3.5em 0 5em}}@media only screen and (max-width: 1023px){section.section{padding:2.5em 0 3em}}section a{text-decoration:none}h3{line-height:1.5em;margin:.5em auto;display:inline-block}p{font-size:1.125em;line-height:1.65em;margin:0 0 2em;position:relative}hr{border-top:1px solid #fff}@keyframes h2_animation{0%{background-position:0px 50%}50%{background-position:100% 50%}100%{background-position:0px 50%}}@keyframes scrollDown{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}100%{transform-origin:bottom;transform:scaleY(0)}}@keyframes scrollmouse{0%{transform:translate(-50%, 0px);opacity:0}50%{transform:translate(-50%, 8px);opacity:1}100%{transform:translate(-50%, 16px);opacity:0}}.kv{min-height:800px;display:flex;align-items:stretch;position:relative}@media only screen and (max-width: 767px){.kv{min-height:90%;padding-bottom:0 !important}}.kv:before{position:absolute;content:"";width:50%;height:110%;top:-360px;right:-100px;background:url(../images/kv.svg) no-repeat left bottom;transform:scale(1.1);pointer-events:none;transition:.3s ease-out}@media screen and (max-width: 1480px){.kv:before{transform:scale(0.8);transform-origin:right top;right:-50px;top:-240px}}@media only screen and (max-width: 1023px){.kv:before{transform:scale(1);top:-460px;transform-origin:right bottom}}@media only screen and (max-width: 576px){.kv:before{width:125%;top:-540px;height:100%;transform:scale(0.4)}}.kv .container{max-width:1600px;margin:0 auto 0}.kv .scroll-down{position:absolute;right:30px;bottom:70px;width:1px;height:80px;background:#61caff;animation:scrollDown 1s ease-in-out infinite;margin:0 auto}@media only screen and (max-width: 767px){.kv .scroll-down{display:none}}.kv .scroll-mouse{position:absolute;right:1em;bottom:0px;width:30px;height:50px;border:2px solid #61caff;border-radius:50px;cursor:pointer;overflow:hidden;margin:0 auto}@media only screen and (max-width: 767px){.kv .scroll-mouse{display:none}}.kv .scroll-mouse:before{content:"";position:absolute;left:50%;top:20px;width:6px;height:6px;border-radius:100%;transform:translateX(-50%);background:#61caff;animation:scrollmouse 1s ease infinite}.kv .scroll-mouse:after{content:"";position:absolute;left:50%;top:5px;width:6px;height:15px;border-radius:3px;transform:translateX(-50%);background:#61caff}.kv .kv_info{padding-top:50px;text-align:left;position:relative}@media only screen and (max-width: 1023px){.kv .kv_info{padding-top:200px}}@media only screen and (max-width: 767px){.kv .kv_info{padding-top:120px}}.kv .kv_info .auo_event{color:#fff;margin-bottom:3em}.kv .kv_info .auo_event h3{font-size:3.6em;margin:0}@media only screen and (max-width: 767px){.kv .kv_info .auo_event h3{font-size:2em}}.kv .kv_info .auo_event ul{border-left:1px solid #ddd}.kv .kv_info .auo_event ul li{font-size:1.5em;line-height:1.75em;color:#fff}@media only screen and (max-width: 767px){.kv .kv_info .auo_event ul li{font-size:1.125em}}.kv .kv_info .type_heading h3{padding-top:.25em;font-size:1.125rem;position:relative;padding-left:2em;font-weight:normal}@media only screen and (max-width: 767px){.kv .kv_info .type_heading h3{font-size:.875em}}.kv .kv_info .type_heading h3:before{position:absolute;content:"";background:url(../images/kv_icon_coding.svg) no-repeat left top;background-size:1.5em;width:2em;height:2em;left:0;top:.15em}.kv .kv_info .type_heading span{display:inline-block;transition:transform .6s cubic-bezier(0.4, 0.01, 0.165, 0.99);transform:translate(20%, 100%);position:relative;z-index:1;line-height:1.25em;color:#a1a1a1;font-weight:normal}.kv .kv_info .type_heading span:last-child{padding-right:.2em}.kv .kv_info .type_heading span:before{content:"";position:absolute;z-index:1;bottom:0;left:0;width:100%;height:100%;transform:translateY(-40%);transition:transform .6s cubic-bezier(0.65, 0.02, 0.23, 1)}.kv .kv_info .type_heading span.row{overflow:hidden;line-height:.9;display:block;transform:none}.kv .kv_info .type_heading span.row:before{display:none}.kv .kv_info .type_heading .animate{transform:translate(0, 0)}.kv .kv_info .type_heading .animate:before{transform:translateY(200%)}.kv .kv_info h2{text-align:left;background:#00cdff;background:linear-gradient(145deg, rgb(0, 205, 255) 20%, rgb(11, 105, 173) 50%, rgb(87, 255, 190) 80%);background-size:150%;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;font-size:5em;line-height:1.125em;font-weight:bold;text-fill-color:rgba(0,0,0,0);background-position:100% center;animation:h2_animation 5s ease-in-out infinite;margin:0 0 .5em;max-width:600px}@media screen and (max-width: 1480px){.kv .kv_info h2{font-size:6em;margin:0 0 .75em;animation:h2_animation 5s ease-in-out infinite}}@media only screen and (max-width: 1023px){.kv .kv_info h2{font-size:4em;animation:h2_animation 5s ease-in-out infinite}}@media only screen and (max-width: 576px){.kv .kv_info h2{font-size:3em;background:linear-gradient(145deg, rgb(0, 205, 255) 20%, rgb(22, 138, 221) 50%, rgb(87, 255, 190) 80%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;margin:0 0 .5em;text-fill-color:rgba(0,0,0,0);background-position:100% center;animation:h2_animation 5s ease-in-out infinite;max-width:600px}}.kv .btn_grp{justify-content:flex-start;margin-bottom:4em}@media only screen and (max-width: 576px){.kv .btn_grp{flex-flow:row wrap;margin-bottom:1.25em}}.kv .btn_grp a{margin:0 1em 0 0;color:#041f43;min-width:12em;font-size:1.35em;text-align:center;justify-content:center;background-color:#31edf3}.kv .btn_grp a:hover,.kv .btn_grp a:focus{background-color:#57ffbe}@media only screen and (max-width: 576px){.kv .btn_grp a{width:80%;font-size:1.125em;margin:0 auto 1em 0}}.kv .output{display:flex;align-items:center;margin:1em 0;flex-flow:row wrap}.kv .output img{flex-grow:0;flex-shrink:1;flex-basis:auto;width:auto;height:2.5em;margin:0 2em 1em 0}@media only screen and (max-width: 576px){.kv .output img{height:2em}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.auo_welcome h2{font-size:2.6em;line-height:1.5;text-align:center;color:#fff}.auo_welcome p{color:#fff}.auo_welcome p:last-of-type{margin-bottom:0}.ds_info{padding:5em 0 !important;position:relative;overflow:visible}.ds_info:after{position:absolute;content:"";width:40%;left:-15%;top:45%;aspect-ratio:1/1;background:url(../images/circle.svg) center center no-repeat;background-size:100%;animation:rotate 10s linear infinite;pointer-events:none}@media only screen and (max-width: 767px){.ds_info:after{width:100%;top:auto;bottom:15%;left:-45%}}.ds_info .container{position:relative;padding-right:0;padding-top:10em}@media only screen and (max-width: 767px){.ds_info .container{padding-top:5em}}.ds_info .container:before{position:absolute;content:"";width:.5em;height:.5em;border-radius:50%;background-color:#57ffbe;top:.5em;left:3em}@media only screen and (max-width: 767px){.ds_info .container:before{left:1em}}.ds_info .container:after{position:absolute;content:"Design System introduction";color:#c6c6c6;top:.4em;left:6.5em;font-size:.75rem;height:1em;line-height:1em}@media only screen and (max-width: 767px){.ds_info .container:after{left:3.5em}}@media screen and (min-width: 1480px){.ds_info .container{padding:10em 3em 0}}.ds_info .ds_info_content{display:flex}@media only screen and (max-width: 1023px){.ds_info .ds_info_content{flex-flow:row wrap}}.ds_info .ds_info_content .left,.ds_info .ds_info_content .right{flex-grow:0;flex-shrink:1;flex-basis:50%}@media only screen and (max-width: 1023px){.ds_info .ds_info_content .left,.ds_info .ds_info_content .right{flex-basis:100%}}.ds_info .ds_info_content .left{text-align:left;padding-right:2em}@media only screen and (max-width: 1023px){.ds_info .ds_info_content .left{margin-bottom:3em}}.ds_info .ds_info_content .left h2.title{margin-bottom:3em;background:#00cdff;background:linear-gradient(145deg, rgb(0, 205, 255) 20%, rgb(11, 105, 173) 50%, rgb(87, 255, 190) 80%);background-size:150%;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;line-height:1.125em;font-weight:normal;text-fill-color:rgba(0,0,0,0);animation:h2_animation 5s ease-in-out infinite}@media only screen and (max-width: 1023px){.ds_info .ds_info_content .left h2.title{margin-bottom:0}}.ds_info .ds_info_content .left p{text-align:left;max-width:660px}@media only screen and (max-width: 1023px){.ds_info .ds_info_content .left p{font-size:.938em;max-width:90%}}.ds_info .ds_info_content .right .img-container{width:100%;overflow:hidden}.ds_info .ds_info_content .right .img-container img{width:100%}.service_link{position:relative}.service_link .container{padding-top:8em;display:flex}@media screen and (max-width: 1200px){.service_link .container{flex-flow:row wrap;padding-top:5em}}.service_link .container:before{position:absolute;content:"";width:.5em;height:.5em;border-radius:50%;background-color:#57ffbe;top:.5em;left:3em}@media only screen and (max-width: 767px){.service_link .container:before{left:1em}}.service_link .container:after{position:absolute;content:"Quick Link";color:#c6c6c6;top:.4em;left:6.5em;font-size:.75rem;height:1em;line-height:1em}@media only screen and (max-width: 767px){.service_link .container:after{left:3.5em}}.service_link .container .item{flex-grow:0;flex-shrink:1;flex-basis:23%;margin:0 1%;height:24em;position:relative}@media screen and (max-width: 1200px){.service_link .container .item{flex-basis:45%;margin:0 auto 2em}}@media only screen and (max-width: 767px){.service_link .container .item{max-width:300px;flex-basis:80%;height:20em;margin:0 auto 1em;background-color:rgba(0,0,0,.15)}}.service_link .container .item a{position:absolute;width:100%;height:100%;left:0;top:0;flex-flow:row wrap;display:flex;align-content:flex-end;padding:2em 1.5em;border:1px solid rgba(0,0,0,0);-o-border-image:linear-gradient(145deg, #31edf3, #57ffbe);border-image:linear-gradient(145deg, #31edf3, #57ffbe);border-image-slice:1;transition:.3s ease-out;background-color:rgba(0,0,0,.1)}.service_link .container .item a:hover,.service_link .container .item a:focus{transform:translateY(-10px);background-color:rgba(0,0,0,.25)}@media only screen and (max-width: 767px){.service_link .container .item a:hover,.service_link .container .item a:focus{transform:none}}.service_link .container .item a img{position:absolute;width:90px;top:2em;left:2em}.service_link .container .item a h3{color:#fff;font-size:1.75em;line-height:1.35em;text-align:left;display:block;flex-grow:0;flex-shrink:1;flex-basis:100%;margin:0 0 .5em}.service_link .container .item a h3 br{display:none}@media only screen and (max-width: 1023px){.service_link .container .item a h3{font-size:1.5em}.service_link .container .item a h3 br{display:none}}.service_link .container .item a p{font-size:.938em;flex-grow:0;flex-shrink:1;flex-basis:100%;margin:0;height:3em;text-align:left}.key_features{position:relative;overflow:visible}.key_features .container{padding-top:5em;padding-bottom:5em}.key_features .container:before{position:absolute;content:"";width:.5em;height:.5em;border-radius:50%;background-color:#57ffbe;top:.5em;left:3em}@media only screen and (max-width: 767px){.key_features .container:before{left:1em}}.key_features .container:after{position:absolute;content:"Key Features";color:#c6c6c6;top:.4em;left:6.5em;font-size:.75rem;height:1em;line-height:1em}@media only screen and (max-width: 767px){.key_features .container:after{left:3.5em}}.key_features .container .item{display:flex;align-items:flex-start;margin:0 0 3em;height:20em;position:sticky;top:20%;padding:0 0 5em 0;background-color:#041f43}@media only screen and (max-width: 767px){.key_features .container .item{flex-flow:row wrap;background:none;position:relative;top:auto}}.key_features .container .item .pic{flex-grow:0;flex-shrink:1;flex-basis:60%;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 767px){.key_features .container .item .pic{flex-basis:100%;padding-top:4em;margin:2em 0}}.key_features .container .item .item_content{flex-grow:0;flex-shrink:1;flex-basis:40%;text-align:left;padding:2em;border-top:1px solid #31edf3;margin-right:1em}@media only screen and (max-width: 767px){.key_features .container .item .item_content{flex-basis:100%;border-top:none;margin-right:0em;padding:2em 1em}}.key_features .container .item .item_content h3{font-size:2.5em;color:#fff;margin:0 0 .5em;display:inline-block;background:#00cdff;background:linear-gradient(145deg, rgb(0, 205, 255) 20%, rgb(11, 105, 173) 60%, rgb(87, 255, 190) 100%);background-size:150%;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;line-height:1.125em;font-weight:bold;text-fill-color:rgba(0,0,0,0);animation:h2_animation 5s ease-in-out infinite}@media only screen and (max-width: 767px){.key_features .container .item .item_content h3{font-size:1.75em;text-align:center;margin:0 auto .5em;display:block}}.key_features .container .item .item_content p{display:block}@media only screen and (max-width: 1023px){.key_features .container .item .item_content p{font-size:1em;max-width:90%;margin:0 auto 1em;text-align:center}}@media only screen and (max-width: 767px){.key_features .container .item .item_content p{font-size:.938em;margin-bottom:2em}}.domain_wall{padding-top:0 !important}@media only screen and (max-width: 767px){.domain_wall{padding-bottom:0 !important}}.domain_wall .container{padding:0;display:flex}@media only screen and (max-width: 767px){.domain_wall .container{flex-flow:row wrap}}.domain_wall .container .left,.domain_wall .container .right{flex-grow:0;flex-shrink:1;flex-basis:50%}@media only screen and (max-width: 767px){.domain_wall .container .left,.domain_wall .container .right{flex-basis:100%}}.domain_wall .container .left .img-container,.domain_wall .container .right .img-container{width:100%;aspect-ratio:1/1}.domain_wall .container .left .img-container img,.domain_wall .container .right .img-container img{width:100%;display:block}.before_after{position:relative;padding-top:10em !important}@media only screen and (max-width: 767px){.before_after{padding-top:5em !important}}.before_after:after{position:absolute;content:"";width:100%;height:50%;background:#0b1628;left:0;top:0;z-index:1}.before_after .frame{aspect-ratio:1350/960;width:100%;max-width:1250px;margin:0 auto 3em;position:relative;z-index:2}.before_after .frame:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:url(../images/pic_pad.png) no-repeat left top;background-size:contain;z-index:2;pointer-events:none}.before_after .frame .ba-slider{position:absolute;width:94%;height:98%;left:3%;top:2%;z-index:1}.before_after h2.title+p{max-width:720px;margin:0 auto;display:block}@media only screen and (max-width: 767px){.before_after h2.title+p{font-size:.938em}}.sample_page .container{padding-top:8em}@media only screen and (max-width: 767px){.sample_page .container{padding-top:5em}}.sample_page .container:before{position:absolute;content:"";width:.5em;height:.5em;border-radius:50%;background-color:#57ffbe;top:.5em;left:3em}@media only screen and (max-width: 767px){.sample_page .container:before{left:1em}}.sample_page .container:after{position:absolute;content:"Template Download";color:#c6c6c6;top:.4em;left:6.5em;font-size:.75rem;height:1em;line-height:1em}@media only screen and (max-width: 767px){.sample_page .container:after{left:3.5em}}.sample_page .container .sample_page_content{display:flex;align-content:top;justify-content:flex-start;flex-flow:row wrap}.sample_page .container .sample_page_content .item{flex-grow:0;flex-shrink:1;flex-basis:33.3333%;padding:0 1em 2em}@media only screen and (max-width: 1023px){.sample_page .container .sample_page_content .item{flex-basis:50%}}@media only screen and (max-width: 576px){.sample_page .container .sample_page_content .item{flex-basis:80%;margin:0 auto 2em;width:360px;padding:0}}.sample_page .container .sample_page_content .item .img-container{width:100%;aspect-ratio:4/3}.sample_page .container .sample_page_content .item .img-container img{width:100%}.sample_page .container .btn_grp a{margin:0 auto;color:#041f43;min-width:12em;font-size:1.35em;text-align:center;justify-content:center;background-color:#31edf3}.sample_page .container .btn_grp a:hover,.sample_page .container .btn_grp a:focus{background-color:#57ffbe}@media only screen and (max-width: 576px){.sample_page .container .btn_grp a{width:80%;font-size:1.125em;margin:0 auto 1em}}.inner_title{padding-top:8em;color:#fff;min-height:10em;position:relative;margin-bottom:8em}@media only screen and (max-width: 767px){.inner_title{min-height:5em;margin-bottom:4em}}.inner_title:after{position:absolute;content:"";width:720px;aspect-ratio:5/3;left:50%;top:-20px;margin-left:200px;background:url(../images/kv.svg) no-repeat left bottom;background-size:125%;transform:scale(1);pointer-events:none}@media only screen and (max-width: 767px){.inner_title:after{width:100%;left:50%;top:-50px;margin-left:0}}.inner_title small{color:rgba(255,255,255,.75)}.inner_title h2{font-size:4em;color:#fff;text-align:left;line-height:1.35em}@media only screen and (max-width: 767px){.inner_title h2{font-size:2.5em}}.inner_title h2 small{display:block;font-size:1.125rem;line-height:1.45em;font-weight:normal;max-width:760px}@media only screen and (max-width: 767px){.inner_title h2 small{font-size:1rem}}.inner_list{margin-bottom:8em}.inner_list .container{display:flex;justify-content:flex-start}@media only screen and (max-width: 1023px){.inner_list .container{flex-flow:row wrap}}.inner_list .container .inner_h3_title{flex-grow:0;flex-shrink:0;flex-basis:450px;border-top:1px solid rgba(255,255,255,.5);margin-right:4em;text-align:left;position:sticky;position:-webkit-sticky;top:0}@media screen and (max-width: 1200px){.inner_list .container .inner_h3_title{flex-basis:300px}}@media only screen and (max-width: 767px){.inner_list .container .inner_h3_title{flex-basis:100%}}.inner_list .container .inner_h3_title h3{font-size:3em;color:#fff;text-align:left;margin:0;font-weight:normal;line-height:1.45em;padding-top:3rem;background:#00cdff;background:linear-gradient(145deg, rgb(0, 205, 255) 0%, rgb(57, 161, 235) 60%, rgb(87, 255, 190) 80%);background-size:150%;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;line-height:1.25em;text-fill-color:rgba(0,0,0,0);background-position:100% center;animation:h2_animation 5s ease-in-out infinite}@media only screen and (max-width: 1023px){.inner_list .container .inner_h3_title h3{font-size:2em;padding:2em 0;background:#00cdff;background:linear-gradient(145deg, rgb(0, 205, 255) 0%, rgb(57, 161, 235) 60%, rgb(87, 255, 190) 80%);background-size:150%;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;margin:0}}.inner_list .container .inner_h3_title h3 small{display:block;font-size:1rem;font-weight:normal;color:rgba(255,255,255,.75)}.inner_list .container .inner_info_content{flex-grow:1;flex-shrink:1;flex-basis:auto;border-top:1px solid rgba(255,255,255,.5);color:#fff;text-align:left;padding-top:3rem}.inner_list .container .inner_info_content h4{line-height:1.45em;color:#31edf3;font-size:1.75rem;text-align:left;margin:0 0 .5em;font-weight:normal}@media only screen and (max-width: 1023px){.inner_list .container .inner_info_content h4{font-size:1.5em}}.inner_list .container .inner_info_content h4 .num{display:inline-block;font-size:1em;font-weight:normal;line-height:1.35em;color:#31edf3;margin-right:.25em}.inner_list .container .inner_info_content p{font-size:1.125rem}@media only screen and (max-width: 767px){.inner_list .container .inner_info_content p{font-size:1rem}}.inner_list .container .inner_info_content table{border:none;border-bottom:1px solid rgba(255,255,255,.25)}.inner_list .container .inner_info_content table th,.inner_list .container .inner_info_content table td{border:none}.inner_list .container .inner_info_content .service_info{display:flex;flex-flow:row wrap}.inner_list .container .inner_info_content .service_info .item{flex-grow:0;flex-shrink:1;flex-basis:50%;padding-right:1em;margin-bottom:2em}@media only screen and (max-width: 767px){.inner_list .container .inner_info_content .service_info .item{flex-basis:100%;text-align:center;margin:0 auto 1em 0;padding-top:2em;min-width:320px;padding-right:0}}.inner_list .container .inner_info_content .service_info .item .link-download{text-decoration:underline;color:rgba(255,255,255,.75)}.inner_list .container .inner_info_content .service_info .item .link-download:hover{color:#fff}.inner_list .container .inner_info_content .service_info .item .img-container{width:80%;margin:2em 10% 0;aspect-ratio:16/9;position:relative;display:block}@media only screen and (max-width: 767px){.inner_list .container .inner_info_content .service_info .item .img-container{margin:0 auto;width:100%}}.inner_list .container .inner_info_content .service_info .item .img-container img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;left:0;top:0}.inner_list .container .inner_info_content .service_info .item ul{padding-left:0;margin:0 0 0 1em;padding-left:1.75em}@media only screen and (max-width: 767px){.inner_list .container .inner_info_content .service_info .item ul{padding-left:1.5em}}.inner_list .container .inner_info_content .service_info .item ul li{text-align:left;font-size:1.125em;line-height:1.45em;margin-bottom:.5em;color:rgba(255,255,255,.75)}.inner_list .container .inner_info_content .plugin-list .item .img-container{background-color:#fff}.inner_list .container .inner_info_content .plugin-list .item .img-container img{-o-object-fit:contain;object-fit:contain;border:20px solid rgba(0,0,0,0)}.inner_list .container .inner_info_content .contact_info{text-align:left}.inner_list .container .inner_info_content .table_wrapper{margin-top:1em}.download_link{position:relative}.download_link .container .download_content{display:flex;justify-content:flex-start;flex-flow:row nowrap;border-top:1px solid rgba(255,255,255,.5);padding:5em 0em 3em}@media only screen and (max-width: 767px){.download_link .container .download_content{flex-flow:row wrap;justify-content:center;padding:2em 0}}.download_link .container .item{flex-grow:0;flex-shrink:1;flex-basis:33.3333%;margin:0 1% 2em;height:14em;position:relative}@media only screen and (max-width: 1023px){.download_link .container .item{flex-basis:50%}}@media only screen and (max-width: 767px){.download_link .container .item{max-width:300px;flex-basis:80%;height:10em;margin-left:1em;margin-right:1em;background-color:rgba(0,0,0,.15)}}.download_link .container .item a{position:absolute;width:100%;height:100%;left:0;top:0;flex-flow:row wrap;display:flex;align-content:flex-end;padding:2em 1.5em 1em;border:1px solid rgba(0,0,0,0);-o-border-image:linear-gradient(145deg, #31edf3, #57ffbe);border-image:linear-gradient(145deg, #31edf3, #57ffbe);border-image-slice:1;transition:.3s ease-out;background-color:rgba(0,0,0,.1);overflow:hidden}.download_link .container .item a:before{position:absolute;content:"";width:40px;height:40px;background:url(../images/icon_download.png) no-repeat center center;background-size:100%;top:-3em;right:1em;transition:.3s ease-out}.download_link .container .item a:hover,.download_link .container .item a:focus{transform:translateY(-10px);background-color:rgba(0,0,0,.25)}@media only screen and (max-width: 767px){.download_link .container .item a:hover,.download_link .container .item a:focus{transform:none}}.download_link .container .item a:hover:before,.download_link .container .item a:focus:before{top:1em}.download_link .container .item a img{position:absolute;width:180px;top:2em;left:2em}@media only screen and (max-width: 767px){.download_link .container .item a img{width:150px;top:1em;left:1em}}.download_link .container .item a h3{color:#fff;font-size:1.75em;line-height:1.35em;text-align:left;display:block;flex-grow:0;flex-shrink:1;flex-basis:100%;margin:0 0 .25em}.download_link .container .item a h3 br{display:none}@media only screen and (max-width: 1023px){.download_link .container .item a h3{font-size:1.5em}.download_link .container .item a h3 br{display:none}}@media only screen and (max-width: 767px){.download_link .container .item a h3{font-size:1.25em;font-weight:normal}}.download_link .container .item a p{font-size:.938em;flex-grow:0;flex-shrink:1;flex-basis:100%;margin:0;height:3em;text-align:left}.inner_resource,.inner_faq{display:flex;flex-grow:0;flex-shrink:1;flex-basis:100%}@media only screen and (max-width: 1023px){.inner_resource,.inner_faq{flex-flow:row wrap}}.inner_resource .inner_h3_title,.inner_faq .inner_h3_title{flex-grow:0;flex-shrink:0;flex-basis:450px;border-top:1px solid rgba(255,255,255,.5);margin-right:4em;text-align:left}@media screen and (max-width: 1200px){.inner_resource .inner_h3_title,.inner_faq .inner_h3_title{flex-basis:300px}}@media only screen and (max-width: 1023px){.inner_resource .inner_h3_title,.inner_faq .inner_h3_title{flex-basis:100%}}.inner_resource .inner_h3_title h3,.inner_faq .inner_h3_title h3{font-size:3em;color:#fff;text-align:left;margin:0;font-weight:normal;line-height:1.45em;padding-top:3rem;background:#00cdff;background:linear-gradient(145deg, rgb(0, 205, 255) 0%, rgb(57, 161, 235) 60%, rgb(87, 255, 190) 80%);background-size:150%;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;line-height:1.25em;text-fill-color:rgba(0,0,0,0);background-position:100% center;animation:h2_animation 5s ease-in-out infinite}@media only screen and (max-width: 1023px){.inner_resource .inner_h3_title h3,.inner_faq .inner_h3_title h3{font-size:2em;padding:2em 0;background:#00cdff;background:linear-gradient(145deg, rgb(0, 205, 255) 0%, rgb(57, 161, 235) 60%, rgb(87, 255, 190) 80%);background-size:150%;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;margin:0}}.inner_resource .inner_h3_title h3 small,.inner_faq .inner_h3_title h3 small{display:block;font-size:1rem;font-weight:normal;color:rgba(255,255,255,.75)}.inner_resource .resource_content,.inner_resource .faq_content,.inner_faq .resource_content,.inner_faq .faq_content{flex-grow:1;flex-shrink:1;flex-basis:auto;border-top:1px solid rgba(255,255,255,.5);color:#fff;text-align:left;padding-top:4.5rem;display:flex;flex-flow:row wrap;align-items:flex-start;align-content:flex-start;padding-bottom:5em}@media only screen and (max-width: 1023px){.inner_resource .resource_content,.inner_resource .faq_content,.inner_faq .resource_content,.inner_faq .faq_content{flex-basis:100%}}.inner_resource .resource_content .resource_info,.inner_resource .faq_content .resource_info,.inner_faq .resource_content .resource_info,.inner_faq .faq_content .resource_info{display:flex;flex-flow:row wrap;align-items:flex-start;align-content:flex-start}.inner_resource .resource_content h4,.inner_resource .faq_content h4,.inner_faq .resource_content h4,.inner_faq .faq_content h4{font-size:1.75em;font-weight:normal;flex-grow:0;flex-shrink:1;flex-basis:260px;margin:.25em 0 1em;color:#31edf3}.inner_resource .resource_content ol,.inner_resource .faq_content ol,.inner_faq .resource_content ol,.inner_faq .faq_content ol{flex-grow:1;flex-shrink:1;flex-basis:60%;display:flex;flex-flow:row wrap;margin:0 0 3em;padding:0}.inner_resource .resource_content ol li,.inner_resource .faq_content ol li,.inner_faq .resource_content ol li,.inner_faq .faq_content ol li{text-align:left;flex-grow:0;flex-shrink:1;flex-basis:100%;font-size:1.125em;padding:.25em 0 .5em .25em;list-style-position:inside;border-bottom:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.5)}.inner_resource .resource_content ol li a,.inner_resource .faq_content ol li a,.inner_faq .resource_content ol li a,.inner_faq .faq_content ol li a{display:inline-block;color:#fff;font-weight:normal;padding-left:.5em}.inner_resource .resource_content ol li a:hover,.inner_resource .resource_content ol li a:focus,.inner_resource .faq_content ol li a:hover,.inner_resource .faq_content ol li a:focus,.inner_faq .resource_content ol li a:hover,.inner_faq .resource_content ol li a:focus,.inner_faq .faq_content ol li a:hover,.inner_faq .faq_content ol li a:focus{color:#00a3ed}@media only screen and (max-width: 1023px){.inner_resource .faq_content,.inner_faq .faq_content{padding-left:0}}.inner_resource .faq_content ul,.inner_faq .faq_content ul{margin:0;width:100%}.inner_resource .faq_content ul li,.inner_faq .faq_content ul li{display:block;margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid rgba(255,255,255,.25)}.inner_resource .faq_content ul li:last-child,.inner_faq .faq_content ul li:last-child{border:none}.inner_resource .faq_content ul li .faq_answer,.inner_faq .faq_content ul li .faq_answer{display:none}.inner_resource .faq_content ul li a,.inner_faq .faq_content ul li a{display:block;font-size:1.5em;padding:.5em 0;color:#fff;position:relative;line-height:1.35em}@media only screen and (max-width: 767px){.inner_resource .faq_content ul li a,.inner_faq .faq_content ul li a{font-size:1.25em}}.inner_resource .faq_content ul li a.active:after,.inner_faq .faq_content ul li a.active:after{display:none}.inner_resource .faq_content ul li a:before,.inner_faq .faq_content ul li a:before{position:absolute;content:"";width:12px;height:2px;background-color:#31edf3;left:-30px;top:25px}@media only screen and (max-width: 767px){.inner_resource .faq_content ul li a:before,.inner_faq .faq_content ul li a:before{top:23px}}.inner_resource .faq_content ul li a:after,.inner_faq .faq_content ul li a:after{position:absolute;content:"";width:2px;height:12px;background-color:#31edf3;left:-25px;top:20px}@media only screen and (max-width: 767px){.inner_resource .faq_content ul li a:after,.inner_faq .faq_content ul li a:after{top:18px}}.inner_resource .faq_content ul li a:hover,.inner_resource .faq_content ul li a:focus,.inner_faq .faq_content ul li a:hover,.inner_faq .faq_content ul li a:focus{color:#00a3ed}.inner_resource .faq_content ul li p,.inner_faq .faq_content ul li p{color:rgba(255,255,255,.5)}.inner_resource .faq_content .contact_us,.inner_faq .faq_content .contact_us{flex-grow:0;flex-shrink:1;flex-basis:100%}.inner_resource .faq_content .contact_us ul,.inner_faq .faq_content .contact_us ul{margin-bottom:4em;display:block;padding:0}.inner_resource .faq_content .contact_us ul li,.inner_faq .faq_content .contact_us ul li{border-bottom:1px solid rgba(255,255,255,.25);font-size:1.125em}.inner_resource .faq_content .contact_us ul li:last-child,.inner_faq .faq_content .contact_us ul li:last-child{border-bottom:1px solid rgba(255,255,255,.25)}.inner_resource .faq_content .contact_us ul li span,.inner_faq .faq_content .contact_us ul li span{color:#fff}.inner_resource .faq_content .contact_us .btn_grp a,.inner_faq .faq_content .contact_us .btn_grp a{width:80%;margin:0 auto 1em;text-align:left;justify-content:center}.auo_efficiency .container,.auo_dsfeature .container{display:flex;flex-flow:row wrap;border-top:1px solid rgba(49,237,243,.35);border-bottom:1px solid rgba(49,237,243,.35);padding:5em 0 3em}.auo_efficiency .container .item,.auo_dsfeature .container .item{flex-grow:0;flex-shrink:1;flex-basis:50%;text-align:left;padding:0 2em 1em}@media only screen and (max-width: 767px){.auo_efficiency .container .item,.auo_dsfeature .container .item{flex-basis:100%;padding:0 1em 1em;margin-bottom:2em}}.auo_efficiency .container .item h3,.auo_dsfeature .container .item h3{font-size:1.5em;color:#31edf3;font-weight:normal;padding:.5em 1em;border:1px solid #31edf3;min-width:200px;text-align:center;margin-bottom:1rem}@media only screen and (max-width: 767px){.auo_efficiency .container .item h3,.auo_dsfeature .container .item h3{font-size:1.125em}}.auo_efficiency .container .item ul,.auo_dsfeature .container .item ul{margin:0 0 1em 1em;padding-left:0;font-size:1.25em;line-height:1.75em}@media only screen and (max-width: 767px){.auo_efficiency .container .item ul,.auo_dsfeature .container .item ul{font-size:1.125em}}.auo_efficiency .container .item p,.auo_dsfeature .container .item p{margin:0;font-size:1.25em;line-height:1.75em}@media only screen and (max-width: 767px){.auo_efficiency .container .item p,.auo_dsfeature .container .item p{font-size:1.125em}}section.auo_dsfeature{padding-top:2em}section.auo_dsfeature .container{margin-top:0px;padding-top:0;border-top:none;justify-content:center}section.auo_dsfeature .container .item{flex-grow:0;flex-shrink:1;flex-basis:33.333333%}@media only screen and (max-width: 767px){section.auo_dsfeature .container .item{flex-basis:100%}}section.auo_dsfeature .container .item h3{display:block}section.auo_dsfeature .container .item p,section.auo_dsfeature .container .item ul{font-size:1.3em}@media only screen and (max-width: 767px){section.auo_dsfeature .container .item p,section.auo_dsfeature .container .item ul{font-size:1.15em}}section.auo_dsfeature .container .highlight{color:#31edf4}.inner_page{position:relative}.inner_page:before{position:absolute;transform:translateZ(0);content:"";background:#00cdff;background:linear-gradient(145deg, rgb(0, 205, 255) 0%, rgb(11, 105, 173) 65%, rgb(87, 255, 190) 100%);width:100%;height:70px;left:0;top:-100px;transition:.3s ease-out}@media only screen and (max-width: 1023px){.inner_page:before{height:70px}}.inner_page .container{min-height:900px;margin-top:8em;display:flex;width:100%;padding:0 2em;justify-content:flex-start;align-items:flex-start}@media only screen and (max-width: 1023px){.inner_page .container{margin-top:3em;padding:0 1em 5em;min-height:auto}}.inner_page .container .left_sidebar{flex-grow:0;flex-shrink:0;flex-basis:280px;will-change:min-height}@media screen and (max-width: 1200px){.inner_page .container .left_sidebar{visibility:hidden;min-width:1px;flex-basis:1px}}.inner_page .container .left_sidebar .inner_menu{padding-bottom:5em;transform:translate(0, 0);transform:translate3d(0, 0, 0);will-change:position,transform}.inner_page .container .left_sidebar ul{margin:0;padding:0}.inner_page .container .left_sidebar ul li{text-align:left}.inner_page .container .left_sidebar ul li a{color:#333;font-weight:bold;font-size:1.125em;display:block;padding:.5em .5em .5em 0em;display:flex;align-items:center}.inner_page .container .left_sidebar ul li a:hover,.inner_page .container .left_sidebar ul li a:focus{color:#00a3ed}.inner_page .container .left_sidebar ul li a img{width:1em;height:1em;opacity:.75;margin-right:.25em}.inner_page .container .left_sidebar ul ul{padding-left:1.5em}.inner_page .container .left_sidebar ul ul li a{font-weight:normal;color:#666;font-size:1rem;padding:.25em .5em .25em 0em;position:relative}.inner_page .container .left_sidebar ul ul li a:after{position:absolute;content:"";width:4px;height:4px;border:2px solid #00a3ed;border-bottom:none;border-left:none;top:.8em;left:-2em;opacity:0;transform:rotate(45deg);transition:.3s ease-out}.inner_page .container .left_sidebar ul ul li a:hover,.inner_page .container .left_sidebar ul ul li a:focus{opacity:1}.inner_page .container .left_sidebar ul ul li a:hover:after,.inner_page .container .left_sidebar ul ul li a:focus:after{left:-1em;opacity:1}.inner_page .container .inner_content{flex-grow:1;flex-shrink:1;flex-basis:auto;min-height:500px;display:flex;padding:0 2em 10em;flex-flow:row wrap;justify-content:flex-start}@media only screen and (max-width: 1023px){.inner_page .container .inner_content{padding:0 0em 3em}}.inner_page .container .inner_content .title{flex-grow:0;flex-shrink:1;flex-basis:100%;width:100%;margin-bottom:2em;position:relative;overflow:hidden;display:flex;align-items:center}.inner_page .container .inner_content .title span{font-size:2.5rem;line-height:1.45em;font-weight:bold;color:#073573}@media only screen and (max-width: 767px){.inner_page .container .inner_content .title span{font-size:2rem}}.inner_page .container .inner_content .title span small{display:inline-block;margin-left:.5em;font-size:2rem}@media only screen and (max-width: 767px){.inner_page .container .inner_content .title span small{display:block;margin-left:0}}.inner_page .container .inner_content .inner_container{display:flex;width:100%}.inner_page .container .inner_content .inner_container .ds_content{text-align:left;flex-grow:1;flex-shrink:1;flex-basis:auto;padding-right:5em}@media only screen and (max-width: 1023px){.inner_page .container .inner_content .inner_container .ds_content{padding-right:0}}.inner_page .container .inner_content .inner_container .ds_content .edit h2{font-size:1.75rem;line-height:1.35em;margin:3rem 0px 1.5rem;color:#0a4ca3}@media only screen and (max-width: 767px){.inner_page .container .inner_content .inner_container .ds_content .edit h2{font-size:1.5rem}}.inner_page .container .inner_content .inner_container .ds_content .edit h2~h2{padding-top:2em;margin:2rem 0px 1.5rem;border-top:1px solid #ddd}.inner_page .container .inner_content .inner_container .ds_content .edit h3{font-size:1.5rem;line-height:1.65em;margin:0px 0px 1rem;color:#333}@media only screen and (max-width: 767px){.inner_page .container .inner_content .inner_container .ds_content .edit h3{font-size:1.25rem}}.inner_page .container .inner_content .inner_container .ds_content .edit h3 span{color:#0a4ca3;display:inline-block;border-right:1px solid #aaa;padding-right:.5em;margin-right:.5em}.inner_page .container .inner_content .inner_container .ds_content .edit h4{font-size:1.25rem;line-height:1.65em;margin:0px 0px 1rem;color:#333}@media only screen and (max-width: 767px){.inner_page .container .inner_content .inner_container .ds_content .edit h4{font-size:1rem}}.inner_page .container .inner_content .inner_container .ds_content .edit h5{font-size:1.125rem;line-height:1.65em;margin:0px 0px 1rem;color:#333}@media only screen and (max-width: 767px){.inner_page .container .inner_content .inner_container .ds_content .edit h5{font-size:1rem}}.inner_page .container .inner_content .inner_container .ds_content .edit p{color:#555;font-size:1.125rem;line-height:1.65em;margin:0px 0px 1rem;max-width:50em}@media only screen and (max-width: 767px){.inner_page .container .inner_content .inner_container .ds_content .edit p{font-size:1rem}}.inner_page .container .inner_content .inner_container .ds_content .edit hr{margin:2em 0;display:block}.inner_page .container .inner_content .inner_container .ds_content .edit ul,.inner_page .container .inner_content .inner_container .ds_content .edit ol{margin-bottom:2em;padding-left:2em;max-width:50em}.inner_page .container .inner_content .inner_container .ds_content .edit ul li,.inner_page .container .inner_content .inner_container .ds_content .edit ol li{color:#555;font-size:1.125rem;line-height:1.75em;position:relative;list-style:none}@media only screen and (max-width: 767px){.inner_page .container .inner_content .inner_container .ds_content .edit ul li,.inner_page .container .inner_content .inner_container .ds_content .edit ol li{font-size:1rem}}.inner_page .container .inner_content .inner_container .ds_content .edit ul li:before,.inner_page .container .inner_content .inner_container .ds_content .edit ol li:before{position:absolute;content:"";width:6px;height:6px;border-radius:50%;background-color:#555;left:-1em;top:.65em}.inner_page .container .inner_content .inner_container .ds_content .edit ul li::marker,.inner_page .container .inner_content .inner_container .ds_content .edit ol li::marker{display:none}.inner_page .container .inner_content .inner_container .ds_content .edit ol li{list-style:decimal}.inner_page .container .inner_content .inner_container .ds_content .edit ol li:before{display:none}.inner_page .container .inner_content .inner_container .ds_content .edit img{display:block;max-width:100%;width:auto;background:#aaa;margin:2em 0}@media only screen and (max-width: 767px){.inner_page .container .inner_content .inner_container .ds_content .edit img{max-width:100% !important}}.inner_page .container .inner_content .inner_container .content_index{flex-grow:0;flex-shrink:0;flex-basis:220px;min-width:220px;text-align:left;min-height:400px;will-change:min-height}@media screen and (max-width: 1200px){.inner_page .container .inner_content .inner_container .content_index{visibility:hidden;min-width:1px;flex-basis:1px}}.inner_page .container .inner_content .inner_container .content_index ul{padding:1em 1em 5em 1.5em;margin:0;border-left:1px solid #888;transform:translate(0, 0);transform:translate3d(0, 0, 0);will-change:position,transform}.inner_page .container .inner_content .inner_container .content_index ul li a{font-size:.938rem;color:#666;position:relative;display:block;padding-left:.5em;margin-bottom:.5em}.inner_page .container .inner_content .inner_container .content_index ul li a:before{position:absolute;content:"";width:4px;height:4px;border-radius:50%;background-color:#888;left:-0.25em;top:.65em}.inner_page .container .inner_content .inner_container .content_index ul li a:hover,.inner_page .container .inner_content .inner_container .content_index ul li a:focus{cursor:pointer;color:#00a3ed}.inner_page .google_icon_content{background-color:#f8f8f8;padding:2em}@media only screen and (max-width: 767px){.inner_page .google_icon_content{padding:2em .5em}}.inner_page .google_icon_content .icon_content{display:flex;flex-flow:row wrap;margin:0 0 1em}.inner_page .google_icon_content .icon_content .item{flex-grow:0;flex-shrink:1;flex-basis:20%;margin:0;border:1px solid #f8f8f8;background-color:#fff;padding:1em 1em .5em;aspect-ratio:1/1;position:relative;display:flex;align-items:flex-end}@media screen and (max-width: 1200px){.inner_page .google_icon_content .icon_content .item{flex-basis:25%}}@media only screen and (max-width: 1023px){.inner_page .google_icon_content .icon_content .item{flex-basis:33%}}@media only screen and (max-width: 767px){.inner_page .google_icon_content .icon_content .item{flex-basis:50%}}.inner_page .google_icon_content .icon_content .item h5{margin:0 !important;font-size:1em !important;width:100%;font-weight:normal;text-align:center;color:#999 !important;min-height:2.5em;line-height:1.25em !important}.inner_page .google_icon_content .icon_content .item span{position:absolute;top:50%;left:50%;transform:translate(-50%, -100%);font-size:2.5em;color:#555}.all_components{display:flex;flex-flow:row wrap;justify-content:flex-start;width:100%;flex-grow:0;flex-shrink:1;flex-basis:100%}.all_components .item{flex-grow:0;flex-shrink:1;flex-basis:25%;margin:0}@media only screen and (max-width: 1023px){.all_components .item{flex-basis:33%}}@media only screen and (max-width: 767px){.all_components .item{flex-basis:50%}}.all_components .item h4,.all_components .item h5{display:block;text-align:center;margin:0;font-size:1em;line-height:1.35em;margin-bottom:.25em;color:#aaa;font-weight:normal}.all_components .item h5{font-size:.938em;color:#aaa;font-weight:normal;margin-bottom:.25em;display:none}.all_components .item a{display:block;padding:1em;box-shadow:0px 0px 0px 1px #eee inset;transition:.3s ease-out}.all_components .item a:hover,.all_components .item a:focus{box-shadow:0px 0px 0px 2px #21baff inset}.all_components .item a:hover h4,.all_components .item a:focus h4{color:#00a3ed}.all_components .item .img-container{width:100%;aspect-ratio:4/3;position:relative;margin:0em auto}.all_components .item .img-container img{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:contain;object-fit:contain}/*# sourceMappingURL=style.min.css.map */