@charset "utf-8";
body{font:12px/20px Helvetica, Arial, Meiryo, "微軟正黑體", sans-serif; text-align:center; background:#ebe6e1; color:#666; padding:8px;}
a{color:#807F7F;}
a:hover img{filter:alpha(opacity=70); /* IE's opacity*/ opacity: 0.7;}
.body-con{width:980px; margin:0 auto;}
.bold{font-weight:bold}
.grey,a.grey,.grey a{color:#807f7f;}
.red,a.red,.red a{color:#C00;}
.white,a.white,.white a{color:#FFF;}
.lightgrey,a.lightgrey,.lightgrey a{color:#FCA326;}
.black-text,a.black-text,.black-text a{color:#000;}
.blue,.blue a, a.blue{color:#D96125;}
.hidden {display:none}
.header, .content{margin:0 auto; width:1144px;}

ul.menu {background:#f8f8f8; padding:7px 0px 5px 5px; height:15px;}
ul.menu li {float: left;}
ul.menu li a {background:url(/img/menu.png) 0 0 no-repeat; display:block; width:129px; height:14px; text-align:center; color:#AAA; font-weight:normal;}
ul.menu li a.btn2 {background-position:-129px 0}
ul.menu li a.btn3 {background-position:-258px 0}
ul.menu li a.btn4 {background-position:-387px 0}
ul.menu li a.btn5 {background-position:-516px 0}
ul.menu li a.btn6 {background-position:-645px 0}
ul.menu li a.btn7 {background-position:-774px 0;}
ul.menu li a.btn8 {background-position:-903px 0; width:118px;}
ul.menu li a.btn1:hover {background-position:0 -14px}
ul.menu li a.btn2:hover {background-position:-129px -14px}
ul.menu li a.btn3:hover {background-position:-258px -14px}
ul.menu li a.btn4:hover {background-position:-387px -14px}
ul.menu li a.btn5:hover {background-position:-516px -14px}
ul.menu li a.btn6:hover {background-position:-645px -14px}
ul.menu li a.btn7:hover {background-position:-774px -14px}
ul.menu li a.btn8:hover {background-position:-903px -14px}
ul.menu.zh_cn li a.btn1 {background-position:0 -28px}
ul.menu.zh_cn li a.btn2 {background-position:-129px -28px}
ul.menu.zh_cn li a.btn3 {background-position:-258px -28px}
ul.menu.zh_cn li a.btn4 {background-position:-387px -28px}
ul.menu.zh_cn li a.btn5 {background-position:-516px -28px}
ul.menu.zh_cn li a.btn6 {background-position:-645px -28px}
ul.menu.zh_cn li a.btn7 {background-position:-774px -28px;}
ul.menu.zh_cn li a.btn8 {background-position:-903px -28px;}
ul.menu.zh_cn li a.btn1:hover {background-position:0 -42px}
ul.menu.zh_cn li a.btn2:hover {background-position:-129px -42px}
ul.menu.zh_cn li a.btn3:hover {background-position:-258px -42px}
ul.menu.zh_cn li a.btn4:hover {background-position:-387px -42px}
ul.menu.zh_cn li a.btn5:hover {background-position:-516px -42px}
ul.menu.zh_cn li a.btn6:hover {background-position:-645px -42px}
ul.menu.zh_cn li a.btn7:hover {background-position:-774px -42px}
ul.menu.zh_cn li a.btn8:hover {background-position:-903px -42px}
ul.menu li a.language-link {width:36px; background:url(/img/menu.png) -1023px 1px no-repeat; margin-left:30px;}
ul.menu li a.language-link:hover {background:url(/img/menu.png) -1023px -13px}
ul.menu li a.language-link.last {width:30px; background:url(/img/menu.png) -1023px -28px; margin-left:5px;}
ul.menu li a.language-link.last:hover {background:url(/img/menu.png) -1023px -42px}
ul.menu li a:hover {color:#333;}
div#panel h2 {font-weight:normal; font-size:10px;}

div.description {width:610px; height:220px; margin:484px 0 0 125px; position:absolute; color:#222;}
div.description .background, div.description .description-content{width:100%; height:100%; position:absolute;}
div.description .background{background:#FFF; opacity:0.5; filter:alpha(opacity = 50);}
div.description h6{font-size:24px; font-weight:bold; margin:34px 0 0 32px;}
div.description p{margin:13px 24px 0 32px; text-align:justify;}

div.main {height:810px; padding:0 75px; position:relative;}
div.main span.page-name {font-size:14px; font-weight:bold; border-bottom:3px dotted #333; width:auto; color:#333; float:left;}
div.main .left-column {width:568px; margin-right:50px;}
div.main .left-column .subtitle {font-size:16px; font-weight:bold; color:#333; margin-top:16px}
div.main .left-column p {width:100%; text-align:justify; line-height: 20px;}
div.main ul.left-column {width:650px; margin-right:40px;}
div.main ul.left-column .subtitle {font-size:14px}
div.main ul.job-logos li {background:url(/img/dott_line.png) bottom center no-repeat;/*border-bottom:3px dotted #333; */padding:40px 0; text-align:center; width:220px;}
div.logo {text-align:center; height:104px;}
div.bg{background:url(/img/bg.jpg) top center repeat;}

ul.download-table {width:950px;}
ul.download-table li {width:174px; height:174px; border:1px solid #FFF; background:url(/img/border_bg.png); margin:0 14px 14px 0; float:left;}
ul.download-table li a {width:174px; height:174px; display:block;}

div.copyright {font-size:10px; position:absolute; bottom:3px; right:18px; color:#FFF}
.animation-logo {position:absolute; margin:20px auto auto -138px; left:50%;}
.set0 {width:1144px; height:811px; background:#000; position:absolute;}
div.animations, div.animation-controls {position:absolute;}
div.animation-controls {margin:673px 0 0 164px;}
div.animation-controls a {width:14px; height:20px; padding-left:6px; background:url(/img/animation-button.png) no-repeat; float:left; font-size:10px; line-height:16px; color:#000;}
div.animation-controls a.b2 {background-position: -20px 0;}
div.animation-controls a.b3 {background-position: -40px 0;}
div.animation-controls a.b4 {background-position: -60px 0;}
div.animation-controls a.b5 {background-position: -80px 0;}
div.animation-controls a.b6 {background-position: -100px 0;}
div.animation-controls a.b7 {background-position: -120px 0;}
div.animation-controls a.b8 {background-position: -140px 0;}
div.animation-controls a.b9 {background-position: -160px 0;}
div.animation-controls a.b10 {background-position: -180px 0;}
div.animation-controls a.b1.active {background-position: 0 -20px;}
div.animation-controls a.b2.active {background-position: -20px -20px;}
div.animation-controls a.b3.active {background-position: -40px -20px;}
div.animation-controls a.b4.active {background-position: -60px -20px;}
div.animation-controls a.b5.active {background-position: -80px -20px;}
div.animation-controls a.b6.active {background-position: -100px -20px;}
div.animation-controls a.b7.active {background-position: -120px -20px;}
div.animation-controls a.b8.active {background-position: -140px -20px;}
div.animation-controls a.b9.active {background-position: -160px -20px;}
div.animation-controls a.b10.active {background-position: -180px -20px;}

div.bravo-carpet {width:70%; margin:0 auto;}
div.bravo-carpet .paragraph {width:100%; margin:10px 0; float:left; text-align:justify;}