﻿.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

.align_center {
    text-align: center;
}

.body {
    margin: 0px;
    padding: 0px;
}

.backcolor_6cf36f {
    background: #66CCFF;
    background: -webkit-linear-gradient(#66CCFF,#3366FF);   /*Chrome,Safari用*/
    background: -moz-linear-gradient(#66CCFF,#3366FF);      /*FireFox用*/
    background: -o-linear-gradient(#66CCFF,#3366FF);        /*Opera用*/
    background: linear-gradient(#66CCFF,#3366FF);
}

.backcolor_ccc {
    background-color: #CCCCCC;
}

.backcolor_fc6 {
    background-color: #FFCC66;
}

.backcolor_f55 {
    background-color: #F5F5F5;
}

.backcolor_yellow {
    background-color: #FFFF00;
}

.backcolor_lime {
    background-color: #00FF00;
}

.backcolor_orange {
    background-color: #FFCC00;
}

.backcolor_fad {
    background-color: #F2EAED;
}

.backcolor_white {
    background-color: #FFFFFF;
}

.backcolor_ff9f {
    background: #FFFF9D;
    background: -webkit-linear-gradient(#FFFF9D,#BEEB9F);    /*Chrome,Safari用*/
    background: -moz-linear-gradient(#FFFF9D,#BEEB9F);       /*FireFox用*/
    background: -o-linear-gradient(#FFFF9D,#BEEB9F);         /*Opera用*/
    background: linear-gradient(#FFFF9D,#BEEB9F);
}

.borcolfc0_t {
    border-top: solid 1px #FFCC00;
}

.borcolfc0_r {
    border-right: solid 1px #FFCC00;
}

.borcolfc0_b {
    border-bottom: solid 1px #FFCC00;
}

.borcolcc0_b {
    border-bottom: solid 1px #C0C0C0;
}

.borcolfc0_rt {
    border-top-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-color: #FFCC00;
    border-right-color: #FFCC00;
}

.borcolf6f0_rt {
    border-top-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-color: #FFFBD6;
    border-right-color: #FFCC00;
}

.borcolfc0_rb {
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #FFCC00;
    border-bottom-color: #FFCC00;
}

.borcolcc0_rb {
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
}

.borcolfcc0_rb {
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #FFFFCC;
    border-bottom-color: #C0C0C0;
}

.borcolc0fc_rb {
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #C0C0C0;
    border-bottom-color: #FFFFCC;
}

.borcolfc0_lrt {
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #FFCC00;
    border-right-color: #FFCC00;
    border-left-color: #FFCC00;
}

.borcolfc0_brt {
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #FFCC00;
    border-right-color: #FFCC00;
    border-bottom-color: #FFCC00;
}

.borcolffd_lrt {
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #FFFBD6;
    border-right-color: #FFFBD6;
    border-left-color: #FFFBD6;
}

.borcolf0f6_lrt {
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #FFCC00;
    border-right-color: #FFFBD6;
    border-left-color: #FFFBD6;
}

.borcolfc0_lrb {
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #FFCC00;
    border-bottom-color: #FFCC00;
    border-left-color: #FFCC00;
}

.bordfff {
    border: 1px solid #FFFFFF;
}

.bord900 {
    border: 1px solid #990000;
}

.bord666 {
    border: 1px solid #666666;
}

.bordfc0 {
    border: 1px solid #FFCC00;
}

.bord2fc0 {
    border: 2px solid #FFCC00;
}

.bordcc0 {
    border: 1px solid #C0C0C0;
}

.bordf50 {
    border: 1px solid #FFA500;
}

.bordccc {
    border: 1px solid #CCCCCC;
}

.bord255 {              /*明細用*/
    border: 1px solid rgba(255,255,255,0.5);
}

.bord255rgb {           /*查詢用*/
    border: 1px solid rgba(255,255,255,0.5);
}

.borrad6 {
    border-radius: 6px;
    -moz-border-radius: 6px; /*讓firefox用*/
    -webkit-border-radius: 6px; /*讓Chrome、Safari使用*/
}

.borrad8 {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.borrad5_but {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    border: 1px solid #CCCCCC;
}

    .borrad5_but:hover {
        background: #FFA500;
        color: white;
        border: 1px solid #CCCCCC;
    }

.borrad5w_but {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    border: 1px solid #FFFFFF;
}

    .borrad5w_but:hover {
        background: #FFA500;
        color: white;
        border: 1px solid #FFFFFF;
    }

.borrad5_link {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 3px #A4A4BF;
    -webkit-box-shadow: 1px 1px 3px #A4A4BF;
    -moz-box-shadow: 1px 1px 3px #A4A4BF;
    border: 1px solid #A4A4BF;
    text-decoration: none;
}

    .borrad5_link:hover {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-shadow: 1px 1px 10px #F46A4E;
        -webkit-box-shadow: 1px 1px 10px #F46A4E;
        -moz-box-shadow: 1px 1px 10px #F46A4E;
        background: #FFA500;
        border: 1px solid #F3B05A;
        color: #FFFFFF;
    }

.bigcheckradio input {
    zoom: 1.3;
}

.bigcheckradio_bbs input {
    zoom: 1.6;
}

.color_white {
    color: #FFFFFF;
}

.color_red {
    color: #FF0000;
}

.color_green {
    color: #009933;
}

.color_blue {
    color: #0000FF;
}

.color_black {
    color: #000000;
}

.color_pink {
    color: #FF00FF;
}

.color_purple {
    color: #9900FF;
}

a.color_blackaa {
    color: #000000;
    text-decoration: none;
}
    a.color_blackaa:hover {
        color: #000000;
    }

a.color_00ff00 {
    color: #0000FF;
    text-decoration: none;
}
    a.color_00ff00:hover {
        color: #FF0000;
    }

a.color_00000f {
    color: #000000;
    text-decoration: none;
}
    a.color_00000f:hover {
        color: #0000FF;
    }

a.companylink {
    color: #000000;
    font-family: 微軟正黑體;
    font-size: 24pt;
    margin-left: 30px;
    text-decoration: none;
}
    a.companylink:hover {
        color: #FFFFFF;
    }

.ddl_w60 {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 28px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 微軟正黑體;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: ''; /*In Firefox*/
}

.ddl_w70 {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 38px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w90 {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 58px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w100 {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 68px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w150 {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 118px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w160 {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 128px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w180 {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 148px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w181 {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 149px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 細明體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w200 {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 168px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w70_mak {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 38px;
    background-repeat: no-repeat;
    font-size: 20pt;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w100_mak {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 68px;
    background-repeat: no-repeat;
    font-size: 20pt;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w120_mak {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 88px;
    background-repeat: no-repeat;
    font-size: 20pt;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.ddl_w140_mak {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('Images/down.png');
    background-position: 108px;
    background-repeat: no-repeat;
    font-size: 20pt;
    font-family: 微軟正黑體;
    text-indent: 0.01px;
    text-overflow: '';
}

.div_margin30 {
    margin-top: 30px;
}

.div_margin50 {
    margin: 50px auto 0px auto;
}

@media screen and (max-height:800px) {
    .div_margin50 {
        margin: 0px auto 0px auto;
    }
}

.div_margin100 {
    margin-top: 100px;
}

.div_left {
    display: block;
    float: left;
    margin-left: 10px;
}

@media screen and (max-width:800px) {
    .div_left {
        display: block;
        float: left;
        margin-left: 0px;
    }
}

.fieldset {
    border: 0;
    padding: 10px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 10px auto 0px auto;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    position: relative;
}

.fieldsetsearch {
    border: 0;
    padding: 10px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 10px auto 0px auto;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
}

.filewait {
    border: 0;
    padding: 5px;
    background: #F5F5F5;
    background: rgba(192,192,192,0.5);
    border-collapse: collapse;
    border-spacing: 0px;
    width: 250px;
    margin: 0px auto 0px auto;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.filemsg {
    border: 2px solid #FFFF00;
    padding: 5px;
    background: rgb(220,210,255);
    border-collapse: collapse;
    border-spacing: 0px;
    width: 250px;
    margin: 0px auto 0px auto;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

a.grid_no {
    color: #0000FF;
    text-decoration: none;
}
    a.grid_no:hover {
        color: #FF3399;
    }

.gridpager {
    background-color: #FFCC66;
    height: 35px;
    padding: 2px;
    margin: 0 auto;
}

    .gridpager a {
        /*margin: auto 1%;*/
        border-radius: 3px;
        background-color: #228B22;
        padding: 5px 10px 5px 10px;
        color: #FFFFFF;
        text-decoration: none;
    }

        .gridpager a:hover {
            background-color: #FF0000;
            color: #FFFFFF;
        }

    .gridpager span {
        padding: 3px 5px 3px 5px;
        color: #0000FF;
        border-radius: 3px;
    }

.help_valign {
    vertical-align: bottom;
}

.height25 {
    height: 25px;
}

.height30 {
    height: 30px;
}

.height36 {
    height: 36px;
}

.height40 {
    height: 40px;
}

.height50 {
    height: 50px;
}

.height80 {
    height: 80px;
}

.height200 {
    height: 200px;
}

.height350 {
    height: 350px;
}

.height450 {
    height: 450px;
}

.index_page {
    font-family: 微軟正黑體;
    text-align: center;
    color: #FF6699;
    font-size: 20px;
}

.menu_tabs {
    position: relative;
    top: 1px;
}

.menu_itemtab {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0px 30px;
    text-decoration: none;
    height: 30px;
}

.margt5b30{
    margin-top: 5px;
    margin-bottom: 30px;
}

.marg_t5 {
    margin-top: 5px;
}

.marg_l10 {
    margin-left: 10px;
}

.mark{
    background-color: red;
    color: black;
}

.verali {
    vertical-align: top;
}

.photofile{
    word-wrap:break-word;
}

.paddall310 {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.paddall3 {
    padding: 3px;
}

.paddt3 {
    padding-top: 3px;
}

.paddt5 {
    padding-top: 5px;
}

.paddt8 {
    padding-top: 8px;
}

.paddt10 {
    padding-top: 10px;
}

.paddt20 {
    padding-top: 20px;
}

.paddt30 {
    padding-top: 30px;
}

.paddb3 {
    padding-bottom: 3px;
}

.paddb5 {
    padding-bottom: 5px;
}

.paddb10 {
    padding-bottom: 10px;
}

.paddb15 {
    padding-bottom: 15px;
}

.paddb20 {
    padding-bottom: 20px;
}

.paddb30 {
    padding-bottom: 30px;
}

.paddb50 {
    padding-bottom: 50px;
}

.paddl3 {
    padding-left: 3px;
}

.paddl5 {
    padding-left: 5px;
}

.paddl10 {
    padding-left: 10px;
}

.paddl20 {
    padding-left: 20px;
}

.paddl30 {
    padding-left: 30px;
}

.paddl35 {
    padding-left: 35px;
}

.paddl40 {
    padding-left: 40px;
}

.paddl45 {
    padding-left: 45px;
}

.paddl60 {
    padding-left: 60px;
}

.paddl80 {
    padding-left: 80px;
}

.paddl120 {
    padding-left: 120px;
}

.paddl150 {
    padding-left: 150px;
}

.paddr5 {
    padding-right: 5px;
}

.paddr10 {
    padding-right: 10px;
}

.paddr15 {
    padding-right: 15px;
}

.paddr20 {
    padding-right: 20px;
}

.paddr40 {
    padding-right: 40px;
}

.paddr50 {
    padding-right: 50px;
}

.paddtb2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.paddtb3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.paddtb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.paddtb8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.paddtb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddtb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.paddtb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.paddtb30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.paddtb35 {
    padding-top: 3px;
    padding-bottom: 5px;
}

.paddtb510 {
    padding-top: 5px;
    padding-bottom: 10px;
}

.paddtb520 {
    padding-top: 5px;
    padding-bottom: 20px;
}

.paddtb102 {
    padding-top: 10px;
    padding-bottom: 2px;
}

.paddtb105 {
    padding-top: 10px;
    padding-bottom: 5px;
}

.paddtb1020 {
    padding-top: 10px;
    padding-bottom: 20px;
}

.paddtb1530 {
    padding-top: 15px;
    padding-bottom: 30px;
}

.paddtb2010 {
    padding-top: 20px;
    padding-bottom: 10px;
}

.paddtb2015 {
    padding-top: 20px;
    padding-bottom: 15px;
}

.paddtb2510 {
    padding-top: 25px;
    padding-bottom: 10px;
}

.paddtb302 {
    padding-top: 30px;
    padding-bottom: 2px;
}

.paddtb305 {
    padding-top: 30px;
    padding-bottom: 5px;
}

.paddtb3010 {
    padding-top: 30px;
    padding-bottom: 10px;
}

.paddtb3015 {
    padding-top: 30px;
    padding-bottom: 15px;
}

.paddtb3020 {
    padding-top: 30px;
    padding-bottom: 20px;
}

.paddtr2111 {
    padding-top: 21px;
    padding-right: 11px;
}

.paddlinkbut{
    padding: 6px 5px 6px 5px;
}

.photo_160 {
    margin: 5px 10px 10px 10px;
    padding: 2px 5px 5px 2px;
    width: 160px;
    height: 120px;
    background-image: url('images/photo_160.jpg');
}

.photo_600 {
    width: 600px;
    height: 600px;
    background-image: url('images/photo_600.jpg');
}

.textrads6 {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #CCCCCC;
}

.tabcont {
    border: 0;
    padding: 10px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tabcont_pic {
    border: solid 1px #CCCCCC;
    padding: 10px;
    background-color: #F5F5F5;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

th, caption {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    font-family: 微軟正黑體;
    border-bottom: solid 2px #990000;
    background-color: #990000;
}

tr.gridview_sorted a:link {
    color: #FFFFFF;
}

.tel_word {
    font-style: italic;
    text-decoration: underline;
}

.table_border {
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px auto 0px auto;
}

.table_border_left {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
}

.table_border_right {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
}

.table_martop3 {
    margin: 3px auto 0 auto;
}

.table_martop10 {
    margin: 10px auto 0 auto;
}

.table_martop20 {
    margin: 20px auto 0 auto;
}

.table_martop30 {
    margin: 30px auto 0 auto;
}

.table_martop50 {
    margin: 50px auto 0 auto;
}

.table_martop100 {
    margin: 100px auto 0 auto;
}

.table_martop200 {
    margin: 200px auto 0 auto;
}

.table_marbot3 {
    margin: 0px auto 3px auto;
}

.width250 {
    width: 250px;
}

.width300 {
    width: 300px;
}

.width350 {
    width: 350px;
}

.width400 {
    width: 400px;
}

.width450 {
    width: 450px;
}

.width500 {
    width: 500px;
}

.width550 {
    width: 550px;
}

.width600 {
    width: 600px;
}

.width650 {
    width: 650px;
}

.width800 {
    width: 800px;
}

.width900 {
    width: 900px;
}

.width950 {
    width: 950px;
}

.width1000 {
    width: 1000px;
}

.width1024 {
    width: 1024px;
}

.width1070 {
    width: 1070px;
}

.width1100 {
    width: 1100px;
}

.width1280 {
    width: 1280px;
}

.width1550 {
    width: 1550px;
}

.width1470but {
    width: 1470px;
}
@media screen and (max-width:900px) {
    .width1470but {
        width: 100%; /* 當viewport 寬度<=900時,將width設定為100% */
    }
}

.width1280but {
    width: 1280px;
}
@media screen and (max-width:900px) {
    .width1280but {
        width: 100%; /* 當viewport 寬度<=900時,將width設定為100% */
    }
}

.width1150but {
    width: 1150px;
}
@media screen and (max-width:900px) {
    .width1150but {
        width: 100%; /* 當viewport 寬度<=900時,將width設定為100% */
    }
}

.width1100but {
    width: 1100px;
}
@media screen and (max-width:900px) {
    .width1100but {
        width: 100%; /* 當viewport 寬度<=900時,將width設定為100% */
    }
}

.width1024but {
    width: 1024px;
}
@media screen and (max-width:900px) {
    .width1024but {
        width: 100%; /* 當viewport 寬度<=900時,將width設定為100% */
    }
}

.width1000but {
    width: 1000px;
}
@media screen and (max-width:900px) {
    .width1000but {
        width: 100%; /* 當viewport 寬度<=900時,將width設定為100% */
    }
}

.width900but {
    width: 900px;
}
@media screen and (max-width:900px) {
    .width900but {
        width: 100%; /* 當viewport 寬度<=900時,將width設定為100% */
    }
}

.width870but {
    width: 870px;
}
@media screen and (max-width:870px) {
    .width870but {
        width: 100%; /* 當viewport 寬度<=870時,將width設定為100% */
    }
}

.width850but {
    width: 850px;
}
@media screen and (max-width:850px) {
    .width850but {
        width: 100%; /* 當viewport 寬度<=850時,將width設定為100% */
    }
}

.width800but {
    width: 800px;
}
@media screen and (max-width:800px) {
    .width800but {
        width: 100%; /* 當viewport 寬度<=800時,將width設定為100% */
    }
}

.width750but {
    width: 750px;
}
@media screen and (max-width:750px) {
    .width750but {
        width: 100%; /* 當viewport 寬度<=750時,將width設定為100% */
    }
}

.width550but {
    width: 550px;
}

@media screen and (max-width:550px) {
    .width550but {
        width: 100%; /* 當viewport 寬度<=550時,將width設定為100% */
    }
}

.width_maintain_table600 {
    width: 600px;
}
@media screen and (max-width:600px) {
    .width_maintain_table600 {
        width: 100%;        /* 當viewport 寬度<=600時,將width設定為100% */
    }
}

.width_data_table500 {
    width: 500px;
}
@media screen and (max-width:500px) {
    .width_data_table500 {
        width: 100%;        /* 當viewport 寬度<=500時,將width設定為100% */
    }
}

.width_data_table250 {
    width: 250px;
}

@media screen and (max-width:250px) {
    .width_data_table250 {
        width: 100%; /* 當viewport 寬度<=250時,將width設定為100% */
    }
}

.width_main_table {
    width: 400px;
}
@media screen and (max-width:400px) {
    .width_main_table {
        width: 100%;        /* 當viewport 寬度<=400時,將width設定為100% */
    }
}

.width_main_td {
    width: 190px;
}
@media screen and (max-width:190px) {
    .width_main_td {
        width: 170px;       /* 當viewport 寬度<=190時,將width設定為100% */
    }
}

.wordbold {
    font-weight: bold;
}

.worddecor {
    text-decoration: none;
}

.word12 {
    font-size: 12px;
    font-family: 微軟正黑體;
}

.word13 {
    font-size: 13px;
    font-family: 微軟正黑體;
}

.word14 {
    font-size: 14px;
    font-family: 微軟正黑體;
}

.word14_result {
    font-size: 14px;
    font-family: 細明體;
}

.word14ll {
    font-size: 14px;
    font-family: 標楷體;
}

.word16 {
    font-size: 16px;
    font-family: 微軟正黑體;
}

.word16t {
    font-size: 16pt;
    font-family: 標楷體;
}

.word16ll {
    font-size: 16px;
    font-family: 標楷體;
}

.word16_fine {
    font-size: 16px;
    font-family: 細明體;
}

.word17 {
    font-size: 17px;
    font-family: 微軟正黑體;
}

.word18 {
    font-size: 18px;
    font-family: 微軟正黑體;
}

.word18t {
    font-size: 18pt;
    font-family: 微軟正黑體;
}

.word20 {
    font-family: 微軟正黑體;
    font-size: 20px;
}

.word20t {
    font-family: 微軟正黑體;
    font-size: 20pt;
}

.word22ll {
    font-family: 標楷體;
    font-size: 22px;
}

.word24 {
    font-family: 微軟正黑體;
    font-size: 24px;
}

.word24t {
    font-family: 微軟正黑體;
    font-size: 24pt;
}

.word24ll {
    font-family: 標楷體;
    font-size: 24px;
}

.word28ll {
    font-family: 標楷體;
    font-size: 28px;
}

.word_title {
    text-shadow: 2px 2px 1px #CCCCCC;
}

.wordlong_but {
    white-space: normal;
}

.word_text {
    text-decoration: none;
}