KaktusKontainer

@charset "utf-8";
 
@importurl('https://fonts.googleapis.com/css?family=Play');
@importurl('https://fonts.googleapis.com/css?family=Open+Sans');
 
/*SCP-001DarkbodyTheme[2018WikidotTheme]BasedonAelanna'sSigma 9 andGreenwolf'sThirdLawEditedbydjkaktusfortheDoomsdayContest*/
 
/*COMMON*/
#content-wrap{position:relative;
 margin:2emauto0;
 max-width:1040px;
 min-height:1300px;
 height:auto !important;
 height:1500px;
}h1, #page-title{color:#101919;
 padding:000.25em;
 margin:000.6em;
 font-weight:normal;
}sup{vertical-align:top; position:relative; top: -0.5em; 
}h1{margin-top:0.7em;
 padding:0;
 font-weight:bold;
}h2, h3, h4, h5, h6, h7{margin:0.5em00.4em;
 padding:0;
 letter-spacing:1px;
}#page-title{border-color:#bbb;
}ul{
 /*list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */
 list-style:square;
}#top-barul{
 /*list-style-image:none; /*IEONLY! IFlist-style-imageISSET*/
}li, p{line-height:141%;
}a{color:#2F4F4F;
 text-decoration:none;
 background:transparent;
}a.newpage{color:#2F4F4F;
 text-decoration:none;
 background:transparent;
}a:hover{text-decoration:underline;
 background-color:transparent;
}.form-control{width:95%;
}
 
/*GLOBALWIDTH*/
#header, #top-bar{width:90%;
 max-width:980px;
 margin:0auto;
}#top-bar{width:100%;
 margin:0auto;
}.mobile-top-bar{display:none;
 position:absolute;
 left:1em;
 bottom:0px;
 z-index:0;
}body{background-color:#fff;
 font-size:0.80em;
 color:#333;
}div#container-wrap{background: url(http://www.kaktuskontainer.wikidot.com/local--files/component:darkbodytheme/body_bg.png) topleftrepeat-x;
}
 
/*HEADER*/
#header{height:140px;
 position:relative;
 z-index:10;
 padding-bottom:30px; /*FORMENU*/
 background: url(http://www.kaktuskontainer.wikidot.com/local--files/component:darkbodytheme/logo.png) 10px35pxno-repeat;
}#search-top-box{position:absolute;
 top:79px;
 right:9px;
 width:250px;
 text-align:right;
}#search-top-box-input{border:solid1px#2F4F4F;
 border-radius:5px;
 color:#ccc;
 background-color:#708090;
 box-shadow:inset1px1px3px rgba(0,0,0,.5);
}#search-top-box-input:hover,
#search-top-box-input:focus{border:solid1px#2F4F4F;
 color:#fff;
 background-color:#708090;
 box-shadow:inset1px1px3px rgba(0,0,0,.8);
}#search-top-box-forminput[type=submit]{border:solid1px#2F4F4F;
 border-radius:5px;
 padding:2px5px;
 font-size:90%;
 font-weight:bold;
 color:#000000;
 background-color:#708090;
 background: linear-gradient(to bottom, #778899,#708090,#2F4F4F);
 box-shadow:01px3px rgba(0,0,0,.5);
 cursor:pointer;
}#search-top-box-forminput[type=submit]:hover,
#search-top-box-forminput[type=submit]:focus{border:solid1px#2F4F4F;
 color:#fff;
 text-shadow:001px rgba(255,255,255,.25)
 background-color: #708090;
 background: linear-gradient(to bottom, #778899,#708090,#2F4F4F);
 box-shadow:01px3px rgba(0,0,0,.8);
}#login-status{color:#708090;
 font-size:90%;
 z-index:30;
}#login-statusa{background:transparent;
 color:#708090;
}#login-statusula{color:#708090;
 background:transparent;
}#account-topbutton{background:#2F4F4F;
 color:#708090;
}.printuserimg.small{margin-right:1px;
}#headerh1{margin-left:120px;
 padding:0;
 float:left;
 max-height:95px;
}#headerh2{margin-left:120px;
 padding:0;
 clear:left;
 float:left;
 font-size:105%;
 max-height:38px;
}#headerh1a{display:block;
 content: "Overwatch Command";
 margin:0;
 padding:80px025px;
 line-height:0px;
 max-height:0px;
 color:transparent;
 background:transparent;
 font-family: 'Play', sans-serif; 'OpenSans', sans-serif;
 font-size:180%;
 text-decoration:none;
 text-shadow:none;
 
}#headerh1a::before{content: "Overwatch Command";
 color:#416d6d;
 text-shadow:3px3px5px#000000;
}#headerh2span{display:block;
 margin:0;
 padding:19px0;
 line-height:0px;
 max-height:0px;
 font-weight:bold;
 color:transparent;
 text-shadow:none;
}#headerh2span::before{content: 'The SCP Foundation Overseer Council';
 color:#708090;
 text-shadow:1px1px1px#000000;
 text-shadow:1px1px1px rgba(0,0,0,.8);}
}
 
