.relative { position: relative; }
.grid{ width:100% !important; max-width:1200px !important;}
/*#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-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; }




/*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; }*/

.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-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:#000000; 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-cat { color:#df242f !important; padding:3px 20px; font-size:24px; letter-spacing:2px; border:1px solid #df242f; background-color:#FFFFFF;
}

a.btn-cat:hover, a.btn-cat:active, a.btn-cat.active  { color:#FFFFFF !important; background-color:#df242f !important;}



.mobilenav div{background-color:#374a60;}
.mobilenav div.on{background-color:#FFFFFF;}
.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%;}

.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:#FF7600; padding:10px 25px; border-radius:10px; color:#FFFFFF; font-size:18px;}
.btn-elink:hover, .btn-elink:active{ background-color:#fe9338; 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:20px; color:#C40003;}

.countdown-timer-wrapper {
  border-radius: 5px;
  margin-bottom: 20px;
  max-width: 300px;
  margin: 0 auto;
}

.countdown-timer-wrapper h5 {
  font-size: 14px;
  letter-spacing: 0.5px;
  text-align: center;
  padding-top: 10px;
  text-shadow: none;
}

.countdown-timer-wrapper .timer {
  padding: 10px;
  text-align: center;
  padding-bottom: 15px;
}

.countdown-timer-wrapper .timer .timer-wrapper {
  display: inline-block;
  width: 60px;
  height: 50px;
}

.countdown-timer-wrapper .timer .timer-wrapper .time {
  font-size: 28px;
  font-weight: bold;
  color: #000000;
}

.countdown-timer-wrapper .timer .timer-wrapper .text {
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}

.navmenu{ background-color:transparent;}

.navmenu ul{ margin:0 auto;}
.navmenu ul li{ line-height:30px;}
.navmenu ul li a{ display:block;}
.gift{ border-right:1px solid #E1E1E1; padding:15px;}

.gifttext{ font-size:20px;}

.content {
	border-radius:15px;
	padding:15px;
	position:relative;
	display:none;
}
.content.on{ display:block;}
.products{ height:200px;}
.description{ font-size:12px;}
.name{ font-size:14px;}
.topmsg{position:absolute; top:-40px; left:10px; right: auto; z-index:10; background-color:#FFFFFF; padding:0 10px;}
.price{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; font-size:40px; vertical-align:middle; padding-right:15px;}
.number{ color:#808080;}
.buynow{position:absolute; bottom:15px; right:15px;}

.pro-01{	
    border-bottom:1px solid #f44601;
	border-top:1px solid #f44601;
	border-left:6px double #f44601;
	border-right:6px double #f44601;
	color:#f44601;
}
.line{ background:url(../images/dot.jpg) center repeat-x;}
.line span{ background-color:#FFFFFF; padding:10px 20px; font-size:24px; color:#df242f;}
.line-01{ background:url(../images/dot-1.jpg) center repeat-x;}
.line-01 span{ background-color:#FFFFFF; padding:10px 20px; font-size:20px; color:#f44601;}
.org-01{ padding:10px 10px 4px 10px; background-color:#f44601; color:#FFFFFF; vertical-align:text-top;}


.pro-02{	
    border-bottom:1px solid #f59000;
	border-top:1px solid #f59000;
	border-left:6px double #f59000;
	border-right:6px double #f59000;
	color:#f59000;
}
.line-02{ background:url(../images/dot-2.jpg) center repeat-x;}
.line-02 span{ background-color:#FFFFFF; padding:10px 20px; font-size:20px; color:#f59000;}
.org-02{ padding:10px 10px 4px 10px; background-color:#f59000; color:#FFFFFF; vertical-align:text-top;}

.pro-03{	
    border-bottom:1px solid #599ced;
	border-top:1px solid #599ced;
	border-left:6px double #599ced;
	border-right:6px double #599ced;
	color:#599ced;
}
.line-03{ background:url(../images/dot-3.jpg) center repeat-x;}
.line-03 span{ background-color:#FFFFFF; padding:10px 20px; font-size:20px; color:#599ced;}
.org-03{ padding:10px 10px 4px 10px; background-color:#599ced; color:#FFFFFF; vertical-align:text-top;}

.pro-04{	
    border-bottom:1px solid #b856d1;
	border-top:1px solid #b856d1;
	border-left:6px double #b856d1;
	border-right:6px double #b856d1;
	color:#b856d1;
}
.line-04{ background:url(../images/dot-3.jpg) center repeat-x;}
.line-04 span{ background-color:#FFFFFF; padding:10px 20px; font-size:20px; color:#b856d1;}
.org-04{ padding:10px 10px 4px 10px; background-color:#b856d1; color:#FFFFFF; vertical-align:text-top;}

.pro-05{	
    border-bottom:1px solid #f4007e;
	border-top:1px solid #f4007e;
	border-left:6px double #f4007e;
	border-right:6px double #f4007e;
	color:#f4007e;
}
.line-05{ background:url(../images/dot-3.jpg) center repeat-x;}
.line-05 span{ background-color:#FFFFFF; padding:10px 20px; font-size:20px; color:#f4007e;}
.org-05{ padding:10px 10px 4px 10px; background-color:#f4007e; color:#FFFFFF; vertical-align:text-top;}

@media (max-width:767px) {
.topmsg{ top:-35px; left:25px; right: 25px;}
.price{ font-size:24px;}
.line-01 span{ font-size:16px; padding:10px 2px;}
.org-01{ padding:5px}
.line-02 span{ font-size:16px; padding:10px 2px;}
.org-02{ padding:5px}
.line-03 span{ font-size:16px; padding:10px 2px;}
.org-03{ padding:5px}
.navmenu{ background-color:#df242f;}
a.btn-cat{ border-radius:0;}
.description{ font-size:10px;}
.name{ font-size:12px;}


.gift{ border-right:0px solid #E1E1E1;}
.price{ text-align:left;}
.gifttext{ font-size:16px;}

.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%;}

}
.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;
}