/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background-repeat: no-repeat;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}


/* Reset CSS END */


/* CSS Document */

body {
    margin: 0;
    padding: 0;
    /*font:"Arial", "Helvetica", "sans-serif";*/
    /*font-family:  "Microsoft JhengHei" , "Arial" , "Helvetica" , "sans-serif";*/
    font-family: 微軟正黑體, "Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";
}

#wrapper {
    height: 100%;
    /*min-height:1420px;*/
    position: relative;
    width: 1024px;
    background-color: #ffffff;
    /*fff7b2*/
    margin: 0 auto;
    box-shadow: 1px 0px 5px #463e33;
    /*height:155%;*/
    /*overflow: hidden;*/
}

#wrapper_overflow {
    height: 100%;
    /*min-height:1420px;*/
    position: relative;
    width: 1024px;
    background-color: #ffffff;
    /*fff7b2*/
    margin: 0 auto;
    box-shadow: 1px 0px 5px #463e33;
    /*height:155%;*/
    /*overflow: hidden;*/
    overflow: hidden;
}

#wrapper_overflow2 {
    height: 100%;
    /*min-height:1420px;*/
    position: relative;
    width: 900px;
    background-color: #ffffff;
    /*fff7b2*/
    margin: 0 auto;
    box-shadow: 1px 0px 5px #463e33;
    /*height:155%;*/
    /*overflow: hidden;*/
    overflow: hidden;
}

img {
    border: none;
}


/* =========================== header ========================== */

.header1 {
    width: 100%;
    height: 68px;
    background: #ffe401;
    float: left;
}

.header1 img {
    padding: 3px 0 0 10px;
}

.header_tl {
    float: left;
}

.header_tx {
    float: right;
    margin-right: 25px;
}


/* =========================== fooder ========================== */

#pagfooder {
    background-color: #ffcc00;
    height: 70px;
    /*底部高*/
    width: 1024px;
    /*980px;*/
    min-width: 800px;
    padding-top: 10px;
    line-height: 1.3em;
    text-align: center;
    float: left;
    /* position: absolute; ;bottom: 0; 	z-index:0; 內容過短時至底*/
}

#pagfooder1 {
    background-color: #ffcc00;
    height: 70px;
    /*底部高*/
    width: 920px;
    /*1000px;*/
    min-width: 800px;
    padding-top: 10px;
    line-height: 1.3em;
    text-align: center;
    float: left;
    /* position: absolute; ;bottom: 0; 	z-index:0; 內容過短時至底*/
}


/* =========================== left ========================== */

#left {
    background-color: #ffffff;
    width: 264px;
    height: 100%;
    float: left;
    font: 14px "Arial", "Helvetica", "sans-serif";
    position: relative;
    z-index: 1;
}

#left_top {
    width: 252px;
    height: 220px;
    background: #ffff00 url(../images/add/twl_index_logo_03.gif) no-repeat 5px 5px;
    margin: 10px 0px 5px 8px;
    font: 14px "Arial", "Helvetica", "sans-serif";
    color: #444444;
}

#left_top {
    text-decoration: none;
}

#left_top_contents01 {
    width: 224px;
    height: 164px;
    background-color: #ffffff;
    margin: 4px;
    overflow: auto;
    float: left;
    margin-top: 0px;
    padding: 5px 10px;
    line-height: 1.5;
}

#left_top_contents02 {
    width: 224px;
    height: 164px;
    background-color: #ffffff;
    margin: 4px;
    overflow: auto;
    float: left;
    margin-top: 0px;
    padding: 5px 10px;
    line-height: 1.5;
}

.display_none {
    display: none;
}

.display_block {
    display: block;
}

#left_top_btn01 {
    width: 72px;
    height: 20px;
    float: left;
    margin: 15px 0px 0px 100px;
    padding-top: 5px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

#left_top_btn02 {
    width: 72px;
    height: 20px;
    float: left;
    padding-top: 5px;
    margin: 15px 0px 0px 0px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.left_top_clicked {
    background: #ff0000;
    color: #ffffff;
}

.left_top_unclicked {
    color: #000000;
}


/* =========================== left menu ========================== */

#nav li {
    margin-left: 8px;
    margin-right: 5px;
    font-size: 16px;
    padding: 12px;
    background: url(../images/add/line_dotted.gif) repeat-x bottom left;
    /*background: url(../images/add/line_dotted.gif) repeat-x 0px 45px,url(../images/add/twl_index_icon.gif) no-repeat 225px 15px;*/
    list-style: none;
}

#nav li #sub {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 100%;
}

#nav li img {
    float: right;
}

#nav a {
    padding-left: 3px;
    color: #333333;
    text-decoration: none;
    font-family: 微軟正黑體, "Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";
    /*background: url(../images/add/twl_index_icon.gif) no-repeat 50px 0px; */
    /*background-position: 0px 0px; */
}

#nav a:hover {
    color: #cc0000;
    /*background-position: 0px -17px; */
}


/* =========================== index ========================== */


/* right 上半 獎號*/

#right_top {
    width: 760px;
    height: 355px;
    float: right;
}


/* 絕對定位圖片*/

#top_dollarbox #imgPowerLottery {
    position: absolute;
    top: 110px;
    left: 290px;
}

#top_dollarbox #imgBigLottery {
    position: absolute;
    top: 180px;
    left: 290px;
}

#top_dollarbox #imgFLottery
/*大福彩*/

{
    position: absolute;
    top: 260px;
    left: 290px;
}

#top_dollarbox #dodo01 {
    position: absolute;
    top: 155px;
    left: 441px;
}

#top_dollarbox #dodo02 {
    position: absolute;
    top: 225px;
    left: 441px;
}

