/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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;}
img { display: block; }
.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;}

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

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

/* FREE LIFE TIME
----------------------------------------------------------------------------- */
.freelifetime { background: url(images/freelifetime-bg.jpg) repeat-x; }
.freelifetime .inner { margin: 0 auto; width: 984px; }

/* HEADER
----------------------------------------------------------------------------- */
#home .header { background: url(images/home_bg1.jpg) no-repeat top center; }
#tour .header { background: url(images/tour_bg1.jpg) no-repeat top center; }
.header .inner { margin: 0 auto; width: 984px; position: relative; }
.header .inner li { float: left; }
#home .header .inner .flash { position: absolute; left: 3px; top: 216px; }
#home .header .inner .p1 { position: absolute; left: 39px; top: 665px; width: 200px; }
#tour .header .inner .p1 { position: absolute; left: 61px; top: 487px; width: 345px; }
#home .header .inner .top { position: absolute; top: 573px; left: 448px; }
#tour .header .inner .top { position: absolute; top: 413px; left: 464px; }
.header .inner .top img { border: 1px solid #a80505; margin: 0 0 5px 0; }
.header .inner .top li { width: 122px; padding: 0 5px 0 0; }
.header .inner .top p { text-align: center; background: #326dd4; display: block; padding: 5px 0; font-weight: bold; color:#FFFFFF; }
.header .inner .top p small { display: block; font-size: 10px; color: #00fff5; font-weight: normal; }

/* CONTENT
----------------------------------------------------------------------------- */
#home .console_bg1 { background: url(images/home_bg2.jpg) no-repeat top center; }
#home .console_bg2 { background: url(images/home_bg4.jpg) no-repeat top center; }
#tour .console_bg1 { background: url(images/tour_bg2.jpg) no-repeat top center; }
#tour .console_bg2 { background: url(images/tour_bg4.jpg) no-repeat top center; }
.console {}
.console .inner { margin: 0 auto; width: 984px; position: relative; }
.console .inner .title { height: 59px; width: 984px; position: relative; }
.console .inner .title h2 { position: absolute; top: 8px; left: 15px; font-size: 30px; line-height: 40px; color: #FFFFFF; }
.console .inner .title .rate { position: absolute; left: 612px; top: 15px; }
.console .inner .title .rate p { font-size: 16px; color: #FFF; font-weight: bold; float: left; padding: 9px 5px 0 0; }
.console .inner .title .rate ul { float: left; padding: 5px 0 0 0; }
.console .inner .title .rate ul li { float: left; padding: 0 2px 0 0; }
.console .inner .title .rate span { float: left; font-size: 15px; padding: 3px 0 0 5px; color:#FFF; }
.console .inner .title .rate span strong { font-size: 26px; line-height: 26px; }
.console .inner .images1 { padding: 5px 0 0 26px; }
.console .inner .images1 ul li { float: left; padding: 0 5px 4px 0; }
.console .inner .images1 ul li img { border: 2px solid #FFFFFF; }
.console .inner .images2 {}
.console .inner .images2 .col1 { float: left; width: 436px; padding: 0 0 0 26px; }
.console .inner .images2 .col1 .flash { border: 2px solid #FFFFFF; }
.console .inner .images2 .col1 .images2 li { padding: 0 0 3px 0; }
.console .inner .images2 .col1 .images2 img { border: 2px solid #FFFFFF; }
.console .inner .images2 .col1 .p1 { padding: 20px 20px 0 20px; height: 175px; !height: 165px; font-size: 12px; line-height: 20px; }
.console .inner .images2 .col1 .p1 h2 { font-size: 22px; color: #ff6c00; text-transform: uppercase; font-weight: bold; padding: 0 0 20px 0; line-height: 22px; }
.console .inner .images2 .col1 .bt { padding: 0 0 0 18px; }
.console .inner .images2 .col2 { float: left; width: 515px; position: relative; }
.console .inner .images2 .col2 .logo { position: absolute; top: 220px; left: 175px; }
.console .inner .images2 .col2 ul li { float: left; padding: 0 0 4px 5px; }
.console .inner .images2 .col2 ul li img { border: 2px solid #FFFFFF; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { height: 94px; background: #FF4E00; }
.footer .inner { margin: 0 auto; width: 984px; position: relative; }
.footer .inner ul li { float: left; }

/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */

#home .box2 { background: url(images/home_bg3.jpg) no-repeat top center; }
#home .box2 .inner { margin: 0 auto; width: 984px; position: relative; }
#home .box2 .inner .flash { position: absolute; left: 559px; top: 20px; border: 2px solid #FFFFFF; }
#home .box2 .inner .p3,
#home .box2 .inner .p2,
#home .box2 .inner .p1 { position: absolute; top: 773px; color: #0a2f5b; font-size: 14px; font-weight: bold; width: 265px; }
#home .box2 .inner .p1 { left: 35px; }
#home .box2 .inner .p2 { left: 332px; }
#home .box2 .inner .p3 { left: 640px; }
#home .box2 .inner .bullshit { left: 34px; top: 1126px; position: absolute; font-style: italic; font-size: 17px; line-height: 19px; font-weight: bold; width: 455px; }
#home .box2 .inner .bullshit span { background: #326dd4; color: #FFF; }
#home .box2 .inner .bullshit strong { color: #ca4b15; }
#home .box2 .inner .double { left: 512px; top: 953px; position: absolute; width: 275px; }
#home .box2 .inner .double em { font-weight: bold; font-style: italic; font-size: 17px; line-height: 17px; }
#home .box2 .inner .double span { background: #326dd4; color: #FFF; font-size: 17px; line-height: 17px; font-weight: bold; }
#home .box3 { background: url(images/home_bg5.jpg) no-repeat top center; }
#home .box3 .inner { margin: 0 auto; width: 984px; position: relative; }
#home .box3 .inner .top5 { font-size: 19px; line-height: 19px; color: #002654; font-weight: bold; position: absolute; top: 115px; left: 499px; }
#home .box3 .inner .top5 li p { color: #ff7800; }
#home .box3 .inner .top5 li { padding: 0 0 20px 0; }
#home .box3 .inner .form { height: 455px; color: #FFFFFF; }
#home .box3 .inner .form .form1 { position: absolute; left: 190px; top: 550px; }
#home .box3 .inner .form .form2 { position: absolute; left: 510px; top: 550px; }
#home .box3 .inner .form .form3 { position: absolute; left: 190px; top: 657px; }
#home .box3 .inner .form .forms1 { border: 0px; padding: 3px; font-size: 13px; width: 180px; }
#home .box3 .inner .form .forms2 { border: 0px; padding: 3px; font-size: 13px; width: 500px; }

#home .box3 .inner .form .forms3 { border: 0px; font-size: 13px; width: 186px; height: 23px; }

#home .box3 .inner .form .form1 ul label,
#home .box3 .inner .form .form2 ul label,
#home .box3 .inner .form .form3 ul label { width: 85px; float: left; height: 25px; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: 12px; }
#home .box3 .inner .form .form1 ul p,
#home .box3 .inner .form .form2 ul p,
#home .box3 .inner .form .form3 ul p { height: 25px; display: block; float: left; width: 190px; }
#home .box3 .inner .form .form1 ul li,
#home .box3 .inner .form .form2 ul li,
#home .box3 .inner .form .form3 ul li { height: 36px; !height: 33px; }
#home .box3 .inner .form .form3 dl dt label { width: 85px; float: left; height: 25px; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: 12px; }

#home .box3 .inner .form .form3 dl dt .p { height: 45px; display: block; float: left; width: 190px; }
#home .box3 .inner .form .form3 dl dt .p p { display: block; padding: 0 0 5px 0; }

#home .box3 .inner .form .form3 dl dt { height: 40px; !height: 48px; }
#home .box3 .inner .form .form3 dl dd label { width: 85px; float: left; height: 25px; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: 12px; }
#home .box3 .inner .form .form3 dl dd p { height: 25px; display: block; float: left; width: 190px; }
#home .box3 .inner .form .form3 dl dd { height: 40px; }
#home .box3 .inner .form .form3 .p1 { padding: 25px 0 0 100px; !padding: 15px 0 0 100px; font-size: 11px; }
#home .box3 .inner .form .bt { position: absolute; left: 247px; top: 835px; }

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

#join .content { background: url(images/join_bg1.jpg) no-repeat top center; }
#join .content .inner { margin: 0 auto; width: 984px; position: relative; }
#join .content .inner .menu { position: absolute; top: 284px; left: 0px; }
#join .content .inner .menu li { float: left; }
#join .content .inner .flash { border: 2px solid #FFF; top: 401px; left: 32px; position: absolute; }
#join .content .inner .top5 { font-size: 19px; line-height: 12px; color: #002654; font-weight: bold; position: absolute; top: 680px; left: 20px; }
#join .content .inner .top5 li p { color: #ff7800; }
#join .content .inner .top5 li { padding: 0 0 23px 0; }

#join .form { position: absolute; left: 550px; top: 540px; color: #FFF; width: 380px; }
#join .form .forms1 { border: 0px; padding: 3px; font-size: 13px; width: 180px; }
#join .form .forms2 { border: 0px; padding: 3px; font-size: 13px; width: 250px; }

#join .form .forms3 { border: 0px; font-size: 13px; width: 256px; height: 23px; }

#join .form ul label { width: 85px; float: left; height: 25px; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: 12px; }
#join .form ul p { height: 25px; display: block; float: left; width: 190px; }
#join .form ul li { height: 50px; !height: 47px; }
#join .form dl dt label { width: 85px; float: left; height: 25px; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: 12px; }
#join .form dl dt p { height: 25px; display: block; float: left; width: 190px; }

#join .form dl dt .p { height: 45px; display: block; float: left; width: 190px; }
#join .form dl dt .p p { display: block; padding: 0 0 5px 0; }

#join .form dl dt { height: 50px; !height: 58px; }
#join .form dl dd label { width: 85px; float: left; height: 25px; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: 12px; }
#join .form dl dd p { height: 25px; display: block; float: left; width: 190px; }
#join .form dl dd { height: 40px; }
#join .form .p1 { padding: 15px 0 0 45px; !padding: 15px 0 0 45px; font-size: 11px; }
#join .form .p1 input { float: left; }
#join .form .p1 p { float: left; width: 300px; padding: 0 0 0 10px; }
#join .bt { position: absolute; left: 537px; top: 1063px; }

#join .double { left: 15px; top: 1009px; position: absolute; width: 310px; line-height: 13px; }
#join .double em { font-weight: bold; font-style: italic; font-size: 17px; line-height: 17px; }
#join .double span { background: #326dd4; color: #FFF; font-size: 17px; line-height: 17px; font-weight: bold; }

/* -------------------------------------------------------------------------- */
/* TOUR
/* -------------------------------------------------------------------------- */

#tour .box2 { background: url(images/tour_bg3.jpg) no-repeat top center; }
#tour .box2 .inner { margin: 0 auto; width: 984px; position: relative; }
#tour .box2 .inner .flash { position: absolute; left: 559px; top: 20px; border: 2px solid #FFFFFF; }
#tour .box2 .inner .p3,
#tour .box2 .inner .p2,
#tour .box2 .inner .p1 { position: absolute; top: 773px; color: #0a2f5b; font-size: 14px; font-weight: bold; width: 265px; }
#tour .box2 .inner .p1 { left: 35px; }
#tour .box2 .inner .p2 { left: 332px; }
#tour .box2 .inner .p3 { left: 640px; }
#tour .box2 .inner .bullshit { left: 34px; top: 1126px; position: absolute; font-style: italic; font-size: 17px; line-height: 19px; font-weight: bold; width: 455px; }
#tour .box2 .inner .bullshit span { background: #326dd4; color: #FFF; }
#tour .box2 .inner .bullshit strong { color: #ca4b15; }
#tour .box2 .inner .double { left: 512px; top: 953px; position: absolute; width: 275px; }
#tour .box2 .inner .double em { font-weight: bold; font-style: italic; font-size: 17px; line-height: 17px; }
#tour .box2 .inner .double span { background: #326dd4; color: #FFF; font-size: 17px; line-height: 17px; font-weight: bold; }

#tour .box3 { background: url(images/tour_bg5.jpg) no-repeat top center; }
#tour .box3 .inner { margin: 0 auto; width: 984px; position: relative; }
#tour .box3 .inner .top5 { font-size: 17px; line-height: 17px; color: #002654; font-weight: bold; position: absolute; top: 118px; left: 499px; }
#tour .box3 .inner .top5 li p { color: #ff7800; }
#tour .box3 .inner .top5 li { padding: 0 0 21px 0; }
#tour .box3 .inner .faq { position: absolute; top: 109px; left: 43px; overflow-x: none; overflow-y: scroll; height: 205px; width: 390px; }
#tour .box3 .inner .faq li { display: block; padding: 0 0 10px 0; }
#tour .box3 .inner .faq li strong { display: block; }
#tour .box3 .inner .form { height: 478px; color: #FFFFFF; }
#tour .box3 .inner .form .form1 { position: absolute; left: 190px; top: 474px; }
#tour .box3 .inner .form .form2 { position: absolute; left: 510px; top: 474px; }
#tour .box3 .inner .form .form3 { position: absolute; left: 190px; top: 582px; }
#tour .box3 .inner .form .forms1 { border: 0px; padding: 3px; font-size: 13px; width: 180px; }
#tour .box3 .inner .form .forms2 { border: 0px; padding: 3px; font-size: 13px; width: 500px; }

#tour .box3 .inner .form .forms3 { border: 0px; font-size: 13px; width: 186px; height: 23px; }

#tour .box3 .inner .form .form1 ul label,
#tour .box3 .inner .form .form2 ul label,
#tour .box3 .inner .form .form3 ul label { width: 85px; float: left; height: 25px; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: 12px; }
#tour .box3 .inner .form .form1 ul p,
#tour .box3 .inner .form .form2 ul p,
#tour .box3 .inner .form .form3 ul p { height: 25px; display: block; float: left; width: 190px; }
#tour .box3 .inner .form .form1 ul li,
#tour .box3 .inner .form .form2 ul li,
#tour .box3 .inner .form .form3 ul li { height: 36px; !height: 33px; }
#tour .box3 .inner .form .form3 dl dt label { width: 85px; float: left; height: 25px; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: 12px; }

#tour .box3 .inner .form .form3 dl dt .p { height: 45px; display: block; float: left; width: 190px; }
#tour .box3 .inner .form .form3 dl dt .p p { display: block; padding: 0 0 5px 0; }

#tour .box3 .inner .form .form3 dl dt { height: 40px; !height: 48px; }
#tour .box3 .inner .form .form3 dl dd label { width: 85px; float: left; height: 25px; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: 12px; }
#tour .box3 .inner .form .form3 dl dd p { height: 25px; display: block; float: left; width: 190px; }
#tour .box3 .inner .form .form3 dl dd { height: 40px; }
#tour .box3 .inner .form .form3 .p1 { padding: 25px 0 0 100px; !padding: 15px 0 0 100px; font-size: 11px; }
#tour .box3 .inner .form .bt { position: absolute; left: 247px; top: 749px; }