body{
    font-family: Arial, "微軟正黑體";
}
#nav_bar{
    position:fixed;  
    top:50%;  
    right:30px;
    z-index:9999;  
    text-align: right;
    font-size:20px;
}

.pay2go_link_hvr:before{
    background:#F29929;
}
.spg_link_hvr:before{
    background:#0C417E;
}

#show_news{
    list-style-type:none;
}
#nav_bar ul li{
    font-size: 49px;
    line-height:29px;
    color:white;
    /*box-shadow: -28px -2px 12px 1px hsl(35 106% 16% / 0.4);*/
    margin: 10px 0;
}
#bg1{
    background-color:#86a192;
    position:relative;
    height:auto;
    width:100%;
    margin: 0;
    padding: 0;
    margin-top:76px;
    background-image: radial-gradient(circle farthest-side at center bottom, #C7EAD7, #4A6F5B 125%);
}
.news-child{
    /*float: left;*/
    width:250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.inv_manage{
    margin-left:55.2% !important;
}
.inv_manage > a{
    cursor:pointer;
    color:#25682E;
    font-family: Microsoft JhengHei;
}
.glyphicon-save{
    color:#25682E;
}
#fit{
    display: inline;
    position: absolute;
    margin-left: -43.5%;
    margin-top: 34.8%;
    font-size: 1.4em;
    color: white;
}
#receipt_text{
    position:relative;
    width:31%;
    height:auto;
    margin-left:15%;
    margin-top:13%;
    margin-bottom:12.5%;
    margin-right:13%;
}
#earth{
    position: absolute;
    width: 47%;
    height: auto;
    margin-left: -11%;
    margin-top: 2%;
    margin-bottom: 13%;
}
/*    第二區*/
#bg2{
    background-color:#a38671;
    position:relative;
    height:auto;
    width:100%;
    margin: 0;
    padding: 0;

}
.second_section{
    margin-top:7px; 
    margin-bottom:-7px;
}
#cloud{
    position: relative;
    width: 40%;
    height: auto;
    margin-left: 53%;
    margin-top: 0%;
    margin-bottom:10%;
    margin-right: 0;
}
.TitleText{
    position: absolute;
    z-index: 4;
    margin-left: 60%;
    margin-top: -29.5%;
    font-size: 2.6em;
    font-weight: bold;
    color: #1b5f00;
}

.section2_text{
    position: absolute;
    z-index: 4;
    margin-left: 62.2%;
    margin-right: 0%;
    margin-top: -26.5%;
    font-size: 1.4em;
    font-weight: bold;
    color: #545454
}
.section2_text > ul{
    list-style-type:square;
}
.video-container {
    margin-left: 18%;
    margin-top: 17.6%;
    position: absolute;
    z-index: 7;
    padding-bottom: 32.25%;
    padding-top: 0px;
    height: 0;
    width: 54.5%;
    height: 7%;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width: 97%;
    height: 91%;
}

#mac{
    position: absolute;
    z-index: 4;
    width: 46%;
    height: auto;
    margin-left: -85%;
    margin-top: 10%;
}
#receipt{
    position: absolute;
    z-index: 3;
    width: 19%;
    height: auto;
    margin-left: -71.5%;
    margin-top: 3%;

}
/*第三區*/
#bg3_word{
    font-size: 4em;
    margin-top: 0;
    padding-top:116px;
    text-align:center;
    font-weight: bold;

}
#bg3{
    background-color:#e7e7e7;
    position:relative;
    height:auto;
    width:100%;
    margin: 0;
    padding: 0;
}

#iphone{
    position: absolute;
    z-index: 2;
    width: 21%;
    height: auto;
    margin-left: 10%;
    margin-top:5%;
}
#receipt_forphone{
    position: absolute;
    z-index: 2;
    width: 13%;
    height: auto;
    margin-left: 13.8%;
    margin-top: 14.2%;
}
#icon01{
    position: relative;
    width: 15%;
    height: auto;
    margin-left: 35%;
    margin-top:7%;
    margin-bottom: 24%;
}
#icon02{
    position: absolute;
    width: 15%;
    height: auto;
    margin-left:5%;
    margin-top:7%;
}
#icon03{
    position: absolute;
    width: 15%;
    height: auto;
    margin-left:25%;
    margin-top:7%;
}