#top_dollarbox #dodo03 {
    position: absolute;
    top: 155px;
    left: 550px;
}

#top_dollarbox #dodo04 {
    position: absolute;
    top: 225px;
    left: 550px;
}

#top_dollarbox #dodo05 {
    position: absolute;
    top: 155px;
    left: 658px;
}

#top_dollarbox #dodo06
/*大福彩*/

{
    position: absolute;
    top: 225px;
    left: 658px;
}

#top_dollarbox #dodo07
/*大福彩*/

{
    position: absolute;
    top: 300px;
    left: 658px;
}

#top_dollarbox #dodo08
/*大福彩*/

{
    position: absolute;
    top: 300px;
    left: 550px;
}

#top_dollarbox #dodo09 {
    position: absolute;
    top: 300px;
    left: 441px;
}


/* 頭彩預估金額 */

#top_dollarbox {
    width: 485px;
    height: 160px;
    padding: 10px 15px 0px 10px;
    /*background: url(../images/add/logo_totbox_01.jpg) no-repeat 25px 33px,url(../images/add/logo_totbox_02.jpg) no-repeat 25px 101px;*/
    background-color: #ffff00;
    float: left;
    margin: 10px 0px 10px 8px;
    line-height: 0.5;
}

#dollar_right {
    width: 485px;
    height: 16px;
    text-align: right;
    font-size: 18px;
    font-size: 16px;
    padding-bottom: 5px;
}

.top_dollar_tx {
    margin-left: 98px;
    font-size: 26px;
    color: #666666;
    height: 48px;
    line-height: 60px;
}

.top_dollar {
    /*background: url(../images/add/dodo.gif) no-repeat 250px 48px,url(../images/add/dodo.gif) no-repeat 142px 48px,url(../images/add/dodo.gif) no-repeat 34px 48px,url(../images/add/topbox_dollarbg.gif) repeat-x bottom right;*/
    background: url(../images/add/topbox_dollarbg.gif) repeat-x bottom right;
    height: 48px;
    width: 360px;
    float: right;
    font-size: 50px;
    color: #cc0000;
    font-weight: bolder;
    font-family: Arial;
    letter-spacing: 6pt;
    text-indent: 3pt;
    padding: 1px 0px 7px 0px;
    overflow: hidden;
}


/*頭彩預估金額字*/

.top_text {
    /*background: url(../images/add/dodo.gif) no-repeat 250px 48px,url(../images/add/dodo.gif) no-repeat 142px 48px,url(../images/add/dodo.gif) no-repeat 34px 48px,url(../images/add/topbox_dollarbg.gif) repeat-x bottom right;*/
    /*background: url(../images/add/topbox_dollarbg.gif) repeat-x bottom right;*/
    height: 48px;
    width: 360px;
    float: right;
    font-size: 35px;
    color: #cc0000;
    font-weight: bolder;
    font-family: 微軟正黑體;
    letter-spacing: 0pt;
    padding: 1px 0px 7px 0px;
    overflow: hidden;
}


/* right 上半NEWS */

.top_news_title {
    font: bold;
    font-size: 15px;
    color: #ff0000;
    line-height: 0.1;
    padding-top: 8px;
}

#more_right {
    margin-top: -5px;
    text-align: right;
}

#top_news {
    width: 510px;
    height: 250px;
    float: left;
    margin-left: 8px;
    overflow: hidden;
    line-height: 15px;
    display: inline;
}


/* right banner*/

#right_side {
    width: 231px;
    height: 100px;
    float: right;
}

.banner {
    width: 225px;
    height: 90px;
    margin-bottom: 15px;
    background-color: #ffcc99;
    text-align: center;
    color: #333333;
    margin-top: 10px;
}

.banner img {
    width: 225px;
    height: 90px;
}

.banner a:link,
a:visited {
    color: #333333;
    text-decoration: none;
}

.banner a:hover {
    color: #ff0000;
}


/* right 下半 */

#rightdown {
    width: 750px;
    margin: 0px 5px;
    background-color: #ffffcc;
    height: auto;
    float: right;
    margin-top: 60px;
    padding-bottom: 100px;
    margin-bottom: -50px;
}

.dotted01 {
    background: url(../images/add/twl_index_icon_dot_01.jpg) repeat-x 0px 0px;
    height: 2px;
    width: 750px;
    float: left;
}

.dotted02 {
    background: url(../images/add/twl_index_icon_dot_02.jpg) repeat-y 0px 0px;
    height: 214px;
    width: 2px;
    float: left;
}

.dotted03 {
    background: url(../images/add/twl_index_icon_dot_02.jpg) repeat-y 0px 0px;
    height: 166px;
    width: 2px;
    float: left;
}

.dotted04 {
    background: url(../images/add/twl_index_icon_dot_02.jpg) repeat-y 0px 0px;
    height: 124px;
    width: 2px;
    float: left;
}

.contents_box01 {
    height: 170px;
    width: 750px;
    float: left;
}

.contents_box02 {
    height: 214px;
    width: 370px;
    float: left;
}

.contents_box03 {
    height: 166px;
    width: 370px;
    float: left;
}

.contents_box04 {
    height: 124px;
    width: 370px;
    float: left;
}

.contents_box05
/* 大福彩*/

{
    height: 170px;
    width: 600px;
    float: left;
}

.contents_box06
/* 雙贏彩*/

{
    height: 170px;
    width: 650px;
    float: left;
}

.contents_mine_tx01 {
    padding: 30px 0px 0px 10px;
    height: 35px;
    width: 600px;
    float: left;
}

.contents_mine_tx02 {
    padding-top: 29px;
    height: 36px;
    width: 272px;
    float: left;
}