/*TOPMENU*/
#top-bar{position:absolute;
 z-index:50;
 top:140px;
 height:21px;
 line-height:18px;
 padding:0;
 z-index:20;
 font-size:90%;
}#top-barul{float:right;
}#top-barli{margin:0;
}#top-bara{color:#C0C0C0;
 background:transparent;
}#top-barulli{border:0;
 position:relative;
}#top-barulliul{border:solid1px#2F4F4F;
 box-shadow:02px6px rgba(0,0,0,.5);
 border-top:0;
}#top-barullia{border-left:solid1px rgba(64,64,64,.1);
 border-right:solid1px rgba(64,64,64,.1);
 text-decoration:none;
 padding-top:10px;
 padding-bottom:10px;
 line-height:1px;
 max-height:1px;
 overflow:hidden;
}#top-barulli.sfhovera,
#top-barulli:hovera{background:#C0C0C0;
 color:#2F4F4F;
 border-left:solid1px rgba(64,64,64,1);
 border-right:solid1px rgba(64,64,64,1);
}#top-barulli.sfhoverullia,
#top-barulli:hoverullia{border-width:0;
 width:150px;
 border-top:1pxsolid#ddd;
 line-height:160%;
 height:auto;
 max-height:none;
 padding-top:0;
 padding-bottom:0;
}#top-barulli.sfhovera:hover,
#top-barulli:hovera:hover{background:#C0C0C0;
 text-decoration:none;
}#top-barulliul{border-width:01px1px1px;
 width:auto;
}#top-barulliulli, #top-barulliulli.sfhover,
#top-barulliulli, #top-barulliulli:hover{border-width:0;
}#top-barulliullia{border-width:0;
}#top-barulliula, #top-bara:hover{color:#a01;
}.top-barulli:last-of-typeul{right:0;
}
 
/*IE7HACK*/
#top-barul > li > ul{*margin-top: -4px;
}
 
/*SIDEMENU*/
#side-bar{clear:none;
 float:none;
 position:absolute;
 top:0.5em;
 left:2em;
 width:17em;
 padding:0;
 border:none;
 display:block;
 background:transparent;
}#side-barimg{filter: hue-rotate(210deg);
 -webkit-filter: hue-rotate(210deg);
}#side-bardiv.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img{filter:none;
 -webkit-filter:none;
}
 