#icon_title{
    color: #25682E;
    font-weight: bold;
    font-size:2em;
    position: absolute;
    z-index: 3;
    width:auto;
    height:20%;
    margin-top:-22%;
    margin-left:37%;
}
#icon_title2{
    color: #25682E;
    font-weight: bold;
    font-size:2em;
    position: absolute;
    z-index: 3;
    width:auto;
    height:20%;
    margin-top: -22%;
    margin-left:58.2%
}
#icon_title3{
    color: #25682E;
    font-weight: bold;
    font-size:2em;
    position: absolute;
    z-index: 3;
    width:auto;
    height:20%;
    margin-top: -22%;
    margin-left:77.5%
}
.inv_step{
    text-align:center !important; 
    margin-left:35.2% !important;
}
.dialog_box {
    background: white;
    width: 15%;
    height: 150px;
    color: #3a3235;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    padding-top:2em;
    padding-left: 1.4em;
    padding-right: 1.4em;
    padding-bottom: 1.8em;
    position: absolute;
    z-index: 4;
    margin-top: -18.5%;
    margin-left: 37.5%;
    box-shadow: -1px 1px 10px #333333;
    -webkit-box-shadow: -1px 1px 10px #333333;
    -moz-box-shadow: -1px 0px 1px #333333;
    opacity: 0.8;
    font-size: 1.2em;
    text-align: justify;
}

#dialog01{
    position:relative;
    z-index:3;
    width: 13%;
    height : auto;
    margin-left:35%;
    margin-top:0%;
}
#dialog02{
    position:relative;
    z-index:3;
    width: 13%;
    height : auto;
    margin-left:55%;
    margin-top:0%;
}
#dialog03{
    position:relative;
    z-index:3;
    width: 13%;
    height : auto;
    margin-left:75%;
    margin-top:0%;
}
#film_bg{
    position:absolute;
    z-index:1;
    height:auto;
    width:100%;
    margin: 0;
    padding: 0;
    margin-top: 140.3%;
}

/*第4區*/
#bg4{
    background-color:#fcfcfc;
    position:relative;
    height:auto;
    width:100%;
    margin: 0;
    padding-top: 6%;
    padding-bottom: 6%;
}
#store_receipt{
    position: relative;
    /*margin-top: 8%;*/
    margin-bottom: 16%;
    margin-left: 20%;
    width: 25%;
}
#store_receipt img{
    width: 100%;
}
.TitleText4{
    position: absolute;
    z-index: 4;
    margin-left: 55%;
    margin-top: -42%;
    font-size: 39px;
    font-weight: bold;
    color: #444444;
}
.TitleText4 p{
    margin: 0px;
    letter-spacing: 1px;
}
.section4_text{
    position: relative;
    z-index: 4;
    width: 25%;
    letter-spacing: 2px;
    margin-left: 55%;
    margin-right: 0%;
    margin-top: -33%;
    font-size: 16px;
    font-weight: bold;
    color: #777777;
}
.section4_text p{
    line-height: 23px;
}
.section4_text .note p{
    margin: 0px;
    color: #ff4e00;
}
.section4_text > ul{
    list-style-type:square;
}
.print_step_btn{
    display: block;
    margin: 25px 0px;
    padding: 4% 22%;
    border-radius: 10px;
    border: 0px;
    color: white;
    background-color: #ffaf00;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    outline: medium none;
}
.print_step_btn:hover, .print_step_btn:focus, .print_step_btn:active{
    color: white;
    background-color: #ffa400;
    text-decoration: none;
    outline: medium none;
}

