@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400, 700'); 
@charset "utf-8";

/* CSS Document */
/* New header and footer - start */
/*body {
  background-color: #454545;
  margin-left: 5px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}*/
/* New header and footer - end */


input.info {
  border: 1px #CCCCCC solid;
  color: #666666;
}

textarea {
  border: 1px #CCCCCC solid;
  resize: none; /* safari & chrome */
  color: #666666;
  font-size: 13px;
}

/*body {
  font: 80% arial, 新細明體, mingliu;
}*/
/* New header and footer - start */
/*body {font:normal 80% arial, 新細明體, mingliu; background:url(../images/img_body_bg.gif) top repeat-x; background-color:#FFFFFF; font-size:13px; color:#666666}*/
body {padding:0; margin:0 auto; width:1000px; font-family:arial, mingliu,新細明體; font-size:13px; color:#666;}
/* New header and footer - end */

table {
  font-size: inherit;
  font: 100%;
}

select,input,textarea {
  font: 95% arial, 新細明體, mingliu;
}

h1,h1 span,span.head {
  font-size: 17px;
}

h2,h2 span,span.head {
  font-size: 15px;
  margin-bottom: 0px;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
}

#header {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  line-height: 17px;
  font-weight: normal;
  font-variant: normal;
  color: #666666;
  text-decoration: none;
  width: 980px;
  background-color: #191919;
}

#maincontent { 
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 13px;
  font-style: normal;
  line-height: 17px;
  font-weight: normal;
  font-variant: normal;
  color: #dcdcdc;
  text-decoration: none;
  width: 1000px;
  background-color: #dcdede;
}

#today {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  line-height: 17px;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  width: 170px;
  height: 260px;
  padding-top: 4px;
  background-color: #ffffff;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border: 1px solid;
}

#information { 
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 13px;
  font-style: normal;
  line-height: 17px;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  width: 170px;
  background-color: #ffffff;
  border-top-color: #e0e0e0;
  border-right-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
  border-left-color: #e0e0e0;
  padding-top: 4px;
  background-color: #ffffff;
}

#trend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  line-height: 17px;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  width: 170px;
  height: 260px;
  background-color: #ffffff;
}

#FOOTER {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 17px;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    width: 1000px;
    padding-top:14px;
    background-color: #191919;
    clear:both;
    display:table;
}
#FOOTER span {
    font-size: 13px;
    font-weight: normal;
    color: #c5c5c5;
}

#FOOTER a { font-size: 13px; COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: normal; }
#FOOTER a:hover { font-size: 13px; COLOR: #ffffff; FONT-WEIGHT: normal;  text-decoration:underline}

#banner250 {
/*  background-image: url(../images/ban250_bg.gif);
  background-repeat: repeat-x;    */
  background-color:#fff;
}

#banner100 {
/*  background-image: url(../images/ban100_bg.gif);
  background-repeat: repeat-x; */
  background-color:#fff;
}

/*top banner Area*/
#topbanner {
  width: 1000px;
}

/*top banner button Areaup*/
#topbannerbutnav {
  display: block;
  width: 23px;
  height: 130px;
  float: left;
  z-index: 0;
  margin-top: 50px;
}

