/*** MODULE-PAGE CSS ***/

/* Font
--------------------------------------------------------------------------*/

.tx-xs{ font-size:55% !important;}
.tx-s{ font-size:75% !important;}
.tx-m{ font-size:120% !important;}
.tx-l{ font-size:150% !important;}

.lh-s{ line-height:120%;}
.lh-m{ line-height:150%;}
.lh-l{ line-height:190%;}

.c-red{color:#CC0000 !important;}
.c-org{color:#FF6600 !important;}
.c-blue{color:#3366FF !important;}
.c-green{color:#006633 !important;}

.fw-bd{ font-weight:bold !important;}
.fw-nl{ font-weight:normal !important;}

/* background color
--------------------------------------------------------------------------*/

.tdc-1a{background-color:#ffc36b !important;}
.tdc-1b{background-color:#ffdda7 !important;}
.tdc-1c{background-color:#fff0da !important;}

.tdc-2a{background-color:#ff96a6 !important;}
.tdc-2b{background-color:#ffc2cc !important;}
.tdc-2c{background-color:#ffe5e9 !important;}

.tdc-3a{background-color:#9696ff !important;}
.tdc-3b{background-color:#c2c3ff !important;}
.tdc-3c{background-color:#e5e5ff !important;}

.tdc-4a{background-color:#8dd4ff !important;}
.tdc-4b{background-color:#b9e6ff !important;}
.tdc-4c{background-color:#def3ff !important;}

.tdc-5a{background-color:#c7ff72 !important;}
.tdc-5b{background-color:#daff9c !important;}
.tdc-5c{background-color:#e8fdc6 !important;}

.tdc-6a{background-color:#ffe957 !important;}
.tdc-6b{background-color:#ffef88 !important;}
.tdc-6c{background-color:#fff8ba !important;}

.tdc-7a{background-color:#c8c8c8 !important;}
.tdc-7b{background-color:#dcdcdc !important;}
.tdc-7c{background-color:#eeeeee !important;}

.sld-l-pink{
	background:#ffd4d4 !important;
}

.gr-red{
	background: #e02139;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e02139), to(#c30f26));
	background: -webkit-linear-gradient(#e02139, #c30f26);
	background: -moz-linear-gradient(#e02139, #c30f26);
	background: -ms-linear-gradient(#e02139, #c30f26);
	background: -o-linear-gradient(#e02139, #c30f26);
	background: linear-gradient(#e02139, #c30f26);
	-pie-background: linear-gradient(#e02139, #c30f26);
	behavior: url(/PIE.htc);
}

.gr-blue{
	background: #216de0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#216de0), to(#0c4dad));
	background: -webkit-linear-gradient(#216de0, #0c4dad);
	background: -moz-linear-gradient(#216de0, #0c4dad);
	background: -ms-linear-gradient(#216de0, #0c4dad);
	background: -o-linear-gradient(#216de0, #0c4dad);
	background: linear-gradient(#216de0, #0c4dad);
	-pie-background: linear-gradient(#216de0, #0c4dad);
	behavior: url(/PIE.htc);
}


/* Layout
--------------------------------------------------------------------------*/

.img-p-right{ float:right; }

.mt-z{margin-top:0px !important;}
.mt-s{margin-top:10px !important;}
.mt-m{margin-top:25px !important;}
.mt-l{margin-top:50px !important;}

.mb-z{margin-bottom:0px !important;}
.mb-s{margin-bottom:10px !important;}
.mb-m{margin-bottom:25px !important;}
.mb-l{margin-bottom:50px !important;}

.mr-z{margin-right:0px !important;}
.mr-s{margin-right:10px !important;}
.mr-m{margin-right:25px !important;}
.mr-l{margin-right:50px !important;}

.ml-z{margin-left:0px !important;}
.ml-s{margin-left:10px !important;}
.ml-m{margin-left:25px !important;}
.ml-l{margin-left:50px !important;}

.pb-z{padding-bottom:0px !important;}
.pb-s{padding-bottom:10px !important;}
.pb-m{padding-bottom:25px !important;}
.pb-l{padding-bottom:50px !important;}

.pt-z{padding-top:0px !important;}
.pt-s{padding-top:10px !important;}
.pt-m{padding-top:25px !important;}
.pt-l{padding-top:50px !important;}

.pr-z{padding-right:0px !important;}
.pr-s{padding-right:10px !important;}
.pr-m{padding-right:25px !important;}
.pr-l{padding-right:50px !important;}

.pl-z{padding-left:0px !important;}
.pl-s{padding-left:10px !important;}
.pl-m{padding-left:25px !important;}
.pl-l{padding-left:50px !important;}

.a-center{text-align:center !important;}
.a-right{text-align:right !important;}
.a-left{text-align:left !important;}

.f-clear{ float:none !important;}
.f-left{ float:left !important;}

/* line
--------------------------------------------------------------------------*/

.ud-line-s{
	border-bottom: solid 1px #D7D7D7;
}

.ud-line-d{
	border-bottom: dotted 1px #CCC;
}

.ud-line-n{
	border-bottom: none !important;
}

/* Width Height
--------------------------------------------------------------------------*/

.wdh10 { width:10%; }
.wdh20 { width:20%; }
.wdh30 { width:30%; }
.wdh40 { width:40%; }
.wdh50 { width:50%; }
.wdh60 { width:60%; }
.wdh70 { width:70%; }
.wdh80 { width:80%; }
.wdh90 { width:90%; }
.wdh100 { width:100%; }

@media screen and (max-width: 660px) {
	
.wdh10 { width:15%; }
.wdh20 { width:25%; }
.wdh30 { width:35%; }
.wdh40 { width:45%; }
.wdh50 { width:55%; }
.wdh60 { width:65%; }
.wdh70 { width:75%; }
}

@media screen and (max-width: 400px) {
	
.wdh10 { width:20%; }
.wdh20 { width:30%; }
.wdh30 { width:40%; }
.wdh40 { width:50%; }
.wdh50 { width:60%; }
.wdh60 { width:70%; }
.wdh70 { width:80%; }
}

/* iFrame
--------------------------------------------------------------------------*/

.iframe-cnt {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  margin-bottom:30px;
  height: 0;
  overflow: hidden;
}
.iframe-cnt iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Clear
--------------------------------------------------------------------------*/

.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */