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

/***********************************************************************************************************
DEFAULT
************************************************************************************************************/

/* TAG SET */
html {
	height:100%;
}

body {
	background:#c6ecfc;
	margin:0; padding:0;
	font:11px/22px Arial, Helvetica, sans-serif, "新細明體";
	color:#666666;
}

h1,h2,h3,h4,h5,h6 {
	margin:0; padding:0;
	font-size:100%;
	font-weight:normal;
}

form {
	margin:0; padding:0;
}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-size:100%;
	vertical-align:middle;
	color:#999999;
}

img {
	border:0;
	vertical-align:text-bottom;
}

ul, ol, li, dl, dt, dd {
	padding:0; margin:0;
}

ul {
	margin-left:28px
}

ol {
	margin-left:28px
}

ul li {
	list-style-type:disc;
}

ol li {
	list-style-type:decimal;
}

p {
	margin:0; padding:0;
	margin-bottom:7px;
	line-height:17px;
}

fieldset, legend {
	margin:0; padding:0;
	border:0;
}

table, tr, td {
	margin:0; padding:0;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
}

small {
	color:#cccccc;
	font-size:8pt;
	line-height:20px;
}

/* CLASS SET */

input.btn {
	cursor:pointer;
	text-align:left;
}

input.text, textarea.text {
	border:1px #e0e0e0 solid;
	background:#ffffff;
}

.customForm input,
.customForm textarea,
.customForm {
	border:0;
	background:none;
}

.customForm input.txt {
	color:#666666;
}
.customForm input.validation {
	color:#999999;
}

.customForm select {
	border:0;
}

.customMenu {
	margin-left:0;
}
.customMenu li {
	list-style:none;
	float:left; display:inline;
}


/***********************************************************************************************************
COMMON
************************************************************************************************************/

.allwidth {
	width:850px;
	margin:auto;
	clear:both;
}

.inside_allwidth_large {
	width:400px;
	float:left; display:inline;
	margin-right:3px;
}

.inside_allwidth_small {
	width:400px;
	float:left; display:inline;
	margin-right:3px;
}

.inside_allwidth_large.noMarginRight {
	margin-right:0;
}

.inside_allwidth_small.noMarginRight {
	margin-right:0;
}

.page {
	clear:both;
}

.page a {
	display:inline-block;
	background:url(../img/mainPanel/page/line.gif) no-repeat right center;
	padding:0 10px 0 10px;
	color:#96dcc6;
	font-size:8pt;
}

.page a:hover {
	color:#fc9003;
}

.page a.end {
	background:none;
}

.page a.more {
	background:none;
	padding:0;
	font-size:9pt;
}

.hiddenTxt {
	display:inline-block;
	overflow:hidden;
	width:0; height:0;
	line-height:-500px;
	font-size:0;
}

.titleBlod {
	font-weight:600;
	font-family:"微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
	font-size:22px;
}

.floatLeft {
	float:left;
	display:inline;
}

.floatRight {
	float:right;
	display:inline;
}

.noPadding {
	padding:0;
}

.noPaddingLeft {
	padding-left:0;
}

.noPaddingRight {
	padding-right:0;
}

.noPaddingTop {
	padding-top:0;
}

.noPaddingBottom {
	padding-bottom:0;
}

.noMargin {
	margin:0;
}

.noMarginLeft {
	margin-left:0;
}

.noMarginRight {
	margin-right:0;
}

.noMarginTop {
	margin-top:0;
}

.noMarginBottom {
	margin-bottom:0;
}

.noBorderB {
	border-bottom:none;
}

/* btn */
#mainPanel .btn a {
    background:url(../images/main_bg.gif) repeat-y;
	display:inline-block;
	background-position:left top;
	background-repeat:no-repeat;
	border:none;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
}
#mainPanel .btn a:hover {
	border:none;
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}
.btn .viewFilm {
	background-image:url(../images/viewFilm.gif);
	width:63px; height:26px;
	line-height:30px;
}
.btntop .brown {
	background-image:url(../images/brown.gif);
	color:#FFF;
	border:none;
	padding:5px;
}
.btn .brown {
	background-image:url(../images/brown.gif);
	color:#FFF;
	border:none;
	padding:5px;
}
.btn .brown1 {
	background-image:url(../images/brown.gif);
	color:#FFF;
	border:none;
	padding:10px;
}
.btn .gray {
	background-image:url(../images/gray.gif);
	width:122px; height:36px;
	line-height:34px;
	padding:5px;
	color:#990000;
}
.aerobuttonmenu{
    float:right;
	overflow: hidden; 
	width: 300px; 
	border: 0px solid gray;
	padding: 4px 0;
	border-width: 0px 0;
	margin:auto;
}

