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

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

.header ul { position: absolute; top: 399px; left: 37px; height: 47px; }
.header ul .hover img,
.header ul a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
.header li { float: left; }

.left { float: left; width: 310px; padding: 0 0 0 11px; }
.right { float: right; width: 618px; padding: 0 11px 0 0; }

.box2 img { display: block; }
.box2 { position: relative; width: 310px; height: 316px; padding: 0 0 10px 0; }
.box2 .p1 { position: absolute; top: 105px; left: 17px; padding: 0 17px 0 0; font-size: 13px; line-height: 1.4em; }
.box2 .p1 strong { color: #FF0BD9; }
.box2 .p2 { position: absolute; top: 259px; left: 17px; padding: 0 17px 0 0; font-weight: bold; font-size: 14px; }
.box2 .p2 strong { color: #FF0BD9; }

.box3 { width: 618px; height: 316px; padding: 0 0 10px 0; }

.box4 { position: relative; }
.box4 p { top: 80px; left: 13px; position: absolute; }
.box4 p strong { color: #FF0BD9; }
.box4 li img { border: #FFFFFF 1px solid; display: block; }
.box4 ul { position: absolute; top: 156px; left: 17px; }
.box4 li { height: 255px; }
.box4 li .p { background: #3C3A3C; padding: 9px 0 9px 11px; margin: 5px 0 0 0; }
.box4 li .p a { color: #FF0BD9; text-decoration: underline; }
.box4 li .p strong { color: #FF0BD9; }

.box5 img { display: block; }
.box5 { height: 227px; width: 618px; }
.box5 li { float: left; position: relative; }
.box5 li p { position: absolute; left: 13px; top: 36px; }

.box6 img { float: left; }
.box6 { height: 382px; width: 618px; position: relative; padding: 0 0 9px 0; }
.box6 a { position: absolute; bottom: 15px; right:0px;}

.box7 { height: 304px; width: 618px; position: relative; }
.box7 p { position: absolute; top: 68px; left: 15px; padding: 0 15px 0 0; }
.box7 p strong { color: #FF0BD9; }

.box8 { margin: 0 auto; width: 943px; padding: 10px 0 0 0; position: relative; }
.box8 h3{ position:absolute; top:20px; left:20px; z-index:1500; color:#fff; font-size:28px; line-height:1.2em;}
.box8 .clickh { position: absolute; top: 765px; left: 77px; }
.box8 .console { padding: 0 8px; background: url(images/home_box_8-bg.jpg); }
.box8 .console .col1 { float: left; width: 633px; overflow: hidden; height: 671px; }
.box8 .console .col1 ul { width: 650px; }
.box8 .console .col1 li { float: left; padding: 0 6px 6px 0; }
.box8 .console .col1 li img { display: block; }
.box8 .console .col2 { float: right; width: 289px; }
.box8 .console .col2 img { display: block; }
.box8 .console .col2 .text { padding: 5px 0 0 0; position: relative; width: 280px; }
.box8 .console .col2 .text .p { position: absolute; top: 15px; left: 15px; line-height: 1.6em; }
.box8 .console .col2 .text .p h2 { display: block; font-size: 14px; padding: 0 0 10px 0; }


.box9 ul { position: absolute; top: 404px; left: 37px; height: 49px; }