/*Can'ttouchthetranslationboxwithCSS, unfortunately, sothiswilljustvanishitHopefullytemporarykludgeTHANKSGREENWOLF*/
#side-bar.scpnet-interwiki-wrapper{width:0em;
}#side-bar.side-block{padding:10px;
 border:1pxsolid#2F4F4F;
 border-radius:10px;
 box-shadow:02px6px rgba(32,32,32,1) !important;
 background:#DCDCDC !important; 
 margin-bottom:15px;
}#side-bar.side-area{padding:10px;
}#side-bar.heading{color:#2F4F4F;
 border-bottom:solid1px#2F4F4F;
 padding-left:15px;
 margin-top:10px;
 margin-bottom:5px;
 font-size:8pt;
 font-weight:bold;
}#side-barp{margin:0;
}#side-bardiv.menu-item{margin:2px0;
}#side-bardiv.menu-itemimg{width:13px;
 height:13px;
 border:0;
 margin-right:2px;
 position:relative;
 bottom: -2px;
}#side-bardiv.menu-itema{font-weight:bold;
}#side-bardiv.menu-item.inactiveimg{opacity:0.25;
}#side-bardiv.menu-item.inactivea{color:#2F4F4F;
}#side-bardiv.menu-item.sub-text{font-size:80%;
 color:#2F4F4F;
}#side-bardiv.menu-item.sub-item{}#side-bar.collapsible-block-folded{background:none;
}#side-bar.collapsible-block-link{margin-left:15px;
 font-weight:bold;
}#side-bar.collapsible-block-unfolded-link{border-bottom:solid1px#2F4F4F;
}#side-bar.collapsible-block-unfolded-link.collapsible-block-link{margin-top:10px;
 margin-bottom:5px;
 font-size:8pt;
 color:#2F4F4F;
}#side-bar.collapsible-block-unfolded-link.collapsible-block-link:hover{color:#b01;
 text-decoration:none;
}#side-barul{list-style-type:none;
 padding:05px0;
}#side-bara:visited{color:#416d6d;
}
/*CONTENT*/
#main-content{margin:02em022em;
 padding:1em;
 position:relative;
}
 
/*ACTUALLYHIDEHIDDENTAGS*/
#main-content.page-tagsa[href^="/system:page-tags/tag/_"]{display:none;
}#breadcrumbs{margin: -1em01em;
 font-weight:85%;
}
 
/*YUI-TABS*/
.yui-navset.yui-content{background-color:#f5f5f5;
}.yui-navset.yui-nava,
.yui-navset.yui-navset-top.yui-nava{background-color:#d8d8d8;
 background-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png);
}.yui-navset.yui-nav.selecteda,
.yui-navset.yui-nav.selecteda:focus, /*nofocuseffectforselected*/
.yui-navset.yui-nav.selecteda:hover{ /*nohovereffectforselected*/
 background:#700 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-xleft -1400px; /*selectedtabbackground*/
 color:#fff;
}.yui-navset.yui-nava:hover,
.yui-navset.yui-nava:focus{background:#d88 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-xleft -1300px;
 text-decoration:none;
}.yui-navset.yui-nav,
.yui-navset.yui-navset-top.yui-nav{border-color:#444;
}.yui-navset.yui-nav,
.yui-navset.yui-navset-top.yui-nav{border-color:#444;
}.yui-navsetli{line-height:normal;
}
 
/*FOOTER*/
#footer{clear:both;
 font-size:77%;
 background:#444;
 color:#bbb;
 margin-top:15px;
 padding:3px10px;
}#footer.options{visibility:visible;
 display:block;
 float:right;
 width:50%;
 font-size:100%;
 text-align:right;
}#footera{color:#fff;
 background:transparent;
}
 
/*SOMENICEBOXES*/
div.sexy-box{background:#eee;
 border:1pxsolid#ccc;
 padding:010px12px;
 margin:7px4px12px;
 overflow:hidden;
}div.sexy-boxdiv.image-containerimg{margin:5px;
 padding:2px;
 border:1pxsolid#999;
}
 
