@media screen and (max-width: 1920px) {
    /*banner*/
    .banner_pcBox {
        display: block;
        width: 100%;
    }

    .banner_img_m img {
        display: none;
    } 
    
}

@media screen and (min-width: 1200px){
	.range {
	  margin-left: -15px;
	  margin-right: -15px;
	}/*解除.shell-margin:15px;設定*/
}
/*******-----------------1200px------------------*******/
@media screen and (min-width: 1200px){
	.container {
	    width: 1200px;
	    /*覆蓋/st_ec/css/bootstrap.css
	    @media (min-width: 1200px)
		.container {
		    width: 1170px;
		}*/
	    max-width: 1200px;
	    /*覆蓋/st_ec/css/rwd.css  
	    @media (min-width: 768px){}
	    	.container {
	    		 max-width: 970px;
	    	}
	    }*/
	}
	.section-padding {
	  padding-top: 4%;/*100px*/
	  padding-bottom: 4.5%;/*110px*/
	}
	.shell {
	  max-width: 1200px;
	}
}

@media screen and (max-width: 1200px){
	.section-padding {
	  padding-top: 40px;
	  padding-bottom: 50px;
	}
	.shell{
	  max-width: 970px;
	}
	.group-type-ph{
		text-align: center;
	}/*產品區塊排列置中*/
	.ph{
		width: 40%;
	}
}

/*******-----------------992px------------------*******/
@media (min-width: 992px) {
	.section-md-left {
	    position: relative;
	}
	.section-md-left.section-da-nang:before {
	    content: '';
	    position: absolute;
	    top: 20%;
	    left: 50%;
	    width: 50px;
	    height: 30px;
	    display: block;
	    border: solid transparent;
	    border-left-color: #135392;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	    z-index: 1;
	    border-width: 15px 0 15px 30px;
	}/*色塊三角形*/

	.section-md-left.section-cam:before {
	    content: '';
	    position: absolute;
	    top: 20%;
	    left: 50%;
	    width: 50px;
	    height: 30px;
	    display: block;
	    border: solid transparent;
	    border-left-color: #3e3116;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	    z-index: 1;
	    border-width: 15px 0 15px 30px;
	}/*色塊三角形*/

  	.section-md-left .section-img {
	    position: absolute;
	    left: 50%;
	    right: 0;
	    bottom: 0;
	    top: 0;
	}
  	.section-md-left .section-img img {
  	  	width: 100%;
      	height: 100%;
      	object-fit: cover;/*用於圖片設定，大小保持長寬等比例，但改變寬高，以便完全覆盖内容元素*/
    }
    .section-md-right {
        position: relative;
    }
  	.section-md-right.section-vie:before {
      	content: '';
      	position: absolute;
      	top: 20%;
      	right: 50%;
      	width: 50px;
      	height: 30px;
      	display: block;
      	border: solid transparent;
      	border-right-color: #145c64;
      	-webkit-transform: translateY(-50%);
      	transform: translateY(-50%);
      	z-index: 1;
      	border-width: 15px 30px 15px 0;
  	}/*區塊三角形*/

  	.section-md-right.section-island:before {
      	content: '';
      	position: absolute;
      	top: 20%;
      	right: 50%;
      	width: 50px;
      	height: 30px;
      	display: block;
      	border: solid transparent;
      	border-right-color: #00a0e9;
      	-webkit-transform: translateY(-50%);
      	transform: translateY(-50%);
      	z-index: 1;
      	border-width: 15px 30px 15px 0;
  	}/*區塊三角形*/

  	.section-md-right .section-img {
      	position: absolute;
      	right: 50%;
      	left: 0;
      	bottom: 0;
      	top: 0;
    }
  	.section-md-right .section-img img {
      	width: 100%;
      	height: 100%;
      	object-fit: cover;
    }
   .range-md-justify {
      	-webkit-justify-content: space-between;
      	-ms-flex-pack: justify;
      	justify-content: space-between;/*內層div平均分布，空格等距，左右兩邊不留間距(貼邊)*/
    }
   .range-md-reverse {
      	-webkit-flex-direction: row-reverse;
      	-ms-flex-direction: row-reverse;
      	flex-direction: row-reverse;/*內層div排序相反321*/
    }
   .section-md-right .cell-md-6 {
      	margin-left: 50%;
    }/*文字靠右*/
    .range > .cell-md-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;/*設定每個水平div寬度*/
        max-width: 50%;
    }
    .inset-md-right-70 {
        padding-right: 70px;
    }
    .inset-md-left-70 {
        padding-left: 70px;
    }
   .ph-title{
        height: 85px;
	}
	.ph-detail{
	    height: 40px;
	}
	
	.ph-feature{
		max-height:70px; 
	}
	
	.footer-image{
		width: 100%;
		margin-bottom: -3px;
	}
	.footer-image img{
		display: inline-block;
		width:25%;
		max-width: 100%;
	} 
}

@media screen and (max-width: 992px){
	.shell {
		max-width: 750px;
	}
	p + .btn {
		display: none;
	}/*隱藏連結按鈕*/
	.section-img{
		margin-top: 20px;
	}
	.ph{
		width: 55%;
	}
} 


/*******-----------------768px------------------*******/
@media screen and (max-width: 768px){
	header.header {
		background: url(../images/indochina_m.jpg) top center no-repeat; 
		height: 398px;
	}


	.shell {
	  min-width: 300px;
	  max-width: 480px;
	}

	.ph{
		width: 49.5%;
	}

	.banner_img_pc img {
        display: none ;
        width: 100%
    }

    .banner_img_m img {
        display: block;
    }   



}

/*******-----------------640px------------------*******/
@media screen and (max-width: 640px){	
	.ph{
		width: 80%;
	}
}

/*******-----------------480px------------------*******/
@media screen and (max-width: 480px){
	@media screen and (max-width: 768px){
	header.header {background: url(../images/indochina_m.jpg) top center no-repeat; 
		    height: 398px;
	}

	.ph{
		width: 95%;
	}

	.card-group>.card {
	    margin-bottom: 0px;
	}

	.banner_img_m img {
        max-width: 100%;
    }   


}

/*******-----------------320px------------------*******/
@media screen and (max-width:320px) {

}