/*    第五區費率*/
#bg5{
    background-color:#e7e1d6;
    position:relative;
    height:auto;
    width:100%;
    margin: 0;
    padding:0;
}
#bg5_slogen{
    margin-top: 153px;
    margin-bottom:30px;
    font-size: 4em;
    font-weight: bold;
    text-align:center;
}
#num_title {
    margin-bottom: 10px;
    background-color: #cc5d41;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    border-radius: 27px;
    border: 1px solid #cc5d41;
    color: white;
    padding: 10px 28px;
    text-decoration: none;
    width:30%;
    height: auto;
    font-size:2.4em;
    text-align: center;
    position: relative;
    margin-top:11.8%;
    margin-left:50%;
    z-index: 1;
    font-weight: bold;
}
#num_3000{
    margin-left:35.1%;
    margin-top:3.9%;
    background-color:#F6F6F4;
    position: relative;
    width:60%;
    height:23%;
    padding:6.2%;
    border-top-style: solid;
    border-color: #cc5d41;
    border-width: 11px;
    font-weight: bold;
}

#num_10000{
    margin-left:35.1%;
    margin-top:4.6%;
    margin-bottom: 31.4%;
    background-color:#F6F6F4;
    position:relative;
    width: 60%;
    height: 23%;
    padding:6.2%;
    border-top-style: solid;
    border-color: #cc5d41;
    border-width: 11px;
    font-weight: bold;
}
/*費率表新*/
#bg5_slogen{
    margin-top: 153px;
    font-size: 4em;
    font-weight: bold;
    text-align:center;
}
#system_setting_form{
    font-weight: bold;
    background-color: #F6F6F4;
    width: 100%;
    height: auto;
    padding-top:25px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
}
#cvs_print_form{
    font-weight: bold;
    background-color: #F6F6F4;
    width: 100%;
    height: auto;
    padding-top:25px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    border-top:4px solid #23729a;
}
.year_form{
    font-weight: bold;
    background-color: #F6F6F4;
    width: 100%;
    height: auto;
    padding-top:25px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    border-top-style: solid;
    border-color: #cc5d41;
    border-width: 4px;
}
.time_form{
    font-weight: bold;
    background-color: #F6F6F4;
    width: 100%;
    height: auto;
    padding-top: 45px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
    border-top-style: solid;
    border-color: #AC916F;
    border-width: 4px;
}
.charge_title{
    margin-top: 30px;
    background-color: #5E700F;
    width: 100%;
    height: 50px;
    color: white;
    font-size: 1.6em;
    text-align: center;
    padding-top: 12px;
    font-weight: 600;
}
.section_four_title{
    font-size:1.6em;
    color:#AC916F;

}
.section_four_text{
    font-size:1.1em;

}
.basic_add_title{
    color:#efbf00;
    font-size:1.6em;
    margin-top:3%;
    border-top-style:dashed;
    border-color: #44510d;
    padding-top:5%;
}
.btn_style{
    width:100px; 
    height:auto;
}
#count_form{
    font-size:4em;
    margin-top:9%;
    margin-left: 15%;
    font-weight:bold;

}
.footer_sm_look{
    display:inline;
}

/*   第六區 更多服務連結 */
.underline-from-center{
    width:0px;
    height:4px;
    margin:0 auto;
}
#bg6{
    background-color:#F3F3F3;
    position:relative;
    height:auto;
    width:100%;
    margin: 0;
    padding:0;
    padding-bottom:80px;
}

.link_area{
    border:1px solid #ccc;
    position: relative;
    float:left;
    text-align: center;
    height:350px;
    padding-top:5%;
}
.bg6_a{
    color:black;
    text-decoration: none;
}
.bg6_a:hover{
    color:black;
    text-decoration: none;
}
.link_area > img{
    width:55%;
    height:auto;
}
.link_height{
    display:flex;
    align-items:center;
    justify-content:center;
    height:108px;
}

.link_height > img {
    height:70px;
    width:auto;
}
.link_title{
    font-size: 24px;
    font-weight: 600;
}
.link_intro{
    margin-top:10%;
    font-size: 16px;
    text-align: left;
    font-weight: normal;
}

/*    第2區*/
.video-container {
    margin-left: 18.3%;
    margin-top: 17.6%;
    position: absolute;
    z-index: 7;
    padding-bottom: 32.25%;
    padding-top: 0px;
    height: 0;
    width: 54.5%;
    height: 7%;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-sm{
    width: 26%;
    margin-left: 36%;
    margin-right: 30%;
    margin-top: 0%;
}
#news{
    position: relative;
    z-index:4;
    line-height: 30px;
    margin-top: -68px;
    background: #fff;
    background-color: rgba(255,255,255,0.2);
    padding-right:10%;
    padding-left:15.5%;
    padding-top:3px;
    padding-bottom:3px;
}

