@import url(./fonts/nanum.css); /* ³ª´® */


/* -------------------------------------------------------------- */
/* common */
/* -------------------------------------------------------------- */
body {
  width                       : 100%;
  height                      : 100%;
  margin                      : 0 auto;
	padding  				            : 0;
	overflow 				            : auto;
	background-color		        : #ffffff;
	text-align                  : center;
	font 				 	              : normal 12px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
}

body::-webkit-scrollbar {
  width                       : 5px;
}

body::-webkit-scrollbar-thumb {
  background-color            : #2f3542;
  border-radius               : 5px;
  background-clip             : padding-box;
  border                      : 1px solid transparent;
}

body::-webkit-scrollbar-track {
  background-color            : gray;
  border-radius               : 5px;
  box-shadow                  : inset 0px 0px 3px white;
}


#wrap {
  width                       : 1200px;
  height                      : 100%;
  margin                      : 0 auto;
}

#header {
  width                       : 100%;
  clear                       : both;
  margin                      : 0 auto;
}

#header div.head {
  float                       : left;
  width                       : 1200px;
  height                      : 100px;
  background-image            : url(./img/maple_head.jpg); 
  background-repeat           : no-repeat; 
	text-align                  : left;
  margin-bottom               : -10px;
  padding-left                : 0px;
  padding-top                 : 10px;
}

#header div.head a {
	font 				 	              : bold 36px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	color                       : #ffffff;
  text-decoration             : none;
  cursor                      : pointer;
}

#header div.head a:hover {
  text-decoration:none;
  color:red;
  cursor                      : pointer;
}

#header div.head img {
  
}


/* -------------------------------------------------------------- */
/* footer */
/* -------------------------------------------------------------- */
#footer { clear:both; width:1200px; border-top:2px solid #1d6baf; }
#footer #phone { text-align:center; font: bold 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif; color:blue; border-bottom:1px solid #777; }
#footer #phone span { color:#555; }
#footer #phone a { text-decoration:none; color:blue; }
#footer #phone a:hover { text-decoration:none; color:blue; }

#footer #cis { float:left; width:1200px; border:0px solid #aaa; }
#footer #cis_grom { float:left; width:250px; text-align:left; border:0px solid #aaa; }
#footer #cis_knps { float:left; width:210px; text-align:left; border:0px solid #aaa; }
#footer #cis_forest { float:left; width:400px; text-align:left; border:0px solid #aaa; }
#footer #cis a.btns { margin-right:10px; padding:3px 10px 5px 10px; font-size:12px; font-weight:bold; color:#555; border:1px solid #777; border-radius:3px; text-decoration:none; }
#footer #cis a.btns:hover { text-decoration:none; color:red; }


/* -------------------------------------------------------------- */
/* menu_table */
/* -------------------------------------------------------------- */
#top_menu { position:relative; width:100%; }

table.menu_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear                       : both; 
  table-layout                : fixed;
  margin-left                 : 0px;
  margin-top                  : 0px;
  margin-bottom               : 25px;
}

table.menu_table td {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 5px;
	border					            : 1px solid #aaa;
}

table.menu_table td.on {
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color                       : red;
}

table.menu_table td a { text-decoration:none; color:blue; }
table.menu_table td a:hover { text-decoration:none; color:red; }

table.menu_table td select {
  width                       : 138px;
  height                      : 48px; 
 	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color                       : blue;
  padding-left                : 10px;
  border                      : 0px solid #708090;
  border-radius               : 3px; 
}


/* -------------------------------------------------------------- */
/* maple_table */
/* -------------------------------------------------------------- */
#container {
  width                       : 100%;
  min-height                  : 500px;
  clear                       : both;
  position                    : relative;
  margin                      : 0 auto;
}

#maple_title {
  float                       : left;
  text-align                  : left;
  width                       : 100%;
  clear                       : both;
  position                    : relative;
  z-index                     : 9999;
	color                       : #000;
	font 				 	              : normal 18px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	margin-bottom               : 0px;
}

