@charset "UTF-8";
/* CSS Document */

* { padding: 0; margin: 0; }
html { background: #eeeeee url(../img/bg.jpg) top left repeat-x; }
body { margin: 0px auto; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; background: url(../img/pin.jpg) top center repeat-y; }
#Container { width: 960px; margin: 0px auto; }
.clear { clear: both; }
.frame { padding: 2px; border: 1px solid #cccccc; }
.pic-rt { float: right; margin: 0px 0px 10px 10px; }

.hd { height: 34px; width: 930px; line-height: 34px; font-weight: bold; color: #dddddd; text-align: right; background: url(../img/hd.jpg) top left no-repeat; padding: 0px 15px; }
.hd span { color: #ffffff; }
.hd a { float: left; text-align: left; color: #ffffff; text-decoration: none; }
.hd a:hover { color: #dddddd; }

.nav { height: 105px; width: 940px; line-height: 105px; font-size: 14px; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: .25px; padding: 0px 10px; }
.nav a img { float: left; border: none; margin-top: 15px; }
.nav ul { list-style: none; float: right; }
.nav ul li { float: left; color: #dddddd; }
.nav ul li a { color: #999999; text-decoration: none; font-weight: bold; }
.nav ul li a:hover { color: #009ddc; }

.ban { height: 371px; width: 960px; background: url(../img/ban.jpg) top left no-repeat; margin-top: -22px; margin-bottom: 20px; }
.ban .tag { font-weight: bold; font-size: 15px; line-height: 24px; padding: 146px 500px 24px 20px; color: #888888; }
a .ban-1 { width: 211px; height: 127px; float: left; display: inline; background: url(../img/ban-pin.jpg) right center no-repeat; color: #ffffff; font-weight: bold; padding: 0px 15px 0px 15px; text-decoration: none; cursor: pointer; }
a .ban-2 { width: 210px; height: 127px; float: left; display: inline; background: url(../img/ban-pin.jpg) right center no-repeat; color: #ffffff; font-weight: bold; padding: 0px 15px 0px 15px; text-decoration: none; cursor: pointer; }
a .ban-3 { width: 210px; height: 127px; float: left; display: inline; background: url(../img/ban-pin.jpg) right center no-repeat; color: #ffffff; font-weight: bold; padding: 0px 15px 0px 15px; text-decoration: none; cursor: pointer; }
a .ban-4 { width: 209px; height: 127px; float: left; display: inline; color: #ffffff; font-weight: bold; padding: 0px 15px 0px 15px; text-decoration: none; cursor: pointer; }
a .ban-1 h3, a .ban-2 h3, a .ban-3 h3, a .ban-4 h3 { font-size: 17px; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: .25px; color: #333333; padding: 12px 0px 10px 0px; }
a:hover .ban-1 h3, a:hover .ban-2 h3, a:hover .ban-3 h3, a:hover .ban-4 h3 { color: #0b7eab; }
a .btn-learn { display: block; height: 24px; width: 107px; background: url(../img/btn-learn.jpg) top left no-repeat; margin-top: 16px; }
a:hover .btn-learn { background-position: bottom left; }

.banner-2 { height: 243px; width: 960px; background: url(../img/ban-2.jpg) top left no-repeat; margin: 20px 0px; }
.banner-2 .tag-2 { font-weight: bold; font-size: 15px; line-height: 24px; padding: 146px 500px 24px 20px; color: #888888; }

.main { float: left; display: inline; width: 645px; margin-right: 20px; }
.main h1 { display: block; width: 625px; height: 34px; line-height: 34px; font-size: 17px; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: .25px; color: #ffffff; background: url(../img/hd-645.jpg) top left no-repeat; padding: 0px 10px; }
.bx-645 { width: 623px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 15px 10px 0px 10px; }
.bx-645 h2 { color: #333333; font-size: 14px; padding-bottom: 4px; }
.bx-645 h2 span { display: block; color: #999999; font-size: 12px; }
.bx-645 p { padding-bottom: 18px; }
.bx-645 ul { list-style: circle; margin-bottom: 18px; }
.bx-645 ul li { margin-left: 30px; }
.bx-645 ul li ul { list-style: disc; margin-bottom: 0px; }
.bx-645 hr { color: #cccccc; background: #dddddd; height: 1px; border: none; margin-bottom: 18px; }
.bx-645 strong { color: #333333; }
.bx-645 a { color: #009ddc; text-decoration: none; }
.bx-645 a:hover { color: #333333; }

.side { float: left; display: inline; width: 295px; }
.side h1 { display: block; width: 275px; height: 34px; line-height: 34px; font-size: 17px; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: .25px; color: #ffffff; background: url(../img/hd-295.jpg) top left no-repeat; padding: 0px 10px; }
.bx-295 { width: 273px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 15px 10px 0px 10px; }
.bx-295 h2 { color: #333333; font-size: 14px; padding-bottom: 4px; }
.bx-295 p { padding-bottom: 18px; }
.bx-295 ul.list { list-style: circle; margin-bottom: 18px; }
.bx-295 ul.list li { margin-left: 20px; line-height: 20px; }
.bx-295 strong { color: #333333; }
.bx-295 a { color: #009ddc; text-decoration: none; }
.bx-295 a:hover { color: #333333; }
.bx-295 label { display: block; color: #333333; font-weight: bold; font-size: 13px; }
.bx-295 input { width: 265px; border: 1px solid #cccccc; background: url(../img/form-bg.jpg) top left no-repeat; padding: 3px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 8px; }
.bx-295 input:hover, .bx-295 input:focus, .bx-295 input:active { border: 1px solid #999999; }
.bx-295 textarea { width: 265px; border: 1px solid #cccccc; background: url(../img/form-bg.jpg) top left no-repeat; padding: 3px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 8px; }
.bx-295 textarea:hover, .bx-295 textarea:focus, .bx-295 textarea:active { border: 1px solid #999999; }
.bx-295 input.btn-send { display: block; height: 22px; width: 69px; background: url(../img/btn-send.jpg) top left no-repeat; border: none; padding: 0px; cursor: pointer; margin: 2px 0px 12px 0px; }
.bx-295 input.btn-send:hover, .bx-295 input.btn-send:focus, .bx-295 input.btn-send:active { background-position: bottom left; }

.ft { height: 50px; width: 930px; background: #e4e4e4 url(../img/btm.jpg) bottom left no-repeat; margin-top: 10px; padding: 15px; }
.ft strong { color: #333333; }
.ft a { color: #666666; text-decoration: none; }
.ft a:hover { color: #009ddc; }
.ft-clear { height: 10px; }

#acc { list-style: none; padding-bottom: 18px; }
#acc li { margin-left: 0px; }
#acc h3 { color: #009ddc; cursor: pointer; padding-bottom: 4px; }
#acc h3:hover { color: #333333; }
#acc .acc-section { overflow: hidden; }
#acc .acc-content { padding: 0px 15px; }
#acc .acc-content ul { list-style: circle; margin-bottom: 18px; }
#acc .acc-content ul li { margin-left: 30px; }

.profile p { line-height: 20px; }
.profile img { margin-bottom: 18px; }

.box { width: 623px; background: #eeeeee url(../img/bx-top.png) top left no-repeat; margin-bottom: 18px; }
p.box-text { width: 603px; background: url(../img/bx-btm.png) bottom left no-repeat; padding: 10px; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: .25px; font-style: italic; line-height: 20px; font-size: 14px; }
p.box-text span { display: block; text-align: right; font-family: Arial, Helvetica, sans-serif; font-style: normal; padding-top: 8px; font-size: 12px; font-weight: bold; }
p.box-text span strong { color: #009ddc; }

ul#portfolio { padding: 0; margin: 0; list-style-type: none; }
ul#portfolio li { margin-left: 0px; }

.bx-blog { width: 623px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 15px 10px 0px 10px; }
.bx-blog h2 { color: #333333; font-size: 14px; padding-bottom: 4px; }
.bx-blog h2 span { display: block; color: #999999; font-size: 12px; }
.bx-blog p { padding-bottom: 18px; }
.bx-blog ul { list-style: circle; margin-bottom: 18px; }
.bx-blog ol { margin-bottom: 18px; }
.bx-blog ul li { margin-left: 30px; }
.bx-blog ol li { margin-left: 30px; }
.bx-blog hr { color: #cccccc; background: #dddddd; height: 1px; border: none; margin-bottom: 18px; }
.bx-blog strong { color: #333333; }
.bx-blog a { color: #009ddc; text-decoration: none; }
.bx-blog a:hover { color: #333333; }
p.box-text-2 { width: 603px; background: url(../img/bx-btm.png) bottom left no-repeat; padding: 10px; }

.arrow { width: 556px; height: 83px; background: url(../img/arrow.png) top left no-repeat; color: #009ddc; font-weight: bold; font-size: 17px; line-height: 26px; margin-bottom: 18px; text-align: center; padding: 32px 68px 0px 0px; }
.arrow-2 { width: 295px; height: 170px; background: url(../img/arrow-2.png) top left no-repeat; color: #009ddc; font-weight: bold; font-size: 14px; line-height: 20px; text-align: center; padding-top: 40px; }


.bx-land { height: 516px; width: 275px; padding: 15px 10px 0px 10px; background: url(../img/land-bg.jpg) top left no-repeat; }
.bx-land h2 { color: #333333; font-size: 14px; padding-bottom: 4px; }
.bx-land p { padding-bottom: 18px; }
.bx-land label { display: block; color: #333333; font-weight: bold; font-size: 13px; }
.bx-land input { width: 265px; border: 1px solid #cccccc; background: #ffffff url(../img/form-bg.jpg) top left no-repeat; padding: 3px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 10px; }
.bx-land input:hover, .bx-295 input:focus, .bx-295 input:active { border: 1px solid #999999; }
.bx-land textarea { width: 265px; border: 1px solid #cccccc; background: #ffffff url(../img/form-bg.jpg) top left no-repeat; padding: 3px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 8px; }
.bx-land textarea:hover, .bx-295 textarea:focus, .bx-295 textarea:active { border: 1px solid #999999; }
.bx-land input.btn-send { display: block; height: 28px; width: 89px; background: url(../img/land-btn.jpg) top left no-repeat; border: none; padding: 0px; cursor: pointer; margin: 10px 0px 0px 0px; }
.bx-land input.btn-send:hover, .bx-295 input.btn-send:focus, .bx-295 input.btn-send:active { background-position: bottom left; }