.section{position: relative;}
.section .copy{font-size: 20px;font-weight: 300;line-height: 34px;}
.section .title{font-size: 36px;letter-spacing: 1px;margin-bottom: 30px;}
.section small{font-size:14px;color: rgba(34,34,34,.7)}

/*.top{border-radius:0 0 50% 50%;width:120%;position:relative;left:-10%;background: url("../../images/company/top_bg_ir.jpg") no-repeat center;background-size: cover}*/
.top .top_bg{background: #fff url("/_resource/images/company/top_bg_ir.jpg") no-repeat top center}
.top .inner{height: 480px;display: table;text-align: center;width: 100%;}
.top .inner h2{font-size: 64px;font-weight: 900;color: #fff;line-height: 76px;letter-spacing: 2px;text-align: center;display: table-cell;vertical-align: middle;padding-top: 88px}
.top .inner h2 span{display: block}
.top .inner h2.on span{transform: translateY(0);opacity: 1;transition: all 0.8s;}


.ir_area .inner {width:1080px;margin:0 auto;padding-top: 128px;padding-bottom: 142px}
.ir_area .inner .sub_title{font-size: 42px;line-height: 1;margin-bottom: 30px}
.ir_area .inner .img{margin-bottom: 30px}
.ir_area .inner .copy strong{display: block;font-weight:800 ;line-height: 1;margin-bottom: 20px}


.ir_area .inner .tab_area {text-align: center;margin-bottom:96px;}
.ir_area .inner .tab_area ul li{display: inline-block;margin: 0 18px ;position: relative}
.ir_area .inner .tab_area ul li:before{content: '/';position: absolute;left: -25px;font-size: 32px;top: -2px;color:#ccc;font-weight:300;}
.ir_area .inner .tab_area ul li:first-child:before{display: none}
.ir_area .inner .tab_area ul li a{position: relative;display: block;color:#999;font-size:28px;line-height:34px;}
.ir_area .inner .tab_area ul li a:before{content: '';width: 100%;height: 3px;position: absolute; left: 0;bottom: -8px;
    background: url("/_resource/images/common/tab_line_new.png") no-repeat center / cover;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    -o-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);visibility: hidden;opacity: 0;
}

.ir_area .inner .tab_area ul li a img.on{position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden}
.ir_area .inner .tab_area ul li a:hover img.on{visibility: visible;opacity: 1}
.ir_area .inner .tab_area ul li a:hover img.off{visibility: hidden;opacity: 0}
.ir_area .inner .tab_area ul li a.active img.on{visibility: visible;opacity: 1}
.ir_area .inner .tab_area ul li a.active img.off{visibility: hidden;opacity: 0}

.ir_area .inner .tab_area ul li a.active:before{
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);visibility: visible;opacity: 1;
}
.ir_area .inner .tab_area ul li a:hover:before{
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);visibility: visible;opacity: 1;
}


.ir_area .table_text {width:960px;position:relative;margin:0 auto 15px;}
.ir_area .table_text span {font-size:12px;color:#999;}
.ir_area .table_text .table_title {font-size:16px;color:#222;}
.ir_area .table_text .unit {font-size:13px;color:#666;position:absolute;right:0;top:0;}
.ir_area .table_text .btn_box {position:absolute;right:0;top:0;text-align:right;font-size:0;}
.ir_area .table_text .btn_box a {display:inline-block;vertical-align:top;padding-right:20px;margin-left:20px;background:url('/_resource/images/company/ico_cursor.png') no-repeat right center;font-size:13px;color:#222;}
.ir_area .table_list {width:960px;position:relative;margin:0 auto 60px;}
.ir_area .table_list table {width:100%;border-top:1px solid #909090;border-bottom:1px solid #909090;table-layout:fixed;}
.ir_area .table_list table th {border-bottom:1px solid #d3d3d3;font-size:15px;color:#333;padding:16px 10px;text-align:center;}
.ir_area .table_list table td {border-bottom:1px solid #d3d3d3;font-size:15px;color:#333;padding:16px 10px;}
.ir_area .table_list table td .text_overflow {width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding:4px 0;}
.ir_area .table_list table td.bg_gray {background:#f9f9f9;}
.ir_area .table_list table td.bg_red {background:#fdf0f1;}
.ir_area .table_list table td.bg_blue {background:#f1f6fe;}
.ir_area .table_list table td.highlight {background:#f9f9f9;font-weight:700;text-align:center;}
.ir_area .table_list table tr.total td {background:#f0f0f0;}
.ir_area .table_list table td .link {position:relative;display:inline-block;vertical-align:top;}
.ir_area .table_list table td .link:before {content:'';width:100%;height:1px;background:#333;position:absolute;left:0;bottom:-2px;opacity:0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.ir_area .table_list table td .file {width:13px;height:16px;margin:0 auto;background:url('/_resource/images/company/ico_file.png') no-repeat 0 0;}
.ir_area .table_list table td .link:hover:before {opacity:1}
.ir_area .table_list table td.center {text-align:center;}
.ir_area .table_list table tr:last-child td {border-bottom:0;}
.ir_area .table_list table td.red {color:#ff0000;}
.ir_area .table_list table td.blue {color:#136eeb;}


.ir_area .paging {text-align:center;font-size:0;}
.ir_area .paging a {width:30px;height:30px;display:inline-block;vertical-align:top;text-align:center;line-height:30px;}
.ir_area .paging a.btn {margin:0 5px;}
.ir_area .paging a.prev {margin-right:15px;}
.ir_area .paging a.next {margin-left:15px;}
.ir_area .paging a.num {font-size:14px;color:#999;}
.ir_area .paging a.num.active {color:#333;font-weight:700;}
.ir_area .paging a.num:hover {color:#333;font-weight:700;}

.ir_area .stock_box {width:960px;position:relative;margin:0 auto 70px;}
.ir_area .stock_box ul {overflow:hidden;}
.ir_area .stock_box ul li {width:465px;float:left;}
.ir_area .stock_box ul li:first-child {margin-right:30px;}
.ir_area .stock_box ul li .stock_price {height:105px;box-sizing:border-box;border-top:1px solid #909090;border-bottom:1px solid #909090;overflow:hidden;position:relative;}
.ir_area .stock_box ul li .stock_price .price {width:258px;float:left;text-align:center;position:relative;}
.ir_area .stock_box ul li .stock_price .price:before {content:'';width:1px;height:40px;position:absolute;right:0;top:50%;margin-top:-20px;background:#e2e2e2;}
.ir_area .stock_box ul li .stock_price .price .text {font-size:42px;color:#333;line-height:105px;font-weight:700;position:relative;display:inline-block;vertical-align:top;letter-spacing:-1.4px;}
.ir_area .stock_box ul li .stock_price .price .up {padding-left:30px;}
.ir_area .stock_box ul li .stock_price .price .up:before {content:'▲';color:#ff3200;font-size:20px;position:absolute;left:0;top:0;}
.ir_area .stock_box ul li .stock_price .price .down {padding-left:30px;}
.ir_area .stock_box ul li .stock_price .price .down:before {content:'▼';color:#136eeb;font-size:20px;position:absolute;left:0;top:0;}
.ir_area .stock_box ul li .stock_price .info {width:207px;float:left;box-sizing:border-box;padding:30px 0 0 40px;}
.ir_area .stock_box ul li .stock_price .info dl {overflow:hidden;margin-bottom:6px;}
.ir_area .stock_box ul li .stock_price .info dl dt {width:78px;float:left;font-size:14px;color:#333;font-weight:700;}
.ir_area .stock_box ul li .stock_price .info dl dd {width:89px;float:left;}
.ir_area .stock_box ul li .stock_price .info dl dd .text {font-size:14px;display:inline-block;vertical-align:top;position:relative;}
.ir_area .stock_box ul li .stock_price .info dl dd .up {padding-left:12px;}
.ir_area .stock_box ul li .stock_price .info dl dd .up:before {content:'▲';color:#ff3200;font-size:10px;position:absolute;left:0;top:0;line-height:18px;}
.ir_area .stock_box ul li .stock_price .info dl dd .down {padding-left:12px;}
.ir_area .stock_box ul li .stock_price .info dl dd .down:before {content:'▼';color:#136eeb;font-size:10px;position:absolute;left:0;top:0;line-height:18px;}
.ir_area .stock_box ul li .stock_price .info dl dd .red {color:#ff0000;}
.ir_area .stock_box ul li .stock_price .info dl dd .blue {color:#136eeb;}
.ir_area .stock_box ul li .table_list {width:100%;margin-bottom:0;}

.detail_box {width:960px;position:relative;border:1px solid #ccc;padding:60px;margin:0 auto 85px;}
.detail_box .detail_logo {text-align:center;margin-bottom:20px;}
.detail_box .detail_top {position:relative;padding-bottom:60px;text-align:center;}
.detail_box .detail_top .detail_title {font-size:34px;color:#222;line-height:34px;margin-bottom:15px;}
.detail_box .detail_top .detail_date {font-size:14px;color:#333;line-height:26px;}
.detail_box .detail_top .detail_date span {display:inline-block;vertical-align:top;}
.detail_box .detail_top .detail_date .dot {width:1px;height:14px;background:#ccc;margin:0 10px;position:relative;top:5px;}
.detail_box .detail_top .detail_date .status {height:24px;font-size:12px;color:#999;line-height:24px;text-align:center;border-radius:30px;border:1px solid #d9d9d9;padding:0 10px;}
.detail_box .detail_top .detail_date .status.ing {color:#ff4640;border:1px solid #ff4640;}
.detail_box .detail_top .btn_careers_down {width:210px;height:54px;display:block;margin:40px auto 0;border:1px solid #bfbfbf;text-align:center;font-size:16px;color:#222;line-height:54px;border-radius:54px;}
.detail_box .edit_area {padding-top:30px;}
.detail_box .edit_area img {text-align:center;}
.detail_box .edit_view {border-top:1px solid #ccc;position:relative;}
.detail_box .edit_view .file_area {margin-bottom:60px;position:relative;}
.detail_box .edit_view .file_area dl {padding:0 0 17px 0;background:#f8f8f8;font-size:0;}
.detail_box .edit_view .file_area dl:first-child {padding:17px 0;background:#f8f8f8;font-size:0;}
.detail_box .edit_view .file_area dl dt {width:100px;display:inline-block;font-size:12px;color:#333;text-align:center;}
.detail_box .edit_view .file_area dl dd {display:inline-block;vertical-align:top;}
.detail_box .edit_view .file_area dl dd a {display:inline-block;font-size:12px;color:#555;background:url('/_resource/images/company/ico_file.png') no-repeat 0 center;padding-left:23px;}
.detail_box .edit_view.file {padding-top:0;}

.btn_go_list {width:184px;height:54px;display:block;margin:0 auto;border:1px solid #bfbfbf;text-align:center;font-size:16px;color:#222;line-height:54px;border-radius:54px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.btn_go_list:hover {border:1px solid #222;background:#222;color:#fff;}

#recruit .ir_area .detail_box .edit_area{line-height: 28px}