@charset "UTF-8";

@font-face {
    font-family: 'webfontregular';
    src: url('fonts/sathu-webfont.woff') format('woff'),
         url('fonts/sathu-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*{padding:0; margin:0; list-style:none;}
body {font-family:webfontregular, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#092b4e; background:#fff; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; padding-top:110px;}
img {border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
a {color:#092b4e; text-decoration:none;}
a:hover {color:#d37302; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.clr {clear:both; display:block;}
.innerwrap {margin:0 auto;}

.wpbar {width:100%; float:left; position:fixed; top:0; left:0; z-index:99;}
.wpbar .innerwrap {width:1020px;}
.wpbar .tcon {width:100%; background:#092b4e; height:50px; clear:both; overflow:hidden;}
.wpbar .tcon2 {width:100%; background:#fff; height:60px; clear:both; text-align:center; overflow:hidden;}
.wpbar .lg {float:left;}
.wpbar .tmenu {float:right; color:#fff; line-height:30px; text-transform:uppercase; margin-top:10px;}
.wpbar .tmenu a {color:#fff;}
.wpbar .tmenu a:hover {color:#d37302;}
.wpbar .tmenu li {float:left; padding:0 8px;}
.wpbar .input {font-size:12px; line-height:16px; color:#fff; padding:5px 0; display:inline-block; vertical-align:middle; background:transparent; border:none; border-bottom:#fff 1px solid;}
.wpbar .btn {background:url(../images/icons.png) no-repeat 0 0; width:11px; height:11px; display:inline-block; vertical-align:middle; border:none; text-indent:-9999px; margin:0 5px; cursor:pointer;}
.wpbar .nav {font-size:14px; line-height:60px;}
.wpbar .nav li {display:inline-block; margin:0 20px;}
.wpbar .nav i {background:url(../images/icons.png) no-repeat right -31px; width:12px; height:8px; display:inline-block; vertical-align:middle; margin-left:8px;}

/* scroll */
section {position:relative; width:100%!important; min-width:1000px; overflow:hidden;}
section .innerwrap {width:1020px; position:relative;}
.contents .innerwrap {width:900px!important; padding:40px 60px; background:#fff;}
.contents2 .innerwrap {width:900px!important; padding:40px 60px; background:#fff;}
section .title {font-size:40px; line-height:45px; margin:20px 0; font-weight:normal;}
section .sectitle {font-size:40px; line-height:45px; margin:20px 0; text-transform:uppercase; font-weight:normal;}
section .txt {font-size:20px; line-height:25px; color:#fff; margin-top:20px;}
section .txt2 {font-size:15px; line-height:23px; color:#353f47; padding:20px 0 30px;}
section .txt2 a {color:#d37302;}
section .txt2 a:hover {text-decoration:underline;}
section .line {background:url(../images/bg-dotline.gif) repeat-x bottom left; padding-bottom:50px; margin-bottom:30px;}

#head {height:500px; background:#092b4e url(../images/img-head.jpg) no-repeat 50% 0;}
#head>.parallax {margin:0; height:500px; background:#092b4e url(../images/img-head.jpg) no-repeat 50% 0; position:absolute; top:0; left:0; width:100%;}
#head article {position:absolute; top:200px; left:0; width:400px; z-index:20;}
#head h1 {font-size:40px; line-height:45px; color:#fff;}

#brand {height:380px;}
#brand>.parallax {margin:0; height:380px; background:#092b4e url(../images/img-brands.jpg) 50% 0 no-repeat; position:absolute; top:0; left:0; width:100%;}
#career {height:380px;}
#career>.parallax {margin:0; height:380px; background:#092b4e url(../images/img-career.jpg) no-repeat 50% 0; position:absolute; top:0; left:0; width:100%;}
#adv {height:680px;}
#adv>.parallax {margin:0; height:680px; background:#092b4e url(../images/img-ad.jpg) no-repeat 50% 0; position:absolute; top:0; left:0; width:100%;}

#adv .innerwrap {width:900px!important; padding:70px 190px;}
#adv .innerwrap h3 {color:#fff!important;}
#adv article {background:rgba(255,255,255,0.7); padding:40px 50px;}

.contents .display {width:100%; float:left; text-align:center; clear:both; margin-bottom:25px;}

.brd-con {width:100%; float:left; clear:both; background:#f4f5ef; margin:10px 0 20px;}
.brd-con .box {width:90%; float:left; padding:20px 5%; font-size:15px; line-height:24px; color:#606a72;}
.brd-con .ic-t {background:url(../images/icons.png) no-repeat 0 -59px; width:50px; height:50px; display:inline-block; float:left; margin-right:15px; margin-top:-30px;}
.brd-con .ic-itp {background:url(../images/icons.png) no-repeat 0 -111px; width:50px; height:50px; display:inline-block; float:left; margin-right:15px; margin-top:-30px;}
.brd-con .ic-mna {background:url(../images/icons.png) no-repeat 0 -163px; width:50px; height:50px; display:inline-block; float:left; margin-right:15px; margin-top:-30px;}
.brd-con .box .t1 {font-size:16px; line-height:22px; color:#092b4e; margin-bottom:20px;}
.brd-con .box .t2 {text-align:right; margin-top:20px;}
.brd-con .box .t2 a {color:#d37302;}
.brd-con .box .t2 a:hover {text-decoration:underline;}

.subscribe {width:100%; float:left; clear:both; text-align:center; padding:20px 0 60px;}
.subscribe .t1 {font-size:18px; line-height:40px; vertical-align:middle;}
.subscribe .select-wp {background:#eeeeee; height:40px; display:inline-block; vertical-align:middle; margin:0 5px;}
.subscribe .select {font-size:14px; height:20px; margin:10px 10px; padding-right:20px; color:#888; border:0; outline:0; display:inline-block; background:url(../images/icons.png) no-repeat right -25px; cursor:pointer;}
.subscribe .input {font-size:14px; height:20px; padding:10px; color:#888; border:none; display:inline-block; vertical-align:middle; background:#eeeeee; width:180px;}
.subscribe .btn {font-size:14px; line-height:40px; height:40px; padding:0 20px; color:#fff; border:none; display:inline-block; vertical-align:middle; background:#5285ad; cursor:pointer; margin-left:5px;}
.subscribe .btn:hover {background:#0a2a4c;}
.subscribe output {display:block; margin-top:10px;}

#contact .col {width:25%; float:right; margin-top:20px;}
#contact .col2 {width:60%; float:left; border-right:#ddd 1px dotted; padding-right:8%; margin-top:20px;}
#contact .t1 {font-size:18px; line-height:22px; font-weight:bold; color:#5285ad; margin-bottom:20px;}
#contact .t2 {font-size:15px; line-height:20px; font-weight:bold; margin-bottom:15px;}
#contact .t3 {font-size:15px; line-height:23px; color:#353f47; margin-bottom:15px;}
#contact .t3 a {color:#d37302;}
#contact .t3 a:hover {text-decoration:underline;}
#contact .t4 {font-size:14px; line-height:18px; color:#1d528a; margin-bottom:4px;}
#contact .t5 {margin-bottom:15px;}
#contact .input {background:#eee; border:medium none; border-radius:2px; box-shadow:0 1px 2px 0 #999 inset; font-size:12px; line-height:18px; padding:5px 10px; color:#666; display:inline-block; width:80%;}
#contact .btn {font-size:14px; line-height:40px; height:40px; padding:0 20px; color:#fff; border:none; display:inline-block; vertical-align:middle; background:#5285ad; cursor:pointer; margin-left:5px;}
#contact .btn:hover {background:#0a2a4c;}
#contact .btn2 {font-size:14px; line-height:40px; height:40px; padding:0 20px; color:#fff; border:none; display:inline-block; vertical-align:middle; background:#666; cursor:pointer; margin-left:5px;}
#contact .btn2:hover {background:#0a2a4c;}

/* footer */
.footer {width:100%; float:left; color:#fff;}
.footer a {color:#fff;}
.footer a:hover {color:#d37302;}
.footer .innerwrap {width:1020px;}
.fcon {width:100%; float:left; background:#0a2a4c; clear:both; padding:20px 0 30px;}
.fcon2 {width:100%; float:left; height:50px; font-size:11px; line-height:50px; background:#08223d; clear:both;}
.fcon .col {float:left;}
.fcon .col2 {float:right; margin-top:10px; line-height:20px;}
.fcon .fmenu {clear:both;}
.fcon .fmenu li {float:left; margin-right:20px;}
.fcon2 .address {float:left;}
.fcon2 .copy {float:right;}

@media screen and (max-width:1280px) {
  #adv .innerwrap {padding:70px 50px;}
}