@charset "utf-8";
/* ------------------------------------------
* Filename: main.css
* Author: AltoBiz
------------------------------------------ */

#main {}
#main .visual {background:url('/resource/user/img/main/visual_img.jpg') center 0 no-repeat; width:100%; height:687px; padding-top:72px}
#main .zone > .title {background:url('/resource/user/img/main/visual_title.png') 0 0 no-repeat; width:374px; height:131px; margin:0 auto; text-indent:-9999px}
#main .visual .link {width:821px; margin:51px auto 0}
#main .visual .link:after {content:''; display:block; clear:both}
#main .visual .link a {display:block; float:left; font-size:21px; text-align:center; width:152px; line-height:26px; font-weight:700; padding-top:157px}
#main .visual .link a:nth-child(1) {color:#f29419; background:url('/resource/user/img/main/visual_icon_01.png') 0 0 no-repeat}
#main .visual .link a:nth-child(2) {color:#e96135; background:url('/resource/user/img/main/visual_icon_02.png') 0 0 no-repeat; margin:0 39px}
#main .visual .link a:nth-child(3) {color:#c87ac0; background:url('/resource/user/img/main/visual_icon_04.png') 0 0 no-repeat}
#main .visual .link a:nth-child(4) {color:#287ac0; background:url('/resource/user/img/main/visual_icon_03.png') 0 0 no-repeat; margin:0 39px}

#main .search {width:950px; height:153px; margin:120px auto 0; background:url('/resource/user/img/main/search_bg.png') 0 0 no-repeat; padding:5px 7px 9px 7px}
#main .search:after {content:''; display:block; clear:both}
#main .search .title {float:left; width:183px; margin:27px 0 0 22px}
#main .search .title h2 {display:block; background:url('/resource/user/img/main/search_logo.png') 0 0 no-repeat; width:130px; height:47px; text-indent:-9999px; margin-left:13px}
#main .search .title p {display:block; background:url('/resource/user/img/main/search_title.png') 0 0 no-repeat; width:132px; height:48px; text-indent:-9999px; margin-top:14px}
#main .search .box {float:left; margin:18px 0 0 43px}
#main .search .select {}
#main .search .select:after {content:''; display:block; clear:both}
#main .select fieldset {display:block; float:left; width:121px; height:43px; background:url('/resource/user/img/main/search_select_bg.png') right 0 no-repeat; position:relative; margin-left:15px; border:solid 2px #fff; border-radius:3px}
#main .select fieldset:first-child {margin-left:0}
#main .select label {position:absolute; left:11px; top:16px; color:#fff; font-size:15px}
#main .select select {width:100%; height:40px; min-height:40px; line-height:40px; padding:010px; opacity:0; filter:alpha(opacity=0);}
#main .search .input {margin-top:20px; position:relative;}
#main .search .input:after {content:''; display:block; clear:both}
#main .input input[type="text"] {display:block; float:left; width:529px; padding-left:14px; height:45px; line-height:45px; border:solid 1px #6eade1; border-radius:3px; color:#fff}
#main .input .search_blur {background:url('/resource/user/img/main/search_text.png') 10px 16px no-repeat #287ac0}
#main .input .search_focus {background:#287ac0}
#main .input a.btn {display:block; float:left; width:116px; height:47px; line-height:47px; text-align:center; border-radius:3px; background:#323d51; color:#fff; margin-left:12px}
#main .search .input .checkbox {position:absolute; top:-25px; right:0; width:105px; color:#000; font-size:15px; line-height:20px; height:20px}
#main .search .input .checkbox label {padding-left:3px}