/*Custompagecontentclasses*/
#page-content{min-height:720px;
}.unmargined > p{margin:0;
 line-height:100%;
}.content-panel{border:solid1px#888880;
 border-radius:10px;
 background-color:#999990;
 margin:10px015px;
 box-shadow:3px3px6px#bbb;
 box-shadow:02px6px rgba(0,0,0,0.5), inset01px rgba(255,255,255,0.3), inset010px rgba(255,255,255,0.2), inset010px20px rgba(255,255,255,0.25), inset0 -15px30px rgba(0,0,0,0.1);
}.content-panel.standalone{background:#fcfdfb;
}.content-panel.series{padding:020px;
 margin-bottom:20px;
}.content-panel.centered{text-align:center;
}.content-panel.left-column{float:left;
 width:48%;
}.content-panel.right-column{float:right;
 width:48%;
}.content-panel.panel-heading{padding:2px10px;
 color:#ffffff;
 font-size:90%;
 font-weight:bold;
 text-shadow:1px1px2px rgba(0,0,0,.35);
}.content-panel.panel-heading > p,
.content-panel.panel-footer > p{margin:0;
}.content-panel.panel-body{padding:5px10px;
 background:#C0C0C0;
}.content-panel.panel-footer{padding:1px10px;
 color:#C0C0C0;
 font-size:80%;
 font-weight:bold;
 text-align:right;
 text-shadow:1px1px2px rgba(0,0,0,.5);
}.content-panel.panel-footera{color:#C0C0C0;
}.content-panel.content-toc{float:right;
 padding:020px;
 background-color:#C0C0C0;
 border:solid1px#ccc;
 border-radius:10px;
 margin:20px05px5px;
 white-space:nowrap;
 box-shadow:inset1px2px6px rgba(0,0,0,.15)
}.alternate:nth-child(even) {background-color: rgba(255,255,255,.9);
}
 
/*PageRatingModuleCustomizations*/
.page-rate-widget-box{display:inline-block;
 border-radius:5px;
 box-shadow:1px1px3px rgba(0,0,0,.5);
 margin-bottom:10px;
 margin-right:2em;
}.page-rate-widget-box.rate-points{background-color:#708090 !important;
 border:solid1px#2F4F4F;
 border-right:0;
 border-radius:5px005px;
}.page-rate-widget-box.rateup,
.page-rate-widget-box.ratedown{background-color:708090;
 border-top:solid1px#2F4F4F;
 border-bottom:solid1px#2F4F4F;
 font-weight:bold;
}.page-rate-widget-box.rateupa,
.page-rate-widget-box.ratedowna{background:708090;
 color:#2F4F4F;
 padding:04px;
 margin:01px;
}.page-rate-widget-box.rateupa:hover,
.page-rate-widget-box.ratedowna:hover{background:#708090;
 color:#2F4F4F;
 text-decoration:none;
}.page-rate-widget-box.cancel{background-color:#708090;
 border:solid1px#2F4F4F;
 border-left:0;
 border-radius:05px5px0;
}.page-rate-widget-box.cancela{background:transparent;
 text-transform:uppercase;
 color:#2F4F4F;
}.page-rate-widget-box.cancela:hover{border-radius:03px3px0;
 background:#708090;
 color:#fffff0;
 text-decoration:none;
}
 
/*HeritageCollectionRatingModule*/
.heritage-rating-module{display:inline-block;
 background-color:#633;
 padding:2px8px2px5px;
 border:solid1px#ccc066;
 border-radius:8px;
 box-shadow:01px3px rgba(0,0,0,.25);
 margin-right:2em;
 margin-bottom:10px;
}.heritage-rating-module.page-rate-widget-box{box-shadow:none;
 margin-bottom:0;
 margin-right:0;
}.heritage-rating-module.heritage-emblem{float:left;
 position:relative;
 top: -2px;
 left:2px;
 height:16px;
 width:16px;
 overflow:visible;
 margin-right:2px;
}.heritage-rating-module.heritage-emblemimg{width:20px;
 height:20px;
 border:0;
}
 
/*Fixesformulti-linepagetags*/
 
#main-content.page-tags{margin:1em00;
 padding:0;
}#main-content.page-tagsspan{display:inline-block;
 padding:0;
 max-width:60%;
}#main-content.page-tagsa{display:inline-block;
 white-space:nowrap;
}
 
/*StandardImageBlock*/
.scp-image-block{border:solid1px#2F4F4F;
 box-shadow:01px6px rgba(0,0,0,.25);
 width:300px;
}.scp-image-block.block-right{float:right;
 clear:right;
 margin:02em1em2em;
}.scp-image-block.block-left{float:left;
 clear:left;
 margin:02em1em0;
}.scp-image-block.block-center{margin-right:auto;
 margin-left:auto;
}.scp-image-blockimg{border:0;
 width:300px;
}.scp-image-block.scp-image-caption{background-color:#C0C0C0;
 border-top:solid1px#2F4F4F;
 padding:2px0;
 font-size:80%;
 font-weight:bold;
 text-align:center;
 width:300px;
}.scp-image-block > p{margin:0;
}.scp-image-block.scp-image-caption > p{margin:0;
 padding:010px;
}
 
