/*******-----------------1200px------------------*******/
@media only screen and (max-width: 1275px) {
    .contentBottom:before,.contentBottom:after{
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    html {
        font-size: 14px;
    }
    .layout1200 {
        padding-bottom:10px;
    }
    .scroll2top:link,
    .scroll2top:visited {
        right: 50px;
    }

}

/*******-----------------992px------------------*******/
@media only screen and (max-width: 992px) {

}


/*******-----------------768px------------------*******/
@media only screen and (max-width: 768px) {
    .pageMButton {
        display: block;
        position: fixed;
        left: 50%;
        bottom: 0;
        padding: 5px;
        background: rgba(0, 0, 0, 0.5);
        z-index: 102;
    }
    /*手機板–沒有search功能時用，讓M選單置中*/
    /*.index1 .pageMButton,.index2 .pageMButton,.index3 .pageMButton,.index4 .pageMButton {margin-left: -15px;}*/
    nav.pageButton {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.9);
        z-index: 101;
    }
    nav.pageButton ul {
        display: flex;
        flex-direction: column; /*從上到下*/
        align-items: center; /*垂直置中*/
        justify-content: center; /*水平置中*/
        width: 100%;
        height: 100vh;
        background: unset; /*不設定背景*/
    }
    nav.pageButton ul li {
        width: 100%;
        margin-bottom: 20px; 
    }
    nav.pageButton ul li a {
    	display: inline-block;
    	width: 70%;
    	border-radius: 30px; 
        padding: 15px 0;
        border: 1px solid #3a7ebe;
    }
    nav.pageButton ul li a:hover {
    	background-color: #3a7ebe;
    }
    a.choose1:hover,
    .index1 a.choose1,
    a.choose2:hover,
    .index2 a.choose2,
    a.choose3:hover,
    .index3 a.choose3,
    a.choose4:hover,
    .index4 a.choose4,
    a.choose5:hover,
    .index5 a.choose5,
    a.choose6:hover,
    .index6 a.choose6,
    a.choose7:hover,
    .index7 a.choose7{
        border-bottom: 1px solid #3a7ebe;
    }
    h1.recommendTitle:before,h1.recommendTitle:after{
        display: none;
    }

    /* c23模組 */
    .intro-anchors {
        display: none;
    }


    .carrier h4 {
        font-size: 2rem;
    }
    .carrier h4:before,
    .carrier h4:after {
        display: none;
    }
    .carrier ul {
        display: block;
        padding: 10px;
    }
    .carrier li{
        position:static;
        margin: 5px 0;
        overflow: hidden;/*解除.carrier .price 浮動*/
    }
    .carrier li:hover {
        transform: translateY(-5px);
    }
    .carrier .price {
        position:static;
        float: right;
        display: block;
        text-align: right;
        width: 100%;
        margin-top:10px; 
    }

    .scroll2top:link,
    .scroll2top:visited {
        right: 0px;
    }

}