#main .content {background:url('/resource/user/img/main/visual_bg.jpg') center 0 repeat; width:100%; height:445px}
#main .content .content_zone {width:951px; margin:0 auto}
#main .content_zone:after {content:''; display:block; clear:both}
#main .content .map {position:relative; float:left; padding-top:83px}
#main .map h2 {display:block; position:absolute; top:22px; left:2px; background:url('/resource/user/img/main/map_title.png') 0 0 no-repeat; width:263px; height:72px; text-indent:-9999px}
#main .map .area {position:relative; background:url('/resource/user/img/main/map_img.png') 0 0 no-repeat; width:319px; height:322px}
#main .map .area a {display:block; position:absolute; height:23px; line-height:23px; text-align:center; padding:0 5px; color:#fff; background:#00647b; border-radius:3px; letter-spacing:-1px}
#main .map .area .area_01 {top:27px; left:168px}
#main .map .area .area_02 {top:58px; left:120px}
#main .map .area .area_03 {top:73px; left:180px}
#main .map .area .area_04 {top:58px; left:235px}
#main .map .area .area_05 {top:100px; left:120px}
#main .map .area .area_06 {top:150px; left:172px}
#main .map .area .area_07 {top:140px; left:220px}
#main .map .area .area_08 {top:188px; left:250px}
#main .map .area .area_09 {top:160px; left:90px}
#main .map .area .area_10 {top:180px; left:140px}
#main .map .area .area_11 {top:220px; left:200px}
#main .map .area .area_12 {top:190px; left:30px}
#main .map .area .area_13 {top:230px; left:90px}
#main .map .area .area_14 {top:250px; left:145px}
#main .map .area .area_15 {top:230px; left:0px}
#main .map .area .area_16 {top:260px; left:30px}
#main .map .area .area_17 {bottom:10px; left:60px}
#main .map .area .area_18 {top:210px; left:60px}
#main .content .quick {float:right}
#main .content .box {margin-top:54px}
#main .content .box:after {content:''; display:block; clear:both}
#main .content .notice {float:left; background:#fff; width:440px}
#main .notice .title {background:#e6e6e6; padding:15px 20px 15px 30px}
#main .notice .title:after {content:''; display:block; clear:both}
#main .notice .title h3 {display:block; float:left; color:#505050; font-size:25px; line-height:44px}
#main .notice .title a.more {display:block; float:right; background:url('/resource/user/img/main/more.jpg') 0 0 no-repeat; width:46px; height:44px; text-indent:-9999px}
#main .notice ul {padding-top:25px; height:126px}
#main .notice ul li {line-height:21px; padding:5px 20px}
#main .notice ul li:after {content:''; display:block; clear:both}
#main .notice li a {display:block; float:left; width:calc(100% - 95px); background:url('/resource/user/img/common/bul_01.png') 0 7px no-repeat; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#main .notice li span {display:block; float:right; text-align:right; width:85px; font-size:13px}
#main .content .banner {float:left; background:#fff; margin-left:10px; width:155px}
#main .content .banner a {display:block; font-size:19px; color:#505050; height:39px; line-height:39px; padding:65px 0 8px; text-align:center; border-top:solid 1px #e6e6e6; background:url('/resource/user/img/main/quick_icon_01.png') center 12px no-repeat; font-weight:700;}
#main .content .banner a:first-child {border-top:none; background:url('/resource/user/img/main/quick_icon_02.png') center 12px no-repeat}
#main .quick .counter {display:block; margin-top:34px}
#main .counter:after {content:''; display:block; clear:both}
#main .counter li {display:block; float:left; width:165px; height:60px; padding:0 20px 0 10px; line-height:60px; background:#323d51; color:#fff}
#main .counter li:after {content:''; display:block; clear:both}
#main .counter li:nth-child(2) {margin:0 10px}
#main .counter li p {display:block; float:left; padding-left:46px; width:74px}
#main .counter li strong {display:block; float:right; text-align:right; width:calc(100% - 120px)}
#main .counter li:nth-child(1) p {background:url('/resource/user/img/main/counter_icon_01.png') 0 12px no-repeat}
#main .counter li:nth-child(2) p {background:url('/resource/user/img/main/counter_icon_02.png') 0 12px no-repeat}
#main .counter li:nth-child(3) p {background:url('/resource/user/img/main/counter_icon_03.png') 0 12px no-repeat}