/*WikiwalkNavigation*/
.footer-wikiwalk-nav{font-weight:bold;
 font-size:75%;
}
 
/*ForumCustomizations*/
.forum-thread-box.description-block{padding:.5em1em;
 border-radius:10px;
 box-shadow:01px5px rgba(0,0,0,.15),
 inset01px0 rgba(255,255,255,.8),
 inset010px5px rgba(255,255,255,.25),
 inset0 -15px30px rgba(0,0,0,.1)
}.thread-container.post.head{padding:0.5em1em;
 background-color:#eee;
 background: linear-gradient(to right, #eee, #eeecec);
 box-shadow:inset2px3px6px rgba(0,0,0,.15);
 border-radius:5px5px00;
}
 
/*HideForumSignatures*/
.signature{display:none !important;
}
 
/*RubybyNanimonoDemonai*/
 
.ruby, ruby{display:inline-table;
 text-align:center;
 white-space:nowrap;
 line-height:1;
 height:1em;
 vertical-align:text-bottom;
}.rt, rt{display:table-header-group;
 font-size:0.6em;
 line-height:1.1;
 text-align:center;
 white-space:nowrap;
}
 
/*Keycap*/
 
.keycap{border:1pxsolid;
 border-color:#ddd#bbb#bbb#ddd;
 border-bottom-width:2px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 background-color:#f9f9f9;
 padding:1px3px;
 font-family:inherit;
 font-size:0.85em;
 white-space:nowrap;
}
 
/*tagstyle*/
 
.tags{display:inline-block;
margin:0005px;
padding:3px5px3px0px;
height:13px;
line-height:13px;
font-size:11px;
background:#666;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
}.tags:before{content: "";
padding:0px1px3px1px;
float:left;
position:relative;
top: -3px;
left: -10px;
width:0;
height:0;
border-color:transparent#666transparenttransparent;
border-style:solid;
border-width:8px8px8px0px;
}.tags:after{content: "";
position:relative;
top:4.5px;
left: -8px;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
-moz-box-shadow: -1px -1px2px#004977;
-webkit-box-shadow: -1px -1px2px#333;
box-shadow: -1px -1px2px#333;
}
 
/*DisplayBlackBlockbyNanimonoDemonai*/
.bblock{color:#000000;
 background-color:#000000;
 transition:2s;
 text-decoration:none;
}.bblock:hover{background-color:#000000;
 color:#006600;
 text-decoration:none;
}.dblock{color:#000000;
 background-color:#000000;
 transition:2s;
 text-decoration:none;
}.dblock:hover{background-color:transparent;
 text-decoration:none;
}
 
/*
 2011年11月13日 MinobeHiroyuki @ MargueriteSitewww.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.htmlEditedfortheSCPFoundationbyNanimono_Demonai*/
 
.emph{text-emphasis-style: dot ;
 -webkit-text-emphasis-style: dot ;
}
 
/*ForFireFox*/
@-moz-documenturl-prefix() {.emph{
 /*FortheenvironmentswhichcomplywithCSS3. */
 font-family:monospace;
 font-style:normal;
 font-weight:normal;
 background-image: url(http://www.kaktuskontainer.wikidot.com/local--files/component%3Atheme/dot.png), none;
 background-repeat:repeat-x;
 padding:0.5em00;
 background-color:transparent;
 background-clip: padding-box, content-box;
 background-size:1em1.3em, auto;
}}
 
/*ForIE10*/
@mediascreenand (-ms-high-contrast: active), (-ms-high-contrast: none) {.emph{
 /*FortheenvironmentswhichcomplywithCSS3. */
 font-family:monospace;
 font-style:normal;
 font-weight:normal;
 background-image: url(http://www.kaktuskontainer.wikidot.com/local--files/component%3Atheme/dot.png), none;
 background-repeat:repeat-x;
 padding:0.5em00;
 background-color:transparent;
 background-clip: padding-box, content-box;
 background-size:1em1.3em, auto;
}}
 
/*viewport*/
 
@viewport{width: device-width;
 zoom:1.0;
}
 
/*IEviewport*/
@-ms-viewport{width: device-width;
 zoom:1.0;
}
 
/*operaviewport*/
@-o-viewport{width: device-width;
 zoom:1.0;
}
 
/*chromeviewport - maybeitisn'twork... */
@-webkit-viewport{width: device-width;
 zoom:1.0;
}
 
/*firefoxviewport - maybeitisn'tworktoo... */
@-moz-viewport{width: device-width;
 zoom:1.0;
}
 
/*webkitscrollbar*/
::-webkit-scrollbar{width:9px; /*forverticalscrollbars*/
 height:9px; /*forhorizontalscrollbars*/
 border:solid1px rgba(0, 0, 0, 0.1);
 border-round:0.5px;
}
 
::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.1);
}
 
::-webkit-scrollbar-thumb{background: rgba(50, 50, 50, 0.3);
}.page-source{word-break:break-all;
}
 
/*ResponsiveWebDesign*/
img, embed, video, object, iframe, table{max-width:100%;
}#page-contentdiv, #page-contentdivtable{max-width:100%;
}#edit-page-comments{width:100%;
}
 