.aerobuttonmenu a.aero{
background:url(../images/aeroleft.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; 
line-height: 23px; 
height: 31px;
padding-left: 10px; 
text-decoration: none;
margin-right: 5px;
}
.aerobuttonmenu a.aeror{
background:url(../images/aeroleft-r.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; 
line-height: 23px; 
height: 31px;
padding-left: 10px; 
text-decoration: none;
margin-right: 5px;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color:#000066;
}
.aerobuttonmenu a.aeror:link, .aerobuttonmenu a.aeror:visited, .aerobuttonmenu a:active{
color:#000066;
}
.aerobuttonmenu a.aero span{
background:url(../images/aeroright.gif) no-repeat top right;
display: block;
padding: 4px 10px 6px 0;
}
.aerobuttonmenu a.aeror span{
background:url(../images/aeroright-r.gif) no-repeat top right;
display: block;
padding: 4px 10px 6px 0;
}

.aerobuttonmenu800{
    float:right;
	overflow: hidden; 
	width: 300px; 
	border: 0px solid gray;
	padding: 0 160px 0 0 ;
	border-width: 0px 0;
	margin:auto;
}

.aerobuttonmenu800 a.aero{
background:url(../images/aeroleft.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; 
line-height: 23px; 
height: 31px;
padding-left: 10px; 
text-decoration: none;
margin-right: 5px;
}
.aerobuttonmenu800 a.aeror{
background:url(../images/aeroleft-r.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; 
line-height: 23px; 
height: 31px;
padding-left: 10px; 
text-decoration: none;
margin-right: 5px;
}

.aerobuttonmenu800 a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color:#000066;
}
.aerobuttonmenu800 a.aeror:link, .aerobuttonmenu a.aeror:visited, .aerobuttonmenu a:active{
color:#000066;
}
.aerobuttonmenu800 a.aero span{
background:url(../images/aeroright.gif) no-repeat top right;
display: block;
padding: 4px 10px 6px 0;
}
.aerobuttonmenu800 a.aeror span{
background:url(../images/aeroright-r.gif) no-repeat top right;
display: block;
padding: 4px 10px 6px 0;
}



/* font 

  padding: 4px 10px 6px 0;
  display:inline-block;
	width:1px; height:15px;
	margin:0 10px 0 10px;
	background:url(../images/vline.gif) repeat-y;
}*/
.fontBrown {
	color:#cc6600;
}

/* other */
.titleBar_b {
	background:url(../images/titleBar_b.gif) no-repeat;
	width:810px; height:35px;
	line-height:35px;
	padding-left:40px;
	color:#cf6500;
	margin-top:1px;
}

.titleBar_c {
	background:url(../images/titleBar_c.gif) no-repeat;
	width:810px; height:35px;
	line-height:35px;
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	color:#003399;
	margin-top:1px;
}

.titleBar_d {
	background:url(../images/titleBar_d.gif) no-repeat;
	width:810px; height:35px;
	line-height:35px;
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
	color:#003366;
	margin-top:1px;
}

.searchNone {
	width:860px; height:100px;
	color:#C30;
	text-align:center; padding-top:70px;
}

.titleBar_b b {
	color:#993400;
	margin:0 3px 0 3px;
}

h3.title {
	background-color:#FFF;
	background-repeat:no-repeat;
	width:100%;
	height:74px;
	text-align:right;
	position:relative;
}

#mainPanel .link {
	display:inline-block;
	text-align:right;
	position:absolute;
	bottom:10px; right:10px;
	width:100%;
}
#mainPanel .link a {
	width:71px; height:18px;
	background-position:left top;
	background-repeat:no-repeat;
	display:inline-block;
	border:none;
	text-decoration:none;
}
#mainPanel .link a:hover,
#mainPanel .link a.step {
	border-bottom:none;
	text-decoration:none;
	background-position:left bottom;
}
.maintitle {
    color:#0066CC;
	font-size:11px;
	height:30px;
	font-weight:bold;
	}
