/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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: #000; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color: #FFF; }

.barfla { background: url(images/barfla_bg1.jpg) repeat-x; height: 78px; }
.barfla .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }

.header .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }

.menu ul { position: absolute; top: 0px; left: 0px; }
.menu ul li { float: left; }
.menu ul li .hover img,
.menu ul li a:hover img { opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; }

.box1 { background: url(images/box1-bg1.jpg) no-repeat top center; }
.box1 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden;  }
.box1 .inner .flash { top: 17px; left: 511px; position: absolute; }

.console { background: url(images/console-bg1.jpg) no-repeat top center; }
.console .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.console .inner .title { position: absolute; width: 936px; line-height: 16px; left: 10px; top: 74px; font-size: 13px;  }
.console .inner .title h2 { font-size: 17px; line-height: 17px; letter-spacing: -0.08em; color: #FFF; font-weight: bold; position: absolute; top: 33px; left: 15px; text-transform: uppercase; }
.console .inner .title div.p0 { color: #24f001; position: absolute; top: 33px; left: 368px; font-weight: bold; }
.console .inner .title div.p0 strong { color: #FFF; }
.console .inner .title div.p1 { color: #24f001; position: absolute; top: 33px; left: 472px; font-weight: bold; }
.console .inner .title div.p1 strong { color: #FFF; }
.console .inner .title div.p2 { color: #24f001; position: absolute; top: 33px; left: 567px; font-weight: bold; }
.console .inner .title div.p2 strong { color: #FFF; }
.console .inner .title div.p3 { color: #FFF; position: absolute; top: 18px; left: 670px; }
.console .inner .title div.p3 p { display: block; padding: 2px 5px 0 0; }
.console .inner .title div.p3 span { font-size: 13px; padding: 14px 0 0 5px; }
.console .inner .title div.p3 span,
.console .inner .title div.p3 p,
.console .inner .title div.p3 ul,
.console .inner .title div.p3 ul li { float: left; }
.console .inner .title div.p3 ul { padding: 15px 0 0 0; }
.console .inner .list1 { position: absolute; top: 134px; left: 10px; width: 970px; overflow: hidden; }
.console .inner .list1 ul { width: 990px; }
.console .inner .list1 ul li { float: left; padding: 6px 6px 0 0; }
.console .inner .list1 ul li .text { color: #FFF; width: 200px; padding: 10px 0 0 10px; }
.console .inner .list1 ul li .text h2 { font-size: 14px; padding: 0 0 10px 0; }
.console .inner .bt1 { position: absolute; left: 23px; top: 1003px; }
.console .inner .bt2 { position: absolute; left: 507px; top: 1003px; }
.console .inner .bt2 a,
.console .inner .bt1 a { display: block; }
.console .inner .bigbt { position: absolute; left: 0px; top: 0px; }

.box2 { }
.box2 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box2 .inner .p3,
.box2 .inner .p2,
.box2 .inner .p1 { position:absolute; top: 396px; font-weight: bold; width: 260px; color: #FFF; font-size: 14px; }
.box2 .inner .p3 strong,
.box2 .inner .p2 strong,
.box2 .inner .p1 strong { color: #55de1f; }
.box2 .inner .p1 { left: 46px; }
.box2 .inner .p2 { left: 364px; }
.box2 .inner .p3 { left: 684px; }

.box3 { background: url(images/box3-bg1.jpg) no-repeat top center; }
.box3 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box3 .inner .p1 { font-size: 17px; line-height: 25px; position: absolute; font-style: italic; top: 290px; left: 37px; font-weight: bold; width: 425px; color:#FFF; }
.box3 .inner .p1 span { display: block; }
.box3 .inner .p1 strong { color: #55de1f; }
.box3 .inner .p1 span strong { color: #FFF; background: #55de1f; }
.box3 .inner .p2 { position: absolute; top: 135px; left: 507px; width: 270px; color: #FFF; }
.box3 .inner .p2 em { font-size: 17px; line-height: 17px; display: block; padding: 0 0 10px 0; color: #FFF; font-weight: bold; }
.box3 .inner .p2 strong { color: #FFF; background: #55de1f; font-size: 13px; }
.box3 .inner .sample1 { position: absolute; top: 551px; left: 44px; }
.box3 .inner .sample1 img { border: 1px solid #000; }
.box3 .inner .p3 { font-weight: bold; position: absolute; top: 1185px; left: 50px; width: 880px; }
.box3 .inner .col1 { position: absolute; top: 1440px; left: 38px; width: 435px; }
.box3 .inner .col2 { position: absolute; top: 1440px; left: 518px; width: 435px; }
.box3 .inner .col ul { width: 480px;}
.box3 .inner .col ul li { font-size: 10px; width: 137px; line-height: 10px; float: left; padding: 0 12px 17px 0; }
.box3 .inner .col ul li img { border: 1px solid #d73849; }
.box3 .inner .col ul li a img { border: 0; }
.box3 .inner .col ul li small { color: #ff9000; display: block; padding: 5px 0 0 0; }
.box3 .inner .col ul li p { height: 70px; }
.box3 .inner .bigbt { position: absolute; top: 1974px; left: 7px; }

.bg1 { background:url(images/box4-bg1.jpg) no-repeat top center; }
.bg2 { background:url(images/box4-bg2.jpg) no-repeat top center; }
.box4 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box4 .inner ul { position: absolute; top: 140px; left: 78px; }
.box4 .inner ul li.li1 { height: 40px; }
.box4 .inner ul li.li2 { height: 85px; !height: 75px; }
.box4 .inner ul li.li3 { padding: 0 0 0 170px; }
.box4 .inner ul li input { float: left; }
.box4 .inner ul li label { font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; color:#FFF; }
.box4 .inner ul li label.label1 { width: 100px; padding: 0 15px 0 45px; }
.box4 .inner ul li label.label2 { width: 100px; padding: 6px 15px 0 45px; }
.box4 .inner ul li input.input1 { width: 220px; padding: 4px; border: 0px; margin: 2px 0 0 0; font-size: 14px; }
.box4 .inner ul li select.input1 { width: 228px; margin: 2px 0 0 0; font-size: 14px; }
.box4 .inner ul li span.label1 { width: 100px; padding: 0 15px 0 45px; font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; color: #FFF; }
.box4 .inner ul li div.input3 { float: left; }
.box4 .inner ul li div.input3 p { display: block; height: 20px; }
.box4 .inner ul li div.input3 p label { padding: 0 0 0 5px; }

.footer .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }

.box5 { background: url(images/box7-bg1.jpg) no-repeat top center; }
.box5 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box5 .inner .flash { position: absolute; top: 23px; left: 474px; }

.box6 { background: url(images/box6-bg1.jpg) no-repeat top center; }
.box6 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box6 .inner div.faq { position: absolute; top: 98px; left: 41px; overflow-x: none; overflow-y: scroll; width: 401px; height: 197px; padding: 0 10px 0 0; }
.box6 .inner div.faq ol li h2 { display: block; padding: 0 0 10px; color: #55de1f; font-size: 13px; }
.box6 .inner div.faq ol li { padding: 0 0 10px 0; }
.box6 .inner ul { position: absolute; top: 109px; left: 536px; font-size: 17px; line-height: 17px; font-weight: bold; color: #55de1f; }
.box6 .inner ul li { padding: 0 0 21px 0; }
.box6 .inner ul li.color { color: #FFF; }
.box6 .inner ul li p { background: #55de1f; color: #FFF; display: inline; padding: 2px 4px; font-size: 20px; }
.box6 .inner ul li a {color: #fff; }
.box6 .inner ul li a:hover {color: #fff; text-decoration: underline; }

.box7 { background: url(images/box7-bg1.jpg) no-repeat top center; }
.box7 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box7 .t1 { position: absolute; top: 539px; left: 547px; color: #55de1f; }
.box7 .t1 ul { font-size: 18px; line-height: 18px; font-weight: bold; }
.box7 .t1 ul li { padding: 0 0 10px; }
.box7 .t1 ul li.color { color: #fff; }
.box7 .t1 ul li p { background: #55de1f; color: #fff; padding: 2px 4px; display: inline; }
.box7 .flash { position: absolute; top: 349px; left: 42px; }
.box7 .t2 { left: 27px; top: 1066px; position: absolute; width: 270px; line-height: 13px; }
.box7 .t2 em { font-size: 18px; line-height: 18px; color: #fff; font-weight: bold; }
.box7 .t2 strong { color: #fff; font-size: 14px; background: #55de1f; padding: 2px 4px; }
.box7 .form { position: absolute; left: 497px; top: 846px; }
.box7 .form ul li.li1 { height: 45px; !height: 43px; }
.box7 .form ul li.li2 { height: 85px; !height: 75px; }
.box7 .form ul li.li3 { padding: 0 0 0 39px; }
.box7 .form ul li input { float: left; }
.box7 .form ul li label { font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; }
.box7 .form ul li label.label1 { width: 100px; padding: 0 15px 0 45px; }
.box7 .form ul li label.label2 { width: 100px; padding: 6px 15px 0 45px; }
.box7 .form ul li input.input1 { width: 220px; padding: 4px;  border: 1px solid #600060; margin: 2px 0 0 0; font-size: 14px; }
.box7 .form ul li select.input1 { width: 228px; margin: 2px 0 0 0; font-size: 14px; }
.box7 .form ul li span.label1 { width: 100px; padding: 0 15px 0 45px; font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; }
.box7 .form ul li div.input3 { float: left; }
.box7 .form ul li div.input3 p { display: block; height: 20px; }
.box7 .form ul li div.input3 p label { padding: 0 0 0 5px; }

#home .header { background: url(images/home_header-bg1.jpg) no-repeat top center; }
#home .header .inner .menu { left: 0px; top: 473px; position: absolute; }
#home .header .inner .p1 { left: 56px; top: 295px; position: absolute;  color: #FFF; width: 230px; }
#home .footer { background: url(images/home_footer-bg1.jpg) no-repeat top center; }
#home .footer .inner .bt1 { top: 98px; left: 604px; position: absolute; }

#tour .header { background: url(images/tour_header-bg1.jpg) no-repeat top center; padding: 0 0 15px 0; }
#tour .header .inner .menu { left: 0px; top: 473px; position: absolute; }
#tour .header .inner .p1 { left: 56px; top: 295px; position: absolute;  color: #FFF; width: 230px; }
#tour .footer { background: url(images/tour_footer-bg1.jpg) no-repeat top center; }
#tour .footer .inner .bt1 { top: 97px; left: 499px; position: absolute; }