.cjk button,.cjk input,.cjk select,.cjk textarea,body.cjk{font-family:"Helvetica Neue",Helvetica,Arial,"微軟正黑體","微软雅黑","メイリオ","맑은 고딕",sans-serif}body{background:snow}#zone-content{min-height:40vh}@media only screen and (max-width:575px){#zone-content{min-height:30vh}}.header-wrap{position:relative;padding:1rem 0}.navbar-light{background:#dcdcdc}.nav-link:hover,.navbar-brand:hover{background:#6495ed}.nav-link.active{background:silver}h1{text-align:center;margin:1rem 0}.page-converter h1{margin-top:4px}.page-converter h1 a{color:teal}h1 span{clear:both;display:block;font-size:18px;margin:0;padding:0;line-height:120%}h3{text-align:center}p.sub{text-align:center;color:gray;font-size:18px}.digital.loading{background-position:center;background-repeat:no-repeat}.digital.loading>*{display:none}.digital{background-color:#000;color:#fff;text-align:center;border-radius:10px}.digital{font-size:12px;margin-bottom:1em;position:relative;box-sizing:border-box}.time{direction:ltr}.time>*{font-family:sans-serif}.time>:not([class^=sep]){x-win-font-family:"Calibri","Tahoma","Lucida Console";font-family:Tahoma,"Lucida Console","Helvetica Neue",sans-serif}:root{--digital-base:1.5em;--digital-time-height:calc(var(--digital-base) * 4);--digital-hhmm-height:calc(var(--digital-base) * 4);--digital-ss-height:calc(var(--digital-base) * 1.5);--digital-date-height:calc(var(--digital-base) * 1);--digital-py:calc(var(--digital-base)*0.75);--digital-height:calc(var(--digital-time-height) + var(--digital-date-height) + var(--digital-py) * 2)}@media only screen and (max-width:575px){:root.page-converter{--digital-base:1.2em}}@media only screen and (min-width:576px){:root.page-clock{--digital-base:2em}}@media only screen and (min-width:1400px){:root.page-clock{--digital-base:2.5em}}.digital{padding:1em 0;padding:var(--digital-py) 0;min-height:8em;min-height:var(--digital-height)}.time{height:8em;line-height:8em;height:var(--digital-time-height);line-height:var(--digital-time-height)}.h12,.hh,.mm,.sep1{font-size:8em;font-size:var(--digital-hhmm-height)}.sep2,.ss{font-size:3em;font-size:var(--digital-ss-height)}.date{font-size:2em;font-size:var(--digital-date-height);height:1em;line-height:1em}.ampm,.h12,.h12-from,.h12-to{display:none}.ampm-mode .ampm{display:inherit}.ampm-mode .h12,.ampm-mode .h12-from,.ampm-mode .h12-to{display:inline}.ampm-mode .clock-change .from,.ampm-mode .clock-change .to,.ampm-mode .hh{display:none}.clock-info.loading{visibility:hidden}.time-change{display:none}.zone-info{display:table}.has-dst .time-change{display:table}.has-dst .zone-info{display:none}.page-converter .time-change{display:none}.dst-list>span>span{display:none}.dst-list>span.false span.dst-false,.dst-list>span.null span.dst-null,.dst-list>span.true span.dst-true{display:inline}.zone-info{width:100%}.zone-info td{text-align:center;width:33%}.zone-info td:first-child{text-align:left}.zone-info td:last-child{text-align:right}.zone-icons-digital,.zone-info-digital{position:absolute;top:0;height:100%;width:auto;display:flex;flex-wrap:nowrap;align-content:center;flex-direction:column;justify-content:center;align-items:center}.zone-info-digital{left:0}.zone-icons-digital>*,.zone-info-digital>*{color:#fff8dc;padding:.3em .5em;font-size:1.5em}.zone-icons-digital{right:0}@media (hover:hover) and (pointer:fine){.zone-icons-digital>i:hover{filter:invert(81%) sepia(100%) saturate(4030%) hue-rotate(358deg) brightness(108%) contrast(104%)}}.zone-icons-digital>*{cursor:pointer;color:consilk}.fullscreening .clock-info,.fullscreening .desc,.fullscreening .footer,.fullscreening .header-wrap .sub,.fullscreening.classic .zone-icons-digital .fullscreen-icon{display:none}.fullscreening.classic .clocker{transform-origin:top}@media only screen and (min-width:768px){.fullscreening.classic .clocker{transform:scale(1.5)}}@media only screen and (min-width:1200px){.fullscreening.classic .clocker{transform:scale(2)}}.fullscreening #main{display:flex;flex-direction:column;min-height:80vh;padding-bottom:20vh;justify-content:center}.fullscreening #ads-slots{position:absolute;margin-top:200vh;left:0}.fullscreening .nav-item,.fullscreening .navbar .nav li:nth-child(n+2),.fullscreening .navbar-toggler{display:none}.fullscreening .navbar-dark{background:#000!important}.fullscreening body{background:#778899;min-height:100vh;min-height-desc:"mac safari bug";overflow:hidden}.fullscreening .bi-home,.fullscreening .fullscreen-exit{display:inline-block}.fullscreening .bi-home{filter:invert(.8);margin:0 .2rem}.fullscreening .btn{background:#dcdcdc}.fullscreening #note{background:silver}.bi-home{display:none}.bi-x{display:inline-block}.fullscreen-exit{display:none}.navbar .btn{margin-top:.5em;margin-left:.3em}.bi-home,.bi-x{width:1em;height:1em;font-size:1rem;margin-bottom:-.25rem;margin-left:.5rem}@media only screen and (max-width:575px){#note,.note-btn{display:none}}#note{display:none}.note-mode #note{display:block}#note{width:100%}#settings{margin:2rem 0 1rem;font-size:14px}.time-change{text-align:center;font-size:12px}@media only screen and (min-width:1400px){.time-change{font-size:14px}}.time-change{width:100%;min-height:8.7em}.time-change td:nth-child(odd){height:6em}.time-change td:nth-child(2){border-color:#fff;border-style:solid;border-width:0 7px}.time-change td{background-color:#f5f5f5;border-radius:10px}.android .time-change td{font-size:12px}.iphone .time-change td{font-size:10px}.next-dst,.now-dst,.prev-dst{text-align:center}.date-str{font-weight:700}#ads-slots{text-align:center;margin-top:1rem;margin-bottom:1rem}.ads{display:inline-block;margin-top:10px}.mobile .ads{margin-top:10px}.mobile .ads-320x50{margin-left:-20px}.footer{text-align:center}h1{position:relative}.ui-widget-content{font-size:10px}.date-list{width:100%;margin-top:5px}#time-slider{width:100%;direction:ltr}#time-slider .col-1{width:1%;padding:0 5px}#time-slider .col-3{width:1%;padding:0 5px}#time-slider .row-2 td:first-child{text-align:right}#time-slider .row-2{height:47px}#time-slider .zone-name{font-weight:700;text-align:right;font-family:Courier}#slider-wrapper,.date-bar{width:200%;position:relative}.slider-tag{position:absolute}.date-slot{display:inline-block;text-align:center;background-color:#ff0}.dow-0{background-color:#ffb6c1}.dow-1{background-color:#add8e6}.dow-2{background-color:#faebd7}.dow-3{background-color:#7fffd4}.dow-4{background-color:beige}.dow-5{background-color:#dcdcdc}.dow-6{background-color:snow}.date-pin{position:absolute;background-color:red;height:100%;opacity:.4}#time-slider .col-2{overflow:hidden}.row-2 .col-2{height:60px}#slider{display:table-cell}.date-focus{font-weight:700}#now{margin-top:5px;margin-bottom:4px}#datepicker{position:absolute}.datepicker-modal-mode{visibility:hidden;background-color:gray}.datepicker-modal-mode .ui-datepicker{visibility:visible}.ui-datepicker{font-size:12px}#settings-expand{margin:1rem auto}h3 a{color:#000;text-decoration:underline}.ctrl-btns{position:relative;text-align:center;margin:1rem 0}.ctrl-btns .btn{margin:0 .2rem}.ctrl-btns .fa{font-family:FontAwesome,sans-serif}#now.invisible{display:none}.mobile .ctrl-btns{height:inherit}.mobile .ctrl-btns div{display:inline-block}.mobile h3{margin-bottom:.3rem}#time-changer{width:100%}#time-changer td{height:2rem;line-height:2rem;text-align:center}#time-changer tr td:first-child{text-align:right}#time-changer tr td:last-child{text-align:left}.mobile .breadcrumb li:last-child{display:block;text-align:center}.touch .ads{margin:auto;display:block}.ampm-mode .tag-h24,.tag-h12{display:none}.ampm-mode .tag-h12,.tag-h24{display:inline}.ampm-mode .h24-txt,.h12-txt{display:none}.ampm-mode .h12-txt{display:inline}.navbar .nav>li>a:hover{color:#d2691e}.navbar .nav>li:hover{background-color:beige}.navbar .nav>li:first-child>a{padding-left:0!important}.navbar .nav>li:last-child>a{padding-right:0!important}html[lang=el] .navbar .nav>li>a,html[lang=fr] .navbar .nav>li>a,html[lang=ja] .navbar .nav>li>a,html[lang=ro] .navbar .nav>li>a,html[lang=ru] .navbar .nav>li>a,html[lang=uk] .navbar .nav>li>a,html[lang=vi] .navbar .nav>li>a{padding-left:8px;padding-right:8px;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap;max-width:145px}html[lang=vi] .navbar .nav>li>a{max-width:110px}