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

body {font: 62.5% "微軟正黑體", Arial, Helvetica, sans-serif;color: #227BBB;}
h1, h2, h3 {text-shadow: none;}
.third_party p {font-size: inherit;line-height: inherit;color: inherit;}
.wrapper {width: 1000px;margin: 0 auto;}
.header {height: 550px;padding-top: 40px;background: url(../images/third_party/header_bg.jpg) repeat-x;}
.header_title {float: left; width: 440px;}
.header_img {float: right;width: 560px;height: 420px;background: url(../images/third_party/header_img.png) no-repeat;}
.header h1 {width: 400px;height: 110px;margin-top: 60px;text-indent: -9000px;background: url(../images/third_party/header_title.png) no-repeat;}
.header p {width: 400px;height: 50px;margin-top: 60px;text-indent: -9000px;background: url(../images/third_party/header_text.png) no-repeat;}
.nav {
  position: absolute;
  top: 540px;
  width: 100%;
  height: 90px;
  text-align: center;
  background: rgb(0,160,233); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(0,160,233,1) 0%, rgba(0,104,183,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,160,233,1)), color-stop(100%,rgba(0,104,183,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A0E9', endColorstr='#0068B7',GradientType=0 ); /* IE6-9 */
  background-size: auto 200%;
  transition: background-position 0.5s;
}
.nav ul {display: inline-block;width: 1000px;}
.nav li {
  float: left;
  width: 250px;
  height: 90px;
  text-indent: -9000px;
  background: rgb(0,160,233); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(0,160,233,1) 0%, rgba(0,104,183,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,160,233,1)), color-stop(100%,rgba(0,104,183,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A0E9', endColorstr='#0068B7',GradientType=0 ); /* IE6-9 */
  background-size: auto 200%;
  transition: background-position 0.5s;
}
.nav li a {display: block;width: 250px;height: 90px;background: url(../images/third_party/nav_btn.png) no-repeat;}
.nav li:hover {background-position: 0 100%;}
.nav li.nav_btn_01 a {background-position: 0 0;}
.nav li.nav_btn_02 a {background-position: -250px 0;}
.nav li.nav_btn_03 a {background-position: -500px 0;}
.nav li.nav_btn_04 a {background-position: -750px 0;}
.box1, .box2, .box3 {height: 410px;padding: 70px 0;}
.box3 {margin-bottom: 80px;}
.box_title {width: 600px;margin: 0 auto;text-align: center;}
.box_title p {display: inline-block;margin-top: 20px;font-size: 1.8em;line-height: 1.6em;text-align: left;color: #227BBB;}
.box_title h2 {width: 600px;height: 30px;text-indent: -9000px;background: url(../images/third_party/box_title.png) no-repeat;}
.box1 .box_title h2 {background-position: 0 0;}
.box2 .box_title h2 {background-position: 0 -30px;}
.box3 .box_title h2 {background-position: 0 -60px;}
.box_content {margin-top: 90px;}
.box1 .box_content div {float: left;width: 330px;height: 215px;margin-left: 5px;text-align: center;}
.box1 .box_content div:first-child {margin-left: 0;}
.box1 .box_content div p {display: inline-block;width: 290px;margin-top: 30px;font-size: 1.6em;line-height: 1.4em;text-align: left;}
.box2 .box_content {width: 1000px;height: 215px;font-size: 1.6em;background: url(../images/third_party/box2_content.jpg) no-repeat;}
.box2_l {float: left;width: 330px;text-align: center;}
.box2_r {float: left;margin-left: 20px;}
.box2_r div {heigth: 60px;margin-top: 20px;}
.box2_r div:first-child {margin-top: 0;}
.box2_r p {display: inline-block;margin-left: 20px;}
.box3 .box_content {width: 1000px;height: 250px;margin-top: 30px;}
.box3 h3 {font-size: 2em;font-weight: normal;}
.box3 img {margin-top: 10px;}
.text {height: 110px;margin-top: 30px;}
.text p {font-size: 1.6em;}
.box3_l .text:first-of-type {margin-top: 0;}
.box3_r .text:first-of-type {margin-top: 0;}
.box3_l {float: left;width: 250px;padding-left: 35px;}
.box3_r {float: left;width: 250px;padding-right: 25px;padding-left: 10px;}
.middle_img {float: left;}
.link {background: #227BBB;border-radius: 4px;}
.link a {margin: 0 15px;font-size: 0.8em;color: #FFF;}
.link a:hover {text-decoration: none;}
.link span {border-right: 1px solid #FFF;}
.line {width: 980px;height: 1px;margin: 0 auto;background: url(../images/third_party/line.png) no-repeat;}
.go_top    {font-size: 12px;}
.gblHeader {font-size: 12px;}
.footer    {font-size: 12px;}