.maintitle2 {
    color:#006600;
	line-height:30px;
	font-size:11px;
	font-weight:bold;
	}
	
/* page */
#explore .pages {
	clear:both;
	width:100%;
	text-align:center;
	padding-top:30px !important;
	margin:15px 0 20px 0;
}
#explore .pages a {
	display:inline-block;
	border:2px #f1f4f9 solid;
	padding:0 5px 0 5px;
	color:#b0b0b0;
	font-weight:normal;
	margin-right:2px;
}
#explore .pages a:hover {
	color:#ce6301;
	border:2px #f1f4f9 solid;
	font-weight:normal;
	background-position:left bottom;
}
#explore .pages a.step {
	color:#ce6301;
	font-size:20px;
	border:none;
}
#explore .pages a.prev,
#explore .pages a.next {
	width:26px; height:26px;
	vertical-align:middle;
	border:none;
	padding:0;
}
#explore .pages a.prev {
	background:url(../images/pagesArrow_l.gif) no-repeat;
	margin-right:5px;
}
#explore .pages a.next {
	background:url(../images/pagesArrow_r.gif) no-repeat;
	margin-left:5px;
}

/* explore Sort */
#explore .sort {
   height:30px;
   margin-top:5px;
   }
#explore .sort a {
   color:#999999;
   border:none;
   font-size:13px;
   padding:5px;
   }
#explore .sort a.now {
   color:#0033CC;
   border:none;
   font-weight:bold;
   font-size:15px;
   padding:5px;
   }
   
/* announcement Sort */
#announcement .sort {
   height:30px;
   margin-top:5px;
   }
#announcement .sort a {
   color:#999999;
   border:none;
   font-size:13px;
   padding:5px;
   }
#announcement .sort a.now {
   color:#0033CC;
   border:none;
   font-weight:bold;
   font-size:15px;
   padding:5px;
   }
   
/* member Sort */
#member .sort {
   height:30px;
   margin-top:5px;
   }
#member .sort a {
   color:#999999;
   border:none;
   font-size:13px;
   padding:5px;
   }
#member .sort a.now {
   color:#0033CC;
   border:none;
   font-weight:bold;
   font-size:15px;
   padding:5px;
   }
   
/***********************************************************************************************************
LAYOUT
************************************************************************************************************/

#container {
	background:url(../images/main_bg.gif);
	width:940px;
	margin:0 auto 0 auto;
	height:100%;
	position:relative;
}

#mainPanel {
	margin:auto;
	clear:both;
	display:inline;
}

#mainPanel1 {
	margin:auto;
	clear:both;
	display:inline;
}

#mainmov {
	margin:auto;
	text-align:right;
}
#footerPanel {
	margin:auto;
}

/***********************************************************************************************************
TOP PANEL
************************************************************************************************************/

/* Header */
#mad_header span#member {
	color:#FFF;
}
#mad_header span.welcome {
	color:#FFF;
	 margin-right:15px;
}
#mad_header a.welcome {
	font-weight:normal;
	margin-right:10px;
}

#mad_header {
	width:827px; height:33px;
	background:#0079c2;
	margin-left:0;
	margin-bottom:5px;
	padding:5px 12px 0 12px;
}

#mad_header li.floatRight {
	width:220px;
}

#mad_header a {
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:6px;
}

#mad_header a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#mad_header a.memberLogin {
	font-weight:bold;
}

#mad_header .txt {
	background:url(../images/search/txtBg.gif) no-repeat;
	width:120px; height:19px;
	float:left; display:inline;
	padding:7px;
	padding-bottom:0;
}

#mad_header .searchBtn {
	background:url(../images/search/btn.gif) no-repeat;
	width:23px; height:26px;
	float:left; display:inline;
	cursor:pointer;
	margin-right:10px;
}
#mad_header .welcome {
    color:#FFFF00;
	font-weight:bold;
	}

/* LOGO */
#logo {
	float:left; display:block;
	width:103px;
}

/* MEMBER */
#memberPanel {
	width:auto;
	float:right; display:inline;
	margin-top:55px;
}

#memberPanel #login {
	
}

#memberPanel #login h2 {
	
}

#memberPanel #login ul {
	
}

#memberPanel #login ul li {
	
}

#memberPanel #login a.logout {
	
}

#memberPanel #join {
	float:right; display:inline;
	padding:0;
}

#memberPanel #join .link {
	text-align:right;
}

