@charset "utf-8";

@import url('global.css');

body#mainWrap {width:100%; height:100%; overflow-x:hidden; background:url('../30img/bg_main.jpg') no-repeat 50% 0;}

#mainContainer {position:relative; min-height:700px; min-width:964px; margin:0 auto;background:url('../30img/bg_main.jpg') no-repeat 50% 0;}

.main-title {position:relative; padding:114px 0 37px; text-align:center; width:964px; margin:0 auto;}
.main-title .btn-go {position:absolute; top:202px; left:642px;}

.main-icon {position:relative; min-height:470px; min-width:964px; overflow-x:hidden; #overflow:hidden;}
.main-icon > ul {position:absolute; top:0; left:50%; margin-left:-432px; *zoom:1; overflow:visible !important;}
.main-icon > ul:after {display:block; clear:both; height:0; visibility:hidden; content: ".";}
.main-icon > ul > li {z-index:5; position:relative; float:left; padding:51px 11px 0 28px; font-family:'Tahoma'; background:url('../30img/bg_01.png') no-repeat 0 102px;}
.main-icon > ul > li:first-child {background:none;}
.main-icon > ul > li > a {display:block; cursor:pointer; width:134px; height:167px;}
.main-icon > ul > li .layer-view {position:absolute; top:0; left:162px; width:0; overflow:hidden; padding-bottom:5px;}
.main-icon > ul > li .layer-view .inner {position:relative; width:165px; padding:33px 14px 13px 29px;}
.main-icon > ul > li .layer-view .inner .btn-close {position:absolute; top:13px; right:13px;}
.main-icon > ul > li .layer-view .inner .s-title {padding-bottom:20px; font:0/0 'arial';}

.site-list {padding-top:14px;}
.site-list li {position:relative; width:100%; min-height:17px; overflow:hidden; margin-top:8px;}
.site-list li:first-child {margin-top:0;}
.site-list li .txt {padding-left:4px; color:#fff; font-family:'Tahoma'; line-height:17px;}
.site-list li .right {position:absolute; top:0; right:0; height:17px;}
.site-list li .btn {float:left; margin-left:2px; display:inline-block; width:32px; height:17px; color:#4b5258; font-size:9px; font-weight:bold; line-height:17px; text-align:center;}
.site-list li .btn:hover {color:#fff; background-position:0 -17px !important;}

.main-icon > ul > li.icon01 .layer-view {background:url('../30img/bg_layer01_bottom.png') no-repeat 0 100%;}
.main-icon > ul > li.icon01 .layer-view .inner {background:url('../30img/bg_layer01_top.png') no-repeat 0 0;}
.main-icon > ul > li.icon01 .layer-view .inner .s-title {background:url('../30img/line_01.gif') repeat-x 0 100%;}
.main-icon > ul > li.icon01 .layer-view .inner .btn {background:url('../30img/bg_button01.gif') no-repeat 0 0;}
.main-icon > ul > li.icon02 .layer-view {background:url('../30img/bg_layer02_bottom.png') no-repeat 0 100%;}
.main-icon > ul > li.icon02 .layer-view .inner {background:url('../30img/bg_layer02_top.png') no-repeat 0 0;}
.main-icon > ul > li.icon02 .layer-view .inner .s-title {background:url('../30img/line_02.gif') repeat-x 0 100%;}
.main-icon > ul > li.icon02 .layer-view .inner .btn {background:url('../30img/bg_button02.gif') no-repeat 0 0;}
.main-icon > ul > li.icon03 .layer-view {background:url('../30img/bg_layer03_bottom.png') no-repeat 0 100%;}
.main-icon > ul > li.icon03 .layer-view .inner {background:url('../30img/bg_layer03_top.png') no-repeat 0 0;}
.main-icon > ul > li.icon03 .layer-view .inner .s-title {background:url('../30img/line_03.gif') repeat-x 0 100%;}
.main-icon > ul > li.icon03 .layer-view .inner .btn {background:url('../30img/bg_button03.gif') no-repeat 0 0;}

.main-icon > ul > li.icon04 .layer-view {background:url('../30img/bg_layer04_bottom.png') no-repeat 0 100%;}
.main-icon > ul > li.icon04 .layer-view .inner {background:url('../30img/bg_layer04_top.png') no-repeat 0 0;}
.main-icon > ul > li.icon04 .layer-view .inner .s-title {background:url('../30img/line_04.gif') repeat-x 0 100%;}
.main-icon > ul > li.icon04 .layer-view .inner .btn {background:url('../30img/bg_button04.gif') no-repeat 0 0;}
.main-icon > ul > li.icon04 .layer-view .inner .btn:hover {color:#905500;}
.main-icon > ul > li.icon04 .layer-view .inner .site-list li .txt {color:#8f5400;}