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,html,i,iframe,img,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,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}*,:after,:before{box-sizing:border-box}sup{vertical-align:super;line-height:.5em;font-size:.75em}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1em}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}table td{vertical-align:top}.hidden{display:none}body{background:#f6f6f6;font-family:'Open Sans',sans-serif}input,textarea{font-family:'Open Sans',sans-serif;background:0 0}#content,.content{width:100%;max-width:980px;margin:0 auto;position:relative;box-sizing:border-box;padding:0 15px}#header{width:100%}.header-top{background:#33383e url('/img/header2.png') bottom left repeat-x;padding:10px 0}#logo{display:flex;align-items:center;gap:20px}#title-area{display:flex;flex-direction:column}#title a{color:#fff;font-size:2em;font-weight:700;line-height:1.1}#tagline a{color:#fff;font-size:1em;font-weight:400}.header-bottom{background:#eee;border-bottom:1px solid #ddd;padding:10px 0}.header-bottom h1{font-size:1.2em;font-weight:700;color:#434343;margin:0}#lang{position:absolute;right:20px;top:20px;font-size:.8em}#lang li{display:inline;padding-right:10px;white-space:nowrap}#lang a{color:#fff}#lang img{padding-right:5px;vertical-align:bottom}#footer{margin:30px 0;padding:30px 0;border-top:1px solid #ccc;text-align:center;color:#666;font-size:.8em}#footer a{color:#999}div.app_home{float:left;width:200px;height:240px;margin:0 18px 36px 18px;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}div.app_home:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.15)}div.image{height:110px;overflow:hidden}div.image img{width:100%;height:100%;object-fit:cover}div.bottom{margin:0;padding:12px;flex:1;background:#3283c7}div.title{padding:0 0 10px 0}div.title a{color:#fff;font-size:1em;font-weight:700}div.examples{line-height:1.5;margin-top:2px;color:#d8d8d8}div.examples .link-list{display:flex;flex-wrap:wrap;gap:5px}div.examples .link-list a{background:rgba(255,255,255,.15);padding:3px 8px;border-radius:12px;font-size:.75em;color:#fff;text-decoration:none;display:inline-block;transition:background .2s}div.examples .link-list a:hover{background:rgba(255,255,255,.25)}div.examples .link-list a:active{background:rgba(255,255,255,.3)}div.examples .link-list .more{color:rgba(255,255,255,.6);font-size:1em;margin-left:2px;align-self:center}.category{color:#444;width:60px;text-align:center}.category a{color:#444;font-weight:700}h2{font-size:1.1em;font-weight:700;color:#3888cc;margin:20px 0 40px 0}h2.center{text-align:center;margin:40px 0}h2.instruction{font-size:1em;color:#555;margin-bottom:20px;font-weight:400}h3{font-size:1em;font-weight:700;color:#3888cc;margin:20px 0}.conversion-table{width:100%;max-width:700px;margin:20px 0;table-layout:fixed}.layout-wrapper{display:grid;grid-template-columns:1fr 160px;grid-template-areas:"primary ads" "secondary ads"}.ads{grid-area:ads;width:160px;padding:20px 0 20px 20px}.primary-content{grid-area:primary;padding:30px 40px;vertical-align:top;position:relative;background:#fff;border-radius:12px;box-shadow:0 2px 15px rgba(0,0,0,.05);border:1px solid #eef0f2;margin-right:20px;margin-top:20px;margin-bottom:30px}.secondary-content{grid-area:secondary;padding:0 40px;vertical-align:top;position:relative;margin-right:20px}.column{width:100%;max-width:330px}.column.from,.column.to{width:310px}.input-group{display:flex;align-items:stretch;width:100%}.deco{width:80px;text-align:center}.from input,.to input{font-size:1.5em;outline:0;padding:5px 15px;height:50px;text-align:right;background:#fff;border:1px solid #d1d1d1;color:#333;transition:all .2s ease}.to input.number{background-color:#f8f9fa;color:#444}input.number{flex:1;min-width:0;border-right:1px solid #eee;border-radius:8px 0 0 8px}input.autoselect{border-left:0;width:80px;flex-shrink:0;text-align:center;padding:2px;border-radius:0 8px 8px 0;background:#fcfcfc;font-weight:600;color:#3888cc;cursor:pointer}.input-group:focus-within input{border-color:#3888cc}.from input:focus,.to input:focus{border-color:#3888cc;box-shadow:0 0 0 4px rgba(56,136,204,.1);z-index:2}input.autoselect:hover{background:#f0f7ff}#comboselect{position:absolute;z-index:20;overflow-y:auto;display:none;max-height:300px;width:325px;font-size:.9em;background:#fff;border:1px solid #ccc;border-top:0;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:0 0 8px 8px}#comboselect div{color:#666;padding:8px 12px;font-size:1em;font-weight:700;background:#f8f9fa;border-bottom:1px solid #eee}#comboselect a{padding:10px 15px;padding-left:25px;color:#333;background:#fff;display:block;font-size:1.1em;text-decoration:none;border-bottom:1px solid #f5f5f5}#comboselect a span{float:right;color:#888;font-size:.9em}#comboselect a.selected,#comboselect a:hover{background:#3888cc;color:#fff}#comboselect a.selected span,#comboselect a:hover span{color:#eee}#comboselect.singlegroup div{display:none}#tip{text-align:center;margin:20px 0}#tip a{color:#666;text-decoration:underline}tr.description td{font-size:.8em;padding:20px 5px;color:#000;vertical-align:top}div.disclaimer{font-size:.7em;text-align:center;color:#666;font-style:italic;line-height:.9em;margin-top:20px}form.form input[type=text],form.form textarea{width:200px;padding:2px;border:1px solid #aaa}form.form textarea{height:200px}form.form td{padding:2px}form.form td.label{text-align:right;padding-top:6px}form.form div{text-align:center;line-height:1.5em;margin:10px 10px 30px 10px}.button{padding:5px 10px;font-family:Helvetica,Arial,sans-serif;text-decoration:none;font-weight:700;line-height:1;color:#fff;border:1px solid #20559a;background-image:-webkit-gradient(linear,0 0,0 100%,from(#66a1d2),to(#0b5fa5));background-image:-moz-linear-gradient(0 100% 90deg,#0b5fa5,#66a1d2);background-color:#52a8e8;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.5);-o-box-shadow:0 1px 2px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.5);box-shadow:0 1px 2px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.5)}.button:focus,.button:hover{background-image:-webkit-gradient(linear,0 0,0 100%,from(#3f8fd2),to(#25547c));background-image:-moz-linear-gradient(0 100% 90deg,#25547c,#3f8fd2);background-color:#52a8e8;color:#fff}.button:active{background:#2d7cd1;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5),0 1px 1px rgba(255,255,255,.7);-moz-box-shadow:0 1px 2px rgba(0,0,0,.5),0 1px 1px rgba(255,255,255,.7);-o-box-shadow:0 1px 2px rgba(0,0,0,.5),0 1px 1px rgba(255,255,255,.7);box-shadow:0 1px 2px rgba(0,0,0,.5),0 1px 1px rgba(255,255,255,.7);color:#fff}div.text{margin:0 40px;font-size:.9em;line-height:1.4em}div.social{position:absolute;right:10px;top:10px;width:180px;text-align:center}div.clearfix{clear:both}ul.other{margin-bottom:40px;padding-left:20px}ul.other li{font-size:.8em}td a{color:#333;font-weight:700}ul.other li a{color:#666;text-decoration:underline}.other-conversions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:40px}.other-conversion-card{display:flex;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#444;font-size:.8em;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;box-shadow:0 1px 2px rgba(0,0,0,.05)}.other-conversion-card:hover{border-color:#3888cc;background-color:#f8fbff;color:#3888cc;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.08)}.other-conversion-card::before{content:"→";margin-right:10px;color:#3888cc;font-weight:700}@media (max-width:480px){.other-conversions-grid{grid-template-columns:1fr}}table.files{margin:20px 0;border:1px solid #ccc}table.files td,table.files th{border:1px solid #ccc;border-left:0;border-right:0;padding:2px 3px;text-align:left;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}table.files th{font-weight:700}table.files td{font-size:.8em;cursor:pointer}table.files tr.checked td{font-weight:700}table.files td.check{background:url('/img/ui-check-box-uncheck.png') left center no-repeat;width:16px}table.files tr.checked td.check{background:url('/img/ui-check-box.png') left center no-repeat;width:16px}td.label{text-align:right}table.form{font-size:.8em}table.form td{padding:2px 3px;vertical-align:middle}h3.converted{color:#d129b6}#convert-wait,#upload-progress{margin:10px;font-weight:700}#file-uploader{height:60px}.qq-upload-drop-area{position:absolute;top:0;left:0;width:100%;height:60px;z-index:2;background:#62b8f8;text-align:center;display:none}.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}.qq-upload-drop-area-active{background:#52a8e8}.intro{font-size:.9em;line-height:1.2em;margin-top:20px}@media (max-width:980px){#content,.content{width:100%;max-width:100%;padding:0 10px;box-sizing:border-box}#content{display:flex;flex-direction:column}#header{height:auto;padding:0;background:0 0}.header-top{padding:10px 0}.header-bottom{padding:8px 0}.content{display:flex;flex-direction:column}#logo{position:static;display:flex;align-items:center;justify-content:flex-start;gap:15px;width:100%}#logo img{width:50px;height:auto;flex-shrink:0}#title-area{flex:1}#title a{font-size:1.4em;font-weight:700;color:#fff;display:block;line-height:1.2}#tagline a{font-size:.9em;font-weight:400;color:#fff}#lang{position:static;text-align:center;margin-top:10px;font-size:.7em}.header-bottom h1{font-size:1em;text-align:center;color:#434343;font-weight:700;line-height:1.3}.from input,.to input{font-size:1.2em;height:44px;margin-bottom:0;box-sizing:border-box}input.number{border-right:1px solid #bfbfbf}input.autoselect{margin-bottom:0;border-left:1px solid #bfbfbf}#content table table{display:table;width:100%}#content table table tr{display:table-row}#content table table td{display:table-cell}.layout-wrapper{display:flex;flex-direction:column}.ads{width:100%!important;height:auto!important;padding:10px 5px!important;background:0 0!important;margin-bottom:20px!important;display:block!important;order:2!important}.primary-content{width:100%!important;padding:15px!important;display:block!important;order:1!important;background:#fff!important;box-shadow:0 2px 5px rgba(0,0,0,.1)!important;border-radius:8px!important;box-sizing:border-box!important;margin-bottom:20px!important;margin-top:5px!important;margin-left:0!important}.primary-content h2{margin-top:0!important;margin-bottom:15px!important;text-align:center}h2.center{font-size:1.3em;margin:10px 0 20px 0}.primary-content table:not(.files) tr.description{display:flex!important;flex-direction:column!important;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #eee;font-size:.85em;line-height:1.4;color:#777}.primary-content table:not(.files) tr.description td:empty{display:none!important}.primary-content table:not(.files) tr.description td{display:block!important;width:100%!important;position:relative;padding-left:20px!important}.primary-content table:not(.files) tr.description td:before{content:"ℹ";position:absolute;left:0;top:0;color:#999;font-style:normal}.secondary-content{width:100%!important;padding:15px!important;display:block!important;order:3!important;box-sizing:border-box!important;margin-left:0!important}.primary-content table:not(.files){display:block;width:100%}.primary-content table:not(.files) tr{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%;gap:10px}.primary-content table:not(.files) td{display:block!important;width:100%!important;padding:0!important;margin:0!important}.primary-content table:not(.files) td.column{display:block!important;width:100%!important;overflow:hidden}.secondary-content table:not(.files) td,.secondary-content table:not(.files) tr{display:block!important;width:100%!important;box-sizing:border-box}.conversion-table{width:100%!important;table-layout:auto!important;margin:10px 0!important}.column{margin-bottom:0!important;max-width:none!important}.column.from,.column.to{width:100%!important}.input-group{display:flex!important;width:100%!important}.deco{margin:5px 0!important;width:100%!important;text-align:center}.deco img{width:40px!important;height:auto!important}.primary-content table:not(.files) input.number{flex:1;min-width:0;font-size:1.2em!important;height:48px!important;padding:0 12px!important;box-sizing:border-box;background:#fff!important;border:1px solid #ccc!important;border-radius:8px 0 0 8px!important}.primary-content table:not(.files) input.autoselect{width:75px!important;flex-shrink:0;min-width:0;font-size:1.1em!important;height:48px!important;padding:0 5px!important;box-sizing:border-box;background:#f9f9f9!important;border:1px solid #ccc!important;border-radius:0 8px 8px 0!important;border-left:0!important}.primary-content table:not(.files) input.number.to{background:#f8f9fa!important;font-weight:700;color:#444}.from input,.to input{font-size:1.1em!important;height:48px!important}div.app_home{float:none;width:100%;height:auto;margin:0 0 20px 0}div.app_home:hover{transform:none}div.image{height:150px}div.bottom{padding:15px}div.title a{font-size:1.2em}div.examples .link-list{gap:8px}div.examples .link-list a{padding:6px 12px;border-radius:20px;font-size:.85em}div.examples .link-list .more{font-size:1.2em;margin-left:5px}form.form input[type=text],form.form textarea{width:100%;box-sizing:border-box;padding:8px}form.form textarea{height:150px}form.form td{display:block;padding:5px 0;text-align:left}form.form td.label{padding-bottom:3px}.button{padding:10px 15px;min-height:44px;font-size:1em;width:100%;box-sizing:border-box;display:block;margin:10px 0}#comboselect{width:auto;min-width:240px;max-width:100%;max-height:250px}#file-uploader{height:auto;min-height:80px}.qq-upload-drop-area{height:80px;font-size:14px}div.text{margin:0 10px;font-size:.95em}h2{font-size:1.1em;margin:15px 0 20px 0}h3{font-size:.95em;margin:15px 0}#footer{margin:20px 0;padding:20px 10px;font-size:.75em}}@media (max-width:480px){#content,.content{padding:0 5px}.primary-content{padding:10px!important}#title a{font-size:1.1em}.from input,.to input{font-size:1.1em!important;height:48px!important}form.form input[type=text],form.form textarea{font-size:16px}.button{padding:10px;font-size:.95em}div.text{margin:0 5px;font-size:.9em}h2{font-size:1em}h3{font-size:.9em}table.files{font-size:.75em}table.files td,table.files th{padding:1px 2px}}