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

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

.header .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.header .inner .flash { top: 210px; left: 269px; position: absolute; }

.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 div.p1 { width: 390px; position: absolute; top: 110px; left: 42px; color:#000; font-size: 14px; line-height: 19px; }
.box1 .inner div.p1 strong { background: #ff5589; color: #FFF; font-weight: normal; }
.box1 .inner ul { position: absolute; top: 68px; left: 557px; }
.box1 .inner ul li { float: left; width: 120px; padding: 0 0.95em 0 0; text-align: center; color: #b61445; }
.box1 .inner ul li strong { display: block; font-size: 13px; padding: 22px 0 0 0; }
.box1 .inner ul li small { font-size: 10px; display: block; color: #000; }
.box1 .inner div.bigbt { position: absolute; top: 400px; left: 8px; }

.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: 14px;  }
.console .inner .title h2 { font-size: 23px; line-height: 23px; color: #023026; font-weight: normal; position: absolute; top: 20px; left: 15px; text-transform: uppercase; }
.console .inner .title div.p1 { color: #69c4ff; position: absolute; top: 33px; left: 412px; font-weight: bold; }
.console .inner .title div.p1 strong { color: #000; }
.console .inner .title div.p2 { color: #69c4ff; position: absolute; top: 33px; left: 526px; font-weight: bold; }
.console .inner .title div.p2 strong { color: #000; }
.console .inner .title div.p3 { color: #000; position: absolute; top: 18px; left: 635px; }
.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: 10px 0 0 0; }
.console .inner .list3,
.console .inner .list2,
.console .inner .list1 { width: 950px; }
.console .inner .list1 { position: absolute; top: 130px; left: 27px; }
.console .inner .list1 ul li { float: left; padding: 0.80em 0.80em 0 0; }
.console .inner .list1 ul li img { border: 3px solid #e41769; }
.console .inner .list1 ul li.nb { padding-left: 3px; }
.console .inner .list1 ul li.nb img { border: 0px; }
.console .inner .list2 { position: absolute; top: 714px; left: 27px; }
.console .inner .list2 dl dt,
.console .inner .list2 dl dd { float: left; padding: 0.80em 0.80em 0 0; }
.console .inner .list2 dl dt div.flash { border: 3px solid #58B0E2; }
.console .inner .list2 dl dd img { border: 3px solid #e41769; }
.console .inner .list3 { position: absolute; top: 1018px; left: 27px; }
.console .inner .list3 dl dd { float: left; padding: 0.80em 0.80em 0 0; }
.console .inner .list3 dl dt { position: relative; width: 442px; height: 310px; float: left; }
.console .inner .list3 dl dt div.text { position: absolute; top: 9px; left: -1px; }
.console .inner .list3 dl dt div.text a { position: absolute; left: 11px; top: 220px; }
.console .inner .list3 dl dd img { border: 3px solid #e41769; }

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

.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: 17px; position: absolute; font-style: italic; top: 272px; left: 16px; font-weight: bold; width: 425px; }
.box3 .inner .p1 span { display: block; }
.box3 .inner .p1 strong { color: #e41769; }
.box3 .inner .p2 { position: absolute; top: 111px; left: 530px; font-weight: bold; width: 270px; }
.box3 .inner .p2 em { font-size: 17px; line-height: 17px; display: block; padding: 0 0 10px 0; color: #0a9ab4; }
.box3 .inner .p2 strong { color: #e41769; 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: 1161px; 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; }

.box4 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box4 .inner .bigbt { position: absolute; top: 28px; left: 7px; }

.box5 { background: url(images/box5-bg1.jpg) no-repeat top center; }
.box5 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box5 .inner ul { position: absolute; top: 132px; left: 512px; font-size: 17px; line-height: 17px; font-weight: bold; }
.box5 .inner ul li { padding: 0 0 20px 0; color: #6a4678; }
.box5 .inner div.bt { position: absolute; top: 314px; left: 505px; }

.box6 { }
.box6 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box6 .inner ul { position: absolute; top: 189px; left: 78px; }
.box6 .inner ul li.li1 { height: 40px; }
.box6 .inner ul li.li2 { height: 85px; !height: 75px; }
.box6 .inner ul li.li3 { padding: 0 0 0 170px; }
.box6 .inner ul li input { float: left; }
.box6 .inner ul li label { font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; color:#FFF; }
.box6 .inner ul li label.label1 { width: 100px; padding: 0 15px 0 45px; }
.box6 .inner ul li label.label2 { width: 100px; padding: 6px 15px 0 45px; }
.box6 .inner ul li input.input1 { width: 220px; padding: 4px; border: 0px; margin: 2px 0 0 0; font-size: 14px; }
.box6 .inner ul li select.input1 { width: 228px; margin: 2px 0 0 0; font-size: 14px; }
.box6 .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; }
.box6 .inner ul li div.input3 { float: left; }
.box6 .inner ul li div.input3 p { display: block; height: 20px; }
.box6 .inner ul li div.input3 p label { padding: 0 0 0 5px; }

.footer { background: url(images/home_footer-bg1.jpg) no-repeat top center; }
.footer .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }

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

.box8 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box8 .inner div.faq { position: absolute; top: 100px; left: 557px; overflow-x: none; overflow-y: scroll; width: 380px; height: 197px; padding: 0 10px 0 0; }
.box8 .inner div.faq ol li h2 { display: block; padding: 0 0 10px; color: #ef0c57; font-size: 13px; }
.box8 .inner div.faq ol li { padding: 0 0 10px 0; }
.box8 .inner ul { position: absolute; top: 107px; left: 58px; font-size: 15px; line-height: 17px; font-weight: bold; color: #06568a; }
.box8 .inner ul li { padding: 0 0 21px 0; }

.box9 { background: url(images/box9-bg1.jpg) no-repeat top center; }
.box9 .inner { width: 984px; position: relative; margin: 0 auto; overflow: hidden; }
.box9 .t1 { position: absolute; top: 652px; left: 46px;  }
.box9 .t1 ul { font-size: 18px; line-height: 18px; font-weight: bold; }
.box9 .t1 ul li { padding: 0 0 1.05em; }
.box9 .t1 ul li.color { color: #06568a; }
.box9 .flash { position: absolute; top: 349px; left: 42px; }
.box9 .t2 { left: 30px; top: 951px; position: absolute; width: 300px; line-height: 13px; }
.box9 .t2 em { font-size: 22px; line-height: 22px; color: #06568a; font-weight: bold; }
.box9 .t2 strong { color: #f60051; font-size: 14px; }
.box9 .form { position: absolute; left: 497px; top: 403px; }
.box9 .form ul li.li1 { height: 55px; !height: 53px; }
.box9 .form ul li.li2 { height: 85px; !height: 75px; }
.box9 .form ul li.li3 { padding: 0 0 0 39px; }
.box9 .form ul li input { float: left; }
.box9 .form ul li label { font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; }
.box9 .form ul li label.label1 { width: 100px; padding: 0 15px 0 45px; }
.box9 .form ul li label.label2 { width: 100px; padding: 6px 15px 0 45px; }
.box9 .form ul li input.input1 { width: 220px; padding: 4px;  border: 1px solid #F60051; margin: 2px 0 0 0; font-size: 14px; }
.box9 .form ul li select.input1 { width: 228px; margin: 2px 0 0 0; font-size: 14px; }
.box9 .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; }
.box9 .form ul li div.input3 { float: left; }
.box9 .form ul li div.input3 p { display: block; height: 20px; }
.box9 .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: 22px; top: 467px; position: absolute; }
#home .footer .inner .menu { left: 12px; top: 298px; position: absolute; }

#tour .header { background: url(images/tour_header-bg1.jpg) no-repeat top center; }
#tour .header .inner .menu { left: 22px; top: 305px; position: absolute; }
#tour .footer .inner .menu { left: 12px; top: 298px; position: absolute; }