/*******-----------------1200px------------------*******/
@media screen and (min-width: 1200px){
	.container {
	    max-width: 1170px;
	}/*覆蓋/st_ec/css/rwd.css 
	@media (min-width: 768px){}
	}*/
	.row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.parallax-layer{
		width: 1600px; height: 595px;
	}
}
@media screen and (max-width: 1500px){
	.parallax-layer, .banner-hover{
		width: 1300px; height: 483px;
	}
}
@media screen and (max-width: 1400px){
	.parallax-layer, .banner-hover{
		width: 1200px; height: 446px;
	}
}
@media screen and (max-width: 1200px){
	.group-type-ph .addPhBox2 > div:nth-child(1){width: 50%;}
	.group-type-ph .addPhBox2 > div:nth-child(2){width: 50%;}
}
/*******-----------------992px------------------*******/
@media screen and (max-width: 992px){
	/*-----------desktop-menu----------*/
	ul.menu li a{	
	    padding: 8px 30px;
	    font-size: 1.8em;
	    line-height: 1.5;
	    -webkit-border-radius: 0.6em;
	    -moz-border-radius: 0.6em;
	    border-radius: 0.6em;
	    margin:0 6px;
	    border:3px solid #b1e5fa; 
	}
	.menu_d {
		height: 90px;
	}

	/*-----------內容區-----------*/
	.title-box h1{
		max-width: 329px;
		height:100px;
		background-size:100% auto; 
	}
	.intro-txt{
		font-size: 1em;
		margin-top: 0px;
		margin-left: 0px;
	}
	.intro .col-md-4{
		max-width: 350px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.intro .col-md-4:last-child{
		margin-bottom: 0px;
	}

	/*-------C26------*/
	.addText .ph-title { font: bold 20px/1.2em "arial","微軟正黑體"; color: #000;  }
	.addText .ph-detail { font:  17px/1.2em "arial","微軟正黑體"; color: #000;  }
	.addText .price { position: absolute; bottom: 0; right: 0; font: bold 16px/2.2em "arial","微軟正黑體"; color: #ff305c;
	letter-spacing: -2px; vertical-align: bottom;}
	.addText .price span {font: bold 23px/1.3em "arial","微軟正黑體";   }
	.ph .ph-feature { padding: 5px 0; font: 17px/1.4em "arial","微軟正黑體"; color: #000; text-align: left; color: #ff305c; }
}

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

}

/*******-----------------768px------------------*******/
@media screen and (max-width: 768px){
	.section-layout{
		margin-bottom: 30px;
	}
	/*-----------mobile-menu-----------*/
	.pageMButton {
	    display: block;
	    position: fixed;
	    left: 50%;
	    margin-left: -15px;
	    bottom: 0;
	    padding: 5px;
	    background-color: #31c0ff;
	    z-index: 102;
	}
	nav.pageButton {
	    display: none;
	    position: fixed;
	    top: 0;
	    left: 0;
	    padding: 20% 0 0 0;
	    width: 100%;
	    height: 100vh;
	    background: rgba(0, 0, 0, 0.8);
	    z-index: 101;
	}
	nav.pageButton ul {
	    display: block;
	}
	nav.pageButton ul li {
	    width: 100%;
	    z-index: 101;
	    text-align: center;
	}
	nav.pageButton ul li a {
		display: inline-block;
	    border-radius: 99em;
	    color: #81d1f4;
	    font-size: 1.8em;
	    border: 2px solid #81d1f4;
	    padding: 15px 30px;
	    text-decoration: none;
	    margin: 15px auto;
	    transition: all 0.5s linear;
	}
	nav.pageButton ul li a:hover{
		background-color: #65c3ef;
		color: #fff;
	}
	.title-box h1{
		max-width: 329px;
		/*height:100px;*/
		padding-bottom: 20%;
	}
	p.intro-txt {
	    margin-left: 0px;
	    margin-top:0px; 
	}

	/*-------C26------*/
	.group-type-ph .ph {  margin: 0 1% 10% 1%; }
	.group-type-ph .addPhBox2 > div:nth-child(1),.group-type-ph .addPhBox2 > div:nth-child(2) { width: 100%; }
	.addPhBox2 .addText { padding:15px 15px 0px 15px;}
	.addText .price { position:static; text-align: right;}
	
}	
/*******-----------------640px------------------*******/
@media screen and (max-width: 640px){
	.section-layout{
		border: 10px solid #81D1F4;
	}
}

/*******-----------------480px------------------*******/


/*******-----------------320px------------------*******/