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

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
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;
}

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


/* 1.0 Margin
----------------------------------------------------------*/
/* margin-top */
.mg_t0 {
	margin-top: 0px !important;
}
.mg_t5 {
	margin-top: 5px !important;
}
.mg_t10 {
	margin-top: 10px !important;
}
.mg_t15 {
	margin-top: 15px !important;
}
.mg_t20 {
	margin-top: 20px !important;
}
.mg_t30 {
	margin-top: 30px !important;
}
.mg_t40 {
	margin-top: 40px !important;
}
.mg_t50 {
	margin-top: 50px !important;
}
.mg_t60 {
	margin-top: 60px !important;
}
.mg_t70 {
	margin-top: 70px !important;
}
.mg_t80 {
	margin-top: 80px !important;
}
.mg_t90 {
	margin-top: 90px !important;
}
.mg_t100 {
	margin-top: 100px !important;
}
/* margin-right */
.mg_r0 {
	margin-right: 0px !important;
}
.mg_r10 {
	margin-right: 10px !important;
}
.mg_r20 {
	margin-right: 20px !important;
}
.mg_r30 {
	margin-right: 30px !important;
}
.mg_r40 {
	margin-right: 40px !important;
}
.mg_r50 {
	margin-right: 50px !important;
}
.mg_r60 {
	margin-right: 60px !important;
}
.mg_r70 {
	margin-right: 70px !important;
}
.mg_r80 {
	margin-right: 80px !important;
}
.mg_r90 {
	margin-right: 90px !important;
}
.mg_r100 {
	margin-right: 100px !important;
}
/* margin-bottom */
.mg_b0 {
	margin-bottom: 0px !important;
}
.mg_b5 {
	margin-bottom: 5px !important;
}
.mg_b10 {
	margin-bottom: 10px !important;
}
.mg_b20 {
	margin-bottom: 20px !important;
}
.mg_b30 {
	margin-bottom: 30px !important;
}
.mg_b40 {
	margin-bottom: 40px !important;
}
.mg_b50 {
	margin-bottom: 50px !important;
}
.mg_b60 {
	margin-bottom: 60px !important;
}
.mg_b70 {
	margin-bottom: 70px !important;
}
.mg_b80 {
	margin-bottom: 80px !important;
}
.mg_b90 {
	margin-bottom: 90px !important;
}
.mg_b100 {
	margin-bottom: 100px !important;
}
/* margin-left */
.mg_l0 {
	margin-left: 0px !important;
}
.mg_l10 {
	margin-left: 10px !important;
}
.mg_l20 {
	margin-left: 20px !important;
}
.mg_l30 {
	margin-left: 30px !important;
}
.mg_l40 {
	margin-left: 40px !important;
}
.mg_l50 {
	margin-left: 50px !important;
}
.mg_l60 {
	margin-left: 60px !important;
}
.mg_l70 {
	margin-left: 70px !important;
}
.mg_l80 {
	margin-left: 80px !important;
}
.mg_l90 {
	margin-left: 90px !important;
}
.mg_l100 {
	margin-left: 100px !important;
}
/* 2.0 Padding
----------------------------------------------------------*/
/* padding-top */
.pd_t0 {
	padding-top: 0px !important;
}
.pd_t5 {
	padding-top: 5px !important;
}
.pd_t10 {
	padding-top: 10px !important;
}
.pd_t20 {
	padding-top: 20px !important;
}
.pd_t30 {
	padding-top: 30px !important;
}
.pd_t40 {
	padding-top: 40px !important;
}
.pd_t50 {
	padding-top: 50px !important;
}
.pd_t60 {
	padding-top: 60px !important;
}
.pd_t70 {
	padding-top: 70px !important;
}
.pd_t80 {
	padding-top: 80px !important;
}
.pd_t90 {
	padding-top: 90px !important;
}
.pd_t100 {
	padding-top: 100px !important;
}
/* padding-right */
.pd_r0 {
	padding-right: 0px !important;
}
.pd_r10 {
	padding-right: 10px !important;
}
.pd_r20 {
	padding-right: 20px !important;
}
.pd_r30 {
	padding-right: 30px !important;
}
.pd_r40 {
	padding-right: 40px !important;
}
.pd_r50 {
	padding-right: 50px !important;
}
.pd_r60 {
	padding-right: 60px !important;
}
.pd_r70 {
	padding-right: 70px !important;
}
.pd_r80 {
	padding-right: 80px !important;
}
.pd_r90 {
	padding-right: 90px !important;
}
.pd_r100 {
	padding-right: 100px !important;
}
.pd_r120 {
	padding-right: 120px !important;
}
/* padding-bottom */
.pd_b0 {
	padding-bottom: 0px !important;
}
.pd_b5 {
	padding-bottom: 5px !important;
}
.pd_b10 {
	padding-bottom: 10px !important;
}
.pd_b20 {
	padding-bottom: 20px !important;
}
.pd_b30 {
	padding-bottom: 30px !important;
}
.pd_b40 {
	padding-bottom: 40px !important;
}
.pd_b50 {
	padding-bottom: 50px !important;
}
.pd_b60 {
	padding-bottom: 60px !important;
}
.pd_b70 {
	padding-bottom: 70px !important;
}
.pd_b80 {
	padding-bottom: 80px !important;
}
.pd_b90 {
	padding-bottom: 90px !important;
}
.pd_b100 {
	padding-bottom: 100px !important;
}
/* padding-left */
.pd_l0 {
	padding-left: 0px !important;
}
.pd_l10 {
	padding-left: 10px !important;
}
.pd_l20 {
	padding-left: 20px !important;
}
.pd_l30 {
	padding-left: 30px !important;
}
.pd_l40 {
	padding-left: 40px !important;
}
.pd_l50 {
	padding-left: 50px !important;
}
.pd_l60 {
	padding-left: 60px !important;
}
.pd_l70 {
	padding-left: 70px !important;
}
.pd_l80 {
	padding-left: 80px !important;
}
.pd_l90 {
	padding-left: 90px !important;
}
.pd_l100 {
	padding-left: 100px !important;
}
.pd_l120 {
	padding-left: 120px !important;
}

