@import 'basic.css';

body.compact{position:relative;}
#promo{margin-bottom:0;}
#intro{margin-bottom:0;}

#cate-list{margin-top:30px;margin-bottom:20px;padding:5px 10px;border-top:1px solid #ccc;background-color:#efefef;}
#tip-lists{}
.tips{margin:0 0 20px;padding:0;list-style-type:none;display:none;}
.tips li{clear:both;margin-bottom:1px;}
.tips h3{margin:0;font-weight:normal;font-size:16px;}
.tips li.on h3{font-weight:bold;}
.tips h3 a{padding:4px 10px 4px 4px;text-decoration:none;color:#fff !important;display:-moz-inline-box; display:inline-block;line-height:1.6em;font-weight:bold;}
.tips h3 a:hover, .tips li.on h3 a{background-color:#365789;font-weight:bold;}
.tips h3 span.num{display:-moz-inline-box; display:inline-block;width:1.2em;margin-right:5px;text-align:center;padding:0 4px;font-weight:bold;}
.tips h3 span.txt{padding-right:20px;background:url(img/plus_rainbow.gif) no-repeat right top;}
.tips li.on h3 span.txt{background-image:url(img/minus_rainbow.gif);}
.tips li span.new{padding-left:7px;color:red;font-weight:bold;font-size:12px;position:relative;top:-7px;}

.detail{border:1px solid #e0e0e0;margin:0;padding:1em;position:relative;display:none;}
.on .detail{display:block;}
li > .detail{overflow:auto;}
* html li div.detail{height: 0%;}
.detail .media{float:left;margin:0 1em 0 0;border:1px solid #ccc;width:450px;}
.detail .media-img{border:0;width:280px;}
.detail .g-button{margin-bottom:0;}
.hasMedia .g-button{float:left;width:200px;}
.tipname{display:block;margin-bottom:10px;}
.tipdesc ul{margin-left:0;padding-left:25px;list-style-position:inside;list-style-type:disc;}
.tipdesc li{clear:none;}
.hasMedia .tipdesc{}

.tips form {border: 1px solid #CCC; float: left; padding: 1em; background: #f2f2f2;}
.tips input {margin-right: 0.5em; width: 120px;}
.tips .submit{width: auto !important;}

.tips p.share {margin:0;padding:10px 0 0;clear:both;text-align:right;color:#666;float:left;width:100%;}
.tips p.share input {display: inline; width: 200px; }

.tips .prodlist{list-style-type:none;margin-left:0;padding-left:20px;margin-bottom:0;}
.tips .prodlist li{height:32px;line-height:32px;padding-left:34px;margin-bottom:5px;font-weight:bold;font-size:14px;}
.tips .prodlist li.prodlist-link{background:url(img/favicon.png) no-repeat left center;}
.tips .prodlist li.prodlist-form{background:url(img/search.gif) no-repeat left center;font-weight:normal;font-size:12px;}
  .tips .prodlist li a{color:#369;}
  .tips .prodlist li a:hover{color:#09c;}
  .tips .prodlist li form{border:0;float:none;padding:0;background:transparent;margin:0;}
.tips .hasMedia .prodlist{float:left;padding-left:20px;margin-left:0;}

#permalink{color:#666;font-size:14px;float:right;margin:0;padding:0;margin-top:-60px;}

ul.tabs{margin:0 0 20px;list-style-type:none;background-color:#ebeff9;border-bottom:1px solid #6d90da;height:30px;padding:0 5px;clear:both;}
  ul.tabs li{float:left;height:20px;line-height:20px;margin:9px 2px 0;padding:0 10px;color:#03c;text-decoration:underline;cursor:pointer;}
  ul.tabs li.on{background-color:#fff;border:1px solid #6d90da;border-bottom:0;margin:5px 5px -1px;font-weight:bold;color:#000;text-decoration:none;position:relative;padding-top:4px;height:21px;cursor:text;}
  ul.tabs li.special{float:right;text-decoration:none;}
  ul.tabs li span.new{color:red;font-weight:bold;}