/*banner close button*/
.topbannerbutnav a {
  float: left;
  position: relative;
  background-image: url(../images/banner_close.gif);
  background-repeat: no-repeat;
  display: block;
  width: 23px;
  height: 24px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.topbannerbutnav a:hover {
  float: left;
  background-image: url(../images/banner_close_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 23px;
  height: 24px;
  text-decoration: none !important;
}

.topbannerbutnav span {
  float: left;
  position: absolute;
  left: 14px;
  top: 6px;
  margin: 0;
  cursor: pointer;
  color: #bf6765;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none !important;
}

/*left information section button*/
.informbutnav a {
  float: left;
  background-image: url(../images/left_inform_but.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 130px;
  height: 23px;
  color: #525252;
  font-weight: bold;
  font-size: 13px;
  padding-left: 30px;
  padding-top: 10px;
  text-decoration: none !important;
}

.informbutnav a:hover {
  float: left;
  background-image: url(../images/left_inform_but_o.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 130px;
  height: 23px;
  color: #978e44;
  font-weight: bold;
  font-size: 13px;
  padding-left: 30px;
  padding-top: 10px;
  text-decoration: none !important;
}

/*left product search section bluebutton*/
.leftsearchbutnav a {
  float: left;
  background-image: url(../images/left_inform_but.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 130px;
  height: 23px;
  color: #525252;
  font-weight: bold;
  font-size: 13px;
  padding-left: 30px;
  padding-top: 10px;
  text-decoration: none !important;
}

.leftsearchbutnav a:hover {
  float: left;
  background-image: url(../images/left_inform_but_blue_o.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 130px;
  height: 23px;
  color: #008de0;
  font-weight: bold;
  font-size: 13px;
  padding-left: 30px;
  padding-top: 10px;
  text-decoration: none !important;
}

/*left product search section purple button*/
.leftsearchpurplebutnav a {
  float: left;
  background-image: url(../images/left_inform_but.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 130px;
  height: 23px;
  color: #525252;
  font-weight: bold;
  font-size: 13px;
  padding-left: 30px;
  padding-top: 10px;
  text-decoration: none !important;
}

.leftsearchpurplebutnav a:hover {
  float: left;
  background-image: url(../images/left_inform_but_purple_o.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 130px;
  height: 23px;
  color: #7d6dcb;
  font-weight: bold;
  font-size: 13px;
  padding-left: 30px;
  padding-top: 10px;
  text-decoration: none !important;
}

/*top banner button areadown*/
#topbannerbutdownnav {
  display: block;
  width: 23px;
  height: 130px;
  float: left;
  z-index: 0;
  margin-top: 50px;
}

/*banner open button*/
.topbannerbutdownnav a {
  float: left;
  position: relative;
  background-image: url(../images/banner_open.gif);
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
  text-align: left;
}

.topbannerbutdownnav a:hover {
  float: left;
  background-image: url(../images/banner_open_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
  text-decoration: none !important;
}

.topbannerbutdownnav span {
  float: left;
  position: absolute;
  left: 14px;
  top: 6px;
  margin: 0;
  cursor: pointer;
  color: #bf6765;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none !important;
}

/*compare close button*/
.compareclose a {
  float: left;
  background-image: url(../images/close_box.gif);
  background-repeat: no-repeat;
  display: block;
  width: 28px;
  height: 30px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.compareclose a:hover {
  float: left;
  background-image: url(../images/close_box_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 28px;
  height: 30px;
  text-decoration: none !important;
}

/*compare close small button*/
.comparecloses a {
  float: left;
  background-image: url(../images/close_boxs.gif);
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.comparecloses a:hover {
  float: left;
  background-image: url(../images/close_boxs_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
  text-decoration: none !important;
}

/*compare close medium button*/
.compareclosem a {
  float: left;
  background-image: url(../images/close_boxm.gif);
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.compareclosem a:hover {
  float: left;
  background-image: url(../images/close_boxm_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
  text-decoration: none !important;
}

/*green_search*/
.greensearch a {
  float: left;
  background-image: url(../images/hk/green_search.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.greensearch a:hover {
  float: left;
  background-image: url(../images/hk/green_search_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  text-decoration: none !important;
}

/*peach_search*/
.peachsearch a {
  float: left;
  background-image: url(../images/hk/peach_search.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.peachsearch a:hover {
  float: left;
  background-image: url(../images/hk/peach_search_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  text-decoration: none !important;
}

/*blue_search*/
.bluesearch a {
  float: left;
  background-image: url(../images/hk/blue_search.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.bluesearch a:hover {
  float: left;
  background-image: url(../images/hk/blue_search_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  text-decoration: none !important;
}

/*aqura_search*/
.aqurasearch a {
  float: left;
  background-image: url(../images/hk/aqura_search.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.aqurasearch a:hover {
  float: left;
  background-image: url(../images/hk/aqura_search_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  text-decoration: none !important;
}

/*blue_price*/
.blueprice a {
  float: left;
  background-image: url(../images/hk/blue_price.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #666666;
  width: 82px;
  height: 22px;
  text-decoration: none !important;
}

.blueprice a:hover {
  float: left;
  background-image: url(../images/hk/blue_price_o.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #ffffff;
  width: 82px;
  height: 22px;
  text-decoration: none !important;
}

/*blue_review*/
.bluereview a {
  float: left;
  background-image: url(../images/blue_review.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #666666;
  width: 82px;
  height: 22px;
  text-decoration: none !important;
}

.bluereview a:hover {
  float: left;
  background-image: url(../images/blue_review_o.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #ffffff;
  width: 82px;
  height: 22px;
  text-decoration: none !important;
}

/*blue_suggest*/
.bluesuggest a {
  float: left;
  background-image: url(../images/hk/blue_suggest.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #666666;
  width: 82px;
  height: 22px;
  text-decoration: none !important;
}

.bluesuggest a:hover {
  float: left;
  background-image: url(../images/hk/blue_suggest_o.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #ffffff;
  width: 82px;
  height: 22px;
  text-decoration: none !important;
}

/*pop button grey*/
.popbutgrey a {
  float: left;
  background-image: url(../images/popbutgrey.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #666666;
  width: 82px;
  height: 22px;
  text-decoration: none !important;
}

.popbutgrey a:hover {
  float: left;
  background-image: url(../images/popbutgrey_o.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #2f2f2f;
  width: 82px;
  height: 22px;
  text-decoration: none !important;
}

/*compare button grey*/
.comparebutgrey a {
  float: left;
  background-image: url(../images/comparebutgrey.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #666666;
  width: 72px;
  height: 22px;
  text-decoration: none !important;
}

.comparebutgrey a:hover {
  float: left;
  background-image: url(../images/comparebutgrey_o.gif);
  background-repeat: no-repeat;
  display: block;
  line-height: 13px;
  vertical-align: middle;
  padding-top: 4px;
  color: #2f2f2f;
  width: 72px;
  height: 22px;
  text-decoration: none !important;
}

/*empty_search*/
.emptysearch a {
  float: left;
  background-image: url(../images/hk/empty_search.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.emptysearch a:hover {
  float: left;
  background-image: url(../images/hk/empty_search_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 61px;
  height: 23px;
  text-decoration: none !important;
}

/*save_clip*/
.saveclip a, .saveclip-pink a, .saveclip-purpure a, .saveclip-purpure-b a {
  float: left;
  background-image: url(../images/save_clip.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}

.saveclip a span, .saveclip-pink a span, .saveclip-purpure a span, .saveclip-purpure-b a span {
  display: inline-block;
  width: 59px;
  margin-left: 21px;
  margin-top: 3px;
  text-align: center;
}

.saveclip a:hover {
  float: left;
  background-image: url(../images/save_clip_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}
.saveclip-pink a:hover {
  float: left;
  background-image: url(../images/hk/article/save_clip_o_pink.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}
.saveclip-purpure a:hover {
  float: left;
  background-image: url(../images/hk/article/save_clip_o_purpure.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}
.saveclip-purpure-b a:hover {
  float: left;
  background-image: url(../images/hk/article/save_clip_o_purpure-b.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}
/*reply */
.reply a, .reply-pink a, .reply-purpure a, .reply-purpure-b a {
  float: left;
  background-image: url(../images/reply.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}

.reply a span, .reply-pink a span, .reply-purpure a span, .reply-purpure-b a span {
  display: inline-block;
  width: 59px;
  margin-left: 21px;
  margin-top: 3px;
  text-align: center;
}

.reply a:hover {
  float: left;
  background-image: url(../images/reply_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}
.reply-pink a:hover {
  float: left;
  background-image: url(../images/hk/article/reply_o_pink.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}
.reply-purpure a:hover {
  float: left;
  background-image: url(../images/hk/article/reply_o_purpure.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}
.reply-purpure-b a:hover {
  float: left;
  background-image: url(../images/hk/article/reply_o_purpure-b.gif);
  background-repeat: no-repeat;
  display: block;
  width: 80px;
  height: 20px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none !important;
}
/*Compare*/
.compareprod a {
  float: left;
  background-image: url(../images/compare_clip.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 76px;
  height: 29px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  padding-top: 7px;
  font-size: 13px;
  padding-left: 42px;
  text-decoration: none !important;
}

.compareprod a:hover {
  float: left;
  background-image: url(../images/compare_clip_o.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 76px;
  height: 29px;
  color: #5d98ba;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  padding-top: 7px;
  font-size: 13px;
  padding-left: 42px;
  text-decoration: none !important;
}

/*Compare*/
.compareotherprod a {
  float: left;
  background-image: url(../images/compare_clip.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 86px;
  height: 29px;
  color: #525252;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  padding-top: 7px;
  font-size: 13px;
  padding-left: 32px;
  text-decoration: none !important;
}

.compareotherprod a:hover {
  float: left;
  background-image: url(../images/compare_clip_o.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 86px;
  height: 29px;
  color: #5d98ba;
  line-height: 13px;
  vertical-align: middle;
  font-weight: normal;
  padding-top: 7px;
  font-size: 13px;
  padding-left: 32px;
  text-decoration: none !important;
}

/*FontSize 1 */
a.fontsize1 {
  float: left;
  background-image: url(../images/fontsize01.gif);
  background-repeat: no-repeat;
  display: block;
  width: 14px;
  height: 20px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

a.fontsize1:hover {
  float: left;
  background-image: url(../images/fontsize01_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 14px;
  height: 20px;
  text-decoration: none !important;
}

/*FontSize 2 */
a.fontsize2 {
  float: left;
  background-image: url(../images/fontsize02.gif);
  background-repeat: no-repeat;
  display: block;
  width: 21px;
  height: 20px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

a.fontsize2:hover {
  float: left;
  background-image: url(../images/fontsize02_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 21px;
  height: 20px;
  text-decoration: none !important;
}

/*FontSize 3 */
a.fontsize3 {
  float: left;
  background-image: url(../images/fontsize03.gif);
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

a.fontsize3:hover {
  float: left;
  background-image: url(../images/fontsize03_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  text-decoration: none !important;
}

/*FontSize 4 */
a.fontsize4 {
  float: left;
  background-image: url(../images/fontsize04.gif);
  background-repeat: no-repeat;
  display: block;
  width: 22px;
  height: 20px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

a.fontsize4:hover {
  float: left;
  background-image: url(../images/fontsize04_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 22px;
  height: 20px;
  text-decoration: none !important;
}

/*nav_bg_change01*/
.menubutnav1 a {
  float: left;
  background-image: url(../images/hk/mainnav1.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.menubutnav1 a:hover {
  float: left;
  background-image: url(../images/hk/mainnav1_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  text-decoration: none !important;
}

/*nav_bg_change02*/
.menubutnav2 a {
  float: left;
  background-image: url(../images/hk/mainnav2.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.menubutnav2 a:hover {
  float: left;
  background-image: url(../images/hk/mainnav2_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  text-decoration: none !important;
}

/*nav_bg_change03*/
.menubutnav3 a {
  float: left;
  background-image: url(../images/hk/mainnav3.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.menubutnav3 a:hover {
  float: left;
  background-image: url(../images/hk/mainnav3_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  text-decoration: none !important;
}

/*nav_bg_change04*/
.menubutnav4 a {
  float: left;
  background-image: url(../images/hk/mainnav4.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.menubutnav4 a:hover {
  float: left;
  background-image: url(../images/hk/mainnav4_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  text-decoration: none !important;
}

/*nav_bg_change05*/
.menubutnav5 a {
  float: left;
  background-image: url(../images/hk/mainnav5.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.menubutnav5 a:hover {
  float: left;
  background-image: url(../images/hk/mainnav5_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 72px;
  height: 21px;
  text-decoration: none !important;
}

/*menu_bg_changesearch*/
.menubutsearch a {
  float: left;
  background-image: url(../images/hk/search_but.gif);
  background-repeat: no-repeat;
  display: block;
  width: 65px;
  height: 18px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.menubutsearch a:hover {
  float: left;
  background-image: url(../images/hk/search_but_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 65px;
  height: 18px;
  text-decoration: none !important;
}

/*bg_gobackward*/
.gobackward a {
  float: left;
  background-image: url(../images/button_goback.gif);
  background-repeat: no-repeat;
  display: block;
  width: 35px;
  height: 25px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.gobackward a:hover {
  float: left;
  background-image: url(../images/button_goback_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 35px;
  height: 25px;
  text-decoration: none !important;
}

/*bg_goforward*/
.goforward a {
  float: left;
  background-image: url(../images/button_gonext.gif);
  background-repeat: no-repeat;
  display: block;
  width: 35px;
  height: 25px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.goforward a:hover {
  float: left;
  background-image: url(../images/button_gonext_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 35px;
  height: 25px;
  text-decoration: none !important;
}

.fieldbg {
  background-image: url(../images/field_bg.gif);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  padding-left: 3px;
  font-size: 13px;
  color: #666666;
  background-color: #ffffff;
  border-top-color: #666666;
  border-right-color: #d4d4d4;
  border-bottom-color: #d4d4d4;
  border-left-color: #d4d4d4;
  margin-bottom: 1px;
}

select.selectbox {
  background-image: url(../images/field_bg.gif);
  background-repeat: repeat-x;
  padding-left: 3px;
  font-size: 13px;
  color: #666666;
}

.content_txt_greenb {
  font-size: 13px;
  font-weight: bold;
  color: #bfb34b;
}

.content_txt_blueb {
  font-size: 13px;
  font-weight: bold;
  color: #498edc;
}

/* Search keyword highlight */
.highlight {
  font-style: normal;
  color: #c04a5d;
  background-color: #fdf5f7;
}

.content_txt_greenhead {
  font-size: 15px;
  font-weight: bold;
  color: #bfb34b;
}

.content_txt_bluehead {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #58a4d0;
}

.content_txt_white {
  font-size: 13px;
  font-weight: normal;
  color: #ffffff;
}

.content_txt_lightblue {
  font-size: 13px;
  font-weight: normal;
  color: #a0ddf0;
}

.content_txt_lightblue2 {
  font-size: 13px;
  font-weight: normal;
  color: #5d98ba;
}

.content_txt_peach {
  font-size: 13px;
  font-weight: normal;
  color: #e58989;
}

.content_txt_green {
  font-size: 13px;
  font-weight: normal;
  color: #9b9456;
}

.content_txt_greys {
  font-size: 11px;
  font-weight: normal;
  color: #c5c5c5;
}

.content_txt_greyh {
  font-weight: bold;
  color: #2b2b2b;
}

.content_txt_greyh_light {
  font-weight: bold;
  color: #666666;
}

.content_txt_greenh_light {
  font-weight: bold;
  color: #a9a15e;
}

.content_productname_greys {
  font-size: 14px;
  font-weight: normal;
  color: #383838;
}

.content_bluemark {
  font-size: 19px;
  font-weight: bold;
  color: #3a6c92;
}

.content_bluemarks {
  font-size: 15px;
  font-weight: bold;
  color: #3a6c92;
}

.content_peachmark {
  font-size: 19px;
  font-weight: bold;
  color: #cc669b;
}

.content_peachmarks {
  font-size: 15px;
  font-weight: bold;
  color: #cc669b;
}

.content_producttxt {
  font-size: 13px;
  font-weight: normal;
  color: #383838;
}

.content_treetxt {
  font-size: 13px;
  font-weight: normal;
  color: #666666;
}

.content_treetxtdark {
  font-size: 13px;
  font-weight: normal;
  color: #424141;
}

.content_captiontxt {
  font-size: 13px;
  font-weight: bold;
  color: #9b9456;
}

.content_price_red {
  font-size: 14px;
  font-weight: bold;
  color: #cd699d;
}

.content_price_peach {
  font-size: 14px;
  font-weight: bold;
  color: #e79191;
}

.content_error {
  font-size: 13px;
  font-weight: normal;
  /*color: #e14040;*/
  color: #EA7373;
}

.content_price_blue {
  font-size: 14px;
  font-weight: bold;
  color: #498edc;
}

.content_price_aqura {
  font-size: 14px;
  font-weight: bold;
  color: #82b5a2;
}

.content_date_grey {
  font-size: 12px;
  font-weight: normal;
  color: #909090;
}

.content_cattree_grey {
  font-size: 13px;
  font-weight: normal;
  color: #a4a4a4;
}

.content_txtsize1 {
  font-size: 13px;
  font-weight: normal;
  line-height: 17px;
  letter-spacing: 1px;
  color: #666666;
}

.content_txtsize2 {
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: #666666;
}

.content_txtsize3 {
  font-size: 17px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: 3px;
  color: #666666;
}

.content_txtsize4 {
  font-size: 19px;
  font-weight: normal;
  line-height: 32px;
  letter-spacing: 4px;
  color: #666666;
}

.listtable {
  padding: 1px;
  border: 1px solid black;
}

.linkwhite:link {
  font-size: 13px;
  COLOR: #ffffff;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.linkwhite:visited {
  font-size: 13px;
  COLOR: #ffffff;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.linkwhite:active {
  font-size: 13px;
  COLOR: #a0ddf0;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.linkwhite:hover {
  font-size: 13px;
  COLOR: #a0ddf0;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
}

/*-link tree color-*/
.linktree:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.linktree:visited {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.linktree:active {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.linktree:hover {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
}

/*-link tree with underline-*/
.linktreeu:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
}

.linktreeu:visited {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
}

.linktreeu:active {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
}

.linktreeu:hover {
  font-size: 13px;
  COLOR: #a39951;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
}

/*-link tree Cat color-*/
.linkcattree:link {
  font-size: 13px;
  COLOR: #a4a4a4;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.linkcattree:visited {
  font-size: 13px;
  COLOR: #a4a4a4;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.linkcattree:active {
  font-size: 13px;
  COLOR: #a4a4a4;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.linkcattree:hover {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

/*-link left inform color-*/
.linkleftinform:link {
  font-size: 14px;
  COLOR: #5e5e5e;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.linkleftinform:visited {
  font-size: 14px;
  COLOR: #978e44;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.linkleftinform:active {
  font-size: 14px;
  COLOR: #978e44;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.linkleftinform:hover {
  font-size: 14px;
  COLOR: #978e44;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
}

/* - inform linkcolor-*/
.linkinform:link {
  font-size: 16px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 18px;
}

.linkinform:visited {
  font-size: 16px;
  COLOR: #bababa;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 18px;
}

.linkinform:active {
  font-size: 16px;
  COLOR: #978e44;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 18px;
}

.linkinform:hover {
  font-size: 16px;
  COLOR: #978e44;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 18px;
}

/* - inform linkcolor-*/
.linkinforms:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkinforms:visited {
  font-size: 13px;
  COLOR: #bababa;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkinforms:active {
  font-size: 13px;
  COLOR: #978e44;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkinforms:hover {
  font-size: 13px;
  COLOR: #978e44;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Save -*/
.savename:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.savename:visited {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.savename:active {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.savename:hover {
  font-size: 13px;
  COLOR: #cd699d;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Product Brand Name-*/
.linkbrandname:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkbrandname:visited {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkbrandname:active {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkbrandname:hover {
  font-size: 13px;
  COLOR: #498edc;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Product Cat Name-*/
.linkcatname:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkcatname:visited {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkcatname:active {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkcatname:hover {
  font-size: 13px;
  COLOR: #49bbdc;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Product Name-*/
.linkproductname:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkproductname:visited {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkproductname:active {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkproductname:hover {
  font-size: 13px;
  COLOR: #49dccc;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Peach Brand Name-*/
.peachbrandname:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachbrandname:visited {
  font-size: 13px;
  COLOR: #cc669b;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachbrandname:active {
  font-size: 13px;
  COLOR: #cc669b;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachbrandname:hover {
  font-size: 13px;
  COLOR: #cc669b;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Peach Cat Name-*/
.peachcatname:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachcatname:visited {
  font-size: 13px;
  COLOR: #ff88b9;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachcatname:active {
  font-size: 13px;
  COLOR: #ff88b9;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachcatname:hover {
  font-size: 13px;
  COLOR: #ff88b9;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Peach Product Name-*/
.peachproductname:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachproductname:visited {
  font-size: 13px;
  COLOR: #ff889c;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachproductname:active {
  font-size: 13px;
  COLOR: #ff889c;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachproductname:hover {
  font-size: 13px;
  COLOR: #ff889c;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Aqura Brand Name-*/
.aqurabrandname:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.aqurabrandname:visited {
  font-size: 13px;
  COLOR: #82b5a2;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.aqurabrandname:active {
  font-size: 13px;
  COLOR: #82b5a2;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.aqurabrandname:hover {
  font-size: 13px;
  COLOR: #82b5a2;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Aqura Cat Name-*/
.aquracatname:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.aquracatname:visited {
  font-size: 13px;
  COLOR: #82b0b5;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.aquracatname:active {
  font-size: 13px;
  COLOR: #82b0b5;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.aquracatname:hover {
  font-size: 13px;
  COLOR: #82b0b5;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Aqura Product Name-*/
.aquraproductname:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.aquraproductname:visited {
  font-size: 13px;
  COLOR: #82a6b5;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.aquraproductname:active {
  font-size: 13px;
  COLOR: #82a6b5;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.aquraproductname:hover {
  font-size: 13px;
  COLOR: #82a6b5;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - green paging-*/
.greenpage:link {
  font-size: 12px;
  COLOR: #bfb34b;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.greenpage:visited {
  font-size: 12px;
  COLOR: #a79b40;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.greenpage:active {
  font-size: 12px;
  COLOR: #a79b40;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.greenpage:hover {
  font-size: 12px;
  COLOR: #a79b40;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - blue paging-*/
.bluepage:link {
  font-size: 12px;
  COLOR: #5d98c6;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.bluepage:visited {
  font-size: 12px;
  COLOR: #5d98c6;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.bluepage:active {
  font-size: 12px;
  COLOR: #5d98c6;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.bluepage:hover {
  font-size: 12px;
  COLOR: #4f81a7;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - peach paging-*/
.peachpage:link {
  font-size: 12px;
  COLOR: #e58989;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachpage:visited {
  font-size: 12px;
  COLOR: #e58989;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachpage:active {
  font-size: 12px;
  COLOR: #e58989;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachpage:hover {
  font-size: 12px;
  COLOR: #cb7a7a;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - aqura paging-*/
.aqurapage:link {
  font-size: 12px;
  COLOR: #82b5a2;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.aqurapage:visited {
  font-size: 12px;
  COLOR: #82b5a2;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.aqurapage:active {
  font-size: 12px;
  COLOR: #82b5a2;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.aqurapage:hover {
  font-size: 12px;
  COLOR: #6c9686;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - blue compare brand-*/
.bluecompbrnad:link {
  font-size: 13px;
  COLOR: #57b5ec;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
  line-height: 17px;
}

.bluecompbrnad:visited {
  font-size: 13px;
  COLOR: #57b5ec;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
  line-height: 17px;
}

.bluecompbrnad:active {
  font-size: 13px;
  COLOR: #57b5ec;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
  line-height: 17px;
}

.bluecompbrnad:hover {
  font-size: 13px;
  COLOR: #439cd0;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
  line-height: 17px;
}

/* - green relative info-*/
.greenrelative:link {
  font-size: 15px;
  COLOR: #a9a15e;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.greenrelative:visited {
  font-size: 15px;
  COLOR: #a9a15e;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.greenrelative:active {
  font-size: 15px;
  COLOR: #a9a15e;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.greenrelative:hover {
  font-size: 15px;
  COLOR: #dccc56;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - green relative smaller info-*/
.greenrelatives:link {
  font-size: 13px;
  COLOR: #a9a15e;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  line-height: 17px;
}

.greenrelatives:visited {
  font-size: 13px;
  COLOR: #a9a15e;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  line-height: 17px;
}

.greenrelatives:active {
  font-size: 13px;
  COLOR: #a9a15e;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  line-height: 17px;
}

.greenrelatives:hover {
  font-size: 13px;
  COLOR: #dccc56;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  line-height: 17px;
}

/* - User -*/
.userlink:link {
  font-size: 15px;
  COLOR: #958070;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.userlink:visited {
  font-size: 15px;
  COLOR: #daa277;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.userlink:active {
  font-size: 15px;
  COLOR: #daa277;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.userlink:hover {
  font-size: 15px;
  COLOR: #daa277;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Edit User Info-*/
.edituserlink:link {
  font-size: 13px;
  COLOR: #e58989;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.edituserlink:visited {
  font-size: 13px;
  COLOR: #e58989;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.edituserlink:active {
  font-size: 13px;
  COLOR: #e58989;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

.edituserlink:hover {
  font-size: 13px;
  COLOR: #f0abab;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - List Sort Color-*/
.listsortcolor:link {
  font-size: 13px;
  COLOR: #3f3f40;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.listsortcolor:visited {
  font-size: 13px;
  COLOR: #3f3f40;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.listsortcolor:active {
  font-size: 13px;
  COLOR: #3f3f40;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.listsortcolor:hover {
  font-size: 13px;
  COLOR: #989898;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Member name Peach Color-*/
.peachnamecolor:link {
  font-size: 13px;
  COLOR: #ff88b9;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachnamecolor:visited {
  font-size: 13px;
  COLOR: #ff88b9;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachnamecolor:active {
  font-size: 13px;
  COLOR: #ff88b9;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.peachnamecolor:hover {
  font-size: 13px;
  COLOR: #b96185;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Member name Aqura Color-*/
.aquranamecolor:link {
  font-size: 13px;
  COLOR: #82b5a2;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.aquranamecolor:visited {
  font-size: 13px;
  COLOR: #82b5a2;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.aquranamecolor:active {
  font-size: 13px;
  COLOR: #82b5a2;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.aquranamecolor:hover {
  font-size: 13px;
  COLOR: #668f80;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

/* - Compare Product Grey color -*/
.compareprodgrey:link {
  font-size: 13px;
  COLOR: #424141;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.compareprodgrey:visited {
  font-size: 13px;
  COLOR: #424141;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.compareprodgrey:active {
  font-size: 13px;
  COLOR: #424141;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.compareprodgrey:hover {
  font-size: 13px;
  COLOR: #439cd0;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

/* - Compare Product Grey color Small -*/
.compareprodgreys:link {
  font-size: 12px;
  COLOR: #424141;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
  letter-spacing: -1px;
}

.compareprodgreys:visited {
  font-size: 12px;
  COLOR: #424141;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
  letter-spacing: -1px;
}

.compareprodgreys:active {
  font-size: 12px;
  COLOR: #424141;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
  letter-spacing: -1px;
}

.compareprodgreys:hover {
  font-size: 12px;
  COLOR: #439cd0;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
  letter-spacing: -1px;
}

/* Font size -- Start */
.fontsize1 {
  font-size: 12px;
  line-height: 15px;
}

.fontsize2 {
  font-size: 15px;
  line-height: 20px;
}

.fontsize3 {
  font-size: 18px;
  line-height: 24px;
}

.fontsize4 {
  font-size: 20px;
  line-height: 27px;
}

/* Font size -- End */ 

/* Add buttons -- Start */
.facebook,.twitter,.bookmarks,.email,.print {
  text-decoration: none;
}
/* Add buttons -- End */ 

/* compare close medium button -- Start */
.compareclosem a {
  float: left;
  background-image: url(../images/close_boxm.gif);
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
  left: 0px;
  top: 0px;
  text-decoration: none !important;
}

.compareclosem a:hover {
  float: left;
  background-image: url(../images/close_boxm_o.gif);
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
  text-decoration: none !important;
}

/*.content_error {
  font-size: 13px;
  font-weight: normal;
  color: #e14040;
}*/
/* compare close medium button -- End */ 

/* Form validation error message -- Start */
label.error img,label.error span {
  vertical-align: middle;
}

label.error img {
  padding-right: 5px;
}
/* Form validation error message -- End */

/* Brand List */
.brandlistgreytable {
  margin: 5px 0 0 20px;
  font-size: 13px;
  color: #424141;
}

.brandlistgrey:link {
  font-size: 13px;
  COLOR: #424141;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.brandlistgrey:visited {
  font-size: 13px;
  COLOR: #424141;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.brandlistgrey:active {
  font-size: 13px;
  COLOR: #424141;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.brandlistgrey:hover {
  font-size: 13px;
  COLOR: #439cd0;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

/* Product Type */
.producttypeTitle {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: underline
}

.producttypeTitle:hover {
  text-decoration: none
}

.producttypeSubtitle {
  padding:5px 2px 5px 2px; 
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  text-align:left;
}

.producttypeSubtitle:hover {
  text-decoration: underline
}

.producttypeItem {
  border: 1px solid #D9D8D8;
  padding: 5px;
  width: 150px;
  font-size: 15px;
  color: #666;
  float: left
}

.producttypeItem a {
  font-size: 15px;
  color: #424141;
  text-decoration: none
}

.producttypeItem a:hover {
  text-decoration: underline
}

/* Blue Set */
.ptTitleBlue {
  color: #58a4d0
}

.ptSubtitleBlue {
  color: #58a4d0
}

.producttypeItem .blueLink:hover {
  color: #439cd0
}

/* Green Set */
.ptTitleGreen {
  color: #82b5a2
}

.ptSubtitleGreen {
  color: #82b5a2
}

.producttypeItem .greenLink:hover {
  color: #82b5a2
}

/* Red Set */
.ptTitleRed {
  color: #ec57a9
}

.ptSubtitleRed {
  color: #ec57a9
}

.producttypeItem .redLink:hover {
  color: #ec57a9
}

/* Cyan Set */
.ptTitleCyan {
  color: #4bb4b4
}

.ptSubtitleCyan {
  color: #4bb4b4
}

.producttypeItem .cyanLink:hover {
  color: #4bb4b4
}

/* Orange Set */
.ptTitleOrange {
  color: #ed9a00
}

.ptSubtitleOrange {
  color: #ed9a00
}

.producttypeItem .orangeLink:hover {
  color: #ed9a00
}

/* Purple Set */
.ptTitlePurple {
  color: #8f6fc8
}

.ptSubtitlePurple {
  color: #8f6fc8
}

.producttypeItem .purpleLink:hover {
  color: #8f6fc8
}

/* Gold Set */
.ptTitleGold {
  color: #b4b06a
}

.ptSubtitleGold {
  color: #b4b06a
}

.producttypeItem .goldLink:hover {
  color: #b4b06a
}

/* Pink Set */
.ptTitlePink {
  color: #efa9ae
}

.ptSubtitlePink {
  color: #efa9ae
}

.producttypeItem .pinkLink:hover {
  color: #efa9ae
}

/* Grass Set */
.ptTitleGrass {
  color: #8ec55d
}

.ptSubtitleGrass {
  color: #8ec55d
}

.producttypeItem .grassLink:hover {
  color: #8ec55d
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* Basic */
.content {
  border: solid 1px #e0e0e0;
  color: #464646;
  text-align: left
}

.contentPadding {
  padding: 0 14px
}

.contentP {
  margin: 10px 0
}

.sysMsgBox {
  margin: 20px auto;
  padding: 10px;
  border: solid 1px #e0e0e0;
  width: 450px;
  text-align: center
}

.titleBlue {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #58a4d0
}

.titlePeach {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #e58989
}

.subtitleBlue {
  background: url(../images/blue_replay.gif) top left no-repeat;
  height: 30px
}

.subtitlePeach {
  background: url(../images/peach_replay.gif) top left no-repeat;
  height: 30px
}



.redtxt {
  color: #EA7373;
}

/* Links */
.linkBlue {
  color: #439cd0;
  text-decoration: underline
}

.linkBlue:hover {
  color: #57b5ec;
  text-decoration: none
}

.linkXBlue {
  display: block;
  background: #fff;
  padding: 1px 4px 4px 4px;
  font-weight: bold;
  color: #154e70;
  line-height: 10px;
  text-decoration: none;
  float: right
}

.linkXBlue:hover {
  background: #57b5ec;
  color: #fff
}

/* About Us */
.aboutTable {
  margin: 10px 0 0 10px
}

.aboutTable blockquote {
  margin: 0 0 0 15px
}

/* Member Registration */
.birthdayNote {
  background: #FFF;
  border: solid 1px #e0e0e0;
  width: 170px;
  padding: 10px
}

/* FAQ */
.answerBox {
  background: #c8ebff;
  margin: 10px;
  padding: 10px 20px;
  color: #154e70
}

.questionLink {
  color: #414141;
  text-decoration: none;
  line-height: 20px
}

.questionLink:hover {
  color: #439cd0
}


/* Index start */
.index_body {
    margin:0;
    padding:0;
    width:100%;
    background:url(../images/img_body_bg.gif) top repeat-x;
    color:#333;
}

a, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

#index_main{
    margin:0 auto;
    position:relative;
    width:1000px;
  z-index:90;
}
#index_header{
    background:url(../images/bg_header.jpg) #191919 repeat-y;
    width:1000px;
    height:170px;
    margin:0;
    padding:0;
}

#index_header .inner{width:980px;}

#index_header .index_logo{float:left; margin:10px 0 0 10px;}

#index_header .index_logo:hover{
    border:0;
    color:#fff;
}

#index_header a:link, #index_header a:visited, #index_header a:hover, #index_header a:active{
    color:#fff;
    font-weight:normal;
    text-decoration:none;
}

#index_header a:hover{
    text-decoration:underline;
}

#index_header .active {font-weight:bold;}

#index_header .login_msg{
    float:right;
    margin:10px 15px 10px 0;
    font-size:0.95em;
    text-align:right;
    color:#fff;
}

#index_header .login_msg a:link, #index_header .login_msg a:visited{
    text-decoration:none;
}

#index_header .login_msg a:hover{
    text-decoration:underline;
}

#index_header .region{
    margin:10px 0 10px 15px;
    float:right;
    font-size:0.95em;
    width:100px;
    color:#fff;
}

/*.clear {clear:both;}*/
.clear {clear:both; padding:0px; margin:0px; border:none;}


#index_header .general_banner{float:right; margin:10px 10px 0 10px; width:728px;}
#index_header .topnav{width:1000px; background-color:#fff; padding:0; background:url(../images/bg_topnav.jpg) repeat-x; background-position:bottom; height:38px;}
#index_header .mainmenu {float:right; display:inline; margin:5px 10px 0 10px; list-style:none; text-align:right; width:620px; height:33px;}
#index_header .mainmenu ul{margin:0; padding:0; list-style:none;}
#index_header .mainmenu li{width:100px; float:right; font-size:1.3em; padding:0 0 0 15px; margin:0 0 0 10px; background:url(../images/img_dot_pink.gif) 0 10px no-repeat; text-align:left;}
#index_header .mainmenu li.last{width:55px; background:url(../images/img_dot_pink.gif) 5px 10px no-repeat; text-align:right;}
#index_header .mainmenu li a{display:block; padding:5px 15px 5px 0;}
#index_header .mainmenu li.last a{padding:5px 0 0px 0;}
#index_header .mainmenu li a, #index_header .mainmenu li a:visited{color:#444; text-decoration:none;}
#index_header .mainmenu li a:hover{color:#ea449a; text-decoration:none;}

#index_header .mainmenu li.submenu {z-index:90;}
#index_header .mainmenu li.submenu a{display:block; padding-bottom:10px;}
#index_header .mainmenu li.submenu ul{z-index:90; width:110px; overflow:hidden; background-color:#cbcbcb; list-style:none; margin:0; padding:0;}
#index_header .mainmenu li.submenu li{width:110px; margin:0; padding:0; border-bottom:1px solid #fff; font-size:14px; text-align:left; background:none;color:#dadada; list-style:none;} 
#index_header .mainmenu li.submenu li a{display:block; padding:10px 0 6px 10px;}
#index_header .mainmenu li.submenu li a, #index_header .mainmenu li.submenu li a:visited{color:#800043; text-decoration:none;} 
#index_header .mainmenu li.submenu li a:hover {color:#fff; background-color:#f691b1; text-decoration:none;} 
#index_header .mainmenu li a.active{color:#ffb5db; font-weight:bold;}


#index_header .index_search{float:left; font-size:1em; color:#555; padding:0 0 0 10px; margin:8px 0 0 0; width:350px;}
#index_header .index_search a, #index_header .index_search a:visited {color:#555; text-decoration:none;}
#index_header .index_search a:hover{color:#555; text-decoration:underline;}
#index_header .index_search .brand_type{float:right; padding-top:2px;}
#index_header .index_search .btn{width:60px; padding:2px 10px 5px 10px; margin-right:20px; background:url(../images/btn_pink.gif) repeat-x; font-size:0.9em; line-height:1.2em; color:#fff;}
#index_header .index_search .btn a, #index_header .index_search .btn a:visited{text-decoration:none; color:#fff;}
#index_header .index_search .btn a:hover{text-decoration:none; color:#dd0073;}
#index_header .index_search input {border:1px solid #ccc; width:150px;}

#index_main{background-color:#fff;}
#index_maincontent{float:left; width:682px; margin-top:0px; padding-top:0px; background-color:#fff;}



#index_product{margin:0 0 20px 15px; color:#333;}
#index_product .prod_search{float:left; width:203px; height:215px; margin:0 15px 0 10px;}

#index_product .prod_search td{padding:0 0 5px 5px;}
#index_product .prod_search .btn{height:25px; margin:10px 5px 0 0; padding:4px 8px 10px 8px; color:#fff; background:url(../images/btn_pink.gif) repeat-x; font-size:0.9em;}
#index_product .prod_search .btn a, #index_product .prod_search .btn a:visited{color:#fff;}
#index_product .prod_search .btn a:hover{text-decoration:none; color:#dd0073;}
#index_product .prod_search .btnclear {background:url(../images/btn_grey.gif) repeat-x;}
#index_product .prod_new{float:left; width:203px; height:215px; margin-right:15px; text-align:center;}
#index_product .prod_new .prod_newpic{margin:0 5px 5px 5px; width:120px; float:left;}
#index_product .prod_new .pre{width:15px; padding:55px 5px 0 16px; margin:0; float:left;}
#index_product .prod_new .next{width:15px; padding:55px 15px 0 5px; margin:0; float:left;}
#index_product .prod_new .pre img, #index_product .prod_new .next img{border:0;}
#index_product .prod_price{float:left; width:203px; height:215px; margin-right:15px;}
#index_product .prod_price p{padding:20px 5px 10px 10px;}
#index_product .prod_price .location{}
#index_product .prod_price .price{color:#e84298; font-size:1.1em; padding:3px 0 3px 0;}
#index_product .prod_price .price a, #index_product .prod_price .price a:visited{color:#e84298;}
#index_product .prod_price .price a:hover{color:#b31d6b; text-decoration:none;}
#index_product .prod_price img{float:right; margin-right:5px;}
#index_product .productname{padding:0 5px 5px 10px; font-weight:bold; margin:0; color:#666; line-height:1.4em;}
#index_product .prod_price .productname{color:#444; text-decoration:none;}

.index_body h1{font-size:1.8em; color:#e34295; margin-bottom:0px; line-height:1.5em; padding:5px 0 0 0;}
.index_body h1 span.topiccount{font-size:0.65em;}
.index_body h2{background:url(../images/img_bullet_pink.gif) 10px 10px no-repeat #fff; padding:8px 10px 4px 25px; font-size:1.3em; line-height:1.3em; text-align:left; margin:0 0 4px 0;  color:#444;}
.index_body h2 span.topiccount{font-size:0.85em;}

h1.subtopic{font-size:1.8em; color:#e34295; height:37px; padding:5px 0 0 0; margin-bottom:0; line-height:1.5em; background:url(../images/index_topicbg.gif) 180px 0 no-repeat;}
h1 a, h1 a:visited, h1.subtopic a, h1.subtopic a:visited{color:#e34295;}  
h1 a:hover, h1.subtopic a:hover{color:#b31d6b; text-decoration:none;}
#index_product .prod_new h2 a, #index_product .prod_new h2 a:visited{color:#444;}
#index_product .prod_price h2 a, #index_product .prod_price h2 a:visited{color:#444;} 
h2 a:hover, #index_product .prod_new h2 a:hover{color:#b31d6b; text-decoration:none;} 
#index_product .prod_price h2 a:hover{color:#b31d6b; text-decoration:none;}

.textbox42{width:42px; padding:2px 4px 2px 4px; font-size:0.95em; color:#666; margin-right:2px; border:1px solid #ccc;}
.textbox43{width:43px; padding:2px 4px 2px 4px; font-size:0.95em; color:#666; margin-right:2px; border:1px solid #ccc;}
.textbox44{width:44px; padding:2px 4px 2px 4px; font-size:0.95em; color:#666; margin-right:2px; border:1px solid #ccc;}
.textbox45{width:45px; padding:2px 4px 2px 4px; font-size:0.95em; color:#666; margin-right:2px; border:1px solid #ccc;}
.textbox70{width:70px; padding:2px 4px 2px 4px; font-size:0.95em; color:#666; margin-right:2px; border:1px solid #ccc;}
.textbox80{width:80px; padding:2px 4px 2px 4px; font-size:0.95em; color:#666; margin-right:2px; border:1px solid #ccc;}
.textbox100{width:100px; padding:2px 4px 2px 4px; font-size:0.95em; color:#666; margin-right:2px; border:1px solid #ccc;}
.textbox120{width:120px; padding:2px 4px 2px 4px; font-size:0.95em; color:#666; margin-right:2px; border:1px solid #ccc;}
.textbox150{width:150px; padding:2px 4px 2px 4px; font-size:0.95em; color:#666; margin-right:2px; border:1px solid #ccc;}

.dropdown130{width:130px; padding:1px 1px 1px 1px; font-size:0.95em; color:#666; margin-right:0px; border:1px solid #ccc;}

.global_header_dropdown{width:80px; padding:1px 1px 1px 1px; font-size:0.95em; color:#666; margin-right:0px; border:1px solid #ccc;}
.global_header_textbox{width:200px; padding:0 4px; height:19px; line-height:19px; font-size:0.95em; color:#666; margin-right:0px; border:1px solid #ccc;}


/* Editorial start */
#index_editorial{margin:0 0 5px 15px; padding-bottom:10px; background:url(../images/img_boxwhite_low.jpg) bottom left no-repeat;}
#index_editorial .feature{background:url(../images/img_boxgrey_top.jpg) top left #ededed no-repeat; padding:10px; height:130px; width:630px;}
#index_editorial .feature span{font-size:1.15em; line-height:1.4em;}
#index_editorial .feature span a, #index_editorial .feature span a:visited{color:#333;}
#index_editorial .feature .pic{background:url(../images/index_editpic_bg.gif) no-repeat; float:left; height:129px;}
#index_editorial .feature .pic img{border:1px solid #fff; margin-right:15px;}
#index_editorial .feature .mid{width:652px; background:url(../images/img_boxwhite_mid.jpg) repeat-y; margin:0;}
#index_editorial .index_rank{width:305px; float:left; margin:0 0 10px 10px;}
#index_editorial .index_rank a, #index_editorial .index_rank a:visited{color:#333333;}
#index_editorial .index_rank ul.category{height:28px; list-style:none; margin:0; padding:0;}
#index_editorial .index_rank ul.category li{float:left; height:22px; padding:4px 15px 2px 15px; border-right:1px solid #fff; color:#333333; font-size:1.1em; background:url(../images/btn_tag.gif) repeat-x; font-weight:bold;}
#index_editorial .index_rank ul.category li.active{background:url(../images/btn_tag_on.gif) repeat-x; height:22px;}
#index_editorial .index_rank .ranktable{border:1px solid #ccc; margin:0; padding:0;}
#index_editorial .index_rank .ranktable .productname{margin-top:10px; font-weight:bold; color:#cc488d;}
#index_editorial .index_rank .ranktable .productname a, #index_editorial .index_rank .ranktable .productname a:visited{color:#cc488d;}
#index_editorial .index_rank .ranktable .productname a:hover{color:#b31d6b; text-decoration:none;}
#index_editorial .index_rank .ranktable img{border:0;}
#index_editorial .index_rank .ranktable .ranknum{padding:0 0 4px 0; font-size:1.3em; font-weight:bold; text-align:center;}
#index_editorial .index_rank .ranktable td{border-bottom:1px solid #ccc; margin-bottom:10px; padding:2px 2px 0 0;}
#index_editorial .index_rank .ranktable .index_new{float:left; margin:3px 5px 0 0;}
#index_editorial .index_rank .ranktable .index_review_marks{float:left; background:url(../images/peach_mark_bg.jpg) no-repeat; padding:12px 0 0 0; width:43px; height:32px; font-size:1.3em; font-weight:bold; color:#CC99CC; text-align:center; margin-right:5px;}
#index_editorial .index_rank .ranktable .inidex_star{float:left; margin:5px 0 5px 0;}
#index_editorial .index_rank .ranktable .comment{margin:5px 0 5px 0; font-size:0.95em; color:#333; font-weight:normal;}
#index_editorial .article{width:305px; float:left; margin:0 0 10px 0;}
#index_editorial .article a, #index_editorial .article a:visited{color:#333333;}
#index_editorial .article ul{margin:0 0 0 10px; padding:0;}
#index_editorial .article li{background-color:#fff; padding:5px 10px 5px 10px;}
#index_editorial .article li.bg_grey{background-color:#dfdfdf;}
#index_editorial .end{background:url(../images/img_boxwhite_low.jpg) no-repeat; height:25px;}
#index_editorial .article h2 a:hover{color:#b31d6b; text-decoration:none;} 

/* Beauty Room start */
#index_beautyroom{margin:0 0 10px 15px; padding-bottom:10px;}
#index_beautyroom a, #index_beautyroom a:visited{color:#333333;}
#index_beautyroom .top{background:url(../images/img_boxwhite_top.jpg) top left no-repeat; height:5px;}
#index_beautyroom .low{background:url(../images/img_boxgrey_low.gif) bottom left no-repeat; height:18px;}
#index_beautyroom .video{width:630px; background:url(../images/img_boxwhite_mid.jpg) repeat-y; padding:10px 10px 0 10px; color:#333;}
#index_beautyroom .video ul{float:left; width:345px; margin:0; padding:0; list-style:none;}
#index_beautyroom .video li{background-color:#fff; padding:5px 10px 5px 10px; font-size:1.2em;}
#index_beautyroom .video li.bg_grey{background-color:#dfdfdf;}
/*#index_beautyroom .video li.active{color:#e84298;}*/
#index_beautyroom .video li.active{color:#e84298; background-image:url(../images/img_arrowright.gif); background-repeat: no-repeat; background-position: center right;}
#index_beautyroom .video li.active a, #index_beautyroom .video li.active a:visited{color:#e34295;}
#index_beautyroom .video li a:hover, #index_beautyroom .video li.active a:hover{color:#b31d6b; text-decoration:none;}
#index_beautyroom .video .videoimg{float:right; padding:0 10px 10px 0; border:0;}
#index_beautyroom .beautytest{background-color:#ededed; width:650px;}
#index_beautyroom .beautytest a, #index_beautyroom .beautytest a:visited{color:#333333l}
#index_beautyroom .beautytest img{margin-right:8px;}
#index_beautyroom .beautytest p{padding:5px 0 5px 0; margin:0;}
#index_beautyroom .beautytest span{margin:5px 0 0 0; padding:0 10px 0 10px; background:url(../images/img_arrowright.gif) 0px 2px no-repeat;}
#index_beautyroom .beautytest ul{margin:0; padding:0; list-style:none;}
#index_beautyroom .beautytest li{float:left; background-color:#ededed; width:300px; padding:10px;}
#index_beautyroom .beautytest li img{float:left;}
#index_beautyroom .beautytest li .topic{float:left; width:115px; padding:0 0 0 5px;}
#index_beautyroom h1.subtopic a, #index_beautyroom h1.subtopic a:visited{color:#e34295;} 
#index_beautyroom h1.subtopic a:hover{color:#b31d6b; text-decoration:none;} 


/* Page bottom - Hot topic */
#index_beautyroom .hottopic{margin-top:10px; color:#333333;} 
#index_beautyroom .hottopic a, #index_beautyroom .hottopic a:visited{color:#333333;}


/* Right column */
#index_rightcol{float:right; width:300px; background-color:#fff; padding:0; margin:0 10px 0 5px;}
#index_rightcol .index_login{width:300px height:55px; margin-bottom:4px; padding:7px 3px 3px 10px; background:url(../images/index_loginbg.gif) top left no-repeat; color:#666666;}
#index_rightcol .index_login .topic{color:#ef79b6; font-size:1.38em; padding-right:3px;}
#index_rightcol .index_login .remarks{margin:4px 0 0 43px; padding-bottom:5px; font-size:0.85em;}
#index_rightcol .index_login a, #index_rightcol .index_login a:visited{color:#666666;}
#index_rightcol .index_login .btn{padding:2px 6px 2px 6px; background:url(../images/btn_pink.gif) top left repeat-x; font-size:0.9em; line-height:0.85em; color:#fff; margin-top:0px; }
#index_rightcol .index_login .btn a, #index_rightcol .index_login .btn a:visited{color:#fff;}
#index_rightcol .index_login .btn a:hover{text-decoration:none; color:#dd0073;}
#index_rightcol .index_login .logout{margin:5px; font-size:0.9em; height:45px;}

#index_rightcol .index_banner img{margin-bottom:5px;}
#index_rightcol .index_banner a{border:0;}

#index_rightcol #index_share{background:url(../images/index_sharebg_low.gif) #9b9b9b bottom left no-repeat; padding:0; margin:0;}
#index_rightcol #index_share h1.topic{color:#fff; background:url(../images/index_sharebg_top.gif) top left no-repeat; padding:5px 5px 0 8px; margin:0; font-size:1.8em; line-height:1.5em; padding-top:5px;}
#index_rightcol #index_share h2{margin-top:0;}
#index_rightcol #index_share .blogger{background-color:#fff; margin-top:0; width:280px; margin:0 10px 10px 10px;}
#index_rightcol #index_share ul{list-style:none; margin:0; padding:0;}
#index_rightcol #index_share li{background-color:#dfdfdf; font-size:0.99em; line-height:1.3em; padding:8px 8px 8px 3px; margin-bottom:8px; color:#333333; clear:both;}
#index_rightcol #index_share li img{float:left; padding-right:10px;}
#index_rightcol #index_share li img a{border:0;}
#index_rightcol #index_share li .pink{font-size:1.2em; line-height:1.3em; color:#b21f6a; margin:0; padding:5px 0 5px 0;}
#index_rightcol #index_share li .pink a, #index_rightcol #index_share li .pink a:visited {color:#b21f6a; text-decoration:none;}
#index_rightcol #index_share li p{margin:0; padding:5px 0 5px 0;}
#index_rightcol #index_share li .date{padding:0 0 5px 0; margin:0; color:#444;}
#index_rightcol #index_share li a, #index_rightcol #index_share li a:visited{color:#333333;}
#index_rightcol #index_share h2 a, #index_rightcol #index_share h2 a:visited{color:#444;}
#index_rightcol #index_share h2 a:hover{color:#b31d6b; text-decoration:none;}
#index_rightcol #index_share li .pink a:hover{color:#8e064c; text-decoration:none;}



/* index footer start */
#index_footer{margin:0 15px 0 15px; width:970px; font-size:0.9em; line-height:1.4em; background-color:#939393; }
#index_footer .ugoody{background-color:#dedede; color:#333333; text-align:center; padding-top:7px; height:20px;}
#index_footer .ugoody a{padding-right:30px; font-weight:bold;}
#index_footer .ugoody a, #index_footer .ugoody a:visited{color:#333333;}
#index_footer .sitemap{color:#fff; padding:0 10px 10px 15px; float:left;}
#index_footer .sitemap h3{font-size:1.8em; line-height:1.2em; width:30px; color:#fff; float:left;}
#index_footer .sitemap ul{margin:10px 0 0 0; padding:5px 0 0 5px; width:420px; border-left:1px solid #fff; float:left;}
#index_footer .sitemap li{padding-bottom:10px; float:left; width:350px;}
#index_footer .sitemap li.topic{width:65px;}
#index_footer .sitemap li a{padding-right:0px;}
#index_footer .sitemap li a, #index_footer .sitemap li a:visited{color:#fff;}
#index_footer .copyright{background-color:#191919; padding:0 15px 6px 15px; color:#fff; height:80px; color:#ababab;}
#index_footer .copyright a, #index_footer .copyright a:visited, #index_footer .copyright a:hover{color:#fff;}
#index_footer .copyright img{float:left; border:0;}
#index_footer .copyright p{margin:10px 0 0 10px;}
#index_footer .copyright .link{margin:15px 0 10px 15px; width:550px; float:left; line-height:1.4em;}
#index_footer .copyright .link a{padding:0 10px 0 10px;}
#index_footer .copyright .communicate{float:right; margin-top:15px;}
#index_footer .copyright .communicate img{padding-left:5px;}
#index_footer a {font-size: 13px;}
/* index footer end */


/* inner footer start */
#FOOTER {margin:0; padding:0; width:1000px; font-size:0.9em; line-height:1.4em; background-color:#939393; }
#FOOTER .ugoody{background-color:#dedede; color:#333333; text-align:center; padding-top:15px; height:20px;}
#FOOTER .ugoody a{padding-right:30px; font-weight:bold;}
#FOOTER .ugoody a, #index_footer .ugoody a:visited{color:#333333;}
#FOOTER .sitemap{color:#fff; padding:0 10px 10px 15px; float:left; background-color:#939393; text-align:left;}
#FOOTER .sitemap h3{font-size:1.8em; line-height:1.2em; width:30px; color:#fff; float:left;}
#FOOTER .sitemap ul{margin:10px 0 0 0; padding:5px 0 0 5px; width:429px; border-left:1px solid #fff; float:left;}
#FOOTER .sitemap li{padding-bottom:10px; float:left; width:350px;}
#FOOTER .sitemap li.topic{width:65px;}
#FOOTER .sitemap li a{padding-right:0px;}
#FOOTER .sitemap li a, #index_footer .sitemap li a:visited{color:#fff;}
#FOOTER .copyright{background-color:#191919; padding:0 15px 6px 15px; color:#fff; height:80px; color:#ababab; text-align:left;}
#FOOTER .copyright a, #index_footer .copyright a:visited, #index_footer .copyright a:hover{color:#fff;}
#FOOTER .copyright img{float:left; border:0;}
#FOOTER .copyright p{margin:10px 0 10px 10px;}
#FOOTER .copyright .link{margin:15px 0 10px 15px; width:550px; float:left; line-height:1.4em;}
#FOOTER .copyright .link a{padding:0 10px 0 10px;}
#FOOTER .copyright .communicate{float:right; margin-top:15px;}
#FOOTER .copyright .communicate img{padding-left:5px;}
/* inner footer end */

/* inner search start */
#top_search{width:980px; padding:10px; background-color:#fff; color:#555; text-align:left;}
#top_search .brand_type{float:right;}
#top_search a, #top_search a:visited{color:#555;}
#top_search img{border:none;}
#top_search .btn{width:60px; padding:2px 10px; margin-right:20px; background:url(../images/btn_grey.gif) repeat-x; font-size:0.9em; line-height:1.2em; color:#fff;}
#top_search .btn a, #index_rightcol .index_login .btn a:visited{color:#fff;}
#top_search .btn a:hover{text-decoration:none; color:#dd0073;}
/* inner search end */





h3{font-size:1.3em; color:#cc488d; margin:10px 0 10px 0;}
h3 a, h3 a:visited{color:#cc488d;}
h3 a:hover{color:#b31d6b; text-decoration:none;}
.date{color:#444; font-size:0.99em; padding:2px 0 2px 0;}
.productname a, .productname a:visited{color:#444;}
.productname a:hover{color:#b31d6b; text-decoration:none;}

/* Index end */
/*
#header_search {
  margin: 0;
  padding: 0;
}
*/

ul {list-style-type:none;}

#top_search * {
  vertical-align: middle;
}

.midcontent{float:left; width:825px; background-color:#fff;}
.pagestart{margin:0 auto; width:1000px;}
#banner_low{padding:20px 0 5px 10px; width:815px; text-align:center; background-color:#fff; margin:0;}
#banner_low .frame{border:1px solid #C7C7C7; padding:10px; margin-right:10px;}
#banner_lowrow{padding:5px 0 5px 0; width:1000px; text-align:center; background-color:#fff; margin:0;}
#banner_lowrow .frame{border:1px solid #C7C7C7; padding:10px 0 10px 0;}

/* breadcrumb - start */
#CONTENT-01 .nav-02 {background-color:#FFFFFF; padding:8px 8px 5px 20px;}
#CONTENT-01 .nav-02, #CONTENT-01 .nav-02 a, #CONTENT-01 .nav-02 a:visited {color:#666666; text-decoration:none}
#CONTENT-01 .nav-02 a:hover, #CONTENT-01 .nav-02 a:active { color:#666666; text-decoration:underline}
/* breadcrumb - end */

/* news detail more button - start */
.content_txt_greenhead a, .content_txt_greenhead a:visited, .content_txt_greenhead a:hover {color:#BFB34B;}
/* news detail more button - end */

/* New header and footer - start */
.ub_body {padding:0; margin:0 auto; width:1000px; background-color:#262525; font-family:Tahoma,Helvetica,mingliu,arial; font-size:13px}

/* Header */
.ub_topnav { background-image:url(../images/nav_bg.gif); width:1000px; height:53px; background-repeat:repeat-x;}
.ub_menu {
    float:left;
    width:620px;
    padding:0  0 0 10px;
}
#ub_header {padding:20px 0 0 0; position:relative; z-index:1}
#ub_header .ub_logo {float:left; width:201px; height:93px; padding-left:25px}
#ub_header .ub_logo img {border:none}
#ub_header .ub_general_banner {float:right; margin:0px 10px}
#ub_header .ub_region {float:right;height:12px; color:#ffffff; margin:10px 10px; font-family: Tahoma,Helvetica,mingliu,arial; font-size:13px;}
#ub_header .ub_region img {display:inline; vertical-align:middle; border:none; margin-bottom:3px}
#ub_header .ub_region a:link, #ub_header .ub_region a:visited, #ub_header .ub_region a:active {color:#ffffff; text-decoration:none; font-family: Tahoma,Helvetica,mingliu,arial; font-size:0.95em; font-weight:normal  }
#ub_header .ub_region a:hover {color:#ffffff; text-decoration:underline}
#ub_header .ub_search {float:left; width:280px; padding:15px 5px 0 0px;}
#ub_header .ub_search input {
    width:95px;
}
#ub_header .ub_search {
    float:left;
    width:230px;
    padding:15px 5px 0 0px;
    position:relative
}
#ub_header .ub_search img {border:none; position:absolute; top:14px; right:6px}
#ub_header .ub_hot {float:left; width:128px; padding:2px 0 0 2px; color:#FFFFFF; font-size:13px; background-image:url(../images/hot_bg.jpg); background-repeat:no-repeat}
#ub_header .home_top10_no1 {color:#FFFFFF; font-size:13px}
#ub_header .home_top10_no2 {color:#ffffff; font-size:9pt}
#ub_header .ub_facebook {background-image:url(../images/ub_images.jpg); width:19px; height:19px; background-position:0 0; display:inline-block; vertical-align:middle; margin-bottom:2px; text-decoration:none}
#layer_div div {margin-top:0px}
/* End Header */

/* Start Footer */
#ub_footer {width:920px; height:550px; padding:30px 40px; background-color:#262525; background-image:url(../images/footer_bg.gif); background-repeat:no-repeat; color:#FFFFFF; font-size:13px; clear:both}
#ub_footer .footer_left_header, #ub_footer .footer_left {float:left; width:370px;}
#ub_footer .footer_left li, #ub_footer .footer_right li {float:left; width:100px;}
#ub_footer .footer_right_header, #ub_footer .footer_right {float:left; width:550px;}
#ub_footer .footer_left_header, #ub_footer .footer_right_header {font-size:23px; font-weight:bold;}
#ub_footer .footer_left a:link, #ub_footer .footer_left a:active, #ub_footer .footer_left a:visited, #ub_footer .footer_right a:link, #ub_footer .footer_right a:active, #ub_footer .footer_right a:visited {font-size:13px; color:#ffffff; line-height:21px; text-decoration:none} 
#ub_footer .footer_left a:hover,  #ub_footer .footer_right a:hover {text-decoration:underline;}
#ub_footer .footer_line {background-image:url(../images/ub_images.jpg); background-position:-2px -450px; width:936px; height:1px; display:block; margin:10px 0}
#ub_footer .footer_line02 {width:10px!important; height:372px}
#ub_footer .footer_sep_line {background-image:url(../images/ub_images.jpg); background-position:-131px -57px; width:1px; height:372px; }
#ub_footer .row01 {height:180px}
#ub_footer .row02 {margin-top:10px;}
#ub_footer .cat {color:#e261a4; font-size:15px; padding-bottom:5px}
#ub_footer li.cat02 {color:#e261a4; font-size:15px;}
#ub_footer li.cat02 a {color:#e261a4; font-size:15px; }
#ub_footer li.cat02 :hover  {color:#e261a4; font-size:15px;text-decoration: underline;}
#ub_footer .footer_logo {width:920px; margin-top:20px}
#ub_footer .footer_logo .logo, #ub_footer .footer_logo .links  {float:left;}
#ub_footer .footer_logo .logo {padding-right:15px}
#ub_footer .footer_logo .logo img {border:none;}
#ub_footer .links {line-height:25px}
#ub_footer .links li a:link, #ub_footer .links li a:visited, #ub_footer .links li a:active  {color:#ffffff; font-size:13px; text-decoration:none; }
#ub_footer .links li a:hover {text-decoration:underline;}
#ub_footer ul, #ub_footer li  {list-style-type:none; margin:0; padding:0}
/* End Footer */

/* New header and footer - end */


/* add by yuna 20130129 */
.sub-head_pink {
	height:40px; 
	float:left; 
	background-image: url(../images/hk/article/sub-head_bg_pink.gif); 
	background-repeat:repeat-x;
	}
.sub-head_purpure {
	height:40px; 
	float:left; 
	background-image: url(../images/hk/article/sub-head_bg_purpure.gif); 
	background-repeat:repeat-x;
	}
.sub-head_purpure-b {
	height:40px; 
	float:left; 
	background-image: url(../images/hk/article/sub-head_bg_purpure-b.gif); 
	background-repeat:repeat-x;
	}			
.content_txt_pinkhead {
  font-size: 15px;
  font-weight: bold;
  color: #C8287B;
}
.content_txt_pinkb {
  font-size: 13px;
  font-weight: bold;
  color: #C8287B;
}
.content_txt_purpurehead {
  font-size: 15px;
  font-weight: bold;
  color: #BF45C7;
}
.content_txt_purpureb {
	font-size: 13px;
	font-weight: bold;
	color: #BF45C7;
}
.content_txt_purpure-bhead {
  font-size: 15px;
  font-weight: bold;
  color: #7C53CE;
}
.content_txt_purpure-bb {
  font-size: 13px;
  font-weight: bold;
  color: #7C53CE;
}

.content_txt_gyhead {
  font-size: 15px;
  font-weight: bold;
  color: #2b2b2b;
}
.theme_prev_enabled {
	background-image: url("../images/hk/article/ub_images.jpg");
	background-position: -13px -268px;

	display: inline-block;
	height: 90px;
	text-decoration: none;
	width: 10px;
}
.theme_prev_disabled, .theme_prev_disabled_purpure, .theme_prev_disabled_purpure-b  {
    background-image: none;
}
.theme_next_enabled {
    background-image: url("../images/hk/article/ub_images.jpg");
    background-position: -25px -268px;

    display: inline-block;
    height: 90px;
    text-decoration: none;
    width: 10px;
}
.theme_next_disabled, .theme_next_disabled_purpure, .theme_next_disabled_purpure-b {
    background-image: none;
}


.theme_prev_enabled_purpure {
	background-image: url("../images/hk/article/ub_images.jpg");
	background-position: -13px -334px;

	display: inline-block;
	height: 90px;
	text-decoration: none;
	width: 10px;
}

.theme_next_enabled_purpure {
    background-image: url("../images/hk/article/ub_images.jpg");
    background-position: -25px -334px;

    display: inline-block;
    height: 90px;
    text-decoration: none;
    width: 10px;
}
.theme_prev_enabled_purpure-b {
	background-image: url("../images/hk/article/ub_images.jpg");
	background-position: -80px -334px;
	display: inline-block;
	height: 90px;
	text-decoration: none;
	width: 10px;
}

.theme_next_enabled_purpure-b {
	background-image: url("../images/hk/article/ub_images.jpg");
	background-position: -90px -334px;
	display: inline-block;
	height: 90px;
	text-decoration: none;
	width: 10px;
}




.linkinforms-pink:link, .linkinforms-purpure:link, .linkinforms-purpure-b:link {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkinforms-pink:visited, .linkinforms-purpure:visited, .linkinforms-purpure-b:visited {
  font-size: 13px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkinforms-pink:active {
  font-size: 13px;
  COLOR: #C8287B;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkinforms-pink:hover {
  font-size: 13px;
  COLOR: #C8287B;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}



.linkinforms-purpure:active {
  font-size: 13px;
  COLOR: #BF45C7;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkinforms-purpure:hover {
  font-size: 13px;
  COLOR: #BF45C7;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}


.linkinforms-purpure-b:active {
  font-size: 13px;
  COLOR: #7C53CE;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}

.linkinforms-purpure-b:hover {
  font-size: 13px;
  COLOR: #7C53CE;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  letter-spacing: 1px;
  line-height: 17px;
}



#extend-article img {
	border:1px #E8E8E8 solid;
	}
#extend-brand {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  line-height: 17px;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  width: 170px;
  height: 260px;
  padding-top: 4px;
}	
#extend-brand img {
  width:90px;
  height:49px;
  text-align: center;
  border:0;
}
#extend-brand .item {
	float:left; 
	width:135px; 
	height: auto; 
	text-align:center; 
	margin-left:10px;
	margin-bottom:10px;
}
.linkinforms-pink12:link, .linkinforms-purpure12:link, .linkinforms-purpure-b12:link {
  font-size: 12px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.linkinforms-pink12:visited, .linkinforms-purpure12:visited, .linkinforms-purpure-b12:visited {
  font-size: 12px;
  COLOR: #666666;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.linkinforms-pink12:active {
  font-size: 12px;
  COLOR: #C8287B;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.linkinforms-pink12:hover {
  font-size: 12px;
  COLOR: #C8287B;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.linkinforms-purpure12:active {
  font-size: 12px;
  COLOR: #BF45C7;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.linkinforms-purpure12:hover {
  font-size: 12px;
  COLOR: #BF45C7;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.linkinforms-purpure-b12:active {
  font-size: 12px;
  COLOR: #7C53CE;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.linkinforms-purpure-b12:hover {
  font-size: 12px;
  COLOR: #7C53CE;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  line-height: 17px;
}

.h-light-box-pink {
	width:286px; 
	float:left; 
	background:#FFFFFF;
	border: 1px solid #CF7C9F; margin:0 0 0 9px; 
}
.h-light-box-pink .item1 {
	width:286px; 
	float:left; 
	margin: 1px 0 0 0;
	border-top: 1px dotted #CF7C9F;
	border-bottom: none;
	border-left: none;
	border-right: none;
	}	
.h-light-box-purpure {
	width:286px; 
	float:left; 
	background:#FFFFFF;
	border: 1px solid #CC89D1; margin:0 0 0 9px; 
	}
.h-light-box-purpure-b {
	width:286px; 
	float:left; 
	background:#FFFFFF;
	border: 1px solid #AB8AD0; margin:0 0 0 9px; 
	}	
.h-light-box-purpure .item1 {
	width:286px; 
	float:left; 
	margin: 1px 0 0 0;
	border-top: 1px dotted #CC89D1;
	border-bottom: none;
	border-left: none;
	border-right: none;
	}	
	
.h-light-box-purpure-b .item1 {
	width:286px; 
	float:left; 
	margin: 1px 0 0 0;
	border-top: 1px dotted #AB8AD0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	}
			
.h-light-box-pink .item, .h-light-box-purpure .item, .h-light-box-purpure-b .item {
	width:286px; 
	float:left; 
	margin: 1px 0 0 0;
	border-top: 1px dotted #999999;
	border-bottom: none;
	border-left: none;
	border-right: none;
	}
	

	
.article-fn {
	padding-right:20px; 
	padding-top:11px; 
	width:225px; 
	float:left;
	}
.article-fn a {
	text-decoration:none;
	
	}	

/* new header and footer style since 2014 */
@font-face {
  	font-family: 'Yanone Kaffeesatz';
  	font-style: normal;
  	font-weight: 200;
  	src: local('Yanone Kaffeesatz ExtraLight'), local('YanoneKaffeesatz-ExtraLight'), url(https://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRUDqw7A1uQWuQSM-rfHaMOr3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}
@font-face {
  	font-family: 'Yanone Kaffeesatz';
  	font-style: normal;
  	font-weight: 700;
  	src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'), url(https://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRbJjSLMfVFmTspsxH0yGxjj3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}
@font-face {
  	font-family: 'Droid Sans';
  	font-style: normal;
  	font-weight: 400;
  	src: local('Droid Sans'), local('DroidSans'), url(https://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  	font-family: 'Droid Sans';
  	font-style: normal;
  	font-weight: 700;
  	src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff) format('woff');
}
#site-header, #ub-footer {
	font-family: "LiHei Pro";
	font-size: 13px;
	background: #fff;
	color: #000;
}
#site-header a, #ub-footer a {
	text-decoration: none;
	color: #000000;
	font-family: 'Droid Sans', "Heiti TC", "LiHei Pro", "微軟正黑體", "WenQuanYi - Micro Hei", "Arial", sans-serif;
}
#site-header a:hover, #ub-footer a:hover {
	text-decoration: underline;
	color: #E2348C;
}
#site-header .flexnav a:hover {
	text-decoration: none;
}

/* Start Header */
.menu-bar {
	margin: 0 auto;
	max-width: 1000px;
	min-width: 300px;
	min-height: 30px;
	border-top: none;
	position: relative;
	z-index: 98;
}
.header_separator {
	width: 1000px;
	height: 1px;
	border-top: 1px #BFBFBF solid;
}
#site-header .ub_logo {
	float:left;
	max-width:190px;
	max-height:90px;
	margin: 0 0 0 10px;
}
#site-header .ub_logo img {
	min-width:50%;
}	
#site-header .ub_general_banner {
	float:right;
	margin:0 0 0 10px;
	max-width:728px;
}
#site-header .ub_general_banner img {
	max-width:728px;
}
#site-header .ub_search {
	padding: 0 10px 5px 0;
	position: relative;
	text-align: right;
	height: 25px;
	min-width: 330px;
}
#header_search a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
}
#header_search a:link, #header_search a:visited {
	color: #000;
	text-decoration: none;
}
#header_search a:hover {
	color: #e2348c;
	text-decoration: underline;
}
#header_search a:active {
	color: #e2348c;
	text-decoration:none;
}
#site-header .site-title {
  	position: relative;
}
#site-header .site-title h1 {
    border-top: 6px solid #3a3261;
    font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2";
    font-weight: 100;
    font-size: 1.7em;
    margin-top: 0;
    margin-bottom: 0px;
    font-weight: 900;
    padding: 7px 0 0;
    background: none;
    display: inline-block;
    color: #3a3261;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
}
#site-header .site-title h1 a {
    color: #3a3261;
    text-decoration: none;
}
#site-header .site-title h2 {
    font-size: 1em;
    margin-bottom: 5%;
    font-weight: 100;
}
#site-header .container {
	margin: 0 auto;
	width: 1000px;
	padding: 0;
}

#site-header #personal_t div {
	float:left;
	margin-top:0.3em;
}
#site-header #personal_t a {
	position: inherit;
	display: block;
	padding: 0 1.2em 0 1.2em;
	z-index: 2;
	overflow: hidden;
	color: #000;
	text-decoration: none;
	background:;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
	font-size: 13px;
}
#site-header #personal_t a:link, #site-header #personal_t a:visited {
	position: inherit;
	display: block;
	padding: 0 1.2em 0 1.2em;
	z-index: 2;
	overflow: visible;
	color: #000;
	text-decoration: none;
	background:;
	border-bottom: none;
}
#site-header #personal_t a:hover {
	position: inherit;
	display: block;
	padding: 0 1.2em 0 1.2em;
	z-index: 2;
	overflow: visible;
	color: #e2348c;
	text-decoration: none;
	background:;
	border-bottom: none;
}
#site-header #personal_t a:active {
	position: inherit;
	display: block;
	padding: 0 1.2em 0 1.2em;
	z-index: 2;
	overflow: visible;
	color: #e2348c;
	text-decoration: none;
	background:;
	border-bottom: none;
}
/* End Header */

/* Start Footer */
#ub-footer .top_dotted_line {
	float:left;
	border-left:none;
	border-right:none;
	border-bottom:none;
	height:auto;
	margin-top:1px;
	width:100%;
}
#ub-footer .section_title {
	float:left;
	width:100%;
	margin: 0;
	border-bottom: 1px solid #000;
}
#ub-footer .section_title_r {
	float:left;
	width:100%;
	margin: 0;
}
#ub-footer h1, #ub-footer span.section_header {
	font-family:"Yanone Kaffeesatz", "LiHei Pro", "微軟正黑體", "WenQuanYi - Micro Hei", "Arial", sans-serif;
	font-size:28px;
	letter-spacing:2px;
	font-weight: 700;
	margin: 0;
}
#ub-footer {
	width:1000px;
	 margin:0 auto;
}
#ub-footer ul {	
	list-style:none;
	padding: 0;
	margin: 0;
}
#ub-footer li {	
	list-style:none;
	font-size:13px
}	
#ub-footer img {
	display:block;
	border:none;
}
#ub-footer .copyright {
	width:960px; 
	margin:0; 
	border-top:solid 1px #ddd; 
	float:left; 
	padding:20px 20px 50px 20px;
	font-size:13px;
}		
#ub-footer .feature_section {
	width:100%;
	float:left;
}
#ub-footer .vertical_line {
	border-left:solid  #ddd 1px;
}	
#ub-footer .latest_title {
	margin:5px 10px 10px 10px;
	float: left;
	width: 256px;
}
#ub-footer .latest_title a, .latest_title a:visited {
	color: #E2348C;
	font-size:18px;
	font-weight:bold;
	line-height:16px;
}
#ub-footer .latest_title a:hover, .latest_title a:active {
	text-decoration: underline;
	color: #FFFFFF;
	font-size:18px;
	font-weight:bold;
	line-height:16px;
}
#ub-footer .feature_title {
	margin:0 0 2px 0;
}
#ub-footer .feature_title a, .feature_title a:visited {
	color: #000;
	font-size:13px;
}
#ub-footer .feature_title a:hover, .feature_title a:active {
	text-decoration: underline;
	color: #E2348C;
	font-size:13px;
}
#ub-footer .img_frame{
	float:left;
	padding:2px;
	margin: 10px 10px 0 10px;
	border: solid 1px #ccc;
	background: #fff;
}
#ub-footer .latest_item {
	width:278px;
	float:left;
}
#ub-footer .nav_content {
	width:960px;
	float:left;
	margin: 25px 20px;
}
#ub-footer .other_content {
	width:535px;
	float:left;
	padding: 0 0 0 42px;
}
#ub-footer .item {
	width:126px;
	float:left;
	height: 160px;
	margin-bottom:5px;
}
#ub-footer .cat {
	width:105px;
	float:left;
	height: 160px;
	margin-bottom:10px;
}		
#ub-footer .info{
	float:left;
	margin:5px 10px 0 10px;
	width: 106px;
	height: 35px;
}
#ub-footer .section_title_bg  {
	float:left;
	height:25px;
	margin:0 0 10px 5px;
}	
#ub-footer .section_title_underline {
	border-bottom:3px solid #000;
	width:160px;
	padding: 8px 10px 5px 10px;
	float:left;
}
#ub-footer .section_title_r2 {
	width:160px;
	padding: 10px 0px 0 10px;
	float:left;
}
#ub-footer .section_title_underline a, #ub-footer .section_title_underline .title a:visited {
	text-decoration:none;	
}
#ub-footer .section_title_underline .title a:hover, #ub-footer .section_title_underline .title a:active {
	text-decoration:none;
}
#ub-footer .section_title_gary-bg {
	background:#333;
	width:auto;
	padding: 5px 10px 5px 10px;
	float:left;
	margin:0 0 0 10px;
}
#ub-footer .section_title_gary-bg a, #ub-footer .section_title_gary-bg a:visited {
	text-decoration:none;
	color:#fff;	
}
#ub-footer .section_title_gary-bg a:hover, #ub-footer .section_title_gary-bg a:active {
	text-decoration:none;
	color:#E2348C;
}
#ub-footer .section_bottom_line {
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	float:left;
}
#ub-footer {
	color:#000;
	margin: 0 auto 20px;
}	
#ub-footer a:link,  #ub-footer a:visited {
	font-size:13px;
}
#ub-footer a:hover, #ub-footer a:active {
	font-size:13px;
}	
#ub-footer .title {	
	margin-bottom:10px;
	color: #E2348C;
	font-size:15px;
}	
#ub-footer .title a, #ub-footer .title a:visited {
	color: #E2348C;
	font-size:15px;
}
#ub-footer .title a:hover, #ub-footer .title a:active {
	text-decoration: underline;
	color: #E2348C;
	font-size:15px;
}
#ub-footer .channel {
 	color:#E2348C;
}
#ub-footer .channel a, #footer .channel a:visited {
	color: #E2348C;
}
#ub-footer .channel a:hover, #ub-footer .channel a:active {
	text-decoration: underline;
	color: #E2348C;
}
/* End Footer */
/* New header and footer - end */
#site-header img {border:0;}
#personal_t {width:270px;}

/* banner */
.bottom-leaderboard {position:relative; padding-top:20px;}
.bottom-leaderboard img {border:1px solid #eeeeee!important;}