#maple_title span {
	font 				 	              : bold 24px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	color                       : blue;
}

#maple_title a {
  text-decoration             : none;
	color                       : #777;
}

#maple_title a:hover {
  text-decoration             : none;
	color                       : red;
}

#con_maple {
  float                       : left;
  width                       : 1520px;
  height                      : 940px;
  position                    : relative;
  top                         : 7px;
  left                        : -290px;
/*  border					            : 2px solid #aaa; */
}

#weather_fct {
  position                    : relative;
  width                       : 1520px;
  height                      : 940px;
/*  border					            : 2px solid #red; */
}

div.mnt_title {
  float                       : left;
  text-align                  : left;
  width                       : 100%;
  clear                       : both;
  position                    : relative;
  z-index                     : 9999;
	color                       : blue;
	font 				 	              : bold 18px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	margin                      : 30px 0px -45px 0px;
}

/* -------------------------------------------------------------- */
/* gallery */
/* -------------------------------------------------------------- */

#gallery_maple {
  float                       : left;
  width                       : 1200px;
  height                      : 1800px;
  position                    : relative;
  display                     : block;
  overflow                    : hidden;
/*	border					            : 2px solid #aaa; */
}

#gallery {
  float                       : left;
  width                       : 1200px;
  height                      : 1800px;
/*	border					            : 2px solid red; */
}


/* -------------------------------------------------------------- */
/* aws_table */
/* -------------------------------------------------------------- */
#aws_wrap { position:relative; width:100%; }

#aws_title {
  float                       : left;
  text-align                  : left;
  width                       : 100%;
  clear                       : both;
	color                       : #000;
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  margin-top                  : 30px;
  padding-left                : 20px;
	margin-bottom               : -20px;
}

table.aws_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #ccc;
	color                       : #000;
  clear                       : both; 
  table-layout                : fixed;
  margin-left                 : 0px;
  margin-top                  : 20px;
  margin-bottom               : -10px;
}

table.aws_table caption {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : end;
	caption-side                : top;
}
table.aws_table th {
	font 				 	              : bold 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 5px;
	border					            : 1px solid #ccc;
	background-color            : #efefef;
}

table.aws_table th span {
	font 				 	              : normal 12px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
}

table.aws_table td {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	letter-spacing              : 0.15em;
	padding                     : 5px;
	border					            : 1px solid #ccc;
}

table.aws_table td.ll {
	text-align                  : left;
	padding-left                : 20px;
}

table.aws_table td.rr {
	text-align                  : right;
	padding-right                : 20px;
}

/* -------------------------------------------------------------- */
/* knps */
/* -------------------------------------------------------------- */

#knps_title {
  float                       : left;
  text-align                  : left;
  width                       : 100%;
  clear                       : both;
	color                       : #000;
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  margin-top                  : 20px;
  padding-left                : 20px;
	margin-bottom               : -20px;
}

table.knps_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #ccc;
	color                       : #000;
  clear                       : both; 
  table-layout                : fixed;
  margin-left                 : 0px;
  margin-top                  : 20px;
  margin-bottom               : -10px;
}

table.knps_table caption {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : end;
	caption-side                : top;
}
table.knps_table th {
	font 				 	              : bold 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 5px;
	border					            : 1px solid #ccc;
	background-color            : #efefef;
}

table.knps_table th span {
	font 				 	              : normal 12px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
}

table.knps_table td {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	letter-spacing              : 0.15em;
	padding                     : 5px;
	border					            : 1px solid #ccc;
}

table.knps_table td.ll {
	text-align                  : left;
	padding-left                : 20px;
}

table.knps_table td.rr {
	text-align                  : right;
	padding-right                : 20px;
}


/* -------------------------------------------------------------- */
/* mnt_info */
/* -------------------------------------------------------------- */

#graph { position:relative; width:100%; }

