@charset "utf-8";
/* CSS Document */

#outer-wrapper {width:864px; margin:0 auto;}

.slogan {height:23px; padding:27px 46px 0 0; text-align:right;}

#wrapper {position:relative; background:#00B0ED;}

.lt, .rt, .lb, .rb {position:absolute; width:16px; height:16px; z-index:10; overflow:hidden;}
.lt {top:0; left:0;}
.rt {top:0; right:0;}
.lb {bottom:0; left:0; _bottom:50px;}
.rb {bottom:0; right:0; _bottom:50px;}

h3 {width:100%; height:29px; margin-bottom:7px; line-height:29px; background:#00B0ED;}
h3[class] img {display:none;}
h3[class]:hover img {display:block;}
h3.title1 {background:url(../img/img_title_01.jpg) no-repeat;}
h3.title2 {background:url(../img/img_title_02.jpg) no-repeat;}
h3.title3 {background:url(../img/img_title_03.jpg) no-repeat;}
h3.title4 {background:url(../img/img_title_04.jpg) no-repeat;}
h3.title5 {background:url(../img/img_title_05.jpg) no-repeat;}
h3.title6 {background:url(../img/img_title_06.jpg) no-repeat;}
h3.title8 {background:url(../img/img_title_08.jpg) no-repeat;}
h3.display img {display:block;}

#head {width:860px; height:136px; overflow:hidden; border-right:4px solid #464646;}
#head2 {width:860px; height:396px; overflow:hidden; border-right:4px solid #464646;}

.info {width:774px; height:250px; margin:0 auto; border:5px solid #444444; background:#FFFFFF;}

.top {height:120px; padding:16px 38px 0 28px;}
.logo {float:left; width:89px; height:102px; padding:18px 12px 0 11px; overflow:hidden; background:url(../img/img_logo_01.jpg) no-repeat;}
.menu {float:right; width:682px; height:120px; background:url(../img/img_logo_02.jpg) no-repeat right top}
.menu ul {width:682px; height:30px; padding-top:90px; overflow:hidden;}
.menu ul li {float:left; height:30px; border-right:1px dashed #464646; text-align:center;}
.menu ul li.w4 {width:94px;}
.menu ul li.w5 {width:100px;}
.menu ul li.noborder {border:none;}
.menu ul li img {display:none;}
.menu ul li:hover img {display:block;}
.menu ul li.mitem1 {background:url(../img/img_menu_01_1.jpg) no-repeat;}
.menu ul li.mitem2 {background:url(../img/img_menu_02_1.jpg) no-repeat;}
.menu ul li.mitem3 {background:url(../img/img_menu_03_1.jpg) no-repeat;}
.menu ul li.mitem4 {background:url(../img/img_menu_04_1.jpg) no-repeat;}
.menu ul li.mitem5 {background:url(../img/img_menu_05_1.jpg) no-repeat;}
.menu ul li.mitem6 {background:url(../img/img_menu_06_1.jpg) no-repeat;}
.menu ul li.mitem62 {background:url(../img/img_menu_08_1.jpg) no-repeat;}
.menu ul li.mitem7 {background:url(../img/img_menu_07_1.jpg) no-repeat;}

#main-wrapper {width:860px; padding-bottom:30px; border-right:4px solid #464646;}
#main-wrapper h1 {color:#00B0ED; font-size:15px; padding:0 0 2em 0;}
#main-wrapper2 {width:859px; border-right:4px solid #464646; border-left:1px solid #464646; background:#ffffff;}

#mwrapper1 {width:786px; margin:0 auto; background:url(../img/img_background_01.gif) repeat-y right #FFFFFF;}
#mwrapper2 {width:786px; margin:0 auto; background:#FFFFFF;}
#mwrapper3 {width:786px; margin:0 auto;}
#mwrapper4 {width:786px; margin:0 auto; padding:30px 0; background:url(../img/img_border_01.gif) repeat-x top #F6D300;}

#mwpborder {padding-top:1px; background:url(../img/img_border_01.gif) repeat-x top;}

.content-wrapper1 {float:left; width:560px; margin:16px 0; background:url(../img/img_background_02.gif) repeat-y left #FFFFFF;}
.content-wrapper2 {width:786px; padding:16px 0; background:url(../img/img_background_02.gif) repeat-y left #FFFFFF;}
.content-wrapper3 {margin:36px 36px 0 36px;}
.content-wrapper3 h4 {color:#00B0ED; padding-bottom:2.5em;}
.content-wrapper3 h5 {line-height:2em; color:#5d5d5d;}
.content-wrapper3 p {padding-bottom:2em; line-height:1.6em;}
.content-wrapper4 {float:left; width:588px; margin:16px 0; background:url(../img/img_background_03.gif) repeat-y left #FFFFFF;}
.content-wrapper5 {width:786px; margin:0; background:url(../img/img_background_04.gif) repeat-y left ;}

.sidebar {float:left; width:188px; padding:16px 19px;}
.sidebar2 {float:left; width:188px; padding:16px 0 16px 10px;}

.report-wrapper {margin-bottom:7px; background:#FFFFFF;}
.rwrapper {padding:0 7px 7px 7px;}
.rwrapper h6 {margin-bottom:7px; text-align:center;}
.rwrapper ul {margin:0 0 12px 0; padding:0 0 0 12px; color:#7D7D7D;}
.rwrapper ul a {color:#7D7D7D;}
.rwrapper ul a:hover {text-decoration:underline;}
.rwrapper ul li {padding-bottom:1em;}
.rwrapper ul p {line-height:1.3em;}

.xlink {width:188px; overflow:hidden;}
.xlink img {margin-bottom:7px;}

.menubar {float:left; width:86px; padding:0 1px 0 18px;}
.menubar ol li, .menubar ol li a {line-height:2em; color:#7D7D7D;}
.menubar ol li.focus, .menubar ol li.focus a, .menubar ol li a:hover {color:#00B0ED;}
.menubar h6 {height:24px; margin-bottom:0.5em; color:#00B5EF; border-bottom:1px dotted #7d7d7d;}
.menubar2 {float:left; width:65px; padding:0 1px 0 0;}
.menubar2 ol li, .menubar2 ol li a {line-height:2em; color:#7D7D7D;}
.menubar2 ol li.focus, .menubar2 ol li.focus a, .menubar2 ol li a:hover {color:#00B0ED;}

.content1 {float:left; width:415px; padding:0 20px; }
.farqie6 {padding:0 20px 0 125px;}
.content1 p {padding-bottom:2em;}
.content1 p {line-height:1.8em; }
.content1 p a {color:#00B5EF;}
.content2 {float:left; width:641px; padding:0 20px;}
.content3 {float:left; width:504px; padding-left:16px;}
.content3 h1 {padding-bottom:2em; color:#00B5EF; font-size:15px;}
.content3 h2 {height:24px; line-height:24px; margin-bottom:1em; padding-left:8px; background:#F6D300; font-family:Arial; font-weight:bold; color:#000000;}
.content3 p {padding-bottom:1em;}
.content3 p {line-height:1.4em; }
.content3 p a {color:#00B5EF;}
.content4 {float:left; width:585px; padding:0 48px;}

.xlist {font-family:Arial, Helvetica, sans-serif;}
.xlist ol {margin-bottom:2em;}
.xlistt ol a:hover {color:#F6D300; text-decoration:underline;}
.xlist ol li {width:100%; line-height:2.5em; border-bottom:1px dotted #dfdfdf;}
.xlist ol li span {padding-right:1em;}
.xlist ul li {text-align:center; color:#bfbfbf;}
.xlist ol.keyword li {border:none; line-height:2em;}
.xlist ul.movieinfo {margin-bottom:12px;}
.xlist ul.movieinfo li {text-align:left; color:#7d7d7d; line-height:2em;}

.membership h2 {line-height:1.6em;}
.membership h4 {color:#00B0ED; padding-bottom:1em;}
.membership p {padding-bottom:2em; line-height:1.4em;}
.membership ol {margin:0 0 2.5em 0; padding:0 0 0 2em;}
.membership ol li {line-height:1.6em;}
.membership form p {padding-bottom:6px;}
.membership table {width:100%; font-size:12px;}
.mtable {margin:1em; padding:4px; border:1px solid #7D7D7D;}
.mtable table td {width:100px;}
.mtable table th, .mtable table td {padding:3px 0 3px 1em; border:2px solid #ffffff;}
.mtable table thead tr td, .mtable table thead tr th {background:#00B0ED; color:#FFFFFF;}
.mtable table tbody tr td, .mtable table tbody tr th {background:#D7D7D7; color:#7D7D7D;}
.privacy {height:200px; margin-bottom:1em; padding:1em; border:1px solid #7d7d7d; overflow:auto;}
.privacy ol p {padding-bottom:1em;}
.privacy ol p, .privacy ol li {line-height:1.5em;}
.regtable {margin-bottom:1em;}
.regtable table th, .regtable table td {padding:6px 2px;}
.regtable table th {width:85px; text-align:right;}
.regtable table input {width:95%;}
.regtable table input[type="image"] {width:81px; height:22px;}
.regtable td[colspan] {font-size:11px; color:#9d9d9d; text-align:right; font-family:"新細明體"; padding:2px 15px 6px 0;}
.regtable table tfoot td {padding:8px 0;}
.invip table thead th, .invip table tbody td {padding:4px 2px;}
.invip table thead th {width:72px;}
.invip table thead td[colspan] {font-size:11px; color:#9d9d9d; padding:0 2px 6px 2px;}
.invip table thead input {width:32%;}
.invip table thead input[id="address"] {width:97%;}
.invip table thead select {width:32%;}
.invip table tbody td, .invip table tbody th {padding:4px 2px;}
.invip table tbody th {text-align:right;}
.invip table tbody th[colspan] {text-align:left;}
.login th {width:120px; padding:6px 2px; text-align:right;}
.login input {width:50%;}
.login input[type="image"] {width:81px; height:22px;}
.login + ul li {line-height:2em;}
.mdata th {width:75px; text-align:right;}
.mdata th, .mdata td {padding:6px 2px;}
.mdata input {width:97%;}
.mdata select {width:32%;}
.mdata input[type="image"] {width:99px; height:22px;}
.mdata tbody th[colspan] {width:100%; text-align:left;}

.programs ol {padding-top:1em; border-top:1px dotted #7D7D7D; color:#00B5EF;}
.programs ol a {color:#00B5EF;}

.joinus {margin-bottom:7px;}
.onemen h2 {color:#00B0ED; padding-bottom:1em;}
.onemen + h4, .onemen + h4 a {color:#00B0ED;}
.vcrshow {width:415px; margin-bottom:5px;}
.vcrlist {width:415px; margin-bottom:1em;}
.vcrlist ol li {float:left; width:100px; height:80px; margin:0 5px 5px 0; overflow:hidden;}
.icon ol li {float:left; width:50px; height:50px; margin:0 5px 5px 0; border:1px solid #ffffff; overflow:hidden;}
.icon ol li:hover {border:1px solid #00B5EF;}
.desktop {padding:1em 0;}
.desktop ol {float:left; width:200px; height:180px; margin:0 15px 10px 0;}
.desktop ol p {width:200px; height:150px; overflow:hidden; margin-bottom:5px; padding:0; line-height:normal;}
.desktop ol li {text-align:center;}
.tags ol li {float:left; width:auto; height:60px; overflow:hidden; margin:0 5px 5px 0;}

.submenu {clear:both; width:100%; padding:1em 0 2em; border-top:1px dotted #7D7D7D;}
.submenu ol li {float:left; width:auto; height:1.3em; line-height:1.3em; margin-right:6px; padding-right:6px; border-right:1px solid #7d7d7d; font-size:11px;}
.submenu ol li a {color:#00B5EF;}

.movies {margin-bottom:1em;}
.movies a {color:#00B5EF;}

.mvleft {float:left; width:374px;}
.mvleft ol {margin-bottom:2em;}
.mvleft ol li {line-height:1.5em;}
.mvleft ul {margin:0; padding:0 0 0 1.5em;}
.mvleft ul li {line-height:1.5em;}
.mvleft ul p {line-height:1.5em; padding:0 0 0 1em;}
.mvleft h2 + ul {margin-bottom:1em;}
.mvleft h2 + ul li {padding-bottom:1em;}
.mvleft h2 + ul li a {color:#7d7d7d;}
.mvleft h2 + ul li a:hover {color:#00B5EF;}
.movieshow {width:374px; height:290px; overflow:hidden;}
.moviephotoes {margin-top:24px;}
.moviephotoes ol {float:left; width:122px; overflow:hidden; margin:0 4px 4px 0; padding:0; list-style:none;}
.moviephotoes ol p {width:122px; height:80px; padding:0 0 6px 0;}
.moviephotoes ol li {line-height:1.5em; font-family:Arial; font-size:11px; text-align:center;}
.moviephotoes ol.mrzero {margin:0 0 4px 0;}

p.pages a {color:#00B5EF; padding-top:2em;}

.mvright {float:left; width:120px; margin-left:10px;}
.mvright ol li {width:120px; height:80px; overflow:hidden; margin-bottom:2px;}

.products dl {width:575px; height:200px; margin-bottom:5px; border:5px solid #464646; background:#00B0ED;}
.products dt {float:left; width:385px; height:200px; overflow:hidden; border-right:5px solid #464646;}
.products dd {float:left; width:185px; height:200px;}
.products dd h5 {height:32px; line-height:32px; margin-bottom:13px; background:#F6D300; text-align:center;}
.products dd table {width:100%; margin-bottom:13px;}
.products dd th {width:50px; height:25px; line-height:25px; color:#FFFFFF; text-align:right;}
.products dd input {width:110px; line-height:25px;}
.products dd p {padding-left:16px; color:#ffffff; line-height:1.4em;}
.products dd p a {color:#F6D300;}

.prodleft {float:left; width:390px;}
.prodright {float:right; width:190px;}
.proditeml, .proditemr {margin-bottom:5px; background:#FFFFFF;}
.proditem {background:#FFFFFF; padding-bottom:7px; margin-bottom:5px;}
.proditem dl {width:571px; height:auto; padding:0 7px; border:none; background:url(../img/img_background_05.gif) repeat-y left;}
.proditem dt, .proditem dd {float:left; height:auto; border:none;}
.proditem dt {width:180px; padding-right:8px; text-align:center;}
.proditem dt p {padding-bottom:0.5em;}
.proditem dt ol li {float:left; width:42px; height:30px; margin:0 1px 3px 2px;}
.proditem dd {width:376px; padding-left:7px;}
.proditem dd h4, .proditem dd h6 {color:#464646;}
.proditem dd h4 {font-size:15px; font-family:Arial; line-height:1.2em;}
.proditem dd h6, .proditem dd ol {padding-bottom:1em;}
.proditem dd ol li {line-height:1.4em;}
.proditem dd p {color:#7d7d7d; padding:0 0 2em 0;}
.proditem dd table {margin-bottom:1em;}
.proditem dd td, .proditem dd th {padding:3px; text-align:left;}
.proditem dd th {width:120px;}
.proditem dd select {width:110px; background:#D7D7D7;}
.proditem dd form p a {color:#00B0ED;}
.proditem dd .bluetitle {color:#00B0ED;}

.phs-wrapper {width:390px; height:227px; margin:0 0 5px 0; background:#FFFFFF;}
.phs-leftContent {float:left; width:180px; height:180px; padding:0 8px 7px 7px; border-right:1px dotted #acacac;}
.phs-rightContent {float:right; width:180px; height:180px; padding:0 7px 7px 7px;}
.phs-wrapper, .phs-wrapper a, .phs-item {color:#7D7D7D;}
.phs-wrapper h4, .phs-wrapper h5, .phs-wrapper p, .phs-item h4, .phs-item h5, .phs-item p {line-height:1.4em; padding-left:3px;}
.phs-wrapper h4, .phs-wrapper h5, .phs-item h4, .phs-item h5 {font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.phs-wrapper h4, .phs-wrapper h4 a, .phs-item h4, .phs-item h4 a {color:#464646;}

.phs-item {margin:0 0 5px 0; padding:0 5px 5px 5px; border-bottom:1px dotted #7d7d7d;}
.pnoborder {border:none;}

.flow ol li {float:left; width:100px; height:35px; line-height:35px; padding-left:40px;}
li.step1 {background:url(../img/img_step_01_2.jpg) no-repeat left center;}
li.step2 {background:url(../img/img_step_02_2.jpg) no-repeat left center;}
li.step3 {background:url(../img/img_step_03_2.jpg) no-repeat left center;}
li.step4 {background:url(../img/img_step_04_2.jpg) no-repeat left center;}
li.step5 {background:url(../img/img_step_05_2.jpg) no-repeat left center;}
li.stepa {background:url(../img/img_step_01_1.jpg) no-repeat left center;}
li.stepb {background:url(../img/img_step_02_1.jpg) no-repeat left center;}
li.stepc {background:url(../img/img_step_03_1.jpg) no-repeat left center;}
li.stepd {background:url(../img/img_step_04_1.jpg) no-repeat left center;}
li.stepe {background:url(../img/img_step_05_1.jpg) no-repeat left center;}

/*#footer {height:26px; padding:16px 38px 0 25px; border-right:4px solid #464646; border-bottom:4px solid #464646; background:#636363;}*/
#footer {height:26px; padding:16px 38px 4px 25px; background-image:url(../img/footer_bg.gif); background-position:bottom;}
#footer ol {float:left; width:300px;}
#footer ol li {float:left; width:76px; height:20px; padding-top:6px; border-right:1px dotted #858585; text-align:center;}
#footer ol li a {color:#FFFFFF;}
#footer ul {float:right; width:300px;}
#footer ul li {padding-top:6px; text-align:right; color:#ababab; font-size:10px;}

.TabbedPanels {float:left; width:100%; margin:0 0 12px 0; padding:0; clear:none;}
.TabbedPanels {}
.TabbedPanelsTab {position:relative; top:1px; float:left; width:112px; height:30px; line-height:30px; text-align:center; margin:0 -1px 0 0; border:1px solid #7d7d7d; -moz-user-select:none; -khtml-user-select:none; cursor:pointer;}
.TabbedPanelsTabHover {}
.TabbedPanelsTabSelected {border-bottom:1px solid #7d7d7d; background:#00B0ED; color:#FFFFFF;}
.TabbedPanelsTab a {color:#7d7d7d; text-decoration:none;}
.TabbedPanelsContentGroup {clear:both; border:1px solid #7d7d7d;}
.VTabbedPanels .TabbedPanelsTabGroup {position:relative; float:left; width:10em; height:20em; border:1px solid #7d7d7d;}
.VTabbedPanels .TabbedPanelsTab {float:none; margin:0px; border-top:none; border-left:none; border-right:none;}
.VTabbedPanels .TabbedPanelsTabSelected {border-bottom:1px solid #7d7d7d;}
.VTabbedPanels .TabbedPanelsContentGroup {clear:none; float:left; width:30em; height:20em; padding:0;}

.TabbedPanelsContent table {color:#000000;}
.TabbedPanelsContent table thead td {height:42px; line-height:42px; background:#F6D300; text-align:center;}
.TabbedPanelsContent table tbody td {height:70px; line-height:70px; text-align:center; border-bottom:1px dotted #7d7d7d;}
.TabbedPanelsContent table tfoot td {height:70px; line-height:70px;}

.TabbedPanelsContent td ol {width:80px; margin:0 auto; padding:5px 0; text-align:center;}
.TabbedPanelsContent td li {height:25px; line-height:25px; margin-bottom:5px; color:#FFFFFF; background:#00B0ED;}
.TabbedPanelsContent td li a {color:#FFFFFF;}
.TabbedPanelsContent tfoot td ol {padding:22px 0;}

.TabbedPanelsContent td[colspan="4"] {padding-left:20px;}

.paynote {padding-bottom:1em;}

.pwidth1 {width:200px;}
.pwidth2 {width:100px;}
.pwidth3 {width:60px;}

.contact {padding-bottom:1em;}
.contact th, .contact td {padding:6px 4px;}
.contact th {width:72px; text-align:right;}
.contact input, .contact select, .contact textarea {width:50%;}
.contact tfoot input {width:auto;}