@charset "utf-8";.visabox {
    max-width: 1100px;
    margin: 0 auto;
    display: table-row-group;
    width: 100%;
    display: table;
}

.visaimg11,.visaimg12,.visaimg13,.visaimg14,.visaimg15 {
    float: left;
    width: 31.3%;
    min-height: 140px;
    line-height: 80px;
    text-align: center;
    margin: 10px 1% 20px 1%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /*background: -webkit-linear-gradient(#8fa6be,#3d5e7b);
    background: -o-linear-gradient(#8fa6be,#3d5e7b);
    background: -moz-linear-gradient(#8fa6be,#3d5e7b);
    background: linear-gradient(#8fa6be,#3d5e7b);*/
    cursor: pointer;
}

.visaimg11 {
	background-size: cover;	
	background-image: url(../img/tw01.jpg);}
.visaimg11:hover {
	background-size: cover;	
	background-image: url(../img/tw01a.jpg);}
.visaimg12 {
	background-size: cover;	
	background-image: url(../img/ch01.jpg);}
.visaimg12:hover {
	background-size: cover;	
	background-image: url(../img/ch01a.jpg);}
.visaimg13{
	background-size: cover;	
	background-image: url(../img/other01.jpg);}
.visaimg13:hover {
	background-size: cover;	
	background-image: url(../img/other01a.jpg);}
.visaimg14{
	background-size: cover;	
	background-image: url(../img/onair01.jpg);}
.visaimg14:hover {
	background-size: cover;	
	background-image: url(../img/onair01a.jpg);}
.visaimg15 {
	background-size: cover;	
	background-image: url(../img/free01.jpg);}
.visaimg15:hover {
	background-size: cover;	
	background-image: url(../img/free01a.jpg);}
/*.visaimg11,.visaimg12,.visaimg13,.visaimg14,.visaimg15:active {
    position: relative;
    top: 5px;}*/
	
.visaen {
	font-size: 13pt;}

.visaen,.visach {
    color: #fff;
    font-family: sans-serif,"Helvetica Neue",Helvetica,Arial,"微軟正黑體",Microsoft JhengHei;
    text-align: left;
    line-height: 20px;
    text-shadow: black 0.1em 0.1em 0.2em;
    padding: 10px 15px;
}

