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

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

.header { width: 976px; margin: 0 auto; height: 521px; }
.header img { float: left; }
.header ul { position: absolute; top: 41px; left: 281px; }
.header ul .hover img,
.header ul a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
.header li { float: left; }
.header .flash1 { position: absolute; top: 154px; left: 39px; }
.header .flash2 { position: absolute; left: 689px; top: 154px; }

.content { width: 976px; margin: 0 auto; position: relative; background: #7E1E09; }

.box2 img { display: block; }
.box2 { position: relative; width: 976px; background:url(images/home_box_2-bg.jpg) repeat-y; }
.box2 .p { height: 308px; }
.box2 .p .text { position: absolute; left: 659px; top: 90px; color: #FFFFFF; width: 300px; font-size: 13px;  }
.box2 .p .text h2 { display: block; font-size: 15px; line-height: 15px; padding: 0 0 10px 0; }
.box2 .p .text .yellow { color: #FCFF00; }
.box2 .p .flash { padding: 0 0 0 30px; }
.box2 .p a { position: absolute; top: 307px; left: 652px; }

.box3 img { float: left; }
.box3 { height: 299px; width: 976px; }

.box4 { height: 218px; }
.box4 img,
.box4 li { float: left; }
.box4 .col1 { width: 328px; position: relative; }
.box4 .col1 .lin1 { top: 50px; left: 36px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col1 .lin2 { top: 82px; left: 85px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col1 .lin3 { top: 131px; left: 197px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col2 { width: 324px; position: relative; }
.box4 .col2 .lin1 { top: 50px; left: 36px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col2 .lin2 { top: 82px; left: 123px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col3 { width: 324px; position: relative; }
.box4 .col3 .lin1 { top: 50px; left: 36px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col3 .lin2 { top: 82px; left: 130px; position: absolute; display: block; padding: 0 20px 0 0; }

.box5 { background: url(images/home_box_5-bg.jpg) repeat-y; }
.box5 img { display: block; }
.box5 .title { position: relative; height: 133px; width: 976px; }
.box5 .title h2 { position: absolute; font-size: 28px; line-height: 28px; top: 93px; left: 33px; }
.box5 .title img { float: left; }
.box5 .console { width: 936px; margin: 0 auto; }
.box5 .console .col1 { width: 652px; overflow: hidden; float: left; }
.box5 .console .col1 ul { width: 730px; }
.box5 .console .col1 li { float: left; padding: 0 5px 5px 0; }
.box5 .console .col2 { width: 279px; float: right; font-size: 13px; }
.box5 .console .col2 .p { background: #DE790D url(images/home_box_5-text.jpg) repeat-x; margin: 5px 0 0 0; padding: 14px; overflow: hidden; height: 260px; }
.box5 .console .col2 .p h2 { display: block; font-size: 14px; padding: 0 0 10px 0; }
.box5 .clickh { text-align: center; width: 936px; margin: 0 auto; padding: 0 0 17px 0; }

.box6 img { display: block; }
.box6 { position: relative; height: 433px; width: 976px; }
.box6 p { position: absolute; left: 29px; top: 78px; padding: 0 20px 0 0; }
.box6 ul { top: 127px; left: 17px; position: absolute; }
.box6 li { float: left; padding: 0 14px 0 0; position: relative;width: 303px; }
.box6 li span { text-align: center; display: block; font-size: 14px; padding: 55px 0 0 0; font-weight: bold; width: 303px; }
.box6 li span a { color: #FCFF00; text-decoration: underline; }

.box7 img { float: left; }
.box7 { height: 449px; position: relative; }
.box7 ul { position: absolute; top: 304px; left: 289px; }
.box7 ul .hover img,
.box7 ul a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
.box7 li { float: left; }