/*! 
Theme Name:Jojoy
Author: Jojoy
Version: 0.1.8
*/

/*! Fonts */
@font-face{font-family:icons;src:url(/evio/basic/icons.woff2) format('woff2');font-display:swap}
@font-face{font-family:UrbanistLocal;src:url(/evio/basic/UrbanistLocal.woff2) format('woff2');font-display:swap}
@font-face{font-family:KnewaveLocal;src:url(/evio/basic/Knewave.woff2) format('woff2');font-display:swap}
.iconfont,i{font-family:icons;font-style:unset}

/*! Basic */
html{overflow-y:overlay}
body,div{margin:0;padding:0}
body{margin:5rem auto 0 auto;max-width:1180px;font-weight:300;font-size:1rem;font-family:'Noto Serif TC',serif}
.comments-area,textarea{font-family:-apple-system,BlinkMacSystemFont,open sans,'Microsoft YaHei',sans-serif}
img{height:auto;max-width:100%}
li,ul{list-style:none}
a{color:#000;text-decoration:none}
h1,h2,h3,h4,h5{font-weight:400}
strong{color:#fc1c47;font-weight:500}
ii{position:relative;display:block;margin-top:-2rem;color:#aaa;font-style:italic;font-size:1rem}
pr{color:#aaa;font-style:italic;font-size:1.1rem}
ht a{color:#007aff}

/*! Nav */
.menu-nav-container{float:right;font-size:1.25rem}
#menu-nav{display:inline-flex}
#menu-nav li{margin-left:1rem;background:linear-gradient(#007aff7a,#007aff7a) no-repeat;background-position:0 .8em;background-size:100% 0;transition:all .2s linear}
#menu-nav li:first-child{margin-left:0}
#home_icon{display:inline-flex;color:#007aff;letter-spacing:2px;font-size:2rem;font-family:Urbanist,UrbanistLocal,sans-serif;line-height:2rem}
#home_icon:after{content:"Blog";margin-left:5px;padding:3px 5px 2px 5px;height:12px;border-radius:3px;background:#007aff;color:#fff;font-size:12px;line-height:12px}
.home #home_icon:after{display:none}
.grid_blogs #menu-nav li:nth-child(2),.grid_builds #menu-nav li:nth-child(3),li.current-menu-item{display:inline;background:linear-gradient(#007aff7a,#007aff7a) no-repeat;background-position:0 .8em;background-size:100% 13px!important}
ul#menu-nav li:hover{background-size:100% 13px}
.menu li:nth-child(4) a{color:#007aff;font-family:Knewave,KnewaveLocal;letter-spacing:2px}
.home .main_nav{width:100%}

/*! Bio */
.bio_index{width:100%;display:flex;justify-content:space-between;margin-top:4rem}
#bio{display:flex;padding:1rem 1.5rem;width:100%;max-width:780px;border-right:1px solid #ccc;align-items:center}
#bio img{border-radius:50%;max-width:170px;height:fit-content}
#aka{margin-left:2rem;padding:1rem 2rem;font-family:Urbanist,UrbanistLocal,sans-serif;line-height:2rem;height:fit-content}
#aka h3{font-size:1.7rem;line-height:3rem}
#bio p{font-size:1.2rem}
#b_board_cover{width:100%;max-width:280px;position:relative}
#b_board:before{content:"";position:absolute;top:-5px;right:-5px;display:inline-block;width:20px;height:20px;border-radius:50%;background:#007aff}
#b_board{display:block;height:fit-content;padding:1rem 1.5rem 5rem 1.5rem;border-radius:20px;background:#eee;text-align:right;font-family:Urbanist,UrbanistLocal,sans-serif;line-height:2rem;font-size:1.2rem}
#happyha{position:relative;display:block}
#happyha img{border-radius:20px}
#happyha p{font-size:15px;font-family:ui-sans-serif;text-align:right}
#happyha a{color:#007aff}

/*! Sub Banner */
.sub_banner{position:fixed;top:0;max-width:1180px;width:100%;display:block;padding:1rem 0 1rem 0;opacity:0;background:#fff;z-index:-1;transition:all .2s linear}
.sub_banner p{display:inline-block;float:right;font-size:1.5rem;line-height:2.7rem;font-weight:400}
.sub_banner span:first-child a{font-family:UrbanistLocal,sans-serif;font-size:2rem;line-height:2.5rem;letter-spacing:2px;color:#007aff}
.sub_banner_fixed{opacity:1;z-index:2}

/*! Index List */
.home .footer{display:none}
.home .grid{position:relative;display:flex;margin:5rem 0 10rem 0;flex-wrap:wrap;justify-content:space-between}
.index_list{display:inline-block;margin-top:4rem;max-width:880px}
.index_list h2{font-size:1.5rem}
#form_date{display:inline-block;color:#aaa;text-indent:5px;text-transform:uppercase;font-family:Urbanist,UrbanistLocal,sans-serif;cursor:default}
.form_chat,.form_default,.form_image{box-sizing:border-box;margin-bottom:2rem;border-radius:1.3rem;background:#f7f7f7}
.index_list div:last-child{margin-bottom:0}
.form_chat a{margin:0 5px;color:#007aff}
.form_chat a:hover{opacity:.75}
.index_list p{cursor:default}

/*! Chat */
.form_chat{padding:1.5rem 2rem}
.form_chat p{margin-bottom:1rem;font-size:1.2rem;line-height:2.4rem}
.form_chat p:last-child{margin-bottom:0}
.form_chat div{margin-top:2.5rem;font-family:Urbanist,sans-serif;cursor:default}
.form_chat i{margin-left:3px;color:#007aff;vertical-align:-1px;font-size:1.2rem;transition:all .12s linear}
.form_chat i:hover{margin-left:5px}
#chat_lable{float:right;margin-top:3px;padding:0 4px 0 6px;border-radius:5px;background:#7ab7f9;color:#fff;letter-spacing:1px;font-size:15px}
.format_chat h2{display:none}

/*! Default */
.form_default{padding:1.5rem 2rem}
h2.form_default{font-size:1.5rem;margin:2rem 0}
.form_default p,.form_image p{margin:1rem 0 2.5rem 0;font-size:1.1rem;line-height:2rem;color:#aaa;max-width:90%}

/*! IMG */
.form_image{display:flex}
#inbox{position:relative;box-sizing:border-box;padding:2rem 2rem;width:100%;max-width:50%}
.form_image #inbox_image{display:block;padding-top:32%;width:50%;border-radius:1.3rem 0 0 1.3rem;background-position:center;background-size:cover}
.form_image #inbox_image_full{display:block;padding-top:64%;width:50%;border-radius:1.3rem 0 0 1.3rem;background-position:center;background-size:cover}
.form_image img{display:block;border-radius:1.3rem 0 0 1.3rem;transition:all .12s linear}
.form_image img:hover{filter:brightness(105%)}
.form_image #form_date{position:absolute;bottom:1.5rem}

/*! Bio Box */
#bio_info{display:flex;padding:0 10px 2rem 10px;border-bottom:1px solid #ddd;text-align:left;transition:all .12s linear;justify-content:space-between;align-items:center}
#bio_info:hover{padding:0 12px 2rem 12px}
#bio_info img{float:right;max-width:50px;border-radius:50%}
#bio_info h3{display:inline-block;color:#007aff;letter-spacing:2px;font-size:1.75rem;font-family:Urbanist,UrbanistLocal,sans-serif}
.bio_box{float:right;box-sizing:border-box;margin-top:4rem;width:100%;max-width:240px;cursor:default}
.bio_box_fixed{position:fixed;top:-2rem;right:calc(50% - 590px)}
.bio_box_fixed span{display:inline-block;max-width:240px}
#bio_footer{float:right;margin-top:2rem;padding:0 10px;text-align:right;letter-spacing:1px;font-family:Urbanist,UrbanistLocal,sans-serif;line-height:1.5rem;color:#aaa}
#bio_footer #copy_icon{line-height:3rem}
#lab{display:block;margin-bottom:2rem;width:100%}
.topic{position:relative;box-sizing:border-box;padding:1rem;border-radius:1rem;filter:brightness(95%);background-position:center;background-size:100%;transition:all .12s linear}
.topic:before{content:"#Special Project";display:block;margin-bottom:2rem;color:#fff;font-size:1rem;font-family:UrbanistLocal}
.topic:after{display:block;color:#fff;content:"Secret Movie Wall";font-size:1.5rem;font-family:Knewave,KnewaveLocal,fantasy}
.topic:hover{background-size:105%;filter:brightness(110%)}

/*! Content */
.content_box{margin:7rem auto 0 auto;max-width:1020px}
.single_title{margin-bottom:2rem;text-align:right}
#main_title{font-size:2.4rem;font-weight:500}
#subtitle{font-size:2rem}
#single_date{display:inline-block;margin:0 10px 10px 0;background:linear-gradient(#007aff7a,#007aff7a) no-repeat;background-position:0 .8em;background-size:100% 13px;text-indent:3px;font-size:1.3rem;font-family:UrbanistLocal,sans-serif}
.content h3{margin:3rem 0 1rem 0;text-align:right;font-size:1.5rem}
.content h3:before{color:#007aff;content:"# ";vertical-align:-2px;font-size:1.8rem}
.content p{margin-bottom:1rem;text-align:justify;font-size:1.2rem;line-height:2.8rem;word-break:break-word}
.content a{margin:0 5px;color:#007aff;transition:all .12s linear}
.content a:hover{opacity:.75}
.content img{display:block;margin:2rem 0 2rem -2.5%;max-width:105%}
.content img+br{display:none}
imgbox{display:flex;width:100%;max-width:1020px;flex-wrap:wrap;justify-content:space-between}
imgbox img{margin:5px 0!important;padding:0!important;width:calc(33.3% - 10px);flex:none}
imgbox br,ref br{display:none}

/*! Refer and Footnotes*/
.content .footnote{margin:0 10px 0 0;line-height:0}
ref, .footnotes{display:block;border-left:5px solid #ddd;padding:.5rem 1rem;box-sizing:border-box;margin:2.5rem 0 2.5rem 1rem}
ref a, .footnotes li{display:block;font-size:1.1rem;line-height:2rem;margin:0!important}
.footnotes:before,ref:before{display:block;line-height:2rem;color:#fc1c47;font-family:UrbanistLocal;font-size:1.2rem;font-weight:500}
ref:before{content:"Refer :"}
.footnotes:before{content:"Notes :"}
.footnotes i{position:relative;font-size:1.5rem;vertical-align:bottom;top:0;opacity:.25;transition:all .12s linear}
.footnotes i:hover{top:-3px;opacity:1}

/*! Archive */
.archive{margin:4rem auto}
.row_title{display:inline-block}
.row a{font-size:1.2rem;line-height:2.4rem}
#row_block{display:flex;padding:3rem 0;border-bottom:1px solid #aaa;align-items:center}
h1.year{display:block;box-sizing:border-box;padding-right:5rem;width:100%;max-width:50%;color:#aaa;text-align:right;font-size:7rem;font-family:Urbanist,sans-serif}
ul.post_list{display:block;box-sizing:border-box;width:100%;max-width:50%;font-size:1.1rem}
#row_date{display:inline-block;margin-right:1rem;width:5rem;color:#007aff;text-align:right;font-family:Urbanist,sans-serif}
#row_block:last-child{border-bottom:none}

/*! 404 */
.error{margin:5rem auto 0 auto;max-width:680px}
ht#refer_name{display:block;width:100%;text-align:center;color:#aaa}
.e404+.footer{margin:5rem 0 0 0}
.e404 #home_icon:after{display:none}

/*! Builds */
ul.builds_list{display:flex;flex-wrap:wrap;justify-content:space-between}
ul.basic_list div:nth-child(-n+3){margin-top:0}
.build_box{position:relative;display:inline-block;margin-top:2.5rem;width:calc(33% - 1.5rem)}
.builds .list{margin-top:4rem}
.inbox_title h2{margin:0;padding:1.5rem 1.5rem 0 1.5rem;height:4rem;text-align:left;font-weight:500;font-size:1.5rem}
.builds_date{display:block;padding:2rem 1.5rem 2rem 1.5rem;color:#bbb;text-indent:5px;font-family:Urbanist,sans-serif;line-height:1rem;cursor:default}
.title_box p{float:right;display:inline;text-transform:uppercase}
.title_box_end p{color:#e0b66c}
.title_box_on p{color:#007aff}
li~li.Ann_Chat{margin:2rem 0}
.title_box{display:block;border:solid 1px #bbb;border-top:unset;border-radius:0 0 2rem 2rem}
.title_box_on{border:solid 1px #007aff!important;border-top:unset!important}
.title_box_end{border:solid 1px #e0b66c!important;border-top:unset!important}
.state{display:block;padding:7.5rem 0;border-radius:0 2rem 0 0;background-position:center;background-size:110%;text-align:right;transition:all .2s linear}
.state:hover{background-size:115%}
.triangle{position:absolute;top:0;width:0;height:0;border-top:24px solid #aaa;border-right:24px solid transparent}
.triangle_on{border-top:24px solid #007aff}
.triangle_end{border-top:24px solid #e0b66c}
.bo_line{display:inline-block;width:100%}
.build_box:last-child:nth-child(3n-1){margin-right:calc(33.5% + .75rem)}
.build_box:last-child:nth-child(3n-2){margin-right:calc(67% + 1.5rem)}

/*! Like */
.single_icons{margin-top:2rem;line-height:1.5rem}
#copy_icon{font-size:2rem;color:#aaa;margin-right:-5px}
#single-copy-url #copy_icon{vertical-align:bottom}
#copy{cursor:pointer;font-family:Urbanist,UrbanistLocal,sans-serif;font-size:1.1rem;color:#aaa}
#share{;float:right}
#share i{font-size:2rem;vertical-align:bottom;transition:all .12s linear}
#share i:hover{}

/*! Upto */
.upto{position:absolute;right:0;top:5rem;font-size:3rem;transition:all .12s linear;z-index:3}
#index_upto{position:relative!important;top:3rem!important;margin-right:-.5rem}
.bio_box_fixed #index_upto{opacity:1}
#index_upto{opacity:0}
.upto i{color:#007aff}
.upto:hover{margin-top:-5px}

/*! Catlog */
.catalog{display:inline-grid}
.catalog a{display:inline-block;margin:0}
.catalog a:after{display:block;margin:5px 0;color:#aaa;content:"|";text-align:center;font-size:10px}

/*! Comment */
#mail{position:relative;display:block;margin-top:2rem;padding:1rem 2rem;border-radius:10px;background:#eee;font-size:1.1rem;font-family:Urbanist,UrbanistLocal,sans-serif;line-height:2rem}
#mail:before{position:absolute;top:-12px;left:-7px;display:inline-block;color:#007aff;content:"@";font-size:2rem;transform:rotateZ(18deg)}
#mail a{color:#007aff}

/*! Footer */
.footer{margin:5rem auto}
.grid_post+.footer{max-width:1020px;margin:5rem auto}
#footinfo{font-family:Urbanist,UrbanistLocal,sans-serif;line-height:1.5rem;letter-spacing:1px;color:#aaa}
.blog+.footer #footinfo{display:none}

/*! Next-Before Post */
#single-next{display:flex;margin:5rem 0 7rem 0;align-items:start;justify-content:center;text-align:center}
.post-squares{overflow:hidden}
.post-squares a{position:relative;display:inline-block;overflow:hidden}
.post-squares .full{width:100%}
.post-squares .half{width:50%}
.post-squares.nextprev .topicel{position:absolute;top:0;z-index:11}
#single-next h4{padding:1rem 2rem;text-align:center;font-size:1.25rem;transition:all .12s linear}
#single-next h4:hover{color:#007aff;opacity:.75}
.post-squares.nextprev .next h4:before{content:"New: "}
.post-squares.nextprev .previous h4:before{content:"Past: "}
.post-squares.post-squares-featured{height:250px}
.half.next{box-sizing:border-box;border-right:1px solid #aaa}
.full.next{border-bottom:none!important}

/*! Lightbox */
.ltbox img{border-radius:5px;cursor:pointer;transition:.3s}
.ltbox img:hover{filter:brightness(105%)}
#full_img_cover{position:relative;z-index:5;display:inline-flex;margin-top:10vh;height:80vh;justify-content:center}
.img_zoom{border-radius:1rem;animation-name:zoom;animation-duration:.3s}
#image_viewer{position:fixed;top:0;left:0;z-index:3;display:none;overflow:auto;width:100%;height:100%;background:#000000aa;text-align:center}
#image_viewer .close{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:.3s}
#full_img_cover p{display:inline-flex;margin:0 0 0 3rem;max-width:20rem;color:#fff;text-align:left;font-size:1.25rem;line-height:2rem;flex-wrap:wrap;align-content:space-between}
@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}

/*! MPW */
body.mpw{margin-top:0;max-width:100%}
.grid.grid_mpw{display:block;margin-top:0;width:100%;background:#0c1b27;font-family:Urbanist,UrbanistLocal,sans-serif}
.m_banner{display:block;height:90vh;background-position:center;background-size:cover}
.m_banner:after{position:absolute;z-index:0;width:100%;height:90vh;background:linear-gradient(#00000000,#0c1b27);content:""}
.m_nav{position:absolute;z-index:1;box-sizing:border-box;padding:2rem 14%;width:100%}
.m_frame br,.m_frame p{display:none}
.m_frame{display:flex;margin:auto;max-width:78%;flex-wrap:wrap;justify-content:space-between}
.m_block{position:relative;z-index:1;margin:15px 10px;width:100%;max-width:calc(20% - 2rem)}
.m_poster{z-index:0;box-sizing:border-box;padding-top:136%;border:5px solid #bdd6ea;border-radius:1rem;background-position:center;background-size:100%;transition:all .12s linear;filter:saturate(80%) contrast(95%)}
.m_poster:hover{background-size:102%;filter:unset}
.m_info{padding:10px 10px;color:#fff;text-align:center;cursor:default}
.m_title{margin-top:5px;font-size:1.3rem}
.m_data{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2rem}
#rating i{color:#e0b66c;font-size:1.2rem}
.m_link{margin-top:calc(-2.5rem - 4.5px);margin-left:5px;height:2.5rem;max-width:calc(100% - 9.5px);border-radius:0 0 11px 11px;background:linear-gradient(#fff0,#000);text-align:right;transition:all .12s linear;filter:opacity(0)}
.m_link:hover{filter:opacity(100%)}
.m_link a{padding:0 10px;color:#fff;font-size:1.3rem;line-height:2.5rem;transition:all .12s linear}
.m_link a:hover{margin-right:-3px}
.m_poster:hover+.m_link{filter:opacity(100%)}
.m_t_block{padding:0 1rem;width:100%;cursor:default}
.m_tips{padding:0 8px;border-radius:50%;background:#777;font-weight:700;font-size:15px}
.m_tips t{position:absolute;display:inline-block;margin-top:-6rem;padding:1rem;max-width:60%;border-radius:10px;background:#555;color:#fff!important;font-weight:300;-webkit-transition:all .2s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .2s ease-in-out;transform:scale(0);transform-origin:bottom left}
.m_t_block t{z-index:1;float:right;color:#aaa}
.m_tips:hover t{opacity:1;transform:scale(1)}
.m_tips br{display:unset}
.m_footer .footer{display:none;margin:unset}
.m_footer{display:flex;box-sizing:border-box;margin:5rem auto 0 auto;padding:5rem 3rem 11rem 3rem;max-width:72%;border-top:1px solid #fff;justify-content:space-between;align-items:center}
.m_ft_logo{display:inline-block;max-width:24rem;color:#fff;text-align:center}
.m_ft_logo t{color:#abc7dd;letter-spacing:10px;font-size:1rem;line-height:2rem}
.m_ft_logo p{color:#fff;text-align:center;font-size:3rem;font-family:Knewave,KnewaveLocal,fantasy}
p#m_ft_right{color:#aaa;text-align:right;font-size:1rem;line-height:2rem}
.m_upto i{color:#def1ff}
.m_upto{position:fixed;top:1rem;right:unset;z-index:0;margin-left:-2.5%;width:100%;max-width:77%;text-align:right;font-size:3rem;opacity:0;transition:all .12s linear}
.m_upto:hover{margin-top:-5px}
.mf_upto{opacity:1}
.m_nav #home_icon{font-size:2rem;line-height:unset}
#m_share{float:right;font-size:2rem;transition:all .12s linear}
#m_share:hover{margin-right:-3px}
#m_logo{position:absolute;z-index:1;display:block;margin-top:36vh;width:100%;text-align:center;cursor:default}
#m_logo:before{color:#fff;content:"Secret Movie Wall";font-size:9rem;font-family:Knewave,KnewaveLocal,fantasy}
#m_logo:after{display:block;margin:auto;max-width:fit-content;color:#aaa;content:"' Do you wanno build a snowman '";font-size:1.2rem;font-family:Urbanist;line-height:2rem}
.grid_mpw #home_icon:after{content:"SPJ"}
#icon_cover:hover>#home_icon:after{content:"Special Project"}
#rating:after,#release:after{margin:0 1rem;content:"|";color:#777}
.m_data i{margin-right:3px}
@media (max-width:2000px){.m_block {max-width:calc(25% - 2rem);}}

@media (max-width:520px){
body{margin:1.5rem 1.5rem 0 1.5rem}
.grid,.home .grid{margin:unset}
#home_icon{font-size:1.5rem;letter-spacing:1px}
#home_icon:after{margin-top:-10px;margin-left:-1rem}
.main_nav{display:flex;justify-content:space-between;align-items:center}
.menu-nav-container{font-size:1rem}
#menu-nav li{margin-left:5px}
.footer{margin:2rem auto 5rem auto;text-align:center}
.grid_post+.footer{margin:4rem auto}
.bio_index{margin-top:2rem;flex-direction:column;justify-content:unset}
#bio{padding:unset;border-right:unset;justify-content:space-around}
#bio img{height:auto;max-width:100px}
#aka{margin-left:1rem;padding:10px}
#aka h3{font-size:1.5rem}
#bio p{font-size:1rem}
#b_board_cover{display:none;margin:2rem auto 0 auto;max-width:90%}
.index_list{margin-top:2rem}
.form_chat{padding:1rem 1.5rem}
.form_chat p{font-size:1rem;line-height:2rem}
.form_chat div{margin-top:1.5rem}
.form_image{flex-direction:column}
.form_image #inbox_image{box-sizing:border-box;padding-top:50%;width:100%;border:1px solid #ddd;border-bottom:none;border-radius:1.3rem 1.3rem 0 0}
#inbox{padding:1rem 1.5rem;max-width:unset}
.index_list h2{font-size:1.25rem}
.form_default p,.form_image p{margin:.5rem 0;max-width:unset;font-size:1rem;line-height:1.8rem}
.form_image #form_date,#form_date{position:unset;text-indent:0}
.builds .list{margin-top:2rem}
.build_box{margin-top:unset;margin-bottom:1rem;width:100%}
.state{padding:30% 0}
.inbox_title h2{padding:1rem 1.5rem 0 1.5rem;height:unset;font-size:1.25rem}
.builds_date{padding:1.5rem 1.5rem 1rem 1.5rem}
.build_box:last-child:nth-child(3n-2){margin-right:unset}
.content_box{margin:5rem auto 0 auto}
h2#main_title{font-size:1.5rem;line-height:2.5rem}
.content p,pr{font-size:1rem;line-height:2rem}
#single_date{font-size:1rem}
.single_title{margin-bottom:1rem}
.content h3{margin:2rem 0 .2em 0}
#copy{font-size:1rem}
ii{margin-top:-10px;font-size:0.8rem}
imgbox img{width:calc(50% - 10px)}
.img_zoom{height:auto;max-width: 90%}
#image_viewer{padding-top:5vh}
.sub_banner .upto{display:none}
.sub_banner_fixed{box-sizing:border-box;margin-top:1rem;margin-left:-.5rem;padding:.75rem 1rem;max-width:calc(100% - 2rem);border-radius:1rem;box-shadow:0 0 10px #ccc}
.sub_banner span:first-child a{letter-spacing:1px;font-size:1.2rem;line-height:1rem}
.sub_banner p{overflow:hidden;max-width:60%;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem}
.content img{margin:10px 0;max-width:100%}
#mail{font-weight:300}
#mail p{float:unset;margin-top:1rem;font-size:1rem}
.single_icons{margin-top:10px}
#copy_icon,#share{font-size:1.5rem}
#single-next{margin:3rem 0 0 0;flex-direction:column}
.post-squares .half{width:100%;border-right:unset}
#single-next .next{border-bottom:1px solid #aaa}
.half h4{padding:1rem 1.5rem;font-size:1.1rem}
body.mpw{margin:0}
.grid.grid_mpw{margin:unset!important}
.m_nav{z-index:2;padding:1.5rem 1.5rem 0 1.5rem}
.m_nav #home_icon{font-size:1.5rem}
#m_logo{margin-top:24vh}
#m_logo:before{font-size:3.6rem;line-height:4rem}
#m_share{font-size:1.5rem}
.m_banner{height:30rem;background-size:cover}
.m_banner:after{height:30rem}
.m_frame{max-width:calc(100% - 2rem)}
.m_block{margin:5px 0;max-width:48%}
.m_poster{border:3px solid #bdd6ea}
#rating i,.m_title{margin-top:unset;font-size:1rem}
.m_data{font-size:.8rem;line-height:1.25rem}
.m_tips t{margin-top:-8rem;padding:10px}
.m_t_block t{font-size:.8rem}
.m_t_block{padding:0 0 5px 0}
.m_cast{margin:3px 3px 0 3px;padding:10px 12px 0 12px;width:calc(100% - 5px);border-radius:13px 13px 0 0}
.m_link{margin-top:calc(-2.5rem - 2.5px);margin-left:2.5px;max-width:calc(100% - 5px);border-radius:0 0 13px 13px}
.m_cast t{margin-bottom:5px;font-size:0.9rem;line-height:1rem}
.m_ft_logo t{letter-spacing:3px}
.m_footer #copy_icon{display:none}
.m_footer p{float:unset;margin:1rem auto 0 auto;max-width:50%;text-align:center;font-size:.8rem}
.m_footer{display:block;margin:3rem auto 0 auto;padding:3rem 2rem 5rem 2rem;max-width:calc(100% - 4rem)}
#rating:after,#release:after{margin:0 5px;color:#aaa}
.m_upto{top:0;z-index:1;margin-left:-1rem;max-width:100%}
.bio_box{position:unset;float:unset;display:flex;margin:auto;margin-top:2rem;padding-top:2rem;max-width:unset;border-top:1px solid #aaa;flex-wrap:wrap;justify-content:space-between}
#happyha,#lab{margin-bottom:0;width:48%}
#happyha p{position:absolute;right:0;font-size:12px}
#bio_footer{float:unset;display:block;margin:3rem auto 0 auto;text-align:center}
#bio_footer,#footinfo{font-size:.9rem;line-height:1.2rem}
#bio_footer #index_upto{display:none}
.topic{height:100%;background-size:cover}
.topic:after{bottom:1rem;position:absolute}}

@media (max-width:1360px){}
@media (max-width:980px){}

/*! PrismJS 1.21.0 */
code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:'Roboto Mono',monospace,Monaco,'Ubuntu Mono';font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}
:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}
:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}
.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}
.token.punctuation{color:#f8f8f2}
.token.namespace{opacity:.7}
.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}
.token.boolean,.token.number{color:#ae81ff}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}
.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}
.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}
.token.keyword{color:#66d9ef}
.token.important,.token.regex{color:#fd971f}
.token.bold,.token.important{font-weight:700}
.token.italic{font-style:italic}
.token.entity{cursor:help}
code{display:inline-flex}
pre[class*=language-].line-numbers{position:relative;padding-left:3.2rem;counter-reset:linenumber}
pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}
.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.line-numbers-rows>span{display:block;counter-increment:linenumber}
.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
pre+p{margin-top:1rem}