@charset "utf-8";
@import url("reset.css");

body {margin: 0px; padding:0px; background: #fff url(../images/bg.png) repeat-x top;}

#WRAPPER {margin:0 auto; width:980px;}

div#HEADER {position:relative; height:200px; background: url(../images/indexheader.png) no-repeat 0px 0px;}

div#HEADER a#LOGO {width:210px; height:88px; text-indent: -9999px; display: block; float:left;}
div#HEADER ul {position:relative; width:769px; height:88px; display: block; float:right; }
div#HEADER li {position:absolute;}
div#HEADER li#FP {top:12px; right:50px; width:70px; height: 30px;}
div#HEADER li#GP {top:10px; right:0px;}

div#HEADER h1 {clear: both; text-indent: -9999px;}
div#HEADER h1 a {text-indent: -9999px; display: block; width:100%; height:112px; }

li#BTN01 a, li#BTN01 a:hover, li#BTN02 a, li#BTN02 a:hover, li#BTN03 a, li#BTN03 a:hover, li#BTN04 a, li#BTN04 a:hover, li#BTN05 a, li#BTN05 a:hover, li#BTN06 a, li#BTN06 a:hover, li#BTN07 a, li#BTN07 a:hover {background: url(../images/button.png) no-repeat ;}
li#BTN01 a {background-position: 0px 0px;}
li#BTN01 a:hover {background-position: 0px -100px;}
li#BTN02 a {background-position: -100px 0px;}
li#BTN02 a:hover {background-position: -100px -100px;}
li#BTN03 a {background-position: -200px 0px;}
li#BTN03 a:hover {background-position: -200px -100px;}
li#BTN04 a {background-position: -300px 0px;}
li#BTN04 a:hover {background-position: -300px -100px;}
li#BTN05 a {background-position: -400px 0px;}
li#BTN05 a:hover {background-position: -400px -100px;}
li#BTN06 a {background-position: -500px 0px;}
li#BTN06 a:hover {background-position: -500px -100px;}
li#BTN07 a {background-position: -600px 0px;}
li#BTN07 a:hover {background-position: -600px -100px;}

div#CONTAINER ul#LIST li#LEFTIMG { display:block; width:29px; height:50px; background: url(../images/mainlist_left.png) no-repeat left 0px; }
div#CONTAINER ul#LIST li#RIGHTIMG { display:block; width:10px; height:50px; background: url(../images/mainlist_right.png) no-repeat right 0px; }
div#CONTAINER ul#LIST li.INTERVAL {background: #0b4f59 url(../images/mainlist_interval.gif) no-repeat right 0px; padding-right: 20px;}

div#CONTAINER ul#LIST {padding-bottom:10px;}

body.INDEX div#CONTAINER {position:relative; height:293px; background: url(../images/indexcontainer.png) no-repeat 0px 0px;}
body.INDEX div#CONTAINER h2 {text-indent: -9999px; display: block; height:34px;}
body.INDEX div#CONTAINER h3 {text-indent: -9999px; display: block; height: 170px; background: url(../images/indexactivity.png) no-repeat 645px 89px; padding-top: 89px; padding-left: 645px;}
body.INDEX div#CONTAINER div#QRCODE {position: absolute; top:293px; right:30px;}
body.INDEX div#CONTAINER div#QRCODE img {width:100px; height:100px;}

body.INDEX ul#FOOTER {position:relative; height:156px; display: block; overflow: hidden; background: url(../images/indexfooter.png) no-repeat 0px 0px; padding-top: 1px; padding-left:32px;}
body.INDEX ul#FOOTER li  {float:left; margin-right:14px;}
body.INDEX ul#FOOTER li a {display:block; text-indent: -9999px; width:100px; height:100px;}


ul#MENU {position:relative; height:110px; display: block; background: url(../images/mainmenu.png) no-repeat 0px 0px; padding-left:18px;}
ul#MENU li  {float:left;}
ul#MENU li a {display:block; text-indent: -9999px; width:100px; height:100px;}

ul#MENU li#MENUIMG {position: absolute; height: 162px; width: 262px; right: 0px; bottom: 0px; background: url(../images/MENUIMG.png) no-repeat left bottom; text-indent: -9999px;}
ul#MENU li#HOMEBTN {position: absolute; height: 26px; width: 26px; right: 251px; top: -27px; background: url(../images/home.png) no-repeat 0 0; z-index:999;}
ul#MENU li#HOMEBTN a {width:26px; height:26px; display: block;}
body.MAIN01 div#CONTAINER {position:relative;}
body.MAIN01 div#CONTAINER h2 { position: absolute; top:0px; right:0px; display: block; text-indent: -9999px; background: url(../images/container_title.png) no-repeat 0px 0px; height: 70px; width: 570px; }
body.MAIN01 div#CONTAINER ul#LIST {position:relative; height:50px; display: block; background: url(../images/mainlist.png) no-repeat 0px 0px;}
body.MAIN01 div#CONTAINER ul#LIST li  {float:left;}
body.MAIN01 div#CONTAINER ul#LIST li a {display:block; text-indent: -9999px; height:50px;}
body.MAIN01 div#CONTAINER ul#LIST li a#LIST01 {width:95px; background: url(../images/mainlist_list.gif) no-repeat 0px 0px;}
body.MAIN01 div#CONTAINER ul#LIST li a#LIST02 {width:115px; background: url(../images/mainlist_list.gif) no-repeat 0px -50px;}

body.MAIN01 div#CONTAINER ul#LIST li a#LIST01on {width:95px; background: url(../images/mainlist_liston.gif) no-repeat 0px 0px;}
body.MAIN01 div#CONTAINER ul#LIST li a#LIST02on {width:115px; background: url(../images/mainlist_liston.gif) no-repeat 0px -50px;}

body.MAIN01 div#CONTAINER h3#MAINBOX_TITLE01 { display: block; background: url(../images/mainbox_title.png) no-repeat left top; text-indent: -9999px; height: 50px; }
body.MAIN01 div#CONTAINER h3#MAINBOX_TITLE02 { display: block; background: url(../images/mainbox_title.png) no-repeat left bottom; text-indent: -9999px; height: 50px; }
body.MAIN01 div#CONTAINER ul#MAINBOX {display: block; margin:0 19px 10px; overflow: hidden; background: #e9eff2; padding: 0px 18px 10px 19px;}
body.MAIN01 div#CONTAINER ul#MAINBOX {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}
body.MAIN01 div#CONTAINER ul#MAINBOX li {float:left;}
body.MAIN01 div#CONTAINER ul#MAINBOX li a {display: block; border-width: 0px; border-style: none; padding: 15px 17px 15px 16px;}

body.MAIN01 ul#APPS {position:relative; height:134px; display: block; padding-left:35px; padding-top:26px; background: url(../images/apps_bg.png) no-repeat 0px 0px;}
body.MAIN01 ul#APPS li {position:relative; float: left; width:205px; height:82px;}
body.MAIN01 ul#APPS li#QRCODE {position: absolute; top:20px; right:20px; width:100px; height:100px; background: url(../images/QRcode.gif) no-repeat 0px 0px;}

body.MAIN01 ul#APPS li ul {display: block; width:120px; height: 72px; position: absolute; top: 3px; right: 5px;}
body.MAIN01 ul#APPS li ul li {width:96px; height:36px;}
body.MAIN01 ul#APPS li ul a.APPS_BUT01 {text-indent: -9999px; background: url(../images/apps_but.png) no-repeat 0px 0px; display: block; height: 32px; width: 96px; border-width: 0px; border-style: none;}
body.MAIN01 ul#APPS li ul a.APPS_BUT02 {text-indent: -9999px; background: url(../images/apps_but.png) no-repeat 0px -36px; display: block; height: 32px; width: 96px; border-width: 0px; border-style: none;}
body.MAIN01 ul#APPS li ul a.APPS_BUT03 {text-indent: -9999px; background: url(../images/apps_but.png) no-repeat 0px -72px; display: block; height: 32px; width: 96px; border-width: 0px; border-style: none;}





body.MAIN02 div#CONTAINER {position:relative;}
body.MAIN02 div#CONTAINER h2 { position: absolute; top:0px; right:0px; display: block; text-indent: -9999px; background: url(../images/container_title.png) no-repeat 0px -70px; height: 50px; width: 290px; }
body.MAIN02 div#CONTAINER ul#LIST {position:relative; height:50px; display: block; background: url(../images/mainlist.png) no-repeat 0px 0px;}
body.MAIN02 div#CONTAINER ul#LIST li  {float:left;}
body.MAIN02 div#CONTAINER ul#LIST li a {display:block; text-indent: -9999px; height:50px;}
body.MAIN02 div#CONTAINER ul#LIST li a#LIST01 {width:112px; background: url(../images/mainlist_list.gif) no-repeat 0px -100px;}
body.MAIN02 div#CONTAINER ul#LIST li a#LIST02 {width:81px; background: url(../images/mainlist_list.gif) no-repeat 0px -150px;}
body.MAIN02 div#CONTAINER ul#LIST li a#LIST03 {width:111px; background: url(../images/mainlist_list.gif) no-repeat 0px -200px;}
body.MAIN02 div#CONTAINER ul#LIST li a#LIST04 {width:130px; background: url(../images/mainlist_list.gif) no-repeat 0px -250px;}
body.MAIN02 div#CONTAINER ul#LIST li a#LIST05 {width:126px; background: url(../images/mainlist_list.gif) no-repeat 0px -300px;}

body.MAIN02 div#CONTAINER ul#LIST li a#LIST01on {width:112px; background: url(../images/mainlist_liston.gif) no-repeat 0px -100px;}
body.MAIN02 div#CONTAINER ul#LIST li a#LIST02on {width:81px; background: url(../images/mainlist_liston.gif) no-repeat 0px -150px;}
body.MAIN02 div#CONTAINER ul#LIST li a#LIST03on {width:111px; background: url(../images/mainlist_liston.gif) no-repeat 0px -200px;}
body.MAIN02 div#CONTAINER ul#LIST li a#LIST04on {width:130px; background: url(../images/mainlist_liston.gif) no-repeat 0px -250px;}
body.MAIN02 div#CONTAINER ul#LIST li a#LIST05on {width:126px; background: url(../images/mainlist_liston.gif) no-repeat 0px -300px;}

body.MAIN02 div#CONTAINER h5 {display: block; padding:20px 20px 10px; font: bold 19px "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; color: #0b4f59;}

body.MAIN02 div#CONTAINER p {display: block; padding:0px 20px 20px; font: normal 15px/180% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #333;}

div#VIDEOBOX {width:880px; margin:5px auto 0; padding:30px; text-align: center; background-color:#000; -webkit-border-radius:12px; border-radius:12px;}



body.MAIN03 div#CONTAINER { position:relative; background: url(../images/mainlist.png) no-repeat 0px 0px; }
body.MAIN03 div#CONTAINER h2 { display: block; text-indent: -9999px; background: url(../images/container_title.png) no-repeat 20px -135px; height: 68px; }

div#GAMEBOX {width:880px; margin:5px auto 0; padding:30px; text-align: center; background-color:#000; -webkit-border-radius:12px; border-radius:12px;}



body.MAIN04 div#CONTAINER {position:relative;}
body.MAIN04 div#CONTAINER h2 { position: absolute; top:0px; right:0px; display: block; text-indent: -9999px; background: url(../images/container_title.png) no-repeat 0px -210px; height: 50px; width: 350px; }
body.MAIN04 div#CONTAINER ul#LIST {position:relative; height:50px; display: block; background: url(../images/mainlist.png) no-repeat 0px 0px;}
body.MAIN04 div#CONTAINER ul#LIST li  {float:left;}
body.MAIN04 div#CONTAINER ul#LIST li a {display:block; text-indent: -9999px; height:50px;}
body.MAIN04 div#CONTAINER ul#LIST li a#LIST01 {width:200px; background: url(../images/mainlist_list.gif) no-repeat 0px -500px;}
body.MAIN04 div#CONTAINER ul#LIST li a#LIST02 {width:190px; background: url(../images/mainlist_list.gif) no-repeat 0px -550px;}
body.MAIN04 div#CONTAINER ul#LIST li a#LIST03 {width:150px; background: url(../images/mainlist_list.gif) no-repeat 0px -600px;}


body.MAIN04 div#CONTAINER ul#LIST li a#LIST01on {width:200px; background: url(../images/mainlist_liston.gif) no-repeat 0px -500px;}
body.MAIN04 div#CONTAINER ul#LIST li a#LIST02on {width:190px; background: url(../images/mainlist_liston.gif) no-repeat 0px -550px;}
body.MAIN04 div#CONTAINER ul#LIST li a#LIST03on {width:150px; background: url(../images/mainlist_liston.gif) no-repeat 0px -600px;}

div#TABLEBOX {width:880px; margin:0 auto; padding:30px; text-align: center;}
div#TABLEBOX table {font: normal 15px/36px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #333;}
div#TABLEBOX table#TOLEFT {text-align: left; text-indent: 20px;}
div#TABLEBOX table#TOLEFT td {border: 1px solid #ccc;}
div#TABLEBOX table#TOLEFT img {float: left; width: 300px; margin-left: 40px;}
div#TABLEBOX table#TOLEFT div {float: left; padding-top:30px; padding-bottom:20px; max-width:500px; margin-left:20px; text-indent: 0px; }
div#TABLEBOX table#TOLEFT div h1 { font: bold 15px/140% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #069; display: block; clear: both; padding-bottom:10px;}
div#TABLEBOX table#TOLEFT div p {font: 13px/160% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #333; display: block; padding-bottom:10px;}
div#TABLEBOX table#TOLEFT td.top {border: 1px solid #ccc; background: #666; color: #fff; letter-spacing: 3px;}
div#TABLEBOX table#TOLEFT td.prize {border: 1px solid #ccc; background: #EFEFEF; font-weight: bold; color: #333;}
div#TABLEBOX table#TOLEFT h6 {display: block; padding:10px 0px; font: bold 15px "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; color: #C00;}
div#TABLEBOX table#TOLEFT ul {display: block; list-style: disc outside; padding:0px 30px;}
div#TABLEBOX table#TOLEFT li {font: 13px/24px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; text-indent: 0px; padding-bottom:10px;}



body.MAIN05 div#CONTAINER {position:relative;}
body.MAIN05 div#CONTAINER h2 { display: block; text-indent: -9999px; background: url(../images/container_title.png) no-repeat 20px -275px; height: 68px; }
body.MAIN05 div#CONTAINER ul#LIST {position:relative; height:50px; display: block; background: url(../images/mainlist.png) no-repeat 0px 0px;}
body.MAIN05 div#CONTAINER ul#LIST li  {float:left;}
body.MAIN05 div#CONTAINER ul#LIST li a {display:block; font: 500 17px/50px "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; color: #fff; padding:0px 14px; text-decoration: none; background: #0b4f59; letter-spacing: 5px; text-shadow:2px 1px 1px #000;}
body.MAIN05 div#CONTAINER ul#LIST li a#on {color: #edff59;}

body.MAIN05 div#CONTAINER ul#MORE {position: absolute; top:0px; right:0px; display: block;}
body.MAIN05 div#CONTAINER ul#MORE li  {float:left; padding-top:25px; font: bold 15px/25px "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; color: #333;}
body.MAIN05 div#CONTAINER ul#MORE li a {display:block; padding:0px 10px; text-decoration: none; color: #333;}
body.MAIN05 div#CONTAINER ul#MORE li a:hover {color: #069;}


body.MAIN05 div#CONTAINER ul#EBOOKS {width:920px; margin:0 auto 20px; display: block; background: #e9eff2; -webkit-border-radius:12px; border-radius:12px; overflow: hidden; padding: 6px 8px 10px 12px;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX {position:relative; width:178px; height:353px; padding-bottom:40px; float:left; margin-right:4px; margin-bottom:5px; background: #FFF; border: 1px solid #CCC;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX div.BOXIMG {padding:10px; text-align: center;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX div.BOXIMG img {width:148px; height:210px; border-width: 0px; border-style: none;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX h3 {font: bold 13px/24px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; text-align: justify; color: #000; letter-spacing: 0px; max-height:48px; text-overflow:clip; overflow: hidden; position: relative; padding: 0px 8px;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX h3 a {color: #000; text-decoration: none;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX h3 a:hover {color: #069;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX p {font: 12px/18px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; text-align: justify; color: #333; letter-spacing: 0px; max-height:54px; text-overflow:clip; overflow: hidden; position: relative; padding: 6px 8px 0px;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX h4 {position:absolute; font: 12px/20px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #000; display:block; left: 60px; bottom: 28px; text-decoration: line-through;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX h5 {position:absolute; font: 12px/20px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #000; display:block; left: 60px; bottom: 8px;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX h6 {position:absolute; font: 30px/40px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #fff; display:block; left: 8px; bottom: 8px; width:43px; height:45px; padding-right:2px; background: url(../images/discount.gif) no-repeat 0px 0px; text-align: center; letter-spacing: -2px;}
body.MAIN05 div#CONTAINER ul#EBOOKS li.BOX h6 span {font-size: 17px;}



body.MAIN06 div#CONTAINER {position:relative;}
body.MAIN06 div#CONTAINER h2 {display: block; text-indent: -9999px; background: url(../images/container_title.png) no-repeat 20px -345px; height: 68px; }
body.MAIN06 div#CONTAINER ul#LIST {position:relative; height:104px; display: block; background: url(../images/mainlist.png) no-repeat 0px 0px; padding-right: 245px; }
body.MAIN06 div#CONTAINER ul#LIST li  {float:left; margin-bottom:2px;}
body.MAIN06 div#CONTAINER ul#LIST li a {display:block; font: 500 18px/50px "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; color: #fff; padding:0px 7px; text-decoration: none; background: #0b4f59; letter-spacing: -1px; text-shadow:2px 1px 1px #000;}
body.MAIN06 div#CONTAINER ul#LIST li a:hover {color: #edff59;}

body.MAIN06 div#CONTAINER ul#LIST li#LEFTIMG { display:block; background:url(../images/mainlist_left.png) no-repeat left top; width:29px; height:50px; }
body.MAIN06 div#CONTAINER ul#LIST li#RIGHTIMG { display:block; background:url(../images/mainlist_right.png) no-repeat right top; width:10px; height:50px; }
body.MAIN06 div#CONTAINER ul#LIST li#LEFTIMG2 { display:block; background:url(../images/mainlist_left.png) no-repeat left bottom; width:40px; height:50px; }
body.MAIN06 div#CONTAINER ul#LIST li#RIGHTIMG2 { display:block; background:url(../images/mainlist_right.png) no-repeat right bottom; width:21px; height:50px; }


body.MAIN06 div#CONTAINER ul#MORE {position: absolute; top:50px; right:5px; display: block;}
body.MAIN06 div#CONTAINER ul#MORE li  {float:left; padding-top:10px; font: bold 15px/25px "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; color: #333;}
body.MAIN06 div#CONTAINER ul#MORE li a {display:block; padding:0px 10px; text-decoration: none; color: #333;}
body.MAIN06 div#CONTAINER ul#MORE li a:hover {color: #069;}


body.MAIN06 div#CONTAINER ul#EBOOKS {width:920px; margin:0 auto 20px; display: block; background: #e9eff2; -webkit-border-radius:12px; border-radius:12px; padding:10px 10px 5px;}
body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX {width:920px; padding:10px 0px 20px; overflow: hidden;}
body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX div.BOXIMG {padding: 0px 10px; text-align: center; float: left;}
body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX div.BOXIMG img {width:148px; height:210px; border-width: 0px; border-style: none;}
body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX div.BOXMAIN {position:relative; width:700px; min-height:160px; float:right; padding:10px 20px 40px; margin-right:10px; background: #FFF;  -webkit-border-radius:8px; border-radius:8px;}

body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX h3 {font: bold 15px/200% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; text-align: justify; color: #F60; letter-spacing: 0px; display: block; clear: both; border-bottom: 1px dotted #999;}
body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX h3 a { color: #F60; text-decoration: none; }
body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX h3 a:hover {color: #F90;}
body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX p { font: 13px/160% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; text-align: justify; color: #333; letter-spacing: 0px; padding-top: 5px; padding-bottom: 5px; }
body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX h4 {font: bold 13px/180% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #099; display:block; float:left;}
body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX h5 {font: bold 13px/180% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #099; display:block; float:left; margin-left:20px;}

body.MAIN06 div#CONTAINER ul#EBOOKS li.BOX div.BOXMAIN a.buying {background: url(../images/buying.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; height: 22px; width: 63px; position: absolute; right: 15px; bottom: 15px;}



body.MAIN07 div#CONTAINER { position:relative; background: url(../images/mainlist.png) no-repeat 0px 0px; }
body.MAIN07 div#CONTAINER h2 { display: block; text-indent: -9999px; background: url(../images/container_title.png) no-repeat 20px -415px; height: 68px; }
body.MAIN07 div#CONTAINER ul#LIST {position:relative; height:50px; display: block; background: url(../images/mainlist.png) no-repeat 0px 0px;}
body.MAIN07 div#CONTAINER ul#LIST li  {float:left;}
body.MAIN07 div#CONTAINER ul#LIST li a {display:block; font: 500 12px/50px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #fff; padding:0px 7px; text-decoration: none; background: #0b4f59; letter-spacing: -1px; text-shadow:2px 1px 1px #000;}
body.MAIN07 div#CONTAINER ul#LIST li a#on {color: #edff59;}

body.MAIN07 div#CONTAINER ul#MORE {position: absolute; top:50px; right:5px; display: block;}
body.MAIN07 div#CONTAINER ul#MORE li  {float:left; padding-top:10px; font: bold 15px/25px "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; color: #333;}
body.MAIN07 div#CONTAINER ul#MORE li a {display:block; padding:0px 10px; text-decoration: none; color: #333;}
body.MAIN07 div#CONTAINER ul#MORE li a:hover {color: #069;}


body.MAIN07 div#CONTAINER ul#EBOOKS {width:900px; margin:0 auto 20px; display: block; background: #e9eff2; -webkit-border-radius:12px; border-radius:12px; padding:20px 20px 5px;}
body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX {width:900px; padding:15px 0px; overflow: hidden; background: #FFF;  -webkit-border-radius:8px; border-radius:8px; margin-bottom:20px;}
body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX div.BOXIMG {text-align: center; float: left;}
body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX div.BOXIMG img {width:305px; height:150px; border-width: 0px; border-style: none;}
body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX div.BOXMAIN {position:relative; width:563px; min-height:115px; float:right; padding:10px 10px 25px; margin-right:10px;}

body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX h3 {font: bold 15px/200% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; text-align: justify; color: #F60; letter-spacing: 0px; display: block; clear: both; border-bottom: 1px dotted #999;}
body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX h3 a {color: #F60; text-decoration: none;}
body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX h3 a:hover {color: #F90;}
body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX p {font: 13px/160% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; text-align: justify; color: #333; letter-spacing: 0px; padding-top: 5px; padding-bottom: 5px;}
body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX h4 {font: bold 13px/180% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #099; display:block; float:left;}
body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX h5 {font: bold 13px/180% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #099; display:block; float:left; margin-left:20px;}

body.MAIN07 div#CONTAINER ul#EBOOKS li.BOX div.BOXMAIN a.buying {background: url(../images/buying.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; height: 22px; width: 63px; position: absolute; right: 5px; bottom: 0px;}
