@import url(../css/discuss_style.css);
@import url(../css/cosmetics_style.css);
@import url(../css/brands_style.css);
@import url(../css/feeling_style.css);
@import url(../css/news_style.css);
@import url(../css/article_style.css);
@import url(../css/events_style.css);
@import url(../css/epaper_style.css);
@import url(../css/club_style.css);
@import url(../css/MYclub_style.css);
@import url(../css/company_style.css);
@import url(../css/subscription_style.css);
@import url(../css/sitemap_style.css);
@import url(../css/rss_style.css);
@import url(../css/qa_style.css);
@import url(../css/survey_style.css);
@import url(/contents/myinfo/css/murstate_style.css);
body,td,th {font-family:Arial;margin-top:8px;}
#BodyBG {position:relative;text-align:center;margin:0 auto; width:936px;height:auto; background-color:#FFF; padding:10px;}
body {background-color:#FEF1F4; padding:0px; margin:0px; background-image:url(../images/Background.gif); background-repeat: repeat-y; background-position:50% 50%;}
/*body {background:url(../images/BodyBG_B-Day.gif) top repeat-x;}*/
h2{width:auto;padding:0px;margin:0px;padding:7px 0px 0 22px;font-size:13px;color:#999;font-weight:bolder;text-align:left;background:url(../images/ul.gif) no-repeat; height:21px;}
h2 a{font-size:13px;color:#999;font-weight:bolder;text-decoration:none;} h2 a:hover{text-decoration:underline;}
h2 img{float:right;} h2 span{font-size:17px;color:#bb38a5;font-family: Times New Roman, Times, serif;}
hr{border:0px;border-top:1px solid #ccc;border-bottom:0px solid #ccc;}

#Logo {width:468px;height:60px;float:left;}
	#Logo H1 {float:left;margin:0 auto;background:url(/images/Logo/Logo.gif);width:460px;height:60px;}
	#Logo H1 a{display:block;width:100%;height:100%;}#Logo H1 a span {display: none;}
#SiteMap {display:none;}

#Search{text-align:left;float:right;width:468px;height:60px;background:url(../images/TopSearchBg.gif);}
	#Search_form{float:right;width:350px;margin-top:19px;}
	#Search input, #Search select{font-size:11px;*font-size:10px;color:#666;float:left;margin:1px 8px 0 0;}
	.SearchButton{background:url(../images/SearchIcon.gif);height:20px;width:34px;text-align:center;float:left;border:0px;}

#navigation {font-size:11px;*font-size:10px;color:#666;height:30px;}
#navhotcf {width:240px;height:19px !important;height:17px;background:url(/images/HotTag.gif);padding:4px 0 0 60px !important;padding:6px 0 0 60px;margin-bottom:8px;font-size:12px;text-align:left;float:right;}
	#navhotcf a{color:#bb38a5;text-decoration:none;font-size:12px;}#navhotcf a:hover{text-decoration:underline;}
#navlink {width:490px;float:left;text-align:left;}
	#navlink a{color:#b2b2b2;text-decoration:underline;}#navlink a:hover{color:#666;}
#navbutton{width:142px;float:left;text-align:left;}
#navsearch{margin-right:19px !important;margin-right:15px;float:left; text-align:left;width:91px;height:22px;padding:4px 0 0 30px;background:url(../../images/TopSearchSBg.gif) no-repeat;}
	#navsearch input{float:left;font-size:11px;*font-size:10px;}
	.navsearchButton{background:url(../images/TopSearchSgo.gif) no-repeat;height:16px;width:23px;margin:2px 0 0 3px;border:0px;}

#Contents {clear:both;width:auto;height:auto;}
#CenterBlock {width:627px;float:left;margin-bottom:10px;}
#SubContents {width:485px;float:right;}
	
#CFBanner {width:468px;height:60px;margin-bottom:20px;}
/*Banner*/
#BannerA {width:468px;height:60px;text-align:left;float:right;margin-bottom:10px;}
#BannerB {width:300px;margin-bottom:8px;}
#BannerC {width:795px;margin:10px 0 20px 0;float:right;}
#BannerS {width:485px; margin-bottom:8px;}
#BannerSP {width:600px; height:400px; overflow:auto; top:70px; left:142px; position:absolute;}
#BannerU {width:936px; margin-bottom:8px;}
#MenuVideo{margin:0 0 10px 10px !important;margin:5px 0 0px 0px;width:107px;height:79px;}

#Article {width:485px;height:251px;background:url(/images/ArticleBgNew.gif);text-align:left;margin-bottom:8px;}
	.ArticleIMG img{width:175px;height:235px;float:left;margin:7px 0px 0 12px;border:1px solid #fff;}
	#Article ul{padding:0px;margin:0px;padding:10px 0px 0 15px;float:left;width:265px;list-style-type:none;}
	#Article ul a{font-size:15px;color:#ad0d92;font-weight:bolder;text-decoration:none;line-height:22px;}#Article ul a:hover{text-decoration:underline;}
	
	#Article li{font-size:12px;color:#4f4646;line-height:19px;margin-top:2px;}
	#Article hr{border-top:1px solid #fff;border-bottom:1px solid #ffc9d4;}
	.ArticleMore {text-align:right; width:265px;}
#BothArea {width:468px;height:272px;margin-bottom:20px;}

#Magazine {width:226px; height:272px; float:right;}
	.MazContent{position:absolute;background:url(../images/MazIcon01.gif);width:55px;height:17px;margin:55px 0 0 135px;padding:5px 0 0 20px;}
	.MazSubscription {position:absolute;background:url(../images/MazIcon02.gif);width:55px;height:17px;margin:85px 0 0 135px;padding:5px 0 0 20px;}
	.MazGiv{position:absolute;background:url(../images/MazIcon03.gif);width:55px;height:17px;margin:115px 0 0 135px;padding:5px 0 0 20px;}
	.MazContent a{font-size:11px;*font-size:10px;color:#333;font-weight:normal;text-decoration:none;} .MazContent a:hover{color:#bb38a5; text-decoration:underline;}
	.MazSubscription a{font-size:11px;*font-size:10px;color:#333;font-weight:normal;text-decoration:none;} .MazSubscription a:hover{color:#bb38a5; text-decoration:underline;}
	.MazGiv a{font-size:11px;*font-size:10px; color:#333; font-weight:normal; text-decoration:none;} .MazGiv a:hover{color:#bb38a5; text-decoration:underline;}
	#Magazine ul{margin:0px;padding:0px;padding:12px 0 12px 12px;height:220px; border:1px solid #ccc; list-style-type:none; text-align:left;}
	#Magazine li{float:left;width:205px;font-size:12px;color:#bb38a5;margin-bottom:10px;}
	#Magazine li a{color:#bb38a5; ext-decoration:none; line-height:17px;font-weight:bolder;} #Magazine li a:hover{text-decoration:underline;}
	#Magazine li img{float:left;margin-right:9px; width:110px; border:1px solid #ccc;}
	#Magazine hr {clear:both;margin:5px 0 5px 0 !important;margin:5px 0 -20px 0;width:200px;}
	#Magazine li.MagazineTop3 {line-height:17px;margin:0px;}
	#Magazine li.MagazineTop3 a{font-size:11px;*font-size:10px;color:#333;font-weight:normal;line-height:15px;letter-spacing:1px;}
	#Magazine li.MagazineTop3 a:hover{color:#bb38a5;}

#RightBlock {height:auto;width:300px;float:right;}
#Memberlogin {float:left;width:300px;height:148px;background:url(/images/Right-MemberBg.gif);margin-bottom:8px;}
	#Memberlogin form{margin:0;}
	#Memberlogin ul{margin:0px;padding:0px;padding:35px 0 3px 20px !important;padding:35px 0 0px 20px;text-align:left;list-style-type:none;font-size:12px;color:#333; line-height:20px;}
	#Memberlogin li{font-size:12px;color:#333;line-height:20px;margin-bottom:7px;}
		#Memberlogin li.MemberloginLink a{font-size:11px;*font-size:10px; color:#bb38a5; text-decoration:none;}
		#Memberlogin li.MemberloginLink a:hover{text-decoration:underline;}
#Event {width:298px;color:#333;float:left;border:1px solid #ccc;text-align:left;font-size:12px;color:#333;margin-bottom:8px;}
	#Event ul{list-style-type:none;width:270px;margin:8px 0 0 15px;padding:0;}
	#Event li{float:left;margin:0px;line-height:17px;}
		#Event li a{color:#bb38a5;text-decoration:none;text-align:justify;}#Event li a:hover{text-decoration:underline;}
		#Event li img{float:left;margin-right:10px;width:120px;}
	#Event li.EventS{float:left;width:130px;margin:10px 5px 10px 0;line-height:17px; height:90px;}
		#Event li.EventS a{color:#333;text-decoration:none;}#Event li.EventS a:hover{color:#bb38a5;text-decoration:underline;}
		#Event li.EventS img{float:left;margin-bottom:5px;width:120px;}

#MemberArea{text-align:left;float:left;width:120px;margin-bottom:10px;font-size:12px;color:#333;}
	#MemberAreaContent{background:url(../images/MemberArea_02.gif) no-repeat top;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:3px 8px 5px 9px;}
		#MemberAreaContent span{font-size:13px; padding-left:20px;}
		#MemberAreaContent img{margin:0 5px 5px 0;}
		#MemberAreaContent hr{border-bottom:1px solid #999;border-top:1px solid #fff;}
		#MemberAreaContent input {margin:0px 0 3px 0;}
	.MemberAreaButton_Club{height:22px;width:101px;text-align:left;padding-left:30px;border:0px;font-size:12px;color:#333;}
	#MemberAreaBottom{background:url(../images/MemberArea_03.gif) no-repeat bottom;height:17px;font-size:11px;*font-size:10px;}
		.MemberAreaNews{float:left;width:72px;margin-left:10px !important;margin-left:5px;color:#ed31a1;}
			.MemberAreaNews a{color:#ed31a1;text-decoration:none;}.MemberAreaNews a:hover{text-decoration:underline;}
		.MemberAreaLogOff{float:right;width:30px;text-align:right;margin-top:5px;}
			.MemberAreaLogOff a{color:#666;text-decoration:none;}.MemberAreaLogOff a:hover{text-decoration:underline;}

div.rcontent{padding:1px;margin:0;border:1px solid #ccc;background:#fcf5fa;}
#Menu{width:133px;font-size:12px;text-align:left;float:left;} 
.LoginInfoImg {width:100px;height:100px; background:no-repeat center; margin:0 0 2px 12px !important;margin:0 0 5px 0;}

.rcontent ul {padding:0px;margin:0px;font-size:14px;list-style-type:none;text-align:left;}
.rcontent li {font-size:13px;color:#333;padding:0 0 5px 10px;}
.rcontent li img{border:0;}
	.rcontent li a{color:#333;text-decoration:none;}.rcontent li a:hover{color:#c313a5;text-decoration:underline;}
	.rcontent li.highline a{color:#b41399;font-weight:bold;}
	.rcontent li.highline span {font-size:9px;color:#b41399;}
	.rcontent li.MazB30 {background:url(../images/MenuB30.gif) no-repeat;margin:0 0 8px 0px;padding:0;}
		.rcontent li.MazB30 a:hover{background:url(../images/MenuB30on.gif);}
	.rcontent li.MazB20 {background:url(../images/MenuB20.gif) no-repeat;margin:0 0 8px 0px;padding:0;}
		.rcontent li.MazB20 a:hover{background:url(../images/MenuB20on.gif);}
	.rcontent li.MazB10 {background:url(../images/MenuB10.gif) no-repeat;margin:0 0 8px 0px;padding:0;}
		.rcontent li.MazB10 a:hover{background:url(../images/MenuB10on.gif);}
	.rcontent li.MazB30 a, .rcontent li.MazB20 a, .rcontent li.MazB10 a{display:block;width:129px;height:19px;}
	.rcontent li.MazB30 span, .rcontent li.MazB20 span, .rcontent li.MazB10 span{display:none;}

.rcontent li.TitleName{color:#333;line-height:18px;}
.rcontent li hr{border-top:1px solid #fff;border-bottom:1px dotted #ccc;}
.rcontent li.SpecialImg { padding:0; margin:0; border:0; height:26px; width:129px; overflow:hidden;} .rcontent li.SpecialImg a:hover{position:relative;top:1px;left:1px;}

.MenuTitle1, .MenuTitle2, .MenuTitle3, .MenuTitle4, .MenuTitle5,.MenuTitleB321 {font-size:12px;color:#fff;padding:4px 0 0 38px;width:91px;height:19px;margin:5px 0 5px 0;}
.MenuTitle1{background:url(/images/MenuTitle01.gif);margin:0px 0 5px 0;}
.MenuTitle2{background:url(/images/MenuTitle02.gif);}
.MenuTitle3{background:url(/images/MenuTitle03.gif);}
.MenuTitle4{background:url(/images/MenuTitle04.gif);}
.MenuTitle5{background:url(/images/MenuTitle05.gif);}
.MenuTitleB321{background:url(/images/MenuTitle06.gif);margin:0px 0 5px 0;}
/* Footer */
#Footer {margin-top:10px;clear:both;background-color:#fff;height:20px;border:1px solid #ccc;padding:8px 10px 0 10px !important;padding:10px 5px 0 5px; font-size:11px;*font-size:10px; text-align:left;}
#Footer ul, #Footer li{display:inline; padding:0px; margin:0px;}
#Footer li a {padding:0px 6px 0 4px; white-space:nowrap; background:url(../images/dotted_v1.gif) right repeat-y; color:#999; float:left;}#Footer li a:hover{color:#c313a5;}
#Footer li.break a {background:none;}
#Footer li.cite {width:540px; color:#999; letter-spacing:1px; font-size:11px;*font-size:10px;float:right;text-align:right;}
cite {font-style:normal;font-weight:normal; }

.SubmitButton{background:url(../../images/ButtonBg70X23.gif);height:23px;width:70px;border:0px;font-size:12px;color:#333;}
.SubmitButton100X23{background:url(../../images/ButtonBg100X23.gif);height:23px;width:100px;border:0px;font-size:12px;color:#333;}
.SubmitButton20X34{background:url(../../images/MemberloginIcon.gif);height:20px;width:34px;border:0px;font-size:12px;color:#333;}
.SubmitButton57X18{font-size:11px;*font-size:10px; color:#666;background:url(../../images/ButtonBg57X18.gif);height:18px; width:57px;text-align:center;border:0px;}

/*內頁css*/
#SubCenterBlock {width:795px; padding-right:10px;float:left;margin-bottom:20px;background:url(/images/BorderRightBg.gif) right repeat-y; }
#SubContentsArea {width:640px;float:right;text-align:left;padding-right:10px !important;padding-right:8px;} 
#SubRightBlock {width:138px; float:right; /*background:url(../images/RightBg.gif) left repeat-y;padding-bottom:32767px;margin-bottom:-32767px;*/}
#SubRightBlock {/*padding-bottom:32767px;margin-bottom:-32767px;*/width:125px;float:right;font-size:12px;}
.SubTabArea{width:115px;float:right;text-align:left;margin-bottom:15px;}
	.SubTabArea input {font-size:11px;*font-size:10px;}
	.SubTabArea span{font-size:11px;*font-size:10px;color:#666;}.SubTabArea span a{font-size:11px;*font-size:10px;color:#666;}
	.SubTabArea span img{margin:0 3px 0px 8px;}
	.SubTabArea h2{width:100;height:19px;padding:3px 0px 0 15px !important;margin-bottom:8px;font-size:12px;font-weight:normal;line-height:17px;color:#666;text-align:left;background:url(../images/h2Right.gif);}
	.SubTabArea h2 a{font-size:12px;color:#666;text-decoration:none;font-weight:normal;} h2 a:hover{text-decoration:underline;}
	.SubTabArea ul{margin:0px;padding:0px;padding:0px 0 0px 15px;font-size:11px;*font-size:10px;color:#999;line-height:15px;word-break:break-all;}
	.SubTabArea li{margin-bottom:5px;}
		.SubTabArea li a{font-size:11px;*font-size:10px;color:#666; text-decoration:none;}.SubTabArea li a:hover{color:#bb38a5;text-decoration:underline;}.SubTabArea li a span{color:#999;}

#ModuleIMG {clear:both; width:640px; height:55px; margin-bottom:10px;}
#ModuleSearch {width:640px;border:1px solid #ccc;margin-bottom:20px;text-align:left;float:left;}
	#ModuleSearch form {padding:15px 15px 15px 25px !important;padding:15px 15px 0px 25px; font-size:12px;}
	#ModuleSearch input, #ModuleSearch select{font-size:12px;color:#000;margin-bottom:5px;letter-spacing:1px;font-family:Arial;}
	#ModuleSearch p {margin:8px 0}
	#ModuleSearch hr {border-top:1px solid #fff; border-bottom:1px dotted #ccc; width:100%; margin:10px 0 10px 0;}
	#ModuleSearchHead {background:url(../contents/cosmetics/images/SearchMainBg.gif);width:51px;height:18px;padding:3px 0 0 7px;margin:0 10px 0 0;float:left;font-size:12px;color:#333;line-height:15px;}
#ModuleSearchAD {border:1px solid #fff;width:200px;float:right;text-align:right;}
#ModuleList {clear:both;width:640px;margin-bottom:10px;font-size:13px;} 
#ModuleSearchRightNews {margin-bottom:20px;height:180px;border-top:1px dotted #CCC;padding-top:10px;}
	#ModuleSearchRightNews img{width:50px;height:50px;float:left;margin:0 0px 10px 10px;}

#ModuleDetail {width:640px;height:auto;margin-bottom:10px;text-align:left;}
#ModuleDetail h4 {width:auto;padding:0px;margin:0px;padding:7px 0px 0 25px;font-size:15px;color:#3aa1a7;font-weight:bolder;text-align:left;background:url(../images/ul.gif) no-repeat;height:21px;}
	#ModuleDetail h4 img{float:right;}
	#ModuleDetail h4 a{text-decoration:underline; color:#3aa1a7;} #ModuleDetail h4 a:hover{text-decoration:none;}
	#ModuleDetail h4 span{font-size:12px;color:#ccc; font-weight:normal; margin-left:5px;}

#SearchCondition {float:left; height:25px; font-size:12px;color:#999;}
	#SearchCondition span {color:#79c3c7; font-weight:bolder;}
#SearchListShow {float:right;height:25px;}
	#SearchListShow img{margin:0px 5px -2px 0}
	#SearchListShow a{font-size:12px;color:#999;text-decoration:none;}#SearchListShow a:hover{text-decoration:underline;}
#SearchList {clear:both;height:auto;width:640px;border:1px solid #ccc;text-align:left;}

/*內頁Event banner*/
#DetailAE {clear:both;width:795px;float:right;margin-bottom:10px;z-index:10;}
	#DetailAE ul{border:1px dotted #ccc;background-color:#FFF;margin:0px;padding:0px;padding:15px 0 15px 0px;list-style-type:none;text-align:left;height:160px;}
	#DetailAE li{float:left;width:220px;font-size:11px;*font-size:10px;color:#333;margin:0 0px 20px 30px !important;margin:0 0px 20px 10px;line-height:17px;}
	#DetailAE li a{color:#333;font-size:11px;*font-size:10px;text-decoration:none;text-align:justify;} #DetailAE li a:hover{color:#bb38a5;text-decoration:underline;}
	#DetailAE li img{float:left;margin:0 10px 0px 0; width:120px;}
	#DetailAE li.DetailAEbannerC {margin-right:20px;width:250px;text-align:justify;}
	#DetailAE li.DetailAEbannerC a{color:#bb38a5; font-size:12px;text-decoration:none;} #DetailAE li.DetailAEbannerC a:hover{text-decoration:underline;}
/*分頁樣式*/
.basictab{padding:3px 0;margin-left:0;font-size:11px;*font-size:10px;border-bottom:1px solid #ccc;list-style-type:none;text-align:right;padding-right:5px;margin-bottom:0px;padding-bottom:2px;}
.basictab li{display:inline;margin:0;}
.basictab li a{text-decoration:none;padding:3px 7px;margin-right:3px;border:1px solid #ccc;border-bottom:none;color:#ccc;}
.basictab li a:hover{background-color:#3aa1a7;color:#fff;}
.basictab li.selected a{position:relative;padding-top:4px;color:#3aa1a7;background-color:#fff;}
#bookmarker img{margin-right:3px;}

.Helper{margin-bottom:15px;}

/*首頁中間列表*/
.ListTitle{float:left;background:url(/images/IndexTitleBG.gif);padding-top:4px !important;padding-top:6px;width:132px;height:18px !important;height:16px;font-size:12px;color:#333;text-align:center;}
	.ListTitle a{font-size:12px;color:#333;text-decoration:none;}.ListTitle a:hover{color:#000;text-decoration:underline;}
.ListTitleR{float:right;text-align:right;font-size:11px;*font-size:10px;color:#666;}
	.ListTitleR img{float:right;margin-top:3px;}
	.ListTitleR span{font-size:16px;color:#bb38a5; font-weight:bold;}
.ListBorder{border:1px solid #ccc;float:left; width:483px;margin-bottom:10px; padding:0px !important;padding-bottom:8px;}

.ListTitleC{ float:left;width:260px;text-align: left;font-size:11px;*font-size:10px;color:#666;text-indent:10px; height:16px;}
	.ListTitleC img{float:right;margin-top:3px;}
	.ListTitleC span{font-size:16px;color:#bb38a5; font-weight:bold;}
	.ListTitleC a {color:#666;}
.ListTitleMore {  width:60px; margin-bottom:0px;font-size:5px; color:#d45bbf; font-family:"新細明體", Arial;text-indent: 5px; height:20px; !important;font-weight:normal; margin-left:5px;}
.ListTitleMore a{ font-weight:normal; font-size:11px; color:#d45bbf; line-height:22px;}

/*
.Feeling{text-align:left;width:105px;float:left;color:#333;font-size:11px;*font-size:10px;margin:10px 0 10px 13px !important;margin:10px 6px 10px 6px;}
	.Feeling a{color:#bb38a5;font-size:12px;text-decoration:none;}.Feeling a:hover{text-decoration:underline;}
.FeelingIMG{border:1px solid #eee;width:103px;height:120px;margin-bottom:5px;}
*/

.NewsB{background:url(/images/NewsBbg.gif);width:157px;height:157px;margin:9px !important;margin:9px 9px 9px 5px;float:left;}
	.NewsB img{width:141px;height:141px;margin:8px 8px 0 8px;border:0;}
.News{float:left;margin-top:18px;width:305px;}
	.News img{width:65px;height:65px;float:left;margin:0 9px 8px 0;border:1px solid #ccc;}
	.NewsTitleNotView {display:none;}
	.NewsOther {width:65px; height:65px; float:left; margin:3px; bordeR:1px solid #ccc; background-repeat:no-repeat; background-position:center center;}
	.NewsDate { background-color:#CE6FBE; color:#FFFFFF; font-size:10px; font-weight:bold; line-height:15px; width:65px; letter-spacing:1px; margin:0px; filter:alpa(opacity=85); -moz-opacity:0.85;  opacity:0.85;    }
	.News a {text-decoration:none;}
	.NewsDateB {position:absolute;}

/*討論區新 0512
*/
#forum {clear:both; margin:10px 0; padding-top:5px; }
/* tabs */
ul.forum-tabs {  margin:0;padding:0;list-style-type:none;	height:22px;}
ul.forum-tabs li {  float:left;	 padding:0; margin:0 1px 0 0;background:#ffffff;list-style-type:none;	}
ul.forum-tabs li a { display:block; height:22px; border:0px;  font-size:12px; line-height:22px; font-weight:bold; color:#666; text-decoration:none;}
ul.forum-tabs li.tabs01 a{background:url(/images/IndexTitleBG_L.gif) no-repeat; width:132px; font-weight:normal; color:#333;}
ul.forum-tabs li.tabs02 a{background:url(/images/IndexTitleBG_B.gif) no-repeat;width:84px; }
ul.forum-tabs li.tabs03  {background:url(/images/IndexTitle01BG_B.gif) no-repeat; width:84px; font-size:12px; color:#e56baa; text-decoration:underline ; line-height:22px; text-align:left; text-indent:25px; cursor:pointer; }
ul.forum-tabs li.tabs03:hover{color:#333;}
ul.forum-tabs li.tabs02 a:hover{background:url(/images/IndexTitleBG_P.gif) no-repeat; width:84px; color:#333;}


ul.forum-tabs li.tabs01 a.current{background:url(/images/IndexTitleBG.gif) no-repeat;}
ul.forum-tabs li.tabs02 a.current{background:url(/images/IndexTitleBG_P.gif) no-repeat; }

/* tab pane */
div.forum-panes div{display:none;height:170px;padding:10px 5px;border:1px solid #ccc;}

div.forum-panes div div {display:block; padding:0px; margin:0px; height:auto; border:0px;}
#subforum  {width:470px; padding:0px; margin:0px;}

/*tab0*/
#subforum div.discusshot  {float:left; width:210px; }
#subforum div.hotcontent {clear:both; height:85px; text-align:left;cursor:pointer;}
#subforum div.hotcontent a {text-decoration:none;}
#subforum div.hotcontent:hover { background-color:#ffeef2;}
.hotcontent img {max-width:70px; border:0px;}
.hotcontent h3 { font-size:13px; margin:0px; padding:0px;} .hotcontent h3 a {color:#B41399;}

.hotcontent p {font-size:11px;  margin:0px; padding:0px; margin-top:5px;} .hotcontent p a {color:#333;}

#subforum div.discusslist {float:left; margin-left:10px; width:250px; font-size:12px; text-align:left;}

#subforum div.discusslist ul {padding-left:17px; margin:0px; list-style:square; color:#B41399;}
#subforum div.discusslist ul li {line-height:18px; height:20px; padding:0px; margin:0px; border:0px;cursor:pointer; background:#FFF;   }
#subforum div.discusslist ul li a {color:#333; text-decoration:none; display:block; overflow:hidden;  height:20px;}
#subforum div.discusslist ul li:hover { background-color:#ffeef2;}

#subforum ul {padding:0px; margin:0px; padding-left:17px; text-align:left; font-size:12px; list-style:square; color:#B41399;}
#subforum ul li {height:25px; border-bottom:1px dotted #333; line-height:25px;cursor:pointer; }
#subforum ul li:hover { background-color:#ffeef2;}
#subforum ul li a {text-decoration:none; color:#333;}
#subforum ul li span {  float:right !important; float:none;  color:#666;}
.lookmore {float:right; font-size:12px; margin-top:5px;}  .lookmore a {color:#ff0285; }

a {
  noFocusLine:expression(this.onFocus=this.blur());
} /* For IE */
:focus {
  -moz-outline-style: none;
} /* For Firefox */ 

/*old*/

.Discuss ul{ background:url(../images/IndexDiscussNew.gif) right no-repeat;margin:0px;padding:10px !important;padding:10px 10px 0 10px;list-style-type:none;text-align:left;float:left;}
.Discuss li{width:400px;margin-bottom:3px;padding-left:60px;}
	.Discuss li a{font-size:12px;color:#333;text-decoration:none;}
	.Discuss li a:hover{color:#bb38a5;text-decoration:underline;}
	.Discuss li img{margin-right:5px;}
.DiscussNew{margin:10px 10px 0 0 !important;margin:10px 5px 0 0;float:right;}

/*Menu下全站search*/
.LeftSearch{font-size:12px;text-align:left;float:left;margin-top:8px;background:url(/images/IndexSearch.gif);width:133px;height:164px;margin-bottom:20px;}
.LeftSearchBAR{margin:30px 10px 10px 10px;}

/*首頁會員名片列表*/
#NewMemberProfile {width:300px; height:230px; margin-bottom:2px; background:url(/images/BlogBg.gif) no-repeat; padding-top:50px; float:left;}
#NewMemberProfile ul {list-style:none; padding:10px 0 0 7px; margin:0px;}
#NewMemberProfile li {list-style:none; float:left; padding:1px; width:64px; height:95px; border:0px solid #000; margin:2px; maring-top:5px; font-size:11px; }
	#NewMemberProfile li a{color:#bb38a5;}#NewMemberProfile li a:hover{text-decoration:none;}
#NewMemberProfile li div {width:60px; height:60px; border:1px solid #eee; background:no-repeat center center; }
#NewMemberProfile li span {height:28px; }

/*Murmur block*/
#Murmur{ clear:both; width:485px; height:96px;/*background:url(/images/Murmur/Murmur_back.gif) no-repeat;*/  border:1px solid #ccc; }
#Murmur a{color:#f6ff00;}
 .MurPicL{ width:74px; height:74px; float:left; margin: 13px 0px 9px 5px; border:1px solid #eee;display:inline;}
 .MurPicR{ width:74px; height:74px; float:left; margin: 13px 5px 9px 0px; border:1px solid #eee;display:inline;}
 .MurL{ width:156px; height:73px; background:url(/images/Murmur/Murmur_Talk_L.gif);float:left; margin: 13px 8px 0px 0px; display:inline;}
 .MurR{ width:156px; height:73px; background:url(/images/Murmur/Murmur_Talk_R.gif);float:left;margin: 13px 0px 0px 0px; display:inline;}
 .MurTxt { width:125px; height:65px;margin:7px 0px 0px 15px; text-align:left; font-size:12px;color:#fff;  overflow:hidden; text-align:left;line-height:16px;}
 .MurTxt a{color:#f6ff00;}
 .MurTxt img {bordeR:0px; width:30px; max-height:30px;margin:3px 2px 0 2px;}
 .MurTxt span{ width:43px; height:18px;color:#ffd6d6; padding:2px 5px 2px 5px; font-family:細明體; }
 .MurBtnL {width:275px; height:32px;background:url(/images/Murmur/Murmur_Btn_L.gif) no-repeat;float:left;display:inline;}
 .MurBtnL h1{width:170px;height:13px;font-size:12px;font-family:細明體;color:#f1489f;overflow:hidden; font-weight:normal;margin: 5px 0px 0px 93px;}
 .MurBtnR {width:105px; height:32px;float:left; display:inline;}
 .MurBtnR img{border:0px;}

textarea {font-size:13px;*font-size:12px;}
input {font-size:13px;*font-size:12px;}
/*新的搜尋091103*/

#NewSearch {width:485px; height:35px; float:left;  margin-bottom:5px; background-image:url(/images/SearchBarBg.gif); background-repeat:no-repeat;}
.NewSearchBar { clear:both;margin-top:5px; text-align:left; margin-left:35px; line-height:20px;}
.NewSearchBar input.TextInput { color:#B2B2B2; font-size:13px; border:1px solid #999; width:280px;}
	.NewSearchBar input.Btn {border:0; background:transparent url(/images/SearchBarBtn.gif); width:41px;height:19px; cursor:pointer; }
	.NewSearchBar input.Btn:hover {background-position:-41px 0px;}


/*新的雜誌專區(在右側)*/
#MagBlock {width:300px; height:auto; border:1px solid #ccc;}
.MagCover img {width:124px; margin:4px; border:0px;}
.MagContent {width:148px; float:left; margin-top:3px;}
.MagContent img {width:135px; border:1px solid #ccc;}
.MagTitle{background:url(/images/MagazineLove.gif) no-repeat; margin:5px; }
.MagTitle a{color:#bb38a5;font-size:13px;font-weight:bold;}
.MagaTitle a:hover{text-decoration:none;}
.MagHot {background:#f9e9f7; margin:5px; font-size:12px;text-align:left; line-height:20px; padding:0 5px;} 
.MagHot  a{color:#333;text-decoration:none; } .MagHot  a:hover{color:#000;}

/*新的最新文章091103*/
#NewArticle { clear:both;width:485px;height:251px;background:url(/images/ArticleBgNew.gif);text-align:left;margin-bottom:8px;}
	.NewArticleIMG img{width:175px;height:235px;margin:7px 0px 0 7px;border:1px solid #fff; float:left;}
		#NewArticle span{ margin-left:190px;padding:10px 0px 0px 5px; width:280px;list-style-type:none; display:block;}
		#NewArticle span a{font-size:15px;color:#ad0d92;font-weight:bolder;text-decoration:none;line-height:22px;}
		#NewArticle span a:hover{text-decoration:underline;}	
	#NewArticle p{font-size:12px;color:#4f4646;line-height:19px;margin-top:2px; margin-bottom:7px;}
	#NewArticle p img{ width:38px; vertical-align:middle; margin-left:5px; }
.NewArticleTitle { background-image:url(/images/ArticletTitleBg.gif); background-repeat:no-repeat; width:84px; height:21px; margin-bottom:0px; text-align:center; font-size:12px; color:#ad0d92; font-weight:bold; line-height:22px; margin-left:6px; float:left; }
.NewArticleMore { margin-bottom:0px;font-size:7px; color:#d45bbf; font-family:"新細明體", Arial;text-indent: 5px; height:20px;}
.NewArticleMore a{ font-size:11px; color:#d45bbf; line-height:22px;}
.NewArticleList { background-image:url(/images/ArticletListBg.gif); background-repeat:no-repeat; width:286px; height:123px;margin-top:0px; margin-left:190px; clear:right;  }
.NewArticleList ul{ list-style-type:none; text-indent:0px;  margin:0; padding:3px 6px 0px 10px; font-size:12px; line-height:23px; color:#ad0d92;}
.NewArticleList li a{color:#464646; margin-left:5px;}

/*新的使用心得091103*/
.NewFeeling { width:auto; height:auto;margin:5px; letter-spacing:1px;}
.NewFeelingTop1 {height:100px; border-bottom:1px dotted #ccc; margin-bottom:7px; }
.NewFeelingIMG { display:table-cell; vertical-align:middle; background-position:center center; background-repeat:no-repeat; bordeR:1px solid #ccc; float:left;width:78px;height:90px; margin:0 10px 0px 5px; }
.NewFeelingIMG img { border:0px; margin:0 auto; height:90px;}
.NewFeelingL {float:left;text-align:left;width:230px; height:95px;color:#333;font-size:11px;*font-size:10px; margin-bottom:10px;}
.NewFeelingTop1Contents {color:#BD38A5; font-size:12px; text-align:left; float:left; width:370px !important; width:365px; line-height:18px;}
.NewFeeling a{text-decoration:none; color:#bd38a5; font-size:12px;} 
.NewFeeling a:hover{text-decoration: underline; color:#bd38a5; }
.NewFeelingTitle div {margin-top:7px;}
.NewFeelingTitle span.star { color:#d79ccc; }
.NewFeelingTitle span.txt { color:#333; letter-spacing:1px; line-height:16px; font-size:11px;}

/*使用心得100513*/
#usefeeling {clear:both; margin-bottom:10px;}
/* tabs */
ul.feel-tabs {  margin:0;padding:0;list-style-type:none;	height:22px;}
ul.feel-tabs li {  float:left;	 padding:0; margin:0 1px 0 0;background:#ffffff;list-style-type:none;	}
ul.feel-tabs li a { display:block; height:22px; border:0px;  font-size:12px; line-height:22px; font-weight:bold; color:#666; text-decoration:none;}
ul.feel-tabs li.tabs01 a{background:url(/images/IndexTitleBG_L.gif) no-repeat; width:132px; font-weight:normal; color:#333;}
ul.feel-tabs li.tabs02 a{background:url(/images/IndexTitleBG_B.gif) no-repeat;width:84px; }
ul.feel-tabs li.tabs03  {background:url(/images/IndexTitle01BG_B.gif) no-repeat; width:84px; font-size:12px; color:#e56baa; text-decoration:underline ; line-height:22px; text-align:left; text-indent:25px; cursor:pointer; }
ul.feel-tabs li.tabs03:hover{color:#333;}
ul.feel-tabs li.tabs02 a:hover{background:url(/images/IndexTitleBG_P.gif) no-repeat; width:84px; color:#333;}
ul.feel-tabs li.tabs04  { width:179px; font-size:12px; color:#666;  line-height:20px; text-align:right; text-indent:5px;}
ul.feel-tabs li.tabs04 span {font-size:15px; color:#BB38A5;font-weight:bold; }
ul.feel-tabs li.tabs01 a.current{background:url(/images/IndexTitleBG.gif) no-repeat;}
ul.feel-tabs li.tabs02 a.current{background:url(/images/IndexTitleBG_P.gif) no-repeat; }

/* tab pane */
div.feel-panes div{display:none;height:100px;padding:10px 5px;border:1px solid #ccc;}
div.feel-panes div div {display:block; padding:0px; margin:0px; height:auto; border:0px;}

#subfeel img{border:0px;}
.NewFeelingTop1 {height:120px; border-bottom:1px dotted #ccc; text-align:left; font-size:12px; }
.NewFeelingL {float:left;text-align:left;width:230px; height:100px;color:#333;font-size:11px;*font-size:10px; margin-bottom:10px;}
.NewFeelingL div.NewFeelingIMG { height:90px; width:90px; border:1px solid #ccc; float:left; overflow:hidden; text-align: center; display: table-cell; vertical-align: middle; margin:3px 10px;}
.NewFeelingTop1 div.NewFeelingIMG { height:90px; width:90px; border:1px solid #ccc; float:left; overflow:hidden; text-align: center; display: table-cell; vertical-align: middle; margin:3px 10px;}


.NewFeelingTop1Contents {color:#BD38A5; font-size:12px; text-align:left; float:left; width:370px !important; width:365px; line-height:18px;}
.NewFeeling a{text-decoration:none; color:#bd38a5; font-size:12px;} 
.NewFeeling a:hover{text-decoration: underline; color:#bd38a5; }
.NewFeelingTitle div {margin-top:7px;}
.NewFeelingTitle span.star { color:#d79ccc; }
.NewFeelingTitle span.txt { color:#333; letter-spacing:1px; line-height:16px; font-size:11px;}


.NewFeelingTopContent {height:90px; width:360px !important; width:350px;margin:5px 10px 0px 10px; float:left; color:#BD38A5; line-height:16px;}
.NewFeelingTopContent a {color:#BD38A5; text-decoration:none;}
.NewFeelingTopContent div {margin:3px 0; border:1px solid #000; line-height:18px;}
.NewFeelingTitle a {color:#BD38A5; text-decoration:none; font-size:12px;}

/*個人名片*/
.quickopenfile {background:#BB38A5;  font-weight:bold; font-size:13px; margin:0 20px; line-height:25px;}
.quickopenfile a { color:#FFF;}