.graph_tt { 
  background-image:url(./img/16-square-green.png); 
  background-repeat:no-repeat; 
  background-position:0px 7px; 
  padding-left:25px; 
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : left;
}

.graph_tt span { 
	font 				 	              : bold 20px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color:#009900;
}

.graph_text1 {
  background-image:url(./img/16-circle-green.png);
  background-repeat:no-repeat;
  background-position:0px 5px; 
  padding-left:25px;
  padding-bottom:0px;
  margin-left:20px;
  margin-top:5px;
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
	text-align                  : left;
}
.graph_text2 {
  background-image:url(./img/16-em-check.png);
  background-repeat:no-repeat;
  padding-left:25px;
  padding-bottom:5px;
  margin-left:0px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
}

table.graph_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear:both; 
  table-layout:fixed;
  margin-left:0px; margin-top:5px;
}

table.graph_table td {
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 20px;
	border					            : 1px solid #aaa;
}

table.graph_table td img{
  width                       : 560px;
  border                      : 0px;
}

/* -------------------------------------------------------------- */
/* cctv */
/* -------------------------------------------------------------- */

#kcctv { position:relative; width:100%; }

.kcctv_tt {
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : left;
}
.kcctv_tt img {
  margin-top:-7px;
  height:30px;
  border:0px;
}
.kcctv_tt span {
	font 				 	              : bold 20px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color:#009900;
}

.kcctv_text1 {
  background-image:url(./img/16-circle-green.png);
  background-repeat:no-repeat;
  background-position:0px 5px; 
  padding-left:25px;
  padding-bottom:0px;
  margin-left:20px;
  margin-top:5px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
	text-align                  : left;
	color                       : red;
}

.kcctv_text2 {
  background-image:url(./img/16-circle-green.png);
  background-repeat:no-repeat;
  background-position:0px 5px; 
  padding-left:25px;
  padding-bottom:0px;
  margin-left:20px;
  margin-top:5px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
	text-align                  : left;
}

table.kcctv_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear:both; 
  table-layout:fixed;
  margin-left:0px; margin-top:5px;
}

table.kcctv_table td {
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 20px;
	border					            : 1px solid #aaa;
}


/* -------------------------------------------------------------- */
/* drone */
/* -------------------------------------------------------------- */

#drone { position:relative; width:100%; }

.drone_tt { 
  background-image:url(./img/16-square-green.png); 
  background-repeat:no-repeat; 
  background-position:0px 7px; 
  padding-left:25px; 
	font 				 	              : bold 24px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : left;
}

.drone_tt span { 
	font 				 	              : bold 20px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color:#009900;
}

.drone_text1 {
  background-image:url(./img/16-circle-green.png);
  background-repeat:no-repeat;
  background-position:0px 5px; 
  padding-left:25px;
  padding-bottom:0px;
  margin-left:20px;
  margin-top:5px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
	text-align                  : left;
}
.drone_text2 {
  background-image:url(./img/16-em-check.png);
  background-repeat:no-repeat;
  padding-left:25px;
  padding-bottom:5px;
  margin-left:0px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
}

table.drone_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear:both; 
  table-layout:fixed;
  margin-left:0px; margin-top:5px;
}

table.drone_table th {
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 10px;
	border					            : 1px solid #aaa;
	background-color            : #fdf1ef;
}

table.drone_table td {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 10px;
	border					            : 1px solid #aaa;
}

table.drone_table td img{
  width                       : 80px;
  border                      : 0px;
}


/* -------------------------------------------------------------- */
/* course */
/* -------------------------------------------------------------- */
#course { clear:both; width:1200px; }

