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

@import url("../fonts/font.css");

/*reset style*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/*common css*/
.clearfix:after {visibility: hidden; display: block; font-size: 0; content:" "; clear: both; height:0}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* close commented backslash hack */
.clear{clear:both;}

body{font-family: 'open_sanslight';}

h1, .head1{font-size:3.5em; line-height:1.4em; margin-bottom:20px;font-family: 'open_sansbold';}
h2, .head2{font-size:2.5em; line-height:1.0em; margin-bottom:20px;}
h3, .head3{font-size:1.8em; line-height:1.8em;font-family: 'open_sanssemibold';}
h4, .head4{font-size:1.5em; line-height:1.8em;font-family: 'open_sanssemibold';}
h5, .head5{}
h6, .head6{}

.white-txt{color:#ffffff;}
.white-bg{background:#ffffff;}
.grey-bg{background:#e9e9e9; }

a{font-family: 'open_sanslight'; text-decoration:none;}
a:hover{}
a:active{}
p{font-size:18px; line-height:24px; margin-bottom:5px;font-family: 'open_sanslight'; color:#929da3;}
p.large{font-size:20px; line-height:26px; margin-bottom:5px;}
.wrapper{margin:auto; width:1000px;}
.wrapper-inner{; margin:auto}

/*helper classes*/
.pull-left{float:left}
.pull-right{float:right}
.hidden{display:none}
.center{text-align:center}


header{background:#ffffff; padding:5px 0 5px; border-bottom:1px solid #ededed; box-shadow:0 6px 10px #ededed;}
header .logo{float:left; padding:0 24px 0 0; background:url(../images/right-arrow-logo.png) center right no-repeat;}
header nav{float:left; padding-top:13px;}
header nav ul li{padding: 0 9px 0; display:inline-block;}
header nav ul li a{display:block; padding:8px 15px; font-size:0.9em; color:#000000; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -webkit-border-radius:2px; transition:all 0.5s;}
header nav ul li a:hover{background:rgba(0,0,0,0.5); color:#ffffff;}

.reg{float:right; padding-top:13px;}
.reg ul li {padding: 0 0 0 18px; display:inline-block;}
.reg ul li a{display:block; padding:8px 0px 8px 22px; font-size:0.9em; color:#000000;}
.reg ul li a.sign{background:url(../images/sign-in-icon.png) center left no-repeat;}
.reg ul li a.regis{background:url(../images/reg-icon.png) center left no-repeat;}

.banner{background:url(../images/banner.jpg) center center no-repeat;}
.banner .ban-msg{padding:45px 0 6px 0;}
.banner .ban-msg h1 span{display:block; font-family:'open_sanslight'; font-size:38px;}

.reg-form{padding-bottom:70px; position:relative}
.reg-form form{padding-top:20px;}
.reg-form .col{display:inline-block; position:relative;}
.reg-form .col input[type="text"]{padding:10px; border:1px solid #ededed; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; font-family: 'open_sanslight_italic';coloe:#8f8f8f;}
.reg-form .col input[type="text"]:active,.reg-form .col input[type="text"]:focus{outline: none; border-color: #9ecaed; box-shadow: 0 0 10px #9ecaed;}
.reg-form .col input[type="submit"],.reg-form .col input[type="button"]{font-family: 'open_sanssemibold'; color:#ffffff; background:#aa1813; font-size:1.3em; border:1px solid #9a130e; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; padding:2px 12px 9px; height:40px; cursor:pointer;}
.reg-form .col input[type="submit"]:hover{background:#9a130e;}
.reg-form .col.col1 input{width:305px; margin-right:10px}
.reg-form .col.col2 input{width:210px;margin-right:10px}
.reg-form .col.col3 input{width:160px;margin-right:10px}
.reg-form .col.col4 input{width:160px;}
.msg-bx{height:20px; width:100%; text-align:center; position:absolute; bottom:25px;}


.scroll{padding:10px 0 25px;}
.list-grp{overflow-x:hidden;}
.list-grp .list-item{display:inline-block; margin-right:-20px;}
.scroll .bx-wrapper{margin:0 !important;}
.scroll .bx-viewport{background:none !important; border:none !important; left:0 !important; box-shadow:none !important; height:auto !important }

.mid-sec{padding-top:30px;}
.left-sec{width:657px; float:left;}
.right-sec{width:314px; float:right;}
.box-container{width:100%; background:#f6f6f6; margin-bottom:30px;}
.box-container .box-inner{padding:28px 28px 18px;}

.tabs li{font-family: 'open_sanslight'; color:#000000; font-size:14px; display:inline-block; margin-right:20px; cursor:pointer; padding-bottom:7px;}
.tabs li.active{font-weight:bold; background:url(../images/active-tab-border.png) bottom repeat-x;}
.tabs li.last{margin-right:0px;}
.tabsec{padding:40px 0 0px; }
.tabsec li{display:none;}
.tabsec li.active{display:block;}
.totalj{padding:15px 20px; background:#ffffff; position:relative}
.totalj .search{color:#000000;font-family: 'open_sanssemibold';font-size:20px;}
.totalj .search span{color:#aa1813;}
.totalj .search span.all{position:absolute;right:20px; text-decoration:underline; font-size:14px; font-weight:normal;font-family: 'open_sanslight'; line-height:18px; cursor:pointer;}
.box-container.tab .box-inner{padding-bottom:10px;}
.box-container.top .box-inner{padding-bottom:0px;}

.list-grp{padding-top:18px;}
.list-grp .colgrp1{width:177px; display:inline-block; margin-right:30px;}
.list-grp .colgrp1.last{margin-right:0;}
.list-grp .colgrp1 .row{padding-bottom:10px;}
.list-grp .colgrp1 .row div{font-family: 'open_sanslight'; font-size:14px; margin-bottom:4px;}
.list-grp .colgrp1 .row a{text-decoration:underline; display:block; margin-bottom:4px; color:#1264c9; font-size:14px;}

.box-title{line-height:1em; padding-bottom:20px; border-bottom:1px solid #d2d2d2; }
.top-list{padding:40px 0 0px;}
.top-list .col2{width:50%; display:inline-block; margin-bottom:30px;}
.top-list .col2.left{float:left}
.top-list .col2.right{float:right}
.top-list .col2 .img-blk{ float:left; margin-right:20px; min-height:86px;}
.top-list .col2.left .txt-blk{padding-right:40px;}
.top-list .col2.right .img-blk{padding-left:40px;}
.top-list .col2.left{background:url(../images/top-company-border.png) repeat-y right}
.top-list .col2 .txt-blk h5{font-family: 'open_sanssemibold';font-size:14px; padding-bottom:20px;}
.top-list .col2 .txt-blk div{font-size:14px;}
.top-list .col2 .txt-blk div span{display:block; line-height:16px;}

.box-container.ban .box-inner{padding:6px;}
.box-container.vscroll .box-inner{padding:28px 0 28px 20px;}
.box-container.vscroll .box-title{margin-right:28px;}
.vscroll-conatainer{height:334px; overflow-y:scroll;}
.vscroll-conatainer h5{font-weight:bold; font-size:14px; padding-top:25px;}
.vscroll-conatainer ul li{padding-top:16px;}
.vscroll-conatainer ul li a{color:#aa1813; display:block; font-size:14px; line-height:16px; font-weight:bold}
.vscroll-conatainer ul li span{display:block; font-size:14px; margin-top:4px;}

section.row{padding:40px 0;}
section.row h2 span{font-weight:bold;}
section.row p{color:#333333}
.features{padding:60px 0 10px;}
.features .col3{width:50%; text-align:left}
.features .col3 .box-inner{padding:0 80px;}
.features .col3 .img-blk{width:70px; float:left; min-height:100px;}
.features .col3 .txt-blk{font-size:14px; line-height:16px; color:#666666}
.features .col3 .txt-blk strong{display:block; font-weight:bold; margin-bottom:12px; color:#000000;}
.features .col3.left{float:left}
.features .col3.right{float:right}

.testi{padding:30px 0 10px;}
.testi .col4{width:300px; float:left; margin-right:30px; text-align:left; font-style:italic;}
.testi .col4.last{margin-right:0;}
.testi .col4 .lef{float:left; width:100px;}
.testi .col4 .rig{float:right; width:200px;}
.testi .col4  .deg p{padding-top:5px; border-top:1px solid #999999; font-style:normal; color:#000000; font-weight:bold}
.testi .col4  .deg p span{display:block; font-size:12px; color:#999999;}
.testi .col4 p{font-size:14px; color:#666666; padding-bottom:5px;}

footer{border-top:1px solid #999999; padding:30px 0 50px;}
.copy{color:#8e8e8e; font-size:13px; float:left;}
.foot-nav{float:right;}
.foot-nav ul li{display:inline-block; font-size:13px; color:#e1e1e1}
.foot-nav ul li a{color:#000000;}

.col label{position:absolute; bottom:30px; color:#ffffff; font-size:11px;  bottom:-16px; left:8px;}