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

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

* {margin:0; padding:0;}
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;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}

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

body { margin:0; background: #FCEDE6 url(images/bg.gif) repeat-x; font-family: "Trebuchet MS", Arial; font-size:14px; line-height:1.3em; color: #FFFFFF; }
.main { position:relative; margin:0 auto; width:980px; }

/* HEADER
----------------------------------------------------------------------------- */
.header { position: relative; height: 580px; }
.header img { float: left; }
.header .flash { position: absolute; top: 288px; left: 671px; }
.header_tour a img,
.header a img { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
.header_tour a:hover img,
.header a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.header_join { position: relative; width:980px; }
.header_tour { position: relative;}

/* CONTENT
----------------------------------------------------------------------------- */
.content_join { position: relative; width: 980px; overflow: hidden; background: #FFFFFF; }
.content { height: 1710px; position: relative; width: 980px; overflow: hidden; background: #FFFFFF; }
.content .video { position: absolute; top: 43px; left: 589px; }
.content .p1 { position: absolute; width: 500px; color: #FFFFFF; top: 92px; left: 16px;font-size: 18px;}
.content .p1 img { padding: 8px 0 0 0; }
.content .p1 p { padding: 0 0 0 3px; }
.content .p2 { position: absolute; top:550px; left: 568px; width:320px; }
.content .p2 span { font-size: 23px; color: #F4DED3; display: block; padding: 0 0 15px 0; font-weight: bold; line-height:1.0em; }
.content .p2 p {font-size: 18px;}
.content .p3 { position: absolute; top: 732px; left: 590px; width: 368px; color: #2F1B18; }
.content .p3 span { font-size: 23px; display: block; padding: 0 0 10px 0; font-weight: bold; line-height:1.0em; }
.content .p3 p {font-size: 18px;}
.content .images ul, .content_join .images ul {width:990px; } {width:990px; }
.content_join .images,
.content .images { width: 980px; background: #FCEDE6; padding: 6px 0 0 0; height: 185px; }
.content_join .images li,
.content .images li { float: left; margin: 0 6px 0 0; }
.content_join .images img,
.content .images img { border: #FFFFFF 6px solid; }
.content .banner { text-align: center; text-transform:uppercase; padding: 17px 0 0 0; }
.content .banner h3 { font-size: 42px; color: #E3C5B6; line-height: 48px; }
.content .banner a { color: #71554B; font-size: 23px; line-height: 18px; text-decoration: underline; font-weight: bold; }
.content_join .form { position: absolute; left: 526px; top: 210px; color:#000000; font-size: 14px; }
.content_join .form label { float: left; width: 150px; padding: 0 10px 0 0; text-align: left; font-weight: bold; }
.content_join .form h4 { font-size: 20px; text-align: left; display: block; font-weight: normal; padding: 0 0 10px 137px; }
.content_join .form .p1 { padding: 8px 0; }
.content_join .form .p2 { padding: 4px 0 4px 11px; text-align: center; }
.content_join .form .p3 { padding: 4px 0 4px 11px; text-align: center; }
.content_join .form .p3 strong { display: block; font-size: 13px; }
.content_join .form .p3 input { border: 1px solid #452924; padding: 1px 8px; font-weight: bold; background:#FFFFFF; font-size: 12px;}
.content_join .form .p4 { text-align: center; padding: 5px 0; text-align: center; }
.content_join .form #form_1,
.content_join .form #form_2,
.content_join .form #form_3,
.content_join .form #form_4,
.content_join .form #form_5,
.content_join .form #form_6,
.content_join .form #form_7 { border: 1px solid #452924; width: 165px; padding: 2px; }
.content_join .form #form_6,
.content_join .form #form_7 { width: 239px; }
.content_tour { background: #FFFFFF; width: 980px; overflow: hidden; }

.content_tour .console1 { position: relative;}
.content_tour .console1 .title { position: absolute; top: 30px; left: 440px; font-weight: bold; font-size: 35px; line-height:normal; }
.content_tour .console1 .p { position: absolute; top: 96px; left: 440px; line-height: 22px; width: 526px; text-align: justify; font-size:16px;}
.content_tour .console1 .type1,
.content_tour .console1 .type2 { font-size: 23px; font-weight: bold; position: absolute; top: 282px; }
.content_tour .console1 .type1 { left: 563px; font-size: 20px; }
.content_tour .console1 .type2 { left: 835px; font-size: 20px; }
.content_tour .console1 .mini { position: absolute; top: 362px; left: 430px; }
.content_tour .console1 .mini li { float: left; margin: 0 16px 0 0; }
.content_tour .console1 .mini img { border: #FFFFFF 3px solid; }
.content_tour .console1 .v { position: absolute; top: 479px; left: 12px; }
.content_tour .console1 .g { position: absolute; top: 479px; left: 422px; }
.content_tour .console1 .poster { position: absolute; top: 18px; left: 20px; border:8px solid #fff; }

.content_tour .console2 { position: relative; margin: 25px 0;}
.content_tour .console2 .title { position: absolute; top: 30px; left: 27px; font-weight: bold; font-size: 35px; line-height:normal; }
.content_tour .console2 .p { position: absolute; top: 96px; left: 27px; line-height: 22px; width: 526px; text-align: justify; font-size:16px;}
.content_tour .console2 .type1,
.content_tour .console2 .type2 { font-size: 23px; font-weight: bold; position: absolute; top: 282px; }
.content_tour .console2 .type1 { left: 180px; font-size: 20px; }
.content_tour .console2 .type2 { left: 444px; font-size: 20px; }
.content_tour .console2 .mini { position: absolute; top: 362px; left: 22px; }
.content_tour .console2 .mini li { float: left; margin: 0 16px 0 0; }
.content_tour .console2 .mini img { border: #FFFFFF 3px solid; }
.content_tour .console2 .v { position: absolute; top: 479px; left: 12px; }
.content_tour .console2 .g { position: absolute; top: 479px; left: 422px; }
.content_tour .console2 .poster { position: absolute; top: 18px; left: 572px; border:8px solid #fff; }

.content_tour .image { background: url(images/tour_image-bg.jpg); position: relative; margin: 25px 0 15px 0; width: 980px; overflow: hidden; }
.content_tour .image .title { position: absolute; top: 34px; left: 75px; font-weight: bold; font-size: 41px; line-height: 41px; }
.content_tour .image ul { padding: 40px 0 0 56px; }
.content_tour .image li { float: left; padding: 0 55px 40px 0; text-align: center; font-size: 23px; width: 175px; }
.content_tour .image li img { border: #FFFFFF 6px solid; display:block; margin-bottom:10px; }
.content_tour .image .bt { padding: 0 0 15px 18px; }
.content_tour .image .bt a { float: left; margin: 0 5px 0 0; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { position: relative; height: 85px; }
.footer a { position: absolute; top: 34px; }
.footer a img { filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; }
.footer a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.footer .bt1 { left: 376px; }
.footer .bt2 { left: 586px; top: 28px; }
.footer .bt3 { left: 790px; }