.contents_mine_tx04 {
    width: 65px;
    float: left;
    line-height: 3em;
    padding: 0px 10px;
}

.contents_mine_tx05
/*大福彩 粉球*/

{
    width: -100px;
    line-height: 4em;
}

.contents_mine_tx06
/*大福彩 特別號*/

{
    width: 65px;
    float: left;
    line-height: 3em;
    padding: 0px 0px -15px 10px;
}

.contents_mine_tx07
/*大福彩 大小順序*/

{
    width: 590px;
    float: right;
    margin-left: 300px;
}

.contents_mine_tx08
/*BB 超級獎號猜大小猜單雙*/

{
    padding: 0px 10px 0px 0px;
    height: 35px;
    float: left;
}

.contents_mine_tx09
/*雙贏彩*/

{
    width: -100px;
    line-height: 4em;
}

.ball_box01 {
    width: 490px;
    float: left;
}

.ball_box_740 {
    width: 350px;
    float: left;
}

.ball_box_1224 {
    width: 600px;
    float: left;
    margin-top: -25px;
    margin-right: -60px;
}


/* 彩球們*/

.ball_tx {
    margin: 3px;
    width: 41px;
    height: 41px;
    line-height: 41px;
    float: left;
    font-size: 24px;
    font-family: Arial;
    font-weight: bolder;
    text-align: center;
}

.ball_green {
    background: url(../images/add/twl_index_icon_ball_green.gif) no-repeat;
}

.ball_yellow {
    background: url(../images/add/twl_index_icon_ball_yellow.gif) no-repeat;
}

.ball_green {
    background: url(../images/add/twl_index_icon_ball_green.gif) no-repeat;
}

.ball_lemon {
    background: url(../images/add/twl_index_icon_ball_lemon.gif) no-repeat;
}

.ball_purple {
    background: url(../images/add/twl_index_icon_ball_purple.gif) no-repeat;
}

.ball_blue {
    background: url(../images/add/twl_index_icon_ball_blue.gif) no-repeat;
}

.ball_red {
    background: url(../images/add/twl_index_icon_ball_red.gif) no-repeat;
    margin: 3px;
    width: 42px;
    height: 42px;
    line-height: 41px;
    float: left;
    font-size: 24px;
    color: #ffffff;
    font-family: Arial;
    font-weight: bolder;
    text-align: center;
}

.ball_blue_BB1
/* BB猜大小球*/

{
    background: url(../images/add/twl_index_icon_ball_blue1.gif) no-repeat;
    margin: 3px;
    width: 42px;
    height: 42px;
    line-height: 41px;
    float: left;
    font-size: 18px;
    color: #ffffff;
    font-family: 微軟正黑體;
    font-weight: bolder;
    text-align: center;
}

.ball_blue_BB2
/* BB猜單雙球*/

{
    background: url(../images/add/twl_index_icon_ball_blue2.gif) no-repeat;
    margin: 3px;
    width: 42px;
    height: 42px;
    line-height: 41px;
    float: left;
    font-size: 18px;
    color: #ffffff;
    font-family: 微軟正黑體;
    font-weight: bolder;
    text-align: center;
}

.ball_melon_red {
    background: url(../images/add/twl_index_icon_ball_watermelon.gif) no-repeat;
}

.ball_smallmelon_red {
    background: url(../images/add/twl_index_icon_ball_watermelon_s.gif) no-repeat;
    margin-left: -5px;
    font-size: 20px;
    width: 41px;
    line-height: 45px;
}


/* mine LOGO  */

#contents_logo_01 {
    background: url(../images/add/twl_index_mine_logo_01.gif) no-repeat 50% 50%;
    height: 65px;
    width: 75px;
    float: left;
}

#contents_logo_01-2 {
    background: url(../images/add/bingobingo_image05.gif) no-repeat 50% 50%;
    height: 60px;
    width: 167px;
    float: right;
    margin-top: -25px;
    margin-right: -60px;
}

#contents_logo_02 {
    background: url(../images/add/twl_index_mine_logo_02.gif) no-repeat 50% 50%;
    height: 60px;
    width: 91px;
    float: left;
}

#contents_logo_03 {
    background: url(../images/add/twl_index_mine_logo_03.gif) no-repeat 50% 50%;
    height: 60px;
    width: 98px;
    float: left;
}

#contents_logo_04 {
    background: url(../images/add/twl_index_mine_logo_04.gif) no-repeat 50% 50%;
    height: 65px;
    width: 84px;
    float: left;
}

#contents_logo_05 {
    background: url(../images/add/twl_index_mine_logo_05.gif) no-repeat 50% 50%;
    height: 65px;
    width: 98px;
    float: left;
}

#contents_logo_06 {
    background: url(../images/add/twl_index_mine_logo_06.gif) no-repeat 50% 50%;
    height: 65px;
    width: 95px;
    float: left;
}

#contents_logo_07 {
    background: url(../images/add/twl_index_mine_logo_07.gif) no-repeat 50% 50%;
    height: 65px;
    width: 98px;
    float: left;
}

#contents_logo_08 {
    background: url(../images/add/twl_index_mine_logo_08.gif) no-repeat 50% 50%;
    height: 60px;
    width: 89px;
    float: left;
}

#contents_logo_09 {
    background: url(../images/add/twl_index_mine_logo_09.gif) no-repeat 50% 50%;
    height: 60px;
    width: 91px;
    float: left;
}

#contents_logo_10 {
    background: url(../images/add/twl_index_mine_logo_10.gif) no-repeat 50% 50%;
    height: 60px;
    width: 91px;
    float: left;
}

