@charset "UTF-8";
/* CSS Document */

.deskno {
    display: none;
}
@media screen and (max-width: 1024px) {
.index_phonebox h2,.index_linebox h2,h2.index_calltxt {
    font-size: 18px;    
    margin-top: -10px;
}
h3.index_calltxt{
    font-size: 16px;
}
.index_textbox {
    margin-bottom: 5px;
}
	.inner-width {
		width: 980px;
	}
	img.toplogo {
		width: 365px;
		position: absolute;
		top: 10%;
	}
	footer {
		height: 280px;
	}	
	.home-action {
		width: 980px;
	}
	.steal {
		width: 980px;
	}
	.container.slider {
		width: 96%;
	}
	.jq22-container {
		height: 300px;
	}
	.threeblock:before {
		left: 15px;
	}
	.steptxt {
		width: 52%;
		margin-left: 125px;
	}
	.actionright img {
		width: 165px;
	}
	.contact-top {
		line-height: 24px;
		top: 8px;
		width: 230px;
		left: 39%;
	}
	.steptxt.centertxt {
		left: 30%; top: 28%;

	}
	img.step2img,img.step4img {
		top: -55px;
	}	
	img.step3img {
		top: -30px;
	}
	h1.step2txt ,h1.step4txt{
		padding: 102px 0;
	}
	h1.step3txt {
		padding: 79px 0;
	}
	iframe {
		height: 200px;
	}
	h3.intro {
		font-size: 20px;
	}
	.lawinfo1 span, .lawinfo2 span {
		font-size: 26px;
	}
	.lawinfo1 h1 {
		font-size: 20px;
	}
	.contactxt {
		top: 68px;
	}
	h3.calltxt {
		font-size: 12px;
	}		
	h2.calltxt {
		font-size: 18px;
	}	
	.phonebox {
		top: 265px;
	}	
	.phonebox h3 {
		font-size: 14px;
	}	
	.phonebox h2 {
		font-size: 17px;
	}	
	.linebox h2 {
		font-size: 20px;
	}	
	.linebox {
		top: 335px;
	}	
	.linebox h2 {
		padding-left: 42px;
	}
	.linebox img {
		left: 13px;
	}	
	.imgbox {
		height: 430px;
	}	
	.als-viewport {
		width: 675px !important;
	}	
	.case_menu {
		margin: 15px 25px 40px 0px;
	}	
	.case_right {
		width: 448px;
		margin-top:15px;
	}	
	
	.inputbox {
		padding: 0px 0;
	}	
	.cell1 {
		width:3%;
	}	
	.contactbox2 img {
		position: absolute;
		right: -210px;
		top: 15px;
	}	
	.contactbox2 {
		margin-top: 40px;
		position: relative;
		width: 71%;
		/* float: left; */
	}	
	.block_map iframe {
		height: 286px;
	}
	.block_map {
		width: 69%;
	}	
	.sure {
		margin-left: 40%;
		margin-top: 15px;
	}	
	.fee1_block3 {
		font-size: 23px;
	}	
	.fee1_block2 {
		font-size: 15px;
		top: 50px;
		left: 85px;
	}	
	.fee2_block2 {
		font-size: 16px;
		top: 45px;
		left: 83px;
	}	
	.fee2_block3 {
		font-size: 19px;
		margin: 15px 5px;
	}	
	.fee2_block3 span {
		font-size: 12px;
	}	
	.case_pic{display: none;}
    .case_title {width: 100%;}
}

@media screen and (max-width: 962px) {
    .inner-width {width: 900px;}
    img.toplogo {width: 300px;}
    .contact-top {left: 35%;}
    .actionright {right: 5%;}
    .fee1_block2 {left: 75px;}
    .fee1_block3 {font-size: 20px;}
    .fee2_block2 {top: 40px;left: 75px;}
    .fee2_block3 {margin: 15px 1px;}
    .steptxt {margin-left: 96px;}
    .step:after {top: 30px;left: 260px;}
    .block_left {width: 72%;}
    .block_right {width: 24%;margin-bottom: 20px;}
    .als-viewport {width: 90% !important;}
    .case_menu {display: none;}
    .case_right {width: 100%;}
    .block_office {margin-left: 25px;}
    footer {height: 270px;}
    .contentrgbox_2 {display: none;}

}

