/* CSS OF e-Portfolio DIV */

/* MAIN GLOBAL 開始 */
body {
background-color:#000000;
font-family:"Arial", "Helvetica", "sans-serif", "\u65B0\u7D30\u660E\u9AD4";
font-size:12px;
color:#ffffff;
line-height:20px;
letter-spacing:0px;
text-align:center;
margin:0px;
padding:0px;
}
* {
margin:0px;
padding:0px;
}

acronym {border:none;}
a {text-decoration:none;}
a:link {color:#ffffff;}
a:visited {color:#ffffff;}
a:hover {color:#24b4bd; text-decoration:none;}
form {margin:0;}
hr{color:#ffffff; height:1px;}
/* MAIN GLOBAL 結束 */


/* NORMALIZE 開始 */
address,caption,cite,code,dfn,em,strong,th,vat { font-style:normal; font-weight:normal;}
table { border-collapse:collapse; border-spacing:0px;}
fieldset,img { border:0px;}
div,ul,li,dt,dd { margin:0px; padding:0px}
ol,ul,li { list-style:none; margin:0px; padding:0px;}
/* NORMALIZE 結束 */


/* DIV大版面定位 開始 */
#wrapper {
width:950px;
margin:0px auto;
padding:0px;
text-align:-moz-left;
*text-align:left;
z-index:1;
}

#topBlock {
position:relative;
display:block;
overflow:hidden;
width:100%;
height:154px;
background:url(/e_portfolio/images/ep_bg01.jpg) no-repeat;
margin:0px auto;
z-index:2;
}

#middleBlock {
position:relative;
width:100%;
overflow:hidden;
_height:1%;
background:url(/e_portfolio/images/ep_bg04.jpg) top center repeat-x;
background-color:#095977;
margin:0px auto;
z-index:2;
}

#secondBlock {
position:relative;
display:block;
width:100%;
height:46px;
background:url(/e_portfolio/images/ep_bg06.jpg) repeat-x;
text-align:-moz-right;
*text-align:right;
margin:0px auto;
z-index:2;
}

#bottomBlock {
position:relative;
display:block;
width:100%;
height:108px;
background:url(/e_portfolio/images/ep_bg07.jpg) repeat-x;
text-align:-moz-center;
*text-align:center;
margin:0px auto;
z-index:2;
}

#miLeftBlock {
float:left;
position:relative;
width:347px;
height:783px;
text-align:-moz-right;
*text-align:right;
z-index:3;
}

#miCenterBlock {
float:left;
position:relative;
width:518px;
height:100%;
z-index:3;
}

#miRightBlock {
float:right;
position:relative;
width:85px;
height:100%;
z-index:3;
}
/* DIV大版面定位 結束 */


/* 上方區內容 開始 */
#headUp {
float:left;
position:relative;
width:183px;
height:56px;
background:url(/e_portfolio/images/head01.png) no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/head01.png',sizingMethod='image',enabled=TRUE);
margin-top:100px;
_margin-top:95px;
margin-left:144px;
_margin-left:72px;
}

a#logoUp {
float:left;
width:183px;
height:56px;
z-index:5;
}
a#logoUp:hover {
float:left;
width:183px;
height:56px;
z-index:5;
}


#headDown {
width:159px;
height:23px;
background:url(/e_portfolio/images/head02.png) no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/head02.png',sizingMethod='image',enabled=TRUE);
margin:0px;
*margin-top:3px;
_margin-top:0px;
margin-right:42px;
}


a#logoDown {
float:left;
width:159px;
height:23px;
z-index:5;
}
a#logoDown:hover {
float:left;
width:159px;
height:23px;
z-index:5;
}



#topItem {
float:right;
position:relative;
width:320px;
height:144px;
margin-top:10px;
margin-right:85px;
_margin-right:44px;
text-align:-moz-right;
*text-align:right;
}
#topItem span {
position:absolute;
top:5px;
right:0px;
}


#slogon {
float:right;
width:183px;
height:18px;
background:url(/e_portfolio/images/slogon.png) no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/slogon.png',sizingMethod='image',enabled=TRUE);
margin-top:100px;
}
/* 上方區內容 結束 */


/* 主選單背景區 開始 */
#miLeftUp {
width:347px;
height:445px;
background:url(/e_portfolio/images/ep_bg02.jpg) no-repeat;
}

#miLeftDown {
width:347px;
height:338px;
background:url(/e_portfolio/images/ep_bg03.jpg) no-repeat;
}
/* 主選單背景區 結束 */


/* 主要內容背景區 開始 */
#miCenter {
width:518px;
height:auto;
background:url(/e_portfolio/images/ep_bg05.jpg) top center no-repeat;
}
/* 主要內容背景區 結束 */


/* 右側邊背景區 開始 */
#miRight {
width:85px;
height:445px;
z-index:3;
}
/* 右側邊背景區 結束 */


/* 主選單 開始 */
.navTop {
height:3px;
background:url(/e_portfolio/images/navTop.gif) right center no-repeat;
}
/* 主選單 結束 */


/* 標題 開始 */
#title {
width:180px;
margin-left:15px;
}

.searchInput {
width:110px;
height:18px;
}
/* 標題 結束 */