#memberPanel #join .link a {
	background:url(../images/line.gif) no-repeat right center;
	padding:0 10px 0 10px;
	/*color:#993300;*/
	cursor:default;
}

#memberPanel #join .link a:hover {
	/*color:#000000;*/
}

#memberPanel #join .link a.end {
	background:none;
	padding-right:0;
}

#memberPanel #join form {
	margin-top:30px;
	color:#777777;
}

#memberPanel #join .text {
	background:url(../images/bg_text.gif) no-repeat;
	width:117px; height:16px;
	line-height:20px;
	padding:4px 0 4px 4px;
}

#memberPanel #join .btn {
	background:url(../images/btn_login.gif) no-repeat;
	width:100px; height:25px;
}

/* NAV */
#navPanel {
	position:relative;
	clear:both;
}

#navPanel a.home {
	background:url(../images/btn_home.gif) no-repeat left top #c6ecfc;
	width:52px;
	height:41px;
	display:block;
	position:absolute;
	left:-16px;
	top:-40px;
}

/* BANNER */
#banner_large {
	display:inline;
}


/***********************************************************************************************************
MAIN PANEL
************************************************************************************************************/

/****** LEFT PANEL *******/
#news {
	width:100%;
}

#news h3 {
	background:url(../images/news.gif) no-repeat left top;
	width:100%; height:74px;
}

#news div {
	width:96%;
	float:right;
	margin-top:1px;
}

#news table {
	width:100%;
}

#news table td.title {
	padding:16px 0 0 5px;
	text-align:right;
	background:url(../images/line.gif) repeat-x left bottom;
	color:#cc6600;
	font-weight:bold;
	
}
#news table td.content{
	padding:16px 0 16px 5px;
	text-align:left;
	line-height:20px;
	background:url(../images/line.gif) repeat-x left bottom;
}

#news table tr.end td {
	background:none;
}

/****** RIGHT PANEL *******/
#films {    
    float:right;
	width:400px !important;
	width:430px;
	padding-left:15px;
}

#films h3 {
	background:url(../images/films.gif) no-repeat left top #FFF;
	width:100%; height:74px;
}

#films table {
	width:100%;
	margin-top:1px;
}

#films table td {
	padding-bottom:1px;
}

#films table td div {
	position:relative;
	margin:auto;
	width:198px; height:140px;
}

#films table td img {
	width:198px; height:140px;
}

#films table td a {
	position:absolute;
	top:0; left:0;
	display:block;
	width:173px; height:19px;
	padding:121px 0 0 25px;
	background:url(../images/bgHover.png) left top;
	font-weight:normal;
	text-decoration:none;
	color:#333333;
	border-bottom:none;
}

#films table td a:hover {
	background-position:left bottom;
}

/***********************************************************************************************************
FOOTER PANEL
************************************************************************************************************/
#footerPanel a {
	color:#ff6600;
	text-decoration:none;
}
#footerPanel a:hover {
	color:#ff6600;
	text-decoration:underline;
}
#copyright {
	margin:auto;
	padding-top:10px;
	width:100%;
	clear:both;
	color:#666666;
	text-align:center;
	background:url(../images/footer_bg.jpg) repeat-x;
	font-size:10pt;
	line-height:16pt;
}
#copyright span{float:left; display:inline; margin-left:10px;}

/* BACK NAV */
#backNav {
	
}

#backNav a {
	
}

#backNav a:hover {
	
}
/***********************************************************************************************************
Banner PANEL
************************************************************************************************************/
#bannerPanel{
margin:0; 
height:50px; 
}
.banner{
display:inline;
width:107px; 
height:50px;
}
.bannerFirst{  
padding-right:8px;
}
.bannerSet{
 padding: 8px;
 }
.bannerLast{ 
padding-left:8px;
}


/***********************************************************************************************************
OTHER PANEL
************************************************************************************************************/

/* POPUP */
#backgroundPopup{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	z-index:99;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.popupHandle {
	width:360px;
	float:left;
	display:inline;
	padding-bottom:5px;
	margin:0 10px 0 10px;
	border-bottom:1px #ffffff solid;
}

.popupContact {
	width:auto;
	display:none;
	position:fixed;
	z-index:100;
	padding:20px;
}

.popupContact td {
	background:#FFF;
}