/*    最新消息*/
.news_text{

    z-index:2;
    display:inline;
    color:white;
    width:auto;      
    font-size:1.2em;
    margin-right:10px;
    font-weight:bold;

}
.news_content{
    display:inline;
    padding-left:14px;
    color:#007529;
}
#block{ 
    position: absolute; 
    top:0; 
    left:0; 
    height:100%; 
    width:100%; 
    background-color:gray; 
    z-index:998; 
    visibility: hidden; 
} 
#fm{ 
    position: absolute; 
    top:30%; 
    left:40%; 
    width:20%; 
    height:20%; 
    background-color:white; 
    z-index:999; 
    visibility: hidden; 
} 
#bu1{ 
    margin-top:20%; 
    margin-left:40%; 
} 
body{ 
    margin:0px; 
} 

.pop_contant{
    margin-left: 0%;
    padding-top: 7%;
    padding-left: 13%;
    padding-right:13%;
    padding-bottom: 10%;
    line-height: 23px;
    font-size: 1.1em;
}　

.modal-header {
    min-height: 14px;
    padding: 19px;
    border-bottom: 1px solid #e5e5e5;
}

.newsstyle{
    width: 90%;
    height:45px;
}

/* 最新消息label的背景色...*/
.label-warning {
    background-color: #EF962B;
}
.label-danger {
    background-color: #CF0000;
}



/*
MediaQuery 
*/
@media screen and (min-width:1200px) and (max-width: 1500px)  { 
    #bg5_slogen {
        margin-top: 153px;
        font-size: 3.5em;
        font-weight: bold;
        text-align: center;
    }
    #fit{
        font-size:1.1em;
    }
    .TitleText{    
        font-size:2.1em;
    }
    .section2_text{ 
        margin-left:60%;
        margin-top:-26%;
        font-size:1.15em;
    }
    #icon_title{
        font-size: 1.5em;
    }
    #icon_title2{
        font-size: 1.5em;
    }
    #icon_title3{
        font-size: 1.5em;
    }
    .dialog_box {
        padding-top:2.5em;
        padding-left:1.3em;
        padding-right:1.3em;
        padding-bottom:1.5em;
        width:15%;
        height:130px;
        font-size:1em;
    }
    #num_title{
        font-size:2em;
        width: 35%;
    }    
    #year_title{
        font-size:2em;

    }
    #bg3_word{
        font-size:3.5em;
    }
    #count_form{
        font-size:3.5em;
    }
    .video-container {
        margin-left: 17.8%;
        margin-top: 17.5%;
    }

    /*第4區*/
    .section4_text{
        width: 28%;
        margin-top: -30%;
    }

}

@media screen and (max-width:1200px) { 
    #bg5_slogen {
        margin-top: 60px;
        font-size: 2.8em;
        font-weight: bold;
        text-align: center;
    }  
    #news{
        margin-top:-30px;
        padding-right:5%;
        padding-left:5%;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    #fit{
        font-size:0.9em;
    }
    .TitleText{
        font-size:1.6em;
    }
    .section2_text{ 
        margin-left:60%;
        font-size:0.8em;
    }
    #icon_title{
        font-size: 1.2em;
    }
    #icon_title2{
        font-size: 1.2em;
    }
    #icon_title3{
        font-size: 1.2em;
    }
    .dialog_box {
        width:16%;
        height:108px;
        font-size:0.7em;
        padding-top:2.5em;
        padding-left:1.3em;
        padding-right:1.3em;
        padding-bottom:1.5em;
    }

    /*第4區*/
    #store_receipt{
        width: 36%;
        margin-top: 8%;
        margin-left: 12%;
    }