.coimg { float:left; width:180px; }
.cotxt { float:left; width:180px; height:25px; vertical-align:top; text-align:center; font-size:12px; font-weight:normal; color:#333; }

.comenu { clear:both; }
.comenu ul { width:100%; padding:0px; }
.comenu ul li { float:left; display:block; width:85px; height:47px; font-weight:bold; text-align:center; padding-top:4px; border:1px solid #6e78c8; border-right:0px; border-top-left-radius:7px; border-top-right-radius:3px; cursor:pointer; }
.comenu ul li.bg1 { font-size:12px; color:#333; background-color:#ffeeff; border-bottom:3px solid #3c44bf; }
.comenu ul li.bg1_on { font-size:13px; color:red; background-color:#ffeeff; border-bottom:3px solid #ff0000; }
.comenu ul li.bg2 { font-size:12px; color:#333; background-color:#eeffff; border-bottom:3px solid #3c44bf; }
.comenu ul li.bg2_on { font-size:13px; color:red; background-color:#eeffff; border-bottom:3px solid #ff0000; }
.comenu ul li.bg3 { font-size:12px; color:#333; background-color:#fffeee; border-bottom:3px solid #3c44bf; }
.comenu ul li.bg3_on { font-size:13px; color:red; background-color:#fffeee; border-bottom:3px solid #ff0000; }
.comenu ul li.bg4 { font-size:12px; color:#333; background-color:#eefff0; border-bottom:3px solid #3c44bf; }
.comenu ul li.bg4_on { font-size:13px; color:red; background-color:#eefff0; border-bottom:3px solid #ff0000; }
.comenu ul li span { font-size:12px; font-weight:normal; }


#course_img { float:left; position:relative; width:770px; height:300px; border:1px solid #979797; border-radius:3px; }
#course_ment { float:right; width:380px; height:280px; border:1px solid #979797; border-radius:3px; padding:10px; }

#coimg_tt { position:absolute; top:10px; left:10px; width:240px; background-image:url(./img/icon_1.jpg); background-repeat:no-repeat; font-size:12px; font-weight:bold; color:#555; }
#coimg_txt { float:left; font-size:14px; font-weight:normal; color:blue;  margin-top:20px; }
#coimg_txt1 { float:left; font-size:14px; font-weight:normal; color:red; over-flow:hidden; text-align:left; margin-top:20px; }
#coimg_txt2 { float:left; font-size:14px; font-weight:normal; color: #000; margin-top:10px; }
#coimg_txt2 img { vertical-align:middle; }
#coimg_txt span { font-weight:bold; }

#fall { text-align:center; font-size:12px; font-weight:bold; color:#fff; line-height:5%; }
#fall img { padding-top:5px; cursor:pointer; }
#fall span { font-weight:normal; }

#fall1 { text-align:center; font-size:12px; font-weight:bold; color:#fff; line-height:5%; }
#fall1 img { padding-top:5px; cursor:pointer; }
#fall1 span { font-weight:normal; }

#fall2 { text-align:center; font-size:12px; font-weight:bold; color:#fff; line-height:5%; }
#fall2 img { padding-top:5px; cursor:pointer; }
#fall2 span { font-weight:normal; }

#fall3 { text-align:center; font-size:12px; font-weight:bold; color:#fff; line-height:5%; }
#fall3 img { padding-top:5px; cursor:pointer; }
#fall3 span { font-weight:normal; }

#fall4 { text-align:center; font-size:12px; font-weight:bold; color:#fff; line-height:5%; }
#fall4 img { padding-top:5px; cursor:pointer; }
#fall4 span { font-weight:normal; }

#fall5 { text-align:center; font-size:12px; font-weight:bold; color:#fff; line-height:5%; }
#fall5 img { padding-top:5px; cursor:pointer; }
#fall5 span { font-weight:normal; }

#spot { position:absolute;z-index:101; top:20px; left:180px; width:400px; height:300px; padding-top:15px; background-color:#fff; text-align:center; font-size:13px; font-weight:bold; color:#555; border:2px solid #555; border-radius:5px; }
#spot img { width:360px; height:270px; padding-left:20px; padding-bottom:5px; }
#spot span { font-size:12px; font-weight:normal; }
#spot a { text-decoration:none; font-size:12px; font-weight:bold; color:blue; }
#spot a:hover { text-decoration:none; color:red; }
  

.spot { display:none;}

.slideshow {
  position: relative; /* À̹ÌÁö¸¦ °ãÃļ­ ¹èÄ¡Çϱâ À§ÇØ ÇÊ¿ä */
  width: 360px; /* ¿øÇÏ´Â ³Êºñ·Î ¼³Á¤ */
  height: 270px; /* ¿øÇÏ´Â ³ôÀÌ·Î ¼³Á¤ */
}

.slideshow img {
  position: absolute; /* À̹ÌÁö¸¦ °ãÃļ­ ¹èÄ¡Çϱâ À§ÇØ ÇÊ¿ä */
  top: 0;
  left: 0;
  width: 100%; /* ºÎ¸ð ¿ä¼Ò¿¡ ²Ë Â÷°Ô ¼³Á¤ */
  height: 100%; /* ºÎ¸ð ¿ä¼Ò¿¡ ²Ë Â÷°Ô ¼³Á¤ */
  display: none; /* Ãʱ⿡´Â ¼û±è */
}

.slideshow img.active {
  display: block; /* È°¼ºÈ­µÈ À̹ÌÁö¸¸ º¸ÀÌ°Ô ÇÔ */
}



/* -------------------------------------------------------------- */
/* pics_write */
/* -------------------------------------------------------------- */
table.pics_write {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear:both; 
  table-layout:fixed;
  margin-left:0px; margin-top:5px;
}

table.pics_write th {
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 10px;
	border					            : 1px solid #aaa;
	background-color            : #fdf1ef;
	width                       : 300px;
}

table.pics_write td {
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : left;
	padding                     : 10px;
	padding-left                : 30px;
	border					            : 1px solid #aaa;
}

table.pics_write td select {
  width                       : 180px;
  height                      : 30px; 
 	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color                       : #708090;
  border                      : 1px solid #708090;
  border-radius               : 3px; 
}

table.pics_write td input[type="date"] {
  width                       : 220px;
  height                      : 30px; 
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color                       : #708090;
  border                      : 1px solid #708090;
  border-radius               : 3px; 
}

table.pics_write td input[type="file"] {
  width                       : 450px;
  height                      : 30px; 
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color                       : #708090;
  border                      : 1px solid #708090;
  border-radius               : 3px; 
}

table.pics_write td input[type="submit"] {
  width                       : 380px;
	height                      : 40px;
	padding                     : 5px;
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  background-color            : #fd5e39;
	color                       : #ffffff;
	border                      : 1px solid #fd5e39;
	border-radius               : 5px;
}



/* -------------------------------------------------------------- */
/* pics_view */
/* -------------------------------------------------------------- */
.pics_view_l { float: left; width:290px; background-color: #ddd; padding: 5px; margin-bottom: 20px; border-radius:7px; }

table.pics_view {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 0px solid #aaa;
	background-color            : #fff;
	color                       : #000;
  clear                       : both; 
  table-layout                : fixed;
  margin-bottom               : 0px;
}

table.pics_view td {
  height                      : 24px;
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 5px;
	border					            : 0px solid #aaa;
}

table.pics_view td span {
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
}

table.pics_view td img {
  width                       : 260px;
  height                      : 195px;
  padding-top                 : 10px;
  padding-bottom              : 5px;
}

div.paging {
  clear                       : both;
  width                       : 100%;
  text-align                  : left;
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
}

div.paging a { text-decoration:none; color:blue; }
div.paging a:hover { text-decoration:none; color:red; }


/* -------------------------------------------------------------- */
/* base */
/* -------------------------------------------------------------- */
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mbm10 { margin-bottom:-10px; }

.pl3 { padding-left:3px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pt3 { padding-top:3px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pr3 { padding-right:3px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pb3 { padding-bottom:3px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }

.pt5p { padding-top:5%; }
.pt10p { padding-top:10%; }
.pt20p { padding-top:20%; }
.pt25p { padding-top:25%; }