#contents_logo_11 {
    background: url(../images/add/twl_index_mine_logo_11.gif) no-repeat 50% 50%;
    height: 60px;
    width: 91px;
    float: left;
}


/* 通用編排 */

.mid {
    vertical-align: middle;
}

.dollar_right {
    text-align: right;
    height: 15px;
}


/* font:index */

.font_size14 a {
    font-size: 14px;
    color: #660066;
    font-weight: bolder;
    text-decoration: none;
}

.font_size14 a:visited {
    color: #660066;
    text-decoration: none;
}

.font_size12 a {
    font-size: 12px;
    color: #444444;
    text-decoration: none;
}

.font_size12 a:visited {
    color: #444444;
    text-decoration: none;
}


/*red*/

.font_red14,
.font_red14 a {
    color: #cc0000;
    font-size: 14px;
}

.font_red14 a:link,
a:visited {
    color: #cc0000;
    text-decoration: none;
}

.font_red14 a:hover {
    color: #cc0000;
    text-decoration: underline;
}

.font_red14b_center {
    font-family: Arial Black;
    font-size: 14px;
    color: #cc0000;
    font-weight: bolder;
    text-align: center;
    vertical-align: middle;
}


/*glay*/

.font_glay14,
.font_glay14 a {
    font-size: 14px;
    color: #444444;
}

.font_glay14 a:link,
a:visited {
    color: #444444;
    text-decoration: none;
}

.font_glay14 li,
.font_glay14 li a {
    font-size: 14px;
    color: #444444;
    line-height: 1.5em;
}

.font_glay14 li a:link,
a:visited {
    font-size: 14px;
    color: #444444;
    line-height: 1.5em;
}

.font_glay14 a:hover {
    color: #ff6600;
    text-decoration: underline;
}

.font_glay14_2,
.font_glay14_2 a {
    font-size: 14px;
    color: #777777;
}

.font_glay14_2 a:link,
a:visited {
    color: #777777;
    text-decoration: none;
}


/*--------------------------------*/

.font_glay14_indexNews,
.font_glay14_indexNews a {
    font-size: 14px;
    color: #444444;
}

.font_glay14_indexNews a:link,
a:visited {
    color: #444444;
    text-decoration: none;
}

.font_glay14_indexNews li,
.font_glay14_indexNews li a {
    font-size: 14px;
    color: #444444;
    line-height: 1.5em;
}

.font_glay14_indexNews li a:link,
a:visited {
    font-size: 14px;
    color: #444444;
    line-height: 1.5em;
}

.font_glay14_indexNews a:hover {
    color: #444444;
    text-decoration: underline;
}


/*--------------------------------*/

.font_glay12,
.font_glay12 a {
    font-size: 12px;
    color: #999999;
}

.font_glay12 a:link,
a:visited {
    color: #999999;
    text-decoration: none;
}

.font_glay12 a:hover {
    color: #cc0000;
    text-decoration: underline;
}

.font_glay10,
.font_glay10 a {
    font-size: 10px;
    color: #999999;
}

.font_glay10 a:link,
a:visited {
    color: #999999;
    text-decoration: none;
}

.font_glay10 a:hover {
    color: #cc0000;
    text-decoration: none;
}


/*purple*/

.font_purple14,
.font_purple14 a {
    font-size: 14px;
    color: #660066;
}

.font_purple14 a:link,
a:visited {
    color: #660066;
    text-decoration: none;
}

.font_purple14 a:hover {
    color: #cc0000;
    text-decoration: underline;
}


/*black*/

.font_black15,
.font_black15 a {
    font-size: 15px;
    color: #000000;
}

.font_black14,
.font_black14 a {
    font-size: 14px;
    color: #000000;
}

.font_black14 a:link,
a:visited {
    color: #000000;
    text-decoration: none;
}

.font_black14 a:hover {
    color: #990000;
    text-decoration: underline;
}

.font_black12,
.font_black12 a {
    font-size: 11px;
    color: #000000;
    font-weight: lighter;
}

.font_black12 a:link,
a:visited {
    color: #000000;
    text-decoration: none;
}

.font_black12 a:hover {
    color: #990000;
    text-decoration: none;
}

.font_black10,
.font_black10 a {
    font-size: 8px;
    color: #000000;
}

.font_black10 a:link,
a:visited {
    color: #000000;
    text-decoration: none;
}

.font_black10 a:hover {
    color: #990000;
    text-decoration: none;
}


/*orange*/

.font_orange14,
.font_orange14 a {
    font-size: 14px;
    color: #cc3300;
}

.font_orange14 a:link,
a:visited {
    color: #000000;
    text-decoration: none;
}

.font_orangebold14,
.font_orangebold14 a {
    font-weight: bolder;
    font-size: 14px;
    color: #cc3300;
}


/*single set*/

.font_bolder {
    font-weight: bolder;
}

.txtindent_35 {
    margin-left: 35px;
    text-indent: -35px;
}

.txtindent_10 {
    margin-left: 45px;
    text-indent: -10px;
}

.txtindent_disc {
    margin-left: 20px;
    text-indent: -15px;
}


/* =========================== right ========================== */


/*內頁編排開始 */

#right {
    height: auto;
    /* float: right; */
    background: #fff7b2;
    /*url(../images/add/inright_bg.jpg);*/
    margin-top: 16px;
    margin-left: 5px;
    padding: 75px 30px 40px 20px;
    color: #333333;
    line-height: 2em;
    font-size: 14px;
}

#right_overflow {
    width: 705px;
    height: auto;
    float: right;
    background: #fff7b2;
    /*url(../images/add/inright_bg.jpg);*/
    margin-top: 16px;
    margin-left: 5px;
    padding: 75px 30px 40px 20px;
    color: #333333;
    line-height: 2em;
    font-size: 14px;
    min-height: 1100px;
}

