.relative { position: relative; }
/*#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: #56aed5 !important; }
.nav-wrap a:hover, a.btnCate.selected { color: #4f4f4f !important;}

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: #f00; }
.fc-green { color: #005040; }
.fc-white { color: #fff; }
.fc-orange { color:#FF6400}
.fc-gift { color:#eb452b}
.bgc-green { background-color: #005040; }
.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; }
a.btn-buy { padding: 0 15px; height: 40px; display: block; color: #fff !important; background-color: rgba(32,166,156,1.00); }
a.btn-buy:hover { background-color: rgba(32,166,156,0.90); }

a.btn-buy-1 { padding: 0 15px; height: 40px; display: block; color: #fff !important; background-color: rgba(32,166,156,1.00); }
a.btn-buy-1:hover { background-color: rgba(32,166,156,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; }*/
.nav-wrap {background-color: #fff; color: #56aed5; border-bottom:3px solid #56aed5; border-left:3px solid #56aed5; border-right:3px solid #56aed5;}
.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:10px 20px;}
/*.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;}*/
.grad3 { background-color:#56aed5; color: #fff;}
.catname{padding:2px 0px;}
a.btn-cat { color:#FFFFFF !important; padding:5px 15px; font-size:24px; letter-spacing:3px;}
a.btn-cat:hover, a.btn-cat:active, a.btn-cat.active  { color:#4f4f4f !important; border-bottom:3px solid #4f4f4f !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%;}
@media (max-width:767px) {

.nav-wrap {border-bottom:1px solid #56aed5; border-left:1px solid #56aed5; border-right:1px solid #56aed5;}
a.btn-cat:hover, a.btn-cat:active, a.btn-cat.active  {border-bottom:0px solid #4f4f4f !important;}
.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;}
a.btn-cat{ font-size:20px;}
.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;
}