/* footer 하단 고정 */
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
margin: 0;
}
/*
* {
box-sizing: border-box;
}
*/
#contents {
flex: 1;
}
.blink {
animation: blink-effect 0.2s alternate 8;
}
@keyframes blink-effect {
from {
/*background-color: yellow;*/
color: black;
}
to {
/*background-color: cornflowerblue;*/
color: white;
}
}
.blinking {
animation: blink 1s step-start infinite;
}
@keyframes blink {
50% {
opacity: 0;
}
}
.nonselect {
user-select: none;
cursor: pointer;
}
* { font-family:"맑은 고딕","나눔고딕","돋움","굴림","돋움체","굴림체",Arial,Helvetica,sans-serif;
padding:0;
margin:0;
max-height:10000px;
word-break:keep-all;
}
section {
width:100%;
margin:0 auto;
padding:0;
}
select:focus {outline:none}
a {text-decoration:none; outline:none; cursor:pointer;}
a:link, a:active {text-decoration:none; color:black;}
a:hover {text-decoration:none; color:red;}
a:focus {outline:none;}
a:visited {color:black;}
.mouseOver {background-color:transparent;}
.mouseOver:hover {background-color:bisque;}
fieldset {
border:solid 2px rgb(100,185,240);
border-radius:10px 10px;
}
ul {list-style-type:none;}
img {vertical-align:middle;}
button {
cursor: pointer;
width: 80px;
height: 26px;
font-weight: bolder;
border: thin solid gray;
border-radius: 5px;
box-shadow: 1px 1px 3px;
background-color: white;
margin: 0 2px;
transition: transform 0.1s ease, box-shadow 0.1s ease;
user-select: none;
}
/* 눌린 느낌 */
button:active {
transform: scale(0.95);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
button:hover {
background-color: aliceblue;
}
.input {
height: 30px;
width: 98%;
vertical-align: middle;
border: thin solid lightgray;
border-radius: 5px;
box-shadow: 1px 1px 1px;
background-color: white;
}
select {
border: thin solid gray;
border-radius: 3px;
box-shadow: 1px 1px 1px;
background-color: white;
}
input.form-text {
border: 1px solid #778899; /*bcbcbc*/
height: 28px;
}
input.image-button {
background: url(/images/search_33x33.png) no-repeat;
border: none;
width: 32px;
height: 32px;
cursor: pointer;
}
input[type="radio"] {
outline: none;
box-shadow: none;
margin-right: 3px;
}
table {
border-collapse:collapse;
border:1px solid #bcbcbc;
}
h3 {color:steelblue;
letter-spacing:-1px;
}
h3::before {
color:steelblue;
font-weight:100;
content:"■ ";
}
h4 {line-height:28px;}
#main-container {
width:100%;
border:none;
}
#main-content {
float:left; width:100%;
margin:0 auto 0; padding:0;
}
#main > table {
width:100%;
margin-bottom:10px;
border:1px solid slategray;
}
#main th {
padding:2px 5px;
border:1px solid slategray;
background-color:gainsboro;
}
#main td {
padding:2px 5px;
border:1px solid slategray;
text-align:center;
}
/*
#sb-content td:first-child {
background-color:azure;
}
*/
.nowrap {white-space:nowrap}
/* IME Mode
.korean {ime-mode:active;}
.english{ime-mode:inactive;}
*/
/* Mouse Pointer */
.hand {cursor:pointer;}
.arrow {cursor:default;}
/* Boxes */
.BlackBox {border:1px solid black}
.BlueBox {border:1px solid blue}
.RedBox {border:1px solid red}
/* Text Align */
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.just {text-align:justify;}
.top {vertical-align:top;}
.bottom {vertical-align:bottom;}
.middle {vertical-align:middle;}
/* Font */
.Times {font-family:'Times New Roman';}
.light {font-weight:lighter}
.medium {font-weight:normal}
.normal {font-weight:normal}
.bold {font-weight:bold}
.italic {font-style:italic}
.normal {font-style:normal}
/* Position */
.setClear {clear:both;}
.setLeft {float:left;}
.setRight {float:right;}
.setRel {position:relative;}
.setAbs {position:absolute;}
/* Display, Visibility */
.block {display:block;}
.hide {display:none;}
.show {visibility:visible;}
.hidden {overflow:hidden !important;}
/* Colors */
.White {color:white}
.Gray {color:gray}
.Grey {color:grey}
.Black {color:black}
.lightGray {color:lightgray}
.Silver {color:silver}
.Red {color:red}
.Orange {color:#ff8000}
.orangeRed {color:orangered}
.darkOrange {color:darkorange}
.Tomato {color:tomato}
.Blue {color:blue}
.Blue2 {color: #1e90ff;}
.mediumBlue {color:mediumblue}
.darkBlue {color:darkblue}
.midnightBlue{color:midnightblue}
.Yellow {color:yellow}
.lightYellow{color:lightyellow}
.Green {color:green}
.greenYellow{color:greenyellow}
.Navy {color:navy}
.steelBlue {color:steelblue}
.darkGreen {color:darkgreen}
.seaGreen {color:seagreen}
.ws-5 {word-spacing: -5px}
.ws-4 {word-spacing: -4px}
.ws-3 {word-spacing: -3px}
.ws-2 {word-spacing: -2px}
.ws-1 {word-spacing: -1px}
.ws0 {word-spacing: 0px}
.ws1 {word-spacing: 1px}
.ws2 {word-spacing: 2px}
.ws3 {word-spacing: 3px}
.ws4 {word-spacing: 4px}
.ws5 {word-spacing: 5px}
.ws6 {word-spacing: 6px}
.ws7 {word-spacing: 7px}
.ws8 {word-spacing: 8px}
.ws9 {word-spacing: 9px}
.ws10 {word-spacing: 10px}
.cc-5 {letter-spacing:-5px}
.cc-4 {letter-spacing:-4px}
.cc-3 {letter-spacing:-3px}
.cc-2 {letter-spacing:-2px}
.cc-1 {letter-spacing:-1px}
.cc0 {letter-spacing:0px}
.cc1 {letter-spacing:1px}
.cc2 {letter-spacing:2px}
.cc3 {letter-spacing:3px}
.cc4 {letter-spacing:4px}
.cc5 {letter-spacing:5px}
.cc6 {letter-spacing:6px}
.cc7 {letter-spacing:7px}
.cc8 {letter-spacing:8px}
.cc9 {letter-spacing:9px}
.cc10 {letter-spacing:10px}
/* Paddings all */
.padding1 {padding:1px}
.padding2 {padding:2px}
.padding3 {padding:3px}
.padding4 {padding:4px}
.padding5 {padding:5px}
.padding6 {padding:6px}
.padding7 {padding:7px}
.padding8 {padding:8px}
.padding9 {padding:9px}
.padding10 {padding:10px}
.padding11 {padding:11px}
.padding12 {padding:12px}
.padding13 {padding:13px}
.padding14 {padding:14px}
.padding15 {padding:15px}
.padding16 {padding:16px}
.padding17 {padding:17px}
.padding18 {padding:18px}
.padding19 {padding:19px}
.padding20 {padding:20px}
.padding21 {padding:21px}
.padding22 {padding:22px}
.padding23 {padding:23px}
.padding24 {padding:24px}
.padding25 {padding:25px}
.padding26 {padding:26px}
.padding27 {padding:27px}
.padding28 {padding:28px}
.padding29 {padding:29px}
.padding30 {padding:30px}
.padding31 {padding:31px}
.padding32 {padding:32px}
.padding33 {padding:33px}
.padding34 {padding:34px}
.padding35 {padding:35px}
.padding36 {padding:36px}
.padding37 {padding:37px}
.padding38 {padding:38px}
.padding39 {padding:39px}
.padding40 {padding:40px}
.padding41 {padding:41px}
.padding42 {padding:42px}
.padding43 {padding:43px}
.padding44 {padding:44px}
.padding45 {padding:45px}
.padding46 {padding:46px}
.padding47 {padding:47px}
.padding48 {padding:48px}
.padding49 {padding:49px}
.padding50 {padding:50px}
/* Padding Top */
.top1 {padding-top:1px}
.top2 {padding-top:2px}
.top3 {padding-top:3px}
.top4 {padding-top:4px}
.top5 {padding-top:5px}
.top6 {padding-top:6px}
.top7 {padding-top:7px}
.top8 {padding-top:8px}
.top9 {padding-top:9px}
.top10 {padding-top:10px}
.top11 {padding-top:11px}
.top12 {padding-top:12px}
.top13 {padding-top:13px}
.top14 {padding-top:14px}
.top15 {padding-top:15px}
.top16 {padding-top:16px}
.top17 {padding-top:17px}
.top18 {padding-top:18px}
.top19 {padding-top:19px}
.top20 {padding-top:20px}
.top21 {padding-top:21px}
.top22 {padding-top:22px}
.top23 {padding-top:23px}
.top24 {padding-top:24px}
.top25 {padding-top:25px}
.top26 {padding-top:26px}
.top27 {padding-top:27px}
.top28 {padding-top:28px}
.top29 {padding-top:29px}
.top30 {padding-top:30px}
.top31 {padding-top:31px}
.top32 {padding-top:32px}
.top33 {padding-top:33px}
.top34 {padding-top:34px}
.top35 {padding-top:35px}
.top36 {padding-top:36px}
.top37 {padding-top:37px}
.top38 {padding-top:38px}
.top39 {padding-top:39px}
.top40 {padding-top:40px}
.top41 {padding-top:41px}
.top42 {padding-top:42px}
.top43 {padding-top:43px}
.top44 {padding-top:44px}
.top45 {padding-top:45px}
.top46 {padding-top:46px}
.top47 {padding-top:47px}
.top48 {padding-top:48px}
.top49 {padding-top:49px}
.top50 {padding-top:50px}
.top100{padding-top:100px}
/* Padding Bottom */
.bottom1 {padding-bottom:1px}
.bottom2 {padding-bottom:2px}
.bottom3 {padding-bottom:3px}
.bottom4 {padding-bottom:4px}
.bottom5 {padding-bottom:5px}
.bottom6 {padding-bottom:6px}
.bottom7 {padding-bottom:7px}
.bottom8 {padding-bottom:8px}
.bottom9 {padding-bottom:9px}
.bottom10 {padding-bottom:10px}
.bottom11 {padding-bottom:11px}
.bottom12 {padding-bottom:12px}
.bottom13 {padding-bottom:13px}
.bottom14 {padding-bottom:14px}
.bottom15 {padding-bottom:15px}
.bottom16 {padding-bottom:16px}
.bottom17 {padding-bottom:17px}
.bottom18 {padding-bottom:18px}
.bottom19 {padding-bottom:19px}
.bottom20 {padding-bottom:20px}
.bottom21 {padding-bottom:21px}
.bottom22 {padding-bottom:22px}
.bottom23 {padding-bottom:23px}
.bottom24 {padding-bottom:24px}
.bottom25 {padding-bottom:25px}
.bottom26 {padding-bottom:26px}
.bottom27 {padding-bottom:27px}
.bottom28 {padding-bottom:28px}
.bottom29 {padding-bottom:29px}
.bottom30 {padding-bottom:30px}
.bottom31 {padding-bottom:31px}
.bottom32 {padding-bottom:32px}
.bottom33 {padding-bottom:33px}
.bottom34 {padding-bottom:34px}
.bottom35 {padding-bottom:35px}
.bottom36 {padding-bottom:36px}
.bottom37 {padding-bottom:37px}
.bottom38 {padding-bottom:38px}
.bottom39 {padding-bottom:39px}
.bottom40 {padding-bottom:40px}
.bottom41 {padding-bottom:41px}
.bottom42 {padding-bottom:42px}
.bottom43 {padding-bottom:43px}
.bottom44 {padding-bottom:44px}
.bottom45 {padding-bottom:45px}
.bottom46 {padding-bottom:46px}
.bottom47 {padding-bottom:47px}
.bottom48 {padding-bottom:48px}
.bottom49 {padding-bottom:49px}
.bottom50 {padding-bottom:50px}
.bottom100{padding-bottom:100px}
/* Padding Left */
.left1 {padding-left:1px}
.left2 {padding-left:2px}
.left3 {padding-left:3px}
.left4 {padding-left:4px}
.left5 {padding-left:5px}
.left6 {padding-left:6px}
.left7 {padding-left:7px}
.left8 {padding-left:8px}
.left9 {padding-left:9px}
.left10 {padding-left:10px}
.left11 {padding-left:11px}
.left12 {padding-left:12px}
.left13 {padding-left:13px}
.left14 {padding-left:14px}
.left15 {padding-left:15px}
.left16 {padding-left:16px}
.left17 {padding-left:17px}
.left18 {padding-left:18px}
.left19 {padding-left:19px}
.left20 {padding-left:20px}
.left21 {padding-left:21px}
.left22 {padding-left:22px}
.left23 {padding-left:23px}
.left24 {padding-left:24px}
.left25 {padding-left:25px}
.left26 {padding-left:26px}
.left27 {padding-left:27px}
.left28 {padding-left:28px}
.left29 {padding-left:29px}
.left30 {padding-left:30px}
.left31 {padding-left:31px}
.left32 {padding-left:32px}
.left33 {padding-left:33px}
.left34 {padding-left:34px}
.left35 {padding-left:35px}
.left36 {padding-left:36px}
.left37 {padding-left:37px}
.left38 {padding-left:38px}
.left39 {padding-left:39px}
.left40 {padding-left:40px}
.left41 {padding-left:41px}
.left42 {padding-left:42px}
.left43 {padding-left:43px}
.left44 {padding-left:44px}
.left45 {padding-left:45px}
.left46 {padding-left:46px}
.left47 {padding-left:47px}
.left48 {padding-left:48px}
.left49 {padding-left:49px}
.left50 {padding-left:50px}
.left100{padding-left:100px}
/* Padding Right */
.right1 {padding-right:1px}
.right2 {padding-right:2px}
.right3 {padding-right:3px}
.right4 {padding-right:4px}
.right5 {padding-right:5px}
.right6 {padding-right:6px}
.right7 {padding-right:7px}
.right8 {padding-right:8px}
.right9 {padding-right:9px}
.right10 {padding-right:10px}
.right11 {padding-right:11px}
.right12 {padding-right:12px}
.right13 {padding-right:13px}
.right14 {padding-right:14px}
.right15 {padding-right:15px}
.right16 {padding-right:16px}
.right17 {padding-right:17px}
.right18 {padding-right:18px}
.right19 {padding-right:19px}
.right20 {padding-right:20px}
.right21 {padding-right:21px}
.right22 {padding-right:22px}
.right23 {padding-right:23px}
.right24 {padding-right:24px}
.right25 {padding-right:25px}
.right26 {padding-right:26px}
.right27 {padding-right:27px}
.right28 {padding-right:28px}
.right29 {padding-right:29px}
.right30 {padding-right:30px}
.right31 {padding-right:31px}
.right32 {padding-right:32px}
.right33 {padding-right:33px}
.right34 {padding-right:34px}
.right35 {padding-right:35px}
.right36 {padding-right:36px}
.right37 {padding-right:37px}
.right38 {padding-right:38px}
.right39 {padding-right:39px}
.right40 {padding-right:40px}
.right41 {padding-right:41px}
.right42 {padding-right:42px}
.right43 {padding-right:43px}
.right44 {padding-right:44px}
.right45 {padding-right:45px}
.right46 {padding-right:46px}
.right47 {padding-right:47px}
.right48 {padding-right:48px}
.right49 {padding-right:49px}
.right50 {padding-right:50px}
.right100{padding-right:100px}
/* Minus Margin */
.top-1 {margin-top:-1px}
.top-2 {margin-top:-2px}
.top-3 {margin-top:-3px}
.top-4 {margin-top:-4px}
.top-5 {margin-top:-5px}
.top-6 {margin-top:-6px}
.top-7 {margin-top:-7px}
.top-8 {margin-top:-8px}
.top-9 {margin-top:-9px}
.top-10 {margin-top:-10px}
.top-11 {margin-top:-11px}
.top-12 {margin-top:-12px}
.top-13 {margin-top:-13px}
.top-14 {margin-top:-14px}
.top-15 {margin-top:-15px}
.top-16 {margin-top:-16px}
.top-17 {margin-top:-17px}
.top-18 {margin-top:-18px}
.top-19 {margin-top:-19px}
.top-20 {margin-top:-20px}
.top-25 {margin-top:-25px}
.top-30 {margin-top:-30px}
.top-35 {margin-top:-35px}
.top-40 {margin-top:-40px}
.top-45 {margin-top:-45px}
.top-50 {margin-top:-50px}
.top-60 {margin-top:-60px}
.top-70 {margin-top:-70px}
.top-80 {margin-top:-80px}
.top-90 {margin-top:-90px}
.top-100{margin-top:-100px}
.left-1 {margin-left:-1px}
.left-2 {margin-left:-2px}
.left-3 {margin-left:-3px}
.left-4 {margin-left:-4px}
.left-5 {margin-left:-5px}
.left-6 {margin-left:-6px}
.left-7 {margin-left:-7px}
.left-8 {margin-left:-8px}
.left-9 {margin-left:-9px}
.left-10 {margin-left:-10px}
.left-15 {margin-left:-15px}
.left-20 {margin-left:-20px}
.left-25 {margin-left:-25px}
.left-30 {margin-left:-30px}
.left-35 {margin-left:-35px}
.left-40 {margin-left:-40px}
.left-45 {margin-left:-45px}
.left-50 {margin-left:-50px}
/* Margin */
.margin1 {margin:1px}
.margin2 {margin:2px}
.margin3 {margin:3px}
.margin4 {margin:4px}
.margin5 {margin:5px}
.margin6 {margin:6px}
.margin7 {margin:7px}
.margin8 {margin:8px}
.margin9 {margin:9px}
.margin10 {margin:10px}
.margin15 {margin:15px}
.margin20 {margin:20px}
.margin25 {margin:25px}
.margin30 {margin:30px}
.margin35 {margin:35px}
.margin40 {margin:40px}
.margin45 {margin:45px}
.margin50 {margin:50px}
/* Margin Left */
.lm1 {margin-left:1px}
.lm2 {margin-left:2px}
.lm3 {margin-left:3px}
.lm4 {margin-left:4px}
.lm5 {margin-left:5px}
.lm6 {margin-left:6px}
.lm7 {margin-left:7px}
.lm8 {margin-left:8px}
.lm9 {margin-left:9px}
.lm10 {margin-left:10px}
.lm15 {margin-left:15px}
.lm20 {margin-left:20px}
.lm25 {margin-left:25px}
.lm30 {margin-left:30px}
.lm35 {margin-left:35px}
.lm40 {margin-left:40px}
.lm45 {margin-left:45px}
.lm50 {margin-left:50px}
.lm100 {margin-left:100px}
/* Margin Right */
.rm1 {margin-right:1px}
.rm2 {margin-right:2px}
.rm3 {margin-right:3px}
.rm4 {margin-right:4px}
.rm5 {margin-right:5px}
.rm6 {margin-right:6px}
.rm7 {margin-right:7px}
.rm8 {margin-right:8px}
.rm9 {margin-right:9px}
.rm10 {margin-right:10px}
.rm15 {margin-right:15px}
.rm20 {margin-right:20px}
.rm25 {margin-right:25px}
.rm30 {margin-right:30px}
.rm35 {margin-right:35px}
.rm40 {margin-right:40px}
.rm45 {margin-right:45px}
.rm50 {margin-right:50px}
.rm100 {margin-right:100px}
/* Margin Top */
.tm1 {margin-top:1px}
.tm2 {margin-top:2px}
.tm3 {margin-top:3px}
.tm4 {margin-top:4px}
.tm5 {margin-top:5px}
.tm6 {margin-top:6px}
.tm7 {margin-top:7px}
.tm8 {margin-top:8px}
.tm9 {margin-top:9px}
.tm10 {margin-top:10px}
.tm15 {margin-top:15px}
.tm20 {margin-top:20px}
.tm25 {margin-top:25px}
.tm30 {margin-top:30px}
.tm35 {margin-top:35px}
.tm40 {margin-top:40px}
.tm45 {margin-top:45px}
.tm50 {margin-top:50px}
.tm100 {margin-top:100px}
/* Margin Bottom */
.bm1 {margin-bottom:1px}
.bm2 {margin-bottom:2px}
.bm3 {margin-bottom:3px}
.bm4 {margin-bottom:4px}
.bm5 {margin-bottom:5px}
.bm6 {margin-bottom:6px}
.bm7 {margin-bottom:7px}
.bm8 {margin-bottom:8px}
.bm9 {margin-bottom:9px}
.bm10 {margin-bottom:10px}
.bm15 {margin-bottom:15px}
.bm20 {margin-bottom:20px}
.bm25 {margin-bottom:25px}
.bm30 {margin-bottom:30px}
.bm35 {margin-bottom:35px}
.bm40 {margin-bottom:40px}
.bm45 {margin-bottom:45px}
.bm50 {margin-bottom:50px}
.bm100 {margin-bottom:100px}
/* Text-indent with Margin-left */
.i1 {text-indent:-1px; margin-left:1px;}
.i2 {text-indent:-2px; margin-left:2px;}
.i3 {text-indent:-3px; margin-left:3px;}
.i4 {text-indent:-4px; margin-left:4px;}
.i5 {text-indent:-5px; margin-left:5px;}
.i6 {text-indent:-6px; margin-left:6px;}
.i7 {text-indent:-7px; margin-left:7px;}
.i8 {text-indent:-8px; margin-left:8px;}
.i9 {text-indent:-9px; margin-left:9px;}
.i10 {text-indent:-10px; margin-left:10px;}
.i15 {text-indent:-15px; margin-left:15px;}
.i20 {text-indent:-20px; margin-left:20px;}
.i25 {text-indent:-25px; margin-left:25px;}
.i30 {text-indent:-30px; margin-left:30px;}
.i35 {text-indent:-25px; margin-left:35px;}
.i40 {text-indent:-30px; margin-left:40px;}
.i45 {text-indent:-25px; margin-left:45px;}
.i50 {text-indent:-30px; margin-left:50px;}
/* Point Size of Characters */
.ps4 {font-size: 4px}
.ps5 {font-size: 5px}
.ps6 {font-size: 6px}
.ps7 {font-size: 7px}
.ps8 {font-size: 8px}
.ps9 {font-size: 9px}
.ps10 {font-size:10px}
.ps11 {font-size:11px}
.ps12 {font-size:12px}
.ps13 {font-size:13px}
.ps14 {font-size:14px}
.ps15 {font-size:15px}
.ps16 {font-size:16px}
.ps17 {font-size:17px}
.ps18 {font-size:18px}
.ps19 {font-size:19px}
.ps20 {font-size:20px}
.ls4 {line-height:4px}
.ls5 {line-height:5px}
.ls6 {line-height:6px}
.ls7 {line-height:7px}
.ls8 {line-height:8px}
.ls9 {line-height:9px}
.ls10 {line-height:10px}
.ls11 {line-height:11px}
.ls12 {line-height:12px}
.ls13 {line-height:13px}
.ls14 {line-height:14px}
.ls15 {line-height:15px}
.ls16 {line-height:16px}
.ls17 {line-height:17px}
.ls18 {line-height:18px}
.ls19 {line-height:19px}
.ls20 {line-height:20px}
.ls21 {line-height:21px}
.ls22 {line-height:22px}
.ls23 {line-height:23px}
.ls24 {line-height:24px}
.ls25 {line-height:25px}
.ls26 {line-height:26px}
.ls27 {line-height:27px}
.ls28 {line-height:28px}
.ls29 {line-height:29px}
.ls30 {line-height:30px}
/* width */
.w10 {width:10px}
.w11 {width:11px}
.w12 {width:12px}
.w13 {width:13px}
.w14 {width:14px}
.w15 {width:15px}
.w16 {width:16px}
.w17 {width:17px}
.w18 {width:18px}
.w19 {width:19px}
.w20 {width:20px}
.w21 {width:21px}
.w22 {width:22px}
.w23 {width:23px}
.w24 {width:24px}
.w25 {width:25px}
.w26 {width:26px}
.w27 {width:27px}
.w28 {width:28px}
.w29 {width:29px}
.w30 {width:30px}
.w31 {width:31px}
.w32 {width:32px}
.w33 {width:33px}
.w34 {width:34px}
.w35 {width:35px}
.w36 {width:36px}
.w37 {width:37px}
.w38 {width:38px}
.w39 {width:39px}
.w40 {width:40px}
.w41 {width:41px}
.w42 {width:42px}
.w43 {width:43px}
.w44 {width:44px}
.w45 {width:45px}
.w46 {width:46px}
.w47 {width:47px}
.w48 {width:48px}
.w49 {width:49px}
.w50 {width:50px}
.w60 {width:60px}
.w70 {width:70px}
.w80 {width:80px}
.w90 {width:90px}
.w100{width:100px}
.w200{width:200px}
.w300{width:300px}
.w400{width:400px}
.w500{width:500px}
.w600{width:600px}
.w700{width:700px}
.w800{width:800px}
.w900{width:900px}
/* height */
.h10 {height:10px}
.h11 {height:11px}
.h12 {height:12px}
.h13 {height:13px}
.h14 {height:14px}
.h15 {height:15px}
.h16 {height:16px}
.h17 {height:17px}
.h18 {height:18px}
.h19 {height:19px}
.h20 {height:20px}
.h21 {height:21px}
.h22 {height:22px}
.h23 {height:23px}
.h24 {height:24px}
.h25 {height:25px}
.h26 {height:26px}
.h27 {height:27px}
.h28 {height:28px}
.h29 {height:29px}
.h30 {height:30px}
.h31 {height:31px}
.h32 {height:32px}
.h33 {height:33px}
.h34 {height:34px}
.h35 {height:35px}
.h36 {height:36px}
.h37 {height:37px}
.h38 {height:38px}
.h39 {height:39px}
.h40 {height:40px}
.h41 {height:41px}
.h42 {height:42px}
.h43 {height:43px}
.h44 {height:44px}
.h45 {height:45px}
.h46 {height:46px}
.h47 {height:47px}
.h48 {height:48px}
.h49 {height:49px}
.h50 {height:50px}
.h60 {height:60px}
.h70 {height:70px}
.h80 {height:80px}
.h90 {height:90px}
.h100{height:100px}
@media screen and (max-width:480px) {
#sb-container {
width:auto;
}
#sb-content {
float:none;
width:auto;
}
#sb-sidebar {
float:none;
width:auto;
}
}