.image-container{overflow:hidden;position:relative}
.image-container:before{display:block;padding-top:56.25%;content:""}

.layout-home .section-b2b{margin:100px auto;position:relative}
.layout-home .section-b2b .section-image{width:460px}
.layout-home .section-b2b .section-image .image-container:before{padding-top:69%}
.layout-home .section-b2b .section-body{position:absolute;top:0;right:40px;bottom:0;left:590px}
.layout-home .section-b2b .section-body .section-text{margin-bottom:1em}
.layout-home .section-b2b .section-text{max-width:700px}
.layout-home .section-b2b{margin:100px auto}
.layout-home .section-b2b .section-image{width:400px}
.layout-home .section-b2b .section-body{left:510px;right:30px}
.layout-home .section-b2b{margin:100px auto}
.layout-home .section-b2b .section-image{width:360px}
.layout-home .section-b2b .section-body{left:450px}


@media only screen and (max-width: 992px){
body{padding-left:0px}
.layout-home .section-b2b{margin:20px auto 100px auto}
.layout-home .section-b2b .section-image{width:270px}
.layout-home .section-b2b .section-body{left:340px}

}


@media only screen and (max-width: 767px){
body{padding-left:0}
.horizontal-wrapper{padding:0 10px}
.layout-home .section-b2b{margin:0 auto 60px}
.layout-home .section-b2b .section-body{position:relative;top:0;left:0}
.layout-home .section-b2b .section-image{margin-top:20px;width:auto}
.layout-home .section-b2b .section-image .image-container:before{padding-top:60%}

}


/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.title-x3{margin-bottom:0.6em;position:relative;left:-3px;font-size:26px; line-height:40px}
.mf2{max-width:100%; margin:0; padding:0}
.rte{color:#555555; font-size:18px; line-height:32px}
	

}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.title-x3{margin-bottom:0.6em;position:relative;left:-3px;font-size:30px; line-height:40px}
.mf2{max-width:92%; margin:0 0 0 8%; padding:0}
.rte{color:#555555; font-size:18px; line-height:32px}

}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.title-x3{margin-bottom:0.6em;position:relative;left:-3px;font-size:30px; line-height:40px}
.mf2{max-width:94%; margin:0 0 0 6%; padding:0}
.rte{color:#555555; font-size:18px; line-height:32px}

}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.title-x3{margin-bottom:0.6em;position:relative;left:-3px;font-size:36px; line-height:40px}
.mf2{max-width:80%; margin:0 auto; padding:0}
.rte{color:#555555; font-size:18px; line-height:32px}

}


/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.title-x3{margin-bottom:0.6em;position:relative;left:-3px;font-size:36px; line-height:40px}
.mf2{max-width:60%; margin:0 auto; padding:40px 0 60px 0}
.rte{color:#555555; font-size:18px; line-height:32px}
}