/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}
img{ display: block; }

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: #000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#FFF; }
.main { position:relative; margin:0 auto; width:px; }

/* HEADER
----------------------------------------------------------------------------- */
#home .header { background: #000000 url(images/home_header-bg.jpg) no-repeat center top; height: 933px; }
#home .header .inner { width: 984px; margin: 0 auto; position: relative; }
#home .header .inner .logo { position: absolute; left: 223px; top: 26px; }
#home .header .inner .player { position: absolute; left: 275px; top: 224px; }
#home .header .inner .menu { position: absolute; left: 0px; top: 496px; }
#home .header .inner .menu li { float: left; }
#home .header .inner .menu li a img { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
#home .header .inner .menu li a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
#home .header .inner .welcome { position: absolute; left: 98px; top: 742px; width: 265px; }
#home .header .inner .welcome .p1 { height: 114px; padding: 0; display: block; }
#home .header .inner .welcome .p1 p { padding: 0 15px 0 15px; line-height: 14px; }
#home .header .inner .welcome .p1 span { color: #fffc00; font-weight: bold; }
#home .header .inner .top { position: absolute; top: 638px; left: 455px; }
#home .header .inner .top li { float: left; width: 120px; padding: 0 11px 0 0; }
#home .header .inner .top li p { display: block; text-align: center; font-size: 11px; color: #fffc00; padding: 17px 0 0 0; }
#home .header .inner .top li p strong { font-size: 13px; color: #FFFFFF; display: block; }

#tour .header { background: #000000 url(images/tour_header-bg1.jpg) no-repeat center top; height: 1126px; }
#tour .header .inner { width: 984px; margin: 0 auto; position: relative; }
#tour .header .inner .menu { position: absolute; left: 0px; top: 306px; }
#tour .header .inner .menu li { float: left; }
#tour .header .inner .menu li a img { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
#tour .header .inner .menu li a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
#tour .header .inner .welcome { position: absolute; left: 115px; top: 502px; width: 316px; }
#tour .header .inner .welcome .p1 { height: 144px; padding: 0; display: block; }
#tour .header .inner .welcome .p1 p { padding: 0 7px; line-height: 20px; }
#tour .header .inner .welcome .p1 span { color: #fffc00; font-weight: bold; }
#tour .header .inner .top { position: absolute; top: 448px; left: 456px; }
#tour .header .inner .top li { float: left; width: 120px; padding: 0 11px 0 0; }
#tour .header .inner .top li p { display: block; text-align: center; font-size: 11px; color: #fffc00; padding: 17px 0 0 0; }
#tour .header .inner .top li p strong { font-size: 13px; color: #FFFFFF; display: block; }
#tour .header .inner .seek { position:absolute; left: 73px; top: 872px; }
#tour .header .inner .seek li { padding: 0 16px 43px 0; float: left; }

