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

body { background:white url('../img/bgc.jpg') 0 0 repeat-x; color:#434343; }
body, textarea { font-family:Lucida Grande, Helvetica, Arial, sans-serif; font-size:14px; }
body, html, *, div { -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box; margin:0; padding:0; }
table { border:none; border-collapse:collapse; border-spacing:0; }
img { border:none; }
a { text-decoration:none; color:#7c7c7c; }
a:hover { color:#8dc63f; }
a.active { color:#ffffff; }
p { font-size:14px; margin-bottom:15px; line-height:20px; }
h4 { color:#14a83c; margin-bottom:5px; font-size:14px; font-weight:normal; }
h4 a { color:#14a83c; };
h5 { margin:0 0 15px 0; }

/* UTIL */

.clr { clear:both; }
.floatL { float:left; }
.floatR { float:right; }
.center { text-align:center; }

/* ESSENTIAL */

.page-holder { text-align:center; width:100%; }
#page { width:945px; height:840px; margin:auto; }
#page-wrapper { background:url('../img/bg.jpg') no-repeat 0 0; height:840px; margin:0 -219px 0 -136px; width:1300px; position:relative; }
.contents-wrapper { margin:0 219px 0 136px; width:945px; }

#header { height:117px; position:relative; }
#header .bg { position:absolute; top:0; left:0; z-index:0; }
#header #lang { float:right; margin-top:10px; z-index:1; position:relative; color:#ffffff; }
#header #lang a { color:#ffffff; }
#header #lang a:hover, #header #lang a.active { color:#fff315; }
#header #lang ul li { list-style-type:none; display:inline; margin-left:10px; font-size:12px; }

#header #button { float:right; margin-top:40px; z-index:2; position:relative; }
#header #button ul li { list-style-type:none; display:inline; margin-left:10px; font-size:12px; }
#header #button ul li a { background:white url('../img/dotdot.gif') 0 2px no-repeat; padding:5px 5px 0 14px; height:20px; margin:0 0 0 15px; float:right; }
#header #button ul li a.active, #header #button ul li a:hover { background:white; border-left:9px solid #f7ac19; padding-left:5px; }

#middle { min-height:613px; height:auto !important; height:613px; }

.contents { width:945px; }
.contents .sidemenu { width:182px; vertical-align:top; padding-top:30px; }
.contents .sidemenu-bg { background:url('../img/sidemenu/sidemenu-bg.gif') 0 0 repeat-y; position:relative; width:182px; padding:20px 0 !important; padding:20px 0 10px; }
.contents .sidemenu ul { background:url('../img/sidemenu/sidemenu-ul.gif') 20px 0 repeat-y; 2float:left; }
.contents .sidemenu ul li { list-style-type:none; margin:0 0 10px 20px; position:relative; }
.contents .sidemenu ul li a { background:url('../img/sidemenu/sidemenu-li.gif') 0 3px no-repeat; padding:5px 5px 0px 10px; padding-bottom:0px !important; padding-bottom:5px; 2padding:0 0 0 10px; }
.contents .sidemenu ul li a.top { background:url('../img/sidemenu/sidemenu-li-top.gif') 0 3px no-repeat; margin-top:0; }
.contents .sidemenu ul li a.btm { background:#ff9c00 url('../img/sidemenu/sidemenu-li-btm.gif') 0 -30px no-repeat; margin-bottom:0; }
.contents .sidemenu ul li.btm { margin-bottom:0; }
.contents .sidemenu ul li a.active, .contents .sidemenu ul li a.top.active, .contents .sidemenu ul li a.btm.active, .contents .sidemenu ul li a:hover, .contents .sidemenu ul li a.top:hover, .contents .sidemenu ul li a.btm:hover { background:#fff311 url('../img/sidemenu/sidemenu-li-hover.gif') 0 3px no-repeat; }

.contents .sidemenu ul li ul { background:none; }
.contents .sidemenu ul li ul li { background:none; list-style-type:none; margin:5px 0 5px 15px; color:white; font-size:12px; }
.contents .sidemenu ul li ul li a { margin:0; padding:0; background:none; }
.contents .sidemenu ul li ul li a.active, .contents .sidemenu ul li ul li a:hover { background:none; color:white; border:none; }

.contents .sidemenu table { margin-left:20px; background:url('../img/sidemenu/sidemenu-ul.gif') 0px 0 repeat-y; }
.contents .sidemenu table table { margin:0 0 5px 0; }
.contents .sidemenu table table th { vertical-align:middle; padding:5px 5px 3px 12px; background:url('../img/sidemenu/sidemenu-li.gif') 0 center no-repeat; }
.contents .sidemenu table table th.active, .contents .sidemenu table table th.hover { background:#fff311 url('../img/sidemenu/sidemenu-li-hover.gif') 0 center no-repeat; }
.contents .sidemenu table table th.top { background:url('../img/sidemenu/sidemenu-li-top.gif') 0 center no-repeat; }
.contents .sidemenu table table th.btm { background:url('../img/sidemenu/sidemenu-li-btm.gif') 0 center no-repeat; }

.contents .sidemenu table ul { background:none; }
.contents .sidemenu table ul li { background:none; list-style-type:none; margin:5px 0 5px 15px; color:white; font-size:12px; }
.contents .sidemenu table ul li a { margin:0; padding:0; background:none; }
.contents .sidemenu table ul li a.active, .contents .sidemenu ul li a:hover { background:none; color:white; border:none; }

.contents .main { width:763px; vertical-align:top; }

.main .frame { background:none; 2width:100%; width:763px; }
.frame td.tl, .frame td.tr { width:26px; height:26px; }
.frame td.tl { background:transparent url('../img/main-tl.png') 0 0 no-repeat; }
.frame td.tr { background:url('../img/main-tr.png') 0 0 no-repeat; }
.frame td.top { background:url('../img/main-t.png') 0 0 no-repeat; width:711px; height:26px; }
.frame td.mid { background:#a4d165 url('../img/main-mid.jpg') 0 0 no-repeat; width:763px; height:560px; padding:0 18px; vertical-align:top; }
.frame td.mid .landing { margin-bottom:18px; }
.frame td.mid #landing-swf { width:725px; height:400px; margin-bottom:18px; }

.frame td.mid .txt { background:white; 2width:100%; 2width:711px; width:727px; min-height:400px; height:auto !important; height:400px; vertical-align:top; padding:18px 18px 5px 18px; position:relative; }
.frame td.mid .txt, .frame td.mid .txt table { font-size:14px; }
.frame td.mid .txt h3 { color:#1eb065; font-size:16px; font-weight:normal; margin-bottom:5px; }
.frame td.mid .txt h4 { margin-bottom:5px; font-weight:normal; font-size:14px; color:#fc9c00; }
.frame td.mid .txt ol { margin:0 0 20px 35px; position:relative; }
.frame td.mid .txt ol li { margin:0 0 3px 0px; position:relative; }
.frame td.mid .txt p { padding-bottom:15px; margin-bottom:0; }
.frame td.mid .txt a { font-size:14px; }
.frame td.mid .txt .radio { margin:0 5px; }
.frame td.mid .txt-hdr-txt { float:right; margin:115px 15px 0 0; }
.frame td.mid .txt .imgwrap { position:relative; }
.frame td.mid .txt .zoomimg { float:right; text-align:center; margin:0 20px 10px 10px; display:inline; position:relative; }
.frame td.mid .txt .zoomimg img { border:1px solid #c2c2c2; margin-bottom:5px; }
.frame td.mid .txt-footer { width:100%; height:100px; background:url('../img/txt-footer.png'); }

.frame td.mid .txt table.list { width:100%; margin-top:15px; }
.frame td.mid .txt table.list td { padding:2px 5px; }

.frame td.mid .txt .pbar-img { float:left; padding-right:10px; }
.frame td.mid .txt .pbar-img div, .pbar-button { float:left; }

.frame td.mid .txt table { margin-bottom:20px; }
.frame td.mid .txt table th { padding-right:10px; font-weight:bold; text-align:left; vertical-align:top; white-space:nowrap; color:#666666; }
.frame td.mid .txt table td { padding:0 25px 3px 0px; }
.frame td.mid .txt table #channelpic { padding:0; }
.frame td.mid .txt table h4 a { color:#fc9c00; font-size:14px; }
.frame td.mid .txt table h4 a:hover { text-decoration:underline; }
.frame td.mid .txt table p.date { padding:0; margin-top:-5px; float:left; font-size:12px; color:#434343; }
.frame td.mid .txt table .back { margin-right:15px; float:right; }

.frame td.mid .txt table.download { width:100%; }
.frame td.mid .txt table.download th { padding-bottom:5px; }

.frame td.mid .txt table td.centerhdr { padding-top:10px; }

.frame td.mid .txt table.video { width:100%; }
.frame td.mid .txt table.video td { width:50%; text-align:center; padding:0 0 5px 0; }
.frame td.mid .txt table.video th { text-align:center; padding:0 0 5px 0; }
.frame td.mid .txt table.video td div { width:320px; height:240px; position:relative; margin:0 auto; }

.frame td.mid .txt table .player { width:200px; height:15px; }

.frame td.mid .txt table.sharing td { padding:0 25px 10px 0px; }
.frame td.mid .txt table.sharing td.pic { text-align:center; vertical-align:top; padding:0 10px 0 0; }
.frame td.mid .txt table.sharing td.pic div { position:relative; width:200px; height:120px; text-align:center; margin:0 auto 30px; }
.frame td.mid .txt table.sharing td.pic div img { border:1px solid #c2c2c2; margin-bottom:5px; }

.frame td.mid .txt table.latest td { padding:0 25px 20px 0px; }
.frame td.mid .txt table.latest-contents td { padding:0 25px 10px 0px; }

.frame td.mid .txt table.picrow { margin:0; }
.frame td.mid .txt table.picrow td { vertical-align:top; }
.frame td.mid .txt table.picrow td img { margin-bottom:10px; border:1px solid #c2c2c2; }

.frame td.mid .txt table.statisticsmonth { background:#dafceb; width:95%; border-collapse:collapse; }
.frame td.mid .txt table.statisticsmonth td, .frame td.mid .txt table.statisticsmonth th { border:1px solid #1a9556; }
.frame td.mid .txt table.statisticsmonth td { padding:3px; width:40px; }
.frame td.mid .txt table.statisticsmonth td.chart { background-color:white; border:0; padding-top:10px; text-align:center; }
.frame td.mid .txt table.statisticsmonth th { background:#1eb065; color:white; padding:2px; width:40px; }

.frame td.mid .txt table.referral { width:100%; }
.frame td.mid .txt table.referral h5 { font-weight:bold; font-size:14px; margin:5px 0 5px 0; }
.frame td.mid .txt table.referral th { padding:0 25px 0 0; margin:0; line-height:normal; }
.frame td.mid .txt table.referral td { padding:0 25px 10px 0px; text-align:left; line-height:20px; }
.frame td.mid .txt table.referral .hr { line-height:normal; margin:0; padding:0 25px 0 0; }
.frame td.mid .txt table.referral .hr hr { border:none; border-bottom:1px dotted gray; height:0; margin:5px 0; }
.frame td.mid .txt table.referral .right { text-align:right; }
.frame td.mid .txt table.referral input.cbox { margin:0 5px 0 10px !important; margin:0; }
.frame td.mid .txt table.referral input.long { width:150px; width:100%; }
.frame td.mid .txt table.referral input.mid { width:100px; }
.frame td.mid .txt table.referral input.short { width:40px; }
.frame td.mid .txt table.referral input.address { width:250px; margin-bottom:5px; }
.frame td.mid .txt table.referral textarea { width:100%; font-size:12px; }

.frame td.mid .txt table.enquiry { margin-bottom:20px; }
.frame td.mid .txt table.enquiry th { padding-right:10px; font-weight:normal; text-align:left; vertical-align:top; }
.frame td.mid .txt table.enquiry td { padding:0 10px 5px; }
.frame td.mid .txt table.enquiry td.button { text-align:right; }
.frame td.mid .txt table.enquiry textarea { width:300px; }

.frame td.mid .txt table.bookgrid { width:100%; }
.frame td.mid .txt table.bookgrid td { vertical-align:top; text-align:center; padding:0px 3px 5px; width:25%; }
.frame td.mid .txt table.bookgrid td img { margin:10px 0; }

.frame td.mid .box h1 { background:0 32px url('../img/curve.gif') no-repeat; padding-bottom:15px; }
.frame td.mid .box h1 img { margin-top:10px; }
.frame td.mid .box-question { position:relative; float:left; }

.frame td.mid .news { width:410px; min-height:128px; height:auto !important; height:128px; background:white; padding:0 15px; float:left; margin-right:14px; }
.frame td.mid .news .sprt { border-bottom:1px dotted #c4c4c4; padding:1px 0; }
.frame td.mid .news table { font-size:11px; width:100%; margin:0 0 10px; }
.frame td.mid .news table p { font-size:11px; margin:0; }
.frame td.mid .news table td { padding:2px 0; }
.frame td.mid .news table th { width:90px; font-weight:normal; color:#fcb971; text-align:left; }
.frame td.btm { background:url('../img/main-btm.png') 0 0 no-repeat; width:711px; height:35px; }

#footer { height:110px; }
#footer h1 { font-size:11px; color:#707070; float:left; margin:30px 0 0 10px; font-weight:normal; }
#footer .nvlogo { float:right; margin-top:8px; }

.initHide {
  display:none;
}