#right_overflow_hinet {
    width: 1010px;
    height: auto;
    float: none;
    background: #fff7b2;
    /*url(../images/add/inright_bg.jpg);*/
    margin-top: 16px;
    margin-left: 0px;
    padding: 75px 0px 15px 20px;
    color: #333333;
    line-height: 2em;
    font-size: 14px;
    min-height: 1100px;
}

#right_full {
    width: 962px;
    height: auto;
    background: #fff7b2;
    /*url(../images/add/inright_bg.jpg);*/
    margin-top: 16px;
    margin-left: 5px;
    padding: 10px 30px 40px 20px;
    color: #333333;
    line-height: 2em;
    font-size: 14px;
}

.dotted05 {
    background: url(../images/add/twl_index_icon_dot_01.jpg) repeat-x 0px 0px;
    height: 2px;
    width: 705px;
}

.dottedfull {
    background: url(../images/add/twl_index_icon_dot_01.jpg) repeat-x 0px 0px;
    height: 2px;
    width: 100%;
    padding-left: 10px;
    padding-bottom: 10px;
}

#mapright {
    text-align: right;
    position: absolute;
    top: 101px;
    left: 745px;
    white-space: nowrap;
}

#mapright_print {
    text-align: right;
    position: absolute;
    top: 36px;
    left: 785px;
    white-space: nowrap;
    float: none;
}

#mapright_print2 {
    text-align: right;
    position: absolute;
    top: 39px;
    left: 755px;
    white-space: nowrap;
    float: none;
}

#mapright_enter {
    text-align: right;
    position: absolute;
    top: 145px;
    left: 570px;
    white-space: nowrap;
}

#mapright_red105-1 {
    text-align: right;
    position: absolute;
    top: 76px;
    left: 655px;
    white-space: nowrap;
    float: none;
}

#mapright_red105-2 {
    text-align: right;
    position: absolute;
    top: 142px;
    left: 586px;
    white-space: nowrap;
    float: none;
    width: 428px;
}


/*內頁標題*/

#right_ribbon {
    position: relative;
}

#ribbon_print {
    height: 70px;
    background: url(../images/add/Htx_bg02.jpg) repeat-x 0px 0px;
    position: absolute;
    top: 8px;
    left: 262px;
    line-height: 67px;
    font-weight: bolder;
    white-space: nowrap;
    float: right;
}

#ribbon_1 {
    height: 70px;
    /*min-width:250px;*/
    background: url(../images/add/Htx_bg02.jpg) repeat-x 0px 0px;
    position: absolute;
    top: 76px;
    left: 262px;
    line-height: 67px;
    font-weight: bolder;
    white-space: nowrap;
}

#ribbon_2 {
    height: 70px;
    width: 270px;
    background: url(../images/add/Htx_bg02.jpg) repeat-x 0px 0px;
    position: absolute;
    top: 76px;
    left: 262px;
    line-height: 67px;
    font-weight: bolder;
}

#ribbon_hinet {
    height: 70px;
    /*min-width:250px;*/
    background: url(../images/add/Htx_bg02.jpg) repeat-x 0px 0px;
    position: absolute;
    top: 76px;
    left: auto;
    line-height: 67px;
    font-weight: bolder;
    white-space: nowrap;
}

#ribbon_full {
    height: 70px;
    /*min-width:250px;*/
    background: url(../images/add/Htx_bg02.jpg) repeat-x 0px 0px;
    position: absolute;
    top: 76px;
    left: 2px;
    line-height: 67px;
    font-weight: bolder;
    white-space: nowrap;
}

.imgright {
    float: right;
}

.imgleft {
    float: left;
}

.imgleft_hlogo {
    float: left;
    padding: 10px 10px 0 0;
}

#mapright {
    float: right;
    width: 250px;
}

.imgright_lotto {
    float: right;
    padding-left: 5px;
}

.imgright_lotto img {
    width: 208px;
    height: 488px;
}


/*內頁內容li們*/

#navin {
    padding: 10px 0px;
}

#navin li {
    padding-right: 22px;
    list-style: none;
    display: inline;
}

#navin a {
    padding-left: 25px;
    text-decoration: none;
    background: url(../images/add/icon_htx_01.jpg) no-repeat;
    background-position: 0px -2px;
    font-size: 18px;
    color: #990000;
}

#navin a:hover {
    color: #cc0000;
    background-position: 0px -28px;
}

#navin .sub a {
    background-position: 0px -28px;
}

#navin .sub a:hover {
    background-position: 0px -28px;
}

h1 {
    padding: 10px 10px 0 25px;
    background: url(../images/add/icon_htx_02.jpg) no-repeat;
    background-position: 3px 13px;
    font-weight: bolder;
}

h2 {
    padding: 20px 10px 10px 0px;
    font-weight: bolder;
    font-size: 17px;
}

.toptx {
    padding: 10px 0px 5px 0px;
    margin-left: 640px;
}

.toptxfull {
    padding: 10px 0px 5px 0px;
    text-align: right;
}

.txin li {
    padding-left: 18px;
    list-style: none;
    background: url(../images/add/icon_htx_03.jpg) no-repeat;
    background-position: 0px 7px;
}

.txinin li {
    padding-left: 18px;
    list-style: none;
    background: url(../images/add/icon_htx_04.gif) no-repeat;
    background-position: -1px 7px;
}

.txindec li {
    list-style-type: decimal;
    list-style-position: inherit;
}


/* =========================== table ========================== */


/*內頁內容們*/

.tableA {
    padding: 3px 5px 10px 0px;
    width: 510px;
}

.tableA_lotto {
    width: 460px;
}

