@CHARSET "UTF-8";

.sub {
    padding-top: 89px;
    padding-bottom:200px
}
.sub_panel{width:1200px;margin:0 auto;padding-top:25px}
.colorGr{color:#339900}
.colorBu{color:#356ee2}
.colorRe{color:#cc3333}

.top_header{background:url(/images/user/sub/bg_sub02.png?25322154838) repeat-x;}
.top_header .top_inner{position:relative;width:1200px;height:99px;margin:0 auto;}
.top_header .tit{position:relative;font-size:36px;color:#fff;font-weight:bold;line-height:1;padding-top:47px;padding-left: 20px;}
.top_header .tit:before{content:"";position:absolute;top: 49px;left:0;width: 4px;height: 32px;border-radius:20px;background-color:#fff;}

.location{position:absolute;bottom:25px;right:10px;color:#000;}
.location > *{display:inline-block;vertical-align:middle;font-weight:400}
.location .home{width:13px;height:11px;text-indent:-9999px;margin-right:5px;background:url(/images/user/sub/bg_home.png?25322154838) no-repeat;}
.location .clamp{width:5px;height:9px;text-indent:-9999px;padding:0 5px;background:url(/images/user/sub/bg_clamp.png?25322154838) 50% 0 no-repeat;}
.no_data{font-size:16px;line-height:24px;font-weight:bold;text-align:center;}
.no_data p{margin:40px 0}

.location_ex{bottom:25px;right:10px;color:#000;}
.location_ex > *{display:inline-block;vertical-align:middle;font-weight:400}
.location_ex .home{width:13px;height:11px;text-indent:-9999px;margin-right:5px;background:url(/images/user/sub/bg_home.png?25322154838) no-repeat;}
.location_ex .clamp{width:5px;height:9px;text-indent:-9999px;padding:0 5px;background:url(/images/user/sub/bg_clamp.png?25322154838) 50% 0 no-repeat;}

.login_form{width:400px;margin:0 auto;padding-top:76px}
.login_head{padding-top:196px;margin-bottom:90px;text-align:center;background:url(/images/user/sub/bg_cloud.png?25322154838) 50% 0 no-repeat;}
.login_head span{font-size:24px;font-weight:500;letter-spacing:-1px;}
.login_head strong{font-size:36px;color:#3868d1;letter-spacing:-1px;margin-top:5px}
.login_head > *{display:block;}
.login_form .input_box{position:relative;display:block;margin-bottom:25px}
.login_form label {position:absolute;top:12px;left:12px;font-weight:500;color:#999}
.login_form input{width:100%;font-size:24px;font-weight:500;border:0;border-bottom:2px solid #e6e6e6;padding-left:109px;padding-bottom:15px;box-sizing:border-box;}
.login_form input:focus{border-color:#2775d4;outline:none}
.login_form .btn_login{font-size:16px;font-weight:500;width:100%;line-height:1;color:#fff;padding:17px 0;background-color:#3868d1;
-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.18);
box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.18);}
.search_wrap{margin-bottom:12px;overflow:hidden;}
.nbg span{color:#666;font-weight:500}
.nbg strong{color:#333}
.search_wrap .nbg{float:left;padding:10px 0}
.search_wrap .nbg .page{position:relative;padding-left:10px}
.search_wrap .nbg .page:before{content:"";position:absolute;top: 3px;left: 3px;width:1px;height: 14px;background-color:#ededed;}
.search_wrap .tp_search{float:right;}
.tp_search .view_btn, .tp_search .sel, .tp_search .fm_input{float:left;}
.tp_search .sel select{width:160px}
.tp_search .fm_input{width:270px}
.tp_search .fm_input input{width:100%}
.tp_search .group{position:relative;float:left;}
.tp_search .group +.group{padding-left:26px}
.tp_search .line:before{content:"";position:absolute;top:0;left:13px;width:1px;height:39px;background-color:#f2f2f2}
.tp_search .sel + .sel{margin-left:10px}
.tp_search .sel + .fm_input{margin-left:2px}
.tp_search .view_btn{width:58px;color:#fff;font-weight:700;border:1px solid #333;padding:10px 0;text-align:center;background-color:#666;margin-left:3px}
.tp_search .sh_btn{width:78px;color:#fff;font-weight:500;border:1px solid #000;padding:10px 0;text-align:center;background-color:#333;margin-left:3px}

.search_wrap2{margin-bottom:12px;overflow:hidden;}
.search_wrap2 .nbg{float:left;padding:10px 0}
.search_wrap2 .nbg .page{position:relative;padding-left:10px}
.search_wrap2 .nbg .page:before{content:"";position:absolute;top: 3px;left: 3px;width:1px;height: 14px;background-color:#ededed;}
.search_wrap2 .tp_search{float:right;}

.order{display:inline-block;vertical-align:middle;}
.order a{display:block}
.order .top, .order .btm, .order.top, .order.btm {
	background-position: 50%;
	background-repeat: no-repeat;
	height: 5px;
	padding: 10px;
	text-indent: -9999px;
	width: 9px;
}
.order .top, .order.top {
	background-image: url(/images/user/sub/bg_order_top.png?25322154838);
}
.order .btm, .order.btm {
	background-image: url(/images/user/sub/bg_order_bottom.png?25322154838);
}
.order .top + .btm, .order.top, .order.btm {
	margin-top: 5px;
}
.img_list img:first-child{margin-left:0}
.img_list img{border:1px solid #ccc;max-width:150px;float:left;margin-left:3px;margin-top:5px}
.agree_terms > *{display:inline-block;vertical-align:middle;}
.agree_terms input{width:15px;height:15px}
.agree_terms .btn{margin-left:5px}

.cont_area {
	border-top: 2px solid #000;
	border-bottom: 1px solid #b2b2b2;
}
.cont_area > li {
	border-top: 1px solid #e0e0e0;
	clear: both;
	min-height: 153px;
	padding: 20px 10px;
	position: relative;
}
.cont_area > li:first-child {
	border-top: 0
}
.cont_area > li.no_result {
	font-size: 18px;
	min-height: 90px;
	padding-top: 70px;
	text-align: center;
}
.cont_area .thumb {
	left: 10px;
	position: absolute;
	top: 20px;
}
.cont_area .cont_info {
	margin-left: 55px;
	padding-left: 198px;
	padding-top: 10px;
}
.cont_area .cont_info a {
	font-size: 18px;
	font-weight: 700;
}
.cont_area .cont_info a:hover {
	text-decoration: underline;
}
.cont_area .cont_info span {
	word-break: break-all;
	word-wrap: break-word;
}
.cont_area .cont_info .txt_info {
	display: block;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cont_area .txt {
	margin-top: 25px;
}
.cont_area .txt li {
	line-height: 24px;
}
.cont_area .txt .dt {
	display: inline-block;
	width: 70px;
	color: #666;
}
.cont_area .txt .dtf {
	color: #666;
	display: inline-block;
	padding-right: 15px;
}
.cont_area .txt .dd {
	display: inline-block;
	color: #333;
}
.cont_area .txt a.dd {
	font-size: 14px;
	font-weight: normal;
}
.cont_area .txt a.dd:after {
	color: #a0a0a0;
	content: "\f360";
	font-family: awesome;
	padding-left: 5px;
}
.cont_area .txt.float li {
	float: left;
}
.cont_area .txt.split li:not(:last-of-type):after {
	content: "|";
	padding-left: 15px;
	padding-right: 15px;
}

.img_thumb img {
	border: 1px solid #ccc;
}
.img_thumb img:hover {
	border-color: #cc3333;
	cursor: pointer;
}

.error_info .error_title{font-size:24px;text-align:center;margin-bottom:50px;padding-top:148px;background:url(/images/user/sub/bg_error.png?25322154838) 50% 0 no-repeat;}
.error_info .error_txt{text-align:center;}
.error_info .error_txt strong{display:block;font-size:24px;margin-bottom:20px}
.error_info .error_txt span{display:block;font-size:16px;color:#666}

.info_area{line-height:24px;padding:24px 30px;margin-bottom:38px;background: #fafafa;font-size: 16px;}

.agreement .title{font-size:36px;font-weight:300;text-align:center;margin-bottom:60px;font-weight: bold;}
.agreement h5{font-size:18px;font-weight:500;margin-bottom:20px}
.agreement h6{font-size:16px;font-weight:500;margin-bottom:10px}
.agreement > ul { padding:10px 0; margin-bottom: 20px;}
.agreement > ul > li {padding:5px 0; color:#666;}
.agreement ul li { font-size: 16px; line-height: 150%;}
.agreement > ul > li::before {content: "-"; display: inline-block; margin-right:5px;}

.agreement > ul > li > ul {padding:5px 20px;}
.agreement > ul > li > ul > li {padding:5px 0; font-size: 14px;}

.agreement p{font-size:16px;color:#666;line-height:24px;margin-bottom:50px}
.service_info > .title_head{font-size:36px;font-weight:300;text-align:center;margin-bottom:40px;font-weight: bold;}
.service_info > .notice{font-size:16px;color:#666;line-height:24px;margin-bottom:100px;}
.service_info > .notice .title{color:#333}
.provision{margin-bottom: 48px;}
.provision:after{content:"";clear:both;display:block;}
.provision li{position:relative;float:left;padding-left:84px;width:33.33333333333333%;min-height:62px;margin-bottom:48px;box-sizing:border-box;}
.provision li:before{content:"";position:absolute;top:0;left:0;width:62px;height:62px;background:url(/images/user/sub/bg_api_provision.png?25322154838) no-repeat;}
.provision li..scholarly:before{background-position-y:0}
.provision li.symmetrist:before{background-position-y:-72px}
.provision li.organ:before{background-position-y:-144px}
.provision li.journal:before{background-position-y:-216px}
.provision li.event:before{background-position-y:-288px}
.provision li strong{font-size:18px;margin-bottom:15px;display:block;line-height:1}
.provision li p{font-size:16px;color: #666;}
.process{position:relative;overflow:hidden;}
.process:before{content:"";position:absolute;top:88px;left:0;width:100%;height:1px;background-color:#000}
.process li:first-child{background:none;}
.process li:first-child .inner{padding-left:20px}
.process li{position:relative;float:left;width:25%;padding-top:230px;background:url(/images/user/sub/bg_process_arrow.png?25322154838) 0 260px no-repeat;}
.process li:before{content:"";position:absolute;top:0;left:50%;width:176px;height:176px;margin-left:-86px;background:url(/images/user/sub/bg_process.png?25322154838) no-repeat;}
.process li.login:before{background-position-y:0}
.process li.apply:before{background-position-y:-186px}
.process li.issue:before{background-position-y:-372px}
.process li.openapi:before{background-position-y:-558px}
.process .inner{padding-left:50px;padding-right:40px}
.process .num{display:block;font-size:18px;font-weight:bold;font-family:'Century Gothic';margin-bottom:15px;text-align:center;}
.process .title{display:block;font-size:18px;margin-bottom:28px;text-align:center;}
.process p{font-size:16px;color:#666;line-height:24px}

.view_chart{margin-bottom:50px;border: 1px solid #999999;height: 460px;box-sizing: border-box;}

.view_wrap{padding-bottom:28px;border-top:2px solid #333;border-bottom:1px solid #a9a9a9}
.view_title{padding:24px 20px 20px;border-bottom:1px solid #a9a9a9}
.view_title .title{display:block;font-size:24px;font-weight:500}
.view_title .unit{margin-top:30px}
.view_title .unit span:first-child{padding-left:0}
.view_title .unit span:first-child:before{background:none;}
.view_title .unit span{position:relative;padding-left:35px}
.view_title .unit span strong{display:inline-block;padding-left:5px}
.view_title .unit span:before{content:"";position:absolute;top:5px;left:14px;width:1px;height:12px;background-color:#e9e9e9}
.view_head{padding:15px 20px;border-bottom:1px solid #eaeaea}
.view_head .view_attach a{display:block;color:#666;padding-left:25px;line-height:16px;background:url(/images/user/sub/bg_file.png?25322154838) 0 50% no-repeat;}
.view_head .view_attach a:hover{text-decoration:underline;}
.view_body{min-height:160px;padding:40px 20px;border-bottom:1px solid #eaeaea}
.view_body .view_txt{font-size:16px}
.answer{padding:10px 20px 0}
.answer textarea{width:100%;height:200px;padding:10px;border:1px solid #999;box-sizing:border-box;line-height:24px}
.ans_title{margin-top:10px;padding-left:30px;line-height:20px;padding-bottom:15px;background:url(/images/user/sub/bg_answer.png?25322154838) 0 2px no-repeat;}

.statusBox{border:1px solid #ccc}
.statusList{display:table;width:100%;}
.statusBox li{position:relative;display:table-cell;width:25%;height:177px;text-align:center;vertical-align:middle;}
.statusBox li >*{display:block;}
.statusBox li .txt{font-size:16px}
.statusBox li .num{font-size:30px;line-height:1;margin-top:20px;margin-bottom:35px;font-family:'Century Gothic'}
.statusBox li .tit{color:#666}
.statusBox li:before{content:"";position:absolute;top:40px;left:0;width:1px;height:85px;background-color:#e8e8e8}
.statusBox .apply .num{color:#39b90f}
.statusBox .utilize .num{color:#356ee2}
.statusBox .return .num{color:#df6868}
.statusBox .stop .num{color:#333}

.sel select{height:36px;border:1px solid #999;padding-left:10px;box-sizing:border-box;}
.fm_input{display:inline-block;}
.fm_input input{height:36px;border:1px solid #999;padding-left:10px;box-sizing:border-box;}
.fm_input input[readonly="readonly"]{background-color:#eaeaea}
.fm_input.cursor input{cursor:pointer;}
.texa{width:100%;border:1px solid #999;padding:10px;box-sizing:border-box;}
.fileBox{padding:14px 25px;border:1px solid #d0d0d0}
.fileList li{line-height:28px}
.fileList .upload{font-size:16px;padding-left:20px;background:url(/images/user/sub/bg_file.png?25322154838) 0 50% no-repeat;}
.fileList .upload:hover{text-decoration:underline;}
.fileList .del{display:inline-block;width:10px;height:9px;text-indent:-9999px;vertical-align:middle;background:url(/images/user/sub/bg_file_del.png?25322154838) no-repeat;}
.txt_btm{font-weight:500;margin-top:5px}
.fm_radio > *{display:inline-block;vertical-align:middle;}
.fm_radio input{width:15px;height:15px}
.fm_radio label{margin-right:30px}
.fm_check input{display:inline-block;width:15px;height:15px;vertical-align:middle;}
.fm_check label{display:inline-block;margin-right:30px;vertical-align:middle;}
.ess{color:#cc3333;vertical-align:middle;}
.tp_search.fm_full{position:relative;padding-right:82px;overflow:hidden;}
.tp_search.fm_full .fm_input{width:100%}
.tp_search.fm_full .sh_btn{position:absolute;top:0;right:0}

.table{width:100%;table-layout:fixed;margin-left:-1px;}
.table .link.url:after {
	color: #a0a0a0;
	content: "\f360";
	font-family: awesome;
	padding-left: 5px;
}
.table .link:hover{color:#333;text-decoration:underline;}
.table-bordered{border-top:2px solid #000;overflow:hidden;border-bottom:1px solid #999}
.table-bordered th, .table-bordered td{font-size:14px;height:49px;text-align:center;border-left:1px solid #f5f5f5}
.table-bordered th{font-weight:700;border-bottom:1px solid #999}
.table-bordered tr:fist-child td{border-top:0}
.table-bordered td{color:#666;border-top:1px solid #e0e0e0;}
.table-bordered td a{color:#666}
.table-bordered th span{display:inline-block;vertical-align:middle;}
.table-bordered td.left{text-align:left;padding-left:10px}
.table-bordered td strong{color:#333}
.list-bordered{border-top:2px solid #000;overflow:hidden;border-bottom:1px solid #999}
.list-bordered .table > li{display:table;width:100%;float:left;border-top:1px solid #e0e0e0}
.list-bordered .table > li.half{width:50%}
.list-bordered .table > li.third{width:33.33333333333333%}
.list-bordered .table > li:first-child{border-top:0}
.list-bordered .table > li > *{display:table-cell;height:35px;vertical-align:middle;padding:7px 20px;text-align:left;}
.list-bordered .table > li .th{font-weight:700;width:150px}
.list-bordered .table > li .td {
	line-height: 1.6em;
	word-break: break-all;
	word-wrap: break-word;
}
.table-list{margin:15px 0;border-top:1px solid #c7c7c7;border-bottom:1px solid #ccc}
.table-list th{font-weight:700;color:#666;border-bottom:1px solid #e0e0e0;background-color:#f8f8f8}
.table-list th, .table-list td{height:22px;padding:8px 5px;text-align:center;}
.table-list td.left{text-align:left;}
.table-list td{border-top:1px solid #e5e5e5;}
.table-list tr:first-child td{border-top:0}
.vertical{vertical-align:top !important;}
.table .fm_input{width:100%}
.table .fm_input input{width:100%}
.table .sel select{width:100%}
.list-tnb{border-top:0;border-bottom-color:#e0e0e0}

.btn{display:inline-block;line-height:1;}
.btn strong{display:block;}
.btn.btn_deft{padding:10px;font-size:14px;min-width:50px}
.btn.btn_md{padding:6px 10px;font-size:14px;min-width:50px}
.btn.dnload{border:1px solid #ccc;padding-right:35px !important;background:url(/images/user/sub/bg_download.png?25322154838) 100% 50% no-repeat;}
.btn.btn_bule{color:#fff;border:1px solid #3b6fd7;background-color:#5577dd}
.btn.btn_txred{color:#a63e3e;border:1px solid #ccc}
.btn.btn_gray{border:1px solid #ccc}
.btn.btn_del, .btn.btn_add{font-weight:700;width:76px;padding:10px 0 10px 30px;box-sizing:border-box;}
.btn.btn_add{color:#fff;border:1px solid #ff840c;background:#ff840c url(/images/user/sub/bg_plus.png?25322154838) 10px 50% no-repeat;}
.btn.btn_del{color:#a63e3e;border:1px solid #ccc;background:url(/images/user/sub/bg_minus.png?25322154838) 10px 50% no-repeat;}
.btn.deblue{color:#fff;border-radius:2px;background-color:#6c7598}
.btn.appext, .btn.appcanl{width:90px;padding:6px 0}
.btn.appext{border:1px solid #9ba8d0;background-color:#f8faff}
.btn.appcanl{border:1px solid #d7b0b0;background-color:#fffafa}
.btn.disabled{color:#999 !important;border-color:#ccc !important;background-color:#f3f3f3 !important;}
.btn_area{margin-top:40px;overflow:hidden;}
.btn_area .btn{float:left;width:120px;text-align:center;border:1px solid transparent;padding:14px 0;margin-left:10px}
.btn_area .btn.list{color:#fff;background-color:#333}
.btn_area .btn.save{color:#fff;background-color:#5577dd}
.btn_area .btn.down{color:#fff;background-color:#5577dd}
.btn_area .btn.delete{border:1px solid #999}
.btn_area .btn.cancel{color:#fff;background-color:#666}
.btn_area.center{text-align:center;}
.btn_area.center .btn{float:none;padding:10px 0;margin:0}
.btn_area.center .btn.save{color:#333; border-color:#999;background-color:#fff}
.btn_area.onlyChd{text-align:center;}
.btn_area.onlyChd .btn{float:none;margin-left:0;width:380px}
.pull_left{float:left}
.pull_right{float:right;}
.top_area{overflow:hidden;margin-bottom:11px}
.top_area .btn{float:left;margin-left:10px;padding:10px 15px}
.top_area .btn.appl{color:#fff;border:1px solid #5577dd;background-color:#5577dd}
.top_area .btn.appl.disabled {
	background-color: #ddd !important;
	border-color: #ddd !important;
	color: #fff !important;
}

.nav_tabs{overflow:hidden;margin-bottom:18px}
.nav_tabs li{float:left;width:200px;text-align:center;}
.nav_tabs a{display:block;font-size:18px;color:#666;line-height:1;padding:16px 0;background-color:#eaeaea}
.nav_tabs .active a{font-weight:500;color:#fff;background-color:#5577dd}
.tab_pane{position:relative;display:none;}
.tab_pane.active{display:block;}
.tab_pane .search_wrap{position:absolute;top:-60px;right:0}
.tab_pane .search_wrap2{top:-60px;right:0}

.title_area{margin-bottom:20px}
.title_area .tit{font-size:24px;}
.title_area .tit.small{font-size:18px}

.tooltip:hover{color:#cc3366;font-weight:bold;text-decoration:underline;}
.ui-helper-hidden-accessible {position:absolute;width:1px;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;}
.ui-tooltip.ui-widget.ui-widget-content{position:absolute;border:1px solid #f3abab;max-width:140px;color:#666;padding:8px;border-radius: 4px;line-height:1.5;text-align:center;box-shadow: 0 2px 4px rgba(0,0,0,.13);background-color: #fff;z-index:9999}
.ui-tooltip.top:before, .ui-tooltip.bottom:before{content:"";position:absolute;left:50%;width:9px;height:5px;margin-left:-4px;}
.ui-tooltip.top:before{top:-5px;background:url(/images/user/bg_toparrow.png?25322154838) no-repeat;}
.ui-tooltip.bottom:before{bottom:-5px;background:url(/images/user/bg_bottomarrow.png?25322154838) no-repeat;}

.page_area{position:relative;}
.page_area .btn_area{position:absolute;top:-4px;right:0;margin:0}
.pagination{margin-top:50px;text-align:center;}
.pagination .first, .pagination .prev,
.pagination .next, .pagination .last{text-indent:-9999px;border:0;padding:11px 0;background:url(/images/user/sub/bg_pagination_arrow.png?25322154838) no-repeat;}
.pagination .prev{margin-left:-1px;background-position-x:100%;margin-right:5px}
.pagination .next{background-position-y:100%;}
.pagination .last{margin-left:-1px;background-position:100% 100%}
.pagination a{display:inline-block;border:2px solid transparent;line-height:1;padding:9px 0;width:36px;text-align:center;}
.pagination a.active {
	background-color: orange;
	color: white;
}
.pagination a:hover:not(.active) {
	color: black;
	font-weight: bold;
}

.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9990;background:rgba(0,0,0,0.7)}
.layout_pop{position:absolute;top:50%;left:50%;overflow:hidden;background-color:#fff}
.layout_pop .lyt_head{position:relative;background-color:#4b67d0}
.layout_pop .title{font-size:16px;font-weight:500;color:#fff;line-height:1;padding:16px 20px}
.layout_pop .lyt_body{padding:30px 40px}
.layout_pop .list-bordered .table > li .th{width:140px}
.layout_pop .btn_area{margin-top:30px}
.layout_pop .close{position:absolute;top:8px;right:10px;width:14px;height:13px;padding:10px;text-indent:-9999px;background:url(/images/user/sub/bg_layout_close.png?25322154838) 10px no-repeat ;}
.layout_pop .table-bordered{border-top-color:#000;border-bottom-color:#dbdbdb}
.layout_pop .table-bordered th{background-color:#f9f9f9}
.layout_pop .table-bordered td{border-bottom-color:#dbdbdb}
.layout_pop .table-bordered th, .layout_pop .table-bordered td{height:39px;border-left:0}
.layout_pop .pagination{margin-top:20px}
.layout_pop .pagination .first, .layout_pop .pagination .prev,
.layout_pop .pagination .next, .layout_pop .pagination .last{padding:5px 0;background-image:url(/images/user/sub/bg_layout_pagination_arrow.png?25322154838);}
.layout_pop .pagination a{width:24px;border-width:1px;padding:4px 0;}
.layout_pop .pagination a.active{border-color:#5b8af4;background-color:#f7f9fe}

#appUtil{width:640px;height:370px;margin-left:-320px;margin-top:-185px}
#keywordSeaMet{width:640px;top:30%;margin-left:-320px;}
#pwdPop{width:380px;margin-top:-72px;margin-left:-190px}

.sub_content_con_location{border:1px solid #d4d4d4;height:44px;overflow:hidden;margin-bottom:30px; display:inline-block; width:1200px}
.sub_content_con_location_lf{float:left;}
.sub_content_con_location_lf > ul{overflow:hidden;}
.sub_content_con_location_lf > ul > li{float:left;background:url(/images/user/sub/location_bg.gif?25322154838) no-repeat right top;height:44px;line-height:44px;padding:0 22px 0 15px;font-size:14px;color:#8d8d8d;letter-spacing:-1px;}
.sub_content_con_location_lf > ul > li > a{font-size:14px;color:#8d8d8d;}
.sub_content_con_location_lf > ul > li.first{padding-left:18px;padding-top:17px;height:27px;line-height:100%;}
.sub_content_con_location_lf > ul > li.first img{vertical-align:top;}
.sub_content_con_location_lf > ul > li.last{font-weight:bold;color:#302e2e;}
.sub_content_con_location_lf > ul > li.last a{color:#302e2e;}

.sort_icon:after {
	content: "\f0dc";
	font-family: awesome;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 1px;
	opacity: 0.25;
	position: absolute;
}
.sort_icon.asc:after {
	color: darkorange;
	content: "\f0de";
	opacity: 1;
}
.sort_icon.desc:after {
	color: darkorange;
	content: "\f0dd";
	opacity: 1;
}

.shortcut_minutes {
	display: block;
	float: right;
	height: 130px;
	margin-right: -44px;
	margin-top: -45px;
}

.agreement > ol {
	color: #666666;
	font-size: 16px;
	line-height: 1.5em;
}
.agreement > ol li {
	padding-bottom: 10px;
	text-align: justify;
}
.agreement p {
	text-align: justify;
}

textarea.adaptive {
	border: 1px solid #a0a0a0;
	line-height: 18px;
	overflow: hidden;
	padding: 7px 10px;
	resize: none;
	work-break: break-all;
}

.shift {
	background-color: #fff;
	border-left: 1px solid #e0e0e0;
	height: calc(100% - 1px);
	left: 0;
	padding-left: 10px;
	padding-top: 10px;
	position: absolute;
	top: 0px;
}
.shift.level_0 {
	border-left: 0;
	width: 100%;
}
.shift.level_1 {
	left: 15px;
	width: calc(100% - 15px);
}
.shift.level_2 {
	left: 30px;
	width: calc(100% - 30px);
}
.shift.level_3 {
	left: 45px;
	width: calc(100% - 45px);
}
.api_test_table {
	border: 1px solid #e0e0e0;
	border-collapse: collapse;
	margin-top: 10px;
	width: 100%;
}
.api_test_table tr.disable {
	color: #c0c0c0;
}
.api_test_table th, .api_test_table td {
	background-color: inherit;
	border: 1px solid #e0e0e0;
	color: inherit;
	padding: 2px 4px;
}
.api_test_table th {
	padding: 7px 10px;
}
.api_test_table td:nth-of-type(1) {
	padding-left: 20px;
}
.api_test_table td:nth-of-type(4) {
	text-align: right;
}
.api_test_table input[type=checkbox] {
	height: 20px;
	padding: 5px;
	width: 20px;
}
.api_test_table input[name=var] {
	background-color: inherit;
	border: 0;
	margin-top: 1px;
	padding: 5px 0 5px 9px;
	width: 191px;
}
.api_test_table select[name=var] {
	background-color: inherit;
	border: 0;
	color: inherit;
	margin-top: 1px;
	padding: 5px;
	width: 200px;
}
.api_test_table select[name=var]:focus {
	background-color: #fff;
}
.api_test_table input[name=val] {
	background-color: inherit;
	border: 0;
	color: inherit;
	padding: 5px;
	width: 500px;
	height: 21px;
}
.api_test_table input[name=val]:focus {
	background-color: #fff;
}
.api_test_table .var_del:before {
	content: '\f00d';
	cursor: pointer;
	display: none;
	font-family: awesome;
	font-size: 18px;
	margin-right: 5px;
}
.api_test_table tr.focus {
	background-color: #f4f4f4;
}
.api_test_table tr:hover .var_del:before {
	color: #333;
	display: inline !important;
}
.api_test_table tr:last-of-type:hover .var_del:before {
	display: none !important;
}

.table .td textarea {
	width: calc(100% - 22px);
}

label.file {
	background-color: #f0f0f0;
	border: 1px solid #8080c0;
	border-radius: 3px;
	display: inline-block;
	padding: 4px 10px;
	position: relative;
}
label.file:after {
	content: '\f24d';
	font-family: awesome;
	font-size: 12px;
}
label.file > span {
	color: #808080;
	font-size: 11px;
}
label.file > input[type='file'] {
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#title_img_area > img {
	border: 1px solid #e0e0e0;
	height: 153px;
	margin-top: 10px;
	width: 220px;
}
.preview {
	border: 1px solid #e0e0e0;
	display: inline-block;
	height: 111px;
	margin-top: 10px;
	position: relative;
	width: 160px;
}
.preview:not(:first-of-type) {
	margin-left: 5px;
}
.preview > img {
	height: 100%;
	width: 100%;
}
.preview > a {
	bottom: 5px;
	left: 50%;
	margin-left: -13px;
	position: absolute;
}
.preview > a:before {
	background-color: rgba(0, 0, 0, 0.7);
	color: #ffffff;
	content: '\f1f8';
	cursor: pointer;
	font-family: awesome;
	padding: 5px 8px;
}
#attach_area {
	border: 1px solid #e0e0e0;
	margin-top: 10px;
	padding: 5px;
}
#attach_area > .remove:before {
	color: #a00000;
	content: '\f1f8';
	cursor: pointer;
	font-family: awesome;
	padding: 0 3px;
}
#attach_area > .remove:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
#attach_area > .text {
	margin-left: 5px;
}
#attach_area > a.text:hover {
	text-decoration: underline;
}
#upload_progress {
	background-color: rgba(0, 0, 0, 0.5);
	height: 50vh;
	left: 0;
	padding-top: 50vh;
	position: fixed;
	top: 0;
	width: 100vw;
}
#upload_progress > p {
	color: #c0c0c0;
	font-size: 14px;
	line-height: 30px;
	margin-top: -30px;
	text-align: center;
	text-shadow: 0 0 2px #ff6060;
}
#upload_progress > p:last-of-type {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
}
li.download:before {
	content: "\f381";
	font-family: awesome;
}

pre {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

#loading {
	animation: spin 1s ease-in-out infinite;
	border: 3px solid rgba(255, 64, 64, 0.5);
	border-radius: 50%;
	border-top-color: #800000;
	display: inline-block;
	height: 50px;
	margin-left: calc(50vw - 25px);
	margin-top: 20px;
	width: 50px;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}