@media screen and (max-width: 800px) {
    .inner-width {width: 100%;}
    .block_left {width: 90%;margin-left: 5%;}
    .steal {width: 99%;}
    img.toplogo {left: -3%;    top: 2%;
    position: absolute;}
    .contact-top {left: 33%;}
    .actionright {right: 20%;top: 0;}
    .bu{float: none;}
    .block_right {width: 90%;margin-left: 3%;position: relative;}
    img.index_lawyer_ph {width:50% !important;margin-left: 28%;}
    .fee_1 {width: 40%;display: inline-block;min-height: 155px;vertical-align: top;padding: 6px 6px 52px 6px;}
    .fee_2 {width: 55%;display: inline-block;margin-top: 0;}
    .fee1_block2 {left: 160px;}
    .fee1_block3 {font-size: 28px;text-align: center;}
    .fee2_block2 {top: 50px;left: 190px;}
    .footerbox.footright {text-align: right;margin-top: 0px;margin: 0;position: absolute;right: 6%;top: -10px;}
    .imgbox {background-image: url(../images/callnow_pad.png);}
    h3.calltxt {font-size: 24px;right: -9px;}
    h2.calltxt {font-size: 32px;right: -18px;}
    .phonebox {right: 0;}
    .linebox {right: 0;}
}
@media screen and (min-width: 769px) {
img.right_contact {
    display: none;
}
.phoneno.desktopno {
    display: none;
}
}
@media screen and (max-width: 768px) {
.inner-width {
    width: 700px;
}

.threeimg {
    display: inherit;
}
.threeimg img {
    width: 33%;
    display: inline-block;
}
.home-action {
    width: 730px;
}
.steal {width: 99%;}

.block_left {width: 100%;margin-left: 0;}

.block_right {width: 100%;
    padding-left: 0px;margin-bottom: 0px;margin-left: 0;}
.als-viewport {
    width: 90% !important;
}
.toplogo {width: 35%;margin: 20px auto;}

.actionright {top:-4px;right: 0%;}

.bu {margin-bottom: 5px;}

.bub {float: none;}

.steptxt {margin-left: 110px;}

.step:after {left: 270px;}

.fee_1 {width: 41%;display: inline-block;vertical-align: top;padding-left: 5%;}

.fee_2 {width: 50%;display: inline-block;margin-top: 0;}

.fee1_block2 {font-size: 18px;left: 170px;}

.fee1_block3 {text-align: center;}

.fee2_block2 {font-size: 18px;left: 165px;}

.personalbox {width: 48%;margin: 0 5px;display: inline-block;vertical-align: text-top;margin-bottom: 30px;}

.cell1 {padding: 20px 30px;}

footer {position: relative;height: 370px;}

.footerbox.footright {margin-top: 0px;margin: 0;position: absolute;right: 6%;bottom: 20px;}

.case_menu {display: none;}

.case_right {width: 100%;}

.contactbox2{width: 100%;}

h3.calltxt {font-size: 24px;right: -9px;}

h2.calltxt {font-size: 32px;right: -18px;}

.phonebox h2 {font-size: 26px;}

.phonebox h3 {font-size: 18px;}

.linebox h2 {font-size: 28px;}

.phonebox {right: 0;}

.linebox {right: 0;}

.jq22-container {height: 240px;}

img.index_lawyer_ph{margin-left: 25%;width: 50% !important;}

.contentrgbox_2 {display: none;}

.imgbox {background-image: url(../images/callnow_pad.png);    display:none;}

footer {font-weight: 800;}

.contact-top {left: 41%;}

}
@media (min-width: 610px) and (max-width: 720px) {
    .inner-width {width: 100%;}
    .block_left {width: 90%;margin-left: 5%;}
    .steal {width: 99%;}
    img.toplogo {width: 250px;margin: 20px;}
    img.phonelogo {width: 30%;margin: 20px;}
    .contact-top {left: 33%;}
    .actionright {position: relative;margin: -10px 20px 5px 20px;float: left;top: 25px;right: -120px;}
    .bu{float: left;}
    .bub {float: left;}
    .block_right {width: 90%;margin-left: 3%;position: relative;}
    img.index_lawyer_ph {width:50% !important;margin-left: 28%;}
    .fee_1 {width: 40%;display: inline-block;min-height: 155px;vertical-align: top;padding: 6px 6px 52px 6px;}
    .fee_2 {width: 54%;display: inline-block;margin-top: 0;}
    .fee1_block2 {left: 130px;}
    .fee1_block3 {font-size: 28px;text-align: center;}
    .fee2_block2 {top: 50px;left: 150px;}
    .footerbox.footright {text-align: right;margin-top: 0px;margin: 0;position: absolute;right: 6%;top: -80px;}
    .imgbox {background-image: url(../images/callnow_pad.png);}
    h3.calltxt {font-size: 24px;right: -9px;}
    h2.calltxt {font-size: 32px;right: -18px;}
    .phonebox {right: 0;}
    .linebox {right: 0;}
    .phonetime {position: absolute;right: 30px;top: 10px;}
    img.phone_phone {position: absolute;top: 6px;left: 0;}
    img.phone_clock {position: absolute;top: 35px;left: 0;}
    .phonetime p {padding-left: 25px;line-height: 30px;}
    .phonetime span {position: absolute;top: 50px;left: 15px;}
    .steptxt {margin-left: 96px;}
    footer {height: 290px;}
    .threeblock:before {left: 25px;}
}


