a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.main-content { max-width: 1920px; margin: auto auto; padding: 20px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

#toTop { position: fixed; bottom: 14px; right: 14px; display: none; z-index: 10; }
#toTop i { font-size: 38px; color: #da4448; cursor: pointer; }

input, textarea { outline: 0 !important; }
.custom-input { background: #eee; border: 0; margin: 0; padding: 10px; cursor: pointer; width: 100%; }

.brdcrmb { margin-top: 6px; }
.brdcrmb a { }
.brdcrmb a.active { color: #da4448; }
.brdcrmb a:after { content: "/"; display: inline-block; margin-left: 10px; margin-left: 5px; }
.brdcrmb a:last-child:after { display: none; }

/********************* HEADER *********************/
header { background: #000; padding: 20px 30px; position: relative; min-height: 92px; }
header .pull-left,
header .pull-right { position: relative; z-index: 2; }
header .pull-right { text-align: right; }
header .pull-left a,
header .pull-right a { display: inline-block; vertical-align: top; font-size: 16px; color: #fff; line-height: 52px; }
header .pull-left a:hover,
header .pull-right a:hover { color: #da4448; }
header .pull-left i,
header .pull-right i { margin-right: 10px; }
header .logo { position: absolute; top: 20px; left: 0; width: 100%; text-align: center; z-index: 1; }
header .logo a { display: inline-block; }

header .mob-menu-toggle { display: none; text-align: center; margin-top: 30px; }
header .mob-menu-toggle a { display: inline-block; font-size: 24px; color: #fff; }
header .mob-menu-toggle a i { margin-right: 6px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { padding: 20px; }
footer .copy { text-align: center; }
footer .copy > div { display: inline-block; vertical-align: middle; }
footer .copy > div a { }
footer .copy > div:last-child { margin-left: 10px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.main-content { }
.main-content .pull-left { width: 280px; position: relative; }
.main-content .pull-left ul li.Spacer { display: none; }

.main-content .pull-left .main-menu li { margin-top: 10px; }
.main-content .pull-left .main-menu li:first-child { margin-top: 0; }
.main-content .pull-left .main-menu li a { display: block; background-color: #eee; padding: 6px 10px; }
.main-content .pull-left .main-menu li a.active { color: #da4448; }
.main-content .pull-left .main-menu li ul { margin-top: 10px; display: none; }
.main-content .pull-left .main-menu li ul.active { display: block; }
.main-content .pull-left .main-menu li ul li { margin-top: 4px; }
.main-content .pull-left .main-menu li ul li a { padding: 0; background-position: top 5px left 10px; background-repeat: no-repeat; background-color: transparent; padding-left: 30px; }
.main-content .pull-left .main-menu li ul li a.cat { background-image: url(../img/red/icon-cat.png); }
.main-content .pull-left .main-menu li ul li a.page { background-image: url(../img/red/icon-page.png); }
.main-content .pull-left .main-menu li ul li a.add { background-image: url(../img/red/icon-add.png); }
.main-content .pull-left .main-menu li ul li a.account { background-image: url(../img/red/icon-account.png); }

#menu a:hover,
#menu a.active { color: #da4448; }
.close-menu { cursor: pointer; }

.main-content .pull-right { width: 100%; margin-left: -280px; }
.main-content .pull-right .ins { padding-left: 300px; }
.main-content .pull-right .ins .ttl { margin-top: 30px; }
.main-content .pull-right .ins .ttl h1 { margin: 0; font-size: 30px; color: #da4448; font-weight: 600; }
.main-content .pull-right .ins .ttl h2 { margin: 0; font-size: 24px; color: #da4448; font-weight: 600; }
.main-content .pull-right .ins .txt { margin-top: 20px; }
.main-content .pull-right .ins .lnks { margin-top: 20px; }
.main-content .pull-right .ins .lnks ul li { margin-top: 10px; margin-left: 10px; }
.main-content .pull-right .ins .lnks ul li:first-child { margin-left: 0; }
.main-content .pull-right .ins .lnks ul li a { display: block; font-size: 18px; color: #fff; background: #da4448; padding: 10px 15px; }
.main-content .pull-right .ins .lnks ul li a:hover { background: #c9302c; }
.main-content .pull-right .ins .lnks ul li a i { margin-right: 8px; }
.main-content .pull-right .ins .lst { padding-top: 10px; }
.main-content .pull-right .ins .lst ul li { margin-top: 10px; }
/********************* HOMEPAGE *********************/

/********************* LOGIN *********************/
.user-login { max-width: 600px; margin: auto auto; padding-bottom: 30px; }
.user-login .ttl { margin-top: 30px; }
.user-login .ttl h1 { margin: 0; font-size: 30px; color: #da4448; font-weight: 600; }
.user-login .txt { margin-top: 20px; }
.user-login .frm { margin-top: 20px; }
.user-login .inpt { margin: 10px auto 0 auto; max-width: 400px; }
.user-login .inpt input { background: #eee; border: 0; margin: 0; padding: 0 10px; width: 100%; height: 40px; cursor: pointer; text-align: center; }
.user-login .lnk { margin-top: 20px; }
.user-login .lnk a { }
.user-login .mybtn { margin-top: 20px; text-align: center; }
.user-login .mybtn input { display: inline-block; margin: 0; padding: 6px 18px; background: #da4448; border: 0; color: #fff; font-size: 16px; cursor: pointer; }
.user-login .mybtn input:hover { background: #c9302c; }
/********************* LOGIN *********************/

@media only screen and (max-width: 991px) { /* .col-md- */
header .mob-menu-toggle { display: block; }

.main-content .pull-left { /*float: none !important; width: 100%;*/ display: none; }
.main-content .pull-right { float: none !important; margin-left: 0; }
.main-content .pull-right .ins { padding-left: 0; }
}

@media only screen and (max-width: 767px) { /* .col-xs- */
.main-content { padding: 10px; }

header { padding-left: 10px; padding-right: 10px; min-height: auto; }
header .pull-left { margin-top: 20px; }
header .pull-right { margin-top: 10px; }
header .pull-left,
header .pull-right { float: none !important; text-align: center; }
header .pull-left a,
header .pull-right a { display: block; line-height: normal; }
header .logo { position: relative; top: auto; left: auto; }

footer { padding-left: 10px; padding-right: 10px; }

.user-login { padding-bottom: 10px; }
.user-login .ttl { margin-top: 10px; }
}

@media only screen and (max-width: 640px) {
.main-content .pull-right .ins .lnks ul li { display: block; margin-left: 0; }
.main-content .pull-right .ins .lnks ul li div { display: inline-block; }
}