#main-content{ color: #1b1b1b;}
.relative { position: relative; }

.fs-pink{color: #c7836e;}
.title{  font-weight: 600; font-size: 24px;}
.promo-date span{ font-size: 18px; padding: 5px 20px; color: #c7836e;}
.table{ width: 100%;}
.offer-list{font-size: 1rem; padding: 5px;}
.fz-yellow{color:rgba(254,135,0,1.00);}
.free {color:#E35450; font-weight: 600;}
.right-border{border-right: 1px solid #c7836e;}
.box{box-shadow: 1px 1px 8px #cccccc; padding: 15px; height: auto; background-color: #FFFFFF;
    color: #343434;}
.btn-black{ color: #ff8e48 !important; background-color:rgba(0,0,0,1.00); padding: 10px 25px; font-size: 20px; font-weight: 600;}
.btn-black:last-child{font-weight: 400;}
.btn-black:hover, .btn-black:active{background-color:rgba(0,0,0,0.8);}
.p-15{padding: 15px;}

.btn-offer{ background-color: rgba(222,185,96,1.0); color: #FFFFFF !important; padding: 5px 20px; border-radius: 15px; }
.btn-offer:hover, .btn-offer:active{background-color: rgba(222,185,96,0.7);}

.sub-title>span{ font-size: 24px; border-radius: 20px; border: 5px solid #ff8e48; color:#ff8e48; padding: 10px 20px; letter-spacing: 3px; font-weight: 500;}
.sub-title-w>span{ font-size: 24px; border-radius: 20px; border: 5px solid #FFFFFF; color:#FFFFFF; padding: 10px 20px; letter-spacing: 3px; font-weight: 500;}
/*#page-main-content a { color:#20a69c !important; }
#page-main-content a:hover { color:#333 !important; }
#page-main-content a.btn { color:#fff !important; }
#page-main-content a.btn:hover { background-color:#005040 !important; }*/
.nav-wrap a { color: #2F2F2F !important; }
.nav-wrap a:hover, .nav-wrap a:active, a.btnCate.selected { color: #C40003 !important; }
.submenu{ border-bottom:4px solid #C40003;}
hr { margin: 20px 0 !important; }
.wrap { padding: 0 15px; }
.grid { width: 100% !important; padding: 0 15px !important; }
.row { margin-left: -15px; margin-right: -15px; }
.fz-36 { font-size: 36px; }
.fz-24 { font-size: 24px; }
.fz-20 { font-size: 20px; }
.fz-18 { font-size: 18px; }
.fz-16 { font-size: 16px; }
.fz-14 { font-size: 14px; }
.fz-12 { font-size: 12px; }
.fz-10 { font-size: 10px; }
.fc-red { color: #980317; }
.fc-green { color: #005040; }
.fc-white { color: #fff; }
.fc-orange { color:#FF6400}
.fc-gift { color:#eb452b}
.bgc-green { background-color: #005040; }
.bgc-red { background-color: #374a60; }
.hr-green { border-color: #005040; border-style: dashed; }
.spacer-10 { height: 10px; }
.spacer-20 { height: 20px; }
.spacer-40 { height: 40px; }
.spacer-90 { height: 90px; }
.nm { list-style: square; }
.colorbox-wrap1 { position: absolute; left: 0; bottom: 0; }
.colorbox { display: block; float: left; margin-right: 3px; border: 1px solid #999; }
.colorbox.active { }
.colorbox-inner { display: block; height: 20px; width: 20px; text-align: center; line-height: 20px; color: #333; }
.colorbox-inner .fa-stack { display: none; font-size: 8px; }
.colorbox.active .colorbox-inner .fa-stack { display: inline-block; }
.colorbox1 { display: block; float: left; border: 1px solid #ccc; margin-right: 3px; }
.colorbox1.active { border: 1px solid #000; }
.colorbox-inner1 { display: block; background-color: #ff0; border: 2px solid #fff; height: 20px; width: 20px; }
.colorbox1.active .colorbox-inner1 { border: 2px solid #000; }
.btn-n { display: inline-block; }
.btn-o { display: none; }
.btnCate-xs.selected .btn-n { display: none; }
.btnCate-xs.selected .btn-o { display: inline-block; }
.ico-edu { width: 60%; }
.owl-theme .owl-controls { margin-top: 0; padding-top: 20px; }
.price-wrap { height: 40px; background-color: #333; line-height: 40px; color: #fff; }
.pl-15 { padding-left: 15px; }
.plr-15 { padding-left: 15px; padding-right: 15px; }
a.btn-buy { padding: 0 15px; height: 40px; display: block; color: #FFFFFF !important; background-color:  rgba(255,145,180,1.0); }
a.btn-sold{ background-color:#666666; color: #fff !important; padding: 0 15px; height: 40px; }
a.btn-buy:hover,a.btn-buy:active { background-color:  rgba(255,145,180,0.7); }
a.btn-sold:hover, a.btn-sold:active {background-color:#666666; color: #fff !important;}

a.btn-buy-1 { padding: 0 15px; height: 40px; display: block; color: #fff !important; background-color: rgba(2,76,133,1.00); }
a.btn-buy-1:hover { background-color: rgba(2,76,133,0.90); }
/*a.btn-spec { padding: 0 15px; height: 40px; display: block; color: #fff !important; background-color: #000; }*/

/*change*/
a.btn-spec { padding: 0 15px; height: 40px; display: block; color: #fff !important; background-color: rgba(32,166,156,1.00); }
a.btn-spec:hover { background-color: rgba(32,166,156,0.90); }

a.btn-spec:hover { background-color: #666; }
.modal-content { width: 600px; margin: 0 auto; }
.modal-header { padding: 15px !important; }
.modal-backdrop { background-color: rgba(0, 0, 0, 0.8) !important; }
/* nav */
/*.nav-wrap { height: 40px; background-color: #ccc; color: #3a3a3a; line-height: 40px; }*/
.b-left{border-right: 1px solid #FFFFFF;}
.nav-home { padding: 0 15px; height: 40px; display: block; color: #fff; background-color: #005040; }
.nav-cate { padding: 0 15px; height: 40px; display: block; color: #fff; background-color: #20a69c; }
.nav-cate-xs { text-align: center; padding: 0 15px; height: 36px; line-height: 36px; display: block; color: #fff; background-color: #20a69c; }
.btnCheckOut { padding: 0 15px; height: 40px; display: block; color: #fff; background-color: #000; }
/* nav end */

#idList { display: none; }
.slider{
   background:url("../images/banner/left_v2.png") no-repeat top left,url("../images/banner/right_v2.png") no-repeat top right,
	   #daf0fb;
  -webkit-background-size: auto 100%, auto 100%,auto auto;
  -moz-background-size: auto 100%, auto 100%,auto auto;
  -o-background-size: auto 100%, auto 100%,auto auto;
  background-size: auto 100%, auto 100%,auto auto;

}
.slider_m{
   background: url("../images/banner/icon.jpg") repeat top left;
  -webkit-background-size: auto auto;
  -moz-background-size: auto auto;
  -o-background-size: auto auto;
  background-size: auto auto;

}
.slider-wrap { background: url(../images/bg_4.jpg) top repeat-x; }
.b_cat{ font-size:24px !important; padding:5px 10px;}
.s_cat{ font-size:16px !important; padding:15px 20px;}
.s_cat.highlight{ padding:0;}
.s_cat.on{ display:block;}
/*.grad2 { background-color:#343434; color: #fff; font-size: 24px; height: 80px;}*/
.grad2 { background-color:#f7a017; color: #fff; font-size: 20px;}
/*.grad3 { background-color:#f7a017; color: #fff;}*/

.catname{padding:2px 0px;}



a.btn-menu { color:#FFFFFF !important; padding:5px 25px; font-size:20px; letter-spacing:2px; background-color:transparent !important;
}
a.btn-menu:hover, a.btn-menu:active, a.btn-menu.active { color:#ff7a95 !important; background-color:#FFFFFF !important;}

.mobilenav div{background-color:#374a60;}
.mobilenav div.on{background-color:#FFFFFF;}
.grid{ max-width:1070px !important;}
.popimg img{ width:80%;}
.list-group { margin:0 auto !important;}

.list-group li { padding: 5px 0px; border-top: 1px solid;}

.list-group li.skin { padding:0px}
.sub-group { margin:0 auto !important; font-size:14px;}
.sub-group li { padding: 3px 0px; border-top: 0px solid; border-bottom: 1px solid;}
.sub-group li.last{border-top: 0px solid; border-bottom: 0px solid;}
.re_banner{ width:100%;}
.topmsg{position:absolute; top:0; right:0; z-index:999; padding:2px 5px; background-color: rgba(246,86,137,0.8); color:#FFFFFF; font-size: 12px; border-radius: 10px;}
.msg{ text-align:center;}
.msg span{ font-size:18px; color:#C30307;}
.ecoupon{ padding:5px 40px; border:1px solid #323232; font-size:20px;}
.btn-elink{ background-color:#ff6c00; padding:10px 25px; border-radius:10px; color:#FFFFFF; font-size:18px;}
.btn-elink:hover, .btn-elink:active{ background-color:#cf5b06; color:#FFFFFF;}

.btn-red{ background-color: #C10003; padding:10px 25px; border-radius:10px; color:#FFFFFF !important; font-size:18px;}
.btn-ewd:hover, .btn-red:active{ background-color: #C74A4C; color:#FFFFFF !important;}
.offer{ font-size:18px; color:#024c71; border-top: 5px  double #024c71; border-bottom: 5px  double #024c71; padding: 5px 20px; }
.countdown-timer-wrapper {
  border-radius: 5px;
  margin-bottom: 20px;
  max-width: 300px;
  margin: 0 auto;
}


.navmenu{
background: #ff7a95;}

.navmenu ul{ margin:0 auto;}
.navmenu ul li{ line-height:30px;}
.navmenu ul li a{ display:block;}
.gift{ padding:15px;}
.rightb{ border-right:1px solid #E1E1E1; }
.f-list span{ padding-left:6px;}
.f-list:before{content: "-"; /* Insert content that looks like bullets */
    padding-right: 4px;}
.gifttext{ font-size:20px;}
.price{ text-align:center;}
.subtitle{ color:rgba(196,46,46,1.00);}
.offer-title { font-size:24px; letter-spacing:4px; color:#024c71;}
.disabled {
        pointer-events: none;
        cursor: default;
    }
.discount{	
	padding: 5px 8px;
	background-color: #ef3434;
	color: #FFFFFF;
	border-radius: 15px;
}
@media (max-width:767px) {
.b-left{border-right: 0}
.title{ font-size: 20px;}
.promo-date span{ font-size: 16px;}
.right-border{border-right: 0;}
.gift{ border-right:0px solid #E1E1E1;}
.rightb{ border-right:0px solid #E1E1E1; }
.price{ text-align:left;}
.gifttext{ font-size:16px;}
.offer{ font-size:16px;}
.offer-title { font-size:20px; }
.slider-wrap { background: none; }
.modal-content { width: 100%; margin: 0 auto; }
.ico-edu { width: 100%; }
.row-xs { margin-left: -15px; margin-right: -15px; }
a.btnCate { }
.b_cat{ font-size:18px !important;}
.s_cat{ font-size:14px !important; padding:10px 10px;}
.grad2 { background-color:#000000; color: #fff; font-size: 24px; height: 70px;}
.popimg img{ width:100%;}
.box{height: auto;}
.sub-title>span{  border: 3px solid #ff8e48; color:#ff8e48; padding: 5px 15px; letter-spacing: 0px; }
.sub-title-w>span{  border: 3px solid #FFFFFF; color:#FFFFFF; padding: 5px 15px; letter-spacing: 0px;}

}
.title-login { height: 40px; line-height: 40px; background-color: #ccc; }
.btn-default { background-color: #20a69c !important; }
/* reset */
.modal { display: none; }
.nav > li > a:focus, .nav > li > a:hover { background-color: transparent !important; text-decoration: none; }
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { content: " "; display: table; }
.clearfix::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after { clear: both; }
.form-control { background-color: #fff !important; background-image: none !important; border: 1px solid #ccc !important; border-radius: 0px !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important; color: #777 !important; display: block !important; font-size: 14px !important; height: 34px !important; line-height: 1.42857 !important; padding: 6px 12px !important; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; }
.radio, .checkbox { min-height: 18px; padding-left: 0 !important; }
/* new */
.grad1 { background-color:#000000; color: #fff; font-size: 24px; height: 50px; line-height: 50px;}

a.btn-cate { padding:10px 15px;}
.hidden {
    display: none;
}