@charset "utf-8";
.cp-iit-header{position: fixed;}
.tax-container{background: #fff; height: auto !important; min-height: 736px; height: 736px;}
.cp-hkiit{padding-top:146px;padding-bottom: 60px; max-width: 1024px; margin: 0 auto;}
.cp-hkiit h1{display: none;}
#phone-result{height: 60px; background: url(../img/dick_bg.png) no-repeat center top;  text-align: center; position: fixed; top: 66px; left: 0; z-index: 100; width: 100%; font-size: 18px; padding-top: 10px;padding-bottom: 10px;}
#phone-result p{font-size: 16px;color: #333;}
.cp-iit-info{display: none;}
.cp-iit-all{padding:20px 12px; background: #fff;}
.cp-iit-tabs,.cp-tax-tabs,.pa-tax-tabs,.pa19-tax-tabs{width: 100%;}
.cp-iit-tabs li,.cp-tax-tabs li,.pa-tax-tabs li{border:1px solid #dedede; margin: 0; border-right: 0; width:calc((100% - 4px)/5); text-align: center; background: #f2f2f2; }
.pa19-tax-tabs li{background: #464179; height: 40px; line-height: 40px; border-radius: 5px; color: #fff;;margin:0 2px; text-align: center; width: calc((100% - 20px)/5); border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; vertical-align: bottom !important;}
.cp-iit-tabs li:first-child{border-left: 0; }
.cp-iit-tabs li i{display: block; text-align: center; font-size: 4rem;}
.cp-iit-tabs li:hover,.cp-tax-tabs li:hover,.pa-tax-tabs li:hover{background: #eee;}
.cp-iit-tabs li.active,.cp-tax-tabs li.active,.pa-tax-tabs li.active{background: #f5f5f5; border-top:2px solid #ed1a3b; border-bottom:0;}
.cp-tax-tabs li.active,.pa-tax-tabs li.active{ background: #fff;}
.cpc-content{margin: 20px 0; text-align: left;background: #f5f5f5;white-space:normal!important;}
.cp-iit-tabs li.active a,.cp-tax-tabs li.active a,.pa-tax-tabs li.active a{ color: #ed1a3b;}
.pa19-tax-tabs li:hover,.pa19-tax-tabs li.active {background: #ffe463;}
.pa19-tax-tabs li.active{height: 45px; line-height: 45px;}
.pa19-tax-tabs li.active a,.pa19-tax-tabs li:hover a{color: #06004a;}
.pa19-tax-tabs li a{color: #fff; display: block;}
.cp-iit-tabs li a,.cp-tax-tabs li a,.pa-tax-tabs li a{padding: 10px 0; display: block;}
.cp-tax-tabs li,.pa-tax-tabs li{width: calc((100% - 1px)/2); border-right: none; border-left: none;}
.cp-tax-tabs li:first-child,.pa-tax-tabs li:first-child{border-right: 1px solid #dedede;}
.cp-tabs-content{border:1px solid #dedede;}
.cp-tabs-content .tab-content{padding:5px 0; background: #f5f5f5;}
.cp-tax-tabs li.hasicon,.pa-tax-tabs li.hasicon,.pa19-tax-tabs li a.hasicon{background:url(../img/finger24.png) no-repeat calc(50% - 60px) center; }
.pa19-tax-tabs li a.hasicon{background-position: 0 center; padding-left: 15px;}
.cpc-html-content,.table-case{background: #fff;padding: 20px 10px; padding-bottom:10px;}
.cp-tabs-content .cp-iit-tabtwo .tab-content{padding:10px 0; padding-top: 0;}
.cp-iit-select{width: 200px;background: #fff; line-height: 30px; border: 1px solid #ccc; height: 30px; padding-left: 10px;}
.cp-iit-select:focus{border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.cp-tax-faq{vertical-align: middle;font-size: 1.6rem; color: #999;}
.pure-control-group{padding: 6px 0;}
.bootstrap-switch label{margin-right: 0;}
.pure-g .cp-tax-swicth{letter-spacing:normal !important;}
.bootstrap-switch{margin-left: 3px;}
.cp-switch-box{cursor: pointer;}
.pa19-table-data{ background: #fff; margin-top: 0;}
.pa19-tax-tabs{background: #06004a; padding-top: 20px;}
.cpc-swkc{margin-right: 0 !important;}
#marriage{position: absolute!important;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
	z-index: -1}
.cp-tax-btns{margin: 20px 0;}
.case-content{background: #fff;}
.case-content p{background: #ffe463; padding: 10px;}
.cpc-case-tab{width:100%; background: #ffe463;}
.cpc-case-tab li{height: 45px; line-height: 50px; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin:0 5px; width: calc((100% - 20px)/2); text-align: center; border: 0; background: #06004a;}
.cpc-case-tab li a{color: #fff; display: block;}
.cpc-case-tab li.active{background: #fff;}
.cpc-case-tab li.active a{color: #06004a;}
.cp-tax-btns .cp-tax-next,.cp-tax-btns .cp-tax-results, .cp-tax-btns .cp-tax-phoneresults{text-align: right;}
.cp-iit-tabtwo ul {border-bottom: 1px solid #ddd; width: 100%; margin-top: 15px;}
.cp-iit-tabtwo ul li{height: 40px; width: 120px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0 5px; line-height: 40px; background: #e5e5e5;}
.cp-iit-tabtwo ul li:first-child{margin-left: 15px;}
.cp-iit-tabtwo ul li:hover{background: #ddd;}
.cp-iit-tabtwo ul li.active{background: #1a1660; /*background: -moz-linear-gradient(top,#1a1660,#12065a); background: -webkit-linear-gradient(top,#eaeaea,#fff); background: -o-linear-gradient(top,#eaeaea,#fff); background: -ms-linear-gradient(top,#eaeaea,#fff);*/ }
.cp-iit-tabtwo ul li a{color: #333; display: block;}
.cp-iit-tabtwo ul li.active a{color: #fff;}
/*layout*/
.tab-content h4{border-bottom: 1px solid #ddd; padding: 20px 20px; padding-bottom: 0;}
.cp-tax-btns,.cp-tax-p20{padding: 10px 20px;}
.tab-content h3{padding: 20px; padding-bottom: 0;}
.tab-content .cp-top-0{padding-top: 0;}
.cp-txt-tip{margin: 10px 20px;}
.cpc-html-content .cp-txt-tip{margin-right: 0;}
.cp-txt-tip dt,.cp-txt-tip  dd{display: inline-block; color: #ed1a3b;}
.cp-txt-tip dt{width:5%; vertical-align:top;}
.cp-txt-tip dd{width: 94%;}
.alert{padding: 6px;}
.cpi-input {text-align: right;margin-top: -10px;}
.cpi-input input{border:1px solid #ddd; padding: .3em !important;}
.cpi-slider,.cp-is-switch,.cp-is-button,.cpp-slider,.cp-is-radio{border-bottom: 1px solid #eee; background: #fff; padding: 10px 20px; border-bottom:1px solid #e6e6e6; position: relative; /*z-index: 100;*/}
.cpi-slider:before,.cp-is-button.cp-has-bline:before,.cp-is-switch.cp-has-bline:before,.cpp-slider:before{position: absolute; left: 0; width: 20px; height: 1px; background: #fff; bottom: -1px; content: '';}
.cpi-slider.cp-show-bline:before{content:none;}
.cpsliderbox{height: auto !important; min-height: 36px;}
.cpi-slider p,.cp-is-switch p,.cpp-slider p{line-height: 18px; height: auto !important; min-height: 20px; padding: 12px 0;}
.cpsliderbox>div{position: relative;}
.cmin,.cmax{position: absolute; font-family:Arial," sans-serif"; font-size: 12px; color: #aaa; top: 12px;}
.cmax{right: 0; margin-right: 0;}
.left-radio-box p{line-height: 40px;}
.cp-is-switch .right-switch-box,.cp-is-radio .right-radio-box{text-align: right; margin-top: 5px;}
.cp-is-switch label{margin-right: 0;}
.btnnum{text-align: right;}
.btn i{vertical-align: middle;}
.cp-center{text-align: center; padding: 20px; background: #fff; border-bottom: 1px solid #ddd;}
.cpb-btn .btn-default.active{
  color: #ffffff;
  background-color: #082d5c;
  border-color: #082d5c;
}
.cp-is-sigle,#cp-iit-nav,.cp-tax-results{display: none;}
.pure-menu-horizontal h4{ white-space: normal !important;}
.btn-num-Disabled,.cp-ppts,.cp-show-2019,.cp-bbs{display: none;}
.tooltip ol {list-style: decimal; list-style-position: inside; color: #fff; padding-left: 15px;}
.tooltip ol li{color: #fff;list-style: decimal;}
.tab-content div{white-space: normal !important;}
.show-red,.cp-red{color: #ed1a3b;}
.cpc-result{
margin:0;
text-align: center; width:calc(100% - 2px);	
border: 1px solid #dedede;
margin-bottom: 30px;
}
#cp-iit-tachometer{
	background:url(../img/dick_bg.png) no-repeat center top;
	padding: 20px;
	position: relative;
}
#cpc-semicircle{width: 260px; height: 128px; display: inline-block; position: relative; overflow: hidden;}
#old-semicircle{
   width: 240px;
    height: 240px;
    border: 8px solid #fff;
    border-radius: 50%;
	position: relative;
}
#new-semicircle{
	width: 240px;
    height: 240px;
    border:8px solid transparent;
    border-radius: 50%;
    position: absolute;
    border-left:8px solid #ed1a3b;
    border-top:8px solid #ed1a3b;
    -webkit-transform : rotate(-135deg);
    -moz-transform : rotate(-135deg);
    -o-transform : rotate(-135deg);
	-ms-transform: rotate(-135deg);
    transform : rotate(-135deg);
	-webkit-transition: all 1s cubic-bezier(0.6, 0.1, 0.1, 1.6);
	transition: all 1s cubic-bezier(0.6, 0.1, 0.1, 1.6);
	-o-transition: all 1s cubic-bezier(0.6, 0.1, 0.1, 1.6);
	-moz-transition:all 1s cubic-bezier(0.6, 0.1, 0.1, 1.6);
	left: -8px;
	top:-8px;
	background: none;
	
}
#new-semicircle.nocubic{-webkit-transition: all 1s cubic-bezier(0.6, 0.1, 0.1, 1);
	transition: all 1s cubic-bezier(0.6, 0.1, 0.1, 1);
	-o-transition: all 1s cubic-bezier(0.6, 0.1, 0.1, 1);
	-moz-transition:all 1s cubic-bezier(0.6, 0.1, 0.1, 1);}
#cp-ppt{position: absolute; left: 50%; }
#cpc-pointer{  width: 0; 
height: 0; 
border-top: 4px solid transparent; 
border-right: 128px solid red; 
border-bottom: 4px solid transparent;position:absolute; left:calc(50% - 120px); top:144px; 
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform : rotate(0deg);
-webkit-transition: all 1s cubic-bezier(0.6, 0.1, 0.1, 1.6);
transition: all 1s cubic-bezier(0.6, 0.1, 0.1, 1.6);
-o-transition: all 1s cubic-bezier(0.6, 0.1, 0.1, 1.6);
-moz-transition:all 1s cubic-bezier(0.6, 0.1, 0.1, 1.6);
-webkit-transform-origin:116px 4px;
transform-origin: 116px 4px;
-ms-transform-origin:116px 4px;
-o-transform-origin:116px 4px;
}
#cpc-pot{position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #fff; left: calc(50% - 14px); top:138px; border:4px solid #ed1a3b;} 
#cpc-circle{width:10px ;height:10px; background: #fff; position:relative; border-radius:8px; border:4px solid #ed1a3b; margin: 0 auto; top: -8px;}
.cpi-ch-homeloan,.cpi-ch-discarhome,.cpc-content{display: none;}
/*table*/
.cpc-html-content th,.cpc-html-content td, .case-content th,.case-content td{text-align: right; padding: 3px;}
.cpc-html-content .cpc-has-line,.case-content .cpc-has-line{border-bottom: 1px solid #dedede;}
.cpc-html-content .cpc-td-left, .case-content .cpc-td-left{text-align: left;}
.cpc-top-tip{padding: 10px; background: #fff; padding-top: 0; margin: 0; margin-top: 20px;}
.cpc-html-table td{position: relative;}
.cpc-html-table em{ position: absolute; right:-6px; top:-3px; color: #ed1a3b; font-style: normal; display: none;}
.cpc-html-table .cpc-exemption em{ position:relative; top:-3px; color: #ed1a3b; font-style: normal; display: none;}
div.cpc-show-sta{margin-left: 0; margin-right: 0; margin-top: 30px;}
.cpc-html-table td span{padding: 0 2px;}
.has-border-box{border:1px solid #ccc;}
#cpc-digital{padding: 20px; padding-bottom: 0;}
#cpc-digital p{font-size:30px; color:#ed1a3b; padding: 10px; padding-bottom: 0;}
#pa-table tr:last-child,#us-table tr:last-child,#under-separate tr:last-child,#under-joint tr:last-child{font-weight: bold;}
#pa-table th,#us-table th,#under-separate th,#under-joint th{font-weight: normal;}
.tab-pane table{margin-bottom: 20px;}
#cpc-us-tip{display: none;}
.haslastline{font-weight: bold;}
.cp-two-taxs{display: none;}
b.case-best{display: none;}
.p-case span{ display: block; text-align: center;}
.p-case span b{display: block; padding: 5px; font-size: 1.8rem;}
.p-case span.curYear{ display:inline;}
.p-case i{font-style: normal;}
p.casered b{color: #ed1a3b !important;}
.result-btn{text-align: center; display:none; padding-bottom: 20px;}
#cpc-result-tip,#filltax,.cp-phone-payable{display: none;}
#filltax{margin-bottom: 30px;}
.result-btn i{font-size: 1.8rem;}
.result-btn button{border-radius: 16px;}
.result-btn .btn-default{background: #ddd; border: none;}
.result-btn .btn-default:hover{background: #666; color: #fff;}
.cp-fill-content{padding: 15px; border: 1px solid #ddd;}
.cp-fill-menu ul{border-bottom: none;}
.cp-fill-menu ul li,.cp-fill-menu ul li:hover{background:#fff; border:1px solid #ddd; border-bottom: none;}
.cp-fill-menu ul li:hover {background: #eee;}
.cp-fill-menu ul li a,.cp-fill-menu ul li:hover a{color: #333;}
.cp-fill-menu ul li.active{background: #1a1660; border: 1px solid #1a1660; border-bottom: none; margin-bottom: -1px; height: 41px;}
.cp-fill-menu ul li.active a{color: #fff;}
.fill-table{width: 100%;}
.fill-table th p {border-bottom: 1px solid #ddd; color: #f28532; font-size: 1.8rem; display: block;margin-top: 40px; margin-bottom: 8px; padding-bottom: 8px; position: relative;}
.fill-table .firstth th p{margin-top: 20px;}
.fill-table  td{text-align: right;}
.fill-table  td:first-child{text-align:left; padding-right: 15px;}
.fill-table th{font-size: 1.6rem;}
.fill-table th.th-noline{padding-top: 20px; font-size: 1.4rem;}
.fill-table th.th30{padding-top: 30px;}
.btn-data-toggle{position: absolute; right: 0; cursor: pointer;top:8px;}
.someppt{padding-right: 0 !important; padding-bottom: 15px;}
.someppt table{width: 100%; background: #eee; margin-bottom: 0;}
.someppt table th, .someppt td{padding-left: 15px; padding-right: 15px;}
.someppt p{margin-top: 30px; padding:10px 15px; background: #eee; color: #ed1a3b; font-weight: bold;}
.td30{padding-left: 20px;}
.btn-cal{text-align: center; margin: 20px auto;}
.fill-table{width: 100%;}
.fill-table th p {border-bottom: 1px solid #ddd; color: #f28532; font-size: 1.8rem; display: block;margin-top: 40px; margin-bottom: 8px; padding-bottom: 8px; position: relative;}
.fill-table .firstth th p{margin-top: 20px;}
.fill-table  td{text-align: right;}
.fill-table  td:first-child{text-align:left; padding-right: 15px;}
.fill-table th{font-size: 1.6rem;}
.fill-table th.th-noline{padding-top: 20px; font-size: 1.4rem;}
.fill-table th.th30{padding-top: 30px;}
.btn-data-toggle{position: absolute; right: 0; cursor: pointer;top:8px;}
.someppt{padding-right: 0 !important; padding-bottom: 15px;}
.someppt table{width: 100%; background: #eee; margin-bottom: 0;}
.someppt table th, .someppt td{padding-left: 15px; padding-right: 15px;}
.someppt p{margin-top: 30px; padding:10px 15px; background: #eee; color: #ed1a3b; font-weight: bold;}
.td30{padding-left: 20px;}
.hidetr,.cpc-right{display: none;}
.pa19-tax-tabs li lable{display: none;}
.cp-bread{padding-top: 6px;}
.rentpay-1,
.rentpay-2 {
    display: none;
}
@media only screen and (max-width:767px){
	.tax-container{padding:0;}
	.cp-iit-all,.tab-content h4,.tab-content h3,.cp-tax-p20{ padding-left: 10px; padding-right: 10px;}
	.cp-iit-header{border-bottom: 1px solid #ddd;}
	.cp-iit-footer,.pure-menu-horizontal .pure-menu-list.cp-iit-tabs,.cp-mobile-chat,#scrollUp,.cp-tax-btnss{display: none;}
	.pure-form input[type="tel"].sliderInput,.pure-form input[type="tel"].percentInput{width: 80%; display: inline-block;}
	.cpi-slider, .cp-is-switch, .cp-is-button, .cpp-slider{ padding: 10px;}
	.cp-iit-all{ padding-top: 0; padding-bottom: 40px;}
	#cp-iit-nav{ display: block;position: fixed;bottom: 0;left: 0;
    height: auto!important;
    min-height: 4rem;
    background: #f6f6f7;
    z-index: 100;
    border-top: 1px solid #ddd; width: 100%; padding: 8px 0;}
	#cp-iit-nav li{display: block; width: 20%; float: left; text-align: center; color: #666; padding-bottom: 5px;}
	#cp-iit-nav li i{display: block; text-align: center; font-size: 36px;}
	#cp-iit-nav li.active{color: #ed1a3b;}
	.cp-txt-tip{margin:10px;}

	.cp-iit-tachometer{background: #ed1a3b; height: 300px; position: fixed; top:0; width: 100%; z-index: 100; left: 0; top: 60px;}
	.cp-main-content{position: inherit; will-change:none !important; transform:none;}
		.hidecontent{display: none !important;}
	.showcontent{display: block;}
	.cp-phone-payable{line-height: 30px;}
	.cp-phone-payable span, .cp-phone-payable i{color: #ed1a3b; font-size: 24px;}
	.cp-phone-info{padding-top: 18px;}
	.cp-phone-payable i{display: inline-block; padding-bottom: 5px;}
	.cpc-u-1{width: 40%;}
	.cp-bread{display: none;}
	.autores{   -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        -o-transform: translateX(-260px);
        transform: translateX(-260px);}
	#cp-iit-nav,#phone-result{
        -webkit-transition: -webkit-transform .3s;
        -moz-transition: -moz-transform .3s;
        transition: transform .3s;
		z-index: 100;
	}
	.autopos{position: relative; }
	.cp-primary-nav{visibility:hidden; z-index: 0;}
	.cp-phone-share{
	position: relative;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    z-index: 3;
	text-align: center;
	}
	.cp-phone-bread{display: block;position: fixed; z-index: 106; top: 66px; padding-bottom: 10px; height:  auto !important;}
	.cp-close-share{color: #ed1a3b; font-size: 24px; font-weight: bold; position:absolute; right: 10px; bottom: 10px;}
	.cp-phone-share span{font-size: 18px;width: 100%; height: 100%; position: absolute; top:12px; left: 0;}
	.pa19-tax-tabs li{margin:0 1px; width: calc((100% - 30px)/5);}
	.pa19-tax-tabs li.isbest{width:calc((100% - 30px)/5 + 20px);}
}
@media only screen and (max-width:1023px){
.pa19-tax-tabs li{margin:0 1px; width: calc((100% - 30px)/5);}
	.pa19-tax-tabs li.isbest{width:calc((100% - 30px)/5 + 20px);}	
}
@media screen and (min-width: 48em) {
	.cp-tax-phoneresults,.btn-comparison,.cp-close-share,.cp-phone-share{display: none;}
	.cp-hkiit{padding-bottom: 30px;}
	.cp-hkiit h1{text-align: center; font-size: 2.6rem; padding: 20px 0; display: block;}
	.pure-u-md-5-12{width:46%;}.pure-u-md-7-12{width: 54%;}
	.cpc-result{width:calc(100% - 12px);	margin-left: 12px;}
	#phone-result{display: none;}
	.cp-iit-header{position:relative;}
	.cp-hkiit{padding-top:20px;}
	.cpc-right{display: block;}
	.tax-container{background: #f1f1f1;}
	.cp-tabs-content{border-top: 0;}
	.cp-iit-info{border-top-left-radius: 5px; border-top-right-radius: 5px;}
	.cpc-result,#filltax{margin-bottom: 0;}
	.cp-iit-info{display: block;background:#082d5c; height: 40px; line-height: 40px; text-align: center; color: #fff;}
	#cp-iit-nav{display: none !important;}
	.sliderInput,.percentInput{width:calc(100% - 20px); margin-left: 20px;}
	.cpi-slider, .cp-is-switch, .cp-is-button, .cpp-slider, .cp-is-radio{padding: 10px;}
	.cp-tax-results{display: block;}
	.cpc-u-1{width: 100%;}
	.cp-tabs-content .tab-content{padding:20px 0;}
	.cp-bread .pure-u-xl-1-5{text-align: right;}
}
@media screen and (min-width: 80em) {
	.cpi-slider, .cp-is-switch, .cp-is-button, .cpp-slider, .cp-is-radio{padding: 10px 20px;}
	.pa19-tax-tabs li lable{display:inline-block;}
}