/******************** layout ********************/
html{width:100%; overflow-y:scroll; overflow-x:hidden;}
body{position:relative;}
#allwrap {width:100%; }
#allwrap:after {content:""; display:block; clear:both;}
#allBg {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/tosel/bg/bg_allbg.png') left top repeat; overflow:hidden; z-index:80;}
#wrap2 {position:relative; width:100%; }
#wrap2:after {content:""; display:block; clear:both;}



/*** content ***/
#content {width:100%; }
#content:after {content:""; display:block; clear:both;}
#content .inwrap {position:relative; width:1030px; margin:0 auto; z-index:50;}
#content .inwrap:after {content:""; display:block; clear:both;}
#content .quickArea {position:relative; width:1030px; margin:0 auto; z-index:76;}
#content .quickArea:after {content:""; display:block; clear:both;}
#content .quickArea .quick {position:absolute; right:-130px; top:142px; width:130px; overflow:hidden;}
#content .quickArea .quick ul:after {content:""; display:block; clear:both;}
#content .quickArea .quick ul li {display:block; font-size:0; line-height:0;}



#sector01 {width:100%; height:365px; background:url('../images/tosel/bg/bg_sector01.gif') left top repeat; overflow:hidden;}
#sector01 .onlyone {position:absolute; left:-175px; top:0;}
#sector01 .img {width:100%; text-align:center; padding:77px 0 0 0;}

#sector02 {width:100%;}
#sector02 :after {content:""; display:block; clear:both;}
#sector02 .img {width:100%; text-align:center; padding:0 0 54px 0; margin:-35px 0 0 0;}
#sector02 .outwrap {width:100%; height:890px; margin:-377px 0 0 0; background:url('../images/tosel/bg/bg_sector02.gif') left top repeat;}

#sector02 .movie {width:100%; padding:377px 0 0 0; overflow:hidden;}
#sector02 .movie .cover {position:relative; width:762px; margin:0 auto; overflow:hidden;}
#sector02 .movie .cover a {display:block;}
#sector02 .movie .cover img {width:100%;}
#sector02 .movie .view_video {display:none; width:762px; margin:0 auto; overflow:hidden;}

#sector03 {width:100%; height:270px; background:#0e1d20; overflow:hidden;}
#sector03 .img {width:100%; text-align:center; padding:58px 0 0 0;}

#sector04 {width:100%; height:938px; background:#f4f4f4; overflow:hidden;}
#sector04 .img {width:100%; text-align:center; padding:58px 0 0 0;}

#sector05 {width:100%; height:955px; background:#ffd800; overflow:hidden;}
#sector05 .img {width:100%; text-align:center; padding:85px 0 0 0;}

#sector06 {width:100%; height:1110px; background:#a4e9f8; overflow:hidden;}
#sector06 .img {width:100%; text-align:center; padding:104px 0 45px 0;}
#sector06 .table {position:relative; width:918px; margin:0 auto;  border:5px #04284c solid; background:#04284c; border-radius:20px; overflow:hidden;}
#sector06 .table table {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;}
#sector06 .table table {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} 
#sector06 .table table th {border-color:#04284c; border-width:0; color:#fff; border-style:none; text-align:center; background:#04284c; padding:26px 0 26px 0; font-size:22px; line-height:1.2; vertical-align:middle; letter-spacing:-1.5px;}
#sector06 .table table td {border-color:#bababa; border-width:0 1px 1px 0; color:#04284c; border-style:none solid solid none;  text-align:center; background:#fff; padding:21px 0 20px 0; font-size:18px; line-height:1.2; vertical-align:middle; letter-spacing:-1.5px;}
#sector06 .table table td a {display:block; font-size:18px; color:#04284c;}
#sector06 .table table td a.on {font-weight:600;}
#sector06 .table table td strong {font-size:22px; font-weight:600; letter-spacing:-1px;}
#sector06 .table table td.link {padding:21px 0 20px 18px; text-align:left; background:url('../images/tosel/bg/bg_table_a.gif') right 12px top 16px #fff no-repeat; cursor:pointer;}
#sector06 .table table td.link.on {background:url('../images/tosel/bg/bg_table_a_on.gif') right 12px top 16px #fff no-repeat;}
#sector06 .table table tfoot td {border-color:#04284c; border-width:0; color:#fff; border-style:none; text-align:center; background:#04284c; padding:20px 0 20px 0; font-size:22px; line-height:1.2; vertical-align:middle;}
#sector06 .hideArea {position:absolute; left:416px; top:0;}
#sector06 .hideArea > div {display:none; position:absolute; left:0; top:0;  border:4px #bababa solid;}
#sector06 .hideArea > div.img1 {top:78px;}
#sector06 .hideArea > div.img2 {top:78px;}
#sector06 .hideArea > div.img3 {top:78px;}
#sector06 .hideArea > div.img4 {top:15px;}
#sector06 .hideArea > div.img5 {top:78px;}
#sector06 .hideArea > div.img6 {top:78px;}
#sector06 .hideArea > div.img7 {top:12px;}
#sector06 .hideArea > div.img8 {top:12px;}


#sector07 {position:relative; width:100%; height:1172px; background:#fff; overflow:hidden;}
#sector07 .img {width:100%; text-align:center; padding:102px 0 62px 0;}
#sector07 .evaluation {width:919px; padding:0 0 15px 0; margin:0 auto; border:2px #20242a  solid; border-radius:0 0 15px 15px;}
#sector07 .evaluation .tabs {width:100%; border-bottom:2px #20242a solid; overflow:hidden;}
#sector07 .evaluation .tabs ul:after {content:""; display:block; clear:both;}
#sector07 .evaluation .tabs ul li {float:left; width:50%;}
#sector07 .evaluation .tabs ul li a {display:block; font-size:30px; color:#fff; font-weight:600; line-height:1.2; padding:10px 0 11px; background:#dadada; text-align:center; letter-spacing:-4px;}
#sector07 .evaluation .tabs ul li a.on {background:#d80011;}
#sector07 .evaluation .tabs ul li:nth-child(1) a {border-right:1px #20242a solid;}
#sector07 .evaluation .tabs ul li:nth-child(2) a {border-left:1px #20242a solid;}
#sector07 .evaluation .conf {width:100%; height:713px; overflow:hidden;}
#sector07 .evaluation .conf img {display:;}
#sector07  .toselReport {display:none; position:absolute; left:50%; top:0; margin:358px 0 0 -328px; z-index:80;}
#sector07  .toselReport a {position:absolute; right:13px; top:6px;}


#sector08 {width:100%; height:962px; background:url('../images/tosel/bg/bg_sector08.gif') left top repeat; overflow:hidden;}
#sector08 .img {width:100%; text-align:center; padding:100px 0 0 0;}

#sector09 {width:100%; height:848px; background:url('../images/tosel/bg/bg_sector09.png') center top no-repeat; overflow:hidden;}
#sector09 .img {width:100%; text-align:center; padding:102px 0 0 0;}

#sector10 {width:100%; height:1293px; background:#fff; overflow:hidden;}
#sector10 .img {width:100%; text-align:center; padding:110px 0 0 0;}