@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:none;}
html{width:100%; height:100%}
body{width:100%; height:100%;background-color:#000;}

#main{background:#000 url(../img/body_bg_phase3.jpg) no-repeat 0px 0px; position:relative; width:840px; height:440px; margin:0 auto; overflow:hidden;}
#top_btns{position:absolute; left:3px; top:5px; width:557px; height:44px;}
#top_btns i{position:absolute; top:0; display:block; width:92px; height:44px; background:no-repeat 0px 0px;}
#top_btns i:hover{background-position:0px -44px;}
#top_btns i.btnMember{background-image:url(../img/top_btn/phase3_0_mem.jpg); width:97px; left:0;}
#top_btns i.btnPayment{background-image:url(../img/top_btn/phase2_1_pay.jpg); left:97px;}
#top_btns i.btnCoupon{background-image:url(../img/top_btn/phase3_2_mp.jpg); left:189px;}
#top_btns i.btnManual{background-image:url(../img/top_btn/phase2_2_manu.jpg); left:281px;}
#top_btns i.btnInquiry{background-image:url(../img/top_btn/phase2_3_inq.jpg); left:373px;}
#top_btns i.btnRule{background-image:url(../img/top_btn/phase2_4_rule.jpg); left:465px;}


#info_area{ position:absolute; left:23px; top:88px; border:1px #402F21 solid; border-bottom-color:#DDD0B4; border-left-color:#7B614B; border-right-color:#A0997A;}

#bnr{width:556px; height:62px; overflow:hidden; position:absolute; left:4px; top:375px;}
#bnr i{float:left; display:block; width:138px; height:62px; background:no-repeat 0px 0px;}
#bnr i:first-child{width:139px;}
#bnr i:hover{background-position:0px -62px;}

i#btnCouponBln{display:block; width:93px; height:44px; position:absolute; right:37px; top:208px; background:url(../img/top_btn/balloon_mp_phase3.jpg) no-repeat 0px 0px;}
i#btnCouponBln:hover{background-position:0 -44px;}

/*----- SEN × COG -----*/
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

#main_sen{
    background:url(../img/lnk/launcher_main_sen.jpg) no-repeat center top;
    width:560px;height:372px;position:absolute;	top:34px; left:140px;
}
#title_sen_no{
    background:url(../img/lnk/launcher_title_no.jpg) no-repeat center top;
    width:500px;height:60px; top:2px; left:29px; position:absolute;
}
#title_sen{
    background:url(../img/lnk/launcher_title_sen.jpg) no-repeat center top;
    width:500px;height:60px; top:2px; left:29px; position:absolute;
}

.ft{
    margin: 8px 0 0 24px;
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #FFF;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
}
.ft_s{
    margin: 15px 0 0 20px;
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #FFF;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
}
.ft_01{
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size: 36px;
    font-weight: bold;
}
#sen{ width:500px;left:29px; position: relative;top:30%;}

#body_sen img, .body_sen240 img{ margin: 20px 0 0 0;}
.body_sen240 a:hover{
    position: relative;
    top: 1px;
}

#body_sen a:hover{
    position: relative;
    top: 1px;
    left: 1px;
}

#footer_sen img{ margin: 0 0 5px 0;}
#footer_sen a:hover{
    position: relative;
    top: 1px;
}


#head_sen{
    background:url(../img/lnk/head_sen_01.jpg) no-repeat center top;
    width:500px;height:33px;
}
#body_sen{
    width: 498px;
    min-height: 100px;
    margin: 0 0 0 1px;
    background-color: #d7d5d4;

    text-align : center;

    /* Firefox, Chrome */
    line-height : 100px;

    /* IE */
    *font-size : 180px;  /* 200px * 0.9 = 180px */
    *font-family : Arial;

}

#sect_sen{
    width: 498px;
    min-height: 100px;
    margin: 0 0 0 1px;
    background-color: #d7d5d4;
}

#footer_sen{
    background:url(../img/lnk/footer_sen_01.jpg) no-repeat center bottom;
    width:498px;min-height:20px; background-color: #d7d5d4;margin: 0 0 0 1px;

    text-align : center;

    /* Firefox, Chrome */
    line-height : 200px;

    /* IE */
    *font-size : 180px;  /* 200px * 0.9 = 180px */
    *font-family : Arial;
}

/*----- SECTION -----*/
div.section{padding:8px 10px; clear:both; font-size:15px;line-height: 24px;}
div.section_s{padding:8px 10px; clear:both; font-size:15px;line-height: 18px;}
.sect_t{ width:70px; float:left; font-weight:bold; color:#003888;}
.sect_c{ width:400px; float:right;}

.red{ color:#red; margin-left:10px; font-size:11px; }
.sect_s{ line-height: 22px; font-size:11px; width:400px; float:right;}
.sect_v{ line-height: 22px; font-size:15px; color:#003888; font-weight:bold; width:90%; padding:10px;}

/* block layout */
body{
    background: url(../background.png) no-repeat black;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}

.red{color: #a90018;}
.brown{	color: #330000;}