@charset "utf-8"; html, body { margin:0; padding:0; width:100%; height:100%; font-size:0.9em; font-family:Tahoma, Arial, Helvetica, sans-serif; background:#fff url(../images/background.gif) bottom left scroll repeat-x;}
body#home { margin:0; padding:0; min-height:610px; min-width:827px; width:100%; height:100%; font-size:0.9em; font-family:arial,sans-serif; background:url(../images/backhome.gif) top left repeat;}
img {border:0;}
a:link, a:visited {color:#000; text-decoration:underline;}
a:hover {color:#f00; text-decoration:underline;}
.container { min-height:100%; position:relative; width:826px; margin-left:auto; margin-right:auto; font-family:arial,sans-serif;}
img, div, td { behavior: url(iepngfix.htc); }
#indexcenter {width: 827px; height: 610px; position:relative; padding:10px; background:url(../images/frame.png) 10px 0px no-repeat;}
#indexcenter[id] {width: 827px; height: 610px; position:relative; padding:10px; background:url(../images/frame.png) center no-repeat;}
/*
#indexcenter {width: 827px; height: 610px; position:absolute; top:0; left:50%; margin-left:-423px; margin-top:10px; padding:10px; background:url(../images/frame.png) 10px 0px no-repeat;}
#indexcenter[id] {width: 827px; height: 610px; position:absolute; top:0; left:50%; margin-left:-413px; margin-top:10px; padding:10px; background:url(../images/frame.png) center no-repeat;}
*/
#menu { width:605px; height:72px; margin-left:auto; margin-right:auto;}
#menu1 { position:absolute; left:130px; top:10px; z-index:3; width:605px; height:45px; background:url(../images/homemenu.png) top left no-repeat;}
#menu2 { position:absolute; left:120px; top:50px; z-index:2; width:605px; height:45px;}
#outermenublank { width:100%;height:45px;position:relative;}
.outermenu { width:605px;height:45px;position:relative;}
#topmenu { height:7px;position:relative;border:0.1em solid #000;}
.menuicon, .link { height:18px;margin-top:7px;position:relative;float:left;cursor:pointer;}
.link { background:url(../images/button_menu.gif) top left no-repeat;}
.linkstyle { cursor:pointer;}
.menuspace { background:url(../images/menu_04.gif) top left no-repeat;width:27px;height:18px;margin-top:7px;position:relative;float:left;}
.blank { width:34px;height:18px;position:relative;float:left;}
.current {border-bottom:0.2em solid #fff;}
.currentsub { border-bottom:0.2em solid #fff;}
.currentpage {border-bottom:0.15em solid #fff;}
.hidden {display:none;}
.relative {position:relative;float:left;}
.submenuspace {position:relative;float:left;width:23px;height:32px;background:url(../images/submenuspace.gif) center 5px no-repeat;}
.media_background {background:url(../images/media_all_back.png) top left no-repeat;}
#homepage { width:34px;overflow:hidden;background-position:0px 0px;}
#media { width:44px;overflow:hidden;background-position:-48px 0px;}
#friend { width:126px;overflow:hidden;background-position:-102px 0px;}
#main-aboutus { width:61px;overflow:hidden;background-position:-238px 0px;}
#product { width:60px;overflow:hidden;background-position:-309px 0px;}
#available { width:48px;overflow:hidden;background-position:-379px 0px;}
.backsubmenu {background:url(../images/submenuback.png) top left no-repeat;width:auto;height:32px;}
.left_submenu {width:18px;height:32px;background-position:0px 0px;}
.middle_submenu {height:32px;background-position:-18px 0px;}
.right_submenu {width:18px;height:32px;background-position:-376px 0px;}
#outermedia { width:826px;height:517px;position:relative;float:left;}
#mediatop {width:826px;height:125px;position:relative;float:left;}
#medialeft {width:35px;height:210px;position:relative;float:left;}
.media {background:url(../images/main_media_button.png) top left;width:auto;height:210px;position:relative;float:left;cursor:pointer;}
#main-video {width:191px;background-position:0px 0px;}
#main-wallpaper {width:189px;background-position:-191px 0px;}
#main-games {width:180px;background-position:-380px 0px;}
#main-social {width:182px;background-position:-560px 0px;}
#mediaright {width:49px;height:210px;position:relative;float:left;position:relative;float:left;}
.media_submenu { background:url(../images/media_menu.gif) top left no-repeat;cursor:pointer;height:20px;}
#media-video {width:32px;overflow:hidden;background-position:0px 0px;}
#media-wallpaper {width:63px;overflow:hidden;background-position:-42px 0px;}
#media-games {width:41px;overflow:hidden;background-position:-115px 0px;}
#media-social {width:113px;overflow:hidden;background-position:-166px 0px;}
#videotop {width:826px;height:69px;float:left;}
#videoleft {width:57px;height:398px;float:left;}
#videocontent {width:769px;height:398px;float:left;}
#moviecontentleft {width:485px;height:398px;float:left;}
#moviecontentright {width:161px;height:398px;float:left;}
#topmediavideo {width:161px;height:189px;float:left;overflow:hidden;background-position:0px 0px;}
#wallpapertop {width:826px;height:44px;float:left;}
#wallpaperleft {width:40px;height:517px;float:left;}
#wallpapercontent {width:auto;height:300px;float:left;}
#wallpapercontentleft {width:186px;height:300px;float:left;}
#wallpapercontentright {width:575px;height:300px;float:left;}
#topmediawallpaper {width:163px;height:206px;float:left;overflow:hidden;background-position:-172px 0px;}
.wallpaper_show {width:100px;height:88px;margin-right:15px;margin-bottom:15px;float:left;}
.wallpaper_show img {width:100px;height:88px;}
#swfgamescontent{width:640px;margin-left:auto;margin-right:auto;}
#gamestop {width:826px;height:518px;float:left;}
#gamescontent {width:643px;margin-top:55px;margin-left:auto;margin-right:auto;}
#gamestext {width:354px;height:170px;float:left;}
#topmediagames {width:169px;height:170px;float:right;overflow:hidden;background-position:-343px 0px;}
#gamescontentsnap {width:643px;height:102px;float:left;margin-top:33px;}
.gamessnapshot {width:139px;height:102px;float:left;}
.gamessnapshotspace {width:29px;height:102px;float:left;}
#socialtop {width:827px;height:53px;float:left;position:relative;}
#socialcontent {position:absolute; width:613px; left:50%; margin-left:-306px;}
#socialleft {width:221px;height:368px;float:left;position:relative;}
#socialcenter {width:173px;height:368px;float:left;position:relative;}
#socialright {width:219px;height:368px;float:left;position:relative;}
#socialtopleft {width:221px;height:144px;float:left;overflow:hidden;background-position:0px -215px;position:relative;}
#socialmiddleleft {width:221px;height:78px;float:left;overflow:hidden;background-position:-1445px -215px;position:relative;}
#socialbottomleft {width:221px;height:144px;float:left;overflow:hidden;background-position:-1224px -215px;position:relative;}
#socialtopcenter {width:173px;height:78px;float:left;overflow:hidden;background-position:-221px -215px;position:relative;}
#socialmiddlecenter {width:173px;height:212px;float:left;overflow:hidden;background-position:-515px 0px;position:relative;}
#socialbottomcenter {width:173px;height:78px;float:left;overflow:hidden;background-position:-1051px -215px;position:relative;}
#socialtopright {width:219px;height:144px;float:left;overflow:hidden;background-position:-394px -215px;position:relative;}
#socialmiddleright {width:219px;height:78px;float:left;overflow:hidden;background-position:-613px -215px;position:relative;}
#socialbottomright {width:219px;height:144px;float:left;overflow:hidden;background-position:-832px -215px;position:relative;}
#friendtop {width:827px;height:20px;float:left;}
#friendcontent {width:807px;margin-left:auto;margin-right:auto;}
#friendleft {width:20px;height:497px;float:left;}
#friendcontentleft {width:443px;height:auto;float:left;margin-right:8px;}
#friendcontentright {width:329px;height:auto;float:left;}
.company_submenu { background:url(../images/company_menu.gif) top left no-repeat;cursor:pointer;height:20px;}
#csr {width:85px;overflow:hidden;background-position:0px 0px;}
#distributor {width:71px;overflow:hidden;background-position:-95px 0px;}
#aboutus {width:59px;overflow:hidden;background-position:-176px 0px;}
#contact {width:69px;overflow:hidden;background-position:-245px 0px;}
.product_submenu { background:url(../images/product_menu.gif) top left no-repeat;cursor:pointer;height:20px;}
#filling {width:89px;overflow:hidden;background-position:0px 0px;}
#faq {width:164px;overflow:hidden;background-position:-99px 0px;}
#vit {width:90px;overflow:hidden;background-position:-273px 0px;}
.body { width:826px; height:517px; margin-left:auto; margin-right:auto; padding-bottom:19px;}
.bodyhome { width:826px; height:610px; margin-left:auto; margin-right:auto;}
#home { background:#fff url(../images/backhome.jpg) top left no-repeat;}
.aboutus { background:url(../images/aboutus_back.png) bottom right no-repeat;}
#distributorback { background:url(../images/backdistributor.png) bottom left no-repeat;}
#vitback { background:url(../images/backvit.png) bottom left no-repeat;}
#faqpage { background:url(../images/backfaq.png) bottom right no-repeat;}
.content { vertical-align:top; text-align:justify; font-size:12px;}
.btn { background:#99D623; color:#fff; font-size:0.85em; border:0.1em solid #99999A;}
.input {width:100%; font-size:0.85em;}
.inputregister {width:80%; font-size:0.85em;}
select {font-size:0.85em;}
.area {width:100%;height:100%; font-size:0.85em;}
#footer { position:absolute; bottom:0; left:50%; width:199px; height:19px; margin-left:-99px; z-index:5;}
#footerhome { width:199px; height:19px; margin-left:auto; margin-right:auto;}
#outer {height: 100%; overflow: hidden; position: relative; width:100%; background:#fff url(../images/backhome.gif) top left repeat;}
#outer[id] {display: table; position: static; background:#fff url(../images/backhome.gif) top left repeat;}
#middle {position: absolute; top: 50%; width: 100%; text-align: center;}
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%; text-align: left; width: 847px; height: 630px; background: url(../images/frame.png) top left no-repeat;}
#inner[id] {width: 847px; height: 630px; margin-left: auto; margin-right: auto; background: url(../images/frame.png) top left no-repeat;}
#outerbox {display:none; position:absolute; z-index:1000; left:0px; top:0px; height: 100%; overflow: hidden; width:100%;}
#outerbox[id] {position:absolute; z-index:1000; left:0px; top:0px; display: table;}
#middlebox {position: absolute; top: 50%; width: 100%; text-align: center; z-index:0;}
#middlebox[id] {display: table-cell; vertical-align: middle; position: static;}
#innerbox {position: relative; top: -50%; text-align: left; width: 500px; height: 500px; padding:10px; background:#fff; border:0.1em solid #000;}
#innerbox[id] {width: 500px; height: 500px; margin-left: auto; margin-right: auto; padding:10px; background:#fff; border:0.1em solid #000;}
#overbox, #overnotif {display:none; position:absolute; z-index:1000; left:0px; top:0px; width:100%; height:100%; background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity = 30);}
#overbox[id], #overnotif[id] {opacity:0.3;}
#contentbox { display:none;position:absolute; z-index:1001; width:500px; height:500px; top:50%; left:50%; margin-top:-250px;; margin-left:-250px; border:0.1em solid #000; background:#fff;}
#boxcontent {position:relative; float:left; width:100%; height:484px; overflow:auto;}
#closebox {position:relative; float:left; height:16px; width:100%; background:#000; color:#fff; text-align:right; font-weight:900; cursor:pointer;}
#notifbox {display:none; position:absolute; z-index:1001; width:400px; height:100px; top:50%; left:50%; margin-top:-50px;; margin-left:-200px; border:0.1em solid #000; background:#fff; font-weight:900;}
#boxnotif {position:relative; float:left; width:100%; height:74px; margin:5px; overflow:auto; font-size:1.2em;}
#closenotif {position:relative; float:left; height:16px; width:100%; background:#000; color:#fff; text-align:right; font-weight:900; cursor:pointer;}
.homecontent { position:relative; float:left; margin:10px;}
#outercontent {width:827px; height:610px; position:absolute; top:10px; left:10px; overflow:hidden; z-index:1;}
#content {width:827px; height:610px; position:relative;}
#loading,#loadingpage {width:827px; height:610px; position:absolute; top:10px; left:10px; background: #fff; font-size:0.8em; color: #fff; display: none; z-index:2;}
.page {cursor:pointer;color:#fff;background:#63390B;text-align:center;vertical-align:middle;font-size:8px;}
#pagecontent {width:100%; height:100%; overflow:hidden;}
.question {color:#63390B;font-weight:bold;}