@charset "utf-8";
@media screen and (min-width: 800px){
/*分享區改浮動*/
#masttop{position:relative;z-index:1;}
/*主視覺*/
.mainviewPc{display:block;}
.mainviewM{display:none;}
/*主視覺按鈕*/
.mainviewBtn{
	width:108px;
	height:108px;
	margin:auto 30px 50px auto;
}

.carrier h4 {
    clear: both;
    background:#e0125a url(../img/tota1_5.png) no-repeat left center;
    height: 60px;
    padding-left: 136px;
    padding-top: 10px;
    margin: 0 auto;
}
.carrier h4 em{
	font: bold 30px/40px "微軟正黑體";
	padding:5px 20px;
}
/*app介紹*/
.appIntroBox .step0Img,
.appIntroBox .step1Img,
.appIntroBox .step2Img,
.appIntroBox .step3Img,
.appIntroBox .step4Img,
.appIntroBox .step5Img,
.appIntroBox .step6Img,
.appIntroBox .step7Img{
	
	display:block;
}
.appIntroBox .step0Link,
.appIntroBox .step0Img1,
.appIntroBox .step1Link,
.appIntroBox .step1Img1,
.appIntroBox .step2Link,
.appIntroBox .step2Img1,
.appIntroBox .step3Img1,
.appIntroBox .step4Img1,
.appIntroBox .step5Img1,
.appIntroBox .step6Img1,
.appIntroBox .step7Img1{
	display:none;
}

}


@media screen and (min-width: 690px) and (max-width: 799px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
/*主視覺*/
.mainviewPc{display:none;}
.mainviewM{display:block;}
/*主視覺按鈕*/
.mainviewBtn{
	width:90px;
	height:90px;
	margin:auto 30px 50px auto;
}


.carrier h4 {
    clear: both;
    background:#e0125a url(../img/tota1_5.png) no-repeat left center;
    height: 60px;
    padding-left: 136px;
    padding-top: 10px;
    margin: 0 auto;
}
.carrier h4 em{
	font: bold 30px/40px "微軟正黑體";
	padding:5px 20px;
}
/*app介紹*/
.appIntroBox .step0Img,
.appIntroBox .step1Img,
.appIntroBox .step2Img,
.appIntroBox .step3Img,
.appIntroBox .step4Img,
.appIntroBox .step5Img,
.appIntroBox .step6Img,
.appIntroBox .step7Img{
	display:none;
}
.appIntroBox .step0Link,
.appIntroBox .step0Img1,
.appIntroBox .step1Link,
.appIntroBox .step1Img1,
.appIntroBox .step2Link,
.appIntroBox .step2Img1,
.appIntroBox .step3Img1,
.appIntroBox .step4Img1,
.appIntroBox .step5Img1,
.appIntroBox .step6Img1,
.appIntroBox .step7Img1{
	display:block;
}
/*app介紹*/
.appMsgBox{
	padding:0 50px 0 0;
}
}

@media screen and (min-width: 575px) and (max-width: 689px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
/*主視覺*/
.mainviewPc{display:none;}
.mainviewM{display:block;}
/*主視覺按鈕*/
.mainviewBtn{
	width:80px;
	height:80px;
	margin:auto 30px 70px auto;
}

.carrier h4 {
    clear: both;
    background:#e0125a url(../img/tota1_5.png) no-repeat left center;
    height: 60px;
    padding-left: 136px;
    padding-top: 10px;
    margin: 0 auto;
}
.carrier h4 em{
	font: bold 30px/40px "微軟正黑體";
	padding:5px 20px;
}
/*app介紹*/
.appIntroBox .step0Img,
.appIntroBox .step1Img,
.appIntroBox .step2Img,
.appIntroBox .step3Img,
.appIntroBox .step4Img,
.appIntroBox .step5Img,
.appIntroBox .step6Img,
.appIntroBox .step7Img{
	display:none;
}
.appIntroBox .step0Link,
.appIntroBox .step0Img1,
.appIntroBox .step1Link,
.appIntroBox .step1Img1,
.appIntroBox .step2Link,
.appIntroBox .step2Img1,
.appIntroBox .step3Img1,
.appIntroBox .step4Img1,
.appIntroBox .step5Img1,
.appIntroBox .step6Img1,
.appIntroBox .step7Img1{
	display:block;
}
/*app介紹*/
.appMsgBox{
	padding:0 30px 0 0;
}
}

@media screen and (max-width: 574px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
/*主視覺*/
.mainviewPc{display:none;}
.mainviewM{display:block;}
/*主視覺按鈕*/
.mainviewBtn{
	width:50px;
	height:50px;
	margin:auto 10px 50px auto;
}

.carrier h4 {
    clear: both;
    background:#e0125a url(../img/tota1_5.png) no-repeat left center;
    background-size:80px 30px;
    height: auto;
    padding: 5px 0 5px 85px;
    margin: 0 auto;
}
.carrier h4 em{
	font: bold 18px/1.8 "微軟正黑體";
	padding:5px 10px;
}
/*app介紹*/
.appIntroBox .step0Img,
.appIntroBox .step1Img,
.appIntroBox .step2Img,
.appIntroBox .step3Img,
.appIntroBox .step4Img,
.appIntroBox .step5Img,
.appIntroBox .step6Img,
.appIntroBox .step7Img{
	display:none;
}
.appIntroBox .step0Link,
.appIntroBox .step0Img1,
.appIntroBox .step1Link,
.appIntroBox .step1Img1,
.appIntroBox .step2Link,
.appIntroBox .step2Img1,
.appIntroBox .step3Img1,
.appIntroBox .step4Img1,
.appIntroBox .step5Img1,
.appIntroBox .step6Img1,
.appIntroBox .step7Img1{
	display:block;
}
/*app介紹*/
.appMsgBox{
	padding:0 30px 0 0;
}
}