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


.header .menu {
width: 56px;
height: 56px;
cursor: pointer;
background: url(../img/ic_menu_black_48dp.png) no-repeat center center;
background-size: auto 24px;
margin-right: -16px;}

.header .logo {
height: 56px;
background-size: auto 30px!important;}

.header .bg, .header {
min-height: 56px;}

.header {
box-shadow: 0 2px 5px rgba(0,0,0,0.26);}

.header .menu .ilayer {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;}

.header .slogan {
display: none;}

.header .bg {
padding-left: 16px;
padding-right: 16px;}

.header.fixed .menu {
background-image: url(../img/ic_menu_white_48dp.png);
}

.header .menu ul {
width: 200px;
background: #ffffff;
border-radius: 2px;
position: absolute;
top: 8px;
right: 8px;
text-align: left;
display: none;
padding-top: 8px;
padding-bottom: 8px;
box-shadow: 0 1px 5px rgba(0,0,0,0.26);}

.header .menu ul li {
display: block!important;
float: none!important;
padding: 0!important;
margin: 0!important;
line-height: auto!important;
min-height: 16px!important;
height: auto!important;}

.header .menu ul li a {
padding: 16px!important;
margin: 0!important;
height: auto;
float: none;
display: block!important;
font-size: 14px!important;
color: #333333!important;
min-height: 16px;
text-align: left!important;
text-transform: none!important;
font-weight: 400!important;
line-height: 16px!important;
text-decoration: none!important;
background: transparent!important;}

.header .menu ul li.signup {
display: none;}

.header .menu ul li a:hover {
background: #eeeeee!important;}

.header.fixed .menu ul li.cart a {
color: #e0e0e0!important;
}

.header.fixed .menu ul li.cart.active a {
color: #ff8800!important;
}

.header .menu ul li span.num {
position: absolute;
top: 16px;
right: 16px;
margin-left: 0;
color: #757575!important;
border: 2px solid #757575!important;}



.promo .box .inner .free {
left: 20px;
top: -30px;
 }
 
.meet {
padding-top: 24px;
padding-bottom: 48px;
}

.flash {
max-width: 100%;
bottom: 0;
left: 0;
right: 0;
border-radius: 0;}


.meet .sign {
position: relative;
display: inline-block;
margin-left: -1px;
right: auto;
top: -12px;}



.promo .box {
width: 100%;
border: 0;
margin: 0;}

.promo .box .inner {
padding: 20px;}

.promo .box .inner h1 {
font-size: 45px;
line-height: 45px;}

.items .item {
width: 50%;
}

.social {
padding-bottom: 70px;}


.content .col50 {
width: auto;
float: none;}

.content .inner {
padding: 8px;}

.content .tab .inner {
padding: 0;
}

.content .tabs {
padding-top: 0;
width: 100%!important;}

.tabs li {
width: 33.333333333%;}

.content .meet h2, .content .meet h3 {
text-align: left;
float: left;}

.content h3 {
margin-bottom: 16px;}

.content .tag {
top: -80px;}

.clicklayer .inner {
display: none;}

.content p.icon_info {
max-width: 100%;
text-align: left;
margin-left: 8px;
margin-right: 8px;}

.now-only {
left: auto;
top: -56px;
right: 8px;}



.quarantee {
margin-top: 32px;
margin-bottom: 32px;
}

#tab01a .inner p, #tab02a .inner p {
float: none;
text-align: left;}

* {
cursor: default!important;}

.contest .bg h2 {
text-align: right;
font-size: 34px;
line-height: 34px;
display: block;
float: none;
width: auto;
padding-right: 0;
border-right: 0;
margin-right: 5px;
margin-left: 0;
margin-bottom: 0;
padding-bottom: 0;
}


.contest .bg {
text-align: right;
background: url(../img/size_comparison_right_large.png) no-repeat -100px 48px;
background-size: 224px auto;
}

.shareus {
margin-right: 5px;
float: right;}