.TitleText4 {
    position: absolute;
    z-index: 4;
    margin-left: 55%;
    margin-top: -56%;
    font-size: 39px;
    font-weight: bold;
    color: #444444;
}
    .section4_text{
        width: 33%;
        margin-top: -44%;
    }
    .section4_text p{
        font-size: 1em;
    }
    .print_step_btn{
        font-size: 1em;
    }

    /*        第四區*/
    #bg3_word{
        font-size:3.5em;
    }
    #count_form {
        font-size:3.5em;
    }

    #num_title{
        font-size:1.4em;
        width:33%;
    }    
    #year_title{
        font-size:1.4em;
    }
    .video-container {
        margin-left: 17.3%;
        margin-top: 17%;
        position: absolute;
        z-index: 7;
        padding-bottom: 50.25%;
        padding-top: 0px;
        height: 0;
        width: 77.5%;
        height: 10%;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 71%;
        height: 63%;
    }

}

@media screen and (max-width:1024px){
    #menu_count{
        margin-right: 15px;
    }
    #menu_link{
        margin-right: 15px;
    }
    #menu_intro{
        margin-right: 15px;
    }
    #menu_news{
        margin-right:15px;
    }
    #menu_announce{
        margin-right: 15px;
    }          
}
@media screen and (min-width:769px) and (max-width: 991px){
    .link_area{
        width:50%;
    }
}
@media screen and (max-width: 991px) {
    #bg5_slogen{
        margin-top: 47px;
        font-size: 2.8em;
    }
    /*        最新消息*/
    #news{
        position: relative;
        z-index: 1;
        line-height: 30px;
        margin-top:-30px;
        background: #fff;
        background-color: rgba(255,255,255,0.2);
        padding-right:5%;
        padding-left:5%;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    #fit{
        font-size:0.6em;
    }
    .TitleText{
        font-size:1.2em;
    }
    .section2_text{ 
        font-size:0.6em;
    }

    #icon01{

        margin-left: 35%;
        margin-top: 13%;
        margin-bottom:18%;
    }
    #icon02{
        margin-left:5%;
        margin-top:13%;
    }
    #icon03{

        margin-left:25%;
        margin-top:13%;
    }

    #icon_title{
        font-size:1em;
        width:auto;
        height:20%;
        margin-top:-15%;
        margin-left:37%
    }
    #icon_title2{ 
        font-size:1em;
        width:auto;
        height:20%;
        margin-top:-15%;
        margin-left:58%
    }
    #icon_title3{         
        font-size:1em;
        width:auto;
        height:20%;
        margin-top:-15%;
        margin-left:77%
    }
    #bg3_word{
        font-size:3.2em;
    }
    /*第四區*/
    #count_form {
        font-size:3.2em;
    }
    #num_title{
        margin-top: 6.8%;
        margin-left:32%;
        font-size: 2.5em;
    } 
    #num_3000 {
        margin-left:10.6%;
        margin-top: 3.3%;
        padding:5%;
        width:76%;
    }
    #num_10000{
        margin-left:10.6%;
        margin-top: 5.2%;
        padding:5%;
        width:76%;
    }          
    #year_title{
        position:absolute;
        font-size: 2.5em;
        margin-top:85.6%;
        margin-left: 31.5%;
        width:34%;
    }

    .video-container {
        margin-left: 11.2%;
        margin-top: 11.2%;
        position: absolute;
        z-index: 7;
        padding-bottom: 50.25%;
        padding-top: 0px;
        height: 0;
        width: 77.5%;
        height: 10%;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 47%;
        height: 42%;
    }
    .modal-sm {
        width: 46%;
        margin-left: 26%;
        margin-right: 30%;
        margin-top: 6%;
    }
}

@media screen and (max-width:860px) {
    #bg5_slogen{
        margin-top: 47px;
        font-size: 2.8em;
    }
    #fit{
        font-size:0.6em;

    }
    #year_title{
        position:absolute;
        margin-top:92%;
    }
    .TitleText{
        font-size:1.2em;
    }
    .section2_text{ 
        font-size:0.5em;
    }
    .modal-sm {
        width: 49%;
        margin-left: 24.5%;
        margin-right: 30%;
    }

}
@media screen and (min-width:769px) and (max-width:1024px){

    /*第4區*/
    .TitleText4 p {
        font-size: 28px;
        letter-spacing: 0px;
    }
}

@media screen and (max-width:768px){
    .link_area{
        width:50%;
    }
    .link_intro{
        text-align: left !important;
    }
}