.popupContact td.tL {
	background:url(../img/otherPanel/popup/bg_tL.png) no-repeat right bottom;
	width:9px; height:9px;
}
.popupContact td.tR {
	background:url(../img/otherPanel/popup/bg_tR.png) no-repeat left bottom;
	width:9px; height:9px;
}
.popupContact td.bL {
	background:url(../img/otherPanel/popup/bg_bL.png) no-repeat right top;
	width:9px; height:9px;
}
.popupContact td.bR {
	background:url(../img/otherPanel/popup/bg_bR.png) no-repeat left top;
	width:9px; height:9px;
}
.popupContact td.tL,
.popupContact td.tR,
.popupContact td.bL,
.popupContact td.bR {
	behavior:url(iepngfix.htc);
}

.popupContact h4 {
	float:left;
	display:inline;
	font-size:24px;
	font-family:"微軟正黑體","新細明體", Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	margin:5px 20px 0 0;
}
#login .popupHandle a.join{color:#FF0;text-decoration:none;float:left; display:inline; background:none; margin-top:16px;}
#login .popupHandle a.join:hover{text-decoration:underline;}
.popupContactClose {
	display:inline-block;
	background:url(../img/otherPanel/popup/btn_close.gif) no-repeat;
	width:18px; height:18px;
	margin-top:10px;
	float:right;
}

.contactArea {
	width:360px;
	float:left; display:inline;
	clear:both;
	margin:10px;
	font-size:15px;
	color:#000;
}

/************************* added by Anfernee **************************/
.loginHandle {
	width:360px;
	line-height:40px;
	float:left;
	display:inline;
	padding-bottom:5px;
	margin:0 10px 0 10px;
	border-bottom:1px #ffffff solid;
}

.loginContact {
	width:auto;
	z-index:100;
	padding:20px;
}

.loginContact td {
	background:#a2c3d3;
}

.loginContact td.tL {
	background:url(../images/login/bg_tL.png) no-repeat right bottom;
	width:9px; height:9px;
}
.loginContact td.tR {
	background:url(../images/login/bg_tR.png) no-repeat left bottom;
	width:9px; height:9px;
}
.loginContact td.bL {
	background:url(../images/login/bg_bL.png) no-repeat right top;
	width:9px; height:9px;
}
.loginContact td.bR {
	background:url(../images/login/bg_bR.png) no-repeat left top;
	width:9px; height:9px;
}
.loginContact td.tL,
.loginContact td.tR,
.loginContact td.bL,
.loginContact td.bR {
	behavior:url(iepngfix.htc);
}

.loginContact h4 {
	float:left;
	display:inline;
	font-size:24px;
	font-family:"微軟正黑體","新細明體", Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	margin:5px 20px 0 0;
}
#login .loginHandle a.join{color:#FF0;text-decoration:none;float:left; display:inline; background:none; margin-top:16px;}
#login .loginHandle a.join:hover{text-decoration:underline;}
/*****************************************************************************/


/* login */
#login .contactArea {
	padding:16px 0 10px 5px;
}
#login dl{width:400px;float:left; display:inline;}
#login dt{width:40px;height:24px;float:left; display:inline; padding-top:9px;margin-bottom:10px;}
#login dd{width:350px;float:left; display:inline; margin-bottom:10px;}
#login input.txt {
	background:url(../images/login/266.gif) no-repeat;
	width:206px; height:24px;
	padding:10px 10px 0 10px;
	vertical-align:baseline;
	float:left; display:inline;
}
#login a.forgetPW {
	color:red;
	text-decoration:none;
	float:left;
	display:inline;
	height:34px; line-height:34px;
}

#login a.forgetPW:hover {
	color:#ffffff;
	text-decoration:underline;
}
#login .btn {
	margin:10px 0 0 30px;
	float:left; display:inline;
	width:360px;
}
#login .btn a {
	width:104px; height:36px;
	padding-right:10px;
	float:left; display:inline;
}
#login a.clear {
	background:url(../images/clear.gif) no-repeat;
}
#login a.login {
	background:url(../images/login.gif) no-repeat;
}


/***********************************************************************************************************
HACK
************************************************************************************************************/

* html #navPanel #nav li a {
	behavior:url(iepngfix.htc);
}

* html #films table td a {
	behavior:url(iepngfix.htc);
}

* html #backgroundPopup {
	position:absolute;
}

* html #popupContact {
	position:absolute;
}