body { background-color:#000 !important; color:#FFF !important; }
/*override bootstrap*/
.h3 { margin-top: 25px; }
/*override bootstrap*/
.fc-yellow { color: #fff92b; }
.fc-green { color: #00b69f; }
.fc-green-2 { color: #008371; }
.fc-blue { color: #028fd6; }
.fc-black { color: #000; }
.bgc-black { background-color: #000; }
.bgc-orange { background-color: #ffc100; }
.bgc-green { background-color: #00b69f; }
.bgc-green-2 { background-color: #9dc001; }
.bgc-green-3 { background-color: #ccf0ec; }
.bgc-green-4 { background-color: #008473; }
.btn-1 { background:url(../images/bg/btn-1.jpg) repeat-x top #8a8a8a !important; color: #FFF !important; }
.btn-1:hover, .btn-1:active {  color: #f1f1f1; }
.bg-btn-1, .bg-btn-1:active { background:url(../images/bg/btn-1.jpg) repeat-x top #282828; color: #FFF; padding:6px 60px; }
a.bg-btn-1:hover {color: #f1f1f1; }
a.bg-btn-1:focus {color: #fff; }
.bg-btn-2, .bg-btn-1:active { background:url(../images/bg/btn-1.jpg) repeat-x top #282828; color: #FFF; padding:6px 45px; }
a.bg-btn-2:hover {color: #f1f1f1; }
a.bg-btn-2:focus {color: #fff; }
.bc-green { border-color: #00b69f; }
.b-1-grey { border:1px solid #ccc; }
.blc-white { border-left-color: #FFF; }
.brc-white { border-right-color: #FFF; }
.blrc-white { border-left-color: #FFF; border-right-color: #FFF; }
.p-0 { padding: 0; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.pb-20 { padding-bottom:20px; }
.pb-30 { padding-bottom:30px; }
.plr-5 { padding-left: 5px; padding-right: 5px; }
.pr-5 { padding-right: 5px; }
.plr-10 { padding-left: 10px; padding-right: 10px; }
.mb-5 { margin-bottom:5px; }
.thumbnail-wrapper { width: 70%; margin: 0 auto; }
.thumbnail-wrapper img { position: relative; }
.product-type { font-size:12px; background-color: #00b69f; color: #FFF; line-height: 30px; margin-right: 1px; }
.product-class { font-size:12px; color: #FFF; line-height: 30px; margin-left: 1px; }
.product-class-new { background-color: #ffc100; }
.product-class-a { background-color: #019be3; }
.product-class-b { background-color: #ff6769; }
.product-class-c { background-color: #9dc001; }
#grad1 { color: #FFF; border-radius: 15px; background: -webkit-linear-gradient(#1abda8, #00b69f); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#1abda8, #00b69f); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#1abda8, #00b69f); /* For Firefox 3.6 to 15 */ background: linear-gradient(#1abda8, #00b69f); /* Standard syntax (must be last) */ }
.btn-group .btn { border-radius: 20px; line-height: 1; padding: 10px 20px; }
.gallery-thumb.active img { border: 2px solid #ccc; }
.btn-group .btn { font-size:14px; }

.table-detail { display: none; }

.radial-center {
  /* fallback */
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#000), to(#fff));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #000, #fff);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #000, #fff);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #000, #fff);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}
/*#navbar { margin-top:60px; }*/
.product-name{ font-size:16px; font-weight:bold; }
.srp { font-size:12px; color:#aaa; }
.brl-10 { -webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;}
.brr-10 { 
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}


.title-40 { background:url(../images/bg/fff.jpg) repeat-x center; height:41px; line-height:41px; font-size:20px; }
.title-40 span { background-color:#000; padding:0 15px; }

.bs-dotted { border-style: dotted; }
.bs-dashed { border-style: dashed;}

.fc-blue { color:#36abd6 !important; }

a#p_toCN {
    background-image: url("/resources/includes/header/images/p_toCN.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 20px;
}
a#p_toCN:hover {
    background-position: 0 -20px;
}
a#p_toEN {
    background-image: url("/resources/includes/header/images/p_toEN.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 20px;
}
a#p_toEN:hover {
    background-position: 0 -20px;
}
.end{position: absolute; top: 10px; left: 0; right: 0; z-index: 10; height: 200px; background-color: rgba(149,149,149,0.6);  margin: 0;}
.end div{font-size: 20px; color: #FFFFFF; line-height: 200px; font-weight: bold; text-shadow: 1px 1px   #000000 ;}


@media (min-width: 768px) {
.btn-group .btn { font-size:14px; }
.product-type { font-size:14px;}
.product-class { font-size:14px; }
.navbar-collapse.collapse  { display:none !important; }
.end{top: 100px; left: 0; height: 450px; }
.end div{font-size: 40px; line-height: 450px; }
}