.visa_top {
    width: 100%;
    height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #fff;
    background: -webkit-linear-gradient(#008e67,#004c43);
    background: -o-linear-gradient(#008e67,#004c43);
    background: -moz-linear-gradient(#008e67,#004c43);
    background: linear-gradient(#008e67,#004c43)
}

.visa_topbk {
    /* background: -webkit-linear-gradient(#004c43,#004c43); */
    /* background: -o-linear-gradient(#004c43,#004c43); */
    /* background: -moz-linear-gradient(#004c43,#004c43); */
    /* background: linear-gradient(#004c43,#004c43); */
}

.visa_table .table_no {
    width: 7%
}

.visa_table .table_num {
    width: 10%
}

.visa_table .table_cont {
    width: 16%
}

.visa_table .table_cost {
    width: 7%
}

.visa_table .table_validity {
    width: 12%
}

.visa_table .table_day {
    width: 10%
}

.visa_table .table_remark {
    width: 38%
}

.visa_table td span {
    color: #f00;
    font-size: 1.6rem;
    vertical-align: inherit;
    font-family: sans-serif
}

.visa_bar {
    color: #fff;
    padding: 15px 0;
    margin: 0 0 25px 0;
    background: -webkit-linear-gradient(#008e67,#004c43);
    background: -o-linear-gradient(#008e67,#004c43);
    background: -moz-linear-gradient(#008e67,#004c43);
    background: linear-gradient(#008e67,#004c43)
}

.gray_bar li span {
    color: #f00;
    vertical-align: inherit;
    font-family: sans-serif
}

.visa_step {
    position: relative
}

.visa_step ul {
    height: 92px;
    margin: 0 auto 22px auto;
    width: 100%;
    padding: 0 30px
}

.visa_step ul div {
    border-top: 3px solid #000;
    position: absolute;
    width: 100%;
    top: 33px;
    left: 0;
    z-index: 0;
    padding-top: 28px;
    font-style: italic;
    font-family: 微軟正黑體
}

.visa_step ul i,.combox i,.icon_collap i {
    background-image: url(../black/icon_nav.png)
}

.visa_step ul i,.combox i {
    display: inline-block;
    position: relative;
    top: -9px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1
}

.combox i {
    width: 44px;
    height: 42px;
    background-image: url(../img/icon_02.png);
    background-size: 44px;
    top: 0
}

.visa_step:before {
    width: 30px;
    height: 70px;
    background-image: url(../black/icon_nav.png);
    float: left;
    background-position: -5px 0;
    position: absolute;
    left: 0;
    top: 0
}

.visa_step:after {
    width: 48px;
    height: 70px;
    background-image: url(../black/icon_nav.png);
    float: right;
    background-position: -374px 0;
    top: -5px;
    right: 0;
    position: absolute
}

.visa_step.chec:after {
    background-position-y: 77px
}

.visa_step ul li i {
    width: 70px;
    height: 70px
}

.visa_step ul li.st1 i {
    background-position-x: -47px
}

.visa_step ul li.st2 i {
    background-position-x: -125px
}

.visa_step ul li.st3 i {
    background-position-x: -207px
}

.visa_step ul li.st4 i {
    background-position-x: -288px
}

.visa_step ul li.act a {
    color: #ff6800;
    font-weight: 600
}

.visa_step ul li.act i {
    background-position-y: -90px
}

.visa_step ul li.act div {
    border-top: 3px solid #ff840c
}

.visa_step ul li.chec a {
    color: #ce0011
}

.visa_step ul li.chec div {
    border-top: 3px solid #ce0011
}

.visa_step ul li.st1.act i {
    background-position-y: 0
}

.visa_step ul li.chec i {
    background-position: -47px -90px
}

.visa_step ul li a {
    color: #000
}

.visa_step li {
    float: left;
    width: 31.5%;
    text-align: center;
    position: relative
}

.visa_grunotbox {
    text-align: center;
    color: #fff;
    padding: 15px 0;
    margin: 0 0 22px 0;
    border: 1px solid #004c43;
    background: -webkit-linear-gradient(#009e72,#004c43);
    background: -o-linear-gradient(#009e72,#004c43);
    background: -moz-linear-gradient(#009e72,#004c43);
    background: linear-gradient(#009e72,#004c43)
}

.visa_grunotbox {
    padding: 30px;
    width: 100%;
    margin: 0 auto 0 auto;
    font-size: 2rem;
    line-height: 3.5rem
}

.visa_marlos {
    margin-top: -60px
}

@media only screen and (max-width: 800px) {
    .visaimg1 {
        width: 23%;
		margin: 15px 1%;
    }
}

@media only screen and (max-width: 770px) {
    .visa_marlos {
        margin-top:-55px
    }

    .visa_table td.visa_top {
        border-bottom: 0
    }

    .visa_table .table_no {
        width: inherit
    }

    .visa_table .table_num {
        width: inherit
    }

    .visa_table .table_cont {
        width: inherit
    }

    .visa_table .table_cost {
        width: inherit
    }

    .visa_table .table_validity {
        width: inherit
    }

    .visa_table .table_day {
        width: inherit
    }

    .visa_table .table_remark {
        width: inherit
    }

    .visaen,.visach {
        line-height: 20px;
        padding-top: 5px
    }
}

@media only screen and (max-width: 644px) {
    .visaimg1 {
		width: 31%;
        margin: 15px 1%;
	}
	.visaen {
    font-size: 12pt;
	}
}

@media only screen and (max-width: 416px) {
    .visa_marlos {
        margin-top:-10px
    }

    .visaimg1 {
		width: 48%;
        margin: 15px 1%;
    }
}

@media only screen and (max-width: 377px) {
    .visaen,.visach {
        line-height: 20px;
        padding-top: 5px;
        font-size: 1.7rem
    }
}

@media only screen and (max-width: 322px) {
    .visa_marlos {
        width:75%;
        margin-top: 0
    }

    .visaen,.visach {
        line-height: 20px;
        padding-top: 4px;
        font-size: 1.5rem
    }
	
	.visach {
    font-size: 14pt;
	}
}