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

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

.header { width: 976px; margin: 0 auto; height: 479px; }
.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: #7D2265; }

.box2 img { display: block; }
.box2 { position: relative; width: 976px; color: #000; }
.box2 ul { position: absolute; top: 127px; left: 665px;}
.box2 li { float:left; margin:0 4px 0 0; width:65px; height:60px; border:1px solid #97623E;}
.box2 h2 { position: absolute; top: 80px; left: 665px; width: 290px; font-size: 15px; line-height: 15px; color:#5A0052;}
.box2 .text { position: absolute; left: 665px; top: 200px; width: 290px; font-size: 13px;  }
.box2 .text h2 { display: block; padding: 0 0 10px 0; }
.box2 .text .yellow { background:#09E9CE; }
.box2 .flash { position: absolute; top: 78px; left: 42px;}
.box2 a.bt { position: absolute; top: 297px; left: 652px; }

.box3 { position:relative; height: 290px; width: 976px; }
.box3 a{ position: absolute; top: 189px; left: 756px; }

.box4 { height: 218px;  color:#000;}
.box4 img,
.box4 li { float: left; }
.box4 .col1 { width: 328px; position: relative; }
.box4 .col1 .lin1 { top: 60px; left: 46px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col1 .lin2 { top: 92px; left: 95px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col1 .lin3 { top: 141px; left: 207px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col2 { width: 324px; position: relative; }
.box4 .col2 .lin1 { top: 60px; left: 36px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col2 .lin2 { top: 92px; left: 123px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col3 { width: 324px; position: relative; }
.box4 .col3 .lin1 { top: 60px; left: 36px; position: absolute; display: block; padding: 0 20px 0 0; }
.box4 .col3 .lin2 { top: 92px; left: 130px; position: absolute; display: block; padding: 0 20px 0 0; }

.box5 { }
.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; color:#000; }
.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: #FFB182; 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; }

.box6 img { display: block; }
.box6 { position: relative; height: 398px; width: 976px; color:#0C376C;}
.box6 p { position: absolute; left: 29px; top: 85px; padding: 0 20px 0 0; }
.box6 ul { top: 131px; left: 28px; position: absolute; }
.box6 li { float: left; padding: 0 13px 0 0; position: relative;width:298px; }
.box6 li img{ display:block; width:298px; height:176px;}
.box6 li span { text-align: center; display: block; font-size: 14px; padding: 45px 0 0 0; font-weight: bold; width: 303px; color: #B822A0; }
.box6 li span a { color: #B822A0; text-decoration: underline; }

.box7 img { float:block; }
.box7 {width: 980px; position: relative; }
.box7 .flash { left: 340px; top: 31px; position: absolute; }
.box7 .bt1 { left: 741px; top: 260px; position: absolute; }
.box7 .bt2 { left: 741px; top: 308px; position: absolute; }
.box7 ul { position: absolute; top: 388px; left: 268px; }
.box7 ul .hover img,
.box7 ul a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
.box7 li { float: left; }