.tableA_2 {
    padding: 3px 5px 10px 0px;
    width: 450px;
}

.tableA_2 td {
    padding: 1px 10px 0px 10px;
}

.tableB {
    padding: 3px 0px 10px 0px;
    width: 650px;
    text-align: center;
}

.tableC {
    left: 50;
    padding: 3px 1px;
    width: 291px;
    text-align: center;
    float: left;
}

.tableD {
    width: 100%;
    border: 2;
    cellpading: 0;
    cellspacing: 2px;
    line-height: normal;
}

.tableD td {
    padding: 5px;
}

.tableFull {
    padding: 3px 5px 10px 0px;
    width: 100%;
}

.tableGame {
    width: 100%;
}

.tableGame td {
    width: 50%;
    vertical-align: top;
}

.tableLi {
    padding: 3px 5px 10px 0px;
    width: 100%;
}

.tableLi td {
    vertical-align: top;
}

.td_hm {
    text-align: center;
    vertical-align: middle;
}

.td_hm2 {
    text-align: left;
    vertical-align: middle;
}

.td_txr {
    text-align: right;
    padding-right: 10px;
    vertical-align: middle;
}

.thA {
    padding: 5px;
    background-color: #ffcc66;
}

.thB {
    text-align: center;
    padding: 5px;
    background-color: #ffcc66;
    vertical-align: middle;
}

.thC {
    text-align: center;
    padding: 5px;
    background-color: #a5e1ff;
    vertical-align: middle;
}

.thD {
    text-align: center;
    padding: 5px;
    background-color: #ffcccc;
    vertical-align: middle;
}

.thB_left {
    text-align: left;
    background-color: #ffcc66;
}

.tdA_1 {
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /* url(../images/add/intableA_td_bg01.jpg);*/
}

.tdA_2 {
    vertical-align: middle;
    padding: 3px;
    background: #efefef;
    /* url(../images/add/intableA_td_bg02.jpg);*/
}

.tdA_3 {
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
}

.tdA_4 {
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    background: #efefef;
    /*url(../images/add/intableA_td_bg02.jpg);*/
}

.tdA_5 {
    text-align: right;
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
}

.tdA_6 {
    text-align: right;
    vertical-align: middle;
    padding: 3px;
    background: #efefef;
    /*url(../images/add/intableA_td_bg02.jpg);*/
}

.tdA_7 {
    text-align: left;
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
}

.tdA_8 {
    text-align: left;
    vertical-align: middle;
    padding: 3px;
    background: #efefef;
    /* url(../images/add/intableA_td_bg02.jpg);*/
}

.new_y1 {
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    background-image: url(../images/add/background-image03.jpg);
    background-repeat: no-repeat;
}

.new_g1 {
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    background-image: url(../images/add/background-image04.jpg);
    background-repeat: no-repeat;
}

.tdwith30 {
    width: 150px;
}

.tableFull td.tdA_7 span,
td.tdA_8 span {
    font-weight: 900;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    display: inline-block;
    background: #ffffff;
    font-family: Arial Black;
    font-size: 16px;
}


/*result_all*/

.footli li {
    margin-left: 25px;
    list-style-type: disc;
}

.tableWin {
    padding: 3px 5px 10px 0px;
    width: 90%;
}

.tableWin td.odd {
    vertical-align: middle;
    padding: 3px;
    background: #efefef;
    /*url(../images/add/intableA_td_bg02.jpg);*/
}

.tableWin td.even {
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
}

.tableWin td.even span,
td.odd span {
    font-weight: 900;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    background: #ffffff;
    font-family: Arial Black;
    font-size: 16px;
}

.tableWin td.first {
    padding: 5px;
    text-align: right;
    background-color: #ffcc66;
    vertical-align: middle;
    width: 20%;
}

.tableyun tr {
    line-height: 20px;
}

.tableyun td.label {
    width: 150px;
}

.tableyun td {
    width: 80px;
}


/*text*/

.imgcenter {
    text-align: center;
}

.imgfloatr {
    float: right;
}

.intxjustify {
    text-align: justify;
    text-justify: distribute;
}

.intx01 {
    padding-left: 25px;
}

.intx104red {
    padding-left: 30px;
    background-image: url(../images/add/red104_01-1.jpg);
    background-color: #fff7b2;
    background-repeat: no-repeat;
}

.intx10 {
    padding-left: 10px;
}

.intx15 {
    padding-left: 15px;
}

.intx20 {
    padding-left: 20px;
}

.intx25 {
    padding-left: 25px;
}

.intx30 {
    padding-left: 30px;
}

.intx40 {
    padding-left: 40px;
}

.intx45 {
    padding-left: 45px;
}

.intx50 {
    padding-left: 50px;
}

.intx55 {
    padding-left: 55px;
}

.intx60 {
    padding-left: 60px;
}

.intx75 {
    padding-left: 75px;
}

.intx85 {
    padding-left: 85px;
}

.imgpadr {
    padding-right: 25px;
}

.imgpadl {
    padding-left: 25px;
}

.imgpadup {
    padding-top: 8px;
}


/*內頁字體*/

.tx_md {
    text-align: center;
}

.font_red22 {
    font-size: 22px;
    color: #660000;
}

.font_red24 {
    font-size: 24px;
    color: #ff0000;
    font-weight: bolder;
}

.font_red24_smaller {
    font-size: 20px;
    color: #ff0000;
    font-weight: bolder;
}

.font_red18 {
    color: #cc0000;
    font-size: 18px;
}

.font_red18 a:link,
.font_red18 a:visited {
    font-size: 18px;
    color: #cc0000;
    text-decoration: none;
}

.font_red18 a:hover {
    color: #cc0000;
    text-decoration: underline;
}

