@charset "utf-8";
/* 09美人大賞*/

body { margin:0px; margin-top:8px; background-image: url(/contents/events/2009/090601_beauty/images/bg.gif); background-repeat: repeat-x; }
#BodyBG { margin:0 auto; width:936px; }
#Logo { width:468px; height:60px; float:left; text-align:left; margin-bottom:8px; }
#Logo H1 { float:left; margin:0 auto; background:url(/contents/events/2009/090601_beauty/images/logo.jpg); width:460px; height:60px; }
#Logo H1 a { display:block; width:100%; height:100%; }
#Logo H1 a span { display: none; }
#BannerA { width:468px; height:60px; text-align:left; float:right; margin-bottom:8px; }
#contentWrap { width:735px; }


#side { width:190px; float: right; color:#666; font-family: Arial, Helvetica, sans-serif;  }
#sideNews { background:url(/contents/events/2009/090601_beauty/images/newsBg.gif) no-repeat; height:300px; width:185px; padding:70px 10px 10px 10px !important; padding:70px 0 10px 5px; font-size:12px; }
#sideNews ul { margin:0px; padding:0px; }
#sideNews li { margin:0px 25px 10px 15px !important; margin:0px 20px 10px 15px; list-style: square; border:0px solid #000; }
#sideNews a { font-size:12px; color:#666; text-decoration:underline; }
#sideTool { background:url(/contents/events/2009/090601_beauty/images/toolBg.gif) no-repeat; height:382px; width:185px; padding-top:70px; text-align:center; }
.signboard { width:935px; }
.title { width:720px; height:33px; margin:10px 0 10px 20px; }
.title2 { width:352px; height:33px; margin:10px 0 10px 10px; }
.title3 { width:710px; height:33px; margin:10px 0 10px 20px; background:url(/contents/events/2009/090601_beauty/images/title_11.gif) no-repeat; }
.title4 { width:720px; height:33px; margin:10px 0 10px 10px; }
/* 報名表*/
#formBg { background:url(/contents/events/2009/090601_beauty/images/fromBg.jpg) no-repeat; width:680px; bordER:1px solid #fff; margin:0px; padding:95px 0 20px 50px; font-size:13px; color:#000; }
#formBg ul { padding:0px; margin:0px; list-style:none; margin-left:10px; }
.closeopenDiv { text-align:right; margin:5px; cursor: pointer; }
#formBg2 { margin:0 0 0 12px; padding:20px 0 0px 7px; font-size:13px; color:#000; width:708px; border:1px solid #ccc; border-top:1px dashed #CCC; }
#formBg2 p { margin-left:20px; }
#formBg2 div { margin-left:20px; }
#formBg2 textarea { margin-left:20px; }
form { margin:0px; padding:0px; }
.formBtn { width:650px; height:31px; text-align:center; margin:30px 30px; }
.formBtn img { margin-left:15px; }
.warning { float: left; width:619px; }
.warning img { margin-top:20px; }
.ShowStr { width:600px; }
#btn_send { background:url(/contents/events/2009/090601_beauty/images/btn_send.gif); width:91px; height:31px; border:0px; }
#btn_continue { background:url(/contents/events/2009/090601_beauty/images/btn_continue.gif); width:91px; height:31px; border:0px; }
#btn_preview { background:url(/contents/events/2009/090601_beauty/images/btn_preview.gif); width:91px; height:31px; border:0px; }
/* 首頁*/
#content { width:736px; height:auto; float:left;border:0px solid #000;  }
#content_R { width:365px; float:right; }
#content_L { width:365px; float:left; height:auto; }
/* 首頁-文章列表*/
.Article { width:368px; height:131px; color:#8b690d; }
.Article img { width:89px; height:auto; margin:5px 0 5px 15px; float: left; }
.Article h1 { font-size:13px; float:right; width:250px; margin-top:10px; }
.Article h1 a { color:#8b690d; text-decoration:none; }
.Article h1 a:hover { text-decoration:underline; }
.ArticleTxt { font-size:12px; float:right; width:250px; }
.ArticleData { }
#lookMore { float: right; font-size:12px; width:365px; text-align:right; }
#lookMore a { text-decoration:none; color:#8b690d; }
#lookMore a:hover { text-decoration:underline; color:#8b690d; }
/* 首頁-得獎商品列表*/
.award { width:350px; height:94px; background-color:#fcf8e2; margin:0 0 10px 10px; font-size:12px; color:#666; }
.award a { text-decoration:underline; color:#666; }
.award img { width:75px; height:75px; margin:10px; float: left; }
.award h2 { font-size:13px; float:right; width:250px; margin-top:5px; color:#4091e4; }
.award h2 a { text-decoration:underline; color:#4091e4; }
.awardTxt { font-size:12px; color:#666; margin-top:15px; width:250px; float:right; }
.awardTxt a { font-size:12px; color:#666; }
#lookMore2 { float: right; font-size:12px; width:365px; text-align:right; }
#lookMore2 a { text-decoration:none; color:#666; }
#lookMore2 a:hover { text-decoration:underline; color:#666; }
/* 首頁-品牌列表*/
#BrandBox { width:735px; float:left; margin:20px 0 30px 0; }
#Brand { background-color:#fcf8e2; width:690px; padding:10px 5px 0 15px; height:320px; border:0px solid #000; margin:0 0 40px 20px; }
#Brand img { border:1px solid #999; margin-top:5px; }
/* 花絮-文章列表*/
.ArticleList { width:735px; height:131px; color:#666; }
.ArticleList img { width:89px; height:auto; margin:5px 10px 5px 25px; float: left; }
.ArticleList h1 { font-size:13px; float: left; width:600px; margin-top:10px; }
.ArticleList h1 a { color:#8b690d; text-decoration:none; }
.ArticleList h1 a:hover { text-decoration:underline; }
.ArticleListTxt { font-size:12px; float:left; width:600px; line-height:18px; }
.ArticleData { }
.ListPage { color:#666; font-size:11px; text-align:right; margin-bottom:10px; }
.ListPage a { color:#8b690d; font-size:12px; font-weight:bold; }
#copyright { clear:both; border:1px solid #CCC; font-size:11px; color: #999; text-align:right; margin-bottom:30px; height: 20px; padding:5px 10px 0 0; font-stretch:5px; }
/*活動說明*/

.ruleBtn { width:730px; height:31px; text-align:center; }
#contentrule { font-size:12px; line-height:20px; width:700px; background:url(/contents/events/2009/090601_beauty/images/bg_02.gif) no-repeat; padding:10px 10px; }
#contentrule li { color:#330033; font-weight:bold; }
#contentrule ol li { color:#666; font-weight:normal; }
#contentrule li span { color:#666; font-weight:normal; }

#articleContents { position:absolute; width:720px; border:0px solid #000; background-color:#EADFEC; text-align:center; padding-bottom:30px; margin-left:20px; }
.articleStr { width:700px; margin:10px; font-size:13px; text-align:left; color:#3d0d5f; }
.articleStr h3 { color:#8B690D; }
.articleStr img { margin:5px; border:1px solid #5b1c7f; }
#imgGroup { width:700px; margin-left:30px; }
.articletitle { background:url(/contents/events/2009/090601_beauty/images/title_11.gif) no-repeat; border:0px solid #000; width:710px; height:33px; color:#FFF; font-weight:bold; text-align:left; padding:8px 0 0 10px; margin-left:5px; }
/*組圖*/
#galleries { width:680px; background:#F5F0F6; }
#galleries ul {   padding:0px; margin:0px; list-style:none; }
#galleries li { float:left; }
#galleries li div { border:1px solid #540066; margin:5px; width:35px; height:35px; background:#fff no-repeat; }
#loader { clear:both; padding:10px; text-align:center; background:#ccc; }


/*緣起*/
#story { margin:15px 0 20px 20px; }
/*貼紙*/
#sticklist { width:700px; height:220px; clear: left; }
#stick_L { width:180px; height:auto; margin:20px 0 0 80px; float:left; }
#stick_R { height:auto; margin:30px 10px 0 10px; float:left; font-size:13px; color: #000; }
#sticktxt { width:400px; font-size:12px; color: #333; }
/*09入圍*/
#content_R dl { width:350px; margin-left:10px; font-size:13px; }
#content_R dt { float:left; width:112px; background:#691583; color:#FFF; padding:3px 0px 3px 0px; text-align:center; border:1px solid #fff; }
#content_R .sel { background:#FFF; color:#8B690D; border:1px solid #8B690D; }
#content_R a { cursor: pointer; }
#content_R ul { padding-top:5px; font-size:13px; color:#8B690D; font-weight:bold; list-style:none; }
#content_R ol { font-size:11px; color:#8B690D; font-weight:normal; list-style:none; padding:0px; margin:0px; }
#content_R ol li { height:50px; margin:3px; }
#content_R ol li img { float:left; border:1px solid #eee; margin-right:5px; }

/*入圍*/
#navlist { padding: 3px 0; border-bottom: 1px solid #778; font: 12px Verdana, sans-serif; margin-left:20px;  width:700px;}
#navlist li { list-style: none; margin: 0 ; display: inline; }
#navlist li a { padding: 4px 0.5em; border: 1px solid #666; border-bottom: none; background-color:#FFF; text-decoration: none; }
#navlist li a:link { color: #000; }
#navlist li a:visited { color: #000; }
#navlist li a:hover { color: #000; background:#859dc8; border-color: #666; }
#navlist li a#current { background: #FFF; border-bottom: 1px solid #FFF; }
#navlist li.sel a{background:#b4b4b4;}

#awardType{ background:url(/contents/events/2009/090601_beauty/images/awardTypeBg.jpg) repeat-x bottom  #ccc; border:1px solid #999;
 height:80px; width:auto; padding:3px;margin-left:20px; padding:10px !important;padding: 5px; width:690px; } 
#awardType ul {padding:0px; margin:0px; margin-left:25px; }
#awardType li{ width:90px; font-size:12px; height:16px; color:#000; float:left; margin-left:5px; padding:3px;  } 
#awardType li a{ font-size:12px; color:#000; text-decoration:none; padding:4px;} 
#awardType li a:hover { text-decoration:underline;}
#awardType  li.sel a { background:#e3e3e3; } 

.awardList { margin:10px 0 15px 20px ; border:1px solid #ccc; padding:2px; height:auto; width:705px; float:left;  }
.awardList h1 { width:700px;border-bottom:2px solid #ea7f7f;} 

.awardList p {width:670px; margin:0px 0px 5px 0px; background-color:#d4d2d2; color:#FFF; border-left:15px solid #c90101; line-height:28px; padding-left:10px; font-size:14px; font-weight:bold;}
.awardListBox {float:left; width:226px; height:75px; margin:3px 3px; background-color:#fcf8e2; font-size:12px; padding-top:10px; border:1px solid #ccc;}
.awardListBoxImg {height:60px; width:80px; float:left; bordeR:0px; background:transparent; } .awardListBoxImg img {border:1px solid #ccc; margin:0px 5px 0 8px; }
.awardListBoxContent {height:60px; text-align:left; width:142px; margin-right:2px; float:left; } .awardListBoxContent a:hover {text-decoration: underline; }
.awardListBoxProd {height:45px;}

.brandLink {text-decoration:none; color:#666;}
.prodLink  { text-decoration:none; color:#4091e4; font-weight:bold; }

/*達人心得*/
#sidePro { width:185px; text-align:center; }
.sideProList {  width:185px; text-align:left; }
.ProManImg {height:64px; width:64px; float:left; margin:5px; padding:5px; border:1px solid #ccc;}
.sideProList div {font-size:12px; font-weight:bold; float:left; margin-top:15px;}
.sideProList div a {color:#666;}
.sideProFeelList {clear:both; border-bottom:1px dashed #666; padding:5px 0px; background:#EEE; }
.sideProFeelList ul{ padding:0px; margin:0px; margin-left:25px;color:#666;}
.sideProFeelList li{  list-style-image:url(/contents/events/2009/090601_beauty/images/img_list.gif) ; list-style-position: outside; font-size:12px;  padding-bottom:3px; color:#666; text-align:left;}
.sideProFeelList li a { font-size:12px; color:#666;}

/*雜誌翻頁列表*/
.bookMaz{ width: 365px; padding-left:5px; margin-bottom:10px; height:150px;}
.bookMaz img { border:1px solid #999; margin-left:5px; float:left;} 
.bookMazTite a {font-size:12px; color:#e67b2d; text-decoration: none;}
.bookMazTite a:hover { text-decoration: underline;}
.bookMazMore{ text-align:right; margin-top:10px;}
.bookMazMore a {font-size:10px; color:#666; text-decoration: none; }
.bookMazMore a:hover { text-decoration:underline;}


/*首頁賞別*/
#awardTypeIndex { background:url(/contents/events/2009/090601_beauty/images/awardTypeBg2.gif) repeat-x bottom  #ffebde; border:1px solid #e09e9e;
 height:165px; width:auto; margin-left:12px; padding:10px 0 0 25px;} 
#awardTypeIndex ul{ margin:0; padding:0; font-weight:normal; font-size:12px;}
#awardTypeIndex li{ width:90px; font-size:12px; color:#000; float:left; margin-left:5px; padding:3px;   } 
#awardTypeIndex li a{ font-size:12px; color:#000; text-decoration:none; padding:3px;} 
#awardTypeIndex li a:hover {  text-decoration:none; background-color:#ffa4a7;}

/*pr*/
#pr{ padding-left:16px;  width:725px; }
#pr img { width:175px; height:100px; margin:10px 3px 0px 0px; border:0px;}

/* border:1px solid #000;   margin-left:20px !important; margin-left:15px;height:360px;  */
/*及時排名*/
#rank_content{margin:10px 0 15px 20px ; padding:5px; height:auto; width:auto; float:left;}
#rank_content h1{ border-bottom:2px solid #ea7f7f; font-size:14px; color:#666; width:700px;  }
#rank_content h1 img{ margin-right:5px;}
.rankBox{ width:228px; height:180px; float:left; margin:2px; background:#f1f1f1;}
.rankBoxPic{width:75px; heigh:75px; border:1px solid #bab3b3; float:left; margin-bottom:5px;}
.rankBoxTOP{ width:140px; height:50px; float:left; margin:30px 0 5px 5px;}
.rankBrand { clear:both; color:#36618d; font-size:12px; font-weight:bold; padding:5px; width:215px; 
height:13px; background-color:#dadddd;}
.rankName{color:#36618d; font-size:12px; padding:5px; line-height:16px;}
.rankTotal{color:#000; font-size:11px; padding-left:5px;}

#rankVoteBtn{ background:url(/contents/events/2009/090601_beauty/images/btn_vote.jpg) no-repeat left 50% #fbbbde;
border:1px solid #bc1c82; font-size:11px; color:#333;  height:21px;  width:83px; text-align:center; margin-bottom:5px;}

/*及時排名 右邊區塊*/
#rankRight{width:185px;text-align:center; height:130px;border-bottom:1px dotted #999; margin-bottom:10px;}
#rankRight_R{ width:100px; float:right; font-size:12px; color:#6f7479; text-align:justify; }
#rankRight_R a {color:#6f7479;font-size:12px ; padding:0;text-decoration:none; }
#rankRight_R a:hover {color:#6f7479;text-decoration: underline;}
#rankRight_R h2{color:#6f7479;font-size:12px ; margin:0 ; padding:0;}
#rankRight_R h2 a{ margin:0; padding:0; text-decoration:none; color:#6f7479;}
#rankRight_R h2 a:hover{text-decoration: underline; color:#6f7479;}
#rankRight_R p{color:#a3a0a4;font-size:11px ; margin-top:10px ; padding:0;}

#rankRight_L{ width:70px; margin:10px 0 0 5px;} 
#rankRight_L p{ width:60px; border:1px solid #46066a; background-color:#a185d0; padding:5px; 
text-align: center; font-size:11px; font-weight:normal; color:#FFF; margin:0;}
#rankRight_L img{ margin-top:5px;}
/*#rankRight hr{ border-bottom:1px dotted #999; height:2px;}*/

/*投票說明*/

.rule_txt{ font-size:12px; color:#666; line-height:18px; margin-left:20px; }
.rule_txt h1 { background: url(/contents/events/2009/090601_beauty/images/rule-BG.jpg)  repeat-x; 
border-left:1px solid #8c5c00; border-top:1px solid #8c5c00; color:#72391d; font-size:14px; height:20px;
line-height:14px; padding:5px ; margin-top:10px;}
.rule_txt p {margin:0 0 0 10px; line-height:18px; }
.rule_txt h2 { font-size:12px;margin-left:10px; }
.rule_txt ol{ margin:0; padding-left:20px; line-height:18px;margin-left:10px;}
.rule_txt li{margin-left:10px;}
.ruleGift{ width:180px; padding:5px ; font-size:11px; color:#666; float:left; height:80px;margin-left:10px;}
.ruleGift img { border:1px solid #999; margin-right:5px; float:left; }
.ruleGiftName { float:left ; width:180px; margin:2px;}
.submitBox { text-align:center;  font-size:12px; color:#fff; line-height:30px; margin-top:20px;}
.submitsend { background:url(/contents/events/2009/090601_beauty/images/btn_send.jpg) repeat-x; padding:5px 10px; color:#FFF; font-size:12px;}

.OKvote{background:url(/contents/events/2009/090601_beauty/images/btn_send.jpg) repeat-x; 
padding:5px 10px; color:#FFF; font-size:12px; width:300px; margin:0 0 30px 250px;}
.OKvote a { color:#FFF; text-decoration:none;}
.OKvote a:hover{ color:#FFF; text-decoration: underline;}
/*Menu*/
#Flash {width:723px; height:373px; float:right; margin:0px; padding:0px; }
#Menu {width:930px; border:0px solid #000; margin:0 auto;}
#Menu ul { width:200px; height:373px; padding:0px; margin:0px; list-style:none; float:right; background:url(/contents/events/2009/090601_beauty/images/ul-bg.jpg) repeat-x;}
#Menu li {height:47px; }#Menu li:hover,li:active{height:52px;}
#Menu li.sel1 {background:url(/contents/events/2009/090601_beauty/images/li1.png) no-repeat; }
#Menu li.sel1:hover, li.sel1:active {background:url(/contents/events/2009/090601_beauty/images/li2.png) no-repeat; } 
#Menu li.sel2 {background:url(/contents/events/2009/090601_beauty/images/li1-2.png) no-repeat; }
#Menu li.sel2:hover, li.sel2:active {background:url(/contents/events/2009/090601_beauty/images/li2-2.png) no-repeat; }
#Menu li.sel3 {background:url(/contents/events/2009/090601_beauty/images/li1-3.png) no-repeat; }
#Menu li.sel3:hover, li.sel3:active {background:url(/contents/events/2009/090601_beauty/images/li2-3.png) no-repeat; }
#Menu li.sel4 {background:url(/contents/events/2009/090601_beauty/images/li1-4.png) no-repeat; }
#Menu li.sel4:hover, li.sel4:active {background:url(/contents/events/2009/090601_beauty/images/li2-4.png) no-repeat; }
#Menu li.sel5 {background:url(/contents/events/2009/090601_beauty/images/li1-5.png) no-repeat; }
#Menu li.sel5:hover, li.sel4:active {background:url(/contents/events/2009/090601_beauty/images/li2-5.png) no-repeat; }
#Menu li.sel6 {background:url(/contents/events/2009/090601_beauty/images/li1-6.png) no-repeat; }
#Menu li.sel6:hover, li.sel4:active {background:url(/contents/events/2009/090601_beauty/images/li2-6.png) no-repeat; }
#Menu li.sel7 {background:url(/contents/events/2009/090601_beauty/images/li1-7.png) no-repeat; }
#Menu li.sel7:hover, li.sel4:active {background:url(/contents/events/2009/090601_beauty/images/li2-7.png) no-repeat; }
.PageLi { width:194px; line-height:50px; color: rgba(90%,100%,100%,0.0); filter:alpha(opacity=0); }
#Menu a {text-decoration: none;  cursor:pointer;}
object {padding:0px; margin:0px;}