/*column*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    justify-content: center;
    align-items: center;
  margin-left: -40px; }

.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.col {
  width: 100%;
  margin-left: 40px; }

.row-col-2 > .col {
  width: calc((100% / 2) - 40px); }

.row-col-3 > .col {
  width: calc((100% / 3) - 40px); }

.row-col-4 > .col {
  width: calc((100% / 4) - 40px); }

@media (max-width: 768px) {
  .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0; }
  .row-col-2 > .col,
  .row-col-3 > .col,
  .row-col-4 > .col {
    width: 100%;
    margin-left: 0; }
  .row-col-sm-2 > .col {
    width: calc((100% / 2) - 20px); }
  .row-col-sm-3 > .col {
    width: calc((100% / 3) - 20px); }
  .row-col-sm-4 > .col {
    width: calc((100% / 4) - 20px); } }


/* display */
.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.block {
  display: block; }

.btn {
  display: block;
  padding: 10px;
  text-decoration: none;
  border-radius: 10px; }

/* font */
.fs_9 {
  font-size: 9px;
  font-size: 0.9rem; }

.fs_10 {
  font-size: 10px;
  font-size: 1rem; }

.fs_11 {
  font-size: 11px;
  font-size: 1.1rem; }

.fs_12 {
  font-size: 12px;
  font-size: 1.2rem; }

.fs_13 {
  font-size: 13px;
  font-size: 1.3rem; }

.fs_14 {
  font-size: 14px;
  font-size: 1.4rem; }

.fs_15 {
  font-size: 15px;
  font-size: 1.5rem; }

.fs_16 {
  font-size: 16px;
  font-size: 1.6rem; }

.fs_17 {
  font-size: 17px;
  font-size: 1.7rem; }

.fs_18 {
  font-size: 18px;
  font-size: 1.8rem; }

.fs_19 {
  font-size: 19px;
  font-size: 1.9rem; }

.fs_20 {
  font-size: 20px;
  font-size: 2rem; }

.fs_21 {
  font-size: 21px;
  font-size: 2.1rem; }

.fs_22 {
  font-size: 22px;
  font-size: 2.2rem; }

.fs_23 {
  font-size: 23px;
  font-size: 2.3rem; }

.fs_24 {
  font-size: 24px;
  font-size: 2.4rem; }

.fs_25 {
  font-size: 25px;
  font-size: 2.5rem; }

.fs_26 {
  font-size: 26px;
  font-size: 2.6rem; }

.fs_27 {
  font-size: 27px;
  font-size: 2.7rem; }

.fs_28 {
  font-size: 28px;
  font-size: 2.8rem; }

.fs_29 {
  font-size: 29px;
  font-size: 2.9rem; }

.fs_30 {
  font-size: 30px;
  font-size: 3rem; }

.fs_31 {
  font-size: 31px;
  font-size: 3.1rem; }

.fs_32 {
  font-size: 32px;
  font-size: 3.2rem; }

.fs_33 {
  font-size: 33px;
  font-size: 3.3rem; }

.fs_34 {
  font-size: 34px;
  font-size: 3.4rem; }

.fs_35 {
  font-size: 35px;
  font-size: 3.5rem; }

.fs_36 {
  font-size: 36px;
  font-size: 3.6rem; }

.fs_37 {
  font-size: 37px;
  font-size: 3.7rem; }

.fs_38 {
  font-size: 38px;
  font-size: 3.8rem; }

.fs_39 {
  font-size: 39px;
  font-size: 3.9rem; }

.fs_40 {
  font-size: 40px;
  font-size: 4rem; }

/* color */
/* link */
a:hover {
  opacity: .7;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.ta_center {
    text-align: center;
}