.font_red18_smaller {
    color: #cc0000;
    font-size: 16px;
}

.font_red15 {
    color: #cc0000;
    font-size: 15px;
}

.font_red15 a:link,
a:visited {
    color: #cc0000;
    text-decoration: none;
}

.font_red15 a:hover {
    color: #ff3300;
    text-decoration: underline;
}

.font_red_hinet {
    color: #cc0000;
    font-size: 15px;
    width: 980px;
}

.font_red_hinet a:link,
a:visited {
    color: #cc0000;
    text-decoration: none;
}

.font_red_hinet a:hover {
    color: #ff3300;
    text-decoration: underline;
}

.font_org14 {
    font-size: 14px;
    color: #ff3300;
}


/*圖片中加入樣式可以與文字垂直製中對齊
style="vertical-align:middle"*/

.selectA {
    width: 120px;
    margin: 0px 0px 5px 10px;
}


/*彩表格字*/

.font_black14b {
    font-size: 14px;
    color: #333333;
    font-weight: bolder;
}

.font_red14 {
    color: #cc0000;
    font-size: 14px;
    font-weight: bolder;
}

.font_black12 {
    color: #000000;
    font-size: 11px;
    line-height: 1.5em;
}

.font_red14_center {
    color: #cc0000;
    font-family: Arial Black;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
}

.font_black14b_center {
    color: #333333;
    font-family: Arial Black;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
}


/*彩色表格設定們*/

.table_org {
    width: 100%;
    border: solid #ff9933 3px;
    border-collapse: collapse;
}

.td_org1 {
    padding: 3px;
    background-color: #ff9933;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    text-align: center;
    vertical-align: middle;
}

.tdtbl {
    width: 100%;
}

.td_w {
    padding: 3px;
    background-color: #ffffff;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    vertical-align: middle;
    text-align: center;
}

.td_org2 {
    padding: 3px;
    background-color: #ffcc99;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
}