@media screen and (max-width: 767px) { 
    #bg5_slogen{
        margin-top: 47px;
        font-size: 2.8em;
    }
    #receipt_forphone{
        display:none;
    }
    #number_word {
        margin-right: 189px;
    }
    #sm-bar{
        margin-top:26px;
        width: 100%;
        background: #2E2E2E;
        position: fixed;
        z-index:5;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 25px;
        padding-right: 10px;
        text-align: center;
        padding-right: 25px;
    }
    .sm-menu-style{
        font-size: 1.3em;
        padding-bottom: 10px;
        padding-top: 12px;
        border-bottom: 1px solid #666666;
    }
    .sm-menu-style:last-of-type{
        border-bottom:none;
    }
    #news{
        display:none;
    }
    #fit{
        font-size: 0.8em;
        margin-top:59%;
        margin-left:-76.5%

    }

    #nav_bar{
        display:none;
    }
    #receipt_forphone{
        display:none;
    }
    #earth{
        display:none;
    }
    #receipt_text{
        position: relative;
        width: 65%;
        height: auto;
        margin-left: 18%;
        margin-top: 13%;
        margin-bottom: 13%;
    }
    #cloud{
        position: relative;
        width: 64%;
        height: auto;
        margin-left: 18%;
        margin-top: 0%;
        margin-bottom:76%;
        margin-right: 0;
    }
    #mac{
        width: 73%;
        height: auto;
        margin-left: -69%;
        margin-top: 76%;
    }
    #receipt{
        width: 26%;
        height: auto;
        margin-left: -44.5%;
        margin-top: 65%;
    }
    /*雲朵上的標題*/
    .TitleText{
        margin-left: 33%;
        margin-top: -109%;
        font-size:1.5em;
        font-weight: bold;
        color: #1b5f00;
    }
    .section2_text{ 
        margin-left: 31%;
        margin-top:-104%;
        font-size: 1.1em;
        font-weight: bold;
    }
    /*第三區*/
    #iphone{
        display:none;
    }
    .icon_title{ 
        font-size:0.9em;
        margin-top:126.7%;
    }
    #icon01{
        width:41%;
        height: auto;
        margin-left: 30%;
        margin-top:9%;
        margin-bottom:138%;
    }
    #icon02{
        width:41%;
        margin-top:65%;
        margin-left:-40%;
    }
    #icon03{
        width:41%;
        margin-top:120%;
        margin-left:-40%;
    }
    #icon_title{
        width:auto;
        height:20%;
        font-size:2.4em;
        margin-top: -133%;
        margin-left:35.5%;
    }
    #icon_title2{
        width:auto;
        height:20%;
        font-size:2.4em;    
        margin-top:-77%;
        margin-left: 39%;

    }
    #icon_title3{
        width:auto;
        height:20%;
        font-size:2.4em; 
        margin-top:-22%;
        margin-left:35.5%
    }
    #bg3_word{
        font-size:3.1em;
    }

    /*第4區*/
    #store_receipt {
        margin-left: 28%;
        width: 47%;
        margin-top: 43%;
    }    
    .TitleText4 {
        width: 100%;
        margin-left: 0%;
        margin-top: -91%;
        text-align: center;
    }
    .section4_text {
        width: 72%;
        margin-top: -5%;
        margin-left: 15%;
        margin-bottom: 15%;
        font-size: 20px;
        letter-spacing: 1px;
        text-align: center;
    }
    .section4_text p {
        font-size: 0.8em;
    }
    .print_step_btn {
        font-size: 16px;
        /*margin: 25px 0px;*/
        padding: 2% 22%;
    }
    /*第四區*/
    #count_form{
        font-size:2.5em;
    }
    #num_title{
        font-size: 2.1em;

    }
    #year_title {
        font-size: 2.1em;
        margin-top: -22.4%;
        margin-left: 31.5%;
        width: 34%;
    }
    #num_3000 {
        margin-top:5.3%; 
    }
    .footer_sm_look{
        display:block;
        margin-bottom:20px;
    }
    .footer_text{
        font-size: 1em;
        padding-bottom: 1.5%;
    }
    .video-container {
        margin-left: 18.1%;
        margin-top: 78%;
        position: absolute;
        z-index: 7;
        padding-bottom: 50.25%;
        padding-top: 0px;
        height: 0;
        width: 75.9%;
        height: 11%;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 77%;
        height: 68%;
    }
    .modal-sm {
        width: 64%;
        margin-left: 17%;
        margin-right: 30%;
        margin-top: 13%;
    }

}

