/*
z-index level:
0-99		design
100-499	content
	100-199 bg
	200-299 txt
	300-399 img
500-999	toolkits 

	   629 = 314 +    0 +315
	1600 = 314 - 971 - 315
	1286 = 314 +971
*/

html, body { margin: 0; padding: 0; width: 100%; min-height: 100%; }

a img { border: none; }

body { background: #052249 url(i/bg.png) 1px; }

.h2 { font-size: 24px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; }

.more { background: #3083d0 url(i/more.png); color: #fff; width: 101px; height: 17px; text-align: right; padding-right: 5px; padding-top: 3px; overflow: hidden; float: right; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
a:hover.more { background-position: 0 -20px; background-color: #ff9900; }

.more.blue { background-position: 0 -40px; color: #003366; }
a:hover.more.blue { background-position: 0 -60px; background-color: #ff9900; color: #fff }

.more.orange { background-position: 0px -80px; color: #003366; }
a:hover.more.orange { background-position: 0px -100px; color: #fff; }

#bg_top { width: 100%; background: url(i/bg_top.png) no-repeat center top; }
#bg_top_side { width: 100%; background: url(i/bg_top_side.png) repeat-x 0 top; }
#min_width { width: 972px; margin: 0 auto; }

#head-img { padding-bottom: 1px; }
#head-img * { display: block; }
#head-img a { display: block; margin-top: -9px; height: 1%; overflow: hidden; }

#top-wrap { background: #fff url(i/bg_top_center.png) no-repeat center top; }
#top { background: url(i/phone_top.jpg) no-repeat left bottom; padding: 21px 10px; margin-bottom: 15px; }

.menu a:active, .menu a:hover { outline: none; }

#menu { position: relative; height: 36px; width: 100%; }
#menu .menu0 { position: absolute; width: 991px; height: 36px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 18px; list-style: none; }
#menu, #menu * { margin: 0; padding: 0; }
#menu span.item { cursor: default; }
#menu .item { float: left; height: 36px; text-decoration: none; overflow: hidden; margin-left: -55px; }
#menu .txt { padding-top: 5px; float: left; height: 31px; text-align: center; background: url(i/menu_sp.png) repeat-x; }
#menu .left, #menu .right { float: left; width: 55px; height: 36px; overflow: hidden; background: url(i/menu_sp.png) no-repeat; }
#menu .first .left { display: none; }
#menu a:hover .right { position: relative; }
#menu .noactive .txt { background-color: #1e73bc; background-position: 0px -36px; color: #fff; }
#menu .noactive .left { background-color: #1e73bc; background-position: 0px -288px; }
#menu .noactive .right { background-color: #1e73bc; background-position: 0px -288px; }
#menu a:hover .txt { background-color: #3494dc; background-position: 0px -72px; color: #fff; }
#menu a:hover .left  { background-color: #3494dc; background-position: 0px -324px; }
#menu a:hover .right { background-color: #3494dc; background-position: 0px -432px; }
#menu .active .txt { background-color: #faa302; background-position: 0px 0px; color: #202020; }
#menu .active .left { background-color: #faa302; background-position: 0px -252px; }
#menu .active .right { background-color: #faa302; background-position: 0px -144px; }
#menu .after-active .left { background-color: #faa302; background-position: 0px -144px; }
#menu a:hover.after-active .left { background-position: 0px -180px; }
#menu a:hover.before-active .right { background-position: 0px -396px; }
#menu .item.first { margin-left: 0 }
#menu .item.first .txt { padding-left: 22px; }
#menu .last .right { background-position: 0px -216px; }
#menu .last.active .right { background-position: 0px -108px; }
#menu a:hover.last .right { background-position: 0px -360px; }
#menu .item0 .txt { width: 170px }
#menu .item1 .txt { width: 196px }
#menu .item2 .txt { width: 106px }
#menu .item3 .txt { width: 100px }
#menu .item4 .txt { width: 122px }

#menu2 { height: 76px; overflow: hidden; background: url(i/menu2.png) repeat-x left top; position: relative; }
#menu2-left { background: url(i/menu2_left.png) no-repeat left top; width: 5px; height: 4px; overflow: hidden; position: absolute; left: 0; top: 32px; }
#menu2-right { background: url(i/menu2_right.png) no-repeat left top; width: 4px; height: 4px; overflow: hidden; position: absolute; right: 0; top: 32px; }
#menu2 .menu0 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 18px; }
#menu2 .item { float: left; height: 36px; margin-left: -24px; padding-right: 24px; color: #000; position: relative; text-decoration: none; }
#menu2 .item .txt { padding: 8px 10px; padding-bottom: 0; background: #f79403 url(i/menu2.png) repeat-x left top; display: block; float: left; }
#menu2 .item.first { margin-left: 0; padding-left: 37px; }
#menu2 .item.active { color: #fff; }
#menu2 .item.active .right { background: url(i/menu2_active-v2.jpg) no-repeat; left: -35px; top: 30px; position: absolute; width: 175px; height: 46px; }
#menu2 .item.active.first .right { left: 2px; }
#menu2 a span { text-decoration: underline; }
#menu2 a:hover.item span { text-decoration: none }
#menu2.min .menu0 { font-size: 17px; }

#menu-left-wrap { width: 223px; float: left; overflow: hidden; }
#menu-left { background: url(i/leftmenu_middle.png); width: 100%; overflow: hidden; }
#menu-left-bg { background: url(i/leftmenu_top.png) top left no-repeat; }
#menu-left * { display: block; }
#menu-left .menu0 { background: url(i/leftmenu_bottom.png) no-repeat left bottom; padding-top: 32px; padding-bottom: 48px; }
#menu-left .item { display: block; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 0.5ex 0; }
#menu-left .item .txt { display: block; padding-left: 45px; padding-right: 47px; background: url(i/leftmenu_marker.gif) no-repeat 30px 0.5ex; position: relative; z-index: 200; }
#menu-left span.item.active .left { background: url(i/leftmenu_active.gif) no-repeat right top; width: 211px; height: 63px; overflow: hidden; position: absolute; margin-top: -18px; z-index: 150; }
#menu-left .item .txt-active { color: #000; background: url(i/leftmenu_active_marker.gif) no-repeat 30px 0.5ex; }
#menu-left a:hover { text-decoration: none; }
#menu-left .separator { background: url(i/leftmenu_separator.png) no-repeat 13px 0px; width: 100%; height: 19px; overflow: hidden; }
#menu-left .menu1 { background: url(i/leftmenu_separator.png) no-repeat 13px 0px; padding-top: 19px; }
#menu-left .menu1 .item .txt { background: transparent; }
/*
#menu-left a:hover .left { background: url(i/leftmenu_hover.gif) no-repeat right bottom; width: 211px; height: 63px; overflow: hidden; margin-top: -18px; position: absolute; z-index: 100; }
*/

#content-leftmenu { float: left; width: 714px; overflow: hidden; padding-left: 15px }

#middle { overflow: hidden; height: 1%; padding-top: 20px; }

#middle .img { float: left; padding: 4px; background: #3083d0 url(i/img_bg.png) left top; margin-right: 22px; margin-bottom: 11px; }
#middle .img img { border: 1px solid #3083d0; border-bottom-width: 2px; display: block; }

#middle a:hover.img { background: #ff9900 url(i/img_bg_hover.png) left top; }
#middle a:hover.img img { border-color: #ff9900; }

#left-wrap { float: left; overflow: hidden; width: 240px; position: relative; }
#left { width: 222px; overflow: hidden; padding-top: 12px; padding-bottom: 18px; background: #023981 url(i/left_bg.png) no-repeat top; }

#left .h2 { color: #fff; margin: 0; padding: 0; margin-left: 10px; }
#left .item { margin: 0 auto; width: 203px; height: 264px; overflow: hidden; background: #fff; margin-top: 20px; }

#left .item .cover { height: 129px; width: 197px; margin-left: 3px; margin-top: 3px; overflow: hidden; }
#left .item .text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin-left: 10px; }
#left .item .h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; }
#left .item p { margin: 0; padding: 0; }
#left .item .more { margin-top: 14px; margin-right: 10px; }

#left .item1 { background-image: url(i/left_item1_bg.jpg); }
/*
#left .item1 { background-image: url(i/left_item1.jpg); }

#left .item2 { background-image: url(i/left_item2.jpg); }
*/
#right-wrap { float: left; width: 100%; margin-left: -240px; }
#right { margin-left: 240px; }

#right-footer { clear: both; width: 710px; height: 328px; overflow: hidden; background: url(i/right_footer_bg.png); font-family: Arial, Helvetica, sans-serif; }

#middle .row { float: left; overflow: hidden; width: 50%; padding-top: 10px; padding-bottom: 6px; }
#middle .row  .h2 { color: #2971a5; padding-bottom: 7px; border-bottom: 1px solid #a6a7ac; }
#middle .row1 { padding-right: 23px; }
#middle .row2 { padding-left: 23px; }
#middle .row .item { font-size: 11px; padding-top: 17px; padding-bottom: 25px; height: 1%; overflow: hidden; font-family: Arial, Helvetica, sans-serif; }
#middle .row .item .h3 { font-size: 18px; color: #1a679f; padding: 0; margin: 0; }
#middle .row .item .text { padding: 14px 0; margin: 0; }
#middle .row .item-separator { margin-bottom: 6px; height: 1px; background: #dbdbdc; overflow: hidden; }

#tags { margin: 0 auto; padding-top: 5px; height: 158px; width: 695px; overflow: hidden; text-align: center; background: #cdd2d6 url(i/right_footer_bg.png) center top; }
#tags a { text-decoration: none; color: #023981; }
#tags a:hover { text-decoration: underline; }

#seo { background: #1258a0 url(i/right_footer_bg.png) center bottom; height: 148px; margin-top: 2px; padding-left: 32px; padding-right: 11px; padding-top: 15px; overflow: hidden; color: #fff; font-size: 14px; }
#seo .h2 { margin: 0; padding: 0; margin-bottom: 16px; font-size: 24px; }
#seo p { margin: 0; padding: 0; margin-bottom: 10px; }

.s10 { font-size: 10px; }
.s12 { font-size: 12px; }
.s14 { font-size: 14px; }
.s18 { font-size: 18px; }
.s24 { font-size: 24px; }
.s28 { font-size: 28px; }

#footer-wrap { background: #f68c03 url(i/footer.png); margin-bottom: 21px; }
#phone-middle { position: absolute; background: url(i/phone_middle.gif); margin-top: -15px; margin-left: 57px; width: 91px; height: 15px; overflow: hidden; }
#footer { height: 86px; width: 100%; overflow: hidden; background: url(i/footer_right.png) no-repeat right top; }
#footer .bg-left { background: url(i/footer_left.jpg); width: 341px; height: 86px; overflow: hidden; float: left; }
#footer .h3 { font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; float: left; margin-left: -85px; padding-top: 18px; }
#footer .row { float: left; padding-left: 22px; padding-top: 19px; }
#footer .row a { display: block; color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(i/footer_marker.gif) no-repeat left 4px; padding-left: 9px; }
#footer .row a:hover { text-decoration: underline; }
#footer-right { padding-top: 30px; float: right; }
#footer-right a { float: left; margin-left: 18px; }
#d1 { font-size: 10px; color: #091d2f; width: 120px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a:hover#d1 { text-decoration: underline; }

#footer-space { height: 130px; width: 150px; overflow: hidden; clear: both; float: left; }

.full_text { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; padding: 0 20px; }
.full_text h1 { color: #1a679f; font-size: 24px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal; border-bottom: 1px solid #ccc; padding-bottom: 4px; }
.full_text h2 { font-size: 14px; }
.full_text a { color: #3083d0; text-decoration: underline; }
.full_text a:hover { text-decoration: none; }
.full_text a.f * { text-decoration: underline; }
.full_text a:hover.f * { text-decoration: none; }
.full_text table { border-collapse: collapse; width: 99%; border: none; }
.full_text table p { margin: 0; padding: 0; }
.full_text td, .full_text th { border: 1px Silver solid; padding: 0.5ex 1em }

.gallery-root { width: 800px; overflow: hidden; float: right; padding-top: 25px; }
a.gallery-go { float: left; text-decoration: none; border-bottom: 1px dashed #3083d0; color: #3083d0; font-size: 12px; font-weight: bold; font-family: Arial; margin: 0 18px; }
a:hover.gallery-go { border-bottom: none; }

.gallery-wrap { float: right; width: 672px; height: 124px; overflow: hidden; background: #003468 url(i/carusel.png) 0px 0px no-repeat; }

.gallery-wrap .btnPrevious,
.gallery-wrap .btnNext { float: left; width: 34px; height: 124px; overflow: hidden; background: url(i/carusel.png) no-repeat; }
.gallery-wrap .btnNext { background-position: -638px 0px; float: right; }

.gallery-wrap .btnPrevious {  }

.gallery-wrap a:hover.btnPrevious { background-position: -673px 0px; }
.gallery-wrap a:hover.btnNext { background-position: -705px 0px; }

.gallery { float: left; width: 600px; overflow: hidden; }
.gallery ul { display: block; margin: 0; padding: 0; list-style: none; width: 100000px; overflow: hidden; }
.gallery li { float: left; height: 1%; overflow: hidden; }
.gallery li a { display: block; border: 1px solid #fff; margin: 10px; margin-left: 0; margin-right: 18px; }
.gallery li a:hover { border-color: #feb701; }
.gallery li img { display: block; }

.sitepath { float: right; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: -15px; padding-right: 30px; }
.sitepath * { white-space: nowrap; }
.sitepath a { color: #3083d0; }
.sitepath a:visited { color: #8EBBE6 }
.sitepath a:hover { text-decoration: none; color: #034091; }


.feedback { padding: 2ex; }
.feedback td { padding: 0.5ex 1ex; border: none; }
.feedback .text { width: 750px; }
#content-leftmenu .feedback .text { width: 500px; }
.feedback img.captcha { float: left; margin: 0; margin-right: 1ex; }
.feedback input.captcha { width: 10ex; }
.feedback input.submit { padding: 0 3ex; width: auto; }
.feedback .error { padding-top: 1ex; color: maroon; font-weight: bold; }
#feedback-ok { font-size: 150%; margin: 7ex 0; text-align: center; }
.feedback .required { color: maroon; font-weight: bold; }
.feedback td .required { float: left; margin-left: -1.5ex; }
.feedback p { margin: 1ex; margin-top: 3ex; }


.announce-space { height: 230px; overflow: hidden; }
.announce2 { background: url(i/announce.png) 0 0 no-repeat; width: 290px; height: 208px; overflow: hidden; position: absolute; margin: 0px 0 0 -41px; }
.announce2 h2 { font-size: 25px; text-align: center; margin: 0; padding: 0; }
.announce3 { width: 184px; overflow: hidden; margin: 25px 0 0 60px; font-family: Arial; font-size: 13px; }
.announce4 { height: 17ex; overflow: hidden; }
.announce4 p { margin: 3px 0; padding: 0; }
.announce-go { text-align: right; padding: 8px 2ex 0 0; }
.announce-go a { color: #1a679f; text-decoration: underline; }
.announce-go a:hover { text-decoration: none; }
/*
.announce1 { background: url(i/announce/announce_02-v2.jpg) repeat-y; margin: 0 0 20px; }
.announce2 { background: url(i/announce/announce_01-v2.jpg) 0 0 no-repeat; }
.announce3 { background: url(i/announce/announce_03-v2.jpg) 0 100% no-repeat; height: 1%; padding: 65px 27px 20px; font-family: Arial; overflow: hidden; font-size: 12px; }
.announce3 h2 { font-size: 14px; margin: 0; padding: 0; }
/ * .announce4 { height: 170px; } * /
.announce4 { width: 168px; overflow: hidden; }
.announce-go { text-align: right; }
.announce-go a { color: #000; text-decoration: underline; }
.announce-go a:hover { text-decoration: none; }
*/