@charset "utf-8";
/* miyac reset */
html{color:#333;background:transparent;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}/* to preserve line-height and selector appearance */sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*to enable resizing for IE*/input,textarea,select{*font-size:100%;}
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif,"宋体", "新細明體"; }

strong{font-weight:bold;}
a{color:#306599;text-decoration:none;}
a:visited{color:#5b96bf;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}
ol,ul{list-style:none;}

.s-location{margin:5px 0 0 0;}
#container{ width:950px; margin:0 auto;}
.menu{margin:0;}

.logo{float:left; margin:-5px 0 11px;}
.logo img{display:block;width:190px; height:47px; padding:0 8px; background:url(http://s.yaodian100.com/images/logo_v2_slogan.gif) no-repeat 8px 0;}
.login-area{float:right; margin:16px 0 0 0; color:#333;}
.login-area a{font-weight:bold; padding:0 .5em;}

/* top bar @2009.10 Miya  */
.top-bar{background:url(http://s.yaodian100.com/images/bg_top_v2.gif) no-repeat right 0; height:31px;}
.top-bar a:link,.top-bar a:visited{ color:#333;}
.top-bar p{ float:left; margin:9px 0 0 5px;_display:inline; }
.top-bar p span{margin:0 5px 0 0;}
.top-bar p a:link,.top-bar p a:visited{ color:#369; font-weight: bold; }
.top-bar .fast-link{ float:right; margin:9px 0px 0 0; _display:inline;*font-family:"宋体",Arial, Helvetica, sans-serif, "新細明體";_font-family:Arial, Helvetica, sans-serif,"宋体", "新細明體"; }
.fast-link a:link,.fast-link a:visited{ height:16px; display:block; _display:inline; float:left; text-decoration:none; padding:1px 0 0 24px; *padding:3px 0 0 24px; margin:-1px 6px 0 5px; background:url(http://s.yaodian100.com/images/icon_25_v2.gif) no-repeat; vertical-align: text-top; }
.fast-link a:hover{text-decoration:underline;}
.fast-link a.icon-car:link,a.icon-car:hover,a.icon-car:visited{background-position:0 -205px;}
.fast-link a.icon-collect:link,.fast-link a.icon-collect:hover,.fast-link a.icon-collect:visited{background-position:1px -240px;}
.fast-link a.icon-myaccont:link,.fast-link a.icon-myaccont:hover,.fast-link a.icon-myaccont:visited{background-position:1px -270px;}
.fast-link a.icon-help:link,.fast-link a.icon-help:hover,.fast-link a.icon-help:visited{background-position:0 -303px;}
.fast-link a.icon-share:link,.fast-link a.icon-share:hover,.fast-link a.icon-share:visited{background-position:0 -334px;}

/* top bar union 020810 Alex  */
.fast-link a.icon-yaodion:link,.fast-link a.icon-yaodion:hover,.fast-link a.icon-yaodion:visited{background-position:0 -334px;*background-position:0 -335px;}
.service-num{background:url(http://s.yaodian100.com/images/icon_25_v2.gif) no-repeat 0 -1152px; vertical-align:baseline; display:inline-block; padding:2px 0 4px 22px;*padding:4px 0 4px 22px;_padding:2px 0 4px 22px; margin:-2px 0 0 5px;}
.service-num strong{color:#cc2d6f;}

/* top bar */


/* yaodian100_menu.css @2009.12 Miya */
#menu{ border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e5e5e5; border-bottom-color: #bfbfbf; padding: 0px; }
#menu-warp{ display:block; padding:0px; height: 28px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #5f6269; border-bottom-color: #5f6269; }
#menu-warp h1{ font-size:12px; font-weight:normal; display:block; float:left; padding-top:7px; position: relative; }
#menu-warp h1 a{ color:#656565; display:inline-block; }

#menu-warp h1.home{width:80px;}
#menu-warp h1 a.tab{ border-right-width: 1px; border-right-style: solid; border-right-color: #656565; padding:0px 6px 0px 7px;}
#menu-warp h1 a.tablast{ padding:0px 6px 0px 7px; }
/* searchbar @2010.06.07 Jive */
.search-bar{ background-image: url(/images/bg_top_v2.gif); background-repeat: no-repeat; background-position: 0px -39px;  background-color: #eeeeee; height:33px; clear: both; padding-top: 7px; margin: 0px; padding-right: 10px; padding-left: 10px; }
.search-list{ margin:0 3px; width:100px; font-size:13px; padding:1px 0;}
.btn-serach{display:block; border: 1px solid #606068; display:block; }
.btn-serach span{display:block; padding:0px 9px 0px 9px; background-color: #5e6166; border: 1px solid #eeeeee; line-height:18px; font-size: 12px; color:#FFF; }
.btn-serach:hover{ text-decoration: none; }
.btn-serach,.search-page,.search-list,.search-index,.sel-page,.search-more,.hot-keywd,.hot-keywd strong,.hot-keywd ul,.hot-keywd li{float:left; display:inline;}
.search-page,.search-index{border:1px solid #d8d8d8; width:205px; padding:3px 5px;}
.search-index{width:205px; margin-right:3px;}
.sel-page{width:8em; margin:1px 3px;}

/* 導覽列miya@100608 */
#menu{font-size:12px; text-align:center; clear:both; border-top:2px solid #e5e5e5;border-bottom:2px solid #bfbfbf; color:#646464; padding:0;}
#menu ul.menu-list{border-top:1px solid #5f6269; border-bottom:1px solid #5f6269; height:28px; background:#fff;}
#menu li{float:left;display:block;list-style:none;}
#menu li a:link,#menu li a:visited{float:left;padding:7px 9px 8px;*padding:8px 9px;_padding:8px 9px 6px; color:#646464;display:block;text-decoration:none;background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat right -17px;}
#menu li a:hover div{display:block;}
#menu ul li.home {padding-left:4px;padding-right:178px;background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 0 8px;color:#afafaf; font-weight:bold;}
#menu ul li.home div{padding:7px 9px 8px;*padding:8px 9px;_padding:8px 9px 6px;}
#menu ul li.home a:link,#menu ul li.home a:visited{ color:#afafaf; font-weight:bold; background:none;}
#menu ul li.home a:hover{color:#646464;}
#menu ul li.brand a:link,#menu ul li.brand a:visited,#menu ul li.showall a:link,#menu ul li.showall a:visited{background:none;}
#menu ul li.showall a:link,#menu ul li.showall a:visited{padding-left:12px;background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 0 8px;}
#menu ul li.showall a:hover{color:#369; text-decoration:underline;}
#menu ul li.showall{float:right;margin:0 -3px 0 0px;}
/* 次選單開始 */
#menu li .sub-wrap{position:absolute;margin:-2px 0 0 -1px;font-size:12px;z-index:777;}
#menu li .sub-wrap .sub-title,#menu li .sub-area{border-top:1px solid; padding-top:4px;}
#menu li .sub-wrap .sub-title h2{border:1px solid #b0b0b0; border-style:none solid; font-size:12px; color:#000; display:block; background:#ededed;}
#menu li .sub-wrap .sub-title h2 span{border:1px solid #fafafa; border-bottom:#ececec; height:26px; display:block;}
#menu li .sub-wrap .sub-title h2 span a{background:none; float:none; padding:3px 7px;*padding:4px 7px;}

#menu li .sub-area{position:absolute; margin-top:24px;margin-left:-1px;font-size:12px;z-index:333;}
#menu li .sub-show{border:1px solid #b0b0b0; border-style-top:none; display:block;}
#menu li .sub-menu{border:1px solid #fafafa; border-top:0;background:#fafafa;}
/* 促銷 */
#menu li div.promo-area{background:url(http://s.yaodian100.com/images/dote_index_promo.gif) repeat-x 0 bottom #ededed; margin:0 0 3px; padding-bottom:3px;height:51px;}
#menu li ul.promo{text-align:left; float:left;}
#menu li ul.promo li{float:none;background:#ededed;}
#menu li ul.promo li a:link,#menu li ul.promo li a:visited{color:#333;display:block;float:none; text-align:left;background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat;padding:5px 12px 5px 27px;_margin:0;}
/* 選單 */
#menu li .list-area{text-align:left; overflow:auto;}
#menu li ul.sub-list{width:155px; float:left;padding-bottom:5px;*padding-bottom:0;*margin-bottom:-10px;}
#menu li ul.sub-list.section2{margin-left:5px; float:left;}
#menu li ul.sub-list li{text-align:left;background:none; font-weight:bold; float:none;}
#menu li ul.sub-list li a:link,#menu li ul.sub-list li a:visited{padding:4px 10px 4px; background:none; float:none; color:#000;}
#menu li ul.sub-list ul.show-dtl li{_height:20px;_margin-bottom:-2px;}
#menu li ul.sub-list ul.show-dtl li a:link,#menu li ul.sub-list ul.show-dtl li a:visited{ font-weight:normal; color:#333;background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat;padding-left:25px;}

/* 品牌 */
#menu li ul.sub-list.brands{background:url(http://s.yaodian100.com/images/dote_848283.gif) repeat-y 0 0; padding-left:7px;margin:5px 0 0 .5em;}
#menu li ul.sub-list.brands em{font-weight:bold; margin:0 0 4px 2px;}
#menu li ul.sub-list.brands.section2{ background:none;}


/* 顏色 */
#menu li.fashion .sub-wrap .sub-title,#menu li.fashion .sub-area{border-color:#ff3183; background:#d12c6e;}
#menu li.fashion ul.promo li a:link,#menu li.fashion ul.promo li a:visited{background-position:12px -113px;*background-position:12px -114px;}
#menu li.fashion ul.promo li a:hover{background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 12px -88px #fb90ae;*background-position:12px -89px; color:#fff;}
#menu li.fashion ul.sub-list li a:hover{background:#fb90ae;color:#fff;}
#menu li.fashion ul.sub-list ul.show-dtl li a:link,#menu li.fashion ul.sub-list ul.show-dtl li a:visited{background-position:15px -216px;*background-position:15px -217px;}
#menu li.fashion ul.sub-list ul.show-dtl li a:hover{background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 15px -193px #fb90ae;*background-position:15px -195px; color:#fff;}

#menu li.life .sub-wrap .sub-title,#menu li.life .sub-area{border-color:#53ccd4; background:#39a3aa;}
#menu li.life ul.promo li a:link,#menu li.life ul.promo li a:visited{background-position:12px -163px;*background-position:12px -164px;}
#menu li.life ul.promo li a:hover{background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 12px -88px #3fa9b0;*background-position:12px -89px; color:#fff;}
#menu li.life ul.sub-list li a:hover{background:#3fa9b0;color:#fff;}
#menu li.life ul.sub-list ul.show-dtl li a:link,#menu li.life ul.sub-list ul.show-dtl li a:visited{background-position:15px -266px;*background-position:15px -267px;}
#menu li.life ul.sub-list ul.show-dtl li a:hover{background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 15px -195px #3fa9b0;*background-position:15px -195px; color:#fff;}

#menu li.three-c .sub-wrap .sub-title,#menu li.three-c .sub-area{border-color:#00a2ff; background:#0085d2;}
#menu li.three-c ul.promo li a:link,#menu li.three-c ul.promo li a:visited{background-position:12px -138px;*background-position:12px -139px;}
#menu li.three-c ul.promo li a:hover{background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 12px -88px #3db1f3;*background-position:12px -89px; color:#fff;}
#menu li.three-c ul.sub-list li a:hover{background:#3db1f3;color:#fff;}
#menu li.three-c ul.sub-list ul.show-dtl li a:link,#menu li.three-c ul.sub-list ul.show-dtl li a:visited{background-position:15px -241px;*background-position:15px -242px;}
#menu li.three-c ul.sub-list ul.show-dtl li a:hover{background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 15px -193px #3db1f3;*background-position:15px -195px; color:#fff;}

#menu li.brand .sub-wrap .sub-title,#menu li.brand .sub-area{border-color:#af76fc; background:#7d57b0;}
#menu li.brand ul.promo li a:link,#menu li.brand ul.promo li a:visited{background-position:12px -321px;*background-position:12px -322px;}
#menu li.brand ul.promo li a:hover{background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 12px -88px #7d57b0;*background-position:12px -89px; color:#fff;}
#menu li.brand ul.sub-list li a:hover{background:#7d57b0;color:#fff;}
#menu li.brand ul.sub-list ul.show-dtl li a:link,#menu li.brand ul.sub-list ul.show-dtl li a:visited{background-position:15px -292px;*background-position:15px -293px;}
#menu li.brand ul.sub-list ul.show-dtl li a:hover{background:url(http://s.yaodian100.com/images/index_v2_s.gif) no-repeat 15px -193px #7d57b0;*background-position:15px -195px; color:#fff;}

#menu li.fashion ul.sub-list.brands em{color:#cf2c6d;}
#menu li.life ul.sub-list.brands em{color:#2e99a0;}
#menu li.three-c ul.sub-list.brands em{color:#0085d2;}
#menu li.brand ul.sub-list.brands em{color:#7d57b0;}

/* 所有分類 */
#menu .menu-sub a:link,#menu .menu-sub a:visited{text-decoration:none; color:#fff; padding:0 1px;}#menu .menu-sub a:hover{text-decoration:underline;}
#menu .menu-sub.caall{clear:both; text-align:left; color:#fff;background:#f9f9f9; font-size:12px;background-position:0 -200px; height:280px; color:#999; padding:0 10px 10px;_padding:0 10px 0;  line-height:1.45em; border:1px solid #afafaf; border-top:3px solid #d02d6e;}
#menu .menu-sub.caall h5{font-size:15px; margin:10px 0 5px;}
#menu .menu-sub.caall a:link,#menu .menu-sub.caall a:visited{color:#369; text-decoration:none; white-space:nowrap;}#menu .menu-sub.caall a:visited{color:#5b96bf; text-decoration:none;}#menu .menu-sub.caall a:hover{text-decoration:underline;}
#menu .menu-sub.caall .sub-cell{width:200px; display:block; height:250px; margin:10px 11px 0;_margin:10px 20px 0 4px; float:left;background:url(http://s.yaodian100.com/images/dote_848283.gif) repeat-y right 0; padding-right:7px;}
#menu .menu-sub.caall .sub-cell.last-one{background-image:none;}
.tomore{clear:both; text-align:right;padding:3px;}

.c-f{clear:both;margin:0;}
.ie6-sel-iframe{width:950px; height:700px; background:#ccc;float:left; position:absolute; float:left; margin:0;display:none;/*sorry for IE5*/display/**/:block;/*sorry for IE5*/; z-index:1;filter:mask();/*must have*/}  


.search-bar a.search-more,.search-bar a.search-more{ *margin:4px 58px 0px 15px;background:url(http://s.yaodian100.com/images/icon_s10_v2.gif) no-repeat 0 -302px; padding:0 0 0 9px;*padding:1px 0 0 9px;}
.search-more{margin:4px 58px 0px 15px ;background:url(http://s.yaodian100.com/images/icon_s10_v2.gif) no-repeat 0 -302px; padding:0 0 0 9px;}
a:hover.search-more{text-decoration:underline;}
.hot-keywd{margin:1px -15px 0 0;*margin:1px -25px 0 0;}
.hot-keywd ul{ display:block; *vertical-align: top; width:395px; height:20px; overflow:hidden;  }
.hot-keywd ul li{display:block; padding:3px 0 0;}
.hot-keywd ul li a:link,.hot-keywd ul li a:visited{ vertical-align:baseline;_zoom:1; padding:0 6px; display:block;line-height:1.231; float:left;}
.hottitle-wrap{ color:#fff; border-right-width: 1px; border-right-style: solid; border-right-color: #cf2c6d; display: block; margin:1px; }
.hottitle{ background-color: #5e6166; font-weight: normal; color: #FFF; border-right-width: 1px; border-right-style: solid; border-right-color: #c4c4c4; display: block; padding:3px 5px 2px 5px; }



/* 常用文字顏色 */
.txt-rd{color:#d0306e;}
.txt-gy-2{color:#666;}
.txt-gy{color:#999;}
.txt-bl{color:#369;}

/* 連結色 */
a.a-red:link,a.a-red:visited{color:#f00;}
a.a-blue:link,a.a-blue:visited{color:#369;text-decoration:none;}a.a-blue:hover{text-decoration:underline;}

/*解決容器無法正確閉合
------------------------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
html[xmlns] .clearfix {	display: block;}
/* End hide from IE-mac */