@charset "UTF-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
img {
    max-width: 100%;
}

/*----------------------------------------------------------
common
----------------------------------------------------------*/


/* 1.0 Margin
----------------------------------------------------------*/
/* margin-top */
.mt_0 {
    margin-top: 0px !important;
}

.mt_5 {
    margin-top: 5px !important;
}

.mt_10 {
    margin-top: 10px !important;
}

.mt_15 {
    margin-top: 15px !important;
}

.mt_20 {
    margin-top: 20px !important;
}

.mt_30 {
    margin-top: 30px !important;
}

.mt_40 {
    margin-top: 40px !important;
}

.mt_50 {
    margin-top: 50px !important;
}

.mt_60 {
    margin-top: 60px !important;
}

.mt_70 {
    margin-top: 70px !important;
}

.mt_80 {
    margin-top: 80px !important;
}

.mt_90 {
    margin-top: 90px !important;
}

.mt_100 {
    margin-top: 100px !important;
}

/* margin-right */
.mr_0 {
    margin-right: 0px !important;
}

.mr_10 {
    margin-right: 10px !important;
}

.mr_20 {
    margin-right: 20px !important;
}

.mr_30 {
    margin-right: 30px !important;
}

.mr_40 {
    margin-right: 40px !important;
}

.mr_50 {
    margin-right: 50px !important;
}

.mr_60 {
    margin-right: 60px !important;
}

.mr_70 {
    margin-right: 70px !important;
}

.mr_80 {
    margin-right: 80px !important;
}

.mr_90 {
    margin-right: 90px !important;
}

.mr_100 {
    margin-right: 100px !important;
}

/* margin-bottom */
.mb_0 {
    margin-bottom: 0px !important;
}

.mb_5 {
    margin-bottom: 5px !important;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.mb_30 {
    margin-bottom: 30px !important;
}

.mb_40 {
    margin-bottom: 40px !important;
}

.mb_50 {
    margin-bottom: 50px !important;
}

.mb_60 {
    margin-bottom: 60px !important;
}

.mb_70 {
    margin-bottom: 70px !important;
}

.mb_80 {
    margin-bottom: 80px !important;
}

.mb_90 {
    margin-bottom: 90px !important;
}

.mb_100 {
    margin-bottom: 100px !important;
}

/* margin-left */
.ml_0 {
    margin-left: 0px !important;
}

.ml_10 {
    margin-left: 10px !important;
}

.ml_20 {
    margin-left: 20px !important;
}

.ml_30 {
    margin-left: 30px !important;
}

.ml_40 {
    margin-left: 40px !important;
}

.ml_50 {
    margin-left: 50px !important;
}

.ml_60 {
    margin-left: 60px !important;
}

.ml_70 {
    margin-left: 70px !important;
}

.ml_80 {
    margin-left: 80px !important;
}

.ml_90 {
    margin-left: 90px !important;
}

.ml_100 {
    margin-left: 100px !important;
}

/* 2.0 Padding
----------------------------------------------------------*/
/* padding-top */
.pt_0 {
    padding-top: 0px !important;
}

.pt_5 {
    padding-top: 5px !important;
}

.pt_10 {
    padding-top: 10px !important;
}

.pt_20 {
    padding-top: 20px !important;
}

.pt_30 {
    padding-top: 30px !important;
}

.pt_40 {
    padding-top: 40px !important;
}

.pt_50 {
    padding-top: 50px !important;
}

.pt_60 {
    padding-top: 60px !important;
}

.pt_70 {
    padding-top: 70px !important;
}

.pt_80 {
    padding-top: 80px !important;
}

.pt_90 {
    padding-top: 90px !important;
}

.pt_100 {
    padding-top: 100px !important;
}

/* padding-right */
.pr_0 {
    padding-right: 0px !important;
}

.pr_10 {
    padding-right: 10px !important;
}

.pr_20 {
    padding-right: 20px !important;
}

.pr_30 {
    padding-right: 30px !important;
}

.pr_40 {
    padding-right: 40px !important;
}

.pr_50 {
    padding-right: 50px !important;
}

.pr_60 {
    padding-right: 60px !important;
}

.pr_70 {
    padding-right: 70px !important;
}

.pr_80 {
    padding-right: 80px !important;
}

.pr_90 {
    padding-right: 90px !important;
}

.pr_100 {
    padding-right: 100px !important;
}

.pr_120 {
    padding-right: 120px !important;
}

/* padding-bottom */
.pb_0 {
    padding-bottom: 0px !important;
}

.pb_5 {
    padding-bottom: 5px !important;
}

.pb_10 {
    padding-bottom: 10px !important;
}

.pb_20 {
    padding-bottom: 20px !important;
}

.pb_30 {
    padding-bottom: 30px !important;
}

.pb_40 {
    padding-bottom: 40px !important;
}

.pb_50 {
    padding-bottom: 50px !important;
}

.pb_60 {
    padding-bottom: 60px !important;
}

.pb_70 {
    padding-bottom: 70px !important;
}

.pb_80 {
    padding-bottom: 80px !important;
}

.pb_90 {
    padding-bottom: 90px !important;
}

.pb_100 {
    padding-bottom: 100px !important;
}

/* padding-left */
.pl_0 {
    padding-left: 0px !important;
}

.pl_10 {
    padding-left: 10px !important;
}

.pl_20 {
    padding-left: 20px !important;
}

.pl_30 {
    padding-left: 30px !important;
}

.pl_40 {
    padding-left: 40px !important;
}

.pl_50 {
    padding-left: 50px !important;
}

.pl_60 {
    padding-left: 60px !important;
}

.pl_70 {
    padding-left: 70px !important;
}

.pl_80 {
    padding-left: 80px !important;
}

.pl_90 {
    padding-left: 90px !important;
}

.pl_100 {
    padding-left: 100px !important;
}

.pl_120 {
    padding-left: 120px !important;
}