@media screen and (max-width:660px) {

    #receipt_forphone{
        display:none;
    }
    #number_word {
        margin-right: 170px;
        font-size: 0.9em;
    }
    #sm-bar{
        margin-top: 17px;
        width: 100%;
        background: #2E2E2E;
        position: fixed;
        z-index:5;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 25px;
        padding-right: 10px;
        text-align: center;
        padding-right: 25px;
    }
    #icon_title{
        font-size: 1.9em;
    }
    #icon_title2{
        font-size: 1.9em;
    }
    #icon_title3{
        font-size: 1.9em;
    }

    /*第4區*/
    .TitleText4 p {
        font-size: 28px;
        letter-spacing: 0px;
    }
}

@media screen and (min-width:415px) and (max-width: 479px)  { 
    /*        費率表新*/
    #bg5_slogen{
        margin-top: 50px;
        font-size: 2em;
    }
    #receipt_forphone{
        display:none;
    }
    #top-bar {
        width: 100%;
        background: #2e2e2e;
        position: fixed;
        z-index: 9999999 !important;
        top:0px;
        -webkit-box-shadow: 0px 2px 2px #2e2e2e;
        -moz-box-shadow: 0px 2px 2px #2e2e2e;
        box-shadow: 0px 2px 2px #2e2e2e;
        padding-top: 1px;
    }


    #number_word {
        margin-top: 28px;
        margin-right:135px;
        font-size: 0.7em;
    }
    #sm-bar{
        margin-top: 17px;
        width: 100%;
        background: #2E2E2E;
        position: fixed;
        z-index:5;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 25px;
        padding-right: 10px;
        text-align: center;
        padding-right: 25px;
    }
    .sm-menu-style{
        font-size: 1em;
        padding-bottom: 10px;
        padding-top: 12px;
        border-bottom: 1px solid #666666;
    }
    .sm-menu-style:last-of-type{
        border-bottom:none;
    }

    #fit{
        font-size: 0.6em;
        margin-top:59%;
        margin-left:-76.5%

    }


    #news{
        display:none;
    }
    #nav_bar{
        display:none;
    }

    .TitleText{
        font-size:0.7em;
    }
    .section2_text{ 
        margin-left:24%;
        font-size:0.5em;
    }
    #icon_title{ 
        font-size: 1.1em;
    }
    #icon_title2{
        font-size:1.1em;  
    }
    #icon_title3{
        font-size:1.1em;  
    }
    #bg3_word {
        padding-top: 13%;
        font-size:2.1em;
        width:46%;
        margin-left:26%;
    }
    /* 第四區*/
    #count_form{
        margin-top:15%;
        font-size:2.1em;
        padding-right:10%;

    }
    #num_title{
        font-size:1.5em;
        width:46%;
        margin-left:26%;

    }
    #year_title {
        font-size:1.5em;
        width:46%;
        margin-left:25%;
        margin-top:-21%;

    }
    .section_four_title{
        font-size:1.6em;
    }
    #num_3000{
        width: 75%;
        margin-left: 11.1%;
    }
    #num_10000{
        width: 75%;
        margin-left: 11.1%;
    }
    .footer_sm_look{
        display:block;
    }
    .video-container {
        margin-left: 16.3%;
        margin-top: 77%;
        position: absolute;
        z-index: 7;
        padding-bottom: 53.25%;
        padding-top: 0px;
        height: 0;
        width: 75.5%;
        height: 12%;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 76.5%;
        height: 68%;
    }
    .modal-sm {
        width: 91%;
        margin-left: 4%;
        margin-right: 30%;
        margin-top: 20%;
    }
    .pop_contant {
        margin-left: 0%;
        padding-top: 7%;
        padding-left: 7%;
        padding-right: 7%;
        padding-bottom: 10%;
        line-height: 23px;
        font-size: 1.1em;
    }
}

