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

body { background:#332211; color:#ffffff; }
body, textarea, select { font-family:微軟正黑體, Microsoft Jhenghei, Verdana, Helvetica, Arial, sans-serif; }
body, textarea { font-size:14px; }
select { font-size:.8em; }
body, html, *, div { margin:0; padding:0; }
table { border:none; border-collapse:collapse; border-spacing:0; }
img { border:none; }
a { text-decoration:none; color:red; }
a:hover { text-decoration:underline; }
p { font-size:.95em; margin-bottom:1.3em; line-height:1.3em; 2text-align:justify; text-justify:inter-ideograph; }


/* UTIL */

.clr { clear:both; height:0; }
.floatL { float:left; }
.floatR { float:right; }
.last { margin:0; }
.hide { display:none; }

/* ESSENTIAL */

#header { width:100%; height:15px; background:#ff9900; border-bottom:1px solid #ffffff; margin-bottom:1em; }

#wrapper { width:780px; margin:0 auto; }

#wrapper #main { width:780px; margin:0 auto; float:left; background:#110d0b; }
#wrapper #main #contents { width:100%; height:1800px; background:url(../img/layout.jpg) 0 0 no-repeat; float:left; position:relative; }
#wrapper #main #contents .text, #wrapper #main #contents .text2 { position:absolute; left:50px; top:1187px; width:307px; }
#wrapper #main #contents .text p, #wrapper #main #contents .text2 p { margin-bottom:1em; line-height:21px; font-size:12px; }
#wrapper #main #contents a { position:absolute; }
#wrapper #main #contents #trailer { width:181px; height:47px; position:absolute; left:439px; top:39px; background:url('../img/trailer.png') 0 0 no-repeat; }

#wrapper #main #infobox { width:100%; float:left; padding-top:1em; }
#wrapper #main #infobox .promoitm { width:236px; margin:0 0 1em 2.5em; float:left; display:inline; }
#wrapper #main #infobox .promoitm .poster { margin-bottom:1em; float:left; }
#wrapper #main #infobox .promoitm .poster.border { border:1px solid #cccccc; }
#wrapper #main #infobox .promoitm .brand { float:left; }

#wrapper #main #infobox .promotion { width:460px; margin:0 2.5em 1em 0; float:right; overflow:hidden; display:inline; color:#ffffff; }
#wrapper #main #infobox .promotion.hide { display:none; }
#wrapper #main #infobox .promotion .disable, #wrapper #main #infobox .promotion .disable p, #wrapper #main #infobox .promotion .disable h1, #wrapper #main #infobox .promotion .disable a { color:#999999; }
#wrapper #main #infobox .promotion h1 { font-size:1.1em; color:red; margin-bottom:1em; }
#wrapper #main #infobox .promotion p { }
#wrapper #main #infobox .promotion .ticketcode { font-weight:bold; }
#wrapper #main #infobox .promotion #terms { font-size:.8em; }
#wrapper #main #infobox .promotion #terms h2 { font-size:1em; text-decoration:underline; margin-bottom:1em; }
#wrapper #main #infobox .promotion #terms ol { margin-bottom:1em; }
#wrapper #main #infobox .promotion #terms ol li { margin-left:2em; }
#wrapper #main #infobox .promotion #terms strong { font-size:1.3em; color:red; }
#wrapper #main #infobox .specialthanks { margin-left:2.5em; }
#wrapper #main #infobox .sprt { background:#ff9900; height:1px; line-height:1px; width:100%; margin:.7em 0; overflow:hidden; }

#wrapper #footer { width:780px; margin:0 auto; background:white; float:left; color:#363636; }
#wrapper #footer a { color:#999999; }
#wrapper #footer a:hover { color:#333333; }
#wrapper #footer .btmnav { width:766px; padding:.5em 0 1.5em .5em; float:left; }
#wrapper #footer .btmnav li { list-style-type:none; font-size:.75em; float:left; padding-right:.3em; }
#wrapper #footer .btmnav li.copyright { float:none; width:100%; }
#wrapper #footer .btmnav li.copyright strong { color:#ff9900; font-weight:normal; }

#wrapper #footer .iconlineup { width:778px; height:60px; padding-right:2px; float:left; }
#wrapper #footer .iconlineup li { list-style-type:none; float:right; height:60px; }
#wrapper #footer .iconlineup li a { float:left; width:100%; height:100%; }
#wrapper #footer .iconlineup li.so002 { width:86px; background:url('/img/officialdist-so002.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.pjur { width:59px; background:url('/img/logo-pjur.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.sprt { height:22px; width:1px; margin:2em 6px 0 0; background:#999999; }
#wrapper #footer .iconlineup li.nielson { width:55px; background:url('/img/logo-nielsen.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.union { width:47px; background:url('/img/logo_nl.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.eps { width:42px; background:url('/img/logo-eps.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.visa { width:55px; background:url('/img/nv/vbv_logo_enus.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.mc { width:74px; background:url('/img/nv/sc_74x40.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.paypal { width:59px; background:url('/img/nv/logo3vs.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.alipay { width:72px; background:url('/img/nv/logo_alipay.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.hkpharmacy { width:86px; background:url('/img/nv/poison_zhhk.jpg') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.neovision { width:125px; background:url('/img/logo-neovision.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.caringcompany { width:119px; background:url('/img/caringcompany2012.jpg') 0 0 no-repeat; }


/* AMENDMENT */

body { background:#222; color:#ffffff; }
#wrapper #main { background:#ffffff; }
#wrapper #main #infobox .promotion { color:#636363; }
#wrapper #main #infobox .specialthanks { color:#636363; }
#wrapper #main #contents { height:2000px; }
#wrapper #main #contents .text { left:70px; top:1200px; width:307px; color:#898989; }
#wrapper #main #contents #trailer { width:242px; height:135px; left:494px; top:1004px; }