/* 投票參賽者 開始 */
.photoImg {
width:97px;
height:113px;
border:1px solid #ffffff;
text-align:center;
vertical-align:top;
}

.photoContentBg {
width:375px;
height:91px;
background:url(/e_portfolio/images/photo_contentBg.png) repeat-y;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/photo_contentBg.png',sizingMethod='scale',enabled=TRUE);
}
.photoContentBg a { position:relative;}

.photoIntro {
float:left;
width:241px;
height:40px;
text-align:left;
}

.photoBtnVote {
float:right;
width:59px;
height:15px;
background:url(/e_portfolio/images/btn02.png) no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/btn02.png',sizingMethod='image',enabled=TRUE);
margin-top:20px;
text-align:center;
}
.photoBtnVote a { position:relative;}
.photoBtnVote li { height:10px; margin:-4px 3px 3px 4px; _ margin:1px 3px 1px 3px; font-size:0px;}
/* 投票參賽者 結束 */


/* 內文區 開始 */
.icon01 {
float:left;
width:15px;
height:15px;
background:url(/e_portfolio/images/icon01.png) left top no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/icon01.png',sizingMethod='image',enabled=true);
}

.input01 {
width:240px;
height:16px;
background-color:#cce0e8;
}

.input02 {
width:385px;
height:16px;
background-color:#cce0e8;
}

.input03 {
width:100px;
height:16px;
background-color:#cce0e8;
}

.txtArea01 {
width:385px;
height:145px;
background-color:#cce0e8;
}

.notice {
width:484px;
margin-top:15px;
margin-left:18px;
text-align:left;
}

.btnSend01 {
width:89px;
height:35px;
background:url(/e_portfolio/images/btn05.png) left top no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/btn05.png',sizingMethod='image',enabled=true);
margin-top:15px;
margin-left:220px;
text-align:center;
}
.btnSend01 li { margin-top:6px;}
.btnSend01 a { position:relative;}

.btnSend02 {
float:left;
width:89px;
height:44px;
background:url(/e_portfolio/images/btn06.png) left top no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/btn06.png',sizingMethod='image',enabled=true);
margin-top:25px;
margin-left:160px;
_margin-left:80px;
text-align:center;
}
.btnSend03 {
float:right;
width:89px;
height:44px;
background:url(/e_portfolio/images/btn08.png) left top no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/btn08.png',sizingMethod='image',enabled=true);
margin-top:25px;
margin-right:160px;
_margin-right:80px;
text-align:center;
}
.btnSend02 li, .btnSend03 li { margin-top:12px;}
.btnSend02 a, .btnSend03 a { position:relative;}

.btnSend04 {
float:left;
width:89px;
height:44px;
background:url(/e_portfolio/images/btn06.png) left top no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/btn06.png',sizingMethod='image',enabled=true);
margin-top:25px;
margin-left:220px;
_margin-left:110px;
text-align:center;
}
.btnSend04 li { margin-top:12px;}
.btnSend04 a { position:relative;}


.contentTextBlock01 {
width:484px;
text-align:left;
margin:20px auto;
}

.contentTextBlock02 {
width:484px;
text-align:left;
margin:0px auto;
}

.ulListIcon01 {
list-style-image:url(/e_portfolio/images/icon02.gif);
list-style-position:outside;
padding-left:20px;
}

.contentImgPD01 {
float:right;
width:299px;
height:154px;
background:url(/e_portfolio/images/pd_view01.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/pd_view01.png',sizingMethod='image',enabled=true);
margin:0px 0px 10px 10px;
}

.contentImgPD02 {
float:right;
width:262px;
height:252px;
background:url(/e_portfolio/images/pd_view02.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/pd_view02.png',sizingMethod='image',enabled=true);
margin:0px 0px 10px 10px;
}

.contentImgPD03 {
float:right;
width:226px;
height:148px;
background:url(/e_portfolio/images/pd_view03.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/pd_view03.png',sizingMethod='image',enabled=true);
margin:10px 0px 10px 10px;
}

.contentImgPD04 {
float:right;
width:202px;
height:157px;
background:url(/e_portfolio/images/pd_view04.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/pd_view04.png',sizingMethod='image',enabled=true);
margin:10px 0px 10px 10px;
}

.contentImgPD05 {
width:340px;
height:205px;
background:url(/e_portfolio/images/pd_view05.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/pd_view05.png',sizingMethod='image',enabled=true);
margin-top:5px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
}

.contentImgPD06 {
float:right;
width:259px;
height:189px;
background:url(/e_portfolio/images/pd_view06.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/pd_view06.png',sizingMethod='image',enabled=true);
margin:0px 0px 10px 10px;
}

.contentImgPD07 {
width:278px;
height:280px;
background:url(/e_portfolio/images/pd_view07.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/pd_view07.png',sizingMethod='image',enabled=true);
margin:15px auto;
}

.contentImgPD08 {
width:263px;
height:276px;
background:url(/e_portfolio/images/pd_view08.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e_portfolio/images/pd_view08.png',sizingMethod='image',enabled=true);
margin:15px auto;
}
/* 內文區 結束 */


/* 版權區 開始 */
#footer {
width:880px;
margin:0px;
*margin-top:22px;
}
/* 版權區 結束 */