@charset "utf-8";
/* CSS Document */
body{ background-color:#fffefb; font-size:13px;}
input[type='text']{ border:1px solid #d8d8d8; padding:3px;}
textarea{ border:1px solid #d8d8d8; padding:3px;}
select{border:1px solid #d8d8d8; }
h1{color:#9a3737; font-weight:bold; font-size:22px;}
.all{ width:980px; margin:0 auto;}
.top{ width:980px; height:122px; background:url(../images/bestpartner/topbg.jpg) no-repeat; overflow:hidden}
.center{ widows:980px; background:url(../images/bestpartner/centerbg.jpg) repeat-y;}
.bottom{ width:980px; height:39px; background:url(../images/bestpartner/bottombg.jpg) no-repeat; overflow:hidden;}
.bottom a{ display:block; float:right; width:80px; height:30px;}
.content{ width:800px; margin:0 auto}
.fleft{ float:left}
.fright{ float:right}
.clear{ clear:both;}
a{ text-decoration:none}
/*中灰 h褐紅*/
a.color01{ color:#777777;}
a.color01:hover{color:#9a3737}
/*褐紅+底線 h去底線*/
a.color02{color:#9a3737; text-decoration:underline}
a.color02:hover{ text-decoration:none}
/*褐紅 h底線*/
a.color03{color:#9a3737;}
a.color03:hover{ text-decoration:underline}
/*深灰 h褐紅*/
a.color05{ color: #333333}
a.color05:hover{ color:#9a3737;}
/*中灰*/
.color01{color:#777777;}
/*褐紅*/
.color02{color:#9a3737}
/*淺灰*/
.color03{color:#999999;}
/*深灰*/
.color04{ color:#454545}
/*桃紅*/
.color05{color:#f0167c}
/*深深灰*/
.color06{color:#333333}
.color07{color:#FFFFFF}
h3{ font-weight:bold; color:#9a3737; font-size:15px;}
/*內文行高*/
.text01{ line-height:1.8em;}
.text02{ line-height:1.3em;}
/*褐紅btn*/
a.btn01{ display:block; padding:5px 15px;padding:8px 15px 5px 15px\9;*padding:8px 15px 5px 15px; color:#FFFFFF; background-color:#9a3737; text-align:center; font-size:15px;}
a.btn01:hover{ background-color:#462317;}
/*回首頁btn*/
a.btn02{ display:block; padding:5px 0 5px 20px;padding:8px 0 5px 20px\9;*padding:8px 0 5px 20px; color:#FFFFFF; text-align:center; font-size:15px; background:url(../images/bestpartner/icon1.gif) no-repeat 15px 6px #9a3737; width:80px;}
a.btn02:hover{ background-color:#462317;}
/*無色灰字背景*/
a.btn03{ display:block; padding:5px 15px;*padding:8px 15px 5px 15px; color:#515151;  text-align:center; font-size:15px;}
a.btn03:hover,a.btn04:hover,a.btn05:hover,a.btn06:hover,a.btn08:hover{text-decoration:underline}
/*小塊灰色背景灰色字*/
a.btn04{padding:1px 10px 2px 10px;padding:2px 10px 1px 10px;*padding:3px 10px 0px 10px; background:#f7f7f7; border:1px solid #cccccc; color:#666666; letter-spacing:1px}
/*大塊灰色背景灰色字*/
a.btn05{ display:block; padding:5px 15px;padding:8px 15px 5px 15px\9;*padding:8px 15px 5px 15px; color:#666666; border:1px solid #cccccc;background-color:#eeeeee; text-align:center; font-size:15px;}
/*小塊淺褐背景白字*/
a.btn06{padding:1px 10px 2px 17px;*padding:3px 10px 0px 17px; background:#d68c8c url(../images/bestpartner/icon2.gif) 8px 7px no-repeat;  color:#ffffff; letter-spacing:1px ;}
/*小塊紅褐背景白色字*/
a.btn07{padding:1px 10px 2px 10px;*padding:3px 10px 0px 10px; background:#9a3737; color:#FFFFFF; letter-spacing:1px}
a.btn07:hover{ background-color:#462317;}
a.btn08{padding:1px 10px 2px 10px;*padding:3px 10px 0px 10px; background:#d68c8c; border:1px solid #b96b6b; color:#ffffff; letter-spacing:1px ;}
/*灰色背景*/
a.btn09{ display:block; width:73px; height:20px;*height:18px; padding:5px 0 0 17px;*padding:7px 0 0 17px; text-align:center; background:url(css_images/home/icon_001.gif) 5px 5px no-repeat;}
/*灰色背景*/
div.btn09{ border:1px solid #cccccc; background:url(css_images/button_l.gif) repeat-x;width:90px; height:25px; font-size:13px}
/*步驟完成圖檔*/
/*灰色背景*/
a.btn10{ display:block; width:73px; height:20px;*height:18px; padding:5px 0 0 17px;*padding:7px 0 0 17px; text-align:center; background:url(css_images/home/icon_001.gif) 5px 5px no-repeat;}
.step_ok{ width:525px; height:333px; margin:10px auto; background:url(../images/bestpartner/step_ok.gif) no-repeat;}
/*投票照片*/
.photo{ width:180px; position:relative; padding:7px 10px 10px 10px; border:1px solid #d8d8d8; margin:8px;_margin:7px; float:left}
/*人氣三名*/
.no1{width:42px;height:42px;background:url(../images/bestpartner/icon3.gif) no-repeat;position:absolute;z-index:2;	bottom:5px; right:5px;}
.no2{ width:39px; height:38px; background:url(../images/bestpartner/icon4.gif) no-repeat; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no3{ width:38px; height:37px; background:url(../images/bestpartner/icon5.gif) no-repeat; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no4{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no5{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -38px 0px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no6{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -76px 0px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no7{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -114px 0px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no8{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -152px 0px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no9{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -190px 0px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no10{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -228px 0px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no11{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -266px 0px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no12{width:38px;height:37px;background:url(../images/bestpartner/icons53.gif) no-repeat -304px 0px;position:absolute;	z-index:2;
	bottom:5px;	right:5px;}
.no13{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat 0px -38px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no14{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -38px -38px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no15{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -76px -38px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no16{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -114px -38px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no17{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -152px -38px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no18{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -190px -38px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no19{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -228px -38px; position:absolute; z-index:2;	bottom:5px; right:5px;}
.no20{ width:38px; height:37px; background:url(../images/bestpartner/icons53.gif) no-repeat -266px -38px; position:absolute; z-index:2;	bottom:5px; right:5px;}

/*分頁器*/
.page01{ padding:7px 7px 0 7px;margin:3px; text-align:center; position:relative;}
.page01 a {border: #ccc 1px solid; padding:1px 3px;margin:2px; color:#666666; background-color:#eeeeee;}
.page01 a:hover {border: #9a3737 1px solid; color: #9a3737; }
.page01 a:active {border: #f0f0f0 1px solid; color: #666666; }
.page01 span.current {border: #9a3737 1px solid; padding:1px 3px; font-weight:bold;  margin: 2px;color: #fff; background-color: #9a3737}
.page01 li{ display: inline}
/*字型15級*/
.font15{ font-size:15px;}
/*單一頁標題底*/
.bt01{ background:#faf2e4; border:1px solid #faf2e4;height:23px;padding:5px 0 0 10px;*height:21px;*padding:7px 0 0 10px; overflow:hidden; line-height:1.2em;vertical-align:middle; }

/*向左按鈕*/
.left_arrow{ background:url(../images/bestpartner/cabinet_icon.gif) 0px 0px no-repeat}
.left_arrow:hover{background:url(../images/bestpartner/cabinet_icon.gif) -22px 0px no-repeat}
/*向右按鈕*/
.right_arrow{background:url(../images/bestpartner/cabinet_icon.gif) -44px 0px no-repeat}
.right_arrow:hover{background:url(../images/bestpartner/cabinet_icon.gif) -66px 0px no-repeat}
.left_arrow, .right_arrow, .left_arrow_block, .right_arrow_block {display:block; width:22px; height:22px;}

/* 提示訊息 */
#FlashNotice { width:100%; position:relative; margin:0 auto;font-size:15px;}

#FlashNotice div.message { margin: 8px 0 5px 0; }
#FlashNotice div.message { min-height:15px; padding:5px; border:0px solid; text-align:center; font-size:116%; }

#FlashNotice div.info { padding:3px 5px 2px 5px;*padding:5px 5px 0 5px; margin:0 auto 5px auto; background:#fff19a ; text-align:center; font-weight:bold; color:#423b19; }
#FlashNotice div.success { padding:3px 5px 2px 5px;*padding:5px 5px 1px 5px; margin:0 auto 5px auto; background:#e3f0af; text-align:center; font-weight:bold; color: #264309}
#FlashNotice div.warning {padding:3px 5px 2px 5px;*padding:5px 5px 0 5px;  margin:0 auto 5px auto; background:#e14f4f; font-weight:bold; text-align:center;  font-size:15px; color:#ffffff;}
#FlashNotice div.error { padding:3px 5px 2px 5px;*padding:5px 5px 0 5px; margin:0 auto 5px auto; background:#fcd7da; font-weight:bold; text-align:center;  font-size:15px; color:#8c1e11}
#FlashNotice div.error  img{ margin-right:5px;}

.bt04{ background-color:#867f80;padding:5px 10px 6px 10px;*height:21px;*padding:5px 10px 7px 10px; overflow:hidden}
.blod{ font-weight:bold}