@charset "utf-8";

.sub_bg {width:100%; height:170px; }
.sub_bg.sub_bg1 {background:url(../images/sub/sub_tit1.png) no-repeat center center;}
.sub_bg.sub_bg2 {background:url(../images/sub/sub_tit2.png) no-repeat center center;}
.sub_bg.sub_bg3 {background:url(../images/sub/sub_tit3.png) no-repeat center center;}
.sub_bg.sub_bg4 {background:url(../images/sub/sub_tit4.png) no-repeat center center;}
.sub_bg.sub_bg5 {background:url(../images/sub/sub_tit5.png) no-repeat center center;}


.sub_tit_box {max-width:1120px; padding-top:60px; padding-bottom:60px; background:#fff; margin:auto; margin-top:-60px; text-align:center}
.sub_tit_box .sub_tit {font-size:35px; color:#333; font-weight:bold}
.sub_tit_box .sub_txt {font-size:18px; color:#333}

.sub_tit_box .sub_txt2 {font-size:30px; color:#00a0e9}


@media screen and (max-width:1120px) {
	.sub_tit_box {max-width:1120px; padding-top:60px; padding-bottom:60px; background:#fff; margin-left:20px; margin-right:20px; margin-top:-60px; text-align:center}
}

@media screen and (max-width:768px) {
	.sub_tit_box .sub_tit {font-size:24px; color:#333}
	.sub_tit_box .sub_txt {font-size:14px; color:#333}
	.sub_tit_box .sub_txt br {display:block}
	.sub_tit_box .sub_txt2 {font-size:20px; color:#00a0e9}
}


@media screen and (max-width:460px) {
	.sub_tit_box .sub_txt {word-break:break-word;}
	.sub_tit_box .sub_txt br {display:none;}
}


/*ȸ»ç¼Ò°³*/
.history_value {max-width:1120px; margin:auto; min-height:350px; }
.history_value ul {margin-left:-35px;}
.history_value li {width:33.3%; float:left; padding-left:35px; box-sizing:border-box ; text-align:center}
.history_value li .value_img1 {width:100%; height:155px; background:url(../images/sub/history_value_img1.png) no-repeat center center;}
.history_value li .value_img2 {width:100%; height:155px; background:url(../images/sub/history_value_img2.png) no-repeat center center;}
.history_value li .value_img3 {width:100%; height:155px; background:url(../images/sub/history_value_img3.png) no-repeat center center;}

.history_value li .value_tit {font-size:20px; color:#111; font-weight:bold; padding-top:40px}
.history_value li .value_txt {font-size:14px; color:#666; padding-top:10px}

.history_info {width:100%; height:530px; background:url(../images/sub/history_info_bg.png) no-repeat center center;}
.history_info .info_tit {font-size:35px; color:#fff; text-align:center; padding-top:70px}
.history_info ul {max-width:1200px; margin:auto; padding-top:90px}
.history_info li {width:25%; height:; float:left; text-align:center}

.history_info li .ico1 {width:70px; height:70px; margin:auto; background:url(../images/sub/history_info_ico1.png) no-repeat center center;}
.history_info li .ico2 {width:70px; height:70px; margin:auto; background:url(../images/sub/history_info_ico2.png) no-repeat center center;}
.history_info li .ico3 {width:70px; height:70px; margin:auto; background:url(../images/sub/history_info_ico3.png) no-repeat center center;}
.history_info li .ico4 {width:70px; height:70px; margin:auto; background:url(../images/sub/history_info_ico4.png) no-repeat center center;}

.history_info li .li_tit {font-size:16px; color:#fff; padding-top:30px}
.history_info li .li_line {display:block; width:25px; margin:auto; height:3px; background:#00a0e9; margin-top:10px; margin-bottom:10px;}
.history_info li .li_txt {font-size:20px; color:#fff}


.sub_bottom {width:100%; /* height:300px; */ background:#576078; /* padding-top:70px; */ box-sizing:border-box; padding: 70px 0;}
.sub_bottom p {text-align:center}
.sub_bottom p span {display:inline-block; width:87px; height:68px;  background:url(../images/sub/bottom_logo.png) no-repeat center center; }
.sub_bottom .bottom_txt {font-size:26px; color:#fff; margin-top: 20px;}
.sub_bottom a {display:inline-block; width:190px; height:40px; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin-top:20px}


.company_box {border-top:1px solid #ccc; max-width:1120px; margin:auto; padding-top:50px;  padding-bottom:50px}
.company_box .box_left {padding:50px 0;}
.company_box .box_left .box_left_img {float:left; width:35%; margin-bottom: 20px;}
.company_box .box_left .box_left_img img {width:100%}
.company_box .box_left .box_left_txt {float:left; width:65%; box-sizing:border-box; padding-left:50px}

.company_box .box_left .box_left_txt.organ_chart { padding-left:0; width:100%;}
.company_box .box_left .box_left_txt.organ_chart p {font-size: 30px; color: #000; margin-bottom:20px;}
.company_box .box_left .box_left_txt.organ_chart div {text-align:center; border:1px solid #999; padding:50px 20px;}
.company_box .box_left .box_left_txt.organ_chart div img {width:100%; max-width:693px;}

.company_box .box_right {padding:50px 0;}
.company_box .box_right .box_right_img {float:right; width:35%}
.company_box .box_right .box_right_img img {width:100%}
.company_box .box_right .box_right_txt {float:right; width:65%; box-sizing:border-box; padding-right:50px;}
.company_box .box_right .box_right_txt .hello_txt {font-size:2rem; color:#00a0e9; margin-bottom:20px}

.company_box   dl {display:table-cell; vertical-align:middle; width:100%; }
.company_box   dt {font-size:30px; color:#000}
.company_box   dd {font-size:18px; color:#444; margin-top:30px}
.company_box .hello_txt {font-size:2rem; color:#00a0e9; margin-bottom:20px}

.company_box .box_left .box_left_txt.table_in {width:100%; padding-left:0;}
.table_in dl {width:100%; display: block;}
.company_box   dd table {width:100%;}
.company_box   dd table td {width:50%; border:1px solid #999; padding:20px; font-size:18px;}
.company_box   dd table td.ta_tit {font-weight:bold; font-size:20px;}
.company_box   dd table td.ta_tit.diff_1 {background:#eee;}
.company_box   dd table td.ta_tit.diff_2 {background:#ffe258;}



@media screen and (max-width:768px) {
	.company_box   dd table td {font-size:14px;}
	.company_box   dd table td.ta_tit {font-size:16px;}
}

@media screen and (max-width:1024px) {
	.history_value {margin:0 20px;  min-height:350px; }
	.history_value li .value_txt br {display:none}
	.company_box {margin:0 20px;}

	.company_box  dl {display:table-cell; vertical-align:middle; }
	.company_box   dt {font-size:20px; color:#000}
	.company_box   dd {font-size:16px; color:#666; margin-top:20px}
	.company_box .hello_txt {color:#00a0e9; margin-bottom:20px}
	.company_box br {}

}


@media screen and (max-width:768px) {

	.history_value {margin:auto; min-height:350px; }
	.history_value ul {width:300px; margin:0 auto}
	.history_value li {width:300px; float:left; padding-left:0px; margin-bottom:40px;  box-sizing:border-box ; text-align:center}
	.history_value li .value_txt br {display:block}

	.history_value li .value_tit {font-size:18px; color:#111; font-weight:bold; padding-top:40px}
	.history_value li .value_txt {font-size:12px; color:#666; padding-top:10px}


	.history_info {width:100%; height:350px; background:url(../images/sub/history_info_bg.png) no-repeat center center;}

	.history_info .info_tit {font-size:24px; color:#fff; text-align:center; padding-top:70px}
	.history_info ul {max-width:1120px; margin:auto; padding-top:50px}


	.history_info li .ico1 {width:35px; height:30px; margin:auto; background:url(../images/sub/history_info_ico1.png) no-repeat center center; background-size:35px;}
	.history_info li .ico2 {width:35px; height:30px; margin:auto; background:url(../images/sub/history_info_ico2.png) no-repeat center center; background-size:35px;}
	.history_info li .ico3 {width:35px; height:30px; margin:auto; background:url(../images/sub/history_info_ico3.png) no-repeat center center; background-size:35px;}
	.history_info li .ico4 {width:35px; height:30px; margin:auto; background:url(../images/sub/history_info_ico4.png) no-repeat center center; background-size:35px;}

	.history_info li .li_tit {font-size:12px; color:#fff; padding-top:30px}
	.history_info li .li_line {display:block; width:25px; margin:auto; height:3px; background:#00a0e9; margin-top:10px; margin-bottom:10px;}
	.history_info li .li_txt {font-size:14px; color:#fff}

	.sub_bottom {width:100%; /* height:200px; */ background:#2664bf;/*  padding-top:50px; */ box-sizing:border-box; padding: 50px 0;}
	.sub_bottom p {text-align:center}
	.sub_bottom p span {display:inline-block; width:161px; height:40px;  background:url(../images/sub/bottom_logo.png) no-repeat center center; background-size:40px; }
	.sub_bottom .bottom_txt {font-size:18px; color:#fff; padding:0 20px; word-break:break-word;}

	.sub_bottom a {display:inline-block; width:90px; height:25px; line-height:25px; border:1px solid #fff; text-align:center; color:#fff; margin-top:10px; font-size:12px;}

	.company_box .box_left {padding:50px 0; text-align:center}
	.company_box .box_left .box_left_img {clear:both; width:100%; }
	.company_box .box_left .box_left_img img {width:200px}
	.company_box .box_left .box_left_txt {clear:both; width:100%; box-sizing:border-box; padding-left:0px}

	.company_box .box_right {padding:50px 0; text-align:center}
	.company_box .box_right .box_right_img {clear:both; width:100%; margin-bottom:20px;}
	.company_box .box_right .box_right_img img {width:200px}
	.company_box .box_right .box_right_txt {clear:both; width:100%; box-sizing:border-box; padding-right:0px; text-align:center}
	.company_box .box_right .box_right_txt .hello_txt {color:#00a0e9; margin-bottom:20px}
	.company_box  .hello_txt br {display:block;}
}

@media screen and (max-width:480px) {
	.sub_bottom .bottom_txt br {display:none;}
}


@media screen and (max-width:360px) {
	.history_value ul {width:300px; margin:0 auto}
	.history_value li {width:300px; float:left; padding-left:0px; margin-bottom:40px;  box-sizing:border-box ; text-align:center}
}



/*¾÷¹«ºÐ¾ß*/

.law_field_con {max-width:1120px; margin:auto; border-top:1px solid #ccc; padding-top:50px; padding-bottom:100px}
.law_field_con  .law_field_box {width:230px; height:230px; line-height:230px; background:#00a0e9; margin:auto; font-size:30px; color:#fff; text-align:center}
.law_field_con  .law_field_bottom { text-align:Center; padding-bottom:50px}

.law_field_con  .law_field_bottom dt {font-size:25px; color:#333; margin-top:30px }
.law_field_con  .law_field_bottom dd {margin-top:30px;}


.law_field_con {padding-top:50px; clear:both; text-align:left}
.law_field_con .main_tab_tit {font-size:30px; color:#000; margin-bottom:20px;}
.law_field_con .main_tab_txt {font-size:18px; color:#444444;}
.law_field_con .main_tab_txt p { margin-bottom:20px; /* text-indent: -9px; padding-left: 9px; */ word-break:normal;}
.law_process  img {max-width:800px; width:100%}

.law_field_img img{width:1120px; margin-bottom:50px}

@media screen and (max-width:1120px) {
	.law_field_con {padding:50px 20px 100px;}
	.law_field_img img {width:100%}

}

@media screen and (max-width:768px) {
	.law_field_con  .law_field_bottom dd br {display:none}

	.law_field_con { border-top:1px solid #ccc; padding-top:50px}
	.law_field_con  .law_field_bottom dd img {width:300px}

	.law_field_con  .law_field_box {width:200px; height:200px; line-height:200px; background:#00a0e9; margin:auto; font-size:30px; color:#fff; text-align:center}

	.law_field_con  .law_field_bottom dt {font-size:20px; color:#333; margin-top:30px }
	.law_field_con  .law_field_bottom dd {margin-top:30px; font-size:14px}


	.law_field_con ul {width:300px; margin:auto}
	.law_field_con li {float:left; width:150px;  color:#444444; font-size:18px; text-align:center;; }
	.law_field_con li a {display:block;  box-sizing-border-box; border:1px solid #ccc; height:60px; line-height:60px;}

	.law_field_con  img {width:100%}

	.law_field_con .main_tab_tit {font-size:20px; color:#000; margin-bottom:53px;}
	.law_field_con .main_tab_txt {font-size:14px; color:#444444;}
	/* .law_field_con .main_tab_txt br {display:none}
	 */
}

@media screen and (max-width:360px) {
	.law_field_con  .law_field_bottom dd img {width:100%}
	.law_field_con  .law_field_bottom dd {margin-top:30px; font-size:12px}


}

/*±¸¼º¿ø¼Ò°³*/

.work_search {width:520px; margin:auto; border-bottom:1px solid #ccc; height:70px;}

#write_phone {width:200px; height:70px; position:relative;  text-align:center; float:left; }
#write_phone .txt_phone {width:200px; height:70px; line-height:70px; font-size:30px; color:#ccc}
#write_phone .num_list {position:absolute; width:200px;  border:1px solid #b5b5b5; background:#fff; left:-1px; top:70px; display:none; z-index:9999}
#write_phone .num_list:after { content:""; display:block; clear:both;}
#write_phone .num_list a {width:200px; height:40px; line-height:40px; display:block; }
#write_phone .num_list a:hover {background:#eee}

#write_phone.show { background-image:url('../images/sub/lawyer_show.png'); background-repeat:no-repeat; background-position:center right;}
#write_phone.hide { background-image:url('../images/sub/lawyer_hide.png'); background-repeat:no-repeat; background-position:center right;}

.work_search .write_txt {width:250px; height:70px; float:left}
.work_search .write_txt input  {width:250px; height:70px; border:0px;font-size:30px; box-sizing:border-box; padding-left:30px; outline:0; background:transparent}

.search_btn {float:left; width:70px; height:70px;  background:url(../images/sub/search_btn_ico.png) no-repeat center center;}
.search_btn a {display:block; width:70px; height:70px; text-indent:-9999px}

.law_team .swiper-container { max-width:1120px; margin:auto;}

.law_team {width:100%; height:200px; margin-top:60px;}
.law_team li {width:160px; height:200px;  text-align:center; }
.law_team li a {color:#333; display:block; width:160px; height:200px;  box-sizing:border-box }
.name_txt {display:block; height:40px; line-height:40px;}

.law_team .on:after {content:' '; position:absolute; left:0px; top:0; width:160px; height:160px; background:rgba(0, 160, 233, 0.5); }


#member_tab {width:100%; max-width:1120px; margin:0 auto; margin-bottom:20px; border-bottom:1px solid #444; font-size:0;}
#member_tab li {display:inline-block; padding:14px 30px; border:1px solid #444; border-bottom:none; font-size:16px; margin-left:-1px;}
#member_tab li:first-chid {margin-left:0;}
#member_tab li.on {background:#444; color:#fff;}
#member_tab li.on:hover {cursor:default;}
#member_tab li:not(.on):hover {background:#eee; cursor:pointer;}

@media screen and (max-width:1120px) {
#member_tab {padding:0 20px; }
}

@media screen and (max-width:662px) {
#member_tab li {display:inline-block; width:calc(100% / 4); padding:10px; border:1px solid #444; border-bottom:none; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; text-align: center;}
}

.lawyer_list_box {max-width:1120px; margin:auto; }
.lawyer_list_box .box_tit {font-size:26px; color:#fff; height:100px; line-height:100px; padding: 0 20px; background: #2664bf; font-weight: bold; margin-top:50px;}
.lawyer_list_box .box_tit:first-child {margin-top:0;}
.lawyer_list_box .box_con {font-size:18px; margin-left:20px; font-weight:normal;}
.lawyer_list_box .lawyer_list {/*border-top:3px solid #334462;*/ min-height:360px; box-sizing:border-box; padding:40px 0; position:relative}
.lawyer_list_box .lawyer_list .lawyer_list_img {float:left;  width:25%; max-width: 200px;}
.lawyer_list_box .lawyer_list .lawyer_list_img img {width:100%;}
 .lawyer_list_info {float:left; width:75%; padding-left:40px; box-sizing:border-box}

 .lawyer_list_info .info_name {font-size:18px; color:#666; }
 .lawyer_list_info .info_name span {font-size:25px; color:#333; margin-right:10px;}
 .lawyer_list_info .phone {display:inline-block; padding-left:30px; height:30px; line-height:30px; background:url(../images/sub/lawyer_list_phone.png) no-repeat top 5px left; color:#00a0e9; margin-right:30px }
 .lawyer_list_info .fax {display:inline-block; padding-left:30px; height:30px; line-height:30px; background:url(../images/sub/lawyer_list_fax.png) no-repeat top 5px left; color:#666; margin-right:30px }
 .lawyer_list_info .email {display:inline-block; padding-left:30px; height:30px; line-height:30px; background:url(../images/sub/lawyer_list_email.png) no-repeat top 7px left; color:#666; margin-right:30px }
 .lawyer_list_info .web {display:inline-block; padding-left:30px; height:30px; line-height:30px; background:url(../images/sub/lawyer_list_web.png) no-repeat top 5px left; color:blue; margin-right:30px}
 .lawyer_list_info .sns {display:inline-block; padding-left:30px; height:30px; line-height:30px; background:url(../images/sub/lawyer_list_email.png) no-repeat top 7px left; color:#666; margin-right:30px }
 .lawyer_list_info dt {height:30px; line-height:30px; color:#333; margin-top:40px; font-size:20px }
 .lawyer_list_info dt i {display:inline-block; width:4px; height:4px; background:#334462; vertical-align:middle; margin-right:10px; }
 .lawyer_list_info dd {margin-top:10px; font-size:16px; line-height:30px}
  .lawyer_list_info dd p {text-indent: -11px; padding-left: 11px; margin-bottom: 5px; line-height: 22px;}
 .lawyer_list_info dd a {color:blue; text-decoration:underline; margin-left:10px;}
 .lawyer_list_info .more {width:40px; height:40px; background:#334462 url(../images/main/main_more.png) no-repeat center; background-size:22px; position:absolute; top:0; right:0;}
 .lawyer_list_info .more a {display:inline-block; width:40px; height:40px; text-indent:-9999px}

.lawyer_list_info dd.sort p {display:inline-block; width:80px; text-align:center}
.lawyer_list_info dd.sort p span {display:block;}


.split_line {width:100%; height:1px; border-bottom:1px solid #999; padding-top:50px; margin-bottom:50px; clear:both;}


@media screen and (max-width:1120px) {
	.lawyer_list_box {margin:0 20px; }

	.map_box {margin: 0 20px; overflow:hidden; text-align:center}
	.map_list { margin:auto; margin:50px 20px;}


}

@media screen and (max-width:768px) {
	.work_search {width:300px; margin:auto; border-bottom:1px solid #ccc; height:50px;}
	#write_phone {width:100px; height:50px; position:relative;  text-align:center; float:left; }
	#write_phone .txt_phone {width:100px; height:50px; line-height:50px; font-size:14px; color:#ccc}
	#write_phone .num_list {position:absolute; width:100px;  border:1px solid #b5b5b5; background:#fff; left:-1px; top:50px; display:none; z-index:9999; font-size:12px}
	#write_phone .num_list:after { content:""; display:block; clear:both;}
	#write_phone .num_list a {width:100px; height:40px; line-height:40px; display:block; }
	#write_phone .num_list a:hover {background:#eee}

	#write_phone.show { background-image:url('../images/sub/lawyer_show.png'); background-repeat:no-repeat; background-position:center right; background-size:15px}
	#write_phone.hide { background-image:url('../images/sub/lawyer_hide.png'); background-repeat:no-repeat; background-position:center right; background-size:15px}

	.work_search .write_txt {width:150px; height:50px; float:left}
	.work_search .write_txt input  {width:150px; height:50px; border:0px;font-size:14px; box-sizing:border-box; padding-left:30px; outline:0}

	.search_btn {float:left; width:50px; height:50px;  background:url(../images/sub/search_btn_ico.png) no-repeat center center; background-size:50px;}
	.search_btn a {display:block; width:50px; height:50px; text-indent:-9999px}


	.law_team {width:100%; height:140px; margin-top:60px;}
	.law_team li {width:100px; height:140px;  text-align:center; }
	.law_team li a {color:#333; display:block; width:100px; height:140px;  box-sizing:border-box }
	.law_team li img {width:100px;}
	.law_team .on:after {content:' '; position:absolute; left:0px; top:0; width:100px; height:100px; background:rgba(0, 160, 233, 0.5); }

	.name_txt {display:block; height:40px; line-height:40px; font-size:14px;}


	.lawyer_list_box .lawyer_list .lawyer_list_img {clear:both;  width:100%;}
	.lawyer_list_box .lawyer_list .lawyer_list_img img {max-width:200px; width:100%;}
	.lawyer_list_info {clear:both; width:100%; padding-left:0px; box-sizing:border-box; margin-top:30px}

	.map_list li {clear:both; width:100%; box-sizing:border-box; padding-lefT:35px; margin-bottom:35px; }

	.lawyer_list_box .box_tit {font-size:24px; color:#fff; height:auto; line-height:30px; margin-bottom:30px; word-break:break-word; padding: 20px;}
}


/*¿À½Ã´Â±æ*/
.map_box {max-width:1120px; margin:auto; overflow:hidden}
.map_list {max-width:1120px; margin:auto; margin-top:50px; margin-bottom:50px;}
.map_list ul {margin-left:-35px;}
.map_list li {floaT:left; width:33.3%; box-sizing:border-box; padding-lefT:35px; }
.map_list li .list_box {width:100%; height:330px; border:1px solid #ccc;  box-sizing:border-box; text-align:center }
.map_list li .list_box .ico1 {width:100%; height:90px; background:url(../images/sub/map_list_ico1.png) no-repeat center; margin-top:50px;}
.map_list li .list_box .ico2 {width:100%; height:90px; background:url(../images/sub/map_list_ico2.png) no-repeat center; margin-top:50px;}
.map_list li .list_box .ico3 {width:100%; height:90px; background:url(../images/sub/map_list_ico3.png) no-repeat center; margin-top:50px;}

.map_list li .list_box .name {font-size:18px; color:#000; margin-top:20px;}
.map_list li .list_box .txt {font-size:14px; padding:0 20px; margin-top:20px}
.map_list li .list_box .txt span {color:#00a0e9; display:inline-block; margin-right:10px}
.map_list li .list_box .txt a {display:inline-block; width:80px; height:25px; line-height:25px; border:1px solid #00a0e9; color:#00a0e9; font-size:12px; margin-top:10px;  }

@media screen and (max-width:1120px) {

.map_box {margin: 0 20px; overflow:hidden; text-align:center}
.map_list { margin:auto; margin:50px 20px;}


}

@media screen and (max-width:768px) {
.map_list li {clear:both; width:100%; box-sizing:border-box; padding-lefT:35px; margin-bottom:35px; }
}


/*¿Â¶óÀλó´ã*/

.counseling_agree {max-width:1120px; margin:auto; border-top:3px solid #334462; background:#f1f1f1; box-sizing:border-box; padding:20px 30px;}
.counseling_agree .agree_scroll {width:100%; height:200px; overflow-y:auto; background:#fff; box-sizing:border-box; padding:20px; font-size:12px;}
.counseling_agree dl {height:40px; line-height:40px; margin-top:20px}
.counseling_agree dt {font-size:14px; color:#333; float:left }
.counseling_agree dd {float:right; font-size:14px;}

.counseling_agree dd input {margin:0 10px}

.counseling_write {max-width:1120px; margin:auto; border-top:3px solid #334462; background:#f1f1f1; margin-top:50px; box-sizing:border-box; padding:20px; }
.counseling_write table {width:100%; border-collapse: collapse}
.counseling_write th {height:60px; width:15%; font-size:14px; color:#333; }
.counseling_write td {}
.counseling_write td input[type=text] {width:25%; height:40px; background:#fff; font-size:14px; box-sizing:border-box; padding-left:5px; border:1px solid #ccc }
.counseling_write td span {display:inline-block; width:2%; text-align:center; font-size:14px;}
.counseling_write td select {width:25%; height:40px; background:#fff;  border:1px solid #ccc; font-size:14px; box-sizing:border-box; padding-left:5px}

.counseling_write td.tit input[type=text] {width:95%; height:40px; background:#fff; font-size:14px; box-sizing:border-box }
.counseling_write td textarea {width:95%; height:100px; margin:10px 0;  border:1px solid #ccc; font-size:14px;  box-sizing:border-box;  padding:5px;}

.counseling_write td .filebox {display:inline-block; width:95%}
.counseling_write td .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.counseling_write td .filebox label { display: inline-block; width:15%; height:40px;  font-size: 14px; background-color: #666; cursor: pointer;line-height:40px; color:#cc2e45; text-align:center; color:#fff} /* named upload */ 
.counseling_write td .filebox .upload-name { padding-left:5px; display: inline-block; width:85%; height:40px; font-size:14px; background-color: #fff; border: 1px solid #ccc;  -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box }

.counseling_write td select  { background:#fff url('../images/sub/counseling_write_ico.png') right 10px center no-repeat;  -webkit-appearance: none;  -moz-appearance: none; -ms-appearance: none;  appearance: none;}
.counseling_write td  select::-ms-expand {display: none; color:#fff}

.counseling_btn {max-width:1120px; margin:auto; margin-top:50px; margin-bottom:80px; text-align:center}
.counseling_btn a {display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; box-sizing:border-box; vertical-align:middle }
.counseling_btn .up_btn {background:#334462; color:#fff; margin-right:20px; }
.counseling_btn .back_btn {background:#fff; border:1px solid #334462; color:##334462}

.counseling_write input:-ms-input-placeholder {color:#666}
.counseling_write input::-webkit-input-placeholder {color:#666}
.counseling_write input::-moz-placeholder {color:#666}
.counseling_write input::-moz-placeholder {color:#666}
.counseling_write textarea:-ms-input-placeholder {color:#666}
.counseling_write textarea::-webkit-input-placeholder {color:#666}
.counseling_write textarea::-moz-placeholder {color:#666}
.counseling_write textarea::-moz-placeholder {color:#666}


@media screen and (max-width:1120px) {
.counseling_agree {margin:0 20px;}
.counseling_write {margin:50px 20px 80px 20px;}

}

@media screen and (max-width:768px) {
.counseling_agree dt {display:none }

.counseling_write th {display:none }
.counseling_write td {padding:10px 0;}
.counseling_write td input[type=text] {font-size:12px; width:30% }
.counseling_write td select {font-size:12px }
.counseling_write td .filebox label {width:30%; font-size:12px} /* named upload */ 
.counseling_write td .filebox .upload-name {width:70%; font-size:12px}
.counseling_write td textarea {font-size:12px; width:100%}
.counseling_write td.tit input[type=text] {font-size:12px; width:100% }
.counseling_write td span {display:inline-block; width:2%; text-align:center; font-size:9px;}

.counseling_write {margin:50px 20px 0px 20px;}


.counseling_btn {max-width:1120px; margin:auto; margin-top:30px; margin-bottom:40px; text-align:center}
.counseling_btn a {display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; box-sizing:border-box; vertical-align:middle; font-size:12px }
.counseling_btn .up_btn {background:#334462; color:#fff; margin-right:10px; }
.counseling_write td select  {background-size:10px; width:30%}


}


/*°øÁö»çÇ×*/
.notice_con {max-width:915px; margin:auto; margin-bottom:80px}
.notice_con table {width:100%; border-collapse: collapse; border-top:3px solid #334462; border-left:0px; border-right:0px}
.notice_con th {font-size:14px}
.notice_con td {height:50px; border-bottom:1px solid #ccc; font-size:14px; }
.notice_con .tit {width:90%; }
.notice_con .tit a {display:block; height:50px; line-height:50px; padding-left:20px}
.notice_con .date {height:10%; text-align:Center}

.notice_con .txt {padding:20px; min-height:300px}

.paging {width:100%; height:30px; text-align:center; font-size:12px; margin-top:30px; margin-bottom:80px;}
.paging a {display:inline-block; box-sizing:border-box; width:30px; height:30px; line-height:30px; border:1px solid #ccc; vertical-align:middle; color:#666;  text-decoration:none }
.paging a:hover {border:1ps solid #333}
.paging span {display:inline-block; box-sizing:border-box; width:30px; height:30px; line-height:30px; border:1px solid #333; background:#666; vertical-align:middle; color:#fff }
.paging a.pre {background:url(../images/sub/pre.png)no-repeat center center; font-size:0px}
.paging a.next {background:url(../images/sub/next.png)no-repeat center center; font-size:0px}

.notice_back {text-align:center; margin-top:30px; margin-bottom:80px}
.notice_back  a {display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; background:#334462;  vertical-align:middle;  color:#fff;}

@media screen and (max-width:1120px) {
.notice_con {/* margin:0 20px; */}


}


@media screen and (max-width:768px) {
.notice_con .tit {width:100%; }
.notice_con .tit a {display:block; height:50px; line-height:50px; padding-left:20px}
.notice_con .date {display:none}
.notice_con td {font-size:14px }

.notice_back {text-align:center; margin-top:30px; margin-bottom:80px}
.notice_back  a {display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; background:#334462;  vertical-align:middle;  color:#fff; font-size:12px}
.notice_con .txt {font-size:12px}

.notice_con {margin-bottom:80px;}
.notice_con th {font-size:12px}
.notice_con td {font-size:12px}


}


/*¿Â¶óÀλó´ã*/

.qa_tab {margin-top:30px; margin-bottom:80px}
.qa_tab ul {width:400px; margin:auto}
.qa_tab li {width:200px; height:40px; line-height:40px; float:left; box-sizing:border-box;}
.qa_tab li a {display:block; width:200px; height:40px; border:1px solid #ccc; background:#fff; }
.qa_tab li.on a {border:2px solid #00a0e9; color:#00a0e9;  }


@media screen and (max-width:768px) {
.qa_tab {margin-top:30px; margin-bottom:40px}
.qa_tab ul {width:240px; margin:auto}
.qa_tab li {width:120px; height:40px; line-height:40px; float:left; box-sizing:border-box;}
.qa_tab li a {display:block; width:120px; height:40px; border:1px solid #ccc; background:#fff; }
#bo_v_info {font-size:12px}
.bo_v_tit {font-size:14px; }

.contactForm_agree2 {font-size:12px}
}