/************************************************************************************************************
 *
 * @ Version 3.0.1
 * @ PIGNOSE Tab
 * @ Date 03. 24. 2016
 * @ Author PIGNOSE
 * @ Licensed under MIT.
 *
 ***********************************************************************************************************/

.pignose-tab-wrapper { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pignose-tab-wrapper .pignose-tab-btn { display: block; height:50px; padding: 0 40px; font-size: 16px; text-decoration: none; color: #4b4b4b; line-height:50px; box-sizing: border-box; }
.pignose-tab-wrapper .pignose-tab-btn:hover { background-color: #f4f4f4; }
.pignose-tab-wrapper .pignose-tab-btn.active { margin-bottom: -1px; padding-bottom: 11px; color: #333333; background-color: #ffffff; border-color: #d8d8d8; font-weight: 600; }
.pignose-tab-wrapper .pignose-tab-btn.last-btn { border-right-width: 1px; }
.pignose-tab-wrapper .pignose-tab-group { display: block; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #bebebe; position: relative; *zoom: 1; }
.pignose-tab-wrapper .pignose-tab-group:after { display: block; content: ""; clear: both; }
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list { display: inline-block;  }
.pignose-tab-wrapper .pignose-tab-container { display: none; width: 100%; min-height: 100px; padding: .6em 1em; position: absolute; left: 0; top: 70px; text-align: left; }
.pignose-tab-wrapper .pignose-tab-container.active { display: block; }
.pignose-tab-wrapper .pignose-tab-more { display: none; position: absolute; top: 8px; right: 15px; text-decoration: none; color: #555555; }
.pignose-tab-wrapper .active .pignose-tab-more { display: block; }
.pignose-tab-wrapper .pignose-sub-tab-wrapper { padding: 0; }

.pignose-tab-mint { border-color: #d8d8d8 !important; box-shadow: 0 0 4px rgba(0, 0, 0, .25); border-radius: 3px; border: 1px solid #a1a1a1; }
.pignose-tab-mint .pignose-tab-btn { background-color: transparent; color: #42444a; border-color: transparent; transition: color .3s ease, border-color .3s ease, background-color .3s ease; -o-transition: color .3s ease, background-color .3s ease; -o-transition: color .3s ease, border-color .3s ease, background-color .3s ease; -moz-transition: color .3s ease, border-color .3s ease, background-color .3s ease; -webkit-transition: color .3s ease, border-color .3s ease, background-color .3s ease; }
.pignose-tab-mint .pignose-tab-btn:hover { background-color: #f2f2f2; }
.pignose-tab-mint .pignose-tab-btn.active { background-color: #60bac2; color: #ffffff; border-color: #60bac2; }
.pignose-tab-mint .pignose-tab-group { border-bottom-color: #209799; }
.pignose-tab-mint .pignose-tab-container { color: #209799; }

.pignose-tab-response { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; }
.pignose-tab-response .pignose-tab-btn { width: 100%; min-width: 0; }
.pignose-tab-response .pignose-tab-group { white-space: nowrap; }
.pignose-tab-response .pignose-tab-list { width: 15%; }

.pignose-tab-wrapper .pignose-tab-group{ border-bottom:none;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list{ width:auto !important;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list a{ width:auto !important;}
.pignose-tab-wrapper .pignose-tab-btn{ border:none; margin-right:-1px; transition: all 0.3s ease; position:relative; margin-right:20px; background: #f0f0f0;}
.pignose-tab-wrapper .pignose-tab-btn:hover{  background:#ddd;}
.pignose-tab-wrapper .pignose-tab-btn.active{ background:#7e694f; color:#fff;}
.pignose-tab-wrapper .pignose-tab-container{ padding:30px 0 20px;}
.pignose-tab-response .pignose-tab-group{ white-space:normal;}

.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list a i{ font-size:18px; margin-right:12px;}

/*.pignose-tab-wrapper .pignose-tab-btn:before,.pignose-tab-wrapper .pignose-tab-btn:after{ content:""; position:absolute; left:0; top:36px; height:24px; width:1px; background:rgba(0,0,0,0.05);}
.pignose-tab-wrapper .pignose-tab-btn:after{ left:auto; right:0;}*/

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

@media screen and (max-width: 500px) {
.article{ margin-top:26px;}
.pignose-tab-response .pignose-tab-group{text-align:left;}
.pignose-tab-wrapper .pignose-tab-btn{ height:50px; line-height:50px;  margin:0 8px 0 0; font-size:13px; text-align:center;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list a i{ margin-right:4px;}
.pignose-tab-wrapper .pignose-tab-container{ top:80px;}
.pignose-tab-wrapper .pignose-tab-container.lawyer_show_box{ width:100%; left:0; margin:0;}
.rongyi_list_title .pignose-tab-wrapper .pignose-tab-group .pignose-tab-list{ margin-right:10px;}

.rongyi_list_title .pignose-tab-wrapper .pignose-tab-group .pignose-tab-btn,.rongyi_list_title .pignose-tab-wrapper .pignose-tab-group .pignose-tab-btn span{ width:auto !important; height:auto; line-height:2em; border-radius:0;}
.rongyi_list_title .pignose-tab-wrapper .pignose-tab-group .pignose-tab-btn span{ padding:3px 5px;}
.rongyi_list_title .pignose-tab-wrapper .pignose-tab-group .pignose-tab-btn:after{ display:none;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list{ /*width:calc(50% - 2px) !important;*/ margin-bottom:10px;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list.phone_short_width{ width:calc(33.33% - 8px) !important;}
	
.pignose-tab-response_yewu{ height: auto !important;}
.pignose-tab-wrapper .pignose-tab-container{ display: block !important; position: relative !important; top: 0 !important; padding: 10px 0 20px !important;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list a{ background: none !important; text-align: left !important; padding: 0 !important; color: #7e694f !important; font-size: 18px !important; font-weight: bold !important;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list a i{ margin-right:12px !important;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list a .lawyer_txt span{color: #999; font-weight: normal; font-size: 14px;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list a .lawyer_txt span i{color: #999; font-weight: normal; font-size: 14px;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list a .lawyer_txt font{ font-size: 14px;}

	.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list .img_menu_more a{padding: 10px 40px 10px 30px !important; margin-top: -50px;}
	.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list .img_menu_more{ text-align: left;}
	.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list .img_menu_more a span{ font-size: 14px;}
	.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list .index_news_section a{padding-bottom: 60px !important;}
	.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list .index_news_section a font{font-size: 13px !important;}
	.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list .index_news_section a font span{font-size: 15px !important;}

}

@media screen and (max-width: 375px) {
	.pignose-tab-wrapper .pignose-tab-btn{ font-size:12px; margin:0 8px 0 0;}
}
@media screen and (max-width: 320px) {
	.pignose-tab-wrapper .pignose-tab-btn{ margin:0 5px 0 0; padding: 0 8px;}
}