/*basicQueryformobiledevices*/
 
@media (max-width: 767px) {.owindow{min-width:80%;
 max-width:99%;
}.modal-body.table, .modal-body.table ~ div{float:left;
}.owindow.button-bar{float:right;
}.owindowdiva.btn-primary{width:100%;
 float:left;
}.mobile-top-barulli:last-of-type ul {
 right: 0;
}span, a{word-break:break-all;
}
}
 
/*MobileMediaQuery*/
@media (max-width: 479px) {#search-top-box-input{display:none;
}#page-content{font-size:0.9em;
}#main-content{margin:0;
}#recent-posts-category{width:100%;
}#header, .mobile-top-bar{max-width:90%;
}#side-bar{width:80%;
 position:relative;
}.top-bar{display:none;
}.mobile-top-bar{display:block;
 padding:0;
}.page-options-bottoma{padding:04px;
}#headerh1a{font-size:100%;
}blockquote{margin:1em0;
}.license-area{font-size:0.8em;
}#header{background-position:05.5em;
 background-size:55px55px;
}#headerh1, #headerh2{margin-left:66px;
}table.formtd, table.formth{float:left;
}
 
/*td.title{width:30%;
}*/
 
td.name{width:15em;
}table.formtd, table.formth{padding:0;
}#edit-page-title{max-width:90%;
}.content-panel.left-column, .content-panel.right-column{width:99%;
float:left;
}#page-contentdiv, #page-contentdivtable{clear:both;
}#page-contentdiv.title{word-break:keep-all;
}}
 
/*NoteMediaQuery*/
@media (min-width: 480px) and (max-width: 580px) {#search-top-box-input{width:7em;
}#main-content{margin:02em02em;
}#header, .mobile-top-bar{max-width:90%;
}#side-bar{width:80%;
 position:relative;
}.top-bar{display:none;
}.mobile-top-bar{display:block;
}.page-options-bottoma{padding:05px;
}#headerh1a{font-size:120%;
}blockquote{margin:0.5em;
}.license-area{font-size:0.85em;
}#header{background-position:0.5em4.5em;
 background-size:66px66px;
}#headerh1, #headerh2{margin-left:80px;
}
 
/*td.title{width:30%;
}*/
 
#page-contentdiv.title{word-break:keep-all;
}td.name{width:15em;
}.content-panel.left-column, .content-panel.right-column{width:99%;
float:left;
}#page-contentdiv, #page-contentdivtable{clear:both;
}}
 
/*MiniTabletMediaQuery*/
@media (min-width: 581px) and (max-width: 767px) {#search-top-box-input{width:8em;
}#side-bar{width:80%;
 position:relative;
}#main-content{margin:03em02em;
}#header, .mobile-top-bar{max-width:90%;
}.top-bar{display:none;
}.mobile-top-bar{display:block;
}.page-options-bottoma{padding:06px;
}#headerh1a{font-size:140%;
}.license-area{font-size:0.9em;
}#header{background-position:1em4em;
 background-size:77px77px;
}#headerh1, #headerh2{margin-left:93px;
}}
 