@media screen and (max-width: 700px) {
    .inner-width {
        width: 96vw;
    }
	.imgbox {
		display: block;
	}	
    .callpad {
        margin: auto;
    }
    .imgbox {
        -moz-background-size: auto;
        /*for Firefox*/
        
        -webkit-background-size: auto;
        /*for Google Chrome、Safari*/
        
        -o-background-size: auto;
        /*for Opera*/
        
        background-size: auto;
        /*for IE*/
    }
    .step h1 {
        width: 35%;
        padding: 40px 0;
    }
    .step img {
        width: 100px;
    }
    .contentrgbox_1.deskno.index {
        margin: 0 20px;
    }
    .triangle4 {
        border-color: #bc0048 transparent transparent transparent;
        border-style: solid solid solid solid;
        border-width: 30px 30px 0px 30px;
        height: 0px;
        width: 0px;
        margin: 0 auto;
    }
	.contactbox1 {
		margin-top: 30px;
	}
	.phonebox h3 {
		font-size: 1.17em;
	}
    .contactxt {
        position: absolute;
        top: 16px;
        left: 23px;
    }

	.customer.index {
		padding: 0 5px;   
		margin-bottom: 0;
	}
	.contactbox1 h1 {
		font-size: 24px;
	}
	.contactbox1.case.inside {
		margin-top: 0;
	}
	p.contentText {
		padding: 20px 0 0 0;
	}
	.case_right {
		width: 100%;
	}
	
    .contactxt h1 {
        font-size: 22px;
        margin-bottom: -5px;
    }
    .contactxt span {
        background-color:#dc748f;
        color: #fff;
        top: 50px;
        margin: 0;
        font-size: 12px;
        padding-left: 10px;
        margin-top: 1px;
        padding-right: 100px;
    }
    .step {
        padding-bottom: 25px;
        position: relative;
        padding: 20px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;        
    }
    .step:after {
        display: none;
    }
    .morebutton {
        text-align: center;
        color: #fff;
        background-color: #bc0048;
        line-height: 52px;
        height: 52px;
        margin: 0 20px;
        position: relative;
    }
	#lista1 .als-prev, #lista1 .als-next {
		top: 12px;
	}
	span.footerborder {
		border-right: 0px solid #fff;
		display: inline-block;
		width: 100%;
	}
    .cen {
        margin: 0px;
    }
    .lawinfo img {
        left: 45%;
    }
    .fee_1 {
        padding: 6px 0 15px 32%;
    }
    .fee1_block2 {
        left: 45%;
    }
    .fee2_block2 {
        left: 36%;
        top: 19%;
    }
    .news_inside {
        padding: 20px 20px 0px 20px;
    }
    .phonetime {
		position: relative;
		right: 0;
		top: 0;
		padding:2px;   
		text-align: center;
    }
    img.phone_phone {
        position: relative;
        top: 0px;
        left: 0;		
		vertical-align: -5%;
    }
    img.phone_clock {
        position: relative;
        top: 0px;
        left: 0;
		margin-left: 15px;
		vertical-align: -5%;		
    }
    .phonetime p {
        padding-left: 0px;
        line-height: 30px;
		display: inline-block;
    }
    .phonetime span {
        position: relative;
        top: 0px;
        left: 0;
    }
    .more_left {
        margin-right: 30px;
    }
    .threeblock:before {
        left: 10px;
    }
    .home-action .bu img {
        width: 160px;
    }
    .home-action .bub img {
        width: 160px;
    }
    .actionright {
        margin-top: -20px;
    }
    .down {
        margin: 25px 100px;
    }
    .block_right {
        width: 100%;
        padding-left: 0;
    }
    .block_left {
        width: 100%;
        padding-right: 0;
    }
    .reseach_header2 .upfollow,
    .reseach_header2 .sub-downfollow {
        display: block;
    }
    .upfollow {
        left: -10px;
    }
    .sub-downfollow2 {
        right: -10px !important;
    }
    .toplogo {
        width: 80vw;
        max-width: 300px;
        margin-top: 10px;
    }
    

    .field_threeblock {
        height: 155px;
        padding: 6px;
        width: calc(50% - 10px);
        overflow: initial;
        float: none;
        margin-right: 10px;
    }

    .field_threeblock.cen{margin: 0 10px 0 0;}

	.blue_block {
		height: 30px;
		overflow: hidden;
		white-space: normal;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		text-overflow: ellipsis;
		display: -webkit-box;
	}
	.field_threeblock img {
		height: 80px;
	}	
	.field_left_box1 p {
		font-size: 16px;
	}
    /*手機選單*/
    

    .jq22-container {
        width: auto;
        margin-right: 0px;
    }
    .container.slider {
        width: 100%;
    }
    img.homebanner {
        width: 95%;
    }
    .jq22-container {
        height: 230px;
    }
    .lawyer img {
        width: 75% !important;
        margin-left: 10vw;
        position: relative;
    }
    .fee2_block3 {
        margin: 15px 60px;
    }
    .homeconsult {
        display: none;
    }
    .homeconsult_ph {
        display: block;
    }
    .contact-top .text {
        display: none;
    }
    .contact-top .easy {
        display: block;
        width: 155px;
    }
    .contact-top img {
        height: auto;
        width: auto;
    }
    .contact-top {
        left: 42%;
        margin-top: 40px;
        max-width: 230px;
        width: 60vw;
        float: right;
        max-height: 100px;
    }
    .inner-width {
        width: 100%;
    }
    .step:after {
        content: '';
        position: absolute;
        background: rgb(0, 32, 84);
        top: 0;
        left: 290px;
        bottom: 0;
        margin: auto;
        height: 100px;
        transform: rotate(29deg);
        width: 1.5px;
    }
    .phoneno {
        display: none;
    }
    .contentrgbox_1 {
        border: 1px solid #002054;
        padding: 5px;
        border-radius: 5px;margin-bottom: 30px;
    }
    .steptxt.centertxt {
        position: relative;
        top: 0%;
        left: 0%;
    }
    .step.line2 {
        border-bottom: 0px solid #002054;
    }
    .imgbox {
        background-image: url(../images/contact_m.png);
        background-size: cover;
        height: 500px;
        position: relative;
    }
    img.step3img {
        top: 0px;
    }
    h2.calltxt {
        position: absolute;
        color: rgb(252, 212, 0);
        top: 285px;
        left: 38px;
        font-size: 30px;
        padding: 0 24px;
        text-align: center;
        right: inherit;
    }
    h3.calltxt {
        position: absolute;
        color: rgb(252, 212, 0);
        top: 240px;
        left: 25px;
        font-size: 22px;
        padding: 0 12px;
        text-align: center;
        right: inherit;
    }
    .phonebox {
        position: absolute;
        top: 329px;
        left: 25px;
        font-size: 20px;
        color: #fff;
        padding: 0 9px;
        text-align: center;
        right: inherit;
    }
    .phonebox img {
        vertical-align: middle;
        top: 7px;
        left: 55px;
        position: absolute;
    }
    .phonebox h2 {
        display: inline-block;
        font-size: 24px;
        padding-left: 50px;
    }
    .linebox {
        position: absolute;
        top: 405px;
        left: 50px;
        color: #fff;
        padding: 0 9px;
        text-align: center;
        right: inherit;
    }
    .linebox img {
        vertical-align: middle;
        top: 7px;
        left: 20px;
        position: absolute;
    }
    .linebox h2 {
        display: inline-block;
        font-size: 26px;
        padding-left: 50px;
    }
    .news1 {
        padding: 0px 0px;
    }
    .news_inside {
        margin-bottom: 20px;
    }
	footer {
		background-color: #f2f3f5;
		height: 0;
		/* text-align: left; */
	}
	.footerbox.lawexp {
		margin-bottom: 0;
	}	
	.footerbox.copy {
		margin-top: 0;    
		margin-bottom: 10px;
	}
	.footerbox {
		font-size: 16px;
	}	
}


