@charset "utf-8";

.clear { clear: both; }

A { cursor: pointer; }

P { margin: 0 0 15px 0; }


/*行銷內容放置區*/
#areaCont { width: 840px; margin: 0px auto; font-family: Verdana, Arial, Helvetica, sans-serif; }

#infoCont { margin: 0px 25px; }

/*mainContainer*/
#topBox { width: 840px; height: 285px; margin-top: 30px; background-image: url(../images/event7/box_top.gif); background-repeat: no-repeat; }

#mainBox { background: url(../images/event7/box840.gif) repeat-y; width: 780px; padding: 10px 30px; }

#bottomBox { background: url(../images/event7/box_btm.gif) no-repeat; width: 840px; height: 20px; margin-bottom: 20px; }

#gameArea { width: 710px; height: 520px; margin: 0px auto; padding: 0 0 10px 0; }


/*Index*/
.indexCont { margin: 0 35px; }

.deadline { margin: 0 35px 20px 35px; }

.box_signin { padding: 10px 25px; }

.infoAndPlay { margin: 0 35px; padding: 0 0 10px 0; }


/*login*/

.loginAtea { margin: 0px 150px; padding: 20px 0px; }

.dotLine { border-bottom: 1px dashed #CCCCCC; }


/*game*/
.notetop { background: url(/images/event7/box_notetop.gif) no-repeat left bottom; height: 17px; width: 710px; }
.noteCont { background: url(/images/event7/box_note710.gif) repeat-y; width: 660px; padding: 5px 25px 0 25px; text-align: justify; text-justify:distribute; }
.notebtm { background-image: url(/images/event7/box_notebtm.gif); height: 18px; width: 710px; margin: 0 0 15px 0; }
.noteCont P { margin: 0 0 20px 0;}
.starLI li{ margin: 0 0 0 15px; padding:0 0 0 5px; list-style-image: url(/images/event7/star.gif); }

.gameSP01 { width: 420px; background-color: #d2edff; margin: 0 auto 10px auto; padding: 30px 15px 15px 15px; text-align: center; }

.gameSP01 h1 { margin: 0 0 20px 0; }

.gameSP02 { margin: 0 5px; padding: 20px 0 15px 0; }

.atcleArea { float: left; width: 572px; background-color: #d2edff; padding: 15px; }

.useAmount { float: right; width: 160px; }

.tbe_article td{ background-color: #d2edff; padding: 15px; border-bottom: 8px solid #FFFFFF; }

.tbe_article h1 { padding: 10px 0 15px 0; }

.qusArea { width: 460px; }

.tbe_question td { padding: 10px; }

.dispAmount { float: left; margin: 10px 0 10px 5px;}

.operatorArea { margin: 30px 45px 20px 45px; }

/*info*/


#ruleTop { background: url(../images/event7/info_top.gif) no-repeat; width: 840px; height: 115px; margin-top: 30px; }

#ruleCont { background: url(../images/event7/box840.gif) repeat-y; width: 840px; }

#ruleBtm { background: url(../images/event7/box_btm.gif) no-repeat; width: 840px; height: 20px; margin-bottom: 20px; }

.ruleArea { padding: 0 20px 10px 30px; }

.dotLI { list-style-type: none; list-style-image: url(../images/event7/dot_r.gif); }

.dotLI LI { margin:0 10px 10px 25px; }

.awardCont { padding: 55px 0px 0px 45px; }

.infoTilte { padding: 0 0 10px 0; }


/*font set*/
.txt15_b { font-size: 15px; line-height: 25px; text-decoration: none; color: #351106; }

.txt24_b { font-size: 24px; line-height: 45px; text-decoration: none; color: #000000; font-weight: bold; letter-spacing: 3px; }

.txt13_bu { font-size: 13px; line-height: 25px; color:#235087; }

.txt15_bu { font-size: 15px; line-height: 25px; color:#235087; }

.txt15_or { font-size: 15px; line-height: 25px; color:#e77800; }

.txt15_r { font-size: 15px; line-height: 25px; text-decoration: none; color: #ff0031; }

.txt18_r { font-size: 18px; line-height: 30px; text-decoration: none; color: #ff0031; }

.txt25_r { font-size: 25px; line-height: 25px; text-decoration: none; color: #ff0031; }

.txt32_r { font-size: 32px; line-height: 32px; text-decoration: none; color: #ff0031; }

.txt15_lbu { font-size: 15px; line-height: 25px; color: #0066FF; }

.txt18_bu { font-size: 18px; color: #0066FF; }

.txt15_gr { color: #015138 }


/*table*/

.tb01 th { font-size: 13px; color: #FFFFFF; text-decoration: none; background-color: #625f5c; margin: 3px 0; text-align: center; }

.tb01 td { font-size: 13px; text-align: center; }

.tb02 td { padding: 5px; }

#tbInfo { margin: 20px 0;}

.td03 { border: 1px solid #be6b34; }

.td03 td { font-size: 13px; color: #be6b34; text-decoration: none; padding: 5px 10px; }