/* CONSOLE
----------------------------------------------------------------------------- */
.console { }
.console .inner { width: 984px; margin: 0 auto; position: relative; }
.console .inner .subtitle { position: relative; }
.console .inner .subtitle h3 { font-size: 28px; line-height: 28px; color: #fffc00; position: absolute; top: 17px; left: 22px; }
.console .inner .subtitle ul { position: absolute; top: 14px; left: 582px; }
.console .inner .subtitle ul li { float: left; padding: 0 10px 0 0; }
.console .inner .subtitle ul li strong { color: #fffc00 ;}
.console .inner .subtitle ul li .star img { float: left; }
.console .inner .subtitle ul li p { padding: 10px 0 0 0; }
.console .inner .images ul { padding: 0 0 0 8px; }
.console .inner .images ul li { float: left; padding: 7px 7px 0 0; position: relative; }
.console .inner .images ul li img { border: 1px solid #ec00ff; }
.console .inner .images ul li .p1 { position: absolute; left: 12px; top: 18px; width: 210px; }
.console .inner .images ul li .p1 h3 { color: #fffc00; font-size: 16px; line-height: 16px; }
.console .inner .images ul li .p1 p { display: block; padding: 10px 0; line-height: 20px; }
.console .inner .images ul li .p1 p span { color: #fffc00; font-weight: bold; }
.console .inner .images ul li .p1 a { font-size: 15px; color: #fffc00; text-decoration: underline; font-weight: bold; }

/* FAQ
----------------------------------------------------------------------------- */
.faq { background: #000000 url(images/tour_faq-bg1.jpg) no-repeat center top; height: 595px; }
.faq .inner { width: 984px; margin: 0 auto; position: relative; }
.faq .inner .p1 { left: 60px; top: 257px; position: absolute; }
.faq .inner .p1 ul li { font-size: 20px; line-height: 20px; padding: 0 0 8px 0; }
.faq .inner .p1 ul li p { color: #fff600; padding: 7px 0; }
.faq .inner .bt { left: 560px; top: 227px; position: absolute; }
.faq .inner dl { position: absolute; top: 257px; left: 520px; width: 452px; overflow-x: none; overflow-y: scroll; height: 230px; }
.faq .inner dd { padding: 0 0 10px 0; }
.faq .inner dd h3 { color: #ffff64; font-size: 13px; padding: 0 0 5px 0; }
.faq .inner .bt1 { top: 439px; left: 23px; position: absolute; }

/* TOP5
----------------------------------------------------------------------------- */
.top5 { background: url(images/home_top5-bg.jpg) no-repeat top center; }
.top5 .inner { width: 984px; margin: 0 auto; position: relative; }
.top5 .inner ul { position: absolute; left: 546px; top: 205px; width: 380px; }
.top5 .inner ul li { font-size: 17px; line-height: 17px; padding: 0 0 18px 0; }
.top5 .inner ul li p { color: #fffc00; }
.top5 .inner .bt { position: absolute; left: 501px; top: 396px; }

/* FOOTER
----------------------------------------------------------------------------- */
#tour .footer { background: url(images/tour_footer-bg.jpg) no-repeat center top; }
#home .footer { background: url(images/home_footer-bg.jpg) no-repeat center top; }
#tour .footer .box1,
#home .footer .box1 { width: 984px; margin: 0 auto; position: relative; }
#tour .footer .box1 .form1,
#home .footer .box1 .form1 { position: absolute; left: 245px; top: 140px; }
#tour .footer .box2,
#home .footer .box2 { width: 984px; margin: 0 auto; position: relative; }
#tour .footer .box2 .bt1,
#home .footer .box2 .bt1 { position: absolute; left: 93px; top: 493px; }
#tour .footer .box2 .bt2,
#home .footer .box2 .bt2 { position: absolute; left: 494px; top: 493px; }

/* -------------------------------------------------------------------------- */
/* JOIN
/* -------------------------------------------------------------------------- */

.join { background: url(images/join_bg1.jpg) no-repeat center top; height: 1350px; }
.join .inner { width: 984px; margin: 0 auto; position: relative; }
.join .inner img { float: left; }
.join .inner .access { left: 552px; top: 470px; position: absolute; font-size: 20px; line-height: 20px; color: #FFF; font-weight: bold; }
.join .inner .access li { padding: 0 0 18px 0; }
.join .inner .access p { color: #fff600; }
.join .inner .form1 { position: absolute; top: 783px; left: 502px; }

/* UNIVERSALFORM
----------------------------------------------------------------------------- */
#universalform { width: 480px; text-align: center; }
#universalform img { float: none; }
#universalform .p1 { font-size: 27px; line-height: 27px; }
#universalform .p2 { font-size: 27px; font-weight: bold; line-height: 27px; padding: 0 0 25px 0; }
#universalform .email { font-size: 27px; background: #FE00F6; padding: 10px 15px; line-height: 27px; }
#universalform .email label,
#universalform .email input { display: inline; }
#universalform .email input { border: 0px; font-size: 27px; width: 250px; }
#universalform .p3 { font-size: 14px; }
#universalform .p4 { font-size: 14px; padding: 0 0 25px 0; }
#universalform .p4 label,
#universalform .p4 input { display: inline; }
#universalform .p5 li { display: inline; padding: 0 10px; }
#universalform .p6 li { display: block; padding: 10px 0 0 0; }
#universalform .p6 li img { display: inline; }
#universalform .p7{ padding: 15px 0 0 0; }
#universalform .p7 a { font-size: 16px; color: #FFF; line-height: 18px; text-decoration: underline; font-weight: bold; }