@media screen and (min-width:0px) and (max-width: 414px)  { 

    .link_area{
        width:80%;
        padding:5% 7%;
        float:none;
        height:auto;
        margin:0 auto;
        margin-bottom:1%;
    }
    #bg3_word{
        width:85%;
        margin:0 auto;
    }
    #bg5_slogen{
        font-size: 2em;
        margin-top: 50px;
    }

    #pay2go_logo_link{
        width:85%;
        margin-top: 8%;
    }
    .spgateway_link{
        width:76%;
        padding-top: 4%;
    }
    .link_height{
        height:95px;
    }
    .link_title{
        font-size: 21px;
        margin-top:7%;
    }
    .link_intro{
        margin-bottom: 5%;
        text-align: left !important;
    }

    /*        費率表新*/
    #bg5_slogen{
        margin-top: 50px;
        font-size: 2em;
    }
    #receipt_forphone{
        display:none;
    }
    #top-bar {
        width: 100%;
        background: #2e2e2e;
        position: fixed !important;
        top:0px;
        z-index: 9999999;
        -webkit-box-shadow: 0px 2px 2px #2e2e2e;
        -moz-box-shadow: 0px 2px 2px #2e2e2e;
        box-shadow: 0px 2px 2px #2e2e2e;
        padding-top: 1px;
    }

    #number_word {
        margin-top: 28px;
        margin-right:135px;
        font-size: 0.7em;
    }
    #sm-bar{
        margin-top: 17px;
        width: 100%;
        background: #2E2E2E;
        position: fixed;
        z-index:5;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 25px;
        padding-right: 10px;
        text-align: center;
        padding-right: 25px;
    }
    .sm-menu-style{
        font-size: 1em;
        padding-bottom: 10px;
        padding-top: 12px;
        border-bottom: 1px solid #666666;
    }
    .sm-menu-style:last-of-type{
        border-bottom:none;
    }

    #fit{
        font-size: 0.6em;
        margin-top:59%;
        margin-left:-76.5%

    }


    #news{
        display:none;
    }
    #nav_bar{
        display:none;
    }

    .TitleText{
        font-size:0.7em;
    }
    .section2_text{ 
        margin-left:24%;
        font-size:0.5em;
    }
    #icon_title{ 
        font-size: 1.1em;
    }
    #icon_title2{
        font-size:1.1em;  
    }
    #icon_title3{
        font-size:1.1em;  
    }
    #bg3_word {
        padding-top: 13%;
        font-size:2.1em;
        width:85%;
        margin:0 auto;
    }
    /* 第四區*/
    #count_form{
        margin-top:15%;
        font-size:2.1em;
        padding-right:10%;

    }
    #num_title{
        font-size:1.5em;
        width:46%;
        margin-left:26%;

    }
    #year_title {
        font-size:1.5em;
        width:46%;
        margin-left:25%;
        margin-top:-21%;

    }
    .section_four_title{
        font-size:1.6em;
    }
    #num_3000{
        width: 75%;
        margin-left: 11.1%;
    }
    #num_10000{
        width: 75%;
        margin-left: 11.1%;
    }
    .footer_sm_look{
        display:block;
    }
    .video-container {
        margin-left: 16.3%;
        margin-top: 77%;
        position: absolute;
        z-index: 7;
        padding-bottom: 53.25%;
        padding-top: 0px;
        height: 0;
        width: 75.5%;
        height: 12%;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 76.5%;
        height: 68%;
    }
    .modal-sm {
        width: 91%;
        margin-left: 4%;
        margin-right: 30%;
        margin-top: 20%;
    }
    .pop_contant {
        margin-left: 0%;
        padding-top: 7%;
        padding-left: 7%;
        padding-right: 7%;
        padding-bottom: 10%;
        line-height: 23px;
        font-size: 1.1em;
    }
}
@media screen and (max-width:320px){
    .link_title{
        font-size: 16px;
    }
    #bg3_word{
        width:100%;
        margin:0 auto;
    }
    #bg5_slogen{
        font-size: 1.8em;
        text-align: center;
    }

}