.td_org3_new {
    padding: 3px;
    background-color: #ff9934;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    text-align: center;
    background-image: url(../../images/add/background-image01.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}

.table_gre {
    width: 100%;
    border: solid #99cc66 3px;
    border-collapse: collapse;
}

.td_gre1 {
    padding: 3px;
    background-color: #99cc66;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    text-align: center;
    vertical-align: middle;
}

.td_gre2 {
    padding: 3px;
    /*background: url(../images/add/twl_index_icon_ball_green.gif);*/
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    background-color: #cce97d;
}

.td_gre3_new {
    padding: 3px;
    background-color: #99cc67;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    text-align: center;
    background-image: url(../../images/add/background-image02.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}


/**/

.td_org_center {
    padding: 3px;
    background-color: #ff9933;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    text-align: center;
}

.td_org_center_sale {
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #ff9933;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    text-align: center;
}

.td_gre_center {
    padding: 3px;
    background-color: #99cc66;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    text-align: center;
}

.td_gre_center_sale {
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #99cc66;
    border-right: solid #999999 1px;
    border-bottom: solid #999999 1px;
    text-align: center;
}

.td_center {
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    background: #ffffff;
    height: 70px;
}


/*開獎時間表格*/

.table_sch {
    width: 100%;
    border-collapse: collapse;
}

.schedule_boxth {
    width: 720px;
    height: 60px;
    background-color: #ffcc66;
    color: #990000;
    font-size: 16px;
}

.schedule_box {
    width: 720px;
    height: 60px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
}

.schedule_boxtext {
    width: 720px;
    height: 135px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
}

.schedule_boxtext p {
    padding-top: 25px;
    padding-left: 160px;
    text-indent: -15px;
}

.schedule_boxline {
    border: solid #ff0000 2px;
}

.schedule_boxdot {
    border-bottom: dashed #ffcc00 2px;
}

.schedule_boxin1 {
    padding: 20px 0px 0px 0px;
    width: 80px;
    text-align: center;
    float: left;
}

.schedule_boxin2 {
    padding: 10px 0px 0px 0px;
    width: 160px;
    text-align: center;
    float: left;
}

.schedule_boxin3 {
    padding: 20px 0px 0px 0px;
    width: 160px;
    text-align: center;
    float: left;
}


/*刮刮樂*/

.glaybox {
    width: 650px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #333333;
    background-color: #cccccc;
}

.gamebox {
    float: left;
    border: solid #dbdbdb 1px;
    background: #ffffff;
    width: 140px;
    height: 300px;
    margin: 2px;
    padding: 15px 10px;
}

.gamebox_2 {
    float: left;
    border: solid #dbdbdb 1px;
    background: #ffffff;
    width: 306px;
    height: 250px;
    margin: 2px;
    padding: 15px 10px;
}

.gamelabel {
    height: 150px;
    text-align: center;
}

.glaydesh {
    margin-top: 14px;
    border-top: 1px dashed #999999;
}

.padL10 {
    padding-left: 10px;
    margin-top: 5px;
}

.pad_yoko {
    padding: 15px 0px;
}

.imghor {
    width: 140px;
    height: 100px;
}

.imgver {
    width: 100px;
    height: 140px;
}

.pad_tate {
    padding-left: 21px;
    margin: -9px 0px;
}

.pad_tateB {
    margin: -9px 0px;
}

.gamebox_p {
    float: left;
    border: solid #dbdbdb 1px;
    background: #ffffff;
    width: 264px;
    margin: 5px;
    padding: 15px 10px;
    height: 370px;
}

.padL30 {
    padding-left: 40px;
    margin: 10px;
}


/*welfare*/

.font_lred {
    color: #ff0000;
    font-weight: bolder;
}

hr {
    border: 0;
    height: 1px;
    background-color: #d4d4d4;
    color: d4d4d4;
}

.welfare_tx01 {
    width: 400px;
    text-align: center;
    line-height: 1em;
    padding: 15px 0px 30px 100px;
}

.welfare_tx02 {
    width: 180px;
    text-align: center;
    line-height: 1em;
    padding: 25px 5px;
}


/*表單*/

input,
select,
textarea {
    padding: 1px;
    margin: 2px;
    font-size: 11px;
}

.buttom {
    padding: 1px 10px;
    font-size: 12px;
    border: 1px #1e7ace solid;
    background: #d0f0ff;
}

fieldset {
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ff6600;
    background: #ffffcc;
}

fieldset legend {
    color: #333333;
    font-weight: bold;
    padding: 3px 20px 3px 20px;
    border: 1px solid #ff6600;
    background: #ffffcc;
}

fieldset label {
    float: left;
    width: 120px;
    text-align: right;
}

fieldset div {
    clear: left;
    margin-bottom: 2px;
}

.clear {
    clear: both;
}


/*map*/

.mapbox {
    float: left;
    border: solid #ffffff 2px;
    background: #ffffcc;
    width: 170px;
    height: 270px;
    margin: 10px;
    padding: 20px;
}

.spnred {
    color: Red;
    font-weight: bold;
}

.spnblack {
    color: Black;
    font-weight: bold;
}

.spnbold {
    font-weight: bold;
}

.pback {
    padding-bottom: 10px;
}

.pcenter {
    text-align: center;
}

.winLabel {
    width: 1200px;
}

.footnoteTop {
    margin-left: 40px;
    text-indent: -40px;
}

.footnote {
    margin-left: 40px;
    text-indent: -10px;
}


/*遊戲介紹*/

.game_index {
    padding-left: 30px;
}

.game_index .font_purple14 {
    padding-left: 0px;
}

.game_index .font_org14 {
    padding-left: 10px;
}


/*123...次內容*/

.game_index .cont_purple14 {
    padding-left: 10px;
}


/*ABC...次內容*/

.game_index .cont_org14 {
    padding-left: 25px;
}


/*大紅包*/

.shadow_block {
    vertical-align: middle;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    background: url(../images/add/btn.jpg) no-repeat top center;
    margin-left: 100px;
    padding-top: 20px;
    padding-bottom: 10px;
    width: 784px;
    height: 137px;
}


/*dark pink*/

.font_pink16,
.font_pink16 a {
    font-size: 16px;
    color: #e50150;
}

.font_pink16 a:link,
.font_pink16 a:visited {
    color: #e50150;
    text-decoration: none;
}


/*white*/

.font_white16,
.font_white16 a {
    font-size: 16px;
    color: #ffffff;
}

.font_white16 a:link,
.font_white16 a:visited {
    color: #ffffff;
    text-decoration: none;
}

.font_orange24,
.font_orange24 a {
    font-size: 24px;
    color: #cc3300;
}

.font_orange24 a:link,
.font_orange24 a:visited {
    color: #cc3300;
    text-decoration: none;
}

.tdA_gp1 {
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /* url(../images/add/intableA_td_bg01.jpg);*/
}

.tdA_gp2 {
    vertical-align: middle;
    padding: 3px;
    background: #efefef;
    /* url(../images/add/intableA_td_bg02.jpg);*/
}

.tdA_num1 {
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
    font-family: Arial Black;
}

.tdA_num2 {
    vertical-align: middle;
    padding: 3px;
    background: #efefef;
    /*url(../images/add/intableA_td_bg02.jpg);*/
    font-family: Arial Black;
}

.tdA_num3 {
    vertical-align: middle;
    padding: 3px;
    background: #fef9dc;
    /*url(../images/add/intableA_td_bg01.jpg);*/
    font-family: Arial Black;
    color: red;
}

.tablelunar {
    width: 100%;
    background: #ed6d00;
}

.tablelunar td {
    font-family: Arial Black, 微軟正黑體;
    font-weight: bolder;
    font-size: 18px;
    padding: 3px;
}

.tablelunar td.head {
    text-align: center;
    background: #ed6d00;
    color: #fde579;
    border: 0;
    font-weight: bolder;
    font-size: 20px;
}

.tablelunar img {
    padding: 2px;
}

.tablelunar td.nonred {
    vertical-align: top;
    width: 14%;
    height: 150px;
    text-align: center;
    background: #ffe479;
    color: #ec6500;
    border: solid #ec6500 1px;
}

.tablelunar td.bigred {
    vertical-align: top;
    width: 14%;
    height: 150px;
    text-align: center;
    background: #e50150;
    color: #fff801;
    border: solid #ec6500 1px;
}

.tablelunar td.lotto {
    vertical-align: top;
    width: 14%;
    height: 150px;
    text-align: center;
    background: #ffe479;
    color: #e6004d;
    border: solid #ec6500 1px;
}

.tablehelf {
    padding: 3px 0px 10px 0px;
    width: 50%;
    text-align: center;
}

.font_index {
    font-size: 18px;
    line-height: 36px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 10px;
    font-weight: bolder;
    text-indent: 32px;
}

.font_index_footer {
    font-size: 18px;
    line-height: 36px;
    font-weight: bolder;
}

#wrapper_full {
    height: 100%;
    position: relative;
    width: 1024px;
    background-color: #fff7b2;
    margin: 0 auto;
    box-shadow: 1px 0px 5px #463e33;
}


/*black*/

.font_black20,
.font_black20 a {
    font-size: 20px;
    color: #000000;
}

.font_black20 a:link,
.font_black20 a:visited {
    color: #000000;
    text-decoration: none;
}