@media screen and (min-width: 721px) {
    .actionright.phone {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 605px) {
    img.phonelogo {width: 35%;margin: 20px;}
    .block_left {width: 100%;margin-left: 0%;}
    .actionright {position: relative;margin: -10px 20px 5px 20px;float: left;top: 25px;right: -110px;}
    .bu{float: left;}
    .bub {float: left;}
    .steal p {font-size: 14px;}
    .threeblock {font-size: 16px;border: 1px solid #555555;padding: 5px 0;width: calc(48.6%);min-height: 100%;margin-bottom: 20px;}
    .threeblock.fir {margin-right: 10px;}
    .indexprocess {padding: 0 20px;}
    .steptxt {margin-left: 0px;text-align: left;width: 100%;}
    .down {margin: 25px 30px;}
    .block_left.footerphone {background-color: #164a00;}
    .step img {margin-left: 20%;}
    .footerbox.lawexp {width: 95%;padding: 10px 0 10px 20px;}
    .footerbox.footright{top: -120px;}
    .footerbox.copy {margin-left: 20px;}
    .contactbox1 {padding: 0 20px;}
    .advisoryContent{padding-left: 20px;padding-right: 20px;}
    .lawyerinduction, .PriceContent{padding: 0 20px;}
    .contactbox2 {width: 95%;padding: 0 20px;}
    .contactbox3 {padding: 0 10px;}
    
}

@media screen and (max-width: 480px) {
    .deskno {
        display: block;
    }
	nav .navbar-toggle .icon-bar {
		background: #fff;
	}
	img.right_contact {
		display: none;
	}	
	img.step2img, img.step4img {
		top: 0px;
	}	
	.contact_newstitle {
		padding: 0;
		margin-bottom: 10px;
	}
	.newsContent h4 {
		padding-left: 30px;    
		font-size: 16px;
	}
	ul.breadcrumb {
		margin-top: 5px;
	}
	.contact_newstitle h2 {
		margin-bottom: 10px;    
		line-height: 30px;    
		font-size: 18px;
	}
	.block_map {
		width: 100%;
	}
	.block_office,.contactbox2 img {
		display: none;
	}
	.personalbox {
		width: 46%;
		margin: 0;
		margin: 0 5px;
		display: inline-block;
		margin-bottom: 20px;
		vertical-align: text-top;
		text-align: center;
	}
	.personalbox h3 {
		text-align: center;
	}
	ul.contactul {
		padding-left: 0;
		border-bottom: 0px;    
		list-style-type: none;
	}
	.dotted_line {
		margin-left: 0;
	}
	.cell1.email {
		font-size: 15px;
	}
	.PriceContent table,.advisoryContent table{
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
	}
	.PriceContent img,.advisoryContent img {
		max-width: 100% !important;
		height: 100% !important;
	}
	#lista1 .als-item {
		font-size: 14px;    
		padding: 4px;
	}
	.lawyerinduction {
		margin-bottom: 50px;
	}	
	.PriceContent iframe,.advisoryContent iframe {
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
	}
	.big {
		margin-top: -30px;
		padding: 5px 10px;    
		margin-bottom: 30px;
	}
	.case_title {
		font-size: 15px;
		/*height: 87px;*/
		padding: 0 20px;
		vertical-align: middle;
		display: table-cell;
		float: initial;
		margin-left: 0px;
		/*line-height: 30px;*/
            line-height: 1.5;
            height: auto;
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            width: auto;
            padding-top: 12px;
	}
	.als-viewport {
		margin: 20px 30px 0 30px;    
		width: 315px !important;    
		height: 45px !important;
	}	
	.case_bigbox {
		position:relative;
        height: 60px;
        padding: 15px;
	}
    .straight {height: 55px;}

    .listimg {max-height: 60px;}

	.case_pic img {
		max-width: 100%;
		position: absolute;
		top: 15px;
		right: 15px;
	}
	.contentrgbox_2 {
		margin-top: 50px;
	}	
	span.diamond {
		left: 10px;
	}
	.captcha {
		margin: 15px 5px;    display: inline-block;
	}
	.cell1 {
		padding: 10px 40px;    
		font-size: 16px;
	}
	.contactbox1 p {
		line-height: 36px;
	}
	input.form-control,textarea {
		margin-left: 5px;
		width: 93%;
        margin-bottom: 5px;
	}
	input#phone, input#email {
		width: 93%;
	}
	.inputbox {
	   margin-top: 0px;
	   padding-bottom: 0;
	}
	.sure {
		margin-left: 30%;
	}
	a.goToTop span {
		font-size: 12px;
		color: #555555;
		border-bottom: 2px solid #fff;
		border-top: 2px solid #fff;
		border: 2px solid #bc0048;
		padding: 20px 10px 10px 10px;
		border-radius: 50%;
		background-color: #f7e7ef;
	}
	span.top:before {
		content: '';
		position: absolute;
		top: -4px;
		left: 14px;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #555555 transparent;
	}
	a.page-scroll.goToTop {
		position: fixed;
		bottom: 40px;
		right: 0px;
		cursor: pointer;
		z-index: 9999;
	}
	.footerbox p {
		margin: 0 20px;
		text-align: center;
	}
	.footerbox.footright {
		width: 100% !important;
		text-align: center;
		background-color: #bc0048;
		padding-bottom: 15px;
		margin-top: 0;
		margin-bottom: 0;
        position: initial;
	}
	.footright img {
		width: 40px;
	}
	img.homebanner {
		display: none;
	}
	.deskpadno {
		display: block;
	}
	.block_left.footerphone {
		background-color: #bc0048;
	}
	.down {
		margin: 25px 20px 25px 20px;
	}
	.lawinfo img {
		left: 40%;
	}
    .fee_1 {width: auto;display: block;min-height: initial;padding-left: 15%;}

    .fee_2 {width: auto;display: block;margin-top: 50px;}

	.fee1_block2 {
		left: 55%;
	}
	.fee2_block1 {
		position: relative;
		left: 12%;
		width: 36%;
	}
	.fee2_block2 {
		left: 55%;
		width: 35%;
	}
	.threeblock {
		font-size: 14px;
		border: 1px solid #555555;
		padding: 5px 0 0 15px;
		width: calc(48.6%);
		min-height: 100%;
		margin-bottom: 20px;
	}
	.threeblock.fir {
		margin-right: 10px;
	}
	.contact-top {
		margin-top: -5px;
		width: 45vw;
		left: 52%;
	}
	.actionright {
		position: relative;
		margin: auto;
		float: left;
        top: 25px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.phonebutton {
		display: block;
		position: relative;
		float: left;
		margin: -10px auto 0px auto;
		left: 5%;
	}
	.actionright.phone img {
		width: 182px;
	}
	.bu {
		margin-right: 9px;
        margin-bottom: 0;
        float: left;
	}
	.bub {
        float: left;
		margin-right: 0px;
	}
	.phonebutton .bub {
		margin-right: 0px;
	}
	.phonebutton .bu {
		float: left;
	}
	.phonebutton img {
		width: 44vw;
	}
	.container.main {
		padding: 0 20px;
	}
	.toplogo {
		width: 50vw;
		max-width: 300px;
		margin-top: 0px;
	}
	.heard {
		display: none;
	}
	.phonemenu {
		display: block;
		background-color: #fff;
		width: 100%;
		/* [disabled]height: 100px; */
		/* [disabled]box-shadow: 1px 1px 1px; */
		
		z-index: 500;
	}
	.steptxt {
		margin-left: 0px;
		text-align: left;
		width: 100%;
	}
	.step {
		text-align: center;
	}
	.indexprocess {
		padding: 0 20px;
	}
	.more_left {
		display: none;
	}
	.step1 {
		width: 30%;
	}
	.datatd {
		padding: 2px 0px;
	}
	.TDC {
		width: 97%;
	}
	.block_left {
		width: 100%;
	}
	#banner_photo {
		height: 120px;
		margin-top: 9%;
	}
    .deskbanner{
        display: none;
    }
	.indexleft_1 {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.indexleft_img {
		margin-right: 24px;
		text-align: center;
		float: none;
		margin-bottom: 10px;
	}
	.indexleft_p {
		margin-top: 4px;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		line-height: 22px;
		min-height: 20px;
	}
    li.path{display: none;}
    .imgbox {background-image: url(../images/contact_m.png);}
}


@media screen and (max-width: 412px){
	.actionright.phone img {
		width: 181px;
	}
	.threeblock {
		width: calc(48.5%);
	}	

	.fee_2 {
		padding-left: 10%;
		padding-right: 10%;
	}
	.fee2_block1 {
		position: relative;
		left: 0;
		width: 40%;
	}
	.fee2_block2 {
		left: 50%;
		top: 20%;
		width: 40%;
	}
	.fee2_block3 {
	   margin: 15px 15px;
	}
	.fee_1 {
		padding-left: 10%;
		padding-right: 10%;
	}	
	.fee1_block2 {
		left: 50%;
	}	

}

@media screen and (max-width: 375px){
	img.phone_clock {
		margin-left: 4px;
	}
	.hamburger {
		top: 129px !important;
	}
	.actionright.phone img {
		width: 162.5px;
	}
	.threeblock {
		width: calc(48.5%);
	}	
	.field_left_box1 p {
		font-size: 15px;
	}
	h3.calltxt {
		left: 16px;
		font-size: 20px;

	}	
	h2.calltxt {
		left: 26px;
		font-size: 28px;
	}	
	.phonebox {
		left: 10px;
	}	
	.linebox {
		left: 35px;
	}	
	.fee_2 {
		padding-left: 10%;
		padding-right: 10%;
	}
	.fee2_block1 {
		position: relative;
		left: 0;
		width: 40%;
	}
	.fee2_block2 {
		left: 50%;
		top: 20%;
		width: 40%;
	}
	.fee2_block3 {
	   margin: 15px 15px;
	}
	.fee_1 {
		padding-left: 10%;
		padding-right: 10%;
	}	
	.fee1_block2 {
		left: 50%;
	}	
	.als-viewport {
		width: 275px !important;
	}	

    .customer_item{margin-left: 10px;}


	.cell1 {
		width: 4%;
	}	
}

@media screen and (max-width: 360px){
	.actionright.phone img {
		width: 155px;
	}
	.threeblock {
		width: calc(48.4%);    
		font-size: 13px;
	}

	.step h1 {
		width: 36%;
	}
	.phonebox {
		left: 3px;
	}
	.fee1_block3 {
		margin-left: 18px;
	}
	.news2 {
		font-size: 15px;    
		line-height: 30px;
	}	
	.hamburger {
		top: 126px !important;
	}
	.contactxt h1 {
		font-size: 18px;
		margin-bottom: -12px;
	}
	.contactxt span {
		padding-right: 70px;
	}	
	.phonetime {
		font-size: 14px;
	}	
	.captcha {
		font-size: 12px;
	}	
	
	
}

@media screen and (max-width: 320px){
	.phonemenu {
		height: 90px;
	}
	.hamburger {
		top: 119px !important;
	}
	.actionright.phone img {
		width: 135px;
	}
    .threeblock {   
        font-size: 12px;
    }    
	.threeblock {
		width: calc(48.2%);
	}
	.fee_1,.fee_2 {
		padding-left: 5%;
		padding-right: 5%;
	}
	.fee1_block2 {
		left: 48%;
	}
	.fee2_block2 {
		left: 48%;
		top: 20%;
		width: 47%;
	}
	.step h1 {
		width: 43%;
	}

	.phonetime p {
		line-height: 25px;
	}
	.imgbox {
		height: 440px;
	}
	h3.calltxt {
		left: 1px;
		font-size: 18px;
		top: 200px;
	}
	h2.calltxt {
		left: -4px;
		font-size: 28px;
		top: 240px;
	}
	.phonebox {
		left: 3px;
		top: 280px;
		font-size: 17px;
	}
	.phonebox img {
		top: 7px;
		left: 38px;
	}
	.linebox {
		left: 13px;
		top: 352px;
	}
	.threeblock:before {
		left: 7px;
	}
	.als-viewport {
		width: 222px !important;
	}
	.contactxt {
		top: 8px;
	}
	.cell1 {
	width: 5%;
		padding: 10px 10px;
		font-size: 14px;

	}
	.captcha img {
		width: 46%;
	}
	.cell1.email {
		font-size: 16px;
	}
	.contactbox2 h1 {
		font-size: 18px;
	}
	.contactbox2 h2 {
		font-size: 15px;
	}
	input.check {
		width: 35px;
	}
	input#name {
		margin-bottom: 5px;
	}
	.slides li img {
		height: 180px;
	}	
	.jq22-container {
		height: 195px;
	}
	.flex-control-nav {
		bottom: -190px;
	}
	.personalbox {
		width: 45%;
	}
	ul.contactul {
		font-size: 16px;
	}
	.field_threeblock {
		/*width: calc(30.3%);*/
        width: 46%;
	}
	.blue_block {
		font-size: 12px;
	}	
}