/* 全局屬性 */
body{ text-align:center; font-family: "細明體", Arial,serif; margin:0; padding:0; background:#fff; font-size:12px; color:#4d4d4d;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border:0; }
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-size:12px; font-weight:normal;}
table,td,tr,th{ font-size:12px;}
li{ list-style-type:none;}

/* 鏈結顏色 */
a:link{ color: #4d4d4d; text-decoration:none;}
a:visited{ color: #4d4d4d; text-decoration:none;}
a:hover{ color: #ff2894; text-decoration:underline;}
a:active{ color: #ff2894;}

/* 其他屬性 */
.clear{ clear: both;}
.nodisplay{ display:none;}
.nobackground{ background:none;}

/* 空隙屬性 */
.blank3{ height:3px; font-size:1px; width:100%;}
.blank6{ height:6px; font-size:1px; width:100%;}
.blank9{ height:9px; font-size:1px; width:100%; clear:both;}
.blank10{ height:10px; font-size:1px; width:100%; clear:both;}
.blank12{ height:12px; font-size:1px; width:100%; clear:both;}
.blank15{ height:15px; font-size:1px; width:100%; clear:both;}
.blank20{ height:20px; font-size:1px; width:100%; clear:both;}
.blank35{ height:35px; font-size:1px; width:100%; clear:both;}
.blank42{ height:42px; font-size:1px; width:100%; clear:both;}

/* 主容器*/
.lady8844{ width:960px; margin:0 auto; background:url(/slim/cssimg/bodybg.gif) repeat-y left center;}
.ladybox{ width:960px; margin:0 auto; overflow:hidden;}

/* 頂部登錄 */
.loginbar{ width:960px; height:29px; margin:0 auto; background:url(/slim/cssimg/loginbar1.gif) repeat-x;}
.loginbar ul li{ float:left; height:29px; line-height:29px;}
.loginbar ul li input{ margin-top:3px;}
.loginbar .width88{ width:88px; height:14px;}
.loginbar .width170{ width:170px; height:14px;}
.loginbar #users{ background:url(/slim/cssimg/loginbar2.gif) no-repeat 5px center; padding-left:30px;}
.loginbar #reg{ background:url(/slim/cssimg/loginbar3.gif) no-repeat left center; padding-left:15px; margin-left:10px; margin-right:60px;}
.loginbar #search1{ background:url(/slim/cssimg/loginbar4.gif) no-repeat left center; padding-left:20px; text-align:right;}
.loginbar #loginbtn input{ width:54px; height:21px; background:url(/slim/cssimg/loginbar5.gif) no-repeat; border:none;
 margin:0 5px; cursor:pointer; margin-top:3px;}
 
/* logo與banner */
.logo{ width:960px; margin:0 auto;}
.brand_logo{ float:left;}
.brand_banner{ width:760px; height:90px; float:right;}

/* 全局導航*/
.nav{ width:960px; margin:0 auto; background:url(/slim/cssimg/navbg1.gif) repeat-x left top; padding-top:10px; clear:both;}
.nav ul{ height:35px; padding-left:10px; text-align:center; background:url(/slim/cssimg/navbg2.gif) repeat-x left bottom; font-size:14px;}
.nav ul li{ float:left; line-height:35px; margin:0 5px;}
.nav ul li strong{ display:block; width:30px; height:35px; background:url(/slim/cssimg/hufu/navcurrent.gif) no-repeat left bottom;}
.nav ul li strong a:link{ color:#ff2894;}
.nav ul li strong a:visited{ color:#ff2894;}

/* 子導航*/
.subnav{ width:960px; height:27px; margin:0 auto; background:url(/slim/cssimg/subnavbg.gif) repeat-x;}
.subnav .subnavbg2{ height:27px; background:url(/slim/cssimg/subnavbg2.gif) no-repeat left bottom;}
.subnav ul{ height:27px; margin-left:150px;}
.subnav ul li{ float:left; line-height:27px; margin:0 6px; font-size:14px;}
.subnav ul li a:link{ color:#FFFFFF;}
.subnav ul li a:visited{ color:#FFFFFF;}
.subnav ul li a:hover{ color:#fcddea; text-decoration:none;}
.subnavline{ width:2px; height:27px; background:url(/slim/cssimg/subnavbg3.gif) no-repeat;}
#hotsearch{ text-align:right; width:480px; font-size:12px; color:#FFFFFF;}


/* 左邊列 鏡子 列表*/
.col1{ width:694px; float:left;}
.col1 .toppic{ float:left; width:280px; height:290px;}
.col1 .toplist{ float:left; width:414px; height:290px; background:url(/slim/cssimg/toplistbg.jpg) no-repeat left; overflow:hidden;}
.col1 .toplisttitle{ margin:0 auto; width:240px; overflow:hidden;}
.col1 h1{ width:240px; font:bold 14px/150%  "細明體"; overflow:hidden; text-align:left;}
.col1 h1 a:link{ color:#4d4d4d;}
.col1 h1 a:visited{ color:#4d4d4d;}
.col1 h1 a:hover{ color:#ff2894;}


.col1 .toplist ul{ width:300px; margin:0 auto; margin-left:75px;}
.col1 .toplist ul li{ width:260px; padding-left:10px; float:left; text-align:left; line-height:185%; background:url(/slim/cssimg/toplistarr.gif) no-repeat left center;}
.col1 .toplist .toplistline{ width:414px; height:1px; background:url(/slim/cssimg/hufu/toplistline.gif) repeat-x; overflow:hidden;}


/* 右邊列 廣告 產品搜索*/
.col2{ float:left; margin-left:6px; width:260px; overflow:hidden;}
.col2 .ad1{ width:249px; height:113px; margin:0 auto;}
.col2 .search{ width:249px; margin:0 auto; margin-top:2px;}
.col2 .search h2{ padding-left:15px; height:27px; line-height:27px; font-size:14px; font-weight:bold; text-align:left; background:url(/slim/cssimg/search_title.gif) no-repeat;}
.col2 .searchc{ width:249px; height:146px; background:url(/slim/cssimg/searchcbg.gif) no-repeat;}
.col2 .searchc input,.col2 .search select{ width:155px; color:#808080;}
.col2 .search select{ width:162px;}
.col2 .searchc .searchbtn{ width:65px; height:25px; background:url(/slim/cssimg/searchbtn.gif) no-repeat; border:none;}
.col2 .searchc p{ text-align:left; margin:8px auto; padding-left:8px;}
.col2 .search .searchline{ height:1px; background:url(/slim/cssimg/searchline.gif) repeat-x; margin-top:15px;}


/* 熱點推薦*/
.ml{ width:32px; height:132px; background:url(/slim/cssimg/mlbg.gif) no-repeat; float:left;}
.mc{ width:922px; height:132px; background:url(/slim/cssimg/mcbg.gif) repeat-x; float:left;}
.mr{ width:6px; height:132px; background:url(/slim/cssimg/mrbg.gif) no-repeat; float:left;}
.ml h2{ width:32px; margin-top:20px; font-size:14px; font-weight:bold; line-height:22px; color:#587800;}
.ml h2 a:link{ color:#006db0;}
.ml h2 a:visited{ color:#006db0;}
.ml h2 a:hover{ color:#fb58b0;}
.mc ul{ margin-top:10px;}
.mc ul li{ width:184px; height:112px; overflow:hidden; margin:0 auto; float:left; background:url(/slim/cssimg/middlepicbg.gif) no-repeat center center;}
.mc ul li h1{ margin:1px;}
.mc ul li h2{ margin:0 auto; margin-top:10px; width:154px; overflow:hidden;}

/*左邊各欄目屬性*/
.col1 .m1{ float:left; width:179px; height:331px; background:url(/slim/cssimg/m1bg.jpg) no-repeat; overflow:hidden;}
.col1 .m2{ float:left; width:331px; height:331px; background:url(/slim/cssimg/m2bg.gif) repeat-x; overflow:hidden;}
.col1 .m3{ float:left; width:184px; height:331px; background:url(/slim/cssimg/m3bg.jpg) no-repeat; overflow:hidden;}
.col1 .m1 .m1box{ width:172px;  margin:6px; margin-right:0px;}
.col1 .m1 .m1picbox{ width:164px; height:79px; text-align:center; margin:0 auto;}
.col1 .m1 .m1pic img{ border:1px solid #dddddd;}
.col1 .m1 h3{ font:bold 12px/140% "細明體",Arial, Helvetica, sans-serif;}
.col1 .m1 h2{ width:161px; height:36px; background:url(/slim/cssimg/m1hottitle.gif) no-repeat;}
.col1 .m1 h2 ul{ margin-left:38px;}
.col1 .m1 h2 ul li{ height:40px; font:bold 14px/40px "細明體"; color:#fb58b0; float:left;}
.col1 .m1 h2 ul li img{ margin-top:15px; margin-left:3px;}
.col1 .m1 h2 ul li a:link{ color:#587800;}
.col1 .m1 h2 ul li a:visited{ color:#587800;}
.col1 .m1 .m1box .m1hot ul{ width:160px;}
.col1 .m1 .m1box .m1hot ul li{ width:78px; float:left; text-align:left; line-height:180%; padding-left:2px;}

.col1 .m2 .m2box{ margin-left:5px;}
.col1 .m2 .m2box .shoushensubnav{ overflow:hidden; width:331px; height:34px; background:url(/slim/cssimg/shoushensubnav.jpg) no-repeat left center;}
.col1 .m2 .m2box .shoushensubnav h2{ width:275px; overflow:hidden; text-align:center; font:bold 14px/34px "細明體"; color:#587800; }
.col1 .m2 .m2box .m2title{ width:303px; height:30px; margin:0 auto; background:url(/slim/cssimg/m2titlebg.gif) no-repeat;}
.col1 .m2 .m2box .m2title h2{ width:275px; overflow:hidden; text-align:left; padding-left:35px; font:bold 14px/30px "細明體"; }
.col1 .m2 .m2box .m2list{ width:320px;}
.col1 .m2 .m2box .m2list ul{}
.col1 .m2 .m2box .m2list ul li{ float:left; width:150px; text-align:left; line-height:180%; padding-left:10px; background:url(/slim/cssimg/m2listarr.gif) no-repeat left center;}
.col1 .m2 .m2box .m2list .m2listmore{ width:310px; background:url(/slim/cssimg/m2listline.gif) repeat-x left center; text-align:right;}

.col1 .m3 .m3picbox1{ width:160px; overflow:hidden; margin-top:15px; margin-left:10px;}
.col1 .m3 .m3picbox1 img,.m3picbox2 img{ float:left; border:1px solid #dddddd;}
.col1 .m3 .m3picbox1 h3, .m3picbox2 h3{ float:left; width:20px; height:128px; overflow:hidden; writing-mode: tb-rl; line-height:115%; text-align:center;}
.col1 .m3 .m3picbox2{ margin-left:25px;}
.col1 .m3 .m3picbox2 h3{ margin-right:3px;}

/*右邊列欄目屬性*/
.sctitle{ height:26px; background:url(/slim/cssimg/sczctitle.gif) no-repeat;}
.sctitle h2{ padding-left:40px; height:26px; line-height:26px; font-size:14px; font-weight:bold; text-align:left;}
.sccont{ width:249px; height:291px; background:url(/slim/cssimg/sczccont.gif) repeat-y;}
.scbot{ clear:both; margin:0 auto; width:249px; height:14px; background:url(/slim/cssimg/sczcbot.gif) no-repeat;}
.sccont h2{ font-size:14px; text-align:left;}
.sccont table tr{ height:28px; line-height:28px;}
.sccont input{ width:35px;}
.sccont .scbtn{ border:none; width:50px; height:21px; background:url(/slim/cssimg/scbtn.gif) no-repeat; color:#FFFFFF; text-align:center;}
.sccont .scline{ width:220px; height:1px; background:url(/slim/cssimg/sczcline.gif) repeat-x center center;}


.cl2box{ height:331px; width:249px; margin:0 auto; overflow:hidden;}
.col2 .col2title1{ width:249px; height:35px; margin:0 auto; background:url(/slim/cssimg/col2title1.gif) no-repeat;}
.col2 .col2title1 h2{ padding-left:20px; line-height:27px; padding-top:8px; font-size:14px; font-weight:bold; text-align:left;}
.col2 .col2cont1{ width:249px; height:270px; background:#f0f0f0; margin:0 auto;}
.col2 .col2cont1 ul{ width:249px; height:252px;}
.col2 .col2cont1 ul li{ width:100px; float:left; padding-left:20px; text-align:left; background:url(/slim/cssimg/col2arrow1.gif) no-repeat 10px center; line-height:180%;}
.col2 .col2bot1{ height:26px; background:url(/slim/cssimg/col2bot1.gif) no-repeat left bottom;}
.col2 .col2more{ text-align:right; padding-right:20px;}
.col2 .col2more a:link{ text-decoration:underline;}
.col2 .col2more a:visited{ text-decoration:underline;}


.col2 .col2cont2{ width:249px; height:301px; margin:0 auto; background:url(/slim/cssimg/col2cont2.gif) no-repeat;}
.col2 .col2title2{ height:30px; background:url(/slim/cssimg/col2title2.gif) no-repeat;}
.col2 .col2title2 h2{ height:25px; line-height:25px; padding-left:18px; padding-top:5px; text-align:left; font-size:14px; font-weight:bold;}
.col2 .col2cont2 ul{ margin:0 auto; width:215px; background:url(/slim/cssimg/col2listarr.gif) no-repeat left center;}
.col2 .col2cont2 ul li{ text-align:left; line-height:225%; padding-left:20px;}
.col2 .col2bot222{ height:16px; background:url(/slim/cssimg/col2bot2.gif) no-repeat;}


.col2 .col2cont3{ height:296px; background:url(/slim/cssimg/col2cont3bg.gif) no-repeat;}
.col2 .col2cont3 ul li{ text-align:left; line-height:225%!important; line-height:220%; padding-left:36px;}

.col2 .col2cont21{ width:249px; height:286px; margin:0 auto; background:url(/slim/cssimg/col2lefttitle2.gif) no-repeat left bottom;}
.col2 .col2cont31{ height:296px; background:url(/slim/cssimg/col2cont31bg.gif) no-repeat;}
.col2 .col2cont31 ul li{ background:url(/slim/cssimg/col2cont31arr.gif) no-repeat 20px center;}


/* 護膚圖庫*/
.ml2{ width:32px; height:157px; background:url(/slim/cssimg/ml2bg.gif) no-repeat; float:left;}
.mc2{ width:922px; height:157px; background:url(/slim/cssimg/mc2bg.gif) repeat-x; float:left;}
.mr2{ width:6px; height:157px; background:url(/slim/cssimg/mr2bg.gif) no-repeat; float:left;}
.ml2 h2{ width:32px; margin:0 auto; margin-top:35px; font-size:14px; font-weight:bold; line-height:22px; color:#587800;}
.ml2 h2 a:link{ color:#587800;}
.ml2 h2 a:visited{ color:#587800;}
.ml2 h2 a:hover{ color:#fb58b0;}
.mc2 ul{ margin-top:10px;}
.mc2 ul li{ width:130px; height:136px; overflow:hidden; margin:0 auto; float:left; background:url(/slim/cssimg/tukupicbg.gif) no-repeat center center;}
.mc2 ul li h1{ margin:1px; text-align:center;}
.mc2 ul li h2{ margin:0 auto; text-align:center; width:100px; margin-top:10px; overflow:hidden;}


/* 網友關注熱點*/
.hotstitle{ width:960px; height:28px; background:url(/slim/cssimg/hotstitlebg.gif) no-repeat;}
.hotstitle h2{ color:#4d4d4d; font-size:14px; font-weight:bold; height:28px; line-height:28px; text-align:left; padding-left:35px;}

.hots{ width:960px; height:150px; background: url(/slim/cssimg/hotscont.gif) repeat-y; border-bottom:1px solid #ffc3e3; overflow:hidden;}
.hotscont{ height:150px; overflow:hidden;}
#scrolllayer{ height:200px;}
.hotsleft{ width:67px; float:left;}
.hotsright{ width:67px; float:left; width:800px; overflow:hidden; margin-left:20px;}
.hotsright ul li{ text-align:left; width:80px; height:18px; line-height:160%; float:left;}
.hotsright ul li a:hover{ color:#FFFFFF; background:#f6517e; text-decoration:none;}

.hotscont h1{ width:67px; height:21px; line-height:21px; text-align:center;}
.hots0, .hots1, .hots2, .hots3, .hots4, .hots1, .hots5, .hots6, .hots7{ width:900px; margin:0px auto; overflow:hidden;}
.hotscont .hots0 h1{ background:url(/slim/cssimg/hots0.gif) no-repeat;}
.hotscont .hots1 h1{ background:url(/slim/cssimg/hots1.gif) no-repeat;}
.hotscont .hots2 h1{ background:url(/slim/cssimg/hots2.gif) no-repeat;}
.hotscont .hots3 h1{ background:url(/slim/cssimg/hots3.gif) no-repeat;}
.hotscont .hots4 h1{ background:url(/slim/cssimg/hots4.gif) no-repeat;}
.hotscont .hots5 h1{ background:url(/slim/cssimg/hots5.gif) no-repeat;}
.hotscont .hots6 h1{ background:url(/slim/cssimg/hots6.gif) no-repeat;}
.hotscont .hots7 h1{ background:url(/slim/cssimg/hots6.gif) no-repeat;}

.hotscont h1 a:link{ color:#fff;}
.hotscont h1 a:visited{ color:#fff;}

.hotscont .hots2 .hotsright{ background:#faf5f6;}
.hotscont .hots4 .hotsright{ background:#faf5f6;}
.hotscont .hots6 .hotsright{ background:#faf5f6;}
.hotscont .hots7 .hotsright{ background:#faf5f6;}

.hots1 .hotsright strong a:link{ color:#ff4795;}
.hots1 .hotsright strong a:visited{ color:#ff4795;}
.hots1 .hotsright strong a:hover{ color:#fff; background:#fe99cc;}

.hots2 .hotsright strong a:link{ color:#b355c8;}
.hots2 .hotsright strong a:visited{ color:#b355c8;}
.hots2 .hotsright strong a:hover{ color:#fff; background:#c696d3;}

.hots3 .hotsright strong a:link{ color:#FF7200;}
.hots3 .hotsright strong a:visited{ color:#FF7200;}
.hots3 .hotsright strong a:hover{ color:#fff; background:#ffc647;}

.hots4 .hotsright strong a:link{ color:#18b1b2;}
.hots4 .hotsright strong a:visited{ color:#18b1b2;}
.hots4 .hotsright strong a:hover{ color:#fff; background:#6fc9ff;}

.hots5 .hotsright strong a:link{ color:#6a9613;}
.hots5 .hotsright strong a:visited{ color:#6a9613;}
.hots5 .hotsright strong a:hover{ color:#fff; background:#6a9613;}

.hots6 .hotsright strong a:link{ color:#fa3e70;}
.hots6 .hotsright strong a:visited{ color:#fa3e70;}
.hots6 .hotsright strong a:hover{ color:#fff; background:#f95d87;}

.hots7 .hotsright strong a:link{ color:#fa3e70;}
.hots7 .hotsright strong a:visited{ color:#fa3e70;}
.hots7 .hotsright strong a:hover{ color:#fff; background:#f95d87;}


/* 友情鏈結*/
.links h2{ height:30px; line-height:30px; font-size:14px; background:#fde4f0; border-bottom:1px solid #fe99cc; font-weight:bold; text-align:left; padding-left:10px;}
.links a{ width:88px; height:31px; background:#fde4f0; line-height:31px; float:left; display:block; margin:1px;}
.links a:link{ text-decoration:none;}
.links a:visited{ text-decoration:none;}
.links a:hover{ background:#fe99cc; color:#FFFFFF; text-decoration:none;}


/* 合作媒體*/
.medialinks{ width:960px; margin:0 auto;}
.mediatitle{ height:26px; line-height:26px; background:url(/slim/cssimg/mediatitle.gif) no-repeat;}
.mediatitle h2{ line-height:22px; padding-top:3px; text-align:left; font-size:14px; font-weight:bold; padding-left:25px; color:#9a001d;}
.mediabody{ width:960px; margin:0 auto; background:url(/slim/cssimg/mediacont.gif) repeat-y; border-bottom:1px solid #cdcdcd;}
.media1{ width:940px; padding-left:10px;}
.media1 img{ border:1px solid #ffeded; margin:3px 6px; float:left;} 
.medialine{ overflow:hidden; width:940px; height:1px; margin:0 auto; background:url(/slim/cssimg/medialine.gif) repeat-x;}
.media2{ width:930px; margin:0 auto; text-align:left; line-height:180%;}
.media2 strong{ font-size:14px; font-weight:bold; color:#9a001d;}
.media3{ width:940px; margin:0 auto; text-align:left; line-height:180%;}
.media3 img{ margin:5px;}

/* 頁面底部foot屬性*/
.foot{ width:960px; margin:0 auto; clear:both;}
.foot .footnav{ height:25px; line-height:25px; background:#fe99cc; font-size:14px; color:#FFFFFF;}
.foot .footnav a:link{ color:#FFFFFF;}
.foot .footnav a:visited{ color:#FFFFFF;}
.foot .footnav a:hover{ color:#f93297;}
.foot .footlianxi{ height:92px; background:url(/slim/cssimg/footbg.gif) no-repeat;}
.foot .footlianxi p{ margin:0; line-height:23px;}