/*TabletMediaQuery*/
@media (min-width: 768px) and (max-width: 979px) {#main-content{margin:04em020em;
}#header, #top-bar#side-bar{max-width:100%;
}.top-barli{margin:0;
}#top-barulli.sfhoverullia, #top-barulli:hover ul li a {
 width: 110px;
}.page-options-bottoma{padding:07px;
}#headerh1a{font-size:160%;
}.license-area{font-size:0.95em;
}#header{background-position:1em4em;
 background-size:88px88px;
}#headerh1, #headerh2{margin-left:106px;
}.content-panel.left-column, .content-panel.right-column{width:99%;
float:left;
}#page-contentdiv, #page-contentdivtable{clear:both;
}
}
 
/*DesktopMediaQuery -----------
@media (min-width: 980px) and (max-width: 1399px) {}
------------------------------------------ */
 
/*WideMonitorMediaQuery -----
@media (min-width: 1400px) {}
------------------------------------------ */
 
/*off-canvas*/
 
.close-menu{display:none;
}@media (max-width: 767px) {.page-historytbodytrtd:last-child {
width: 35%;
}.owindow{min-width:80%;
 max-width:99%;
}.modal-body.table, .modal-body.table ~ div{float:left;
}.owindow.button-bar{float:right;
}.owindowdiv.btn-primary{width:100%;
float:left;
}.owindowdiv.btn-primary ~ div{width:100%;
}.yui-navset{z-index:1;
}#navi-bar, #navi-bar-shadow{display:none;
}.open-menua{position:fixed;
 bottom:0.5em;
 left:0.5em;
 z-index:15;
 font-family: 'Nanum Gothic', san-serif;
 font-size:30px;
 font-weight:700;
 width:30px;
 height:30px;
 line-height:0.9em;
 text-align:center;
 border:0.2emsolid#2F4F4F !important;
 background-color:#C0C0C0 !important;
 border-radius:3em;
 color:#2F4F4F !important;
}.open-menua:hover{text-decoration:none !important;
 -webkit-box-shadow:0px0px20px3px rgba(153,153,153,1);
 -moz-box-shadow:0px0px20px3px rgba(153,153,153,1);
 -ms-box-shadow:0px0px20px3px rgba(153,153,153,1);
 -o-box-shadow:0px0px20px3px rgba(153,153,153,1);
 box-shadow:0px0px20px3px rgba(153,153,153,1);
}#main-content{max-width:90%;
 margin:05%;
 padding:0;
 -webkit-transition:0.5s ease-in-out 0.1s;
 -moz-transition:0.5s ease-in-out 0.1s;
 -ms-transition:0.5s ease-in-out 0.1s;
 -o-transition:0.5s ease-in-out 0.1s;
 transition:0.5s ease-in-out 0.1s;
}#side-bar{display:block;
 position:fixed;
 top:0;
 left: -25em;
 width:17em;
 height:100%;
 background-color: rgb(192, 192, 192);
 overflow-y:auto;
 z-index:10;
 padding:1em1em01em;
 -webkit-transition:left0.5s ease-in-out 0.1s;
 -moz-transition:left0.5s ease-in-out 0.1s;
 -ms-transition:left0.5s ease-in-out 0.1s;
 -o-transition:left0.5s ease-in-out 0.1s;
 transition:left0.5s ease-in-out 0.1s;
}#side-bar:after{content: "";
 position:absolute;
 top:0;
 width:0;
 height:100%;
 background-color: rgba(0, 0, 0, 0.2);
 
}#side-bar:target{display:block;
 left:0;
 width:17em;
 margin:0;
 border:1pxsolid#dedede;
 z-index:10;
}#side-bar:target + #main-content{left:0;
}#side-bar:target.close-menu{display:block;
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
 background: rgba(0,0,0,0.3) 1px1pxrepeat;
 z-index: -1;
}
}